@charset "utf-8";
/* CSS Document */
body{background:url(../images/customerBg.png) top center; font-family:'微软雅黑';}
*{padding: 0;margin: 0;}
a{text-decoration:none}
li{list-style:none}
.icon-bar-list{ display:none}
.container{width: 1200px;margin: 0 auto;}
/*=====================header====================*/
header{height:98px;}
header .logo{float:left;margin-top:17px;}
header .logo img{height:64px;}

/*nav*/
nav{float:right; margin-top:17px;}
nav a{float:left; width:156px; height:64px; margin-left:-26px; background:url(../images/navbg.png);color:#fff;line-height: 64px; text-align: center; font-size:20px;}
nav a:hover{color:#ff0000;}

/*header*/
header .select{color:#ff0000;}
header .register{float:right;margin-left: 5px; margin-top: 33px;}
header .register a{float:right; margin-left:5px; width:60px; line-height:32px; height:32px; background:#fff; border-radius:5px;color:#ff0000; text-align:center; font-size:20px;}
line{background:url(../images/line.png) no-repeat center;background-size:100%; height: 32px; width: 100%; position: absolute; left: 0px;}


/*=====================section====================*/
section{margin-top: 110px;}
.swTitle{height: 110px; width: 100%; margin: 50px auto; text-align: center; background: url(../images/swBg.png) center no-repeat; line-height: 138px; font-size: 48px;color:#fff;}
.swTitle span{background: linear-gradient(to bottom, #1fd7ed, #b4ffff); -webkit-background-clip: text; color: transparent;}
.wechat{margin:0 auto; text-align:center}
.wechat .wechat_text img{ width:60%; text-align:center; margin:0 auto}
.wechat img{width:100%;}
.toTop{ text-align:center;}
.toTop img{width: 80%;margin: -300px auto 0px;}


/*=====================footer====================*/
footer{height:200px; background:#00071a; width:100%; color:#fff; line-height:40px; display:inline-table}
footer .footer{width:1200px; margin:0 auto; text-align:center;}
.footer-left{float:left; width:30%; margin-top: 31px;}
.footer-left span{margin: 0 20px;}
.footer-right{float:left; width:70%; margin-top: 40px;}
.footer-right p a{color:#fff; padding:20px;}
.footer-right p a:hover{color:#ff0000;}

@media screen and (min-width:640px) and (max-width:1024px){
		 @charset "utf-8";
		/* CSS Document */
		html,body{overflow:hidden;overflow-y:auto;}
		body{background:url(../images/customerBg.png) top center; font-family:'微软雅黑';}
		*{padding: 0;margin: 0;}
		a{text-decoration:none}
		li{list-style:none}
		.icon-bar-list,icon-bar{display:none}
		.container{width: 769px;margin: 0 auto;}
		/*header*/
		header{height:78px; overflow:hidden;width:100%}
		header .logo{float:left;margin-top:15px; margin-left:10px;}
		header .logo img{height:54px;}
		nav{float:right; margin-top:25px;}
		nav a{float: left; width: 90px; height: 38px; margin-left: -15px; background: url(../images/navbg.png); background-repeat: no-repeat; background-size: 90px; color: #fff; line-height: 38px; text-align: center; font-size: 15px;}
		nav a:hover{color:#ff0000;}
		header .register{float:right;margin-left: 5px; margin-top: 28px; margin-right:10px;}
		header .register a{float:right; margin-left:5px; width:50px; line-height:32px; height:32px; background:#fff; border-radius:5px;color:#ff0000; text-align:center; font-size:16px;}
		line{background:url(../images/line.png) no-repeat top center;background-size:100%; height: 20px; width: 100%; position: absolute; left: 0px;}
		.toTop img{width: 80%;margin: -200px auto 0px;}
		section{margin-top: 110px;}
		.wechat{margin:0 auto 150px; text-align:center}
		.wechat .wechat_text img{ width:80%; text-align:center; margin:0 auto}
		footer{height:180px; background:#00071a; width:100%; color:#fff; line-height:20px;font-size: 12px;    position: fixed;
			bottom: 0px;}
		footer .footer{width:100%; margin:0 auto; text-align:center;}
		.footer-left{float:left; width:100%; margin-top: 10px;}
		.footer-left span img{width:60px;}
		.footer-left span{margin: 0 20px;}
		.footer-right{float:left; width:100%;margin-top: 10px;}
		.footer-right p{margin-top:5px; line-height:18px;}
		.footer-right p a{color:#fff;padding: 2px;}
		.footer-right p a:hover{color:#ff0000;}
}
@media screen and (max-width:640px){
		 @charset "utf-8";
		/* CSS Document */
		html,body{overflow:hidden;overflow-y:auto;}
		body{background:url(../images/customoerMbg.png) top center;background-size:100%; font-family:'微软雅黑';}
		nav ,.register{display: none;}.slide .img3{width: 80%;height: 80%;top: 0;left: 10%;z-index: 3;}
		.icon-bar{background:url(../images/nav.png) top center no-repeat;float: right;width: 50px; height: 45px;margin-top: 20px;background-size: 50%;}
		.icon-bar-list{width: 100%; background: #000; z-index: 9999; position: absolute; left: 0; top: 64px; padding-bottom: 10px;}
		.icon-bar-list li{width: 100%; height: 35px; line-height: 35px; color: #fff; border-bottom: 1px solid #fff; float: left; padding-left: 10px;}
		.icon-bar-list li a{color:#fff;float: left;width: 100%;}
		.container{width: 100%;margin: 0 auto; overflow:hidden}
		/*header*/
		header{height:56px;}
		header .logo{float:left;margin-top:10px;}
		header .logo img{height:40px; margin-left:10px;}
		line{background:url(../images/line.png) no-repeat center; background-size:100%; height: 15px; width: 100%; position: absolute; left: 0px;}
		/*section*/
		section{margin-top: 0px;}
		.wechat .wechat_text img{ width:80%; text-align:center; margin:0 auto}
		.swTitle{height: 110px; width: 100%; margin: 0 auto; text-align: center; background: url(../images/swBg.png) center;background-repeat:no-repeat;background-size:100%; line-height: 123px; font-size: 18px;color:#fff;    display: inline-block;}
		.swTitle span{background: linear-gradient(to bottom, #1fd7ed, #b4ffff); -webkit-background-clip: text; color: transparent;}
		.pcTitle{ text-align:center}
		.toTop img{width: 80%;margin: -100px auto 0px;}
		
		
		footer{min-height:170px; background:#00071a; width:100%; color:#fff; line-height:20px;font-size: 12px;}
		footer .footer{width:100%; margin:0 auto; text-align:center;}
		.footer-left{float:left; width:100%; margin-top: 10px;}
		.footer-left span img{width:60px;}
		.footer-left span{margin: 0 20px;}
		.footer-right{float:left; width:100%;margin-top: 10px;}
		.footer-right p{margin-top:5px; line-height:20px}
		.footer-right p a{color:#fff;padding: 2px;}
		.footer-right p a:hover{color:#ff0000;}
}