html {
	height: 100%;
	width: 100%;
	font-family: "microsoft yahei";
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow-x: hidden;
}

*,
*:before,
*:after {
	box-sizing: inherit;
	-moz-box-sizing: inherit;
	-webkit-box-sizing: inherit;
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	width: 100%;
}

article,
footer,
header,
section,
footer,
nav {
	display: block
}

a {
	text-decoration: none;
}

h4 {
	font-weight: 500;
}

img {
	display: block;
}

.nav_item a:link {
	color: black;
}

.nav_item a:visited {
	color: black
}

.nav_item a:hover {
	color: dodgerblue;
}



.nav_menu_ul a:visited {
	color: black;
}

.module1_but a:visited {
	color: #fff
}

.banner_title a:visited {
	color: #fff
}

ul,
li {
	list-style: none;
}

button {
	cursor: pointer;
}

p {
	font-family: "microsoft yahei";
	font-weight: 500;
}

.header {
	width: 100%;
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 1;
	background: #fff;
}

.loginbar {
	background-color: #2474c4;
	width: 100%;
	text-align: left;
}

.loginbar_box {
	width: 87%;
	margin: 0 auto;
}

.loginbar p {
	padding: .6rem 0;
	font-size: .6rem;
	color: white;
	display: inline-block;
}

#top_logo {
	height: .8rem;
}

.loginbar_box img {
	margin: 0 1rem;
	height: .7rem;
	display: inline-block;
	vertical-align: middle;
}

.header_main {
	width: 84%;
	margin: 0 auto;
}

.line_left {
	position: relative;
	float: left;
	width: 2rem;
	margin-top: 1.6rem;
}

.line_right {
	position: relative;
	float: left;
	width: 2rem;
	margin-top: 1.6rem;
}

.line_left img {
	width: 100%;
}

.line_right img {
	width: 100%;
}

.logo {
	width: 7rem;
	float: left;
	position: relative;
	margin-top: 1.2rem;
}

.logo img {
	display: block;
	margin: auto 0;
	width: 80%;
}

.nav_menu_item a:link {
	color: black;
}

.nav {
	position: relative;
	display: block;
        margin-left: 10.4rem;
}


.nav_title {
	font-size: .8rem;
	font-family: "microsoft yahei";
}

.nav_sub_title {
	margin-top: .5rem;
	font-size: .5rem;
	font-family: "microsoft yahei";
	display: none;

}

.nav_item {
	text-align: center;
	padding: 1.5rem;
	color: black;
}

.nav_menu_ul {
	display: none;
	position: absolute;
	left: -.4rem;
    top: 3.8rem;
	opacity: .95;
}

.navbar>li {
	cursor: pointer;
	position: relative;
	float: left;
}

.nav_menu_li:hover .nav_menu_ul {
	display: block;
}

.nav_menu_li2:hover .nav_menu_ul2 {
	display: block;
}

#tuxiang:hover #tuxiang_ul {
	display: block;
}

#shibie:hover #shibie_ul {
	display: block;
}

#jinrong:hover #jinrong_ul {
	display: block;
}

#shipin:hover #shipin_ul {
	display: block;
}

.nav_menu_item:hover {
	cursor: pointer;
	background-color: dodgerblue;
}

.nav_menu_item a:visited {
	color: black;
}

.nav_menu_item {
	margin-top: 0.2rem;
	height: 2.2rem;
	line-height: 2.2rem;
	background-color: #F2F2F2;
	font-size: .7rem;
	border-radius: .2rem;
	color: black;
	width: 7rem;
	opacity: .95;
	position: relative;

}

.nav_menu_ol {
	font-size: .7rem;
	background-color: #F2F2F2;
	border-radius: .2rem;
	margin-top: 0.2rem;
	height: 2.2rem;
	line-height: 2.2rem;
	opacity: .95;
}

.nav_menu_ul2 {
	display: none;
    top: 3.8rem;
	position: absolute;
	left: -0.4rem;
}

#jinrong_ol:hover {
	background-color: dodgerblue;
}

#jinrong_ul {
	display: none;
	top: -0.2rem;
	position: absolute;
	left: 100%;
}

#tuxiang_ul,
#shipin_ul,
#shibie_ul {
	display: none;
	position: absolute;
	width: 14rem;
	left: 100%;
	top: -0.2rem;
}



#shibie_ul li,
#tuxiang_ul li,
#shipin_ul li {
	float: left;
	width: 7rem;
}



.banner_title {
	display: none;
	cursor: pointer;
	position: relative;
	top: 87.3%;
	left: 46.1%;
	width: 5rem;
	color: #fff;
	font-size: .7rem;
	border-radius: .2rem;
	background-color: #1E90FF;
	text-align: center;
	line-height: 1.5rem;
}
.module_title{
        width:10%;
        margin:0 auto;
}
.banner_title:hover {
	background-color: #5897FB;
}

.module_title img {
	margin: auto;
}

#but_bom {
	display: none;
	color: white;
	cursor: pointer;
	font-size: .7rem;
	border-radius: .2rem;
	width: 5rem;
	background-color: #1E90FF;
	text-align: center;
	line-height: 1.5rem;
	margin: 0 auto;
}

#but_bom a:visited {
	color: #fff;
}

.footer {
	margin-top: 4rem;
	background-color: #2B2B2B;
	overflow: hidden;
	padding: 1rem;
	clear: both;
}

.footer_inner {
	position: relative;
	width: 86%;
	margin: 0 auto;
	border: silver 1px solid;
	border-left: none;
	border-right: none;
	overflow: hidden;
}

