﻿/*截字*/
.ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block; max-width:100%;}
.clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;overflow:hidden;}
.bg_layer{ display: none; background: rgba(0,0,0,0.5); position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 10000;}


.wrap_an{max-width: 1660px; margin:0 auto;}

.fnt_30{ font-size: 30px;}
.fnt_60{ font-size: 60px;}
.fnt_100{ font-size: 100px;}
@media only screen and (max-width: 1660px){
    .fnt_30{ font-size: 24px;}
    .fnt_60{ font-size: 50px;}
    .fnt_100{ font-size: 90px;}
}

@media only screen and (max-width: 1440px){
    .fnt_30{ font-size: 22px;}
    .fnt_60{ font-size: 44px;}
    .fnt_100{ font-size: 86px;}
}
@media only screen and (max-width: 1366px){
    .fnt_30{ font-size: 20px;}
    .fnt_60{ font-size: 40px;}
    .fnt_100{ font-size: 80px;}
}
@media only screen and (max-width: 1365px){
    .fnt_30{ font-size: 18px;}
    .fnt_60{ font-size: 36px;}
    .fnt_100{ font-size: 76px;}
}
@media only screen and (max-width: 1023px){
    .fnt_30{ font-size: 16px;}
    .fnt_60{ font-size: 30px;}
    .fnt_100{ font-size: 70px;}
}
@media only screen and (max-width: 767px){
    .fnt_60{ font-size: 28px;}
    .fnt_100{ font-size: 60px;}
}


