.loginbar {
	float: right;
	padding-top:20px;
}

.loginbar a.register {
	width: 72px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	float: left;
	background: #38b549;
	margin-top:7px;
	font-size:12px;
}

.loginbar a.register:hover {
	background: #5aa700
}

.loginbar a.in,.govip {
	width: 90px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	float: left;
	margin-left: 10px;
	border: 1px solid #2f9622;	
	margin-top: 7px;
	font-size:12px;
	background-color:#2f9622;}

.loginbar a.in:hover {
	background: #38b549;
	color: #fff;
}

.user {
	float: left;
	position: relative;
	height: 30px;
	padding-top: 8px;
	z-index: 99
}

.user a {
	float: left
}

.user .user-name {
	position: relative;
	display: block;
	float: left;
	padding: 0px 5px
}

.user .user-name a {
	display: inline-block;
	color: #fff
}

.user .user-name a.user_vip {
	position: absolute;
	left: -30px;
	top: -3px;
	width: 38px;
	height: 38px
}

.user .user-name a.user_txt {
	display: inline-block;
	margin-left: 5px;
	color: #980ab2;
}

.user_vip0 {
	background: url(../cloud-static/images/vip3.png)
}

.user_vip1 {
	background: url(../cloud-static/images/vip0.png)
}

.user .user-name .user_vip2 {
	background: url(../cloud-static/images/vip1.png)
}

.user .user-manu a {
	width: 90%;
	position: absolute
}

.user-manu {
	opacity: 0;
	position: absolute;
	background-color: #fff;
	top: 30px;
	right: 0;
	box-shadow: 0 0 4px #333;
	min-width: 260px;
	box-shadow: 0 3px 7px #b0b0b0;
	display: none;
	left: -130px;
	border: #eeeff2 1px solid;
    padding-top:10px;
}

.user-manu li {
	cursor: pointer;
	padding: 5px 20px;
	color: #666;
	width: 258px;
	height: 35px;
	line-height: 40px;
    font-size:14px;
}

.user-manu .logout {
	border-top: 1px solid #eeeff2
}

.user-manu li:hover {
	color: #444
}

.user .user-manu li a {
	text-decoration: none;
	color: #666
}

.user:hover .user-manu {
	opacity: 1;
	filter: alpha(opacity=100);
	display: block
}

.user .face {
	width: 30px;
	height: 30px;
	border-radius: 35px;
	overflow: hidden;
	float: left;
	display: block;
}

.user .face img {
	height: 30px;
	width: 30px
}

a.govip {
	border: 1px solid #63b504;
	background: #63b504;
	color: #fff;
	line-height: 26px;
	height: 26px;
	margin-top: 18px
}

a.govip:hover {
	background: 0 0;
	color: #fff
}

#login_opacity_bg {
	width: 100%;
	position: absolute;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50);
	top: 0;
	left: 0;
	display: none;
	z-index: 100;
	min-width:1200px;
}

.tbox {
	width: 580px;
	height: 410px;
	margin: 0 auto;
	border-radius: 5px;
	background-color: #fff;
	overflow: hidden;
	zoom: 1;
	display: none;
	z-index: 101;
	top: 50%;
	left: 50%;
	position: fixed;
	margin: -250px 0 0 -295px
}

.tbox a {
	-webkit-transition: all 0s;
	transition: all 0s
}

.tbox .close {
	font-family: ??;
	position: absolute;
	right: 18px;
	top: 16px;
	font-size: 20px;
	line-height: 20px;
	-webkit-transition: all .2s;
	transition: all .2s;
	cursor: pointer
}

.tbox .close:hover {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

#logo {
	display: block;
	width: 147px;
	height: 57px;
	margin: 0 auto;
	background: url(../cloud-static/images/blacklogo.png) no-repeat 0 0;
	overflow: hidden;
	zoom: 1;
	margin-top: 40px
}

#tips {
	width: 270px;
	height: 25px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
	margin-top: 5px
}

.hline {
	width: 50px;
	height: 15px;
	border-bottom: 1px solid #ededed;
	overflow: hidden;
	zoom: 1
}

