@charset "utf-8";



/*top*/
.top-box {
	background-color: #ffffff;
	box-shadow:0 0 3px rgba(0,0,0,0.3);
	height: 60px;
	width: 100%;
	position:relative;
	border-top:2px solid #4c5a65;
}
.top-box .top-box-media {
	width:1200px;
}
.top-box-media .top-box-nav {
	width:640px;
}
.top-box-media .top-box-nav li {
	height:60px;
	line-height:60px;
	font-size:14px;
	float:left;
	padding:0 12px;
}
.top-box-nav li.nav-down {
	height:60px;
	color:#353535;
}
.top-box-nav li.nav-down:hover {
	display:block;
	height:60px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	cursor:pointer;
	padding:0 11px;
	color:#50b400;
}
.top-box-nav li.nav-down .nav-menu {
	display: none;
	transition:all 0.3s ease;
}
.top-box-nav li.nav-down:hover .nav-menu {
	display: inline;
	background-color:#ffffff;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	position:absolute;
	width:60%;
	height:45px;
	line-height:45px;
	left:0;
	top:60px;
	padding-left:40%;
	transition:all 0.3s ease;
}
.top-box-nav li.nav-down .nav-menu a {
	font-size:12px;
	padding:0 5px;
}
.top-box-media .top-box-nav-move {
	display:none;
}
.top-box-media .top-box-login {
	height:60px;
	font-size:14px;
}
.top-box-login .top-link {
	width:130px;
	height:60px;
	line-height:60px;
	position:relative;
	text-align:center;
}
.top-box-login .top-link:hover {
	width:128px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
.top-box-login .top-link a {
	height:60px;
	display:inline-block;
}
.top-box-login .top-link .top-link-menu {
	display:none;
}
.top-box-login .top-link:hover .top-link-menu {
	display: inline;
}
.top-link .top-link-menu {
	width:128px;
	border:1px solid #cccccc;
	position:absolute;
	top:60px;
	left:-1px;
	background-color:#ffffff;
}
.top-link .top-link-menu a {
	width:100%;
	font-size:12px;
	height:40px;
	line-height:40px;
	display:block;
}
.top-link .top-link-menu a:hover {
	background-color:#fafafa;
}

a#Login {
	display:inline-block;
	color:#ffffff;
	padding:0 20px;
	height:60px;
	line-height:60px;
	background-color:#50b400;
	margin-right:15px;
}
a#Login:hover {
	background-color:#3a8200;
}

.wlogin-box a {
	float:left;
	line-height:60px;
}
.wlogin-box .sLogin-box {
	line-height:60px;
	padding:0 8px;
}
.wlogin-box .sLogin-box p {
	color:#cccccc;
	padding-left:10px;
}
.wlogin-box .sLogin-box a {
	width:20px;
	height:20px;
	display:inline-block;
	margin: 0 3px;
	padding-top:5px;
}
.login-box a {
	line-height:60px;
	padding-right:15px;
}



/*广告*/
.ad-top-box {
	width:1200px;
	height:120px;
	margin-top:25px;
	margin-bottom:30px;
}
.ad-top-box .ad-box-820x120 {
	width:820px;
	height:120px;
	overflow:hidden;
	border-radius:6px;
	float:left
}
.ad-top-box .ad-box-820x120 img {
	width:820px;
	height:auto;
	border:0;
	overflow:hidden;
}
.ad-top-box .ad-box-340x120 {
	width:340px;
	height:120px;
	overflow:hidden;
	border-radius:6px;
	background-color:#f0f0f0;
	float:right
}

.ad-box-340x120 {
	width:340px;
	height:120px;
	overflow:hidden;
	border-radius:6px;
	background-color:#f0f0f0;
}
.ad-box-340x120 img {
	width:340px;
	height:auto;
	border:0;
	overflow:hidden;
}
.ad-box-340x340 {
	width:340px;
	height:340px;
	overflow:hidden;
	border-radius:6px;
	background-color:#f0f0f0;
	margin-top:1.5rem;
}



/*当前位置*/
.position-box {
	width:1200px;
	height:40px;
	padding-bottom:30px;
}
.position-l {
	font-size:14px;
	line-height:40px;
}
.position-l a {
	padding:0 3px;
}
.position-l a#logo {
	width:175px;
	height:30px;
	display:inline-block;
}
.position-l a#logo img {
	width:161px;
	height:30px;
	vertical-align: top;
}
.position-r .Search-box {
	height:40px;
	line-height:40px;
	font-size:14px;
	background-color:#fafafa;
	border-radius:4px;
	padding:0 15px;
}




