.banner{
position: relative
}
.ba{
width:100%;
position: absolute;
bottom:0;
}
.banner_top{
margin:0 auto;
width:1200px;
}
.banner p{
color:#fff;
font-size: 42px;
float: left;
margin-bottom:50px;
}
.pro{
margin-top:85px;
width:100%;
}
.pro_box{
width:1200px;
margin:0 auto;
}
.pro_but a{
margin-right:15px;
display: inline-block;
line-height: 43px;
color:#4d4d4d;
font-size: 14px;
padding:0 30px;
border-radius: 5px;
border:1px solid #7d7d7d;
}
.pave_next{
width:1150px;
margin:0 auto;
}
.news_pave{
float: left;
font-size: 14px;
color:#7d7d7d;
display: inline-block;
}
.news_pave span:hover{
color:#c8000a;
}
.news_next span:hover{
color:#c8000a;
}
.news_next{
float: right;
font-size: 14px;
color:#7d7d7d;
display: inline-block;
}
.pave_next{
margin-top:70px;
}
.but{
float: right;
}
.but div{
float: left;
margin-top:50px;
}
.but div:nth-child(1) a{
font-size: 14px;
color:#fff;
background-color: #c8000a;
line-height: 60px;
display: inline-block;
width:100px;
text-align: center;
margin-right:1px;
}
.but div:nth-child(2) a{
font-size: 14px;
color:#fff;
background-color: #c8000a;
line-height: 60px;
display: inline-block;
width:100px;
text-align: center;
margin-right:1px;
}
.but div:nth-child(3) img{
margin-top:15px;
}
.but div:nth-child(3){
line-height: 41px;
background-color: #fff;
width:60px;
text-align: center;
cursor: pointer;
-webkit-transition: all 1.5s ease 0s;
-moz-transition: all 1.5s ease 0s;
-ms-transition: all 1.5s ease 0s;
-o-transition: all 1.5s ease 0s;
transition: all 1.5s ease 0s;
}
.but div:nth-child(3):hover{
background-color: #eaeaea;
-webkit-transition: all 1.5s ease 0s;
-moz-transition: all 1.5s ease 0s;
-ms-transition: all 1.5s ease 0s;
-o-transition: all 1.5s ease 0s;
transition: all 1.5s ease 0s;
}
.but div:nth-child(4):hover{
background-color: #eaeaea;
-webkit-transition: all 1.5s ease 0s;
-moz-transition: all 1.5s ease 0s;
-ms-transition: all 1.5s ease 0s;
-o-transition: all 1.5s ease 0s;
transition: all 1.5s ease 0s;
}
.but div:nth-child(4) img{
margin-top:15px;
}
.but div:nth-child(4){
-webkit-transition: all 1.5s ease 0s;
-moz-transition: all 1.5s ease 0s;
-ms-transition: all 1.5s ease 0s;
-o-transition: all 1.5s ease 0s;
transition: all 1.5s ease 0s;
line-height: 41px;
background-color: #fff;
width:60px;
text-align: center;
cursor: pointer
}
.pro_but a:hover{
border:1px solid #c8000a;
color:#c8000a;
}
.pro_but{
margin-top:45px;
}
.pro_jj{
width:380px;
}
.pro_jj p:first-child{
font-size: 16px;
margin-top:65px;
color:#c8000a;
font-weight: bold;
}
.pro_jj p:nth-child(2){
font-size: 14px;
margin-top:25px;
line-height: 30px;
color:#7d7d7d;
}
.pro_left{
float: left;
}
.pro_right{
float: right;
}
.pro_right a{
display: inline-block;
width:630px;
overflow: hidden;
position: relative
}
.pro_right a p{
position: absolute;
top:30%;
font-size: 14px;
left:250px;
color:#fff;
background-color: rgba(0,0,0,0.5);
line-height: 40px;
padding:0 30px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.pro_right a p:hover{
font-weight: bold;
color:#c8000a;
border:1px solid #c8000a;
border-radius: 5px;
background-color: rgba(0,0,0,0);
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.case{
padding-top:90px;
width:100%;
background-color: #f5f5f7;
padding-bottom:70px;
}
.tab{
width:1230px;
margin:0 auto;
}
.case_section{
margin-top:20px;
}
.case_btcon ul li a{
display: inline-block;
font-size: 14px;
color:#333;
border:1px solid #d5d5d5;
border-radius: 5px;
line-height: 43px;
padding:0 27px;
}
.case_btcon ul li{
float: left;
margin:0 15px;
}
.case_btcon ul li.on a{
color:#fff;
background-color: #c8000a;
border:1px solid #c8000a;
}
.case_btcon ul{
width:795px;
margin:0 auto;
}
.advttm li{
float: left;
margin:50px 15px 0;
}
.advttm li a{
position: relative;
width: 380px;
display: inline-block;
}
.advttm li a:hover .case_hover{
opacity: 1;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.advttm li a:hover .case_bot{
background-color: #c8000a;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.advttm li a:hover .case_bot p{
color:#fff;
}
.case_top{
width:380px;
height:240px;
overflow: hidden;
}
.advttm li a:hover .case_top img{
transform: scale(1.2);
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.case_top img{
width:100%;
display: block;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.case_bot{
padding-top:15px;
padding-bottom:20px;
width:100%;
background-color: #fff;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.case_bot p:first-child{
margin-left:15px;
font-size: 18px;
color:#4d4d4d;
}
.case_bot p:nth-child(2){
font-size: 16px;
margin-left:15px;
color:#7d7d7d;
margin-top:10px;
}
.case_bot p:nth-child(2) span:first-child{
float: left
}
.case_bot p:nth-child(2) span:nth-child(2){
float: right;
margin-right:15px;
}
.case-container{
background-color: #f5f5f7;
padding-bottom:70px;
}
.advttm{
max-width:1640px;
margin:0 auto;
}
.case_hover{
position: absolute;
left:166px;
top:98px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
opacity: 0;
}
.more{
width:185px;
margin:50px auto 0;
}
.more a{
color:#c8000a;
font-size: 18px;
border-radius: 5px;
display: inline-block;
border:1px solid #c8000a;
line-height: 48px;
text-align: center;
padding:0 30px;
}