body{background:#ffffff;font-size:12px;-webkit-text-size-adjust:none;width:100%;height:100%;font:14px 'Hiragino Sans GB', Arial, sans-serif !important;}
body{margin:0;padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,span{margin:0;padding:0;border:0;-webkit-text-size-adjust:none;}
a{text-decoration:none;-webkit-touch-callout:none;}
a:hover{text-decoration: none;}
ul,ol,dl{list-style:none;}
::input-placeholder{color:#ddd;font-size:1em;font-weight:bold;}
img{vertical-align:bottom;}
.h30{width:100%;height:30px;}
.h20{width:100%;height:20px;}
.h10{width:100%;height:10px;}
.h60{width:100%;height:60px;}
.h14{width:100%;height:14px;}
.h5{width:100%;height:5px;}
.mt20{margin:20px 0;}
.mt10{margin-top:10px;}
.clear{clear:both;}
.cont{width:1200px;display: block;margin:0 auto;position: relative;z-index: 1;}

.head{display: block;padding:20px 0;height:60px;background: #163760;color:#fff;}
.head{position: fixed;top:0;left:0;right: 0;z-index: 9}
.head .cont{display: flex;}
.head .left{width:300px;}
.head .left img{height:40px;position: relative;top:10px;}
.head .right{flex:1;display: flex;}
.head .right a{flex: 1;text-align: center;font-size:18px;display: block;line-height:60px;color:#fff;}
.head .right.m_nav{display: none}
.banner{display: block;position: relative;height:-webkit-calc(100vh);background: url(../images/banner.png) no-repeat;background-size: cover;}
.banner .text{width: 500px;min-height:420px;position: absolute;top:50%;left:50%;margin:-150px 0 0 -250px;text-align: center;}
.banner .text .logo{width:320px;}
.banner .text p{font-size:22px;line-height:33px;color:#fff;padding:20px 0 60px 0;}
.btn{display: inline-block;padding:10px 0px;background:#fff;border-radius: 38px;color:#468EFF;width:160px;font-size:18px;position: relative;}
.btn img{width:20px;display: inline-block !important;margin-left:10px;position: relative;top:-4px;}

.mk1{display: block;padding:50px 0;box-sizing: border-box;}
.mk1 .top{display: block;padding-bottom:120px;text-align: center;width:600px;margin:0 auto;}
.mk1 .top h1{font-size:44px;color:#163760;font-weight: 600;}
.mk1 .top p{display: block;font-size:18px;color:#163760;padding:5px 0 40px 0;line-height:30px;}
.mk1 .top .btn{background:#163760;color:#fff;height:30px;line-height:30px;}
.mk1 .top .btn img{top:-6px;}
.mk1 .mk1_slick{display: flex;}
.mk1 .mk1_slick>div{flex: 1;text-align: center;}
.mk1 .mk1_slick>div p{display: block;font-size:18px;padding-top:30px;}

.mk2{display: block;background: url(../images/mk_2_bg.png) no-repeat;background-size: cover;padding:50px 0;box-sizing: border-box;}
.mk2 .title{display: block;font-size:44px;color:#163760;text-align: center;position: relative;font-weight: 600;line-height:200%;}
.mk2 .title::after{content: '';width:160px;height:4px;background:rgba(22,55,96,.3);display: block;position: absolute;left:50%;margin-left:-83px;}
.mk2_cont{display: block;padding:90px 0 0 0;}
.mk2_cont .l{width:50%;float: left;padding-top:70px;padding-right:100px;box-sizing: border-box;}
.mk2_cont .l h1{font-size:30px;color:#163760;font-weight: 600;}
.mk2_cont .l p{display: block;font-size:18px;color:#163760;padding:20px 0 40px 0;line-height:30px;}
.mk2_cont .l .btn{background:#163760;color:#fff;height:30px;line-height:30px;text-align: center;margin-top:60px;}
.mk2_cont .l .btn img{top:-6px;}
.mk2_cont .r{width:50%;float: right;position:relative;}
.mk2_cont .r img{margin:0 auto;width:100%}

.mk3{display: block;padding:50px 0;box-sizing: border-box;}
.mk3 .title{display: block;font-size:44px;color:#163760;text-align: center;position: relative;font-weight: 600;line-height:200%;}
.mk3 .title::after{content: '';width:160px;height:4px;background:rgba(22,55,96,.3);display: block;position: absolute;bottom:-20px;left:50%;margin-left:-83px;}
.mk3_cont{display: block;padding:80px 0 40px 0;overflow: hidden;}
.mk3_cont .l{width:43%;float: right;padding-top:120px;padding-left:50px;box-sizing: border-box;}
.mk3_cont .l p{display: block;font-size:18px;color:#163760;padding:20px 0 40px 0;line-height:30px;}
.mk3_cont .l .btn{background:#163760;color:#fff;height:30px;line-height:30px;text-align: center;margin-top:60px;}
.mk3_cont .l .btn img{top:-6px;}
.mk3_cont .r{width:47%;float: left;position:relative;}
.mk3_cont .r img{margin:0 auto;width:100%;}
.mk3 .func{display: flex;padding-top:20px;}
.mk3 .func a{display: block;flex: 1;text-align: center;}
.mk3 .func a img{width:45px;}
.mk3 .func a p{display: block;color:#163760;font-size:18px;padding-top:5px;}

.mk4{display: block;padding:50px 0;box-sizing: border-box;}
.mk4 .title{display: block;font-size:44px;color:#163760;text-align: center;position: relative;font-weight: 600;line-height:200%;}
.mk4 .title::after{content: '';width:160px;height:4px;background:rgba(22,55,96,.3);display: block;position: absolute;left:50%;margin-left:-83px;}
.mk4 .link{display: flex;padding-top:37px;margin:0 -20px;}
.mk4 .link>div{flex: 1;padding:0 20px;box-sizing: border-box;}
.mk4 .link>div a{display: block;height:120px;border-radius:8px;vertical-align: middle;box-shadow:0px 4px 8px 0px rgba(0,0,0,0.1);}
.mk4 .link>div a img{width:100%;}

.footer{display: block;padding:50px 0;background:#163760;color:#fff;}
.footer .cont{padding:30px 0 0 0;}
.footer .cont.flex{padding:30px 0;display: flex;}
.footer .cont.center{text-align: center;}
.footer .title{display: block;font-size:40px;color:#fff;text-align: center;position: relative;font-weight: 600;padding:20px 0;}
.footer .btn{background:#468EFF;color:#fff;height:30px;line-height:30px;width:166px;text-align: center;margin:54px auto 30px auto;position: relative;}
.footer .btn img{top:-6px;}
.footer .logo{flex:1}
.footer .logo img{height:35px;}
.footer .nav{display: flex;flex:2}
.footer .nav a{flex: 1;color:#fff;line-height:50px;text-align: center;font-size:18px;}
.footer .last{display: block;text-align: center;}
.footer .last a{display: inline-block;line-height:30px;color:#fff;padding:0 10px;font-size:18px;}
.footer .last a img{height:25px;float: left;width: auto;margin:0 5px 0 0;}
.footer .last a:first-child img{width:25px;height:auto;position: relative;top:8px;margin:0 10px 0 0;}
.footer .form{width:200px;height:50px;background:#fff;border-radius:25px;display:flex;position: absolute;right:0;top:0;}
.footer .form>div{flex:1;color:#163760;text-align: center;line-height:50px;font-size:18px;}
.footer .form a{width:90px;height:50px;display: block;background: #468EFF;border-radius:25px;float: right;text-align: center;}
.footer .form a img{width:27px;position: relative;top:13px;}
.m_footer{display: none}
/* Slider */
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;position: relative;}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;display:none;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}

.slider{width:100%;position: relative;z-index: 1;border-bottom:2px solid #CABA7B;}
.slider .li{display: block !important;position:relative;}
.slider .li img{width:100%;}
.slider .li .bannertitle{position:absolute;bottom:310px;left:50%;margin-left:-600px;font-size:18px;line-height:200%;width:450px;}
.slider .li .bannertitle h1{font-size:40px;padding-bottom:5px;margin-bottom:10px;line-height:120%;border-bottom:2px solid #CABA7B;}
.slider .li .bannertitle a{position: absolute;left:470px;top:50px;border-radius:4px;background:#CABA7B;color:#fff;display:inline-block;width:80px;line-height:36px;font-size:12px;text-align: center;}
.slider .li .bannertitle a i{float: right;position: relative;right:5px;}
.slider .li .bannertitle a:hover{text-decoration: none;}
.slider .li .bannertitle p{display: block;line-height:24px;height:48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.slick-dots{text-align: center;z-index:2;margin-top:20px;}
.slick-dots li{margin:0 4px;width:8px;height:8px;border-radius:50%;background:#888888;border:none;display:inline-block;overflow:hidden;cursor:pointer;}
.slick-dots li button{text-indent:9999px;background:none;box-shadow: none;border:none;cursor:pointer;}
.slick-dots li.slick-active{background:#4587F8}
.slick-prev, .slick-next{width:30px;height:30px;background: url(../images/l.png) no-repeat;background-size:16px 29px;color:#fff;text-align: center;line-height:60px;position: absolute;left:0;top:50%;margin-top:-30px;border:none;outline: inherit;cursor: pointer;z-index: 1;text-indent:-99999999px;}
.slick-next{left:auto;right:0;background:url(../images/r.png) no-repeat 0 0;background-size:16px 29px;}
.slider:hover .slick-prev,.slider:hover .slick-next{display: block!important;}

.bg{position: fixed;top:0;bottom:0;left:0;right:0;z-index: 10;background:rgba(0,0,0,.7);}
.form_wind{z-index:11;width:476px;height:560px;padding:90px 78px 45px 78px;background:#fff;box-sizing: border-box;border-radius:8px;position: fixed;top:50%;left:50%;margin:-280px 0 0 -238px;}
.form_body{display: block;position: relative;width:100%;height:100%;}
.form_body::before{content: '';display: block;width:192px;height: 148px;background: url(../images/form_img_1.png) no-repeat;background-size: cover;position:absolute;left:50%;top:-152px;margin:0 0 0 -96px;}
.form_body .close{width:40px;height:40px;position: absolute;top:-80px;right:-68px;background:url(../images/oticon_4.png) no-repeat center;background-size: 18px 18px;display: block;cursor: pointer;}
.form_body .top{display: block;text-align: center;}
.form_body .top img{width: 237px;}
.form_body .top p{display: block;color:#163760;font-size:16px;line-height:22px;}
.form_cont{display: block;padding-top:24px;}
.input{display: block;padding-bottom:24px;float: left;width:100%;}
.input.min{width:46%;margin:0 4% 0 0;}
.input.min.even{margin:0 0 0 4%;}
.input input{width:100%;border-bottom:1px solid #979797;height:40px;line-height:40px;outline:none;color: rgba(22,55,96,1);
font-size: 16px;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: rgba(22,55,96,.5);
  font-size: 16px;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: rgba(22,55,96,.5);
  font-size: 16px;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: rgba(22,55,96,.5);
  font-size: 16px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: rgba(22,55,96,.5);
  font-size: 16px;
}

.submit{display: block;width:100%;height:48px;background:#163760;border-radius:24px;text-align: center;float: left;margin-top:20px;cursor: pointer;}
.submit input{display: block;color:#fff;font-size:18px;line-height:48px;background:none;text-align: center;width:100%;cursor: pointer;}
.head .m_navbtn,.m_swipe{display: none;}

.tool{display: none;}
.m_page{height: calc(100vh - 100px)}
.m_page:first-child{height:100vh}
.m_page.section:last-child{background: #163760}
.m_page.section:last-child .mk4{background:#fff;margin-bottom:0;padding-bottom:125px;}

@media only screen and (min-height: 600px) and (max-height: 750px){
  .mk1,.mk2,.mk3,.mk4{padding-top:45px;}
  .mk4{padding-bottom:20px;}
  .mk1 .top{padding-bottom:10%;}
  .mk1 .top{padding-bottom:20px;}
  .mk1 .mk1_slick>div p,.mk2 .title,.footer .cont.flex{padding-top:0;}
  .mk2_cont,.mk3_cont,.mk3_cont .l,.mk3,.mk4{padding-top:20px;}
  .mk2_cont .r{width:40%;}
  .mk2_cont .l .btn{margin-top:20px;}
  .mk3_cont .r img{width:70%}
  .mk3,.mk4{margin: 0}
  .m_page.section:last-child .mk4{padding-bottom:40px;}
  .footer,.footer .title{padding:0;}
  .footer .btn{margin:20px auto;}

}

@media only screen and (min-width: 100px) and (max-width: 700px){

  .head .right{display: none}
  body{overflow:hidden}
  .cont{width:100%;}
  .head{padding:5px 20px;height:35px;}
  .head{position: fixed;top:0;left:0;right: 0;z-index: 9}
  .head .left{width:auto;}
  .head .left img{height:26px;top:5px;}
  .head .right{display: none;position: fixed;top:45px;left:0;right:0;background:rgba(0,0,0,.9);padding:20px 0;}
  .head .right a{display: block;line-height:50px;text-align: center;}
  .head .m_navbtn{display: block;width:35px;height:35px;position: absolute;right:0;top:0;text-align: right;}
  .head .m_navbtn img{width:23px;position: relative;top:6px;}
  .m_container{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0%; }
  .m_page{height: 100%; position: relative;}
  .m_page:last-child{background: #163760}
  .banner{height:100%}
  .banner .text{width:240px;height:245px;margin:-122.5px 0 0 -120px;}
  .banner .text .logo{width:160px;}
  .banner .text p{font-size: 14px;line-height:20px;padding:17px 0 47px 0;}
  .btn{width:102px;height:34px;line-height:34px;font-size:12px;padding:0;}
  .btn img{top:-11px;width:13px;}

  .mk1{padding:25% 22px 40px 20px;height:100%;box-sizing: border-box;margin:0;}
  .mk1 .top{width:100%;padding-bottom:20%;margin-top:20px;}
  .mk1 .top h1{font-size:24px;line-height:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .mk1 .top p{font-size: 14px;line-height:20px;padding:0;margin:5px 0 15px 0;
    overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;
  }
  .mk1 .mk1_slick{display:block;margin:0 auto;width:80%;}
  .mk1 .mk1_slick>div{flex:initial;}
  .mk1 .slick-slide img{width:100%}

  .mk1 .top .btn,.mk2_cont .l .btn,.mk3_cont .l .btn{height:34px;line-height:34px;}
  .mk1 .top .btn img,.mk2_cont .l .btn img,.mk3_cont .l .btn img{top:-10px;}

  .mk2{background: #F6F7F9;padding:25% 20px 36px 20px;box-sizing: border-box;margin:0;}
  .mk2 .title{font-size:24px;line-height:33px;padding-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .mk2 .title::after{width:80px;height:1px;margin-left:-40px;bottom:-10px;}
  .mk2_cont{padding-top:30px;}
  .mk2_cont .r,.mk2_cont .l{display: block;float: inherit;width:100%;}
  .mk2_cont .r{width:80%;margin:0 auto;}
  .mk2_cont .r img{width:100%;}
  .mk2_cont .l{text-align: center;padding:17px 0 0 0;}
  .mk2_cont .l h1,.mk2_cont .l p{font-size:15px;line-height:21px;}
  .mk2_cont .l p{font-size:14px;padding:0;overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
  .mk2_cont .l .btn{margin-top:20px;}

  .mk3{margin:0;padding:25% 20px 25px 20px;box-sizing: border-box;}
  .mk3 .title{font-size:24px;line-height:33px;padding-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .mk3 .title::after{width:80px;height:1px;margin-left:-40px;bottom:-10px;}
  .mk3_cont{padding:0;}
  .mk3_cont .l{display: block;padding:0;width:100%;float: inherit;text-align: center;}
  .mk3_cont .l p{font-size: 14px;line-height:20px;padding-bottom:0;overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
  .mk3_cont .l .btn{margin-top:20px;}
  .mk3_cont .r{float: inherit;width:90%;margin:30px auto 20px auto;}
  .mk3 .func{padding-top:0px;display: block;overflow: hidden;}
  .mk3 .func a{width:33.3%;float: left;padding:5px 0;}
  .mk3 .func a img{width:24px;}
  .mk3 .func a p{padding-top:5px;font-size:12px;line-height:16px;}

  .mk4{margin:0;padding:20% 20px 50px 20px !important;background:#fff;box-sizing: border-box;}
  .mk4 .title{font-size:24px;line-height:33px;padding-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .mk4 .title::after{width:80px;height:1px;margin-left:-40px;bottom:-10px;}
  .mk4 .link{padding-top:20px;display: block;overflow: hidden;}
  .mk4 .link>div{width:33.3%;float: left;padding:10px;box-sizing: border-box;}
  .mk4 .link>div a{height:68px;}

  .footer {text-align: center;}
  .footer .nav{display:none;}
  .footer .logo{position: relative;left:auto;bottom:auto;width:146px;display: block;margin:auto}
  .footer .logo img{width:100%;height:auto;}
  .footer .form{position: relative;right:auto;top:auto;width:130px;height:26px;margin:20px auto;}
  .footer .form a{height:26px;width:47px;position: relative;}
  .footer .form a img{width:14px;height:13px;top:6px;left:16px;position: absolute;}
  .footer .form>div{font-size:14px;line-height:26px;}

  .footer .last{position: relative;bottom:auto;right:auto;}
  .footer .last a{font-size:12px;}
  .footer .last a img{width:14px;height:auto;position: relative;top:5px;}
  .footer .last a:first-child img{width:18px;height:auto;top:10px;}
  .form_wind{width:90%;padding:90px 20px 20px;left:5%;top:50px;margin:0;height:auto;}
  .form_body .close{right:-10px;}
  .head,.head.scroll{position: fixed;top:0;left:0;right: 0;z-index:9;}

  .m_swipe{position: fixed;bottom:10px;left:0;right:0;text-align: center;height:26px;background:url(../images/oticon_6.png) no-repeat center;background-size:18px 26px;z-index:10;display: block;
    -webkit-animation:bounce 1s .2s infinite linear;
    -moz-animation:bounce 1s .2s infinite linear;}
  .m_swipe.hide{display: none;}
  .tool{position: fixed;z-index:10;right:15px;top:50%;margin-top:-49px;display:block;}
  .tool li{width:8px;height:8px;background:#D8D8D8;border-radius:4px;margin-top:10px;}
  .tool li.touch{background: #468EFF;height:16px;}

  .footer{display: none;}
  .m_footer{display: block;padding:30px 0;background:#163760;color:#fff;}
  .m_footer .cont{padding:0;text-align: center;}
  .m_footer .btn{background:#468EFF;color:#fff;height:30px;line-height:30px;width:110px;text-align: center;margin:20px auto;position: relative;font-size:12px;}
  .m_footer .btn img{top:-8px;}
  .m_footer .logo{display: block;text-align: center;}
  .m_footer .logo img{height:20px;}
  .m_footer .last{display: block;text-align: center;}
  .m_footer .last a{display: block;line-height:30px;color:#fff;padding:0 10px;font-size:12px;}
  .m_footer .last a img{height:20px;width: auto;margin:0 5px 0 0;position: relative;top:-6px;}
  .m_footer .last a:first-child img{width:20px;height:auto;position: relative;top:-8px;margin:0 10px 0 0;}
  .slick-prev, .slick-next{background: url(../images/l.png) no-repeat center;background-size:8px 16px;}
  .slick-next{background:url(../images/r.png) no-repeat center;background-size:8px 16px;}
  .mk2_cont .r{width:80%;}
  .mk3_cont .r img{width:80%}
}

@media only screen and (max-height: 600px){
  .mk1,.mk2,.mk3,.mk4{padding-top:10% !important;}
  .mk4{padding-bottom:20px !important;}
  .mk1 .top{padding-bottom:10%;}
  .mk4 .link{padding-top: 0;}
}

@-webkit-keyframes bounce{
0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
40%{-webkit-transform:translateY(-10px)}
60%{-webkit-transform:translateY(0px)}
}
@-moz-keyframes bounce{
0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
40%{-moz-transform:translateY(-10px)}
60%{-moz-transform:translateY(0px)}
}