﻿@charset "utf-8";
body,html{width:100%; overflow-x:hidden;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:15px; 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:#d1d1d1;}
::-moz-placeholder{color:#d1d1d1;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#d1d1d1;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #d1d1d1;}
.w1280{ max-width:1280px; min-width:320px; margin:0px auto;}
.w1200{ max-width:1200px; min-width:320px; margin:0px auto;}
@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);}

.Ban img{display:block; width:100%;}
.Meun{text-align:center; border-bottom:1px solid #e6e6e6; background:#f8f8f8; height:59px;}
.Meun a{display:inline-block; font-size:16px; color:#222222; line-height:58px; padding:0 2.5%;cursor: pointer;}
.Meun a:hover,.Meun a.on{color:#fff; background:#0d63d2;}
.Meun .w1200{font-size: 0}
.Container{padding:2% 0 4%;}


/*pages*/
.Pages{width:100%; text-align:center; color:#666666; font-size:14px;}
.Pages a{display:inline-block; height:25px; line-height:25px; border:1px solid #dddddd; color:#333333; margin:0px 2px; padding:0px 10px; border-radius:5px;}
.Pages .num a:hover,.Pages .num a.a_cur{color:#fff; background:#0d63d2; border:1px solid #0d63d2;}

/*pages end*/

/*Top*/
.Header{background:#fff;}
.Top{position:relative;}
.textlogo{    margin: -28px 0 0 18px;display: none}
.Logo{width:auto; float:left; padding:0 0px;}
.Logo img{display:block; width:auto;max-height: 60px;}
.Ver{float:right; padding:18px 0 0 20px;}
.Ver .on{color:#0069bb;font-weight:bold;}
.SearchBox{float:right; margin-top:18px;}
.SearchBox .sbtn{width:21px; height:20px; display:block; background:url(../images/btn2.png) no-repeat;}
.SearchBox .Search{position:absolute; top: 2%; right: 30px; border:1px solid #666; z-index:99; width:200px; background:#fff; border-radius:15px; height:30px; line-height:30px; display:none;}
.SearchBox .Search .input{padding:0px 15px; width:155px; height:30px; line-height:30px;margin-left: 15px;}
.SearchBox .Search .btn{background:url(../images/btn.png) no-repeat; width:15px; height:15px; position:absolute; top:7px; left :10px;}
.Nav{width:70%; float:right; padding:0 0px 0px;}
.Nav li{float:left; padding:0 1% 0; position:relative;}

.Nav li#set102 .SubNav{width: 300%;left: -100%;}

.Nav li a.am{display:block; font-size:15px; color:#222222; line-height:60px; text-align:center;cursor: pointer;}
.Nav li:hover a.am,.Nav li.active a.am{ color:#fff;}
.Nav li:hover,.Nav li.active{background:#0069bb}
.Nav li .SubNav{position:absolute; width:200%; left:-50%; top:100%; text-align:center; font-size:14px; line-height:35px; background:#fff; display:none; z-index:99;}
.Nav li#set18 .SubNav{width:120%; left:-6%;}
.Nav li .SubNav dd a{display:block; color:#222222;}
.Nav li .SubNav dd:hover a{background:#0070ba;;font-size: 15px;color:#fff}
.Nav li:last-child .SubNav{left:auto; right:0;}
@media only screen and (min-width: 320px) and (max-width: 640px) {
	.SearchBox .Search{top: 100%;right: 55px;}
}

/* 手机导航 */
.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*/
.BannerBox{position:relative;}
.Banner{position:relative;}
.Banner .swiper-slide{width:100%;}
.Banner .swiper-slide .img{display:block; width:100%;}
.Banner .BanTxt{ left:0; right:0; top:0; bottom:0; position:absolute; width:100%}
.Banner .ani{position:absolute; width:100%;}
.Banner .ani img{ display:inline-block;}
.Banner .BanTxt .img1{top:20%; left:0%; text-align:center;}
.Banner .BanTxt .img2{top:20%; left:0px;}
.Banner .BanTxt .img3{top:20%; left:0px;}
.Banner .BanTxt .img4{top:30%; left:24%; text-align:center;}

.Banner .swiper-button-next,.Banner .swiper-button-prev{width:74px; height:74px; margin-top:-37px;}
.Banner .swiper-button-next,.Banner .swiper-container-rtl .swiper-button-prev{background:url(../images/prev.png) no-repeat right top;}
.Banner .swiper-button-prev,.Banner .swiper-container-rtl .swiper-button-next{background:url(../images/prev.png) no-repeat left top;}
.Banner .swiper-button-next.swiper-button-disabled,.Banner .swiper-button-prev.swiper-button-disabled{opacity:1; pointer-events:inherit;}

/*bottom*/
.Bottom{background:#1f1f1f; padding:18px 0;}
.Bshare{height:34px; text-align:center; margin-bottom:12px;}
.Bshare .bdshare-button-style0-16 a,.Bshare .bdshare-button-style0-16 .bds_more{padding:0 !important; margin:0px 10px !important;}
.Bshare .bdshare-button-style0-16{display:inline-block;}
.Bshare .bdshare-button-style0-16 .bds_weixin{width:33px !important; height:34px !important; background:url(../images/bt1.png) no-repeat !important;}
.Bshare .bdshare-button-style0-16 .popup_sqq{width:33px !important; height:34px !important; background:url(../images/bt2.png) no-repeat !important;}
.Bottom .Txt{font-size:14px; color:#949494; line-height:24px; text-align:center;}
.Bottom .Txt a{color:#949494;}
.Bottom .Txt img{display:inline-block; width:25px; margin:0px 5px;}

@media ( max-width:1200px){
.Logo{padding:15px 0px;}
.Nav{display:none;}
.Header .header_menu,.page_menu{display:block;}
.SearchBox{margin-right:100px; background:none;}
.Banner .BanTxt .img2{top:20%; left:10px;}
.Banner .BanTxt .img3{top:20%; left:10px;}
.Banner .BanTxt .img4{text-align:center; width:81%;}

}

@media ( max-width:640px){
.Logo{width:230px;}
.SearchBox{margin-top:24px;}
.Banner .ani img{width:50%;}
}

@media ( max-width:480px){
.Meun a{margin:0; font-size:12px;}
.SearchBox{margin-right:50px;}
}

/*index*/
.Main{position:absolute; width:100%; left:0px; bottom:10%; z-index:99;}
.HomeMeun{height:129px; overflow:hidden;}
.HomeMeun li{background:#fff; border-radius:8px; padding:20px 0px 0px; height:109px; width:23.2%; float:left; margin-right:2.3%; transition:all .3s ease 0s; overflow:hidden;}
.HomeMeun li:nth-child(5n){margin-right:0;}
.HomeMeun li .icon{height:94px;}
.HomeSlide.swiper-container{display:none; height:165px;}
.HomeSlide .swiper-slide{background:#fff; border-radius:8px; padding:20px 0px 0px; width:14.28%;}
.HomeSlide .swiper-slide .icon,.HomeMeun li .icon{text-align:center;}
.HomeSlide .swiper-slide .icon img,.HomeMeun li .icon img{display:inline-block;height: 55px;}
.HomeSlide .swiper-slide .icon span,.HomeMeun li .icon span{display:block; font-size:16px; color:#222222; line-height:23px; padding:8px 0px 0px;}
.HomeSlide .swiper-slide .icon em,.HomeMeun li .icon em{display:none; color:#aeaeae; line-height:18px; font-family:Arial;}
.HomeMeun li .box{display:none;}
.HomeSlide .swiper-slide .pic,.HomeMeun li .pic{width:30%; float:left;}
.HomeSlide .swiper-slide .pic img,.HomeMeun li .pic img{display:block; width:100%;}
.HomeSlide .swiper-slide .txt,.HomeMeun li .txt{width:64%; float:right;}
.HomeSlide .swiper-slide .txt a,.HomeMeun li .txt a{display:inline-block; width:50%; font-size:12px; line-height:16px; color:#525252;}
.HomeSlide .swiper-slide .txt a:hover,.HomeMeun li .txt a:hover{color:#fff; background:#0069bb;}
.HomeSlide .swiper-slide.swiper-slide-active .box{display:block; width:68%; float:left;}
.HomeSlide .swiper-slide.swiper-slide-active .box img{display:block; width:100%;}
.HomeSlide .swiper-slide.swiper-slide-active .icon{width:25%; float:left;} 
.HomeSlide .swiper-slide.swiper-slide-active .icon img{display:none;}
.HomeSlide .swiper-slide.swiper-slide-active .icon span{padding:22px 0px 0px;}
.HomeSlide .swiper-slide.swiper-slide-active .icon em{display:block;}
.HomeMeun li.on{width:46%;}
.HomeMeun li.on .box{display:block; width:68%; float:left; margin-left:3%;}
.HomeMeun li.on .box .img img{display:block; width:100%; height:90px;}
.HomeMeun li.on .icon{width:25%; float:left;} 
.HomeMeun li.on .icon img{display:none;}
.HomeMeun li.on .icon span{padding:32px 0px 0px;}

@media ( max-width:768px){
.Main{position:static; padding:20px 0px; background:#e8e8e8;}
.HomeMeun{display:none;}
.HomeSlide.swiper-container{display:block;}
.HomeSlide .swiper-slide{padding:20px 0px;}
}

@media ( max-width:480px){
.HomeSlide .swiper-slide .pic{display:none;}
.HomeSlide .swiper-slide .txt{width:66%;}
.HomeSlide .swiper-slide.swiper-slide-active .icon em{display:none;}
}


/*公司介绍*/
.About .pic{float:right; margin:0 0 2% 0%;}
.About .info{font-size:16px; color:#222222; line-height:29px; padding:4.5% 0; width:67%;}
.About .info p{text-indent:2em;}
.About dl dd{width:21%; margin:0 2% 2% 0; border:1px dashed #cccccc; float:left; font-size:16px; color:#666666; height:48px; line-height:48px; overflow:hidden; text-align:center;}
.About dl dd:hover{border:1px dashed #006fb9; color:#006fb9;}

@media ( max-width:1200px){
.About .pic{margin:0 0 2% 2%;}
.About .info{width:100%; padding:3.5% 0;}
.About dl dd{width:31%;}
}

@media ( max-width:998px){
.About .info{padding:4.5% 0;}
.About dl dd{width:28%;}
}

@media ( max-width:768px){
.About .info{padding:5.1% 0;}
.About dl dd{width:46%;}
}

@media ( max-width:640px){
.About .pic{display:none;}
.About dl dd{width:48%;}
.About dl dd:nth-child(2n){float:right; margin-right:0;}
}

@media ( max-width:480px){
.About .title img{width:70%;}	
.About dl dd{font-size:12px; height:40px; line-height:40px;}
}

/*企业文化*/
.Culture ul{padding:0 0 2%;}
.Culture li{width:23.875%; margin:0 1.5% 1% 0; float:left;}
.Culture li:nth-child(4n){margin-right:0;}
.Culture li img{display:block; width:100%; height:207px;}
.Culture li em{display:block;height: 50px;padding: 5px;line-height: 25px;overflow:hidden;text-align:center; color:#222222; font-size:16px;}

/*荣誉资质*/
.Honnor ul{padding:0 0 2%;}
.Honnor li{width:23.875%; margin:0 1.5% 1% 0; float:left;}
.Honnor li:nth-child(4n){margin-right:0;}
.Honnor li .effect-img{border:1px solid #d5e4f6;}
.Honnor li .effect-img img{display:block; width:100%; height:207px;}
.Honnor li em{display:block;height: 50px;padding: 5px;line-height: 25px;overflow:hidden;text-align:center; color:#222222; font-size:16px;}

@media ( max-width:998px){
.Culture li img{height:169px;}

.Honnor li .effect-img img{height:160px;}
}

@media ( max-width:768px){
.Culture li em{font-size:14px;}
.Culture li img{height:129px;}

.Honnor li em{font-size:14px;}
.Honnor li .effect-img img{height:123px;}
}

@media ( max-width:640px){
.Culture li img{height:107px;}
.Honnor li .effect-img img{height:102px;}	
}

@media ( max-width:480px){
.Culture li{width:48%; margin-right:0;}
.Culture li:nth-child(2n){float:right;}
.Culture li img{height:136px;}

.Honnor li{width:48%; margin-right:0;}
.Honnor li:nth-child(2n){float:right;}
.Honnor li .effect-img img{height:130px;}
}

/*人才招聘*/
.JobBoxs ul{padding:0 0 2%;}
.JobBoxs li{margin-bottom:20px;}
.JobBoxs li .Jobcon{display:none; padding:0px 20px 2%; background:#fff;}
.JobBoxs li .name{padding-left:21px; height:50px; line-height:50px; background:#e6e3e3 url(../images/jia.png) no-repeat 98% center; color:#fff; font-size:18px;}
.JobBoxs li .name a{color:#222222; display:block;}
.JobBoxs li.on .name{background:#006db4 url(../images/jian.png) no-repeat 98% center;}
.JobBoxs li.on .name a{color:#fff;}
.Jobcon dl{padding:24px 0px 0px 0px; font-size:16px; color:#222222; line-height:27px;}
.Jobcon dl dt{display:none;}
.Jobcon dl dd{padding-left:80px;}
.Jobcon .apply{display:block; width:170px; height:45px; line-height:45px; text-align:center; font-size:16px; color:#fff; background:#e81617; margin-top:32px;}

@media ( max-width:998px){

}

@media ( max-width:480px){
.JobBoxs li .name{font-size:16px;}
.Jobcon dl{font-size:14px;}
.Jobcon dl dd{padding:0;}
}

/*应聘表单*/
.JobForm{ color:#666666; margin:0 0 0 2%;}
.JobForm dl{ width:45%; float:left; padding-left:1%; font-size:14px;}
.JobForm dl dt{ width:20%; float:left; line-height:38px;}
.JobForm dl dd{ width:70%; float:left;}
.JobForm dl.other{ width:99%; float:none; padding-left:1%;}
.JobForm dl.other dt{ width:9%;}
.JobForm dl.other dd{ width:78.9%;}
.JobForm dd{ padding:5px 0px;}
.JobForm .input { background:#fff; border:1px solid #dbdbdb; width:99%; height:28px; line-height:28px;}
.JobForm .input2 { background:#fff; border:1px solid #dbdbdb; width:99%; height:116px; line-height:23px;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.JobForm .btn_2 { font-size:15px; padding:1.2% 2%; text-align:center; background:#e81617; margin-right:8px; color:#fff; border:0px; cursor:pointer;}
.JobForm .btn_3 { font-size:15px; padding:1.2% 4.3%; text-align:center; background:#999; color:#fff; border:0px; margin-left:8px; cursor:pointer;}

@media ( max-width:768px){
.JobForm dl{ width:auto; float:none; font-size:12px; clear:both; padding-left:1%;}
.JobForm dl.other dt{ width:20%;}
.JobForm dl.other dd{ width:70%;}
}

@media ( max-width:480px){
.JobForm dl dd,.JobForm dl.other dd{width:76%;}
}

/*联系我们*/
.Contact .con{width:50%; float:left;}
.Contact .con .info{font-size:16px; line-height:28px; color:#222222; padding:5% 0 0;}
.Contact .con .info i{padding:0px 10px;}
.Contact .weixin{width:35%; float:right; padding:5% 0 0;}
.Contact .weixin dd{margin:0 1%; width:31.333%; float:left; text-align:center; font-size:14px; color:#333; line-height:28px;}
.Contact .weixin dd img{display:block; width:100%;}
.Contact .weixin dd em{display:block;}
.Map{padding:3% 0 0;}
.Map img{display:block; width:100%;}


@media ( max-width:640px){
.Contact .con .info{font-size:14px;}
.Contact .weixin{width:40%;}
}


@media ( max-width:480px){
.Contact .con,.Contact .weixin{width:100%; float:none;}
.Contact .weixin dd{width:25.333%; margin:0 4%;}
.Contact .title img{display:block; width:50%;}
}

/*新闻中心*/
.NewsBox li{padding-bottom:3%; margin-bottom:4%; border-bottom:1px solid #eeeeee; position:relative; min-height:105px; height:auto !important; height:105px;}
.NewsBox li .date{width:80px; height:100px; position:absolute; left:0px; top:0px;}
.NewsBox li .date span{display:block; font-size:30px; line-height:34px; font-family:"黑体"; color:#cccccc;}
.NewsBox li .date .more{width:32px; height:32px; border:1px solid #dddddd; border-radius:5px; text-align:center; line-height:32px; font-size:14px; color:#aaaaaa; font-family:"宋体"; position:absolute; bottom:0px; left:0px; transition: 400ms;}
.NewsBox li .con{padding:0px 216px 0px 148px;}
.NewsBox li .con .tit{font-size:17px; height:34px; line-height:34px; color:#222222; overflow:hidden; display:block;}
.NewsBox li .con .info{font-size:14px; color:#666666; line-height:24px; height:48px; overflow:hidden; margin:4.2% 0 0;}
.NewsBox li .pic{width:170px; position:absolute; right:0px; top:0px;}
.NewsBox li .pic img{display:block; width:100%;}
.NewsBox li:hover .con .tit{color:#006cc8;}
.NewsBox li:hover .date .more{transform:translateX(38px); border:1px solid #006cc8; color:#006cc8;}
.NewsBox li:hover .effect-img img{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}

/*新闻详情*/
.ActiveContent .Atit{text-align:center; line-height:28px; position:relative;}
.ActiveContent .Atit h2{font-size:20px; color:#333333;}
.ActiveContent .Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 21px; border-bottom:1px dashed #e8e8e8;}
.ActiveContent .Atit em i{padding:0px 12px;}
.bdsharebuttonbox{display:inline-block; vertical-align:middle;}
.ContentAbout{padding:3% 0; border-bottom:1px solid #e7e7e7;}
.PrevNextBox{padding:24px 0px 0px;}
.PrevNextBox dl{font-size:14px; line-height:33px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

@media ( max-width:640px){
.NewsBox li .con{padding:0px 0px 0px 110px;}
.NewsBox li .pic{display:none;}
}

@media ( max-width:480px){
.NewsBox li .date{height:84px;}
.NewsBox li .date span{font-size:25px;}
.NewsBox li .con{padding:0px 0px 0px 95px;}
.NewsBox li .con .tit{font-size:14px;}

.ActiveContent .Atit h2{font-size:18px;}
}

/*营销售后网络*/
.Service dl{border:2px solid #f3f3f3;width: 70%;margin-bottom:2%;float:left;padding: 39px 15%;height: auto;position: relative;/*display: flex;*/text-align:center;}
.Service dl:nth-child(2n){float:right;}
.Service dl dt{font-size:24px;line-height:40px;color:#222222;margin-bottom:30px;display: none;}
.Service dl li{font-size:16px; line-height:40px; color:#666666; width:50%; float:left;}
.Service dl:hover{border:2px solid #0d63d2;}
.Service dl:hover dt{color:#0d63d2;}
.Service dl:hover li{color:#222222;}

.Service dl .imgs{/* position: absolute; */right: 10px;top:10px;max-width: 140px;max-height: 140px;}

@media ( max-width:1200px){
.Service dl li{font-size:14px;}
}

@media ( max-width:998px){
.Service dl{width:94%; padding:3%; height:auto;}
.Service dl dt{font-size:20px; margin-bottom:1.5%;}
}

@media ( max-width:480px){
.Service dl dt{font-size:18px;}
.Service dl li{width:100%; float:none;}
}

/*行业方案*/
.RightMeun{position:fixed; right:1%; top:30%; z-index:9; width:120px;}
.RightMeun dl dd{font-size:14px; height:35px; line-height:35px; margin-bottom:12px; text-align:center;border-radius: 20px;background: #eaeaea;}
.RightMeun dl dd a{display:block;  color:#222222; border-radius:20px;}
.RightMeun dl dd.at,.RightMeun dl dd.at:hover{background:#c9180e;}
.RightMeun dl dd.at:hover a,.RightMeun dl dd.at a{color: #fff;}
.RightMeun dl dd:hover a,.RightMeun dl dd.on a{color:#fff; background:#d00614;}
.Zhproduct{padding: 3% 0 2%;}
.Zhproduct dl{width:20%; float:left;height:270px;margin-bottom:35px}

@media ( max-width:600px){
.Zhproduct dl{height: 200px}
.Zhproduct dl:nth-child(3n-1){margin-left:0 !important;}
}
.Zhproduct dl:nth-child(3n-1){width:46%; margin:0 7%;}
.Zhproduct dl:nth-child(3n-1) li{width:50%; float:left;}
.Zhproduct dl dt{height:52px; line-height:52px; overflow:hidden; border-bottom:1px solid #e2e2e2; font-size:16px; color:#0d63d2; font-weight:bold;}
.Zhproduct dl ul{padding:10px 0px 0px; min-height: 150px; overflow:hidden;}
.Zhproduct dl li{font-size:14px; line-height:32px; height:32px; overflow:hidden;}
.Zhproduct dl li a{display:block; color:#444444;}
.Zhproduct dl li:hover a{color:#0368ba; text-decoration:underline;}

.Title01{text-align:center; font-size:24px; color:#333333; line-height:52px; background:url(../images/title.jpg) no-repeat center bottom;}
.Hycase{background:url(../images/casebg.jpg) no-repeat center top; height:300px; margin:2% 0;}
.CaseMeun{width:25%; float:left; background:#0d63d2; padding:28px 0px 0px; height:272px;}
.CaseMeun li{font-size:16px; line-height:42px; height:42px;position: relative;}
.CaseMeun li a{display:block; color:#fff;padding-left: 4%;} 
.CaseMeun li:hover{background:#0c52ac;}
.CaseMeun li .info{position:absolute; display:none; overflow:hidden; width:100%; top:0px; left:100%; height:65px; background:#3488f4; z-index:99; padding:0 2%;}
.CaseMeun li .info p{color: #fff;float: left;width: 85%;padding: 6px 14% 0 1%;line-height: 27px;max-height: 60px;}
.CaseMeun li .info a{text-align: center;position: absolute;right: 10px;top: 0;}



.Hycase .txt{width:75%; text-align:center; float:right; padding:10% 0 0;}

.CityCase{margin:3% 0;}
.CityCase li{width:50%; float:left; position:relative;}
.CityCase li img{display:block; width:100%; height:300px;}
.CityCase li .box{position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../images/opacity2.png) repeat; color:#fff; text-align:center; display:none;}
.CityCase li .box .con{padding:12% 10% 0;}
.CityCase li .box .con .name{display:block; font-size:24px; line-height:36px; margin-bottom:3%;}
.CityCase li .box .con .info{font-size:14px; line-height:20px;}
.CityCase li:hover .box{display:block;}

.Dxcase{padding:3% 0 0;}
.Dxcase dl{width:13%; margin:0 1.5% 0 0; float:left; position:relative;}
.Dxcase dl:nth-child(7){margin-right:0;}
.Dxcase dl dt{background:url(../images/down.png) no-repeat 94% center; border:1px solid #dddddd; padding-left:21px; height:48px; line-height:48px; overflow:hidden; font-size:14px; color:#222222;}
.Dxcase dl ul{border:1px solid #dddddd; border-top:none; padding:4% 8%; display:none; position:absolute; left:0; top:50px; width:84%; background:#fff; z-index:9;}
.Dxcase dl ul li{font-size:14px; line-height:26px; height:26px; overflow:hidden;}
.Dxcase dl ul li a{display:block; color:#666666;}
.Dxcase dl ul li:hover a{color:#0d63d2; text-decoration:underline;}
.Dxcase dl .FixBox{display:none; position:fixed; left:0px; top:0; z-index:9999; width:100%; height:100%; background:url(../images/opacity.png) repeat;}
.Dxcase dl .FixBox .Boxbg{width:700px; height:400px; background:#fff; position:absolute; top:50%; left:50%; margin:-200px 0px 0px -350px;}
.Dxcase dl .FixBox .close{position:absolute; top:-10px; right:-10px;}
.Dxcase dl .FixBox .Boxbg .con{padding:5%; font-size:16px; line-height:40px; color:#222222;}

@media ( max-width:1200px){
.Zhproduct dl{width:25%;}
.Zhproduct dl:nth-child(2){width:40%; margin:0 5%;}
}

@media ( max-width:998px){
.CaseMeun li{font-size:16px;}
.Hycase .txt img{display:inline-block; width:80%;}
.CityCase li img{height:245px;}
}

@media ( max-width:768px){
.Zhproduct dl li{font-size:12px;}
.Dxcase dl{width:23.875%; margin-bottom:3%;}
.Dxcase dl:nth-child(4n){margin-right:0;}
.CityCase li img{height:187px;}
.CityCase li .box{position:static; display:block;}
.CityCase li .box .con{padding:4%;}
}

@media ( max-width:640px){
.Zhproduct dl,.Zhproduct dl:nth-child(2){width:100%; float:none; margin:0 0 3%;}
.Zhproduct dl li{width:50%; float:left;}

.Title01{font-size:18px;}
.CaseMeun li{font-size:14px;}
.Hycase .txt{padding:22% 0 0;}

.Dxcase dl .FixBox .Boxbg{width:90%; margin-left:0; left:5%;}

.RightMeun{width: 140px; right:2%;top: 35%;}
.RightMeun dl dd{font-size:13px; height:35px; line-height: 35px;}
.CityCase li img{height:155px;}
.CityCase li .box .con .name{font-size:17px;}
}


@media ( max-width:480px){
.CaseMeun{width:60%;}
.Hycase .txt{display:none;}
.Dxcase dl{width:48%; margin-right:0;}
.Dxcase dl:nth-child(2n){float:right;}
.Dxcase dl .FixBox .Boxbg .con{font-size:14px;}
.CityCase li{width:100%; float:none;}
.CityCase li img{height:196px;}
}


/*产品中心*/
.Left{width:24%; float:left;}
.SubName{height:55px; line-height:55px; background:#2465bf;cursor: pointer; color:#fff; font-size:16px; text-align:center; margin-bottom:1px;}
.SubName a{color: #fff;display: block;}
.belen.on .SubName{background:#d1030f;}
.belen.on .SubName{background: none;border: 1px solid #2465bf;}
.belen.on .SubName a{color:#333}
.betlen.on .nymenu{display: block;}
.belen.on .nymenu{display: block;}
.nymenu{display: none;background: #f4f4f4;}
.nymenu li.on{background: #0069bb url(../images/sj.png) no-repeat 85% center;}
.nymenu li a{padding: 10px 24px; display:block;}

.nymenu li .am{display:block;line-height:22px; font-size:16px; overflow:hidden;}
.nymenu li .am a{color:#222222;}
.nymenu li.on .am a,.nymenu li:hover .am a{color: #fff}
.nymenu li .sub{padding:20px 0px; background:#f4f4f4; display:none;}
.nymenu li .sub dd a{font-size:14px; color:#666666; height:36px; line-height:36px; overflow:hidden;}
.nymenu li .sub dd:hover a{color:#2465bf; font-weight:bold;}
.nymenu li:hover .am a,.nymenu li .am a.on{background: #0069bb;}
.Right{width:72%; float:right;}
.Product ul{padding:0 0 2%;}
.Product ul.choselist{display: none;}
.Product li{width:32%; margin:0 2% 1% 0; float:left;}
.Product li:nth-child(3n){margin-right:0;}
.Product li .effect-img{border:1px solid #dedede;}
.Product li .effect-img img{display:block; width:100%; height:273px;}
.Product li em{display:block; font-size:16px; line-height:52px; height:52px; overflow:hidden; color:#222222; text-align:center;}

@media ( max-width:1200px){
.nymenu li a{padding-left:20px;}
}

@media ( max-width:998px){
.Product li .effect-img img{height:222px;}
}

@media ( max-width:768px){
.Left,.Right{float:none; width:100%;}
.Left{margin-bottom:20px;}
.nymenu{display:none;}
.Product li .effect-img img{height:227px;}
}

@media ( max-width:640px){
.Product li .effect-img img{height:187px;}
}

@media ( max-width:480px){
.Product li{width:48%; margin-right:0;}
.Product li:nth-child(2n){float:right;}
.Product li em{font-size:14px;}
.Product li .effect-img img{height:178px;}
}

/*2018*-05-22*/
.jugongAll{position: relative;}
.jugong{background: #f8f8f8;width: 50%;padding: 5% 4%;position: relative;z-index: 999;float: left;margin-top: 70px;font-size: 16px;}
.jugongAll .imgs{position: absolute;left: 50%;top: 40%;}
@media (max-width: 900px) {
	.jugongAll .imgs{position: inherit;width: 100%;display: block;max-width: 100%;}
	.jugong{width: 85%;float: none;margin: 0 auto;}
}

/*18-05-25*/
.ThreeMeun{text-align:center; border-bottom:1px solid #e6e6e6; background:#f8f8f8; height:59px;}
.ThreeMeun a{display:inline-block; font-size:16px; color:#222222; line-height:58px; margin:0 2.5%;cursor: pointer;}
.ThreeMeun a:hover,.ThreeMeun a.onm{color:#0d63d2;}
/*2018-07-10*/
.changelist{display: none;}

/*经典案例*/
/*.case .ChinaMap .bd ul li{position: absolute;width: 80%;left: 0;top: 110px;z-index: 999;min-height: 350px;background: #fff;padding: 30px 10%;display: none;box-shadow: 0 0 5px #999;}
.case .ChinaMap .bd ul li a.close{position: absolute;right: -13px;top: -10px;z-index: 9999;}
.ChinaMap{width:825px;margin: 0 auto;position:relative;}
.ChinaMap .webmap{width: 100%;}
.ChinaMap li .bg{position:absolute; z-index:0;}
.ChinaMap li .bg .positionBox{position: relative;}
.ChinaMap li .bg .positionBox img{opacity: 0;transition: 0.3s;}
.ChinaMap li .bg .positionBox:hover img{opacity: 1;}
.ChinaMap li .bg .positionBox p{position: absolute;width: 100%;top: 40%;left: 0;text-align: center;color: #000;font-size: 15px;z-index: 9999;}
.ChinaMap li.on .bg,.ChinaMap li:hover .bg{display:block;}
.ChinaMap li.on .bg,.ChinaMap li:hover .positionBox p{color: #fff;}
.ChinaMap li .name{position:absolute; z-index:9; font-size:13px; color:#fff; height:20px; line-height:20px;}
.ChinaMap li:hover .name,.ChinaMap li.on .name{background:url(../images/cur.png) no-repeat center top; padding-top:20px; transition: 400ms; color:#0354b1;}

.ChinaMap li.m1 .bg{top:0px; right:0px;}
.ChinaMap li.m1 .name{top:90px; right:50px;}
.ChinaMap li.m1:hover .name,.ChinaMap li.m1.on .name{top: 80px;}

.ChinaMap li.m2 .bg{top:130px; right:17px;}
.ChinaMap li.m2 .name{top:167px; right: 60px;}
.ChinaMap li.m2:hover .name,.ChinaMap li.m2.on .name{top:130px;}

.ChinaMap li.m3 .bg{top: 241px; right:192px;}
.ChinaMap li.m3 .name{top:220px; right:190px;}
.ChinaMap li.m3:hover .name,.ChinaMap li.m3.on .name{top:205px;}

.ChinaMap li.m4 .bg{top:255px; right: 179px;}
.ChinaMap li.m4 .name{top:260px; right:180px;}
.ChinaMap li.m4:hover .name,.ChinaMap li.m4.on .name{top:255px;}

.ChinaMap li.m5 .bg{top: 210px; right:156px;}
.ChinaMap li.m5 .name{top:276px; right:200px;}
.ChinaMap li.m5:hover .name,.ChinaMap li.m5.on .name{top:266px;}

.ChinaMap li.m6 .bg{top:296px; right:106px;}
.ChinaMap li.m6 .name{top:320px; right:160px;}
.ChinaMap li.m6:hover .name,.ChinaMap li.m6.on .name{top:305px;}

.ChinaMap li.m7 .bg{top:365px; right:136px;}
.ChinaMap li.m7 .name{top:400px; right:165px;}
.ChinaMap li.m7:hover .name,.ChinaMap li.m7.on .name{top:385px;}

.ChinaMap li.m8 .bg{top:273px; right:74px;}
.ChinaMap li.m8 .name{top:264px; right:73px;}
.ChinaMap li.m8:hover .name,.ChinaMap li.m8.on .name{top:244px;}

.ChinaMap li.m9 .bg{top:242px; right:92px;}
.ChinaMap li.m9 .name{top:275px; right:104px;}
.ChinaMap li.m9:hover .name,.ChinaMap li.m9.on .name{top:255px;}

.ChinaMap li.m10 .bg{top:453px; right: 149px;}
.ChinaMap li.m10 .name{top:490px; right:180px;}
.ChinaMap li.m10:hover .name,.ChinaMap li.m10.on .name{top:476px;}

.ChinaMap li.m11 .bg{top:320px; right:77px;}
.ChinaMap li.m11 .name{top:337px; right:90px;}
.ChinaMap li.m11:hover .name,.ChinaMap li.m11.on .name{top:317px;}

.ChinaMap li.m12 .bg{top: 542px; right:159px;}
.ChinaMap li.m12 .name{top:545px; right: 210px;}
.ChinaMap li.m12:hover .name,.ChinaMap li.m12.on .name{top: 525px;}

.ChinaMap li.m13 .bg{top:526px; right:252px;}
.ChinaMap li.m13 .name{top: 570px; right: 290px;}
.ChinaMap li.m13:hover .name,.ChinaMap li.m13.on .name{top: 550px;}

.ChinaMap li.m14 .bg{top:457px; right: 218px;}
.ChinaMap li.m14 .name{top: 470px; right: 250px;}
.ChinaMap li.m14:hover .name,.ChinaMap li.m14.on .name{top: 450px;}

.ChinaMap li.m15 .bg{top:398px; right:191px;}
.ChinaMap li.m15 .name{top:425px; right: 240px;}
.ChinaMap li.m15:hover .name,.ChinaMap li.m15.on .name{top:404px;}

.ChinaMap li.m16 .bg{top:337px; right:192px;}
.ChinaMap li.m16 .name{top:370px; right:230px;}
.ChinaMap li.m16:hover .name,.ChinaMap li.m16.on .name{top:355px;}

.ChinaMap li.m17 .bg{top:253px; right:236px;}
.ChinaMap li.m17 .name{top:300px; right:250px;}
.ChinaMap li.m17:hover .name,.ChinaMap li.m17.on .name{top:285px;}

.ChinaMap li.m18 .bg{top:7px; right:116px;}
.ChinaMap li.m18 .name{top:170px; right:200px;}
.ChinaMap li.m18:hover .name,.ChinaMap li.m18.on .name{top:162px;}

.ChinaMap li.m19 .bg{top:284px; right: 337px;}
.ChinaMap li.m19 .name{top:310px; right:340px;}
.ChinaMap li.m19:hover .name,.ChinaMap li.m19.on .name{top:300px;}

.ChinaMap li.m20 .bg{top:216px; left:275px;}
.ChinaMap li.m20 .name{top:303px; right:3995px;}
.ChinaMap li.m20:hover .name,.ChinaMap li.m20.on .name{top:285px;}

.ChinaMap li.m21 .bg{top:279px; right:279px;}
.ChinaMap li.m21 .name{top: 320px; right:292px;}
.ChinaMap li.m21:hover .name,.ChinaMap li.m21.on .name{top:310px;}

.ChinaMap li.m22 .bg{top: 380px; right:313px;}
.ChinaMap li.m22 .name{top:420px; right: 390px;}
.ChinaMap li.m22:hover .name,.ChinaMap li.m22.on .name{top:410px;}

.ChinaMap li.m23 .bg{top:478px; left:325px;}
.ChinaMap li.m23 .name{top: 550px; right: 410px;}
.ChinaMap li.m23:hover .name,.ChinaMap li.m23.on .name{top:530px;}

.ChinaMap li.m24 .bg{top: 278px; left:214px;}
.ChinaMap li.m24 .name{top:340px; left:320px;}
.ChinaMap li.m24:hover .name,.ChinaMap li.m24.on .name{top:325px;}

.ChinaMap li.m25 .bg{top:82px; left: 0px;}
.ChinaMap li.m25 .name{top:210px; left:157px;}
.ChinaMap li.m25:hover .name,.ChinaMap li.m25.on .name{top:200px;}

.ChinaMap li.m26 .bg{top: 317px; left: 36px;}
.ChinaMap li.m26 .name{top:380px; left:150px;}
.ChinaMap li.m26:hover .name,.ChinaMap li.m26.on .name{top:360px;}

.ChinaMap li.m27 .bg{top:532px; right:82px;}
.ChinaMap li.m27 .name{top:545px; right:85px;}
.ChinaMap li.m27:hover .name,.ChinaMap li.m27.on .name{top:530px;}

.ChinaMap li.m28 .bg{top:648px; right:266px;}
.ChinaMap li.m28 .name{top:658px; right:276px;}
.ChinaMap li.m28:hover .name,.ChinaMap li.m28.on .name{top:640px;}
.wapmap{display: none;}
@media screen and (max-width: 825px) {
	.ChinaMap{width: 100%;margin: 0;padding: 0;}
	.ChinaMap .hd{display: none;}
	.ChinaMap .webmap{display: none;}
	.ChinaMap .wapmap{display: block;}
	
	.case .ChinaMap .bd ul li{position: relative;top: 0;display: inline-block !important;padding: 0;width: 41%;padding: 2%;margin: 2%;min-height: auto;}
	.case .ChinaMap .bd ul li a.close{display: none;}
	
}
*/


/*地图*/
.ChinaMap{width:825px; margin:0 auto; position:relative;}
.ChinaMap li .bg{position:absolute; display:none; z-index:0;}
.ChinaMap li:hover .bg{display:block;}
.ChinaMap li .name{position:absolute; z-index:9; font-size:13px; color:#fff; height:20px; line-height:20px;}
.ChinaMap li:hover .name,.ChinaMap li.on .name{background:url(../images/cur.png) no-repeat center top; padding-top:20px; transition: 400ms; color:#fff;}

.ChinaMap li.m1 .bg{top:0px; right:0px;}
.ChinaMap li.m1 .name{top:93px; right:38px;}
.ChinaMap li.m1:hover .name,.ChinaMap li.m1.on .name{top:83px;}

.ChinaMap li.m2 .bg{top:128px; right:16px;}
.ChinaMap li.m2 .name{top:156px; right:74px;}
.ChinaMap li.m2:hover .name,.ChinaMap li.m2.on .name{top:146px;}

.ChinaMap li.m3 .bg{top:241px; right:191px;}
.ChinaMap li.m3 .name{top:236px; right:218px;}
.ChinaMap li.m3:hover .name,.ChinaMap li.m3.on .name{top:226px;}

.ChinaMap li.m4 .bg{top:254px; right:178px;}
.ChinaMap li.m4 .name{top:267px; right:182px;}
.ChinaMap li.m4:hover .name,.ChinaMap li.m4.on .name{top:257px;}

.ChinaMap li.m5 .bg{top:210px; right:155px;}
.ChinaMap li.m5 .name{top:282px; right:200px;}
.ChinaMap li.m5:hover .name,.ChinaMap li.m5.on .name{top:272px;}

.ChinaMap li.m6 .bg{top:296px; right:105px;}
.ChinaMap li.m6 .name{top:317px; right:165px;}
.ChinaMap li.m6:hover .name,.ChinaMap li.m6.on .name{top:307px;}

.ChinaMap li.m7 .bg{top:352px; right:99px;}
.ChinaMap li.m7 .name{top:368px; right:132px;}
.ChinaMap li.m7:hover .name,.ChinaMap li.m7.on .name{top:358px;}

.ChinaMap li.m8 .name{top:400px; right:107px;}
.ChinaMap li.m8:hover .name,.ChinaMap li.m8.on .name{top:390px;}

.ChinaMap li.m9 .bg{top:364px; right:135px;}
.ChinaMap li.m9 .name{top:416px; right:152px;}
.ChinaMap li.m9:hover .name,.ChinaMap li.m9.on .name{top:406px;}

.ChinaMap li.m10 .bg{top:452px; right:148px;}
.ChinaMap li.m10 .name{top:482px; right:178px;}
.ChinaMap li.m10:hover .name,.ChinaMap li.m10.on .name{top:472px;}

.ChinaMap li.m11 .bg{top:479px; right:116px;}
.ChinaMap li.m11 .name{top:511px; right:134px;}
.ChinaMap li.m11:hover .name,.ChinaMap li.m11.on .name{top:501px;}

.ChinaMap li.m12 .bg{top:540px; right:160px;}
.ChinaMap li.m12 .name{top:566px; right:206px;}
.ChinaMap li.m12:hover .name,.ChinaMap li.m12.on .name{top:556px;}

.ChinaMap li.m13 .bg{top:526px; right:252px;}
.ChinaMap li.m13 .name{top:572px; right:280px;}
.ChinaMap li.m13:hover .name,.ChinaMap li.m13.on .name{top:562px;}

.ChinaMap li.m14 .bg{top:456px; right:217px;}
.ChinaMap li.m14 .name{top:494px; right:246px;}
.ChinaMap li.m14:hover .name,.ChinaMap li.m14.on .name{top:484px;}

.ChinaMap li.m15 .bg{top:397px; right:190px;}
.ChinaMap li.m15 .name{top:430px; right:236px;}
.ChinaMap li.m15:hover .name,.ChinaMap li.m15.on .name{top:420px;}

.ChinaMap li.m16 .bg{top:336px; right:192px;}
.ChinaMap li.m16 .name{top:373px; right:220px;}
.ChinaMap li.m16:hover .name,.ChinaMap li.m16.on .name{top:363px;}

.ChinaMap li.m17 .bg{top:252px; right:236px;}
.ChinaMap li.m17 .name{top:308px; right:250px;}
.ChinaMap li.m17:hover .name,.ChinaMap li.m17.on .name{top:298px;}

.ChinaMap li.m18 .bg{top:6px; right:116px;}
.ChinaMap li.m18 .name{top:250px; right:300px;}
.ChinaMap li.m18:hover .name,.ChinaMap li.m18.on .name{top:240px;}

.ChinaMap li.m19 .bg{top:283px; right:337px;}
.ChinaMap li.m19 .name{top:308px; right:348px;}
.ChinaMap li.m19:hover .name,.ChinaMap li.m19.on .name{top:298px;}

.ChinaMap li.m20 .bg{top:216px; left:275px;}
.ChinaMap li.m20 .name{top:336px; left:424px;}
.ChinaMap li.m20:hover .name,.ChinaMap li.m20.on .name{top:326px;}

.ChinaMap li.m21 .bg{top:278px; left:461px;}
.ChinaMap li.m21 .name{top:381px; left:495px;}
.ChinaMap li.m21:hover .name,.ChinaMap li.m21.on .name{top:371px;}

.ChinaMap li.m22 .bg{top:421px; left:461px;}
.ChinaMap li.m22 .name{top:458px; left:486px;}
.ChinaMap li.m22:hover .name,.ChinaMap li.m22.on .name{top:448px;}

.ChinaMap li.m23 .bg{top:380px; left:331px;}
.ChinaMap li.m23 .name{top:443px; left:416px;}
.ChinaMap li.m23:hover .name,.ChinaMap li.m23.on .name{top:433px;}

.ChinaMap li.m24 .bg{top:475px; left:428px;}
.ChinaMap li.m24 .name{top:508px; left:486px;}
.ChinaMap li.m24:hover .name,.ChinaMap li.m24.on .name{top:498px;}

.ChinaMap li.m25 .bg{top:477px; left:325px;}
.ChinaMap li.m25 .name{top:562px; left:382px;}
.ChinaMap li.m25:hover .name,.ChinaMap li.m25.on .name{top:552px;}

.ChinaMap li.m26 .bg{top:316px; left:36px;}
.ChinaMap li.m26 .name{top:416px; left:192px;}
.ChinaMap li.m26:hover .name,.ChinaMap li.m26.on .name{top:406px;}

.ChinaMap li.m27 .bg{top:278px; left:213px;}
.ChinaMap li.m27 .name{top:330px; left:300px;}
.ChinaMap li.m27:hover .name,.ChinaMap li.m27.on .name{top:320px;}

.ChinaMap li.m28 .bg{top:82px; left:0px;}
.ChinaMap li.m28 .name{top:214px; left:166px;}
.ChinaMap li.m28:hover .name,.ChinaMap li.m28.on .name{top:204px;}

.ChinaMap li.m29 .bg{top:645px; left:516px;}
.ChinaMap li.m29 .name{top:656px; left:528px;}
.ChinaMap li.m29:hover .name,.ChinaMap li.m29.on .name{top:646px;}

.ChinaMap li.m30 .bg{top:532px; right:82px;}
.ChinaMap li.m30 .name{top:558px; right:82px;}
.ChinaMap li.m30:hover .name,.ChinaMap li.m30.on .name{top:548px;}

.ChinaMap li.m31 .bg{top:185px; right:79px;}
.ChinaMap li.m31 .name{top:214px; right:102px;}
.ChinaMap li.m31:hover .name,.ChinaMap li.m31.on .name{top:204px;}

.ChinaMap .bd dl dd{position: absolute;width: 80%;left: 0;top: 110px;z-index: 999;min-height: 350px;background: #fff;padding: 30px 10%;display: none;box-shadow: 0 0 5px #999;}
.ChinaMap .bd dl dd a.close{position: absolute;right: -13px;top: -10px;z-index: 9999;}

.MobileMap{display:none;}
.MobileMap img{display:block; width:100%;}

@media ( max-width:1200px){
.MobileMap{display:block;}
.ChinaMap{width: 100%;}
.ChinaMap .chinaImg{display:none;}
.ChinaMap .bd dl dd a.close{display: none;}
}
@media (max-width: 900px) {
	.ChinaMap .hd{display: none;}
	.ChinaMap .bd dl{text-align: center;}
	.ChinaMap .bd dl dd{position: inherit;height: 200px;top: auto;left: auto;;overflow-y: auto;width: 38%;display: block !important;float: left;margin: 1%;padding: 5%;min-height: auto;}
	
}

/*18-07-16*/
.ChinaMap li.m32 .bg{top:426px; right:94px;}
.ChinaMap li.m32 .name{top:452px; right:109px;}
.ChinaMap li.m32:hover .name,.ChinaMap li.m32.on .name{top:442px;}

/*20211129*/
.ny_ytxq .tab{ width:100%; height:auto; margin:0 auto 0; /*! background:url(../images/mapbg.png) right top no-repeat; */ position:relative; display: inline-block;}
.ny_ytxq .tab .hd{float: right;width: 100%;}
.ny_ytxq .tab .hd li{ /*! position:absolute; */background: #9DD6FC;width: 100px;text-align: center;height: 50px;line-height: 50px;margin-bottom: 16.3px;float: left;margin-right: 20px;margin-top: 20px;}
.ny_ytxq .tab .hd li .txt{ /*! width:55px; */ cursor:pointer; font-size:16px; /*! background:url(../images/dpoint.png) left center no-repeat; */ /*! padding-left:22px; */ /*! position:absolute; */}
.ny_ytxq .tab .hd li .pic{ position:relative; z-index:0; display: none;}
.ny_ytxq .tab .hd li.on{background: #0070BA}
.ny_ytxq .tab .hd li.on .txt{ font-weight:bold; color:#fff; }
.ny_ytxq .tab .hd li .pic .imgon{ display:none; }
.ny_ytxq .tab .hd li:hover .pic .img{ display:none; }
.ny_ytxq .tab .hd li:hover .pic .imgon{ display:block; }
.ny_ytxq .tab .hd li:hover .txt{ font-weight:bold; color:#fff; }
.ny_ytxq .tab .hd li.d1{ left:430px; top:340px; }
.ny_ytxq .tab .hd li.d1 .txt{ left:42px; top:25px; }
.ny_ytxq .tab .hd li.d2{ left:437px; top:386px; }
.ny_ytxq .tab .hd li.d2 .txt{ left:40px; top:13px; }
.ny_ytxq .tab .hd li.d3{ left:447px; top:452px; }
.ny_ytxq .tab .hd li.d3 .txt{ left:46px; top:10px; }
.ny_ytxq .tab .hd li.d4{ left:552px; top:364px; }
.ny_ytxq .tab .hd li.d4 .txt{ left:9px; top:9px; }
.ny_ytxq .tab .hd li.d5{ left:509px; top:222px; }
.ny_ytxq .tab .hd li.d5 .txt{ left:7px; top:-5px; }

.ny_ytxq .tab .hd li.d6{ left:379px; top:440px; }
.ny_ytxq .tab .hd li.d6 .txt{ left:42px; top:10px; }

.ny_ytxq .tab .hd li.d7{ top: 138px;left: 567px; }
.ny_ytxq .tab .hd li.d7 .txt{ top: 28px;left: 42px }

.ny_ytxq .tab .hd li.d8{ top: 36px;left: 551px; }
.ny_ytxq .tab .hd li.d8 .txt{ top: 70px;left: 70px }

.ny_ytxq .tab .hd li.d9{ left:447px; top:506px; }
.ny_ytxq .tab .hd li.d9 .txt{ left:-2px; top:-5px; }

.ny_ytxq .tab .bd{ /*! width:400px; */ width: 100%;float: left;margin-top: 40px;}
.ny_ytxq .tab .bd .box{ display:none; }
.ny_ytxq .tab .bd .box .tit{ width:120px; height:103px; background:url(../images/redcircle.png) no-repeat; color:#fff; font-weight:bold; font-size:32px; line-height:40px; text-align:center; padding-top:17px; position:relative; z-index:5; margin:0 auto; box-shadow:3px 3px 10px #0070BA; border-radius:60px;}
.ny_ytxq .tab .bd .box .cont{ background:url(../images/pinkshaw_03.png); width:90%; height:455px; color:#fff; margin-top:-60px; z-index:0; position:relative; padding:65px 5% 0;}
.ny_ytxq .tab .bd .cont dt{ font-weight:bold; font-size:18px; margin:12px 0 8px; }
.ny_ytxq .tab .bd .cont dd{ font-size:16px; line-height:30px; }