body{font-size:15px; font-family:arial,verdana,Helvetica;color:#000;margin:0;padding:0;}
ul,li,img,p,h1,h2,h3,h4,h5,h6,input{margin:0;padding:0}
img,input{border:0}
ul,li{list-style-type:none}
a{color:#000;text-decoration:none}
a:hover{color:#004c98;text-decoration:none}
li{list-style:none}
.clear{clear:both}
.zt{width:1200px;margin:0 auto}
.fl{float:left}
.fr{float:right}
.ov{overflow:hidden}
.pre{position:relative}
.video_content{width:60%; margin: 0 auto;}
.video_index{ width: 100%; /*height: 342px;*/}
.video_index video{ width:100%}
.table{width:96%;margin:0 auto; overflow:auto;}
.table table{width:100%}
.table p{line-height:26px}
.table td{padding:3px 10px}
.sxy{margin:30px 0;border-top:1px #ccc dashed;padding-top:20px}
.sxya{color:#333;line-height:24px}
.sxya a{padding:0 6px}
.fenye{text-align:center;margin-top:30px; margin-bottom: 30px; }
.fenye span{margin-bottom:10px;display:inline-block}
.fenye_a{padding:5px 10px;color:#898989;border:1px solid #c9caca;margin:0 3px}
.fenye a{padding:5px 10px;color:#898989;border:1px solid #c9caca;margin:0 3px}
.fenye a.active,.fenye a:hover{color:#fff;background:#2b4874;border:0;border:1px solid #2b4874}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
linshi-textarea { -webkit-appearance: none;}
.backtop{ display: none; position: fixed; bottom: 20%; right: 10%; z-index: 9999; width: 45px; height: 50px; padding-top: 10px;  background: #164a9e; text-align: center;}
.backtop a{ color: #fff; font-size: 17px;}
.backtop span{ display: block; text-align: center;}
.md-close.guanbi{ padding: 8px 12px; background: #b50d25; position: absolute; top: -12px; right: 15px;}
.top40{ margin-top: 40px;}
div {
      -moz-user-select:none;
      -webkit-user-select:none;
      user-select:none;    
}

header{ background: url(../images/headbj.jpg) 50% 0 no-repeat;}
.lxfs{ width: 57%; color: #fff; margin-top: 7px;}
.lxfs span{ display: inline-block; margin-left: 28px; padding-left: 25px; line-height: 21px; font-size: 14px;}
.lxfs span:nth-child(1){ background: url(../images/p1.png) 0 50% no-repeat;}
.lxfs span:nth-child(2){ background: url(../images/p2.png) 0 50% no-repeat;}
.lxfs span:nth-child(3){ background: url(../images/p1.png) 0 50% no-repeat;}
.lxfs span:nth-child(4),.lxfs span:nth-child(5){ margin-left: 10px;}
.lxfs span a{ color: #fff;}
.shequ{ margin-top: 40px;}
.shequ A{ float: left; margin-right: 5px; width: 28px; height: 28px; line-height: 28px;color: #fff; text-align: center; font-size: 20px; border-radius: 6px;}
.shequ A:nth-child(1){ width: 35px; height: 25px;}
.shequ A:nth-child(2){ background: #3d5a98;}
.shequ A:nth-child(3){ background: #33506c;}
.shequ A:nth-child(4){ background: #26a5e5;}
.shequ A:nth-child(5){ background: #ca2127;}

nav{ line-height: 47px; margin-top: 15px; background: #333; /*background:url(../images/top2_r3_c1.jpg) no-repeat;*/ }
.caidan{ display: none;font-size:30px; text-align:right; color: #000;}
nav ul li{position: relative;  float:left;}
nav ul li a{  text-transform:uppercase; padding: 0px 34px;display: block; font-size:15px; color: #fff; position: relative;}
nav ul li i{ position: absolute; top: 15px;right: 10px; z-index: 999; color: transparent /*#0153b9*/; }
nav ul li:hover,nav ul li.active{background: #2e4e7d; /*background: url(../images/anhov.png) 50% 50% no-repeat #40b255*/;}
nav ul li:hover a,nav ul li.active a{ color: #fff;}
nav ul li:hover i,nav ul li.active i{ color:  transparent;}
.xla{display: none; background: rgba(46,78,125,.9); position: absolute;z-index: 9999; top: 100%; left:0px;  width: 132%; border-radius:0 0 5px 5px ;
}
.xla>a{ display: block; font-weight: normal; padding:13px 10px;  text-transform: none; line-height: 20px; border-bottom: 1px dashed #ffd3e1; color: #fff;}
.xla a:last-child{ border-bottom: none;}
.xla a:hover{background: #333; color: #fff; }
nav ul li:hover .xla{ display: block;}

.about{ margin-top: 60px;}
.abitt{ font-size: 30px;  margin-bottom:20px; text-transform: uppercase; position: relative; padding-left: 100px; font-weight: bold; }
.abitt:before{ content: ''; border: 1.5px solid #000; width: 90px; position: absolute; left: 0; top: 45%;}
.abitt:after{ content: '\f105'; font-family: 'FontAwesome'; border: 2px solid #000; color: #000; font-size: 14px; position: absolute; top: 4px; margin-left: 10px;  height: 20px; width: 20px; text-align: center; line-height: 20px;}

.qiehs{ width: 33%; }
.qiehs img{ width: 100%;}
.jingyan{ width: 64%;}
.jintit{ font-size: 30px; font-weight: bold; text-align: right;}
.jingyan ul{ display: flex; flex-wrap: wrap; margin-top:20px; }
.jingyan ul li{ width: 31.2%; margin: 1.5%; position: relative; overflow: hidden; font-size: 0;}
.jingyan ul li img{ width: 100%;-webkit-transition: 0.5s ease-in-out;-ms-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;}
.jingyan ul li:hover img{transform: scale(1.05);}
.jingyan ul li:first-child{ margin-left: 0;}
.jingyan ul li:last-child{ margin-right: 0;}
.jinspan{ opacity: 0; -webkit-transition: 0.5s ease-in-out;-ms-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;font-size: 16px; display: table; height: 270px; width: calc(100% - 60px); padding: 0 30px; text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(11,37,91,0.6); color: #fff;}
.jinspan span{ display: table-cell; vertical-align: middle;}
.jinspan:after{ content: ''; position: absolute; z-index: -1; left: 10px; right: 10px; bottom: 10px; top: 10px; border: 1px dashed #fff;}
.jingyan ul li:hover .jinspan{ opacity: 1;}
.jiesf{ margin-top: 10px; line-height: 26px;}
.jiesf span{ display: block; text-align: right; margin-top: 5px;}
.jiesf span a{ display: inline-block; border-bottom: 2px solid #000; font-size: 15px;}

.abitt2{ font-size: 30px; margin-top: 60px;  margin-bottom:20px; text-transform: uppercase; position: relative; padding-left: 100px; font-weight: bold; }
.abitt2:before{ content: ''; border: 1.5px solid #000; width: 90px; position: absolute; left: 0; top: 45%;}

.cpflei ul li{ position: relative; overflow: hidden;}
.cpimgdf img{ display: block; width: 100%;}
.cpimgdf img:nth-child(2){ display: none;}
.gudigncp{ opacity: 0;  -webkit-transition: 0.5s ease-in-out;-ms-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;position: absolute; top: 0; left: 0; right: 0; bottom: 0;  background: rgba(11,37,91,0.6); color: #fff; text-align: center;}
.gudigncp span{ display: inline-block; text-align: center; margin-top: 100px; border: 1px solid #fff; padding: 10px 30px; font-size: 18px;}
.cpflei ul li:hover .gudigncp{ opacity: 1;}
.cpflei ul li:nth-child(1){ background: url(../images/cpf1.jpg) left center no-repeat; height: 230px;}
.cpflei ul li:nth-child(2){ background: url(../images/cpf2.jpg) left center no-repeat; height: 230px;}
.cpflei ul li:nth-child(3){ background: url(../images/cpf3.jpg) left center no-repeat; height: 230px;}
.cpflei ul li:nth-child(4){ background: url(../images/cpf4.jpg) left center no-repeat; height: 230px;}
.cpflei ul li:nth-child(5){ background: url(../images/cpf5.jpg) left center no-repeat; height: 230px;}
.cpintud,.cpintud2{ display: none;}


.cpflei ul li:nth-child(2n+1) .cpspand{ width: 280px; float: right; margin-right: 200px; display: table;height: 230px; line-height: 26px;}
.cpspand span{ display: table-cell; vertical-align: middle;}
.cpflei ul li:nth-child(2n) .cpspand{ width: 280px; float: left; margin-left: 200px; display: table;height: 230px; line-height: 26px;}

.honbj{ background: url(../images/honbj.jpg) 50% 0 no-repeat; border-top:1px solid #dddddd; }
.quality{ width: 50%; margin-top: 40px;}
.quatit{ font-size: 30px; text-transform: uppercase; font-weight: bold; }
.quatit:after{ content: ''; display: block; height: 3px; width: 100px; background: #000; margin-top: 10px;}
.quality span{ display: block; margin-top: 15px; line-height: 22px; }
.qualimg{ width: 45%;}
.qualimg img{ width: 100%;}

.wirecp{ margin-top: 15px;}
.titwie{ font-size: 25px; font-weight: bold; position: relative;}
.titwie:after{ content: ''; border-bottom: 1px solid #000; width: 90%; position: absolute; top: 50%; right: 0;}
.widffg:after{ width: 85%;}
.wirecp ul{ margin-top: 15px; margin-bottom: 30px; background: #e0e0e0; display: flex; flex-wrap: wrap; justify-content: center;}
.wirecp ul li{ width: 15.5%; margin: 0 0.7%; overflow: hidden; font-size: 0; position: relative;}
.wirecp ul li:first-child{ margin-left: 0;}
.wirecp ul li:last-child{ margin-right: 0;}
.wirecp ul li img{ width: 100%;}
.wirespan{ opacity: 0; transform:scale(0.5);-webkit-transition:0.5s ease-in;-moz-transition:0.5s ease-in;-ms-transition:0.5s ease-in; font-size: 14px; padding: 10px; position: absolute; 
 display: table; top: 0; left: 0; right: 0; width: calc(100% - 20px); height: 192px; text-align: center; z-index: 999; background: rgba(0,0,0,0.5); color: #fff;}
.wirespan span{ display: table-cell; vertical-align: middle;}
.wirecp ul li:hover .wirespan{ opacity: 1; transform:scale(1);}

.hotbd{ background: #f0f0f0; padding: 40px 0; margin-top: 10px;}
.owl-carousel{ position: relative; width: 100%; margin: 0 auto; }
.owl-carousel .owl-wrapper-outer{ overflow: hidden;  position: relative;  width: 100%;}
.owl-buttons{ position: absolute; z-index: 9999; top: 45%; width: 100%; }
.pro_list .owl-theme .owl-controls{ margin:0px;}
.owl-controls .owl-prev{ cursor: pointer; width: 31px; height: 31px; background:url(../images/zuo.png) no-repeat; text-indent: 9999px; position: absolute;  left: -35px;}
.owl-controls .owl-next{cursor: pointer; width: 31px; height: 31px; background:url(../images/you.png) no-repeat; text-indent: 9999px; position: absolute; right: -35px;}
#owl-demo1  .owl-controls .owl-prev{ margin-right:10px;}
#owl-demo1  .owl-controls .owl-next{ margin-left:10px;}
.owl-carousel .owl-wrapper{	display: none;	position: relative;	-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item{float: left;}
.item{margin:0px 10px ;  position: relative;  background: #fff; }
.item a{ display:block; position:relative; font-size: 0;}
.item img{width:100%;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;}
.item .img{position: relative; overflow: hidden; font-size: 0;}
.biaotd { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); color: #fff; padding: 0 30px;}
.biaotd h3{ text-align: center; font-size: 16px;  margin-top: 85px; font-weight: normal; }
.item:hover img{ transform: scale(1.05);}
.item:hover .biaotd{ opacity: 1;}
.hottit{ text-align: center; font-size: 30px; font-weight: bold;color: #333}
.hottit:after{ content: ''; display: block; width: 80px; height: 3px; background: #000; margin: 0 auto; margin-top: 10px; margin-bottom: 30px;}

.newtit{ text-transform: uppercase; font-size: 30px; font-weight: bold; color: #333; text-align: center; margin-top: 50px; position: relative;}
.newtit:after{ content: "+"; border: 2px solid #333; height: 20px; width: 20px; text-align: center; line-height: 20px; position: absolute; font-size: 16px; top: 3px; margin-left: 10px;}
.newsuk{ display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px;}
.newsuk li{ width: 27%; margin: 1.5%; background: #fff; padding: 2%;}
.newsuk li:nth-child(3n+1){ margin-left: 0;}
.newsuk li:nth-child(3n){ margin-right: 0;}
.datenew{ font-size: 14px; color: #666;}
.newsuk li h2{ font-size: 15px; margin-top: 5px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.newsuk li h2:after{ content: ''; display: block; width: 70px; height: 2px; background: #333; margin-top: 15px;}
.conspan{ margin-top: 15px; line-height: 26px; color: #666;}
.newsuk li:hover{ background: url(../images/newbj.jpg) 0 50% no-repeat; background-size:cover; color: #fff;}
.newsuk li:hover a,.newsuk li:hover .datenew,.newsuk li:hover .conspan{ color: #fff;}
.newsuk li:hover h2:after{ background: #fff;}

footer{ background: url(../images/footbj.jpg) 0 50% no-repeat; background-size:cover ; padding-top: 40px;}
.contdi{ width: 30%; color: #fff; font-size: 14px; color: #f0f0f0;}
.contdi h2{ font-size: 30px; margin-bottom: 15px;}
.contdi ul li{ padding: 5px 0; line-height: 22px;}
.contdi ul li a{ color:#fff}
.test{ width: calc(32% - 5px); margin-right: 1%; border: 1px solid #b1b0b1; height: 32px; line-height: 32px; padding-left: 5px;}
.longted{ width:calc(98% - 5px) ; font-family:arial; font-size: 14px; padding-left: 5px; border: 1px solid #b1b0b1; margin-top: 1%; height: 60px}
.tijis{ display: inline-block;width:98.5% ; text-align:center; padding:10px 0; background: #2e4e7d; cursor: pointer; margin-top: 6px; color: #fff; text-transform: uppercase;}
.liusya{ width: 57%; padding: 20px; background: #e0e3e7;}
.liunan span{ font-size: 20px; color: #000; text-transform: uppercase; font-weight: bold; margin-right: 10px;}
.shedi A{ float: left; margin-right: 5px; width: 22px; height: 22px; line-height: 22px;color: #fff; text-align: center; font-size: 14px; border-radius: 6px;}
.shedi A:nth-child(1){ background: #3d5a98;}
.shedi A:nth-child(2){ background: #33506c;}
.shedi A:nth-child(3){ background: #26a5e5;}
.shedi A:nth-child(4){ background: #ca2127;}
.liunan form{ margin-top: 15px;}
.dinab{ padding: 10px 0; background: #1b3760; text-align: center;}
.dinab a{ display: inline-block; color: #93a5c6; text-transform: uppercase; padding: 5px 15px; font-size: 14px;}
.dinab a:hover{ background: #2e4e7d; border-radius:20px ;}
.dinac{ padding: 10px 0; background: #2e4e7d; margin-top: 15px;color:#f0f0f0;}
.dinac a{ display: inline-block; color: #f0f0f0; text-transform: uppercase; padding: 5px 15px; font-size: 14px;}
.dinac a:hover{ background: #2e4e7d; border-radius:20px ;}

.neia{ font-size: 0; overflow: hidden;}
.neia img{ width: 100%;}
.mbx{ text-align: right; background: #eee; line-height: 30px;}
.mbx i {color: #2c3e50; font-size: 18px; margin-right: 5px;}
.danyetit{ color: #3c3c3c; margin-top: 40px;font-size: 30px; text-align: center; font-weight: normal;}
.danyetit h1{font-size: 30px; text-align: center; font-weight: normal;}
.danyecon{ margin-top: 20px; color: #333; line-height: 26px; margin-bottom: 40px;}
.danyecon p{ margin-bottom: 10px;}


.main {  display: flex; flex-wrap: wrap;   justify-content: center; margin-bottom: 50px;}
.main li { flex-direction: row; display: block;  width: 19%; margin: 0.5%; position: relative;}
.main li a{ display: block; text-align: center; }
.fangda{ position: absolute; bottom: 18px; right: 10px; top: 10px;left: 10px; z-index: 99; background: rgba(0,32,90,0.8); padding-top: 20%; transform: scale(0,0); transition: all 0.8s;
-webkit-transition: all 0.8s;-o-transition: all 0.8s;-moz-transition: all 0.8s;}
.fangda i{font-size: 40px;  color: #fff; opacity: 0.5; }
.fangda P{ color: #fff; margin-top: 5px;}
.dianji { width: 350px;  margin: 0 auto; margin-bottom: 30px;  padding-left: 10px;  text-align: center;  margin-top: 15px;  color: #a0a0a0;  font-size: 16px;  position: relative;}
.main li:hover .fangda{transform: scale(1,1);}
.main li img{ width: 100%;}

.contdg{ width: 90%; margin: 0 auto; margin-top: 40px; margin-bottom: 60px; overflow: hidden;}
.fangs{ width: 55%;}
.fangs ul{ margin-bottom: 15px;}
.fangs ul li{  font-size: 16px; padding: 4px 0 4px 40px; margin-bottom: 10px;}
.fangs ul li a:hover{ color: #0072b3; text-decoration: underline;}
.fangs ul li:nth-child(1){ background: url(../images/con2.jpg) 0 52%no-repeat;}
.fangs ul li:nth-child(2){ background: url(../images/con3.jpg) 0 50%no-repeat;}
.fangs ul li:nth-child(3){ background: url(../images/con1.jpg) 0 50%no-repeat;}
.fangs ul li:nth-child(4){ background: url(../images/con4.jpg) 0 50%no-repeat;}
.fangs ul li:nth-child(5){ background: url(../images/con6.jpg) 0 50%no-repeat;}
.fangs h2{ margin-bottom: 10px; font-size: 18px;}
.conmes{ width: 40%;}
.context{  margin-bottom: 10px; border: 1px solid #002063; padding-left: 10px; border-radius:6px ; height: 38px; line-height: 38px; width: 96%;}
.conate{margin-bottom: 10px; border: 1px solid #002063; height: 140px; padding-left: 10px; border-radius:6px ; width: 96%; font-family: arial; padding-top: 8px;}
.consend{background: #002063; margin-left: 2px; border-radius:6px ; padding: 10px 30px; text-transform: uppercase; font-size: 14px; cursor: pointer; color: #fff;}

.cpfenlei2{width:23%; margin-top: 28px;}
.cptit3{ background:#3c3c3c;text-align:center;line-height:80px;font-size:30px;border-bottom:0; color: #fff; font-family: impact; text-transform: uppercase;}
.menu_list{background:#084080}
.menu_head{display:block;padding:20px 0 20px 20px;text-decoration:none;color:#fff;border-bottom:1px solid #fff; position: relative;}
.menu_head a{color:#fff; display: block;}
.menu_head em{position: absolute; top: 40%; right: 10px;}
.menu_list .menu_body{display:none;color:#666;background:#fff;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
.menu_body li{border-bottom:1px solid #e5e5e5;padding:15px 0 15px 20px;color:#484a55}
.menu_body li a{color:#484a55;padding-left:5px}
.menu_body li:hover a{text-decoration:underline}
.chanpin{width:75%; margin-top: 20px;}
.chanpinxq{width:75%; margin-top: 30px;}
.cplist2{ display: flex; flex-wrap:wrap;}
.cplist2 li{ width: 31%; margin:1%;}
.imgtu{ overflow: hidden; position: relative; font-size: 0; }
.imgtu img{ width:100%;transition: all 0.8s;-webkit-transition: all 0.8s;-o-transition: all 0.8s;-moz-transition: all 0.8s; }
.imgtu:after{ opacity: 0;transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;-moz-transition: all 1s; content: ''; display: block; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: rgba(0,0,0,0.7); z-index: 2;}
.imgtu:before{opacity: 0;transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;-moz-transition: all 1s; content: '查看更多'; display: block;position: absolute; top: 40%; border: 1PX solid #FFF; border-radius:5PX ; padding: 5PX 15PX; font-size: 14PX; color: #FFF; z-index: 10; left: 30%;}
.cplist2 li a{ display: block; font-size: 0;position: relative;}
.cplist2 li h2{ font-size: 14px; font-weight: normal; text-align: center; padding: 10px;}
.cplist2 li:hover .imgtu img{ transform: scale(1.06,1.06);}
.cplist2 li:hover .imgtu:after,.cplist2 li:hover .imgtu:before{ opacity: 1;}

.qieh{ width: 48%;}
.cpmiaoshu{ width: 49%; margin-top: 40px;}
.cpmiaoshu h1{ font-size: 18px;}
.cpmiaoshu span{ line-height: 24px; display: block; margin-top: 20px;text-align: justify;}
.cpshequ{ margin-top: 30px;}
.cpshequ a{ display: inline-block; padding: 0 15px; color: #fff; background: #375595; line-height: 30px; border-radius:4px ;}
.cpshequ a:nth-child(1){ background: #375595;}
.cpshequ a:nth-child(2){ background: #33506c;}
.cpshequ a:nth-child(3){ background: #1a7ed1;}
.cpshequ a:nth-child(4){ background: #ca2127;}

.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle; width:100%}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden; display: flex; flex-wrap: wrap;justify-content: center;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;margin:0 3px;overflow:hidden;padding:1px;}
.tb-s310, .tb-s310 img,.tb-s40 img{width:100%;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{width:60px;height:60px;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #FF0036;height:60px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.lineh{ line-height:64px; margin-right:18px}
.tb-pic a:nth-child(2),.tb-pic a:nth-child(3),.tb-pic a:nth-child(4),.tb-pic a:nth-child(5),.tb-pic a:nth-child(6){ display: none;}
.box img{ width: 100%;}
.cpdeta{ margin-top: 35px; padding: 0 10px;text-align: justify;}
.cpdeta h2{background: #bd2d2d; line-height: 36px; padding: 0 35px 0 15px; font-size: 16px; color: #fff; border-radius: 0 20px 20px 0;display: inline-block;margin-top: 0px;margin-bottom: 15px;}
.cpdeta p{ margin-bottom: 10px; line-height: 24px;}

.foe2{width:80%;margin:0 auto;margin-top:20px;margin-bottom:30px}
.tex21,.aatex21{width:98%;border:1px solid #c8c8c8;height:30px;margin-bottom:10px;font-size:14PX;padding-left:2%;outline:0}
.aatex21{height:90px;font-family:Arial;font-size:14PX;outline:0}
.but121{width:130px;background:#ffd814;height:36px;line-height:36px;cursor:pointer;font-size:16px;display:block;margin:0 auto;margin-top:15px;outline:0}
.but121:hover{background:#454545; color: #FFF;}

.newsdli ul{ display: flex; flex-wrap: wrap; margin-top: 20px;}
.newsdli ul li{ width: 44%; margin: 1%; padding: 2%;}
.newsdli ul li img{ width: 25%;}
.newcne{ width: 73%;}
.newsdli ul li:hover{ background: #2b4874; color: #fff;}
.riqi{ text-align: center; margin-top: 10px; width: 15%; padding:0 3%; border-right:1px solid #ccc ;}
.riqi span{ display: block; font-size: 50px;}
.newbit{ width: 75%;}
.newbit h2{ font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newbit span{ display: block; line-height: 24px; margin-top: 10px;}
.newsdli ul li:hover a{ color: #fff;}

@media only screen and (max-width:768px ) {
	img{ width:100%}
	.zt{ width: 100%;}
	header{ background: none;}
	.lxfs{ float: none; width: 100%; margin-top: 0; background: #2e4e7d; padding: 5px 0;}
	.logo{ width: 40%; margin-top: 15px;}
	.shequ{ margin-top: 25px;}
	nav ul li a{padding: 0px 13px; font-size: 14px;}
.xla{ position: relative;}
nav ul li:hover .xla{ display: none;}
.owl-controls .owl-prev{  left: 0px; }
.owl-controls .owl-next{ right: 0px;}
div.zoomDiv{ border: none;}
div.zoomMask,.bigimg{display: none;}
.tb-thumb li{ width: 15%;margin: 0 2px;}
.tb-thumb .tb-selected{ height: auto; }
.tb-s40, .tb-s40 a{width:100%;height:auto;}
.cpdeta{ margin-top: 30px; padding: 0 10px 0 0;}
.cpanniu{ margin-top: 20px;}
.cpshequ{ margin-top: 20px;}
.cpanniu a{padding: 9px 24px;}

/*.cpspand{ color: #fff;}
.cpflei ul li:nth-child(1){ background: url(../images/cpf1-1.jpg) 50% 50% no-repeat; height: 230px;}
.cpflei ul li:nth-child(2){ background: url(../images/cpf2-1.jpg) 50% 50% no-repeat; height: 230px;}
.cpflei ul li:nth-child(3){ background: url(../images/cpf3-1.jpg) 50% 50% no-repeat; height: 230px;}
.cpflei ul li:nth-child(4){ background: url(../images/cpf4-1.jpg) 50% 50% no-repeat; height: 230px;}*/
.cpflei ul li:nth-child(1),.cpflei ul li:nth-child(2),.cpflei ul li:nth-child(3),.cpflei ul li:nth-child(4){ background: none; height: auto; overflow: hidden;}
.cpintud2{ display: block;}
.cpspand{ position: relative; width: 100%;}
.cpflei ul li:nth-child(2n+1) .cpspand{ width: 96%; padding: 2%; float: none; margin-right: 0px; height: auto;  }
.cpflei ul li:nth-child(2n) .cpspand{  width: 96%; padding: 2%; float: none; margin-left: 0px;  height: auto; }

.quality{ margin-left: 10px;}
.contdi{ margin-left: 10px;}

.contdg{ width: 85%;}


.cpfenlei2 {width: 30%;}
.chanpin, .chanpinxq { width: 68%;}
.qieh,.cpmiaoshu{ width: 96%; float: none; margin: 0 auto;}
.qieh{ width: 75%;}
.tb-thumb li{ margin: 0 2px;}
.cpmiaoshu{ margin-top: 20px;}
.cpshequ a{ margin-bottom: 10px;}
div.zoomDiv{ border: none;}
div.zoomMask,.bigimg{display: none;}
.cpdeta{ margin-top: 30px;}
.riqi span{ display: block; font-size: 30px;}
.jinspan{ height: 173px;}
}

@media only screen and (max-width:480px ) {
	.logo{ width: 50%;}
	.shequ{ margin-top: 20px;}
	.shequ a{ width: 26px; height: 26px; line-height: 26px;}
	.shequ A:nth-child(1){ width: 26px; height: 25px;}
	.shequ a img{ width: 100%;}
.lxfs span{ margin-left: 10px; margin-bottom: 5px;}
nav{ float: none; width: 100%; margin-top: 10px; line-height: 40px; position: relative; border: none; }
.caidan{display: block; color: #fff; padding-right: 15px;}
nav ul{ display: none; background: #1e3044;}
nav ul li{ line-height: 40px; display: block; float: none; text-align: center;}
nav ul li a{ padding: 0; color: #fff; }
nav ul li i{ top: 15px;}
nav ul li i,nav ul li:hover i{ color: #fff;}
.xla{ width: 100%;}

.abitt,.abitt2{ padding-left: 80px;}
.abitt:before,.abitt2:before{ width: 70px;}
.about{ margin-top: 30px;}
.qiehs{ width: 96%; float: none; margin: 0 auto;}
.jingyan{width: 96%; float: none; margin: 0 auto; margin-top: 25px;}

.cpflei ul li:nth-child(2n+1) .cpspand{ width: 94%; float:none; margin: 0 auto }
.cpflei ul li:nth-child(2n) .cpspand{ width:300px; float: left; margin-left: 20px; }
.quality{ float: none; width: 96%; margin: 0 auto; margin-top: 30px;}
.qualimg{ width: 100%; float: none;}
.wirecp ul li{ width: 48%; margin: 1%;}
.wirecp ul li:first-child{ margin-left: 1%;}
.wirecp ul li:last-child{ margin-right: 1%;}
.titwie:after{ width: 60%;}
.newsuk li{ width: 92%; margin: 2%;}
.newsuk li:nth-child(1){ margin-left: 2%;}
.newsuk li:nth-child(3){ margin-rightt: 2%;}
.contdi{ float: none; margin: 0 auto; width: 96%;}
.liusya{ float: none; margin: 0 auto; width: 92%; padding: 2%; margin-top: 20px;}
.test{width: calc(31% - 5px);}

.danyecon{ padding: 0 10px;}
.main li { width: 48%; margin: 1%;}

.contdg{ width: 96%;}
.fangs,.conmes{ width: 100%; float: none;}
.cpfenlei2,.chanpin,.chanpinxq{width:96%; float: none; margin: 0 auto;}
.cplist2 li{ width: 48%; }
.cpfenlei2{ margin-bottom: 20px;}

.qieh{ width: 96%; }


.newsdli ul{ display: flex; flex-wrap: wrap; margin-top: 20px;}
.newsdli ul li{ width: 96%; margin: 1%; }
.newsdli ul li img{display: none;}
.newcne{ width: 100%;}



}
@media only screen and (max-width:414px ){
	.jinspan{ height: 140px; width: calc(100% - 10px); padding: 0 5px;}
	.jinspan:after{ top: 3px; left: 3px; right: 3px; bottom: 3px;}
}
@media only screen and (max-width:375px ){
	.jinspan{ height: 126px; width: calc(100% - 10px); padding: 0 5px;}
}
@media only screen and (max-width:360px ){
	.jinspan{ height: 121px; width: calc(100% - 10px); padding: 0 5px;}
}

@media only screen and (max-width:1200px )  and (min-width:769px ) {
	 img{ width:100%}
	.zt{ width: 100%;}
	.owl-controls .owl-prev{  left: 0px; }
.owl-controls .owl-next{ right: 0px;}
div.zoomDiv{ border: none;}
div.zoomMask,.bigimg{display: none;}
.cptut{width: 46%;}
.tb-thumb li{margin: 0 1px;}
.cpjidsf{ margin-top: 0;}
.cpanniu{ margin-top: 30px;}
.tb-s40, .tb-s40 a{width: 57px;height: 43px;}

header{ background: none;}
.lxfs{ float: none; width: calc(100% - 20px); margin-top: 0; background: #2e4e7d; padding: 5px 0; text-align: right; padding-right: 20px;}
.logo{ margin-top: 10px;}
nav ul li a{ padding: 0 24px;  }
.cpflei ul li:nth-child(2n+1) .cpspand{ width: 250px; float: right; margin-right: 180px; }
.cpflei ul li:nth-child(2n) .cpspand{ width: 250px; float: left; margin-left: 180px; }
.quality{ margin-left: 10px;}
.contdi{ margin-left: 10px;}
.test{width: calc(31.8% - 5px);}
div.zoomDiv{ border: none;}
div.zoomMask,.bigimg{display: none;}

.cpflei ul li:nth-child(1),.cpflei ul li:nth-child(2),.cpflei ul li:nth-child(3),.cpflei ul li:nth-child(4){ background: none; height: auto; overflow: hidden;}
.cpintud{ display: block;}
.cpspand{ position: relative; width: 100%;}
.cpflei ul li:nth-child(2n+1) .cpspand{ width: 96%; padding: 2%; float: none; margin-right: 0px; height: auto;  }
.cpflei ul li:nth-child(2n) .cpspand{  width: 96%; padding: 2%; float: none; margin-left: 0px;  height: auto; }

}

@media only screen and (max-width:1440px ) and (min-width:1025px) {
	.cpflei ul li:nth-child(1){ background: url(../images/cpf1-1-1.jpg) left center no-repeat;}
	.cpflei ul li:nth-child(2n+1) .cpspand{ margin-right: 140px;}
	.cpflei ul li:nth-child(2n) .cpspand{ margin-left: 140px}
}