@charset "utf-8";

#wrapper {
	width: 100%;
	text-align: left;
}

a,
a:visited {
	color: #5985b5;
}

a:hover {
	color: #fb6a19;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* 布局宽度 */
.width_1200 {
	width: 1200px;
	margin: 0 auto;
}

/*more*/
#top {
	/* height: 34px; */
	padding: 20px 0 0;
}

#logo {
	float: left;
    /* width: 395px; */
}
#logo img{
    width: 100%;
    height: auto;
}

.top_right {
	float: right;
    width: calc(100% - 550px);
}

.top_icon {
	float: left;
	margin-right: 40px;
	position: relative;
}
.top_icon_li{
	float: left;
	position: relative;
	width:50px;
}
.top_icon_li>span{
	position: absolute;
	left: 25px;
	top: -20px;
	font-size: 12px;
	padding: 0 5px;
	/* background: #0c2c85; */
	/* color: #fff; */
	display: none;
}
.top_icon>img {
	margin-left: 40px;
}
.top_bar_wrap{
	background: #808080;
	overflow: hidden;

}
.top_bar{
	width: 1200px;
	padding: 10px 0;
	margin: 0 auto;
	overflow: hidden;

}
#top-nav {
	font-size: 14px;
	overflow: hidden;
	float: right;
	margin-top: 30px;
}

#top-nav a {
	display: block;
	float: left;
	padding: 0 10px;
	color: #666;
	border-right: 1px solid #999999;
}

#top-nav a:last-child {
	border-right: none;
}

#top-nav a:visited {
	color: #000;
}


.search {
	width: 260px;
	float: right;
	height: 20px;
	line-height: 20px;
	border: 1px solid #eee;
	vertical-align: middle;
	border-radius: 5px;
	text-align: center;
    margin-right: 50px;
	margin-top: 30px;

}

.txt_search {
	width: calc(100% - 95px);
    height: 20px;
	line-height: 20px;
	border: none;
	padding-left: 25px;
	color: #CCC;
	background: url(../images/hualu/search_icon.png) no-repeat left center;
}

.btn_search {
	height: 20px;
	width: 20px;
	vertical-align: middle;
	background: #f5f5f5;
	cursor: pointer;
	float: right;
}

.search_border {}

.search span {
	padding-left: 5px;
	vertical-align: middle;
	display: inline-block;
	*margin-top: -2px;
}

.search span a,
.search span a:visited {
	color: #003399;
}

/* 导航 */
.menu_nav{
    width: 1200px;
    float: none!important;
}

.menulists .menulists_ul>li {
    /* width: calc(100% / 9 - 20px)!important; */
	white-space: nowrap;
}
.menulists ul li ul {
    left: -35px!important;
}
.menulists .menulists_ul>li>a{
	font-weight: normal!important;
}


/* 导航 */
.MenuBox {
	width: 100%;
	/* height: 84px; */
	background: #0c37a6;
	/* background: rgba(12,55,166,.4); */
	/* background:url(/images/hualu/1_02.png) no-repeat top center; */
	/* position: relative;
	top: 9px;
	z-index: 9999999; */
}

.zcenter {
	width: 1200px;
	margin: 0 auto;
	height: inherit;
}

.zn_menu {
	height: 100%;
	overflow: hidden;
    margin: 0;
}

.zn_menu dt,
.zn_menu dd {
	width: calc(100% / 9);
	float: left;
	text-align: center;
	display: inline-block;
}

.zn_menu menulists_ul li{
	float: left;
	margin: 0;
	background: url(../images/hualu/menu_li.png) no-repeat center right;
}
.zn_menu dd:last-child {
	background: none;
}

.zn_menu dd>a,
.zn_menu dt>a {
	display: block;
	height: 58px;
	line-height: 58px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 500;
	text-decoration: none;
}

.zn_menu dd:hover,
.zn_menu dt:hover,
.active{
	background: #0f43db;
}


/*下拉菜单*/

.zn_bg3 {
	width: 100%;
	/* height: 200px; */
	height: 0;
	background:#fff;
	position: absolute;
	top: 58px;
	left: 0;
	z-index: 10;
	/* display: none; */
	margin-top: -1px;
	opacity: .9;
}

.zn_sub {
	position: absolute;
	left: 50%;
	margin-left: -600px;
	width: 1px;
	height: 0px;
	margin-top: -3px;
	text-align: left;
	display: none;	
	background-color: #203963;
	z-index: 12;
}
/* .zn_menu dd:nth-child(4) .zn_sub{
	display: block;
} */

