@charset "utf-8";

/* CSS Document */

.m-menubtn{position: fixed;z-index: 102;top:0;right: 0;width:60px;height:60px;cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none}
.m-menubtn span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:20px;height:2px; background: #333; margin: auto;}
.m-menubtn span:before, .m-menubtn span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #333;}
.m-menubtn span:before {bottom: 5px;}
.m-menubtn span:after {bottom: -5px;}
/*.m-menubtn.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg); background:#df1e25}
.m-menubtn.active span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;}
.m-menubtn.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); background:#df1e25}
.m-menubtn.active span, .m-menubtn.active span:before, .m-menubtn.active span:after {right: 0;bottom: 0;}*/
.m-menubtn span, .m-menubtn span:before, .m-menubtn span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}
/*.m-menubtn:before {content: "Menu";font-size: 12px;position: absolute;bottom: 10px; left: 0; right: 0; margin: auto;text-align: center; color:#fff}

*/

.m-menu{position:fixed; right:0;top:0; width:100%; height:100%;overflow-x:hidden;z-index:400; visibility:hidden}
.m-menu .m-menubg{width:100%; height:100%; position:absolute; left:0;top:0; background:rgba(0,0,0,.25); z-index:1; opacity:0; -moz-transition:.4s;-webkit-transition:.4s;transition:.4s}
.m-menu .m-menu-con{ position:relative; width:300px; height:100%;padding-bottom:30px;overflow-y:auto;overflow-x:hidden; background:#fff;left:-100%;-webkit-transition:.4s;
    -moz-transition:.4s;
    -ms-transition:.4s;
    -o-transition:.4s;
    transition:.4s; z-index:2}
