/*全局公用样式*/
* { padding: 0px; margin: 0px; font-family:'Microsoft YaHei',"SimSun",Arial,sans-serif;}
body,html { color:#434343;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;} 
fieldset,img { border:0 } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal} 
ol,li,ul{ list-style:none;}
em,i { font-style:normal;}
body{ font-size:12px; color:#4d4948;}
a{ color:#333; text-decoration:none; outline:none;} 
img,input,textarea{ border: 0 none; vertical-align:middle;}
input:focus, area:focus { outline:none;}

.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow:hidden;
}

.clearfix {
	display: block
}

a:hover, a:active {
text-decoration: none;
color: #08D0E9;
}

.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:16px}
.f20{font-size:20px}
.f24{font-size:24px}

.fb{font-weight:bold}
.fn{font-weight:normal}

.lh180{line-height:180%}
.lh200{line-height:200%}


.mg_t10 {
	margin-top:10px;
}

.mg_t20 {
	margin-top:10px;
}

.mg_t30 {
	margin-top:30px;
}

.mg_b10 {
	margin-bottom:10px;
}

.mg_b20 {
	margin-bottom:20px;
}

.mg_b30 {
	margin-bottom:30px;
}

.c_red { color:#FF552E;}


.tl{text-align:left}
.tr{text-align:right}

.fl{float:left;}
.fr{float:right;}
.pr{position:relative} 
.pa{position:absolute}
.zoom{zoom:1} 
.none{display:none}


.no_mg { margin:0!important;}
.no_pd { padding:0!important;}
.no_bd { border:none!important;}
.no_bg { background:none!important;}

.yingc { display:none!important; }

.m_box {
	width:1200px;
	margin:0 auto;
}

/*head+foot*/
.head {
	width:100%;
	position:relative;
	z-index:11;
}
.head img {
	width:100%;
}
.topbar {
	background: linear-gradient(to right, #e3fefe, #e9dffb);
	width:100%;
	height:42px;
	line-height:42px;
	box-sizing:border-box;
	padding:0 3%;
	color:#777;
	font-size:14px;
}
.topbar .l {
	float:left;
}
.topbar .r {
	float:right;
}
.topbar .r a {
	margin:0 0 0 15px;
	color:#4caaed;
}
.stop {
	width:100%;
	box-sizing:border-box;
	padding:20px 03%;
}
.stop .logo {
	float:left;
	margin:0px 0 0 0;
	height:40px;
	overflow:hidden;
}
.stop .logo img {
	height:100%;
}
.stop .r {
	float:right;
	margin-right:3%;
	width:-webkit-calc(100% - 30%);
	width:-moz-calc(100% - 30%);
	width:calc(100% - 30%);
}
.stop .serch {
	width:40%;
	height:40px;
	line-height:40px;
	background:#f3f3f3;
	border-radius:20px;
	float:right;
	position:relative;
	z-index:1;
	overflow:hidden;
}
.stop .serch .i {
	position:absolute;
	z-index:9;
	left:0;
	background:none;
	width:-webkit-calc(100% - 100px);
	width:-moz-calc(100% - 100px);
	width:calc(100% - 100px);
	color:#999;
	font-size:14px;
	height:40px;
	line-height:40px;
	box-sizing:border-box;
	padding:0 15px;
}
.stop .serch .b {
	position:absolute;
	z-index:9;
	right:0;
	bottom:0;
	background:url(../images/search.png) no-repeat 13px center #08D0E9;
	color:#fff;
	font-size:16px;
	width:90px;
	height:40px;
	box-sizing:border-box;
	padding:0 0 0 38px;
}
.stop .ano {
	float:right;
	font-size:13px;
	margin:0 0 0 10px;
	line-height:40px;
	color:#F07775;
}
.stop .ano a { margin:0 0 0 8px; color:#888;}
.stop .ano a:hover { color:#08D0E9;}
.top_ico {
    float:right;
}
.top_ico li {
	margin-left:20px;
	float:left;
	text-align:center;
}
.top_ico li span {
	display:block;
	width:40px;
	height:40px;
	float:left;
	border-radius:50%;
	background:#FF9212;
}
.top_ico li span img {
	height:30px;
	margin:5px 0;
	width: auto;
}
.top_ico li:nth-child(2) span { background:#F07775;}
.top_ico li p {
	font-size:14px;
	line-height:40px;
	float:left;
	margin-left: 5px;
}
.snav {
	width:100%;
	display:none;
  padding:10px 0;
}
.snav a {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  text-align: center;
  display: block;
    background: #f3f3f3;
    color: #555;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 0 8px;
    border-radius: 5px;
    cursor: pointer;
}
.snav a:hover { background:#59E7FC; color:#fff;}
.fixednav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
}
.fixednav {background: rgba(0, 0, 0, .8);}
.fixednav .snav {
	border-top:1px solid rgba(255,255,255,.3);
	-webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  margin: auto;
}

.tophead {
	background:#333;
	width:100%;
	position:relative;
	z-index:19;
}

.foot {
	width:100%;
	background:#fff;
	border-top:1px solid #ddd;
	padding:20px 0;
	font-size:13px;
}
.foot .link {
	font-size:14px;
	line-height:30px;
	padding:10px 0;
	border-bottom:1px solid #f0f0f0;
}
.foot .link b {
	display:block;
	float:left;
	text-align:left;
}
.foot .link p {
	display:block;
	float:left;
	width:-webkit-calc(100% - 100px);
	width:-moz-calc(100% - 100px);
	width:calc(100% - 100px);
	text-align:left;
	line-height:30px;
}
.foot .link p a { margin:0 7px; display:inline-block; color:#888;}
.foot .ftrlist {
    margin: 18px 0 0 0;
    width: 100%;
    height: 50px;
    text-align: center;
}
.foot .ftrlist li {
    display: inline-block;
    margin: 0 1px 0 0;
    height: 50px;
	background:#fff;
}
.foot .ftrlist li img {
    height: 100%;
}
.foot .ftrlist li.last {
    width: 95px;
    height: 38px;
    border: 1px solid #d2d2d2;
    padding: 5px;
    position: relative;
    z-index: 1;
    background: #FFF;
    margin-left: 1px;
    text-align: left;
}  
.foot .ftrlist li.last p {
    color: #333;
    position: absolute;
    left: 50px;
    top: 10px;
    line-height: 14px;
    font-size: 12px;
}  
.foot .logo {
	height:40px;
	overflow:hidden;
	text-align:center;
	margin:15px 0 10px 0;
}
.foot .logo img {
	height:100%;
}
.foot .another {
	line-height:24px;
	color:#999;
	text-align:center;
}
.inner .fixednav { 
    background:#fff;
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2);  
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, .2);  
	box-shadow:0 0 10px rgba(0, 0, 0, .2);
}
.inner .fixednav .menu { padding:10px 0 5px 0;}


/*index*/
.index_banner {
	width:100%;
	margin-bottom: 30px;
}
.index_banner img {
	width:100%;
}
.trslid {
	width:100%;
	min-width:1200px;
	height:400px;
	position:relative;
	overflow:hidden;
	background:#fff;
	text-align:center;
	margin-bottom: 30px;
}	
.trslid .bd {
	width:1200px;
	position:absolute;
	left:50%;
	margin-left:-600px;
}	
.trslid .bd li {
	width:1200px;
	overflow:hidden;
}	
.trslid .bd li img {
	display:block;
	width:1200px;
	height:400px;
}	
.trslid .tempWrap{
	overflow:visible !important
}	
.trslid .tempWrap ul{
	margin-left:-1200px !important;
}	
.trslid .hd {
	position:absolute;
	width:100%;
	left:0;
	z-index:1;
	height:16px;
	bottom:20px;
	text-align:center;
}	
.trslid .hd li{
	display:inline-block;
	*display:inline;
	zoom:1;
	width:14px;
	height:14px;
	line-height:99px;
	overflow:hidden;
	margin:0 6px;
	cursor:pointer;
	background-color:rgba(255,255,255,.3);
	border-radius:50%;
	border:1px solid #FFF;
}	
.trslid .hd li.on{
	background-color:#fe8965;
	border:1px solid #FE6637;
}	
.trslid .pnBtn {
	position:absolute;
	z-index:1;
	top:0;
	width:100%;
	height:480px;
	cursor:pointer;
}	
.trslid .prev{
	left:-50%;
	margin-left:-600px;
}	
.trslid .next{
	left:50%;
	margin-left:600px;
}	
.trslid .pnBtn .blackBg{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:480px;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
}	
.trslid .pnBtn .arrow{
	display:none;
	position:absolute;
	top:0;
	z-index:1;
	width:60px;
	height:480px;
}	
.trslid .pnBtn .arrow:hover{
	filter:alpha(opacity=60);
	opacity:0.6;
}
.trslid .prev .arrow, .trslid .next .arrow {
	position: absolute;
    top: 50%;  
    right: 15px;  
    width: 40px;  
    height: 40px;  
    border-style: solid;  
    border-width: 2px 2px 0 0;  
    border-color: #ababab;  
    -webkit-transform-origin: 75% 25%;  
    -webkit-transform: rotateZ(225deg);  
    -webkit-transition: 100ms ease-in .1s;  
    transition: 100ms ease-in .1s;
	margin-top:-50px;
}
.trslid .prev .arrow{
	right:30px;
}	
.trslid .next .arrow{
	left:10px;
    -webkit-transform: rotateZ(45deg);  
}

.menu {
	margin:0 5%;
	/*padding:20px 0;*/
}
.menu .l {
	float:left;
}
.menu .l li {
	width:45px;
	margin-right:25px;
	float:left;
	text-align:center;
}
.menu .l li span {
	display:block;
	width:45px;
	height:45px;
	border-radius:50%;
	background:#FF9212;
}
.menu .l li span img {
	height:30px;
	margin:7px 0;
}
.menu .l li:nth-child(2) span { background:#F07775;}
.menu .l li p {
	font-size:14px;
	line-height:30px;	
}
.menu .r {
	/*float:right;
	width:-webkit-calc(100% - 160px);
	width:-moz-calc(100% - 160px);
	width:calc(100% - 160px);*/
	-webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  margin: auto;
}
.menu .r .cla {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  text-align: center;
  display:block;
  background:none;
  color:#fff;
  font-size:15px;
  height:35px;
  line-height:35px;
  margin:10px 8px;
  border-radius:6px;
  cursor:pointer;
}
.menu .r .cla:hover { background:#59E7FC; color:#333;}
.menu .r .cla:first-child { margin-left:0;}
.menu .r .cla:last-child { margin-right:0;}
.menu .r .cla_hover { background:#59E7FC; color:#333;}

.main {
	margin:0 5%;
}
.one_box {
	margin-bottom:30px;
}
.one_box .l {
	width:630px;
	height:460px;
	float:left;
	border-radius:5px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.one_box .l img{
    height: 100%;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.index_slider {
	width:100%;
	height:460px;
	overflow:hidden;
	position:relative;
}

.index_slider .pic{ position:relative; z-index:0; }	

.index_slider .pic li {
	position:relative; 
	z-index:1;
	height:460px;
}

.index_slider .pic li p {
	display:block; 
	position:absolute; 
	left:0; 
	bottom:0; 
	z-index:5; 
	background: linear-gradient(to top, rgb(0, 0, 0), transparent);
	width:100%; 
	color:#FFF; 
}

.index_slider .pic li b {
	display:block;
	line-height:30px;
	height:30px;
	overflow:hidden;
	font-size:16px;
	font-weight:normal;
	margin:20px 15px 30px 15px;
}

.index_slider .pic li img { 
  	height:100%;
	position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}	

.index_slider .hd {
	width:100%; 
	position: absolute; 
	z-index:11; 
	bottom: 15px; 
	text-align: center; 
	font-size:0; 
	z-index:1;
}

.index_slider .hd li {
    margin: 0 8px 0 0; 
	background: #eee;
	border-radius:5px;
	height: 8px; 
	overflow: hidden; 
	width: 8px; 
	cursor: pointer;
	display:inline-block; 
}	
.index_slider .hd .on{ 
    background: #79b7ec;
	width:20px;
}	
.index_slider .prev,	.index_slider .next { width: 40px; height: 60px; margin-top:-30px;  display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }	
.index_slider .prev { left: 0; }	
.index_slider .next { background-position: 0 -60px; right: 0; }	
.index_slider .prev:hover,	.index_slider .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
.one_box .r {
	width:-webkit-calc(100% - 650px);
	width:-moz-calc(100% - 650px);
	width:calc(100% - 650px);
	float:right;
	overflow:hidden;
}
.one_box .r li {
	width:-webkit-calc(25% - 15px);
	width:-moz-calc(25% - 15px);
	width:calc(25% - 15px);
	float:left;
	margin-left:20px;
	margin-bottom:20px;
}
.one_box .r li:nth-child(4n+1) {
	margin-left:0;
}
.one_box .r li span {
	display:block;
	height:185px;
	border-radius:5px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.one_box .r li span img{
    height: 100%;
	min-width:100%;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.one_box .r li .tit { margin-top:5px;}
.one_box .r li .tit b {
	display:block;
	font-size:16px;
	height:32px;
	line-height:32px;
	overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
}
.one_box .r li .tit p {
	height:24px;
	line-height:24px;
	background:url(../images/tj_icon.png) no-repeat left center;
	padding-left:30px;
	font-size:13px;
	color:#999;
}
.two_box {
	margin-bottom:20px;
}
.two_box .l {
	width:-webkit-calc(100% - 450px);
	width:-moz-calc(100% - 450px);
	width:calc(100% - 450px);
	float:left;
}
.two_box .l li {
	width:-webkit-calc(16% - 10px);
	width:-moz-calc(16% - 10px);
	width:calc(16% - 10px);
	float:left;
	margin-left:20px;
	margin-bottom:30px;
}
.two_box .l li:nth-child(6n+1) {
	margin-left:0;
}
.two_box .l li span {
    display: block;
    height: 320px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.two_box .l li span img {
    height: 100%;
    min-width: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.two_box .l li .tit {
    margin-top: 10px;
}
.two_box .l li .tit b {
    display: block;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.two_box .l li .tit p {
    height: 24px;
    line-height: 24px;
    background: url(../images/tj_icon.png) no-repeat left center;
    padding-left: 30px;
    font-size: 14px;
    color: #888;
}
.two_box .r {
	width:420px;
	float:right;
}
.index_title {
	height:40px;
	line-height:40px;
	margin-bottom:10px;
}
.index_title b {
	float:left;
	font-size:24px;
	color:#222;
}
.index_title .more {
	display:block;
	float:right;
	font-size:14px;
	color:#888;
	padding-right:20px;
	position:relative;
	z-index:1;
}
.index_title .more:after {
	content:"";
	position: absolute;
    top: 50%;
	margin-top:-2px;  
    right: 5px;  
    width: 6px;  
    height: 6px;  
    border-style: solid;  
    border-width: 2px 2px 0 0;  
    border-color: #c5c5c5;  
    -webkit-transform-origin: 75% 25%;  
    -webkit-transform: rotateZ(45deg);  
    -webkit-transition: 100ms ease-in .1s;  
    transition: 100ms ease-in .1s;
}
.hot_form {
	background:#f8f8f8;
	border-radius:8px;
	padding:10px 20px;
}
.hot_form li {
	border-bottom:1px solid #e5e5e5;
	padding:15px 0;
}
.hot_form li:last-child { border-bottom:none;}
.hot_form li .num {
	float:left;
	width:55px;
	text-align:center;
	font-size:40px;
	font-weight:bold;
	transform: scaleX(0.9);
	transform-origin: left center;
	color:#c4c4c4;
}
.hot_form li:nth-child(1) .num,.hot_form li:nth-child(2) .num,.hot_form li:nth-child(3) .num {
	background:url(../images/hotbg.png) no-repeat center;
}
.hot_form li:nth-child(1) .num { color:#FF3A30;}
.hot_form li:nth-child(2) .num { color:#FF6F00;}
.hot_form li:nth-child(3) .num { color:#FFA600;}
.hot_form li .txt {
	width:-webkit-calc(100% - 60px);
	width:-moz-calc(100% - 60px);
	width:calc(100% - 60px);
	float:right;
}
.hot_form li .txt b {
	display:block;
	font-weight:normal;
	font-size:16px;
	line-height:48px;
	height:48px;
	overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hot_form li .txt p {
	display:block;
	height:24px;
	line-height:24px;
	font-size:13px;
	color:#df8d88;
	background:url(../images/hot_i.png) no-repeat left center;
	background-size:20px auto;
	padding-left:23px;
}

.thr_list { margin-top:20px;}
.thr_list li {
	width:-webkit-calc(12% - 10px);
	width:-moz-calc(12% - 10px);
	width:calc(12% - 10px);
	float:left;
	margin-left:20px;
	margin-bottom:30px;
}
.thr_list li:nth-child(8n+1) {
	margin-left:0;
}
.thr_list li span {
    display: block;
    height: 320px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.thr_list li span img {
    height: 100%;
    min-width: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.thr_list li .tit {
    margin-top: 10px;
}
.thr_list li .tit b {
    display: block;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.thr_list li .tit p {
    height: 24px;
    line-height: 24px;
    background: url(../images/tj_icon.png) no-repeat left center;
    padding-left: 30px;
    font-size: 14px;
    color: #888;
}
.four_box { margin-bottom:30px;}
.four_box .l {
	width:630px;
	float:left;
}
.four_box .l li {
	width:-webkit-calc(50% - 10px);
	width:-moz-calc(50% - 10px);
	width:calc(50% - 10px);
	float:left;
	position:relative;
	z-index:1;
	height:180px;
	overflow:hidden;
	border-radius:5px;
}
.four_box .l li:first-child {
	width:100%;
	height:300px;
	margin-bottom:20px;
}
.four_box .l li:nth-child(3) {
	float:right;
}
.four_box .l li img{
    width: 100%;
    position: absolute;
	z-index:5;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
	min-height:100%;
}
.four_box .l li .tit {
	position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    background: linear-gradient(to top, rgb(0, 0, 0), transparent);
    width: 100%;
    color: #FFF;
    box-sizing: border-box;
    padding: 30px 10px 5px 10px;
}
.four_box .l li .tit p {
    display: block;
    color: #FFF;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}
.four_box .r {
	width: -webkit-calc(100% - 650px);
    width: -moz-calc(100% - 650px);
    width: calc(100% - 650px);
    float: right;
}
.four_box .r .box {
	width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    float: left;
}
.four_box .r .bg {
	background:#f8f8f8;
	border-radius:5px;
}
.four_box .r .one {
	height:300px;
	margin-bottom:20px;
	overflow:hidden;
}
.four_box .r .one li {
	width: -webkit-calc(33% - 18px);
    width: -moz-calc(33% - 18px);
    width: calc(33% - 18px);
    float: left;
	margin-left:15px;
	margin-top:20px;
}
.four_box .r .one li span {
    display: block;
    height: 230px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.four_box .r .one li span img {
    width: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.four_box .r .one li .tit {
    margin-top: 5px;
}
.four_box .r .one li .tit b {
    display: block;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-weight:normal;
}
.four_box .r .two {
	height:180px;
	box-sizing:border-box;
	padding:10px 0;
}
.four_box .r .two li {
	height:32px;
	line-height:32px;
	margin:0 15px;
}
.four_box .r .two li b {
	display:block;
	float:left;
	font-weight:normal;
	font-size:14px;
	width:-webkit-calc(100% - 50px);
	width:-moz-calc(100% - 50px);
	width:calc(100% - 50px);
	overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
}
.four_box .r .two li span {
	display:block;
	float:right;
	font-size:13px;
	color:#999;
}
.four_box .r .thr {
	height:500px;
	float:right;
}
.four_box .r .thr li {
	border-bottom:1px solid #E5E5E5;
	padding:14px 0;
	margin:0 15px;
}
.four_box .r .thr li:last-child { border-bottom:none;}
.four_box .r .thr li .pic {
	display:block;
	float:left;
	width:54px;
	height:54px;
	overflow:hidden;
	border-radius:50%;
	position:relative;
	z-index:1;
}
.four_box .r .thr li .pic img{
    width: 100%;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}

.four_box .r .thr li .txt {
	width:-webkit-calc(100% - 160px);
	width:-moz-calc(100% - 160px);
	width:calc(100% - 160px);
	float:left;
	margin-left:15px;
}
.four_box .r .thr li .txt b {
	display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden; 
    text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2; 
	-webkit-box-orient:vertical;
	margin-top:3px;
}
.four_box .r .thr li .hot {
	display:block;
	float:right;
	font-size:12px;
	background:url(../images/hot_i.png) no-repeat center top;
	background-size:20px;
	padding-top:20px;
	color:#df8d88;
	margin-top:5px;
}

/*详情*/
.detail {
	background:#111;
}
.d_left {
	position:fixed;
	z-index:3;
	width:-webkit-calc(100% - 460px);
	width:-moz-calc(100% - 460px);
	width:calc(100% - 460px);
	left:0;
	top:0;
	height:100%;
}
.d_left .video_bg {
	position:absolute;
	width:110%;
	height:100%;
	z-index:2;
	background:#000;
	filter:blur(12px);   backdrop-filter: blur(1.2px);
}
.d_left .video_bg img {
	width: 100%;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.d_left .video_bg i {
	position:absolute;
	width:100%;
	height:100%;
	z-index:6;
	background:rgba(0,0,0,.3);
}
.d_left .video_center {
	text-align:center;
	background:#000;
	width:420px;
	height:100%;
	margin:0 auto;
	position:absolute;
	z-index:92;
	left:50%;
	margin-left:-240px;
	top:0;
}
.d_left .video_center video {
	position:absolute;
	z-index:5;
	width:100%;
	left:0;
	top:0;
	background:#000;
}
.d_right {
	position:fixed;
	z-index:11;
	width:450px;
	height:100%;
	right:0;
	top:0;
	background:#111;
	padding:80px 0 0 20px;
	
}
.d_right .con {
	padding:0 20px 0 0;
	height:-webkit-calc(100% - 80px);
	height:-moz-calc(100% - 80px);
	height:calc(100% - 80px);
	overflow-y: scroll;
}
.minimal-scroll::-webkit-scrollbar {
	width: 8px;
}

.minimal-scroll::-webkit-scrollbar-track {
	background: #111;
	border-radius: 10px;
}

.minimal-scroll::-webkit-scrollbar-thumb {
	background: #333;
	border-radius: 10px;
}

.minimal-scroll::-webkit-scrollbar-thumb:hover {
	background: #555;
}


.d_right .title {
	color:#fff;
	font-size:20px;
	margin:20px 0;
	line-height:32px;
}
.d_right .tag {
	height:24px;
	line-height:24px;
	font-size:14px;
	margin:20px 0;
}
.d_right .tag i {
	display:inline-block;
	margin-right:20px;
	padding-left:22px;
}
.d_right .tag i.like {
	background:url(../images/tj_icon.png) no-repeat left center;
}
.d_right .tag i.share {
	background:url(../images/share.png) no-repeat left center;
}
.d_right .content {
	background:rgba(255,255,255,.1);
	padding:15px;
	border-radius:10px;
	font-size:14px;
	line-height:26px;
	color:#888;
	margin-bottom:20px;
}
.d_right .erweim {
	width:100%;
	text-align:center;
}
.d_right .erweim img {
	width:100%;
}
.d_right .list_more {}
.d_right .list_more h4 {
	font-size:14px;
	font-weight:bold;
	height:40px;
	line-height:40px;
	color:#fff;
	margin-bottom:5px;
}
.d_right .list_more li {
	margin-bottom:20px;
}
.d_right .list_more li .pic {
	width:140px;
	height:90px;
	float:left;
	border-radius:5px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.d_right .list_more li .pic img {
	width: 100%;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.d_right .list_more li .txt {
	width:-webkit-calc(100% - 160px);
	width:-moz-calc(100% - 160px);
	width:calc(100% - 160px);
	float:right;
}
.d_right .list_more li .txt b {
	display:block;
	font-weight:normal;
	color:#999;
	overflow: hidden; 
    text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2; 
	-webkit-box-orient:vertical;
	line-height:24px;
	height:48px;
	font-size:14px;
	margin-bottom:12px;
}
.d_right .list_more li .txt b a { color:#eee;}
.d_right .list_more li .txt p {
    height: 24px;
    line-height: 24px;
    background: url(../images/tj_icon.png) no-repeat left center;
    padding-left: 22px;
    font-size: 13px;
    color: #999;
}

/*详情二*/
.box_shadow{
	-webkit-box-shadow:0 3px 5px rgba(0, 0, 0, .16);  
  -moz-box-shadow:0 3px 5px rgba(0, 0, 0, .16);  
  box-shadow:0 3px 5px rgba(0, 0, 0, .16);
}
.detail_t {
	width:1180px;
	margin:0 auto 30px auto;
}
.detail_t .l {
	width:840px;
	float:left;
}
.detail_t .r {
	width:300px;
	float:right;
}
.detail_t .title {
	font-size:24px;
	margin:20px 0;
	line-height:32px;
	color:#111;
	font-weight:bold;
}
.detail_t .tag {
	height:24px;
	line-height:24px;
	font-size:14px;
	margin:20px 0;
}
.detail_t .tag i {
	display:inline-block;
	margin-right:20px;
	padding-left:22px;
}
.detail_t .tag i.like {
	background:url(../images/tj_icon.png) no-repeat left center;
}
.detail_t .tag i.share {
	background:url(../images/share.png) no-repeat left center;
}
.detail_t .video_center {
	text-align:center;
	margin-bottom:20px;
	max-height: 500px;
	overflow: hidden;
}
.detail_t .video_center video{
    width: 100%;
    height: 500px!important;
    margin-bottom:0!important;
}
.detail_t .content {
	border-radius:10px;
	font-size:17px;
	line-height:28px;
	margin-bottom:20px;
}
.detail_t .content p {
	padding:10px 0;
}
.detail_t .erweim {
	width:100%;
	text-align:center;
}
.detail_t .erweim img {}
.detail_t .list_more {
	margin-top:20px;
}
.detail_t .list_more h4 {
	font-size:18px;
	font-weight:bold;
	height:40px;
	line-height:40px;
	margin-bottom:5px;
	color:#222;
}
.detail_t .list_more li {
	margin-bottom:20px;
}
.detail_t .list_more li .pic {
	width:140px;
	height:90px;
	float:left;
	border-radius:5px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.detail_t .list_more li .pic img {
	width: 100%;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.detail_t .list_more li .txt {
	width:-webkit-calc(100% - 160px);
	width:-moz-calc(100% - 160px);
	width:calc(100% - 160px);
	float:right;
}
.detail_t .list_more li .txt b {
	display:block;
	font-weight:normal;
	overflow: hidden; 
    text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2; 
	-webkit-box-orient:vertical;
	line-height:24px;
	height:48px;
	font-size:14px;
	margin-bottom:12px;
}
.detail_t .list_more li .txt p {
    height: 24px;
    line-height: 24px;
    background: url(../images/tj_icon.png) no-repeat left center;
    padding-left: 22px;
    font-size: 13px;
    color: #999;
}
.detail_t .ano_video {
	padding:20px 0;
}
.detail_t .ano_video li {
	width:-webkit-calc(50% - 10px);
	width:-moz-calc(50% - 10px);
	width:calc(50% - 10px);
	float:left;
	background:#f5f5f5;
	height:50px;
	line-height:50px;
	border-radius:5px;
	box-sizing:border-box;
	padding:0 10px;
	font-size:16px;
	color:#999;
	overflow: hidden;
}
.detail_t .ano_video li:nth-child(2n) {
	float:right;
	text-align:right;
}

@media screen and (max-width: 1599px) {
.menu, .main {width: 1180px; margin:0 auto;}
.one_box .l {
	width: 570px;
    height: 415px;
}
.index_slider,.index_slider .pic li {
	height:415px;
}
.one_box .r {
    width: -webkit-calc(100% - 590px);
    width: -moz-calc(100% - 590px);
    width: calc(100% - 590px);
    height: 415px;
}
.one_box .r li {
	width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
	margin-bottom:15px;
}
.one_box .r li:nth-child(4n+1) { margin-left:20px;}
.one_box .r li:nth-child(2n+1) { margin-left:0;}
.one_box .r li span { height:165px;}
.two_box .l {
    width: -webkit-calc(100% - 440px);
    width: -moz-calc(100% - 440px);
    width: calc(100% - 440px);
	height:680px;
	overflow:hidden;
}
.two_box .l li {
    width: -webkit-calc(25% - 12px);
    width: -moz-calc(25% - 12px);
    width: calc(25% - 12px);
    float: left;
    margin-left: 15px;
    margin-bottom: 25px;
}
.two_box .l li:nth-child(6n+1) {
    margin-left: 15px;
}
.two_box .l li:nth-child(4n+1) {
    margin-left: 0;
}
.two_box .l li span {
	height:260px;
}
.hot_form li {
	padding:12px 0;
} 
.hot_form li .txt b {
	font-size:15px;
	height:42px;
	line-height:42px;
}
.hot_form li .num { font-size:32px;}
.thr_list { height:415px; overflow:hidden;}
.thr_list li {
	width: -webkit-calc(20% - 16px);
    width: -moz-calc(20% - 16px);
    width: calc(20% - 16px);
}
.thr_list li span { height:370px;}
.four_box .l {
	width:520px;
}
.four_box .r {
    width: -webkit-calc(100% - 540px);
    width: -moz-calc(100% - 540px);
    width: calc(100% - 540px);
    float: right;
}
.four_box .r .one li {
    width: -webkit-calc(50% - 18px);
    width: -moz-calc(50% - 18px);
    width: calc(50% - 18px);
    float: left;
    margin-left: 12px;
    margin-top: 20px;
}
.four_box .r .one li .tit b {
	overflow: hidden; 
    text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2; 
	-webkit-box-orient:vertical;
	line-height:25px;
	height:50px;
	white-space:normal;
	margin-top:10px;
}
.four_box .r .one li span { height:200px;}
.four_box .r .two li span { display:none;}
.four_box .r .two li b { width:100%;}
.four_box .r .thr li .txt {
	width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    width: calc(100% - 120px);
    float: left;
    margin-left: 10px;
}
.inner .thr_list { height:auto;}
.thr_list li:nth-child(8n+1) {
    margin-left: 20px;
}
.thr_list li:nth-child(5n+1) {
    margin-left: 0;
}
}


.pages {
    font-size: 14px;
    text-align: center;
    width: 100%;
    clear:both;
}

.pages ul {
    list-style-type: none;
    display: inline-block;
    text-align: center;
	margin:0 0 30px 0;
}

.pages ul li {
    padding: 0;
    margin: 0;
	display:inline-block;
}

.pages li a, .pages li input {
    height: 20px;
    line-height: 20px;
    border: 1px solid #ddd;
    padding: 6px 12px;
    float: left;
    margin-left: 8px;
    text-decoration: none;
    font-size: 14px;
    color: #666;
    background-color: #fff;
}

.pages .current a {
    font-weight: 700;
    background: #59E7FC;
    color: #fff;
    border-color: #e4393c;
}


.pages a:hover {
	background:#efefef;
	color:#333;
}

.pages span {
	background: #FFF;
    display: block;
    height: 20px;
    line-height: 20px;
    border: 1px solid #ddd;
    padding: 6px 12px;
    float: left;
    margin-left: 8px;
    text-decoration: none;
    font-size: 14px;
    color: #666;
    background-color: #fff;
}

.pages li.active span {
	background: #59E7FC;
	color: #FFF;
}

.ult_share {
	width:55px;
	float:left;
	min-height:100px;
	position:relative;
	z-index:11;
	margin-left: -30px;
}

.video_share {
	margin-left:-65px;
	margin-top:90px;
}

.bshare-custom { width:44px; margin-bottom:50px; position:relative; z-index:9;}
.bshare-custom a { display:block; width: 44px!important; height: 44px!important; padding: 0!important; background-image:url(../images/share-icons.png)!important; background-color:#fff; z-index:1; box-sizing:border-box; -moz-box-sizing:border-box; border:1px #cccccc solid;  transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s; cursor:pointer; text-indent:-999px; margin-bottom:10px!important; border-radius:50%; }
.bshare-custom a:hover { background-color:#446fb2!important; border:1px #446fb2 solid; z-index:2;}
.bshare-custom .bshare-weixin { background-position:-88px 0!important;}
.bshare-custom .bshare-weixin:hover{background-position:-44px 0!important;}
.bshare-custom .bshare-qzone { background-position:-88px -46px!important;}
.bshare-custom .bshare-qzone:hover{background-position:-44px -46px!important;}
.bshare-custom .bshare-qqim { background-position:-88px -89px!important;}
.bshare-custom .bshare-qqim:hover{background-position:-44px -89px!important;}
.bshare-custom .bshare-sinaminiblog { background-position:-88px -132px!important;}
.bshare-custom .bshare-sinaminiblog:hover{background-position:-44px -132px!important;}

.share_top{ display:block; width:44px; height:44px; background:url(../images/backTop01.png) no-repeat center; background-size:40%; cursor:pointer;  border:1px #cccccc solid;  border-radius: 50px; position:relative!important; right:auto!important; bottom:auto!important; opacity:1!important; visibility:visible!important; }
.share_top:hover{ background:url(../images/backTop02.png) no-repeat center #446fb2; background-size:40%; border:1px #446fb2 solid; z-index:2;}


.video_iframe {
    width: 560px;
    height:250px;
    border-radius:8px;
    background:rgba(60,60,60,.7);
    border: 1px solid  #666;
    position:absolute;
    z-index: 9;
    left: 50%;
    top: 50%;
    margin-left: -280px;
    margin-top: -125px;
    font-size: 14px;
    color:#fff;
    text-align: center;
    box-sizing:border-box;
    padding:100px 0 0 0;
}
.video_iframe .ilt {
    width: 80px;
    display: inline-block;
    position:relative;
    z-index: 1;
    background: url(../images/replay.png) no-repeat center top;
    background-size: auto 30px;
    padding:40px 0 0 0;
    vertical-align: middle;
    cursor: pointer;
}
.video_iframe .ilt:after {
    content: "";
    position:absolute;
    z-index: 1;
    width: 1px;
    height:36px;
    top: 10px;
    right: 0;
    background: #bbb;
}
.video_iframe .irt {
    width:270px;
    display: inline-block;
    vertical-align: middle;
}

