/*鑱旂郴鎴戜滑*/
.banner{ width: 100%;  position: relative;}
.banner img{ width: 100%; }
.banner dl{ color: #021E43; font-size: 44px; position: absolute; top:30%; width: 1300px; left: 50%; margin-left: -650px; font-weight: bold;}

.banner_contact{ width: 100%; background: #F8FBFF; height: 250px; text-align: center;}
.banner_contact dl{ color: #021E43; font-size: 40px; font-weight: bold; line-height: 60px; padding-top: 60px;}
.banner_contact dd{ color: #021E43; font-size: 20px; padding-top: 10px; padding-bottom: 30px; }
.banner_contact dt{ color: #021E43; font-size: 36px; padding-top: 10px; padding-bottom: 30px; }

.contact_us{padding-bottom: 80px; position: relative;}
.contact_us .lianxi{ width: 1300px; margin:0 auto; background: #fff;padding: 50px; }
.contact_us .lianxi ul{ width: 100%; display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; }
.contact_us .lianxi ul li{ width: 25%; text-align: center;position: relative;}
.contact_us .lianxi ul li dd{padding-bottom: 15px; }
.contact_us .lianxi ul li dd img{ width: 50px; }
.contact_us .lianxi ul li dt{ font-size: 20px; line-height: 26px; color: #021E43; font-weight: bold;}
.contact_us .lianxi ul li dl{ font-size: 14px; line-height: 26px; color: #021E43; padding-top: 10px; }

.message{ width: 1000px; margin: 0 auto; display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.message h1{ color: #021E43; font-size: 20px; padding-bottom: 20px; padding-top: 10px;}
.message h2{ color: rgba(0, 0, 0, 0.65);font-size: 16px; padding-bottom: 20px; padding-top: 10px; font-weight: 500;}
.message h2 font{ color: #0F76C1; font-weight: bold; padding-right: 5px; font-size: 20px; }
.message h3{ font-size: 16px; padding-bottom: 20px; padding-top: 20px; font-weight: 500;}
.message h3 a{color: rgba(0, 0, 0, 0.65);}
.message h3 img{ width: 20px; margin-right: 5px; float: left; margin-top: 2px;}

.message_left{ width: 70%; background: #F8FBFF; padding:30px;}
.message_left .two{ width: 100%; margin-bottom: 20px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.message_left .two dt{ width: 48%; margin-right: 4%;color: rgba(0, 0, 0, 0.65);line-height: 50px; border-bottom: 1px solid #f0f0f0}
.message_left .two dt:nth-child(2){ margin-right: 0; }
.message_left .two dt font{ color: #0F76C1; font-weight: bold; padding-right: 5px; font-size: 20px; }
.message_left .two dt input{ width: 75%; border: none;  line-height: 50px;background: none; font-size: 16px;}
.message_left .two dt select{ width: 65%; border: none;  line-height: 50px; background: none; font-size: 16px;}
.message_left textarea{border-radius: 5px; border: none;  line-height: 26px; padding: 15px; width: 100%;  height: 150px;}
.message_left .anniu{ width: 200px; margin: 0 auto; }
.message_left .sub{cursor:pointer; background: #0F76C1;color: #fff;  width: 200px; text-align: center;margin-top: 20px;line-height: 50px; border:none;}
.message_right{ width: 30%;background: #021E43; padding: 20px;}
.message_right dl{ width: 100%; padding-bottom: 50px;}
.message_right dl img{ width: 150px; }
.message_right .one{ width: 100%; padding-bottom: 20px;}
.message_right .one dt{ color: #fff; font-size: 18px;}
.message_right .one dt img{ width: 20px; float: left; margin-right: 5px; margin-top: 3px;}
.message_right .one p{ color: #fff; font-size: 14px;font-weight: 200; padding-top: 10px; padding-left: 25px;}
.message_right dd{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;width: 100%; padding-top:40px;  text-align: center; color: #fff;}
.message_right dd div{width: 48%; margin-right: 4%;}
.message_right dd div:nth-child(2){margin-right: 0;}
.message_right dd div img{ width: 100%; margin-bottom: 15px;}
/*FAQ*/
.faq{ width: 1300px; margin:70px auto; }
.faqbox{ width:100%;}
.faqbox h1{ color: #002855; font-size: 22px; padding-bottom: 20px;}

.faqbox .hd{line-height:30px; position:relative; }
.faqbox .hd ul{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; width: 100%; border-bottom: 5px solid #0F76C1;}
.faqbox .hd ul li{ cursor:pointer; width: 24%; text-align: center; background: rgba(230,230,230,0.4); margin-right: 1.33333%; padding-top: 20px; padding-bottom: 20px;}
.faqbox .hd ul li.on{background:#0F76C1; color: #fff;}
.faqbox .hd ul li dt{ display: none; }
.faqbox .hd ul li:nth-child(4){ margin-right: 0; }
.faqbox .bd ul{zoom:1; border: 1px solid #F8FBFF; padding-top: 40px; display: none;}
.faqbox .bd ul dl{ background: #F8FBFF; color: #002855; font-size: 18px; padding: 15px 30px;}
.faqbox .bd ul dl img{ width: 20px; float: left; margin-top: 1px; margin-right: 10px;}
.faqbox .bd ul .con{padding: 40px 50px;width: 100%;}
.faqbox .bd ul li{ width: 100%; padding-bottom: 15px; }
.faqbox .bd ul li dd a{color: #002855;}
.faqbox .bd ul li dd{ font-size: 16px; position: relative; padding-left: 15px;}
.faqbox .bd ul li dd a:hover{color: #0F76C1; text-decoration: underline;}
.faqbox .bd ul li dd:after{ width: 5px; height: 5px; border-radius: 100%; background: #0F76C1; content: ""; position: absolute; left: 0; top: 50%; margin-top: -2px; }
.faqbox .bd ul li dt{color: rgba(0, 0, 0, 0.75); font-size: 14px; line-height: 28px; display: none; padding-top: 20px;}
.faqbox .bd ul li dt .shouqi{color: #0F76C1;font-size: 16px; text-align: right; cursor:pointer }
/*鍞悗鏈嶅姟*/
.banner_txt{ width: 100%;text-align: center; padding-top:50px; padding-bottom:50px;}
.banner_txt dl{ color: #021E43; font-size: 36px; font-weight: bold; line-height: 60px;/*font-family: "zhongheijianti" !important;*/}
.banner_txt dd{color: #021E43;font-size:18px;   font-weight: 500;/*font-family: "heijianti" !important;*/ padding-top: 10px;}
.service{ width: 1100px; margin:50px auto; }
.service h1{ color: #002855; font-size: 22px; padding-bottom: 10px;}
.service h2{ color: #002855; font-size: 16px; padding-bottom: 40px;}
.servicebox{ width:100%;}
.servicebox .hd{line-height:30px; position:relative; }
.servicebox .hd ul{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; width: 100%; border-bottom: 5px solid #0F76C1;}
.servicebox .hd ul li{ cursor:pointer; width: 24%; text-align: center; background: rgba(230,230,230,0.4); margin-right: 1.3333%;padding-top: 20px; padding-bottom: 20px;}
.servicebox .hd ul li.on{background:#0F76C1; color: #fff;}
.servicebox .hd ul li dt{ display: none; }
.servicebox .hd ul li:nth-child(4){ margin-right: 0; }
.servicebox .bd ul{zoom:1; margin-top: 30px;}
.servicebox .bd ul .con{padding: 40px 50px;width: 100%;background: #F8FBFF; color: #021E43; font-size: 16px; line-height: 32px;}
.servicebox .bd ul .con font{ font-weight: bold; font-size: 18px; padding-top: 10px; padding-bottom: 10px; }
.servicebox .bd ul .con li{ position:relative; padding-left: 15px; line-height: 40px;}
.servicebox .bd ul .con li:after{ position: absolute; content: ""; width: 6px; height: 6px; left: 0; border-radius: 100%; background: #0F76C1; top: 18px; }

.service_gg{ width: 1100px; margin:50px auto;padding-left: 65px;font-size: 16px;}
.service_gg a{text-decoration: underline;}

.service_banner{ width: 100%; background: url(../images/pic_kefu.png?2) no-repeat center top #41546E; height:650px; margin-top: 80px; text-align: center; color: #fff; padding-top: 140px;}
.service_banner ul{ width: 1000px; margin: 0 auto; display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; padding-top: 80px; padding-left: 80px;}
.service_banner ul li{ width: 33.333%;color: #fff;display:flex; text-align: left; position: relative;}
.service_banner ul li a{ display:flex;}
.service_banner ul li dd{}
.service_banner ul li dd img{ width: 40px; }
.service_banner ul li dt{ font-size: 22px; line-height: 26px;color: #fff;padding-left: 10px; padding-top: 5px;/*font-family: "zhongheijianti" !important;*/}
.service_banner ul li dt div.font1{ font-size: 16px; line-height: 26px;color: #fff;padding-top: 10px; font-weight: 400;}

.whate {width:205px;background:#F9F9FA;box-shadow:0 2px 14px 0 rgba(0,0,0,0.2);border-radius:4px;position:absolute;bottom:80px;left:0;overflow:hidden;cursor:pointer; display: none;}
.whate img{ width: 100%; height: auto; margin:0; }

.whates {width:205px;background:#F9F9FA;box-shadow:0 2px 14px 0 rgba(0,0,0,0.2);border-radius:4px;position:absolute;bottom:135px;left:50px;overflow:hidden;cursor:pointer; display: none;}
.whates img{ width: 100%; height: auto; margin:0; }

.xcx_img {width:205px;background:#F9F9FA;box-shadow:0 2px 14px 0 rgba(0,0,0,0.2);border-radius:4px;position:absolute;bottom:135px;left:50px;overflow:hidden;cursor:pointer; display: none;}
.xcx_img img{ width: 100%; height: auto; margin:0; }

/*浜у搧浣跨敤璇存槑*/
.banner_search{ width: 100%; background: #F8FBFF; height: 330px; text-align: center;}
.banner_search dl{ color: #021E43; font-size: 40px; font-weight: bold; line-height: 60px; padding-top: 60px;}
.banner_search dd{ color: #021E43; font-size: 20px; padding-top: 10px; padding-bottom: 30px; }
.banner_search .search{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; width: 630px; margin:0 auto; }
.banner_search .search .search_left{ width: 80%; }
.banner_search .search .search_left input{ border: 1px solid #E0E1E5; width: 100%; height: 50px; padding-left: 15px; }
.banner_search .search .search_right{ width: 20%; background: #0F76C1; color: #fff; line-height: 50px; cursor:pointer; }
.banner_search .search .search_right:hover{ background: #021E43; }
.banner_search .search .search_right img{ vertical-align: middle; margin-left: 5px; width: 15px; }
.banner_search .search button{ border:none; }


.instructions{ width: 1300px; margin:70px auto; }
.instructionsbox{ width:100%;}
.instructionsbox h1{ color: #002855; font-size: 22px; padding-bottom: 30px;}
.instructionsbox .hd{line-height:30px; position:relative; }
.instructionsbox .hd ul{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; width: 100%; border-bottom: 5px solid #0F76C1;}
.instructionsbox .hd ul li{ cursor:pointer; width: 24%; text-align: center; background: rgba(230,230,230,0.4); margin-right: 1.33333%; padding-top: 20px; padding-bottom: 20px;}
.instructionsbox .hd ul li.on{background:#0F76C1; color: #fff;}
.instructionsbox .hd ul li:nth-child(4){ margin-right: 0; }
.instructionsbox .hd ul li dt{ display: none; }

.instructionsbox .bd ul{zoom:1; margin-top: 30px;}
.instructionsbox .bd ul .con{padding: 40px 50px;width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.instructionsbox .bd ul .con li{ width: 18%; text-align: center; margin-right: 2.5%; margin-bottom: 2.5%;}
.instructionsbox .bd ul .con li:nth-child(5n+5){ margin-right: 0 }
.instructionsbox .bd ul .con li .pic{ text-align:center;width: 236px; position: relative;}
.instructionsbox .bd ul .con li .pic:hover{background: #E3F0FF; }
.instructionsbox .bd ul .con li .pic img{ width:236px; display:block;transform: translate3d(0,0,0);transition: transform .8s ease; margin: 0 auto;}
.instructionsbox .bd ul .con li .pic span{ position: absolute; top: 0; right: 20%;}
.instructionsbox .bd ul .con li .pic span img{ width: 30px; height: 30px; }
.instructionsbox .bd ul .con li .pic a:hover img{ transform: translate3d(0,4px,0); }
.instructionsbox .bd ul .con li dl{ line-height: 26px; padding-top: 10px;}
.instructionsbox .bd ul .con li dl a{color: rgba(0,0,0,0.75) !important; font-size: 14px;}
.instructionsbox .bd ul .con li dl a:hover{ color: #021E43 !important; }
.instructionsbox .bd ul .con li dd{ color: #0F76C1; font-size: 14px; text-decoration: underline; padding-top: 10px; }
.instructionsbox .bd ul .con li dd a{ color: #0F76C1; }
.instructionsbox .bd ul .con li dd a:hover{color: #021E43;}
.instructionsbox .bd ul .con li dd img{ width: 20px; vertical-align: middle; margin-right: 5px; }

/*鐣欒█寮瑰嚭灞?/
#cover{ position:fixed; z-index:102; top:0; left:0; display:none; width:100%; height:100%; background: rgba(0,0,0,0.8);}
.msg_box{ width:800px; height:540px;background: #FFFFFF;box-shadow: 0 40px 60px 0 rgba(43,61,160,0.06);border-radius: 10px; position: fixed; top:25%; z-index:103; left:50%; margin-left:-400px; padding-top:90px;}
.msg_close{ position:absolute; right:10px; top:10px; width:30px;cursor:pointer;}
.msg_close img{ width:100%;}
.msg_box dl{font-size: 20px;color: rgba(0,0,0,0.75); font-weight:bold; background:url(../images/msg_02.png) no-repeat 330px 10px; background-size:40px 40px; height:60px; padding-left:60px; line-height:55px; text-align:center;}
.msg_box dd{font-size: 16px;color: rgba(0,0,0,0.75);text-align: center; margin:20px auto;}
.msg_box dt{ text-align:center; margin-top:50px;}