@charset "utf-8";
/* CSS Document */

.btnsave{display: block;margin:0 auto;width:200px;height: 44px;line-height: 44px;font-size: 16px;font-weight: 300;text-align: center;box-sizing: border-box;color: #fff;border:1px solid #00b4a5;background-color:#00b4a5;border-radius: 2px;-webkit-transition: .25s;transition: .25s;}
.btnsave:hover{background-color:#00b4a5!important;color:#fff!important;border-color:#00b4a5!important;box-shadow:0 10px 16px 0 rgba(0,199,179,0.3);}
.btnnull{display: block;margin:0 auto;width:200px;height: 44px;line-height: 44px;font-size: 16px;font-weight: 300;text-align: center;box-sizing: border-box;color: #666;border:1px solid #e4e4e4;background-color:#fff;border-radius: 2px;-webkit-transition: .25s;transition: .25s;}


.header{height:72px;top:0px;left:0px;z-index:1000;}
.header.on{background-color:#fff;box-shadow:0 0 8px rgba(0, 0, 0, .3);}
.header .logo{top:50%;margin-top:-15px;}
.header .logo img{float:left;}.header .logo span{float:left;height:30px;line-height:30px;font-size:26px;font-weight:700;margin-left:10px;color:#ea5413;}
.header .vip{margin-top:21px;}.header .vip .btn{display:inline-block;width:100px;height:36px;border-radius:34px;border:1px solid #00b4a5;line-height:28px;font-size:16px;letter-spacing:1px;margin-left:20px;text-align:center;line-height:34px;}
.header .vip .btnreg{background-color:#00b4a5;color:#fff;cursor:pointer;}.header .vip .btnlogin{background-color:#fff;color:#00b4a5;cursor:pointer;}
.header .nav{margin-right:0px;}
.header .nav>li{float:left;height:72px;margin-right:30px;font-size:14px; position:relative;}
.header .nav>li>a{display:block;width:100%;height:72px;line-height:72px;color:#fff;padding:0 5px;}
.header .nav>li>a.on:after{position:absolute;content:" ";width:100%;border-bottom:1px solid #e4e4e4;left:0px;bottom:15px;}
.header.on .nav>li>a{color:#35383e;}
.header .nav>li>a:hover,.header.on .nav a:hover{color:#00b4a5;}
.header.on .nav>li>a.on:after{position:absolute;content:" ";width:100%;border-bottom:2px solid #ea5413;left:0px;bottom:15px;}
.header .nav>li>ul{position:absolute;width:150px;border-radius:4px;margin-top:-4px;position:absolute;left:-20px;top:72px;padding:8px 0px;height:auto;background:#fff;-webkit-box-shadow:0 6px 6px rgba(0, 0, 0, .3);box-shadow:0 6px 6px rgba(0, 0, 0, .3);z-index:2000;display:none;}
.header .nav>li:hover>ul{display:block;}
.header .nav>li>ul>li a{display:block;width:100%;line-height:34px;border-radius:4px;padding:0 14px;-webkit-transition: padding-left .2s ease-in-out;-moz-transition: padding-left .2s ease-in-out;-ms-transition:padding-left .2s ease-in-out;-o-transition: padding-left .2s ease-in-out;transition: padding-left .2s ease-in-out;}
.header .nav>li>ul>li a:hover{background-color:rgba(0,180,165,0.1);color:#00b4a5;padding-left:24px;}



.header .loginType{left:0px;top:72px;background-color:#fff;border:1px solid #e4e4e4;box-shadow:rgba(0, 0, 0, .3) 0 5px 5px 0px;z-index:1001;padding:40px 0;display:none;}
.header .loginType>em.loginClose{position:absolute;top:10px;right:10px;cursor:pointer;}
.header .loginType .loginTit{height:40px;line-height:40px;margin-bottom:25px;background:url(../Images/dian.gif) center center repeat-x;}
.header .loginType .loginTit span{display:block;margin:0 auto;width:200px;text-align:center;background-color:#fff;font-size:18px;color:#333;}
.header .loginType li{float:left;width:9.588%;height:90px;line-height:88px;margin-right:1.714%;border:1px solid #e4e4e4;position:relative;text-align:center;font-size:16px;cursor:default;}
.header .loginType li:last-child{float:right;margin-right:0px;}
.header .loginType li:hover a{background-color:#00b4a5;border-color:#00b4a5;color:#fff;box-shadow:0 5px 8px 0 rgba(0,199,179,0.3);}
.header .loginType li a{display:block;width:100%;height:100%;}

h1.title{padding-top:30px;font-size:30px;color:#3d4450;font-weight:400;z-index:10;}
h1.title span{position:absolute;top:0px;left:50%;margin-left:-200px;width:400px;text-align:center;font-size:55px;line-height:55px;color:#f5f7fa;z-index:-1;font-weight:700;letter-spacing:5px;}
h2.title{font-size:16px;color:#7b8390;font-weight:400;}

.product .proul li{float:left;width:9.588%;height:90px;line-height:88px;margin-right:1.714%;border:1px solid #e4e4e4;position:relative;text-align:center;font-size:16px;cursor:default;}
.product .proul li:last-child{float:right;margin-right:0px;}
.product .proul li.on{background-color:#00b4a5;border-color:#00b4a5;color:#fff;box-shadow:0 5px 8px 0 rgba(0,199,179,0.3);display:block;}
.product .promain{height:400px;}
.product .probox{position:absolute;top:0px;left:0px;width:100%;display:none;}
.product .probox>img{width:70%;}
.product .probox>div{width:25%;}
.product .probox>div h3{padding-top: 30px;padding-bottom: 16px;font-size: 24px;font-weight: normal;color: #3d4450;}
.product .probox>div p{width: 240px;font-size: 16px;color: #7b8390;line-height: 32px;margin-bottom: 52px;text-align: justify;font-weight: 300;}
.product .probox .btn-more{display: block;width: 160px;height: 44px;line-height: 44px;font-size: 16px;font-weight: 300;text-align: center;box-sizing: border-box;color: #00b4a5;border: 1px solid #00b4a5;border-radius: 2px;-webkit-transition: .25s;transition: .25s;}
.product .probox .btn-more:hover{background-color:#00b4a5!important;color:#fff!important;border-color:#00b4a5!important;box-shadow:0 10px 16px 0 rgba(0,199,179,0.3);}

.safeguard{padding:60px 40px 40px 40px;background-color:#f8f8f8;}
.safeguard h1.title span{color:#fff;}
.safeguard .safebox{margin-top:60px;height:270px;overflow:hidden;}
.safeguard .safebox li{position:absolute;width:21%;text-align:center;opacity:0;-moz-opacity:0;-khtml-opacity:0;}
.safeguard .safebox li:last-child{float:right;margin-right:0px;}
.safeguard .safebox.on li:nth-child(1){animation:rotation 0.5s;animation-fill-mode: forwards;}
.safeguard .safebox.on li:nth-child(2){animation:rotation 0.5s;animation-fill-mode: forwards;}
.safeguard .safebox.on li:nth-child(3){animation:rotation 0.5s;animation-fill-mode: forwards;}
.safeguard .safebox.on li:nth-child(4){animation:rotation 0.5s;animation-fill-mode: forwards;}
@keyframes rotation {
	0% { transform: translate(0, 170px);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0; }
	100% { transform: translate(0, 0);filter:alpha(opacity=1);opacity:1;-moz-opacity:1;-khtml-opacity:1;}
}
@-webkit-keyframes rotation {
	0% { transform: translate(0, 170px);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0; }
	100% { transform: translate(0, 0);filter:alpha(opacity=1);opacity:1;-moz-opacity:1;-khtml-opacity:1;}
}

.safeguard .safebox li em{display:block;font-size:60px;width:100%;height:70px;color:#00b4a5;overflow:hidden;text-align:center;}
.safeguard .safebox li.safe1 em{font-size:74px;line-height:70px;}
.safeguard .safebox li.safe2 em{font-size:63px;line-height:70px;}
.safeguard .safebox li.safe3 em{font-size:58px;line-height:70px;}
.safeguard .safebox li.safe4 em{font-size:61px;line-height:70px;}
.safeguard .safebox li h3{font-size: 18px;color: #3d4450;font-weight: normal;padding-top: 40px;padding-bottom: 19px;text-align: center;}
.safeguard .safebox li p{font-size:14px;color:#7c8490;line-height:24px;text-align:justify;font-weight:300;}


.customer .logo-list li{float:left;width:12.5%;margin-right:2.08%;margin-top:50px;}
.customer .logo-list li:nth-child(7n){float:right;margin-right:0;}
.customer .logo-list li img{width:100%;}

.footer{padding:30px 0px 0 0;background-color:#6a6a6a;color:#fff;}
.footer a{color:#fff;}.footer a:hover{color:#00b4a5;}
.foot_logo{width:120px;margin-top:0px;}
.foot_logo img{float:left;width:30px;}.foot_logo span{float:left;height:30px;line-height:30px;font-size:26px;font-weight:700;margin-left:5px;color:#fff;}
.foot_about{width:60%;margin-top:-3px;}
.foot_contact{}
.foot_ewm{width:85px;}
.foot_ewm img{width:100%;}
.foot_about ul li{float:left;line-height:30px;padding:0 17px 0 15px;position:relative;}
.foot_about ul li:first-child{padding-left:0px;}
.foot_about ul li::after{display:block;content:"|";position:absolute;top:0px;right:0px;font-size:12px;color:#fff;transform: scale(0.8, 0.8);-webkit-transform: scale(0.8, 0.8);-moz-transform: scale(0.8, 0.8);-o-transform: scale(0.8, 0.8);}
.foot_about ul li:last-child::after{display:none;}

.foot_contact p{line-height:30px;}
.copyright{line-height:60px;background-color:#505050;}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.ProBanner{height:400px;background:url(../Images/xiaoshou-banner-bg.jpg) center bottom no-repeat;}
.ProBanner>div{height:400px;}
.ProBanner .Bfont{position:absolute;top:100px;left:0px;color:#fff;}
.ProBanner .Bfont h1.tit{font-size:40px;line-height:40px;margin-bottom:35px;font-weight:400;}
.ProBanner .Bfont h2.tit{font-size:17px;line-height:30px;letter-spacing:1px;font-weight:400;}
.ProBanner .Bfont .bannerBtn{width:120px;height:36px;border-radius:34px;border:1px solid #fff;color:#fff;line-height:34px;font-size:16px;letter-spacing:1px;text-align:center;}
.ProBanner .Bimg{position:absolute;top:0px;right:-100px;height:400px;}

.section{padding:80px 0;}
.section:nth-child(2n){background-color:#f8f8f8;}
.section>div{height:400px;}
.section .SimgBox{position:absolute;top:0px;width:50%;height:100%;display:none;}
.section .SimgBox .Simg{width:100%;height:100%;justify-content:center;align-items:center; display: -webkit-flex;}
.section .SimgBox .Simg>img{display:inline-block;width:auto;max-width:100%;height:auto;max-height:100%;border-radius:9px;box-shadow:0 0 40px rgba(0, 0, 0, .5);/* transform:rotate(7deg);-ms-transform:rotate(7deg);-moz-transform:rotate(7deg);-webkit-transform:rotate(7deg);-o-transform:rotate(7deg); */}
.section .SfontBox{position:absolute;width:50%;height:100%;display:none;}
.section .SfontBox .Sfont{width:100%;height:100%;align-items:center; display: -webkit-flex;}
.section .SfontBox .Sfont .tit{font-size:26px;color:#333;line-height:42px;margin-bottom:40px;font-weight:200;}
.section .SfontBox .Sfont p{font-size:16px;line-height:1.5em;color:#333;margin-bottom:24px;position:relative;padding-left:13px;margin-left:-13px;}
.section .SfontBox .Sfont p:before{content:'';width:6px;height:6px;border-radius:50%;background:#d8d8d8;position:absolute;left:0;top:8px;}
.section.I_F .SimgBox{left:0px;}.section.F_I .SimgBox{right:0px;}
.section.I_F .SfontBox{right:0px;padding-left:80px;}.section.F_I .SfontBox{left:0px;padding-right:80px;}
.section.I_F .SimgBox .Simg>img{/* transform:rotate(-7deg);-ms-transform:rotate(-7deg);-moz-transform:rotate(-7deg);-webkit-transform:rotate(-7deg);-o-transform:rotate(-7deg); */}

.section.I_F.on .SimgBox{animation:FlyInLeft 0.5s;animation-fill-mode: forwards;display:block;}
.section.I_F.on .SfontBox{animation:FlyInRight 0.5s;animation-fill-mode: forwards;display:block;}
.section.F_I.on .SimgBox{animation:FlyInRight 0.5s;animation-fill-mode: forwards;display:block;}
.section.F_I.on .SfontBox{animation:FlyInLeft 0.5s;animation-fill-mode: forwards;display:block;}

@keyframes FlyInLeft {
	0% { transform: translate(-50%, 0);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0; }
	100% { transform: translate(0, 0);filter:alpha(opacity=1);opacity:1;-moz-opacity:1;-khtml-opacity:1;}
}
@-webkit-keyframes FlyInLeft {
	0% { transform: translate(50%, 0);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0; }
	100% { transform: translate(0, 0);filter:alpha(opacity=1);opacity:1;-moz-opacity:1;-khtml-opacity:1;}
}
@keyframes FlyInRight {
	0% { transform: translate(150%, 0);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0; }
	100% { transform: translate(0, 0);filter:alpha(opacity=1);opacity:1;-moz-opacity:1;-khtml-opacity:1;}
}
@-webkit-keyframes FlyInRight {
	0% { transform: translate(150%, 0);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0; }
	100% { transform: translate(0, 0);filter:alpha(opacity=1);opacity:1;-moz-opacity:1;-khtml-opacity:1;}
}


.AgeBanner{height:400px;background:url(../Images/page-qzb-banner.jpg) center bottom no-repeat;color:#fff;}
.AgeBanner h1.tit{font-size:40px;font-weight:100;}
.AgeBanner h2.tit{font-size:18px;font-weight:100;}

#agents0 ul li{position:absolute;width:20%;text-align:center;opacity:0;-moz-opacity:0;-khtml-opacity:0;}
#agents0.on ul li:nth-child(1){animation:advantage 0.5s;animation-fill-mode: forwards;}
#agents0.on ul li:nth-child(2){animation:advantage 0.5s;animation-fill-mode: forwards;}
#agents0.on ul li:nth-child(3){animation:advantage 0.5s;animation-fill-mode: forwards;}
#agents0.on ul li:nth-child(4){animation:advantage 0.5s;animation-fill-mode: forwards;}
@keyframes advantage{
	0% { transform: translate(0, 170px);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0; }
	100% { transform: translate(0, 0);filter:alpha(opacity=1);opacity:1;-moz-opacity:1;-khtml-opacity:1;}
}
@-webkit-keyframes advantage{
	0% { transform: translate(0, 170px);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0; }
	100% { transform: translate(0, 0);filter:alpha(opacity=1);opacity:1;-moz-opacity:1;-khtml-opacity:1;}
}
#agents0 ul li em{display:block;font-size:60px;width:100%;height:70px;color:#00b4a5;overflow:hidden;text-align:center;}
#agents0 ul li.safe1 em{font-size:60px;}
#agents0 ul li.safe2 em{font-size:60px;line-height:64px;}
#agents0 ul li.safe3 em{font-size:54px;line-height:66px;}
#agents0 ul li.safe4 em{font-size:54px;line-height:66px;}
#agents0 ul li h3{font-size: 18px;color: #3d4450;font-weight: normal;padding-top: 40px;padding-bottom: 19px;text-align: center;}
#agents0 ul li p{font-size:14px;color:#7c8490;line-height:24px;text-align:justify;font-weight:300;}

#agents2 .contact>span{display:block;margin:22px auto;width:440px;}
#agents2 .contact>span>input.ctext{width:100%;height:36px;border:0px;border-bottom:1px solid #e4e4e4;padding:0 15px;}
#agents2 .contact>span>input.ctext:focus{color:#3d4450;border-bottom:1px solid #00b4a5}
#agents2 .contact>span>input.ctext.error{color: #e84242;border-color: #e84242;}
#agents2 .contact>span>input.ctext.error::-webkit-input-placeholder{color: #e84242 !important; /* WebKit browsers */}
#agents2 .contact>span>input.ctext.error:-moz-placeholder{color: #e84242 !important; /* Mozilla Firefox 4 to 18 */}
#agents2 .contact>span>input.ctext.error::-moz-placeholder{color: #e84242 !important; /* Mozilla Firefox 19+ */}
#agents2 .contact>span>input.ctext.error:-ms-input-placeholder{color: #e84242 !important; /* Internet Explorer 10+ */}


.section .Sfont .line .ltitle{margin-bottom: 15px;font-size: 18px;color: #3d4450;}
.section .Sfont .line .ltitle em.yz{float:left;font-size:20px;color:#00b4a5;margin-right:10px;margin-top:2px;}
.section .Sfont .line .sub-title{margin-bottom:25px;padding-left:30px;font-size:14px;color:#7c8490;}

.tryinfo{width:40%;height:auto;display:none;}
.tryinfo .trylogo{font-size: 24px;font-weight: normal;color:#3d4450;}
.tryinfo>p{line-height:28px;font-size:16px;}
.tryinfo>a.btn-more{display: block;width: 160px;height: 44px;line-height: 44px;font-size: 16px;font-weight: 300;text-align: center;box-sizing: border-box;color: #00b4a5;border: 1px solid #00b4a5;border-radius: 2px;-webkit-transition: .25s;transition: .25s;}
.tryinfo>a.btn-more:hover{background-color:#00b4a5!important;color:#fff!important;border-color:#00b4a5!important;box-shadow:0 10px 16px 0 rgba(0,199,179,0.3);}
.tryform{width:56%;height:auto;padding-left:40px;}
.tryform .trysubtitle{line-height: 28px;font-size: 16px;color: #787e91;}
.tryform .trybox{height:auto;min-height:30px;margin-bottom:20px;}
.tryform .trybox>span.tit{float:left;width:16%;line-height:30px;font-size:16px;color:#333;}
.tryform .trybox>span.tit i{display:inline-block;width:30px;}
.tryform .trybox>.text{float:left;width:25%;height:30px; border:1px solid #e4e4e4;padding:0 10px;line-height:28px;}
.tryform .trybox>em{float:left;width:4%;height:30px;line-height:30px;font-size:24px;text-align:center;color:#ff0000;margin:0;overflow:hidden;}
.tryform .trybox>span.tip{float:left;line-height:30px;font-size:12px;color:#999;}

.tryform .trybox>.error{color: #e84242;border-color: #e84242;}
.tryform .trybox>.error::-webkit-input-placeholder{color: #e84242 !important; /* WebKit browsers */}
.tryform .trybox>.error:-moz-placeholder{color: #e84242 !important; /* Mozilla Firefox 4 to 18 */}
.tryform .trybox>.error::-moz-placeholder{color: #e84242 !important; /* Mozilla Firefox 19+ */}
.tryform .trybox>.error:-ms-input-placeholder{color: #e84242 !important; /* Internet Explorer 10+ */}


.LoginBanner{height:100%;min-height:400px;background:url(../Images/index-banner1.jpg) center bottom no-repeat;}
.LoginBanner>div{height:100%;}
.LoginBanner .loginBox{width:380px;height:300px;top:50%;right:0px;margin-top:-144px;box-shadow:0px 0px 8px rgba(150, 150, 150, 1);padding:20px 25px;}
.LoginBanner .loginBox h1{font-weight:400;font-size:22px;color:#666;}
.LoginBanner .loginBox .login_form .login_input{width:100%;height:42px;border:1px solid #e4e4e4;padding:0 10px 0 50px;color:#666;}
.LoginBanner .loginBox .login_form em.yz{position:absolute;top:1px;left:0px;width:40px;height:40px;text-align:center;line-height:40px;color:#ccc;overflow:hidden;border-right:1px solid #e4e4e4;cursor:default;}
.LoginBanner .loginBox .login_form em.yz.yhm{font-size:19px;}
.LoginBanner .loginBox .login_form em.yz.mm{font-size:24px;}
.LoginBanner .loginBox .login_form .login_input:focus{border:1px dotted #00b4a5;}

.LoginBanner .loginFont{width:380px;height:300px;top:50%;left:0px;margin-top:-144px;color:#fff;border:0px;}
.LoginBanner .loginFont td{vertical-align:middle;}
.LoginBanner .loginFont h1.tit{font-size:40px;line-height:40px;margin-bottom:35px;font-weight:400;}
.LoginBanner .loginFont h2.tit{font-size:17px;line-height:30px;letter-spacing:1px;font-weight:400;}
.LoginBanner .loginFont .bannerBtn{width:120px;height:36px;border-radius:34px;border:1px solid #fff;color:#fff;line-height:34px;font-size:16px;letter-spacing:1px;text-align:center;}


.loginFooter{bottom:0px;height:60px;}
.loginFooter .lf_bg{height:60px;}
.loginFooter .lf_copy{top:0px;line-height:60px;}


.AboutBanner{height:400px;background:url(../Images/page-about-banner.jpg) center bottom no-repeat;color:#fff;}
.AboutBanner h1.tit{font-size:40px;font-weight:100;}
.AboutBanner h2.tit{font-size:18px;font-weight:100;}

.AboutNav{margin-top:-60px;box-shadow:0 0 8px rgba(0, 0, 0, .3);}
.AboutNav>div{float:left;width:33.333%;height:120px;text-align:center;background-color:#f8f9fd;cursor:pointer;}
.AboutNav>div.on{background-color:#fff;color:#00b4a5}
.AboutNav>div>em{display:block;font-size:40px;height:50px;line-height:60px;margin-top:20px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.AboutNav>div:hover>em{line-height:40px;}
.AboutNav>div>span{display:block;font-size:16px;line-height:30px;}
.AboutBody{display:none;}
.AboutBody h1.title{color:#00b4a5;font-size: 36px;}
.AboutBody .content{color: #7b8390;font-size: 16px;line-height: 30px;font-weight: 400;padding:0 30px;}
.AboutBody .content p{text-indent:2em;}
.AboutBody .fzlc{background:url("../Images/dian.gif") center center repeat-y;}

.AboutBody .fzlc ul li{width:100%;font-size:14px;text-align:right;padding:15px 52% 15px 8%;position:relative;}
.AboutBody .fzlc ul li:nth-child(2n){text-align:left;padding:0 8% 0 52%;}
.AboutBody .fzlc ul li em{position:absolute;left:50%;margin-left:-8px;z-index:2;font-size:17px;color:#00b4a5;}
.AboutBody .fzlc ul li span{font-size:16px;font-weight:700;}