@charset "utf-8";
body{font-family:"Microsoft Yahei";}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}
/**/
.wiy{background: url(../images/tils.jpg) no-repeat center 0; height:784px; overflow-x: hidden; margin-bottom: 29px;}
.wiy h2{padding-top: 133px; text-align: right; padding-bottom: 16px;}
.wiy .content{ position:relative;}
.wiy h3 span{ display: block; margin-bottom: -50px; position: relative; text-align: right; padding-right: 120px; z-index: 999;}
.wiy h3 i img{ display: block; margin-left: 305px;transition: all 0.3s linear 0s;}
.wiy h3 i:hover  img{ transform: translateX(-7px);}
.w_on{ position: absolute; left: 0; top: 630px; z-index: 666;background: url(../images/til1.png) no-repeat; width: 1009px; height: 150px;}
.w_on p{ padding:34px 0 0 252px; color: #17120f; font-size: 15px; width: 490px; line-height: 27px;}
/**/
.zat{overflow: hidden; padding-bottom: 50px;}
.zat h2{ height: 226px; overflow: hidden;}
.zat h2 span{ display: inline-block; float: right; font-weight: normal; font-size: 15px; width: 443px; padding-top: 48px;}
.zat h2 span a{ display: inline-block; padding-left: 15px; color: #626161; width: 93px; float: left; line-height: 30px;background: url(../images/p_io.jpg) no-repeat 0 14px;}
.zat h2 span a:hover{ color: #84c225;}

.zt_on{ width: 100%; clear: both;}
.zt_on ul li{ width: 32%; float: left; box-sizing: border-box; margin:0 0.66% 20px;position: relative;  font-size: 16px; color: #333; padding:15px 0; background: #f6f6f6;}
.zt_on ul li img{ width: 100%; display: inline-block;}
.zt_on ul li b{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.zt_on ul li b em{ display: block; padding:11% 0 78px 37px; color: #17120f;background: url(../images/p_m1.png) no-repeat 37px 118px;}
.zt_on ul li b em  span{ display: block; font-size: 14px; color: #999;font-weight: normal;}
.zt_on ul li:hover b{ background:url(../images/pmn.png) repeat;}
.zt_on ul li:hover b em{ color: #fff;background: url(../images/p_m2.png) no-repeat 37px 117px;}
.zt_on ul li:hover b em span{ color: #fff;}
/**/
.toud{background: url(../images/toud.jpg) no-repeat center 0; height: 958px; overflow: hidden; }
.toud h2{ font-size: 0; padding-top: 79px; height: 250px;}
.toud ul{ overflow: hidden;}
.toud ul li{ position: relative; float: left; padding-left: 100px; width: 400px; height: auto;}
.toud ul li b{ display: none;}
.toud ul li:nth-of-type(2n){ width: 442px; float: right; padding-right: 60px;}
.toud ul li em{ display: block; overflow: hidden;width: 90px;margin: 0 auto;}
.toud ul li em img{ display: inline-block; float: left; padding-right: 10px;width: 90px;height: 90px}
.toud ul li em span{ display: inline-block; float: left; font-size: 26px; color: #333;font-weight: bold;padding-top:14px;}
.toud ul li i{ font-size: 25px;
    color: #333;
    line-height: 38px;
    padding-top: 18px;
    display: block;
    font-weight: bold;
    text-align: center;padding-bottom: 18px}
.toud ul li:hover b{ display: inline-block; position: absolute; left:100px; top: 0;}
.toud ul li:hover  b img{ display: inline-block; border:4px solid #84c225;}
/**/
.liuc{ padding-top:104px; background:url(../images/lc.jpg) no-repeat center bottom #fafafa; height: 602px;}
.liuc h2{ float: left; }
.liuc ul{ float: left;padding-left: 147px;}
.liuc ul li{ float: left; width: 141px; font-size: 20px; color: #666; font-weight: bold; letter-spacing: 2px; height: 239px;background:url(../images/lc_li.png) no-repeat left bottom;}
.liuc ul i{ display: block; padding-top:29px;}
.liuc ul i span{ display: block; font-weight: normal; font-size: 18px; padding-bottom: 11px;}
.liuc ul li img{-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
.liuc ul li:hover{ color:#333;background:url(../images/lc_cur.png) no-repeat left bottom;}
.liuc ul li:hover img{-webkit-filter:none;
    -moz-filter:none;
    -ms-filter: none;
    -o-filter:none;
    filter:none;
    filter:none;}
.liuc h3{ float: right; padding-top: 93px;background:url(../images/ll.png) no-repeat right 8px;font-weight: normal; font-size: 16px; color: #333; text-align: right; line-height: 100%;}
.liuc h3 span{ display: block;font-weight: bold; color: #333; font-size: 32px; font-family: Arial; line-height: 100%; padding-top:10px;}
/**/
.shebeicen{padding-top: 40px!important}
.cses{background:url(../images/bg2.jpg) repeat; padding-top: 118px; /*height: 986px;*/ overflow: hidden;}
.cses h2{ font-size: 0; height: 181px;background:url(../images/case.png) no-repeat right 37px;}
.c_li{ height: 85px; overflow: hidden;}
.c_li li{ float: left; padding-right:4px;}
.c_li li a{ display: inline-block; font-size: 15px; color: #333; font-weight: bold; height: 30px; line-height: 30px; border: 2px solid #f3f3f3; padding: 0 16px; border-radius:34px;}
.c_li li a:hover{border: 2px solid #84c225; }
.c_li h3{ float: right; padding-right: 32px; font-size: 15px; line-height: 34px;background:url(../images/c_more.png) no-repeat right 12px;}
.c_li h3 a{ color: #333;}
.c_li h3 a:hover{ color: #84c225;}

.cases { position: relative; }
.cases dl { margin-bottom: 8.3rem; opacity: .2; position: relative; }
.cases dl.swiper-slide-active { opacity: 1; }
.cases dd { position: absolute; left: 100px; bottom: 36px;background:url(../images/mok.png) no-repeat; width: 1000px; height: 100px;}
.cases dd h4{ float: left; font-size:25px; color: #333; text-align: center; width: 200px; padding-top: 25px; line-height: 100%;}
.cases dd h4 span{ display: block; font-size: 18px; padding-top: 5px;}
.cases dd p{ float: left; padding: 22px 0 0 64px; width: 590px; color: #d0cdca; line-height: 30px; font-size: 15px; letter-spacing: 2px;}
/**/
.yous{ padding-top: 121px;background:url(../images/yous.jpg) no-repeat center 0; height: 985px; overflow: hidden;}
.yous .content{ position: relative;}
.yous h2{ position: absolute; left: 0; top: 0;}
.ys_on{ height: 611px;}
.ys_on1{ position: relative; padding-top: 336px; padding-left: 125px;background:url(../images/j_lin.jpg) no-repeat 0 402px;}
.ys_on1 em{ display: block; position: absolute; right: -360px; top: 0;}
.ys_on1 h3{ font-size: 20px; color: #333;font-weight: normal; margin-bottom: 34px;}
.ys_on1 h3 span{ display: block; font-size: 40px;}
.ys_on1 p{ width: 405px; font-size: 16px; color: #333; line-height: 31px;}
.ys_on1 p i{ color: #76b319;}
.yi_li ul li{ float: left; margin-right: 10px; position: relative;}
.yi_li ul li img{ width: 190px; height: 120px;}
.yi_li ul li span{ display:none;}
.yi_li ul li.cur span{ display: inline-block;position: absolute; left: 0; top: 0;background:url(../images/y_curi.png) no-repeat; height:143px; width: 190px; color: #17120f; font-size: 18px; font-family: Arial; text-align: center; padding-top: 111px; box-sizing: border-box;}
    /**/
.jujs{ overflow: hidden; /*background:url(../images/juj.jpg) no-repeat center 0;*/ height: 830px;}
.ji_l{ padding-top: 59px; height: 190px; overflow: hidden;}
.ji_l h2{ float: left;}
.ji_l ul{ float: right; padding-top: 43px;}
.ji_l ul li{ float: left; padding-right:4px;}
.ji_l ul li a{ display: inline-block; font-size: 15px; color: #17120f; font-weight: bold; height: 30px; line-height: 30px; border: 1px solid #eee; padding: 0 31px; border-radius:34px;}
.ji_l ul li a:hover{border:1px solid #84c225; }

.ji_on dl{ float: left; width: 600px;}
.ji_on dl dt img{ width: 600px; height: 337px;}
.ji_on dl dd{ padding: 29px 0 0 50px;background:url(../images/j_lin.jpg) no-repeat 0 66px;}
.ji_on dl dd h3{ padding-bottom: 33px;}
.ji_on dl dd h3 a{ color: #17120f; font-size: 16px;}
.ji_on dl dd h3 a:hover{ color: #84c225;}
.ji_on dl dd p{ font-size: 14px; color: #666;}

.ji_o{ width: 500px; float: right;}
.ji_om ul li em{ display: block; overflow: hidden;background:url(../images/j_io22.png) no-repeat right 9px; margin-bottom: 13px;}
.ji_om ul li em span{ display: inline-block; float: left; color: #17120f; font-size:40px; font-family: Arial; line-height: 100%;}
.ji_om ul li em i{ display: block; padding-left: 110px; line-height: 32px;background:url(../images/j_lin.jpg) no-repeat left center; margin-top:4px; font-size: 15px; color: #999;  float: left; margin-left: -29px;}
.ji_om ul li strong{ display: block; font-size: 14px; color: #666; padding-bottom: 63px;}
.ji_om ul li:hover em{background:url(../images/j_io11.png) no-repeat right 9px;}
.ji_om ul li:hover strong{font-weight: bold; color: #17120f;}
    /**/
.zjo{ overflow: hidden;background:url(../images/rongy.jpg) no-repeat center 0; height: 800px; }
.zjo h3{ float: left; padding-top: 490px;}
.zjo h3 a{ display: block; margin-bottom: 26px;}
.zi_ro{ float: right; padding: 207px 100px 0 0; width: 602px; text-align: right;}
.zi_ro h2{ padding-bottom: 31px;}
.zi_ro p{ font-size: 14px; color: #666; line-height:30px; padding-bottom: 24px;}
.zi_ro em{ display: block;}
.zi_ro em img{ display: inline-block; float: left; width: 180px; height: 100px;transition: all 0.3s linear 0s}
.zi_ro em img:nth-of-type(2){ padding: 0 30px;}
.zi_ro em img:hover{transform: scale(1.02);}
    /**/
.lixn{ background: #fafafa; padding-top: 119px; height: 179px;}
.lixn h3{ float: left;}
.lixn ul{ float: right;}
.lixn ul li{ float: left; padding-left: 46px;background:url(../images/l_tel.png) no-repeat; margin-left:96px;}
.lixn ul li span{ display: block; line-height: 25px; font-size: 16px; color: #999999; margin-bottom: 22px;}
.lixn ul li i{ display: block; font-family: Impact; color: #333; font-size:28px;}
/**/
@media screen and (min-width:320px) {html {font-size: 10px;}}
@media screen and (min-width:360px) {html {font-size: 11.25px;}}
@media screen and (min-width:375px) {html {font-size: 11.7px;}}
@media screen and (min-width:384px) {html {font-size: 12px;}}
@media screen and (min-width:480px) {html {font-size: 15px;}}
@media screen and (min-width:414px) {html {font-size: 13px;}}
@media screen and (min-width:560px) {html {font-size: 17.5px;}}
@media screen and (min-width:640px) {html {font-size: 20px;}}


.bannervideo{height: auto;
	position: relative;
	background-image: url(../images/539176d003c84c09ae994fad800ca320_92.jpg);
	}

.bannervideo video {display: block;position: absolute;left: 0;top: 0px;width: 100%;margin-top: -119px}
.bannervideoinner{position: absolute;top: 30%}