@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'futura-book-bt';
	src: local('futura-book-bt');
	src: url('../fonts/ufonts.com_futura-book-bt.ttf');
	src: url('../fonts/ufonts.com_futura_book_bt__2_.eot');
	src: url('../fonts/ufonts.com_futura-book-bt.woff');
}



header{
	width:100%;
}

.logo{
	margin:0 auto;
	background-image:url(../img/common/gb1.jpg);
	background-size: contain;
}
.logo>div{
	position:relative;
	max-width:960px;
	margin:0 auto;
	width:100%;
	height:79px;
	background-image:url(../img/common/logo.png);
	background-repeat:no-repeat;
	background-position:left;
}
.logo>div p{text-indent:-100000px;}
.logo div div.banner{
	position: absolute;
	top:20px;
	right:0;
	background-image:none;
}
.logo div.banner a{
	transition-duration: 0.3s;
	transition-timing-function: ease;
	pointer-events: none;
}
@media screen and (max-width: 768px) {
.logo>div{
	width:100%;
	height:50px;
	background-size:50%;
}
.logo div div.banner img{
	width:100%;
	max-height:40px;
}
.logo div div.banner{
	width:20%;
	top:5px;
	right:70px;
}
}
header{
	z-index:100;
	position:relative;
}
header nav{
	margin-top:1px;
	background-image:url(../img/common/gb1.jpg);
	background-size: contain;
}
header nav ul{
	max-width:960px;
	margin:0 auto;
	width:100%;
}
header nav ul li{
	width:16.6666666%;
	float:left;
	height:40px;
	position:relative;
}
header nav ul li a{
	border-right:1px solid #FFF;
	border-left:1px solid #FFF;
	margin-left:-1px;
	display:block;
	color:#FFF;
	text-align:center;
	line-height:40px;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	background-image:url(../img/common/gb1.jpg);
	background-size: contain;
	font-family: futura-book-bt;
	font-weight:bold;
}
header nav ul li a:hover{
	background-image:url(../img/common/gb1_h.jpg);
	opacity:1;
	text-shadow: #001551 1px 1px 2px;
}
header nav ul li.research a{
	line-height:15px;
	padding-top:5px;
	padding-bottom:5px;
}
#top header nav ul li.top a,

#company header nav ul li.profile a,
#history header nav ul li.profile a,
#profile header nav ul li.profile a,
#safety header nav ul li.profile a,

#our header nav ul li.our a,
#item header nav ul li.our a,
#total header nav ul li.our a,

#research header nav ul li.research a,

#network header nav ul li.network a,
#business header nav ul li.network a,
#domestic header nav ul li.network a,
#Headoffice header nav ul li.network a,

#contact header nav ul li.contact a
{
	font-weight:bold;
	color:#333;
	background-image:none;
	background-color:#FFF;
	pointer-events: none;
}

#top header nav ul li.top a,

#company header nav ul li.profile a,
#history header nav ul li.profile a,
#profile header nav ul li.profile a,
#safety header nav ul li.profile a,

#our header nav ul li.our a,
#item header nav ul li.our a,
#total header nav ul li.our a,

#research header nav ul li.research a,

#network header nav ul li.network a,
#business header nav ul li.network a,
#domestic header nav ul li.network a,
#Headoffice header nav ul li.network a,

#contact header nav ul li.contact a
{
	pointer-events: inherit;
}

#top header nav ul li.top ul li a,

#profile header nav ul li.profile ul li a,
#history header nav ul li.profile ul li a,
#company header nav ul li.profile ul li a,
#safety header nav ul li.profile ul li a,

#our header nav ul li.our ul li a,
#item header nav ul li.our ul li a,
#total header nav ul li.our ul li a,

#research header nav ul li.research ul li a,

#network header nav ul li.network ul li a,
#business header nav ul li.network ul li a,
#domestic header nav ul li.network ul li a,
#Headoffice header nav ul li.network ul li a,

#contact header nav ul li.contact ul li a
{
	background-color: #f0f0f0;
}
#top header nav ul li.top a:hover,

#profile header nav ul li.profile a:hover,
#history header nav ul li.profile a:hover,
#company header nav ul li.profile a:hover,
#safety header nav ul li.profile a:hover,


#our header nav ul li.our a:hover,
#item header nav ul li.our a:hover,
#total header nav ul li.our a:hover,

#research header nav ul li.research a:hover,

#network header nav ul li.network a:hover,
#business header nav ul li.network a:hover,
#domestic header nav ul li.network a:hover,
#Headoffice header nav ul li.network a:hover,

#contact header nav ul li.contact a:hover
{
	background-color:#aaa;
	text-shadow:none;
}

header nav ul li ul{
	overflow:hidden;
	position:absolute;
}
header nav ul li ul.play li{
	width:100%;
	text-align:center;
	float:none;
	display:block;
	background-color:#676767;
	font-size:0.8em;
	color:#FFF;
	height:0;
	transition-duration: 0.4s;
	transition-timing-function: ease;
}
header nav ul li ul.play1on li{
	height:40px;
}
header nav ul li ul.play1on li a{
	border-top: solid 1px #FFF;
}
header nav ul li a.doble{
	line-height:15px;
	padding-top:5px;
	padding-bottom:5px;
}

