@charset "utf-8";

/*wap*/

@media screen and (min-width:0px) and (max-width:1023px) {
* {
	-webkit-tap-highlight-color: transparent;
}
html {
	font-size: 62.5%
}
.pc {
	display: none;
}
.wap {
	display: block;
}
.icon {
	font-family: iconfont;
}
span {
	display: block;
}
input {
	-webkit-user-select: text !important;
	display: block;
	cursor: pointer;
}
button {
	display: block;
	cursor: pointer;
}
img {
	display: block;
}
a {
	cursor: pointer;
}
em, i, p, span {
	line-height: 100%;
}
 @media only screen and (min-width:321px) {
html {
font-size:62.5%!important
}
}
 @media only screen and (min-width:361px) {
html {
font-size:70.31%!important
}
}
 @media only screen and (min-width:376px) {
html {
font-size:73.24%!important
}
}
 @media only screen and (min-width:481px) {
html {
font-size:94%!important
}
}
 @media only screen and (min-width:561px) {
html {
font-size:109%!important
}
}
 @media only screen and (min-width:641px) {
html {
font-size:125%!important
}
}
/* --- 头部 --- */





/* --- slide --- */

.page-header.slide {
	background: #fff;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
/* logo */

.page-header.slide .logo {
	background: url(../images/logo-white.png) no-repeat 0 center;
}
/* nav */

.page-header.slide .nav ul li a {
	color: #333;
}
.page-header.slide .nav ul li.hvr-underline-from-center:before {
	background: #bdc510;
}
/* search */

.page-header.slide .search .icon {
	color: #333;
}
.page-header.slide .search:hover .icon {
	color: #bdc510;
}
/* email */

.page-header.slide .email .icon {
	color: #333;
}
/* nav */

.page-header.slide .nav .icon {
	color: #333;
}
/* --- search --- */

.pop-search {
	position: fixed;
	left: 0;
top:100%%;
	width: 100%;
	height: 100%;
	z-index: 600;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pop-search .box {
	display: flex;
	padding: 0 1.5rem;
}
/* input */

.pop-search .box input {
	width: 90%;
	height: 5rem;
	line-height: 5rem;
	border: none;
	border-bottom: 1px solid #ddd;
	font-size: 1.8rem;
	transition: all .3s;
	float: left;
}
.pop-search .box input:focus {
	border-bottom: 1px solid #333;
}
/* button */

.pop-search .box button {
	background: none;
	border: none;
	width: 10%;
	cursor: pointer;
	line-height: 8rem;
}
.pop-search .box button .icon {
	font-size: 1.8rem;
}
.pop-search .box button:active {
	color: #bdc510;
}
/* close */

.pop-search .close {
	position: absolute;
	right: 8%;
	top: 8%;
	font-size: 1.8rem;
	transition: all .3s;
	cursor: pointer;
}
.pop-search .close:hover {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg)
}
/* --- header --- */

.page-header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 5rem;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	z-index: 500;
	display: flex;
	align-items: center;
	transition: all .3s;
	padding: 0 1.5rem;
}
/* logo */

.page-header .logo {
	background: url(../images/logo.png) no-repeat 0 center;
	width: 10rem;
	height: 100%;
}
.page-header .logo a {
	display: block;
	width: 100%;
	height: 100%;
}
/* search */

.page-header .search {
	margin-left: auto;
	cursor: pointer;
}
.page-header .search .icon {
	font-size: 1.8rem;
	color: #fff;
}
/* email */

.page-header .email {
	margin-left: 1.5rem;
	cursor: pointer;
}
.page-header .email .icon {
	font-size: 1.8rem;
	color: #fff;
}
/* nav */

.page-header .nav {
	margin-left: 3.5rem;
	cursor: pointer;
	width: 10%;
	text-align: center;
}
.page-header .nav .icon {
	font-size: 1.6rem;
	color: #fff;
}
.page-header .nav-list {
	position: absolute;
	left: 0;
	width: 100%;
	top: 5rem;
	background: #fff;
	display: none;
}
.page-header .nav-list li {
	height: 5.5rem;
	line-height: 5.5rem;
	border-bottom: 1px solid #efefef;
	text-align: center;
	font-size: 1.4rem;
}
/* --- footer --- */

.page-footer {
	background: #272727;
	padding: 2.5rem 1.5rem;
}
/* column */

.page-footer .column {
	font-size: 1.6rem;
	font-weight: bolder;
	font-weight: 900;
	color: #fff;
	margin-bottom: 1.5rem;
}
/* contact */

.page-footer .contact {
	border-bottom: 1px solid #333;
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
}
.page-footer .contact li {
	display: flex;
	color: #a8a8a8;
	font-size: 1.2rem;
	margin-bottom: 1.5rem;
	line-height: 125%;
}
.page-footer .contact li .title {
	min-width: 20%;
	line-height: 125%;
}
.page-footer .contact li .text {
	line-height: 125%;
	width: 80%;
}
/* navigation */

.page-footer .navigation {
	border-bottom: 1px solid #333;
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
}
.page-footer .navigation ul {
	display: flex;
	flex-wrap: wrap;
}
.page-footer .navigation .content li {
	width: 50%;
	margin-bottom: 0.9rem;
}
.page-footer .navigation .content li a {
	color: #a8a8a8;
	transition: all .3s;
	font-size: 1.2rem;
}
.page-footer .navigation .content li a:hover {
	color: #fff;
}
/* follow */

.page-footer .follow {
}
.page-footer .follow .content {
	display: flex;
	align-items: center;
	margin-bottom: 1.5rem;
}
.page-footer .follow .content .icon {
	font-size: 2.4rem;
	color: #555;
	transition: all .3s;
	width: 4rem;
	text-align: center;
	display: block;
}
.page-footer .follow .content .icon:hover {
	color: #fff;
}
.page-footer .follow .search {
	display: flex;
	height: 3.5rem;
}
.page-footer .follow .search input {
	height: 100%;
	background: #747474;
	border: none;
	width: 80%;
	padding-left: 1.5rem;
	color: #fff;
	font-size: 1.2rem;
	transition: all .3s;
}
 .page-footer .follow .search input::-webkit-input-placeholder {
color:#222;
}
.page-footer .follow .search input:focus {
	background: #999;
}
.page-footer .follow .search button {
	width: 20%;
	background: #323232;
	color: #777;
	border: none;
	font-size: 1.8rem;
	cursor: pointer;
}
.page-footer .follow .search button:active {
	opacity: .8;
}
/* logo */

.page-footer .logo {
	text-align: center;
	margin-top: 2.5rem;
}
.page-footer .logo img {
	margin: 0 auto;
}
.page-footer .logo .text {
	color: #777;
	margin-top: 12px;
}
.tz-subcribe input[type='email'] {
	width: 50%;
	height: 45px;
	font-size: 1.2rem;
	padding: 10px;
	display: block;
	float: left;
}
.tz-subcribe input[type='submit'] {
	width: 30%;
	height: 45px;
	background: #666;
	color: #ffffff;
	border: 0;
	text-align: center;
	padding: 10px;
	display: inline-block;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	font-size: 1.2rem;
}
/* --- copyright --- */

.page-copyright {
	background: #222;
	padding: 1.5rem;
}
.page-copyright .wrap {
	align-items: center;
	color: #565656;
	font-size: 1.2rem;
	text-align: center;
}
.page-copyright .right {
	margin-top: 1.5rem;
}
/* --- video --- */

.pop-back {
	background: #000;
	position: fixed;
	left: 0;
	top: 0%;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	display: none;
	z-index: 500;
}
.pop-video {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 300;
	display: flex;
	align-items: center;
	justify-content: center;
	display: none;
	z-index: 500;
}
.pop-video .videosamplex {
	width: 90%;
	margin: 40% 5%;
}
.pop-video .close {
	position: absolute;
	right: 5%;
	top: 5%;
	font-size: 1.8rem;
	transition: all .3s;
	cursor: pointer;
	color: #fff;
}
.pop-video .close a {
	color: #fff;
}
.pop-video .close:hover {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg)
}
/* --- more --- */