.tiptext {
	width: 170px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #333;
	font-size: 14px
}

#qq_register {
	border-radius: 2px;
	display: block;
	width: 270px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
	margin-top: 30px;
	font-size: 18px;
	color: #fff;
	background: #00b7d6 url(../cloud-static/images/reglogin.png) no-repeat 25px 0;
	text-decoration: none;
	text-indent: 80px
}

#qq_register:hover {
	background: #1f9bd9 url(../cloud-static/images/reglogin.png) no-repeat 25px -51px;
	text-decoration: none
}


#weixin_register {
	border-radius: 2px;
	display: block;
	width: 270px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
	margin-top: 15px;
	font-size: 18px;
	color: #fff;
	background: #3ebb2b url(../cloud-static/images/reglogin.png) no-repeat 27px -102px;
	text-decoration: none;
	text-indent: 80px
}

#weixin_register:hover {
	background: #21a901 url(../cloud-static/images/reglogin.png) no-repeat 27px -153px;
	text-decoration: none
}

#sucai_register {
	border-radius: 2px;
	display: block;
	width: 270px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
	margin-top: 15px;
	font-size: 18px;
	color: #fff;
	background: #61cd73 url(../cloud-static/images/reglogin.png) no-repeat 27px -204px;
	text-decoration: none;
	text-indent: 100px
}

#sucai_register:hover {
	background: #38b549 url(../cloud-static/images/reglogin.png) no-repeat 27px -255px;;
	text-decoration: none
}


.fl {
    float: left;
}


.nav {
	position: relative;
	float: left;
	z-index: 99
}

.nav li {
	float: left;
	padding: 0 16px;
	position: relative;
	height: 40px;
	overflow: hidden
}

.nav li .nav-link {
	height: 28px;
	display: block;
	line-height: 28px;
	font-size: 14px;
	color: #fff;
	margin-top: 8px
}

.nav li .nav-m {
	border: 2px #eeeff2 solid;
	background: #fff;
	width: 288px;
	position: absolute;
	left: 0;
	top: 100px;
	padding: 9px 0 9px 18px;
	box-shadow: 0 0 2px rgba(0,0,0,.2);
	opacity: 0;
	filter: alpha(opacity=0)
}

.nav li .more {
	width: 120px;
	padding: 9px 0 17px 18px
}

.nav li:hover {
	overflow: visible
}

.nav li:hover .nav-m {
	opacity: 1;
	filter: alpha(opacity=100);
	top: 54px
}

.nav li .nav-m a {
	float: left;
	white-space: nowrap;
	width: 132px;
	line-height: 30px
}

.nav li .more a {
	width: 100px;
	color: #333
}

.nav li .nav-m a:hover {
	color: #63b504
}

.nav li.on,.nav li:hover {
	background: #333
}




/* footer */

