@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	 margin:0; padding:0;
}
body { background:#fff; color:#555; font-family: "微软雅黑"; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var {/* font-style:normal; *//* font-weight:normal; */}
a {color: #333;text-decoration:none;}
a:hover { text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table {border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
    background-color: transparent;
    empty-cells: show;
 }
td{}
html {overflow-y: scroll;} 

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.w{width: 1200px;margin: 0 auto;}
.cl{clear: both;}

.fl {

	float: left;

}

.fr {

	float: right;

}

/**/
.width_art {

	width: 1190px;

	margin: 0 auto;

}

.header {

	background: #fff;

	height: 90px;

	border-bottom: #efefef 1px solid;

}

.header .fr {

margin-top: 20px;

margin-right: 100px;
}

.header .fr p {

margin: 0 0 0 12px;

font-size: 17px;

color: /*#0072d4*/#333;

text-align: left;

float: left;

padding: 0px;

line-height: normal;

color:  #333;
}

.header .fr i {

font-size: 28px;

float: left;

color: #0072d4;

line-height: 36px;

margin-top: 3px;
}

.header .fr span {

display: block;

/* font-size: 14px; */

color: #333;

font-size: 18px;
}
.am-animation-fade {

	-webkit-animation-name: am-fade;

	animation-name: am-fade;

	-webkit-animation-duration: .8s;

	animation-duration: .8s;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear

}
.am-animation-delay-1 {

	-webkit-animation-delay: 1s;

	animation-delay: 1s

}
.am-animation-slide-left {

	-webkit-animation-name: am-slide-left;

	animation-name: am-slide-left

}
.am-animation-slide-right {

	-webkit-animation-name: am-slide-right;

	animation-name: am-slide-right

}
.logo {

/* margin-top: 20px; */
}

.logo img {

/* height: 65px; */
}
.sitechange{

	margin: 0 15px;

	height: 90px;

	line-height: 90px;

}

.sitechange a {

	margin: 0 10px;

}

.sitechange a:hover {

	color: red;

}
.nav {

	position: relative;

	z-index: 999;

	background: #FFF;

	width: 100%;

	height: 53px;

}

.navbox {

	box-shadow: 0 0 10px rgba(0, 0, 0, .1);

}

.nav ul {

	margin: 0;

	padding: 0;

	list-style: none;

	float: left;

}

.nav ul li {

display: inline-block;

position: relative;

text-align: center;

text-transform:  uppercase;

width: 149px;
}
.li3{
    width: 225px !important;
}
.n{
    width: 170px !important;
}
.nav ul li a {

	display: block;

	line-height: 53px;

	height: 53px;

	font-size: 15px;

	color: black;

	border-bottom: 2px solid #fff;

	/*margin-right: 60px;*/

	position: relative;

}

.nav ul li a i {

	margin-left: 10px;

}

.nav ul li a:hover {

	color: #0072d4;

	border-bottom: 2px solid #236ffb;

}
.nav ul li ul li{width: 100% !important;}
.n:hover a {

	color: #0072d4;

}

.nav ul .hover a {

	color: #0072d4;

	border-bottom: 2px solid #236ffb;

}

.nav ul li.hover .subnav li a {

	border: none;

	color: 666;

	margin: 0;

}

.nav ul li .subnav {

position: absolute;

/* width: 169px; */

left: 0px;

top: 51px;

opacity: 0;

transition: all .3s ease 0s;

transform: translate3d(0, 10px, 0);

visibility: hidden;

z-index: 100;

background: #FFF;

border-top: 2px solid #236ffb;
}

.nav ul li .subnav li a {

display: block;

width: 100%;

font-size: 13px;

text-align: center;

margin: 0;

color: #666;

height: 40px;

line-height: 40px;
}

.nav ul li .subnav li a:hover {

	border: none;


	color: #555;

	background-color: #efefef;

}

.nav ul li:hover .subnav {

opacity: 1;

transform: translate3d(0, 0, 0);

visibility: visible;

/* width: 179px; */

width: 100%;
}

.nav form {

	float: right;

	padding-top: 8px;

}

.nav form .ip {




	border: 0;

	border-radius: 20px 0 0 20px;

	padding: 8px 10px 8px 20px;

	vertical-align: middle;

}

.nav form .bnt {

	background: #E74E41;

	border: 0;

	padding: 8px 20px;

	color: #fff;

	vertical-align: middle;

}
/*footer*/
.bg_link {

	background: #666;

}

.bg_foot {

background: #444;

overflow:  hidden;
}

.link {

	height: 50px;

	line-height: 50px;

}

.link_title {

	color: #fff;

	width: 80px;

	float: left;

}

.link_list {

}

.link_list a {

	color: #ddd;

	margin-right: 20px;

}

.link_list a:hover {

	color: #fff;

}

.footer {

	padding: 30px 0;

	color: #fff;

}

.footer .left {

background: url(../images/bg_foot_line.gif) repeat-y right;

padding: 0 24px;

float: left;

min-height: 120px;
}

.footer .search {

	padding-left: 40px;

	float: left;

	font-size: 14px;

	color: #8F8F8F;

	font-family: microsoft yahei;

	line-height: 24px;

}

.footer .search span {

	font-size: 16px;

	color: #ddd;

	font-family: microsoft yahei;

	display: block;

	padding-bottom: 15px;

}

.footer .search input {

	border: 1px solid #fff;

	padding: 6px 10px;

}

.footer .search button {

	border: 1px solid #000;

	background: #000;

	color: #fff;

	padding: 6px 20px;

}

.footer .left dl {

	margin: 0;

	padding: 0;

}

.footer .left dl dd {

	text-align: left;

	font-size: 18px;

	color: #ddd;

	font-family: microsoft yahei;

	margin: 0 0 10px 0;

	padding: 0;

}

.footer .left dl dt {

	text-align: left;


	font-size: 14px;

	color: #8F8F8F;

	font-family: microsoft yahei;

	line-height: 24px;

	font-weight: normal;

}

.footer .left dl dt p {

	margin: 0;

	padding: 0;

}

.footer a {

	color: #8F8F8F;

}

.footer a:hover {

	color: #fff;

}
.cssanimations [data-am-scrollspy*=animation] {

	opacity: 0

}
.copyright {

	font-size: 12px;

	color: #8F8F8F;

	font-family: microsoft yahei;

	line-height: 24px;

	text-align: center;

	padding: 10px 0;

	background: #000;

}

.copyright a {

	color: #8F8F8F;

}

.copyright a:hover {

	color: #fff;

}

/*右侧浮动相关*/

.plug_service {

	position: fixed;

	right: 1%;

	bottom: 10%;

	z-index: 999;

}

.plug_service li {

margin-bottom: -1px;

position: relative;

width: 78px;
}

.plug_service li a {

	display: block;

	text-align: center;

	background: #fff;

	border: 1px solid #ececec;

	padding: 2px 8px 6px 8px;

	font-size: 12px;

	font-family: microsoft yahei;

	color: #505050;

	outline: none;

}

.plug_service li a span {

display: block;

font-size: 36px;

color: #888;

font-family: FontAwesome;
}

.plug_service li a:hover {

	background: #2384D5;

	color: #fff;

	border-color: #2384D5;

}

.plug_service li a:hover span {

	color: #fff;

	font-family: FontAwesome;

}

.plug_service .hover a {

	display: block;

	text-align: center;

	background: #2384D5;

	border: 1px solid #2384D5;

	padding: 2px 8px 6px 8px;

	font-size: 12px;

	font-family: microsoft yahei;

	color: #fff;

	outline: none;

}

.plug_service .hover a span {

	color: #fff;

}

.plug_service .hotline {

	position: absolute;

	display: none;

	background: #fff;

	padding: 10px 15px 0 15px;

	left: -200px;

	bottom: 0px;

	width: 210px;

	border: 1px solid #ddd;

	width: 180px;

	height: 68px;

	font-size: 12px;

	color: #999;

	line-height: 24px;

	border-radius: 4px;

}

.plug_service .hotline b {

display: block;

font-size: 16px;

color: #333;
}

.plug_service .hotline:after {

	content: " ";

	position: absolute;

	right: -10px;


	top: 25px;

	width: 20px;

	height: 20px;

	border: #ddd solid 1px;

	border-left: 0;

	border-bottom: 0;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

	background: #fff;

}

.plug_service .weixin_pic {

	position: absolute;

	display: none;

	background: #fff;

	padding: 5px;

	left: -230px;

	bottom: -70px;

	width: 210px;

	border: 1px solid #ddd;

	border-radius: 4px;

}

.plug_service .weixin_pic p {

	text-align: center;

	margin: 0 0 10px 0;

	padding: 0;

}

.plug_service .weixin_pic p span {

	color: #f30;

}

.plug_service .weixin_pic:after {

	content: " ";

	position: absolute;

	right: -10px;

	top: 130px;

	width: 20px;

	height: 20px;

	border: #ddd solid 1px;

	border-left: 0;

	border-bottom: 0;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

	background: #fff;

}

.plug_service li:hover div {

	display: block;

}

.plug_service li:last-child {

	margin-top: 5px;

}