body{font:14px arial,verdana,Helvetica;color:#3c3c3c;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:#3c3c3c;text-decoration:none}
a:hover{color:#2a24eb;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:50%; height: 450px; margin: 0 auto;}
.video_index{ width: 100%; height: 342px;}
.table{width:96%;margin:0 auto;overflow: auto;}
.table table{width:100%;overflow: auto;}
.table p{line-height:26px}
.table td{padding:3px 3px}
.sxy{margin:30px 0;border-top:1px #ccc dashed;padding-top:20px}
.sxya{color:#666;font-size:14px;line-height:24px}
.sxya a{padding:0 6px}
.fenye{text-align:center;margin:30px 0}.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:#eb8f00;border:0;border:1px solid #eb8f00}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}
div {    -moz-user-select:none;   -webkit-user-select:none;   user-select:none;    }
.cpxuan{ margin-top: 30px; padding: 15px; line-height: 26px; text-align: center;}
.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;}

.topp{ background: #041e41; color: #FFF; line-height: 36PX;}
.shequ img{border-radius:7px;}
.shequ{ margin-top:5px;}
.shequ a{ display: inline-block; width: 24px; height: 24px; line-height: 24px; font-size: 16px; text-align: center; color: #041e41; background: #fff; border-radius:50% ;}
.lang{ margin-left: 5px; border: 1px solid #fff; line-height: 22px; border-radius:17px ; padding: 0 10px; margin-top: 5px;}
.lang a{ display: inline-block; color: #fff; padding: 0 10px;}
.sousuo{ margin-top: 4px; height:27px; margin-right: 5px;}
.topcon a{ color: #fff;}
.topcon span{ display: inline-block; margin-right: 45px; padding-left: 20px;}
.topcon span:nth-child(1){ background: url(../images/t1.png) 0 50% no-repeat;}
.topcon span:nth-child(2){ background: url(../images/t2.png) 0 50% no-repeat;}
.lonav{ background: #ecf5fc;}
.logo{ margin-top: 10px;}
.logo img{ margin-right: 15px;}
.logo h2{font-family: impact;font-size: 23px;font-weight: normal;text-transform: uppercase;width: 355px;border-bottom: 1px solid #c9d0d6;color: #3c3c3c;padding-top: 22px;}
.logo span{ display: block; line-height: 30px; font-size: 16px; color: #3c3c3c;}

nav{ line-height: 90px;}
.caidan{ display: none;font-size:30px; text-align:right; color: #000;}
nav ul li{ float: left; position: relative; border-right:1px dashed #d2d2d2 ; }
nav ul li a{  text-transform:uppercase; padding: 0px 16px; font-weight: bold; display: block;  }
nav ul li i{ display: none;  position: absolute; top: 40%;right: 10px; z-index: 999; color: #ecf5fc;}
nav ul li:hover,nav ul li a.active{ background: #dae4ed; color: #2a24eb;}
nav ul li:hover i{ color: #dae4ed;}
/*.xla{ display: none; background: rgba(4,30,65,.9); position: absolute; top: 100%; left: 0; z-index: 9999; width: 130%; 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 #3a4e79; color: #fff;}
.xla a:last-child{ border-bottom: none;}
.xla a:hover{background: #319ce5; color: #fff; }
nav ul li:hover .xla{ display: block;}*/

nav ul li:hover .xia>a{ color: #fff;}
.xla{ position:absolute; top:100%; left:-50px; z-index:9999; background:rgba(4,30,65,.9); display:none; line-height: 30px;width:310px;}
.xla ul li{ position:relative; border-bottom: 1px dashed #ccc; border-right:none ; padding:10px 5px; width:300px;}
nav ul li>.xla ul li i{ color: #fff;}
.xla>ul>li>a{ color:#fff; text-transform:none; font-size: 14px; font-weight: normal;}
nav>li>.xla>ul>li>a{ display:block; padding:0; color:#fff;text-transform:none}
nav>ul>li:hover>.xla{ display:block;  }
nav>ul>li>.xla>ul>li:hover{background:#00a1f5;}
nav>ul>li:hover>.xla>ul>li>a{ color:#fff; text-transform:none}
.xla2{ position:absolute; left:100%; top:0; z-index:9999; display:none; width:240px;background:#00a1f5; }
.xla>ul>li:hover>.xla2{ display:block}
nav>ul>li>.xla>ul>li>.xla2>a{ color:#fff; text-transform:none; font-size:14px; display:block; padding:4px 10px 4px 10px;border-bottom: 1px dashed #3a4e79;}
nav>ul>li>.xla>ul>li>.xla2>a:hover{background:#023365;}



.zhiding{ background: url(../images/bj1.jpg) 50% 0 no-repeat; background-size:cover ;}
.zhiding ul{ display: flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: center;}
.zhiding ul li{ width: calc(20% - 1px); padding: 20px 0px; border-right:1px solid #507294 ; text-align: center;}
.zhiding ul li span{ font-size: 16px;padding: 0px 11px; display: block;}
.ztu{ height:40px ; overflow:hidden; text-align: center; vertical-align: middle;}
.ztu span{ display: block;}
.zhiding ul li:hover .ztu span:nth-child(1){ display: none;}
.zhiding ul li:hover .ztu span:nth-child(2){ display: block;}
.zhiding ul li h2{ text-transform: uppercase; font-family: impact; font-size: 22px; font-weight: normal; line-height: 40px;}

.cppro{ background: url(../images/cpbj.jpg) 50% 0 no-repeat; padding-bottom: 30px; border-bottom: 1px dashed #a9b6c8;}
.cptit{ font-size: 30px; text-transform: uppercase; font-weight: bold; text-align: center; margin-top: 36px; background: url(../images/titbj.png) 52.7% 20px no-repeat; letter-spacing:2px}
.cptit span{ font-size: 60px; color: #312cc5; margin-right: 5px;}

.cpulul{display: flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: center; margin-top: 30px;}
.cpulul li{ width: 32.4%; margin: 5px;overflow: hidden;}
.cpulul li a{ display: block; font-size: 0; position: relative;}
.cpimg{ overflow: hidden;}
.cpimg img{ -webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;}
.cpulul li:hover .cpimg img{ -webkit-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);-o-transform: scale(1.05,1.05);}
.miao{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); text-align: center;opacity: 0;}
.miao:before{ content: ''; display: block; height: 12px; background: #312cc5;}
.miao h2{ font-size: 18px; margin-top: 120px; color: #fff; text-transform: uppercase; font-weight: normal;
-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;
}
.miao span{ display: block; margin-top: 70px;}
.miao span img{-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;
-webkit-transform: scale(1.3,1.3);-moz-transform: scale(1.3,1.3);-ms-transform: scale(1.3,1.3);-o-transform: scale(1.3,1.3); -webkit-opacity: 0;-o-opacity: 0;-moz-opacity: 0;-ms-opacity: 0;}
.cpulul li:hover .miao{ opacity: 1;}
.cpulul li:hover .miao span img{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);
-webkit-opacity: 1;-o-opacity: 1;-moz-opacity: 1;-ms-opacity: 1;}
.cpulul li:hover .miao h2{ margin-top: 30px;}

.cpfenlei{display: flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: center; margin-top: 30px;}
.cpfenlei li{ /*width: 16.2%;*/ margin: 0 5px; text-align: center; background: #041e41; line-height: 36px; padding: 0 16px;margin-bottom: 10px;}
.cpfenlei li a{ display: block; color: #fff; font-size: 16px;}
.cpfenlei li:nth-child(1),.cpfenlei li:hover{ background: #312cc5;}

.fixnav{ background: #ecf5fc; line-height: 54px; position: fixed; top: 0; left: 0; right: 0; z-index: 9999; display: none;}
.lowen a{ font-size: 29px; font-family: impact; display: block; text-transform: uppercase; }
.daonav li{ display: inline-block; position: relative;text-transform: uppercase;}
.daonav li a{ display: block; padding: 0 20px;  font-size: 16px; }
.daonav li i{   position: absolute; top: 30%;right: 10px; z-index: 999; color: #ecf5fc;}
.daonav li .xla{ display: none; background: rgba(4,30,65,.9); position: absolute; top: 100%; left: -50px; z-index: 9999; width: 310px; border-radius:0 0 5px 5px ;}
.daonav li .xla>a{ display: block; font-weight: normal;text-transform: none; padding: 0; font-size: 14px; border-bottom: 1px dashed #3a4e79; color: #fff;}
.daonav li .xla a:last-child{ border-bottom: none;}
.daonav li .xla ul li i{ display: block; color: #fff;}
.daonav li:hover .xla{ display: block;}
.daonav li .xla ul li:hover{ background: #00a1f5;}
.daonav li .xla ul li:hover a{ color: #fff;}
.daonav>li>.xla>ul>li>.xla2>a{ text-transform: none; padding:4px 10px; border-bottom: 1px dashed #3a4e79;}

.caidan2{display: none;}

.cpmoer{ text-align: center; margin-top: 30px;}
.cpmoer a{ display: inline-block;  padding: 8px 38px; border: 1px dashed #333; }
.firstone{ background: #041e41; margin-top:10px;}
.firstone ul{display: flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: center; }
.firstone ul li{ width: 14.2%; overflow: hidden;}
.firstone ul li a{ display: block; font-size: 0; position: relative; }
.firwei{ padding: 0 8px;}
.firtu{ position: relative; overflow: hidden;}
.firwei{ position: absolute; top: 0px; left: 0; right: 0; bottom: 0; background: rgba(4,30,65,0.8); padding-top: 50px;}
.firwei h2{ font-family: impact; color: #041e41; font-size: 25px; width: 34px; height: 34px; margin:0 auto;border-radius:50% ; background: #7ecef4; line-height: 34px; text-align: center;}
.firwei span{ display: block; line-height: 22px; font-size: 14px; color: #7ecef4;  margin-top: 15px;}
.firtu img{-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;}
.firstone ul li:hover .firtu img{ -webkit-transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);-o-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);}
.firwei{opacity: 1;-webkit-transition: all 2s;-moz-transition: all 2s;-ms-transition: all 2s;}
.firstone ul li:hover .firwei{ opacity: 0;-webkit-transform: scale(0,0);-ms-transform: scale(0,0);-o-transform: scale(0,0);-moz-transform: scale(0,0);}

.whychoose{ background: url(../images/ysbj.jpg) no-repeat 50% 0; border-top: 1px dashed #a9b6c8; margin-top: 10px; padding: 40px 0;}
.whylist{ width: 60%; margin-top: 20px;}
.whyjie{ width: 32%;}
.whylist ul li{ overflow: hidden; cursor: pointer;  }
.whylist ul li span{ float: left; width: 70px; height: 70px; border: 2px dotted #041e41; border-radius:50% ;margin-right: 10px; overflow: hidden; padding: 3px; background: #fff;}
.whylist ul li span img{ border-radius:50% ; width: 100%; }
.whylist ul li h2{font-size: 22px;  color: #354a67; padding-top: 25px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;   }
/*.whylist ul li:nth-child(2n) span{ float: right;margin-left: 10px;}
.whylist ul li:nth-child(2n) h2{float: right; text-align: right; }*/
.whylist ul li:nth-child(2n){ margin-left: 100px; margin-top: 10px;}
.whylist ul li h2:after{ content: ''; display: block; border-bottom: 2px dashed #041e41;  width: 80%; margin-top: 12px;}
/*.whylist ul li:nth-child(2n) a h2:after{ float: right;margin-top: 12px;}*/
.whyjie ul{display: flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: center; margin-top: 55px;}
.whyjie ul li{ width: 45%; border: 1px solid #fff; margin: 5px; font-size:0}
.whyjie h2{ font-size: 30PX; color: #312cc5; text-align: right; border-bottom: 1px dashed  #312cc5 ; padding-bottom: 6px;}
.whylist ul li:hover h2{ color: #312cc5;}

.abjian{ background: url(../images/jjbj.jpg) 50% 0 no-repeat; padding: 60px 0;}
.shipi{ width: 46%;}
.shipi iframe{ height: 480px; margin-top: 20px;}
#shipinf .txp_tipbar{ display: none;}
.jieshao{ width: 40%; margin-left: 80px; }
.jieshao span{ display: block; line-height: 32px; font-size: 16px; margin-top: 60px;color: #fff;}
.readm{ color: #edfb03; font-weight: bold; margin-top: 30px; border: 1px solid #edfb03; border-left:none ; border-right:none; width: 140px; text-align: center; line-height: 28px;}
.readm i{ margin-left: 8px;}
.shipi h2{ color: #fff; font-size: 47px; text-transform: uppercase;  text-align: right; margin-top: 40px;}
.shipi h2:after{ content: ''; display:block; width: 50%; float: right; border-bottom: 1px solid #fff;}
.vvideo{ margin-top: 40px;}

.pinpai{ background: #fff; border-radius:15px ; margin-top: 80px; box-shadow:  5px 9px 20px -11px #666;}
.owl-carousel{ position: relative; width: 90%; margin: 0 auto; margin-top: 0px;}
.owl-carousel .owl-wrapper-outer{ overflow: hidden;  position: relative;  width: 100%;}
.owl-buttons{ position: absolute; z-index: 9999; top: 40%; width: 100%; }
.pro_list .owl-theme .owl-controls{ margin:0px;}
.owl-controls .owl-prev{ cursor: pointer; width: 32px; height: 32px; background: url(../images/zuo1.png) no-repeat; text-indent: 9999px; position: absolute;  left: -40px;}
.owl-controls .owl-next{cursor: pointer; width: 32px; height: 32px; background: url(../images/you1.png) no-repeat; text-indent: 9999px; position: absolute; right: -40px;}


#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:25px ;  position: relative;  overflow: hidden;}
.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;}
.item h2{ font-size: 18px;  font-weight: normal; margin-top: 15px; }
.item:hover h2{}
.item:hover img{ transform: scale(1.05);}
.item span{ font-size: 14px; display: block; line-height: 22px; margin-top: 10px;}
.factory{ margin-bottom: 60px;}
.cptit2{ font-size: 30px; text-transform: uppercase; font-weight: bold; text-align: center; background: url(../images/titbj.png) 52.7% 20px no-repeat; letter-spacing:2px}
.cptit2 span{ font-size: 60px; color: #312cc5; margin-right: 5px;}
.factory ul li a{ display: block; font-size: 0;}
.factory ul li{ float: left; width:calc(25% - 1px); margin-right: 1px; margin-bottom: 1px;}
.factory ul li:nth-child(1){width:calc(50% - 2px);}
.factory ul li:nth-child(5){width:calc(25% - 2px); border-right:1px solid #c8c8c8 ;border-bottom:1px solid #c8c8c8 ;}
.factory ul li:nth-child(5) a h2 { font-size: 35px; color: #312cc5; margin-left: 25px; margin-top: 40px;}
.factory ul li:nth-child(5) span{ color: #a0a0a0; font-size: 16px;margin-left: 25px;margin-top: 10px; display: block;}
.view{ font-size: 14px; color: #c8c8c8; border: 1px solid #c8c8c8; width: 80px; line-height: 30px; text-align: center; margin-left: 25px; margin-top: 30px; margin-bottom: 50px;}

footer{ background: url(../images/dibj.jpg) 50% 0 no-repeat; padding: 90px 0;}
.mess{ font-family: impact; font-size: 25px; color: #555562;}
.mess span{ float: right; margin-left: 10px; width: 140px; border: 1px solid #fff; line-height: 27px; height: 36px; text-align: center;}
.mess span a{font-family: arial; font-size: 14px; color: #fff; }
.dishe{ margin-left: 120px;}
.dishe a{ display: inline-block; width: 24px; height: 24px; line-height: 24px; font-size: 16px; text-align: center; color: #2b2b33; margin: 0 3px; background: #fff; border-radius:50% ;}
.newsc{ margin-top: 60px;margin-right: 30px;}
.newsc,.newsc a{ color: #fff; }
.newsc h2{ font-size: 20px; text-transform: uppercase; font-weight: normal; margin-bottom: 20px;}
.newsc ul li{ padding: 10px 0;}
.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;}
.newsc a:hover{ color: #7ecef4;}

.wid1{ width: 30%;}
.wid1 ul li{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.wid2{ width: 20%;}
.wid3{ width: 30%;}
.wid4{ width: 10%; text-transform: uppercase;}

.md-close.guanbi{ padding: 8px 12px; background: #b50d25; position: absolute; top: -12px; right: 15px;}


.neibaner{ font-size: 0;}
.rslides li img,.neibaner img,.cpimg img,.firtu img,.whyjie ul li img,.factory ul li img,.abconte img{ width: 100%;}
.mbx{ text-align: right; background: #ebebeb; line-height: 30px;}
.mbx i {color: #2c3e50; font-size: 18px; margin-right: 5px;}
.abneir{ margin-top: 40px; margin-bottom: 60px;}
.abneir h1{ text-align: center; margin-bottom: 30px;}
.abconte{ padding: 0 10px; line-height: 28px;}
.abconte p{ margin-bottom: 10px;text-align:justify;}
.hott{ background: #ebebeb; padding: 40px 0;}
.hott h2{ text-align: center;  font-size: 30px; margin-bottom: 30px;}
.item2{margin:5px ;  position: relative;  overflow: hidden;}
.item2 a{ display:block; position:relative; font-size: 0;}
.item2 img{width:100%;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;}
.item2 .img{position: relative; overflow: hidden;}
.item2:hover img{ transform: scale(1.05);}
.item2 span{ font-size: 16px; display: block; text-align: center; line-height: 22px; margin-top: 10px;}

.abconte iframe{width:80%; display:block; margin:0 auto; height:580px;}

.main {  display: flex; flex-wrap: wrap; margin-bottom: 60PX; }
.main li { flex-direction: row; display: block;  width: 31.5%; margin:10px; 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(37,170,226,0.7); padding-top: 20%; -ms-transform: scale(0,0);
-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-o-transform: scale(0,0);-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: 35px;}
.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%;}

.lianbj{ background: #ecf5fc; padding: 60px 0;}

.info{ width: 50%;}
.info h2{ font-size: 20px; font-weight: normal; font-family: impact;}
.info ul{ margin-top: 30px;}
.info ul li{ padding-left: 40px; font-size: 18px; line-height: 36px; margin-bottom: 15px;}

.info ul li a:hover{ color: #0072b3; text-decoration: underline;}
.info ul li:nth-child(1){ background: url(../images/fs1.png) 0 52%no-repeat;}
.info ul li:nth-child(2){ background: url(../images/fs1.png) 0 50%no-repeat;}
.info ul li:nth-child(3){ background: url(../images/fs1.png) 0 50%no-repeat;}
.info ul li:nth-child(4){ background: url(../images/fs2.png) 0 50%no-repeat;}
.info ul li:nth-child(5){ background: url(../images/fs4.png) 0 52%no-repeat;}
.info ul li:nth-child(6){ background: url(../images/fs4.png) 0 52%no-repeat;}
.conmes{ width: 40%;}
.context{  margin-bottom: 10px; font-size: 16px;  padding-left: 10px; height: 44px; line-height: 44px; width: 96%;}
.conate{margin-bottom: 10px;  padding-left: 10px;font-size: 16px; border: none; height: 90px; width: 96%; font-family: arial; padding-top: 8px;}
.consend{background: #2184bd; margin-left: 2px; border-radius:6px ; padding: 10px 30px; text-transform: uppercase; font-size: 14px; cursor: pointer; color: #fff;}
.maps{ font-size: 0;}
.maps img{ width: 100%;}

.newti{ font-size: 30px; font-weight: bold; margin-top: 25px; text-align: center;}
.newul{  text-align: center; margin-top: 30px; margin-bottom: 20px;}
.newul li{ overflow: hidden; display: inline-block; width: 44%; margin: 20px; background: #fff; padding: 10px 15px; box-shadow: 2px 4px 12px 0px #c0c0c0;}
.riqi{ width: 17%; border-right:1px solid #f1f1f1 ; margin-top: 5px;}
.riqi span{ display: block; text-align: center;}
.riqi span:nth-child(2){ font-size: 60px;}
.newtr{ width: 80%; text-align: left;}
.newtr h2{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #626262;}
.newtr span{ display: block; line-height: 22px; margin-top: 5px; color: #a0a0a0;}

.cpflei{width:23%; margin-top: 60px;}
.cplietit{ 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:#023365}
.menu_head{display:block;padding:20px 0 20px 20px;text-decoration:none;color:#fff;border-bottom:1px solid #fff}
.menu_head a{color:#fff}
.menu_head em{float:right;margin-right:15px}
.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}

.prolist h1{ font-family: impact; font-size: 30px; font-weight: normal;text-align: center;  padding: 10px 0; border: 1px solid #3c3c3c; border-left:none ;border-right:none ;}
.prolin li{ margin-bottom: 15px; overflow: hidden;}
.cplietu{ width: calc(34% - 2px); border: 1px solid #eee;  float: left; overflow: hidden;}
.cplietu img{ width:100%;-ms-transform: scale(0,0);-webkit-transition: all 0.8s;-o-transition: all 0.8s;-moz-transition: all 0.8s;}
.pronei{ width: 62%; height: 190px; background: #eeeeee; padding:20px 12px;}
.conte2{padding-bottom:30px; width:75%; margin-top: 60px;}
.pronei h2{ font-size: 20px; border-bottom: 1px solid #3c3c3c; padding-bottom: 15px;}
.pronei h2 span{ font-weight: normal; font-size: 12px; text-transform: uppercase; color: #fff; background: #3c3c3c; padding: 0px 15px; float: right; line-height: 20px;}
.neircp{ display: block; line-height: 30px; margin-top: 15px; font-size: 15px;}
.prolin li:hover a{ color: #3c3c3c;}
.prolin li:hover h2{ text-decoration:underline; color: #006f96;	}
.prolin li:hover .cplietu img{ transform: scale(1.05,1.05);}


.qieh{ width: 43%;}
.cpmiaoshu{ width: 49%; margin-top: 20px;}
.cpmiaoshu h1{ font-size: 22px;}
.cpmiaoshu span{ line-height: 24px; display: block; margin-top: 20px;text-align: left;}
.cpshequ{ margin-top: 30px;}
/*.cpshequ a{ display: inline-block; width: 36PX; height: 36PX; border-radius:4px ; text-align: center; font-size: 20px; color: #fff; background: #fb9a00; line-height: 36px;}
.cpshequ a:nth-child(1){ background: #3d5a98;}
.cpshequ a:nth-child(2){ background: #33506c;}
.cpshequ a:nth-child(3){ background: #1e8bd5;}
.cpshequ a:nth-child(4){ background: #ca2127;}*/
.cpanniu{ margin-top: 20px;}
.cpanniu a{ display: inline-block; padding: 9px 40px; color: #fff; background: #041e43; font-size: 16px; margin-right: 15px; border-radius:6px ;}
.cpanniu a:nth-child(2){ background: #2b2dc9;}

.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: 60px; padding: 0 10px;}
.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;text-align: justify; text-indent: 2em;}

.saiscon {max-width: 1200px; margin: 0 auto; position: relative; overflow:hidden; margin-bottom: 30px;}
.saislide {	width: 100%;	min-height: 180px;	overflow: hidden;}
.saislide .img {overflow: hidden;position:absolute;	transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s; font-size: 0;}
.saislide .img img {	width: calc(100% - 2px);	height: calc(100% - 6px);border: 1px solid #3c3c3c; 		/*margin: 7px;*/}
.saislide .img1 {width: 32%;	top: 22%;	left: 10%;	z-index: 1; overflow: hidden;	}
.saislide .img2 {	width: 40%;	top: 17%;	left: 16%;	z-index: 2; overflow: hidden;	}
.saislide .img3 {	width: 50%;	top: 10%;	left: 25%;	z-index: 3; overflow: hidden; border-radius:12px ;	}
.img3 img{border-radius:12px ; }
.saislide .img4 {	width: 40%;	top: 17%;	right: 16%;	z-index: 2; overflow: hidden;	}
.saislide .img5 {	width: 32%;	top: 22%;	right: 10%;	z-index: 1; overflow: hidden;	}
.left,.right {	width: 57px;	margin: 34px;	position: absolute;	top: 35%;	z-index: 9999;	border: 0;}
.left {	left: 0;}
.right {right: 0;}


#owl1pro{ margin-bottom: 30px; width: 80%;}
.prolinject li{ margin-bottom: 25px; overflow: hidden;}
.cplietu2{ width: 20%; float: left; overflow: hidden;}
.cplietu2 img{ width:100%;-ms-transform: scale(0,0);-webkit-transition: all 0.8s;-o-transition: all 0.8s;-moz-transition: all 0.8s;}
.pronei2{ width: 77%; height: 140px; background: #eeeeee; padding:20px 12px;}
.conte2{padding-bottom:30px; width:75%; margin-top: 60px;}
.pronei2 h2{ font-size: 20px; border-bottom: 1px solid #3c3c3c; padding-bottom: 15px;}
.pronei2 h2 span{ font-weight: normal; font-size: 12px; text-transform: uppercase; color: #fff; background: #3c3c3c; padding: 0px 15px; float: right; line-height: 20px;}
.neircp2{ display: block; line-height: 30px; margin-top: 15px; font-size: 15px;}
.prolinject li:hover a{ color: #3c3c3c;}
.prolinject li:hover h2{ text-decoration:underline; color: #006f96;	}
.prolinject li:hover .cplietu2 img{ transform: scale(1.05,1.05);}

.fonts{ font-size: 0;}
.progu{ position: absolute; background: rgba(0,0,0,0.5); bottom: 0; left: 0; right: 0; top: 87%; color: #fff;}
.item3{position: relative;  overflow: hidden;}
.item3 a{ display:block; position:relative; font-size: 0;}
.item3 img{display:block;width:100%;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;}
.item3 .img{position: relative; overflow: hidden;}
.item3:hover img{ transform: scale(1.05);}
.progu h2{padding: 10px 10px 0 10px;}
.item3 span{ font-size: 16px; display: block;line-height: 22px;  padding: 10px;}

.lianjiebt{ text-align: center;}
.lianjiebt span{    display: inline-block;  padding: 5px 30px;  background: #e50101;  color: #fff;  margin: 20px;  font-weight: bold;  border-radius: 5px;}
.lianjiebt span a{ color: #fff;}
.blocp{ display: none;}

.abconte video{width: 640px; height:480px; margin:0 auto; display:block}

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

	.zt{ width: 100%;}
	.topcon span{ margin-right: 15px;}
	.topp{ line-height: 30px;}
.logo{ width: 20%;}
.wenb{ display: none;}
nav{  margin-top: 10px; line-height: 80px;  }
.xla,.dixia{ position: relative; width: 100%;}
.xla{ left: 0;}
.xla2{ display: none;}
nav ul li:hover .xla{ display: none;}
nav ul li i{ top: 10px; }
nav ul li a{ padding: 0 12px;}
nav ul li>.xla ul li i{ display: none;}
.owl-controls .owl-prev{ left: -18px;}
.owl-controls .owl-next{ right: -18px;}
.cptit,.cptit2{ background: url(../images/titbj.png) 54% 20px no-repeat; }
.zhiding{ background-size:cover ;}
.cpfenlei li{ width: 32%; padding:10px 0px; line-height: 20px; margin-bottom: 2px;}
.cpulul li{ width: 30.4%;}
.firwei{ padding-top: 20px; }
.firwei span{font-size: 12px; margin-top: 6px;}
.firstone ul li:last-child{ display: none;}
.whylist ul li:nth-child(2n){ margin-left: 0; margin-bottom: 10px;}
.whylist ul li  h2:after{ width: 100%;}
.whylist ul li:hover h2{ color: #3c3c3c;}
.whyjie ul{ margin-top: 20px;}
.item{ margin: 10px;}
.whychoose{ background-position:0 0 ;}
.whyjie,.whylist{ float: none; width: 96%; margin: 0 auto;}
.whyjie h2{ margin-bottom: 20px; text-align: center;}
#newtab7,#newtab8,#newtab9,#newtab10,#newtab11,#newtab12{ display: none;}
.jieshao{ margin-left: 50px;}
.shipi{ margin-right: 15px;}
.shipi img{ width: 100%;}
.factory ul li:nth-child(5) a h2 { font-size: 20px; margin-top: 20px;}
.abjian{ padding: 30px 0;}
.view{ margin-top: 5px; margin-bottom: 12px;}
.wid1{ width: 25%; margin-left: 5px;}
.mess{    margin-left: 10px;}
.wid3{ width: 26%;}
footer{ padding: 50px 0;}
.daonav li a{ padding: 0 4px;}
.lowen a{ font-size: 22px;}
.main li { width: 31%;  margin: 5PX;}
.fangda{ position: relative; color: #3c3c3c; transform: scale(1,1); background: none; padding-top: 0; right: 0; left: 0; bottom: 0; top: 0;}
.fangda i{ display: none;}
.fangda p{ color: #3c3c3c; margin-top: 10px;}
.conmes{ margin-left: 20px;}
.maps{ display: none;}
.newul li{ margin: 10px; width: 42%;}
.cplietu{ width: 32%;}
.neircp{ height: 50px; overflow: hidden;}
.pronei{ height: auto;}
.qieh{ width: 53%;}
.cpmiaoshu{ width: 42%; margin-top: 0px;}
.cpmiaoshu span{  overflow: hidden; padding-right:10px ;}
.cpshequ a{ margin-bottom: 10px;}
.cpanniu a{ margin-bottom: 10px; padding: 9px 35px;}
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;}
.cpdeta img{ width: 100%;}
.saislide .img3 {	width: 60%;	top: 0%; left:20%}
.saislide .img2{ width: 40%; left: 10%;}
.saislide .img4{ width: 40%; right: 10%;}
.saislide .img1 {width: 32%;	top: 22%;	left: 50%;	z-index: 1; overflow: hidden;	}
.saislide .img5 {	width: 32%;	top: 22%;	right: 50%;	z-index: 1; overflow: hidden;	}
.left,.right {	width: 37px;	margin: 34px;	position: absolute;	top: 35%;	z-index: 9999;	border: 0;}
.left{ left: -40px;}
.right{ right: -40px;}

.cplietu2{ width: 32%;}
.neircp2{ height: 50px; overflow: hidden;}
.pronei2{ width: 60%; }
#owl1pro{  width: 90%;}
.item3{ margin: 5px;}
#owl1pro .owl-controls .owl-prev{ left: -28px;}
#owl1pro .owl-controls .owl-next{ right: -28px;}
.progu{ top: 0%; position: relative;}
.daonav li .xla{  position: relative; top: 100%; left: 0px;  width: 100%; }
.daonav li .xla ul li i{ display: none; }
.daonav li:hover .xla{ display: none;}

nav ul li:hover i{ color: #fff;}
.xla ul li{ width: 100%; padding: 0;}
.xla>ul>li:hover>.xla2{ display: none;}
.zhiding{ display: none;}
.firstone ul li:hover .firwei{ opacity: 1;-webkit-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);-moz-transform: scale(1,1);}
.nonwu{ display: none;}
.miao{ position: relative; display: block; opacity: 1; background: none; border: none; height: 38px; background: #c2ddeb; padding: 5px;}
.miao:before{ display: none;}
.miao span{ display: none;}
.miao h2{ margin-top: 2px; color: #333; text-transform: inherit; font-size: 16px;}
.cpulul li:hover .miao h2{ margin-top: 0px;}
.whychoose{ background-size:cover ;}
.cpulul li:hover .miao h2{ margin-top: 10px;}
.video_content{ width: 70%; height: 330px;}
.pronei2 h2{ height: 36px; overflow: hidden;}
.riqi span:nth-child(2){ font-size: 50px;}
.abconte iframe{width:96%; height:300px;}
}
@media only screen and (max-width:480px ) {
	.zt{ width: 100%;}
	.logo{ width:96%; float: none; margin: 0 auto; padding-top: 10px;}
.logo img{ width: 24%;}
.video_content{ width: 100%; }
.wenb{  display: none;}
.cptit{ margin-top: 5px;}
.cpfenlei{ margin-top: 10px;}
.cptit,.cptit2{ background: url(../images/titbj.png) 60% 20px no-repeat; }
.wenb h2{ width: 100%; font-size: 22px; border-bottom: none; margin-top: 10px;}
.wenb span{ line-height: 15px; display: none;}
.topcon{ float: none; text-align: center; width: 100%;}
.share{ float: none; width: 150px; margin: 0 auto; overflow: hidden;}
.bbh{ float: none; width: 168px; margin: 0 auto;}
.topp{ padding-bottom: 5px;}
	nav{ float: none; width: 100%; margin-top: 10px; line-height: 40px; position: relative;  }
nav ul{ display: none; background: #041e41;}
nav ul li{ line-height: 40px; display: block; float: none; text-align: center; border: none;}
nav ul li a{  padding: 0 ; color: #fff;}
nav ul li:nth-child(3) a{display: inline-block;}
nav ul li:nth-child(3) .xla a{ display: block;}
nav ul li i{ color: #fff;}
.xla{ width: 100%;}
.caidan{ display: block; position:absolute; top:-65px; right: 15px; z-index: 9999; padding: 5px 0; font-size: 26px; }
.cpfenlei li{ margin-bottom: 10px;}
/*.cpfenlei li:nth-child(2),.cpfenlei li:nth-child(3),.cpfenlei li:nth-child(4),.cpfenlei li:nth-child(5),.cpfenlei li:nth-child(6){ display: none;}
*/
.cpfenlei li:nth-child(4),.cpfenlei li:nth-child(5),.cpfenlei li:nth-child(6),.cpfenlei li:nth-child(7),.cpfenlei li:nth-child(8),.cpfenlei li:nth-child(9){ }
.abconte video{width: 100%; height:240px; margin:0 auto;}
.cpulul{ margin-top: 15px;}
.cpfenlei li{ width: 47%;}
.wuyou-waiter{display:none}
.whylist ul li  h2{ font-size: 20px;white-space:inherit }
.abjian{background: url(../images/jjbj.jpg) 0% 0 no-repeat;/* background: none; *//* padding: 0; */background-size: cover;}
.shipi h2{ font-size: 30px; text-align: center;}
.shipi,.jieshao{ float: none; width: 96%; margin: 0 auto;}
.nonwu2,.nonwu{ display: none;}
.cpulul li{ width: 45%;}
.readm{ margin: 0 auto; margin-top: 15px;}
.pinpai{ width: 96%; margin:0 auto;margin-top: 30px; margin-bottom: 30px;}
.factory ul li{ width: calc(50% - 1px);}
.factory ul li:nth-child(1){ width: calc(100% - 2px);}
.factory ul li:nth-child(5){width: calc(50% - 2px); border: none;}
.view{ margin-bottom: 25px;}
footer{ background-size:cover ;}
.dishe{ margin-top: 26px;}
.wid1{ width: 94%; margin: 0 auto; float: none; margin-top: 30px; }
.wid2{ display: none; width: 96%; margin-right: 0;}
.wid3{ width: 96%; margin: 0 auto; float: none; margin-top: 30px;}
.wid4{ display: none;}
.mess{    margin-left: 10px;}
.mess span{ margin-top: 15px; margin-right: 10px;}
.lowen{ font-size: 18px; float: none; padding-left: 10px;}
.daonav{ display: none; float: none; width: 100%; margin-top: 20px;}
.caidan2{ display: block; font-size: 24px;  text-align: right; margin-top: 5px; position: absolute; top: -4px; right: 10px;}
.daonav li { display: block; text-align: center;}
.daonav li i{ color: #000; display: block;}
.dixla{ position: relative; width: 100%;}
.zhiding{ background-size:cover ;}
.zhiding ul li{ width: calc(33% - 1px); border-bottom: 1px solid #507294;}
.zhiding ul li:nth-child(3){ border-right:none ;}
.zhiding ul li:nth-child(4),.zhiding ul li:nth-child(5){ border-bottom: none; width: calc(50% - 1px);}
.firstone ul li{ width: 33%;}
.jieshao span{ margin-top: 20px; line-height: 30px;}
.shipi h2{ margin-top: 20px;}
.vvideo{ margin-top: 20px;}
.video_index{ height: 246px;}
.main{ justify-content: center;}
.main li { width: 45%;  margin: 5PX;}
.info,.conmes{ float: none; width: 96%; margin: 0 auto;}
.newul li{ width: 86%; margin: 0 auto; margin-bottom: 10px;}
.cpflei,.conte2{ width: 96%; float: none; margin: 0 auto;}
.conte2{ margin-top: 20px;}
.cpflei{ margin-bottom: 20px;}
.pronei,.pronei2{ width: 60%; padding: 5px 10px;}

.pronei2{ width: 60%; height: auto;}
.neircp,.neircp2{ line-height: 22px; height: 47px;}
.qieh,.cpmiaoshu{ width: 96%; float: none; margin: 0 auto;}
.cpdeta,.cpmiaoshu span{ padding: 0;}
.cpmiaoshu{ margin-top: 20px;}
.left,.right {	width: 37px;	margin: 34px;	position: absolute;	top: 25%;	z-index: 9999;	border: 0;}
.left{ left: -40px;}
.right{ right: -40px;}
.whylist ul li span{ width: 35px; height: 35px; margin-right: 6px;border: 1px dotted #041e41; padding: 2px;}
.whylist ul li h2{ padding-top: 5px; font-size: 16px;}
.whylist ul li:nth-child(2n){ margin-left: 0; margin-top: 6px; margin-bottom: 6px;}
.factory{ margin-bottom: 20px;}
.daonav li i{ top: 20px;}
.blocp{ display: block;}
.abneir h1{ font-size: 20px;}
.pronei h2{ font-size: 18px;}
.neircp{ font-size: 13px;}
.cpulul li:hover .miao h2{ margin-top: 0px;}
.backtop{ right: 15px;}

.shipi iframe{ height: 210px;}

}
@media only screen and (max-width:1200px )  and (min-width:769px ) {
	.zt{ width: 100%;}
	nav ul li a{ padding: 0 12px;}
	.video_content{ width: 70%;}
	.cpulul li{ width: 30%;}
	.firwei{ padding-top: 20px;}
	.shipi{ margin-right: 45px;}
	.jieshao{ margin-left: 50px;}
	.newsc{ margin-right: 10px;}
	.mequ{ margin-left: 15px;}
	.wid1{ margin-left: 15px;}
.logo h2{ width: 270px;}
	.main{ justify-content: center;}
	.main li { width: 24%;  margin: 5PX;}
	.fangda{ position: relative; color: #3c3c3c; transform: scale(1,1); background: none; padding-top: 0; right: 0; left: 0; bottom: 0; top: 0;}
.fangda i{ display: none;}
.fangda p{ color: #3c3c3c; margin-top: 10px;}
.conmes{ margin-left: 20px;}
.newul li{ margin: 10px; width: 42%;}
.tb-thumb li{ width: 15%;margin: 0 2px;}
.tb-thumb .tb-selected{ height: auto; }
.tb-s40, .tb-s40 a{width:100%;height:auto;}
.cpmiaoshu{ width: 54%; margin-top: 0px;}
#owl1pro{  width: 60%;}
.xla>ul>li:hover>.xla2{ display: none;}
.cpfenlei li{ margin: 0 2px 10px 0;}
.whylist ul li:hover h2{ color: #3c3c3c;}
}