* {-webkit-tap-highlight-color:transparent;margin: 0;padding: 0;-webkit-box-sizing: border-box; box-sizing: border-box;}
body{ font-family:"微软雅黑";font-size:14px; padding:0; margin:0 auto;color:#333;min-width: 320px; max-width:750px;background: #e2e2e2;color: #353535;}
ul li{ list-style-type:none;}
img{ border:0; max-width: 100%;}
a{ color: #353535; }
a:hover{ color: #ed8000; }
a,a:hover{ text-decoration:none !important;}
a:focus{outline:none;text-decoration:none !important;}
p,h1,h2,h3,h4,h5,ul,dl,dd{ margin:0; padding:0; font-weight: normal;}
input,textarea,button,select{outline:none !important;border: 0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

.fl{ float: left; }
.fr{ float: right; }

.container{ margin: 0 auto;}
.top-head{ background: #000; padding: 0 0 0 3%}

.location{line-height: 22px; overflow: hidden;}
.location a{ color: #727272; display: inline-block;}
.location a:after,.location span:after{content: ""; display: inline-block; vertical-align: top; width: 7px; height: 22px; margin: 0 10px; background:url(../images/ico/ico1.png) repeat; background-size: contain;}
.pagelist{ text-align: center; padding: 0 0 30px; overflow: hidden; }
.pagelist li{ display: inline-block;overflow: hidden;}
.pagelist a{ display: block; line-height: 20px; padding: 0 6px;}
.pagelist .active{ color: #ed8000;}
.page{ padding:3%; overflow: hidden;}


/*导航*/
.top-head{ height: 55px; position: relative;}
.top-head .logo{margin: 10px 0; overflow: hidden;}
.top-head .logo img{height:30px;}
.top-head .menu{ height: 24px; width: 35px; margin:15px 10px; background: url(../images/ico/menu.png) center no-repeat; background-size: contain;}
.navmenu{ display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 11; background: rgba(0,0,0,.7);}
.navmenu .main{ background: #434343; position: absolute; right:-88%; top: 0; bottom: 0; padding:30px 0 0; width:80%;}
.navmenu .close{ width: 20px; height:20px; margin-right: 20px; float: right; background: url(../images/ico/close.png) center no-repeat; background-size: contain;}
.navmenu ul{ clear: both; padding:50px 0 0; overflow: hidden;}
.navmenu ul li{margin: 0 0 20px; overflow: hidden;}
.navmenu ul a{ display: block; color: #fff; padding-left:50px; height: 35px; line-height: 35px;}
.navmenu ul .active{ background: #ed8000}
.drop-menu{ display: none; background: #cbcbcc;overflow: hidden;}
.drop-menu a{border-top:1px solid #c0c0c1; color: #898989 !important; padding: 0 35px; font-size: 12px;}


/*内页二级导航*/
.page-stype{ padding-left:0.2rem; width: 100%; margin: 0 0 0.2rem;background: #fff;overflow: hidden; }
.page-stype a{width: auto !important; font-size: 0.26rem; padding:0.3rem 0 0; margin-right:0.5rem;}
.page-stype a:after{ content: ""; display: block;margin: 0.25rem auto 0;width: 0.3rem; height:2px; background: #fff; }
.page-stype .active{ color: #ed8000; }
.page-stype .active:after{background: #ed8000;}

/*首页*/
.index-banner{overflow: hidden;}
.index-banner img{ display: block; width: 100%;}
.index-banner .swiper-button-white{ width:40px !important; z-index: 5;background: none !important; color: #fff;}
.index-banner .swiper-button-next{ text-align: right; }
.index-part1{ padding: 15px; overflow: hidden; }
.index-part1 .cloumn{ font-size: 12px; margin: 0 0 25px; color: #ed8000; overflow: hidden;}
.index-part1 .cloumn span{ display: block; font-size: 20px;}
.index-part1 a{ display: block; margin: 0 0 20px; overflow: hidden; }
.index-part1 h4{ font-size: 16px; color: #ed8000; }
.index-part1 p{ color: #6d6c6c;margin: 5px 0 15px; overflow: hidden;}
.index-part1 .img{width: 100%;}
.index-part2{padding:50px 0; background: url(../images/bg/bg2.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.index-part2 .container{position: relative;}
.index-part2 .main{padding:10px; margin: 0 4.8% 5%; background: #4f4f4f;}
.index-part2 img{display: block;}
.index-part2 .gallery-thumbs{ height:35px; padding-left:4.8%; text-align: center; overflow: hidden; }
.index-part2 .gallery-thumbs li{ float: left; width:28.6%; margin-right:4.8%; font-size: 12px; line-height:35px; color: #fff; background: #4f4f4f;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-part2 .swiper-slide-active{ background: #f08300 !important; }
.index-part2 .tip{ display: none; position: absolute; left: 50%; top:40px; z-index: 11; margin-left: -140px; width:280px; height: 140px;background: url(../images/bg/tip.jpg) center no-repeat; background-size: contain;}
.index-part2 .close{ width: 25px; height: 25px; position: absolute; right: 0; top: 0; }

.index-part3{overflow: hidden;}
.index-part3 .container{ padding:40px 5px 0; overflow: hidden; }
.index-part3 .cloumn{ font-size: 12px; margin: 0 12px; color: #ed8000; overflow: hidden;}
.index-part3 .cloumn span{ display: block; font-size: 20px;}
.index-part3 .wall {position: relative; padding:30px 0;}
.index-part3 .wall-column {position: relative;width:50%;float: left;padding: 0 10px;box-sizing: border-box;}
.index-part3 .wall-column p{ font-size: 12px; color: #515050; }
.index-part3 .wall-column span{ display: block; font-size:14px; margin: 0 0 5px;}
.index-part3 .wall-item{ margin: 0 0 30px; }
.index-part4{ padding: 30px 10px; background: url(../images/bg/bg2.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.index-part4 ul{overflow: hidden;}
.index-part4 li{margin: 0 0 15px; position: relative;background: #4b4b4b;}
.index-part4 li a{ display: block;position: relative;color: #b5b5b6;padding:10px; overflow: hidden;}
.index-part4 li h4{font-size: 14px; font-weight: bold; margin: 0 0 10px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-part4 li p{ line-height: 24px;font-size: 12px;overflow: hidden;}
.index-part4 .more{ clear: both; display: block; color: #ed8000;text-align: right; padding: 10px 0 0;}
.index-part5{background: #f1f1f1; overflow: hidden; }
.index-part5 .container{ padding:10px; overflow: hidden; }
.index-part5 .left{color: #6a6a6a; overflow: hidden; }
.index-part5 .left li{ margin: 0 0 20px; overflow: hidden; }
.index-part5 .left h4{ font-size: 14px; line-height:30px; margin: 0 0 10px; border-bottom: 1px solid #aaaaaa; overflow: hidden; }
.index-part5 .left span{ float: left; font-size: 12px; line-height:24px; margin-right:30px;}
.index-part5 .right{overflow: hidden; }
.index-part5 .right ul{overflow: hidden;}
.index-part5 .right li{text-align: center; margin: 0 20px 0 0;width: 130px; float: left;}
.index-part5 .right img{ width: 130px; height: 130px; display: block; margin:10px 0 0;}
.index-part5 .copyright{ background: #3d3d3d; padding:8px 0; text-align: center; overflow: hidden; }
.index-part5 .copyright p{ color: #fff; font-size: 12px; line-height:20px; }

@media (max-width: 640px) {
  .wall-column {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .wall-column {
    width: auto;
    float: none;
  }
}           

/*公司简介*/
.page-about{ margin:30px 0; overflow: hidden;}
.page-about .logo{ display: block; margin: 0 auto 30px;}
.page-about .info{ line-height: 24px; overflow: hidden; }
.page-about .info img{ display: block; margin: 0 auto;}
.page-about .video{ margin: 20px 0 0; overflow: hidden; }
.page-about .video video{display: block;width: 100%;}

/*大事件*/
.page-event{padding: 1rem 0 0; font-size: 0.24rem; background: url(../images/bg/event.png) center bottom no-repeat; background-size: 5.8rem 9.42rem; overflow: hidden;}
.page-event ul{ height:10rem; position: relative;}
.page-event li{ position: absolute; width:0.6rem; padding: 0.34rem 0 0; cursor: pointer;}
.page-event li h4{ font-size: 0.24rem; color: #3f3f3f;}
.page-event li h4:after{content: ""; display: block; width:0; height:1px;background: #f08300;transition: 0.2s all linear;}
.page-event li p{display: none; font-size: 0.22rem; color: #595757; margin: 0.08rem 0;}
.page-event li span{ display: block;position: relative;text-align: center;}
.page-event li span:after{ content: ""; display: block; position: absolute;bottom: 0; left: 50%; margin-left: -1px; width: 3px; height: 3px;border-radius: 100%; background: #9c9d9d;}
.page-event li em{ font-style: normal; display: block;}
.page-event li em:after{ content: ""; display: block;margin: 0 auto; width:1px; background: #9c9d9d;}

.page-event .info{ display: none; width: 4rem; padding: 0 0.1rem; position: absolute; left: 0;background: rgba(255,255,255,.8);}
.page-event .item1{ left:2.9rem; top: 0;}
.page-event .item1 em:after{ height:0.4rem;}
.page-event .item2{left: 2.36rem;top: 0.5rem;}
.page-event .item2 em:after{ height:0.4rem;}
.page-event .item3{left: 2.06rem;top: 1.34rem;}
.page-event .item3 em:after{ height:0.4rem;}
.page-event .item4{left: 2.64rem;top: 1.86rem;}
.page-event .item4 em:after{ height: 0.5rem;}
.page-event .item5{left: 3.4rem;top: 2.2rem;}
.page-event .item5 em:after{ height: 0.5rem;}
.page-event .item6{left: 4.22rem;top: 2.32rem;}
.page-event .item6 em:after{ height:0.6rem;}
.page-event .item7{ left:5rem; top:2.6rem;}
.page-event .item7 em:after{  height:0.6rem;}
.page-event .item8{ left: 5.6rem; top: 3.8rem;}
.page-event .item8 em:after{  height:0.6rem;}
.page-event .item9{ left: 4.9rem; top: 4.3rem;}
.page-event .item9 em:after{  height:0.7rem;}
.page-event .item10{ left: 4.1rem; bottom:3.9rem;}
.page-event .item10 em:after{  height:0.6rem;}
.page-event .item11{ left: 3.3rem; bottom: 3.4rem;}
.page-event .item11 em:after{ height:0.6rem;}
.page-event .item12{ left: 2.5rem; bottom: 2.8rem;}
.page-event .item12 em:after{ height:0.8rem;}
.page-event .item13{left: 1.5rem;bottom: 2.2rem;}
.page-event .item13 em:after{ height:0.8rem;}
.page-event .item14{left: 2.4rem;bottom: 1rem;}
.page-event .item14 em:after{ height:0.8rem;}

.page-event .item15{left: 3.3rem;bottom: 0.3rem;}
.page-event .item15 em:after{ height:0.8rem;}

.page-event .active .info{ display: block; }
.page-event .active p{ display: block;}
.page-event .active h4{ line-height:0.5rem; color: #f08300; font-size:0.26rem;}
.page-event .active h4:after{width: 100%}
.page-event .active em{color: transparent;}
.page-event .active em:after{ background: #f08300;}
.page-event .active span:after{ background: #f08300;}
.page-event .item1.active .info{bottom: 0.48rem;}
.page-event .item2.active .info{bottom: 0.48rem;}
.page-event .item3.active .info{bottom: 0.48rem;}
.page-event .item4.active .info{bottom: 0.58rem;}
.page-event .item5.active .info{bottom: 0.58rem;}
.page-event .item6.active .info{bottom: 0.68rem;left: -1rem;}
.page-event .item7.active .info{bottom: 0.68rem;left: -1.6rem;}
.page-event .item8.active .info{bottom: 0.68rem;left: -2.4rem;}
.page-event .item9.active .info{bottom: 0.78rem;left: -1.8rem;}
.page-event .item10.active .info{bottom: 0.68rem;left: -1rem;}
.page-event .item11.active .info{bottom: 0.68rem;}
.page-event .item12.active .info{bottom: 0.88rem;}
.page-event .item13.active .info{bottom: 0.88rem;}
.page-event .item14.active .info{bottom: 0.88rem}
.page-event .item15.active .info{bottom: 0.88rem}

/*顺风荣誉*/
.honor-list{ margin:20px 0 0;overflow: hidden;}
.honor-list li{ margin: 0 0 20px; overflow: hidden;}
.honor-list li img{ display: block; margin: 0 auto; }
.honor-list .title{ display: block;line-height: 22px;overflow: hidden; }
.honor-list .desc{ display: block; line-height: 20px;font-size: 12px; margin: 0 0 10px; color: #878787;overflow: hidden;}
.honor-list .img,.honor-list img{ display: block;}
.honor-list .more{ color: #666666; display: block; margin: 10px 0 0;}
.show-honor { margin: 20px 0 0; overflow: hidden; }
.show-honor img{display: block; width: 100%}
.show-honor .title{ color: #ef8200; font-size: 16px; margin: 30px 0;}
.show-honor .text{ font-size: 12px; line-height: 24px; margin:6px 0 0;}

/*新闻资讯*/
.news-list{ margin: 20px 0 0; overflow: hidden; }
.news-list li{ border-bottom: 1px dashed #d2d1d1; padding:15px 0; overflow: hidden;}
.news-list .img{overflow: hidden;}
.news-list img{display: block;margin: 0 auto;}
.news-list a{ display: block;}
.news-list h4{ font-size: 14px; margin: 10px 0; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-list p{ line-height:18px;color: #4f4e4e; height: 36px; font-size: 12px; overflow: hidden; }
.news-list span{ float: right; color: #666666; font-weight: 600; margin: 10px 0 0;}
.show-news { margin:50px 0 0; overflow: hidden; }
.show-news .title{ font-weight: 600; text-align: center; font-size: 16px; color: #353535; margin:30px 0; overflow: hidden;}
.show-news .text{color: #666; line-height: 24px;}
.show-news img{display: block; width: 100%; margin: 0 auto}

/*顺风案例*/
.case-list{ margin:20px 0;column-count:2;column-gap:2%;overflow: hidden;}
.case-list a{ display: block; break-inside:avoid;box-sizing: border-box;overflow: hidden;}
.case-list img{ display: block; margin: 0 auto 10px; width:100%;}
/*.case-list h4{ font-size: 14px; color: #ea8000;}
.case-list p{ color: #898989;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

*/
/*联系我们*/
.page-join{ margin: 20px 0 0; overflow: hidden;}
.page-join .cloumn{ text-align: center; font-size: 18px; font-weight: 600; margin: 0 0 30px;}
.page-join .imgs{ margin: 50px 3%; overflow: hidden; }
.page-join .imgs .swiper-slide {width:260px;}
.page-recruit{ background: #d8d8d8; padding: 15px 0;}
.page-recruit ul{ text-align: center; font-size: 12px; margin: 0 2%; overflow: hidden;}
.page-recruit li{ float: left; width: 46%; margin: 0 2% 3%; background: #eaeaea; padding: 30px 0;}
.page-recruit img{ display: block; width: 45px; height: 52px; margin: 0 auto 10px; }

.postion-list{padding: 15px 3%;overflow: hidden;}
.postion-list dl{ margin: 0 1%; margin: 0 0 10px; overflow: hidden;}
.postion-list dt{ height:30px; border: 1px solid #c8c8c8;overflow: hidden;}
.postion-list dt span{ float: left; line-height:30px; margin: 0 1%;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.postion-list dd{ display: none;padding:15px 0 0; overflow: hidden;}
.postion-list .list{ margin: 0 0 15px; overflow: hidden; }
.postion-list .list h4{font-weight: 600; margin: 0 0 10px; }
.postion-list .item1{ width: 50%;text-align: left;}
.postion-list .item3{ width: 25%; }
.postion-list .btn{color: #ec9125; margin: 0 5% 0 8%;}
.postion-list .open dt{border: 1px solid #ec9125; background: #ec9125;}
.postion-list .open dd{ display: block;}
.postion-list .open .btn{ color: #333; }

.join-contact{ padding:30px 0 0; overflow: hidden; }
.join-contact dl{border-top: 1px dashed #c2c2c2; padding: 30px 0; overflow: hidden;}
.join-contact dt{background: #ccc; height: 200px; overflow: hidden; }
.join-contact dd{ margin: 20px 0 0; overflow: hidden; }
.join-contact dd h4{ font-size:16px; margin: 0 0 6px; overflow: hidden;}
.join-contact dd h4 span{display: block; font-size: 14px; color: #919191; margin: 6px 0 0;}
.join-contact dd p{ line-height: 28px; color: #595757;}
.join-contact ul{ text-align: center; margin: 25px 0 0; overflow: hidden; }
.join-contact ul li{float: left;width: 100px; margin-right:40px; overflow: hidden;}
.join-contact ul img{ width: 100px; height: 100px; display: block; margin: 0 0 4px;}