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

.zsjm_a{ position: relative;}
.zsjm{position: absolute; top:0; width: 100%;}
.zsjm span{ float: left; width: 100%; text-align: center; color: #fff;}
.zsjm span:nth-child(1){ font-size: 30px; line-height: 48px; margin-top: 135px;}
.zsjm span:nth-child(2){ font-size: 14px; line-height: 28px; margin-top: 40px;}

.sdys{ float:left; width:100%; margin-top:140px;}
.sdys .span_a{ float:left; width:100%; text-align:center; font-size:30px; color:#333; font-weight:bold;}
.sdys .span_b{ float:left; width:100%; text-align:center; font-size:18px; line-height:30px; color:#999; margin-top:30px;}
.sdys_a{ float:left; width:100%; margin-top:70px;}
.sdys_a li{ float:left; width:386px; margin-right:19px; position:relative; margin-bottom:30px;}
.sdys_a li:nth-child(3n){ margin-right:0;}
.sdys_a li img{ float:left; width:100%; height:386px;}
.sdys_a li span{ float:left; width:100%; font-size:18px; margin-top:10px; line-height:30px; background:#FFF; font-weight:600;}
.sdys_a li span p{ opacity:0; float:left; font-size:14px; text-decoration:underline; color:#001d55; font-weight:normal;}
.sdys_a li:hover span{ margin-top:-27px; padding-top:10px;}
.sdys_a li:hover span p{ opacity:1; float:left; float:left; font-size:14px;  text-decoration:underline; color:#001d55;}
.sdys_a li:hover .div{ float:left; width:100%; height:360px; background:url(../img/join/logo.png) center no-repeat,rgba(0,43,124,0.8); position:absolute; top:0;}
.sdys_a li:nth-child(11){ width:795px; margin-right:0;}

.yxjms{ float:left; width:100%; height:1000px; background:url(../img/join/yxjms.jpg) center no-repeat; margin-top:140px;}
.yxjms .span_a{ float:left; width:100%; text-align:center; font-size:48px; font-weight:bold; color:#FFF; margin-top:105px;}
.yxjms .span_b{ float:left; width:100%; text-align:center; font-size:18px; color:#FFF; margin-top:30px;}
#four_flash{position:relative;width:1350px;height:560px; margin:0 auto; margin-top:75px;}
#four_flash .flashBg{width:1170px;height:560px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:560px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{float:left;width:280px;height:580px; margin-right:17px;padding:10px; background:#FFF;color:#6C6E85;transition:all 1s ease 0s;}
#four_flash .flashBg ul.mobile li img{width:260px;height:400px;display:block; margin:0 auto;}
#four_flash .flashBg ul.mobile li span{ float:left; width:100%;}
#four_flash .flashBg ul.mobile li span:nth-child(2){ font-size:18px; line-height:63px; border-bottom:1px dashed #d8d8d8; color:#333; margin-bottom:15px;}
#four_flash .flashBg ul.mobile li span:nth-child(3){ font-size:14px; color:#333; margin-bottom:10px;}
#four_flash .flashBg ul.mobile li span:nth-child(4){ font-size:12px; color:#999;}
#four_flash .but_left{width:50px;height:50px;position:absolute; top:245px; left:0px;background: url(../img/join/jtl.png) center no-repeat,#e5e5e5; border-radius: 50%;}
#four_flash .but_right{width:50px;height:50px; position:absolute; top:245px; right:0px; background: url(../img/join/jtr.png) center no-repeat,#e5e5e5; border-radius: 50%;}
#four_flash .but_left:hover{background:url(../img/join/jtl.png) center no-repeat,#001d55;}
#four_flash .but_right:hover{background:url(../img/join/jtr.png) center no-repeat,#001d55;}

.sbsxy span{ float: left; width: 100%; text-align: center;}
.sbsxy span:nth-child(1){ font-size: 30px; font-weight: bold; margin-top: 115px;}
.sbsxy span:nth-child(2){ font-size: 24px; margin-top: 15px;}
.sbsxy span:nth-child(3){ font-size: 16px; line-height: 28px; color: #666; margin-top: 35px;}
.xxzmd{ height: 300px; overflow: hidden; margin-top: 50px;}
.xxzmd li{ float: left; width: 480px; height: 270px; margin-left: 10px; margin-bottom: 20px;}

.dzmd{ float: left; width: 100%; }
.dzmd span{ float: left; width: 100%; text-align: center; color: #fff;}
.dzmd span:nth-child(1){ font-size: 30px; font-weight: bold; margin-top: 125px;}
.dzmd span:nth-child(2){ font-size: 24px; margin-top: 15px;}
.dzmd span:nth-child(3){ font-size: 14px; line-height: 28px; margin-top: 30px;}
#owl-demo {width: 100%;margin-left: auto;margin-right: auto; margin-top: 95px; margin-bottom: 155px;}
#owl-demo .owl-item{ float: left; margin:0 5px;}
#owl-demo .owl-item:nth-child(1){ margin-left: 85px;}
#owl-demo .item {  display: block; width: 100%x;}
#owl-demo img {display: block;width: 100%;}

.jmlc span{ float: left; width: 100%; text-align: center; font-size: 30px; font-weight: bold; margin-top: 135px;}
.jmlc img{ margin-top: 105px;}

.jmtg_a{ position: relative;  margin-top: 150px;}
.jmtg{ position: absolute; top:0; width: 600px;}
.jmtg .span{float: left;width: 100%;font-size: 30px;color: #333;margin-top: 105px;font-weight: bold;}
.jmtg .spana{ float:left; width:100%; font-size:16px; color:#666; margin-top:25px; margin-bottom:10px;}
.jmtg input{ float:left; width:100%; height:36px; line-height:36px;  border:1px solid #666; margin-bottom:20px; padding-left:12px; font-size:14px; color:#cdcdcd;}
.jmtg select{ float:left;color:#fff; width:100%; height:36px; line-height:36px; background:#002163; border:1px solid #666; margin-bottom:20px; padding-left:12px;}
.jmtg select option{ float:left; width:100%; height:36px; line-height:36px; background:#002163; border:1px solid #666; margin-bottom:20px; padding-left:12px; font-size:14px; color:#fff;}
.jmtg .form-control{background:#fff; color:#cdcdcd;}
.jmtg .form-control option{background:#fff; color:#cdcdcd;}
.jmtg .form-group{ float:left; width:189px; margin:0; margin-right:16px;}
.jmtg .form-group:nth-child(3){ margin:0;}
.jmtg .form{ float:left; width:100%; margin-top:38px;}
.jmtg .form span{ float:left; width:100%; font-size:12px; line-height:24px; color:#666; margin-bottom:10px;}
.jmtg button{ float:right; width:100%; height:50px; text-align:center; line-height:50px; padding:0; margin:0; color:#FFF; background: linear-gradient( #002c82, #001d55); border:0;box-shadow: 0 0 30px 0 #d8dce5; font-size:18px;}


.zmxb{ float: left; width: 100%; }
.zmxb strong{float: left; width: 100%; text-align: center; font-size: 30px; margin-top: 160px;}
.zmxb ul{ margin-top: 145px; margin-bottom: 107px;}
.zmxb ul li{ float: left; width: 530px; margin-bottom: 89px;}
.zmxb ul li:nth-child(2n){ float: right;}
.zmxb ul li samp{ float: left; width: 85px; height: 85px; background: url(../img/join/zmxb.png) no-repeat;}
.zmxb ul li span{ float: right; width:427px; }
.zmxb ul li span:nth-child(2){ font-size: 20px; line-height: 20px; height: 27px; border-bottom: 1px solid #cdcdcd;font-weight: bold;}
.zmxb ul li span:nth-child(3){ font-size: 14px; color: #666; line-height: 24px; margin-top: 10px;}
.zmxb ul li:nth-child(2) samp{ background-position: 0px -85px;}
.zmxb ul li:nth-child(3) samp{ background-position: 0px -170px;}
.zmxb ul li:nth-child(4) samp{ background-position: 0px -255px;}
.zmxb ul li:nth-child(5) samp{ background-position: 0px -340px;}
.zmxb ul li:nth-child(6) samp{ background-position: 0px -425px;}
.zmxb ul li:nth-child(7) samp{ background-position: 0px -510px;}
.zmxb ul li:nth-child(8) samp{ background-position: 0px -595px;}
.zmxb ul li:nth-child(9) samp{ background-position: 0px -680px;}
.zmxb ul li:nth-child(10) samp{ background-position: 0px -765px;}

.sdbz{ width:1170px;}
.sdbz li{ float: left; width: 535px; margin-top: 85px;}
.sdbz li:nth-child(2n){ float: right;}
.sdbz li span{ float: left; width: 100%;}
.sdbz li span:nth-child(1){ font-size: 24px; line-height: 24px; height: 46px;  border-bottom: 2px solid #cdcdcd; font-weight: bold;}
.sdbz li span:nth-child(1) b{ color: #003395; margin-right: 20px;}
.sdbz li span:nth-child(2){ font-size: 14px; color: #666; line-height: 24px; margin-top: 20px;}


.ppys strong{ float: left; width: 100%; text-align: center; font-size: 30px;}
.ppys .ppysa{ float: left; width: 100%; height: 500px; margin-top: 60px;}
.ppys img{ float: left; width: 360px;}
.ppys .ppysb{ float: left; width: 840px; height: 500px; background: linear-gradient(to bottom, #333 0%,#000 100%); padding-left: 103px; padding-right: 110px;}
.ppys .ppysb strong{ float: left; width: 100%; font-size: 24px; line-height: 24px; color: #bd965c; text-align: left; margin-top: 95px; height: 66px; border-bottom: 1px solid #999;}
.ppys .ppysb strong i{ margin: 0 13px;}
.ppys .ppysb span:nth-child(2){ float: left; font-size: 14px; color: #fff; line-height: 28px; margin-top: 40px;}
.ppys .ppysb span:nth-child(3){ float: left;  font-size: 18px; color: #bd965c; margin-top: 100px;}
.ppys .ppysb span:nth-child(3) img{ float: left; width: 47px;}

.gddz{ float: left; width: 100%; margin-bottom: 55px; margin-top: 155px;}
.gddz span:nth-child(1){ float: left; width: 100%; text-align: center; font-size: 30px; line-height: 48px;}
.gddz span:nth-child(3){ display: flex; width: 89px; height: 1px; margin: 0 auto; background: #999; margin-top: 55px;}