@charset "utf-8";
/* 
    author:PengJin;
    date:2019-06-19;
*/

/* --banner-- */
.banner{clear:both;position:relative;z-index:1;width:100%;height:890px;overflow:hidden;}
.banner .hd{position:absolute;left:0;bottom:96px;width:100%;height:19px;text-align:center;}
.banner .hd li{display:inline-block;*display:inline;*zoom:1;margin:0 7px;width:19px;height:19px;text-indent:-9999px;cursor:pointer;background:url(../img/dot.png) no-repeat right 0;border-radius:50%;}
.banner .hd li.cur{background-position:0 0;}
.banner .bd,.banner .bd ul{height:650px;}
.banner .bd li{width:100%;height:650px;}
.banner .bd li a{display:block;width:100%;height:890px;text-indent:-9999px;background-repeat:no-repeat;background-position:center;}
.banner .bd li .text{margin:0 auto;width:1200px;height:650px;animation:fadeinR 1s ease-out backwards;transition:all 0.5s linear;}
.banner .bd li .text img{display:block;transition:all 1s;}
/*--.banner .bd li a:hover .text img{transform:translateX(100px);}--*/
.banner .bd li:nth-child(1) .text{animation:fadeinR 1s ease-out backwards;}
.banner .bd li:nth-child(2) .text{animation:bounceinT 1s ease-out backwards;}
.banner .bd li:nth-child(3) .text{animation:flipinY 1s ease-out backwards;}
.banner .bd li:nth-child(4) .text{animation:rotateinLT 1s ease-out backwards;}
.banner .bd li:nth-child(5) .text{animation:fadeinB 1s ease-out backwards;}
.banner .prev,.banner .next{position:absolute;z-index:999;top:50%;margin-top:-30px;width:56px;height:56px;cursor:pointer;opacity:0;transition: all 1s;}
.banner .prev{left:2%;background:url(../img/banner_prev.png) no-repeat center;}
.banner .next{right:2%;background:url(../img/banner_next.png) no-repeat center;}
.banner:hover .prev,.banner:hover .next{opacity:0.5;background-color:#29166f;}
.banner .prev:hover,.banner .next:hover{opacity:1;}
/* --end banner-- */

/* --chart-- */
.chart{padding-bottom:20px;background:#fff;}
.chart-list{position:relative;z-index:33;margin-top:-85px;padding:48px 0 26px;height:100px;overflow:hidden;border-bottom:#261468 solid 5px;background:#fff;display:none;}
.chart-list dl{float:left;width:299px;height:100px;text-align:center;border-right:#e5e5e5 solid 1px;}
.chart-list dt{position:relative;padding-bottom:10px;height:55px;overflow:hidden;background:url(../img/chart_line.png) no-repeat center bottom;}
.chart-list dt strong{position:relative;z-index:3;font-size:55px;color:#333;}
.chart-list dt em{display:block;position:absolute;z-index:2;top:9px;padding:0 8px 0 12px;height:19px;line-height:19px;font-size:14px;color:#000;background:#e8e8e8 url(../img/chart_em.png) no-repeat;border-radius:0 10px 10px 0;}
.chart-list dd{padding-top:10px;font-size:14px;color:#333;}
.chart-list dl.item-1 dt em{right:92px;}
.chart-list dl.item-2 dt em{right:48px;}
.chart-list dl.item-3 dt em{right:46px;}
.chart-list dl.item-4 dt em{right:32px;}
/* --end chart-- */

/* --product-- */
.product{padding:60px 0;overflow:hidden;background:#fff;}
.product-menu{margin:0 auto 28px;text-align:center;overflow:hidden;}
.product-menu a{display:inline-block;margin:0 5px;width:120px;height:38px;line-height:38px;font-size:16px;color:#333;border:#dcd9d2 solid 1px;background:#fff;}
.product-menu a.cur,.product-menu a:hover{color:#fff;border-color:#009944;background:#009944;}
.product-main{overflow:hidden;}
.product-list{width:1224px;overflow:hidden;}
.product-list .item{float:left;margin-right:24px;margin-bottom:30px;width:280px;overflow:hidden;background:#fff;}
.product-list .pic{display:block;width:280px;height:210px;overflow:hidden;border-bottom:#ddd dotted 1px;}
.product-list .pic img{display:block;width:100%;}
.product-list .tit{display:block;margin-top:12px;height:25px;line-height:28px;font-size:16px;color:#333;text-align:center;overflow:hidden;}
.product-list .item:hover .pic img{animation:bounce 1s ease-out backwards;}
.product-list .item:hover .tit{color:#009944;}
/* --end product-- */

/* --ad-- */
.ad{height:auto;}
.ad .pic{animation:fadeinT 1s ease-out backwards;}
.ad .pic img{display:block;width:1200px;filter:grayscale(100%);transition:all 1s;}
.ad .pic a:hover img{filter:grayscale(0);animation:bounce 1s ease-out backwards;}
.ad.bg1{height:365px;background:url(../img/index_86.jpg)no-repeat center;}
.ad.bg2{background:url(../img/ad_bg02.jpg) no-repeat center;}
/* --end ad-- */

/* --goods-- */
.goods{padding-top:60px;overflow:hidden;background:#f3f3f3;}
.goods-tab{overflow:hidden;}
.goods-menu{margin-bottom:20px;overflow:hidden;}
.goods-menu ul{width:1220px;}
.goods-menu li{position:relative;float:left;margin-right:19px;text-align:center;overflow:hidden;}
.goods-menu li a{display:block;width:182px;height:109px;border:#dcd9d2 solid 1px;}
.goods-menu li i{display:block;position:relative;margin:10px auto 5px;width:120px;height:60px;overflow:hidden;}
.goods-menu li i img{display:block;position:absolute;left:0;top:0;}
.goods-menu li span{display:block;font-size:16px;color:#333;}
.goods-menu li:before,.goods-menu li:after{display:block;position:absolute;z-index:3;width:0px;height:1px;content:"";background:#039a46;transition:all 1s;}
.goods-menu li:before{top:0;left:0;}
.goods-menu li:after{bottom:0;right:0;}
.goods-menu li.cur:before,.goods-menu li.cur:after{width:100%;}
.goods-menu li.cur i img{top:-60px;}
.goods-menu li.cur span{color:#039a46;}
.goods-main{overflow:hidden;}
.goods-main .item{width:1200px;height:518px;overflow:hidden;}
.goods-main .item img{display:block;width:1200px;height:518px;transition:all .5s;}
.goods-main .item a:hover img{transform:scale(1.05);}
/* --end goods-- */

/* --case-- */
.case{padding:60px 0 30px;overflow:hidden;background:#fbfbfb;}
.case-menu{float:left;width:526px;height:520px;overflow:hidden;border-left:#e3e3e3 solid 1px;border-bottom:#e3e3e3 solid 1px;}
.case-menu .item{float:left;width:262px;height:129px;border-top:#e3e3e3 solid 1px;border-right:#e3e3e3 solid 1px;background:#fff;}
.case-menu .item a{display:block;padding-top:43px;padding-left:40px;overflow:hidden;}
.case-menu .item i{display:block;float:left;margin-right:15px;width:45px;height:45px;}
.case-menu .item span{display:block;height:30px;line-height:30px;font-size:20px;color:#333;}
.case-menu .item em{height:15px;line-height:15px;font-family:Arial;font-size:12px;color:#999;}
.case-menu .item:hover{background:#9e3132;}
.case-menu .item:hover *{color:#fff;}
.case-menu .item:hover i{transform:rotateY(180deg);filter:brightness(150%);transition:all 1s;}
.case-slide{float:left;position:relative;width:672px;height:521px;overflow:hidden;}
.case-slide .item{position:relative;width:672px;height:521px;overflow:hidden;}
.case-slide .item .pic{width:672px;height:521px;overflow:hidden;}
.case-slide .item .pic img{display:block;width:672px;height:521px;transition:all 1s;}
.case-slide .item .tit{position:absolute;left:0;bottom:0;width:100%;height:58px;line-height:58px;text-indent:25px;font-size:18px;color:#fff;background:rgba(0,0,0,0.5);}
.case-slide .item:hover .pic img{transform:scale(1.05);}
.case-slide .hd{position:absolute;right:18px;bottom:21px;height:10px;}
.case-slide .hd li{display:inline-block;margin:0 6px;width:10px;height:10px;text-indent:-9999px;background:#fff;border-radius:50px;}
.case-slide .hd li.cur{background:#039a46;}
/* --end case-- */

/* --photos-- */
.photos{padding:60px 0;overflow:hidden;background:#fff;}
.photos .leftCon{position:relative;float:left;width:47.65625%;overflow:hidden;}
.photos .leftCon .pic img{display:block;width:100%;transition:all 1s;}
.photos .leftCon .text{position:absolute;left:0;bottom:0;padding:20px 40px 20px 100px;width:100%;height:106px;color:#fff;background:url(../img/photo_icon1.png) no-repeat 42px center,url(../images/Index/photos_text.png) no-repeat;box-sizing:border-box;}
.photos .leftCon .text span{display:block;height:40px;line-height:40px;font-size:28px;overflow:hidden;}
.photos .leftCon .text p{height:25px;line-height:25px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.photos .leftCon:hover .text{background:url(../img/photo_icon1.png) no-repeat 42px center,url(../images/Index/photos_text_cur.png) no-repeat;}
.photos .rightCon{float:right;width:52.34375%;}
.photos .rightCon .top{overflow:hidden;}
.photos .rightCon .top .item{position:relative;float:left;width:50%;}
.photos .rightCon .top .pic{overflow:hidden;}
.photos .rightCon .top .pic img{display:block;width:100%;transition:all 1s;}
.photos .rightCon .top .tit{position:absolute;left:0;bottom:0;width:100%;height:56px;line-height:56px;text-indent:50px;font-size:18px;color:#fff;background:rgba(0,0,0,0.8) url(../img/photo_line.png) no-repeat 90% center;}
.photos .rightCon .top .item:hover .tit{background-color:rgba(3,154,70,0.8);}
.photos .rightCon .btm{position:relative;overflow:hidden;}
.photos .rightCon .btm .pic img{display:block;width:100%;transition:all 1s;}
.photos .rightCon .btm .text{position:absolute;left:0;bottom:0;padding:20px 40px 20px 100px;width:100%;height:106px;color:#fff;background:url(../img/photo_icon2.png) no-repeat 42px center,url(../images/Index/photos_text.png) no-repeat;box-sizing:border-box;}
.photos .rightCon .btm .text span{display:block;height:40px;line-height:40px;font-size:28px;overflow:hidden;}
.photos .rightCon .btm .text p{height:25px;line-height:25px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.photos .rightCon .btm:hover .text{background:url(../img/photo_icon2.png) no-repeat 42px center,url(../images/Index/photos_text_cur.png) no-repeat;}
.photos a:hover img{transform:scale(1.05);}
/* --end photos-- */

/* --intros-- */
.intros{padding:60px 0;overflow:hidden;background:#fff;}
.intros .inner{height:488px;overflow:hidden;}
.intros .pic{float:left;width:663px;height:488px;overflow:hidden;}
.intros .pic img{display:block;width:663px;height:488px;}
.intros .pic a:hover img{opacity:0.8;}
.intros .text{float:right;padding:50px 40px;width:457px;height:388px;overflow:hidden;background:url(../img/intros_text_bg.jpg) no-repeat;} 
.intros .text h3{height:38px;line-height:38px;font-size:30px;font-weight:normal;color:#333;}
.intros .text em{display:block;height:20px;line-height:20px;font-size:12px;font-family:Arial;color:#666;}
.intros .text ul{margin:20px 0;width:362px;height:200px;overflow:hidden;}
.intros .text ul li{padding-left:20px;height:49px;line-height:49px;font-size:18px;color:#333;border-bottom:#ddd dashed 1px;background:url(../img/intro_list.png) no-repeat 0 center;}
.intros .text .more{display:block;margin-top:50px;width:127px;height:38px;line-height:38px;font-size:16px;color:#fff;text-align:center;background:#039a46;border-radius:20px;}
/* --end intros-- */

/* --adv-- */
.adv{height: 680px;margin-top: 110px;overflow: hidden;background: url(../img/index6_1.jpg);}
.adv-list{overflow:hidden;height: 300px;padding-top: 50px}
.adv-list .group{margin-bottom:20px;height:310px;overflow:hidden;}
.adv-list .group-1{background:url(../img/adv_vs1.png) no-repeat center;}
.adv-list .group-2{background:url(../img/adv_vs2.png) no-repeat center;}
.adv-list .group-3{background:url(../img/adv_vs3.png) no-repeat center;}
.adv-list .group-4{background:url(../img/adv_vs4.png) no-repeat center;}
.adv-list .item{width:524px;overflow:hidden;background:#fff;}
.adv-list .item-1{float:left;}
.adv-list .item-2{float:right;}
.adv-list .item .pic{width:524px;height:250px;overflow:hidden;}
.adv-list .item .pic img{display:block;width:524px;height:250px;}
.adv-list .item .tit{height:60px;line-height:60px;text-align:center;font-size:20px;color:#333;}
.adv-list .item-1 .tit{font-weight:bold;}
/* --end adv-- */

/* --service-- */
.service{padding:60px 0;height:257px;overflow:hidden;background:url(../img/service_bg.jpg) no-repeat center;}
.service .pic{overflow:hidden;}
.service .tel{padding-top:70px;text-align:center;color:#333;font-size:20px;}
.service .tel span{display:inline-block;padding:5px 20px;background: rgba(255,255,255,0.85);border-radius:20px;}
/* --end service-- */

/* --aboutus-- */
.aboutus{padding:150px 0;overflow:hidden;background:url(/img/gsjj_bg.jpg);}
.aboutus .pic{float:left;width:628px;height:408px;overflow:hidden;}
.aboutus .pic img{display:block;width:628px;height:408px;transition:all 1s;}
.aboutus .pic a:hover img{transform:scale(1.05);}
.aboutus .text{padding-left:70px;overflow:hidden;}
.aboutus .text h3{font-size:40px;font-weight:normal;}
.aboutus .text h3 a{color:#fff;}
/*.aboutus .text h3 a:hover{color:#261468;}*/
.aboutus .text span{display:block;margin-top:6px;height:25px;line-height:25px;font-size:18px;color:#fff;}
.aboutus .text p{margin-top:25px;height:138px;line-height:28px;font-size:14px;color:#fff;overflow:hidden;}
.aboutus .text .read{display:block;margin-top:75px;width:130px;height:40px;line-height:40px;text-align:center;font-size:16px;color:#fff;border:#fff solid 1px;}
.aboutus .text .read:hover{color:#fff;background:#261468;border-color:#261468;}
/* --end aboutus-- */

/* --news-- */
.news{padding:70px 0;overflow:hidden;background:#fff;}
.news-hd{margin-bottom:40px;height:42px;overflow:hidden;}
.news-hd .title{line-height:42px;}
.news-hd .title span{display:inline-block;font-size:36px;color:#333;}
.news-hd .title em{display:inline-block;font-size:16px;color:#999;}
.news-menu{float:right;}
.news-menu li{float:left;margin-left:14px;text-align:center;}
.news-menu li a{display:block;width:128px;height:40px;line-height:40px;border:#e1e1e1 solid 1px;background:#fff;border-radius:20px;}
.news-menu li.cur a{color:#fff;border-color:#261468;background:#261468;}
.news-hot{float:left;padding:20px;width:495px;height:486px;overflow:hidden;background:#f4f4f4;}
.news-hot .pic{width:495px;height:308px;overflow:hidden;}
.news-hot .pic img{display:block;width:495px;transition:all 0.5s linear;}
.news-hot .text{padding:30px 0;overflow:hidden;border-bottom:#ddd dashed 1px;}
.news-hot .text h3{height:35px;line-height:35px;font-size:18px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.news-hot .text h3 a{color:#333;}
.news-hot .text p{height:48px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-hot .text p a{color:#999;}
.news-hot .date{padding-top:16px;height:16px;line-height:16px;overflow:hidden;}
.news-hot .date .read{display:block;float:right;width:20px;height:16px;background:url(../img/read.png) no-repeat center;}
.news-hot .date em{color:#999;font-size:14px;}
.news-hot:hover{background:#261468;transition:all 0.5s;}
.news-hot:hover .pic img{transform:scale(1.1);}
.news-hot:hover .text *{color:#fff;}
.news-hot:hover .text h3{font-weight:bold;}
.news-hot:hover .date em{color:#fff;}
.news-hot:hover .date .read{filter:contrast(0%) brightness(200%);}
.news-list{float:right;width:632px;height:526px;background:#f4f4f4;overflow:hidden;}
.news-list .item{margin:0 20px;padding:25px 0;height:124px;border-bottom:#ddd dashed 1px;}
.news-list .item:last-child{border-bottom:none;}
.news-list .pic{float:left;width:249px;height:124px;overflow:hidden;}
.news-list .pic img{display:block;height:124px;transition:all 0.5s linear;}
.news-list .text{padding-left:24px;height:124px;overflow:hidden;}
.news-list .text h3{height:30px;line-height:30px;font-weight:normal;font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.news-list .text p{margin-top:4px;height:48px;line-height:24px;font-size:14px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-list .text em{display:block;margin-top:28px;height:16px;line-height:16px;color:#999;font-size:14px;overflow:hidden;}
.news-list .item:hover{padding:25px 20px;margin:0;background:#261468;}
.news-list .item:hover .text *{color:#fff;}
.news-list .item:hover .text h3{font-weight:bold;}
.news-list .item:hover .pic img{transform:scale(1.1);}
/* --end news-- */

.flinks{display:block;}
.dl li {
	height: 300px;
	display: inline-block;
	margin-left: 60px;
}

.dl li:first-child{
	margin: 0;
}

.w_box {
	margin-top: 40px;
}