@charset "utf-8";







.ab_wp{width: 100%; padding: 38px 0px 110px 0px; background: #fff;}



.abg2{background: #f0f0f0;}



.ab_timg{width: 100%; padding-bottom: 20px;}

.ab_timg img{display: block; width: auto; height: auto; max-width: 100%; margin: 0 auto;}



.ab_con1{width: 90%; max-width: 1500px; margin: 0 auto;  font-size: 16px; line-height: 35px;}

.ab_con1 p{line-height: 35px;}

.ab_con1 img{max-width:100%; height:auto;}









@media only screen and (min-width:1366px) {

.ry{width:90%; height:550px; max-width:1250px; margin:0 auto; padding-bottom: 10px;}

.ry .swiper-container {

      width:100%;

	  margin: 0 auto;

      height: 100%;

      margin-left: auto;

      margin-right: auto;

    }

	

.ry .swiper-wrapper{ width:90%; margin: 0 auto;}



.ry .swiper-slide {

      text-align: center;

	  border: #e6e6e6 1px solid;

	  box-sizing: border-box; 

	  padding: 5px;

      background: #fff;

      height: calc((100% - 70px) / 2);

      /* Center slide text vertically */

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      -webkit-justify-content: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      -webkit-align-items: center;

      align-items: center;

    }

	

	.ry .swiper-slide img{max-width: 100%; display: block; margin: 0 auto; height: 100%;}

	



.ry .swiper-slide p{line-height:3.5em !important;}

.ry .swiper-button-next{top:35%; right: 0px; color:#fff; text-shadow:#C2C2C2 1px 1px 3px;}

.ry .swiper-button-prev{top:35%; left: 0px;  color:#fff; text-shadow:#C2C2C2 1px 1px 3px; }

	

}









@media only screen and (min-width:1000px) and (max-width:1365px) {

	

.ry{width:90%; height:470px; max-width:1100px; margin:0 auto; padding-bottom: 10px;}



.ry .swiper-container {

      width: 100%;

      height: 100%;

      margin-left: auto;

      margin-right: auto;

    }



.ry .swiper-slide {

      text-align: center;

	  border: #e6e6e6 1px solid;

	  box-sizing: border-box; 

	  padding: 5px;

      background: #fff;

      height: calc((100% - 60px) / 2);

      /* Center slide text vertically */

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      -webkit-justify-content: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      -webkit-align-items: center;

      align-items: center;

    }

	

	.ry .swiper-slide img{max-width: 100%; display: block; margin: 0 auto; height: 100%;}

.ry .swiper-slide p{line-height:3.5em !important;}

}







@media only screen and (max-width:999px) {

	

.ry{width:90%; height:450px; max-width:1200px; margin:0 auto; padding-bottom: 20px;}



.ry .swiper-container {

      width: 100%;

      height: 100%;

      margin-left: auto;

      margin-right: auto;

    }



.ry .swiper-slide {

      text-align: center;

	  border: #e6e6e6 1px solid;

	  box-sizing: border-box; 

	  padding: 5px;

      background: #fff;

      height: calc((100% - 60px) / 2);

      /* Center slide text vertically */

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      -webkit-justify-content: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      -webkit-align-items: center;

      align-items: center;

    }

	

	.ry .swiper-slide img{max-width: 100%; display: block; margin: 0 auto; height: 100%;}

.ry .swiper-slide p{line-height:3.5em !important;}

}















.abg3{ padding-bottom:150px; min-height: 300px;background: url("../img/ab_10.jpg") bottom center no-repeat;}





.ab_con2{width: 100%;  margin: 0 auto;   font-size: 16px; line-height: 35px;}

.ab_con2 p{line-height: 35px;}































/*大事记start*/

.about_bg{width:100%;height: auto;background: url(../img/about_bg.jpg) no-repeat;background-size:cover; float: left; margin-top:20px;}

.event_box{width:100%;position:relative;  min-height:420px;  }

.event_box .parHd {width:100%;display:inline-block;height:92px;}

.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}

.parHd .tempWrap{margin:0 auto;}

.parHd .tempWrap:after{content:'';width:100%;height:1px;background:rgba(0,0,0,0.3);position:absolute;/* top:33%;*//* right:-140%;*/right:0;top:16%;/* margin-top:-0.5px;*/z-index:10;}

.parHd li.no_line:before{display:none;}

.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:22px;color:#333;margin:0 60px;position:relative; padding:0px 0px; font-family: arial;}

.parHd li:after{content:''; background:url(../img/dot_ico.png) no-repeat center;width:20px;height:20px;position:absolute;z-index:20;top:-25px;left:50%;margin-left:-12px;border-radius: 50%;}

.parBd{margin-top:70px; height:350px; width:80%; margin: auto;}

.parBd .slideBox{position:relative}

.parBd .tex{ width:100%; position:absolute; z-index:2; font-size:14px; line-height:30px; color:#333;}

.parBd .tex ul{ display:flex; justify-content: center;}

.parBd .tex ul li{ width:50%; background-color:; border-radius: 5px; font-size:16px; line-height:32px; text-align: center; position:relative;}

.parBd .tex ul li .pic{ padding:16px; display: none; position:absolute; z-index:111; left:calc(50% - 16px); top:-17px; background:url(../img/xsjiant.png) no-repeat center;}

.parBd .tex ul li h1{ height:48px; display: none; background-image: linear-gradient(to right, #039846 , #a3d06a ); padding-left:30px; line-height:48px; font-size:24px; color:#333; margin-bottom:0px; margin-top:0px}

.parBd .tex ul li p{ padding:0px; color:#333}

div#listBox {width:100%;}

.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:-10px; cursor:pointer; z-index: 11;}

.sPrev{left:60px;}

.sNext{right:70px;}

.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}


.sPrev img{display: block; border-radius:50%; box-shadow:0px 0px 10px #eee; transition: 0.5s;}
.sNext img{display: block; border-radius:50%; box-shadow:0px 0px 10px #eee; transition: 0.5s;}


.sPrev img:hover{ box-shadow:0px 0px 10px #333;}
.sNext img:hover{ box-shadow:0px 0px 10px #333;}



.parHd li.act span{display:block;width:20px;height:20px;overflow:hidden; background:url(../img/cat.png) no-repeat center;border-radius: 50%;position:absolute;top:-25px;left:12px;z-index:21;}

.parHd li span,.parHd li.clone span{display:none;}	

/*大事记start*/



.lcbt{

	width: 100%;

	float: left;

	text-align: center;

	margin-top: 80px;

	margin-bottom: 60px;

}

.lcbt dl dt{

	font-size: 30px;

	color: #333;

	line-height: 40px;

	font-weight:bold;

}

.lcbt dl dd{

	font-size: 14px;

	color:rgba(255,255,255,0.6);

	line-height: 30px;

	margin-top: 5px;

	text-transform: uppercase;

}











































@media (max-width:1199px) {







/*大事记start*/

.about_bg{width:100%;height: auto;background: url(../img/about_bg.jpg) no-repeat;background-size:cover; float: left;}

.event_box{width:90%;margin:5% auto 0;position:relative;min-height:320px;  }

.event_box .parHd {width:100%;display:inline-block;height:92px;}

.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}

.parHd .tempWrap{margin:0 auto; width: 90%;}

.parHd .tempWrap:after{content:'';width:100%;height:1px;background:rgba(0,0,0,0.3);position:absolute;/* top:33%;*//* right:-140%;*/right:0;top:16%;/* margin-top:-0.5px;*/z-index:10;}

.parHd li.no_line:before{display:none;}

.parHd li{display:inline-block;cursor:pointer;padding-top:10px;font-size:16px;color:#333;margin:0 2.0rem;position:relative;}

.parHd li:after{content:''; background:url(../img/dot_ico.png) no-repeat center;width:20px;height:20px;position:absolute;z-index:20;top:-25px;left:50%;margin-left:-12px;border-radius: 50%;}

.parBd{margin-top:60px; height:350px; width:80%; margin: auto;}

.parBd .slideBox{position:relative}

.parBd .tex{ width:100%; position:absolute; z-index:2; font-size:14px; line-height:30px; color:#333;}

.parBd .tex ul{ display:flex; justify-content: center;}

.parBd .tex ul li{ width:100%; background-color:#; border-radius: 5px; font-size:14px; line-height:28px; overflow:hidden}

.parBd .tex ul li h1{ height:48px; display: none; background-image: linear-gradient(to right, #039846 , #a3d06a ); padding-left:30px; line-height:48px; font-size:24px; color:#FFFFFF; margin-bottom:0px; margin-top:0px}

.parBd .tex ul li p{ padding:0px; color:#333}

div#listBox {width:100%;}

.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:6.0rem; cursor:pointer;}

.sPrev{left:0;}

.sNext{right:0;}

.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}

.parHd li.act span{display:block;width:20px;height:20px;overflow:hidden; background:url(../img/cat.png) no-repeat center;border-radius: 50%;position:absolute;top:-25px;left:7px;z-index:21;}

.parHd li span,.parHd li.clone span{display:none;}	

/*大事记start*/



.lcbt{

	width: 100%;

	float: left;

	text-align: center;

	margin-top: 2.0rem;

	margin-bottom: 2.0rem;

}

.lcbt dl dt{

	font-size: 1.5rem;

	color: #FFFFFF;

	line-height: 2.0rem;

}

.lcbt dl dd{

	font-size: 0.8rem;

	color:rgba(255,255,255,0.6);

	line-height: 1.5rem;

	margin-top: 5px;

	text-transform: uppercase;

}



}









.ab_con4{width: 90%;  margin: 0 auto; max-width: 1550px;  font-size: 16px; line-height: 35px;}

.ab_con4 p{line-height: 35px;}

.ab_con4 ul li{display:block; width: 33.33%; height: 170px; float: left; font-size: 18px; line-height: 40px; box-sizing: border-box; padding-right:20px;}





.whtxt1{width: 100%; height: 60px; line-height: 60px; font-size: 32px; color: #222; font-weight: bold;}

.whtxt1 sup{ font-size: 14px; font-weight: normal; margin-left: 8px; color: #666;}