﻿html{min-width:1200px;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px; padding: 0px;}

.red{color: #ba292e;}
.fl,.left{float: left;}
.fr,.right{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 1200px; margin: 0 auto;}

.icon{background: url(http://www.lx2004.com/plugins/template/longxin/pc/images/icon.png) no-repeat;display: inline-block;vertical-align: middle;}
.icon1{background: url(http://www.lx2004.com/plugins/template/longxin/pc/images/icon1.png) no-repeat; display: inline-block; vertical-align: middle;}

/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}





.floor_4_main{ background-color:#f3f8fa; padding-bottom:70px;}
.index .floor_4_main .indexTit{ padding-top:50px;}
.floor_4_1{ padding-top:16px;}
.floor_4_1 ul{ display:inline-block; width:105%;}
.floor_4_1 ul li{ width:383px; height:350px; border:#d9d2d2 solid 1px; float:left; margin-top:24px; margin-right:24px; text-align:center;}
.floor_4_1 ul li b{ width:383px; height:280px; overflow:hidden; display:block; border-bottom:#d9d2d2 solid 1px;}
.floor_4_1 ul li b img{ display:block; width:383px; height:286px;transition: all ease 300ms;}
.floor_4_1 ul li:hover img { transform: scale(1.02, 1.02);}
.floor_4_1 ul li p{ height:69px; line-height:69px; text-align:left;}
.floor_4_1 ul li p span{ display:block; float:left; padding-left:18px; font-size:18px; color:#333;}
.floor_4_1 ul li p i{ display:block; width:38px; height:38px; background-position:0px -240px; float:right; margin-top:16px; margin-right:18px;}
.floor_4_1 ul li:hover p span{ color:#3daf3b;}
.floor_4_1 ul li p i:hover{background-position:-48px -240px;}

.link{width: 100%;margin-top: 20px;color:#ddd;}
.link ul{width: 1200px;margin: 0 auto;}
.link ul li{float: left; margin: 10px;}
.link ul li a{color:#ddd;}
.link ul li a:hover{color: #fff;}



.more{ width:156px; height:36px; margin:0 auto; margin-top:50px;}
.more a{ display:block;width:156px; height:36px; background: linear-gradient(to top right, #7fbe29, #35a9d1); text-align:center; line-height:36px; color:#fff; border-radius:40px;}
.more a:hover{ background: linear-gradient(to top right, #35a9d1, #7fbe29);}

.more2{ width:400px; height:36px; margin:0 auto; margin-top:50px; text-align:center;}
.more2 p{ display:inline-block;}
.more2 a{ display:block; float:left; margin:0 10px;width:156px; height:36px; background: linear-gradient(to top right, #7fbe29, #35a9d1); text-align:center; line-height:36px; color:#fff; border-radius:40px;}
.more2 a:hover{ background: linear-gradient(to top right, #35a9d1, #7fbe29);}
.more2 a span{ display:block; width:154px; height:34px; background-color:#fff; border-radius:36px; margin-left:1px; margin-top:1px; color:#47acab;}
.more2 a:hover span{background-color:transparent; color:#fff;}



.floor_4_1 ul li{ position:relative; overflow:hidden;}
.floor_4_1 ul li .cp_bg {
    position: absolute;
    left: -380px;
    top: 0px;
    width: 383px;
height: 280px;
    text-align: center;
    transition: all ease-in-out 600ms;
}
.floor_4_1 ul li:hover .cp_bg {
    background: url(../images/black50.png) repeat center center;
    transition: all ease 600ms;
    left: 0;
}
.floor_4_1 ul li .cp_bg span {
    margin: 0 auto;
    background-position: -35px -192px;
    width: 45px;
    height: 45px;
    margin-top: 126px;
}
.swiper-button-next, .swiper-button-prev{ margin-top:-50px !important;}



.zb_8_main .zbTit i{background:url(../images/z3_19.png) center center no-repeat;}
.zb_8_1{ padding:0 100px; overflow:hidden; margin: 0 auto; margin-top:60px;}
.zb_8_1 .bd{ display:inline-block; overflow:hidden; width:100%;}
.zb_8_1 .bd ul{ display:inline-block; width:100%;}
.zb_8_1 .bd ul li{ width:560px; float:left; margin-right:20px; position:relative; overflow:hidden;height:400px;}
.zb_8_1 .bd ul li img{ display:block; width:100%; transition: all .36s ease;}
.zb_8_1 .bd ul li p{ background:url(../images/z14_03.png); position:absolute; left:0; bottom:0; padding:0 30px; padding-top:108px; height:42px; width:100%;}
.zb_8_1 .bd ul li p span{ display:block; font-size:20px; color:#fff; line-height:20px; border-left:#fff solid 4px; padding-left:26px;}
.zb_8_1 .bd ul li .olk{}
.zb_8_1 .bd ul li .olk {
    position: absolute;
    left: -380px;
    top: 0px;
    width: 100%;
height:100%;
    text-align: center;
    transition: all ease-in-out 600ms;
}
.zb_8_1 .bd ul li:hover .olk  {
    background: url(../images/black50.png) repeat center center;
    transition: all ease 600ms;
    left: 0;
}
.zb_8_1 .bd ul li .olk span {      position: relative;
      left: 0%;
      top: 50%;
 color:#fff; font-size:20px; line-height:100%; text-align:center;
}
.zb_8_1 .bd ul li:hover p{ display:none;}
.zb_8_1 .hd{ display:inline-block; text-align:center; width:100%; padding-top:20px;}
.zb_8_1 .hd p{ display:inline-block;}
.zb_8_1 .hd .prev{ display:block; width:40px; height:40px; background-position:-100px -99px; float:left; margin:0 5px; cursor:pointer;}
.zb_8_1 .hd .next{ display:block; width:40px; height:40px; background-position:-149px -99px; float:left; margin:0 5px; cursor:pointer;}
.zb_8_1 .hd .prev:hover{background-position:-100px -142px;}
.zb_8_1 .hd .next:hover{background-position:-149px -142px;}
.zb_8_1 .bd ul li:hover img { -webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);}


@media (max-width: 1800px) {
	.zb_8_1{ width:1300px; padding:0;}
	.zb_8_1 .bd ul li{ width:420px; height:300px;}
}




.iconz{background: url(../images/iconz.png) no-repeat; display: inline-block; vertical-align: middle;}
.iconz1{background: url(../images/iconz1.png) no-repeat; display: inline-block; vertical-align: middle;}












@-webkit-keyframes scale{0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(1.02);} 100%{-webkit-transform: scale(1);}}
@keyframes scale{0%{transform: scale(1);} 50%{transform: scale(1.02);} 100%{transform: scale(1);}}
/*# sourceMappingURL=style.css.map */