/* pub style */
*{margin:0;padding:0;}
textarea {overflow:auto;resize:none;}
table {border-collapse:collapse;}
ol,ul {list-style-type:none;}
.clears:before, .clears:after{content:"";display:table;}.clears:after {clear:both;}.clears {zoom:1;}
.clear {clear:both;height:0;overflow:hidden;}
.fl {float:left;}.fr {float:right;}
a {outline:none;}a img {border:none;}.img img {display:block;}
img{ border:none;}
a,a:active,a:hover{text-decoration:none;}
ul{ list-style-type:none;}
html{font-size:16px;}

body{min-width:320px; padding-bottom:67px; background-color:#fff;color:#666;font-size:0.75rem; font-family:"Microsoft Yahei";}
a{color:#6f6f6f;}
.bgn{background:none !important;}
.bn{border:none !important;}
.ico{overflow:hidden;}
.txtwith,.picwith{overflow:hidden;text-indent:-99em;}
.inp{border:none;background-color:#fff;}
.btn{border:none;}
input:focus{outline:none;border:none;}
a{outline:none;}
a,button,input{-webkit-tap-highlight-color:rgba(250,125,159,0);}
/* header footer start */


header,footer{display:block;}
.h{height:50px; padding:0 10px; background-color:#00ac96;}
.logo{float:left; margin-top:2px; width:180px; height:45px; overflow:hidden;}
.logo a{display:block; height:100%;}
.logo img{display:inline-block; vertical-align:middle;}
.h .toplink{float:right; margin-left:9px;  height:100%; width:30px; background:url(img/hico.png) center 0 no-repeat; background-size:30px auto;}
.h .topsearch{background-position:center 10px;}
.h .topphone{background-position:center -50px;}
.fix_f{position:fixed; z-index:9; width:100%; min-width:320px; bottom:0px; left:0px;  padding:5px 0; text-align:center; background-color:#861f6b;}

.fix_f .in{position:relative; z-index:2;}
.fix_f .in a{float:left;  width:25%; color:#fff; font-size:1rem; line-height:1rem;}
.fix_f .in s{display:block; margin:0 0 3px; width:100%; height:32px; background:url(img/fico.png) center 0 no-repeat; background-size:40px auto;}
.fix_f .in a:nth-of-type(1) s{background-position:center 0px;}
.fix_f .in a:nth-of-type(2) s{background-position:center -66.67px;}
.fix_f .in a:nth-of-type(3) s{background-position:center -133.34px;}
.fix_f .in a:nth-of-type(4) s{background-position:center -199px;}

.fnav{position:absolute; z-index:-1; top:0; height:0px; width:100%; overflow:hidden; font-size:0.875rem; background-color:#393939;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3 ease-in-out;
	-webkit-transition: all 0.3 ease-in-out;
}
.fnav_act{top:-182px; height:182px;}
.fnav ul{margin:0 2%; padding:10px 0;}
.fnav li{float:left; margin:3px 0; width:25%;}
.fnav a{display:block; margin:0 3px; height:46px; line-height:46px; border:1px solid #525151; background-color:#000; color:#999;}


.footer-ot{ padding:1rem 0 1rem; line-height:1.5; text-align:center;}
/* header footer end */

.toptip_g{margin:6px 0; line-height:1.2rem; text-align:center; color:#3f3f3f;}
.toptip_g .sp{margin:0 8px; padding:0 6px; border-radius:0.6rem; background-color:#ff7400; color:#fff;}


.banner_i img{display:block; margin:0 auto; max-width:100%;}
.ntc_g{position:relative; z-index:1; height:2.5rem;  overflow:hidden; background-color:#f3f3f3;}
.ntc_g .mk{position:absolute; left:0px; top:0px; height:1.3rem; line-height:1.3rem; margin:0.6rem 0.3rem 0 0; padding:0 0.3rem; background-color:#f70; color:#fff;}
.ntc_g .ntclist{position:relative; z-index:1; top:0px; left:2.8rem; height:1.3rem; line-height:1.3rem; overflow:hidden; margin:0.6rem 0;}
.ntc_g .ntclist .d_in{position:absolute; top:0px; 0}
.t_l h2{position:relative; z-index:1; display:inline-block; margin-top:0 0 -2rem; width:auto; padding:0 14px; line-height:1rem; font-size:0.875rem; background-color:#fff; color:#434343;}
.t_l{height:0.5rem; text-align:center; border-bottom:2px solid #d6d6d6;}

.footer{padding:1.125rem; line-height:1.375rem; font-size:0.875rem; color:#777;}
.footer a{color:#777;}

.wrap_sear{display:none;}
.sear_glo{padding:10px 3%; background-color:#861f6b;}
.sear_glo .in{position:relative; z-index:1; height:30px; padding-left:40px; border:1px solid #701358;}
.sear_glo s{position:absolute; left:10px; top:0px; width:30px; height:30px; background:url(img/search.png) center 4px no-repeat; background-size:25px}
.sear_glo input{border:0 none; background:none; color:#fff; background:none; -webkit-appearance: none; font-family:"Microsoft Yahei",tahoma,arial,verdana,sans-serif;}
.sear_glo .inp{float:left; width:75%;height:30px; line-height:30px; font-size:0.875rem;}
.sear_glo .sub{width:25%; height:30px; font-size:1rem; border:1px solid #861f6b; box-sizing:border-box; background-color:#701358;}
.sear_glo input[placeholder]{color:#fff;}
.sear_glo input::-webkit-input-placeholder {color:#fff;}
.hsear,.ssear{margin-top:1rem; }
.hsear ul,.ssear ul{margin:1rem 5px 0;}
.hsear li{float:left; margin-top:6px; width:33.33%; font-size:1rem; line-height:2.5rem; text-align:center;}
.hsear li a{position:relative; display:block; margin:0 3px; height:2.5rem; overflow:hidden; border:1px solid #d6d6d6;}
.hsear .hot{position:absolute; top:2px; right:2%; width:12px; height:12px; line-height:12px; text-align:center; font-size:10px; border-radius:2px; color:#fff; background-color:#f60;}

.ssear li{float:left; margin-top:5px; width:50%;  font-size:0.875rem; text-align:center; line-height:2.5rem;}
.ssear a{display:block; margin:0 2.5px; height:2.5rem; overflow:hidden; color:#fff; background-color:#861f6b;}
.ssear li:nth-of-type(2) a{background-color:#f55b59;}
.ssear li:nth-of-type(3) a{background-color:#ffc000;}
.ssear li:nth-of-type(4) a{background-color:#9398f3;}
.ssear li:nth-of-type(5) a{background-color:#ff6678;}
.ssear li:nth-of-type(6) a{background-color:#5ad898;}
.ssear li:nth-of-type(7) a{background-color:#ff753a;}
.ssear li:nth-of-type(8) a{background-color:#ffb061;}
.ssear li:nth-of-type(9) a{background-color:#cb70d7;}
.ssear li:nth-of-type(10) a{background-color:#5f99e2;}

.qkwith{margin:1rem 2% 0;}
.qkwith li{float:left; width:33.33%; font-size:0.875rem; line-height:1.2;}
.qkwith a{position:relative; z-index:1; display:block; margin:0 2px; padding:5px 10px; color:#fff; background-color:#5ad898}
.qkwith li:nth-of-type(2) a{background-color:#ffc000;}
.qkwith li:nth-of-type(3) a{background-color:#861f6b;}
.qkwith span{font-size:0.75rem; display:block;}
.qkwith s{position:absolute; right:2px; top:7px; width:30px; height:30px; background: url(img/search.png) center -60px no-repeat; background-size:30px auto;}
.qkwith li:nth-of-type(2) s{background-position:0 -120px;}
.qkwith li:nth-of-type(3) s{background-position:0 -180px;}

.slide{width:320px;margin:0 auto;overflow:hidden;height:162px;position:relative;z-index:1;}
.slide ul{width:300%;height:100%;position:absolute;left:0;top:0;z-index:1;}
.slide li{float:left;width:320px;height:100%;text-align:center;overflow:hidden;}
.slide li a{display:block;}
.slide li img{width:100%; height:100%;}
.slidesort{position:absolute; z-index:2; left:0; bottom:10px; width:100%; height:8px; line-height:0px; text-align:center;}
.slidesort a{display:inline-block; margin:0 6px; width:0; height:0; overflow:hidden; border:4px solid #fff; border-radius:4px}
.slidesort .act{border-color:#f00;}
.mmp{padding:0 0.3rem;}


@media screen and (min-width:639px){
html{font-size:22px;}
.h{height:80px;}
.logo{margin-top:10px; width:180px; height:45px;}
.logo img{width:100%;}
.h .toplink{margin:0 25px; width:45px; background-size:45px auto;}
.h .topsearch{background-position:0 18px;}
.h .topphone{background-position:0 -72px;}

.hsear .hot{width:14px; height:14px; font-size:12px; line-height:14px;}
.qkwith s{right:5%; width:40px; height:40px; background-size:40px auto;}
.qkwith li:nth-of-type(1) s{background-position:0 -80px;}
.qkwith li:nth-of-type(2) s{background-position:0 -160px;}
.qkwith li:nth-of-type(3) s{background-position:0 -240px;}

.sear_glo .in{height:50px; padding-left:60px;}
.sear_glo .inp{height:50px; line-height:50px;}
.sear_glo s{top:5px; width:40px; height:40px; background-size:40px}
.sear_glo .sub{height:50px;}

}





/*foot*/
.footer { background:url(/static2016/images/fk_33.jpg) repeat;}
.footer .f_nav { background:#cd3d65; height:30px; line-height:30px; height:3.5rem; line-height:3rem; font-size:14px; font-size:1.4rem; /*overflow:hidden;*/}
.footer .f_nav li { width: 16%; float: left; text-align: center; background: url(/static2016/images/s_32.jpg) right repeat-y;}
.footer .f_nav ul.home{ background: url(/static2016/images/s_32.jpg) left repeat-y;}
.footer .f_nav li a { color:#faedf1;}
.footer .copyright { padding: 7px 0px; text-align: center; color: #faedf1; line-height:2rem; padding-bottom:50px}
.footer .copyright a { color: #faedf1; }