/*主框架*/
.main-box {
	width:1200px;
	margin:0 auto;
}
.main-box .logo-box {
	width:260px;
	height:48px;
	margin-top:6rem;
}
.main-box .search-box {
	width:680px;
	min-height:320px;
}
.search-box .search-input-box {
	width:680px;
	height:45px;
	border:2px solid #ff7300;
	margin-top:45px
}
.search-input-box .search-input-l {
	width:80%;
}
.search-input-l input {
	width:100%;
	height:43px;
	background-color:#ffffff;
	border:1px solid #ffffff;
	text-indent:14px;
	font-size:14px;
	font-family: "Microsoft Yahei","Tahoma","SimSun","宋体";
	color:#353535
}
.search-input-box .search-input-r {
	width:18%;
}
.search-input-r input {
	width:100%;
	height:45px;
	background-color:#ff7300;
	border:0;
	font-size:16px;
	font-family: "Microsoft Yahei","Tahoma","SimSun","宋体";
	color:#ffffff;
	cursor: pointer;
	transition:all 0.3s ease;

}
.search-input-r input:hover {
	background-color:#eb0000;
	transition:all 0.3s ease;

}


/*footer*/
.footer-box {
	width:100%;
	border-top:1px solid #eaeaea;
	position:relative;
	background-color:#fafafa;
}
.footer-nav-box-1200 {
	width:1200px;
}
.footer-nav-box-1200 .footer-nav {
	float:left;
}
.footer-nav-box-1200 .footer-copyright {
	float:right;
}
.footer-nav-box {
	font-size:12px;
	width:100%;
	height:50px;
	line-height:50px;
	background-color:#4c5a65;	
}
.footer-nav span {
	font-size:10px;
	line-height:50px;
	color:#748695;
	padding:0 6px;
}


