@charset "utf-8";
/* CSS Document */
html,body,p,ul,li{ margin:0; padding:0; list-style:none;}

.page{ width:100%; max-width:1920px; min-width:1060px; position:relative; overflow:hidden; font-size:18px; line-height:26px; font-family:"微软雅黑";}
.page .p_w1{ width:1920px; left:50%; margin-left:-960px; position:relative;}
.page .p_w2{ width:1200px; margin:0 auto; position:relative;}
.page .p_w3{ background:url(../images/bianji_bg01.jpg); display: none;}
.page .p_wz1{ position:absolute; overflow:hidden; font-size:18px;}
.page .p_btn{ position:absolute; left:50%; bottom: 0; width: 693px; margin-left:-347px; cursor:pointer;}
.page .p_btn2{ border-bottom:solid 1px #08a3bf; padding-top:73px;}
.page .p_btn2>img{ width:454px; margin:0 auto; cursor:pointer;}
.page .p_pos{ position:absolute; font-size:18px; line-height:32px;}
.page .p_vidbtn{ position: absolute; cursor: pointer;}
.page .p_bz{ position:absolute; font-size:14px; line-height:24px; color:#777; left:50px; top:795px; width:960px;}
.page a{ color:#000; text-decoration:underline;}
.page .p_wz1 span.sp_t1{ display:block; float:left; background:#08a3bf; border-radius:13px; -webkit-border-radius:13px;  font-family:Arial, Helvetica, sans-serif; width:26px; height:26px; line-height:26px; text-align:center; color:#fff; margin:0 10px 10px 0;}
.page .p_w3 .p_wz1 span.sp_t1{ background:#ffe167; color:#005969; }
.page span.sup{ vertical-align:super; font-size:0.6em; line-height:0.6em;}
.page .tk_bg{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; display:none;}
.page .tk_box{ position:fixed; left:50%; top:50%; width:960px; height:540px; background:#000; margin:-250px 0 0 -480px; display:none;}
.page .tk_close{ position:fixed; left:50%; top:50%; width:40px; height:40px; background:#000; margin:-250px 0 0 480px; font-size:40px; line-height:40px; font-family:'Arial'; text-align:center; color:#fff; cursor:pointer; display: none;}

.page .p_nav{ position:fixed; left:50%; margin-left:530px; top:100px; background:url(../images/bianji_navbg_180125.png) no-repeat; width:102px; height:247px; padding:57px 25px 0 40px;}
.page .p_nav>a{ display:block; margin-top:10px; padding:9px 10px; text-align: center; cursor:pointer; background:#08a3bf; color:#fff; text-decoration: none; font-size: 18px; line-height:22px; border-radius:10px;}
.page .p_nav>a.on{background:#ffe167; color:#08a3bf;}
.page .p_nav>a:hover{background:#ffe167; color:#08a3bf;}
.page .p_nav>a.p_nav01{ background-position:0 0;}
.page .p_nav>a.p_nav02{ background-position:0 -39px;}
.page .p_nav>a.p_nav03{ background-position:0 -97px;}
.page .p_nav>a.p_nav04{ background-position:0 -136px;}


.mobile { width:100%;}
.mobile img{ display:block; width:100%; border:0;}
.mobile .sup{ font-size:0.6em; line-height:0.6em; vertical-align:super;}
.mobile .m_box1{ width:93.125%; margin:8.75vw auto 0; border:solid 0.625vw #08a3bf; box-sizing: border-box; position:relative; padding:14vw 0 5vw; border-radius:3.125vw; -webkit-border-radius:3.125vw;}
.mobile .m_tit{ position:absolute; width:93.125%; left:3.5%; top:-9.375vw;}
.mobile .m_tit2{ width:93.125%; margin:0 auto;}
.mobile .m_box2{ width:93.125%; margin:16.875vw auto 0; border:solid 0.625vw #08a3bf; box-sizing: border-box; position:relative; padding:12vw 0 5vw; border-radius:3.125vw; -webkit-border-radius:3.125vw;}
.mobile .p01{ font-size:3.125vw; line-height:1.5em; color:#000; width:75vw; margin-left:9vw;}
.mobile .m_bz01{ color:#777; width:73vw; margin:0 auto; font-size:2.5vw; line-height:1.5em;}
.mobile a{ color:#000; text-decoration:underline;}
.mobile .m_w1{ width:93.125%; margin:0 auto;}

.mobile .mbtn01{ cursor:pointer;}
.mobile .m_dbox{ background:url(../images/bianji_bg01.jpg); padding:2vw 0 0; display:none;}
.mobile .m_box3{ width:93.125%; margin:4.375vw auto 0; background:#fff; box-sizing: border-box; position:relative; padding:5vw 0; border-radius:3.125vw; -webkit-border-radius:3.125vw;}
.mobile .m_box4{ width:93.125%; margin:0 auto;}


.mobile .qh_mbox{ width:73.4375vw; margin:0 auto; padding:3vw 0;}
.mobile .qh_mbox>li{ position:relative; display:none;}
.mobile .qh_mbox>li p{ font-size:3vw; line-height:1.5em; }
.mobile .qh_mbox>li p span{ color:#08a3bf; }
.mobile .qh_mbox>li.on{ display:block;}
.mobile .qh_mbox>li .mbtn_left{ position:absolute; left:-9.84375vw; top:40%; margin-top:-6.25vw; width:6.25vw; cursor:pointer;}
.mobile .qh_mbox>li .mbtn_right{ position:absolute; right:-9.84375vw; top:40%; margin-top:-6.25vw; width:6.25vw; cursor:pointer;}

.mobile p.mp1{ margin:0; width:260px; left:50px; position:absolute; font-size:0.95rem; line-height:2em;}
.mobile p.m_bz{ position:relative; width:307px; margin-left:26px; font-size:0.85rem; line-height:1.8em; color:#777;}
.mobile p.mp1 a{ color:#000; text-decoration:underline;}
.mobile .mtb_box{ overflow:hidden; margin:3vw 0 0 8.5vw;}
.mobile .mtb_box img{ float:left; width:19vw; margin-right:6.25vw;}
.mobile .msp_box{ margin-left:26px; width:307px;}

.mobile .m_tk_bg{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; display:none; z-index:5;}
.mobile .m_tk_box{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; display:none; z-index:6;}
.mobile .m_tk_video{ position:relative; width:100%; height:100%;}
.mobile .m_tk_close{ position:absolute; top:0; right:0; width:40px; height:40px; font-size:40px; line-height:40px; text-align:center; color:#fff; cursor:pointer; z-index:7;}

@media screen and (max-width:1372px){
	.page .p_nav{ left:inherit; margin-left:0; right:0;}
	}
@media screen and (max-width:960px){
	.w960{ width:98%; margin:0 auto;}
	}