@charset "utf-8";
/*------------------------------------------------------  初始化  ------------------------------------------------------*/
*{
    margin:0;
    padding:0;
    border: 0;
    box-sizing:border-box;
}
/*html{-webkit-text-size-adjust:none;}*/
html, body{
    width: 100vw;
    min-height: 100vh;
}
ol, ul, li{
    list-style: none;
}
a{
    text-decoration: none;
    blr:expression(this.onFocus=this.blur());
    color:#333;
    -webkit-tap-highlight-color:rgba(0,0,0,0); /*去除iPhone 点击的背景块*/
}
a:focus, a.hidefocus{
    outline: none;
}
img{
    display: block;
}
.news_list .news {
    width: 46%;
    height: auto;
    float: left;
    border: none;
    margin: 0 10px;
}
i{
    font-style: normal;
    font-family: 'iconfont';
    font-size: .4rem;
}
.wp_search {margin-top: 5px;}
.wp_search .search{background: none;float: right;}
.wp_search table {width:100%;}
input{
    outline: none;
    background:none;
    font:400 14px '微软雅黑';
}
input[type=text], input[type=submit], input[type=button] {
    -webkit-appearance: none; /*去除iPhone input默认样式}*/
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"]{ -moz-appearance: textfield; }  /*去掉上下箭头*/
::-webkit-scrollbar { display:none; }  /*去除iPhone 滚动条*/

body{
    width: 100vw;
    height:100%;
    font-family: '微软雅黑', Arial, Helvetica, sans-serif;
    background:#fff;
    color:#333;
    /*font-size: 14px;*/
    font-size: 14px;
}
/*body >div{height: 100%;}   !*仅限Vue.js用*!*/
.phone_nav{
    position: fixed;
    top:0;
    right: 0px;
    width: 40vw;
    height: 100vh;
    padding-top: .8rem;
    background: rgba(216, 217, 219, 0.95);
    z-index: 99999;
}
.phone_nav li{
    width: 100%!important;
}
.phone_nav li a{
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.phone_nav li >div{
    position: relative!important;
    top: 0;
    text-align: center;
    line-height: 2;
}
.phone_nav ul li:hover {display:block;}
.menu2{display:none;}
/*------------------------------------------------------  base ------------------------------------------------------*/
.fl{float: left;}
.fr{float: right;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.vmid{vertical-align: middle;}
.hidden{overflow: hidden;}
.none{display: none;}
.block{display: block;}
.inline-block{display: inline-block;}
.bold{font-weight: bold;}
.bg-no{background:none;}
.border-no{border:none;}
.outline-no{outline: none;}
.color-no{color:transparent;}
.caret-no{caret-color:transparent;}  /*input去掉光标颜色 IOS不支持*/
.scroll-x{overflow-x: scroll;}
.scroll-y{overflow-y: scroll;}
.cursor{cursor: pointer;}
.text-underline{text-decoration: underline;}
.text-uppercase{text-transform: uppercase;}
.text-lowercase{text-transform: lowercase;}
.border-box{-webkit-box-sizing: border-box;}
.content-box{-webkit-box-sizing: content-box;}
.filter-gray{-webkit-filter: grayscale(1);}
.rotate-180{transform: rotate(180deg);}
.scale-2{transform:scale(1.8);}
.blur{filter: blur(5px);}
.bright-5{-webkit-filter:brightness(.5)}
.bright-7{-webkit-filter:brightness(.7)}
.opacity-0{opacity: 0;}
.opacity-1{opacity: 1;}
.opacity-5{opacity: .5;}
.line-h-1{line-height: 1.6;}
.line-h-2{line-height: 2;}
.line-h-3{line-height: 3;}
.line-h-4{line-height: 4;}
.indent-1{text-indent: 1em;}
.indent-2{text-indent: 2em;}
.letter-space-2{letter-spacing: 2px;}
.f1{flex-grow:1;flex-shrink:1;flex-basis:0;overflow: hidden;}
.f2{flex:2;overflow: hidden;}
.f3{flex:3;overflow: hidden;}
.f4{flex:4;overflow: hidden;}
.f5{flex:5;overflow: hidden;}
.f6{flex:6;overflow: hidden;}
.f7{flex:7;overflow: hidden;}
.f8{flex:8;overflow: hidden;}
.f9{flex:9;overflow: hidden;}
.flex{display: flex;display:-webkit-flex;align-items: center;}
.flex-x-s{justify-content: flex-start;}
.flex-x-e{justify-content: flex-end;}
.flex-x-c{justify-content: center}
.flex-y-s{align-items: flex-start;}
.flex-y-e{align-items: flex-end;}
.flex-y-c{align-items:center;}
.flex-r-w{flex-flow: row wrap;}
.flex-col{flex-direction: column;}
.flex-shrink{flex-shrink: 0;}
.space-ard{justify-content: space-around;}
.space-btw{justify-content: space-between;}
.flex-stretch{align-items: stretch;}
.ellipsis{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.ellipsis2, .ellipsis3, .ellipsis5{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.ellipsis2{ -webkit-line-clamp: 2;line-height: .4rem;max-height:.8rem;}
.ellipsis3{ -webkit-line-clamp: 3;line-height: .4rem;max-height:1.2rem;}
.ellipsis5{ -webkit-line-clamp: 5;line-height: .4rem;max-height:2rem;}
.re{position: relative;}
.ab{position: absolute;}
.fix{position: fixed;width: 100%;}
.auto{margin:auto;}
.z-2{z-index: 2;}
.l-r-0{left:0;right:0}
.t-b-0{top:0;bottom:0}
.l-t-0{left:0;top:0}
.l-b-0{left:0;bottom:0}
.r-t-0{right:0;top:0;}
.r-b-0{right:0;bottom:0}
.l-t-1{left:10px;top:10px}
.l-b-1{left:10px;bottom:10px}
.r-t-1{right:10px;top:10px}
.r-b-1{right:10px;bottom:10px}
.border-radius-30{border-radius: 30px}


/*------------------------------------------------------  color ------------------------------------------------------*/
.color-white{color:#fff;}
.color-black{color:#333!important;}
.color-999{color: #999;}
.color-666{color: #666;}


.bg-white{background:#fff;}
.bg-gray{background:#f6f6f6;}
.bg-blue{background:#2160ad;}


/*------------------------------------------------------  padding margin rem ------------------------------------------------------*/
.pad-0{padding: 0;}
.pad-5{padding: 5px;}
.pad-10{padding: 10px;}
.pad-15{padding: 15px;}
.pad-20{padding: 20px;}
.pad-t-b-5{padding: 5px 0;}
.pad-t-b-10{padding: 10px 0;}
.pad-t-b-15{padding: 15px 0;}
.pad-t-b-20{padding: 20px 0;}
.pad-t-b-50{padding: 50px 0;}
.pad-l-r-5{padding:0 5px;}
.pad-l-r-10{padding:0 10px;}
.pad-l-r-15{padding:0 15px;}
.pad-l-r-20{padding:0 20px;}
.pad-t-5{padding-top: 5px;}
.pad-t-10{padding-top: 10px;}
.pad-t-15{padding-top: 15px;}
.pad-t-20{padding-top: 20px;}
.pad-t-50{padding-top: 50px;}
.pad-b-5{padding-bottom: 5px;}
.pad-b-10{padding-bottom: 10px;}
.pad-b-15{padding-bottom: 15px;}
.pad-b-20{padding-bottom: 20px;}
.pad-b-30{padding-bottom: 30px;}
.pad-b-50{padding-bottom: 50px;}
.pad-l-5{padding-left: 5px;}
.pad-l-10{padding-left: 10px;}
.pad-l-15{padding-left: 15px;}
.pad-l-20{padding-left: 20px;}
.pad-l-30{padding-left: 30px;}
.pad-l-50{padding-left: 50px;}
.pad-r-5{padding-right: 5px;}
.pad-r-15{padding-right: 15px;}
.pad-r-20{padding-right: 20px;}
.pad-r-50{padding-right: 50px;}



.pad-20-0{padding: 20px 0;}
.pad-30-0{padding: 30px 0;}
.pad-5-10{padding: 5px 10px;}
.pad-5-0{padding: 5px 0;}
.pad-r-10{padding-right: 10px;}



/*------------------------------------------------------  PC ------------------------------------------------------*/
.w1200{width:100%;max-width: 1200px;margin:auto;}
.jiant{font: 16px/1 '宋体';transform: rotate(90deg);}
.f18{font-size: 18px;}

/*------------------------------------------------------  Mobile ------------------------------------------------------*/
header .w1200{height: 130px}
.logo{width: 50%;}
.mobile_nav{position: absolute;width: 30px;top:20px;right: 10px;display: none;}
.mobile_close{position: absolute;width: 30px;left: 5px;top:5px;display: none;z-index: 999}
.search{width: 320px;background: white;border-radius: 30px;padding: 5px 20px;height: 45px;  background: url('/_upload/tpl/01/39/313/template313/img/seach.png') 90% 50% no-repeat #fff;}



nav >div{width: 10%;text-align: center;position: relative}
nav >div ul{position: absolute;left: 0;top:100%;z-index: 9;background: rgba(0,0,0,.5);text-align: center;width: 100%;display: none;}
nav >div ul li{position: relative;}
nav >div ul ul{left: 100%;top:0;}
nav >div a{display: block;font-size: 18px;line-height: 45px;}
nav >div ul a{color: #dadada;font-size: 16px;}
nav >div:hover >a{background: rgb(33,96,173);}
nav >div:hover >a{color: white;}
nav >div:hover >ul{display: block;}
nav ul a:hover{background: #2160ad;}
nav >div >ul >li:hover ul{display: block;}
.sec_cont >li{width: 49%;padding: 5px 20px;background: white;box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15), -5px 0 20px rgba(0, 0, 0, 0.15);border-radius: 2px;margin-bottom: 10px;
              height: 295px;overflow: hidden;}


.sec_cont >li:last-child{box-shadow: none;padding: 0}
.sec_cont >li:nth-child(1), .sec_cont >li:nth-child(2){height: 450px;}
.sec_cont .title{border-bottom: 1px solid #e5e5e5;display: flex;line-height: 2;margin-bottom: 5px;}
.sec_cont .title >div{flex: 1;}
.sec_cont .title p{color: #666;line-height: 45px;}
.sec_cont .title span{font-size: 22px;display: inline-block;margin-right: 10px;}
.sec_cont .title span.active{border-bottom: 4px solid #2160ad;}
.sec_cont .list >li{line-height: 35px;display: flex;}
.sec_cont .list >li p{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;flex:1;padding-right:30px;position: relative;}
.sec_cont .list >li p:before{content: '■';color: #2160ad;padding-right:10px;}
.notice li{border-bottom: 1px dashed #d6d6d6;padding: 0px 0;line-height: 38px!important;}
.notice li:last-child{border-bottom: none}
.notice li p:before{content: '>'!important;color: #666!important;}
.new_top >div >img{width: 100%;height: 145px;}
.new_top >div p{text-align: center;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;width: 80%;margin: 10px auto}
.sec_3 ul{padding-top:10px; }
.sec_3 li{padding: 10px 0;display: flex;}
.sec_3 li img{width: 130px;height: 88px;}
.sec_3 li >div{width:78%;padding-left: 10px;line-height: 24px;}
.sec_3 li .tit{width: 100%;padding-bottom: 5px;}
.sec_3 li .cont{color: rgb(152,152,152);width: 100%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height:50px;}
.sec_3 li .cont a{color: rgb(152,152,152);}
.swiper2{width: 60%!important;height: 100%!important;}
.smal{width: 38%;height: 100%}
.swiper2 img{width: 100%;height: 100%;}
.smal img{width: 100%;height: 49%;margin-bottom: 2%;}
.swiper3 img{display: block;width: 50%!important;margin: 15px auto;}
.swiper3 p{text-align: center;font-size: 16px;}
.swiper3 .swiper-slide{display: inline-block!important;}
.swiper3 .swiper-slide:hover p{color: #2160ad;}
.activeImg >div:hover img,.activeImg >li:hover img{opacity: .85;}
.activeImg >div:hover p,.activeImg >li:hover p{color: #2160ad;}

footer{background: url("/_upload/tpl/01/6a/362/template362/img/foot.png")no-repeat;background-size:100% 100%;padding: 80px 0 50px;color: white;}
footer .ewm{width: 80px;margin: 0 20px;}
footer .links{width: 30%;line-height: 2}
footer .links li{width: 100%;}
footer .links li:before{content: '';font-size:11px;padding-right:0px;}
footer p{line-height: 2.5;}

@media screen and (max-width: 800px){
    header .w1200{height: 60px;}
    .sec_cont{padding: 10px;}
    .sec_cont >li{width: 100%;}
    .search{display:none;}
.dminner{height: 90px;}
    .navbar{position: absolute;width: 50vw;top:0;left: 100%;z-index: 99;height: 100vh;}
    nav >div{width: 100%;}
    nav >div ul{position: relative;background: none;}
    .mobile_nav{display: block;}
    .mobile_close{display: block;}
    footer >div >div{width: 100%!important;text-align: center}
    footer .ewm{margin: 20px auto!important;}
.sec_3 li{width:45%;}
.sec_cont .list > li p{width:100px;}
.news_list .news{width:43%;}
.phone_nav{  display: none;}
            .link {
                display: none;
            }

            .search {
                width: 100%;
                padding: 5px;
                border-radius: 0;
                margin: 0 5px;
            }
.menu2{
    position: absolute;
    top:50px;
    bottom: 0;
    right: .1rem;
     display: block;
   width:30px;
}
}

nav ul li .sec_box:hover >div{
	display: block;
}

nav{
   
    color: white;
    position: relative;
}
nav ul li{
    position: relative;
    width: 10%;
    border-left: 1px solid #eeeeee;
}
nav a{
    display: block;
    color: white;

}
nav ul li >a{
    text-align: center;
    padding: 16px;
    font-size: 17px;
color:black;
}
nav ul li >div a{
    padding:.05rem 0 0.05rem .1rem;
  color:#000;
font-size: 15px;
}
nav ul li >div{
    position: absolute;
    width: 100%;
    left: 0;
    top: 53px;
    background:#fff;
    display: none;
}
nav ul li{
    z-index: 99;
}
nav ul li:hover >div{
    display: block;
}
nav ul li a:hover{
    background: #1288E7;
  color:#ea8418;
}
nav ul li >div p{   
    position: absolute;
    width: 100%;
    background: rgba(0,148,38,.8);
    left:100%;
    display: none;
}
nav ul li div>a:hover p{
    display: block;
}
.sec_box{	
	position: relative;
}
.sec_box >div{
	position: absolute;
	width: 100%;
	left:100%;
	top:0;
	background: #fff;
	display: none;
}
nav ul li .sec_box:hover >div{
	display: block;
}

/*导航动画*/
.nav_anim ul li:hover div-feiqi {
    animation: .3s nav_anim ease-in;
}
.nav_anim ul li{
    transform-style:revert;
    transform: perspective(800px);
}
@keyframes nav_anim {
    0%{transform: rotateY(30deg);}
    50%{transform: rotateY(-30deg);}
    100%{transform: rotateY(0deg);}
}
  .menudiv {
  
        }
.nav_anim_t-feiqi{animation: trans_t 1s;}
nav {color:black; position: relative;}
.nav_close{
    position: absolute;
    top:.1rem;
    left: .1rem;
    border: 1px solid rgba(255,255,255,.5);
    font: 24px/1 '宋体';
    display: none;
}
.news_list {
    margin: 0 -10px;
}

.news_list .news .news_img {
    width: 100%;
    height: 163px;
    margin-bottom: 10px;
}.news_list .news .news_title {
    font-size: 12px;
    font-weight: bold;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}
.news_list .news .news_title  a{color:rgb(152,152,152);font-weight: normal;font-size: 14px;}
.news_list .news .news_img img {
    width: 100%;
    height: 100%;
}


 .news_list2 {margin: -3px;}
 .news_list2  .n1 .news_img {
 width: 224px;
    height: 150px;
}
 .news_list2  .n2 .news_img {
width: 224px;
    height: 142px;
}
 .news_list2 .news {float: left; width: auto; height: auto; margin: 3px; border: none; position: relative; overflow: hidden;}
 .news_list2 .news .news_title {width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 30px; line-height: 30px; padding: 0 5px;}
 .news_list2 .news .news_con {width: 100%; position: absolute; bottom: -100%; left: 0; z-index: 1; transition: all 0.5s;background-color: #0d0d0d;}
 .news_list2 .news:hover .news_con {bottom: 0;}
 .news_list2 li.news .news_bg {    position: absolute;    left: 0px;    bottom: -8px;    right: 0px;    height: 30px;    background:#000;opacity: .7;    filter: Alpha(opacity=70);}
.news_list2 .news .news_img img {    width: 100%;    height: 100%;}
 .news_list2 .news:hover .news_bg {width: 100%; height: 30px; position: absolute; bottom: 0;background:rgb(102,156,204);opacity: .7;    filter: Alpha(opacity=70);}
.news_list2 .news:hover .news_title a {color: #fff; font-weight: normal;width: 100%;}
.news_list2   .news_title a {color: #fff; font-weight: normal;width: 100%;}
.news_list2 .news:hover .news_img img {-webkit-transform: scale(1.4); -moz-transform: scale(1.4); transform: scale(1.4); filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; transition: all 1s;}