.header{position:fixed; top:0; width:100%; }

.banner{overflow:hidden; width:100%; position:relative; margin-top:89px;}
.banner .swiper-slide {}
.banner .swiper-slide img{width:100%}
.banner .swiper-container .swiper-pagination{bottom:5%;left:50%; margin-left:-8%; width:16%;height:10px;background:rgba(255,255,255,0.5);border-radius:7px;}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet{margin: 0 1%; display: block;  width: 23%;  border-radius: 4px; height: 10px;  float: left;background:#999}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#EC6C00}
/*.banner{overflow:hidden; width:100%; position:relative; margin-top:89px;}
 .banner .bannerbox .banner-pagination{bottom:10%;left:auto; right:10%;width:160px;height:10px;background:rgba(255,255,255,0.5);border-radius:7px;pacity:0.7;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0; display: block;  width: 40px;  border-radius: 7px;    height: 10px;  float: left;background:rgba(255,255,255,0.5)}
.banner .bannerbox .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#EC6C00}*/

.proline {overflow:hidden; padding-bottom:30px;}
.proline .imgBox { margin: 0 auto; position: relative; width: 100%; height: 440px;    display:none}
.proline .pro_box{position: relative;margin: 0 auto;width: 1180px; padding:30px 0 50px; }
.proline .pro_box:after{content: '';display: block;height: 0;clear: both;}
.proline .pro_box .pro{position: relative;z-index: 2;float: left;margin-left: 3px;width: 232px; display:block; }
.proline .pro_box .pro .name{position: relative; font-weight: bold;line-height: 60px;font-size: 16px;cursor: pointer;transition-duration: .3s;}
.proline .pro_box .pro .name:after{content: '';position: absolute;top: 57px;left: 0;width: 100%;height: 3px;background-color: #b2b2b2;transition-duration: .3s;}
.proline .pro_box .pro .name span{transition-duration: .5s; color:#333; font-size:15px;}
.proline .pro_box .pro.on .name span{opacity: 0;}
.proline .pro_box .pro.on .name:after{height: 8px;background-color: #ec6c00;}
.proline .pro_box .pro .des{position: relative;margin-top: 40px;width: 650px;opacity: 0;transform: translateY(30px);transition: .8s;}
.proline .pro_box .pro .des:before{content: '';position: absolute;top: -2px;left: 0;width: 26px;height: 31px;background: url(../images/icon_05.png); background-repeat:no-repeat;}
.proline .pro_box .pro .des:after{content: '';display: block;height: 0;clear: both;}
.proline .pro_box .pro .cont{float: left;width: 280px;position: relative;z-index: 9; padding-left: 45px;}
.proline .pro_box .pro .cont img{margin-top: 20px;}
.proline .pro_box .pro .en{font-family: 'RAJDHANI-BOLD';font-size: 62px;line-height: 52px;color: #68b92e;opacity: .4;text-transform: uppercase;letter-spacing: -5px;}
.proline .pro_box .pro .cn{color: #ec6c00;font-size: 22px;line-height: 32px;margin-bottom: 14px;}
.proline .pro_box .pro .slogan{line-height: 22px;font-size: 22px;color: #4c4c4c;white-space: nowrap;}
.proline .pro_box .pro .slogan p{margin-top: 15px;font-size: 14px;color: #808080; line-height: 20px;}
.proline .pro_box .pro .machine{float: left;}
.proline .pro_box .pro.on .des{opacity: 1;transform: translateY(0);}
.proline .pro_box .pro.pro4 .des{margin-left: -110px;}
.proline .pro_box .pro.pro5 .des{margin-left: -320px;}


.company{padding:100px 0 120px; background-color:#f6f6f6; position:relative;}
.company .container{width:1180px; margin:auto}
.company .leftbox{width:530px; text-align:left; float:right; }
.company .leftbox h1{color:#dddddd; font-size:24px; font-weight:normal; position:relative; line-height:40px; text-transform:uppercase;  display:none; }
.company .leftbox h3{  display:none;   color:#333; font-size:24px; line-height:36px; margin-top:10px; letter-spacing:2px;}
.company .leftbox h3 span{color:#ec6c00; font-size:24px; line-height:36px; letter-spacing:2px;}
.company .leftbox h2{color:#ec6c00; font-size:20px; font-weight:bold; line-height:30px; margin-top:40px; margin-bottom:15px; letter-spacing:2px;}
.company .leftbox .p2{color:#333333; font-size:15px; line-height:30px; margin-bottom:10px; }
.company .leftbox .p1{color:#333; font-size:28px; text-transform:uppercase; font-weight: bold; line-height: 40px;}
.company .leftbox .more1{color:#ec6c00; padding-left:30px;}
.company .leftbox .more{  display:none;  background-color:#ed6d00; padding:12px 15px 12px 25px; font-size:14px; color:#fff; float:right; margin-top:22px; border-radius:3px}
.company .leftbox .more:hover{background-color:#ffae00}
.company .rightbox{width:600px; position:relative;  float:left; }
.company .rightbox .imgs {overflow:hidden; position:relative}
.company .rightbox .imgs img{width:100%;}
.company .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;}
.company .rightbox .numbers { overflow: hidden; margin-top: 20px;}
.company .rightbox .item{float:left; width:25%; text-align:center; margin:3% 0px;}
.company .rightbox .item .p1{font-size:16px;color:#333}
.company .rightbox .item .p1 b{font-size:38px; padding-right:5px; color:#ec6c00;  font-family: fantasy;}
.company .rightbox .item .p2{font-size:18px; color:#696969; margin-top:15px; font-weight:bold; }
.company .companyswiper .swiper-pagination {width:auto; left:auto; right:5%; }
.company .companyswiper .swiper-pagination .swiper-pagination-bullet{ background-color:#fff; }
.company .rightbox .img1{}
.company .rightbox .img2{float:left; width:290px; margin-top:30px;}
.company .rightbox .img3{float:right;width:290px; margin-top:30px;}
.company .pcate{padding:10px 0 20px; background-color:#fff;  box-shadow: 0px 10px 15px #ccc;border-radius: 15px; width:1040px; margin:auto; overflow:hidden; position:absolute; bottom:-60px; left:50%; margin-left:-520px;}
.company .pcate .item{width:25%; float:left; overflow:hidden; }
.company .pcate .item img{width:75px; height:75px; margin:auto; -webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;transition:0.3s all;}
.company .pcate .item:hover img {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
.company .pcate .item p{font-size:15px; line-height:20px; color:#555555; margin-top:10px;text-align:center}


.news{overflow:hidden; margin:80px auto 0; width:1180px; background-color:#fff;}
.news .newsnav{overflow:hidden; }
.news .newsnav .tit{float:left; overflow:hidden; height:35px;position:relative;}
.news .newsnav .tit::after{position:absolute; content:""; width:2px; height:16px; background-color:#EC6C00; left:0; top:10px;}
.news .newsnav .tit h2{font-size:22px; color:#333; font-weight:bold; line-height:35px; float: left; padding-left:15px}
.news .newsnav .tit p{font-family:Arial;margin-top:10px;  line-height:20px; margin-left:15px; float: left; letter-spacing:1px; text-transform:uppercase}
.news .newsnav .tabnav{float:right; height:35px;}
.news .newsnav .tabnav a{display:block; float:left; border:1px solid #ddd; padding:0 25px; height:33px; line-height:33px;margin-left: 15px;}
.news .newsnav .tabnav a.on{background-color:#ec6c00; color:#fff; border:1px solid #ec6c00}
.news .tabcon{display:none; padding:30px 0px 60px 0; overflow:hidden}
.news .tabcon .imgbox{width:450px; float:left;}
.news .tabcon .imgbox .newsimg img{width:100%;}
.news .tabcon .imgbox .newstit{display:block; color:#ec6c00;  margin-top: 10px; font-size:18px; padding:10px 0px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .tabcon .imgbox .summary{color:#666; line-height:26px; height:52px; overflow:hidden; }
.news .tabcon .listbox{width:680px; float:right;}
.news .tabcon .listbox .item{overflow:hidden; margin-bottom: 40px;}
.news .tabcon .listbox .item .date{float:left; width:100px; padding-right:30px; font-size:16px; color:#333333;text-align:right; color:#999999;padding-top: 40px;}
.news .tabcon .listbox .item .date b{font-weight:bold; font-size:20px; color:#333333; line-height:30px;}
.news .tabcon .listbox .item .info{overflow:hidden; float:left; width:535px; padding:10px 0px 10px 30px; border-left:1px solid #ddd;}
.news .tabcon .listbox .item .info a.tit{display:block; font-size:18px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333;}
.news .tabcon .listbox .item .info a.tit:hover{color:#ec6c00; }
.news .tabcon .listbox .item .info .summary{color:#999999; line-height:24px; height:48px; overflow:hidden; margin-top:10px;}
.news .tabcon .listbox .item .info .view{margin-top:5px; display:block; }


.cooperation{overflow:hidden; background-color:#f4f4f4; padding:80px 0 100px;}
.cooperation .boxnav{overflow:hidden; padding:20px 0;}
.cooperation .boxnav .tit{float:left; overflow:hidden; height:35px; position:relative;}
.cooperation .boxnav .tit::after{position:absolute; content:""; width:2px; height:16px; background-color:#EC6C00; left:0; top:10px;}
.cooperation .boxnav .tit h2{font-size:22px; color:#333; font-weight:bold; line-height:35px; float: left; padding-left: 15px;}
.cooperation .boxnav .tit p{font-family:Arial; margin-top:10px;  line-height:20px; margin-left:15px; float: left;  text-transform: uppercase;  letter-spacing:1px;}
.cooperation .boxnav .navaa{float:right; height:35px; width:auto}
.cooperation .boxnav .navaa a{display:block; float:left; padding:0 20px; height:35px; line-height:35px; color:#666;font-size: 15px;}
.cooperation .boxnav .navaa a.on{color:#ec6c00; font-weight:bold }
.cooperation .boxcon{overflow:hidden; }
.cooperation .boxcon .ccoon{overflow:hidden}
.cooperation .boxcon a{display:block; float:left;margin: 10px 8px;}
.cooperation .boxcon a img{width:180px; -webkit-transition: all linear 0.4s;transition: all linear 0.4s; border-radius:15px;}
.cooperation .boxcon a img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}


.case{overflow:hidden; background-color:#fff;  width:100%; padding:80px 0 120px;}
.case .boxnav{overflow:hidden; padding:20px 0 30px;}
.case .boxnav .tit{float:left; overflow:hidden; height:35px; position:relative;}
.case .boxnav .tit::after{position:absolute; content:""; width:2px; height:16px; background-color:#EC6C00; left:0; top:10px;}
.case .boxnav .tit h2{font-size:22px; color:#333; font-weight:bold; line-height:35px; float: left; padding-left: 15px;}
.case .boxnav .tit p{font-family:Arial;margin-top:10px;  line-height:20px; margin-left:15px; float: left; text-transform:uppercase; letter-spacing:1px;}
.case .boxnav .navaa{float:right; height:35px; width:auto}
.case .boxnav .navaa a{display:block; float:left; padding:0 20px; height:35px; line-height:35px; color:#666; font-size: 15px;}
.case .boxnav .navaa a.on{color:#ec6c00; font-weight:bold }
.case .caseshow {width:100%; height:500px; position:relative; }
.case .caseshow a{display:block; overflow:hidden;  position:relative; width:49%; float:left; margin:1px 0.5% 1%; }
.case .caseshow .pic{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease; }
.case .caseshow .pic:hover{ cursor: pointer;  transform: scale(1.04);-ms-transform: scale(1.04);-moz-transform: scale(1.04);-webkit-transform: scale(1.04);-o-transform: scale(1.04);}
.case .caseshow .bg-mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: -webkit-linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%)!important; background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%)!important; background: #242424; filter: alpha(opacity=30); pointer-events: none;}
.case .caseshow .mask{padding:10px 30px; width: 100%;background: rgba(0,0,0,0.5)!important;background: #000;filter: alpha(opacity=50);position: absolute;left: 0;bottom: 0;z-index: 2;}
.case .caseshow .mask h1{font-size: 18px;color: #fff;font-weight: bold;line-height: 30px;}
.case .caseshow .mask p{font-size: 14px;color: #fff; line-height:30px;}
/*.case .left{width:40%; float:left; height:100%}
.case .left a{width:100%; height:100%;}
.case .right{width:60%; float:right; height:100%}
.case .right a{width:50%; float:left; height:50%;}*/
.case .right .mask{background:rgba(0,0,0,0.3)!important; padding:10px 30px;}
.case .right .mask p{line-height:30px;}
/*.case .caseshow2 {width:100%; height:500px; position:relative; }
.case .caseshow2 .left{width:49.5%; float:left; height:100%}
.case .caseshow2 .right{width:49.5%; float:right; height:100%}
.case .caseshow2 .right a{width:100%; float:none; height:49%;}
.case .caseshow2 .right a:first-child{margin-bottom:2%}*/


.products{overflow:hidden; position:relative; background:url(../images/product_bg.png) no-repeat center bottom; background-color:#f4f4f4; padding:120px 0 0;}
.products .title{font-size:22px; font-weight:bold; letter-spacing:3px; position:relative; color:#fff; padding-left:15px; height:24px; line-height:24px; margin-bottom:20px;}
.products .title::after{position:absolute; content:""; width:2px; height:16px; background-color:#fff; left:0; top:5px;}
.products .title span{ font-family:Arial;  letter-spacing:1px; color:#fff; text-transform:uppercase; font-size:15px; padding-left:20px; word-spacing:3px; font-weight:normal}
.products .boxcon{overflow:hidden; margin-top:60px; padding-bottom:160px;}
.products .boxcon .item{overflow:hidden;width:240px; /*height:420px;*/ padding:10px; display:block; background-color:#EEEBEE; border-radius:10px;}
.products .boxcon .item:hover{background-color:#fff}
.products .boxcon .item img{width:100%; border-radius:10px;    background-color: #fff;}
.products .boxcon .item h2{ text-align: center;overflow:hidden; padding: 0 10px; margin-top:10px; font-size:16px; color:#333; line-height:24px; line-height:40px; font-weight:normal; font-weight:bold}
.products .boxcon .item p{line-height:22px; color:#666; margin-top:10px; padding:0 10px; max-height:66px; overflow:hidden;}
.products .boxcon .item:hover h2{color:#ec6c00;}
.products .boxcon .item:hover p{color:#333; display:block}
.products .boxcon .swiper-button-next {left:auto; right:0%;top: auto; bottom: 10%; background:url(../images/temp/5.png) no-repeat center center;    width: 30px; height: 30px;background-size: contain;
-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.products .boxcon .swiper-button-prev {left:auto; right:255px;top: auto; bottom: 10%;background:url(../images/temp/5.png) no-repeat center center;    width: 30px; height: 30px;background-size: contain;
-moz-transform:rotate(270deg); -webkit-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.products .boxcon .product-progress{width:200px; height:5px; background-color:#fff; position:absolute;  right: 3.6%;bottom: 12.5%; border-radius:5px; }
.products .boxcon .product-progress span{background-color:#ec6c00; display:block; height:5px; width:0;}


.productbox{overflow:hidden; padding-top:150px; padding-bottom:5px; position:relative;}
.productbox .title{font-size:22px; font-weight:bold; letter-spacing:3px; position:relative; color:#333; padding-left:15px; height:24px; line-height:24px; margin-bottom:20px;}
.productbox .title::after{position:absolute; content:""; width:2px; height:16px; background-color:#ec6c00; left:0; top:5px;}
.productbox .title span{font-family:Arial; letter-spacing:1px; color:#999; text-transform:uppercase; font-size:15px; padding-left:20px;  font-weight:normal}
.productbox .infobox{overflow:hidden; float:left; padding:30px 40px 50px 40px; width:680px; height:550px; }
.productbox .infobox a{display:block;}
.productbox .infobox .a1{font-family:"SourceHanSansCN-blod"; font-size:24px; width: 90%; text-transform: uppercase; color:#ec6c00; font-weight:bold; margin-top:10px; position:relative;padding-bottom: 20px;}
.productbox .infobox .a2{font-size:16px; color:#666;  line-height: 26px; width:80%;}
.productbox .infobox .a2::after{ display:none;  position:absolute; content:""; width:8%; height:3px; background-color:#ec6c00; bottom:15px; left:0; }
.productbox .infobox .a3{font-size:18px; color:#333; margin-top:25px;    line-height: 40px; height:40px; font-weight:bold; position:relative; }
.productbox .infobox .a3::after {content:""; width:340px; height:1px; background-color:#ddd; position:absolute; left:100px; top:27px;}
.productbox .infobox .imgs{overflow:hidden; margin-top:30px;}
.productbox .infobox .imgs .item{ overflow:hidden; float:left; margin-right:30px; }
.productbox .infobox .imgs .item img{ width: 65px; border: 1px solid #eee; padding: 2px; }
.productbox .infobox .more{font-size:14px;color:#333;  line-height:38px; margin-top:40px; font-weight:bold; }
.productbox .infobox .imgs .item p{font-size: 15px; color: #333; line-height: 35px; text-align:center}
.productbox .infobox .imgs .item span{float: left; font-size: 14px; color: #333; line-height: 35px;}
.productbox .imgbox{overflow:hidden; float:left; width:600px; height:450px; margin-top:0; margin-left:-100px;}
.productbox .imgbox img{width:100%;}
.productbox .swiper-button-prev,.productbox .productboxswiper .swiper-button-next{position:absolute; width:35px; height:35px; background-size:contain; margin-top:0;}
.productbox .swiper-button-prev{top:0;left:auto; right:50px; background-image:url(../images/temp/5.png);    -webkit-transition: all .5s;-moz-transition: all .5s; transition: all .5s;
-moz-transform:rotate(270deg); -webkit-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.productbox .swiper-button-prev:hover{border:1px solid #ed6d00; border-radius:50%}
.productbox .swiper-button-next{top:0;left:auto; right:0; background-image:url(../images/temp/5.png);    -webkit-transition: all .5s;-moz-transition: all .5s; transition: all .5s;
-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.productbox .swiper-button-next:hover{border:1px solid #ed6d00; border-radius:50%}



/*手机端*/
@media screen and (max-width:1200px) {
    .banner{position:relative; margin-top:56px;}
    .banner .swiper-container .swiper-pagination{bottom:5%;left:50%; margin-left:-20%; width:40%;height:5px;border-radius:0;}
    .banner .swiper-container .swiper-pagination .swiper-pagination-bullet{margin: 0 1%; display: block;  width: 23%;  border-radius: 0; height: 5px;  float: left;background:#999}

    .proline {overflow:hidden; padding:5%}
    .proline .pro_box{padding:0; width:100%}
    .proline .pro_box .pro{width:100%; float:none; margin-left:0; overflow:hidden;margin: 2% 0 4%;}
    .proline .pro_box .pro .cont{width:60%; padding-left:35px;}
    .proline .pro_box .pro .cont img{display:none}
    .proline .pro_box .pro .machine{width:40%}
    .proline .pro_box .pro .slogan{font-size:14px; font-weight:bold;}
    .proline .pro_box .pro .slogan p{margin-top: 5px; color:#999; font-weight:normal; padding-right: 5%; font-size:12px;}
    .proline .pro_box .pro .des{opacity:1; width:100%; margin-top:0;  transform: translateY(0);}
    .proline .pro_box .pro .des:before{background-size:20px; top:0;}
    .proline .pro_box .pro .name{display:none}
    .proline .pro_box .pro .name:after{display:none}
    .proline .pro_box .pro .name span{color:#fff}
    .proline .pro_box .pro.pro4 .des,.proline .pro_box .pro.pro5 .des{margin-left:0;}


    .news{overflow:hidden; margin:auto; width:100%; padding:5% }
    .news .newsnav .tit{float:none; width:100%; overflow:hidden}
    .news .newsnav .tit h2{font-size:20px; float:left;}
    .news .newsnav .tit p{margin-top:auto; float:left;}
    .news .newsnav .tabnav{float:none;padding-top: 10px; width:100%; overflow:hidden; height:auto;}
    .news .newsnav .tabnav a{display:block; font-size:14px; float:left; border:none; padding:0; width:25%; height:35px; line-height:35px;margin-left: 0; text-align:center;}
    .news .newsnav .tabnav a.on{background-color:#ec6c00; color:#fff; border:none}
    .news .tabcon{display:none; padding:3% 0px; height:auto; overflow:hidden}
    .news .tabcon .imgbox{width:100%; float:none; border-bottom:1px solid #ddd; padding-bottom:3%}
    .news .tabcon .imgbox .newstit{font-size:16px; padding:10px 0px; width:100%; }
    .news .tabcon .imgbox .summary{line-height:160%; height:auto; overflow:hidden; }
    .news .tabcon .listbox{width:100%; float:none;}
    .news .tabcon .listbox .item{overflow:hidden; margin-bottom: 0; padding:15px 0;}
    .news .tabcon .listbox .item .date{float:left; width:22%; padding-right:0; font-size:14px; text-align:left; padding-top: 0px;}
    .news .tabcon .listbox .item .date b{font-weight:bold; font-size:16px; color:#333333;}
    .news .tabcon .listbox .item .info{overflow:hidden; float:right; width:78%; padding:0; border-left:none;}
    .news .tabcon .listbox .item .info a.tit{display:block; font-size:16px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
    .news .tabcon .listbox .item .info .summary{color:#999999; line-height:150%; height:auto; overflow:hidden; margin-top:5px;}
    .news .tabcon .listbox .item .info .view{margin-top:10px; display:none; }

    .company{padding:5px 0; background-color:#f6f6f6; position:relative;}
    .company .container{width:100%; margin:auto}
    .company .leftbox{width:100%; padding:5%; text-align:left; float:none; background-color:#fff; }
    .company .leftbox h2{font-size:15px; line-height:2; margin-top:4%; margin-bottom:10px; letter-spacing:0;}
    .company .leftbox .p2{font-size:14px; line-height:1.8; margin-bottom:10px; }
    .company .leftbox .p1{color:#333; font-size:20px;  line-height: 1.5;}
    .company .leftbox .more1{display:none;}
    .company .leftbox .more{padding:5px 0; font-size:14px; float:none; margin-top:20px; line-height:30px; display:block; width:35%; text-align:center;}
    .company .rightbox{width:100%; padding:0 5%; position:relative;  float:none; background-color:#fff; }
    .company .rightbox .numbers { overflow: hidden; margin-top: 0; padding:2% 0;}
    .company .rightbox .item{float:left; width:50%; text-align:center; margin:2% 0px 3%;}
    .company .rightbox .item .p1{font-size:14px;color:#333}
    .company .rightbox .item .p1 b{font-size:32px; padding-right:5px; color:#ec6c00;  font-family: fantasy;}
    .company .rightbox .item .p2{font-size:16px; color:#696969; margin-top:10px; font-weight:bold; }
    .company .pcate{display:none}

    .productbox{padding:5%;}
    .productbox .title{margin-top:3%; font-size:20px; letter-spacing:0}
    .productbox .infobox{overflow:hidden; float:none; padding:10px 0 0; width:96%; height:auto; }
    .productbox .infobox .a1{font-size:22px; width: 100%; padding-bottom:10px;}
    .productbox .infobox .a2{font-size:14px; color:#666;  line-height: 25px; height:125px; width:100%;}
    .productbox .infobox .a3{font-size:16px; margin-top:5%;    line-height: 40px; height:40px; font-weight:bold; position:relative; }
    .productbox .infobox .a3::after {content:""; width:78%; height:1px;  left:auto; right:0; top:20px;}
    .productbox .infobox .imgs{overflow:hidden; margin-top:3%;}
    .productbox .infobox .imgs .item{ overflow:hidden; float:left; margin-right:3%; max-width:22% }
    .productbox .infobox .imgs .item img{ width: 50px; border: 1px solid #eee; padding: 2px; }
    .productbox .infobox .more{display: block;width: 98%;background-color: #ec6c00;text-align: center;color: #fff;line-height: 42px;margin:5% auto 0;border-radius:5px}
    .productbox .imgbox{display:none; overflow:hidden; float:none; width:100%; height:auto; margin-top:0; margin-left:0;}
    .productbox .swiper-button-prev,.productbox .productboxswiper .swiper-button-next{display:none}

    .products{background:url(../images/product_bg.png) no-repeat center bottom; padding:5%;}
    .products .title{margin-top:10px;font-size:20px; letter-spacing:0}
    .products .boxcon{overflow:hidden; margin-top:5%; padding-bottom:15%;}
    .products .boxcon .item h2{ text-overflow:ellipsis; white-space:nowrap; }
    .products .boxcon .swiper-button-next {left:auto; right:0;top: auto; bottom: 5%;   }
    .products .boxcon .swiper-button-prev {left:0; right:auto;top: auto; bottom: 5%;}
    .products .boxcon .product-progress{width:80%; height:5px; right: 10%;bottom: 8.5%; border-radius:5px; }

    .case{overflow:hidden; background-color:#fff;  width:100%; padding:5%;}
    .case .boxnav{overflow:hidden; padding:20px 0;}
    .case .boxnav .tit h2{font-size:20px;}
    .case .boxnav .navaa{display:none}
    .case .caseshow {width:100%; height:auto; position:relative; }
    .case .caseshow .pic img{width:100%}
    .case .caseshow .mask{padding:0 10px; }
    .case .caseshow .mask h1{font-size: 16px;color: #fff;font-weight: bold;line-height: 30px;}

    .cooperation{overflow:hidden; background-color:#f4f4f4; padding:5%;}
    .cooperation .boxnav{overflow:hidden; padding:20px 0;}
    .cooperation .boxnav .tit h2{font-size:20px;}
    .cooperation .boxnav .navaa{float:left; height:35px; width:100%}
    .cooperation .boxcon a{display:block; float:left; width:31.33%; margin: 1%;}
    .cooperation .boxcon a img{width:100%; height:auto;border-radius:5px;}
}