@charset "utf-8";
/* CSS Document */

*{padding: 0; margin: 0;}
body{ overflow-x: hidden;}
img{ border:none; font-size: 0; }
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
a{ text-decoration: none; color: black;display: inline-block; }
li{ list-style: none; }

.lubo{ width: 100%; min-width:1000px;clear: both; position: relative;}
.lubo_box{ position: relative; width: 100%; padding-bottom:41%;}
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%;  opacity: 0;filter:alpha(opacity=0);z-index: 99;}
.lubo_box li a{ display: block;width: 100%;  height: 100%;position: relative;}
.lubo_box li img{ width: 100%;position: relative;}

.lubo_box li a h3{font-size:2.2vw;color:#fff;position: absolute;left:50%;top:38%;font-weight:bold;text-shadow: 1px 1px 1px #2373d2;margin-left: -50%;text-align: center;width: 100%;}
.lubo_box li a h3 span{color:#f08519;}
.lubo_box li a p{font-size:1vw;color:#fff;position: absolute;left:50%;top:47%;margin-left: -50%;text-align: center;width: 100%;}
.lubo_box li a dd{font-size:16px;color:#fff;position: absolute;left:10%;top:49%;background:#2373d2;padding: 15px 55px;border-radius: 0px;}

/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 10px; height: 10px; margin:0 5px; cursor: pointer; background: #003366; opacity: 0.8;filter:alpha(opacity=80);border-radius: 50%;}
.cir_on{ background: #f08519 !important;}

.banner{width:100%;position: relative;}
.banner img{width:100%;position: relative;}
.banner h3{font-size:2.2vw;font-weight:bold;color:#fff;position:absolute;top:300px;left:50%;text-shadow: 3px 3px 7px #333;margin-left:-50%;width:100%;text-align:center;}
.banner dd{font-size:1vw;font-weight:normal;color:#fff;position:absolute;top:370px;left:50%;text-shadow: 3px 3px 7px #333;margin-left:-50%;width:100%;text-align:center;}

/*about*/
.yfabout{width:1280px;overflow: hidden;margin: 120px auto;}
.aboutl{width:100%;overflow: hidden;margin-top: 1vw;}
.aboutl img{float:left;width:100%;border-radius: 8px;height: auto;}

.juti{width:100%;overflow: hidden;}
.juti h3{color: #333;font-size: 36px;text-align:center;margin-bottom:20px;font-weight:bold;margin: 0 0 30px 0;}
.juti h3 span{color:#f08519;}
.juti p{font-size: 16px;color: #888;line-height:30px;margin-bottom:20px;width: 100%;float: left;margin-left: 0px;}

/*文化*/
.accordion-DIV {
  width: 100%;
  max-width: 80%;
  margin: 60px auto;
  overflow: hidden;
  padding-left: 0%;
  padding-right: 0%;
}
.accordion-DIV > .accordion {
  /* border:$defaultBorder; */
}

.accordion {
  clear: both;
  overflow: hidden;
}
.accordion [data-name=accordion] {
  border: thin solid #efefef;
}
.accordion .accordion-li {
  float: left;
  color: #333;
  border-right: none;
  overflow: hidden;
  width: 100px;
  transition: width 1.5s;
  position: relative;
  cursor: pointer;
  margin-right:3px;
}
.accordion .accordion-li .accordion-img {
  border: thin solid #efefef;
}
.accordion .accordion-li:last-child {
  border-right: thin solid #efefef;
}
.accordion .accordion-li::before {
  content: "";
  display: block;
  position: absolute;
  
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.2;
  transition: all 0.5s;
}
.accordion .accordion-li .accordion-description {
  content: "";
  display: block;
  position: absolute;  
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.7;
  transition: all 0.5s;
  top: inherit;
  bottom: 50%;
  height: 50%;
  margin-bottom: -135px;
  padding: 1.5%;
}
.accordion .accordion-li .accordion-content, .accordion .accordion-li .accordion-title, .accordion:hover .accordion-li li.active .accordion-title, .accordion:hover li.active .accordion-li .accordion-title {
  opacity: 0;
  transition: all 0.5s;
  margin-top: 15px;
  color: #fff;
  line-height:30px;
  width: 480px;
  font-size:16px;
}
.accordion .accordion-li .accordion-title {
  font-size: 30px;
  font-weight: bold;
  color:#fff;
  text-shadow: 6px 5px 6px #000;
}
.accordion .accordion-li .accordion-icon {
  position: absolute;
  left: 21%;
  top: 75%;
  width:auto;
  font-size: 24px;
  z-index: 10;
  opacity: 1;
  transition: opacity 2.5s;
  color:#fff;
  text-shadow: 6px 5px 6px #000;
}
.accordion:hover li {
  width: 100px;
  transition: width 1.5s;
}
.accordion:hover li.active {
  /* width:600px !important; */
  transition: width 0.5s;
}
.accordion:hover li.active::before {
  opacity: 0;
}
.accordion:hover li.active .accordion-icon {
  opacity: 0;
  transition: opacity .2s;
}
.accordion:hover li.active .accordion-description {
  content: "";
  display: block;
  position: absolute;  
  width: 60%;
  height: 100%;
  left: 0;
  opacity: 1;
  transition: all 0.5s;
  padding-top: 9%;
  height: auto;
  top: 150px;
  text-shadow: 6px 5px 6px #000;
}
.accordion:hover li.active .accordion-content, .accordion:hover li.active .accordion-title {
  opacity: 1  !important;
  transition: all 2s;
}
.accordion-description{margin:0 60px;}
.accordion.verticality {
  clear: both;
  overflow: hidden;
}
.accordion.verticality .accordion-li {
  width: 100%;
  float: inherit;
  border: thin solid #efefef;
  height: 100px;
  transition: height .6s;
  border-bottom: none;
}
.accordion.verticality .accordion-li .accordion-description {
  left: 50%;
  bottom: 0;
  width: 30%;
  height: 95%;
  margin-bottom: 0px;
  margin-top: auto;
  margin-left: -224px;
  transition: all .8s;
}
.accordion.verticality .accordion-li .accordion-img {
  width: 100%;
}
.accordion.verticality .accordion-li:last-child {
  border-bottom: thin solid #efefef;
}
.accordion.verticality .accordion-li.active {
  width: 100% !important;
  transition: height .6s;
}
.accordion.verticality .accordion-li.active::before {
  opacity: 0;
}
.accordion.verticality .accordion-li.active .accordion-icon {
  opacity: 0;
  transition: all 0.5s;
}
.accordion.verticality .accordion-li.active .accordion-description {
  margin-left: 0;
  width: 98%;
  height: 50%;
  top: inherit;
  bottom: 0;
  left: 0;
  opacity: 1;
  padding-top: 1.5%;
  transition: height .8s;
}
.accordion.verticality .accordion-li.active .accordion-description .accordion-title, .accordion.verticality .accordion-li.active .accordion-description .accordion-content, .accordion.verticality .accordion-li.active .accordion-description .accordion-title {
  opacity: 1;
  transition: opacity 1s;
}
.accordion .ver-toggle {
  display: none;
}
.accordion .accordion-img {
  display: block;
}
.accordion a {
  display: block;
  
  width: 100%;
  height: 100%;
}


.swiper-slide.footer {
	height: auto !important;
}
.spinner {
	margin: auto;
	width: 20px;
	height: 20px;
	position: relative;
}
.container1 > div, .container2 > div, .container3 > div {
	width: 6px;
	height: 6px;
	background-color: #3cbddb;
	border-radius: 100%;
	position: absolute;
	-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
	animation: bouncedelay 1.2s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.spinner .spinner-container {
	position: absolute;
	width: 100%;
	height: 100%;
}
.wenhua{width:100%;text-align:center;margin-bottom: 32px;}
.wenhua h3{color: #333;
    font-size: 36px;
    font-weight: bold;
    margin: 0vh 0 0vh 0;}
.wenhua dd{margin: 0 auto 1vw auto;
    background: #3cbddb;
    width: 50px;
    height: 3px;}
.wenhua p{line-height: 30px;
    color: #888;
    font-size: 16px;
    margin: 0 auto 3vw auto;
    max-width: 640px;}
	
.about3{width: 80%;
    margin: 0 auto;
    text-align: center;}
.about3 h3{color: #333;
    font-size: 36px;margin-top: 4vw;font-weight:bold;margin-bottom: 10px;}
.about3 h3 span{color:#f08519;}
.about3 dd{height:5px;
    width: 50px;
    background-color: #bf4824;
    margin-top: 1vw;
    margin-bottom: 1.5vw;margin-left: 38vw;}
.about3 p{color: #666;letter-spacing: 0px;
    font-size: 16px;    line-height: 30px;}

.ry{width:1280px;margin:30px auto 4vw auto;overflow: hidden;}
.marqueeleft{width:100%;overflow:hidden;margin:0px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 15px;display:inline;width:257px;overflow:hidden;border: 1px solid #ddd;padding: 15px;}
.marqueeleft li .pic{display:block;border:#ccc 0px solid;width:257px;padding:2px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}
.marqueeleft li img{width:98%;}

.shiji{text-align:center;overflow: hidden;padding-bottom: 120px;background-image: url(../images/anlibg.png);}
.shiji h3{font-size:36px;color:#333;padding:100px 0 10px 0;letter-spacing: 0px;}
.shiji h3 img{width: 260px;position: relative;top: 12px;right: 10px;}
.shiji dd{font-size:56px;color:#fff;line-height: 30px;padding-top:30px;font-weight:normal;letter-spacing: 3px;margin-bottom: 150px;}

.shiji ul{padding:0;margin:0 auto;width:1280px;border-top:0px solid #ddd;}
.shiji ul li{
    float: left;
    width: 19.5%;
    text-align: center;
    margin-right: 2%;
    margin-top: 0px;
    overflow: hidden;
    padding: 50px 2%;
    background: #fff;
    height: 180px;}
.shiji ul li:nth-child(4) {margin-right: 0px;}
.shiji ul li h4{font-size:24px;color:#f08519;margin:15px 0 5px 0;}
.shiji ul li p{font-size:16px;color:#666;line-height: 25px;font-weight: normal;}

.quanqiuall{background-image: url(../images/anlibg.png);}
.quanqiu{width:1280px;margin:0 auto 120px auto;overflow: hidden;}
.quanqiur{float:left;width:60%;}
.quanqiur img{width:100%;border-radius: 10px;}
/*数字++++++++++*/
.digital{width: 40%;margin: 2vw auto 0vw auto;height: auto;background-size: cover;float:left;}
.digital h3{font-size:36px;color:#333;}
.mainll{width:100%;}
.mumping_mun li{width: auto;
    padding-right: 6.5vw;
    display: inline-block;
    height: 5vw;
    text-align: center;}
.mumping_mun li:nth-child(5){padding-right: 0vw;}
.mun_top{margin-bottom:-17px;}
.mumping_mun{width:100%;list-style: none;margin: 0px auto;top:5vw;
    position: relative;}
.mumping_mun dd{font-size:0.8vw;width: 100%;display: block;clear: both;color: #666;text-align: center;font-weight:normal;padding-top: 0.3vw;}
.mumping_mun p{font-size: 12px;width: 100%;display: block;clear: both;color: #000;text-align: left;}
.mumping_mun h2{font-size:1.7vw;font-weight:bold;float: left;margin-right: 0.2vw;color:#f08519;font-family: 黑体;}
.mumping_mun span{color: #000;font-size: 12px;float: left;
    font-weight: normal;}
.mumping_mun img{padding:5px 0px 20px 0px;width:1.1vw;}

@media screen and (max-width: 767px) and (min-width: 0px){
.banner img {
    width: 100%;
    position: relative;
    margin-top: 10vw;
}
.banner h3 {
    font-size: 5vw;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 22vw;
    left: 50%;
    text-shadow: 3px 3px 7px #333;
    margin-left: -50%;
    width: 100%;
    text-align: center;
}
.banner dd {
    font-size: 4vw;
    font-weight: normal;
    color: #fff;
    position: absolute;
    top: 28vw;
    left: 50%;
    text-shadow: 3px 3px 7px #333;
    margin-left: -50%;
    width: 100%;
    text-align: center;
}
.yfabout {
    width: 94%;
    overflow: hidden;
    margin: 20px auto;
}
.aboutl {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-right: 0%;
}
.aboutl img {
    float: left;
    width: 100%;
    border-radius: 8px;
    height: auto;
}
.wenhua {
    width: 100%;
    text-align: center;
    margin-bottom: 32px;
    display: none;
}
.juti {
    width: 100%;
    overflow: hidden;
    float: left;
}
.juti h3 {
    color: #333;
    font-size: 5vw;
    text-align: left;
    margin-bottom: 20px;
    font-weight: bold;
    margin: 20px 0 20px 0;
}
.juti p {
    font-size: 14px;
    color: #888;
    line-height: 30px;
    margin-bottom: 8px;
    width: 100%;
    float: left;
    margin-left: 0px;
}
.about3 h3 {
    color: #333;
    font-size: 5vw;
    margin-top: 4vw;
    font-weight: bold;
    margin-bottom: 10px;
}
.about3 p {
    color: #666;
    letter-spacing: 3px;
    font-size: 14px;
    line-height: 30px;
}
.ry {
    width: 94%;
    margin: 30px auto 4vw auto;
    overflow: hidden;
}
.marqueeleft li {
    float: left;
    margin: 0 15px;
    display: inline;
    width: 164px;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 15px;
}
.marqueeleft li img {
    width: 62%;
}
.digital {
    width: 94%;
    margin: 2vw auto 0vw auto;
    background: url(../images/about/ditu.jpg) no-repeat center;
    height: 70vw;
    background-size: cover;
}
.mumping_mun {
    width: 100%;
    list-style: none;
    margin: 0px auto;
    top: 12vw;
    position: relative;
}
.mumping_mun dd {
    font-size: 3.8vw;
    width: 100%;
    display: block;
    clear: both;
    color: #666;
    text-align: center;
    font-weight: normal;
    padding-top: 0.3vw;
}
.mumping_mun h2 {
    font-size: 6.3vw;
    font-weight: bold;
    float: left;
    margin-right: 0.2vw;
    color: #f08519;
    font-family: 黑体;
}
.mumping_mun li {
    width: auto;
    padding-right: 22.5vw;
    display: inline-block;
    height: 18vw;
    text-align: left;
}
.mumping_mun li:nth-child(2n) {
    padding-right: 0vw;
}
.mumping_mun li:nth-child(3) {
    padding-right:26vw;
}
.wenhua h3 {
    color: #333;
    font-size: 5vw;
    font-weight: bold;
    margin: 10vh 0 2vh 0;
}
.accordion-DIV {
    width: 100%;
    max-width: 94%;
    margin: 40px auto;
    overflow: hidden;
    padding-left: 0%;
    padding-right: 0%;
}
.accordion .accordion-li {
    float: left;
    color: #333;
    border-right: none;
    overflow: hidden;
    width: 100px;
    transition: width 1.5s;
    position: relative;
    cursor: pointer;
    margin-right: 0px;
}
.accordion .accordion-li {
    float: left;
    color: #333;
    border-right: none;
    overflow: hidden;
    width: 100px;
    transition: width 1.5s;
    position: relative;
    cursor: pointer;
    margin-right: 0px;
}
.shiji ul li {
    float: left;
    width: 41%;
    text-align: center;
    margin: 0 2.5%;
    margin-top: 30px;
}
.shiji ul li img{width:10vw;}
.shiji ul li h4 {
    font-size: 18px;
    color: #f08519;
    margin: 15px 0 5px 0;
}
.banner {
    width: 100%;
    position: relative;
    display: none;
}
.lubo{ width: 100%; min-width:100%;clear: both; position: relative;}
.lubo_box {
    position: relative;
    width: 100%;
    padding-bottom: 60%;
}
.lubo_box li img {
    width: 100%;
    position: relative;
    height: 60vw;
}
.lubo_box li a h3 {
    font-size: 4.5vw;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 43%;
    font-weight: bold;
    text-shadow: 1px 1px 1px #2373d2;
    margin-left: -50%;
    text-align: center;
    width: 100%;
}
.lubo_box li a p {
    font-size: 3.5vw;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 55%;
    margin-left: -50%;
    text-align: center;
    width: 100%;
    display:none;
}
.about3 {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
.quanqiu {
    width: 96%;
    margin: 0 auto 20px auto;
    overflow: hidden;
}
.digital h3 {
    font-size: 5vw;
    color: #333;
    text-align: center;
}
.quanqiur {
    float: left;
    width: 100%;
}
.shiji ul {
    padding: 0;
    margin: 0 auto;
    width: 96%;
    border-top: 0px solid #ddd;
}
}