/*内页头部*/



.inner_header {

	height: 90px;

	background-color: #fff;

}

.inner_header .header {

	background: #fff;

}

.inner_header .head_list a span {

	color: #333;

}

@media all and (max-width: 1023px) {

	.inner_header {

		height: 54px;

	}

}

.inner_header #mainNav ul.firul li.firli>a {

	color: #111;

}

.inner_header #mainNav ul.firul li.firli>a:hover {

	color: #2f318b;

}

.inner_header #mainNav ul.firul li.firli>a:after {

	background: #2f318b;

}

.inner_header .header_ri > a span.iconfont {

	color: #2f318b;

}

.inner_header .header_top_transform span {

	color: #666;

}

.inner_header .header_top_transform span.iconfont {

	color: #2f318b;

}

.inner_header .header_nav_deep {

	background: #fff;

	transition: all 0.5s;

}



/*产品列表*/



.product {}



.con_le {

	width: 23%;

}

.con_ri {

	width: 75%;

}



@media all and (max-width: 1023px) {

	.con_le {

		display: none;

	}

	.con_ri {

		width: 100%;

	}

}



ul.aside_nav {



}

ul.aside_nav li.firli {

	border-radius: 5px;

	margin-bottom: 12px;

}

ul.aside_nav li.firli:last-child {

	border-bottom: none;

}

ul.aside_nav li.firli > p {

	padding: 15px 20px;

	font-size: 16px;

	color: #333;

	text-transform: capitalize;

	cursor: pointer;

	background-color: #e1e5eb;

}

ul.aside_nav li.firli p span:first-child {

	width: 90%;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	

}

ul.aside_nav li.firli p span:first-child a {

	color: #333;

	font-weight: 600;

}

ul.aside_nav li.firli p span:first-child a:hover {

	color: #2f318b;

}

ul.aside_nav li.firli_active {

	-webkit-box-shadow: 0 0 10px #f0f0f0;

	-moz-box-shadow: 0 0 10px #f0f0f0;

	box-shadow: 0 0 10px #f0f0f0;

}

ul.aside_nav li.firli_active p {

	background-color: #2f318b;

}

ul.aside_nav li.firli_active p span:first-child a:hover {

	color: #fff;

}

ul.aside_nav li.firli_active p span:first-child a {

	color: #fff;

}

ul.aside_nav li.firli_active p span.iconfont {

	transform: rotate(90deg);

	color: #fff;

}

ul.aside_nav ul.secul {

	display: none;

	padding: 0 20px;

}

ul.aside_nav ul.secul li {

	border-bottom: 1px dashed #f5f5f5;

	padding: 15px 0;

}

ul.aside_nav ul.secul li:last-child {

	border: none;

}

ul.aside_nav ul.secul li a {

	display: block;

	color: #666;

	font-size: 14px;

	position: relative;

	transition: all 0.3s;

}

ul.aside_nav ul.secul li a:before {

	content: "";

	width: 4px;

	height: 4px;

	border-radius: 50%;

	position: absolute;

	left: 0;

	top: 50%;

	transform: translate(-50%,-50%);

	background-color: #666;

	opacity: 0;

	transition: all 0.5s;

}

ul.aside_nav ul.secul li a:hover {

	color: #2f318b;

	padding-left: 10px;

}

ul.aside_nav ul.secul li a:hover:before {

	background-color: #2f318b;

	opacity: 1;

}



ul.proul {

	margin-right: -2%;

}

ul.proul li {

	float: left;

	width: 31.33%;

	margin-right: 2%;

	margin-bottom: 2%;

	-webkit-box-shadow: 0 0 10px #f0f0f0;

	-moz-box-shadow: 0 0 10px #f0f0f0;

	box-shadow: 0 0 10px #f0f0f0;

}

ul.proul li .li_img {

	overflow: hidden;

}

ul.proul li .li_img img {

	display: block;

	width: 100%;

	transition: all .5s;

}

ul.proul li .li_img:hover img {

	transform: scale(1.1);

}

ul.proul li .li_text {

	padding: 8%;

	background: #fff;

}

ul.proul li h4 {

	margin-bottom: 12px;

}

ul.proul li h4 a {

	font-size: 18px;

	display: block;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}

ul.proul li article {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	height: 50px;

}



@media all and (max-width: 600px) {

	ul.proul li {

		width: 48%;

	}

}



/*single-product*/

.con_le_item {}

.con_le_item h3 {

	font-size: 24px;

	color: #000;

	text-transform: capitalize;

	padding-bottom: 12px;

	margin-bottom: 30px;

	position: relative;

	border-bottom: 1px solid #eee;

}

.con_le_item h3:after {

	position: absolute;

	content: "";

	width: 36px;

	height: 2px;

	background: #2f318b;

	left: 0;

	bottom: 0;

}

ul.asideappli {}

ul.asideappli li {

	margin-bottom: 20px;

}

ul.asideappli li .li_img {}

ul.asideappli li .li_img img {

	display: block;

	width: 100%;

}

ul.asideappli li h4 {

	margin-top: 18px;

}

ul.asideappli li h4 a {

	display: block;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}

ul.asideappli li article {

	margin-top: 14px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	height: 50px;

}



.single_pro_swiper {}

.single_pro_swiper_le {

	width: 44%;

	

}

.single_pro_swiper_ri {

	width: 54%;

}



.pro_single .pc-slide {

	width: 100%;

	max-width: 440px;

}



.pro_single .view .swiper-container {

	width: 100%;

	height: auto;

}

.pro_single .view .swiper-container .swiper-slide img {

	display: block;

	width: 100%;

	border: 1px solid #eee;

}



.pro_single .preview {

	width: 100%;

	margin-top: 10px;

	position: relative;

}



.pro_single .preview .swiper-container {

	width: 100%;

	height: auto;

}



.pro_single .preview .swiper-slide {

	width: 25%;

	height: auto;

	cursor:pointer;

}



.pro_single .preview .slide6 {

	width: 25%;

}

.pro_single .preview img {

	padding: 2%;

	border: 1px solid #fff;

	width: 98%;

}

.pro_single .preview .active-nav img {

	border-color: #16499d;

}



.pro_single .arrow-left {

	position: absolute;

	top: 50%;

	left: 0;

	z-index: 999;

	transform: translate(2%,-50%);

}

.pro_single .arrow-right {

	position: absolute;

	top: 50%;

	right: 0;

	z-index: 999;

	transform: translate(-2%,-50%);

}

.pro_single .arrow-left span.iconfont,

.pro_single .arrow-right span.iconfont {

	font-size: 30px;

	color: #d8d8d8;

}

