@charset "utf-8";
    /*
*time:20150601
*author:L.J;
    */
html {
    -ms-text-size-adjust:none;
    -webkit-text-size-adjust:none;
    text-size-adjust:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
body {
    overflow-x:hidden;
    height:100%;
    margin:0;
    color:#858585;
    font-size:12px;
    background-color:transparent;
    -webkit-overflow-scrolling:touch;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display:block
}
audio,canvas,progress,video {
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]) {
    display:none;
    height:0
}
[hidden],template {
    display:none
}
svg:not(:root) {
    overflow:hidden
}
a {
    color:#222;
    text-decoration:none;
    background:0 0;
    -webkit-tap-highlight-color:transparent
}
li,ul {
    list-style:none outside none;
    padding:0;
    margin:0
}
img {
    vertical-align:middle;
    border:0;
    width:100%;
}
hr {
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}
button,input,optgroup,select,textarea {
    margin:0;
    font:inherit;
    color:inherit
}
button {
    overflow:visible
}
button,select {
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit] {
    cursor:pointer;
    -webkit-appearance:button
}
button[disabled],html input[disabled] {
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
    padding:0;
    border:0
}
input {
    line-height:normal
}
input[type=text],select {
    -webkit-appearance:none;
    -moz-appearance:none;
    margin:0;
    padding:0;
    background:0 0;
    border:none
}
input[type=checkbox],input[type=radio] {
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height:auto
}
input[type=search] {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-appearance:textfield
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
legend {
    padding:0;
    border:0
}
textarea {
    overflow:auto;
    resize:vertical
}
optgroup {
    font-weight:700
}
td,th {
    padding:0
}
button,html,input,select,textarea {
    font-family:'hiraginosansgb w3','Helvetica Neue',Helvetica,'microsoft yahei',Arial,sans-serif
}
blockquote,figure,form,h1,h2,h3,h4,h5,h6,p {
    margin:0
}
dd,dl,li,ol,ul {
    margin:0;
    padding:0
}
ol,ul {
    list-style:none outside none
}
input::-moz-placeholder,textarea::-moz-placeholder {
    color:#222;
}
i,cite,em,var,address,dfn {
    font-style:normal;
}
.clearfix {
    zoom:1;
    clear:both
}
.clearfix:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0
}
.song {
    font-family:'\5B8B\4F53';
}
.yh {
    font-family:'\5FAE\8F6F\96C5\9ED1';
}
.o {
    overflow:hidden;
}
.fl {
    float:left;
}
.fr {
    float:right;
}
.tar {
    text-align:right;
}
.tac {
    text-align:center;
}
.tal {
    text-align:left;
}
.vat {
    vertical-align:top;
}
.vam {
    vertical-align:middle;
}
.vab {
    vertical-align:bottom;
}
.hid {
    display:none;
}
.rel {
    position:relative;
}
.abs {
    position:absolute;
}
.bold {
    font-weight:bold;
}
.break {
    word-wrap:break-word;
    word-break:break-all;
}
.elli {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.pointer {
    cursor:pointer;
}
.disb {
    display:block;
}
.disi {
    display:inline;
}
.disib {
    display:inline-block;
}
.disit {
    display:inline-table;
}
.w100 {
    width:100%;
}
.w640 {
    max-width:640px;
    margin:0 auto;
    padding:0;
}
.wot_01 {
    width:100%;
    height:100%;
    position:relative;
    z-index:1;
}
.wot_view01 {
    position:absolute;
    z-index:2;
    width:100%;
}
.tit_01 {
    /*font-size:56px;
    */
    /*font-size:3.5rem;
    */
    font-weight:bold;
    color:#fff;
    text-align:center;
    margin-top:-112%
}
.tit_02 {
    /*font-size:36px;
    */
    /*font-size:2.25rem;
    */
    color:#fff;
    text-align:center;
    margin-top:15px
}
.nav_layer:after,.nav_icon,.name:before,.i_lb,.wot_con li a:before {
    background:url(../images/i_con.png) no-repeat;
    background-size:80px auto;
}
/*sp 02*/
.wot_02 {
    padding:10px;
}
.videobox {
    background:#fff;
    width:100%;
    margin:0 auto;
    background:#21b8c6;
}
.video-img {
    width:100%;
    height:300px;
    overflow:hidden;
}
.video_cut {
    padding:15px 0 0 0;
    margin-left:1%
}
.video_cut li {
    width:24%;
    overflow:hidden;
    position:relative;
    float:left;
    cursor:pointer;
    display:inline;
    margin-right:1%
}
.video_cut li .icon-video {
    position:absolute;
    left:50%;
    top:50%;
    width:32px;
    height:32px;
    z-index:99;
    margin-left:-16px;
    margin-top:-16px
}
.video_cut li.now .icon-video {
    display:none;
}
.video_view {
    padding:10px;
    overflow:hidden
}
.video_view li {
    color:#fff
}
.name {
    font-size:20px;
    font-weight:bold;
    padding-top:10px;
}
.name:before {
    background-position:-60px 0;
    width:20px;
    height:20px;
    content:"";
    display:block;
    float:left;
    margin-top:3px;
    margin-right:10px;
}
.name_tit {
    font-size:14px;
    padding-top:5px;
    font-weight:bold;
}
.name_view {
    font-size:12px;
    line-height:23px;
    padding-top:10px;
    text-align:justify;
}
/*wot_03*/
.wot_03 {
    background-color:#eaeaea
}
.nine_cut li {
    float:left;
    display:block;
    width:33%;
    height:33%;
    border-right:1px solid #eaeaea;
    margin-top:1px;
    cursor:pointer;
}
.nine_cut li:nth-child(3n+0) {
    border-right:none;
}
.nine_cut_con section {
    display:none;
    padding:10px;
}
.nine_cut_con section.show {
    display:block;
}
.list3_t {
    height:97px;
    background:#e7ecf1;
    border-top:4px solid #21b8c6;
}
.wot_1{
	padding:10px}
.wot_1 .list3_t {
    height:97px;
   background: #fef7ed;
    border-top: 4px solid #faae4c;
}
.list3_lt {
    float:left;
    margin-left:4px;
    margin-top:4px;
    margin-right:9px;
}
.list3_lt img {
    width:88px;
    height:88px;
    border-radius:5px;
}
.list3_b {
    color:#7d8e9a;
    font-size:12px;
    padding:10px;
	background:#fff
}
.list3_b a {
    color:#7d8e9a;
}
.list3_rt {
    color:#475965;
    font-size:14px;
}
.list3_tit {
	font-size:21px;
    line-height:40px;
    border-bottom:2px solid #fff;
    overflow:hidden;
    display:block;
    padding:10px 10px 10px 0;
	white-space: nowrap;
text-overflow: ellipsis;
	
}
.wot_1 .list3_tit3 {
	    color: #475965;
	font-size:14px;
    min-height: 42px;
    line-height: 25px;
    border-bottom: 2px solid #fff;
    overflow: hidden;
    display: block;
    padding: 10px 10px 10px 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list3_name {
    padding-top:5px;
    display:block;
    position:relative;
}
.list3_name i{ margin-left:15px}
.i_lb {
    position:absolute;
    right:25px;
    top:5px;
    width:16px;
    height:18px;
    background-position:-55px -58px;
    display:block;
}
/*wot_05*/
.wot_05 {
    background:#f0f3f6;
    padding:10px;
}
.wot_tit {
    font-size:18px;
    height:45px;
    line-height:45px;
    color:#fff;
}
.wot_tit:after {
    background:url(../images/i_scut.png) no-repeat;
    background-size:58px auto;
    content:"";
    display:block;
    float:left;
    width:58px;
    height:45px;
}
.tit1:after {
    background-position:0 0;
}
.tit2:after {
    background-position:0 -45px;
}
.tit3:after {
    background-position:0 -92px;
}
.tit4:after {
    background-position:0 -138px;
}
.tit5:after {
    background-position:0 -318px;
}
.tit6:after {
    background-position:0 -228px;
}
.tit7:after {
    background-position:0 -275px;
}
.tit8:after {
    background-position:0 -320px;
}
.tit9:after {
    background-position:0 -365px;
}
.bg1 {
    background:#83a8c3;
}
.bg2 {
    background:#1f80bf;
}
.bg3 {
    background:#04acad;
}
.bg4 {
    background:#ad49a3;
}
.bg5 {
    background:#de5214;
}
.bg6 {
    background:#da7429;
}
.bg7 {
    background:#ef3a5b;
}
.bg8 {
    background:#ebb741;
}
.bg9 {
    background:#d91b37;
}
.wot_con {
    background:#fff;
    padding:5px 12px;
    margin-bottom:5px;
}
.wot_con li {
    line-height:40px;
    font-size:14px;
}
.wot_con li a:before {
    width:16px;
    height:16px;
    background-position:-60px -40px;
    display:block;
    content:"";
    float:left;
    margin-top:12px;
    margin-right:10px;
}
.wot_con li a {
    color:#7d8e9a;
    text-decoration:underline;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    display:block;
    width:100%;
}
.wot_con li a:hover:before {
    background-position:-60px -22px;
}
.wot_con li a:hover {
    color:#21b8c6;
}
.wot_06 {
    background:#21b8c6;
    padding:10px;
}
.wot_06 a {
    float:left;
    width:49%;
    display:block;
    margin-bottom:10px;
}
.wot_06 a:nth-child(2),.wot_06 a:nth-child(4) {
    float:right;
}
.wot_04 {
    padding:10px;
}
.wot_cut_con {
    background:#21b8c6;
    overflow:hidden;
    padding:10px;
}
.wot_cut_con li {
    float:left;
    width:24%;
    margin-right:1%;
}
.wot_cut a {
    display:none;
}
.wot_cut a.show {
    display:block;
}
/*layer*/
.nav_layer:after {
    width:52px;
    height:52px;
    background-position:0 0;
    z-index:2001;
    cursor:pointer;
    content:"";
    position:fixed;
    bottom:10px;
    right:10px;
    display:block;
}
.nav_icon {
    width:52px;
    height:52px;
    background-position:0 0;
    z-index:2001;
    cursor:pointer;
    margin-bottom:10px;
    margin-right:10px;
    display:block;
    float:right;
}
.layer_con {
    background-color:rgba(0,0,0,.8);
    bottom:0;
    left:0;
    margin:0;
    padding:0;
    position:fixed;
    right:0;
    top:0;
    width:100%;
    z-index:2001;
    display:none;
}
.nav_con {
    display:none;
    position:fixed;
    bottom:0;
    z-index:2002;
    max-width:640px;
    width:100%;
    background-color:rgba(0,0,0,.8);
    height:261px;
}
.nav_con ul {
    padding:10px;
}
.nav_con li {
    width:100%
}
.nav_con li a {
    height:50px;
    line-height:50px;
    width:49%;
    background:#21b8c6;
    color:#fff;
    font-size:15px;
    text-align:center;
    display:block;
    float:left;
    margin-bottom:10px
}
.nav_con li a:last-child {
    float:right;
}
.nav_con li a.qcsp {
    line-height:21px;
    vertical-align:middle;
}
.wzjs{
	font-size:12px;padding:10px 10px; background:#fff
	}
	.wzjs span{ font-size:14px; line-height:21px; font-weight:bold}
@media only screen and (min-width:321px) and (max-width:1440px) {
    .tit_01 {
    font-size:3.5rem;
}
.tit_02 {
    font-size:2.25rem;
}
}
@media screen and (min-width:320px) and (max-width:480px) {
    .tit_01 {
    font-size:2.25rem;
}
.tit_02 {
    font-size:1.25rem;
}
}