.pull-left {float: left !important;margin-right:50px;}
.pull-right {float: right !important;}
.footer{margin-top: 10px;background-color:#232323;box-sizing:border-box;bottom:0;left:0;letter-spacing:.4px;line-height:1.3;position:relative;z-index: 2;width:100%;min-width:1200px;}
.footer a{color: #666;}
.footer:after{content:"";display:table;clear:both}
.footer h4{font-size: 14px; font-weight: 700; color: #fff; line-height: 1; margin-bottom: 20px;}
.footer span{color:#666;font-size:12px;line-height:1}
.footer__wrapper{box-sizing:border-box;margin:0 auto;padding:40px 16px 30px;position:relative;width:1200px;}
.footer__wrapper>.footer__row{width:100%}
.footer__wrapper>.footer__row:after{content:"";display:table;clear:both}
.footer__wrapper>.footer__row:first-of-type{margin-bottom:20px}
/*.footer__wrapper>.footer__row:nth-of-type(2){border-bottom:#2e2e2e solid 1px;border-top:#2e2e2e solid 1px;padding:30px 0}*/
.footer__wrapper>.footer__row:last-of-type{padding-top: 30px; border-top: 1px solid #383838;}
.footer__column-newsletter span.error{top:72px}
.footer__column-cta.cta-author{margin-right:60px}
.footer__column-cta.cta-author{margin-right:60px}
.footer__column-counts .count{float:left;margin-left:60px}
.footer__column-counts .count:first-of-type{margin-left:0 !important}
.footer__column-counts .count .number{color:#fff;font-size:24px;line-height:1;margin-bottom:6px}
.footer__column-counts .count .caption{color:#666;font-size:12px;line-height:1}
.footer .invisible{visibility:hidden !important}
.footer .float-left{float:left}
.footer .float-right{float:right}
.footer .footer__column-products .pull-left a{color:#7f7d7d;display:block;font-size:12px;padding:0;float: left;clear: left;}
.footer .footer__column-products .pull-left a{line-height:1.5;margin-bottom: 15px;position: relative;}
.footer .footer__column-products .pull-left a:hover,.footer p.list__link a:hover{opacity: 1;}
.footer .footer__column-products .pull-left a:after {
    background-color: #fff;
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    top: 100%;
    transform: translateY(1px);
    transition: all .15s cubic-bezier(.39,.575,.565,1);
    transition-property: opacity,transform;
    width: 100%;
}
.footer .footer__column-products .pull-left a:active:after {
    opacity: .2;
    transform: translateY(1px);
}
.footer .footer__column-products .pull-left a:focus:after, .footer .footer__column-products .pull-left a:hover:after {
    opacity: 1;
    transform: translateY(-3px) translateZ(0);
}
.footer .list__link.pass{color:#fff;font-weight:600}
.footer .list__link.pass:hover{color:#adb7be}


.footer .social__links{margin:15px 0 0}
.footer .copyright{color:{LIGHTTEXT};}

.static_black {margin:0 auto;width:1200px;}
.page-categories.container {
    padding: 30px 0px 60px 0px;
    border-bottom: 1px solid #383838;
}
.link_nav.cl .z a{margin-right: 40px;font-size:16px}
.page-categories.container p.z {
    border: 0;
    outline: 0;
    background-color: transparent;
    color: inherit;
    padding: 0;
    cursor: pointer;
    margin: 0;
    height: 40px;
    color: #999;
}
ul.section-content.container.cl {
    clear: left;
}
ul.section-content.container.cl li {
    float: left;
    font-size: 12px;
    margin: 0 14px 8px 0;
}
ul.section-content.container.cl li a {
    color: #666;
}

.ft-about {
	padding: 10px 0 0;
	float: left;
	font-size: 0;
	*zoom: 1
}

.ft-about:after {
	display: block;
	clear: both;
	height: 0;
	content: "\200B"
}

.ft-about:after {
	display: block;
	clear: both;
	height: 0;
	content: "\200B"
}

.ft-about li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 123px;
	vertical-align: top;
	margin-left: 28px
}

.ft-about li img {
	display: block;
	width: 123px;
	height: 123px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	opacity: 0.7;
}

.ft-about li p {
	padding: 12px 0 0;
	line-height: 28px;
	font-size: 14px;
	text-align: center;
	color: #666
}


/*backtop*/
.bottom_tools{position:fixed;z-index:1070;right:40px;bottom:40px;}
.bottom_tools>*{font:0/0 a;display:block;margin-top:5px;color:transparent;border:0;background-color:transparent;text-shadow:none}
.qr_img{position:absolute;top:-189px;left:-183px;display:none;}
#scrollUp{width:45px;height:45px;background-image:url(../cloud-static/images/backgrounds.32.png);background-position:-54px -53px;display:none;border-radius:5px;}
#scrollUp:hover{background-image:url(../cloud-static/images/backgrounds.32.png);background-position:-100px -53px}
#feedback{width:45px;height:45px;background-image:url(../cloud-static/images/backgrounds.32.png);background-position:-102px 0;border-radius:5px;}
#feedback:hover{background-image:url(../cloud-static/images/backgrounds.32.png);background-position:-146px -46px}
#kefu{width:45px;height:45px;background-image:url(../cloud-static/images/backgrounds.32.png);background-position:-194px 0;border-radius:5px;}
#kefu:hover{background-image:url(../cloud-static/images/backgrounds.32.png);background-position:-238px -46px}
.qr_tool{width:45px;height:45px;background-image:url(../cloud-static/images/backgrounds.32.png);background-position:-148px 0;cursor:pointer;}
.qr_tool:hover {width: 45px;height: 45px;background-image: url(../cloud-static/images/backgrounds.32.png);background-position: -192px -46px;}


/*search2*/
.search_box {float:left;width:529px;height:40px;background:#e5e7e3;padding-left:3px;display:inline;margin:20px 0px 0px 160px;border-radius:3px;}
.search {width:529px;margin:0px;line-height:34px;height:34px;}
.search a {text-decoration:none;cursor:pointer;padding-left:6px;}
.search input {float:left;padding:0px 0px 0px 5px;}
.select {background:#f2f2f2 url(../cloud-static/images/bg.png) no-repeat 76px -5px;border:0;border-right:solid 2px #efefef;width:82px;height:36px;color:#666;line-height:34px;padding-left:8px;float:left;position:relative;z-index:99;font-size:12px;margin-top:2px;}
.select_hover {background:#fff url(../cloud-static/images/bg.png) no-repeat 76px 16px;}
.part {left:-3px;top:36px;width:89px;border:solid 3px #edeeec;border-top:0;line-height:30px;position:absolute;z-index: 9999;height:auto;zoom:1;-moz-border-radius:0px 0px 3px 3px;-webkit-border-radius:0px 0px 3px 3px;border-radius:0px 0px 3px 3px;}
.part p {overflow:hidden;}
.part p a {height:30px;color:#666;line-height:30px;padding-left:12px;width:82px;border-left:solid 1px #f3f3f3;border-top:solid 1px #f3f3f3;background:#fff;display:inline-block;float:left;margin-left:-1px;margin-top:-1px;white-space:nowrap;font-size:12px;}
.part a:hover {background:#f5f5f5;color:#62a315;}
.enter {border:0;width:348px;float:left;height:36px;color:#999;line-height:34px;padding-left:5px;margin-top:2px;font-size:12px;outline:none;}
.sb {background:url(../cloud-static/images/bg.png) no-repeat -31px 0;border:0;width:84px;_width:81px;height:40px;cursor:pointer;}
#search-btn {
position: absolute;
    border: none;
    margin: 0;
    line-height: inherit;
    background: #38b549;
    display: inline-block;
    height: 40px;
    border-radius: 0 3px 3px 0;
    padding: 0 34px;
    color: #fff;
}

.module-tit {text-align:center;padding:15px;}
.module-tit a {position:relative;color:#38b549;}
.module-tit a:before {display:none;position:absolute;top:0;left:0;content:'';width:100%;height:100%;background:rgba(255,255,255,.1)}
.module-tit a:hover:before {display:block}
.module-tit h2 {color:#ff8a00;font-size:28px;line-height:26px;letter-spacing:1px}
.module-tit p {font-size:18px;color:#b4b4b4;margin-top:16px;position:relative}
.module-tit p::before {content:'';display:block;width:60px;height:1px;background-color:#b4b4b4;position:absolute;top:12px;left:380px}
.module-tit p::after {content:'';display:block;width:60px;height:1px;background-color:#b4b4b4;position:absolute;top:12px;left:700px}

.module-titb {text-align:center;padding:15px;}
.module-titb a {position:relative;color:#6a6b6a;}
.module-titb a:before {display:none;position:absolute;top:0;left:0;content:'';width:100%;height:100%;background:rgba(255,255,255,.1)}
.module-titb a:hover:before {display:block}
.module-titb h2 {color:#6a6968;font-size:22px;line-height:0px;letter-spacing:1px}
.module-titb p {font-size:18px;color:#b4b4b4;margin-top:16px;position:relative}
.module-titb p::before {content:'';display:block;width:60px;height:1px;background-color:#b4b4b4;position:absolute;top:12px;left:380px}
.module-titb p::after {content:'';display:block;width:60px;height:1px;background-color:#b4b4b4;position:absolute;top:12px;left:700px}

.looked-more {height:40px;text-align:center;font-size:16px;line-height:18px;opacity:0.5;padding-top:30px;letter-spacing:1px;}
.looked-more a {position:relative;color:#fff;transition:0.15s ease-in;-moz-transition:0.15s ease-in;-webkit-transition:0.15s ease-in;-o-transition:0.15s ease-in;background-color:#38b549;padding:8px 15px 8px 15px;border-radius:3px;}
.looked-more span {margin-left:10px;transition:0.15s ease-in;-moz-transition:0.15s ease-in;-webkit-transition:0.15s ease-in;-o-transition:0.15s ease-in;}
.looked-more:hover {opacity:1;}
.looked-more:hover a {color:#fff;}
.looked-more:hover span {margin-left:16px;}
.vip {position:relative;top:7px;-webkit-border-radius:6px;-ms-border-radius:6px;-moz-border-radius:6px;border-radius:6px;width:58px;height:auto;}
.vip2 {position:absolute;top:10px;-webkit-border-radius:6px;-ms-border-radius:6px;-moz-border-radius:6px;border-radius:6px;width:58px;height:auto;}

/*--------栏目分类--------*/

.type{width:1198px;margin:25px auto 5px auto;background:#f8f8f8;border:1px solid #efeded;-webkit-box-shadow:0px 0px 4px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 4px rgba(0, 0, 0, 0.1);}
.type1{overflow:hidden;width:100%;line-height:40px;padding:6px 0 10px;}
.type .cj{height:61px}
.type .current{background:#38b549;color:#fff!important}
.mr10{margin-right:10px;margin-top:25px}
.fmr10{margin-right:20px}
.type1 .all-type{display:block;float:left;height:26px;line-height:25px;border-radius:2px;margin-right:8px;color:#636161;margin-top:5px;margin-left:21px;font-size:16px;font-weight:bold;}
.type1 .uli{float:left;width:1024px}
.type1 a{float:left;height:28px;line-height:28px;padding:0 18px;margin:10px 3px 0;white-space:nowrap;background:#fff;border:1px solid #d7d7d7;border-radius:3px;-webkit-transition:all ease .35s;-moz-transition:all ease .35s;-o-transition:all ease .35s;-ms-transition:all ease .35s;transition:all ease .35s;font-size:14px;}
.type1 a:hover{background:#8fc31f;border-color:#8fc31f;color:#fff;text-decoration:none}
.type1 .more{display:block;float:left;height:26px;line-height:25px;border-radius:2px;margin-right:8px;color:#636161;margin-top:15px;cursor:pointer}
.type1 .more:hover{color:#678be4}
.type1 .all-type{display:block;float:left;height:26px;line-height:40px;border-radius:2px;margin-right:8px;color:#636161}


section.banner {
	height: 300px;
	width: 100%;
	overflow: hidden;
	position: relative
}

section.banner .video-bg {
	width: 100%;
	height: 100%;
	position: relative
}

section.banner .video-bg video {
	position: absolute;
	min-height: 100%;
	background-color: #333;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

section.banner .container {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.5)
}

section.banner .container .video-form {
	width: 730px;
	margin: 120px auto 0
}

section.banner .container .video-form form {
	position: relative;
	width: 100%;
	height: 50px;
	border-radius: 5px;
	overflow: hidden;
	font-size: 16px
}

section.banner .container .video-form form input {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 110px 0 20px;
	font-size: 16px;
	background-color: rgba(255,255,255,.8);
       border: none;
}

section.banner .container .video-form form button {
	position: absolute;
	font-size: 16px;
	right: 0;
	top: 0;
	width: 100px;
	height: 100%;
	background-color: #0b9e00;
	color: #fff;
        border: none;
       line-height: inherit;
       display: inline-block;
       border-radius: 0 3px 3px 0;
}

section.banner .container .video-form form button i {
	margin-right: 5px
}

section.banner .container .video-form .hot-keys {
	padding: 18px 0;
	color: #fff;
	font-size: 16px;
	text-align: center
}

section.banner .container .video-form .hot-keys a {
	color: #fff;
	padding: 0 5px;
	margin-right: 10px
}