.footer_logo {
	position: relative;
	margin: 1.5rem 0;

}

.footer_logo img {
	width: 6rem;
}

.footer_solution {
	margin: 0rem 0 1rem 0;
	color: #fff;
	width: 16rem;
	float: left;
	overflow: hidden;
}

.footer_solution p {
	padding-left: 2rem;
	font-size: .7rem;
	line-height: 1.2rem;
}

.footer_title_box {
	overflow: hidden;
}

.footer_title_box img {
	float: left;
	width: .7rem;
}

.footer_title_box_img {
	overflow: hidden;
	height: 2rem;
	float: left;
	padding-top: .25rem;
}

.footer_title {
	margin-top: 1rem;
}

.footer_right {
	float: right;
	width: 50%;
	margin: 1.5rem 0 0 0;
}

.footer_right img {
	width: 10rem;
	display: inline;
}

#contact_us {
	color: #fff;
	background-color: transparent;
	padding: .5rem;
	width: 6rem;
	border: darkorange .07rem solid;
	border-radius: .2rem;
	float: right;
	cursor: pointer;
	font-size: .6rem;
	margin-right: 2rem;
}

#footer_nav {
	float: right;
	width: 100%;
}

#footer_nav a {
	color: #c0c0c0;
}

#footer_nav p {
	font-size: .7rem;

}

.footer_nav_ul {
	width: 100%;
	overflow: hidden;
}

.footer_nav_box1 {
	width: 50%;
}

.footer_nav_li {
	float: left;
	color: #C0C0C0;
	font-weight: 600;
	margin-left: 2rem;

}

.footer_nav_subul li {
	margin: .5rem 0;
}

#footer_nav a:visited {
	color: #C0C0C0
}

#footer_nav a:hover {
	color: dodgerblue;
	cursor: pointer;
}

.footer_copytext {
	color: #C0C0C0;
	font-size: .5rem;
	padding-top: .5rem;
	width: 100%;
	text-align: center;
}

.footer_copytext img {
	width: .6rem;
	display: inline;
	vertical-align: text-top;
}

.footer_copytext a:link {
	color: #C0C0C0;
}

.footer_copytext a:visited {
	color: #C0C0C0;
}

.footer_copytext a:hover {
	color: dodgerblue;
}

.qrcode {
	width: 9rem;
	margin: 1.5rem 0 0rem 4rem;
	float: left;
	position: relative;
	text-align: center;
}

.qrcode img {
	width: 40%;
	height: 100%;

}

.qrcode_bom {
	text-align: center;
	line-height: 2rem;
}

.qrcode_bom p {
	color: #fff;
	line-height: 2rem;
	font-size: .7rem;
}

#contact_form {
	background-color: #F4F4F4;
	border: none;
	border-radius: .5rem;
	line-height: 1rem;
	font: .7rem;
	width: 15rem;
	height: 27.5rem;
	padding: 0 1rem;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	position: fixed;
	z-index: 99999;
}

.form_input {
	display: block;
	height: 2rem;
	margin: 0;
	padding: 0 .2rem;
	vertical-align: middle;
	background: #f8f8f8;
	border: 3px solid #ddd;
	font-size: .7rem;
	font-weight: 300;
	line-height: 1rem;
	color: #888;
}


#contact_form P {
	font-size: 1rem;
	padding: .5rem 0;
	font-family: sans-serif;
}

.form-label {
	font-family: "microsoft yahei";
	display: block;
	float: none;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	line-height: 1.5rem;
	font-size: .6rem;
}

.input-block {
	width: 100%;
}

.input-block input {
	width: 100%;
	font-size: .6rem;
	height: 1.5rem;
	font-family: "microsoft yahei";
	color: #000;
	border: darkgray 1px solid;
	border-style: solid;
	border-radius: .2rem;
	padding: .2rem;
}

.input-block select {
	width: 100%;
	font-size: .6rem;
	height: 1.5rem;
	width: 100%;
	font-size: .6rem;
	height: 1.5rem;
	font-family: "microsoft yahei";
	color: #000;
	border: darkgray 1px solid;
	border-style: solid;
	border-radius: .2rem;
}

.textarea {
	width: 100%;
	height: 3rem;
	resize: none;
	font-size: .6rem;
	font-family: "microsoft yahei";
	border-radius: .2rem;
	padding: .2rem;
}

.mask {
	position: absolute;
	top: 0px;
	filter: alpha(opacity=60);
	background-color: #777;
	z-index: 1002;
	left: 0px;
	opacity: 0.5;
	-moz-opacity: 0.5;
}

.center-block {
	position: absolute;
}

#but {
	padding: 0 1rem;
}

.btn_sub {
	color: white;
	margin: .75rem;
	width: 4rem;
	height: 1.5rem;
	background-color: #1E90FF;
	border: none;
	border-radius: .2rem;
}

.banner {
	position: relative;
	width: 100%;
	background-size: 100% 100%;
	margin-top: 4.5rem;
	height: 26rem;
}

.module_article {
	float: left;
	margin-top: 2rem;
	width: 100%;
}
 
 @media screen and (max-width: 901px) { 
.nav {
	position: relative;
	display: block;
        margin-left: 0rem;
} 
.line_left {
        display:none;
}

.line_right {
	display:none;
}
.module_title img{width:100%;}
.footer_right{width:60%;}
.qrcode{margin: 1.5rem 0 0rem 3.5rem;}
.footer_solution{width:13rem;}
.footer_nav_li{margin-left:1rem;}
.nav_menu_ul {left: 0;}
.nav_menu_ul2{left:0;}
}