/* CSS Document */


/*当前位置*/
ol{
	background: #f0f5ff;
	line-height: 3;
}

/*左侧导航*/
.nav-left h3{
	background: #1c3987;
	color: #fff;
	font-size: 20px;
	line-height: 1.4;
	padding: 10px 10px 10px 20px;
}
.nav-left ul{
	background: #1c3987;
}
.nav-left ul li{
	background: #3c61c2;
	margin-bottom: 2px;
	font-size: 1.6rem; font-size: 16px;
	line-height: 1.4;
}
.nav-left ul li a{
	color: #fff;
	display: block;
	padding: 10px 10% 10px 20px;
}
.nav-left ul li a:hover,
.nav-left ul li.active,
.nav-left ul li.active:hover
{
	color: #022361;
	text-decoration: none;
	display: block;
	border-left: 3px solid #346ab3;
	background: url(ico_arrow_blue.png) no-repeat 96% center #f4f9ff;
}
.nav-left ul li.active a{
	color: #022361;
}
.nav-left ul li.active a:hover{
	border-left: none;
}



/*右侧通用*/
.wrap-right h3{
	border-bottom: 1px solid #e3ecf6;
	padding-bottom: 15px;
}
.wrap-right h3>span:first-child{
	border-left: 9px solid #5980d1;
	font-size: 1.8rem; font-size: 18px;
	padding-left: 12px;
}

/*翻页*/
.page {
	float: left;
	margin-left: -1px;
	padding: 8px 12px;
	position: relative;
	text-decoration: none;
}
#pager a{
}
.page-inactive {
	border-right: 1px solid #ccc;
}
.page-active {
	background: #3c61c2;
    color: #fff;
    cursor: default;
	z-index: 2;
}