.zn_site {
	position: absolute;
	left: 0px;
	width: 1200px;
	padding: 20px 0;
	line-height: 24px;
	color: #333;
	z-index: 12;
	overflow: hidden;
}

.fl{
	float: left;
}

.zn_item {
	height: 160px;
	padding: 0 30px;
	/* padding-bottom: 18px; */
	border-right: 1px #d2d2da solid;
}
.zn_site .zn_item:last-child{
	border-right: none;
	padding-right: 0;
}
.zn_list {
	width: 300px;
}

.zn_list li {
	line-height: 36px;
	float: left;
}

.zn_pic {
	height: 139px;
	border-right: none;
	margin-right: 15px;
}

.zn_pic img {
	width: 190px;
	max-height: 140px;
}

.zn_info {
	width: 380px;
	/* padding: 0 30px; */
	font-size: 12px;
	line-height: 20px;
}
.zn_info>a{
	display: block;
	color: #333;
}

.zn_info .zn_info_txt{
	width: calc(100% - 205px);	
	float: right;
	line-height: 24px;
}
.zn_info_tit{
	margin-bottom: 10px;
	color: #0c2c85;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 30px;
}
.zn_info_tit>a{
	color: #0c2c85;
}
.zn_info .zn_info_txt p,.zn_info_p{
	font-size: 14px;	
	text-indent: 28px;
	/* float: right; */
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 24px;

	
}

.zn_icon{
	width: 276px;
	overflow: hidden;
	/* padding: 0 30px; */
}


.icon_li{
	float: left;
	text-align: center;
	width: calc(100% / 3 - 18px);
	margin-right: 20px;
	margin-bottom: 15px;
	padding-top: 40px;
}
.icon_li>a{
	display: block;
	color: #333;
}
.icon_li:hover>a{
	color: #0c2c85;
}
.icon_li:hover{
	transition: 1s ease-in-out;
}
.icon_li:nth-child(1){
	background: url(../images/hualu/nav1.png) no-repeat center 8px;
}
.icon_li:nth-child(1):hover{
	background: url(../images/hualu/nav1_hover.png) no-repeat center 8px;
}
.icon_li:nth-child(2){
	background: url(../images/hualu/nav2.png) no-repeat center top;
}
.icon_li:nth-child(2):hover{
	background: url(../images/hualu/nav2_hover.png) no-repeat center top;
}
.icon_li:nth-child(3){
	background: url(../images/hualu/nav3.png) no-repeat center 8px;
	margin-right: 0;
}
.icon_li:nth-child(3):hover{
	background: url(../images/hualu/nav3_hover.png) no-repeat center 8px;
}
.icon_li:nth-child(4){
	background: url(../images/hualu/nav4.png) no-repeat center top;
}
.icon_li:nth-child(4):hover{
	background: url(../images/hualu/nav4_hover.png) no-repeat center top;
}
.icon_li:nth-child(5){
	background: url(../images/hualu/nav5.png) no-repeat center top;
}
.icon_li:nth-child(5):hover{
	background: url(../images/hualu/nav5_hover.png) no-repeat center top;
}
.icon_li{
	background-size: 35px auto!important;
}
.icon_li>img{
	height: 30px;
}
.icon_li>p{
	font-size: 14px;
	color: #333;
}
ul.zn_item li{
	width:calc(100% / 2 - 5px);
}
ul.zn_item li>a {
	display: block;
	color: #333;
	height: 30px;
	line-height: 30px;
	/* width: 83px; */
	width:100%;

	font-weight: 500;
	text-decoration: none;
	background: url(../images/hualu/jiantou01.png) no-repeat left center;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}
ul.zn_item li:nth-child(2n)>a{
	margin-right: 0;
}
ul.zn_item li>a:hover {
	color: #0f43db;
	
}

/*main style*/
.block {
	float: left;
	border: 1px #d7d7d7 solid;
}

.block .title {
	height: 30px;
	line-height: 30px;
	position: relative;
	color: #FFF;
	font-weight: bold;
	padding-left: 33px;
	font-size: 14px;
	letter-spacing: 1px;
}

.block .title h2 {
	font-size: 14px;
}

.block .title_1 {
	background: url(../images/hualu/bg/title_home_bg.jpg) no-repeat;
}

.block .title_2 {
	background: url(../images/hualu/bg/title_home_bg2.jpg) no-repeat;
}

