html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea,input{margin:0;padding:0;}address,cite,dfn,em,var,i{font-style:normal;}body{font-size:14px;baifont-family:Microsoft YaHei;color:#333;}table{border-collapse:collapse;border-spacing:0;}h1,h2,h3,h4,h5,h6,th{font-size:100%;font-weight:normal;}button,input,select,textarea{font-size:100%;border:0;background: none;}fieldset,img{border:0;}a{color:#333;}a,img{-webkit-touch-callout:none;}img{display:block;}li img{transition:all 0.3s;}a,a:active,a:focus,a:hover,a:visited{text-decoration:none;}input[type=password],input[type=text],textarea{resize:none;outline:0;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:none;outline:none}.li,.dd{cursor:pointer;}ul,ol{list-style:none;}:focus{outline:none;}ul::after{content:'';display:block;clear:both;}.left{float:left;}.right{float:right;}.clearfix{clear:both;}
.container::after{content:'';display:block;clear:both;}
.mtd{margin: 88px auto;}

/*头部*/
.header{width: 100%;position: absolute;left: 0;top: 0;z-index: 9999;  }
.header .top{width: 100%;height: 30px;line-height: 30px;background: rgba(62,155,184,0.9);color: #fff;}
.header .top a{color: #fff;margin-left: 15px;float: right;}
.header .top a img{float: left;position: relative;top: 8px;margin-right: 5px;}

.header .bottom{height: 100px;line-height: 100px;background: rgba(62,155,184,0.9);color: #fff;}
.header .logo{float: left;padding-top: 10px;margin-right: 15px;}
.header .logo img{max-width: 100%;}
.header .t{float: left;font-size: 29px;font-weight: bold;}
.header .nav{float: right;width: auto;position: relative;z-index: 100;}
.header .nav li{float: left;margin-left: 40px;height: 100px;position: relative;z-index: 10;font-weight: bold;}
.header .nav li a{font-size: 20px;position: relative;color: #fff;}
.header .nav li:first-child{margin-left: 0;}



    /*手机端导航样式*/
.rg{display: none;}
.rg img{width: 100%;}
.a_txt{position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:99999;}
.a_txt .div1{position:absolute;width:100%;height:100%;background:rgba(243,243,243,0.9);filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:-1}
.a_txt .div2{width: 320px;filter:alpha(opacity=0);opacity:0;position: relative;z-index:10;margin: 0 auto;padding-top: 20%;margin-bottom: 30px;padding-left: 40px;box-sizing: border-box;}
.a_txt .div2:hover{opacity: 0.7;}
.a_txt .div3{width: 320px;margin: 0 auto;padding-left: 40px;box-sizing: border-box;}
.a_txt .div3 li{width: 100%;text-align: left;box-sizing: border-box;}
.a_txt .div3 li a{font-size: 18px;line-height: 50px;color: #424242;}



.i-banner{position: relative;}
.i-banner .swiper-pagination{width: 100%;height: 16px;line-height: 16px;bottom: 60px;color: #fff;font-size: 16px;text-align: right;left: calc(50% - 600px);box-sizing: border-box;padding-right: 30px;}
.i-banner .swiper-pagination *{transform: rotateY(90deg)}
.i-banner .swiper-button-next{margin-top: 0;top: auto;bottom: 7.8%;height: 16px;color: #fff;right: 0%;}
.i-banner .swiper-button-prev{margin-top: 0;top: auto;bottom: 7.8%;height: 16px;color: #fff;left: auto;right: 8%;}
.i-banner .swiper-button-next:after, .i-banner .swiper-button-prev:after {font-size: 16px;}
.i-banner .swiper-slide{width: 100%;overflow: hidden;}
.i-banner .swiper-slide img{width: 1920px;position: relative;left: calc(50% - 960px);}
.i-banner .box{position: absolute;left: calc(50% - 600px);top: 0;height: 100%;}
.i-banner .box .nav-div{width: 286px;height: calc(100% - 130px);position: absolute;left: 0;top: 130px;background: #3e9bb8;z-index: 99;box-sizing: border-box;padding-top: 30px;}
.i-banner .box .nav-div li{width: 100%;line-height: 40px;box-sizing: border-box;box-sizing: border-box;}
.i-banner .box .nav-div li .a_js2{padding-left: 25px;position: relative;width: 100%;display: block;box-sizing: border-box;}
.i-banner .box .nav-div li .a_js2::after{content: '';position: absolute;right: 20px;top:0;width: 10px;height: 100%;background: url(../images/arr-d.png) center no-repeat;}
.i-banner .box .nav-div li .a_js2.a_js2_on::after{content: '';background: url(../images/arr-t.png) center no-repeat;}

.i-banner .box .nav-div li a{font-size: 20px;font-weight: bold;color: #fff;}
.i-banner .box .nav-div li dd{line-height: 30px;padding-left: 45px;box-sizing: border-box;box-sizing: border-box;}
.i-banner .box .nav-div li dd a{font-size: 16px;font-weight: bold;color: #fff;}
.i-banner .box .nav-div li dd:hover{background: #3e9bb8;}
.i-banner .box .nav-div li dd:hover a{color: #0b0165;}
.i-banner .box .nav-div li .a_txt2{display: none;}
.i-banner .box .btn{width: 170px;height: 55px;border-radius: 10px;border: 1px solid #fff;display: block;text-align: center;line-height: 55px;position: absolute;left: 310px;bottom: 6%;z-index: 99;color: #fff;font-size: 16px;text-transform: capitalize;}

.s-banner{overflow: hidden;}
.s-banner img{width: 1920px;position: relative;left: calc(50% - 960px)}
.s-banner .swiper-pagination{bottom: 40px;height: 3px;}
.s-banner .swiper-pagination-bullet{width: 30px;height: 3px;background: #fff;opacity: 1;border-radius: 0;}
.s-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00a3e0;}

.i-div{background: #f8f8f8;padding:80px 0;}
.i-div .left{width: 45%;box-sizing: border-box;padding-top: 40px;}
.i-div .left .d1{font-size: 24px;font-weight: bold;padding-bottom: 20px;margin-bottom: 50px;position: relative;}
.i-div .left .d1::after{content: '';width: 50px;height: 3px;background: #0b0165;position: absolute;left: 0;bottom: 0;}
.i-div .left .d2{font-size: 18px;color: #707070;margin-bottom: 22%;}
.i-div .left a{width: 170px;height: 55px;border-radius: 10px;border: 1px solid #999;display: block;text-align: center;line-height: 55px;color: #999;font-size: 16px;text-transform: capitalize;}
.i-div .right{width: 49%;}
.i-div .right .img{
    width:100%;
    height:0;
    padding-bottom: 79%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.i-div .right .img img{width: 100%;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;}

.footer{background: #3e9bb8;padding: 30px 0 50px;}
.footer .box1{width: 265px;float: left;}
.footer .box1 .img1{max-width: 80%;margin-bottom: 20px;}
.footer .box1 p{font-size: 16px;color: #ffffff;margin-bottom: 25px;font-weight: bold;}
.footer .box1 a{float: left;margin-right: 40px;}
.footer .box2{width: calc(100% - 545px);float: left;}
.footer .box2 p{font-size: 16px;line-height: 30px;color: #ffffff;font-weight: bold;}
.footer .box2 p:nth-child(1){margin-bottom: 20px;font-size: 16px;color: #ffffff;}
.footer .box3{width: 280px;float: right;}
.footer .box3 img{float: left; max-width:35%}
.footer .box3 .text{float: right;text-align: right;font-size: 16px;line-height: 30px;color: #ffffff;box-sizing: border-box;padding-top: 20px;}

.f-bq{background: #3e9bb8;height: 60px;line-height: 60px;border-top:1px solid  #2e2e2e;font-size: 12px;color: #2e2e2e;font-weight: bold;}
.f-bq a{color: #2e2e2e;}

.list-div{padding: 50px 0;}
.list-div .left{width: 288px;}
.list-div .left .nav-div{width: 100%;height: auto;background: #3e9bb8;z-index: 99;box-sizing: border-box;padding: 20px 0;border-radius: 10px;}
.list-div .left .nav-div li{width: 100%;line-height: 40px;box-sizing: border-box;box-sizing: border-box;}
.list-div .left .nav-div li .a_js2{padding-left: 25px;position: relative;width: 13%;display: inline-block;box-sizing: border-box;text-align: right;float: right;top: 20px;}
.list-div .left .nav-div li .a_js2 img{ opacity:0}
.list-div .left .nav-div li .a_js2::after{content: '';position: absolute;right: 20px;top:0;width: 10px;height: 100%;background: url(../images/arr-d.png) center no-repeat;}
.list-div .left .nav-div li .a_js2.a_js2_on::after{content: '';background: url(../images/arr-t.png) center no-repeat;}

.list-div .left .nav-div .ul2 li .a_js2::after{content: '';position: absolute;right: 20px;top:0;width: 10px;height: 100%;background: none;}
.list-div .left .nav-div .ul2 li .a_js2.a_js2_on::after{content: '';background: none;}


.list-div .left .nav-div li a{font-size: 20px;font-weight: bold;color: #fff;display: inline-block;width: 67%;text-align: center;}
.list-div .left .nav-div li dd{line-height: 30px;padding-left: 45px;box-sizing: border-box;box-sizing: border-box;}
.list-div .left .nav-div li dd a{font-size: 16px;font-weight: bold;color: #fff;}
.list-div .left .nav-div li dd:hover{background: #fff;}
.list-div .left .nav-div li dd:hover a{color: #0b0165;}
.list-div .left .nav-div li .a_txt2{display: none;}

.list-div .right{width: calc(100% - 350px);}
.list-div .right .s-div{margin: 0 auto 50px;width: 700px;max-width: 100%;height: 50px;border: 1px solid #e8e8e8;box-sizing: border-box;box-shadow: 0px 0px 12px rgba(0,0,0,0.1);border-radius: 10px;overflow: hidden;}
.list-div .right .s-div select{width: 115px;height: 48px;text-align: center;line-height: 48px;font-size: 16px;font-weight: bold;float: left;border-right: 1px solid #e8e8e8;box-sizing: border-box;padding-left: 5px;}
.list-div .right .s-div input{width: calc(100% - 255px);float: left;height: 48px;line-height: 48px;padding-left: 20px;font-size: 16px;font-weight: bold;box-sizing: border-box;}
.list-div .right .s-div input::-webkit-input-placeholder{color: #d6d6d6;}
.list-div .right .s-div button{width: 140px;height: 48px;background: #0b0165;text-align: center;line-height: 48px;font-size: 16px;font-weight: bold;color:#fff;float: right;}
.list-div .right ul{width: 100%;overflow: hidden;margin-bottom: 30px;}
.list-div .right ul li{width: 30%;float: left;margin-right: 5%;margin-bottom: 30px;border-bottom: 2px solid #e9e9e9;}
.list-div .right ul li .img{
    width:100%;
    height:0;
    padding-bottom: 100%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.list-div .right ul li .img img{width: 100%;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;}
.list-div .right ul li:nth-child(3n){margin-right: 0;}
.list-div .right ul li p{height: auto;line-height: 50px;font-size: 16px;font-weight: bold;overflow: hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-moz-line-clamp:2;-ms-line-clamp:2;-o-line-clamp:2;-webkit-box-orient: vertical;}
.page{text-align: center;}
.page span,.page a{height: 36px;line-height: 34px;border: 1px solid #f8f8f8;font-size: 14px;font-weight: bold;padding: 0 13px;display: inline-block;box-sizing: border-box;}
.page span{background: #0b0165;color: #fff;border: 1px solid #0b0165;}

.list-div .right2{width: calc(100% - 305px);float: right;}
.list-div .right2 ul{width: 100%;border: 1px solid #f8f8f8;box-sizing: border-box;padding: 3%;margin-bottom: 30px;}
.list-div .right2 ul li{overflow: hidden;font-size: 15px;line-height: 30px;overflow: hidden;font-weight: bold;}
.list-div .right2 ul li span:nth-child(1){float: left;width: calc(100% - 90px);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.list-div .right2 ul li span:nth-child(2){float: right;}
.list-div .right2 ul li:hover span{color: #da4c38;}

.list-div .right3{width: calc(100% - 325px);float: right;}
.list-div .right3 .t{text-align: center;font-size: 24px;font-weight: bold;margin-bottom: 20px;}
.list-div .right3 .body img{max-width: 100%;}
.list-div .right3 .np{padding-top: 30px;margin-top: 20px;border-top: 1px solid #e9e9e9;overflow: hidden;}
.list-div .right3 .np a{width: 40%;float: left;font-size: 14px;color: #707070;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.list-div .right3 .np a:nth-child(2){float: right;}
.list-div .right3 .np a:hover{color: #0b0165;}

.search-div{padding: 80px 0 ;}
.search-div .d1{font-size: 20px;font-weight: bold;margin-bottom: 40px;}
.search-div .d2 li{font-size: 16px;font-weight: bold;line-height: 40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}


@media screen and (min-width: 300px) {
    .container {width: 92%;margin: 0 auto;}
}


@media screen and (min-width: 1200px) {
    .container {
        width: 1200px;
        box-sizing: border-box;
        margin: 0 auto;
        position: relative;
    }
}



@media screen and (max-width: 1220px) {
    .s-banner img{left: calc(50% - 680px)}
    .header .t {font-size: 18px;}
    .header .nav li a {font-size: 18px;}
    .header .nav li {margin-left: 20px;}
    .header .logo {    margin-right: 0px;}
    .i-banner .box {left: 4%;}
    .i-banner .box .nav-div {width: 220px;}
    .i-banner .swiper-pagination {left: 0;padding-right: 4%;}
    .i-banner .swiper-button-prev {right: 105px;}

}

@media screen and (max-width: 1000px) {
    .header .bottom{height: 50px;line-height: 50px;}
    .header .top {display: none;}
    .header .nav{display: none;}
    .header .logo {width: 60px;padding-top: 5px;}
    .header .t {font-size: 14px;}
    .rg{display: block;float: right;width: 30px;padding-top: 10px;}
    .f-bq {height: auto;line-height: 20px;padding: 5px 0;}
    .i-banner .box .nav-div {display: none;}
    .i-banner .box .btn {left: 0px;}

}
@media screen and (max-width: 768px) {
    .list-div .left {width: 100%;margin-bottom: 20px;}
    .list-div .right {width: 100%;}
    .list-div .right2 {width: 100%;}
    .list-div .right3 {width: 100%;}
    .list-div {padding: 30px 0;}
    .footer {padding: 20px 0;}
    .footer .box1 {display: none;}
    .footer .box2 {width: 100%;margin-bottom: 20px;}
    .footer .box3 {width: 100%;}
    .s-banner img {width:120%;left: 0;}
    .list-div .right .s-div{margin: 0 auto 20px;}
    .list-div .right .s-div select {width: 80px;font-size: 12px;}
    .list-div .right .s-div button {width: 70px;font-size: 12px;}
    .list-div .right .s-div input {width: calc(100% - 150px);padding-left: 10px;font-size: 14px;}
    .list-div .right ul li {width: 45%;margin-right: 0%;margin-bottom: 20px;}
    .list-div .right ul li:nth-child(2n){float: right;}
    .list-div .right ul {margin-bottom: 10px;}
    .list-div .right ul li p {height: 40px;line-height: 40px;font-size: 14px;}
    .list-div .right2 ul li {font-size: 14px;}
    .i-banner .swiper-slide img {width: 120%;left: -10%;}
    .i-banner .swiper-pagination {left: 0;padding-right: 30px;bottom: 7.6%;}
    .i-banner .swiper-button-prev {right: 95px;}
    .i-banner .box .btn {width: 120px;height: 40px;border-radius: 5px;line-height: 38px;font-size: 14px;}
    .i-div {padding: 30px 0;}
    .i-div .left {width: 100%;padding-top: 0px;}
    .i-div .left .d1 {font-size: 18px;padding-bottom: 20px;margin-bottom: 20px;}
    .i-div .left .d2 {font-size: 14px;margin-bottom: 20px;}
    .i-div .left a {width: 120px;height: 40px;border-radius: 5px;line-height: 38px;font-size: 14px;}
    .i-div .right {width: 100%;padding-top: 20px;}
    .search-div {padding: 30px 0;}
    .search-div .d1{font-size: 16px;margin-bottom: 20px;}
    .search-div .d2 li{font-size: 14px;line-height: 30px;}

}

@media screen and (max-width: 450px) {
    .list-div .right3 .np a {width: 100%;float: none;display: block;line-height: 0.3rem;font-size: 0.14rem;}
    .list-div .right3 .t {font-size:  0.2rem;margin-bottom:  0.2rem;}
    .list-div .left .nav-div li .a_js2 {padding-left: 0.2rem;font-size: 0.15rem;}
    .list-div .left .nav-div li a {font-size: 0.16rem;}
    .list-div .left .nav-div li dd {line-height:0.3rem;padding-left: 0.4rem;}
    .list-div .left .nav-div li dd a {font-size: 0.14rem;}
    .s-banner img {width:150%;left: -25%;}
    .i-banner .swiper-slide img {width: 140%;left: -20%;}
    .i-banner .box .btn {width: 1rem;height: 0.3rem;line-height: 0.3rem;font-size: 0.14rem;}
    .i-div .left a {width: 1rem;height: 0.3rem;line-height: 0.3rem;font-size: 0.14rem;}
    .list-div .left .nav-div {padding: 0.1rem 0;}
    .list-div .left .nav-div li {line-height: 0.34rem}
    .footer .box2 p {
        font-size: 0.14rem;
        line-height:0.24rem;
    }
}