@charset "utf-8";
body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form {
	margin: 0;
	padding: 0;
	list-style: none;
}
body {
	font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
	position: relative;
	color: #555;
	background-color: #fafafa;
	font-size: 14px;
	min-width: 1000px;
}
li, a, div, nav, header, footer, section, span, p {
	box-sizing: border-box;
}
img {
	border: none;
	border: 0;
	vertical-align: middle;
	outline: none;
	outline: 0;
}
ul {
	list-style-type: none;
}
nav a:hover {
	color: black;
}
a:hover {
	color: #f24a4f;
}
a {
	color: #444;
	text-decoration: none;
	border: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
p {
	font-size: 14px;
	line-height: 22px;
}
.clear, section:after, .other_group:after {
	content: "";
	display: block;
	clear: both;
}
.w50_l {
	float: left;
}
.w50_r {
	float: left;
	width: 46%;
}
.w50_r img {
	width: 100%;
}
.w50_l {
	margin-right: 4%;
}
/*————————————————————————————————— 头部 ————————————————————————————————*/
header {
	position: relative;
	height: 100px;
	background-color: #ffffff;
	padding: 0 4%;
	overflow: hidden;
	z-index: 9000;
	background-attachment: fixed;
}
.logo {
	position: absolute;
	height: 100px;
	line-height: 100px;
	display: inline-block;
	border-bottom: 1px solid #38393b;
	border-color: rgba(222,222,222,.1);
	z-index: 9;
	padding-left: 7%;
}
.logo img {
	height: 50px;
}
nav {
	position: relative;
	height: 100px;
	z-index: 99;
   	margin: 0 auto;
   	width: 35%;
}
nav span {
	font-size: 18px;
}
nav li {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 100px;
	height: 100px;
	margin-left: 30px;
}
nav li a {
	color: black;
	position: relative;
	letter-spacing: 1px;
	display: inline-block;
	opacity: 0.7;
}
nav li a.on {
	color:#f24a4f
}
nav li.on a {
	opacity: 1;
}
nav a.on:before {
	content: "";
	position: absolute;
	height: 3px;
	width: 100%;
	left: 0;
	bottom: 0;
	background-color: #f24a4f;
}

.title_banner {
	color: #FFFFFF;
	text-align: center;
	font-size: 40px;
	padding: 150px;
	background-size: cover
}

.nav_right {
	background-color: #ffffff00;
	right: 20px;
	position: fixed;
	top: 65%;
	transform: translateY(-50%);
	z-index: 29;
	text-align: center;
}
.phone-icon {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 24px;
    box-shadow: 0px 2px 12px 0px #575d6c;
    cursor: pointer;
	float: right;
}
.phone-icon > i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
}
.nav_contact {
	margin-right: 40px;
	transform: translateY(-50%);
	border-radius: 2px;
	padding-right: 10px;
	display: none;
	font-weight: bolder;
}
.nav_contact span {
	background-color: white;
	margin-bottom: 0px;
}
.float_code {
	padding: 10px 20px;
    background-color: white;
}
/*————————————————————————————————— index ————————————————————————————————*/
.index_banner {
	padding: 250px;
	background-size: cover
}
section.index {
	padding: 0 10%;
}
.index_content {
	display: flex;
}
.index_new {
	width: 80%;
	margin: 40px auto;
}
.index_new_top {
	width: 40%;
	float: left;
    	position: absolute;
}
.index_new_top>h2:after {
    content: "";
    position: absolute;
    width: 97px;
    height: 3px;
    background-color: #f23131;
    left: 15px;
    top: 55px;
}
.index_new_head {
	padding: 15px;
	font-size: 24px;
}
.index_new_banner {
	padding: 11px 15px;
}
.index_new_title {
	display: block;
	font-size: 20px;
	padding: 15px;
}
.index_new_date {
	width: 20%;
	float: left;
	font-size: 18px;
	padding: 15px;
	text-align: center;
}
.index_new_date>span {
	display: block;
}
.index_new_date_day {
	font-size: 16px;
}
.index_new_top_content {
	width: 80%;
	padding: 15px 0 15px 10px;
	float: right;
	color: #737373;
	border:solid #44444461;
	border-width:0 0 0 1px;
	height: 80px;
	overflow: hidden;
}
.index_new_list {
	width: 50%;
	float: right;
}
.index_new_list_item {
	margin: 15px;
	border:solid #dedede;
	border-width: 1px 0 0 0;
	height: 85px;
}
.index_new_list_date {
	width: 20%;
	float: left;
	font-size: 18px;
	padding: 20px 15px;
	text-align: center;
}
.index_new_list_title {
	width: 80%;
	padding: 20px 10px;
	float: right;
	font-size: 18px;
	height: 80px;
    	overflow: hidden;
}
.ql-editor span {
	display: inline
}
/*————————————————————————————————— case ————————————————————————————————*/
.case_content {
	display: flex;
}
.case_new {
	width: 80%;
	margin: 40px auto;
}
.case_list {
	width: 65%;
	float: left;
	box-shadow: #555555;
}

