@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,iframe{ margin:0; padding:0;}
body{ color:#525252; font-size:14px; font-family:Microsoft Yahei,Arial,"sans-serif";}
section,article,aside,header,footer,nav,dialog,figure,iframe{ display:block;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Microsoft Yahei,Arial,"sans-serif"; vertical-align:middle;}
table,td,tr,th{ font-size:14px;}
.nodispaly{ display:none;}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{ *zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#525252; text-decoration:none;}
a:hover{ color:#2c89ca; text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
.width_all{ width:1080px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ width:100%; background:#eee;}
.head_top .head_left{ float:left; font-size:12px; color:#666; line-height:32px;}
.head_top .head_right{ float:right; margin:6px 0;}
.head_top .head_right a{ margin:0 0 0 14px; display:inline-block; background:#2c89ca; font-size:12px; color:#eee; line-height:20px; padding:0 10px;}
.head_top .head_right a:hover{ color:#fff; text-decoration:none;}
.head_top .head_right a.map_s{ background:#1d79b9;}

/*head_company*/
.head_company{ margin:20px auto;}
.head_company .logo{ float:left; width:88px;}
.head_company .logo img{ width:100%;}
.head_company .logo_wz{ margin:6px 0 0 20px; float:left; font-size:13px; color:#666; line-height:22px;}
.head_company .logo_wz h1{ font-size:23px; color:#333; margin:0 0 4px 0; font-weight:bold; letter-spacing:0.4px; line-height:30px;}
.head_company .rexian{ float:right; margin:8px 0 0 0; background:url(../images/rexian.png) left center no-repeat; padding:0 0 0 52px; font-size:20px; color:#ff9000; line-height:20px;}
.head_company .rexian span{ display:block; font-size:14px; color:#666; margin:0 0 6px 0;}

/*nav*/
.nav{ width:100%; background:#2c89ca; overflow:hidden;}
.nav ul{ font-size:0;}
.nav li{ float:left; width:17.1%;}
.nav li:nth-child(1){ width:14.5%;}
.nav li p{ line-height:42px; position:relative; border-left:#49a1df 1px solid; border-right:#1d79b9 1px solid;}
.nav li:nth-child(1) p{ border-left:none;}
.nav li:last-child p{ border-right:none;}
.nav li p a{ color:#fff; display:block; font-size:16px; text-align:center;}
.nav li:hover p a{ color:#fff; background:#1d79b9; display:block; text-decoration:none;}
.nav li p a.hert{ background:#1d79b9;}
.erjibox{ display:none;}
.nav li:hover .erjibox{ display:block; width:184px; background:#1d79b9; position:absolute; z-index:99; margin:0 0 0 1px;}
.nav li:hover .erjibox .erji{ line-height:36px; position:relative;}
.nav li:hover .erjibox .erji a{ line-height:36px; display:block; font-size:14px; padding-left:16px; border-right:none; border-top:none; color:#fff;}
.nav li:hover .erjibox .erji:hover a{ line-height:36px; display:block; text-decoration:none; background:#2c89ca; color:#fff;}

/*banner*/
.banner{ width:100%; margin:0 auto;}
.flexslider{ position:relative; height:auto;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides img{ width:100%; display:block; border-radius:0px;}
.flex-pauseplay span{ text-transform:capitalize;}
.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:10px;}
.flex-control-nav li{ margin:0 4px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:14px; border-radius:7px; height:14px; display:block; background:#eee; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#888;}
.flex-control-paging li a.flex-active{ background:#2c89ca; cursor:default;}
.flex-direction-nav li a{ width:60px; height:60px; position:absolute; top:50%; margin-top:-30px;}
.flex-direction-nav li a.flex-prev{ background:url(../images/left.png) center center no-repeat; left:2%; z-index:6;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../images/right.png) center center no-repeat; right:2%;}

/*search*/
.search{ width:100%; border-bottom:#dedede 1px solid;}
.search .s_inp01{ width:280px; height:30px; margin:13px 0; display:inline;}
.search .s_inp01 .ip01{ width:220px; font-size:12px; float:left; line-height:30px; background:url(../images/sou1.png) no-repeat; border:0 ;overflow:hidden; color:#666; padding:0 0 0 10px;}
.search .s_inp01 .ip02{ width:50px; border:0; background:url(../images/sou2.jpg) no-repeat; line-height:30px; cursor:pointer; overflow:hidden;}
.search p{ font-size:12px; line-height:56px; overflow:hidden;}
#demo{ overflow:hidden; width:50%;} 
#indemo{ float:left; width:800%; height:56px; font-size:16px; color:#ff9000; line-height:56px;}
#indemo b{ font-weight:bold;}
#demo1{ float:left;}
#demo2{ float:left;}

/*new_product*/
.new_product{ margin:42px auto;}
.new_p_name{ width:100%; margin:0 0 22px 0; overflow:hidden;}
.new_p_name div{ float:left; font-size:16px; color:#333; line-height:32px; font-weight:bold; position:relative; padding:0 0 4px 0;}
.new_p_name div:before{ position:absolute; left:0; bottom:0; width:64px; height:1px; background:#2c89ca; content:"";}
.new_p_name a{ float:right; font-size:12px; color:#fff; line-height:22px; border-radius:4px; background:#999; padding:0 12px; font-family:Arial; margin:14px 0 0 0;}
.new_p_name a:hover{ text-decoration:none; background:#2c89ca; color:#fff;}
.new_p_name img{ width:9px; height:16px; margin:4px 0 0 10px;}
.new_p_img{ width:100%; margin:0 auto;}
.new_p_img ul{ overflow:hidden;}
.new_p_img li{ float:left; width:23.5%; margin:0 2% 0 0;}
.new_p_img li:last-child{ margin:0;}
.new_p_img li img{ width:100%;}
.new_p_img li em{ font-size:12px; color:#666; line-height:22px; height:22px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; margin:10px 0 0 0;}
.new_p_img li a{ display:block; color:#999;}
.new_p_img li a:hover{ text-decoration:none; color:#e71419;}

/*about_us*/
.about_us{ width:100%; margin:42px auto; overflow:hidden; background:#f2f2f2; padding:48px 0;}
.about_us .about_left{ float:left; width:45%;}
.about_us .about_biaoti{ font-size:16px; color:#333; font-weight:bold; position:relative; line-height:32px; padding:0 0 4px 0;}
.about_us .about_biaoti:before{ position:absolute; left:0; bottom:0; width:64px; height:1px; background:#2c89ca; content:"";}
.about_us .about_jies{ width:100%; margin:18px 0 28px 0; font-size:12px; color:#666; line-height:22px;}
.about_us .about_more{ width:114px; text-align:center;}
.about_us .about_more a{ display:block; line-height:36px; font-size:12px; color:#fff; background:#2c89ca; border-radius:4px;}
.about_us .about_more a:hover{ text-decoration:none; color:#fff;}
.about_us .about_right{ float:right; width:48.8%; position:relative; padding:13px 13px 0 0;}
.about_us .about_right:after{ position:absolute; right:0; top:0; width:51.2%; height:56%; background:#2c89ca; content:""; z-index:1;}
.about_us .about_right img{ width:100%; z-index:2; position:relative;}
.about_us .about_right i:after{ content:""; position:absolute; right:0; top:-80px; width:13px; height:80px; background-image:linear-gradient(180deg,transparent,#f2f2f2); animation:lineMove 2s ease-in-out infinite; z-index:3; animation-delay:1.6s;}
.about_us .about_right i:before{ content:""; position:absolute; left:0; top:0; width:80px; height:13px; background-image:linear-gradient(90deg,transparent,#f2f2f2); animation:lineMove2 2s ease-in-out infinite; z-index:3; animation-delay:0s;}
@keyframes lineMove{to{top:100%;}}
@keyframes lineMove2{to{left:100%;}}

/*links*/
.links{ margin:42px auto 0 auto;}
.links p{ font-size:16px; color:#333; border-bottom:#b3b3b3 1px solid; line-height:32px; font-weight:bold; margin:28px 0 10px 0;}
.links p span{ margin:0 0 0 8px; font-size:12px; color:#888; font-weight:normal;}
.links .link_ny{ font-size:12px; color:#525252; line-height:25px; margin:10px 0 30px 0;}
.links .link_ny a{ font-size:12px; color:#525252; margin:0 14px 0 0;}
.links .link_ny a:hover{ color:#2c89ca; text-decoration:none;}

/*footer*/
.footer{ width:100%; background:#2c89ca; padding:30px 0 36px 0;}
.footer_left{ float:left; width:22%;}
.footer_c_name{ width:100%; margin:0 0 10px 0; overflow:hidden; font-size:14px; color:#fff; line-height:26px;}
.footer_contact{ width:100%; margin:0 auto; overflow:hidden; font-size:12px; color:#eee; line-height:24px;}
.footer_right{ float:right; width:52%; margin:0 3%; position:relative;}
.footer_right:after{ position:absolute; right:0; top:0; content:""; background:#4fa3de; width:1px; height:100%;}
.footer_right dl{ width:20%; float:left; position:relative; padding:0 0 0 4%;}
.footer_right dl:nth-child(2){ width:48%;}
.footer_right dl:after{ position:absolute; left:0; top:0; content:""; background:#4fa3de; width:1px; height:100%;}
.footer_right dl dd{ margin:0 0 10px 0; font-size:14px; color:#fff; line-height:26px; padding:0 2% 0 0;}
.footer_right dl:nth-child(2) dt{ float:left; width:44%;}
.footer_right dl dt{ font-size:12px; padding:0 6% 0 0;}
.footer_right dl dt a{ color:#eee; display:block; line-height:24px;}
.footer_right dl dt a:hover{ text-decoration:none; color:#fff;}
.footer_erweima{ float:right; width:20%;}
.footer_erweima ul{ overflow:hidden;}
.footer_erweima ul li{ float:left; width:46%; margin:0 8% 0 0;}
.footer_erweima ul li:last-child{ margin:0;}
.footer_erweima ul li img{ width:100%;}
.footer_erweima ul li p{ border:#ccc 1px solid; padding:5px;}
.footer_erweima ul li em{ font-size:12px; color:#eee; line-height:25px; display:block; text-align:center; margin:5px 0 0 0;}
.footer_icp{ width:100%; background:#2c89ca; font-size:12px; color:#eee; line-height:20px; padding:12px 0; border-top:#4fa3de 1px solid;}
.footer_icp a{ color:#eee;}
.footer_icp a:hover{ text-decoration:none; color:#fff;}

@media screen and (max-width:1200px) {

	.head_top{ width:1080px;}
	.nav{ width:1080px;}	
	.banner{ width:1080px;}
	.search{ width:1080px;}
	.about_us{ width:1080px;}
	.footer{ width:1080px;}
	.footer_icp{ width:1080px;}
	.ny_banner{ width:1080px !important;}

}

/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden;}
.ny_banner img{ width:100%;}

.lujing{ margin:12px auto; border-bottom:#dfdfdf 1px solid; font-size:14px; color:#333; line-height:25px; padding:0 0 4px 0;}
.lujing a{ text-decoration:underline;}
.lujing a:hover{ text-decoration:none;}

/*content*/
.content{ margin:26px auto 48px auto;}
.content .con_left{ float:left; width:20%;}
.content .con_left span{ background:#2c89ca; display:block; font-size:16px; font-weight:bold; color:#fff; line-height:26px; padding:10px 0 10px 16px;}
.content .con_left span.l_cot{ margin:16px 0 0 0;}
.content .con_left .l_contact{ border:#dfdfdf 1px solid; padding:12px 16px; font-size:14px; color:#333; line-height:25px;}
.content .con_left ul{ overflow:hidden; border:#dfdfdf 1px solid; border-bottom:none;}
.content .con_left ul li{ border-bottom:#dfdfdf 1px solid;}
.content .con_left ul li a{ font-size:14px; line-height:26px; display:block; padding:6px 14px 6px 30px; text-decoration:none; background:url(../images/jtou.png) left center no-repeat;}
.content .con_left ul li a.cuttr{ background:#dfdfdf url(../images/jtou.png) left center no-repeat;}

.content .con_right{ float:right; width:77.5%;}
.content h2{ background:#eee; font-size:16px; color:#333; line-height:26px; padding:6px 0 6px 16px; font-weight:bold; margin:0 0 20px 0; border-bottom:#ddd 1px solid;}

/*profiles*/
.profiles{ font-size:14px; color:#333; line-height:25px;}
.profiles img{ max-width:100%;}

.hezuo{ width:100%; margin:0 auto;}
.hezuo ul{ border:#eee 1px solid; overflow:hidden;}
.hezuo ul li{ font-size:12px; color:#525252; line-height:22px; padding:5px 12px;}
.hezuo ul li:nth-child(2n){ background:#eee;}
.hezuo ul li i{ width:4px; height:4px; float:left; background:#888; border-radius:50%; margin:9px 9px 9px 0;}

.strength{ width:100%; margin:0 auto;}
.strength ul{ overflow:hidden;}
.strength ul li{ width:31.4%; float:left; margin:0 2.9% 2.9% 0; position:relative;}
.strength ul li:nth-child(3n){ margin:0 0 2.9% 0;}
.strength ul li img{ width:100%;}
.strength ul li em{ font-size:14px; line-height:36px; height:36px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.strength ul li a{ color:#333; border:#ddd 1px solid; padding:2px; display:block;}
.strength ul li a:hover{ text-decoration:none; color:#2c89ca;}
.strength ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#2c89ca; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.strength ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.strength ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#2c89ca; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.strength ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.strength ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#2c89ca; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.strength ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.strength ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#2c89ca; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.strength ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}

/*products*/
.products{ width:100%; margin:0 auto;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:31.4%; margin:0 2.9% 2.9% 0;}
.products ul li:nth-child(3n){ margin:0 0 2.9% 0;}
.products ul li img{ width:100%; transition:all .5s;}
.products ul li:hover img{ transform:scale(1.15);}
.products ul li p{ display:block; overflow:hidden;}
.products ul li em{ text-align:center; font-size:12px; line-height:22px; margin:8px 0 0 0; height:22px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products ul li a{ color:#333;}
.products ul li a:hover{ text-decoration:none; color:#2c89ca;}

.product_width{ width:100%; margin:0 auto; overflow:hidden;}
.product_width .product_l{ width:42%; float:left; border:#eee 1px solid;}
.product_width .product_l img{ width:100%;}
.product_width .product_r{ float:right; width:54%;}
.product_width .product_r .p_name_k{ font-size:16px; color:#2c89ca; line-height:30px; font-weight:bold;}
.product_width .product_r .p_name_k p{ font-size:14px; color:#333; line-height:24px; font-weight:normal;}
.product_width .product_r dl{ overflow:hidden; margin:10px 0 0 0;}
.product_width .product_r dl dd{ background:#eee; font-size:14px; line-height:36px; padding:0 0 0 16px; color:#333; font-weight:bold;}
.product_width .product_r dl dt{ font-size:12px; color:#525252; line-height:22px; margin:10px 0 0 0;}

.p_yingy{ width:100%; margin:26px auto; overflow:hidden;}
.p_yingy dl{ overflow:hidden;}
.p_yingy dl dd{ background:#f2f2f2; font-size:14px; line-height:36px; padding:0 0 0 16px; color:#333; font-weight:bold;}
.p_yingy dl dt{ font-size:12px; color:#525252; line-height:22px; margin:18px 0 0 0;}
.p_yingy dl dt table{ width:100%; margin:0 auto; border:0; border:#ddd 1px solid;}
.p_yingy dl dt table td{ font-size:14px; color:#525252; line-height:24px; border:#ddd 1px solid; padding:6px; text-align:center;}

.pro_xiangguan{ margin:26px auto 16px auto; overflow:hidden; background:#f2f2f2; line-height:36px; border-bottom:#ddd 1px solid; font-size:14px; color:#333; font-weight:bold;}
.pro_xiangguan i{ width:3px; height:16px; background:#2c89ca; float:left; margin:10px 10px 0 8px;}
.pro_xgcp{ margin:16px auto 0 auto; overflow:hidden;}
.pro_xgcp ul{ overflow:hidden;}
.pro_xgcp ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.pro_xgcp ul li:nth-child(4n){ margin:0;}
.pro_xgcp ul li span{ display:block; overflow:hidden;}
.pro_xgcp ul li img{ width:100%; transition:all .5s;}
.pro_xgcp ul li:hover img{ transform:scale(1.15);}
.pro_xgcp ul li em{ text-align:center; font-size:12px; line-height:22px; margin:4px 0 0 0; height:22px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.pro_xgcp ul li a{ color:#333;}
.pro_xgcp ul li a:hover{ text-decoration:none; color:#2c89ca;}

/*ny_news*/
.ny_news{ width:100%; margin:0;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ overflow:hidden; border-bottom:#ccc 1px dotted;}
.ny_news ul li i{ width:4px; height:7px; float:left; background:url(../images/news_jt.png) center no-repeat; margin:18px 8px 0 0;}
.ny_news ul li p{ float:left; width:65%; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_news ul li font{ color:#888; float:right;}
.ny_news ul li a{ font-size:12px; color:#525252; line-height:42px; transition:all .3s; display:block;}
.ny_news ul li a:hover{ text-decoration:none; color:#2c89ca;}

.news_names{ width:100%; text-align:center; border-bottom:#dfdfdf 1px dotted; margin:0 0 20px 0;}
.news_names strong{ font-size:16px; color:#333; line-height:22px; margin:0 0 5px 0; display:block; font-weight:normal;}
.news_names em{ color:#999; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:100%; color:#666; font-size:12px; line-height:22px;}
.news_xq img{ max-width:100%;}

.p_next{ width:100%; margin:20px 0 0 0; font-size:12px; overflow:hidden; background:#f2f2f2; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:12px; color:#2c89ca; line-height:24px;}

/*join_us*/
.join{ font-size:12px; color:#666; line-height:22px;}
.join p{ margin:0 0 18px 0;}
.join a{ color:#2c89ca;}
.join a:hover{ text-decoration:none;}
.join_us{ font-size:12px; color:#525252; line-height:22px;}
.join_us img{ max-width:100%;}
.join_us dl{ overflow:hidden; border-bottom:#ccc 1px solid; padding:20px 0;}
.join_us dl dt{ overflow:hidden; position:relative;}
.join_us dl dt:before{ position:absolute; width:68%; height:1px; border-bottom:#ccc 1px dashed; top:17px; left:21%; content:"";}
.join_us dl dt em{ float:left; font-size:14px; color:#333; font-weight:bold; line-height:36px;}
.join_us dl dt span{ float:right; width:100px; margin:3px 0;}
.join_us dl dt span a{ display:block; text-align:center; font-size:12px; color:#fff; background:#2c89ca; line-height:30px;}
.join_us dl dt span a:hover{ text-decoration:none;}
.join_us dl dd{ display:none; padding:2% 0; font-size:12px; color:#525252; line-height:22px;}
.join_us dl dd em{ display:block; color:#2c89ca; font-size:12px; margin:0 0 12px 0;}