﻿/* --banner-- */
.banner{clear:both;position:relative;width:100%;height:660px;overflow:hidden;}
.banner .hd{position:absolute;left:0;bottom:30px;width:100%;height:2px;text-align:center;}
.banner .hd li{display:inline-block;*display:line;*zoom:1;margin:0 10px;width:10px;height:10px;text-indent:-9999px;cursor:pointer;background:#0079d5;border-radius:50%;}
.banner .hd li.cur{background:#0079d5;}
.banner .bd,.banner .bd ul{height:660px;}
.banner .bd li{position:relative;width:100%;height:660px;}
.banner .bd li a{display:block;position:absolute;left:50%;top:0;margin-left:-960px;width:1920px;height:660px;}
.banner .prev,.banner .next{position:absolute;z-index:999;top:50%;margin-top:-30px;width:58px;height:58px;cursor:pointer;opacity:0;transition: all 1s;}
.banner .prev{left:2%;background:url(../images/banner_prev.png) no-repeat;}
.banner .next{right:2%;background:url(../images/banner_next.png) no-repeat;}
.banner:hover .prev,.banner:hover .next{opacity:1;}
.banner .timer{position:absolute;bottom:0;width:100%;height:4px;background:#8bc63e;}
.banner .timer span{display:block;width:100%;height:4px;background:#0d9344;}
/* --end banner-- */

/* --wrap-title-- */
.wrap-title{margin-bottom:30px;text-align:center;line-height:1.5;overflow:hidden;animation:fadeinT 1s ease-out backwards;}
.wrap-title h2{font-size:35px;color:#333;font-weight:normal;}
.wrap-title h2 a{color:#333; font-weight:bold;}
.wrap-title p{font-size:18px;color:#666;}
.wrap-title.white *{color:#fff;}
/* --end wrap-title-- */

/* --product-- */
.product{padding:60px 0;overflow:hidden;background:#f2f2f2;}
.product1{padding:20px 0;overflow:hidden;background:#f2f2f2;}
.product-menu,.product-menu02{overflow:hidden;}
.product-menu dl,.product-menu02 dl{overflow:hidden;}
.product-menu dt,.product-menu02 dt{float:left;width:210px;text-align:center;font-size:18px;}
.product-menu dt{height: 88px;line-height: 89px;}
.product-menu02 dt{height:70px;line-height:70px;}
.product-menu dt a,.product-menu02 dt a{display:block;font-size:18px;color:#fff;}
.product-menu dt a{background:#8bc63e;}
.product-menu02 dt a{background:#8bc63e;}
.product-menu dd{position:relative}
.product-menu dd:after{position:absolute;left:0;top: 70px;content:"";display:block;width:100%;height:1px;/* background:#ddd; */}
.product-menu dd,.product-menu02 dd{position:relative;float:right;width:990px;background:#fff;  }
.product-menu dd{height: 88px;line-height: 90px;border-bottom:#ddd solid 1px;}
.product-menu02 dd{height:70px;line-height:70px;border-bottom:#ddd solid 1px;}
.product-menu dd li{float:left;width:196px;text-align:center;font-size:16px;overflow:hidden;}
.product-menu02 dd li{float:left;width:165px;text-align:center;font-size:16px;overflow:hidden;}
.product-menu dd li a,.product-menu02 dd li a{display:block;color:#666;border-radius:35px;transition: all 1s;}
.product-menu dd li a:hover,.product-menu02 dd li a:hover{color:#0079d5; box-shadow: 0 0 10px #0079d5 inset;border-radius:0;}
.product-menu dd .line,.product-menu02 dd .line{position:absolute;z-index:3;top:0;width:1px;height:100%;background:#ddd;}
.product-menu dd .line01,.product-menu02 dd .line01{left:165px;}
.product-menu dd .line02,.product-menu02 dd .line02{left:330px;}
.product-menu dd .line03,.product-menu02 dd .line03{left:495px;}
.product-menu dd .line04,.product-menu02 dd .line04{left:660px;}
.product-menu dd .line05,.product-menu02 dd .line05{left:825px;}
.product-menu dd .line05,.product-menu02 dd .line06{left:990px;}
.product-list{clear:both;padding-top:40px;width:1230px;}
.product-list .item{float:left;margin-right:30px;margin-bottom:30px;width:380px;height:410px;background:#fff;}
.product-list .pic{position:relative;width:380px;height:293px;overflow:hidden;border-bottom:#ddd solid 1px;}
.product-list .pic img{display:block;width:380px;height:293px;transition: all ease-in-out 1s;}
.product-list .text{padding:25px 35px 20px;overflow:hidden;}
.product-list .text span{display:block;height:28px;line-height:28px;font-size:18px;overflow:hidden;}
.product-list .text span a{color:#333;}
.product-list .text p{height:26px;line-height:26px;font-size:14px;color:#666;overflow:hidden;}
.product-list .item:hover .pic img{transform:scale(1.1);}
.product-list .item:hover span a{color:#8bc63e;}
.product-list .item:hover{box-shadow:0 0 20px #ccc;}
/* --end product-- */

/* --case-- */
.case{padding:60px 0;overflow:hidden;background:#f8f8f8;}
.case-tab .tab-menu{position:relative;z-index:2;height:85px;line-height:85px;background:#0079d5;}
.case-tab .tab-menu li{position:relative;float:left;width:20%;font-size:16px;}
.case-tab .tab-menu li:last-child a{border-right:none;}
.case-tab .tab-menu li a{display:block;color:#fff;text-align:center;border-right:#fff solid 1px;}
.case-tab .tab-menu li i,.case-tab .tab-menu li span{display:inline-block;margin:0 6px;vertical-align:middle;}
.case-tab .tab-menu li i{position:relative;width:26px;height:26px;overflow:hidden;}
.case-tab .tab-menu li i img{display:block;position:absolute;top:0;left:0;transition: all ease-in-out 0.5s;}
.case-tab .tab-menu li.cur{box-shadow:0 0 10px #8bc63e;}
.case-tab .tab-menu li.cur a{background:#8bc63e;}
.case-tab .tab-menu li.cur:after{display:block;content:"";position:absolute;top:100%;width:100%;height:6px;background:url(../images/case_tab_cur.png) no-repeat center;}
.case-tab .tab-main{position:relative;z-index:1;padding:45px;height:352px;background:#fff;box-shadow:0 0 30px #b2cff1}
.case-item{overflow:hidden;}
.case-item .text{position:relative;float:left;padding-left:15px;width:354px;height:352px;}
.case-item .text h3{height:50px;line-height:50px;font-weight:normal;border-bottom:#ddd solid 1px;overflow:hidden;}
.case-item .text h3 a{color:#4b4b4b; font-size:28px; font-weight:bold;}
.case-item .text .abstr{margin-top:15px;height:206px;line-height:26px;font-size:15px;color:#666;overflow:hidden;}
.case-item .text .abstr p{ text-indent:15px;background:url(../images/quan.png) no-repeat left 8px;}
.case-item .text .btnBox{margin-top:30px;width:290px;height:50px;line-height:50px;text-align:center;overflow:hidden;}
.case-item .text .btnBox a{display:block;width:142px;color:#fff;font-size:14px;border-radius:5px;}
.case-item .text .btnBox a.fl{background:#0079d5;}
.case-item .text .btnBox a.fr{background:#8bc63e;}
.case-item .text .btnBox a:hover{box-shadow:0 0 10px #333 inset}
.case-slide{position:relative;float:right;width:660px;height:352px;overflow:hidden;}
.case-slide .item{position:relative;width:660px;height:360px;overflow:hidden;}
.case-slide .item img{display:block;width:660px;height:360px;transition: all 1s;}
.case-slide .item a{display:block;}
.case-slide .item a:hover img{transform:scale(1.1);}
.case-slide .item span{position:absolute;left:0;bottom:0;display:block;padding:0 5%;width:90%;height:60px;line-height:60px;font-size:16px;color:#fff;background:rgba(0,0,0,0.8);}
.case-slide .item span:after{content:"";display:block;position:absolute;right:5%;top:24px;width:32px;height:13px;background:url(../images/read.png) no-repeat;}
.case-slide .sPrev,.case-slide .sNext{position:absolute;z-index:333;top:50%;margin-top:-27px;width:57px;height:57px;cursor:pointer;}
.case-slide .sPrev{left:10px;background:url(../images/prev01.png) no-repeat;}
.case-slide .sPrev:hover{background-image:url(../images/prev01_cur.png);}
.case-slide .sNext{right:10px;background:url(../images/next01.png) no-repeat;}
.case-slide .sNext:hover{background-image:url(../images/next01_cur.png);}

.case .more a:hover{box-shadow:0 0 10px #333 inset}
/* --end case-- */

/* --youshi-- */
.youshi{padding-top:70px;height:850px;overflow:hidden;background:url(../images/youshi_bg.jpg) no-repeat center;}
.ys-inner{position:relative;width:1200px;height:741px;overflow:hidden;}
.ys-inner .ys-list{margin-top:40px;width:1330px; }
.ys-inner .item{float:left;margin-right:126px;width:316px;text-align:center;color:#fff;overflow:hidden;}
.ys-inner .item:nth-child(1){animation:fadeinR 1s ease-out backwards;}
.ys-inner .item:nth-child(2){animation:fadeinR 1.5s ease-out backwards;}
.ys-inner .item:nth-child(3){animation:fadeinR 2s ease-out backwards;}
.ys-inner .item .pic{margin:0 auto;width:131px;height:131px;overflow:hidden;background:#9fc1ef;border-radius:50%;}
.ys-inner .item .pic img{display:block;width:131px;height:131px;border-radius:50%;}
.ys-inner .item .text{padding-top:20px;}
.ys-inner .item .text strong{display:block;font-size:18px;}
.ys-inner .item .text p{padding-top:10px;font-size:14px;line-height:1.5;}
.ys-inner .ysImg{position:absolute;left:0;bottom:0;width:1200px;height:418px;overflow:hidden;animation:bouncein 1s ease-out backwards;}
.ys-inner .ysImg img{display:block;}
/* --end youshi-- */

/* --aboutus-- */
.aboutus{padding:60px 0;overflow:hidden;background:#fff;}
.aboutus .more{margin-top:50px;line-height:45px;text-align: center;font-size: 16px;}
.aboutus .more a{display: block;margin: 0 auto;width: 160px;color: #fff;background: #0079d5;border-radius: 5px;}
.photo-slide{position:relative;overflow:hidden;}
.photo-list li{position:relative;margin-right:1px;float:left;width:25%;overflow:hidden;}
.photo-list li img{display:block;width:100%;transition: all 1s; height:350px;}
.photo-list li a:hover img{transform:scale(1.1);}
.photo-list li p{position:absolute;z-index:3333;left:0;bottom:0;width:100%;height:45px;line-height:45px;text-align:center;font-size:18px;color:#fff;overflow:hidden;background:rgba(0,0,0,0.5)}
.photo-slide .arrow{position:absolute;z-index:2;left:0;bottom:0;width:100%;height:105px;background:url(../images/photo_shadow.png) no-repeat;}
.photo-slide .prev,.photo-slide .next{position:absolute;z-index:44;bottom:0;width:63px;height:63px;cursor:pointer;}
.photo-slide .prev{right:63px;background:url(../images/prev02.png) no-repeat 0 0;}
.photo-slide .prev:hover{background-position:-63px 0;}
.photo-slide .next{right:0;background:url(../images/next02.png) no-repeat -63px 0;}
.photo-slide .next:hover{background-position:0 0;}
.honor-slide{margin-top:50px;position:relative;width:100%;border:#ddd solid 1px;}
.honor-slide .prev,.honor-slide .next{position:absolute;z-index:44;top:50%;margin-top:-23px;width:46px;height:46px;cursor:pointer;border-radius:50%;overflow:hidden;transition: all 1s;}
.honor-slide .prev{left:-23px;background:url(../images/prev03.png) no-repeat 0 -46px;}
.honor-slide .next{right:-23px;background:url(../images/next03.png) no-repeat 0 -46px;}
.honor-slide .prev:hover,.honor-slide .next:hover{background-position:0 0;}
.honor-list{overflow:hidden;}
.honor-list li{float:left;padding:20px;width:20%;border-right:#ddd solid 1px;box-sizing:border-box;}
.honor-list li img{display:block;width:100%;transition: all 0.5s;}
.honor-list li p{margin-top:15px;height:26px;line-height:25px;text-align:center;font-size:14px;color:#666;overflow:hidden;}
.honor-list li:hover{box-shadow:0 0 20px #ccc inset;}
.honor-list li:hover img{transform:scale(1.1);}
/* --end aboutus-- */

/* --ad-- */
.ad{padding:60px 0;height:186px;overflow:hidden;background:#f2f2f2;border-top:#ddd solid 1px;}
.ad-l{float:left;width:355px;height:186px;border-right:#ddd solid 1px;animation:bounceinL 1s ease-out backwards;}
.ad-l span{display:block;font-size:28px; font-weight:bold;color:#333;}
.ad-l p{padding:5px 0;font-size:18px;color:#666;}
.ad-l em{display:block;font-family:Arial;font-size:18px;font-weight:bold;color:#ddd;text-transform:uppercase;}
.ad-l dl{margin-top:25px;padding:5px 0 5px 70px;height:50px;line-height:25px;overflow:hidden;background:url(../images/tel_icon.png) no-repeat 0 center;}
.ad-l dl dt{display:block;font-size:18px;color:#666;}
.ad-l dl dd{display:block;font-family:Arial;font-size:26px;font-weight:bold;color:#0079d5;}
.ad-r{float:right;width:844px;overflow:hidden;animation:bounceinR 1s ease-out backwards;}
.ad-r .item{float:left;width:33.33%;text-align:center;}
.ad-r .item img{display:block;margin:0 auto;width:115px;height:115px;}
.ad-r .item strong{display:block;margin-top:20px;height:30px;line-height:30px;font-size:18px;color:#333;}
.ad-r .item p{font-size:14px;color:#666;line-height:22px;}
/* --end ad-- */

/* --comment-- */
.comment{padding:60px 0;overflow:hidden;background:url(../images/comment_bg.jpg) no-repeat center 0;}
.comment-slide{position:relative;height:440px;}
.comment-slide .prev,.comment-slide .next{position:absolute;z-index:333;top:170px;width:57px;height:57px;cursor:pointer;}
.comment-slide .prev{left:-90px;background:url(../images/prev01.png) no-repeat;}
.comment-slide .prev:hover{background-image:url(../images/prev01_cur.png)}
.comment-slide .next{right:-90px;background:url(../images/next01.png) no-repeat;}
.comment-slide .next:hover{background-image:url(../images/next01_cur.png)}
.comment-list .item{margin:10px 30px 10px 0;width:380px;height:420px;background:#fff;transition: all 1s;}
.comment-list .item .pic{width:380px;height:285px;overflow:hidden;}
.comment-list .item .pic img{display:block;width:380px;height:285px;transition: all 1s;}
.comment-list .item .text{padding:20px 30px;overflow:hidden;}
.comment-list .item .text span{display:block;margin-bottom:4px;height:32px;line-height:32px;font-size:18px;overflow:hidden;}
.comment-list .item .text span a{color:#333;}
.comment-list .item .text p{font-size:14px;color:#666;height:48px;line-height:24px;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.comment-list .item:hover{box-shadow:0 0 8px #fff;}
.comment-list .item:hover img{transform:scale(1.1);}
.comment-list .item:hover span a{color:#df1f29;}
/* --end comment-- */

/* --ad02-- */
.ad02{overflow:hidden;background:#fff;}
.ad02 .wrapper{position:relative;padding:40px 0;height:158px;}
.ad02 .btnBox{float:left;width:207px;overflow:hidden;}
.ad02 .btnBox a{display:block;height:77px;line-height:77px;font-size:18px;text-align:center;}
.ad02 .btnBox a.btn01{color:#fff;background:#0061cf;border:#0061cf solid 1px;;border-bottom:0;border-radius:5px 5px 0 0;}
.ad02 .btnBox a.btn02{color:#333;background:#fff;border:#ddd solid 1px;border-top:0;border-radius:0 0 5px 5px;}
.ad02 .btnBox a:hover{color:#fff;background:#8bc63e;border-color:#8bc63e;}
.ad02 .text{float:left;padding-left:60px;width:264px;height:158px;overflow:hidden;border-right:#ddd solid 1px;}
.ad02 .text dl{margin-top:16px;line-height:1.5;}
.ad02 .text dt{font-size:14px;color:#333;}
.ad02 .text dd{font-family:Arial;font-size:24px;color:#8bc63e;font-weight:bold;}
.QRcode{float:left;padding-left:60px;width:330px;overflow:hidden;}
.QRcode .fl{width:156px;height:156px;border:#ddd solid 1px;}
.QRcode .fl img{display:block;width:156px;height:156px;}
.QRcode .fr{width:140px;height:156px;}
.QRcode .fr strong{display:block;padding:12px 0;font-size:24px;color:#333;}
.QRcode .fr p{font-size:18px;color:#666;line-height:1.5;}
.ad02 .pic{position:absolute;right:-42px;bottom:0;animation:bounceinR 1s ease-out backwards;}
.ad02 .pic img{display:block;}
/* --end ad02-- */

/* --news-- */
.news{padding:60px 0;overflow:hidden;background:#f2f2f2;}
.news-group{width:1230px;overflow:hidden;}
.news-item{float:left;margin-right:15px;width:388px;overflow:hidden;border:#eee solid 1px;background:#fff;border-radius:5px;}
.news-item .hd{padding:0 19px;height:74px;line-height:74px;overflow:hidden;}
.news-item .hd a{display:block;}
.news-item .hd em{float:right;font-size:14px;color:#999;text-transform:uppercase;}
.news-item .hd span{font-size:20px;color:#333;}
.news-item .bd{padding:0 19px;overflow:hidden;}
.news-item .hotNews{position:relative;width:350px;height:200px;overflow:hidden;}
.news-item .hotNews .pic{display:block;width:350px;height:200px;overflow:hidden;}
.news-item .hotNews .pic img{display:block;width:350px;height:200px;transition: all 1s;}
.news-item .hotNews .tit{display:block;position:absolute;left:0;bottom:0;padding-top:60px;width:100%;height:40px;line-height:40px;color:#fff;font-size:14px;text-indent:10px;background:url(../images/news_shadow.png) no-repeat;}
.news-item .hotNews:hover .pic img{transform:scale(1.1);}
.news-item .hotNews:hover .tit{text-shadow:0 0 2px #fff;}
.news-item:hover{box-shadow:0 0 20px #ccc inset}
.news-list{margin:20px 10px;height:200px;overflow:hidden;}
.news-list li{height:40px;line-height:40px;font-size:14px;overflow:hidden;}
.news-list li a{display:block;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list li a:hover{color:#8bc63e;}
/* --end news-- */

/* --flinks-- */
.flinks{position:relative;background:#fff;}
.flinks .wrapper{position:relative;z-index:333;background:#fff;}
.flinks .bg-l{position:absolute;z-index:1;left:0;top:0;height:124px;width:50%;background:#8bc63e}
.flinks .addlinks{float:right;font-weight:bold;font-size:14px;color:#666;height:68px;line-height:68px;}
.flinks .addlinks:hover{color:#8bc63e;}
.flinks dl{width:1130px;overflow:hidden;}
.flinks dt{float:left;width:88px;height:124px;line-height:1.2;color:#fff;background:#8bc63e;}
.flinks dt strong{display:block;margin-top:40px;font-size:20px;font-family:Impact;}
.flinks dt p{font-size:13px;}
.flinks dd{padding:20px 0 20px 40px;line-height:28px;overflow:hidden;}
.flinks dd a{display:block;float:left;width:16.666%;height:28px;font-size:14px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.flinks dd a:before{position:relative;top:-2px;display:block;float:right;content:"|";margin:0 20px;}
.flinks dd a:last-child:before{display:none;}
.flinks dd a:hover{text-decoration:underline;}
/* --end flinks-- */

/* --快速导航-- */
.fastNav{position:fixed;z-index:9999;right:0;bottom:80px;width:120px;text-align:center;background:rgba(255,255,255,0.8);border:#8bc63e solid 1px;}
.fastNav .tit{height:45px;line-height:45px;color:#fff;font-size:16px;font-weight:bold;background:#8bc63e;}
.fast-list li{height:35px;line-height:35px;font-size:13px;border-bottom:#ddd solid 1px;cursor:pointer;}
.fast-list li:hover,.fast-list li.cur{color:#0079d5;}
.fast-QRcode{padding:10px;background:#8bc63e;}
.fast-QRcode img{display:block;width:100%;}
.fast-QRcode p{margin-top:10px;font-size:13px;color:#fff;line-height:1.5;}
.fast-tel{padding:10px;font-size:15px;font-weight:bold;background:#8bc63e;color:#fff;border-top:#ddd solid 1px;}
/* --end 快速导航-- */