@charset "utf-8";
/* CSS Document */

body,button,dd,div,dl,form,h1,h2,h3,h4,h5,h6,html,img,input,li,ol,p,ul{margin: 0;padding: 0;border: 0}
*{-webkit-tap-highlight-color: transparent}
body,html{height: 100%}
body{font-family: 'Microsoft Yahei';background-color: #fff;color: #333;font-size: 14px;padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left)}
button,input,textarea{font-family: 'Microsoft Yahei';padding: 0;-webkit-appearance: none}
i{list-style: none;font-style: normal}
h1,h2,h3,h4,h5,h6{font-family: 'Microsoft Yahei';font-weight: normal}
images{border: 0}
img{vertical-align: middle}
li{list-style-type: none}
button:hover,input[type=submit]:hover{cursor: pointer}
button:focus,input:active,input:focus,textarea:focus{outline-color: transparent;border: 0}
a:link{text-decoration: none}
a:visited{text-decoration: none}
a:hover{text-decoration: none;cursor: pointer}
a:active{text-decoration: none}
.hidden{display: none;visibility: hidden}
.wrap{position: relative;border: 0;padding: 0;margin: 0 auto;*zoom: 1}
.wrap:after{clear: both;content: "";display: table}
.box{width: 90%;max-width: 1600px;margin: 0px auto;}
@media screen and (max-width:1500px){
.box{width: 90%;max-width: 1200px;margin: 0px auto;}
}


/*yewu.html*/
.dowebok .section{background-size: cover;background-repeat: no-repeat;background-position: center center; background-color:#000; position:relative}
/*end yewu.html*/
.iiopxq{ position:absolute; left:50%; font-size:16px; height:70px; width:140px; margin-left:-70px; bottom:80px; line-height:25px; color:#fff; padding:10px 20px; z-index:100; background:#292626;}
.iiopxq a{ color:#fff}

/*banner*/
.dowebok .section .swiper1{width: 100%;height: 100vh;}
.dowebok .section .swiper1 .swiper-container{height: 100vh;}
.dowebok .section .swiper1 .swiper-slide{width: 100%;height: 100vh;background-position: center center;background-repeat: no-repeat;background-size: cover;text-align: left; position:relative;background-size:100% cover;}
.dowebok .section .swiper1 .swiper-slide a{ display: block;width: 100%;height:100%; position:absolute; left:0;right:0;bottom:0;top:0;}
.dowebok .section .swiper1 .swiper-slide img{ height:100%; display:none;}

/*.swiper1 swiper-pagination-bullet*/
.dowebok .section .swiper1 .swiper-pagination-bullet{width: 30px;height: 30px;display: inline-block;margin: 0 5px !important;position: relative;transition-duration: .5s;cursor: pointer;background: none;opacity: 1;border: 1px solid transparent; outline:none;}
.dowebok .section .swiper1 .swiper-pagination-bullet:before{position: absolute;display: block;left: 50%;top: 50%;content: "";width: 4px;height: 4px;margin-left: -2px;margin-top: -2px;border-radius: 50%;transition-duration: .5s;background: #fff; outline:none;}
.dowebok .section .swiper1 .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color: #fff;}
.dowebok .section .swiper1 .swiper-pagination-bullet.swiper-pagination-bullet-active:before{transform: scale(1.5);}
@media (max-width: 1300px){
   .dowebok .section .swiper1 .swiper-pagination-bullet{width: 20px;height: 20px;margin: 0 2px !important; outline:none;}
}
@media (max-width: 1024px){
.dowebok .section .swiper1,
.dowebok .section .swiper1 .swiper-container,
.dowebok .section .swiper1 .swiper-slide{height:auto; background:none;}
.dowebok .section .swiper1 .swiper-slide img{display:block; width:100%;}
.dowebok .section .swiper1 .swiper-slide a{ display: block;width: 100%;height:auto; position: static;}
.dowebok .section .swiper1 .swiper-slide a .box .boxNr{display: table-cell;vertical-align: middle;width: 100%;height: 100vh;}
}


/*section1*/
.section1{ overflow:hidden;}
.section1 .ul{ height:100vh;}
.section1 .ul .box{float:left;width:50%;height:50%;position:relative;background-position:center center;background-size:100% 100%;/*background-size: cover;*/ overflow:hidden;}
.section1 .ul .box:before{ content:''; position:absolute; left:0;right:0;top:0;bottom:0; width:100%; height:100%;background:#000;filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1}
.section1 .ul .box:after{ content:''; position:absolute; left:0;right:0; bottom:30px; width:100%; height:10px;background: url(../images/index-solu-a.png) no-repeat center bottom;background-size:100%; }

.section1 .ul .box .img{/*display:none;*/ overflow:hidden;}
.section1 .ul .box .img img{ display:block;width:100%; height:100%;}
.section1 .ul .box .img,.section1 .ul .box .img img{-moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.section1 .ul .box:hover .img img{transform: scale3D(1.1, 1.1, 1.1); }
.section1 .ul .box .ico{position:relative; margin:0 auto;width:60px;height:60px;margin-bottom:20PX;}
.section1 .ul .box .ico IMG{ display:block; margin:0 auto; max-height:60PX;}
.section1 .ul .box .t{ position:absolute;top:50%; left:0;right:0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); text-align:center;line-height:30px;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.section1 .ul .box .tit a{display:inline-block;font-size:16PX; color:#ffffff;}
.section1 .ul .box .m { /*display: none;*/opacity: 0;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;height:0;}
.section1 .ul .box .m a{ display:inline-block; width:150px; height:40px; line-height:40px;font-size:13PX; color:#ffffff;border:1px solid #fff; border-radius:5px; margin:0 10px; margin-top:50px; position:relative;}
.section1 .ul .box .m a:after{ content:''; position:absolute;left:0;top:0; width:0; height:50%;background:#196cfa;-moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;}
.section1 .ul .box .m a:before{ content:''; position:absolute;right:0;bottom:0; width:0; height:50%;background:#196cfa;-moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;}
.section1 .ul .box .m a:hover{color:#fff; border-color:#196cfa;}
.section1 .ul .box .m a:hover:after{width:100%;}
.section1 .ul .box .m a:hover:before{width:100%;}
.section1 .ul .box .m span{ display:inline-block; position:relative; z-index:2;}
.section1 .ul .box:hover .m{/*display: block;*/opacity: 1;height:90px;}
/*cirBOX*/
.section1 .ul .box .cirBOX {opacity: 1;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.section1 .ul .box .cir-line{position: absolute;display: block;border-radius: 50%;animation: cir-scale2 3s linear infinite;}
/*.section1 .ul .box .cir-line1{border: 1px solid #fff;width:80px;height: 80px;left: -20px;top: -20px;}*/
.section1 .ul .box .cir-line2{border: 1px solid rgba(255, 255, 255, 0.2);width: 120px;height: 120px;left: -30px;top: -30px;}
.section1 .ul .box .cir-line3{border: 1px solid rgba(255, 255, 255, 0.2);width: 200px;height: 200px;left: -70px;top: -70px;}
@keyframes cir-scale2{0%{opacity: 0;transform: scale(0.5);}
  60%{opacity: 1;transform: scale(1.2);}
  100%{opacity: 0;transform: scale(0.5);} }
@media (max-width: 1024px){
.section1 .ul{ height:auto;}
.section1 .ul .box{ background:none;}
.section1 .ul .box .img{display: block;}
.section1 .ul .box .cirBOX { display:none;}

.section1 .ul .box .m a{width:100px; height:30px; line-height:30px;font-size:12PX;margin:0 5px; margin-top:20px; position:relative;}
.section1 .ul .box:hover .m{height:50px;}
.section1 .ul .box .m{display: block;opacity: 1;height:50px}
.section1 .ul .box:after{bottom:20px;}
}
@media (max-width:768px){
.section1 .ul .box{ width:100%;}
.section1 .ul .box .img{display: block; max-width:100%;}
.section1 .ul .box .img img{ max-width:100%;}

.section1 .ul .box .tit a{font-size:14PX;}
.section1 .ul .box .ico IMG{max-height:40PX;}
.section1 .ul .box .ico{margin-bottom:0PX;height:50px;}
.section1 .ul .box:after{bottom:10px;}
.section1 .ul .box .m a{margin-top:15px;}

}
@media (max-width:479px){
.section1 .ul .box .img{ height:230px;}	

}






/*i-life*/
/* @font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('fonts/HelveticaNeueLTPro-UltLt.woff2') format('woff2'),
        url('fonts/HelveticaNeueLTPro-UltLt.woff') format('woff'),
        url('fonts/HelveticaNeueLTPro-UltLt.ttf') format('truetype'),
        url('fonts/HelveticaNeueLTPro-UltLt.svg#HelveticaNeueLTPro-UltLt') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
} */




.section3 .fp-tableCell{ vertical-align:bottom;}
/*i-life*/
.i-life{overflow: hidden; }
.i-life .pc-box{height:100vh;}
.i-life .m-box{display: none;}
.i-life .row{margin:0;zoom: 1;height:100%; width:101%;}
.i-life .item{width: 12.5%;float: left; height:100%; padding-top:100px; position:relative;background-position:center center;background-repeat:no-repeat; background-size:cover;}
.i-life .item:before{content: "";position: absolute;right: 0;bottom: 0;width:100%;height:100%;box-sizing: border-box;background:#000;filter:alpha(opacity=40); -moz-opacity:0.4;-khtml-opacity: 0.4;opacity: 0.4;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.i-life .item:after{content: "";position: absolute;right: 0;bottom: 0;width:100%;height:100%;box-sizing: border-box;background-image:url(../images/index-pro-shadow.png);background-position:center right;background-repeat:repeat-y; background-size:100%;filter:alpha(opacity=50); -moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.i-life .con-box{display: block;width: 100%; height:100%; overflow: hidden;padding:0;box-sizing: border-box;position: relative;padding-bottom:0; z-index:1;}
.i-life .item .img{position: relative; display:none;}
.i-life .item .img img{ height:100%;}
.i-life img{width: 100%;}
.i-life .txt{position: absolute;right:.25rem;top:120px;width:200px;font-size:15px;color: #fff;line-height: .85rem;transition: all .3s; text-align:center;}
.i-life .txt h3{ width:130px;margin-bottom:10px;}
.i-life .txt .hsumopp{ width:130px; border:1px solid #fff; height:130px; margin-left:35px; text-align:center; margin-bottom:15px; font-size:14px;}
.i-life .txt .hsumopp span{ font-size:88px; font-family:"微软雅黑"; display:inline-block; line-height:100px}
.i-life .item.cur{width:50%;}
.i-life .item.cur .txt{right: 1rem;}
.i-life .item.cur:before{filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.i-life .item.cur:after{filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.i-life .item .img:after{content: "";position: absolute;right: 0;bottom: 0;width:100%;height:100%;box-sizing: border-box;background-image:url(../images/index-pro-shadow.png);background-position:center right;background-repeat:repeat-y; background-size:100%;}
/*index-more*/
.i-life .index-more2{display:block;overflow:hidden;line-height:20px;font-size:14px;color:#196cfa; text-transform:uppercase;position: absolute;right: .25rem; bottom:1.125rem;transition: all .3s; vertical-align:middle;}
.i-life .item.cur .index-more2{right: 1rem;}
.i-life .index-more2 .m{ wdisplay:inline-block;color:#fff;font-family:'Helvetica Neue LT Pro',Arial, Helvetica, sans-serif;letter-spacing:2px;display:none;width:95px;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; }
.i-life .item.cur .index-more2 .m{display:inline-block; border:1px solid #fff; line-height:30px; text-align:center; width:120px;}
.i-life .item.cur .index-more2 .m:hover{ background:#fff; color:#000}
.i-life .index-more2 .line{display:inline-block;padding-left:112px;width:20px;height:20px;background-image:url(../images/appnext1on.png);background-position:right center;background-repeat:no-repeat;background-size:20px;vertical-align:middle;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; position:relative;}
.i-life .index-more2 .line:after{content:"";position:absolute;left:0;bottom:50%;width:72px;height:1px;background:#fff;filter:alpha(opacity=30); -moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.i-life .item.cur .index-more2 .line{padding-left:40px;}
.i-life .item.cur .index-more2 .line:after{width:0;}

@media (max-width: 1024px){
    .index-more2{font-size:12px;}
	.i-life{ padding:0; border-bottom:2px solid #171717;}
	.i-life .pc-box{display: none;}
	.i-life .txt{left:0; position:relative;}
	.i-life .line{width: 100%;}
	.i-life .con-box{padding: 0 0 .25rem; height:auto; padding-bottom:1rem;}
    .i-life .txt h3{ width:50px;margin-bottom:10px;}
	.i-life .txt{font-size:14px; right:0;top:1rem; line-height:normal;}


	.i-life .m-box{display: block;}
	.i-life .m-box .swiper-slide{width: 40%;margin-right: 3%;}
	.i-life .m-box .swiper-slide:last-child{margin-right: 0;}

	.i-life .m-box{overflow: hidden;}
	.i-life .m-box img{width: 100%;}
	.i-life .line{width: 100%;}

}
@media (max-width: 768px){
	.i-life .index-more2{ display:none;}	
}

.section2{ overflow:hidden;}
.section2:after{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background:#000;-moz-transition: all .8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;transition: all .8s ease-in-out;z-index:1;}
/*.section2:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000;-moz-transition: all .8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;transition: all .8s ease-in-out; z-index:1;}*/

.section2.active:after{width:0;}
.section2.active:before{width:0;} 
@media (max-width: 1024px){
	.section2:after{width:0;}
}


/*indexTitle*/
.indexTitle{ text-align:center;background:url(../images/index-casebg.png) center center no-repeat #000; z-index:2;/* margin-top:80px; padding:90px 0 90px 0;*/}
.indexTitle .cn{font-size:40px;color:#fff;font-weight:300;line-height:normal;display:inline-block;}
.indexTitle{margin-top:3%; padding:3% 0;}
@media screen and (max-width:1915px){
  .indexTitle{padding:3% 0; margin-top:2%;}
  .indexTitle .cn{font-size:30px;}
}  
@media screen and (max-width:1620px){
  .indexTitle{padding:3% 0; margin-top:2%;}
  .indexTitle .cn{font-size:26px;}
}
@media screen and (max-width:1024px){
  .indexTitle{padding:30px 0; margin-top:10px;}
  .indexTitle .cn{font-size:24px;}
}
@media screen and (max-width:1000px){
	 .indexTitle{padding:20px 0 30px 0;}
}
@media screen and (max-width:768px){
  .indexTitle .cn{font-size:20px;}
}




.section3{ overflow:hidden;}
.section3:after{content:"";position:absolute;left:0;top:0;width:50%;height:100%;background:#000;-moz-transition: all .8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;transition: all .8s ease-in-out;z-index:1;}
.section3.active:after{width:0;}
@media (max-width: 1024px){
	.section3:after{width:0;}
}

/*index-CaseBanner*/
.index-Case{height:100vh;background:#000000;position:absolute; left:0;right:0;bottom:0;}
.index-Case .indexTitle{position:absolute;top:0; left:0;right:0;}
.index-CaseBanner{position:absolute; left:0;right:0;bottom:0; }
.index-CaseBanner .ysli{width:100%;float:left;height:100%; background:#fff;}
.index-CaseBanner .li{ position:relative; height:100%;background:#fff;}
.index-CaseBanner .li .ImgBox{height:100%;width:50%;}
.index-CaseBanner .li .ImgBox a{ display:block;width:100%;position:relative; padding:38% 0; overflow:hidden;}
.index-CaseBanner .li .ImgBox img{overflow: hidden;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; }
.index-CaseBanner .li .ImgBox img{display:block;position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding: 0%;height: 100%;width: 100%;/*object-fit: contain; */max-width:none;}
/*.index-CaseBanner .li:hover .ImgBox img{-moz-transform: scale(1.05) translate(-50%, -50%); -webkit-transform: scale(1.05) translate(-50%, -50%);transform: scale(1.05) translate(-50%, -50%);}*/
.index-CaseBanner .li .ImgBox:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;-moz-transition: all .8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;transition: all .8s ease-in-out;}
.index-CaseBanner .swiper-slide-duplicate-active .ImgBox:after,.index-CaseBanner .swiper-slide-active .ImgBox:after{width:0;}
.index-CaseBanner .li .ImgBox img{width:100%;height:100%;display:block;}
.index-CaseBanner .li .ImgBox img,.index-CaseBanner .li .listTitle .listTitleBox,.index-CaseBanner .li .listTitle .m,.index-CaseBanner .li a{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.index-CaseBanner .li .listTitle{text-align:left;position: absolute;left:50%;top:50%;width:50%;height:auto;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.index-CaseBanner .li .listTitle .listTitleBox{overflow:hidden;padding:0 130px; text-align:left; font-size:15px; color:#333333; line-height:26px;}
.index-CaseBanner .li .listTitle h1 a{ display:inline-block;text-align:center;font-size:40px;color:#333333;line-height:40px;height:40px;overflow:hidden; margin-bottom:18px;}
/**/
.index-CaseBanner .swiper-button-prev{outline:none;position:absolute;top:auto;bottom:26px;width:53px;height:53px;left:auto;right:50%;margin-right:100px;background: url(../images/arrow1.png) center no-repeat ;background-size:53px;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;border-radius:50%; z-index:2;} 
.index-CaseBanner .swiper-button-next{outline:none;position:absolute;top:auto;bottom:26px;width:53px;height:53px;right:50%;margin-right:38px;background: url(../images/arrow2.png) center no-repeat;background-size:53px;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;border-radius:50%; z-index:2;} 
.index-CaseBanner .swiper-button-next.swiper-button-disabled, .index-CaseBanner .swiper-button-prev.swiper-button-disabled{opacity:0;}
.index-CaseBanner .swiper-button-next:after, 
.index-CaseBanner .swiper-button-prev:after{ font-size:0;}
@media screen and (max-width:1620px){
	.index-Case .indexTitle{top:3%;}
	.index-CaseBanner .li .listTitle .listTitleBox{font-size:15px;}
	.index-CaseBanner .li .listTitle h1 a{font-size:30px;margin-bottom:18px;}
}
@media screen and (max-width:1270px){
	.index-CaseBanner .li .listTitle h1 a{font-size:26px;margin-bottom:10px;}
	.index-CaseBanner .li .listTitle .listTitleBox{padding:30px 60px;}
}
@media screen and (max-width:1024px){
	.index-Case .indexTitle{position: static;top:0;}
	.index-Case{height:auto;position: static; padding-top:30px;}
	.index-CaseBanner{position: relative;}
	.index-CaseBanner .li .listTitle h1{font-size:30px;}
	.index-CaseBanner .li .listTitle .listTitleBox{padding:30px 50px;}
	.index-CaseBanner .li .listTitle h1 a{font-size:24px;margin-bottom:10px;}
    .index-CaseBanner .li .ImgBox:after{width:0;}
}
@media screen and (max-width:1000px){
	.index-Case{padding-top:10px;}
}
@media screen and (max-width:768px){
	.index-CaseBanner .li .listTitle{margin-left:0;}
	.index-CaseBanner .li .ImgBox{position:static;width:100%;height:auto;}

	.index-CaseBanner .swiper-button-prev{top:70vw;bottom:auto;right:90px;margin-right:0;width:43px;height:43px;} 
	.index-CaseBanner .swiper-button-next{top:70vw;bottom:auto;right:30px;margin-right:0;width:43px;height:43px;} 

	.index-CaseBanner .li .listTitle{text-align:left;position: static;left:0;top:0;width:100%;height:auto;-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);font-size:14px;}
	.index-CaseBanner .li .listTitle .listTitleBox{padding:50px 30px; line-height:26px;}
	.index-CaseBanner .li .listTitle h1 a{font-size:20px; line-height:30px; height:30px;}

	
}






@media screen and (max-width:2560px){
	.indexNewsleft .li1 .item{padding:55px 40px 65px 40px;height:630px;}
	.indexNewsleft .img{margin-bottom:50px;}
	.newsListul li a{padding-bottom:36px; padding-top:43px;}
	.newsListul{height:630px;}
}
@media screen and (max-width:1919px){
	
	.newsListul{height:590px;}	
	.newsListul li .listTitle .t{margin-bottom:5px;}
	.newsListul li .listTitle .t2{margin-bottom:8px;}
	.newsListul li a{padding-bottom:30px; padding-top:30px;}	

	.indexNewsleft .li1 .item{padding:40px 40px 60px 40px;height:590px;}
	.indexNewsleft .img{ margin-bottom:30px;}
	.indexNewsleft .t a{line-height:36px; height:36px; margin-bottom:10px;}
	.indexNewsleft .t2{margin-bottom:28px;}
	.indexNewsleft .img{padding:30% 0;}
	
}
@media screen and (max-width:1620px){
	.newsListul{height:490px;}	
	.newsListul li .listTitle .t{font-size:16px;height:26px;line-height:26px;margin-bottom:0;}
	.newsListul li .listTitle .t2{font-size:14px;color:#333333;height:48px;line-height:24px;overflow:hidden;margin-bottom:5px;}
	.newsListul li a{padding-bottom:30px; padding-top:30px;}	
	
	
	.indexNewsleft .li1 .item{background:#fff; padding:30px 25px 50px 25px;height:490px;}
	.indexNewsleft .img{ margin-bottom:30px; max-height:190px; overflow: hidden;}
	.indexNewsleft .date{font-size:14px;}
	.indexNewsleft .t a{font-size:16px;line-height:30px; height:30px; margin-bottom:10px;}
	.indexNewsleft .t2{margin-bottom:28px;}
	.indexNewsleft .img{padding:28% 0;}

}
@media screen and (max-width:1370px){
	.newsListul{height:390px;}	
	.newsListul li a{padding-bottom:15px; padding-top:15px;}	
	.newsListul li .listTitle .t2{height:44px;line-height:22px;}
	.indexNewsleft .li1 .item{background:#fff; padding:30px 25px 50px 25px;height:390px;}
	.indexNewsleft .img{ margin-bottom:20px;max-height:150px;}
	.indexNewsleft .date{font-size:14px;}
	.indexNewsleft .t a{margin-bottom:5px;}
	.indexNewsleft .t2{margin-bottom:10px;height:66px;line-height:22px;}
	.indexNewsleft .img{padding:26% 0;}
}
@media screen and (max-width:1100px){
	.indexNews{padding-bottom:50px;}
}
@media screen and (max-width:1024px){
	.indexNews{padding-bottom:80px;padding-top:100px;}
	.indexNewsBox .indexNewsleft{float:none;width:100%; margin-bottom:10px;}
	.indexNewsBox .indexNewsRight{float:none;width:100%;}
	.indexNewsleft .li1 .item{padding:35px 30px 35px 30px; height:auto;}	
	.newsListul{padding:0 30px;}
	.indexNewsleft .img{max-height:200px;}
}
@media screen and (max-width:1000px){
	.indexNews{padding-bottom:50px;padding-top:20px;}
}
@media screen and (max-width:768px){
	.indexNews{padding-bottom:50px;padding-top:30px;}
	.indexNewsleft .li1{width:100%;position:relative;}
	.indexNewsleft .li1 .item{margin-right:0;  margin-bottom:10px; }
	.newsListul{height:auto;padding:0 20px;}
	.newsListul li a{padding-bottom:25px; padding-top:25px;}	
}




/*index-more*/
.index-more{display:block;overflow:hidden;line-height:20px;font-size:14px;color:#196cfa; text-transform:uppercase;}
.index-more em{display:inline-block;margin-left:10px;width:20px;height:20px;background-image:url(../images/index-news-m2.png);background-position:center center;background-repeat:no-repeat;background-size:20px;vertical-align:middle;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.index-more:hover em{ margin-left:20px;}
.index-more a{color:#196cfa; display:inline-block;}
@media screen and (max-width:1620px){
.index-more{font-size:12px;}
}  
@media screen and (max-width:1240px){
.index-more{font-size:12px;}
}  
@media screen and (max-width:768px){
.index-more{font-size:12px;}
}










.a-fadein,.a-fadeinT,.a-fadeinR,.a-fadeinB,.a-fadeinL,.a-bouncein,.a-bounceinT,.a-bounceinR,.a-bounceinB,.a-bounceinL,.a-rotatein,.a-rotateinLT,.a-rotateinLB,.a-rotateinRT,.a-rotateinRB,.a-flipin,.a-flipinX,.a-flipinY{-webkit-animation:1.5s ease-out backwards;-moz-animation:1.5s ease-out backwards;-ms-animation:1.5s ease-out backwards;animation:1.5s ease-out backwards;}

.a-fadeinB{-webkit-animation-name:fadeinB;-moz-animation-name:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB;}
@-webkit-keyframes fadeinB{
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinB{
    0%{opacity:0;-moz-transform:translateY(-100px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeinB{
    0%{opacity:0;-ms-transform:translateY(-100px);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeinB{
    0%{opacity:0;transform:translateY(-100px);}
    100%{opacity:1;transform:translateY(0);}
}
.a-fadeinT{-webkit-animation-name:fadeinT;-moz-animation-name:fadeinT;-ms-animation-name:fadeinT;animation-name:fadeinT;}

@-webkit-keyframes fadeinT{
    0%{opacity:0;-webkit-transform:translateY(100px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinT{
    0%{opacity:0;-moz-transform:translateY(100px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeinT{
    0%{opacity:0;-ms-transform:translateY(100px);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeinT{
    0%{opacity:0;transform:translateY(100px);}
    100%{opacity:1;transform:translateY(0);}
}





.a-fadeoutB{-webkit-animation-name:fadeoutB;-moz-animation-name:fadeoutB;-ms-animation-name:fadeoutB;animation-name:fadeoutB;}
@-webkit-keyframes fadeoutB{
    0%{opacity:1;-webkit-transform:translateY(0);}
    100%{opacity:0;-webkit-transform:translateY(-100px);}
}
@-moz-keyframes fadeoutB{
    0%{opacity:1;-moz-transform:translateY(0);}
    100%{opacity:0;-moz-transform:translateY(-100px);}
}
@-ms-keyframes fadeoutB{
    0%{opacity:1;-ms-transform:translateY(0);}
    100%{opacity:0;-ms-transform:translateY(-100px);}
}
@keyframes fadeoutB{
    0%{opacity:1;transform:translateY(0);}
    100%{opacity:0;transform:translateY(-100px);}
}

.a-fadeinL{-webkit-animation-name:fadeinL;-moz-animation-name:fadeinL;-ms-animation-name:fadeinL;animation-name:fadeinL;}
@-webkit-keyframes fadeinL{
    0%{opacity:0;-webkit-transform:translateX(100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinL{
    0%{opacity:0;-moz-transform:translateX(100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinL{
    0%{opacity:0;-ms-transform:translateX(100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinL{
    0%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}


.a-fadeinR{-webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR;}
@-webkit-keyframes fadeinR{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinR{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinR{
    0%{opacity:0;-ms-transform:translateX(-100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinR{
    0%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}

.a-fadeoutR{-webkit-animation-name:fadeoutR;-moz-animation-name:fadeoutR;-ms-animation-name:fadeoutR;animation-name:fadeoutR;}
@-webkit-keyframes fadeoutR{
    0%{opacity:1;-webkit-transform:translateX(0);}
    100%{opacity:0;-webkit-transform:translateX(-100px);}
}
@-moz-keyframes fadeoutR{
    0%{opacity:1;-moz-transform:translateX(0);}
    100%{opacity:0;-moz-transform:translateX(-100px);}
}
@-ms-keyframes fadeoutR{
    0%{opacity:1;-ms-transform:translateX(0);}
    100%{opacity:0;-ms-transform:translateX(-100px);}
}
@keyframes fadeoutR{
    0%{opacity:1;transform:translateX(0);}
    100%{opacity:0;transform:translateX(-100px);}
}




/*loading*/
.loaded div#loading_container{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeOut;animation-name: fadeOut;}
div#loading_container{position: fixed;top: 0px;left: 0px;z-index: 1000;width: 100%;height: 100%;padding: 0;margin: 0;text-align: center;background-color: #1b1b1b;}
div#loading_circle{text-align: center;color: #555555;opacity: 0.9;text-transform: uppercase;/* font: normal 12px/14px "ff-basic-gothic-web-pro",Arial,Helvetica,sans-serif; */font-family: "微软雅黑";font-size: 12px;position: absolute;width: 128px;height: 35px;top: 50%;left: 50%;margin: -17px 0 0 -64px;}
div#loading_circle span#outer{width: 50px;height: 50px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 50%;display: block;/*background:rgba(85,85,85,0.2);*/
margin: 0 auto 20px;position: relative;border: 1px solid rgba(255, 255, 255, 0.5);}
div#loading_circle span#outer span#loading_tesxt{width: 100%;height: 100%;position: absolute;top: 0;left: 0;text-align: center;line-height: 50px;}
div#loading_circle span#outer span#loading_tesxt> span{display: block;}
div#loading_circle > .logoimg{
width: 100%;text-align: center;}
div#loading_circle > .logoimg img{
height: 100%;margin-bottom: 10px;display: inline-block;}

div#loading_circle span#outer{/*-webkit-animation: throbber 1.5s infinite;animation: throbber 1.5s infinite;*/}
div#loading_circle span#outer span#inner{width: 50px;height: 50px;display: block;position: absolute;-webkit-animation: xuanzhuan 1s infinite linear;animation: xuanzhuan 1s infinite linear;-webkit-animation-fill-mode: both;animation-fill-mode: both}
div#loading_circle span#outer span#inner:after{content: "";width: 10px;height: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 50%;display: block;background: #fff;position: absolute;left: 10px;top: -3px;}
div#loading_circle span#outer span#inner2{width: 50px;height: 50px;display: block;position: absolute;-webkit-animation: xuanzhuan 1.5s infinite linear reverse;animation: xuanzhuan 1.5s infinite linear reverse;}
div#loading_circle span#outer span#inner2:after{content: "";width: 10px;height: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 50%;display: block;background: #fff;position: absolute;left: 10px;bottom: -3px;}
div#loading_circle span#outer span#inner3{width: 50px;height: 50px;display: block;position: absolute;-webkit-animation: xuanzhuan 2s infinite linear;animation: xuanzhuan 2s infinite linear;}
div#loading_circle span#outer span#inner3:after{content: "";width: 10px;height: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 50%;display: block;background: #fff;position: absolute;right: -5px;top: 20px;}
div#loading_circle div#loading_slow{display: none;margin: 20px 0 0;letter-spacing: 0;text-transform: none;font: normal 12px/14px "cronos-pro-display", helvetica, arial, sans-serif;font-family: "微软雅黑";}
div#loading_circle div#loading_slow a{text-decoration: none;color: rgba(82, 95, 190, 0.7);}
div#loading_circle div#loading_slow a:hover{color: rgba(82, 95, 190, 0.7);}	
@-webkit-keyframes throbber{
	0%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
	50%{-webkit-transform: scale3d(1.2, 1.2, 1.2);transform: scale3d(1.2, 1.2, 1.2);}
	100%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
@keyframes throbber{
	0%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
	50%{-webkit-transform: scale3d(1.2, 1.2, 1.2);transform: scale3d(1.2, 1.2, 1.2);}
	100%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@-webkit-keyframes xuanzhuan{0%{-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}
	10%{-webkit-transform: rotate3d(0, 0, 1, 36deg);transform: rotate3d(0, 0, 1, 36deg);}
	20%{-webkit-transform: rotate3d(0, 0, 1, 72deg);transform: rotate3d(0, 0, 1, 72deg);}
	30%{-webkit-transform: rotate3d(0, 0, 1, 108deg);transform: rotate3d(0, 0, 1, 108deg);}
	40%{-webkit-transform: rotate3d(0, 0, 1, 144deg);transform: rotate3d(0, 0, 1, 144deg);}
	50%{-webkit-transform: rotate3d(0, 0, 1, 180deg);transform: rotate3d(0, 0, 1, 180deg);}
	60%{-webkit-transform: rotate3d(0, 0, 1, 216deg);transform: rotate3d(0, 0, 1, 216deg);}
	70%{-webkit-transform: rotate3d(0, 0, 1, 252deg);transform: rotate3d(0, 0, 1, 252deg);}
	80%{-webkit-transform: rotate3d(0, 0, 1, 288deg);transform: rotate3d(0, 0, 1, 288deg);}
	90%{-webkit-transform: rotate3d(0, 0, 1, 324deg);transform: rotate3d(0, 0, 1, 324deg);}
	100%{-webkit-transform: rotate3d(0, 0, 1, 360deg);transform: rotate3d(0, 0, 1, 360deg);}
}
@keyframes xuanzhuan{0%{-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}
	10%{-webkit-transform: rotate3d(0, 0, 1, 36deg);transform: rotate3d(0, 0, 1, 36deg);}
	20%{-webkit-transform: rotate3d(0, 0, 1, 72deg);transform: rotate3d(0, 0, 1, 72deg);}
	30%{-webkit-transform: rotate3d(0, 0, 1, 108deg);transform: rotate3d(0, 0, 1, 108deg);}
	40%{-webkit-transform: rotate3d(0, 0, 1, 144deg);transform: rotate3d(0, 0, 1, 144deg);}
	50%{-webkit-transform: rotate3d(0, 0, 1, 180deg);transform: rotate3d(0, 0, 1, 180deg);}
	60%{-webkit-transform: rotate3d(0, 0, 1, 216deg);transform: rotate3d(0, 0, 1, 216deg);}
	70%{-webkit-transform: rotate3d(0, 0, 1, 252deg);transform: rotate3d(0, 0, 1, 252deg);}
	80%{-webkit-transform: rotate3d(0, 0, 1, 288deg);transform: rotate3d(0, 0, 1, 288deg);}
	90%{-webkit-transform: rotate3d(0, 0, 1, 324deg);transform: rotate3d(0, 0, 1, 324deg);}
	100%{-webkit-transform: rotate3d(0, 0, 1, 360deg);transform: rotate3d(0, 0, 1, 360deg);}
}

@-webkit-keyframes fadeOut {from {opacity: 1;}to {opacity: 0;}}
@keyframes fadeOut {from {opacity: 1;}to {opacity: 0;}}
@-webkit-keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}
@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}

.fadeOut{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeOut;animation-name: fadeOut;}
.fadeIn{display:block!important;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeIn;animation-name: fadeIn;}



.shunbox{ width:50%; float:left; height:100%; text-align:center;}
.shunbox img{ display:none;}
.shunbox_t{ width:100%; float:left; font-size:18px; margin-top:180px;  color:#000; line-height:30px; }

.shunbox_txt{ width:100%; float:left; font-size:16px; margin-top:10px;line-height:25px; color:#999; }
.shunbox_m{ width:100%; float:left; font-size:14px; margin-top:15px; line-height:20px; color:#999}
.shunbox_m a{ color:#999; display:inline-block; line-height:30px; height:30px; width:120px; border:1px solid #000;}
.shunbox_m a:hover{ background:#000; color:#fff}

.shun1{ color:#a5a5a5}
.shun1 .shunbox_m a{ color:#a5a5a5}
.shun1 .shunbox_txt{ color:#a5a5a5}
.shun1 .shunbox_t{ color:#fff}
.shun1 .shunbox_m a{ color:#999; display:inline-block; line-height:30px; height:30px; width:120px; border:1px solid #fff;}
.shun1 .shunbox_m a:hover{ background:#fff; color:#a5a5a5}

.s2-content{ width:100%; height:100%; float:left; position:relative;}
.fa_tit{ width:100%; color:#fff; text-align:center; left:0; }
.fan_tit{ width:100%; font-size:18px; line-height:40px; margin-bottom:20px; }
.fan_txt{ width:100%; font-size:36px; line-height:35px; margin-top:20px; }
.fan_btxt{ width:100%; text-align:center; font-size:14px; text-align:center; line-height:30px; color:#fff; position:absolute; bottom:8%;}

.fanlist{ width:92%; left:4%; position:absolute; top:50%;  transform: translateY(-50%);}
.fanlist dl{ width:15.6%; margin-right:1.28%; float:left; padding:80px 0; text-align:center; background-color:rgba(255,255,255,0.2); margin-top:0; color:#FFF; opacity:1;transition: all 0.3s ease 0s; cursor:pointer; margin-top:60px}
.fanlist dl:nth-of-type(6n){ margin-right:0;}
.fanlist dl:hover{background-color:rgba(255,255,255,0.5);}
.fanlist dl dt{ width:100%; float:left; font-size:20px; line-height:30px;}
.fanlist dl dd{ width:100%; float:left; font-size:16px; line-height:30px; margin:15px 0 0}
.xian1{ width:70%; height:4px; background:#fff; margin:0 15%; float:left; display:none}

.yuantubox{  width:100%; top:50%; height:100%;  float:left; }
.lplogo{ margin:0 auto; overflow:hidden; width:100%; height:9%; margin-bottom:2%; margin-top:120px;  text-align:center;display:none}
.lplogo img{ height:100%; max-height:80px}
.yuantu{ height:66%; width:60%; left:20%; margin-top:200px;  box-sizing:border-box; position:relative; background:url(../images/yuantu.png) center center; background-size:auto 100%; background-repeat:no-repeat;}
.yuanbox{ width:100%; top:50%; cursor:pointer; position:absolute;   transform: translateY(-50%); left:0}
.yuanbox:hover{ opacity:0.8; }
.yuanbox li{ width:100%; float:left; text-align:center; display:block; clear:both; color:#fff;}
.yuanbox li a{ color:#fff;}
.yuanbox li.yuan_tit{ font-size:24px; line-height:40px; }
.yuanbox li.yuan_sz{ font-size:120px; line-height:130px; margin:1.5% 0 }
.yuanbox li.yuan_xm{ font-size:16px; line-height:20px;}
.yuanbox li.yuan_lg{ font-size:16px; line-height:40px; margin:0% 0 3%}
.yuanbox li.yuan_m{ font-size:14px; float:none; margin:0 auto; line-height:30px;width:120px; height:30px; line-height:30px; border:1px solid #fff;transition: all 0.3s ease 0s;}
.yuanbox li.yuan_m:hover{ background:#000;border:1px solid #000;}

.mplbox{height:100%; width:100%; float:left}
.mpbox{ width:100%; height:100%;display: flex; position:absolute;align-items: center;}
.mpbox dl{ height:10%;background-color:rgba(255,255,255,0.3); cursor:pointer; width:33.3333%;transition: height 1s;display:block; color:#fff; position:relative;}
.mpbox dl:hover{ height:100%;}
.mpbox dl dt{ width:100%; text-align:center; font-size:20px;  height:50px; line-height:50px; position:absolute; top:50%; margin-top:-25px; }
.mpbox dl:hover dt{ position:relative; margin-top:60%; float:left; top:0;}
.mpbox dl dd{ display:none; width:80%; text-align:center; margin:0 10%; font-size:14px; line-height:22px; margin-top:50px; float:left; margin-bottom:50px}
.mpbox dl:hover dd{ display:block}
.mpdtm{text-align:center;transition: all 0.3s ease 0s; width:120px; margin:0 auto; border:1px solid #fff; height:30px; line-height:30px; font-size:14px; left:0; display:none;}
.mpdtm a{ color:#fff}
.mpdtm:hover{ background:#000;border:1px solid #000; }
.mpbox dl:hover .mpdtm{ display:block}
.mplboxm{ display:none}

@media screen and (max-width:1440px){
	.shunbox_t{ font-size:22px; margin-top:180px; line-height:30px; }
	.fan_tit{font-size:36px; line-height:40px; margin-bottom:20px; }
.fan_txt{ font-size:26px; line-height:32px;  }



.fanlist{  top:50%;}


.fanlist dl dt{ font-size:16px; line-height:25px;}
.fanlist dl dd{  font-size:18px;  margin:8px 0 15px}
.xian1{  height:2px;}


.lplogo{  height:6%; margin-top:100px;}
.lplogo img{ height:100%; max-height:80px}

.yuanbox li.yuan_tit{ font-size:24px; line-height:35px;}
.yuanbox li.yuan_sz{ font-size:108px; line-height:140px; }
.yuanbox li.yuan_xm{  line-height:38px;}
.yuanbox li.yuan_lg{ font-size:16px; line-height:35px;}



.mpbox dl dt{ font-size:18px; }
.mpbox dl dd{ font-size:14px; line-height:25px;}



	
	}


@media screen and (max-width:1024px){
	body,html{height: auto}
	.section{ width:100%; float:left;}
	.shunbox{ width:50%; float:left; height:auto; text-align:center; position:relative}
	.shunbox img{ display:block; width:100%; float:left; margin-top:50px;}
	.shunbot{ position:absolute; top:0; left:0; width:100%; z-index:2}
	.shunbox_t{ font-size:16px; margin-top:10px; line-height:25px; }
	.shunbox_txt{font-size:12px; margin-top:5px;line-height:20px; }
.shunbox_m{ font-size:12px; margin-top:5px; line-height:20px; }
.m_header_box .header_body .menu_nav ul li .one .icon{ background:url(../ahj/index_tab_r.png) right center no-repeat; background-size: auto 60%;}
	


.s2-content{ width:100%;  height:auto; float:left; position:relative;}
.s2-content img{ float:left; width:100%}
.fa_tit{ width:100%; color:#fff; top:30px; text-align:center; left:0; position:absolute}
.fan_tit{ width:100%;  line-height:30px; margin-bottom:5px; }
.fan_txt{ width:100%;  line-height:25px; font-size:16px;  }
.fan_btxt{ width:100%; text-align:center;  text-align:center; line-height:25px; color:#fff; position:absolute; bottom:8%;}

.fanlist{ width:99%; padding:0 0.5%;  position:absolute; top:50%;  transform: translateY(-50%); overflow-y:scroll}
.fanlistbox{ width:1040px;}
.fanlist dl{ width:150px; margin-right:20px; float:left; padding:30px 0 10px; text-align:center; background-color:rgba(255,255,255,0.2); margin-top:0; color:#FFF; opacity:1;transition: all 0.3s ease 0s; cursor:pointer}
.fanlist dl:nth-of-type(6n){ margin-right:0;}
.fanlist dl:hover{background-color:rgba(255,255,255,0.5); margin-top:-10px;}
.fanlist dl dt{ width:100%; float:left; font-size:14px; line-height:30px;}
.fanlist dl dd{ width:100%; float:left; font-size:12px; line-height:25px; margin:8px 0 15px}
.xian1{ width:70%; height:2px; background:#fff; margin:0 15%; float:left;}

.section4{ position:relative}
.yuantubox{  width:100%; height:auto; position:absolute; top:15%; left:0; float:left;}
.lplogo{ margin:0 auto; overflow:hidden; width:100%; position:relative; height:30px; margin:20px 0; text-align:center;}
.lplogo img{ height:100%; max-height:30px}
.yuantu{ height:300px; width:300px; left:0; margin:0 auto;  box-sizing:border-box; position:relative; background:url(../images/yuantu.png) center center; background-size:auto 100%; background-repeat:no-repeat; }
.yuanbox{ width:100%; top:0%; cursor:pointer; position:relative;   transform: translateY(0); left:0}
.yuanbox:hover{ opacity:0.8; }
.yuanbox li{ width:100%; float:left; text-align:center; display:block; clear:both; color:#fff;}
.yuanbox li a{ color:#fff; font-size:14px;}
.yuanbox li a:hover{ background:#000; border:1px solid #000}
.yuanbox li.yuan_tit{ font-size:16px; line-height:30px; margin-top:40px;}
.yuanbox li.yuan_sz{ font-size:40px; line-height:60px; margin:2.5% 0 }
.yuanbox li.yuan_xm{ font-size:14px; line-height:30px;}
.yuanbox li.yuan_lg{ font-size:14px; line-height:30px; margin:3% 0 4%}

.index_yyimg{ width:100%; float:left;}

.section5{ position:relative}
.mplbox{ display:none}
.mplboxm{height:50px; width:100%; float:left; position:absolute; display:block; left:0; top:50%; margin-top:-25px;}
.mplboxm a{ color:#fff;}
.mplboxm dl{ height:50px;background-color:rgba(255,255,255,0.3); cursor:pointer; text-align:center; font-size:14px; width:33.3333%;display:block; color:#fff; line-height:50px; float:left; position:relative;}


	
	}