@charset "utf-8";
/* CSS Document */
body{font-family: 'Arial','宋体','Microsoft YaHei','黑体',sans-serif;background:#fff;overflow: auto !important;padding-right:0 !important;}
*{margin:0; padding:0; list-style: none;}
a{ text-decoration: none;}
a:hover{ text-decoration: none; }
.tc{ text-align: center; }
.clearfix{*zoom:1;}
.clearfix:after{content:'\0020';display:block;height:0;font-size:0;line-height:0;clear:both;overflow:hidden;}
.fl{ float: left; }
.fr{ float: right; }
*:focus { outline: none; } 
.row,.container-fluid,h2,h3,h4,h5,h6,*[class*="col-"]{ margin:0; padding:0; }
.mt30{ margin-top: 30px;}
.Page{ width:1000px; margin:0 auto; position: relative;}
.banner{ height: 618px;background: url(https://s4.51cto.com/oss/201912/13/0ef16e454d839986d0210ca93afa38d6.jpg) no-repeat center top;}
.banner p{ font-size: 24px; color: #fff; padding-top: 460px;}
.banner a{ display: inline-block; width:220px; height: 48px; line-height: 48px; border-radius: 48px; background: #ff8300; color: #251e1c; font-size: 20px;margin-top: 25px;}
.nav{padding:20px 0; background: #251e1c;}
.nav a{ font-size: 22px; color: #fffefe; padding-right: 33px;}
.nav a:last-child{ padding-right: 0;}
.alltit{ height: 77px; line-height: 77px; text-align: center; font-size: 40px;color: #251e1c;background: url(https://s4.51cto.com/oss/201912/13/e3d89a0f0b183b5cceba389209c930cf.png) no-repeat center center; margin-bottom: 25px;}
.alltit span{ color: #ff8300;}
.sec1{padding:30px 0 0;}
.sec1 .dec{ color: #252f3e; font-size: 16px; text-indent: 2em; line-height: 28px;}
.sec2{ height: 727px;background: url(https://s4.51cto.com/oss/201912/13/1f229d06ecff7d10ce10a2334f0cb9a3.png) no-repeat center top;margin-top: 30px; }
.sec2 h5{ font-size: 40px; color: #fff; text-align: center; padding:22px 0 40px 0;}
.sec2 h6{background: url(https://s5.51cto.com/oss/201912/13/f25ba237dd5c7e3a62b7c0d519f6d394.png) no-repeat left top; padding-left:14px; height: 43px;line-height: 43px; margin-bottom: 15px;}
.sec2 h6 span{ border-top: 2px solid #000;height: 43px;line-height: 43px; display: inline-block; padding-left: 10px; position: relative; font-size: 20px;}
.sec2 h6 span i{display: inline-block; width:10px; height: 10px; border-radius: 10px; background:#000; position: absolute; top:-5px; right: -5px;}
.sec2 p{ color: #fff; font-size: 16px; margin-bottom: 15px; line-height: 25px;}
.sec2 a{ display: block; height: 43px; line-height: 43px; border-radius: 43px; color: #251e1c; border:1px solid #251e1c; text-align: center; font-size: 20px;}
.sec3{background:#f2f3f3;}
.sec3 .Page{ background:#f2f3f3 url(https://s2.51cto.com/oss/201912/13/1e7a35e7421ccadffd32e9b868b9732f.jpg) no-repeat left 15px; padding-left:225px; min-height: 158px;}
.sec3 p{color: #3e3e3c; font-size: 18px; padding:25px 0 0 0; font-weight: bold;}
.sec3 div{color: #252f3e; font-size: 16px; line-height: 25px;}


.sec4{min-height:338px;background: url(https://s4.51cto.com/oss/201912/13/3ddadf6a7c1d67b04762c97e71584d56.jpg) no-repeat center top; padding-top: 40px; box-sizing: border-box;}
.sec4 .alltit{background: url(https://s2.51cto.com/oss/201912/13/8842c4f860d741a3d5f439347b2a3bd9.png) no-repeat center center; color:#fff}
.sec4 p{color: #fff; font-size: 24px;padding:30px 0 30px 0;}
.sec4 a{ display: block; width:220px; height: 48px; line-height: 48px; border-radius: 48px; background: #ff8300; color: #251e1c; font-size: 20px;margin: 0 auto; text-align: center;}
.sec5{padding:50px 0 40px 0;}
.live_video{width:596px; float: left;}
.live_pic{width:375px; float:right;}
.live_pic .txt{color: #252f3e; font-size: 16px; line-height: 28px; text-indent: 2em; padding-top: 10px;}
.live_pic .yel{color: #ff8300; font-size: 16px;padding-top: 10px;}
.picscroll{max-height:378px; overflow-y: auto;}
.picscroll::-webkit-scrollbar {/*滚动条整体样式*/
  width: 2px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 2px;
}
.picscroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius:10px;
  background: #f9e0d1;
}
.picscroll::-webkit-scrollbar-track {/*滚动条里面轨道*/
   border-radius:10px;
  background: #ff8300;width:8px;
}
.sec5 .bmbtn a{ margin:0 5px; display:inline-block;}
.sec6{min-height: 160px;background: url(https://s5.51cto.com/oss/201912/13/f6d1af7ec0db004c038f2c015b3cbda9.jpg) no-repeat center top; padding-top:160px;}
.formbox{padding:20px 45px 45px; border:1px solid #f08200; border-top: none; display: none;}
.qabtns{ position: absolute; width:165px; height: 35px; display: block;left:0; top:-61px;}
.question{ font-size: 18px; color: #171717;  }
.choice{ font-size: 16px;  margin-top: 10px; line-height: 28px; color: #323232; }
.choice label{ margin-right: 20px; float: left;outline:none; cursor: pointer; font-weight: normal;}
.qalist{margin-bottom: 20px; border-bottom: 1px dashed #595959;}
.qalist .ts{ color: #595959; font-size: 16px; padding-left: 35px;line-height: 28px; padding-top: 10px;}
.qalist .txt{ color: #595959; font-size: 16px;padding-left: 35px; line-height: 28px;}
.qalist textarea{ resize: none;padding:10px; margin-left: 35px; width:100%; box-sizing: border-box;margin-top: 10px; border:1px solid #323232; background: none;;}
.qalist input{margin-right: 5px;}
.qalist .other{ border: none; border-bottom: 1px solid #323232; height: 30px; background: none;}
.btns{display:none; width:66px; height: 32px; line-height: 32px; text-align: center; color:#fff;  background: #404be6; font-size: 18px;margin:50px auto; cursor: pointer;}

.qalist label input{
  width: 14px;
  height: 14px;
/*   appearance: none;-moz-appearance:none; 
  -webkit-appearance:none;  */
  position: relative;margin-right: 10px; float:left;    outline: none; margin-top: 5px;
}
/* .qalist label input[type=radio]:before{
  content: '';
  width: 14px;
  height: 14px;display: inline-block;
  vertical-align: middle;background: url(https://s5.51cto.com/oss/201912/13/da14956287bd401bf3306b77daee389b.png) no-repeat center top;
}
.qalist label input[type=radio]:checked:before{
  content: '';
  width: 14px;
  height: 14px;
  background: url(https://s2.51cto.com/oss/201912/13/46f528850b36e0d01dcf5ebd5e5f81d6.png) no-repeat center top; border:none;
  display: inline-block;
  vertical-align: middle;outline:none;
}
.qalist label input[type=checkbox]:before{
  content: '';
  width: 14px;
  height: 14px;display: inline-block;
  vertical-align: middle;background: url(https://s1.51cto.com/oss/201912/13/ab2d470f0ea3946bfdee67771c368049.png) no-repeat center top;
}
.qalist label input[type=checkbox]:checked:before{
  content: '';
  width: 14px;
  height: 14px;
  background: url(https://s1.51cto.com/oss/201912/13/e88f64eb29d2cd07d82d2b28e23b5941.png) no-repeat center top; border:none;
  display: inline-block;
  vertical-align: middle;outline:none;
} */
.formlist {margin-top: 45px; }
.formlist li { height: 50px; margin-bottom: 28px; float: left;width:380px; margin-right: 65px;}
.formlist li span { font-size: 18px; line-height: 50px; height: 50px; padding-right:10px;float: left;width:120px; text-align: right; color: #171717; }
.formlist li.ls span{line-height: 20px; padding-top: 7px;}
.formlist li.ls span em{ font-style: normal; font-size:14px; display: block;}
.formlist li span i { font-size: 16px; color: #f00; position: relative; float: left; margin:4px 10px 0 0; }
.formlist li input { width: 250px; line-height: 50px; height: 50px;border: 1px solid #595959;  padding-left: 10px;float: left; border-radius: 5px; }
.formlist li select { width: 252px;line-height: 50px; height: 50px;border: 1px solid #595959;  padding-left: 10px; outline: none; float: left;}
.mask-b { text-align: center;}
.mask-b button { display:inline-block; width: 132px; height:35px; line-height: 35px; border-radius: 35px; text-align: center; font-size: 16px; color: #fff; background: #fd890f; border: none;  margin: 0 10px; border:2px solid #fd890f; }
.mask-b button:last-child{ background: none; color: #fd890f;}

.sec7{padding:50px 0;}
.sec8{ padding:40px 0; border-top: 2px solid #e3e3e3;}
.sec8 ul{ margin-left: -18px; margin-top: 30px;}
.sec8 ul li{ float: left; width: 235px; height: 268px; margin-left: 18px; position: relative; border-radius: 8px; overflow: hidden;}
.sec8 ul li .front{ position: relative;}
.sec8 ul li .front .tit{background: url(https://s3.51cto.com/oss/201912/13/e06f121eea5caf1a5164a3ba6a6ab6f8.jpg) repeat-y; height: 62px; width: 235px;  position: absolute;left:0; bottom: 0;z-index: 9;padding:0 18px; box-sizing: border-box; color: #fff;}
.sec8 ul li .front .tit .line1{ padding-top: 10px; font-size: 18px;}
.sec8 ul li .front .tit .line2{ font-size: 16px;}
.sec8 ul li .back{display:none; position: absolute; z-index: 99; left:0; top:0; width: 235px; height: 268px;padding:0 18px; box-sizing: border-box; color: #fff;background: url(https://s3.51cto.com/oss/201912/13/e06f121eea5caf1a5164a3ba6a6ab6f8.jpg) repeat-y;}
.sec8 ul li .back p{ font-size: 18px;padding-top: 20px; }
.sec8 ul li .back div{ text-indent:2em;font-size: 16px;}
.sec9{ padding:30px 0; background: #f2f3f3;}
.sec9 .abouts{background: url(https://s1.51cto.com/oss/201912/13/b636ae41d8403176070fa491af0ae664.png) no-repeat left top; padding-left: 300px;}
.sec9 .abouts .dec{color: #252f3e; font-size: 18px; text-indent: 2em; line-height: 1.7;}
.sec9 .abouts p{ color: #f08200; font-size: 18px; padding:10px 0;margin:0;}
.sec9 .abouts p a{ text-decoration: underline;color: #f08200;word-break:break-all }
.sec9 .abouts .zs{color: #6d727a; font-size: 14px; line-height: 23px;}
.footer{ text-align: center; height: 52px; line-height: 52px; background: #000; color: #fff;}
.modal-dialog{margin:0;width:466px;}
#myModal_form_dl{width:466px; height: 546px; border:2px solid #fd890f; border-radius: 10px; background: #fff;left:50%; top:50%; margin:-273px 0 0 -233px;}
.modal-content{box-shadow:none;-webkit-box-shadow:none; border-bottom: none;width:100%;}
.modal-header{padding:0; border-bottom: none;margin: -1px 0 0 -2px; color: #fff;}
#myModal_form_dl h3{ height: 80px;background: url(https://s2.51cto.com/oss/201912/13/fe1807a5d890f3668071dc110e81bd2d.png) no-repeat left top; line-height: 59px; padding-left: 15px; font-size: 30px;}
#myModal_form_dl .row div{ color: #251e1c; margin-bottom: 22px;font-size: 20px; padding-left: 10px;}
#myModal_form_dl input{width:350px; height:48px; line-height: 48px;border-radius: 10px; border:1px solid #251e1c; padding-left: 10px; margin-left: 10px;}
#myModal_form_dl .btnw{ display: block; width:180px; height: 50px; line-height: 50px; border-radius: 50px; background: #251e1c; color: #fff; font-size: 30px;margin: 0 auto 0;}
.modal-header .close {
  margin-top: 14px;
  margin-right: 10px; opacity: 1;
}

#myModal_chance{width:514px; height:260px; border:2px solid #fd890f; border-radius: 10px; background: #fff;left:50%; top:50%; margin:-130px 0 0 -257px;}
#myModal_chance .modal-dialog{width:514px;}
#myModal_chance p{ font-size: 20px;}
#myModal_chance label{ font-weight: normal; margin:10px 20px 20px; font-size: 18px;}
 #myModal_chance input{
  width: 14px;
  height: 14px;
/*   appearance: none;-moz-appearance:none;
  -webkit-appearance:none;  */
  position: relative;margin-right: 10px; float:left;margin-top: 0;    outline: none; margin-top: 5px;
}
/*#myModal_chance label input[type=radio]:before{
  content: '';
  width: 14px;
  height: 14px;display: inline-block;
  vertical-align: middle;background: url(https://s5.51cto.com/oss/201912/13/da14956287bd401bf3306b77daee389b.png) no-repeat center top;
}
#myModal_chance label input[type=radio]:checked:before{
  content: '';
  width: 14px;
  height: 14px;
  background: url(https://s2.51cto.com/oss/201912/13/46f528850b36e0d01dcf5ebd5e5f81d6.png) no-repeat center top; border:none;
  display: inline-block;
  vertical-align: middle;outline:none;
} */
#myModal_chance .aro{ cursor: pointer;}
.staring{
	-webkit-animation: star 1.5s infinite ease-in-out; 
}

@-webkit-keyframes star {
	0% {opacity: 0.8;-webkit-transform: translate(0,5px);}
	50% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity:  0.8;-webkit-transform: translate(0,5px);}
}
@-moz-keyframes star {
	0% {opacity: 0.8;-moz-transform: translate(0,5px);}
	50% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity:  0.8;-moz-transform: translate(0,5px);}
}
@keyframes star {
	0% {opacity:  0.8;transform: translate(0,5px);}
	50% {opacity: 1;transform: translate(0,0);}
	100% {opacity:  0.8;transform: translate(0,5px);}
}
@media screen and (max-width:768px){
  #home_top{ display: none;}
  img{ width:100%;}
  .Page{ width:100%; padding: 0 10px; box-sizing: border-box;}
  .alltit{font-size:18px; background-size:14rem  4rem; height: 4rem; line-height: 4rem;margin-bottom: 10px;}
  .nav{ padding:0.3rem 0;}
  .nav a{ padding-right:2rem; text-align: center; font-size:14px; line-height: 0.8rem; height:0.8rem;}
  .sec1{padding:15px 0 0;}
  .sec1 .dec{ color: #252f3e; font-size:14px; text-indent: 2em; line-height: 1.7;}
  .sec2 .Page{padding:0;}
  .sec2 .tits{margin:0 20% 15px;}
  .sec2{background: url(https://s4.51cto.com/oss/201912/13/51444c2b759d8a19d47322208f107119.jpg) no-repeat center top;background-size: 100% 100%; height: auto; padding:0 20px 20px; border-top:5px solid #000;border-bottom:5px solid #000;}
  .sec2 h6{background: url(https://s1.51cto.com/oss/201912/13/6b2aa490e10e51f0ab4be15fa57ee994.png) no-repeat left top; padding-left:none; height: 4rem;line-height: 1.3; margin-bottom: 5px;background-size: 45rem 4rem; }
  .sec2 h6 span{ border-top: none;height: auto;line-height: 1.3; display: inline-block; padding: 10px 0 0 10px; position: relative; font-size: 1.5rem;}
  .sec2 h6 span i{display: none; width:10px; height: 10px; border-radius: 10px; background:#000; position: absolute; top:-5px; right: -5px;}
  .sec2 p{ color: #fff; font-size:12px; margin-bottom: 15px; line-height: 1.8;margin-top:10px;}
  .sec2 .know{margin:10px 10px 0;}
  .sec3 .Page{ background:#f2f3f3 url(https://s2.51cto.com/oss/201912/13/1e7a35e7421ccadffd32e9b868b9732f.jpg) no-repeat 5px bottom; padding-left:9rem; min-height: auto; background-size: 7rem 6rem;}
  .sec3 p{ font-size: 1.5rem; padding:5px 0 0 0; line-height: 1.5;margin-bottom: 5px;}
  .sec3 div{font-size: 12px; line-height: 1.5; padding-bottom: 5px;}
  .sec4{min-height:17rem;background: url(https://s4.51cto.com/oss/201912/13/3ddadf6a7c1d67b04762c97e71584d56.jpg) no-repeat center top; padding-top: 20px; box-sizing: border-box; background-size: 100% 17rem;}
  .sec4 .alltit{background: url(https://s2.51cto.com/oss/201912/13/8842c4f860d741a3d5f439347b2a3bd9.png) no-repeat center center; background-size:14rem  4rem; }
  .sec4 p{color: #fff; font-size: 16px;padding:15px 0 15px 0;}
  .sec4 a{ display: block; width:120px; height: 30px; line-height: 30px; border-radius: 30px; background: #ff8300; color: #251e1c; font-size: 16px;margin: 0 auto; text-align: center;}
  .live_video{ float: none; width:100%; margin-bottom: 20px;}
  .sec5,.sec7,.sec8{ padding:15px 0;}
  .videobox{ height: 200px;}
  .videobox img{ height: 200px;}
  .live_pic{ float: none; width:100%;margin-top:30px;}
  .picscroll{ max-height: 320px;}
  .picscroll img{width:100%;}
  .live_pic .txt{ font-size:12px; line-height: 1.5;}
  .live_pic .yel{font-size: 12px; padding-top:5px;}
  .sec5 .bmbtn{margin:20px 20px 0;}
 .sec5 .bmbtn a{ margin:5px 0; display:inline-block;}
  .sec6{min-height: auto;background: none; padding-top: 0;}
  .formbox {
    padding: 10px 10px 20px;
    margin: 0 6px;
}
.question{ font-size: 16px;}
.choice {
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.5;
}
.qalist label input{ margin-top: 3px; margin-right: 5px;}
.formlist {
  margin-top: 0; padding-top: 20px; border-top: 2px solid #f08200;
}
.formlist li{ float:none; height: auto; margin-bottom: 10px; width:100%;}
.formlist li span{ display: block; float:none; text-align: left; height: auto; line-height: 1; font-size: 14px; margin-bottom: 5px; width:100%;}
.formlist li input {
  width: 100%;
  line-height: 30px;
  height: 30px;
  border: 1px solid #595959;
  padding-left: 10px;
  float: none;
  border-radius: 5px; 
}
.formlist li.ls span em{ display: inline;}
.mask-b button{ width:95px;}
  /* .sec8 ul{ margin-left: 0; margin-top: 15px;}
  .sec8 ul li{ float: left; width: 46%; height: 17rem; margin-left: 3%; position: relative; border-radius: 8px; overflow: hidden; margin-bottom: 10px;}
  .sec8 ul li .front{ position: relative;}
  .sec8 ul li .front .tit{background: url(https://s3.51cto.com/oss/201912/13/e06f121eea5caf1a5164a3ba6a6ab6f8.jpg) repeat-y; height: 62px; width: 235px;  position: absolute;left:0; bottom: 0;z-index: 9;padding:0 18px; box-sizing: border-box; color: #fff;}
  .sec8 ul li .front .tit .line1{ padding-top: 10px; font-size: 18px;}
  .sec8 ul li .front .tit .line2{ font-size: 16px;}
  .sec8 ul li .back{display:none; position: absolute; z-index: 99; left:0; top:0; width: 235px; height: 268px;padding:0 18px; box-sizing: border-box; color: #fff;background: url(https://s3.51cto.com/oss/201912/13/e06f121eea5caf1a5164a3ba6a6ab6f8.jpg) repeat-y;}
  .sec8 ul li .back p{ font-size: 18px;padding-top: 20px; }
  .sec8 ul li .back div{ text-indent:2em;font-size: 16px;} */
  .sec9{ padding:15px 0;}
  .sec9 .abouts{background: none; padding-left: 0;}
  .sec9 .abouts .dec{font-size: 14px;margin-top: 10px; }
  .sec9 .abouts p{font-size:14px;padding:3px 0;}
  .sec9 .abouts .zs{font-size: 12px; line-height: 1.7;}
  .footer{ display: none;}
  #myModal_form_dl input {
    width: 78%;
    height: 27px;
    line-height: 27px;
    border-radius: 3px; 
}
#myModal_form_dl .row div {
  margin-bottom: 10px;
  font-size: 14px;
  padding-left: 10px;
}
  #myModal_form_dl{width:90%;margin:20% 0 0 -45%; top:0; height:315px; }
  .modal-dialog{ width:100%;}
  #myModal_form_dl h3 {
    height: 40px;
    background: url(https://s2.51cto.com/oss/201912/13/fe1807a5d890f3668071dc110e81bd2d.png) no-repeat left top; background-size: 100% 40px;
    line-height: 30px;
    padding-left: 15px;
    font-size: 18px;
}
#myModal_form_dl .btnw {
 
  width: 130px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  background: #251e1c;
  color: #fff;
  font-size: 16px;
  margin: 0 auto 0;
}
  #myModal_chance{width:90%;margin:30% 0 0 -45%; top:0; height: 200px;}
  #myModal_chance .modal-dialog{width:100%;}
  #myModal_chance p{ font-size: 16px;}
#myModal_chance label{ font-weight: normal; margin:10px 5px 5px; font-size: 14px;}
	#myModal_chance label input{margin-top:3px;}
#myModal_chance .aro{width: 8%;margin:10px auto 0; }
.close img{width:15px; height: 15px;}

}
.picscroll img{
	max-width:98%;
}