@charset "utf-8";
/* CSS Document */

.index_title{ text-align:center; line-height:150px; clear:both; display:none}
.i_product_box .hd{ height:136px;}

.i_product_box .hd li{ width:167px; height:62px; line-height:62px; text-align:center; float:left; margin-right:4px; background:#E3E3E3;}

.i_product_box .hd li:last-child{ margin-right:0px;}

.i_product_box .hd li.on{ background:#263065; color:#FFF}
.index_list_products { position:relative; margin-left:-38px;}
.index_list_products li{ margin-left:38px; width:270px; float:left; margin-bottom:35px; height:auto !important; overflow:hidden;}
.index_list_products li img{ width:100%; height:360px; cursor: pointer; transition: all 0.6s; }
.index_list_products li img:hover{ -webkit-transform:scale(1.1);}
.index_list_products li h3{ padding-top:14px; line-height:30px;}
.index_list_products li  h3 a{ font-size:16px; color:#000}
.index_list_products li p{ line-height:20px; font-size:13px; color:#808080; text-indent:0px !important}
.index_list_products li p a{font-size:13px; color:#88B9FF;}
.about_box{ height:630px; clear:both; background:#FFF url(../images/about_bg.jpg) center top no-repeat; margin-bottom:40px; margin-top:20px;}
/* h1.white{ color:#FFF;} */
.about_box .width{ position:relative; height:630px; overflow:hidden; }
.about_text{ width:544px; position:absolute; height:290px; right:-544px; top:125px; transition:all 0.5s ease-out 0.1s; color:#FFF }

.about_box .width .about_honor_box{ position:absolute;top:20px;  transition:all 0.5s ease-out 0.3s; left:-500px; width:520px; text-align:right;}
.about_box .width .about_honor{ width:520px; position:relative; height:450px; overflow:hidden;}
.about_box .width .about_honor .hd{ position:absolute; bottom:0px; z-index:999; width:50%; right:0;}
.about_box .width .about_honor .hd li{ width:10px; line-height:10px; background:#999; border-radius:50%; float:left; margin:0 5px; height:10px; font-size:0px}
.about_box .width .about_honor .hd li.on{ background:#F00}
.about_box .width .about_honor .bd{ overflow:hidden}
.about_box .width .about_honor .bd li img{ width:auto; height:100%; max-width:520px}
.about_box.animated .about_text{ right:0;}
.about_box.animated .about_honor_box{ left:70px}
.about_text h3{ line-height:32px;}
.about_text p{ font-family:"微软雅黑"; font-size:16px; line-height:28px; padding-top:20px}
.about_text a{ display:block; width:120px; height:38px; text-align:center; line-height:38px; font-size:13px; color:#FFF; background:none; border-radius:10px; left:0; bottom:0; border:1px solid #FFF}
.about_shu{ width:100%; height:160px; position:absolute; opacity:0; left:80px; bottom:-160px;transition:all 0.7s ease-out 0.7s;}
.about_box.animated  .about_shu{ bottom:0px; opacity:1;}
.honor_box{ height:auto !important; overflow:hidden;}



.index_case{ height:460px;  margin-top:10px; transition:all 0.5s ease;}
.index_case .anniu{ width:60px; height:60px; z-index:99; top:35%; opacity:1;cursor:pointer;transition:all 0.5s ease;}
.index_case .anniu img{ width:100%;}
.index_case:hover .anniu{ opacity:0.9;}
.index_case .anniu.prev{ left:-120px;}
.index_case .anniu.next{ right:-120px;}
.index_case .bd ul{overflow:hidden; zoom:1; }
.index_case .bd ul li{ float:left; width:272px; height:400px; margin-right:38px; position:relative; transition:all 0.5s ease;}
.index_case .bd ul li a{ color:#FFF; font-size:14px}
.index_case .bd ul li img{ width:100%; height:400px;}
.index_case .bd ul li  p{ display:none; position:absolute;  width:100%; bottom:0; left:0; height:41px; line-height:41px; text-align:center; background:#8A8A8A; transition:all 0.5s ease;}
.index_case .bd ul li.active a p,.index_case .bd ul li:hover  p{ background:#FF8A00}

.huoban_box{ height:380px; background:url(../images/huoban_bg.jpg) center no-repeat}

.list_huoban li{ width:33.33%; float:left; text-align:left; margin-bottom:1em; height:100px; overflow:hidden;}
.list_huoban li img{ max-height:88px;}

.news_box{ clear:both; margin-top:35px; height:462px; overflow:hidden; padding-bottom:10px; position:relative;}
.news_box .newsbox{ width:580px; height:370px; overflow:hidden; position:absolute; }
.news_box .newsbox.l{ left:-580px; top:0;transition:all 0.5s ease-out 0.1s;}
.news_box .newsbox.r{ right:-580px; top:0;transition:all 0.5s ease-out 0.3s;}
.news_box .newsbox h2{ line-height:44px; border-bottom:1px solid #7D7D7D; color:#1A1A1A; padding-left:24px; position:relative}
.news_box .newsbox h2:before{ width:4px; height:24px; background:#F00; position:absolute; content:""; left:10px; z-index:9; top:10px;}
.news_box .newsbox h2 span{ float:right; margin-right:5px}
.news_box .newsbox h2 span a{ font-size:16px; color:#808080; }
.news_box.animated .newsbox.l{ left:0}
.news_box.animated .newsbox.r{right:0}
.news_text_box{ padding-top:40px; height:auto !important; overflow:hidden}
.news_text_box img{ width:280px; height:200px; float:left; margin-right:40px;transition: all 0.6s;}
.news_text_box:hover img{ -webkit-transform:scale(1.1);}
.news_text_box .text{ width:260px; float:left; height:185px; position:relative;}
.news_text_box .text h3{ line-height:44px; font-size:16px;}
.news_text_box .text  a{ color:#1A1A1A; }
.news_text_box .text  a h3{ font-size:16px;}
.news_text_box .text  a p{ line-height:22px; font-size:13px; text-indent:0}
.news_text_box .text  a.more{ display:block; position:absolute; width:100px; height:36px; text-align:center; line-height:36px; color:#FFF; background:#FF0000; right:0; bottom:0;}


.nav_pos{ padding-top:46px; line-height:46px; font-size:16px; color:#1A1A1A;} 
.nav_pos a{ font-size:16px; color:#F00;}
.show_blank{ height:38px; line-height:38px;}
.content_box{ height:auto !important; overflow:hidden; padding-bottom:40px;}
.content_box h2{ text-align:center; font-size:180%; letter-spacing:2px; font-weight:normal}
.content_box h4{text-align:center; font-size:14px; letter-spacing:1px; font-weight:normal; line-height:24px}
.content_box h4 a{font-size:14px; color:#1a1a1a}
.show_blank2{ height:28px; clear:both;}
.show_content{ line-height:32px; font-size:16px; height:auto !important; overflow:hidden;}
.culture{ height:400px; background:url(../images/culture_bg.jpg) center no-repeat;}
.culture_text{ height:480px;}
.culture_text .text{ width:330px; float:left; margin-left:79px; padding-top:40px}
.culture_text .text h2,.culture_text .text h3{ font-weight:normal; line-height:36px}
.culture_text .text h2{ padding-top:6px}
.culture_text img{ float:right; margin-right:82px; margin-top:54px;}
.honor{ height:400px; background:url(../images/honor_bg.jpg) center no-repeat;}
.list_honor{ padding-top:55px;}
.list_honor li{ width:374px; height:580px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); margin-bottom:55px; margin-right:30px; float:left}
.list_honor li img{ width:100%; max-height:580px;}
.list_honor li:nth-child(3),.list_honor li:nth-child(6){ margin-right:0px;}

.class_box{ height:120px; background:#F5F5F5}
.class_box ul{ padding-top:10px;}
.class_box ul li{ width:14.28%; float:left; text-align:center; line-height:52px; position:relative; background:url(../images/class_line.jpg) right no-repeat;}
.class_box ul li:nth-child(7){ background:none}
.class_box ul li a{ color:#1A1A1A; font-size:14px;}
.class_box ul li.active a{ color:#E7211B; }
.class_box ul li.active:after{ position:absolute; width:40px; height:4px; content:""; left:50%; margin-left:-20px; bottom:0; z-index:9; background:#E7211B;}
.class_box ul li:hover a{ color:#E7211B; }
.list_products{ position:relative; margin-left:-40px; z-index:99; padding-top:10px;}

.list_products li{margin-bottom:20px; width:373px; float:left; margin-left:40px; line-height:64px; text-align:center}
.list_products li img{ display:block; height:480px; width:373px;}
.list_products li a{ font-size:18px; color:#1a1a1a;}
.go_top{ padding-top:0px; clear:both; height:auto !important; overflow:hidden;}
.go_top a{ display:block; width:100px; height:36px; float:right; background:#F00; color:#FFF; text-align:center; font-size:14px; line-height:36px; border-radius:8px;}


.right_class{ width:157px; height:28px; float:right; border:1px solid #BFBFBF}
.right_class li{ width:78px; float:left; border-right:1px solid #bfbfbf; text-align:center; line-height:28px;}
.right_class li:last-child{ border-right:0px;}
.right_class li a{ font-size:14px; color:#666666;}
.list_news li { height:auto !important; overflow:hidden; padding-bottom:40px; margin-top:40px; border-bottom:1px solid #E6E6E6;}
.list_news li img{ width:300px; height:200px; float:left; margin-right:50px;}
.list_news li .text{ width:400px; float:left; padding-top:56px;}
.list_news li .text h3{ line-height:36px; color:#1A1A1A; font-size:14px;} 
.list_news li .text p{ line-height:22px; font-size:13px; color:#999999;}
.list_news li .time{ width:70px; float:left; position:relative; margin-left:70px; margin-top:56px;}
.list_news li .time h2{ line-height:40px; color:#999999; font-size:18px}
.list_news li .time .more{ display:block; position:absolute; top:40px; z-index:9; width:28px; height:28px; text-align:center; line-height:28px; color:#1772D5; border:1px solid #E6E6E6; left:50%; margin-left:-14px;}
.prev_next { padding-top:20px; padding-bottom:20px; font-size:14px; color:#999999}
.prev_next a{font-size:14px; color:#999999}
.other_box{ height:auto !important; overflow:hidden; padding-bottom:40px;}
.other_box h2{ font-weight:normal;}
.other_box ul{ padding-top:20px;}
.other_box li{ float:left; width:44%;margin:1%;border-bottom:1px dashed #cccccc;line-height:50px;padding:0 20px;}
.other_box li span{float:right;}
.other_box li img{ width:90%;}
.other_box li  p{ display:block; width:90%; text-align:center; line-height:40px;}
.other_box li  p a{ font-size:16px; color:#1a1a1a;}

.list_cases{ position:relative; margin-left:-40px; z-index:9}
.list_cases li{ width:270px; height:376px; margin-bottom:23px; float:left; margin-left:40px;}
.list_cases li a.list_cases-img{display:block;overflow:hidden;width:100%;height:220px;display: flex;justify-content: center;align-items: center;}
.list_cases li img{ display:block;max-width:100%;margin:auto;}
.list_cases li h3{line-height:26px;font-size: 16px;}
.list_cases li  p{ line-height:22px; color:#999999; font-size:13px; text-indent:0}
.list_cases li  p a{ font-size:12px; color:#E7211B;}

.left_text{ width:430px; height:240px; float:left; background:#333333; padding-top:70px; color:#FFF;}
.left_text h2{ line-height:30px;}
.left_text h4{ font-size:12px}
.left_text h3{ text-align:center; font-weight:normal; padding-top:20px;}
.left_text  ul{ clear:both; padding-top:60px;}
.left_text  ul li{ width:23%; float:left; margin-left:8%; line-height:30px; }
.right_weixin{ width:460px; height:310px; float:left; background:url(../images/con_right.png) no-repeat}
.right_weixin ul{ padding-top:42px;}
.right_weixin ul li{ width:150px; float:left; margin-left:65px;}
.right_weixin ul li img{ width:100%; height:auto }
.right_weixin ul li p{ padding-top:15px; color:#D7D7D7;text-align:center;}
.book_title{ text-align:center; padding-top:20px; line-height:30px; color:#E7211B; font-size:30px;}
ul.list_book{ padding-top:30px;}
ul.list_book li{ margin-bottom:40px; height:auto !important; overflow:hidden;}
ul.list_book div.input_word{ width:403px; height:58px; line-height:58px; border:1px solid #A0A0A0; float:left; margin-right:40px; padding-left:20px; font-size:24px; color:#1A1A1A;}
ul.list_book div.input_word span{ float:left; }
ul.list_book div.input_word span i{ font-style:normal;color:#E7211B;}
ul.list_book div.input_word input{ width:97%; height:58px; line-height:58px; background:none; border:0px; float:left; font-size:24px; color:#000;}
li textarea{ width:98%; height:183px; border:1px solid #A0A0A0; background:#FFF; font-size:24px; color:#000; padding-left:15px; padding-top:15px;}
li .anniu{ width:250px; height:60px; text-align:center; line-height:60px; border-radius:10px; color:#FFF; font-size:24px; float:left; margin-left:40px; border:0px}
.anniu.red{ background:#E7211B}
.anniu.black{ background:#333333}


.floor_3 {
	height: 550px;
}
.floor_3 .indexTit2 {
	padding-top: 95px;
	text-align:center;
	font-size:25px;
}

.floor_3 .indexTit2 .txt .num {
	color: #ffe825;
}
.floor_3 .ifeat li {
	width: 260px;
	height: 330px;
	float: left;
	position: relative;
	margin-left: 50px;
}
.floor_3 .ifeat li:first-child {
	margin-left: 0;
}
.floor_3 .ifeat li .txtcon {
	z-index: 2;
	width: 100%;
	height: 290px;
	padding-top: 40px;
	transition: all ease 300ms;
	background: #fff;
	border-radius: 7px;
	text-align: center;
	position: relative;
	z-index: 10;
}
.floor_3 .ifeat li .line {
	width: 260px;
	height: 330px;
	border: 1px solid #9edf8a;
	position: absolute;
	right: -8px;
	top: 8px;
	border-radius: 7px;
}
.floor_3 .ifeat li s {
	width: 90px;
	height: 90px;
	display: block;
	border-radius: 100%;
	margin: 0 auto;
	background: #67bfef url(../images/feat-ico.png) no-repeat 24px center;
}
.floor_3 .ifeat li h3 {
	padding-top: 20px;
	font-weight: bold;
	color: #67bfef;
	font-size: 24px;
}
.floor_3 .ifeat li .en {
	display: block;
	text-transform: uppercase;
	color: #999999;
}
.floor_3 .ifeat li .txt {
	line-height: 24px;
	padding: 20px 28px 0;
	transition: all ease 300ms;
	color: #666666;
}
.floor_3 .ifeat li.a2 s {
	background-position: -89px center;
}
.floor_3 .ifeat li.a3 s {
	background-position: -206px center;
}
.floor_3 .ifeat li.a4 s {
	background-position: -322px center;
}
.floor_3 .ifeat li:hover .txt {
	padding-top: 10px;
}

.main_left ul li.active a {
    color: #E7211B;
}
.main_left .left_dh li{line-height:40px;}