@charset "utf-8";
/* 全局 */
html{webkit-text-size-adjust:none;-webkit-text-size-adjust:none;text-justify:inter-ideograph;}
a{text-decoration:none;outline:0;transition: all .5s;}
/*滚动条*/
::-webkit-scrollbar{width: 9px;background-color: #fff;}
::-webkit-scrollbar-thumb{border: solid 2px #fff;width: 5px;border-radius: 4px;background-color: #373c41;}
::-webkit-scrollbar-corner{background-color: #fff;}
::-webkit-scrollbar:horizontal{height: 9px;}
::-webkit-selection{background: #dcdddc;color: #000;}
/*分页样式*/
.pglist{font-family: Georgia, "Times New Roman", Times, serif;padding: 30px 0;}
.pglist ul{display: flex;justify-content: center;}
.pglist li a{display: block;color: #333;font-weight: bold;padding: 0 14px;margin: 0 3px;line-height: 34px;background: #ddd;}
.pglist li.active a,
.pglist li:hover a{color: #fff;background: #909090;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
/*返回首页*/
#tip{line-height: 1.8;padding-top: 30px;}
#tip b{color: #0a6bb2;}
.gray {
    filter: gray !important;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
html,body{
    color:#333;
}
body, button, code, div, em, h1, h2, h3, h4, h5, h6, i, input, li, p, select, span, table, td, textarea, th, ul {
margin: 0;
padding: 0;
color: inherit;
line-height: inherit;
font-family: "microsoft yahei",'PingFang SC',PingFangMedium;
box-sizing:border-box;
}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
img {border: 0;display: inline-block;max-width: 100%;vertical-align: middle;height: auto}
.flt {float: left}
.frt {float: right}
li, ul {list-style: none}
a, em, i, p, span {text-decoration: none;color: inherit;font-size: inherit}
:focus {outline: 0 !important;border-color: inherit}
.clearfix:after, .clearfix:before {display: table;line-height: 0;content: ""}
.clearfix:after {clear: both}
table {border-collapse: collapse;border-spacing: 0;width: 100%}
h3, h4, h5, h6 {font-weight: 400}
em, i {font-style: normal}
input[type=button], input[type=reset], input[type=submit], input[type=text] {-webkit-appearance: none}
input[type=button] {border: none}
textarea {-webkit-appearance: none}
.center{   
    padding-left: 5vw;
    padding-right: 5vw;
}
html,body{overflow-x: hidden;font-family: "Microsoft YaHei","微软雅黑";font-family: "lucida Grande",Verdana,"Microsoft YaHei Light","Microsoft YaHei";color: #444;font-size: 14px;-webkit-text-size-adjust:100%;/*苹果设备下字体等比例*/text-size-adjust:100%;-webkit-font-smoothing:antialiased;/*用于webkit引擎字体抗锯齿*/}
*{margin:0;padding:0;list-style:none;}
input,textarea,select,button{vertical-align:middle;outline:none;font-family:"Microsoft YaHei",微软雅黑;color:#444;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
input,select,textarea{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;box-shadow:none;}
input::-webkit-input-placeholder{color: #acacac;}
input::-moz-placeholder{color: #acacac;}
input:-moz-placeholder{color: #acacac;}
input:-ms-input-placeholder{color: #acacac;}
textarea{resize:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
i, em{font-style: normal;}
img{border: none;vertical-align: middle;}
html, body, ul, li, p, button, form, table, tbody, thead, tr, th, td , h1, h2, h3, img, strong, b, u, i, em, center, dl, dt, dd, ol, fieldset, form, label, legend{margin: 0;padding: 0;}
a{color:#444;text-decoration:none;outline:none;}
a.hsa{color:#dc1111;}
a:hover{color: #0a6bb2;}
:focus{outline: none;}
.clear{clear:both;}
.fl{float: left;}
.fr{float: right;}
.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
table{border-spacing: 0;border-collapse: collapse;}
.mt10px{margin-top: 10px!important;}
.mt12px{margin-top: 12px!important;}
.mt15px{margin-top: 15px!important;}
.mt8px{margin-top: 8px!important;}
.mt20px{margin-top: 20px;}
.mt22px{margin-top: 22px;}
.mt25px{margin-top: 25px;}
.mt28px{margin-top: 25px!important;}
.mt27px{margin-top: 27px!important;}
.mt52px{margin-top: 50px;}
.mt56px{margin-top: 56px;}
.mt43px{margin-top: 43px;}
.mt50px{margin-top: 50px!important;}
.pb30px{padding-bottom:30px!important;}
.pb50px{padding-bottom:50px!important;}
.pb18px{padding-bottom:18px!important;}
.pt20px{padding-top:20px;}
.ml30px{margin-left: 30px;}
.bgwhite{background:#fff;}
.ddico{margin-right: 0px!important;margin-left: 6px;}
.w1200{width: 1200px;margin: 0 auto;}
.flex{display: flex;}
/*头部*/
.dark{
    background: rgba(0,0,0,.5);
    position: fixed;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    z-index: 10;
    display: none;
}
.headerbox{position: relative;}
.header{background: url(../images/header_bg.jpg) no-repeat center;position: relative;}
.header>div{display: flex;justify-content: space-between;align-items: center;height: 180px;}
.search{
    display: flex;
}
.header .search .input{width: 226px;height: 40px;color: #666;line-height: 36px;padding: 0 10px 0 13px;border: 2px solid #d1d3d5;background:#fff;border-right: none;border-radius: 3px 0 0 3px;}
.header .search input:focus{border-color: #337ad0;}
.header .search button{width: 50px;height: 40px;line-height: 40px;border: none;background:#0a6bb2;color:#fff;font-size: 20px;border-radius: 0 3px 3px 0;cursor: pointer;}
.header .search button:hover, .banner .search button:focus{background:#0a6bb2;}
.nav-button{
    display: none;
}
.search_icon{
    display: none;
    background: url(/Resource/Images/search.png) no-repeat center;
    width: 30px;
    height: 30px;
    background-size: contain;
}

.header .close{
    display: block;
    width: 25px;
    height:20px;
    margin-left:10px;
    z-index: 20;
    position: absolute;
    right: 20px;
    top:120px;
    display: none;
}
.header .close span:nth-child(1){
    transform: translateY(9px) rotate(45deg);
}
.header .close span:nth-child(2){
    opacity: 0;
}
.header .close span:nth-child(3){        
    transform: translateY(-9px) rotate(-45deg);
}
.header .close div{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
}
.header .close span{
    width: 100%;
    height:2px;
    background-color: #fff;
    display: block;
    transition: .3s cubic-bezier(.8, .5, .2, 1.4);
}
/*导航*/
.nav{width: 100%;background:#0a6bb2;height: 52px;line-height: 52px;}
.nav ul li{width: 100%;text-align:center;position:relative;z-index:100;}
.nav ul li:hover a{color:#bee3ff;}
.nav ul li .msel{position: absolute;width: 180px;top: 47px;left: 50%;margin-left: -90px;padding-top: 5px;box-shadow: 0px 8px 15px rgba(0,0,0,.25);opacity: 0;visibility: hidden;transition: all .6s ease 0s;z-index: 10000;}
.nav ul li .msel:before{content:"";position: absolute;top: 0;left: 50%;margin-left: -5px;border-width: 5px;border-style: dashed;border-bottom-style: solid;border-color: transparent;border-bottom-color: #fff;border-top: none;}
.nav ul li .msel a{display: block;font-size: 14px;color:#666;height: 43px;line-height: 43px;border-bottom: 1px solid #e4e4e4;background:#fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nav ul li .msel a:hover{background:#e8f0f7;color:#0a6bb2;}
.nav ul li .msel a:last-child{border-bottom: none;}
.nav ul li a{display: block;font-size: 16px;color:#fff;height: 52px;line-height: 52px;}
.nav ul li a:hover{color:#bee3ff;}
.nav ul li:hover .msel{opacity: 1;visibility: visible;}

/*友情链接*/
.link{color: #fff;font-size: 16px;line-height: 20px;padding: 50px 0;background: #0a6bb2;}
.link span:before{content:" ";width: 5px;height: 20px;margin-right: 10px;display: inline-block;background: #fff;vertical-align: text-bottom;}
.link a{color: inherit;margin-right: 15px;}
.link a:hover{opacity: .5;}
/*底部*/
.footer{padding: 50px 0;}
.footer .copy{color: #333;font-size: 15px;line-height: 35px;margin-right: auto;}
.footer .copy img{display: inline-block;vertical-align: text-bottom;}
.footer .ewm{display: flex;}
.footer .ewm li{margin-left: 25px;}
.footer .ewm li img{display: block;width: 110px;padding: 4px;border: 1px solid #f0f0f0;}
.footer .ewm li p{font-size: 13px;line-height: 34px;text-align: center;}

/* center */
.ny-box{width: 100%; margin: 0 auto;}
.ny-box img{width: 100%;}
.ny-center{width: 100%;background: #f4f4f4;padding-bottom: 50px;}
.n-left1{width: 100%;height: 80px;position: absolute;top: -80px;background: -webkit-linear-gradient(left, #0a6bb2,  #053e68);}
.n-left1 p{padding-left: 44px; color: #fff; font-size: 20px; line-height: 80px; font-weight: bold;}
.n-left1 .dw{position: absolute; top: 50%; right: 23px; margin-top: -10px; width: 20px; height: 20px; background: url(../images/bit3.png) no-repeat;}
.n-left2{width: 100%; box-shadow: 0px 0px 7px #D4D4D4; background: #fff; padding-top: 10px; padding-bottom: 60px;}
.le_menu{margin: 0 auto; width: 70%;}
.le_menu ul{width: 100%;}
.le_menu li{font-size: 16px;}
.le_menu li a{color: #293047; line-height: 1.6; display: block; text-align: left; border-bottom: 1px solid #ebebeb;padding: 15px 0;}
.le_menu li.cur a,.le_menu li a:hover{color: #0a6bb2;}
.le_menu li .ts{color: #0a6bb2;}
.le_menu1{margin: 0 auto; width: 70%;}
.le_menu1 ul{width: 100%;}
.le_menu1 li{font-size: 18px; border-bottom: 1px solid #ebebeb; padding-bottom: 25px; line-height: 50px; color: #293047;}
.le_menu1 li p{width: 85%; line-height: 32px; background: url(../images/dt.jpg) no-repeat left; padding-left: 15%; font-size: 16px;}
#nei-left{width: 210px; position: relative; margin-bottom: 10px;}
#nei-right{width: 970px; position: relative;}
.nei-right{width: 100%; position: relative;}
.n-right1{width: 100%;background: #0a6bb2;position: absolute;top: -80px;height: 80px;padding-left: 1%;}
.n-right1-1{width: 100%; height: 80px; background: #fff; padding: 20px 5% 16px 3%; box-sizing: border-box;}
.n-right_01{/* width:70%; */}
.n-right_01 li{float: left; font-size: 14px; line-height: 24px; color: #333;}
.n-right-ss{width: 200px; height: 28px;}
.n-right-ss1{width: 169px; height: 26px; border-bottom: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9; border-top: 1px solid #a9a9a9;}
.n-right-ss1 input{width: 90%; line-height: 26px; padding: 0 5%; font-size: 14px; outline: none; border: none;}
.n-right-ss2{width: 30px; height: 26px;}
.n-right2{width: 100%;min-height: 640px;background: #fff;padding-bottom: 55px;}
.n-right2-1{width: 87.65%; margin: 0 auto;}
.n-right2-1 .edit{
    padding-top:20px;
}
.n-right2-1 .edit img{
    max-width: 100%;
    height: auto;
}
.n-right2-1 .edit table{
    max-width: 100%;
}
.n-r-bit{display: flex; width: 100%; line-height: 47px; border-bottom: 2px solid #f3f0ed; padding-bottom: 10px; justify-content: space-between; align-items: center;}
.n-r-bit p{color: #0a6bb2;font-size: 24px;font-weight: bold;}
.n-r-bit span{font-size: 14px; font-family: Arial; color: #cccccc; text-transform: uppercase;}
.n-hlyd{width: 100%; background: #fff; padding-bottom: 55px;}

.n-news {padding-top: 40px;}
.n-news li{width: 100%;clear: both;line-height: 40px;font-size: 15px;border-bottom: 1px dashed #e1e1e1;}
.n-news li:nth-child(5n){border-bottom: 0;}
.n-news li:nth-child(5n+1):not(:first-child){margin-top: 10px;padding-top: 10px;border-top: 2px solid #e1e1e1;}
.n-news1{width: 100%; margin: 0 auto; padding-top: 40px;}
.n-news1 li{width: 31.3333%; list-style: none; float: left; margin-right: 3%; padding-bottom: 30px;}
.n-news1 li:nth-child(3n){margin-right: 0;}
.n-news1 li .pic{width: 100%; overflow: hidden; background: #000;}
.n-news1 li .pic img{width: 100%; transition-duration: 1s;}
.n-news1 li p{width: 100%; padding: 8px 0; text-align: center; font-size: 16px; overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis; /*文字隐藏后添加省略号*/ white-space: nowrap; /*强制不换行*/}
.n-news1 li:hover .pic img{transform: scale(1.1,1.1); opacity: 0.7;}
.n-n_01{width: calc(100% - 110px); overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis; /*文字隐藏后添加省略号*/ white-space: nowrap; /*强制不换行*/}
.n-n_02{width: 102px;color: #999;text-align: center;display: inline-block;white-space: nowrap;}

.info_title{
    width: 100%;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    color: #333333;
    padding-top: 40px;
}
.infobox{
    text-align: center;
    border-bottom:1px solid #f3f3f3;
    padding: 10px 0;
}
.infobox span {
    display: inline-block;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    color:#666;
}

/* 翻页 */
.page{
    padding:20px 0;
    background-color: #fff;
}
.page input{
    width:72px;
    outline: none;
}
.page .jump{
    cursor: pointer;
    border-radius: 5px;
    border:1px solid #eee;
    padding: 5px 10px;
    font-size: 14px;
    background-color: #eee;
}

@media (max-width:1260px) { 
    .w1200{
        width: 96%;
    }
    /* center */
    #nei-right{
        width: calc(100% - 220px);
    }
    .footer .copy,.footer .ewm{
        width: 100%;
        text-align: center;
    }
    .footer .flex{
        flex-wrap: wrap;
    }
    .footer .ewm{
        justify-content: space-around;
    }
}

@media (max-width:1023px) { 
    .header>div{
        height: auto;
        padding:2vw 0;
    }
    .nav-button{
        display: block;
        width: 25px;
        height:20px;
        margin-left:10px;        
    }
    .nav-button.hit span:nth-child(1){
        transform: translateY(9px) rotate(45deg);
    }
    .nav-button.hit span:nth-child(2){
        opacity: 0;
    }
    .nav-button.hit span:nth-child(3){        
        transform: translateY(-9px) rotate(-45deg);
    }
    .nav-button div{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
    }
    .nav-button span{
        width: 100%;
        height:2px;
        background-color: #0a6bb2;
        display: block;
        transition: .3s cubic-bezier(.8, .5, .2, 1.4);
    }
    .search{
        display: none;
    }
    .search_icon{
        display: block;
    }
    .header>.nav{
        display: none;
    }
    .nav{
        position: absolute;
        width: 100%;
        bottom: 0;      
        padding: 0;
        z-index: 50;
        box-sizing:content-box;
        background: #daecff;       
        opacity: 0;            
        transition: all .5s;
        height: 0;
        display: none;
    }
    .nav.hit{  
        height: auto;
        opacity: 1;
        transform: translateY(100%);
        display: block;
        transition: all .5s;
    }
    .nav ul{
        display: block;
        line-height: 3;
        padding-bottom: 0;
    }
    .nav ul li{
        border-bottom: 1px solid #aac9eb;
        text-align: center;
    }
    .nav ul a:after{
        display: none;
    }
    .nav ul li a{
        color:#0a6bb2;
    }
    .nav ul li .msel{
        display: none;
    }

    .dark.hit{
        display: block;       
    }
    .search.hit{
        display: flex;
        z-index: 15;
        width: 80%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top:200px;
    }
    .header .search .input{
        width: calc(100% - 50px);
    }
    .header .close.hit{
        display: block;
    }
     /* center */
    .ny-center .w1200{        
        background-color: #fff;
    } 
    #nei-left{
        float: none;
        width: 100%;;
    }
    #nei-right{
        width: 100%;
        float: none;
    }
    .n-left1{
        height: 50px;
        top:-50px;
        
    }
    .n-left1 p{
        line-height: 50px;
        font-size: 18px;
        padding-left: 4%;
    }
    .n-left2{
        box-shadow: none;
    }
    .le_menu{
        width: 100%;
    }
    .le_menu ul{
        display: flex;
        flex-wrap: wrap;
    }
    .le_menu li{
        width: 50%;
        padding-left: 4%;     
    }
    .n-left2{
        padding-bottom: 0;
    }
    .n-r-bit p{
        font-size: 16px;
    }
    .n-right1-1{
        height: auto;
        padding: 10px 4%;
    }
    .n-r-bit{
        line-height: 40px;
    }
    .n-right1{
        top:0;
        position: relative;
        height: auto;
        background-color: #fff;
    }

    .n-news{
        padding-top:0;
    }

}

@media (max-width:819px) {
    .search_icon{
        width: 30px;
        height: 30px;
    }
    .link{
        padding: 20px 0;
        font-size: 14px;
    }
    .footer{
        padding: 20px 0;
    }
    .le_menu li a,.n-r-bit p{
        font-size: 15px;
    }
    .le_menu li a{
        padding: 10px 0;
    }
    .n-r-bit{
        line-height: 32px;
        padding-bottom:0;
    }
}

@media (max-width:767px) { 
    .footer .copy{
        font-size: 12px;
        line-height: 1.6;
    }
}