/*样式初始化*/
*{ margin:0; padding:0;color: #444;color: #888888;font-family:"Microsoft YaHei"; font-size:14px;  line-height:1;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin:0 ;  overflow-x: hidden;min-width: 1200px;position: relative;width: 100%;}
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
a{ text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.text,textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}
img{border:none;display: block;max-width: 100%;}
.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }.fr{float:right;}.fl{float:left}

body{font-family:'Microsoft YaHei';max-width:1920px; margin:auto; font-size:14px; width:100%;}
.container{width:1200px;margin:auto; }
.imghover{-webkit-transition: all linear 0.4s;transition: all linear 0.4s;z-index: 10;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.imghover:hover{z-index: 10;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.pcshow{display:block;}
.mobileshow{display:none}

.header{ width:100%; background-color:#fff; padding:10px 0px; z-index:9999;}
.header .navagation{overflow:hidden;}
.header .logo{overflow:hidden; float:left;}
.header .logo .iso{margin-left:25px;}
.header .logo img{height:55px;}
.header .headtel{display: block;float: left; line-height: 55px;  margin-left: 30px; font-size: 28px; color: #d21f25; font-weight: bold; margin-top: 8px; padding-left: 30px; background:url(/upload/images/2020/4/9cf4c2eaa04d03b8.png) no-repeat center left;}
.header .nav {float:right; margin-right: 50px;}
.header .nav a{font-size:16px; font-weight:bold; color:#333; padding-left:50px; line-height:55px; }
.header .nav a.current,.header .nav a:hover{color:#f08200;}
.header .lan{position:absolute;right: 5%;top: 22px; background-color: #e99112;border-radius:20px;}
.header .lan a{color:#fff; line-height:30px; padding:5px 10px; font-size:13px;}
.footer{overflow:hidden; background-color:#333333;  padding:60px 0 30px }
.footer .item{float:left; overflow:hidden}
.footer .item p{color:#fff;}
.footer .item1{width:400px; }
.footer .item1 p{ font-size:14px; margin-top:30px;}
.footer .item1 .footlogo{ display:flex; }
.footer .item1 .footlogo img{height:50px;}
.footer .item1 .footlogo h2{ font-size: 18px; color: #e5e5e5; font-weight: bold; line-height: 30px; padding-top: 20px; padding-left:5px; }
.footer .item1 p{ font-size:14px; color:#e5e5e5; line-height:24px; width:262px; text-align:justify; }
.footer .item2{width:680px; }
.footer .item2 p{ line-height:30px; color:#e5e5e5;}
.footer .item2 p span{color:#999;  padding-right: 10px;}
.footer .item3{width:120px;}
.footer .item3 img{ margin:auto;}
.footer .item3 p{text-align:center;padding: 5px 0; line-height:20px; font-size:12px;}
.footer .copyright{padding-top:20px; overflow:hidden; border-top:1px dashed #474646;    margin-top: 30px;}
.footer .copyright p,.footer .copyright a{color:#ddd; float:left; font-size:12px;}
.footer .copyright img{float:left; padding-top:3px; padding-right:3px; padding-left:20px;}

.bannerbox{overflow:hidden; position:relative}
.bannerbox img{width:100%; display:block;}
.bannerbox .text{ padding:20px 30px; background-color:#f08200; 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;}

.index{overflow:hidden; background-color:#f4f4f4;}
.index .bannerbox{position:relative;}
.index .productcate{overflow:hidden; background:rgba(255,255,255,0.4); position:absolute; bottom:0; width:100%; z-index: 99999;}
.index .productcate .item{padding:2% 3% 1.5%; width:20%; float:left; display:block;}
.index .productcate .item:hover{background-color:rgba(255,255,255,0.5);}
.index .productcate .item:hover p,.index .productcate .item:hover p::after{color:#333;}
.index .productcate .item p{color:#fff; height:35px; line-height:35px; margin-top:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:15px; position:relative;}
.index .productcate .item p::after{position:absolute; content:""; width:15%; height:2px; background-color:#fff; bottom:0; left:0;}
.index .productcate .item img{margin:auto;}
.index .indexcont{background-color:#f4f4f4; /*background:url(../images/index_bg.jpg) no-repeat center center;*/ background-size:cover;padding:60px 0px; }
.index .container{overflow:hidden}
.index .productbox{overflow:hidden}
.index .productbox .series{background-color:#fff; overflow:hidden}
.index .productbox .title{font-size:20px; font-weight:bold; letter-spacing:3px; position:relative; color:#666; padding-left:15px; height:24px; line-height:24px; margin-bottom:20px;}
.index .productbox .title::after{position:absolute; content:""; width:2px; height:16px; background-color:#666; left:0; top:4px;}
.index .productbox .title span{letter-spacing:1px; color:#f08200; text-transform:uppercase; font-size:15px; padding-left:20px; word-spacing:3px;}
.index .productbox .infobox{overflow:hidden; float:left; padding:40px; width:700px; height:500px; /*background:url(../images/index_product_bg.png) no-repeat center center; background-size:cover;*/}
.index .productbox .infobox a{display:block;}
.index .productbox .infobox .a1{font-size:15px; color:#666666; text-transform:uppercase;}
.index .productbox .infobox .a2{font-size:32px; color:#f08200; margin-top:15px; position:relative;padding-bottom: 40px;}
.index .productbox .infobox .a2::after{position:absolute; content:""; width:5%; height:4px; background-color:#f08200; bottom:5px; left:0; }
.index .productbox .infobox .a3{font-size:20px; color:#666666; margin-top:25px;    line-height: 40px; height:40px;}
.index .productbox .infobox .a3 span{font-size:32px; color:#333; padding:0px 5px;}
.index .productbox .infobox .imgs{overflow:hidden; margin-top:10px;}
.index .productbox .infobox .imgs .item{float:left; margin-right:35px;}
.index .productbox .infobox .imgs .item img{width:60px;}
.index .productbox .infobox .more{font-size:16px; background-color:#f08200; color:#fff; width:150px; height:50px; line-height:50px; text-align:center; margin-top:80px;}
.index .productbox .infobox .imgs .item p{text-align:center; padding:5px 0;}
.index .productbox .imgbox{overflow:hidden; float:left; width:600px; height:500px; margin-left:-100px;}
.index .aboutbox{overflow:hidden; margin-top:60px;}
.index .aboutbox .leftbox{overflow:hidden; float:left; width:600px;z-index:999; position:relative;}
.index .aboutbox .leftbox h2,.index .aboutbox .leftbox h3{text-align:right; padding-right:180px;}
.index .aboutbox .leftbox img{margin-top:120px;}
.index .aboutbox .rightbox{overflow:hidden; float:left; width:700px;  background-color:#fff; z-index:9;margin-left:-100px; position:relative; padding:50px 60px 50px 140px}
.index .aboutbox .rightbox .p1{color:#666; font-size:16px; line-height:26px; margin-top:30px;}
.index .aboutbox .rightbox .remarks{overflow:hidden; margin-top:35px;}
.index .aboutbox .rightbox .remarks .item{float:left; width:33.33%; text-align:center}
.index .aboutbox .rightbox .remarks .item h4{font-weight:normal; font-size:32px; color:#1e2188}
.index .aboutbox .rightbox .remarks .item p{line-height:40px;  font-size:16px; color:#333}
.index .aboutbox .leftbox h3{color:#999999; font-size:26px; font-weight:normal}
.index .aboutbox .rightbox h3{color:#999999; font-size:18px; font-weight:normal; text-transform:uppercase}
.index .aboutbox .leftbox h2{color:#f08200; font-size:26px; font-weight:600; letter-spacing:4px; position:relative; height:60px; line-height:60px; }
.index .aboutbox .rightbox h2{color:#333; font-size:22px; font-weight:600; letter-spacing:4px; position:relative; height:50px; line-height:50px; }
.index .aboutbox .leftbox h2::after,.index .aboutbox .rightbox h2::after{content:""; width:20px; height:2px; background-color:#f08200; left:0; bottom:0; position:absolute}
.index .aboutbox .leftbox h2::after{left:auto; right:180px;}
.index .newsbox{overflow:hidden; margin-top:60px;}
.index .newsbox h3{color:#999999; font-size:26px; font-weight:normal; text-align:center;}
.index .newsbox h2{color:#f08200; font-size:26px; font-weight:600; letter-spacing:4px; position:relative; height:50px; line-height:40px; text-align:center;}
.index .newsbox h2::after{content:""; width:30px; height:2px; background-color:#1e2188; left:50%; bottom:0; margin-left:-15px; position:absolute}
.index .newsbox .list{overflow:hidden; margin-top:30px; display:flex; justify-content:space-between}
.index .newsbox .list a{overflow:hidden; display:block; width:290px;}
.index .newsbox .list .imgbox{width:290px; height:210px;background-size:cover; background-position:center center; background-repeat:no-repeat;}
.index .newsbox .list a img{width:100%;}
.index .newsbox .list a p{color:#333; font-size:15px; line-height:24px; padding:10px 5px;}

.news{overflow:hidden; background-color:#f2f2f2;}
.news .newslist{overflow:hidden;margin: 2% auto;}
.news .newslist .item{padding:2%; overflow:hidden; display:block; margin-bottom:15px; background-color:#fff;}
.news .newslist .date{width:150px; float:left;overflow:hidden; text-align:center; padding:40px 0; position:relative;}
.news .newslist .date .day{font-size:32px; color:#f08200}
.news .newslist .date .dd{font-size:16px; color:#666; line-height:40px;}
.news .newslist .img{width:300px; height:200px; float:left; position:relative; background-size:cover; background-position:center center;}
.news .newslist .img img{margin:auto}
.news .newslist .info{width:700px; float:left; padding:0 40px 0px 70px;}
.news .newslist .info h2{font-size:18px; color:#333; line-height:50px;}
.news .newslist .info p{font-size:15px; color:#666; line-height:24px;}
.news .newslist .info .view{overflow:hidden; margin-top:20px; display:block}
.news .newslist .info .view img{width:40px; float:right}
.news .content{padding:2%; margin:2% auto; background-color: #fff;}
.news .content h2{font-size:22px; font-weight:bold; color:#333; line-height:50px; line-height:50px;}
.news .content p.info{font-size:14px; margin-top:10px;}
.news .content p.info span{padding-right:20px;}
.news .content .con{overflow:hidden; margin-top:2%; border-top:1px solid #eee; padding-top:20px; padding-bottom:80px;}
.news .content .con p{font-size:15px; line-height:26px; color:#666; margin-top:20px;}

.products{overflow:hidden;    padding-bottom: 80px;}
.products .productlist{overflow:hidden; margin: 2% auto; display:flex; justify-content:space-between; flex-wrap: wrap;}
.products .productlist .item{width:390px; padding:15px; margin-bottom:10px; background-color:#fff;}
.products .productlist .item img{width:100%;}
.products .productlist .item p{font-size:16px; color:#333; text-align:center;  padding-top: 20px; line-height: 1.5;}
.products .abc{background:url(../images/product_bg.png) no-repeat center center; background-size:cover; padding:120px 0; margin-top:50px; }
.products .abc .container{width:900px; font-size:18px; line-height:32px; color:#000; text-align:center;}
.products {background-color:#f7f7f7}
.products .productbox{overflow:hidden; margin-top:2%;}
.products .productbox .series{overflow:hidden; margin-bottom:50px;}
.products .productbox .series:nth-child(2n) .infobox{float:right; text-align:right}
.products .productbox .series:nth-child(2n) .imgbox{float:right; margin-left:auto; margin-right:-100px}
.products .productbox .series:nth-child(2n) .infobox .imgs .item{float:right; margin-right:auto; margin-left:35px;}
.products .productbox .series:nth-child(2n) .infobox .more{float:right; }
.products .productbox .title{font-size:20px; font-weight:bold; letter-spacing:3px; position:relative; color:#666; padding-left:15px; height:24px; line-height:24px; margin-bottom:20px;}
.products .productbox .title::after{position:absolute; content:""; width:2px; height:16px; background-color:#666; left:0; top:4px;}
.products .productbox .title span{letter-spacing:1px; color:#1e2188; text-transform:uppercase; font-size:15px; padding-left:20px; word-spacing:3px;}
.products .productbox .infobox{overflow:hidden; float:left; padding:50px; width:700px; height:500px;background-color:#fff;}
.products .productbox .infobox a{display:block;}
.products .productbox .infobox .a1{font-size:22px; color:#666666; text-transform:uppercase;}
.products .productbox .infobox .a2{font-size:34px; color:#333; margin-top:15px; position:relative;padding-bottom: 40px;}
.products .productbox .infobox .a2::after{position:absolute; content:""; width:5%; height:4px; background-color:#1e2188; bottom:5px; left:0; }
.products .productbox .infobox .a3{font-size:20px; color:#666666; margin-top:25px;    line-height: 40px; height:40px;}
.products .productbox .infobox .a3 span{font-size:32px; color:#333; padding:0px 5px;}
.products .productbox .infobox .imgs{overflow:hidden; margin-top:10px;}
.products .productbox .infobox .imgs .item{float:left; margin-right:35px;}
.products .productbox .infobox .imgs .item img{width:60px;}
.products .productbox .infobox .more{font-size:16px; background-color:#f08200; color:#fff; width:150px; height:50px; line-height:50px; text-align:center; margin-top:80px;}
.products .productbox .infobox .imgs .item p{text-align:center; padding:5px 0;}
.products .productbox .imgbox{overflow:hidden; float:left; width:600px; height:500px; margin-left:-100px;}

.productinfo{overflow:hidden}
.productinfo .procate{ overflow:hidden; border-bottom:1px solid #ddd;  padding: 10px 0;}
.productinfo .procate .container{ display:flex; flex-wrap:wrap; }
.productinfo .procate a{line-height:40px; height:40px; width:25%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#333;}
.productinfo .procate a.current,.productinfo .procate a:hover{border-bottom:1px solid #f08200; color:#1e2188}
.productinfo .title{ text-align:center; position:relative;  margin:60px auto 50px; }
.productinfo .title .p1{font-size:24px; color:#f08200; text-transform:uppercase; position:relative;}
.productinfo .title .p2{font-size:18px; color:#999; letter-spacing:1px; height:40px; line-height:40px; }
.productinfo .proimg{}
.productinfo .proimg img{margin:auto; max-width:60%;}
.productinfo .introduce{padding:10px 0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center}
.productinfo .introduce a{line-height:40px; padding:0 15px; color:#666; font-size:18px;}
.productinfo .introduce a.current{color:#f08200; font-weight:bold}
.productinfo .content{padding: 30px 20px;} 
.productinfo .content .con{display:none; padding:0 10%} 
.productinfo .content .con:first-child{display:block}
.productinfo .content .con p{font-size:15px; line-height:26px; margin-bottom:15px; color:#555;}
.productinfo .content .con strong,.productinfo .content .con b{font-weight:bold; color:#f08200; font-size:18px; line-height:40px;}
.productinfo .relations{overflow:hidden; border-top:1px solid #ddd;margin-bottom:50px;}
.productinfo .relations .item{float:left; width:25%;}
.productinfo .relations .item p{padding:10px; line-height:30px; color:#333; text-align:center; }

.about{overflow:hidden}
.about .part1{overflow:hidden; padding:3% 0 0;}
.about .part1 .leftbox{float:left; width:570px;}
.about .part1 .rightbox{float:right; width:600px; padding-top: 40px; margin-bottom: 50px;}
.about .part1 .rightbox video{width: 100%;}
.about .part1 p{ line-height:30px; font-size:16px; color:#666;margin: 20px 0; }
.about .part1 h2{font-size:22px; color:#333; text-align:right; position:relative; padding-bottom:30px;}
.about .part1 h2:before{content:""; background-color:#f08200; height:4px; width:50px; position:absolute; right:0; bottom:10px;}
.about .part2{overflow:hidden;  background-repeat:no-repeat; background-size:cover; background-position:center center;padding:50px 0;}
.about .part2 p{ line-height:38px; font-size:20px; color:#fff; text-align:center; padding:0 60px}
.about .part3{overflow:hidden; padding:80px 0 60px;}
.about .part3 .item{overflow:hidden; margin-bottom:3%;}
.about .part3 .textbox{width:700px; padding:30px 50px}
.about .part3 .textbox h2{font-size:28px; color:#f08200; font-weight:normal; padding-left:100px; margin-top:-10px; position:relative;    line-height: 40px;}
.about .part3 .textbox h2:before{position:absolute; content:""; width:90px; height:1px;  background-color:#999; top:20px; left:-5px}
.about .part3 .textbox p{font-size:16px; color:#333; line-height:30px; padding-left:100px; margin-top:30px;position:relative;  }
.about .part3 .textbox p:before{position:absolute; content:""; width:40px; height:1px;  background-color:#1e2188; top:10px; left:45px}
.about .part3 .textbox .number{font-size:22px; color:#333; position:relative;}
.about .part3 .textbox .number::after{position:absolute; content:""; width:1px; height:60px;  background-color:#1e2188; top:40px; left:0}
.about .part3 .imgbox {width:400px;  margin-right: 50px;}
.about .part3 .imgbox  img{border-radius:15px;}
.about .part3 .imgbox.fl{margin-left: 50px; margin-right: 0; margin-top: 60px;}
.about .part3 .imgbox p{position: absolute;background: rgba(0,0,0,0.6); bottom: 0; width: 100%; height: 35px; color: #fff; line-height: 35px; text-align: center;}
.about .part3 .tt2 h2{margin-top:60px;}
.about .part3 .ppp{height:110px; overflow:hidden; width:100%;}
.about .part3 .clearfix{clear:both; width:100%; height:60px;}

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

.case {overflow:hidden;  background-color:#f2f2f2;}
.case .caselist{ display:flex; flex-wrap:wrap; margin: 2% auto; justify-content:space-between;}
.case .caselist .item{background-color:#fff; padding:10px; margin-bottom:10px;  border-radius: 8px; overflow:hidden}
.case .caselist .item .imgbox{width:370px; height:270px;background-size:cover; background-position:center center;}
.case .caselist .item p{line-height:30px; font-size:16px; padding-top:8px; text-align:center; color:#333; }

.productbox .productboxswiper .swiper-button-prev,.productbox .productboxswiper .swiper-button-next{position:absolute; width:30px; height:30px; background-size:contain;}
.productbox .productboxswiper .swiper-button-prev{top:-16px;left:auto; right:50px; background-image:url(/assets/images/swiper_right.png);    -webkit-transition: all .5s;-moz-transition: all .5s; transition: all .5s;}
.productbox .productboxswiper .swiper-button-prev:hover{background-image:url(/assets/images/swiper_right_h.png);}
.productbox .productboxswiper .swiper-button-next{top:-16px;left:auto; right:0; background-image:url(/assets/images/swiper_left.png);    -webkit-transition: all .5s;-moz-transition: all .5s; transition: all .5s;}
.productbox .productboxswiper .swiper-button-next:hover{background-image:url(/assets/images/swiper_left_h.png);}

@media screen and (max-width:1400px) {
    .header .nav{margin-right:50px;}
    .header .lan{left: 50%; margin-left: 580px; right:auto}
}


/*手机端*/
@media screen and (max-width:1200px) {
    body {min-width: 360px;position: relative;width: 100%;}
    .container{width:100%;margin:auto; }
    .pcshow{display:none;}
    .mobileshow{display:block}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{display:none}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{display:none}

    /*头尾*/
    .header{ width:100%; background:rgba(0,0,0,0.6); position:fixed; top:0; padding:7px 0px; z-index:9999;  }
    .header .logo{ margin-left: 2%; z-index:999;  position:relative}
    .header .logo .iso{margin-left:20px;}
    .header .logo img{height:40px;}
    .header.header_b{background-color:#fff}
    .header .mmenu{float:right; width:8%; margin-right:3%; margin-top:8px;}
    .header .mmenu span{display:block; width:86%; height:4px; margin:4px auto; background-color:#fff}
    .header.header_b .mmenu span{ background-color:#1d2087}
    .header .nav {float:none; width:75%; padding-top:80px;position:fixed; top:0; bottom:0; left:-75%;  background-color:#1e2188;}
    .header .nav a{display:block; font-size: 18px; color:#eee; margin:15px 10%; text-indent:5px}
    .header .headtel{line-height: 40px;  margin-left: 15px; font-size: 16px; color: #333; font-weight: bold; margin-top: 0; padding-left: 20px; background:url(/upload/images/2020/4/9cf4c2eaa04d03b8.png) no-repeat center left; background-size:15px;}
    .header .lan{right: 15%;top: 15px; }
    .header .lan a{color:#fff; line-height:30px; padding:5px 15px; font-size:13px;}
    .footer{overflow:hidden; background-color:#333333;  padding:5% 4%; }
    .footer .item{float:none; overflow:hidden}
    .footer .item1{width:auto; overflow:hidden; margin-bottom:20px; }
    .footer .item1 p{ font-size:15px; margin-top:5px; overflow:hidden; color:#ddd;width: 100%;}
    .footer .item1 .footlogo{ width:100%;}
    .footer .item2{width:100%; margin-bottom:20px; }
    .footer .item2 p{ line-height:30px; color:#ddd;}
    .footer .item3{display:none;}
    .footer .item3 img{ margin:0; width:35%}
    .footer .item3 p{text-align:left;padding: 5px 0; line-height:20px; font-size:14px;}
    .footer .copyright{padding-top:20px; overflow:hidden; border-top:1px dashed #474646;    margin-top: 30px;}
    .footer .copyright p,.footer .copyright a{color:#b0b0b0; float:none; font-size:12px; line-height: 22px;}
    .footer .copyright img{float:left; padding-top:8px; padding-right:5px; padding-left:0;}
    .bannerbox .text{left:0; margin-left:0; width:auto; padding:10px 30px;border-top-left-radius:0;border-top-right-radius: 10px;}
    .bannerbox .text h2{font-size:18px; line-height: 1.5;}
    .bannerbox .text p{display:none}

    /**首页**/
    .index{margin-top:55px;}
    .index .bannerbox{position:relative;width: 100%;}
    .index .productcate{display:none}
    .index .indexcont{background-size:cover;padding:5% 2%; background:none;}
    .index .productbox .title{font-size:18px; letter-spacing:2px; height:auto; }
    .index .productbox .title span{display:block; padding-left:0; font-weight:normal; }
    .index .productbox .infobox{overflow:hidden; float:none; padding:5%; width:100%; height:auto; background-size:cover;}
    .index .productbox .infobox .a1{font-size:16px; }
    .index .productbox .infobox .a2{font-size:22px; margin-top:20px; padding-bottom: 20px;}
    .index .productbox .infobox .a2::after{width:10%; height:2px; bottom:5px; left:0; }
    .index .productbox .infobox .a3{font-size:16px; color:#666666; margin-top:5px; line-height: 30px; height:30px;}
    .index .productbox .infobox .a3 span{font-size:32px; color:#333; padding:0px 5px;}
    .index .productbox .infobox .imgs{overflow:hidden; margin-top:10px;}
    .index .productbox .infobox .imgs .item{float:left; margin-right:0; width:25%}
    .index .productbox .infobox .imgs .item img{width:60%;}
    .index .productbox .infobox .more{display:none}
    .index .productbox .infobox .imgs .item p{text-align:left; padding:5px 0; font-size:12px;}
    .index .productbox .imgbox{ float:none; width:100%; height:auto; margin-top:0px; margin-left:0;}
    .index .productbox .imgbox img{width:100%}
    .index .aboutbox{overflow:hidden; margin-top:30px;}
    .index .aboutbox .leftbox{overflow:hidden; float:none; width:100%;z-index:999; position:relative;}
    .index .aboutbox .leftbox h2,.index .aboutbox .leftbox h3{text-align:center; padding-right:0;}
    .index .aboutbox .leftbox img{margin-top:20px; width:100%}
    .index .aboutbox .rightbox{overflow:hidden; float:none; width:100%; z-index:9;margin-left:0; background:none; padding:5%}
    .index .aboutbox .rightbox .p1{color:#666; font-size:15px; line-height:180%; margin-top:20px;}
    .index .aboutbox .rightbox .remarks{overflow:hidden; margin-top:25px;}
    .index .aboutbox .rightbox .remarks .item h4{font-weight:bold; font-size:18px; color:#1e2188}
    .index .aboutbox .rightbox .remarks .item p{line-height:35px;  font-size:15px; color:#333}
    .index .aboutbox .leftbox h3,.index .aboutbox .rightbox h3{color:#999999; font-size:16px; font-weight:normal; text-align:center;}
    .index .aboutbox .leftbox h2,.index .aboutbox .rightbox h2{color:#1e2188; font-size:18px; font-weight:bold;height:40px; line-height:30px; text-align:center; text-align:center; }
    .index .aboutbox .leftbox h2::after,.index .aboutbox .rightbox h2::after{width:10%;  left:50%; margin-left:-5%; bottom:0; position:absolute}
    .index .aboutbox .leftbox h2::after{display:none}
    .index .newsbox{overflow:hidden; margin-top:30px;}
    .index .newsbox h3{color:#999999; font-size:16px; font-weight:normal; text-align:center;}
    .index .newsbox h2{color:#1e2188; font-size:18px; font-weight:600; letter-spacing:4px; position:relative; height:40px; line-height:35px; text-align:center;}
    .index .newsbox h2::after{content:""; width:30px; height:2px; background-color:#1e2188; left:50%; bottom:0; margin-left:-15px; position:absolute}
    .index .newsbox .list{overflow:hidden; margin-top:15px; width:100%; flex-direction:column;}
    .index .newsbox .list a{overflow:hidden; display:block; float:none; width:100%; margin-right:0; margin-bottom:10px; overflow:hidden; background-color:#fff; padding:2%}
    .index .newsbox .list a img{width:100%; float:left}
    .index .newsbox .list a p{width:70%; float:left; margin-left:4%; color:#333; font-size:15px; line-height:160%; padding:10px 5px; font-weight:bold;}
    .index .newsbox .list .imgbox{background-size:0; width:25%; height:auto; overflow: hidden; float: left;}

    /*产品中心*/
    .products{overflow:hidden;    padding-bottom: 0px;}
    .products .title{margin-top:0; text-align:left; position:relative;  text-indent:20px; padding:5% }
    .products .title::after{display:none}
    .products .title .p1{font-size:14px; color:#666; text-transform:uppercase}
    .products .title .p2{font-size:18px;  font-weight:bold; height:40px; line-height:40px;}
    .products .title2{text-align:center; border-bottom:1px solid #ddd;box-shadow:0px -5px 15px #ddd; margin-top:0; padding:5%; margin-bottom:10px;}
    .products .productlist{overflow:hidden; padding:5% 2%;}
    .products .productlist .item{display:block; float:left;border:1px solid #ddd; width:100%; padding:5%; margin-bottom:10px;}
    .products .productlist .item p{font-size:16px; color:#333; text-align:center}
    .products .abc{background-size:cover; padding:5%; margin-top:0; }
    .products .abc .container{width:100%; font-size:14px; line-height:160%; color:#000; text-align:center;}
    /*add 0402*/
    .products { margin-top: 55px;}
    .products .productbox{overflow:hidden; margin-top:0; padding:5%; padding-top:0;}
    .products .productbox .series{overflow:hidden; margin-bottom:30px;}
    .products .productbox .series2 .infobox{float:left; text-align:left}
    .products .productbox .series2 .infobox .imgs .item{float:left; margin-left:0;}
    .products .productbox .series2 .imgbox{float:none; margin-right:0;}
    .products .productbox .title{font-size:20px; font-weight:bold; letter-spacing:3px; position:relative; color:#666; padding-left:15px; height:24px; line-height:24px; margin-bottom:20px;}
    .products .productbox .title::after{position:absolute; content:""; width:2px; height:16px; background-color:#666; left:0; top:4px;}
    .products .productbox .title span{letter-spacing:1px; color:#1e2188; text-transform:uppercase; font-size:15px; padding-left:20px; word-spacing:3px;}
    .products .productbox .infobox{overflow:hidden; float:none; padding:5%; width:100%; height:auto;}
    .products .productbox .infobox .a1{font-size:16px; color:#666666; text-transform:uppercase;}
    .products .productbox .infobox .a2{font-size:18px; font-weight:bold; margin-top:10px; position:relative;padding-bottom: 20px;}
    .products .productbox .infobox .a2::after{ width:15%; height:2px; bottom:5px; left:0; }
    .products .productbox .infobox .a3{font-size:16px; color:#666666; margin-top:10px;    line-height: 30px; height:30px;}
    .products .productbox .infobox .a3 span{font-size:16px; color:#333; padding:0px 5px;}
    .products .productbox .infobox .imgs{overflow:hidden; margin-top:10px;}
    .products .productbox .infobox .imgs .item{float:left; margin-right:0; width:25%; text-align:left}
    .products .productbox .infobox .imgs .item img{width:60%;}
    .products .productbox .infobox .more{display:none}
    .products .productbox .infobox .imgs .item p{text-align:left; padding:5px 0; font-size:12px;}
    .products .productbox .imgbox{overflow:hidden; float:none; width:100%; height:auto; margin-top:0; margin-left:0;}
    .floatcate1{top:54px; left:0;}
    .floatcate1 a{font-size:12px; line-height:32px;}
    .floatcate2{overflow:hidden; background-color:#1d2087; position:fixed; top:54px; left:0; right:0; padding:5px 0; }
    .floatcate2 a{display:block; float:left; font-size:12px; line-height:30px; width:33.33%; text-align:center; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
    .productinfo{overflow:hidden; margin-top:55px;}
    .productinfo .procate{ display:none}
    .productinfo .title{ text-align:center; position:relative;  margin:5%; }
    .productinfo .title .p1{font-size:16px; color:#666; text-transform:uppercase}
    .productinfo .title .p2{font-size:18px; color:#1e2188; letter-spacing:4px; height:30px; line-height:30px; position:relative;}
    .productinfo .title .p2::after,.productinfo .title .p2::before{height:1px; width:120px; position:absolute;}
    .productinfo .proimg{background:none;}
    .productinfo .proimg img{margin:auto; max-width:100%; padding:1% 10%}
    .productinfo .content{padding:5%; background:none;} 
    .productinfo .content .con{display:none; padding:0} 
    .productinfo .relations{display:none}

    /*关于我们*/
    .about{overflow:hidden; margin-top:55px;}
    .about .part1{overflow:hidden; padding:5%;}
    .about .part1 .leftbox{float:none; width:100%;}
    .about .part1 .rightbox{float:none; margin-top:5%; width:100%}
    .about .part1 .rightbox .video{width: 100%; height: auto; min-height:180px; max-width: 100%;}
    .about .part1 p{line-height:180%; font-size:15px; color:#666; }
    .about .part1 h2{font-size:18px; padding-bottom:30px; padding-top:10px;}
    .about .part2{overflow:hidden; padding:5%; }
    .about .part2 p{ line-height:180%; font-size:16px; color:#fff; text-align:center; padding:10px 0;}
    .about .part3{overflow:hidden; padding:5% 2%;}
    .about .part3 .textbox{width:100%; padding:3% 5%; background-color: #f9f9f9;}
    .about .part3 .textbox h2{font-size:18px; color:#1e2188; font-weight:bold; padding-left:0; margin-top:0; line-height: 40px;}
    .about .part3 .textbox h2:before{display:none}
    .about .part3 .textbox p{font-size:15px; color:#333; line-height:180%; padding-left:0; margin-top:0;position:relative;  }
    .about .part3 .textbox p:before{display:none}
    .about .part3 .textbox .number{display:none}
    .about .part3 .imgbox {width:100%;    margin-right: 0; margin-top:0;}
    .about .part3 .imgbox img{border-radius:0; width:100%}
    .about .part3 .imgbox.fl{margin-left: 0; margin-right: 0; margin-top: 0;}
    .about .part3 .imgbox p{position: absolute;background: rgba(0,0,0,0.6); bottom: 0; width: 100%; height: 35px; color: #fff; line-height: 35px; text-align: center;}
    .about .part3 .tt2 .number {text-align: right}
    .about .part3 .tt2 .number::after{left:auto; right:0}
    .about .part3 .tt2 h2{margin-top:0;}
    .about .part3 .ppp{height:110px; overflow:hidden; width:100%;}
    .about .part3 .clearfix{clear:both; width:100%; height:30px;}

    /*服务支持*/
    .service{margin-top:55px;}
    .teamlist{margin:0; padding:5%}
    .teamlist .teamNav{display:none}
    .teamlist .teamContent{ float: none; margin-top: 10px; padding-bottom: 30px; padding-left: 0; padding-right: 0; width: 100%; background: #fff; box-shadow: 3px 3px 10px #ccc;    padding: 5%;}
    .teamlist .teamContent .top .title{float: none;font-size: 16px; line-height: 35px; width: auto;}
    .teamlist .teamContent .top .sitemap{display:none}

    /*新闻媒体*/
    .news{overflow:hidden; background:none; margin-top:55px;}
    .news .title{margin-top:0; text-align:center; position:relative; width:auto; margin:5%; }
    .news .title::after,.news .title:before{content:""; background-color:#ddd; height:1px; width:120px; position:absolute;}
    .news .title::after{right:-50px;top:50%;}
    .news .title:before{left:-50px;top:50%;}
    .news .title .p1{font-size:14px; color:#666; text-transform:uppercase}
    .news .title .p2{font-size:18px; color:#1e2188; letter-spacing:2px; height:40px; line-height:30px; font-weight:bold;}
    .news .newslist{border-top:1px solid #ddd}
    .news .newslist .item{border-bottom:1px dashed #ddd; padding:5%; overflow:hidden}
    .news .newslist .date{display:none}
    .news .newslist .img{width:30%; height:100px; float:left; position:relative;}
    .news .newslist .img::after{display:none}
    .news .newslist .info{width:65%; float:left; padding:0; margin-left:4%}
    .news .newslist .info h2{font-size:16px; color:#333; line-height:160%; font-weight:normal; padding-top:20px;}
    .news .newslist .info p{display:none}
    .news .newslist .info .view{display:none}
    .news .content{padding:5%;width:auto; margin:auto}
    .news .content h2{font-size:18px; font-weight:bold; color:#333; line-height:160%}
    .news .content .con{overflow:hidden; margin-top:30px; border-top:1px dashed #eee; padding-top:20px; padding-bottom:30px;}
    .news .content .con p{font-size:14px; line-height:160%; color:#666; margin-top:20px;}
    .news .content .con img{width:100%}

    /*联系我们*/
    .contact{overflow:hidden; margin-top:55px;}
    .contact .con{overflow:hidden; padding:5% 3%; width:100%; flex-direction: column;}
    .contact .con .left{width:100%;padding-right:0; border:none}
    .contact .con .left h2{position:relative; color:#f08200; text-align:center; font-size:22px; font-weight:bold; padding-bottom:20px; margin-top:20px;}
    .contact .con .left h2::after{position:absolute; content:""; width:60px; height:2px;  background-color:#f08200; left:50%; bottom:0; margin-left:-30px; }
    .contact .con .left h3{text-align:center;}
    .contact .con .left img{display:none}
    .contact .con .right{width:100%; padding-left: 0; padding-top: 5%;}
    .contact .con .right p{line-height:26px; font-size:16px; float:none; width:100%; padding:0 1%; color:#333}

    .case {overflow:hidden; margin-top:55px;}
    .case .caselist{ padding: 5% 2%;}
    .case .caselist .item{padding:3px; margin-bottom:10px;  border-radius: 0px; width:49%;}
    .case .caselist .item .imgbox{width:100%; height:170px;background-size:cover; background-position:center center; background-repeat:no-repeat;}
    .case .caselist .item p{line-height:30px; font-size:16px; padding-top:8px; text-align:center; color:#333; }
}


.en .bannerbox .text{width:420px;}
.en.index .productbox .infobox .a3{line-height:25px; height:50px;}
.en.index .productbox .infobox .imgs .item{width:120px; margin-right:20px;}
.en.index .productbox .infobox .imgs .item img{margin:auto}
.en.index .aboutbox .rightbox h2{letter-spacing:0; text-transform:uppercase;}
.en.index .aboutbox .rightbox .remarks .item p{line-height:20px; margin-top:10px; font-size:15px;}
.en.footer .item1 .footlogo h2{ padding-top:0; font-size:16px; }