@charset "utf-8";
/* CSS Document */
body{ min-width: 1366px; margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑","黑体";color:#333;line-height:25px; 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: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; }
a{ color:#5c5c5c; text-decoration:none}


em,i { font-style: normal; }
.top{ transition: 0.5s; width: 84%; height: 80px; border-radius:5px; background: rgba(255,255,255,0.8); position: fixed; top: 30px; left: 50%; transform: translateX(-50%); z-index: 99; padding: 0 2%; box-sizing: border-box;backdrop-filter: blur(25px);}
.top .topBox{ width: 100%;}
.top .topBox .logo{ float: left; height: 80px; position: relative;}
.top .topBox .logo img{ position: absolute; left: 0; top: 50%; width:194px;transform: translateY(-50%);}
.top .language{ float: right; height: 80px;}
.top .language ul{float: right;}
.top .language ul li{ float: right; margin-left: 15px; line-height: 80px; height: 80px; position: relative;}

.top .language ul li img{ vertical-align: middle; display: inline-block; border-radius:50%;}
.top .language ul li .serach{transition: all 0.5s; width:42px; height: 42px; overflow: hidden; display: inline-block; vertical-align: middle; border: 1px solid #999999; border-radius:42px; line-height:42px; text-indent: 10px; position: relative;}
.top .language ul li .serach button{display: block; position: absolute; background: url(../images/serach.png); width: 16px; height: 16px;
 top: 13px; right: 13px; border: none;}
 .top .language ul li .serach input { transition: all 0.5s; width: 0;}
 .top .language ul li .serach:hover {   width: 200px;}
  .top .language ul li .serach:hover input{ width: 160px;}
.banner{ width: 100%; height: auto; overflow: hidden; position: relative;}
.banner img{ display: block; height: auto; width: 100%;}

.banner .swiper-button-next{ top: auto; background: url(../images/hv1.png); width:48px; height:48px; left:100px; bottom:50%;}
.banner .swiper-button-prev{top: auto; left: auto; background: url(../images/hv2.png); width: 48px; height:48px; right: 100px; bottom:50%;}
.banner .swiper-button-prev:hover{ background: url(../images/hv22.png);}
.banner .swiper-button-next:hover{ background: url(../images/hv11.png);}

.top .language ul li .serachBox{ display: none; overflow: hidden; width: 200px; height: 40px; background: #fff; position: absolute; right: 0; top: 70px; border-radius:8px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.top .language ul li .serachBox button{ float: right; width: 40px; height: 40px; background: url(../images/serach.png) center center no-repeat; border: none;}
.top .language ul li .serachBox input{ display: block; float: left; line-height:40px; width: calc(100% - 40px); float: left; padding: 0 15px; box-sizing: border-box; height: 100%; font-size: 14px;}


.top .language ul li:hover .serachBox{ display: block;}
.top .nav{ float: right;}
.top .nav ul{ float: right; height:80px ;}
.top .nav ul li{position: relative; float: left; margin-right: 55px; height: 80px; line-height: 80px;}
/*.top .nav ul li dl { display: none; position: absolute; left:50%; margin-left: -70px; width:140px; text-align: center; top: 80px; background: #ffffff; border-radius: 0 0 4px 4px;
box-shadow: 0 3px 10px rgba(0,0,0,0.2); overflow: hidden;}
.top .nav ul li dt a { display: block; line-height: 40px; transition: all 0.5s;}
.top .nav ul li dt:hover a { background: #0778a7; color: #ffffff;}*/
.top .nav ul li .side{display: none; width: 690px; height: 385px; background: rgba(255,255,255,0.9); padding: 25px 48px 0 48px;  box-sizing: border-box; position: absolute; left: -170px; top: 80px; z-index:999;}
.top .nav ul li .side dl{ float: left; width: 175px;}
.top .nav ul li .side dl dd a{ font-size: 14px; color: #333; display: block; width: 100%; height: 45px; border-bottom: 1px solid #bdbdbd;}
.top .nav ul li .side dl dd a:hover{ border-bottom: 1px solid #0778a7; color: #2285b0;}
.top .nav ul li .side .icon{ float: right; width: 350px;}
.top .nav ul li .side .icon img{ display: block; width: 100%; height: auto;}
.top .nav ul li .side .icon p{ padding-top: 20px; font-size: 14px; color: #666;}

.top .nav ul li a{line-height: 40px; display: inline-block; vertical-align: middle; height: 40px; border-bottom: 2px solid rgba(255,255,255,0);  font-size: 16px; color: #333;}

.top .nav ul li a:hover { color: #0778a7; border-bottom: 2px solid #0778a7;font-weight:bold;}
.top .nav ul li:hover .side{ display: block;}
.indexContainer{ width: 100%;}
.indexContainer .layer1{ width: 100%; padding-bottom: 30px;}
.indexContainer .layer1 .text{ width: 1085px; margin: 0 auto; padding-top: 65px;}
.indexContainer .layer1 .text h2{ text-align: center; font-size: 28px; font-weight: normal; line-height: 28px; color: #333;}
.indexContainer .layer1 .text span{ display: block; text-align: center; height: 80px; line-height: 80px; text-align: center; font-size: 20px; color: #666;}
.indexContainer .layer1 .text p{ color: #666; text-align: center; font-size: 16px; line-height: 32px;}
.indexContainer .layer1 ul{ margin-top: 30px; text-align: center;}
.indexContainer .layer1 ul li{display: inline-block; border-top:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; height: 140px; padding: 0 50px; padding-top: 45px; box-sizing: border-box;}
.indexContainer .layer1 ul li:first-child{ padding-left: 0;}
.indexContainer .layer1 ul li:last-child{ padding-right: 0;}
.indexContainer .layer1 ul li h2{ text-align: center; position: relative; font-size:48px; color: #333;}
.indexContainer .layer1 ul li h2 span{ position: absolute; right: -20px; top: -8px; font-size: 12px; color: #666;}
.indexContainer .layer1 ul li p{ font-size: 14px; padding-top: 18px; text-align: center; color: #66;}

.indexContainer .layer2{ width: 100%; height: 655px;}
.indexContainer .layer2 .icon{float: left; width: 50%; float: left; height: 100%; overflow: hidden; position: relative;}
.indexContainer .layer2 .icon .swiper-container{ width: 100%; height: 100%;}

.indexContainer .layer2 .icon .swiper-button-next{ top: auto; background: url(../images/arrow2.png); width: 52px; height: 52px; right: 0; bottom: 0;}
.indexContainer .layer2 .icon .swiper-button-prev{top: auto; left: auto; background: url(../images/arrow1.png); width: 52px; height: 52px; right: 52px; bottom: 0;}
.indexContainer .layer2 .icon .swiper-button-prev:hover{ background: url(../images/arrow3.png);}
.indexContainer .layer2 .icon .swiper-button-next:hover{ background: url(../images/arrow4.png);}
.indexContainer .layer2 .text{ padding-left: 8%; box-sizing: border-box; width: 50%; height: 100%; background: #0778a7; float: left; padding-top: 100px;}
.indexContainer .layer2 .text .bt{ width: 100%;}
.indexContainer .layer2 .text .bt span{ font-size: 16px; color: rgba(255,255,255,0.9); display: block; line-height: 16px; margin-bottom: 15px;}
.indexContainer .layer2 .text .bt p{ font-size: 32px; font-weight: bold; color: #fff; line-height: 32px; margin-bottom: 70px;}
.indexContainer .layer2 .text p{ width: 540px; color: #fff; font-size: 14px; color: #fff; line-height: 28px;}
.indexContainer .layer2 .text a{ display: block; width: 166px; height: 42px; text-align: center; line-height: 42px; background: #fff; margin-top: 65px; color: #0778a7; font-size: 12px;}

.indexContainer .layer3{ width: 100%; padding: 140px 0; background: url(../images/bg5.png) center center no-repeat;}

.indexContainer .layer3 .layer3Box{ width: 1200px; margin: 0 auto;}
.indexContainer .layer3 .layer3Box h2{ font-size: 32px; color: #0778a7; font-weight: bold; line-height: 32px; margin-bottom:50px;}
.indexContainer .layer3 .layer3Box p{ font-size: 14px; color: #333; line-height: 28px; width: 600px;}
.indexContainer .layer3 .layer3Box ul{ padding-top: 40px; display: block;}
.indexContainer .layer3 .layer3Box ul li{ height: 44px; line-height: 44px; padding-left: 40px;}
.indexContainer .layer3 .layer3Box ul li a{ font-size: 15px; color: #000; font-weight: bold;}
.indexContainer .layer3 .layer3Box .enter{ margin-top: 60px; display: block; width: 185px; height: 42px; text-align: center; line-height: 42px; font-size: 14px; color: #fff; background: #0778a7;}

.indexContainer .layer3 .layer3Box ul li:nth-child(1){ background: url(../images/icon1.png) left center no-repeat;}
.indexContainer .layer3 .layer3Box ul li:nth-child(2){ background: url(../images/icon2.png) left center no-repeat;}
.indexContainer .layer3 .layer3Box ul li:nth-child(3){ background: url(../images/icon3.png) left center no-repeat;}
.indexContainer .layer4{ width: 100%; background:url(../images/bg4.png) top center no-repeat ;}
.indexContainer .layer4 .layer4Box{ width: 1240px; margin: 0 auto;}
.indexContainer .layer4 .tit{ padding: 85px 0 45px 0;}
.indexContainer .layer4 .tit h2{ text-align: center; font-size: 30px; font-weight: bold; color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.1);}
.indexContainer .layer4 .tit p{ font-size: 15px; margin-top: 20px; text-align: center; color: #fff;}
.indexContainer .layer4 ul{ width: 100%; overflow: hidden;}
.indexContainer .layer4 ul li{ border: 1px solid #e6e6e6; box-sizing: border-box; width: 400px; float: left; margin-right: 20px;}
.indexContainer .layer4 ul li:last-child{ margin-right: 0;}
.indexContainer .layer4 ul li .icon{ border-bottom: 1px solid #e6e6e6; width: 100%; height: 264px; }
.indexContainer .layer4 ul li .icon img{ display:block;width: 100%; height: 100%;}

.indexContainer .layer4 ul li .text{transition: 0.5s; background: #fff; width: 100%; padding: 0 45px; box-sizing: border-box; height: 210px; text-align: center;}
.indexContainer .layer4 ul li .text h2{ color: #000; text-align: center; line-height: 35px; padding-top:15px; font-weight: bold; font-size: 16px;}
.indexContainer .layer4 ul li .text p{ width: 100%; line-height: 25px; height:100px; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden;}
.indexContainer .layer4 ul li .text a.enter{ color: #fff; line-height: 12px; display: inline-block; height: 12px; font-weight: bold; margin-top: 30px; padding-right: 40px; background: url(../images/arrow_07.png) right center no-repeat;}
.indexContainer .layer4 ul li:hover .text{ background: #0778a7;}
.indexContainer .layer4 ul li:hover .text h2{ color: #fff;}
.indexContainer .layer4 ul li:hover .text p{ color: #fff;}

.indexContainer .layer4 .nr{ width: 100%; padding: 65px 0 80px 0;}
.indexContainer .layer4 .nr h2{ text-align: center; font-size: 28px; color: #333; line-height: 28px;}
.indexContainer .layer4 .nr span{ display: block; text-align: center; line-height: 80px; font-size: 20px; color: #666;}
.indexContainer .layer4 .nr p{ text-align: center; line-height:28px; font-size: 14px; color: #666;}

.indexContainer .layer5{ width: 100%; transition: all 0.5s; background: url(../images/bg3.png); height: 860px; background-size:cover!important;}
.indexContainer .layer5 .layer5Box{ width: 1240px; margin: 0 auto; padding-top: 100px;}
.indexContainer .layer5 .layer5Box .tit{ padding-bottom: 40px;}
.indexContainer .layer5 .layer5Box .tit h2{ font-weight:bold; font-size: 30px; color: #fff; padding-bottom: 20px;}
.indexContainer .layer5 .layer5Box .tit p{ font-size: 14px; color: #fff;}
.indexContainer .layer5 .layer5Box ul{ width: 925px; overflow: hidden;}
.indexContainer .layer5 .layer5Box ul li{float: left; width: 295px; margin-right: 20px; height: 83px; margin-bottom: 20px; text-align: center; }
.indexContainer .layer5 .layer5Box ul li:nth-child(3n){ margin-right: 0;}
.indexContainer .layer5 .layer5Box ul li a{ padding-left: 72px; box-sizing: border-box;transition: 0.5s; display: block; width: 100%; height: 100%; border: 1px solid #fff; text-align: left; line-height: 81px; font-size: 16px; color: #fff;}
.indexContainer .layer5 .layer5Box ul li a img{ display: inline-block; vertical-align: middle; margin-right: 20px;}
.indexContainer .layer5 .layer5Box ul li:hover a{ background: #0778a7; border: 1px solid #0778a7;}
.indexContainer .layer5 .layer5Box .text{ line-height: 135px; color: #fff; font-size: 14px; font-weight: bold;}
.indexContainer .layer5 .layer5Box .enter{display: block; background: #fff; font-size: 12px; font-weight: bold; width: 165px; height: 42px; text-align: center; line-height: 42px; color: #0778a7;}
.indexContainer .layer6{ overflow: hidden; padding-bottom: 20px; width: 1240px; margin: 0 auto;}
.indexContainer .layer6 .tit{position: relative; width: 100%; height: 125px; padding-top: 42px; box-sizing: border-box;}
.indexContainer .layer6 .tit h2{ font-size: 24px; font-weight:bold; color: #0778a7; margin-bottom: 10px;}
.indexContainer .layer6 .tit p{ font-size: 12px; font-weight: bold; color: #999;}
.indexContainer .layer6 .tit a{ display: inline-block; right: 0; top: 50%; transform: translateY(-50%); height: 40px; line-height: 40px; border-bottom: 1px solid #999; color: #666; font-weight: bold; font-size: 14px; position: absolute;}
.indexContainer .layer6Left{ width: 393px; float: left;}
.indexContainer .layer6 .icon{ width: 100%; height: 220px;}
.indexContainer .layer6 .icon img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer6 .text{transition: 0.5s; width: 100%; height: 200px; padding: 0 30px; box-sizing: border-box; background: #f2f3f9;}
.indexContainer .layer6 .text span{ display: block; height: 50px; line-height: 50px; font-size: 12px; color: #0778a7;}
.indexContainer .layer6 .text h2{ width: 100%; height: 30px; line-height: 30px; font-size:18px; font-weight:  normal; color: #000; overflow: hidden;}
.indexContainer .layer6 .text p{font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; color: #666; margin-top:8px;}
.indexContainer .layer6 .text h3{ width: 100%; margin-top: 20px; height: 12px; line-height: 12px; font-size: 12px; color: #999; background: url(../images/tb8.png) right center no-repeat; background-size:12px auto;}
.indexContainer .layer6Left:hover .text{ background: #0778a7;}
.indexContainer .layer6Left:hover .text span{ color: #fff;}
.indexContainer .layer6Left:hover .text p{ color: #fff;}
.indexContainer .layer6Left:hover .text h2{ color: #fff;}
.indexContainer .layer6Left:hover .text h3{ color: #fff; background: url(../images/tb7.png) right center no-repeat; background-size:12px auto ;}
.indexContainer .layer6Right{ width: 820px; float: right;}
.indexContainer .layer6Right ul{ width: 100%; overflow: auto;}
.indexContainer .layer6Right ul li{float: left; width: 395px; margin-right: 30px; margin-bottom: 20px;}
.indexContainer .layer6Right ul li:nth-child(2n){ margin-right: 0;}
.indexContainer .layer6Right ul li:hover .text{ background: #0778a7;}
.indexContainer .layer6Right ul li:hover .text span{ color: #fff;}
.indexContainer .layer6Right ul li:hover .text p{ color: #fff;}
.indexContainer .layer6Right ul li:hover .text h2{ color: #fff;}
.indexContainer .layer6Right ul li:hover .text h3{ color: #fff; background: url(../images/tb7.png) right center no-repeat; background-size:12px auto ;}

.footer{ width: 100%; background: #0778a7; padding-top: 40px;}
.footer .footerBox{ width: 1240px; margin: 0 auto; overflow: hidden; padding-bottom: 30px;}
.footer .footerBox .footerLeft{ float: left;}
.footer .footerBox .footerLeft .logo{ margin-bottom: 45px;}
.footer .footerBox .footerLeft .phone p{ font-size: 14px; color: rgba(255,255,255,0.9); padding-bottom: 18px;}
.footer .footerBox .footerLeft .phone h2{ font-size: 30px; font-weight: bold; color: #ff961b;}
.footer .footerBox .footerRight{ float: right;}
.footer .footerBox .footerRight ul{ overflow: hidden;}
.footer .footerBox .footerRight ul li{ float: right; margin-left: 45px;}
.footer .footerBox .footerRight ul li a{ font-size: 14px; color:rgba(255,255,255,0.9);}
.footer .footerBox .footerRight ul li a:hover{ color: #fff;}
.footer .footerBox .footerRight dl{ padding-top: 100px; overflow: hidden;}
.footer .footerBox .footerRight dl dd{ float: right; margin-left: 24px;}
.footer .footerBox .footerRight dl dd img{ height: 48px; width: auto; border-radius:24px ;}
.copyright{ width: 1240px; margin: 0 auto; height: 60px; line-height: 60px; border-top:1px solid rgba(255,255,255,0.3); color: #9cc9dc; font-size: 14px;}
.copyright span{ float: right;}
.copyright a{color: #9cc9dc;}

.top.on{transform: translateX(0); width: 100%; top: 0; left: 0; background: #fff; border-bottom:1px solid #efefef;}
.top.on .topBox{ max-width: 1350px; min-width:1240px; margin: 0 auto;}

.navGation{ width: 100%; position: absolute; bottom: 0; left: 0; height: 50px; border-bottom: 1px solid #e9e9e9; background: rgba(0,0,0,0.30);}
.navGation .navGationBox{transition: 0.5s; width: 1240px; margin: 0 auto; }
.navGation.on { position: fixed; top: 80px; left: 50%; width: 100%; transform: translateX(-50%); background:#ffffff; z-index:2;}
.navGation .navGationBox p{ float: left; width: 215px; height: 50px; background:url(../images/pageIcon1.png) 50px center no-repeat #0778a7; font-size: 16px; color: #fff; font-weight: bold; padding-left: 96px; box-sizing: border-box; line-height: 50px;}
.navGation .navGationBox ul{ float: right; }
.navGation .navGationBox ul li{ line-height: 48px; float: left; margin-right: 40px;position:relative;}
.navGation .navGationBox ul li a{ font-size: 14px;  color:#fff;}
.navGation .navGationBox ul li.on{ border-bottom: 2px solid #ff961b;;}
.navGation .navGationBox ul li.on a{color: #ff961b!important;}
.navGation .navGationBox ul li:hover{ border-bottom: 2px solid #ff961b;}
.navGation .navGationBox ul li:hover a{color: #ff961b;}
.navGation.on .navGationBox ul li a{ color: #666;}
.navGation .navGationBox ul li.on{ border-bottom: 2px solid #ff961b;;}
.navGation .navGationBox ul li.on>a{color: #ff961b;}
.navGation .navGationBox ul li:hover{ border-bottom: 2px solid #ff961b;}

.navGation .navGationBox.on ul li>a{ color: #fff;}

.navGation .navGationBox ul li dl { display: none; position: absolute; padding:10px 0px; left: 50%; transform: translateX(-50%); top: 50px; background: #ffffff; border-radius: 0 0 8px 8px; box-shadow: 0 0 10px rgba(0,0,0,0.2);
width: 140px; text-align: center;}
.navGation .navGationBox ul li:hover dl { display: block; color:#666;;}
.navGation .navGationBox ul li:hover dl a{ display:block; width:100%;font-size: 14px;  color:#666; line-height:48px; border-bottom:1px solid #bdbdbd;}
.navGation .navGationBox ul li dl a:hover{   border-bottom: 1px solid #0778a7;color: #0778a7;;}



.navGation .navGationBox1{transition: 0.5s; width: 1240px; margin: 0 auto; }
.navGation .navGationBox1.on{ position: fixed; top: 80px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.7); z-index: 99;}
.navGation .navGationBox1 p{ float: left; width: 215px; height: 50px; background:url(../images/pageIcon1.png) 50px center no-repeat #0778a7; font-size: 16px; color: #fff; font-weight: bold; padding-left: 96px; box-sizing: border-box; line-height: 50px;}
.navGation .navGationBox1 ul{ float: right; }
.navGation .navGationBox1 ul li{ line-height: 48px; float: left; margin-right: 40px; position:relative;}
.navGation .navGationBox1 ul li a{ font-size: 14px; font-weight: bold; color:#666;}
.navGation .navGationBox1 ul li.on{ border-bottom: 2px solid #ff961b;;}
.navGation .navGationBox1 ul li.on>a{color: #ff961b;}
.navGation .navGationBox1 ul li:hover{ border-bottom: 2px solid #ff961b;}
.navGation .navGationBox1 ul li:hover>a{color: #ff961b;}
.navGation .navGationBox1.on ul li>a{ color: #fff;}

.navGation .navGationBox1 dl { display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 50px; background: #ffffff; border-radius: 0 0 8px 8px; box-shadow: 0 0 10px rgba(0,0,0,0.2);
width: 140px; text-align: center;}
.navGation .navGationBox1 ul li:hover dl { display: block;;}


.indexContainer .layer1{ width: 100%;}
.indexContainer .layer1 .nr{ width: 1240px; margin: 0 auto;}
.indexContainer .layer1 .nr .bt{ padding: 45px 0;}
.indexContainer .layer1 .nr .bt h2{ font-size: 28px; color: #0778a7; font-weight: bold; margin-bottom: 12px;}
.indexContainer .layer1 .nr .bt p{ font-size: 12px; color: #0778a7;}
.indexContainer .layer1 .nr .nrBox p{ width: 100%; font-size: 14px; color: #666; line-height: 28px; padding-bottom: 35px;}
.indexContainer .layer1 .nr .nrBox img{ display: block; width: 100%; height: auto;}

.indexContainer .layer7{ width: 100%; background: url(../images/bg2.png) center center no-repeat; padding: 135px 0;}
.indexContainer .layer7 .layer7Box{ width: 1240px; margin: 0 auto;}
.indexContainer .layer7 .layer7Box ul{ width: 100%;}
.indexContainer .layer7 .layer7Box ul li{ width: 100%; overflow: hidden; height: 335px;}
.indexContainer .layer7 .layer7Box ul li .text{ width: 50%; float: left; height: 100%; padding:45px 80px 0 80px; box-sizing: border-box; position: relative; background: #fff; box-sizing: border-box;}
.indexContainer .layer7 .layer7Box ul li .text .tp{ position: absolute; z-index:1; top: 50px; right: 55px;}
.indexContainer .layer7 .layer7Box ul li .text h2{ position: relative; height: 100px; line-height: 100px; font-size: 24px; font-weight: bold; color: #0778a7; padding-left: 50px; background: url(../images/page5.png) left center no-repeat;}
.indexContainer .layer7 .layer7Box ul li .text p{position: relative; z-index: 2; font-size: 16px; color: #333; line-height:32px;}

.indexContainer .layer7 .layer7Box ul li:nth-child(2n) .text h2{ background: url(../images/page7.png) left center no-repeat;}
.indexContainer .layer7 .layer7Box ul li:nth-child(2n) .text{ float: right;}
.indexContainer .layer7 .layer7Box ul li:nth-child(2n) .icon{ float: left;}

.indexContainer .layer8{ width: 1240px; margin: 0 auto; overflow: hidden; padding-top: 80px;}
.indexContainer .layer8 .layer8Left{ float: left; width: 450px; height: 580px;}
.indexContainer .layer8 .layer8Left img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer8 .layer8Right{ float: right; width: 745px; float: right;}
.indexContainer .layer8 .layer8Right .icon{ width:100%; height: 310px; margin-bottom: 10px;}
.indexContainer .layer8 .layer8Right .icon img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer8 .layer8Right .text{padding-left: 60px; box-sizing: border-box; width: 100%; height: 260px; position: relative; background: #f2f2f2; padding-top: 45px; box-sizing: border-box;}
.indexContainer .layer8 .layer8Right .text h2{ font-size: 22px; color: #333; line-break: 22px; margin-bottom: 15px;}
.indexContainer .layer8 .layer8Right .text span{ font-size: 15px; color: #666; display: block; margin:20px 0 30px 0;}
.indexContainer .layer8 .layer8Right .text p{ font-size: 14px; color: #666;line-height: 32px;}
.indexContainer .layer8 .layer8Right .text p b{ color: #0778a7;}
.indexContainer .layer8 .layer8Right .text img{ display: block; right: 48px; top: 50%; transform: translateY(-50%); position: absolute;}

.indexContainer .layer9{ width: 100%; background: url(../images/bg1.png) center center no-repeat;}
.indexContainer .layer9 .layer9Box{ width: 1240px; margin: 0 auto; overflow: hidden; padding: 100px 0;}
.indexContainer .layer9 .layer9Box .icon{ width: 665px; height:auto}
.indexContainer .layer9 .layer9Box .icon ul{ width: 100%; height: 333px;}
.indexContainer .layer9 .layer9Box .icon ul li{ float: left;}
.indexContainer .layer9 .layer9Box .icon ul li:nth-child(1){ margin-right: 15px;}
.indexContainer .layer9 .layer9Box .icon ul li:nth-child(2){ margin-bottom: 15px;}
.indexContainer .layer9 .layer9Box .text{ width: 100%;}
.indexContainer .layer9 .layer9Box .text h2{ color: #404040; padding: 35px 0 20px 0; font-size: 22px; }
.indexContainer .layer9 .layer9Box .text p{ font-size: 14px; line-height: 32px; color: #666;}

.indexContainer .layer8.bottom{padding: 0 0 60px 0;}
.indexContainer .layer8.bottom .layer8Left{float: right; width: 400px; height: auto;}
.indexContainer .layer8.bottom .layer8Right{ float: left; width: 820px;}
.indexContainer .layer8.bottom .layer8Right .icon ul{ width: 100%; overflow: hidden;}
.indexContainer .layer8.bottom .layer8Right .icon ul{}
.indexContainer .layer8.bottom .layer8Right .icon { width: 100%; height: auto; margin-bottom: 20px;}
.indexContainer .layer8.bottom .layer8Right .icon ul li{width: 400px; float: left; margin-right: 20px;}
.indexContainer .layer8.bottom .layer8Right .icon ul li:last-child{ margin-right: 0;}
.indexContainer .layer8.bottom .layer8Right .icon ul li img{ display: block; width: 100%; height: auto;}


#bannera{width:100%; position: relative; height:500px; margin:0 auto; margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}


.fixRight { padding:20px 0 15px; z-index: 10; position: fixed; right:0; top:50%; transform:translateY(-50%); background:#0778A7; width: 70px; border-radius:12px 0 0 12px}
.fixRight li { cursor:pointer; position: relative; margin-bottom:26px}
.fixRight li span { display:block; text-align:center; color:#ffffff; font-size:12px}
.fixRight li:last-child { margin-bottom:0}
.fixRight li span img { display:block; margin:0 auto}
.weChatalt {box-shadow:0 0 10px rgba(0,0,0,0.2); display:none; position:absolute; right:80px; top:0; overflow:hidden; border-radius:10px; background:#ffffff;} 
.fixRight li:hover .weChatalt { display:block;}
.phoneTxt { display:none; position:absolute; box-shadow:0 0 10px rgba(0,0,0,0.2); right:80px; top:0; overflow:hidden; width:150px; text-align:center; border-radius:10px; background:#ffffff; padding:10px;}
.phoneTxt h2 { font-size:18px; color:#333333}
.phoneTxt p { font-size:14px; color:#666666}
.fixRight li:hover .phoneTxt { display:block;}

.phoneTxt h3{ font-size:20px; font-family:Impact; color:#333; line-height:30px;}
@media(max-width:1440px){
.top{ width:100%;}
}
