* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
html,body{
	width: 100%;
    height: auto;
    margin: 0;
	padding: 0;
    background: #fff;
    font-family: 'SourceHanSansCN-Regular';
    font-size:.16rem;

}
ul,
ol,
li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	*zoom: 1;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
    font-size: .16rem!important;
}
@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src:  url('../font/SourceHanSansCN-Regular.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src:  url('../font/SourceHanSansCN-Bold.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceHanSansCN-ExtraLight';
    src:  url('../font/SourceHanSansCN-ExtraLight.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceHanSansCN-Heavy';
    src:  url('../font/SourceHanSansCN-Heavy.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceHanSansCN-Light';
    src:  url('../font/SourceHanSansCN-Light.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src:  url('../font/SourceHanSansCN-Medium.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src:  url('../font/SourceHanSansCN-Normal.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PingFangSC-Bold';
    src:  url('../font/PingFangSC-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}
img{
    display: block;
}


.top{ z-index: 99; position: fixed; top: 0; width: 100%; height: 1.45rem; position: fixed; top: 0; background:rgba(0,0,0,0.7)}
.top .topBox{ width: 15.3rem; margin: 0 auto;}
.top .topBox .logo{ float: left; height: 1.45rem; line-height: 1.45rem;}
.top .topBox .logo img{ display: inline-block; vertical-align: middle;}
.top .topBox .city{ cursor: pointer; position: relative; float: left; margin-left: 27px; height: 1.45rem; width: 1.35rem; background: url(../images/icon_07.png) right center no-repeat;}
.top .topBox .city p{ line-height: 1.45rem; font-size: .24rem; color: #fff; box-sizing: border-box; width: 100%; height: 100%; padding-left: .3rem; background: url(../images/icon_10.png) left center no-repeat; color: #fff; position: relative;}
.top .topBox .city p::after{ transition: 0.5s; background: url(../images/arrow_03.png); width: .17rem; height: .11rem; content: ''; background-size:100% 100% ; display: block; position: absolute; right: .1rem; top: 50%; transform: translateY(-50%);}
.top .topBox .city dl{ display: none; left: -.2rem; padding: .1rem 0; position: absolute;  top: 1.35rem; background: #fff; width: 1.5rem; border-radius:.12rem ; box-shadow: 0 0 .1rem rgba(0,0,0,.1);}
.top .topBox .city dl dd{ cursor: pointer; transition: 0.5s; width: 100%; text-align: center; height: .45rem; line-height: .45rem; font-size: .18rem; color: #333;}
.top .topBox .city dl dd:hover{ background: #333; color: #fff;}
.top .topBox .city.on p:after{ transform: translateY(-50%) rotate(180deg);}
.top .nav{ float:right;}
.top .nav ul{ float: right;}
.top .nav ul li{ line-height: 1.45rem; float: left; margin-left: .5rem; position: relative; height: 1.45rem; font-size: .22rem; color: #fff;}
.top .nav ul li a{ font-size: .22rem; color: #fff;}
.top .nav ul li dl{ display: none; padding: .15rem 0; background: #fff; border-radius:.1rem; box-shadow: 0 0 .1rem rgba(0,0,0,0.1); width: 1.5rem; position: absolute; left: 50%; top: 1.45rem; transform: translateX(-50%);}
.top .nav ul li dl dd{ transition: 0.5s; width: 100%; height: .45rem; line-height: .45rem; text-align: center;}
.top .nav ul li dl dd a{ color: #333;}
.top .nav ul li dl dd:hover{ background: #333;}
.top .nav ul li dl dd:hover a{ color: #fff;}
.top .nav ul li:hover dl{ display: block;}

.banner{ width: 100%; overflow: hidden; position: relative;}
.banner .swiper-container{ width: 100%; height: 100%;}
.banner .swiper-container .swiper-slide{ overflow: hidden;}
.banner .swiper-container .swiper-slide img{transform: scale(1.2); display: block; width: 100%; height: auto; transition: 5s;}
.banner .swiper-container .swiper-slide.swiper-slide-active{ z-index: 2;}
.banner .swiper-container .swiper-slide.swiper-slide-active img{transform: scale(1); }
.banner .swiper-pagination{ bottom: .5rem; width: 100%; height: .12rem; left: 0;}
.banner .swiper-pagination span{ opacity: 1; cursor: pointer; width: .12rem; height: .12rem; margin: 0 .15rem; border-radius:.06rem; background: #fff; transition: 0.7s;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width: .4rem; background: #8f0100;}

.indexContainer{ width: 100%;}
.indexContainer .layer1{ width: ; background: #f6f6f6; padding:.75rem 0;}
.indexContainer .layer1 ul{ padding: 0 .3rem; box-sizing: border-box; width: 17.6rem; margin: 0 auto; height: 1.1rem;}
.indexContainer .layer1 ul li{ transition: 0.5s; width: 18.4%; float: left; margin-right: 2%; height: 1.1rem; background: #fff;}
.indexContainer .layer1 ul li:last-child{ margin-right: 0;}
.indexContainer .layer1 ul li .icon{ float: left; width: 1.2rem; height: 1.1rem; position: relative;}
.indexContainer .layer1 ul li .icon img{ position: absolute; left: .5rem; width: .48rem; top: 50%; transform: translateY(-50%); height: .48rem; width: auto;}
.indexContainer .layer1 ul li .text{ width: calc(100% - 1.4rem); float: left; padding-top: .3rem;}
.indexContainer .layer1 ul li .text h2{font-size: .22rem; line-height: .22rem; margin-bottom: .22rem; color: #333; margin-bottom: .14rem;}
.indexContainer .layer1 ul li .text p{ font-size: .16rem; color: #333;}

.indexContainer .layer1 ul li:hover{ box-shadow: 0 .1rem .1rem rgba(0,0,0,0.1); transform: translateY(-.1rem);}

.indexContainer .layer2{ width: 100%; padding: .75rem 0 0 0;}
.indexContainer .layer2Box{ overflow: hidden; width: 17.6rem; margin: 0 auto;}
.indexContainer .layer2Box .hd{ float: left; width: 5.95rem; float: left; padding-left: .35rem; box-sizing: border-box;}
.indexContainer .title{ width: 100%;}
.indexContainer .title p{ color: #333; line-height: .22rem; font-size: .22rem;}
.indexContainer .title h2{ height: .95rem; line-height: .95rem; font-size: .48rem; color: #333;}
.indexContainer .title img{ display: block; width: 1.55rem; height: auto;}
.indexContainer .layer2Box .hd ul{ width: 100%;}
.indexContainer .layer2Box .hd ul li{ overflow: hidden; padding-top: .45rem; cursor: pointer; cursor: pointer;}
.indexContainer .layer2Box .hd ul li p{ transition: 0.5s; line-height: .42rem; font-size: .22rem; color: #333;}
.indexContainer .layer2Box .hd ul li p:nth-child(1){ padding-left: .45rem; background: url(../images/arrow2.png) left center no-repeat; background-size:.3rem auto; transform: translateX(-.45rem);}
.indexContainer .layer2Box .hd ul li:hover p{ transform: translateX(0);}
.indexContainer .layer2Box .hd ul li.on p:nth-child(1){ transform: translateX(0);}
.indexContainer .layer2Box .hd .more{ cursor: pointer; box-shadow: .1rem .1rem .1rem rgba(0,0,0,0.2); display: block; margin-top: .65rem; width: 2.9rem; height: .6rem; text-indent: .65rem; line-height: .6rem; font-size: .18rem; color: #333;}
.indexContainer .layer2Box .hd .more img{ transition: 0.5s; width: .55rem; display: inline-block; vertical-align: middle; margin-left: .2rem;}
.indexContainer .layer2Box .hd .more:hover img{ margin-left: .4rem;}

.indexContainer .layer2Box .bd{ width: calc(100% - 5.95rem); float: right;}
.indexContainer .layer2Box .bd ul{ width: 100%; overflow: auto;}
.indexContainer .layer2Box .bd ul li{ width: 49%; margin-right: 2%; float: left;}
.indexContainer .layer2Box .bd ul li:nth-child(2n){ margin-right: 0;}
.indexContainer .layer2Box .bd ul li .icon{ overflow: hidden; width: 100%; height: 3.88rem;}
.indexContainer .layer2Box .bd ul li .icon img{ display: block; width: 100%; height: 100%; transition: 0.5s;}
.indexContainer .layer2Box .bd ul li:hover .icon img{ transform: scale(1.1);}
.indexContainer .layer2Box .bd ul li p{ padding: .17rem 0; text-align: center; font-size: .23rem; color: #333; line-height: .44rem;}
.indexContainer .layer3{ width: 17.6rem; margin: 0 auto;}
.indexContainer .layer3 ul{ width: 100%; overflow: hidden;}
.indexContainer .layer3 ul li{ width: 32%; float: left; margin-right: 2%;}
.indexContainer .layer3 ul li:nth-child(3n){ margin-right: 0;}
.indexContainer .layer3 ul li .icon{ width: 100%; overflow: hidden; height: 3.86rem;}
.indexContainer .layer3 ul li .icon img{ transition: 0.5s; display: block; width: 100%; height: 100%;}
.indexContainer .layer3 ul li:hover .icon img{ transform: scale(1.1);}
.indexContainer .layer3 ul li p{ padding: .17rem 0; text-align: center; font-size: .23rem; color: #333; line-height: .44rem;}
.indexContainer .layer4{ width: 17.6rem; margin: 0 auto; padding: 0 .75rem; box-sizing: border-box;}
.indexContainer .layer4 .bt{ width: 100%; height: 2.25rem; line-height: 2.25rem;}
.indexContainer .layer4 .bt img{ display: inline-block; vertical-align: middle; height: 1.4rem; width: auto;}
.indexContainer .layer4Box{ overflow: hidden;}
.indexContainer .layer4Box .icon{ background: #DDDDDD; float: left; width: 7.3rem; height: 4.1rem; overflow:hidden; position: relative;}
.indexContainer .layer4Box .icon img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer4Box .icon p{ text-indent: .5rem; position: absolute; bottom: 0; left: 0; width: 100%; height: .72rem; background: rgba(0,0,0,0.6); line-height: .72rem; font-size: .26rem; color: #fff;}
.indexContainer .layer4Box .icon .playClick{ width: .75rem; height: .75rem; border-radius:50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background:url(../images/arrow3.png) center center no-repeat rgba(0,0,0,0.7); background-size:.35rem auto;}
.indexContainer .layer4Box .text{ float: right; width: 7.4rem; padding-top: .6rem;}
.indexContainer .layer4Box .text img{ display: block; width: 100%; height: auto;}

.indexContainer .layer2Box .bd.list2 ul li{ width: 100%; margin: 0;}

.indexContainer .layer5{ width: 17.6rem; margin: 0 auto;  padding: 1.55rem 0 0 0;}
.indexContainer .layer5Box{ padding-top: .65rem;  overflow: hidden;}
.indexContainer .layer5Left{float: left; position: relative; height: 9.1rem; width: 5.3rem; background: #333; position: absolute;}
.indexContainer .layer5Left img{ transition: 0.5s; width: 100%; height: 100%;}
.indexContainer .layer5Left:hover img{ transform: scale(1.1);}
.indexContainer .layer5Left .text{ width: 100%; position: absolute; bottom: 1rem; padding: 0 .25rem; box-sizing: border-box;}
.indexContainer .layer5Left .text h2{ height: .94rem; line-height: .94rem; color: #fff;}
.indexContainer .layer5Left .text p{ font-size: .22rem; color: #fff; line-height: .35rem;}
.indexContainer .layer5Left span{ display:block; bottom: 0; left: 0; text-align: center; color: #fff; height: .84rem; line-height: .84rem; font-size: .24rem; position: absolute; width: 100%;}
.indexContainer .layer5Right{float: right; width: calc(100% - 5.3rem); padding-left: .12rem; box-sizing: border-box;}
.indexContainer .layer5Right ul{ width: 100%; overflow: hidden;}
.indexContainer .layer5Right ul li{ width: 2.96rem; height: 2.96rem; margin: 0 .11rem .12rem 0; float: left; position: relative; overflow: hidden; background: #f6f6f6;}
.indexContainer .layer5Right ul li:nth-child(4n){ margin-right: 0;}
.indexContainer .layer5Right ul li img{ transition: 0.5s; width: 100%; height: 100%;}
.indexContainer .layer5Right ul li:hover img{ transform: scale(1.1);}
.indexContainer .layer5Right ul li .text{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.7); transition: 0.5s; opacity: 0;}
.indexContainer .layer5Right ul li .textBox{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.indexContainer .layer5Right ul li .textBox h2{ color: #fff; text-align: center; font-size:.18rem; margin-bottom: .25rem;}
.indexContainer .layer5Right ul li .textBox p{ text-align: center; line-height: 24px; color: #fff; font-size: .16rem;}
.indexContainer .layer5Right ul li:hover .text{ opacity: 1;}
.indexContainer .layer5Right ul li .text2{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.indexContainer .layer5Right ul li .text2 h2{ font-size: .65rem; text-align: center; margin-bottom: .2rem; color: #333;}
.indexContainer .layer5Right ul li .text2 p{ text-align: center; font-size: .22rem; color: #333;}
.indexContainer .layer5Right ul li .more{ display: block; width: 1.4rem; height: .38rem; border: .02rem solid #fd3535; line-height: .34rem; text-align: center; color: #333; font-size: .2rem; color: #333; border-radius:.06rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer5List{ padding: .32rem .4rem 0 .4rem; box-sizing: border-box; width: 100%;}
.indexContainer .layer5List ul{ width: 100%; overflow: hidden;}
.indexContainer .layer5List ul li{float: left; width: 15%; margin-right: 2%;}
.indexContainer .layer5List ul li:last-child{ margin-right: 0;}
.indexContainer .layer5List ul li .icon{ width: 100%; height: 1.48rem; position: relative;}
.indexContainer .layer5List ul li .icon img{ display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: .55rem; width: auto;}
.indexContainer .layer5List ul li .text{ width: 100%;}
.indexContainer .layer5List ul li .text h2{ font-size: .22rem; line-height: .22rem; color: #333; margin-bottom: .18rem;}
.indexContainer .layer5List ul li .text p{ color: #666; font-size: .16rem; color: #666; line-height: .26rem;}

.indexContainer .layer6{ padding: 1.75rem 0 0 0;}
.indexContainer .layer6 .titWarp{ width: 17.2rem; margin: 0 auto;}
.indexContainer .layer6Box{overflow: hidden;  margin-top: .7rem; width: 100%; padding: 1.2rem ; box-sizing: border-box; background: #f0f0f0;}
.indexContainer .layer6Box .NrBox{ width:17.6rem; margin: 0 auto;}
.indexContainer .layer6Box .text{ width: 5rem; float: left; float: left;}
.indexContainer .layer6Box .text .bt{ padding-top: .1rem; width: 100%; border-bottom: .01rem solid #d8d8d8;}
.indexContainer .layer6Box .text .bt h2{ line-height: .28rem; font-size: .28rem; color: #333;}
.indexContainer .layer6Box .text .bt p{ line-height: .5rem; font-size: .12rem; color: #333;}
.indexContainer .layer6Box .text .bt span{ display: block; width: .64rem; height: .02rem; background: #333;}
.indexContainer .layer6Box .text .nr{ padding:.15rem 0 ;}
.indexContainer .layer6Box .text .nr p{ font-weight: normal; font-size: .15rem; line-height: .34rem;}
.indexContainer .layer6Box ul{ padding-top: .2rem; width: 100%; overflow: auto;}
.indexContainer .layer6Box ul li{ float: left; width: 50%; height: .6rem; line-height: .6rem; font-size: .14rem; color: #333;}
.indexContainer .layer6Box ul li span{ width: .6rem; height: .6rem; border-radius:50%; text-align: center; line-height: .6rem; background: #333333; color: #fff; display: inline-block; float: left; margin-right: .1rem;}
.indexContainer .layer6Box .icon{ float: right; width: 8rem;}
.indexContainer .layer6Box .icon img{ display: block; width: 100%; height: auto;}
.indexContainer .layer7{ width: 17.6rem; margin: 0 auto; padding: 1.3rem 0 0 0;}
.indexContainer .layer7Box{ box-sizing: border-box; padding-top: .7rem; overflow: hidden;}
.indexContainer .layer7Left{ width: 6.57rem; float: left; background: #f7f7f7; height: 8.67rem; padding: 0 .38rem .38rem .38rem; box-sizing: border-box;}
.indexContainer .layer7Left .text{ box-sizing: border-box; width: 100%; height: 2.13rem; padding: .53rem 0 0 0;}
.indexContainer .layer7Left .text h2{ font-size: .28rem; margin-bottom: .75rem; line-height: .28rem; color: #333;}
.indexContainer .layer7Left .text span{ display: block; font-size: .18rem; color: #979899; font-weight: bold;}
.indexContainer .layer7Left .icon{ width: 100%;height: 5.86rem}
.indexContainer .layer7Left .icon img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer7Center{ float: left; margin-left: .28rem;width: 10.42rem}
.indexContainer .layer7Center ul{ width: 100%;}
.indexContainer .layer7Center ul li{ width: 100%; height: 4.18rem; padding: 0 .65rem; box-sizing: border-box; background: #f7f7f7; margin-bottom: .28rem;}
.indexContainer .layer7Center ul li .bt{ padding-top: .5rem; box-sizing: border-box; width: 100%; height: 1.87rem; border-bottom: .01rem solid #e9e9e9; position: relative; box-sizing: border-box;}
.indexContainer .layer7Center ul li .bt h2{ font-weight: bold; font-size: .58rem; text-align: center; color: #999; display: block; width: 1.05rem;}
.indexContainer .layer7Center ul li .bt p{ font-size: .18rem; color: #999; width: 1.05rem; text-align: center;}
.indexContainer .layer7Center ul li .bt .arrow{ background: url(../images/index_58.jpg); width: .32rem; height: .23rem; background-size:100% 100%; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.indexContainer .layer7Center ul li .text{ width: 100%;}
.indexContainer .layer7Center ul li .text h2{ height: 1.05rem; line-height: 1.05rem; font-size: .26rem; color: #333;}
.indexContainer .layer7Center ul li .text p{ font-size: .18rem; color: #666; line-height: .28rem; color: #666;}
.indexContainer .layer7Right{ float: right; width: 3.97rem; background: #f7f7f7; height: 8.67rem;}
.indexContainer .layer7Right ul{ height: 100%; width: 100%; padding: 0 .7rem; box-sizing: border-box;}
.indexContainer .layer7Right ul li{ position: relative; height: 25%; width: 100%; border-bottom: .01rem solid #e9e9e9;}
.indexContainer .layer7Right ul li .nr{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%)}
.indexContainer .layer7Right ul li .nr h2{  font-size: .58rem; margin-bottom: .15rem; font-weight: bold; color: #999;}
.indexContainer .layer7Right ul li .nr p{ font-size: .18rem; color: #999;}
.indexContainer .layer7Right ul li .arrow{background: url(../images/index_58.jpg); width: .32rem; height: .23rem; background-size:100% 100%; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.indexContainer .layer7 .more{ display: block; width: 3.17rem; margin: .6rem auto;}
.indexContainer .layer7 .more img{ display: block; width: 100%; height: auto;}

.footer{ overflow: hidden; width: 100%; padding: .55rem .9rem; box-sizing: border-box; background: #515254;}
.footer .footerBox{ width: 17.6rem; margin: 0 auto;}
.footer .footerLogo{ float: left; width: 1.8rem;}
.footer .footerLogo img{ display: block; width: 100%; height: auto;}
.footer .footerNav{ float: right;  margin-right: .8rem;}
.footer .footerNav ul{ text-align: center; float: left; margin-right: .35rem;}
.footer .footerNav ul h2{ font-size: .28rem; color: #fff}
.footer .footerNav ul li{ margin-top: .32rem;}
.footer .footerNav ul li a{ font-size: .22rem; color: #fff;}
.footer .code{ float: right; width: 2.2rem;}
.footer .code img{ display:block; width: 100%; height: auto;}
.footer .code p{ text-align: center; padding-top: .3rem; font-size: .22rem; color: #fff;}

.navGtaion{ width: 17.2rem; margin: 0 auto; position: relative; height: 1.2rem; overflow: hidden; padding-left: .22rem; background: url(../images/navGation_03.png) left center no-repeat; background-size:.13rem auto ;}
.navGtaion ul{ float: left; overflow: hidden;}
.navGtaion ul li{ float: left; height: 1.2rem; line-height: 1.2rem; font-size: .16rem; color: #333;}
.navGtaion ul li a{ font-size: .16rem; color: #333;}
.navGtaion .search{ overflow: hidden; width: 2.55rem; height: .32rem; border-radius:.16rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border: .01rem solid #c9c9c9; box-sizing: border-box;}
.navGtaion .search span{ display: block; width: .86rem; height: .3rem; text-align: center; font-size: .14rem; background: #999; color: #fff; font-size: .14rem; float: left; border-radius:.15rem ; line-height: .3rem;}
.navGtaion .search input{ text-align: center; display: block; width: calc(100% - .86rem); height: .3rem; float: left; border: none; outline: none;}

.caseMain{ width: 17.6rem; margin:0 auto;}
.caseMain .caseLayer1{ width: 100%; overflow: hidden;}
.caseMain .caseLayer1 .swiper-container{ width: 100%;}
.caseMain .caseLayer1 .swiper-container img{ display: block; width: 100%; height: auto;}
.caseMain .caseLayer1 .bd{ position: relative; width: 100%;}
.caseMain .caseLayer1 .bd .swiper-button-next{background: none; width: 1.1rem; height: .75rem; font-size: .75rem; text-align: center; font-weight: bold; color: rgba(0,0,0,0.6); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.caseMain .caseLayer1 .bd .swiper-button-prev{background: none; width: 1.1rem; height: .75rem; font-size: .75rem; text-align: center; font-weight: bold; color: rgba(0,0,0,0.6); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.caseMain .caseLayer1 .bd .swiper-button-prev:after{ display: none;}
.caseMain .caseLayer1 .bd .swiper-button-next:after{ display: none; }
.caseMain .caseLayer1 .bd ul{ width: 100%;}
.caseMain .caseLayer1 .bd ul li{ width: 100%;}
.caseMain .caseLayer1 .bd ul li img{ display: block; width: 100%; height: auto;}
.caseMain .caseLayer1 .hd{ width: 100%; padding: .4rem 0; border-bottom: .01rem solid #c9c9c9;}
.caseMain .caseLayer1 .hd ul{ width: 100%; overflow: hidden;}
.caseMain .caseLayer1 .hd ul li{ width: .6rem; height: .6rem; float: left; margin-right: .1rem;}
.caseMain .caseLayer1 .hd ul li img{ display: block; width: 100%; height: 100%;}
.caseMain .bt1{ width: 100%; padding: .5rem 0;}
.caseMain .bt1 h2{ font-size: .28rem; color: #333; line-height: .56rem;}
.caseMain .bt2{ margin-bottom: .3rem; width: 1.8rem; height: .4rem; text-align: center; line-height: .4rem; font-size: .22rem; color: #fff; background: #b01f30;}
.caseMain .bt2 a{
	color: #fff;
}
.caseMain .caseLayer2{ padding-bottom: 1.2rem; overflow: hidden;}
.caseMain .caseLayer2 .Left{ padding-right: 1.3rem; box-sizing: border-box; width: 11.3rem; float:left;}

.caseMain .caseLayer2 .Left .conBox{ margin-bottom: .3rem; background: #eeeeee; padding: .25rem 0; box-sizing: border-box; width: 100%; overflow: hidden;}
.caseMain .caseLayer2 .Left .conBox .icon{ box-sizing: border-box; position: relative; width: 1.75rem; height: 1.55rem; float: left; border-right:.02rem solid #dedcdb;}
.caseMain .caseLayer2 .Left .conBox .icon .Tp{ width: 100%; height: 1.1rem; position: relative;}
.caseMain .caseLayer2 .Left .conBox .icon .Tp img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.caseMain .caseLayer2 .Left .conBox .icon p{ text-align: center; font-size: .12rem; color: #333;}
.caseMain .caseLayer2 .Left .conBox .list{ padding-left: .4rem; box-sizing: border-box; width: calc(100% - 1.75rem); float: left;}
.caseMain .caseLayer2 .Left .conBox .list ul{ overflow: hidden;}
.caseMain .caseLayer2 .Left .conBox .list ul li{ width: 50%; float: left; line-height: .5rem; color: #333;}
.caseMain .caseLayer2 .Left .conBox .list ul li span{ color: #666;}
.caseMain .caseLayer2 .Left .textMain{ width: 100%; padding: 0 0 .45rem .45rem;}
.caseMain .caseLayer2 .Left .textMain p{ line-height: .5rem; font-size: .2rem; color: #333;}
.caseMain .caseLayer2 .Right{ text-align: right; border-left:.01rem solid #c9c9c9; box-sizing: border-box; margin-top: .45rem; float: right; width: calc(100% - 11.3rem);}
.caseMain .caseLayer2.detail .Left .textMain{ width: 100%;}
.caseMain .caseLayer2.detail .Left .caseMain .bt1
.caseMain .caseLayer2 .Right .hd ul{ width: 100%;}
.caseMain .caseLayer2 .Right .hd ul li{ overflow: hidden; padding-top: .45rem; cursor: pointer; cursor: pointer;}
.caseMain .caseLayer2 .Right .hd ul li p{ transition: 0.5s; line-height: .42rem; font-size: .22rem; color: #333;}
.caseMain .caseLayer2 .Right .hd ul li p:nth-child(1){ padding-right: .45rem; background: url(../images/arrow2.png) right center no-repeat; background-size:.3rem auto; transform: translateX(.45rem);}
.caseMain .caseLayer2 .Right .hd ul li:hover p{ transform: translateX(0);}
.caseMain .caseLayer2 .Right .hd ul li.on p:nth-child(1){ transform: translateX(0);}
.caseMain .caseLayer2 .Right .hd .more{ cursor: pointer; box-shadow: .1rem .1rem .1rem rgba(0,0,0,0.2); display: block; margin-top: .65rem; width: 2.9rem; height: .6rem; text-indent: .65rem; text-align: left; display: inline-block; line-height: .6rem; font-size: .18rem; color: #333;}
.caseMain .caseLayer2 .Right .hd .more img{ transition: 0.5s; width: .55rem; display: inline-block; vertical-align: middle; margin-left: .2rem;}
.caseMain .caseLayer2 .Right .hd .more:hover img{ margin-left: .4rem;}
.caseMain .caseLayer2 .title img{ display: inline-block;}
.caseLayer3{ position: relative; padding: .6rem 0;}
.caseLayer3 ul{ width: 100%; overflow: hidden;}
.caseLayer3 ul li{ width: 18.4%; float: left; margin-right: 2%;}
.caseLayer3 ul li img{ display: block; width: 100%; height: auto;}
.caseLayer3 ul li:last-child{ margin-right: 0;}
.caseLayer3 .swiper-pagination{ width: 100%; bottom: 0; height: .12rem;}
.caseLayer3 .swiper-pagination span{ margin: 0 .1rem; width: .12rem; height: .12rem;}
.new{ width: 17.6rem; margin: 0 auto;}
.new ul{ overflow: hidden;}
.new ul li{ padding-top: .5rem; width: 32%; float: left; margin-right: 2%;}
.new ul li:nth-child(3n){ margin-right: 0;}
.new ul li .icon{ width: 100%; height: 4.85rem;}
.new ul li .icon img{ display: block; width: 100%; height: 100%;}
.new ul li .text{ height: 3.3rem; width: 100%; background: #f7f7f7; padding: 0 .5rem; box-sizing: border-box;}
.new ul li .text .time{ position: relative; padding-top: .48rem; box-sizing: border-box; width: 100%; height: 1.5rem; border-bottom: .01rem solid #999;}
.new ul li .text .time h2{ line-height: .44rem; font-weight: bold; font-size: .44rem; color: #999; margin-bottom: .12rem;}
.new ul li .text .time span{ font-size: .15rem; color: #999;}
.new ul li .text .time img{ width: .32rem; height: .23rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.new ul li .text .nr{ width: 100%;}
.new ul li .text .nr h2{ height: .8rem; line-height: .8rem; font-size: .22rem; color: #333;}
.new ul li .text .nr p{ font-size: .16rem; line-height: .24rem; color: #999;}

.pageMain{padding: .5rem 0; width: 100%;}
.pageMain ul{ text-align: center;}
.pageMain ul li{ display: inline-block; margin: 0 .05rem;}
.pageMain ul li a{ display: inline-block; height: .25rem; line-height: .25rem; border: .01rem solid #c9c9c9; box-sizing: border-box; padding: 0 .15rem; font-size: .14rem; color: #333;}

.AppTop{ display: none;}
.SideBar{ display: none;}

@media only screen and (max-width:1200px) {
	
	.top{ display: none;}
	
	.AppTop{ display: block; width: 100%; height: 1rem; z-index: 99; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7);}
	.AppTop .logo{ height: 1rem; width: 1rem; position: relative;}
	.AppTop .logo img{ height: 80%; display: block; position: absolute; left: .25rem; top: 50%; transform: translateY(-50%);}
	.AppTop .sideClick{ transition: 0.5s; width: .44rem; height: .34rem; position: absolute; right: .25rem; top: 50%; transform: translateY(-50%);}
	.AppTop .sideClick span{ width: 100%; height: .03rem; background: #fff; transition: 0.5s; position: absolute;}
	.AppTop .sideClick span:nth-child(1){ left: 0; top: 0;}
	.AppTop .sideClick span:nth-child(2){ left: 0; top: 50%; transform: translateY(-50%);}
	.AppTop .sideClick span:nth-child(3){ left: 0; bottom: 0;}
	.AppTop .sideClick.on{ transform:translateY(-50%) rotate(180deg);}
	.AppTop .sideClick.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(45deg);}
	.AppTop .sideClick.on span:nth-child(2){ width: 0;}
	.AppTop .sideClick.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(-45deg);}
	.SideBar{ display: block; left: -100%; transition: 0.5s; width: 70%; height: 100vh; position: fixed;  top: 0; background: #555; z-index: 100;} 
	.SideBar .logo{ width: 100%; padding: .8rem 0;}
	.SideBar .logo img{ display: block; width: 60%; margin: 0 auto;}
	.SideBar ul{ width: 70%; margin: 0 auto;}
	.SideBar ul li{ line-height: .6rem;}
	.SideBar ul li a{ color: #fff;}
	.indexContainer .layer1 ul{ padding: 0; width: 100%; height: auto; overflow: hidden;}
	.indexContainer .layer1 ul li{ width: 49%; margin-right: 2%; margin-bottom: .15rem;}
	.indexContainer .layer1 ul li:nth-child(2n){ margin-right: 0;}
	.indexContainer .layer1 ul li:last-child{ display: none;}
	.indexContainer .layer1{ padding: .3rem; box-sizing: border-box;}
	.indexContainer .layer2Box{ width: 100%;}
	.indexContainer .layer2Box .hd{ width: 3rem; padding-left: .2rem;}
	.indexContainer .layer2Box .bd{ width: calc(100% - 3rem); padding-right: .2rem; box-sizing: border-box;}
	.indexContainer .layer2Box .hd ul li{  padding-top: .1rem;}
	.indexContainer .layer2Box .bd ul li{margin: 0; width: 100%; display: none;}
	.indexContainer .layer2Box .bd ul li:first-child{ display: block;}
	.indexContainer .layer2Box .bd ul li .icon{ height:7rem;}
	.indexContainer .layer2Box .hd .more{ width: 80%; text-align: center; text-indent: 0; margin: .3rem 0 0 0;}
	.indexContainer .layer3{  width: 100%; padding: 0 .2rem; box-sizing: border-box;padding-top: .3rem;}
	.indexContainer .layer3 ul li{ width: 100%; height: auto; margin: 0 0 .2rem 0;}
	.indexContainer .layer4{ width: 100%; padding: 0 .2rem; box-sizing: border-box;}
	.indexContainer .layer4Box .text img{ width: 80%; margin: 0 auto;}
	.indexContainer .layer5{ display: none;}
	.indexContainer .layer6{ padding: 0;}
	.indexContainer .layer6 .titWarp{ width: 100%; padding: 0 .2rem; box-sizing: border-box;}
	.indexContainer .layer6Box{ padding: .2rem;}
	.indexContainer .layer6Box .NrBox{ width: 100%;}
	.indexContainer .layer6Box .text{ width: 100%; padding: .3rem 0;}
	.indexContainer .layer6Box .icon{ width: 100%;}
	.indexContainer .layer6Box .icon img{ display: block; width: 100%; height: auto;}
	.indexContainer .layer7{ width: 100%; padding: .8rem .2rem; box-sizing: border-box;}
	.indexContainer .layer7Left{ width: 100%; height: auto;}
	.indexContainer .layer7Center{ width: 100%; padding-top: .2rem; margin: 0;}
	.indexContainer .layer7Right{ width: 100%;}
	
	.navGtaion{ width: 94%; margin: 0 auto; height: auto; background: none;}
	.navGtaion ul{ width: 100%;}
	.navGtaion .search{ display: block; position: relative; transform: none; width: 5rem; height: .8rem; border-radius:.4rem ;}
	.navGtaion .search span{ width: 1.8rem; height: .8rem; border-radius:.4rem ; font-size: .2rem; line-height: .8rem;}
	.navGtaion .search input{ width: calc(100% - 1.8rem); height: .8rem;}
	
	.caseMain{ width: 100%; padding: .2rem; box-sizing: border-box;}
	.caseMain .caseLayer1 .hd ul{ width:100%}
	.caseMain .caseLayer1 .hd ul li{ width: 23.5%; height: auto; float: left; margin-right: 2%;}
	.caseMain .caseLayer1 .hd ul li:nth-child(4){ margin-right: 0;}
	.caseMain .caseLayer1 .hd ul li:last-child{ display: none;}
	.caseMain .caseLayer2 .Left{ width: 100%; padding: 0;}
	.caseMain .caseLayer2 .Left .conBox{ width: 100%;}
	.caseMain .caseLayer2 .Left .conBox .icon .Tp{ width: 100%; height: 2rem;}
	.caseMain .caseLayer2 .Left .conBox .icon{ width: 100%; height: auto;}
	.caseMain .caseLayer2 .Left .conBox .list{ width: 100%;}
	.caseMain .caseLayer2 .Left .conBox .list ul li{ width: 100%;}
	.caseMain .caseLayer2 .Left .textMain{box-sizing: border-box;}
	.caseMain .caseLayer2 .Right{ display: none;}
	.caseLayer3 ul li{ width: 49%; margin-right: 2%; margin-bottom: .2rem;} 
	.caseLayer3 ul li:nth-child(2n){ margin-right: 0;}
	.footer{ padding: .2rem; box-sizing: border-box;}
	.footer .footerBox{ width: 100%;}
	.footer .footerLogo{ width: 100%;}
	.footer .footerLogo img{ display: block; margin: 0 auto; width: 30%; height: auto;}
	.footer .code{ display: none;}
	.footer .footerNav{ width: 100%; padding: .5rem 0; box-sizing: border-box; margin: 0;}
	.footer .footerNav ul{ display: none; width: 50%; float: left; margin: 0;}
	.footer .footerNav ul:nth-child(1){ display: block;}
	.footer .footerNav ul:nth-child(2){ display: block;}
	 
	.new{ width: 100%; padding: .2rem; box-sizing: border-box;}
	.new ul li{ width: 100%; margin: 0 0 .2rem 0;}
	.pageMain ul li a{ height: .4rem; line-height: .4rem;}
}