.case_list_all {
	width: 100%;
	float: left;
	box-shadow: #555555;
}

.case_list>span {
	position: relative;
}
.case_list>span:after {
	content: "";
	position: absolute;
	width: 97px;
	height: 3px;
	background-color: #f23131;
	left: 0;
	top: 40px;
}
.case_head {
	font-size: 24px;
	color: #000;
}
.case_banner {
	margin: 30px 15px;
	width: 25%;
	float: left;
}
.case_item {
	margin: 40px 0px;
	display: flex;
	box-shadow: 5px 5px 20px -12px;
	border-radius: 5px;
}
.case_item_new {
	padding: 20px;
	width: 75%;
	float: right;
}
.case_title {
	display: block;
	font-size: 20px;
	padding: 10px 0;
}
.case_description {
	display: block;
	font-size: 16px;
	padding: 10px 0;
	color: #848484;
}
.case_detail {
	display: block;
	text-align: right;
}
.case_article_list {
	width: 35%;
	float: right;
	padding-left: 25px;
}
.case_article_list>span {
	position: relative;
}
.case_article_list>span:after {
	content: "";
	position: absolute;
	width: 97px;
	height: 3px;
	background-color: #f23131;
	left: 0;
	top: 40px;
}
.case_article_list_item {
	margin-top: 20px;
	border:solid #dedede;
	border-width: 1px 0 0 0;
	height: 80px;
}
.case_article_list_date {
	width: 20%;
	float: left;
	font-size: 18px;
	padding: 20px 15px;
	text-align: center;
}
.case_article_date_day {
	font-size: 16px;
}
.case_article_list_title {
	width: 80%;
	padding: 20px 0 0 10px;
	float: right;
	font-size: 18px;
}
/*————————————————————————————————— case_detail ————————————————————————————————*/
.case_detail_content {
	display: flex;
}
.case_detail_new {
	width: 80%;
	margin: 40px auto;
}
.case_detail_list {
	width: 40%;
	float: right;
	box-shadow: #555555;
}
.case_detail_list>span {
	position: relative;
}
.case_detail_list>span:after {
	content: "";
	position: absolute;
	width: 100px;
	height: 3px;
	background-color: #f23131;
	left: 0;
	top: 40px;
}

.case_detail_item {
	display: flex;
	margin: 40px 0;
	box-shadow: 5px 5px 20px -12px;
	border-radius: 5px;
	align-items: center;
}

.case_detail_banner {
	flex-basis: 35%;
	margin: 0px 10px;
}

.case_detail_item_new {
	flex-basis: 65%;
	padding: 20px;
}

