@charset "utf-8";
.fangF { overflow: hidden; clear: both; text-align: center; padding: 27px 0; }
.fangF a, .fangF span { display: inline-block; margin: 0 10px; font-size: 14px; }
.fangF .previous { background: url(../images/fangPrev.jpg); width: 12px; height: 12px; }
.fangF .next { background: url(../images/fangNext.jpg); width: 12px; height: 12px; }
.fangF a.fCurrent { font-weight: bold; }
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#666; font-size:14px; font-family:"微软雅黑";}
section,article,aside,header,footer,nav,dialog,figure{ 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,i{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% 微软雅黑; 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:#666; text-decoration:none;}
a:hover{ color:#da251d; text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
.width_all{ width:1200px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ margin:0 auto;}
.head_top h1{ float:left; width:277px; margin:16px auto 15px auto;}
.head_top h1 img{ width:100%;}

/*nav*/
.header{ float:right;}
.nav{ font-size:0px;}
.nav .m{ position:relative; display:inline-block; z-index:10;}
.nav a{ display:block; font-size:18px; color:#000; line-height:100px; padding:0 22px;}
.nav li:hover a, .nav li a.cutter{ color:#fff; text-decoration:none; background:#077dc9;}
.nav .sub{ width:200px; position:absolute; left:0; top:100px; background:rgba(255, 255, 255, .8); padding:16px;}
.nav .sub li{ text-align:left;}
.nav .sub li a{ color:#333; font-size:14px; line-height:32px; display:block; background:none; padding:0;}
.nav .sub li a:hover{ text-decoration:none; color:#077dc9;}

/*banner*/
.main_visual{ width:100%; margin:0 auto; overflow:hidden;}
.main_image{ height:600px; position:relative;}
.main_image ul{ overflow:hidden; position:absolute; top:0; left:0;}
.main_image li{ float:left; width:100%;}
.main_image li span{ display:block; width:100%;}
.main_image li a{ display:block; width:100%; height:600px;}
div.flicking_con{ width:1000px; margin:0 auto; position:relative;}
div.flicking_con .flicking_inner{ position:absolute; top:570px; left:47%; z-index:2;}
div.flicking_con a{ float:left; width:21px; height:21px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px;}
div.flicking_con a.on{background-position:0 -21px;}
#btn_prev,#btn_next{ z-index:3; position:absolute; width:73px!important; height:74px!important; top:50%; margin-top:-37px; display:none;}
#btn_prev{ background:url(../images/hover_left.png) no-repeat left top; left:2%;}
#btn_next{ background:url(../images/hover_right.png) no-repeat right top; right:2%;}

/*h_name*/
.h_name{ width:100%; margin:52px auto 36px auto; overflow:hidden; font-size:30px; color:#da251d; text-align:center; line-height:36px; position:relative;}
.h_name span{ display:block; color:#077dc9; text-transform:uppercase; font-size:36px; font-family:Arial, sans-serif; margin:0 0 28px 0;}
.h_name:after{ content:""; width:60px; height:2px; left:50%; top:52px; position:absolute; background:#ddd; margin:0 0 0 -30px;}

/*new_product*/
.new_p_nav{ margin:36px auto; text-align:center;}
.new_p_nav a{ font-size:14px; color:#525252; line-height:18px; border-bottom:#fff 2px solid; margin:0 16px;}
.new_p_nav a:hover, .new_p_nav a.hott{ text-decoration:none; border-bottom:#077dc9 2px solid;}
.new_product{ position:relative; margin:36px auto 60px auto;}
.new_product .pre,.new_product .next{ position:absolute; display:block; width:39px; height:40px; top:50%; margin:-40px 0 0 0;}
.new_product .pre{ left:0; cursor:pointer; background:url(../images/prev.jpg) no-repeat center;}
.new_product .next{ right:0; cursor:pointer; background:url(../images/next.jpg) no-repeat center;}
.new_p_width{ width:100%; margin:0 auto; overflow:hidden;}
.new_p_width ul{ width:800%;}
.new_p_width li{ float:left; display:inline; width:2.88%; margin:0 0.32% 0 0;}
.new_p_width li a{ font-size:16px; color:#666; line-height:25px;}
.new_p_width li a:hover{ text-decoration:none; color:#077dc9;}
.new_p_width li img{ width:100%; border:#eee 1px solid;}
.new_p_width li font{ display:block; margin:6px 0 0 0;}

/*about_us*/
.about_us{ width:100%; background:#f2f2f2; margin:0 auto; overflow:hidden;}
.about{ margin:36px auto 60px auto;}
.about .about_l{ float:left; width:41.7%;}
.about .about_l img{ width:100%;}
.about .about_r{ float:right; width:55.3%; font-size:16px; color:#525252; line-height:28px;}
.about .about_more{ width:178px; margin:36px 0 0 0;}
.about .about_more a{ display:block; border:#077dc9 1px solid; border-radius:4px; font-size:16px; text-align:center; line-height:50px; text-transform:uppercase; color:#077dc9; transition:all .3s;}
.about .about_more a:hover{ text-decoration:none; background:#077dc9; color:#fff;}

/*yingyong*/
.yingyong{ width:100%; margin:36px auto 60px auto;}
.yingyong ul{ overflow:hidden;}
.yingyong ul li{ float:left; width:16%; margin:0 0.8% 0 0; position:relative; overflow:hidden;}
.yingyong ul li:last-child{ margin:0;}
.yingyong ul li img{ width:100%; display:block; transition:All 0.2s;}
.yingyong ul li:hover img{ transform:scale(1.05);}
.yingyong ul li span{ display:block; width:100%; position:absolute; bottom:0; text-align:center; background:rgba(0,0,0,.5); font-size:16px; color:#fff; line-height:26px; padding:12px 0;}
.yingyong ul li:hover span{ display:none;}
.yingyong ul li .yy_hover{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:8; background:rgba(7,125,201,.8);}
.yingyong ul li:hover .yy_hover{ display:block;}
.yingyong ul li:hover .yy_hover .yy_table{ display:table; height:100%; width:100%;}
.yingyong ul li:hover .yy_hover .yy_table_k{ display:table-cell; vertical-align:middle; padding:0 4%;}
.yingyong ul li .yy_hover .yy_biaoti{ font-size:16px; line-height:28px; font-weight:bold; color:#fff; text-align:center; margin-bottom:4%;}
.yingyong ul li .yy_hover .yy_js{ font-size:14px; line-height:24px; color:#fff; text-align:center;}
.yingyong ul li .yy_hover .yy_more{ width:100px; margin:16px auto 0 auto; overflow:hidden;}
.yingyong ul li .yy_hover .yy_more a{ border:#fff 1px solid; display:block; font-size:14px; color:#fff; border-radius:15px; line-height:30px; text-align:center; text-transform:uppercase;}
.yingyong ul li .yy_hover .yy_more a:hover{ text-decoration:none; background:#fff; color:#077dc9;}

/*news*/
.news_nav{ margin:36px auto; text-align:center;}
.news_nav a{ font-size:14px; color:#525252; line-height:18px; border-bottom:#fff 2px solid; margin:0 24px;}
.news_nav a:hover, .news_nav a.hott{ text-decoration:none; border-bottom:#077dc9 2px solid;}
.news{ margin:36px auto;}
.news ul{ overflow:hidden;}
.news li{ float:left; width:31.4%; margin:0 2.9% 2.9% 0;}
.news li:nth-child(3n){ margin:0 0 2.9% 0;}
.news li a{ font-size:14px; color:#666; line-height:22px;}
.news li a:hover{ text-decoration:none; color:#da251d;}
.news li .n_img{ float:left; width:35%;}
.news li .n_img img{ width:100%;}
.news li .n_sm{ float:right; width:60%;}
.news li .n_sm span{ font-size:14px; color:#333; font-weight:bold; display:block; line-height:18px; margin:0 0 8px 0;}
.news li .n_sm font{ display:block; font-size:12px; color:#888; line-height:14px; margin:8px 0 0 0;}

/*equipment*/
.equipment{ width:100%; background:#f2f2f2; margin:0 auto; overflow:hidden;}
.equipt{ margin:36px auto 60px auto;}
.equipt ul{ overflow:hidden;}
.equipt ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.equipt ul li img{ width:100%;}
.equipt ul li:last-child{ margin:0;}

/*footer*/
.footer{ width:100%; background:#27292b; margin:0 auto; overflow:hidden; padding:30px 0 36px;}
.footer .foot_left{ float:left; width:89%; overflow:hidden;}
.footer .foot_left dl{ float:left; margin:0 5% 0 0;}
.footer .foot_left dl:last-child{ width:27%; margin:0;}
.footer .foot_left dl dd{ font-size:16px; color:#fff; line-height:24px; margin:0 0 10px 0;}
.footer .foot_left dl dt{ font-size:14px; color:#ccc; line-height:26px;}
.footer .foot_left dl dt a{ font-size:14px; color:#ccc; display:block;}
.footer .foot_left dl dt a:hover{ color:#fff;}
.footer .foot_right{ float:right; width:10%;}
.footer .foot_right img{ width:100%;}
.footer .foot_right span{ display:block; font-size:14px; color:#ccc; line-height:22px; text-align:center; margin:5px 0 0 0;}

.footer_icp{ margin:10px auto;}
.footer_icp .f_contact{ float:left; font-size:14px; line-height:22px;}
.footer_icp .f_contact a{ color:#888; margin:0 16px 0 0;}
.footer_icp .f_contact a:last-child{ margin:0;}
.footer_icp .foot_icp{ float:right; font-size:14px; line-height:22px; color:#888;}
.footer_icp .foot_icp a{ color:#888;}


@media screen and (max-width:1200px) {
	.main_visual{ width:1200px;}
	.about_us{ width:1200px;}
	.yingyong{ width:1200px;}
	.equipment{ width:1200px;}
	.footer{ width:1200px;}
	.ny_banner{ width:1200px !important;}
}

/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden;}
.ny_banner a{ display:block;}
.ny_banner img{ width:100%;}

/*lujing*/
.lujing{ margin:10px auto 28px auto; font-size:16px; color:#333; line-height:24px;}
.lujing span{ color:#077dc9;}

/*i_content*/
.i_content{ margin:28px auto 36px auto;}
.i_content .i_c_left{ width:231px; float:left; z-index:8;}
.i_content .i_c_left ul{ width:100%; margin:0 auto; overflow:hidden;}
.i_content .i_c_left ul li{ margin:2px 0 0 0;}
.i_content .i_c_left ul li a{ font-size:16px; color:#077dc9; line-height:22px; padding:10px 15px; display:block; background:#eee;}
.i_content .i_c_left ul li a:hover, .i_content .i_c_left ul li a.hert{ background:#077dc9; color:#fff; border-radius:4px; text-decoration:none;}
.i_content .i_c_right{ float:right; width:916px;}

/*company*/
.company{ font-size:14px; color:#525252; line-height:25px;}
.company img{ max-width:100%;}

/*products*/
.products{ width:100%; margin:0; min-height:680px;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:32%; margin:0 2% 2% 0;}
.products ul li:nth-child(3n){ margin:0 0 2% 0;}
.products ul li a{ display:block; border:#ccc 1px solid; color:#525252;}
.products ul li img{ width:100%;}
.products ul li a:hover{ border:#077dc9 1px solid; text-decoration:none; color:#fff;}
.products ul li em{ background:#f3f3f3; line-height:30px; height:30px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-align:center; padding:5px 0;}
.products ul li:hover em{ background:#077dc9;}

.product_width{ width:100%; margin:0 auto; overflow:hidden;}
.product_left{ float:left; width:52%; border:#eee 1px solid;}
.product_left img{ width:100%;}

div.jqZoomTitle{ z-index:5000; text-align:center; font-size:12px; height:20px; padding-top:2px; position:absolute; top:0px; left:0px; width:100%; color:#666; background:#f0f0f0;}
.jqZoomPup{	overflow:hidden; background-color:#fff;	-moz-opacity:0.6; opacity:0.6; filter:alpha(opacity = 60); z-index:10; border-color:#f0f0f0; border-style:solid; cursor:crosshair;}
.jqZoomPup img{	border:0px;}
.preload{ -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity = 80); color:#333; font-size:12px; text-decoration:none; border:1px solid #f0f0f0; padding:8px; text-align:center; background:#fff url(../images/zoomloader.gif) 43px 30px no-repeat; width:90px; *width:100px; height:43px; *height:55px; z-index:10; position:absolute; top:3px; left:3px;}
.jqZoomWindow{	border:1px solid #f0f0f0; background:#fff;}

.product_right{ float:right; width:45%;}
.product_right h4{ font-size:18px; color:#077dc9; line-height:30px; font-weight:bold;}
.product_right h5{ border:#eee 1px solid; border-left:none; border-right:none; margin:10px auto; font-size:14px; color:#666; line-height:25px; padding:6px 0;}
.product_right .p_rexian{ width:100%; margin:16px 0 0 0; overflow:hidden;}
.product_right .p_rexian .dianhua{ width:40%; float:left; border-right:#eee 1px solid; margin:0 4% 0 0; padding:0 4% 0 0; font-size:14px; color:#666; line-height:26px;}
.product_right .p_rexian .dianhua img{ width:52px; height:52px; float:left; margin:0 10px 0 0;}
.product_right .p_rexian .youxiang{ width:51%; float:left; font-size:14px; color:#666; line-height:26px;}

.products_detwo_titel{ border-bottom:solid 1px #e8e8e8; border-top:solid 1px #e8e8e8; height:40px; line-height:40px; background:#fff; margin:26px 0 0 0;}
.products_detwo_titel a{ cursor:pointer; float:left; font-size:16px; text-align:center; display:block; height:40px; border-right:solid 1px #e8e8e8; border-top:none; padding:0 4%;}
.products_detwo_titel a.cur,.products_detwo_titel a:hover{ color:#fff; background:#077dc9; text-decoration:none;}
.borleft{ width:100%; margin:0 auto; border-left:solid 1px #e8e8e8;}
.products_decon{ width:100%; margin:0 auto;}
.pro_con{ display:none; padding-top:20px; font-size:14px; color:#666; line-height:25px;}
.pro_con img{ max-width:100%;}
.pro_con .biaoqian{ width:100%; margin:20px auto; overflow:hidden;}
.pro_con .biaoqian span{ font-weight:bold; font-size:15px; color:#525252;}
.pro_con .biaoqian a{ font-size:14px; color:#666; line-height:25px; margin:0 0 0 8px;}
.pro_con .biaoqian a:hover{ text-decoration:none; color:#077dc9;}

.pro_xiangguan{ margin:22px auto 12px auto; overflow:hidden; background:#f4f4f4; line-height:30px; border-bottom:#ddd 1px solid; font-size:16px; color:#333;}
.pro_xiangguan i{ width:4px; height:15px; background:#077dc9; float:left; margin:8px 10px 0 8px;}
.pro_xgcp{ margin:12px 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{ border:#ddd 1px solid; padding:2px; display:block;}
.pro_xgcp ul li:hover span{ border:#077dc9 1px solid;}
.pro_xgcp ul li img{ width:100%;}
.pro_xgcp ul li em{ display:block; text-align:center; font-size:14px; line-height:25px; margin:3px 0 0 0;}
.pro_xgcp ul li a{ color:#666;}
.pro_xgcp ul li a:hover{ text-decoration:none; color:#077dc9;}

/*shili*/
.shili{ width:100%; margin:0 auto; font-size:14px; color:#525252; line-height:25px;}
.shili ul{ overflow:hidden;}
.shili ul li{ width:32%; float:left; margin:0 2% 2% 0; position:relative;}
.shili ul li:nth-child(3n){ margin:0 0 2% 0;}
.shili ul li img{ width:100%;}
.shili 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;}
.shili ul li a{ color:#333; border:#eee 1px solid; padding:1%; display:block;}
.shili ul li a:hover{ text-decoration:none; color:#077dc9;}
.shili ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#077dc9; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.shili ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.shili ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#077dc9; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.shili ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.shili ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#077dc9; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.shili ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.shili ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#077dc9; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.shili ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}

/*yy_content*/
.yy_content{ width:100%; margin:0 auto; font-size:14px; color:#525252; line-height:25px;}
.yy_content span{ display:block; margin:0 0 20px 0;}
.yy_content ul{ overflow:hidden;}
.yy_content ul li{ float:left; width:32%; margin:0 2% 2% 0;}
.yy_content ul li:nth-child(3n){ margin:0 0 2% 0;}
.yy_content ul li img{ width:100%;}

/*support*/
.support{ font-size:14px; color:#525252; line-height:25px;}
.support img{ max-width:100%;}

/*ny_news*/
.ny_news{ width:96%; margin:0 auto; background:#f2f2f2; overflow:hidden; padding:2%;}
.ny_news .n_left{ float:left; width:28%;}
.ny_news .n_left img{ width:100%;}
.ny_news .n_right{ float:right; width:69%;}
.ny_news a{ font-size:14px; color:#666; line-height:22px;}
.ny_news a:hover{ color:#077dc9;}
.ny_news .n_right span{ display:block; color:#525252; font-size:15px; font-weight:bold;}
.ny_news .n_right i{ display:block; color:#888; font-size:12px; font-style:normal; margin:0 0 5px 0;}
.ny_news .n_right .p_more{ border:#ccc 1px solid; width:108px; text-align:center; margin:8px 0 0 0; font-size:14px; color:#666; padding:5px 0; border-radius:6px; text-transform:uppercase;}
.ny_news:hover .n_right .p_more{ border:#077dc9 1px solid; color:#fff; background:#077dc9;}
.ny_n_bt{ width:100%; margin:26px auto 0 auto;}
.ny_n_bt ul{ overflow:hidden;}
.ny_n_bt ul li{ border-bottom:#eee 1px solid; overflow:hidden; line-height:22px; padding:6px 0;}
.ny_n_bt ul li span{ float:right; color:#888;}
.ny_n_bt ul li a{ display:block;}
.ny_n_bt ul li a:hover{ color:#077dc9; text-decoration:none;}

.news_name_n{ width:100%; text-align:center; border-bottom:#d9d9d9 1px dashed; margin:0 auto 26px auto;}
.news_name_n strong{ font-size:15px; color:#525252; line-height:25px; margin:0 0 5px 0; display:block;}
.news_name_n span{ color:#999; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:100%; margin:0 auto; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100% !important;}
.p_next{ width:100%; margin:20px auto 0 auto; overflow:hidden; background:#f2f2f2; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; line-height:30px; color:#525252;}
.p_next a:hover{ color:#077dc9;}

/*contact_us*/
.contact{ margin:30px auto;}
.contact_left{ float:left; width:48%; font-size:14px; color:#666; line-height:24px;}
.contact_right{ float:right; width:48%; background:#888; padding-top:10px;}
.contact_right dl{ margin:20px; background-repeat:no-repeat; background-position:left 8px; padding:0 0 0 55px;}
.contact_right dl dt{ font-size:18px; line-height:30px; color:#eee;}
.contact_right dl dd{ font-size:14px; line-height:24px; color:#bbb; border-bottom:1px dotted #ccc; padding:0 0 16px 0;}
.contact_right dl:last-child dd{ border:none;}
.contact_right dl.contact_right1{ background-image:url(../images/icon_cc1.png);}
.contact_right dl.contact_right2{ background-image:url(../images/icon_cc2.png);}
.contact_right dl.contact_right3{ background-image:url(../images/icon_cc3.png); background-position:left 3px;}
.contact_map{ margin:30px auto 0 auto;}

/*kefu*/
.kefu{ width:180px; background:#fff; position:fixed; right:0px; top:160px; box-shadow:0 1px 6px #ccc; z-index:10;}
.kefu .kefu_t{ height:55px; line-height:55px; background:#077dc9; color:#fff; position:relative;}
.kefu .kefu_t h2{ padding-left:20px;}
.kefu .kefu_t .gb{ width:12px; height:12px; background:url(../images/kefu.png) no-repeat; position:absolute; right:20px; top:22px; cursor:pointer;}
.kefu ul{}
.kefu li{ height:40px; line-height:40px; margin-bottom:1px;}
.kefu li a{ display:block; transition:all 0.3s; background:url(../images/qq_line.jpg) left top; padding:0 0 0 45px;}
.kefu li a:hover{ display:block; color:#333; text-decoration:none; background:url(../images/qq_line.jpg) left bottom;}
.kefu li.line2 a{ background:url(../images/qq_line2.jpg) left top;}
.kefu li.line2 a:hover{ background:url(../images/qq_line2.jpg) left bottom;}
.dkai{ position:fixed; right:-400px; top:180px;}
.ewm_l{ padding:10px; width:160px; height:160px !important; line-height:160px !important;}