/*pad*/

img {
	max-width: 100%;
}

#gh {
	float: right;
	height: 30px;
	width: 42px;
	left: 50%;
	top: 0;
	position: absolute;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor: pointer;
	z-index: 9999;
	display: none;
}

.selected #gh {
	transform: rotate(90deg);
}

#gh a {
	background-color: #e62d38;
	display: block;
	height: 4px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
	border-radius: 2px;
}

#gh a:after,
#gh a:before {
	background-color: #ffb500;
	content: "";
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
	border-radius: 2px;
}

#gh a:after {
	top: 12px;
}

#gh a:before {
	top: -12px;
}

.selected #gh a:after,
.selected #gh a:before {
	top: 0;
}

.selected #gh a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
	background: #ffb500;
}

.selected #gh a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
	background: #ffb500;
}

.selected #gh a {
	background-color: transparent !important;
}

.selected .header {
	overflow: visible;
}

.selected .header .nav {
	display: block;
	z-index: 111;
	position: absolute;
	left: 0;
	top: 80px;
	right: 0;
	margin: 0;
}

.selected .header .nav li a {
	text-align: center;
	width: auto;
	display: block;
	background: rgba(255, 255, 255, 0.9);
	margin: auto;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	line-height: 50px;
	padding: 0;
}

.selected .header .nav li a {
	color: #000000;
}

.selected .header .nav .selected a {
	border-bottom-color: #73e5b1;
}

@media only screen and (max-width:1500px) {
	.al-main .text{
		height: auto;padding-bottom: 20px;
	}
	.al-main .imgs{
		height: 410px;
	}
	
.al-main .text{
	width: 390px;float: right;background: #ffffff;height: 330px;overflow: hidden;
}
}
@media only screen and (max-width:1400px) {
	.al-main .imgs{
		width: 56%;margin-top: 50px;
	}
	.al-main .text{
		width: 40%;height: auto;padding-bottom: 40px;
	}
	.al-main .text .bds h4{
		margin-top: 15px;margin-bottom: 15px;
	}
}
@media only screen and (max-width:1200px) {
	.al-main .imgs{
		width: 56%;margin-top:70px;
	}
	.al-main .text{
		width: 40%;height: auto;padding-bottom: 40px;
	}
	.al-main .text .bds h4{
		margin-top: 15px;margin-bottom: 15px;
	}
	.wap{
		width: 960px;
	}
	.wrap{
		width: 960px;
	}
	.marketing .m-hd .text{
		width: 430px !important;
	}
	.marketing .m-hd .imgs{
		width: 450px !important;margin: 0 !important;
	}
	.marketing .m-bd li{
		margin: 0 15px;
	}
	.h-main1 .ul li{
		width: 464px;height: 288px;
	}
	.h-main2 li{
		margin-right: 44px;
	}
	.case .bd ul {
    	padding: 50px 34px 35px;
	}
	.case .bd li{
		width: 472px;
	}
	.case .bd li img{
		height: 334px;
	}
	.a-imgs2 li{
		width: 236px;height: 157px;
	}
	.a-customer .imgs{
		width: auto;float: none;margin-top: 50px;
	}
	.a-customer .txt{
		float: none;width: auto;
	}
	.contact .form .wap{
		width: 960px;
	}
	.contact .form .float{
		width: 430px;margin-right: 20px;
	}
	.contact .form .txt{
		width: 400px;
	}
	.contact .form ul{
		padding: 0 40px;
	}
	.contact .form .text{
		width: 850px !important;font-size: 16px;
	}
	.contact .form .btn{
		width: 878px;
	}
	.contact .work li{
		margin: 0 15px;margin-bottom: 30px;
	}
	.contact .work ul{
		padding-bottom: 30px;
	}
	.contact .c-cta h5{
		font-size: 16px;line-height: 1.7;
	}
	.contact .c-cta h4{
		font-size: 20px;
	}
	.contact .form label{
		font-size: 20px;
	}
	.contact .form .txt{
		font-size: 16px;
	}
	.contact .form .sub{
		font-size: 20px;
	}
	.contact .work h3{
		font-size: 20px;
	}
	.contact .work h6{
		font-size: 16px;line-height: 1.7;
	}
	.footer .lt p{
		font-size: 16px;line-height: 1.7;
	}
	.footer .coop li,
	.footer .coop li a,
	.footer .rt .nav li a,
	.footer .rt .nav li{
		font-size: 15px;line-height: 1.7;
	}
	.footer .copyright{
		font-size: 16px;
	}
	.case .bd li h2{
		font-size: 18px;line-height: 1.7;
	}
	.case .bd li h4{
		font-size: 16px;line-height: 1.7;
	}
	.pages li a{
		font-size: 16px;
	}
	.title p{
		font-size: 16px;
	}
	.h-main2 li h4{
		font-size: 20px;
	}
	.h-main2 li dd{
		font-size: 16px;
	}
	.marketing .m-bd li h6{
		font-size: 16px;
	}
	.a-customer .txt p,
	.about .a-text p,
	.marketing .m-bd h4{
		font-size: 18px;line-height: 1.8;
	}
	.marketing .m-bd ul{
		margin-top: 60px;
	}
	.a-customer .txt h2,
	.about .a-text h2{
		font-size: 36px;
	}
	.a-customer .txt .span{
		width: 40px;margin: 0 auto 30px;
	}
	.a-customer .txt{
		text-align: center;
	}
	.a-customer .txt li{
		display: inline-block;float: none;
	}
	.x_m1 .u1 li{
		width: 230px;margin: 0 5px;
	}
	.x_m2 .xbds li{
		width: 470px;height: 270px;
	}
	.x_m1 .qbds li{
		width: 305px;margin-right: 20px;height: 220px;
	}
}

