/*  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:#2853be;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:1rem;}
.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:#333;color:#fff;font-size:14px;transition:all 0.3s;margin-right:-60px;}
.wSearch .sear_btn:hover{background:#2853be;}



@media all and (max-width:1600px) {
  .container{padding-left:15px;padding-right:15px;}
  .nav .container,.search .container{padding:0;}
  .honorSlide .btn{left:15px;}
  .honorSlide .swiper-button-next{right:15px;left:auto;}
  .contactR .titie{font-size: 2em;}
  .historyMain .btn{display:none;}
  /*--*/
  .ABoutHome .container{padding:0 50px;}
}

@media screen and  (max-width:1570px){

.hhl-contact .list ul li .box{ padding:0 30px 10px 30px;}

}

@media screen and  (max-width:1500px){

.foot-nav{margin-left:7%}

}

@media all and (max-width:1440px) {
  .nav{font-size:1em;}
  .proL li{line-height:38px;font-size:1em;}
  .proL h4{margin-top:40px;}
  .proTop .txt{padding-top:0;}
  .proTop .txt p{height:auto;}
  .proL ul{min-height:280px;}
  .proSide_sub li a{padding:0 20px;}
  .gallery li{height:400px;line-height:400px;}
  .gallery .pImg{top:0;margin-top:0;}
  .proShow_R .font{height:160px;line-height:1.6;}
  .newsMain li p{font-size:12px;}
  
  .jobBox1{font-size:1em;}
  .solutionL li{height:90px;line-height:90px;}
  .contactR{padding-right:200px;}
  .contactR .wx{float:right;margin-right:-160px;width:140px;padding-top:20px;}
  .contactR .titie{font-size:1.8em;}
  /*--*/
  .footer .nav li{padding-right: 15px;margin-right:15px;}

}


@media all and (max-width:1240px) {

  .pageBan .txt{font-size:12px;max-width:580px;}
  
  .pageBan .txt h3{font-size:24px;}
  
  .pageBan .tel h5 {font-size: 22px;}

}

@media all and (max-width:1200px) {
  .nav{font-size:.875em;}
  .fLogo{display:none;}
  .proL ul,.proL h4,.proL h3{padding-left:10%;}
  .proL li{font-size:.875em;line-height:34px;}
  .proL h3{height:100px;padding-top:24px;}
  .proL h4{margin-top:20px;}
  .proTop .txt{padding-right:0;}
  .proTop .txt .more{height:32px;line-height:32px;}
  .hTitle{font-size:.875rem;}
  .proAdv .pic{max-width:480px;top:100px;margin-left:-245px;}
  .proAdv li{height:160px;}
  .proAdv li:nth-child(2),.proAdv li:nth-child(3){height:220px;}
  .problemSlide .btn{display:inline-block;}
  .oddsL,.oddsR{float:none;width:100%;}
  .oddsL .txt{height:auto;margin-bottom:40px;}
  .oddsL{margin-bottom:40px;}
  .solutionL li{height:80px;line-height:80px;}
  .solutionR .txt,.solutionL{font-size:1em;}
  .aboutNum{font-size:1em;}
  .proL ul{min-height:230px;}
  .proL h4{background:none;}
  
  .hhl-fqclsb .pleft,.hhl-fqclsb .right .list li{font-size:1em;}

  .aboutBox1 .title,.demandBox1 .font h3{font-size:2.3em;}
  
  .listBanner{height:400px;}
  .listMenu a{margin:0 20px;}
  .proSider,.proList li{font-size:1em;}
  
  .newsSlide li .pic{height:480px;}
  .applySlide li,.applyFont{height:460px;}
  .aboutBox1 .left{padding-top:0;}
  .aboutBox1 .tie{font-size:2em;margin-bottom:15px;}
  .culture li{padding:15px;}
  .honorList li{width:25%;}
  .picShow_r li p{display:none;}
  .album li,.album li.big{width:33.3%;}
  .album li:last-child{display:none;}
  .album li p{height:45px;line-height:45px;bottom:0;}
  
  .picList ul{margin-right:-15px;}
  .picList li{padding-right:15px;width:33.3%;}
  
  
  
  .footer{padding:20px 0 0 0;}
  .foot-nav{display: none;}
  .foot-pro{display: none;}
  .foot-contact{text-align: center;width:100%}
  .foot-wx{width: 100%;text-align: center;}
  .foot-wx dl{margin:10px;display: inline-block;float:none}
  .footer-bottom{line-height:23px;height:auto}
  .footer-bottom span{display: block;text-align: center;}
  .footer-bottom{padding:10px 0}
  .footer-top{padding-bottom:10px;}
  
  .hhl-contact .list ul li .box{ padding:0 10px 10px 10px;}

}