.block .title_3 {
	background: url(../images/hualu/bg/title_home_bg3.jpg) left top no-repeat;
	height: 75px;
	line-height: 27px;
	color: #264a9b;
	font-size: 14px;
	padding-left: 5px
}

.block .block_con {
	overflow: hidden;
}

.block .block_con ul.hl_list {
	height: 210px;
}

.block .block_con ul.hl_list li {
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
}

.innban>img{
	width: 100%;
	height: auto;
	font-size: 0;
	display: block;
}

/*页脚样式*/
footer {
	background: #f5f5f5;
	/* margin-top: 80px; */
	padding: 20px 0;
	border-top: 2px solid #08308f;
}

.foot {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.foot_left {
	float: left;
	margin-top: 15px;
}

.foot_center {
	float: left;
	/* width: 600px; */
	margin-left: 170px;
	margin-top: 5px;
}

.foot_right {
	float: right;
	overflow: hidden;
	/* margin-top: 10px; */
}

.code {
	float: left;
	text-align: center;
	margin-left: 30px;
}
.code img{
	width: 90px;
    height: 90px;
}
.code p{
	font-size: 14px;

}
/* .code:first-child {
	margin-right: 50px;
} */
.foot_bar{
	background:#142757;
	padding: 20px 0;
	margin-top: 40px;
}
.foot_top {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.link_con {
	float: left;
	margin-right: 40px;
	width: calc(100% / 4 - 30px);
	overflow: hidden;
}

.link_con:last-child {
	margin-right: 0;
}

.link_con label {
	margin-right: 10px;
	float: left;
	color: #fff;
}

.sel {
	position: relative;
	float: left;
	width: calc(100% - 74px);
}

.sel>img {
	position: absolute;
	right: 0;
	top: 0;
}

.link_con .select {
	width: 100%;
	height: 26px;
	line-height: 26px;
	background: #838ea7;
	color: #fff;
	border-radius: 5px;
}

.footer_links {
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 14px;
	color: #666;
}

.footer_links a,
.footer_links a:visited {
	padding: 0 13px 0 7px;
	border-right: 1px #ccc solid;
	color: #333333;
	display: inline-block;
	    height: 15px;
	    line-height: 15px;
}

.footer_links a:hover {
	color: #3184c6;
}

.footer_links a:last-child {
	border: none;
}

.copyright {
	margin-top: 10px;
}

.copyright p {
	color: #333;
	text-align: center;
	font-size: 14px;
	/* margin-bottom: 10px; */
	line-height: 24px;
}

.copyright a,
.copyright a:visited {
	color: #333;
}

.copyright a.foot_grey:hover {
	color: #3184c6;
}

.beian {
	margin: 0 10px 0 25px;
}

/* 右侧固定 */
.fix_right {
	position: fixed;
	/* left: 70px;
	bottom: 50px; */
	z-index: 999;
	    left: 40px;
    bottom: 40px;
}

.fix_li {
	text-align: center;
	padding: 6px 10px 6px 7px;
	border-radius: 20px;
	margin-bottom: 10px;
}

.fix_li:hover {
	color: #fff;
	background: #dae0ee;
	position: relative;
	transform: translateX(-30px);
	/* left: -30px; */
	transition: 1s ease-in-out;
}

.fix_li:hover .fix_txt {
	color: #0f42dc;
	transition: 1s ease-in-out;
}

.fix_li>a {
	display: block;
	padding-left: 40px;
	height: 30px;
	line-height: 30px;
}

.fix_li a {
	color: #fff;
	display: block;
	overflow: hidden;
}

.fix_li:nth-child(1)>a {
	background: url(../images/hualu/right_icon1.png) no-repeat left center;
}

.fix_li:nth-child(2)>a {
	background: url(../images/hualu/right_icon2.png) no-repeat 5px center;
}

.fix_li:nth-child(2):hover>a {
	background: url(../images/hualu/right_icon2_hover.png) no-repeat 5px center;
}

.fix_li:nth-child(3)>a {
	background: url(../images/hualu/right_icon3.png) no-repeat 5px center;
}

.fix_li:nth-child(3):hover>a {
	background: url(../images/hualu/right_icon3_hover.png) no-repeat 5px center;
}

.fix_li:nth-child(4)>a {
	background: url(../images/hualu/right_icon4.png) no-repeat 5px center;
}

.fix_li:nth-child(4):hover>a {
	background: url(../images/hualu/right_icon4_hover.png) no-repeat 5px center;
}

.fix_li:nth-child(5)>a {
	background: url(../images/hualu/right_icon5.png) no-repeat 5px center;
}

.fix_li:nth-child(5):hover>a {
	background: url(../images/hualu/right_icon5_hover.png) no-repeat 5px center;
}

.fix_li:nth-child(6)>a {
	background: url(../images/hualu/right_icon7.png) no-repeat 5px center;
}

.fix_li:nth-child(6):hover>a {
	background: url(../images/hualu/right_icon7_hover.png) no-repeat 5px center;
}
.fix_li:nth-child(7)>a {
	background: url(../images/hualu/right_icon6.png) no-repeat 5px center;
}

.fix_li:nth-child(7):hover>a {
	background: url(../images/hualu/right_icon6_hover.png) no-repeat 5px center;
}

/* .img{
	float: left;
	width:30px;
	margin-right: 5px;
	text-align: center;
} */
.fix_txt {
	/* float: left; */
	color: transparent;
}
#header_mobile,#header_common,#banner_mobile,.tit_mobile,#footer_mobile{
	display: none;
}
@media screen and (max-width: 1400px){
	#top {
		width: 100%!important;
	}
	.menulists .menulists_ul>li>a{
		font-size: 18px!important;
	}
	.fix_right{
		left: 0;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1200px){
	#top{
		width: 100%!important;

	}
	.width_1200{
		width: 100%!important;
	}
	.top_right{
		width: calc(100% - 510px);
		    
	}
	.menu_nav{
		width: 100% !important;
	}
	.search{
		margin-right: 20px;
	}
	.con1_tabLi>a {
		font-size: 13px!important;
	}
	.menu_nav{
		width: 100%!important;

	}
	.con3_l {
    	width: 100%!important;
	}
	.content_left {
		width: 600px!important;
	}
	.content_right {
		z-index: 3333333333!important;
		position: relative!important;
	}
	.special {
		margin-bottom: 5px!important;
	}
	.next {
		/* right: 177px!important; */
		right: 10px!important;;
	}
	.foot_top,.foot,
	.title_wrap,.media_wrap,.media_foot,.news_nav,
	.vision_cell,.vision_cell_tit,#leader,.vision_leader_wrap,
	.list_wrap,
	.matrix_codetab_wrap,
	.main,.leader_wrap,
	.news_main_list,.indus_con{
		width: 100%!important;
	}
	.matrix_li img {
		width: 100%!important;
		height: auto!important;
	}
	.zizhi_li:nth-child(4n){
		margin-right: 20px!important;
	}
	.zizhi_li:nth-child(3n){
		margin-right: 0!important;
	}
	.media_foot_li a{
		margin-right: 85px!important;
	}
	.foot_center {
		width: 421px;
		margin-left: 10px;
	}
	.fix_right,.top_space{
		display: none;
	}
	.newsBanner_tit{
	}
	.type{
		width: calc(100% - 60px)!important;
	}
	.recomm_left {
		width: 720px!important;
	}
	.recomm_right {
		width: calc(100% - 750px)!important;
	}
	.product_li img {
		height: 163px!important;
	}
}
@media screen and  (min-width:751px) and (max-width: 1024px){
	#top{
		width: 100% !important;

	}
	#logo{
		width: 500px;
	}
	.top_right{
		width: calc(100% - 505px);		    
	}
	.menu_nav{
		width: 100% !important;
	}
	.search{
		width: 235px;
		margin-right: 0px;
	}
	.newsBanner_tit{
		width: 100%!important;
	}
}

@media screen and (max-width: 750px) {
	body{
		max-width:750px;
		font-size: 16px;
	}
	#header,#banner,.foot_bar,#footer,.innban{
		display: none;
	}
	#header_mobile,#header_common,#banner_mobile,#footer_mobile{
		display: block;
	}
	#top—common-header{
		background-color: #0a3190;
		display: flex;
		align-items: center;
		height: 40px;
		padding: 0 20px;
	}
	.back{
		width: 20px;
		margin-right: 40px;

	}
	#top—common-header li{
		width: calc(100% - 80px);
		text-align: center;
	}
	.header_tit{
		color: #fff!important;
		font-size: 18px;
	}

	.fix_right{
		display: none;
	}

	.foot{
		width: 80%!important;
		margin: 0 auto;
	}
	.foot_left img{
		width: 150px;
	}
	.foot_center{
		float: none;
		width: 100%;
		margin: 10px auto;
	}

	.footer_links>a{
		padding: 0 3px;
	}
	.copyright p{
		font-size: 12px;
	}
	.code:first-child {
		margin-right: 0;
	}

}