/* ===================================================================
11px = 85% 12px = 93% 13px = 100% 14px = 108%
15px = 116% 16px = 123.1% 17px = 131% 18px = 138.5%
19px = 146.5% 20px = 153.9% 21px = 161.6% 22px = 167%
23px = 174% 24px = 182% 25px = 189% 26px = 197%
=================================================================== */
/* 公共样式 */
@charset "utf-8";

/* 禁用iPhone中Safari的字号自动调整 */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	/* 解决IOS默认滑动很卡的情况 */
	-webkit-overflow-scrolling : touch;
	height: 100%;
	width: 100%;
	font-family: '微软雅黑';
}
body{
    min-height: 100%;
    width: 100%;
	font-family: '微软雅黑';
}
/* 禁止缩放表单 */
input[type="submit"], input[type="reset"], input[type="button"], input {
  resize: none;
  outline: none;
}

/* 取消链接高亮  */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

textarea{
    outline: none;
    border: none;
}

/* 图片自适应 */
img {
  width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
  display: block;
  -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
}
input,select{
    /* -webkit-appearance: none; */
    appearance: none;
}
select{
    background: #fff;
    color: #555;
    outline: none;
    /*background-image:url('../img/up.png');*/
    background-repeat:no-repeat;
    background-position: right center;
    background-size: 0.5rem 100%;
    /*background: url('../../img/up.png') no-repeat right center;*/
}

/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #bbbbbb; opacity:1; font-size: 16px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #bbbbbb;opacity:1;font-size: 16px;
}

input:-ms-input-placeholder{
    color: #bbbbbb;opacity:1;font-size: 16px;
}

input::-webkit-input-placeholder{
    color: #bbbbbb;opacity:1;font-size: 16px;
}

em, i {
  font-style: normal;
}
ul,li{
  list-style-type: none;
}
strong {
  font-weight: normal;
}
a {
  text-decoration: none;
  color: #969696;
  font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;
}
a:hover {
  text-decoration: none;
}
ul, ol {
  list-style: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-family: 'Microsoft YaHei';
}
img {
  border: none;
}
input{
  font-family: 'Microsoft YaHei';
}
/* 移动端点击a链接出现蓝色背景问题解决 */
a:link,a:active,a:visited,a:hover {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
}


