@charset "gb2312";
*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%;}
html,body {width:100%; height:100%; margin:0px; padding:0; font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif;  -webkit-font-smoothing:antialiased; background-image:url(../images/article_bg.jpg); background-size:100% 100%; background-repeat:no-repeat; background-attachment:fixed; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter:alpha(opacity=100); }
code, kbd, pre, samp { font-family:courier new, courier, monospace; }
small { font-size:12px; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#dbdbde; text-decoration:none; }
a:hover{ color:#fff; text-decoration:none;}
.cl { clear:both;}
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,d,span,b,p,em,a,font { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.wrapper { position:relative; width:100%; height:100%; overflow:hidden; z-index:1; }

.sort { z-index: 222222; position:absolute;left:0; }
.sort h2 { width:240px; font-size:16px; line-height:40px; cursor:pointer; color:#e0e2dd; font-weight:bold; background-color:#234d48; padding:0 14px 0 16px; }

.sort .arrow { display:block; float:right; width:12px; height:12px; background-size: cover; background-image: url(../images/jiutuo_b.png); margin-top: 15px; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.sort .arrow_c { background-size: cover; background-image: url(../images/jiutuo_t.png);}

.sort h3 { width:240px; float:left;  }
.sort h3 b { width: 100%; display: block; float:left; font-size:14px; line-height:20px; background:#486360; padding:9px 16px;  border-top: 1px solid rgba(255,255,255,.1)}
.sort h3 a { color:#cdd2cc; display:inline-block;  }
.sort h3 a:hover { color:#fff;  }

.tit { width:100%; position:absolute; z-index:6; top:4.5vh; right:3.8%; text-align:right; }
.tit img { max-width: 90%; width: auto;  height:15vh }

.cont { width:100%; height:76.1vh; position:absolute; z-index:10; top:25vh; padding:0 4% 0 4.75% ; }

/*左侧内容*/
.box_left { width:55%; float: left; }
.player { width:100%; float:left; }
#player1 { width:100%; height:62vh; }

.sub { width:100%; float:left; margin-top: 4.6vh; font-size:1vw; line-height:2.5vh; color: #4b4b4b;  }
.sub span { padding:0 0 0 .5vw; font-weight: bold; color: #234d48; }


/*右侧内容*/
.box_right { width:41.4%; float: right;}

.zwfont { width:100%; float:left; }
.zwfont h1 { width:92%; float:left; font-size:1.75vw; line-height:1.4em; background-image: -webkit-gradient(linear,0 0,0 bottom,from(#444),to(#234d48));
 -webkit-background-clip: text;  -webkit-text-fill-color: transparent; font-weight: bold; text-align: center;  }
.zwfont p { width:92%; float:left; font-size:.85vw; line-height:1.9em; color: #4b4b4b; text-indent: 2em; margin-top: 3vh; text-align:justify; text-justify:inter-ideograph;}

#zwfont { height:61vh; overflow:auto; }

.info { width:100%; float:left; margin-top:6.2vh; font-size:.8vw; line-height:2.5vh; color: #234d48; text-align: right; padding-right:1% }
.info span { margin-left: .75vw; }

.mobtit { display: none;}

@media screen and (max-width:1600px) { 
.zwfont p { font-size:1vw; line-height:1.9em;}
}

@media screen and (max-width:1440px) { }
@media screen and (max-width:1280px) { }


/*手机适应*/
@media screen and (max-width:899px) and (min-width: 160px){
html,body {background-image:url(../images/article_mobbg.jpg);  } 
.tit,.sub { display: none; }
    
.mobtit { width:100%; float:left; display: block; text-align: center; padding:7.5vh 0 3.5vh 0; }
.mobtit img { max-width: 82%; max-height:auto;}
    
.cont { width:100%; height:68vh; position:inherit; z-index:10; top:auto; padding:0 5% ; }

/*左侧内容*/
.box_left { width:100%; float: left; }
.player { width:100%; float:left; }
#player1 { width:100%; height:30vh; }
    
/*右侧内容*/
.box_right { width:100%; float: left; margin-top:2.2vh; }

.zwfont { width:100%; float:left; }
.zwfont h1 { width:94%; float:left; font-size:1.15rem; line-height:1.7rem; }
.zwfont p { width:94%; float:left; font-size:.95rem; line-height:1.5rem;  margin-top:1.5vh;}
#zwfont { height:33vh; overflow:auto; }

.info { margin-top:2.5vh; font-size:.9rem; line-height:1.5rem; padding-right:0%; }
.info span { margin-left: .5rem; }

.sort { width:auto;  top:0; }
.sort h2 { width:100%; font-size:.9rem; line-height:2.4rem; padding:0 1rem; }
.sort .arrow { width:10px; height:10px;margin-top:.9rem; margin-left: .5rem;}
.sort h3 { width:100%; float:left;  }
.sort h3 b { font-size:.9rem; line-height:1.5rem; padding:0 1rem;  }
.sort h3 a { padding:.4rem 0; }
.sort h3 a:hover { color:#fff;  }  
}