.page-more {
	height: 3.5rem;
	background: #bdc510;
	align-items: center;
	display: flex;
	justify-content: center;
	color: #fff;
	transition: all .3s;
	border-radius: 100px;
	font-size: 1.2rem;
	margin: 3rem auto 0;
}
.page-more i {
	font-size: 1.8rem;
	margin-left: 1rem;
	transition: all .3s;
}
.page-more a {
	color: #fff;
}
/* wap pc */

.page-more.pc {
	display: none
}
/* --- back --- */

.page-back {
	display: none;
}
/* --- column --- */

.page-column {
	display: flex;
	align-items: center;
	border-radius: 5px;
	overflow: hidden;
	transition: all .3s;
	position: relative;
}
.page-column .text {
	margin-bottom: 1.5rem;
}
.page-column .text h2 {
	font-size: 2.8rem;
	font-weight: bolder;
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 1.5rem;
	display: inline-block;
	position: relative;
	padding-bottom: 1.5rem;
}
.page-column .text h2:after {
	content: "";
	width: 30%;
	height: .3rem;
	background: #cfcfcf;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .3s;
	border-radius: 100px;
}
.page-column .text p {
	font-size: 1.2rem;
	color: #999;
	line-height: 125%;
}
.page-column .page-more {
	margin-bottom: 1.5rem;
	font-size: 1.2rem;
}
.page-column .page-more i {
	margin-left: 1.5rem;
}
/* wap pc */

.page-column.pc {
	display: none;
}
/* ------ 首页 ------ */





/* --- banner --- */

.home-banner .swiper-slide {
	/*height: 50rem;*/
}
.home-banner .item .box {
/*	height: 50rem;*/
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
    top: 50%;
    transform: translatey(-50%);
}
.picimg{
	min-height:350px;
	object-fit:cover;
}
/* title */

.home-banner .item .box .title {
	text-align: center;
	margin-bottom: 1.5rem;
}
.home-banner .item .box .title h3 {
	font-weight: bolder;
	font-weight: 900;
	color: #fff;
	font-size: 1.8rem;
	display: block;
	margin-bottom: 1.5rem;
}
.home-banner .item .box .title p {
	color: #fff;
	font-size: 1.4rem;
	padding: 0 10%;
	line-height: 125%;
}
/* more */

.home-banner .item .box .page-more {
	width: 20rem;
}
/* Pagination */

.home-banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 35px;
	width: 100%;
}
.home-banner .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	display: inline-block;
	border-radius: 100px;
	transition: all .3s;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid rgba(255,255,255,0);
	background: none;
	position: relative;
}
.home-banner .swiper-pagination-bullet:after {
	content: "";
	background: rgba(255,255,255,0.5);
	width: 8px;
	height: 8px;
	border-radius: 100px;
	left: 2px;
	top: 2px;
	position: absolute;
}
.home-banner .swiper-pagination-bullet-active {
	width: 14px;
	height: 14px;
	display: inline-block;
	border-radius: 100px;
	transition: all .3s;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid rgba(255,255,255,1);
	background: none;
	position: relative;
}
.home-banner .swiper-pagination-bullet-active:after {
	background: rgba(255,255,255,1);
}
/* Arrows */

.home-banner .swiper-button-prev, .home-banner .swiper-button-next {
	color: #fff;
	font-size: 2.4rem;
	opacity: 1;
	transition: all .3s;
}
.home-banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 1.5rem;
	right: auto;
	transition: all .3s;
}
.home-banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right: 1.5rem;
	left: auto
}
/* --- product --- */

.home-product {
	background: #fff;
	padding: 2.5rem 1.5rem;
}
.home-product .content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 2.5rem;
}
/* column */

.home-product .page-column {
	margin-bottom: 1rem;
}
/* item */

.home-product .content .item {
	position: relative;
	margin-bottom: 1.8rem;
	border-radius: 5px;
	overflow: hidden;
	transition: all .3s;
	width: 48%;
}
.home-product .content .item .pic {
	margin-bottom: 1.2rem;
}
.home-product .content .item .pic img {
	width: 100%;
	border-radius: 5px;
}
.home-product .content .item .text {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #333;
	font-weight: normal;
	transition: all .3s;
	font-size: 1.2rem;
}
.home-product .content .item:last-child {
	display: none;
}
/* --- application --- */

.home-application {
	position: relative;
	background: #f5f5f5;
}
/* wrap */

.home-application .wrap {
	padding: 5rem 0;
	padding-bottom: 0;
	background: #f5f5f5;
}
.home-application .wrap .page-column {
	padding: 0 1.5rem;
}
.home-application .wrap .page-more {
	margin: 1.5rem;
}
/* content */

