@charset "utf-8";

/****************************** Normalize ******************************/
*, *:before, *:after{box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, textarea, fieldset, legend, figure, menu, th, td, pre{margin:0;padding:0;}
body{font-size: 12px;font-family: "Helvetica Neue", "Helvetica", "Arial", "Microsoft YaHei", "PingFang SC";color: #666;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: inherit;}
a{color: #666;text-decoration: none;outline: none;}
a, img{-webkit-touch-callout: none;}
img{border: none;}
ul, ol{list-style: none;}
i, em{font-style: normal;}
table{border-collapse: collapse;}
input, button, select, textarea, optgroup{font: inherit;color: inherit;outline:none;}
input[type="text"], input[type="password"], input[type="search"], button, textarea{border: 1px solid #ccc;}
input[type="button"], input[type="reset"], input[type="submit"], button{border: none;-webkit-appearance:button;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{resize: none;}
legend{padding:0;border:0}
textarea{resize: none;}
table{border-collapse: collapse;}
td,th{padding:0}


/****************************** Global Style ******************************/
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.rps{display: block;max-width: 100%;}
.upload img{max-width: 100%;}
.container{max-width: 1200px;margin: 0 auto;}
.container, .wrapper, .box{position: relative;}
.container:after, .wrapper:after, .box:after, .clearfix:after{content: "";display: block;clear: both;}
.ms{display: none !important;}


/****************************** Icon Sprite ******************************/
 
footer .media .weibo a,
footer .dropdown .item span:after,
footer .to-top,
.index-recommend ul li a:after,
.index-news .list .btn-switch,
.index-application .list a h3:before,
.index-application .rect .btn-switch a,
.index-recommend .btn-switch{background: none;background-image: url(../img/icon.png);background-repeat: no-repeat;}


/****************************** CSS3 Transition ******************************/

.index-recommend ul li .bottom,
.index-recommend ul li img.grayscale,
.index-news .list .box,
.index-news .list .box span,
.index-news .list .box h3 a,
.index-news .list .box .more,
.index-news > .more,
.index-application .list a{-webkit-transition: all .3s;transition: all .3s;}



footer{position: relative;padding-top: 10px;background: #272727;}
footer .category{float: left;width: 60%;}
footer .category dl{float: left;width: 50%;padding-left: 25px; padding-right:20px; margin-top:10px; border-left:1px solid #444; height:120px;}
footer .category dl:nth-of-type(2){width: 35%;}
footer .category dl dt{line-height: 22px;font-size: 16px;color: #fff;}
footer .category dl dt:after{content: "";display: block;width: 15px;margin: 15px 0 7px;border-bottom: 2px solid #ec1b23;}
footer .category dl dd{line-height: 30px;font-size: 14px; color:#eee;}
footer .category dl a{line-height: 30px;font-size: 14px; color:#eee; float:left; margin-right:10px;}
footer .logo{float: left;width: 19%; margin-right:25px;}
footer .media{float: right;border-left:1px solid #444;height:120px; padding-left:15px; margin-top:10px;}
footer .media .wechat{float: left;margin-left: 10px;}
footer .media .wechat img{display: block;width: 80px;height: 80px;padding: 2px;border: 1px solid #666;}
footer .media .wechat span{display: block;line-height: 20px;margin-top: 10px;font-size: 13px;text-align: center; color:#eee;}
footer .copyright{margin-top: 45px;background:#111111;}
footer .copyright p,
footer .copyright p a{line-height: 40px;font-size: 14px;color: #aaa;text-transform: capitalize;}
footer .to-top{position: fixed;bottom: 30px;right: 3%;width: 50px;height: 50px;line-height: 65px;background-color: #c73c2f;background-position: -67px -13px;border-radius: 5px;font-weight: bold;color: #fff;text-align: center;letter-spacing: 1px;text-transform: uppercase;}

.footnav {width:100%; display:block; height:15px; margin:15px auto 40px; border-bottom:1px solid #555; padding-bottom:40px;}
.footnav li{float:left; border-right:1px solid #555; margin-right:2%; margin-left:2%; overflow:hidden; width:8%}
.footnav li a{ color:#eee; font-size:14px; padding:0 2%; }
 
/****************************** CSS3 Media ******************************/
@media (max-width: 1200px){

	.container{padding: 0 20px;}

}


@media (max-width: 800px){


	[animation-name]{visibility: visible !important;-webkit-animation: none;animation: none;}
	.mh{display: none !important;}
	.ms{display: block !important;}
	.container{padding: 0 3%;}

	footer{padding-top: 60px;}
	footer .category,
	footer .media,
	footer .dropdown{display: none;}
	footer .logo{display: block;float: none;width: 44.18%;margin: 0 auto;}
	footer .copyright{margin-top: 30px;padding: 5px 0;text-align: center;}
	footer .copyright p,
	footer .copyright p a{float: none;line-height: 28px;}
	footer .copyright em{display: block;}
	.footnav{display: none;}


	 
}

@media (max-width: 480px){
	
	footer{padding-top: 30px;}
	footer .copyright p,
	footer .copyright p a{line-height: 23px;font-size: 12px;}
	footer .to-top{bottom: 30px;width: 40px;height: 40px;line-height: 55px;background-position: -70px -18px;font-weight: normal;letter-spacing: 0;}
}