@charset "utf-8";

/* CSS Document */
.header .mmbtn{ position:absolute; right:2%; top:50%; margin-top:-16px; display:none}
.header .mmbtn .inbox{padding-top: 20px;font-size: 10px;color: #666;position: relative;text-transform:uppercase;cursor: pointer;}
.header .mmbtn .inbox .line{width: 100%;height: 2px;background-color: #666;position: absolute;right: 0;top: 0;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.header .mmbtn .inbox .line.l2{top: 8px;left: 0;right: auto;}
.header .mmbtn .inbox .line.l3{top: 16px;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.header .mmbtn:hover .inbox .line{ width:60%}
.header.end.scroll .mmbtn .inbox{ color:#3d464f;}
.header.end.scroll .mmbtn .inbox .line{ background-color:#3d464f;}
/*menu*/

.mask{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.35);left: 0;top: 0;z-index: 9999;display: none;}
.head-menu{position: fixed;right: 0;top: 0;width: 80%;height: 100%; max-width: 300px;background-color: #fff;z-index: 9999;overflow: hidden;background: -webkit-linear-gradient(top, #fff , #eef2f5); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(bottom, #fff, #eef2f5); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(bottom, #fff, #eef2f5); /* Firefox 3.6 - 15 */background: -webkit-gradient(linear, left top, left bottom, from(#fff) , to(#eef2f5));background: -moz-linear-gradient(top, #fff , #eef2f5);background: -o-linear-gradient(top, #fff , #eef2f5);background: linear-gradient(to bottom, #fff , #eef2f5); /* 标准的语法 */-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);opacity: 0;visibility: hidden;}
.head-menu[data-on="on"]{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);opacity: 1;visibility: visible;}
.head-menu .toolbox .tool{width: 94%;padding-right: 40px;height: 60px;position: relative;}
.head-menu .toolbox .mmclose{width: 25px;height: 25px;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;}
.head-menu .toolbox .mmclose:before{content: "";width: 100%;height: 2px;background-color: #3d464f;position: absolute;left:50%;top: 50%;-webkit-transform: translate(-50%,-50%) rotate(45deg);-moz-transform: translate(-50%,-50%) rotate(45deg);-ms-transform: translate(-50%,-50%) rotate(45deg);-o-transform: translate(-50%,-50%) rotate(45deg);transform: translate(-50%,-50%) rotate(45deg);}
.head-menu .toolbox .mmclose:after{content: "";width: 100%;height: 2px;background-color: #3d464f;position: absolute;left:50%;top: 50%;-webkit-transform: translate(-50%,-50%) rotate(-45deg);-moz-transform: translate(-50%,-50%) rotate(-45deg);-ms-transform: translate(-50%,-50%) rotate(-45deg);-o-transform: translate(-50%,-50%) rotate(-45deg);transform: translate(-50%,-50%) rotate(-45deg);}
.head-menu .menu-box{height: -webkit-calc(100% - 60px);height: -moz-calc(100% - 60px);height: calc(100% - 60px);position: relative;}
.head-menu .menu-box .wrap{ width:90%; margin:0 auto;}
.head-menu .menu-box .mlist .lim{display: block;cursor: pointer;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .mlist .lim .word{height: 50px;line-height: 50px;font-size: 18px;color: #1a1a1a;margin: 0 auto;width: 94%;max-width: 260px;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .mlist .lim .menu{display: none;padding: 0 5%;}
.head-menu .menu-box .mlist .lim[data-on="on"] .menu{display: block;}
.head-menu .menu-box .mlist .lim .menu .mm{height: 30px;line-height: 30px;display: block;}

.head-menu .menu-box .inbox{height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: -moz-box;display: flex;-ms-flex-direction: column;-webkit-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-moz-box-orient: vertical;-moz-box-direction: normal;flex-direction: column;-webkit-box-pack: space-between;-ms-flex-pack: space-between;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between;-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: top left;-moz-transform-origin: top left;-ms-transform-origin: top left;-o-transform-origin: top left;transform-origin: top left;opacity: 1;visibility: visible;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .inbox[data-on="on"]{-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);opacity: 0;visibility: hidden;}
.head-menu .menu-box .inbox .contact{margin-bottom: 50PX;}
.head-menu .menu-box .outbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: 9999;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: top right;-moz-transform-origin: top right;-ms-transform-origin: top right;-o-transform-origin: top right;transform-origin: top right;opacity: 0;visibility: hidden;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .outbox[data-on="on"]{-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);opacity: 1;visibility: visible;}
.head-menu .menu-box .outbox .inbtn{height: 50px;line-height: 50px;background-color: #2500ca;margin-bottom: 20px;cursor: pointer;}
.head-menu .menu-box .outbox .inbtn .ww{max-width: 260px;width: 94%;margin: 0 auto;font-size: 14px;color: #fff;font-weight: bold;padding-left: 30px;position: relative;}
.head-menu .menu-box .outbox .inbtn .ww span{width: 20px;height: 5px;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.head-menu .menu-box .outbox .inbtn .ww span:before{content: "";border-style: solid;border-width:2px 3px; border-color: transparent #fff transparent transparent;position: absolute;left: 0;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.head-menu .menu-box .outbox .inbtn .ww span:after{content: "";width: 20px;height: 1px;background-color: #fff;position: absolute;left: 1px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.head-menu .menu-box .contact{ margin-top:40px;}
.head-menu .menu-box .contact .bt{ font-size:16px;}


.m-foot{ position:fixed; width:100%; height:55px; left:0; bottom:0;background:#2500ca; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:33.3%; text-align:center;}
.m-foot li a{ color:#fff; font-size:12px; display:block;}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li2 a{ background:url(../images/flem.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:27px}


.header .yuyans{float:right;  margin-right:66px; color:#ddd; display:none}
.header .yuyans a{ color:#333;  padding:0 6px;}
.header .yuyans a:hover, .header .yuyans a.cur{color:#2500ca;}


.phshow{ display:none}
.pcshow{ display: block}


@media screen and (max-width: 1600px){
.header .language{ margin-left:60px}



}
@media screen and (max-width: 1500px){
.header .menu li .menu_a{margin: 0 17px;}
.header .language{ margin-left:40px}

.icase .kuai{ height:450px;}
.icase .kuai:nth-child(2) .item img, .icase .kuai:nth-child(4) .item img{ height:450px;}
}
@media screen and (max-width: 1440px){
	
.header .language{ margin-left:10px}

body{font-size:15px; line-height:28px;}
input,textarea,select,button{ font-size:15px;}
.title{ margin-bottom:42px;}
.title h3{ font-size:34px;padding-bottom:15px;}
.title p{ font-size:17px;padding-bottom:25px;}
.title02{ margin-bottom:42px; }
.title02 h3{ font-size:34px; padding-bottom:15px; padding-top:25px;}
.title02 p{ font-size:17px;padding-bottom:25px;}

.title03{ margin:0 0 25px 0;}
.title03 h3{ font-size:34px;padding-bottom:15px; padding-top:25px;}

.title04{ margin:20px 0;}
.title04 h3{ font-size:34px; padding-bottom:15px; padding-top:25px;}
.title04 p{ font-size:17px; padding-bottom:25px;}

.ntitle{ margin-bottom:25px;}
.ntitle p{ left:152px; line-height:17px;}
.ntitle h3{ font-size:34px; padding-bottom:25px;}
.ntitle p{ font-size:17px; margin-left:10px;}

.header .menu li .menu_a{ font-size:17px;}
.header .menu .navkuai h3{ font-size:17px;margin-bottom:15px}

.banner .ad .intro h3{font-size:90px;margin-bottom:20px; }
.banner .ad .intro p{ font-size:27px; line-height:48px;}

.banner .quitesol .intro h3{ height:130px;line-height:100px;font-size:20px; }

.iproducts .item .wenzi h3{ font-size:22px; margin-bottom:15px;}
.icase .item .wenzi{ font-size:17px; line-height:45px; margin-top:-45px; }

.inews .swiper-slide .wenzi .shijian span:nth-child(1){ font-size:34px;}
.inews .swiper-slide h3{ font-size:20px; margin:20px 0 20px 0; }

.fad h3 { font-size:22px;}
.fad h3 span{ font-size:34px;}

.fad02 h3 { font-size:22px;}
.fad02 h3 span{ font-size:34px;}

.footer h3{margin-bottom:15px; font-size:17px;}

.nabout01 .wenzi{line-height:35px; font-size:17px;}
.nabout02 .wenzi{line-height:35px; font-size:17px;}

.leijian .wenzi h3{ font-size:34px;line-height:50px;}
.leijian .wenzi p{line-height:35px; font-size:17px;}

.loction{ line-height:62px; font-size:17px;}
.prolist .item .wenzi h3{font-size:22px;line-height:50px; }


.prolist02 .item .wenzi h3{font-size:28px;line-height:40px; margin-bottom:15px;}
.prolist02 .item .wenzi p{line-height:35px; font-size:17px; margin-bottom:50px;}

.proxiangx .tabmenu li {font-size:22px;padding:0px 28px 20px 28px; }
.proxiangx #atabcontent ul{ padding:25px 50px; font-size:17px; }

.STYLE4 {font-size: 17px;}
.STYLE6 {font-size: 17px; }

.newsguide{ padding:40px;font-size:24px;}

.newslist .kuai .wenzi h3{font-size:18px;}
.newslist .kuai .damore .day{font-size:18px; }

.newslist .kuai .damore .day span:nth-child(1){ font-size:45px; line-height:55px;}
.newsdetail .newstitle .biaoti h3{font-size:22px;}

.newsdetail .newsmain{ font-size:17px;}



.join .wenzi{line-height:35px; font-size:17px;}
.biaozhulist .item{ line-height:35px;}
.biaozhulist .item h3{font-size:22px; }

.nlianxi .xlleft { font-size:17px}
.form_2 .sub_btn{ font-size:17px;}



.iproducts .item .wenzi .more{ width:160px; line-height:45px; height:47px; }
.fad .butlianxi a{ width:160px;  display:block; line-height:45px; height:47px;}
.fad02 .butlianxi a{ width:160px;  display:block; line-height:45px; height:47px;}
.form_2 .sub_btn{ width:160px; line-height:45px; height:47px; font-size:16px; }


.icase .kuai{ height:410px;}
.icase .kuai:nth-child(2) .item img, .icase .kuai:nth-child(4) .item img{ height:410px;}

.banner .ad, .banner .quitesol .intro{min-height:550px;}

.nbanner{ width:120%; margin-left:-10%}

.join .wenzi{ padding:3%; }



.nabout01 .wenzi{width:62%; padding:4%}
.nabout02 .wenzi{width:62%; padding:4%}

}

@media screen and (max-width: 1366px){
.banner .ad,.banner .quitesol .intro{min-height:465px !important;}


.header .language{ margin-left:0px}
.header .menu li .menu_a{ font-size:16px; margin:0 12px}

.banner .quitesol .intro{padding:30px 2%}
.icase .kuai{ height:380px;}
.icase .kuai:nth-child(2) .item img, .icase .kuai:nth-child(4) .item img{ height:380px;}

.title{ margin-bottom:35px;}
.title h3{ font-size:28px;padding-bottom:10px;}
.title p{ font-size:16px;padding-bottom:20px;}
.title02{ margin-bottom:35px; }
.title02 h3{ font-size:28px; padding-bottom:10px; padding-top:25px;}
.title02 p{ font-size:16px;padding-bottom:20px;}

.title03{ margin:0 0 25px 0;}
.title03 h3{ font-size:28px;padding-bottom:10px; padding-top:25px;}

.title04{ margin:20px 0;}
.title04 h3{ font-size:28px; padding-bottom:10px; padding-top:25px;}
.title04 p{ font-size:16px; padding-bottom:20px;}

.ntitle{ margin-bottom:25px;}
.ntitle p{ left:130px; line-height:16px;}
.ntitle h3{ font-size:28px; padding-bottom:20px;}
.ntitle p{ font-size:16px; margin-left:10px;}

.header .menu li .menu_a{ font-size:16px;}
.header .menu .navkuai h3{ font-size:16px;margin-bottom:15px}

.banner .ad .intro h3{font-size:80px;margin-bottom:20px; }
.banner .ad .intro p{ font-size:24px; }

.banner .quitesol .intro h3{ height:130px;line-height:100px;font-size:20px; }
.iabout .intro p{ line-height:32px;;}
.iproducts .item .wenzi h3{ font-size:18px; margin-bottom:10px;}
.icase .item .wenzi{ font-size:16px; line-height:45px; margin-top:-45px; }

.inews .swiper-slide .wenzi .shijian span:nth-child(1){ font-size:28px;}
.inews .swiper-slide h3{ font-size:18px; margin:20px 0 20px 0; }

.fad h3 { font-size:20px;}
.fad h3 span{ font-size:28px;}

.fad02 h3 { font-size:20px;}
.fad02 h3 span{ font-size:28px;}

.footer h3{margin-bottom:15px; font-size:16px;}

.nabout01 .wenzi{line-height:32px;; font-size:16px;}
.nabout02 .wenzi{line-height:32px;; font-size:16px;}

.leijian .wenzi h3{ font-size:28px;line-height:50px;}
.leijian .wenzi p{line-height:32px;; font-size:16px;}

.loction{ line-height:28px; padding:14px 0; font-size:16px;}
.prolist .item .wenzi h3{font-size:20px;line-height:50px; }


.prolist02 .item .wenzi h3{font-size:28px;line-height:40px; margin-bottom:15px;}
.prolist02 .item .wenzi p{line-height:32px;; font-size:16px; margin-bottom:50px;}

.proxiangx .tabmenu li {font-size:20px;padding:0px 28px 20px 28px; }
.proxiangx #atabcontent ul{ padding:25px; font-size:16px; }

.STYLE4 {font-size: 16px;}
.STYLE6 {font-size: 16px; }

.newsguide{ padding:40px;font-size:24px;}

.newslist .kuai .wenzi h3{font-size:20px;}
.newslist .kuai .damore .day{font-size:20px; }

.newslist .kuai .damore .day span:nth-child(1){ font-size:45px; line-height:55px;}
.newsdetail .newstitle .biaoti h3{font-size:20px;}

.newsdetail .newsmain{ font-size:16px;}

.serivce .kuai{
	

	float: left;
	width: 19%;
	padding: 15px;
	margin-right:0;
	margin-left: 1%;

	min-height:430px;
}

.serivce h3{

	margin-top:25px;

}




.join .wenzi{line-height:32px;; font-size:16px;}
.biaozhulist .item{ line-height:32px;;}
.biaozhulist .item h3{font-size:20px; }

.nlianxi .xlleft { font-size:16px}
.form_2 .sub_btn{ font-size:16px;}

#a01{ margin-top:-100px;}
#a02{ margin-top:-100px;}
#a03{ margin-top:-100px;}
#a04{ margin-top:-100px;}
#a05{ margin-top:-100px;}
.header .wrap{ height:100px;}
.header .logo{ height:100px;}
.header .yuyans a{ line-height:100px;}

.header .logo{ width:330px;}
.header .logo a{ margin-top:-27px; height:54px; }
.header .logo .tad{ margin-left:8px; line-height:25px; font-size:15px;}
.header .logo .tad h3{ font-size:20px; margin-top:4px;}


.header .menu li .menu_a{ line-height:100px; }
.banner, .nabout01, .leijian, .newsguide, .caselist, .nbanner{margin-top:100px;}
.banner .ad .intro h3{line-height:100px; }
.header .language{ padding:20px 0;}




.section{ padding:60px 0}
.nsection{ padding:50px 0 60px 0}
.sectionpre{ padding:60px 0 0px 0}
.sectionnext{ padding:0px 0 60px 0}

.nbanner{ width:130%; margin-left:-15%}

.join .wenzi{ width:55%}



.newslist .kuai .wenzi .jian{-webkit-line-clamp:4;overflow: hidden;}

.newsdetail .newstitle .back a{ width:140px;}

.nabout01 .wenzi{width:66%;  padding:3%}
.nabout02 .wenzi{width:66%;  padding:3%}
}

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

.serivce .kuai{
	

	float: left;
	width: 31%;
	padding: 15px;
	margin-right:0;
	margin-left: 2%;
	margin-top: 2%;

	min-height:400px;
}


.banner .quitesol .intro h3{ height:110px;line-height:80px;font-size:18px; }
.icase .kuai{ height:360px;}
.icase .kuai:nth-child(2) .item img, .icase .kuai:nth-child(4) .item img{ height:360px;}

.banner .ad .intro h3{ font-size:65px; line-height:80px}
.banner .ad .intro p{ line-height:40px; font-size:20px; }


.banner .wrap{ margin:2%}
.nbanner{ width:140%; margin-left:-20%}

.join .wenzi{ width:80%;height:auto;}


.newsguide{ padding:40px 0;font-size:24px;}
.leijian .wenzi h3{ font-size:24px;line-height:45px;}

.nabout03 .kuai .wenzi{ padding:3%}

.nabout01 .wenzi{width:78%;  padding:40px 25px; height:auto}
.nabout02 .wenzi{width:78%;  padding:40px 25px; height:auto}

.wrap{ width:98%; }
.wrap1200{ width:98%;}
}

@media screen and (max-width: 1150px){
.header .menu{ display:none}
.header .language{ display:none}
.header .yuyans{ display:block; }
.header .mmbtn{ display:block}


.icase .kuai{ height:320px;}
.icase .kuai:nth-child(2) .item img, .icase .kuai:nth-child(4) .item img{ height:320px;}
.nbanner{ width:150%; margin-left:-25%}


.biaozhulist .wrap{ width:100%}
.biaozhulist .section { padding:0}
.biaozhulist .conn:nth-child(2n){  margin-top:0px}
.biaozhulist .conn:nth-child(2n+1){ background:none}
.biaozhulist .item{ float:left; width:50%; margin-right:0%; line-height:32px; padding:25px}
.biaozhulist .item:nth-child(2n){ float:right}

.biaozhulist .item:nth-child(3), .biaozhulist .item:nth-child(4){ background:#f5f5f5;}

.iproducts .item .wenzi .more{ width:145px; padding-right:25px; line-height:40px; height:42px; }
.newslist .kuai .nmore{line-height:40px; height:42px; }
}
@media screen and (max-width: 1024px){


.serivce .kuai{
	

	float: left;
	width: 31%;
	padding: 15px;
	margin-right:0;
	margin-left: 2%;
	margin-top: 2%;

	min-height:420px;
}



.section{ padding:40px 0}
.nsection{ padding:40px 0}
.sectionpre{ padding:40px 0 0px 0}
.sectionnext{ padding:0px 0 40px 0}

.banner .ad .intro h3{ font-size:55px; line-height:70px;  padding:0 0 0 8% }
.banner .ad .intro p{ line-height:35px; font-size:18px;padding:0 8% }


.icase .kuai{ height:300px;}
.icase .kuai:nth-child(2) .item img, .icase .kuai:nth-child(4) .item img{ height:300px;}

.title02 p{ font-size:15px;}
.title03{ margin-bottom:15px;}
.iabout .intro p { line-height:30px;}


#a01{ margin-top:-90px;}
#a02{ margin-top:-90px;}
#a03{ margin-top:-90px;}
#a04{ margin-top:-90px;}
#a05{ margin-top:-90px;}
.header .wrap{ height:90px;}
.header .logo{ height:90px;}
.header .yuyans a{ line-height:90px;}
.header .logo a{ margin-top:-24px; height:48px; }
.header .menu li .menu_a{ line-height:90px; }
.banner, .nabout01, .leijian, .newsguide, .caselist, .nbanner{margin-top:90px;}


.header .logo .tad{ line-height:22px; font-size:14px;}
.header .logo .tad h3{ font-size:18px; margin-top:3px;}

.nbanner{ width:160%; margin-left:-30%}

.join .wenzi{ width:90%;}



.newslist .kuai .wenzi .jian{-webkit-line-clamp:3;overflow: hidden;}

.newslist .kuai .nmore{ display:none}

.proxiangx #atabcontent ul{ padding:20px;}

.ntitle p{ left:120px;}

.banner .ad, .banner .quitesol .intro{ min-height:385px !important}
}

@media screen and (max-width: 920px){
	
.newsdetail .newstitle .biaoti {float:none;}
.newsdetail .newstitle .back { float:none; text-align:right}
.newsdetail .newstitle .back a{ display:inline-block}
.banner .ad .intro h3{ font-size:45px; line-height:45px}
.banner .ad, .banner .quitesol .intro{min-height:380px !important;}

.footer li:after{left:-20px;}
.footer{ margin-bottom:55px;}
.m-foot{ display:block;}

.nbanner{ width:170%; margin-left:-35%}

.join .pic{ float:none; width:100%;}
.join .wenzi{width:100%; top:auto; height:auto; line-height:30px; position:relative; padding:20px}

.newsguide{ padding:40px 0}

.prolist02 .item .wenzi h3{ font-size:24px}

.nabout01 .pic{ float:none; width:100%;}
.nabout01 .wenzi{width:100%; padding:30px 15px; height:auto; position:relative}

.nabout02 .pic{ float:none; width:100%;}
.nabout02 .wenzi{width:100%;padding:30px 15px; height:auto; position:relative}


}
@media screen and (max-width: 768px){
.banner .ad, .banner .quitesol .intro{min-height:auto !important;}
.banner .ad .intro{ padding:30px 0}
.banner .ad .intro h3{ font-size:40px; line-height:40px; padding-top:15px; margin-bottom:10px;}
.banner .ad{ float:none; width:100%; margin-bottom:20px;}
.banner .quitesol{float:none; width:100%}
.banner .quitesol .intro{width:100%}

.footer li:nth-child(1),.footer li:nth-child(2), .footer li:nth-child(3), .footer li:nth-child(4), .footer li:nth-child(5){ display:none}
.footer li:nth-child(6):after{ display:none}


#a01{ margin-top:-80px;}
#a02{ margin-top:-80px;}
#a03{ margin-top:-80px;}
#a04{ margin-top:-80px;}
#a05{ margin-top:-80px;}
.header .wrap{ height:80px;}
.header .logo{ height:80px;}
.header .yuyans{margin-right:42px;}
.header .yuyans a{ line-height:80px;}
.header .logo a{ margin-top:-19px; height:38px; }
.header .menu li .menu_a{ line-height:80px; }
.banner, .nabout01, .leijian, .newsguide, .caselist, .nbanner{margin-top:80px;}

.header .logo .tad{ line-height:19px; font-size:13px;}
.header .logo .tad h3{ font-size:16px; margin-top:0px;}


.iproducts .item{ float:left; width:48%; margin-right:0%;}
.iproducts .item:nth-child(2n){ float:right}
.iproducts .item:nth-child(1), .iproducts .item:nth-child(2){ margin-bottom:20px;}
.iproducts .item .wenzi{ padding:5% 3%;}




.icase .kuai{ width:48%; margin-right:0;}
.icase .kuai:nth-child(2n){ float:right}
.icase .kuai:nth-child(2n+1){ clear:both}
.icase .kuai:nth-child(1), .icase .kuai:nth-child(2) { margin-bottom:20px;}

.icase .kuai{ height:480px;}
.icase .kuai:nth-child(2) .item img, .icase .kuai:nth-child(4) .item img{ height:480px;}

.title02{ background:url(../images/titlebg.png) no-repeat right top; background-size:30px auto }


.iabout .pic{ float:none; width:100%; margin-bottom:30px;}
.iabout .wenzi{ float:none; width:100%;}
.fad h3, .fad .butlianxi{ padding:0 50px;}
.fad02 h3, .fad02 .butlianxi{ padding:0 50px;}

.banner .ad .intro p{ line-height:32px; font-size:17px; }

.footer .content {padding:30px 0;}

.nbanner{ width:180%; margin-left:-40%}

.biaozhulist .item h3{ font-size:18px;}
.biaozhulist .item{ float:none; width:100%; line-height:30px; padding:2.px}
.biaozhulist .item:nth-child(2n){ float:none}
.biaozhulist .item:nth-child(3), .biaozhulist .item:nth-child(4){ background:none;}
.biaozhulist .item:nth-child(2n){background:#f5f5f5}

.serivce .kuai{
	



	min-height:450px;
}



.newslist .kuai .pic{ float:none; width:100%; overflow:hidden}
.newslist .kuai .wenzi{ width:95%;}
.newslist .kuai .wenzi02{width:95% }
.newslist .kuai .damore{ width:25%;} 

.leijian .pic{ float:none; width:100%;}
.leijian .wenzi{ float:none; width:100%; margin-bottom:35px;}
.leijian .wenzi h3{margin-top:20px;}

.prolist .item{  width:48%; margin-bottom:20px;margin-right:0%;}
.prolist .item:nth-child(2n){ float:right}
.prolist .item:nth-child(3n+1){ clear:none}
.prolist .item:nth-child(2n+1){ clear:both}

.prolist02 .item{ margin-bottom:40px;}
.prolist02 .item .pic{ float:none; width:100%; min-height:auto;}
.prolist02 .item:nth-child(2n) .pic{ float:none}
.prolist02 .item .wenzi{ float:none; width:100%; padding:15px}
.prolist02 .item:nth-child(2n) .wenzi{ float:none}
.prolist02 .item .wenzi p{ margin-bottom:30px}

.ntitle p{ left:105px;}
.ntitle h3{ font-size:24px}

.nabout03 .kuai .pic{ float:none; width:100%}
.nabout03 .kuai .wenzi{ float:none; width:100%; padding:30px 15px}
.nabout03 .kuai:nth-child(2) .pic{ float:none; }
.nabout03 .kuai:nth-child(2) .wenzi{ float:none; }
}

@media screen and (max-width: 700px){
.icase .kuai{ height:430px;}
.icase .kuai:nth-child(2) .item img, .icase .kuai:nth-child(4) .item img{ height:430px;}
}

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

.newsguide{ padding:20px 0}
.icase .kuai{ height:400px;}
.icase .kuai:nth-child(2) .item img, .icase .kuai:nth-child(4) .item img{ height:400px;}
.title02{ background:url(../images/titlebg.png) no-repeat right top; background-size:20px auto }
.fad h3{ line-height:25px; margin-bottom:15px; font-size:18px;}
.fad h3 span{ font-size:22px;}
.fad h3, .fad .butlianxi{ padding:0 10px;}

.fad02 h3{ line-height:25px; margin-bottom:15px; font-size:18px;}
.fad02 h3 span{ font-size:22px;}
.fad02 h3, .fad02 .butlianxi{ padding:0 0px;}

.title:after{background:url(../images/line.png) no-repeat center center; width:110px; margin-left:-55px}
.title02:after{ background:url(../images/line.png) no-repeat center center;width:110px; }
.title03:after{ background:url(../images/line.png) no-repeat center center;width:110px; }
.title04:after{ background:url(../images/line.png) no-repeat center center;width:110px; }
.ntitle h3{background:url(../images/line.png) no-repeat center bottom;background-size:110px auto }
.serivce .kuai{
	

	float: left;
	width: 47%;
	padding: 15px;
	margin-right:0;
	margin-left: 2%;
	margin-top: 2%;

	min-height:400px;
}


.nbanner{ width:200%; margin-left:-50%}

.nlianxi .xlleft .kuai .icon{ margin-bottom:30px;}
.nlianxi .xlleft, .nlianxi .lxright{ float:none; width:100%;}
.nlianxi .xlleft{ padding-bottom:30px;}


* .huadong { width:100%;overflow-x: scroll;}
* .huadong table{ width:100%; min-width:540px}
}
@media screen and (max-width: 560px){

.serivce .kuai{
	


	width: 100%;
	padding: 15px;
	margin-right:0;
	margin-left: 0;


	min-height:350px;
}

.icase .kuai{ height:320px;}
.icase .kuai:nth-child(2) .item img, .icase .kuai:nth-child(4) .item img{ height:320px;}
.nlianxi .xlleft .kuai:last-child .wenzi{ margin-top:20px;}

.prolist .item{  width:100%; margin-bottom:20px; float:none}
.prolist .item:nth-child(2n){ float:none}

}
@media screen and (max-width: 500px){
.banner .ad .intro h3{ font-size:36px;}	
.icase .kuai{ height:300px;}
.icase .kuai:nth-child(2) .item img, .icase .kuai:nth-child(4) .item img{ height:300px;}
.icase .kuai:nth-child(3) .item img{ height:140px}
}
@media screen and (max-width: 420px){
.banner .ad .intro h3{ font-size:30px;}	
.banner .ad .intro p{ font-size:16px; }
.newslist .kuai .wenzi h3{font-size:16px;}
.newslist .kuai .wenzi02 h3{font-size:16px;}
}