/*公司简介*/
.about-part01{background: url(../images/ab_dot01.png) 30% bottom no-repeat #FAFAFA; margin-top:5%; padding:0 0 8.5%;}
.about-part01 .ab-year{ float: left; position: relative; color:#fff; margin-left:6%; top:-35px; max-width:240px; padding:55px 10px; background: #2B73D4;}
.about-part01 .ab-year span{ display: block; font-family: Arial, Helvetica, sans-serif; line-height: 1.2;}
.about-part01 .ab-year em{color:rgba(255, 255, 255,0.3);font-family: Arial, Helvetica, sans-serif; line-height: 1;display: none;}
.about-part01 .ab-txt{ padding:5% 0 0; float: right; width:calc(100% - 405px);}
.about-part01 .ab-txt dl{margin:0 0 3%;}
.about-part01 .ab-txt dl dd{ float: left; width:33.33%; color:#575757;}
.about-part01 .ab-txt dl dd span{font-family: Arial, Helvetica, sans-serif; line-height: 1.2; color:#2B73D4;}
.about-part01 .ab-txt .txt{color:#575757;}
.about-part01 .ab-txt .txt p{margin-bottom:20px; line-height: 2;color:#575757;}

.about-part02{ padding:0 0 8%;background: url(../images/ab_dot02.png) bottom center no-repeat #FFFFFF;}
.about-part02 .ll,.about-part02 .rr{ float: left; width:50%; position: relative;}
.about-part02 .ll{margin-top:-5%;}
.about-part02 .ll>img,.about-part02 .rr>img{width:100%;}
.about-part02 .ll .txt,.about-part02 .rr .txt{ position: absolute; left:0; bottom:0; width:100%;}
.about-part02 .rr .txt{ background: rgba(0,0,0,0.3);}
.about-part02 .ll .txt .inner,.about-part02 .rr .txt .inner{padding:4% 10% 4% 190px; color:#fff; position: relative; line-height: 2;}
.about-part02 .rr .txt .inner{padding:4% 190px 4% 10%;}
.about-part02 .ll .txt .inner::before,.about-part02 .rr .txt .inner::before{ content: ""; position: absolute; left:190px; top:0; width:40px; height:2px; background: #fff;}
.about-part02 .rr .txt .inner::before{ left:10%;}
.about-part02 .con{ margin-top:3.5%;}
.about-part02 .con dl{padding:0 6%;}
.about-part02 .con dl dt{color:#575757; margin-bottom:10px;}
.about-part02 .con dl dd{color:#000;}
@media only screen and (max-width: 1660px){
    .wrap_an{width:100%;}  
    .about-part02 .con dl{padding:0;}
    .about-part02 .ll .txt .inner{padding-left:10%;}
    .about-part02 .rr .txt .inner{padding-right:10%}
    .about-part02 .ll .txt .inner::before{left:10%;}
    .about-part01 .ab-txt{width: calc(100% - 350px);}
}
@media only screen and (max-width: 1279px){
    .about-part01 .ab-txt{width: calc(100% - 300px);}
}
@media only screen and (max-width: 1023px){
    .about-part01 .ab-year{margin-left:0;}
    .about-part01 .ab-txt{width: calc(100% - 200px);}
    .about-part02 .ll, .about-part02 .rr{width:100%;}
}
@media only screen and (max-width: 767px){
.about-part01 .ab-txt dl dd{width: 100%;float: none;padding:5px;border-bottom: 1px dashed #ccc;overflow: hidden;    box-sizing: border-box;}
.about-part01 .ab-txt dl dd p{float: left;line-height:32px;}
.about-part01 .ab-txt dl dd p:first-child{margin-right: 10px;}

.about-part01 .ab-year{top:0; padding:10px;    padding-top: 20px; max-width: calc(100% - 20px); width:100%;}
.about-part01 .ab-txt{width:100%;}
.about-part02 .ll .txt, .about-part02 .rr .txt{position: static;}
.about-part02 .ll .txt,.about-part02 .rr .txt{ background: #314b9b;}
.about-part02 .ll .txt .inner,.about-part02 .rr .txt .inner{padding: 20px 3%;}
}

/*领导致词*/
.leader-main .site{ margin-bottom: 0;}
.leader-part li{ padding:7% 0; margin-bottom:40px; overflow: hidden; background: url(../images/ab_dot03.jpg) no-repeat; background-size: 100% 100%;}
.leader-part li:nth-child(2n){background: url(../images/ab_dot04.jpg) no-repeat; background-size: 100% 100%; margin-bottom: 0;}
.leader-part li .img,.leader-part li .img,.leader-part li .err_position{ float: left; width:40%;}
.leader-part li .txt{ float: right; width:50%;}
.leader-part li .txt h2{ color:#36373B; line-height: 1; margin-bottom:2%;}
.leader-part li .txt h3{ color:#2A73D4; margin-bottom:5%;}
.leader-part li .txt .edit_con_original{color:#575757;}
.leader-part li .txt .edit_con_original p{margin-bottom:3%;}
.leader-part li:nth-child(2n) .img,.leader-part li:nth-child(2n) .err_position{ float: right;}
.leader-part li:nth-child(2n) .txt{ float: left;}

@media only screen and (max-width: 1599px){
.leader-part li:nth-child(2n) .txt{margin-left:6%;}
}
@media only screen and (max-width: 1439px){
.leader-part li .txt{ width:45%;}
.leader-part li:nth-child(2n) .txt{margin-left:10%;}
}

@media only screen and (max-width: 1279px){
    .leader-part li,.leader-part li:nth-child(2n){ background: #FAFAFA;}
    .leader-part li:nth-child(2n) .txt{margin-left:0;}
    .leader-part li .txt{width:56%;}
}
@media only screen and (max-width: 1023px){
.leader-part li{margin-bottom:20px;}
.leader-part li .img,.leader-part li .img,.leader-part li .err_position,.leader-part li .txt{width:100%;}
.leader-part li .txt{margin-top:5%;}
.leader-part li .img,.leader-part li .img,.leader-part li .err_position{height: auto !important;}
}
@media only screen and (max-width:767px){
.leader-part li{padding: 20px 0;}
}
/*企业荣誉*/
.honor-part{ padding: 3% 0; background: #FAFAFA;}
.honor-part .wrap{ position: relative;}
.honor-part .swiper-button-prev,.honor-part .swiper-button-next{ left:15%; width:25px; height: 25px; margin-top:0; top:42%;}
.honor-part .swiper-button-prev{background: url(../images/ab_dot05.png) center no-repeat;}
.honor-part .swiper-button-next{left:auto;right:15%;background: url(../images/ab_dot06.png) center no-repeat;}
.slider_honor{position: relative; width:100%; padding:45px 0 8.5%;}
.slider_honor .swiper-slide img{ width: 100%;}
.slider_honor .swiper-slide .inner{position: relative; cursor: pointer;}
.slider_honor .swiper-slide .inner .con{ display: none; position: absolute; left:0; bottom:0; width: 100%;text-align: center; color:#fff; font-size: 12px; height:34px; line-height: 34px; background:#2B73D4;}
.slider_honor .swiper-slide-active{z-index: 100;}
.slider_honor .swiper-slide-active .inner{ box-shadow: 0px 0 6px 3px #C2C0C1;}
.slider_honor .swiper-slide-active .inner .con{ display: block;}
.slider_honor .swiper-slide-active .inner{transform:scale(1.25,1.25);}
.slider_honor .swiper-pagination{width:100%!important; text-align: center;}
.slider_honor .swiper-pagination .swiper-pagination-bullet{width:10px; height: 10px;}
.slider_honor .swiper-pagination .swiper-pagination-bullet-active{ background:#2A73D4;}
@media only screen and (max-width: 767px){
    .honor-part .swiper-button-prev{ left:10px;}
    .honor-part .swiper-button-next{ right:10px;}
    .slider_honor{padding: 0;}
    .slider_honor .swiper-slide-active .inner{transform: scale(1,1);}
    .slider_honor .swiper-slide .inner .con{position: static;}
}

/*发展历程*/
.history-part{padding:1.6% 0 0;    min-height: 400px;}
.his_ll{ float: left; width:320px;position: relative;}
.his_rr{ float: right; width:calc(100% - 400px);}
.his_ll.anchor_fixed{ position: fixed; top:120px; left:calc(50% - 640px); z-index: 10;}
.his_ll.anchor_fixed.cur{position: absolute;top:0;left: 0;}
.his_ll .swiper-button-prev{ left:-6px; top:0; margin-top:0; width: 16px; height: 10px; background: url(../images/ab_dot08.png) center top no-repeat;}
.his_ll .swiper-button-next{ top:auto; bottom:0; left:-6px; right:auto; width: 16px; height: 10px; background: url(../images/ab_dot09.png) center top no-repeat;}
.his_ll .swiper-button-prev.swiper-button-disabled,.his_ll .swiper-button-next.swiper-button-disabled{ opacity: 1;cursor: pointer; pointer-events:visible;}
.his_ll .swiper-button-prev.disabled{background: url(../images/ab_dot08_dis.png) center top no-repeat;}
.his_ll .swiper-button-next.disabled{background: url(../images/ab_dot09_dis.png) center top no-repeat;}
.his_ll .swiper-container{ margin:25px 0; height: 525px; border-left:2px solid #5E5E5E;}
.his_ll .swiper-slide{ cursor: pointer; background: url(../images/ab_dot11.png) left 13px no-repeat;}
.his_ll .swiper-slide h2{ margin-left:30px;}
.his_ll .swiper-slide h3{ margin-left:30px;opacity: 0; color: #384B9A;}
.his_ll .swiper-slide.on h2{font-size: 40px;color:#384B9A;}
.his_ll .swiper-slide.on em{position: absolute; left:0; top:0; width: 10px; height:10px; background: url(../images/ab_dot12.png) no-repeat;}
.his_ll .swiper-slide.on h3{ opacity: 1;}

.his_tit{ display: inline-block; padding:5px 4%; color:#fff; margin-bottom:3%; background: #4D90DC;}
.his_con .edit_con_original{ position: relative; color:#575757; line-height: 1.8; margin-bottom: 6%;}
.his_con .edit_con_original::before{content: ""; position: absolute;left:-25px; top:10px;z-index:1;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #4D90DC;}

@media only screen and (max-width: 1365px){
    .his_ll.anchor_fixed{ left:3%;}
    .his_ll .swiper-slide.on h2{font-size: 30px;}
}
@media only screen and (max-width: 1279px){    
    .his_ll{ width:250px;}
    .his_rr{ width:calc(100% - 260px);}
    .his_ll .swiper-container{ height: 350px;}
    .his_ll .swiper-slide.on h2{font-size:28px;}
}
@media only screen and (max-width:767px){ 
    .history-part{min-height: inherit;}
    .history-part{padding:0;}
    .his_ll.anchor_fixed{ top:auto; position: relative!important;}
    .his_ll,.his_rr{width:100%;}
    .his_rr{ margin-top:20px;}
    .his_ll .swiper-container{ height: auto; margin:0; border:none;}
    .his_ll .swiper-button-prev,.his_ll .swiper-button-next{transform:rotate(-90deg)}
    .his_ll .swiper-button-prev{ left:0; top:50%; margin-top:-5px;}
    .his_ll .swiper-button-next{ left:auto; right:0; top:50%;margin-top:-5px;}
    .his_ll .swiper-slide{ text-align: center; background: none;}
    .his_ll .swiper-slide h2,.his_ll .swiper-slide h3{ margin:0;}
    .his_ll .swiper-slide.on h2{font-size:24px;}
}

/*集团企业*/
.group-part{ padding:0 0;}
.group-part li{ overflow: hidden; margin:0 0 1.8%; padding:4% 6% 5% 4%; background: url(../images/ab_dot07.png) left top no-repeat #FAFAFA; background-size: contain;}
.group-part li .img{ float: left; width:34%;}
.group-part li .txt{float: right; width:60%;}
.group-part li .txt h2{ margin:3% 0 3%; height: 1.5em; overflow: hidden;}
.group-part li .txt .con{ height:16.5em;color:#575757; line-height: 1.8;}
.group-part li .txt .con .edit_con_original{color:#575757; line-height: 1.8;}
.group-part li .txt .con p{margin-bottom: 1.8em;}
.group-part li .txt .con p:last-child{margin-bottom:0;}

@media only screen and (max-width: 1365px){
    .group-part li .txt .con{ height: 14.2em;}
}
@media only screen and (max-width: 1279px){
    .group-part li .txt .con{ height: 10.8em;}
}
@media only screen and (max-width: 1023px){
    .group-part li .txt .con{ height: 7.2em;}
}
@media only screen and (max-width: 767px){
    .group-part li:first-child{padding-top: 0;}
    .group-part li{ background: #FAFAFA; padding:5% 0;}
    .group-part li .img{ width:100%;}
    .group-part li .txt{ width: 100%; margin-top:3%;}
    .group-part li .txt .con{ height: auto;}
    .group-part li .txt .con .mCSB_inside>.mCSB_container{margin-right:0!important;}
}

/*企业文化*/
.culture-part li{ color:#fff; float: left;}
.culture-part li:first-child{ width:100%; }
.culture-part li:nth-of-type(2),.culture-part li:nth-of-type(4){ width: calc(52% - 10px); border-right:10px solid #2A73D4;}
.culture-part li:nth-of-type(3),.culture-part li:nth-of-type(5){width: 48%;}
.culture-part li:first-child .inner{padding:10% 8% 24%;}
.culture-part li:nth-of-type(2) .inner,.culture-part li:nth-of-type(4) .inner{padding:15% 16% 50%;}
.culture-part li:nth-of-type(3) .inner,.culture-part li:nth-of-type(5) .inner{padding:16% 16% 46%;}
.culture-part li:nth-of-type(5){ position: relative; margin-top:-4%;}
.culture-part li h2{ margin-bottom:2%;}
.culture-part li p{ line-height: 1.8; margin-bottom:1.5em;}
.culture-part li:first-child p{ width:58%;}


.culture-part li:nth-of-type(2){ height: 0;padding-bottom: 54.5%;}
.culture-part li:nth-of-type(3){ height: 0;padding-bottom: 51%;}
.culture-part li:nth-of-type(4){ height: 0;padding-bottom: 54.5%;}
.culture-part li:nth-of-type(5){ height: 0;padding-bottom: 52%;}


@media only screen and (max-width: 1023px){
    .culture-part li:first-child p{ width:100%;}
}
@media only screen and (max-width: 767px){
    .culture-part li:nth-of-type(2),.culture-part li:nth-of-type(4){ width:100%; border-right:none;}
    .culture-part li:nth-of-type(3),.culture-part li:nth-of-type(5){width:100%;}
    .culture-part li:nth-of-type(2) .inner,.culture-part li:nth-of-type(4) .inner{padding:10% 8% 20%;}
    .culture-part li:nth-of-type(3) .inner,.culture-part li:nth-of-type(5) .inner{padding:10% 8% 20%;}
    .culture-part li:first-child .inner,.culture-part li:nth-of-type(2) .inner{ padding-bottom: 55%;}
    .culture-part li{height: auto !important;padding-bottom: inherit !important;}
}

/*社会责任*/
.duty-part li{overflow: hidden; padding:4% 6% 4% 4%; margin-bottom:20px; background: url(../images/ab_dot14.png) left top no-repeat #FAFAFA;}
.duty-part li:nth-child(2n){ background: url(../images/ab_dot15.png) right top no-repeat #FAFAFA;}
.duty-part li .img{ float: left; width: 34.8%;}
.duty-part li .txt{ float: right;width: 60%;}
.duty-part li .txt h2{ margin:3% 0;}
.duty-part li .txt .con{color:#575757;line-height: 1.8; height: 14em;}
.duty-part li .txt .con .edit_con_original{ color:#575757; line-height: 1.8;}
.duty-part li:nth-child(2n) .img{ float: right;}
.duty-part li:nth-child(2n) .txt{ float: left;}

@media only screen and (max-width: 1279px){
.duty-part li .txt .con{ height: 12.2em;}
}
@media only screen and (max-width: 1023px){
.duty-part li .txt .con{ height: 7.2em;}
}
@media only screen and (max-width: 767px){
    .duty-part li:first-child{padding-top: 0;}
    .duty-part li{ padding: 5% 0; background: #FAFAFA;}
    .duty-part li .img,.duty-part li .txt{width:100%;}
    .duty-part li .txt .con{ height: auto;}
    .duty-part li .txt .con .mCSB_inside>.mCSB_container{margin-right:0!important;}
}

/*行为准则*/
.rules-part{ background:#e5f1fd;}
.rules-part .inner{ padding:4% 6% 8%;}
.rules-part .edit_con_original{color:#575757; line-height: 1.8;}
.rules-part .more_link{ margin:7.2% 0 0;line-height: 52px; color:#575757;}
.rules-part .more_link dt{ float: left; margin-right: 3%;}
.rules-part .more_link dd{ float: left; line-height: 22px; border-radius: 5px;background:linear-gradient(to bottom, #2A73D4 0%, #2155C7 100%) ;}
.rules-part .more_link dd a{ padding:15px 30px 15px 60px; color:#fff!important; display: block; background: url(../images/ab_dot13.png) 26px center no-repeat ;}
.lt10 .rules-part .more_link dd{ background: #2A73D4;}
@media only screen and (max-width: 1024px){
.rules-part .more_link dd a{padding: 10px;padding-left:35px;    background: url(../images/ab_dot13.png) 10px center no-repeat;}

}
@media only screen and (min-width: 1024px){
.rules-part .more_link dd{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.rules-part .more_link dd:hover{opacity:0.9;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9;}


}
/*联系我们*/
.map_top{ position: relative; margin-bottom:4.5%;}
#map{ width:100%; height:580px;}
#map {background-size: cover; background-repeat: no-repeat; background-position: center center;background-image: url(../images/contact.jpg);}
.map_top .map_text{position: absolute; left:6%; top:10%; width: 40%; height:auto; border-top:3px solid #0a75d5; background:url(../images/ab_dot17.jpg) right top no-repeat #FAFAFA; background-size: contain;}
.map_top .map_text .inner{ padding:6% 7%;}
.map_top .map_text .inner h2{color:#36373B; margin-bottom:5%;}
.map_top .map_text .inner li{ position: relative; padding-left: 24px; margin-bottom:10px; color:#575757;}
.map_top .map_text .inner li a{color:#575757; cursor: default;}
.map_top .map_text .inner li a:hover{color:#575757 !important;}
.map_top .map_text .inner span{ position: absolute; left:0; top:4px;}

.map_list ul{overflow: hidden;margin: 0 -10px;}
.map_list li{width: 33.33%;*margin-left: -1px;float: left;margin-bottom: 20px;}
.map_list .inner{margin: 0 10px;border-top: 2px solid #0a75d5;background: #fff url(../images/service_logo01.png) no-repeat bottom 20px right 20px;padding:35px 40px;padding-bottom: 45px;}
.map_list .map_p,.map_p a{color: #868789;}
.inner h3{color: #333438;margin-bottom: 15px;}
.map_p dl{overflow: hidden;line-height: 2.1em;}
.map_p dt{float: left;max-width: 100px;}
.map_p dt span{width: 13px;height: 30px; overflow: hidden;margin-right: 10px;}
.map_p dt span img{vertical-align: middle;}
.map_p dt span img.img02{display: none;}
.map_p dd{float: left;width: calc(100% - 100px)}
@media only screen and (max-width:1280px) {
#map{ height: 500px;}
.map_list .inner{padding:30px 20px;}
.map_list{padding-bottom: 50px;}
}
@media only screen and (max-width:1024px) {
#map{ height: 450px;}
.map_list li{width: 50%}
.map_list{padding-bottom:0px;}
}
@media only screen and (max-width:767px) {
#map{ height:200px;}
.map_top .map_text{ position: static; width:100%;}
.map_list li{width:100%;float: none;}
.map_list .inner{padding:20px;}
.inner h3{margin-bottom: 10px;}
.map_list .map_p{height: auto !important;}
.map_p dt span{margin-right: 5px;}
}

.connect-part02{ position: relative;    margin-bottom: 40px;}
.connect-part02>img{ width:100%;}
.connect-part02 h2{ position: absolute; top:12.0845%; left:calc(50% - 640px); z-index: 10;}
.connect-part02 ul li{ cursor: pointer; position: absolute; left:0; top:0; z-index: 10; width:28px; height: 41px; background: url(../images/ab_dot16.png) no-repeat;}

/*.connect-part02 ul li.country_00{ left:63.6144%; top:35.8006%;}
.connect-part02 ul li.country_01{ left:28.0120%; top:29.1540%;}
.connect-part02 ul li.country_02{ left:32.8915%; top:56.7975%;}
.connect-part02 ul li.country_03{ left:50.9036%; top:52.4169%;}
.connect-part02 ul li.country_04{ left:53.3734%; top:17.5226%;}
.connect-part02 ul li.country_05{ left:56.3855%; top:26.5861%;}*/


.connect-part02 ul li.country_00{left:63.6144%; top:35.8006%;}
.connect-part02 ul li.country_01{left: 47%;top: 24.5226%;}
.connect-part02 ul li.country_02{left:28.0120%; top:29.1540%;}
.connect-part02 ul li.country_03{left:32.8915%; top:56.7975%;}
.connect-part02 ul li.country_04{left:50.9036%; top:52.4169%;}
.connect-part02 ul li.country_05{left:56.3855%; top:26.5861%;}


/*.connect-part02 ul li.country_07{ left:68.3734%; top:32.1752%;}*/
.connect-part02 ul li.on{background: url(../images/ab_dot16_on.png) no-repeat;}
.connect-part02 ul li a{ display: block; width:100%; height: 100%;}
.y_q01,.y_q02{ position: absolute; z-index: 1; /*width:170px; height: 170px;*/ width:10.2409%;height:25.6797%; border:1px solid #CDD5DD; border-radius: 50%;}
.y_q01{ left:59.3373%; top:27.4924%;}
.y_q02{left:63.9156%; top:23.8670%;}

.countrydet{position: fixed; z-index: 10001;display: none; left: 50%;top: 50%;transform: translate(-50%,-50%); width:365px; height: 500px;border-top:2px solid #2A73D4; background: #fff;/*background: #0d7bf3;box-shadow: 17px 17px rgba(6,31,72,0.68);box-sizing: border-box;padding: 2.17% 0;max-width: 555px;width: 44%*/}
.countrydet.on{display: block;}
.countrydet ul{ padding:10% 5% 10% 10%; position: relative;}
.countrydet li{display: none;}
.countrydet li.on{display: block;}
.coun_tit{ height: 1.5em; margin-bottom:1em; color:#36373B; overflow: hidden;}
.coun_txt{color:#575757; height: 354px;}
.coun_txt dl{ padding:6% 0;line-height: 1.5;border-bottom:1px solid #E1E1E1;}
.coun_txt dt{ margin-bottom:1em;}
.coun_txt dl:first-child{ padding-top:0;}
.coun_txt dl:last-child{border-bottom:none; padding-bottom: 0;}
.coun_txt dd{ margin-bottom:0.7em; padding-left: 20px;}
.coun_txt dd.c_add{ background: url(../images/service_icon03.png) left 5px no-repeat;}
.coun_txt dd.c_lman{ background: url(../images/ab_dot19.png) left 5px no-repeat;}
.coun_txt dd.c_tel{ background: url(../images/service_icon02.png) left 5px no-repeat;}
.coun_txt dd.c_email{ background: url(../images/service_icon01.png) left 5px no-repeat;}
.coun_txt dd a{color:#575757; cursor: default;}
.coun_txt dd.c_tel a:hover{color:#575757!important;}
.countrydet .close{position: absolute;display: block;width: 18px!important;height: 17px!important;background: url(../images/worldclose.png);top: -25px;right:0;padding: 0;margin: 0}
.coun_txt .mCSB_inside>.mCSB_container{margin-right: 30px!important;}

.countrylist{ display: none;}
@media only screen and (max-width:1365px) {
.connect-part02 h2{ left:3%;}
}

#w_map{position: relative;top:-200px;}
@media only screen and (max-width:1023px) {
.countrylist{ display: block;margin-bottom:20px;}
.connect-part02{ display: none;}
.countrylist h2{ margin-bottom: 5%;}
.countrylist li{ float: left; width:calc(50% - 30px); margin:0 0 2%; position: relative; padding:0 15px;}
.countrylist li a{color:#868789;}
.countrylist li:before{ content: ""; position: absolute; left:0; top:50%; margin-top:-3px; widtH:6px; height:6px; background: #2A73D4; border-radius: 50%;}
}
@media only screen and (max-width:767px) {
.countrydet{width:94%; height: 60vh;}
.countrydet ul{ padding:7% 4% 7% 8%;}
.countrydet li{ height: 84%;}
.coun_txt{ height:45vh;}
.coun_txt .mCSB_inside>.mCSB_container{margin-right:20px!important;}
}

@media only screen and (min-width:1025px) {
    .map_p a{cursor:default;}
    .map_p a:hover{color:#fff!important;}
    .map_list li .inner:hover{background: #0a75d5 url(../images/service_logo02.png) no-repeat bottom 20px right 20px;}
    .map_list li .inner:hover h3{color: #fff;}
    .map_list li .inner:hover .img01{display: none;}
    .map_list li .inner:hover .img02{display: inline-block;}
    .map_list li .inner:hover .map_p,.map_list li .inner:hover .map_p a{color: #fff;}
    /*.connect-part02 ul li:hover{background: url(../images/ab_dot16_on.png) no-repeat;}*/
}

/*中国地图*/
.network-part{ padding:80px 0 0; background: #FAFAFA; position: relative;}
.network-part .wrap{position: relative; padding-bottom:150px;}
a.a_back{ display: block; position: absolute; z-index: 100; right:11.4457%; top:80px; width:144px; height: 36px; line-height: 36px; color:#fff!important; text-align: center; background: #2A73D4;}
a.a_back em{ display: inline-block; margin-right: 5px; width: 6px;height: 6px;border-bottom: 2px solid #fff;border-left: 2px solid #fff;transform: rotate(45deg);}
.nanhai{ position: absolute;right:28.5%; bottom:0;}
.nanhai1{position: absolute;right:0; bottom:115px;}

.province_ul{width:760px; height:620px; position:absolute;  margin:0 auto; left:0; top:0; z-index:1; opacity: 0;}
.province_ul li{width:28px; cursor: pointer; height:43px;position:absolute;background:url(../images/ab_dot22.png) left top no-repeat;transition:all 0.2s; }
.province_ul li.current{background:url(../images/ab_dot16_on.png) left top no-repeat;}
.province_ul li.current::before{ /*position: absolute; content: ""; left:-70px; top:-70px; width: 170px; height: 170px; border:1px solid #D2D2D2; border-radius: 50%;*/}
.province_ul li span{display: none;}
.province_ul li.m01{left:590px; top:205px;}
.province_ul li.m02{ left:630px; top:160px;}
.province_ul li.m03{ left:630px; top:110px;}
.province_ul li.m04{ left:508px; top:228px;}
.province_ul li.m05{ left:525px; top:242px;}
.province_ul li.m06{ left:500px; top:260px;}
.province_ul li.m07{ left:455px; top:280px;}
.province_ul li.m08{ left:450px; top:200px;}
.province_ul li.m09{ left:585px; top:380px;}
.province_ul li.m10{ left:568px; top:350px;}
.province_ul li.m11{ left:570px; top:410px;}
.province_ul li.m12{ left:534px; top:370px;}
.province_ul li.m13{ left:550px; top:460px;}
.province_ul li.m14{ left:510px; top:440px;}
.province_ul li.m15{ left:535px; top:295px;}
.province_ul li.m16{ left:475px; top:335px;}
.province_ul li.m17{ left:460px; top:380px;}
.province_ul li.m18{ left:450px; top:440px;}
.province_ul li.m19{ left:480px; top:502px;}
.province_ul li.m20{ left:410px; top:502px;}
.province_ul li.m21{ left:410px; top:580px;}
.province_ul li.m22{ left:395px; top:405px;}
.province_ul li.m23{ left:320px; top:390px;}
.province_ul li.m24{ left:380px; top:455px;}
.province_ul li.m25{ left:290px; top:490px;}
.province_ul li.m26{ left:120px; top:360px;}
.province_ul li.m27{ left:410px; top:322px;}
.province_ul li.m28{ left:318px; top:260px;}
.province_ul li.m29{ left:230px; top:290px;}
.province_ul li.m30{ left:368px; top:280px;}
.province_ul li.m31{ left:120px; top:180px;}
.province_ul li.m32{ left:590px; top:500px;}
.province_ul li.m33{ left:490px; top:535px;}
.province_ul li.m34{left:470px; top:543px;}

.map_box{ position:relative; width:760px; height:620px; margin:0 auto;}
#svgpaper{ width:760px; height:620px; position:absolute; left:-40px; top:0; z-index:0}
#paper{width:760px; height:620px; position:absolute;  margin:0 auto; left:-40px; top:0; z-index:2}
.hidden{ display:none;}
.cl11{display:none; position:absolute; width:365px;height:500px; left:0;top:0;background:#fff;z-index: 10;border-top:2px solid #2A73D4;}
.cl11 .close{ position:absolute;right:0; top:-25px; width:18px; height:17px;z-index:1002; background: url(../images/worldclose_an.png) no-repeat; }
.cl11 .w{ padding:10% 5% 10% 10%;}

.address-select { display: none; background: #fff;line-height: 40px;}
.address-select span{height: 40px; line-height:40px; display: block; cursor: pointer; color: #000; padding:0 5% 0 4%; background: url(../images/ab_dot23.png) 96% center no-repeat; }
.address-select ul{ display: none; position: absolute; left:0; top:40px; width: 100%; max-height: 240px; overflow-y:auto; background: #fff; padding:0; z-index: 11;}
.address-select ul li{ padding:0 4%; height: 30px; line-height: 30px; color: #000000; cursor: pointer;}
.address-select ul.on{ display: block;}
@media only screen and (max-width: 1365px){
    a.a_back{right:3%; top:40px;}
    .nanhai{right:27.5%;}
    .nanhai1{bottom: 40px;}
}
@media only screen and (max-width: 1279px){
    .nanhai{right:21.5%;}
}
@media only screen and (max-width: 1023px){
.address-select ul{border: 1px solid #ccc;box-sizing: border-box;}
.nanhai,.nanhai1,.map_box,.cl11 .close{display: none;}
a.a_back{top:20px;}
.network-part .wrap{ padding-bottom: 0;}
.cl11,.address-select{display: block;}
.cl11{position: static; width: 100%; height: auto; right:auto; top:auto; background: none; border:none;}
.cl11 .w{padding:4%;}
.cl11 .w .coun_txt{ height:auto;}
}



.countrydet_02  li{display: block;}
.countrydet_02 h5{position: absolute;top: 7%;right: 4%;    z-index: 9;display: none;}
.countrydet_02 h5 a{display: inline-block;background:#2a73d4;padding:5px;color:#fff;}
@media only screen and (max-width: 767px){
.countrydet_02 h5{top:4%;}
}
@media only screen and (min-width:1025px){
.countrydet_02 h5 a:hover{color: #fff !important;opacity: 0.8;}
}


.phone_t{position: absolute;
    top: 12.0845%;
    left: calc(50% - 640px);
    z-index: 10;}
.connect-part02  h2{display: none;}
.map_w {position: relative;overflow: hidden;    background: #eaeaea;    margin-bottom: 40px;}
.countrydet_02{display: block;position: absolute;left: 20px;bottom: 20px;top:auto;    transform: translate(0,0);height: auto;    z-index: 1;}
.countrydet_02 .coun_txt{overflow: hidden;height: 300px;}
.countrydet_02 .coun_txt dd{padding: 0;}
.countrydet_02 .coun_txt dt,.countrydet_02 .coun_txt dd{margin: 0;}
.countrydet_02 .coun_txt dl{padding: 8px 0;}
.countrydet_02 .coun_tit{margin-bottom: 10px;display: none;}
.countrydet_02 .close{display: none;}
.countrydet_02 .coun_txt dd a{margin-left: 5px;}
.map_w .connect-part02{margin-left: 150px;    margin-bottom: 0px;}
@media only screen and (max-width: 1600px){
.phone_t{top:40px;}

}
@media only screen and (max-width:1520px){
.map_w{height: 540px;}
}
@media only screen and (max-width:1366px){
.map_w .connect-part02{margin-left: 250px;    margin-top: 60px;}
.phone_t{left:20px;}
}
@media only screen and (max-width:1024px){
.countrylist h2{display: none;}
.phone_t{display: block;padding: 0 3%;margin-bottom: 10px;position: static;font-weight: bold;}
.map_w{height: auto;background: none;margin-bottom: 20px;}
.countrydet_02{position: static;width: 100%;border:0;}
.countrydet_02 ul{padding: 0 3%;}
.countrydet_02 .coun_txt{height: auto;}
.countrydet_02 .coun_tit{margin-bottom: 0;}
}





.connect-part02 ul li,.province_ul li{
    -webkit-animation: move 1.3s ease-in-out 2.7s infinite alternate;
    animation: move 1.3s ease-in-out 2.7s infinite alternate;
}

.connect-part02 ul li:nth-child(2){animation-delay: .2s;}
.connect-part02 ul li:nth-child(3){animation-delay: .4s;}
.connect-part02 ul li:nth-child(4){animation-delay: .6s;}
.connect-part02 ul li:nth-child(5){animation-delay: .8s;}
.connect-part02 ul li:nth-child(6){animation-delay: .10s;}

.province_ul li:nth-child(2){animation-delay: .2s;}
.province_ul li:nth-child(3){animation-delay: .4s;}
.province_ul li:nth-child(4){animation-delay: .6s;}
.province_ul li:nth-child(5){animation-delay: .8s;}
.province_ul li:nth-child(6){animation-delay: .10s;}
.province_ul li:nth-child(7){animation-delay: .12s;}
.province_ul li:nth-child(8){animation-delay: .14s;}



@-webkit-keyframes move {
  0% {
    transform:translate(0,-6)
  }

  100% {
    transform:translate(0,6px)
  }
}

@keyframes move {
  0% {
    transform:translate(0,-6)
  }

  100% {
    transform:translate(0,6px)
  }
}


@media only screen and (min-width:1025px) {
.connect-part02 ul li:hover,.province_ul li:hover{animation: none; -webkit-animation: none;}
}