@media only screen and (max-width:1000px) {
	.wap{
		width: 750px;
	}
	.wrap{
		width: 750px;
	}
	html,
	body{
		width: 750px;overflow-x: hidden;
	}
	.marketing .m-hd .imgs,
	.marketing .m-hd .text{
		float: none !important;width: auto !important; 
	}
	.marketing .m-hd li{
		padding: 35px;
	}
	.marketing .m-hd p{
		font-size: 22px;line-height:28px;
	}
	.marketing .m-hd .wap{
		width: auto;
	}
	.marketing .m-hd .btn{
		font-size: 20px;
	}
	.marketing .m-hd .imgs{
		margin-top: 25px !important;text-align: center;padding-bottom: 15px;
	}
	.marketing .m-bd li{
		float: left;display: block;margin: 0;margin-bottom: 38px;width: 33.33%;text-align: center;
	}
	.marketing .m-bd .imgs{
		margin: 0 auto;
	}
	.marketing .m-bd h4{
		width: 550px;margin: 0 auto;font-size: 22px;line-height: 26px;
	}
	.marketing .m-bd ul{
		overflow: hidden;margin-bottom: 55px;
	}
	.marketing .m-bd li h5{
		font-size: 24px;
	}
	.marketing .m-bd li h6{
		font-size: 20px;
	}
	.footer{
		text-align: center;padding-top: 55px;
	}
	.footer .rt,
	.footer .lt{
		float: none;
	}
	.footer .lt p{
		font-size: 18px;line-height: 34px;
	}
	.footer .lt .logo{
		margin-bottom: 40px;
	}
	.footer .rt .nav ul{
		float: none;
	}
	.footer .coop li,
	.footer .rt .nav li{
		float: none;display: inline-block;
	}
	.footer .coop{
		margin-top: 10px;
	}
	.footer .coop li, .footer .coop li a, .footer .rt .nav li a, .footer .rt .nav li{
		font-size: 18px;
	}
	.footer .copyright{
	margin-top: 45px;line-height: 70px;margin-bottom: 0;
	}
	.slider{
		display: none;
	}
	.slider a{
		height: 500px;display: block;
	}
	.h-slider{
		display: block;
	}
	.title .p{
		display: none;
	}
	.title p.hp{
		display: block;
	}
	.title p{
		font-size: 22px;line-height: 30px;
	}
	.h-main1 .ul li{
		width: 680px;margin: 0;height: 422px;
	}
	.h-main1 .ul{
		width: 680px;margin: 0 auto;margin-top: 35px;
	}
	.h-main1 .hd{
		text-align: center;margin-top: 30px;display: block;
	}
	.h-main1 .hd ul{
		margin: 0;width: auto;
	}
	.h-main1 .hd li{
		width:15px ;height: 15px;border-radius: 50%;display: inline-block;margin: 0 6px;background: #cacaca;
	}
	.h-main1 .hd li.on{
		background: #fabf2b;
	}
	.h-main1{
		margin-bottom: 65px;
	}
	.h-main2 .title p{
		font-size: 22px;line-height:30px ;width: 610px;margin: 25px auto 0;
	}
	.h-main2 .title p br{
		display: none;
	}
	.h-main2{
		background-size: cover !important; height: auto;
	}
	.h-main2 ul{
		text-align: center;width: auto;
	}
	.h-main2 li{
		width:340px;float: none;margin: 0;display: inline-block;text-align: left;margin-bottom: 55px;
	}
	.h-main2 li table{
		width: 100%;
	}
	.h-main2 li dd{
		margin-left: 100px;background: url(../images/aico1.jpg) no-repeat left center;padding-left: 25px;
	}
	.h-main2 li.l2 dd {
    margin-left: 110px;
	}
	.h-main2 li.l3 dd {
    margin-left: 119px;
	}
	.h-main2 li.l4 dd {
    margin-left: 95px;
	}
	.h-main3{
		margin: 0 35px;margin-bottom: 60px;
	}
	.h-main3 .wap{
		width: auto;
	}
	.h-main3 table{
		display: none;
	}
	.h-main3 .htable{
		display: block;
	}
	.h-main3 table td{
		height: auto;width:226px;height: 120px;
	}
	.case .hd li{
		width: 320px;height: 76px;font-size: 26px;line-height: 76px;margin: 0 35px 35px 0;
	}
	.case .hd li:last-child{
		display: none;
	}
	.case .hd ul{
		margin-left: 35px;
	}
	.case .bd ul{
		padding-top: 20px;width: auto;
	}
	.case .bd{
		width: auto;
	}
	.case .bd li{
		float: none;width: 100%;
	}
	.case .bd li img{
		height: 483px;
	}
	.case .bd li h2{
		font-size: 26px;
	}
	.case .bd li h4{
		font-size: 20px;
	}
	.pages li{
		margin: 0 2px;
	}
	.pages li a{
		font-size: 24px;padding: 0 25px;line-height: 64px;border-radius: 6px;
	}
	.about .a-text{
		padding: 35px;width: auto;
	}
	.about .a-text h2{
		font-size: 30px;line-height: 80px;
	}
	.about .a-text p{
		font-size: 24px;line-height:30px ;
	}
	.a-imgs{
		display: none;
	}
	.h-imgs{
		display: block;height: 676px;
	}
	.a-imgs2.wap{
		margin: 0 35px;width: auto;
	}
	.a-imgs2 li{
		width: 337px;height: 224px;margin-bottom: 12px;
	}
	.a-imgs2 ul{
		padding: 60px 0;
	}
	.a-customer .txt{
		text-align: left;padding: 0 35px;
	}
	.a-customer .txt .span{
		margin: 0;margin-bottom: 20px;width: 20px;
	}
	.a-customer .txt p{
		font-size: 22px;line-height: 30px;
	}
	.a-customer .imgs{
		margin: 0 35px;
	}
	.a-customer .imgs li{
		width: 170px;height: 93px;
	}
	.a-customer .imgs ul{
		margin-top: 50px;
	}
	.contact .c-cta li{
		width: auto;float: none;margin-bottom: 20px;
	}
	.contact .c-cta h4{
		font-size: 26px;
	}
	.contact .c-cta h5{
		font-size: 22px;
	}
	.contact .c-cta ul{
		padding-bottom: 30px;
	}
	.contact .form .wap{
		width: auto;margin: 35px;
	}
	.contact .form{
		padding: 10px 0;
	}
	.c-title h2{
		margin-top: 30px;
	}
	.c-title p{
		font-size:20px ;
	}
	.contact .form .float{
		float: none;width: auto;
	}
	.contact .form ul{
		padding: 0 45px;
	}
	.contact .form .txt{
		width: 558px;
	}
	.contact .form .text{
		width: 558px !important;
	}
	.contact .form .btn{
		width: auto;margin-bottom: 60px;
	}
	.contact .form .sub{
		float: none;
	}
	.contact .work ul{
		width: auto;margin: 0 35px;
	}
	.contact .work li{
		display: block;width: 100%;margin: 0;text-align: left;margin-bottom: 30px;
	}
	.contact .work .imgs{
		height: 399px;margin: 0;
	}
	.contact .work h3{
		font-size: 24px;line-height: 1.7;margin-top: 8px;margin-left: 15px;
	}
	.contact .work h6{
		line-height: 1.5;font-size: 18px;margin-left: 15px;
	}
	.contact .work h6 br{
		display: none;
	}
	
	.header{
		position: fixed;height: 103px;left: 0;right: 0;top: 0;z-index: 999;
	}
	#gh{
		display: block;right:35px ;left: auto;margin: 0;top: 39px;
	}
	#gh a{
		background: #fdb700;
	}
	.header .logo{
		float: none;padding-top: 25px;height:78px ;padding-left: 35px;background: #FFFFFF;margin: 0;
	}
	.header .naver{
		float: none;border-top: 1px solid #b3b3b3;
	}
	.header .naver li{
		float: none;margin: 0;
	}
	.header .naver li a{
		padding: 0;line-height: 102px;font-size: 30px;text-align: center;display: block;border-bottom: 1px solid #e0e0e0;
	}
	.header .naver li:nth-child(5) a{
		border: none;
	}
	.header .naver{
		padding-bottom: 60px;background: #FFFFFF;display: none;
	}
	.h103{
		height: 103px;
	}
	.nav_line{
		display: none;
	}
	.al-main{
		background: #eeeeee;padding: 0;
	}
	.al-main .imgs{
		width: auto;float: none; background-color:#fabf2b;padding:40px 0 70px;margin: 0;
	}
	.al-main .wap{
		width: auto;max-width: initial;
	}
	.al-main .text{
		width: auto;height: auto;padding-bottom: 40px;float: none;position: relative;z-index: 111;margin: -42px 45px 0;border-radius: 4px;box-shadow: 0 0 4px 1px rgba(240,240,240,0.8);
	}
	.al-main .text .bds .gw{
		display: none;
	}
	.al-main .text .hds h2{
		font-size: 28px;
	}
	.al-main .text .hds h6{
		font-size: 20px;
	}
	.al-main .text .bds h4{
		font-size: 20px;
	}
	.al-main .text .bds p{
		font-size: 18px;
	}
	.al-imgs h2{
		display: none;
	}
	.al-imgs .wap{
		width: auto;margin: 0 45px;
	}
	.al-imgs img{
		margin-bottom: 25px;
	}
	.al-imgs{
		padding-top: 85px;
	}
	.al-imgs h6{
		display: block;text-align: center;font-size:18px;color: #9c9c9c;margin-top: 40px;line-height: 50px;
	}
	.al-imgs{
		padding-bottom: 10px;
	}
	.al-imgs .btn{
	width: 225px;text-align: center;height: 60px;border-radius: 30px;line-height: 60px;font-size:20px;color: #333333;padding-top: 0;background: #fabf2b;margin-top: 40px;
	}
