@charset "utf-8";
html{ font-size: 100px; }
body{font-family:"Microsoft YaHei";  background: #E7E7E7; color:#333; font-size:14px;}
*{margin:0px;padding:0px;list-style: none; }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#0B619E}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}



.w1200{ width: 1200px; margin: auto; }
.content{ margin:20px auto; }
.middle{ margin: 20px auto;  }

.top1{ background: #E7E7E7; height: 35px; line-height: 35px; border-bottom: #E7E7E7 1px solid; }
.top_r i{ display: inline-block; width: 25px; height: 25px;  background: #CB0327; color: #fff; text-align: center; line-height: 25px; border-radius: 5px; margin-right: 10px; }
.top_r b{ font-size: 18px; color: #FF828E; }
.top{ margin: auto; background: #E7E7E7; border-top: #fff 1px solid; padding:10px 0;}
.logo{  }
.logo a{display: flex; align-items: center; }
.logo_name{ margin-left: 10px; padding-left: 10px; border-left: #ccc 1px solid; font-size: 16px; }
.logo_name p{ font-size: 20px; color: #1e81ea; font-weight: bold; margin-top:5px; }
.nav{ font-size: 16px; }
.nav li{ float: left; text-align: center; position: relative; z-index: 999;padding: 10px 0;}
.nav li a{ display: block;  margin-left: 20px; padding:5px 10px; border-radius: 5px; }
.nav li a:hover,.nav li.on a{ background: #09357F; color: #fff;}


.nav li .sub-box1{ position:absolute;text-transform:none; top:72px; left: -45%;  width:200%; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:#fff; }
.nav li .sub-box a{ display: block; margin: auto; font-size: 14px;  padding:0px 10px; text-align: center; border-bottom: #004F88 1px dotted; line-height: 45px; }
.nav li .sub-box a:hover{ background: #4078c2; color: #fff; }
.box1{ height: 45px; line-height: 45px; border-bottom: #E7E7E7 1px solid; }
.box2{margin: auto;  border-top: #fff 1px solid; padding:10px 0;}
.gg_box{ width: 600px;}
.sou{ border:#ccc 1px solid; height: 30px; line-height: 30px; width: 250px; margin-top: 7px; }
.sou input{float: left; width: 200px; background: none; border: none; line-height: 30px; height: 30px; text-indent: 10px;}
.sou a{ display: block; background: #0B619E; color: #fff; font-size: 20px; overflow: hidden; float: right; width: 50px; height: 30px; text-align: center;  }
.gg_box i{ display: block; float: left; margin-right:10px; color: #09357F}
.gg_con{ float: left; width: calc(100% - 35px); }

#zuo {overflow:hidden;  height: 50px; }
#inzuo { float: left; width: 800%;  }
#zuo1 { float: left;}
#zuo a{ display: block; float: left; margin-right:30px; }
#zuo2 { float: left;}

.box{ padding:20px 0; }
.index_dh{ margin: auto; text-align: center;  border-bottom: #ccc 1px solid;}
.index_dh span{ display: block; font-family: Arial; margin:auto; color: #999; }
.index_dh b{ font-size: 24px; color: #000; display: block; margin:2px auto 12px auto; }

.index_dh:after{ height: 3px; width: 150px; background: #237FCC; content: ""; display: block;  margin:auto; margin-bottom: -2px;}

.left{ width: 22.5%; margin-right: 30px; }
.left_box{border:#ccc 1px solid; margin-bottom: 20px; }
.left_name{background: linear-gradient(to bottom, #F1F1F1 50%, #D5D7D6 100%); height: 50px; line-height: 50px; padding-left: 10px;   font-size: 16px;}
.left_name span{ font-family: Arial; font-size: 14px; color: #999; }
.left_dh{ margin:auto; padding:10px; }
.left_dh li{ margin-top: 10px;   }
.left_dh li a{ display: block;background: linear-gradient(to bottom, #fff 50%, #ddd 100%);  border:#ccc 1px solid; padding:12px 10px; border-radius: 5px; }
.left_dh li a i{padding-right: 5px; font-size: 14px; color: #999; }
.left_dh li a:hover,.left_dh li a.on{background: linear-gradient(to bottom, #2B70E4 50%, #0E3E90 100%);  color: #fff;}
.left_dh li a:hover i,.left_dh li a.on i{ color: #fff; }
.left_dh dl { background: #fff; padding:1px 0; }
.left_dh dl dd a{margin:10px auto; display: block; border-bottom: #ddd 1px dotted; padding-bottom:10px;}
.left_dh dl dd a.on{ color: #1e81ea; font-weight: bold; }

.right{ overflow: hidden; }
.right_dh{ margin:auto; background: url(../images/dhbg.png) no-repeat bottom left; padding-bottom: 30px; }
.right_name{ font-size: 16px; font-weight: bold; padding-left: 10px; padding-top: 10px; }
.more a{display: block; width: 80px; height: 30px; line-height: 30px;  font-size: 12px; background: #09357F; text-align: center; color: #fff; border-radius: 5px;}
.more a i{ font-size: 12px; margin-left:5px; display: inline-block; }
.more a:hover{ background: #0B619E; }

.pic_list li{ float:  left; width: 32%; margin-left: 2%; margin-bottom: 2%; }
.pic_list li.li1{ margin-left: 0; }
.pic_list li .pic span{ padding-top: 66%; }
.pic_list li .pic span img{object-fit: contain;}
.pic_list li a{ display: block; border:#ddd 1px solid; padding:10px; text-align: center; }
.pic_list li a h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 14px; margin-top: 5px;}
.pic_list li a:hover{ border:#0B619E 1px solid; }

.ys_list{ background: #C6C6C6; margin:0px auto; }
.ys_list li{ /*float: left; width: 50%;*/ }
.ys_list li .con{ margin:auto;   padding:30px 0; text-align: center; border-right:#237FCC 5px solid;}
.ys_list li .text{ width: 50%; margin:auto; }
.ys_list li .text span{ display: block; font-size: 36px; font-weight: bold; color: #237FCC; }
.ys_list li .text h3{ font-size: 16px; font-weight: bold; margin:10px auto; }
.ys_list li .text p{ line-height: 1.5; margin:auto; font-size: 12px; }
.ys_list li .pic span{ padding-top: 40%; }
.ys_list li:nth-child(2n) .con {border-left:#237FCC 5px solid; border-right: none;}
.ys_list li.li2 .pic span,.ys_list li.li3 .pic span{ padding-top: 46%; }

.box3{ background: #fff; padding:50px 0; }
.box3 .w1200{margin:50px auto 0 auto;}
.news_box{  padding:20px; }
.news_dh{ border-bottom: #ccc 1px solid; padding-bottom: 10px; }
.news_name{ font-size: 16px; font-weight: bold; padding-top:5px; }

.news_l{  background: #E7E7E7;  overflow: hidden;}
.news_r{background: #E7E7E7;  float: left; width: 36%; margin-right:10px; }
.news_list_tj{ margin:20px auto; }
.news_list_tj li .pic{ float: left; width: 25%; margin-right: 20px; }
.news_list_tj li .pic span{ padding-top: 66%; }
.news_list_tj li .text{ overflow: hidden; padding-top:15px; }
.news_list_tj li h3{ color: #09357f; font-weight: bold; font-size: 16px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_list_tj li span{ display: block; color: #999; margin:5px auto; }
.news_list_tj li p{ color: #666; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.news_list{ margin:auto; }
.news_list li{ margin:0 auto 20px auto; }
.news_list li h3{ color: #09357f; font-weight: bold; font-size: 15px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_list li span{ display: block; color: #999; margin:5px auto; }
.news_list li p{ color: #666; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_list1{ position: relative; margin:20px auto; }
.news_list1 .pic span{ padding-top: 166.6%; }

.news_list1 .swiper-button-next, .news_list1 .swiper-button-prev{ outline: none; background: #B9B9B9; color: #fff;  }
.news_list1 .swiper-button-next:after,.news_list1 .swiper-button-prev:after{font-size: 18px;}
.news_list1 .swiper{ width: 71.2%; }
.news_list1 .swiper-button-next{ right: 0; }
.news_list1 .swiper-button-prev{ left: 0; }
.news_list1 .swiper-button-next:hover, .news_list1 .swiper-button-prev:hover{ background: #666; }

.foot{ background: #09357F; margin: auto; padding:20px 0px; text-align: center; color: #fff; line-height: 180%; }
.foot a{ color: #fff; }
.foot a:hover{ color: #ccc; }
.foot_nav{ margin:10px auto; }
.foot_nav a{ display: inline-block; margin:10px; }
.foot span{ display: inline-block; margin:0 10px; }
.nbanner{ margin: auto;  }
.nbanner .pic span{ padding-top: 15.625%; }
.n_dh{ margin: auto;  text-align: center; }
.n_dh a{ display: inline-block; padding: 10px 20px; font-size: 16px; margin: 50px 10px 20px 10px; }
.n_dh a:hover{color: #fff; background: #1E4FB1; }
.n_dh a.on{color: #fff; background: #1E4FB1; }

.left_con{ margin:15px; border-bottom: #ccc 1px solid;}
.left_con p{ margin:10px auto; }
.left_con p b{ display: block;  }
.left_wei{ margin:10px auto;  text-align: center; }
.left_wei img{ margin:auto; display: block; width: 150px; }
.left_wei p{margin-top: 5px; }

.lxwm{ margin:auto;}
.lxwm li{ float: left; width: 30%; margin-left: 5%;  text-align: center;}
.lxwm li .lxwm_top{ margin:auto;}
.lxwm li .lxwm_top i{ width: 80px; height: 80px; display: block; margin:auto; line-height: 80px;  border: #ccc 1px solid; text-align: center; font-size: 36px;  color: #546EDF; border-radius: 100%;}
.lxwm li:first-child{ margin-left: 0; }

.lxwm li .text{ margin:auto; font-size: 16px; }
.lxwm li .text b{ display: block; margin:20px auto 10px auto; font-size: 18px; }
.map{ margin:50px auto; }