/* 基础样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
}
ul,li{ list-style:none; font-size: 12px;}
img{border:0px; padding:0px; 
/* display: block; */
}
a{ color:#5c5c5c; text-decoration:none}

.w1400{ width: 1400px; margin: 0 auto;}
.top{ z-index: 10; position: relative; width: 100vw; padding: 20px; box-sizing: border-box; background: #fff; z-index: 999; box-shadow: 0 0 10px rgba(0,0,0,0.1); height: 90px; width: 100%;}
.top .logo{ float: left; height: 100%; line-height: 50px;}
.top .logo img{ display: inline-block; vertical-align: middle;}
.top .logo i{vertical-align: middle;font-size: 17px;  letter-spacing: 5px; font-family: 'Microsoft YaHei'; font-weight: 900; font-style: italic;text-align: center;margin-left: 10px;}

.top .User{ padding-top: 6px; float: right; width: 290px; float: right; height: 100%;}
.top .User ul{ overflow: hidden;}
.top .User ul li{ overflow: hidden; float: left; margin-right: 15px; border: 1px solid #0530a9; border-radius:25px; }
.top .User ul li a{ display: block; height: 38px; line-height: 38px; padding: 0 16px;  font-size: 15px; color: #0530a9; }
.top .User ul li a img{ margin-right: 6px; height: 20px; width: auto; display: inline-block; vertical-align: middle;}
.top .User ul li:first-child a{ color: #fff; background:#0530a9 ;}

.top .nav{ float: right; padding-right: 80px;}
.top .nav ul li{ float: left; height: 50px; line-height: 50px; position: relative; padding: 0 15px;}
.top .nav ul li a{ font-weight: 400; font-size: 17px; color: #333;}
.top .nav ul li .arrow{ top: 50%; transform: translateY(-50%); right: -5px; position: absolute;width: 0; height: 0; border: 5px solid transparent;border-top-color: #a9a9a9; border-bottom: none; transition: all .5s ease 0s;}
.top .nav ul li:hover .arrow{ transform:translateY(-50%) rotate(180deg);}
.top .nav ul li img{ display: inline-block; vertical-align: middle; margin-right: 6px; transform: translateY(-2px);}
.top .nav ul li:last-child{ margin-left: 20px;}
.top .nav ul li .sub{ display: none;width:175px; max-width: 220px; position: absolute; left: 50%; transform: translateX(-50%); top: 66px; border-top: 10px solid #0530a9; border-radius: 10px 10px 10px 10px; padding-bottom: 10px;  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .5); background: #fff;}

.top .nav ul li .sub .jt{position: absolute;left: 50%;top: -30px; width: 0; height: 0; border: 10px solid transparent;border-bottom-color: #0530a9; transform: translateX(-50%);}
.top .nav ul li dl{width: 100%; }
.top .nav ul li dl dd{ padding: 5px 5px 0 5px; box-sizing: border-box;}
.top .nav ul li dl dd a{ display: block; padding:  0 15px; box-sizing: border-box; height: 45px; line-height: 45px; overflow: hidden;}
.top .nav ul li dl dd a img{ display: inline-block; vertical-align: middle; margin-right: 10px; height: 20px; width: auto;}
.top .nav ul li dl dd:hover{ background: #eee;}
.top .nav ul li dl dd:hover a{ color: #0530a9;}
.top .nav ul li:hover .sub{ display: block;}

.banner{ width: 100%; position: relative; overflow: hidden;}
.banner img{ display: block; width: 100%; height: auto;}
.banner .bannerBox{ position: absolute; width: 1180px; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.banner .bannerBox p{ font-size: 38px; height: 60px; line-height: 60px; color: #0530a9;}
.banner .btn{ width: 120px; height: 18px; position: absolute; bottom: 15px; right: 250px;}
.banner .btn .swiper-button-next{ z-index: 10; transform: none; top: 0; width: 12px; height: 12px; margin: 0; right: 0; color: #fff; font-size: 12px;}
.banner .btn .swiper-button-prev{ z-index: 10; transform: none; top: 0; width: 12px; height: 12px; margin: 0; left: 0; color: #fff; font-size: 12px;}
.banner .btn .swiper-button-prev:after{ font-size: 12px;}
.banner .btn .swiper-button-next:after{ font-size: 12px;}
.banner .btn .swiper-pagination{ z-index: 9;}
.banner .btn .swiper-pagination span{ background: #fff; opacity: 1;}
.banner .btn .swiper-pagination span.swiper-pagination-bullet-active{ background: #ff5b09;}

.serach{ width: 100%; height: 120px; position: relative; z-index: 10; background: #0530a9;}
.serach .serachBox{ width: 1180px; margin: 0 auto; position: relative;}
.serach .serachBox .hd{ position: absolute; left: 0; top: 0; transform: translateY(-100%);}
.serach .serachBox .hd ul{ width: 100%; height: 45px; overflow: hidden;}
.serach .serachBox .hd ul li{ transition: 0.5s; font-size: 14px; color: #fff; line-height: 45px; padding: 0 20px; box-sizing: border-box; cursor: pointer; width: 185px; height: 45px; float: left; position: relative; background: #0530a9;}
.serach .serachBox .hd ul li:after{transition: 0.5s; background: url(../images/arrow.png); width: 25px; height: auto; right: 15px; top: 55%; transform: translateY(-50%) rotate(180deg); content: ''; position: absolute; height: 50px;}
.serach .serachBox .bd{ width: 100%; height: 100%;}
.serach .serachBox .bd .bdBox{ width: 100%; height: 100%;}
.serach .serachBox .bd .Nr1{ width: 100%; height: 100%; padding-top: 30px; box-sizing: border-box;}
.serach .serachBox .bd .Nr1 .left{ float: left; width: 685px; height: 60px; background: #fff; float: left;}
.serach .serachBox .bd .Nr1 .left input{ float: left; display: block; width: 492px; height: 60px; border: 1px solid #dddddd; box-sizing: border-box; padding: 0 12px; box-sizing: border-box; font-size: 14px;}
.serach .serachBox .bd .Nr1 .left button{ float: left; width: calc(100% - 492px); float: left; height: 60px; text-align: center; line-height: 60px; font-size: 18px; color: #fff; background: #ff5b09; cursor: pointer; border: none;}
.serach .serachBox .bd .Nr1 .Right{ float: left; margin-left: 15px; padding-left: 60px; background: url(../images/a8.png) left center no-repeat; line-height: 60px; color: #fff; font-size: 24px;}
.serach .serachBox .bd .Nr2{ width: 100%; height: 100%;}
.serach .serachBox .bd .Nr2 ul{ width: 100%; overflow: hidden;}
.serach .serachBox .bd .Nr2 ul li{ float: left; margin: 0 30px 0 0;}
.serach .serachBox .bd .Nr2 ul li p{ height: 50px; line-height: 50px; font-size: 14px; color: #fff;}
.serach .serachBox .bd .Nr2 ul li input{ background: #fff; width: 180px; height: 50px; box-sizing: border-box; padding: 0 12px; border: 1px solid #dddddd; font-size: 14px;}
.serach .serachBox .bd .Nr2 ul li input.two{ width: 120px;}
.serach .serachBox .bd .Nr2 ul li input.three{ text-align: center; vertical-align: top; width: 60px; display: inline-block;}
.serach .serachBox .bd .Nr2 ul li input.phone{ width: 150px; /*margin-left: 10px;*/}
.serach .serachBox .bd .Nr2 ul li input.code{ width: 80px; /*margin-left: 10px;*/}
.serach .serachBox .bd .Nr2 ul li span{ text-align: center; vertical-align: top; display: inline-block; width: 44px; height: 50px; line-height: 50px; font-size: 14px; color: #fff;}
.serach .serachBox .bd .Nr2 button{ width: 120px; height: 50px; display: inline-block; vertical-align: top; /*margin-left: 10px;*/ border: none; text-align: center; line-height: 50px; background: none; font-size: 14px; color: #fff; background: #ff5b09;}
.serach .serachBox .hd ul li.on{ background: #ff5b09;}
.serach .serachBox .hd ul li.on:after{transform: translateY(-50%) rotate(0);}
.indexContainer{ width: 100%; overflow: hidden;}
.indexContainer .layer1{ overflow: hidden; width: 1200px; margin: 0 auto;}
.indexContainer .layer1 .icon{ height: 630px; width: 530px; float: left; position: relative;}
.indexContainer .layer1 .icon img{ width: 531px; height: 531px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer1 .text{ width: calc(100% - 530px); float: right; padding:55px 0 55px 60px; box-sizing: border-box;}
.indexContainer .layer1 .text .tit h2{ font-size: 26px; font-weight: normal; line-height: 26px; color: #333;}
.indexContainer .layer1 .text .tit span{ display: block; width: 24px; height: 3px; background: #ff5b09; margin: 12px 0;}
.indexContainer .layer1 .text .tit h3{ font-weight: normal; margin-bottom: 30px; font-size: 14px; color: #a7a7a7; line-height: 14px; margin-bottom: ;}
.indexContainer .layer1 .text p{ font-size: 14px; line-height: 22px; color: #666; padding-bottom: 50px;}
.indexContainer .layer1 .text ul{ width: 100%; overflow: hidden; /*padding-bottom: 60px;*/}
.indexContainer .layer1 .text ul li{ width: 33%; float: left;}
.indexContainer .layer1 .text ul li h2{ line-height: 48px; text-align: center; font-weight: bold; color: #0530a9; font-size: 48px; vertical-align: top;}
@media (max-width: 768px) {
 .indexContainer .layer1 .text ul li h2{ line-height: 48px; text-align: center; font-weight: bold; color: #0530a9; font-size: 30px; vertical-align: top;}   
}

.indexContainer .layer1 .text ul li b{ font-size: 14px; height: 14px; display: inline-block; line-height: 14px; vertical-align: top;}
.indexContainer .layer1 .text ul li span{ display: inline-block; vertical-align:top;}
.indexContainer .layer1 .text ul li .xian{ display: block; width: 24px; height: 3px; background: #ff5b09; margin: 12px auto;}
.indexContainer .layer1 .text ul li h3{ font-weight: normal; text-align: center; font-size: 18px; line-height: 28px; color: #0530a9;}
.indexContainer .layer1 .text a{ transition: 0.5s; text-align: center; display: block; width: 155px; height: 54px; border: 1px solid #ccc; box-sizing: border-box; color: #666; font-size: 16px; line-height: 52px;}
.indexContainer .layer1 .text a img{ height: 100%; transform: translateY(-2px); display: inline-block; vertical-align: middle; margin-left: 10px; transition: 0.5s;}
.indexContainer .layer1 .text a:hover{ background: #0530a9; color: #fff;}
.indexContainer .layer1 .text a:hover img{ margin-left: 20px;}

.indexContainer .layer2{ padding:0 0 50px 0; background: #0530a9;}
.indexContainer .title{ padding: 55px 0 35px 0;}
.indexContainer .title h2{ text-align: center; font-size: 26px; color: #fff;}
.indexContainer .title span{ display: block; margin: 12px auto; width: 25px; height: 3px; background: #ff5b09;}
.indexContainer .title p{ font-size: 16px; color: #ddd; text-align: center;}
.indexContainer .layer2{ overflow: hidden;}
.indexContainer .layer2 .hd{ width: 100%; height: 47px; border-bottom: 1px solid #5593e8;}
.indexContainer .layer2 .hd ul{ text-align: center; white-space: nowrap; overflow-x: scroll;}
.indexContainer .layer2 .hd ul::-webkit-scrollbar { width: 0; height: 0;}

.indexContainer .layer2 .hd ul li{ display: inline-block; margin: 0 32px; line-height: 47px; font-size: 16px; color: #fff; position: relative;}
.indexContainer .layer2 .hd ul li a{ font-size: 16px; color: #fff;}
.indexContainer .layer2 .hd ul li:after{ width: 0; height: 3px; background: #ff5b09; transition: 0.5s; content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.indexContainer .layer2 .hd ul li.on:after{ width: 100%;}
.indexContainer .layer2 .Main{ width: 100%; margin-top: 55px; position: relative;}
.indexContainer .layer2 .Main .sw1{ width: 100%; height: 400px; overflow: hidden; position: absolute; top: 0; left: 0;}
.indexContainer .layer2 .Main .sw1 img{ max-width: 1920px; width: 100%; height: auto; display: block; margin: 0 auto;}
.indexContainer .layer2 .Main .sw2{ margin: 0 auto; width: 780px; height: auto; min-height: 400px; background: #fff; position: relative; z-index: 2;  top: -12px;}
.indexContainer .layer2 .Main .sw2 .Nr{ width: 100%; padding: 35px; box-sizing: border-box;}
.indexContainer .layer2 .Main .sw2 .Nr h2{ font-size: 18px;  color: #333; margin-bottom: 40px;}
.indexContainer .layer2 .Main .sw2 .Nr p{ color: #666; font-size: 14px; line-height: 22px;}
.indexContainer .layer2 .Main .sw2 .Nr ul{ overflow: hidden; padding: 30px 0 50px 0;}
.indexContainer .layer2 .Main .sw2 .Nr ul li{ float: left; margin: 0 20px 0 0; color: #666; font-size: 14px;}
.indexContainer .layer2 .Main .sw2 .Nr ul li span{ color: #0530a9; margin-right: 5px;}
.indexContainer .layer2 .Main .sw2 .Nr .More{ transition: 0.5s; display: block; width: 178px; height: 52px; line-height: 52px; text-align: center; font-size: 18px; color: #fff; background: #0530a9; margin: 40px 0px 0px 0px;}
.indexContainer .layer2 .Main .sw2 .Nr .More img{ transition: 0.5s; display: inline-block; vertical-align: middle; transform: translateY(-2px); margin-left: 10px;}
.indexContainer .layer2 .Main .sw2 .Nr .More:hover img{ margin-left: 20px;}
.indexContainer .layer2 .Main .sw2 .Nr .More:hover{ background: #ff5b09;}

.indexContainer .layer2 .Main .sw2 .swiper-container{ overflow: hidden;}
.indexContainer .layer2 .Main .sw2 .swiper-button-next{ width: 36px; height: 36px; border: 1px solid #fff; position: absolute; left: auto; right: -75px; top: 50%; transform: translateY(-50%); background: url(../images/next.png) center center no-repeat; }
.indexContainer .layer2 .Main .sw2 .swiper-button-prev{ width: 36px; height: 36px; border: 1px solid #fff; position: absolute; left: auto; left: -75px; top: 50%; transform: translateY(-50%); background: url(../images/prev.png) center center no-repeat;}
.indexContainer .layer2 .Main .sw2 .swiper-button-prev:after{ display: none;}
.indexContainer .layer2 .Main .sw2 .swiper-button-next:after{ display: none;}
.indexContainer .layer2.layer3{ background: #fff;}
.indexContainer .layer2.layer3 .title h2{ color: #0530a9;}
.indexContainer .layer2.layer3 .title span{ background: #0530a9;}
.indexContainer .layer2.layer3 .title p{ color: #ddd;}
.indexContainer .layer2.layer3 ul li a{ color: #0530a9;}

.indexContainer .layer2.layer3 .Main .sw3{ position: absolute; left: 0; top: 0; width: 100%; height: 400px; overflow: hidden;}
.indexContainer .layer2.layer3 .Main .sw3 img{ max-width: 1920px; width: 100%; height: auto; display: block; margin: 0 auto;}
.indexContainer .layer2.layer3 .Main .sw4{ width: 780px; height: auto; min-height: 400px; background: #fff; position: relative; z-index: 2; top: -12px; margin: 0 auto;}
.indexContainer .layer2.layer3 .Main .sw4 .Nr{ width: 100%; padding: 35px; box-sizing: border-box;}
.indexContainer .layer2.layer3 .Main .sw4 .Nr h2{ font-size: 18px;  color: #333; margin-bottom: 40px;}
.indexContainer .layer2.layer3 .Main .sw4 .Nr p{ color: #666; font-size: 14px; line-height: 22px;}
.indexContainer .layer2.layer3 .Main .sw4 .Nr ul{ overflow: hidden; padding: 30px 0 50px 0;}
.indexContainer .layer2.layer3 .Main .sw4 .Nr ul li{ float: left; margin: 0 20px 0 0; color: #666; font-size: 14px;}
.indexContainer .layer2.layer3 .Main .sw4 .Nr ul li span{ color: #fff; margin-right: 5px;}
.indexContainer .layer2.layer3 .Main .sw4 .Nr .More{ transition: 0.5s; display: block; width: 178px; height: 52px; line-height: 52px; text-align: center; font-size: 18px; color: #fff; background: #0530a9;}
.indexContainer .layer2.layer3 .Main .sw4 .Nr .More img{ transition: 0.5s; display: inline-block; vertical-align: middle; transform: translateY(-2px); margin-left: 10px;}
.indexContainer .layer2.layer3 .Main .sw4 .Nr .More:hover img{ margin-left: 20px;}
.indexContainer .layer2.layer3 .Main .sw4 .Nr .More:hover{ background: #ff5b09;}
.indexContainer .layer2.layer3 .Main .sw4 .swiper-container{  overflow: hidden;}
.indexContainer .layer2.layer3 .Main .sw4{ background: #0530a9;}
.indexContainer .layer2.layer3 .Main .sw4 .Nr h2{ color: #fff;}
.indexContainer .layer2.layer3 .Main .sw4 .Nr p{ color: #fff;}
.indexContainer .layer2.layer3 .Main .sw4 .Nr ul li{ color: #fff;}
.indexContainer .layer2.layer3 .Main .sw4 .Nr .More{ border: 1px solid #fff; color: #fff; margin: 40px 0px 0px 0px;}
.indexContainer .layer2.layer3 .Main .sw4 .swiper-button-next{ width: 36px; height: 36px; border: 1px solid #fff; position: absolute; left: auto; right: -75px; top: 50%; transform: translateY(-50%); background: url(../images/next.png) center center no-repeat; }
.indexContainer .layer2.layer3 .Main .sw4 .swiper-button-prev{ width: 36px; height: 36px; border: 1px solid #fff; position: absolute; left: auto; left: -75px; top: 50%; transform: translateY(-50%); background: url(../images/prev.png) center center no-repeat;}
.indexContainer .layer2.layer3 .Main .sw4 .swiper-button-prev:after{ display: none;}
.indexContainer .layer2.layer3 .Main .sw4 .swiper-button-next:after{ display: none;}



.indexContainer .layer4{ width: 100%; padding-bottom: 50px;}
.indexContainer .layer4 .title h2{ color:#333 ;}
.indexContainer .layer4 .title p{ color:#939393;}
.indexContainer .layer4 img.bg{ margin: 0 auto; display: block;}
.indexContainer .layer4Box{ width: 1180px; margin: 0 auto;}
.indexContainer .layer4Box h2{ padding-bottom: 10px; text-align: center; font-size: 14px;}
.indexContainer .layer4Box ul{ width: 100%; overflow: hidden;}
.indexContainer .layer4Box ul li{ 
    padding-left: 40px; 
    box-sizing: border-box; 
    width: 25%; 
    float: left; 
    height: 54px; 
    line-height: 1.4; 
    margin-bottom: 0; 
    font-size: 14px; 
    color: #666; 
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    padding-top: 6px;
    padding-bottom: 6px;
}
.indexContainer .layer4Box ul li img{ display: block; position: absolute; left: 0;  top: 50%; transform: translateY(-50%); }
.indexContainer .layer5{ background: url(../images/Pic_03.png); width: 100%; height: 180px; background-attachment:fixed; background-size:100% 100%;}

.indexContainer .layer6{ width: 100%; padding-bottom: 50px; background: #e7e7e7;}
.indexContainer .layer6 .title h2{ color:#333 ;}
.indexContainer .layer6 .title p{ color:#939393;}
.indexContainer .layer6Box{ position: relative; width: 1180px; margin: 0 auto;}
.indexContainer .layer6 .swiper-container{ width: 100%; overflow: hidden;}
.indexContainer .layer6 .Nr{ width: 100%; transition: 0.5s;}
.indexContainer .layer6 .Nr .text{ width: 100%; height: 100%; background: #fff; padding: 28px 18px 18px 18px; box-sizing: border-box;}
.indexContainer .layer6 .Nr .text h2{ transition: 0.52s; font-size: 18px; color: #333; line-height: 18px; overflow: hidden;}
.indexContainer .layer6 .Nr .text h3{ font-weight: normal; height: 40px; line-height: 40px; font-size: 12px; color: #333;}
.indexContainer .layer6 .Nr .text span{ transition: 0.5s; display: block; width: 20px; height: 2px; transition: 0.5s; background: #ff5b09; margin-bottom: 16px;}
.indexContainer .layer6 .Nr .text p{ font-size: 14px; color: #666; line-height: 22px; height: 66px; overflow: hidden; text-indent: 14px;} 
.indexContainer .layer6 .Nr .icon{ overflow: hidden; width: 100%; height: 205px;}
.indexContainer .layer6 .Nr .icon img{ display: block; transition: 0.5s; width: 100%; height: 100%; object-fit: cover;}
.indexContainer .layer6 .Nr:hover{ transform: translateY(-5px); box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.indexContainer .layer6 .Nr:hover .text h2{ color: #ff5b09;}
.indexContainer .layer6 .Nr:hover .text span{ width: 100%;}

.indexContainer .layer6Box .swiper-button-next{ width: 36px; height: 36px; border: 1px solid #939393; position: absolute; left: auto; right: -50px; top: 50%; transform: translateY(-50%); background: url(../images/next2png.png) center center no-repeat; }
.indexContainer .layer6Box .swiper-button-prev{ width: 36px; height: 36px; border: 1px solid #939393; position: absolute; left: auto; left: -50px; top: 50%; transform: translateY(-50%); background: url(../images/prev2.png) center center no-repeat;}
.indexContainer .layer6Box .swiper-button-next:after{ display: none;}
.indexContainer .layer6Box .swiper-button-prev:after{ display: none;}
.indexContainer .layer6 .More{ transition: 0.5s; width: 157px; display: block; margin: 40px auto 0 auto; border: 1px solid #ccc; box-sizing: border-box; text-align: center; line-height: 52px; color: #666; font-size: 18px;}
.indexContainer .layer6 .More img{ display: inline-block; vertical-align: middle; margin-left: 10px; transition: 0.4s;}
.indexContainer .layer6 .More:hover img{ margin-left: 20px; }
.indexContainer .layer6 .More:hover{ background: #0530a9; color: #fff;}

.indexContainer .layer7{ width: 100%; padding-bottom: 120px;}
.indexContainer .layer7 .title h2{ color:#333 ;}
.indexContainer .layer7 .title p{ color:#939393;}
.indexContainer .layer7Box{ width: 1200px; margin: 0 auto;}
.indexContainer .layer7Box ul{ width: 100%; overflow: hidden;}
.indexContainer .layer7Box ul li{ width: 200px; float: left; height: 80px; position: relative;}
.indexContainer .layer7Box ul li img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 80%; height: auto;}

.indexContainer .layer8{ width: 100%; background: #e7e7e7; padding-bottom: 30px;} 
.indexContainer .layer8 .title h2{ color:#333 ;}
.indexContainer .layer8 .title p{ color:#939393;}
.indexContainer .layer8 .hd{ width: 1200px; margin: 0 auto; border-bottom:1px solid #DCDCDC; overflow: hidden;}
.indexContainer .layer8 .hd ul{ height: 24px; float: right; overflow: hidden;}
.indexContainer .layer8 .hd ul li{ float: left; margin: 0 0 0 20px; font-size: 14px; color: #616578; cursor: pointer; font-weight: bold; line-height: 24px;}
.indexContainer .layer8 .hd ul li.on{ color: #0530a9;}
.indexContainer .layer8 .bd{ padding-top: 28px; width: 1200px; margin: 0 auto;}
.indexContainer .layer8 .bd .bdBox{ width: 100%;}
.indexContainer .layer8 .bd ul{ width: 100%; overflow: hidden;}
.indexContainer .layer8 .bd ul li{ width: 32%; float: left; margin: 0 2% 60px 0;}
.indexContainer .layer8 .bd ul li:nth-child(3n){ margin-right: 0;}
.indexContainer .layer8 .bd ul li .icon{ width: 100%; height: 120px; overflow: hidden;}
.indexContainer .layer8 .bd ul li .icon img{ transition: 0.5s; display: block; width: 100%; height: 100%; object-fit: cover;}
.indexContainer .layer8 .bd ul li .text{ width: 100%;}
.indexContainer .layer8 .bd ul li .text h2{ height: 40px; line-height: 40px; overflow: hidden; font-size: 16px; font-weight: normal;}
.indexContainer .layer8 .bd ul li .text dl dd{ padding-left: 44px; width: 100%; position: relative; line-height: 24px; font-size: 14px;}
.indexContainer .layer8 .bd ul li .text dl dd img{ position: absolute; left: 0; top: 0; height: 25px; width: 25px;}
.indexContainer .layer8 .bd ul li:hover .icon img{ transform: scale(1.1);}


.footer{ background: #2b323a; padding: 80px 0 0 0;}
.footer .footerBox{ width: 1180px; margin: 0 auto; overflow: hidden;}
.footer .footerLeft{ width: 760px; float: left;}
.footer .footerLeft .MainTop{ width: 100%; overflow: hidden;}
.footer .footerLeft .MainTop .MainBox{ float: left; width: 180px; border-right:1px solid #5a5a5a; height: 185px;}
.footer .footerLeft .MainTop .MainBox:first-child{ width: 290px;}
.footer .footerLeft .MainTop .MainBox h2{ text-align: center; padding: 10px 0 40px 0; font-weight: bold; color: #fff; font-size: 14px;}
.footer .footerLeft .MainTop .MainBox ul{ width: 100%;}
.footer .footerLeft .MainTop .MainBox ul li{ width: 100%; margin-bottom: 20px; text-align: center;}
.footer .footerLeft .MainTop .MainBox ul li a{ font-size: 14px; color: #666; transition: 0.5s;}
.footer .footerLeft .MainTop .MainBox ul li a:hover{ color: #fff;}
.footer .footerLeft .MainTop .MainBox:first-child ul{ overflow: hidden;}
.footer .footerLeft .MainTop .MainBox:first-child ul li{ text-align: left; width: 50%; float: left;}
.footer .footerLeft .MainTop .MainBox:first-child h2{ text-align: left;}

.footer .footerLeft .MainBottom{ padding-top: 40px; overflow: hidden; width: 100%;}
.footer .footerLeft .MainBottom .icon{ float: left; width: 146px; height: 146px;}
.footer .footerLeft .MainBottom .icon img{ width: 100%; height: 100%; object-fit: cover;}
.footer .footerLeft .MainBottom .text{ width: calc(100% - 146px); float: left; padding: 0 0 0 15px; box-sizing: border-box;}
.footer .footerLeft .MainBottom .text p{ height: 44px; line-height: 44px; font-size: 14px; color: #666;}
.footer .footerLeft .MainBottom .text h2{ height: 40px; line-height: 40px; font-size: 24px; color: #fff; font-weight: 100;}

.friendLink{ width: 100%;}
.friendLink ul{ overflow: hidden;}
.friendLink ul li{ float: left; margin: 0 15px 0 0; line-height: 88px; font-size: 14px; color: #fff;}
.friendLink ul li a{ font-size: 14px; color: #fff;}
.footer .footerRight{ float: right; width: 405px;}
.footer .footerRight .hd{ width: 100%; padding-bottom: 20px;}
.footer .footerRight .hd ul{ overflow: hidden;}
.footer .footerRight .hd ul li{ float: left; margin: 0 40px 0 0; height: 24px; line-height: 24px; font-weight: bold; font-size: 14px; color: #fff; cursor: pointer;}
.footer .footerRight .hd ul li.on{ border-bottom: 3px solid #ff5b09;}
.footer .footerRight .bd{ width: 100%;}
.footer .footerRight .bd ul{ width: 100%;}
.footer .footerRight .bd ul li{ width: 100%; margin-bottom: 12px;}
.footer .footerRight .bd ul li.small{ width: 49%; float: left; margin: 0 2% 15px 0;}
.footer .footerRight .bd ul li.small:nth-child(2){ margin-right: 0;}
.footer .footerRight .bd ul li input{ display: block; width: 100%; height: 32px; box-sizing: border-box; padding: 0 8px; box-sizing: border-box; border: 1px solid #5a5a5a; font-size: 14px;}
.footer .footerRight .bd ul li textarea{ display: block; width: 100%; height: 100px; box-sizing: border-box; padding:8px; box-sizing: border-box; border: 1px solid #5a5a5a; font-size: 14px;}
.footer .footerRight .bd ul li button{ float: right; width: 88px; border: none; height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #fff; font-weight: bold; background: #5a5a5a;}

.copyRight{ background: #232628; height: 72px; line-height: 72px; text-align: center; font-size: 14px; color: #666;}


.honner .title{ padding: 100px 0;}
.honner .title h2{ text-align: center; font-size: 28px; color: #333;} 
.honner .title span{ display: block; margin: 0 auto 0 auto; width: 45px; height: 6px; border-radius:3px ; background: #F18E43;}
.honner .layer1{ position: relative; width: 1200px; margin: 0 auto;  }
.honner .layer1 .swiper-container{ width: 100%; height: 380px;padding: 30px 0;overflow: hidden;}
.honner .layer1 .Nr{ height: 100%; position: relative; padding: 0 15px; box-sizing: border-box; width: 100%; border-radius:15px; transition: 0.5s; background: #fff; box-shadow: 0 10px 20px rgba(0,0,0,0.2);}  
.honner .layer1 .Nr h2{ text-align: center; padding-top: 20px; font-size: 16px; color: #333; padding-bottom: 15px;}
.honner .layer1 .Nr p{ text-align: center; width: 100%; font-size: 14px; line-height: 22px; color: #333;}
.honner .layer1 .Nr .icon{ left: 0; height: 195px; width: 100%; position: absolute; bottom: 20px;}
.honner .layer1 .Nr .icon img{ display: block; margin: 0 auto;}
.honner .layer1 .swiper-slide.swiper-slide-active .Nr{background:linear-gradient(180deg,#0194ff,#0056ff); transform: translateY(-20px);}
.honner .layer1 .swiper-slide.swiper-slide-active .Nr h2{ color: #fff;}
.honner .layer1 .swiper-slide.swiper-slide-active .Nr p{ color: #fff;}
.honner .layer1 .swiper-button-prev{  color: #999999; left: -40px;}
.honner .layer1 .swiper-button-next{  color: #999999; left: auto; right: -40px;}
.honner .layer1 .swiper-button-prev:after{ font-size: 24px;}
.honner .layer1 .swiper-button-next:after{ font-size: 24px;}

.honner .layer2{ width: 100%; background:#f5f5f5 ; padding-bottom: 100px;}
.honner .layer2Box{ width: 1200px; margin: 0 auto; position: relative;}
.honner .layer2Box .sw1{ width: 100%; overflow: hidden;}
.honner .layer2Box .sw1 .Nr{ width: 100%; overflow: hidden;}
.honner .layer2Box .sw1 .Nr .icon{ width: 350px; float: left;}
.honner .layer2Box .sw1 .Nr .icon img{ width: 100%; height: auto;}
.honner .layer2Box .sw1 .Nr .text{ float: left; width: calc(100% - 350px); float: left; padding: 30px 0 0 50px; box-sizing: border-box;}
.honner .layer2Box .sw1 .Nr .text h2{ font-size: 28px; font-weight: bold; color: rgb(241, 142, 67);}
.honner .layer2Box .sw1 .Nr .text p{ padding-top: 30px; font-size: 18px; color: #333; line-height: 24px;}

.honner .layer2Box .sw2{ overflow: hidden; width: 100%; margin-top: 80px;}
.honner .layer2Box .sw2 .icon{ width: 100%; height: 120px; border-bottom: 10px solid #eaeaea; line-height: 120px; text-align: center;}
.honner .layer2Box .sw2 .icon img{ opacity: 0;transition: 0.5s; display: inline-block; vertical-align: middle; transform: translateX(-20px);}
.honner .layer2Box .sw2 .time{ width: 100%;}
.honner .layer2Box .sw2 .time span{ display: block; margin:15px auto; width: 12px; height: 12px; border: 1px solid #ddd; border-radius:50% ;}
.honner .layer2Box .sw2 .time p{ font-size: 18px; text-align: center; color: #333;}

.honner .layer2Box .sw2 .swiper-slide-thumb-active .icon img{ opacity: 1; transform: translateX(0);}

.honner .layer2Box .sw2 .swiper-slide-thumb-active .time span{ border: 1px solid rgb(241, 142, 67); background: rgb(241, 142, 67);}
.honner .layer2Box .sw2 .swiper-slide-thumb-active .time p{ color: rgb(241, 142, 67);}
.honner .layer2Box .swiper-button-prev{  color: #ddd; left: -40px;}
.honner .layer2Box .swiper-button-next{  color: #ddd; left: auto; right: -40px;}
.honner .layer2Box .swiper-button-prev:after{ font-size: 24px;}
.honner .layer2Box .swiper-button-next:after{ font-size: 24px;}



.AppTop{ display: none;}
.SideBar{ display: none;}
@media(max-width:1000px ) {
	.top{ display: none;}
	.indexContainer .layer8 .hd ul{ width: 100%; white-space: nowrap; overflow-x: scroll;}
	.indexContainer .layer8 .hd ul li{ margin: 0 10px; display: inline-block; float: inherit;}
	.AppTop{ box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 11; display: block; width: 100%; height: 80px; background: #fff; position: fixed; top: 0; left: 0;}
	body{ padding-top: 80px;}
	.AppTop .SideClick{ transition: 0.5s; width: 23px; height: 18px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
	.AppTop .SideClick span{ display: block; width: 100%; height: 2px; background: #000; position: absolute;}
	.AppTop .SideClick span:nth-child(1){ left: 0; top: 0;}
	.AppTop .SideClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}
	.AppTop .SideClick span:nth-child(3){ bottom: 0; left: 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);}
	.AppTop .yuyan{ float: right; height: 80px; line-height: 80px; margin-right: 80px; position: relative; font-size: 14px; color: #000;}
	.AppTop .yuyan .arrow{top: 50%;
    transform: translateY(-50%);
    right: -15px;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #a9a9a9;
    border-bottom: none;
    transition: all .5s ease 0s;}
	.AppTop .yuyan img{ margin-right: 10px;}
	.AppTop .yuyan dl{ display: none; padding: 10px 15px; box-sizing: border-box; position: absolute; width: 120px; position: absolute; left: 50%; top: 60px; transform: translateX(-50%); background: #fff; border-radius:8px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.AppTop .yuyan dl dd{ height: 40px; line-height: 40px; font-size: 14px;}
	.AppTop .yuyan dl dd img{ margin-right: 10px;}
	.AppTop .yuyan:hover dl{ display: block;}
	.AppTop .logo{ float: left; padding-left: 15px; height: 80px; line-height: 80px;}
	.AppTop .logo img{ display: inline-block; vertical-align: middle; height: 50%; width: auto;}
	.SideBar{ background: #0530a9; left: -100%; z-index: 12;display: block; width: 100%; position: fixed; transition: 0.5s;  top: 80px; height: calc(100vh - 80px); box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.SideBar .logo{ padding: 30px 0;}
	.SideBar .logo img{ display: block; margin: 0 auto; width: 50%; height: auto;}
	.SideBar .nav{ height: auto; display: block; width: 100%; box-sizing: border-box; }
	.SideBar .nav ul{ padding: 0 15px; width: 100%; box-sizing: border-box;}
	.SideBar .nav ul li{ position: relative; width: 100%; height: auto; line-height: 60px; border-bottom: 1px solid #fff;}
	.SideBar .nav ul li a{ color: #fff; display: block; font-size: 16px; height: 60px;}
	.SideBar .nav ul li.on:after{ display: none;}
	.SideBar .nav ul li .arrow{ position: absolute; right: 15px; top: 0; ; background: url(../images/arrow2.png) center center no-repeat; width: 12px; height: 60px; background-size:100% auto ;}
	.SideBar .nav ul li dl{ display: none;}
	.SideBar .nav ul li:hover dl{ display: block;}
	.SideBar .User{ padding: 15px;  box-sizing: border-box; width: 100%;}
	.SideBar .User ul{ overflow: hidden;}
	.SideBar .User ul li{ overflow: hidden; float: left; margin-right: 15px; border: 1px solid #0530a9; border-radius:25px; }
	.SideBar .User ul li a{ background: #fff; display: block; height: 38px; line-height: 38px; padding: 0 16px;  font-size: 15px; color: #0530a9; }
	.SideBar .User ul li a img{ margin-right: 6px; height: 20px; width: auto; display: inline-block; vertical-align: middle;}
	.SideBar .User ul li:first-child a{ background: none; color: #fff; background:#0530a9 ;}
	.SideBar .User ul li:first-child{ border: 1px solid #fff;}
	.banner .bannerBox{ width: 100%;}
	.banner .bannerBox p{ font-size: 16px; line-height: 24px; padding-left: 25px;}
	.serach{ height: auto; margin-top: 45px;}
	.serach .serachBox .hd{ width: 100%;}
	.serach .serachBox{ width: 100%;}
	.serach .serachBox .hd ul li{ width: 50%;}
	.serach .serachBox .bd .Nr1{ width: 100%; overflow: hidden; padding: 25px 15px 0 15px; box-sizing: border-box;}
	.serach .serachBox .bd .Nr1 .left{ width: 100%;}
	.serach .serachBox .bd .Nr1 .left button{ width: 120px;}
	.serach .serachBox .bd .Nr1 .left input{ width: calc(100% - 120px);}
	.serach .serachBox .bd .Nr1 .Right{ width: 100%; margin: 0; font-size: 18px; height: 100px; line-height: 100px; box-sizing: border-box;}
	.serach .serachBox .bd .Nr2{ width: 100%; padding: 0 15px 30px 15px; box-sizing: border-box;}
	.serach .serachBox .bd .Nr2 button{ display: block; width: 100%; margin: 30px 0 0 0;}
	.serach .serachBox .bd .Nr2 ul li:last-child{ width: 100%;}
	
	
	
	
	
	.indexContainer .layer1{ width: 100%;}
	.indexContainer .layer1 .text{ width: 100%; padding: 30px 15px; box-sizing: border-box;}
	.indexContainer .layer1 .text ul li h3{ font-size: 12px;}
	.indexContainer .layer1 .text .tit h2{ text-align: center;}
	.indexContainer .layer1 .text .tit span{ display: block; margin: 12px auto;}
	.indexContainer .layer1 .text .tit h3{ text-align: center;}
	.indexContainer .layer1 .icon{ width: 100%; height: auto;}
	.indexContainer .layer1 .icon img{ display: block; width: 80%; margin: 0 auto; height: auto; position: relative; left: auto; top: auto; transform: none;}
	.indexContainer .layer2 .hd ul li{ margin: 0 5px;}
	.indexContainer .layer2 .Main .sw2{ width: 90%;}
	.indexContainer .layer2 .Main .sw2 .Nr{ padding:30px 20px;}
	.indexContainer .layer2 .Main .sw2 .Nr ul{ padding: 15px 0;}
	.indexContainer .layer2 .Main .sw2 .Nr ul li{ margin: 0 10px 10px 0;}
	.indexContainer .layer2 .hd ul li a{ font-size: 12px;}
	.indexContainer .layer2.layer3 .Main .sw3 img{ display: none;}
	.indexContainer .layer2.layer3 .Main .sw4{ width: 90%;}
	.indexContainer .layer2.layer3 .Main .sw4 .Nr{ padding: 30px 20px;}
	.indexContainer .layer2.layer3 .Main .sw4 .Nr ul li{ margin: 0 10px 10px 0;}
	.indexContainer .layer2.layer3 .Main .sw4 .Nr ul{ padding: 15px 0;}
	.indexContainer .layer4 img.bg{ width: 90%; height: auto;}
	.indexContainer .layer4Box{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.indexContainer .layer4Box h2{ line-height: 18px;}
	.indexContainer .layer4Box ul li{ position: relative; width: 50%; height: auto; padding-left: 40px; box-sizing: border-box; line-height: 24px;}
	.indexContainer .layer4Box ul li img{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
	.indexContainer .layer6{ width: 100%; overflow: hidden; padding: 0 10px 50px 10px; box-sizing: border-box;}
	.footer{ width: 100%; padding: 30px 0 0 0; box-sizing: border-box;}
	.footer .footerBox{ width: 100%;}
	.footer .footerLeft{ width: 100%;}
	.friendLink{ display: none;}
	.footer .footerLeft .MainTop{ display: none;}
	.footer .footerLeft .MainTop .MainBox{ height: auto; width: 100%!important; border: none; border-bottom: 1px solid #5a5a5a; padding-bottom: 15px;}
	.footer .footerLeft .MainTop .MainBox ul li{ text-align: left; float: left; width: 32%; margin: 0 2% 10px 0;}
	.footer .footerLeft .MainTop .MainBox ul li:nth-child(3n){ margin-right: 0;}
	.footer .footerLeft .MainTop .MainBox:first-child ul li{ width: 32%;}
	.footer .footerLeft .MainTop .MainBox h2{ text-align: left; padding: 15px 0;}
	.footer .footerLeft .MainBottom .text h2{ width: 100%; height: auto; font-size: 16px;}
	.footer .footerRight{ width: 100%; padding-bottom: 30px;}
	.copyRight{ height: auto; padding: 30px 15px; line-height: 24px; font-size: 14px;}
	.footer .footerRight{ display: none}
	
	.indexContainer .layer7Box{ width: 100%; height: auto; padding: 30px 15px; box-sizing: border-box;}
	.indexContainer .layer7Box ul li{ width: 50%; margin-bottom: 15px;}
	.indexContainer .layer8 .hd{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.indexContainer .layer8 .bd ul li{ width: 100%; margin: 0 0 15px 0;}
	.indexContainer .layer8 .bd{ width: 100%;}
	.indexContainer .layer8 .bd .bdBox{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.footer .footerLeft .MainBottom{ padding: 0;}
	.footer .footerLeft .MainBottom .icon{ width: 100%;height: auto;}
	.footer .footerLeft .MainBottom .icon img{ display: block; width: 50%; margin: 0 auto;}
	.footer .footerLeft .MainBottom .text{ width: 100%; padding: 15px 0;}
	.footer .footerLeft .MainBottom .text p{ text-align: center;}
	.footer .footerLeft .MainBottom .text h2{ text-align: center;}
	.indexContainer .layer6Box{ width: 100%;}
	.honner .title{ padding: 30px 0;}
	.honner .layer1{ width: 100%;}
	.honner .layer2Box{ width: 100%;}
	.honner .layer2Box .sw1 .Nr .icon{ width: 100%; height: auto;}
	.honner .layer2Box .sw1 .Nr .text{ width: 100%; padding: 30px 15px; box-sizing: border-box;}
}