body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; font-family: "微软雅黑"; }
body { background:#F5F5F5; color:#000; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
a { color:#000; text-decoration:none; }
a:hover { text-decoration:none;  }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
.clear{clear: both;}
.nr table p span{text-indent:0em!important}
.mk li{float: left;
    width: 20%;
    margin: 20px 2.5%;
    line-height: 200px;
    text-align: center;
    min-height: 200px;
    background: url(../js/mkbj.png)center no-repeat;}
.mk li a{font-size: 35px;
    font-weight: bold;
    color: #fff;
    display: block;}

.main4n1 h2,.main4n2 h2,.main4n4 h2{width: 273px;
    height: 87px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 87px;
    background: rgba(26, 93, 148, 0.7) 100%;
    color: #FFFFFF;
    z-index: 999;}



.sztz{float: left;
    width: 200px;
    height: auto;
    padding-right: 3%;padding-bottom: 3%;}
.sztz img{width:100%}
.szty p{font-size:18px!important;line-height:30px}

.dpzw img{max-width:100%;margin:0 auto;height:auto!important}



.lxwms{float: left;
    line-height: 53px;
    font-size: 25px;
    color: #fff;}

.nr p span,.nr span{font-size:18px!important}
.nr img{
    /* display: block; */
    max-width: 100%;
    margin: 0 auto;
    height: auto;
    /* padding: 0 3%; */
    border-color: #F5F5F5!important
    }
.header{min-height: 58px;width: 100%;padding: 0 30px;background: #066DB8;box-sizing: border-box;}
.header ul{float: right;}
.header ul li{float: left;line-height: 53px;margin-right: 30px;}
.header ul li a{font-size: 24px;color: #fff;}


.navw{min-height: 135px;width: 100%;padding: 0 30px;box-sizing: border-box;}
.navwl{float: left;margin: 25px 0;width: 29%;}
.navwl img{max-width: 100%;}
.navwr{float: right;width: 71%;}
.yyui_menu1 {float: right; }
 
.yyui_menu1 li { float:left; position:relative;
    text-align: center;}
.yyui_menu1 li a { display:block; line-height:135px; text-decoration:none; color:#076DB7; font-size: 25px;
    font-weight: bold;width: 115px;}
.yyui_menu1 li ul li a{font-size: 22px!important;}


.yyui_menu1 li a:hover {  }
.yyui_menu1 li a.more:after{content:" ?";}
.yyui_menu1 ul li{background: none;}
 
.yyui_menu1 li ul { position:absolute; float:left; width:135px;  display:none; background-color:#FFFfff; z-index:9999;}
.yyui_menu1 li ul a { text-decoration: none;
    color: ##076DB7;
    text-align: center;
    line-height: 40px;
    font-weight: 100;
    width: 135px;}
.yyui_menu1 li ul a:hover { background:#076DB7;color: #FFFFFF;}
.searchDIV {
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;
    width: 225px;
    position: absolute;
    right: 0px;
    
}
.main4n1 img,.main4n4 img,.main4n2 img{display: block;
    margin: 30% auto;
    width: 10%;}

span.search input {
    border: none;
    outline: none;
    vertical-align: 0px;
    _vertical-align: middle;
    float: left;
}
.search{
    border: 1px solid #cccccc;
    width: 225px;
    position: relative;
    display: inline-block;
    border-radius: 20px;
}
.search-txt{
    border: none;
    outline: none;
    vertical-align: 0px;
    _vertical-align: middle;
    float: left;
    width: 170px;
    margin-left: 10px;
    margin-right: 4px;height: 28px;background: #F5F5F5;
}
.search-bt{
    width: 29px;
    height: 28px;
    text-indent: -999px;
    background: url(../img/search.png) no-repeat center;
    overflow: hidden;
    cursor: pointer;
    border: none;
    outline: none;
    vertical-align: 0px;
    _vertical-align: middle;
    float: left;
}


.main-2nln{padding-top: 50px;}





.ssk{background: none!important;width: 30px!important;}
.ssk a{height: 40px;
    width: 30px!important;
    margin-top: 49px;
    background: url(../img/ss.png)no-repeat center;}

.banner{margin-bottom: 54px;}

 .swiper {
        max-width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        max-width: 100%;
        width: 100%;
       height:100%;
        object-fit: cover;
      }
      
      
.main{width: 100%;}
.mainn{max-width: 1660px;margin: 0 auto;}
.main1{margin-bottom: 54px;}
.main1 ul li{width: 23.4%;float: left;min-height: 281px;background: #FFFFFF;margin-right:2.13% ;box-shadow: 2px 6px 10px rgba(20, 53, 128, 0.08);box-sizing: border-box;}
.main1 ul li:nth-child(4){margin-right:0}
.main1 ul li img{display: block;
    margin: 60px auto 24px auto;transition: 0.6s;}
.main1 ul li:hover img {
    transform: rotateY(180deg);
}
.main1 ul li p{text-align: center;font-size:28px;color:#076DB7 ;font-weight: bold ;}


.main2x{float: left;background: #FFFFFF;width: 32%;margin-right: 2%;}
.main2x:nth-child(3){margin-right:0}
.main2xs h2{font-size: 40px;font-weight: bold;color: #046FB7;float: left;margin-top: 35px;}
.main2xs small{float: right;
    width: 90px;
    height: 25px;
    border-radius: 15px;
    line-height: 25px;
    text-align: center;
    background: #EDEDED;
    margin-top: 45px;}
.main2xs small a{font-size: 14px;color: #6d6d6d;display: block;}
.main2xs small a:hover{color: #FFFFFF;background: #066DB8;border-radius: 15px;}
.main2xn{padding: 0 25px}
.main2xx ul li a{
    
    font-size: 24px;
    }
.main2xx ul li small{float: right;font-size: 14px;line-height: 30px;}
.main2xx ul li a:hover{color: #066DB8;}
.main2xx ul li{padding: 30px 0;border-bottom: 1px solid #CECECE;}


.main2xs3 h2{color: #AC3B3D;}
.main2xs3 small a:hover{color: #FFFFFF;background: #AC3B3D;border-radius: 15px;}
.main2xs3x ul li a:hover{color: #AC3B3D;}

.main3{margin-bottom: 54px;}
.main3s{font-size: 40px;color: #066DB8;font-weight: bold;margin: 34px 0;}
.main3x{width: 100%;min-height: 363px;background: #FFFFFF;}


.borderbottom1{font-size: 28px!important;color: #FFFFFF!important;background: #066DB8;}
.borderbottom1 a{display: inline!important;}
.btn2{display: block;margin: 0 auto;padding: 25px 30px 25px 25px;position: relative;}
.btn2 span { 
    text-align: center;
    font-size: 28px;
    
    
    cursor: pointer;
    display: block;
    float: left;
    color: #066DB8;
    
    margin-right: 30px;padding: 15px;}
.btn2 span a{position: absolute;
    right: 25px;
    color: #999CA0;
    font-size: 12px;
    
font-family: PingFangSC-Regular;
font-weight: 400;display: none;}    
    

.con2 { display:none; padding: 0 25px;}
.main-2nln ul{width: 95%;
    
    float: right;}
.main-2nln ul li{font-size: 28px;float: left;width: 20%;margin-bottom: 45px;color: #4D4D4D;}
.main-2nln ul li a{color: #4D4D4D;}

.main4n1{background: url(../js/1bj.png)no-repeat center;}
.main4n2{background: url(../js/2bj.png)no-repeat center;}

.main4n4{background: url(../js/3bj.png)no-repeat center;}

.main4n1,.main4n2,.main4n3,.main4n4{float: left;}
.main4n1,.main4n2,.main4n4{width: 22%;min-height: 422px;margin-right: 2%;}
.main4n3{width: 28%;min-height: 422px;}
.main4n3 img{max-width: 100%;}
.main4n1n,.main4n2n{padding: 0 40px;}
.main4n1n h2,.main4n2n h2{font-size: 40px;
    font-weight: bold;
    color: #fff;
    padding: 29px 0;writing-mode: vertical-lr;
    writing-mode: tb-lr;}
.main4n1n ul li,.main4n2n ul li{padding: 29px 0;border-bottom: 1px solid #CECECE;    text-align: center;}
.main4n1n ul li a,.main4n2n ul li a{font-size: 29px;color: #797979;}
.main4n1n ul li:nth-child(1){background: url(../img/m11.png)no-repeat 2%;}
.main4n1n ul li:nth-child(2){background: url(../img/m12.png)no-repeat 2%;}
.main4n1n ul li:nth-child(3){background: url(../img/m13.png)no-repeat 2%;}
.main4n2n ul li:nth-child(1){background: url(../img/m21.png)no-repeat 2%;}
.main4n2n ul li:nth-child(2){background: url(../img/m22.png)no-repeat 2%;}
.main4n2n ul li:nth-child(3){background: url(../img/m23.png)no-repeat 2%;}


.main4n3{position: relative;}
.main4n3 h2{position: absolute;width: 273px;height: 87px;font-size: 30px;font-weight: bold;text-align: center;line-height: 87px;background:  rgba(26, 93, 148, 0.7) 100%;color: #FFFFFF;z-index:999}

.main5{margin-bottom: 93px;}
.main5 ul li{width: 25%;float: left;min-height: 415px;}
.main5 ul li:nth-child(1){background: #96BFDD;}
.main5 ul li:nth-child(2){background: #80B2D7;}
.main5 ul li:nth-child(3){background: #3F8EC7;}
.main5 ul li:nth-child(4){background: #066DB8;}


.main5 ul li img{display: block;
    margin: 135px auto 39px auto;transition: 0.6s;}
.main5 ul li:hover img {
    transform: rotateY(180deg);
}
.main5 ul li p{text-align: center;font-size:28px;color:#FFFFFF ;font-weight: bold ;}



.foot{width: 100%;background: #323334;}
.footn{max-width: 1660px;margin: 0 auto;}
.footn h2{font-size: 28px;color: #FFFFFF;padding-top: 50px;
    margin-bottom: 20px;font-weight: 100;}
.footn ul li{float: left;width: 33%;margin-bottom: 20px;}
.footn ul li a{color: #FFFFFF;font-size: 20px;font-weight: 100;}
.bq p{font-size: 20px;color: #FFFFFF;line-height: 40px;font-weight: 100;}
.bq{padding-bottom: 40px;}

.demo-2{display: none;position: relative;
    z-index: 9999;}



.banner-zy{width: 100%;}
.banner-zy img{max-width: 100%;}

.main-zyn{max-width: 1660px;margin: 0 auto;}
.main-zynl{float: left;width: 15%;}
.main-zynr{float: right;width: 83%;}

.main-zyl h2{height: 70px;background: #066DB8;text-align: center;line-height: 70px;color: #FFFFFF;font-size: 28px;}
.main-zyl ul li{height: 50px;line-height:50px;background-color: #066DB8;border-top:1px solid #FFFFFF ;text-indent: 2em;background-repeat: no-repeat;background-position:90%}
.main-zyl ul li a{display: block;color: #FFFFFF;font-size: 18px;}
.main-zylx{border-bottom: 5px solid #066DB8;margin-top: 30px;}
.main-zy{margin-top: 30px;}
.main-zyl ul li:hover{background-color: #1098E2;}


.main-zyrs{width: 100%;min-height: 70px;border-bottom:1px solid #066DB8 ;}
.main-zyrs h2{float:left;line-height:70px;font-size:24px}
.main-zyrs small{float: right;line-height: 70px;font-size: 15px;}
.main-zyrs small a{margin: 0 5px;font-size: 15px;}
.main-zyrx{min-height: 500px;}
.lby{margin-bottom: 100px;}
.lby ul li{margin: 15px 0;
    line-height: 30px;
    height: 30px;
    overflow: hidden;}
.lby ul li img{margin: 5px;}
.lby ul li small{float: right;}
.lby ul li a{font-size: 16px;}
.lby ul li a:hover{color: #066DB8;}

.nr h2{font-size: 24px ;font-weight: 500;text-align: center;margin: 20px 0;}
.nr h3{font-size: 12px;color: #666666;text-align: center;margin: 10px 0;}
.nr p{text-indent: 2em;line-height: 32px;font-size: 18px!important;}
.nr{margin-bottom: 50px;}
.dpzw p{text-indent: 2em;line-height: 32px;font-size: 16px;}
.dpzw {margin-top: 20px;}

.ksnav{float:left;width:100%;margin: 20px auto;}
.ksnav ul{float:left; width:100%;}
.ksnav ul li{float:left;text-align:center;width: 14%;margin: 10px 1%;line-height:30px;padding:10px 0;-webkit-border-radius:20px;-moz-border-radius: 20px;-o-border-radius: 20px;border-radius:20px;border:2px solid #046FB7;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all .5s ease-out;transform: scale(1);transition: all .5s ease-out;}
.ksnav ul li a{color:#046FB7;font-weight:600;font-size: 20px;}
.ksnav ul li:hover{background-color:#046FB7;}
.ksnav ul li:hover a{color:#fff;}

.yjlm{float:left;width:100%;margin: 20px auto;}
.yjlm ol{float:left; width:100%;}
.yjlm ol li{background:#FFFFFF;width:49%; margin:10px 0;}
.yjlm ol li.fl{float:left;}
.yjlm ol li.fr{float:right;}
.yjlm ol li .main2xx ul li{width:100%}
@media (min-width: 1400px) and (max-width:1835px){
.yyui_menu1 li a {
    display: block;
    line-height: 135px;
    text-decoration: none;
    color: #076DB7;
    font-size: 22px;
    font-weight: bold;
    width: 100px;
}
 }
@media (min-width: 1195px) and (max-width:1325px){
.yyui_menu1 li a {
    display: block;
    line-height: 135px;
    text-decoration: none;
    color: #076DB7;
    font-size: 17px;
    font-weight: bold;
    width: 80px;
}
 }

@media (min-width: 1024px) and (max-width:1400px){
.yyui_menu1 li a {
    display: block;
    line-height: 135px;
    text-decoration: none;
    color: #076DB7;
    font-size: 17px;
    font-weight: bold;
    width: 80px;
}
 }

@media (min-width: 1024px){

}

@media (min-width: 993px) and (max-width:1192px) {
 .yyui_menu1 li a {
    display: block;
    line-height: 135px;
    text-decoration: none;
    color: #076DB7;
    font-size: 16px;
    font-weight: bold;
    width: 70px;
}.ksnav ul li{width:23%; margin:10px 1%;}

}
@media (max-width: 992px){
 .yyui_menu1 li a {
    display: block;
    line-height: 135px;
    text-decoration: none;
    color: #076DB7;
    font-size: 16px;
    font-weight: bold;
    width: 70px;
}.ksnav ul li{width:30%; margin:10px 1%;}
    .main4n3 h2{width:100%;}
    .demo-2{display: block;}
    .nav{display:none}
    .navwl{width:auto;}
}


@media (max-width: 768px){
    .main2xs h2{font-size:30px;margin-top: 20px;}
    .main2xs small{margin-top:25px;}
    .main1,.main3,.banner{margin-bottom:20px;}
    .main4n3 h2{width:273px;}
.sztzw li,.dpzw ul li{margin:50px 0}
.header ul{float: left;}
.lxwms{font-size:18px}
.mk li {width:100%;margin: 40px 0;}
.header ul li a {
    font-size: 17px;
    color: #fff;
}

.navwl{width: 80%;}
.navwr{width: 20%;}
.main1 ul li{width: 50%;margin-right:0;}
.main2x{width: 100%;margin-right: 0;}
.main2xx ul li a {
    font-size: 16px;
}
.main2xx ul li {
    padding: 10px 0;
    border-bottom: 1px solid #CECECE;
}
.main2xx ul li:nth-child(5) {
    margin-bottom: 10px;
}
.main3s {
    
padding: 0 20px;
    
font-size: 30px;
    
margin: 20px 0;
}
.btn2 span {
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    display: block;
    float: left;
    color: #066DB8;
    margin-right: 0; 
    padding: 5px;
}
.borderbottom1 {
    font-size: 16px!important;
    color: #FFFFFF!important;
    background: #066DB8;
}
.main-2nln ul li {
    font-size: 16px;
    float: left;
    width: 33%;
    margin-bottom: 45px;
    color: #4D4D4D;
}
.main4n1, .main4n2,.main4n4{margin-right: 0;width: 50%;}
.main4n3{
   
width: 50%;
 }
    .main4n3 .swiper{
        margin: 0px 12px;
    }
.main5 ul li{width: 50%;min-height: 180px;}

.main5 ul li img {
    display: block;
    margin: 20px auto ;
    transition: 0.6s;
}

.main5 ul li p {
    text-align: center;
    font-size: 15px;
    color: #FFFFFF;
    font-weight: bold;
}
.footn ul li a {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 100;
}
.bq p{font-size: 16px;}
.navw {
    min-height: 140px;
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
}

.footn{padding: 0 15px;}

.yjlm ol li{width:100%;}.ksnav ul li{width:46%;}
.main-zynl,.main-zynr{width: 100%;}
.main-zyrs small{width: 100%;}
.main-zynl{display: none;}
.main-zyn{padding: 0 15px;}
 }


@media (min-width: 480px) and (max-width: 640px){
.ksnav ul li{width:100%; margin:10px 0%;}
}
@media (max-width: 479px) {
    .navw{min-height:99px;}
    .main4n1, .main4n2, .main4n4,.main4n3{
        width:100%;
        margin-bottom:10px;
    }
    .demo-2 .dl-menuwrapper button{/* top: -73px; */}
}