@charset "utf-8";
.wrapper{width: 1400px;}
.transition,.transition *{transition: all .3s;}
.flex{display: flex; display: -webkit-flex;}
.flexcolumn{display: flex; display: -webkit-flex; flex-direction: column;}
.flexwrap{display: flex; display: -webkit-flex; flex-wrap: wrap;}
.flexcenter{display: flex; display: -webkit-flex;align-items:center;justify-content:center; flex-wrap: wrap; align-content: center;}
.flexac{display: flex; display: -webkit-flex; align-content: center; align-items: center;}
.flexjb{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;}
.flexjc{display: flex; display: -webkit-flex; justify-content:center;}
.flexright{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: flex-end}
.flexjb:after{content: ''; width: 30%;}
.textleft{text-align:left}
body{background:#cff2d5}
img{max-width: 100%;}
img{max-width: 100%;}
.ov{overflow: hidden;}
.hidden{display: none !important;}
.transition,.transition *{transition: all .3s;}
.a{cursor: pointer;}
a:hover{color: #0056a3;}
.fb{font-weight: bold;}
.ib{display: inline-block;}
.none{display: none;}
.pz{position: relative;}
.pa{position: absolute;}
.od{overflow: hidden; display: block;}
.ts{text-transform: uppercase;}
.mauto{margin: 0 auto}
/*loading*/
#loading{background-color:#bfc9cf;height:100%;width:100%;position:fixed;margin-top:0px;top:0px;left:0;z-index:9999999}#loading-center{width:100%;height:100%;position:relative}#loading-center-absolute{position:absolute;left:50%;top:50%;height:50px;width:50px;margin-top:-25px;margin-left:-25px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:loading-center-absolute 1.5s infinite;animation:loading-center-absolute 1.5s infinite}.object{width:25px;height:25px;background-color:#fff;float:left}#object_one{-webkit-animation:object_one 1.5s infinite;animation:object_one 1.5s infinite}#object_two{-webkit-animation:object_two 1.5s infinite;animation:object_two 1.5s infinite}#object_three{-webkit-animation:object_three 1.5s infinite;animation:object_three 1.5s infinite}#object_four{-webkit-animation:object_four 1.5s infinite;animation:object_four 1.5s infinite}@-webkit-keyframes loading-center-absolute{100%{-webkit-transform:rotate(-45deg)}}@keyframes loading-center-absolute{100%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}}@-webkit-keyframes object_one{25%{-webkit-transform:translate(0,-50px)rotate(-180deg)}100%{-webkit-transform:translate(0,0)rotate(-180deg)}}@keyframes object_one{25%{transform:translate(0,-50px)rotate(-180deg);-webkit-transform:translate(0,-50px)rotate(-180deg)}100%{transform:translate(0,0)rotate(-180deg);-webkit-transform:translate(0,0)rotate(-180deg)}}@-webkit-keyframes object_two{25%{-webkit-transform:translate(50px,0)rotate(-180deg)}100%{-webkit-transform:translate(0,0)rotate(-180deg)}}@keyframes object_two{25%{transform:translate(50px,0)rotate(-180deg);-webkit-transform:translate(50px,0)rotate(-180deg)}100%{transform:translate(0,0)rotate(-180deg);-webkit-transform:translate(0,0)rotate(-180deg)}}@-webkit-keyframes object_three{25%{-webkit-transform:translate(-50px,0)rotate(-180deg)}100%{-webkit-transform:translate(0,0)rotate(-180deg)}}@keyframes object_three{25%{transform:translate(-50px,0)rotate(-180deg);-webkit-transform:translate(-50px,0)rotate(-180deg)}100%{transform:translate(0,0)rotate(-180deg);-webkit-transform:rtranslate(0,0)rotate(-180deg)}}@-webkit-keyframes object_four{25%{-webkit-transform:translate(0,50px)rotate(-180deg)}100%{-webkit-transform:translate(0,0)rotate(-180deg)}}@keyframes object_four{25%{transform:translate(0,50px)rotate(-180deg);-webkit-transform:translate(0,50px)rotate(-180deg)}100%{transform:translate(0,0)rotate(-180deg);-webkit-transform:translate(0,0)rotate(-180deg)}}
/*app*/
#app{max-width: 640px; margin: 0 auto;}
/*footer*/
footer{width: 100%; min-height: 323px; background: url(/uploads/image/tpsimages/footer.jpg) no-repeat center top #1d2731;}
footer .wx{margin: 44px 0 0 100px; width: 107px;}
footer .wx p{margin-top: 10px; width: 100%; height: 30px; font-size: 14px; color: #fff;}
footer .quicknavs{width: 482px; margin: 37px 0 0 126px;}
footer .quicknavs .title{display: inline-block; text-transform: uppercase; border-bottom: 2px solid #fff; height: 33px; font-size: 18px; color: #fff; line-height: 31px;}
footer .quicknavs p{margin-top: 12px; width: 300px;}
footer .quicknavs p a{ line-height: 28px; font-size: 14px; color: #fff; margin-right: 19px;}
footer .quicknavs p a:hover{color: #ccc;}
footer .contactus{width: 400px; margin: 37px 0 0 81px;}
footer .contactus .title{display: inline-block; text-transform: uppercase; border-bottom: 2px solid #fff; height: 33px; font-size: 18px; color: #fff; line-height: 31px; margin-bottom: 5px;}
footer .contactus p{line-height: 25px; font-size: 14px; color: #fff;}
footer .copyright{margin: 15px 0 0 360px; line-height: 25px; font-size: 14px; color: #fff;}
footer .copyright p, footer .copyright a{line-height: 25px; font-size: 14px; color: #fff;}
footer .copyright a:hover{color: #ccc;}
.sitemap dd a{margin-right: 15px;}
/*air*/
.posistion{width: 100%; height: 40px; border-bottom: 1px solid #c9c9c9; font-size: 16px; color: #333; font-weight: normal;}
.posistion a{font-size: 16px; color: #333;}
.posistion span{color: #0075b9;}
.posistion a:hover{color: #0075b9;}
.air .asidenav{width: 305px; margin-top: 97px;}
.air .asidenav ul{list-style: none; margin: 0; padding: 0; width: 154px;}
.air .asidenav li{width: 154px; height: 51px; border: 1px solid #c9c9c9; margin-bottom: 40px;}
.air .asidenav li a{height: 49px; padding-left: 18px; border-left: 8px solid #333; font-size: 16px; color: #333;}
.air .asidenav li a:hover,.air .asidenav li a.active{background: #afce26; color: #fff;}
.air .map{width: 895px;}
.air .datas{margin-top: 18px; padding-bottom: 50px;}
.air .areainfo{width: 607px;}
.air .areainfo h2{line-height: 200%; font-size: 24px; color: #0075b9;}
.air .areainfo p a{line-height: 29px; padding-bottom: 18px; margin-right: 78px; font-size: 18px; color: #333;}
.air .areainfo p a:nth-child(4n 4){margin-right: 0;}
.air .areainfo p a:hover,.air .areainfo p a.active{color: #0075b9;}
.air .areainfo p a.active{background: url(/uploads/image/tpsimages/arrow.gif) no-repeat center 29px;}
.air .areainfo ul{list-style: none; background: url(/uploads/image/tpsimages/arrowright.gif) no-repeat 17px center;}
.air .areainfo li{padding-left: 32px; height: 34px; line-height: 34px; font-size: 14px; color: #333; position: relative;}
.air .areainfo .ss{content: ''; display: block; width: 12px; height: 1px; background-color: #93c2e0; position: absolute; top: 17px; left: 0;}
.air .areainfo li::before{content: ''; display: block; width: 1px; height: 17px; background-color: #93c2e0; position: absolute; top: 0; left: 0;}
.air .areainfo li::after{content: ''; display: block; width: 1px; height: 16px; background-color: #93c2e0; position: absolute; bottom: 0; left: 0;}
.air .areainfo li:first-child::before{display: none;}
.air .areainfo li:last-child::after{display: none;}
.air .areainfo li .line{width: 12px; height: 1px; background-color: #93c2e0; position: absolute; left: 0; top: 17px;}
.air .areainfo .areas{width: 400px; background-color: #f9f7f8; border-radius: 3px; padding: 11px 0 11px 35px;}
.air .areainfo .areas .title{width: 34px; font-size: 18px; color: #333; line-height: 110%;}
.air .datas .r{width: 100%;}
.air .datas .r h2.title{line-height: 200%; font-size: 24px; color: #0075b9;}
.air .datas .r h2.entitle{line-height: 38px; font-size: 18px; font-family: 微软雅黑; color: #333;}
.mtitle{line-height: 200%; font-size: 24px; color: #0075b9; text-indent: 20%}
.mtelnumber{line-height: 34px; font-size: 24px; color: #333; font-family: 微软雅黑; text-indent: 20%}
.air .companyinfo{width: 160px;}
.air .companyinfo h2{line-height: 200%; font-size: 24px; color: #0075b9;}
.air .companyinfo p a{line-height: 29px; padding-bottom: 18px; font-size: 18px; color: #333; display: block; text-align: center;}
.air .companyinfo p a:nth-child(4n 4){margin-right: 0;}
.air .companyinfo p a:hover,.air .companyinfo p a.active{color: #0075b9;}
.air .companyinfo p a.active{background: url(/uploads/image/tpsimages/arrow.gif) no-repeat center 29px;}
#areainfo{width: 400px; margin-bottom: 20px; border: 1px solid #c9c9c9; padding: 6px 11px 30px 11px; border-radius: 4px;}
#areainfo #title{height: 44px; border-bottom: 2px solid #e9e9e9; padding-left: 53px; font-size: 16px; color: #333; background: url(/uploads/image/tpsimages/house.png) no-repeat 17px center;}
#areainfo #areas{margin: 16px 0 14px 0; padding: 0 16px 11px 16px; font-size: 14px; color: #333; border-bottom: 2px solid #e9e9e9;}
#areainfo .n{line-height: 180%; font-size: 16px; color: #333; text-indent: 16px;}
.supplygas{margin-top: 33px;}
.supplygas .title{height: 46px; margin: 33px 0 70px 0; font-size: 36px;}
.supplygas .list{list-style: none; margin: 0;}
.supplygas .list li{width: 33.33333%; padding-bottom: 35px; border-bottom: 1px solid #c9c9c9; margin-bottom: 41px;}
.supplygas .list li:nth-last-child(1),.supplygas .list li:nth-last-child(2),.supplygas .list li:nth-last-child(3){border-bottom: 0;}
.supplygas .list li .img{width: 100%; height: 165px;}
.supplygas .list li .img img{max-width: 100%; max-height: 100%;}
.supplygas .list li p{line-height: 44px; font-size: 24px; color: #333;}
.supplygas .list li p span{color: #fff; margin-left: 12px;}
.supplygas .list li a:hover p,.supplygas .list li a:hover p span{color: #016db6;}
.supplygas .detail{margin: 58px 0; min-height: 271px; border: 1px solid #c9c9c9;}
.supplygas .detail .img{width: 389px; height: 269px; background-color: #efefef; border-right: 1px solid #c9c9c9 ;}
.supplygas .detail .img img{max-width: 100%; max-height: 100%;}
.supplygas .detail .text{margin: 31px 50px 0 55px;}
.supplygas .detail .text .t{line-height: 54px; font-size: 24px; color: #016db6;}
.supplygas .detail .text .gg{line-height: 32px; font-size: 18px; font-weight: normal;}
.supplygas .detail .text .content{margin-top: 16px; line-height: 24px; font-size: 16px;}
.gasapplication{width: 1200px; margin-top: 33px;}
.gasapplication .title{height: 46px; margin: 33px 0 70px 0; font-size: 36px;}
.gasapplication ul.list{margin: 0; list-style: none; padding: 0;}
.gasapplication ul.list li{width: 390px; height: 320px;}
.gasapplication ul.list li p{height: 58px; font-size: 18px; margin-bottom: 12px;}
.gasapplication .detail{margin: 41px 0;}
.gasapplication .detail aside{width: 265px;}
.gasapplication .detail aside ul{margin: 0; padding: 0;}
.gasapplication .detail aside li{margin-bottom: 12px; border: 1px solid #f3f3f3;}
.gasapplication .detail aside li a{box-sizing: border-box; width: 100%; height: 48px; border-left: 9px solid #fff; padding-left: 40px;}
.gasapplication .detail aside li a .thistitle{width: 113px; height: 48px; font-size: 20px; color: #333; font-weight: bold; padding: 0; margin: 0;}
.gasapplication .detail aside li a .img{width: 30px; height: 48px;}
.gasapplication .detail aside li a .img div{width: 30px; height: 48px;}
.gasapplication .detail aside li a .img img{max-height: 28px;}
.gasapplication .detail aside li a:hover,.gasapplication .detail aside li a.active{background-color: #0075b8; border-color: #000;}
.gasapplication .detail aside li a:hover .img div.p1,.gasapplication .detail aside li a.active .img div.p1{margin-top: -48px;}
.gasapplication .detail aside li a:hover .thistitle,.gasapplication .detail aside li a.active .thistitle{color: #fff;}
.gasapplication .detail .text{width: 900px;}
.gasapplication .detail .text .dt{width: 100%;}
.gasapplication .detail .text .thistitle{margin-top: 21px; line-height: 36px; padding-left: 28px; background: url(/uploads/image/tpsimages/arrowright2.gif) no-repeat left center;}
.gasapplication .detail .text .content{line-height: 180%; padding: 15px 30px; font-size: 16px; color: #333;}
.gasproducts{width: 1200px; margin-top: 33px;}
.gasproducts .c{margin-top: 50px; width: 100%; background: #f8f8f8; padding: 44px 0 44px 72px;}
.gasproducts .c ul{margin: 52px 0 0; padding: 0; list-style: none;}
.gasproducts .c li{width: 102px; height: 108px; margin: 0 90px 53px 0;}
.gasproducts .c li:nth-child(6n 6){margin-right: 0;}
.gasproducts .c li a{width: 102px; height: 108px; padding: 0 7px 10px 2px; background-image: url(/uploads/image/tpsimages/gasproducts.png); background-repeat: no-repeat; background-position: 0 0;}
.gasproducts .c li a:hover{background-position: 0 -108px;}
.gasproducts .c li h2{height: 20px; font-size: 14px; color: #fff;}
.gasproducts .c li p{height: 28px; font-size: 24px; color: #fff; margin: 0; line-height: 28px;}
.gasproducts .c li p sub{font-size: 60%; vertical-align: baseline}
.gasproducts .c li a:hover h2, .gasproducts .c li a:hover p{color: #0071b6;}
.thistable{border-collapse: collapse; width: 100%; margin: 35px 0 37px 0;}
.thistable td{height: 78px; border: 1px solid #c9c9c9;}
.thistable td.h{background-color: #f7f7f7; width: 20%; padding-left: 23px; font-size: 18px; color: #333;}
.thistable td.c{width: 80%; vertical-align: middle; padding: 0 45px; line-height: 170%; font-size: 16px; color: #333;}
.prevandnext li a{width: 173px; height: 49px; border: 1px solid #c9c9c9; background-color: #f7f7f7; font-size: 18px; color: #333;}
.prevandnext li a.prev{margin-right: 31px; padding-left: 108px; background: url(/uploads/image/tpsimages/prev.png) no-repeat 24px center;}
.prevandnext li a.next{padding-left: 44px; background: url(/uploads/image/tpsimages/next.png) no-repeat 129px center;}
.prevandnext li a:hover{background-color: #c9c9c9;}
.pages{list-style: none; margin: 20px 0 0; padding: 0; display: flex; display: -webkit-flex; align-items: center; justify-content: center;}
.pages a,.pages span{display: inline-block; height: 35px; border: 1px solid #333; margin-right: 10px; padding: 0 5px;}
.pages a:hover,.pages li.active a{background-color: #0075b8; color: #fff;}
.pages strong{display: inline-flex;}
.pages li{display: inline-block;}
.pages li, .pages span{display: inline-block;}
@media(min-width: 1200px) and (max-width: 1400px){
    .wrapper{width: 1200px;}
}

/*index*/
.home{background-color: #f5f8fa;}
.indexwrapper{width: 1600px;}
.indexheader{width: 100%; height: 160px; background: url(/uploads/image/tpsimages/header.png) no-repeat center top; z-index: 999;}
.indexheader .logo{margin-top: 18px; width: 50%;}
.indexheader .logo img{max-height: 80px;}
.indexheader .text{width: 50%; font-size: 14px; color: #fff !important; padding-right: 239px; background:  no-repeat right center;}
.indexheader .text .text1{font-size: 14px; color: #fff !important;}
.indexheader .text .text1 a{color: #fff !important;}
.indexheader .text .en{margin-left: 45px; padding-left: 28px; line-height: 35px; font-size: 14px; color: #fff; background:  no-repeat left center;}
.indexheader .text .cn{line-height: 35px; font-size: 14px; color: #fff !important;}
.indexheader .text a:hover{color: #ccc !important;}
.indexheader .navs{width: 100%; height: 30px;}
.indexheader .navs>ul{margin: 0; padding: 0; list-style: none; width: 1454px;}
.indexheader .navs>ul>li{height: 30px; margin-right: 27px;}
.indexheader .navs>ul>li>a{font-size: 18px; color: #fff; line-height: 30px;}
.indexheader .navs>ul>li>ul{width: 100%; min-width: 200px; top: 30px; left: 0; z-index: 999; display: none; list-style: none; margin: 0; padding: 15px 0;}
.indexheader .navs>ul>li>ul li{background-color: #fff; padding: 5px 0;}
.indexheader .navs>ul>li>ul li a{line-height: 180%; font-size: 14px; font-weight: normal; color: #333; padding: 5px 15px;}
.indexheader .navs>ul>li>ul li a:hover{background-color: #c9c9c9;}
.indexheader .navs>ul>li:hover ul{display: block;}
.fa-search{font-family: icomoon; cursor: pointer; color: #edf0f3; margin: 7px 0 0 126px; font-weight: normal; font-size: 18px;}
.indexheader .fa-search:hover{color: #ccc;}
#indexswper .swiper-slide .text{width: 100%; height: calc( 100% - 160px ); left: 0; top: 160px;}
#indexswper .swiper-slide .text .tips{line-height: 45px; font-size: 24px; color: #fff;}
#indexswper .swiper-slide .text .title{line-height: 95px; font-size: 48px; color: #fff;}
#indexswper .swiper-slide .text p{margin-top: 9px; line-height: 30px; font-size: 18px; color: #fff;}
#indexswper .swiper-slide .text .imore{margin-top: 59px;}
.imore{font-size: 18px; color: #fff; width: 240px; height: 68px; padding-left: 53px; background: linear-gradient(to right, #90d6f4, #3a83c6); position: relative;}
.imore::after{content: ''; display: block; width: 11px; height: 13px; background: url(/uploads/image/tpsimages/arrowright3.png) no-repeat; position: absolute; left: 176px; top: 27px;}
.imore:hover{background: linear-gradient(to right, #f5b96b, #f39b28); color: #fff;}
.businessmode{width: 1600px; margin-top: 39px;}
.businessmode .line{width: 8px; height: 121px; background: linear-gradient(to bottom, #f5bc73, #f39a27);}
.businessmode .text{margin-left: 56px;}
.businessmode .text .title{height: 53px; font-size: 48px; color: #f39822; margin: 0;}
.businessmode .text .content{line-height: 33px; font-size: 18px; color: #8f9ca9; margin-top: 4px; max-width: 746px;}
.businessmode .imore{margin-left: 540px; margin-top: 25px;}
.businessmode .list{margin: 50px 0 0; padding: 0; list-style: none;}
.businessmode .list li{width: 48%; padding-bottom: 30px; background: #fff; margin-bottom: 52px;}
.businessmode .list li .img, .businessmode .list li .img img{width: 760px; height: 432px;}
.businessmode .list li .atitle{margin: 0; margin-top: 8px; height: 49px; font-size: 24px; color: #347ec3;}
.businessmode .list li p{margin: 0; padding: 0 60px; line-height: 28px; font-size: 14px; color: #1c1c1c;}
.businessmode .list li .more{margin: 18px 0 0;}
.businessmode .list li .more span{width: 174px; height: 42px; background: linear-gradient(to right, #91d6f4, #3a83c6); justify-content: center; font-size: 18px; color: #fff;}
.businessmode .list li:hover{box-shadow:  0 0 10px #c9c9c9;}
.businessmode .list li:hover img{transform: scale(1.1); transition: all .8s;}
.companyprofile{width: 100%; height: 854px; background-repeat: no-repeat;}
.companyprofile .c{width: 1600px;}
.companyprofile .c .text{margin-top: 658px; width: 730px;}
.companyprofile .c .text .title{margin: 0; height: 85px; font-size: 72px; color: #e1eaf0;}
.companyprofile .c .text .title2{margin: 0; height: 66px; font-size: 48px; color: #e1eaf0;}
.companyprofile .c .introduction{width: 690px; height: 584px; background-color: #fff; margin-top: 207px; box-shadow:  0 0 10px #ccc; padding: 38px 50px;}
.companyprofile .c .introduction .atitle{height: 63px; margin: 0; font-size: 48px; color: #f39822;}
.companyprofile .c .introduction .atitle::before{width: 8px; height: 53px; content: ''; background: linear-gradient(to bottom, #f5bc73, #f39a27); margin-right: 42px;}
.companyprofile .c .introduction .content{margin-top: 21px; line-height: 28px; font-size: 15px; color: #1c1c1c;}
.companyprofile .c .introduction .imore{margin-top: 30px;}
.indexnews{margin-top: 57px; width: 1600px;}
.indexnews .line{width: 8px; height: 121px; background: linear-gradient(to bottom, #f5bc73, #f39a27);}
.indexnews .text{margin-left: 56px;}
.indexnews .text .title{height: 53px; font-size: 48px; color: #f39822; margin: 0;}
.indexnews .text .content{line-height: 33px; font-size: 18px; color: #8f9ca9; margin-top: 4px; max-width: 746px;}
.indexnews .imore{margin-left: 540px; margin-top: 25px;}
.indexnews .c{margin-top: 57px;}
.indexnews .l{width: 50%;}
.indexnews .l .img{width: 100%;}
.indexnews .l img{width: 100%;}
.indexnews .l .addtime{left: 0; top: 0; width: 149px; height: 43px; background-color: #f39822; font-size: 16px; color: #fff;}
.indexnews .l:hover img{transform: scale(1.1); transition: all .8s;}
.indexnews .l .atitle{bottom: 0; left: 0; padding: 14px 23px; width: 100%; background: rgba(0, 0, 0, .5); line-height: 36px; font-size: 22px; color: #fff;}
.indexnews .list{width: 50%;; margin: 0; padding: 0; list-style: none;}
.indexnews .list li{width: 100%; height: 226px; padding: 0 53px 0 73px; background-color: #fafafa; background-repeat: no-repeat;}
.indexnews .list li:nth-child(3n 2){background-color: #e9eff2;}
.indexnews .list li .atitle{margin-top: 32px; line-height: 24px; font-size: 16px; color: #1c1c1c;}
.indexnews .list li .addtime{margin-top: 2px; height: 35px; font-size: 16px; color: #8f9ca9;}
.indexnews .list li .content{line-height: 24px; font-size: 14px; color: #1c1c1c;}
.indexnews .list li:hover .atitle{color: #347ec3;}
.indexnews .list li:hover{background-image: url(/uploads/image/tpsimages/arrowright4.png); background-position: left center;}
.touchwithus{margin-top: 58px; height: 193px; background: linear-gradient(to right, #90d6f4, #3a83c6);}
.touchwithus .c{width: 1600px;}
.touchwithus .c .text{width: 1360px;}
.touchwithus .c .text h2{margin: 0; padding: 0; height: 48px; font-size: 36px; color: #fff;}
.touchwithus .c .text h3{margin: 12px 0 0; height: 30px; font-size: 24px; color: #fff;}
.touchwithus .c .text p{line-height: 20px; margin: 0; font-size: 16px; color: #fff;}
.touchwithus .c .more{width: 240px; height: 68px; background-color: #f39822; font-size: 18px; color: #fff; padding-left: 76px; background-image: ; background-position: 30px center; background-repeat: no-repeat;}
.touchwithus .c .more:hover{box-shadow: 0 0 10px #333;}
@media(min-width: 1550px) and (max-width: 1700px){
    .businessmode,.touchwithus .c,.indexwrapper,.indexnews{width: 1550px;}
    .companyprofile .c{width: 1550px;}
    .businessmode .imore{margin-left: 400px;}
}
@media(min-width: 1400px) and (max-width: 1549px){
    .indexwrapper,.businessmode,.touchwithus .c,.indexwrapper,.companyprofile .c,.indexnews{width: 1400px;}
    .businessmode .imore{margin-left: 350px;}
    .indexnews .imore{margin-left: 440px;}
    .companyprofile .c .text{width: 550px;}
    .companyprofile .c .text .title{font-size: 50px;}
    .companyprofile .c .text .title2{font-size: 30px;}
    .touchwithus .c .more{font-size: 16px;}
}
@media(min-width: 1200px) and (max-width: 1399px){
    .indexwrapper,.wrapper,.indexwrapper,.businessmode,.touchwithus .c,.companyprofile .c,.indexnews{width: 1180px;}
    .indexheader .navs>ul>li>a{font-size: 16px;}
    .indexheader .logo{width: 30%;}
    .indexheader .text{width: 70%;}
    .companyprofile{height: auto;}
    .companyprofile .c .text{width: 500px;}
    .companyprofile .c .introduction{width: 500px;}
    .companyprofile .c .introduction{height: auto;}
    .companyprofile .c .introduction .atitle{font-size: 35px;}
    .companyprofile .c .text .title{font-size: 40px;}
    .companyprofile .c .text .title2{font-size: 30px;}
    .indexnews .imore{margin-left: 130px;}
    .indexnews .l .atitle{position: static;}
    .indexnews .list{height: auto;}
    .touchwithus .c .text h2{font-size: 36px;}
    .touchwithus .c .text h3{font-size: 20px;}
    .touchwithus .c .more{font-size: 14px;}
    .businessmode .imore{margin-left: 200px;}
}
@media(min-width: 1000px) and (max-width: 1199px){
    .indexwrapper,.wrapper,.indexwrapper,.businessmode,.touchwithus .c,.companyprofile .c,.indexnews,.touchwithus .c .text{width: 980px;}
    .indexheader .logo{width: 20%;}
    .indexheader .text{width: 80%; background: none;}
    .indexheader .navs>ul>li>a{font-size: 12px;}
    .businessmode .imore{margin-left: 0;}
    .businessmode .line{}
}
@media(max-width: 768px){
.wrapper{width: 100%; padding: 0 2%;}
.fusion-header-wrapper{display: block !important;}
.indexheader{display: none;}
.wrapper,.indexwrapper,.businessmode,.touchwithus .c,.companyprofile .c,.indexnews{width: 100%; padding: 0 2%;}
#indexswper .swiper-slide .text p{display: none;}
#indexswper .swiper-slide .text{top: 0; height: 100%;}
#indexswper .indexwrapper{padding: 0 20%;}
#indexswper .swiper-slide .text .tips{line-height: 180%; font-size: 18px !important;}
#indexswper .swiper-slide .text .title{line-height: 180%; font-size: 14px !important;}
#indexswper .swiper-slide .text .imore{display: none;}
.businessmode{margin-top: 20px;}
.businessmode .imore{margin-left: 0;}
.businessmode .list{width: 100%;}
.businessmode .list li{padding-bottom: 0;}
.businessmode .list li .img, .businessmode .list li .img img{width: 100%; height: auto;}
.businessmode .list li .atitle{display: block; line-height: 180%; font-size: 16px;}
.businessmode .list li p{padding: 0; line-height: 180%; font-size: 14px;}
.businessmode .list li{margin-bottom: 20px;}
.companyprofile{height: auto; background-size: 100% auto;}
.companyprofile .c .text{margin-top: 50vw;}
.companyprofile .c .text .title{height: auto; display: block; line-height: 180%; font-size: 18px; color: #333;}
.companyprofile .c .text .title2{height: auto; display: block; line-height: 180%; font-size: 14px; color: #333;}
.companyprofile .c .introduction{width: 100%; height: auto; margin-top: 20px; padding: 15px;}
.companyprofile .c .introduction .atitle{height: 30px; font-size: 18px;}
.companyprofile .c .introduction .atitle::before{height: 30px; margin-right: 15px;}
.businessmode .text,.indexnews .text{margin-left: 30px;}
.indexnews .imore{margin-left: 0;}
.indexnews .c{margin-top: 30px; flex-direction: column;}
.indexnews .l,.indexnews .list{width: 100%;}
.indexnews .l .atitle{font-size: 16px; line-height: 180%;}
.indexnews .list li{height: auto; padding: 5px 15px;}
.touchwithus{height: auto; margin-top: 20px; padding-bottom: 20px; padding-top: 20px;}
.touchwithus .c .text{width: 100%;}
.touchwithus .c .text h2{display: block; height: auto; line-height: 180%; font-size: 18px;}
.touchwithus .c .text h3{display: block; height: auto; line-height: 180%; font-size: 16px;}
.touchwithus .c .text p{display: block; height: auto; line-height: 180%; font-size: 14px;}
.touchwithus .c .more{margin-top: 20px;}
.imore{width: 120px; height: 34px; padding-left: 26px; font-size: 12px;}
.touchwithus .c .more{display: inline-block; width: auto; height: 45px; padding: 0 20px 0 40px; font-size: 14px; background-size: 18px auto; background-position: 10px center; line-height: 45px;}
.businessmode .list li .more span{display: inline-block; height: 42px; width: auto; padding: 0 20px; font-size: 14px; line-height: 42px;}
.touchwithus .c{flex-direction: column;}
footer .wrapper{flex-direction: column; padding: 4vw 2vw;}
footer .wx{width: 100%; margin: 0; align-items: center;}
footer .wx img{max-width: 130px; width: auto;}
footer .quicknavs,footer .contactus,footer .copyright{width: 100%; margin: 20px 0 0;}
.gasapplication ul.list li{width: 48%;}
.gasapplication .detail aside{width: 100%;}
.gasapplication .detail aside li a .thistitle{width: 70%;}
.air>div{flex-direction: column;}
.air .asidenav{width: 100%; margin-top: 20px;}
.air .asidenav ul{width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap;}
.air .asidenav li{width: 48%; margin-bottom: 15px;}
.air .map{width: 100%; margin-top: 0;}
.air .map #map{width: 100% !important; height: 100vw !important;}
.gasapplication .detail{margin: 15px 0;}
.supplygas .list{margin: 0; padding: 0;}
.supplygas .list li{width: 100%;}
.supplygas .list li p{font-size: 16px;}
.supplygas .detail{margin: 20px 0; min-height: auto; flex-direction: column;}
.supplygas .detail .img{width: 100%; height: auto;}
.supplygas .detail .text{margin: 10px;}
.air .areainfo{width: 100%; border: 0; margin-top: -120px;}
.air .datas .r{width: 100%; margin-left: 0;}
.air .areainfo p a{margin-right: 15px; font-size: 16px;}
#areainfo{width: 100%; margin: 20px 0 0;}
#areainfo{width: 100%; margin: 20px 0 0;}
.air .areainfo{margin-top: 0 !important;}
.air .areainfo .areas{width: 100%; flex-direction: column; padding: 15px;}
.air .areainfo .areas .title{width: 100%; text-align: center; margin-bottom: 0 !important;}
.air .areainfo h2,.air .areainfo li::before,.air .areainfo li .line,.air .areainfo li::after{display: none;}
.air .areainfo ul{width: 100%; background: none; padding: 0;}
.air .areainfo li{padding-left: 0; height: auto; line-height: 180%;}
.air .areainfo p a{font-size: 14px;}
.air{margin-top: 0;}
.fusion-mobile-current-nav-item > a, .fusion-mobile-nav-item a:hover, .fusion-mobile-nav-item.current-menu-item > a{color: #fff;}
.air .companyinfo{width: 100%;}
.air .companyinfo a{width: 50%; text-align: center; float: left;}
.areainfo .title{display: block !important;}
.air .companyinfo p a{font-size: 14px;}
#main{padding: 4vw !important}
#blogs{padding-top: 4vw !important}
#blogs article{flex-direction: column}
#blogs .fusion-blog-layout-large-alternate .fusion-meta-info, .fusion-blog-layout-large-alternate .fusion-post-slideshow{width: 100%}
.mtitle{text-indent: 0}
.mtelnumber{text-indent: 0}
}