.pro_single .arrow-left span.iconfont:hover,

.pro_single .arrow-right span.iconfont:hover {

	font-size: 30px;

	color: #0a3190;

}



.image-link {

  cursor: -webkit-zoom-in;

  cursor: -moz-zoom-in;

  cursor: zoom-in;

}





/* This block of CSS adds opacity transition to background */

.mfp-with-zoom .mfp-container,

.mfp-with-zoom.mfp-bg {

	opacity: 0;

	-webkit-backface-visibility: hidden;

	-webkit-transition: all 0.3s ease-out; 

	-moz-transition: all 0.3s ease-out; 

	-o-transition: all 0.3s ease-out; 

	transition: all 0.3s ease-out;

}



.mfp-with-zoom.mfp-ready .mfp-container {

		opacity: 1;

}

.mfp-with-zoom.mfp-ready.mfp-bg {

		opacity: 0.8;

}



.mfp-with-zoom.mfp-removing .mfp-container, 

.mfp-with-zoom.mfp-removing.mfp-bg {

	opacity: 0;

}







/* padding-bottom and top for image */

.mfp-no-margins img.mfp-img {

	padding: 0;

}

/* position of shadow behind the image */

.mfp-no-margins .mfp-figure:after {

	top: 0;

	bottom: 0;

}

/* padding for main container */

.mfp-no-margins .mfp-container {

	padding: 0;

}







/* aligns caption to center */

.mfp-title {

  text-align: center;

  padding: 6px 0;

}

.image-source-link {

  color: #DDD;

}



.single_pro_swiper_ri .in_share a {

	background-color: #c3c3c3;

	

}

.single_pro_swiper_ri .in_share a:nth-child(1) {

	background: #3b5999;

}

.single_pro_swiper_ri .in_share a:nth-child(2) {

	background: #1bbdf4;

}

.single_pro_swiper_ri .in_share a:nth-child(3) {

	background: #f24b4b;

}

.single_pro_swiper_ri .in_share a:nth-child(4) {

	background: #0177b5;

}

.single_pro_swiper_ri .in_share a span.iconfont {

	color: #fff;

	font-size: 20px;

}



.pro_single .single_pro_details {

	border-top: 1px solid #eee;

}

.single_pro_details_item:first-child {

	margin-top: 0;

}

.pro_single h3 {

	font-size: 20px;

	color: #30318a;

	text-transform: capitalize;

	margin-bottom: 15px;

	font-weight: 600;

}



ul.single_pro_de_ul li {

	width: 48%;

	justify-content: flex-start;

	font-size: 16px;

	line-height: 25px;

	margin-bottom: 10px;

}

ul.single_pro_de_ul li span:first-child {

	font-size: 20px;

	color: #333;

	margin-right: 5px;

}

.single_pro_swiper_ri .single_btn {

	width: 100%;

	justify-content: flex-start;

}

.single_btn a {

	width: 31.33%;

	font-size: 14px;

	text-align: center;

	text-transform: capitalize;

	padding: 12px 0;

	color: #fff;

	background-color: #2f318b;

	margin-right: 2%;

}



.single_btn a span.iconfont {

	font-size: 18px;

	margin-right: 10px;

}

.single_btn a:hover {

	background-color: #0a3190;

	color: #fff;

}



@media all and (max-width: 1366px) {

	.pro_single h3,ul.single_pro_de_ul li span:first-child {

		font-size: 18px;

	}

	.single_btn a {

		font-size: 16px;

	}

}



@media all and (max-width: 1280px) {

	.pro_single h3,ul.single_pro_de_ul li span:first-child {

		font-size: 16px;

	}

	.single_btn a {

		font-size: 14px;

	}

}



@media all and (max-width: 1023px) {

	.single_pro_swiper_le {

		width: 100%;

	}

	.single_pro_swiper_ri {

		width: 100%;

		padding: 0;

		margin-top: 20px;

	}

	.single_pro_swiper_ri article {

		padding-top: 0;

	}

	.single_pro_swiper_ri .single_btn {

		width: 500px;

	}

	.pro_single .pc-slide {

		max-width: 500px;

	}



}



@media all and (max-width: 768px) {

	.single_btn {

		flex-direction: column;

		align-items: flex-start;

	}

	.single_btn a {

		width: 200px;

		margin-bottom: 10px;

	}

	.single_btn a:last-child {

		margin-bottom: 0;

	}

}



.single_list {

	display: flex;

	display: -webkit-flex;

	flex-direction: row;

	align-items: center;

	flex-wrap: wrap;

}

.single_list a {

	width:  25%;

	text-align: center;

	background: #e1e5eb;

	text-transform: capitalize;

	color: #333;

	font-size: 18px;

	padding: 20px 0;



}

.single_list a:last-child{

	max-width: 200px;

}

.single_list a span {

	display: block;

	border-right: 1px solid #b6b8bc;

}

.single_list a:last-child span {

	border: none;

}

.single_list a:hover {

	background: #2f318b;

	color: #fff;

	

}

.single_list a:hover span {

	border-color: #2f318b;

}



.single_details {}

.single_details_item {}

.single_details_item:last-child {

	margin-bottom: 0;

}

.single_details_item h3 {

	font-size: 24px;

	color: #000;

	font-weight: 600;

	position: relative;

	border-bottom: 2px solid #eee;

	padding-bottom: 12px;

	margin-bottom: 30px;

}

.single_details_item h3:after {

	content: "";

	position: absolute;

	width: 40px;

	height: 2px;

	background: #2f318b;

	left: 0;

	bottom: -1px;

}



@media all and (max-width: 1440px){

	.single_btn a {

		width: 48%;

		margin-bottom: 2%;

	}

	.single_list a {

		font-size: 14px;

		padding: 15px 0;

	}

	.single_details_item h3 {

		font-size: 20px;

	}

	.swiper_rela_btn {

		width: 40px;

		height: 40px;

	}

}



@media all and (max-width: 768px) {

	.single_details_item h3 {

		font-size: 18px;

	}

}



@media all and (max-width: 600px) {

	.single_list a {

		width: 50%;

	}

	.single_list a:last-child {

		width: 50%;

		max-width: 100%;

	}

	.single_list a:nth-child(2) span {

		border: none;

	}

}





/*相关产品*/

.relaproduct {

	position: relative;

}

#relaPro {

	position: relative;

	overflow: hidden;

}

 

#relaPro .li_img {

	overflow: hidden;

}

#relaPro .li_img img {

	display: block;

	width: 100%;

	transition: all .5s;

}

#relaPro .li_img:hover img {

	transform: scale(1.1);

}

#relaPro .li_text {

	padding: 8%;

	background: #fff;

}

