@charset "utf-8";
body,html{width:100%; overflow-x:hidden;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:12px; line-height:24px; color:#666666; min-width:320px; zoom:1; background:#fff; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{color:#444444; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#cea662;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#666666;}
::-moz-placeholder{color:#666666;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#666666;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #666666;}
.w1200{ max-width:1200px; min-width:320px; margin:0px auto;}
.line{border:1px solid #e5e5e5;}
@media ( max-width:1200px){
.auto{ padding:0px 10px;}
}
.f_red{ color:#da251d;}

/*公用样式*/
.effect-img {text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.effect-img:hover img {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}

.Title01{height:32px; line-height:32px;}
.Title01 span{font-size:20px; color:#333333; font-weight:bold;}
.Title01 em{font-size:14px; font-family:Arial; color:#999999; padding-left:10px;}
.Title01 a.mores{font-size:14px; color:#999999; float:right;}

.Title02 span{font-size:20px; color:#019f9e; line-height:34px; font-weight:bold;}
.Title02 em{display:block; font-size:14px; line-height:24px; font-family:Arial;}

.Title03{text-align:center; margin-bottom:2%;}
.Title03 span{display:block; font-size:32px; color:#444444; line-height:47px; font-weight:bold;}
.Title03 em{font-size:16px; line-height:28px; color:#e5e5e5; text-transform:uppercase;}

.more{display:block; width:86px; height:30px; line-height:30px; border:1px solid #eeeeee; font-size:14px; font-family:Arial; color:#999999; text-align:center;}
.more i{font-family:"宋体"; padding-left:10px;}

.Ban img{display:block; width:100%;}

.Position{padding:26px 4%; border-bottom:1px solid #ebebeb; margin-top:-99px; background:#fff; position:relative; z-index:9;}
.Current{float:right; font-size:14px; color:#999999; line-height:46px;}
.Current a{color:#999999;}
.Current span{color:#009c9a;}

.SubName span{font-size:20px; line-height:25px; color:#333333; display:block;}
.SubName em{display:block; line-height:21px; font-size:16px; font-family:Arial; color:#cccccc;}

.Container{padding:40px 0; margin:0 4%; position:relative;}
.Menu{width:18%; float:left;}
.Menu li .am{position: relative; display:block; height:45px; line-height:45px; border-bottom:1px solid #ebebeb;}
.Menu li .am a{font-size:14px; color:#666666; display:inline-block;width:70%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.Menu li .arrow{cursor: pointer; width:45px;position: absolute;right: 0px;top: 0px; height: 45px;display: inline-block;background-image: url(../images/arr22.png);background-repeat: no-repeat;background-position:right center;}
.Menu li:hover .am a,.Menu li .am.on a{padding-left:10px; color:#009c9a; background:url(../images/arr1.png) no-repeat left center; transition: 400ms;}
.Menu li .am.on{background-image:url(../images/arr33.png);background-repeat: no-repeat;background-position: right center;}

.Menu li .sub{padding:7px 0px; border-bottom:1px solid #ebebeb; display:none;}
.Menu li .sub dd a{display:block; line-height:30px; font-size:14px; color:#999999; padding-left:15px;}
.sub2{padding-left: 15px;}
.Menu dd a{display: block;}
.Menu dd a:hover,.Menu dd a.cur{color: #009c9a;}


.link{transition: all 0.5s ease; width: 90%;height: 25px;overflow: hidden;position: relative;box-sizing: border-box; padding-right: 10%;}
.link .morebtn{position: absolute;right: 0px;top: 0px;color: white;}
.link .morebtn .m2{display:none;}
.link a{display: inline-block;margin-right: 5px;}
.Footer .col-l .on{height: auto;}
.Footer .col-l .on .morebtn .m2{display:block;}
.Footer .col-l .on .morebtn .m1{display: none;}
.Right{width:80%; float:right;}


/*pages*/
.Pages{width:100%; text-align:center; padding:2% 0 0; color:#666666; font-size:14px; line-height:25px;}
.Pages a{display:inline-block; height:36px; line-height:36px; width:36px; border:1px solid #ebebeb; color:#4b4b4b; margin:0px 2px; border-radius:3px;}
.Pages .a_prev,.Pages .a_next{font-family:"宋体";}
.Pages .num a:hover,.Pages .num a.a_cur{color:#fff; background:#009c9a; border:1px solid #009c9a;}

/*pages end*/

/*Top*/
.Top{position:relative; border-bottom:1px solid #eeeeee; padding:32px 0px;}
.Logo{width:249px; float:left;}
.Logo img{display:block; width:100%;}
.Call{font-size:16px; color:#999999; float:right; line-height:32px; margin:0px 30px 0px 0px;}
.Call i{font-size:24px; font-family:Arial; color:#333333;}
.SearchBox{float:right;}
.SearchBox .sbtn{width:15px; height:15px; display:block; background:url(../images/btn.png) no-repeat; display:none;}
.SearchBox .Search{border:1px solid #009c9a; z-index:99; width:228px; background:#fff; height:24px; line-height:24px; position:relative;}
.SearchBox .Search .input{padding:0px 10px; width:149px; height:24px;}
.SearchBox .Search .btn{background:#009c9a; width:59px; height:24px; position:absolute; top:0px; right:0px; font-size:14px; line-height:24px; text-align:center; color:#fff;}
.Nav{background:#00a09e;}
.Nav li{width:12.5%; float:left;}
.Nav li a.am{display:block; font-size:16px; color:#fff; line-height:51px; text-align:center;}
.Nav li:hover a.am,.Nav li.active a.am{background:#33b3b1;}


/* 手机导航 */
.Header_menu,.page_menu{display:none;}
.Header .header_menu{background-image:url(../images/navicon.png); position:absolute; top:50%; right:0px; margin-top:-12px; width:50px; height:24px;background-size:45%;background-position:center; background-repeat:no-repeat; z-index:9; display:none;}
.page_menu{width:50%;height:100%;background:url(../images/opacity.png) repeat;overflow:auto;overflow-x:none; position:fixed;z-index:9990;top:0;right:-100%;}
.page_menu .close_bar{height:69px;line-height:69px;overflow:hidden;position:absolute;top:0;left:0; width:100%;background:url(../images/opacity.png) repeat; border-bottom:1px solid #e8e8e8;text-align:right;}
.page_menu .close_bar a{background:url(../images/menu_close_btn.png) no-repeat;width:25px;height:25px; background-size:cover;display:inline-block;vertical-align:middle;margin-right:20px;transition:transform ease-in 0.3s;}
.page_menu .close_bar a:hover{transform:rotate(180deg);}
.page_menu .menu_list{width:100%;margin-top:69px;}
.page_menu .menu_list li h3{height:65px;line-height:65px;font-size:18px;position:relative; border-bottom:1px solid #e8e8e8; font-weight:normal;}
.page_menu .menu_list li h3 a{color:#fff;text-decoration:none;padding-left:20px;display:block;}
.page_menu .menu_list li h3:hover a,.page_menu .menu_list li h3.cur a{color:#f0b1b9;}

 
/*banner*/
.Banner{position:relative;}
.Banner .item img{display:block; width:100%;}
.Banner .owl-dots{position:absolute; text-align:center; bottom:3%; left:50%; margin-left:-38px; width:76px; background:url(../images/hdbg.png) no-repeat; height:22px;}
.Banner .owl-dots .owl-dot{width:10px; height:10px; display:inline-block; margin:0 6px; text-indent:9999; line-height:9999; overflow:hidden; background:url(../images/dotpic.png) no-repeat left top;}
.Banner .owl-dots .owl-dot.active{background:url(../images/dotpic.png) no-repeat left bottom;}


@media ( max-width:1200px){

.Position{margin-top:0;}
}

@media ( max-width:998px){
.Top{padding:20px 0px;}
}

@media ( max-width:768px){
.Nav{display:none;}
.Header .header_menu,.page_menu{display:block;}
.SearchBox{margin:8px 80px 0px 0px; background:none;}
.SearchBox .sbtn{display:block;}
.SearchBox .Search{display:none; position:absolute; right:0px; top:100%;}

.FreeCall,.KfBox{display:none;}

.Position{border-bottom:none; padding:10px 4%;}
.Current{border-bottom:1px solid #ebebeb;}
.Current,.SubName{float:none;}
.SubName{margin-top:10px; background:#009c9a url(../images/down.png) no-repeat 96% center; padding:10px 20px;} 
.SubName span,.SubName em{color:#fff;}
.Menu{display:none; position:absolute; left:0px; top:0px; z-index:999; width:100%; float:none; background:#fff;}
.Right{width:100%; float:none;}
}

@media ( max-width:640px){
.Logo{width:200px;}

.Title03 span{font-size:25px; line-height:35px;}

}

@media ( max-width:480px){
.Top{padding:10px 0px;}
.Call{float:none; clear:both; line-height:18px;}
.Call i{font-size:18px;}
.SearchBox{margin-top:12px;}

.Container{padding:10px 0px 40px;}

.Title03 span{font-size:20px;}

}


/*关于我们*/
.About .pic{float:right; margin-left:3%; width:33.11%;}
.About .pic img{display:block; width:100%;}

@media ( max-width:480px){
.About .pic{width:100%; margin:0 0 8%; float:none;}
}

/*新闻中心*/
.NewsList li{margin-bottom:24px;}
.NewsList li .effect-img{width:35.55%; float:left;}
.NewsList li .effect-img img{display:block; width:100%;}
.NewsList li .txt{width:59.55%; float:right; padding:3% 0 0;}
.NewsList li .txt .name{font-size:16px; line-height:30px; height:30px; overflow:hidden; color:#333333; display:block; width:96%;}
.NewsList li .txt .info{font-size:14px; color:#898989; line-height:24px; height:72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow:hidden; margin-bottom:12px; width:96%;}
.NewsList li .txt .date{display:none; padding:9px 0px 0px; border-top:1px solid #ececec; font-size:18px; color:#898989; font-family:Arial;}
.NewsList li:hover{background:#f8f8f8;}
.NewsList li:hover .txt .name{color:#009c9a;}
.NewsList li:hover .txt .date{display:block;}
.NewsList li:hover .effect-img img {opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform:  scale3d(1.2,1.2,1); top:0px; left:0px;}

/*新闻详情*/
.Atit{text-align:center; line-height:28px; position:relative;}
.Atit h2{font-size:20px; color:#333333;}
.Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 21px; border-bottom:1px dashed #e8e8e8;}
.Atit em i{padding:0px 12px;}
.bdsharebuttonbox{display:inline-block; vertical-align:middle;}
.ContentAbout{padding:20px 0px; border-bottom:1px solid #e7e7e7;}
.PrevNextBox{padding-top:24px;}
.PrevNextBox dl{font-size:14px; line-height:33px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

@media ( max-width:480px){
.NewsList li .txt{padding:0;}
.NewsList li:hover .txt .date{display:none;}
}

/*图文列表*/
.PicList li{width:31.333%; float:left; margin:0 3% 2% 0;}
.PicList li:nth-child(3n){margin-right:0;}
.PicList li .box{border-radius:5px; overflow:hidden; border:1px solid #ebebeb; position:relative;}
.PicList li .showBox img{display:block; width:100%;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.PicList li .hideBox{position:absolute; width:100%; height:100%; background:url(../images/opacity2.png) repeat; left:0px; top:100%; z-index:3;}
.PicList li .hideBox .txt{padding:42px 54px; background:url(../images/line2.png) no-repeat left 72px;}
.PicList li .hideBox .txt span{color:#fff;}
.PicList li .hideBox .txt span.num{font-size:46px; line-height:60px; font-family:Arial; font-weight:bold;}
.PicList li .hideBox .txt .info{font-size:14px; color:#deeeee;}
.PicList li span{display:block;}
.PicList li span.name{line-height:25px; height:25px; overflow:hidden; margin:14px 0px 0px; font-size:16px; color:#666666; text-align:center;}
.PicList li span.date{text-align:center; color:#999999; line-height:22px; font-family:Arial;}
.PicList li a.down{text-align:center; color:#009c9a; font-size:14px; line-height:22px;}
.PicList li:hover span.date{ opacity:0;}
.PicList li:hover span.name{color:#009c9a;}
.PicList li:hover .showBox img{-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}

@media ( max-width:480px){
.PicList li{width:48%; margin-right:0;}
.PicList li:nth-child(2n){float:right;}
.PicList li span.name{font-size:14px;}
}

/*下载中心*/
.Download li{font-size:14px; line-height:36px; height:36px; overflow:hidden; background:url(../images/line3.jpg) repeat-x left center;}
.Download li a{color:#626363; display:inline-block; background:#fff;}
.Download li a.tit{background:#fff url(../images/arr2.png) no-repeat left center; padding:0px 12px 0px 10px;}
.Download li a.down{padding-left:10px; float:right; text-decoration:underline;}
.Download li:hover a{color:#009c9a;}

/*产品详情*/
.PicSlider{width:64.44%; float:left; position:relative;}
.PicSlider .owl-nav{position:absolute; left:0px; top:50%; margin-top:-25px; width:100%; height:50px;}
.PicSlider .owl-nav .owl-prev,.PicSlider .owl-nav .owl-next{width:30px; height:50px; position:absolute; top:0px; text-indent:99999em; overflow:hidden;}
.PicSlider .owl-nav .owl-prev{left:0px; background:url(../images/prev.png) no-repeat left top;}
.PicSlider .owl-nav .owl-next{right:0px; background:url(../images/prev.png) no-repeat right top;}
.PicSlider .owl-nav .owl-prev:hover{background:url(../images/prev.png) no-repeat left bottom;}
.PicSlider .owl-nav .owl-next:hover{background:url(../images/prev.png) no-repeat right bottom;}
.ProductBox .txt{width:28.88%; float:right; padding:3% 0 0;}
.ProductBox .txt dl{margin:21px 0px 0px;}
.ProductBox .txt dl dt{line-height:30px; font-size:18px; font-weight:bold; color:#666666;}
.ProductBox .txt dl dd{font-size:14px; color:#999999; line-height:25px;}

.ProSlider{margin:4% 0 0;}
.ProSlider .hd{height:50px; line-height:50px; text-align:center; background:#f5f5f5;}
.ProSlider .hd li{width:50%; float:left; font-size:16px; font-weight:bold;}
.ProSlider .hd li a{display:block; color:#666666;}
.ProSlider .hd li.on a{background:#009c9a; color:#fff;}
.ProSlider .bd{padding:3% 0 0;}
.SlideCon dl{margin-bottom:3%;}
.SlideCon dl dt{font-size:16px; color:#333333; line-height:30px; font-weight:bold; margin-bottom:12px;}
.SlideCon dl .pic img{display:block; width:100%;}


.Advantage li{position:relative; width:31.333%; margin:0 3% 2% 0; float:left; font-size:18px;}
.Advantage li:nth-child(3n){margin-right:0;}
.Advantage li em{position:absolute; left:0px; top:0px; width:26px; height:26px; background:#009c9a; border-radius:4px; color:#fff; line-height:26px; text-align:center;}
.Advantage li .name{display:block; padding-left:40px; line-height:26px; color:#666;}

.ProTab .tabtit tr th{height:50px; line-height:50px; background:#009f9b; color:#fff; font-size:18px;}
.ProTab .tabcon tr td{height:50px; background:#f7fdff; text-align:center; font-size:14px; color:#666666;}
.ProTab .tabcon tr:nth-child(2n) td{background:#edfaff;}
.ProTab .info{font-size:14px; line-height:25px; margin-top:12px; color:#666666;}

@media ( max-width:640px){
.Advantage li{font-size:14px;}
.ProductBox .txt dl dt,.ProTab .tabtit tr th{font-size:16px;}
.PicSlider,.ProductBox .txt{float:none; width:100%; padding:0;}
}

@media ( max-width:480px){
.Advantage li{width:48%; margin-right:0; font-size:12px;}
.Advantage li:nth-child(2n){float:right;}
.ProTab .tabtit tr th{font-size:13px;}
.Download li a.tit{display:inline-block; max-width:70%; overflow:hidden;}
}


/*工程案例*/
.imgSlide .swiper-container{padding-bottom:46px;}
.imgSlide .swiper-slide li{width: 32%;margin-right: 2%;float: left;margin-bottom: 20px;height: 300px;;}
.imgSlide .swiper-slide ul li:nth-child(3n+3){margin-right: 0px;}
.imgSlide .swiper-slide .box{border-radius:5px; overflow:hidden; border:1px solid #ebebeb; position:relative;}
.imgSlide .swiper-slide .showBox img{display:block; width:100%;}
.imgSlide .swiper-slide .hideBox{position:absolute; width:100%; height:100%; background:url(../images/opacity2.png) repeat; left:0px; top:100%; z-index:3;}
.imgSlide .swiper-slide .hideBox .txt{padding:42px 54px; background:url(../images/line2.png) no-repeat left 72px;}
.imgSlide .swiper-slide .hideBox .txt span{color:#fff;}
.imgSlide .swiper-slide .hideBox .txt span.num{font-size:24px; line-height:60px; font-weight:bold;}
.imgSlide .swiper-slide .hideBox .txt .info{font-size:14px; color:#deeeee;height: 120px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden;}
.imgSlide .swiper-slide span{display:block;}
.imgSlide .swiper-slide span.name{line-height:25px; height:25px; overflow:hidden; margin:14px 0px 0px; font-size:16px; color:#666666; text-align:center;}
.imgSlide .swiper-slide span.date{text-align:center; color:#999999; line-height:22px; font-family:Arial;}
.imgSlide .swiper-slide li:hover span.date{ opacity:0;}
.imgSlide .swiper-slide li:hover span.name{color:#009c9a;}

.imgSlide .swiper-container-horizontal .swiper-pagination-bullets,.imgSlide .swiper-pagination-custom,.imgSlide .swiper-pagination-fraction{bottom:0;}
.imgSlide .swiper-pagination-bullet{width:14px; height:14px; background:url(../images/dot.png) no-repeat left top; opacity:1;}
.imgSlide .swiper-pagination-bullet-active{background:url(../images/dot.png) no-repeat left bottom;}

.IndustryOut{background:#fcfcfc; padding:3% 0; margin-bottom:4%;}
.IndustryOut li{width:32.333%; float:left; border-radius:5px;}
.IndustryOut li .box{padding:4% 6% 6%; text-align:center; position:relative;}
.IndustryOut li .box .logotxt{position:absolute; bottom:10px; right:10px;}
.IndustryOut li .box .icon{width:90px; height:90px; position:relative; margin:0 auto; overflow:hidden;}
.IndustryOut li .box .icon .i1,.IndustryOut li .box .icon .i2{position:absolute; left:0px; top:0px; width:100%;}
.IndustryOut li .box .icon .i1{ transition: 400ms;}
.IndustryOut li .box .icon .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.IndustryOut li:hover .box .icon .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.IndustryOut li:hover .box .icon .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); }
.IndustryOut li .box .name{display:block; font-size:18px; line-height:39px; color:#333333;}
.IndustryOut li .box .info{font-size:14px; line-height:26px; height:52px; overflow:hidden; color:#b2b2b2;}
.IndustryOut li:hover{background:#009c9a;}
.IndustryOut li:hover .box .name,.IndustryOut li:hover .box .info{color:#fff;}

.ProxyTab{max-width:765px; min-width:320px; margin:0 auto 4%;}
.ProxyTab dl{border:1px solid #dcdcdc; width:44%; float:left; margin-bottom:3%; padding:0 2%;}
.ProxyTab dl:nth-child(2n){float:right;}
.ProxyTab dl input::placeholder,.ProxyTab dl textarea::placeholder{color:#999;}
.ProxyTab dl .input{height:42px; font-size:16px; color:#333;}
.ProxyTab dl.last{width:96%; float:none;}
.ProxyTab dl.last textarea{line-height:42px; height:178px; font-size:16px; color:#666666;}
.ProxyTab .btn{font-size:18px; color:#009c9a; border:1px solid #009c9a; width:174px; height:42px; line-height:42px; text-align:center; margin:0 auto; display:block;}


@media ( max-width:640px){
.imgSlide .swiper-slide li{float: none;width: 100%;height: auto;margin: 10px 0px;;}
.imgSlide .swiper-slide span.name{font-size:14px;}
.IndustryOut li{width:48%; margin:0 0 3% 0;}
.IndustryOut li:nth-child(2n){float:right;}
.IndustryOut li{background:#009c9a;}
.IndustryOut li .box .name,.IndustryOut li .box .info{color:#fff;}
.IndustryOut li .box .icon .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.IndustryOut li .box .icon .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); }
}

@media ( max-width:480px){
.ProxyTab dl,.ProxyTab dl:nth-child(2n){float:none; width:96%;}
.IndustryOut li,.IndustryOut li:nth-child(2n){width:100%; float:none;}
.IndustryOut li .box .icon{width:40px; height:40px;}
}

/*招商加盟*/
.BrandBox{padding:3% 0;}
.BrandBox .box{position:relative;}
.BrandBox .box .pic{width:40%; float:left;}
.BrandBox .box .pic img{display:block; width:100%;}
.BrandSlide{background:url(../images/txtbg.png) no-repeat left center; width:52%; float:left; padding:0 4%; position:absolute; right:0px; top:0px; height:100%;}
.BrandSlide .hd{background:url(../images/logotit.png) no-repeat; padding:14px 0px 0px; margin-top:7%;}
.BrandSlide .hd li{height:47px; line-height:47px; margin-right:20px; float:left; font-size:18px; color:#333333;} 
.BrandSlide .hd li a{display:block; color:#333;}
.BrandSlide .hd li.on a{color:#009c9a; background:url(../images/line4.png) no-repeat left bottom;}
.BrandTxt{font-size:14px; line-height:24px; color:#888888;}
.BrandTxt p{padding-top:8px;}
.BrandSlide .prev,.BrandSlide .next{position:absolute; width:32px; height:16px; bottom:0px;}
.BrandSlide .prev{background:url(../images/prev2.png) no-repeat left top; right:90px;}
.BrandSlide .next{background:url(../images/prev2.png) no-repeat right top; right:0px;}
.BrandSlide .prev:hover{background:url(../images/prev2.png) no-repeat left bottom;}
.BrandSlide .next:hover{background:url(../images/prev2.png) no-repeat right bottom;}

.BrandSlide .pageState{width:57px; position:absolute; right:33px; bottom:0px; height:24px; line-height:24px; font-family:Arial; text-align:center; font-size:14px; color:#999999;}
.BrandSlide .pageState span{font-size:24px; color:#009c9a;}

.JoinBox{background:#f2f2f2; padding:3% 0;}

.Qualification{background:url(../images/honnorbg.jpg) no-repeat right bottom; padding:4% 0;}
.Qualification .imgSlide{width:730px;}

.AnalysisBox{padding:0 0 3%;}
.AnalysisBox .hd{text-align:center;}
.AnalysisBox .hd li{display:inline-block; width:146px; height:34px; line-height:34px; border:2px solid #e2e2e2; border-radius:20px; margin:0px 10px; font-size:16px; color:#666666;}
.AnalysisBox .hd li.on{background:#009c9a; border:2px solid #009c9a; color:#fff;}
.AnalysisBox .bd{padding:3% 0 0;}
.AnalysisBox .bd .pic{text-align:center;}
.AnalysisBox .bd .pic img{display:inline-block; max-width:100%;}

.JoinLayer{padding:3% 0; background:#f2f2f2;}
.JoinLayer .pic{width:40.75%; float:left;}
.JoinLayer .pic img{display:block; width:100%;}
.JoinLayer .txt{width:55.166%; float:right;}
.JoinLayer .txt .name{display:block; font-size:18px; color:#009c9a; line-height:39px;}
.JoinLayer .txt .info{margin:8px 0px 20px; font-size:14px; line-height:24px; color:#888888;}

.MeunSlide .hd{position:relative;}
.MeunSlide .hd li{width:16.66%; float:left; text-align:center; background:url(../images/line5.png) no-repeat right center;}
.MeunSlide .hd li .icon{width:52px; height:48px; overflow:hidden; position:relative; margin:0 auto;}
.MeunSlide .hd li .icon .i1,.MeunSlide .hd li .icon .i2{position:absolute; width:100%; left:0; top:0;}
.MeunSlide li .icon .i1{ transition: 400ms;}
.MeunSlide li .icon .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.MeunSlide li.on .icon .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.MeunSlide li.on .icon .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); }
.MeunSlide li em{display:block; font-size:14px; line-height:38px; color:#666666;}
.MeunSlide li.on em{color:#009c9a;}
.MeunSlide .hd .prev,.MeunSlide .hd .next{position:absolute; width:48px; height:20px; right:0px;}
.MeunSlide .hd .prev{background:url(../images/prev3.png) no-repeat left top; bottom:35px;}
.MeunSlide .hd .next{background:url(../images/prev3.png) no-repeat right top; bottom:13px;}
.MeunSlide .hd .prev:hover{background:url(../images/prev3.png) no-repeat left bottom;}
.MeunSlide .hd .next:hover{background:url(../images/prev3.png) no-repeat right bottom;}
.MeunSlide .bd{margin:20px 0px 0px;}
.MeunSlide .bd .con{font-size:14px; color:#009c9a; line-height:20px; border:1px solid #009c9a; padding:8px 20px;}

.Conditions{padding:3% 0;}
.Conditions .pic{text-align:center; padding:3% 0 0;}
.Conditions .pic img{display:inline-block; max-width:100%;}

.JoinStep{background:#f2f2f2; padding:3% 0;}

.PcStepbox{background:url(../images/arr3.png) no-repeat 116px 292px; height:380px; position:relative; padding:0px 21px;}
.PcStepbox .swiper-slide{width:205px; margin:0px 42px; float:left; transition:.5s;}
.PcStepbox .swiper-slide .box{padding-bottom:10px; background:url(../images/arr5.png) no-repeat center bottom;}
.PcStepbox .swiper-slide .box .con{background:#019f9e; box-shadow:0px 0px 30px #eae9ea; padding:12px 11px 28px; margin-top:108px;}
.PcStepbox .swiper-slide .box .tit{height:100px; display:block; line-height:100px; text-align:center; font-size:18px; color:#fff;}
.PcStepbox .swiper-slide .pic,.PcStepbox .swiper-slide .info{display:none;}
.PcStepbox .swiper-slide .info{font-size:14px; line-height:22px; color:#000; height:66px;}
.PcStepbox .swiper-slide .num{font-size:26px; line-height:60px; font-family:Impact; color:#444;  display:block; text-align:center; margin-top:53px;}
.PcStepbox .swiper-slide:hover .num{background:url(../images/arr6.png) no-repeat center top;}
.PcStepbox .swiper-slide:hover .pic,.PcStepbox .swiper-slide:hover .info{display:block;}
.PcStepbox .swiper-slide:hover .box{background:url(../images/arr4.png) no-repeat center bottom;}
.PcStepbox .swiper-slide:hover .con{ background:#fff;margin-top:0; box-shadow:none;}
.PcStepbox .swiper-slide:hover .tit{text-align:left; color:#000; height:28px; line-height:28px; margin:10px 0px;}

.PcStepbox .swiper-button-prev,.PcStepbox .swiper-button-next{width:58px; height:58px; position:absolute; top:50%; margin-top:-29px; text-indent:9999em; overflow:hidden;}
.PcStepbox .swiper-button-next{background:url(../images/prev4.png) no-repeat left top; left:0px;}
.PcStepbox .swiper-button-prev{background:url(../images/prev4.png) no-repeat right top; left:auto; right:0px;}
.PcStepbox .swiper-button-next:hover{background:url(../images/prev4.png) no-repeat left bottom;}
.PcStepbox .swiper-button-prev:hover{background:url(../images/prev4.png) no-repeat right bottom;}

.MobileStep{position:relative; display:none;}
.MobileStep .item{margin:0 8%;}
.MobileStep .item .box{background:#019f9e; padding:5%;}
.MobileStep .item .box .pic img{display:block; width:100%;}
.MobileStep .item .box .tit{margin:13px 0px 10px; font-size:18px; line-height:24px; color:#fff; display:block;}
.MobileStep .item .box .info{font-size:14px; line-height:22px; color:#b8dcdb;}
.MobileStep .owl-nav{position:absolute; width:100%; height:58px; left:0px; top:50%; margin-top:-29px; z-index:9;}
.MobileStep .owl-nav .owl-prev,.MobileStep .owl-nav .owl-next{width:58px; height:58px; position:absolute; top:0px; text-indent:9999em; overflow:hidden;}
.MobileStep .owl-nav .owl-prev{background:url(../images/prev4.png) no-repeat left top; left:0px;}
.MobileStep .owl-nav .owl-next{background:url(../images/prev4.png) no-repeat right top; right:0px;}
.MobileStep .owl-nav .owl-prev:hover{background:url(../images/prev4.png) no-repeat left bottom;}
.MobileStep .owl-nav .owl-next:hover{background:url(../images/prev4.png) no-repeat right bottom;}


.JoinUs{padding:3% 0;}
.JoinUs .ProxyTab{width:57.5%; float:left; margin-bottom:0;}
.JobForm{width:38%; float:right;}
.JobForm .title{font-size:16px; color:#fff; height:40px; line-height:40px; padding:0px 24px; background:#009c9a;}
.JobForm .box{border:1px solid #e6e6e6; padding:13px 22px;}
.JobForm .box li{height:30px; line-height:30px; overflow:hidden; color:#888888; font-size:14px;}
.JobForm .box li .date{padding-right:25px;}

@media ( max-width:1200px){
.BrandSlide{background:none;}
.BrandSlide .hd{margin-top:4%;}
.BrandTxt{height:240px; overflow-y:scroll; padding-right:20px;}
.BrandTxt::-webkit-scrollbar-track{background-color: #F5F5F5; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.22); border-radius: 10px;} /*定义滚动条高宽及背景*/
.BrandTxt::-webkit-scrollbar{width: 10px; background-color: rgba(0, 0, 0, 0.34); border-radius: 10px; border:none;}/*定义滚动条*/
.BrandTxt::-webkit-scrollbar-thumb {background-color: #8b8b8b; border-radius: 10px;}
.JoinLayer .pic{display:none;}
.JoinLayer .txt{width:100%; float:none;}
.MeunSlide .hd li{width:20%;}
.PcStepbox{display:none;}
.MobileStep{display:block;}
}

@media ( max-width:800px){
.BrandSlide .hd{margin:0;}
.BrandTxt{height:180px;}

.Qualification{background:none;}
.Qualification .imgSlide{width:100%;}

.JoinUs .ProxyTab{margin-bottom:3%;}
.JoinUs .ProxyTab,.JobForm{width:100%; float:none;}
}

@media ( max-width:640px){
.BrandBox .box .pic{display:none;}
.BrandSlide{position:relative; width:92%; padding-bottom:8%;}
}

@media ( max-width:480px){
.BrandSlide .hd{background-size:100% 100%;}
.MeunSlide .hd li{width:25%;}
.AnalysisBox .hd li{width:120px; font-size:14px;}
}

/*第二版首页*/
.index_Header{position:fixed; width:100%; left:0px; top:0px; padding:16px 0px; z-index:99;}
.index_Header .w1200{position:relative;}
.index_Logo{width:306px; float:left; padding:4px 0px 0px;}
.index_Logo img{display:block; width:100%;}
.Showbox{width:70%; float:right;}
.index_header_menu,.close_bar{position:absolute; z-index:999; transition:0.5s; display:none;}
.index_header_menu{width:23px; height:21px; right:10px; top:50%; margin-top:-12px; background:url(../images/navicon2.png);}
.close_bar{width:29px; height:29px; left:20px; top:20px; background-image:url(../images/menu_close_btn.png); background-size:100% 100%;}

.index_Nav li{width:12.5%; float:left; text-align:center;}
.index_Nav li a.am{display:block; line-height:30px; font-size:16px; color:#fff;}
.fixednav{background:rgba(0,0,0,0.4);}
.fixednav .index_header_menu{display:block;}
.fixednav .Showbox{width:50%;height:100%;background:url(../images/opacity.png) repeat;overflow:auto;overflow-x:none; position:fixed;z-index:99999;top:0;right:-100%; padding:70px 0px 0px;}
.fixednav .index_Nav li{float:none; width:100%;}
.fixednav .index_Nav li a.am{font-size:24px; line-height:60px; color:#fff;}
.fixednav .index_Nav li:hover a.am{color:#fff;}

.HomeProduct{padding:3% 0; background:#fafafa;}
.HomeProduct .item{width:25%; float:left;}
.HomeProduct .item .box{margin:0 10%;}
.HomeProduct .item .box .pic{width:225px; padding:8px; background:#ededed; border-radius:50%; position:relative; z-index:3; margin:0 auto;}
.HomeProduct .item .box .pic img{display:block; width:100%; height:225px; background:#fff; border-radius:50%; transition:.5s;}
.HomeProduct .item .box .txt{margin-top:-94px; background:#fff; position:relative; z-index:1; padding:130px 5% 60px; position:relative;}
.HomeProduct .item .name{display:block; font-size:28px; line-height:42px; height:42px; overflow:hidden; color:#000000; text-align:center;}
.HomeProduct .item .info{margin:4% 0 0; padding:4% 0 0; font-size:18px; line-height:34px; height:102px; overflow:hidden; border-top:1px solid #e9e9e9;}
.HomeProduct .item .box .txt .detail{position:absolute; width:50px; height:50px; right:0px; bottom:0px; background:url(../images/detail.png) no-repeat center center; background-color:#00a8a8; transition:.5s;}
.HomeProduct .item:hover .box .pic img{background-color:#666666; transition:.5s;}
.HomeProduct .item:hover .box .txt .detail{background-color:#666666; transition:.5s;}
.HomeProduct .item:hover .box .txt{box-shadow:0px 0px 35px #f1efee;}

.sec-2 { position:relative; }
.sec-2 .s1{opacity:0;transition:opacity 1s 0.2s;/*left:0;*/ }
.sec-2 .s2{opacity:0;transition:opacity 1s 0.4s;/*left:25%;*/}
.sec-2 .s3{opacity:0;transition:opacity 1s 0.6s;/*left:50%;*/ }
.sec-2 .s4{opacity:0;transition:opacity 1s 0.8s;/*left:75%;*/ }
.sec-2 .s1:nth-child(1){opacity:0;transition:opacity 1s 0.2s;/*left:0;*/ }
.sec-2 .s1:nth-child(2){opacity:0;transition:opacity 1s 0.4s;/*left:25%;*/}
.sec-2 .s1:nth-child(3){opacity:0;transition:opacity 1s 0.6s;/*left:50%;*/ }
.sec-2 .s1:nth-child(4){opacity:0;transition:opacity 1s 0.8s;/*left:75%;*/ }
.sec-2.anm .s1{opacity:1;}
.sec-2.anm .s2{opacity:1;}
.sec-2.anm .s3{opacity:1;}
.sec-2.anm .s4{opacity:1;}
.sec-2.anm .main-slide.s1 .img .mask{
animation: myfirst 12s 2.2s;
-moz-animation: myfirst 12s 2.2s;
-webkit-animation: myfirst 12s 2.2s;
-o-animation: myfirst 12s 2.2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-fill-mode:forwards;
}
.sec-2.anm .main-slide.s2 .img .mask{
animation: myfirst 12s 2.7s;
-moz-animation: myfirst 12s 2.7s;
-webkit-animation: myfirst 12s 2.7s;
-o-animation: myfirst 12s 2.7s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-fill-mode:forwards;
}
.sec-2.anm .main-slide.s3 .img .mask{
animation: myfirst 12s 3.2s;
-moz-animation: myfirst 12s 3.2s;
-webkit-animation: myfirst 12s 3.2s;
-o-animation: myfirst 12s 3.2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-fill-mode:forwards;
}
.sec-2.anm .main-slide.s4 .img .mask{
animation: myfirst 12s 3.7s;
-moz-animation: myfirst 12s 3.7s;
-webkit-animation: myfirst 12s 3.7s;
-o-animation: myfirst 12s 3.7s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-fill-mode:forwards;
}
.sec-2 .img img{ display:block;}

.main-slide { float:left; width:25%; position:relative;}
.main-slide .img{ position:relative; overflow:hidden;}
.main-slide .img img{ display:block; width:100%;}
.main-slide .img .mask{ position:absolute; left:-100%; top:0px; width:100%; z-index:2;}
.main-slide .img .txt{ z-index:1; top:13%; color:#fff; position:absolute; width:100%; text-align:center; font-size:34px;}
.main-slide .img .txt i{ display:block; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:24px; text-transform:uppercase;filter:alpha(opacity=40);-moz-opacity: 0.4;opacity:0.4; margin-top:10px;}
.main-slide.s2 .img .txt,.main-slide.s4 .img .txt{ top:auto; bottom:18%;}
.main-slide .nav{ position:relative; z-index:80;}
.main-slide dl{ padding:8% 0 8% 6%; clear:both;}
.main-slide dl dd{position:relative;  width:48%; float:left; height:46px;}
.main-slide dl a{font-size:16px; display:block; color:#333333; height:46px; line-height:46px; overflow:hidden;}
.main-slide dl a:hover{color:#00a8a8;}
.main-slide dl.bg1{ background: #f7f7f7 url(../images/dlbg1.gif) 0px top repeat-y;}
.main-slide dl.bg2{ background: #f1f1f1 url(../images/dlbg2.gif) 0px top repeat-y;}
.main-slide dl i{ width:46px; height:46px; display:inline-block; vertical-align:middle; margin-right:7px;}
.main-slide dl i.icon1{ background:url(../images/hi1.png); background-size:cover;}
.main-slide dl dd:hover i.icon1{ background:url(../images/hi01.png); background-size:cover;}
.main-slide dl i.icon2{ background:url(../images/hi2.png); background-size:cover;}
.main-slide dl dd:hover i.icon2{ background:url(../images/hi02.png); background-size:cover;}
.main-slide dl i.icon3{ background:url(../images/hi3.png); background-size:cover;}
.main-slide dl dd:hover i.icon3{ background:url(../images/hi03.png); background-size:cover;}
.main-slide dl i.icon4{ background:url(../images/hi4.png); background-size:cover;}
.main-slide dl dd:hover i.icon4{ background:url(../images/hi04.png); background-size:cover;}
.main-slide dl i.icon5{ background:url(../images/hi5.png); background-size:cover;}
.main-slide dl dd:hover i.icon5{ background:url(../images/hi05.png); background-size:cover;}
.main-slide dl i.icon6{ background:url(../images/hi6.png); background-size:cover;}
.main-slide dl dd:hover i.icon6{ background:url(../images/hi06.png); background-size:cover;}
.main-slide dl i.icon7{ background:url(../images/hi7.png); background-size:cover;}
.main-slide dl dd:hover i.icon7{ background:url(../images/hi07.png); background-size:cover;}
.main-slide dl i.icon8{ background:url(../images/hi8.png); background-size:cover;}
.main-slide dl dd:hover i.icon8{ background:url(../images/hi08.png); background-size:cover;}
.main-slide dl i.icon9{ background:url(../images/hi9.png); background-size:cover;}
.main-slide dl dd:hover i.icon9{ background:url(../images/hi09.png); background-size:cover;}
.main-slide dl i.icon10{ background:url(../images/hi10.png); background-size:cover;}
.main-slide dl dd:hover i.icon10{ background:url(../images/hi010.png); background-size:cover;}
.main-slide dl i.icon11{ background:url(../images/hi11.png); background-size:cover;}
.main-slide dl dd:hover i.icon11{ background:url(../images/hi011.png); background-size:cover;}
.main-slide dl i.icon12{ background:url(../images/hi12.png); background-size:cover;}
.main-slide dl dd:hover i.icon12{ background:url(../images/hi012.png); background-size:cover;}
.main-slide dl i.icon13{ background:url(../images/hi13.png); background-size:cover;}
.main-slide dl dd:hover i.icon13{ background:url(../images/hi013.png); background-size:cover;}
.main-slide dl i.icon14{ background:url(../images/hi14.png); background-size:cover;}
.main-slide dl dd:hover i.icon14{ background:url(../images/hi014.png); background-size:cover;}
.main-slide dl i.icon15{ background:url(../images/hi15.png); background-size:cover;}
.main-slide dl dd:hover i.icon15{ background:url(../images/hi015.png); background-size:cover;}
.main-slide dl i.icon16{ background:url(../images/hi16.png); background-size:cover;}
.main-slide dl dd:hover i.icon16{ background:url(../images/hi016.png); background-size:cover;}
.main-slide dl i.icon17{ background:url(../images/hi17.png); background-size:cover;}
.main-slide dl dd:hover i.icon17{ background:url(../images/hi017.png); background-size:cover;}

.main-slide dl i.more{ background:url(../images/more.png); background-size:cover;}
.main-slide dl dd:hover i.more{ background:url(../images/more0.png); background-size:cover;}

.main-slide dl dd .ewm{display:none; position:absolute; max-width:none;bottom:46px; left:-25px; border:5px solid #fff; width:120px; height:120px; z-index:99999;}
.main-slide dl dd .ewm img{display:block; width:100%;}
.main-slide dl dd:hover .ewm{ display:block;}

.main-slide .Scale-img:hover .mask { z-index:0;}

@keyframes myfirst
{
10% {left:-100%;}
20% {left:0px;}
30% {left:0px;}
40% {left:0px;}
50% {left:0px;}
60% {left:100%;}
70% {left:100%;}
80% {left:100%;}
90% {left:100%;}
100% {left:100%;}
}

@-moz-keyframes myfirst
{
10% {left:-100%;}
20% {left:0px;}
30% {left:0px;}
40% {left:0px;}
50% {left:0px;}
60% {left:100%;}
70% {left:100%;}
80% {left:100%;}
90% {left:100%;}
100% {left:100%;}
}

@-webkit-keyframes myfirst
{
10% {left:-100%;}
20% {left:0px;}
30% {left:0px;}
40% {left:0px;}
50% {left:0px;}
60% {left:100%;}
70% {left:100%;}
80% {left:100%;}
90% {left:100%;}
100% {left:100%;}
}

@-o-keyframes myfirst 
{
10% {left:-100%;}
20% {left:0px;}
30% {left:0px;}
40% {left:0px;}
50% {left:0px;}
60% {left:100%;}
70% {left:100%;}
80% {left:100%;}
90% {left:100%;}
100% {left:100%;}
}

.HomeSer{ padding:5% 0%; clear:both; position:relative; z-index:100;}
.HomeSer li{ cursor:pointer; width:21%; padding:0 2%; text-align:center; float:left; line-height:18px; color:#999999;}
.HomeSer li .icon{ width:88px; height:88px; border:1px solid #e6e6e6; border-radius:50%; margin:0px auto 6px; position:relative; z-index:100;}
.HomeSer li .icon img{ position:absolute; left:50%; top:50%; width:48px; height:48px; margin:-24px 0px 0px -24px;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity:0.6; z-index:100;}
.HomeSer li dt{ line-height:42px; font-size:16px; color:#333333;}
.HomeSer li dd{ font-size:12px;}
.HomeSer li:hover .icon img{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}
.HomeSer li:hover dt{ color:#00a8a8;}
.HomeSer li:hover{ margin-top:-10px;}
.HomeSer li.li1{transform:translateY(-100px);-webkit-transform:translateY(-100px);opacity:0;transition:all 0.5s;}
.HomeSer li.li2{transform:translateY(-100px);-webkit-transform:translateY(-100px);opacity:0;transition:all 0.5s 0.1s;}
.HomeSer li.li3{transform:translateY(-100px);-webkit-transform:translateY(-100px);opacity:0;transition:all 0.5s 0.2s;}
.HomeSer li.li4{transform:translateY(-100px);-webkit-transform:translateY(-100px);opacity:0;transition:all 0.5s 0.3s;}
.HomeSer li.li1:hover{transition:all 0.2s;}
.HomeSer li.li2:hover{transition:all 0.2s 0s;}
.HomeSer li.li3:hover{transition:all 0.2s 0s;}
.HomeSer li.li4:hover{transition:all 0.2s 0s;}

.sec-3.anm .HomeSer li{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

.Dispersed{background:#f8f8f8; padding:3% 0;}
.Dispersed h2{font-size:26px; color:#00a8a8; line-height:30px;}


@media ( max-width:1500px){
.HomeProduct .item .name{font-size:20px;}
.HomeProduct .item .box .pic{width:170px;}
.HomeProduct .item .box .pic img{height:170px;}
.HomeProduct .item .box .txt{padding-top:110px;}
.HomeProduct .item .info{font-size:14px; line-height:30px; height:90px;}
}

@media ( max-width:1366px){
.main-slide.s2 .img .txt,.main-slide.s4 .img .txt{bottom:25%;}
.main-slide dl a{font-size:16px;}
.main-slide dl i{ width:36px; height:32px;}
}

@media ( max-width:1100px){
.index_header_menu{display:block;}
.Showbox{width:50%;height:100%;background:url(../images/opacity.png) repeat;overflow:auto;overflow-x:none; position:fixed;z-index:99999;top:0;right:-100%; padding:70px 0px 0px;}
.index_Nav li{float:none; width:100%;}
.index_Nav li a.am{font-size:24px; line-height:60px; color:#fff;}
.index_Nav li:hover a.am{color:#fff;}

}

@media ( max-width:998px){
.HomeProduct .item .box{margin:0 3%;}
.main-slide dl a:hover .ewm{ display:none;}
.HomeSer li dt{ padding-bottom:20px;}
.HomeSer li dd{ display:none;}
.lastvideo{ display:none;}
.HomeSer li:hover{ margin-top:0px;}
.main-slide dl.bg1{ background: #f7f7f7;}
.main-slide dl.bg2{ background: #f7f7f7;}
}

@media ( max-width:768px){
.HomeProduct .item .box .pic{width:110px;}
.HomeProduct .item .box .pic img{height:110px;}
.HomeProduct .item .box .txt{margin-top:0px; background:none; padding:5%;}
.HomeProduct .item .info,.HomeProduct .item .box .txt .detail{display:none;}	
.main-slide { width:50%;}
.main-slide dl{ padding:5px 0 5px 10px; clear:both;}
.main-slide dl a{ font-size:14px; color:#333333;}
.main-slide dl i{ width:25px; height:23px; margin-right:3px;}
.main-slide .img .txt{ top:30%;font-size:18px;}
.main-slide .img .txt i{ margin-top:0px;}
.main-slide.s2 .img .txt,.main-slide.s4 .img .txt{ top:30%; bottom:none;}

.HomeSer li{ cursor:pointer; width:48%; padding:0 1% 0px;}
.HomeSer li .icon{ width:50px; height:50px;}
.HomeSer li dt{ line-height:28px; font-size:14px;}
.HomeSer li dd{ font-size:11px;}

.Dispersed h2{font-size:20px;}
}

@media ( max-width:640px){
.index_Logo{width:200px;}
.HomeProduct .item .name{font-size:16px;}
}

@media ( max-width:480px){
.main-slide dl dd,.main-slide dl dd a{height:35px;}
.fixednav .index_Nav li a.am,.index_Nav li a.am{font-size:20px; line-height:50px;}
.HomeProduct .item{width:50%;}
}

.ChinaMap{width:625px; float:left; position:relative;}
.ChinaMap li .bg{position:absolute; display:none; z-index:0;}
.ChinaMap li.on .bg{display:block;}
.ChinaMap li .name{position:absolute; z-index:9; font-size:13px; color:#4d4d4d; height:20px; line-height:20px;}
.ChinaMap li:hover .name,.ChinaMap li.on .name{background:url(../images/cur.png) no-repeat center top; padding-top:29px; transition: 400ms; color:#fff;}

/*黑龙江*/
.ChinaMap li.m1 .bg{top:0px; right:0px;}
.ChinaMap li.m1 .name{top:61px; right:27px;}
.ChinaMap li.m1:hover .name,.ChinaMap li.m1.on .name{top:31px;}

/*吉林*/
.ChinaMap li.m2 .bg{top:97px; right:12px;}
.ChinaMap li.m2 .name{top:122px; right:52px;}
.ChinaMap li.m2:hover .name,.ChinaMap li.m2.on .name{top:92px;}

/*北京*/
.ChinaMap li.m3 .bg{top:184px; right:147px;}
.ChinaMap li.m3 .name{top:166px; right:154px;}
.ChinaMap li.m3:hover .name,.ChinaMap li.m3.on .name{top:136px;}

/*天津*/
.ChinaMap li.m4 .bg{top:192px; right:135px;}
.ChinaMap li.m4 .name{top:189px; right:136px;}
.ChinaMap li.m4:hover .name,.ChinaMap li.m4.on .name{top:159px;}

/*河北*/
.ChinaMap li.m5 .bg{top:158px; right:118px;}
.ChinaMap li.m5 .name{top:215px; right:150px;}
.ChinaMap li.m5:hover .name,.ChinaMap li.m5.on .name{top:185px;}

/*山东*/
.ChinaMap li.m6 .bg{top:224px; right:80px;}
.ChinaMap li.m6 .name{top:242px; right:128px;}
.ChinaMap li.m6:hover .name,.ChinaMap li.m6.on .name{top:212px;}

/*江苏*/
.ChinaMap li.m7 .bg{top:266px; right:75px;}
.ChinaMap li.m7 .name{top:276px; right:104px;}
.ChinaMap li.m7:hover .name,.ChinaMap li.m7.on .name{top:246px;}

/*上海*/
.ChinaMap li.m8 .name{top:298px; right:90px;}
.ChinaMap li.m8:hover .name,.ChinaMap li.m8.on .name{top:268px;}

/*安徽*/
.ChinaMap li.m9 .bg{top:277px; right:103px;}
.ChinaMap li.m9 .name{top:303px; right:127px;}
.ChinaMap li.m9:hover .name,.ChinaMap li.m9.on .name{top:273px;}

/*江西*/
.ChinaMap li.m10 .bg{top:342px; right:112px;}
.ChinaMap li.m10 .name{top:362px; right:140px;}
.ChinaMap li.m10:hover .name,.ChinaMap li.m10.on .name{top:332px;}

/*福建*/
.ChinaMap li.m11 .bg{top:365px; right:88px;}
.ChinaMap li.m11 .name{top:389px; right:106px;}
.ChinaMap li.m11:hover .name,.ChinaMap li.m11.on .name{top:359px;}

/*广东*/
.ChinaMap li.m12 .bg{top:408px; right:120px;}
.ChinaMap li.m12 .name{top:425px; right:160px;}
.ChinaMap li.m12:hover .name,.ChinaMap li.m12.on .name{top:395px;}

/*广西*/
.ChinaMap li.m13 .bg{top:400px; right:190px;}
.ChinaMap li.m13 .name{top:430px; right:225px;}
.ChinaMap li.m13:hover .name,.ChinaMap li.m13.on .name{top:400px;}

/*湖南*/
.ChinaMap li.m14 .bg{top:346px; right:165px;}
.ChinaMap li.m14 .name{top:372px; right:190px;}
.ChinaMap li.m14:hover .name,.ChinaMap li.m14.on .name{top:342px;}

/*湖北*/
.ChinaMap li.m15 .bg{top:302px; right:145px;}
.ChinaMap li.m15 .name{top:320px; right:176px;}
.ChinaMap li.m15:hover .name,.ChinaMap li.m15.on .name{top:290px;}

/*河南*/
.ChinaMap li.m16 .bg{top:256px; right:146px;}
.ChinaMap li.m16 .name{top:280px; right:170px;}
.ChinaMap li.m16:hover .name,.ChinaMap li.m16.on .name{top:250px;}

/*山西*/
.ChinaMap li.m17 .bg{top:191px; right:177px;}
.ChinaMap li.m17 .name{top:245px; right:190px;}
.ChinaMap li.m17:hover .name,.ChinaMap li.m17.on .name{top:215px;}

/*内蒙古*/
.ChinaMap li.m18 .bg{top:6px; right:90px;}
.ChinaMap li.m18 .name{top:190px; right:235px;}
.ChinaMap li.m18:hover .name,.ChinaMap li.m18.on .name{top:160px;}

/*宁夏*/
.ChinaMap li.m19 .bg{top:214px; right:256px;}
.ChinaMap li.m19 .name{top:242px; right:264px;}
.ChinaMap li.m19:hover .name,.ChinaMap li.m19.on .name{top:210px;}

/*甘肃*/
.ChinaMap li.m20 .bg{top:164px; left:210px;}
.ChinaMap li.m20 .name{top:262px; right:284px;}
.ChinaMap li.m20:hover .name,.ChinaMap li.m20.on .name{top:232px;}

/*陕西*/
.ChinaMap li.m21 .bg{top:210px; right:211px;}
.ChinaMap li.m21 .name{top:286px; right:230px;}
.ChinaMap li.m21:hover .name,.ChinaMap li.m21.on .name{top:256px;}

/*重庆*/
.ChinaMap li.m22 .bg{top:319px; right:219px;}
.ChinaMap li.m22 .name{top:345px; right:230px;}
.ChinaMap li.m22:hover .name,.ChinaMap li.m22.on .name{top:315px;}

/*四川*/
.ChinaMap li.m23 .bg{top:289px; left:251px;}
.ChinaMap li.m23 .name{top:340px; right:310px;}
.ChinaMap li.m23:hover .name,.ChinaMap li.m23.on .name{top:310px;}

/*贵州*/
.ChinaMap li.m24 .bg{bottom:92px; right:224px;}
.ChinaMap li.m24 .name{top:388px; right:250px;}
.ChinaMap li.m24:hover .name,.ChinaMap li.m24.on .name{top:358px;}

/*云南*/
.ChinaMap li.m25 .bg{top:362px; left:247px;}
.ChinaMap li.m25 .name{top:420px; right:315px;}
.ChinaMap li.m25:hover .name,.ChinaMap li.m25.on .name{top:390px;}

/*西藏*/
.ChinaMap li.m26 .bg{top:240px; left:27px;}
.ChinaMap li.m26 .name{top:302px; left:132px;}
.ChinaMap li.m26:hover .name,.ChinaMap li.m26.on .name{top:272px;}

/*青海*/
.ChinaMap li.m27 .bg{top:210px; left:161px;}
.ChinaMap li.m27 .name{top:256px; left:212px;}
.ChinaMap li.m27:hover .name,.ChinaMap li.m27.on .name{top:226px;}

/*新疆*/
.ChinaMap li.m28 .bg{top:62px; left:0px;}
.ChinaMap li.m28 .name{top:150px; left:128px;}
.ChinaMap li.m28:hover .name,.ChinaMap li.m28.on .name{top:120px;}

/*海南*/
.ChinaMap li.m29 .bg{bottom:0px; right:200px;}
.ChinaMap li.m29 .name{top:498px; right:210px;}
.ChinaMap li.m29:hover .name,.ChinaMap li.m29.on .name{top:468px;}

/*台湾*/
.ChinaMap li.m30 .bg{bottom:63px; right:62px;}
.ChinaMap li.m30 .name{top:416px; right:63px;}
.ChinaMap li.m30:hover .name,.ChinaMap li.m30.on .name{top:386px;}

/*浙江*/
.ChinaMap li.m31 .bg{top:324px; right:70px;}
.ChinaMap li.m31 .name{top:340px; right:85px;}
.ChinaMap li.m31:hover .name,.ChinaMap li.m31.on .name{top:310px;}

/*辽宁*/
.ChinaMap li.m32 .bg{top:138px; right:58px;}
.ChinaMap li.m32 .name{top:157px; right:78px;}
.ChinaMap li.m32:hover .name,.ChinaMap li.m32.on .name{top:127px;}


.CompanyBox{width:300px; float:left; margin:10% 0 0 10%;}
.Company{background-image:url(../images/txtbg2.png); background-size:100% 100%;}
.Company dl{padding:6%; color:#fff;}
.Company dl dt{font-size:16px; line-height:24px; text-align:center;}
.Company dl dd .title{font-size:14px; line-height:30px; border-bottom:1px dashed #fff;}
.Company dl dd .info{padding:6px 0px 0px; font-size:12px; line-height:20px;}

.MobileMap{display:none;}


@media ( max-width:1200px){
.MobileMap{display:block; text-align:center;}	
.ChinaMap{display:none;}
.CompanyBox{display:none;}
.CompanyBox{width:100%; float:none; margin:3% 0 0;}
.CooperBox .bd .ul{width:48%; float:left; margin-bottom:15px;}
.CooperBox .bd .ul:nth-child(2n){float:right;}
.Txtlist dl{padding:0;}
.Piclist{position:fixed;}
}

@media ( max-width:768px){
.Txtlist dd .title{font-size:16px;}
}

@media ( max-width:480px){
.CooperBox .bd .ul,.CooperBox .bd .ul:nth-child(2n){width:100%; float:none;}
.Piclist .owl-carousel{margin:30% 0 0;}
}


.Footer{ clear:both; padding:3% 0px; background:#111111;}
.Footer .auto{max-width:1200px; min-width:300px; margin:0px auto;}
.Footer .col-l{ width:60%; float:left; color:#5e5e5e; line-height:25px; font-size:14px;}
.Footer .col-l a{color:#5e5e5e;}.Footer .col-l a:hover{color:#fff;}
.Footer .col-l span{ display:inline-block;}
.Footer .col-r{ width:108px; float:right; line-height:28px; color:#999999; margin-right:10px;}
.weixin .name{display:block; font-size:16px; line-height:16px; color:#fff; text-align:center; margin-top:10px; margin-right: -6px;}
.weixin img{display:block; width:108px;}

@media ( max-width:768px){
.Footer .col-l{ width:auto; float:none; text-align:center; line-height:22px; font-size:13px; padding:4px; margin-bottom:12px; color:#999;}
.Footer .col-l a{color:#999;}
.Footer .col-r{ width:auto; float:none; text-align:center; line-height:20px; margin-right:10px;}
.Footer .col-r .tel{color:#3d3d3d;}.Footer .tel a{color:#3d3d3d;}
.Footer .col-r .shop a{ margin-left:1px;}
.Footer .col-r a.enter{ display:none;}
.Footer .col-r a.enter2{padding:4px 8px; background:#292929; font-size:18px; display:inline-block;}
.Footer .col-r .dh{ display:none;}
.Footer .allr{ display:block;}
}


/*产品列表*/
.ProductList li{width:32%; float:left; margin:0 2% 2% 0;}
.ProductList li:nth-child(3n){margin-right:0;}
.ProductList li a{display:block; border:1px solid #f3f3f3; border-radius:3px;}
.ProductList li .effect-img img{display:block; width:100%; height:169px;}
.ProductList li .title{text-align:center; line-height:26px; padding:0px 5px 15px;}
.ProductList li .title span,.ProductList li .title em{display:block; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ProductList li .title span{font-size:16px; color:#222222;}
.ProductList li .title em{font-size:14px; color:#999999;}
.ProductList li:hover{box-shadow:0px 0px 35px #f3f3f3;}
.ProductList li:hover .effect-img img{opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform:  scale3d(1.2,1.2,1); top:0px; left:0px;}

@media ( max-width:998px){
.ProductList li .effect-img img{height:139px;}	
}

@media ( max-width:768px){
.ProductList li .effect-img img{height:132px;}
}


@media ( max-width:640px){
.ProductList li .title span,.ProductList li .title em{line-height:22px; height:22px;}
.ProductList li .title span{font-size:14px;}
.ProductList li .title em{font-size:12px;}
.ProductList li .effect-img img{height:109px;}
}


@media ( max-width:480px){	
.ProductList li{width:48%; margin-right:0;}
.ProductList li:nth-child(2n){float:right;}	
.ProductList li .effect-img img{height:96px;}
}






/*联系我们*/
.LX-text{margin-top: 30px;margin-bottom: 30px;}
.EWM-Box{width: 280px;border:1px solid #efefef;padding: 20px;text-align: center;float: right;}
.EWM-Box img{max-width: 100%;}
.EWM-Box h3{font-size: 20px;color: #333;line-height: 30px;padding-top: 10px;}
.EWM-Box p{font-size: 16px;line-height: 30px;}


.DZ-Box{float: left;}
.DZ-Box h3{font-size: 20px;color: #333;}
.DZ-Box p{font-size: 16px;color: #666;line-height: 30px;}

.ZG-DZ{margin-top: 15px;}


@media ( max-width:768px){
.EWM-Box{float: none;margin: 10px auto;}
.DZ-Box{float: none;}
}



/*技术优势*/
.JsysBox li{width:32%; margin:0 2% 2% 0; float:left; border-radius:5px; overflow:hidden;}
.JsysBox li:nth-child(3n){margin-right:0;}
.JsysBox li .effect-img img{display:block; width:100%; height:150px;}
.JsysBox li .txt{padding:3% 4%;}
.JsysBox li .txt .name span{display:block; font-size:16px; line-height:30px; height:30px; overflow:hidden; color:#333333;}
.JsysBox li .txt .name em{display:block; font-family:Arial; color:#888888;}
.JsysBox li .txt .info{margin:3% 0; font-size:14px; line-height:26px; height:52px; overflow:hidden;}

.JsysBox li:hover{box-shadow:0px 0px 55px #f5f5f5;}
.JsysBox li:hover .txt .name span{color:#019f9e;}
.JsysBox li:hover .txt .more{background:#019f9e; color:#fff; border:1px solid #019f9e;}

@media ( max-width:640px){
.JsysBox li .effect-img img{height:115px;}
}

@media ( max-width:480px){
.JsysBox li{width:48.5%; margin-right:0;}
.JsysBox li:nth-child(2n){float:right;}	
}

/*视频下载*/
.DownVideo li{width:32%; margin:0 2% 2% 0; float:left; overflow:hidden; text-align:center;}
.DownVideo li:nth-child(3n){margin-right:0;}
.DownVideo li img{display:block; width:100%; height:162px;}
.DownVideo li span.name{display:block; margin:10px 0px 0px; font-size:18px; color:#333; line-height:24px; height:24px; overflow:hidden;}
.DownVideo li em.btn{display:block; font-size:14px; color:#00A09E; line-height:24px;}

@media ( max-width:998px){
.DownVideo li img{height:134px;}	
}

@media ( max-width:768px){
.DownVideo li img{height:128px;}	
}

@media ( max-width:640px){
.DownVideo li img{height:107px;}	
.DownVideo li span.name{font-size:16px;}
}

@media ( max-width:480px){
.DownVideo li{width:48.5%; margin-right:0;}
.DownVideo li:nth-child(2n){float:right;}	
.DownVideo li img{height:104px;}	
}

/*售后服务*/
.Adv img{display:block; width:100%;}

.ServiceBox{padding:3% 0 5%;}
.ServiceBox .pic{width:51%; float:right; margin-left:3%;}
.ServiceBox .pic img{display:block; width:100%;}
.ServiceBox .info{font-size:16px; color:#333; line-height:24px;}
.ServiceBox .info p{text-indent:2em;}
.ServiceBox .info .call{width:400px; background:#ff9000 ; border-radius:12px; height:64px; line-height:64px; font-size:24px; color:#fff; text-align:center;}
.ServiceBox .info .call img{display:inline-block; margin:5px 0px 0px 3%;}

.FwtxBox li{width:18.4%; margin-right:2%; float:left;}
.FwtxBox li:nth-child(5n){margin-right:0;}
.FwtxBox li img{display:inline-block; max-width:100%;}
.FwtxBox li .info{padding:5% 0 0;}
.FwtxBox li .info p{line-height:18px; padding-left:10px; background:url(../images/dian.png) no-repeat left 7px;}

@media ( max-width:640px){
.FwtxBox li{width:32%; margin-bottom:5%;}
.FwtxBox li:nth-child(3n){margin-right:0;}
}

@media ( max-width:480px){
.ServiceBox .pic{display:none;}
.ServiceBox .info .call{width:100%; font-size:20px;}
.FwtxBox li{width:48%; margin-right:0;}
.FwtxBox li:nth-child(2n){float:right;}
}

.HomeNews .hd{width:18%; float:left;}
.HomeNews .hd li{position: relative; display:block; height:45px; line-height:45px; border-bottom:1px solid #ebebeb;}
.HomeNews .hd li a{font-size:14px; color:#666666; display:inline-block;width:70%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.HomeNews .hd li:hover a,.HomeNews .hd li.on a{padding-left:10px; color:#009c9a; background:url(../images/arr1.png) no-repeat left center; transition: 400ms;}

.HomeNews .bd{width:80%; float:right;}

@media ( max-width:480px){
.HomeNews .hd,.HomeNews .bd{width:100%; float:none;}
.HomeNews .hd{text-align:center;}
.HomeNews .hd li{display:inline-block; width:83px; border-bottom:none;}
}

.getCode{
    border: 1px solid #dcdcdc;
    background: transparent;
    height: 44px;
    margin-left: 20px;
}
.getCode img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.main-slide dl dd {
    width: 96%;
    text-align: center;
}
.main-slide dl a{
    cursor: auto;
}
.getCodeBtn{
    display: flex;
}
@media screen and (max-width:768px){
    .section.sec-2{
        display: flex;
        flex-wrap: wrap;
    }
}