h1{
	font-family: futura-book-bt;
}

header nav ul:after{
content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
#spbtn{
	display:none;
}

@media screen and (max-width: 768px) {
header nav.close{
	cursor: pointer;
	height:0;
	overflow:hidden;
	border-top: solid 0px #999;
}
header nav{
	transition-duration: 0.5s;
	transition-timing-function: ease;
	border-top: solid 2px #999;
	margin-top: 0px;
}
#spbtn{
	width:50px;
	height:50px;
	display:block;
	z-index:101;
	position: fixed;
	background:#000;
	right:0;
	top:0;
}
header nav,
header nav ul,
header nav ul li,
header nav ul li a,
header nav ul li ul,
header nav ul li ul a,
header nav ul li ul li,
header nav ul li ul li a,
header nav ul li ul.play li{
	background-image:none;
	background:#f0f0f0;
	background-color:#f0f0f0;
}
header nav>ul>li{
	width: 100%;
	min-height: 40px;
	height:auto;
	border-bottom: solid 2px #999;
	font-size:1.2em;
}
header nav ul li a{
	background-image:none;
	background:#f0f0f0;
	color:#333;
	border: solid 0px #999;
}
header nav ul li a:hover{
	text-shadow:none;
	background-image:none;
	background-color:#f0f0f0;
}
header nav ul li ul.play{
	position:static;
	border:none;
	border: solid 0px #FFF;
	background-color:#f0f0f0;
	margin-top:-2px;
}
header nav ul li ul.play li{
	height:auto;
	width:33.33333%;
	float:left;
}
header nav ul li ul.play li a{
	border: solid 0px #FFF;
	line-height:10px;
	height:auto;
	padding-bottom:10px;
	font-size:0.8em;
	background-color:#f0f0f0;
}
.doble{
	letter-spacing:-0.1em;
}



#top header nav ul li.top a,

#profile header nav ul li.profile a,
#history header nav ul li.profile a,
#company header nav ul li.profile a,
#safety header nav ul li.profile a,

#our header nav ul li.our a,
#item header nav ul li.our a,
#total header nav ul li.our a,

#research header nav ul li.research a,

#network header nav ul li.network a,
#business header nav ul li.network a,
#domestic header nav ul li.network a,
#Headoffice header nav ul li.network a,

#contact header nav ul li.contact a{
	font-weight: normal;
	color:#333;
	background-image:none;
	pointer-events: inherit;
	background-color:#f0f0f0;
}

#top header nav ul li.top a,

#profile header nav ul li.profile ul li a,
#history header nav ul li.profile ul li a,
#company header nav ul li.profile ul li a,
#safety header nav ul li.profile ul li a,

#our header nav ul li.our ul li a,
#item header nav ul li.our ul li a,
#total header nav ul li.our ul li a,

#research header nav ul li.research ul li a,

#network header nav ul li.network ul li a,
#business header nav ul li.network ul li a,
#domestic header nav ul li.network ul li a,
#Headoffice header nav ul li.network ul li a,

#contact header nav ul li.contact ul li a
{
	background-image:none;
	background-color:#f0f0f0;
}

#top header nav ul li.top a,
#company header nav ul li.top a,
#safety header nav ul li.top a,

#profile header nav ul li.profile ul li a,
#history header nav ul li.profile ul li a,
#company header nav ul li.profile ul li a,
#safety header nav ul li.profile ul li a,

#our header nav ul li.our ul li a,
#item header nav ul li.our ul li a,
#total header nav ul li.our ul li a,

#research header nav ul li.research ul li a,

#network header nav ul li.network ul li a,
#business header nav ul li.network ul li a,
#domestic header nav ul li.network ul li a,
#Headoffice header nav ul li.network ul li a,

#contact header nav ul li.contact ul li a
{
	background-image:none;
	text-shadow:none;
	background-color:#f0f0f0;
}
}





#wrapper{
	z-index:1;
}