#relaPro h4 {

	margin-bottom: 12px;

}

#relaPro h4 a {

	font-size: 16px;

	display: block;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}

#relaPro article {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

	height: 75px;

}



.swiper_rela_btn {

	position: absolute;

	width: 50px;

	height: 50px;

	border-radius: 50%;

	border: 2px solid #2f318b;

	top: 50%;

	z-index: 2;

	cursor: pointer;

}

.swiper_rela_btn span.iconfont {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	font-weight: 600;

	font-size: 18px;

	color: #2f318b;

}

.relaPro_button_next {

	right: 0;

	transform: translate(50%,-50%);

}

.relaPro_button_prev {

	left: 0;

	transform: translate(-50%,-50%);

}

.swiper_rela_btn:hover {

	background: #2f318b;

}

.swiper_rela_btn:hover span.iconfont {

	color: #fff;

}



@media all and (max-width: 1440px) {

	.swiper_rela_btn {

		width: 40px;

		height: 40px;

	}

}



@media all and (max-width: 768px) {

	.relaPro_button_prev {

		top: 30%;

		transform: translate(0,-50%);

	}

	.relaPro_button_next {

		top: 30%;

		transform: translate(0,-50%);

	}

}





/*application-center*/

.aside_contact {}

.aside_contact p {

	justify-content: flex-start;

	color: #666;

	line-height: 25px;

}

.aside_contact p span.iconfont {

	color: #2f318b;

	margin-right: 10px;

}

.aside_contact p span:last-child {

	width: 80%;

}

.aside_contact p span a {

	color: #666;

}

.aside_contact p span a:hover {

	color: #2f318b;

}

ul.applicenterul {}

ul.applicenterul li {

	float: left;

	width: 31.33%;

	margin-right: 2%;

}



@media all and (max-width: 600px) {

	ul.applicenterul li {

		width: 48%;

	}

}



/*single-application*/

.appli_single {}

.appli_single .in_share a:nth-child(1) {

	background: #3b5999;

}

.appli_single .in_share a:nth-child(2) {

	background: #1bbdf4;

}

.appli_single .in_share a:nth-child(3) {

	background: #f24b4b;

}

.appli_single .in_share a:nth-child(4) {

	background: #0177b5;

}

.appli_single .in_share a span.iconfont {

	color: #fff;

	font-size: 20px;

}



.appli_item {}

.appli_item:last-child {

	margin-bottom: 0;

}

.appli_item_img_box {}

.appli_item_img_box .appli_item_img {

	width: 49%;

	margin-bottom: 2%;

}

.appli_item_img_box .appli_item_img img {

	display: block;

	width: 100%;

}



ul.appliitemul {}

ul.appliitemul li {

	float: left;

	color: #797979;

	font-size: 16px;

	margin-right: 2%;

	margin-top: 20px;

}

ul.appliitemul li strong {

	font-weight: 600;

	color: #333;

}



.appli_item h3 {

	font-size: 24px;

	color: #000;

	font-weight: 600;

	position: relative;

	border-bottom: 2px solid #eee;

	padding-bottom: 12px;

	margin-bottom: 30px;

}

.appli_item h3:after {

	content: "";

	position: absolute;

	width: 40px;

	height: 2px;

	background: #2f318b;

	left: 0;

	bottom: -1px;

}



.appli_ad_img {}

.appli_ad_img img {

	display: block;

	width: 100%;

}



ul.appliadul {

	

}

ul.appliadul li {

	/*flex: 1;*/

	width: 20%;

	text-align: center;

	color: #111;

	font-size: 16px;

	line-height: 25px;

}

ul.appliadul li .li_icon {

	width: 40px;

	height: 40px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 12px;

}

ul.appliadul li .li_icon img {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

ul.appliadul li article {

	

}







.prenext {

	border-top: 1px solid #eee;

}

.prenext  a {

	width: 48%;

	color: #111;

	font-size: 16px;
	word-break: initial;
}

.prenext  a p {

	width: 90%;

}

.prenext  a p span {

	color: #666;

}

.prenext  a:last-child {

	

}

.prenext  a:last-child p {

	text-align: right;

}

.prenext  a:hover {

	color: #2f318b;

}

.prenext  a:hover p span {

	color: #2f318b;

}



@media all and (max-width: 1440px) {

	.appli_item h3 {

		font-size: 20px;

	}

	ul.appliitemul li {

		font-size: 14px;

	}

	ul.appliadul li {

		font-size: 14px;

	}

}



@media all and (max-width: 600px) {

	ul.appliadul li {

		width: 100%;

		margin-bottom: 20px;

	}

	ul.appliadul li:last-child {

		margin-bottom: 0;

	}

}



/*about-us*/

.about {}

.about_top {}

.about_top_item {}

.about_top_item:last-child {

	margin-bottom: 0;

}

.about_top_item_img {

	width: 50%;

}

.about_top_item_img img {

	display: block;

	width: 100%;

}

.about_top_item_text {

	width: 50%;

	padding: 0 2%;

	position: relative;

}

.about_top_item_text h3 {

	font-size: 24px;

	color: #1e2081;

	font-weight: 600;

	position: relative;

	padding-bottom: 12px;

}

.about_top_item_text h3:after {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	width: 15px;

	height: 2px;

	background: #1e2081;

}

.about_top_item_text_num {

	position: absolute;

	font-size: 260px;

	font-weight: 900;

	bottom: 0;

	color: #f4f4f9;

	z-index: -1;

	transform: translateY(30%);

}

.about_top_item:nth-child(2n + 1) .about_top_item_text_num {

	right: 0;

}

.about_top_item:nth-child(2n) {

	flex-direction: row-reverse;

}



.about_fac {

	position: relative;

	padding-top: 150px;

}

.about_fac .about_fac_con .wrap > h2 {

	text-align: center;

	margin-bottom: 10px;

	color: #fff;

}

.about_fac .about_fac_con .wrap > h3 {

	text-align: center;

	margin-bottom: 120px;

	color: #fff;

}

.about_fac_img {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	z-index: -1;

}

.about_fac_img img {

	display: block;

}



.about_fac_s {

	position: relative;

}

#aboutFac {

	position: relative;

	overflow: hidden;

}

#aboutFac img {

	display: block;

	width: 100%;

}

.swiper_fac_btn {

	position: absolute;

	width: 50px;

	height: 50px;

	border-radius: 50%;

	top: 50%;

	z-index: 2;

	cursor: pointer;

	background: #fff;

	-webkit-box-shadow: 0 0 5px #f0f0f0;

	-moz-box-shadow: 0 0 5px #f0f0f0;

	box-shadow: 0 0 5px #f0f0f0;

}

