*{margin:0; padding:0;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;font-size: 14px;background: #fff;color: #333;}
h1,h2,h3,h4,h5{ font-weight:normal; padding:0; margin:0;}
a {color: #333;text-decoration: none;}
a:hover {color: #0e75c8;}
li{list-style:none;}
img{display:block; max-width:100%; }
em{font-style:normal;}
h1,h2,h3,h4{font-weight:normal; font-size:14px;}
.fl{float:left}
.fr{float:right}
.clear{clear:both; }
.container {padding: 0;width: 1200px;margin: 0 auto;}
.pc{display:block;}
.pcshow{display:block;}
.mobileshow{display:none;}
.imghover{-webkit-transition: all linear 0.4s; transition: all linear 0.4s; z-index: 10; }
.imghover:hover{ z-index: 10; -webkit-transform: scale(1.15);-moz-transform: scale(1.15);transform: scale(1.15); }
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}
::-webkit-scrollbar{width:8px;height:10px}
::-webkit-scrollbar-track{border-radius:0;background:#fff;}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);}
::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.4);background-color:#03459b;}

.header{padding:15px 3%; display:flex; justify-content:space-between; position:fixed; top:0; left:0; right:0; z-index:9999; background-color:#fff;}
.header .logo{width:25%; }
.header .logo img{height:70px;}
.header .nav{display:flex; justify-content:space-around;}
.header .nav li{ flex:1; font-size:14px;text-align:center;line-height:70px;position:relative;margin:0;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.header .nav li:hover,.header .nav li.hover{background-color:#006db8;}
.header .nav li:hover .a1,.header .nav li.hover a{color:#fff;}
.header .nav li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.header .nav .a1{display:block;text-align:center;position:relative;color:#555; width:140px; font-size: 17px; font-weight:bold;}
.header .nav .arrow::after{content:""; width:12px; height:6px; background:url(/assets/images/arrow-down.png) no-repeat center center; position:absolute; top:34px; margin-left: 8px;}
.header .nav .subnav{position: absolute;left: 0px; z-index: 199;opacity: 0;visibility: hidden;height: auto; border-top:1px solid #fff; overflow: hidden;width: 100%; padding:10px 0; background-color:#006db8; transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.header .nav .subnav a{display:block;height:35px;line-height:35px;text-align: center; color: #fff !important; overflow:hidden; }
.header .nav .subnav a:hover{  color: #fff !important; background-color:#005b9a}
.header .nav .subnav.big{width:120%; left:-10%;}
.header .nav .lan{ }
.header .nav .lan .a1{ height:70px; color: #006db8; /*background:url(/assets/images/lan.png) no-repeat center center;*/ }
.header.smallheader{ padding: 5px 3%; background-color:#fff; }
.header.smallheader .logo{height:45px;}
.header.smallheader .logo img{height:45px;}
.header.smallheader .nav li{line-height:50px;}
.header.smallheader .nav .arrow::after{top:25px;}
.header.smallheader .nav .lan .a1{height:50px; background-size: 25px;}
.footer{background:url(/assets/images/footer-bg.jpg) no-repeat center center; display:flex;  justify-content:space-between; }
.footer .item{width:50%;}
.footer .item1{width:50%;  border-left:1px solid #1d1d1d; }
.footer .item2,.footer .item3{width:25%; border-left:1px solid #5c5c5c; padding:2% 0; }
.footer .con{padding:8% 5% 5% 15%; }
.footer .con .flogo{}
.footer .con .p1{font-size:20px; font-weight:bold; margin-top:40px; color:#fff; }
.footer .con .inputbox{border:2px solid #fff; width:300px; margin-top:20px; display:flex; padding:2px 2px 2px 10px;}
.footer .con .inputbox input{line-height:40px; background-color:#1d1d1d; border:none; outline:none; color:#fff; width:240px; font-size:16px;}
.footer .con .inputbox .btn{ background:url(/assets/images/arrow-right2.png) no-repeat center center; width:60px; height:40px; border-radius:4px; }
.footer .con .inputbox .btn:hover{background-color:#606060;}
.footer .con .share{margin-top:40px; margin-bottom:30px;}
.footer .con .p2{color:#c6c6c6; line-height:24px;}
.footer .pannel{padding:5% 10%;}
.footer .pannel .a1{font-weight:bold; display:block; color:#e6e6e6; font-size:18px; line-height:40px; margin-bottom:2%;}
.footer .pannel .a2{ font-size:15px; line-height:30px;color:#c6c6c6; display:block;}
.footer .pannel a:hover{color:#fff;}

.bannerbox{overflow:hidden; position:relative}
.bannerbox img{width:100%; display:block;}
.bannerbox .text{ padding:20px 30px; background-color:#006db8; position:absolute; width:280px; left:50%; margin-left:-600px; bottom:0; border-top-right-radius:20px; border-top-left-radius:20px;}
.bannerbox .text h2{ font-size:26px; font-weight:bold; color:#fff;  line-height:50px; }
.bannerbox .text p{ font-size:16px;  color:#fbfbfb; margin-top:10px;}
.sitemap{ padding: 30px 0;}
.sitemap a{font-size: 14px; color: #333; padding: 0 5px;}
.sitemap .icon-home:hover{color:#006db8}

.index{overflow:hidden;}
.index .header{background-color:#e6e6e6;}
.index .header.smallheader{background-color:#fff;}
.index .lines{z-index:0; display:flex; justify-content:space-between; position:absolute; top:0; left:0; width:100%; height:100%;}
.index .line{ flex:1; border-left:1px solid #ddd; }
.index .banner{overflow:hidden;width:100%; height:100vh; background:url(/upload/images/2025/1/f2534c0d36dd0211.png) no-repeat center center; background-size:cover; display:flex; justify-content:space-between; align-items:center; position:relative;}
.index .banner::after {content:'';background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; width:100%; height:100%; z-index:9;}
.index .banner .item{width:20%; z-index:999;}
.index .banner .item img{width:85%; margin:auto;}
.index .banner .item::after{content:""; width:1px ; height:100%; background-color:#91959c;position: absolute; top: 0;}
.index .banner .text { position: absolute;  z-index: 999;  bottom: 3%;  width: 100%; text-align: center; }
.index .banner .text h3{font-size:44px; font-weight:bold; color:#fff; letter-spacing:8px;}
.index .banner .btn{display:flex; background-color:#006db8; color:#fff; font-size:16px; line-height:40px; padding:0 30px 0 40px; width:110px; font-weight:bold; margin:2% auto; }
.index .banner .btn:hover{background-color:#333;}
.index .product{padding-top:6%;position:relative; background-size:cover; background: radial-gradient(circle, #5e9ecd 0%, #0c588d 80%); background-color: #5e9ecd;}
.index .product .line{ border-left:1px solid #4d88b0; }
.index .product .con{overflow:hidden; display:flex; justify-content:space-between}
.index .product .productswiper {width:75%;}
.index .product .productswiper .swiper-slide{ overflow:hidden; }
.index .product .pinfo{width:22%; margin-left:8%; float:left; background:url(/upload/images/2025/1/4ccb58dedc1c798c.png) no-repeat top left; padding: 60px 0 10px 5%;}
.index .product .pinfo h2{ line-height: 1.2; font-size: 3.5vw; color: #fff; font-weight: normal; font-family:fantasy; letter-spacing:3px; }
.index .product .pinfo h1{ line-height: 1.2; font-size: 3.2vw; color: #fff; font-weight: bold; }
.index .product .pinfo p{line-height: 1.5; font-size:16px; color: #fff; margin-top:30px; }
.index .product .pinfo a{display:flex; background-color:#006db8; color:#fff; font-size:16px; line-height:40px; padding:5px 40px; width:120px; font-weight:bold; margin-top:80px; }
.index .product .pinfo a:hover{background-color:#333;}
.index .product .pimg{width:65%; float:right;}
.index .product .pimg img{max-width:80%; margin:auto;transition: 1s linear 2s; transform: scale(1,1); }
.index .product .swiper-slide-active img,.index .product .swiper-slide-duplicate-active img {  transition: 2s linear;  transform: scale(1.1,1.1);}	
.index .product .thumbswiper{width:25%; overflow:hidden; }
.index .product .thumbswiper a{color:#fff; padding-left:60px; display:block; font-size:18px; font-weight:bold; line-height:50px; position:relative; cursor:pointer; }
.index .product .thumbswiper a.on{font-size:24px;}
.index .product .thumbswiper a.on:before{content:""; width:10px; height:10px; border:2px solid #fff; border-radius:10px; display:block; position:absolute; left:35px; top:20px;}
.index .company{padding-top:6%; background:url(/assets/images/company-bg.jpg) no-repeat top center; position:relative; background-size:100%;  }
.index .company .lines{z-index:1;}
.index .company .top{ display:flex; width:100%; padding: 1% 0 6%; position:relative; z-index:9; }
.index .company .left{width:50%; display:flex; justify-content:flex-end; flex:1; }
.index .company .left .con{width:65%;}
.index .company .left .con .ti{background-color:#006db8; padding:4% 4% 4% 200px; }
.index .company .left .con h2{font-size:45px; color:#fff; line-height:1.2; font-weight:bold}
.index .company .left .con h3{font-size:38px; color:#fff; line-height:1.2; margin-top:10px;} 
.index .company .left .con p{font-size:18px; color:#555; line-height:50px; text-indent: 32%; margin-top:20px; }
.index .company .num{ padding-top:12%; }
.index .company .num .con{padding-left:50px;}
.index .company .num b{ font-size:18px; color:#333; line-height:30px;}
.index .company .num p{  font-size:20px; color:#333; }
.index .company .num p span{font-size:80px; font-family:fantasy; vertical-align: sub; font-weight:normal; }
.index .company .mid{width:25%}
.index .company .right{width:25%}
.index .application{width:84%; margin:auto; padding-bottom:5%;background-color: #fff; }
.index .application .swiper-slide{width:20%; background-color:#fff; }
.index .application .swiper-slide:hover,.index .application .swiper-slide.on{ background-color:#006db8; }
.index .application .imgbox{width:100%; overflow:hidden}
.index .application .imgbox img{width:100%;}
.index .application .infobox{padding:30px 20px; text-align:center; color:#fff;}
.index .application .infobox h3{font-size:20px; line-height:40px; font-weight:bold; margin-bottom:20px; }
.index .application .infobox p{font-size:15px; line-height:22px;  }
.index .application .swiper-pagination {bottom:5%;}
.index .news{overflow:hidden}
.index .news .con{ width:75%; min-width:1200px; margin:auto; display:flex; justify-content:space-between; }
.index .news .item{overflow:hidden; padding:5% 0; background-color:#fff; }
.index .news .item:first-child{background-color:#f2f2f2;}
.index .news .item .imgbox{width:38%; overflow:hidden; position: relative;}
.index .news .item .imgbox img{width:100%; height: 100%; position: absolute; top: 50%; left: 50%; display: block; transform: translate(-50%, -50%);}
.index .news .item .infobox{width:50%; padding-right:5%; }
.index .news .date{font-size:20px; line-height:30px; color:#006db8; }
.index .news .title{ font-size:30px; line-height:45px; height:90px; color:#333; font-weight:bold; padding-top:10px; display:block; }
.index .news .summary{ font-size:15px; line-height:24px; height:72px; color:#999; padding-top:30px; overflow:hidden }
.index .news .btn{display:flex; background-color:#006db8; color:#fff; font-size:16px; line-height:40px; padding:5px 40px; width:85px; font-weight:bold; margin-top:5%; }
.index .news .btn:hover{background-color:#333;}
.index .intro{padding:100px 0 120px; position:relative;background:url(/assets/images/productbox_bg.jpg) no-repeat center center; background-size:cover; overflow:hidden; }
.index .intro .leftbox{width:550px; text-align:left; float:right; }
.index .intro .leftbox h1{color:#dddddd; font-size:24px; font-weight:normal; position:relative; line-height:40px; text-transform:uppercase;  display:none; }
.index .intro .leftbox h3{ color:#333; font-size:28px; line-height:36px; margin-top:10px; letter-spacing:2px; font-weight:bold;}
.index .intro .leftbox h2{color:#006db8; font-size:20px; line-height:30px; margin-top:30px; margin-bottom:15px; letter-spacing:2px;}
.index .intro .leftbox .p2{color:#333333; font-size:15px; line-height:30px; margin-bottom:10px; }
.index .intro .leftbox .p1{color:#999; font-size:18px; text-transform:uppercase;  line-height: 20px; text-transform:uppercase}
.index .intro .leftbox .more{color:#006db8;}
.index .intro .rightbox{width:600px; position:relative;  float:left; }
.index .intro .rightbox .imgs {overflow:hidden; position:relative}
.index .intro .rightbox .imgs img{width:100%;}
.index .intro .rightbox .imgs p{ font-size:15px; background-color:rgba(0,0,0,0.4); color:#fff; line-height:30px; height:30px; text-indent:15px; position:absolute; bottom:0; left:0; right:0;}
.index .intro .companyswiper .swiper-pagination {width:auto; left:auto; right:5%; }
.index .intro .companyswiper .swiper-pagination .swiper-pagination-bullet{ background-color:#fff; }
.index .intro .rightbox .img1{}
.index .intro .rightbox .img2{float:left; width:290px; margin-top:30px;}
.index .intro .rightbox .img3{float:right;width:290px; margin-top:30px;}

.contactpage{overflow:hidden; background-color:#f2f2f2;}
.contactpage .con{overflow:hidden; padding:50px 40px; background-color:#fff; display:flex; margin:0 auto 5%;}
.contactpage .con .left{ width:40%; border-right:1px solid #f2f2f2; padding-right:3%; }
.contactpage .con .left h2{position:relative; color:#006db8; font-size:26px; font-weight:normal; padding-bottom:20px;}
.contactpage .con .left h2::after{position:absolute; content:""; width:50px; height:4px;  background-color:#006db8; left:0; bottom:0; }
.contactpage .con .left h3{ font-weight:normal; text-transform:uppercase; font-size:16px; line-height:30px; margin-top: 10px;}
.contactpage .con .left p{font-size:15px; color:#666; margin-top:10px; line-height:24px;}
.contactpage .con .left img{border:1px solid #ddd;  margin-top:20px; width:150px;}
.contactpage .con .right{ width:59%;  padding-left:3%; }
.contactpage .con .item{display:flex; margin-bottom: 20px;}
.contactpage .con .item .iconfont{ font-size:32px; color: #006db8; line-height:30px; padding:15px; border:2px solid #006db8; border-radius:4px;}
.contactpage .con .item .ii{padding-left:20px; flex:1;}
.contactpage .con .item .ii b{font-size:20px; font-weight:bold;line-height:30px;  margin-top:5px; }
.contactpage .con .item .ii p{line-height:30px;font-size:16px;  color:#333  }

.supportpage{overflow:hidden; padding-bottom: 5%;}
.supportpage .boxtit{display: none; font-size:30px; color:#333; line-height:40px; border-bottom:2px solid #006db8; font-weight:bold; padding:10px 0 15px; }
.supportpage .mt{margin-top:4%;}
.supportpage .download{overflow:hidden; margin-top:20px; }
.supportpage .download .item{padding:20px 30px; display:flex; justify-content:space-between;border:1px solid #f2f2f2; margin-bottom:10px;}
.supportpage .download .item:hover{background-color:#f2f2f2;}
.supportpage .download .item .tit{font-size:20px; color:#333; line-height:40px; font-weight:bold; }
.supportpage .download .item .size{font-size:16px; color:#999; line-height:20px;}
.supportpage .download .item .iconfont{font-size:50px; font-weight:bold; line-height:60px;}
.supportpage .faq{display:flex; padding-top:15px;}
.supportpage .faq .logo{ background-color:#006db8; padding:40px; }
.supportpage .faq .list{flex:1; padding-left:3%;}
.supportpage .faq .item{overflow:hidden; padding:15px; border-bottom:1px solid #f2f2f2; }
.supportpage .faq .item .question{ display:flex; justify-content:space-between; cursor:pointer;}
.supportpage .faq .item .question span{ font-size:20px; font-weight:bold; line-height:30px;}
.supportpage .faq .item .question em{width:25px; height:25px; line-height:25px; text-align:center; font-size:20px; color:#333; border:1px solid #333; border-radius:50%; }
.supportpage .faq .item .answer{ display:none;padding: 20px;background-color: #f2f2f2;line-height: 26px;font-size: 15px;margin-top: 10px;}
.supportpage .faq .item:first-child .answer{display:block}

.newspage{overflow:hidden; background-color:#f2f2f2;}
.newspage .newslist{overflow:hidden; padding-bottom: 5%;}
.newspage .newslist .item{padding:2%; overflow:hidden; display:block; margin-bottom:15px; background-color:#fff;}
.newspage .newslist .date{width:150px; float:left;overflow:hidden; text-align:center; padding:20px 0; position:relative;}
.newspage .newslist .date .day{ font-size: 40px;color: #006db8;font-family: fantasy;}
.newspage .newslist .date .dd{font-size:16px; color:#666; line-height:40px;}
.newspage .newslist .img{width:300px; height:200px; float:left; position:relative; background-size:cover; background-position:center center;}
.newspage .newslist .img img{margin:auto}
.newspage .newslist .info{width:800px; float:left; padding:0 40px 0px 70px;}
.newspage .newslist .info h2{font-size:20px; font-weight:bold; color:#333; line-height:50px;}
.newspage .newslist .info p{font-size:15px; color:#666; line-height:24px;}
.newspage .newslist .view{overflow:hidden; margin-top:60px; display:block; float:left;}
.newspage .newslist .view img{width:40px; float:right}
.newspage .newslist .item:hover .info h2{ color:#006db8; }
.newspage .newsinfo{display:flex; justify-content:space-between;  padding-bottom: 5%;}
.newspage .content{padding:30px;  background-color: #fff; width:850px}
.newspage .content h2{font-size:22px; font-weight:bold; color:#333; line-height:50px; line-height:50px;}
.newspage .content p.info{font-size:14px; margin-top:10px;}
.newspage .content p.info span{padding-right:20px;}
.newspage .content .con{overflow:hidden; margin-top:2%; border-top:1px solid #eee; padding-top:20px; padding-bottom:80px;}
.newspage .content .con p{font-size:15px; line-height:26px; color:#666; margin-top:20px;}
.newspage .recommend{ width:280px; }
.newspage .recommend .item{width:100%; background-color:#fff; margin-bottom:10px;padding:20px; display:block;}
.newspage .recommend .item h2{font-size:18px; font-weight:bold; color:#333; line-height:30px; padding:10px 0; }
.newspage .recommend .item p{font-size:14px; color:#999; line-height:24px; margin-top:5px;}

.productpage{overflow:hidden;}
.productpage .banner{border-radius:4px; background:url(/assets/images/product-banner_bg.png) no-repeat bottom right; background-color:#f2f2f2; margin-top:100px;}
.productpage .banner .sitemap{padding: 50px 0 15px 0;}
.productpage .banner .container{width:85%; min-width:1200px; margin:auto; padding:6% 0 3%;}
.productpage .banner h1{color:#333; font-size:38px; font-weight:bold; line-height:70px;}
.productpage .banner h3{color:#333; font-size:34px; font-weight:normal; margin-top:5px;}
.productpage .banner .slogan{color:#333; font-size:18px; font-weight:bold; margin-top:20px;}
.productpage .banner .cates{overflow:hidden; display:flex; justify-content:space-between; flex-wrap:wrap;}
.productpage .banner .cates a{color:#333; font-size:18px; font-weight:bold; line-height:55px; width:28%; padding:0 2%;  margin:10px 0; border:2px solid #ddd; border-radius:4px; background:url(/assets/images/arrow-right.jpg) no-repeat 95% 22px; background-color:#fff; }
.productpage .banner .cates a:hover{border:2px solid #006db8; }
.productpage .list{width:85%; min-width:1200px; margin:auto; padding:4% 0; display:flex; flex-wrap:wrap; justify-content:space-around; }
.productpage .list .item{width:29.333%; padding:2%; display:block}
.productpage .list .item .p1{color:#333; font-size:24px; font-weight:normal; line-height:40px;}
.productpage .list .item .p2{color:#999; font-size:15px; line-height:25px; height:75px; margin-top:10px;}
.productpage .list .item .imgbox{}
.productpage .list .item .imgbox img{width:80%}
.productpage .list .item:hover{background-color:#006db8; -webkit-transition: all linear 1s;transition: all linear 1s;}
.productpage .list .item:hover .p1,.productpage .list .item:hover .p2{color:#fff; }
.productinfo{overflow:hidden;background-color: #f2f2f2;margin-top: 100px; padding-bottom: 5%;}
.productinfo .boxtit{ font-size:30px; color:#333; line-height:40px; font-weight:bold; padding:10px 0; }
.productinfo .bgw{background-color:#fff;}
.productinfo .top .con{display:flex; justify-content:space-between;}
.productinfo .top .con .imgbox{width:45%; border: 1px solid #ddd; background-color: #fff;}
.productinfo .top .con .imgbox img{width:100%}
.productinfo .top .con .infobox{width:50%;padding-top: 10px;}
.productinfo .top .con .infobox h1{color:#333; font-size:35px; line-height:50px;}
.productinfo .top .con .infobox .sub{color:#666; font-size:16px; line-height:30px; margin-top:10px;border-top: 1px solid #ddd; padding-top: 15px;}
.productinfo .top .con .pannel1{ padding-bottom:20px;}
.productinfo .top .con .pannel2{display:flex; padding-top:30px }
.productinfo .top .btn{display:flex; background-color:#333; color:#fff; font-size:16px; line-height:40px; padding:5px 40px; width:85px; font-weight:bold; margin-right:20px;}
.productinfo .top .btn.online{background-color:#006db8;}
.productinfo .top .btn:hover{background-color:#333;}
.productinfo .top .summary{font-size:16px; line-height:30px; color:#666; margin-top:30px;}
.productinfo .des {overflow:hidden; margin-top:5%; background-color:#fff; padding:2% 0;}
.productinfo .des .con{padding:20px 0}
.productinfo .des .con p{font-size:16px; line-height:24px; margin-bottom:10px; color:#333; }
.productinfo .des .con img{max-width:100%}
.productinfo .des .boxtit{border-bottom:1px solid #ddd; font-size:20px; }
.productinfo .recommend{ padding:3% 0 4%;background-color: #fff;}
.productinfo .recommend .boxtit{border-bottom:1px solid #ddd; font-size:20px; }
.productinfo .recommend .con{display:flex; flex-wrap:wrap; justify-content:space-between;margin-top: 20px;}
.productinfo .recommend .con a{width:22%; padding:1%; background-color:#f2f2f2; margin-bottom: 1%;}
.productinfo .recommend .con a.placeholder{ background-color:#fff; }
.productinfo .recommend .item img{width:90%; margin:auto}
.productinfo .recommend .item p{font-size:16px; color:#333; line-height:30px; text-align:center;}
.productinfo .productpage .banner{margin-top:0;}
.productinfo .productpage .banner .container{width:1200px; padding: 3% 0;}
#ppinfo .imgbox{ background-color: #f2f2f2; border:none; }
#ppinfo .bigswiper .swiper-slide{ width:100%; background-color:#fff; }
#ppinfo .thumbswiper{display:flex; margin-top:10px; }
#ppinfo .thumbswiper img{ width:100px;  border:1px solid #ddd; cursor: pointer; margin: 5px; background-color:#fff; }
#ppinfo .thumbswiper img.on{ border:1px solid #006db8; }

.aboutpage{overflow:hidden}
.aboutpage .titbox{}
.aboutpage .titbox .en{font-size:30px; font-weight:normal; color:#333; line-height:1; display: none;}
.aboutpage .titbox .cn{font-size:36px; font-weight:bold; color:#333;}
.aboutpage .con{margin-top:2%;}
.aboutpage .companybox{overflow:hidden;padding:4% 0;  }
.aboutpage .companybox h1{ font-size:36px; font-weight:bold; line-height:1; color:#333; }
.aboutpage .companybox h2{font-size:22px; font-weight:normal; line-height:1; color:#666; text-transform:uppercase; margin-top:10px;}
.aboutpage .companybox .intro{padding:2% 0; margin-top:20px;}
.aboutpage .companybox .intro p{ line-height:30px; color:#333; font-size:16px; margin-bottom:20px; }
.aboutpage .companybox .number{display:flex; justify-content:space-between; width:90%;}
.aboutpage .companybox .number .item{width:25%;}
.aboutpage .companybox .number b{font-size:20px; font-family:FangSong; vertical-align: sub; font-weight:bold; color:#333;}
.aboutpage .companybox .number b span{ font-size:80px; color:#006db8; }
.aboutpage .companybox .number p{ font-size:18px; color:#999; text-indent:10px; }
.aboutpage .workspacebox{overflow:hidden; padding:4% 0; background-color:#006db8}
.aboutpage .workspacebox .titbox .en,.aboutpage .workspacebox .titbox .cn{color:#fff;}
.aboutpage .honorbox{overflow:hidden; padding:4% 0; background-color:#f2f2f2;}
.aboutpage .videosbox{overflow:hidden; padding:4% 0; }
.aboutpage .videosbox video{width:100%;}


@media screen and (max-width:1100px) {
	.mobileshow{display: block;}
	.container{width: 100%;}
	.header{padding: 2% 3%;}
	.header .logo{width: auto; }
	.header .logo img{height: 50px;}
	.header .nav{position: fixed; top:0; bottom: 0; right: -100%; width: 50%; background-color: #006db8; display: flex; flex-direction: column; justify-content: flex-start; padding-top: 15vh;}
	.header .nav li{line-height: 60px; flex: 0;}
	.header .nav .a1{color: #fff; width: 100%; line-height: 60px; font-size: 16px;}
	.header .nav .arrow::after{display: none;}
	.header .nav .subnav{display: none;}
	.header .nav .lan .a1{color: #fff; border: 1px solid #fff; width: 80%; margin: auto; line-height: 50px; height: 50px; margin-top: 5%;}
	.header .nav.expend{-webkit-transition: all linear 0.4s; transition: all linear 0.4s; right: 0;}
	.mmenu{ display: block; width: 40px;box-sizing: border-box; position: absolute; right: 3%;top: 20px; z-index:999;}
    .mmenu span{height: 3px;background: #333;margin: 0;margin-bottom: 8px;display: inline-block;vertical-align: top; float: right;}
    .mmenu span:nth-child(1){width: 32px;}
    .mmenu span:nth-child(2){width: 38px;}
    .mmenu span:nth-child(3){width: 27px;}  
	.mmenu.on{}
	.mmenu.on span{background-color: #fff !important;}
	.footer{padding: 5% 3%; flex-direction: column; background-size: cover;}
	.footer .con{padding: 3%;}
	.footer .item2, .footer .item3{display: none;}
	.footer .con .p1{font-size: 16px; margin-top: 30px;}
	.sitemap {display: none;}
	.bannerbox{margin-top: 65px;}
	
	.index .banner {flex-wrap: wrap; margin-top: 60px; line-height: 1.8;}
	.index .banner .item{width: 50%;}
	.index .banner .item:nth-child(5){display: none;}
	.index .banner .item img{width: 65%;}
	.index .banner .item::after{display: none;}
	.index .banner .text{display: flex; flex-direction: column; justify-content: center; width: 80%; left: 10%; height: 100%;}
	.index .banner .text h3{font-size: 32px;}
	.index .banner .btn{margin-top: 5%;}
	.index .intro{padding: 5% 3%;}
	.intro .container{overflow: hidden;}
	.intro{padding:5% 0; position:relative;background:url(/images/productbox_bg.jpg) no-repeat center center; background-size:cover}
	.index .lines{display: none;}
	.index .intro .container{width:100%; margin:auto}
	.index .intro .leftbox{width: 100%; text-align: center; padding: 0;float:none;}
	.index .intro .leftbox h3{font-size: 22px;line-height:36px;  letter-spacing:0; text-align:center}
	.index .intro .leftbox .p1{font-size: 12px; text-align: center;}
	.index .intro .leftbox h2{font-size: 16px; margin-top: 10px;}
	.index .intro .leftbox .p2{font-size:14px; line-height:1.8; margin-top:10px; margin-bottom:15px; letter-spacing:0; text-align:center}
	.index .intro .leftbox .more1{display:none}
	.index .intro .leftbox .more{  display:block;  background-color:#006db8; padding:10px 0; font-size:14px; color:#fff !important; float:none; margin:20px 0; border-radius:3px}
	.index .intro .rightbox{width:100%; padding:0; position:relative;  float:none; }
	.index .product .con{flex-direction: column-reverse;}
	.index .product .thumbswiper{width: 100%; display: flex; flex-wrap: wrap; padding: 2%;}
	.index .product .thumbswiper a{padding-left: 0; font-size: 14px; line-height: 2; text-align: center; width: 33.33%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} 
	.index .product .productswiper{width: 96%; margin-top: 5%;}
	.index .product .pinfo{width: 90%; margin: auto; float: none;}
	.index .product .pinfo h2{font-size: 5vw;}
	.index .product .pinfo h1{font-size: 4vw;}
	.index .product .pinfo p{font-size: 14px; padding-left: 12%;}
	.index .product .pinfo a{margin-top: 40px; width: 80%; text-align: center; margin-left: -5%;}
	.index .product .pimg{float: none; width: 70%; margin: auto;}
	.index .news{margin-top: 5px;}
	.index .news .item{padding: 0;}
	.index .news .con{width: 100%; min-width: 100px;flex-wrap: wrap; padding-bottom: 5%;}
	.index .news .item .imgbox{width: 100%; display: block;}
	.index .news .item .imgbox img{width: 100%; position: initial;transform: none;}
	.index .news .item .infobox{width: 92%; padding: 3% 4%;}
	.index .news .date{color: #999; line-height: 1.5;}
	.index .news .title{font-size: 16px; color: #333; line-height: 1.6; height: auto;}
	.index .news .summary{font-size: 14px; line-height:1.5; height: auto; padding-top: 8px;}
	.index .news .btn{display: none;}
	
	.aboutpage .companybox,.aboutpage .workspacebox,.aboutpage .videosbox{width: 92%; padding: 4%;}
	.aboutpage .companybox h1{font-size: 24px;}
	.aboutpage .companybox h2{font-size: 12px;}
	.aboutpage .companybox .intro p{font-size: 14px; line-height: 1.6; margin-bottom: 10px;}
	.aboutpage .titbox .cn{font-size: 22px;}
	.aboutpage .con{margin-top: 4%; width: 100%;}
	
	.productpage .banner{margin-top: 65px; padding: 4%;}
	.productpage .banner .container{width: 100%; min-width: 100px; padding: 5% 0;}
	.productpage .banner h1{font-size: 20px; line-height: 40px;}
	.productpage .banner h3{font-size: 26px;}
	.productpage .banner .slogan{font-size: 16px;}
	.productpage .banner .cates a{width: 45%; font-size: 15px; margin: 1% 0; border: none;}
	.productpage .list{width: 96%; min-width: 100px;}
	.productpage .list .item{width: 100%; padding: 1%; border-bottom: 1px solid #ddd; margin-bottom: 5%;}
	.productpage .list .item .p2{height: auto; margin-top: 0;}
	.productpage .list .item .imgbox img{margin: auto;}
	.productinfo .productpage .banner .container{width: 100%; padding: 0;}
	.productinfo .top{display: none;}
	.productinfo .recommend{padding: 2%;}
	.productinfo .recommend .boxtit{display: none;}
	.productinfo .recommend .con a{width: 47%;}
	.productinfo .recommend .item p{font-size: 15px; line-height: 22px; height: 44px;}
	.productinfo {margin-top: 65px;}
	.productinfo .top .con{flex-direction: column;}
	.productinfo .top .con .imgbox{width: 100%;}
	.productinfo .top .con .infobox{width: 94%; padding:3%;}
	.productinfo .top .con .infobox h1{font-size: 24px;}
	.productinfo .top .con .infobox .sub{line-height: 1.6; font-size: 15px;}
	.productinfo .top .con .pannel1{padding-bottom: 0;}
	.productinfo .des{padding: 3%;}
	.productinfo .des .boxtit{font-size: 18px;}
	.productinfo .des .con p{font-size: 14px; line-height: 1.6;}
	#ppinfo .thumbswiper img{width: 23%; margin: 1%;}
	
    .contactpage{overflow:hidden;}
    .contactpage .con{overflow:hidden; padding:5%; width:90%; flex-wrap: wrap;}
	.contactpage .con .left{width: 100%; border: none; padding-right: 0;}
	.contactpage .con .left h2{font-size: 24px;}
	.contactpage .con .left h2::after{position:absolute; content:""; width:60px; height:2px;  background-color:#1e2188; left:50%; bottom:0; margin-left:-30px; }
	.contactpage .con .left h3{font-size:12px; text-align: center;}
	.contactpage .con .left img{width: 50%; margin: 20px auto;}
	.contactpage .con .right{width: 100%; padding-left: 0; margin-top: 5%;}

    .newspage{overflow:hidden; background:none;}
	.newspage .newslist{border-top:1px solid #ddd}
	.newspage .newslist .item{border-bottom:1px dashed #ddd; padding:4%; width: 92%; overflow:hidden; display: flex; justify-content: space-between;}
	.newspage .newslist .date{display:none}
	.newspage .newslist .view{width: 15%; align-items: center; display: flex; margin-top: 0;}
	.newspage .newslist .info{width:80%; float:left; padding:0; margin-left:0;}
	.newspage .newslist .info h2{line-height: 1.6;font-size:16px; color:#333;}
	.newspage .newslist .info p{display:none}
	.newspage .recommend{display: none;	}
    .newspage .content{padding:5%;width:auto; margin:auto}
    .newspage .content h2{font-size:18px; font-weight:bold; color:#333; line-height:160%}
    .newspage .content .con{overflow:hidden; margin-top:30px; border-top:1px dashed #eee; padding-top:20px; padding-bottom:30px;}
    .newspage .content .con p{font-size:14px; line-height:160%; color:#666; margin-top:20px;}
    .newspage .content .con img{width:100%}
}


.en .bannerbox .text p{font-size:12px;}
.en .bannerbox .text{width: 320px;}
.en .header .nav .subnav.big{width: 300%; left: 0;}
.en .header .nav .subnav.big a{text-align: left; text-indent: 5%;}
.en .header .nav .a1{font-size:15px; width:auto; white-space:nowrap; padding:0 30px;}
.en .index .banner .text h3{font-size:36px; letter-spacing:2px;}
.en .index .banner .btn{width:70px;}
.en .index .intro .leftbox h3{font-size:22px;}
.en .index .intro .leftbox h2{font-size:16px;}
.en .index .product .pinfo h1{font-size:1.8vw;}
.en .index .product .pinfo h2{font-size:2vw;}
.en .index .product .thumbswiper a{font-size:15px; line-height:2; margin:30px 0;}
.en .index .product .pinfo a{margin-top:30px;}
.en .index .product .pinfo p{font-size:14px;}
.en .index .product .thumbswiper a.on:before{top: 9px;}
.en .aboutpage .companybox h1{font-size:32px;}
.en .aboutpage .titbox .cn{font-size:32px;}
.en .productpage .banner .cates a{font-size:14px; padding:0 4% 0 1%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:27%;}
.en .productinfo .top .con .infobox h1{font-size:30px;}
.en .productinfo .recommend .item p{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.en .newspage .newslist .info h2{font-size:18px; line-height:1.8; margin-bottom:20px;}
.en .newspage .content h2{ line-height:1.8;}
.en .newspage .recommend .item h2{line-height:1.6; font-size:15px;}
.en .footer .pannel .a2{font-size:12px;}

@media screen and (max-width:1100px) {
	.en .index .banner .text h3{font-size: 22px;}
	.en .index .product .thumbswiper a{margin: 5px 1%; width: 48%;}
	.en .index .product .pinfo h2{font-size: 5vw;}
	.en .index .product .pinfo h1{font-size: 4vw;}
	.en .aboutpage .companybox h1{font-size: 24px; line-height: 1.5;}
	.en .aboutpage .titbox .cn{font-size: 22px;}
	.en .productpage .list .item .p1{font-size: 20px;line-height: 1.6;}
	.en .productpage .banner .cates a{width: 95%; padding: 0px 15% 0 1%; line-height: 40px;}
	.en .contactpage .con .left h2::after{left: 0; margin-left: 0;}
 	.en .contactpage .con .item .ii b{font-size: 16px;}
	.en .contactpage .con .item .ii p{font-size: 18px;}
	.en .contactpage .con .item .iconfont{max-height: 40px;}
}