@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: 255px; }
.xinwen-nav { margin-right: 180px; }
.pinjian-nav { margin-right: 130px; }
.chanpin-nav { width: 309px; margin-right: 70px; }
.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; margin-top: 20px; }
.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: 90px; line-height: 56px; transition: all 1s; }
.shipin .play a i { color: #c92639 }
.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 12px; color: #999; }
.gg-nav a:hover { margin: 0 10px; color: #000; font-size: 13px; }
.gg-nav { height: 30px; }
<!--
.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; }
.header .cont .logo img { height: 70px; }
navigation-down .menu-1 { padding-left: -20px; }
/*右边*/

.new-float { position: fixed; right: -3px; top: 60%; z-index: 99999999; width: 77px; height: 374px; margin-top: -187px; }
.new-float li { position: relative; width: 77px; height: 57px; margin-bottom: 1px; line-height: 20px; color: #fff; text-align: center; }
.new-float li.hover { /*overflow: hidden;*/
    
}
.new-float li a { display: inline-block; color: #fff; }
.new-float li a.tit { width: 77px; height: 56px; padding: 30px 10px 0 0; color: #fff; font-size: 12px; box-sizing: border-box; }
.new-float li p { position: relative; z-index: 2; height: 27px; padding-top: 30px; cursor: pointer; }
.new-float li.fi { position: relative; }
.new-float li.fi .img1 { display: none; position: absolute; top: 0; left: -168px; width: 162px;/*opacity: 0;*/}
.new-float li.fi .img1 img { width:155px; }
.new-float li.fi:hover .img1 { display: block; }
.new-float li.fi a { background: url(img/on_line.png) no-repeat 0px 0px; }
.new-float li.fxx a { background: url(img/on_line2.png) no-repeat 0px -228px; }
.new-float li.tp a { background: url(img/on_line.png) no-repeat 0px -171px; }
.new-float li.th a { background: url(img/on_line.png) no-repeat 0px -57px; }
.new-float li.fo a.tit { background: url(img/on_line.png) no-repeat 0px -114px; }
.new-float li.fif p { background: url(../img/bg_float05.png) no-repeat; }
.new-float li .tel { position: absolute; left: 75px; top: 0; z-index: 1; width: 184px; height: 56px; font: 24px/57px Arial; color: #fff; background: #5b5b5b; cursor: pointer; }
.new-float a.mof { display: inline-block; width: 78px; height: 71px; padding: 12px 11px 0 12px; margin-top: 10px; *margin-top: 7px;
background: url(img/on_line.png) no-repeat 0px -239px; font-size: 15px; line-height: 22px; color: #fff; }

/*公司简介*/

.gs{  padding:20px 0 40px 0; margin-top:0px; margin-bottom:20px; background: url(img/bg_about.jpg) no-repeat;}
.gs h3 span{ color:#fff; display:block; margin:0 0 10px 0; font-size:36px;}
.gs h3{ color:#fff; font-size:30px}

.gs_video{ width:800px; margin:0 auto 30px auto;}
.gs_left{ width:50%; float:left;}
.gs_right{ width:50%; float:left;}
.gs_right p{ margin-top:10px; font-size:14px; text-indent: 35px; line-height:1.5rem; letter-spacing:3px; color:#fff;}
.gs_left_a{ width:100%;text-align:right;} 
.gs_left_a img{ margin-right:60px;}
.gs_right_a{ width:600px;}
.cl{ clear:both;}
.gs b{ font-size:24px; color:#fff; }


.index_h span{ color:#000; display:block; margin:0 0 10px 0; font-size:40px;}

.index_h{ font-size:30px;}
@media screen and (max-width:768px) {
/*手机新加*/
.header{ }
.header .cont{ padding:0;}
.header .cont .logo{ float:left; height:50px; width:100%;}
.header .cont .logo img{ width:100%; height:auto;}
.nav{ width:100%; background:#fff;margin-top: 20px; opacity:0.9;}
.gs{ margin:0 0 0 0;}

.index_h{ margin:40px 0 40px 0;}
.gs_video{ width:100%;}
.gs_left{ display:none;}

.gs_right{ width:94%; margin-left:3%;}

.gs_right a{ width:100%;}
.banner{ padding-top:110px;}

}