html, body { background:#fff; padding: 0; margin: 0 auto; }
div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, th, td, hr, blockquote, form, header { margin:0 auto; padding:0;}
h1, h2, h3, h4, h5, h6, em { font-weight: normal; font-size: 100%; font-style: normal;}
a { cursor: pointer; text-decoration: none; color: #666;transition:all .3s}
a:hover { color: #333; text-decoration: none}
a:active, a:focus { outline: none;}
ul, li { list-style: none;}
img { border: 0;}
table {border-collapse:collapse;}
input,textarea,fieldset { padding:0px; margin:0 auto}
.clearbox { clear: both;}
.f_l { float:left}
.f_r { float:right}
@font-face { font-family:hkyt;src:url(../font/hkyt.ttf);}
@font-face { font-family:titilliumsemibold;src:url(../font/TitilliumWeb-SemiBold.ttf);}
@font-face { font-family:titilliumregular;src:url(../font/TitilliumWeb-Regular.ttf);}
body,button,input,select,textarea{ font-family: titilliumregular,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;}


@media (max-width: 767px) {
body,input,select,textarea{font-size:.28rem}
.main{position:relative;width:7.5rem; padding-bottom: 1rem;}
.head { height: 1rem; width: 7.5rem; overflow: hidden;}
.logo { height: .6rem; float: left; margin: .2rem 0 0 .2rem;}
.logo img { width: .6rem; height: .6rem; border-radius: .12rem; display: block; float: left;}
.logo span { font-size: .4rem; line-height: .6rem; float: left; color: #222; font-family: hkyt; margin-left: .12rem;}

.nav_box { width: 7.5rem; height: 100%; position: fixed; z-index: 5000; top: 0; left: 50%; margin-left: -3.75rem; background: rgba(0,0,0,0.4); display: none; }
.nav { width: 3.5rem; line-height: .9rem; box-shadow: 0 0 .16rem rgba(0,0,0,0.2); z-index: 9999; background: #fff; position: fixed; height: 100%; top: 0;left: 50%; margin-left: .25rem; display: none; }
.nav li { border-bottom: #e8e8e8 .02rem solid; height: .9rem;}
.nav li a { display: block; font-size: .28rem; color: #666; height: .9rem; padding: 0 .4rem 0 .36rem; }
.nav li a:hover { background: #f5f5f5}
.nav_btn { float: right; line-height: 1rem; display: block; padding: 0 .2rem;}
.nav_btn i { font-size: .4rem;}
.app,.kefu { display: none;}
.banner { height: 4rem; width: 7.5rem; background: url(../images/banner.jpg) no-repeat center center; background-size: auto 100%;  text-align: center;}
.hk_banner { height: 4rem; width: 7.5rem; background: url(../images/hk_banner.jpg) no-repeat center center; background-size: auto 100%;  text-align: center;}
.xjp_banner { height: 4rem; width: 7.5rem; background: url(../images/xjp_banner.jpg) no-repeat center center; background-size: auto 100%;  text-align: center;}
.yh_banner { height: 4rem; width: 7.5rem; background: url(../images/yh_banner.jpg) no-repeat center center; background-size: auto 100%;  text-align: center;}
.b_nr h1 { font-size: .68rem; color: #fff; text-shadow: 0 .04rem .1rem rgba(0, 0, 0, .4); line-height: .68rem; padding-top: .76rem;}
.b_nr div { font-size: .32rem; color: #fff;text-shadow: 0 .04rem .1rem rgba(0, 0, 0, .4); line-height: .32rem; margin-top: .32rem;}
.b_nr p { background: #3658ff; color: #fff; line-height: .72rem; border-radius: .12rem;  display: inline-block; vertical-align: top; padding: 0 .4rem; margin-top: .48rem;box-shadow: 0 .08 .2rem rgba(54, 88, 255, .4);}
.ad_banner { height: 5.6rem; width: 7.5rem; background: url(../images/ad_banner.png) no-repeat 74% center ; background-size: auto 100%; text-align: center;}
.ab_nr h1 { font-size: .68rem; color: #000;  line-height: .68rem; padding-top: .8rem;text-shadow: 0 .02rem .02rem rgba(255, 255, 255, 1)}
.ab_nr div { font-size: .32rem; color: #333; line-height: .32rem; margin-top: .32rem;text-shadow: 0 .02rem .02rem rgba(255, 255, 255, 1)}
.ab_nr span { font-size: .28rem; background: #fff; color: #3658ff; line-height: .64rem; border: #3658ff .04rem solid; border-radius: .12rem;  display: inline-block; vertical-align: top; padding: 0 .6rem; margin-top: .48rem;box-shadow: 0 .08rem .2rem rgba(54, 88, 255, .4);}
.ab_nr a { display: none;}
.tit1 { text-align: center;}
.tit1 a { display: none;}
.tit1 h2 { font-size: .32rem; font-weight: 600; color: #222; line-height: .36rem; margin-top: .48rem;}
.yh_ls { width: 7.5rem; overflow: hidden; margin-top: .32rem;}
.yh_ls li { float: left; width: 3.45rem; margin: .1rem .2rem; background: #f3f4f9; text-align: center; margin-right: 0; border-radius: .12rem; padding: .3rem 0;}
.yh_ls li .bico { width: 1rem; height: 1rem; background: #fff; border-radius: 50%; margin: 0 auto; padding: .06rem;}
.yh_ls li .bico img { width: 1rem; height: 1rem; display: block;}
.yh_ls li a { display: block; color: #333;}
.yh_ls li h3 { color: #333; font-size: .28rem; line-height: .4rem; margin-top: .2rem;}

.yh_ls li .ico { width: 1.12rem; height: 1.12rem; background: #fff; border-radius: 50%; margin: 0 auto; text-align: center; line-height: 1.12rem;}
.yh_ls li .ico img { width: .72rem; height: .72rem; display: block; margin: .2rem; float: left;}
.yh_ls li .ico i { font-size: .72rem; color: #3658ff;}
.yh_ls li p { font-size: .24rem; color: #666; margin-top: .16rem; line-height: .4rem; height: .8rem; padding: 0 .3rem;}

.ty_ls { width: 7.5rem; overflow: hidden; margin-top: .32rem;}
.ty_ls li { float: left; width: 2.85rem; margin: .1rem .2rem; height: 2.6rem; background: #f3f4f9; text-align: center; margin-right: 0; border-radius: .12rem; padding: .3rem .3rem;}
.ty_ls li div.ico { width: 1.12rem; height: 1.12rem; border-radius: 50%; background: #fff; text-align: center; line-height: 1.12rem;}
.ty_ls li div.ico i { font-size: .72rem; color: #3658ff;}
.ty_ls li h3 { color: #333; font-size: .28rem; margin-top: .24rem; line-height: .28rem;}
.ty_ls li p { font-size: .24rem; color: #666; margin-top: .16rem; line-height: .4rem;}

.lc_ls { width: 7.5rem; overflow: hidden; margin-top: .32rem; padding-top: .1rem;}
.lc_ls li { width: 7.1rem; height: .8rem; background: #f3f4f9; border-radius: .12rem; margin-bottom: .2rem; line-height: .8rem;}
.lc_ls li p { font-size: .24rem; float: left; color: #666;}
.lc_ls li br { display: none;}
.lc_ls li h3 { float: left; font-size: .24rem; font-weight: 600; margin-right: .2rem; color: #333;}
.lc_ls li em { float: left; width: .4rem; height: .4rem; background: #3658ff; border-radius: 50%; color: #fff; margin: .2rem; text-align: center; line-height: .4rem; font-size: .24rem;}

.qt_ls { width: 7.5rem; overflow: hidden; margin-top: .32rem;}
.qt_ls li { float: left; width: 2.23rem; margin: .1rem .2rem; background: #f3f4f9; text-align: center; margin-right: 0; border-radius: .12rem; padding: .3rem 0;}
.qt_ls li h3 { font-size: .24rem; margin-top: .16rem;}
.qt_ls li i { font-size: .8rem; color: #3658ff; height: .8rem; display: block;}

.botm {background: #f3f4f9;width: 7.5rem; overflow: hidden; margin-top: .32rem; padding-top: .32rem; padding-bottom: .32rem;}
.botm li { float: left; width: 3.45rem; margin: .1rem .2rem; background: #fff; text-align: center; margin-right: 0; border-radius: .12rem; padding: .3rem 0;}
.botm li div { width: 1.12rem; height: 1.12rem; border-radius: 50%; text-align: center; line-height: 1.12rem;}
.botm li div i { font-size: .72rem; color: #fff;}
.botm ul li div.bgc1 { background: #5789f0;}
.botm ul li div.bgc2 { background: #3fa7d8;}
.botm ul li div.bgc3 { background: #3658ff;}
.botm ul li div.bgc4 { background: #8e5aca;}
.botm ul li h4 { font-size: .24rem; margin-top: .16rem; color: #333;}
.botm ul li p { font-size: .22rem; color: #999; line-height: .32rem; margin-top: .12rem;}
.foot { background: #3658ff; width: 7.5rem; color: #fff; font-size: .22rem; text-align: center; line-height: .4rem; padding: .2rem 0;}
.foot a { color: #fff; display: block;}

.b_banner { height: 6rem; width: 7.5rem; background: url(../images/b_banner.jpg) no-repeat center center; background-size: auto 100%;  text-align: center; margin-top: .32rem;}
.tit2 { font-size: .32rem; font-weight: 600; color: #fff; line-height: .36rem; padding-top: .48rem;}
.cl_ls { width: 7.5rem; overflow: hidden; margin-top: .32rem; color: #fff;}
.cl_ls li { float: left; font-size: .24rem; width: 3.05rem; margin: .1rem .2rem; height: .68rem; background: #4e5057; text-align: left; margin-right: 0; border-radius: .12rem; padding: 0 .2rem; line-height: .68rem;}
.zx { display: none;}
.cl_ls li em { float: left; width: .4rem; height: .4rem; background: #fff; border-radius: 50%; color: #676768; margin-top: .14rem; margin-right: .12rem; text-align: center; line-height: .4rem; font-size: .24rem;}
.pf_box { width: 7.5rem; height: .88rem; background: #fff; position: fixed; bottom: 0; left: 50%; margin-left: -3.75rem; box-shadow:  0 0 .1rem rgba(0, 0, 0, .2);}
.pf_box a { display: block; width: 3.75rem; float: left; text-align: center; line-height: .88rem; color: #333;}
.pf_box a .icon-weixin { font-size: .32rem;vertical-align: middle; color: #4eb236;}
.pf_box a .icon-app { font-size: .28rem; color: #3658ff; }
.pf_box a i { margin-right: .08rem;}
.wx_box { width: 7.5rem; height: 100%; position: fixed; z-index: 5000; top: 0; left: 50%; margin-left: -3.75rem; background: rgba(0,0,0,0.3); display: none; }
.wx_a { width: 4rem; height: 3.68rem; text-align: center; position: absolute; top: 50%; margin-top: -2rem; left: 50%; margin-left: -2rem; background: #fff; border-radius: .2rem; box-shadow: 0 0 .2rem rgba(0, 0, 0, .3); padding-top: .32rem;}
.wx_a a.close { width: .6rem; height: .6rem; background: #f8f8f8; color: #666; position: absolute; display: block; top: 4.3rem; border-radius: 50%; text-align: center; line-height: .6rem; left: 1.7rem; box-shadow: 0 0 .2rem rgba(0, 0, 0, .3);}
.wx_a a.close i { font-size: .32rem;}
.wx_a img { width: 1.4rem; height: 1.4rem; display: block; margin: 0 auto; border-radius: .2rem;}
.wx_a h3 { font-size: .3rem; font-weight: 600; color: #333; line-height: .3rem; margin-top: .24rem;}
.wx_a p { font-size: .24rem; color: #666; line-height: .24rem; margin-top: .2rem; font-family: Verdana;}
.wx_a div { width: 3.6rem; height: .6rem; font-size: .22rem; margin-top:.5rem; }
.wx_a div a { display: block; width: 1.7rem; height: .6rem; float: left; border-radius: .12rem; line-height: .6rem; color: #fff; }
.wx_a div a:last-child { margin-left: .2rem;}
.wx_a div a.wxh { background: #3658ff;}
.wx_a div a.dkwx { background: #4eb236;}


.yt_ls { width: 7.5rem; overflow: hidden; margin-top: .32rem;}
.yt_ls li { float: left; width: 3.05rem; margin: .1rem .2rem; height: 3.8rem; background: #f3f4f9; text-align: center; margin-right: 0; border-radius: .12rem; padding: .3rem .2rem;}
.yt_ls li div.ico { width: 1.12rem; height: 1.12rem; border-radius: 50%; background: #fff; text-align: center; line-height: 1.12rem;}
.yt_ls li div.ico i { font-size: .72rem; color: #3658ff;}
.yt_ls li h3 { color: #333; font-size: .28rem; margin-top: .24rem; line-height: .28rem;}
.yt_ls li div { font-size: .22rem; color: #888; margin-top: .08rem;}
.yt_ls li p { color: #666; font-size: .22rem;margin-top: .12rem; line-height: .38rem;}

.lc_ls1 { width: 7.5rem; overflow: hidden; margin-top: .32rem; padding-top: .1rem;}
.lc_ls1 li { width: 7.1rem; height: .8rem; background: #f3f4f9; border-radius: .12rem; margin-bottom: .2rem; line-height: .8rem;}
.lc_ls1 li p { font-size: .24rem; float: left; color: #666;}
.lc_ls1 li br { display: none;}
.lc_ls1 li h3 { float: left; font-size: .24rem; font-weight: 600; margin-right: .2rem; color: #333;}
.lc_ls1 li em { float: left; width: .4rem; height: .4rem; background: #3658ff; border-radius: 50%; color: #fff; margin: .2rem; text-align: center; line-height: .4rem; font-size: .24rem;}

.kh_lk { margin-top: .44rem;}
.kh_lk a { color: #fff; font-size: .22rem; border: #fff .04rem solid; padding: 0 .3rem; border-radius: .3rem; display: inline-block; height: .52rem; line-height: .52rem; margin: 0 .12rem;}
.kh_lk a.active { background: #fff; color: #3a3c42;}


.zj_ls { width: 7.5rem; overflow: hidden; margin-top: .32rem;}
.zj_ls li { float: left; width: 3.05rem; margin: .1rem .2rem; background: #f3f4f9; text-align: center; margin-right: 0; border-radius: .12rem; padding: .3rem .2rem;}
.zj_ls li div.ico { width: 1.12rem; height: 1.12rem; border-radius: 50%; background: #fff; text-align: center; line-height: 1.12rem;}
.zj_ls li div.ico i { font-size: .72rem; color: #3658ff;}
.zj_ls li h3 { color: #333; font-size: .28rem; margin-top: .24rem; line-height: .28rem;}
.zj_ls li p { color: #666; font-size: .22rem;margin-top: .16rem; line-height: .38rem; height: .76rem;}

.zj_ls1 { width: 7.5rem; overflow: hidden;}
.zj_ls1 li { width: 6.5rem; background: #f3f4f9; border-radius: .12rem; margin-top: .2rem; padding: .2rem .3rem;}
.zj_ls1 li h3 {color: #333; font-size: .28rem; line-height: .52rem; padding-bottom: .1rem;}
.zj_ls1 li p { font-size: .22rem; color: #666; line-height: .36rem; padding: .1rem 0 .1rem .44rem; position: relative;}
.zj_ls1 li p em { width: .32rem; height: .32rem; float: left; background: #3658ff; color: #fff; text-align: center; line-height: .32rem; border-radius: 50%; position: absolute; left: 0; top: .12rem;}
.sl_n { width: 7.1rem; background: #3658ff; height: 2.2rem; border-radius: .2rem; margin-top: -1.3rem;}
.sl_n li { width: 3.55rem; float: left; text-align: center; padding-top:.22rem}
.sl_n li p { font-size: .2rem; color: #c6cdff; line-height: .2rem; margin-top: .08rem;}
.sl_n li div { color: #fff; font-size: .4rem; line-height: .4rem;}
.sl_n li div span { font-size: .24rem; vertical-align: middle;}
.sl_n li div em { font-size: .36rem; }

.tit3 { text-align: center;}
.tit3 a,.tit3 p { display: none;}
.tit3 h2 { font-size: .32rem; font-weight: 600; color: #222; line-height: .36rem; margin-top: .48rem;}

.yd_wt { width: 7.5rem; overflow: hidden; margin-top: .32rem;}
.yd_wt li { float: left; width: 2.85rem; margin: .1rem .2rem; background: url(../images/qusetion.png) no-repeat left top #f8f8f8;background-size: .8rem; margin-right: 0; border-radius: .12rem; padding: .3rem .3rem;}
.yd_wt li h3 { font-size: .23rem; color: #333; padding-bottom: .16rem;}
.yd_wt li div { font-size: .2rem; color: #666; background: url(../images/icon_check.png) no-repeat left center; background-size: .24rem; padding-left: .34rem; line-height: .48rem;}
.yd_wt li:last-child {background: url(../images/thumbsup.png) no-repeat left top #f8f8f8;background-size: .8rem;}

.hy_md { height: 5.3rem; width: 7.5rem; background: url(../images/media_bg.png) no-repeat center center; background-size: auto 100%;  text-align: center; margin-top: .32rem;}
.hy_md>div { padding-top: .28rem;}
.hy_md h2 { font-size: .32rem; font-weight: 600; color: #fff; line-height: .36rem; padding-top: .48rem;}
.hy_md li { width: 2.5rem; float: left; padding-top: .24rem; padding-bottom: .24rem;}
.hy_md li img { width: 1rem; height: 1rem; display: block; margin: 0 auto;}
.hy_md li p { font-size: .24rem; color: #fff; margin-top: .12rem;}

.fw_lx { width: 7.5rem; overflow: hidden; margin-top: .32rem;}
.fw_lx li { width:7.1rem; margin: .1rem .2rem; margin-right: 0; border-radius: .12rem; background: #f8f8f8; float: left; text-align: center; padding-bottom: .24rem; padding-top: .28rem;}
.fw_lx li p { font-size: .2rem; padding: 0 .2rem; line-height: .36rem; color: #666; margin-top: .08rem;}
.fw_lx li div { width: 1.12rem; height: 1.12rem; border-radius: 50%; background: #fff; text-align: center; line-height: 1.12rem;}
.fw_lx li div i { font-size: .72rem; color: #3658ff;}
.fw_lx li h3 { font-size: .28rem; line-height: .48rem; margin-top: .16rem;}

.index_banner { height: 13rem; width: 7.5rem; background: url(../images/index_banner.png) no-repeat center center; background-size: auto 100%;  text-align: center;}
.d_btn { display: none;}
.app_pg { width: 4.2rem; margin-top: .5rem; box-shadow: 0 .04rem .4rem rgba(0, 0, 0, .3); border-radius: .32rem; overflow: hidden;}
.app_pg img { width: 4.2rem; display: block; }
.app_js { color: #fff; padding-top: .56rem;}
.fs_40 { font-size: .36rem; line-height: .36rem;}
.fs_65 { font-size: .6rem; line-height: .6rem; margin-top: .32rem;}
.fs_24 { font-size: .28rem; line-height: .28rem; margin-top: .44rem;}

.ch_yw { width: 7.5rem; overflow: hidden; margin-top: .32rem;}
.ch_yw li { float: left; width: 3.45rem; margin: .1rem .2rem; background: #f3f4f9; text-align: center; margin-right: 0; border-radius: .12rem; padding: .3rem 0;}
.ch_yw li a { display: block; }
.ch_yw li h3 { color: #333; font-size: .28rem; line-height: .4rem; margin-top: .2rem;}
.ch_yw li .ico { width: 1.12rem; height: 1.12rem; background: #fff; border-radius: 50%; margin: 0 auto; text-align: center; line-height: 1.12rem;}
.ch_yw li .ico i { font-size: .72rem; color: #3658ff;}
.ch_yw li p { font-size: .24rem; color: #666; margin-top: .16rem; line-height: .4rem;  padding: 0 .3rem;}

.pc_wx { display: none;}

}



@media (min-width: 767px)
{
html,body {font-size:16px;}
.head { height: 80px; min-width: 1200px; }
.w1200 { width: 1200px;}
.logo { height: 40px; float: left; margin-top: 20px;}
.logo a { height: 40px; display: block; overflow: hidden;}
.logo a img { width: 40px; height: 40px; float: left; border-radius: 8px;}
.logo a span { float: left; line-height:40px; margin-left: 10px; font-size: 30px; color: #222;font-family: "hkyt";}
.nav_btn { display: none;}
.nav { font-size: 16px; float: left; margin-left: 90px;}
.nav li { float: left; height: 40px; padding: 20px 22px; line-height: 40px; position: relative;}
.nav li a { color: #333;}
.nav li a:hover { color: #3658ff;}
.nav li.active::after { content: ""; width: 36px; height: 6px; display:block; background: #3658ff; position: absolute; left: 50%; bottom: 0; margin-left: -18px; border-radius: 6px;}
.banner { height: 400px; min-width: 1200px; background: url(../images/banner.jpg) no-repeat top center;}
.yh_banner { height: 400px; min-width: 1200px; background: url(../images/yh_banner.jpg) no-repeat top center;}
.hk_banner { height: 400px; min-width: 1200px; background: url(../images/hk_banner.jpg) no-repeat top center;}
.xjp_banner { height: 400px; min-width: 1200px; background: url(../images/xjp_banner.jpg) no-repeat top center;}
.app,.kefu { float: right; font-size: 14px; width: 120px; height: 40px; position: relative; margin-top: 20px; margin-left: 20px; z-index: 9999; display: block;}
.app span { width: 116px; height: 36px; border-radius: 40px; border: #3658ff 2px solid; line-height: 36px; text-align: center; display: block; color: #3658ff;}
.kefu span { width: 120px; height: 40px; border-radius: 40px; line-height: 40px; text-align: center; display: block; color: #fff; background: #4eb236;}
.app div,.kefu div { position: absolute; width: 140px; background: #fff; text-align: center; left: -10px; border-radius: 10px; top: 50px; box-shadow: 0 3px 15px rgba(0, 0, 0, .2); overflow: hidden; padding-top: 5px; padding-bottom: 16px; display: none;}
.app div img,.kefu div img { width: 130px; display: block; margin: 0 auto;}
.app div p,.kefu div p { color: #333; line-height: 20px; margin-top: 4px;}
.b_nr { width: 1200px; text-align: center; padding-top: 70px;}
.b_nr h1 { font-size: 60px; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, .4);}
.b_nr div { font-size: 30px; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, .4); margin-top: 15px; line-height: 40px;}
.b_nr p { font-size: 22px;background: #3658ff; color: #fff; line-height: 50px; border-radius: 10px;  display: inline-block; vertical-align: top; padding: 0 40px; margin-top: 50px;box-shadow: 0 4px 10px rgba(54, 88, 255, .4);}
.box1 { width: 1200px; margin-top: 36px;}
.tit1 { height: 50px;}
.tit1 a { float: right; font-size: 16px; height: 46px; display: inline-block; border: #3658ff 2px solid; border-radius: 25px; line-height: 46px; width: 186px; text-align: center; color: #3658ff;box-shadow: 0 4px 10px rgba(54, 88, 255, .2);}
.tit1 a:hover { background: #3658ff; color: #fff;}
.tit1 h2 { font-size: 30px; color: #222; line-height: 50px;}
.tit1 span { float: right; font-size: 16px; line-height: 50px; color: #888;}
.ty_ls { width: 1200px; overflow: hidden; margin-top: 20px;}
.ty_ls li { width: 336px; height: 80px; padding: 25px; overflow: hidden; background: #f3f4f9; border-radius: 10px; float: left; font-size: 16px; color: #888; margin: 10px 21px 10px 0;}
.ty_ls li:nth-child(3n) { margin-right: 0;}
.ty_ls li div.ico { width: 80px; height: 80px; float: left; border-radius: 50%; background: #fff; text-align: center; line-height: 80px;}
.ty_ls li div.ico i { font-size: 52px; color: #3658ff;}
.ty_ls li div.con { float: right; width: 236px;}
.ty_ls li div.con h3 { font-size: 20px; color: #333; font-weight: 600; height: 24px; line-height: 24px;}
.ty_ls li div.con p { line-height: 24px; margin-top: 8px;}
.lc_ls { width: 1200px; overflow: hidden; margin-top: 30px;}
.lc_ls li { width: 183.3px; height: 140px; float: left; background: #f3f4f9; margin-right: 20px; border-radius: 10px; font-size: 16px; text-align: center; position: relative; overflow: hidden; padding-top: 80px;}
.lc_ls li:last-child { margin-right: 0;}
.lc_ls li div.bg1 { position: absolute; width: 380px; height: 380px; border-radius: 50%; background: #e9ecf9; bottom: 147px; right: 0;}
.lc_ls li div.bg2 { width: 210px; height: 210px; background: #3658ff; border-radius: 50%; bottom: 150px; right: 104px; position: absolute;}
.lc_ls li em { position: absolute; color: #fff; font-size: 26px; left: 20px; top: 10px; line-height: 30px;}
.lc_ls li h3 { font-size: 20px; color: #333; line-height: 32px; font-weight: bold;}
.lc_ls li p { margin-top: 14px; color: #888; line-height: 28px;}
.b_banner { height: 560px; min-width: 1200px; background: url(../images/b_banner.jpg) no-repeat center center; margin-top: 50px;}
.tit2 { width: 1200px; color: #fff; text-align: center; font-size: 36px; line-height: 36px; padding-top: 68px;}
.cl_ls { overflow: hidden; width: 1200px; margin-top: 39px;}
.cl_ls li { width: 386px; height: 60px; background: #4e5057; float: left; margin: 10px 21px 10px 0; border-radius: 10px; font-size: 18px; line-height: 60px; color: #fff;}
.cl_ls li:nth-child(3n) { margin-right: 0;}
.cl_ls li em { width: 32px; height: 32px; display: inline-block; float: left; background: #fff; border-radius: 50%; margin: 14px 0 0 15px; text-align: center; line-height: 32px; color: #676768; font-family: titilliumsemibold; margin-right: 12px;}
.zx { width: 1200px; height: 50px; padding-top: 50px;}
.zx a { display: block; width: 186px; height: 46px; color: #fff; border: #fff 2px solid; border-radius: 25px; text-align: center; font-size: 16px; line-height: 46px; margin: 0 auto;}
.zx a:hover { background: #fff; color: #3a3c42;}
.qt_ls { width: 1200px; overflow: hidden; margin-top: 30px; margin-bottom: 50px;}
.qt_ls li { width: 183.3px; height: 140px; float: left; background: #f3f4f9; margin-right: 20px; border-radius: 10px; font-size: 16px; text-align: center; position: relative; overflow: hidden; padding-top: 40px;}
.qt_ls li:last-child { margin-right: 0;}
.qt_ls li i { font-size: 60px; color: #3658ff;}
.qt_ls li h3 { font-size: 20px; color: #333; line-height: 32px; margin-top: 20px; font-weight: 600;}
.botm { background: #f3f4f9; min-width: 1200px; min-height: 100px; padding-top: 50px; padding-bottom: 45px;}
.botm ul { width: 1200px; overflow: hidden; text-align: center;}
.botm ul li { width: 300px; float: left; font-size: 16px;}
.botm ul li div { width: 80px; height: 80px; border-radius: 50%; margin: 0 auto; text-align: center; line-height: 80px;}
.botm ul li div.bgc1 { background: #5789f0;}
.botm ul li div.bgc2 { background: #3fa7d8;}
.botm ul li div.bgc3 { background: #3658ff;}
.botm ul li div.bgc4 { background: #8e5aca;}
.botm ul li div i { color: #fff; font-size: 52px;}
.botm ul li h4 { font-size: 20px; color: #222; line-height: 20px; margin-top: 18px;}
.botm ul li p { line-height: 28px; color: #999; margin-top: 16px;}
.foot {background: #3658ff; min-width: 1200px; height: 60px; line-height: 60px; font-size: 14px;}
.foot div { color: #fff; width: 1200px; text-align: center; font-family: Verdana;}
.foot div a { color: #fff;}

.yt_ls { width: 1200px; overflow: hidden;margin-top: 20px;}
.yt_ls li { width: 540px; padding: 25px; overflow: hidden; background: #f3f4f9; border-radius: 10px; float: left; font-size: 16px; color: #888; margin: 10px 20px 10px 0;}
.yt_ls li:last-child { margin-right: 0;}
.yt_ls li div.ico { width: 80px; height: 80px; border-radius: 50%; background: #fff; text-align: center; line-height: 80px; margin: 0 auto;}
.yt_ls li div.ico i { font-size: 52px; color: #3658ff;}
.yt_ls li div.con { text-align: center; margin-top: 16px;}
.yt_ls li div.con h3 { font-size: 20px; color: #333; font-weight: bold;}
.yt_ls li div.con div { margin-top: 2px; line-height: 20px; font-size: 18px;}
.yt_ls li div.con p { margin-top: 14px; color: #666; line-height: 28px;}
.yt_ls li div.con a { font-size: 16px; height: 46px; display: block; border: #3658ff 2px solid; border-radius: 25px; line-height: 46px; width: 186px; text-align: center; color: #3658ff;box-shadow: 0 4px 10px rgba(54, 88, 255, .2); margin: 20px auto 0 auto;}
.yt_ls li div.con a:hover { background: #3658ff; color: #fff;}

.yh_ls { width: 1200px; overflow: hidden;margin-top: 20px;}
.yh_ls li { width: 235px; padding: 25px; overflow: hidden; background: #f3f4f9; border-radius: 10px; float: left; font-size: 16px; color: #888; margin: 10px 20px 10px 0; text-align: center;}
.yh_ls li:nth-child(4n) { margin-right: 0;}
.yh_ls li h3 { font-size: 20px; color: #333; font-weight: 600; margin-top: 16px;}
.yh_ls li p { margin-top: 10px;}
.yh_ls li .ico { width: 60px; height: 60px; background: #fff; border-radius: 50%; margin: 0 auto; line-height: 60px; padding: 10px;}
.yh_ls li .ico i { font-size: 52px; color: #3658ff;}
.yh_ls li .ico img { width: 60px; height: 60px; display: block;}

.yh_ls li .bico { width: 72px; height: 72px; background: #fff; border-radius: 50%; margin: 0 auto; line-height: 60px; padding: 4px;}
.yh_ls li .bico img { width: 72px; height: 72px; display: block;}
.yh_ls li a { display: block;}

.lc_ls1 { width: 1200px; overflow: hidden; margin-top: 30px;}
.lc_ls1 li { width: 224px; height: 140px; float: left; background: #f3f4f9; margin-right: 20px; border-radius: 10px; font-size: 16px; text-align: center; position: relative; overflow: hidden; padding-top: 80px;}
.lc_ls1 li:last-child { margin-right: 0;}
.lc_ls1 li div.bg1 { position: absolute; width: 380px; height: 380px; border-radius: 50%; background: #e9ecf9; bottom: 147px; right: 49px;}
.lc_ls1 li div.bg2 { width: 210px; height: 210px; background: #3658ff; border-radius: 50%; bottom: 150px; right: 153px; position: absolute;}
.lc_ls1 li em { position: absolute; color: #fff; font-size: 26px; left: 20px; top: 10px; line-height: 30px;}
.lc_ls1 li h3 { font-size: 20px; color: #333; line-height: 32px; font-weight: bold;}
.lc_ls1 li p { margin-top: 14px; color: #888; line-height: 28px;}

.kh_lk { width: 1200px; text-align: center; margin-top: 40px; height: 44px;}
.kh_lk a { display: inline-block; width: 146px; height: 40px; color: #fff; border: #fff 2px solid; border-radius: 22px; text-align: center; font-size: 16px; line-height: 40px; margin: 0 10px;}
.kh_lk a:hover,.kh_lk a.active { background: #fff; color: #3a3c42;}

.zj_ls { width: 1200px; overflow: hidden;margin-top: 20px; text-align: center;}
.zj_ls li { width: 235px; padding: 25px; overflow: hidden; background: #f3f4f9; border-radius: 10px; float: left; font-size: 16px; color: #888; margin: 10px 20px 0 0;}
.zj_ls li:last-child { margin-right: 0;}
.zj_ls li h3 { font-size: 20px; color: #333; font-weight: 600; margin-top: 16px;}
.zj_ls li p { line-height: 28px; height: 56px; margin-top: 10px;}
.zj_ls li div.ico { width: 80px; height: 80px; border-radius: 50%; background: #fff; text-align: center; line-height: 80px; margin: 0 auto;}
.zj_ls li div.ico i { font-size: 52px; color: #3658ff;}

.zj_ls1 { width: 1200px; overflow: hidden;margin-top: 20px; margin-bottom: 50px;}
.zj_ls1 li { width: 540px; padding: 25px; overflow: hidden; background: #f3f4f9; border-radius: 10px; float: left; font-size: 16px; color: #888; margin: 10px 20px 0 0;}
.zj_ls1 li:last-child { margin-right: 0; }
.zj_ls1 h3 {font-size: 20px; color: #333; font-weight: 600; margin-bottom: 10px;}
.zj_ls1 p { line-height: 40px;}
.zj_ls1 p em { width: 24px; height: 24px; display: inline-block; float: left; background: #3658ff; color: #fff; border-radius: 50%; text-align: center; line-height: 24px; margin: 8px 10px 0 0;}
.zj_ls1 li.hhh {height: 200.67px;}
.zj_ls1 li.www {width: 1200px;}

.ad_banner { height: 440px; min-width: 1200px; background: url(../images/ad_banner.png) no-repeat center center #f8f8f8; background-size: auto 100%;}
.ab_nr { width: 1200px; padding-top: 80px;}
.ab_nr h1 { font-size: 52px; color: #000; font-weight: 600;}
.ab_nr div { font-size: 26px; color: #333; margin-top: 12px; line-height: 40px;}
.ab_nr a { font-size: 18px;background: #fff; color: #3658ff; line-height: 44px; border: #3658ff 2px solid; border-radius: 10px;  display: inline-block; vertical-align: top; padding: 0 40px; margin-top: 40px;box-shadow: 0 4px 10px rgba(54, 88, 255, .4);}
.ab_nr a:hover { background: #3658ff; color: #fff;}
.ab_nr span { display: none;}
.sl_n { width: 1200px; height: 100px; background: #3658ff; border-radius: 10px; margin-top: -76px; padding-top: 20px;}
.sl_n li { width: 299px; float: left; border-right: #2a4cf2 1px solid; height: 80px; text-align: center;}
.sl_n li:last-child { border-right: 0;}
.sl_n li div { color: #fff; font-size: 40px; line-height: 48px;}
.sl_n li div span { font-size: 20px; vertical-align: middle;}
.sl_n li div em { font-size: 30px; }
.sl_n li p { color: #c6cdff; font-size: 14px;}

.tit3 { width: 1200px; margin-top: 50px;}
.tit3 a { float: right; font-size: 16px; height: 46px; display: inline-block; border: #3658ff 2px solid; border-radius: 25px; line-height: 46px; width: 156px; text-align: center; color: #3658ff;box-shadow: 0 4px 10px rgba(54, 88, 255, .2);}
.tit3 a:hover { background: #3658ff; color: #fff;}
.tit3 h2 { font-size: 32px; font-weight: 600; color: #333; line-height: 32px;}
.tit3 p { font-size: 20px; color: #333; line-height: 20px; margin-top: 20px;}

.yd_wt { width: 1200px; overflow: hidden; margin-top: 40px;}
.yd_wt li { width: 234px; height: 260px; overflow: hidden; float: left; border-radius: 10px; margin-right: 28px; background:url(../images/qusetion.png) no-repeat left top #f8f8f8; background-size:72px 72px; padding-left: 45px; font-size: 14px;}
.yd_wt li:last-child { margin-right: 0;background: url(../images/thumbsup.png) no-repeat left top #f8f8f8;background-size:72px 72px;}
.yd_wt li h3 { font-size: 16px; font-weight: 600; color: #333; padding-top: 38px; margin-bottom: 16px;}
.yd_wt li div { line-height: 38px; background: url(../images/icon_check.png) no-repeat left center; background-size: 20px; padding-left: 30px; color: #666; }

.hy_md { height: 320px; min-width: 1200px; background: url(../images/media_bg.png) no-repeat center center #444; background-size: auto 100%; margin-top: 50px;}
.hy_md h2 { width: 1200px; text-align: center; font-size: 38px; color: #fff;font-weight: 600; line-height: 38px; padding-top: 58px;}
.hy_md div { width: 1200px; overflow: hidden; margin-top: 50px;}
.hy_md div li { width: 200px; float: left; text-align: center;}
.hy_md div li img { display: block; margin: 0 auto; width: 80px; height: 80px;}
.hy_md div li p { font-size: 18px; color: #fff; font-family: titilliumsemibold; margin-top: 10px;}

.fw_lx { width: 1200px; overflow: hidden; margin-top: 40px; margin-bottom: 50px;}
.fw_lx li { width: 321.3px; float: left; background: #f8f8f8; margin-right: 28px; border-radius: 10px; padding: 25px 30px; text-align: center;}
.fw_lx li:last-child { margin-right: 0;}
.fw_lx li h3 { font-weight: 600; font-size: 20px; color: #333; margin-top: 16px;}
.fw_lx li p { font-size: 16px; color: #666; line-height: 28px; margin-top: 10px; }
.fw_lx li div { width: 80px; height: 80px; border-radius: 50%; background: #fff; text-align: center; line-height: 80px; margin: 0 auto;}
.fw_lx li div i { font-size: 52px; color: #3658ff;}
.pf_box { display: none;}
.wx_box { display: none;}
.index_banner { height: 550px; min-width: 1200px; background: url(../images/index_banner.png) no-repeat top center; overflow: hidden;}
.ch_yw { width: 1200px; overflow: hidden; margin-top: 30px; padding-bottom: 50px;}
.ch_yw li { width: 174px; float: left; background: #f3f4f9; margin-right: 20px; border-radius: 10px; font-size: 16px; text-align: center; position: relative; overflow: hidden; padding: 25px;}
.ch_yw li:nth-child(5n) { margin-right: 0;}
.ch_yw li.pcnone { display: none;}
.ch_yw li div.ico { width: 80px; height: 80px; border-radius: 50%; background: #fff; text-align: center; line-height: 80px; margin: 0 auto;}
.ch_yw li div.ico i { font-size: 52px; color: #3658ff;}
.ch_yw li h3 { font-size: 20px; color: #333; font-weight: 600; margin-top: 16px;}
.ch_yw li p { margin-top: 10px;}

.idx_nr { width: 1200px;}
.app_pg { width: 300px; float: left; margin: 70px 0 0 123px; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 20px rgba(0, 0, 0, .3);}
.app_pg img { width: 300px; display: block;}
.app_js { float: right; width: 683px; color: #fff; padding-top: 120px;}
.d_btn { margin-top: 60px; position: relative;}
.d_btn a { width: 186px; height: 46px; border: #fff 2px solid; border-radius: 25px; display: block; text-align: center; line-height: 46px; font-size: 18px; color: #fff;}
.d_btn img { width: 140px; height: 140px; border-radius: 10px; position: absolute; left: 210px; top: 0; display: none; }
.fs_40 { font-size: 36px; line-height: 36px;}
.fs_65 { font-size: 60px; line-height: 60px; margin-top: 30px;}
.fs_24 { font-size: 24px; line-height: 24px; margin-top: 44px;}

.pc_wx { width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, .4); left: 0; top: 0; z-index: 99999; display: none;}
.pc_wx_box { width: 180px; height: 240px; background: #fff; border-radius: 10px; box-shadow: 0 2px 20px rgba(0, 0, 0, .3); position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -130px; padding: 10px; text-align: center; line-height: 26px; color: #666;}
.pc_wx_box img { width: 180px; height: 180px; display: block; margin: 0 auto;}
.pc_wx_box a { width: 30px; height: 30px; background: #fff; border-radius: 50%; text-align: center; line-height: 30px; display: block; position: absolute; right: -14px; top: -14px; box-shadow: 0 0 10px rgba(0, 0, 0, .3);}
.pc_wx_box a i { font-size: 14px;}

}