@charset "utf-8";


*{padding: 0;margin: 0; box-sizing: border-box;}

/* CSS Document */
button{border: none;outline: none;}
button:focus{ outline:none}
:root {
    --hover: #ec2800
}

@font-face {
    font-family: "syRegular";
    src: url("../fonts/syRegular.eot");
    src: url("../fonts/syRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/syRegular.woff") format("woff"), url("../fonts/syRegular.ttf") format("truetype"), url("../fonts/syRegular.svg#syRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "din";
    src: url("../fonts/din.eot");
    src: url("../fonts/din.eot?#iefix") format("embedded-opentype"), url("../fonts/din.woff") format("woff"), url("../fonts/din.ttf") format("truetype"), url("../fonts/din.svg#din") format("svg");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Microsoft Yahei','微软雅黑',SimSun,Arial,tahoma,arial !important;
    margin: 0;
    padding: 0;
    font-style: normal !important;
    font-variant: normal !important;
    color: #222;
    font-size: 12px;
}

a{
    color:#222;
    text-decoration:none;outline:none;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;
}
a:hover
{
    color:#1f9869;
    text-decoration:none;outline:none;
}
a:focus{outline:none;text-decoration:none;}
.clear {
    clear:both;
    font-size:0px;
    line-height:0;
    height:0;
}
* html .clearfix {
    zoom: 1;
}
*:first-child+html .clearfix {
    zoom: 1;
}
.cell, .cell2, .cell3 {
    border-collapse:collapse;
    border-spacing:0;
}
.fl {
    float:left;}
.fr {
    float:right;}
.yh {
    font-family:"Microsoft Yahei","微软雅黑";
}
a,img{border:0px;}

br{font-family:SimSun;}
*{padding: 0; margin: 0;}
p{margin:0px;padding:0px;line-height:20px;}
i{margin:0px;padding:0px;font-style:normal;}
ul{margin:0px;padding:0px;list-style:none;}
ul li{margin:0px;padding:0px;list-style:none;}
br{margin:0px;padding:0px;}
.clearheight{width:100%;height:1px;overflow:hidden;}
input,select,textarea{font-family:'syRegular',Arial,'Microsoft Yahei','微软雅黑',SimSun,Arial,tahoma,arial !important;outline:none;}
input::-ms-clear, input::-ms-reveal{
    display: none;
}
input[type="text"]:disabled
{
    background-color: #999;
}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

input:-ms-input-placeholder {
    color: #999;
}

input::-webkit-input-placeholder {
    color: #999;
}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button {
    -webkit-appearance: none;-webkit-tap-highlight-color:rgba(255,255,255,0);
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 100px white inset;-webkit-tap-highlight-color:rgba(255,255,255,0);
}
input[type=button],input[type=text],input[type=password]{-webkit-appearance:none;outline:none}
.in_body{opacity: 0;}
.section{ position: relative; height: 100vh;}
header{ width: 100%; }
.headerbg{ width: 100%; background: url("../images/top_bg.jpg") center no-repeat; background-size:cover;  padding: .2rem 0;}
header.inner{ position: static;}
.wapnav{ display: none;}
.navclose{ display: none;}

.subnavbg{ background:#fff url("../images/nav_bg.png") bottom center no-repeat; border-bottom-left-radius: 150px; padding-top: 1.28rem; border-top: 1px #eee solid; width: 100%; min-height: 400px; display: none;}
.topbox{ width: 100%; background: #00489d;}
.wrap_c{ width: 80%; margin: 0 auto; clear: both;max-width: 1280px;}
.d-flex{display: flex; justify-content: space-between; align-items: center;}
.logo{max-width: 9rem;}
.logo img{max-width: 100%;}
.logo img:nth-child(1){ display: block;}
.logo img:nth-child(2){ display: none;}
.searchbox{ width: 2.4rem; height: .38rem;  border: solid #ccc 1px; border-radius: .19rem;}
.searchbox form{display: flex;}
.searchbox input.input2{ width: 2.1rem; border: none; height: .38rem; padding: 0 .2rem; box-sizing: border-box; line-height: .38rem; background: transparent; font-size: .14rem; color: #333;}
.searchbox .submit1{ width: .38rem; height: .38rem;  border: none; background: none; }
.searchbox .submit1 img{ height: .38rem; width: auto;}
.top_nav>ul{display: flex; width: 100%;justify-content: space-between;}
.top_nav>ul>li{ position: relative;padding: 0 .2rem;}
.top_nav>ul>li:hover{ background: #083974; padding-top: .05rem; margin-top: -.05rem;}
.top_nav>ul>li>a{ display: block; font-size: 0.18rem; color: #fff; white-space: nowrap; font-weight: bold; line-height: .6rem;}
.top_nav>ul>li>div.subnav{ position: absolute; top:.6rem;left:0%; width: 100%;  text-align: left; display: none; background:#00489d; z-index: 9999; padding-bottom: .2rem;padding-left:0.1rem;}
.top_nav>ul>li>div.subnav>ul>li{ line-height: .26rem; font-size: 0.16rem; position: relative; margin: .1rem 0 0;}
.top_nav>ul>li>div.subnav>ul>li a{color:#fff;
    display: block; }
.top_nav>ul>li>div.subnav>ul>li a i{ float: right; margin-top: 5px;}
.top_nav>ul>li>div.subnav>ul>li.active:before{position: absolute; left: -.1rem;  top:.05rem; height: .16rem; width: 2px; background:#00489d; content: ''; }
.top_nav>ul>li>div.subnav>ul>li.active a,.top_nav>ul>li>div.subnav>ul>li a:hover{color:#00489d;}
div.subnav1{ display: block; margin-left: .18rem; margin-top: .1rem; }
.rotaimg{  transform:rotate(90deg);}
.top_nav>ul>li>div.subnav>ul>li>div.subnav1>a{ display: block; line-height: .3rem; color: #888;}

.banner img{ width: 100%; display: block;}
.wap-img{display: none}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: .3rem;}
.banner .swiper-pagination-bullet {
    width: 1.2rem;
    height:4px;
    display: inline-block;
    border-radius: 0;

    opacity: .3;
    background: #000;


}
.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin:  0 8px;
}
.banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #00489d;
}

.ban{ width: 100%; height: 100%; position: absolute; top:0; left: 0; right: 0; bottom: 0;display: flex; align-items: center;}
.ban_text{  width: 87%; margin: 0 auto; display: flex; align-items: center;}
.ban_con{ width: 43%;}
.ban p{ text-align: left;}
.ban p>img{ width: auto;}
.ban h3{ font-size: .54rem;  line-height:.9rem;color:#333; text-align: left; margin-bottom: .8rem;}
.ban h3>i{ display: block; font-size: .42rem;/*color:#fb3326;*/ margin-bottom: .14rem;}
.sec1{ width: 100%; padding: .7rem 0;}
.h3_tit1{ width: 100%; display: flex; justify-content: space-between; align-items: center; }
.h3_tit1 a.tit{ font-size: .32rem; color: #00489d;}
.h3_tit1 a.more img:nth-child(1){ display: block;}
.h3_tit1 a.more img:nth-child(2){ display: none;}
.h3_tit1 a.more img{max-width: 100%;}
.h3_tit1 a.more:hover img:nth-child(1){ display: none;}
.h3_tit1 a.more:hover img:nth-child(2){ display: block;}
.h3_tit1 a.tit:hover{  color: #00489d;}
.flex-start{ align-items: flex-start;}

.ibox1{width: 31%;}
.ibox1>a{ margin-top: .2rem;display: block; overflow: hidden;}
.ibox1>a>img{width: 100%;display: block;}
.ibox1 ul{ width: 100%; margin-top: .1rem;}
.ibox1 li a{display: block; font-size: .18rem; color: #333; line-height: .3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
span.date{ font-size: .14rem; color: #aaa; line-height: .3rem; white-space: nowrap;}
.sec2{background: url("../images/i_bg1.jpg") center no-repeat; background-size: cover; padding: .7rem 0;}
.sec2 .h3_tit1 a.tit{ color: #fff;}
ul.ul1{ width: 100%;  flex-wrap: wrap;}
ul.ul1 li{ width: 31%; background: #fff; padding: .1rem; display: flex; justify-content: space-between; margin-top: .2rem;}
ul.ul1 li span{ width: 25%; text-align: center; font-size: .16rem; color: #999;display: flex; align-items: center; justify-content: center; flex-direction: column;}
ul.ul1 li span>i{ font-size: .28rem; color: #00489d; display: block; line-height: 1.5;}
ul.ul1 li div{ width: 75%; line-height: .3rem;}
ul.ul1 li div a.a1{ font-size: .18rem; color:#333;}
ul.ul1 li div a.a2{ font-size: .14rem; color:#1c50a3;}
ul.ul1 li div a.a2 img:nth-child(1){display: block;}
ul.ul1 li div a.a2 img:nth-child(2){display: none;}
ul.ul1 li:hover{ background:#00489d; }
ul.ul1 li:hover span,ul.ul1 li:hover span>i,ul.ul1 li:hover div a.a1,ul.ul1 li:hover div a,a2{ color: #fff;}
ul.ul1 li:hover div a.a2 img:nth-child(1){display: none;}
ul.ul1 li:hover div a.a2 img:nth-child(2){display: block;}

.sec3{ padding: .7rem 0; background: #f6f7f8;}
.ibox2{ width:48%;}
ul.ul2{ }
ul.ul2 li{ width: 100%; background: #fff;display: flex;  margin: .3rem 0 0; }
ul.ul2 li>a{ width: 50%; display: block;  }
ul.ul2 li>a>img{ max-width: 100%;}
ul.ul2 li>div{padding: .25rem; width: 50%; display: flex;  flex-direction: column; justify-content: space-between;}
ul.ul2 li>div>a{font-size: .18rem; color:#333; line-height: .3rem;}

ul.ul3{ width:100%;background: #fff; padding: .2rem .25rem;  margin-top: .3rem;}
ul.ul3 li{ width: 100%; display: flex;  justify-content: space-between; align-items: center; border-bottom: solid #eee 1px; padding-bottom: .18rem; margin-top: .18rem;}
ul.ul3 li>a{ font-size: .18rem; color:#333; line-height: .3rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
ul.ul4{width: 100%; margin-top: .3rem;}
ul.ul4 li{ width: 19%; border: solid #eee 1px;}
ul.ul4 li>a>img{max-width: 100%; display: block;}
ul.ul4 li:hover{ border-color:#00489d; }
ul.ul3 li>a:hover,.ibox1 li a:hover,ul.ul2 li>div>a:hover{color: #00489d;}
footer{width: 100%; background: url("../images/bottom_bg.jpg") top  no-repeat; background-size: cover; padding: .4rem 0;}
.foot_l{ color: #94a2d2; }
footer p{line-height: .3rem;color: #94a2d2;font-size: .16rem;}
.foot_r p{ text-align: center;}
.wap_p{ display: none;}
@media(max-width:749px){
    header{ height: 1.4rem;}
.wrap_c{ width: 92%;}
    .wapnav{ display: block;}
    .wapnav img{max-height:.5rem; width: auto;}
    .navclose{ display: block;}

    .searchbox{ display: none;}
    .logo img:nth-child(1){ display: none;}
    .logo img:nth-child(2){ display: block; max-height: 1rem; width: auto;}
    .topbox{ background: rgba(0,0,0,0.3); position: fixed; width: 100%;  top:1.4rem; left:0; z-index: 9999;display: none;
       overflow-y: auto; height: 100%; }
    .pc-img{ display: none;}
    .wap-img{ display: block;}
    .top_nav{ width: 100%; background: #fff;border-top: solid #eee 1px;}
    .top_nav>ul{ flex-direction: column;}
    .top_nav>ul>li{margin: 0 .6rem; border-bottom: solid #eee 1px;padding: .25rem 0;}
    .top_nav>ul>li>a{ display: block; font-size: 0.32rem; color: #000; white-space: nowrap; font-weight: normal; }
    .top_nav>ul>li:hover{ background: none; padding-top:.25rem; margin-top: 0;}
    .top_nav>ul>li>a:hover,.top_nav>ul>li>a.active{ color:#00489d; }
    .top_nav>ul>li>div.subnav{position: static; width: 100%; background: none; margin-top: .4rem; display: block;}
    .top_nav>ul>li>div.subnav>ul{ display: flex;flex-wrap:wrap;}
    .top_nav>ul>li>div.subnav>ul>li a{color:#000;font-size: .26rem;}
    .top_nav>ul>li>div.subnav>ul>li a:hover,.top_nav>ul>li>div.subnav>ul>li a.active{color:#00489d;}
    .top_nav>ul>li>div.subnav>ul>li{margin-right: .2rem;}
    .d-flex{ flex-wrap: wrap;}
    .ibox1{width: 100%; padding-bottom: .3rem;}
    .ibox1:last-child{ padding-bottom: 0;}
    ul.ul1 li {width: 100%;}
    ul.ul1 li:nth-child(4),ul.ul1 li:nth-child(5),ul.ul1 li:nth-child(6){ display: none;}
    .ibox2{ width: 100%;}
    .ibox2:nth-child(2){ margin-top: .4rem;}
    ul.ul4{ justify-content: flex-start; }
    ul.ul4 li {width: 31.5%; margin-bottom: .2rem; margin-right: 2.75%;}
    ul.ul4 li:nth-child(3n){ margin-right: 0;}
    .foot_l,.foot_r{display: none;}
    .wap_p{ display: block; width: 100%;}
    .wap_p p{ text-align: center;font-size: .28rem; line-height: 2; color: #fff;}

    .ibox1 li a,ul.ul1 li div a.a1{ font-size: .26rem; margin-top: .2rem;}
    span.date{font-size: .22rem; margin-top: .1rem;display: block; white-space: nowrap;}
    ul.ul1 li span,ul.ul1 li div a.a2{font-size: .2rem;}
    ul.ul1 li span > i{font-size: .3rem;}
    ul.ul2 li > div > a,ul.ul3 li > a{ font-size: .26rem;}
    ul.ul3 li > a{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-right: .2rem;}
    ul.ul1 li{ padding: .2rem;padding-left: 0;}
}