body{
   font-family: "Microsoft Yahei";
}

.header{
   width:100%;
   height:100px;
}

.header .logo{
   position:absolute;
   left:80px;
   top:10px;
}

.header ul{
   position:absolute;
   right:20px;
   top:10px;
   list-style:none;
}

.header ul li{
   float:left;
   width:100px;
   text-align: center;
   color:#838388;
   cursor: pointer;
}

.header ul li a{
   color:#838388;
   cursor: pointer;
   text-decoration: none;
}

.header ul li.active a{
   color:#ffffff;
   cursor: pointer;
}

.header ul li:hover{
   color:#FFFFFF;
}

.footer{
   position:absolute;
   width:100%;
   height:40px;
   bottom:30px;
   text-align: center;
   color:#FFFFFF;
}

.section {
   text-align: center; 
   font: 50px "Microsoft Yahei"; 
   color: #fff;
}

.page1{
   background-image: url('../images/p1.jpg');
   background-repeat: no-repeat;
    background-size: 100% 100%;
}

.page3{
   background-image: url('../images/p3.jpg');
   background-repeat: no-repeat;
    background-size: 100% 100%;
}


.page2-slide1{
   background-repeat: no-repeat;
   width:100%;
   height:100%;
   background-size: 100% 100%;
}
.page2-slide2{
   background-image: url('../images/s2.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
   width:100%;
   height:100%;
}
.page2-slide3{
   background-repeat: no-repeat;
   width:100%;
   height:100%;

}
.page2-slide4{
   background-image: url('../images/s4.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
   width:100%;
   height:100%;

}
.page2-slide5{
   background-repeat: no-repeat;
   width:100%;
   height:100%;
}

.page2-title{
   position:absolute;
   bottom:200px;
   width: 100%;
   text-align: center;
}

.nv{
   position:absolute;
   bottom:100px;
   width: 100px;
   text-align: center;
   left:50%;
   margin-left:-50px;
}

.nv ul{
   list-style: none;
   width:100px;
   height: 10px;
   margin: 0;
   padding:0;
}

.nv ul li{
   float:left;
   width:6px;
   height:6px;
   border: 1px solid #ccc;
   border-radius: 3px;
   margin-right:10px;
   cursor:pointer;
}

.nv ul li.select{
   background: #fff;
}

.page5{
   background-image: url('../images/p5.jpg');
   background-repeat: no-repeat;
   background-size: 100% 100%;
}

.case-panel{
   width:900px;
   height:240px;
   margin: 0 auto;
}

.case-panel ul li{
   list-style-type:none; 
   float:left;
   padding-left:10px;

}

.case-panel ul li img{
   width:180px;
}

.blur {	
    filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
    
    -webkit-filter: blur(5px); /* Chrome, Opera */
       -moz-filter: blur(5px);
        -ms-filter: blur(5px);    
            filter: blur(5px);
    
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false); /* IE6~IE9 */
}

.show{
    display: block;
}

.hide{
    display: none;
}

.right-slide{
    width:340px;
    top:0px;
    height:100%;
    right:0px;
    position:absolute;
    background: url("../images/sbg.png");
    z-index:10;
}

.right-slide ul{
    list-style: none;
    height:200px;
    margin-top:376px;
}

.right-slide ul li{
   font-size: 14px;
   color:#888;
   margin-top:15px;
   text-align: left;
   cursor: pointer;
}

.right-slide ul li a{
   color:#888;
   text-decoration: none;
}

.right-slide ul li:hover{
   margin-left:-5px;
}

.right-slide ul li:hover a{
   color:#fff;
}

.right-slide ul li.select a{
   color:#fff;
}

.right-slide ul li:hover{
   color:#fff;
}

.fp-controlArrow.fp-prev {
    left: 150px !important;
    background: url("../images/left.png")
}

.fp-controlArrow.fp-next {
    right: 150px !important;
}

.left-part {
    width:60%;
    float:left;
}

.right-part {
    width:40%;
    float:left;
}

.right-part .contact{
    width:425px;
    height:220px;
}

.right-part .contact .title{
    font-size: 32px;
    float: left;
    width: 80px;
    top: 50%;
    position: relative;
    margin-top: -42px;
}

.right-part .contact .detail{
    width:217px;
    height:212px;
    border: 4px solid #fff;
    float:left;
    margin-left:20px;
}

.right-part .contact .detail ul{
    list-style: none;
    margin-left:10px;
    margin-top:25px;
    padding: 0px;
}

.right-part .contact .detail ul li{
    font-size: 16px;
    text-align: left;
    line-height: 26px;
}

.blur {	
    filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
    -webkit-filter: blur(5px); /* Chrome, Opera */
       -moz-filter: blur(5px);
        -ms-filter: blur(5px);    
            filter: blur(5px);
    
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false); /* IE6~IE9 */
}

