﻿
@charset "utf-8";
/*格式化*/
#content p img{ width:100%;display:block; margin:0 auto; max-width:560px;}
#imgProc{ width:20px;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; overflow-x: hidden;   min-width: 320px;    max-width: 750px;    margin: 0 auto;} 
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
/*排版通用*/
.f-mm{ margin-left:auto; margin-right:auto;}/*居中对齐*/
.f-fl{ float:left;} /*左浮动*/
.f-fr{ float:right;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.f-tl{ text-align:left;} /*左对齐*/
.f-tc{ text-align:center;} /*中间对齐*/
.f-pr{ position:relative;} /*定位*/
.f-di{ display:inline;}

/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:750px; margin:0 auto; overflow:hidden; position:relative;height: 100%;} /*网站首页宽度*/


/*-------CSS3特效集合--------*/
@keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@keyframes xshow2 {0% {opacity:0;}20% {opacity:1;}40% {opacity:0;}60% {opacity:1;}80% {opacity:0;}100% {opacity:0;}}
@-webkit-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes buttonHover{0% {box-shadow:0 0 5px #808080;}50% {box-shadow:0 0 12px #808080;}100%{box-shadow:0 0 5px #808080;}}
@keyframes buttonHover{0% {box-shadow:0 0 5px #808080;}50% {box-shadow:0 0 12px #808080;}100% {box-shadow:0 0 5px #808080;}}

/* 夜间模式  */
.nightMode{ position:fixed; top:0; left:0; z-index:9999; width:100%; height:150%; background:#000;opacity:0.0;display:none; pointer-events:none;}

#mesbook1_c, #mesbook1{display:none;z-index:1001;width:90%;border:1px solid #ccc;background:#fff; padding-bottom:10px;    margin-top: 0% !important;
    position: fixed !important;border-radius: 20px;    overflow: hidden;    top: 35% !important;
}
#mesbook1_c img, #mesbook1 img{width: 0;}

#mesbook1_c div, #mesbook1 div{border:1px solid #E4E3E3;background:#EBECEB;height: 2rem;padding:4px .5em 0;margin-bottom:10px;font-size: 1.2rem;text-align: center;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:90%; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt {float:left;width: 30%;overflow:hidden;}
#mesbook1_c dl.b1 dt img, #mesbook1 dl.b1 dt img{width: 50%;margin: 0.5rem auto;display: block;}
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd {width: 70%;float:right;}
#mesbook1_c dl.b1 dd li, #mesbook1 dl.b1 dd li{ font-size:1.2rem; line-height:2rem; display:block}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {width:5.5rem;    height: 2.2rem;    line-height: 2.2rem;    color: #fff;    background: #004d61;border-radius: 20px; border:0}
#oran_full_bg{ z-index:998 !important}

.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;} 
.f_fl{ float:left;}
.f_fr{ float:right;}
.f_pr{ position: relative;}
.f_pa{ position: absolute;}


section.g_bd{ margin-top:3.75rem}
.prevent-scroll {
    overflow: hidden;
}


.g-hd {z-index: 301;height:3.75rem;background: #fff; position: fixed;  width: 100%; top: 0;    min-width: 320px;
    max-width: 750px;}
.head2 .logo{ width:23.6%; float:left; margin:0.4rem 2.35% 0 3.1%;}
.head2 .logo img{display:block; width:100%;}
.head2 h4{ width:59%; line-height:3.75rem; font-size:1.22rem; color:#333; float:left; font-weight: normal;box-sizing: border-box;text-align: center; box-sizing: border-box; padding-left: 10%;}
.head2 h4 a{position: relative; color:#004d61; display: inline-block; float: left; width: 25%;font-weight: bold;}
.head2 h4 .cur a{background: url(/mobile/images/n_cur.png) no-repeat center 2.3rem; background-size:2.5rem 0.42rem;}

.head2 .menu_btn{width:6%; height:3.75rem; float:right; overflow:hidden; margin-right:3.1%;}
.head2 .menu_btn a.downmenu{display:block; width:100%; padding:1.24rem 0 0 0;}
.head2 .menu_btn img{ display:block; width:100%;}
.menu2 .slideMenu{width: 80%;display: none;z-index: 112;position: fixed;top:0;right:0px;transition:transform 1s;-webkit-transition:transform 0.2s;animation: scale1 0.2s forwards ease;-webkit-animation: scale1 0.2s forwards ease;transform: translateX(100%);height:100%;/* box-shadow: 0px 2px 1px #0F0F0F; */background: #fff;}
.menu2cur .slideMenu{  transform: translateX(0);}
.menuclose{position: absolute;    right: 10%;z-index: 2;top: 2rem;}
.menubj{top: 0;    right: 0;    width: 0;    height: 0;    position: fixed;    overflow: hidden;    z-index: 20;    opacity: 0;    background-color: rgba(34,34,34,0.25);    transition: opacity 300ms ease-in-out;}
.menubjcur{transition: opacity 300ms ease-in-out;    opacity: 1;    height: 100vh;    width: 100%;}
.slideMenu{min-height: 64rem;background: #fff;}
.menu2 ul{padding-top: 20%;height: 78%;margin: 0 auto;overflow-x: hidden;overflow-y: scroll;position: relative;display: block;}
.menu2 li{line-height:4rem;position: relative;}
.menu2 li:last-of-type{border: none;}
.menu2 li h3{display:block;background: #fff;border-top: 1px solid #f9f9f9;}
.menu2 li h3 a{width: 70%;display: block;font-size: 1.5rem;color: #333;height: 5rem;line-height: 5rem;margin: 0 auto;padding-left: 10%;margin-right: 20%;font-weight: bold;}
.menu2 li i{position: absolute;right:6%;top: 1.25rem;width:0.583rem;height:0.875rem;background:url(/mobile/images/gj_ico1.jpg) no-repeat center;background-size: 0.583rem 0.875rem;padding:0.876rem;display: block;z-index: 9;}
.menu2 li i.cur{background:url(/mobile/images/gj_ico1hv.jpg) no-repeat center;background-size: 0.875rem 0.583rem;}
.menu2 li p{width:100%;}
.menu2 li.on h3{background: #f9f9f9;}
.menu2 li.on h3 a{ color: #065e75}
.menu2 li.on p{display:block;}
.menu2 li p{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;line-height: 0;display: none;padding: 1rem 10%;width: 80%;}
.menu2 li p a{display:block;font-size: 1.2rem;line-height: 3rem;color: #333;}








.footer{background: #004d61;overflow: hidden;box-sizing: border-box;}
.footer ul{height:63vh;}
.footer li{line-height:7.15vh;border-bottom:1px solid #1b6173;position: relative;padding:0 7.3%;    width: 85%; float:left}
.footer li:last-of-type{border: none;}
.footer li h3 a{width:90%;display: block;font-size:1.16rem;color: #fff;}
.footer li i{position: absolute;right:6%;top:0.9rem;width:0.583rem;height:0.875rem;background:url(/mobile/images/ft_ico1.png) no-repeat center;background-size: 0.583rem 0.875rem;padding:0.876rem;display: block;z-index: 9;}
.footer li i.cur{background:url(/mobile/images/ft_ico1_hv.png) no-repeat center;background-size: 0.875rem 0.583rem;}
.footer li p{width:100%;}
.footer li.on p{display:block;}
.footer li p{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;line-height: 0;display: none;}
.footer li p a{min-width: 20%;box-sizing: border-box;padding-left:0.916rem;background: url(/mobile/images/ft_ico2.png) no-repeat left center;line-height:3vh;font-size:2vh;color: #cfd9df; float:left;background-size:0.375rem 0.5rem;overflow: hidden;margin-bottom: 2vh; margin-right:3%}
.ft_b{height:5vh;background: #2c2b29;line-height: 5vh;text-align: center;font-size:2vh;color: #fff;clear: both;}


html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:400px){html{font-size: 12.5px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:520px){html{font-size:    16.25px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:600px){html{font-size:  18.75px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}
@media screen and (min-width:704px){html{font-size:    22px;}}
@media screen and (min-width:750px){html{font-size:    24px;}}





/*当前页*/
.dqy{position: fixed;height:100%;bottom:0;width:100%;z-index:500;animation: scale1 0.1s forwards ease;-webkit-animation: scale1 0.1s forwards ease;opacity: 0;transform: translateX(-100%);background:#fff;overflow-y: scroll;}
.dqy .close{position: absolute;height:4.25rem;width:4.25rem;top:2.375rem;right:4.26%; z-index:100;}
.dqy .close em img{width: 100%;display: block;}
.dqycur{transition: all 0.5s 0.5s;    opacity: 1;    transform: translateX(0); bottom:auto; top:0 }
.dqynr{/* max-height: 100%; */margin:0 auto;display: none;overflow-x: hidden; /*x轴禁止滚动*/overflow-y: scroll;/*y轴滚动*/}
.dqynr::-webkit-scrollbar { display: none;/*隐藏滚动条*/}
.dqynrcur{  display:block}


/*04当前页 ( 团队打造 )*/
.td-con{padding:2.5rem 6.4% 0;}
.td-con h2{text-align: center;margin-bottom: 2.79rem;}
.td-con h2 span{display:block;font-size: 3rem; line-height: 3rem; color:#004d61;margin-bottom: 0.54rem; font-weight: normal;}
.td-con h2 em{display:block;font-size: 1rem; color:#1C1C1C; font-weight: normal;}
.td-con .td-desc{padding:3.29rem 0 4.125rem;border:1px solid #D8F0F4;border-radius:50px; margin-bottom: 2.25rem;}
.td-con .td-desc i{display:block;width:19.7%;height:5.3rem;margin:0 auto 1.41rem;}
.td-con .td-desc i img{width:100%; height:100%;}
.td-con .td-desc span{display:block;font-size: 2rem; color:#004d61; line-height: 2rem;margin-bottom: 1.16rem;text-align: center;}
.td-con .td-desc p em{display:block; width:1.25rem;height:1.25rem;float:left; margin-left: 3.16rem;margin-right: 0.58rem;background:url(/mobile/images/neiye/td-icon.png) no-repeat center;}
.td-con .td-desc p b{display:block;font-size: 1rem;color:#1C1C1C; text-align: center; font-weight: normal;float:left;}
.td-con .td-cont{ text-align: center;margin-top: 3.625rem; line-height: 2.5rem;}
.td-con .td-cont a{font-size: 2.5rem; color:#004d61;}
/*04当前页 ( 团队打造 )结束*/


/*全网攻略当前页*/
/* -- 视频 -- */
.vc1{position: relative;}
.vcs img{width: 100%;display: block;}
.vcs b{height:5.67rem;width:5.67rem;display: block;position: absolute;top: 40%;left: 40%;}
.vcs b img{width: 100%;display: block;}
.vc1 .close{position: absolute;height:4.25rem;width:4.25rem;top:2.375rem;right:4.26%;}
.vc1 .close em img{width: 100%;display: block;}

.vcr{height:7.75rem;width:45.3%;background: #e94709;border-top-left-radius: 1.75rem;border-top-right-radius: 1.75rem;overflow: hidden;position: absolute;bottom: 0;right:0.5%;}

.vcr ul li{ float: left;width: 32.3%;margin-top:1.91rem;}
.vcr ul li i{font-size: 2.5rem;font-weight: bold;color: #ffffff;display: block;line-height:2.5rem;text-align: left;}
.vcr ul li span{font-size:1rem;color:#5e421c;display: block;line-height:1rem;padding-top:0.5rem;}
.vcr ul li:first-child{margin-left:2.3rem;margin-right: 4%;}

/* -- 全网营销 -- */
.qwyx{height:20.375rem;}
.qwyx h2{text-align: center;padding-top:3.8rem;}
.qwyx h2 em{font-size: 2.4rem;color:#004d61;display: block;line-height:2.4rem;}
.qwyx p{text-align: center;font-size: 1rem;color: #1c1c1c;display: block;line-height: 1.66rem;width: 80%;margin: 0 auto;padding-top: 1.45rem;}
.qwyx p i{font-weight: bold;}
.qwyx .ljs{text-align: center;display: block;width:22%;font-size: 1rem;line-height: 1rem;background:url(/mobile/images/neiye/jts_1.png) no-repeat right;background-size: 1.08rem 0.958rem;margin:2rem auto 0;}

/* -- 全网营销s -- */
.qwyxs{height:59.20rem;}
.qwyxs i img{width: 100%;display: block;}
.qwyxs ul{margin:0 8%;}
.qwyxs ul li{float: left;height: 8.33rem;border-bottom: 1px solid #c4d3d5;box-sizing: border-box;width: 100%;}
.qwyxs ul li b{font-size: 1.5rem;color:#004d61;display: block;line-height:1.5rem;padding-top: 1.66rem;padding-bottom: 0.83rem;}
.qwyxs ul li span{font-size:1rem;color:#4c6a6f;display: block;line-height: 1rem;}
.qwyxs ul li p{font-size: 1rem;line-height: 1.5rem;display: block;color:#4c576f;padding-left: 0.75rem;position: relative;}
.qwyxs ul li p:after{position: absolute;left: 0;top: 0.2rem;content: "";height: 0.25rem;width:0.25rem;background:#4c576f;border-radius: 0.75rem;}
.qwyxs ul li:first-child b{padding-top:2.916rem;}
.qwyxs ul li:first-child{background:url(/mobile/images/neiye/tim_1.png) no-repeat right; background-size:3.125rem 3.16rem;}
.qwyxs ul li:nth-child(2){height:8.04rem;background:url(/mobile/images/neiye/sk_1.png) no-repeat right 1.7rem;background-size: 3.5rem 3.08rem;}
.qwyxs ul li:last-child{border-bottom: none;height:12.91rem;background:url(/mobile/images/neiye/nr_1.png) no-repeat right 1.7rem;background-size: 3.08rem 3.08rem;}
.qwyxs .qmgd{font-size: 2.5rem;color:#004d61;display: block;line-height: 2.5rem;text-align: center;margin-top:2.20rem;}
/*全网攻略当前页结束*/

/*联系我们当前页*/
.lx-con{padding:2.3rem 2.6rem 5.4rem 2.3rem;}
.ptly .form ul li{height:3.4rem;border:3px solid #e0e3e5;border-radius: 20px;margin-bottom: 1.2rem; position:relative;}
.ptly .form ul li label{height:3.4rem;line-height: 3.4rem; font-size: 1.16rem;color:#1C1C1C; float:left; margin-left: 1.875rem;}
.ptly .form ul li input{width:76.9%; height:3.4rem; line-height: 3.4rem;color:rgba(43,43,43,0.8); padding-right:2.2rem; box-sizing: border-box;float:right;font-size: 1rem;border-radius: 50px; text-align: right;}
.ptly .form ul li i{display:block;width:0.5rem;height:0.45rem; background:url(/mobile/images/neiye/td-dbx.png) no-repeat center; background-size:100%;position: absolute;right:-1.3rem;top:1.54rem;background-size:100%; }
.ptly .form ul li.last{height:11.875rem;border:3px solid #e0e3e5;border-radius: 20px;padding:1.25rem 1.375rem; box-sizing: border-box;}
.ptly .form ul li.last textarea{width:100%;height:9.4rem;font-size: 1.16rem;color:rgba(43,43,43,0.8);}
.ptly .submit{height:3.75rem; line-height: 3.75rem; text-align: center;background:#004d61; border-radius: 45px; margin-bottom: 3.7rem; font-size: 1.16rem; color:#FFF; width:100%; border:0}
.lx-con .addre{border-top:2px solid #cfcfcf;padding-top:1.75rem;}
.lx-con .addre h3{text-align: center;font-size: 1.25rem; color:#004d61; margin-bottom: 2.08rem;}
.lx-con .addre ul li{height:1.33rem; line-height: 1.33rem; margin-bottom: 1rem; font-size: 0.91rem;}
.lx-con .addre ul li:first-child{background:url(/mobile/images/neiye/td-ad-1.png) no-repeat right;background-size:5%;}
.lx-con .addre ul li:last-child{background:url(/mobile/images/neiye/td-ad-2.png) no-repeat right;background-size:5%;}



/*视频弹出框*/
.video_box{position: fixed;width:90%;top: 35%;left:5%;height:30vh;display:block;z-index: 999;}
.video_bj{top: 0;right: 0;opacity: 1; height: 100vh;width: 100%;position: fixed;overflow: hidden;z-index: 20;background-color: rgba(34,34,34,0.25);}
.video_box .video_close{position: absolute;height: 2rem;width: 2rem;top: -3rem;right: 0;z-index: 100;}
.video_box .video_close em img{ width:100%; display:block}
.video_center{width:100%;height:100%;display:block;z-index:30;position: relative;}