@charset "utf-8";
/* CSS Document */

.fullSlide{width:100%;position:relative;height:868px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:868px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:868px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px; display:none;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

.home_about{clear:both;overflow:hidden; background:#f0ffff; height:800px;}
.home_img{ position:absolute; margin:195px 0 0 700px;}
.home_about .mian{ width:1142px;}
.home_about .left{float:left; width:820px;}
.home_about .left strong{ float:left; width:100%; font-size:48px; margin-top:173px;}
.home_about .left span{ float:left; width:100%;}
.home_about .left .span1{ font-size:30px;letter-spacing:35px;}
.home_about .left .span2{ font-size:18px; margin-top:54px; line-height:30px;}
.home_about .left .span3{ font-size:18px; font-family:"TT0281M_"; color:#666;text-transform:Uppercase; margin-top:50px;}
.home_about .left a{ float:left; width:130px; height:40px; text-align:center; line-height:40px; background:#008636; color:#FFF; font-size:14px; margin-top:75px;}


.fabric{ float:left; width:100%; height:950px; background:#000;}
.fabric .span{ float:left; font-size:42px; color:#FFF; background:url(/template/pc/skin/img/title.png) left 25px no-repeat; padding-left:95px; margin-top:175px;}
.fabric .span samp{ margin:0 10px;}
.fabric .swiper4{ float: left; width: 100%; margin-top: 90px;}
.fabric .swiper4 ul{ float: left; width: 100%; padding-left: 10px;}
.fabric .swiper4 li{ float: left; width: 24%; margin-right: 15px;}
.fabric .swiper4 li:last-child{ margin-right: 0;}
.fabric .swiper4 li span{ float:left; color:#333; font-size:12px;  color:#FFF;text-align:left;}
.fabric .swiper4 li span:nth-child(2){ font-size:1rem; background:url(/template/pc/skin/img/jlbcp1.png) top left no-repeat; background-size:15%; padding-left:5rem; margin-top:1.5rem; height:5rem;}
.fabric .swiper4 li:nth-child(2) span:nth-child(2){ background:url(/template/pc/skin/img/jlbcp2.png) top left no-repeat;background-size:15%;}
.fabric .swiper4 li:nth-child(3) span:nth-child(2){ background:url(/template/pc/skin/img/jlbcp3.png) top left no-repeat;background-size:15%;}
.fabric .swiper4 li:nth-child(4) span:nth-child(2){ background:url(/template/pc/skin/img/jlbcp4.png) top left no-repeat;background-size:15%;}
.fabric .swiper4 li span:nth-child(2) b{ float:left; width:100%; font-size:1.4rem}




.case{ float:left; width:100%; height:1195px; background:#000;}
.case .mian{ width:1142px; margin-top:220px;}
.case .div{ float:right; width:562px; height:360px; background:#008636; padding:63px 82px 48px 72px; color:#FFF;}
.case .div samp{ float:left; width:100%; font-size:20px;text-transform:Uppercase; font-family:"TT0282M_"; padding-left:54px; background:url(/template/pc/skin/img/title.png) left  no-repeat;background-size:12%}
.case .div .span{ float:left; width:100%; font-size:42px;}
.case .div .spana{ float:left; font-size:18px; margin-top:23px;}
.case .div a{ float:left; width:130px; height:40px; background:#FFF; text-align:center; line-height:40px; font-size:14px; color:#333; margin-top:45px;}
.links{padding: 8px;background-color: #52b529;margin: 5px;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.links a{color: #fff;display: inline-block;width: 100%;height: 100%;text-decoration: none;}
.links:hover{background-color: #1e824c;}
.current{background-color: #22a7f0;}
.swiper-container {width: 100%;height: 300px;margin: 20px 0;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper1{ float:left; width:561px; height:740px; margin:0;}
.swiper2{ float:right; width:562px; height:360px;}


.join{ float:left; width:100%; background:url(/template/pc/skin/img/join.jpg) no-repeat; height:800px;}
.join .mian{ width:1142px;}
.join .span{ float:left; width:100%; font-size:42px; padding-left:74px; background:url(/template/pc/skin/img/title.png) left 28px no-repeat;background-size:5%; margin-top:173px;}
.join .div{ float:left; width:560px; color:#333; margin-top:145px;}
.join .div strong{ float:left; width:100%; font-size:36px;}
.join .div .span1{ float:left; font-size:24px; margin-top:35px;}
.join .div a{ float:left; width:130px; height:40px; line-height:40px; text-align:center; background:#FFF; font-size:14px; color:#333; margin-top:85px;}

.news{ width:1142px; margin-top:165px; position:relative;}
.news .head{ float:left; width:605px;}
.news .head .span1{ float:left; font-size:42px;text-transform:Uppercase; padding-left:74px; background:url(/template/pc/skin/img/title.png) left 28px no-repeat;background-size:9%;}
.news .head .span2{ float:left; font-size:18px; margin-top:15px;}
.news .head samp{ float:right; position:absolute; right:0;}
.news ul{ float:left; width:1142px;}
.news ul li{ float:left; width:270px; margin-top:30px; margin-left:20px;}
.news ul li samp{ float:left; width:270px; height:180px; overflow:hidden;}
.news ul li samp img{}
.news ul li .span1{ float:left; width:100%; height:18px; line-height:18px; margin-top:17px;}
.news ul li a{ color: #000;}
.news ul li .span1 .a{ float:right; color:#FFF;text-transform:Uppercase; width:64px; text-align:center; background:#008636;}
.news ul li .span2{ float:left; font-size:16px; height: 45px; overflow: hidden; margin:10px auto}
.news ul li .span3{ float:left; color:#666;}
.news ul li:first-of-type,.news ul li:nth-child(5){ margin-left:0;}