@charset "utf-8";
/* CSS Document */

body{background: #fff;font-size: 16px;color: #222;position: relative;}
ul,ol,p,h1,h2,h3,h4 {list-style:none;padding: 0; margin: 0;}
a{color: #222;}
a:hover{text-decoration: none;}
a:visited{text-decoration: none;border: none;}
a:active{text-decoration: none;}
Btn:active{color: #389bfd!important;text-decoration: none;}
a:focus,a:hover {
    color: #389bfd;
    text-decoration: none
}
h2{font-size: 40px;font-weight: bold;color: #2a64e2;margin: 50px auto;text-align: center;position: relative;color: #222;z-index: 6;display: table;}
h2::after{content: "";position: absolute; height: 12px;background: url(/images/adi-book/icon-04.jpg) no-repeat center;left: 0;z-index:-1;top: 30px;width: 100%;}
h3{font-size:22px;margin: 25px 0;}
.color-g{color: #fda305!important;}
.bg2{background: #f6f7f9;padding-bottom: 50px;}

.login{position: absolute; top: 10px;right: 50px;color: #fff;}
.login a{color:#fff;margin:0 15px;}
.banner{background: url(/images/adi-book/banner-bg.jpg) no-repeat center #014d8b;height: 474px;position: relative;}
.banner-box{background: url(/images/adi-book/banner-01.png) no-repeat right;height: 100%;}
.logo{margin-top: 30px;}
.banner-text{margin-top: 50px;}
.banner-text p{font-size: 40px;margin: 20px 0 ;color: #fff;font-weight: bold;}
.about{margin-top: 60px;}
.baipishu{background: #0067b9; padding: 40px;border-radius: 20px;box-shadow: 0 0 10px rgba(0,24,83,0.5); margin: 40px ;color: #fff;}
.bip-r{padding: 50px 0;}
.bip-r .p18{font-size: 18px;}
.bip-r h2{font-size: 26px;text-align: left;color: #fff;line-height: 34px;}
.bip-r h2::after{display: none;}
.btn-g {margin-top: 50px;}
.btn-g a{background: #ec6b00; color: #fff;width: 180px; height: 46px; line-height: 46px;text-align: center;display: block;border-radius: 6px;}
.btn-g a:hover{background: #ff7f15;}
.b-item{background: url(/images/adi-book/icon-01.png) no-repeat   15px 15px #f6f7f9; padding: 15px 30px 15px 40px;margin: 5px 0;}
.prize-item{margin-top: 20px;}
.prize-item img{ width: 100%;}
.liuc{background: #fff;border-radius: 8px;text-align: center;padding: 15px 5px;height: 240px;box-shadow: 0 0 10px rgba(112,112,112,0.3);}
.liuc .p18{font-size: 18px;margin: 15px 0 10px;}
.liuc .p18 span{font-weight: bold;margin: 0 5px;}
.liuc .l-btn{margin-top: 10px;}
.liuc .l-btn a{background: #fff;border:1px solid #0067b9;width: 120px; height: 40px;text-align: center;line-height: 40px;color: #0067b9;border-radius: 4px; display: inline-block;}
.liuc .l-btn a:hover{background: #0067b9; color: #fff;}
.liuc .l-btn>form{display: inline-block;}
.liuc .shi{position: relative;color: #0067b9; margin-left: 10px;cursor: pointer;}
.liuc .shi .s-pic{display: none;width: 480px;border: 1px solid #ccc;}
.liuc .shi:hover .s-pic{display: block; z-index: 99;position: absolute;}
.mtop40{margin-top: 40px;}
.qa-con{background-image: linear-gradient(to bottom, #d3eafb, #fff);padding: 40px;box-shadow: 0 0 10px rgba(112,112,112,0.3);}
.qa-title{height: 66px; line-height: 66px;text-align: center;font-size: 30px;color: #fff;background: #0067b9;}
.qa-con li{margin: 20px 0 30px;}
.qa-con .qa {margin-top: 10px;}
.qa-con .qa label{font-weight: normal;width: 24%;}
.tk{background: none; border: none; border-bottom: 1px solid #000;width: 120px;}
.btn-b a{background: #0067b9; margin: 0 auto;}
.btn-b a:hover{background: #004e8c; }
.guize{background: #fff;padding:20px 40px;box-shadow: 0 0 10px rgba(112,112,112,0.3); margin-top: 30px;}
.guize a{background: #0067b9; color: #fff;border-radius: 4px;padding: 2px 8px;display: inline-block;}
.guize a:hover{background: #004e8c;}
.bip-l{text-align: center;}
.bip-l img{max-width: 100%;}
.footer{height: 66px; line-height: 66px;color: #fff;text-align: center;background: #27323b;width: 100%;}
.layui-layer-page .layui-layer-content{padding: 20px;}
#info_form>input{width: 200px;margin: 14px 0 0 0;}
@media(min-width:1200px){
  .container{width: 1200px;}
}
@media(max-width:992px){
  .banner-box{background: none;}
  .logo{margin-top: 50px;}
  .login{right: 10px;}
  .banner-text{margin-top: 25px;}
  .banner-text p{font-size: 32px;}
  .banner{height: auto;padding-bottom: 20px;}
  .banner-text p{margin: 10px 0;}
  .about{margin-top: 25px;}
  .baipishu{margin: 20px 0;padding: 20px;}
  .bip-l img{max-width: 100%;}
  .bip-r{padding: 20px 0 0;}
  h2{margin: 40px auto;font-size: 30px;}
  h2::after{top: 26px; height: 8px;}
  .bip-r h2{line-height: 30px;font-size: 22px;}
  .btn-g{margin-top: 20px;}
  .b-item{margin: 3px 0;}
  .mtop40{margin-top: 20px;}
  .qa-con{padding: 20px;}
  .qa-con .qa label{width: 99%;}
  .qa-con li{margin: 20px 0;}
}

@media(max-width:768px){
.liuc{height: auto;margin: 10px 0;}
}