@charset "utf-8";




/*body鍏敤*/

body{font-family:"寰蒋闆呴粦","瀹嬩綋"; font-size:14px; color: #333;  background:#fff; text-align:justify; -webkit-text-size-adjust:none; height:auto; padding: 0px;margin: 0px;}

html,body{
	width:100%;
	height:100%;
}
a {color:#333;transition:400ms ease all;}
a:hover{ color:#38c7f4;transition:800ms ease all;text-decoration: none;}
input{border: hidden;}
input[type="submit"]{background-color: #0c7810 ;}
ul{list-style: none;padding: 0px;margin: 0px;}
::-webkit-scrollbar-track-piece {width:2px;background-color:#f8f8f8;}
::-webkit-scrollbar {width:2px;background-color:#38c7f4;}
::-webkit-scrollbar-thumb {width:2px;background-color:#38c7f4;}
::-webkit-scrollbar-thumb:hover {width:2px;background-color:#38c7f4;}

.fenxiangy{ position: relative;}
.fenxiangy a{width: 60px; }
.fenxiangy a img{width: 60px; }
.fenxiangy1{position: absolute; top: 50px; left: 0px; display: none;}
.fenxiangy1 img{ width: 150px;}

/* Clear float */
.clearfix:before,.clearfix:after{ content:" "; display:block; visibility:hidden; height:0; line-height:0; font-size:0; }
.clearfix:after{ clear:both; }
.clearfix{ zoom:1; }
.clear{ clear:both; height:0; overflow:hidden; }

/********************棣栭〉************************/
/*瀵艰埅*/
.indextop{width: 100%;overflow: visible;background: #fff;height: 100px;position:absolute;z-index: 
99999;left: 0px;top: 0px;padding: 0px 70px;border-bottom: 1px solid #d2d2d2;}
/*logo*/
.indextop90{transition: all 200ms;height: 90px;}
.indextop90 .logo{line-height: 90px;transition: all 200ms;}
.indextop90 .navbar{height: 90px;transition: all 200ms;}
.indextop90 .indexright{height: 90px;transition: all 200ms;}
.indextop90 .nav{line-height:90px;transition: all 200ms;}
.indextop90 .navs li{line-height:90px;transition: all 200ms;}
.indextop90 .checkin{line-height:90px;height: 90px;transition: all 200ms;}
.indextop90 .language{line-height:90px;height: 90px;transition: all 200ms;}
.logo{width: auto;line-height: 100px;text-align: left;float: left;max-width:90px;overflow: hidden;z-index: 2;position: relative;}
.logo img{width: 100%;overflow: hidden;}
/*瀵艰埅*/
.navbar{width: 100%;position: absolute;left: 0px;top: 0px;overflow: visible;height: 100px;padding: 0px 30%;}
.navbars{width:0%;position: absolute;left: 0px;top: 0px;overflow: hidden;height:0px;padding: 0px;}
.navs{width:100%;text-align: center;line-height: 100px;overflow: visible;}
.navs li{display:block;overflow: visible;line-height: 99px;width: 16%; height: 99px;float: left;}
.navs li a{font-size: 18px;color: #333;border-bottom: 0px solid #fff;transition: all 500ms;}
.navs li a:hover,.navs li.dq .navl{color: #38c7f4;border-color: #38c7f4;transition: all 500ms;}
.navs li a:hover i,.navs li.dq .navl i{color: #38c7f4;border-color: #38c7f4;transition: all 500ms;}
.navl i{font-size: 14px;padding: 5px;color: #999;}

.navs li dl{width: 130%;overflow: visible;text-align: center;margin: 0px;background: #fff;padding: 0px;position: relative;margin-left: -15%;border-radius: 0px;}
.navs li dl:last-child{border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.navs li dl a{line-height: 50px;border:0px solid #333;display: block;width: 100%;font-weight: 100;}
.navs li dl dt{height: 0px;transition: all 500ms;overflow: hidden;}
.navs li:hover dl dt{height: 50px;transition: all 500ms;}
.navs li:hover dl dt a:hover{background: #38c7f4;color: #fff;transition: all 500ms;}
.navs li:hover dl:last-child dt a{border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.navs li dl dd{width:100%;overflow: hidden;line-height: 35px;transition: all 500ms;height:0px;background: #fff;transition: all 500ms;z-index: 2;font-size: 15px;}
.navs li dl dd a{font-size: 15px;transition: all 500ms;}
.navs li dl dt a{font-size: 16px;transition: all 500ms;}
.navs li dl dt a i{font-size: 14px;transition: all 500ms;padding: 7px;}
.navs li dl dt a:hover i{font-size: 14px;transition: all 500ms;padding: 7px;color: #fff;}
.navs li dl dd a:hover{background: #38c7f4;color: #fff;transition: all 500ms;}
.lav{position: absolute;left:100%;top: 10px;height: auto;overflow: hidden;width: 100%;padding: 0px 0px;padding-left: 8px;border-radius: 7px;}
.lav:before{content:'';background: #fff; position: absolute;top:40%;width: 12px;height: 12px;transform: rotate(45deg);left: 5px;z-index: -1;}
.navs li dl .lav dd.height35{width: 100%;transition: all 500ms;height: 50px;border-bottom: 1px solid #d2d2d2;}


.navs1{width:100%;text-align: center;line-height: 100px;overflow: visible;}
.navs1 li{display:block;overflow: visible;line-height: 99px;width: 20%; height: 99px;float: left;}
.navs1 li a{font-size: 18px;color: #333;border-bottom: 2px solid #fff;transition: all 500ms;}
.navs1 li a:hover,.navs1 li.dq .navl1{color: #38c7f4;border-color: #38c7f4;transition: all 500ms;}
.navs1 li dl{width: 100%;overflow:hidden;text-align: center;margin: 0px;background: #fff;padding: 0px;position: relative;}
.navs1 li dl a{line-height: 35px;border:0px solid #333;display: block;width: 100%;font-weight: 100;}
.navs1 li dl dt{height: 0px;transition: all 500ms;overflow: hidden;}
.navs1 li:hover dl dt a:hover{background: #38c7f4;color: #fff;transition: all 500ms;}
.navs1 li dl dd{width:100%;overflow: hidden;line-height: 35px;transition: all 500ms;height:0px;background: #fff;transition: all 500ms;z-index: 2;font-size: 15px;}
.navs1 li dl dd a{font-size: 15px;transition: all 500ms;}
.navs1 li dl dd a:hover{background: #38c7f4;color: #fff;transition: all 500ms;}
.lav1{position: absolute;left:100%;top: 10px;height: auto;overflow: hidden;width: 100%;padding: 0px 0px;}
.navs1 li dl .lav1 dd.height35{width: 100%;transition: all 500ms;height: 35px;border-bottom: 1px solid #d2d2d2;}

/*鍙充晶*/
.indexright{width: auto;float: right;overflow: visible;height: 100px;z-index: 2;position: relative;}
.checkin{width:70px;overflow: hidden;height: 100px;float: left;text-align: center;line-height: 100px;}
.checkin a{font-size: 16px;}
.checkin a i{padding: 0px 6px;}
.language{width:72px;overflow: hidden;height: 100px;float: left;text-align: right;line-height: 100px;}
.language select{border: 0px;}
.language select:focus{outline-color:#38c7f4; }
/*鎼滅储妗?/
.search{position: fixed;right: -1000px;top: 110px;border: 2px solid #38c7f4;line-height: 35px;padding-right: 10px;z-index: 9999;transition: all 500ms;background: #fff;}
.search1{right: 150px;transition: all 500ms;}
.search a{color:#38c7f4; }
.search input{width: 350px;padding-left: 20px;outline: 0px;color: #333;}
#search2{color: #333;padding: 0px 10px;font-size: 16px;}
/*****/



/** == pag_ban ====================================================================================*/
.pag_ban{position: relative;overflow: hidden;height:600px; margin-top: 0px;transition: all 0.5s ease-out;}
.pag_ban:before {content: ''; position: absolute; background-color: rgba(0, 0, 0, 0.4); height: 100%; width: 100%; top: 0;left: 0;}
.pag_ban .imgbg {height: 100%; background-position: center center;background-size: cover;background-repeat: no-repeat;}
.pag_ban .imgbg img {display: none;}

.pag_ban_tit{color: #fff; text-align:center; position: relative; width: 100%;  margin: 0px auto; filter:shadow(Color=#000,Direction=10,Strength=10);
	top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.pag_ban_tit .tf30{ font-size: 64px; padding-bottom: 10px; text-transform: uppercase;}
.pag_ban_tit .tf16{ font-size: 22px; line-height: 30px; font-family:HELVETICANEUELTPRO-THEX, "寰蒋闆呴粦";}

@media (max-width:1680px){
  .pag_ban{height:540px;}
}

@media (max-width:1440px){
.pag_ban{height: 455px;}
.pag_ban_tit .tf30{ font-size: 45px; padding-bottom: 10px; }
.pag_ban_tit .tf16{ font-size: 16px; line-height: 30px; font-family:HELVETICANEUELTPRO-THEX, "寰蒋闆呴粦";}
}

@media (max-width:1280px){
  .pag_ban{height: 400px;}
}

@media (max-width:1023px){
.pag_ban{height: 250px; margin-top: 2.4rem;}
.pag_ban_tit {top: 65%; -webkit-transform:translateY(-65%); transform:translateY(-65%);}
.pag_ban_tit .tf30{ font-size:22px;  padding-bottom: 0px;}
.pag_ban_tit .tf16{ font-size: 12px; line-height: 20px; font-family:HELVETICANEUELTPRO-THEX, "寰蒋闆呴粦";}
}
/** == pag_ban ====================================================================================*/




/*浜岀骇瀵艰埅*/
.nav_second{width: 100%;overflow: visible;margin: auto;border-bottom: 1px solid #dfdfdf;z-index: 222;position: relative;}
.nav_second1300{width: 100%;padding: 0 5%;position: relative;height: 60px;overflow: visible;}
.nav_sec{width: 100%;overflow: visible;text-align: left;height: 60px;}
.nav_sec li{display:block;overflow: visible;height: 60px;float: left;width: 150px;text-align: center;}
.nav_sec li a{border-bottom: 2px solid #fff;line-height:58px;overflow: hidden;font-size: 16px;transition: all 500ms;display: block;}
.nav_sec li a:hover,.nav_sec li.dq a{border-color:#0e75bc;color: #0e75bc;transition: all 500ms; }
.nav_secs{width: 100%;overflow: hidden;text-align: center;height: auto;}
.nav_secs li{display: inline-block;overflow: hidden;height: 0px;background: #fff;padding: 0px;transition: all 500ms;}
.nav_sec li:hover .nav_secs li{transition: all 500ms;height: 40px;}
.nav_secs li a{border-bottom: 0px solid #fff;line-height:38px;overflow: hidden;font-size: 14px;transition: all 500ms;display: block;color: #333;}
/*.nav_secs li a:hover,.nav_secs li.dq a{background:#0e75bc;color: #fff;transition: all 500ms; }*/
.nav_sec li:hover .nav_secs li:hover a{background:#0e75bc;color: #fff;transition: all 500ms; }
.backhome{display: block;position: absolute;height: 100%;top: 0px;right: 5%;font-size: 14px;color: #999;line-height: 60px;text-align: right;}
.backlist{display: block;position: absolute;height: 100%;top: 0px;right: 8%;font-size:16px;color: #999;line-height: 60px;}
.page img{width: auto;margin: auto;max-width: 100%;}
.nav_sec li.dq .nav_secs li a,.nav_sec li:hover .nav_secs li a{color: #333;}
/******/

/*涓夌骇瀵艰埅*/
/*
.nav_seconds{width: 100%;overflow: hidden;margin: auto;border-bottom: 0px solid #dfdfdf;background: #f4f4f4;}
.nav_second1300s{width: 100%;max-width: 1300px; padding: 0 5%;position: relative;overflow: hidden;margin: auto;margin-top: 40px;}
.nav_secs{width: 100%;overflow: hidden;text-align: center;height: 50px;}
.nav_secs li{display: inline-block;overflow: hidden;height: 50px;background: #fff;}
.nav_secs li a{border-bottom: 0px solid #fff;line-height:48px;overflow: hidden;font-size: 14px;transition: all 500ms;display: block;padding:0px 30px;}
.nav_secs li a:hover,.nav_secs li.dq a{background:#0e75bc;color: #fff;transition: all 500ms; }
*/




#share a {
  outline: none;
  float: left;
  display: block;
  width: 30px;
  height: 33px;
}
#share .bds_sqq {
  width: 30px;
  height: 31px;
  background: url(../images/index_map.png) 0 -72px;
}
#share .bds_sqq:hover {
  background: url(../images/index_map.png) 0 -38px;
}
#share .bds_weixin {
  width: 30px;
  height: 31px;
  background: url(../images/index_map.png) -32px -72px;
}
#share .bds_weixin:hover {
  background: url(../images/index_map.png) -32px -38px;
}
#share .bds_tsina {
  width: 30px;
  height: 31px;
  background: url(../images/index_map.png) -64px -72px;
}
#share .bds_tsina:hover {
  background: url(../images/index_map.png) -64px -38px;
}
#share .bds_renren {
  width: 30px;
  height: 31px;
  background: url(../images/index_map.png) -96px -72px;
}
#share .bds_renren:hover {
  background: url(../images/index_map.png) -96px -38px;
}
#share .bds_douban {
  width: 31px;
  height: 31px;
  background: url(../images/index_map.png) -128px -72px;
}
#share .bds_douban:hover {
  background: url(../images/index_map.png) -128px -38px;
}
.bd_weixin_popup_foot {
  display: none;
}

/*椤佃剼*/
.foot{width: 100%;padding-top: 100px;overflow: hidden;}
.foot1300{width: 100%;max-width: 1300px;margin: auto;overflow: hidden;padding: 0px 10px;}
.footleft{width:45%;float: left;}
.foot_logo{line-height:100px;overflow: hidden;}
.foot_logo img{width: auto;max-width: 120px;margin-left: 50px;}
.shares{line-height: 80px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;width:200px;}
.foot_right{width:55%;float: left;overflow: hidden;}
.foot_ul{width: 100%;overflow: hidden;padding-right: 80px;}
.foot_ul li{width: 20%;float: left;overflow: hidden;text-align:center;}
.foot_ul li a{display: block;line-height:16px;padding: 12px 0px;font-size: 14px;width: auto;color: #999;}
.foot_ul li a:hover{color: #082e5b;}
.foot_ul li a:first-child{color: #000;font-size: 18px;overflow: hidden;}
.bottom{margin-top: 80px;border-top: 1px solid #d2d2d2;padding: 30px 0px;overflow: hidden;}
.copyright{width: 60%;float: left;overflow: hidden;line-height: 20px;}
.copy2{width: 40%;float: right;text-align: right; display: none;}
/*******/
/************************************************/

/*鍙充晶*/
.zaixian{height: auto;position: fixed;right: 10px;bottom:10px;display: none;}
.zaixian ul li{width:50px;height: 50px;background: rgba(0,0,0,0.8);border-radius: 5px;text-align: center;line-height: 50px;margin-top: 3px;transition: all 500ms;}
.zaixian ul li a{color: #fff;display: block;width: 100%;height: 100%;}
.zaixian ul li a i{font-size: 40px;}
.zaixian ul li:nth-child(2){font-size: 25px;}
.zaixian ul li:nth-child(3) i{font-size: 25px;}
.zaixian ul li:nth-child(5) a i{font-size: 25px;line-height: 50px;}
.zaixian ul li:nth-child(1){height: auto;font-size: 16px;line-height: 20px;padding: 10px 5px;}
.zaixian ul li:nth-child(2) a i{font-size: 25px;display: block;height: 40px;line-height: 50px;}
.zaixian ul li:nth-child(1) a i{line-height: 40px;font-size: 25px;display: block;}

.zaixian ul li:hover{background: #9be3f9;transition: all 500ms;}
.codesfix{position: absolute;right: 54px;bottom:115px; background:#9be3f9;width: 150px;height: 150px;text-align: center;margin: auto;padding: 5px;border: 1px solid #d2d2d2;display: none;}
.codesfix img{width: 100%;}
/****/




.x_max_1300{width: 100%;max-width: 1340px; padding: 0 3%; overflow: hidden;margin: auto; position: relative;}

/*浼氬憳鐧诲綍*/
.x_login{width: 100%;padding: 80px 0 80px;overflow: hidden;margin-top: 100px; background-color: #f1f1f1; }

.x_login .x_max_1300{ width:1060px; margin: 0px auto; display: flex; align-items: flex-end; }
.x_login_l{ width: 55%; height: 600px; border-radius:10px; overflow: hidden; background-image:url(../imgs/x_login_l.png);background-repeat:no-repeat; background-position:left top; background-size:100%; margin-bottom: 20px;}
.x_login_r{ width: 58%; height: 670px; padding: 70px 60px; margin-left: -50px; border-radius:10px; background-color: #fff; }

.x_login_l_txt{ padding:180px 0px 0px 110px;color: #0e75bc; font-size: 20px;}
.x_login_l_txt span{ display: block;  font-size: 40px; font-weight: bold; margin-bottom: 5px;}
.x_login_l_txt a{ display: block; background-color: #00b6f1; font-size: 24px; color: #fff; width: 165px; height: 50px; line-height: 50px; text-align: center;  display: block;  border-radius:5px; margin-top: 30px;}
.x_login_l_txt a:hover{  background-color: #3067bb;}

.logintitle{width: 100%; overflow: hidden;line-height: 40px; font-size: 38px; margin-bottom: 30px; font-weight: bold; color: #0e75bc;}
.inputs{overflow: hidden;position: relative;width: 100%; margin-bottom: 20px;}
.inputs span.msgs{ position: absolute; right: 2px; top: 2px; font-size: 12px; width: 120px; height:50px; line-height: 50px; text-align: center; background-color: #8a8d9b; color: #fff; flex: 1;border-radius:5px;}
.inputs span.msgs1{background-color: #00b6f1;}
.inputs .tip{ margin-top: 5px; display: block; color: #d32f36;}

.inputss{overflow: hidden;position: relative;width: 100%;margin-bottom: 20px;}
.inputss .tip{ margin-top: 5px; display: block; color: #d32f36;}

.inputss input.c_code_msg{width: 90px; margin-right: 110px; }

.inputs input{width: 100%;line-height: 50px;border: 1px solid #d9dce8;background: #fff;overflow: hidden;padding-left: 55px;border-radius:5px;}
.inputss input{width: 100%;line-height: 50px;border: 1px solid #d9dce8;background: #fff;overflow: hidden;padding-left: 55px;border-radius:5px;}

.codepics{position: absolute;right: 0px;top:2px;width: 130px;height: 50px;border-radius: 5px;overflow: hidden;}
.codepics img{width: 100%;height: 50px;vertical-align: top;}

.x_logini1{ width: 23px; height: 23px;position: absolute;top: 15px;left: 15px; display: block; background-image:url(../imgs/x_logini1.jpg);background-size:100%;}
.x_logini2{ width: 23px; height: 23px;position: absolute;top: 15px;left: 15px; display: block; background-image:url(../imgs/x_logini2.jpg);background-size:100%;}
.x_logini3{ width: 23px; height: 23px;position: absolute;top: 15px;left: 15px; display: block; background-image:url(../imgs/x_logini3.jpg);background-size:100%;}

.input_button{ position: relative;width: 100%; padding-top: 30px; margin-bottom: 20px;}
.input_button input[type=button]{ width: 100%; background: #43b4ef; color: #fff;padding: 0px;font-size: 20px;border-radius: 25px;line-height: 45px;
  box-shadow:0px 10px 10px rgba(67,180,239,0.3);}


.zh_box{width: 100%; font-size: 14px;}
.zh_box a{color:#9a9a9b; margin-right: 20px;}
.zh_box a:hover{ color: #0e75bc;}

.agreement{ padding-top: 15px;}
.agreement a{color: #d32f36;}
.agreement a:hover{ color: #000;}


@media (max-width:767px){
  .x_login{width: 100%;padding: 20px 0 20px;overflow: hidden;margin-top: 100px; background-color: #f1f1f1; }

.x_login .x_max_1300{ width:100%; margin: 0px auto; display: flex; align-items: flex-end; flex-wrap: wrap; }
.x_login_l{ display: none;}
.x_login_r{ width: 100%; height: auto; padding: 30px 30px; margin-left: 0px; border-radius:10px; background-color: #fff; }
.logintitle{width: 100%; overflow: hidden;line-height: 40px; font-size: 22px; margin-bottom: 10px; font-weight: bold; color: #0e75bc;}

.input_button{ position: relative;width: 100%; padding-top: 0px; margin-bottom: 20px;}
.input_button input[type=button]{ width: 100%; background: #43b4ef; color: #fff;padding: 0px;font-size: 20px;border-radius: 25px;line-height: 45px;
  box-shadow:0px 10px 10px rgba(67,180,239,0.3);}


}




/*浼氬憳鐧诲綍*/
.x_reg{width: 100%;padding:0px;overflow: hidden; display: flex; align-items: flex-end; margin-top: 100px; background-color: #f1f1f1; border-bottom: 1px solid #f2f2f2; }
.x_reg_l{ width: 40%; height: 850px;  overflow: hidden; background-image:url(../imgs/x_reg_l.jpg);background-repeat:no-repeat; background-position:left top; background-size:100%;}
.x_reg_r{ width: 60%; height: 850px; padding: 70px 0px 0px 150px;  background-color: #fff; }

.x_reg_r_tit{line-height: 40px; font-size: 38px; margin-bottom: 30px; font-weight: bold; color: #54565e;}

.x_reg_input{overflow: hidden;position: relative;width: 450px; margin-bottom: 15px;}
.x_reg_input input{width: 100%;line-height: 50px;border: 1px solid #d9dce8;background: #fff; color: #5c5c5c; font-size: 16px;  overflow: hidden;padding-left: 55px;border-radius:5px;}
select.form-select{width: 100%;line-height: 50px; height: 50px; color: #5c5c5c; border: 1px solid #d9dce8; font-size: 16px;  background: #fff;overflow: hidden;padding-left: 52px;  border-radius:5px; padding-right: 10px;}
.x_reg_input option{font-size: 16px; padding: 20px;}

.x_reg_input .tip{ margin-top: 5px; display: block; color: #d32f36;}
.x_reg_input i{ width: 23px; height: 23px;position: absolute;top: 15px;left: 15px; display: block;background-size:100%;}
.i1{ background-image:url(../imgs/x_reg_1.jpg);}
.i2{ background-image:url(../imgs/x_reg_2.jpg);}
.i3{ background-image:url(../imgs/x_reg_3.jpg);}
.i4{ background-image:url(../imgs/x_reg_4.jpg);}
.i5{ background-image:url(../imgs/x_reg_5.jpg);}
.i6{ background-image:url(../imgs/x_reg_6.jpg);}
.i7{ background-image:url(../imgs/x_reg_7.jpg);}
.i8{ background-image:url(../imgs/x_reg_8.jpg);}

.x_reg_input span.msgs{ position: absolute; right: 2px; top: 2px; font-size: 14px; width: 120px; height:50px; line-height: 50px; text-align: center; background-color: #8a8d9b; color: #fff; flex: 1;border-radius:5px;}
.x_reg_input span.msgs1{background-color: #00b6f1;}

.x_reg_button{ position: relative;width: 450px; padding-top: 0px; margin-bottom: 20px;}
.x_reg_button input[type=button]{ width: 100%; background: #43b4ef; color: #fff;padding: 0px;font-size: 20px;border-radius: 25px;line-height: 45px;
  box-shadow:0px 10px 10px rgba(67,180,239,0.3);}


.yy_box{width: 450px; font-size: 14px; text-align: center;}
.yy_box a{color:#000; margin-right: 20px;}
.yy_box a:hover{ color: #0e75bc;}

.x_reg_r .agreement{width: 450px; text-align: center;}

@media (max-width:767px){
  .x_reg{width: 100%;padding:0px;overflow: hidden; display: flex; align-items: flex-end; flex-wrap: wrap; margin-top: 100px; background-color: #f1f1f1; border-bottom: 1px solid #f2f2f2; }
  .x_reg_l{ width: 100%; height: 150px;  overflow: hidden; background-image:url(../imgs/x_reg_l.jpg);background-repeat:no-repeat; background-position:left top; background-size:100%;}
  .x_reg_r{ width: 100%; height: auto; padding: 30px 30px 30px 30px;  background-color: #fff; }
  .x_reg_r_tit{line-height: 40px; font-size: 22px; margin-bottom: 10px; font-weight: bold; color: #54565e;}

  .x_reg_input{overflow: hidden;position: relative;width: 100%; margin-bottom: 15px;}
  .x_reg_button{ position: relative;width: 100%; padding-top: 0px; margin-bottom: 20px;}
  .x_reg_button input[type=button]{ width: 100%; background: #43b4ef; color: #fff;padding: 0px;font-size: 20px;border-radius: 25px;line-height: 45px;
    box-shadow:0px 10px 10px rgba(67,180,239,0.3);}
    .yy_box{width: 100%; font-size: 14px; text-align: center;}
    .yy_box a{color:#000; margin-right: 0px;}
    .x_reg_r .agreement{width: 100%; text-align: center;}
}


/*鎵惧洖瀵嗙爜*/
.x_forgetpwd{width: 100%;padding: 80px 0 30px 0;overflow: hidden;margin-top: 100px; background: #f1f1f1; }
.x_forgetpwd_box{ background: #fff; border-radius: 15px; overflow: hidden; padding: 0px 15%;
  background-image:url(../imgs/x_forgetpwd_boxbg.jpg);background-repeat:no-repeat; background-position:center bottom; background-size:100%;}
.x_forgetpwd_tit{ width: 230px; color: #0e75bc; font-size: 24px; line-height: 55px; font-weight: bold; margin: 0px auto; text-align: center; background-color: #daf3fd;
border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; margin-bottom: 40px;}
.x_forgetpwd_ts{ font-size: 16px; background-color: #f6f6f6; color: #000; text-align: center; width: 100%; line-height: 50px; border-radius: 15px;margin-bottom: 40px;}

.for-liucheng{width:100%;margin:30px auto 50px auto; height:70px;padding:20px 0 0 0; position:relative;}
.liulist{float:left;width:33.333%; height:7px; background:#ccc;}
.liutextbox{ position:absolute;width:100%;left:0;top:5px;}
.liutextbox .liutext{float:left;width:33.333%; text-align:center;}
.liutextbox .liutext em{ display:inline-block;width:36px; height:36px;-moz-border-radius: 30px; -webkit-border-radius: 30px;border-radius:30px; background:#ccc; text-align:center; font-size:14px; line-height:30px; font-style:normal; font-weight:bold;color:#fff; border: 3px solid #fff;}
.liutextbox .liutext strong{ display:inline-block;height:26px; line-height:26px; font-weight:400;}
.liulist.for-cur{ background:#00b6f1;}
.liutextbox .for-cur em{ background:#00b6f1;}
.liutextbox .for-cur strong{color:#00b6f1;}

.forget-pwd{width:80%;margin:20px auto;min-height:350px; }
.forget-pwd input,.forget-pwd select,.forget-pwd button{border:0;margin:0;padding:0; background:none;}
.forget-pwd dl{margin-bottom:20px; width: 100%; display: flex; font-size: 16px; align-items: center;}
.forget-pwd dt{ padding-right:10px;width:150px; height:30px; line-height:30px; text-align:right; font-size:16px;}
.forget-pwd dd{ width:auto; height:50px; line-height:50px; position:relative; display: flex;}
.forget-pwd dd input{width:180px; height:50px;border: 1px solid #d9dce8;background: #fff; color: #5c5c5c; font-size: 16px;  overflow: hidden;padding-left: 10px;border-radius:5px;}
.forget-pwd dl em{color: red; margin-right: 5px;}

.forget-pwd span.msgs{  display: block; margin-left: 5px; font-size: 14px; width: 130px; height:50px; line-height: 50px; text-align: center; background-color: #8a8d9b; color: #fff;  border-radius:5px; }
.forget-pwd span.msgs1{background-color: #00b6f1;}
.forget-pwd .tip{ padding-left: 10px; display: block; color: #d32f36;}


.subtijiao{padding:10px 0 0 0px;}
.subtijiao input[type=button]{ width: 150px; background: #43b4ef; color: #fff;padding: 0px;font-size: 20px;border-radius: 5px;line-height: 45px;
  box-shadow:0px 10px 10px rgba(67,180,239,0.3);}
.subtijiao input[type=submit]{ width: 150px; background: #43b4ef; color: #fff;padding: 0px;font-size: 20px;border-radius: 5px;line-height: 45px;
    box-shadow:0px 10px 10px rgba(67,180,239,0.3);}

.complete{ min-height: 350px; text-align: center;}
.complete h2{ display: block; margin: 20px 0 30px 0; font-size: 30px; font-weight: bold;}
.complete a{ width: 150px; display: block; margin: 0px auto; background: #43b4ef; color: #fff;padding: 0px;font-size: 20px;border-radius: 5px;line-height: 45px;
  box-shadow:0px 10px 10px rgba(67,180,239,0.3);}


  @media (max-width:767px){

.x_forgetpwd{width: 100%;padding: 30px 0 30px 0;overflow: hidden;margin-top: 100px; background: #f1f1f1; }
.x_forgetpwd_box{ background: #fff; border-radius: 15px; overflow: hidden; padding: 0px 15px;
background-image:url(../imgs/x_forgetpwd_boxbg.jpg);background-repeat:no-repeat; background-position:center bottom; background-size:100%;}

.x_forgetpwd_tit{ width: 230px; color: #0e75bc; font-size: 22px; line-height: 55px; font-weight: bold; margin: 0px auto; text-align: center; background-color: #daf3fd;
border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; margin-bottom: 20px;}
.x_forgetpwd_ts{ font-size: 16px; background-color: #f6f6f6; color: #000; text-align: center; width: 100%; line-height: 50px; border-radius: 15px;margin-bottom: 20px;}

.for-liucheng{width:100%;margin:30px auto 50px auto; height:70px;padding:20px 0 0 0; position:relative;}

.forget-pwd{width:100%;margin:0px auto;min-height:350px; }
.forget-pwd input,.forget-pwd select,.forget-pwd button{border:0;margin:0;padding:0; background:none;}
.forget-pwd dl{margin-bottom:20px; width: 100%; display: flex; font-size: 16px; align-items: center;  }
.forget-pwd dt{ padding-right:10px;width:120px; height:30px; line-height:30px; text-align:right; font-size:14px;}
.forget-pwd dd{ width:calc(100% - 120px) ; height:auto; line-height:50px; position:relative; display: flex; flex-wrap: wrap;}
.forget-pwd dd input{width:120px; height:50px;border: 1px solid #d9dce8;background: #fff; color: #5c5c5c; font-size: 16px;  overflow: hidden;padding-left: 10px;border-radius:5px;}
.forget-pwd dl em{color: red; margin-right: 5px;}

.forget-pwd dd.yd input{ width: 200px;
}

.forget-pwd span.msgs{  display: block; margin-left: 5px; font-size: 12px; width: 100px; height:50px; line-height: 50px; text-align: center; background-color: #8a8d9b; color: #fff;  border-radius:5px; }
.forget-pwd span.msgs1{background-color: #00b6f1;}
.forget-pwd .tip{ padding-left: 10px; display: block; color: #d32f36;}

.subtijiao{padding:10px 0 0 50px;}
.subtijiao input[type=button]{ width: 150px; background: #43b4ef; color: #fff;padding: 0px;font-size: 20px;border-radius: 5px;line-height: 45px;
  box-shadow:0px 10px 10px rgba(67,180,239,0.3);}
.subtijiao input[type=submit]{ width: 150px; background: #43b4ef; color: #fff;padding: 0px;font-size: 20px;border-radius: 5px;line-height: 45px;
    box-shadow:0px 10px 10px rgba(67,180,239,0.3);}
    .complete{ min-height: 200px; text-align: center;}

  }


/*闂鍒嗙被*/
.x_max_1300 .backhome{right: 0%;}

.x_wt{width: 100%;padding: 80px 0 30px 0;overflow: hidden;   border-bottom: 1px solid #f2f2f2;}

.wt_tit{ margin-bottom: 40px;}
.wt_tit h2{ display: block; color: #0e75bc; width: 224px; height: 54px; margin: 0px auto; padding-left: 70px; line-height: 54px; background-image:url(../imgs/wt_tit_bg.png);background-repeat:no-repeat; background-position:center bottom; background-size:100%;}

.wt_content{text-align: center; font-size: 22px; color: #000;}
.gray_bg{ background-color: #f3f3f3; font-size: 18px; margin-top: 15px; display: inline-block; border-radius:20px; padding: 10px 30px;}
.gray_bg a{ color: #00b6f1; font-size: 22px;}
.gray_bg a:hover{color: #0e75bc; }

.wt_content .title{ margin-top:30px; display: block; padding: 10px; margin-bottom: 30px; border: 2px solid #e8e8e8;border-radius:10px; position: relative;}
.wt_content .title:before{content: " "; display: block; width: 40px; height: 22px;background-image:url(../imgs/titlebefore.jpg);background-repeat:no-repeat; background-position:center bottom; background-size:100%; position: absolute; left: calc(50% - 22px); bottom: -22px;}


.tq_list{ display: flex; justify-content:space-between; margin-top: 50px; margin-bottom: 50px;}
.tq_list a{ display:block;  width:24%; min-height: 270px; overflow:hidden; position: relative; border-radius:10px;}
.tq_list a .bigimg{width: 100%; position: absolute; transform:scale(1); transition:transform 0.3s;}
.tq_list a:hover .bigimg{width: 100%; position: absolute; transform:scale(1.15);}

.tq_list a .text{ position: relative; width: 100%; height: 100%; text-align: center; z-index: 9; display: flex; flex-wrap: wrap;   font-size: 20px;  color: #fff; font-weight: 600; align-items: center;justify-content: center; flex-direction: column; } 
.tq_list a .text img{ display: block; width: 80px; height: 60px;}
.tq_list a .text b{ display: block;  }

@media (max-width:767px){

  
.x_wt{width: 100%;padding: 20px 0 30px 0;overflow: hidden;   border-bottom: 1px solid #f2f2f2;}

.wt_tit{ margin-bottom: 20px;}
.wt_tit h2{ display: block; color: #0e75bc; width: 180px; height: 44px; margin: 0px auto; padding-left: 60px; line-height: 44px; background-image:url(../imgs/wt_tit_bg.png);background-repeat:no-repeat; background-position:center bottom; background-size:100%; font-size: 22px;}

.wt_content{text-align: center; font-size: 18px; color: #000;}
.gray_bg{ background-color: #f3f3f3; font-size: 16px; margin-top: 15px; display: inline-block; border-radius:20px; padding: 10px 30px;}
.gray_bg a{ color: #00b6f1; font-size: 20px;}
.gray_bg a:hover{color: #0e75bc; }

.wt_content .title{ margin-top:20px; display: block; padding: 10px; margin-bottom: 30px; font-size: 16px; border: 2px solid #e8e8e8;border-radius:10px; position: relative;}
.wt_content .title:before{content: " "; display: block; width: 40px; height: 22px;background-image:url(../imgs/titlebefore.jpg);background-repeat:no-repeat; background-position:center bottom; background-size:100%; position: absolute; left: calc(50% - 22px); bottom: -22px;}


.tq_list{ display: flex; justify-content:space-between; flex-wrap: wrap; margin-top: 50px; margin-bottom: 20px;}
.tq_list a{ display:block;  width:48%; min-height: 150px; margin-bottom: 10px; overflow:hidden; position: relative; border-radius:10px;}
.tq_list a .bigimg{width: 100%; position: absolute; transform:scale(1); transition:transform 0.3s;}
.tq_list a:hover .bigimg{width: 100%; position: absolute; transform:scale(1.15);}

.tq_list a .text{ position: relative; width: 100%; height: 100%; text-align: center; z-index: 9; display: flex; flex-wrap: wrap;   font-size: 20px;  color: #fff; font-weight: 600; align-items: center;justify-content: center; flex-direction: column; } 
.tq_list a .text img{ display: block; width: 80px; height: 60px;}
.tq_list a .text b{ display: block;  }


}

/*纭欢闂*/
.aq_box{width: 100%;padding: 50px 0 30px 0;overflow: hidden;   border-bottom: 1px solid #f2f2f2;}

.aq_bt{ font-size: 22px; display: flex;  align-items: center; margin-bottom: 40px;}
.aq_bt i{ display: block; width: 40px; height: 30px; margin-right: 15px;  background-image:url(../imgs/aq_bti.jpg);background-repeat:no-repeat; background-position:center bottom; background-size:100%;}
.aq_bt i.i1{  background-image:url(../imgs/aq_bti1.jpg);}
.aq_bt i.i2{  background-image:url(../imgs/aq_bti2.jpg);}
.aq_bt i.i3{  background-image:url(../imgs/aq_bti3.jpg);}

.aq_bt h3{font-size: 22px; color: #000; margin: 0; padding: 0;}

.aq_title{}
.aq_title b{display: block; color: #0e75bc; width: 165px; height: 37px; padding-left: 45px; line-height: 37px; background-image:url(../imgs/aq_title_bg.png);background-repeat:no-repeat; background-position:center bottom; background-size:100%; font-size: 20px; font-weight: 400;}

.form_box{ display: flex; justify-content:space-between; flex-wrap: wrap; padding: 30px 0px;}
.form_item{ width: 47%; margin-bottom: 40px; }
.form_item label{ font-size: 18px; font-weight: 400; margin-bottom: 10px;}
.form_item .form_required{ color:#ff0000 ;}

.form_item .form_text{width: 100%;line-height: 50px; font-size: 16px; border: 1px solid #f3f3f3;background: #f3f3f3;overflow: hidden;padding-left: 20px;border-radius:5px;}
.form_item .form_text:hover{border: 1px solid #0e75bc;}
.form_item .form_text:focus {
  outline: none;  
  border: 1px solid #0e75bc; 
}
 
select.form_sel{width: 100%;line-height: 50px; height: 50px; color: #000; border: 1px solid #f3f3f3; font-size: 16px;  background: #f3f3f3;overflow: hidden;padding-left: 20px;  border-radius:5px; padding-right: 10px;}
select.form_sel option{font-size: 16px; padding: 20px;}


.wenti_box{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 0px;}
.w100{width: 100%;}

.form_textarea{width: 100%;line-height: 30px; font-size: 16px; border: 1px solid #f3f3f3;background: #f3f3f3;overflow: hidden;padding-left: 20px;border-radius:5px;}

.privacy{font-size: 16px; padding: 0px;}
.privacy input[type=checkbox]{ margin-right: 10px;}

.form_item input[type=button]{ width: 30%; background: #43b4ef; color: #fff;padding: 0px;font-size: 20px;border-radius: 10px;line-height: 45px;
  box-shadow:0px 10px 10px rgba(67,180,239,0.3);}



  @media (max-width:767px){
    .aq_bt h3{font-size: 16px; color: #000; margin: 0; padding: 0;}
    .aq_bt i{ display: block; width: 40px; height: 30px; margin-right: 15px;  background-image:url(../imgs/aq_bti.jpg);background-repeat:no-repeat; background-position:center center; background-size:100%;}

    .form_box{ display: flex; justify-content:space-between; flex-wrap: wrap; padding: 30px 0px;}
.form_item{ width: 100%; margin-bottom: 20px; }
.form_item label{ font-size: 16px; font-weight: 400; margin-bottom: 10px;}
  }








  .custom-upload-file-wrap {
    position: relative;
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -o-align-items: center;
    align-items: center;
    height: 170px;
    border: 2px dashed #ccc;
    border-radius: 6px;
    padding: 6px 30px;
    box-sizing: border-box;
  }
  .page-node-5022 .custom-upload-file-wrap,
  .page-node-5021 .custom-upload-file-wrap {
    height: 210px;
  }
  .page-node-5022 .form-item.webform-component.format-file-wrap,
  .page-node-5021 .form-item.webform-component.format-file-wrap {
    vertical-align: middle;
  }
  .custom-upload-file-wrap .format-desc {
    margin: 0 0 16px !important;
    text-align: center;
    font-size: 12px !important;
    color: #B9B9B9;
    width: 100%;
    white-space: normal;
  }
  .custom-upload-file-wrap .format-btn { background-color: #f3f3f3; padding: 5px 20px;
    margin: 0 !important;
    color: #000 !important;
    font-size: 16px !important;
  }
  .custom-upload-file-wrap.active .format-btn,
  .custom-upload-file-wrap.error .format-btn {
    margin-bottom: 16px !important;
  }
  .custom-upload-file-wrap .format-file-name,
  .custom-upload-file-wrap .format-error {
    height: 0;
    width: 86%;
    padding: 0 12px;
    margin: 0 !important; overflow: hidden;
    transition: height .2s ease-out;
  }
  .custom-upload-file-wrap p {
   
  }
  .custom-upload-file-wrap.active .format-file-name,
  .custom-upload-file-wrap.error .format-error{
    height: 26px;
    line-height: 26px;
  }
  
  .custom-upload-file-wrap.active .format-file-name .name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
  }
  .format-file-name .delete  {
     padding-left: 10px;
  }
  .custom-upload-file-wrap.active .format-file-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #eee;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0 12px;
  }
  .custom-upload-file-wrap input[type="file"] {
    position: absolute;
    width: 100%;
    height: 100% !important;
    opacity: 0;
    cursor: pointer;
  }
  .custom-upload-file-wrap.error {
    border-color: #e0260b;
    background-color: #fff;
  }
  .custom-upload-file-wrap.error .format-desc {
    color: #e0260b;
  }
  .custom-upload-file-wrap .format-error {
    overflow: hidden;
    color: #e0260b !important;
    text-align: center;
    font-size: 14px;
  }



/*鎴戠殑璧勬枡*/
.x_my_box{width: 100%;padding: 30px 0 30px;overflow: hidden;margin-top: 100px; background-color: #f1f1f1; }
.my_box_1300{width: 100%;max-width: 1340px; padding: 0 3%; display: flex; overflow: hidden; margin: auto; position: relative; justify-content: space-between;}  
.my_l{ background-color: #ffffff; width: 22%; padding: 30px 0;border-radius: 10px; 
  background-image:url(../imgs/my_lbg.jpg);background-repeat:no-repeat; background-position:center bottom; background-size:100%;  }
.my_r{ width: 76%; padding: 0px; min-height: 700px;}

.my_l_tit{ color: #00b6f1; font-size: 18px; text-align: center; border-left: 2px solid #00b6f1; font-weight: 600;}
.my_l_ul{ margin: 30px 20px 0px;}
.my_l_ul li{ padding: 8px 0px;}
.my_l_ul li a{ display: block; text-align: center; font-size: 16px; padding: 8px 0px;}
.my_l_ul li a:hover,.my_l_ul li a.on{ color: #00b6f1; background-color: #f8f8f8;}


.zl_box{background-color: #ffffff;  width: 100%;border-radius: 10px; padding: 30px;}
.zl_tit{display: block; color: #0e75bc; width: 165px; height: 37px; padding-left: 45px; line-height: 37px; background-image:url(../imgs/zl_tit1.png);background-repeat:no-repeat; background-position:center bottom; background-size:100%; font-size: 18px; font-weight: 400;}

.zl_ul{display: flex;flex-wrap: wrap; padding: 30px 30px 0; font-size: 16px;}
.zl_ul li{width: 50%; height: 35px; display:flex; flex-wrap: wrap; align-items: center; margin-bottom: 10px;}

.zl_ul li .zl_text{width: 220px;line-height:30px; font-size: 16px; border: 1px solid #f3f3f3;background: #f3f3f3;overflow: hidden;padding: 0 7px;border-radius:5px;}
.zl_ul li .zl_text:hover{border: 1px solid #0e75bc;}
.zl_ul li .zl_text:focus {
  outline: none;  
  border: 1px solid #0e75bc; 
}
 
.abutton{ cursor:pointer; background-color: #00b6f1; color: #fff; display:inline-block;border-radius: 10px; padding: 3px 10px; margin-left: 8px;}
.abutton:hover{ background-color: #0077f1; color: #fff;}






.aq_box{background-color: #ffffff;  width: 100%;border-radius: 10px; padding: 30px; margin-top: 30px;}
.aq_tit{display: block; color: #0e75bc; width: 165px; height: 37px; padding-left: 45px; line-height: 37px; background-image:url(../imgs/zl_tit2.png);background-repeat:no-repeat; background-position:center bottom; background-size:100%; font-size: 18px; font-weight: 400;}


.accordion { margin: 40px auto; padding: 0px 30px; width: 100%;cursor: pointer;}

.accordion .item {height: 40px; border-bottom: 1px solid #d4d4d4; margin: 20px 0px;}
.accordion .item h3 { float: left; font-weight: 600; padding: 0; margin: 0; font-size: 16px; width: 110px;}
.accordion .item span{ float: left; color: #999;  }
.accordion .sz_ico{ margin-right: 20px; padding-right: 20px; float: right; color: #36ae15; background-image:url(../imgs/sz_ico.png);background-repeat:no-repeat; background-position:right center; background-size:17px;}
.accordion b{float: right; color: #00b6f1;}

.accordion .aq_main {
  display:none ;  
}

.aq_form{width:100%;  margin:20px auto 50px;  }
.aq_form input,.aq_form select,.aq_form button{border:0;margin:0;padding:0; background:none;}
.aq_form dl{margin-bottom:20px; width: 100%; display: flex; font-size: 16px; align-items: center;}
.aq_form dt{ padding-right:10px;width:150px; height:30px; line-height:30px; text-align:right; font-size:16px;}
.aq_form dd{ width:auto; height:50px; line-height:50px; position:relative; display: flex;}
.aq_form dd input{width:280px; height:50px;border: 1px solid #d9dce8;background: #fff; color: #5c5c5c; font-size: 16px;  overflow: hidden;padding-left: 10px;border-radius:5px;}
.aq_form dl em{color: red; margin-right: 5px;}

.aq_form span.msgsemail{  display: block; margin-left: 0px; font-size: 14px; width: 130px; height:50px; line-height: 50px; text-align: center; background-color: #8a8d9b; color: #fff;  border-radius:5px; margin-top: 10px; }
.aq_form span.msgsemail1{background-color: #00b6f1;}

.aq_form span.msgs{  display: block; margin-left: 0px; font-size: 14px; width: 130px; height:50px; line-height: 50px; text-align: center; background-color: #8a8d9b; color: #fff;  border-radius:5px;  margin-top: 10px; }
.aq_form span.msgs1{background-color: #00b6f1;}
.aq_form .tip{ padding-left: 10px; display: block; color: #d32f36;}


.aq_tijiao{padding:0px 0 0 150px;}
.aq_tijiao input[type=button]{ width: 180px; background: #43b4ef; color: #fff;padding: 0px;font-size: 20px;border-radius: 5px;line-height: 45px;
  box-shadow:0px 10px 10px rgba(67,180,239,0.3);}
.aq_tijiao input[type=submit]{ width: 180px; background: #43b4ef; color: #fff;padding: 0px;font-size: 20px;border-radius: 5px;line-height: 45px;
    box-shadow:0px 10px 10px rgba(67,180,239,0.3);}


@media (max-width:767px){
  .aq_box{background-color: #ffffff;  width: 100%;border-radius: 10px; padding: 10px 10px; margin-top: 10px;}
  .x_my_box{width: 100%;padding: 20px 0 20px;overflow: hidden;margin-top: 100px; background-color: #f1f1f1; }

  .my_box_1300{width: 100%;max-width: 1340px; padding: 0 3%; display: flex; overflow: hidden; margin: auto; position: relative; justify-content: space-between; flex-wrap: wrap;}  
  .my_l{ background-color: #ffffff; width: 100%; padding: 30px 0 10px 0;border-radius: 10px; 
    background-image:none;background-repeat:no-repeat; background-position:center bottom; background-size:100%;  margin-bottom: 20px; }
  .my_r{ width: 100%; padding: 0px; min-height: 700px;}
  
  .my_l_tit{ color: #00b6f1; font-size: 18px; text-align: center; border-left: 2px solid #00b6f1; font-weight: 600;}
  .my_l_ul{ margin: 20px 20px 0px;}
  .my_l_ul li{ padding: 5px 0px;}
  .my_l_ul li a{ display: block; text-align: center; font-size: 16px; padding: 5px 0px;}
  .my_l_ul li a:hover,.my_l_ul li a.on{ color: #00b6f1; background-color: #f8f8f8;}

  

  .zl_box{background-color: #ffffff;  width: 100%;border-radius: 10px; padding: 20px;}
  .zl_tit{display: block; color: #0e75bc; width: 165px; height: 37px; padding-left: 45px; line-height: 37px; background-image:url(../imgs/zl_tit1.png);background-repeat:no-repeat; background-position:center bottom; background-size:100%; font-size: 18px; font-weight: 400;}
  
  .zl_ul{display: flex;flex-wrap: wrap; padding: 30px 0px 0; font-size: 14px;}
  .zl_ul li{width: 100%; height: auto; display:flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px;}
  
  .zl_ul li .zl_text{width: 180px;line-height:30px; font-size: 14px; border: 1px solid #f3f3f3;background: #f3f3f3;overflow: hidden;padding: 0 7px;border-radius:5px;}
  .zl_ul li .zl_text:hover{border: 1px solid #0e75bc;}
  .zl_ul li .zl_text:focus {
    outline: none;  
    border: 1px solid #0e75bc; 
  }
   
  .abutton{ cursor:pointer; background-color: #00b6f1; color: #fff; display:inline-block;border-radius: 10px; padding: 3px 10px; margin-left: 8px;}
  .abutton:hover{ background-color: #0077f1; color: #fff;}
  
  
.accordion { margin: 20px auto; padding: 0px 10px; width: 100%;cursor: pointer;}

.accordion .item {height: auto; line-height: 25px; border-bottom: 1px solid #d4d4d4; margin: 20px 0px;}
.accordion .item h3 { float: none; font-weight: 600; padding: 0; margin: 0; font-size: 14px; width: 100%;}
.accordion .item span{ float: none; color: #999;  width: 100%; font-size: 12px; line-height: 20px; }
.accordion .sz_ico{ margin-right: 20px; padding-right: 20px; float: none; color: #36ae15; background-image:url(../imgs/sz_ico.png);background-repeat:no-repeat; background-position:right center; background-size:17px; width: 100px; }
.accordion b{float: none; color: #00b6f1; display: block;}

.accordion .aq_main {
  display:none ;  
}



.aq_form{width:100%;  margin:20px auto 50px;  }
.aq_form input,.aq_form select,.aq_form button{border:0;margin:0;padding:0; background:none;}
.aq_form dl{margin-bottom:20px; width: 100%; display: flex; font-size: 16px; align-items: center; flex-wrap: wrap;}
.aq_form dt{ padding-right:10px;width:100%; height:30px; line-height:30px; text-align:left; font-size:16px;}
.aq_form dd{ width:100%; height:auto; line-height:50px; position:relative; display: flex; flex-wrap: wrap;}
.aq_form dd input{width:100%; height:50px;border: 1px solid #d9dce8;background: #fff; color: #5c5c5c; font-size: 16px;  overflow: hidden;padding-left: 10px;border-radius:5px;}
.aq_form dl em{color: red; margin-right: 5px;}

.aq_form span.msgsemail{  display: block; margin-left: 5px; font-size: 14px; width: 130px; height:50px; line-height: 50px; text-align: center; background-color: #8a8d9b; color: #fff;  border-radius:5px; }
.aq_form span.msgsemail1{background-color: #00b6f1;}

.aq_form span.msgs{  display: block; margin-left: 5px; font-size: 14px; width: 130px; height:50px; line-height: 50px; text-align: center; background-color: #8a8d9b; color: #fff;  border-radius:5px; }
.aq_form span.msgs1{background-color: #00b6f1;}
.aq_form .tip{ padding-left: 10px; display: block; color: #d32f36;}


.aq_tijiao{padding:0px 0 0 0px; text-align: center;}
.aq_tijiao input[type=button]{ width: 180px; background: #43b4ef; color: #fff;padding: 0px;font-size: 20px;border-radius: 5px;line-height: 45px;
  box-shadow:0px 10px 10px rgba(67,180,239,0.3);}
.aq_tijiao input[type=submit]{ width: 180px; background: #43b4ef; color: #fff;padding: 0px;font-size: 20px;border-radius: 5px;line-height: 45px;
    box-shadow:0px 10px 10px rgba(67,180,239,0.3);}


}







/*******STYLE 4*******/
.aq_checkbox{float: right; margin-right: 10px;}
.chk_4 {
  display: none;
}
.chk_4 + label {
	background-color: #FFF;
	padding: 10px 10px;
	border-radius: 10px;
	display: inline-block;
	position: relative;
	margin-right: 30px;
	background: #999;
	width: 70px;
	height: 10px;
	box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.4);
}

.chk_4 + label:before {
  -webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	content: ' ';
	position: absolute;
	background: #FFF;
	top: 0px;
	z-index: 99999;
	left: 0px;
	width: 20px;
	color: #FFF;
	height: 20px;
	border-radius: 10px;
	box-shadow: 0 0 1px rgba(0,0,0,0.6);
}

.chk_4 + label:after {
	content: '鍏抽棴';	 font-size: 12px;
	position: absolute;
	top: 1px; width: 40px;
	color: white;
	font-weight: bold;
	left: 0px;
	padding: 0px;
}

.chk_4:checked + label {
	background: #3cac10;
	box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1), 0 0 10px rgba(60, 172, 16, 0.4);
}

.chk_4:checked + label:after {
	content: '宸插紑鍚?; font-size: 12px;
	left: 8px;
}

.chk_4:checked + label:before {
	content: ' ';
	position: absolute;
	z-index: 99999;
	left: 50px;
}

.chk_4 + label:after {
	left: 25px;	
}	

@media (max-width:767px){
  .chk_4 + label:after {
     line-height: 20px;
  }	
 
}


/*******鍜ㄨ鍗 4*******/
.zx_box{background-color: #ffffff;  width: 100%;border-radius: 10px; padding: 30px; min-height: 700px;}
.zx_tit{display: block; color: #0e75bc; width: 165px; height: 37px; padding-left: 45px; line-height: 37px; background-image:url(../imgs/zl_tit1.png);background-repeat:no-repeat; background-position:center bottom; background-size:100%; font-size: 18px; font-weight: 400;}

.zx_select{display: flex; padding: 20px 0px;}

.zx_select_item{ width: auto; margin-bottom: 0px; }
.zx_select_item input[type=button]{ width: 100%; background: #43b4ef; color: #fff;padding: 0px;font-size: 20px;border-radius: 10px;line-height: 50px;
  box-shadow:0px 10px 10px rgba(67,180,239,0.3);}

.zx_select_item:nth-child(1){width: 35%; padding-right: 10px;}
.zx_select_item:nth-child(2){width: 35%; padding-right: 10px;}
.zx_select_item:nth-child(3){width: 20%; padding-right: 10px;}
.zx_select_item:nth-child(4){width: 10%;}


.jieguo{padding: 0px 0px;}

.wt_bt{ display: flex; padding: 10px 20px; margin-top: 20px; background-color: #f8f8f8; border: 1px solid #eee; border-left: 0; border-right: 0;}
.wt_bt span{font-size: 16px; color: #000;}

.wt_bt span:nth-child(1){width: 70%; padding-right: 10px;}
.wt_bt span:nth-child(2){width: 10%; padding-right: 10px; text-align: center;}
.wt_bt span:nth-child(3){width: 10%; padding-right: 10px;text-align: center;}
.wt_bt span:nth-child(4){width: 10%;text-align: center;}



.wt_list { margin: 20px auto; padding: 0px 0px; width: 100%;cursor: pointer;}

.wt_list .item {height: 40px; margin: 0px 0px 12px 0; padding:2px 20px 12px; display: flex; border-bottom: 1px solid #d4d4d4; }
.wt_list .wt_main {
  display: none ;  
}

.wt_main_t{ padding:10px 0px 0px; background-color: #f8f8f8; border-radius: 10px; margin-bottom: 10px;}
.wt_main_b{ padding:10px 0px 0px; background-color: #f8f8f8; border-radius: 10px; margin-bottom: 30px;}

.wt_list .item span:nth-child(1){width: 70%; padding-right: 10px; display: block; height: 20px; line-height: 20px; overflow: hidden;}
.wt_list .item span:nth-child(2){width: 10%; padding-right: 10px; text-align: center;}
.wt_list .item span:nth-child(3){width: 10%; padding-right: 10px;text-align: center;}
.wt_list .item span:nth-child(4){width: 10%;text-align: center;}

.wt_list .item.active span:nth-child(1){color: #00b6f1; font-weight: 600;}
.wt_list .item.active span:nth-child(4){color: #00b6f1;}

.wt_list .item span:nth-child(4) i{ width: 10px; height: 10px; display:inline-block; background-image:url(../imgs/itemiimg.png);background-repeat:no-repeat; background-position:center bottom; background-size:10px; margin-left: 5px;}
.wt_list .item.active span:nth-child(4) i{ width: 10px; height: 10px; display:inline-block; background-image:url(../imgs/itemiimga.png);background-repeat:no-repeat; background-position:center bottom; background-size:10px; margin-left: 5px;}


.wen_box{ padding: 10px 20px;  display: flex; justify-content: space-between; border-bottom: 1px solid #dedede;}
.da_box{ padding: 10px 20px; display: flex;justify-content: space-between; margin-top: 15px;}

.wen_img{  width: 32px; height: 31px; background-image:url(../imgs/wen.jpg);background-repeat:no-repeat; background-position:center bottom; background-size:32px 31px;}
.da_img{ width: 32px; height: 31px; background-image:url(../imgs/da.jpg);background-repeat:no-repeat; background-position:center bottom; background-size:32px 31px;}

.wen_txt{ width:calc( 100% - 50px); font-size: 14px;}
.wen_tb{ margin-bottom: 10px; padding-bottom: 10px; display: flex; justify-content: space-between; border-bottom: 1px dotted #dedede}
.wen_tb1{width: 75px; color: #666;}
.wen_tb2{width:calc(100% - 75px)}

.wen_tb3{ color: #00b6f1; width:calc(100% - 270px); flex: 1; padding-right: 20px;}
.wen_time{ }
.wen_tb4{ justify-content: flex-start;}



.da_txt{ width:calc( 100% - 50px); font-size: 14px;}
.da_tb{ margin-bottom: 10px; padding-bottom: 10px; display: flex; justify-content: space-between; border-bottom: 1px dotted #dedede}
.da_a a{ color: #ff0000;}

.wt_main_b{ padding: 20px 20px 20px 70px;}
.wt_main_b ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.wt_main_b ul li{ width: 33.333%; font-size: 16px; margin-bottom: 5px;}
.wt_main_b ul li:nth-child(1){ width: 20%;}
.wt_main_b ul li:nth-child(2){ width: 50%;}
.wt_main_b ul li:nth-child(3){width: 30%;}
.wt_main_b ul li:nth-child(4){ width: 20%;}
.wt_main_b ul li:nth-child(5){width: 50%;}
.wt_main_b ul li:nth-child(6){width: 30%;}



@media (max-width:767px){

  .zx_box{background-color: #ffffff;  width: 100%;border-radius: 10px; padding: 30px 10px; min-height: 700px;}
  .zx_tit{display: block; color: #0e75bc; width: 165px; height: 37px; padding-left: 45px; line-height: 37px; background-image:url(../imgs/zl_tit1.png);background-repeat:no-repeat; background-position:center bottom; background-size:100%; font-size: 18px; font-weight: 400;}
  
  .zx_select{display: flex; padding: 20px 0px; flex-wrap: wrap;}
  
  .zx_select_item{ width: auto; margin-bottom: 10px; }
  .zx_select_item input[type=button]{ width: 100%; background: #43b4ef; color: #fff;padding: 0px;font-size: 20px;border-radius: 10px;line-height: 50px;
    box-shadow:0px 10px 10px rgba(67,180,239,0.3);}
  
  .zx_select_item:nth-child(1){width: 50%; padding-right: 10px;}
  .zx_select_item:nth-child(2){width: 50%; padding-right: 10px;}
  .zx_select_item:nth-child(3){width: 50%; padding-right: 10px;}
  .zx_select_item:nth-child(4){width: 50%;padding-right: 10px;}
  
  
  .jieguo{padding: 0px 0px;}
  
  .wt_bt{ display: flex; padding: 10px 10px; margin-top: 20px; background-color: #f8f8f8; border: 1px solid #eee; border-left: 0; border-right: 0;}
  .wt_bt span{font-size: 16px; color: #000;}
  
  .wt_bt span:nth-child(1){width: 60%; padding-right: 10px;}
  .wt_bt span:nth-child(2){width: 10%; padding-right: 10px; text-align: center; display: none;}
  .wt_bt span:nth-child(3){width: 20%; padding-right: 10px;text-align: center;}
  .wt_bt span:nth-child(4){width: 20%;text-align: center;}
  
  
  
  .wt_list { margin: 20px auto; padding: 0px 0px; width: 100%;cursor: pointer;}
  
  .wt_list .item {height: 40px; margin: 0px 0px 12px 0; padding:2px 10px 12px; display: flex; border-bottom: 1px solid #d4d4d4; }
  .wt_list .wt_main {
    display: none ;  
  }
  
  .wt_main_t{ padding:10px 0px 0px; background-color: #f8f8f8; border-radius: 10px; margin-bottom: 10px;}
  .wt_main_b{ padding:10px 0px 0px; background-color: #f8f8f8; border-radius: 10px; margin-bottom: 30px;}
  
  .wt_list .item span:nth-child(1){width: 60%; padding-right: 10px; display: block; height: 20px; line-height: 20px; overflow: hidden;}
  .wt_list .item span:nth-child(2){width: 10%; padding-right: 10px; text-align: center; display: none;}
  .wt_list .item span:nth-child(3){width: 20%; padding-right: 10px;text-align: center;}
  .wt_list .item span:nth-child(4){width: 20%;text-align: center;}
  
  .wt_list .item.active span:nth-child(1){color: #00b6f1; font-weight: 600;}
  .wt_list .item.active span:nth-child(4){color: #00b6f1;}
  
  .wt_list .item span:nth-child(4) i{ width: 10px; height: 10px; display:inline-block; background-image:url(../imgs/itemiimg.png);background-repeat:no-repeat; background-position:center bottom; background-size:10px; margin-left: 5px;}
  .wt_list .item.active span:nth-child(4) i{ width: 10px; height: 10px; display:inline-block; background-image:url(../imgs/itemiimga.png);background-repeat:no-repeat; background-position:center bottom; background-size:10px; margin-left: 5px;}
  
  
  .wen_box{ padding: 10px 20px;  display: flex; justify-content: space-between; border-bottom: 1px solid #dedede;}
  .da_box{ padding: 10px 20px; display: flex;justify-content: space-between; margin-top: 15px;}
  
  .wen_img{  width: 32px; height: 31px; background-image:url(../imgs/wen.jpg);background-repeat:no-repeat; background-position:center bottom; background-size:32px 31px;}
  .da_img{ width: 32px; height: 31px; background-image:url(../imgs/da.jpg);background-repeat:no-repeat; background-position:center bottom; background-size:32px 31px;}
  
  .wen_txt{ width:calc( 100% - 50px); font-size: 14px;}
  .wen_tb{ margin-bottom: 10px; padding-bottom: 10px; display: flex; justify-content: space-between; border-bottom: 1px dotted #dedede; flex-wrap: wrap;}
  .wen_tb1{width: 75px; color: #666;}
  .wen_tb2{width:calc(100% - 75px)}
  
  .wen_tb3{ color: #00b6f1; width:calc(100% - 270px); flex: 1; padding-right: 20px;}
  .wen_time{ }
  .wen_tb4{ justify-content: flex-start;}
  
  
  
  .da_txt{ width:calc( 100% - 50px); font-size: 14px;}
  .da_tb{ margin-bottom: 10px; padding-bottom: 10px; display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px dotted #dedede}
  .da_a a{ color: #ff0000;}
  
  .wt_main_b{ padding: 20px 20px 20px 70px;}
  .wt_main_b ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .wt_main_b ul li{ width: 100%; font-size: 14px; margin-bottom: 5px;}
  .wt_main_b ul li:nth-child(1){ width: 100%;}
  .wt_main_b ul li:nth-child(2){ width: 100%;}
  .wt_main_b ul li:nth-child(3){width: 100%;}
  .wt_main_b ul li:nth-child(4){ width: 100%;}
  .wt_main_b ul li:nth-child(5){width: 100%;}
  .wt_main_b ul li:nth-child(6){width: 100%;}
  
}