*{

	margin: 0;

	padding: 0;

}

/*@font-face{

	font-family:'pingfang';

	src:url('../fonts/PingFang SC.ttf');

	font-weight:normal;

	font-style:normal;

}*/

@font-face{

	font-family:'lishu';

	src:url('../fonts/lishu.ttf');

}

body{

	font-size: 0.1rem;

	font-family: 'pingfang';

	color: #333;

}

.gray{

	background: #F8F8F8;

}

a{

	text-decoration: none;

	color: #333;

}

.fl{

	float: left;

}

.fr{

	float: right;

}

.clear{

	clear: both;

}

ul,li{

	list-style: none;

}

header{

	width: 100%;

	height: 0.52rem;

	background-color: rgba(255,255,255,0.95);

}

.fix{

	position: fixed;

	z-index: 99999;

	top: 0;

	left: 0;

	box-shadow: 0px 1px 5px #ccc;

}

.none{

	display: none;

}

.nav-fix{

	position: fixed;

	z-index: 99999;

	top: 50%;

	left: 0.4rem;

	margin-top: -1.2rem;

}

.on1,.on1 a{

	color: #fff;

}

.on1 li:after{

	border: 2px solid #fff !important;

}

.on1 li:nth-child(1) a,.on2 li:nth-child(2) a,.on3 li:nth-child(3) a,.on4 li:nth-child(4) a,.on5 li:nth-child(5) a{

    color:#008aff;

}

.on1 li:nth-child(1):after,.on2 li:nth-child(2):after,.on3 li:nth-child(3):after,.on4 li:nth-child(4):after,.on5 li:nth-child(5):after{

	border: 2px solid #008aff !important;

}

.on1 li:nth-child(1) em,.on2 li:nth-child(2) em,.on3 li:nth-child(3) em,.on4 li:nth-child(4) em,.on5 li:nth-child(5) em{

	display: block;

}



.nav-fix li{

	padding: 0.05rem 0 0.05rem 0.12rem;

	position: relative;

}

.nav-fix li:after{

	content: '';

	display: block;

	width: 0.08rem;

	height: 0.08rem;

	border-radius: 0.08rem;

	border: 2px solid #999;

	position: absolute;

	left: 0;

	top: 0.06rem;

}

.nav-fix li em{

	display: none;

	font-style: normal;

}

.logo{

	width: 1.2rem;

	margin-left: 12%;

	margin-right: 8%;

	height: 0.52rem;

	display: flex;

	justify-content: center;

	align-items: center;

}

.logo img{

	width: 100%;

}

.nav li{

	display: inline;

	height: 0.52rem;

	line-height: 0.52rem;

	margin-right: 0.2rem;

	position: relative;

}

.active a{

	color: #008aff;

}

.active a:after{

	width: 0.4rem !important;

	background: #008aff;

	height: 2px !important;

}

.home.active a:after{

	width: 0.2rem !important;

}

.nav li a:hover{

	color: #008aff;

}

.active a:after{

	width: 0.4rem;

}

.nav li a:after {

    content: ' ';

    position: absolute;

    z-index: 2;

    bottom: -0.04rem;

    left: 50%;

    display: block;

    width: 0.4rem;

    height: 1px;

    transform: translate(-50%);

}

.nav li a:hover:after {

    height: 2px;

    animation: ad_width .5s linear forwards;

    background: #008aff;

}

.nav li.home a:after{

    width: 0.2rem;

}

.nav li.home a:hover:after {

    animation: ad_width2 .5s linear forwards !important;

}

@keyframes ad_width {

    from {

        width: 0

    }

    to {

        width: 0.4rem

    }

}

@keyframes ad_width2 {

    from {

        width: 0

    }

    to {

        width: 0.2rem

    }

}

.languge{

	position: absolute;

	right: 12%;

	top: 0.2rem;

	padding-right: 12px; 

}

.languge a{

	color: #008aff;

}

.languge:after{

	content: '';

	display: block;

	width: 0.06rem;

	height: 0.04rem;

	background-image: url(../img/ico-down.png);

	background-position: right center;

	background-repeat: no-repeat;

	background-size: 0.06rem 0.04rem;

	position: absolute;

	right: 0;

	top: 0.05rem;

}

.banner-img img{

	width: 100%;

}

.banner-txt-box{

	position: absolute;

	width: 100%;

	z-index: 9999;

	text-align: center;

	top: 1.12rem;

	color: #fff;

}

.banner-txt-box h3{

	font-size: 0.36rem;

	font-weight: 600;

	padding: 0 0 0.04rem 0;

	text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);

	font-family: LiSu;

}

.banner-txt-box h4{

	font-size: 0.14rem;

	font-weight: normal;

	padding: 0.1rem 0 0.02rem 0;

}

.banner-txt-box h5{

	display: block;

	margin: 0 auto;

	background-color: rgba(0,138,255,0.7);

	width: 4.0rem;

	height: 0.24rem;

	line-height: 0.24rem;

	border-radius: 0.04rem;

	text-align: center;

	font-size: 0.11rem;

	font-weight: normal;

}

.search{

	font-size: 0.08rem;

	height: 0.4rem;

	line-height: 0.40rem;

	position: relative;

}

.search a{

	margin: 0 0.03rem;

}

.search-ipt{

	width: 3rem;

	height: 0.2rem;

	border: 1px solid #ccc;

	border-radius: 0.2rem;

	outline: none;

	position: absolute;

	top: 0.1rem;

	right: 30%;

	padding-left: 0.1rem;

	font-size: 0.08rem;

	color: #c6c1c1;

}

.search-btn{

	width: 0.18rem;

	height: 0.18rem;

	outline: none;

	position: absolute;

	top: 0.11rem;

	right: 31%;

	padding-left: 0.1rem;

	background-color: #fff;

	border: none;

	background-image:url("../img/ico-search.png");

	background-repeat: no-repeat;

	background-position: center center;

	background-size: 0.12rem 0.12rem;

	cursor: pointer;

}

.cate-box{

	width: 2.278rem;

	height: 1.852rem;

	background-image:url("../img/bg1.jpg");

	background-repeat: no-repeat;

	background-position: center center;

	background-size: 2.278rem 1.852rem;

}

.cate-box li{

	height: 0.463rem;

	border-bottom: 1px solid #fff;

	color: #fff;

	font-size: 0.12rem;

	position: relative;

}

.cate-box li i{

	font-style: normal;

	font-size: 0.12rem;

	display: block;

	padding: 0.1rem 0 0 0.2rem;

}

.cate-box li em{

	font-style: normal;

	font-size: 0.08rem;

	display: block;

	padding: 0 0 0 0.2rem;

}

.cate-box li a{

	color: #fff;

}

.cate-box li:hover{

	background-color: rgba(0,138,255,0.7);

}

