@charset uft-8;

/* wap */
@media screen and (max-width: 767px)  {

i {font-style: normal;}

.headbox{width: 100vw; height: 15vw}
.headwap{width: 100vw; height: 15vw; position: fixed; left: 0; top: 0; z-index: 500; background-color: #fff; box-shadow: 0 0 2vw rgba(0, 0, 0, 0.3);}
.logo{float: left; height: 15vw; line-height: 15vw; padding-left: 3.5vw;}
.logo img{height: 9vw;}
.nav-button{float: right; margin-right: 4.5vw; width: 6vw; margin-top: 6vw;}
.nav-button::before, .nav-button::after, .nav-button span{width: 6vw; height: 2px; border-radius: 1px; background-color: #d04710; display: block; content: ""; margin-bottom: 1vw;}

.wapnav{width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); position: fixed; right: 0; top: 0; z-index: 600; transform: translateX(100vw); opacity: 0; transition: all 0.5s;}
.wapnav.show{transform: translateX(0vw); opacity: 1;}
.wapnav .nav-t{height: 13vw; line-height: 13vw; padding: 0 5vw; font-size: 4vw; color: #fff; width: 80vw; margin-left: 20vw; box-sizing: border-box;
background-image: linear-gradient(-45deg, #d04710 , #f76e00 50%, #d04710);
background-image: -webkit-linear-gradient(-45deg, #d04710 , #f76e00 50%, #d04710);
background-image: -moz-linear-gradient(-45deg, #d04710 , #f76e00 50%, #d04710);
}
.wapnav .nav-t i{float: right; font-size: 5vw;}
.wapnav ul{width: 80vw; height: calc(100vh - 13vw); overflow-x: hidden; overflow-y: auto; display: block; background-color: #fff; margin-left: 20vw;}
.wapnav ul li{line-height: 12vw; padding: 0 8vw; border-bottom: 1px solid #efefef; font-size: 4vw;}
.wapnav ul li i{float: right; font-size: 4vw; height: 12vw; line-height: 12vw; transition: all 0.5s;}
.wapnav ul li i.show{transform: rotate(-180deg);}
.wapnav ul li a{display: inline-block; height: 12vw; line-height: 12vw;}
.wapnav ul li .drop-nav{width: 80vw; background-color: #efefef; margin-left: -5vw; padding: 0 5vw 0 8vw; box-sizing: border-box; overflow: hidden; height: 0vw; transition: all 0.5s;}
.wapnav ul li .drop-nav a{display: block; overflow: hidden; font-size: 3.6vw; height: 10vw; line-height: 10vw;}
.wapnav ul li .drop-nav a i{float: right;}

.laug{height: 10vw; line-height: 10vw; display: flex; margin-top: 2vw;}
.laug span{flex: 1; display: block; height: 10vw; line-height: 10vw; text-align: center;}
.laug span img{height: 5vw; margin-right: 1vw;}

footer .line1 {display: none;}
footer .ftbtm {font-size: 12px; padding-top: 1.5em;}
footer .ftbtm p {margin-bottom: 5px}


/*index*/
.carousel-indicators {bottom: -5px;}

.page1 .menu {margin:0 -10px 10px;}
.page1 .menu li {padding: 10px 4px; font-size: 12px;}

.page1 .item {padding: 0;}
.page1 .srt .img3 {padding-top: 15%;}
.page1 .srt .img3 > img {width: 120px;}
.page1 a .slt {margin-left: 0; padding-top: 2vh; width: 54%;}
.page1 a .slt .stt {font-size: 16px;}
.page1 a .slt .stt2 {margin: 10px 0 5px;}
.page1 a .slt .smore {margin-top: 15px;}
.page1 .il, .page1 .ir {top: auto; bottom: 20px; font-size: 20px;}
.page1 .ir {left: 20px;}
.page1 .il {left: 0;}
.page1 a .slt .stc {font-size: 12px; height: 64px; overflow: hidden;}
.page1 a .slt .smore {height: 30px; line-height: 30px; width: 100%;}

.indexsolu {height: auto; padding-top: 2rem; background: url(../img/page2_bg.png) no-repeat center center;}
.indexsolu .ptit {position: static; width: 100%; color: #333; top: auto; margin-top: 0; margin-bottom: 2rem; padding-left: 15px; font-size: 26px;}
.indexsolu .soludiv {width: 94%;}
.indexsolu .swiper-button-next span, .indexsolu .swiper-button-prev span {color: #f76e00;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 24px!important;}
.indexsolu .swiper-button-next {width: 30px;}
.indexsolu .soludiv .titler {font-size: 16px; line-height: 44px;}

.page3 {padding-top: 2rem; padding-bottom: 2rem;}
.page3 .ptit {position: static; width: 100%; color: #333; top: auto; margin-top: 0; margin-bottom: 2rem; padding-left: 15px; font-size: 26px;}

.page3 .p3item > img {height: auto;}
.page3 .id1, .page3 .id3 {margin-bottom: 1rem;}
.page3 .p3txt {bottom: 0; opacity: 1; font-size: 1em;}
.page3 .all {text-align: center;}


/* hidden */
.right_nav {display: none;}
.pmenu {display: none;}

.mbb3 {margin-bottom: 1.5em;}
#page {padding-top: 1em;}

/* about */
.banner > img {width: 200%;}
.aboutext .banner-describe {margin-top: -30%;}
.aboutext .btit {font-size: 1.4em;}
.aboutext .btxt {font-size: 12px; margin-top: 5px;}

.page4 {padding-top: 1.2em; padding-bottom: 1.2em;}
.page4 h2 {margin-top: 0; margin-bottom: 0; font-size: 26px;}
.page4 .p4content {margin-top: 1.2em; padding: 15px;}
.page4 .p4content .txtds {padding-top: 0; padding-bottom: 0;}

.page4 .p4content .history .no:nth-child(odd) {text-align: left; position: relative;}
.page4 .p4content .history {width: 100%; background: url(../img/history_bg.png) left center repeat-y; height: auto;}
.page4 .p4content .history .no {width: 100%; padding-left: 5%; left: 0; right: 0; position: relative; margin-bottom: 15px;}
.page4 .p4content .history .no img {max-width: 100%;}
.page4 .p4content .history .year {}
.page4 .p4content .history .year .yuan {right: auto; left: -25px;}
.page4 .p4content .history .no2 .year .yuan, .page4 .p4content .history .no4 .year .yuan, .page4 .p4content .history .no6 .year .yuan, .p4content .history .no8 .year .yuan{
	left: -25px;
}
.page4 .p4content .history p {margin-bottom: 2px;}
.page4 .p4content .history .matter {font-size: 12px; line-height: 24px;}



.txtds img {max-width: 100%; display: block;}

.lnpage {padding-top: 0;}
.lnpage .lll {margin-bottom: 2em;}
.lnpage .lll, .lnpage .rrr {width: 100%; float: none;}

.solution-news.ptb4 {padding: 1.5em 0;}
.solution-news .dot-nav {padding: 0;}
.solution-news .dot-nav h2 {margin-top: 10px;}
.solution-news01 {margin: 0em 0;}
.solution-news01 .item .img-resposive {width: 100%; height: 320px;}
.solution-news01 .item .tit {}
.solution-news01 .page ul {padding: 0 0 2em;}

.news-detail {argin: 2em 0 2em 0;}
.news-detail .head .tit {font-size: 22px; text-align: left;}
.news-detail .head {padding-top: 0; padding-bottom: 2rem;}
.news-detail .content {padding: 2em 15px;}
.news-detail .content img {max-width: 100%; display: block;}


.tbox {position: static; box-shadow:none; padding-top: 2em; margin: 0 15px;}
.tbox .tdl {width: 100%; text-align: left; }
.tbox .tdl dt > a {padding-left: 2rem;}
/*.tbox .tdl dd {padding-left: 2rem;}*/
.tbox .tdl .tspan {left: 2000px;}
.tbox .tdl dd .tdda {padding: 0 2rem; margin: 0 2rem;}

.page6 .container .p6plist {padding-top: 0;}
.page6 .container .p6plist ul li {width: 48%; padding: 0 15px; margin-right: 2%;}
.page6 .container .p6plist ul li:nth-of-type(3n) {margin-right: 2%;}
.page6 .container .p6plist ul li img {max-width: 100%; padding: 0;}
.page6 .container .p6plist .p6discrip .pdtit {font-size: 14px; margin-bottom: 10px; height: 40px; overflow: hidden;}
.page6 .container .p6plist .p6discrip .btn {width: 100%; height: 35px; line-height: 21px;}


.proshow {padding-top: 2em; margin-bottom: 2em; box-shadow:0px 0 10px #d5d6d6 inset,0px 2px 10px #d5d6d6;}
.proshow .pro {margin-bottom: 0;}
#preview {width: 100%!important; float: none!important;}
#spec {height: 85px!important;}
#specList UL LI {width: 20%!important;}
#specList UL LI IMG {width: auto!important; height: 60px!important;}
.promodel .jian {margin: 0 0px; text-align: justify;}
.proshow .pro .prodes {width: 100%; float: none; padding-top: 2em; padding-bottom: 1.5em;}
.proshow .pro .prodes .model {font-size: 24px; margin-bottom: 0;}

.boede {margin-bottom: 20px;}
.product-intru .nav-tabs>li {font-size: 14px; margin: 0;}
.product-intru .nav-tabs {justify-content:flex-start;}
.product-intru .tab-content>div {padding: 15px 0;}
.product-intru .tab-content>div img {max-width: 100%;}


.solution .container h3 {padding-top: 0;}
.solution .container .s-content .item {width: 100%; float: none; margin-top: 1.2em;}
.solution .container .s-content .item .item-mask {padding: 0 1.5em; line-height: 50px;}
.solution .container .s-content .item .item-tit {font-size: 18px;}

.promenu {position: static; margin: 0 15px;}
.promenu .pmli {width: 100%; margin-bottom: 1px;}
.promenu .pmli .pma {margin-bottom: 1px;}

.service-nav .dot-nav {display: block;}
.dot-nav {padding: 1em 0; margin: 0 0 0 15px;}
.dot-nav li {float: none; width: 31%; padding-left: 25px; display: inline-block; margin: 0px;}
.dot-nav li span {width: 18px; height: 18px; border:6px solid #c8c9ca; top: 9px;}
.dot-nav li a {font-size: 16px;}

.solu2 .content {padding: 15px;}
.solu2 .content img {max-width: 100%; display: block;}
.promenu .hhul {left: 2000px;}


.solu2 h2 {margin: 0 15px 15px;}
.solu2 .titds {margin: 0 15px;}
.concat-content.pbt3 {padding-top: 1em;}
.concat-content .headquarters {padding: 15px; height: auto;}
.concat-content .headquarters .describe {width: auto; position: static; height: auto; padding: 0 15px 10px; margin-bottom: 15px; left: 15px; right: 15px;}
.concat-content .headquarters .map {position: static; width: auto; transform: translateY(0%); right: 0; top: 0; bottom: 0;}


.solu2 .bgf7.ptb3 {padding-top: 1em; padding-bottom: 1em;}
.bsc {padding: 0;}
.bsc .area {padding: 0 0 0 0.5em;}

.way {margin: 0em auto 2em;}
.way .ptb1 {padding-top: 0;}
.way .vx-box {width: 100%;}
.way .vx-box>div:hover .con {border: 1px solid #fff;}
.way .vx-box #wxcon {left: 1em;}
.way .vx-box #wxcon p:after {display: none;}



.service-tx {padding: 0 15px;}
.service-tx >ul {display: block; overflow: hidden;}
.service-tx >ul li {float: left; width: 50%; margin-bottom: 15px;}
.service-tx >ul li img {max-width: 100%;}


.service-tel {margin-top: 1em; height: 220px; overflow: hidden;}
.service-tel img {width: 300%;}
.service-tel .tel-24 {top: 18%; margin-left: -117px;}
.service-tel .tel-24 a {font-size: 2.5em; line-height: 2em;}
.service-tel .tel-24 p {font-size: 1.8em;}


.map-content {/*transform: scale(0.6); width: 130%!important;*/ overflow-x: scroll; padding: 0;}
/*.map-module {width: 100%!important;}*/
/*.branch-map-l {width: 100%;}*/
.map-content-box {background: url(../img/map-bj.png) no-repeat center}

.mapps {border:1px solid #d04710; border-radius: 2px; margin: 15px 15px 0; padding: 8px 15px;}
.mapps img {height: 15px; margin-right: 5px;}


.service-concat h3 {padding-top: 1em; padding-bottom: 1em; margin-top: 10px;}
.service-concat .container .row >div:nth-of-type(1) {padding-right: 15px;}
.service-concat .container .row >div:nth-of-type(2) {padding-left: 15px;}
.service-concat .container .row .col-lg-6 {border-bottom: 1px solid #eee;}
.service-concat .img {display: none;}
.service-concat .txt-des {float: none; width: 100%;}
.service-concat .txt-des .tit a {font-size: 16px;}

.service-down .tit {margin-bottom: 0;}
.service-down .video-box {width: 100%;}
.service-down .video-box li {width: 47%; margin-right: 15px; margin-bottom: 15px;}
.service-down .video-box li:nth-of-type(2) {margin-right: 0;}
.service-down .video-box li:nth-of-type(4) {margin-right: 0;}
.service-down .video-box li:nth-of-type(6) {margin-right: 0;}
.service-down .video-box li:nth-of-type(8) {margin-right: 0;}
.service-down .video-box li:nth-of-type(10) {margin-right: 0;}

.service-down .data-box { margin-bottom: 20px;}
.service-down .data-box li {width: 47%; padding: 1em 15px; margin-right: 15px; margin-bottom: 15px;}
.service-down .data-box li .data-des {padding: 15px 0; font-size: 14px;}
.service-down .data-box li:nth-of-type(2) {margin-right: 0;}
.service-down .data-box li:nth-of-type(4) {margin-right: 0;}
.service-down .data-box li:nth-of-type(6) {margin-right: 0;}
.service-down .data-box li:nth-of-type(8) {margin-right: 0;}
.service-down .data-box li:nth-of-type(10) {margin-right: 0;}

.service-down .data-card {width: auto; margin: 0 15px;}
.service-down .data-card .card .tit {font-size: 16px; line-height: 48px;}
.service-down .data-card form input:last-of-type {width: 20px;}

.service-down .modal-dialog {width: auto; margin-left: -47%; margin-top: -53%;}
.service-down .modal-dialog video {height: 280px;}

.investor img {max-width: 100%;}
.investor .head {padding-top: 1em; padding-bottom: 1em;}
.investor .head .head-left, .investor .head .head-right, .investor .presentation .box .box-left, .investor .presentation .box .box-right {width: auto; float: none;}
.investor .presentation h2, .notice h2, .jlchart h2 {padding-top: 0; padding-bottom: 0;}
.investor .presentation .box .box-right ul li {font-size: 14px;}
.notice .notice-list .item {width: 100%; float: none; margin-bottom: 1em;}
.notice .btn {margin-top: 0;}
.data {display: none;}

.hdrem {margin-bottom:25px;}

.form-body, .formfoot {max-width:100%; width:94%; margin:0 auto;}
.form-body .form-control {width:100%!important;}
.formfoot .btn-warning {display:block; width:100%;}

.fslist {padding:15px 15px 0;}
.fslist dl dd { padding-left:10px;}
.fslist dl dt {height: 32px;}
.fslist dl dt, .fslist .d1 dd {font-size:16px;}

}