/*动画效果*/
.add-num{
    display:none;
}
.add-num .add-animation{
    position:absolute;
    top:15px;
    right: 10px;
    font-size: 15px;
    opacity: 0;
    filter: Alpha(opacity=0);
    -moz-opacity:0;
    animation: mypraise 0.5s ;
    -moz-animation: mypraise 0.5s ;	/* Firefox */
    -webkit-animation: mypraise 0.5s ;	/* Safari 和 Chrome */
    -o-animation: mypraise 0.5s ;	/* Opera */
    font-style:normal;
}
.praise .hover , .add-num .add-animation.hover , #praise-txt.hover{
    color: #50b400;
}
/*点赞数量加减动画开始*/
@keyframes mypraise
{
    0%{
        top:-15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
    25%{
        top:-20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    50%{
        top:-25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity:1;
    }
    75%{
        top:-30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    100% {
        top:-35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
}

@-moz-keyframes mypraise /* Firefox */
{
    0%{
        top:-15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
    25%{
        top:-20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    50%{
        top:-25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity:1;
    }
    75%{
        top:-30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    100% {
        top:-35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
}

@-webkit-keyframes mypraise /* Safari 和 Chrome */
{
    0%{
        top:-15px;
        opacity: 0;
        filter: Alpha(opacity=10);
        -moz-opacity:0;
    }
    25%{
        top:-20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    50%{
        top:-25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity:1;
    }
    75%{
        top:-30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    100% {
        top:-35px;
        opacity: 0;
        filter: Alpha(opacity=10);
        -moz-opacity:0;
    }
}

@-o-keyframes mypraise /* Opera */
{
    0%{
        top:-15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
    25%{
        top:-20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    50%{
        top:-25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity:1;
    }
    75%{
        top:-30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    100% {
        top:-35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
}



@media only screen and (max-width: 540px) {
	
}


@media only screen and (max-width: 768px) {
	
	
}


@media only screen and (max-width: 991px) {
	
	
}


@media only screen and (max-width: 1199px) {
	.top-box {
		background-color: #ffffff;
		box-shadow:0 0 3px rgba(0,0,0,0.3);
		height: 60px;
		width: 100%;
		position:relative;
		border-top:2px solid #4c5a65;
	}
	.top-box .top-box-media {
		width:90%;
		margin:0 auto;
	}
	.top-box-media .top-box-nav {
		display:none;
	}
	.top-box-media .top-box-nav-move {
		display: inline;
		width:80px;
	}
	.top-box-nav-move .nav-down {
		width:1rem;
		height:1rem;
	}
	.top-box-nav-move .nav-down i {
		font-size:2rem;
		line-height:55px;
		width:1rem;
		height:1rem;
		display:inline-block;
		cursor:pointer;
	}
	.top-box-nav-move ul {
		width:100%;
		height:auto;
		position: absolute;
		top:60px;
		left:0;
		right:0;
		padding: 10px 0;
		background-color: rgba(255,255,255,0.98);
		border-top:1px solid #e2e2e2;
		border-bottom:1px solid #e2e2e2;
		z-index:9999;
	}
	.top-box-nav-move ul li {
		width:33.33333%;
		font-size:1.2rem;
		height:2.8rem;
		line-height:2.8rem;
		text-align:center;
		float:left;
	}
	.top-box-media .top-box-sousuo-move {
		display: none;
	}
	.top-box-media .top-box-login {
		display:none;
	}
	.top-box-login .top-link {
		display:none;
	}
	.wlogin-box .sLogin-box {
		display: none;
	}
	.wlogin-box a {
		font-size:1rem;
	}
	
	a#Login {
		display:inline-block;
		color:#ffffff;
		padding:0 30px;
		height:60px;
		line-height:60px;
		background-color:#50b400;
		margin-right:15px;
	}
	a#Login:hover {
		background-color:#3a8200;
	}
	
	.wlogin-box a {
		line-height:60px;
	}
	.wlogin-box .sLogin-box {
		line-height:60px;
	}
	
	.login-box a {
		line-height:60px;
	}
	
	/*广告*/
	.ad-top-box {
		width:100%;
		height:auto;
		margin-top:25px;
		margin-bottom:30px;
	}
	.ad-top-box .ad-box-820x120 {
		width:90%;
		height:auto;
		overflow:hidden;
		border-radius:6px;
		float:none;
		margin:15px auto;
	}
	.ad-top-box .ad-box-820x120 img {
		width:100%;
		height:auto;
		border-radius:6px;
	}
	.ad-top-box .ad-box-340x120 {
		width:90%;
		height:auto;
		overflow:hidden;
		border-radius:6px;
		background-color:#ffffff;
		float:none;
		margin:0 auto;
	}
	.ad-box-340x120 {
		width:90%;
		height:auto;
		overflow:hidden;
		border-radius:6px;
		background-color:#ffffff;
		margin:0 auto;
	}
	.ad-box-340x120 img {
		width:100%;
		height:auto;
		border-radius:6px;
	}
	.ad-box-340x340 {
		width:90%;
		height:340px;
		overflow:hidden;
		border-radius:6px;
		background-color:#f0f0f0;
		margin:1.5rem auto;
	}
	
	
	/*当前位置*/
	.position-box {
		width:100%;
		height: auto;
		padding-bottom:.5rem;
	}

	.position-l {
		width:90%;
		font-size:.9rem;
		line-height:50px;
		margin:0 auto;
		float:none;
	}
	.position-l a {
		padding:0 5px;
	}
	.position-l a#logo {
		width:100%;
		height:45px;
		display:inline-block;
	}
	.position-l a#logo img {
		padding:8px 0;
		width:161px;
		height:30px;
		vertical-align: top;
	}
	.position-r {
		width:90%;
		font-size:.8rem;
		line-height:45px;
		margin:1rem auto;
		float:none;
		text-align:center
	}
	.position-r .Search-box {
		width:100%;
		height:40px;
		line-height:40px;
		font-size:.8rem;
		background-color:#f4f4f4;
		border-radius:4px;
		padding:0;
	}
	.Search-box i {
		font-size:1.2rem;
		display:inline-block;
		vertical-align:top;
		color:#ff7300;
		padding-right:4px;
		font-weight: 700;
	}
	
	/*主框架*/
	.main-box {
		width:90%;
		margin:0 auto;
	}
	.main-box .logo-box {
		width:260px;
		height:48px;
		margin-top:6rem;
	}
	.main-box .search-box {
		width:100%;
		min-height:320px;
	}
	.search-box .search-input-box {
		width:100%;
		height:40px;
		border:2px solid #ff7300;
		margin-top:45px
	}
	.search-input-box .search-input-l {
		width:70%;
	}
	.search-input-l input {
		width:100%;
		height:38px;
		background-color:#ffffff;
		border:1px solid #ffffff;
		text-indent:7px;
		font-size:14px;
		font-family: "Microsoft Yahei","Tahoma","SimSun","宋体";
		color:#353535;
		line-height:40px;
	}
	.search-input-box .search-input-r {
		width:25%;
		height: auto;
		overflow:hidden;
	}
	.search-input-r input {
		width:100%;
		height:40px;
		background-color:#ff7300;
		border:0;
		font-size:16px;
		font-family: "Microsoft Yahei","Tahoma","SimSun","宋体";
		color:#ffffff;
		cursor: pointer;
		transition:all 0.3s ease;
		text-align:center;
	
	}
	.search-input-r input:hover {
		background-color:#eb0000;
		transition:all 0.3s ease;
	
	}
	
	/*footer*/
	.footer-nav-box-1200 {
		width:100%;
		text-align:center;
	}
	.footer-nav-box-1200 .footer-nav {
		float:none;
		display:none
	}
	.footer-nav-box-1200 .footer-copyright {
		float:none;
	}
	.footer-nav-box {
		font-size:.8rem;
		width:100%;
		height:80px;
		line-height:80px;
		background-color:#4c5a65;	
	}
	.footer-nav span {
		font-size:.8rem;
		line-height:80px;
		color:#748695;
		padding:0 6px;
	}
}


@media only screen and (min-width: 0) and (max-width: 540px) {
	
	/*top*/
	.top-box-nav-move ul li {
		font-size:.8rem;
		line-height:2.2rem;
	}

}


@media only screen and (min-width: 540px) and (max-width: 768px) {
	
	/*top*/
	.top-box-nav-move ul li {
		font-size:1rem;
	}

}


@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	/*top*/
	.top-box-nav-move ul li {
		font-size:1rem;
	}
}


@media only screen and (min-width: 768px) and (max-width: 1199px) {
	
	/*top*/
	.wlogin-box .sLogin-box {
		display: inline;
	}

}