@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
html,body{background:url(../images/-1.jpg)}
body,i,samp,span,em{font-family:Arial,'微软雅黑', Helvetica, sans-serif;}
a{ text-decoration:none;color:#333;}
ul,li,dd,dl{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
img{display:inline-block; vertical-align:middle;border:0;}
.w1440{max-width:1440px;margin:auto;width:96%;}
.gaa{margin:40px auto 80px;}

.gen{width:172px;line-height:44px;text-align:center;border:1px solid #999999; border-radius:6px;font-size:14px;}
.gen a{display:block;}
.gen:hover{background:#666;}
.gen:hover a{color:#fff;}
/**/

#top{background:#f0f5ff;position:fixed;top:0;left:0;right:0;z-index:3; box-shadow:0 0 0 #fff,0 0 0 #fff,0 0 15px #999,0 0 0 #fff;z-index:999;}
.top{height:87px;position:relative;}
.top1{position:absolute; top:7px; transition:all 0.5s;}
.top2{position:absolute;top:31px;right:0; cursor:pointer;display:none;}
.top3{float:right;height:24px;margin-top:35px;}

.top3-a{width:22px;height:22px;background:url(../images/icons.png) -140px -15px no-repeat;float:right;margin-left:10px;position:relative; cursor:pointer;}
/*.top3-a:after{ content:'';width:2px;height:66%;display:inline-block;background:#999;positioN:absolute;top:2px;left:-9px;}*/
.top3-b{float:left;font-size:15px;position:relative;padding-bottom:10px; cursor:pointer;}
.top3-b-a{position:relative;padding-right:30px;line-height:14px;margin-top:3px;}
.top3-b-a:before{ content:'';width:10px;height:10px;background:url(../images/icons.png) -143px -0px no-repeat;display:block;position:absolute;top:5px;right:11px;}
.top3-b-b{border:1px solid #ccc;line-height:24px;font-size:12px;text-align:center;position:absolute;top:100%;left:0;width:100%;background:#fff;display:none;}
.top3-b-b a{display:block;}
.top3-b-b a:hover{background:#f1f1f1;}
.top3-b:hover .top3-b-b{display:block;}

.top4{position:absolute;top:0;left:0;width:100%;background:#fff;height:80px;overflow:hidden;padding-top:20px;display:none;z-index:10;}
.top4-a{width:90%;float:left;}
.top4-a i a{display:inline-block; vertical-align:middle;width:20px;height:20px;background:url(../images/icons.png) -140px -15px no-repeat;}
.top4-a input{ outline:none;width:90%;line-height:40px;height:40px;display:inline-block; vertical-align:middle;box-sizing:border-box;padding-left:10px;border:0;}
.top4-a input::placeholder{color:#ccc;}
.top4-b{width:10%;float:right;text-align:right;}
.top4-b p{width:31px;height:31px;background:url(../images/icons.png) -227px -21px no-repeat;margin-top:3px;display:inline-block;}

.top5{width:60%;float:right;height:87px; opacity:1; transition:all 0.5s; transform:scale(1)}
.top5 li{width:16.666%;float:left;position:relative;text-align:center;}
.top5 li p{font-size:16px;line-height:87px;position:relative;}
.top5 li i{position:absolute;top:0;right:0;width:36px;height:36px;background:url(../images/icons.png) -61px -9px no-repeat;display:inline-block;display:none;}
.top5 li dl{font-size:14px;line-height:34px;position:absolute;top:100%;left:0;width:100%;background:#f6f6f6;display:none;}
.top5 li dl dd a{display:block;}
.top5 li dl dd{position:relative;}
.top5 li:hover p a{color:#000;}
.top5 li dl dd span{}
.top5 li dl dd em{}

.top5e{position:absolute;top:0;left:100%;width:100%;background:#f5f5f5;font-size:14px;display:none;}
.top5e samp{ font-family:Arial,'微软雅黑', Helvetica, sans-serif;display:block;}
.top5e samp:hover{background:#eee;}

/**/
    .swiper-container {
        width: 100%;
        height: 100%;
        
    }
    .swiper-slide {
        text-align: center;
        
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.ban .swiper-button-prev{background:url(../owl-carousel/n-l.png) center center no-repeat;}
.ban .swiper-button-next{background:url(../owl-carousel/n-r.png) center center no-repeat;}
.img2{display:none;}

/*产品*/
.produ{max-width:1440px;margin:40px auto 40px;overflow:hidden;}
.produ li{width:32%;float:left;position:relative;margin-bottom:50px;margin-right:2%;}
.produ li:nth-child(3n){margin-right:0;}
.produ li img{width:100%;}
.proxx{position:absolute;top:0;left:0;width:100%;height:100%;display:table;z-index:2;background:rgba(243,243,243,0.95); transition:all 0.5s; opacity:0;}
.proxx div{display:table-cell; vertical-align:middle;text-align:center;}
.proxx p{font-size:28px;color:#333;}
.proxx samp{display:block;width:44px;height:44px;border:1px solid #999; border-radius:50%;margin:10px auto 0;}
.proxx samp i{display:block;margin:16px auto 0;width:7px;height:12px;background:url(../images/icons.png)-498px 0 no-repeat;}
.produ li:hover .proxx{ opacity:1;}
.produuu{margin-top:100px}

/*视频*/
.shiping{position:fixed;bottom:10%;left:5%;z-index:999;width:300px;}
.shiping iframe{height:240px;}
.shitu{position:absolute;top:0;left:100%;background:url(../images/icons.png) -327px -24px rgba(0, 0, 0, 0.85) no-repeat;width:30px;height:30px;}

/*关于我们*/
#about{background:#f3f3f3;padding:120px 0;}
.about{overflow:hidden;}
.aboutoo{position:relative;}
.aboutoo:after{ content:'';width:23%;height:115%;position:absolute;top:-40px;left:-40px;background:#ececec;}
.about-a{width:47%;float:left;position:relative;z-index:3;}
.about-a img{width:100%;}
.about-b{width:47%;float:right;}

.about-ba{position:relative;margin-bottom:43px;}
.about-ba p{font-size:48px;color:#ececec;}
.about-ba i{display:block;font-size:30px;font-weight:500; color:#333333;font-style:normal;position:absolute;top:12px;left:0;padding-bottom:20px;}
.about-ba i:after{ content:'';width:50px;height:1px;background:#cccccc;position:absolute;bottom:0;left:0;}
.about-bb{font-size:14px;line-height:30px;color:#666666;}
.about-bc{overflow:hidden;margin-top:48px;margin-bottom:60px;}
.about-bc li{width:30%;float:left;position:relative;box-sizing:border-box;text-align:center;}
.about-bc li:nth-child(2){border-left:1px solid #ccc;border-right:1px solid #ccc;width:40%}
.about-bc li:nth-child(1){text-align:left;}

.about-bca{font-size:36px;color:#333;}
.about-bca samp{font-size:24px;}
.about-bcb{color:#555;font-size:14px;margin-top:8px;}

/*新闻**/
.news{font-size:36px;text-align:center;margin:80px auto 40px}
.news p{width:40px;height:5px;background:#333;margin:28px auto;}

.newst{overflow:hidden;margin-bottom:60px;}
.newst li{width:48%;float:left;}
.newst li:nth-child(2n){margin-left:4%;}
.newst li .nea{overflow:hidden;margin-bottom:50px;}
.newst li .nea img{width:100%; transition:all 0.3s;}
.newst li .neb{overflow:hidden;}
.newst li .neb i{font-size:0.4rem;font-weight:bold;color:#666;text-align:center; font-style:normal;}
.newst li .neb p{text-align:left;font-size:16px;margin-top:10px;}
.newst li .neb-a{width:13%;float:left;border-right:1px solid #ccc;margin-right:2%;box-sizing:border-box;}
.newst li .neb-b{width:80%;float:right;}
.newst li .neb-b h4{font-size:18px;margin-bottom:20px;}
.newst li .neb-b p{font-size:14px;color:#717171;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

/**底部**/
.f_l{ float: left; display: inline-block; }
.f_r{ float: right; display: inline-block; }
#footer{ line-height: 20px; }
#footer a{ color:#8a8a8a; }
#footer a:hover{ color:#000; }
#footer .topa{ border-top:1px solid #ebebeb; padding:30px 0 10px; }
#footer .topa .ul{overflow:hidden;}
#footer .topa .ul li{ float: left; display: inline-block; }
#footer .topa .ul .f_r{ float: right; }
#footer .topa .ul li+li{ margin-left: 13%; }
#footer .topa .l_t{ font-size: 16px; line-height: 22px; margin-bottom: 18px;}
#footer .topa .as{}
#footer .topa .as .a{ padding:5px 0; }
#footer .topa .as a{ transform: translateX(0); transition:all 0.3s; display: inline-block; }
#footer .topa .as a:hover{ transform: translateX(2px); }
#footer .topa .con2{}
#footer .topa .con2 .p{ margin-bottom: 5px; }
#footer .topa .con2 .phone{ display: block; color:#333; font-size: 22px; line-height: 1.4em; font-family: "Helvetica LT Std"; }
#footer .topa .con2 .line{ display: inline-block; width: 25px; height: 2px; background-color: #525252; margin:20px 0 5px; }
#footer .bdsharebuttonbox{ padding-top: 18px; margin-bottom:20px; }
#footer .bdsharebuttonbox a{ float: none; display: inline-block; margin:0; height: 30px; width: 30px; background-position:0 -167px; background-image: url(../images/icons.png); vertical-align: middle; border-radius: 50%; background-color: transparent; }
#footer .bdsharebuttonbox a:hover{ background-color: #666; }
#footer .bdsharebuttonbox a+a{ margin-left: 10px; }
#footer .bdsharebuttonbox .bds_tsina{ background-position:0px -50px; margin-left: 8px; }
#footer .bdsharebuttonbox .bds_weixin{ background-position:-61px -50px; }
#footer .bdsharebuttonbox .bds_sqq{ background-position:-123px -50px; }
#footer .online{ display: inline-block; border-radius: 5px; background-color: #eaeaea; color:#999999; line-height: 40px; padding:0 30px; }
#footer .online .icons{ height: 24px; width: 20px; vertical-align: middle; background-position: -232px 0; margin-right:8px; margin-top:5px; }
#footer .bot{ border-top:1px solid #ebebeb; color:#8a8a8a; padding:10px 0; line-height: 24px;height:40px;}
#footer .bot .f_l{ padding:8px 0; }
#footer .bot .icp{ margin:0 30px; }
#footer .bot a{ color:#8a8a8a; }
#footer .bot a:hover{ color:#333; }
#footer .language{ border:1px solid #dadada; line-height: 38px; display: inline-block; padding:0 13px; position: relative; cursor: pointer; }
#footer .language img{ display: inline-block; vertical-align: middle; margin-right:10px; }
#footer .language .icons{ display: inline-block; height: 9px; width: 12px; background-position: -110px 0; vertical-align: middle; margin-left: 10px; }
#footer .language .aBox{ position: absolute; width: 100%; left: -1px; bottom:100%; padding:0; transform: translateY(15px); box-sizing: content-box; display: none; border:1px solid #dadada; box-sizing: content-box; }
#footer .language .aBox a{ display: block; line-height: 34px; padding:0 13px; background-color: #fff; }
#footer .language .aBox a+a{ border-top:1px solid #fff; }
#footer .language:hover .aBox{ transform: translateY(0px); display: block; }
#footer .language .aBox a:hover{ background-color: #ccc; }
.icons{ background-image: url(../images/icons.png); background-repeat: no-repeat; display: inline-block; }


/**/
.wbu{position:fixed;background:#003399;z-index:9999;overflow:hidden;bottom:0;left:0;width:100%;display:none;}
.wbu li{width:25%;float:left;text-align:center;font-size:12px;padding-top:5px;}
.wbu li a{ color:#fff;display:block;}
.wbu li p{line-height:26px;}


/**/
.eng{overflow:hidden;}
.eng ul{margin-right:-2%;}
.eng li{width:31.3333%;margin-right:2%;float:left;text-align:center;margin-bottom:20px;}
.eng li img{width:100%;}