@charset "utf-8";
html,body,.index{
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    min-width: 1200px;
    max-width: 1920px;
    background-color: #fff;
    height: auto;
    overflow-x: hidden;
    font-family: "Microsoft YaHei" !important;
}
h1,h2{
    width: 100%;
}
.wrap{height: 100%;}
/*nav*/
.navBg{width: 100%;z-index: 9999999;top: 0;height: 90px;background-color: #fff;box-shadow: 5px 5px 5px #ececec;}
.navBox{width: 1200px;height: 100%;margin: 0 auto;}
.navBox .logo{display: block;float: left;margin-top: 10px;}
.navBox .nav2{width: 100%;margin: auto;overflow: hidden;}
.navBox .nav2 li{float: left;padding: 0 0px;}
.navBox .nav2 li a{color: #4b5ff2;display:block;font-size: 20px;text-align: center;line-height:90px;width: 195px;font-weight: bold;/* padding: 0 6px; */}
.navBox .nav2 li a.last{border-right: none;}
.navBox .nav2 li.on a{background-color: #4b5ff2;color: #fff;text-decoration: none;}
.navBox .nav2 li a:hover{background-color: #4b5ff2;color: #fff;text-decoration: none;}
/*banner*/
.banner img{width: 100%;margin: auto;display: block;}
.banner{width: 100%;position: relative;}
/*about*/
.title{display: block;margin: 30px auto;clear: both;width: 630px;max-width: 100%;}
h1{color: #0061f2;font-size:30px;text-align: center;line-height: 50px;font-weight: bold;margin-top: 50px;}
h2{color: #fff;font-size: 18px;line-height: 30px;font-weight: bold;display: inline-block;width: auto;height:30px ;
    background: url("images/title-bg.png");padding: 0 10px;margin: 50px 0 0 10px;background-repeat: repeat-x;}
.title2{background: url("images/title-bg2.png");}
.title3{background: url("images/title-bg3.png");}
h3{color: #03198f;font-size: 18px;line-height: 40px;margin-top: 20px;font-weight: bold;}
h3 img{display: inline-block;margin-right: 10px;}
.p1{color: #01173f;font-size: 18px;line-height: 32px;text-align: left;width: auto;text-indent: 2em;margin-top:6px;}
.p2{color: #01173f;font-size: 18px;line-height: 32px;text-align: left;margin-top: 10px;}
.p3{color: #313131;font-size: 16px;line-height: 36px;text-align: left;margin-left:100px; }
.p4{text-align: right;color: #313131;font-size: 16px;line-height: 36px;margin-top: 16px;}
.blue{color: #000;/* font-weight: bold; */text-align: justify;}
/*footer*/
.footer{text-align: center;background: #596cf7;color: #ffffff;font-size: 16px;line-height: 45px;width: 100%;height: 45px;}
.container{width:1100px;margin: auto;padding: 40px 0;padding-bottom: 100px;box-sizing: border-box;overflow: hidden;}
/*job*/
.left-nav{width: 295px;margin: 60px 0;float: left;}
.left-nav ul li{width:100%;margin-bottom: 25px; overflow: hidden;}
.left-nav ul li a{float: right;width: 266px;height: 80px;text-align: center;line-height: 80px;color: #fff;font-size:26px;font-weight: bold;padding-left: 60px; }
.left-nav ul li.icon1 a{background: url("images/left-bg1.png") no-repeat;background-size: 100% auto;}
.left-nav ul li.icon2 a{background: url("images/left-bg2.png") no-repeat;background-size: 100% auto;}
.left-nav ul li.icon3 a{background: url("images/left-bg3.png") no-repeat;background-size: 100% auto;}
.left-nav ul li.icon4 a{background: url("images/left-bg4.png") no-repeat;background-size: 100% auto;}
.left-nav ul li.icon5 a{background: url("images/left-bg5.png") no-repeat;background-size: 100% auto;}
.left-nav ul li.icon6 a{background: url("images/left-bg6.png") no-repeat;background-size: 100% auto;line-height: 36px;}
.left-nav ul li.icon7 a{background: url("images/left-bg7.png") no-repeat;background-size: 100% auto;}
.left-nav ul li.icon1:hover{background: url("images/left-bg1-active.png") no-repeat;background-position: left center;}
.left-nav ul li.icon2:hover{background: url("images/left-bg2-active.png") no-repeat;background-position: left center;}
.left-nav ul li.icon3:hover{background: url("images/left-bg3-active.png") no-repeat;background-position: left center;}
.left-nav ul li.icon4:hover{background: url("images/left-bg4-active.png") no-repeat;background-position: left center;}
.left-nav ul li.icon5:hover{background: url("images/left-bg5-active.png") no-repeat;background-position: left center;}
.left-nav ul li.icon6:hover{background: url("images/left-bg6-active.png") no-repeat;background-position: left center;}
.left-nav ul li.icon7:hover{background: url("images/left-bg7-active.png") no-repeat;background-position: left center;}
.left-nav ul li a:hover{text-decoration: none;}
.left-nav ul li.icon1.active{background: url("images/left-bg1-active.png") no-repeat;background-position: left center;}
.left-nav ul li.icon2.active{background: url("images/left-bg2-active.png") no-repeat;background-position: left center;}
.left-nav ul li.icon3.active{background: url("images/left-bg3-active.png") no-repeat;background-position: left center;}
.left-nav ul li.icon4.active{background: url("images/left-bg4-active.png") no-repeat;background-position: left center;}
.left-nav ul li.icon5.active{background: url("images/left-bg5-active.png") no-repeat;background-position: left center;}
.left-nav ul li.icon6.active{background: url("images/left-bg6-active.png") no-repeat;background-position: left center;}
.left-nav ul li.icon7.active{background: url("images/left-bg7-active.png") no-repeat;background-position: left center;}
.left-nav2{width: 140px;}
.left-nav2 ul li{margin-bottom: 50px;}
.left-nav2 ul li a{float: right;width: 105px;height: 42px;text-align: center;border-radius: 26px;line-height: 42px;color: #fff;background-color: #8895fe;font-size:16px;font-weight: bold;}
.right-content{float: right;width:690px;margin: 60px 0;}
.right-content .js{width: 100%;height: auto;padding: 30px 16px;}
.xh{display: block;position: absolute;color: #8895fe;font-size: 130px;right: 5px;top: -10px;opacity: 0.3;font-weight: bold;}
.right-content a{display: block;color: #03198f;font-size: 20px;font-weight: bold;line-height: 42px;margin-bottom: 50px;}
h3{background: url("images/title-bg4.png") no-repeat;width: 676px;height: 72px;line-height: 72px;text-align: center;margin: 30px auto;margin-top: 60px;color: #fff;font-size: 26px;font-weight: bold;cursor: pointer;}
.zc-box{width: 100%;overflow: hidden;margin: 20px auto;}
.zc-box img{float: left;}
.zc-box .right-zc{float: right;width: 640px;margin-left: 30px;}
h4{color: #005eef;font-size: 20px;font-weight: bold;text-align: left;line-height: 50px;}
/*about*/
.second-nav1{width: 100%;margin: 30px auto 20px;overflow: hidden;}
.second-nav1 ul li{float: left;width: 330px;height: 75px;border-radius: 10px;margin-right: 55px;color: #fff;font-size: 20px;font-weight: bold;padding: 7px;padding-left: 140px;cursor: pointer;margin-bottom: 36px;line-height: 62px;}
.second-nav1 ul li:hover{background-color: #ffbb0b !important;}
.second-nav1 ul li.active{background-color: #ffbb0b !important;}
.second-nav1 ul li a{display: block;width: 100%;color: #fff;font-size: 22px;line-height: 79px;overflow: hidden;text-decoration: none;}
.second-nav1 ul li a img{display: block;float: left;margin-left: 35px;margin-top: 10px;margin-right: 15px;}
.second-content{width: 100%;}
.second-content .js .p2{overflow: hidden;clear: both;}
.second-content .js .p2 span{display: inline-block;width: 100px;height: 26px;background: url("images/span-bg.png") no-repeat;background-size: 100% 100%;text-align: center;line-height: 26px;color: #fff;font-size: 18px;font-weight: bold;margin-right: 20px;float: left;}
.second-content .js .p2 em{width: 950px;font-style: normal;float: left;line-height: 34px;}
/*xuanzhuan*/
.content_title{background: transparent url(./images/content2-title-bg.png)no-repeat center;color: #fff;font-size: 22px;font-weight: bold;text-align: center;line-height: 47px;}
.content_p {text-align: justify;font-size: 18px;line-height: 30px;margin: 25px 0 15px;color: #000;}
.content_img{display: block;margin: 0 auto;}
.second-nav1 ul::after{content: "";display: block;clear: both;}
.second-nav1 ul li:first-child{background: #0175F5 url(./images/content2-1.png)no-repeat center left 60px;}
.second-nav1 ul li:nth-child(2){background: #0175f4 url(./images/content2-2.png)no-repeat center left 60px;}
.second-nav1 ul li:nth-child(3){background: #0175f4 url(./images/content2-3.png)no-repeat center left 60px;}
.second-nav1 ul li:nth-child(4){background: #0175f4 url(./images/content2-4.png)no-repeat center left 60px;}
.second-nav1 ul li:nth-child(5){background: #0175f4 url(./images/content2-5.png)no-repeat center left 60px;}
.second-nav1 ul li:last-child{background: #0175f4 url(./images/content2-6.png)no-repeat center left 60px;}
.content_bottom_title{width: 240px;background-color: #0175f4;height: 45px;line-height: 45px;position: relative;text-align: center;color: #fff;margin: 0 auto;border-radius: 13px 13px 13px 13px/ 8px 8px 8px 8px;font-size: 20px;}
.content_bottom_title::before{display: block;content: "";width: 18px;height: 18px;background-color: #0175f4;position: absolute;left: -25px;border-radius: 30px;}
.content_bottom_title::after{bottom: 0;right: -25px;display: block;content: "";width: 18px;height: 18px;background-color: #0175f4;position: absolute;border-radius: 30px; }
.content_bottom_box>div~div{display: none;}
.content_bottom_box>div{height: 605px;}
.content_bottom_box>div>.content_img{margin-top: 40px;}
.banner .banner_bottom{position: absolute;bottom: 0;background-color: rgb(84 112 255 / 73%);width: 100%;text-align: center;font-weight: bold;color: #fff;font-size: 18px;line-height: 50px;}
.content_p{text-indent: 2em;}
.second-nav{width: 100%;margin: 30px auto;overflow: hidden;}
.second-nav ul li{float: left;background: url("images/second-bg.png") no-repeat;width: 200px;height: 70px;background-size: 100% 100%;margin-right: 25px;}
.second-nav ul li:hover{background: url("images/second-bg2.png") no-repeat;background-size: 100% 100%;}
.second-nav ul li.active{background: url("images/second-bg2.png") no-repeat;background-size: 100% 100%;}
.second-nav ul li a{display: block;width: 100%;color: #fff;font-weight: bold;font-size: 20px;line-height: 70px;overflow: hidden;text-decoration: none;}
.second-nav ul li a img{display: block;float: left;width: 45px;margin-left: 15px;margin-top: 13px;margin-right: 8px;}
.box {width: 100%;margin: 0 auto;position: relative;}
.imgbox img {width: 100%;height: 100%;}
.target {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    max-height: 647px !important;
    min-height: 399px !important;
    transition: all 0.5s;
}
.target img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.hy-prev,.hy-next,.hy-dot{opacity: 0;}
.mytitle{display: block; margin: 0 auto; margin-bottom: 40px; margin-top: 60px;}
.text-box{
    width: 860px;
    margin: 0 auto;
    text-align: justify;
    font-size: 18px;
    line-height: 30px;
    margin: 25px 0 15px;
    color: #000;
    text-indent: 2em;
    margin: 0 auto;
}
.pic-center{display: block; margin: 0 auto}
.url-box{width: 852px;height: 300px;margin: 0 auto;margin-top: -300px; position: relative}
.url-box a{width: 150px; height: 45px; opacity: 0.5; display: block; position: absolute}
.url-1{
    top: 196px;
    left: 232px;
}
.url-2{
    top: 196px;
    left: 46px;
}
.butong_net_left{overflow:hidden;width:850px;margin: 0 auto;/* margin-bottom:20px; */padding: 10px 0;border-bottom: 2px #0879f4  solid;border-top: 2px #0879f4 solid;}
.butong_net_left td{padding: 0 5px;}