.swiper_fac_btn span.iconfont {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	font-weight: 600;

	font-size: 18px;

	color: #2f318b;

}

.aboutFac_button_next {

	right: 0;

	transform: translate(50%,-50%);

}

.aboutFac_button_prev {

	left: 0;

	transform: translate(-50%,-50%);

}

.swiper_fac_btn:hover {

	background: #2f318b;

}

.swiper_fac_btn:hover span.iconfont {

	color: #fff;

}



.aboutfacul {

	margin-right: -2%;

}

.aboutfacul li {

	float: left;

	width: 31.33%;

	margin-right: 2%;

	border-right: 1px solid #eee;

	padding-right: 2%;

}

.aboutfacul li:last-child {

	border-right: none;

}

.aboutfacul li .li_icon {

	width: 52px;

	height: 52px;

	margin-bottom: 20px;

}

.aboutfacul li .li_icon img {

	display: block;

	max-width: 100%;

}

.aboutfacul h3 {

	font-size: 24px;

	color: #1e2081;

	font-weight: 600;

	position: relative;

	padding-bottom: 12px;

	text-align: left;

}

.aboutfacul h3:after {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	width: 15px;

	height: 2px;

	background: #1e2081;

}

.aboutfacul li article {

	height: 200px;

}



@media all and (max-width: 1440px) {

	.about_top_item_text h3 {

		font-size: 20px;

	}

	.about_top_item_text_num {

		font-size: 200px;

	}

	.aboutfacul li .li_icon {

		width: 45px;

		height: 45px;

	}

	.aboutfacul h3 {

		font-size: 20px;

	}

}



@media all and (max-width: 768px) {

	.about_top_item_img {

		width: 100%;

	}

	.about_top_item_text {

		width: 100%;

		padding: 20px 0;

	}

	.aboutfacul li article {

		height: 230px;

	}

	.aboutFac_button_prev {

		transform: translate(0,-50%);

	}

	.aboutFac_button_next {

		transform: translate(0,-50%);

	}

	.about_fac {

		padding-top: 40px;

	}

	.about_fac .about_fac_con .wrap > h3 {

		margin-bottom: 50px;

	}

	.about_fac_img img {

		height: 310px;

	}

	.aboutfacul li {

		width: 100%;

	}

	.aboutfacul li article {

		height: auto;

	}

}



/*news-center*/

.news {}

ul.newcenterul {}

ul.newcenterul li {



}

ul.newcenterul li:last-child {

	margin-bottom: 0;

}

ul.newcenterul li .li_img {

	width: 50%;

}

ul.newcenterul li .li_img img {

	display: block;

	width: 100%;

}

ul.newcenterul li .li_text {

	width: 50%;

	padding: 0 2%;

}

ul.newcenterul li .li_text h4 {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	height: 48px;

}

ul.newcenterul li .li_text h4 a {

	font-size: 18px;

}

ul.newcenterul li .li_text em {

	display: block;

	font-size: 14px;

	color: #cdcdcd;

	margin-top: 10px;

	margin-bottom: 20px;

}

ul.newcenterul li .li_text article {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 4;

	overflow: hidden;

	height: 100px;

}



@media all and (max-width: 600px) {

	ul.newcenterul li .li_img {

		width: 100%;

	}

	ul.newcenterul li .li_text {

		width: 100%;

		padding: 20px 0;

	}

}



/*single-news*/

.single_news {}

.single_news h1 {

	font-size: 24px;

}

.single_tip {

	justify-content: flex-start;

	margin-top: 15px;

	border-bottom: 1px solid #eee;

	padding-bottom: 15px;

}

.single_tip .in_share a:nth-child(1) {

	background: #3b5999;

}

.single_tip .in_share a:nth-child(2) {

	background: #1bbdf4;

}

.single_tip .in_share a:nth-child(3) {

	background: #f24b4b;

}

.single_tip .in_share a:nth-child(4) {

	background: #0177b5;

}

.single_tip .in_share a span.iconfont {

	color: #fff;

	font-size: 20px;

}

.single_tip em {

	color: #cdcdcd;

}

/*.single_news .con_ri > article {

	border-bottom: 1px solid #eee;

}*/



@media all and (max-width: 1440px) {

	.single_news h1 {

		font-size: 20px;

	}

}



@media all and (max-width: 600px) {

	.prenext a {

		width: 100%;

	}

	.prenext a:last-child {

		flex-direction: row-reverse;

		margin-top: 10px;

	}

	.prenext a:last-child p {

		text-align: left;

	}

}



/*FAQ*/

.faq_con {

	line-height: 25px;

}

.faq_item {

	

}

.faq_item .faq_item_q,.faq_item .faq_item_a {

	justify-content: flex-start;

}

.faq_item .faq_item_q {

	

}

.faq_item .faq_item_q p {

	font-size: 16px;

	color: #333;

	font-weight: 600;

	width: 3%;

}

.faq_item .faq_item_q h3 {

	width: 97%;

	font-weight: 600;

	color: #2f2f32;

	line-height: 25px;

}

.faq_item .faq_item_a {

	padding: 20px;

	background: #fafafa;

}

.faq_item .faq_item_a > p {

	font-size: 16px;

	color: #999;

	font-weight: 600;

	width: 3%;

}

.faq_item .faq_item_a article {

	width: 97%;

	color: #999;

}

.faq_item .faq_item_a article ul li {

	position: relative;

	padding-left: 20px;

	margin-bottom: 30px;

}

.faq_item .faq_item_a article ul li:before {

	position: absolute;

	content: "";

	width: 5px;

	height: 5px;

	border-radius: 50%;

	background-color: #1e2081;

	left: 0;

	top: 50%;

	transform: translate(0,-50%);

}

@media all and (max-width: 1440px) {

	.faq_item .faq_item_a article ul li {

		margin-bottom: 20px;

	}

}

.faq_item:last-child {

	margin-bottom: 0;

}

.faq_item:hover .faq_item_q {

	background: #1e2081;

}

.faq_item:hover .faq_item_q p {

	color: #fff;

}



.faq_item:hover .faq_item_q h3 {

	color: #fff;

}

.faq_item:hover .faq_item_q_fh_active {

	color: #fff;

}



.faq_item .faq_item_q_act p {

	color: #fff;

}

.faq_item .faq_item_q_act h3 {

	color: #fff;

}

@media all and (max-width: 768px) {

	.faq_item .faq_item_q h3,

	.faq_item .faq_item_a article {

		width: 90%;

	}

	.faq_item .faq_item_q > p,

	.faq_item .faq_item_a > p {

		width: 25px;

	}



}

