.flexslider {
   position:relative;
   height:100%;
   overflow:hidden; 
   width:100%;
}
.flex-viewport{
	height:100%;
}
.slides {
   position:relative;
   z-index:1;
   height:100%;
}
.slides li {
   height:100%; 
   width:100%;
   background-size:cover;
}
.flex-control-nav {
   position:absolute;
   bottom:10px;
   z-index:2;
   width:100%;
   text-align:center;
}
.flex-control-nav li {
   display:inline-block;
   width:16px;
   height:16px;
   margin:0 15px 0 0;
   *display:inline;
   zoom:1;
}
.flex-control-nav a {
   display:inline-block;
   width:12px;
   height:12px;
   line-height:40px;
   overflow:hidden;
   background:url("../images/dot1.png") no-repeat;
   cursor:pointer;
}
.flex-control-nav .flex-active {
   background:url("../images/dot2.png") no-repeat;
}
.s_p{
   height: 310px;
   padding-top:15px;
   font-size:0;
}
.s_p p{
   line-height: 110px;
   font-size: 20px;
   color: #202020;
}
.s_p p .span1{
   margin-right: 10px;
   font-weight: bold;
}
.s_p p .span2{
   color: #999;
   padding-left: 10px;
   border-left: 1px solid #999;
}
.s_p ul{
   padding-left: 13px;
}
.s_p ul li{
   height: 294px;
   width:32%;
   display: inline-block;
   font-size: 18px;
   margin: 0 0.5%;
   overflow: hidden;
   position: relative;
}
.s_p ul li a{
    display: block;
    width: 100%;
    height: 100%; 
	background:#000;
}
.s_p ul .li1 .div1{
   width: 100%;
   height: 100%;
   background: url(../images/s_p1.jpg) no-repeat center;
   background-size:cover !important;
   box-shadow: -5px 5px 5px #e3e3e3;
   -moz-transition: all 0.4s ease-in;
   -webkit-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;
   opacity:0.75;
}
.s_p ul .li1 .div1:hover{
   -webkit-transform: scale(1.2);     
   -moz-transform: scale(1.2);       
   -ms-transform: scale(1.2);        
   -o-transform: scale(1.2);    
   -moz-transition: all 0.4s ease-in;
   -webkit-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;   
}
.s_p ul .li2 .div1{
   width: 100%;
   height: 100%;
   background: url(../images/s_p2.jpg) no-repeat center;
   background-size:cover !important;
   box-shadow: -5px 5px 5px #e3e3e3;
   -moz-transition: all 0.4s ease-in;
   -webkit-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;   
   opacity:0.75;
}
.s_p ul .li2 .div1:hover{
   -webkit-transform: scale(1.2);     
   -moz-transform: scale(1.2);       
   -ms-transform: scale(1.2);        
   -o-transform: scale(1.2);  
   -moz-transition: all 0.4s ease-in;
   -webkit-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;          
}
.s_p ul .li3 .div1{
   width: 100%;
   height: 100%;
   background: url(../images/z2.jpg) no-repeat center;
   background-size:cover !important;
   box-shadow: -5px 5px 5px #e3e3e3;
   -moz-transition: all 0.2s ease-in;
   -moz-transition: all 0.4s ease-in;
   -webkit-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;   
   opacity:0.75;
}
.s_p ul .li3 .p1{
   color: #fff;
}
.s_p ul .li3 .div1:hover{
   -webkit-transform: scale(1.2);     
   -moz-transform: scale(1.2);       
   -ms-transform: scale(1.2);        
   -o-transform: scale(1.2);  
   -moz-transition: all 0.4s ease-in;
   -webkit-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;     
}
.s_p ul li .font{
   position: absolute;
   top: 50%;
   left: 30px;
   margin-top: -24px;
}
.s_p ul li .p1{
   color: #fff;
   font-weight: bold;
   font-size: 25px;
   line-height: 24px;
}
.s_p ul li .p2{
   color: #fff;
   font-size: 14px;
   line-height: 24px;
}
.turncolor{
   border-bottom: 1px solid #eee;
}
.turncolor li{
   width: 295px;
   float: left;
   background: url(../images/sb_tt1.png) right no-repeat;
   background-position-x: 233px;
   -moz-transition:  0.2s ;
   -webkit-transition:  0.2s ;
   -o-transition:  0.2s ;
   -ms-transition:  0.2s ;
}

