@charset "UTF-8";
.header{position: fixed; width:100%; height: 110px; background: #fff;box-shadow: 0 0px 1px 2px rgba(204,204,204,.2);z-index:5;}
.header .up{background:#303030; color: #999; height: 40px; line-height:40px; padding:0 40px;}
.header .up a{color: #999; margin-left:10px;}
.header .up a:hover{color: #ffff;}
.header .up .fengxiang{margin-left:15px; margin-top:10px;}
.header .up .fengxiang li{ float: left; height:18px; width:18px; line-height: 18px; margin-left:10px; border-radius: 18px; border:1px solid #666; text-align: center; }
.header .up .fengxiang li a{display: block;margin-left:0px; height: 18px; width:18px;}
.header .up .fengxiang li a i{font-size:10px;}
.header .up .fengxiang li:hover{background: #666;}
.header .up .fengxiang li:hover a i{color: #fff}

.weixin{position: relative;}
.header .up .fengxiang a.weixin:hover .wechat-box{display: block}
.wechat-box{display:none;  position: absolute; z-index: 10; top:30px; left: -47px; width:110px;height: 110px;padding:5px;background-color: #fff; border:1px solid #ddd;
transition: all 1s;
}
.wechat-box .ewm {width: 110px;height: 110px; }
.wechat-box .ewm {
        background-image: url(../images/ewm.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center; }


.header .cont{height: 70px;position:relative; padding-left: 40px; padding-right: 40px;}
.header .cont .logo{float: left; width:150px; height: 70px; background-size: 100% 100% ; background-image:url(../images/cslogo.svg)}
.header .cont .logo a{display: block; height: 70px;}



/*==menu==*/
.menu-bg-1{background: #1c1d23}
.nav{z-index: 1; float: right; margin-top:20px;}
.head-v3{z-index:10;}
.head-v3 .navigation-inner{margin:0 auto;position:relative;height:auto; }
.navigation-up .navigation-v3 li{float:left; padding-left:20px;}
.navigation-up .navigation-v3 .nav-up-selected{background:url(../images/nav-jt.png) no-repeat bottom center;}
.navigation-up .navigation-v3 .nav-up-selected h2 a{ color:#999}
.navigation-up .navigation-v3 li h2{font-size: 14px;line-height: 50px; text-align: center; }
.navigation-up .navigation-v3 li h2 a{ color:#666366;display:inline-block;}
.navigation-up .navigation-v3 li h2 a:hover{ color:#999}
.navigation-down{position:absolute;top:70px;left:0px;width:100%;border-top:1px solid #f3f3f3;}
.navigation-down .nav-down-menu{width:100%;margin:0;position:absolute;top:0px; background:#fff;box-shadow: 0 2px 3px 0px rgba(204,204,204,.2);padding:10px 0}
.navigation-down .nav-down-menu .navigation-down-inner{position:relative;}
.navigation-down .menu-1 a{font-size: 12px;line-height: 24px;color:#666366;}
.navigation-down .menu-1 a:hover{color: #ccc}
.navigation-down .menu-2 a,.navigation-down .menu-3 dd a{color:#333;}
.nav-up-selected-inpage{color:#999 !important}

.lang i{font-size: 13px; vertical-align: 0}

.chanpin-nav,.guanyu-nav,.xinwen-nav,.pinjian-nav{float: right;}
.guanyu-nav a,.xinwen-nav a,.pinjian-nav a{display: block;}

.guanyu-nav{margin-right:215px;}
.xinwen-nav{margin-right:150px;}
.pinjian-nav{margin-right:100px;}
.chanpin-nav{ width:309px;margin-right:40px;}
.chanpin-nav li{float:left; width:33%;}
.chanpin-nav li a{line-height: 22px;}
/*==nav2==*/
.nav2 .navigation-up .navigation-v3 li h2 a{ color:#eee;display:inline-block;}
.nav2 .navigation-up .navigation-v3 .nav-up-selected h2 a{ color:#d60012}
.nav2 .navigation-up .navigation-v3 li h2 a:hover{ color:#d60012}
/*====*/
.swiper-pagination-bullet{background: #fff}
.swiper-pagination-bullet-active{background: #fff}
/*banner*/
.swiper-container {width: 100%; height:100%; margin-left: auto;margin-right: auto;}
.swiper-slide {text-align: center;font-size: 18px;
 /* 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;
}




/*banner*/
.banner{position:relative; background:#000;
/*background-position: center center; 
background-repeat: no-repeat; 
background-attachment: fixed;
background-size: cover;*/
}
.banner ul li video{
    height: 100%;
    width: 100%;
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
}
video {object-fit: contain;}



.banner .swiper-slide a{width: 100%}
.swiper-container {width: 100%; height:100%; margin-left: auto;margin-right: auto;}
.swiper-slide {text-align: center;font-size: 18px;
 /* 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;
}

.banner .swiper-slide span{position: absolute; font-size: 12px; bottom:43px; right: 40px; z-index:15}
.banner .swiper-slide .lunbo img{width: 100%; display:block;}
.swiper-button-next, .swiper-button-prev {position: absolute;top:50%;width:26px;height:46px;margin-top: -22px;z-index: 10;cursor: pointer;
    background-size: 26px 46px;
    background-position: center;
    background-repeat: no-repeat;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url(../images/a-left.png);left:40px;right: auto;}
.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover {background-image: url(../images/hover-left.png);left:40px;right: auto;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/a-right.png);right:40px;left: auto;}
.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover {
    background-image: url(../images/hover-right.png);right:40px;left: auto;}

.banner .swiper-pagination{text-align:center; bottom: 50px;}

.lunbo-dian .swiper-pagination-bullet {background: #666;opacity: .5;}
.lunbo-dian .swiper-pagination-bullet-active {opacity: 1;background: #fff;}

/*.lunbo-dian .swiper-pagination-bullet {width:30px;height:1px;display: inline-block;border-radius:inherit;background: #666;opacity: .5;}
.lunbo-dian .swiper-pagination-bullet-active {opacity: 1;background: #333;}*/




/*==ad==*/
.in_banner { position:relative; overflow:hidden; }
.in_banner ul{/*position:relative; left:-1px;*/}
.in_banner ul,.in_banner ul li {  width:100%; height:100%; z-index:1; overflow: hidden;}
.in_banner ul li.curr{z-index:2;}
.in_banner li img { width:100%; height:100%; }
.in_banner .vbox{ position:absolute; width:100%; height:100%; z-index:1; left:0; top:0; cursor:pointer;  background:#000; }
.in_banner .vbox video{width: 100%; height:100%; }
.in_banner ul li video{ height:100%; width:100%; transform: scale(1.02); -webkit-transform: scale(1.02);}
.in_banner ul li em{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.6) url(../images/play_video.png) center no-repeat; position:absolute; left:0; top:0; cursor:pointer;}

.in_banner dl { position:absolute; text-align:center; bottom:20px; left:0; width:100%; z-index:2; }
.in_banner dl dd { display:inline-block; width:9px; height:9px; border-radius:9px; background-color:rgba(255,255,255,0.8); margin-right:15px; border:0px solid #000; cursor:pointer; }
.in_banner dl dd:last-child { margin-right:0; }
.in_banner dl dd.active { background:#000; }

.banner_left{ left:3%; top:50%; margin-top:-24px; display:block; width:48px; height:48px; position:absolute; z-index:5; background:url(../images/lm.png) no-repeat left;  }
.banner_right{ right:3%; top:50%; margin-top:-24px; display:block; width:48px; height:48px; position:absolute; z-index:5; background:url(../images/rm.png) no-repeat left; }
.banner_left:hover{ background:url(../images/lm-hover.png) no-repeat left;  }
.banner_right:hover{background:url(../images/rm-hover.png) no-repeat left; }

.banner_left0{ left:3%; top:50%; margin-top:-24px; display:block; width:48px; height:48px; position:absolute; z-index:5; }
.banner_right0{ right:3%; top:50%; margin-top:-24px; display:block; width:48px; height:48px; position:absolute; z-index:5;}

/*==footer==*/
.footer{background:#fafafa; line-height:24px; border-top:1px solid #f1f1f1}
.footer .gy a{color: #919191;border-bottom: 1px solid #fafafa}
.footer .gy a:hover{color: #000; border-bottom: 1px solid #000}
.footer h6{margin-bottom:10px;color: #919191; font-size: 12px;}
.footer .gy h6 a{color: #333}
.footer .gy ul li{line-height: 22px;}
.footer .f-r .ewm{float: right; width:85px; padding-top: 5px; font-size: 12px; color: #999;line-height:22px;}
.footer .f-r .ewm img{ width: 100%; display: block; margin-bottom: 5px;}
.footer .banquan {color: #999;font-size: 12px; line-height: 22px;}
.footer .banquan .by i{font-size:30px; line-height:50px;margin-top: 20px;}
.footer .banquan a{ color: #999;}.footer .banquan a:hover{ color: #fff;}
.footer  .lxfs a{color: #999}


/*==footer==*/

.bg{position: relative;background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;}


.home-about h3{letter-spacing:2px;color: #ccc; font-family:'FZLTCXHJW';}
.home-about h4{line-height: 35px; color: #b3b3b3; font-weight: 100;font-family:'FZLTCXHJW';}
.cp-b-tb{border-top:0px solid #fff;border-bottom:0px solid #fff; width:160px; mrgin:0 auto}
.home-cp-lb{overflow: hidden; background: #000}
.home-cp-lb img{display: block}
.home-cp-lb a{display:block}
.home-cp-lb img{cursor:pointer;border:1px solid #000; width:100%;-webkit-transition: all 1.2s ease;transition: all 1.2s ease;}
.home-cp-lb:hover img{-webkit-transform:scale(1.15,1.15);
    transform:scale(1.15,1.15);
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom
}

/*home-video*/
.shipin{position: relative; background-position: center center}
.shipin img{width: 100%; display: block}
.shipin .play{position: absolute;top: 50%;transform: translateY(-50%); margin:0 auto; left: 0; right: 0; text-align: center;}
.shipin .play i{font-size:48px; line-height:56px;transition: all 1s;}
.shipin .play a i{color: #fff}
.shipin .play a:hover i{color: #000}

/*==anli==*/
.anli-list{position: relative;margin-left:-20px;}
.anli{position: relative; float:left; margin-left:20px; padding-bottom:30px;  margin-bottom:30px;}
.anli .mc{opacity:0;position:absolute; height:100%; width:100%; top:0; z-index:1;
background-color:1s linear;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}

.anli:hover .mc{opacity:1;z-index:5; width: 100%; height: 100%;border:0 solid #ffe000; font-weight: bold;}
.anli:hover{cursor: pointer;}
.anli .mc .t{position:absolute; width: 100%;bottom:0; }
.anli .mc .t h4{font-size: 12px; color: #333; font-weight: bold;}
.anli .tu{overflow: hidden;position: relative;}

.anli .tu img{width:100%; display: block; transition:all 0.5s;}
.anli a:hover .tu img{transform:scale(0.5);
-webkit-transform: scale(1.1); /*Safari 鍜� Chrome*/
-moz-transform: scale(1.1); /*Firefox*/
-ms-transform: scale(1.1); /*IE9*/
-o-transform: scale(1.1); /*Opera*/
}
.anli .clear-bg{opacity: 0;position: absolute; width: 100%; height: 100%;transition:all 0.5s;
 background-image: url(../images/an-bg.png); }
.anli .clear-bg img{ width:100%; }
.anli:hover .clear-bg{opacity:1; z-index:1;transition:all 1s;}

.anli .cover {opacity: 0;position: absolute;left: 0;top: 0;right: 0;bottom: 0; border: 0 solid #ff3c55;box-sizing: border-box;transition:all 0.5s; z-index:2}
.anli:hover .cover{opacity:1;border-width: 6px;}

.an-more a{color: #333; height: 38px; line-height:20px; background: #efeff0; border:1px solid #333;}
.an-more a:hover{ background: #fff; border:1px solid #ff3c55; color: #fff}
.an-more-1 span{height:42px;font-size:16px;color: #ff3c55; background: #fff; border:1px solid #ff3c55;}

.more{text-decoration: none; font-size: 14px; color: #aaa}
.more:hover{ color: #fff; background: #000;text-decoration: none; }
.more-1{display: block;width:125px; color: #fff; height: 35px; line-height: 35px; border:1px solid #fff; border-radius: 3px; margin-left:auto; margin-right:auto;}
.more-1:hover{ color: #333; background: #fff }




/*.prod-list{float:left; max-width:25%;overflow: hidden;}
#list-wrapper{overflow: hidden;}*/

/**/
.cp-hg{line-height: 20px;}
.cp-lb{margin-left: -30px;}
.cp-fl{margin-left: 30px;}
.cp-fl-text{position: absolute; width:100%; bottom:80px; color: #fff}



/*.an-more-1 span:hover{ background: #efeff0; border:1px solid #000;}*/

/*cp-nav*/

.proudct-nav a span{width: 9px;height: 9px; margin-top:9px; float: left; display:block;border:1px solid #666;margin-right: 8px;position: relative; }
.proudct-nav a span i{display: block;position: absolute; background-color: #999;height: 7px;width: 7px;top:1px;left: 1px;}
.proudct-nav .xl{margin: 0 40px;}
.proudct-nav .xl li{float: left;width:20%;height:22px;line-height:22px; list-style: none}

.proudct-nav .xl ul,.proudct-nav .lb ul{overflow: hidden;}
.cp-fl-bt{color: #ccc; border-bottom: 1px solid #888; line-height: 30px;}
.proudct-nav .xl li a,.proudct-nav .lb li a{color: #ccc}

.proudct-nav .lb{margin: 0 40px;}
.proudct-nav .cp-xl li{float: left; width:20%;height:30px;line-height:30px; list-style: none}
.proudct-nav .cp-xl,.proudct-nav .cp-lb{margin:11px 0 0 0px;}
.proudct-nav .cp-xl h3{margin:0px 0px 10px 0px;}

/*cp-xx*/
.cp-lunbo img{max-width: 100%}
.cp-slt{width:30%;margin:0 auto;}
.cp-slt img:hover{cursor: pointer;}

/*sousuo*/
.sousuo{float:left;height:24px; width:275px; margin-top: 2px; position: relative; border: 1px solid #666}
.soubd{ border:0px;padding:0 3px; width:240px; height:24px; line-height:24px; color: #888; font-size:12px;background:url(../images/sousuooo.png);}
.souan{ border:0px; width:24px; height:24px;cursor:hand; position: absolute; right:0; background:url(../images/sousuo.svg) center center no-repeat; background-size: 70% 70%;}
.sousou-border-t{border-top:1px solid #444;}

/*产品详情轮播*/
.cp-dian .swiper-pagination-bullet {background: #fff;opacity: .5;}
.cp-dian .swiper-pagination-bullet-active {opacity: 1;background: #333;}

.gallery-thumbs {height: 20%;box-sizing: border-box;padding:10px 0;}




/*home-news*/
.home-news{ margin-left:-50px;}
.home-news .n-mb{margin-bottom: 20px;}
.home-news .hNews{margin-left:50px; margin-bottom:30px; border:1px solid #f5f5f5;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
background: #fff; text-align: left;}
.home-news .hNews:hover{background: #fff;box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15);}
.home-news .hNews .anliMore{border-top: 1px solid #f5f5f5;padding-top: 5px; font-size: 12px;}
.home-news .hNews:hover .anliMore{border-top: 1px solid #f5f5f5}
.home-news .hNews .anliMore i{font-size: 16px;}

.home-news .hNews .newPho{ width: 100%; overflow: hidden}
.home-news .hNews .newPho img{ width: 100%; display: block;}
.home-news .hNews .nTit{ padding:10px;}
.home-news .hNews a img{cursor:pointer; transition:all 0.5s;}
.home-news .hNews a:hover img{transform:scale(1.1);}
.home-news .hNews h2{ margin-bottom: 10px; font-size: 12px; line-height: 20px;}
.home-news .hNews a {display:block;}
.home-news .hNews a:hover{display:block;color: #000;}
.home-news h3, .home-news .news-liebiao h3{ font-size: 12px;line-height: 16px; color: #999}
.home-news p{font-size: 12px; line-height: 18px; padding:0 0 10px 0; color: #999;}

.news-jt{position:relative; width:120px; margin: 0 auto; padding-left: 45px;}
.news-jt .jt-r,.news-jt .jt-l,.news-jt .jt-m{position: absolute;top:20px;}
.jt-r,.jt-l,.jt-m{width: 24px;height:24px; line-height: 24px;border-radius: 24px; text-align: center; border:0px solid #999; z-index: 10;cursor: pointer;}
.jt-r:hover,.jt-l:hover,.jt-m:hover{background: #eee;color: #fff}

.jt-r i{font-size: 16px;}
.jt-l i{font-size: 14px;}
.pos-r-0{right: 0}
.pos-l-1{left: 92px}

.h-mail{font-size: 14px;}
.h-mail i{vertical-align:-1px;}
.h-mail a{color: #fff}
.h-mail a:hover{color: #fff; text-decoration:underline;}
/*==weizi==*/
.weizi{line-height:50px; color: #bbb}
.weizi a{color: #bbb}
.weizi span{margin:0 5px;}


/*==news==*/
.news-list .n-tit h6{font-size: 12px; color: #999}
.news-list .n-tit h4{font-weight: bold;}
.news-list .tu{width:45%;}
.news-list .n-tit{width:55%;}
.news-list .tu{overflow: hidden;}
.news-list .tu img{width:100%; display: block;}
.news-list a img{cursor:pointer; transition:all 0.5s;}
.news-list a:hover .tu img{transform:scale(1.1);}


.news-xx .news-xx-pho img{width:100%;}
.news-xx h6{font-size: 12px; color: #ccc}
.news-xx-cont img{max-width: 100%;}
.news-xx-pho img{width:100%;}

.case-pho{height: 500px;}

.left-bian{border-left: 1px solid #ddd; padding-left: 30px;}

.back i{vertical-align:-2px;}
.back a{padding:2px 10px; border-radius: 26px; font-size: 12px; height: 26px; width:100px; text-align: center; background: #ccc; border:1px solid #ccc; color: #fff}
.back a:hover{border:1px solid #333; background: #333 }
/*gg-nav*/
.line{height: 1px; background: #ddd; width:35px; margin:10px auto;}
.gg-nav a{margin:0 10px;color: #999}.gg-nav a:hover{margin:0 10px;color: #000}
.gg-nav a.on{border-bottom:0px solid #ccc; color: #333}



/*about*/
.about-list{position: relative;}
.a-li{position: relative; margin-bottom: 20px;}
.a-li img{width:100%;}

/*mob-nav*/
.subNavBox{width:100%; background: #f6f6f6}
.subNav{cursor:pointer;font-size:14px;line-height:35px;padding-left:15px;background:url(../images/jian.png) no-repeat;background-position:96% 50%}
.currentDt{background-image:url(../images/jia.png);}
.navContent{display: none;padding:10px 15px; background: #fafafa; border-top: 1px solid #fff}
.navContent li a{display:block;line-height:30px;}


.subNav-1{cursor:pointer;font-size:12px;border-bottom: 1px solid #fff; line-height:35px;padding-left:15px;background:url(../images/jia.png) no-repeat;background-position:96% 50%}
.currentDt-1{background-image:url(../images/jian.png);}
.navContent-1{display: none;padding:10px 15px; background: #fafafa; border-bottom: 1px solid #fff}
.navContent-1 li a{display:block;line-height:30px;}


.subNav-2{cursor:pointer;font-size:12px;border-bottom: 1px solid #fff; line-height:35px;padding-left:15px;background:url(../images/jia.png) no-repeat;background-position:98% 50%}
.currentDt-2{background-image:url(../images/jian.png);}
.navContent-2{display: none;padding:10px 15px; background: #fafafa; border-bottom: 1px solid #fff; text-align:center;}
.navContent-2 img{max-width: 100%; }


.subNav-3{cursor:pointer;font-size:12px;border-bottom: 1px solid #fff; line-height:35px;padding-left:15px;background:url(../images/jia.png) no-repeat;background-position:98% 50%}
.currentDt-3{background-image:url(../images/jian.png);}
.navContent-3{display: none;padding:10px 5px 0 15px; background: #fafafa; border-bottom: 1px solid #fff;}
.navContent-3 img{max-width: 100%; }
.navContent-3.caizhi {overflow: hidden;}
.navContent-3.caizhi li{float: left; width:45px; height: 45px; margin:0 9px 9px 0;}

.navContent-3.caizhi li img{cursor:pointer; transition:all 0.2s;}
.navContent-3.caizhi li:hover img{transform:scale(1.2);}


/*sxt*/
.sxt{overflow: hidden; position: fixed; bottom:13%; right: 15px; z-index: 9999; width:35px;}
.sxt .ico-sxt{display: block; margin:5px 0; width: 35px; height: 35px; text-align: center; line-height: 35px; color: #fff; border-radius: 35px; background:url(../images/bg.png);
transition: all 0.5s cubic-bezier(0.15, 0.65, 0.58, 0.99) 0s;vertical-align: middle;}
.sxt a:hover{color: #fff; background: #e61e50;}
/*.sxt .syt{float: left;}.sxt .xyt{float:right;}.sxt .fh{margin: 0 auto;}*/
.sxt .fh i{font-size: 11px;}

/*fanye*/
.pageNav{float:none;clear:both;}
.pageNav span,.pageNav a,.pageNav b{height:30px; line-height:30px; margin-right:0px;overflow:hidden;}
.pageNav a{cursor:pointer; color: #999;padding:0px 8px; }
.pageNav a:hover{color:#000;}
.pageNav b{color:#000;padding:0px 8px; }
.pageNav a i{ vertical-align:initial;}


.suojin{text-indent:24px;}