.cate-box li span{

	position: absolute;

	font-size: 0;

	right: 0;

	bottom: 0;

}

.cate-box li span img{

	height: 0.2rem;

}

.topic-item{

	font-size: 0;

}

.topic-item img{

	width: 100%;

}

.topic-item h4{

	font-size: 0.1rem;

	font-weight: normal;

}

.topic-item h4 a{

	color: #fff;

	padding: 0 0.08rem;

}

.topic-list li{

	height: 0.24rem;

	line-height: 0.24rem;

	position: relative;

}

.topic-list li span{

	position: absolute;

	right: 0.08rem;

	top: 0;

	color: #bcbcbc;

}

.topic-list li a:hover{

	color: #008aff;

}

.topic-list h4{

	font-size: 0.16rem;

	font-weight: 400;

	color: #008aff;

	padding: 0.18rem 0 0.04rem 0;

	position: relative;

}

.topic-list h4 span{

	position: absolute;

	right: 0.08rem;

	top: 0.24rem;

	font-size: 0.1rem;

	padding-left: 0.14rem;

	cursor: pointer;

	font-weight: normal;

}

.topic-list h4 span:after{

	content: '';

	display: block;

	width: 0.12rem;

	height: 0.12rem;

	background-image: url("../img/ico-refresh.png");

	background-position: right center;

	background-repeat: no-repeat;

	background-size: 0.12rem 0.12rem;

	position: absolute;

	left: 0;

	top: 0.01rem;

}

.topic-list h5{

	font-size: 0.10rem;

	text-align: center;

	font-weight: normal;

	padding: 0.08rem 0 0 0;

}

.topic-list h5 a{

	color: #008aff;

}

.yl-topic{

	margin-left: calc(18%);

}

.product-container{

	margin-left: calc(18%);

	padding: 0.28rem 0 0.28rem 0;

}

.society{

	margin-left: calc(18%);

	padding-bottom: 0.18rem;

}

.yl-topic-left{

	width: 70%;

}

.yl-topic-right{

	width: 30%;

}

.topic-image img{

	width: 5.69rem;

	height: 2.80rem;

}

.topic-image h4{

	height: 0.44rem;

	line-height: 0.44rem;

	font-size: 0.16rem;

	font-weight: normal;

}

.topic-image h4 a{

	color: #008aff;

}

.grid-box-2 {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-template-rows: auto;

    width: 100%;

    grid-row-gap: 0;

    grid-column-gap: 0;

}

.grid-box-2-1 {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-template-rows: auto;

    width: 100%;

    grid-row-gap: 0;

    grid-column-gap: 0.2rem;

}

.grid-box-3 {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-template-rows: auto;

    width: 100%;

    grid-row-gap: 0;

    grid-column-gap: 0.1rem;

}

.grid-box-3-1 {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-template-rows: auto;

    width: 100%;

    grid-row-gap: 0;

    grid-column-gap: 0.08rem;

}

.grid-box-3-2 {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-template-rows: auto;

    width: 100%;

    grid-row-gap: 20px;

    grid-column-gap: 15px;

}

.grid-box-3-3 {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-template-rows: auto;

    width: 100%;

    grid-row-gap: 20px;

    grid-column-gap: 0.2rem;

}

.grid-box-4 {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    grid-template-rows: auto;

    width: 100%;

    grid-row-gap: 0;

    grid-column-gap: 0.1rem;

}

.grid-box-5 {

    display: grid;

    grid-template-columns: repeat(5, 1fr);

    grid-template-rows: auto;

    width: 100%;

    grid-row-gap: 0;

    grid-column-gap: 0;

}

.grid-box-6 {

    display: grid;

    grid-template-columns: repeat(6, 1fr);

    grid-template-rows: auto;

    width: 100%;

    grid-row-gap: 0;

    grid-column-gap: 0;

}

.grid-box-9 {

    display: grid;

    grid-template-columns: repeat(9, 1fr);

    grid-template-rows: auto;

    width: 100%;

    grid-row-gap: 0;

    grid-column-gap: 0.1rem;

}

.topic-item{

	width: 1.346rem;

	height: 0.92rem;

	position: relative;

	overflow: hidden;

}

.topic-item h4{

	position: absolute;

	width: 100%;

	height: 0.20rem;

	line-height: 0.20rem;

	color: #ccc;

	bottom: 0;

	left: 0;

	background-color: rgba(0,0,0,0.8);

	color: #ff;

}

.topic-item img{

	width: 1.346rem;

	height: 0.92rem;

}

.product-item{

	position: relative;

	font-size: 0;

	border-left: 1px solid #fff;

	overflow: hidden;

}

.product-item:hover .product-mask{

	display: none;

}

.product-item:hover .product-txt,.product-item:hover .product-txt h5 a{

	color: #008aff;

}

.product-item:hover .product-txt h4:after{

	background: #008aff;

}

.product-mask{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0,138,255,0.5);

	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

.product-txt{

	position: absolute;

	left: 0;

	top: 2rem;

	width: 100%;

	text-align: center;

	color: #fff;

}

.product-txt a{

	color: #fff;

}

.product-txt h4{

	font-size: 0.16rem;

	font-weight: 600;

	padding-bottom: 0.6rem;

}

.product-txt h4:after{

	content: '';

	display: block;

	width: 0.4rem;

	height: 0.02rem;

	background: #fff;

	position: absolute;

	left: 50%;

	top: 0.22rem;

	margin-left: -0.2rem;

}

.product-txt h5{

	font-size: 0.1rem;

	font-weight: normal;

}

.product-txt h5 a{

	text-decoration: underline;

}

.product-item img{

	width: 100%;

}

.cate-list{

	padding-left: 0.16rem;

}

.society-image{

	font-size: 0;

	overflow: hidden;

}

.society-image img{

	width: 5.936rem;

	height: 3.456rem;

}

.society-left{

	width: 73%;

}

.society-right{

	width: 27%;

}

.slide-ul-box{

	width: 73%;

	padding: 0.24rem 0;

}

.slide-ul li{

	display: inline;

	height: 0.36rem;

	line-height: 0.36rem;

	border-top: 2px solid #666;

	font-size: 0.12rem;

	font-weight: 400;

	cursor: pointer;

}

.slide-ul li.cur{

	background: #008aff;

	border-top: 2px solid #008aff;

	color: #fff;

}

.slide-ul li.cur span{

	display: block;

	padding-left: 0.1rem;

}

.society-text{

	padding: 0.1rem;

}

.society-text h4{

	font-size: 0.16rem;

	font-weight: 400;

	color: #008aff;

	padding-bottom: 0.2rem;

}

.society-text p{

	line-height: 180%;

	padding-bottom: 0.2rem;

}

.society-text h5{

	text-align: right;

	font-weight: normal;

	font-size: 0.1rem;

}

.society-text h5 a{

	color: #008aff;

	text-decoration: underline;

}

