﻿/*WAP主导航 */
.wapNav{overflow-y:auto;height:100%;opacity:0;transform: translateX(-100%);transition:all 0.6s;background:#fff;width:100%;position: fixed;left:0;top:0;z-index: 40;padding:60px 0;}
.wapNav li{position:relative;}
.wapNav li a{display:block;padding-left:20px;color:#333;height:50px;line-height:50px;border-top:1px solid #eee;position:relative;}
.wapNav li i{font-family:"iconfont";color:#888;font-size:1.2em;font-style:normal;padding:0 15px;position:absolute;right:0;top:0px;line-height:50px;}
.wapNav li.cur>a,.wapNav .cur>a:hover{background:#3f3a36;color:#fff;}
.wapNav li :hover i,.wapNav .cur i{color:#fff;}
.wapNav .navSub{display:none;background:#f1f1f1;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:40px;font-size:.875em;}
.wapNav .navSub ul{background:#f1f1f1;}
.wapNav .navSub ul li a{height:34px;line-height:34px;padding-left:60px;}
.wapNav .menu{overflow:hidden;font-size:1rem;border-top:1px solid #eee;}
.wapNav .menu a{float:left;width:50%;text-align:center;line-height:50px;border-right:1px solid #eee;color:#333;border-bottom:1px solid #eee;}
.wapNav .menu a i{font-family:"iconfont";margin-right:5px;position:relative;font-style:normal;color:#666;font-size:1.4rem;}
.wSearch{background:#f1f1f1;overflow:hidden;padding:20px 15px;font-size:12px;}
.wSearch form{margin:0 auto;background:#fff;height:40px;overflow:hidden;padding-right:60px;}
.wSearch .sear_text{width:100%;float:left;height:40px; line-height:40px;color:#666; padding-left:10px;}
.wSearch .sear_btn{ float:left;width:60px;height:40px; cursor:pointer;text-align:center;background:#3f3a36;color:#fff;font-size:14px;transition:all 0.3s;margin-right:-60px;}
.wSearch .sear_btn:hover{background:#000;}
@media all and (max-width:1800px) {.business::after{width:270px;}}
@media all and (max-width:1600px) {
.container{padding-left:15px;padding-right:15px;}
.headR{right:15px}
.business .hTitle {margin-left:-255px;}
.partnerMain{padding-left:220px;}
}
@media all and (max-width:1440px) {
.header .logo img{height:60px;}
.nav .m{margin-left:55px;}
.footR{width:35%;}
.hTitle{font-size:1.75rem;}
.business{font-size:.875rem;}
.business::after{width:240px;}
.business .container{padding-left:240px;}
.business .hTitle{margin-left:-225px;}
.tieMenu{font-size:1.286em;}
.tieMenu a{margin-left:40px;}
.aboutTie{height:236px;}
.partner .bgImg{height:310px;}
.newsMain li:last-child{/*display:none;*/}
.newsMain li{width:25%;}
.culture li{min-height:420px;}
.newsList li .font{width:70%;}
}

@media all and (max-width:1200px) {
.nav{font-size:1rem;}
.nav .m{margin-left:35px;}
.footR .tel h4 span{font-size:22px;}
.business{font-size:.75rem;}
.aboutR .txt{height:190px;}
.aboutStreng li{font-size:1em;}
.partnerMain{padding-left:15px;}
.partnerSlide .sIcon{left:15px;}
.teamSlide .btn{display:none;}
.teamL h4{margin-bottom:40px;}
.listMenu a{margin:0 20px;}
.proList ul{margin-right:-10px;}
.proList li{padding-right:10px;}
.proSider{font-size:.875rem;}
.setting li,.setting li.big{width:33.3%;}
.setting li:last-child{display:none;}
.setting li p{height:45px;line-height:45px;bottom:0;}
.picList ul{margin-right:-15px;}
.picList li{padding-right:15px;}
.picShow_r li p{display:none;}
.contactBox2 .tie{font-size:1.8em;}
.contactBox3{margin-top:40px;}
.footMenu a {color: #fff;margin-right:10px;}
.award-content {margin-bottom: 45px; margin-top:50px;}
.award-content .award-list {display: flex;flex-wrap: wrap; }
.award-content .award-list li {width:32%;transition: all .6s;margin-right:1.5%;margin-bottom: 30px;cursor: pointer; }
.award-content .award-list li .pic {width: 100%;overflow: hidden; }
.award-content .award-list li .pic img {width: 100%;transition: transform .5s ease-out;-webkit-transition: transform .5s ease-out;-moz-transition: transform .5s ease-out; }
.award-content .award-list li .info {color: #333;background: #fff;font-size: 14px;height: 60px;line-height: 60px;color: #333;text-align: center;padding: 0 10px;border-top: 1px solid #efefef; }
.award-content .award-list li:hover {box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1); }
.award-content .award-list li:hover .pic img {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1); }
.award-content .award-list li:hover .info {color: #f6ac1b; }
.award-content .award-list li:nth-of-type(3n) {margin-right: 0; float:right;}
.award-content .award-list li:nth-of-type(5) {margin-right:2%; float:left;}
}
@media all and (max-width:1024px) {
body{padding-top:60px;font-size:.875rem;}
.headR,.nav,.gr_kefu,.banner .swiper-button-white,.footR,.firendlink,.business::after,.partner .bgImg,.partner .box,.breadCrumb,.caseShow_L .btn,.picShow_r,.bshare-custom,.feedbackL,.hTel,.tieTop .more,.honor::after{display:none;}
.header{height:60px;line-height:60px;position: fixed;width:100%;top:0;left:0;}
.header{background:#3f3a36;}
.header .logo {line-height:60px;border-right:none;width:auto; margin-top:5px;}
.header .logo img{height:50px;}
.navTrigger,.footMenu_wap,.proMain li:last-child,.relative_pro li:nth-child(4){display:block;}
.nav_on{opacity:1;transform: translateX(0);}
.footL,.business dl,.teamR,.teamShow_pic,.teamShow_font,.aboutL,.aboutR,.profileL,.gallery,.proShow_R,.proShow_l,.picShow_l,.feedbackR,.aboutBox1 .left,.contactR,#dituContent,.siteSlide,.proList,.proSider,.contactBox3 .tie,.contactBox3 .main,.contactBox3 .left,.contactBox3 .main,.contactBox2 .font,.caseShow_L,.caseShow_R,.honorL,.honorR,.jobBox1 .bgImg,.jobBox1 .font{float:none;width:100%;}
.banner .txt{max-width:60%;top:30%}
.banner{height:auto;}
.pd60,.listWrap{padding-top:40px;padding-bottom:40px;}
.mb50{margin-bottom:30px;}
.hTitle span{font-size:16px;word-spacing:2px;text-transform: capitalize;opacity:.7;margin-top:0; display:none;}
.hTitle span i{display:inline-block;font-size:14px;text-transform: capitalize;margin-left:5px;}
.hTitle::after,.teamL h4,.zxBtn,.team::after,.site .more,.profileL h4,.honorL p,.hMore{display:none;}
.hTitle{padding-bottom:0;}
.business{display:none;}
.business .container{padding-left:15px; display:none;}
.business .hTitle{margin-left:0;color:#191919;margin-bottom:30px;}
.business dl{min-height:auto;overflow: hidden;border:none;background: rgba(255,255,255,.3);margin-bottom:15px;padding:30px 5%; width:48%; float:left;}
.business dl:nth-child(2n){min-height:auto;overflow: hidden;border:none;background: rgba(255,255,255,.3);margin-bottom:15px;padding:30px 10%; width:48%; float:right;}
.tieTop{margin-bottom:30px;}
.tieMenu{position: static;font-size:1em;padding-top:25px;}
.tieMenu a{margin:0 15px;padding-bottom:10px;}
.tieMenu,.hTitle{float:none;text-align:center;width:100%;}
.caseMain li,.caseMain li:nth-child(1){width:33.3%;}
.about{padding-bottom:0;}
.aboutR .txt{height:auto;}
.aboutTie{position: static;width:100%;height:auto;padding:5%;}
.aboutTie .hTitle{color:#fff;font-size:1.2em;}
.aboutTie .hTitle span{font-size:0.8em;}
.aboutStreng{margin-top:40px;}
.aboutStreng li,.videoList li{width:33.3%;}
.partnerSlide .sIcon{position: static;margin-top:30px;}
.partnerSlide .swiper-pagination-bullet{background:#000;}
.partner li img{filter:none;-webkit-filter:none;-ms-filter:none; -o-filter:none;}
.teamMain,.profile{padding-left:15px;}
.teamL,.profileL{margin-left:0;float:none;}
.teamR{padding-top:3%;padding-left:3%;}
.teamR::after{width:61%;}
.siteTop{margin-right:-5px;}
.siteTop li{padding-right:5px;padding-bottom:5px;}
.siteTop li:nth-child(1),.siteTop li:nth-child(2),.siteTop li{width:33.3%;}
.newsMain li:nth-child(4){display:none;}
.newsMain li{width:33.3%;}
.listBanner{height:360px;text-align:center;}
.listMenu{font-size:1rem;display: flex;flex-flow:row wrap;justify-content: space-between;overflow: hidden;padding-top:1px;padding-left:1px;background:#f5f5f5;margin-top:0;padding:0;}
.listMenu a{flex-grow:1;border:1px solid #ddd;margin:0;margin-left:-1px;margin-top:-1px;padding:0 20px;}
.listMenu .cur{background:#e96713;color:#fff;}
.proSider{margin-bottom:45px;margin-top:-40px;}
.proSider .title{background:none;height:50px;line-height:50px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;color:#191919;font-size:18px;text-align:left;}
.proSider .title span{display: block;}
.proSider .side{display:none;}
.proList .aTie{border-bottom:none;height:40px;}
.proSider .m>a{height:45px;line-height:45px;}
.proSider ul ul li{height:30px;line-height:30px}
.proList2 li{width:33.3%;}
.caseShow_L .tie:after,.relatedCase,.bshare-custom{display:none;}
.caseShow_L .tie,.honorR{padding-top:0;}
.caseShow_L,.partnerA{margin-bottom:30px;}
.culture li{width:48%;margin-bottom:15px;}
.honorR .swiper-pagination-bullet{background:#000;}
.honor{padding-left:0;}
.honorR li p{text-align:center;height:30px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;line-height:30px;}
.picList ul{margin-right:-10px;}
.picList li{padding-right:10px;margin-bottom:20px;}
.picList li{width:33.3%;}
.partnerList li{width:16.6%;}
.mb40{margin-bottom:30px;}
.contactBox2 .txt{height:auto;margin-bottom:35px;}
#dituContent{height:380px;}
.contactBox3 {padding-left:0;}
.contactBox3 .tie{margin-left:0;margin-bottom:30px;}
.contactBox3 .main,.proSear form{width:100%;}
.proSear{width:100%;padding-left:0;}
.contactBox2 .font{height:auto;}
.contactBox2 .wx p{width:100px;}
.inner-banner .com-nav li {width: 25%; }
.inner-banner .com-nav .center {width: 100%; }
.inner-banner .com-nav.notice-nav li {width: 20%; }
.company .intro-box .left {width: 100%; }
.company .intro-box .right {width: 100%; }
.company .intro-box .right .intro-video {margin-top: 0.5rem; }
.culture li{width:48%;margin-bottom:15px;}
.contact .address-box {height: auto; }
.contact .address-box .left, .contact .address-box .right {width: 100%; }
.contact .address-box .left {height: auto;padding: 0.5rem 0.2rem 0.2rem 0.4rem; }
.contact .address-box .right {height:300px; }
.news-content .news-list li {height: 4rem; }
.news-content .news-list li .info-box {padding:10px; }
.news-content .news-list li .info-box .tt {font-size: 16px; }
.news-content .news-list li .info-box .info {margin-top:20px; }
.news-content .news-display .left {width: 100%;}
.news-content .news-display .right { width: 100%; }
.pageBox{  padding: 0px; margin-top:15px;}
.m-details{ width: 100%;}
.m-prev,.m-next{height: 38px; width:38px;color: #fff;background-size:auto 100%;}
.m-prev{top: 220px;background:url(../images/jiant_l.png) no-repeat center #f5f5f5; background-size: auto 100% ;left:0;}
.m-next{top: 220px;background:url(../images/jiant_r.png) no-repeat center #f5f5f5; background-size: auto 100% ; right:0;}
.m-back{font-size: 16px;height: 35px;color:#333;line-height: 35px;}
.m-section4{padding: 0px 0 7px 0; margin-top: 0px; }
.m-details .txt{ margin-top: 20px;}
.m-details .txt h3{font-size: 16px;margin:30px 0 15px; padding: 8px; font-weight: normal; border-bottom: 6px solid #f5f5f5; }
.m-details .txt p{padding-top:5px;}
.m-details .pic{margin: 0px auto;overflow: hidden; width:100%;height:auto;border: 0px solid #eee; background: #fff; }
.m-details .pic img{display: block;max-width: 100%;margin: 0px auto;height:auto; padding: 0px 0 0px 0;}
.m-details .slider .item{ height: auto; padding-bottom:10px;}
.m-details .slick-dots li{ width: 20px; height: 3px; }
.m-details .p_txt{width:100%;margin-left: 0%; margin-top: 20px;}
.m-details .p_txt h2{font-size: 18px; padding-bottom: 5px; margin-top: 8px;  border-bottom: 1px solid #e9e9e9; color:#eb6e00; margin-bottom: 20px;}
.m-details dt .name h2{ font-size: 18px;text-align: left; padding-left: 10px;}
 }
@media all and (max-width:768px) {
.footer,.footer .container{padding:0;}
.footMenu{margin-bottom:0;font-size:14px;}
.footMenu a{float:left; width:25%;margin-right:0;text-align:center;border-bottom: 1px solid #555;border-right: 1px solid #555;line-height:40px;}
.footMenu a:nth-child(4n){border-right:none;}
.footer .font{padding:20px;}
.footMenu .last,.newsMain li:nth-child(4){display:block;}
.tieMenu a{margin:0 10px;}
.caseMain li h4, .siteTop li h4{height:50px;line-height:50px;}
.aboutL{height:350px;}
.newsMain li{width:50%;}
.newsMain li .date{display:none;}
.listBanner{height:300px;}
.listBanner h3{font-size:2em;top:42%;font-weight:normal;}
.listBanner h3 span{display:none;}
.listMenu{font-size:.875rem;}
.listTie{margin-bottom:30px;font-size:1.8rem;}
.listTie span::after,.listTie span::before{top:22px;}
.proShow_box1 {border:none;padding-bottom:0;}
.setting li,.setting li.big{width:50%;}
.teamShow_font .tie{margin-bottom:15px;padding-bottom:0;padding-top:0;}
.feedback h4,.feedback h3,.showPage a,.showPage a:nth-child(2),.teamTop .pic,.teamTop .txt,.newsSlide li .pic,.newsSlide li .txt,.supportL,.supportR,.faqList li,.faqList li:nth-child(2n),#dituContent,.contactMain .font{float:none;width:100%;}
.proSear{width:100%;}
.contactBox3 .tie{font-size:2.4em;}
.contactBox3 {padding-top:0;margin-bottom:0;}
.brand dl.dl01{margin-right: 0; float:left; width:48%; margin-bottom:10px;}
.brand dl dt{ display:none;}
.brand dl.dl01 dd,.brand dl.dl03 dd,.brand dl.dl02 dd{ position: static; margin-top:0px; padding-top:0px;}
.brand dl.dl02{float:right; width:48%; margin-right:0px; margin-bottom:10px;}
.brand .dl03{ width:100%; float:none; margin:0px; clear:both;}
.brand dl.dl02 dd{ height: auto;}
.brand dd h3{ font-size:16px; color:#f6ac1b; font-weight:bold;text-align: center; padding-top: 20px;line-height: 30px;}
.brand dd h3 span{ display: block; font-size: 12px; color:#666666; font-weight: normal; padding-top: 20px; line-height:20px; margin-bottom:20px;}
.inner-banner {width: 100%;height:300px;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative; }
.inner-banner .com-nav {height:auto; }
.inner-banner .com-nav li a {height:40px;line-height:40px;font-size: 12px; }
.banner-title { color: #fff;position: absolute; bottom: 45%; width: 100%;text-align:left;}
.banner-title .t1 {font-size:20px;line-height: 36px;height: 36px; }
.banner-title .t2 {text-transform: uppercase;margin-top:0px;font-size:16px;}
.contact {margin-top: 0.4rem;margin-bottom: 0.6rem; }
.contact .upload-box {padding: 0.2rem; }
.contact .upload-box .index-title {font-size: 14px; }
.contact .upload-box .index-title span {font-size: 20px; }
.contact .upload-box .input-box .input input, #contact .contact .upload-box .textarea-box textarea {font-size: 12px; }
.contact .upload-box .code-box .code-right {width:150px;height:40px;line-height:40px;display: block;margin: 0 auto;float: none !important;margin-top:20px; }
.contact .upload-box .code-box .code-left {float: none !important; }
.contact .address-box .left .info-box .adr-mar {margin-top: 0; }
.contact .address-box .left .info-box p {font-size: 14px; }
.contact .address-box .left .title {font-size: 18px; }
.contact .address-box .left .info-box {margin-top: 0.5rem; }
.news-content .content {width: 100%; }
.news-content .news-nav-right {width: 100%;margin-top: 20px; }
.news-content .content {padding:20px; }
.news-content .content .title-box .t2 {font-size: 16px; }
.news-content .content .detail-bottom {padding: 0.3rem 0 0.4rem; }
.news-content .content .detail-bottom > .left p a {font-size: 12px; }
.news-content .content .detail-bottom >.right {width:200px;height:60px;line-height:60px;float: none !important;display: block;margin: 0 auto;margin-top:20px; }
.news-content .content .detail-bottom > .left {float: none; }
.news-content .news-nav-right .top {padding-left: 0.3rem; }
.news-content .content .title-box .t1 {font-size: 24px; }
.news-content .news-list li {width: 100%;height: auto; }
.news-content .news-display { margin-bottom:30px;width: 100%; height:200px; display:none;}
.news-content .news-display .right {padding:10px;height: auto; }
.news-content .news-display .right .title {padding-right: 0;font-size: 20px; }
.news-content .news-display .right .info-box {height: auto;margin-top:20px; margin-bottom:30px;}
.news-content .news-display .right .date {bottom:0px; }
.news-content .news-list li .info-box {height: auto; }
.news-content .news-nav-right .nav-list li .t1 {font-size: 18px;}
.award-content {margin-bottom: 45px; margin-top:50px;}
.award-content .award-list {display: flex;flex-wrap: wrap; }
.award-content .award-list li {width:49%;transition: all .6s;margin-bottom: 30px; margin-right:2%;float:left;}
.award-content .award-list li .pic {width: 100%;overflow: hidden; }
.award-content .award-list li .pic img {width: 100%;transition: transform .5s ease-out;-webkit-transition: transform .5s ease-out;-moz-transition: transform .5s ease-out; }
.award-content .award-list li .info {color: #333;background: #fff;font-size: 14px;height: 60px;line-height: 60px;color: #333;text-align: center;padding: 0 10px;border-top: 1px solid #efefef; }
.award-content .award-list li:hover {box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1); }
.award-content .award-list li:hover .pic img {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1); }
.award-content .award-list li:hover .info {color: #f6ac1b; }
.award-content .award-list li:nth-child(2n) {margin-right:0; float:right;}
.award-content .award-list li:nth-child(4) { float:right; margin-left:2%;}
.award-content .award-list li:nth-child(10) { float:right; margin-left:2%;}
}
@media all and (max-width:640px) {
.business dt,.business dd,.teamSmall,.teamSlide,.teamList li .pic,.teamList li .font {float:none;width:100%;}
.caseMain{margin-right:-5px;}
.caseMain li,.caseMain li:nth-child(1){width:50%;padding-right:5px;padding-bottom:5px;}
.caseMain li:last-child,.teamR::after,.teamSmall{display:none;}
.aboutStreng li{height:220px;padding-top:40px;}
.aboutStreng li i{height:50px;line-height:50px;width:50px;margin-bottom:40px;}
.aboutL{height:350px;}
.teamR{padding:0;}
.teamSlide .btn,.culture .btn{display:inline-block;background:#000;color:#fff;width:50px;height:30px;line-height:30px;position: static;margin-top:30px;}
.teamSlide li p{bottom:10px;height:50px;line-height:50px;background: rgba(255,255,255,.8);}
.siteTop li:nth-child(1),.siteTop li:nth-child(2),.siteTop li{width:50%;}
.newsMain{margin-right:-10px;}
.newsMain li p{display:none;}
.newsMain li{padding-right:10px;margin-bottom:10px;}
.newsMain h4{padding:0;line-height:40px;font-size:12px;}
.listMenu a{padding:0 10px;line-height:42px;height:42px;}
.picList ul{margin-right:-10px;}
.proList li h4{padding:10px 0;}
.proList li{width:50%;padding-right:10px;margin-bottom:15px;width:50%;text-align:center;}
.proList li i{display:none;}
.culture li{min-height:360px;padding:10px;}
.picList li{width:50%;}
.picList li p{margin-top: 10px;}
.partnerList li{width:25%;}
.pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
.contactBox3 .text p,.contactBox3 .sub{width:100%;float:none;}
.contactBox3 .code .c{width:160px;margin-bottom:10px;}
.company .intro-box .left .title-box .t1 {font-size:30px;color: #f6ac1b; }
.company .intro-box .left .title-box .t2 {color: #666;font-size: 16px; text-transform:uppercase;}
.company .intro-box .left .title-box .t3 {color: #333;font-size:22px; letter-spacing:5px;margin-top: 10px; }
}
@media all and (max-width:480px) {
.business dt i{float:right;margin-bottom:0;}
.tieMenu{font-size:.875em;}
.caseMain li img,.siteTop li img{height:76%;}
.caseMain li h4,.siteTop li h4 {color:#333;text-align:center;background:none;padding:0;height:40px;line-height:40px;position: static;}
.caseMain li h4 i,.siteTop li h4 i{display:none;}
.caseMenu a:last-child{display:none;}
.aboutL{height:300px;}
.aboutL::after{width:100px;background-size:100%;margin-left:-50px;}
.aboutR .tie{font-size:2em;}
.listBanner,.jobBox1 .bgImg{height:190px;}
.culture li{min-height:auto;width:100%;padding-bottom:20px;}
.partnerList li{width:33.3%;}
}
@media all and (max-width:380px) {.aboutL{height:140px;}.listBanner{height:160px;}}