.home-application .content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
}
.home-application .content .item {
	border-bottom: 1px dashed #E7E7E7;
	transition: all .3s;
	width: 50%;
	padding: 1.5rem;
}
.home-application .content .item a {
	display: flex;
	align-items: center;
	height: 100%;
	flex-wrap: wrap;
}
.home-application .content .item .icon {
	width: 100%;
	color: #bdc510;
	font-size: 3.6rem;
	margin-bottom: 1.5rem;
}
.home-application .content .item .text {
	width: 100%;
}
.home-application .content .item .text h3 {
	font-size: 1.4rem;
	font-weight: bolder;
	margin-bottom: 1rem;
}
.home-application .content .item .text p {
	font-size: 1.2rem;
	color: #999;
	line-height: 125%;
}
.home-application .content:after {
	content: "";
	width: 1px;
	background: #E7E7E7;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
}
/* --- range --- */

.home-range {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	overflow: hidden;
}
/* arrow */

.home-range .prev, .home-range .next {
	position: absolute;
	top: 45%;
	z-index: 999;
	border: 1px solid #fff;
	width: 3rem;
	height: 3rem;
	border-radius: 100px;
	text-align: center;
	line-height: 3rem;
	font-size: 1.4rem;
	color: #fff;
	cursor: pointer;
	transition: all .3s;
}
.home-range .prev:hover, .home-range .next:hover {
	background: #fff;
	color: #333;
}
.home-range .prev {
	left: 1.5rem;
}
.home-range .next {
	right: 1.5rem;
}
/* item */

.home-range .item {
	width: 100%;
	position: relative;
	overflow: hidden;
}
/* pic */

.home-range .item .pic {
}
.home-range .item .pic img {
	width: 100%;
}
/* box */

.home-range .item .box {
	height: 4.5rem;
	background-color: rgba(0,0,0,0.5);
	line-height: 4.5rem;
	text-align: center;
	position: absolute;
	left: 0;
	border: 0;
	width: 100%;
	overflow: hidden;
	z-index: 200;
	bottom: 0;
	transition: all .3s;
}
.home-range .item .box h3 {
	height: 4.5rem;
	line-height: 4.5rem;
	color: #fff;
	font-size: 1.4rem;
	transition: all .3s;
}
.home-range .item .box i {
	opacity: 0;
	transition: all .3s;
}
.home-range .item .box p {
	opacity: 0;
	transition: all .3s;
}
/* hover */

.home-range .item:hover .box {
	background: #bdc510;
	background-color: rgba(0,90,183,0.84);
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	bottom: 0;
}
.home-range .item:hover .box h3 {
	font-size: 1.8rem;
	color: #fff;
}
.home-range .item:hover .box i {
	width: 50px;
	height: 0.3rem;
	background: #fff;
	margin: 0 auto;
	display: block;
	margin-bottom: 1.5rem;
	opacity: 1;
}
.home-range .item:hover .box p {
	font-size: 1.2rem;
	color: #fff;
	padding: 0 15%;
	line-height: 2rem;
	height: 4rem;
	overflow: hidden;
	opacity: 1;
}
/* more */

.home-range-more {
	padding: 1.5rem;
	background: #f5f5f5;
}
/* --- advantages --- */

.home-advantages {
	position: relative;
}
/* wrap */

.home-advantages .wrap {
	padding: 2.5rem 1.5rem;
}
/* column */

.home-advantages .page-column {
	padding: 0;
	margin-bottom: 2.5rem;
}
.home-advantages .page-column h2 {
	color: #bdc510;
}
/* content */

.home-advantages .content {
	display: flex;
	flex-wrap: wrap;
}
.home-advantages .content .item {
	margin-bottom: 3.5rem;
}
.home-advantages .content .item h3 {
	font-size: 1.4rem;
	font-weight: bolder;
	font-weight: 900;
	margin-bottom: 15px;
	position: relative;
	padding-left: 1.5rem;
}
.home-advantages .content .item h3:before {
	content: "";
	width: .6rem;
	height: .6rem;
	background: #bdc510;
	border-radius: 100px;
	position: absolute;
	left: 0;
	top: .4rem;
}
.home-advantages .content .item p {
	color: #999;
	font-size: 1.4rem;
	overflow: hidden;
	line-height: 125%;
}
/* photo */

.home-advantages .photo ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.home-advantages .photo ul li {
	overflow: hidden;
	width: 48%;
}
.home-advantages .photo ul li .box {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}
.home-advantages .photo ul li .box img {
	width: 100%;
}
.home-advantages .photo ul li .box .text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	height: 3.5rem;
	line-height: 3.5rem;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	border: 0 0 5px 5px;
	font-size: 1.2rem;
}
.home-advantages .photo ul li:nth-child(2) {
	margin-top: 1.5rem;
}
.home-advantages .photo ul li:nth-child(4) {
	margin-top: 1.5rem;
}
/* hover */

.home-advantages .photo ul li:hover .box {
	box-shadow: 10px 10px 20px #ececec;
}
/* --- about us --- */

.about_nr {
	position: relative;
}
.about-title {
	text-align: center;
	padding: 0 1.5rem;
	transition: all .3s;
	position: absolute;
	left: 0;
	top: -2.5rem;
	background: #fff;
	width: 100%;
}
.about-title ul li {
	float: left;
	width: 100%;
	border-bottom: 1px solid #eee;
}
.about-title ul li a {
	display: block;
	color: #333;
	margin: 1rem 0;
	font-size: 1.4rem;
}
.about-title ul li:last-child {
	border-bottom: none;
}
.aboutwen {
	padding: 4rem 1.5rem;
	font-size: 1.2rem;
	color: #777;
}
.sjxx {
	padding: 20rem 1.5rem 6rem!important;
}
.aboutwen p {
	line-height: 200%;
}
.about-show {
	background: #f5f5f5;
}
.aboutwen .aboutny h2 {
	font-size: 1.4rem;
	line-height: 2rem;
	font-weight: bold;
	padding: 1rem 0;
	margin-bottom: 1rem;
	text-align: center;
}
.aboutwen .abouttp img {
	display: none;
}
.about-xc {
	background: #fff;
	padding: 3rem 1.5rem 0!important;
}
.biaoti {
	font-size: 1.4rem;
	line-height: 2rem;
	margin-bottom: 2rem;
	font-weight: bold;
	text-align: center;
}
/* --- about --- */

.home-about {
	padding: 5rem 1.5rem;
}
/* --- contact us --- */

.contact-show {
	padding: 3rem 0;
}
.talent_list {
	position: relative;
	overflow: hidden;
	clear: both;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin: 0 1.5rem;
}
.talent_list dl {
	overflow: hidden;
	float: left;
	width: 100%;
	box-sizing: border-box;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 20px;
}
.talent_list dl:nth-child(2n+1) {
	clear: left;
}
.talent_list dl.bg {
/*	background: #f9f9f9;*/
}
.talent_list dt {
	float: left;
}
	.talent_list dt img{width: 80%;}