.case_detail_title {
	display: block;
	font-size: 20px;
	padding: 10px 0;
}
.case_detail_description {
	display: block;
	font-size: 16px;
	padding: 10px 0;
	color: #848484;
	overflow: hidden;
    	white-space: normal;
    	text-overflow: ellipsis;
    	max-height: 160px;
}
.case_detail_detail {
	display: block;
	text-align: right;
	padding: 10px 0;
}

.case_detail_left {
	width: 60%;
	float: left;
	padding-right: 40px;
}
.case_detail_left img{
	max-width: 100%;
}
.case_detail_head {
	font-size: 24px;
	color: #000;
}
.case_detail_left_title {
	font-size: 30px;
	color: #000;
	margin-bottom: 15px;
}
.case_detail_head_divider {
	border: 1px dashed;
	margin: 25px auto;
    color: #BBBBBCFF;
}
.case_detail_left_description {
	font-size: 20px;
	color: #000;
}

section.case_detail {
	text-align: left;
}
section.case_detail>h2 {
	position: relative;
	display: block;
	font-size: 20px;
	font-weight: 100;
	color: black;
	margin-bottom: 25px;
	padding: 0;
	font-weight: 400;
}
section.case_detail>h2:after {
	content: "";
	position: absolute;
	width: 85px;
	height: 3px;
	background-color: #f23131;
	left: 0;
	top: 40px;
}
section.case_detail>p {
	font-size: 18px;
	line-height: 30px;
}

/*————————————————————————————————— article ————————————————————————————————*/
.article {
	display: flex;
}
.article_new {
	width: 80%;
	margin: 40px auto;
}
.article_content {
	width: 65%;
	float: left;
	padding: 0 30px;
}
.article_title {
	display: block;
	font-size: 35px;
	color: black;
	margin-bottom: 30px;
	line-height: 1;
}
.article_hr {
	border: 1px dashed;
	margin: 30px auto;
}
.article_content_detail {
	font-size: 18px;
	color: black;
}
.article_content img {
	max-width: 100%;
}
/*————————————————————————————————— service ————————————————————————————————*/
.service_content {
	padding: 0 10%;
}
.service_item {
	margin: 0px 0;
}
.service_item span {
	display: inline;
}

/*————————————————————————————————— about ————————————————————————————————*/
section.about {
	width: 1100px;
	margin: 50px auto;
	margin-bottom: 30px;
}
section.about>h3 {
	position: relative;
	display: block;
	font-size: 24px;
	font-weight: 100;
	color: #42484e;
	margin-bottom: 40px;
	padding: 0;
}
section.about>h3:after {
	content: "";
	position: absolute;
	width: 100px;
	height: 3px;
	background-color: #f23131;
	left: 0;
	top: 40px;
}
section.about>p {
	font-size: 18px;
	line-height: 30px;
}
.w50_l p, .w50_r p {
	font-size: 16px;
	line-height: 36px;
	vertical-align: middle;
}
.about_1 .w50_l p, .about_1 .w50_r p {
	line-height: 28px;
}
.about .w50_l {
	padding: 40px 0;
}
/*————————————————————————————————— footer ————————————————————————————————*/

footer {
	position: relative;
	background-color: #292e44;
	padding: 35px 0%;
	font-size: 16px;
	box-sizing: border-box;
}
.footer_content {
	width: 80%;
	margin: 0 auto;
}
.nav_preview footer {
	display: none;
}
footer .links {
	float: left;
	width: 33%;
	color: white;
}
.links a {
	font-size: 18px;
}
footer .links.news {
	width: 10%;
}
footer .links a,span {
	display: block;
	line-height: 30px;
}
.copyright {
	color: #9b9ca0;
	padding-top: 10px;
	font-size: 14px;
	text-align: center;
}
.copy {
	color: #fafafa;	
	font-size: 14px;
	text-align: center;
}
footer span {
	margin-bottom: 7px;
}
footer a {
	color: white;
	margin-bottom: 7px;
}
footer hr {
	border-width: 0.1px;
	border-color: #656363;
}

/*————————————————————————————————— end ————————————————————————————————*/