.culture{

	width: 100%;

	height: 3.38rem;

	background-image: url("../img/bg2.jpg");

	background-position: center center;

	background-repeat: no-repeat;

	background-size: 100% 3.38rem;

}

.culture-item{

	position: absolute;

	width: 36%;

	right: 17.6%;

}

.culture h3,.culture h4{

	text-align: right;

	padding-right: 17.6%;

}

.culture h3{

	padding-top: 0.4rem;

	font-weight: 600;

	color: #666;

	font-size: 0.16rem;

}

.culture h4{

	padding-top: 0.1rem;

	font-weight: normal;

	color: #666;

	padding-bottom: 0.3rem;

}

.culture-item-left{

	width: 62.6%;

	color: #fff;

	font-size: 0;

	position: absolute;

	left: 0;

	top: 0;

}

.culture-item-right{

	width: 35.6%;

	color: #fff;

	font-size: 0;

	position: absolute;

	right: 0;

	top: 0;

}

.culture-item-right h2{

	text-align: center;

}

.culture-item-right h6{

	text-align: center;

}

.bg-blue{

	background: #008aff;

	position: relative;

}

.culture-item-box{

	overflow: hidden;

}

.culture-item-box img{

	width: 100%;

	height: 1.75rem;

	opacity: 0.2;

}

.culture-txt{

	position: absolute;

	left: 0;

	top: 0;

	z-index: 99999;

}

.culture-txt2{

	position: absolute;

	width: 100%;

	left: 0;

	top: 0;

	z-index: 99999;

}

.mg1{

	margin-bottom: 0.08rem;

}

.culture-item-small1{

	overflow: hidden;

}

.culture-item-small1 img{

	width: 100%;

	height: 0.82rem;

	opacity: 0.2;

}

.culture-item-small2{

	overflow: hidden;

}

.culture-item-small2 img{

	width: 100%;

	height: 0.85rem;

	opacity: 0.2;

}

.culture-txt h5{

	font-size: 0.12rem;

	font-weight: normal;

	padding: 0.3rem 0.1rem 0.1rem 0.1rem;

}

.culture-txt p{

	font-size: 0.08rem;

	padding: 0.1rem 0.1rem;

	line-height: 180%;

}

.culture-txt2 h6,.culture-txt2 h2{

	text-align: center;

	font-weight: normal;

}

.culture-txt2 h6{

	font-size: 0.08rem;

	padding: 0.3rem 0 0 0;

}

.culture-txt2 h2{

	font-size: 0.12rem;

}





/*返回顶部*/

.sidebar.act{right:0}

.sidebar{position:fixed;top:200px;right:-50px;width:50px;height:203px;z-index:100;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}

.sidebar li{width:auto;height:50px;position:absolute;z-index:20}

