*{
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    box-sizing: border-box;}
  a{text-decoration: none;color: #000000;}
  a:hover{color:none;}
  div,button,input{outline: none;}
  .w1200{width: 1200px;margin:0 auto;}
  .w{width: 1200px;margin:0 auto;}
  body{background: #f4f4f4;}


  .clear {
    display: block;
    clear: both;
    overflow: hidden;
}
.fll{float: left;}
.fr{float: right;}

/*header*/
.wrapper{margin:0 auto;width:1200px;}
.header{overflow:hidden;height:110px;padding-top:30px}
.header .logo{float:left;width:180px;height:42px;}
.header .logo img{display:block;}
.header .slogan{float:left;width:400px;height:60px;overflow:hidden;}
.header .slogan h2{height:36px;line-height:36px;font-size:24px;color:#242424;}
.header .slogan li{float:left;padding:0 15px;font-size:17px;line-height:24px;color:#666;background:url(../image/slogan_dot.png) no-repeat 0 center;}
.header .tel{float:right;padding:0px 0 30px 60px;height:50px;line-height:25px;overflow:hidden;background:url(../image/head_tel.png) no-repeat 0 center;}
.header .tel span{display:block;font-size:18px;color:#666;}
.header .tel strong{display:block;font-family:Arial;font-size:26px;font-weight:bold;color:#0079d5;}
/* end header*/


  .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;}


.product{padding:30px 0 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:220px;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:#e60009;}
.product-menu02 dt a{background:#0079d5;}
.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:980px;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:196px;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:195px;}
.product-menu dd .line02,.product-menu02 dd .line02{left:391px;}
.product-menu dd .line03,.product-menu02 dd .line03{left:587px;}
.product-menu dd .line04,.product-menu02 dd .line04{left:783px;}
.product-menu dd .line05,.product-menu02 dd .line05{left:979px;}
.product-list{clear:both;padding-top:40px;width:1230px;}
.product-list .item{float:left;margin-right:30px;margin-bottom:30px;width:380px;height:328px;background:#fff;}
.product-list .pic{position:relative;width:380px;height:247px;overflow:hidden;border-bottom:#ddd solid 1px;}
.product-list .pic a{width:380px;height:247px;display: block;}
.product-list .pic img{display:block;width:100%;height: 100%;transition: all ease-in-out 1s;object-fit: cover;}
.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:0px;line-height:26px;font-size:14px;color:#666;overflow:hidden;display: none;}
.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:40px 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.on{box-shadow:0 0 10px #e60009;}
.case-tab .tab-menu li.on a{background:#e60009;}
.case-tab .tab-menu li.on:after{display:block;content:"";position:absolute;top:100%;width:100%;height:6px;background:url(../image/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: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: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.fll{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:660px;height:352px;overflow:hidden;}
.case-slide .item{position:relative;width:660px;height:352px;overflow:hidden;}
.case-slide .item a{width:660px;height:352px;overflow:hidden;display: block;}
.case-slide .item img{width:100%;height:100%;transition: all 1s;object-fit: cover;}
.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:100%;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(../image/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(../image/prev01.png) no-repeat;}
.case-slide .sPrev:hover{background-image:url(../image/prev01_cur.png);}
.case-slide .sNext{right:10px;background:url(../image/next01.png) no-repeat;}
.case-slide .sNext:hover{background-image:url(../image/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-- */


.wrapper {
  margin: 0 auto;
  width: 1200px;
}

/* --youshi-- */
.youshi{padding-top:40px;height:450px;overflow:hidden;background:url(../image/youshi_bg.jpg) no-repeat center;}
.ys-inner{position:relative;width:1200px;height:741px;overflow:hidden;}
.ys-inner .ys-list{margin-top:20px;width:1330px; }
.ys-inner .item{float:left;margin-right:120px;width:210px;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:nth-child(4){margin-right: 0;}
.ys-inner .item .pic{margin:0 auto;width:161px;height:161px;overflow:hidden;background:#9fc1ef;border-radius:50%;}
.ys-inner .item .pic img{display:block;width:161px;height:161px;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:40px 0;overflow:hidden;background:#fff;}
.photo-slide{position:relative;overflow:hidden;}
.photo-list li{position:relative;margin-right:1px;float:left;width:25%;overflow:hidden;}
.photo-list li #auto_img{height: 257px;}
.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-list li p a{color: #fff;}
.photo-slide .arrow{position:absolute;z-index:2;left:0;bottom:0;width:100%;height:105px;background:url(../image/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(../image/prev02.png) no-repeat 0 0;}
.photo-slide .prev:hover{background-position:-63px 0;}
.photo-slide .next{right:0;background:url(../image/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(../image/prev03.png) no-repeat 0 -46px;}
.honor-slide .next{right:-23px;background:url(../image/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:40px 0;height:267px;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: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;line-height:25px;overflow:hidden;background:url(../image/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:40px 0;overflow:hidden;background:url(../image/comment_bg.jpg) no-repeat center 0;}
.comment-slide{position:relative;height:398px;}
.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(../image/prev01.png) no-repeat;}
.comment-slide .prev:hover{background-image:url(../image/prev01_cur.png)}
.comment-slide .next{right:-90px;background:url(../image/next01.png) no-repeat;}
.comment-slide .next:hover{background-image:url(../image/next01_cur.png)}
.comment-list .item{margin:10px 30px 10px 0;width:380px;height:378px;background:#fff;transition: all 1s;}
.comment-list .item .pic{width:380px;height:237px;overflow:hidden;}
.comment-list .item .pic a{width:380px;height:237px;overflow:hidden;display: block;}
.comment-list .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 1s;}
.comment-list .item .text{padding:26px 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;height:238px}
.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:390px;overflow:hidden;}
.QRcode .fll{width:156px;height:156px;border:#ddd solid 1px;}
.QRcode .fll 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:40px 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(../image/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:#e60009;}
/* --end news-- */


/*footer*/
.footer{padding:80px 0 50px;overflow:hidden;background:#0079d5;}
.ft-menu{float:left;width:500px;}
.ft-menu dl{float:left;width:150px;}
.ft-menu dt{height:40px;line-height:40px;font-size:18px;overflow:hidden;}
.ft-menu dt a{color:#fff;}
.ft-menu dt a:hover{font-weight:bold;}
.ft-menu dd{}
.ft-menu dd a{display:block;font-size:14px;color:#eee;height:35px;line-height:35px;overflow:hidden;}
.ft-menu dd a:hover{color:#fff;text-shadow:0 0 2px #fff;}
.ft-QRcode{float:left;padding-top:10px;width:140px;overflow:hidden;}
.ft-QRcode img{display:block;width:140px;height:140px;border-radius:5px;}
.ft-QRcode p{margin-top:20px;text-align:center;font-size:14px;color:#eee;}
.ft-info{float:right;}
.ft-tel{padding:5px 60px 5px 0;height:50px;line-height:25px;text-align:right;background:url(../image/ft_tel.png) no-repeat right 40%;}
.ft-tel span{display:block;font-size:14px;color:#eee;}
.ft-tel strong{font-size:24px;font-family:Arial;color:#ffffff;}
.copyright{margin:25px 0;font-size:14px;line-height:25px;color:#eee;text-align:right;overflow:hidden;}
.copyright span{display:inline-block;margin-left:20px;}
.copyright a{color:#eee;}
.copyright a:hover{color:#eee;}
.cnzz{position:relative;text-align:right;font-size:14px;line-height:25px;}
.cnzz span{color:#eee;margin-right:5px;}
/**/
.ene{overflow:hidden}
.ene li{float:left;margin:10px  4px;text-align:center}
.um-hd_bd .con .ene li a{color:black;font-size:12px}
.ene li img{
    width: 80px;height: 60px;
}
.footer-bottom {width: 100%;float: left;position: relative;padding: 30px 0px;text-align: center;border-top: 1px solid rgba(255,255,255,0.20);}
.copyright a{color:#fff}
#jishuzhichi{position: relative;top:2px;}