﻿/* CSS Document */
html{overflow-y:scroll;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;}q:before,q:after{content:'';}object,embed{vertical-align:top;}h1,h2,h3,h4,h5,h6{font-size:100%;}img,abbr,acronym,fieldset{border:0;}ul li,ol li{list-style-type:none;}a,label{cursor:pointer;}img,svg{vertical-align:middle;margin:0;padding:0;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}button{border: none;cursor: pointer;}
body { margin:0; padding:0; font-family:'Microsoft YaHei'; font-size:12px; background:#f3f3f3;
	color: #434343;}
div,ul,li,dt,dl,dd,h1,h2,h3,h4,h5,h6,h7,img,p,span{ border-style: none;
	border-color: inherit;
	border-width: 0px;
	padding: 0;
	list-style-type:none;
	margin-top: 0;
	margin-bottom: 0;
}

img{display:block; max-width: 100%;
    width: auto;
  height: auto;}

input:focus {
  outline: none;
}
/* Link */
a:link { text-decoration:none;}
a:visited {text-decoration:none;}
a:hover { text-decoration:none;}
a:active { outline: none; border:0px; background-color:Transparent;}
a{display:block;}
a{blr:expression(this.onFocus=this.blur()); outline:none;} 

.blank5{ width:100%; height:5px; clear:both;}
.blank10{ width:100%; height:10px; clear:both;}
.blank15{ width:100%; height:15px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}
.blank50{ width:100%; height:50px; clear:both;}
.blank60{ width:100%; height:60px; clear:both;}
.blank70{ width:100%; height:70px; clear:both;}
.blank80{ width:100%; height:80px; clear:both;}
.blank100{ width:100%; height:100px; clear:both;}
.blank90{ width:100%; height:90px; clear:both;}
.blank150{ width:100%; height:150px; clear:both;}
.blank154{ width:100%; height:154px; clear:both;}
/*Clear*/
.clear{ clear:both; font-size:1px; height:0px; line-height:0px; overflow:hidden;}/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/
.clearfix::after {
  content:".";/*加一段内容*/
  display:block;/*让生成的元素以块级元素显示，占满剩余空间*/
  height:0;/*避免生成的内容破坏原有布局高度*/
  clear:both;/*清除浮动*/
  visibility:hidden;/*让生成的内容不可见*/
}
/*针对1920的宽屏*/

.max{ position:relative;overflow: hidden;}

.inner{width:1200px; height:auto; margin:0 auto;}
span {
	display: block;
}

/*首页*/
.index {
	background: #ffffff;
}
.header {
	padding: 25px 0;
	background: #ffffff;
}
.logo {
	float: left;
}
.header_right {
	float: right;
	background: url(../images/tel.png) no-repeat left center;
	background-size: 47px 46px;
	padding-left: 55px;
	margin-top: 8.5px;
}
.header_right_text {
	font-size: 16px;
	color: #a40000;
}
.header_right_tel{
	font-size: 20px;
	color: #a40000;
}
.banner img{
	width: 100%;
}
.banner .swiper-pagination-bullet {
	width: 14px !important;
	height: 14px !important;
	background: #ffffff !important;
	opacity: 1 !important;
	margin: 0 10px !important;
}
.banner .swiper-pagination-bullet-active {
	background: #a40000 !important;
}
.nav {
	background: #a40000;
}
.nav_item {
	float: left;
	width: 171.42px;
	text-align: center;
	padding: 20px 0;
	position: relative;
}
.nav_current {
	background: #720000;
}
.nav_link {
	font-size: 18px;
	color: #ffffff;
}
.nav_item:hover {
	background: #720000;
}
.nav_er_list {
	width: 100%;
	top: 100%;
	left: 0;
	position: absolute;
	z-index: 67;
	display: none;
}
.nav_er_item {
	padding: 15px 0;
	border-top: 2px solid #a5bfe8;
	text-align: center;
	background: rgba(0,0,0,0.5);
}
.nav_er_link {
	font-size: 16px;
	color: #ffffff;
}
.nav_item:hover .nav_er_list {
	display: block;
}
.title {
	width: 550px;
	margin: 0 auto 40px auto;
	padding: 50px 0 25px 0;
	text-align: center;
	border-bottom: 1px solid #cbcbcb;
}
.title_text {
	font-size: 26px;
	color: #333333;
	position: relative;
	display: inline-block;
}
.title_text font {
	color: #a40000;
}
.title_text::after {
	content: '';
	position: absolute;
	bottom: -27.5px;
	width: 100%;
	height: 5px;
	background: #a40000;
	left: 0;
}
.index_news_item {
	width: 290px;
	float: left;
	background: #f5f5f5;
	padding: 25px 20px;
	margin-left: 13.3px;
}
.index_news_item:nth-child(4n-3) {
	margin-left: 0;
}
.index_news_time {
	font-size: 18px;
	color: #999999;
	padding-bottom: 20px;
	border-bottom: 1px solid #dadada;
}
.index_news_title {
	font-size: 16px;
	color: #333333;
	margin-top: 10px;
}
.index_news_text {
	font-size: 14px;
	color: #666666;
	line-height: 25px;
	margin: 13px 0 13px 0;
}
.index_news_photo {
	width: 250px;
	height: 139px;
	overflow: hidden;
}
.index_news_photo img {
	transition: all 0.5s ease-in-out;
}
.index_news_item:hover .index_news_photo img {
	transform:scale(1.1);
}
.index_news_item:hover .index_news_title {
	color: #a40000;
}
.index_about_photo {
	float: left;
	padding: 15px;
	width: 600px;
	border: 1px solid #a40000;
}
.index_about_photo .swiper-pagination-bullet {
	background: #525252 !important;
	width: 25px !important;
	height: 25px !important;
	border-radius: 0 !important;
	opacity: 1  !important;
	margin: 0 2.5px;
	text-align: center;
	line-height: 25px;
	font-size: 16px;
	color: #ffffff;
}
.index_about_photo .swiper-pagination2 {
	text-align: right;
}
.index_about_photo .swiper-pagination-bullet-active {
	background: #a40000 !important;
}
.index_about_right {
	width: 565px;
	float: right;
}
.index_about_text {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.index_about_list {
	background: #a40000;
	padding: 15px 0;
	margin-top: 43px;
}
.index_about_item {
	width: 25%;
	padding: 0 15px;
	float: left;
	border-left: 1px solid #ffffff;
}
.index_about_item:first-of-type {
	border-left: none;
}
.index_about_num {
	font-size: 36px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
.index_about_num sup {
	font-size: 14px;
}
.index_about_title {
	text-align: center;
	color: #ffffff;
	font-size: 16px;
}
.index_pro_item {
	float: left;
	width: 290px;
	background: #f5f5f5;
	padding: 20px;
	margin-left: 10px;
}
.index_pro_item:nth-child(4n-3) {
	margin-left: 0;
}
.index_pro_photo {
	width: 250px;
	height: 140px;
	overflow: hidden;
}
.index_pro_photo img {
	transition: all 0.5s ease-in-out;
}
.index_pro_item:hover .index_pro_photo img {
	transform:scale(1.1);
}
.index_pro_title {
	text-align: center;
	font-size: 16px;
	color: #333333;
	margin-top: 15px;
}
.index_pro_item:hover .index_pro_title {
	color: #a40000;
}
.index_con {
	background: url(../images/bg2.jpg) no-repeat left top;
	background-size: 100% 100%;
	padding-bottom: 35px;
	margin-top: 40px;
}
.index_con .title {
	border-bottom: 1px solid #ffffff;
}
.index_con .title_text {
	color: #ffffff;
}
.index_con .title_text font {
	color: #ffffff;
}
.index_con .title_text::after {
	content: '';
	background: #ffffff;
}
.index_con_left {
	float: left;
	width: 600px;
	background: url(../images/bg1.png) no-repeat left top;
	background-size: 100% 100%;
	padding: 40px;
	margin-top: 58px;
	color: #ffffff;
}
.index_con_title {
	font-size: 26px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 10px;
}
.index_con_text {
	font-size: 16px;
	color: #ffffff;
	line-height: 30px;
}
.index_con_right {
	float: right;
	width: 600px;
}
.small {
	background: #151515;
	font-size: 16px;
	color: #cccccc;
	text-align: center;
	padding: 25px 0;
}

.zi {
	background: #ffffff;
	box-shadow:0px 2px 7px #ebebeb;
}
.zi_item {
	width: 120px;
	float: left;
	padding: 27px 0;
	text-align: center;
	border-bottom: 3px solid transparent;
}
.zi_item a {
	border-left: 1px solid #cccccc;
	font-size: 16px;
	color: #444444;
}
.zi_item:first-of-type a {
	border-left: none;
}
.zi_item:hover {
	border-bottom: 3px solid #a40000;
}
.zi_item:hover a {
	color: #a40000;
}
.zi_current {
	border-bottom: 3px solid #a40000;
}
.zi_current a {
	color: #a40000;
}
.section {
	width: 1200px;
	background: #ffffff;
	margin: 50px auto;
	padding: 50px;
}
.box span {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.footer {
	background: #444444;
	padding: 55px 0 0 0;
}
.footer_box {
	float: left;
	margin-right: 45px;
}
.footer_link {
	font-size: 18px;
	color: #cccccc;
	margin-bottom: 23px;
}
.footer_er_link {
	font-size: 16px;
	color: #cccccc;
	margin-bottom: 15px;
}
.footer_box span {
	font-size: 16px;
	color: #cccccc;
	margin-bottom: 15px;
}
.footer_code {
	float: right;
}
.footer_code img {
	width: 145px;
	margin: 0 auto;
}
.footer_code_text {
	font-size: 16px;
	color: #cccccc;
	text-align: center;
	margin-top: 12px;
}
.footer_left {
	float: left;
	margin-bottom: 130px;
}
.footer_block {
	border-top: 1px solid #ffffff;
	padding: 20px 0;
}
.footer_text {
	float: left;
	font-size: 16px;
	color: #cccccc;
}
.footer_text1 {
	float: right;
	font-size: 16px;
	color: #cccccc;
}
.con_left {
	float: left;
	width: 490px;
	margin-top: 50px;
}
.con_title {
	font-size: 26px;
	color: #242424;
	font-weight: bold;
	margin-bottom: 10px;
}
.con_box span {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.con_photo {
	float: right;
	width: 575px;
	background: #d7d7d7;
	padding: 10px;
}
.people_item {
	background: #fafafa;
	border: 1px solid #eaecee;
	margin-bottom: 20px;
	cursor: pointer;
}
.people_area {
	padding: 20px;
}
.people_left {
	float: left;
	margin-top: 15px;
}
.people_left img {
	float: left;
	margin-top: 3px;
}
.people_name {
	float: left;
	font-size: 18px;
	color: #000000;
	margin-right: 10px;
}
.people_right {
	float: right;
}
.people_right_title {
	font-size: 16px;
	color: #be4f4f;
	margin-bottom: 10px;
	text-align: right;
}
.people_right_text {
	font-size: 16px;
	color: #777777;
}
.people_model {
	padding: 20px 20px 40px 20px;
	border-top: 1px solid #eaecee;
	display: none;
}
.people_model span {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.jie_map {
	padding: 15px;
	border: 1px solid #a40000;
}
.box img {
	margin: 0 auto;
}
.news_item {
	padding: 30px 0;
	border-bottom: 1px solid #cccccc;
}
.news_item:first-of-type {
	padding-top: 0;
}
.news_photo {
	float: left;
	width: 250px;
	height: 140px;
	overflow: hidden;
}
.news_photo img {
	transition: all 0.5s ease-in-out;
}
.news_item:hover .news_photo img {
	transform:scale(1.1);
}
.news_box {
	float: right;
	width: 825px;
}
.news_title {
	font-size: 16px;
	color: #333333;
	float: left;
}
.news_time {
	font-size: 18px;
	color: #999999;
	float: right;
}
.news_text {
	font-size: 14px;
	color: #666666;
	line-height: 25px;
}
.news_info {
	margin: 25px 0 15px 0;
}
.news_item:hover .news_title {
	color: #a40000;
}
.fan {
	margin: 50px 0 60px 0;
	text-align: center;
}
.fan a {
	display: inline-block;
	margin: 0 5px;
	border: 1px solid #b9b9b9;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0 10px;
	font-size: 16px;
	color: #2c2c2c;
}
.fan a:hover {
	color: #ffffff;
	background: #a40000;
}
.fan a.on {
	color: #ffffff;
	background: #a40000;
	border: 1px solid #a40000;
}
.news_ex_title {
	font-size: 24px;
	color: #333333;
	text-align: center;
}
.news_ex_time {
	font-size: 16px;
	color: #666666;
	text-align: center;
	padding: 20px 0;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
}
.pro_item {
	float: left;
	width: 370px;
	padding: 25px;
	background: #f5f5f5;
	margin-left: 25px;
	margin-bottom: 25px;
}
.pro_item:nth-child(3n-2) {
	margin-left: 0;
}
.pro_photo {
	width: 318px;
	height: 176px;
	overflow: hidden;
}
.section1 {
	padding: 20px;
}
.pro_photo img {
	transition: all 0.5s ease-in-out;
}
.pro_item:hover .pro_photo img {
	transform:scale(1.1);
}
.pro_title {
	text-align: center;
    font-size: 16px;
    color: #333333;
    margin-top: 15px;
}
.pro_item:hover .pro_title {
	color: #a40000;
}
.pro_ex_title {
	font-size: 24px;
	color: #333333;
	text-align: center;
}
.pro_ex_block {
	padding: 20px 0 40px 0;
	border-bottom: 1px solid #cccccc;
	text-align: center;
	margin-bottom: 25px;
}
.pro_ex_link {
	font-size: 16px;
	color: #666666;
	padding: 0 40px;
	display: inline-block;
}
.pro_ex_block img {
	margin: 0 auto;
	width: 644px;
	height: 355px;
	display: inline-block;
}
.box1 {
	font-size: 16px;
	color: #666666;
	margin-bottom: 20px;
}
.box1 span {
	line-height: 30px;
display: inline-block;
}
.box1 font {
	color: #a40000;
}