html,body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,div,ul,ol,li,video,section,header,form,button,input,textarea,table,th,td {margin:0;padding:0;}
html {background:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; overflow-x: hidden;}
body {color: #626262;background:#fff;font:normal 14px/24px Arial,sans-serif; overflow-x: hidden;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
button,input, select, textarea {font-size:100%;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
ul,ol,li {list-style:none;}
iframe {display:block;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align:middle; border:0;}
input,textarea,select{ font-family:inherit; font-size:inherit; font-weight:inherit; border: none;}
input:focus{border: none; outline: none;}
a{ color: #626262;outline:none;text-decoration:none;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;}
a:hover{text-decoration:none; opacity: 0.8; transform: translate(5px);}
video{ border: none; object-fit: fill;}
.fl{float: left;}
.fr{float: right;}
.mt40{ margin-top: 40px;}
.w12{ width: 1200px; margin: 0 auto; overflow: hidden;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;line-height: 0;font-size: 0;}
.clearfix{display:inline-block;} 
.banner{ width: 100%; height: 475px;}
.banner a{ display: inline-block; width: 100%; height: 475px; background: url(../images/banner.jpg) no-repeat center;}
.banner a:hover{ transform: translate(0);}
.subnav{ background: #eefcfe; padding: 20px 0; overflow: hidden;}
.subnav_lis{ width: 194px; border-radius: 3px; border: 1px solid #c1ebf2; float: left; background: #fff; margin-left: 10px; padding: 10px 18px; box-shadow: 0 0 5px #ddf6f9;}
.subnav_lis h3{ font-size: 22px; color: #3fbbce; font-weight: bold;}
.subnav_lis p{ font-size: 14px; color: #818181;}
.subnav_lis a h3{transition: all .2s linear;}
.subnav a:before{transition: all .2s linear; content: ''; float: left; width: 57px; height: 43px; padding-right: 12px; margin-right: 12px; border-right: 1px solid #dadada;}
.rxzn a:before{ background: url(../images/subnav_a.png) no-repeat center; background-position: 0 0;}
.lxdz a:before{ background: url(../images/subnav_b.png) no-repeat center; background-position: 0 0;}
.mfst a:before{ background: url(../images/subnav_c.png) no-repeat center; background-position: 0 0;}
.xlts a:before{ background: url(../images/subnav_d.png) no-repeat center; background-position: 0 0;}
.jyfw a:before{ background: url(../images/subnav_e.png) no-repeat center; background-position: 0 0;}
.subnav_lis a:hover h3{ transform: scale(1.05);}
.rxzn a:hover:before {background-position: 0 -42px;}
.lxdz a:hover:before {background-position: 0 -42px;}
.xlts a:hover:before {background-position: 0 -42px;}
.mfst a:hover:before {background-position: 0 -42px;}
.jyfw a:hover:before {background-position: 0 -42px;}
.c2{ background: url(../images/c2_bg.jpg) no-repeat top center; height: 1239px;}
.c2_a1{ font-size: 22px; overflow: hidden;}
.c2_title{ width: 573px; height: 35px; margin: 70px auto 30px; background: url(../images/c2_title.png) no-repeat center;}
.c2_left{ width: 480px; line-height: 30px; text-align: center;}
.c2_right{ width: 480px; line-height: 30px; text-align: center;}
.c2_a1 img{ margin: 30px 0;}
.c2_a1 a,.c2_a2 a,.bmfs_n div a{ display: inline-block; font-size: 28px; line-height: 54px; border-radius: 54px; padding: 0 44px; background: linear-gradient(to right,#1c6ade ,#23c9e2); box-shadow: 0 0 20px rgba(63, 187, 206, .4); color: #fff; letter-spacing: 1px;}
.c2_title2{ width: 587px; height: 36px; margin: 60px auto 30px; background: url(../images/c2_title2.png) no-repeat center;}
.c2_a2_left,.c2_a2_right{ width: 480px; margin-top: 40px; text-align: center;}
.c2_a2_left p,.c2_a2_right p{ height: 154px; color: #fff; background: url(../images/c2_b1.png) no-repeat; padding: 170px 20px 0; font-size: 20px; line-height: 32px; text-align: left; }
.c2_a2 a{ margin: 30px 0;}
.c2_a2_right p{ background: url(../images/c2_b2.png) no-repeat;}
.ban2{ height: 290px; background: url(../images/ban2.png) no-repeat center; }
.zsdx{ background: url(../images/zsdx_bg.png) no-repeat center; height: 607px;}
.title{ text-align: center; margin-top: 85px;}
.title h3{ font-size: 50px; line-height: 60px; letter-spacing: 2px; color: #1a2426; font-weight: bold;}
.title h3:before,.title h3:after{ display: inline-block; content: ''; width: 51px; height: 38px;}
.title h3:before{ background: url(../images/title_l.png) no-repeat; margin-right: 20px;}
.title h3:after{ background: url(../images/title_r.png) no-repeat; margin-left: 20px;}
.title p{ font-size: 26px; margin: 20px 0;}
.zslc{ background: url(../images/zslc_bg.png) no-repeat top center; height: 732px;}
.zxdx_lis img{ float: left; margin-left: -33px; transition: all .3s linear;}
.zxdx_lis img:hover{ transform: translateY(-10px); cursor: pointer;}
.zslc_c{ margin-top: 40px; overflow: hidden;}
.zslc_n{ width: 588px; height: 452px; text-align: center; display: flex; align-items: center; justify-content: center; transition: all .3s linear;}
.zslc_n .zslc_ns{ display: none;}
.zslc_n .zslc_ns img{ display: inline-block;}
.zslc_n .on{ display: block;}
.zslc_tit{ width: 470px; padding-left: 110px; background: url(../images/zslc_tit_bg.png) no-repeat 44px;}
.zslc_tit div div{ margin: 0 0 60px -94px; cursor: pointer;}
.zslc_tit div div h3{ font-size: 26px; color: #40bbcd;}
.zslc_tit div div p{ font-size: 16px; margin-top: 10px;}
.zslc_tit div div:before{ float: left; content: ''; width: 56px; height: 56px; border-radius: 20px; margin-right: 20px; box-shadow: 0 0 30px rgba(63, 187, 206, .4); transition: all .3s linear;}
.zslc_tit div .zslc_tit_zxlj:before{ background: #fff url(../images/lc_h1.png) no-repeat; background-position: 8px 8px;}
.zslc_tit div .zslc_tit_xzzy:before{ background: #fff url(../images/lc_h2.png) no-repeat; background-position: 8px 8px;}
.zslc_tit div .zslc_tit_rxcs:before{ background: #fff url(../images/lc_h3.png) no-repeat; background-position: 8px 8px;}
.zslc_tit div .zslc_tit_bdrx:before{ background: #fff url(../images/lc_h4.png) no-repeat; background-position: 8px 8px;}
.zslc_tit .on .zslc_tit_zxlj:before{ background: #40bbcd url(../images/lc_h1.png) no-repeat; background-position: 8px -32px;}
.zslc_tit .on .zslc_tit_xzzy:before{ background: #40bbcd url(../images/lc_h2.png) no-repeat; background-position: 8px -32px;}
.zslc_tit .on .zslc_tit_rxcs:before{ background: #40bbcd url(../images/lc_h3.png) no-repeat; background-position: 8px -32px;}
.zslc_tit .on .zslc_tit_bdrx:before{ background: #40bbcd url(../images/lc_h4.png) no-repeat; background-position: 8px -32px;}
.bmfs{ background: url(../images/bmfs_bg.png) no-repeat top center; height: 684px;}
.bmfs_n div{ width: 520px; text-align: center;}
.bmfs_n div p{ font-size: 26px; line-height: 30px; margin: 20px 0;}
.zsjh{ background: url(../images/zsjh_bg.png) no-repeat top center; height: 827px;}
.zsjh .title{ margin-top: 30px;}
.zsjh_n{ margin-top: 50px;}
.zsjh_n_box{ background: #fff; border-top: 1px solid #40bbcd;}
.zsjh_n_box_t{ overflow: hidden;}
.zsjh_n span{ text-align: center; color: #333; height: 60px; line-height: 60px; font-size: 22px; float: left; border-right: 1px solid #40bbcd; border-bottom: 1px solid #40bbcd; }
.zsjh_n span.zymc{ width: 274px; background: #40bbcd; color: #fff; border-bottom: 1px solid #fff;}
.zsjh_n_box_t span{ font-weight: bold; height: 80px; line-height: 80px;}
.zsjh_n span.xz{ width: 97px;}
.zsjh_n span.xxfs{ width: 294px;}
.zsjh_n span.zsme{ width: 140px;}
.zsjh_n span.zxbm{ width: 370px; padding-left: 20px;}
.zsjh_n span.zxbm a{ font-size: 22px; color: #fff; float: left; width: 110px; line-height: 40px; text-align: center; border-radius: 10px; margin-top: 10px;}
.zsjh_n span.zxbm a.zyxq{ background: linear-gradient( to right,#1c6ade,#23c9e2);}
.zsjh_n span.zxbm a.xfzx{ background: linear-gradient( to right,#02ad71,#51da7e); margin: 10px 10px 0;}
.zsjh_n span.zxbm a.yybm{ background: linear-gradient( to right,#f33111,#ff7928);}
.swiper-container { height: 488px;}
.swiper-container .swiper-slide{ height: 60px; overflow: hidden;}
.zsjh_n_box_n p{ width: 100%; text-align: center; line-height: 488px; font-size: 20px;}
.ban3 { overflow: hidden;}
.ban3 a{ display: block; background: url(../images/ban3.png) no-repeat center; height: 130px;}
.shili{ height: 782px; background: url(../images/shili_bg.png) no-repeat top center;}
.shili_n{ width: 100%; height: 468px; background: url(../images/shili_mid_bg.png) no-repeat center; position: relative;}
.shili_n p{ position: absolute; width: 328px; height: 69px; border-radius: 5px; border: 2px solid #40bbcd; background: #fff; font-size: 16px; padding: 20px 0 0 16px; line-height: 28px;}
.shili_n p.p1{ top: 72px; left: 0; animation: tp1 2s infinite;}
.shili_n p.p2{ top: 72px; right: 0; animation: tp2 2.3s infinite;}
.shili_n p.p3{ bottom: 102px; left: 0; animation: tp3 1.8s infinite;}
.shili_n p.p4{ bottom: 102px; right: 0; animation: tp4 2.5s infinite;}
.pinzhi{ background: url(../images/pinzhi_bg.jpg) no-repeat top center; height: 1002px;}
.pinzhi .title{ margin-top: 40px;}
.pinzhi_n{}
.pinzhi_n_t{ text-align: center; margin: 30px 0 40px;}
.pinzhi_n_t p{ display: inline-block; padding: 10px 30px; font-size: 26px; color: #40bbcd; border: 2px solid #40bbcd; border-radius: 30px; margin: 0 10px; box-shadow: 0 0 20px rgb(64, 187, 205, .4); cursor: pointer;}
.pinzhi_n_t p.on{ background: #40bbcd; color: #fff; box-shadow: 0 0 10px rgb(34, 153, 171, 1); position: relative;}
.pinzhi_n_t p.on:before{ display: block; content: ''; width: 27px; height: 17px; background: url(../images/pz_t_hover.png) no-repeat bottom center; position: absolute; bottom: -18px; left: 50%; margin-left: -13.5px;}
.pinzhi_n_n div{ display: none;}
.pinzhi_n_n div.on{ display: block;}
.pinzhi_n_n div h4{ line-height: 54px; width: 780px; margin: auto; color: #fff; font-size: 24px; background: linear-gradient(to right,#1c6ade,#23c9e2); border-radius: 16px 16px 0 0; border: 2px solid #40bbcd; text-align: center;}
.pinzhi_n_n div img{ border-radius: 18px;}
.youyu{ background: #d0eff5;}
.youyu_n{ height: 500px; position: relative;}
.youyu_n { overflow: hidden;}
.tanmu{ z-index: 22; position:absolute; height:84px; border-radius:84px;background:#fff; color:#333;left:0;top:0;font-size:26px;white-space:nowrap; line-height:84px;  border: 2px solid #40bbcd; color: #333; padding: 0 60px 0 14px;}
.headImg{ float:left; width:60px; height:60px; border-radius: 60px; margin-right: 20px; }
.headImg img{ width: 100%;height:100%; border-radius: 50%;}

.yuyue{ background: url(../images/yy_bg.jpg) no-repeat center; height: 448px;}
.yuyue .form{ float: right; width: 590px;}
.yuyue .form label{ margin-top: 30px; display: inline-block;}
.yuyue .form label img{ margin-right: 20px; float: left;}
.yuyue .form input{ width: 420px; height: 70px; line-height: 70px; border: 3px solid #070102; border-radius: 5px; background: #fff001; color: #3a3931; font-size: 30px; padding: 0 20px;}
.yuyue .form .yanzhengma{ position: relative; }
.yuyue .form .yanzhengma .getcode{
    position: absolute;
    right: 20px;
    top: 25px;
    font-size: 26px;
    color: #0093ad;
 }

.yuyue .form input::-webkit-input-placeholder{ color: #3a3931; }
.yuyue .form input.ft_yy_form_n_rBtn{ cursor: pointer; display: block; background: url(../images/yy_btn.png) no-repeat; width: 262px; height: 78px;padding-bottom: 8px; margin: 30px auto 0; border: none; font-weight: bold; transition: all .3s linear;}
.yuyue .form input.ft_yy_form_n_rBtn:hover{ transform: translate(-5px);}

@keyframes tp1 {0%{opacity: .9; top: 72px;}50%{opacity: 1; top: 77px;}100%{opacity: .9; top: 72px;}}
@keyframes tp2 {0%{opacity: .9; top: 72px;}50%{opacity: 1; top: 80px;}100%{opacity: .9; top: 72px;}}
@keyframes tp3 {0%{opacity: .9; bottom: 102px;}50%{opacity: 1; bottom:110px;}100%{opacity: .9; bottom: 102px;}}
@keyframes tp4 {0%{opacity: .9; bottom: 102px;}50%{opacity: 1; bottom: 110px;}100%{opacity: .9; bottom: 102px;}}