@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{font-family: "Helvetica Neue",Helvetica,"Microsoft YaHei",Tahoma,Arial,"Hiragino Sans GB",Simsun,sans-serif,SimHei;font-weight: normal;font-size:14px;margin:0;padding:0;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
table{border-collapse:collapse;border-spacing:0;cellpadding:0;cellspacing:0}
fieldset,img{border:0;margin:0;padding:0;}
ul,li,dl,dd{list-style:none;text-decoration:none;}
a:link,a:visited,a:hover,a:active{text-decoration: none;outline: 0;}
input,textarea,select{outline: none;}
.fl,.ftrue{float:left;display:block;}
.fr,.ffalse{float:right;display:block;}
.clearfix{*zoom:1;}
.clear{clear: both;}
.cleanF{clear: left;}
.cleanR{clear: right;}
.clearfix:after{content:'\0020';display:block;height:0;overflow:hidden;clear:both;}
.no-padding{padding: 0;}
.text-overflow {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
input::-webkit-input-placeholder{color: #ffffff;}
input:-moz-placeholder{color:#ffffff;}
input::-moz-placeholder{color:#ffffff;}
input:-ms-input-placeholder{ color:#ffffff;}
.apply-input input::-webkit-input-placeholder{color: #A7A7A7;}
.apply-input input:-moz-placeholder{color:#A7A7A7;}
.apply-input input::-moz-placeholder{color:#A7A7A7;}
.apply-input input:-ms-input-placeholder{ color:#A7A7A7;}
/*公共样式*/
.header{position: relative;width: 100%;height: 184px;margin: 0 auto;background-color: rgba(233,18,44,0.95);}
.particles{position: absolute;top:0;height: 184px;width: 100%;}
.header-top{width: 100%;height: 114px;padding-top:30px;}
.header-nav{width:100%;height: 56px;line-height: 56px;}
.nav-border{border-top:1px solid#EF5E72;background-color:rgba(217,7,40,0.95)}
.nav-list{width: 100%;height: auto;margin-bottom: 0;}
.nav-list li{position: relative;display: inline-block;margin-left: 10px;padding: 0 20px;float: left;}
.nav-list li:first-child{margin-left: 0;}
.nav-list li.active{background-color:rgba(182,4,14,0.9);border-bottom: 3px solid #E50E26;line-height: 53px;font-weight: 550;}
.nav-list li a{display: block;width: 100%;color:#fff;font-size:16px;}
.nav-list li a:hover{text-decoration: none;}
.nav-list li:hover{background-color:rgba(182,4,14,0.9)}
.search{width: 100%;height: auto;text-align: right;}
.search-box{display: inline-block;width: 300px;height: 34px;line-height: 34px;background-color: rgba(193,11,33,0.8);text-align: right;margin-top: 10px;}
.search-box input{display: inline-block;width:270px;text-align: left;border: 0;color: #fff;background-color: rgba(193,11,33,1);font-size: 14px;vertical-align: top;float: left;padding: 0 10px;height: 34px;}
.search-icon{display: inline-block;width: 30px;height: 30px;border: 0;background: url('../img/search.png')no-repeat 0px 2px;cursor: pointer;}
.search-icon:focus{outline: none;}
.browse{width:100%;height:30px;line-height: 30px;margin-bottom:0;color:#fff;}
.browse span{font-weight:bold;padding:0 3px;}
.footer{display: block;width: 100%;height: auto;padding: 10px 0;background-color:#E0E0E0D5;}
.footer p{text-align: center;font-size: 14px;color: #2F2F2F;padding: 0;margin: 0;line-height:24px;}
.friendship{width: 100%;height: auto;padding: 10px 0;margin: 20px auto 0 auto;background-color:#F8F8F8;}
.column-title{position: relative;width: 100%;height: 30px;line-height: 30px;font-size:20px;color:#333333;font-weight: bold;text-align:center;}
.column-title .column-en{font-size: 14px;margin-left:8px;}
.friendship-nav{width:100%;height: auto;margin-top:20px;}
.friendship-nav li{display:inline-block;float:left;font-size:14px;color:#454545;font-weight:bold;background-color:#E8E8E8;height:30px;line-height: 30px;width:100px;text-align:center;margin-right:5px;cursor: pointer;}
.friendship-nav li.active{background-color:#F2183B;color:#fff;}
.column-list{width: 100%;height: auto;text-align: center;display:none;padding:20px 0;}
.column-list li{display: inline-block;width:24%;height: 30px;line-height: 30px;text-align:left;float:left}
.column-list li:nth-child(4n+1){width:28%;}
.column-list li a{display: block;font-size: 14px;color:#555555;}
.column-list li a:hover{color:#F31936;text-decoration: none}
/*返回顶部*/
.scroll {position: fixed;right: 20px;bottom: 80px;z-index: 100;width: 50px;}
.scroll-top {width: 50px;height: 50px;display: none;text-align: center;background: #fff url('/img/backtop.png') center center no-repeat;cursor: pointer;box-shadow: 0 1px 6px rgba(0,0,0,.2);}
.scroll-top:hover {background-image: url('/img/backtop2.png');}