﻿@charset "utf-8";
/* CSS Document */
html {-ms-text-size-adjust:100%;/*关闭文字大小*/text-rendering:optimizelegibility;}
html, body,.container,.content-wrap {width: 100%;height: 100%;z-index: 999;min-height: 100%;}
body:after {content: '';position: absolute;top: 0;	left: 0;width: 100%;height: 100%; background:#f5f5f5;visibility: hidden;z-index: 999;}
body.openmenu:after {visibility: visible;position: fixed;z-index: 1000;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,form,dl,dt,dd{margin:0;}
ul,ol{padding-left:0; list-style-type:none;}
a{	cursor: pointer;color:#3c3c3c;text-decoration: none;/*消除ie10灰色背景*/background-color: transparent;/*消除火狐虚线*/outline: none;}
a:link {color: #3c3c3c;text-decoration: none;}
a:visited {text-decoration: none;color: #3c3c3c;}
a:hover {text-decoration: none;/*color: #2b3d5e;*/}
a:active {text-decoration: none;}
img {cursor:pointer;vertical-align:middle;border:0 none;}
input{cursor:pointer;color: #333;}
.pt1{ padding-top:1%;}
.ptb2{ padding-top:2%;}
.pt5{ padding-top:3%;}
.ptb6{ padding-top:5%;}
.ptb7{ padding-top:7%;}
.ptb10{ padding-top:10%;}
.ptb15{ padding-top:15%;}
.ptb20{ padding-top:18.9%;}
.pt20{ padding-top:20px;padding-left: 10px;}
.pl20{padding-left:20px; }
.pr20{ padding-right:20px;}
.pd3{ padding-left:3%; padding-right:3%;}
.mrb5{ margin-right:5%;}
.md10{ margin:0px 10px;}
.lh50{ line-height:50px;}
.wh80{ width:80px; }
.ml20 {margin-left:20%;}
.pb50{padding-bottom: 50px;}
::-webkit-input-placeholder { /* WebKit browsers */ 
color: #a7a7a7; } 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #a7a7a7; } 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #a7a7a7; } 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #a7a7a7; } 
.none{ display:none;}
body,button,input,select,textarea {font-size: 14px;font-family:  "Helvetica Neue", Helvetica, STHeiTi,"Microsoft YaHei","微软雅黑",SimSun,sans-serif;color:#5c5c5c;/*background-color: #f2f2f2;*/outline: none;resize: none;}
button, input{/* 让 input 和 button 一样高 */line-height:normal;}
button,input,select,textarea {margin: 0;padding: 0;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
table {border-collapse: collapse;border-spacing: 0;}
/*原子类header, section, footer, aside, nav, article, figure{ display: block; }*/
.clearfix:before,.clearfix:after {display: table;content: " ";}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.fl {display:inline;float: left;}
.fr {display:inline;float: right;}
.box-s{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
.white{ background:#FFF;}
.mainbox{ width:1100px; margin:auto;}
.main{ width:980px; margin:auto; overflow:hidden;min-height: 800px;}

/* home */
.hbg{ background: rgba(0,0,0,0.05);}
.index_head{clear:both; width:100%;}
.index_box{ max-width:1200px; margin:0 auto;}
.index_send{ background: #f4f4f4;height: 36px;font-size: 16px;}
.openlogin{float: right;margin-top: 6px;}
.index_send label a{padding:0 5px; font-size:16px;color:#5b98e0;}

.header-nav{height: 120px;background: #fff;}
.header-nav h1{font-size: 0;height: 88px;width: 158px;margin:12px 115px 0 85px;float: left;}

.index_menu{display: inline-block;height: 48px;margin-top:32px;}
.index_menu li{float: left;width: 105px;height: 48px;text-align: center;margin-right: 3px; }
.index_menu li a{text-align: center;line-height: 48px;width: 100%;display: inline-block;cursor: pointer;}
.index_menu li:hover{background: #4a8dde;color:#fff;border-radius:2px;}
.index_menu li:hover a{color: #fff;}
.index_menu .clt{background: #4a8dde;color:#fff;border-radius:2px;}
.index_menu .clt a{ color: #fff0f5;}
.index_head .banner{position:relative;height: 492px;width: 100%;background: url(../images/index/banner.jpg)no-repeat;background-size: contain;clear: both;}
.index_head .banner .content {width:500px;height:210px;position:absolute; top:87px;left:50%;padding:0 30px 0 19px;}
.index_head .banner .content h2 {font-size:30px;color:#fff;padding-bottom:14px;border-bottom:1px solid #fff;}
.index_head .banner .content p {font-size:16px;line-height:30px;color:#fff;text-indent:32px;}
.index_head .banner .content a {display: inline-block;border:none;background:#fee650;color:#8b843c;margin-top:14px;padding:4px 19px;font-size:14px;border-radius:2px;cursor:pointer;}
/*福利定制流程*/
.contact_tit{ clear:both; width:100%; text-align:center;padding-top: 5%;}
.contact_tit h2{ font-size:26px; color:#333333; font-weight:normal; padding:2% 0; font-family:微软雅黑;border-bottom:1px #fcfcfc solid;}
.contact_tit h3{ color:#333; font-weight:normal; font-size:20px; line-height:30px;padding: 30px 0;}
.contact_list2{ clear:both; width:100%;height: 100px;margin-bottom: 80px;}
.contact_list2 li{ width:20%; float:left; text-align:center;}
.contact_list2 li h3{ font-size:15px; padding-top:10%; display:block;}
.contact_list2 li a{ color:#666666;}

.contact_list{ clear:both; width:60%; padding:1% 20% 0%;height: 100px;}
.contact_list li{ width:16.66%; float:left; text-align:center;}
.contact_list li h3{ font-size:14px; padding-top:10%; display:block;}
.contact_list li a{ color:#666666;}

/*w我们的优势*/
.our_advantage{padding-bottom: 5%;background: #f4f4f4 url(../images/index/earth.png) no-repeat center bottom;}
.our_advantage .contact_tit{padding-top:2%;}

.banner2{height: 480px;width: 100%;background-size: cover;clear: both;}



#loginalert{width:380px;background:#fff;position:absolute;top:-600px;left:66%;z-index:99; margin-top:60px;display:none;border-radius:6px;}
.logoimg{ width:100%; clear:both; text-align:center;}
.logoimg img{ height:70px;}
.closealert{width:15px;height:15px;cursor:pointer;background:url('../images/index/close.png') no-repeat;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out}
.closealert:hover{transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg)}
.loginwrap{width:320px; padding-left:10px;}
.loginh{height:40px;margin-top:20px}
.loginh .fl{font-size:30px;line-height:40px;color:#292929}
.loginh .fr{font-size:18px;line-height:50px;color:#707070}
.loginh .fr a{font-size:18px;line-height:50px;color:#FF4200;margin-left:5px}
.loginwrap h3{font-size:14px;font-weight:500;height:20px;margin-top:15px;color:#292929}
.loginbtn{line-height:70px;color:#6B6A6A}
.logininput input{display:block;height:14px;line-height:14px;width:100%;border:#DAE2E5 1px solid;text-indent:10px;overflow:hidden;color:#979696;padding-top:13px;padding-bottom:13px}
.logininput .loginusername{margin-top:15px;margin-bottom:10px}
.loginsubmit input{border-radius:4px;width:100%;height:40px;line-height:40px;color:#fff;background:#4a8dde;display:block;text-align:center;font-size:20px;border:none;font-family:'微软雅黑';cursor:pointer}
.loginsubmit{width:100%;height:40px;margin:15px 20px 0 0;position:relative}
.loginsubmiting{height:40px;background:#fff;position:absolute;top:0;left:0;width:130px;opacity:0.8;filter:alpha(opacity=80);display:none}
.loginsubmiting_inner{height:40px;background:url('loading.gif') no-repeat 50% 50%;width:130px;position:absolute;top:0;left:0}
.loginpd{ padding:0 20px;}
.thirdlogin .pd50{padding-top:30px;padding-bottom:30px}
.thirdlogin h4{color:#6B6A6A;font-weight:500;margin-bottom:20px}
.thirdlogin ul li{display:block;float:left;margin-bottom:10px}
.thirdlogin ul li a{display:block;float:left;height:40px;line-height:40px;width:160px;color:#fff;text-indent:60px}

.h_logo{ height:35px; border-bottom:1px #abacac solid; margin:10px 0; clear:both;}
.h_logo label{ border-right:1px #abacac solid; padding-right:10px; margin-right:10px;}
.h_logo_in{ background:#FFF; border:0; padding:5px; width:240px;}
.h_logo_yzm{ background:#FFF; border:0; padding:5px; width:140px;}
.h_logo span a{ padding-left:10px;}


/**我们的宗旨**/
.index_zz{ clear:both; width:90%; padding:3% 5%;}
.index_zz li{ float:left; width:25%;}
.index_zz li label{ float:left;}
.index_zz li span{ float:left; padding-left:10px; color:#908d8d; padding-top:7%; line-height:200%;}
.index_zz li span h3{ color:#585858; font-weight:normal; font-size:18px;}

/**六大服务模块**/
.index_mk{ clear:both; padding:4% 5%; width:90%;}
.index_mk li{ width:32.73%; text-align:center; float:left; padding:0.3%; position:relative;}
.index_mk li img{ width:100%; height:100%;}
.index_mk li span{ position:absolute; display:block; bottom:10%; width:100%; display:block;}
.index_mk li a{ color:#ffffff; font-size:18px; font-weight:bold;}
.index_mk li a:hover{ color:#fd594e;}

/**三大合作模式**/
.index_ms{ clear:both; padding:4% 5%; width:90%;}
.index_ms li{ float:left; width:33.33%; height:245px; text-align:center; }
.index_ms li img{ width:100%; height:100%;}
.index_ms li a{color:#FFF;}
.index_ms li h2{ font-weight:normal; font-size:24px;}
.index_ms li h3{ font-weight:normal; font-size:16px; padding-top:5%;}
#msbg1{ background:#3aa1d1;}
#msbg2{ background:#32cdd7;}
#msbg3{ background:#3dbfe5;}
#msbg1 img,#msbg2 img,#msbg3 img{ width:25%; height:30%; padding-top:10%;}

/**部分合作伙伴**/
.index_hz{ clear:both; padding:4% 5%; width:90%;}
.index_hz li{ width:19.9%; text-align:center; float:left; height:140px; border-bottom:1px #ebebeb solid;border-right:1px #ebebeb solid; line-height:140px;}
.bdrno{border-right:none!important;}
.bdbno{border-bottom:none!important;}

.index_ftbg{ background:#b0afaf; width:100%; height:60px; text-align:center; line-height:24px; color:#FFF; padding-top:10px; clear:both;}


/***联系我们****/
.contact_banner{ background:url(../images/index/contact_banner.jpg) center no-repeat; height:550px; clear:both; width:100%;}
.contact_tit2{ clear:both; width:100%; text-align:center; border-top:1px #f0f1f1 solid;}
.contact_tit2 h2{ font-size:26px; color:#333333; font-weight:normal; padding:2% 0; font-family:微软雅黑;}

.ct_ln_bg{ background:#f7f7f7; width:100%;}
.ct_ln_txt{ padding:3% 10%; width:80%;}
.ct_ln_txt span{ float:left; width:50%;}
.ct_ln_txt span img{ width: 100%;}
.ct_ln_txt label{ float:left; width:40%; padding:5%; color:#666673; line-height:26px;}
.ct_ln_txt label h2{ font-size:24px;font-family:微软雅黑; padding:4% 0; text-align:center; display:block;}

.ct_ban{ background:url(../images/index/ctban.jpg) center no-repeat; height:400px; width:100%; clear:both;}
.contact_lx{ padding:0 10%; width:80%;}
.contact_lx_l{ float:left; width:40%;}
.contact_lx_l_tit h2{font-size:24px;font-family:微软雅黑; font-weight:normal;}
.contact_lx_l_txt{ margin-top:10%;}
.contact_lx_l_txt li{ clear:both; padding-bottom:20px;}
.contact_lx_l_txt li h3{ color:#333333; font-size:16px;}
.contact_lx_l_txt li p{ color:#666666; font-size:14px; padding-top:2px; display:block;}
#kf_ico{ background:url(../images/index/lx.png) left 8px no-repeat;height: 40px;padding-left:35px;}
#yx_ico{ background:url(../images/index/lx.png) left -60px no-repeat;height: 40px;padding-left:35px;}
#tel_ico{ background:url(../images/index/lx.png) left -128px no-repeat;height: 40px;padding-left:35px;}
#wx_ico{ background:url(../images/index/lx.png) left -198px no-repeat;height: 40px;padding-left:35px;}
#dz_ico{ background:url(../images/index/lx.png) left -268px no-repeat;height: 40px;padding-left:35px;}

.contact_lx_r{ float:right; padding:3% 0 0 10%; width:50%;}
.ct_from{ clear:both; width:100%; color:#666666; padding:20px 0;}
.ct_from h4{color:#666666; font-size:14px; font-weight:normal; padding-bottom:10px; display:block;}
.ct_from h4 i{ font-style:normal; color:#999999; font-size:12px;}
.ct_from span{ width:20%;display:block; float:left; line-height:35px;}
.ct_from span em{ font-style:normal; color:#ff0000; padding-left:2px;}
.ct_from_name{ border:1px #bcbcbc solid; float:left; width:75%; background:#FFF; padding:8px;}
.ct_from_lxr{ border:1px #bcbcbc solid; float:left; width:25.5%; background:#FFF; padding:8px;}
.ct_from_text{ border:1px #bcbcbc solid; float:left; width:95%; background:#FFF; padding:8px; height:100px;}
.ct_from_sj{ text-align:center;}
.ct_form_yzm{ padding-left:5%; float:left; padding-top:0.9%;}
.ct_form_yzm img{ padding-right:10px;}
.ct_from_send{ clear:both; width:40%; padding:20px 0; text-align:center; margin:0 auto;}
.ct_from_an{ background:#ea2e00; color:#FFF; text-align:center; border:0; padding:5% 25%; display:block; font-size:16px;border-radius:4px;}

.contact_ftbg{ background:#f7f7f7; width:100%; height:60px; text-align:center; line-height:24px; color:#525252; padding-top:10px; clear:both;}
.contact_ftbg a{ color:#525252;}

/*遮罩层*/
.notice,.notice_mask,.notice_wrap{ width: 100%;height: 100%;position: fixed;top: 0;left: 0;}
.notice_mask{z-index: 100;background-color: #000;opacity: 0.3;filter: alpha(opacity=30);}
.notice_wrap{ z-index: 1000;-webkit-background-clip: content;box-shadow: 1px 1px 50px rgba(0,0,0,.3);text-align: center;padding-top:6%;}
.notice-img{ z-index: 1001;display: inline-block;position: relative;width: 80%;height: 72%;}
.notice-img>img{ height: 100%;}
.notice_close{position: absolute;top: 5%;left: 75%;}
@media screen and (min-width:1500px) {
    .index_head .banner{background-size: cover;}

}
@media screen and (max-width:768px) {
	.index_head{ background-size:100% 100%; height:400px; clear:both; width:100%;}
	.index_menu li a{ font-size:16px; color:#FFF;}
	#loginalert{width:380px;background:#fff;position:absolute;top:-600px;left:50%;z-index:99; margin-top:60px;display:none;border-radius:6px;}
	/**三大合作模式*/
	.index_ms li{ float:left; width:33.33%; height:180px; text-align:center; }
	
	/**部分合作伙伴**/
	.index_hz li{ width:19.5%; text-align:center; float:left; height:100px; border-bottom:1px #ebebeb solid;border-right:1px #ebebeb solid; line-height:100px;}
	.index_hz li img{ width:85%; height:65%;}
    .contact_list{ clear:both; width:80%; padding:1% 10%;}
    .contact_list li{ width:16.66%; float:left; text-align:center;}
    .contact_list li h3{ font-size:14px; padding-top:10%; display:block;}

    .ct_ln_txt label{ float:left; width:40%; padding:1% 5%; color:#666673; line-height:26px;}
    .contact_lx{ padding:0 5%; width:90%;}
    .contact_lx_r{ float:right; padding:9% 0 0 5%; width:55%;}
    .ct_from_name{ width:65%; padding:8px;}
    .ct_from_lxr{ border:1px #bcbcbc solid; float:left; width:20.5%; background:#FFF; padding:8px;}
    .ct_from_text{ border:1px #bcbcbc solid; float:left; width:85%; background:#FFF; padding:8px; height:100px;}
    .notice_close { position: absolute; top: 3%;left: 83%;}
    .notice-img>img { height: 100%;}
    .notice-img {width: 77%; height: 55%;top: 10%;}
}

@media screen and (max-width:500px) {
	.index_head{ background-size:100% 100%; height:260px; clear:both; width:100%;}
	.index_menu{ clear:both; padding:5% 5% 0 3%; width:92%;}
	.index_zz li{ float:left; width:50%; text-align:center;}
	.index_zz li label,.index_zz li span{ clear:both; width:100%; text-align:center;}
	#loginalert{ left:50%; margin-left:-200px;}
	/**六大服务模块**/
	.index_mk li a{font-size:15px; font-weight:normal;}
	
	/**三大合作模式*/
	.index_ms li{ float:left; width:33.33%; height:120px; text-align:center; }
	.index_ms li h2{font-size:15px;}
	.index_ms li h3{font-size:13px; padding-top:0;}
	
	/**部分合作伙伴**/
	.index_hz li{ width:19.5%; text-align:center; float:left; height:100px; border-bottom:1px #ebebeb solid;border-right:1px #ebebeb solid; line-height:100px;}
	.index_hz li img{ width:85%; height:60%;}
	.index_ftbg{ font-size:12px; height:90px; line-height:22px;}
	.contact_ftbg{ font-size:12px; height:90px; line-height:22px;}
    .contact_tit h3{ color:#b0b0b0; font-weight:normal; font-size:14px; line-height:22px;padding: 0 5%;}

    .contact_list{ clear:both; width:100%; padding:1% 0;}
    .contact_list li{ width:16.66%; float:left; text-align:center;}
    .contact_list li h3{ font-size:12px; padding-top:10%; display:block;}

    .ct_ln_txt{ padding:3%; width:94%;}
    .ct_ln_txt label{ float:left; width:46%; padding:0 2%; color:#666673; line-height:22px;height: 130px;overflow: hidden; }
    .ct_ln_txt label h2{ font-size:20px;font-family:微软雅黑; padding:4% 0; text-align:center; display:block;}
	
    .ct_ban{ background:url(../images/index/ctban.jpg) center no-repeat;background-size: 110% 100%;  height:150px; width:100%; clear:both;}
	
    .contact_lx_l{clear:both; padding-top:3%; width:100%;}
    .contact_lx_r{clear:both; padding:9% 0 0 10%; width:90%;}
     .ct_from_lxr{ border:1px #bcbcbc solid; float:left; width:20%; background:#FFF; padding:8px;}
     .notice-img {height: 44%!important;margin-top: 20%;}
     .notice_close {top: 1%!important;left: 85%!important;}
     .notice_close img{ width: 85%;}
}
@media screen and (max-width:361px) {
	.index_menu li a{ font-size:14px; color:#FFF;}
     .contact_list li h3{ font-size:11px; padding-top:10%; display:block;}
     .ct_from span{ font-size: 11px;}
     .ct_from_lxr{ border:1px #bcbcbc solid; float:left; width:20%; background:#FFF; padding:8px 7px;}
     .ct_from h4{font-size: 11px;}
}

@media screen and (max-width:320px) {
	.index_menu li a{ font-size:14px; color:#FFF;}
    
}
@media screen and (max-width:1024px) {
	.notice-img {width: 80%;height: 58%;top: 10%;}
    .notice_close {position: absolute;top: 2%;left: 87%;}
}
/*@media screen and (max-width:1600px) {
    .index_head {height: 644px;}
}
@media screen and (max-width:1440px) {
    .index_head {height: 580px;}
}
@media screen and (max-width:1366px) {
    .index_head {height: 550px;}
}*/