.sb_gg{
   background: #f5f5f5;
}
.turncolor li a{
   display: block;
}
.turncolor li div{
   -moz-transition:  0.2s ;
   -webkit-transition:  0.2s ;
   -o-transition:  0.2s ;
   -ms-transition:  0.2s ;
   transition:  0.2s ;
   padding-left: 100px;
   height: 100%;
}
.turncolor li:hover,
.turncolor li.active{
   background: url(../images/sb_tt2.png) right no-repeat #00b4ff;
   background-position-x: 233px;
}
.turncolor li:hover p,
.turncolor li.active p{
   color: #fff;
}
.turncolor li div.bg1{
   background: url(../images/turncolor1.png) no-repeat left;
   background-position-x: 40px;
}
.turncolor li:hover div.bg1,
.turncolor li.active div.bg1{
   background: url(../images/turncolor1_1.png) no-repeat left;
   background-position-x: 40px;
}
.turncolor li div.bg2{
   background: url(../images/turncolor2.png) no-repeat left;
   background-position-x: 40px;
}
.turncolor li:hover div.bg2,
.turncolor li.active div.bg2{
   background: url(../images/turncolor2_2.png) no-repeat left;
   background-position-x: 40px;
}
.turncolor li div.bg3{
   background: url(../images/turncolor3.png) no-repeat left;
   background-position-x: 40px;
}
.turncolor li:hover div.bg3,
.turncolor li.active div.bg3{
   background: url(../images/turncolor3_3.png) no-repeat left;
   background-position-x: 40px;
}
.turncolor li div.bg4{
   background: url(../images/turncolor4.png) no-repeat left;
   background-position-x: 40px;
}
.turncolor li:hover div.bg4,
.turncolor li.active div.bg4{
   background: url(../images/turncolor4_4.png) no-repeat left;
   background-position-x: 40px;
}
.turncolor li .p1{
   color: #212121;
   font-weight: bold;
   padding-top: 38px;
}
.turncolor li .p2{
   color: #999;
   font-size: 12px;
   margin-bottom: 35px;
}
.three_new{
   margin: 40px 0;
   display: none;
}
.three_new li{
   width: 381px;
   margin-left: 18px;
   float: left;
}
.three_new li .p1{
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   font-weight: bold;
   font-size: 16px;
   color: #333;
   line-height: 40px;
}
.three_new li .p2{
   color: #999;
   font-size: 12px;
   line-height: 24px;
}
.three_new li div.clear{
   line-height: 30px;
   margin-top: 10px;
   font-size: 12px;
}
.three_new li div.clear p.fl{

}
.three_new li div.clear p.fl img{
   margin-top: 10px;
   margin-left: 7px;
}


.three_new li div.clear p.fr{
   line-height: 30px;
}
.three_new li div.clear p.fr span{
   margin-right: 7px;
}
.three_new li div.clear p.fr .turnright{
   width: 12px;
   height: 12px;
   display: inline-block;
   background: url(../images/turnright.png) no-repeat center;
   margin-top: 8px;
}
.bigimg{
   width: 381px;
   height: 267px;
   overflow: hidden;
}
.bigimg:hover img{
   -webkit-transform: scale(1.1);     
   -moz-transform: scale(1.1);        
   -ms-transform: scale(1.1);         
   -o-transform: scale(1.1);          
}
.bigimg img{
   -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s ;
}
.three_new li a{
   display: block;
   height: 100%;
}