﻿@charset "utf-8";

.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: #333; font-size:24px; line-height:50px; font-weight: normal; }
.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: 440px; padding:90px 60px 0 77px; overflow: hidden; }
.col-a .bd .pic { float: left; width: 350px; margin-right: 158px; }
.col-a .bd .col-a-a { display: block; overflow: hidden; font-size: 14px; line-height: 38px; }
.col-a .bd .col-a-a h2 { margin-bottom: 12px; font-size: 24px; line-height: 74px; }

.col-b { padding:60px 0 60px; background:#f5f5f8; }
.col-b .hd { margin-bottom: 4px; text-align: center; }
.col-b .hd .section-title { font-size: 24px; line-height: 50px; }
.col-b .hd .section-detail { padding: 0; color:#666;font-size:16px; line-height:40px; }
.col-b .bd .item { float: left; width: 400px; margin-top: 180px; padding: 0 70px 0; font-size: 14px; line-height: 28px; text-align: center; }
.col-b .bd .item i { display: block; width: 170px; height: 320px; margin: 0 auto 3px; }
.col-b .bd .item:nth-child(2) { margin-top: 0; }

.col-c {padding: 90px 0 60px;}
.col-c .hd { margin-bottom: 33px; }
.col-c .hd .section-title { margin-bottom: 44px; }
.col-c .hd ul { background: url(6.gif) repeat-x 0 84px; text-align: center; }
.col-c .hd ul li { position: relative; display: inline-block; width: 25%; padding-top: 99px; color: #666; font-size: 18px; line-height:60px; 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 span { position: absolute; top: 70px; left: 50%; display: block; content: ''; width: 30px; height: 30px; margin-left: -15px; border-radius: 30px; background: url(7.png) no-repeat; color: #fff; line-height: 30px; font-size: 0; z-index: 2; }
.col-c .hd ul .swiper-pagination-bullet i { position: absolute; top: 0; left: 50%; display: none; content: ''; width: 80px; height: 60px; margin-left: -40px;z-index: 2; }
.col-c .hd ul .swiper-pagination-bullet::after { position: absolute; top: 70px; left: 50%; display: block; content: ''; width: 30px; height: 30px; margin-left: -15px; border-radius: 30px; background: url(7.png) no-repeat; font-size: 0; }
.col-c .hd ul .swiper-pagination-bullet-active { background: none; }
.col-c .hd ul .swiper-pagination-bullet-active span { background-color: #ff0000; font-size: 18px; }
.col-c .hd ul .swiper-pagination-bullet-active i { display: block; }
.col-c .hd ul .swiper-pagination-bullet-active::after { background-color: #ff0000; font-size: 18px; }
.col-c .hd ul li .o1 { background: url(8.png) no-repeat;}
.col-c .hd ul li .o2 { background: url(8x.png) no-repeat;}
.col-c .hd ul li .o3 { background: url(8xx.png) no-repeat;}
.col-c .hd ul li .o4 { background: url(8xxx.png) no-repeat; }
.col-c .bd .bdc { padding: 0; overflow: hidden; text-align: center; }
.col-c .bd .bdc .txt { margin-bottom: 15px; padding: 0 ; color: #000; font-weight: bold; font-size: 20px; line-height: 50px; }
.col-c .bd .bdc .info { margin-bottom: 24px; color: #666; font-size: 14px; line-height: 28px; }

.col-d {padding:60px 0 60px;background: #f5f5f8; }
.col-d .hd { margin-bottom:30px; }
.col-e {padding:60px 0 60px; }
.col-e .hd { margin-bottom:30px; }

.m-qa { padding:60px 0 40px; background: url(11.jpg) no-repeat 50%; }
.m-qa .hd { margin-bottom:30px; }
.m-qa .hd .section-title { color: #fff; }
.m-qa .bd { width: 530px; margin: 0 auto; }
.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: 14px;line-height: 46px;}
.m-qa .bd .text-item .ipt {width: 100%;height: 46px;padding:0 15px;border: 1px solid #fff;background: #fff;color: #333;font-size:16px;transition:all .3s ease-in-out;}
.m-qa .bd .text-item .ipt:focus { border: 1px solid #0073c3; 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; background: #ff0000; color: #fff; font-size: 16px; line-height: 46px; text-align: center; cursor: pointer; }
