@charset "utf-8";
@font-face{font-family:DINCond-Bold;src:url(../fonts/DINCond-Bold.ttf) format("truetype"),url(../fonts/DINCond-Bold.eot) format("embedded-opentype"),url(../fonts/DINCond-Bold.svg) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'AiDianFengYaHei';src:url(../fonts/AlimamaFangYuanTiVF-Thin.ttf)}
@font-face{font-family:'LogoSCUnboundedSans';src:url(../fonts/LogoSCUnboundedSans-Regular-2.ttf)}
*{ 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; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-transition: all linear 0.4s; transition: all linear 0.4s;}
body { position: relative ;width: 100%; font-family:'Microsoft YaHei';  margin:auto; font-size:14px; }
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; -webkit-transition: all linear 0.4s; transition: all linear 0.4s;}
.text,textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}
img{border:none;display: block;}
.clear{clear:both}
.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }.fr,.r{float:right;}.fl,.l{float:left}.fix{*zoom: 1;}
.container{width:1200px;margin:auto; }
.imghover{-webkit-transition: all linear 1s;transition: all linear 1s;z-index: 10;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.imghover:hover{-webkit-transition: all linear 0.5s;transition: all linear 0.5s;z-index: 10;-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.pcshow{display:block;}
.mobileshow{display:none}

.header{overflow:hidden; z-index:9999; background-color:#fff; padding:5px 0;-webkit-transition: all linear 0.4s;transition: all linear 0.4s; position:fixed; top:0; width:100%;  border-bottom: 1px solid #f2f2f2;}
.header .container{width:1200px; margin:auto; overflow:hidden;}
.header .logo{float:left; overflow:hidden; width:500px;}
.header .logo img{height:60px; float:left}
.header .logo .text{float:left; overflow:hidden; width:400px; padding-left:15px; display:none; }
.header .logo h1{line-height:55px; font-weight:bold; font-size:28px; color:#35377f; letter-spacing:2px;}
.header .logo h2{line-height:80px; font-weight:bold; font-size:22px; color:#35377f; letter-spacing:1px;}
.header .lan{float:right;  width:30px; height:30px; margin-top:25px;}
.header .lan a{font-size:12px; width:28px; height:28px; line-height:28px; background-color:#35377f; display:block; border-radius:50%; color:#fff; text-align:center}
.header .nav{float:right;  width:520px; padding-top:15px; margin-right:30px;}
.header .nav a{ line-height:50px; font-weight:bold; display:block; float:left; width:100px; text-align:center; font-size:15px; color:#333; position:relative;}
.header .nav a.current,.header .nav a:hover{color:#35377f}
.header .nav a.current::after{color:#35377f;content:""; width:30px; height:2px; background-color:#35377f; position: absolute; bottom: 0;  left: 50%; margin-left: -15px;}
.header .nav a.down{position:relative; width:100px;}
.header .nav a.down::before{content: '';position: absolute; top: 23px; right: 10px; width: 0; height: 0; border-top: 5px solid #333; border-bottom: 3px solid transparent; border-left: 3px solid transparent;  border-right: 3px solid transparent;}
.header .nav a.down:hover::before,.header .nav a.current::before{border-top: 3px solid transparent; border-bottom: 5px solid #35377f; top: 20px; }
.header .subheader{overflow:hidden; background-color:#fff; border-top:1px solid #ddd; margin-top:15px; padding:2% 0; display:none}
.header .subheader .container{display:none}
.header .subheader .item{width:22%; float:left; margin:0 1.5%; display:block }
.header .subheader .item img{width:100%;border:1px solid #ddd; padding:3px;}
.header .subheader .item p{text-align:center; line-height:30px; font-weight:bold; color:#333}
.header.smallheader {padding: 5px 0; background-color: #fff;}
.header.smallheader .logo img{height:45px;}
.header.smallheader .logo .text{padding:0 15px; }
.header.smallheader .logo h1{line-height:45px; font-size:20px; letter-spacing:1px;}
.header.smallheader .logo h2{display:none}
.header.smallheader .lan{margin-top:5px;}
.header.smallheader .nav{padding-top:0;}
.header.smallheader .nav a{font-size:14px; line-height:45px;}
.header.smallheader .nav a.current::after{bottom:5px;}
.header.en .logo .text{width:500px;}
.header.en .logo {width:600px;}
.header.en .logo h2{letter-spacing:0; font-size:18px;}

.footer { background: #35377f; padding-top: 46px;    padding-bottom: 20px; overflow:hidden;}
.footer .footer_left{width:300px; float:left; overflow:hidden}
.footer .footer_left .cslogan{font-size:16px; color:#ddd; line-height:30px; margin-top:5px; }
.footer .footer_right{width:680px; float:right; overflow:hidden}
.footer .title {line-height:30px;color:#fff; font-weight:bold; font-size:16px;}
.footer .title.cname{font-size:22px; display:flex; }
.footer .title.cname img{ width: 30px; margin-right: 5px;}
.footer .title a{color:#ddd; font-size:14px;}
.footer .footer_item {float:left;min-width:200px; padding-right:50px;}
.footer .footer_item.weixin{float:right; min-width:130px; padding-right:0;}
.footer .footer_item.weixin img{width:130px; margin-top:16px;}
.footer .footer_item.weixin p{text-align:center; color:#ddd;; line-height:26px;}
.footer .ftx_ul {margin-top:16px;}
.footer .ftx_ul li {line-height:30px;color:#ffffff;}
.footer .ftx_ul li a{color:#fff;}
.footer .ftx_ul li a:hover {padding-left: 20px; background: url(/assets/images/icon_08.png) no-repeat left center;}
.footer .footer_bot {margin-top:25px;border-top:1px solid #ddd;color:#fff;padding-top:10px;}
.footer .footer_bot .copyright {color:#ddd;line-height:30px;font-size:13px; float:left; }
.footer .footer_bot .copyright a{color:#ddd;line-height:30px;font-size:13px; padding-left:5px;}
.footer.en .footer_left{width:520px;}
.footer.en .footer_right{width:600px;}
.footer.en .footer_item{min-width:180px;}
.footer.en .footer_item.weixin{width:130px; min-width:130px;}
.footer.en .footer_item.weixin p{display:none}

.banner{width:100%;background-color:#35377f; position: relative;}
.banner .container{padding:240px 0 80px;position: relative; z-index: 999; background: transparent;}
.banner h1{font-size:38px; font-family:LogoSCUnboundedSans; color:#fdfdfd; text-align:right; text-transform:uppercase; }
.banner h2{ color:#fff; font-size:28px;text-align:right; }
#banner-canvas{position: absolute; bottom: 0;}

.pages{width:1200px; margin:50px auto; overflow:hidden;}
.pages .boxtit{border-bottom:1px solid #ddd; line-height:40px; font-size:17px; font-weight:bold; color:#333; position:relative; display: flex; align-items: center;}
.pages .boxtit::after{content:''; position:absolute; left:0; bottom:-1px; width:100px; height:2px; background-color:#35377f; z-index:9}
.pages .boxtit .iconfont {font-size: 24px; color: #333; margin-right:3px;font-weight: normal; }
.pages .leftbox{width:300px; float:left;}
.pages .leftbox ul{overflow:hidden; margin-top:10px;}
.pages .leftbox ul li{overflow:hidden; }
.pages .leftbox ul li a{line-height:30px; color:#555; display:block; border-bottom:1px dashed #ddd; padding:5px 0; }
.pages .leftbox ul li a:hover,.pages .leftbox ul li a.on{color:#ee741e}
.pages .leftbox .channelbox{overflow:hidden;}
.pages .leftbox .channelbox a{overflow:hidden; background:url(/assets/images/li.png) no-repeat center left; padding-left:15px;}
.pages .leftbox .newsbox{overflow:hidden;margin-top:20px;}
.pages .leftbox .newsbox a{overflow:hidden; background:url(/assets/images/left_li.gif) no-repeat center left; padding-left:15px; text-overflow:ellipsis; white-space:nowrap}
.pages .leftbox .ptbox{overflow:hidden;margin-top:20px;}
.pages .leftbox .ptbox img{width:100%}
.pages .leftbox .contactbox{overflow:hidden; margin-top:20px;}
.pages .leftbox .contactbox li{line-height:30px; color:#555; display:block; border-bottom:1px dashed #ddd; padding:5px 0; }
.pages .leftbox .contactbox li span{display:block; line-height:30px; padding:0 21px;float: left; height: 30px;}
.pages .rightbox{width:850px; float:right}
.pages .rightbox .boxtit{font-size:18px; letter-spacing:1px;}
.pages .rightbox .content{padding:30px 0;}
.pages .rightbox .content img{max-width:100%; margin:10px auto;}
.pages .rightbox .content p{font-size:15px; color:#333; line-height:26px; margin-bottom:15px;}

/*分页样式*/
.pglist{padding: 30px 0 15px;width:100%;text-align: center;clear: both;}
.pglist span{color: #666;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #fff;}
.pglist a{color: #666;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #fff;border: 1px solid #edebeb;}
.pglist a:hover,.pglist a.current{color: #fff;background: #35377f;border-color: #35377f;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}

/*Index*/
.titbox{overflow:hidden; margin:auto}
.titbox h2{position:relative; text-align:center; width:400px; height:50px; border:2px solid #35377f; margin:auto; z-index:1; border-radius: 10px;}
.titbox h2 span{display:block; width:220px; color:#35377f; background-color: #f2f2f2; margin-left: 90px; left:0; font-size:28px; letter-spacing:2px; line-height:50px; z-index:9; position:absolute; bottom:-20px;}
.titbox p{color:#333; text-align:center; line-height:30px; margin-top:30px; font-size:16px; }
.ibanner{overflow:hidden; width:100%; position:relative;}
.ibanner img{width:100%}
.banner .swiper-slide {}
.banner .swiper-container .swiper-pagination{bottom:5%;left:50%; margin-left:-50px; width:100px;}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet{margin: 0 5px; display: block;  width: 40px;  border-radius: 4px; height: 5px;  float: left;background:#999}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#0a3387}
.productbox{overflow:hidden; padding:3% 0; background-color:#f2f2f2; }
.productbox .list{overflow:hidden; margin-top:2%;display: flex; justify-content: space-between; flex-wrap: wrap;}
.productbox .item{overflow:hidden; position:relative;display:block; width:390px;border-radius: 10px; margin-bottom: 15px;}
.productbox .item .t{position:absolute; top:5%; left:5%; z-index:9}
.productbox .item .t h3{color:#333; font-size:18px; line-height:35px; font-weight:bold;}
.productbox .item .t p{color:#666; line-height:20px; }
.productbox .item .m{width:100%;transition: all 0.3s ease-in-out;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;}
.productbox .item .b{position:absolute; bottom:8%; left:5%;z-index:9}
.productbox .item .b span{position:relative; color:#333; line-height:30px; display:block;}
.productbox .item .b span::after{content: ''; width: 10px; height: 2px; background: #35377f; position: absolute;  bottom: 0; left: 0; transition: all 0.3s ease-in-out;}
.productbox .item:hover .m{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.productbox .item:hover .b span::after {width:100%;}
.productbox .more{background: #fff; border:1px solid #999; color: #333; display:block; margin:3% auto 0; width:390px; line-height:30px; padding:10px 30px; border-radius:3px; text-align:center; position:relative}
.productbox .more span{font-size:20px;}
.productbox .more::after{content: ''; width: 0; height: 2px; background: #fff; position: absolute;  bottom: 10px; left: 30px; transition: all 0.3s ease-in-out;}
.productbox .more:hover{background-color:#35377f; color:#fff; padding:5px 30px 15px; }
.productbox .more:hover::after { width:320px;}
.productbox .more:hover span { color:#fff}
.companybox{padding:100px 0 120px; position:relative;background-color:#fff; overflow:hidden}
.companybox .leftbox{width:550px; position:relative;  float:left; }
.companybox .leftbox img {width:100%; border-radius: 15px;}
.companybox .rightbox{width:600px; text-align:left; float:right; }
.companybox .rightbox h3{ color:#333; font-size:28px; line-height:36px; margin-top:10px; letter-spacing:2px;}
.companybox .rightbox h2{color:#0a3387; font-size:20px; font-weight:bold; line-height:30px; margin-top:30px; margin-bottom:15px; letter-spacing:2px;}
.companybox .rightbox .p1{color:#999; font-size:18px; text-transform:uppercase;  line-height: 20px; text-transform:uppercase}
.companybox .rightbox .p2{color:#333333; font-size:15px; line-height:30px; margin-bottom:10px; }
.companybox .rightbox .more{ background-color:#35377f; padding:10px 15px; font-size:14px; color:#fff; margin-top:20px; border-radius:3px; display:block; float:left}
.newsbox{overflow:hidden; padding:5% 0; background-color:#f2f2f2;}
.newsbox .boxs{overflow:hidden; margin-top:2%;display: flex; justify-content: space-between;}
.newsbox .boxs .top{border-bottom:8px solid #f6f6f6; overflow:hidden; padding:10px 0px;}
.newsbox .boxs .top h3{float:left; font-size:18px; color:#333; line-height:30px;}
.newsbox .boxs .top span{float:left; font-size:15px; color:#999; line-height:30px; padding-left:10px;}
.newsbox .boxs .top a{float:right; font-size:13px; color:#999; line-height:30px; }
.newsbox .leftimg{width:270px;}
.newsbox .leftimg img{width:100%; border-bottom-left-radius: 10px; border-top-left-radius: 10px;}
.newsbox .cnews{width:460px;background-color: #fff; padding: 10px 20px; border-bottom-right-radius: 10px; border-top-right-radius: 10px;}
.newsbox .cnews .list{overflow:hidden; margin-top:20px;}
.newsbox .cnews .list a{background:url(/assets/images/list_li.gif) no-repeat center left; display:block; line-height:30px; padding-left:10px; color:#555}
.newsbox .cnews .list a span{font-size:12px; color:#999; float:right; line-height:30px;}
.newsbox .inews{width:460px; margin-left:10px;background-color: #fff; padding: 10px 20px; border-radius:10px; }
.newsbox .inews .list a{display:block; overflow:hidden; padding:10px 0; border-bottom:1px dashed #ddd}
.newsbox .inews .list a:last-child{border:none}
.newsbox .inews .list a img{float:left; width:110px; margin-right:15px;}
.newsbox .inews .list a .tt{float:left;color:#555; width:295px; line-height:30px;}
.newsbox .inews .list a .summary{float:left; font-size:12px; color:#999;width:295px; line-height:20px;}
.hengbox{background:url(/assets/images/bt.jpg) no-repeat center center; background-size:cover; padding:80px 0; }
.hengbox .container{display:flex; justify-content:space-between;align-items:center;}
.hengbox .txt{flex:1; padding-right:10%;}
.hengbox .txt h1{color:#fff; font-size:34px; font-family:AiDianFengYaHei; line-height:40px; }
.hengbox .txt p{color:#fff; font-size:18px; font-family:AiDianFengYaHei; line-height:24px; margin-top:20px; }
.hengbox .tel{ width:300px; }
.hengbox .tel p{font-size:28px; color:#fff; border-radius:50px; border:1px solid #ddd; line-height:50px; text-align:center }
.hengbox .tel .iconfont{font-size:32px; color:#fff; padding-right:10px; }

/*产品*/
.products{overflow:hidden}
.products .imglist{overflow:hidden; margin-top:2%}
.products .item{overflow:hidden; width:31.333%; margin:1% 1% 2%; float:left; border: 1px solid #ddd;}
.products .item img{width:100%;-webkit-transition: all linear 0.4s;transition: all linear 0.4s;z-index: 10;}
.products .item:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.products .item p{line-height:40px; text-align:center; color:#333; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.productinfo{overflow:hidden}
.productinfo .imgwrap{width:100%; margin-top:2%; overflow:hidden}
.productinfo .imgwrap .pimg{width:52%; float:left }
.productinfo .imgwrap .summary{width:45%; margin-left:3%;float:left }
.productinfo .imgwrap .summary h1{font-weight:bold; font-size:20px; line-height:30px; border-bottom:1px solid #ddd; padding-bottom:10px; color:#333}
.productinfo .imgwrap .summary p{font-size:15px; line-height:26px; margin-top:15px;}
.productinfo .intro{overflow:hidden; margin-top:5%;}
.productinfo .tab-nav{overflow:hidden; padding:10px 0; border-bottom:1px solid #ddd;}
.productinfo .tab-nav a{display:block; float:left; line-height:30px; margin-right:20px; font-size:16px; color:#333; font-weight:bold}
.productinfo .tab-nav a.on{color:#35377f}
.productinfo .tab-con{overflow:hidden;padding: 20px 5px;}
.productinfo .tab-con .con{display:block; }
.productinfo .tab-con .con img{max-width:100%; margin:10px auto;}
.productinfo .tab-con .con p{font-size:15px; color:#333; line-height:26px; margin-bottom:15px;}

/*新闻*/
.news{overflow:hidden}
.news .list{overflow:hidden; margin-top:25px;}
.news .item{display: flex; justify-content: space-between;margin-bottom: 30px; height: 100px;}
.news .item .date{ width: 100px; font-size: 26px; color: #35377f;font-family:DINCond-Bold;line-height: 1.2;  text-align: right; background-color: #f9f9f9; padding: 10px 20px;}
.news .item .date span{font-size:16px;font-family:DINCond-Bold; }
.news .item .info{flex:1;padding-left: 30px;}
.news .item .title{ font-size: 18px; color: #333;  line-height: 30px; margin-bottom: 5px; font-weight: bold;}
.news .item .summary{font-size: 14px;color: #a5a5a5; line-height: 22px; margin: 0;}
.news .item:hover{color:#35377f}
.newsinfo {overflow:hidden;}
.newsinfo .content{padding:50px 80px 120px; background-color:#fff;margin-top: 2%; margin-bottom:3%;}
.newsinfo .content .tt h1{font-size:24px; font-weight:bold; color:#333; line-height:40px; text-align:center; letter-spacing:1px;}
.newsinfo .content .tt p{text-align:center}
.newsinfo .content .tt span{font-size:13px;  line-height:30px; color:#999; text-align:center}
.newsinfo .con{overflow:hidden; padding:2% 0 0;border-top: 1px solid #ddd; margin-top:10px;}
.newsinfo .con img{max-width:100%; margin:auto}
.newsinfo .con p{font-size:15px; line-height:24px; color:#333; margin-bottom:15px; }

/*关于*/
.about .contact .content h1{ font-size: 30px; color: #35377f; line-height: 40px; font-weight: bold; margin-bottom: 23px;}
.about .contact .content h2{color:#ee741e;font-size:16px; line-height:30px;letter-spacing:3px;}
.about .contact .content h3{color:#666; font-size:16px; font-weight:normal; }
.about .contact .content h4{color: #333;line-height: 30px; margin-top: 20px; font-size: 18px;}
.about .contact .content p{font-size:16px !important; padding:0 !important; display: flex; align-items: center;}
.about .contact .content p.iconfont:before{ font-size: 22px; padding-right: 5px;} 
.about .contact .content img{margin: 0 !important; width: 140px;}

.en .titbox h2{ width:500px; }
.en .titbox h2 span{ width:320px; letter-spacing:0; }
.en .companybox .rightbox h3{ font-size:26px; letter-spacing:0; }
.en .companybox .rightbox .p1{ display:none; }
.en .companybox .rightbox h2{font-size:16px; letter-spacing:0; margin-top:10px; }
.en .companybox .rightbox .p2{line-height:24px; text-align: justify;}
.en .newsbox .boxs .top span{display:none}
.en .newsbox .cnews .list a{margin:5px 0; line-height:24px; background-position:-2px 12px}
.en .footer .footer_left{width:400px; }
.en .footer .title.cname{font-size:18px; text-transform:uppercase; align-items:flex-start;}
.en .footer .title.cname img{margin-top:5px; }
.en .pages .rightbox .boxtit{ font-size:22px;  }
.en .about .contact .content p{text-align:justify;}
.en .about .contact .content h1{ font-size: 26px; }
.en .about .contact .content h2{letter-spacing:0;}
.en .about .contact .content h4{font-size:15px; }
.en .newsinfo .content .tt h1{ letter-spacing:0; }

@media only screen and (max-width:1200px) {
    .pcshow{display:none;}
    .mobileshow{display:block}
    body{max-width:100%; min-width:100%;}
    .container{width:100%;margin:auto; }
    .banner .container{padding: 15% 5%;}
    .banner h1{ font-size:6vw; letter-spacing:2px; }
    .banner h2{font-size:20px; }

    .pcshow{display:none;}
    .mobileshow{display:block}
    .header{ padding:5px 3%;width:100%;border-bottom:1px solid #eee; }
    .header .container{width:100%}
    .header .logo{float:none; }
    .header .logo img{height:45px;}
    .header .logo .text{padding-left:5px; width:auto}
    .header .logo h1{line-height:45px; font-size:20px;}
    .header .logo h2{line-height:45px;font-size:14px; letter-spacing:0}
    .header .lan{float:none; position: absolute;  right: 15%; top: 0; margin-top: 10px;}
    .header .mmenu{position:absolute; right:3%; z-index:99999; top:8px; width:10%;}
    .header .mmenu span{display:block; width:80%; height:4px; margin-top:5px; border-radius:5px; background-color:#35377f}
    .header .mmenu span:nth-child(2){width:60%;}
    .header .mmenu.on{}
    .header .mmenu.on span{background-color:#fff; }
    .header .nav{float:none; width:40%; padding:10% 5% 5%;  position: fixed; right: -50%; z-index: 99999; background-color:#35377f;  top: 0; bottom: 0;  height: 100%;-webkit-transition: all linear 0.4s;transition: all linear 0.4s;}
    .header .nav.expend{right:0; margin-right:0;}
    .header .nav a{color:#fff; text-align:left}
    .header .nav .a1.current,.header .nav .a1:hover{color:#fff}
    .header .nav a.icon{display:none}
    .header .subheader{width:0;}

    .footer { padding:5% 4%; position:relative;}
    .footer .footer_left{width:100%; float:none;}
    .footer .footer_left .cslogan{font-size:15px;margin-top:0; }
    .footer .footer_right{width:20%; float:none; position:absolute; top:5%; right:4%}
    .footer .title.cname{font-size:18px; }
    .footer .footer_item { display:none}
    .footer .footer_item.weixin{float:none; display:block; min-width:60px; padding-right:0;}
    .footer .footer_item.weixin .title{display:none}
    .footer .footer_item.weixin img{width:100%; margin-top:60px;}
    .footer .footer_item.weixin p{text-align:center; color:#ddd;; line-height:26px;}
    .footer .ftx_ul li { font-size:12px;}
    .footer .footer_bot {display:none}

    .pagebanner{margin-top:55px}
    .pages{width:100%; margin:0 0 5%; overflow:hidden;}
    .pages .boxtit{display:none}
    .pages .leftbox{width:100%; float:none; border-bottom:1px solid #ddd;}
    .pages .leftbox ul li{width:25%; float:left }
    .pages .leftbox ul li a{line-height:30px; color:#555; display:block; border-bottom:none; padding:5px 0; }
    .pages .leftbox .channelbox{overflow:hidden; padding: 0 3%;}
    .pages .leftbox .newsbox{display:none}
    .pages .leftbox .contactbox{display:none}
    .pages .leftbox .ptbox{display:none}
    .pages .rightbox{width:100%; float:none; padding:3%;}
    .pages .rightbox .content{padding:5% 0;}
    .pages .rightbox .content p{font-size:14px; }
    .pglist{width:60%; margin:auto; }
    .pglist span{ border: 1px solid #edebeb;}
    .pglist a,.pglist .current{display:none}
    .pglist .pre,.pglist .next{width:46%; float:left;  margin:0 2%;}
    .pglist .pre a,.pglist .next a{display:block; border:none}

    .en.header .logo{overflow:hidden; display:block; position:relative; width:75%;}
    .en.header .logo .text{position:absolute; top:5px; left:50px; width:80%; }
    .en.header .logo h2{font-size:14px; line-height:20px;}
    .en.pages .leftbox ul li{width:50%;}
    .en.footer .footer_left{width:100%}
    .en.footer .title.cname{font-size:16px;}
    .en.footer .footer_right{display:none}

    /*Index*/
    .ibanner{ margin-top:55px; }
    .titbox h2{ width:95%; height:50px; border:2px solid #35377f; margin:auto; z-index:1}
    .titbox h2 span{width:50%; left:50%; margin-left:-25%; font-size:20px; letter-spacing:0; line-height:40px; bottom:-20px;}
    .titbox p{ line-height:1.5; margin-top:20px; font-size: 14px; }
    .banner{margin-top:55px;}
    .banner .swiper-container .swiper-pagination{display:none}
    .productbox{overflow:hidden; padding:5% 2%; }
    .productbox h1{font-size: 38px; color:#35377f; text-align:center;}
    .productbox .item{width:49%;  padding-top:5%;  border: 1px solid #ddd; background-color:#fff; padding-top: 2%; }
    .productbox .item .t{ position:initial; text-align:center; }
    .productbox .item .t h3{ font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:0 3% }
    .productbox .item p{position:absolute; top:5%; left:5%; color:#333; line-height:30px; z-index:99}
    .productbox .item .b{display:none}
    .productbox .more{width:100%; padding:5px 0;}
    .productbox .more span{font-size:20px;}
    .productbox .item2{ float:none; width:100%; height:450px; margin-bottom:2%;}
    .productbox .item2:nth-child(2){margin:0 0 2% 0;}
    .productbox .item2 .m{display:none}
    .companybox{padding:0 0 5%;}
    .companybox .leftbox{width:100%; position:relative;  float:none; }
    .companybox .leftbox img {width:100%; height:auto; border-radius: 0;}
    .companybox .rightbox{width:100%; text-align:center; float:none; padding:3%}
    .companybox .rightbox h3{ font-size:22px; line-height:36px; margin-top:10px; letter-spacing:0;}
    .companybox .rightbox h2{ font-size:16px; font-weight:bold; line-height:30px; margin-top:15px; margin-bottom:15px; letter-spacing:0;}
    .companybox .rightbox .p1{font-size:12px;}
    .companybox .rightbox .p2{color:#333333; font-size:14px; line-height:24px; margin-bottom:10px; }
    .companybox .rightbox .more{ padding:10px 0; font-size:14px; color:#fff; margin-top:20px; border-radius:3px; display:block; float:none}
    .hengbox{padding:8% 5%;}
    .hengbox .container{ flex-wrap:wrap; flex-direction: column; }
    .hengbox .txt{ padding-right:0; }
    .hengbox .txt h1{font-size:22px; text-align:center}
    .hengbox .txt p{font-size:14px; text-align:center; margin-top:10px; }
    .hengbox .tel{ width:96%; margin-top:5%; }
    .hengbox .tel p{border-radius:5px;font-size:22px; line-height:40px; }
    .hengbox .tel .iconfont{ font-size:22px; }
    .newsbox{overflow:hidden; padding:5% 3%; background-color:#fff;}
    .newsbox .titbox h2 span{background-color:#fff; }
    .newsbox .boxs{ flex-direction:column;}
    .newsbox .boxs .top{border-bottom:5px solid #f6f6f6; }
    .newsbox .boxs .top h3{float:left; font-size:15px; color:#333; line-height:30px;}
    .newsbox .boxs .top span{float:left; font-size:13px; color:#999; line-height:30px; padding-left:10px;}
    .newsbox .boxs .top a{float:right; font-size:13px; color:#999; line-height:30px; }
    .newsbox .leftimg{display:none}
    .newsbox .cnews{width:100%; float:none; margin-left:0;}
    .newsbox .cnews .list{overflow:hidden; margin-top:20px;}
    .newsbox .cnews .list a{background:url(/assets/images/list_li.gif) no-repeat center left; display:block; line-height:45px; padding-left:10px; color:#555}
    .newsbox .cnews .list a span{display:none;}
    .newsbox .inews{width:100%; float:none; margin-left:0; margin-top:3%}
    .newsbox .inews .list a{display:block; overflow:hidden; padding:10px 0; border-bottom:1px dashed #ddd}
    .newsbox .inews .list a img{float:left; width:110px; margin-right:15px;}
    .newsbox .inews .list a .tt{float:left;color:#555; width:295px; line-height:30px;}
    .newsbox .inews .list a .summary{float:left; font-size:12px; color:#999;width:295px; line-height:20px;}

    /*产品*/
    .products{overflow:hidden}
    .products  .leftbox .channelbox ul li{width:33.33%}
    .products  .rightbox{padding:3% 2%;}
    .products .item{overflow:hidden; width:48%; }
    .products .item p{line-height:40px; text-align:center; color:#333; font-size:14px;}
    .productinfo{overflow:hidden}
    .productinfo .imgwrap .pimg{width:100%; float:none }
    .productinfo .imgwrap .summary{width:100%; margin-left:0;float:none; margin-top:3% }
    .productinfo .imgwrap .summary h1{font-weight:bold; font-size:20px; line-height:30px; border-bottom:1px solid #ddd; padding-bottom:10px; color:#333}
    .productinfo .imgwrap .summary p{font-size:15px; line-height:26px; margin-top:15px;}
    .productinfo .intro{overflow:hidden; margin-top:5%;}
    .productinfo .tab-nav a{display:block; float:left; line-height:30px; margin-right:20px; font-size:15px; color:#333; font-weight:bold}

    /*新闻*/
    .news{overflow:hidden}
    .news .list{overflow:hidden; margin-top:10px;}
    .news .item{font-size:14px; flex-direction: column;height: auto; margin-bottom: 5%; }
    .news .item span{display:none}
    .news .item .date{ padding:10px; font-size:18px; text-align:left }
    .news .item .info{padding-left:0;}
    .news .item .title{font-size:16px; }
    .newsinfo {overflow:hidden;}
    .newsinfo .content{margin-top: 0; margin-bottom:3%;}
    .newsinfo .content .tt h1{font-size:18px; line-height:1.5; text-align:center; letter-spacing:0;}
    .newsinfo .content .tt span{font-size:12px;  line-height:30px; color:#999; text-align:center}
    .newsinfo .con{overflow:hidden; padding:2% 0 0;border-top: 1px solid #ddd; margin-top:10px;}
    .newsinfo .con img{max-width:100%; margin:auto}
    .newsinfo .con p{font-size:15px; line-height:24px; color:#333; margin-bottom:15px; }

    /*关于*/
    .about .contact .content h1{ font-size: 24px; margin-bottom:0; }
    .about .contact .content h2,.about .contact .content h3,.about .contact .content h4{ font-size:14px; }
    .about .contact .content p{font-size:14px !important; line-height:1.5}

    .en.pages .leftbox ul li{width:50%;}
    .pages .leftbox ul li{ width:50%; }
    .en.productbox h1{font-size:16px; text-align:center; line-height:30px;}
    .en.companybox .rightbox h3{font-size:18px; line-height:1.5}
    .en.companybox .rightbox h2{font-weight:normal; font-size:15px; line-height:1.5}
    .en.products .leftbox .channelbox ul li, .en.productinfo .leftbox .channelbox ul li{width:100%;}
    .en .titbox h2{ width:95%; }
    .en .titbox h2 span{ width: 80%; margin-left: -40%; }
    .en .companybox .rightbox h3{ font-size:22px; }
    .en .companybox .rightbox h2{font-size:15px; }
    .en .footer .footer_left{width:100%; }
    .en .footer .footer_item.weixin{display:none}
    .en .about .contact .content h1{font-size: 22px; line-height: 1.4;}
}