@charset "utf-8";
@import url("../css/common/layout.css");
@import url("../css/common/icon.css");
@import url("../css/common/ie.css");
@import url("../css/animate.css");
@import url("../css/navi/navi_02.css");/*02导航*/
@import url("../css/common/kefu.css");/*客服*/
@import url("../css/navi/navi_01.css");/*01导航*/
@import url("../css/common/page.css");/*图标*/

*{padding: 0;margin: 0;text-decoration: none !important;}

dl, dt, dd{
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
ol,ul {list-style-type: none;margin-bottom: 0;}
li {list-style: none;margin-bottom: 0;}
h1,h2,h3,h4,h5,h6,p{
	margin-bottom: 0;
}
html {
	overflow-x: hidden;
}
.clear{
	clear: both;
}
.dowebok .section{ overflow:hidden;}

a{color: #333;}

.header{ width:100%; background:none;}
.header .navbar{
	width:100%;
	border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.header .navbar .pc_menu{ margin:0 auto; transition: all 0.3s 0s ease-in-out ;
 transition: all 0.2s linear -1ms;display: flex;align-items: center;}
.header .navbar .pc_menu .pc_logo{ height:100%;align-items:center; display: -webkit-flex;position: absolute;left: 4%;padding: 0 2%;}
.header .navbar .pc_menu .pc_logo a { display:block; height:50%;}
.header .navbar .pc_menu .pc_logo a img{ height:100% !important;}

.header .navbar .pc_menu .pc_menu_right >li{ 
	margin-left:1.5%; 
	margin-right:1.5%;
	line-height:110px;
}
.header .navbar .pc_menu .pc_menu_right>li .t{font-size:18px; color:#ffffff;padding-bottom: 5px;text-align: center;
}
.header .navbar .pc_menu .pc_menu_right > li:hover::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #ffffff;
	transition: all .5s linear;
}
.header .navbar .pc_menu .pc_menu_right > .active::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #ffffff;
	transition: all .5s linear;
}
.header .navbar .pc_fixed .pc_menu_right > .active::after{
	background-color: #0086d1;
}
.header .navbar .pc_fixed .pc_menu_right > .active:hover::after{
	background-color: #0086d1;
}

.header .navbar .pc_menu .pc_logo a img{
	display: none;
}
@media (max-width:1200px){
	.header .navbar .pc_menu .pc_logo a .img2{
		display: block;
	}
}
@media (min-width:1200px){
	.header .navbar .pc_menu .pc_logo a .img1{
		display: block;
	}
}


/*-----滚动后--------*/
.header_active .navbar .pc_fixed{
	background: #ffffff;
	box-shadow: 8px 0 45px rgb(0 0 0 / 10%);
}
.on .navbar .pc_fixed{
	background: #ffffff;
	box-shadow: 8px 0 45px rgb(0 0 0 / 10%);
}
.header .navbar .pc_fixed .pc_logo a .img1{
	display: none;
}
.header .navbar .pc_fixed .pc_logo a .img2{
	display: block;
}
.pc_fixed .language ul li{
	color:#999999;
}
.pc_fixed .language ul li a{
	color:#999999;
	font-size:18px;
}
.header .navbar .pc_fixed{transition: all 0.2s linear -1ms;}
.header_active .navbar .pc_fixed .pc_menu_right li .t{ color:#666666;}
.on .navbar .pc_fixed .pc_menu_right li .t{color:#666666;}
.on .navbar .pc_fixed .pc_menu_right .active .t{color:#0086d1;}
.header .navbar .pc_menu .pc_menu_right>li:hover .t:after{ 
	width: 60px;
}
.on .navbar .pc_fixed .pc_menu_right li:hover .t{color:#0086d1;}
.header .navbar .pc_menu .pc_menu_right .active>a{ position: relative;}
.header .navbar .pc_menu .pc_menu_right>li.active .t:after{ 
	width: 60px;
}
.Big-index{
	display: inline-block;
	width: 100%;
}
.header .navbar .pc_fixed .pc_menu_right > li:hover::after{
	background-color: #0086d1;
}
/* .login{position: absolute;top: calc(50% - 10px);right: calc(4.5% + 130px);}
.login a{display: block;}
.login a img{ display: inline-block; width: 20px; filter: opacity(.5) grayscale(10); -webkit-filter: opacity(.5) grayscale(10); }
.login a img:hover{ filter:none ; -webkit-filter:none ; } */

.language {
	width: 100px;
	position: absolute;
	top: 50%;
	right: 4%;
	transform: translateY(-50%);
}
.language ul{width:100px;margin-bottom: 0;}
.language ul li{font-size: 16px;color: #ffffff;line-height: 14px;cursor: pointer;}
.language ul li a{
	color: #ffffff;
}
.language ul li a:first-child{
	margin-right: 15px;
}
.language ul li a:last-child{
	margin-left: 15px;
}
.language ul li .active{
	color: #ffffff;
}


@media(max-width:1600px){
	.header .navbar .pc_menu .pc_menu_right > li{
		line-height: 95px;
	}
	.header .navbar .pc_menu .pc_menu_right>li .t{font-size: 16px;}
}
@media(max-width:1500px){
	.header .navbar .pc_menu .pc_menu_right > li{
		line-height: 90px;
	}
	.header .navbar .pc_menu .pc_menu_right>li .t{font-size: 15px;}
	/* .login a img{width: 18px;}
	.login{top: calc(50% - 9px);right: calc(4.5% + 120px);} */
}
@media(max-width:1400px){
	.header .navbar .pc_menu .pc_menu_right > li{
		line-height: 85px;
	}
	.header .navbar .pc_menu .pc_menu_right>li .t{font-size: 14px;}
}
@media(max-width:1300px){
	.header .navbar .pc_menu .pc_menu_right > li{
		line-height: 80px;
	}
	.header .navbar .pc_menu .pc_menu_right>li .t{font-size: 13px;}
	/* .login a img{width: 15px;}
	.login{top: calc(50% - 7px);right: calc(4.5% + 100px);} */
}
@media(max-width:1200px){
	.header .navbar .pc_menu .pc_menu_right > li{
		line-height: 75px;
	}
	.header .navbar .pc_menu .pc_menu_right>li .t{font-size: 12px;}
	.header .navbar .pc_menu .pc_menu_right li{margin:  0 1.2%;}
	.header .navbar .pc_menu .pc_menu_right>li.active .t:after{width: 40px;}
	.header .navbar .pc_menu .pc_menu_right>li:hover .t:after{width: 40px;}
}
@media(max-width:1200px){
	.header .navbar .pc_menu{
		height: 70px;
		background: #ffffff;
	}
	/* .login a img {width: 20px;}
	.login {top: calc(50% - 10px);right: 80px;} */
}
@media(max-width:760px){
	
}

/* 底部 */
.footer{
	background-color: #134098;
	padding: 90px 0;
}
.footer .content{
	width: 83.3%;
	margin: 0 auto;
}
.footer .content .boxlist{
	display: flex;
	justify-content: space-between;
}
.footer .content .boxlist .footer_logo{
	width: 21.25%;
}
.footer .content .boxlist .footer_logo a{
	display: block;
	width: 100%;
}
.footer .content .boxlist .footer_logo a img{
	max-width: 100%;
}
.footer .content .boxlist .footer_nav{
	width: 58.75%;
	display: flex;
	justify-content: space-around;
	margin-bottom: 0;
}
.footer .content .boxlist .footer_nav > li{
	margin-bottom: 0;
}
.footer .content .boxlist .footer_nav > li > a{
	display: block;
	color: #ffffff;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 30px;
}
.footer .content .boxlist .footer_nav > li > ol >li a{
	display: block;
	color: #cccccc;
	font-size: 16px;
	line-height: 36px;
}
.footer .content .boxlist .footer_nav > li > ol >li a:hover{
	color: #ffffff;
}
.footer .content .boxlist .footer_code{
	width: 20%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
}
.footer .content .boxlist .footer_code .theme{
	text-align: right;
}
.footer .content .boxlist .footer_code .theme p{
	color: #ffffff;
	font-size: 16px;
	line-height: 36px;
	display: inline-block;
	margin-bottom: 10px;
}
.footer .content .boxlist .footer_code .theme span{
	display: block;
	color: #ffffff;
	font-size: 26px;
	line-height: 34px;
	margin-bottom: 30px;
}

.footer .content .boxlist .footer_code .img img{
	max-width: 100%;
}
.footer_bottom{
	background-color: #003193;
}
.footer_bottom .footer_content{
	width: 83.3%;
	margin: 0 auto;
}
.footer_bottom .footer_content .boxlist{
	display: flex;
	justify-content: space-between;
	padding: 2% 0;
}
.footer_bottom .footer_content .boxlist .left{
	opacity: 0.7;
    	white-space: nowrap;
}
.footer_bottom .footer_content .boxlist .left p{
	margin-bottom: 0;
	color: #cccccc;
	font-size: 14px;
}
.footer_bottom .footer_content .boxlist .left p a{
	color: #cccccc;
	margin-left: 15px;
	padding-bottom: 5px;
	white-space: nowrap;
}
.footer_bottom .footer_content .boxlist .left p .active{
	border-bottom: 1px solid #dddddd;
}
.footer_bottom .footer_content .boxlist .left p a:hover{
	border-bottom: 1px solid #cccccc;
}
.footer_bottom .footer_content .boxlist .right{
	display: flex;
	opacity: 0.7;
}
.footer_bottom .footer_content .boxlist .right p{
	margin-bottom: 0;
	margin-left: 15px;
	color: #cccccc;
	font-size: 14px;
}
.footer_bottom .footer_content .boxlist .right p a{
	color: #cccccc;
}
@media (max-width:1200px){
	.footer_bottom .footer_content{
		width: 95%;
	}
	.footer .content{
		width: 95%;
		margin: 0 auto;
	}
	.footer .content .boxlist .footer_nav > li > a{
		margin-bottom: 20px;
		font-size: 16px;
	}
	.footer .content .boxlist .footer_nav > li > ol >li a{
		font-size: 13px;
		line-height: 40px;
	}
}
@media (max-width:1000px){
	.footer_bottom .footer_content .boxlist{
		flex-wrap: wrap;
	}
	.footer_bottom .footer_content .boxlist .left{
		width: 100%;
		margin-bottom: 10px;
	}
	.footer_bottom .footer_content .boxlist .right{
		width: 100%;
		flex-wrap: wrap;
	}
	.footer_bottom .footer_content .boxlist .right p{
		margin-right: 15px;
		margin-left: 0;
	}
}
@media (max-width:760px){
	.footer_bottom .footer_content .boxlist{
		padding: 20px 0;
	}
	.footer .content .boxlist{
		flex-wrap: wrap;
	}
	.footer .content .boxlist .footer_logo{
		width: 100%;
		margin-bottom: 40px;
	}
	.footer .content .boxlist .footer_nav{
		width: 100%;
		margin-bottom: 40px;
	}
	.footer .content .boxlist .footer_code{
		width: 100%;
		align-items: flex-start;
	}
	.footer .content .boxlist .footer_code .theme{
		text-align: left;
	}
}
@media (max-width:550px){
	.footer_bottom .footer_content .boxlist .left p{
		font-size: 12px;
	}
	.footer_bottom .footer_content .boxlist .right p{
		font-size: 12px;
	}
	.footer .content .boxlist{
		flex-wrap: wrap;
	}
	.footer .content .boxlist .footer_logo{
		width: 100%;
		margin-bottom: 40px;
	}
	.footer .content .boxlist .footer_code .theme span{
		font-size: 26px;
		margin-bottom: 20px;
	}
	.footer .content .boxlist .footer_code .theme p{
		font-size: 12px;
		line-height: 30px;
		margin-bottom: 5px;
	}
	.footer{
		padding: 60px 0;
	}
	.footer .content .boxlist .footer_nav{
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.footer .content .boxlist .footer_nav > li{
		width: 48%;
		margin-bottom: 20px;
	}
	.footer .content .boxlist .footer_nav > li > a{
		margin-bottom: 10px;
		font-size: 14px;
	}
	.footer .content .boxlist .footer_nav > li > ol >li a{
		font-size: 12px;
		line-height: 30px;
	}
	.footer .content .boxlist .footer_nav{
		margin-bottom: 20px;
	}
	.footer .content .boxlist .footer_code .img{
		width: 120px;
		height: 120px;
	}
}
p > img{
	max-width: 100%;
}
p > a > img{
	max-width: 100%;
}

/* 手机端切换中英 */
.m_language{
	padding: 0 20px;
	display: flex;
	align-items: center;
	color: #333333;
}
.m_nav .ul{
	margin-bottom: 10px;
}
.m_language a{
	color: #333333;
	font-size: 20px;
	transition: all .5s linear;
}
.m_language a:first-child{
	margin-right: 10px;
}
.m_language a:last-child{
	margin-left: 10px;
}
.m_language .active{
	color: #0086d1;
}
.m_language a:hover{
	color: #0086d1;
}

.modal_video{
	display: none;
}
.modal_video .great_video{
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    outline: 0;
    z-index: 1000;
    background-color: rgba(0,0,0,.6);
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal_video .great_video .video{
	width: 80%;
	margin: 0 auto;
	position: relative;
}
.modal_video .great_video .video video{
	width: 100%;
}
.modal_video .great_video .video video source{
	width: 100%;
}
.modal_video .great_video .video span{
	display: inline-block;
	position: absolute;
	right: 10px;
	top: -40px;
	width: 32px;
	height: 32px;
	background: url(../images/closed.png) no-repeat;
	border: none;
	cursor: pointer;
	filter: brightness(8);
}
p > img{
	max-width: 100%;
}
@media (max-width:550px){
	#scrollUp{
		display: none !important;
	}
}

.nav .sub1{
	/* display: none; */
	width: 220px;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	line-height: 40px;
	overflow:visible;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	background-color: #f8f8f8;
	text-align: center;
	padding: 0px;
}
.nav .sub1 li{
	width: 100%;
	/* line-height: 40px; */

	/* text-align: center; */
}
.nav .sub1 li:hover{
	background-color: #0086d1;
}
.footer_bottom .footer_content .boxlist .right p:last-child{

	display:none;

}