@charset "utf-8";

/* style reset */
html{max-height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-size:625%;}
body{font-size:0.24rem; line-height:.32rem; font-family: \5FAE\8F6F\96C5\9ED1/*雅黑*/, \5B8B\4F53/*宋体*/, arial, sans-serif; color:#898989;}
body,p,h1,ul,li,input,img,figure,h4,h3,h1,h2,dl,dd,dt{margin:0; padding:0;}
ul,ol,li,dl,dt,dd{list-style:none;}
a,input{text-decoration:none; outline:0px;}
i,em{font-style:normal;}
fieldset,img{border:0;}
img{max-width:100%; max-height:100%; vertical-align:middle;}
input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance: none;}

/* common */
.clear{clear:both; width:100%;}
.fl{float:left;}
.fr{float:right;}
.relative{position:relative;}
.absolute{position:absolute;}
.disNone{display:none;}
.clearfix:before,.clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{clear:both; *zoom:1;}
.wapper{width:93.9%; padding-left:3.05%; padding-right:3.05%; margin:0 auto;}

/* html part */
body{position:relative; width:100%; background:#fff; height:100%;}
.allpage{position:relative; z-index:205; background:#fff; height:auto; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; right:0;}
.black-fixed{position:fixed; z-index:99999!important; right:0; width:0; top:0; height:100%; background:rgba(116,76,93,0.8); text-align:right; font-size:0.5rem; color:#fff; line-height:1rem; right:0; overflow:hidden;}
.black-clicked{width:100%;padding-right:2%;right:56.25%;}
.clicked{margin-right:56.25%; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; left:auto;}
.clicked2{margin-right:56.25%; margin-left:-56.25%; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; left:auto;} 

/* font */
@font-face{
	font-family:"iconfont";
    src:url('/2016/contfont/iconfont.eot'); /* IE9*/
    src:url('/2016/contfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/2016/contfont/iconfont.woff') format('woff'), /* chrome、firefox */
    url('/2016/contfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('/2016/contfont/iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{
	font-family:"iconfont"!important;
	font-style:normal;
	color:#fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* header */
.header{width:100%; height:1rem!important; position:relative; z-index:910;}
.head{background:#c93267; text-align:left; position:fixed; width:100%; height:1rem; top:0; right:0; line-height:1rem; z-index:99; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
.logo{display:inline-block; width:60.9%; height:1rem; text-align:center; margin-left:19.6%;}
.sea-btn{width:5.6%; left:3.28%; height:100%; font-size:0.36rem; line-height:1rem; color:#cecece; text-align:left; overflow:hidden; position:absolute;}
.sea-btn:active{
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); /* Internet Explorer */
	-moz-transform:rotate(360eg); /* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg); transition:1s;
	-moz-transition:1s; /* Firefox 4 */
	-webkit-transition:1s; /* Safari 和 Chrome */
	-o-transition:1s; /* Opera */
}
.nav-btn{width:7.2%; right:3.28%; top:0; position:absolute; height:100%; font-size:0.42rem; line-height:1rem; color:#fff; text-align:right; overflow:hidden;}

/* popMenu */
.popMenu{display:none;}
.menulists{position:absolute; width:100%;}
.menulists .search_2016{height:0.88rem; padding-top:0.44rem;}
.menulists .fenlei{text-align:center;}
.menulists .uclose{text-align:center; color:#fff; font-size:0.5rem;}
.search_2016 .s_box{width:78%; height:0.47rem; border-radius:25px; border:none; color:#9e9e9e; font-size:0.24rem; line-height:0.46rem; text-indent:1em;}
.search_2016 .s_btn{width:19%; height:0.44rem; text-align:center; background:#282828; color:#fff; border:none; margin-top:0.016rem; font-size:0.24rem; line-height:0.43rem;}
.fenlei a{ color:#fff;}
.fenlei li{padding-bottom:0.21rem; width:100%; height:0.49rem;}
.fenlei h3{background:#ebbfb3; width:100%; height:0.49rem; line-height:0.49rem; font-size:0.28rem; font-weight:300; margin-bottom:0.175rem;}
.fenlei li a{float:left; border:1px solid #ebbfb3; font-size:0.22rem; width:31.5%; margin-right:1.8%; height:0.49rem; line-height:0.49rem; display:block;}
.fenlei li a:nth-child(3n){margin-right:0;}
.uclose li{width:20%; margin-left:40%; line-height:1rem; height:1rem;}

/* right nav */
.nav{width:56.25%; position:absolute; right:0; top:0; bottom:0; z-index:2; background:#b63260;}
.fixed{width:56.25%; height:100%; position:fixed; right:0; top:0; bottom:0; z-index:205; overflow-x:hidden; -webkit-overflow-scrolling:touch;}
.nav li{width:100%; margin:0 auto; border-bottom:1px solid rgba(255,255,255,0.3); text-align:center; height:0.84rem; line-height:0.84rem; font-size:0.34rem;}
.nav li a{display:block; width:100%; color:#fff;}
.nav li a span{margin-right:8%; font-size:0.45rem; line-height:1rem;}
.nav li:first-child{height:1rem; background:#343032; line-height:1em; font-size:0.31rem;}
.nav li:last-child{margin-bottom:20%;}

/* footer beian */
.footer_ba{padding-top:0.158rem; padding-bottom:0.1rem; margin-top:0.02rem;}
.footer_ba p{height:0.783rem; background:#f6f6f6; color:#898989; font-size:0.24rem; text-align:center; line-height:0.33rem; padding-top:0.1rem;}

@media all and (min-width:640px){
	.wapper{width:601px; margin:0 auto; position:relative; padding-left:19.5px; padding-right:19.5px;}
	.fenlei li a{width:31.5%; margin-right:2.2%;}
}
@media only screen and (max-width: 479px) and (min-width: 321px){
	.fenlei li a{ float: left; border:1px solid #1abb9c; font-size:0.18rem; width:31.5%; margin-right:1.6%; height:0.416rem; line-height:0.416rem; display:block;}
}
@media only screen and (max-width: 320px){
	.fenlei li a{  width:31.5%; margin-right:0.6%;}
}