.talent_list dd {
	float: left;
	width: calc(100% - 131px);
	line-height: 20px;
	font-size: 1.4rem;
	color: #666;
}
.talent_list dd font {
	font-size: 1.2rem;
	display: block;
	word-break: keep-all;
    word-wrap: break-word;
}
.talent_list dd span {
	display: block;
	line-height: 100%;
	font-size: 1.4rem;
	padding-bottom: 8px;
}
.talent_con .con1 img.pc {
	padding: 60px 0 14px;
}
.ablixiwen {
	width: 100%;
}
.about-lianxi {
	padding: 3rem 1.5rem;
	background: #f5f5f5;
	overflow: hidden;
}
.ablixiwen .title {
	padding-bottom: 2rem;
	position: relative;
}
.ablixiditu iframe {
	border: 1px solid #eee;
	width: 100%;
	height: 400px;
}
.ablixiwen .title p {
	font-size: 2rem;
}
#commentform .comment-for-author, #commentform .comment-for-email {
	width: 49%;
	float: left;
	position: relative;
}
.ablixiditu {
	width: 100%;
	margin-top: 100px;
}
#commentform .comment-for-author {
	margin-right: 2%;
}
#commentform input[type='text'], #commentform input[type='email'], #commentform textarea {
	background: #fff;
	/*	background: transparent;*/

	padding: 5px 15px;
	height: 50px;
	display: block;
	border: 0;
	position: relative;
	width: 100%;
}
#commentform input.author {
	margin-bottom: 1rem;
	background-image: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20t=%221574668783495%22%20class=%22icon%22%20viewBox=%220%200%201039%201024%22%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20p-id=%221693%22%20width=%2220%22%20height=%2220%22%3E%3Cpath%20d=%22M521.32203388%20556.91525411c-125.42372842%200-227.11864395-101.69491552-227.11864394-227.11864395s101.69491552-227.11864395%20227.11864394-227.11864395%20227.11864395%20101.69491552%20227.11864395%20227.11864395-101.69491552%20227.11864395-227.11864395%20227.11864395z%20m0-388.13559346c-88.13559287%200-159.32203417%2071.18644043-159.32203417%20159.32203417s71.18644043%20159.32203417%20159.32203417%20159.32203419%20159.32203417-71.18644043%20159.32203419-159.32203419-71.18644043-159.32203417-159.32203419-159.32203417z%22%20fill=%22#8a8a8a%22%20p-id=%221694%22%3E%3C/path%3E%3Cpath%20d=%22M148.44067753%20931.49152578c-18.64406778%200-33.89830488-15.25423711-33.89830487-33.89830576%200-223.72881328%20183.05084708-406.77966123%20406.77966122-406.77966035%2037.28813555%200%20127.11864375%2018.64406778%20161.01694951%2033.89830488%2016.94915244%208.47457666%2028.81355888%2023.72881377%2023.72881289%2042.37288154-5.08474599%2018.64406778-25.4237291%2032.20338955-42.37288065%2023.72881289-28.81355888-13.55932178-111.86440664-30.50847422-142.37288175-30.50847421-186.44067773%200-338.98305059%20152.54237286-338.98305058%20338.98305059%200%2016.94915244-15.25423711%2032.20338955-33.89830577%2032.20339042z%22%20fill=%22#8a8a8a%22%20p-id=%221695%22%3E%3C/path%3E%3Cpath%20d=%22M894.20339023%20931.49152578c-18.64406778%200-33.89830488-15.25423711-33.89830576-33.89830576%200-135.59322041-79.66101709-257.62711904-205.08474551-311.86440615-16.94915244-6.77966133-25.4237291-27.11864443-16.94915243-44.06779687%206.77966133-16.94915244%2027.11864443-25.4237291%2044.06779687-16.94915245%20149.15254219%2064.40677998%20245.76271172%20211.86440683%20245.76271172%20372.88135547%200%2018.64406778-15.25423711%2033.89830488-33.89830489%2033.89830576z%22%20fill=%22#8a8a8a%22%20p-id=%221696%22%3E%3C/path%3E%3C/svg%3E');
	background-position: 95% center;
	background-repeat: no-repeat;
	font-size: 1.2rem;
}
#commentform input.email {
	margin-bottom: 1rem;
	background-image: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20t=%221574669011386%22%20class=%22icon%22%20viewBox=%220%200%201024%201024%22%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20p-id=%223751%22%20width=%2220%22%20height=%2220%22%3E%3Cpath%20d=%22M754.915556%20436.565333%20626.062222%20276.992%20583.850667%20315.107556%20712.704%20474.680889Z%22%20p-id=%223752%22%20fill=%22#8a8a8a%22%3E%3C/path%3E%3Cpath%20d=%22M623.968074%20138.787977l44.265244-35.731911%20257.662811%20319.196678-44.265244%2035.731911-257.662811-319.196678Z%22%20p-id=%223753%22%20fill=%22#8a8a8a%22%3E%3C/path%3E%3Cpath%20d=%22M773.802667%20677.319111l-116.906667-81.066667c-13.767111-9.557333-30.094222-14.279111-46.478222-14.279111-17.749333%200-35.555556%205.575111-50.062222%2016.611556l-16.042667%2012.174222c-8.078222%206.144-17.976889%209.272889-27.875556%209.272889-9.159111%200-18.318222-2.673778-25.998222-8.021333C450.56%20584.248889%20420.579556%20544.938667%20403.683556%20498.289778%20396.743111%20479.175111%20402.090667%20457.272889%20416.995556%20443.847111l15.018667-13.539556c16.042667-14.506667%2026.225778-34.588444%2028.728889-56.490667%201.536-13.824-0.113778-27.989333-4.835556-40.96l-49.493333-136.931556c-16.042667-44.373333-54.044444-75.150222-99.157333-80.440889C302.648889%20114.972444%20298.097778%20114.688%20293.546667%20114.688c-21.731556%200-42.894222%206.087111-61.838222%2017.863111L190.577778%20158.208C125.952%20198.428444%2092.444444%20276.992%20107.178667%20353.678222c49.152%20255.146667%20212.650667%20475.420444%20437.418667%20589.198222%2018.147556%209.216%2037.546667%2015.018667%2057.628444%2017.351111%206.485333%200.739556%2013.027556%201.137778%2019.569778%201.137778%2040.504889%200%2080.497778-14.449778%20112.128-41.073778l48.355556-40.561778c24.974222-20.935111%2040.732444-50.688%2044.430222-83.683556C831.943111%20749.056%20811.690667%20703.544889%20773.802667%20677.319111zM745.699556%20836.209778l-48.412444%2040.561778c-21.276444%2017.863111-48.128%2027.761778-75.548444%2027.761778-4.323556%200-8.647111-0.227556-12.970667-0.739556-13.425778-1.592889-26.396444-5.461333-38.513778-11.605333-209.180444-105.870222-361.415111-311.182222-407.267556-549.148444-10.24-53.816889%2012.856889-108.657778%2057.628444-136.533333l41.187556-25.656889C271.701333%20174.705778%20282.339556%20171.576889%20293.546667%20171.576889c2.389333%200%204.721778%200.113778%207.111111%200.398222%2023.552%202.730667%2043.576889%2019.285333%2052.224%2043.235556l49.493333%20136.931556c1.706667%204.778667%202.389333%2010.24%201.820444%2015.303111C403.285333%20375.580444%20399.644444%20382.862222%20393.898667%20388.039111L378.936889%20401.578667C347.022222%20430.307556%20335.473778%20476.956444%20350.208%20517.688889c20.992%2057.799111%2058.254222%20106.552889%20107.690667%20140.913778%2017.123556%2011.946667%2037.376%2018.261333%2058.538667%2018.261333%2022.471111%200%2044.600889-7.395556%2062.236444-20.764444l16.156444-12.231111c4.266667-3.242667%209.784889-5.006222%2015.644444-5.006222%205.233778%200%2010.183111%201.479111%2014.051556%204.152889l116.906667%2081.123556c20.650667%2014.336%2031.687111%2039.480889%2028.728889%2065.649778C768.113778%20808.220444%20759.409778%20824.718222%20745.699556%20836.209778z%22%20p-id=%223754%22%20fill=%22#8a8a8a%22%3E%3C/path%3E%3C/svg%3E');
	background-position: 95% center;
	background-repeat: no-repeat;
	font-size: 1.2rem;
}
.comment-for-content {
	clear: both;
}
#commentform textarea {
	height: 150px;
	width: 100%;
	padding: 15px;
	background-image: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20t=%221574669121075%22%20class=%22icon%22%20viewBox=%220%200%201024%201024%22%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20p-id=%224534%22%20width=%2220%22%20height=%2220%22%3E%3Cpath%20d=%22M368.1%20501.9c0%2028.5-23.1%2051.5-51.7%2051.5-28.5%200-51.6-23-51.6-51.5s23.1-51.6%2051.6-51.6%2051.7%2023.2%2051.7%2051.6m591.6-28.5c0-215-200.8-389.9-447.6-389.9-246.9%200-447.7%20174.9-447.7%20389.9%200%20127.7%2071.9%20247.3%20192.6%20320.2v122.9c0%208.8%204.8%2016.7%2012.5%2020.8%203.5%202%207.2%202.9%2011.2%202.9%204.6%200%209.1-1.3%2013.1-4l56.7-37.4c1.1-0.7%202.1-1.5%202.7-2.1l64.1-42.7c32%206%2063.9%209.1%2094.8%209.1%20246.9%200%20447.6-174.9%20447.6-389.7m-667.3%20286c-113.1-63.8-180.6-170.7-180.6-286.1%200-188.8%20179.6-342.5%20400.3-342.5%20220.7%200%20400.3%20153.7%20400.3%20342.5S732.8%20815.8%20512.1%20815.8c-30.9%200-62.8-3.4-95-10.1-6.1-1.4-12.6-0.1-18%203.5l-75%2050c-1%200.6-2.5%201.9-2.5%201.9l-17.1%2011.3V780c0-8.6-4.7-16.4-12.1-20.6m280-271.9c0%2028.5-23.1%2051.7-51.7%2051.7-28.5%200-51.6-23.2-51.6-51.7%200-28.5%2023.1-51.5%2051.6-51.5%2028.5-0.1%2051.7%2023%2051.7%2051.5m201.9%200c0%2028.5-23.1%2051.7-51.6%2051.7s-51.6-23.2-51.6-51.7c0-28.5%2023.1-51.5%2051.6-51.5%2028.5-0.1%2051.6%2023%2051.6%2051.5m0%200%22%20p-id=%224535%22%20fill=%22#8a8a8a%22%3E%3C/path%3E%3C/svg%3E');
	background-position: 97% 15px;
	background-repeat: no-repeat;
	font-size: 1.2rem;
}
#commentform .comment-for-yanz {
	width: 48%;
	float: left;
	margin-top: 1rem;
	font-size: 1.2rem;
}
#commentform input.yanz {
	background: #fff;
}
#commentform .comment-for-yanz img {
	position: absolute;
	top: 10px;
	right: 10px;
}
#commentform p {
	padding: 0;
	margin: 0;
	position: relative;
}
#commentform .comment-for-submit {
	width: 50%;
	float: right;
	font-size: 1.2rem;
}
#commentform input[type='submit'] {
	background: #bdc510;
	color: #fff;
	text-transform: none;
	padding: 2px 25px;
	display: inline-block;
	border: 0;
	line-height: 45px;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	width: 100%;
	height: 50px;
	margin-top: 1rem;
	cursor: pointer;
}
/* --- new list --- */	