.faq_item {

	

}

.faq_item_top {

	position: relative;

	cursor: pointer;

	-webkit-box-shadow: 0 0 10px #f8f8f8;

	-moz-box-shadow: 0 0 10px #f8f8f8;

	box-shadow: 0 0 10px #f8f8f8;

}

.faq_item_top .faq_item_q {

	width: 100%;

	padding: 20px;

}

.faq_item_top .faq_item_q_act {

	background: #1e2081;

}

.faq_item_top .faq_item_q_fh {

	position: absolute;

	right: 20px;

	top: 50%;

	transform: translateY(-50%);

	font-size: 24px;

	color: #000;

	display: none;

}

.faq_item_top .faq_item_q_fh_active {

	display: block;

}

.faq_item_top .faq_item_q_jj {

	color: #fff;

}



@media all and (max-width: 1440px) {



}



/*contact-us*/

.contact {

	background: url(../images/contact_page_bg.jpg) no-repeat;

	background-size: cover;

}

.contact h1 {

	font-size: 24px;

	color: #1e2081;

}

.contact .in_share a {

	

}

.contact .in_share a span.iconfont {

	color: #fff;

}

.contact .in_share a:hover {

	background: #1e2081;

}



.contact_way {

	flex: 1;

}

.contact_way_item {

	/*width: 25%;*/

	max-width: 25%;

	/*border-right: 1px solid #eee;*/

}

.contact_way_item:last-child {

	width: 40%;

	max-width: 40%;

	border-right: none;

}

.contact_way_cut {

	width: 1px;

	height: 100px;

	background: #eee;

}

.contact_way_item_icon {

	width: 34px;

	height: 34px;

	margin-left: auto;

	margin-right: auto;

}

.contact_way_item_icon img {

	display: block;

	max-width: 100%;

	margin-left: auto;

	margin-right: auto;

}

.contact_way_item p {

	font-size: 18px;

	color: #111;

	margin-top: 15px;

	text-align: center;

	line-height: 1.4em;

}

.contact_way_item p a {

	color: #111;

}

.contact_way_item p a:hover {

	color: #1e2081;

}



.map {}

.map > img {

	display: block;

	width: 100%;

}



@media all and (max-width: 1440px) {

	.contact h1 {

		font-size: 20px;

	}

	.contact_way_item p {

		font-size: 16px;

	}

}



@media all and (max-width: 600px) {

	.contact_way_item {

		width: 100%;

		max-width: 100%;

		text-align: left;

		margin-bottom: 20px;

	}

	.contact_way_item_icon {

		margin-left: 0;

	}

	.contact_way_item p {

		text-align: left;

	}

	.contact_way_item:last-child {

		width: 100%;

		max-width: 100%;

		margin-bottom: 0;

	}

	.contact_way_cut {

		display: none;

	}

}



/*search*/

.search {}

.search_top {

	background: url(../images/search_bg.jpg) no-repeat center;

	background-size: cover;

}

.search_top h2.in_h2 {

	text-align: center;

}

.search_bot .search_bot_tt {

	justify-content: flex-start;

}

.search_bot .search_bot_tt .search_result_num {

	margin-left: 80px;

	font-size: 36px;

	color: #c00000;

}

.search form {

	border: 1px solid #e0e0e0;

	width: 95%;

	max-width: 600px;

	background-color: #fff;

	margin: 0 auto;

}

.search form input {

	width: 90%;

	height: 50px;

	line-height: 50px;

	padding: 0 10px;

	outline: none;

	border: none;

	font-size: 16px;

	color: #666;

}

.search form button {

	width: 10%;

	height: 50px;

	line-height: 50px;

	border: none;

	outline: none;

	cursor: pointer;

	background-color: #fff;

}

.search form button span.iconfont {

	font-size: 20px;

	color: #999;

}

.search_hot {

	width: 95%;

	max-width: 600px;

	margin: 0 auto;

	margin-top: 20px;

	justify-content: flex-start;

}

.search_hot p {

	color: #999;

	justify-content: flex-start;

	line-height: 28px;

}

.search_hot p a {

	color: #1e2081;

	margin: 0 5px;

}

.search_hot p a:hover {

	color: #000;

}



ul.searchul {}

ul.searchul li {}

ul.searchul li .li_img {

	width: 26%;

}

ul.searchul li .li_text {

	width: 74%;

}

@media all and (max-width: 1366px) {

	.search form input {

		font-size: 14px;

	}

}



@media all and (max-width: 1023px) {

	

}

@media all and (max-width: 600px) {

	ul.searchul li .li_img {

		width: 100%;

	}

	ul.searchul li .li_text {

		width: 100%;

	}

}



/*404*/

.nofound_breadnav {

}

.no_found {

	background: url(../images/no_found_bg.jpg) no-repeat center;

	background-size: cover;

}



.no_found .breadnav {

	margin-top: 0;

}



.no_found_tips {

	font-size: 30px;

	color: #333;

	font-weight: 600;

}



.no_found_le {

	width: 50%;

}



.no_found_ri {

	width: 50%;

}

.no_found_ri h2.in_h2 {

	text-align: left;

}

.no_found_le .no_found_num {

	font-size: 200px;

	color: #1e2081;

	font-weight: 600;

	width: 73%;

	text-align: center;

	display: block;

}

.no_found_le .no_found_num img {

	display: block;

	max-width: 100%;

}

.no_found .search form {

	width: 100%;

	max-width: 100%;

}



@media all and (max-width: 1366px) {

	.no_found_tips {

		font-size: 24px;

	}

}



@media all and (max-width: 768px) {

	.no_found_tips {

		font-size: 18px;

	}

	.no_found_le {

		width: 100%;

		margin: 30px 0;

	}

	.no_found_le .no_found_num {

		width: 100%;

	}

	.no_found_ri {

		width: 100%;

	}

	.search form {

		width: 100%;

	}

	.search_hot {

		width: 100%;

	}

}



/*solution*/



/*erection*/

.erection {}

.erection h3.item_h3 {

	text-transform: uppercase;

}

.erection .ere_item {



}

.erection .ere_item:last-child {

	margin-bottom: 0;

}

.install_item {

	margin-bottom: 60px;

}

.install_item:last-child {

	margin-bottom: 100px;

}

.install_item_le {

	width: 52%;

	position: relative;

}

.install_item_text {

	width: 100%;

	position: relative;

	z-index: 2;

	background: #fff;

	padding: 20px;

	-webkit-box-shadow: 0 0 10px #f8f8f8;

	-moz-box-shadow: 0 0 10px #f8f8f8;

	box-shadow: 0 0 10px #f8f8f8;

}

