@charset "utf-8";
body{ margin:0px; padding:0px; font-size:12px;font-family:"PINGFANG_MEDIUM";color:#898989;line-height:1; background:#FFF; }
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "PINGFANG_MEDIUM"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; 
/* display: block; */
}
a{ color:#5c5c5c; text-decoration:none}



.top{ width: 100%; height: 100px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.top .topBox{ width: 100%; padding: 0 100px; box-sizing: border-box;}
.top .topBox .logo{ float: left; height: 100px; line-height: 100px;}
.top .topBox .logo img{ display: inline-block; vertical-align: middle;}
.top .topBox .langauge{ float: right; height: 100px; width: 100px; background: url(../images/index_06.png) center center no-repeat;}

.top .topBox .nav{ float: right;}
.top .topBox .nav ul{ float: left;}
.top .topBox .nav ul li{ float: left; margin: 0 0 0 50px; line-height: 100px; position: relative; z-index: 10;}
.top .topBox .nav ul li a{ font-size: 16px; color: #211715;}
.top .topBox .nav ul li:after{  background: #0076d4; width: 0; height: 3px; content: ''; transition: 0.5s; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.top .topBox .nav ul li:hover:after{ width: 100%;}
.top .topBox .nav ul li dl{ display: none; padding:10px 0; position: absolute; left: 50%; transform: translateX(-50%); width: 150px; top: 100px; background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.top .topBox .nav ul li dl dd{ height: 46px; line-height: 46px; text-align: center;}
.top .topBox .nav ul li dl dd a{ font-size: 16px; color: #333;}
.top .topBox .nav ul li:hover dl{ display: block;}


.w1400{ margin: 0 auto;}
.banner{ width: 100%; height: auto; position: relative; overflow: hidden;}
.banner img{ display: block; width: 100%; height: auto;}
.banner .swiper-pagination{ height: 12px; bottom: 50px!important;}
.banner .swiper-pagination span{ width: 12px; height: 12px; border: 1px solid #fff; box-sizing: border-box; border-radius:50%; background: none; opacity: 1;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #fff;} 
.banner .bannerBox{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.banner .bannerBox h2{ font-size: 48px; line-height: 48px; color: #000; margin-bottom: 25px;}
.banner .bannerBox p{ font-size: 20px; line-height: 42px; color: #000;}
.banner .bannerBox p img{ height: auto; width: auto; display: inline-block; vertical-align: middle; margin-right: 10px;}
.banner .bannerBox a{ display: block; width: 178px; height: 45px; border: 1px solid #fff; text-align: center; line-height: 45px; margin-top: 50px; font-size: 14px; color: #fff;}
.banner .bannerBox a img{ display: inline-block; vertical-align: middle; margin-left: 60px; width: auto; height: auto;}


.w1400{ width: 1400px; margin: 0 auto;}
.indexContainer{ width: 100%;}
.indexContainer .layer1{  padding: 80px 0; box-sizing: border-box; overflow: hidden;}
.indexContainer .layer1 .text{ float: left; width: 50%; float: left; padding: 0 75px 0 0; box-sizing: border-box;}
.indexContainer .layer1 .icon{ overflow: hidden; float: right; width: 50%;}
.indexContainer .layer1 .icon img{ transition: 0.5s;}
.indexContainer .layer1 .icon:hover img{ transform: scale(1.1);}
.indexContainer .layer1 .text .bt{ margin-bottom: 55px;}
.indexContainer .layer1 .text h2{ font-size: 24px; color: #0076d4; line-height: 24px; margin-bottom: 15px;}
.indexContainer .layer1 .text span{ display: block; width: 45px; height: 3px; background: #0076d8; margin: 15px 0 45px 0;}
.indexContainer .layer1 .text p{ font-size: 16px; color: #252525; text-indent: 32px; line-height: 32px;}
.indexContainer .layer1 .text a{ text-align: center; margin-top: 55px; display: block; width: 180px; height: 45px; border: 1px solid #0076d8; color: #0076d8; font-size: 14px; box-sizing: border-box; line-height: 43px;}
.indexContainer .layer1 .text a img{ display: inline-block; margin-left: 62px; vertical-align: middle;}

.indexContainer .layer2{ background: url(../images/bg_02.png); width: 100%; padding: 0 5%; height: 905px; box-sizing: border-box; overflow: hidden;}
.indexContainer .layer2 .layer2Box{ position: relative; position: relative; padding-bottom: 140px;}
.indexContainer .layer2 .layer2Box .swiper-container{ overflow: hidden; padding:10px;}
.indexContainer .layer2 .bt{ height: 170px; text-align: center; line-height: 170px; font-size: 38px; color: #000000;}
.indexContainer .layer2 .layer2Box .Nr{ position: relative; width: 100%; height: 590px; background: #fff; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1); overflow: hidden;}
.indexContainer .layer2 .layer2Box .Nr .icon{ width: 100%; height: 450px; overflow: hidden;}
.indexContainer .layer2 .layer2Box .Nr .icon img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.indexContainer .layer2 .layer2Box .Nr .text{ transition: 0.5s; position: absolute; bottom: -85px; left: 0; width: 100%; height: 200px; z-index: 3;}
.indexContainer .layer2 .layer2Box .Nr .text h2{ text-align: center; font-size: 28px; color: #000; transition: 0.5s; text-align: center; line-height: 28px; margin-bottom: 15px;}
.indexContainer .layer2 .layer2Box .Nr .text p{ text-align: center; font-size: 15px; color: #000; transition: 0.5s;}
.indexContainer .layer2 .layer2Box .Nr .text img{ transition: 0.5s; display: block; margin:65px auto 0 auto;}
.indexContainer .layer2 .layer2Box .Nr .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: linear-gradient(rgba(0,119,216,0),rgba(0,119,216,1)); opacity: 0; transition: 0.5s;}
.indexContainer .layer2 .layer2Box .Nr:hover .text{ bottom: 0;}
.indexContainer .layer2 .layer2Box .Nr:hover .text h2{ color: #fff;}
.indexContainer .layer2 .layer2Box .Nr:hover .text p{ color: #fff;}
.indexContainer .layer2 .layer2Box .Nr:hover .bg{ opacity: 1;}
.indexContainer .layer2 .layer2Box .Nr:hover .text img{ margin: 35px auto;}
.indexContainer .layer2 .layer2Box .swiper-pagination{ width: 100%; height: 140px; line-height: 140px; bottom: 0;}
.indexContainer .layer2 .layer2Box .swiper-pagination span{ opacity: 1; width: 12px; height: 12px; opacity: 1; margin: 0 6px; border: 1px solid #0077d8; background: none; box-sizing: border-box;}
.indexContainer .layer2 .layer2Box .swiper-pagination span.swiper-pagination-bullet-active{ background: #0077d8;}

.indexContainer .layer3{ padding-bottom: 80px;}
.indexContainer .layer3 .tit{ padding: 75px 0;}
.indexContainer .layer3 .tit h2{color: #000; text-align: center; font-size: 38px; line-height: 38px; margin-bottom: 45px;}
.indexContainer .layer3 .tit p{ text-align: center; font-size: 16px; color: #000000;}
.indexContainer .layer3Box{ height: 780px; position: relative;}
.indexContainer .layer3Box .bd{ width: 100%; height: 100%;}
.indexContainer .layer3Box .bd ul{ width: 100%; height: 100%;}
.indexContainer .layer3Box .bd ul li{ position: relative; width: 100%; height: 100%;}
.indexContainer .layer3Box .bd ul li img.bg{ width: 100%; height: 100%;}
.indexContainer .layer3Box .bd ul li .text{ width: 100%; left: 0; bottom: 0; padding: 0 0 80px 98px; box-sizing: border-box; position: absolute;}
.indexContainer .layer3Box .bd ul li .text h2{ font-size: 48px; font-weight: bold; color: #fff;}
.indexContainer .layer3Box .bd ul li .text dl{ padding: 20px 0 0 0;}
.indexContainer .layer3Box .bd ul li .text dl dd{ line-height: 36px; font-size: 20px; color: #fff;}
.indexContainer .layer3Box .bd ul li .text dl dd img{ margin-right: 10px; display: inline-block; vertical-align: middle;}
.indexContainer .layer3Box .bd ul li .text a{ text-align: center; margin-top: 55px; display: block; width: 180px; height: 45px; border: 1px solid #fff; color: #fff; font-size: 14px; box-sizing: border-box; line-height: 43px;}
.indexContainer .layer3Box .bd ul li .text a img{ display: inline-block; margin-left: 62px; vertical-align: middle;}
.indexContainer .layer3Box .hd{ border-left:1px solid #fff;  position: absolute; right: 0; height: 100%; width: 275px; top: 0; background: rgba(0,0,0,0.4);}
.indexContainer .layer3Box .hd ul{ width: 100%;}
.indexContainer .layer3Box .hd ul li{ cursor: pointer; height: 130px; width: 100%; border-bottom: 1px solid #fff; box-sizing: border-box; line-height: 130px; text-align: center; font-size: 22px; color: #fff; transition: 0.5s;}
.indexContainer .layer3Box .hd ul li.on{ background: #0077d8;}

.indexContainer .layer4{ background: url(../images/bg2_02.png); height: 906px; background-size:cover ;}
.indexContainer .layer4 .tit{ height: 170px; text-align: center; line-height: 170px; font-size: 38px; font-weight: bold; color: #fff;}
.indexContainer .layer4Box .layer4Left{ float: left; width: 670px; height: 655px;}
.indexContainer .layer4Box .layer4Left .icon{ width: 100%; height: 435px; overflow: hidden;}
.indexContainer .layer4Box .layer4Left .icon img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.indexContainer .layer4Box .layer4Left .text{ width: 100%; height: 220px; background: #fff; padding: 40px 40px 0 40px; box-sizing: border-box;}
.indexContainer .layer4Box .layer4Left .text h2{ color: #0077d8; font-size: 24px; height: 24px; line-height: 24px; overflow: hidden;}
.indexContainer .layer4Box .layer4Left .text span{ display: block; overflow: hidden; height: 50px; line-height: 50px; font-size: 14px; color: #727171;}
.indexContainer .layer4Box .layer4Left .text span img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.indexContainer .layer4Box .layer4Left .text p { font-size: 16px; line-height: 32px; color: #727171;}
.indexContainer .layer4Box .layer4Right{ width: 680px; float: right;}
.indexContainer .layer4Box .layer4Right ul{ width: 100%;}
.indexContainer .layer4Box .layer4Right ul li{ box-shadow: 0 0 10px rgba(0,0,0,0.3); padding: 40px 40px 0 40px; box-sizing: border-box; width: 100%; height: 185px; background: #fff; margin-bottom:50px;}
.indexContainer .layer4Box .layer4Right ul li h2{ height: 24px; line-height: 24px; overflow: hidden; color: #333;}
.indexContainer .layer4Box .layer4Right ul li span{ display: block; overflow: hidden; height: 50px; line-height: 50px; font-size: 14px; color: #727171;}
.indexContainer .layer4Box .layer4Right ul li span img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.indexContainer .layer4Box .layer4Right ul li p{ font-size: 16px; line-height: 32px; color: #727171;}

.indexContainer .layer5{ background: url(../images/bg3_02.png); position: relative; padding-bottom: 140px; background-size:cover ;}
.indexContainer .layer5 .tit{ height: 170px; text-align: center; line-height: 170px; font-size: 38px; font-weight: bold; color: #000000;}
.indexContainer .layer5Box .swiper-container{ width: 100%; overflow: hidden;}
.indexContainer .layer5Box .Nr{ transition: 0.5s; width: 100%; padding: 15px 15px 0 15px; box-sizing: border-box; background: #fff; border: 1px solid #d7d7d7; box-sizing: border-box;}
.indexContainer .layer5Box .Nr p{ text-align: center; color: #000; font-size: 20px; line-height: 60px; height: 60px;}
.indexContainer .layer5Box .Nr .icon{ width: 100%; height: 180px; overflow: hidden;}
.indexContainer .layer5Box .Nr .icon img{ width: 100%; height: 100%; object-fit: cover;}
.indexContainer .layer5 .swiper-pagination{ width: 100%; height: 140px; line-height: 140px; bottom: 0;}
.indexContainer .layer5 .swiper-pagination span{ opacity: 1; width: 12px; height: 12px; opacity: 1; margin: 0 6px; border: 1px solid #0077d8; background: none; box-sizing: border-box;}
.indexContainer .layer5 .swiper-pagination span.swiper-pagination-bullet-active{ background: #0077d8;}
.indexContainer .layer5Box .Nr:hover{ background: #0077d8;}
.indexContainer .layer5Box .Nr:hover p{ color: #fff;}
.indexContainer .layer6{ background: url(../images/bg_12.png); background-size:cover ; padding-bottom: 80px;}
.indexContainer .layer6 .tit{ padding: 75px 0;}
.indexContainer .layer6 .tit h2{color: #fff; text-align: center; font-size: 38px; line-height: 38px; margin-bottom: 45px;}
.indexContainer .layer6 .tit p{ text-align: center; font-size: 16px; color: #fff;}
.indexContainer .layer6 ul{ text-align: center;}
.indexContainer .layer6 ul li{ display: inline-block; margin: 0 45px; vertical-align: top;}
.indexContainer .layer6 ul li img{ display: block; margin: 0 auto; border-radius:50% ;}
.indexContainer .layer6 ul li h2{ color: #fff; text-align: center; height: 60px; line-height: 60px; text-align: center; font-size: 24px;}
.indexContainer .layer6 ul li p{ text-align: center; font-size: 18px; color: #fff; text-align: center; line-height: 26px;}
.indexContainer .layer6 dl{ padding-top: 50px; text-align: center;}
.indexContainer .layer6 dl dd{ margin: 0 15px; display: inline-block;}
.indexContainer .layer6 dl dd .icon{ background: #fff; width: 150px; height: 150px; border-radius:10px; padding: 15px; box-sizing: border-box;}
.indexContainer .layer6 dl dd .icon img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer6 dl dd p{ text-align: center; font-size: 16px; line-height: 46px; color: #fff;}

.footer{ width: 100%; background: #0077d8;}
.footerBox{ overflow: hidden; padding: 75px 0;}
.footer .footerLeft{ float: left;}
.footer .footerLeft img{ display: block; margin-bottom: 30px;}
.footer .footerLeft p{ font-size: 16px; color: #fff; line-height: 32px; margin-bottom: 25px;}
.footer .footerLeft ul{ overflow: hidden;}
.footer .footerLeft ul li{ float: left; margin: 0 15px 0 0;}
.footer .footerRight{ float: right;}
.footer .footerRight ul{ float: left; margin-left: 60px;}
.footer .footerRight ul h2{ font-size: 18px; color: #fff; line-height: 18px; margin-bottom: 30px;}
.footer .footerRight ul li{ margin-bottom: 15px;}
.footer .footerRight ul li a{ font-size: 15px; color: #fff;}
.copyRight{ text-align: center; width: 100%; height: 52px; line-height: 52px; font-size: 14px; color: #fff; background: #1b8de9;}


.about .aboutNav{ width: 100%; border-bottom: 1px solid #e6e6e6; box-sizing: border-box;}
.about .aboutNav ul{ overflow: hidden;}
.about .aboutNav ul li{ float: left; width: 200px; text-align: center; height: 70px;}
.about .aboutNav ul li a{ display: block; width: 100%; height: 100%; text-align: center; line-height: 70px; font-size: 20px; color: #000;}
.about .aboutNav ul li.on a{ background: #0077d8; color: #fff;}
.about .aboutNav ul li:hover a{ background: #0077d8; color: #fff;}
.navGation{ box-sizing: border-box; padding-left: 20px; background: url(../images/NavGation_03.png) left center no-repeat;}
.navGation ul{ overflow: hidden;}
.navGation ul li{ height: 54px; line-height: 54px; float: left; font-size: 14px; color: #808080;}
.navGation ul li a{ color: #808080;}

.about .tit{ height: 100px; line-height: 100px; font-size: 38px; font-weight: bold; color: #000;}
.about .text{ width: 100%;}
.about .text h2{ color: #fff; display: inline-block; height: 45px; line-height: 45px; padding: 0 20px; background: #0077d8;}
.about .textBox{ width: 100%; overflow: hidden; padding: 20px 0;}
.about .textBox ul{ float: left; margin: 0 100px 0 0; overflow: hidden;}
.about .textBox ul li{ line-height: 34px; font-size: 16px; color: #000000;}
.about .Nr{ margin-bottom: 80px; overflow: hidden;}
.about .NrBox{ width: 49%; float: left; margin: 0 2% 0 0;}
.about .NrBox:last-child{ margin-right: 0;}

.about .icon{  overflow: hidden; width: 100%; position: relative;}
.about .icon img.bg{ transition: 0.5s; display: block; width: 100%; height: auto;}
.about .icon ul{ position: absolute; width: 100%; height: 125px; bottom: 0; left: 0; overflow: hidden; background: rgba(0,119,216,0.9);}
.about .icon ul li{ background: url(../images/aboutIcon_03.png) right center no-repeat; width: 33%; float: left; height: 125px; padding:26px 0 0 230px; box-sizing: border-box; box-sizing: border-box;}
.about .icon ul li:nth-child(2){ width: 34%;}
.about .icon ul li h2{ position: relative; height: 47px; font-size: 16px; font-weight: normal; color: #fff;}
.about .icon ul li h2 span{ font-size: 42px; color: #fff; font-weight: bold;}
.about .icon ul li h2 img{ display: block; position: absolute; height: 100%; left: -62px; top: 0; height: 100%; width: auto;}
.about .icon ul li p{ font-size: 14px; color: #fff;}
.about .icon ul li:last-child{ background: none;}
.about .icon:hover img.bg{ transform: scale(1.1);}

.shebei{ width: 100%;padding: 30px 0 90px 0;}
.shebei .Main{ overflow: hidden; }
.shebei .Main .text{ float: left; width: 535px;}
.shebei .Main .text p{ color: #000; height: 56px; font-size: 38px; font-weight: bold;}
.shebei .Main .text h2{ height: auto; background: none; line-height: 44px; font-size: 24px; font-weight: bold; padding: 12px 0; border-bottom: 1px solid #0077d8; color: #0077d8;}
.shebei .Main .text span{ display: block;  font-size: 16px; color: #333; line-height: 32px; text-indent: 32px; padding-top: 12px;}
.shebei .Main .icon{ float: right; width: 787px;}
.shebei .Main .icon img{ display: block; width: 100%; height: auto;}
.shebei .bigPic{ padding-top: 30px;}
.shebei .bigPic img{ display: block; width: 100%; height: auto;}

.jiyu{ padding: 30px 0 80px 0;}
.jiyu .tit{font-weight: bold; font-size: 40px; color: #000;}
.jiyu .Nr{ padding-top: 30px;}
.jiyu .Nr .bt{ width: 100%; text-align: center;}
.jiyu .Nr .bt span{ display: block; font-size: 22px; font-weight: bold; color: #0077d8; line-height: 38px;}
.jiyu .Nr .icon{ margin-top: 30px; height: 645px; position: relative;}
.jiyu .Nr .icon img{  float: right; display: block; height: 100%; width: auto;}
.jiyu .Nr .text{ padding: 60px 60px 0 60px; box-sizing: border-box; width: 575px; height: 470px; left: 0; top: 50%; transform: translateY(-50%); background: #fff; box-shadow: 0 0 10px rgb(0,0,0,0.1); position: absolute;}
.jiyu .Nr .text p{ line-height: 40px; text-indent: 32px; font-size:16px; color: #000;}
.jiyu .Nr .text span{ display: block; padding-top: 55px; font-size: 16px; color: #0077d8;}

.yanfa{ width: 100%; background: url(../images/yanfaBg_02.png) center bottom no-repeat; background-size:100% auto; padding: 30px 0 80px 0;}
.yanfa .layer1 .Nr{ overflow: hidden; width: 100%; padding-bottom: 80px;}
.yanfa .layer1 .Nr .icon{ float: right; width: 780px; overflow: hidden;}
.yanfa .layer1 .Nr .icon img{ display: block; width: 100%; height: auto; transition: 0.5s;}
.yanfa .layer1 .Nr .icon:hover img{ transform: scale(1.1);}
.yanfa .layer1 .Nr .text{ width: calc(100% - 780px); float: left; padding-right: 75px; box-sizing: border-box;}
.yanfa .layer1 .Nr .text h2{ margin-bottom: 60px;  color: #000; font-size: 30px; }
.yanfa .layer1 .Nr .text h3{  overflow: hidden; line-height: 44px; padding: 12px 0;font-size: 24px; color: #0077d8;}
.yanfa .layer1 .Nr .text p{ color: #000; line-height: 32px; font-size: 16px;}
.yanfa .layer1 .Nr:nth-child(2) .icon{ float: left;}
.yanfa .layer1 .Nr:nth-child(2) .text{ float: right; padding: 0 0 0 75px;}
.yanfa .layer2 { overflow: hidden;}
.yanfa .layer2 .bt h2{ font-size: 36px; margin-bottom: 25px; color: #000;}
.yanfa .layer2 .bt p{ font-size: 16px; color: #000; padding-bottom: 45px;}
.yanfa .layer2 ul li{ float: left; width: 18.4%; margin: 0 2% 0 0; transition: 0.5s;}
.yanfa .layer2 ul li img{ display: block; width: 100%; height: auto;}
.yanfa .layer2 ul li:last-child{ margin-right: 0;}
.yanfa .layer2 ul li:hover{ transform: translateY(-10px); box-shadow: 0 10px 14px rgba(0,0,0,0.2);}

.licheng{ padding: 30px 0 90px 0;}
.licheng .tit{ padding-bottom: 55px; text-align: center; font-size: 38px; font-weight: bold; color: #000;}
.licheng .layer1 .swiper-container{ overflow: hidden;}
.licheng .layer1 .Nr{ width: 100%; height: 530px;}
.licheng .layer1 .Nr .icon{ float: left; overflow: hidden; width: 700px; height: 530px;}
.licheng .layer1 .Nr .icon img{ display: block; width: 100%; height: 100%; transition: 0.5s;}
.licheng .layer1 .Nr .icon:hover img{ transform: scale(1.1);}
.licheng .layer1 .Nr .text{ float: left; width: calc(100% - 700px); height: 100%; background: url(../images/licheng_04.png); background-size:100% 100%; padding: 100px 85px 0 85px; box-sizing: border-box;}
.licheng .layer1 .Nr .text h2{ font-size: 50px; font-weight: bold; color: #000;}
.licheng .layer1 .Nr .text span{ display: block; width: 60px; height: 3px; background: #cfd0d0; margin: 20px 0 45px 0;}
.licheng .layer1 .Nr .text h3{ font-size: 22px; color: #0077d8;}
.licheng .layer1 .Nr .text p{ padding-top: 10px; line-height: 28px; color: #3e3a39;}
.licheng .layer1 .btn{ height: 18px; margin-top: 130px; position: relative;}
.licheng .layer1 .btn:after{ content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #dcdddd;}
.licheng .layer1 .btn ul{ z-index: 1; position: relative; text-align: center;}
.licheng .layer1 .btn ul li{cursor: pointer; box-sizing: border-box; background: #fff; border: 3px solid #ddd; border-radius:50% ; width: 18px; height: 18px; display: inline-block; position: relative; margin: 0 124px;}
.licheng .layer1 .btn ul li p{ font-size: 16px; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); color: #595757; text-align: center;}
.licheng .layer1 .btnBox{ position: relative; height: 100%;}
.licheng .layer1 .btnBox .swiper-button-next{ background: url(../images/licheng_10.png); width: 46px; height: 46px;}
.licheng .layer1 .btnBox .swiper-button-prev{ background: url(../images/licheng_08.png); width: 46px; height: 46px;}
.licheng .layer1 .btnBox .swiper-button-next:after{ display: none;}
.licheng .layer1 .btnBox .swiper-button-prev:after{ display: none;}
.licheng .layer1 .btn{ height: 18px; margin-top: 130px; position: relative;}
.licheng .layer1 .btn:after{ content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #dcdddd;}
.licheng .layer1 .btn .sw2{ margin: 0; width: 100%; height: 66px; position: absolute; top: 50%; transform: translateY(-50%); overflow: hidden; transform: translateY(-50%);}
.licheng .layer1 .btn .sw2 .swiper-slide{ line-height: 66px; text-align: center;}
.licheng .layer1 .btn .sw2 .dian{cursor: pointer; box-sizing: border-box; vertical-align: middle; background: #fff; border: 3px solid #ddd; border-radius:50%; width: 18px; height: 18px; display: inline-block; position: relative; margin: 0 124px;}
.licheng .layer1 .btn .sw2 .dian p{ font-size: 16px; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); color: #595757; text-align: center;}
.licheng .layer1 .btn .sw2 .swiper-slide.swiper-slide-active .dian{ background: #0077d8;}
.licheng .layer1 .btn .sw2 .swiper-slide.swiper-slide-active .dian p{ font-weight: bold; color: #0077d8;}


.proList{ width: 100%; padding: 30px 0 80px 0;}
.proList ul { overflow: hidden;}
.proList ul li{ position: relative; float: left; width: 32%; height: 590px;  box-sizing: border-box; margin: 0 2% 40px 0;}
.proList ul li:nth-child(3n){ margin-right: 0;}
.proList ul li .text{ position: absolute; left: 0; top: 0;padding: 60px 40px; box-sizing: border-box;}
.proList ul li h2{ font-size: 28px; color: #000;}
.proList ul li p{ height: 48px; line-height: 48px; font-size: 16px; color: #000;}
.proList ul li a{ display: block; width: 100px; height: 30px; border: 1px solid #0077d8; color: #0077d8; line-height: 30px; text-align: center; font-size: 14px;}
.proList ul li a img{ display: inline-block; vertical-align: middle; margin-left: 10px;}
.proList ul li:hover h2{ color: #0077d8;}
.pageMain{ padding-top: 80px; text-align: center;}
.pageMain dd{ display: inline-block; margin: 0 5px;}
.pageMain dd a{ display: block; width: 40px; height: 40px; background: #efefef; text-align: center; line-height: 40px;  color: #000; font-size: 14px;}
.pageMain dd.on a{ background: #0077d8; color: #fff;}


.new{ padding-bottom: 80px;}
.new .newTop{ width: 100%; background: url(../images/new_02.png); height: 688px; padding-top: 115px; box-sizing: border-box;}
.new .newTop .Nr .icon{ width: 710px; height: 455px; overflow: hidden; float: right;}
.new .newTop .Nr .icon .swiper-container{ width: 100%; height: 100%;}
.new .newTop .Nr .icon img{ display: block; width: 100%; height: 100%;}
.new .newTop .Nr .text{ width: 620px; float: left;}
.new .newTop .Nr .text span{ display: block; width: 85px; height: 32px; text-align: center; line-height: 32px; background: #e1eefb; font-size: 12px; color: #0077d8;}
.new .newTop .Nr .text h2{ overflow: hidden; height: 88px; line-height: 88px; font-size: 32px; color: #000; font-weight: normal;color: #0077d8;}

.new .newTop .Nr .text .time{ margin-top: 20px; height: 80px; line-height: 80px; font-size: 12px; color: #898989;}
.new .newTop .Nr .text .time img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.new .newTop .Nr .text p{ font-size: 16px; color: #000; line-height: 36px;}
.new .newTop .Nr .text .bottom{ margin-top: 70px; height: 48px; overflow: hidden;}
.new .newTop .Nr .text .bottom a{ float: left; display: block; width: 158px; height: 48px; text-align: center; line-height: 48px; font-size: 16px; color: #fff; background: #0077d8;}
.new .newTop .Nr .text .bottom ul{ float: right; text-align: left;line-height: 48px;}
.new .newTop .Nr .text .bottom ul li{ cursor: pointer; vertical-align: middle;  display: inline-block; margin-left: 12px; width: 6px; height: 6px; transition: 0.5s; border-radius:3px; background: #c9caca;}
.new .newTop .Nr .text .bottom ul li.on{ width: 40px; background: #0077d8;}
.new .newList{ border-top:1px solid #e4e4e4 ; }
.new .newList ul{ width: 100%;}
.new .newList ul li{ width: 100%; border-bottom: 1px solid #e4e4e4; padding: 25px 0; overflow: hidden;}
.new .newList ul li .icon{ width: 328px; height: 185px; float: right;}
.new .newList ul li .icon img{ display: block; width: 100%; height: 100%;}
.new .newList ul li .text{ width: calc(100% - 328px); float: left; padding-right: 175px; box-sizing: border-box;}
.new .newList ul li .text .time{ width: 200px; float: left;}
.new .newList ul li .text .time h2{ height: 76px; line-height: 76px; font-size: 22px;  color: #c9caca; font-weight: normal; position: relative;}
.new .newList ul li .text .time h2:after{ width: 44px; height: 1px; content: ''; position: absolute; right: 40px; top: 50%; transform: translateY(-50%); background: #c9caca;}
.new .newList ul li .text .time span{ display: block; border: 1px solid #c9caca; width: 54px; height: 24px; line-height: 22px; text-align: center; box-sizing: border-box;}
.new .newList ul li .text .Nr{ width: calc(100% - 200px); float: left;}
.new .newList ul li .text .Nr h2{ height: 76px; line-height: 76px; font-size: 22px;  color: #000; font-weight: normal; position: relative;}
.new .newList ul li .text .Nr p{ padding-top: 15px; font-size: 15px; color: #000;}
.new .newList a:hover{ color: #0077d8;}
.proDetails{ width: 100%;}
.proDetails .layer1 img{ display: block; width: 100%; height: 970px; object-fit: cover;}
.proDetails{ position: relative;}
.proDetails .layer1Box{ position: absolute; left: 50%; transform: translateX(-50%); top: 0; padding-top: 100px;}
.proDetails .layer1Box .text{ padding-top: 100px;}
.proDetails .layer1Box .text h2{ padding: 20px 0; border-bottom: 1px solid #0077d8; display: inline-block; font-size: 48px; color: #0077d8; font-weight: bold; line-height: 74px;}
.proDetails .layer1Box .text p{ padding: 25px 0 100px 0; font-size: 24px; color: #9fa0a0;}
.proDetails .layer1Box .text span{ display: inline-block; height: 45px; padding: 0 12px; background: #0077d8; line-height: 45px; font-size: 24px; color: #fff;}
.proDetails .layer1Box .text ul{ padding-top: 30px;}
.proDetails .layer1Box .text ul li{ line-height: 45px; font-size: 20px; color: #000000;}
.proDetails .layer1Box .text ul li b { display: inline-block; vertical-align: middle; margin-right: 10px; transform: translateY(-2px); width: 7px; height: 7px; background:#0077d8 ;}
.proDetails .layer2{ padding-top: 80px;}
.proDetails .tit{ width: 130px; height: 45px; background: #0077d8; text-align: center; line-height: 45px; font-size: 26px; color: #fff;}
.proDetails .layer2 ul{ width: 1280px; overflow: hidden; padding: 20px 0;}
.proDetails .layer2 ul li{ width: 50%; float: left; height: 68px; line-height: 68px; font-size: 18px; color: #000;}
.proDetails .layer2 ul li img{ display: inline-block; vertical-align: middle; transform: translateY(-2px); margin-right: 10px;}
.proDetails .layer3 .tab{ width: 1280px;}
.proDetails .layer3 .tab p{ height: 80px; line-height: 80px; text-align: center; font-size: 24px; font-weight: bold; color: #1180db;}
.proDetails .layer3 .tab table{ width: 100%; border-top:1px solid #0f0f0f; border-bottom: 1px solid #0f0f0f;}
.proDetails .layer3 .tab table th{ border-bottom: 1px solid #6f6f6f; text-align: center; height: 54px; font-size: 20px; font-weight: normal; color: #0077d8;}
.proDetails .layer3 .tab table td{ border-bottom: 1px solid #6f6f6f; text-align: center; height: 54px; font-size: 18px; color: #000000;}
.proDetails .layer4{ padding-top: 80px;}
.proDetails .layer4 p{ font-size: 18px; color: #333; padding: 25px 0;}
.proDetails .layer4 img{ display: block; width: 100%; height: auto;}
.proDetails .layer5{ color: #0077d8; background: url(../images/proDetails_23.png) center center no-repeat; line-height: 200px; text-align: center; font-size: 24px; height: 200px;}

.caesList{ padding-bottom: 80px;}
.caesList ul li{ width: 32%; float: left; margin: 0 2% 40px 0; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.caesList ul li:nth-child(3n){ margin-right: 0;}
.caesList ul li .icon{ width: 100%; height: 300px; overflow: hidden;}
.caesList ul li:hover .icon img{ transform: scale(1.1);}
.caesList ul li:hover p{ background: #0077d8; color: #fff;}
.caesList ul li .icon img{ width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
.caesList ul li p{ transition: 0.5s; text-align: center; height: 70px; line-height: 70px; font-size: 24px; color: #000;}

.zz{ display: none; z-index: 10; width: 100%; height: 100vh; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0;}
.casePop{ display: none; z-index: 11; width: 1100px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius:12px; }
.casePop .bt{ box-sizing: border-box; border-radius:12px 12px 0 0 ; width: 100%; height: 74px; background: #0077d8; padding: 0 85px; line-height: 74px; font-size: 22px; font-weight: bold; color: #fff;}
.casePop .Nr{ padding: 0 85px 65px 85px; box-sizing: border-box; background: #fff;}
.casePop .Nr ul{ overflow: hidden;}
.casePop .Nr ul li{ float: left; height: 94px; margin-right: 110px; font-size: 20px; color: #000; line-height: 94px;}
.casePop .Nr ul li img{ display: inline-block; vertical-align: middle; margin-right: 12px;}
.casePop .close{ cursor: pointer; width: 20px; height: 20px; position: absolute; right: -30px; top: -30px; border-radius:50%; border: 1px solid #fff; text-align: center; line-height: 18px; font-size: 12px; color: #fff;}


.zhichi{ box-sizing: border-box;border-radius:20px; background: #f7f8f8; padding: 0 60px 60px 60px; margin-bottom: 80px;}
.zhichi .bt{ height: 125px; line-height: 125px; font-size: 24px; color: #222;}
.zhichi ul li{ width: 23.5%; float: left; margin: 0 2% 60px 0; background: #fff; border-radius:20px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding-top: 50px; box-sizing: border-box; height: 310px;}
.zhichi ul li .icon{ width: 100%;}
.zhichi ul li .icon img{ display: block; margin: 0 auto;}
.zhichi ul li p{ text-align: center; line-height: 90px; color: #898989; font-size: 16px;}
.zhichi ul li dl{ text-align: center; }
.zhichi ul li dl dd{ display: inline-block; margin: 0 30px;}
.zhichi ul li dl dd a{ display: block; width: 75px; height: 34px; text-align: center; line-height: 34px; border-radius:17px; background: #e6e6e6; color: #898989;}
.zhichi ul li dl dd:first-child{ margin-left: 0;}
.zhichi ul li dl dd:last-child{ margin-right: 0;}
.zhichi ul li:nth-child(4n){ margin-right: 0;}
.zhichi .enter{ display: block; margin: 0 auto; width: 112px; height: 35px; line-height: 35px; text-align: center; font-size: 16px; color: #fff; background: #0077d8;}

.cantact .tit{ height: 115px; border-bottom: 1px solid #9fa0a0; color: #000; font-size: 38px; font-weight: bold; line-height: 115px;}

.cantact .layer1 .Nr{ position: relative; height: 185px; border-bottom: 1px solid #9fa0a0;}
.cantact .layer1 .Nr h2{ font-size:  24px; font-weight: bold; color: #000; margin-bottom: 32px; padding-top: 50px;}
.cantact .layer1 .Nr p{ font-size: 20px; color: #221815;}

.cantact .layer1 .Nr ul{ width: 700px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.cantact .layer1 .Nr ul li{ height: 42px; line-height: 42px; font-size: 15px; color: #000;}
.cantact .layer1 .Nr ul li img{ display: inline-block; margin-right: 15px; vertical-align: middle;}

.cantact .layer2{ padding: 40px 0;}
.cantact .layer2 img{ display: block; width: 100%; height: auto;}

.cantact .layer3{ padding-top: 30px; padding-bottom: 80px; width: 100%; background: url(../images/cantact_20.png) left bottom no-repeat;}
.cantact .layer3Box{ overflow: hidden;}
.cantact .layer3Box .bt{ width: 515px; float: left;}
.cantact .layer3Box .bt h2{ font-size: 36px; margin-bottom: 30px; font-weight: bold; color: #000;}
.cantact .layer3Box .bt p{ font-size: 16px; color: #000;}
.cantact .layer3Box .text{ width: calc(100% - 515px); float: left;}
.cantact .layer3Box .text ul{ width: 100%; overflow: hidden;}
.cantact .layer3Box .text ul li{ width: 49%; float: left; margin: 0 2% 23px 0;}
.cantact .layer3Box .text ul li:nth-child(2n){ margin-right: 0;}
.cantact .layer3Box .text ul li input{ width: 100%; height: 50px; background: #f7f8fa; padding: 0 20px; box-sizing: border-box;}
.cantact .layer3Box .text ul li textarea{ width: 100%; height: 150px; padding: 20px; box-sizing: border-box; background: #f7f8fa;}
.cantact .layer3Box .text .sel{ width: 100%; height: 90px; line-height: 90px; text-align: center; font-size: 14px; color: #333;}
.cantact .layer3Box .text .sel input{ width: 17px; height: 17px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.cantact .layer3Box .text .sel a{ color: #0077d8;}
.cantact .layer3Box .text button{ display: block; margin: 0 auto; width: 140px; height: 40px; border: none; margin: 0 auto; text-align: center; line-height: 40px; font-size: 16px; color: #fff; cursor: pointer; background: #0077d8;}




.AppTop{ display: none;}
.SideBar{ display: none;}
@media(max-width:1200px ) {
	.indexContainer .layer2{ padding: 0; height: auto;}
	.indexContainer .layer2 .layer2Box .Nr{ height: 400px;}
	.indexContainer .layer2 .layer2Box .Nr .icon{ height: auto;}
	.casePop{ width: 95%;}
	.casePop .Nr{ padding:0 20px 20px 20px;}
	.casePop .Nr img.pic{ display: block; width: 100%; height: auto;}
	.casePop .close{ right: 0;}
	body{ padding-top: 60px;}
	body{ padding-top: 60px;}
	.top{ display: none;}
	.AppTop{ width: 100%; display: block; height: 60px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 99; position: fixed; left: 0; top: 0;}
	.AppTop .SideClick{ transition: 0.5s; width: 24px; height: 20px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
	.AppTop .SideClick span{ width: 100%; height: 2px; left: 0; display: block; background: #333; position: absolute;}
	.AppTop .SideClick span:nth-child(1){ top: 0;}
	.AppTop .SideClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}
	.AppTop .SideClick span:nth-child(3){ bottom: 0;}
	.AppTop .SideClick.on{ transform: translateY(-50%) rotate(180deg);}
	.AppTop .SideClick.on span:nth-child(1){top: 50%; transform: translateY(-50%) rotate(45deg);}
	.AppTop .SideClick.on span:nth-child(2){ width: 0;}
	.AppTop .SideClick.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(-45deg);}
	.AppTop .logo{ float: left; height: 60px; float: left; padding-left: 15px; line-height: 60px;}
	.AppTop .logo img{ display: inline-block; vertical-align: middle; height: 60%; width: auto;}
	.SideBar{ display: block; box-shadow: 0 0 10px rgba(0,0,0,0.1); left: -100%; transition: 0.5s; width: 70%; height: 100vh; background: #fff; z-index: 100; position: fixed;  top: 0;}
	.SideBar .logo{ width: 100%; padding: 30px 0;}
	.SideBar .logo img{ display: block; margin: 0 auto; width: 60%; height: auto;}
	.SideBar .nav{ width: 100%;}
	.SideBar .nav ul li{ width: 100%; padding: 0 30px; border-bottom: 1px solid #ddd; height: 40px; box-sizing: border-box; position: relative; line-height: 40px;}
	.SideBar .nav ul li a{ font-size: 16px;}
	.SideBar .nav ul li:after { width: 40px; height: 40px; content: ''; position: absolute; right: 0; top: 0; background: url(../images/arrow_07.png) center center no-repeat; background-size:6px auto;}
	.w1400{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.indexContainer .layer1{ padding: 40px 15px; box-sizing: border-box;}
	.indexContainer .layer1 .text{ width: 100%; padding: 0;}
	.indexContainer .layer1 .icon{ width: 100%; height: auto; margin-top: 30px;}
	.indexContainer .layer1 .icon img{ width: 100%; height: auto;}
	.indexContainer .layer3Box{ height: auto;}
	.indexContainer .layer3Box .bd ul li .text{ padding: 0 15px 15px 15px;}
	.indexContainer .layer3Box .bd ul li .text h2{ font-size: 24px;}
	.indexContainer .layer3Box .bd ul li img.bg{ width: 100%; height: auto;}
	.indexContainer .layer3Box .hd{ width: 100%; border: none; height: auto; position: relative;}
	.indexContainer .layer3Box .bd ul li .text dl dd{ font-size: 12px; line-height: 24px;}
	.indexContainer .layer3Box .bd ul li .text a{ margin-top: 20px;}
	.indexContainer .layer3Box .hd ul{ width: 100%; overflow: hidden;}
	.indexContainer .layer3Box .hd ul li{ width: 33%; float: left; height: 46px; line-height: 46px; font-size: 16px;}
	.indexContainer .layer4{ height: auto;}
	.indexContainer .layer3Box .hd ul li:nth-child(3n){ width: 34%;}
	.indexContainer .layer4 .tit{ height: 100px; line-height: 100px; font-size: 26px;}
	.indexContainer .layer4Box .layer4Left{ width: 100%; height: auto;}
	.indexContainer .layer4Box .layer4Left .icon{ width: 100%; height: auto;}
	.indexContainer .layer4Box .layer4Left .text{ height: auto; padding: 30px 15px; box-sizing: border-box;}
	.indexContainer .layer4Box .layer4Right{ width: 100%; padding-top: 15px;}
	.indexContainer .layer4Box .layer4Right ul li{ height: auto; padding: 30px 15px; box-sizing: border-box; margin-bottom: 15px;}
	.indexContainer .layer6{ ;}
	.indexContainer .layer6 .tit{ padding: 35px 0;}
	.indexContainer .layer6{ padding: 0 15px 30px 15px; box-sizing: border-box;}
	.indexContainer .layer6 .tit h2{ font-size: 26px;}
	.indexContainer .layer6 .tit p{ font-size: 14px;  line-height: 24px;}
	.indexContainer .layer6 ul li{ width: 100%; margin: 0 0 15px 0;}
	.indexContainer .layer6 dl dd:last-child{ display: none;}
	.footer .footerLeft{ width: 100%; padding: 30px 0;}
	.footer .footerRight{ display: none;}
	.copyRight{ padding: 30px 15px; font-size: 14px; line-height: 24px; text-align: center; box-sizing: border-box; height: auto;}
	
	.banner .bannerBox h2{ font-size: 18px; text-align: center; height: 18px;}
	.banner .bannerBox p{ font-size: 14px; line-height: 24px; text-align: center;}
	.about .aboutNav ul li{ width: 25%; float: left; height: 40px; line-height: 40px; font-size: 12px;}
	.about .aboutNav ul li a{ font-size: 12px; line-height: 40px;}
	.about .aboutNav ul{ padding: 0;}
	.navGation{ width: 95%;}
	
	.about .tit{ height: 60px; line-height: 60px; font-size: 24px;}
	.about .textBox ul li{ width: 100%;}
	.about .textBox ul{ width: 100%; margin: 0; height: auto;}
	.about .icon ul{ position: relative; height: auto; padding: 30px 0;}
	.about .icon ul li{ padding: 0; width: 100%; float: left; padding-left: 125px; box-sizing: border-box; height: auto; margin-bottom: 12px;}
	.about .icon ul li:nth-child(2){ width: 100%;}
	.about .icon ul li h2 span{ font-size: 24px;}
	.about .NrBox{ width: 100%; margin: 0 0 20px 0;}
	
	.cantact .tit{ height: 60px; font-size: 24px; text-align: center; line-height: 80px; height: 80px;}
	.cantact .layer1 .Nr{ height: auto;}
	.cantact .layer1 .Nr h2{ padding: 15px 0; text-align: center; margin: 0;}
	.cantact .layer1 .Nr p{ font-size: 14px; text-align: center;}
	.cantact .layer1 .Nr ul{ position: relative; width: 100%; transform: none; padding: 15px 0;}
	
	.cantact .layer1 .Nr ul li{ overflow: hidden; line-height: 32px; height: 32px;}
	.cantact .layer3Box .bt{ width: 100%;}
	.cantact .layer3Box .text{ width: 100%; padding-top: 30px;}
	.cantact .layer3Box .text ul li{ width: 100%; margin-bottom: 15px;}
	
	.banner .bannerBox a{ display: none;}
	.caesList ul li{ width: 100%; height: auto; margin: 0 0 15px 0;}
	.pageMain{ padding: 30px 0;}
	.jiyu .tit{ text-align: center; font-size: 24px;}
	.jiyu .Nr .bt span{ font-size: 16px;}
	.jiyu .Nr .icon{ width: 100%; overflow: hidden; height: auto;}
	.jiyu .Nr .icon img{ display: block; width: 100%; height: auto; float: inherit;}
	.jiyu .Nr .text{ margin: 0 auto; transform: translateY(-50px); z-index: 2; position: relative; top: auto; left: auto; width: 95%; padding: 30px; box-sizing: border-box; border-radius:12px ;}
	.licheng .layer1 .Nr{ width: 100%; height: auto;}
	.licheng .layer1 .Nr .icon{ width: 100%; height: auto;}
	.licheng .layer1{ padding: 0 15px; box-sizing: border-box;}
	.licheng .layer1 .swiper-container{ padding: 0;}
	.licheng .layer1 .Nr .text{ width: 100%; padding:30px 20px;}
	.licheng .layer1 .Nr .text h2{ text-align: center; font-size: 24px;}
	.licheng .layer1 .Nr .text span{ margin: 20px auto;}
	.licheng .layer1 .Nr .text h3{ text-align: center;}
	.licheng .layer1 .Nr .text p{ text-align: center;}
	.licheng .layer1 .btn ul li{ margin: 0 30px;}
	
	.proDetails .layer1Box{ width: 100%; padding: 30px 20px; box-sizing: border-box;position: relative;transform: none;left: 0;top: 0;}
	.proDetails .layer1Box .text { padding-top: 0;}
	.proDetails .layer1Box .text h2{ width: 100%; padding: 10px 0; font-size: 24px; line-height: 32px;}
	
	.proDetails .layer1 img { height:150px;}
	.proDetails .layer1Box .text p{ padding: 25px 0;}
	.proDetails .layer2 ul li{ width: 100%;}
	.proDetails .layer3 .tab{ width: 100%;}
	.proDetails .layer3 .tab p{ font-size: 16px;}
	.proDetails .layer3 .tab table th{ font-size: 12px;}
	.proDetails .layer3 .tab table td{ font-size: 12px;}
	.proDetails .layer5{ font-size: 14px}
	.proList ul li{ width: 100%; height: auto; margin: 0 0 15px 0;}
	.proList ul li img{ display: block; width: 100%; height: auto;}
	.proList ul li a img{ width: auto; height: auto;}
	
	.shebei{ width: 100%; padding: 30px 0; box-sizing: border-box;}
	.shebei .Main .text{ width: 100%;}
	.shebei .Main .icon{ width: 100%; height: auto; padding: 20px 0;}
	.yanfa .layer1 .Nr{ padding-bottom: 20px;}
	.yanfa .layer1 .Nr .icon{ width: 100%; height: auto;}
	.yanfa .layer1 .Nr .text{ width: 100%; padding: 20px 0;}
	.yanfa .layer1 .Nr .text h2{ text-align: center; margin-bottom: 15px;}
	.yanfa .layer1 .Nr .text img{ display: block; margin: 0 auto;}
	.yanfa .layer1 .Nr:nth-child(2) .text{ width: 100%; padding: 20px 0;}
	.yanfa .layer2 .bt h2{ font-size: 16px; text-align: center;}
	.yanfa .layer2 .bt p{ line-height: 32px; text-align: center;}
	.yanfa .layer2 ul li{ width: 49%;}
	.yanfa .layer2 ul li:nth-child(2n){ margin-right: 0;}
	.zhichi{ padding-bottom: 30px;}
	.zhichi ul li{ width: 100%; height: auto; padding: 30px 0; margin: 0 0 15px 0;}
	
	.new .newTop{ padding: 30px 0; box-sizing: border-box;}
	.new .newTop .Nr .icon{ width: 100%; height: auto;}
	.new .newTop .Nr .text{ width: 100%; padding: 20px 0;}
	.new .newTop .Nr .text h2{ font-size: 16px;}
	.new .newTop .Nr .text .time{ margin: 0;}
	.navGation.new{ display: none;}
	.new .newList ul li .icon{ width: 100%; height: auto;}
	.new .newList ul li .text{ width: 100%; padding: 0;}
	.new .newList ul li .text .Nr{ width: 100%;}
	.new .newList ul li .text .Nr p{ line-height: 24px;}
}