/* --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:#76a6ce;}
.banner .timer span{display:block;width:100%;height:4px;background:#0079d5;}
/* --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;}
.wrap-title p{font-size:18px;color:#666;}
.wrap-title.white *{color:#fff;}
/* --end wrap-title-- */

/* --product-- */
.pro{overflow:hidden;height:950px;}
.pro h2{display:block;padding-top:35px;letter-spacing: 6px;height:80px;text-align:center;font-size:40px;font-weight:bold;width: 100%;animation:fadeinT 1s ease-out backwards;}
.pro h2 a{color:#E60014;}
.pro h2 a:hover{text-decoration:none;}
.pro h2 em{display:block;font-size:20px;color:#666;font-weight:normal;margin-top: 20px;}
/*-- flc--*/
.flc{ width:230px;float:left;border: px solid #f00;margin-top: 40px;animation:bounceinL 1s ease-out backwards;}
.flc h3{ background:#E60014; height:80px;font:24px "Microsoft YaHei"; text-align:center; font-weight:bold;padding-top: 30px;}
.flc h3 a{ display:block; color:#fff;}
.flc h3 em{ display:block; font:16px Arial; text-transform:uppercase; color:#fff;letter-spacing: 1px;margin-top: 10px;margin-bottom: 10px;}
.flc .flst li{position: relative;z-index: 999;}
.flc .flst li a{background:#0079D5 url(../images/flico1.png) no-repeat 203px 15px; border: 0px solid #dcdcdc; border-top: none; color: #fff;display: block;height: 58px;line-height: 58px;font-size: 18px;padding-left: 20px;padding-right: 20px;}
.flc .flst li a:hover,.flc .flst .cur2 a{background:#E60014 url(../images/flico1.png) no-repeat 203px 20px;color: #fff;}
.flc .flst .fl2st{position: absolute;left:230px;top:0;background:#E60014; width: 280px; display: none; overflow: hidden;}
.flc .flst .fl2st li a{float: left; width: 240px;padding-left: 40px; padding-right: 0; background:url(../images/flc_jt.png) no-repeat 12px center;margin-left: 0;color: #fff; height: 58px;line-height: 58px; border: none;font-weight: normal; border-bottom: 1px dashed #e47474; overflow:hidden; }
.flc .flst li:hover .fl2st{display: block;}
.product-list{width:940px;float: right; border: px solid #f00;margin-top: 40px;animation:bounceinR 1s ease-out backwards;}
.product-list .item{float:left;margin-right:18px;margin-bottom:30px;width:290px;height:300px;background:#fff;}
.product-list .pic{position:relative;width:290px;height:218px;overflow:hidden;}
.product-list .pic img{display:block;width:290px;height:218px;transition: all ease-in-out 1s;}
.product-list .text{padding:25px 35px 20px;overflow:hidden;text-align: center;}
.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:#e60009;}
.product-list .item:hover{box-shadow:0 0 20px #ccc;}
/* --end product-- */

/* --case-- */
.case{padding:60px 0;overflow:hidden;background:#f8f8f8;}
.case h2{display:block;padding-top:35px;letter-spacing: 6px;height:80px;text-align:center;font-size:40px;font-weight:bold;width: 100%;margin-bottom: 30px;animation:fadeinT 1s ease-out backwards;}
.case h2 a{color:#E60014;}
.case h2 a:hover{text-decoration:none;}
.case h2 em{display:block;font-size:20px;color:#666;font-weight:normal;margin-top: 20px;}
.case-tab {animation:bouncein 2s ease-out backwards;}
.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 #e60009;}
.case-tab .tab-menu li.cur a{background:#e60009;}
.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:45px;width:354px;height:352px;}
.case-item .text h3{height:75px;line-height:75px;font-weight:normal;border-bottom:#ddd solid 1px;overflow:hidden;}
.case-item .text h3 a{color:#333;}
.case-item .text .abstr{margin-top:25px;height:150px;line-height:30px;font-size:14px;color:#666;overflow:hidden;}
.case-item .text .btnBox{margin-top:30px;width:450px;height:50px;line-height:50px;text-align:center;overflow:hidden;}
.case-item .text .btnBox a{display:block;width:200px;color:#fff;font-size:14px;border-radius:5px;}
.case-item .text .btnBox a.fl{background:#0079d5;}
.case-item .text .btnBox a.fr{background:#e60009;}
.case-item .text .btnBox a:hover{box-shadow:0 0 10px #333 inset}
.case-slide{position:relative;float:right;width:469px;height:352px;overflow:hidden;margin-right: 45px;}
.case-slide .item{position:relative;width:469px;height:352px;overflow:hidden;}
.case-slide .item img{display:block;width:469px;height:352px;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{margin-top:50px;line-height:45px;text-align: center;font-size: 16px;}
.case .more a{display: block;margin: 0 auto;width: 160px;color: #fff;background: #0079d5;border-radius: 5px;}
.case .more a:hover{box-shadow:0 0 10px #333 inset}
/* --end case-- */

/* --youshi-- */
.list1{background:#f7f7f7 url(../images/ls_bj1.jpg) no-repeat center top;height: 1935px;padding-top:114px;}
.youd{background: url(../images/ls_bj2.jpg) no-repeat center 79px;height: 1910px;position: relative;}
.youd .titis{height: 129px;animation:fadeinT 1s ease-out backwards;}
.youd .titis h4 {text-shadow: none;}
.youd .titis p{background: url(../images/ls_tt.jpg) no-repeat center;}
.youd .titis p em {padding-right:20px;display: inline-block;}
.yd_t1,.yd_t2,.yd_t3,.yd_t4{position: absolute;}
.yd_t1{top:133px;right:-4px;animation:bounceinL 1s ease-out backwards;}
.yd_t2{top:535px;left:13px;animation:bounceinR 1s ease-out backwards;}
.yd_t3{top:966px;right:17px;animation:bounceinL 1s ease-out backwards;}
.yd_t4{top:1368px;left:13px;animation:bounceinR 1s ease-out backwards;}
.youd dt{float:left;width:58px;height: 97px;text-align: center;padding-top:;font:36px "Impact";color: #fff;background: url(../images/yd_ico1.png) no-repeat;padding-top:10px;}
.youd dd {float:left;width:537px;padding-left:24px;}
.youd dd h4{font-size:30px;color: #E60009;line-height:30px}
.youd dd h4 em{font-size:34px;color: #0079D5;}
.youd dd span {font-size:14px;color: #666666;text-transform: uppercase;}
.youd dd p{padding-left:20px;font-size:22px;color: #666666;line-height: 40px;background: url(../images/yd_ico2.jpg) no-repeat left 7px;margin-top:29px;}
.youd dl{position: absolute;}
.youd dl.dls1{top:262px;left:3px;animation:bounceinR 1s ease-out backwards;}
.youd dl.dls2{top:717px;right:-17px;animation:bounceinL 1s ease-out backwards;}
.youd dl.dls3{top:1117px;left:3px;animation:bounceinR 1s ease-out backwards;}
.youd dl.dls4{top:1594px;right:-17px;animation:bounceinL 1s ease-out backwards;}
.titis{height:157px;text-align: center;}
.titis h4 {font-size:40px;color: #0079D5;height:68px;line-height:68px;font-weight:bold;text-shadow:1px 1px 1px #697b72;}
.titis h4 a {color: #0079D5}
.titis h4 span {font-size:54px;}
.titis p {height: 34px;font-size:24px;color: #333333;line-height: 34px;background: url(../images/td_tt.jpg) no-repeat center;letter-spacing:10px}
/* --end youshi-- */

/* --aboutus-- */
.aboutus{padding:60px 0;overflow:hidden;background:#fff;}
.aboutus h2{display:block;padding-top:35px;letter-spacing: 6px;height:80px;text-align:center;font-size:40px;font-weight:bold;width: 100%;margin-bottom: 30px;animation:fadeinT 1s ease-out backwards;}
.aboutus h2 a{color:#E60014;}
.aboutuse h2 a:hover{text-decoration:none;}
.aboutus h2 em{display:block;font-size:20px;color:#666;font-weight:normal;margin-top: 20px;}
.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;}
.photo-list li a:hover img{transform:scale(1.1);}
.photo-list li p{position:absolute;z-index:1;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:460px;height:186px;border-right:#ddd solid 1px;animation:bounceinL 1s ease-out backwards;}
.ad-l span{display:block;font-size:35px;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:720px;overflow:hidden;animation:bounceinR 1s ease-out backwards;}
.ad-r .item{float:left;width:240px;text-align:center;margin-top: 15px;}
.ad-r .item img{display:block;margin:0 auto;width:95px;height:95px;}
.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:398px; margin-top: 60px;}
.comment-slide .prev,.comment-slide .next{position:absolute;z-index:333;top:150px;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:320px;background:#fff;transition: all 1s;}
.comment-list .item .pic{width:380px;height:237px;overflow:hidden;}
.comment-list .item .pic img{display:block;width:380px;height:237px;transition: all 1s;}
.comment-list .item .text{padding:26px 30px;overflow:hidden;text-align: center;}
.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:#e60009;border-color:#e60009;}
.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:#e60009;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 .til{overflow:hidden;display:block;height:54px;background:url(../images/news_tbg.png) no-repeat left bottom;}
.news .til ul{display:block;float:left;width:325px;height:54px;line-height:54px;}
.news .til ul li{display:inline-block;float:left;margin-right:25px;width:90px;height:54px;font-size:18px;text-align:center;font-weight:bold;}
.news .til ul li a{display:block;height:54px;line-height:54px;color:#666666;}
.news .til span{display:block;float:right;width:55px;height:54px;line-height:54px;font-size:14px;}
.news .til span a{color:#2073CF;}
.news1{overflow:hidden;display:block;float:left;width:625px;height:500px;}
.news1 dl{overflow:hidden;display:block;margin-top:20px;height:140px;}
.news1 dl dt{position:relative;overflow:hidden;display:block;float:left;width:256px;height:140px;}
.news1 dl dt img{display:block;width:256px;height:140px;}
.news1 dl dt img{ transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.news1 dl dt img:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}
.proc dl dd{display:block;height:100px;}
.news1 dl dt span{position:absolute;right:0;top:0;display:block;width:70px;height:65px;background:url(../images/news_l1.png) no-repeat left top;}
.news1 dl dd{display:block;float:right;width:345px;}
.news1 dl dd h5{display:block;height:40px;line-height:40px;font-size:14px;letter-spacing:-1px;}
.news1 dl dd h5 a{color:#333333;}
.news1 dl dd p{overflow:hidden;display:block;height:48px;line-height:24px;color:#535353;font-size:14px;}
.news1 dl dd span{display:block;margin-top:20px;width:98px;height:28px;line-height:28px;border:1px solid #2073CF;font-size:16px;text-align:center;}
.news1 dl dd span a{color:#2073CF;}
.news1 .texts{overflow:hidden;display:block;margin-top:35px;height:195px;}
.news1 .texts li:nth-child(1) {display: none;}
.news1 .texts li{overflow:hidden;display:block;float:left;margin-bottom:5px;padding-left:20px;height:34px;line-height:34px;font-size:14px;background:url(../images/news_lbg.jpg) no-repeat left center;}
.news1 .texts li span{display:block;float:left;width:490px;font-size:14px;height:34px;line-height:34px;}
.news1 .texts li a{color:#666666;}
.news1 .texts li em{display:block;float:right;width:105px;height:34px;line-height:34px;text-align:right;}
.faq{overflow:hidden;display:block;float:right;width:320px;height:500px;}
.faq .til ul{overflow:hidden;width:205px;}
.faq .til ul li{overflow:hidden;width:205px;text-align:left;}
.faq .pics{overflow:hidden;margin-top:20px;width:320px;height:140px;}
.faq .pics img{display:block;width:320px;height:140px;}
.faq .pics img{ transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.faq .pics img:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}
.faq2{overflow:hidden;margin-top:15px;height:350px;}
.faq2 dl{overflow:hidden;display:block;margin-top:0px;height:98px;}
.faq2 dl dt{display:block;height:26px;line-height:26px;font-size:14px;}
.faq2 dl dt a{display:block;padding-left:30px;font-size:14px;color:#333333;font-weight:bold;background:url(../images/faq_l1.jpg) no-repeat 0 1px;}
.faq2 dl dd{overflow:hidden;display:block;height:52px;padding-left:30px;margin-top:5px;font-size:14px;color:#555555;line-height:26px;background:url(../images/faq_l2.jpg) no-repeat left 2px;}

/* --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:#e60009}
.flinks .addlinks{float:right;font-weight:bold;font-size:14px;color:#666;height:68px;line-height:68px;}
.flinks .addlinks:hover{color:#e60009;}
.flinks dl{width:1130px;overflow:hidden;}
.flinks dt{float:left;width:88px;height:124px;line-height:1.2;color:#fff;background:#e60009;}
.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;margin:0 20px;}
.flinks dd a:last-child:before{display:none;}
.flinks dd a:hover{text-decoration:none;}
/* --end flinks-- */

