@charset "utf-8";
/*初始化*/
body,h1,h2,h3,h4,h5,h6,a,p,dl,div,dt,dd,ul,ol,li,select,table,tr,button,input,textarea,th,td {margin:0; padding:0;border:0; box-sizing: border-box;}
body{color:#343434; font-family:"微软雅黑"; font-size:14px;}
a{text-decoration:none; color:#555; outline:none; vertical-align:baseline}
a,input,select,textarea{outline:none;}
textarea{ resize:none}
a:hover,a:link{ text-decoration: none;}
ul,dl{list-style-type:none;}
img {border:0;}
small,em,i{font-weight:normal; font-style:normal;}
li{list-style:none;}
img{border:0;}
/*常用类*/
.fl{float: left;}
.fr{float: right;}
.clearfix::before,.clearfix::after,.clearfix:before,.clearfix:after{content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}
.txt-hide{overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap;  -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
.txt-hide2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.txt-hide3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.tc{ text-align: center;}
.tl{ text-align: left;}
.tr{ text-align: right;}
.font30{font-size: 30px;}
.font28{font-size: 28px;}
.font26{font-size: 26px;}
.font24{font-size: 24px;}
.font22{font-size: 22px;}
.font20{font-size: 20px;}
.font18{font-size: 18px;}
.font16{font-size: 16px;}
.font14{font-size: 14px;}
.font12{font-size: 12px;}
.img-res{display:block; max-width:100%; height:auto;}
.table-box{display: table; text-align: center;}
.table-middle{display: table-cell; vertical-align: middle;}
.list-disc{list-style: disc inside;}
.word-spacing{word-spacing:8px;letter-spacing:1px;}rayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.goBackStyle{ background: url(../image/goblck.png) no-repeat;width: 50px;height: 50px;position: fixed; background-size: 50px; bottom: 25px;right: 25px;z-index: 999; display: none; /*返回顶部*/}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.ml30{ margin: 30px;}
.mt10{ margin-top: 10px;}
.plr15{ padding: 0 15px;}
.pl20{ padding-left: 20px;}
.move{ transition: all .5s;-webkit-transition: all .5s; -moz-transform: all .5s; }
.col{color: #e5d85f;}
.h40{ height: 40px;}
.indent{ text-indent: 2em;}

input.has-error {
	border:1px solid #cc0000;
}

/*头部*/
.head{ height: 90px; padding:0 ;}
.index-tit{ margin: 20px 0 5px; width: 100%; overflow: hidden; background: url('../image/tit_bg.png') no-repeat center center; background-size: auto ; height: 70px; text-align: center; line-height: 60px; color: #000; font-size: 35px; font-weight:600; text-transform: uppercase;}
.i-cont1 ul{ width: 100%; text-align: center; }
.i-cont1 ul li{ display: inline-block;}
.i-cont1 li h3{ font-size: 20px; color: #333; margin-bottom: 15px;}
.i-cont1 .date{ height: 30px; line-height: 30px; color: #333; font-size: 14px; margin-top: 10px;}
.i-cont2 .txt1{ margin: 40px 0 20px; color: #333; line-height: 1.8; font-size: 16px;}
.i-cont2 .txt2{ font-size: 16px; color: #333; line-height: 1.8; margin: 45px 0 55px;}
.i-cont3{ background: #fff; padding: 10px 0 15px;}

.i-cont3 .step{ margin: 30px 0 30px; width: 100%; border-radius: 10px; position: relative; border: 2px solid #cc0000; padding: 45px 30px 25px;}
.i-cont3 .tit{ width: 335px; height: 40px; background: #00458f; border-radius: 10px; line-height: 40px; text-align: center; color: #fff; font-size: 18px; position: absolute; top: -20px; left: 50%; margin-left: -167px;}
.i-cont3 table td{ padding: 15px 10px; font-size: 16px;}
.i-cont3 table .td-l{ width: 50px; text-align: center;}
.col-blue{ color: #00458f}
a.a-link{ text-decoration: underline;}
.col-red{ color: #e60012;}

.btn-red{ background: #e60012; color: #fff;}
.i-cont3 .btn-sub{ width: 130px; height: 35px; border-radius: 20px; line-height: 35px; text-align: center; display: block; margin: 15px auto; font-size: 18px;}
.i-cont3 .btn-sub:hover{ color: #fff;}

.i-cont4 .txt{ line-height: 2; font-size: 16px; color: #333; margin-bottom: 20px;padding:0px 15px 20px;}
.i-cont4 .img-res{ position: relative; z-index: 1; padding: 8px; background: #fff;}

.i-cont5{  background:#f6f6f6; position: relative; top: -40px;  padding-bottom: 15px;}

.i-cont5 ul li{ margin-bottom: 60px;}
.i-cont5 .photo{ margin: 0 auto 10px ;}
.i-cont5 .name{ font-size: 18px; color: #333; padding: 5px 0;}
.i-cont5 .txt{ color: #666; font-size: 16px; line-height: 1.6; margin-top: 15px; padding: 0 ;}
.i-cont6{ background: #ffffff;}
.i-cont6 .list{ border-radius: 10px; overflow: hidden;  padding: 0 35px;}
.i-cont6 .bg-blue{ background: #00458f;}
.i-cont6 .bg-red{ background: #e60012;}
.i-cont6 .tit-box{ height: 80px; line-height: 85px; text-align: center; color: #fff; font-size: 20px;}

.i-cont6 .list{ margin-bottom: 30px;}
.i-cont6 .bgf{ background: #fff;}
.i-cont6 .list-tip{ text-align: center; color: #fff; height: 60px; line-height: 60px; font-size: 16px;}
.i-cont6 .bgf{ border-radius: 10px; padding: 20px 0 20px;}
.i-cont6 .item{ width: 220px; margin: 0 auto; color: #00458f; font-size: 18px; text-align: center;}
.i-cont6 .item .table-box{ width: 220px; height: 220px; border: 2px solid #00458f; border-radius: 10px;}
.i-cont6 .item img{ max-width: 200px; max-height: 200px; margin: 0 auto;}
.i-cont6 .item h3{ padding: 15px 0 5px; font-size: 18px; font-weight: normal;}
.i-cont6 .bg-blue .bgf{ padding-left: 75px; padding-right: 75px;}
.h-img{ transition: all .6s}
li:hover .h-img,.item:hover .h-img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.i-cont6 .bg-red .item .table-box{ border-color: #e60012;}
.i-cont6 .bg-red .item{ color: #e60012;}
.i-cont7{  padding: 10px 0 15px;}
.i-cont7 .box{ margin: 10px 0 30px; border: 2px solid #777; border-radius: 10px;   padding: 20px 30px}

.i-cont7 table td{ padding: 12px 10px; font-size: 16px;}
.i-cont7  table .td-l{ width: 50px; text-align: center;}
.foot-bg{ width: 100%; height: 30px; background: url('../image/bg2.jpg') no-repeat center center; background-size: 1920px 30px; margin: 20px 0 20px;}
.foot{ padding-top: 30px;}
.foot .code-box{ text-align: center;}
.foot .code-box p{height: 30px;line-height: 30px; text-align: center; margin-top: 5px;}
.foot .txt{ color: #333; font-size: 16px; line-height: 2; margin-top: 25px;}
.foot .tip{ padding: 20px 0 35px; text-align: center;}
.foot .tip h3{ color: #666; font-size: 18px; font-weight: normal; padding: 10px 0;}
.foot .tip h3 i{ width: 75px; height: 1px; background: #858585; vertical-align: middle; margin: 0 8px; display: inline-block;}
.foot .tip a{ font-size: 24px; color: #333; padding: 8px 0;}
.ban-box{ position: relative;}
.ban-box .icon-box{ position: absolute; top: 0; left: 0; width: 100%; height: 30px; line-height: 30px; padding-right: 10px;}
.ban-box .icon-box a{ float: right; color: #e60012; font-size: 12px; margin-left: 15px;}
.ban-box .icon-box img{ width: auto; height: 12px; float: left; margin-top: 9px; margin-right: 5px;}
.bgh8{ background: #f5f5f5; height: 8px;}
#load{ background: #fff url(../image/load.gif) no-repeat center center; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%;}
.i-cont6 .list .col-xs-6{ margin-bottom: 20px;}

/*报名信息确认*/
.sign-top{ height: 121px; margin-bottom: 30px;line-height: 0; font-size: 0; text-align: center;}
.sign-top img{vertical-align: top; margin-right: 20px; }
.sign-top h2{vertical-align: top;  display: inline-block; line-height: 121px; font-size: 36px;}
.s-tips{ background: #f5f5f5; padding: 60px 0;}
.s-tit{ width: 330px; margin: 0 auto; height:40px; line-height: 40px; font-size: 16px; font-weight: normal; text-align: center; background: #e60012; color: #fff; border-radius: 5px;}
.s-tips ul{ margin-top: 30px;}
.s-tips li{ color: #333;padding: 8px 0; line-height:2; font-size: 16px;letter-spacing:.8px}

.s-main{ padding: 35px 0; margin: 35px;}
.s-main .row{ width: auto; border: 2px solid #ddd; border-radius: 10px; padding: 65px 0 10px;}
.s-main table{ width: 100%;} 
.s-main td{ background: #f9f9f9; margin: 10px 0;}
.s-main tr{ border: 1px solid #ccc; border-radius: 10px; overflow: hidden;}
.s-line { margin-bottom: 20px;}

.s-line label{display: block; box-sizing: border-box; width: 100%; height: 50px; border: 1px solid #ccc; border-radius: 5px; background: #f9f9f9; padding: 4px 0 4px 82px; overflow: hidden; font-weight: normal; position: relative;}
.s-line .td-l{ width: 82px; border-right: 1px solid #ccc; float: left; height: 40px; line-height: 40px; text-align: center; font-size: 16px; position: absolute; left: 0; top: 6;}
.s-line .info{ width: 100%; height: 40px; padding-left: 10px;}
.s-line .form-txt{font-size: 16px; background: transparent; height: 39px; width: 100%;}
.s-line .form-txt::-moz-placeholder{ color: #ccc;}
.s-line .form-txt::-webkit-input-placeholder{ color: #ccc;}
.s-line select.form-txt{ background: transparent url(../image/arrow1.png) no-repeat right center; appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.prov-box{ width: 58%; float: left;}
.prov-box label{ padding-left: 102px;}
.prov-box .td-l{ width: 100px;}
.city-box{ width: 40%; float: right;}
.city-box label{ padding-left: 30px; line-height: 1;}
.s-line{ max-width: 640px; margin-left: auto; margin-right: auto;}
.tips.s-line label{ padding-left: 20px;}
.checkbox-box{ margin-left: auto; margin-right: auto; margin-bottom: 40px;}
.checkbox-box label{ font-size: 16px; color: #333; font-weight: normal; margin: 10px 0; padding: 0;}
.s-tit.s-tit-blue{ background: #00458f;}
.faq{ max-width: 640px; margin: 45px auto;}
.faq-list .tit{ height: 30px; line-height: 30px; color: #333333; font-size: 16px; font-weight: normal; margin-bottom: 20px;}
.faq-list li{ margin-bottom: 45px;}
.faq-list textarea{padding: 5px; line-height: 1.5; width: 100%; height: 140px; border: 2px solid #ccc; border-radius: 5px;}
.faq-list label{ font-size: 16px; color: #333; font-weight: normal; margin: 10px 0; padding: 0;}
label input[type=checkbox]{ width: 20px; height: 20px; vertical-align: -5px; margin-right: 10px;}
.s-btn-sub{ display: block; margin: 35px auto; width: 224px; height: 56px; background: url(../image/btn3.png) no-repeat center center; color: #fff; font-size: 16px;}
.copyright{ background: #333; color: #fff; text-align: center; line-height: 2; padding: 45px 0;}
.success-tip .container{ background: #0085ca; border-radius: 10px 10px 0 0; height: 140px; padding-top: 40px; text-align:center}
.success-tip .tit{ text-align: center; color: #e60012; font-size: 30px; margin-bottom: 15px;}
.success-tip .txt{ text-align: center; color: #fff; font-size: 16px;}
.success-info{ background: #f9f9f9; padding: 55px 15px 45px;}
.success-info .tc{ max-width: 395px; margin: 0 auto; width: 100%;}
.success-info .tc p{ text-align: left; color: #333; font-size: 16px; margin-bottom: 15px;}
.success-info img{ width: 260px; height: 260px; display: block; margin: 50px auto 30px;}
.success-info .txt1{ font-size: 16px; margin-bottom: 20px;}
.success-info .suc-btn{ width: 200px; height: 40px; background: #e60012; color: #fff; line-height: 40px; text-align: center; border-radius: 20px; font-size: 14px; display: block; margin: 50px auto 0;}
select::-ms-expand { display: none; }


/* 小于768px 的屏幕*/


@media (max-width: 760px) {
	.pp{display: none;}
	.erwem{display: none;}
	.le0{left: 0;display: block;}
	.i-cont4 .img-res{ padding: 0.25rem}
	.fixed-btn{ width: 100%; position: fixed; bottom: 0; height: 3rem; background: #fff; z-index: 80; box-sizing: inherit; border-top: 1px solid #ccc;}
  	.fixed-btn .visible-xs{ height: 3rem; display: block; text-align: center; margin: 0 auto;}
  	.i-cont1 ul{ padding: 1rem 0.25rem 0.25rem}
  	.i-cont1 ul li{ width: 30%; float: left;}
  	.i-cont1 ul li:nth-child(2){ width: 40%;}
  	.i-cont1 ul li a{ display: block;}
  	.i-cont1 li h3{ font-size: 14px; margin-bottom: 10px;}
  	.i-cont1 .date{ font-size: 12px; height: 40px; line-height: 1.4;}
  	.i-cont1 .img-box{ height: 3rem;}
  	.i-cont2,.i-cont3,.i-cont4,.i-cont7{ padding-top: 22px; padding-bottom: 22px;}
  	.m-index-tit{ margin: 0 0.5rem 1rem; height: 2rem; line-height: 2rem; font-size: 16px; font-weight: normal; text-align: center; background: #009fbd; color: #fff; border-radius: 5px;}
  	.i-cont2 .txt1,	.i-cont2 .txt2{ font-size: 14px; padding: 0 15px; margin: 0; text-align: left;}
  	.i-cont3 .step{ border: 0; margin: 0; padding: 15px;}
  	.i-cont3 .tit{ position: initial; width: 210px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; margin: 0 auto;}
  	.i-cont3 .m-txt{ padding: 20px 0 5px; line-height: 1.5;}
  	.i-cont3 table{ margin-top: 15px;}
  	.i-cont3 table td{ font-size: 14px; padding: 5px 0;}

  	.i-cont4 .txt{ padding: 0 0.75rem; font-size: 14px; line-height: 1.6; margin-bottom: 0.75rem;}
  	.i-cont4 .img-res{ width: 92%; margin: 0 auto;}
	.i-cont5{ padding-top: 50px;}
	.i-cont5 li{ padding: 0 0.5rem 0 5.25rem; position: relative; text-align: left;}
	.i-cont5 .photo{ float: left; width: 4.25rem;  position: absolute; left: 0.5rem; top: 0;}
	.i-cont5 .txt{ padding: 0; margin-top: 10px; font-size: 14px;}
	.i-cont5 ul li{ margin-bottom: 0; margin-top: 25px;margin-left:0;}
	.i-cont6 .list{ width: auto; margin: 0 -5px 0.75rem; padding: 0 0.75rem;}
	.i-cont6 .tit-box{ height: 2rem; line-height: 2rem; font-size: 16px;}
	.i-cont6 .bg-blue .bgf{ padding: 0.75rem 0 0;}
	.i-cont6 .item{ width: 100%;}
	.i-cont6 .item .table-box{ width: 5.75rem; height: 5.75rem; margin: 0 auto;}
	.i-cont6 .item .table-box img{ max-width: 5rem; max-height: 5rem;}
	.i-cont6 .item h3{ height: 25px; line-height: 25px; font-size: 14px; padding: 0; margin: 0; overflow: hidden;}
	.i-cont6 .item p{ font-size: 14px; height: 20px; line-height: 20px;}
	.i-cont6 .list .col-xs-6{ padding: 0 0.25rem; margin-bottom: 0.75rem;}
	.i-cont6 .list-tip{height: auto; line-height: 1.5; font-size: 14px; padding: 8px 0 8px;}
	.i-cont7{background:#ffffff;}
	.i-cont7 .box{ border: 0; margin: 0.25rem 0 0.75rem; padding: 0 0.75rem;}
	.i-cont7 table td{ padding: 8px 0.25rem; vertical-align: top; font-size: 14px; line-height: 1.6;}
	.i-cont7 table .col9{ color: #777;}
	.i-cont7 .m-logo{ width: 7.5rem; margin-left: 10px; margin-bottom: 0.75rem; margin-top: 0.25rem;}
	.m-code{ width: 6rem; height: 6rem; display: block; margin: 1rem auto;}
	.btn-back{ width: 76%; display: block; height: 2rem; line-height: 2rem; border-radius: 5px; color: #fff; background: #009fbd; text-align: cenert; margin: 0 auto 0.75rem; text-align: center;}
	.btn-back:link{ color: #fff;}
	
	.sign-top{ height: 3.5rem; box-sizing: initial; padding-top: 1.25rem; padding-bottom: 1.25rem; margin: 0;}
	.sign-top img{ width: 3.5rem; height: 3.5rem; margin-right: 0.5rem;}
	.sign-top h2{ height: 3.5rem; line-height: 3.5rem; font-size: 18px; }
	.s-tips{ padding: 1.25rem 1.5rem;}
	.s-tips li{ font-size: 14px; line-height: 1.5; padding: 2px 0;}
	.s-tips .font-tit{ width: 5.25rem; display: block; margin: 0 auto;}
	.s-main .row{ border: 0; width: auto; padding-top: 1.75rem;}
	.s-main{ padding: 0 0.75rem; margin: 0;}
	.s-line label{ height: 40px; padding-top: 0; padding-bottom: 0; font-size: 14px;}
	.s-line .td-l{ font-size: 14px;width: 3.5rem;}
	.s-line label{ padding-left: 3.6rem;}
	.s-line .form-txt,.faq-list textarea{ font-size: 14px;}
	.prov-box .td-l{ width: 4rem;}
.s-line .prov-box label{ padding-left: 3.8rem;}
	.s-line .td-l{ height: 40px; top: 0;}
	.s-line .form-txt{ height: 40px;}
	.s-line{ margin-bottom: 0.75rem;}
	.city-box label{ padding-left: 0.5rem;}
	.s-line select.form-txt{ background-size:auto 38px;}
	.checkbox-box label,.faq-list label{ font-size: 14px;}
	label input[type=checkbox]{ width: 16px; height: 16px; vertical-align: -3px; margin-right: 0.25rem;}	
	.checkbox-box{ margin-bottom: 1rem;}
	.faq-list .tit{ margin-bottom: 0.75rem;}
	.faq-list label{ margin: 0.4rem 0;}
	.faq-list li{ margin-bottom: 1rem;}
	.faq{ margin-bottom: 0;}
	.s-btn-sub{ width: 12.87rem; height: 2rem; line-height: 2rem; background: #00458f; color: #fff; font-size: 16px; border-radius: 5px; margin-top: 0;}
	.s-tit.s-tit-blue{ background: #e60012; width: auto; margin: 0 -0.5rem;}
	.success-tip .container{ height: auto;padding-bottom: 0.5rem; margin: 1.25rem 0.75rem 0; width: auto; padding-top: 0.65rem;}
	.success-tip .tit{ font-size: 20px; margin-bottom: 5px;}
	.success-tip .txt{ font-size: 14px;}
	.success-info{ margin: 0 0.75rem; padding: 1rem 0 0.25rem;}
	.success-info .tc{ padding: 0.5rem 1.25rem;}
	.success-info .tc p{ line-height: 1.5; margin-bottom: 10px;}
	.success-info img{ width: 7rem; height: 7rem; margin: 1rem auto 0.5rem;}
	.success-info .txt1{ font-size: 14px; margin-bottom: 10px;}
	.success-info .font18{ font-size: 16px; padding-bottom: 0.5rem;}
	.success-info .suc-btn{ width: 250px; left: 20%; text-align: center; background: #e60012; color: #fff; font-size: 14px; border-radius: 5px; height: 1.8rem; line-height: 1.8rem; display: block; /*position: absolute; */bottom: 1rem; margin: 0 auto;}
	
	.head{ height: 1.8rem; padding: 0.5rem; box-sizing: initial;}
	.head img{ height: 1.7rem; display: inline-block;}
}
/* 小屏幕（平板，大于等于 760px） */
@media (min-width: 760px) {
	.fixed-btn{ position: fixed; right: 0; top: 50%; z-index: 80; margin-top: -105px;}
	.fixed-btn .hidden-xs{ display: block; width: 95px; height: 190px;}
	.checkbox-box{max-width: 640px;}
	.fr.code-box{ margin: 0 auto; float: none;}
	.fr.code-box .img-res{margin: 0 auto;}
	.i-cont1 ul{ font-size: 0;}
	.i-cont1 ul li{ width: 30%; vertical-align: top;}
  	.i-cont1 ul li:nth-child(2){ width: 40%; text-align: center;}
  	.i-cont1 ul li:nth-child(2) img{ margin: 0 auto;}
  	.i-cont1 .img-box{ height: 160px}
	
}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
	
	
}
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
	.mp{display: none;}
	.le0{left:0;	position: relative; top: 10px;right: 0;display: block;}
.checkbox-box{ width: 100%; padding-left:260px; padding-right: 80px; max-width: 1200px;}
.fr.code-box{ margin: 0 auto; float: right;}
.fr.code-box .img-res{margin: 0;}
.i-cont1 ul li,.i-cont1 ul li:nth-child(2){ width: auto; vertical-align: top;}
.erwem{display: block;}
}


.index-tit span{
    position: absolute;
    left: 0;
    right: 0;
    display: inline-block;

}
.index-tit{
    position: relative;
}
.index-tit img{
    width: 100%;
}


.mb10{
	margin-bottom: 10px;
}