/*文字列表*/
.wrap-right .fontlist li{
	background: url(ico_doublearrow_blue.png) no-repeat 0 10px;
	line-height: 1.4;
	padding: 5px 0 5px 20px;
}
.wrap-right .fontlist time{
	color: #888;
	padding-left: 5px;
}
.wrap-right .fontlist img{width: auto;}
.list{
	background: #f9f9fb;
}
.list li{
	line-height: 1.4;
	padding: 15px 0 15px 20px;
}
.bg-f0f5ff{background: #f0f5ff;}


/*图片列表*/
.imglist h5, .journal h5{
	line-height: 1.3;
	padding: 5px 0 15px 0;
	max-width: 142px;
}
.imglisht img{
	width: 232px;
}

/*刊物图片列表*/
.journal img{
	width: 142px;
	height: 83px;
}

/*护照签证*/
.hzqz{margin-left: -40px; font-size:0;}
.hzqz h3 a{float: right; font-size: 14px; font-size: 1.4rem; color:#777; line-height: 2;}
.hzqz h3 a:hover{color:#3c61c2;}
.hzqz section{display: inline-block; width: calc(100% / 2 - 40px); margin:8px 0 25px 40px; vertical-align: top; font-size: 15px;}
.hzqz section h3{padding-bottom: 10px;}
.hzqz section h3 span{background: #1f43a3; border-left: 3px solid #5980d1; padding: 8px 20px; color: #fff;	font-weight: bold;}
.hzqz section ul{height: 186px;}


/*地图*/
.map-search{/*color: #4b4b4b; border-radius: 3px; border: 1px solid #1f43a3; height: 40px; line-height: 38px; width: 380px; */float: right;}
.map-search .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width:350px;}
.map-search .btn{border-radius: 3px;}
.map-search .btn-default{border: 1px solid #1f43a3; color: #4b4b4b;}
.map-search .btn-default.focus, .btn-default:focus, .map-search .btn-default:hover, .map-search  .btn-default.active, .map-search  .btn-default:active, .map-search .open>.dropdown-toggle.btn-default{background: transparent;}
.map-search .bootstrap-select.btn-group .dropdown-menu{border: 1px solid #c5c5c5; border-top: 0 none; border-radius: 0 0 3px 3px;}
.map-search .bootstrap-select.btn-group .dropdown-menu li a span.text{font-size: 14px !important; padding: 2px 5px;}
.map-search .bootstrap-select.btn-group .dropdown-toggle .filter-option{font-size: 15px !important;}

.map-search input{color: #4b4b4b; border: 0 none; line-height: 38px; float: left; width: 330px;	padding: 0 0 0 5px;}
.map-search .btn-search{background: url(ico_search_lightblue.png) no-repeat center #1f43a3; width: 40px; float: right;}
.map_mobile dt{font-weight: bold; text-align: left; font-size: 20px; border-bottom: 2px solid #f1b396; padding-bottom: 5px; margin-bottom: 10px;}
.map_mobile dd{background: url(ico_doublearrow_blue.png) no-repeat 0 12px;	line-height: 1.4; padding: 5px 0 5px 20px;}

.branch-map-l {width: 1110px; height: 457px; position: relative;}
.map-content-box {width: 100%; height: 100%; background:url("map_2021.png") no-repeat center top; position: relative;}
.map-dot {position: absolute; text-align: center; cursor: pointer; ont-weight: bold;}
.map-dot p{color: #fff; font-size: 13px; font-size: 1.3rem; line-height: 1.3;}
.map-dot p b{color: #e9a919; font-size: 16px; font-size: 1.6rem;}
.map .eurpoe{left: 170px; top: 64px;}
.map .aisa{left: 370px; top: 80px;}
.map .america{left: 825px; top: 84px;}
.map .africa{left: 118px; top: 206px;}
.map .oceania{left: 455px; top: 320px;}

.map-pad .eurpoe{left: 102px; top: 22px;}
.map-pad .aisa{left: 230px; top: 36px;}
.map-pad .america{left: 525px; top: 44px;}
.map-pad .africa{left: 68px; top: 110px;}
.map-pad .oceania{left: 285px; top: 190px;}


.map-dot:after {content: ""; display: block; width: 8px; height: 8px; margin: 3px auto; background-color: #e9a919; border-radius: 50%;}
.branch-map-data {position: absolute; box-sizing: border-box; border: 1px solid #3555ac; background: rgba(255, 255, 256, 0.9); padding: 10px 15px; z-index: 1; display: none; border-radius: 6px; margin: 5px; min-width: 200px;}
.branch-map-data-title {border-bottom: 2px solid #f1b396; text-align: center; font-weight: bold; font-size: 22px; font-size: 2.2rem; color: #444; line-height: 2; letter-spacing: 5px;}
.branch-map-data-info {max-height: 236px; overflow-y: auto;}
.branch-map-data-info li{background: url(ico_doublearrow_blue.png) no-repeat 0 12px; line-height: 1.4;	padding: 5px 0 5px 20px;}
.branch-map-data:before {content: ""; position: absolute; left: -16px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border: 8px solid; border-color: transparent #3555ac transparent transparent;}

.branch-map-data:after {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #fff transparent transparent;
}

.map-dot.cur:before {content: ""; position: absolute; left: 50%; bottom: 0px; 
 width: 14px; height: 14px; border-radius: 50%; border: 1px solid #e9a919;
 /* transform: translateX(-50%); */
 margin-left:-7px;
  animation: dot 4s infinite;}

@keyframes dot {
    100% {
        transform:scale(1);
        opacity: 1;
    }
    50% {
        transform:scale(1.5);
        opacity: .1;
    }
}


/*细览*/
#cas_article *{
	font-family: "微软雅黑" !important;
}
article .title{
	border-bottom: 2px solid #e9e9e9;
}
article h2{
	text-align: center;
	font-size: 2.0rem; font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 2%;
}
article .info{
	text-align: center;
	line-height: 3;
	font-size: 1.5rem; font-size: 15px;
}
article .cas-article{
	font-size: 1.6rem; font-size: 16px;
	line-height: 2;
	margin: 0 2% 4% 2%;
}
article .cas-article p{
	line-height: 1.8;
	margin: 15px 0 0;
	font-size: 1.6rem !important; font: 16px !important;
}
article .cas-article font, article .cas-article span{
	font-size: 1.6rem !important; font: 16px !important;
}
article .cas-article img{
	width: auto;
	padding: 10px 0;
}
article .cas-article a{
	color: #3c61c2;
}
.appendix{
	border-top: 1px solid #267bc9;
	padding:10px;
	margin:20px;
}
.appendix h6{
	color:#0068b7;
	font-size:1.6rem;font-size:16px;
	font-weight:bold;
	position:relative;
	line-height:35px;
}
.appendix li a{
	line-height:24px;
	list-style:outside none none;
	padding:4px 0 4px 15px;
}
.appendix li a:hover{
	color:#0074bd;
}


/*全球创新网络*/
.global h5{text-align: left; font-size: 2.2rem; font-size: 22px; color: #1f43a3; line-height: 54px;	margin-bottom: 30px;}

/*search*/
.temp02-wrap-R h4 {
	padding: 5px 0;
	text-align: left;
}
@media screen and (max-width: 768px) {
	.map, .map-pad{display: none}	
	.map-search input{width: 84%;}
	
	.branch-map-l{width: 720px; height: 297px;}
	.map-content-box{background-size: cover;}
	
	.hzqz{margin-left: 0;}
	.hzqz section{width: 100%; margin-left: 0}
	.hzqz section ul{height: auto;}
}

@media screen and (min-width: 768px) {
	.wrap-right .fontlist time{
		float: right;
	}
	.map, .map_mobile{display: none}	
	.map-pad{display: block;}
}
@media screen and (min-width: 992px) {
	article .cas-article img{
		max-width: 800px;
	}
}
@media screen and (min-width: 1170px) {
	/*图片列表*/
	.imglisht img{
		width: 283px;
	}	
	.imglist h5, .journal h5{
		max-width: 182px;
	}
	
	/*刊物图片列表*/
	.journal img{
		width: 182px;
		height: 107px;
	}
	
	/*地图*/
	.map{display: block;}
	.map-pad{display: none;}
	.map img{width: 1110px;}

	article .cas-article img{
		max-width: 1090px;
	}
}

/*
@media \0screen\,screen\9 {
	
}

.nav-left ul li a{
	color: #fff;
}
.nav-left ul li a span{
	padding-left: 20px;
	padding-right: 10%;
	display: inline-block;
}
.nav-left ul li:hover{
	background: #f4f9ff;
	color: #022361;
	display: block;
}
.nav-left ul li a:hover span{
	color: #022361;
	border-left: 3px solid #346ab3;
	display: block;
	background: url(ico_arrow_blue.png) no-repeat 96% center #f4f9ff;
}
.nav-left .active{
	color: #022361;
	border-left: 3px solid #346ab3;
	background: url(ico_arrow_blue.png) no-repeat 96% center #f4f9ff;
	padding: 10px 10% 10px 20px;
}
*/


/* 20230630add-litao */
.wordmap_pc{ height: 707px; }
.map-content-box2023{
	background:url(map_20230630.png) no-repeat center top; 
}

.wordmap_pc .eurpoe{left: 248px; top: 126px;}
.wordmap_pc .aisa{left: 397px;top: 164px;}
.wordmap_pc .america{left: 810px;top: 170px;}
.wordmap_pc .africa{left: 151px;top: 300px;}
.wordmap_pc .oceania{left: 466px;top: 423px;}

@media screen and (max-width: 1199px) {
	.wordmap_pc{ width: 100%; height: 600px;}
	.map-content-box2023{ background-size: 100% auto; }
	.wordmap_pc .eurpoe{left: 200px;
    top: 107px;}
	.wordmap_pc .aisa{left: 330px;
    top: 146px;}
	.wordmap_pc .america{left: 681px;
    top: 137px;}
	.wordmap_pc .africa{left: 125px;
    top: 234px;}
	.wordmap_pc .oceania{left: 404px;
    top: 356px;}
}
@media screen and (max-width: 1169px) {
	.wordmap_pad{width: 100%; height: 600px;}
	.wordmap_pad .eurpoe{left: 202px;
    top: 109px;}
	.wordmap_pad .aisa{left: 336px;
    top: 150px;}
	.wordmap_pad .america{left: 666px;
    top: 130px;}
	.wordmap_pad .africa{left: 106px;
    top: 229px;}
	.wordmap_pad .oceania{left: 393px;
    top: 355px;}
}
@media screen and (max-width: 991px) {
	.wordmap_pad{height: 450px;}
	.wordmap_pad .eurpoe{left: 155px;
    top: 66px;}
	.wordmap_pad .aisa{left: 258px;
    top: 108px;}
	.wordmap_pad .america{left: 514px;
    top: 96px;}
	.wordmap_pad .africa{left: 91px;
    top: 179px;}
	.wordmap_pad .oceania{left: 303px;
    top: 260px;}
}



.continent{
	overflow: hidden;
}
.continent>li{
	overflow: hidden;
	padding: 10px 0px;
    border-bottom: 1px solid #f0f5ff;
}
.continent>li:last-child{
	border-bottom: none;
}
.continent div{
	width: 12.5%;
	float: left;
	overflow: hidden;
}
.continent h4{
	padding: 5px 0px;
    background: #2444A0;
    border-radius: 4px;
    float: left;
    width: 100px;
    text-align: center;
}
.continent h4 span:first-child{
	font-size: 18px;
	color: #fff;
	font-family: "微软雅黑"; 
	display: block;
}
.continent h4 span:last-child{
	font-size: 16px;
	color: #FDBF2F;
	font-family: "微软雅黑"; 
	display: block;
}
.country-list{
	width: 75%;
	float: left;
	overflow: hidden;
}
.country-list>li{
	width: 16.6%;
	float: left;
	padding-top: 10px;
	
}
.country-list li a{
	font-size: 16px;
	font-family: "微软雅黑"; 

}
.more{
	width: 12.5%;
	overflow: hidden;
	display: block;
}
.more a{
	background: #DFEAFA;
	padding: 10px;
	display: block;
	float: right;
}
@media(max-width:991px){
	.continent div{
		width: 18%;
	}
	.continent h4{
		padding: 10px 0px;
	}
	.country-list{
		width: 57%;
	}
	.country-list li{
		width: 33.3%;
		padding-top: 5px;
	}
	.more{
		width: 25%;
	}
}
@media(max-width:768px){
	.continent h4{
		padding: 5px 0px;
	}
	.continent div{
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	.country-list{
		float: none;
		width: 100%;
	}
	.country-list li{
		padding-left: 15px;
	}
	.more{
		float: none;
		width: 100%;
		margin-top: 10px
	}
	.more a{
		float: left;
	}
}
.country-ul{
	overflow: hidden;
	margin-top: 20px;
}
.country-ul li{
	width: 25%;
	padding-left: 5px;
	float: left;
	margin-bottom: 30px;
}
.country-ul li a{
	font-size: 16px;
	background: url("square-gray.png") left no-repeat;
	font-family: "微软雅黑"; 
	color: #444;
	padding-left: 20px
}
@media(max-width:768px){
	.country-ul li{
		width: 33.3%;
	}
}
@media(max-width:500px){
	.country-ul li{
		width: 50%;
	}
}