﻿* {font-family: "PingFang SC","Microsoft Yahei" !important; font-size: 16px; }
@font-face {
    font-family: 'futura';
    src: url('../fonts/futura-condensedmedium.eot');
    /* IE9+ Compat Modes */
    src: url('../fonts/futura-condensedmedium.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/futura-condensedmedium.woff2') format('woff2'), /* Super modern browsers */
    url('../fonts/futura-condensedmedium.woff') format('woff'), /* Modern browsers */
    url('../fonts/futura-condensedmedium.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/futura-condensedmedium.svg#fontname') format('svg');
    /* Legacy iOS */
}

.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}

body {background-color: #103b66;}

.side {background:#006bac; overflow: hidden;position: relative; height: 100%;}
.side .inner {text-align:center;width:110%;overflow-y:scroll}
.side .logo img {width:20%;height:auto;margin:20px auto;display: block;}
.side .logo {background: url(../images/logo.png) no-repeat center center/63px 87px; height:120px;margin-bottom:20px; display: block;}
.side h3 {font-size:18px;height:42px;line-height:42px;font-weight:300;cursor:pointer; position: relative;}
.side h3 a {font-size: 18px;display: block;height:42px;line-height:42px;}
.side .sub-menu a:hover,.side h3,.side h3 a {color:#fff}
.side .sub-menu {display:none;padding:10px 0;background:#005e9b}
.side .sub-menu a {display:block;color:rgba(255,255,255,.6);height:38px;line-height:38px; font-weight: 300;font-size: 16px;}
.side .sub-menu a.active {position:relative;color:#fff}
.side .sub-menu a.active:after {height:38px;line-height:38px;color:#fff;font-family:simsun;text-align:center;position:absolute;right:25px;top:0;content:">"}

.menu-item.active h3{background:#00457c}
.menu-item.active h3.arr:after {height:42px;line-height:42px;color:#fff;font-family:simsun;text-align:center;position:absolute;right:40px;top:0;content:">"; }
.menu-item.active .sub-menu {display: block;}

.search input {padding-left: 10px;}
.search input {color:#fff;}
.search input::-webkit-input-placeholder {color:#fff; opacity:0.5; font-size:14px;}
.search input:-moz-placeholder {color:#fff; opacity:0.5; font-size:14px;}
.search input::-moz-placeholder { color:#fff; opacity:0.5; font-size:14px;}
.search input:-ms-input-placeholder {color:#fff; opacity:0.5; font-size:14px;}




.copy-right,.index.side .copy-right {position: absolute; left: 0; bottom:0; text-align: center;color: #fff; line-height: 2; padding: 10px 0px 30px 0px;font-size:16px;}
.index-bg {position: absolute; left: 0; top:0; right:0; bottom:0; height: 100%;}
.index-bg .bd,.index-bg .bd ul,.index-bg .bd ul li {width:100% !important ;height: 100% !important;margin: 0; padding: 0;}
.index-bg .hd {position: absolute; left: 0; right:0; bottom:20px;}
.index-bg .hd ul {text-align: center;}
.index-bg .hd li {width: 8px; height: 8px; border:1px solid #fff; border-radius: 50%; text-indent: -999em; display: inline-block;margin: 0 5px; transition: 0.3s all;}
.index-bg .hd li.on { width: 30px; border-radius: 8px; background: #fff;}
.index-footer {position: absolute; right:30px; bottom:30px; font-size: 14px; text-align: left; color: #fff; line-height: 2;}
.index.side { width: 15%; position: absolute; left: -15%; z-index: 99; top:0;}
.index.side .logo {margin: 20px 0;}
.index.side h3,.index.side h3 a {margin: 0;font-size: 18px;}
.index.side .sub-menu a,.index.side .sub-menu a:hover{font-size: 16px;}
.index-arr {position: absolute; left: 20px; top:50%; display: inline-block; margin-top: -20px; z-index: 99;cursor: pointer;
	animation-name: arr;
	animation-delay: 0s;
	animation-direction: alternate;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	animation-duration: 1s;
}
@keyframes arr{
	from{transform: translateX(20px);-webkit-transform: translateX(20px);}
	to{transform: translateX(0); -webkit-transform: translateX(0);}
}
@-webkit-keyframes arr{
	from{transform: translateX(20px);-webkit-transform: translateX(20px);}
	to{transform: translateX(0); -webkit-transform: translateX(0);}
}


.page2 {background: url(../images/about-page2.jpg); background-size: cover;}
.page3 {background: url(../images/about-page3.jpg); background-size: cover;}
.news-list-content p{font-size: 18px; line-height: 1.8;}
.mapbox.mapbj {top:45px;}
.mapbox.maphz { left:240px; top:260px;}
.mapbox.maphk {top:480px;}

.village_desc {background: rgba(122,186,235,0.53);}
.village_desc .text p {font-size: 18px; line-height: 1.8;}
.culture {background: url(../images/culture-bg.jpg) no-repeat center bottom; background-size: cover;}
.cultrue-list {width: 100%; overflow: hidden; margin-top: 80px;}
.cultrue-list ul {width:101%;}
.cultrue-list a {color: #fff;}
.cultrue-list li{ float: left; width: 41%; color: #fff; padding: 20px 5% 20px 3%; border:1px solid transparent;height: 70px; margin-bottom: 15px;}
.cultrue-list li img {float: left; margin-right: 8%; border-right:1px solid #fff; padding-right: 8%; }
.cultrue-list .txt {float: left;}
.cultrue-list .txt h4{font-size: 20px; margin-bottom: 10px;}
.cultrue-list .txt p {font-size: 18px;}
.cultrue-list li:hover {border-color: #fff;}


.talent_bg { background: url(../images/talent-bg.jpg) no-repeat center bottom;}
.village_desc .text p {font-size: 18px; text-align: justify; line-height: 1.8;overflow: hidden;}
.village_desc .text p span{float: left;display: inline-block;width: 50%;font-size: 18px;line-height: 1; }
.village_desc .text p b{font-size:30px;font-weight: 500;margin: 0 05px;}
.talent_pin {padding: 0; width: 100%; overflow: hidden;}
.talent_pin .first {margin-right: 4%;}
.talent_pin dl { width: 48%; margin: 0; float: left; }

.position {background: url(../images/position-bg.jpg);}

.social {background: url(../images/social-responsibility-bg.jpg);}
.social .bg_color {display: none;}
.social .top {margin-top: 50px;}
.social .top .txt{float: left;}
.social .top a {float: right; background: rgba(255,255,255,0.2); color: #fff; padding: 20px;font-size: 20px;}
.social .top a:hover {background: rgba(255,255,255,0.4);}
.social .top a img {display: block;margin: 0 auto; margin-top: 20px;}
.social .img-list {margin-top: 50px;}
.social .img-list a {position: relative;display: block; margin-bottom: 15px;}
.social .img-list a b {position: absolute; font-size: 24px; color: #fff; left: 5%; top:10%;font-weight: normal;}

.company_bg {background: url(../images/investore-company-bg.jpg);}
.company_bg .village_desc { background: rgba(122,186,235,0.14);}
.company_bg .village_desc .text p {font-size: 18px; line-height: 1.8;}

.news-lists .news-dl .title, .news-lists .news-dl .title a {font-size: 20px;}
.news-lists .news-dl .time {margin-top: 20px;font-size: 16px; font-family: arial;}

.content-wrap {width: 85%; margin-left: 75px; padding-top: 50px; padding-bottom: 50px;}
.edit-body { }
.edit-body .title {font-size: 24px; color: #5074b1;font-weight: normal; margin-bottom: 30px;}
.edit-body .title span {display: block;font-size: 16px; color: #000; margin-top: 20px;font-family: arial;}
.edit-body .imgs { width: 405px; float: right;}
.edit-body .imgs img {width: 100%; height: auto; margin-bottom: 20px;}
.edit-body .content {padding-right: 450px;}
.edit-body .content p { font-size: 18px; line-height: 1.8; text-align: justify; color: #000; margin-bottom: 20px;}
.more-newslist h2 {font-size: 18px; color:#6785b9; padding: 20px 0; font-weight: normal;}
.more-newslist li {float: left; width: 299px; border: 1px solid #a6a6a6; margin-right: 20px;}
.more-newslist li img {width: 299px; height: 168px;}
.more-newslist li h4 {font-size: 20px; color: #333; margin: 20px;font-weight: normal; height: 46px; line-height: 23px; overflow: hidden;}
.more-newslist li p {font-size: 16px; padding: 0 20px 20px 20px; font-family: arial;}
.more-newslist li a:hover {color: #666;}

.core_bagbg { background: url(../images/core-bg.jpg);}
.core_bagbg-shuiwu {background: url(../images/gongyeshuiwu-bg.jpg) no-repeat center top;}
.core_bagbg-shuiwu .village_desc {background: rgba(214,227,255,0.26);}
.core_bagbg-shuiwu .village_content {background: #fff; color: #000; left: 0;}
.core_bagbg-shuiwu .village_content_desc {color: #666; font-size: 18px;}
.core_bagbg-shuiwu .village_list dl dd {float: right; width: 480px;}
.village_content .village_content_title {font-size: 24px;}

.global_bg.quanqiubuju {background: url(../images/quanqiubuju-bg.jpg);}

.global-ecological-bg {background: #103b66 url(../images/global-ecological-bg.jpg) no-repeat center top; background-size: contain;}
.page-inner { overflow: hidden;position: relative;}
.ml75 {margin-left: 75px;}
.mr75 {margin-right: 75px;}
.mt50 {margin-top: 50px;}
.title.s1 {font-size: 36px; color: #fff;text-align: center;font-weight: normal; margin-bottom: 40px;}
.box-txt {background: rgba(54,204,228,0.12);border: 1px solid #4ff0ff; color: #fff; padding: 30px 50px; position: relative; }
.box-txt p {font-size: 18px; line-height: 1.8; text-align: justify; margin: 20px 0;}
.box-txt .lt,
.box-txt .rt,
.box-txt .lb,
.box-txt .rb {position: absolute; width: 124px; height: 33px; border: 4px solid rgb(54,204,228); display: block;}
.box-txt .lt {border-right:none; border-bottom: none; left:-4px; top:-4px;}
.box-txt .rt {border-left:none; border-bottom: none; right:-4px; top:-4px;}
.box-txt .lb {border-right:none; border-top: none; left:-4px; bottom:-4px;}
.box-txt .rb {border-left:none; border-top: none; right:-4px; bottom:-4px;}
.max-img {width: 100%; height: auto;}

.circle-map {margin-top: -120px; margin-left: 75px; max-width: 100%; max-width: 1024px;}
.commercial-territory-bg { background: url(../images/territory-bg.jpg) no-repeat center center; background-size:cover;}
.dl-list dl {margin-bottom: 20px;}
.dl-list dt { display: inline-block; border: 1px solid #3b6996; padding: 0px 10px; line-height: 30px; float: left; color: #52b6c9; margin-right: 30px;font-size: 16px;}
.dl-list dd {color: #fff; font-size: 16px; line-height: 1.8;}

.develop_left {height: auto; max-height: 295px;}
.develop_left_content li p{font-size: 18px;}

.global-list {color: #fff; line-height: 2;}
.global-list li {margin-bottom: 20px;}
.global-list h4 {font-size: 24px; font-weight: normal;}
.global-list p {font-size: 16px;}
.mt30 {margin-top: 30px;}

.n-detail.edit {margin-top: 100px;padding: 0;}
.n-detail.edit>div{ margin: 0; }

/*自定义半透明色*/
.alpha-bg {background: rgba(42,77,121,0.7);}
.alpha-bg2 {background:rgba(214,227,255,0.26);}
.alpha-bg3 {background: rgba(122,186,235,0.14);}



@media (max-width: 1600px){
	.index.side {width: 290px;}
}
@media (min-width: 1600px){
	.index.side {width:300px;}
}

// @media (min-width: 1600px){
// 	.side {width:300px;}
// }
// @media screen and (max-width:1599px){
// 	.side {width: 200px;}
// }



.mb60 {margin-bottom: 60px;}
.global_desc {background: none; width: 300px; background: url(../images/global_border2.png);}
.global_desc .content {left: auto; right:20px;}
.global_desc .number {left:40px; font-family: futura !important;}
.global_desc .number s {position: absolute; right:-40px; top:0px; font-size: 50px; font-family: "arial" !important; text-decoration: none;}

.company_column dl dt {font-size: 18px;}
.company_column dl dd {font-size: 16px; line-height: 1.8;}
.text7 {font-size: 18px;}
.tb-head td {font-size: 18px;}
.index td,.index td div {font-size: 16px;}
.title_spant {font-size: 24px;}
.content p {font-size: 18px; line-height: 1.8;}
.div-title {font-size: 20px;}
.div-content p {font-size: 16px;}

.tb-head .name,.tb-head .address,.tb-head .department,.tb-head .time {font-size: 18px;}
.position_detail .position_title {font-size: 22px;}
.news-list {margin-top: 0;}
.menu span a {font-size: 18px;}
.index-txt {position: absolute; left: 19.8%; top:260px;;}
.txt-box {background: rgba(68,129,176,.36); color: #fff; padding: 25px;}
.txt-box h4 {font-size: 24px; color: #64c3ff;font-weight: normal;}
.txt-box p {font-size: 18px; color: #fff; line-height: 1.8;  margin-top: 20px;}
.fullimg-list li {width: 100%; height: auto; margin-bottom: 30px;}
.fullimg-list img {width: 100%; height: auto;}
.fullimg-list.col-2 .even{float: left;}
.fullimg-list.col-2 .odd{float: right;}
.fullimg-list.col-2 li{width: 48%;}

.develop_right p,
.year_line .year,
.article .english  {font-family: futura !important;}

.village_content .hide_text_scroll { overflow: auto; height: 140px;}
.village_content .village_content_desc { overflow: visible;  padding: 0;  width: auto; }

.tool .left .stock {margin-top: -10px;}
.tool .left .wechat {margin-top: -70px;}
.tool .left .talent {margin-top: 65px;}
.tool .left .link { margin-top: -35px;}
.tool .left .in-web { margin-top: 205px;} 
.tool .right img {width: 56%; vertical-align: middle; margin-top: 10px;}

.btn.s1 { background: #2278c5; color: #fff; padding: 8px 20px; display: inline-block; }

.news-lists .news-dt { height: 201px; overflow: hidden;}
.position_detail p { line-height: 25px;}

.global_map .global_map_ao {

	
}
/*区域地图*/
.ma_map{}
.line{}

.aomen {position: absolute; right:89px; top:96px;}
.aomen .area {width: 10px; height: 10px;position: absolute; right:217px; top:170px;display: none;}
.aomen .line {width: 128px; height: 87px; background: url(../images/aomen-line-white.png) no-repeat; position: absolute; right:96px; top:89px;}
.aomen .country.bgimg {position: absolute;right:0;top:0;}
.aomen .txt {width: 130px; height: 130px; line-height: 130px; text-align: center;font-size: 16px; color: #fff;position: absolute;right:0; top:0;}
.aomen.active .line {background: url(../images/aomen-line.png) no-repeat;}
.aomen.active .area {display: block;}

.core_title_english{font-family: futura !important;}
.search input {color: #fff;}

.year2018 {position: absolute;cursor: pointer;left: 950px; top:29px;}
.copy-right {width: 260px; -webkit-transform: scale(0.7);
   -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
     -o-transform: scale(0.7);
        transform: scale(0.7);}
@media (max-width: 1600px){
	.copy-right {width: 290px;-webkit-transform: scale(0.8);
	   -moz-transform: scale(0.8);
	    -ms-transform: scale(0.8);
	     -o-transform: scale(0.8);
	        transform: scale(0.8);}
}
@media (min-width: 1600px){
	.copy-right {width: 300px;-webkit-transform: scale(0.9);
	   -moz-transform: scale(0.9);
	    -ms-transform: scale(0.9);
	     -o-transform: scale(0.9);
	        transform: scale(0.9);}}
}