@charset "gb2312";
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; } 
img{display: block;}
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0;}
 select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; }
table { border-collapse:collapse; }
body {font-size:12px; color:#333;background:#c8f5f8;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }
a { color:#333; text-decoration:none; }
a:hover { color:#666; text-decoration:none; }
body,html{overflow-x:hidden;}

/*banner*/
.cuxiao{width: 1920px;position:relative;left: 50%;margin-left: -960px;top:0;/* height:11000px;*/}
.cuxiao .pro_rel{ display:block; height:200px; position:relative;}
.big_box{position:relative; padding-top:110px; background:url(../images/case_bg.jpg) repeat-y; padding-bottom:40px;}
.bm_an{ width:256px; height:50px; position:absolute; top:20px; left:1020px; cursor:pointer}


.img1{width:859px; height:467px; position:absolute; top: -250px; left:50%; margin-left:-429px; z-index:6;filter:alpha(opacity=0); -moz-opacity:0.0; opacity: 0.0;}
.img2{width:156px; height:151px; position:absolute; top:-250px; left:560px; z-index:5;filter:alpha(opacity=0); -moz-opacity:0.0; opacity: 0.0;}
.img3{width:139px; height:294px; position:absolute; top:-250px; right:550px;  z-index:5;filter:alpha(opacity=0); -moz-opacity:0.0; opacity: 0.0;}

.focuts_box{width:930px; top:220px; left:50%; margin-left:-465px; position:absolute;}
.focuts_box  img{ display:block; margin:0 auto;}
.focuts_box .focuts{ background:url(../images/hx.png) no-repeat center bottom; position:relative; width:100%; height:500px; margin-top:120px;}
.focuts_box .focuts li{ position:absolute; width:202px; height:202px; cursor:pointer;}
.h1_img{ top:80px; left:0px} 
.h2_img{ top:390px; left:180px} 
.h3_img{ top:390px; right:180px} 
.h4_img{ top:80px; right:0px}
.nr_y{ background:url(../images/y1.png) no-repeat; height:252px; padding-top:130px; width:382px; position:absolute; top:-20px; left:50%; margin-left:-191px;}
.nr_y .t{color:#fa6b54; font-size:30px; text-align: center; line-height:62px; font-family:'΢ÈíÑźÚ';}
.nr_y .nr{color:#151515; line-height:28px; text-align:center; padding-top:30px; font-size:16px;}		
.focuts .on {
    -webkit-animation: moveLeft 0.5s forwards;
    -moz-animation: moveLeft 0.5s forwards;
    -ms-animation: moveLeft 0.5s forwards;
    -o-animation: moveLeft 0.5s forwards;
    animation: moveLeft 0.5s forwards;
}

.focuts .off {
    -webkit-animation: moveRight 0.5s forwards;
    -moz-animation: moveRight 0.5s forwards;
    -ms-animation: moveRight 0.5s forwards;
    -o-animation: moveRight 0.5s forwards;
    animation: moveRight 0.5s forwards;
}

@-webkit-keyframes moveRight {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)

    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes moveRight {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)

    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-o-keyframes moveRight {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)

    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-ms-keyframes moveRight {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)

    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes moveRight {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)

    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes moveLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)

    }
    100% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@-moz-keyframes moveLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)

    }
    100% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@-o-keyframes moveLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)

    }
    100% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes moveLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)

    }
    100% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@-ms-keyframes moveLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)

    }
    100% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}
		 		
a.com_a{position:absolute; display:block; background:#fff;filter:alpha(opacity=0); -moz-opacity:0.0; opacity: 0.0; z-index:2; height: 480px; width: 600px;}
a.com_t{position:absolute; display:block; background:#fff;filter:alpha(opacity=0); -moz-opacity:0.0; opacity: 0.0; z-index:2; height: 220px; width: 300px;}
a.com_s{position:absolute; display:block; background:#fff;filter:alpha(opacity=0); -moz-opacity:0.0; opacity: 0.0; z-index:2; height: 170px; width: 230px;}

.case{ width:1440px; margin:0 auto; position:relative;}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-3deg);
        transform: rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-3deg);
        transform: rotate3d(0,0,1,-3deg)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-3deg);
        transform: rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-3deg);
        transform: rotate3d(0,0,1,-3deg)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}


.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
	transform-origin: top center;
    -webkit-animation: swing 5s linear 2s infinite ;
    -ms-animation: swing 5s linear 2s infinite;
    -moz-animation: swing 5s linear 2s infinite;
    -o-animation: swing 5s linear 2s infinite;
    animation:swing 5s linear 2s infinite;
    -webkit-animation-fill-mode:forwards;
}
.tab{ position:relative; height:850px;}
.tab_box{ height:460px; width:830px; margin:0 auto;}
.tits_ul{ position:absolute; top:40px;  width:130px; left:50%; margin-left:400px; z-index:5;}
.tits_ul li{ float:left;  cursor:pointer;  width:93px; height:68px; padding-top:22px; padding-left:10px; text-align:center; margin-bottom:20px; color:#333333; font-size:16px; line-height:40px; text-align:center;background:url(../images/dot.png) no-repeat;background-position:left -110px ;}
.tits_ul li i{ background:url(../images/pt_1_on.png) no-repeat;width:100%; height:100%; display:block;}
.tits_ul li.on{background-position:left 0px ; }
.tits_ul li.on i{ background:url(../images/pt_1.png) no-repeat;}
.tits_ul li i.one{background-position:center 0px ;}
.tits_ul li i.two{background-position: center -107px ;}

.add2 li i{ background:url(../images/pt_2_on.png) no-repeat;width:100%; height:100%; display:block;}
.add2 li.on{background-position:left 0px ; }
.add2 li.on i{ background:url(../images/pt_2.png) no-repeat;}
.add2 li i.one{background-position:center 0px ;}
.add2 li i.two{background-position: center -107px ;}


.add3 li i{ background:url(../images/pt_3_on.png) no-repeat;width:100%; height:100%; display:block;}
.add3 li.on{background-position:left 0px ; }
.add3 li.on i{ background:url(../images/pt_3.png) no-repeat;}
.add3 li i.one{background-position:center 0px ;}
.add3 li i.two{background-position: center -107px ;}


.add4 li i{ background:url(../images/pt_4_on.png) no-repeat;width:100%; height:100%; display:block;}
.add4 li.on{background-position:left 0px ; }
.add4 li.on i{ background:url(../images/pt_4.png) no-repeat;}
.add4 li i.one{background-position:center 0px ;}
.add4 li i.two{background-position: center -107px ;}




.imgs_box{ width:964px; height:568px; margin:0 auto; position:absolute; top:40px; left:50%; margin-left:-467px;}
.imgs_box li{ display:none; text-align:center; display:none; height:568px; margin:0 auto; }
.pro2{ position: absolute; top:150px; right:-30px; z-index:0;}
.pro3{ position: absolute; top:100px; right:-70px; z-index:0;}
.case_top{width:1150px; margin:0 auto; padding:100px 0 50px 0; position:relative;}
.day{position:absolute; top: 65px; left: 275px;z-index: 2;}
.case_top  .fl_li{float:left; position:relative; padding-top:75px; z-index:2;}
.fr{ float:right;}
.bot_p{position:relative; height:235px; width:932px; margin:0 auto;}
.bot_p li{ float:left; margin-right:40px;}
.bot_p li p{ color:#151515; font-size:16px; text-align:left; line-height:20px; padding-top:8px; font-family:'΢ÈíÑźÚ';}
.local{position:absolute; bottom: 53px; right: -123px;}
.case1{ margin-top:100px;}