@charset "utf-8";
/* CSS Document */

a, abbr, address, article, aside, audio, b, blockquote, body, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, sub, sup, tfoot, th, thead, time, tr, ul, var, video {
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal
}
*:focus {outline: none;}
body{ margin: 0;padding: 0;width: 100%;height: 100%;-webkit-user-select: none;-webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-text-size-adjust:none;background: #fff;
    /*font:12px Microsoft YaHei,arial,\5b8b\4f53;*/color:#333;letter-spacing: -0.02em;min-width: 320px; max-width:100%;font-family: Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size: 12px}
html{-webkit-text-size-adjust: none;background: #fff;}
body * {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
a { text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);cursor:pointer;color:#333;}
input,button,textarea,select {-webkit-appearance:none; font-size:1em;}
input {vertical-align: middle;}
img {border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;font-size: 0;}
table {border-collapse: collapse;border-spacing: 0}
th, td, caption {vertical-align: top;text-align: left}
sub,sup{font-size: 10px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input[type=checkbox]{vertical-align: middle;}
.clear {width:0px; height:0px; font-size:0; clear:both;}
ul,li {list-style:none;}
i,em{ font-style: normal;}
body{max-width: 720px;margin:0 auto;}
/*提示框弹层*/
.Tip_Info{ position:fixed; left:5%; top:50%; width:86%; /*height:80px;*/  margin-top:-40px; font-size:14px; text-align:center;/* line-height:80px;*/ background:rgba(0,0,0,.6); color:#ffffff; z-index:10024; display:none;padding: 15px 2%;border-radius: 5px;}
.clearfix:after                                          {content:"";display:block;clear:both;}
.clearfix                                                {zoom:1;}

/*顶部固定*/
.y_header {width:100%;height:50px;line-height: 50px; background:#fff;border-bottom: 1px solid #ebedf0;position: fixed;left: 0;top: 0;z-index: 16}
.header_back { padding-left:10px; position:absolute; left:0; top:0;}
.header_back a {display:block; float:left;}
.header_back a img {height:24px;}
.header_menu {width:44px; height:44px; position:absolute; right:0; top:3px;}
.header_logo2 { text-align:center; width: 204px; margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.header_logo2 a {display:block; text-align: center;font-size: .9rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.header_logo2 span { color:#fff; font-size:18px; display:inline-block; height:36px; line-height:36px;}
.header_menu a {display:block; width:44px; height:44px; background:url('../images/icon-menu.png') no-repeat center; background-size:65%;}

/*侧边栏样式*/
.y_sidebar{position: fixed;left: 100%; top: 0; z-index: 100;  width: 100%; height: 100%;}
.y_sidebar .y_sidebarcent {  height: 100%; background: #fff; width: 66.66%; position: absolute; right: 0px; top: 0px; z-index: 101;}
.y_sidebar_bg{background: rgba(0,0,0,0.3); width: 100%; height: 100%;}
.y_sidebarcent_ul{ padding-top: 20px;}
.y_sidebarcent_ul ul li{ padding: 10px 30px;}
.y_sidebarcent_ul ul li a span{ font-size: 1rem; color: #101D37; display: inline-block;vertical-align: middle}
.y_sidebarcent_ul ul li i{ width: 30px; height: 30px;display: inline-block; margin-right: 16px; position: relative; top: -1px;}
.y_sidebarcent_ul ul li i img{ width: 100%; height: 100%;}


.close_icon{position: absolute;right:66.66%;top:20px;display: block;width: 40px;height: 40px;line-height:32px;background:url(../images/close_icon.png) no-repeat center center;}
.swiper-container-horizontal>.swiper-pagination{bottom: 0;}
.box01{  position: relative;  width: 100%;  height: 100%;  background-image: -webkit-gradient(linear,left top,bottom top,from(#00bfb7),to(#4bd6ad));   background-image: -webkit-linear-gradient(left,#00bfb7,#4bd6ad);   background-image: -moz-linear-gradient(left,#00bfb7,#4bd6ad);   background-image: linear-gradient(to bottom,#00bfb7,#4bd6ad);   background-color: #05ccb7;color: #fff; overflow: hidden;}

.box01 h1{font-weight: bold;font-size: 2.4rem;padding-bottom: 10px;text-align: center;font-weight: 400;}
.box01 h3{font-weight: 400;font-size: 1.6rem;padding-bottom: 8px;text-align: center;}
.box01 p{line-height: 1.4rem;font-size: .8rem;color:#f8f8f8;padding-bottom: 2px;text-align: center;}
.vrtext{   padding:0 1.2rem 0 1.2rem;width: 100%;position: absolute;left: 0;top:6rem;}
.box01 img{width:60%;margin: 3rem auto 0 auto;display: block;}
.box02{padding: 3rem 0 ;background: #fff;}
.box02 .title{padding:0 0 1rem 0;text-align: center;}
.box02 .title h3{font-size: 1.4rem;color:#05ccb7;padding-bottom: 8px;}
.box02 .title p{color: #6f87aa;font-size: .8rem;}
.box02 .pic{width: 96%;margin:0 auto;}
.box02 .pic img{width: 90%;}

.swiper-container { width: 100%;height: 100%;}
.swiper-container img{width: 100%; }
.swiper-pagination-bullet-active{background: #05ccb7;}
.swiper-slide {text-align: center;background: #fff; overflow: hidden;display: -webkit-box;display: -ms-flexbox;
display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;  -webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.box02 .pic a{position: relative;}
.box02 .pic p{position: absolute;left: 0;bottom:10%;padding:2px 3px;font-size: 1.2rem;width:100%;text-align:center;}
.box02 .pic p b{display: block;font-size: 1rem;padding-bottom: 1px;color:#666;font-weight: 600;}
.box02 .pic p span{display: block;font-size: .9rem;color:#999;}
.box03{padding: 3rem 0;background: #f9f9f9;position: relative;}
.box03 .vrph{width: 200px;height:380px;margin: 0 auto;position: relative;}
.box03 .vrph img{width: 200px;height:380px;}
.vrmo{position: absolute;left: 10px;top: 43px;}
.box03 .title{padding:0rem 2.5rem 2rem 2.5rem;text-align: center;}
.box03 .title h3{font-size: 1.4rem;color:#1d3b5f;padding-bottom: 12px;}
.box03 .title i{color:#05ccb7;}
.box03 .title p{color:#a3b5d1;font-size: .8rem;line-height: 1.6rem;}
p.cz{width: 80%;text-align:left;color:#7f8ca1;margin: 15px auto;}
.box04{background: #fc6d99;padding: 2.5rem 0;    background-image: -webkit-gradient(linear,left top,bottom top,from(#fc6d99),to(#ef82a1));    background-image: -webkit-linear-gradient(left,#fc6d99,#ef82a1);    background-image: -moz-linear-gradient(left,#fc6d99,#ef82a1);   background-image: linear-gradient(to bottom,#fc6d99,#ef82a1);}
.box04 .title h3{color:#fff;}
.box04 .title h3 i{color:#fff;}
.box04 .title p{color:#eee;line-height: 1.2rem;}
.box04 p.cz{color:#eee;}
.box05 li{width: 31.33%;border:1px solid #e3e3e3;float: left;text-align: center;padding: 1rem 0;box-shadow: -2px 4px 7px #eeecec;color:#1d3b5f;border-radius: 5px;margin: 0 1%;}
.box05 li img{width: 40%;margin-bottom: 10px;}
.box05{padding:3rem 1rem;/*background: #222f52;*/}
.box05 .title{padding:0 2.5rem 1rem 2.5rem;text-align: center;}
.box05 .title h3{font-size: 1.4rem;color:#1d3b5f;padding-bottom: 12px;}
.box05 .title i{color:#05ccb7;}
.box03 .vrph .vrmo img{width:180px;height: 302px;}
.box06{padding:3rem 1rem;background: #222f52;}
.box06 ul li{width: 31.33%;float: left;padding: .3rem .3rem 0 .3rem;border:1px solid #7f8ca1;border-radius: 5px;margin:1%;position: relative;}
.box06 ul li img{width: 100%;min-height:5rem;}
.box06 ul li p{color: #7f8ca1;line-height: 1.6rem;text-align: center;text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.box06 .title{padding:0 2.5rem 1rem 2.5rem;text-align: center;}
.box06 .title h3{font-size: 1.4rem;color:#fff;padding-bottom: 12px;}
.box06 .title i{color:#05ccb7;}

/*.box06 .vid_pic{width: 100%;height:7rem;overflow: hidden;    border-radius: 5px;}
.box06 .vid_pic img{width: 100%;height:7rem;}*/
 .vid_pic_ico{ position: absolute;top:36%;left: 50%;   border-radius: 100%;width:35px;    height:35px;  margin-top: -17px;
    margin-left: -17px;  background: url(../images/vr_animation.png);    background-position-y: 0;    background-repeat: no-repeat;    background-size: 100%;    border: 1px solid hsla(0,0%,100%,.8);    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);}
 .vr-animation-forever{ -webkit-animation:vr 5s steps(80) infinite;animation:vr 5s steps(80) infinite;}
@-webkit-keyframes vr{to{background-position-y:100%}}
@keyframes vr{to{background-position-y:100%}}
.vrbox07{background:#1f2c4d;padding: 1.6rem 0;color:#6f87aa;text-align: center;line-height: 1.4rem}