.install_item_text .install_item_num {

	font-size: 30px;

	color: #30318b;

	font-weight: 600;

	display: block;

	margin-bottom: 30px;

	position: relative;

}

.install_item_le .install_item_bg {

	font-size: 100px;

	font-weight: 900;

	color: #f7f7f7;

	position: absolute;

	left: 0;

	bottom: 0;

	text-align: center;

	width: 100%;

	text-transform: uppercase;

	z-index: -2;

	transform: translateY(50%);

}

.install_item_text .install_item_num:after {

	content: "";

	position: absolute;

	width: 12px;

	height: 2px;

	background: #30318b;

	left: 0;

	bottom: -12px;

}

.install_item_img {

	width: 56%;

	margin-left: -8%;

	transform: translateY(30px);

}

.install_item_img img {

	display: block;

	width: 100%;

}

.install_item:nth-child(2n + 1) {

	flex-direction: row-reverse;

}

.install_item:nth-child(2n + 1) .install_item_le {

	margin-left: -8%;

}

.install_item:nth-child(2n + 1) .install_item_img {

	margin-left: 0;

}



ul.erevideoul {

	margin-right: -2%;

}

ul.erevideoul li {

	float: left;

	width: 31.33%;

	margin-right: 2%;

	margin-bottom: 2%;

}

ul.erevideoul li .li_box {

	position: relative;

}

ul.erevideoul li .li_img {}

ul.erevideoul li .li_img img {

	display: block;

	width: 100%;

}

ul.erevideoul li .li_rsp {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.1);

}

ul.erevideoul li .li_rsp img {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	cursor: pointer;

}



.ere_video_rsp {

	position: fixed;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.5);

	z-index: 9999;

	display: none;

}

.ere_video_rsp_close {

	color: #fff;

	position: absolute;

	top: 5%;

	right: 5%;

	font-size: 24px;

	cursor: pointer;

}

.ere_video_rsp_close:hover {

	color: #1e2081;

}

.ere_video_box {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	width: 60%;

	height: 60%;

}

.ere_video_rsp .pc-slide-video {

	position: relative;

	padding-bottom: 56.25%;

	height: 0;

	overflow: hidden;

}

.ere_video_rsp .pc-slide-video iframe,

.ere_video_rsp .pc-slide-video object,

.ere_video_rsp .pc-slide-video embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



ul.erevideoul li .erevideoul_title {

	font-size: 14px;

	color: #666;

	text-align: center;

	line-height: 25px;

	margin-top: 20px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	height: 50px;

}



.proccess_item {}

.proccess_item .proccess_item_title {

	font-size: 18px;

	color: #30318b;

}



ul.processul {

	margin-right: -5%;

	margin-bottom: 14px;

}

ul.processul li {

	float: left;

	width: 20%;

	margin-right: 5%;

}

ul.processul li .li_img {

	position: relative;

}

ul.processul li .li_img:after {

	content: "";

	position: absolute;

	width: 26px;

	height: 15px;

	background: url(../images/processul_jty.png) no-repeat center;

	background-size: cover;

	top: 50%;

	right: 0;

	transform: translate(150%,-50%);

}

ul.processul li:last-child .li_img:after {

	display: none;

}

ul.processul li:last-child .li_img:before {

	content: "";

	position: absolute;

	width: 15px;

	height: 26px;

	background: url(../images/processul_jtx.png) no-repeat center;

	background-size: cover;

	left: 50%;

	bottom: -70px;

	transform: translate(-50%,5px);

}

ul.processul li .li_img img {

	display: block;

	width: 100%;

}

ul.processul li .processul_title {

	font-size: 14px;

	color: #666;

	line-height: 25px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	height: 50px;

	text-align: center;

	margin-top: 20px;

}



ul.processul:nth-child(2n) li .li_img:after {

	background: url(../images/processul_jtz.png) no-repeat center;

	background-size: cover;

}

ul.processul:nth-child(2n) li:first-child .li_img:before {

	content: "";

	position: absolute;

	width: 15px;

	height: 26px;

	background: url(../images/processul_jtx.png) no-repeat center;

	background-size: cover;

	left: 50%;

	bottom: -70px;

	transform: translate(-50%,5px);

}

ul.processul:nth-child(2n) li:last-child .li_img:before {

	display: none;

}

ul.processul:last-child li:last-child .li_img:before {

	display: none;

}

ul.processul:last-child li:first-child .li_img:before {

	display: none;

}



@media all and (max-width: 1440px) {

	ul.processul li .li_img:after {

		transform: translate(125%,-50%);

	}

	.proccess_item .proccess_item_title {

		font-size: 16px;

	}

}



@media all and (max-width: 600px) {

	.install_item_le {

		width: 100%;

	}

	.install_item_img {

		width: 100%;

		margin-left: 0;

	}

	ul.erevideoul li {

		width: 48%;

	}

	ul.processul li {

		width: 45%;

	}

	ul.processul li .li_img:after {

		display: none;

	}

	ul.processul li:last-child .li_img:before {

		display: none;

	}

	ul.processul:nth-child(2n) li:first-child .li_img:before {

		display: none;

	}

}



/*proposal*/

.proposal {}

.prop_item {}

.prop_item:last-child {

	margin-bottom: 0;

}

.prop_item h3.item_h3 {

	text-transform: uppercase;

}

.design_item_box {}

.design_item {

	margin-bottom: 20px;

}

.design_item:last-child {

	margin-bottom: 0;

}

.design_item_title {

	font-size: 18px;

	color: #30318b;

	margin-bottom: 20px;

	font-weight: 600;

}

.soft_img img {

	display: block;

	width: 100%;

}

ul.softul {

	margin-right: -2%;

}

ul.softul li {

	float: left;

	width: 23%;

	margin-right: 2%;

	margin-bottom: 20px;

}

ul.softul .li_img {

	border: 1px solid #eee;

}

ul.softul .li_img img {

	display: block;

	width: 100%;

}

ul.softul li p {

	color: #666;

	text-align: center;

	text-transform: uppercase;

	margin-top: 15px;

}



.desi_code {

	display: -webkit-box;

}

.desi_code_le {

	width: 50%;

}

.desi_code_le img {

	display: block;

	width: 100%;

}

.desi_code_ri {

	width: 50%;

	background: #f4f4f4;

	padding: 3%;

}

ul.decodeul {}

ul.decodeul li {

	position: relative;

	padding-left: 14px;

	color: #666;

	margin-bottom: 20px;

}

ul.decodeul li:before {

	content: "";

	position: absolute;

	width: 5px;

	height: 5px;

	border-radius: 50%;

	background: #30318b;

	left: 0;

	top: 50%;

	transform: translate(0,-50%);

}