@media all and (max-width:1040px){	
.container{width:100%;padding-left:10px; padding-right:10px;}

/*--*/
.ABoutHome .container{padding:0 10px}
.ABoutHome .wx{font-size:14px;}
.ABoutHome .digital{margin:40px 0}
.ABoutHome .srll .btn{left:0;}
.ABoutHome .srll .btn.nt{left:auto;right:0;}

.hhl-about .content{width:100%;}
.hhl-about .picture{width:100%; margin-top:50px;}
.hhl-about .course{}
.hhl-about .course .long{margin-top: 30px;}
.hhl-about .course .gallery-thumbs .swiper-slide font{font-size:20px;line-height: 60px;}
.hhl-about .course .gallery-top .swiper-slide .pic{width:40%;margin-right:20px;}
.hhl-about .course .gallery-top .swiper-slide h3.title{margin-top:0px;font-size:25px;}
.hhl-about .course .gallery-top .swiper-slide h4.title{margin:10px 0 10px 0;font-size:18px;}
/*--*/


/*--*/
.ab-dl li span{font-size:40px;}
.ab-dl li font{font-size:20px;}
.ab-dl li h5{font-size:14px; }

/*--*/
.hhl-news .list {width:100%;margin-left:0%;}
.hhl-news .list li {width:100%;margin:0 0 2% 0}

}