.al-imgs .btn span{
	padding-left: 45px;font-size:20px;color: #333333;padding-top: 0;background: url(../images/al8.png) no-repeat left center;
	}
	.al-main .bd .btn{
		display: block;background: url(../images/al9.png) no-repeat center;width: 380px;height: 150px;position: absolute;bottom: -75px;left: 0;right: 0;margin: 0 auto;
	}
	.al-main .bd .btn a{
		width: 225px;height:60px;border-radius: 30px;display: block;text-align: center;margin: 45px auto 0;
	}
	.al-main .bd .btn a span{
		padding-left: 45px;font-size:20px;color: #333333;line-height: 60px;
	}
	.al-main .wap,
	.al-main .text{
		overflow: initial;
	}
	.al-main .text{
		padding-bottom: 75px;
	}
	#slider3 .tempWrap ul,
	#slider3 .tempWrap{
		overflow: visible !important;
	}
	.al-main .imgs{
		padding: 46px 30px 160px 30px; background-position:center 30px; background-size:92%;
	}
	.al-main .hd{
		position: absolute;left: 0;right: 0;top: 438px;z-index: 11;margin: 0;
	}
	#slider3{
		position: relative;
	}
	.al-main li{
		overflow: visible;
	}
	
	.header .region{
		display: none;
	}
	
	.list-wrap ul {
    	width: auto;
	}
	.list-wrap li{
		float: none;width: auto;margin-right: 0;
	}
	.list-wrap.i-wrap{
		padding: 0 30px;
	}
	.list-wrap .cont-box .stit{
		font-size: 24px;line-height: 1.6;
	}
	.list-wrap .cont-box .lab-font{
		font-size: 20px;line-height: 1.6;
	}
	.list-wrap .cont-box .bot-link{
		line-height: 46px;
	}
	.list-wrap .cont-box .link-detail{
		font-size: 20px;
	}
	.list-wrap .cont-box .point{
		height: 46px;
	}
	.x_banner .txt{
		left: 30px;
	}
	.x_banner .txt h2{
		font-size: 40px;line-height: 60px;
	}
	.x_banner .txt .btn{
		margin-top: 30px;width:220px ;height: 60px;font-size: 22px;line-height: 60px;
	}
	.x_m2,
	.x_m1{
		padding: 40px 0 50px;
	}
	.x_m1 .u1 li{
		float: none;width: auto;margin: 0 20px 30px;border: 2px solid #fdecbf;padding: 0 20px 30px;
	}
	.x_m1 .u1 li table{
		width: auto;margin: 0 auto;
	}
	.x_m1 .u1 li h3{
		font-size: 32px;line-break: 2.4;
	}
	.x_m1 .u1 li p{
		font-size: 24px;line-height: 1.7;width: auto;overflow: hidden;margin: 0 auto;
	}
	.x_m2 .xbds li table{
		opacity: 0;
	}
	.x_hds{
		text-align: center;
	}
	.x_m2 .xbds li .txt{
		background: rgba(244,200,9,0.9);opacity: 1;box-sizing: border-box;top: 0;
	}
	.x_m2 .xbds ul{
		width: auto;
	}
	.x_m2 .xbds li .txt h4{
		font-size: 32px;line-height: 2;
	}
	.x_m2 .xbds li:nth-child(3), .x_m2 .xbds li:nth-child(4){
		margin-bottom: 30px;
	}
	.x_m2 .xbds li .txt p{
		font-size: 24px;line-height: 1.7;padding: 0;margin: 0;
	}
	.x_hds p{
		font-size: 24px;line-height: 2;
	}
	.x_hds span{
		margin: 22px auto 0;
	}
	.x_m2 .xbds li{
		float: none;margin: 0 20px 30px;width: auto;height: 300px;
	}
	.x_m1 .qbds ul{
		width: auto;
	}
	.x_m1 .qbds li{
		margin: 0 20px 30px;float: none;width: auto;height: auto;
	}
	.x_m1 .qbds li:last-child{
		margin-right: 0;
	}
	.h-main2 li dd{
		padding: 0;margin: 0;font-size: 20px;line-height: 1.7;
	}
	.h-main2 li.l3 dd,
	.h-main2 li.l4 dd,
	.h-main2 li.l2 dd{
		margin: 0;
	}
	.h-main2 li table img{
		width: 68px;
	}
	.h-main2 li h4{
		font-size: 26px;line-height: 2;
	}
	.h-main2 li{
		height: 335px;margin-bottom: 25px;
	}
	.h-main1 .q_mode li{
		margin-left: 13px;margin-bottom: 10px;margin-right: 0;
	}
	.h-main1 .q_mode li:nth-child(4), .h-main1 .q_mode li:nth-child(5), .h-main1 .q_mode li:nth-child(6){
		margin-left: 13px;margin-bottom: 10px;margin-right: 0;
	}
	.h-main1 .q_mode li h3{
		font-size: 24px;line-height: 3;height: auto;
	}
	.x_m2 .xtable{
		display: none;
	}
	.h-main3 table{
		border: none;
	}
	.x_m2 .htable{
		border: none;
	}
	.x_m2 .htable{
		display: block;margin: 35px 35px 0;
	}
	.htable tr th, .htable tr td {
   		border: 1px solid #e7e7e7;
	}
	.htable td {
	    height: auto;
	    width: 226px;
	    height: 120px;
	}
	.htable td img {
	    width: 100%;
	    height: 100%;
	    display: block;
	}
	.x_banner .txt p{
		font-size: 22px;line-height: 2;
	}
	.container{
		position: absolute;left: 0;right: 0;top: 107px;
		background: rgba(0,0,0,0.8);
	}
	.nav-list{
		float: none;
	}
	.nav-list>li{
		float: none;padding: 0;
	}
	.nav-list>li>a{
		line-height: 90px;font-size: 32px;color: #fff;text-align: left;padding: 0 30px;position: relative;display: block;
	}
	#nav .logo{
		float: none;margin: 0;padding-top: 30px;
	}
	.pull-down .list>li{
		float: none;margin: 0;padding: 0;
		display: block;
	}
	.pull-down .list>li a:nth-of-type(1){
		font-size: 28px;line-height: 70px;color: #fff;padding: 0 50px;
	}
	.pull-down .list{
		padding: 0;
	}
	.pull-down{
		background: none;position: static;box-shadow: none;
	}
	.pull-down .list>li a:nth-of-type(3),
	.pull-down .list>li a:nth-of-type(2){
		display: none;
	}
	.pull-down .info{
		display: none;
	}
	.caret{
		transform: scale(3);position: absolute;right: 30px;top: 60px;
		width: 20px;height: 20px;
	}
	.caret:before{
		top: 0;
	}
	.caret:after{
		display: none;
	}
	.container{
		display: none;
	}
	.pull-down .list>:hover{
		background:none !important;
		border-radius:0;
		padding:0;
	}
	.to-login a.active,
	.to-login a:hover {
		background: none;
	}
}