@CHARSET "UTF-8";
/* 
Copyright 2013 Goksel. All Rights Reserved.
CSS Document
*/
/* 
@font-face {
	font-family:'OPPOSans';
	src: url('fonts/OPPOSans/OPPOSans-R.ttf');
}
*/
@font-face {
	font-family:'SourceHanSansSC-Regular';
	src: url('fonts/SourceHanSansSC/SourceHanSansSC-Regular.otf');
}

@font-face {
	font-family:'din-Regular';
	src: url('fonts/din/din-regular.otf');
}

html, body {
	font-family: "SourceHanSansSC-Regular", "Microsoft YaHei", Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 100%;
	height:100%;
	padding:0px;
	margin:0px;
	background: #ffffff;
	color: #3D3D3D;
}
img {border:0px;}
/*
p{
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
*/
p{
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
a{text-decoration: none;color: #3D3D3D;}
a:hover{
	text-decoration:none;
}

input[type=text],input[type=password], textarea {
	float:left;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    padding: 5px 0px 5px 5px;
    border: 1px solid #ddd;
	background:#ffffff;
}
input[disabled=disabled], textarea[disabled=disabled] {
	background:#EFEFEF;
}
input[type=text]:focus,input[type=password]:focus, textarea:focus {
    box-shadow: 0 0 5px #B23C46;
	border: 1px solid #B23C46;
}
input[type=number],input[type=password],input[type=text],textarea{float:left;padding:10px 0;outline:0;border:1px solid #ddd;background:#fff;text-indent:10px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}
input[disabled=disabled],textarea[disabled=disabled]{outline:0;background:#efefef}
input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{outline:0;border:1px solid #ff5900;background:#fcfecf;box-shadow:0 0 5px #ff5900}
select{
	float:left;
	-webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
	outline: none;
    padding: 2px;
    border: 1px solid #ddd;
	background:#ffffff;
}
select:focus {
	background:#fcfecf;
	box-shadow: 0 0 5px #56C3F0;
    padding: 2px;
    border: 1px solid #56C3F0;
}
table{border-collapse:collapse;border-width: 1px;border-spacing:0;padding:0;}
table td{border-collapse:collapse;border-width: 1px;border-spacing:0;padding:0;}

.displaynone{display:none;}
.displayblock{display:block;}
.floatright{float:right;}
.floatleft{float:left;}

.header_list_one{float:left;width:100%;}

/*
@media screen and (max-width: 700px) {
	.header_list_one .subsection{max-width:700px;margin:0 auto;}
}
@media screen and (min-width: 700px) and (max-width: 1400px){
	.header_list_one .subsection{max-width:1250px;margin:0 auto;}
}
@media screen and (min-width: 1400px) and (max-width: 1500px){
	.header_list_one .subsection{max-width:1300px;margin:0 auto;}
}
@media screen and (min-width: 1500px) and (max-width: 1600px){
	.header_list_one .subsection{max-width:1350px;margin:0 auto;}
}
@media screen and (min-width: 1600px) and (max-width: 1700px){
	.header_list_one .subsection{max-width:1400px;margin:0 auto;}
}
@media screen and (min-width: 1700px) and (max-width: 1800px){
	.header_list_one .subsection{max-width:1450px;margin:0 auto;}
}
@media screen and (min-width: 1800px){
	.header_list_one .subsection{max-width:1500px;margin:0 auto;}
}
*/
@media screen and (max-width: 1500px){
	.header_list_one .subsection{min-width:1300px;max-width:1300px;padding:0px 15px;margin:0 auto;}
}
@media screen and (min-width: 1500px) and (max-width: 1600px){
	.header_list_one .subsection{min-width:1300px;max-width:1350px;margin:0 auto;}
}
@media screen and (min-width: 1600px) and (max-width: 1700px){
	.header_list_one .subsection{min-width:1300px;max-width:1400px;margin:0 auto;}
}
@media screen and (min-width: 1700px) and (max-width: 1800px){
	.header_list_one .subsection{min-width:1300px;max-width:1450px;margin:0 auto;}
}
@media screen and (min-width: 1800px){
	.header_list_one .subsection{min-width:1300px;max-width:1500px;margin:0 auto;}
}
.header_list_one .subsection{margin:0 auto;}


.header_list_one .subsection .menusectionarea{float:left;width:calc(100% - 200px);}
.header_list_one .subsection .toppercentarea{float:left;width:100%;margin:5px 0px 0px 0px;}
.header_list_one .subsection .toppercentarea .toparea{float:right;font-size:14px;line-height:16px;color:#333333;}
.header_list_one .subsection .toppercentarea .toparea .loginicon{float:left;margin-top:6px;}
.header_list_one .subsection .toppercentarea .toparea .loginicon img{height:32px;}
.header_list_one .subsection .toppercentarea .toparea .login{float:left;margin-left:30px;margin-top:6px;text-transform:uppercase;}
.header_list_one .subsection .toppercentarea .toparea .login a{color:#333333;}
.header_list_one .subsection .toppercentarea .toparea .logout{float:left;margin-left:10px;margin-top:10px;}
.header_list_one .subsection .toppercentarea .toparea .logout a{color:#333333;}
.header_list_one .subsection .toppercentarea .toparea .global{float:left;margin-left:10px;margin-top:10px;}
.header_list_one .subsection .toppercentarea .toparea .global img{height:16px;}
.header_list_one .subsection .toppercentarea .toparea .languagearea{float:left;margin-left:8px;margin-top:6px;text-transform:uppercase;}
.header_list_one .subsection .toppercentarea .toparea .languagearea a{color:#333333;}
.header_list_one .subsection .toppercentarea .toparea .lanchoose{float:left;margin-left:0px;margin-top:6px;}
.header_list_one .subsection .toppercentarea .toparea .lanchoose img{height:16px;}
.header_list_one .subsection .toppercentarea .toparea .search{float:left;margin-top:6px;}
.header_list_one .subsection .toppercentarea .toparea .search img{height:16px;}

.header_list_one .subsection .menuarea{float:right;font-size:14px;line-height:16px;}
.header_list_one .subsection .menuarea .list{padding:6px 0px;margin:8px 0px 8px 36px;}
.header_list_one .subsection .menuarea .list:first-child{padding:6px 0px;margin:8px 0px 8px 0px;}

/*
@media screen and (max-width: 1130px) { 
	.header_list_one .subsection .menuarea{font-size:12px;}
}
@media screen and (max-width: 1000px) { 
	.header_list_one {display:none;}
	.header_list_two {display:block;}
	.mobile_menublankheight {display:block;}
	.pc_menublankheight {display:none;}
}
@media screen and (min-width: 1001px) {
*/
	.header_list_one {display:block;} 
	.header_list_two {display:none;}
	.mobile_menublankheight {display:none;}
	.pc_menublankheight {display:block;}
/*}*/
.pc_menublankheight{float:left;width:100%;height:122px;}
.header_list_two{width:100%;margin:0 auto;}
.mobile_menublankheight{float:left;width:100%;height:54px;}
.header_list_two .subarea{width:100%;max-width:100%;margin:0 auto;}
.header_list_two .subarea .caidan{position:fixed;width:100%;top:0px;height:64px;z-index:20;}
.header_list_two .subarea .caidan .content{float:left;width:100%;padding-top:10px;padding-bottom:10px;background-color:#4370BA;color:#404041;}
.header_list_two .subarea .caidan #menu_mobile_logo{float:left;width:243px;margin-left:10px;}
.header_list_two .subarea .caidan #menu_mobile_logo img{float:left;width:100%;height:34px;}

.header_list_two .subarea .caidan .rightmenuactionarea{float:right;margin:0px 15px 0px 0px;}
.header_list_two .subarea .caidan .rightmenuactionarea .controlshowandhide{float:left;margin:0px 0px 0px 18px;cursor:pointer;}
.header_list_two .subarea .caidan .rightmenuactionarea .controlshowandhide #menu_control_01{float:left;width:30px;height:30px;margin-top:0px;cursor:pointer;background:url(images/mobile_02_white.png) center center / cover no-repeat;}
.header_list_two .subarea .caidan .rightmenuactionarea .controlshowandhide #menu_control_02{display:none;float:left;width:30px;height:30px;margin-top:0px;cursor:pointer;background:url(images/mobile_02_white.png) center center / cover no-repeat;}


#mobile_menu{display:none;position:absolute;z-index:2001;background-color:white;width:calc(100% - 4px);border-left:4px solid #B23C46;}
#mobile_menu .toparea{float:left;width:100%;background-color:#4370BA;padding-bottom: 10px;}
#mobile_menu .toparea .logobox{float:left;margin:10px 0 0 10px;width:243px;cursor:pointer}
#mobile_menu .toparea .logobox img{float:left;width:100%}
#mobile_menu .toparea .closebox{float:right;margin:15px 15px 0 0;width:25px;cursor:pointer}
#mobile_menu .toparea .closebox img{width:100%;cursor:pointer}
#mobile_menu .contentdiv{float:left;width:calc(100% - 22px);padding-right:22px;margin:20px 0 0;font-size:14px;}
#mobile_menu .contentdiv .list{float:left;width:100%;padding:10px 0px;border-bottom:1px solid #555;text-indent:10px;}
#mobile_menu .contentdiv .list:last-child{border-bottom:1px solid white;}
#mobile_menu .contentdiv .list a{color:black;}
.mobile_search_box{float:left;width:100%;margin-top:8px;}
.mobile_search_box input{float:left;width:calc(100% - 5px - 2px);margin-left:5px;height:16px;line-height:16px;border:1px solid #CCC;}
.mobile_search_box .searchbtnarea{float:left;width:1px;margin-left:-1px;}
.mobile_search_box .searchbtnarea .searchbtn{float:left;width:80px;margin-left:-81px;padding-top:4px;margin-top:0px;height:32px;text-align:center;border:1px solid #CCC;}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none!important}

::-webkit-input-placeholder { /* WebKit browsers */ 
	color: #787878;
	font-size: 18px;
	font-weight: 500;
	line-height:50px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
	color: #787878;
	font-size: 18px;
	font-weight: 500;
line-height:50px;
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
	color: #787878;
	font-size: 18px;
	font-weight: 500;
line-height:50px;
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
	color: #787878;
	font-size: 18px;
	font-weight: 500;
	line-height:50px;
}

.institute_menu_list_float{float:left;}
.institute_menu_list_fixed{position:fixed;z-index:100;background-color:white;}
.institute_menu_list_absolute{position:absolute;z-index:10;}
.institute_menu_list{width:100%;}
.institute_menu_top_white{float:left;width:100%;height:54px;padding-top:30px;padding-bottom:12px;}
.institute_menu_top_black{float:left;width:100%;height:64px;color:#404041;padding-top:0px;padding-bottom:0px;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);}

/*
@media screen and (max-width: 700px) {
	.institute_menu_list .section{width:96%;max-width:700px;margin:0 auto;}
}
@media screen and (min-width: 700px) and (max-width: 1400px){
	.institute_menu_list .section{width:96%;max-width:1250px;margin:0 auto;}
}
@media screen and (min-width: 1400px) and (max-width: 1500px){
	.institute_menu_list .section{width:96%;max-width:1300px;margin:0 auto;}
}
@media screen and (min-width: 1500px) and (max-width: 1600px){
	.institute_menu_list .section{width:96%;max-width:1350px;margin:0 auto;}
}
@media screen and (min-width: 1600px) and (max-width: 1700px){
	.institute_menu_list .section{width:96%;max-width:1400px;margin:0 auto;}
}
@media screen and (min-width: 1700px) and (max-width: 1800px){
	.institute_menu_list .section{width:96%;max-width:1450px;margin:0 auto;}
}
@media screen and (min-width: 1800px){
	.institute_menu_list .section{width:96%;max-width:1500px;margin:0 auto;}
}
*/
@media screen and (max-width: 1600px){
	.institute_menu_list .section{width:96%;min-width:1300px;max-width:1350px;margin:0 auto;}
	.institute_menu_list .section .logoarea{width:345px;}
	.institute_menu_list .section .logo{width:345px;height:50px;margin:2px 0px 2px 0px;}
	
}
@media screen and (min-width: 1600px) and (max-width: 1700px){
	.institute_menu_list .section{width:96%;min-width:1300px;max-width:1400px;margin:0 auto;}
	.institute_menu_list .section .logoarea{width:345px;}
	.institute_menu_list .section .logo{width:345px;height:50px;margin:2px 0px 2px 0px;}
	
}
@media screen and (min-width: 1700px) and (max-width: 1800px){
	.institute_menu_list .section{width:96%;min-width:1300px;max-width:1450px;margin:0 auto;}
	.institute_menu_list .section .logoarea{width:359px;}
	.institute_menu_list .section .logo{width:359px;height:52px;margin:1px 0px 1px 0px;}
	
}
@media screen and (min-width: 1800px){
	.institute_menu_list .section{width:96%;min-width:1300px;max-width:1500px;margin:0 auto;}
	.institute_menu_list .section .logoarea{width:371px;}
	.institute_menu_list .section .logo{width:371px;height:54px;margin:0px 0px 0px 0px;}
	
}
.institute_menu_list .section{margin:0 auto;}
.institute_menu_list .section .logoarea{float:left;margin-right:0px;}
.institute_menu_list .section .logo{float:left;transition: all .3s;-webkit-transition: all .3s;text-shadow: 0px 2px 2px rgb(0 0 0 / 90%);}
.institute_menu_list .section .leftarea{float:left;}
.institute_menu_list .section .rightarea{float:right;}
.institute_menu_list .section .rightarea .list{float:left;}
.institute_menu_list .section .rightarea .line{float:left;border-left:1px solid #56C3F0;height:15px;margin:13px 10px 0px 10px;}
.institute_menu_list .section .rightarea .listicon{float:left;margin-left:10px;}
.institute_menu_list .section .rightarea .listicon img{float:left;width:35px;height:35px;margin-top:2px;}


.institute_transparentmenu_list{position:absolute;z-index:10;width:100%;height:45px;line-height:45px;padding-top:24px;padding-bottom:13px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);}
/*
@media screen and (max-width: 700px) {
	.institute_transparentmenu_list .section{width:96%;max-width:700px;margin:0 auto;}
}
@media screen and (min-width: 700px) and (max-width: 1400px){
	.institute_transparentmenu_list .section{width:96%;max-width:1250px;margin:0 auto;}
}
@media screen and (min-width: 1400px) and (max-width: 1500px){
	.institute_transparentmenu_list .section{width:96%;max-width:1300px;margin:0 auto;}
}
@media screen and (min-width: 1500px) and (max-width: 1600px){
	.institute_transparentmenu_list .section{width:96%;max-width:1350px;margin:0 auto;}
}
@media screen and (min-width: 1600px) and (max-width: 1700px){
	.institute_transparentmenu_list .section{width:96%;max-width:1400px;margin:0 auto;}
}
@media screen and (min-width: 1700px) and (max-width: 1800px){
	.institute_transparentmenu_list .section{width:96%;max-width:1450px;margin:0 auto;}
}
@media screen and (min-width: 1800px){
	.institute_transparentmenu_list .section{width:96%;max-width:1500px;margin:0 auto;}
}
*/
@media screen and (max-width: 1600px){
	.institute_transparentmenu_list .section{width:96%;min-width:1300px;max-width:1350px;margin:0 auto;}
}
@media screen and (min-width: 1600px) and (max-width: 1700px){
	.institute_transparentmenu_list .section{width:96%;min-width:1300px;max-width:1400px;margin:0 auto;}
}
@media screen and (min-width: 1700px) and (max-width: 1800px){
	.institute_transparentmenu_list .section{width:96%;min-width:1300px;max-width:1450px;margin:0 auto;}
}
@media screen and (min-width: 1800px){
	.institute_transparentmenu_list .section{width:96%;min-width:1300px;max-width:1500px;margin:0 auto;}
}
.institute_transparentmenu_list .section{margin:0 auto;}
.institute_transparentmenu_list .section .logoarea{float:left;width:400px;margin-right:50px;}
.institute_transparentmenu_list .section .logo{float:left;width:286px;height:40px;margin:0px 0px 0px 0px;transition: all .3s;-webkit-transition: all .3s;text-shadow: 0px 2px 2px rgb(0 0 0 / 90%);}
.institute_transparentmenu_list .section .leftarea{float:left;}
.institute_transparentmenu_list .section .rightarea{float:right;}
.institute_transparentmenu_list .section .rightarea .list{float:left;}
.institute_transparentmenu_list .section .rightarea .line{float:left;border-left:1px solid #56C3F0;height:15px;margin:13px 10px 0px 10px;}
.institute_transparentmenu_list .section .rightarea .listicon{float:left;margin-left:10px;}
.institute_transparentmenu_list .section .rightarea .listicon img{float:left;width:35px;height:35px;margin-top:2px;}

@media screen and (max-width: 600px) {
	.institute_homebanner{height:calc(100% - 54px);}
	.institute_homebanner_allwidth .list .boxsection .boxarea .textrowone{font-size: 30px;line-height: 40px;}
	.institute_homebanner_allwidth .list .boxsection .boxarea .textrowtwo{width:445px;font-size: 16px;line-height: 25px;margin-top:10px;}

}
@media screen and (min-width: 600px) and (max-width: 1000px){
	.institute_homebanner{height:calc(100% - 54px);}
	.institute_homebanner_allwidth .list .boxsection .boxarea .textrowone{font-size: 68px;line-height: 103px;}
	.institute_homebanner_allwidth .list .boxsection .boxarea .textrowtwo{width:445px;font-size: 35px;line-height: 46px;margin-top:-6px;}

}
@media screen and (min-width: 1000px){
	.institute_homebanner{height:100%;}
	.institute_homebanner_allwidth .list .boxsection .boxarea .textrowone{font-size: 68px;line-height: 103px;}
	.institute_homebanner_allwidth .list .boxsection .boxarea .textrowtwo{width:445px;font-size: 35px;line-height: 46px;margin-top:-6px;}
}
.institute_homebanner{float:left;width:100%;overflow:hidden;}
.institute_homebanner_allwidth{float:left;width:10000%;height:100%;margin-left:-100%;overflow:hidden;}
.institute_homebanner_allwidth .listhandtype{cursor:pointer;}
.institute_homebanner_allwidth .list{position:relative;float:left;width:1%;height:100%;}
.institute_homebanner_allwidth .list .transparency_{}
.institute_homebanner_allwidth .list .transparency_1{}
.institute_homebanner_allwidth .list .transparency_0{}
.institute_homebanner_allwidth .list .transparency_2{background:linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));}
.institute_homebanner_allwidth .list .transparency_3{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));}
.institute_homebanner_allwidth .list .transparency_4{background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));}
.institute_homebanner_allwidth .list .transparency_5{background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));}
.institute_homebanner_allwidth .list .transparency_6{background:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));}
.institute_homebanner_allwidth .list .transparency_7{background:linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));}
.institute_homebanner_allwidth .list .transparency_8{background:linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));}
.institute_homebanner_allwidth .list .transparency_9{background:linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));}
.institute_homebanner_allwidth .list .transparency_10{background:linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));}
.institute_homebanner_allwidth .list .transparency_11{background:linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));}
.institute_homebanner_allwidth .list .boxsection{position:absolute;bottom:15%;color:white;}
.institute_homebanner_allwidth .list .boxsection .boxarea{float:left;width:100%;}
.institute_homebanner_allwidth .list .boxsection .boxarea .textrowone{float:left;width:100%;font-weight: 900;text-transform: uppercase;font-family:'din-Regular';}
.institute_homebanner_allwidth .list .boxsection .boxarea .textrowtwo{float:left;font-weight: bold;text-transform: uppercase;font-family:'din-Regular';}
.institute_homebanner_allwidth .list .boxtransparency{position: absolute;top:0px;bottom:0px;left:0px;right:0px;}

