.svBanner{height:400px;overflow:hidden;background:#030724 url(../images/banner03.jpg) no-repeat 50% 50%;}
.svMain{width:1200px;margin:0 auto; overflow:hidden;perspective:600px; -webkit-perspective:600px;}


/*artSlv*/
.trans,.svTit01,.svTit02,.proCon .imgItem,.svTit03,.svCon .svinfo,.svCon .svItem li,.cusTit,.cusCon,.cmtTit{ transition-duration:1s; -webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; -ms-transition-duration:1s;}
.artSlv{padding:36px 0 0;background:#fff;}
.proList{padding:0 0 50px;}
.svTit01,.svTit02{ height:60px;text-align:center; transform:translateX(1999px); -webkit-transform:translateX(1999px); -moz-transform:translateX(1999px); -ms-transform:translateX(1999px); -o-transform:translateX(1999px);}
.svTit03{height:50px;text-align:left; transform:translateX(1999px); -webkit-transform:translateX(1999px); -moz-transform:translateX(1999px); -ms-transform:translateX(1999px); -o-transform:translateX(1999px);}
.artcn{ transform:rotateX(180deg) scale(.5); -webkit-transform:rotateX(180deg) scale(.5); transition-duration:.5s; -webkit-transition-duration:.5s; height:200px; opacity:0; font-size:14px;color:#333;line-height:24px;padding:46px 95px 0 50px;}
.proCon{padding:76px 0 0;overflow:hidden;zoom:1;perspective:600px; -webkit-perspective:600px;}
.proCon a{color:#333;text-decoration:none;}
.proCon a:hover{color:#ff0000;text-decoration:underline;}
.proCon .imgItem{ transform:rotateX(180deg) scale(.5); -webkit-transform:rotateX(180deg) scale(.5); opacity:0; overflow:hidden;zoom:1; margin:0 0 30px; padding:5px; border-radius:5px;}
.proCon .imgItem img{transition: all 0.5s; -webkit-transition: all 0.5s;width:85px;height:70px;overflow:hidden;float:left;}
.proCon .imgItem:hover{ box-shadow:0 0 10px #0b7600;}
.proCon .imgItem .imgif{margin:0 0 0 100px;color:#333;}
.proCon .imgItem .imgif h3{font-size:15px;line-height:22px;font-weight:normal;}
.proCon .imgItem .imgif p{line-height:22px;font-size:13px;}

.proCon .itemLft{width:500px;float:left; padding-left:10px;perspective:600px; -webkit-perspective:600px;}
.proCon .itemRgt{float:right; width:550px; padding-right:10px; perspective:600px; -webkit-perspective:600px;}
.proCon .itemRgt .imgItem{margin:0 0 10px;}

/*item*/
.item01,.item02,.item03,.item04,.item05,.item06,.item07,.item08{background:url(../images/itembg.png) no-repeat;}
.item02{background-position:0 -64px;}
.item03{background-position:0 -128px;}
.item04{background-position:0 -194px;}
.item05{background-position:0 -260px;}
.item06{background-position:0 -320px;}
.item07{background-position:0 -386px;}
.item08{background-position:0 -456px;}

/*svCon*/
.svCon{background:#f5f5f5;padding:18px 0 75px;}
.svCon .svinfo{padding:10px 15px 30px;font-size:15px;font-family:"SimSun";line-height:24px;color:#333;}
.svCon .svinfo{transform:rotateX(180deg) scale(.5); -webkit-transform:rotateX(180deg) scale(.5); transition-duration:.5s; -webkit-transition-duration:.5s; opacity:0;}
.svCon .svinfo p{font-size:15px;font-family:"SimSun";line-height:24px;color:#333;}
.svCon .svItem{width:1170px;height:260px;overflow:hidden;margin:0 auto;}
.svCon .svItem .itemWrp{width:1200px;overflow:hidden;}
.svCon .svItem li{ transform:translateY(-500px); -webkit-transform:translateY(-500px); opacity:0; width:280px;height:114px;float:left;margin:0 16px 32px 0;}
.svCon .svItem li .wrp{height:110px;background:#fff;border:2px #ececec solid;overflow:hidden;cursor:pointer;}
.svCon .svItem li .wrp em{width:64px;height:64px;overflow:hidden;float:left;margin:26px 0 0 5px;}
.svCon .svItem li .wrp span{display:block;margin:0 0 0 80px;padding:14px 15px 0 0;}
.svCon .svItem li .wrp span h3{font-size:18px;color:#333;line-height:24px;font-weight:normal;margin:0 0 10px;}
.svCon .svItem li .wrp span i{font-style:normal;line-height:20px;font-size:13px;color:#333;}


.wrp:hover img{
-webkit-animation:doudong1 1s  ease-in-out;
    -o-animation:doudong1 1s  ease-in-out;
    animation:doudong1 1s  ease-in-out;
}
@keyframes doudong1{
    0%{
        -webkit-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
    50%{

        -webkit-transform:rotateY(90deg);
        -ms-transform:rotateY(90deg);
        -o-transform:rotateY(90deg);
        transform:rotateY(90deg);
    }
    100%{
        -webkit-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
}
@-webkit-keyframes doudong1{
    0%{
        -webkit-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
    50%{

        -webkit-transform:rotateY(90deg);
        -ms-transform:rotateY(90deg);
        -o-transform:rotateY(90deg);
        transform:rotateY(90deg);
    }
    100%{
        -webkit-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
}
@-moz-keyframes doudong1{
    0%{
        -webkit-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
    50%{

        -webkit-transform:rotateY(90deg);
        -ms-transform:rotateY(90deg);
        -o-transform:rotateY(90deg);
        transform:rotateY(90deg);
    }
    100%{
        -webkit-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
}
@-o-keyframes doudong1{
    0%{
        -webkit-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
    50%{

        -webkit-transform:rotateY(90deg);
        -ms-transform:rotateY(90deg);
        -o-transform:rotateY(90deg);
        transform:rotateY(90deg);
    }
    100%{
        -webkit-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
-ms-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}

/*cusItem*/
.cusItem{padding:38px 0 50px;}
.cusItem .cusTit{height:50px;text-align:left; transform:translateX(1999px); -webkit-transform:translateX(1999px);}
.cusItem .cusCon{width:1200px;overflow:hidden; transform:scale(2) rotateX(90deg) translateY(100px); -webkit-transform:scale(2) rotateX(90deg) translateY(100px); opacity:0;}
.cusItem .cusCon ul{width:1300px;padding:58px 0 0;overflow:auto;zoom:1;}
.cusItem .cusCon li{height:110px;overflow:hidden;float:left;margin:0 50px 40px 0;}
.cusItem .cusCon li img,.brand .img-list li img{transition: all 0.5s; -webkit-transition: all 0.5s; }
.cusItem .cusCon li img:hover,.brand .img-list li img:hover{ transform: scale(1.2) ;-ms-transform: scale(1.2) ;-webkit-transform: scale(1.2) ;-o-transform: scale(1.2) ;-moz-transform: scale(1.2) ; opacity:.7;}

.cusWrp{padding:30px 0 0;}
.cmtTit{height:50px;overflow:hidden;text-align:left; }
.cusComment{padding:25px 0 30px; overflow:hidden; zoom:1;}
.cusComment h3{height:24px;line-height:24px;overflow:hidden;font-size:14px;font-weight:bold;color:#333;margin:0 0 10px;}
.cusComment p{font-size:13px;line-height:22px;color:#333;}
.cusComment .cusLft{ width:535px;float:left;transition: all 0.5s; -webkit-transition: all 0.5s; }
.cusComment .cusLft img{width:260px;height:185px;overflow:hidden;float:left;}
.cusComment .cusLft .rsnews{margin:0 0 0 290px;padding:10px 0 0;}
.cusComment .cusRgt{ margin:0 0 0 580px; padding:10px 50px 0 0;transition: all 0.5s; -webkit-transition: all 0.5s; opacity:0; }

.brand .content{ padding-top:20px; }
.brand .img-list{ overflow:hidden; }
.brand .img-list ul{ float:left; width:1305px;}
.brand .img-list li{ float:left; width:325px; margin-right:110px; color:#666666; -webkit-transition: all 0.5s;}
.brand .see{ height:20px;}
.brand .see span{ display:block; width:70px; height:20px; line-height:20px; color:#ffffff; background:#ff0900; text-align:center;}
.brand .img{ width:325px; height:100px; margin-bottom:5px; overflow:hidden; }
.brand li p{ line-height:22px;}
.brand li .aside{ text-align:right; color:#da251e;}
.brand .logo-list{ float:left; width:99999em; overflow:hidden; }
.brand .logo-list li .pic{ height:120px; }