/*通用样式*/
@charset "utf-8";

* {
    margin:0;
    padding:0;
    font-size:0;
	 /*-webkit-box-sizing: initial; 
	 -moz-box-sizing: initial; 
	 box-sizing: initial;*/ 
}

html,body{font-size:12px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
fieldset, img{border:none;}
img{vertical-align:middle;}
address, caption, cite, code, dfn, th, var{font-style:normal;font-weight:normal;}
ul, li{list-style:none;}
input{padding:0px;font-family: "微软雅黑";}
input::-moz-focus-inner{border:none;padding:0;}
select, input{vertical-align:middle;}
select, input, textarea{font-size:12px;margin:0;}
input[type="text"], input[type="password"], textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none;}
table{border-collapse:collapse;}
body{color:#000000;font-size:12px;font-family:"微软雅黑", "Microsoft Yahei", tahoma,arial,"Hiragino Sans GB"; background:#EEE!important;padding:0;margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.clearfix{zoom:1;}
.clearit{clear:both;height:0;font-size:0;overflow:hidden;}
a{color:#000000;text-decoration:none;display:inline-block;cursor:pointer;}
a:hover{color:#000000;text-decoration:none;}
.hidden{visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
ul{margin:0 auto;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0 auto;}
h1{font-size:36px;line-height:45px;}
h2{font-size:20px;line-height:30px;}
h3{font-size:18px;}
h4{font-size:16px;line-height:22px;}
h5{font-size:14px;}
h6{font-size:12px;}
dd{margin:0 auto;}
@media only screen and (min-width: 720px) and (max-width: 3000px){
/*导航栏*/
header{width:100%;margin:0 auto;background-color:#FFFFFF;position:fixed;top:0;left:0;z-index:999;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.headtop{width:1200px;margin:0 auto;padding:17px 0;overflow:hidden;}
/*.logo{width:300px;float:left;height:27px;}
.logo a{display:inline-block;width:100%;}
.logo a img{width:100%;height:27px;}*/
.logo{width:180px;float:left;height:27px;}
.logo a{display:inline-block;width:100%;}
.logo a img{width:100%;height:27px;}

.headright{width:55%;float: left;margin-left:7%;}
.headright ul{width:100%;}
.headright ul li{float:left;text-align:center;padding:5px 15px;}
.headright ul li a{font-size:13px!important;font-weight: bold;}
.headright ul li.active a{color:#f37000;border-bottom:1px solid #F37000;}
.headright ul li:hover a{color:#f37000;border-bottom:1px solid #F37000;}
.headcn{width:7%;float:right;text-align:right;}
.headcn a{font-size:12px;display:inline-block;width:27px;height:27px;background-color:#F37000;color:#FFFFFF;text-align:center;line-height:27px;border-radius:100%;margin-right:5%;margin-left:5%;}
/*banner*/
.banner{margin-top:60px;width:100%;font-style:normal;}
.slideBox{width:100%;position:relative;height:280px;overflow:hidden;}
.slideBox .hd{height:25px; overflow:hidden; position:absolute; right:20px; bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:25px; height:25px; line-height:24px; text-align:center; background:#fff; cursor:pointer;border-radius:3px;}
.slideBox .hd ul li.on{ background:#f10180; color:#fff; }
.slideBox .bd{position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li a{width:100%;}
.slideBox .bd img{ width:100%;display:block;height:280px;}
/*倒计时*/
.countdown{width:800px;margin:0 auto;position:relative;z-index: 998;margin-top:-20px;}
.payment-time{width:100%;height:40px;background-color:#f37000;border-radius:20px;box-shadow:0 1px 10px rgba(0,0,0,0.5);overflow:hidden; display: inline-block;overflow: hidden;line-height:40px;vertical-align: middle;color: #FFFFFF;text-align:center;font-size:18px;letter-spacing:3px;margin:0;padding:0;}
.payment-time .time_d{color:#FFFFFF;font-style:normal;display:inline-block;line-height:40px;font-size:22px;float:left;}
.time_prefix,.tian{line-height:40px;display:inline-block;opacity:1;float:left;font-weight:normal;font-size:18px;color:#FFFFFF;}
.active-time{margin:0;padding:0;height:40px;line-height:40px;display:inline-block;color:#FFFFFF;height:40px;font-size:18px;}
.payment-time em{font-size:22px;font-style:normal;}
/*内容*/
.content1{width:1170px;margin:0 auto;margin-top:40px;margin-bottom:40px;background-color:#fff;padding:15px 0;}
/*底部*/
.footer{width:100%;flex: 0 0 auto;background-color:#555555;}
.footop{padding:30px 0;width:1200px;margin:0 auto;}
.footleft{float:left;width:13%;margin-left:5%;}
.footleft dl{margin:0;}
.footleft dt{font-size:16px;color:#F37000;margin-bottom:20px;font-weight:bold;}
.footleft dd{display:initial; color:#FFFFFF;}
.footleft dd a{font-size:14px;color:#FFFFFF;display:inline-block;line-height:30px;width:70px;margin-right:1%;margin-left:1%;}
.footcent{width:32%;float:left;margin-left:12%;}
.footcent h4{font-size:16px;color:#F37000;margin-bottom:20px;font-weight:bold;}
.footcent p{margin:0;line-height:30px;font-size:14px;color:#FFFFFF;width:97%;}
.footcent p span{float:left;font-size:14px;}
.footcent p .yb{float:right;}
.footright{width:30%;float:right;}
.footright .ciaps{width:50%;float:left;text-align:center;}
.footright .ciaps p{font-size:16px; color:#F37000;margin-top:0;margin-bottom:10px;font-weight:bold;}
.footright .ciaps img{width:120px;}
.foobot{width:100%;background-color:#727272;}
.foobot p{text-align:center;margin:0;font-size:12px;color:#FFFFFF;line-height:30px;}
}
@media only screen and (max-width:700px ) {
.nav {position: relative;min-height: 30px;z-index:999;}
.nav ul {box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.nav li {display: none;margin: 0;}
.nav .active {display: block;}
.nav a {display: block;text-align: left;width:100%;}
.nav .active a {background: none;color: #666;}
.nav ul:hover {background-image: none;}
.nav ul:hover li {display: block;}
.nav.right ul {left: auto;right: 0;}
header{width:100%;margin:0 auto;background-color:#FFFFFF;position:fixed;top:0;left:0;z-index:999;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.headtop{width:100%;margin:0 auto;overflow:hidden;padding:10px 0;}
.logo{width:300px;float:left;height:27px;display:none;}
.logo a{display:inline-block;width:100%;}
.logo a img{width:100%;height:27px;}
.headright{float: left;margin-left:10px;}
.headright ul{width:100px;padding:0 10px;}
.headright ul li{float:left;text-align:center;padding:5px 0;width:100%;}
.headright ul li a{font-size:12px;text-align:center;}
.headright ul li.active a{color:#f37000;}
.headright ul li:hover a{color:#f37000;}
.headcn{width:22%;float:right;text-align:right;margin-right:10px;}
.headcn a{font-size:12px;display:inline-block;width:27px;height:27px;background-color:#F37000;color:#FFFFFF;text-align:center;line-height:27px;border-radius:100%;margin-right:5%;margin-left:5%;}
/*banner*/
.banner{margin-top:50px;width:100%;font-style:normal;}
.slideBox{width:100%;position:relative;height:120px;overflow:hidden;}
.slideBox .hd{height:25px; overflow:hidden; position:absolute; right:20px; bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:25px; height:25px; line-height:24px; text-align:center; background:#fff; cursor:pointer;border-radius:3px;}
.slideBox .hd ul li.on{ background:#f10180; color:#fff; }
.slideBox .bd{position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li a{width:100%;}
.slideBox .bd img{ width:100%;display:block;height:120px;}
/*倒计时*/
.countdown{width:90%;margin:0 auto;position:relative;z-index: 998;margin-top:-15px;}
.payment-time{width:100%;height:30px;background-color:#f37000;border-radius:20px;box-shadow:0 1px 10px rgba(0,0,0,0.5);overflow:hidden; display: inline-block;overflow: hidden;line-height:30px;vertical-align: middle;color: #FFFFFF;text-align:center;font-size:12px;margin:0;padding:0;}
.payment-time .time_d{color:#FFFFFF;font-style:normal;display:inline-block;line-height:30px;font-size:10px;float:left;}
.time_prefix,.tian{line-height:30px;display:inline-block;opacity: 0.8;float:left;font-weight:normal;font-size:0.8rem;}
.active-time{margin:0;padding:0;height:30px;line-height:30px;display:inline-block;color:#FFFFFF;height:30px;font-size:10px;}
/*内容*/
.content{width:100%;margin:0 auto;margin-top:40px;margin-bottom:40px;}
/*底部*/
.footer{width:100%;flex: 0 0 auto;background-color:#555555;}
.footop{padding:30px 0;width:100%;margin:0 auto;}
.footleft{width:90%;margin:0 auto;margin-bottom:20px;}
.footleft dl{margin:0;}
.footleft dt{font-size:12px;color:#F37000;}
.footleft dd{display:initial; color:#FFFFFF;}
.footleft dd a{font-size:0.8rem;color:#FFFFFF;display:inline-block;line-height:30px;width:70px;margin-right:1%;margin-left:1%;}
.footcent{width:90%;margin:0 auto;}
.footcent h4{font-size:12px;color:#F37000;}
.footcent p{margin:0;line-height:30px;font-size:0.8rem;color:#FFFFFF;width:97%;}
.footcent p span{float:left;font-size:0.8rem;}
.footcent p .yb{float:right;}
.footright{width:90%;margin:0 auto;}
.footright .ciaps{width:50%;float:left;text-align:center;}
.footright .ciaps p{font-size:12px; color:#F37000;margin-top:0;margin-bottom:10px;}
.footright .ciaps img{width:80px;}
.foobot{width:100%;background-color:#727272;}
.foobot p{text-align:center;margin:0;font-size:0.8rem;color:#FFFFFF;line-height:30px;}                
}