.m-menulist li{ position: relative;border-bottom: 1px solid #ddd;}
.m-menulist li>a{ font-size:18px;line-height:55px; padding:0 20px; position:relative}
.m-menulist li>i{ position:absolute; width:50px; height:46px; right:0;top:0;}
.m-menulist li>i:before{ content:""; width:16px; height:2px; background:#c2c2c2; position:absolute; left:12px;top:21px;}
.m-menulist li>i:after{ content:""; width:2px; height:16px; background:#c2c2c2; position:absolute; left:19px;top:14px;}
.m-menulist li.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}

.m-menulist a{ display:block; color:#101010;}
.m-menulist .sub{ display:none; background:#df1e25; padding:10px 0}
.m-menulist .sub a{color:#fff; line-height:26px;font-size:15px; padding:0 20px; position:relative}
.m-menulist li.fir{ display:flex; display:-webkit-flex; align-items:center; justify-content:space-between;}
.m-menulist li.fir .mlogo{ height:60px;display:flex; display:-webkit-flex; align-items:center;}
.mlogo img{ height:25px;}
.m-menulist li.fir .closed{width:30px; height:30px; position: relative;cursor:pointer;margin-right: 20px;}
.m-menulist li.fir .closed:after{ content:""; width:2px; height:30px; background:#666; position:absolute; left:15px;top:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.m-menulist li.fir .closed:before{ content:""; width:2px; height:30px; background:#666; position:absolute; left:15px;top:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

.m-menu.active{ visibility:visible}
.m-menu.active .m-menubg{ opacity:1}
.m-menu.active .m-menu-con{ left:0}


.m-footer{color:#fff; position:fixed; width:100%; left:0;bottom:0; display:none; z-index:99;background: #005bac;
background: -webkit-linear-gradient(left, #22bcf0, #013e96);
background: -o-linear-gradient(right, #22bcf0, #013e96);
background: -moz-linear-gradient(right, #22bcf0, #013e96);
background: linear-gradient(to right, #22bcf0, #013e96);}
.m-footer li{ float:left; width:50%; text-align:center}
.m-footer a{ display:block; line-height:20px;color:#fff;}
.m-footer .tel i{ display:block;background:url("../images/f-icon01.png")/*tpa=https://www.ainachina.com/public/static/home/images/f-icon01.png*/ no-repeat center; background-size:20px; height:25px;}
.m-footer .mail i{ display:block;background:url("../images/f-icon03.png")/*tpa=https://www.ainachina.com/public/static/home/images/f-icon03.png*/ no-repeat center; background-size:20px; height:25px;}
.m-footer span{ display:block;}
.inner-nav-m{ display:none; position:absolute;right:0;top:0;width:100%;z-index:9}
.inner-nav-m .tit{font-size:16px; line-height:40px; height:45px; white-space:nowrap; text-overflow:ellipsis; padding-right:20px; color:#333; float:right;position:relative;}
.inner-nav-m .tit:after{ content:""; width:6px; height:6px; border-top:1px solid #333; border-right:1px solid #333; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); display:block; position:absolute;right:5px;top:16px}
.inner-nav-m .sub{position:absolute;top:45px; width:100%;left:0; background:#093580; display:none; }
.inner-nav-m .sub a{ display:block; border-bottom:1px solid rgba(255,255,255,.2); background:#093580; line-height:20px;color:#fff; padding:8px 10px}
.inner-nav-m .sub a:hover{ background:#f4ce1a;}

.i-product .left .m-pro01{ display:none}
.i-mproduct{ display:none}
.i-mproduct ul{ display:flex; display:-webkit-flex;}
.i-mproduct ul li{ border-right:1px solid #eee;width:16.66%}
.i-mproduct ul li:last-child{ border-left:0}
.i-mproduct a{ display:block; font-size:16px; padding:5px; text-align:center; height:50px; line-height:20px; display:flex;display:-webkit-flex; justify-content:center;align-items:center; text-align:center}



@media screen and (max-width:1920px){
    
    .f-ewm{display: none}
    
    .nbanner{ height:450px}

}
@media screen and (max-width:1680px){
    
    
    
    
.ptleft{width: 502px;}
 

.view .swiper-container {
	width: 500PX;
	height: 500PX;
}
 
  
 

.preview .swiper-container {
	width: 500px;
	height: 122px; 
}

.preview .swiper-slide {
	width: 122px;
	height: 122px;
	cursor:pointer;
}

.preview .slide6 {
	width: 122px;
}

 
 
.preview img {
	padding:5px;
    width: 110px;height: 110px;
    border: 1px solid #e2e2e2;
    
}
 
    
    
.header .wrap{ padding:0 50px}
.main-about #shege{ left:50px}
   .wrap{ width:1300px}
      .inner-nav .iwrap{left: 100px}
    
     .f-ewm{display: none}
}
@media screen and (max-width:1500px){
    .f-nav li{margin-right: 90px;}
     .f-ewm{display: none}

.wrap{ width:1300px}
    
    .inner-nav .iwrap{left: 100px}
    
.i-product .left{ width:33%; max-height:778.81px; overflow:hidden}
.i-product .right{ width:66%}
.i-product .bot{ margin-top:1.5%}
.i-product .bot a{ width:49.2%}
.i-product .txt{padding: 0 35px 15px;}
.i-product .right .txt h3{ font-size:22px}
.network-list-02{ width:300px}
.network-list-02 .pic{ margin:15px}
.network-list-02 .txt{ padding:0 15px 15px}
}
@media screen and (max-width:1400px){
    .wrap{ width:1250px}
    
    .inner-nav .iwrap{left: 75px;}
    
 .f-ewm{display: none}
}
@media screen and (max-width:1365px){
    
    .jb1{width: 220px;float: left;font-size: 16px;color:#333333 }

    
    
    .ptright{width: 600px;}
    
    .fwteltxt{font-size: 30px;}
    
     .f-ewm{display: none}
    
.header .wrap{ padding:0 20px}
.wrap{ width:100%; padding:0 20px}
.menu>ul>li{ margin:0 20px}

.i-about .con .right{ padding:5% 5%}
.i-product .wrap{ position:relative}
.i-product .left{ position:absolute; left:0;top:0; height:100%; max-height:inherit}
.nbanner{ height:200px}
.nbanner .nbantit{top:35%}
.nbanner .nbantit .entit{ font-size:40px; white-space:nowrap}
.nbanner .nbantit .cntit{ font-size:30px}

.main{ padding:60px 0}
.main-about #shege{ left:20px}
.network-list-02{ right:30px}
}
@media screen and (max-width:1250px){
    
     .f-ewm{display: none}
    
.network-list-2{ width:calc(100% - 890px)}
.network-2{ width:750px}
}
@media screen and (max-width:1199px){
    .ptop{flex-wrap: wrap}
    .ptleft{width: 100%}
    
    .ptright{width: 100%;margin-top: 30px}
    

    
     .f-ewm{display: none}
.menu>ul>li{ margin:0 10px}
.f-nav li{ margin-right:60px}
.video-show{ width:94%}
.video-close{right:auto;left:50%; margin-left:-15px;top:100%}
.main-about:before{ background-size:contain}
.network-2{ width:auto; margin-bottom:30px}
.network-list-2{ position:relative; width:100%}
.network-list-2 li .pic{ width:260px; float:left}
.network-list-2 li .pic img{ width:100%;}
.network-list-2 li .txt{ width:calc(100% - 280px); float:right}
.network-list-02{ position:relative; width:100%; right:auto}
.network-list-02 .swiper-slide{ padding:15px}
.network-list-02 .pic{ width:260px; float:left; margin:0}
.network-list-02 .pic img{ width:100%;}
.network-list-02 .txt{ width:calc(100% - 280px); float:right; padding:0}
.network-list-02 .swiper-button-prev{ left:auto; right:57px}
.network-list-02 .swiper-button-next{ right:15px;}
.network-list-02 .swiper-button-prev, .network-list-02 .swiper-button-next{ top:auto;bottom:15px; margin-top:0; background:#666}
.network-list-02 .swiper-button-prev:after{border-top: 1px solid #fff;border-left: 1px solid #fff; width:15px; height:15px;top:13px;left:15px}
.network-list-02 .swiper-button-next:after{border-top: 1px solid #fff;border-right: 1px solid #fff;width:15px; height:15px;top:13px;right:15px}
.network-list-02 .swiper-button-prev:hover, .network-list-02 .swiper-button-next:hover{ background:#df1e25}
.network-list-02 .swiper-button-prev:hover::after{border-top:1px solid #fff;border-left:1px solid #fff;}
.network-list-02 .swiper-button-next:hover::after{border-top:1px solid #fff;border-right:1px solid #fff;}
}
@media screen and (max-width:1024px){
    
    .lxbox{flex-wrap: wrap;padding-top: 25px}
    
    .lxleft{width: 100%;}
    .lxright{width: 100%; margin-top: 20px;justify-content: space-between}
    .ewm{margin: 0px;}
    
    .lxtit{font-size: 24px;line-height: 50px}
    
    
    .lxtel{height:50px;line-height: 50px;display: flex;align-items: center;font-size: 16px;color: #111;font-weight: bold}
.lxtel   img{margin-right: 8px}
.lxtel font{font-size: 20px;color: #e73213;padding-left: 8px}

    
    
    	.gli{flex-wrap: wrap;margin-top: 10px !important;}
    #global-form .global-form-line{width: 100%; margin-bottom: 10px;}
	
	#global-form .global-form-submit{height: 50px;line-height: 50px;font-size: 18px}
	
   
    
    .AS-after .step .tit img{width: 40px;}

.AS-after .step li p font{font-size: 18px;color: #111;font-weight: bold;padding-bottom: 5px;}
    .AS-after .step li p {font-size: 12px;}
    
.AS-before .top{ background:url("../images/tan.png") right 10px bottom 10px no-repeat #df1e25; background-size: 30px auto}
 
    .AS-before .bot{flex-wrap: wrap}
    .AS-before .bot .bleft{width: 100%;}
    .AS-before .bot .bright{width: 100%;margin-top: 20px}
    
    .jbteltxt{font-size: 24px}
    
    .buzhou{background: url("../images/buzhou.jpg") left center no-repeat #fff;height: 750px;}

 
    
      .tdbox ul li{width: 100%; height:70px;margin-top: 10px; padding: 10px;background:url("../images/llogo.png") right  center no-repeat #f4f4f4; background-size: auto 30px}
    
    .tdbox ul li:nth-child(2n){margin-left: 0}
    
    
    .tdbox ul li .lleft{width: 40px;display: flex;align-items: left;}
    
    .tdbox ul li .lleft img{width: 40px;height: 40px}

.tdbox ul li .lright{width:90%;font-size: 14px; color: #333;display: flex;align-items: center;align-content: center;margin-left: 20px}
 
    
.tdbox ul li .lright .tt{font-size: 18px; color: #111; font-weight: bold;width: 100%}
.tdbox ul li .lright .tt2{font-size: 12px; color: #666666;width: 100%}

    .tjbox ul{flex-wrap: wrap;}
    .tjbox ul li{width: 100%; margin-bottom: 15px;}
    
    
    .wdbox .wdli{width: 100%;padding: 15px;height: 110px; margin-top: 15px;} 
    
    
  .wdbox .wdli .lright .tt{font-size: 18px; color: #111; font-weight: bold;width: 100%}

    
    .wdbox .wdli .lright{flex-wrap: wrap;}
    .tt2{flex-wrap: wrap}
    .tt2left{width: 100%;font-size: 12px;}
.tt2right{width: 100%;font-size: 12px;}
 
   .wdbox .wdli:nth-child(2n){margin-left: 0%;}



    
    .join{background: url("../images/jbg.jpg") bottom center no-repeat #fff;height: 780px;}

    
    .jbox{padding-top: 30px;}
    
    .main02{padding-top: 30px;}
    
    .main02 .stitle2{margin-bottom: 10px}
    
    .jbtt{font-size: 20px;color: #111;font-weight: bold;line-height:40px;}

    .jbtxt{font-size: 14px;line-height: 25px;;width: 100%;}
    
    .job-list{padding-bottom: 50px}
    
    .jobli{margin-bottom: 15px;}
    .jobtop{width: 100%;height: 50px; padding: 0px 5px;box-sizing: border-box;position: relative; line-height: 50px;font-size: 14px;color: #333;display: flex;justify-content: space-between}
	
		.jb1{width: 100%;float: left;font-size: 14px; text-indent: 10px; }
 	

		.jb2{width: 50px;height: 50px;position: absolute; cursor: pointer;top: 0px;right: 0px;z-index: 99;background:url("../images/jia.png") center center no-repeat #fddbd5; background-size: 15px auto}

		.jb2.on{background:url("../images/jian.png") center center no-repeat #e73215;background-size: 15px auto}


		.jobbtm{padding: 10px; line-height: 200%;background: #fff; display: none}
	
    
    .info-detail .editor{padding: 15px;}
    .info-detail .title{font-size: 18px;}
    .hide992 {
    display: none;
}
    .inner-nav .iwrap .wrap{display: inline-block}
    
    .newright {
    display: none;
}
    .productlist li{ background:url("../images/pbg.png") right top no-repeat #f4f4f4; background-size: 40px auto}
.productlist li:nth-child(2n){ background:url("../images/pbg.png") left top no-repeat #f4f4f4; background-size: auto 100%}
 
    .productlist .txt{margin-top: 0px;}
    
    .productlist .txt::after{position: absolute; content:'';width: 0px;height:0px;background: #ff0000;top: 0;left: 0%;z-index: 999;}

    .productlist .txt .more{height: 30px}
    .weizhi{display: none}
    .inner-nav .iwrap{left: 0px;border-radius: 0px;}
    
    .f-contact .ft{display: none}
    
    #fudong{display: none}
     .f-ewm{display: block}
.header{ height:60px}
.logo{ height:60px}
.logo img{ height:25px}
.menu{ display:none}
.search-btn{ height:60px}
.m-menubtn{ display:block}
.head-r{ margin-right:40px}
.banner{ height:auto; margin-top:60px}
.i-product, .main{ padding:45px 0}
.main-product{ padding-top:60px !important}
.i-product .left .txt h3{ font-size:22px}
.i-product .left .txt h4{ font-size:14px}
.i-product .right .txt h3{ font-size:18px}
.i-about{ padding-top:50px}
.i-about .top{font-size: 14px;margin-bottom:20px;}
.i-about .top .left{ font-size:18px; line-height:30px;width: 100%}

.i-about .top .left img{ width: 100%;height: auto;}
.i-about .top .right .counter{ font-size:35px}
.i-about .con .right h2{ font-size:22px; margin-bottom:15px}
.i-about .con .right .infor{ font-size:15px}
.i-about .top .right li{ margin-left:60px}
.i-about .con .more{margin-top: 20px;}


.more{width:120px;height:35px;line-height:33px;font-size:14px;}
.i-news{ padding-bottom:45px; padding-top:45px}
.i-news .top{ margin-bottom:20px}
.title{ font-size:26px; line-height:30px; margin-bottom:20px}
.i-newslist h3{ font-size:18px}
.i-newslist .time{ font-size:12px; line-height:18px}
.bannerbot{ height:auto; padding:40px 0}
.bannerbot h5{ padding-top:0;font-size: 16px;}
.bannerbot .title{ margin-bottom:10px}
.footer{padding: 30px 0 30px;}
.footer .top{ padding-bottom:15px;flex-wrap: wrap}
.footer .top img{ height:25px}
.footer .mid{ padding:25px 0}
.f-nav{ display:none}
.f-contact{ width:100%;max-width: 100%;}
.footer .bot{ padding-top:20px}
.copyright{ padding-top:0; font-size:12px; text-align:left; width:100%}
.nbanner{ margin-top:60px}
.nbanner .nbantit .entit{ font-size:30px;line-height: 30px;}
.nbanner .nbantit .cntit{ font-size:20px}
.content-contact .title{font-size: 26px; margin-bottom:40px}
.contact-list li{ padding:0 1%}
.contact-list .icon{ width:80px; height:80px;box-shadow: 0 0 0 10px rgba(223,30,37,.15); margin-bottom:20px}
.contact-list h4{ margin:5px 0}
.contact-list .tel h4{ font-size:20px;margin:5px 0;}
#allmap{ height:400px}

.main .content{ font-size:14px; line-height:28px}
.inner-nav li a{ height:45px; padding:0 5px;font-size: 14px;}
.newslist .txt .top{ padding-right:0;padding-bottom: 10px;margin-top: 15px;}
.newslist .txt h3{ font-size:18px}
.newslist .txt .time{ display:block; position:relative; font-size:12px;line-height: 15px;}
.newslist .txt .intro{ margin:10px 0}
.main.main_news{ padding-top:60px !important; padding-bottom:0 !important}
.newscon{padding:45px 4%; line-height:28px}
.news-article p{ margin-bottom:10px}

.joinlist h4, .joinlist-2 li, .joinlist-3 h4, .joinlist-4 .txt{ font-size:18px}
.network .dot li{ width:100px}
.network .dot .li3, .network .dot .li5, .network .dot .li6, .network .dot .li7, .network .dot .li9{ width:100px}
.network .dot li:after{ width:15px; height:15px}
.network .dot li.on:after{ background-size:contain;top:-15px;}

.footer .top img{ width: 100%;height: auto}

    .footer .top .tel{font-size: 18px}

.productlist .pic{ height:400px}
.productlist .txt h4{ font-size:32px}
.proRelated .pic{height:260px}
.proRelated .txt h4{ font-size:20px; line-height:22px}
.proRelated .txt h3{ font-size:20px; line-height:26px}

    
    
.main .content-about .left, .main .content-about .right{ width:100%}
.main .content-about .left{ margin-bottom:10px;padding-right: 0px;}
.main .content-about .title{ margin-bottom:0;font-size: 20px}
.main .content-about .entitle{ font-size:16px;}
.main .content-about .right>p{margin-bottom: 10px;font-size: 14px;line-height: 26px;}
  
    
 .main-qj{ position:relative; min-height:600px; padding-bottom:100px; background:url("../images/qjbg.jpg") top center no-repeat;background-size: cover}
 
.main .content-qj .left, .main .content-qj .right{ width:100%}
.main .content-qj .left{ margin-bottom:10px;padding-right: 0px;}
.main .content-qj .title{ margin-bottom:0;font-size: 30px}
.main .content-qj .entitle{ font-size:18px;}
.main .content-qj .right>p{margin-bottom: 10px;font-size: 14px;line-height: 26px;}
    
    
.culture-2{ margin-top:20px;}
.culture-2 li h3{ padding:5px 0}
.culture-2 li p{ font-size:14px}
.culture li{margin-bottom:30px; padding:0 0 30px}
.main .ltitle{ font-size:16px;line-height: 20px;}
.AS-after>h3{ margin-bottom:40px}
.horlist{margin-bottom: 30px; padding-bottom: 30px;}
.horlist h3{ font-size:20px;margin-bottom: 20px;}
.horlist .tit{ line-height:20px;}
.horlist .tit:before{top:4px}
.horlist1 li:last-child .pic img{ height:300px;}
.main-about #shege{bottom:3%}
.video-show02 video{ width:70%}
}
@media screen and (max-width:768px){
    
    
    .linian ul{height: auto;overflow: hidden}

.linian ul li{width:100%;height: 120px;background: #f4f4f4;border-radius: 5px; margin-top: 20px;float: left;padding:10px 20px; box-sizing: border-box;display: flex;justify-content:flex-start}
.linian ul li .lleft{width: 30%;display: flex;align-items: center;}
    .linian ul li .lleft img{width: 60px;}
.linian ul li .lright{width: 60%;display: flex;align-items: center;flex-wrap: wrap}

.linian ul li .lright .tt{font-size: 20px; color: #111; font-weight: bold;width: 100%}
.linian ul li .lright .tt2{font-size: 14px; color: #666666;width: 100%}

.linian ul li:nth-child(2n){margin-left: 0%;}
    
    
    
    .pli{width: 100%} 
    
    .pli:nth-child(2n){margin-left: 0px;}
    
    
    
    .pli .pltit{font-size: 20px;right: 20px;}
    .pli .plinfo{font-size: 14px;right: 20px;}
.pli .pla{font-size: 16px;right: 20px;}
 
.pli:nth-child(2n) .pltit{left: 20px;text-align: left;right: auto;font-size: 20px;}
.pli:nth-child(2n) .plinfo{left: 20px;text-align: left;right: auto;font-size: 14px;}
.pli:nth-child(2n) .pla{left: 20px;text-align: left;right: auto;font-size: 16px;}
 

    
    
.i-product, .i-about, .i-news, .bannerbot, .footer, .main{ padding:25px 0}
.head-r .tel a, .f-contact .tel span a{ pointer-events:auto}
.title{ font-size:22px}

.i-product .txt{padding: 0 15px 15px;}
.i-product .left .txt{top:20px}
.i-product .left .txt h3{ font-size:18px}
.i-product .right .txt h3{ font-size:16px}
.logo img{ height:40px}
.head-r .tel{ font-size:20px}
.banner .swiper-pagination-bullet{ width:10px; height:10px}
.i-about{ background:#e73215;}
.i-about:before{background-size: contain;}
.i-about .con .left, .i-about .con .right{ width:100%}
.i-about .con .right{ position:relative; padding:4% 4% 6%}
.i-about .con .right h2{ font-size:18px; margin-bottom:5px}
.i-about .con .right .infor{ font-size:14px; line-height:26px; max-height:inherit}
.i-about .con .right .infor p{ margin-bottom:5px}
.i-about .con .more{ margin-top:10px}
.more{ width: 100px;height:32px; line-height:30px;font-size: 12px;}
.more i{ width:5px; height:5px;margin-left: 5px;}
.i-about .top{ text-align:center;}
    
.i-about .top .left{ font-size:16px;float: none; margin-bottom:15px;flex-wrap: wrap}
.i-about .top .left img{ width:100%;height: auto}
.i-about .top .right{ float:none}
.i-about .top .right ul{ display:flex; display:-webkit-flex; justify-content:center}
.i-about .top .right li{ margin:0; padding:0 2%; width:33.33%}
.i-about .top .right .counter{ font-size:30px}
.i-newslist{ padding-bottom:20px}
.i-newslist .swiper-pagination{ display:block}
.footer{ padding-bottom:25px}
.footer .top{padding-bottom: 15px;}
.footer .mid{ padding:10px 0; font-size:14px}
.f-ewm>p, .f-ewm .list a{ font-size:14px}

.f-contact .tel span{ font-size:20px;line-height: 26px;}
.float_kf{ bottom:0; left:0; width:100%;right:0; display:flex; display:-webkit-flex;box-shadow: 0 0 5px rgba(0,0,0,.2);}
.float_kf .item{ width:50%;}
.float_kf .item-inner{ width:100%;padding:5px 0; border:0; border-left:1px solid #eee;}
.float_kf .item:nth-child(1) .item-inner{ border-left:0}
.float_kf .item-inner .ico{ margin:0}
.popup .popup-con{ width:400px}
.popup .txt{ font-size:14px; line-height:28px}
.contact-list .tel h4 a{pointer-events:auto}
.content-contact .title{ font-size:22px; margin-bottom:30px}

.newslist li{ width:48%}
.newslist .more{ font-size:12px}
.main_news{ background:#fff}
.newscon{ padding:30px 0}
.newstit{ font-size:20px;line-height: 28px;}
.newstm{ font-size:12px; margin-bottom: 10px;}
.news-article p{ margin-bottom:5px}
.news-article iframe{ max-width:100%; width:100%; height:auto}

.newsRelated{ padding-bottom:0; margin-top:40px}
.newsRelated .swiper-container{ padding-bottom:20px}
.page_2{ margin-top:20px}
.page_2 P{ width:100%}
.page_2 .more{ width:120px; position:relative; left:auto;top:auto; margin:10px auto 0}


.joinlist-2 li{ padding:5% 3%}
.joinlist-2 .num{ font-size:45px; line-height:40px}
.joinlist-2 .li5 img{ top:auto;}
.joinlist-4 .txt{ padding:5%}
.joinlist-4 .txt .tel span a{ pointer-events:auto}

.network-2{ width:100%}
.network-2 > img{ display:block; width:100%}
.network-list-2 li .pic{ width:30%}
.network-list-2 li .txt{ width:67%}

.productlist .pic{ height:300px}
.productlist .txt .more{ font-size:12px}
.productlist .txt h4{ font-size:26px; line-height:30px}
.productlist .txt .intro{ font-size:14px}

.proRelated .pic{ height:200px}
.culture-2{ margin-bottom:260px}
.culture .ico{ width:150px}
.culture .txt{width: calc(100% - 200px);height:150px}
.culture .txt .tit{ font-size:20px; margin-bottom:0}
.RD .last{ font-size:20px;}
.RD .last h5{ font-size:16px; line-height:20px}
.AS-after>h3{ font-size:22px}
.AS-after .repair{ padding:30px}
.horlist{ padding-bottom:20px;}
.horlist ul{flex-wrap: wrap;}
.horlist1 li, .horlist2 li, .horlist3 li, .nhorlist li{ width:48%}
.horlist1 li, .horlist2 li, .horlist3 li{ margin-bottom:3%}
.horlist1 li:nth-child(5){ width:48%}
.horlist1 li:last-child .pic img{ width:100%; height:auto}
.horlist h3{ font-size:18px}
 
.pli{ margin-bottom: 10px;}    
    .indextitle{font-size: 18px;padding-bottom: 20px}
.i-mproduct{ display:block}
.qqfz-intro{ padding:0}
.video-show02 video{ width:70%}
.speechBox .item_1 h3{ font-size:24px}
.speechBox .item_1 .qm{ font-size:16px;margin:10px 0}
.speechBox .item_1 .intro p{ margin-top:5px}
.speechBox .item_2 .ttit, .speechBox .item_3 .ttit{ font-size:24px}
.speechBox .item_2 .ttit .num, .speechBox .item_3 .ttit .num{ font-size:1em;padding-left: 15px;}
.speechBox .item_2 .ttit .num{ margin-right:15px}
.speechBox .item_3 .ttit .num{ margin-bottom:15px}
.speechBox .item_2 li{ line-height:1.4}
}
@media screen and (max-width:640px){
    
     
    
.view .swiper-container {
	width: 100%;
	height: 300PX;
}
  
    
    .preview .arrow-left{left: 5px}
 
    .preview .arrow-right{right: 5px}
.preview .swiper-container {
	width: 100%;
	height: 80px; 
}

    .prtit{font-size: 24px;height: 55px;line-height: 35px;}
    .fuwu{padding: 15px;}
    .fwtop{flex-wrap: wrap; }
    
    .fwlogo{width: 100%}
    .fwtel{width: 100%;}
    
    
    .pbottom{flex-wrap: wrap}
    
    .pbleft,.pbright{width: 100%}
    
    
    
    
.preview .swiper-slide {
	width: 80px;
	height: 80px;
	cursor:pointer;
}

.preview .slide6 {
	width: 80px;
}
 
 
.preview img { 
    width: 80px;height: 80px;
    border: 1px solid #e2e2e2;
    
}

    
    
    .main.ceo{background-size: cover}    
    
.search{ display:none}
.f-ewm{width:50%}
.footer .mid{ font-size:12px}
.f-contact .tel span{ font-size:18px}
.f-ewm>p, .f-ewm .list a{ font-size:12px}
.nbanner .nbantit .entit{ font-size:20px}
.nbanner .nbantit .cntit{ font-size:16px}
.main .content-contact{ font-size:14px;line-height: 20px;}
.content-contact .title{ font-size:20px}
.contact-list{ margin-bottom:30px}
.contact-list ul{flex-wrap:wrap;}
.contact-list li{ width:100%; display:flex; display:-webkit-flex; padding:0; text-align:left;border-bottom: 1px solid #e8e8e8; padding-bottom:10px; margin-bottom:15px}
.contact-list .icon{ margin:0}
.contact-list .icon{ width:55px; height:55px; box-shadow: 0 0 0 5px rgba(223,30,37,.15);}
.contact-list .tel .icon, .contact-list .add .icon{ background-size:30px}
.contact-list .txt{ width:calc(100% - 60px); padding-left:20px; text-align:left}
.contact-list h4, .contact-list .tel h4{ margin:0}
#allmap{ height:220px}

.joinlist h4, .joinlist-2 li, .joinlist h4, .joinlist-4 .txt{ font-size:16px}
.joinlist .txt p, .joinlist-3 .txt p{ line-height:20px}
.joinlist ul{ margin-right:0;flex-wrap:wrap;}
.joinlist li{ width:100%; margin-right:0; border-bottom:1px solid #e8e8e8; display:flex; display:-webkit-flex;align-items:flex-start; padding:10px 0}
.joinlist li .ico{ width:45px}
.joinlist .ico img{ height:45px}
.joinlist li .txt{ width:calc(100% - 45px); padding-left:20px}
.joinlist h4{ margin:0}
.joinlist-2 li{ width:100%}
.joinlist-2 .li5{ display:none}
.joinlist-2 li:nth-child(6), .joinlist-2 li:nth-child(6) .num:after{ background:#fff}
.joinlist-3 ul{ margin-right:0;flex-wrap:wrap}
.joinlist-3 li{ width:100%; margin-right:0; margin-bottom:20px}
.joinlist-3 h4{ margin-top:0; margin-bottom:5px}
.joinlist-3 .pic{ margin-bottom:10px}
.joinlist-4{flex-wrap:wrap}
.joinlist-4 .pic, .joinlist-4 .txt{ width:100%}
.joinlist-4 .txt{ padding:4%}
.network .dot{ display:none}
.network-list{display:block}
.network-list-01{ display:none}

.network-2{ display:none}
.network-2-m{ display:block}
.network-list-2, .network-list-02{ display:none}
.network-list-2-m{ display:block}

.productlist .txt{ padding:3% 4%}
.productlist .txt h4{ font-size:20px; line-height:26px;}
.productlist .txt h3{ font-size:20px}
.productlist .txt .intro{-webkit-line-clamp:2;}
.productlist .pic{ height:240px}
.proRelated .pic, .proRelated .txt{ width:50%}
.proRelated .swiper-container{ padding-bottom:20px}
.proRelated .swiper-pagination{ display:block}
.proRelated .swiper-pagination-bullet{width:6px; height:6px;margin:0 3px;}
.culture-2 {margin-bottom:220px;}
.culture-2 li{ max-width: inherit; width:32%}
.culture li {margin-bottom: 20px;padding: 0 0 20px;}
.culture .ico{ width:100%}
.culture .ico img{ width:150px}
.culture .txt{ width:100%; padding-top:15px;height:auto;}
.main .ltitle{ font-size:14px;}
.RD .last{ font-size:16px;padding: 4%;}
.RD .last h5{ font-size:14px}
    
    
.AS-before .top{ padding:20px;line-height: 24px;}
.AS-before .top p{ margin-bottom:5px}
.AS-before .bot:before{border-top: 20px solid #df1e25;border-right: 20px solid transparent;}
.AS-before .bot{ padding:15px}
.AS-before .bot>h3{ font-size:18px;margin: 10px 0;}
.AS-before .bot>h3:before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #df1e25;top: 7px;}
.AS-before .bot>* {padding-left: 20px;}
.AS-before .bot .telbox{margin-top: 20px;padding-top: 20px; padding-left: 0;}
.AS-before .bot .tel{ width:50%; margin-right:0;margin-top:0}
.AS-before .bot .tel span{ font-size:20px}
.AS-after{ margin-top:30px}
.AS-after .step li{ line-height:20px;padding: 0 2%;}
.AS-after .step li:after{top:35px;border-top: 6px solid transparent;border-left: 6px solid red;border-bottom: 6px solid transparent;}
.AS-after .step:before{top:40px}
.AS-after .step .tit{ font-size:16px;width: 80px;height: 80px;box-shadow: 0 0 0 5px #fadddf;margin: 0 auto 10px;}
.AS-after .repair{ margin-top:30px; padding:20px;flex-wrap:wrap}
.AS-after .repair li{ width:100%}
.AS-after .repair li:nth-child(1){border-right:0; padding-right:0; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px}
.AS-after .repair li:nth-child(2){ padding-left:0}
.AS-after .repair .tit{ font-size:16px;margin-bottom:0}

.speechBox .item_1:before{ display:none}
.speechBox .item_1 .left{ width:100%} 
.speechBox .item_1 .right{ width:100%; padding-left:0; margin-top:3%}
.speechBox .item_1 .right:before{ display:none}
.speechBox .item_1 h3{ font-size:20px; text-align: center;}
.speechBox .item_2, .speechBox .item_3{ margin-top:5%}
.speechBox .item_2 ul{ margin-top:4%; padding:15px 15px 15px 0}
.speechBox .item_2 li{ width:100%; padding:5px 0 5px 20px;}
.speechBox .item_2 li:before{width: 8px;height:8px;top:8px;left:-4px;}
.speechBox .item_2 li:after{width: 12px;height: 1px;top:12px;left: 0;}
.speechBox .item_2 .ttit .num, .speechBox .item_3 .ttit .num{ width:45px; height:53px; background-size:contain;padding-left: 10px;line-height: 45px;}
.speechBox .item_2 .ttit, .speechBox .item_3 .ttit{ font-size:20px}
.speechBox .item_3 .ttit{display: flex;display: -webkit-flex;align-items: center;}
.speechBox .item_3 .ttit .num{ margin:0;margin-right: 15px;}
.resultsList{ margin-top:4%}
.resultsList:after{left:20px}
.resultsList li{ margin-bottom:4%}
.resultsList li .txt{ padding-top:0}
.resultsList li .txt, .resultsList li .pic{ width:100%; padding-left:40px}
.resultsList li:nth-child(2n) .pic{ padding-right:0; padding-left:40px}
.resultsList li .txt .tit{ margin-bottom:1%}
.resultsList li .tit:before{ width:8px; height:8px;top:7px;}
.resultsList li:nth-child(2n) .tit, .resultsList li:nth-child(2n) .intro{ padding-left:0}
.resultsList li:nth-child(2n+1) .tit, .resultsList li:nth-child(2n+1) .intro{ padding-right:0}
.resultsList li:nth-child(2n) .tit:before{ left:-24px}
.resultsList li .tit:after{width: 15px;top: 11px;left: -20px;}
.resultsList li:nth-child(2n+1) .tit:after, .resultsList li:nth-child(6) .tit:after{ width:15px}
.resultsList li:nth-child(2n+1) .txt h3, .resultsList li:nth-child(6) .txt h3{ padding-right:0}
.resultsList li:nth-child(2n+1) .tit:before{ right:auto;left:-24px}
.resultsList li .txt h3{ line-height:1.4}
.resultsList li .intro{ line-height:1.8}
}
@media screen and (max-width:480px){
    
    
.head-r .tel{ font-size:18px}
.wrap, .header .wrap{ padding:0 15px}
.m-menubtn{ width:50px}
.i-product .left{ position:relative; margin-bottom:1.5%}
.i-product .left{ width:100%; position:relative}
.i-product .right{ width:100%}
.i-about .top{ font-size:12px}
.i-about .top .right .counter{ font-size:20px;margin-right:0;}
.i-about .con .left .video-btn{background-size: 50px;}
.i-productcon, .i-about .wrap{ overflow:hidden}
.i-product .left .pro01{ display:none !important}
.i-product .left .m-pro01{ display:block}
.popup .popup-con{ width:94%}
.popup .close-btn{ right:0}
.popup .popup-con .intro{ max-height:280px; overflow-y:auto}
.popup .popup-con .intro::-webkit-scrollbar {width: 2px;}
.popup .popup-con .intro::-webkit-scrollbar-thumb {background:#fff; border-radius:3px;}
.popup .popup-con .intro::-webkit-scrollbar-track {background:rgba(255,255,255,.3);}
.nbanner .nbantit, .nbanner:before{ display:none}

.newslist ul{ margin-right:0}
.newslist li{ width:100%; margin-right:0; margin-bottom:20px}
.newslist .txt .top{ margin-top:10px;padding-bottom: 8px;}
.newslist .txt .intro{ margin:8px 0}
.newslist .txt h3{ display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; white-space:normal;line-height: 22px; margin-bottom:3px}

.inner-nav-pro, .inner-nav-abt{ border-bottom:0}
.inner-nav-pro ul, .inner-nav-abt ul{flex-wrap:wrap}
.inner-nav-pro li, .inner-nav-abt li{ width:20%; overflow: hidden;border-bottom:1px solid #e8e8e8}
.inner-nav-pro li a, .inner-nav-abt li a{ height:35px;white-space: nowrap;overflow: hidden;}
.inner-nav-pro li a:after, .inner-nav-abt li a:after{ height:100%;top:0; margin-top:0; background:#e8e8e8}
.inner-nav-pro li.cur a:before, .inner-nav-pro li:hover a:before, .inner-nav-abt li.cur a:before, .inner-nav-abt li:hover a:before{ width:100%; left:0}

.productlist .txt h4, .proRelated .txt h4{ font-size:16px; line-height:20px}
.productlist .txt h3, .proRelated .txt h3{ font-size:18px}
.productlist .pic{ height:200px}
.proRelated .pic{ height:160px}
.culture-2{ margin-bottom:100px}
.culture-2 .ico img{ height:90px}
.culture .ico img{ width:100px}
.culture .txt .tit{ font-size:16px}
.culture .txt h4{ margin-top:5px}
.RD ul{ margin-right:0}
.RD li{ width:100%; margin-right:0}
.AS-after>h3{ font-size:18px; margin-bottom:20px}
.AS-before .bot .tel span{ font-size:18px}
.AS-after .step .tit{ width:70px; height:70px;font-size: 14px;}
.AS-after .step:before{top:35px}
.AS-after .step li:after{top:30px}
.horlist h3{ font-size:16px; line-height:24px}
.horlist .tit{ margin-top:10px}

.pages{ margin-top:20px}
.i-mproduct a{ font-size:12px}
.main-about #shege{ left:15px}
}
@media screen and (max-width:320px){.culture-2{ margin-bottom:60px}}