@charset "utf-8";
/* CSS Document */
/* index */
.tab01 {
	margin-top: 20px;
}
.tab01 a {
	padding: 5px 10px;
	line-height: 35px;
}
.tab01 a:hover, .tab01 a.ont {
	color: #fff;
	background: #085ea3;
	border-radius: 5px;
}
.ieriia {
	width: 50%;
	float: right
}
.bdsharebuttonbox {
	float: left;
	width: 50%;
}
.ieriia a {
	color: #FFF;
	line-height: 40px;
	font-weight: 700
}
body {
	padding-top: 160px;
}
.top {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 20;
}
.op0 {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.wrap {
	width: 1140px;
	margin: 0 auto;
}
.top-sc {
	height: 40px;
	background: #fff;
	position: relative;
	z-index: 2;
}
.top-sc .bgsl {
	position: absolute;
	z-index: 1;
	width: 50%;
	height: 100%;
	background: #eaeef1;
	left: 0;
	top: 0;
}
.top-sc .wrap {
	background: #eaeef1;
	line-height: 40px;
	z-index: 2;
	position: relative;
}
.top-sc .wrap .meals {
	color: #566777;
}
.searl {
	width: 50px;
	height: 40px;
	position: relative;
	text-align: center;
	border-left: 1px solid #cdd6dd;
}
.searl span {
	display: block;
	width: 100%;
	cursor: pointer;
}
.searl .sealit {
	padding: 5px;
	display: none;
	background: #eaeef1;
	width: 160px;
	position: absolute;
	left: 0;
	top: 50px;
	border-top: 1px solid #cdd6dd;
}
.searl .sealit .in01 {
	width: 120px;
	height: 30px;
	padding: 0 3px;
	border: 1px solid #ddd;
	float: left;
}
.searl .sealit .in02 {
	float: left;
	width: 30px;
	height: 30px;
	border: 1px solid #ddd;
	background: url(../images/m2.jpg) no-repeat center center;
	cursor: pointer;
	border-left: none;
}
.biaog {
	width: 400px;
	border: 1px solid #dfdfdf;
	height: 30px
}
.biaog2 {
	height: 146px;
	width: 600px;
	border: 1px solid #dfdfdf;
}
.video_box {
	width: 703px;
	margin: 0 auto;
}
.video-js {
	width: 703px;
	height: 496px;
	margin: 0 auto;
	text-align: center;
}
.btna a {
	color: #369;
	line-height: 24px;
}
.aboutwen p {
	line-height: 24px;
}
.abimg {
	float: right;
	margin-left: 20px;
}
.wbst {
	width: 50px;
	height: 40px;
	text-align: center;
	border-left: 1px solid #cdd6dd;
}
.wbst a {
	display: block;
	width: 100%;
}
.langl {
	position: relative;
	width: 160px;
	height: 40px;
	background: #e04728 url(../images/xl.jpg) no-repeat 120px center;
	text-align: center;
	color: #fff;
}
.langl .blis {
	position: absolute;
	right: -25px;
	top: 0;
	width: 25px;
	height: 40px;
	background: url(../images/il.jpg);
}
.langl span {
	cursor: pointer;
	display: block;
}
.langl .lanlt {
	background: #e04728;
	display: none;
	width: 100%;
	z-index: 5;
	text-align: center;
	position: absolute;
	left: 0;
	top: 40px;
}
.langl .lanlt a {
	display: block;
	color: #fff;
	line-height: 40px;
}
.mob-nav {
	display: none;
}
.top-nav {
	height: 120px;
	background: #fff;
	position: relative;
	z-index: 1;
}
.top-nav .bgsl {
	position: absolute;
	z-index: 1;
	width: 50%;
	height: 50px;
	background: #085ea3;
	right: 0;
	bottom: 0;
}
.top-nav .wrap {
	background: url(../images/bgs.jpg) repeat-x left bottom;
	height: 120px;
	z-index: 2;
	position: relative;
}
.top-nav .logo {
	background: #fff;
	padding-right: 50px;
}
.top-nav .logo a {
	display: block;
	padding: 20px 0;
}
.contls {
	font-size: 30px;
	line-height: 70px;
	font-weight: bold;
	color: #2e393f;
	background: url(../images/tel.jpg) no-repeat left center;
	padding-left: 175px;
}
.rilot {
	width: 864px;
	float: right;
}
.nav-ol {
	width: 864px;
	height: 50px;
	float: right;
	position: relative;
}
.nav-ol .blis {
	position: absolute;
	left: -28px;
	top: 0;
	width: 28px;
	height: 50px;
	background: url(../images/il2.jpg);
}
.nav-ol li {
	width: 108px;
	float: left;
	position: relative;
}
.nav-ol li > a {
	display: block;
	border-right: 1px solid #216eac;
	line-height: 50px;
	color: #fff;
	text-align: center;
}
.nav-ol li:hover >a {
	color: #e2f3ff;
}
.nav-ol li .esot {
	position: absolute;
	display: none;
	left: -1px;
	top: 50px;
	background: #085ea3;
	width: 109px;
	text-align: center;
}
.nav-ol li .esot a {
	display: block;
	line-height: 40px;
	border-top: 1px solid #216eac;
	color: #fff;
}
.nav-ol li .esot a:hover {
	background: #0c93d6
}
.cp-solt {
	background: #f6f6f6;
	padding: 50px 0;
}
.topsl {
	text-align: center;
}
.topsl h5 {
	font-weight: normal;
	color: #6c7d85;
	text-transform: uppercase;
}
.topsl h2 {
	font-size: 30px;
	color: #213544;
	font-weight: normal;
}
.topsl .inlst span {
	display: inline-block;
	height: 2px;
	width: 50px;
	background: #9dcee8;
}
.ctuls {
	padding-top: 50px;
	background: url(../images/t03.jpg) no-repeat center center;
	background-size: cover;
}
.ul-seil li a {
	display: block;
	background: #fff;
	padding-bottom: 30px;
}
.ul-seil li a .pic img {
	width: 100%;
}
.ul-seil li a .tit {
	color: #999;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
}
.ul-seil li a .con {
	line-height: 25px;
	height: 25px;
	overflow: hidden;
	margin-top: 5px;
}
.lopc-pic, .rilx-ckt {
	width: 50%;
	position: relative;
}
.rilx-ckt .bgs {
	background: url(../images/bl.png);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.zlolc .wrap {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -570px;
}
.melis {
	width: 50%;
	padding: 60px 0 60px 85px;
	color: #fff;
}
.melis .meli {
	font-size: 26px;
	font-weight: bold;
	line-height: 40px;
}
.melis .line {
	width: 40px;
	background: #67acd4;
	height: 1px;
	margin-top: 5px;
}
.melis .con {
	line-height: 30px;
	height: 240px;
	overflow: hidden;
	margin-top: 30px;
}
.melis .link {
	margin-top: 40px;
}
.melis .link a {
	display: inline-block;
	width: 150px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: #e04728;
}
.foot {
	background: #1566a8;
	padding-top: 45px;
	color: #fff;
}
.leit-nav {
	width: 75%;
}
.leit-nav dl {
	float: left;
	width: 16.66%;
}
.leit-nav dl a {
	color: #eff3f7;
}
.leit-nav dl dt {
	line-height: 30px;
}
.leit-nav dl dd {
	font-size: 12px;
	line-height: 25px;
}
.leit-nav dl dd a {
	color: #aec5d9;
}
.leit-nav dl dd a:hover {
	color: #c1d9ed;
}
.roist {
	width: 25%;
}
.roist .tbl {
	font-size: 24px;
	margin-bottom: 10px;
}
.roist .soge {
	font-size: 12px;
	padding: 5px 0;
}
.folts {
	text-align: center;
	margin-top: 60px;
	background: #0f4775;
	padding: 15px 0;
}
.folts a {
	color: #FFF
}
.ny-banner {
	height: 303px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
}
.calts {
	padding: 50px 0;
}
.leopt {
	text-align: center;
	width: 35%;
	background: url(../images/bgx.jpg) no-repeat right center;
}
.leopt .tit {
	font-size: 36px;
	color: #444;
}
.leopt .enf {
	color: #999;
	font-size: 24px;
	margin-top: 12px;
}
.leopt .scd {
	font-size: 18px;
	color: #999;
	margin-top: 10px;
}
.topos {
	width: 60%;
	line-height: 2;
	color: #666;
}
.topos p {
	text-indent: 2em;
	margin-bottom: 25px;
}
.osnet li {
	float: left;
	width: 25%;
	position: relative;
}
.osnet li .bgl {
	background: url(../images/bl.png);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	z-index: 2;
	transition: all 0.5s ease;
}
.osnet li .botit {
	line-height: 55px;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 20px;
	padding: 0 5%;
	z-index: 1;
}
.osnet li .conl {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 3;
	top: 50%;
	margin-top: -90px;
	color: #fff;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: all 0.5s ease;
}
.osnet li .conl .mel {
	margin-top: 10px;
	font-size: 24px;
	margin-top: 15px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}
.osnet li .conl .eow {
	line-height: 20px;
	height: 60px;
	overflow: hidden;
	padding: 0 10%;
	margin-top: 15px;
}
.osnet li a:hover .bgl {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transition: all 0.5s ease;
}
.osnet li a:hover .conl {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transition: all 0.6s ease 0.3s;
}
.vod-solt {
	padding: 50px 0;
}
.vodlist {
	margin-top: 30px;
}
.vodlist li {
	float: left;
	width: 31.3%;
	margin: 1%;
	box-shadow: 0 0 8px #999;
	background: #fff;
	padding: 10px 10px 0;
}
.vodlist li .pic {
	overflow: hidden;
}
.vodlist li .pic img {
	transition: all 0.5s ease;
}
.vodlist li a:hover .pic img {
	transition: all 0.5s ease;
	transform: scale(1.1);
}
.vodlist li .tit {
	line-height: 50px;
	height: 50px;
	padding-right: 35px;
	overflow: hidden;
	background: url(../images/sp.jpg) no-repeat right center;
	margin-top: 5px;
}
.molost a {
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	background: #085ea3;
	color: #fff;
}
.wblit {
	padding: 50px 0;
	line-height: 2;
	color: #666;
	text-align: center;
}
.wblit .wrap {
	padding: 0 10%;
}
.tab-hd {
	height: 50px;
	line-height: 50px;
}
.tab-hd span {
	display: block;
	float: left;
	font-size: 16px;
	text-align: center;
	width: 50%;
	color: #fff;
	background: #bcbcbc;
	cursor: pointer;
}
.tab-hd span.cur {
	background: #085ea3;
}
.tab-bd {
	height: 531px;
	position: relative;
	background: url(../images/t11.jpg) no-repeat center center;
	background-size: cover;
}
.tab-bd .colo {
	display: none;
}
.conlop {
	width: 550px;
	position: absolute;
	right: 50%;
	background: #fff url(../images/gt.jpg) no-repeat center center;
	background-size: cover;
	height: 420px;
	top: 60px;
	padding: 60px 35px;
}
.clo-wb {
	width: 60%;
	max-height: 300px;
	overflow: hidden;
}
.clo-wb h2 {
	font-size: 18px;
	font-weight: 700;
	line-height: 50px;
}
.clo-wb .mo a {
	width: 100px;
	line-height: 35px;
	color: #FFF;
	font-size: 13px;
	background: #df0f0a;
	padding: 9px 20px;
	margin-top: 20px;
	border-radius: 3px;
}
.clo-wb p {
	background: url(../images/d.jpg) no-repeat left 10px;
	padding-left: 10px;
	color: #666;
	line-height: 30px;
}
.picsiu {
	width: 40%;
	text-align: center;
}
.picsiu img {
	max-height: 225px;
}
.blilt {
	border-bottom: 1px solid #efefef;
	line-height: 70px;
	color: #085ea3;
	font-size: 20px;
}
.blilt p.tit {
	display: inline-block;
	font-weight: bold;
}
.blilt a {
	font-size: 14px;
	padding: 0 20px;
	display: inline-block;
	line-height: 66px;
}
.blilt a.cur {
	border-bottom: 2px solid #0186cf;
}
.cps-tp li {
	float: left;
	width: 23%;
	margin: 20px 1% 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #efefef;
	text-align: center;
	transition: all 0.5s ease;
}
.cps-tp li:hover {
	box-shadow: 0 0 8px #666;
	transition: all 0.5s ease;
}
.cps-tp li .pic {
	overflow: hidden;
}
.cps-tp li .pic img {
	transition: all 0.5s ease;
}
.cps-tp li a:hover .pic img {
	transform: scale(1.1);
	transition: all 0.5s ease;
}
.cps-tp li .tit {
	margin-top: 10px;
	font-size: 15px;
	line-height: 35px;
	height: 35px;
	overflow: hidden;
}
.cps-tp li .blt {
	color: #999;
}
.pagelst {
	padding: 40px 0;
}
.pagelst a {
	display: inline-block;
	line-height: 30px;
	width: 30px;
	margin: 0 3px;
	text-align: center;
	border: 1px solid #ddd;
}
.pagelst a.cur {
	background: #0168b7;
	border-color: #0168b7;
	color: #fff;
}
.cp-colt {
	padding: 50px 0;
}
.cp-colt .pic {
	border: 1px solid #ddd;
	width: 45%;
}
.cp-colt .roplt {
	width: 52%;
}
.cp-colt .roplt .tit {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 20px;
}
.cp-colt .roplt .ein {
	color: #666;
	line-height: 35px;
	padding: 5px 0;
}
.cp-colt .roplt .lins {
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
}
.cp-colt .roplt .lins a {
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	background: #df0f0a;
	color: #fff;
	text-align: center;
	border-radius: 3px;
}
.btn2 {
	display: inline-block;
	width: 100px;
	height: 35px;
	line-height: 35px;
	background: #0186cf;
	color: #fff;
	text-align: center;
	border: 0;
	margin-top: 10px;
}
.cp-colt .roplt .oil {
	line-height: 35px;
	margin-top: 10px;
	color: #666;
}
.cp-colt .roplt .lils li {
	float: left;
	width: 23%;
	margin-right: 2%;
	border: 1px solid #ddd;
	margin-top: 10px;
}
.cp-colt .roplt .lils li:hover {
	border: 1px solid #0186cf;
}
.btlis {
	line-height: 50px;
	height: 50px;
	background: #f1f1f1;
}
.btlis span {
	display: block;
	float: left;
	width: 170px;
	text-align: center;
	cursor: pointer;
}
.btlis span.cur {
	background: #085ea3;
	color: #fff;
}
.tablt {
	margin-top: 20px;
}
.tablt .bd {
	padding-bottom: 20px;
	line-height: 2;
	color: #666;
	min-height: 240px;
}
.clist li, .clist2 li {
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
}
.clist li a {
	position: relative;
	padding: 0 300px 0 150px;
	display: block;
	width: 100%;
	height: 174px;
}
.clist2 li a {
	position: relative;
	padding: 0 0 0 150px;
	display: block;
	width: 100%;
}
.clist li a .pic {
	width: 270px;
	position: absolute;
	right: 0;
	top: 0;
}
.clist li a .date {
	width: 120px;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 30px;
	font-weight: normal;
	padding-top: 15px;
	padding-bottom: 60px;
	background: url(../images/bv01.jpg) no-repeat left bottom;
	color: #666;
}
.clist2 li a .date {
	width: 120px;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 30px;
	font-weight: normal;
	padding-top: 15px;
	padding-bottom: 60px;
	color: #666;
}
.clist li a:hover .date {
	background: url(../images/bv02.jpg) no-repeat left bottom;
	color: #333
}
.clist li a dt, .clist2 li a dt {
	font-size: 16px;
	padding-top: 15px;
	line-height: 30px;
	height: 45px;
	overflow: hidden;
	font-weight: 700
}
.clist li a dd, .clist2 li a dd {
	color: #999;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	margin-top: 15px;
}
.news-contl {
	padding: 30px 0;
}
.news-contl h3 {
	text-align: center;
	font-size: 18px;
	font-weight: normal;
}
.news-contl h4 {
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	color: #999;
	margin-top: 10px;
}
.bnlost {
	padding: 20px 0;
	color: #666;
	line-height: 2;
}
.back-prel {
	padding: 20px 0;
	margin-top: 10px;
}
.back-prel a {
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	background: #e32803;
	color: #fff;
	text-align: center;
	border-radius: 3px;
}
.rlo-lot {
	padding: 30px 0;
}
.qutls {
	color: #666;
	line-height: 2;
	margin-top: 20px;
}
.bxlt li {
	float: left;
	width: 23%;
	margin: 0 1%;
}
.bxlt li .sel {
	color: #7493a4;
	font-size: 24px;
	margin-top: 10px;
}
.bxlt li .rew {
	font-size: 16px;
	margin: 10px 0px;
	color: #666;
}
.bxlt li .ols {
	font-size: 12px;
	line-height: 20px;
	color: #999;
	height: 60px;
	overflow: hidden;
}
.oltls {
	padding: 20px 0;
	background: url(../images/t17.jpg) no-repeat center center;
	background-size: cover;
}
.oltls li {
	background: #fff;
	padding: 20px 5%;
	float: left;
	width: 48%;
	margin: 20px 1% 0;
	color: #666;
	box-shadow: 0 0 3px #b8c2c9;
}
.oltls li:hover {
	box-shadow: 0 0 6px #8598a5;
}
.oltls li .ilt {
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}
.oltls li .sil {
	margin: 15px 0;
	line-height: 25px;
	color: #999;
}
.oltls li .sil span {
	margin: 0 10px 0 5px;
	font-size: 12px;
}
.oltls li .conl {
	line-height: 25px;
	height: 100px;
	overflow: hidden;
	font-size: 12px;
}
.lolox {
	padding: 20px 0;
}
.lolox a {
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	background: #e32803;
	color: #fff;
	text-align: center;
	border-radius: 3px;
}
.piclt2 {
	background: url(../images/t03.jpg) no-repeat center center;
	background-size: cover;
}
.piclt2 .article {
	padding: 10px;
	margin-top: 20px;
}
.piclt2 .article a {
	display: block;
	width: 100%;
}
.piclt2 .article a .pic {
	overflow: hidden;
}
.piclt2 .article a .pic img {
	transition: all 0.5s ease;
}
.piclt2 .article a:hover .pic img {
	transform: scale(1.1);
	transition: all 0.5s ease;
}
.piclt2 .article a .tit, .piclt2 .article a .con {
	line-height: 25px;
	height: 25px;
	overflow: hidden;
}
.piclt2 .article .blsot {
	background: #fff;
	box-shadow: 0 0 6px #dedede;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	transition: all 0.5s ease;
}
.piclt2 .article .blsot:hover {
	box-shadow: 0 0 8px #b8b8b8;
	transition: all 0.5s ease;
}
.cliosx .article {
	padding: 10px;
	margin-top: 20px;
}
.cliosx .article .blsot {
	background: #fff;
	box-shadow: 0 0 6px #ccc;
	padding-bottom: 20px;
	transition: all 0.5s ease;
}
.cliosx .article a {
	display: block;
	width: 100%;
}
.cliosx .article a .pic {
	overflow: hidden;
	position: relative;
}
.cliosx .article a .pic .datel {
	position: absolute;
	right: 0;
	bottom: 0;
	background: #e04728;
	color: #fff;
	text-align: center;
	padding: 10px 10px 5px;
}
.cliosx .article a .pic .datel span {
	font-size: 24px;
}
.cliosx .article a .pic img {
	transition: all 0.5s ease;
}
.cliosx .article a:hover .pic img {
	transform: scale(1.1);
	transition: all 0.5s ease;
}
.cliosx .article .conlt {
	padding: 0 5%;
}
.cliosx .article .conlt .pot {
	color: #333;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
}
.cliosx .article .conlt .pre {
	font-size: 12px;
	color: #999;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
}
 @media (max-width: 1500px) {
.melis .con {
	height: 120px;
}
}
@media (max-width: 1200px) {
.osnet li a:hover .bgl {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: all 0.5s ease;
}
.osnet li a:hover .conl {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: all 0.6s ease 0.3s;
}
}
@media (max-width: 1160px) {
.top-nav .wrap {
	width: 100%;
	background: none;
	height: auto;
	padding: 0 2%;
}
body {
	padding-top: 100px;
}
.top-nav {
	height: auto;
	background: #fff;
}
.langl .blis {
	display: none;
}
.top-nav .bgsl {
	display: none;
}
.top-nav .logo {
	padding: 0;
}
.top-nav .logo a {
	padding: 0;
}
.top-nav .logo img {
	height: 50px;
}
.contls {
	display: none;
}
.nav-ol {
	position: absolute;
	background: #085ea3;
	height: auto;
	top: 50px;
	left: 0;
	width: 100%;
	display: none;
}
.nav-ol li {
	width: 100%;
	border: none;
}
.nav-ol li a {
	text-align: left;
	border-bottom: 1px solid #216eac;
	padding: 0 3%;
}
.nav-ol li .esot {
	position: relative;
	top: 0px;
	border-bottom: 1px solid #216eac;
	width: 100%;
	left: 0;
}
.nav-ol li .esot a {
	padding: 0 5%;
	color: #aec5d9;
}
.mob-nav {
	display: block;
	width: 50px;
	height: 50px;
	float: right;
	background: url(../images/mob-ct.png) no-repeat center center;
}
}
 @media (max-width: 1140px) {
.wrap {
	width: 100%;
	padding: 0 2%;
}
.zlolc .wrap {
	margin-left: 0;
	left: 0;
	width: 100%;
}
.melis {
	padding: 20px;
}
.calts {
	padding: 20px 2%;
}
.conlop {
	margin-right: -275px;
}
.rlo-lot {
	padding: 20px 2%;
}
}
 @media (max-width: 1000px) {
.melis .con {
	margin-top: 12px;
}
.melis .link {
	margin-top: 15px;
}
.melis .meli {
	font-size: 18px;
}
}
@media (max-width: 850px) {
.lopc-pic, .rilx-ckt {
	width: 100%;
}
.zlolc .wrap {
	top: 50%;
}
.melis {
	width: 100%;
}
.leit-nav {
	display: none;
}
.roist {
	width: 100%;
}
}
 @media (max-width: 640px) {
.clist2 li a {
	padding: 1%
}
.clist2 li a .date {
	display: none
}
.brandwen img {
	width: 100%
}
.biaog2 {
	width: 90%
}
.biaog {
	width: 90%;
}
#leftsead {
	display: none
}
.video_box {
	width: 100%;
}
.video-js {
	width: 100%;
	height: 100%
}
.abimg {
	display: none
}
.meals, .slotp, .wbst {
	display: none;
}
.ropsl {
	width: 100%;
}
.langl {
	float: right;
}
.cp-solt {
	padding: 20px 0;
}
.topsl h2 {
	font-size: 20px;
}
.foot {
	padding-top: 20px;
}
.folts {
	margin-top: 20px;
	font-size: 12px;
}
.searl {
	border: none;
}
.ny-banner {
	height: 180px;
}
.leopt {
	background: none;
}
.leopt, .topos {
	width: 100%;
}
.osnet li {
	width: 50%;
}
.vod-solt {
	padding: 20px 0;
}
.conlop {
	right: 5%;
	margin-right: 0;
	width: 90%;
}
.cps-tp li {
	width: 48%;
}
.cp-colt .pic, .cp-colt .roplt {
	width: 100%;
}
.cp-colt .roplt {
	margin-top: 20px;
}
.cp-colt, .oltls {
	padding: 20px 0;
}
.btlis span {
	width: 33.3%;
}
.blilt {
	line-height: 40px;
	padding-top: 10px;
}
.blilt span {
	display: block;
	width: 100%;
	float: none;
}
.blilt a {
	padding: 0 8px;
	line-height: 24px;
}
.clist li a {
	padding: 0;
	height: auto;
}
.clist li a .pic {
	position: relative;
	width: 100%;
}
.clist li a .date {
	width: auto;
	color: #fff;
	background: url(../images/bg-col.png);
	padding: 10px;
	font-size: 20px;
}
.clist li a:hover .date {
	background: url(../images/bg-col.png);
	color: #fff;
}
.bxlt li {
	width: 48%;
	margin-bottom: 10px;
}
.oltls li {
	width: 100%;
	margin: 0 0 15px 0px;
}
}
@media (max-width: 440px) {
.melis .con {
	height: 60px;
}
.melis .meli {
	font-size: 16px;
	height: 40px;
	overflow: hidden;
}
.vodlist li {
	margin: 10px 0 0;
	width: 100%;
}
.vodlist {
	margin-top: 15px;
}
}