@import url(iconfont.css);
@import url(animate.min.css);
@import url(swiper.min.css);
*{ margin: 0; padding: 0; box-sizing: border-box; }
body{margin:0;font-family:"Microsoft Yahei","Source Han Sans CN",Arial,PingFangSC-Regular,"Helvetica Neue",Helvetica,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height:1.42857143;font-size:14px;min-width:1230px;background:#fff;color:#333}

em,i{ font-style: normal; }
a{color:#333;text-decoration:none}
a:hover{color:#0d7dbd}
ul{list-style:none;}

.clearfix{zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}

.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}

.container{  margin:0 auto; width: 1200px; }

.header{width: 100%; height: 100px; padding: 0 10px; background-color:#FFF;   }
.header .logo{ float: left; width:450px; line-height: 100px; text-align: left; }
.header .nav{font-size:0; float: right; padding: 25px 0; }
.header .nav li{ display: inline-block; }
.header .nav li a{display:block;font-size:15px; height: 50px; font-weight: bold; transition: 0.8s; color: #333; position: relative;  overflow: hidden;}
.header .nav li span{ display:block; padding: 0 30px; line-height:50px;  transition: 0.8s; }
.header .nav li i{display:block; padding: 0 30px; line-height:50px; background: #333; color: #FFF; transition: 0.8s; position: absolute;left: 0; top:-60px; }
.header .nav li a:hover i,.header .nav li.active a i{ top:0; }

.menu-btn{display:none;padding:12px 0; position: absolute; right: 10px; top:10px;  }
.menu-btn:before,.menu-btn:after,.menu-btn span{display:block;height:2px;background-color:#dc0000;content:''}
.menu-btn:before{width:24px}
.menu-btn:after{width:24px;}
.menu-btn span{width:24px;margin:6px 0 6px 0}

.banner{ background: url(../images/banner.jpg) no-repeat center; height: 504px; padding-top: 102px; }
.banner .text{ float: left; width: 560px; margin-top: 80px;  color: #FFF; }
.banner .text .en{ font-size: 24px; letter-spacing: 5px; }
.banner .text h2{ font-size: 32px; margin:5px 0; }
.banner .text p{ font-weight: bold; }
.banner .focus{ float: right; width: 400px; height: 300px; }

.in-lanmu{ margin-top: -80px; }
.lanmu1{ display: flex; justify-content: center; align-items: center; color: #FFF; padding: 8px 0; }
.lanmu1 li{ flex:1; display: flex; justify-content: center; align-items: center; }
.lanmu2 li{ float: left; width: 10%; }
.lanmu2 li a{ display: block; text-align: center; line-height: 186px; color: #FFF; font-weight: bold; }
.lanmu2 li:first-child a{ background-image:url(../images/lanmu-bg1.jpg); }
.lanmu2 li:nth-child(2) a{ background-image:url(../images/lanmu-bg2.jpg); }
.lanmu2 li:nth-child(3) a{ background-image:url(../images/lanmu-bg3.jpg); }
.lanmu2 li:nth-child(4) a{ background-image:url(../images/lanmu-bg4.jpg); }
.lanmu2 li:nth-child(5) a{ background-image:url(../images/lanmu-bg5.jpg); }
.lanmu2 li:nth-child(6) a{ background-image:url(../images/lanmu-bg6.jpg); }
.lanmu2 li:nth-child(7) a{ background-image:url(../images/lanmu-bg7.jpg); }
.lanmu2 li:nth-child(8) a{ background-image:url(../images/lanmu-bg8.jpg); }
.lanmu2 li:nth-child(9) a{ background-image:url(../images/lanmu-bg9.jpg); }
.lanmu2 li:nth-child(10) a{ background-image:url(../images/lanmu-bg10.jpg); }
.in-lanmu .pic{ background: #232323; padding: 10px; margin-bottom: 70px; }

.in-about{ background: url(../images/bg1.jpg) no-repeat center /cover; padding: 90px 0 70px; margin-top: 70px; }
.in-about .text{ margin-left: 54%;  }
.in-about .text h2{ font-size: 36px; color: #1a304a; position: relative; padding-bottom: 18px; }
.in-about .text h2:before{ position: absolute; bottom: 0; left: 0; width: 66px; height: 3px; background: #1a304a; content:''; }
.in-about .text p{ margin-top: 30px; line-height: 30px; }
.in-about .text .more{ margin-top: 30px; }
.in-about .text .more a{ display: inline-block; border: 1px solid #273856; color: #273856; padding: 0 50px; line-height: 42px; border-radius: 21px; }
.in-about .text .more a:hover{ background: #273856; color: #FFF; }

.in-contact{ background: url(../images/bg2.jpg) no-repeat center /cover; padding: 60px 0; color: #FFF;  }
.in-contact-left{ float: left; width: 350px; padding-top: 100px; }
.in-contact-left h2{ font-size: 36px; color: #FFF; position: relative; padding-bottom: 18px; }
.in-contact-left h2:before{ position: absolute; bottom: 0; left: 0; width: 66px; height: 3px; background: #FFF; content:''; }
.in-contact-left .text{ margin-top: 30px; line-height: 30px; }
.in-contact-right{ margin-left: 350px; }
.in-contact-right .text{ padding: 0 130px; }

.footer{background: #282828; color: #FFF; padding: 50px 0; }
.footer-con{ display: flex; justify-content: center; align-items: center; }
.footer-con .flogo img{ height: 60px; }
.footer-con .fnav{ margin:0 150px; }
.footer-con .fnav a{ margin:0 5px; color: #FFF; }
.footer-con .copyright{ font-weight: bold; line-height: 25px;}
.footer-con .copyright a{  color: #FFF;}

.banner-sub{ background: url(../images/banner.jpg) no-repeat center; height: 330px; padding-top: 60px; }
.banner-sub .text{ float: left; width: 560px; margin-top: 50px; background: url(../images/icon1.png) no-repeat top right; color: #FFF; }
.banner-sub .text .en{ font-size: 24px; letter-spacing: 5px; }
.banner-sub .text h2{ font-size: 32px; margin:5px 0; }
.banner-sub .text p{ font-weight: bold; }
.banner-sub .focus{ float: right; width: 320px; height: 240px; }

.section-sub{ padding: 30px 0; }

.curmbs{ margin-top: 20px; border-bottom: 1px solid #e4e4e4; }
.curmbs-con{ display: flex; justify-content: space-between; align-items: center; height: 50px;}
.curmbs-con .sub-tit{ font-size: 24px; color: #185583; }
.lanmu{ font-size: 0; }
.lanmu li{ display: inline-block; }
.lanmu li a {display: block; line-height: 50px; padding: 0 40px; font-size: 15px; border-bottom: 3px solid transparent;}
.lanmu li a:hover,.lanmu li.active a{ border-bottom: 3px solid #0d7dbd;  }

.list-1 li a{ display: block; margin-bottom: 20px; background: #f7f7f7; border-bottom: 1px dashed #cccccc; overflow: hidden;}
.list-1 li .img-cover{ float: left; width: 230px; height: 160px;}
.list-1 li .img-cover span{ border: 15px solid #eaeaea; }
.list-1 li .text{float: left; width: 670px; margin-left: 30px; padding: 40px 0; transition: 0.5s; }
.list-1 li .text h2{ font-weight: normal; font-size: 16px; color: #666; margin-bottom: 12px; }
.list-1 li .text p{ color: #a2a2a2; line-height: 22px; }
.list-1 li .more{ float: right; margin-top: 58px; margin-right: 100px; transition: 0.5s; display: inline-block; padding: 0 25px; line-height: 35px; border-radius: 17px; border: 1px solid #dedfe1; color: #ccc; }
.list-1 li a:hover .img-cover span{ border: 15px solid #cccccc; }
.list-1 li a:hover .text{ margin-left: 50px; }
.list-1 li a:hover .more{ margin-right: 60px; background: #dedfe1; color: #FFF; }

.ct-sd{ float: left; width: 240px; }
.ct-sd .tits{ background: #273856; color: #FFF; padding: 0 24px; line-height: 50px; font-size: 16px; }
.ct-sd li a{ display: flex; justify-content: space-between; align-items: center; color: #444; padding: 0 35px; height: 50px; }
.ct-sd li a:hover{ background: #e9e9e9; }
.ct-mn{ margin-left: 260px; }
.ct-mn .tits{ font-size: 28px; margin-bottom: 8px; }

.list-2{ border: 1px solid #f0f0f0; padding: 17px; }
.list-2 ul{ margin:0 0 0 -14px; }
.list-2 li{ float: left; width: 25%; }
.list-2 li a{ display: block; margin:0 0 14px 14px; text-align: center; border: 1px solid #c8c8c8; padding: 10px;  }
.list-2 li .img-cover{ padding-top: 75%; }
.list-2 li .text{  padding: 10px 0; color: #333; }
.list-2 li a:hover .text{ border-color:#dd0808}
.list-2 li a:hover .img-cover span{ transform: scale(1.1); }

.yunu-infocontent-title{margin-bottom:20px;}
.yunu-infocontent-title h1{font-size:28px; font-weight: normal; text-align:center; border-bottom: 1px dashed #ccc; padding: 25px 0; background: #efefef;}
.yunu-infocontent-title p{margin:10px 0 0;color:#999}
.yunu-infocontent-title p span{padding:0 5px}

.yunu-infocontent-body{line-height:2;margin-bottom:20px; color: #707070; padding: 20px;}
.yunu-infocontent-body img{max-width:100% !important;height:auto !important;width:auto !important}
.yunu-infocontent-epx{ display: flex; align-items: center; flex-wrap: wrap; border: 1px dashed #ccc; height: 70px; padding:20px;}
.yunu-infocontent-epx li{ flex:1; }
.yunu-infocontent-epx li:last-child{ text-align: right; }

.yunu-showcase{ overflow: hidden;}
.pc-slide{float:left;width:514px;}
.yunu-showcase-info{ margin-left: 540px;}
.yunu-showcase-info h1{font-size:16px;}
.yunu-showcase-info h2{ font-weight: normal; font-size: 14px; border-bottom: 1px solid #ddd; padding: 10px 0;}
.yunu-showcase-info .desc{margin:5px 0 0;color:#666;line-height:1.8;min-height:250px}
.yunu-showcase-info .tel{border-top:2px solid #e6e6e6;margin-top:15px;padding-top:15px;height:42px;line-height:21px;font-size:18px;display: block;}
.yunu-showcase-info .tel strong{color:#3981d3}
.yunu-showcase-info .tel a{float:right;line-height:42px;padding:0 25px;background-color:#3981d3;color:#fff}

.prod-menu{ margin: 20px 0 0; overflow: hidden; }
.prod-menu li{float:left;margin-right:7px}
.prod-menu li a{display:block;padding:0 24px;line-height:50px;font-size:16px;}
.prod-menu li.active a{color:#FFF; background: #273856;}

.message { display: flex; justify-content: center;}
.message .img-center{  width: 300px; }
.message .feedback{ width: 460px; margin-left: 100px; }
.message .feedback .label{ display: flex; align-items: center; margin-bottom: 14px; }
.message .feedback .label2{ align-items: flex-start; }
.message .feedback .label span{ width: 80px; text-align: right;margin-right: 10px; }
.message .feedback .label input{ flex:1; height: 30px; border: 1px solid #f0f0f0; padding-left: 10px; outline: none; }
.message .feedback .label textarea{  flex:1; height: 148px; border: 1px solid #f0f0f0;padding: 10px; outline: none; }
.message .feedback button{ display: inline-block; padding: 0 25px; background: #0d7dbd; line-height: 40px; border: none; color: #FFF; font-size: 16px; margin-left: 90px;  }

.section-title{ text-align: center; margin-bottom: 20px; }
.section-title strong{ font-size: 24px; font-weight: normal; }

.contact-1{ text-align: center; }
.contact-1 h2{ font-size: 28px; }
.contact-1 p{ font-size: 16px; }

.contact-2{ height: 118px; display: flex; justify-content: center; align-items: center; margin-top: 45px; border: 1px solid #ccc; }
.contact-2 li{ flex:1; height: 100%; font-size: 18px; display: flex; justify-content: center; align-items: center; border-left: 1px solid #ccc; }
.contact-2 li i{ font-size: 36px; margin-right: 10px; }
.contact-2 li .text span{ display: block; font-weight: bold; font-size: 20px; }

.contact-3{margin:40px 0; background: url(../images/xiankuang.png) no-repeat center}
.contact-3 .img-center{ margin-bottom: 20px; }

#allmap{ height: 350px; border: 1px solid #ccc; }

.kf{width:208px;position:fixed;right:-208px;top:50%;transform:translateY(-50%);z-index:10}
.kt-top{height:40px;line-height:40px;background:url(../images/kefu.png) 12px center no-repeat #3981d3;-ms-background-size:auto 20px;background-size:auto 20px;padding-left:46px;font-size:14px;color:#fff}
.kt-top span:hover{transform:rotate(90deg)}
.kt-top span{width:18px;height:16px;float:right;position:relative;margin:10px 10px 0 0;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.kt-top span b{width:100%;height:2px;background:#fff;display:block;position:absolute;top:50%;left:0}
.kt-top span b:first-child{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}
.kt-top span b:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.kf .con{overflow:hidden;background:#fff}
.kf .qq li{height:36px;line-height:36px;border-bottom:#f5f5f5 solid 1px;padding-left:16px}
.kf .qq li a{height:36px!important;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:initial;display:block}
.kf .qq li a img{padding-right:6px}
.kf .con h5{height:26px;line-height:26px;margin-top:12px;background:url(../images/lianxi.png) 16px center no-repeat;padding-left:45px;color:#666;font-size:14px;margin-bottom:0}
.kf .contact{margin-top:1px;height:auto;background-color:#fff}
.kf .contact p{height:26px;line-height:26px;color:#666;font-size:14px;padding-left:22px;margin:0}
.kf .contact p:nth-child(2n){padding-left:32px}
.kf .con h5.qr-icon{background:url(../images/erweima.png) 16px center no-repeat}
.kf .con .qr{margin-top:10px;padding-left:40px}
.kf .con .qr img{width:110px;height:110px}
.kf .backTop{width:100%;height:40px;margin-top:10px;background:url(../images/huidaodingbu.png) center center no-repeat #3981d3;background-size:18px auto;cursor:pointer}
.kf-side{padding:18px 10px 10px;background:#3981d3;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);left:-34px;cursor:pointer}
.kf-side b{display:block;color:#fff;line-height:18px;font-size:14px;font-weight:400}
.kf-side span.arrow{width:12px;height:12px;background:url(../images/jt-1.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;display:block;margin-top:10px}
.kf-side span.on{background:url(../images/jt-2.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px}