.sidebar li a{display:block;color:#FFF;font-size:14px;height:50px;line-height:50px;overflow:hidden;background-color:#595656;opacity:0.8;border-radius:6px}

.sidebar li a img{display:block;float:left;vertical-align:middle;width:24px;height:24px;margin:12px 12px 14px 14px}

.sidebar li a:hover{background-color:#0f6ab4;opacity:1}

.sidebar li.message{position:absolute;top:51px;left:0;width:126px}

.sidebar li.telephone{position:absolute;top:102px;left:0;width:172px}

.sidebar li.wechat{top:153px}

.sidebar li.top{top:204px}

.sidebar li.top,.sidebar li.wechat{position:absolute;left:0;width:62px}

.sidebar li.wechat .wechat-code{position:absolute;top:-0.2rem;left:-1rem;width:1.2rem;height:1.2rem;padding-bottom:0.05rem;display:none}

.sidebar li.wechat .wechat-code img{display:block;padding:0.05rem;background-color:#FFF;width: 0.8rem; height: 0.8rem;}

.sidebar li:hover .wechat-code{display:block}





footer{

	background: #dedede;

}

.foot{

	margin: 0 12%;

	padding: 0.32rem 0 0 0;

}

.foot-nav{

	width: 85%;

	margin-bottom: 0.1rem;

}

.foot-nav-item h4{

	font-weight: 600;

	color: #242424;

	padding-bottom: 0.1rem;

}

.foot-nav-item li{

	padding: 0.03rem 0;

	font-size: 0.08rem;

}

.foot-nav-item li a:hover{

	text-decoration: underline;

}

.foot-tel{

	width: 1.1rem;

}

.foot-tel h4{

	font-size: 0.1rem;

	color: #242424;

}

.foot-tel h5{

	font-size: 0.1rem;

	color: #242424;

	height: 0.52rem;

	display: flex;

	align-items: center;

}

.foot-tel h5 img{

	margin-left: 0.08rem;

}

.foot-tel p{

	font-size: 0.14rem;

	color: #242424;

	padding: 0.02rem 0 0.12rem 0;

}

.foot-adress h4{

	font-size: 0.1rem;

	color: #242424;

	padding-bottom: 0.1rem;

}

.foot-adress p{

	line-height: 180%;

	font-size: 0.08rem;

	color: #7a7878;

}

.foot-ewm-box{

	width: 31.5%;

	padding-bottom: 0.08rem;

}

.ewm-item img{

	width: 100%;

}

.ewm-item h4{

	font-size: 0.08rem;

	font-weight: normal;

	text-align: center;

}

.copyright{

	border-top: 1px solid #cbc9c9;

	padding: 0.1rem 0;

	font-size: 0.08rem;

	color: #666;

}

.copyright a{

	color: #666;

}

.copyright span{

	margin: 0 0.08rem;

}



.topic .swiper-pagination-bullet {

    width: 0.15rem;

    height: 0.03rem;

	border-radius: 0;

    background: #d6d6d6;

    opacity: 1;

}



.topic .swiper-pagination-bullet-active{

	width: 0.30rem;

	background: #008aff;

}

.topic .swiper-pagination{

	width: 0.8rem !important;

	position: absolute;

	left: 4.95rem !important;

	bottom: 0.16rem !important;

}

.social-swiper{

	padding-bottom: 0.6rem !important;

}

.social-swiper .swiper-pagination{

    width: 5.936rem !important;

}

.social-swiper .swiper-pagination-bullets{

    bottom: 0 !important;

}

.social-swiper .swiper-pagination-bullet{

    width: 100% !important;

    margin: 0 !important;

    opacity: 1;

    height: 0.36rem;

    line-height: 0.36rem;

    border-top: 2px solid #666;

    font-size: 0.12rem;

    border-radius: 0;

    background: #fff;

    text-align: left;

}

.social-swiper .swiper-pagination-bullet-active{

    background: #008aff;

    border-top: 2px solid #008aff;

    color: #fff;

}

.social-swiper .swiper-pagination-bullet-active span{

    padding-left: 0.1rem;

}



.topic-item:hover img,.bg-blue:hover img,.society-image:hover img,.construction-item:hover img,.culture-s-item:hover img,.culture-tips-item:hover img{ 

	transform: scale(1.06);

	-webkit-transform: scale(1.06);

	-moz-transform: scale(1.06);

}

.topic-item img,.bg-blue img,.society-image img,.construction-item img,.culture-s-item img,.culture-tips-item img{

	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 

}

.s-banner{

	font-size: 0;

}

.s-banner img{

	width: 100%;

}

.container{

	width: 75%;

	margin: 0 auto;

	padding: 0.1rem 0;

}

.container2{

	width: 75%;

	margin: 0 auto;

	padding: 0 0 0.1rem 0;

}

.container2 .swiper-culture{

	padding: 0 0 0.25rem 0!important;

}

.news-item{

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    background-color: #fff;

	border: 1px solid #f2f2f2;

}

.news-item:hover{

	-webkit-transform: translateY(-18px); 

	-ms-transform: translateY(-18px); 

	transform: translateY(-18px);

	-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 

}

.news-item img{

	width: 2.44rem;

	height: 1.50rem;

}

.news-item h4{

	display: block;

	padding: 0.05rem;

	font-size: 0.1rem;

}

.news-item h5{

	font-weight: normal;

	padding: 0.05rem;

	color: #777;

}

.pro-item{

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    background-color: #fff;

	border: 1px solid #f2f2f2;

}

.pro-item:hover{

	-webkit-transform: translateY(-18px); 

	-ms-transform: translateY(-18px); 

	transform: translateY(-18px);

	-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 

}

.pro-item span{

	display: block;

	padding: 0.1rem;

}

.pro-item img{

	width: 2.15rem;

	height: 1.50rem;

}

.pro-item h4{

	display: block;

	padding: 0.1rem;

}

.honor-item{

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    background-color: #fff;

	border: 1px solid #f2f2f2;

}

.honor-item:hover{

	-webkit-transform: translateY(-18px); 

	-ms-transform: translateY(-18px); 

	transform: translateY(-18px);

	-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 

}

.honor-item span{

	display: block;

	padding: 0.1rem;

	text-align: center;

}

.honor-item img{

	width: 1.40rem;

	height: 0.98rem;

}

.honor-item h4{

	display: block;

	padding: 0.1rem;

	font-weight: normal;

}

.patent-items{

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    background-color: #fff;

	border: 1px solid #f2f2f2;

}

.patent-items:hover{

	-webkit-transform: translateY(-18px); 

	-ms-transform: translateY(-18px); 

	transform: translateY(-18px);

	-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 

}

.patent-items span{

	display: block;

	padding: 0.1rem;

	text-align: center;

}

.patent-items img{

	width: 1.20rem;

	height: 1.70rem;

}

.patent-items h4{

	display: block;

	padding: 0.1rem;

	font-weight: normal;

}

.position{

	width: 75%;

	margin: 0 auto;

	font-size: 0.09rem;

	padding: 0.1rem 0;

	position: relative;

	color: #666;

}

.position span{

	padding-left: 0.15rem;

}

.position:after{

	content: '';

	display: block;

	width: 0.10rem;

	height: 0.10rem;

	background-image: url("../img/ico-home.png");

	background-position: left center;

	background-repeat: no-repeat;

	background-size: 0.10rem 0.10rem;

	position: absolute;

	left: 0;

	top: 0.1rem;

}

.cate-ul{

	text-align: center;

	padding: 0.1rem 0 0.2rem 0;

}

.cate-ul li.cur{

	background: #008aff;

	border: 1px solid #008aff;

}

.cate-ul li.cur a{

	color: #fff;

}

.cate-ul li{

	display: inline-block;

	width: 0.8rem;

	height: 0.2rem;

	line-height: 0.2rem;

	border: 1px solid #ccc;

	font-size: 0.1rem;

	border-radius: 0.02rem;

}

.cate-ul li a{

	display: block;

	width: 100%;

	text-align: center;

	position: absolute;

	z-index: 999;

}

.cate-ul li{

	position: relative;

	overflow: hidden;

}

.cate-ul li:before {

	content: "";

	display: block;

	width: 0%;

	height: 100%;

	background-color: #008aff;

	position: absolute;

	left: 0;

	bottom: 0;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	margin: auto;

	z-index: 9;

}

.cate-ul li:hover a{

	color: #fff;

}

.cate-ul li:hover:before {

	width: 100%;

}

.cate-ul li:hover i {

	transform: translateX(8px);

}



.cate-ul li span {

	position: relative;

}

.cate-ul li i {

	position: relative;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	display: block;

	width: 16px;

	overflow: hidden;

	margin-left: 12px;

	font-style: normal;

}

.news-title{

	font-weight: normal;

	font-size: 0.18rem;

}

.news-date{

	font-size: 0.08rem;

	padding: 0.1rem 0;

	color: #777;

}

.relate-ul{

	margin: 0.2rem auto;

	font-size: 0.08rem;

	background: #f6f6f6;

	height: 0.4rem;

	line-height: 0.4rem;

}

.relate-ul a{

	font-size: 0.1rem;

	font-weight: bold;

}

.relate-ul a:hover{

	color: #008aff;

}

.relate-ul .fl span,.relate-ul .fr span{

	padding: 0 0.28rem 0 0.28rem;

	color: #666;

	position: relative;

}

.relate-ul .fl span:after{

	content: '';

	display: block;

	width: 0.1rem;

	height: 0.05rem;

	background-image: url("../img/arrow.png");

	background-repeat: no-repeat;

	background-size: auto 0.05rem;

	position: absolute;

	left: 0.1rem;

	top: 0.03rem;

	-webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

    -ms-transition: all 0.2s linear;

}

.relate-left:hover span:after{

	left: 0.05rem;

}



.relate-ul .fr span:after{

	content: '';

	display: block;

	width: 0.1rem;

	height: 0.05rem;

	background-image: url("../img/arrow.png");

	background-repeat: no-repeat;

	background-size: auto 0.05rem;

	background-position: -0.20rem 0;

	position: absolute;

	right: 0.1rem;

	top: 0.03rem;

	-webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

    -ms-transition: all 0.2s linear;

}

.relate-right:hover span:after{

	right: 0.05rem;

}

.pro-container{

	width: 100%;

	/*background-image: url("../img/yr.jpg");*/

	background-size: 100% auto;

	background-position: center top;

	background-repeat: no-repeat;

}

.pro-list-h4{

	/*color: #fff;*/

	font-weight: normal;

	font-size: 0.24rem;

	padding: 0.2rem 0 0.1rem 0;

}

.pro-list-h5{

	/*color: #fff;*/

	font-weight: normal;

	font-size: 0.1rem;

	margin-bottom: 0.2rem;

	position: relative;

}

.pro-list-h5:after{

	content: '';

	display: block;

	width: 0.2rem;

	height: 0.02rem;

	background: #008aff;

	position: absolute;

	left: 0;

	bottom: -0.1rem;

}

.btn-more{

	width: 0.6rem;

	height: 0.2rem;

	line-height: 0.2rem;

	text-align: center;

	margin-top: 0.2rem;

	margin-bottom: 0.2rem;

	border: 1px solid #ccc;

	position: relative;

}

.btn-more a{

	position: absolute;

	z-index: 999;

	display: block;

	width: 100%;

}

.btn-more:before {

	content: "";

	display: block;

	width: 0%;

	height: 100%;

	background-color: #008aff;

	position: absolute;

	left: 0;

	bottom: 0;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	margin: auto;

	z-index: 9;

}

.btn-more:hover a{

	color: #fff;

}

.btn-more:hover:before {

	width: 100%;

}



.btn-more2{

	width: 0.6rem;

	height: 0.2rem;

	line-height: 0.2rem;

	text-align: center;

	margin-bottom: 0.2rem;

	border: 1px solid #fff;

	position: relative;

}

.btn-more2 a{

	position: absolute;

	z-index: 999;

	display: block;

	width: 100%;

	color: #fff;

}

.btn-more2:before {

	content: "";

	display: block;

	width: 0%;

	height: 100%;

	background-color: #008aff;

	position: absolute;

	left: 0;

	bottom: 0;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	margin: auto;

	z-index: 9;

}

.btn-more2:hover a{

	color: #fff;

}

.btn-more2:hover:before {

	width: 100%;

}



.product-left{

	width: 50%;

}

.product-left span{

	display: block;

	padding-right: 0.3rem;

	overflow: hidden;

	border-right: 1px solid #ccc;

}

.product-left span img{

	width: 100%;

}

.product-right{

	width: 50%;

}

.product-right-txt{

	padding: 0 0 0 0.3rem;

}

.product-right-txt h1{

	font-size: 0.22rem;

	font-weight: normal;

}

.product-dec{

	line-height: 180%;

	padding: 0.1rem 0;

}

.product-tel h4{

	font-size: 0.12rem;

	font-weight: normal;

}

.product-tab{

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	height: 0.3rem;

	text-align: center;

	margin: 0.1rem 0 0 0;

}

.product-tab li{

	display: inline-block;

	height: 0.3rem;

	line-height: 0.3rem;

	cursor: pointer;

	margin: 0 0.1rem;

	position: relative;

}

.product-tab li.cur{

	font-weight: bold;

}

.product-tab li.cur:after{

	content: '';

	display: block;

	width: 0.4rem;

	height: 0.02rem;

	background: #008aff;

	position: absolute;

	left: 0;

	bottom: 0;

}

.product-bar{

	font-weight: normal;

	font-size: 0.16rem;

	position: relative;

	margin: 0.1rem 0;

	padding: 0.1rem 0;

}

.product-bar:after{

	content: '';

	display: block;

	width: 0.4rem;

	height: 0.02rem;

	background: #008aff;

	position: absolute;

	left: 0;

	bottom: 0;

}

.product-text{

	position: relative;

	padding: 0 0 0 0.12rem;

	line-height: 150%;

}

.product-text:after{

    content: "";

    width: 0.08rem;

    height: 0.08rem;

    border-radius: 50%;

    background: #7F818D;

    position: absolute;

    left: 0;

    top: 9px;

}

.product-charact li{

	background: #F8F8F8;

	padding: 0.12rem;

	margin: 0.05rem 0;

	border-radius: 0.02rem;

}

.patent-item span img{

	width: 100%;

}

.patent-item b{

	font-weight: normal;

	font-size: 0.08rem;

}

.guestbox{

	width: 100%;

	height: 4.8rem;

	background-image: url("../img/ly.png");

	background-repeat: no-repeat;

	background-size: 100% auto;

	color: #fff;

}

.guestbox h4{

	font-size: 0.22rem;

	font-weight: normal;

	position: relative;

	padding: 0.1rem 0;

	margin-bottom: 0.2rem;

}

.guestbox h4:after{

	content: '';

	display: block;

	width: 0.4rem;

	height: 0.02rem;

	background: #008aff;

	position: absolute;

	left: 0;

	bottom: 0;

}

.guest-form,.guest-form1{

	padding-bottom: 0.1rem;

}

.guest-form input{

	width: 100%;

	height: 0.32rem;

	border: none;

	outline: none;

	text-indent: 0.1rem;

}

.form-title{

	padding: 0 0 0.1rem 0;

}

.guest-form1{

	text-align: center;

}

.guest-form1 textarea{

	width: 100%;

	outline: none;

}

.btn-form{

	width: 0.8rem;

	height: 0.3rem;

	margin: 0 auto;

	text-align: center;

}

.culture-container{

	width: 100%;

	/*background-image: url("../img/yr.jpg");*/

	background-size: 100% auto;

	background-position: center top;

	background-repeat: no-repeat;

	background-color: #fafafa;

}

.culture-item-list{

	

}

.culture-h4{

	/*color: #fff;*/

	font-weight: normal;

	font-size: 0.24rem;

	padding: 0.2rem 0 0.1rem 0;

}

.culture-h5{

	/*color: #fff;*/

	font-weight: normal;

	font-size: 0.1rem;

	margin-bottom: 0.2rem;

	position: relative;

}

.culture-h5:after{

	content: '';

	display: block;

	width: 0.2rem;

	height: 0.02rem;

	background: #008aff;

	position: absolute;

	left: 0;

	bottom: -0.1rem;

}

.culture-box img{

	width: 33%;

}

.culture-box{

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    background-color: #fff;

	height: 1.8rem;

	border: 1px solid #f2f2f2;

	margin: 0.05rem 0;

}

.culture-box span{

	display: block;

	padding: 0.2rem 0;

	text-align: center;

}

.culture-box h4{

	margin: 0 0.2rem;

	border-top: 0.01rem solid #ccc;

	padding: 0.08rem 0 0 0;

}

.culture-box:hover{

	-webkit-transform: translateY(-18px); 

	-ms-transform: translateY(-18px); 

	transform: translateY(-18px);

	-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 

}

.park-container{

	width: 100%;

	height: 3.8rem;

	background-image: url("../img/ygww.jpg");

	background-size: 100% auto;

	background-position: center top;

	background-repeat: no-repeat;

	background-color: #fafafa;

}

.park-left{

	width: 30%;

	float: left;

}

.park-left p{

	line-height: 180%;

	color: #fff;

	margin: 0 0.3rem 0.3rem 0.8rem;

	font-size: 0.08rem;

}

.park-h4{

	color: #fff;

	font-weight: normal;

	font-size: 0.24rem;

	margin-left: 0.8rem;

	padding: 0.2rem 0 0.1rem 0;

}

.park-h5{

	color: #fff;

	font-weight: normal;

	font-size: 0.1rem;

	margin-bottom: 0.2rem;

	margin-left: 0.8rem;

	position: relative;

}

.btn-more2{

	margin-left: 0.8rem;

}

.park-h5:after{

	content: '';

	display: block;

	width: 0.2rem;

	height: 0.02rem;

	background: #008aff;

	position: absolute;

	left: 0;

	bottom: -0.1rem;

}

.park-mid{

	width: 39%;

	float: left;

	border-left: 0.01rem solid #fff;

	border-right: 0.01rem solid #fff;

	text-align: center;

	margin: 0.2rem 0;

}

.park-mid span{

	display: block;

	width: 1.4rem;

	margin: 0 auto;

}

.park-mid span img{

	width: 100%;

}

.park-right{

	width: 30%;

	float: right;

}

.park-right-box{

	padding: 0.2rem 0 0 0.2rem;

}

.park-item{

	width: 2rem;

	height: 0.8rem;

	background: #fff;

	-webkit-transition: all 0.5s;

    transition: all 0.5s;

	margin-bottom: 0.2rem;

}

.park-item:hover{

	-webkit-transform: translateY(-18px); 

	-ms-transform: translateY(-18px); 

	transform: translateY(-18px);

	-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

	background: #1E90FF;

}

.park-item:hover a{

	color: #fff;

}

.park-item:hover h4:after{

	background-image: url("../img/text-ico2.png");

	top: 0.06rem;

}

.park-item h4{

	padding: 0.05rem 0.1rem 0.05rem 0.2rem;

	font-weight: normal;

	font-size: 0.08rem;

	position: relative;

}

.park-item h4:after{

	content: '';

	display: block;

	width: 0.1rem;

	height: 0.1rem;

	background-image: url("../img/text-ico1.png");

	background-repeat: no-repeat;

	background-size: 0.1rem 0.1rem;

	position: absolute;

	left: 0.08rem;

	top: 0.06rem;

}

.park-item h5{

	padding: 0.05rem 0.1rem;

	font-weight: normal;

	font-size: 0.08rem;

}

.park-item p{

	padding: 0.05rem 0.1rem;

	font-size: 0.08rem;

}

.construction-container{

	position: relative;

}

.construction-container .btn-more{

	position: absolute;

	right: 0.8rem;

	top: 0.4rem;

}

.construction-item{

	position: relative;

}

.construction-item span{

	display: block;

	overflow: hidden;

}

.construction-item h4{

	position: absolute;

	display: block;

	width: 100%;

	text-align: center;

	bottom: 0.05rem;

	left: 0;

	color: #fff;

	font-weight: normal;

}

.construction-item h4 a{

	color: #fff;

}

.construction-item span img{

	width: 100%;

}

.construction-h4{

	font-weight: normal;

	font-size: 0.24rem;

	padding: 0.2rem 0 0.1rem 0;

	margin: 0 0 0 0.8rem;

}

.construction-h5{

	font-weight: normal;

	font-size: 0.1rem;

	margin-bottom: 0.2rem;

	position: relative;

	margin-left: 0.8rem;

}

.construction-h5:after{

	content: '';

	display: block;

	width: 0.2rem;

	height: 0.02rem;

	background: #008aff;

	position: absolute;

	left: 0;

	bottom: -0.1rem;

}

.culture-s-item img{

	width: 100%;

}

.culture-s-item span{

	display: block;

	overflow: hidden;

}

.culture-s-item h4{

	font-weight: normal;

}

.culture-s-item p{

	line-height: 150%;

	font-size: 0.08rem;

	padding: 0.04rem 0;

}

.culture-s-item h5{

	font-weight: normal;

	font-size: 0.08rem;

	color: #777;

}

.swiper-culture,.swiper-activities{

	padding: 0.2rem 0 !important;

}

.culture-center{

	width: 100%;

	height: 3.8rem;

	background-image: url("../img/ygww.jpg");

	background-size: 100% auto;

	background-position: center top;

	background-repeat: no-repeat;

}

.culture-center-h4{

	color: #fff;

	font-weight: normal;

	font-size: 0.24rem;

	padding: 0.2rem 0 0.1rem 0;

	position: relative;

	margin-left: 0.8rem;

}

.culture-center-h4:after{

	content: '';

	display: block;

	width: 0.2rem;

	height: 0.02rem;

	background: #008aff;

	position: absolute;

	left: 0;

	bottom: -0.1rem;

}

.culture-title{

	padding: 0.2rem 0 0 0;

}

.culture-title span{

	background: linear-gradient(90deg, #fff 0%, #FFf 100%);

	color: #333;

	font-size: 0.16rem;

	padding: 0.03rem 0.15rem;

}

.culture-stitle{

	font-size: 0.26rem;

	padding: 0.2rem 0;

}

.culture-desc{

	line-height: 150%;

}

.culture-desc p{

	padding: 0.02rem 0;

}

.view-item{

	float: left;

	cursor: pointer;

	position: relative;

}

.view-item-img{

	width: 1.87rem;

	position: relative;

	font-size: 0;

}

.view-item-img span{

	display: block;

	padding: 0 0.03rem;

}

.view-item-img span img{

	width: 100%;

	border-radius: 0.04rem;

}

.view-item.cur .view-item-img:after {

    position: absolute;

    top: 50%;

    right: 0.03rem;

    transform: translate(0, -50%);

    content: "";

    border-right: 0.05rem solid #fff;

    border-top: 0.05rem solid transparent;

    border-bottom: 0.05rem solid transparent;

	z-index: 9999;

}

.views-item-txt{

	width: 1.81rem;

	height: 2.72rem;

	background: #fff;

}

.view-title{

	width: 100%;

	height: 0.66rem;

	position: absolute;

	top: 50%;

	margin-top: -0.33rem;

	left: 0;

	text-align: center;

}

.view-title h4{

	color: #fff;

	font-weight: normal;

	font-size: 0.16rem;

	position: relative;

	padding: 0.1rem 0 0.1rem 0;

}

.view-title h4:after{

	content: '';

	display: block;

	width: 0.16rem;

	height: 0.02rem;

	background: #fff;

	position: absolute;

	left: 50%;

	bottom: 0;

	margin-left: -0.08rem;

}

.views-item-txt h4{

	font-size: 0.16rem;

	margin: 0 0.2rem;

	position: relative;

	padding: 0.2rem 0 0.1rem 0;

}

.views-item-txt h4:after{

	content: '';

	display: block;

	width: 0.16rem;

	height: 0.02rem;

	background: #1E90FF;

	position: absolute;

	left: 0;

	bottom: 0;

}

.views-item-txt p{

	font-size: 0.09rem;

	line-height: 180%;

	margin: 0.2rem 0.2rem;

	color: #777;

}

.swiper-activities .swiper-pagination-bullet,.swiper-culture .swiper-pagination-bullet,.swiper-human .swiper-pagination-bullet,.swiper-human2 .swiper-pagination-bullet{

    width: 0.15rem;

    height: 0.03rem;

	border-radius: 0;

    background: #d6d6d6;

    opacity: 1;

}

.swiper-grb .swiper-pagination-bullet{

    width: 0.15rem;

    height: 0.03rem;

	border-radius: 0;

    background: #d6d6d6;

    opacity: 1;

}

.swiper-activities .swiper-pagination-bullet-active,.swiper-culture .swiper-pagination-bullet-active,.swiper-human .swiper-pagination-bullet-active,.swiper-human2 .swiper-pagination-bullet-active{

	width: 0.30rem;

	background: #008aff;

}

.swiper-grb .swiper-pagination-bullet-active{

	width: 0.30rem;

	background: #eb6100;

}

.culture-tips{

	padding: 0.2rem 0;

}

.culture-tips-item{

	height: 1rem;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    background-color: #fff;

	border: 1px solid #f2f2f2;

	position: relative;

}

.culture-tips-item span{

	display: block;

	width: 0.3rem;

	position: absolute;

	right: 0.05rem;

	bottom: 0.05rem;

	overflow: hidden;

}

.culture-tips-item span img{

	width: 100%;

}

.culture-tips-item:hover{

	-webkit-transform: translateY(-18px); 

	-ms-transform: translateY(-18px); 

	transform: translateY(-18px);

	-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 

}

.culture-tips-item h4{

	font-size: 0.12rem;

	color: #777;

	font-weight: normal;

	margin: 0.2rem 0.2rem 0.05rem 0.2rem;

}

.culture-tips-item h5{

	font-size: 0.16rem;

	margin: 0.08rem 0.2rem;

}

.about-container{

	width: 100%;

	/*background-image: url("../img/yr.jpg");*/

	background-size: 100% auto;

	background-position: center top;

	background-repeat: no-repeat;

}

.about-h4{

	/*color: #fff;*/

	font-weight: normal;

	font-size: 0.24rem;

	padding: 0.2rem 0 0.1rem 0;

}

.about-h5{

	/*color: #fff;*/

	font-weight: normal;

	font-size: 0.1rem;

	margin-bottom: 0.2rem;

	position: relative;

}

.about-h5:after{

	content: '';

	display: block;

	width: 0.2rem;

	height: 0.02rem;

	background: #008aff;

	position: absolute;

	left: 0;

	bottom: -0.1rem;

}

.about-text{

	width: 3.6rem;

	height: 3rem;

}

.about-video{

	width: 3.6rem;

	height: 3rem;

}

.about-scroll{

	height: 2.1rem;

	overflow-y: auto;

	font-size: 0.08rem;

	line-height: 180%;

	color: #666;

	padding-right: 0.10rem;

}

.about-scroll h2{

	font-size: 0.18rem;

	font-weight: normal;

	margin-bottom: 0.1rem;

}

.about-scroll p{

	padding: 0.03rem 0;

}

.dsz-txt{

	width: 3rem;

	height: 1.7rem;

	overflow-y: auto;

	font-size: 0.09rem;

	line-height: 180%;

	color: #333;

	padding-right: 0.10rem;

}

.dsz-txt p{

	padding: 0.03rem 0;

}

.about-scroll::-webkit-scrollbar{

	width: 0.03rem;

	height: 0.05rem;

	background-color: #f3f4f5;

}

.about-scroll::-webkit-scrollbar-track{

	background-color: #f3f4f5;

}

.about-scroll::-webkit-scrollbar-thumb{

	background-color: #007aff;

}

.dsz-txt::-webkit-scrollbar{

	width: 0.03rem;

	height: 0.05rem;

	background-color: #ddd;

}

.dsz-txt::-webkit-scrollbar-track{

	background-color: #ddd;

}

.dsz-txt::-webkit-scrollbar-thumb{

	background-color: #007aff;

}

.about-t3{

	font-weight: normal;

	font-size: 0.22rem;

	margin-bottom: 0.4rem;

	position: relative;

}

.about-t3:after{

	content: '';

	display: block;

	width: 0.2rem;

	height: 0.02rem;

	background: #008aff;

	position: absolute;

	left: 0;

	bottom: -0.1rem;

}

.about-t3 span{

	position: absolute;

	right: 0;

	top: 0.1rem;

	font-size: 0.09rem;

	font-weight: normal;

}

.about-t4{

	font-weight: normal;

	font-size: 0.22rem;

	margin-bottom: 0.2rem;

	position: relative;

}

.about-t4:after{

	content: '';

	display: block;

	width: 0.2rem;

	height: 0.02rem;

	background: #008aff;

	position: absolute;

	left: 0;

	bottom: -0.1rem;

}

.dsz-h4{

	font-weight: normal;

	font-size: 0.22rem;

	margin-top: 0.5rem;

	margin-bottom: 0.4rem;

	position: relative;
	display: none;

}

.dsz-h4:after{

	content: '';

	display: block;

	width: 0.2rem;

	height: 0.02rem;

	background: #008aff;

	position: absolute;

	left: 0;

	bottom: -0.1rem;

}

.dsz-container{

	width: 100%;

	height: 4rem;

	background-size: 100% auto;

	background-position: center top;

	background-repeat: no-repeat;

}

.about-count{

	width: 100%;

	background: #fff;

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 

	position: absolute;

	top: -0.7rem;

	left: 0;

	border-radius: 0.02rem;

	padding: 0.1rem 0;

}

.about-count-item{

	text-align: center;

	position: relative;

}

.about-count-item:after{

	content: '';

	display: block;

	width: 0.005rem;

	height: 0.3rem;

	background: #ccc;

	position: absolute;

	right: 0;

	top: 0.2rem;

}

.about-count-item:last-child:after{

    display: none;

}

.about-count-item span{

	display: block;

	text-align: center;

}

.about-count-item span img{

	height: 0.2rem;

}

.about-count-item h4{

	font-weight: normal;

}

.about-count-item h4 i,.about-count-item h4 em{

	font-style: normal;

}

.about-count-item h4 i{

	font-size: 0.22rem;

}

.about-count-item h5{

	font-weight: normal;

	color: #777;

}







/*关于我们start*/

.about_bg {

	width: 100%;

	height: 4rem;

	background: url(../images/about_bg.jpg) no-repeat;

	background-size: cover;

}





/*大事记start*/

.event_box {

	width: 75%;

	margin: 0 auto;

	position: relative;

}



.event_box .parHd {

	width: 100%;

	display: inline-block;

	height: 0.38rem;

	overflow: hidden;

}



.parHd  ul {

	width: 100%;

	text-align: center;

	margin: 0 auto;

	padding-top: 0.2rem !important;

}



.parHd .tempWrap {

	margin: 0 auto;

}



.parHd .tempWrap:after {

	content: '';

	width: 7rem;

	height: 2px;

	background: #ccc;

	position: absolute;

	left: 50%;

	margin-left: -3.5rem;

	top: 0.15rem;

	z-index: 10;

}



.parHd li.no_line:before {

	display: none;

}



.parHd li {

	display: inline-block;

	cursor: pointer;

	padding-top: 0.03rem;

	font-size: 0.12rem;

	color: #000;

	margin: 0 0.3rem;

	position: relative;

}



.parHd li:after {

	content: '';

	background-image: url(../images/dot_ico.png);

	background-repeat: no-repeat;

	background-size: 0.12rem 0.12rem;

	width: 0.12rem;

	height: 0.12rem;

	position: absolute;

	z-index: 20;

	top: -0.1rem;

	left: 50%;

	margin-left: -0.06rem;

}





div#listBox {

	width: 100%;

}



.sPrev,.sNext {

	width: 0.16rem;

	height: 0.16rem;

	display: block;

	position: absolute;

	top: 0.08rem;

	cursor: pointer;

}

.sPrev img,.sNext img{

	width: 100%;

}

.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: 0.12rem;

	height: 0.12rem;

	overflow: hidden;

	background-image: url(../images/cat.png);

	background-repeat: no-repeat;

	background-size: 0.12rem 0.12rem;

	position: absolute;

	top: -0.1rem;

	left: 50%;

	margin-left: -0.06rem;

	z-index: 21;

}



.parHd li span,.parHd li.clone span {

	display: none;

}

.slideBox{

	

}

.step-item-left{

	width: 20%;

	font-size: 0.5rem;

	padding: 0.4rem 0 0 0;

}

.step-item-mid{

	width: 20%;

}

.step-item-mid ul{

	display: block;

	padding: 0.4rem 0 0 0;

}

.step-item-mid li{

	line-height: 150%;

	font-size: 0.08rem;

	padding: 0.05rem 0 0 0.12rem;

	margin-right: 0.2rem;

	position: relative;

}

.step-item-mid li:after{

	content: '';

	display: block;

	width: 0.08rem;

	height: 0.08rem;

	border-radius: 0.08rem;

	background: #008aff;

	position: absolute;

	left: 0;

	top: 0.08rem;

}

.step-item-right{

	width: 40%;

	padding: 0.4rem 0 0 0;

}

.step-item-right span{

	display: block;

	width: 100%;

	height: 2rem;

}

.step-item-right span img{

	max-width:  100%;

	max-height: 2rem;

}

.zzjg img{

	width: 100%;

}

.human-h4{

	text-align: center;

	font-size: 0.16rem;

	font-weight: normal;

}

.grb-container .human-h4{

	padding: 0.2rem 0;

}

.human-h5{

	text-align: center;

	font-size: 0.08rem;

	font-weight: normal;

	padding: 0.08rem 0 0.16rem 0;

	color: #666;

}

.leader span img{

	width: 100%;

}

.h-container{

	padding: 0.2rem 0;

	width: 75%;

	margin: 0 auto;

}

.swiper-human,.swiper-human2{

	padding: 0.1rem 0 0.3rem 0 !important;

}

.grb-container{

	width: 100%;

	height: 3.88rem;

	background-image: url("../img/bg-grb.jpg");

	background-repeat: no-repeat;

	background-size: 100% auto;

}

.gr-s-item{

	width: 0.8rem;

	margin: 0 auto;

}

.gr-s-item img{

	width: 100%;

}

.gr-s-item span{

	display: block;

	overflow: hidden;

}

.gr-s-item h4{

	font-weight: normal;

	text-align: center;

	font-size: 0.09rem;

	padding-bottom: 0.1rem;

}

.swiper-grb{

	padding: 0.1rem 0 0.4rem 0 !important;

}

.map-world img{

	width: 100%;

}

.map-world h4{

	text-align: center;

	padding: 0 0 0 0;

}

.wl{

	position: relative;

}

.wl:after{

	content: '';

	display: block;

	background: #ccc;

	width: 0.01rem;

	height: 3rem;

	position: absolute;

	left: 50%;

	top: 0.1rem;

}

.human-zp-item{

	-webkit-transition: all 0.5s;

    transition: all 0.5s;

    background-color: #fff;

    border: 1px solid #f2f2f2;

	padding: 0.1rem;

	margin-bottom: 0.2rem;

}

.human-zp-item:hover{

	-webkit-transform: translateY(-18px); 

	-ms-transform: translateY(-18px); 

	transform: translateY(-18px);

	-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 

}

.human-zp-item li{

	display: inline;

	font-size: 0.08rem;

	margin: 0 0.05rem 0 0;

}

.human-zp-item h4{

	font-weight: normal;

	font-size: 0.1rem;

	padding: 0 0 0.1rem 0;

}

.contact-left{

	margin-right: 0.2rem;

}

.contact-left h3{

	height: 0.4rem;

	line-height: 0.4rem;

	vertical-align: middle;

	margin-bottom: 0.4rem;

}

.contact-left h3 img{

	vertical-align: middle;

}

.contact-left h3 span{

	margin-right: 0.05rem;

	position: relative;

}

.contact-left h3 span em{

	display: none;

}

.contact-left h3 span:hover em{

	display: block;

	position: absolute;

	left: 0;

	bottom: -120px;

	z-index: 99999;

}

.contact-left h3 span em img{

	width: 0.5rem;

}

.contact-left h4{

	font-size: 0.18rem;

	font-weight: normal;

}

.contact-left h6{

	font-size: 28px;

	font-weight: normal;

}

.contact-left ul{

	padding: 0.2rem 0;

}

.contact-left li{

	height: 0.22rem;

	font-size: 0.09rem;

}

.contact-item{

	width: 3rem;

	background: #f9f9f8;

	padding: 0.1rem;

	margin-bottom: 0.05rem;

}

.contact-item h4{

	font-size: 0.09rem;

	font-weight: normal;

}

.contact-item p{

	padding: 0.04rem 0 0 0;

	line-height: 180%;

}

.page-num{

	padding: 0.4rem 0 0 0;

	text-align: center;

}

.page-num li{

	display: inline;

	padding: 0.02rem 0.06rem;

	border: 1px solid #ccc;

	margin: 0 0.02rem;

}

.page-num li.active{

	border: 1px solid #008aff;

	color: #008aff;

}

.page-num li:last-child{

	display: none;

}

.page-num form{

	display: none;

}

.park-item-gray{

	height: 1.0rem;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    background-color: #fff;

	border: 1px solid #f2f2f2;

}

.park-item-gray h4{

	font-weight: bold;

}

.park-item-gray h5{

	color: #777;

}