.wrap{ width:1200px; margin:0 auto; overflow:hidden;}


.header{ height:100px; line-height:100px; position:fixed; top:0; z-index:10; width:100%; background-color:transparent; transition: background 1s;}
.scrolledDown{
   background:url(../images/bg.jpg) no-repeat top center;
}
.header .logo{ float:left; margin-right:20px;}
.header .logo img{ width:150px; margin-top:25px;}
.header .nav{ float:left;}
.header .nav a{ float:left; color:#fff; font-size:18px; margin-left:40px;
	transition: .2s;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: 0s;}
.header .nav a:hover {
    transform: scale(1.2);}
.header .nav a img{ position:relative; top:40px; margin-right:5px;}
.header .log{ float:right;}
.header .log a{ display:block; float:left; margin-top:30px; margin-left:10px;}
.header .logon{ background-color:#fef815; height:38px; line-height:38px; text-align:center; width:105px; border:1px #fef815 solid; border-radius:40px; color:#333;}
.header .reg{ background-color:transparent; height:38px; line-height:38px; text-align:center; width:105px; border:1px #fef815 solid; border-radius:40px; color:#fef815;}


.contrainer{ background:url(../images/bg.jpg) #01cafe no-repeat top center; overflow:hidden;}
.contrainer2{ background-color:#fff; overflow:hidden;}



.footer{ background-color:#313131; padding:60px 0; overflow:hidden; color:#fff;}
.footer ul li{ float:left;}
.footer .li1{ width:35%;}
.footer .li2{ width:25%;}
.footer .li3{ width:20%;}
.footer .li4{ width:20%; text-align:right;}
.footer ul li div{ margin-bottom:20px;}
.footer ul li p{ line-height:30px;}
.footer ul li p img{ margin-right:10px; position:relative; top:-3px;}
.footer .tel{ font-size:18px; margin-bottom:15px;}
.footer .qq{ font-size:18px;}

.copyright{ background-color:#313131; text-align:center; color:#fff; line-height:25px; padding:10px 0; border:1px #54608e solid;}
.copyright a{ margin-left:10px; color:#f08405;}

.login{ padding:130px 0 0 0; overflow:hidden;}
.login .title{ font-size:36px; color:#fff; text-align:center;}
.login .title span{ float:right; font-size:18px; margin-top:10px;}

.login .wjmm{ font-size:36px; color:#fff; text-align:center;}
.login .wjmm span {
    float: right;
    font-size: 18px;
    margin-top: -80px;
    margin-right: 410px;
}
.login .wjmm span a{ color:#fff; text-decoration:underline;}
.login .title span a{ color:#fff; text-decoration:underline;}
.login .con{ width:650px; margin:30px auto;}
.login .con input{ height:65px; line-height:65px; width:540px; border-radius:65px; border:1px #fff solid; margin-bottom:30px; text-indent:70px; font-size:18px;}
.login .con input.active{ border:1px #F00 solid;
	-moz-box-shadow:5px 5px 5px #ffdada inset;               /* For Firefox3.6+ */
	-webkit-box-shadow:5px 5px 5px #ffdada inset;            /* For Chrome5+, Safari5+ */
	box-shadow:5px 5px 5px #ffdada inset;                    /* For Latest Opera */
}
.login .username{ background:url(../images/regisiter-ico-1.png) #fff no-repeat center left 30px;}
.login .pwd{ background:url(../images/regisiter-ico-2.png) #fff no-repeat center left 30px;}
.login .qq2{ background:url(../images/regisiter-ico-3.png) #fff no-repeat center left 30px;}
.login .email{ background:url(../images/regisiter-ico-4.png) #fff no-repeat center left 30px;}
.login .code{ background:url(../images/regisiter-ico-5.png) #fff no-repeat center left 30px;}
.login .tel{ background:url(../images/bottom-ico-1.png) #fff no-repeat center left 30px;}
/*.login .con button{ background-color:#ffc107; color:#fff; height:65px; line-height:60px; width:540px; border-radius:65px; border:0; margin-bottom:100px; margin-top:40px; font-size:30px; box-shadow:5px 5px 15px #01a2cc; border:1px #ffc107 solid;
	transition: .3s;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;}
.login .con button:hover{ opacity:1; border:1px #fff solid;}*/

.codebutt{        background-color: #0098ff;
    color: #fff;
    height: 67px;
    line-height: 30px;
    width: 200px;
    border-radius: 65px;
    border: 0;
    margin-top: -50px;
    font-size: 30px;
    box-shadow: 5px 5px 15px #01a2cc;
    border: 1px #ffc107 solid;
    margin-left: -205px;}

.buttoncss{ background-color:#ffc107; color:#fff; height:65px; line-height:60px; width:540px; border-radius:65px; border:0; margin-bottom:100px; margin-top:40px; font-size:30px; box-shadow:5px 5px 15px #01a2cc; border:1px #ffc107 solid;
	transition: .3s;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;}
	
buttoncss:hover{ opacity:1; border:1px #fff solid;}


.login .error{ position:absolute; z-index:5; margin-left:-250px; font-size:18px; margin-top:20px;}
.map{ background:url(../images/map.jpg) no-repeat center center; height:640px; margin-top:100px;}
.list{ background-color:#f7f8fb; overflow:hidden; padding:60px 0;}
.list ul li{ width:32%; float:left; margin-right:2%; text-align:center; color:#666; line-height:25px;}
.list ul li:last-child{ margin-right:0;}
.list ul li img{ margin-bottom:15px;}
.list ul li font{ font-size:18px;}
.maptip{ width:300px; height:230px; border-radius:7px; background-color:#fff; margin-top:270px; float:right; padding:25px 40px; box-shadow:5px 5px 10px #666; color:#666;}
.maptip i{ position:absolute; z-index:5; margin-left:-70px;}
.maptip div img{ float:left; width:100px; margin-right:10px;}
.mt20{ margin-top:20px;}

.state{ padding:150px 0 30px 0; overflow:hidden;}
.state .con{ margin:0 70px; background-color:rgba(255,255,255,.7); padding:50px; border-radius:20px; font-size:16px; line-height:30px; color:#333;}
.state .title{ text-align:center; font-size:30px; color:#fef815; margin-bottom:10px;}
.state .sub{ text-align:center; font-size:24px; color:#fff; margin-bottom:30px;}
.state i{ position:absolute; z-index:5; margin-top:-180px;}

.login .sub{ color:#fef815; font-size:24px; text-align:center; width:540px; margin:0 auto 30px auto; margin-left:-30px;}
.login #canvas{ position:absolute; z-index:5; margin-left:-150px; margin-top:11px;}


/*.search .wrap{ padding:100px 200px 100px 200px; overflow:hidden;}*/

.search .wrap{ padding:100px 180px 100px 180px; overflow:hidden;}
.search i{ margin-left:305.5px;}
.search .searchinput input{ height:65px; line-height:65px; text-indent:40px; width:100%; border-radius:65px; background-color:#fff; border:1px #fff solid; font-size:18px; box-shadow:5px 5px 15px #01a2cc;}
.search .searchinput button{ width:120px; height:50px; line-height:50px; text-align:center; border-radius:50px; border:0; position:absolute; z-index:5; margin-left:-130px; margin-top:7.5px; font-size:30px; font-weight:bold; color:#fff;
        background: -webkit-linear-gradient(left,#02ebca,#12f7ea);
        background: -o-linear-gradient(left,#02ebca,#12f7ea);  
        background: -moz-linear-gradient(left,#02ebca,#12f7ea); 
        background: -mos-linear-gradient(left,#02ebca,#12f7ea); 
	    background: linear-gradient(left,#02ebca,#12f7ea);
	transition: .2s;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: 0s;}
.search .searchinput button:hover{
        background: -webkit-linear-gradient(right,#02ebca,#12f7ea);
        background: -o-linear-gradient(right,#02ebca,#12f7ea);  
        background: -moz-linear-gradient(right,#02ebca,#12f7ea); 
        background: -mos-linear-gradient(right,#02ebca,#12f7ea); 
	    background: linear-gradient(right,#02ebca,#12f7ea);}
		
.search .tip{ padding:20px 0; line-height:30px;}
.search ul li{ overflow:hidden; border-radius:15px; background-color:#fff; box-shadow:5px 5px 15px #01a2cc; color:#666; margin-bottom:30px;}
.search ul li p{ overflow:hidden; margin:0 40px;}
.search p.desc{ background-color:#f7f8fb; padding:10px 40px; margin:0; line-height:25px;}
.search p.p1{ line-height:60px; height:60px; border-bottom:1px #eee solid; margin:0 40px;}
.search p.p1 img{ position:relative; top:21px; margin-right:10px;}
.search p.p2{ line-height:30px; margin:10px 0; padding:0 40px;}
.search p.p2 span{ margin-right:10px;}
.search p.p3{ line-height:30px; margin:10px 0; padding:0 40px;}
.search p.p3 font{ font-size:18px;}

.txtred{ color:#F00;}
.txtblue{ color:#00c4ff;}
.txtblack{ color:#000;}
.txtyellow{ color:#fef815;}
.txtwhite{ color:#fff;}
.txtgray{ color:#999;}

.bgindex{ height:100%;}
.index{ background-size:100%; height:100%;}
.index i{ position:absolute; z-index:5; bottom:30px; left:50%; margin-left:-58.5px;}

.floatimg {
    position: absolute;
    top: 25%;
    right: 20px;
    width: 1250px;
    height: 560px;
	background:url(../images/banner-phone.png) no-repeat;
    animation: myfirst 2.2s linear 0s infinite alternate;
    -webkit-animation: myfirst 0.8s linear 0s infinite alternate;
	left:50%;
	margin-left:-625px;
}
@keyframes myfirst{
0% {
    top: 25%;
}
100% {
    top: 24%;
}
}

.pop{ position:fixed; z-index:6; top:40%; right:5%;}
.pop a{ width:60px; height:60px; line-height:60px; text-align:center; background-color:#7f7f7f; display:block; margin-bottom:2px; float:right;}
.pop a>img{ float:right; margin-top:14px; margin-right:14px;}
.pop a.top{ background-color:#7fdbff;}
.pop a.showqq{ color:#fff; font-size:18px;
	transition: .2s;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: 0s;	
	}
.pop a.showqq font{ display:none;}	
.pop a.showqq:hover{ opacity:1; width:220px;
        background: -webkit-linear-gradient(left,#0098ff,#00d0ff);
        background: -o-linear-gradient(left,#0098ff,#00d0ff);  
        background: -moz-linear-gradient(left,#0098ff,#00d0ff); 
        background: -mos-linear-gradient(left,#0098ff,#00d0ff);
	    background: linear-gradient(left,#0098ff,#00d0ff);
}
.pop a.showqq:hover font{ display:block; float:left; color:#fff; font-size:18px; margin-left:30px;}	


.pop a.showtel{ 
	transition: .2s;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: 0s;	
	}
.pop a.showtel font{ display:none;}	
.pop a.showtel:hover{ opacity:1; width:220px; 
        background: -webkit-linear-gradient(left,#0098ff,#00d0ff);
        background: -o-linear-gradient(left,#0098ff,#00d0ff);  
        background: -moz-linear-gradient(left,#0098ff,#00d0ff); 
        background: -mos-linear-gradient(left,#0098ff,#00d0ff);
	    background: linear-gradient(left,#0098ff,#00d0ff);
}
.pop a.showtel:hover font{ display:block; float:left; color:#fff; font-size:18px; margin-left:30px;}


.pop a.showwx{ 
	transition: .2s;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: 0s;	
	}
.pop a.showwx span{ display:none;}	
.pop a.showwx:hover{ opacity:1; width:220px; height:100px;
        background: -webkit-linear-gradient(left,#0098ff,#00d0ff);
        background: -o-linear-gradient(left,#0098ff,#00d0ff);  
        background: -moz-linear-gradient(left,#0098ff,#00d0ff); 
        background: -mos-linear-gradient(left,#0098ff,#00d0ff);
	    background: linear-gradient(left,#0098ff,#00d0ff);
}
.pop a.showwx:hover span{ display:block; float:left; color:#fff; line-height:30px; margin-left:10px; margin-top:10px;}
.pop a.showwx:hover span img{ width:80px; float:left; margin-right:10px;}
.pop a.showwx:hover span font{ float:left; margin-top:10px;}
.pop a.showwx:hover>img{ opacity:0;}	

.slide1{ padding:50px 0;}
.slide1 .title{ font-size:36px; text-align:center;}
.slide1 ul{ overflow:hidden; padding-top:50px;}
.slide1 ul li{ width:20%; float:left; text-align:center; color:#999; font-size:16px; line-height:25px; margin-bottom:50px;}
.slide1 ul li img{ display:block; position:relative; left:50%; margin-left:-60px;
	transition: .2s;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: 0s;	
}
.slide1 ul li img:hover{ transform: scale(1.2);}
.slide1 ul li span{ display:block; margin:20px 0; font-size:24px; color:#333;}
.slide1 a{ display:block; position:relative; left:50%; margin-left:-120px; width:240px; text-align:center; height:60px; line-height:60px; border-radius:60px; color:#fff; background-color:#00b6ff; font-size:24px;
	transition: .2s;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: 0s;	
}
.slide1 a:hover{}

.slide2{ background:url(../images/about.jpg) no-repeat center center; height:616px; text-align:center; color:#fff;}
.slide2 .title{ font-size:36px; margin-top:70px;}	
.slide2 .sub{ font-size:24px; margin:15px 0;}
.slide2 .desc{ font-size:16px; line-height:25px;}
.slide2 ul{ position:absolute; z-index:6; width:1170px; margin-top:70px; margin-left:15px; box-shadow:5px 5px 25px #999;}
.slide2 ul li{ width:390px; float:left; height:346px; text-align:center; font-size:16px;}
.slide2 ul li img{ display:block; position:relative; left:50%; margin-left:-50px; margin-top:70px;
	transition: .2s;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: 0s;	
}
.slide2 ul li img:hover{ transform: scale(1.2);}
.slide2 ul li p{ display:block; font-size:24px; margin:20px 0;}



.bgorange{ background-color:#ffa503;}
.bggreen{ background-color:#04e6eb;}
.bgblue{ background-color:#00b7ff;}

.slide3 .wrap>a{ display:block; position:relative; left:50%; margin-left:-120px; width:240px; text-align:center; height:60px; line-height:60px; border-radius:60px; color:#fff; background-color:#00b6ff; font-size:24px; margin-top:100px;
	transition: .2s;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: 0s;	
}
.slide3 .wrap>a:hover{}


.slide3{ padding:50px 0 100px 0;}
.slide3 .title{ font-size:36px; margin-top:70px; text-align:center;}
.logolist{ margin-top:50px; width:900px; margin-left:150px;}
.logolist a{ display:block; width:30%; float:left; margin-right:5%; text-align:center; height:120px; line-height:120px; border:1px #999 solid; border-radius:10px; margin-bottom:30px;
	transition: .2s;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: 0s;	
}

.logolist a:hover{ border:0; box-shadow:0 0 25px #a4e4fc;}
	
.logolist a:nth-child(3n){ margin-right:0;}	
.logolist .pay1{ background:url(../images/logo-ico-1.png)#f5f5f5 no-repeat center center;}
.logolist .pay2{ background:url(../images/logo-ico-2.png)#f5f5f5 no-repeat center center;}
.logolist .pay3{ background:url(../images/logo-ico-3.png)#f5f5f5 no-repeat center center;}
.logolist .pay4{ background:url(../images/logo-ico-4.png)#f5f5f5 no-repeat center center;}
.logolist .pay5{ background:url(../images/logo-ico-5.png)#f5f5f5 no-repeat center center;}
.logolist .pay6{ background:url(../images/logo-ico-6.png)#f5f5f5 no-repeat center center;}
.logolist .pay1:hover{ background:url(../images/logo-ico-1-on.png)#fff no-repeat center center;}
.logolist .pay2:hover{ background:url(../images/logo-ico-2-on.png)#fff no-repeat center center;}
.logolist .pay3:hover{ background:url(../images/logo-ico-3-on.png)#fff no-repeat center center;}
.logolist .pay4:hover{ background:url(../images/logo-ico-4-on.png)#fff no-repeat center center;}
.logolist .pay5:hover{ background:url(../images/logo-ico-5-on.png)#fff no-repeat center center;}
.logolist .pay6:hover{ background:url(../images/logo-ico-6-on.png)#fff no-repeat center center;}

.error1{ padding:200px 0;}
.error1 .con{ width:640px; margin:50px auto; background:#fff; border-radius:15px; box-shadow:5px 10px 25px #01a2cc; padding:20px; overflow:hidden;}
.error1 .con img{ position:absolute; z-index:5; margin-top:-150px; margin-left:-200px;}
.error1 .con div{ float:right; width:400px;}
.error1 .title{ font-size:30px; padding-bottom:20px; border-bottom:1px #ffc107 solid;}
.error1 .info{ font-size:24px; color:#666; padding:30px 0; line-height:30px;}
.error1 a{ font-size:18px; display:block; width:180px; text-align:center; height:40px; line-height:40px; color:#fff; background:#ffc107; border-radius:40px;}


.help .wrap{ margin:150px auto 100px auto; width:850px; padding:50px 25px ;}
.help .title{ font-size:30px; color:#fff; padding:20px 0;}
.help .con{ background:#fff; border-radius:15px; box-shadow:5px 10px 20px #01a2cc; padding:0 40px; overflow:hidden; margin-bottom:40px; min-height:190px;}
.help .question{ font-size:24px; padding:15px 0; line-height:30px; border-bottom:1px #eee solid;}
.help .question img{ margin-right:20px; position:relative; top:3px;}
.help .answer{ font-size:20px; padding:15px 0; line-height:30px; color:#666;}
.help .answer img{ margin-right:20px; position:relative; top:3px; float:left;}
.help .answer span{ float:left; display:block; width:650px; margin-bottom:30px;}
.help .answer a{ display:block; color:#03edcf; font-size:24px; text-decoration:underline; float:left;}
.help .wrap>img{ position:absolute; z-index:5; margin-left:-250px; margin-top:-70px;}