@charset "utf-8";
html,body{width: 100%;/* height: 100%; */min-width:1000px;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: auto;*/}
.banner{width: 100%; position:relative;}
.banner img{width: 100%;}
/*nav*/
.navBg{width:  100%;background: #f7f6f4;}
.navBox{width: 1200px;height: 84px;margin: auto;/* padding: 6px 0; */overflow: hidden;line-height: 84px;}
.navBox .logo{float: left;margin-top: 17px;}
.navBox .nav{float: right;/* margin-top: 12px; *//* margin-right:  20px; */}
.nav a{padding: 0 26px;color: #595959;}
.nav li{display: inline-block;font-size: 20px;text-align: center;/* padding-bottom: 30px; */}
.nav li+li a{border-left:1px #595959 solid;}
.nav li.on{background: url("images/nav_bottom.png") no-repeat bottom;}
.nav li:hover{background: url("images/nav_bottom.png") no-repeat bottom;}
.nav li:hover a{color: #004290;}
.nav li a.on{color: #004290;}
/*banner*/
.banner img{width: 100%}
.banner-line{width: 100%;height: 10px; background: #1284cc}
/*foot*/
.footer{width:100%;line-height: 55px;text-align: center;font-size: 18px;color:#fff;background: #004290;margin-top: 50px;}
.footer a{color: #fff;}
/*xnav*/
.xnav{text-align: center;/* overflow: hidden; */height: 37px;border-bottom: 1px #d0cfce solid;margin-top: 30px;}
.xnav li{display: inline-block;text-align: center;padding: 2px;}
.xnav li+li{margin-left: 100px;}
.xnav li a{color: #3e3a39;font-size: 22px;/* padding: 5px; */}
.xnav li.on{border-bottom: 3px solid #b3003c;}
.xnav li:hover{border-bottom: 3px solid #b3003c;}
.container{width: 1200px;margin: 0 auto;}
.title{background: url("images/title_bg.png") no-repeat;margin-top: 65px;}
.title p{color: #fff;font-size: 20px;margin-left: 28px;}
.content{width: 1000px; margin: 0 auto;}
.top_icon{position: relative;left: 50%;margin-left: -20px;cursor: pointer;}
body{background: #f7f2ec;}
/*index*/
.index .content1 .textBox{font-size: 16px;color: #3e3a39;text-indent: 2em;line-height: 35px;margin-top: 20px; text-align: justify;}
.index .content1 .textBox2{position: relative;margin-top: 30px;}
.index .content1 .textBox2 p{margin-top: 10px;/* overflow: hidden; */height: 20px;}
.index .content1 .textBox2 img{display: inline-block;}
.index .content1 .textBox2 span{position: absolute;left: 30px; display: inline-block}
.index .content1{padding-bottom: 45px; border-bottom: 2px #d0cfce dashed;}
.index .content2 .textBox{text-align: center;margin-top: 68px;overflow: hidden;border-bottom: 2px solid #004290;}
.index .content2 .textBox li{display: inline-block;width: 229px;height: 198px;background: url("images/index_wh_bg.png") no-repeat;float: left;}
.index .content2 .textBox li+li{margin-left: 149px;}
.index .content2 .textBox p{font-size: 16px; color: #fff;}
.index .content2 .textBox h1{font-size: 18px;color: #fff;margin-bottom: 10px;}
.index .content2{padding-bottom: 80px; border-bottom: 2px #d0cfce dashed;}
.index .content3{padding-bottom: 90px;}
/*about*/
 .content1 .textBox p{font-size: 16px;color: #000;margin-left: 5px;margin-top: 30px;}
 .content1 .textBox span{margin-left: 5px;}
 .content1{padding-bottom: 100px; border-bottom: 2px #d0cfce dashed;}
 .content2 .about_pic_1{ margin-top: 45px;}
 .content3 .textBox p{margin-left: 30px;color: #000;font-size: 16px;text-indent: 2em;line-height: 35px;margin-top: 30px;}
 .content4 .textBox p{margin-left: 30px;color: #000;font-size: 16px;text-indent: 2em;line-height: 35px;margin-top: 30px;}
 .content3{padding-bottom: 60px; border-bottom: 2px #d0cfce dashed;}
 .content4 .about_pic_2{
    display: block;
    margin: 0 auto;
    margin-top: 30px;
}
 .content4 .textBox h1{line-height: 19px;font-size: 16px;color: #000;font-weight: bold;margin-top: 20px;}
 .content4{padding-bottom: 144px}
/*contact*/
.contact .content1 .textBox{font-size: 16px; color: #3e3a39; margin-top: 51px;}
.contact .content1 .textBox .textBox_left{width: 50%; float: left; margin-top: 25px;position: relative}
.contact .content1 .textBox .textBox_left p{margin-top: 15px;}
.contact .content1 .textBox .textBox_left span{position: absolute; left: 30px;}
.contact .content1 .textBox .textBox_right{width: 50%; float: right; margin-top: 40px;}
.contact .content1 .textBox .textBox_right .erweima{margin-left: 150px;}
.contact .content1{padding-bottom: 150px;overflow: hidden;}
/*job*/
.job .content1{padding-bottom: 80px; border-bottom: 2px #d0cfce dashed;}
.job .content1 .textBox{overflow: hidden;/* margin-left: 10px; */}
.job .content1 .textBox li{width: 25%;float: left;font-size: 16px;margin-top: 30px;}
.job .content1 .textBox span{margin-left: 10px;}
.job .content2{padding-bottom: 80px; border-bottom: 2px #d0cfce dashed;}
.job .content2 .textBox p{margin-top: 30px; font-size: 16px;}
.job .content2 .textBox span{margin-left: 10px;}
.job .content3{padding-bottom: 50px; border-bottom: 2px #d0cfce dashed;}
.job .content3 .textBox p{font-size: 16px; margin-top: 25px;}
.job .content3 .textBox span{margin-left: 10px;}
.job .content4{padding-bottom: 30px; border-bottom: 2px #d0cfce dashed;}
.job .content4 .textBox{width: 960px;margin: 0 auto;margin-top: 50px;}
.job .content4 .textBox table td{text-align: center; font-size: 18px; color: #000; border: 2px solid #000; padding: 5px 0;}
.job .content4 .textBox table th{text-align: center; font-size: 18px; color: #fff; background: #20497d; border: 2px solid #000;}
.job .content5{padding-bottom: 100px;}
.job_box{margin-top: 65px;}
.jobs tr{border: 1px solid #20497d;}
.jobs td{text-align: center; padding: 30px 0; font-size: 18px;border-right:1px solid #20497d }
.jobs th{text-align: center;background: #20497d;font-size: 18px;color: #fff;font-weight: normal;padding: 5px 0;}
.job-btn{width: 130px; height: 35px;background: #20497d;color: #fff; padding: 5px 15px; border-radius: 20px; font-size: 14px;}
.textBox table{width: 100%}
.textBox table td{background: #FFFFFF;border: 1px solid #000;
    text-align: center;}