.news_list {
	background: #f5f5f5;
	padding-bottom: 1rem;
}
.news_list .content {
	padding: 13rem 0 0;
	display: flex;
	flex-wrap: wrap;
}
.news_list .content .item {
	width: 100%;
	margin: 1.5% 1.5% 5%;
	;
	border-bottom: 1px solid #e7e6e6;
	border-radius: 5px;
	padding-bottom: 5%;
}
.news_list .content .item .photo {
	float: left;
	width: 24%;
	overflow: hidden;
	margin-left: 3%;
}
.news_list .content .item .photo img {
	height: 80px;
}
.news_list .content .item .title {
	float: right;
	width: 70%;
}
.news_list .content .item .title h3 {
	font-size: 1.4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 90%;
	display: block;
	line-height: 130%;
	font-weight: bolder;
}
.news_list .content .item .title p {
	font-size: 1.2rem;
	color: #888;
	margin: 0.5rem 0 0;
	line-height: 140%;
}
.news_list .content .item .title font {
	font-size: 1.2rem;
	color: #888;
	width: 80%;
	float: left;
	margin-top: 0.6rem;
}
.news_list .content .item .icon {
	width: 20%;
	font-size: 24px;
	transition: all .3s;
	float: right;
	margin-top: 0.2rem;
}
/*new con*/

