/*banner*/
.banner{position: relative; height:auto;clear: both;}
.banner img {display: block;width: 100%;margin:0 auto;}
.slick-dots {position: absolute;left:5%; font-size:0;bottom:8%;width:90%;text-align: center;outline: none;z-index:1;}
.slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 21px;height: 21px;border-radius: 21px;margin-right:12px; display: inline-block;outline: none;background: rgba(255, 255 , 255 , 0.85);}
.slick-dots .slick-active button {background: #055a30;width: 48px;}
.banner .slick-arrow{width:30px;height:84px;cursor: pointer;z-index: 22;top:44.5%;outline: none;position:absolute;border:0;overflow: hidden;text-align: center;transition:.8s;opacity: 0;text-indent: 100px;}
.banner .slick-arrow.slick-prev{background:url(../images/prev1.png) no-repeat 0 0;left: 3%; opacity: 0;}
.banner .slick-arrow.slick-next{background:url(../images/next1.png) no-repeat 0 0;right: 3%; opacity: 0;}
.banner:hover .slick-prev{ left: 6%; opacity: 0.8;}
.banner:hover .slick-next{ right: 6%; opacity: 0.8;}
.banner .slick-arrow:hover{opacity: 1;}

.til01{text-align: center;color: #000;font-size:54px;line-height:66px;font-family: "Microsoft Yahei";white-space: nowrap;padding: 0 0 44px;}
.til01 p{display: block;font-weight: normal;font-size:22px;line-height:35px; color: #888;}
.til01 a{font-size: 48px; color:#055a30; letter-spacing: 2px;}
.til02,.til02 span,.til02 a{color: #fff;}

/*特点*/
.chara{clear: both;font-size:22px;font-family:"Microsoft Yahei";line-height:34px;position: relative;padding:33px 0;z-index: 1;color: #fff;background:#055a30;text-align: center;}
.chara li{float: left;width: 19%;border-right: solid 1px rgba(255, 255 , 255 , 0.2);height: 128px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.chara li:first-child{padding-left: 0;}
.chara li:last-child{padding-right: 0;border:0;}
.chara li span{color:#262626;    font-size: 18px;}
.chara li b{display: block;height: 70px;margin: 0 auto;    padding-bottom: 5px;}
.chara li em{display: block;font-size: 14px;line-height: 18px;opacity: 0.8;}
.chara li:hover{margin-top: -10px;}


/*引子*/
.webox{font-size:18px;color: #333;line-height:30px;position: relative;z-index:1;background:url(../images/webg.jpg) no-repeat center 0;padding: 66px 0 0;}
.webox_w{width: 525px;padding: 66px 0 0;height: 560px;position: relative;}
.webox_w:before{content: "";position: absolute;width:70px;height:75px;top:177px;left:0;z-index: 2;}
.webox_w h3{height: 362px;position: relative;font-size: 60px;line-height: 132px;}
.webox_w h3:before{content: "";position: absolute;width:92px;height:5px;background:#000;top:215px;left:0;}
.webox_w h3 em{display: block;font-size: 82px;line-height: 96px;text-transform: uppercase;color: #ccc;}
.webox_w h3 span{display: block;}
.webox_p{width: 488px;padding: 111px 0 0;}
.webox_p p{position: relative;width: 59px;height: 59px;font-size: 16px;line-height: 22px;float: left;}
.webox_p p:before{content: "";position: absolute;width: 105px;height: 105px;border-radius: 105px;z-index: -1;background: rgba(3, 106, 220 , 0.05);left:-23px;top: -23px;-webkit-animation: living 2s linear infinite;}
.webox_p p:after{content: "";position: absolute;width: 115px;height: 115px;border-radius: 115px;z-index: -1;border: solid 1px #6096da;left:-28px;top: -28px;-webkit-animation: living 2s linear infinite;}
.webox_p p:first-child{margin: 27px 60px 0 0;}
.webox_p p em img{display: block;width: 52px;height: 52px;border: solid 3px #5c92d5;border-radius: 100%;background:#5c92d5;}
.webox_p p span{position: absolute;top:35px;width: 35px;height: 22px;left: -30px;font-weight: bold;}
.webox_p p span:nth-child(2){left:20px;top:55px;}
.webox_p p span:nth-child(3){left:56px;top:25px;}

/*产品中心*/
.product .tit{text-align: center;}
.product .tit span{display: block; height:62px; line-height: 62px;font-size: 48px; color:#055a30; letter-spacing: 2px;}
.product .tit em{display: block; height:36px; line-height: 36px; margin-bottom: 9px; font-size: 20px; color:#888888; font-weight: normal;letter-spacing: 1px;}
.product .tit i{display: block; width:30px; height:7px;margin:0 auto;}
.product .pro{padding-top:92px;}
.product .pro h2{margin-bottom: 27px;}
/*福洛斯 · 产品展示*/
.chanpin{width:1220px; height: auto; margin: 0 auto; overflow: hidden; padding-bottom: 80px;}
.chanpin .tabPanel{ width:100%; float: left;}
.chanpin .tabPanel .toubu{height:80px;width:100%; float:left; margin: 0 0 52px 0;}
.chanpin .tabPanel .toubu li{float:left;border:1px solid #9b9999;font-size:11px;height:60px;line-height:60px;width:400px;text-align:center;cursor:pointer; box-sizing: border-box; margin: 0 10px; font-size: 28px;color:#000000; font-weight: 200;}
.chanpin .tabPanel .toubu .hit{ background: #055a30; border-color:#055a30;color:#fff; cursor:pointer;}
.chanpin .tabPanel .toubu li:first-child{ margin:0;}
.chanpin .tabPanel .toubu li:last-child{ margin:0;}
.chanpin .pane{display:none;}
.chanpin .pane .left{width:727px; height: 470px; float:left;}
.chanpin .pane .left img{width:727px; height: 470px;}
.chanpin .pane .right{width:466px; height: 470px; float: right; position: relative;}
.chanpin .pane .right h4{width:418px; padding: 0 0 0 48px; height: 31px; background: url("../images/bg1.jpg") no-repeat left center; font-size: 32px;color:#000000; font-size: 32px; line-height: 31px; font-weight: 200; margin: 0 0 20px 0;}
.chanpin .pane .right p{width:100%; float: left; font-size: 20px;color:#1c1c1c; line-height: 48px;}
.chanpin .pane .right img{width:100%; position: absolute; left: 0; bottom:0;}
.chanpin .pane ul{width:100%; float: left; margin: 52px 0 0 0;}
.chanpin .pane ul li{width:299px; float: left; margin: 0 6px;}
.chanpin .pane ul li img{width:299px; height: 203px; float: left; margin: 0 0 8px 0;}
.chanpin .pane ul li p{width:100%; float: left; background: #055a30; height: 42px; text-align: center; line-height: 42px;}
.chanpin .pane ul li p a{color:#fff; font-size: 16px;}
.chanpin .pane ul li:first-child{ margin:0;}
.chanpin .pane ul li:last-child{ margin:0;}
.bigcontent{ padding:40px 0;}


/**/

/* yin */
.guide{height:706px; background:url(../images/zh.jpg) no-repeat center;}
.guide .gui{padding-top:100px;}
.guide .gui .gui-top{height:397px; margin-bottom: 31px;}
.guide .gui .gui-top .gui-left{width:543px; float:left;}
.guide .gui .gui-top .gui-left h2{height:137px; text-align: left;}
.guide .gui .gui-top .gui-left h2 span{display: block; height:63px; line-height: 63px; font-size: 40px; color:#262626;}
.guide .gui .gui-top .gui-left h2 span i{color:#16288a;}
.guide .gui .gui-top .gui-left h2 em{display: block; height:40px; line-height: 40px;font-size: 22px; color:#2e2e2e; font-weight: normal;}
.guide .gui .gui-top .gui-left p{line-height: 31px; font-size: 16px; color:#656565; text-align: justify;}
.guide .gui .gui-top .gui-rig{width:600px; height:397px;float:right; line-height: 0; overflow: hidden;}
.guide .gui .gui-top .gui-rig img{width:100%;}
.guide .gui-sz{    display: block;    overflow: hidden;}
.guide .gui ul{padding-top: 25px;}
.guide .gui ul li{float: left;text-align: center;height: 147px;transition: all 0.5s;box-sizing: border-box;margin-left: 118px;}

.guide .gui ul li:first-child{ margin-left: 0; }
.guide .gui ul li span{display: block;font-size: 46px;color: #333333;line-height: 46px;height: 46px;font-weight: bold;font-family: Impact;}
.guide .gui ul li b{display: inline-block;font-size: 46px;line-height: 36px;font-family: Impact;}
.guide .gui li em{ display: inline-block;font-size: 15px;line-height: 24px;width: 24px;height: 24px;background: #055a30;border-radius: 12px; color: #ffffff;text-align: center;font-weight: normal;vertical-align: 3px;}
.guide .gui li p{font-size: 16px;color: #333333;line-height: 16px;padding-top: 14px;font-weight: bold;font-weight: normal;}
.guide .gui li:hover{transform: translateY(-10px);}



#video {
	width: 600px;
	height: 400px;
	margin: 0 auto;
	position: relative;
}

#video video {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.VideoBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	margin-top: -35px;
	cursor: pointer;
	z-index: 10;
}

/*实力*/
.fwbj .tit{text-align: center;}
.fwbj .tit span{display: block; height:62px; line-height: 62px;font-size: 48px; color:#055a30; letter-spacing: 2px;}
.fwbj .tit em{display: block; height:36px; line-height: 36px; margin-bottom: 9px; font-size: 20px; color:#888888; font-weight: normal;letter-spacing: 1px;}
.fwbj .tit i{display: block; width:30px; height:7px;margin:0 auto;}

.fwbj{padding-top:82px;}
.fwbj h2{margin-bottom: 31px;}
.fwbj .fw-nav{width:1200px;margin:0 auto;height:92px;box-shadow: 0px 5px 32px 0px rgba(4, 0, 0, 0.14);border-radius: 46px;z-index:200;position: relative;}
.fwbj .fw-nav ul{height:92px;border-radius: 46px;overflow: hidden;}
.fwbj .fw-nav ul li{float:left; width:240px;height:92px; line-height: 92px; text-align: center;border-right:1px solid #d6d6d6;font-size: 26px; color:#323232;font-weight: bold; box-sizing: border-box;}
.fwbj .fw-nav ul li:last-child{border-right:0;}
.fwbj .fw-nav ul li.cur{color:#FFF; background:#055a30;}
.fwbj .fw-con{height:612px;background:url(../images/fwbj.jpg) no-repeat center;}
.fwbj .fw-con dl{width:1200px;margin:0 auto;}
.fwbj .fw-con dl dt{width:1130px; height:612px; line-height: 0; overflow: hidden;margin-right: -360px;float:right; position: relative;}
.fwbj .fw-con dl dt img{width:100%; transition: 1s;}
.fwbj .fw-con dl dt:after{content: ''; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.fwbj .fw-con dl dd{width:429px;float:left;padding-top:115px;}
.fwbj .fw-con dl dd h3{ margin-bottom: 28px; position: relative;height:159px;}
.fwbj .fw-con dl dd h3:before{width:79px; height:1px;background:#a0a0a0; content:""; position: absolute;left:0;bottom:0;}
.fwbj .fw-con dl dd h3 i{display: block; width:94px; height:65px; line-height: 0; overflow: hidden;margin-bottom: 3px;}
.fwbj .fw-con dl dd h3 i img{width:63px;}
.fwbj .fw-con dl dd h3 span{display: block; height:48px; line-height: 48px;font-size: 34px; color:#333333;font-weight: bold; font-family: "思源黑体 CN";}
.fwbj .fw-con dl dd h3 em{display: block; height:36px; line-height: 36px;font-size: 25px; color:#333333; font-weight: 300; text-transform: uppercase;}
.fwbj .fw-con dl dd p{font-size: 16px; color:#333333; line-height: 33px; margin-bottom: 30px;width:372px;}
.fwbj .fw-con dl dd strong{display: block; width:215px; height:45px; background:#055a30;border-radius: 50px; transition:.5s;}
.fwbj .fw-con dl dd strong a{display: block; height:45px;cursor:pointer;}
.fwbj .fw-con dl dd strong a i{display: inline-block; height:45px; line-height: 45px; font-size: 17px; color:#ffffff; padding-right:106px; background:url(../images/fw-jt.png) no-repeat right; font-weight: normal; margin-left: 32px; transition:.5s;}
.fwbj .fw-con:hover dl dt:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.fwbj .fw-con:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.fwbj .fw-con dl dd strong:hover{width:230px;}
.fwbj .fw-con dl dd strong:hover i{padding-right:120px;}

/**/
/**/
.list6 h2{ text-align: center; line-height: 100%; padding-top: 99px; font-size: 20px; color: #333333; padding-bottom: 13px;}
.list6 h2 a{ font-size: 48px; color:#055a30; letter-spacing: 2px; display: inline-block; line-height: 100%;}
.list6 h2 i{ display: block; font-size: 48px; line-height: 100%;}
.list6 h2 span{ display: block; font-size: 20px; line-height: 100%;font-weight: normal; padding-top: 12px; padding-bottom: 26px;position: relative;}
.list6 .list6 h2 span:before{display: inline-block;width:26px;height: 2px;background: #333;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.65%;opacity: 1;}
.list6 h2 span:hover:before{  width:117px;opacity: 1;}
.list6{height:700px; padding-top: 69px;width:100%;background:url(../images/casebj.jpg) center no-repeat;}
.list6 h2{ padding-top: 0;}
.fenc{}
.f_tit{height: 134px; overflow: hidden;width:1000px;margin:0 auto;}
.f_tit li{float:left;margin-right:34px; width: 82px; height: 82px;}
.f_tit li:last-of-type{ margin-right: 0;}
.f_tit li a{ display:block; padding-top: 53px; box-sizing: border-box; height: 82px; font-size: 16px; color: #333333;background:url(../images/cases1.png) no-repeat; text-align: center; line-height: 100%;}
.f_tit li.on a{background:url(../images/cases11.png) no-repeat;  color: #fff;}
.f_nr{ margin-left: -343px;}
.f_nr li{float:left; width:330px; margin:0 18px 35px 18px; background: #fff; height: auto; box-shadow: 0 9px 35px rgba(0,0,0,0.1);}
.f_nr li b{ display: block; overflow: hidden; font-size: 0; line-height: 0;}
.f_nr li b img{ width: 330px;height: auto;}
.f_nr li em{ display: block; padding: 18px; width: 330px;height:130px; box-sizing: border-box; transition: all 0.2s; }
.f_nr li em i{ display: none;}
.f_nr li em strong a{ display:block; line-height: 100%; font-size: 16px; color: #333333;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.f_nr li em strong a:hover{ color: #97ba44;}
.f_nr li em span{ display: block; margin-top: 19px; color: #8b8b8b; font-size: 16px; line-height: 30px;}

/**/
/**/
/**/

/*优势*/
.edge{clear: both;font-family:"Microsoft Yahei";line-height:20px;font-size: 14px;position: relative;z-index: 1;color: #fff;padding:100px 0 0;}
.edge_t{position: absolute;width: 700px;height: 700px;background: rgba(255, 255 , 255 , 0.95);top: 50%;left: 50%;margin: -205px 0 0 -42px;z-index: 2;}
.edge_t dl{box-sizing:border-box;height:126px;padding: 15px 28px 15px 50px;position: relative;}
.edge_t dt{float: left;}
.edge_t dt img{width: 176px;height: 96px;border: solid 2px #e1e1e1;}
.edge_t dd{width: 412px;float: right;padding: 10px 0 0;}
.edge_t dd h3{font-size:20px;line-height: 40px;color: #000;}
.edge_t dd h3 em{font-size:12px;line-height:20px;opacity: 0.5;text-transform: uppercase;font-weight: normal;display: block;}
.edge_t dd li,.edge_t dl.cur h3{display: none;}
.edge_t dl.cur{background: #055a30;}
.edge_t dl.cur:before{content: "";position: absolute;width:41px;height:68px;background:url(../images/ico05.png) no-repeat 0 0;left:-31px;top:50%;margin-top: -34px;}
.edge_t dl.cur li{display: block;background:url(../images/ico06.png) no-repeat 0 0;padding: 0 0 9px 23px;}

.edge_w{width: 488px;left: 50%;margin-left: -660px;top: 100px;color: #fff;}
.edge_w h3{font-size: 40px;line-height: 60px;}
.edge_w h3 b{display: block;font-size: 74px;line-height: 96px;}
.edge_w h3 em{display: block;font-size:14px;line-height:30px;font-weight: normal;text-transform: uppercase;padding: 70px 0;}
.edge_ico{display: block;width: 196px;line-height: 54px;text-align: center;background: #055a30;color: #fff;font-size: 18px;}
.edge_ico:hover{color: #fff;}


/*新闻资讯*/
.nswsbox{font-family:"Microsoft Yahei";line-height: 28px;font-size: 14px;clear: both;color: #333;padding:68px 0;position: relative;overflow: hidden;height:auto;z-index: 1;background: #f8f8f8;}
.new_t{font-size: 16px;height: 30px;line-height: 30px;padding: 22px 0;}
.new_t li{float: left;padding: 0 30px 0 0;color: #000;}
.new_t li a{display: inline-block;color: #000;padding: 0 0 0 52px;}
.new_t li.cur a{background-position: 0 -50px!important;color: #055a30;font-weight: bold;}
.new_t span{float: right;}
.new_t span a{display: block;font-size: 16px;color: #333;}

.new_c dl{width: 580px;height: 190px;margin-bottom: 22px;border-bottom: 2px solid #d0d0d0;float: left;}
.new_c dl:nth-child(2),.new_c li:nth-child(2n){margin-left:40px;}
.new_c dt,.new_c dt img{width: 580px;height: 290px;display: block;overflow: hidden;}
.new_c dd{padding:36px 0 0;}
.new_c dd h4{font-size: 20px;height: 42px;line-height: 42px; color: #333;}
.new_c dd h4 a{display: block;color: #333; font-size: 20px;}
.new_c dd span{display: block;line-height: 33px;height:40px;background:url(../images/ico08.png) no-repeat 0 5px;padding:0 0 0 38px;font-size: 20px;color: #000;}

.new_c li{float: left;width:580px;height:42px;line-height:42px;float: left;font-size: 16px;}
.new_c li span{float: right;}
.new_c li a{display: block;white-space: nowrap; overflow: hidden;width: 430px; color: #333;}
.new_c dl:hover{border-bottom: 2px solid #055a30;}
.new_c li:hover, .new_c li a:hover{color: #055a30;}

/*关于*/
.aboutbox{font-family:"Microsoft Yahei";font-size: 14px;line-height:24px;color: #333;overflow: hidden;padding:60px 0 0;}
.about_c{width: 100%;max-width: 1310px;margin: 0 auto;padding-bottom: 20px;    overflow: hidden;    display: block;}
.about_c .til01{ margin-top: 207px;color: #333;}
.about_c .til01 p{line-height: 46px; color: #888888; font-size: 20px;}
.about_p{width: 49.55%;float: left;overflow: hidden;}
.about_p img{width: 100%;display: block;}

.about_w{width:49.55%;float: right;overflow: hidden;}
.about_w img{width: 100%;display: block;}
.about_c .til02 a{color:#333;}
.about_t p{width:1200px;margin:0 auto;font-size:16px;color:#333;    line-height: 30px;    padding-bottom: 20px;}

/* 风采展示 */
.show{clear: both;height: 430px;;position: relative;}
.show_t{height:89px;font-size:22px;text-align: center;line-height: 65px;padding-top: 10px;}
.show_t span{height:65px;color: #fff;display: inline-block;padding: 0 32px;background: #f9be00;color: #333;}
.show_t span:last-child{margin-left: 58px;}
.show_t span em{display: block;width: 40px;height: 26px;margin:18px 0 0;overflow: hidden;float: left;}
.show_t span em img{display: block;}
.show_t span a{color: #333;}
.show_t span.cur,.show_t span:hover{color:#fff;background:#055a30;}
.show_t span.cur a,.show_t span:hover a{color:#fff;}
.show_t span em img,.show_t span em img{margin-top: -77px;}
.show_t span.cur em img,.show_t span:hover em img{margin-top:0;}

.show_cl{overflow: hidden;}
.show_cl li{width: 250px;float: left;margin:0 10px 0 0;position: relative;text-align: center;}
.show_cl ul li:last-child{margin: 0;}
.show_cl li p,.show_cl li p img{width: 250px;height:175px;display: block;overflow: hidden;}
.show_c li span{font-size: 16px;display: block;line-height:48px;height:48px;}
.show_c li span a{display: block;color: #333;}

/*友情链接*/
.link{position: relative; background: #282828; border-top: 1px solid #363636;}
.link a{display: inline-block;padding: 0 5px 0 0;color: #b9b9bb;}
.link_c a:hover{text-decoration: underline;color: #ccc;}
.link p{font-size: 14px; line-height: 30px; color: #fff;}

.new_c dt img,.pro_con dt img, .case_con dt img, .about_p img, .about_w img, .show_cl li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.new_c dl:hover dt img,.pro_con dl:hover img, .case_con dl:hover dt img, .about_w:hover img, .about_p:hover img, .show_cl li:hover p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}


@keyframes living {
    0%{
        transform: scale(1);
        opacity: 1;
    }
    50%{
        transform: scale(1.3);
        opacity: 0.7;
    }
    100%{
        transform: scale(1);
        opacity: 1;
    }
}