.bgb {	
    width:100%;
    height:100%;
    background-image: url('../images/p1.jpg');
    position:absolute;
    top:0;
    left:0;
    opacity: .8;
}

/*首页banner*/
@keyframes scal{
	from{-webkit-transform: scale(1,1);}
	to{-webkit-transform: scale(1.2,1.2);}
}
@-webkit-keyframes scal{
	from{-webkit-transform: scale(1,1);}
	to{-webkit-transform: scale(1.2,1.2);}
}

.banner_in{
    position:absolute;
    top:0;
    left:0;
	width: 100%;
	min-height: 480px;
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	animation:scal 8s ease infinite alternate ;
	-webkit-animation:scal 8s ease infinite alternate ;
}

.case-title{
   font-size: 36px;
   line-height: 40px;
   border-bottom: 2px solid #fff;
   width:200px;
   height:50px;
   margin:0 auto;
}

#cases{
    width:70%;
    height:740px;
    background: #fff;
    margin:0 auto;
    margin-top:120px;
    position: relative;
    z-index:100;
    padding-top:30px;
}

#cases-bg{
    width:100%;
    height:100%;
    position: absolute;
    top:0px;
    background: #000;
    opacity: 0.6;
}

#cases .content{
    width:100%;
    background: #fff;
    margin:0 auto;
    height:680px;
    overflow-x:hidden;
    overflow-y:auto;

}

#cases .content .title{
    width:100%;
    height:70px;
    line-height: 70px;
    font-size: 24px;
    border-bottom: 1px solid #ccc;
}

#cases .content .desc{
    width:100%;
}

#cases .content .desc table{
    border: 0;
}
#cases .content .images ul{
    padding:0px;
}
#cases .content .images ul li{
    list-style-type: none;
    float:left;
    width:25%;
}

#cases .toolbar{
    width:64px;
    float:left;
    height:320px;
}

#cases .toolbar ul{
   width:100%;
   height:100%;
   list-style: none;
       margin: 0;
    margin-left: 25px;
}

#cases .toolbar ul li{
    width:64px;
    height:64px;
    background: #242424;
}

#cases .toolbar ul li:hover{
    background: #2a419f;
}

#menu-panel{
    position: absolute;
    right:60px;
    top:60px;
}
#menu-drop{
    width:100px;
    height:150px;
}
.menu-close{
    position:absolute;
    right:30px;
    top:40px;
    cursor:pointer;
    width: 42px;
    height:42px;
}

@-moz-keyframes rotate{
    0%{
       -moz-transform:rotate(0deg);
    }
    100%{
       -moz-transform:rotate(90deg);
    }
}
@-webkit-keyframes rotate{
    0%{
        -webkit-transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(90deg);
    }
}
@keyframes rotate{
    0%{
       transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(90deg);
    }
}

.menu-close:hover{
    animation: rotate 0.4s;
    -webkit-animation: rotate 0.4s;
}