﻿ul, li{padding: 0;margin: 0;}


.Floor000416 .Box1{float: left;width:100%;}
.Floor000416 .Box1 li,
.Floor000416 .Box3 li{width: 100%;height: 232px;padding-left: 6%;box-sizing: border-box; color:#313131; cursor:pointer; position:relative;}

.Floor000416 .Box1 li .bg,
.Floor000416 .Box3 li .bg{ background:rgba(255,255,255,0.6); width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}

.Floor000416 .Box1 li:hover .bg,
.Floor000416 .Box3 li:hover .bg{ opacity:1; transition: all .3s ease-in-out;}

.Floor000416 .Box1 li a,
.Floor000416 .Box1 li h3,
.Floor000416 .Box1 li p,
.Floor000416 .Box3 li a,
.Floor000416 .Box3 li h3,
.Floor000416 .Box3 li p{ position:relative; z-index:10; opacity:0}

.Floor000416 .Box1 li:hover a,
.Floor000416 .Box1 li:hover h3,
.Floor000416 .Box1 li:hover p,
.Floor000416 .Box3 li:hover a,
.Floor000416 .Box3 li:hover h3,
.Floor000416 .Box3 li:hover p{ opacity:1; transition: all .2s;}

.Floor000416 .Box1 li h3{font-size: 20px;color: #31313w1;padding-top: 50px; margin:0;}
.Floor000416 .Box1 li p{width: 52%;color: #313131;border-top:1px dashed #313131 ;margin-top: 12px;padding-top: 12px;}

/*
.Floor000416 .Box1 li:last-child h3{font-size: 20px;color: #313131 !important;padding-top: 50px; margin:0;}
.Floor000416 .Box1 li:last-child p{color: #313131 !important;border-top-color:#313131 !important;}

.Floor000416 .Box3 li:first-child h3{color: #313131 !important;}
.Floor000416 .Box3 li:first-child p{color: #313131 !important;border-top-color:#313131 !important;}*/



.Floor000416 .Box1 li a{width: 89px;height: 26px;line-height: 26px;color: #FFF;display: block;margin-top: 15px;}
.Floor000416 .Box1 li:hover a{background: url(../images/Floor000416-btn_on.png) no-repeat;}
.Floor000416 .Box2{float: left;width:100%;}
.Floor000416 .slideBox2{overflow:hidden; position:relative;height:464px;width: 100%;}
.Floor000416 .slideBox2 .bd{ position:relative; height:100%; z-index:0;}
.Floor000416 .slideBox2 .bd ul{ text-align: center;}
.Floor000416 .slideBox2 .bd li{ zoom:1; vertical-align:middle;text-align: center;margin: 0 auto; }

.Floor000416 .slideBox2 .bd img{ width:100%; height:469px; display:block;margin: 0 auto;}
.Floor000416 .slideBox2 .prev,
.Floor000416 .slideBox2 .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/Floor000416-slider-arrow.png) 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.Floor000416 .slideBox2 .next{ left:auto; right:3%; background-position:-270px 0; }
.Floor000416 .slideBox2 .prev:hover,
.Floor000416 .slideBox2 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.Floor000416 .Box3{float: left;width:100%;}
.Floor000416 .Box3 li{width: 100%;height: 232px;padding-left:48%;box-sizing: border-box;cursor:pointer;}
.Floor000416 .Box3 li h3{font-size: 20px;color: #313131;padding-top: 50px; margin:0;}
.Floor000416 .Box3 li p{width: 100%;color: #313131;border-top:1px dashed #313131 ;margin-top: 12px;padding-top: 12px;}
.Floor000416 .Box3 li a{width: 89px;height: 26px;line-height: 26px;color: #FFF;display: block;margin-top: 15px;}
.Floor000416 .Box3 ul li:hover a{background: url(../images/Floor000416-btn_on.png) no-repeat;}
/*
 .Floor001704 为demo编号
 */
.Floor001704{ padding:2% 0; background:url(../images/Floor001704-bg.jpg) no-repeat center bottom; background-size:100% 100%;}
.Floor001704 .title{ text-align:center;  background:url(../images/Floor001704-title_icon.png) no-repeat center top; padding-top:25px; overflow:hidden; padding-bottom:5%;}
.Floor001704 .title figure{ position:relative;color:#000;display:inline-block; font-size:30px; font-family:'黑体';}
.Floor001704 .title figure span{ display:block; color:#b1e786; text-transform:uppercase; font-size:35px; font-family:"Courier New", Helvetica, Arial, sans-serif;}
.Floor001704 .title figure::before,
.Floor001704 .title figure::after{ position:absolute; content:''; height:1px; width:150%; bottom:30%;
background: rgb(232,229,226); 
background: -moz-linear-gradient(left,  rgba(232,229,226,1) 0%, rgba(222,222,222,1) 100%); 
background: -webkit-linear-gradient(left,  rgba(232,229,226,1) 0%,rgba(222,222,222,1) 100%); 
background: linear-gradient(to right,  rgba(232,229,226,1) 0%,rgba(222,222,222,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e5e2', endColorstr='#dedede',GradientType=1 ); 
}
.Floor001704 .title figure::before{ left:0; transform:translateX(-105%);}
.Floor001704 .title figure::after{ right:0; transform:translateX(105%) rotate(180deg);}

.Floor001704 li{ float:left; width:21.2%; margin-right:5%;}
.Floor001704 li:last-child{ margin-right:0;}
.Floor001704 li figure{ padding:0 9.5%;}
.Floor001704 li a{ display:block;}
.Floor001704 li img{ border-radius:50%; display:block; width:100%;}
.Floor001704 li h3{ color:#0267b7; text-align:center; font-size:20px;}
.Floor001704 li p{ font-size:12px; line-height:20px; color:#333; height:60px; overflow:hidden;}

@media(min-width:768px){
   .Floor000416 .Box1{width:33.33%;}
   .Floor000416 .Box2{width:33.33%;}
   .Floor000416 .Box3{width:33.33%;}
   .Floor000416 .Box1 li p{width: 62%;}
   
   .Floor000416 .Box1 li .bg, .Floor000416 .Box3 li .bg{ margin-bottom:20px;}
   
   
}
@media(min-width:1200px){
   .Floor000416 .Box1{float: left;width:auto;}
   .Floor000416 .Box1 li{width: 407px;height: 232px;padding-left: 42px;box-sizing: border-box; cursor:pointer;} 
   .Floor000416 .Box1 li p{color: #313131;border-top:1px dashed #313131 ;margin-top: 12px;padding-top: 12px; line-height:28px;}
   .Floor000416 .Box2{width:auto;}
   .Floor000416 .slideBox2 .bd img{ width:350px; height:469px; display:block;margin: 0 auto;}
   .Floor000416 .slideBox2{overflow:hidden; position:relative;height:464px;width: 350px;}
   .Floor000416 .Box3 li{width: 407px;height: 232px;padding-left: 50px;box-sizing: border-box;cursor:pointer;}
   .Floor000416 .Box3 li h3{font-size: 20px;color: #313131;padding-top: 50px; margin:0;}
   .Floor000416 .Box3 li p{width: 273px;color: #313131;border-top:1px dashed #313131 ;margin-top: 12px;padding-top: 12px;}
}








