@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;}
}
@media (max-width: 1024px){
	.dowebok{ padding-top:70px;}
}


/*yewu.html*/
.dowebok .section{background-size: cover;background-repeat: no-repeat;background-position: center center; background-color:#000;}
/*end yewu.html*/



/*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;
}




.section2 .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%; 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:3.125rem;font-size:16px;color: #fff;padding-right: 12px;line-height: .85rem;transition: all .3s;}
.i-life .txt h3{ width:110px;margin-bottom:10px;}
.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;}
.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:50px 0 50px .25rem; 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;}

	
}







/*indexNew*/
.indexNews{ overflow:hidden;/*padding-bottom:80px;padding-top:220px;*/}
.indexNews .indexTitle{ background:url(../images/index-casebg2.png) center center no-repeat;}
.indexNews .indexNewsBox{/*position:absolute; left:0;right:0;top:300px;*/ height:auto; margin:0 auto;}
.indexNewsBox .indexNewsleft{float:left;width:63.33333333333333%; /*width:1140px;*/}
.indexNewsBox .indexNewsRight{float:right;width:36.66666666666667%;/*width:660px;*/}
.indexNewsBox .indexNewsRight{-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.indexNewsBox .indexNewsRight:hover{box-shadow:0px 5px 16px 0px #030649;-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px)}
/*indexNewsleft*/
.indexNewsleft .newsListul2{font-size:0; line-height:0;margin:0; }
.indexNewsleft .li1{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:50%;position:relative;}
.indexNewsleft .li1 .item{ margin-right:10px;background:#fff;padding:55px 40px 65px 40px;height:690px;}
.indexNewsleft .img{width:100%;overflow:hidden;position:relative;z-index:1; margin-bottom:80px; padding:30.95238095238095% 0;position:relative;}
.indexNewsleft .img a{ display:block;}
.indexNewsleft .img img{width:100%;height:100%;display:block;}
.indexNewsleft .img 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%;/*object-fit: contain; */max-width:none;}
.indexNewsleft .li1:hover .img img{-moz-transform: scale(1.1) translate(-50%, -50%); -webkit-transform: scale(1.1) translate(-50%, -50%);transform: scale(1.1) translate(-50%, -50%);}
.indexNewsleft .li1,
.indexNewsleft .img,
.indexNewsleft .img img{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.indexNewsleft .date{font-size:16px;line-height:26px;color:#909090;}
.indexNewsleft .t a{ display:block;font-size:18px;color:#196cfa;height:40px;line-height:40px;font-weight:300;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;margin-bottom:27px; padding-left:20px;background:url(../images/index-news-ico1.png) left center no-repeat; background-size:16px;}
.indexNewsleft .t2{font-size:13px;color:#595959;height:78px;line-height:26px;overflow:hidden; margin-bottom:38px;}
.indexNewsleft .li1 .btn-view{ text-align:right;}
.indexNewsleft .li1 .btn-view a{margin-top:0;}
.indexNewsleft .li1 .item:hover{box-shadow:0px 5px 16px 0px #030649;-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px)}
.indexNewsleft .li1 .item{-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
/*newsListul*/
.newsListul{font-size:0; line-height:0;background:#fff; padding:0 33px;overflow:hidden;height:690px;}
.newsListul li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:100%;position:relative;}
.newsListul li a{display:block;position: relative;overflow:hidden;border-bottom:1px solid #f4f4f4; padding:0; padding-bottom:46px; padding-top:53px;}
.newsListul li:last-child a{border-bottom:none;}
.newsListul li .listTitleBox{overflow:hidden;display:block; padding-left:20px;}
.newsListul li .listTitle .t{font-size:18px;color:#196cfa;height:30px;line-height:30px; overflow:hidden; font-weight:300;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;padding-left:18px;background:url(../images/index-news-ico2.png) left center no-repeat;background-size:6px; margin-bottom:8px;}
.newsListul li .listTitle .t2{font-size:14px;color:#333333;height:52px;line-height:26px;overflow:hidden;margin-bottom:18px;}
.newsListul li .listTitle .index-more em{margin-left:0;}
@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:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s 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-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-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;}