@charset "utf-8";
/** @清除内外边距 **/body,div,p,h1,h2,h3,h4,h5,h6,/* structural elements 结构元素 */dl,dt,dd,ul,ol,li,/* list elements 列表元素 */pre,/* text formatting elements 文本格式元素 */form,button,input,textarea,/* form elements 表单元素 */table,th,td {margin:0;outline:none;-webkit-tap-highlight-color:transparent;color:#282828;}
h1,h2,h3,h4,h5,h6,i,b {font-weight:normal;}
body,button,input,select,textarea {font:14px/24px "微软雅黑",Georgia,Microsoft YaHei;}
/* span,p {font-family:Georgia,Microsoft YaHei;font-size:16px;line-height:32px;} */
/*@h1,h2,h3,h4,h5,h6 {font-size:100%;}
*/em,i {font-style:normal;}
.youxiu ul,.section-bullets{ padding: 0 ;}
/* 将斜体扶正 */small {font-size:12px;}
/* 小于 12px 的中文很难阅读，让 small 正常化 *//** @重置列表元素 **/li {list-style:none;}
/** @重置文本格式元素 **/a {text-decoration:none;outline:none;color:#282828;}
a:hover {text-decoration:none; color: #08318f;}
/** @重置表单元素 **/img {border:0;}
/* img 搭车：让a链接里的 img 无边框  当没有正确路径时alt的文字大小*/button,input,select,textarea {font-size:100%;line-height:normal;}
/* 使得表单元素在 ie 下能继承字体大小 *//** @重置表格元素 **/table {border-collapse:collapse;border-spacing:0;}
input[type="button"],input[type="submit"],input[type="reset"] {cursor:pointer;}
/* @ie6 7 8(q) bug  */iframe {display:block;}
/* @清浮动 */.clearfix:after {display:block;content:" ";clear:both;}
.clearfix {zoom:1;/* for IE6 IE7 */}
/* @浮动 */.fl {float:left;}
.fr {float:right;}
.text-center {text-align:center;}
.fw {font-weight:bold;}

.bgfff {background-color:#fff;}
.bgf2 {background-color:#f2f2f2;}
.bgf4 {background-color:#f4f4f4;}
.bgf7 {background-color:#f7f7f7;}
.bgf7faff {background-color:#f7faff !important;}
.bgfa {background-color:#fafafa !important;}
.bg0077c0 {background-color:#0077c0;}
/* @转块 */.dis-block {display:block;}
.dis-inblock {display:inline-block;}
body {position:relative;width:100%;height:100%;background-color:#fff;}

.idx-social{ width: 1250px; margin: 0 auto;height: 350px;}
.fix-width_1{width:510px;    float: left;}
 
.fix-width_2{ width: 700px;    margin: 40px 0 0 0; float: left; border-radius: 7em 0em 7em 0em; overflow: hidden; }
.fix-width_2 img{display: block;
    width: 100%;
    height: 100%;
	    border-radius: 7em 0em 7em 0em;
 
	 -webkit-transition:all 0.3s linear;transition:all 0.3s linear;
    box-shadow: -1px 8px 28px -1px rgb(77 160 151 / 92%);}
.fix-width_2  img:hover{-webkit-transform:scale(1.05);transform:scale(1.05);}

.fix-width {width:1200px;margin:0 auto 200px;position: relative;    background: url(../images/wzt202105_01.png) no-repeat;}
.fix-width_1 .fix-width  {width:510px;}
.youxiu .fix-width { background:none;}
.position-relative {position:relative;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {opacity:.65;}
 body{background: url(../images/banner.jpg) #fff top center no-repeat;}
header{width: 1200px; height: 400px; margin: 0 auto 3px;}

.top_hot_top{ width: 100%; height: 80px;}
.nav_h1 {width: 1240px; height: 105px; margin: 0 auto; padding-top: 10px; position: relative;   position: relative; z-index: 999;}

.bza_box{font-size: 16px; line-height: 30px; padding: 50px;}
.bza_box p{text-indent: 2em;letter-spacing:0.1em;margin-bottom: 15px;font-size: 18px;}

.top_hot{ width: 100%; height: 80px; background:#08318f;box-shadow:0px 1px 26px -12px #5e5e5e;position:relative;}
.top_hot ul{ display: block; width: 920px; margin: 0 auto;    text-align: center;}
.top_hot li{ display: block; width: 178px; margin-right: 005px; float: left; text-align: center;}
.top_hot li a{ font-size:24px; line-height: 80px;  color: #e7d29f;font-weight: 400;}
.top_hot li a:hover{color: #fff;}
.top_hot li.vo a{color: #fff; font-weight: bold;}
.banner_2{ width:1200px; margin:0x auto;  padding-top: 17px;}
.logo1{ float: left; margin-top: 0px; /* box-shadow: inset 0px 0px 10px 5px #fff, 0px 1px 50px 30px #fff; */}
.logo1 img{ width: 640px;}
.banner_2 img{ float: left;}
.bza{ width: 1200px; border: 1px solid #c9bc9c; position: relative; margin:59px auto 0;}
.bza_title{ width: 150px;font-size: 32px;line-height: 36px; color: #08318f; left: 50%; height: 50px; margin-left: -75px; top: -25px; background: #fff;  position: absolute; text-align: center; font-weight: 500; font-family: Microsoft YaHei; letter-spacing: 4px;}
.bza_s{display: inline-block;font-size: 35px; font-weight: 200; color: #c9bc9c;  position: absolute; left: 50%;  margin-left: -22.5px;  top: -9px; cursor: pointer; width: 40px;  height: 57px;  background: url(../images/bza.png) 0px 32px no-repeat; display: none;}
.list_her_h1{  padding-left: 0px;   line-height: 55px;   color: #fff;  position: absolute; top: -169px;  left: 0;}
.list_her_h1 a{color: #000;}
.list_her_h1 a:hover{color: #08318f;}
.bza_x{display: inline-block; font-size: 35px;font-weight: 200; color: #c9bc9c; position: absolute; left: 50%; margin-left: -22.5px; bottom: -21px; width:40px; height:57px; background:url(../images/bza.png) no-repeat;   cursor: pointer;    background-position:0 -23px;}
.bza_s{transition:All 0.4s ease-in-out;}
.bza_s:hover{transform:translate(0,10px);}
.bza_x{transition:All 0.4s ease-in-out;}
.bza_x:hover{transform:translate(0,-10px);}
.vd-banner-s4 li{list-style-type:disc;}
.vd-banner-s4 .swiper-slide{height: 455px;}
.vd-banner-s4 .swiper-slide ul{ margin-left: -20px; padding-top:25px;}
.vd-banner-s4 .swiper-slide li{ font-size: 18px; line-height: 48px;text-align: left;}

.vd-b-s5 .swiper-container  {padding: 50px 1px 0px;}


.youxiu{ width: 1350px; height: 345px;padding-top: 0; margin: 0 auto; position: relative;}
.youxiu li{ width:380px; height:400x;  display: block; float: left; text-align: center;    padding: 0 10px; position: relative;transition:All 0.3s ease-in-out;}
.youxiu li img{ width:380px; height: 215px;border: 1px solid #efefef;box-shadow:-5px -1px 21px -1px rgb(75 132 125 / 92%)}
.youxiu li:hover{transform:translate(0,-10px);}

.youxiu li p{width: 312px;
    font-size: 18px;
    padding: 74px 0 0 68px;
    top: 90px;
    left: 11px;
    display: inherit;
    line-height: 32px;
    float: left;
    text-align: left;
    height: 52px;
    position: absolute;
    overflow: hidden;
    background: url(../images/yy_11.png) no-repeat;
    border-radius: 19px;}
.youxiu li span{ display: block; height: 60px; text-align: center; font-size: 18px;color: #999999;}
.foor{ width: 100%; height:300px; text-align: center;  background: #031e5d;position: relative;z-index: 160;}
.foor img{ padding-top: 90px; margin-left: 20px;display: block;
    margin: 0 auto;}
.foor p{ padding-top: 15px; color: #fff;}
.foor p a{  color: #fff;}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.mod18 {width:1200px;height:340px;margin:0 auto 0;position:relative;background:url(../images/mod18.jpg) no-repeat;}
.mod18 .btn {position:absolute;width:15px;height:70px;top:336px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
/* .mod18 .prev {left:0;background:url(images/prevBtn.png) no-repeat;} */
.mod18 #prevTop,.mod18 #nextTop {top:213px;width:46px;height:48px;  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;}
.mod18 #prevTop:hover,.mod18 #nextTop:hover{ opacity: .6 !important;}
.mod18 #prevTop { position:absolute; background: url(../images/icon-black4-l.png);border: 1px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;  -ms-border-radius: 50%; -o-border-radius: 50%; overflow: hidden; background-repeat: no-repeat;  background-position: center;  background-size: 22px; top: 25px; right:155px;  width: 40px; height: 40px; margin-top: 0; border-color: #373737; background-color: #fff; }
.mod18 #nextTop {position:absolute; background: url(../images/icon-black4-r.png); border: 1px solid #fff;border-radius: 50%;-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; overflow: hidden; background-repeat: no-repeat; background-position: center;  background-size: 22px; top: 25px; right: 30px; width: 40px;  height: 40px; margin-top: 0;  border-color: #373737; background-color: #fff;}
.mo18_a{width: 78px; height: 43px;  position: absolute; top: 34px; right: 74px; font-size: 18px; margin-left: 95px; text-align: center;font-family: Microsoft YaHei;}			  
.gb{ font-size: 30px;}
.mod18 .next {right:0;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li {float:left;}
.mod18 .cf li {position:relative;color:#fff;}
.mo18_a span{ margin: 5px;font-weight: 100;}
.mod18 .cf li >a {display:block;width:480px;height:300px;color:#fff; float: right;position: absolute;top:25px; left: -3px;background: #fff;}
/* .mod18 .cf li span {display:block;width:640px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");} */
.mod18 .cf li span {color: #062869;}
.mod18 .picBox {height:305px;position:relative; }
.mod18 .picBox ul {height:300px;position:absolute;}
.mod18 .picBox li {width:1160px;display: none;}
.picBox_box{width:635px;height:190px; margin:100px 13px 0 35px; float: right; color: #02328D;}
.picBox_box h3 {width:635px; height: 35px; overflow: hidden;}
.picBox_box h3 a{ font-size: 30px; color: #282828;line-height: 30px;}
.picBox_box h3 a:hover{color: #08318f;}
.picBox_box h4{ font-size: 14px; color: #999999; margin:15px 0 30px;}
.picBox_box p{/* text-indent:2em; */width: 635px; font-size: 18px; line-height: 32px; color: #999999;}

.picBox_box span a{ font-size: 16px;color: #02328D;position: relative;}
.picBox_box span a:after{ content:'';
  position: absolute;
  bottom: 0;
  left:0;
  right:0;
  margin: auto;
  width:100%;
  height: 1px;
  border-bottom: 1px solid #02328D;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;}
  
 .picBox_box span a:hover:after{
    content:'';
    width:40%;
  }
  
.picBox_box br{ display: none;}


.mod18 .listBox {width:700px;height:70px;margin-left:40px;position:relative;padding:0px 0 10px;overflow:hidden; display: none;}
.mod18 .listBox ul {height:70px;position:absolute;}
.mod18 .picBox li img{ width: 480px; height: 300px;transition:All 0.3s ease-in-out;  }

.mod18 .picBox li img:hover{transform:translate(0,-10px);}
.mod18 .listBox li {width:60px;height:60px;cursor:pointer;position:relative; margin: 5px;}
.mod18 .listBox li i {display:none;}
.mod18 .listBox li a {display:block;width:124px;height:70px;}
.mod18 .listBox li img {width:60px;height:60px;}
.mod18 .listBox .on img {width:54px;height:54px;border:3px solid #5fefff;}
.mod18 .listBox .on i {display:block;}
.swiper-slide{position: relative;}
.gd1{ right:10px; position:absolute;top:-25px;font-size:12px;color:#999999;}
.gd2{position: absolute;right: 0; top: -21px;font-size:12px;color:#999999;}
.gd3{  position: absolute;  right: 30px; bottom: 10px;}
.gd4{position: absolute;  right:10px; top: 50px; font-size: 16px; color: #08318f;line-height: 20px;}
.gd4 span:hover{padding-bottom:-1px; border-bottom:1px solid #08318f}