ul.decodeul li:last-child {

	margin-bottom: 0;

}



ul.coopul {

	margin-right: -2%;

}

ul.coopul li {

	float: left;

	width: 31.33%;

	margin-right: 2%;

}

ul.coopul li .li_img img {

	display: block;

	width: 100%;

	border: 1px solid #eee;

}

ul.coopul li p {

	text-align: center;

	margin-top: 20px;

}



.coop_item_box {}

.coop_item {}

.coop_item:nth-child(2n) {

	flex-direction: row-reverse;

}

.coop_item_img {

	width: 50%;

}

.coop_item_img img {

	display: block;

	width: 100%;

}

.coop_item_text {

	width: 50%;

	padding: 0 20px;

	position: relative;

}

.coop_item_text:before {

	content: "";

	position: absolute;

	width: 20px;

	height: 2px;

	background: #30318b;

	left: 20px;

	top: -20px;

}



ul.deflowul {}

ul.deflowul li {

	float: left;

	width: 30%;

	position: relative;

}

ul.deflowul li:first-child {

	width: 40%;

}

ul.deflowul li .li_img img {

	display: block;

	width: 100%;

}

ul.deflowul li .li_text {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	color: #fff;

	padding: 30px;

}

ul.deflowul li .li_text .deflow_num {

	font-size: 30px;

}

ul.deflowul li .li_text .deflow_num_title {

	font-size: 18px;

	margin-bottom: 12px;

}

ul.deflowul li .li_text .deflow_cut {

	display: block;

	width: 15px;

	height: 1px;

	background: #fff;

	margin-bottom: 30px;

}

ul.deflowul li .li_text .deflow_num_des {}

ul.deflowul li .li_text .deflow_num_des span {

	display: block;

	position: relative;

	padding-left: 10px;

	line-height: 25px;

}

ul.deflowul li .li_text .deflow_num_des span:before {

	content: "";

	position: absolute;

	width: 4px;

	height: 4px;

	border-radius: 50%;

	background: #fff;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

}



@media all and (max-width: 768px) {

	.desi_code {

		display: block;

	}

	.desi_code_le {

		width: 100%;

	}

	.desi_code_ri {

		width: 100%;

	}

}



@media all and (max-width: 600px) {

	ul.softul li {

		width: 48%;

	}

	.coop_item_img {

		width: 100%;

	}

	.coop_item_text {

		width: 100%;

		padding: 20px 0;

	}

	ul.deflowul li {

		width: 100%;

		margin-bottom: 10px;

	}

	ul.deflowul li:last-child {

		margin-bottom: 0;

	}

	ul.deflowul li:first-child {

		width: 100%;

	}

}



/*fabrication*/

.fabrication {}

.fab_item {}

.fab_item h3.item_h3 {

	text-transform: uppercase;

}

.fab_item:last-child {

	margin-bottom: 0;

}



.cat_item {

	position: relative;

}

.cat_item_img img {

	display: block;

	width: 100%;

}

.cat_rsp {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	cursor: pointer;

}



.grid_item {}

.grid_item:last-child {

	margin-bottom: 0;

}

.grid_item_title {

	font-size: 18px;

	color: #30318b;

	line-height: 1.4em;

	margin-bottom: 20px;

}



#gridItem01 {

	position: relative;

	overflow: hidden;

}

.gridItem_img img {

	display: block;

	width: 100%;

}



.griditem_prev {

	position: absolute;

	width: 40px;

	height: 40px;

	left: 0;

	top: 40%;

	transform: translate(0,-50%);

	z-index: 9;

	cursor: pointer;

}

.griditem_prev img {

	display: block;

	width: 100%;

}

.griditem_next {

	position: absolute;

	width: 40px;

	height: 40px;

	right: 0;

	top: 40%;

	transform: translate(0,-50%);

	z-index: 9;

	cursor: pointer;

}

.griditem_next img {

	display: block;

	width: 100%;

}

.grid_item_swiper p {

	text-align: center;

	margin-top: 20px;

	font-size: 16px;

	color: #666;

}



#gridItem02 {

	position: relative;

	overflow: hidden;

}



ul.inspectionul {

	margin-right: -2%;

}

ul.inspectionul li {

	float: left;

	width: 23%;

	margin-right: 2%;

}

ul.inspectionul li .li_img img {

	display: block;

	width: 100%;

}

ul.inspectionul li p {

	text-align: center;

	margin-top: 20px;

	color: #666;

	font-size: 16px;

}



#gridItem03 {

	position: relative;

	overflow: hidden;

}

#gridItem03 .griditem_prev,

#gridItem03 .griditem_next {

	top: 50%;

}



.fab_item .coop_item .coop_item_text:before {

	display: none;

}



@media all and (max-width: 1440px) {

	.grid_item_title {

		font-size: 16px;

	}

}



/*aftersale*/

.aftersale {}

.aft_item {}

.aft_item:last-child {

	margin-bottom: 0;

}

.ser_h_img img {

	display: block;

	width: 100%;

}



.aft_install {

	display: -webkit-box;

}

.aft_install_le {

	width: 50%;

}

.aft_install_le img {

	display: block;

	width: 100%;

}

.aft_install_ri {

	width: 50%;

	background: #34368d;

	position: relative;

}

.aft_install_ri_con {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	width: 80%;

}

.aft_install_ri_item {}

.aft_install_ri_item:last-child {

	margin-bottom: 0;

}

.aft_install_ri_item_icon {

	margin-bottom: 10px;

}

.aft_install_ri_item_icon img {

	display: block;

}

.aft_install_ri_item article {

	color: #fff;

}



ul.aftuseul {

	margin-right: -2%;

}

ul.aftuseul li {

	float: left;

	width: 48%;

	margin-right: 2%;

	margin-bottom: 2%;

	-webkit-box-shadow: 0 0 10px #f0f0f0;

	-moz-box-shadow: 0 0 10px #f0f0f0;

	box-shadow: 0 0 10px #f0f0f0;

	background: #fff;

}

ul.aftuseul li .li_img {

	width: 33%;

}

ul.aftuseul li .li_img img {

	display: block;

	width: 100%;

}

ul.aftuseul li .li_text {

	width: 66%;

	padding: 2%;

}

ul.aftuseul li .li_text .li_text_icon {

	width: 29px;

	height: 22px;

	margin-bottom: 10px;

}

ul.aftuseul li .li_text .li_text_icon img {

	display: block;

	max-width: 100%;

}



@media all and (max-width: 1440px) {



}



