.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;}
.list-desc{ margin-top:30px;margin-bottom:30px;line-height:20px; }


/* banner */
.banner{clear:both;position:relative;overflow:hidden;width:100%;}
.banner .bd {width:100%;}
.banner .bd ul li a {display:block;height:680px;font-size:0;}
.banner .hd {position:absolute;left:0;bottom:20px;display:block;width:100%;text-align:center;}
.banner .hd ul {display:inline-block;}
.banner .hd ul li {float:left; text-align:center;overflow:hidden; margin:0 10px;width:40px;height:10px;background:#1c1c1c;font-size:0;}
.banner .hd ul li.cur {background:#f4750c;}
.banner .prev, .banner .next { display:block;cursor:pointer;position:absolute;top:50%;margin-top:-36px;width:72px;height:72px;border-radius:50%;opacity:0;transition:all 1s;}
.banner .prev {left:5%;background:url(../images/banner-prev.png)no-repeat center;}
.banner .next {right:5%;background:url(../images/banner-next.png)no-repeat center;}
.banner:hover .prev, .banner:hover .next {opacity:0.5;background-color:#fff;}
.banner .prev:hover , .banner .next:hover  {opacity:1;}
/* banner end */



.chara_c2 dl{float: left;position: relative;text-align: center;margin-left:10px;}
.chara_c2 dl{width:296px;height:312px;overflow: hidden;margin-right:20px;margin-top:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-shadow: 0px 0px 10px #afaeae;-moz-box-shadow: 0px 0px 10px #afaeae;-webkit-box-shadow: 0px 0px 10px #afaeae;position:relative;}
.chara_c2 dt p img{width:280px;height:222px;transition:all 0.8s;padding:8px}
.chara_c2 dt p:hover img{transform:scale(1.1);transition:all 0.8s;}
.chara_c2 dl:nth-child(4n) {margin-right:0;}

.chara_c2 dt h3{width:296px;position: absolute;background: #f5f5f5;color: #333;display: block;font-size:18px;line-height:22px;padding-top:16px;padding-bottom:18px;}
.chara_c2 dl dt h3 em{display: block;font-size:12px;font-weight: normal;opacity: 0.8;margin-top:1px;}
.chara_c2 dd{padding:20px;width:296px;height:0;background: rgba(50 , 83 , 130 , 0.9);position: absolute;margin-left:0px;margin-right:0px;bottom:-38px;color: #fff;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.chara_c2 dd p{line-height:30px;font-size:14px;}
.chara_c2 dl:hover dt h3{display: none;}
.chara_c2 dl:hover dd{height:176px;}




.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: 260px; 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%;}

.cpyou-jian {line-height: 30px;margin: 10px;margin-top: 20px;}

.cpflei{max-width: 1920px; margin: 0 auto;}
.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) 50% 0 no-repeat; height: 230px;}
.cpflei ul li:nth-child(2){ background: url(../images/cpf2.jpg) 50% 0 no-repeat; height: 230px;}
.cpflei ul li:nth-child(3){ background: url(../images/cpf3.jpg) 50% 0 no-repeat; height: 230px;}
.cpflei ul li:nth-child(4){ background: url(../images/cpf4.jpg) 50% 0 no-repeat; height: 230px;}
.cpintud,.cpintud2{ display: none;}



.cpflei ul li:nth-child(2n+1) .cpspand{ width: 500px; 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: 500px; 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:76%; position: absolute; top: 50%; right: 0;}
.widffg:after{ width: 60%;}
.wirecp ul{ margin-top: 15px; margin-bottom: 30px; /*background: #e0e0e0;*/ display: flex; flex-wrap: wrap; justify-content: center;}
.wirecp ul li{ width: 18.2%; margin: 0 1%; overflow: hidden; font-size: 0; position: relative;}
.wirecp ul li span{ display: block; font-size: 14px; line-height: 20px; margin-top: 5px;}
.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: 30px; }
.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: 35px; font-weight: normal; }
.biaotd span{ font-size: 14px; color: #fff; display: block; margin-top: 15px;}
.item:hover img{ transform: scale(1.05);}
.item:hover .biaotd{ opacity: 1;}
.hottit{ text-align: center; font-size: 30px; font-weight: bold;color: #333; margin-top: 50px;}
.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: 10px; 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{float:left; width: 26%; margin: 20px 1.5%; background: #fff; padding: 2%;}

.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;}