@charset "utf-8";
/* Public CSS */
html, body, fieldset, img, iframe, abbr { border: 0; }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; font-weight: normal !important; }
a, a:hover { color: #314d82; text-decoration: none; cursor: pointer;}
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold; }
@font-face { font-family: home; src: url(home.ttf); }
*{ font-family: 'Microsoft YaHei', arial; font-size: 14px/1.4; color: #333; outline: 0; margin: 0; padding: 0;}
body { background-size: cover;width: 100%;}
ul { list-style-type: none }
.clear:after { clear:both; content:' '; display:block;}

/*top*/
.top{width: 100%; height: 70px; background-color: white;margin-bottom: 20px;position: absolute;z-index: 10;}

.nr_div{width: 980px; margin: 0 auto; height: 100%;}

.logo{width: 170px; height: 70px;float: left;background: url(../img/logo.png) no-repeat center;}

.nav_ul{float: left; margin-left: 30px;height: 70px; line-height: 70px ;}
.nav_ul li{float: left;  margin-left: 70px;}
.nav_ul li a{color: #222222;}

/*二维码*/
.code{width: 181px; height: 184px; background-color: white; text-align: center; padding-top: 20px;position: absolute;z-index: 10;top: -200px;}
.code img{width: 140px; height: 140px;}

/*content*/
.section1{
	background: url(../img/background.jpg) no-repeat;
	padding-top: 100px;
	background-size:cover;
}
.section2{
	background:url(../img/s4bg.jpg) no-repeat;
	padding-top:100px;
	background-color:#EA8D39;
	background-size:cover;
}
.section3{
	background:url(../img/s3bg.jpg) no-repeat;
	padding-top:200px;
	background-size:cover;
}
.content{width: 980px; margin: 0 auto;}

/*canvas*/
.canvas{transform: scaleY(0);transition: all .5s 0.8s; }
.canvas2{transform: scaleY(1)}

.cvs{transform: scaleY(0);transition: all .5s 0.8s; }
.cvs2{transform: scaleY(1)}


.fir_h1{color: white; font-size: 50px;transform: scale(0.2) rotate(0deg);transition: all .5s 0.1s;opacity: 0; margin-top: 204px;}
.fir_h1anmt{transform: scale(1) rotate(360deg);opacity: 1;}

.con_p{
	color: #fff;
	line-height: 30px;
	/*text-shadow: 0px 0px 3px rgba(0,0,0,0.8);*/
	position: relative;
	bottom:-50px;
	transition: all .5s .5s;
	opacity: 0;
}
.con_panmt{bottom: 0px;opacity: 1;}

/*two*/
.fir_h12{color: white; font-size: 50px;transform: scale(0.2);transition: all 1s 0.1s;opacity: 0;}
.fir_h1anmt2{transform: scale(1);opacity: 1;}

.con_p2{ color: white; line-height: 30px; text-shadow: 3px 3px 3px rgba(0,0,0,0.8);position: relative;bottom:-50px;transition: all 1.5s .5s;opacity: 0;margin-top: 20px;}
.con_panmt2{bottom: 0px;opacity: 1;}


/*three*/
.next_h1{color: white; font-size: 30px; text-shadow: 4px 4px 4px black; margin-bottom: 30px;}
.customer-box {width: 100%;}
.customer-box ul{width: 100%;}
.customer-box ul li{float: left;margin-left: 23px;margin-top: 20px; background-color: rgba(255,255,255,0.6);border-radius: 4px; overflow: hidden;}
.customer-box ul li:hover{animation: gelatine 0.5s 1;-webkit-animation: gelatine 0.5s 1;}
.customer-box ul li img{width: 172px; height: 172px;}
a.botton{display: inline-block; padding: 10px 35px; background-color: #ea8d39;margin-top: 40px; color: white; border-radius: 4px; cursor: pointer;}
a.botton:hover{animation: gelatine 0.5s 1;-webkit-animation: gelatine 0.5s 1;}

.twocode{ width:500px; height:400px; position:absolute; top:50%; left:50%; margin-top:-200px; margin-left:-250px; z-index: 101; display: none;}
.codebar{ width:290px; height:270px; background-color:#fff; border:1px solid #e0e0e0; margin:0 auto; border-radius:4px; text-align:center; padding-top:20px; margin-bottom:20px;position: relative;}
.twocode h1{ text-align:center; font-size:120%; color:#333; font-weight:normal; margin-top:10px; line-height:180%;}
.twocode p{color: white;}


@-webkit-keyframes gelatine{
	0%, 100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
}
50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
}
75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
}
}
@keyframes gelatine{
	0%, 100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
}
50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
}
75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
}
}

.icp{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 2%;
	color: white;
}
.icp a{color: white; vertical-align: middle;}

.icp div{
	color: #fff;
	display: inline-block;
}

.party p{
	width: 20px;
    height: 20px;
    background-size: cover;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
}
.party1 p{
	background-image: url('../img/party.png');	
}
.party2 p{
	background-image: url('../img/ghs.png')
}


/*设备低于1500的样式*/
@media only screen and (max-width:1500px) {
	
	.section3{padding-top:100px;}
	
	.fir_h1,.fir_h12{font-size: 20px;}
	
	#canvas{height: 42px;}
	#cvs{height: 42px;}
	
	.next_h1{font-size: 22px;}
	.customer-box ul li img{width: 122px; height: 122px;}
	.customer-box ul li{margin-left: 63px;margin-top: 20px;}
}


/*这屏罩*/
.ZPZ{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8);z-index: 100; display: none;}