@charset "utf-8";
.f_page { width: 99.9%; float: left; margin-top: 29px; line-height: 29px; zoom: 1; overflow: hidden; text-align: center; }
.f_page a, .f_page span { display: inline-block; margin: 0 5px; padding: 2px 12px; border: 1px solid #d6d6d6; }
.f_page a:hover { border: 1px solid #d1411e; color: #d1411e; }
.f_page a.fCurrent { color: #d1411e; border: 0; font-weight: 500; border-top:solid 1px #d1411e; border-bottom:solid 1px #d1411e; }
*{margin:0;padding:0;border:0;list-style:none; outline-style:none;}
body{color:#666;font-size:0.2em;font-family: "微软雅黑";}
html,body{height:100%;}
a{color:#666;text-decoration:none;font-size:12px;}
a:hover{color:#333;}
img{display:block;}
.clear:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0px;}
.w1200{ width:100%; max-width:1200px; margin:auto;}
.w1200:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0px;}

.top_h{ position:fixed; left:0; top:0; width:100%; box-shadow:0 0 10px #999; background:#FFF; z-index:99;}
.logo{ float:left;}

.sslan{ position:fixed; top:100px; left:0; width:100%; background:#FFF; padding:20px 0; display:none; z-index:98;}
.sslan .w1200{ position:relative;} 
.sslan button{ position:absolute; right:0; top:0; width:80px; line-height:47px; cursor:pointer; background:#0090ff; text-align:center; font-size:14px; color:#FFF;} 
.sslan input{ display:block; width:100%; width:calc(100% - 100px); padding:0 83px 0 15px; line-height:45px; border:1px solid #eee; font-size:14px; color:#999;}
.sslan input::-webkit-input-placeholder {color:#bbb; }
.sslan input::-moz-placeholder {color:#bbb;}
.sslan input:-moz-placeholder {color:#bbb;}
.sslan input:-ms-input-placeholder {color:#bbb;}

.sy_sp{ height:100%; overflow:hidden; position:relative;}
.sy_sp .sy_sp_txt{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); margin-top:50px; text-align:center; z-index:3;}
.sy_sp .sy_sp_txt h2{ font-size:50px; color:#000; line-height:50px; font-weight:normal; margin-top:50px; font-weight:bold;}
.sy_sp .sy_sp_txt p{ display:block;font-size:24px; color:#000; line-height:36px; max-width:520px; margin:25px auto 0;}
.sy_sp .sy_sp_txt a{ display:block; width:190px; font-size:14px; color:#FFF; line-height:35px; border:2px solid #FFF; margin:auto;}
.sy_sp:after{content:"."; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:2;}
.BanImgMask{position: absolute; width: 100%;height: 100%;z-index:1;left: 0;top: 0; background:url(../img/spbg.jpg) center no-repeat;background-size: cover;}


.bat{ width:100%; height:300px;overflow:hidden; margin-top:100px;}
.bat img{ width:1920px; height:300px; position:relative; left:50%; margin-left:-960px; max-width:1920px;}
.ny_title{width:1200px;float:left;border-bottom:1px solid #e6e6e6; padding-bottom:20px;}
.ny_title h1{float:left; font-size:24px; font-weight:bold; color:#000; text-transform:uppercase;}

.ny_bt{float:right; background:url(../img/home_tb.png) left no-repeat; padding-left:30px; font-size:14px;color:#787876; margin-top:10px;}
.ny_bt a{color:#787876;}  .ny_bt a:hover{color:#d1411e;}
.ny_bt span{font-weight:bold; color:#d1411e;}

.ny_tit{width:1200px;float:left; margin-top:20px; border-bottom:1px dashed #e6e6e6; padding-bottom:15px;}
.ny_tit li{float:left; line-height:40px; text-align:center; font-size:14px; margin:0 10px 10px 0;}  
.ny_tit li a{float:left;padding:0 20px; color:#404040; line-height:40px; border:1px solid #e6e6e6; background:#fff;}
.ny_tit li a:hover,.ny_tit li a.on{ display:block; color:#fff; background:#d1411e; border:1px solid #d1411e;}

.ny_tit2{width:1200px;float:left; margin-top:10px; border-bottom:1px dashed #e6e6e6; padding-bottom:10px;}
.ny_tit2 li{float:left; text-align:center; font-size:12px;}  
.ny_tit2 li a{float:left;padding:0 10px; color:#404040; line-height:30px;}
.ny_tit2 li a:hover,.ny_tit2 li a.on{ display:block; color:#d1411e;}

.ny_nr{width:1200px;float:left; margin-top:15px;}
.ny_text{width:100%;float:left; font-size:14px; line-height:24px;}
.ny_text img{ display:block; margin:auto;}
.ny_text h2{font-size:24px; font-weight:bold;}

.honor_r_img{width:1200px;float:left;}
.honor_r_img ul{width:1200px;}
.honor_r_img ul li{width:280px;float:left;margin:40px 26px 0 0;}
.honor_r_img ul li a{ display:block; border:1px solid #eee;}
.honor_r_img ul li:nth-child(4n){margin-right:0;}
.honor_r_img ul li span{width:280px;float:left; text-align:center;line-height:24px; font-size:16px; padding-top:10px;}
.honor_r_img ul li img{width:100%;}
.honor_r_img ul li img:hover{border-color:#d1411e;}

/*pages*/

.Pages{width:99.9%; float:left; margin-top:30px; line-height:32px; zoom:1; overflow:hidden; text-align:center;}
.Pages span{padding:0px 3px; display:inline-block;}
.Pages a{display:inline-block; margin:0px 2px; height:32px; }
.Pages .p_page em{font-style:normal; font-family:Arial;}
.Pages .p_page em a{padding:0px 12px; border:solid 1px #d6d6d6;}
.Pages .p_page em a.a_cur{color:#d1411e; border:0; border-top:solid 1px #d1411e; border-bottom:solid 1px #d1411e;}
.Pages .p_page em a:hover{border-color:#d1411e;}
.Pages .a_prev{width:32px; background:url(../img/bg_prev.jpg) no-repeat;}
.Pages .a_next{width:32px; background:url(../img/bg_next.jpg) no-repeat;}

/** 关于我们代码 End **/


.pro_img{width:1200px;float:left; margin-bottom:20px;}
.pro_img ul{}
.pro_img ul li{width:23.5%; float:left; margin:2% 2% 0 0;}
.pro_img ul li a{ display:block;border:1px solid #dad9d7;}
.pro_img ul li img{ display:block; width:100%;}
.pro_img ul li img:hover{opacity:0.8;}
.pro_img ul li:nth-child(4n){margin-right:0;}
.pro_img ul li h3{width:100%; float:left; text-align:center; font-size:14px; line-height:40px;}
.pro_img ul li:hover{border-color:#d1411e;}

.products{width:100%;float:left; }
.promore_l{width:100%;float:left;margin:20px auto;}
#preview{width:100%;float:left;overflow:hidden;}
.jqzoom{width:100%; height:100%; position:relative;}

.list-h li{float:left; padding-right:10px;}
#spec-n5{width:700px;float:left; margin-top:50px;}
#spec-n5 h1{margin-bottom:20px;}
#spec-list{width:700px; float:left; overflow:hidden;}
#spec-list ul li{float:left;display:inline;width:80px; border-bottom:none;}
#spec-list ul li img{padding:2px; border:1px solid #ccc; width:80px; height:80px;}
#spec-list{position:relative; width:700px;float:left;}
.control{float:left; padding-top:20px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0; max-width:600px; margin:auto;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

.pros_right{width:100%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; border-bottom:1px solid #e6e6e6;}
.pros_right_top strong{overflow:hidden; float:left; line-height:30px; font-weight:bold; font-size:20px; color:#d1411e; padding-bottom:10px;}
.pros_right_top span{ float:right; font-size:14px; line-height:30px;color:#999; padding:0 10px; cursor:pointer;}
.pros_right_top a{font-size:14px;float:right;width:120px; height:30px;  background:#d1411e; line-height:30px; text-align:center; color:#fff;}
.pros_right_top a:hover{background:#0090ff;}

.pros_right_text{width:100%;float:left; margin-top:10px; line-height:30px; font-size:14px;}


.tabs-basic{width:1200px;margin-top:50px;float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px;}
.tabs-basic a{display:block; text-decoration:none; border:1px solid transparent; padding:10px 50px; background:#eee; color:#404040;}
.tabs-basic .tab-active{border-color:#d1411e; background-color:#d1411e; color:#fff;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; background-color:#fff; padding:20px 0; margin:auto;}
.tabs-basic .tabs-content-placeholder div{display:none;}
.tabs-basic .tabs-content-placeholder div.tab-content-active{display:block; line-height:24px; font-size:14px;}
.tabs-basic .tabs-content-placeholder div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder div p{line-height:24px; text-align:left; margin-top:20px;}
.tabs-basic .tabs-content-placeholder div img{max-width:100%;}

/** 产品中心代码 End **/

.news_txt{width:1200px; float:left;margin-top:30px;}
.news_txt ul{}
.news_txt ul li{width:1140px; float:left; border-bottom:1px solid #e6e6e6; padding:50px 30px;}
.news_txt ul li .time{width:84px;height:58px;float:left; background:#fff; border:3px solid #d6d6d6; text-align:center; line-height:24px;}
.news_txt ul li a:hover .time{width:84px;height:58px;float:left; background:#fff; border:3px solid #d1411e; text-align:center; color:#d1411e;}
.news_txt ul li .time h3{font-size:30px; font-weight:bold; padding-top:10px;}
.news_txt ul li .time span{font-size:14px;}
.news_txt ul li .wz{width:1020px;float:right;}
.news_txt ul li .wz h3{font-size:18px; color:#000;}
.news_txt ul li .wz span{font-weight:bold;}
.news_txt ul li a:hover .wz h3{color:#d1411e;}
.news_txt ul li .wz p{width:1020px; float:left; line-height:20px; color:#787876; margin-bottom:10px;}
.news_txt ul li:hover{background:#eee;}

.newsmore_tit{width:1200px;float:left; border-bottom:1px solid #e6e6e6; text-align:center; padding-bottom:10px; line-height:30px; color:#787876; margin-top:40px;}
.newsmore_text{width:1200px;float:left; margin-top:30px; line-height:30px; font-size:14px;}

.newsmore_page{width:1200px;float:left;margin-top:20px; border-top:1px solid #e6e6e6; padding-top:20px;}
.newsmore_page_left{width:80%;float:left;line-height:24px; font-size:14px;}
.newsmore_page_right{float:right;text-align:right; font-size:16px;}

/** 新闻中心代码 End **/


.app_r_img{width:1200px;float:left;}
.app_r_img ul{width:1200px;}
.app_r_img ul li{width:380px;height:360px;float:left;margin:40px 26px 0 0; overflow:hidden;}
.app_r_img ul li:nth-child(3n){margin-right:0;}
.app_r_img ul li span{width:380px;float:left; text-align:center;line-height:24px; font-size:18px; padding-top:30px; text-transform:uppercase; font-weight:bold;}
.app_r_img ul li img{width:380px; height:300px; display:block; -webkit-transition: all .3s; transition: all .3s;}
.app_r_img ul li img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}


.t1{width:49%;float:left;} .t2{width:49%;float:right;}
.t3{width:49%;float:left;} .t4{width:49%;float:right;}
.contact-form input.text{background:#fff;border:1px #e6e6e6 solid;color: #999;width:89%; padding:2.5% 5%; margin-bottom:20px;}
.contact-form textarea.textarea{background:#fff;border:1px #e6e6e6 solid;color:#999;width:93.5%;height:200px;padding:3%; margin-bottom:20px;}
.contact-form input.btn, a.btn{background:#fff;padding:1% 0;color:#000; font-size:14px;border:1px solid #e6e6e6; width:100%; line-height:40px;}
.contact-form input.btn:hover, a.btn:hover{background:#d1411e; color:#fff;}

/**客户留言代码 End**/
.ny{ margin:20px auto 30px;}

/*Job*/
.slide_join{width:100%; padding-top:20px;clear:both;}
.slide_join h3{height:50px; padding:0 25px; font-weight:normal; background-color:#e6e6e6; margin-bottom:10px;}
.slide_join h3.on{background-color:#d1411e;}
.slide_join h3 span{float:left;color:#000; font-size:16px; line-height:50px; overflow: hidden; text-overflow:ellipsis;}
.slide_join h3.on span{color:#fff;}
.slide_join h3 em{ float:right; width:30px;height:30px; margin:11px 0 0 0; background:url(../img/join_img9.png) no-repeat;}
.slide_join h3.on em{ background:url(../img/join_img10.png) no-repeat;}
.slide_join ul{}
.slide_join ul .join_show{color:#787876; font-size:14px; line-height:28px; display:none; margin-bottom:15px; padding:0 15px;}





.sy_kj ul li{ float:left; width:25%; position: relative; overflow:hidden;}
.sy_kj ul li img{ width:100%;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.sy_kj ul li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-transform: scale(1.1);}
.sy_kj ul li a{position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); font-size:20px; color:#FFF;font-weight: bold; z-index:1;}

.sy_bt{text-align:center;max-width:580px;font-size:35px;color:#000;margin: 85px auto 40px;}
.sy_bt p{font-size:17px;line-height:36px;padding-top:15px;}

.sy_cp ul li{ float:left; width:33.333%;}
.sy_cp ul li .sy_cp_img{ width:100%; overflow:hidden;}
.sy_cp ul li .sy_cp_img img{ width:100%;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.sy_cp ul li a:hover .sy_cp_img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-transform: scale(1.1);}
.sy_cp ul li h4{ font-size: 17px; color: #000;  padding-top: 14px;font-weight: normal; text-align:center;}
.sy_cp ul li a:hover h4{color: #d1411e;}

.sy_yy ul li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%;}
.sy_yy ul li:nth-child(4n){ margin-right:0;}
.sy_yy ul li .sy_cp_img{ width:100%; overflow:hidden; box-shadow:0 0 5px #e5e5e5;}
.sy_yy ul li .sy_cp_img img{ width:100%;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.sy_yy ul li a:hover .sy_cp_img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-transform: scale(1.1);}
.sy_yy ul li h4{ font-size: 20px; color: #000;  padding-top: 14px;font-weight: normal; text-align:center;}
.sy_yy ul li a:hover h4{color: #d1411e;}

.sy_xw{ max-width:800px; margin:auto;padding-bottom: 123px;}
.sy_xw ul{border-top: 1px solid #ececec}
.sy_xw li{ border-bottom: 1px solid #ececec; font-size: 17px; line-height: 59px;}
.sy_xw li:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0px;}
.sy_xw li .time{ float: left; color: #8b8b8b; padding-right: 30px}
.sy_xw li a img{ float: right; margin: 23px 0 0 3px }
.sy_xw li a{ float: left;}
.sy_xw li .more{ float: right;  width: 13px; height: 11px; background: url(../img/home_41.png) no-repeat top center; margin: 24px 0 0 }
.sy_xw li:hover .more{ background: url(../img/home_40.png) no-repeat top center}
.sy_xw .moreA{ float: right; padding-right: 20px; font-size: 15px; color: #000; background: url(../img/home_17.png) no-repeat right center; margin: 30px 0 0 0; }
.sy_xw .moreA:hover{ background: url(../img/home_18.png) no-repeat right center; }
.sy_xw li a{color: #000;font-size: 17px;line-height: 59px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sy_xw li:hover a,.sy_xw .moreA:hover{ color: #d1411e; }

.foot{ padding:50px 0 0; background:#f1ede7;}
.foot .w1200{ border-bottom:1px solid #d6d6d6; padding-bottom:50px;}
.foot_logo{ float:left; max-width:205px;}
.foot_logo img{ display:block; margin:auto;}
.foot_logo .foot_logo_ewm{ margin:20px auto 10px;}
.foot_logo p{ text-align:center; font-size:12px; line-height:18px; color:#787878;}
.foot_dh{ float:left;}
.foot_dh ul{ float:left; margin-left:55px;}
.foot_dh ul li a{ font-size:14px; color:#787878; line-height:30px;}
.foot_dh ul li a:hover{color:#0090ff; text-decoration:underline;}
.foot_dh ul li.foot_dh_bt{margin-bottom:20px;}
.foot_dh ul li.foot_dh_bt a{ font-size:18px; color:#000; line-height:18px;}
.foot_lx{ float:right;}
.foot_lx h2{font-size:18px; color:#000; line-height:18px; font-weight:normal;margin-bottom:20px;}
.foot_lx h3{font-size:14px; color:#787878; line-height:30px;font-weight:normal;}
.foot_lx_tb{ margin-top:15px;}
.foot_lx_tb a{ float:left; width:22px; height:22px; margin-right:10px;}
.foot_lx_tb a.tb_xl{ background:url(../img/tb_xl.png) center no-repeat;}
.foot_lx_tb a.tb_tx{ background:url(../img/tb_tx.png) center no-repeat;}
.foot_lx_tb a.tb_wx{ background:url(../img/tb_wx.png) center no-repeat;}
.foot_lx_tb a.tb_xl:hover{ background:url(../img/tb_xl_.png) center no-repeat;}
.foot_lx_tb a.tb_tx:hover{ background:url(../img/tb_tx_.png) center no-repeat;}
.foot_lx_tb a.tb_wx:hover{ background:url(../img/tb_wx_.png) center no-repeat;}
.foot_bqsy{ width:100%; max-width:1200px; margin:auto; font-size:12px; line-height:24px; color:#838792; padding:23px 0; text-align:center;}

@media (min-width: 1200px){
	.dh{ float:right;}
	.dh ul li{ float:left; margin-right:25px; padding-top:4px;}
	.dh ul li a{ display:block; padding:0 10px; line-height:92px; font-size:16px; color:#787878;}
	.dh ul li.on a,.dh ul li a:hover{ border-bottom:4px solid #0090ff; color:#0090ff;}
	.dh .ss{ float:left; padding-top:36px;padding-left:20px;}
	.dh .ss img{ cursor:pointer;}
	.sy_sp video{ width:100%; background:#000;}
}
@media (max-width: 1199px){
	.w1200{ width:95%;}
	.top_h{ position:fixed; left:0; top:0; width:100%;}
	.logo{ height:80px;}
	.logo img{ height:80px;}
	.dh{ display:none; padding-bottom:10px; border-top:1px solid #f6f6f6;clear: both;}
	.dh ul li a{ display:block; line-height:35px; text-align:center; font-size:14px; color:#333; border-bottom:1px solid #f6f6f6;}
	.dh .ss{ display:none;}
	.foot_dh{ display:none;}
	.foot_lx{ display:none;}
	.foot_bqsy{ width:95%;}
	.foot_logo{ float:none; margin:auto;}
	.sy_sp video{ height:100%; background:#000; display:none;}
	.sy_kj{}
	.sy_kj ul li{ width:50%;}
	.sy_bt{margin: 30px auto 15px; font-size:24px;}
	.sy_bt p{ font-size:14px; line-height:22px; padding-top:10px;}
	.sy_cp ul li{ width:100%;}
	.sy_cp ul li:nth-child(n+5){ display:none;}
	.sy_yy ul li{ width:49%;}
	.sy_yy ul li:nth-child(2n){ margin-right:0;}
	.sy_yy ul li h4{ font-size:14px; padding:0 0 5px 0; line-height:30px;}
	.sy_xw{ width:95%; padding-bottom:30px;}
	.sy_xw li a{ font-size:14px; line-height:30px; display:block; float:none;}
	.sy_xw li{ position:relative; padding-bottom:30px;}
	.sy_xw li .time{ position:absolute; left:0; bottom:0; font-size:14px; line-height:30px;}
	.sy_xw li .more{ position:absolute; right:10px; bottom:10px; margin:0;}
	.sy_kj ul li a{ font-size:14px;}
	.BanImgMask{ display:block !important;}
	.sy_sp .sy_sp_txt{ width:95%;}
	.sy_sp .sy_sp_txt h2{ font-size:18px; line-height:30px;}
	.sy_sp .sy_sp_txt p{ font-size:14px; line-height:22px;margin: 10px auto 20px;}
	.sy_sp{ height:400px;}
	.bat{ display:none;}
	.ny{ margin-top:100px;}
	.ny_title{ width:100%;}
	.ny_tit{ width:100%;}
	.ny_tit li a{ padding:0 10px; line-height:30px;}
	.ny_nr{ width:100%;}
	.honor_r_img,.honor_r_img ul{ width:100%;}
	.honor_r_img ul li{ width:100%; margin:20px 0 0px;}
	.honor_r_img ul li span{ width:100%;}
	.pro_img{ width:100%; margin:15px 0 0;}
	.pro_img ul li{ width:49%;}
	.pro_img ul li:nth-child(2n){ margin-right:0;}
	.news_txt{ width:100%;}
	.ny_tit2,.newsmore_tit,.newsmore_text,.news_txt{ width:100%;}
	.news_txt ul li{ width:96%; padding:2%;}
	.news_txt ul li .wz{ width:auto; float:none; padding-left:100px;}
	.news_txt ul li .wz p{ width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news_txt ul li .wz h3{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news_txt{ margin-top:10px;}
	.newsmore_page{ width:100%;}
	.newsmore_text iframe{ width:100%; max-width:500px; height:220px;}
	#mapbarframe{ height:220px;}
	.contact-form textarea.textarea{ height:80px;}
	.contact-form input.btn, a.btn{ line-height:24px;}
}
@media (max-width: 900px){
}
@media (max-width: 790px){
}