@charset "UTF-8";
*{margin: 0;padding: 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
html{font-size: 100px; font-family:'Microsoft YaHei';}
body{font-size: .12rem;font-family: Arial, "微软雅黑";color: #333;-webkit-text-size-adjust: none;opacity: 0;}
body.show{opacity: 1;transition: All 1s ease;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;}
a{color: #333;text-decoration: none;outline: none;}
a:active{star: expression(this.onFocus=this.blur());}
a:link{text-decoration: none;outline: none;}
a:visited{text-decoration: none;outline: none;}
a:hover{text-decoration: none;color: #14205e;outline: none;}
li{list-style: outside none;}
h1{font-size: 16px;}
h2, h3, h4, h5{font-size: 14px;}
h5{font-size: 12px;}
textarea, input{background: transparent;font-size: 12px;font-family: Arial, "微软雅黑";color: #888;outline: none;border: 0px;}
em{font-style: normal;}
img{vertical-align: middle;max-width: 100%;border: 0px;width: 100%;}
.none{display:none;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;height: 0px;display: block;_display: inherit;}
.ellipsis, .case .name{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.before{content: "";display: block;position: absolute;left: 50%;top: 0;}
.h10{height: 0.1rem;overflow: hidden;clear: both;}
.h50{height: 0.5rem;overflow: hidden;clear: both;}
.wal{max-width: 12rem;margin: 0px auto;}
a, .transition, .head, .head .imgList, .head .sound, .nav, .footBar, .indexPart1 .layer, .indexPart1 .dots22 li span, .case .box, .artsCenter .content .img .bg, .artsCenter .content .img .layer, :before, img, .nav{transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;}
.flex{display: flex;display: -webkit-flex;}
.flexColumn{flex-direction: column;-webkit-flex-direction: column;}
.itemsCenter{align-items: center;-webkit-align-items: center;}
.justifyCenter{justify-content: center;-webkit-justify-content: center;}
.flexAround{justify-content: space-around;-webkit-justify-content: space-around;}
.red{color: #d7000f;}
.headD{height: 90px;}
.head{position: fixed;z-index: 50;left: 0;right: auto;top: 0;bottom: auto;width: 100%;height: 90px;background: rgba(0,0,0,.5);}
.head a.logo{display: block;position: absolute;z-index: 10;left: 60px;right: auto;top: 18px;bottom: auto;background: url("../image/logo.png") center no-repeat;background-size: cover;width: 200px;height: 60px;}
/*.head a.logo1{display: block;position: absolute;z-index: 10;left: 60px;right: auto;top: 18px;bottom: auto;width: 200px;height: 60px;}*/
.head .navagation{/*display: block;*/position: absolute;z-index: 10;left: auto;right: 60px;top: 18px;bottom: auto;height: 60px; width:60%;}
.head .navagation a{font-size:18px; color:#fff; line-height:60px;    margin: 0px 5%;}
.head .imgList{position: absolute;z-index: 10;left: auto;right: 4.55rem;top: 35px;bottom: auto;}
.head .imgList li{float: left;padding-left: 15px;}
.head .imgList img{width: auto;height: 20px;}
.head .sound{position: absolute;z-index: 10;left: auto;right: 2.7rem;top: 32px;bottom: auto;width: 70px;line-height: 16px;}
.head .sound h2{font-weight: 400;font-size: 14px;}
.head .sound dd{float: left;font-size: 14px;padding-right: .1rem;color: #b5b5b6;cursor: pointer;}
.head .sound dd.on{color: #333;}
.head a.navA{/*display: block;*/width: 40px;height: 100%;position: absolute;z-index: 10;left: auto;right: 0.5rem;top: 0;bottom: auto;background: url("../image/navA.png") center no-repeat;background-size: 38px;}
.head a.search{display:none;width: 40px;height: 100%;position: absolute;z-index: 10;left: auto;right: 1.3rem;top: 0;bottom: auto;background: url("../image/icon-fadajin.png") center no-repeat;background-size: 32px;}
.head2{background: none;}
.head2 a.logo, .head2 .imgList, .head2 .sound{opacity: 0;}
body.navShow .head a.navA{background-image: url("../image/img31.png");}
body.navShow .nav{top: 0;opacity: 1;visibility: visible;}
.nav{position: fixed;z-index: 49;left: 0;right: auto;top: -3rem;bottom: auto;width: 100%;min-height: 4rem;background: #000;padding-top: 2rem;padding-bottom:2rem; opacity: 0;visibility: hidden;}
.nav ul{width:80%; margin:auto; overflow:hidden;}
.nav li{float: left;width: 20%;padding-left: 1.25rem;}
.nav .img{overflow:hidden}
.nav .img a{font-size:64px; color:#fff;}
.nav .name a{display: block;font-size: 14px;line-height: 17px;padding: 20px 0 12px 0;letter-spacing: 2px; color:#fff;}
.nav .name a>div{font-size:13px;margin-bottom: 10px;}
.nav dl{width: 1rem;border-top: #ddd solid 2px;padding: .4rem 0;}
.nav dd{margin-right: -.5rem;}
.nav dd a{display: block;font-size: 14px;height: .5rem;line-height: .5rem; overflow: hidden;color:#ddd;letter-spacing: 2px;}
.nav dd a:hover{color: #fff; font-weight:bold;}
/*index-----------------------*/
.footBarD{height: .56rem;}
.footBar{position: fixed;z-index: 100;left: 0;bottom: -.56rem;width: 100%;background: rgba(0, 0, 0, 0.8);}
.footBar.show{bottom: 0;}
.footBar .wal{height: .56rem;position: relative;color: #fff;}
.footBar .name{position: absolute;z-index: 10;left: 0;right: auto;top: 0;bottom: auto;width: 1.83rem;height: 100%;background: url("../image/img183.png") left center no-repeat;background-size: 100%;}
.footBar ul{position: absolute;z-index: 10;left: 0;right: 0;top: 0;bottom: auto;}
.footBar li{padding-right: .7rem;float: left;}
.footBar li:nth-child(2){float:right}
.footBar a{display: block;color: #fff;font-size: .2rem;height: .56rem;line-height: .56rem;letter-spacing: .04rem;padding-left: .45rem;background: url("../image/img30_2.png") left center no-repeat;background-size: .3rem;font-weight: bold;}
.footBar .tel a{background-image: url("../image/img30_3.png");font-size: .24rem;}
#index{height: 100vh;position: relative;overflow: hidden;}
#index .section{position: absolute;z-index: 10;left: auto;right: auto;top: 50%;bottom: auto;width: 100%;padding-top: 80px;transform: translate(0px, -50%);-webkit-transform: translate(0px, -50%);-moz-transform: translate(0px, -50%);-o-transform: translate(0px, -50%);-ms-transform: translate(0px, -50%);}
#index .indexSide{background: center no-repeat;background-size: cover;height: 100vh;}
#index .indexSide .bannertext{position:absolute; top: 180px; width: 52%;margin-left: 24%;}
#index .indexSide .bannertext img{width:100%; max-width:1100px;}
#index .indexSide .bannertext p{color:#fff; font-size:.28rem; text-align:center; margin-top:70px;position:relative; line-height:100px}
#index .indexSide .bannertext p:before{content:""; width:6%;height:3px; background-color:#fff; position:absolute; top:0px; left:47%;  }
.indexFlash{color: #fff;font-size: .23rem;text-transform: uppercase;}
.indexFlash .name{position: absolute;z-index: 10;left: 1.1rem;right: auto;top: 1.35rem;bottom: auto;}
.indexFlash .name2{position: absolute;z-index: 10;left: auto;right: 20%;top: 50%;bottom: auto;font-size: .2rem;width: 1em;}
.indexFlash .box{position: absolute;z-index: 10;left: 1.1rem;right: auto;top: 50%;bottom: auto;}
.indexFlash .box div{letter-spacing: .04rem;}
.indexFlash .box h2{font-size: .85rem;line-height: 1.55rem;text-transform: initial;}
.indexPart1 .swiper-slide{background: center no-repeat;background-size: cover;height: 100vh;position: relative;}
.indexPart1 .swiper-slide-active .layer{opacity: 1;visibility: visible;right: 2rem;transition-duration: 2s;transition-delay: .5s;}
.indexPart1 .layer{position: absolute;z-index: 10;left: auto;right: -1rem;top: 0;bottom: 0;width: 6.15rem;height: 100%;background: rgba(0, 0, 0, 0.6);opacity: 0;visibility: hidden;}
.indexPart1 .layer:before{content: "";display: block;position: absolute;background: url("../image/logo.png") center no-repeat;background-size:contain;width: 2rem;height: 1rem;top: 1rem;right: .5rem;}
.indexPart1 .layer .box{color: #fff;position: absolute;z-index: 10;left: 0;right: auto;top: auto;bottom: 5%;width: 100%;padding-right: 0.5rem;min-height: 2rem;}
.indexPart1 .layer h2{text-align: right;font-size: .4rem;}
.indexPart1 .layer p{z-index: 10;font-size: .25rem;height: .3rem;width: auto;text-align: right; margin-top: 20px; text-transform:uppercase;}
.indexPart1 .layer a{display: block;position: absolute;z-index: 10;left: 0;right: auto;top: 0;bottom: auto;width: 100%;height: 100%;}
.indexPart1 .num{position: absolute;z-index: 10;left: 3.2rem;right: auto;top: auto;bottom: 0.3rem;font-size: .25rem;}
.indexPart1 .num span{display: inline-block;font-size: .45rem;width: 1.5rem;font-weight: bold;}
.indexPart1 .dots22{position: absolute;z-index: 20;left: 0.45rem;right: auto;top: 70%;bottom: auto;margin-top: -1.4rem;width: 2.5rem;}
.indexPart1 .dots22 li{height: .5rem;line-height: .5rem;position: relative;cursor: pointer;}
.indexPart1 .dots22 li.on:before{width: .07rem;height: .07rem;background: #d7000f;top: .26rem;}
.indexPart1 .dots22 li.on span{opacity: 1;left: .3rem;}
.indexPart1 .dots22 li:before{content: "";display: block;position: absolute;left: 0;top: .15rem;width: .5rem;height: .06rem;background: #ffffff;}
.indexPart1 .dots22 li span{display: block;font-size: .22rem;font-weight: bold;position: absolute;z-index: 10;left: 0.2rem;right: auto;top: 0;bottom: auto;opacity: 0;color:#fff;}
.indexPart1 .progress{position: absolute;z-index: 10;left: 0.35rem;right: auto;top: auto;bottom: 0.45rem;width: .4rem;}
.indexPart1 .progress .circle{stroke-dasharray: 120;stroke-dashoffset: 120;transition: stroke-dashoffset .3s linear;-webkit-transition: stroke-dashoffset .3s linear;-moz-transition: stroke-dashoffset .3s linear;-o-transition: stroke-dashoffset .3s linear;}
.indexPart1 .progress.on .circle{stroke-dashoffset: 0;transition: stroke-dashoffset 6s linear;-webkit-transition: stroke-dashoffset 6s linear;-moz-transition: stroke-dashoffset 6s linear;-o-transition: stroke-dashoffset 6s linear;}
.indexPart2 canvas{width: 100%;}
.indexPart3 .wal{max-width: 16.8rem;min-height: 5rem;position: relative;}
.indexPart3 .side{width: 3.28rem;position: absolute;z-index: 10;left: 1rem;right: auto;top: auto;bottom: auto;}
.indexPart3 .side .title{padding-bottom: .7rem;}
/*.indexPart3 .side ul{display: none;}*/
.indexPart3 .side li{padding-bottom: .45rem;}
.indexPart3 .side a{display: block;font-size: 15px;line-height: 2em;}
.indexPart3 .side a span{display: block;}
.indexPart3 .side a.on{color: #d7000f;}
.indexPart3 .imgList{width: 11.45rem;margin-left: auto;overflow: hidden;position: relative;}
.indexPart3 .indexPart3Dots{font-size: 0;text-align: center;padding-top: .4rem;}
.indexPart3 .indexPart3Dots span{display: inline-block;margin: 0 .12rem;width: .87rem;height: .05rem;background: #ccc;}
.indexPart3 .indexPart3Dots .swiper-pagination-bullet-active{background: #14205e;}
.indexPart4{padding-top: 90px; background:url(/style/image/bg_4.png) no-repeat center center; background-size:cover;}
.indexPart4 .wal{max-width: 16rem; overflow:hidden; width: 60%; margin-left: 0;}
.indexPart4 .title{text-transform: uppercase;font-size: .42rem;line-height: .42rem;padding: .4rem 0 .3rem 0; color:#fff;}
.indexPart4 .title span{font-size: .21rem;letter-spacing: 2px;margin-left: 20px;}
.indexPart4 .list2{position: absolute;z-index: 10;left: 0;right: auto;top: 10%;bottom: auto;width: 100%;padding-top: .5rem;width: 80%; margin-left: 10%;}
.indexPart4 .list2 ul{margin-left: -.32rem;margin-right: -.32rem; overflow: hidden;}
.indexPart4 .list2 li{width: 100%;padding: 0 .32rem;font-size: 13px; color: #fff;}
.indexPart4 .list2 .img a{display: block;background: center none;background-size: cover;height: 1.47rem;}
.indexPart4 .list2 .name{padding: .15rem 0 .1rem 0; overflow:hidden;}
.indexPart4 .list2 .name a{display: block;line-height: 1.4em;height: 1.8em;overflow: hidden; color:#fff;font-size: 0.22rem;position:relative;    padding-left: 22px; float:left}
.indexPart4 .list2 .name a:before{content:""; display:block; width:10px; height:10px; background-color:#ccc; left:0px;border-radius:5px; position:absolute; left:0px; top:5px;}
.indexPart4 .list2 .name span{float:right; font-size:0.21rem; color:#e4dacc;line-height: 1.4em;  display:none;}
.indexPart4 .cont {overflow:hidden}
.indexPart4 .cont .li{ width:22%; padding:0 0 0.2rem;color: #fff;    float: left;    margin-top: 5%; }
.indexPart4 .cont .h3{ font-size:0.8rem; font-weight:normal; }
.indexPart4 .cont .h3 span{ top:0; font-size:0.3rem; }
.indexPart4 .cont .p{ font-size:0.22rem; }
.indexPart5{overflow:hidden; background-color:#fff;}
.indexPart5 .list1{min-height: 4.26rem; overflow:hidden; width:90%;  margin: 6% auto 0;}
.indexPart5 .list1 .title{text-transform: uppercase;font-size: .42rem;line-height: .42rem;padding: .4rem 0 .3rem 0; color:#000; text-align:center;}
.indexPart5 .list1 .title div{font-size: .2rem;letter-spacing: 2px;line-height: .55rem;}
.indexPart5 .list1 .con{}
.indexPart5 .list1 .con{width:90%;}
/*.indexPart5 .list1 li{float: left;width: 8.333%;text-align: center;height: 1.28rem;}*/
/*.indexPart5 .list1 img{max-width: 1.3rem;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}*/
/*.indexPart5 .list1 a:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);}*/

.indexFoot{padding: 0 .5rem;background: #efeff0;height: 4.3rem;z-index: 10;}
.indexFoot .wal{min-height: 1.98rem;max-width: 1200px;position: relative;width:90%; max-width:inherit;overflow: hidden; }
.indexFoot .ewm{width: 127px;position: absolute;z-index: 10;left: auto;right: 0;top: 1rem;bottom: auto;}
.indexFoot .content{font-size: 13px;line-height: .3rem;min-height: 2.26rem;padding-top: 1.3rem;color:#fff;}
.indexFoot .content p{font-size:15px; float:left;margin-right: 50px; line-height:35px;padding-left:40px;}
.indexFoot .content p.address{background-image:url(../image/icon-location.png); background-repeat:no-repeat; background-position: left center;}
.indexFoot .content p.tel{background-image:url(../image/icon-tel.png); background-repeat:no-repeat; background-position: left center;}
.indexFoot .content p.email{background-image:url(../image/icon-email.png); background-repeat:no-repeat; background-position: left center;}
.indexFoot .link{font-size: 12px;line-height: .5rem;padding-top: .2rem; margin-top:.5rem; border-top: 1px solid #ddd;}
.indexFoot .link a{color:#fff;}
.indexFoot .msg{border-bottom: #b5b5b6 solid 1px;clear: both;line-height: .4rem;font-size: 12px;}

/*page---------------*/
.caseNav{padding-left: .6rem;}
.caseNav li{float: left;}
.caseNav a{display: block;height: .65rem;line-height: .65rem;padding: 0 .3rem 0 10px;letter-spacing: 1px;color: #535353;font-size: 14px;background: url("../image/img10.png") left center no-repeat;background-size: 4px;}
.caseNav a:hover, .caseNav a.on{color: #333;background-image: url("../image/img4on.png");}
.case{padding: 0 .6rem;font-size: 14px;letter-spacing: 1px;}
.case ul{margin-left: -.4rem;}
.case li{float: left;width: 25%;padding: 0 0 .4rem .4rem;}
.case li:hover .box{box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);}
.case .box{background: #fff;padding: 0 .2rem;}
.case .img{margin-left: -.2rem;margin-right: -.2rem;}
.case .name{font-size: .24rem;text-transform: uppercase;height: .72rem;line-height: .72rem;}
.case p, .case .name2{padding-bottom: .2rem;}
.case p span{padding: 0 .1rem;}
.case dl{margin-left: -.1rem;height: .6rem;}
.case dd{float: left;width: 12.5%;padding-left: .1rem;}
.newShow .wal{max-width: 897px;padding-top: 1rem;}
.newShow .title{font-size: 20px;font-weight: bold;line-height: 55px;padding: 25px 0;background: url("../image/img10_1.png") left top no-repeat;}
.newShow .title h2{font-size: 35px;}
.newShow .title div{letter-spacing: 2px;}
.newShow .content{font-size: 15px;line-height: 1.72em;text-align: justify;}
.newShow .content p, .newShow .content .img{padding-bottom: .4rem;}
.artsCenter{padding: 1rem .6rem 0 .6rem;}
.artsCenter .title{font-size: 20px;font-weight: bold;line-height: 55px;padding: 25px 0;background: url("../image/img10_1.png") left top no-repeat;}
.artsCenter .title h2{font-size: 35px;}
.artsCenter .title div{letter-spacing: 2px;}
.artsCenter .msg{font-size: 15px;line-height: 1.72em;letter-spacing: 1px;}
.artsCenter .msg p{padding-bottom: .26rem;}
.artsCenter .content{font-size: 15px;line-height: 1.72em;text-align: justify;}
.artsCenter .content p{max-width: 1204px;padding-bottom: .6rem;}
.artsCenter .content .img{margin-bottom: .25rem;position: relative;}
.artsCenter .content .img:hover .bg, .artsCenter .content .img:hover .layer{opacity: 1;}
.artsCenter .content .img .bg{position: absolute;z-index: 10;left: 0;right: auto;top: 0;bottom: auto;width: 50%;height: 100%;background: rgba(34, 24, 21, 0.7);opacity: 0;}
.artsCenter .content .img .layer{position: absolute;z-index: 10;left: 0;right: auto;top: 50%;bottom: auto;width: 100%;padding-left: .6rem;padding-top: 1rem;color: #fff;opacity: 0;}
.artsCenter .content .img .layer:before{content: "";display: block;position: absolute;left: .6rem;top: 0;width: .24rem;height: .24rem;background: #d7000f;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.artsCenter .content .img h2{height: .7rem;line-height: .7rem;text-transform: uppercase;position: relative;font-size: .82rem;color: #3e3a39;}
.artsCenter .content .img h2 div{position: absolute;z-index: 10;left: 0;right: auto;top: 0;bottom: auto;color: #fff;width: 8.4rem;overflow: hidden;white-space: nowrap;}
.artsCenter .content .img h3{font-size: .2rem;padding: .4rem 0 .5rem 0;}
.artsCenter .content .img p{max-width: 50%;padding-right: 1.1rem;font-size: .2rem;line-height: 1.6em;}
.artsCenter .msg2{text-align: center;font-size: 20px;line-height: 1.8em;color: #3e3a39;letter-spacing: .03rem;padding: .55rem 0 .4rem 0;}
.artsCenter .msg2 a.back{display: block;background: url("../image/img30.png") center no-repeat;height: .65rem;}
.pageTitle{text-align: center;text-transform: uppercase;font-size: .28rem;font-weight: bold;padding: .5rem 0;}
.pageTitle h2{font-size: .42rem;}
.pageTitle div{letter-spacing: .04rem;padding-top: .15rem;}
.pageArrow{display: block;position: absolute;z-index: 10;left: auto;right: auto;top: auto;bottom: 0.9rem;background: center no-repeat;width: .48rem;height: .41rem;background-size: cover;opacity: 0;}
.pageArrow.on{opacity: 1;}
.pageArrow.next{right: .5rem;background-image: url("../image/next48.png");}
.pageArrow.prev{left: .5rem;background-image: url("../image/prev48.png");}
.news{position: absolute;z-index: 10;left: 0;right: auto;top: 40%;bottom: auto;width: 100%;overflow: hidden;font-size: .19rem;line-height: 1.4em;}
.news #news{margin-left: -2rem;margin-right: -2rem;}
.news .swiper-slide{padding: 0 .45rem;}
.news .swiper-slide:hover .img a{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);}
.news .img{width: 100%;overflow: hidden;position: relative;}
.news .img a{display: block;background: center no-repeat;background-size: cover;height: 2.17rem;}
.news .time{padding: .2rem 0;}
.news .time span{padding: 0 .1rem;}
.websiteDot{position: absolute;z-index: 20;left: 0.45rem;right: auto;top: 50%;bottom: auto;margin-top: -.8rem;width: .22rem;}
.websiteDot li{height: .34rem;line-height: .34rem;position: relative;}
.websiteDot li.on:before{width: .07rem;height: .07rem;background: #d7000f;top: .13rem;}
.websiteDot li:before{content: "";display: block;position: absolute;left: 0;top: .15rem;width: .21rem;height: .03rem;background: #3e3a39;}
.website_01 .wal{max-width: 12rem;background: #c6d1c9;min-height: 7.2rem;padding-left: .65rem;}
.website_01 .title{font-weight: bold;padding: .6rem 0;}
.website_01 .title span{display: inline-block;padding-right: .24rem;background: url("../image/img9.png") right 85% no-repeat;background-size: .09rem;}
.website_01 .title h2{font-size: .32rem;padding-bottom: .1rem;letter-spacing: .04rem;}
.website_01 .title div{font-size: .62rem;color: #fff;}
.website_01 p{font-size: .2rem;font-weight: bold;line-height: .48rem;letter-spacing: .04rem;min-height: 3.85rem;}
.website_01 .btn a{font-size: .32rem;font-weight: bold;letter-spacing: .04rem;background: url("../image/img41.png") right center no-repeat;background-size: .41rem;display: inline-block;padding-right: .46rem;color: #333;}
.website_01 .btn a:hover{padding-right: .61rem;}
.mascot_01 .wal{background: #a19a99;color: #fff;}
.mascot_01 .title div{color: #333;}
.mascot_01 .btn a{color: #fff;}
.picture_01 .wal{background: #babaae;}
.poster_01 .wal{background: #bfbbc2;}
.h5_01 .wal{background: #c5c5ce;}
.logo_01 .wal{background: #e4dacc;}
.VI_01 .wal{background: #7c7c7c;color: #fff;}
.VI_01 .title div{color: #333;}
.VI_01 .btn a{color: #fff;}
.website_02 .wal{max-width: 16.8rem;min-height: 5rem;position: relative;}
.website_02 .side{position: absolute;z-index: 10;left: 0.95rem;right: auto;top: 0;bottom: auto;width: 6.5rem;}
.website_02 .title{font-weight: bold;padding-bottom: .6rem;}
.website_02 .title span{display: inline-block;padding-right: .24rem;background: url("../image/img9.png") right 95% no-repeat;background-size: .09rem;}
.website_02 .title h2{font-size: .32rem;padding-bottom: .3rem;letter-spacing: .04rem;}
.website_02 .title div{font-size: .62rem;line-height: .45rem;}
.website_02 .list{width: 10.23rem;overflow: hidden;position: relative;margin-left: auto;}
.website_02 .swiper-slide{min-height: 5.67rem;background: #c6d1c9;position: relative;padding: 1.3rem 1.23rem 0 1.23rem;}
.website_02 .swiper-slide .img{width: 3.95rem;position: absolute;z-index: 10;left: auto;right: 0.65rem;top: 0.7rem;bottom: auto;}
.website_02 .swiper-slide .box{background: #fff;min-height: 3.5rem;padding-left: .75rem;}
.website_02 .swiper-slide h2{position: relative;font-size: .66rem;font-weight: bold;text-transform: uppercase;padding: .5rem 0 .2rem 0;}
.website_02 .swiper-slide h2:before{content: "";display: block;position: absolute;left: 0;bottom: 0;width: .75rem;height: .03rem;background: #e4dacc;}
.website_02 .swiper-slide p{font-size: .18rem;line-height: .32rem;padding: .2rem 0 0 .36rem;}
.website_02 .dots{font-size: 0;text-align: center;padding-top: .3rem;}
.website_02 .dots span{display: inline-block;margin: 0 .12rem;width: .87rem;height: .05rem;background: #ccc;}
.website_02 .dots .swiper-pagination-bullet-active{background: #d7000f;}
.mascot_02 .swiper-slide{background: #a19a99;}
.mascot_02 .swiper-slide .img{width: 4.64rem;}
.picture_02 .swiper-slide{background: #babaae;}
.picture_02 .swiper-slide .img{width: 4.64rem;}
.poster_02 .swiper-slide{background: #bfbbc2;}
.poster_02 .swiper-slide .img{width: 4.21rem;}
.h5_02 .swiper-slide{background: #c5c5ce;}
.h5_02 .swiper-slide .img{width: 4.36rem;}
.logo_02 .swiper-slide{background: #e4dacc;}
.logo_02 .swiper-slide .img{width: 4.64rem;}
.VI_02 .swiper-slide{background: #7c7c7c;}
.VI_02 .swiper-slide .img{width: 4.47rem;}
.website_03 .wal{max-width: 16.8rem;min-height: 5rem;position: relative;}
.website_03 .side{position: absolute;z-index: 10;left: 0.95rem;right: auto;top: 0;bottom: auto;width: 6.5rem;}
.website_03 .title{padding-bottom: .6rem;}
.website_03 .title span{display: inline-block;padding-right: .24rem;background: url("../image/img9.png") right 80% no-repeat;background-size: .09rem;}
.website_03 .title h2{font-size: .32rem;padding-bottom: .1rem;letter-spacing: .04rem;}
.website_03 .title div{font-size: .62rem;line-height: .75rem;}
.website_03 .list2 li{float: left;width: 50%;height: 1.5rem;}
.website_03 .list2 a{display: block;font-size: .16rem;line-height: .32rem;color: #444;}
.website_03 .list2 a.on{color: #d7000f;}
.website_03 .list2 a.on span{padding-right: .46rem;}
.website_03 .list2 span{display: inline-block;padding-right: .36rem;background: url("../image/img23.png") right center no-repeat;background-size: .23rem;}
.website_03 .list{width: 10.23rem;overflow: hidden;position: relative;margin-left: auto;}
.website_03 .dotsDiv{font-size: 0;text-align: center;padding-top: .3rem;}
.website_03 .dotsDiv div.dots{display: inline-block;}
.website_03 .dotsDiv span{display: inline-block;margin: 0 .12rem;width: .87rem;height: .05rem;background: #ccc;}
.website_03 .dotsDiv .swiper-pagination-bullet-active{background: #d7000f;}
.website_03 .dotsDiv a{display: inline-block;font-size: .16rem;padding-left: .12rem;}
.about_02 .bg{position: absolute;z-index: 10;left: 0;right: auto;top: 90px;bottom: auto;width: 100%;height: 100%;background: url("../image/aboutbg.png") center top no-repeat;background-size: 100%;}
.about_02 .ico1{background: #fff url("../image/img37.png") center no-repeat;background-size: cover;width: .37rem;height: .37rem;position: absolute;z-index: 10;left: 2.46rem;right: auto;top: 0.99rem;bottom: auto;}
.about_02 .ico2{background: url("../image/img330.png") center no-repeat;background-size: cover;width: 3.3rem;height: 2.47rem;position: absolute;z-index: 10;left: 0.98rem;right: auto;top: 5.7rem;bottom: auto;}
.about_02 .box{position: absolute;z-index: 10;left: 8.77rem;right: auto;top: 1.16rem;bottom: auto;background: #fff;width: 6.85rem;}
.about_02 .box h2{font-size: .32rem;text-transform: uppercase;height: 2rem;padding-top: 1rem;}
.about_02 .box p{max-width: 6.25rem;font-size: .2rem;line-height: 2em;padding-bottom: .2rem;}
.about_02 .box p.p-1{padding-bottom: .4rem;}
.about_02 .box p b{color: #d7000f;}
.about_03 .bg{position: absolute;z-index: 10;left: 0;right: auto;top: 0;bottom: auto;width: 100%;height: 100%;background: url("../image/about_03.png") center top no-repeat;background-size: 100%;}
.about_03 .ico1{width: .38rem;height: .38rem;background: url("../image/img38.png") center no-repeat;background-size: cover;position: absolute;z-index: 10;left: 11.73rem;right: auto;top: 2.15rem;bottom: auto;}
.about_03 .bg1{position: absolute;z-index: 10;left: 0;right: auto;top: 0;bottom: auto;width: 100%;height: 100%;background: url("../image/about_02.png") center top no-repeat;background-size: 100%;}
.about_03 .bg-2{background-image: url("../image/aboutbg3.png");display: none;}
.about_03 .bg-3{background-image: url("../image/aboutbg2.png");display: none;}
.about_03 .box1{position: absolute;z-index: 10;left: 5.37rem;right: auto;top: 0;bottom: auto;background: url("../image/img327.png") 0.25rem 1rem no-repeat;background-size: 3.27rem;width: 4.52rem;height: 6.95rem;font-size: .18rem;line-height: .4rem;padding: 5.2rem .25rem 0 .25rem;letter-spacing: .03rem;text-align: justify;}
.about_03 .box1.on{background-color: #d5c4b0;}
.about_03 .box2{background: url("../image/img225.png") 1rem 0.5rem no-repeat;background-size: 2.25rem;position: absolute;z-index: 10;left: 0;right: auto;top: 6.1rem;bottom: auto;width: 12.5rem;height: 3.6rem;padding: 1.2rem .35rem 0 6.9rem;font-size: .18rem;line-height: .4rem;letter-spacing: .03rem;text-align: justify;}
.about_03 .box2.on{background-color: #c0ccc3;}
.about_03 .box3{position: absolute;z-index: 10;left: auto;right: 0;top: 0;bottom: auto;width: 4.4rem;padding: 2rem 1.05rem .5rem .2rem;font-size: .18rem;line-height: .4rem;letter-spacing: .03rem;text-align: justify;}
.about_03 .box3 .img{height: 4rem;background: url("../image/img264.png") left top no-repeat;background-size: 2.64rem;}
.about_03 .box3.on{background-color: #c2c4ca;}
.about_04{z-index: 20;}
.about_04 .bg{background: #fff url("../image/about_04.jpg") center 0.4rem no-repeat;background-size: 100%;height: 43rem;max-width: 19.2rem;margin: 0 auto;position: relative;}
.about_04 .box1{position: absolute;z-index: 10;left: 10.3rem;right: auto;top: 2.02rem;bottom: auto;width: 4.83rem;height: 11.69rem;background: #e1d6c6;padding: .35rem .8rem 0 .4rem;font-size: .18rem;line-height: .4rem;text-align: justify;}
.about_04 .box1 h2{font-size: .18rem;padding-bottom: 1.2rem;}
.about_04 .box1 p{padding-bottom: .4rem;min-height: 1.2rem;}
.about_04 .box1 b{color: #d7000f;}
.about_04 .box1:hover{z-index: 20;box-shadow: -.1rem .1rem 0 #333;-webkit-box-shadow: -.1rem .1rem 0 #333;-moz-box-shadow: -.1rem .1rem 0 #333;}
.about_04 .box2{position: absolute;z-index: 10;left: 14.72rem;right: auto;top: 3.75rem;bottom: auto;width: 3.64rem;height: 6.31rem;background: #bdbec8;padding: .25rem .4rem 0 .25rem;font-size: .16rem;line-height: .4rem;text-align: justify;}
.about_04 .box2 h2{font-size: .18rem;}
.about_04 .box2 p{padding-bottom: .4rem;}
.about_04 .box2 b{color: #d7000f;}
.about_04 .box2:hover{z-index: 20;box-shadow: -.1rem .1rem 0 #333;-webkit-box-shadow: -.1rem .1rem 0 #333;-moz-box-shadow: -.1rem .1rem 0 #333;}
.about_04 .box3{position: absolute;z-index: 10;left: 0.72rem;right: auto;top: 12.43rem;bottom: auto;width: 5.25rem;height: 3.2rem;background: #e1d6c6;padding: .35rem 1.2rem 0 .35rem;font-size: .16rem;line-height: .4rem;text-align: justify;}
.about_04 .box3 h2{font-size: .18rem;padding-bottom: .4rem;}
.about_04 .box3:hover{z-index: 20;box-shadow: -.1rem .1rem 0 #333;-webkit-box-shadow: -.1rem .1rem 0 #333;-moz-box-shadow: -.1rem .1rem 0 #333;}
.about_04 .list{position: absolute;z-index: 10;left: 0;right: auto;top: 16.95rem;bottom: auto;width: 100%;}
.about_04 .list h2.title{position: absolute;z-index: 10;left: 10.2rem;right: auto;top: 0;bottom: auto;font-size: .3rem;text-transform: uppercase;color: #d7000f;border: #3e3a39 solid .02rem;width: 6.52rem;height: 1.37rem;line-height: 1.33rem;text-align: center;background: #fff;}
.about_04 .list li{position: absolute;z-index: 10;left: auto;right: auto;top: auto;bottom: auto;background: #fff;}
.about_04 .list .li_01{left: 0;top: 3.42rem;width: 7.75rem;padding: 0 .32rem 0 1rem;}
.about_04 .list .li_02{left: 8.7rem;top: 2.12rem;width: 8.52rem;}
.about_04 .list .li_03{left: 7.14rem;top: 13.84rem;width: 8.21rem;}
.about_04 .list .box{padding: 0 .5rem;}
.about_04 .list .box h2{font-size: .16rem;text-transform: uppercase;padding: .4rem 0 .25rem 0;}
.about_04 .list .box p{font-size: .16rem;line-height: .4rem;color: #3e3a39;text-align: justify;max-width: 7.42rem;letter-spacing: 1px;}
.about_04 .box4{position: absolute;z-index: 10;left: 5.7rem;right: auto;top: 40.16rem;bottom: auto;width: 5.5rem;letter-spacing: 1px;}
.about_04 .box4 h2{color: #d7000f;font-size: .16rem;padding-bottom: .16rem;}
.about_04 .box4 p{font-size: .16rem;line-height: .26rem;}
/*phone---------------*/.phoneShow{display: none;}
.pIndex_01{padding-top: 1.23rem;border-bottom: #9fa0a0 solid .1rem;}
.pIndex_02 li{position: relative;border-bottom: #9fa0a0 solid 2px;}
.pIndex_02 .layer{position: absolute;z-index: 10;left: auto;right: 0.45rem;top: 5%;bottom: auto;width: 3.4rem;height: 90%;background: rgba(211, 194, 170, 0.6);}
.pIndex_02 .layer.layer-2{background: rgba(101, 101, 101, 0.6);}
.pIndex_02 .layer.layer-3{background: rgba(145, 136, 135, 0.85);}
.pIndex_02 .layer.layer-4{background: rgba(181, 195, 185, 0.85);}
.pIndex_02 .layer.layer-4 h2 div{font-size: .38rem;}
.pIndex_02 .layer.layer-5{background: rgba(178, 179, 190, 0.6);}
.pIndex_02 .layer.layer-6{background: rgba(165, 165, 150, 0.85);}
.pIndex_02 .layer.layer-6 h2 div{font-size: .38rem;}
.pIndex_02 .layer.layer-7{background: rgba(172, 167, 176, 0.85);}
.pIndex_02 .layer.layer-8{background: rgba(196, 178, 178, 0.85);}
.pIndex_02 .layer.layer-8 h2 div{font-size: .38rem;}
.pIndex_02 .layer:before{content: "";display: block;position: absolute;background: url("../image/img33.png") center no-repeat;background-size: cover;width: .3rem;height: .3rem;top: .3rem;right: .3rem;}
.pIndex_02 .layer .box{color: #fff;position: absolute;z-index: 10;left: 0;right: auto;top: 30%;bottom: auto;width: 100%;padding-right: .3rem;min-height: 1.15rem;}
.pIndex_02 .layer h2{text-align: right;font-size: .24rem;}
.pIndex_02 .layer h2 div{font-size: .42rem;margin-left: -1rem;}
.pIndex_02 .layer p{position: absolute;z-index: 10;left: 0;right: auto;top: 2rem;bottom: auto;font-size: .2rem;height: .3rem;width: 1.3rem;transform-origin: center top;transform: rotate(90deg);}
.pIndex_02 .layer p.p-2{left: auto;right: -.3rem;font-size: .18rem;}
.phoneTitle{text-align: center;padding: .4rem 0;border-top: #9fa0a0 solid 2px;}
.phoneTitle h2{text-transform: uppercase;font-size: .32rem;}
.phoneTitle div{font-size: .24rem;font-weight: bold;letter-spacing: .04rem;padding-top: .04rem;}
.pIndex_03{min-height: 1rem;position: relative;}
/*.pIndex_03 .phoneTitle{position: absolute;z-index: 10;left: 0;right: auto;top: 0;bottom: auto;width: 100%;border: 0;}*/
.pIndex_04 .imgList{width: 100%;overflow: hidden;position: relative;padding-bottom: .45rem;}
.pIndex_04 .swiper-slide{padding: 0 .45rem;}
.pIndex_04 .dots{font-size: 0;text-align: center;position: absolute;z-index: 10;left: 0;right: auto;top: auto;bottom: 0.6rem;width: 100%;}
.pIndex_04 .dots span{display: inline-block;margin: 0 .05rem;width: .1rem;height: .1rem;background: rgba(255, 255, 255, 0.6);-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.pIndex_04 .dots .swiper-pagination-bullet-active{background: #fff;}
.pIndex_05 .list{width: 100%;overflow: hidden;position: relative;}
.pIndex_05 .swiper-slide{padding: 0 .15rem;}
.pNews{background: #f7f8f8;min-height: 5rem;padding: 0 .75rem;}
.pNews .title{text-transform: uppercase;font-weight: bold;padding: .3rem 0;font-size: .24rem;}
.pNews .title span{display: inline-block;padding-right: .2rem;background: url("../image/img7.png") right bottom no-repeat;background-size: .07rem;}
.pNews .title h2{font-size: .46rem;padding-top: .04rem;}
.pNews li{background: #fff;padding: .3rem;margin-left: -.3rem;margin-right: -.3rem;font-size: .3rem;line-height: 1.4em;margin-bottom: .3rem;}
.pNews .img a{display: block;background: center no-repeat;background-size: cover;height: 3.4rem;}
.pNews .time{padding: .3rem 0;}
.pwebsite_01{min-height: 4.5rem;background: #c6d1c9;padding: .3rem;}
.pwebsite_01 .title{padding: 0 0 .4rem 0;}
.pwebsite_01 .title h2{font-size: .26rem;padding-bottom: .05rem;}
.pwebsite_01 .title span{display: inline-block;background: url("../image/img9.png") right 80% no-repeat;background-size: .09rem;padding-right: .2rem;}
.pwebsite_01 .title div{font-weight: bold;font-size: .46rem;color: #fff;}
.pwebsite_01 .content{font-size: .2rem;line-height: 2em;min-height: 2.3rem;padding-bottom: .3rem;}
.pwebsite_01 .btn a{font-size: .24rem;font-weight: bold;padding-right: .43rem;background: url("../image/img33_1.png") right center no-repeat;background-size: .33rem;}
.pwebsite_02 .title{padding: .9rem 0 .3rem .3rem;}
.pwebsite_02 .title h2{font-size: .26rem;padding-bottom: .1rem;}
.pwebsite_02 .title div{font-weight: bold;font-size: .5rem;}
.pwebsite_02 .title span{display: inline-block;background: url("../image/img9.png") right 80% no-repeat;background-size: .09rem;padding-right: .2rem;}
.pwebsite_02 li{min-height: 3.73rem;position: relative;background: #c6d1c9;margin-bottom: .3rem;padding: .85rem .8rem 0 .3rem;}
.pwebsite_02 li .box{min-height: 2.5rem;background: #fff;}
.pwebsite_02 li .box h2{font-size: .51rem;padding: .25rem 0 .15rem .4rem;position: relative;}
.pwebsite_02 li .box h2:before{content: "";display: block;position: absolute;left: .4rem;bottom: 0;width: .6rem;height: .03rem;background: #e4dacc;}
.pwebsite_02 li .box p{font-size: .14rem;line-height: .25rem;padding: .2rem 0 0 .7rem;}
.pwebsite_02 li .img{width: 3.28rem;position: absolute;z-index: 10;left: auto;right: 0.35rem;top: 0.4rem;bottom: auto;}
.pwebsite_02 .li_02{padding: .85rem .35rem 0 .75rem;}
.pwebsite_02 .li_02 .box{padding-left: 2.15rem;}
.pwebsite_02 .li_02 .img{width: 2.37rem;right: auto;left: .3rem;top: .3rem;}
.pwebsite_02 .li_03{padding-top: .4rem;}
.pwebsite_02 .li_03 .img{width: 3.2rem;top: 1.15rem;}
.pwebsite_02 .li_04{padding: .85rem .35rem 0 .75rem;}
.pwebsite_02 .li_04 .box{padding-left: 2.15rem;}
.pwebsite_02 .li_04 .img{width: 2.58rem;right: auto;left: .3rem;top: .3rem;}
.pwebsite_02 .li_05{padding: .85rem .75rem 0 .35rem;}
.pwebsite_02 .li_05 .img{width: 3.03rem;top: 1.1rem;}
.pwebsite_02 .li_06{padding: .85rem .35rem 0 .75rem;}
.pwebsite_02 .li_06 .box{padding-left: 2.5rem;}
.pwebsite_02 .li_06 .img{width: 3.04rem;top: 1.1rem;right: auto;left: .3rem;}
.pwebsite_02 .li_07{padding: .85rem .35rem 0 .75rem;}
.pwebsite_02 .li_07 .box{padding-left: 2.5rem;}
.pwebsite_02 .li_07 .img{width: 3.04rem;top: .6rem;right: auto;left: .3rem;}
.pwebsite_02 .li_08{padding: .35rem .35rem 0 .35rem;}
.pwebsite_02 .li_08 .img{width: 2.42rem;top: .2rem;}
.pwebsite_03 .title{padding: .8rem 0 .4rem .26rem;}
.pwebsite_03 .title h2{font-size: .26rem;padding-bottom: .08rem;}
.pwebsite_03 .title div{font-size: .5rem;}
.pwebsite_03 .title span{display: inline-block;background: url("../image/img9.png") right 80% no-repeat;background-size: .09rem;padding-right: .2rem;}
.pwebsite_03 li{padding-bottom: .26rem;}
.pwebsite_03 .more{text-align: center;padding-bottom: .26rem;}
.pwebsite_03 .more a{display: inline-block;font-size: .38rem;color: #b5b5b6;width: 3.26rem;height: .88rem;line-height: .88rem;background: #f7f8f8;}
.pmascot_01, .pmascot_02 li{background: #a19a99;}
.pmascot_01, .pVI_01{color: #fff;}
.pmascot_01 .title div, .pVI_01 .title div{color: #000;}
.pmascot_01 .btn a, .pVI_01 .btn a{color: #fff;}
.ppicture_01, .ppicture_02 li{background: #babaae;}
.pposter_01, .pposter_02 li{background: #bfbbc2;}
.ph5_01, .ph5_02 li{background: #c5c5ce;}
.plogo_01, .plogo_02 li{background: #e4dacc;}
.pVI_01, .pVI_02 li{background: #7c7c7c;}
.pabout{background: url("../image/aboutbg1.jpg") center top no-repeat;background-size: 100%;min-height: 10rem;max-width: 750px;margin: 0 auto;}
.pabout p{font-size: .2rem;line-height: .4rem;text-align: justify;}
.pabout .part1{padding: 1.27rem .4rem 0 1.3rem;height: 16.4rem;}
.pabout .part1 .img{width: 5.62rem;}
.pabout .part1 h2{font-size: .32rem;padding: .75rem 0 1.8rem 0;}
.pabout .part1 p{padding-bottom: .4rem;padding-right: .1rem;text-align: justify;}
.pabout .part2{height: 8.9rem;padding: .65rem 1.4rem 0 .63rem;}
.pabout .part2 .img{width: 4.78rem;padding-bottom: 1rem;}
.pabout .part3{height: 6.75rem;padding: .65rem .62rem 0 1.37rem;}
.pabout .part3 .img{width: 3.28rem;margin-left: auto;padding-bottom: 1.15rem;}
.pabout .part4{height: 8.11rem;padding: .65rem 1.36rem 0 .63rem;}
.pabout .part4 .img{width: 4.01rem;padding-bottom: 1rem;}
.pabout .part5{height: 12.57rem;padding: 0 .45rem 0 .6rem;}
.pabout .part5 .img{width: 5.66rem;position: relative;left: -.1rem;height: 1.5rem;}
.pabout .part5 .title{width: 4.25rem;height: 1.9rem;margin-left: auto;background: #e1d6c6;position: relative;}
.pabout .part5 .title.on .layer{display: block;}
.pabout .part5 .title h2{font-size: .2rem;line-height: .4rem;padding: .25rem 0 0 .25rem;height: 1.9rem;position: relative;}
.pabout .part5 .title h2:before{content: "";display: block;position: absolute;background: url("../image/img21.png") center no-repeat;background-size: cover;width: .21rem;height: .46rem;right: .4rem;bottom: .3rem;}
.pabout .part5 .title .layer{position: absolute;z-index: 20;left: 0;right: auto;top: 100%;bottom: auto;width: 100%;min-height: 2rem;background: #e1d6c6;padding: .25rem .25rem 0;font-size: .2rem;line-height: .4rem;display: none;}
.pabout .part5 .title .layer h3{font-size: .2rem;}
.pabout .part5 .title .layer p{min-height: 1.5rem;padding-bottom: .4rem;}
.pabout .part5 .img2{height: 4.16rem;position: relative;}
.pabout .part5 .img2 img{width: 5.56rem;position: absolute;z-index: 10;left: 0.65rem;right: auto;top: 1.02rem;bottom: auto;}
.pabout .part5 .box{width: 5.77rem;height: 4.25rem;background: #e1d6c6;padding: .85rem 1.35rem 0 .4rem;}
.pabout .part5 .box h3{font-size: .2rem;line-height: .44rem;padding-bottom: .44rem;}
.pabout .part6{height: 30.25rem;padding: 0 .6rem;}
.pabout .part6 h2.title{text-align: center;font-size: .24rem;line-height: .38rem;color: #d91421;width: 5.03rem;height: 1.38rem;border: #3e3a39 solid .02rem;padding-top: .33rem;background: #fff;margin: 0 auto;}
.pabout .part6 li{position: relative;top: .2rem;}
.pabout .part6 .img{height: 4.68rem;position: relative;}
.pabout .part6 .img img{width: 5.81rem;position: absolute;z-index: 10;left: auto;right: -0.15rem;top: 0.9rem;bottom: auto;}
.pabout .part6 .box{width: 5.77rem;height: 4.25rem;background: #e1d6c6;padding: 1rem 1.3rem 0 .4rem;}
.pabout .part6 .box h3{font-size: .2rem;line-height: .4rem;padding-bottom: .2rem;text-transform: uppercase;}
.pabout .part7{padding-left: .65rem;height: 5.95rem;}
.pabout .part7 .img{width: 3.27rem;height: 4.4rem;}
.pabout .part7 h2{font-size: .2rem;padding-bottom: .15rem;}
.pabout .part7 p{line-height: .26rem;}


@media screen and (max-width: 1400px){
    .nav dd a{font-size: 12px;}
    .indexPart4 .list2 li{font-size: 12px;}
    .indexFoot .ewm{width: 1.27rem;}
    .indexFoot .content{font-size: 12px;}
    .indexFoot .content p{background-size:24px; padding-left:30px; font-size:13px;}
    .caseNav a{font-size: 12px;}
    .case{font-size: 12px;}
}
@media screen and (max-width: 800px){
    .wal{max-width: 8rem;}
    #index{display: none;}
    .phoneShow{display: block;}
    .headD{height: 1.23rem;}
    .head{height: 1.23rem;background: rgb(79, 122, 169);}
    .head a.logo{left: 50%;top: 0;background-size: 100%;width: 2.39rem;height: 100%;margin-left: -1.2rem;}
    .head .imgList, .head .sound{display: none;}
    .head a.navA{width: 1.23rem;right: auto;left: 0;background-size: .4rem;}
    .head2{background: #fff;}
    .head2 a.logo, .head2 .imgList, .head2 .sound{opacity: 1;}
    .nav{width: 65%;height: 100vh;padding-top: 1.23rem;top: 0;left: -50%;z-index: 100;}
    .nav ul { width: 100%; margin: auto;overflow: initial;}
    .nav li{float: none;width: 100%;padding: 0;background: #efefef;border-bottom: #fff solid 2px;height: 1.1rem;position: relative;}
    .nav .img{width: .6rem;position: absolute;z-index: 10;left: 0.5rem;right: auto;top: 0.22rem;bottom: auto;}
    .nav .name a{ color: #000;font-size: .22rem;line-height: .3rem;padding: 0 0 0 1.3rem;height: 1.1rem;letter-spacing: .02rem;display: flex;flex-direction: column;justify-content: center;}
    .nav dl{width: 100%;border-top: 0;padding: 0;position: absolute;z-index: 10;left: 80%;right: auto;top: 0;bottom: auto;background: #f13b3b;display: none;}
    .nav dd{margin-right: 0;}
    .nav dd a{font-size: .25rem;height: .88rem;line-height: .88rem;color: #fff;padding-left: .4rem;}
    .nav .img a{color:#3e3a39; font-size:0.6rem}
    body.navShow .head{left: 50%;}
    body.navShow .nav{left: 0;  background-color: #fff;}
    body.navShow .navBg{background: rgba(0, 0, 0, 0.6);position: fixed;z-index: 50;left: 0;top: 0;width: 100%;height: 100%;}
    .indexFoot .logo{height: auto;padding: .5rem 0;}
    .indexFoot .ewm{width: 1.5rem;top: 0.5rem;bottom: auto;}
    .indexFoot .content{font-size: .22rem;line-height: .5rem;padding-top:0.5rem; color:#3e3a39}
    .indexFoot .list{position: relative;top: 0;padding-left: 0;}
    .indexFoot .list li{float: none;width: 100%;border-bottom: #b5b5b6 solid 1px;}
    .indexFoot .list li.on dl{display: block;}
    .indexFoot .list h2{font-size: .3rem;font-weight: 400;height: .9rem;line-height: .9rem;position: relative;}
    .indexFoot .list h2:before{content: "";display: block;position: absolute;top: 0;right: 0;width: .6rem;height: .9rem;background: url("../image/img12.png") center no-repeat;background-size: .16rem;}
    .indexFoot .list dl{border-top: #dcdcdc solid 1px;padding: .2rem .5rem;display: none;}
    .indexFoot .list dd a{display: block;font-size: .24rem;height: .6rem;line-height: .6rem;}
    .indexFoot .msg{line-height: .4rem;font-size: .22rem;padding: .2rem 0 .2rem 0;}
    .indexFoot .link{font-size: .24rem;line-height: 1rem;padding-bottom: 0;}
    /*page---------------*/
    .footBar{bottom: 0; display}
    .footBar .wal{height: .9rem;}
    .footBar li{padding: 0 0 0 .2rem;}
    .footBar a{font-size: .24rem;height: .9rem;line-height: .9rem;}
    .footBar .tel a{font-size: .3rem;}
    .caseNav{display: none;}
    .case{padding: .4rem .45rem 0 .45rem;font-size: .22rem;}
    .case li{width: 100%;}
    .case .box{padding: 0 .35rem;}
    .case .img{margin-left: -.35rem;margin-right: -.35rem;padding-bottom: .2rem;}
    .case .name{font-size: .34rem;height: 1rem;line-height: 1rem;}
    .case p, .case .name2{padding-bottom: .35rem;}
    .case dl{height: 1rem;}
    .news{display: none;}
    .pageTitle, .pageArrow{display: none;}
    .newShow .wal{padding-top: .5rem;}
    .newShow .title{font-size: .24rem;line-height: .5rem;padding: .3rem 0;background-size: .1rem;}
    .newShow .title h2{font-size: .4rem;}
    .newShow .content{font-size: .22rem;}
    .artsCenter{padding: .5rem .45rem 0 .45rem;}
    .artsCenter .title{font-size: .24rem;line-height: .5rem;padding: .3rem 0;background-size: .1rem;}
    .artsCenter .title h2{font-size: .4rem;}
    .artsCenter .msg{font-size: .22rem;}
    .artsCenter .content{font-size: .22rem;}
    .artsCenter .content .img .bg, .artsCenter .content .img .layer{display: none;}
    .artsCenter .msg2{font-size: .24rem;}
    .artsCenter .msg2 a.back{background-size: .3rem;}
    .websiteDot{display: none;}

    #pIndex_05 .swiper-slide a{display:block; position:relative;}
    #pIndex_05 .swiper-slide .newstitle{position:absolute; bottom:0px; left:0px; right:0px;    width: 100%;height: 50px; background-color: rgba(0,0,0,.6);  color: #fff;  line-height: 50px;    text-indent: 10px;    font-size: 0.24rem;}

}
@media screen and (max-width: 550px){
    .wal{margin: 0 .45rem;}
    .indexFoot{padding: 0;}
}


/*@charset "utf-8";@keyframes myfirst{from{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}to{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}}@-moz-keyframes myfirst{from{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}to{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}}@-webkit-keyframes myfirst{from{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}to{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}}@-o-keyframes myfirst{from{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}to{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}}.mod_info1__logo1{animation:myfirst 8s linear infinite;-moz-animation:myfirst 8s linear infinite;-webkit-animation:myfirst 8s linear infinite;-o-animation:myfirst 8s linear infinite}@keyframes myfirst2{from{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}to{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}}@-moz-keyframes myfirst2{from{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}to{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}}@-webkit-keyframes myfirst2{from{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}to{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}}@-o-keyframes myfirst2{from{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}to{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}}.mod_info1__logo2{animation:myfirst2 6s linear infinite;-moz-animation:myfirst2 6s linear infinite;-webkit-animation:myfirst2 6s linear infinite;-o-animation:myfirst2 6s linear infinite}@keyframes myfirst3{from{transform:translateY(18px);-ms-transform:translateY(18px);-webkit-transform:translateY(18px);-o-transform:translateY(18px);-moz-transform:translateY(18px)}to{transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-moz-transform:translateY(0)}}@-moz-keyframes myfirst3{from{transform:translateY(18px);-ms-transform:translateY(18px);-webkit-transform:translateY(18px);-o-transform:translateY(18px);-moz-transform:translateY(18px)}to{transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-moz-transform:translateY(0)}}@-webkit-keyframes myfirst3{from{transform:translateY(18px);-ms-transform:translateY(18px);-webkit-transform:translateY(18px);-o-transform:translateY(18px);-moz-transform:translateY(18px)}to{transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-moz-transform:translateY(0)}}@-o-keyframes myfirst3{from{transform:translateY(18px);-ms-transform:translateY(18px);-webkit-transform:translateY(18px);-o-transform:translateY(18px);-moz-transform:translateY(18px)}to{transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-moz-transform:translateY(0)}}.mod_info1__f{animation:flash 5s .2s ease-in-out infinite both;-webkit-animation:flash 5s .2s ease-in-out infinite both;-moz-animation:flash 5s .2s ease-in-out infinite both}.mod_info1__flash{animation:flash 5s 1.5s ease-in-out infinite both;-webkit-animation:flash 5s 1.5s ease-in-out infinite both;-moz-animation:flash 5s 1.5s ease-in-out infinite both}.mod_info1__flash1{animation:flash 5s .8s ease-in-out infinite both;-webkit-animation:flash 5s .8s ease-in-out infinite both;-moz-animation:flash 5s .8s ease-in-out infinite both}.mod_info2__jt{animation:_rotateOutDownLeft 1.3s linear infinite;-moz-animation:_rotateOutDownLeft .8s linear infinite;-webkit-animation:_rotateOutDownLeft 1.3s linear infinite;-o-animation:_rotateOutDownLeft .8s linear infinite}.mod_info2__jt1{animation:_rotateOutDownLeft 1.8s linear infinite;-moz-animation:_rotateOutDownLeft 1.8s linear infinite;-webkit-animation:_rotateOutDownLeft 1.3s linear infinite;-o-animation:_rotateOutDownLeft 1.8s linear infinite}.play .ani_1_1{animation:flash 1s .2s ease both;-webkit-animation:flash 1s .2s ease both;-moz-animation:flash 1s .2s ease both}.play .ani_3{animation:fadeOutUp 1s .2s ease infinite both;-webkit-animation:fadeOutUp 1s .2s ease infinite both;-moz-animation:fadeOutUp 1s .2s ease infinite both}.play .ani_3_2{animation:flash 2s .2s ease infinite both;-webkit-animation:flash 2s .2s ease infinite both;-moz-animation:flash 2s .2s ease infinite both}.play .ani_2_1{animation:bounceOutUp 1s .2s ease none;-webkit-animation:bounceOutUp 1s .2s ease none;-moz-animation:bounceOutUp 1s .2s ease none}.play .ani_2{animation:fadeOutDown 1s .2s ease none;-webkit-animation:fadeOutDown 1s .2s ease none;-moz-animation:fadeOutDown 1s .2s ease none}.play .ani_4_1{animation:rotateOutDownLeft 1s .2s ease none;-webkit-animation:rotateOutDownLeft 1s .2s ease none;-moz-animation:rotateOutDownLeft 1s .2s ease none}@keyframes fadeOutUp{0%{opacity:1;-ms-transform:translateY(0);-webkit-transform:translateY(0)}100%{opacity:0;-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px)}}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px)}}@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-20px)}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes rotateIn{0%{-ms-transform-origin:center center;-ms-transform:rotate(-200deg);-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-ms-transform-origin:center center;-ms-transform:rotate(0);-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0}100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}}@keyframes bounceOutUp{0%{-ms-transform:translateY(0);-webkit-transform:translateY(0)}20%{opacity:1;-ms-transform:translateY(20px);-webkit-transform:translateY(20px)}100%{opacity:0;-ms-transform:translateY(-2000px);-webkit-transform:translateY(-2000px)}}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@keyframes fadeOutDown{0%{opacity:1;-ms-transform:translateY(0);-webkit-transform:translateY(0)}100%{opacity:0;-ms-transform:translateY(20px);-webkit-transform:translateY(20px)}}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px)}}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-40px)}}@-moz-keyframes rotateOutDownLeft{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-40px)}}@keyframes rotateOutDownLeft{0%{opacity:1;-ms-transform:translateY(0);-webkit-transform:translateY(0)}100%{opacity:0;-ms-transform:translateY(-40px);-webkit-transform:translateY(-40px)}}@-webkit-keyframes _rotateOutDownLeft{0%{opacity:0;-webkit-transform:translateY(0)}100%{opacity:1;-webkit-transform:translateY(-60px)}}@keyframes _rotateOutDownLeft{0%{opacity:0;-webkit-transform:translateY(0);-ms-transform:translateY(0)}100%{opacity:1;-webkit-transform:translateY(-60px);-ms-transform:translateY(-60px)}}
.mod_info1__logoall{height:100px;width:100px;position:absolute;top:0;right:320px}
.mod_info1__logo1{background-image:url(sprite/logo_1ie.png);background-repeat:no-repeat; background-position:center center;}
.mod_info1__logo2{background-image:url(sprite/logo_2ie.png);background-repeat:no-repeat; background-position:center center;}
.mod_info1__logo3{background-image:url(sprite/logo_3ie.png);background-repeat:no-repeat; background-position:center center;}*/
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

.Rotation{
-webkit-transform: rotate(360deg);
animation: rotation 5s linear infinite;
-moz-animation: rotation 5s linear infinite;
-webkit-animation: rotation 5s linear infinite;
-o-animation: rotation 5s linear infinite;
}