/*top*/
.top{ width: 100%; height: 80px; overflow: hidden; min-width: 1200px;}
.top .top_main{ width: 1200px; height: 80px; margin: 0 auto;}
.top .top_main .top_main_left{ float: left; width: 180px; height: 80px; line-height: 75px; overflow: hidden; margin-top: 20px;}
.top .top_main .top_main_left img{ width: 180px; height: auto; vertical-align: middle;}
.top .top_main .top_main_right{ float: right; height: 80px; overflow: hidden;}
.top .top_main .top_main_right li{ float: left; height: 80px; line-height: 80px; margin-left: 40px; overflow: hidden;}
.top .top_main .top_main_right li a{ display: inline; color: #333; font-size: 16px;}
/*banner*/
.banner{ width: 100%; height: auto; overflow: hidden; min-width: 1200px;}
.banner img{ width: 100%; height: auto; display: block; overflow: hidden; min-width: 1200px;}
.title{width: 1200px; height: 125px; background: url(top_05.jpg) no-repeat bottom center; background-size: 100%; margin: 0 auto; clear: both; font-size: 32px; color: #ff4800; line-height: 125px; text-align: center; margin-top: 50px;}
.Xsubtitle{width: 1200px; height: 26px; line-height: 26px; font-size: 24px; color: #FF4800; margin: 0 auto; margin-top: 80px;}
.activity{font-size:16px; color: #000000; width: 1200px; margin: 0 auto; line-height: 32px; margin-top: 20px;text-indent:30px;letter-spacing:2px; font-family: '微软雅黑';}
.spot{width: 1200px; height: 276px; margin: 0 auto; margin-top: 80px;}
.spot>.list{width: 180px; height: 276px; float: left; margin-left: 60px;}
.spot>.list:nth-child(1){margin-left: 30px;}
.spot>.list>.img{width: 180px; height: 159px; background: url(topk.png) no-repeat center center; text-align: center; line-height: 159px; color: #FF4800; font-size: 45px; font-weight: bold; background-size: 139px 159px;}
.spot>.list>.img>span{font-size: 30px;}
.spot>.list>.text{width: 180px; text-align: center; line-height: 22px; height: 22px; font-size: 20px; color: #000000; margin-top: 8px;}
.prize{width: 1200px; height:auto; margin: 0 auto; margin-top: 80px;}
.prize>.list{width: 250px; border: 1px solid #d2d2d2; float: left; margin-left: 35px; height: 350px; overflow: hidden; padding-bottom: 20px;}
.prize>.list:hover{height: auto;}
.prize>.list:hover>a>.shuoming{display: block;}
.prize>.list>a>img{ margin: 0 auto; margin-top: 20px; width: 116px;}
.prize>.list>a>.textTi{text-align: center; font-size: 16px; color: #ff4800; margin-top: 3px;}
.prize>.list>a>.text{font-size: 14px; width: 210px; margin-left: 20px; margin-top: 20px;color: #666;}
.prize>.list>a>.text>span{color: #FF4800;font-weight: bold;}
.prize>.list>a>.shuoming{width: 210px; height: auto; margin-left: 20px; margin-top: 20px; display: none;}
.prize>.list>a>.shuoming>.ftitle{font-size: 14px; font-weight: bold; color: #000;}
.prize>.list>a>.shuoming>.list1{width: 210px; height: auto; font-size: 14px; color: #666;clear: both;}
.prize>.list>a>.shuoming>.list1>.tb{float: left;width: 20px;}
.prize>.list>a>.shuoming>.list1>.nr{float: left; width:190px; height: auto; }
.prize>.list>a>.shuoming>.list2{width:210px; height: auto; font-size: 14px; color: #999;clear: both;}
.prize>.list>a>.shuoming>.list2>.tb{float: left;width: 20px;}
.prize>.list>a>.shuoming>.list2>.nr{float: left; width:190px; height: auto; }
.liuceng{width: 1100px; height: auto; margin: 0 auto; margin-top: 75px;}
.like{width: 1200px; height: auto; margin: 0 auto; margin-top: 70px;}
.jump{width: 1200px; height: 260px; margin: 0 auto; margin-top: 100px;}
.jump>.qr{width: 210px; height: 260px; float: left; margin-left: 215px;}
.jump>.qr>.img{width: 180px; height: 180px; border: 1px solid #d2d2d2; margin: 0 auto;}
.jump>.qr>.img>img{width: 160px; height: 160px; margin-left: 10px; margin-top: 10px;}
.jump>.qr>.text{width: 210px; height: auto;}
.jump>.qr>.text>.ftitle{font-size: 16px; color: #FF4800; text-align: center; margin-top: 20px;}
.jump>.qr>.text>.news{font-size: 14px; color: 959595; margin-top: 5px; text-align: center;}
.jump>.link{width:400px; height: 260px; text-align: center ; float: left; margin-left: 170px;}
.jump>.link>a{display: block; width:398px; height: 180px; border: 1px solid #D2D2D2; line-height: 180px; font-weight: bold; color: #000; font-size: 22px;}
.jump>.link>.text{width: 400px; height: auto;}
.jump>.link>.text{width: 400px; height: auto;}
.jump>.link>.text>.ftitle{font-size: 16px; color: #FF4800; text-align: center; margin-top: 20px;}
.remarksNews{width: 1058px; height: 388px; border: 1px solid #d2d2d2; margin: 0 auto; margin-top: 65px; padding-left: 70px; padding-right: 70px; padding-top: 55px;}
.remarksNews>.ftitle{font-size: 22px; color: #FF4800;}
.remarksNews>ul{font-size: 20px; color: #585858;}
.remarksNews>ul>li{margin-top: 25px; line-height: 30px;}
.remarksNews>ul>li>span{color: #FF4800;}
.haibBlock{width: 1200px; height: 385px; margin: 0 auto; margin-top: 75px;}
.haibBlock>.nav{margin: 0 auto; height: 43px; width: 628px;}
.haibBlock>.nav>li{width: 132px; float: left; height: 43px; background: url(xu1.png) no-repeat center center; text-align: center; line-height: 43px; margin-left: -10px; overflow: hidden;}
.haibBlock>.nav>li:nth-child(1){margin: 0; background: url(xu.png)no-repeat center center;}
.haibBlock>.nav>li>a{color: #959595;}
.haibBlock>.nav>li:nth-child(1)>a{color: #fff;}
.haibBlock>.block{width: 1196px; height:338px; border: 2px solid #FF4800; overflow: hidden;}
.haibBlock>.block>.list{width: 1156px; height: 338px; padding-left: 20px; padding-right: 20px; display: none;}
.haibBlock>.block>.list:nth-child(1){display: block;}
.haibBlock>.block>.list>.img{width: 360px; margin-left: 15px; height: 250px; margin-top: 44px; position: relative; float: left; display: block;}
.haibBlock>.block>.list>.img>.text{background: rgba(0,0,0,.7); width: 100%; height: 40px; position: absolute; left: 0;bottom: 0; text-align: center; line-height: 40px; color: #fff;}
.baodao{width: 1200px; height: auto; clear: both; margin: 0 auto; margin-top: 50px;}
.baodao>.list{display: block; width: 271px; height: 238px; float: left; margin-left: 38px; margin-top: 39px; position: relative;}
.baodao>.list:nth-child(4n+1){margin-left: 0;}
.baodao>.list>.text{width: 100%; height: 40px; text-align: center; color:#fff; background:rgba(0,0,0,.7); line-height: 40px; position: absolute; left: 0; bottom: 0;font-size: 12px;}
.lxwm{width: 1200px; height: 240px;margin: 0 auto; margin-top: 80px;}
.lxwm>.list{width: 400px; height: 24px; float: left;}
.lxwm>.list>a>img{width: 145px; height: 145px; margin: 0 auto;}
.lxwm>.list>a>.ftitle{text-align: center; color: #FF4800; font-size: 16px; margin-top: 30px;}
.lxwm>.list>a>.text{text-align: center; color: #959595; font-size: 20px; margin-top: 5px;}
.bottom{width: 100%; height: 100px; background: #ff4800; min-width: 1200px; margin-top: 95px; padding-top: 50px;}
.bottom>ul{width: 700px; margin: 0 auto;}
.bottom>ul>li{float: left; font-size: 14px; color: #fff; padding-right:25px; border-right: 1px solid #fff; padding-left: 25px; height: 16px; line-height: 16px;}
.bottom>ul>li:last-child{padding-right: 0; border: none;}
.bottom>ul>li>a{color: #fff;}
.bottom>.text{text-align: center; font-size: 14px; color: #fff; margin-top: 40px;}
/* 立即报名 */
.xuqouBlock{width: 1200px; height: 438px; margin: 0 auto; margin-top: 70px;}
.xuqouBlock>.left{width: 400px; height: 438px; float: left; margin-left: 60px;}
.xuqouBlock>.left>.img{width: 400px; height: 240px; background: url(bj1.png) no-repeat; background-size:100%; padding-top: 60px;}
.xuqouBlock>.left>.img>ul{font-size: 17px; margin-left: 38px; color: #fff;}
.xuqouBlock>.left>.img>ul>li:nth-child(1){margin: 0;}
.xuqouBlock>.left>.img>ul>li{margin-top: 15px;}
.xuqouBlock>.left>.img>ul>li>span{margin-left: 10px; color: #ffc700;}
.xuqouBlock>.left>.img>ul>li:nth-child(2){margin-left: 10px;}
.xuqouBlock>.left>.img>ul>li:nth-child(3){margin-left: 20px;}
.xuqouBlock>.left>.text1{font-size: 22px; color: #ff4900; text-align: center;}
.xuqouBlock>.left>.text2{font-size: 22px; color: #000000; text-align: center; margin-top: 10px;}

.xuqouBlock>.right{width: 400px; height: 438px; float: right; margin-right: 60px;}
.xuqouBlock>.right>.img{width: 400px; height: 240px; background: url(bj2.png) no-repeat; background-size:100%; padding-top: 60px;}
.xuqouBlock>.right>.img>.text{width: 300px;font-size: 17px; color: #fff; margin-left: 65px; line-height: 30px;}
.xuqouBlock>.right>.img>.text>.clolr{color: #ffc700;}
.xuqouBlock>.right>.img>.text>.clolr>span{margin-left: 40px;}
.xuqouBlock>.right>.text1{font-size: 22px; color: #00a0ff; text-align: center;}
.xuqouBlock>.right>.text2{font-size: 22px; color: #000000; text-align: center; margin-top: 10px;}
.form{width: 1200px; height: auto; clear: both; margin: 0 auto; margin-top: 20px;}
.form>.list1{width: 520px; height: 48px; border: 1px solid #e5e5e5; border-radius: 4px; margin-top: 33px; overflow: hidden; float: left; margin-left:28px;margin-right:28px;}
.form>.list1>.img{width: 48px; height: 48px; float: left;} 
.form>.list1>input{width: calc(100% - 68px); border: none; float: left; height: 48px; padding-left: 20px;}
.form>.list2{width: 520px; height: 50px; float: left; margin-top: 33px; margin-left:28px; margin-right:28px;}
.form>.list2>.list1{width: 377px; height: 48px; border: 1px solid #e5e5e5; border-radius: 4px;overflow: hidden; float: left;}
.form>.list2>.list1>.img{width: 48px; height: 48px; float: left;} 
.form>.list2>.list1>input{width: calc(100% - 68px); border: none; float: left; height: 48px; padding-left: 20px;}
.form>.list2>.yzm{display: block; width: 122px; height: 47px; float: right; background: #ff4800; text-align: center; color: #fff; font-size: 14px; line-height: 47px; border-radius: 4px; box-shadow: 0px 0px 3px .1px #ccc;}
.form>.list2>a>img{width: 110px; height: 47; float: right;}
.tjsq{width: 300px; height: 78px; margin: 0 auto; margin-top:100px;}
.tjsq>input{background: #ff4800; color: #fff;width: 300px; height: 78px; margin: 0 auto; border:none; border-radius: 5px; font-size: 26px;}
.margin{margin-left: 48px;}
.formNav{width: 1200px; height: 40px; margin: 0 auto; margin-top: 280px;}
.formNav>.listformnav{width: 160px; height: 50px; float: left; line-height: 50px; text-align: center; margin-left:110px; cursor: pointer; border-radius: 2px; color: #333;position: relative;}
.formNav>.listformnav img{position: absolute; width: 130px; height: auto; top: -130px; left: 15px;}
/* #formNav{background: #FF4800;color: #fff;} */
.formlist{display: none;}
.formlist:nth-child(1){display: block;}