@charset "utf-8";
body { padding-top: 80px; }
.g-in { width: 1200px; margin:0 auto; }
.banner { overflow: hidden; }
.banner .bd { position: relative; width: 1920px; left: 50%; margin-left: -960px; }
.banner .bd li,
.banner a{ display:block; text-align: center; }
.bdxue-title .hd { text-align:center;}
.bdxue-title .hd .section-title { color: #000; font-size:28px; line-height:60px; font-weight: 100; }
.bdxue-title .hd .section-title em { color: #188ef2; }
.bdxue-title .hd .section-detail { padding: 0; color:#666;font-size:16px; line-height:40px; }
.btn { margin: 0; padding: 0; width: 200px; border-radius: 30px; background: linear-gradient(to right,#ffaa00,#ff8b02);  box-shadow: 0 0 8px rgba(0, 0, 0, .2); color: #fff; font-size: 24px; line-height: 60px; text-align: center; }
.btn a { display: block; color: #fff; }
.btn:hover { background: #ff8b02; color: #000; }
.btn-dis { border: 1px solid #3d8bff; background: #fff; color: #3d8bff; }
.col-a .bd { height: 611px; padding:0; background: url(col-a.jpg) no-repeat center; overflow: hidden; }
.col-a .bd .col-a-a { display: block; width: 610px; overflow: hidden; padding-top: 91px; font-size: 14px; line-height: 28px; }
.col-a .bd .col-a-a h2 { margin-bottom: 38px; color: #196bf2; font-size: 28px; line-height: 50px; font-weight: 100; }
.col-a .bd .col-a-a h2 em { position: relative; display: inline-block; padding-right: 46px; color: #000; vertical-align: top; }
.col-a .bd .col-a-a h2 em::after { position: absolute; right: 20px; top: 12px; width: 4px; height: 28px; background-color: #ff0000; content: ''; }
.col-a .bd .col-a-a .info { color: #777; font-size: 16px; line-height: 31px; }
.col-b {padding: 75px 0 80px;background: #f2f7fb url(col-b.jpg) no-repeat center top;}
.col-b .hd { margin-bottom: 46px; }
.col-b .bd ul li { float: left; width: 285px; height: 350px; margin-right: 20px; padding: 41px 25px 0; border-radius: 10px; background-color: #fff; box-shadow: 0 0 16px rgba(0, 0, 0, .08); text-align: center;  }
.col-b .bd ul li i { display: block; width: 100px; height: 100px; margin: 0 auto 16px; }
.col-b .bd ul li p { color: #777; line-height: 28px; }
.col-b .bd ul li p:nth-child(2) { margin-bottom: 15px; color: #000; font-size: 18px; line-height: 40px; }
.col-b .bd ul li:last-child { margin-right: 0; }
.col-b .bd ul li:hover { background: url(5.png) no-repeat; }
.col-b .bd ul li:hover p { color: #fff; }
.col-b-icon-1 { background: url(1.png) no-repeat; }
.col-b-icon-2 { background: url(2.png) no-repeat; }
.col-b-icon-3 { background: url(3.png) no-repeat; }
.col-b-icon-4 { background: url(4.png) no-repeat; }
.col-b .bd ul li:hover .col-b-icon-1 { background: url(01.png) no-repeat; }
.col-b .bd ul li:hover .col-b-icon-2 { background: url(02.png) no-repeat; }
.col-b .bd ul li:hover .col-b-icon-3 { background: url(03.png) no-repeat; }
.col-b .bd ul li:hover .col-b-icon-4 { background: url(04.png) no-repeat; }
.col-c {padding: 70px 0 70px;background: #fff;color: #333;}
.col-c .hd { margin-bottom: 45px; }
.col-c .hd .section-title { margin-bottom:15px; }
.col-c .hd ul { padding: 0; text-align: center; }
.col-c .hd ul li { position: relative; display: inline-block; width: 110px; margin: 0 16px; padding: 0; color: #000; border-radius: 19px; font-size: 16px; line-height:38px; cursor: pointer; outline: 0; vertical-align: top; }
.col-c .hd ul .swiper-pagination-bullet { height: auto; background: none; opacity: 1; }
.col-c .hd ul .swiper-pagination-bullet-active { background: #1886f2; color: #fff; }
.col-c .bd .bdc { padding: 0; overflow: hidden; text-align: center; }
.col-c .bd .bdc .txt { padding: 0 ; color: #fff; font-size: 20px; line-height: 50px; }
.col-c .bd .bdc .info { margin-bottom: 24px; color: #666; font-size: 14px; line-height: 28px; }
.m-qa { padding:34px 0 50px; background: url(11.jpg) no-repeat 50%; }
.m-qa .hd { margin-bottom:20px; }
.m-qa .hd .section-title { color: #fff; line-height: 60px; }
.m-qa .bd { width: 480px; margin: 0 auto; font-size: 14px; }
.m-qa .bd .checkbox-item { margin-bottom: 0; }
.m-qa .bd .checkbox-item li { position: relative; float: left; margin-right: 30px; line-height: 33px; }
.m-qa .bd .checkbox-item .checkbox+label{ display: block; width: auto; height: 33px; cursor: pointer; }
.m-qa .bd .checkbox-item .checkbox+label::before { display: inline-block; width: 23px; height: 23px; margin:4px 8px 0 0; content: ""; vertical-align: top; }
.m-qa .bd .checkbox-item .checkbox:checked+label::before { content: "\2714"; font-size: 20px; line-height: 23px; text-align: center; }
.m-qa .bd .checkbox-item input[type=checkbox] { position: absolute; top: -30px; left: -30px; visibility: hidden; }
.m-qa .bd .text-item li {margin-bottom: 20px;line-height: 56px;}
.m-qa .bd .text-item .ipt {width: 100%;height: 56px;padding:0 15px;border: 1px solid #fff;background: none;color: #fff; border-radius: 5px; font-size:16px;line-height:54px;transition:all .3s ease-in-out;}
.m-qa .bd .text-item .ipt:focus { border: 1px solid #1886f2; background: #fff; color: #333; }
.m-qa .bd .text-item .m-ipt-5 { margin-bottom: 0; padding:0; }
.m-qa .bd .text-item .sbt { display: block; width: 185px; height: 46px; margin: 0 auto; padding: 0; border: 0; border-radius: 5px; background: #1886f2; color: #fff; font-size: 20px; line-height: 46px; text-align: center; cursor: pointer; }
.m-qa .bd .text-item .ipt::-webkit-input-placeholder { color:#fff; }
.m-qa .bd .text-item .ipt:-moz-placeholder { color:#fff; }
.m-qa .bd .text-item .ipt::-moz-placeholder { color:#fff; }
.m-qa .bd .text-item .ipt:-ms-input-placeholder { color:#fff; }