﻿@charset "utf-8";
html,body{width: 100%;/* height: 100%; */font-family: "Microsoft YaHei";}
h1,h2{
    width: 100%;
    /*text-align: center;*/
}
/*a:hover{color: #fff000}*/
img{display: inline-block;}
.wrap{position: relative;width: 100%;height: 100%;}
.banner{width: 100%;position:relative;/* border-bottom: 3px solid #1568ab; */}
.banner img{width: 100%;}
/*nav*/
.navBg{width:  100%;/* background: #0e5c3a; */position: absolute;z-index: 99;/* border-bottom: 3px solid #1568ab; */}
.navBox{width: 1010px;height: 80px;margin: 0 auto;/* padding: 6px 0; */overflow: hidden;line-height: 80px;}
.navBox .logo{float: left;margin-top: 0px;/* width: 104px; */}
.navBox .nav{/* width: 448px; */float: right;margin: 0 auto;height: 100%;}
.nav a{color: #545454;}
.nav li{float: left;font-size: 18px;text-align: center;margin: 0px 29px;letter-spacing: 2px;/* padding: 5px 10px; *//* width: 112px; *//* font-weight: bold; */}
.nav li+li a{}
.nav li.on,.nav li:hover{/* background: url("images/nav-bg.jpg") no-repeat; */}
.nav li:hover a,.nav li.on a{color: #545454;border-bottom: 4px solid #f49f00;padding-bottom: 10px;font-weight: bold;}
/*banner*/
.banner img{width: 100%;}
.banner-line{width: 100%;height: 10px; background: #1284cc}
/*foot*/
.footer{width:100%;line-height: 30px;text-align: center;font-size: 14px;color: #737373;background: #ffffff;}
.footer a{color: #000000;}
/*xnav*/
.xnav{text-align: center;/* overflow: hidden; *//* height: 37px; */border-bottom: 1px #d0cfce solid;margin-top: 50px;}
.xnav li{display: inline-block;text-align: center;width: 170px;height: 110px;overflow: hidden;color: #231815;padding-top: 15px;margin:  0;float: left;}
.xnav li+li{/* margin-left: 100px; */}
.xnav li a{color: #3e3a39;font-size: 22px;/* padding: 5px; */overflow: hidden;display: block;}
.xnav li.on{border-bottom: 3px solid #059000;background: #f4fff6;}
.xnav li:hover{border-bottom: 3px solid #059000;background: #f4fff6;}
.xnav li span{display: block;margin-top: 10px;font-size: 16px;font-weight: bold;}
.xnav ul{ overflow: hidden;width: 680px;margin: auto;}
.content{width: 100%;margin: 0 auto;overflow: hidden;}
.top_icon{position: relative;left: 50%;margin-left: -20px;cursor: pointer;}
body{background: #f1f1f1;}
/*index*/
.s-img {
    position: absolute;
}
.index-btn {
    width: 24.3%;
    /* float: left; */
    position: absolute;
    top: 22.4%;
}
.index-btn img{width: 100%;}
.index-btn-1{
    left: 18.6%;
}
.index-btn-2{
    left: 52.76%;
}
.index-logo {
    width: 11.9%;
    top: 6%;
    left: 3%;
}
.index-bg{position: relative;width: 100%;}
.index2{width: 100%;position: relative; background: #d3eaff}
/*.index2 .img{position: absolute;opacity: 0;}*/
.index2 .footer{width:100%;line-height: 30px;text-align: center;font-size: 14px;color: #737373;background: #ffffff;/* margin-top: 100px; */position: absolute;bottom: 0;}
.index2 .footer a{color: #000000;}
.title{width: 860px;margin: 0 auto;border-bottom: 2px solid #545454;margin-top: 55px;margin-bottom: 60px;padding-bottom: 15px;}
.title p{color: #545454; font-size: 36px; font-weight: bold; text-align: center;}
.title p span{color: #f49f00; font-size: 48px;}
.contentW{width: 1010px; margin: 0 auto;}
.pic-center{display: block; margin: 0 auto;}
.about .pic-center{margin-bottom: 80px;}
.about .container{background: url("images/index-bg.png") no-repeat center bottom;  background-color: #d3eaff}
.job .container{background: url("images/job-bg.png") no-repeat center bottom;  background-color: #d3eaff}
.lc .content3{background: url("images/lc-bg.png") no-repeat center bottom;  background-color: #d3eaff}
.live .container{background: url("images/live-bg.png") no-repeat center bottom;  background-color: #d3eaff}
.job-left{width: 120px;float: left;margin-top: 18px;}
.job-left li{background: #8ebcec;border-radius: 16px;padding: 0px 15px;margin-top: 15px;width: 100%;color: #ffffff;font-size: 30px;text-align: center;cursor: pointer;}
.job-left li.on,.job-left li:hover{background: #4080ff; font-weight: bold}
.jobs-box{width: 855px; float: right;}
.jobs-box table{width: 100%; float: right; display: none}
.jobs-box table tr{ border-bottom: 1px solid #7f7f7f;}
.jobs-box table tr td{color: #6f6f6f;font-size: 20px;padding: 25px 0;line-height: 35px;}
.jobs-box table tr td a{color: #4080ff;border: 2px solid #4080ff;background: #fff;padding: 2px 25px;border-radius: 20px;font-size: 24px;font-weight: bold;}
.jobs{padding-bottom: 125px;}
.faq-wrap {
    /* border-top:1px solid #E2E9ED; */
    /* border-bottom: 1px solid #E2E9ED; */
    /* padding-top: 25px; */
    /* margin-top: .25rem; */
}
.faq-wrap .faq-a p {
    margin: 0;
    line-height: 20px !important;
    font-size: 16px;
}
p.faq-a-title {
    padding-bottom: 8px;
}
.faq-wrap ul {
    width: 92.28%;
    margin: 0 auto;
}
.faq-wrap ul li {
    /* margin-bottom: 11px; */
    padding: 0;
    border-bottom: 1px solid #8d8d8d;
}
.faq-wrap ul li:last-child {
    border: none;
}
.faq-wrap ul li.active { /* background: #fff; *//* border-bottom:  1px solid #ddd; */
}
.faq-wrap ul li .faq-q {
    background: url("images/qa-q.png") no-repeat 0 25px;
    background-size: 19px;
    font-size: 16px; /* line-height: 0.2rem; */
    cursor: pointer;
    margin: 0;
    padding: 25px 0 23px;
    padding-left: 45px;
    position: relative; /* padding-right: 0.12rem; */
}
.faq-wrap ul li .faq-a {
    background: url("images/qa-a.png") no-repeat 0 2px;
    background-size: 19px;
    padding-left: 45px;
    display: none; /* margin-top: 10px; */
    line-height: 24px;
    padding-bottom: 30px; /* letter-spacing: 1px; */
    font-size: 16px;
    color: #666;
}
.faq-wrap ul li .faq-q .btn-close {
    font-size: 27px;
    position: absolute;
    right: -5px;
    top: 16px;
    width: 25px; /* background: red; */
    display: inline-block;
    text-align: center;
}
.text-left-center {
    text-align: center;
}
.faq-wrap + .xc-line {
    margin-top: 0
}
.live .content{padding: 60px 0;}