* { margin: 0; padding: 0;}
body, html {width: 100%; height: 100%;}
body {font-size: 16px; font-family: "微软雅黑";}
li, ol {list-style: none;}
a { text-decoration: none; color: inherit;}
img { border: 0;}
i, em, b, u, a, span {font-style: normal;font-weight: 500;text-decoration: none;}
button {border: 0; background: #FFFFFF; cursor: pointer;}
._main { overflow: hidden; position: relative; width: 1200px; margin: auto;}
.wrap { overflow: hidden; position: relative;}
.clear { clear: both; display: block; height: 0; position: relative; overflow: hidden;}
/***************************初始化部分********************************/
.content h1 { text-align: center; font-size: 24px; margin-top: 20px; margin-bottom: 20px;}
.content { line-height: 35px;}
#showdata img { display: block;}
._list{text-align: center;margin-bottom: 30px;margin-top: 20px;}
._listline{display: flex;display: -webkit-flex;justify-content: center;line-height: 50px;flex-wrap: wrap;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;}
._listline a{min-width: 20%;margin-bottom: 5px;max-height: 50px;flex: 1 1 auto;display: block;float: left;background: #ccc;padding: 0 25px;margin: 0 5px;-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-ms-transition-duration: .5s;-o-transition-duration: .5s;transition-duration: .5s;}
._listline a:hover{background: #005BC4;color: #fff;}
/***************************内容开始********************************/
.header{position: relative;z-index: 10;}
header{font-size: 15px;color: #4c4c4c;margin: auto;width: 1200px;height: 100px;z-index: 19;}
header .logo{display: block;float: left;margin-top: 15px;margin-bottom: 15px;}
header nav{float: right;height: 100%;}
header nav .navA{margin-left: 25px;float: left;height: 100%;}
header nav .navA>a{font-weight: 700;position: relative;height: 100%;line-height: 115px;}
header nav .navA:hover{color: #e62129;}
header nav .navA:hover .secondLevel a{-webkit-transform: rotate( 0deg );-moz-transform: rotate( 0deg );-ms-transform: rotate( 0deg );-o-transform: rotate( 0deg );transform: rotate( 0deg );}
header nav .navA:hover .secondLevel a:nth-of-type( 1 ){-webkit-transition-delay: .3s;-moz-transition-delay: .3s;-ms-transition-delay: .3s;-o-transition-delay: .3s;transition-delay: .3s;}
header nav .navA:hover .secondLevel a:nth-of-type( 2 ){-webkit-transition-delay: .4s;-moz-transition-delay: .4s;-ms-transition-delay: .4s;-o-transition-delay: .4s;transition-delay: .4s;}
header nav .navA:hover .secondLevel a:nth-of-type( 3 ){-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-ms-transition-delay: .5s;-o-transition-delay: .5s;transition-delay: .5s;}
header nav .navA:hover .secondLevel a:nth-of-type( 4 ){-webkit-transition-delay: .6s;-moz-transition-delay: .6s;-ms-transition-delay: .6s;-o-transition-delay: .6s;transition-delay: .6s;}
header nav .navA:hover .secondLevel a:nth-of-type( 5 ){-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-ms-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s;}
header nav .navA:hover .secondLevel a:nth-of-type( 6 ){-webkit-transition-delay: .3s;-moz-transition-delay: .3s;-ms-transition-delay: .3s;-o-transition-delay: .3s;transition-delay: .3s;}
header nav .navA:hover .secondLevel a:nth-of-type( 7 ){-webkit-transition-delay: .4s;-moz-transition-delay: .4s;-ms-transition-delay: .4s;-o-transition-delay: .4s;transition-delay: .4s;}
header nav .navA:hover .secondLevel a:nth-of-type( 8 ){-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-ms-transition-delay: .5s;-o-transition-delay: .5s;transition-delay: .5s;}
header nav .navA:hover .secondLevel a:nth-of-type( 9 ){-webkit-transition-delay: .6s;-moz-transition-delay: .6s;-ms-transition-delay: .6s;-o-transition-delay: .6s;transition-delay: .6s;}
header nav .navA>a:hover i:after{content: '';position: absolute;bottom: 2px;width: 8px;height: 8px;right: 0;left: 0;margin: auto;-webkit-transform: rotate( 45deg );-moz-transform: rotate( 45deg );-ms-transform: rotate( 45deg );-o-transform: rotate( 45deg );transform: rotate( 45deg );background: #e62129;}
header nav .navA:not( :last-child ){margin-right: 25px;}
header nav .navA a{display: block;}
header nav .navA a>i{width: 100%;height: 5px;overflow: hidden;position: absolute;bottom: 20px;left: 0;right: 0;margin: auto;}
.secondLevel{height: 0;position: absolute;width: 100%;left: 0;top: 100%;background: #fff;overflow: hidden;z-index: 1;-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-ms-transition-duration: .5s;-o-transition-duration: .5s;transition-duration: .5s;-webkit-transition-delay: .2s;-moz-transition-delay: .2s;-ms-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;}
.secondLevel a{-webkit-transition-duration: .3s;position: relative;-moz-transition-duration: .3s;-ms-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transform: rotateY( 90deg );-moz-transform: rotateY( 90deg );-ms-transform: rotateY( 90deg );-o-transform: rotateY( 90deg );transform: rotateY( 90deg );float: left;display: block;width: 20%;overflow: hidden;height: 200px;border-top: 1px solid #f6f6f6;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-ms-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;}
.secondLevel a:after{content: '';position: absolute;top: 0;bottom: 0;right: 0;left: 0;background: #07107f;z-index: -1;opacity: 0;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-ms-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;}
.secondLevel a:hover:after{opacity: 1;}
.secondLevel a:hover span{color: #fff;}
.secondLevel a:hover i{color: #fff;}
.secondLevel a span{display: block;float: left;color: #2c2a2a;font-size: 20px;margin-top: 25px;margin-left: 40px;}
.secondLevel a span i{display: block;margin-top: 75px;font-size: 11px;}
.secondLevel a img{z-index: -1;height: 60%;display: block;top: 30px;right: 30px;position: absolute;}
@media only screen and (max-width: 1300px) {
	.secondLevel a img{z-index: -1;height: 100%;position: absolute;top: 0;width: 100%;right: 0;}
}
.act{color: #e62129;}
.act>i:after{content: '';position: absolute;bottom: 2px;width: 8px;height: 8px;right: 0;left: 0;margin: auto;-webkit-transform: rotate( 45deg );-moz-transform: rotate( 45deg );-ms-transform: rotate( 45deg );-o-transform: rotate( 45deg );transform: rotate( 45deg );background: #e62129;}
#changeEnCn{position: absolute;right: 0;top: 10px;-webkit-transform: scale(1.4);-moz-transform: scale(1.4);-ms-transform: scale(1.4);-o-transform: scale(1.4);transform: scale(1.4);-webkit-transform-origin: right top;-moz-transform-origin: right top;-ms-transform-origin: right top;-o-transform-origin: right top;transform-origin: right top;}
#changeEnCn span{display: block;float: left;margin: 0 5px;}
#changeEnCn a{display: block;float: left;line-height: 15px;font-size: 12px;}
#changeEnCn a img{display: block;float: left;height: 16px;margin: 0 5px;}

footer{height: 415px;color: #fff;}
.needBg{background: #242424;width: 100%;height: 340px;margin-top: 80px;position: absolute;z-index: -1;}
.card{height: 353px;background: url(../img/bg3.png) no-repeat;text-align: center;margin-top: 0px;float: left;width: 340px;}
.cardImg{margin-top: 45px;}
.cardImg span{display: block;float: left;position: relative;}
.cardImg span:before{content: '扫描网站二维码';position: absolute;top: 0;width: 100%;left: 0;font-size: 15px;}
.cardImg span:first-child{margin: 0 36px 0 36px;}
.cardImg span img{display: block;margin-top: 40px;}
.card>img{margin-top: 40px;}
.footMain{padding-top: 120px;float: right;width: calc( 100% - 340px );width: -moz-calc( 100% - 340px );width: -webkit-calc(  100% - 340px  );box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding-left: 40px;}
.footMain nav{font-size: 18px;height: 40px;position: relative;display: flex;display: -webkit-flex;margin-bottom: 27px;}
.footMain nav:after{content: '';height: 2px;width: 100%;position: absolute;bottom: 0;left: 0;background: #666666;}
.footMain nav a{flex: 1 1 auto;text-align: center;}
.callUs{font-size: 12px;line-height: 35px;}

.banner{width: 100%;}
.bannerMain{width: 100%;height: 676px;}
.bannerMain img{width: 1920px;display: block;position: absolute;top: 0;-webkit-transition-duration: .7s;-moz-transition-duration: .7s;-ms-transition-duration: .7s;-o-transition-duration: .7s;transition-duration: .7s;}
.buttonImg{width: 70%;position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;height: 0;z-index: 9;}
.buttonImg img{width: 80px;display: block;float: left;cursor: pointer;opacity: .4;-moz-opacity: .4;-webkit-opacity: .4;-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-ms-transition-duration: .5s;-o-transition-duration: .5s;transition-duration: .5s;}
.buttonImg img:hover{opacity: 1;-moz-opacity: 1;-webkit-opacity: 1;}
.buttonImg img:last-child{float: right;}

.product{width: 100%;display: block;}
h1.tit{text-align: center;width: 1200px;margin: auto;margin-top: 50px;margin-bottom: 40px;}
h1.tit:before{content: '';position: absolute;top: 25%;bottom: 0;margin: auto;left: 0;background: -webkit-gradient(linear, 100% 0, 0 0, from(#fff), to(#e8e8e8));background: -webkit-linear-gradient(to right, #fff, #e8e8e8);background: -moz-linear-gradient(to right, #fff, #e8e8e8);background: -o-linear-gradient(to right, #fff, #e8e8e8);background: linear-gradient(to right, #fff, #e8e8e8);width: 440px;height: 3px;}
h1.tit:after{content: '';position: absolute;top: 25%;bottom: 0;margin: auto;right: 0;background: -webkit-gradient(linear, 100% 0, 0 0, from(#e8e8e8), to(#fff));background: -webkit-linear-gradient(to right, #e8e8e8, #fff);background: -moz-linear-gradient(to right, #e8e8e8, #fff);background: -o-linear-gradient(to right, #e8e8e8, #fff);background: linear-gradient(to right, #e8e8e8, #fff);width: 440px;height: 3px;}
h1.tit img{display: block;margin: auto;margin-bottom: 10px;}
h1.tit span{display: block;height: 40px;position: relative;margin-bottom: 5px;}
h1.tit span img{display: block;}
h1.tit i{display: block;font-size: 12px;color: #6f6f6f;}

.productMenu{border-top: 1px solid #f6f6f6;}
.productMenu *{display: block;}
.productMenu a{float: left;width: 20%;overflow: hidden;position: relative;height: 180px;}
.productMenu a:hover:after{top: 50%;}
.productMenu a:after{content: '查看详情+';font-weight: 700;font-size: 10px;position: absolute;top: 66%;bottom: 0;margin: auto;left: 40px;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-ms-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;}
.productMenu a:not( :first-child ){background: url(../img/bg4.jpg) no-repeat top left;}
.productMenu a span{padding-top: 25px;padding-left: 40px;}
.productMenu a span em{font-size: 20px;color: #2c2a2a;font-weight: 700;}
.productMenu a span strong{color: #6f6f6f;font-weight: 500;font-size: 10px;}
.productMenu a img{width: 40%;position: absolute;top: -10%;bottom: 0;margin: auto;right: 10%;z-index: -1;}

.productMain ul{display: block;overflow: hidden;width: 100%;}
.productMain ul li{height: 397px;position: relative;overflow: hidden;width: 100%;-webkit-transition-duration: 1.5s;-moz-transition-duration: 1.5s;-ms-transition-duration: 1.5s;-o-transition-duration: 1.5s;transition-duration: 1.5s;}
.productMain ul li:hover p:after{width: 100% !important;}
.productMain ul li div{width: 50%;float: left;height: 100%;background-position: bottom right;}
.productMain ul li:nth-of-type( 2n ) div{float: right;background-position: bottom left;}
.productMain ul li div *{display: block;}
.productMain ul li .productMainLeft img{width: 952px;}
.productMain ul li div.productMainRight{height: 100%;overflow: hidden;padding-left: 50px;padding-top: 80px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;background: url(../img/bg0.jpg) no-repeat bottom left;}
.productMain ul li:nth-of-type( 2n ) div.productMainRight{padding-right: 50px;background-position: right bottom;padding-left: 0;}
.productMain ul li div.productMainRight .productMainRightMain{float: left;overflow: hidden;width: 540px;}
@media only screen and (max-width: 1300px) {
	.productMain ul li div.productMainRight .productMainRightMain{width: 100%;}
}
.productMain ul li:nth-of-type( 2n ) div.productMainRight .productMainRightMain{float: right;}
.productMain ul li div.productMainRight h2{margin-bottom: 15px;background: -webkit-gradient(linear, 100% 0, 0 0, from(#0084ff), to(#2c9e3e));background: -webkit-linear-gradient(to right, #0084ff, #2c9e3e);background: -moz-linear-gradient(to right, #0084ff, #2c9e3e);background: -o-linear-gradient(to right, #0084ff, #2c9e3e);background: linear-gradient(to right, #0084ff, #2c9e3e);-webkit-background-clip: text;	-webkit-text-fill-color: transparent;font-size: 38px;}
.productMain ul li div.productMainRight p{font-size: 12px;color: #6f6f6f;margin-bottom: 60px;position: relative;}
.productMain ul li div.productMainRight p:after{content: '';position: absolute;left: 0;bottom: -15px;width: 56px;height: 2px;background: #0a0a0a;-webkit-transition-duration: .7s;-moz-transition-duration: .7s;-ms-transition-duration: .7s;-o-transition-duration: .7s;transition-duration: .7s;}
.productMain ul li div.productMainRight em{text-indent: 5px;line-height: 24px;color: #6f6f6f;font-size: 14px;}
.productMain ul li div.productMainRight em:before{content: '';background: url(../img/icon1.png) no-repeat;width: 20px;height: 20px;display: block;float: left;}
.productMain ul li div.productMainRight a{position: relative;color: #fff;line-height: 34px;text-align: center;width: 130px;z-index: 1;margin-left: 7px;margin-top: 30px;}
.productMain ul li div.productMainRight a:before{-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-ms-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;opacity: 0;-moz-opacity: 0;-webkit-opacity: 0;content: '';z-index: -1;position: absolute;top: 0;bottom: 0;right: 0;left: 0;-webkit-transform: skewX( -15deg );-moz-transform: skewX( -15deg );-ms-transform: skewX( -15deg );-o-transform: skewX( -15deg );transform: skewX( -15deg );background: -webkit-gradient(linear, 100% 0, 0 0, from(#2c9e3e), to(#0084ff));background: -webkit-linear-gradient(to right, #2c9e3e, #0084ff);background: -moz-linear-gradient(to right, #2c9e3e, #0084ff);background: -o-linear-gradient(to right, #2c9e3e, #0084ff);background: linear-gradient(to right, #2c9e3e, #0084ff);}
.productMain ul li div.productMainRight a:after{content: '';z-index: -2;position: absolute;top: 0;bottom: 0;right: 0;left: 0;-webkit-transform: skewX( -15deg );-moz-transform: skewX( -15deg );-ms-transform: skewX( -15deg );-o-transform: skewX( -15deg );transform: skewX( -15deg );background: -webkit-gradient(linear, 100% 0, 0 0, from(#0084ff), to(#2c9e3e));background: -webkit-linear-gradient(to right, #0084ff, #2c9e3e);background: -moz-linear-gradient(to right, #0084ff, #2c9e3e);background: -o-linear-gradient(to right, #0084ff, #2c9e3e);background: linear-gradient(to right, #0084ff, #2c9e3e);}
.productMain ul li div.productMainRight:hover a:before{opacity: 1;-moz-opacity: 1;-webkit-opacity: 1;}
@media only screen and (max-width: 1300px) {
	.productMenu a{background: none !important;}
	.productMenu a img{width: 100%;top: 0;left: 0;right: 0;bottom: 0;margin: 0;height: 100%;}
}

.indexAbout{-webkit-transition-duration: 1.5s;-moz-transition-duration: 1.5s;-ms-transition-duration: 1.5s;-o-transition-duration: 1.5s;transition-duration: 1.5s;background: url(../img/bg1.jpg) no-repeat;height: 727px;width: 100%;padding-top: 196px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
article.indexAboutMain{-webkit-transition-duration: 1.5s;-moz-transition-duration: 1.5s;-ms-transition-duration: 1.5s;-o-transition-duration: 1.5s;transition-duration: 1.5s;cursor: pointer;border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px;background: #fff;width: 960px;text-align: center;padding-top: 33px;-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-ms-transition-delay: .5s;-o-transition-delay: .5s;transition-delay: .5s;}
article.indexAboutMain:hover{-webkit-animation: UpAndDown 2.5s infinite linear;-o-animation: UpAndDown 2.5s infinite linear;animation: UpAndDown 2.5s infinite linear;}
h2.tit{margin-bottom: 15px;}
h2.tit img{display: block;margin: auto;margin-bottom: 13px;}
h2.tit p{font-size: 12px;color: #6f6f6f;font-weight: 500;}
article.indexAboutMain div.indexAboutMain{width: 80%;margin: auto;font-size: 14px;color: #191919;}
article.indexAboutMain div.indexAboutMain strong{font-size: 20px;}
article.indexAboutMain a{display: block;width: 130px;margin: auto;margin-top: 35px;margin-bottom: 35px;border-radius: 33px;-moz-border-radius: %;-webkit-border-radius: %;line-height: 33px;color: #fff;background: -webkit-gradient(linear, 100% 0, 0 0, from(#0084ff), to(#2c9e3e));background: -webkit-linear-gradient(to right, #0084ff, #2c9e3e);background: -moz-linear-gradient(to right, #0084ff, #2c9e3e);background: -o-linear-gradient(to right, #0084ff, #2c9e3e);background: linear-gradient(to right, #0084ff, #2c9e3e);}
@keyframes UpAndDown{
	from{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
	25%{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}
	50%{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
	75%{-webkit-transform: translateY(5px);-moz-transform: translateY(5px);-ms-transform: translateY(5px);-o-transform: translateY(5px);transform: translateY(5px);}
	to{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
}
@-moz-keyframes UpAndDown{
	from{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
	25%{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}
	50%{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
	75%{-webkit-transform: translateY(5px);-moz-transform: translateY(5px);-ms-transform: translateY(5px);-o-transform: translateY(5px);transform: translateY(5px);}
	to{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
}
@-ms-keyframes UpAndDown{
	from{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
	25%{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}
	50%{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
	75%{-webkit-transform: translateY(5px);-moz-transform: translateY(5px);-ms-transform: translateY(5px);-o-transform: translateY(5px);transform: translateY(5px);}
	to{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
}
@-webkit-keyframes UpAndDown{
	from{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
	25%{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}
	50%{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
	75%{-webkit-transform: translateY(5px);-moz-transform: translateY(5px);-ms-transform: translateY(5px);-o-transform: translateY(5px);transform: translateY(5px);}
	to{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
}

.indexCase{background: url(../img/bg2.jpg) no-repeat center top;-webkit-transition-duration: 1.5s;-moz-transition-duration: 1.5s;-ms-transition-duration: 1.5s;-o-transition-duration: 1.5s;transition-duration: 1.5s;}
.indexCase ._main{margin-top: 60px;text-align: center;padding-bottom: 75px;}
.indexCase ._main h2{margin-bottom: 35px;font-size: 12px;color: #6f6f6f;}
.indexCase ._main h2 img{display: block;margin: auto;margin-bottom: 10px;}
.indexCaseMain{width: 100%;-webkit-transition-delay: 1s;-moz-transition-delay: 1s;-ms-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;-webkit-transition-duration: 1.5s;-moz-transition-duration: 1.5s;-ms-transition-duration: 1.5s;-o-transition-duration: 1.5s;transition-duration: 1.5s;}
.indexCaseMain .indexCaseRoll{width: 4890px;}
.indexCaseMain .indexCaseRoll a{float: left;display: block;width: 385px;margin-right: 22.5px;position: relative;overflow: hidden;background: #000;height: 270px;}
.indexCaseMain .indexCaseRoll a:hover:before{width: 85%;}
.indexCaseMain .indexCaseRoll a:hover:after{height: 85%;}
.indexCaseMain .indexCaseRoll a:hover img{opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;}
.indexCaseMain .indexCaseRoll a:hover em{opacity: 1;-moz-opacity: 1;-webkit-opacity: 1;-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
.indexCaseMain .indexCaseRoll a:hover em:before{width: 85%;}
.indexCaseMain .indexCaseRoll a:hover em:after{height: 85%;}
.indexCaseMain .indexCaseRoll a:before{content: '';z-index: 99;height: 1px;background: #fff;width: 0%;position: absolute;top: 15%;right: 7.5%;-webkit-transition-duration: .4s;-moz-transition-duration: .4s;-ms-transition-duration: .4s;-o-transition-duration: .4s;transition-duration: .4s;}
.indexCaseMain .indexCaseRoll a:after{content: '';z-index: 99;width: 1px;background: #fff;height: 0%;position: absolute;top: 7.5%;right: 15%;-webkit-transition-duration: .4s;-moz-transition-duration: .4s;-ms-transition-duration: .4s;-o-transition-duration: .4s;transition-duration: .4s;}
.indexCaseMain .indexCaseRoll a span{display: block;overflow: hidden;width: 100%;}
.indexCaseMain .indexCaseRoll a span img{display: block;width: 100%;-webkit-transition-duration: .4s;-moz-transition-duration: .4s;-ms-transition-duration: .4s;-o-transition-duration: .4s;transition-duration: .4s;}
.indexCaseMain .indexCaseRoll a em{position: absolute;top: 0;bottom: 0;right: 0;left: 0;display: block;z-index: 1;color: #fff;font-weight: 700;font-size: 30px;line-height: 270px;opacity: 0;-moz-opacity: 0;-webkit-opacity: 0;-webkit-transition-delay: .4s;-moz-transition-delay: .4s;-ms-transition-delay: .4s;-o-transition-delay: .4s;transition-delay: .4s;}
.indexCaseMain .indexCaseRoll a em:before{content: '';height: 1px;background: #fff;width: 0%;position: absolute;bottom: 15%;left: 7.5%;-webkit-transition-duration: .4s;-moz-transition-duration: .4s;-ms-transition-duration: .4s;-o-transition-duration: .4s;transition-duration: .4s;}
.indexCaseMain .indexCaseRoll a em:after{content: '';width: 1px;background: #fff;height: 0%;position: absolute;bottom: 7.5%;left: 15%;-webkit-transition-duration: .4s;-moz-transition-duration: .4s;-ms-transition-duration: .4s;-o-transition-duration: .4s;transition-duration: .4s;}

.indexNews{width: 1300px;margin: auto;display: block;margin-bottom: 50px;-webkit-transition-duration: 1.5s;-moz-transition-duration: 1.5s;-ms-transition-duration: 1.5s;-o-transition-duration: 1.5s;transition-duration: 1.5s;}
.indexNews article{width: 100%;display: block;}
.indexNewsMain{width: 100%;}
.indexNewsMain a{display: block;float: left;width: 30%;margin: 0 1.5%;position: relative;overflow: hidden;-webkit-transition-duration: .4s;-moz-transition-duration: .4s;-ms-transition-duration: .4s;-o-transition-duration: .4s;transition-duration: .4s;}
.indexNewsMain a *{position: relative;display: block;-webkit-transition-duration: .4s;-moz-transition-duration: .4s;-ms-transition-duration: .4s;-o-transition-duration: .4s;transition-duration: .4s;}
.indexNewsMain a dl{position: absolute;top: 0;left: 0;width: 90px;height: 90px;color: #fff;z-index: 9;text-align: center;}
.indexNewsMain a dl dt{background: #000;font-weight: 700;padding-bottom: 10px;}
.indexNewsMain a dl dt strong{font-style: italic;font-size: 30px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding-top: 7px;}
.indexNewsMain a dl dt i{font-weight: 700;}
.indexNewsMain a dl dd{background: #0084fd;line-height: 24px;font-size: 13px;}
.indexNewsMain a span{width: 100%;overflow: hidden;height: 265px;margin-bottom: 30px;}
.indexNewsMain a img{width: 100%;}
.indexNewsMain a em{font-weight: 700;font-size: 18px;margin-bottom: 25px;}
.indexNewsMain a u{font-size: 16px;color: #666666;line-height: 1.5;margin-bottom: 25px;}
.indexNewsMain a button{border: 0;font-size: 16px;color: #2072cb;width: 80px;position: relative;text-align: left;}
.indexNewsMain a button:before{content: '';background: #ea5a25;position: absolute;top: 0;bottom: 0;height: 2px;width: 10px;margin: auto;right: 0;}
.indexNewsMain a button:after{content: '';position: absolute;top: 0;bottom: 0;right: 0;width: 6px;height: 6px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);border-right: 1px solid #ea5a25;border-bottom: 1px solid #ea5a25;margin: auto;right: 0;}

.indexNewsMain a:nth-of-type( 1 ){-webkit-transition-delay: 1s;-moz-transition-delay: 1s;-ms-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;}
.indexNewsMain a:nth-of-type( 2 ){-webkit-transition-delay: 1.2s;-moz-transition-delay: 1.2s;-ms-transition-delay: 1.2s;-o-transition-delay: 1.2s;transition-delay: 1.2s;}
.indexNewsMain a:nth-of-type( 3 ){-webkit-transition-delay: 1.4s;-moz-transition-delay: 1.4s;-ms-transition-delay: 1.4s;-o-transition-delay: 1.4s;transition-delay: 1.4s;}
.indexNewsMain a:nth-of-type( 1 ) em{-webkit-transition-delay: 1.6s;-moz-transition-delay: 1.6s;-ms-transition-delay: 1.6s;-o-transition-delay: 1.6s;transition-delay: 1.6s;}
.indexNewsMain a:nth-of-type( 2 ) em{-webkit-transition-delay: 1.8s;-moz-transition-delay: 1.8s;-ms-transition-delay: 1.8s;-o-transition-delay: 1.8s;transition-delay: 1.8s;}
.indexNewsMain a:nth-of-type( 3 ) em{-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-ms-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s;}
.indexNewsMain a:nth-of-type( 1 ) u{-webkit-transition-delay: 2.2s;-moz-transition-delay: 2.2s;-ms-transition-delay: 2.2s;-o-transition-delay: 2.2s;transition-delay: 2.2s;}
.indexNewsMain a:nth-of-type( 2 ) u{-webkit-transition-delay: 2.4s;-moz-transition-delay: 2.4s;-ms-transition-delay: 2.4s;-o-transition-delay: 2.4s;transition-delay: 2.4s;}
.indexNewsMain a:nth-of-type( 3 ) u{-webkit-transition-delay: 2.6s;-moz-transition-delay: 2.6s;-ms-transition-delay: 2.6s;-o-transition-delay: 2.6s;transition-delay: 2.6s;}
.indexNewsMain a:nth-of-type( 1 ) button{-webkit-transition-delay: 2.8s;-moz-transition-delay: 2.8s;-ms-transition-delay: 2.8s;-o-transition-delay: 2.8s;transition-delay: 2.8s;}
.indexNewsMain a:nth-of-type( 2 ) button{-webkit-transition-delay: 3s;-moz-transition-delay: 3s;-ms-transition-delay: 3s;-o-transition-delay: 3s;transition-delay: 3s;}
.indexNewsMain a:nth-of-type( 3 ) button{-webkit-transition-delay: 3.2s;-moz-transition-delay: 3.2s;-ms-transition-delay: 3.2s;-o-transition-delay: 3.2s;transition-delay: 3.2s;}

/************************PAGE*************************************/
._zy_{margin-top: 30px;padding-bottom: 60px;}
._gsjj{width: 1000px;}
._gsjj h2.ttt{width: 140px;margin: auto;text-align: center;font-size: 34px;margin-bottom: 30px;cursor: default;background: -webkit-gradient(linear, 100% 0, 0 0, from(#0084ff), to(#2c9e3e));background: -webkit-linear-gradient(to right, #0084ff, #2c9e3e);background: -moz-linear-gradient(to right, #0084ff, #2c9e3e);background: -o-linear-gradient(to right, #0084ff, #2c9e3e);background: linear-gradient(to right, #0084ff, #2c9e3e);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
._zy_m{line-height: 2;}