.container {
width: 1200px!important;
min-width: 1200px!important;
max-width: none !important;
}

body { position:relative;}

a {
	color: #333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

em, cite, i {
  font-style: normal;
}
ul,li {margin:0;padding:0;}
li {list-style:none;}
.whitea a:link {color:#ffffff;}
.whitea a:active {color:#ffffff;}
.whitea a:visited {color:#ffffff;}
.whitea a:hover {color:#dc0a00; text-decoration:none;}

/* 本例子css */
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		.nav{ padding:1rem 0 0;  line-height:2;  position:relative; z-index:1;  }
		.nav a{ color:#fff;  }
		.nav .nLi{ float:left; height:3rem; position:relative; display:inline;  }
		.nav .nLi h3{ float:left;  }
		.nav .nLi h3 a{ display:block; padding:0 1rem; font-size:1rem; font-weight:bold;  }
		.nav .sub{ display:none; width:100px; left:0; top:3rem;  position:absolute; background:#ffffff; opacity:0.9;  line-height:2;  }
		.nav .sub li{ zoom:1;  border-bottom:1px solid #cbcbcb;padding:0.3rem 0; text-align:center;}
		.nav .sub a{ display:block; color:#212427;  }
		.nav .sub a:hover{display:block; background:#ffffff; color:#dc0a00;  }
		.nav .on h3 a{ color:#dc0a00;   }




.top {width:100%;background:#212427;padding:0.95rem 0 0;min-width: 1200px;}

.indexcontact h4 {font-size:1.05rem;font-weight:normal;color:#828282;}
.indexcontact h3 {font-size:1.9rem;font-weight:normal;color:#444444;margin-top:1rem;margin-bottom:3rem;}

.icontact {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.icontact .box {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 30%;
  border: 1px solid #ccc;
  padding: 1rem 0.5rem;
   justify-content: center;
   align-items: center;
   color:#828282;
  
}

.icontact .box img {
  max-width: 100%;
  height: auto;
  margin-right: 0.3rem;
}
.icontact .box b {font-weight:normal;color:#dc0a00;}

.wapkkk { position:relative;border: 1px solid #cccccc; display:inline-block;font-size:1.1rem;color:#828282; text-align:center;padding:3rem 3rem 1rem;}
.wapewm { position:absolute;top:-95px;left:50%;margin-left:-65px; background:#ffffff;padding:0.5rem;}



.menubg {width:100%;min-width: 1200px;background:#49b053;}
.menubg .nav-pills .nav-link.active,.menubg .nav-pills .nav-link:hover, .menubg .nav-pills .show>.nav-link {color: #fff;
    background-color: #6edb79;}
	
.menubg  .nav-pills .nav-link {
    border-radius: 0;
	padding: 1rem 1rem;
}
.menubg .dropdown-menu {background: #6edb79;margin-top:0; border-radius:0;}
.menubg  .dropdown-item:hover { background:none;font-weight:bold;}
.menubg  a.dropdown-item:hover { color:#ffffff;}

.graya a:link {color:#858585;}
.graya a:active {color:#858585;}
.graya a:visited {color:#858585;}
.graya a:hover {color:#000000; text-decoration:none;}

.blacka a:link {color:#000000;}
.blacka a:active {color:#000000;}
.blacka a:visited {color:#000000;}
.blacka a:hover {color:#b07882; text-decoration:none;}



.graybg {width:100%;background:#525252;}



.divcc {
  position: relative;
 width:100%;
  min-height: 400px;
}

/* 背景图片 */
.divcc .bg-image {
  width: 100%;
  height: 100%;
  
  background-size: cover;
  background-position: center;
}

/* 内容区域 */
.divcc .content {
  
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color:#ffffff;
}

/* 图标 */
.divcc .icon {
  position: relative;
  width: 80px;
  height: 80px;
  
  
  display: flex;
  align-items: center;
  justify-content: center;
  background:url(../images/icon1.png) no-repeat;	
  margin:3rem 0 2rem;
  
}

/* 横线 */
.divcc .line {
	width: 40px;
	border-bottom:2px solid #ffffff;	
	margin-bottom:2rem;
	
	}

/* 标题 */
.divcc h2 {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom:10rem;
  margin-top:1rem;
}

/* 描述 */
.divcc p {
	display:none;
  font-size: 0.8rem;
  margin-top: 10px;
  margin-bottom: 30px;
  padding:0 1rem;
}

/* 按钮 */
.divcc .btn {
  display: inline-block;
  padding: 0.2rem 1rem;
  
  
  color: #333333;
  font-size: 0.6rem;
  
  text-decoration: none;
  
  background:#ffffff;
  border-radius:0;
  display:none;
  margin:1rem 0;
}

.divcc .btn:hover {
  
}

/* 红色透明层 */
.divcc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

/* 鼠标悬停时的效果 */
.divcc:hover::before {
  opacity: 1;
}

/* 鼠标悬停时细节调整 */
.divcc:hover .icon {
  margin:1.5rem 0 1rem;
}
.divcc:hover .line {
  
 display:none;
}

.divcc:hover h2 {
   margin-bottom:1rem;
}

.divcc:hover p {
	display:block;
  
  margin-top: 20px;
  margin-bottom: 40px;
}

.divcc:hover .btn {
  transform: scale(1.2) translateX(-10%);
  display:block;
}

.graybg .col {padding:0;}

.btn2 {font-size:1.1rem;color:#dc0a00;padding:0.8rem 2rem;border:1px solid #525252; text-decoration:none; display:inline-block;}
.btn2:hover {text-decoration:none; background:#dc0a00;color:#ffffff;border:0;}


.probg {width:100%;background:url(../images/probg.jpg) repeat-x top center;}

.protit h1 {margin:2rem 0 1rem;font-size:2.2rem;color:#444444;}
.protit h5 {color:#444444;font-size:0.9rem;font-weight:normal;}
.protit .line {border-top:1px solid #d3d3d3;background:url(../images/jt.png) no-repeat top center;height:8px;margin:1rem 0 4rem;}
.protit .btn3 {margin-bottom:3rem;}

.procontent {padding:1rem 0 2rem;}
.procontent h1 {font-size:1.5rem;margin:1rem 0;color:#343434;}
.procontent li {line-height:2;}


.servicebg {width:100%;background:url(../images/servicebg.jpg) repeat-x top center;}
.servicebg h1 { width:100%; display:block;font-size:2.5rem;color:#ffffff;margin:3rem 0 1rem;}
.servicebg h5 { width:100%; display:block;font-size:0.95rem;color:#c2c2c2;margin:0rem 0 2rem;}



.gdsz {
  display: flex;
  justify-content: center;
}

.gdsz .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin:0 2rem;
}

.gdsz .number {
  font-size: 2.9rem;
  font-weight: normal;
  color:#ffffff;
}

.gdsz .text {
  margin: 0.5rem 0 1rem;
  text-align: center;
  color:#c2c2c2;
  font-size:0.9rem;
}

.link-container {
  display: flex;
  justify-content: center;
}

.link-container .link {
  display: inline-block;
  
  padding: 0.51rem 1.5rem;
  margin-right: 2rem;
  background-color: #e5e5e5;
  border-radius: 0.5rem;
  text-align: center;
  color: #4a4a4a;
  text-decoration: none;
  transition: background-color 0.3s ease-out;
  font-size:1rem;
}

.link-container .link2 {
  display: inline-block;
  
  padding: 0.51rem 0;
  
  
  text-align: center;
  
  text-decoration: none;
 
}

.link-container .link:hover {
  background-color: #dc0a00;
  color: #ffffff;
}


.image-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.image-item {
  width: calc(33.33% - 10px);
  margin-bottom: 20px;
  position: relative;
}

.image-item img {
  display: block;
  width: 100%;
  height: 13rem;
}

.image-grid .title {
  
 
  color: #ffffff;
  
  
  
  overflow:hidden;
  line-height:1.8;
  border-bottom:1px solid #ffffff;
  padding-bottom:0.5rem;
  
}

.image-grid .title a {
  display: block;
  font-size: 0.95rem;
  color: #ffffff;
  text-decoration: none;
  
}

.image-grid .titd {background: #4b4b4b;padding:1rem;}

.image-grid .desc {padding-top:0.5rem;font-size: 0.78rem;color:#bdbdbd;}



svg:hover #land circle{animation:sea .5s linear forwards;-webkit-animation:sea .5s linear forwards}
@keyframes sea{
0%{fill:rgba(255,255,255,.2)}
10%{fill:rgba(255,255,255,.4)}
20%{fill:rgba(255,255,255,.6)}
30%{fill:rgba(255,255,255,.8)}
40%{fill:rgba(255,255,255,1)}
50%{fill:rgba(255,255,255,.8)}
60%{fill:rgba(255,255,255,.6)}
70%{fill:rgba(255,255,255,.4)}
80%{fill:rgba(255,255,255,.2)}
90%{fill:rgba(255,255,255,.1)}
100%{fill:none}
}
@-webkit-keyframes sea{
0%{fill:rgba(255,255,255,.2)}
10%{fill:rgba(255,255,255,.4)}
20%{fill:rgba(255,255,255,.6)}
30%{fill:rgba(255,255,255,.8)}
40%{fill:rgba(255,255,255,1)}
50%{fill:rgba(255,255,255,.8)}
60%{fill:rgba(255,255,255,.6)}
70%{fill:rgba(255,255,255,.4)}
80%{fill:rgba(255,255,255,.2)}
90%{fill:rgba(255,255,255,.1)}
100%{fill:none}
}
#pin_x5F_NA:hover circle{animation:pin_x5F_NA .5s linear forwards;-webkit-animation:pin_x5F_NA .5s linear forwards}
@keyframes pin_x5F_NA{
50%{fill:rgba(255,255,255,.5)}
100%{fill:#f00a20}
}
@-webkit-keyframes pin_x5F_NA{
50%{fill:rgba(255,255,255,.5)}
100%{fill:#f00a20}
}
#pin_x5F_SA:hover circle{animation:pin_x5F_SA .5s linear forwards;-webkit-animation:pin_x5F_SA .5s linear forwards}
@keyframes pin_x5F_SA{
50%{fill:rgba(255,255,255,.5)}
100%{fill:#f00a20}
}
@-webkit-keyframes pin_x5F_SA{
50%{fill:rgba(255,255,255,.5)}
100%{fill:#f00a20}
}
#pin_x5F_E:hover circle{animation:pin_x5F_E .5s linear forwards;-webkit-animation:pin_x5F_E .5s linear forwards}
@keyframes pin_x5F_E{
50%{fill:rgba(255,255,255,.5)}
100%{fill:#f00a20}
}
@-webkit-keyframes pin_x5F_E{
50%{fill:rgba(255,255,255,.5)}
100%{fill:#f00a20}
}
#pin_x5F_Asia:hover circle{animation:pin_x5F_Asia .5s linear forwards;-webkit-animation:pin_x5F_Asia .5s linear forwards}
@keyframes pin_x5F_Asia{
50%{fill:rgba(255,255,255,.5)}
100%{fill:#f00a20}
}
@-webkit-keyframes pin_x5F_Asia{
50%{fill:rgba(255,255,255,.5)}
100%{fill:#f00a20}
}
#pin_x5F_O:hover circle{animation:pin_x5F_O .5s linear forwards;-webkit-animation:pin_x5F_O .5s linear forwards}
@keyframes pin_x5F_O{
50%{fill:rgba(255,255,255,.5)}
100%{fill:#f00a20}
}
@-webkit-keyframes pin_x5F_O{
50%{fill:rgba(255,255,255,.5)}
100%{fill:#f00a20}
}
#pin_x5F_NA{cursor:url(../images/red.png),pointer}
#pin_x5F_SA{cursor:url(../images/red.png),pointer}
#pin_x5F_E{cursor:url(../images/red.png),pointer}
#pin_x5F_Asia{cursor:url(../images/red.png),pointer}
#pin_x5F_O{cursor:url(../images/red.png),pointer}
#pin_x5F_Asia circle,#pin_x5F_E circle,#pin_x5F_NA circle,#pin_x5F_O circle,#pin_x5F_SA circle{fill:#c98585}
#pin_x5F_NA .zmd.zm1{animation:RED 1.2s linear infinite}
#pin_x5F_NA .zmd.zm2{animation:RED2 1.2s linear infinite}
#pin_x5F_NA .zmd.zm3{animation:RED3 1.2s linear infinite}
#pin_x5F_NA .zmd.zm4{animation:RED4 1.2s linear infinite}
#pin_x5F_NA .zmd.zm5{animation:RED5 1.2s linear infinite}
#pin_x5F_NA .zmd.zm6{animation:RED6 1.2s linear infinite}
#pin_x5F_NA .zmd.zm7{animation:RED7 1.2s linear infinite}
#pin_x5F_NA .zmd.zm8{animation:RED8 1.2s linear infinite}
#pin_x5F_SA .zmd.zm1{animation:RED 1.1s linear infinite}
#pin_x5F_SA .zmd.zm2{animation:RED2 1.1s linear infinite}
#pin_x5F_SA .zmd.zm3{animation:RED3 1.1s linear infinite}
#pin_x5F_SA .zmd.zm4{animation:RED4 1.1s linear infinite}
#pin_x5F_SA .zmd.zm5{animation:RED5 1.1s linear infinite}
#pin_x5F_SA .zmd.zm6{animation:RED6 1.1s linear infinite}
#pin_x5F_SA .zmd.zm7{animation:RED7 1.1s linear infinite}
#pin_x5F_SA .zmd.zm8{animation:RED8 1.1s linear infinite}
#pin_x5F_E .zmd.zm1{animation:RED 1s linear infinite}
#pin_x5F_E .zmd.zm2{animation:RED2 1s linear infinite}
#pin_x5F_E .zmd.zm3{animation:RED3 1s linear infinite}
#pin_x5F_E .zmd.zm4{animation:RED4 1s linear infinite}
#pin_x5F_E .zmd.zm5{animation:RED5 1s linear infinite}
#pin_x5F_E .zmd.zm6{animation:RED6 1s linear infinite}
#pin_x5F_E .zmd.zm7{animation:RED7 1s linear infinite}
#pin_x5F_E .zmd.zm8{animation:RED8 1s linear infinite}
#pin_x5F_Asia .zmd.zm1{animation:RED 1.3s linear infinite}
#pin_x5F_Asia .zmd.zm2{animation:RED2 1.3s linear infinite}
#pin_x5F_Asia .zmd.zm3{animation:RED3 1.3s linear infinite}
#pin_x5F_Asia .zmd.zm4{animation:RED4 1.3s linear infinite}
#pin_x5F_Asia .zmd.zm5{animation:RED5 1.3s linear infinite}
#pin_x5F_Asia .zmd.zm6{animation:RED6 1.3s linear infinite}
#pin_x5F_Asia .zmd.zm7{animation:RED7 1.3s linear infinite}
#pin_x5F_Asia .zmd.zm8{animation:RED8 1.3s linear infinite}
#pin_x5F_O .zmd.zm1{animation:RED 1s linear infinite}
#pin_x5F_O .zmd.zm2{animation:RED2 1s linear infinite}
#pin_x5F_O .zmd.zm3{animation:RED3 1s linear infinite}
#pin_x5F_O .zmd.zm4{animation:RED4 1s linear infinite}
#pin_x5F_O .zmd.zm5{animation:RED5 1s linear infinite}
#pin_x5F_O .zmd.zm6{animation:RED6 1s linear infinite}
#pin_x5F_O .zmd.zm7{animation:RED7 1s linear infinite}
#pin_x5F_O .zmd.zm8{animation:RED8 1s linear infinite}
@keyframes RED{
0%,100%,24.6%{fill:#c98585}
12.3%{fill:#f32020}
}
@keyframes RED2{
0%,100%,12.3%,36.9%{fill:#c98585}
24.6%{fill:#f32020}
}
@keyframes RED3{
0%,100%,24.6%,49.2%{fill:#c98585}
36.9%{fill:#f32020}
}
@keyframes RED4{
0%,100%,36.9%,61.5%{fill:#c98585}
49.2%{fill:#f32020}
}
@keyframes RED5{
0%,100%,49.2%,73.8%{fill:#c98585}
61.5%{fill:#f32020}
}
@keyframes RED6{
0%,100%,61.5%,86.1%{fill:#c98585}
73.8%{fill:#f32020}
}
@keyframes RED7{
0%,100%,73.8%{fill:#c98585}
86.1%{fill:#f32020}
}
@keyframes RED8{
0%,86.1%{fill:#c98585}
100%{fill:#f32020}
}
.svg-map{width:1000px;margin:30px auto;position:relative}
.svg-map svg{width:100%}
.pop-svg-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:100;display:none}
.pop-svg{width:800px;height:50%;background:url(../images/pop-svg-over.jpg);position:absolute;left:50%;top:25%;z-index:15;margin-left:-400px;overflow:hidden;border-radius:20px}
.pop-svg .title{height:54px;line-break:54px;background:#850005;font-size:18px;color:#fff;text-align:center;position:relative;line-height:54px}
.pop-svg .title:after{background:url(../images/pop-title.png) no-repeat;width:163px;height:41px;content:'';position:absolute;right:10px;top:1px;top:6px}
.pop-svg-over{position:absolute;height:80%;width:96%;bottom:5%}
.pop-svg ul{overflow:hidden;position:absolute;width:100%}
.pop-svg ul p{width:33%;float:left;text-align:center;line-height:24px;margin:2px 0}
.pop-svg-off{position:absolute;top:0;cursor:url(../images/hover.ico),crosshair;width:100%;height:100%;left:0}
.ImportantPlace ul li{position:absolute;width:160px}
.ImportantPlace ul li div{background:#d33b3a;width:100%;height:100%;border-radius:7px;line-height:28px;color:#fff;text-align:center}
.ImportantPlace ul li.cur1{left:-5%;top:16%}
.ImportantPlace ul li.cur2{left:-5%;top:29%}
.ImportantPlace ul li.cur3{left:-5%;top:42%}
.ImportantPlace ul li.cur4{right:-1%;top:30%}
.ImportantPlace ul li.cur1 span.after{position:absolute;width:70px;height:2px;background:#d33b3a;right:-70px;top:14px}
.ImportantPlace ul li.cur2 span.after{position:absolute;width:70px;height:2px;background:#d33b3a;right:-70px;top:14px}
.ImportantPlace ul li.cur3 span.after{position:absolute;width:70px;height:2px;background:#d33b3a;right:-70px;top:14px}
.ImportantPlace ul li.cur4 span.after{position:absolute;width:70px;height:2px;background:#d33b3a;left:-70px;top:14px}
.ImportantPlace ul li.cur1 span.before{position:absolute;width:40px;height:2px;background:#d33b3a;right:-109px;top:14px;transform:rotate(23deg);-webkit-transform:rotate(23deg);transform-origin:left;-webkit-transform-origin:left}
.ImportantPlace ul li.cur2 span.before{position:absolute;width:40px;height:2px;background:#d33b3a;right:-109px;top:14px;transform:rotate(-23deg);-webkit-transform:rotate(-23deg);transform-origin:left;-webkit-transform-origin:left}
.ImportantPlace ul li.cur3 span.before{position:absolute;width:63px;height:2px;background:#d33b3a;right:-133px;top:14px;transform:rotate(-52deg);-webkit-transform:rotate(-52deg);transform-origin:left;-webkit-transform-origin:left}
.ImportantPlace ul li.cur4 span.before{position:absolute;width:63px;height:2px;background:#d33b3a;left:-133px;top:14px;transform:rotate(-23deg);-webkit-transform:rotate(-23deg);transform-origin:right;-webkit-transform-origin:right}
.circles{display:none}
.circles div{position:absolute;width:25px;height:25px;top:0;left:0;cursor:pointer}
.circles div.land1{top:26%;left:22%;cursor:url(../images/red.png),pointer}
.circles div.land2{top:14%;left:50%;cursor:url(../images/blue.png),pointer}
.circles div.land3{top:71%;left:30%;cursor:url(../images/black.png),pointer}
.circles div.land4{top:40%;left:70%;cursor:url(../images/yellow.png),pointer}
.circles div span{display:block;width:20px;height:20px;border:2px solid #721414;border-radius:50%;position:absolute/*!  *//*!  */}
.circles div.land1 span{border-color:#f63a43}
.circles div.land2 span{border-color:#596bf9}
.circles div.land3 span{border-color:#49f854}
.circles div.land4 span{border-color:#fce650}
.circles div .circle1{width:50px;height:50px;border-radius:50px;background:#fff;opacity:.2;position:absolute;left:50%;top:50%;-webkit-animation:bgAniamte 2s ease infinite;-moz-animation:bgAniamte 2s ease infinite;-ms-animation:bgAniamte 2s ease infinite;animation:bgAniamte 2s ease infinite;margin:-25px 0 0 -25px}
.circles div .circle2{width:30px;height:30px;border-radius:30px;background:#e1e1e1;border-radius:30px;position:absolute;left:50%;top:50%;box-shadow:0 0 10px #c7c7c7;margin:-15px 0 0 -15px;z-index:12}
.circles div .circle3{width:16px;height:16px;background:#747474 url(../images/plus.png) no-repeat;border-radius:19px;border:2px solid #fff;position:absolute;left:50%;top:50%;-webkit-animation:rectAniamte 2s ease infinite;-moz-animation:rectAniamte 2s ease infinite;-ms-animation:rectAniamte 2s ease infinite;animation:rectAniamte 2s ease infinite;margin:-8px 0 0 -8px;z-index:15}
@-webkit-keyframes bgAniamte{
0%{opacity:.8;transform:scale(.8);-webkit-transform:scale(.8)}
80%{opacity:0;transform:scale(1);-webkit-transform:scale(1)}
100%{opacity:0;transform:scale(1);-webkit-transform:scale(1)}
}
@-moz-keyframes bgAniamte{
0%{opacity:.8;transform:scale(.8);-webkit-transform:scale(.8)}
80%{opacity:0;transform:scale(1);-webkit-transform:scale(1)}
100%{opacity:0;transform:scale(1);-webkit-transform:scale(1)}
}
@-ms-keyframes bgAniamte{
0%{width:30px;height:30px;opacity:.8;left:10px;top:10px}
80%{width:50px;height:50px;opacity:0;left:0;top:0}
100%{width:50px;height:50px;opacity:0;left:0;top:0}
}
@keyframes bgAniamte{
0%{opacity:.8;transform:scale(.8);-webkit-transform:scale(.8)}
80%{opacity:0;transform:scale(1);-webkit-transform:scale(1)}
100%{opacity:0;transform:scale(1);-webkit-transform:scale(1)}
}
@-webkit-keyframes rectAniamte{
0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rectAniamte{
0%{-moz-transform:rotate(0)}
100%{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rectAniamte{
0%{-ms-transform:rotate(0)}
100%{-ms-transform:rotate(360deg)}
}
@keyframes rectAniamte{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@-webkit-keyframes aa{
0%{transform:scale(0);-webkit-transform:scale(0);opacity:0}
33%{transform:scale(.5);-webkit-transform:scale(.5);opacity:.8}
66%{transform:scale(1);-webkit-transform:scale(1);opacity:.6}
99%{transform:scale(1.5);-webkit-transform:scale(1.5);opacity:0}
100%{opacity:0}
}
@keyframes aa{
0%{transform:scale(0);-webkit-transform:scale(0);opacity:0}
33%{transform:scale(.5);-webkit-transform:scale(.5);opacity:.8}
66%{transform:scale(1);-webkit-transform:scale(1);opacity:.6}
99%{transform:scale(1.5);-webkit-transform:scale(1.5);opacity:0}
100%{opacity:0}
}
@media screen and (min-width:1025px){
.ImportantPlace ul li div{opacity:0;filter:alpha(opacity=0)}
.ImportantPlace ul li.cur1 span.after,.ImportantPlace ul li.cur1 span.before,.ImportantPlace ul li.cur2 span.after,.ImportantPlace ul li.cur2 span.before,.ImportantPlace ul li.cur3 span.after,.ImportantPlace ul li.cur3 span.before,.ImportantPlace ul li.cur4 span.after,.ImportantPlace ul li.cur4 span.before{width:0}
}



@media screen and (min-width:1025px){
.ImportantPlace ul li div{opacity:0;filter:alpha(opacity=0)}
.ImportantPlace ul li.cur1 span.after,.ImportantPlace ul li.cur1 span.before,.ImportantPlace ul li.cur2 span.after,.ImportantPlace ul li.cur2 span.before,.ImportantPlace ul li.cur3 span.after,.ImportantPlace ul li.cur3 span.before,.ImportantPlace ul li.cur4 span.after,.ImportantPlace ul li.cur4 span.before,.ImportantPlace ul li.cur5 span.after,.ImportantPlace ul li.cur5 span.before,.ImportantPlace ul li.cur6 span.after,.ImportantPlace ul li.cur6 span.before,.ImportantPlace ul li.cur7 span.after,.ImportantPlace ul li.cur7 span.before{width:0}
}
.ImportantPlace ul li.cur5 span.before{position:absolute;height:2px;background:#d33b3a;left:-70px;top:14px;transform:rotate(-23deg);-webkit-transform:rotate(-23deg);transform-origin:right;-webkit-transform-origin:right}
.ImportantPlace ul li.cur6 span.before{position:absolute;height:2px;background:#d33b3a;right:-109px;top:14px;transform:rotate(23deg);-webkit-transform:rotate(23deg);transform-origin:left;-webkit-transform-origin:left}
.ImportantPlace ul li.cur7 span.before{position:absolute;height:2px;background:#d33b3a;right:-115px;top:15px;transform:rotate(-70deg);-webkit-transform:rotate(-70deg);transform-origin:left;-webkit-transform-origin:left}
.ImportantPlace ul li.cur5 span.after{position:absolute;height:2px;background:#d33b3a;left:-20px;top:14px}
.ImportantPlace ul li.cur6 span.after{position:absolute;height:2px;background:#d33b3a;right:-70px;top:14px}
.ImportantPlace ul li.cur7 span.after{position:absolute;height:2px;background:#d33b3a;right:-30px;top:14px}
.ImportantPlace ul li.cur5{right:-3%;top:69%}
.ImportantPlace ul li.cur6{left:4%;top:56%}
.ImportantPlace ul li.cur7{left:34%;top:39%}
@media screen and (max-width:768px){
.ImportantPlace ul li.cur6{left:-11%}
.ImportantPlace ul li.cur5{right:-11%}
.ImportantPlace ul li.cur5 span.before{width:16px;left:-36px}
.ImportantPlace ul li.cur7{left:27%;top:35%}
.ImportantPlace ul li.cur7 span.before{width:54px;right:-58px}
.ImportantPlace ul li.cur7 span.after{width:4px;right:-4px}
}
@media screen and (max-width:767px){
.ImportantPlace ul li{width:86%;left:7%!important;margin-left:0!important}
.ImportantPlace ul li span.after,.ImportantPlace ul li span.before{display:none!important}
.index-body .svg-map{margin:10px auto 160px}
.ImportantPlace ul li.cur1{top:auto;bottom:-30px}
.ImportantPlace ul li.cur4{top:auto;bottom:-60px}
.ImportantPlace ul li.cur5{top:auto;bottom:-90px}
.ImportantPlace ul li.cur6{top:auto;bottom:-120px}
.ImportantPlace ul li.cur7{top:auto;bottom:-150px}
}

.pop-svg .boxs{display:none}
.pop-svg .boxs.active{display:block}

#pin_x5F_Asia:hover circle{filter:url(#f1)}
		#pin_x5F_E:hover circle{filter:url(#f1)}
		#pin_x5F_NA:hover circle{filter:url(#f1)}
		#pin_x5F_SA:hover circle{filter:url(#f1)}
		#pin_x5F_O:hover circle{filter:url(#f1)}
		.ImportantPlace ul li.cur8{right:37%;top:50%}
		.ImportantPlace ul li.cur8 span.before{position:absolute;width:0;height:2px;background:#d33b3a;left:141%;top:14px;transform:rotate(-23deg);-webkit-transform:rotate(63deg);transform-origin:left;-webkit-transform-origin:left}
		.ImportantPlace ul li.cur8 span.after{position:absolute;width:0;height:2px;background:#d33b3a;left:100%;top:14px}
		.ImportantPlace ul li.cur9{left:-2%;top:39%}
		.ImportantPlace ul li.cur9 span.before{position:absolute;width:0;height:2px;background:#d33b3a;left:144%;top:14px;transform:rotate(-23deg);-webkit-transform:rotate(-63deg);transform-origin:left;-webkit-transform-origin:left}
		.ImportantPlace ul li.cur9 span.after{position:absolute;width:0;height:2px;background:#d33b3a;left:100%;top:14px}
		.ImportantPlace ul li.cur10{left:21%;top:14%}
		.ImportantPlace ul li.cur10 span.before{position:absolute;widows: 0;;height:2px;background:#d33b3a;left:144%;top:14px;transform:rotate(-23deg);-webkit-transform:rotate(63deg);transform-origin:left;-webkit-transform-origin:left}
		.ImportantPlace ul li.cur10 span.after{position:absolute;width:0;height:2px;background:#d33b3a;left:100%;top:14px}
		.ImportantPlace ul li.cur11{right:-6%;top:62%}
		.ImportantPlace ul li.cur11 span.before{position:absolute;width:0;height:2px;background:#d33b3a;left:-83%;top:14px;transform:rotate(-23deg);-webkit-transform:rotate(63deg);transform-origin:right;-webkit-transform-origin:right}
		.ImportantPlace ul li.cur11 span.after{position:absolute;width:0;height:2px;background:#d33b3a;right:100%;top:14px}
		.ImportantPlace ul li div{padding: 5px 15px;line-height: 1.6;}

.hzhbbg {width:100%;background:url(../images/hzhbbg.jpg) repeat-x top center;padding-bottom:2rem;}
.hzlist div {margin-bottom:1rem;margin-top:1rem; z-index:100;}
.hzlist {background:url(../images/whitebg.png) repeat;padding-top:1rem;padding-bottom:1rem;border-top:3px solid #dc0a00;margin-left:0;margin-right:0;}
.hzlist div img {}

#news-wrap {
	
	    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	}



.news-item {
	
	width: calc(33.33% - 10px);
    
	
	position: relative;
	overflow: hidden;
	
}
.news-item .img {
	width: 100%;
	height: 10.5rem;
}
.news-item .img img {
	float: left;
	width: 100%;
	height: 100%;
}
.news-item .time {
	display: block;
	width: 75px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	background-color: #000;
	color: #FFF;
	position: absolute;
	left: 10px;
	top: 10px;
	text-align: center;
}
.news-item .tit {
	color: #222;
	font-size: 18px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	margin: 10px 0;
}
.news-item .tit span a {
	height: 30px;
	font-size: 14px;
	color: #FFF;
	background: #008CD6;
	padding: 3px 8px;
	margin-right: 8px;
}
.news-item .txt {
	color: #888;
	font-size: 14px;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
}
.news-item .link {
	padding-top: 15px;
}
.news-item .link a {
	color: #FF7420;
}




.wk_index100 {
	width: 100%;
	min-width: 1240px;
	height: 470px;
	background: #F2F1F6;
	overflow: hidden;
}
.wk_index1200 {
	width: 1200px;
	height: 430px;
	overflow: hidden;
	margin: 0 auto;
}
.wk_indexnews {
	width: 1260px;
	overflow: hidden;
	float: left;
	margin-top: 25px;
}
.wk_index_news01 {
	width: 570px;
	float: left;
	height: 390px;
	overflow: hidden;
	margin: 10px 50px 10px 0;
}
.wk_index_news_t1 {
	border-left: 3px solid #008CD6;
	margin: 18px 0;
	padding-left: 15px;
	height: 24px;
	line-height: 24px;
	font-size: 24px;
	overflow: hidden;
	font-weight: normal;
	color: #333;
}
.wk_index_news_t1 span {
	color: #AAA;
	margin-left: 15px;
	font-size: 18px;
}
.wk_index_news_t1 .news_more {
	float: right;
	font-size: 14px;
	color: #999;
}
.wk_index_news_t2 {
	width: 570px;
	height: 310px;
	overflow: hidden;
	margin-bottom: 25px;
}
.wk_index_news_t2 ul li {
	width: 570px;
	height: 36px;
	overflow: hidden;
	line-height: 36px;
	color: #777;
}
.wk_index_news_t2 ul li a {
	float: left;
	font-size: 14px;
	overflow: hidden;
	text-decoration: inherit;
}
.wk_index_news_t2 ul li span a {
	padding-right: 6px;
	color: #008CD6;
}
.wk_index_news_t2 ul li em {
	float: right;
	text-align: right;
	width: 80px;
	font-size: 12px;
	overflow: hidden;
}
.wk_index_news_t2 ul li:hover span a {
	color: #F60;
}
.wk_index_news_more a {
	float: left;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	overflow: hidden;
	color: #FFF;
	padding: 0 10px;
	background: #008CD6;
	border-radius: 5px;
}
.wk_index_news01:hover .wk_index_news_more a {
	background: #F60;
	text-decoration: inherit;
}
.wk_index_news_t2 dl {
	height: 120px;
	margin-bottom: 15px;
	margin-top: 5px;
}
.wk_index_news_t2 dl dt {
	float: left;
	width: 370px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 20px;
	font-weight: normal;
}
.wk_index_news_t2 dl dd {
	color: #888;
	float: left;
	width: 370px;
	height: 52px;
	line-height: 26px;
	overflow: hidden;
	font-size: 14px;
}
.wk_index_news_t2 dl dd.m {
	width: 180px;
	height: 120px;
	margin-right: 15px;
}
.wk_index_news_t2 dl p {
	height: 28px;
	line-height: 28px;
	color: #999;
	font-size: 12px;
}




.footer {width:100%;background:#212427; border-top:4px solid #dc0b00; }
.footline {
   
  align-items: center;
  text-align: center;
  color:#989898;
 padding:1.5rem 0 1.5rem;
 font-size:0.95rem;
 border-bottom:1px solid #3b3d40;
}
.footline img {margin-left:1rem;margin-right:0.5rem;}

.footnav {color:#989898;font-size:0.9rem;line-height:2;margin:0.5rem 0 0.2rem;}
.footnav a {color:#989898;margin-right:0.3rem;}

.footcopy {color:#989898;font-size:0.9rem;line-height:2;margin-bottom:0.5rem;}


.mainbg {width:100%;background:url(../images/bg.jpg) no-repeat top center #ffffff;}
.whitebg {width:100%;background:#ffffff; border-radius:1rem;box-shadow: 2px 2px 25px #777; margin-bottom:2rem;}



.tit1 {border-bottom:1px solid #dbdbdb;margin-bottom:0.8rem;}
.tit1 b {font-size:1.375rem;font-weight:normal;color:#595959;border-bottom:1px solid #b70000;padding:0.8rem 0 0.5rem; display:inline-block;margin-right:0.6rem;}
.tit1 span {font-size:0.9rem;font-weight:normal;color:#b70000;}


.leftnav ul {margin-bottom:1rem;}
.leftnav ul li {margin-top:0.5rem;font-size:1.1rem;text-align:center;}
.leftnav ul li a {background:#f1f2f3; display:block; padding:0.8rem 0; text-decoration:none; }
.leftnav ul li a:hover {background:#b70000;color:#ffffff; text-decoration:none;}
.leftnav ul li.active a {background:#b70000;color:#ffffff; text-decoration:none;}

.leftnews li { border-bottom:1px dotted #cacaca;font-size:0.875rem; line-height:2; padding:0.5rem 0; background:url(../images/lic.png) no-repeat left center;padding-left:1rem;}
.leftnews {margin-bottom:2rem;}



.t_news{
    width: 100%;
    height: ;
    display: flex;
    flex-direction: row;
    align-items: center;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 1rem;
	overflow:hidden;
	
	box-shadow: 0 0 20px #ddd;
	padding: 0.5rem 0;
	position:relative;
}
.liccc { position:absolute; background:#ba0000;width:5px;height:1.6rem;left:0;top:0.5rem;}
.t_news_cover {
    width: 30%;
    text-align:center;
	padding: 0 0.5rem;
	
}
.t_news_cover>img{
	
	width:90%;
	}
.t_news_p{
    width: 70%;
    box-sizing: border-box;
   
}
.t_news_p_vicetil{
    
    line-height: 1.8;
    margin-bottom:0.7rem;
    padding-right:0.5rem;
    
}
.t_news_p_til{
    color: #272727;
    font-size: 1.1rem;
	font-weight:bold;
    display: block;
	margin-bottom:0.5rem;
	
}
.t_news_p_vicetil{
    color: #7d7d7d;
	font-size:0.875rem;
}
.t_news_p_time{
    display: flex;
    flex-direction: row;
    color: #9f9f9f;
	line-height:1;
	font-size: 0.875rem;
	position:relative;
}
.t_news_p_time>img{
    margin-left: 0.3rem;
	margin-right: 0.3rem;
	width:0.8rem;
	height:0.8rem;
}
.moreqw { position:absolute;right:0;top:0;background:#ba0000;color:#ffffff;font-size:1rem;padding:0.2rem 0.5rem;}
a.moreqw:hover {color:#ffffff; text-decoration:none;}





.trends_pages{
   
    margin: 0.6rem 0;
   
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	width:100%;
}


.trends_page_prev,.trends_page_next,.trends_page_nums{
    margin: 0 20px;
    display: inline-block;
}
.trends_page_nums>a{
    margin: 0 10px;
}
.trends_page_nums>a.current{
    color: #fe6610;
}

.position {line-height:2;padding:1rem;font-size:0.85rem;}

.wwleft {width:17.5%;float:left;}
.wwright {width:81.5%;float:right;}
.anlitit { background:#d92e25;color:#ffffff;font-size:1.5rem;padding-right:1rem;height:218px;}
.anlitit b {font-weight:normal; display:block;padding:3rem 0 0.5rem;}
.anlitit span {font-weight:normal;display:block;padding-bottom:1rem;}


.anli {margin-bottom:2rem;}
.anli .hd a {color:#ec9591;font-size:2.5rem;text-decoration:none;}
.anli .hd a:hover { text-decoration:none; color:#ffffff;cursor: pointer;}
/* 本例子css */
		.picScroll-left{ width:100%;  overflow:hidden; position:relative;    }
		
		.picScroll-left .bd{  }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; position:relative;  }
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:300px; height:218px; display:block;   }
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:2;font-size:1rem;color:#ffffff; position:absolute;bottom:0;background:#000000; opacity:0.6; width:100%;  }
.picScroll-left .bd ul li .title a {color:#ffffff;}



.newsbg { width:100%;height:auto;}
.news_tit {font-size:2rem;color:#3e3e3e;font-weight:bold;line-height:3;}
.news_desc {font-size:0.8rem;color:#979797;margin-bottom:1rem; padding-bottom:1rem;border-bottom:1px dashed #c4c4c4;}
.news_body {font-size:1rem;color:#626262;line-height:2;margin:0 0rem 2rem;padding-top:0;padding-bottom:1rem; border-bottom:1px dashed #c4c4c4; margin-bottom:1rem;}
.news_body img {max-width:100%;}
.clearboth {clear:both;}
.prenext {margin-bottom:1rem;}

.casetit {line-height:2;}
.casetit h1 {font-size:2.5rem;font-weight:bold;color:#191919;}
.casetit h2 {font-size:1.68rem;font-weight:normal;color:#dc0a00;margin-bottom:2rem;}
.backto {text-align:center;padding:0rem 0 1.5rem;}
.backto a {display:inline-block;padding:0.6rem 3rem;background:#dc0a00;color:#ffffff;font-size:1.18rem; border-radius:1rem;}
.backto a:hover {text-decoration:none;background:#ff0000;}
.xmlist { border-top:1px solid #d7d7d7; padding-top:1rem;padding-bottom:1rem; font-size:1rem;line-height:2;color:#575757;}
.xmlist li b {font-weight:normal;color:#dc0a00;}

.casetit2 {}
.casetit2 h1 {font-weight:normal;color:#303030;font-size:2.5rem;margin:2rem 0 1rem;}
.casetit2 h2 {font-weight:normal;color:#7c7c7c;font-size:1rem;margin:0 0 1rem;}
.casetit2 h3 {font-weight:normal;color:#303030;font-size:1.25rem; margin:0 0 2rem;}



.link-container33 {
  display: flex;
  justify-content: center;
  border-top:1px solid #c7c7c7;
  border-bottom:1px solid #c7c7c7;
  padding:1rem 0;
  position:relative;
}

.link-container33 .link a {
  display: inline-block;
  
  padding: 0.51rem 1.5rem;
  margin-right: 2rem;
  background-color: #e5e5e5;
  border-radius: 0.5rem;
  text-align: center;
  color: #4a4a4a;
  text-decoration: none;
  transition: background-color 0.3s ease-out;
  font-size:1rem;
  border:1px solid #ffffff;
}



.link-container33 .link a:hover {
  background-color: #dc0a00;
  color: #ffffff;
}
.link-container33 .active a {
  background-color: #dc0a00;
  color: #ffffff;
}



.writechat { position:absolute;top:1rem;left:0;font-size:0.875rem;color:#666666;line-height:1.6;}
.write2 {position:absolute;top:2rem;right:0;font-size:0.875rem;color:#666666;line-height:1.6;}
.write2 span { background:url(../images/write.png) no-repeat left center;padding-left:1.5rem;}

.pagination a,.pagination span {border:1px solid #cccccc;padding:5px;margin-right:5px;display:inline-block;}

.my-hover-image {
  margin:0 auto;
 display:none;
}
.my-image {margin:0 auto;}

.fixkefu { position:fixed;right:0.5rem;top:40%;z-index:999;width:170px; box-shadow:0 0 10px #000000; background:#ffffff;}
.fixkefu_tit {width:100%; background:#3e3e3e;color:#ffffff;font-size:1rem; text-indent:1rem;padding:1rem 0;}
.fixkefu_qq li { background:#f5f5f5;line-height:2;}
.fixkefu_qq li a {color:#504f4f; display:block;padding:0.5rem 0; background:url(../images/q.png) no-repeat 1rem center #f5f5f5;padding-left:2.5rem;}
.fixkefu_qq li a:hover {color:#ffff00; background:url(../images/qhover.png) no-repeat 1rem center #565656; text-decoration:none;}

.fixkefu_tel .a {color:#504f4f; display:block;padding:0.5rem 0; background:url(../images/t.png) no-repeat 1rem center #ffffff;padding-left:2.5rem;}
.fixkefu_tel .b {color:#504f4f; display:block;padding:0.5rem 0; background:#ffffff;padding-left:1.5rem;font-size:1.2rem;}
.fixkefu_ewm {text-align:center;}
.fixkefu_ewm img {max-width:90%;margin:0.5rem auto 1rem;}