.newsxx_main {
	width: 100%;
	padding: 0 1.5rem 3rem;
	;
}
.news-title {
	padding: 13rem 0 20px;
	text-align: center;
}
.news-title .tit {
	padding: 10px 0;
	color: #333;
	font-weight: normal;
	font-size: 1.4rem;
	line-height: 30px;
}
.news-title p {
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	color: #999;
	font-size: 1.2rem;
	line-height: 2rem;
}
.news-title font {
	margin-left: 10px;
}
.news-title p a {
	color: #a3afb7;
}
.news-content {
	font-size: 1rem;
	line-height: 200%;
	color: #666;
	margin-bottom: 30px;
}
.news-content p {
	font-size: 1.2rem;
	line-height: 200%;
}
.news-content img {
	max-width: 100%!important;
	display: block;
	margin: 0 auto;
	width: auto;
	height: auto!important
}
.xiangmu_xiangq img {
	max-width: 100%!important;
	display: block;
	margin: 0 auto;
	height: auto!important
}
.d_page {
	width: 100%;
	text-align: center;/*	margin: 40px 0;*/

}
.d_page a {
	display: inline-block;
	width: 30%;
	height: 35px;
	line-height: 35px;
	border: 1px solid #eee;
	border-radius: 50px;
	font-size: 1.2rem;
	color: #666;
}
.d_page a:hover {
	background: #bdc510;
	color: #fff;
}
.info-bot-dl .f-cb {
	line-height: 36px;
	font-size: 14px;
}
.info-bot-dl .f-cb span {
	white-space: pre-wrap !important;
	float: left;
	line-height: 36px;
}
.info-bot-dl .f-cb a:hover {
	color: #bdc510;
}
.newsInfo-list1 .info-bot-dl a {
	color: #666;
	display: block;
	width: 80%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.xiangguannews {
	background: #f7f8f9;
	padding: 50px 0;
	overflow: hidden;
}
/* wrap */

.home-about .wrap {
	display: flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
/* item */

.home-about .item {
	width: 48%;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	transition: all .3s;
	margin-bottom: 1.5rem;
}
.home-about .item .text {
	background: #000;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3.5rem;
	line-height: 3.5rem;
	background-color: rgba(0,0,0,0.5);
	font-size: 1.2rem;
	text-align: center;
	color: #fff;
	transition: all .3s;
}
.home-about .item .pic img {
	width: 100%;
	height: 100%;
}
/* video */

.home-about .about-video {
	width: 48%;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	transition: all .3s;
	margin-bottom: 1.5rem;
	background: #f1f1f1;
}
.home-about .about-video .content {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	text-align: center;
	background: url(../images/wdm.jpg)no-repeat;
}
.home-about .about-video .content .icon {
	font-size: 3.5rem;
	color: #fff;
	margin-bottom: 1rem;
}
.home-about .about-video .content .title {
	font-size: 1.2rem;
	font-weight: bolder;
	font-weight: 900;
	color: #fff;
}
.home-about .about-video .content .title:before {
	content: "-";
	margin-right: .5rem;
	transition: all .3s;
}
.home-about .about-video .content .title:after {
	content: "-";
	margin-left: .5rem;
	transition: all .3s;
}
/* page-back */

.home-about .page-back {
	height: 100%;
	width: 100%;
}
/* hover */

.home-about .item:hover {
	box-shadow: 10px 10px 20px #ececec;
}
.home-about .item:hover .text {
	background-color: rgba(0,0,0,0.8);
}
.home-about .about-video:hover {
	box-shadow: 10px 10px 20px #ececec;
}
.home-about .about-video:hover .box .icon {
	color: #ddd;
}
.home-about .about-video:hover .title:before {
	margin-right: 15px;
}
.home-about .about-video:hover .title:after {
	margin-left: 15px;
}
/* --- news --- */

.home-news .wrap {
	padding: 5rem 1.5rem 2.5rem;
	background: #f5f5f5;
}
/* column */

.home-news .page-column {
}
/* content */

.home-news .content {
	margin-bottom: 1.5rem;
}
.home-news .content .item {
	border-bottom: 1px solid #F1F1F1;
	transition: all .3s;
}
.home-news .content .item a {
	align-items: center;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	display: block;
	width: 100%;
}
.home-news .content .item .date {
	width: 100%;
	margin-bottom: 1rem;
}
.home-news .content .item .date b {
	display: none;
}
.home-news .content .item .date p {
	font-size: 1.2rem;
	color: #999;
}
.home-news .content .item .box {
	width: 100%;
	display: flex;
	align-items: center;
}
.home-news .content .item .pic {
	overflow: hidden;
	width: 20%;
}
.home-news .content .item .pic img {
	width: 100%;
}
.home-news .content .item .text {
	width: 80%;
	padding-left: 1rem;
}
.home-news .content .item .text h3 {
	font-size: 1.4rem;
	font-weight: bolder;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: .5rem;
	width: 100%;
}
.home-news .content .item .text p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1.2rem;
	color: #999;
}
.home-news .content .item .icon {
	display: none;
}
/* hover */

.home-news .content .item:hover {
	background: #F1F1F1;
}
.home-news .content .item:hover .icon {
	margin-right: 40px;
}
/* ------ Subpage ------ */





/* --- banner --- */

.page-banner {
	height: 30rem;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.page-banner .content {
	height: 25rem;
	display: flex;
	align-items: center;
	text-align: center;
	color: #fff;
}
.page-banner .content .text h2 {
	font-size: 2.8rem;
	color: #fff;
	text-transform: uppercase;
	font-weight: bolder;
	font-weight: 900;
	margin-bottom: 1.5rem;
}
.page-banner .content .text p a {
	color: #fff;
	font-size: 1.4rem;
}
/* ------ Product ------ */



/* --- type --- */

.product-type {
	padding: 2.5rem 1.5rem;
}
.product-type .content {
	border: 1px solid #E7E7E7;
	border-radius: 5px;
	transition: all .3s;
}
/* item */

.product-type .content .item {
}
.product-type .content .item .title {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #bdc510;
	border-bottom: 1px solid #176DC6;
	color: #fff;
	padding: 1rem 0;
	font-size: 1.4rem;
}
.product-type .content .item .choice {
	display: flex;
	border-bottom: 1px solid #e7e7e7;
	align-items: center;
	font-size: 1.4rem;
	flex-wrap: wrap;
	padding: 1rem;
}
.product-type .content .item .choice label {
	width: 50%;
	display: flex;
	align-items: center;
	height: 3.5rem;
}
.product-type .content .item .choice em:before {
	content: "\e63e";
	font-family: iconfont;
	margin-right: .5rem;
	color: #666;
}
.product-type .content .item:last-child .choice {
	border-bottom: none;
}
/* choice */

.product-type .content .choice .checkbox {
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	display: none;
}
.product-type .content .choice .checkbox:checked+em:before {
	content: "\e63d";
	color: #bdc510;
}
.product-type .content .choice .checkbox:checked+em {
	color: #bdc510;
	font-weight: bolder;
}
/* hover */

.product-type .content .choice:hover {
	background: #f9f9f9;
}
.product-type .content:hover {
	box-shadow: 10px 10px 20px #ececec;
}
/* --- list --- */

.product-list {
	padding: 0 1.5rem;
}
.product-list .content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
/* item */

.product-list .content .item {
	width: 48%;
}
/* photo */

.product-list .content .item .photo {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	transition: all .3s;
}
.product-list .content .item .photo .pic img {
	width: 100%;
}
.product-list .content .item .photo .text {
	position: absolute;
	left: 0;
	top: 5rem;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #000;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	transition: all .3s;
	font-size: 1.2rem;
}
.product-list .content .item .photo .text em {
	position: relative;
	padding-right: 0px;
	transition: all .6s;
}
.product-list .content .item .photo .text em:after {
	content: "\e600";
	font-family: iconfont;
	font-size: 32px;
	position: absolute;
	right: 0;
	top: 0;
}
.product-list .content .item .photo .text:before {
	content: "";
	width: 94%;
	height: 94%;
	border: 1px solid rgba(255, 255, 255, 0.5);
	position: absolute;
	left: 2.8%;
	top: 2.8%;
	border-radius: 5px;
}
/* title */

.product-list .content .item .title {
	text-align: center;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.product-list .content .item .title h3 {
	margin-bottom: .5rem;
	font-size: 1.4rem;
}
.product-list .content .item .title p {
	font-size: 1.2rem;
	color: #d40000;
}
/* hover */

.product-list .content .item:hover .photo {
	box-shadow: 10px 10px 20px #ececec;
}
.product-list .content .item:hover .text {
	opacity: 1;
	top: 0px;
}
.product-list .content .item:hover .photo .text em {
	padding-right: 50px;
}
.pages {
	padding: 2rem 0;
}
/* --- show --- */

.product-show {
	padding: 2.5rem 1.5rem;
}
.product-show .content {
	background: #f5f5f5;
}
/* show */

.product-show .content .bd {
}
/* introduce */

.product-show .content .about {
	padding: 1.5rem;
}
.product-show .content .about .title {
	color: #bdc510;
	font-size: 1.6rem;
	font-weight: bolder;
	/*background: url(../images/title.png) no-repeat 0 center;
	padding-left: 4rem;
	height: 3rem;*/
	line-height: 3rem;
	margin-bottom: 1.5rem;
}
.product-show .content .about .name {
	font-size: 1.4rem;
	font-weight: bolder;
	margin-bottom: 1.8rem;color: #d40000;    padding-top: 20px;
}
.product-show .content .about .dep {
	margin-bottom: 2rem;
}
.product-show .content .about .dep pre {
	line-height: 240%;
	font-size: 1.2rem;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    overflow: auto;
}
/* hd */

.product-show .content .about .hd ul {
	display: flex;
	flex-wrap: wrap;
}
.product-show .content .about .hd ul li {
	height: 5rem;
	margin-bottom: 3rem;
	width: 19%;
	cursor: pointer;
	margin-right: 1%;
	background-size: cover;
}
/* --- Introduction --- */

.product-introduction {
	padding: 0 1.5rem;
}
/* hd */

.product-introduction .hd {
	height: 4.5rem;
	border-bottom: 1px solid #D8D8D8;
	margin-bottom: 1.5rem;
}
.product-introduction .hd ul {
	display: flex;
	align-items: center;
	justify-content: center;
}
.product-introduction .hd ul li {
	width: 50%;
	background: #bdc510;
	border: 1px solid #D8D8D8;
	color: #fff;
	text-align: center;
	line-height: 4.5rem;
	font-size: 1.4rem;
	border-radius: 5px 5px 0 0;
	font-weight: bolder;
}
.product-introduction .hd ul li.on {
	width: 50%;
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #333;
	font-weight: bolder;
	cursor: pointer;
}
/* bd */

.product-introduction .bd {
	margin-bottom: 3rem;
}
.product-introduction .bd p {
	line-height: 200%;
	font-size: 1.2rem;
}
.product-introduction .bd .box table {
	width: 100% !IMPORTANT;
	border: 1px solid #ddd !IMPORTANT;
	border-collapse: collapse !IMPORTANT;
	margin: 25px auto;
}
.product-introduction .bd .box table td {
	border: 1px solid #ddd !IMPORTANT;
	padding: 10px 5px !IMPORTANT;
	text-align: center;
}
/* ------ Application ------ */





/* --- type --- */

.application-type .wrap {
	padding: 0;
}
/* --- range --- */

.application-range {
	padding: 0 1.5rem;
}
.application-range .content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.application-range .content .item {
	position: relative;
	margin-bottom: 1.5rem;
	width: 48%;
}
/* pic */

.application-range .item .pic {
	overflow: hidden;
}
.application-range .item .pic img {
	width: 100%;
}
/* box */

.application-range .item .box {
	height: 4.5rem;
	background-color: rgba(0,0,0,0.5);
	line-height: 4.5rem;
	text-align: center;
	position: absolute;
	left: 0;
	border: 0;
	width: 100%;
	overflow: hidden;
	z-index: 200;
	bottom: 0;
	transition: all .3s;
}
.application-range .item .box h3 {
	height: 4.5rem;
	line-height: 4.5rem;
	color: #fff;
	font-size: 1.4rem;
	transition: all .3s;
}
.application-range .item .box i {
	opacity: 0;
	transition: all .3s;
}
.application-range .item .box p {
	opacity: 0;
	transition: all .3s;
}
/* hover */

.application-range .item:hover .box {
	background: #bdc510;
	background-color: rgba(0,90,183,0.84);
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	bottom: 0;
	box-shadow: 10px 10px 20px #ececec;
}
.application-range .item:hover .box h3 {
	font-size: 1.4rem;
	color: #fff;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.application-range .item:hover .box i {
	width: 5rem;
	height: .3rem;
	background: #fff;
	margin: 0 auto;
	display: block;
	margin-bottom: 1.5rem;
	opacity: 1;
}
.application-range .item:hover .box p {
	font-size: 1.2rem;
	color: #fff;
	padding: 0 5%;
	opacity: 1;
}
/* --- show --- */

.application-show {
	padding: 2.5rem 1.5rem;
}
.application-show .content {
}
/* photo */

.application-show .content .photo {
	margin-bottom: 1.5rem;
}
.application-show .content .photo img {
	width: 100%;
}
/* about */

.application-show .content .about {
}
.application-show .content .about .title {
	font-size: 1.8rem;
	color: #bdc510;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.application-show .content .about .text {
	border: 1px dashed #ddd;
	padding: 1.5rem;
}
.application-show .content .about .text p {
	line-height: 150%;
	margin-bottom: 1.5rem;
	font-size: 1.4rem;
}
/* --- pictures --- */

.application-pictures {
	padding: 0 1.5rem;
	margin-bottom: 2rem;
}
/* column */

.application-pictures .column {
	font-size: 1.4rem;
	font-weight: bolder;
	font-weight: 900;
	margin-bottom: 1.5rem;
	position: relative;
	padding-left: 15px;
}
.application-pictures .column:before {
	content: "";
	width: 5px;
	height: 18px;
	background: #bdc510;
	border-radius: 100px;
	position: absolute;
	left: 0;
	top: 5px;
}
/* column */

.application-pictures .content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.application-pictures .content .item {
	width: 48%;
	margin-bottom: 1.5rem;
	border-radius: .5rem;
	overflow: hidden;
	position: relative;
}
.application-pictures .content .item img {
	width: 100%;
}
.application-pictures .content .item .pop {
	content: "";
	width: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}
.application-pictures .content .item .pop .icon {
	background: #fff;
	width: 4rem;
	height: 4rem;
	border-radius: 100px;
	display: block;
	text-align: center;
	line-height: 4rem;
	font-size: 1.8rem;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	transition: all .3s;
}
.application-pictures .content .item:hover .pop {
	opacity: 1;
}
.application-pictures .content .item .pop .icon.zstb {
	margin-top: -3.5rem;
}
/* column */

.product-introduction .content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.product-introduction .content .item {
	width: 48%;
	margin-bottom: 1.5rem;
	border-radius: .5rem;
	overflow: hidden;
	position: relative;
}
.product-introduction .content .item img {
	width: 100%;
	height: 100px;
}
.product-introduction .content .item .pop {
	content: "";
	width: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}
.product-introduction .content .item .pop .icon {
	background: #fff;
	width: 4rem;
	height: 4rem;
	border-radius: 100px;
	display: block;
	text-align: center;
	line-height: 4rem;
	font-size: 1.8rem;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	transition: all .3s;
}
.product-introduction .content .item:hover .pop {
	opacity: 1;
}
/*分页样式开始*/

.pages {
	margin: 0;
	width: 100%;
	clear: both;
}
.pages .pagination {
	width: 100%;
	text-align: center!important;
	display: block;
}
.pages .pagination li {
	display: inline-block;
	border: 1px solid #dbdbdb;
	border-radius: 100%;
	margin: 0 2px;
}
.pages .pagination li.active {
	background: #bdc510;
	border: 1px solid #bdc510;
}
.pages .pagination li.active a {
	color: #fff;
}
.pages .pagination li a {
	display: block;
	height: 35px;
	line-height: 35px;
	font-size: 1.2rem;
	color: #888;
	width: 35px;
}
/*分页样式结束*/

	

	/* --- pictures --- */

.application-pictures {
	margin-bottom: 4rem;
}
/* column */

.application-pictures .column {
	font-size: 1.4rem;
	font-weight: bolder;
	font-weight: 900;
	margin-bottom: 1.5rem;
}
/* arrow */

.application-pictures .arrow {
	text-align: center;
	margin-top: 1.5rem;
	font-size: 1.8rem;
}
.application-pictures .arrow a {
	padding: 0 1.5rem;
}
/* --- hotkey --- */
.hotkey {
	padding: 0 1.5rem;
}
.hotkey .hotti {
	text-align: center;
	font-size: 1.6rem;
	font-weight: bolder;
	line-height: 6rem;
}
.hotkey ul li {
	display: inline-block;
	width: 92%;
	margin-bottom: 10px;
	line-height: 40px;
	margin: 2%;
	border-bottom: 1px solid #ddd;
	font-size: 1.2rem;
}
.hotkey ul li:hover {
	color: #bdc510;
}
/* content */

.application-pictures .content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.application-pictures .content .item {
	width: 92%;
	margin-bottom: 1.5rem;
	border-radius: .5rem;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.application-pictures .content .item img {
	width: 100%;
}
.application-pictures .content .item .pop {
	content: "";
	width: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}
.application-pictures .content .item .pop .icon {
	background: #fff;
	width: 4rem;
	height: 4rem;
	border-radius: 100px;
	display: block;
	text-align: center;
	line-height: 4rem;
	font-size: 1.8rem;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	transition: all .3s;
}
.application-pictures .content .item:hover .pop {
	opacity: 1;
}
/* --- pictures2 --- */
.application-pictures2 {
	margin-bottom: 2rem;
}
/* column */
.application-pictures2 .column {
	font-size: 1.4rem;
	font-weight: bolder;
	font-weight: 900;
	margin-bottom: 1.5rem;
}
/* shebei */
.sbbag {
	background: #f1f1f1;
	margin-bottom: 0!important;
	padding-bottom: 20px;
}
.application-pictures .shebei {
	padding: 130px 0 0 0;
}
.application-pictures .shebei .item {
	width: 45%!important;
	position: relative;
	margin: 5% 1%;
}
.application-pictures .shebei .sbtt {
	text-align: center;
	line-height: 3.5rem;
	height: 3.5rem;
	font-size: 0.9rem;
	color: #666;
	background: #fff;
}
.zstp img {
	height: 150px;
	width: 100%;
}
/* arrow */
.application-pictures2 .arrow {
	text-align: center;
	margin-top: 1.5rem;
	font-size: 1.8rem;
}
.application-pictures2 .arrow a {
	padding: 0 1.5rem;
}
/* content */
.application-pictures2 .content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.application-pictures2 .content .item {
	width: 92%;
	margin-bottom: 1.5rem;
	border-radius: .5rem;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.application-pictures2 .content .item img {
	width: 100%;
}
.application-pictures2 .content .item .pop {
	content: "";
	width: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}
.application-pictures2 .content .item .pop .icon {
	background: #fff;
	width: 4rem;
	height: 4rem;
	border-radius: 100px;
	display: block;
	text-align: center;
	line-height: 4rem;
	font-size: 1.8rem;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	transition: all .3s;
}
.application-pictures2 .content .item:hover .pop {
	opacity: 1;
}
}