@charset "utf-8";
/* CSS Document */
html,body,ul,li,h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; list-style:none;}
html,body{ width:100%; }
.page{ width:100%; position:relative; padding-bottom:50px; overflow:hidden;}
.page img{ display:block;}
.page .sup{ font-size:0.6em; line-height:0.6em; vertical-align:super;}
.page .vidbtn{ cursor:pointer;}
.page p{ font:normal 14px/24px "Microsoft YaHei"; color:#000; }
.page .p_kv{ width:1920px; position:relative; left:50%; margin-left:-960px;}
.page .p_kv p{ position:absolute; left:762px; top:390px; width:580px; font:normal 14px/24px "Microsoft YaHei"; color:#777; margin:0;}
.page .tb{ display:inline-block; margin:0 0.2em; width:auto; height:0.9em; vertical-align:middle;}

.page .p_img{ display:block;}
.page .m_img{ display:none;}

.page .tit01{ width:298px; position:absolute; padding:0 40px; background:#fff; left:50%; top:-52px; margin-left:-170px;}
.page .tit01 p{ font:normal 24px/1em "Microsoft YaHei"; text-align:center; padding:5px 0;}
.page h2{ font:normal 24px/1em "Microsoft YaHei"; color:#fff; padding:5px 0; text-align:center; background:url(../images/tb_left.png) left center no-repeat,url(../images/tb_right.png) right center no-repeat; background-color:#6fc2e8; }
.page>h2{ width:218px; margin:0 auto;}
.page h3{ position:absolute; left:50%; top:-0.55em; width:8em; margin-left:-4em; font:normal 24px/1em "Microsoft YaHei"; color:#000; background:#fff; text-align:center; }

.page .p_bg1{ background:#eee;}

.page .p_box{ overflow:hidden; position:relative;}
.page .p_box1{ width:960px; margin:0 auto;  position:relative; box-sizing:border-box; border:solid 1px #dcdcdc; padding:30px;}
.page .p_box2{ padding:40px 30px; background:#f4f4f4;}
.page .p_box3{ padding:25px 0 55px;}
.page .fl{ float:left; }
.page .fr{ float:right; }
.page .p_w1{ width:960px; margin:0 auto;}

.page .jtbox01{ float:left; width:150px; margin:105px 0 0 8px;}
.page .jtbox01>div{ width:77px; margin:0 auto;}
.page .jtbox01>p{ padding:15px; color:#fff; background:#679eca; margin-top:15px;}
.page .jtbox02{ float:left; width:31px; margin:105px 0 0 10px;}

.page .w320{ width:320px;}
.page .w366{ width:366px;}
.page .w382{ width:382px;}
.page .w397{ width:397px;}
.page .w425{ width:425px;}
.page .w434{ width:434px;}
.page .w473{ width:473px;}
.page .w488{ width:488px;}

.page .ul01{ width:678px; margin:30px auto 0; overflow:hidden;}
.page .ul01>li{ width:190px; float:left; margin:0 18px; box-sizing:border-box; color:#4e9ed0; text-align:center; font:normal 20px/1.5em "Microsoft YaHei"; border:solid 1px #679eca; padding:3px 4px;}
.page .ul01>li>span{ display:block; border:dotted 1px #679eca; padding:6px 0;}
.page .ul02{ width:846px; margin:30px auto 0; overflow:hidden;}
.page .ul02>li{ width:250px; float:left; margin:0 16px; box-sizing:border-box; color:#4e9ed0; text-align:center; font:normal 20px/1.5em "Microsoft YaHei"; border:solid 1px #679eca; padding:3px 4px;}
.page .ul02>li>span{ display:block; border:dotted 1px #679eca; padding:6px 0;}

.tbox{ box-sizing:border-box; border:solid 1px #c9dae7; position:relative; margin:0 auto;}
.tbox p{ position:relative; border:solid 1px #679eca; padding:30px; left:-10px; top:-10px; font-size:16px; color:#679eca;}
.tbox1{ width:715px; }
.tbox2{ width:530px; }
.tbox2 p{ text-align:center;}
.tbox3 p{ background:#fff; padding:60px 35px;}
.tbox4{ width:500px; position:relative; margin:0 auto -78px;}
.tbox4 p{ background:#fff; text-align:center;}

.page .text01{ padding-left:16px; margin-top:10px; background:url(../images/tb_jt01.png) 0 0 no-repeat;}
.page .text02{ color:#777; width:850px; margin:0 auto; }
.page .text02 strong{ font-weight:bold; font-size:16px; }
.page .text03{ text-align:center; margin-top:20px;}
.page .text03 span{ font-size:20px; color:#679eca; }
.page .text04{ font-size:18px; line-height:36px; text-align:center;}
.page .text04 .red{ color:#ee3e3e;}
.page .text04 .plus{ vertical-align:middle; width:36px; height:36px; display:inline-block; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:22px; line-height:36px; color:#fff; border-radius:4px; background:#ee3e3e; margin-right:15px;}

.page .bz01{ width:960px; margin:0 auto; max-width:90%; text-align:center; color:#bababa; }

.page .t10{ margin-top:10px;}
.page .t15{ margin-top:15px;}
.page .t20{ margin-top:20px;}
.page .t25{ margin-top:25px;}
.page .t30{ margin-top:30px;}
.page .t45{ margin-top:45px;}
.page .t55{ margin-top:55px;}
.page .t60{ margin-top:60px;}
.page .t75{ margin-top:75px;}
.page .t97{ margin-top:97px;}
.page .t80{ margin-top:80px;}
.page .t107{ margin-top:107px;}
.page .tt107{ margin-top:107px;}

.vidBg{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; filter:Alpha(Opacity=70); -webkit-opacity:0.7; opacity:0.7; z-index:100; }
.vidBox{ position:fixed; left:50%; top:50%; margin:-270px 0 0 -480px; width:960px; height:540px; z-index:100; }
.vidClose{ position:fixed; left:50%; top:50%; margin:-270px 0 0 480px; width:40px; height:40px; font-family:Arial, Helvetica, sans-serif; font-size:40px; line-height:40px; text-align:center; cursor:pointer; color:#fff; z-index:100; }


@media screen and (max-width:960px){
.w960{ width:98%; margin:0 auto;}

}
@media screen and (max-width:720px){
.page{ padding-bottom:5vw;}
.page img{ display:block; width:100%;}
.page .p_img{ display:none;}
.page .m_img{ display:block;}
.page p{ font-size:3.125vw; line-height:1.5em;}
.page .fl{ float:none; }
.page .fr{ float:none; }

.page .p_kv{ width:200%; left:-50%; margin-left:0;}
.page .p_kv p{ left:40%; top:76%; width:30%; font-size:1.8vw; line-height:1.3em;}

.page .p_w1{ width:100%; }
.page .p_box1{ width:100%; padding:5vw; border-left:0; border-right:0;}
.page .p_box2{ padding:5vw;}
.page .p_box3{ padding:0 5vw 5vw;}

.page .jtbox01{ float:none; width:51vw; margin:5vw auto 0; overflow:hidden;}
.page .jtbox01>div{ float:right; width:15vw; margin:7vw -5vw 0; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.page .jtbox01>p{ float:left; width:40vw; padding:3vw; margin-top:0;}
.page .jtbox02{ float:none; width:6vw; margin:5vw auto 0; transform:rotate(90deg); -webkit-transform:rotate(90deg);}

.page .tit01{ width:50vw; position:absolute; padding:0 5vw; background:#fff; left:50%; top:-9vw; margin-left:-30vw;}
.page .tit01 p{ font-size:4vw; line-height:1em; padding:1vw 0;}
.page h2{ font-size:4vw; line-height:1em; padding:1vw 0; background-size:auto 100%;}
.page>h2{ width:50vw;}
.page h3{ font-size:4vw; line-height:1em;}


.page .text01{ padding-left:4vw; margin-top:2vw; background-size:2.2vw;}
.page .text02{ width:90vw; }
.page .text02 strong{ font-size:1.1em; }
.page .text03{ margin-top:1vw; }
.page .text03 span{ font-size:1.1em; }
.page .text04{ font-size:3.3vw; line-height:6vw; text-align:left;}
.page .text04 .plus{ width:4vw; height:3vw; font-size:4vw; line-height:1em; padding:1.5vw 1vw; vertical-align:middle; border-radius:1vw; margin-right:2vw;}

.page .bz01{ font-size:2.8vw; text-align:left;}

.page .w320{ width:100%;}
.page .w382{ width:100%;}
.page .w366{ width:100%;}
.page .w397{ width:100%;}
.page .w425{ width:100%;}
.page .w434{ width:100%;}
.page .w473{ width:100%;}
.page .w488{ width:100%;}

.page .ul01{ width:92vw; margin:3vw -1vw 0; overflow:hidden;}
.page .ul01>li{ width:28.5vw; margin:0 1vw; font-size:4vw; padding:0.5vw;}
.page .ul01>li>span{ padding:1vw 0;}
.page .ul02{ width:92vw; margin:3vw -1vw 0; overflow:hidden;}
.page .ul02>li{ width:28.5vw; margin:0 1vw; font-size:4vw; padding:0.5vw;}
.page .ul02>li>span{ padding:1vw 0.5vw;}

.tbox{ margin:0 0 0 2vw;}
.tbox p{ padding:2vw; left:-1vw; top:-1vw; font-size:3.25vw; }
.tbox1{ width:auto; }
.tbox2{ width:auto; }
.tbox3 p{ padding:4vw 3vw;}
.tbox4{ width:auto; margin-bottom:-10vw}

.page .t10{ margin-top:3vw;}
.page .t15{ margin-top:5vw;}
.page .t20{ margin-top:5vw;}
.page .t25{ margin-top:5vw;}
.page .t30{ margin-top:5vw;}
.page .t45{ margin-top:5vw;}
.page .t55{ margin-top:8vw;}
.page .t60{ margin-top:8vw;}
.page .t75{ margin-top:5vw;}
.page .t97{ margin-top:5vw;}
.page .t80{ margin-top:0;}
.page .t107{ margin-top:5vw;}
.page .tt107{ margin-top:15vw;}


.vidBox{ left:0; top:0; margin:0; width:100%; height:56.25vw; top:50%; margin-top:-28vw;}
.vidClose{ position:fixed; left:auto; right:0; top:50%; margin:-36.2vw 0 0; width:8vw; height:8vw; font-size:8vw; line-height:8vw;}

	}