@media all and (max-width: 600px) {

	.aft_install {

		display: block;

	}

	.aft_install_le {

		width: 100%;

	}

	.aft_install_ri {

		width: 100%;

		padding-bottom: 100%;

	}

	ul.aftuseul li .li_img {

		width: 100%;

	}

	ul.aftuseul li .li_text {

		width: 100%;

		padding: 10px;

	}

}



/*transportation*/

.transportation {}

.trans_item {}

.trans_item:last-child {

	margin-bottom: 0;

}

.trans_item h3.item_h3 {

	text-transform: uppercase;

}



.ocean_item {}

.ocean_item_img {}

.ocean_item_img img {

	display: block;

	width: 100%;

}

ul.oceanul {

	margin-right: -2%;

}

ul.oceanul li {

	float: left;

	width: 31.33%;

	margin-right: 2%;

	border-right: 1px solid #eee;

}

ul.oceanul li:last-child {

	border-right: none;

}

ul.oceanul li span {

	color: #30318b;

	font-size: 36px;

	font-weight: 600;

}

ul.oceanul li article {

	font-size: 14px;

	position: relative;

	padding-left: 30px;

}

ul.oceanul li article:before {

	content: "";

	position: absolute;

	left: 0;

	top: 50%;

	width: 20px;

	height: 2px;

	background: #30318b;

	transform: translateY(-50%);

}



ul.tranoursul {

	padding-bottom: 60px;

}

ul.tranoursul li {

	float: left;

	width: 50%;

	position: relative;



}

ul.tranoursul li .li_img {}

ul.tranoursul li .li_img img {

	display: block;

	width: 100%;

}

ul.tranoursul li .li_text {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	padding: 20px;

}

ul.tranoursul li .li_text .li_text_icon {

	margin-bottom: 12px;

}

ul.tranoursul li .li_text article {

	color: #fff;

}

ul.tranoursul li:nth-child(2n+1) {

	transform: translateY(55px);

}



ul.tranoursul li:first-child:before {

	content: "SAES";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	font-size: 120px;

	font-weight: 900;

	color: #efefef;

	text-align: center;

	transform: translateY(-60%);

	z-index: -1;

}

ul.tranoursul li:last-child:after {

	content: "SERVICE";

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	font-size: 110px;

	font-weight: 900;

	color: #efefef;

	text-align: center;

	transform: translateY(60%);

	z-index: -1;

}



ul.translandul {}

ul.translandul li .li_text .li_text_icon {

	width: 100%;

}

ul.translandul li .li_text .li_text_icon p {

	font-size: 18px;

	color: #333;

}



.transsimpleul .coop_item_text:before {

	display: none;

}

.transsimpleul .transsimpleul_num {

	font-size: 30px;

	color: #30318b;

	font-weight: 600;

	margin-bottom: 25px;

	display: inline-block;

	position: relative;

}

.transsimpleul .transsimpleul_num:after {

	content: "";

	position: absolute;

	width: 13px;

	height: 2px;

	background: #30318b;

	left: 0;

	bottom: -7px;

}



.transsimpletextul {

	margin-right: -2%;

	margin-top: 10px;

}

.transsimpletextul li {

	float: left;

	width: 48%;

	margin-right: 2%;

}

.transsimpletextul li .li_img {}

.transsimpletextul li .li_img img {

	display: block;

	width: 100%;

}

.transsimpletextul li p {

	font-size: 14px;

	color: #666;

	text-align: center;

	margin: 12px 0;

}



.purchasedul {

	margin-right: -2%;

}

.purchasedul li {

	float: left;

	width: 48%;

	margin-right: 2%;

	position: relative;

}

.purchasedul li .li_img {}

.purchasedul li .li_img img {

	display: block;

	width: 100%;

}

.purchasedul li .li_text {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	padding: 20px;

}

.purchasedul li .li_text .purchasedul_num {

	font-size: 50px;

	color: #30318b;

	font-weight: 600;

	margin-bottom: 25px;

	display: inline-block;

	position: relative;

}

.purchasedul li .li_text .purchasedul_num:after {

	content: "";

	position: absolute;

	width: 20px;

	height: 2px;

	background: #30318b;

	left: 0;

	bottom: -7px;

}

.purchasedul li .li_text .purchasedul_tt {

	font-size: 16px;

	color: #2c338c;

	font-weight: 600;

	margin-bottom: 10px;

}



@media all and (max-width: 1440px) {

	ul.oceanul li span {

		font-size: 30px;

	}

	ul.tranoursul li:last-child:after {

		font-size: 85px;

	}

	.purchasedul li .li_text .purchasedul_num {

		font-size: 36px;

	}

}

@media all and (max-width: 600px) {

	ul.oceanul li {

		width: 98%;

		border: none;

		margin-bottom: 20px;

	}

	ul.oceanul li:last-child {

		margin-bottom: 0;

	}

	ul.oceanul li span {

		font-size: 24px;

	}

	ul.tranoursul li {

		width: 100%;

		margin-bottom: 15px;

	}

	ul.tranoursul li:nth-child(2n+1) {

		transform: translateY(0);

	}

	ul.tranoursul li:first-child:before {

		display: none;

	}

	ul.tranoursul li:last-child {

		margin-bottom: 0;

	}

	ul.inspectionul li {

		width: 48%;

	}

	.purchasedul li {

		width: 98%;

		margin-bottom: 15px;

	}

	.purchasedul li:last-child {

		margin-bottom: 0;

	}

}



/*详情页的楼层导航*/



/*nav_right*/



.pro_navList .nav_right {

	position: fixed;

	top: 60%;

	right: 0;

	width: 200px;

	z-index: 999;

	overflow: hidden;

}

.pro_navList .nav_right .item_box {

	direction: block;

	height: 50px;

}

.pro_navList .nav_right .nav_right_item {

	width: 50px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	transition: all 2s;

	-moz-transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	background-color: #2f318b;

	float: right;

	overflow: hidden;

}

.pro_navList .nav_right .nav_right_item a {

	color: #fff;

	display: block;

}

.pro_navList .nav_right .nav_right_item .item_details {

	transition: all .5s;

	display: none;

	opacity: 0;

}

.pro_navList .nav_right .nav_right_item:hover {

	width: 200px;

	background-color: #bbc7dc;

}

.pro_navList .nav_right .nav_right_item:hover .item_number {

	display: none;

}

.pro_navList .nav_right .nav_right_item:hover .item_details {

	display: block!important;

	opacity: 1!important;

}



.relatedCases ul {

	padding-top: 30px;

}



@media all and (max-width: 800px) {



	.cases .cases-item ul li .li-right h3 {

	    overflow: hidden;

	    white-space: nowrap;

	    text-overflow: ellipsis;

	}



}