.clearfix:before,.clearfix:after{
content:"";
display:table;
}
.clearfix:after{clear:both;}
.clearfix{
*zoom:1;/*IE/7/6*/
}
body{
min-width: 1480px !important;
margin: 0 auto;
}
.w1200{
width: 1200px;
margin: 0 auto;
min-width: 1200px;
}
.banner {
width:100%;
min-width: 1200px;
background: url(../images/banner.jpg) center no-repeat;
height: 742px;
position: relative;
margin: 0 auto;
}
.tit-wrap {
height: 198px;
background: #f5f5ff;
}
.tit-wrap p{
width: 1133px;
color: #000;
text-align: center;
font-size: 20px;
margin: 70px auto 0;
line-height: 40px;
}
.brand h3{
display: block;
margin: 60px auto 0;
}
.brand h3 img{
display: block;
}
.brand p{
text-align: center;
font-size: 16px;
line-height: 36px;
margin: 25px auto 0;
}
.brand-img{
width: 100%;
height: 560px;
background: url(../images/brand-img.jpg) no-repeat top center;
margin: 45px auto 0;
}
.brand-img img{
margin: 0 auto;
display: block;
}
.intro{
background: #3d3d3d;
margin: 100px 0 0 0;
padding: 0 0 100px 0;
}
.intro-fl{
width: 660px;
background: #fff;
margin: 104px 0 0 0;
padding: 28px 40px 100px;
}
.intro-fl p{
color: #333;
font-size: 16px;
line-height: 36px;
margin: 30px 0 0 0;
}
.intro-fl h3{
color: #d2232a;
font-size: 24px;
font-weight: bold;
margin: 28px 0 38px 0;
}
.intro-fr{
width: 660px;
background: #d2232a;
padding: 28px 40px 100px;
}
.w1480{
width: 1480px;
margin: 0 auto;
}
.intro-tit{
margin: 140px 0 0 0;
height: 70px;
width: 100%;
background: url(../images/title2.png) no-repeat top left;
}
.intro-fr h3{
color: #ffffff;
font-weight: bold;
font-size: 24px;
margin: 28px 0 38px 0;
}
.intro-fr p{
color: #fff;
font-size: 16px;
line-height: 36px;
margin: 30px auto 0;
}
.tab-tit {
text-align: center;
}
.tab-tit ul {
display: inline-block;text-align: center;
}
.tab-tit ul li:hover{
border: 1px solid #d2232a;
}
.tab-tit ul li{
width: 358px;
height: 48px;
border: 1px solid #cccccc;
background: #f5f5ff;
float: left;
line-height: 50px;
margin: 0 22px 0 0;
text-align: center;
}
.tab-content > div{
margin: 40px 0 0 0;
display: none;
}
.tab-content > div.current{
display: block;
}
.tab-content {
height: 600px;
}
.tab-content > div{
width: 1480px;
overflow: hidden;
}
.tab-content > div > div{
position: relative;
width: 480px;
}
.tab-content > div.current > div span:hover{
background: none;
}
.tab-content > div.current > div span{
background: url(../images/b.png) center;
}
.tab-content > div > div span{
display: block;
position: absolute;
width: 480px;
text-align: center;
color: #ffffff;
font-size: 16px;
line-height: 606px;
left: 0;
top: 0;
}
.brand-tit img{
display: block;
}
.brand-tit{
margin: 60px auto 40px;
}
.content-fm {
margin-left: 20px;
}
.content-fm div {
position: relative;
}
.content-fm div span{
height: 290px;
line-height: 290px !important;
}
.content-fm div{height: 290px;
margin: 0 0 20px 0;
}
.shidi{
width: 100%;
height: 1000px;
background: url(../images/shidi.png) no-repeat top center;
margin: 100px auto 0;
}
.shidi-tit img{
display: block;
}
.shidi-tit{
padding-top: 70px;
margin: 0 0 50px 0;
}
.swiper-container1{
overflow: hidden;
}
.show {
margin: 60px auto 0;
}
.show-tit img,.footer-tit img{
display: block;
}
.footer{
background: #1a1a1a;
margin: 94px auto 0;
padding-bottom: 30px;
}
.footer-tit{
padding: 60px 0 0 0;
}
.honor-lis div{
width: 246px !important;
height: 360px;
border-right: 1px solid #cccccc;
background: #fff;
}
.honor-lis div img{
display: block;
margin: 30px auto 0;
}
.footer-lis{
margin: 60px auto 0;
}
.footer-lis span{
color: #333333;
font-size: 16px;
display: block;
width: 100%;
text-align: center;
margin: 20px auto 0;
}
.summary h3{
width: 200px;
height: 60px;
color: #ffffff;
font-size: 30px;
font-weight: bold;
line-height: 60px;
background: #d2232a;
text-align: center;
margin: 40px auto 0; z-index: 99999;
position: relative;
}
.summary-wrap p{
color: #e5e5e5;
font-size: 18px;
text-align: center;
line-height: 36px;
margin: 65px auto 0;
}
.summary-wrap{
width: 1480px;
height: 180px;
margin: -25px auto 0;
background: #262626;
}
.team{
color: #d2232a;
font-size: 36px;
font-weight: bold;
margin: 65px 0 0 200px;
line-height: 40px;
}
.summary-partner ul{
margin: 67px 0 0 55px;
width: 500px;
}
.summary-partner ul li{
float: left;
margin: 0 20px 13px 0;
}
.summary-partner{
width: 480px;
color: #ffffff;
font-size: 16px;
}
.summary-fr{
margin: 30px 200px 0 0;
}
.summary-fr > div{
float: left;
}
.swiper-container3 > div > div{
float: left;
}
.swiper-container3 > div{
width: 14800px;
}
.swiper-container3 {
margin-left: auto;
margin-right: auto;
}
.swiper-container1 > div > div{
float: left;
}
.swiper-container1 > div{
width: 14800px;
}
.swiper-container1 {
margin-left: auto;
margin-right: auto;
}
.swiper-container2 > div > div{
float: left;
}
.swiper-container2 > div{
width: 14800px;
}
.swiper-container2 {
margin-left: auto;
margin-right: auto;
}
.swiper-slide {
background-size: cover;
background-position: center;
}
.gallery-top {
height: 700px;
width: 100%;
}
.gallery-thumbs {
height: 700px;
box-sizing: border-box;
padding: 10px 0;
width: 505px !important;
position: absolute !important;
right: 0 !important;
top: 0 !important;
}
.swiper-wrapper{
display: block !important;
}
.gallery-thumbs .swiper-slide {
width: 250px !important;
height: 90px;
}
.gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.shidi-wrap{
width: 1480px;
overflow: hidden;
position: relative;
}
.shidi-lis > div{
margin: 10px 0 0 0;
}
.gallery-thumbs{
width: 505px !important;
padding: 95px 0 0 0;
margin-left: 120px;
background: url(../images/bg.png) center;
display: block !important;
}
.shidi-lis{
height: 490px !important;
overflow: hidden;
}
.shidi-lis .swiper-slide{
margin-left: 125px;
}
.shidi-lis .swiper-slide-active{
}
.shidi-lis > div{
}97久久天天综合色天天综合色_色悠久久久久综合网伊人男男_MM1313亚洲精品无码久久_国产韩国精品一区二区三区