.institute_homebanner_controllarea{display:flex;justify-content:center;position:relative;float:left;width:100%;height:35px;margin-top:-35px;z-index:3;}
.institute_homebanner_controllarea .control{float:left;margin:0px 6px;cursor:pointer;}
.institute_homebanner_controllarea .control_on{width:12px;height:12px;background:#FFFFFF;border-radius:50%;}
.institute_homebanner_controllarea .control_off{width:12px;height:12px;background: rgba(255, 255, 255, 0.5);border-radius:50%;}

/*
@media screen and (max-width: 700px) {
	.institute_section_center{width:96%;max-width:700px;margin:0 auto;}
}
@media screen and (min-width: 700px) and (max-width: 1400px){
	.institute_section_center{width:96%;max-width:1250px;margin:0 auto;}
}
@media screen and (min-width: 1400px) and (max-width: 1500px){
	.institute_section_center{width:96%;max-width:1300px;margin:0 auto;}
}
@media screen and (min-width: 1500px) and (max-width: 1600px){
	.institute_section_center{width:96%;max-width:1350px;margin:0 auto;}
}
@media screen and (min-width: 1600px) and (max-width: 1700px){
	.institute_section_center{width:96%;max-width:1400px;margin:0 auto;}
}
@media screen and (min-width: 1700px) and (max-width: 1800px){
	.institute_section_center{width:96%;max-width:1450px;margin:0 auto;}
}
@media screen and (min-width: 1800px){
	.institute_section_center{width:96%;max-width:1500px;margin:0 auto;}
}
*/
@media screen and (max-width: 1600px){
	.institute_section_center{width:96%;min-width:1300px;max-width:1350px;margin:0 auto;}
}
@media screen and (min-width: 1600px) and (max-width: 1700px){
	.institute_section_center{width:96%;min-width:1300px;max-width:1400px;margin:0 auto;}
}
@media screen and (min-width: 1700px) and (max-width: 1800px){
	.institute_section_center{width:96%;min-width:1300px;max-width:1450px;margin:0 auto;}
}
@media screen and (min-width: 1800px){
	.institute_section_center{width:96%;min-width:1300px;max-width:1500px;margin:0 auto;}
}
.institute_section_center{margin:0 auto;}
.hzgift_parent_center{width:96%;min-width:1320px;margin:0 auto;}
h1{float:left;width:100%;font-size:24px;font-weight:bold;}
h2{float:left;width:100%;margin-bottom:10px;text-align:center;font-size:14px;color:gray;margin-top:10px;}



.rightthirditem:hover{background-color:white;}


.homeenglishnewsoverflowhidden{float:left;width:100%;overflow-x:hidden;}
.homeenglishnews_controlfloatright{float:right;margin-right:30px;}

@media screen and (min-width: 300px){
    .otherpageonebanner{padding-bottom:38%;}
	.otherpage_webtitlearea .blueyinying{width:33%;height:128px;line-height: 128px;margin-top:-201px;}
    .otherpage_webtitlearea .blueyinying .title{width:calc(100% - 50px);margin-left:50px;font-size:109px;}
	
    .otherpage_webtitlearea .bigblueyinying{width:50%;height:128px;line-height: 128px;margin-top:-260px;}
    .otherpage_webtitlearea .bigblueyinying .title{width:calc(100% - 50px);margin-left:50px;font-size:109px;}

}
.otherpageonebanner{float:left;width:100%;}
.otherpage_webtitlearea{float:left;width:100%;height:1px;}
.otherpage_webtitlearea .blueyinying{position:relative;float:left;color:white;}
.otherpage_webtitlearea .blueyinying .title{float:left;font-weight:bold;}

.otherpage_webtitlearea .bigblueyinying{position:relative;float:left;color:white;}
.otherpage_webtitlearea .bigblueyinying .title{float:left;font-weight:bold;}





.hoverbackground-zoom:hover{background-size: 150%;}

@-webkit-keyframes hover-zoom{
   50%{
       -webkit-transform:scale(0.8);
       transform:scale(0.8);
       -webkit-filter:brightness(60%)
       }
   100%{
       -webkit-transform:scale(1);
       transform:scale(1);
       /*css3滤镜亮度百分比*/
       -webkit-filter:brightness(100%)
    }
}
@-webkit-keyframes hover-zoom2{
   120%{
       -webkit-transform:scale(1.2);
       transform:scale(1.2);
       -webkit-filter:brightness(120%)
   }
}
.hover-zoom:hover{
    -webkit-animation-name:hover-zoom;
    animation-name:hover-zoom;
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}

.addnewhover-zoom{
    -webkit-animation-name:hover-zoom;
    animation-name:hover-zoom;
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}


.qrcode_imgbox{display:none;position:absolute;border: 1px solid #eee;z-index: 9;top: -210px;left: -84px;width: 200px;height: 200px;color: #666;font-size: 12px;text-align: center;background-color: #fff;box-shadow: 0 2px 10px #aaa;transition: all 200ms;-webkit-tansition: all 350ms;-moz-transition: all 350ms;}
.qrcode_imgbox .qrtitle{float:left;width:100%;font-weight: normal;height: 26px;line-height: 26px;font-size: 12px;background-color: #f3f3f3;margin: 0;padding: 0;color: #777777;}
.qrcode_imgbox .qrbody{float:left;width:100%;}
.qrcode_imgbox .qrcode_imgshow{width: 105px;margin: 10px auto;}
.qrcode_imgbox .qrhelp{float:left;width:100%;font-size:12px;}


.newsletter_formarea{float:left;width:100%;}
.newsletter_resultarea{display:none;float:left;width:100%;line-height:48px;color:green;}
.newsletter_inputarea{float:left;width:100%;}
.newsletter_inputarea input{float:left;width:100%;line-height:28px;border-radius: 4px;}
.newsletter_email_error{float:left;width:100%;color:red;margin-top:5px;display:none;}
.newsletter_email_formaterror{float:left;width:100%;color:red;margin-top:5px;display:none;}
.newsletter_submit{cursor:pointer;float:left;width:50px;height:50px;background: #EEEEEE;margin-left:-50px;border-radius: 4px;}
.newsletter_loading{display:none;float:left;width:50px;height:50px;background: #EEEEEE;margin-left:-50px;border-radius: 4px;}
        
.footerwhiteline{float:left;width:100%;height:1px;background: #FFFFFF;margin-top:32px;}
.footercommonsocialmedia{float:left;width:100%;}
.footercommonsocialmedia .list{position:relative;float:left;width:20px;height:20px;margin-left:34px;}
.footercommonsocialmedia .list:first-child{margin-left:0px;}
.footercommonsocialmedia .list img{float:left;width:100%;height:100%;}

.footercopyright{float:left;width:100%;color:#FFFFFF;margin-top:24px;font-size: 12px;height:16px;line-height: 16px;}


.btn_publicqrcode{}
.publicqrcode_imgbox{display:none;position:absolute;border: 1px solid #eee;z-index: 9;top: -210px;left: -84px;width: 200px;height: 200px;color: #666;font-size: 12px;text-align: center;background-color: #fff;box-shadow: 0 2px 10px #aaa;transition: all 200ms;-webkit-tansition: all 350ms;-moz-transition: all 350ms;}
.publicqrcode_imgbox .qrbody{float:left;width:100%;}
.publicqrcode_imgbox .qrbody img{float:left;width:180px;height:180px;margin-left:10px;margin-top:10px;}
.btn_publicqrcode:hover .publicqrcode_imgbox{display:block;}

.popupsearch_box{position:fixed;top:0px;bottom:0px;left:0px;width:100%;background-color:rgba(0,0,0,0.5);z-index:999;}
.popupsearch_box .box-size{display: flex; flex-direction: row;justify-content: center;align-items: center;float:left;width:1000px;margin-left:calc(50% - 500px);height:100%;}
.popupsearch_box .innercontent{float:left;width:calc(100% - 40px);padding:20px 20px;background-color:white;border-radius:4px;}
.popupsearch_box .searchinputarea{float:left;width:100%;}
.popupsearch_box .searchinputarea input{float:left;width:100%;padding:0px;border:0px;line-height:50px;height:50px;font-size:18px;border-bottom:3px solid #B23C46;outline:0px;border-radius:0px;background-color:white;}
.popupsearch_box .searchinputarea input:focus{box-shadow: 0 0 0px #FFFFFF;border: 0px;border-bottom:3px solid #B23C46;}
.popupsearch_box .searchinputarea input::-webkit-input-placeholder{   /* 使用webkit内核的浏览器 */
	color: #999;
}
.popupsearch_box .searchinputarea input:-moz-placeholder{    /* Firefox版本4-18 */
	color: #999;
}              
.popupsearch_box .searchinputarea input::-moz-placeholder{    /* Firefox版本19+ */
	color: #999;
}              
.popupsearch_box .searchinputarea input:-ms-input-placeholder{   /* IE浏览器 */
	color: #999;
}
.popupsearch_box .searchinputarea .searchiconbtn{float:left;width:25px;height:25px;margin-top:12px;margin-left:-25px;background:url(./images/icon_search_black.png) center center / cover no-repeat;}
.popupsearch_box .searchinputarea .searchiconloading{display:none;float:left;width:25px;height:25px;margin-top:12px;margin-left:-25px;background:url(./images/ajax_loading.gif) center center / cover no-repeat;}
.popupsearch_close{float:left;width:100%;}
.popupsearch_close .btnclose{cursor:pointer;float:right;width:25px;height:25px;background:url(./images/close.png) center center / cover no-repeat;}

.menu_searhbtn{float:left;cursor:pointer;}
.menu_searhbtn img{float:left;width:20px;height:20px;margin-top:7px;margin-left:15px;}


@media screen and (max-width: 600px) {
	.givingpageonebanner{padding-bottom:45%;}
	.givingpage_webtitlearea .blueyinying .summarytext{margin-bottom:20px;}
	.givingpage_webtitlearea .flexshangxiajuzhong .summarytext{margin-bottom:0px;}
	.givingpage_webtitlearea .title{font-size: 30px;height:40px;line-height: 40px;}
	.givingpage_webtitlearea .subtitle{}
	.givingpage_webtitlearea .subtitle_normal{font-size: 16px;line-height: 20px;margin-top:18px;}
	.givingpage_webtitlearea .subtitle_small{font-size: 12px;line-height: 20px;margin-top:18px;}
	
}
@media screen and (min-width: 600px) and (max-width: 1100px){
	.givingpageonebanner{padding-bottom:22.85%;}
	.givingpage_webtitlearea .blueyinying .summarytext{margin-bottom:40px;}
	.givingpage_webtitlearea .flexshangxiajuzhong .summarytext{margin-bottom:0px;}
	.givingpage_webtitlearea .title{font-size: 60px;height:79px;line-height: 79px;}
	.givingpage_webtitlearea .subtitle{}
	.givingpage_webtitlearea .subtitle_normal{font-size: 20px;line-height: 20px;margin-top:45px;}
	.givingpage_webtitlearea .subtitle_small{font-size: 20px;line-height: 20px;margin-top:45px;}
	
}
@media screen and (min-width: 1100px){
	.givingpageonebanner{padding-bottom:22.85%;}
	.givingpage_webtitlearea .blueyinying .summarytext{margin-bottom:40px;}
	.givingpage_webtitlearea .flexshangxiajuzhong .summarytext{margin-bottom:0px;}
	.givingpage_webtitlearea .title{font-size: 60px;height:79px;line-height: 79px;}
	.givingpage_webtitlearea .subtitle{font-size: 20px;line-height: 20px;margin-top:45px;}
	.givingpage_webtitlearea .subtitle_normal{font-size: 20px;line-height: 20px;margin-top:45px;}
	.givingpage_webtitlearea .subtitle_small{font-size: 20px;line-height: 20px;margin-top:45px;}
	
}
.givingpageonebanner{position:relative;float:left;width:100%;}
.givingpage_webtitlearea{position:absolute;top:0px;bottom:0px;left:0px;right:0px;overflow:hidden;}
.givingpage_webtitlearea .flexshangxiajuzhong{display: flex;flex-direction: row;justify-content: center;align-items: center;position:absolute;float:left;color:white;width:100%;height:100%;}
.givingpage_webtitlearea .blueyinying{display: flex;flex-direction: row;justify-content: center;align-items: end;position:absolute;float:left;color:white;width:100%;height:100%;}
.givingpage_webtitlearea .hasyinyin{background: linear-gradient(180deg, rgba(61,61,61,0.00) 0%, rgba(61,61,61,0.30) 99%);}
.givingpage_webtitlearea .hasblueyinyin{background-color: rgba(67, 112, 186, 0.5);}
.givingpage_webtitlearea .hasblueyinyin2{background-color: rgba(67, 112, 186, 0.45);}
.givingpage_webtitlearea .hasblueyinyin3{background-color: rgba(67, 112, 186, 0.6);}

.givingpage_webtitlearea .summarytext{float:left;width:100%;}
.givingpage_webtitlearea .title{float:left;text-align:left;color: #FFFFFF;text-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);font-weight: bold;}
.givingpage_webtitlearea .subtitle{float:left;text-align:left;color: #FFFFFF;font-weight: 500;text-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);margin-left:100px;}




@media screen and (max-width: 600px) {
	.institute_footer_area{padding:30px 0px 30px 0px;}
	
}
@media screen and (min-width: 600px){
	.institute_footer_area{padding:60px 0px 60px 0px;}
	
}

.institute_footer_area{position:relative;float:left;width:100%;line-height:22px;z-index:40;background: linear-gradient(270deg, #80C39D 0%, #2982D0 100%);}
.institute_footer_area .grouplist{float:left;width:100%;}
.institute_footer_area .onelist{z-index:2;position:relative;float:left;width:calc(33.33% - 34px + 20px);margin-left: 0px;margin-top:0px;}
.institute_footer_area .twolist{z-index:2;position:relative;float:left;width:calc(33.33% - 34px - 10px);margin-left: 51px;margin-top:0px;}
.institute_footer_area .threelist{z-index:2;position:relative;float:left;width:calc(33.33% - 34px - 10px);margin-left: 51px;margin-top:0px;}
.institute_footer_area .subgroup{float:left;width:100%;padding-bottom:0px;margin-top:30px;}
.institute_footer_area .subgroup:first-child{padding-bottom: 10px;margin-top:0px;border-bottom:2px solid white;}
.institute_footer_area .subgroup:nth-child(2){margin-top:18px;}
.institute_footer_area .subgroup:nth-child(3){margin-top:10px;}

.institute_footer_area .title{float:left;width:100%;color:white;font-weight: 900;font-size: 20px;line-height:35px;margin-bottom:9px;}
.institute_footer_area .subtitle{float:left;color:white;line-height:26px;font-size: 16px;font-weight: 500;margin-right:50px;}
.institute_footer_area .logoonerowarea{float:left;width:100%;margin-bottom:30px;}
.institute_footer_area .logoonerowarea img{float:left;width:410px;height:58px;}

.breakall_en{word-break: keep-all;}
.breakall_ch{word-break: break-all;}
.breakall_jp{word-break: keep-all;}
.breakall_sk{word-break: keep-all;}
.breakall_ru{word-break: keep-all;}

.pagetoprightarea{float:right;}
.pagetoprightarea .langline{float:left;width:2px;height:12px;background-color:white;margin:14px 12px;}
.pagetoprightarea .langicon{float:left;margin:10px 0px;}
.pagetoprightarea .langicon img{float:left;width:20px;height:20px;}

.searchboxarea{float:left;margin:4px 0px 4px 47px;}
.searchiconbtn{float:left;margin-top:7px;margin-left:-30px;width:18px;height:18px;background:url(images/icon_search_gray.png) center center / cover no-repeat;}
.searchiconloading{display:none;float:left;margin-top:7px;margin-left:-30px;width:18px;height:18px;background:url(images/ajax_loading.gif) center center / cover no-repeat;}

.homeiconflag{float:left;margin:10px 0px 10px 47px;}
.homeiconflag img{float:left;width:17px;height:17px;margin-top:3px;}

.hometoptexthome{float:left;margin:10px 0px 10px 7px;}
.hometoptexthome img{float:left;height:11px;margin-top:9px;}

.quickbtn_question{cursor:pointer;position: fixed;bottom:0px;width: 78px;height:78px;border-radius: 10px;text-align:center;background: #4370BA;right:32px;bottom:140px;z-index:50;font-weight: bold;}
.quickbtn_question .iconimg{float:left;width:36px;height:36px;padding:12px 21px 0px 21px;}
.quickbtn_question .titlename{float:left;width:100%;text-align:center;font-size: 14px;line-height:18px;margin-top:5px;}
.quickbtn_question .titlename a{color:white;}
.quickbtn_question:hover{opacity:0.5;}

.quickbtn_apply{cursor:pointer;position: fixed;bottom:0px;width: 78px;height:78px;border-radius: 10px;text-align:center;background: #FFAC24;right:32px;bottom:46px;z-index:50;font-weight: bold;}
.quickbtn_apply .iconimg{float:left;width:36px;height:36px;padding:12px 21px 0px 21px;}
.quickbtn_apply .titlename{float:left;width:100%;text-align:center;font-size: 14px;line-height:18px;margin-top:5px;}
.quickbtn_apply .titlename a{color:white;}
.quickbtn_apply:hover{opacity:0.5;}

.bannerbottomnav{position:relative;float:left;width:100%;text-align:center;color:white;font-size: 20px;line-height: 30px;font-weight:bold;border-top: 1px solid #FFFFFF;margin-bottom:20px;}
.bannerbottomnav .lineextend_left{position:absolute;top:0px;left:0px;width:300px;margin-left:-300px;margin-top:-1px;border-top:1px solid white;}
.bannerbottomnav .lineextend_right{position:absolute;top:0px;right:0px;width:300px;margin-right:-300px;margin-top:-1px;border-top:1px solid white;}
.bannerbottomnav .menulist{position:relative;padding-top:19px;color:white;}
.bannerbottomnav .menulist .current{position:absolute;top:0px;left:0px;right:0px;border-top:5px solid white;}
.normal_average_2{float:left;width:50%;}
.normal_average_4{float:left;width:25%;}
.normal_average_6{float:left;width:16.66%;}

.navlocationarea{float:left;width:100%;}
.navlocationarea .navlocationsection{float:left;width:100%;padding:25px 0px;border-bottom:1px solid #D8D8D8;}
.navlocationarea .navlocationsection .floatright{float:right;font-size: 18px;line-height: 26px;}
.navlocationarea .navlocationsection .itemlist_off{float:left;color:#767676;}
.navlocationarea .navlocationsection .itemlist_line{float:left;color:#767676;margin:0px 10px;}
.navlocationarea .navlocationsection .itemlist_on{float:left;max-width:200px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}



/*白色导航*/
@media screen and (max-width: 700px) {
	.institut_whitemenu .list{margin:6px 0px;padding:8px 17px;}
	.institut_whitemenu .submenulist{top:46px;}
	
}
@media screen and (min-width: 700px) and (max-width: 1400px){
	.institut_whitemenu .list{margin:6px 0px;padding:8px 17px;}
	.institut_whitemenu .submenulist{top:46px;}
	
}
@media screen and (min-width: 1400px) and (max-width: 1500px){
    .institut_whitemenu .list{margin:6px 0px;padding:8px 17px;}
	.institut_whitemenu .submenulist{top:46px;}
	
}
@media screen and (min-width: 1500px) and (max-width: 1600px){
    .institut_whitemenu .list{margin:5px 0px;padding:9px 19px;}
	.institut_whitemenu .submenulist{top:48px;}
	
}
@media screen and (min-width: 1600px) and (max-width: 1700px){
    .institut_whitemenu .list{margin:4px 0px;padding:10px 21px;}
	.institut_whitemenu .submenulist{top:50px;}
	
}
@media screen and (min-width: 1700px) and (max-width: 1800px){
    .institut_whitemenu .list{margin:1px 0px;padding:11px 23px;}
	.institut_whitemenu .submenulist{top:53px;}
	
}
@media screen and (min-width: 1800px){
    .institut_whitemenu .list{margin:0px 0px;padding:12px 25px;}
	.institut_whitemenu .submenulist{top:54px;}
	
}
.institut_whitemenu{float:right;}
.institut_whitemenu .list{position:relative;float:left;line-height:30px;}
.institut_whitemenu .list_on{background: #4370BA;color:white;}
.institut_whitemenu .list_on a{float:left;color:white;}
.institut_whitemenu .list_on:hover{background: #6091E1;color:white;}

.institut_whitemenu .list_off{color:white;}
.institut_whitemenu .list_off a{float:left;color:white;}

.institut_whitemenu .list_off2{background: #F4F9FF;color: #2986A4;}
.institut_whitemenu .list_off2 a{float:left;color: #2986A4;}
.institut_whitemenu .list_off2:hover{background: #2986A4;color:white;}
.institut_whitemenu .list_off2:hover a{color:white;}
.institut_whitemenu .list_off2:hover{background: #6091E1;color:white;}

.institut_whitemenu .submenulist{display:none;position:absolute;left:0px;width:127px;background:white;border-radius:6px;font-weight:normal;}
.institut_whitemenu .submenulist_2{border-top-left-radius:0px;border-top-right-radius:0px;}
.institut_whitemenu .submenulist .innersubmenu{float:left;width:calc(100% - 30px);margin-left:15px;margin-top:10px;margin-bottom:10px;}
.institut_whitemenu .submenulist .innersubmenu_2{width:calc(100% - 20px);margin-left:10px;}
.institut_whitemenu .submenulist .subitem{float:left;width:100%;}
.institut_whitemenu .submenulist .subitem .icotag{float:left;width:18px;height:30px;}
.institut_whitemenu .submenulist .subitem .icotag_on{float:left;width:14px;height:14px;margin-top:8px;background:url(images/icon_submenu_on.png) 50% 50% / cover no-repeat;}
.institut_whitemenu .submenulist .subitem .icotag_off{float:left;width:14px;height:14px;margin-top:8px;}
.institut_whitemenu .submenulist .subitem .subitemname_off{float:left;/*width:calc(100% - 18px);*/color:black;}
.institut_whitemenu .submenulist .subitem .subitemname_on{float:left;/*width:calc(100% - 18px);*/color:#4370BA;border-bottom:1px solid #4370BA;}
	
.institut_whitemenu .submenulist .subitem:hover .icotag_off{background:url(images/icon_submenu_on.png) 50% 50% / cover no-repeat;}
.institut_whitemenu .submenulist .subitem:hover .subitemname_off{color:#4370BA;border-bottom:1px solid #4370BA;}

.institut_whitemenu .menusubjiantou{float:left;width:16px;height:16px;margin-top:7px;margin-left:5px;}
            

/*黑色导航*/

@media screen and (max-width: 700px) {
	.institut_blackmenu .list{margin:6px 0px;padding:8px 17px;}
    .institut_blackmenu .list_on .line{left:calc(17px - 2px);right:calc(17px - 2px);}
	.institut_blackmenu .submenulist{top:57px;}
	
}
@media screen and (min-width: 700px) and (max-width: 1400px){
	.institut_blackmenu .list{margin:6px 0px;padding:8px 17px;}
    .institut_blackmenu .list_on .line{left:calc(17px - 2px);right:calc(17px - 2px);}
	.institut_blackmenu .submenulist{top:57px;}
	
}
@media screen and (min-width: 1400px) and (max-width: 1500px){
    .institut_blackmenu .list{margin:6px 0px;padding:8px 17px;}
    .institut_blackmenu .list_on .line{left:calc(17px - 2px);right:calc(17px - 2px);}
	.institut_blackmenu .submenulist{top:57px;}
	
}
@media screen and (min-width: 1500px) and (max-width: 1600px){
    .institut_blackmenu .list{margin:5px 0px;padding:9px 19px;}
    .institut_blackmenu .list_on .line{left:calc(19px - 2px);right:calc(19px - 2px);}
	.institut_blackmenu .submenulist{top:58px;}
	
}
@media screen and (min-width: 1600px) and (max-width: 1700px){
    .institut_blackmenu .list{margin:4px 0px;padding:10px 21px;}
    .institut_blackmenu .list_on .line{left:calc(21px - 2px);right:calc(21px - 2px);}
	.institut_blackmenu .submenulist{top:60px;}
	
}
@media screen and (min-width: 1700px) and (max-width: 1800px){
    .institut_blackmenu .list{margin:1px 0px;padding:11px 23px;}
    .institut_blackmenu .list_on .line{left:calc(23px - 2px);right:calc(23px - 2px);}
	.institut_blackmenu .submenulist{top:63px;}
	
}
@media screen and (min-width: 1800px){
    .institut_blackmenu .list{margin:0px 0px;padding:17px 25px;}
	.institut_blackmenu .list_on .line{left:calc(25px - 2px);right:calc(25px - 2px);}
	.institut_blackmenu .submenulist{top:64px;}
	
}
.institut_blackmenu{float:right;}
.institut_blackmenu .list{position:relative;float:left;line-height:30px;font-weight:bold;}
.institut_blackmenu .list_on{color:#4370BA;}
.institut_blackmenu .list_on a{float:left;color:#4370BA;}
.institut_blackmenu .list_on .line{position:absolute;bottom:0px;border-bottom:4px solid #4370BA;}

.institut_blackmenu .list_off{color:black;}
.institut_blackmenu .list_off a{float:left;color:black;}
.institut_blackmenu .list_off .line{display:none;position:absolute;bottom:0px;border-bottom:4px solid #4370BA;}
.institut_blackmenu .list_off:hover{color:#4370BA;}
.institut_blackmenu .list_off:hover a{color:#4370BA;}

.institut_blackmenu .list_off2{background: #F4F9FF;color: #2986A4;}
.institut_blackmenu .list_off2 a{float:left;color: #2986A4;}
.institut_blackmenu .list_off2:hover{background: #2986A4;color:white;}
.institut_blackmenu .list_off2:hover a{color:white;}
.institut_blackmenu .list_off2:hover{background: #6091E1;color:white;}

.institut_blackmenu .submenulist{display:none;position:absolute;z-index:11;left:0px;width:127px;background:white;border-bottom-left-radius:6px;border-bottom-right-radius:6px;font-weight:normal;}
.institut_blackmenu .submenulist .innersubmenu{float:left;width:calc(100% - 15px);margin-left:15px;margin-top:10px;margin-bottom:10px;}
.institut_blackmenu .submenulist .innersubmenu_2{width:calc(100% - 10px);margin-left:10px;}
.institut_blackmenu .submenulist .subitem{float:left;width:100%;}
.institut_blackmenu .submenulist .subitem .icotag{float:left;width:18px;height:30px;}
.institut_blackmenu .submenulist .subitem .icotag_on{float:left;width:14px;height:14px;margin-top:8px;background:url(images/icon_submenu_on.png) 50% 50% / cover no-repeat;}
.institut_blackmenu .submenulist .subitem .icotag_off{float:left;width:14px;height:14px;margin-top:8px;}
.institut_blackmenu .submenulist .subitem .subitemname_off{float:left;/*width:calc(100% - 18px);*/color:black;}
.institut_blackmenu .submenulist .subitem .subitemname_on{float:left;/*width:calc(100% - 18px);*/color:#4370BA;border-bottom:1px solid #4370BA;}
	
.institut_blackmenu .submenulist .subitem:hover .icotag_off{background:url(images/icon_submenu_on.png) 50% 50% / cover no-repeat;}
.institut_blackmenu .submenulist .subitem:hover .subitemname_off{color:#4370BA;border-bottom:1px solid #4370BA;}

.institut_blackmenu .menusubjiantou{float:left;width:16px;height:16px;margin-top:7px;margin-left:5px;}
                    




.footerthreeboxarea{float:left;width:100%;}
.footerthreeboxarea .list{float:left;width:33.33%;}
.footerthreeboxarea .list .boxfixed{overflow:hidden;position:relative;float:left;width:100%;height:0px;padding-bottom:67.7%;}
.footerthreeboxarea .list .boxbg{position:relative;float:left;width:100%;height:0px;padding-bottom:67.7%;}
.footerthreeboxarea .list .innerfullcontent{display: flex;flex-direction: row;justify-content: center;align-items: center;position:absolute;top:0px;bottom:0px;left:0px;right:0px;}
.footerthreeboxarea .list .innercontent{float:left;width:64%;}
.footerthreeboxarea .list .boxtitle{float:left;width:100%;font-size: 36px;line-height:44px;color:white;font-weight: bold;}
.footerthreeboxarea .list .boxmorearea{float:left;width:100%;margin-top:47px;}
.footerthreeboxarea .list .boxmorearea .moretext{cursor:pointer;float:left;font-size:18px;color:white;}
.footerthreeboxarea .list .boxmorearea img{cursor:pointer;float: left;width: 24px;height: 12px;margin-top: 6px;margin-left: 23px;}

.menuarrawimg_1{
  /* animation: rotate 5s; 应用动画 */
  animation-name: menuarrawrotate_1;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;  /* 保持最后一帧 */
}
@keyframes menuarrawrotate_1 {
  from {
    transform: rotate(0deg); /* 动画开始时图片的角度 */
  }
  to {
    transform: rotate(180deg); /* 动画结束时图片旋转180度 */
  }
}
.menuarrawimg_2{
  /* animation: rotate 5s; 应用动画 */
  animation-name: menuarrawrotate_2;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;  /* 保持最后一帧 */
}
@keyframes menuarrawrotate_2 {
  from {
    transform: rotate(180deg); /* 动画开始时图片的角度 */
  }
  to {
    transform: rotate(0deg); /* 动画结束时图片旋转180度 */
  }
}


@media screen and (max-width: 600px) {
  	.copyrightarea .copyrightcontent{margin-top:10px;padding-bottom:10px;}
}
@media screen and (min-width: 600px) and (max-width: 1100px){
	.copyrightarea .copyrightcontent{margin-top:10px;padding-bottom:10px;}
}
@media screen and (min-width: 1100px){
    .copyrightarea .copyrightcontent{margin-top:10px;padding-bottom:10px;}
}
.copyrightarea{position:relative;z-index:2;float:left;width:100%;}
.copyrightarea .copyrightcontent{float:left;width:100%;text-align:center;color:black;}



.headermenubg_shadow{z-index:1;position:fixed;top:0px;left:0px;right:0px;height:185px;background: linear-gradient(180deg, rgba(0, 77, 148, 0.5) 0%, rgba(0, 77, 148, 0) 70%);}
 
.institute_homebanner_prevnext{float:left;height:76px;margin-top:-76px;width:100%;}
.institute_homebanner_prevnext .lineboxarea{position: relative;z-index:3;float:left;width: 135px;height:34px;line-height:26px;border-bottom:2px solid white;font-size: 20px;text-transform: capitalize;font-weight: bold;color:white;}
.institute_homebanner_prevnext .lineboxarea .prev{cursor:pointer;float:left;}
.institute_homebanner_prevnext .lineboxarea .next{cursor:pointer;float:right;}


.titlepretag{float:left;width:15px;margin-top:27px;margin-right:30px;}
.titlepretag .one{float:left;width:15px;height:15px;background: #4370BA;}
.titlepretag .two{float:left;width:15px;height:15px;background: #83C69C;}

.smalltitlepretag{float:left;width:12px;margin-top:10px;margin-right:20px;}
.smalltitlepretag .one{float:left;width:12px;height:12px;background: #4370BA;}
.smalltitlepretag .two{float:left;width:12px;height:12px;background: #83C69C;}