@charset "utf-8";
body{font-family:"Microsoft YaHei"}
body .container{ margin:0 auto; padding: 0; }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	padding: 0; margin: 0; border: 0;
}
.wrapper{ width: 100%;}
.body{ width: 100%; overflow: hidden; }


a:hover,.hover,a:focus{color:#00A1E9; text-decoration: none}
.row{ margin: 0 !important; }
.btn,.form-control{border-radius:0;}
input{box-shadow:none !important;outline:none !important;}
.no_border{border:none!important;}
ul,li,p,body,img{ margin: 0; padding: 0; border: 0 }
body{ background: #F2F2F2 }
textarea{ resize: none }
.transition5 {
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.transition10 {
	-moz-transition: all 1s ease 0.2s;
	-webkit-transition: all 1s ease 0.2s;
	-o-transition: all 1s ease 0.2s;
	-ms-transition: all 1s ease 0.2s;
	transition: all 1s ease 0.2s;
}

.transition3 {
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.bg_fff{ background:#fff; }
/*字体大小*/
.f12{ font-size: 12px; }
.f13{ font-size: 13px; }
.f14{ font-size: 14px; }
.f16{ font-size: 16px; }
.f18{ font-size: 18px; }
.f20{ font-size: 20px; }
.f22{ font-size: 22px; }
.f24{ font-size: 24px; }

/*字体颜色*/
.color_fff{ color: #fff }
.color_333{ color: #333 }
.color_666{ color: #666 }
.color_999{ color: #999 }
.color_000{ color: #000 }
.color_3C57A8{ color: #3C57A8 }

/*外边距*/
.margin_t10{ margin-top: 10px; }
.margin_t20{ margin-top: 20px; }
.margin_t30{ margin-top: 30px; }
.margin_t40{ margin-top: 40px; }
.margin_b10{ margin-bottom: 10px; }
.margin_b20{ margin-bottom: 20px; }
.margin_b30{ margin-bottom: 30px; }
.margin_b40{ margin-bottom: 40px; }
.margin_l10{ margin-left: 10px; }
.margin_l20{ margin-left: 20px; }
.margin_l30{ margin-left: 30px; }
.margin_l40{ margin-left: 40px; }
.margin_r10{ margin-right: 10px; }
.margin_r20{ margin-right: 20px; }
.margin_r30{ margin-right: 30px; }
.margin_r40{ margin-right: 40px; }
.margin_lr10{ margin-right: 10px; margin-left: 10px; }
.margin_lr20{ margin-right: 20px; margin-left: 20px;}
.margin_lr30{ margin-right: 30px; margin-left: 30px;}
.margin_lr40{ margin-right: 40px; margin-left: 40px;}

/*内边距*/
.pad_t5{ padding-top: 5px; }
.pad_t10{ padding-top: 10px; }
.pad_t20{ padding-top: 20px; }
.pad_t30{ padding-top: 30px; }
.pad_t40{ padding-top: 40px; }

.pad_b10{ padding-bottom: 10px; }
.pad_b20{ padding-bottom: 20px; }
.pad_b30{ padding-bottom: 30px; }
.pad_b40{ padding-bottom: 40px; }

.pad_l10{ padding-left: 10px; }
.pad_l20{ padding-left: 20px; }
.pad_l30{ padding-left: 30px; }
.pad_l40{ padding-left: 40px; }

.pad_r10{ padding-right: 10px; }
.pad_r20{ padding-right: 20px; }
.pad_r30{ padding-right: 30px; }
.pad_r40{ padding-right: 40px; }

.pad_lr10{ padding-right: 10px; padding-left: 10px; }
.pad_lr20{ padding-right: 20px; padding-left: 20px; }
.pad_lr30{ padding-right: 30px; padding-left: 30px; }
.pad_lr40{ padding-right: 40px; padding-left: 40px; }

.pad_tb10{ padding-top: 10px; padding-bottom: 10px; }
.pad_tb20{ padding-top: 20px; padding-bottom: 20px; }
.pad_tb30{ padding-top: 30px; padding-bottom: 30px; }
.pad_tb40{ padding-top: 40px; padding-bottom: 40px; }

/* 超过指定宽度，用省略号代替 */
.ellipsis{display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*无数据*/
.no_data{ padding: 20px 0; color: #999}
.no_data img{ width: 60px; margin-bottom: 10px; }
/*提示框*/
.tip_win {
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	min-width: 200px;
	line-height:30px;
	font-size: 14px;
	position: fixed;
	left: 50%;
	border-radius: 5px;
	bottom: 100px;
	z-index: 300;
	text-align: center;
	display: none;
	transform: rotateX(90deg) scale(0.653);
	transform-origin: 50% 200%;
	-webkit-animation: tip 0.8s linear 0s infinite  alternate;
}

@-webkit-keyframes tip {
	0% {
		transform: rotateX(30deg) scale(0.653);
	}
	20% {
		transform: rotateX(0deg) scale(1.437);
	}
	40% {
		transform: rotateX(0deg) scale(1.30667);
	}
	100% {
		transform: rotateX(0deg) scale(1.30667);
	}
}

.nodata{ font-size: 14px;  padding: 20px 0;  color: #999}
.nodata img{ height: 60px; margin: 0 10px; }


/*头部 s*/
.logo{ height: 45px; margin-top:16px; margin-right: 20px;  }
.logo img{ height: 45px; }
.header{ background: #FFFFFF;position: relative; height: 90px;}
.top_header{ height: 40px; background:#000000; line-height: 40px; font-size: 12px; color: #FFFFFF;  }
.top_header a{ display: block; height: 24px; border-radius: 2px; margin-top: 8px; width:100px; line-height: 24px; text-align: center; color: #333; background: #F6CC4B; transition: 0.3s; -webkit-transition: 0.3s;  }
.top_header a:hover{ background:#F5C738  }
.nav_link{ float: left; }
.nav_link .nav_list{ width:110px; text-align: center; line-height: 80px; list-style: none; float: left;  transition: 0.3s; -webkit-transition: 0.3s; position: relative;}
.nav_link .nav_list a{  color: #fff; font-size:16px; display: block; width: 100%; height: 80px; transition: 0.3s  }
/*.nav_link .active .js_nav_a,*/.nav_link .nav_list:hover{ background:#114886 }
.nav_link .nav_list .nav_down { background: #0F71B2; height: 0; overflow: hidden; transition: 0.5s; -webkit-transition: 0.5s; position: absolute; left:50%; margin-left: -75px; top: 80px; opacity: 0;transform-origin: center top;-webkit-transform-origin: center top;  -webkit-transform: scale(0); width: 150px }
.nav_link .nav_list .nav_down a{ line-height: 42px; height: 42px; font-size: 14px; }
.nav_link .nav_list .nav_down a:hover{ background:#114886; padding-left: 10px; }
.nav_link .nav_list:hover .nav_down{ height: auto; opacity: 1;  -webkit-transform: scale(1);}
.lan_select{ height: 18px; margin-top: 31px; color: #fff; font-size: 16px; line-height: 18px; cursor: pointer; }
.lan_select .img{ float: left; height: 18px; border: 1px solid #fff; margin-right: 10px; }
.lan_select .img img{ height: 16px; float: left; }

/* 2023导航 start */
.pageHead{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 90px;
}
.headH5{
	display: none;
}
@media screen and (max-width:768px){
	.pageHead{
		display: none;
	}
	.headH5{
		display: block;
	}
	.header{
		background-color: #0F71B2 !important;
	}
}
.pageHead .logo{
	width: 300px;
	height: 45px;
	margin: 0;
}
.pageHead .navList{
	display: flex;
	align-items: center;
	height: 100%;
	width: 848px;
}
.pageHead .sitemap{
	display: flex;
	align-items: center;
	height: 100%;
	width: 848px;
}
.sitemap .nvaItem{
	font-size: 14px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #111111;
	line-height: 18px;
	/* margin-left: 74px; */
	flex: 1;
	text-align: right;
	position: relative;
}
.pageHead .sitemap .nvaItem:first-child{
	margin-left: 0;
}
.pageHead .sitemap .nvaItem a{
	color: #111111;
}

.pageHead .sitemap .nvaItem a:hover{
	font-size: 16px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #1183ED;
}
.pageHead .sitemap  .active{
	font-size: 16px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #1183ED !important;
}
.active a{
	font-weight: bold;
	color: #1183ED !important;
}

.pageHead .navList .nvaItem{
	font-size: 16px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #111111;
	line-height: 18px;
	/* margin-left: 74px; */
	flex: 1;
	text-align: center;
	height: 100%;
	line-height: 90px;
	position: relative;
}

.pageHead .navList .nvaItem:hover .nvaItem_a{
	color: #1183ED;
}
.pageHead .navList .nvaItem:first-child{
	margin-left: 0;
}
.pageHead .navList .nvaItem .nvaItem_a {
	color: #111111;
}


.pageHead .navList .a_active{
	color: #1183ED !important;
	font-weight: bold;
}
.pageHead .navList  .underline{
	font-size: 16px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #1183ED !important;
	position: relative;
}

.underline::before{
	content: '';
	display: block;
	width: 22px;
	height: 3px;
	background: #1183ED;
	position: absolute;
	left: 50%;
	bottom:15px;
	transform: translateX(-50%);
	border-radius: 20px;
}
.sitemap .sitemapmenu{
	width: 100%;
	background: #FFFFFF;
	z-index: 110;
	padding: 36px 0 20px;
	display: none;
	transition: all 0.7s;
}
.menu{
	position: absolute;
	top:0px;
	left: 0;
	width: 100%;
	background: #FFFFFF;
	z-index: 110;
	padding: 36px 0 20px;
	display: none;
	transition: all 0.7s;
}
.menuC{
	display: flex;
	justify-content: space-between;
	max-height: 0;
	transition: all 0.5s;
	opacity: 0;
	background-color: #FFF;
	position: absolute;
	top: 90px;
	left: 50%;
	transform: translateX(-50%);
	min-width: 130px;
	
}
.menuC .menuC_item{
	width: 100%;
}
.menuC .menuC_item .title{
	font-size: 18px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #fff;
	line-height: 24px;
	margin-bottom: 16px;
}
.menuC .menuC_item .title a{
	color: #fff;
}
.menuC .menuC_item .menus{
	font-size: 14px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #111111;
	line-height: 48px;
	transition: all 0.3s;
	white-space: nowrap;
	padding: 0 20px;
}
.menuC .menuC_item .menus_a{
	color: #111111;
	transition: all 0.3s;
	display: inline-block;
}
.menuC .menuC_item .menus:hover{
	background-color: #0F71B2;
}
.menuC .menuC_item .menus:hover .menus_a{
	color: #fff !important;
	transform: translateX(10px);
}
.menus:first-child{
	margin-bottom: 0;
}
@media screen and (max-width:768px){
	.site-map-row{
		display: flex;
		flex-direction: column;
	}
	.site-map-row h3{
		margin: 5px 0;
	}
	.site-map-node a{
		font-size: 16px;
	}
}
/* 2023导航end */

/* 2023公共联系方式start */
.contacts{
	width: 48px;
	background: #FFFFFF;
	border: 1px solid #ccc;
	position: fixed;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
}
.contacts .contactsItem{
	width: 100%;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.contactsItem img{
	width: 100%;
	height: 100%;
}
#zixunimg2{
	display: none;
}
#liuyanimg2{
	display: none;
}
#weixinimg2{
	display: none;
}
#qqimg2{
	display: none;
}
#phoneimg2{
	display: none;
}
.contacts_content_weixin{
	width: 100px;
	height:0px;
	background-color: rgb(0, 93, 151);
	display: flex;
	align-items: center;
	flex-direction: column;
	font-size: 12px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #FFF;
	opacity: 0;
	position: absolute;
	left: -115px;
	bottom: 0;
	border: none;
	cursor: pointer;
}
.contacts_content_weixin::before{
	content: '';
	width: 16px;
	height: 16px;
	background-color: rgb(0, 93, 151);
	border: 1px solid #EAEBED;
	position: absolute;
	right: -9px;
	bottom: 20px;
	transform: rotate(45deg);
	border-left: none;
	border-bottom: none;
}
.contacts_content_weixin img{
	width: 84px;
	height: 84px;
	margin-bottom: 10px;
	margin-top: 7px;
}
.contacts_content_phone{
	padding: 10px;
	width: 172px;
	font-size: 12px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #FFF;
	position: absolute;
	background-color: rgb(0, 93, 151);
	left: -185px;
	border: 1px solid #EAEBED;
	opacity: 0;
	cursor: pointer;
}
.contacts_content_phone::before{
	content: '';
	width: 12px;
	height: 12px;
	background-color: rgb(0, 93, 151);
	border: 1px solid #EAEBED;
	position: absolute;
	top: 50%;
	right: -7px;
	transform: translateY(-50%) rotate(45deg);
	border-left: none;
	border-bottom: none;
}
.contacts_content_qq{
	padding: 10px;
	width: 172px;
	font-size: 12px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #FFF;
	position: absolute;
	background-color: rgb(0, 93, 151);
	left: -185px;
	border: 1px solid #EAEBED;
	opacity: 0;
	cursor: pointer;
}
.contacts_content_qq::before{
	content: '';
	width: 12px;
	height: 12px;
	background-color: rgb(0, 93, 151);
	border: 1px solid #EAEBED;
	position: absolute;
	top: 50%;
	right: -7px;
	transform: translateY(-50%) rotate(45deg);
	border-left: none;
	border-bottom: none;
}
/* 2023公共联系方式end */

/* 2023关于我们start */
.newAbout{
	width: 100%;
}
.newAbout .mainImg{
	width: 100%;
}
.newAbout .tab{
	width: 100%;
	height: 56px;
	background: #FFFFFF;
	border-bottom: 1px solid #EAEBED;
}
.newAbout .tab_C{
	display: flex;
	align-items: center;
    height: 100%;
}
.newAbout .tab_CItem{
	font-size: 14px;
	font-family: Microsoft YaHei-Light, Microsoft YaHei;
	font-weight: 300;
	color: #1A1A1A;
	margin-right: 47px;
}
.newAbout .tab_CItem_on{
	font-size: 16px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #1A1A1A;
}
.newAbout .mt{
    margin-top: 82px;
    padding-bottom: 166px;
}
.newAbout .brand{
    width: 100%;
    display: flex;
}
.newAbout .brand img{
    width: 600px;
    height: 400px;
    margin-right: 40px;
}
.newAbout .brand .brand_C{
    width: 0;
    flex: 1;
    height: 400px;
    padding-top: 8px;
}
.brand_C .english{
    font-size: 14px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #A2A3A5;
    line-height: 26px;
    margin-bottom: 2px;
}
.brand_C .title{
    font-size: 28px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #1A1A1A;
    line-height: 37px;
    margin-bottom: 10px;
}
.brand_C .line{
    width: 52px;
    height: 4px;
    background: #1B6CFC;
}
.brand_C .paragraph{
    font-size: 14px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #373737;
    line-height: 26px;
    margin-top: 37px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.affiliate{
    width: 100%;
    margin-top: 100px;
}
.affiliate .affiliate_c{
    display: flex;
    margin-top: 78px;
}
.affiliate_c .content{
    width: 525px;
    display: flex;
    flex-direction: column;
}
.affiliate_c .pattern{
    width: 96px;
    height: 505px;
    margin: 0 12px;
}
.j_s_a{
    justify-content: space-around;
}
.j_s_b{
    justify-content: space-between;
}
.affiliate_c_item{
    width: 100%;
    display: flex;
}
.affiliate_c_item .s_img_l{
    width: 170px;
    height: 100px;
    margin-left: 25px;
}
.affiliate_c_item .s_img_r{
    width: 170px;
    height: 100px;
    margin-right: 25px;
}
.affiliate_c_item .cnt{
    width: 0;
    flex: 1;
}
.affiliate_c_item .cnt .cnt_title{
    font-size: 18px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #1A1A1A;
    margin-bottom: 10px;
}
.affiliate_c_item .cnt .cnt_txt{
    font-size: 12px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #373737;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.valueImg{
    width: 100%;
    margin-top: 22px;
}
.contactB{
	display: flex;
    flex-direction: row-reverse;
}
.contact_d_2023{
	padding-right: 20px;
	width: 365px;
}
.right_div .main_div .contact_d div
.container .right_div .main_div .contact_d_2023 .div{
	font-size: 14px !important;
}
.right_div .main_div .map_container_2023{
	flex: 1;
	height: 386px !important;
}
.qrcode{
	width: 100%;
    display: flex;
    align-items: flex-end;
	line-height: initial !important;
	flex-direction: column;
    position: absolute;
    right: 0;
    top: 0;
	
}
.contact_d  .qrcode div{
	display: flex;
    flex-direction: column;
    align-items: center;
	line-height:initial !important;
	transition: all 0.3s;
	cursor: pointer;
	margin-bottom: 22px;
}
.contact_d  .qrcode div img{
	width: 110px !important;
    height: 110px !important;
	margin-bottom: 8px;
}
.qrcode div span {
	font-size: 12px !important;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #373737;
}
.contact_d  .qrcode div:hover{
	transform: scale(1.05);
}
@media screen and (max-width:768px){
	.contact_d  .qrcode div{
		margin-right: 0px !important;
	}
	.contact_d  .qrcode div img{
		width: 150px !important;
		height: 150px !important;
	}
	.contact_d p {
		margin: 10px 0;
	}
	.contact_d div img{
		width: 30px !important;
		height: 30px !important;
		margin-right: 8px !important;
	}
	.qrcode{
		position:static !important;
		align-items: center;
		justify-content: center;
		flex-direction: initial;
	}
	.right_div .main_div .contact_d p {
		font-size: 14px !important;
	}
	.right_div .main_div .contact_d div {
		font-size: 12px !important;
	}
	.right_div .main_div{
		padding-top: 0px !important;
	}
	.contact_d  .qrcode div:hover{
		transform: none;
	}
	/*使图片在浏览器中居中显示*/
	.bigImg {
		position: absolute;
		top: 50%;
		left: 50%;
	/*图片向左移动自身宽度的50%, 向上移动自身高度的50%。*/
		transform: translate(-50%,-50%);
		width: 50%;
		height: auto;
	}
	/*遮罩层*/
	.opacityBottom {
			width: 100%;
			height: 100%;
			position: fixed;
			background: rgba(0,0,0,0.8);
			z-index: 1000;
			top: 0;
			left: 0;
		}
}
/* 2023关于我们edn */

/* 2023十周年视频start */
.newVideo{
	background: #FFFFFF;
	padding: 31px 30px 237px;
}
@media screen and (max-width:768px){
	.newVideo{
		padding: 0;
	}
	.newVideoItem .textTip{
		width: 100%;
		height: 40px !important;
		line-height: 40px !important;
		text-align: center;
		font-size: 14px !important;
		font-family: Microsoft YaHei-Bold, Microsoft YaHei;
		font-weight: bold;
		color: #373737;
	}
	.newVideoItem .videoBox iframe{
		width: 100%;
		height: 300px;
	}
}
.newVideo .newVideoItem{
	width: 100%;
	margin-bottom: 60px;
	box-shadow: 0px 4px 10px 0px rgba(49,101,134,0.1);;
}
.newVideoItem .videoBox{
}
.newVideoItem .textTip{
	width: 100%;
	height: 100px;
	line-height: 100px;
	text-align: center;
	font-size: 18px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #373737;
}
/* 2023十周年视频end */
.fadeInLeft_2023 {
    -webkit-animation-name: fadeInLeft_2023;
    animation-name: fadeInLeft_2023;
	animation-duration: 2s;
}
@keyframes fadeInLeft_2023 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        transform: translateX(-40px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight_2023 {
    -webkit-animation-name: fadeInRight_2023 ;
    animation-name: fadeInRight_2023;
	animation-duration: 2s;
}
@keyframes fadeInRight_2023 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInUp_2023 {
    -webkit-animation-name: fadeInUp_2023;
    animation-name: fadeInUp_2023;
	animation-duration: 2s;
}
@keyframes fadeInUp_2023 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(240px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}



/*手机端 导航按钮*/
.nav_btn {
    width: 20px;
    height: 20px;
    margin-top: 5px;
    cursor: pointer;
    position: relative;
    margin-right: 10px;
    display: none;
}
.nav_icon {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.nav_icon div{
    width: 20px;
    height: 2px;
    margin-bottom: 5px;
    background:#fff;
    transform-origin: left center; 
    position: relative;
    transition:all 0.5s ease 0s;
    -webkit-transition: 0.5s;
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
}
body .nav_iconshow{
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
}
.nav_iconshow .div1{
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
}
.nav_iconshow .div2{
    opacity: 0
}
.nav_iconshow .div3{
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
}



body .inner_head{ background: #fff; }
.inner_head .nav_link .nav_list a{ color: #999 }
.inner_head .nav_link .active .js_nav_a,.inner_head .nav_link .js_nav_a:hover{ background:#fff; color:#0F71B2}
.inner_head .nav_link .active .js_nav_a,.inner_head .nav_link .nav_list:hover{ background:#fff }
.inner_head .nav_link .nav_list .nav_down{ background: #fff }
.inner_head .nav_link .nav_list .nav_down a:hover{ background:#fff; color:#0F71B2  }
/*公用底部*/
.footer{ background:#4C5053; }
.footer .foot_main{ margin:55px 0 60px 0;display: flex;}
.footer .foot_main .ul_box{ width: 155px; float: left; color: #fff; text-align: left; }
.footer .foot_main .ul_box:last-child{width: 100px;}
.footer .foot_main .line{ height:110px; background: #656565; float: left; margin-left: -1px; width: 1px; }
.footer .foot_main .ul_box .tt{ color: #fff; font-size:16px; padding-bottom:15px; }
.footer .foot_main .ul_box .more_link a{ font-size: 14px; color:#999999; transition: 0.3s; line-height: 28px; display: block;  }
.footer .foot_main .ul_box .more_link a:hover{ color: #fff;   }
.footer .foot_info{ line-height: 22px; padding: 10px 0; background:#000000; color:#676767; font-size: 12px; text-align: center;    }

.footer .fri_links{  line-height: 28px; padding: 20px 0; background-color:#3A3B3F; color:#fff; font-weight: bold;font-size: 16px;}
.footer .fri_links .f_link{ overflow: hidden; }
.footer .fri_links .f_link a{ color: #9A9B9D; position: relative; top: 0; transition: 0.3s; font-size: 16px; display: inline-block; font-weight: normal; margin-left: 40px;}
.footer .fri_links .f_link a:hover{ color:#868686; top:2px;  }

.footer .fri_links .f_link span{ display: inline-block; width: 1px; height: 14px; margin: 0 7px 0 10px; position: relative; top: 2px; background-color:#B3B3B3;  }
.footer .erma_div .box{ width: 100px;float: right; margin-left: 15px; text-align: center; line-height: 30px; color: #E6EBEF; font-size: 12px; }
.footer .erma_div .box .img{ width:100px; height: 100px; border-radius: 8px; padding: 5px; overflow: hidden; background: #fff;   }

.footer .erma_div .box img{ width: 100%; }

/*公用底部*/
/*首页*/
.banner_box{ height: 500px;overflow: initial !important;background: #FFF !important; }
.banner_box .imagelist .block{background-size:auto !important;}
.login_div{ background: #fff; line-height: 80px;  }
.login_div .btns{ padding-bottom: 12px; }
.login_div .btns a{ display: block; text-align: center; background: #0F71B2; transition: 0.5s; margin: 12px 40px 0 40px; width: 210px; height:56px; line-height: 56px; font-size: 18px; font-weight: bold; color: #fff; float: left;}
.login_div .btns a img{ margin-right: 10px; position: relative; top: -2px; }
.login_div .btns a:hover{ opacity: 0.8 }
.login_div .more_btns{ text-align: center; line-height: 60px; height: 0;border-top: 1px solid #fff; overflow: hidden; background: #fff;transition: 0.5s; -webkit-transition: 0.5s; }
.login_div .more_btns_show{border-top: 1px solid #eee; height: 60px; }
.login_div .more_btns a{ font-size: 16px; color: #333; margin: 0 30px; transition: 0.5s }
.login_div .more_btns a:hover{ color: #0F71B2;  }


.services{ padding:45px 0 45px 0; position: relative; top: 20; transition: 0.3s; -webkit-transition:0.3s; opacity: 0}
.services_show{ top: 0px;opacity:1 }
.services .title{ font-size:28px; font-weight: bold; color: #000; line-height: 26px; text-align: center; transition: 0.7s; -webkit-transition:0.7s; position: relative;top: 150px; }
.services .title span{ color:#0F71B2; display: inline-block; height: 26px; margin-right: 8px; padding: 0 8px; border-right:4px solid #B1D1E8;}
.services .tt_des{ color: #999; line-height: 34px; text-align: center;transition: 0.9s; -webkit-transition:0.9s; position: relative;top: 150px; }
.services .list{ padding-top:30px;transition: 1.2s; -webkit-transition:1.2s; position: relative;top: 250px; perspective: 1500; -webkit-perspective: 1500;}
.services .logo_list{padding-top:30px;transition: 1.2s; -webkit-transition:1.2s; position: relative;top: 250px;}
.services_show .title,.services_show .tt_des,.services_show .list,.services_show .logo_list{ top: 0;  }


.services .list .box{ display: block; color: #999; font-size: 14px; float: left; width: 33.3%;transition: 0.9s; -webkit-transition:0.9s; }
.services .list .box .img{ width: 100%; height:238px; overflow: hidden;}
.services .list .box .img img{ width: 100%; height: 100%; float: left; transition: 1s; -webkit-transition:1s; }
.services .list .box:hover .img img{ transform: scale(1.05); -webkit-transform: scale(1.05); }
.services .list .box .text{ width: 100%; height: 238px; padding: 40px 40px 0 40px; background: #F9F9F9}
.services .list .box .text .tt_num{ text-align: center; font-size:18px; color: #999; line-height: 30px;}
.services .list .box .text .tt_num span{ padding: 0 10px; border-top: 1px solid #999; position: relative; top: 12px; margin: 0 10px; }
.services .list .box .text .tt{ font-size:18px; color: #333333; text-align: center; line-height:70px; font-weight: bold;   }

.coreServer{
	background-color: #FFF;
	padding: 60px 0 0px;
}
.coreServer .coreServer_title{
	font-size: 32px;
	font-family: Arial-Bold, Arial;
	font-weight: 700;
	color: #0F71B2;
	line-height: 32px;
}
.coreServer .coreServer_tip{
	font-size: 14px;
	font-family: Arial-Bold, Arial;
	font-weight: 700;
	color: #333333;
	line-height: 16px;
	position: relative;
	padding-left: 24px;
}
.coreServer .coreServer_tip::before{
	content: '';
	display: block;
	width: 18px;
	height: 2px;
	background-color: #1B6CFC;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.coreServer .coreServer_list1{
	width: 100%;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	margin-top: 26px;
	cursor: pointer;
}
.coreServer .coreServer_list1 img{
	width: 420px;
	height: 316px;
	transition: all 0.3s;
}
.coreServer .coreServer_list1 .coreServer_list1_describe{
	width: 0;
	flex: 1;
	height: 316px;
	padding: 22px 18px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.coreServer .coreServer_list1 .coreServer_list1_describe .top{
	padding: 0 35px;
}
.coreServer .coreServer_list1 .coreServer_list1_describe .bottom{
	padding: 0 35px;
}
.coreServer .coreServer_list1 .coreServer_list1_describe .rubice{
	font-size: 18px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #111111;
	line-height: 24px;
	position: relative;
}
.coreServer .coreServer_list1 .coreServer_list1_describe .rubice::before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-right-color: rgb(0, 93, 151);
	position: absolute;
	border-right-width: 20px;
	left: -45px;
	top: 50%;
	transform: translateY(-50%);
}
.coreServer .coreServer_list1 .coreServer_list1_describe .text{
	font-size: 12px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 16px;
	margin-top: 10px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.coreServer .coreServer_list1 .coreServer_list1_describe .rubice_t{
	font-size: 18px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #111111;
	line-height: 24px;
	position: relative;
	text-align: right;
}
.coreServer .coreServer_list1 .coreServer_list1_describe .rubice_t::before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-left-color: rgb(0, 93, 151);
	position: absolute;
	border-left-width: 20px;
	right: -45px;
	top: 50%;
	transform: translateY(-50%);
}
.coreServer .coreServer_list2{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 27px;
}
.coreServer .coreServer_list2 .item{
	width: 380px;
	height: 321px;
	background: #FFFFFF;
	display: flex;
	flex-direction: column;
	cursor: pointer;
}
.coreServer .coreServer_list2 .item img{
	width: 100%;
	height: 210px;
	margin-bottom: 14px;
}
.coreServer .coreServer_list2 .item .cnt{
	width: 100%;
	padding: 0 12px;
}
.coreServer .coreServer_list2 .item .cnt .t{
	font-size: 18px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #111111;
	line-height: 24px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 10px;
}
.coreServer .coreServer_list2 .item .cnt .c{
	font-size: 12px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 16px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.coreServer .coreServer_list2 .item .cnt .c:hover{
	color:#1183ED;
}
.customer{ padding-bottom: 50px; background: #fff; }
.logo_list .row a{ width: 25%; text-align: center; display: block; line-height: 80px; float: left; height: 80px; margin-bottom: 10px; overflow: hidden;}
.logo_list .row a img{ max-height: 70px; max-width: 90%; transition: 0.3s; position: relative; top: 0 }
.logo_list .row a img:hover{ top: -3px; }


.index_about{ position: relative; top: 250px; transition: 0.8s; -webkit-transition:0.8s; background: #fff; padding-top: 80px; opacity: 0}
.index_about_show{ top: 0; opacity: 1}
.index_about .container{ height: 600px; position: relative;}
.index_about .info{ width:660px; height: 450px; border:4px solid #0F71B2; position: absolute; left: 0; top: 0; padding:60px 250px 0 40px;  }
.index_about .info .eng_tt{ font-size:36px; color: #0F71B2; font-weight: bold; line-height: 40px;}
.index_about .info .tt{ font-size:28px; color: #333333; font-weight: bold;  }
.index_about .info .line{ height: 4px; width: 25px; background: #B1D1E8; margin-top:40px;}
.index_about .info .de{ color: #999; line-height: 24px; padding: 10px 0; }
.index_about .info .tags{ width: 420px; height:50px; line-height: 50px; color:#333; font-size: 14px; text-align: right; position: absolute; bottom: -50px; left: 0;  }
.index_about .info .tags img{ margin-left: 10px; position: relative; top: -1px; }
.index_about .img{ width:740px; position: absolute; left: 445px; top: 45px; box-shadow: 10px 20px 30px rgba(0,0,0,0.2); overflow: hidden;  }
.index_about .img img{ width: 100% }
.index_about .img a{ display: block; width:160px; height: 60px; position: absolute; right: -160px; bottom:50px;  background:#0F71B2; color: #fff; font-size: 16px; text-align: center; line-height: 60px; transition: 0.5s; -webkit-transition: 0.5s;   }
.index_about .img:hover a{ right: 0 }
.foot_news{ padding-bottom: 30px;  position: relative; top: 250px; transition: 0.8s; -webkit-transition:0.8s; opacity: 0;  }
.foot_news_show{ top: 0; opacity: 1}
.foot_news .img{height:100%; width: 50%; position: relative; overflow: hidden; float: left; }
.foot_news .img img{ position: absolute; height: 100%; right: 0; top: 0; transition: 0.3s }
.foot_news .index_news{ width: 50%; float: left; height:100%; overflow: hidden; padding:40px 0 0 0px;   }
.foot_news .index_news .list{ width: 570px;  padding-top:20px }
.foot_news .index_news .list ul{ height:288px; overflow: hidden;   }
.foot_news .index_news .title{ font-size: 28px; color: #333; font-weight: bold;line-height:28px; }
.foot_news .index_news .title .tt{ position: relative; top: -2px; }
.foot_news .index_news .title .blue{ color: #0F71B2; font-size: 32px; padding-right: 10px; line-height: 32px;}
.foot_news .index_news .title b{ display: inline-block; width: 4px; height: 26px; margin-right: 10px; background: #0F71B2 }
.foot_news .index_news .list li{ height:36px; line-height: 36px;  }
.foot_news .index_news .list li a{ color:#333; font-size: 16px; transition: 0.3s; -webkit-transition: 0.3s;  }
.foot_news .index_news .list li a:hover{ color: #0F71B2; }
.foot_news .index_news .list li a div{ overflow: hidden; }
.foot_news .index_news .list li .time{ float: right; color: #999 ; margin-left: 15px; margin-right: 10px;}
.foot_news .index_news .list li .icon{ display: block; width:4px; height: 4px; background:#4DB8FF; float: left; margin: 16px 10px 0 0 ;transition: 0.3s; -webkit-transition:0.3s;  }
.foot_news .index_news .list li:hover .icon{ width: 12px; }
.foot_news .index_news .list .view_more{ padding-top: 15px; padding-right: 10px; }
.foot_news .index_news .list .view_more a{ color: #333; }
.foot_news .index_news .list .view_more a img{ margin-left: 10px; position: relative; top: -1px; transition: 0.3s; -webkit-transition:0.3s; }
.foot_news .index_news .list .view_more a:hover img{ margin-left: 15px; margin-right: -10px; }
/*首页*/


/*内页*/
.bg_div{ height: 300px; }
.path_div{ font-size:16px; padding: 10px 0; color: #333333;  }
.path_div b{ display: block; float: left; width: 4px; height: 16px; background:#0F71B2; margin: 3px 5px 0 0  }
.path_div a{ color:#0F71B2  }
.inner{ padding-bottom: 50px; }
.inner .left_div{ width: 290px; float: left; }
.inner .left_div .tt{ font-size: 18px; padding:0 20px;  color: #fff; font-weight: bold; height:40px; line-height: 40px; background: #0F71B2 }
.inner .left_div .links{ padding: 0 15px; background: #fff; overflow: hidden; }
.inner .left_div .links a{ height: 55px; line-height: 54px; border-top: 1px solid #eee; margin-top: -1px; display: block; color:#777; font-size: 16px; transition: 0.3s; -webkit-transition: 0.3s;  }
.inner .left_div .links a img{ float: right; margin-top:22px; transition: 0.3s; -webkit-transition: 0.3s;  }
.inner .left_div .links .active{ color: #0F71B2 }
.inner .left_div .links a:hover{ color: #0F71B2; padding-left: 5px; }
.inner .left_div .links a:hover img{ margin-right: 5px; }
.inner .left_div .left_new{ margin-top: 15px; background: #fff; }
.inner .left_div .left_new .img_new{ display: block; position: relative;}
.inner .left_div .left_new .img_new img{ width: 100%; float: left; }
.inner .left_div .left_new .img_new div{ height: 40px; line-height: 40px; background: #000; background: rgba(0,0,0,0.6); color: #fff; padding: 0 10px; font-size: 14px; width: 100%; position: absolute; bottom: 0; left: 0; }
.left_new .list{ overflow: hidden; padding: 0 15px; }
.left_new .list li{ line-height: 24px; font-size: 14px; padding: 5px 0; border-bottom: 1px solid #eee; list-style: none }
.left_new .list li a{ color: #333; transition: 0.3s; -webkit-transition: 0.3s; }
.left_new .list li a:hover{ color:#0F71B2; }
.left_new .list li a span{ float: left; display: block; width:8px; height: 8px; background: #0F71B2; margin: 8px 5px 0 0 }
.left_new .list li a div{ overflow: hidden; max-height: 48px; overflow: hidden; }
.left_new .more_view{ padding:20px 0; text-align: right; }
.left_new .more_view a{ color: #999999; transition: 0.3s; -webkit-transition:0.3s; }
.left_new .more_view a img{ margin-left: 10px; position: relative; top: -1px;transition: 0.3s; -webkit-transition:0.3s;  }
.left_new .more_view a:hover img{ margin-left: 15px; margin-right: -10px; }

.right_div{ width:860px; background: #fff; float: right; padding:30px 40px; }
.right_div .title{ font-size:30px; color: #0F71B2; font-weight: bold; line-height: 36px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.right_div .main_div{ padding: 15px 0 }
.right_div .main_div .contact_d{ padding-top: 10px;   position: relative;}
.right_div .main_div .contact_d p{ font-size: 14px;font-family: Microsoft YaHei-Bold, Microsoft YaHei;font-weight: 700;color: #373737;line-height: 18px;}
.right_div .main_div .contact_d div{ color: #333; font-size:14px; font-weight: bold;}
.right_div .main_div .contact_d div img{width: 60px;height: 60px; margin-right: 12px;}
.right_div .main_div .contact_d .contact_d_one {display: flex;align-items: center;margin-bottom: 55px;}
.right_div .main_div .contact_d .contact_d_one span{
	font-size: 18px;
	margin-top: 6px;
	font-family: Arial-Bold, Arial;
	font-weight: 700;
	color: #005D97;
	line-height: 28px;
	display: inline-block;
}

/*企业荣誉*/
.ry_div{ margin: 0 -10px; display: flex;flex-wrap: wrap;}
.ry_div .ry_div_c{margin-bottom: 50px;}
.ry_div a{ display: block; width:250px; height: 250px; display: flex; align-items: center; justify-content: center; position: relative; padding: 10px; border: 1px solid #ddd; float: left; margin: 8px; }
.ry_div a .img{ max-width: 100%; max-height: 100%;  }
.ry_div a .name{ width: 100%; height: 100%; transition: 0.5s; -webkit-transition: 0.5s; transform: scale(0); -webkit-transform: scale(0); opacity: 0; filter:alpha(opacity=0); padding: 0 15px; padding-top: 60px; position: absolute; left: 0; top: 0; background: #000; background: rgba(0,0,0,0.6); line-height: 30px; color: #fff; }
.ry_div a .name img{ height: 30px; }
.ry_div a .name div{ padding-top: 10px; font-size: 14px; }
/* .ry_div a:hover .name{ transform: scale(1); -webkit-transform: scale(1); opacity: 1;filter:alpha(opacity=100);  } */
 .ry_div a:hover img{ transform: scale(1.08); -webkit-transform: scale(1.08);transition: all 0.4s; }
.ry_div .ry_div_d{margin-top: 14px;text-align: center;font-size: 14px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #373737;}

@media screen and (max-width:768px){
	.ry_div_c{
		width: 50% !important;
		margin-bottom: 10px !important;
	}
	.ry_div a{
		width: 100% !important;
		border: none !important;
	}
}
.big_imgs{display:none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 500; }
.big_imgs .box_div{ width: 100%; height: 100%; position: relative; overflow: hidden; }
.big_imgs .box{ text-align: center; height: 80%; color: #fff; transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; filter:alpha(opacity=0); margin-top: -300px; }
.big_imgs_show .box{transform: scale(1); -webkit-transform: scale(1); opacity: 1; filter:alpha(opacity=100);}
.big_imgs .box p{ line-height: 24px; font-size: 14px; padding:10px 0; margin: 0 auto; max-width: 600px; }
.big_imgs .box img{ max-height: 100%; max-width: 100% }
.big_imgs .btns{ width: 46px; height: 63px; transition: 0.3s; display: block; position: absolute; top: 50%; margin-top: -31px; z-index: 501 }
.big_imgs .btns:hover{ opacity: 0.8 }
.big_imgs .right_btn{ right: 15px; }
.big_imgs .left_btn{ left: 15px; }
.big_imgs .close_btn{ display: block; width: 30px; height: 30px; position: absolute; z-index: 501; right: 20px; top: 20px; }
.big_imgs .close_btn img{ width: 100% }
.big_imgs .close_btn:hover{ transform: rotate(180deg); }
.imgmarks{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 400; background: #000;opacity: 0.8; filter:alpha(opacity=80); }

/*联系我们 */
#map_container{ height: 490px; }
/*十周年视频*/
.video_div iframe{ width: 100%;}
.main_div .content{ line-height: 24px; font-size: 14px; color:#777; padding-top: 20px;  }
.main_div .content p{ margin: 0 }
.main_div .content img{ max-width: 100%; margin: 10px 0; height: auto!important }
.main_div .content embed{ width:780px; height: 500px;}
/*新闻中心 */
.main_div .news_list{ overflow: hidden; }
.main_div .news_list .box{ padding:15px 0; margin-top: -1px; border-top: 1px solid #eee }
.main_div .news_list .box .img{ display: block; width: 260px; height: 160px; overflow: hidden; position: relative; margin-right:20px; }
.main_div .news_list .box .img img{ width: 100%; height: 100%; transition: 1s; -webkit-transition: 1s;}
.main_div .news_list .box .img .mark{ width: 100%; height: 100%; position: absolute; left:0; top: 0; font-weight: bold; background: #000; background: rgba(0,0,0,0.7); opacity: 0; filter:alpha(opacity=0); transition: 0.4s; -webkit-transition: 0.4s; color: #fff; text-align: center; line-height: 160px;  }
.main_div .news_list .box .img:hover .mark{opacity: 0.6; filter:alpha(opacity=60); }
.main_div .news_list .box .img .div1{ width: 240px; height: 1px; background: #fff; transition: 0.4s; -webkit-transition: 0.4s; position: absolute; left: 10px; top: -10px; }
.main_div .news_list .box .img:hover .div1{top: 20px;}

.main_div .news_list .box .img .div2{ width: 240px; height: 1px; background: #fff; transition: 0.4s; -webkit-transition: 0.4s; position: absolute; left: 10px; bottom: -10px; }
.main_div .news_list .box .img:hover .div2{bottom: 20px;}
.main_div .news_list .box .img .div3{ width: 1px; height: 140px; background: #fff; transition: 0.5s; -webkit-transition: 0.5s; position: absolute; top: 10px; left: -10px; }
.main_div .news_list .box .img:hover .div3{left: 30px;}
.main_div .news_list .box .img .div4{ width: 1px; height: 140px; background: #fff; transition: 0.5s; -webkit-transition: 0.5s; position: absolute; top: 10px; right: -10px; }
.main_div .news_list .box .img:hover .div4{right: 30px;}
.main_div .news_list .box .img:hover img{ transform: scale(1.05); -webkit-transform: scale(1.05); }


.main_div .team_list .box .img{ width: 135px; }


.main_div .news_list .box .info{ overflow: hidden; }
.main_div .news_list .box .info .name{ font-size:20px; color: #333333; font-weight: bold; line-height: 26px; max-height: 52px; overflow: hidden;  transition: 0.4s; -webkit-transition: 0.4s;  }
.main_div .news_list .box .info .name:hover{ color: #0F71B2 }
.main_div .news_list .box .info .de{ font-size:14px; color: #999999; line-height: 22px; max-height: 88px; overflow: hidden; margin:10px 0   }
.main_div .news_list .box .info .time{ text-align: right; font-size: 12px; color: #CBCBCB }
.main_div .news_list .box .info .time img{ margin-left: 15px; margin-right: 5px; }
.left_title_2023{
	width: 100%;    
    font-size: 18px;
    color: #0F71B2;
    font-weight: bold;
    padding: 15px 0 0;
}
.left_title_2023_img{
	width: 100%;
	margin-top:10px;
}
.right_div .title .time{ text-align: left; font-size: 12px; color: #CBCBCB; font-weight: normal; margin-bottom: -10px;}
.right_div .title .time img{ margin-left: 0px; margin-right: 5px; }
/*页码*/
.pages{ margin-top:30px; text-align: center; width: 100%}
.pages a{ padding: 5px 10px; border: 1px solid #eee; margin: 0px 5px; transition: 0.3s; color: #999 }
.pages a:hover,.pages .cur{ background: #114886; color: #fff; border-color: #114886 }
.loadmore{ display: none }
/*页码*/


/*招贤纳士*/
.recruit_div .department_tt{ line-height:34px; border-bottom: 2px solid #114886; font-size: 20px; color: #656565;  }
.recruit_div .department_tt img{ margin-right: 10px; height: 22px; }
.recruit_div .department_info{ padding-top: 20px; font-size: 14px; color: #656565; line-height:28px;  }
.recruit_div .job_tt{ line-height:13px; border-left: 1px solid #E42C2C; color: #E42C2C; font-size: 14px; padding-left: 10px; margin: 10px 0}
.recruit_div .box{ padding-bottom: 30px; }
.recruit_div .job_details{ color: #656565; font-size: 14px; line-height: 28px; padding-bottom: 10px; }
/*招贤纳士*/


/*通关通检*/
.main_div .content .baoguan{ overflow: hidden; }
.main_div .content .baoguan strong{ display: block; width: 25%; font-weight: normal; float: left; }
.main_div .content .ys_texts{ min-height: 220px; border-bottom: 1px solid #eee; }
.main_div .content .ys_texts strong{ display: block; font-size: 18px; color:#0F71B2; font-weight: bold;  }
.main_div .content .ys_texts strong img{ margin-right: 5px; }




/*左侧综合业务*/
.inner .left_div .left_service{ margin-top: 15px; background: #fff; padding-bottom: 20px; }
.inner .left_div .left_title{ line-height: 60px; font-size: 18px; color: #0F71B2; font-weight: bold; padding: 0 15px; }
.inner .left_div .left_service .list li{ width: 50%; text-align: center; float: left; list-style: none   }
.inner .left_div .left_service .list li img{ width: 90px; }
.inner .left_div .left_service .list li div{ padding: 15px 10px; color:#333  }

/*左侧核心业务*/

.inner .left_div .left_resource{ margin-top: 15px; background: #fff; padding-bottom: 20px; }
.inner .left_div .left_resource .list li{ width: 50%; padding: 0 5px; text-align: center; float: left; list-style: none   }
.inner .left_div .left_resource .list li img{ width: 100%; height: 86px; }
.inner .left_div .left_resource .list li div{ padding: 15px 10px; color:#333  }


@media (max-width: 1200px){
	.nav_link .nav_list{ width: 92px; }
	.inner .left_div{ width: 260px; }
	.right_div{ width: 694px; padding: 20px; }
	.main_div .content{ padding-top: 0 }
	.footer .foot_main{ margin: 30px 0; }
	.erma_div { width: 110px; }
	.footer .foot_main .ul_box{ width: 142px; }
	.right_div .main_div .contact_d div{ font-size: 22px; }
	.ry_div a{ width: 207px; height: 207px; }
	.main_div .content embed{ width:654px; height: 408px;}
	.login_div .input_div{ width: 170px; }
	.login_div input[type="submit"]{ width: 170px }
	.services{ padding: 20px 0 40px 0 }
	.index_about .img{ width: 560px; left: 411px; }
	.index_about .info{ width: 540px; height: 346px; padding: 22px 139px 0 29px;}
	.index_about .info .line{ margin-top: 25px; }
	.index_about .container{ height: 470px; }
	.foot_news .index_news .list{ width: 460px; }
	.index_about .info .tags{ width: 390px; }
	.foot_news .index_news .list li a,.footer .fri_links .f_link a,.footer .fri_links{ font-size: 14px; }
	.footer .fri_links{ padding: 10px 0 }


	.foot_news .img{ width: 100%; }
	.foot_news .img img{ position:initial; width: 100%; height: auto }
	.foot_news .index_news{ width: 100%;padding: 40px 30px 0 30px; }
	.foot_news .index_news .list{ width: 100%; padding-bottom: 30px;}
	.footer{ margin-top: 20px; }

	.bg_div{ height: 240px; }

	.services .list .box .img,.services .list .box .text{ height: 200px }
	.services .list .box .text{ padding: 20px 20px 0 20px; }
	.services .list .box .text .tt{ line-height: 50px; }

	.login_div .btns a{ margin: 12px 15px 0 15px; }

	.main_div .content .baoguan strong{ width: 33.3% }
	.foot_news .index_news .list ul{ height: auto }
}

@media (max-width: 992px){
	.header{ height: 60px; }
	.logo{ height: 36px; margin-top: 12px; }
	.logo img{ height: 36px; }
	.nav_link .nav_list a{ font-size: 14px; }
	.nav_link .nav_list{ width: 70px; line-height: 60px; }
	.nav_link .nav_list a{ height: 60px; }
	.nav_link .nav_list .nav_down{ top: 60px;  width: 140px; margin-left: -70px; }
	.nav_link .nav_list .nav_down a{ height: 36px; line-height: 36px;font-size: 12px;  }

	.login_div .btns a{ margin: 12px 10px 0 10px; width: 167px; height: 50px; line-height: 50px; font-size: 16px; }
	.login_div .btns a img{ height: 20px; }

	.services .list .box{ width: 100%; overflow: hidden; margin-bottom: 10px; }
	.services .list .box .img{ float: left; width: 330px; height: 200px; }
	.services .list .box .text{ float: left; width: 410px }
	.services .list .box .tt{ font-size: 16px; }
	.services .list .box .de{ font-size: 12px; line-height: 20px; }
	.index_about .info{ width: 100%; height: auto; padding: 20px 30px; position:initial; }
	.index_about .info .tags{ display: none }
	.index_about .img{ position:relative; left: 0; top:0; width: 100%; height: auto; margin-top: 20px; }
	.index_about .container{ height: auto; margin-bottom: 20px; }
	
	.erma_div{ width:240px; margin: 0px auto 0 auto;float: none!important; overflow: hidden; padding-top: 20px; }
	.footer .foot_main .ul_box{ width: 125px; padding-right: 10px; text-align: center; }

	.bg_div{ height: 200px; }
	.right_div{ width: 100% }
	.right_div .title{ font-size: 22px }
	.inner .left_div{ width: 100%; margin-top:20px; }
	.inner{ padding-bottom: 20px; }

	.ry_div a{ width: 226px; height: 226px; line-height: 210px }
	.inner .left_div .left_resource .list li img{height:180px}
}


@media (max-width: 770px){
	
	.header .nav_btn{ display: block; }
	.nav_btn{ margin-top: 17px; }
	.logo{ margin-top:8px ; height: 28px; margin-left: 10px; }
	.logo img{ height: 100% }
	.nav_link{ height: 0px;width: 100%; background: #114886; transition: 0.3s; -webkit-transition: 0.3s; }
	.header .nav_link .nav_list{ width:100%; text-align: left; float: none; line-height: 40px; height: auto; overflow: hidden; border-bottom: 1px solid #10437C}
	.header .nav_link .nav_list a{ padding-left: 15px; font-size: 13px;height: 40px; }
	.top_header a{ border-radius: 0; height: 30px; line-height: 30px; margin-top: 5px; }
	.header{ position:  fixed; width: 100%; left: 0; top: 0; height: 50px; z-index: 700;  }
	.wrapper{ padding-top: 50px; }
	.nav_link{ /*max-height:350px;*/ overflow: auto; position: relative; top: 13px; }
	.header .nav_link .nav_list:hover .nav_down{ height: 0; }
	.header .nav_link .nav_list .nav_down{ opacity: 1; width: 100%; transform: scale(1); position:initial; left: 0; margin-left: 0; background:#155BA8;   }
	.header .nav_link .nav_list .nav_down a{ padding: 0; padding-left: 25px; font-size: 12px; line-height: 30px; height: 30px; }
	.header .nav_link .nav_list .nav_down a:hover{ padding-left: 25px; background:#114886;  }
	.header .nav_link .active a, .header .nav_link .nav_list:hover{ background:#0F71B2 }
	

	.inner_head .nav_icon div{  background: #FFF }
	.inner_head .nav_link .active .js_nav_a, .inner_head .nav_link .nav_list:hover{ background: #0F71B2 }
	.inner_head .nav_link .active .js_nav_a, .inner_head .nav_link .js_nav_a:hover{ color: #fff }
	.inner_head .nav_link .active .js_nav_a,.inner_head .nav_link .js_nav_a:hover{ background:#0F71B2; color:#fff}
	.inner_head .nav_link .nav_list a{ color: #fff }
	.inner_head .nav_link .nav_list .nav_down a:hover{ color: #fff }
	.inner_head .nav_link{ border-top: none }
	.top_header{ padding: 0 10px; }

	.footer{ background:#333333; }
	.footer .foot_main{ margin:10px 0; overflow: hidden; }
	.footer .foot_main .ul_box{ width: 100%; float: left;text-align: left; }
	.footer .foot_main .line{ display: none }
	.footer .foot_main .ul_box .tt{ font-size:13px; border-bottom: 1px solid #444; padding-bottom: 0; padding: 0 15px; line-height: 40px; margin-top: -1px; cursor: pointer;}
	.footer .foot_main .ul_box .more_link{ height: 0; overflow: hidden; background: #444; transition: 0.3s;padding: 0 25px; }
	.footer .foot_main .ul_box .more_link a{ font-size: 12px; color:#999999; transition: 0.3s; line-height: 30px; display: block;  }
	.footer .foot_main .ul_box .more_link a:hover{ color: #fff; }
	.footer .foot_info{ line-height: 22px; padding: 10px; background:#3C3C3C; color:#999999; font-size: 11px; text-align: center; }

	body .banner_box .point>li{ width: 8px; height: 8px; }
	body .banner_box .point{ bottom: 10px; }
	
	

	.services .list .box .img{ float: left; width: 200px; height: 120px; }
	.services .list .box .text{  height: 120px; width: auto; overflow: hidden; float: none; padding-top: 0 }
	.services .list .box .text .tt_num{ display: none }
	.services .list .box .text .tt{ text-align: left; }
	.index_about{ padding-top: 15px; background: none }

	.index_about .info{ padding:0px; border: none;}
	.services{ padding-bottom: 0px; }
	.index_about .info .eng_tt{ font-size: 18px; line-height: 30px; text-align: center; }
	.index_about .info .tt{ font-size: 16px; line-height: 24px; text-align: center; }
	.index_about .info .line{  margin: 0 auto; margin-top: 6px;}
	.index_about .info .de{ font-size: 14px; line-height: 22px; color: #333; padding: 10px 15px 0 15px; }
	.index_about .img{ box-shadow: none }
	.index_about .img a{ width: 120px; height: 40px; font-size: 12px; right: 0; line-height: 40px; bottom: 20px; }


	.foot_news .index_news{ padding: 15px 10px; background: #fff; margin-bottom: 15px; }
	.foot_news .index_news .title{ font-size: 18px; text-align: center; }
	.foot_news .index_news .title .blue{ font-size: 20px; }
	.foot_news .index_news .title b{ height: 18px; }
	.foot_news .index_news .list{ padding-top: 10px; }
	.foot_news .index_news .list li a, .footer .fri_links .f_link a, .footer .fri_links{ font-size: 14px; }
	.foot_news .index_news .list li{ height: 30px; line-height: 30px; }
	.foot_news .index_news .list li .icon{ margin-top: 13px }
	.foot_news .index_news .list .view_more a{ font-size: 14px; display: block; width:120px; height: 30px; line-height: 30px; background: #0F71B2; color: #fff; text-align: center; margin: 0 auto  }
	.foot_news .index_news .list{ padding-bottom: 0 }
	
	.footer .fri_links{ padding: 10px; }
	.footer .fri_links .f_link a{ margin-left: 15px }

	.footer .fri_links .f_link{ overflow: auto; }
	.footer{ margin-top: 1px; }
	
	.path_div{ padding: 10px; font-size: 14px; }
	.right_div{ padding: 10px }
	.right_div .title{ font-size: 18px; line-height: 24px; padding-bottom: 5px; }
	.inner .left_div .tt{font-size: 14px;}
	.main_div .content,.main_div .content p{ font-size: 12px!important; line-height: 20px!important; }

	.inner .left_div .links a{ height: 40px; line-height: 40px; font-size: 12px; }
	.inner .left_div .links a img{ margin-top: 15px; margin-right: 6px; height: 6px }
	.left_new .list li{ height: 40px; line-height: 40px; padding: 0 }
	.left_new .list li,.left_new .more_view a{ font-size: 14px; }
	.left_new .list li a span{ margin-top: 15px; }
	.left_new .more_view a img{ height: 8px; }
	.path_div b{ height: 12px; }


	.main_div .news_list .box .img{ width: 130px; height: 90px; margin-right: 10px; }
	.main_div .team_list .box .img{ height: 150px }


	.main_div .news_list .box .info .name{ font-size: 14px; }
	.main_div .news_list .box .info .de{ font-size: 12px; margin: 5px 0; line-height: 16px; max-height: 34px; overflow: hidden; }
	.loadmore{ display: block; padding-top: 20px;  }
	.loadmore .load_btn{ width: 120px; height: 36px; transition: 0.3s; font-size: 12px; line-height: 34px; border: 1px solid #999; display: inline-block; color: #666; border-radius: 5px; }
	.loadmore .load_btn img{ height: 16px; margin-right: 8px; position: relative; top: -1px; display: none }
	.loadmore .load_btn_active img{ display: inline-block; }
	.pages{ display: none }
	.right_div .title .time{ margin-bottom: 0 }

	.recruit_div .department_tt{ font-size: 14px;  }
	.recruit_div .department_tt img{ height: 16px; }
	.recruit_div .box{ padding-bottom: 0 }
	.recruit_div .department_info{ padding-top: 10px; line-height: 24px; font-size: 12px; }
	.recruit_div .job_details{ font-size: 12px; line-height: 22px; }
	.recruit_div .job_details p{ font-size: 12px!important; line-height: 22px!important; }
	#map_container{ height: 350px; }
	.right_div .main_div .contact_d div{ font-size: 16px; }

	.ry_div a{ width: 29%; height: 226px; margin: 2% }
	.ry_div a .name{ padding-top: 20px; display: none }
	.big_imgs .right_btn{ right: 0 }
	.big_imgs .left_btn{ left: 0 }
	.container{ width: 100% }
	.main_div .content embed{ width: 100% }
	.main_div .content video{ width: 100% }

	.main_div .news_list .box .img .div1,.main_div .news_list .box .img .div2,.main_div .news_list .box .img .div3,.main_div .news_list .box .img .div4,.main_div .news_list .box .img .mark{ display: none; }
	.logo_list .row a{ width: 48%; background: #fff; margin-left:1%; margin-right: 1%  }
	.services .title{ font-size: 18px; }
	.services .tt_des{ font-size: 12px; }
	.services .list{ padding-top: 10px; }
	.services .logo_list{ padding-top: 10px; }
	.logo_list .row a{ height: 60px; line-height: 60px; }
	.logo_list .row a img{ max-height: 60px; }
	
	.login_div .btns a{ margin: 0; width: 50%; height: 50px; line-height: 50px; font-size: 14px; border:1px solid #107BC2  }
	.login_div .more_btns{ line-height: 60px; padding-bottom: 0px; }
	.login_div .more_btns a{margin: 0 15px; font-size: 12px; }

	.login_div .btns{ padding-bottom: 0 }

	.customer{ background: none; padding-bottom: 20px }

	.footer .fri_links{ display: none }
	.footer .foot_main{ display: none; }
	.inner .left_div{ margin-top: 0; }

	.left_new .more_view{ text-align: center; }
	.left_new .more_view a{ font-size: 14px; }

	.main_div .content .ys_texts{ border-bottom: none; }
	.main_div .content .ys_texts img{ width: 100% }
	.main_div .content .ys_texts strong img{ width: 16px; }

	.inner .left_div .left_service .list li{ width: 33.3% }
	.inner .left_div .left_resource .list li{ width: 50%;  }
	.inner .left_div .left_resource .list li img{height:190px}
}



@media (max-width: 480px){
	.banner_box .imagelist .block{background-size:auto 100% !important;}
	.banner_box{
		padding-bottom: 0 !important;
	}
	.services .list .box{ padding: 0 15px; width: 100%; }
	.services .list .box .img{ width: 180px; height: 180px; }
	.services .list .box .de{ height: auto }
	.bg_div{ height: 150px; }
	.main_div .news_list .box .name{
		word-break: keep-all;
	    white-space: nowrap;
	    overflow: hidden;
	    display: block;
	    text-overflow: ellipsis;
	}
	.main_div .news_list .box .img{ height:80px;}
	.main_div .team_list .box .img{ height:80px; width: 70px;}

	.main_div .news_list .box .info .de{margin:0;}
	.main_div .news_list .box{ padding: 8px 0 }

	#map_container{ height: 200px; }
	.right_div .main_div .contact_d div{ font-size: 14px; }
	.right_div .main_div .contact_d p{ font-size: 14px; }

	.ry_div a{ width: 29%; height: 120px; line-height: 100px; margin: 2% }
	body .banner_box{ height: 140px!important }

	.main_div .team_list .box .info .de{ max-height: 50px!important }
	.services .list .box{ padding: 0 }
	.services .list .box .img{ width: 100%; height: auto; }
	.services .list .box .text{  height: auto; overflow: hidden; float: none; padding-top: 10px; padding-bottom: 15px; }
	.services .list .box .text .tt_num{ display: block }
	.services .list .box .text .tt{ text-align: center; }
	.login_div .more_btns a{margin: 0 6px; font-size: 12px; }

	.main_div .content .baoguan strong{ width: 50% }
	.services .list .box .text .tt_num{ display: none }
	.services .list{ padding: 0 20px; }
	.services .list .box .text{ background: none }
	.foot_news{ padding-bottom: 0 }
	.foot_news .index_news .list li{ border-bottom: 1px solid #ddd; height: 40px; line-height: 40px; }
	.foot_news .index_news .list li .icon{ margin-top: 17px; }
	.foot_news .index_news .list li .time{ display: none }
	.inner .left_div .left_resource .list li img{height:120px}

}

@media (max-width: 360px){
	.ry_div a{ height: 100px; width: 30%; line-height: 80px; margin: 1% }
	.inner .left_div .left_resource .list li img{height:100px}
}
@media (max-width: 340px){
	.login_div .more_btns a{margin: 0 2px; font-size: 11px; }
}