@media all and (max-width:1024px) {
  body{padding-top:60px;font-size:.875rem;}
  .headTie,.topBar,.header::after,.headR,.nav,.gr_kefu,.banner .swiper-button-white,.footWx,.footMenu,.firendlink,.searFont,.proL,.topTie .tMore,.breadCrumb,.picShow_r,.bshare-custom,.feedbackL,.caseL,.downL .tel,.proAdv .pic,.pro_bread,.proWrap::after,.proSider .title span,.proSide_sub,.relaCase{display:none;}
  .header{height:60px;line-height:60px;position: fixed;width:100%;top:0;left:0;padding-top:0;z-index:90;background:#fff;box-shadow:0 1px 5px #ddd;}
  .header .logo {line-height:60px;border-right:none;width:auto;}
  .header .logo img{height:38px;}
  .navTrigger,.footMenu_wap,.proMain li:last-child,.relative_pro li:nth-child(4),.proSider .title i{display:block;}
  .nav_on{opacity:1;transform: translateX(0);}

  .adv .font,.adv .bgImg,.apply .left,.apply .right,.newsL,.faq,.gallery,.proShow_R,.picShow_l,.aboutBox1 .font,.aboutBox1 .pic,.feedbackR{float:none;width:100%;display:block;}
  
  .aboutBox1 .pic{height:520px;margin-bottom:30px;}
  .aboutBox1 .txt{min-height:100%;}
  
  .hhl-fqclsb .pleft .title span,.hhl-fqclsb .pllist,.hhl-fqclsb .hot{display:none;}
  
  .hhl-fqclsb .pleft .title i{display:block;}
  
  .hhl-fqclsb .pleft,.hhl-fqclsb .right,.gallery,.proShow_R,.picShow_l{float:none;width:100%;}
  
  .hhl-fqclsb .pleft{margin-bottom:40px;}
  .hhl-fqclsb .pleft .title{background:none;height:52px;line-height:50px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;color:#191919;font-size:18px;text-align:left;padding:0;}
  .hhl-fqclsb .pleft .pllist ul{padding:0;}
  .hhl-fqclsb .pleft .pllist li a{height:45px;line-height:45px;}
  .hhl-fqclsb .pleft .pllist li ul a{height:36px;line-height:36px;padding:0;}
  
  .gallery li a:after{font-size:1rem;}
  .proShow_R .font{height:auto;}
  .proShow_box1{margin:0;}
  .gallery li{height:100%;line-height:100%;}
  .gallery .pImg{top:0;margin-top:0;}
  .proShow_R {border-top: 1px solid #ddd;}
  
  .solutionIndex li,.solutionIndex li .pic,.solutionIndex li .txt{height:420px;}
  .solutionIndex li h4{font-size:2em;}
  
  .footMenu_wap li{float:left; width:25%;text-align:center;height:40px;line-height:40px;border-bottom:1px solid #444;border-right: 1px solid #444;}
  .footMenu_wap,.searMain,.product .proR,.solutionL,.solutionR,.aboutPic,.aboutTxt,.newsL,.newsR,.proSider,.proR,.gallery,.proShow_R,.picShow_l,.feedbackR,.aboutBox1 .left,.aboutBox1 .right,.downL,.downR,.contactR,#dituContent,.caseR,.aboutTop .font,.cultureL,.cultureR,.odds li,.applySlide,.applyFont,.jobBox1 .bgImg,.jobBox1 .font,.supportL,.supportR{float:none;width:100%;}
  .footR{padding-right:0;text-align:left;width:100%;padding:15px;}
  .search .container{padding-left:0;border-left:none;}
  .proTop{padding:20px;}
  .hTitle,.aboutTop .hTitle,.newsMenu{float:none;width:100%;text-align:center;}  
  .pd60,.listWrap .rack{padding-top:20px;padding-bottom:20px;overflow: hidden;}
  .proAdv_info{max-height:100%;}
  .proAdv ul{padding-top:0;overflow:hidden;}
  .proAdv li,.proAdv li:nth-child(2n){float:none;width:100%;margin-left:0;}
  .proAdv li{height:auto;padding:5%;padding-right:100px;max-width:100%;background:#fff;}
  .proAdv li:nth-child(2n){padding-left:100px;padding-right:5%;}
  .proAdv li:nth-child(2), .proAdv li:nth-child(3){height:auto;}
  .problem{padding-top:0;}
  .pageBan .txt{padding-right:0;margin-right:0;border-right:none;width:100%;float:none;margin-bottom:30px; padding-left:0;}
  .solutionL{overflow:hidden;font-size:1.286em;margin-bottom:20px;}
  .solutionL li{float:left;width:25%;border-right: 1px solid #fff;line-height:60px;height:60px;}
  .solutionR{height:auto;}
  .solutionL .more{display: block;}
  .solutionR .swiper-slide{padding:20px;}
  .solutionPic{margin-bottom:10px;}
  .caseSlide li p{font-size:1.286em;}
  .partner li{width:16.6%;}
  .caseSlide{margin-bottom:20px;}
  
  .aboutBox1 .pic{height:520px;margin-bottom:30px;}
  .aboutBox1 .txt{min-height:100%;}
  
  .newsL{width:49%;margin-bottom:20px;}
  .newsL2{margin-left:0;margin-right:0;float:right;}
  .newsMain {margin-right:-15px;}
  .newsR{padding-right:15px;}
  .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:#2853be;color:#fff;}
  .proSider{margin-bottom:40px;}
  .proSider .title{background:none;height:52px;line-height:50px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;color:#191919;font-size:18px;text-align:left;padding:0;}
  .proSide_sub ul{padding:0;}
  .proSide_sub li a{height:45px;line-height:45px;}
  .proSide_sub li ul a{height:36px;line-height:36px;padding:0;}
  .gallery li a:after{font-size:1rem;}
  .proShow_R .font{height:auto;}
  .proShow_box1{margin:0;}
  .gallery li{height:100%;line-height:100%;}
  .gallery .pImg{top:0;margin-top:0;}
  .proShow_R {border-top: 1px solid #ddd;}
  .newsList li p{font-size:.75rem;}
  .newsTop li{width:100%;float:none;margin-bottom:10px;}
  .settingTop .bgImg,.settingTop .font{height:340px;}
  .applyList li,.applyList li .pic,.applyList li .txt{height:420px;}
  .applyList li h4{font-size:2em;}
  .applyList li .btn{width:140px;}
  .aboutBox1 .left{padding-top:20px;}
  .aboutBox1 .font,.applyFont,.aboutBox1 .left{height:auto;}
  .aboutBox1 .tel{position: relative;margin-top:15px;}
  .honorSlide .btn{position: static;display:inline-block;margin-top:20px;width:60px;height:30px;line-height:30px;}
  .picList li{width:33.3%;}
  .jobTop{height:360px;}
  .jobList li{padding:0 20px;}
  #dituContent{height:420px;}
  .contactR{height:auto;overflow: hidden;}
  .contactR .font{max-height:auto;}
  .pro_subMenu a{margin:0 2px;margin-bottom:5px;}
  
  .newsList li p{min-height:auto;}

}

@media all and (max-width:1000px){	
.container{width:100%;padding-left:10px; padding-right:10px;}

/*--*/
.AdvantageBox .title h2{ font-size:36px;  }
.AdvantageBox .title h2 font{font-size:50px;line-height: 45px;}
.AdvantageBox .title span{ font-size:30px;}
.AdvantageBox .title span font{font-size:16px}
.AdvantageBox .list li .box {margin:40px 0px 0 0px;height: 100px;  }

/*--*/
.flatI{display: block;}
.footer .left{width:100%;float:none;}
.footer .left .wx{margin-top:0;}
.footer .left .nav{display: none;}	
.footer .right{float:none;width:50%;margin:30px auto 0;}

/*--*/
.culture .wx{font-size:16px; line-height: 30px; }
.culture .wx strong{font-size:18px;}

}

@media screen and  (max-width:992px){

.hhl-contact .list{ margin:0 -10px;}
.hhl-contact .list ul{ margin-top:80px;}
.hhl-contact .list ul li{ padding:0 10px;}
.hhl-contact .list ul li .box{ padding:0 10px 10px 10px; height:180px;}
.hhl-contact .list ul li .box .ico{ width:80px; height:80px; margin-top:-40px;}
.hhl-contact .list ul li .box h5{ margin-top:15px; line-height:20px; font-size:16px;letter-spacing:1px;}
.hhl-contact .list ul li .box h6{ letter-spacing:0px;}
.hhl-contact .list ul li .box .jj{ margin-top:12px; line-height:22px; font-size:12px; letter-spacing:0px;}
.hhl-contact .list ul li .box .btn{ width:100%; height:70px; line-height:70px;}
.hhl-contact .list ul li .box .btn > img{ width:20px;}
.hhl-contact .list ul li .box .btn .ewm{ width:70px; height:70px; margin-left:-35px;}

.head-wxzx {
    width: 50px;
    margin-left: 20%;
    margin-top: 5px;
}
.head-wxzx p{ display:none;}

}

@media all and (max-width:920px) {

.newsList li .pic{width:320px;height:240px;margin-right:30px;}

}

@media all and (max-width:768px) {
  .proTop{padding:15px;}
  .proTop .txt{width:56%;padding-right:0;}
  .proTop .txt .more{display:none;}
  .search{height:61px;}
  .searMain .sear_text,.searMain{height:60px;line-height:60px;}
  .searMain .sear_btn{margin-top:12px;}
  .hTitle{font-size:.75rem;}
  .oddsR li{width:100%;padding-left:100px;}
  .partner li{width:20%;}
  .partnerH li:last-child{display:none;}
  .topTie,.hTitle{margin-bottom:30px;}
  .about .more{width:100%;}
  .newsL,.newsL2{float:none;width:100%;}
  .listMenu{font-size:.875rem;}
  .listBanner{height:300px;}
  .listBanner h3{font-size:28px;top:42%;font-weight:normal;}
  .listBanner h3 span{font-size:16px;}
  .listBanner h2{font-size:28px;top:42%;font-weight:normal;}
  .listBanner h2 span{font-size:16px;}
  .listTie{margin-bottom:30px;font-size:2rem;}
  .listTie span{font-size:12px;}
  
  .hhl-fqclsb .right .list ul{margin-right:-10px;}
  .hhl-fqclsb .right .list li{width:50%;margin-bottom:10px;padding-right:10px;}
  .hhl-fqclsb .right .list li p{height:40px;line-height:40px;}
  
  .feedback h4,.feedback h3,.showPage a,.showPage a:nth-child(2),.newsSlide li .pic,.newsSlide li .txt,.faqList li,.faqList li:nth-child(2n){float:none;width:100%;}
 
  .solutionIndex li,.solutionIndex li .pic,.solutionIndex li .txt{height:auto;}
  .solutionIndex li .pic{height:380px;}
  .solutionIndex li .pic,.solutionIndex li .txt,.showPage a,.showPage a:nth-child(2){float:none;width:100%;}
  .solutionIndex li .txt .info{min-height:auto;}
  
  .settingTop .bgImg,.settingTop .font{float:none;width:100%;display:block;}
  .settingTop .bgImg{height:320px;}
  .settingTop {margin-bottom:25px;}
  .settingTop .font{height:auto;}
  .applyList li,.applyList li .pic,.applyList li .txt{height:auto;}
  .applyList li .pic{height:380px;}
  .applyList li .pic,.applyList li .txt,.showPage a,.showPage a:nth-child(2){float:none;width:100%;}
  .applyList li .txt .info{min-height:auto;}
  .applySlide,.applySlide li{height:380px;}
  
  .aboutBox1 .pic{height:460px;}
  
  .aboutBox1 .right{height:400px;}
  .culture li{float:none;width:100%;margin-bottom:10px;}
  .album li,.album li.big{width:50%;}
  .jobList .top{padding-right:0;}
  .jobList .top a{margin-right:0;width:100%;margin-top:10px;}
  .jobList .top span{width:50%;}
  .jobList .top .tie{width:100%;}
  .jobList .font .txt{float:none;width:100%;margin-bottom:15px;}
  .feedback h3,.feedback .top{margin-bottom:20px;}
  .proSear{width:100%;}
  .showPage{height:auto;line-height:1.4}
  .showPage a{margin-top:15px;}
  .showPage a,.showPage a:nth-child(2){display:block;}
  .showPage a:nth-child(3){border:none;border-top: 1px solid #bbb;width:100%;margin-top:10px;line-height:40px;}
  #dituContent{height:380px;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
  .madeBox2 ul{height:120px;}
  .madeBox2::after{top:52%;}
  
  .newsList li .more,.newsList li .date{display:none;}
  .newsList li .pic{width:280px;height:auto;}
  .newsList li h3{font-size:1.286em;margin-bottom:20px;}
  
  .hhl-contact .list{ margin:0 0;}
  .hhl-contact .list ul{ margin-top:20px;}
  .hhl-contact .list ul li{ padding:0 10px; margin-top:50px; width:50%;}
  
  .hhl-map{padding: 0 20px 0;background: none; height: 260px;margin-bottom: 20px;}
  
  .hhl-map .gogo {
	    margin-left: -75px;
	    margin-top: -20px;
	    width: 150px;
	    height: 40px;
	    line-height: 40px;
	    font-size: 16px;
	}
	.icon-map-loc img {
	    margin-right: 0;
	}
	.icon-map-loc img {
	    width: 18px;
	    height: 18px;
	}
	.contact-bsc {
	    margin-top: 40px;
	    margin-bottom: 40px;
	}
	
	.menu-footer{display:block;}
	.footer-bottom {margin-bottom: 40px;}
/*--*/
.hhl-content .contact1{ margin:0 0;}
.hhl-content .contact1 ul{ margin-top:20px;}
.hhl-content .contact1 ul li{ padding:0 10px; margin-top:50px; width:50%;}
.hhl-content .contact2{  margin:10px 0 20px 0;}
.hhl-content .contact1 ul li .zbox .ico {width: 60px;height: 60px;margin-top: -20px;}
.hhl-feedback {padding-top: 40px;padding-bottom: 40px;}
.hhl-feedback .form-one { margin-top: 0; } 
	
	
}

@media all and (max-width:760px){

.container{width:100%;padding-left:10px; padding-right:10px;}

/*--*/

.titleAx{margin-bottom:20px;font-size:22px;}

.titleBx{font-size:20px;}

/*--*/

.titleAxw{margin-bottom:20px;font-size:22px;}

.titleBxw{font-size:20px;}


.head-wxzx p{ display:none;}

.AdvantageHome {
    margin-top: 30px;
    margin-bottom: 30px;
}

.ABoutHome {
    background: url(../images/AboutBg.jpg) no-repeat center;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 30px;
}

/*--*/

.CaseHome .list li img {height:160px}

.CaseHome {margin-top: 30px; margin-bottom: 30px;}

.CaseHome .tone li{float:left;width:32.3%; margin:0 0.5% 1% 0.5%;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.CaseHome .tone li a{font-size:16px;padding:5px 10px;}

.CaseHome .down{margin-top:15px;}

.CaseHome .list li{width:48%;}

.CaseHome .list li:nth-child(n+5){display: none;}

.culture .wx{font-size:14px; }
.culture .wx strong{font-size:16px;}

.mt100{margin-top:40px}
.ptm810{padding-top:40px;padding-bottom:50px}

/*----*/
#pages{margin:20px 0 20px 0;}
#pages span{padding:5px 10px;margin:0 2px;font-size:12px;}
#pages a{padding:5px 10px;margin:0 2px;font-size:12px;}

/*--*/ 
.ReasonHome{padding:20px 0 20px 0; }
.ReasonHome .list{margin-top: 20px;}
.ReasonHome .list li{ width:33.3%;}
.ReasonHome .list li a{margin:0 5px 10px 5px;padding:20px; }
.ReasonHome .list li em{  width:50px;height:42px; background-position:0 6px; background-size:50px; }
.ReasonHome .list li h3{margin:5px 0 5px 0;font-size:14px; font-weight:400;}
.ReasonHome .list li span{font-size:12px;l: ;}
.ReasonHome .list li:hover em{  background-position:0 -74px;  }

/*--*/
.AdvantageBox .title{margin: 0 auto 20px;}
.AdvantageBox .title h2{ font-size:26px;  }
.AdvantageBox .title h2 font{font-size:30px;line-height: 40px;}
.AdvantageBox .title span{ font-size:16px;}
.AdvantageBox .title span font{font-size:14px}
.AdvantageBox .list{margin-bottom: -20px;}
.AdvantageBox .list li{width:100%;margin-left:0%;margin-bottom: 30px;}
.AdvantageBox .list li .box{  margin:20px 0px 0 0px;padding-left: 60px;height:auto;}
.AdvantageBox .list li .box i{width:50px;line-height:50px;font-size:25px;}
.AdvantageBox .list li .box h4{font-size:16px;}
.AdvantageBox .list li .box span{font-size:12px;}

/*--*/
.ABoutHome .container{padding:0 10px}
.ABoutHome .wx{font-size:14px;line-height: 24px;}
.ABoutHome .digital{margin:20px 0 10px 20px}
.ABoutHome .srll .btn{left:0;width: 30px;height: 30px;line-height: 22px;font-size:20px}
.ABoutHome .srll .btn.nt{left:auto;right:0;}

/*--*/
.ab-dl li{width:50%; margin-bottom:20px;}
.ab-dl li span{font-size:36px;}
.ab-dl li font{font-size:14px;}
.ab-dl li h5{font-size:14px; }

/*--*/
.menu{position: initial;margin:0px 0 0px 0;}
.menu li a{margin:0 0px;font-size:13px;padding: 10px 5px;}
.menu.pro li{width:25%}

/*--*/
.hhl-news .list li {height:130px;padding:10px 20px 20px 200px;}
.hhl-news .list li .pic {width:180px;}
.hhl-news .list li h4 {font-size:14px;}
.hhl-news .list li p {font-size:12px;margin:10px 0 10px 0;-webkit-line-clamp:2;}
.hhl-news .list li .time{padding-top:10px; display:none;}

/*--*/
.hhl-shown .info{padding:10px 0 20px 0;margin:0 0 20px 0; }
.hhl-shown .title{font-size:23px;}
.hhl-shown .text{ margin-top:10px;font-size:12px;}
.hhl-shown .text *,.hhl-shown .text span,.hhl-shown .text a{font-size:12px;}
.hhl-shown .share{height:auto; padding:10px 0;margin-top: 20px;}
.hhl-shown .share .time{ margin-left:30px;font-size:12px;}
.hhl-shown .share .return{font-size:12px;padding:8px 20px 8px 38px;margin:15px auto 0; display: table;clear: both;float: left;}
.hhl-shown .pagIng{padding:10px 0;}
.hhl-shown .pagIng span{font-size:14px;}
.hhl-shown .pagIng span a{font-size:14px;}
.hhl-shown .pagIng .prev{float:left;width: 100%;}
.hhl-shown .pagIng .next{float:right;width: 100%;margin-top: 5px;}
.hhl-shown .relevant{margin-top:20px;}
.hhl-shown .relevant .tit{font-size:16px;}
.hhl-shown .relevant .list{margin-top:10px;}
.hhl-shown .relevant .list li{width:100%;margin:5px 0% 5px 0;}
.hhl-shown .relevant .list li .time{font-size:14px;}
.hhl-shown .relevant .list li a{font-size:14px;padding-left:10px;}

/*--*/
.ingBox{padding:30px 0;}


.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}
}

@media all and (max-width:640px) {
  .proTop{padding-bottom:40px;}
  .proTop .pImg,.proTop .txt{float:none;width:100%;}
  .proTop .pImg{padding-top:76%;margin-bottom:30px;}
  .proTop h4{margin-bottom:20px;}
  .proAdv li,.proAdv li:nth-child(2n){padding:20px;padding-right:70px;}
  .proAdv li i{width:50px;height:50px;background-size:100%;margin-right:-60px;}
  .proAdv li:nth-child(2n){padding-left:70px;padding-right:20px;}
  .proAdv li:nth-child(2n) i{margin-left:-60px;}
  .problem .hTitle span{font-size:1.8em;}
  .problem li{padding:30px;}
  .solutionL{font-size:.913em;}
  .solutionL li{height:45px;line-height:45px;}
  .solutionL a{padding-left:0;}
  .solutionL li i{display:none;}
  .aboutPic{height:340px;}
  .aboutTie{height:auto;padding:5%;}
  .aboutTie h5{display:none;}
  .aboutNum{height:auto;margin-bottom:30px;}
  .aboutNum li i{font-size:12px;bottom:5px;}
  .aboutNum li span{font-size:2.5em;}
  .news .hTitle{float:none;text-align:center;}
  .newsMenu{float:none;width:100%;text-align:center;font-size:1.286em;}
  .newsMenu a{margin:0 15px;}
  .newsMain{margin-right:0;}
  .newsMain li{width:100%;float:left;padding-right:0;}
  .newsMain li p{height:auto;padding-bottom:20px;margin-bottom:15px;}
  .newsMain li h4{margin-bottom:10px;}
  .newsTop{padding-bottom:30px;margin-bottom:30px;}
  .newsTop li .pic{height:260px;}
  .newsList li,.newsTop li .pic,.newsTop li .txt,.contactBox2 li,.contactBox1 li{width:100%;float:none;display:block;}
  .newsTop li,.newsTop li p{height:auto;}
  .newsList li p{padding-bottom:0;border-bottom: none;height:auto;margin-bottom:10px;}
  
  .aboutBox1 .pic{height:380px;}
  .aboutBox1 .title{font-size:2em;}
  .aboutBox1 .title span{font-size:14px;}

  .listBanner{height:280px;}
  .applyList li .pic{height:260px;}
  .listMenu a{padding:0 10px;line-height:42px;height:42px;}
  .aboutBox1 .right{height:320px;}
  .aboutBox1 .tie{font-size:1.8em;}
  .picList ul{margin-right:-10px;}
  .picList li p{margin-top: 10px;}
  .picList li{padding-right:10px;margin-bottom:15px;width:50%;}
  .gallery-thumbs li{width:33.3%;padding-top:24%;}
  .jobBox1 .bgImg{height:280px;}
  .feedback p,.feedback .sub{width:100%;}
  .feedback .code .c{width: 60%;}
  .feedback .code .sub{margin-top: 10px;float:none;width:100%;height:50px;line-height:50px;}
  .feedback p{padding-left: 40px;}
  #dituContent{height:300px;}
  .contactR{padding-right:0;}
  .contactR .wx,.contactR .font{float:none;margin-right:0;width:100%;}
  .contactR .wx p{float: left;width:50%;width:120px;margin-right:30px;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
  .supportR{height:340px;}
  
  .foot-nav,.foot-pro{display: none;}
	.foot-contact{width:100%;text-align: center;}
	.footer{padding-top:30px;}
	.footer h2{font-size:22px;}
	.foot-wx{width: 100%;text-align: center;}
	.foot-wx dl{margin:10px;display: inline-block;float:none}
	.footer-bottom{line-height:23px;height:auto}
	.footer-bottom span{display: block;text-align: center;}
	.footer-bottom{padding:10px 0}
	.footer-top{padding-bottom:10px;}
	
/*--*/
.form-foot .inp { width: 100%; height: 50px; font-size: 14px; padding: 0 15px; margin-bottom: 10px; }
.form-foot .inp:nth-child(3) { width: 100%; }
.form-foot .sub { width: 100%; height: 50px; line-height: 50px; font-size: 16px; }
.form-one input { width: 100%; height: 40px; font-size: 14px; padding: 0 15px; margin-bottom: 10px; }
.form-one textarea { width: 100%; height: 100px; margin-top: 0; padding: 15px 15px; }
.form-one .sub { width: 160px; height: 42px; line-height: 42px; font-size: 14px; margin: 35px auto 0; }
  	
}

@media all and (max-width:480px) {
  .oddsR li{padding:5%;height:auto;}
  .oddsR li i{float:right;margin-left:0;}
  .partner li{width:25%;}
  .partnerH li:last-child{display:block;}
  .hTitle span{font-size:2.4em;}
  .newsTop li .pic,.odds li .bgImg,.settingTop .bgImg{height:200px;}
  .newsSlide li .pic{height:240px;}
  .listBanner{height:180px;}
  .applyList li .btn{height:40px;line-height:40px;width:45%;}
  .applyList li .pic,.applySlide,.applySlide li,.aboutPic{height:220px;}
  .aboutBox1 .right{height:220px;}
  .jobBox1  .bgImg{height:180px;}
  .aboutBox1 .tel span{margin-left:10px;}
  #dituContent{height:220px;}
  .supportR{height:200px;padding-right:10px;padding-top:10px;}
  .aboutBox1 .pic{height:240px;}
  .solutionIndex li .more{height:40px;line-height:40px;width:100%;}
}