footer{
	font-family: futura-book-bt;
	width:100%;
	background-image:url(../img/common/gb1.jpg);
	background-size: contain;
	height:30px;
	padding-top:15px;
	margin-top:40px;
    bottom: 0;
}
footer>div{
	max-width:960px;
	margin:0 auto;
	width:100%;
}
footer>div ul{
	float:left;
}
footer>div ul li a{
	color:#FFF;
	font-family: futura-book-bt;
}
footer>div ul li{
	float:left;
	background-image:url(../img/common/f-arrow.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
	margin-right:20px;
}
footer>div>p{
	display:block;
	float:right;
	color:#FFF;
	font-size:0.6em;
	padding-top:3px;
}

footer>div:after,
footer>div ul:after,
header nav ul:after{
	content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

@media screen and (max-width: 768px) {
footer{
	height: auto;
}
footer>div>p{
	width:100%;
	text-align:center;
	padding-bottom:5px;
}
footer>div ul li{
	margin-left: 10px;
	margin-right: 10px;
	font-size:0.9em;
	margin-bottom:5px;
	margin-top:5px;
}
}


h1.ht1{
	max-width:960px;
	margin:0 auto;
	width:97%;
	color:#1a39a6;
	font-size:2.9em;
	font-weight:bold;
	letter-spacing:0.1em;
	background-image:url(../img/common/titlebg.jpg);
	background-position:center;
	border: solid 1px #cfcfcf;
	margin-top:30px;
	margin-bottom:30px;
	padding-bottom:40px;
	padding-top:40px;
	padding-left:2%;
}
 h1.ht1 span{
	margin-top:-40px;
	padding-top:40px;
	margin-bottom:-40px;
	padding-bottom:40px;
	width:100%;
	display:block;
	background: url(../img/network/overseas.png) right no-repeat;
	background-size: contain;
	color:#1a39a6;
	font-weight:bold;
}
main{
	max-width:920px;
	margin:0 auto;
	width:100%;
	padding:20px;
	border: solid 1px #f0f0f0;
	display: block;
}

main>.pan{
	font-size:0.9em;
	margin-bottom:20px;
}
main>.pan a{
	margin-right:5px;
	text-decoration:underline;
}
main>.pan a:last-child{
	pointer-events: none;
	text-decoration:none;
}


@media screen and (max-width: 768px) {
h1.ht1{
	width:98%;
	letter-spacing:0em;
	padding-left: 1%;
}
main{
	max-width:920px;
	margin:0 auto;
	width:94%;
	padding:2%;
	border: solid 1px #f0f0f0;
}
}
@media screen and (max-width: 400px) {
 h1.ht1 span{
	background-size: cover;
}
}


.rightblock2{
	transition-duration: 0.5s;
	transition-timing-function: ease;
}
.rightblockopen{
	transition-duration: 0.5s;
	transition-timing-function: ease;
	opacity:0;
	display:none;
	width:100%;
	height:0;
	padding-top:140px;
	position:fixed;
	z-index:99999;
	top:0;
	left:0;
	background: url(../img/common/blackbox.png);
	overflow:hidden;
}
.rightblockopen img{
	margin:0 auto;
	width:100%;
	max-width:900px;
	display:block;
}
.wrap-rightbox{
	width:96%;
	position:relative;
	margin-left:2%;
	overflow:hidden;
	height:100%;
}
.wrap-rightboxbig{
	width:900px;
	position:relative;
	margin:0 auto;
}
ul.mainrightbox{
	position: absolute;
	pointer-events:none;
}
ul.mainrightbox li{
	float:left;
	max-width:900px;
}
ul.mainrightbox:after{
	content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.closebtn{
	position:absolute;
	top:10px;
	right:20px;
}
.closebtn img{
	width:50px;
	
}

.slidearrow{
	position:absolute;
	width:100%;
	top:70px;
	padding:0;
}
.slidearrow-wrap{
	max-width:877px;
	width:94%;
	height:30px;
	padding:1%;
	margin: 0 auto;
	background-color:#152e95;
}
.slidearrow .btn-l,
.slidearrow .btn-r{
	width:100px;
}
.slidearrow .btn-l:hover,
.slidearrow .btn-r:hover{
	opacity:0.8;
	cursor: pointer;
}
.slidearrow .btn-l{
	float:left;
	left:0;
	top:0;
}
.slidearrow .btn-r{
	float:right;
}

.slidearrow:after{
	content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}


.groupmap{
	position:relative;
}
.rightblock2{
	top:13.2%;
	right:0;
	position:absolute;
	width:35%;
}
.rightblock2>div{
	cursor: pointer;
}


.companylist{
	width:100%;
}
.companylist dl{
	width:30%;
	margin-right:4.5%;
	height:130px;
	float:left;
}
.companylist dl:nth-child(3n){
	margin-right:0;
}
.companylist dl dt{
	width:100%;
	background-color:#CCCCCC;
	color:#FFF;
	padding-left:10px;
	height:30px;
	line-height:30px;
	font-weight:bold;
	transition-duration: 0.5s;
	transition-timing-function: ease;
}
.companylist dl:hover dt{
	background-color:#1A39A6;
}
.companylist dl dd{
	cursor: pointer;
	background-image:url(../img/network/companyarrow-yet.png);
	background-repeat:no-repeat;
	background-position:left top;
	line-height:20px;
	padding-left:10px;
	margin-top:10px;
	transition-duration: 0.5s;
	transition-timing-function: ease;
}
.companylist dl dd:hover{
	text-decoration:underline;
	background-image:url(../img/network/companyarrow.png);
}
.companylist:after{
	content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}



@media screen and (max-width: 768px) {
.companylist dl{
	width:98%;
	margin-right:4.5%;
	height:auto;
	margin-bottom:50px;
	float:left;
}
}