@charset "utf-8";
:root{--mColor:#D2202F;}
html,body{height: 100%;}
/*  */

/*  */
.p-header{position: fixed; top: 0; left: 0; z-index: 69; width: 100%; line-height: 50px; }
.p-header-border{border-bottom: 1px solid #eee; background-color: #fff;}
.p-logo{float: left;margin: 10px 0; display: block;overflow: hidden;}
.p-logo img{max-width: 100%; height: 50px;}
.p-search{ padding-top: 10px; float: right; cursor: pointer;}
.p-nav{float: right;}
.p-nav ul li{float: left;padding: 10px 0; padding-right: 50px; font-size: 18px;}
.p-nav ul li a{ display: block;  }
.p-nav ul li a:hover,
.p-nav ul li a.on{box-shadow: 0 -2px 0  #D2202F inset;color: #D2202F;}
@media(max-width: 1100px) {
	.p-nav ul li{ padding-right: 30px;}
	.p-nav ul li a{font-size: 16px;}
}
@media (max-width:768px) {
	.p-header{line-height: 30px; }
	.p-nav{display: none;}
	.p-search{margin-right: 45px;}
	.p-logo img{height: 30px;}
}


.fixed{background-color: #fff;}
/* open */
.navbar-open {position: fixed; top: 10px; right: 15px; z-index: 79; width: 34px;height: 34px; background-color: #D2202F; cursor: pointer;display: none; }
.navbar-open span {display: block;width: 30px;height: 2px;background-color: #fff;margin: 0 auto;}
.navbar-open span:first-child {margin-top: 4px;}
.navbar-open span:nth-child(2) {position: relative; margin-top: 5px;}
.navbar-open span:last-child {margin-top: 5px;}
.navbar-open-on span:first-child ,
.navbar-open-on span:last-child {width: 0;}
.navbar-open-on span:nth-child(2){ transform: rotate(-45deg);}
.navbar-open-on span:nth-child(2):before {position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 2px; background-color:#fff;transform: rotate(90deg);}
/*  */
@media(max-width: 768px) {
	.navbar-open {display: block; padding: 5px 0;}
	.navbar-open span {display: block; width: 20px;}
}
/* window-nav */
.window-nav {position: fixed;top: 0;left: 0;z-index: 22; width: 100%;height: 100%; background-color: var(--mColor); visibility: hidden;opacity: 0;transform: translateX(120px);}
/* navmenu */
.window-menu {height: 100%; display: flex; align-items: center; justify-content: center; text-align: center;}
.window-menu ul li { padding-bottom: 35px;}
.window-menu ul li a {font-size: 18px; color: #fff;}
.window-menu ul li a.ft-color{color: #fff!important; text-decoration: underline;}
/* close */
.navbar-close {position: absolute;top: 5px;right: 5px;width: 35px;height: 35px;}
.navbar-close span {position: absolute;top: 17px;left: 6px;width: 25px;height: 1px;background-color: #fff;}
.navbar-close span:first-child {transform: rotate(45deg);}
.navbar-close span:last-child {transform: rotate(-45deg);}
/* s */

/* window-search */
.window-search-bg{position: fixed;top: 0;left: 0;z-index: 9;width: 100%;height: 100%; background-color: rgba(0,0,0,.7);visibility: hidden; opacity: 0; z-index: 1000;}
.window-search {width: 100%;height: auto; padding: 50px 0; background-color: rgb(255, 255, 255);visibility: hidden;opacity: 0;transform: translateY(-10px);}
.window-search .window-search-logo {max-width: 100%;display: block;margin: 0 auto 25px;}
.close-search {position: absolute;top: 45px;right: 45px;width: 35px;height: 35px;cursor: pointer;}
.close-search span {position: absolute;top: 17px;left: 6px;width: 25px;height: 2px;background-color: #333;}
.close-search span:first-child {transform: rotate(45deg);}
.close-search span:last-child {transform: rotate(-45deg);}
.window-searchform {max-width: 600px;font-size: 0;margin: 0 auto;padding: 0 15px;}
.window-searchform input {float: left;display: block;padding-left: 10px;width: 79%;border: none;background: none;border: 1px solid #D2202F;line-height: 44px;color: var(--mColor);font-size: 16px;outline: none;}
.window-searchform button {float: left;display: block;border: 1px solid #D2202F;line-height: 46px;width: 20%;padding: 0 10px;font-size: 16px;background-color: var(--mColor);color: #fff;outline: none;}

.window-searchShow {visibility: visible; opacity: 1; transform: translateY(0);}

@media screen and (max-width:768px) {
	.window-search {height: 100%;}
	.close-search {top: 15px;right: 15px;width: 35px;height: 35px;cursor: pointer;}
}
/* onshow */
.on-show {opacity: 1;visibility: visible;transform: translateX(0);}

.p-search i{width: 34px; height: 34px; text-align: center; margin-right: 10px; background-color: rgba(0,0,0,1); border-radius: 5px; color: #fff; line-height: 34px; cursor: pointer;outline:none;display: inline-block; font-size: 22px;}
.i-btn{display: inline; float: right;}

.window-language{width: 36px; height: 0; visibility: hidden; opacity: 0;transform: translateY(-10px); transform: translateX(48px);}
.window-language li{margin-bottom: 2px; transition: all .3s; line-height: 32px; }
.window-language li a{width: 34px; height: 34px;background-color: rgba(0,0,0,1); border-radius: 5px; display: inline-block; text-align: center;}
.i-btn.on .window-language{visibility: visible; opacity: 1; transform: translateY(0);}

/*  */
.page-siteInfo{position: fixed; bottom: 10px; right: 0; width: 100%;}
.page-siteInfo-flex{ display: flex; justify-content: space-between;}
.page-copyright{font-size: 12px; color: #777;}

.page-shar-icon{float: left;  width: 50%; color: #aaa; padding: 0 0px ;}
.page-shar-icon a{color: #999; margin-left: 5px; display: inline-block;}
.page-shar-icon p{ margin-top: 15px; display: block;}
.page-shar-icon a:last-child{position: relative;}
.page-shar-icon a:last-child img{position: absolute; bottom: 35px; right: -50px; height: 0; transition: all .3s;}
.page-shar-icon a:last-child:hover img{height: auto;}
.page-shar-icon a i{font-size: 30px; display: inline-block; color: #666; width: 30px; height: 30px; border-radius: 2px; margin-bottom: -2px;}
.page-shar-icon a:first-child i{font-size: 28px; background-color: #666; color: #fff; display: inline-block; }

/*  */
.page-banner{position: relative; overflow: hidden;}
.page-banner img{width: 100%;}

/* path */
.page-path{height: 50px;line-height: 50px;overflow: hidden; }
.page-path a{color: #777;}
.page-path i{margin-right: 5px; font-size: 14px; color: #888;}
.page-path b{font-weight: normal; font-family: simsun;}
.page-path span{color:var(--mColor);}

/*  */
.page-body{position: relative;  height: 100%;}
.category-position{ margin-top: 100px;}
/* .page-center{height: 100%; display: flex; align-items: center;} */

@media (max-width:1200px) {
	/* .category-position{ position: static; top: inherit; left: inherit; width: 100%; padding-top: 80px;} */
	/* .page-center{height: auto; display: block; align-items: inherit;} */
}

/* @media (max-height:860px) {
	.category-position{position: static; top: inherit; left: inherit; width: 100%;padding-top: 80px;}
	.page-center{height: auto; display: block; align-items: inherit;}
} */

@media (max-width:960px) {
	.news ul li{ width: 50%; }
}
@media (max-width:768px) {
	.news ul li{ width: 100%; }
}

/*  */
.page-title {position: relative; padding-bottom: 45px;}
.page-title h3{font-size: 22px; color: var(--mColor);}
.page-title p{margin-top: 5px; font-size: 16px; color: #777; text-transform: uppercase;}
.page-title ul{position: absolute; bottom: 55px; right: 0;}
.page-title ul li{position: relative; float: left; margin-left: 15px;}
.page-title ul li a{display: block;line-height: 30px; color: #777;border-bottom: 1px solid transparent;}
.page-title ul li a.on,
.page-title ul li a:hover{color: var(--mColor); border-bottom: 1px solid var(--mColor);}

.page-title ul ul{position: absolute; top: 31px; left: 50%; z-index: 4; display: block; margin-left: -60px;  width: 120px; opacity: 0; visibility: hidden;transform: translateY(5px);background-color: #fff;}
.page-title ul ul li{float: left; white-space: nowrap; margin: 0; width: 60px; text-align: center;border-bottom: 1px solid #eee;}
.page-title ul ul li a{position: relative; display: inline-block;line-height: 24px; font-size: 12px;}
.page-title ul ul li a::before{position: absolute;top: 50%; right: -15px; content: ''; margin-top: -8px; width: 1px; height: 15px; background-color: #eee;}
.page-title ul ul li:last-child a::before{display: none;}
.page-title ul li:hover ul{opacity: 1; visibility: visible;transform: translateY(0);}

@media (max-width:768px) {
	.page-title {position: relative; padding-bottom: 25px;}
	.page-title ul{position: static; bottom: inherit; right: inherit;}
	.page-title ul li{ margin-left: 0; margin-right: 15px;}
	.page-title ul ul{left: 0;  margin-left: 0; }
}

/* member */
.member{width: 350px; margin: 0 auto;}
.member-con input{border: 1px solid #ddd; width: 100%; line-height: 40px; margin-bottom: 20px; padding: 0 15px; color: #333; border-radius: 5px;}
.member-con button{width: 100%; height:40px; line-height: 34px; background-color: #C1202F; color: #fff; margin: 0 auto; display: inline-block; margin-top: 30px; font-size: 16px; border-radius: 5px;}

.member-con .yzm input{float: left; width: 60%;}
.member-con .yzm a{float: right; width: 35%; background-color: #C1202F; line-height: 40px; color: #fff; border-radius: 3px; text-align: center;}

@media (max-width:480px) {
	.member{width: 100%; margin: 0 auto; font-size:14px ;}
}

/* recruit */
.recruit{padding: 0 300px; line-height: 30px;}
.recruit .page-title {padding:80px 0 20px;}
.recruit-left{float: left; width: 35%; padding-right: 60px;}
.recruit-left img{width: 100%; height: 250px;}
.recruit-right{float: right; width: 65%;}

 @media (max-width:1500px) {
	.recruit{padding: 0px 50px; }
	.recruit .page-title {padding:30px 0 20px;}
	.recruit-left{padding-right: 30px;}
	.recruit-left img{height: auto;}
}
@media (max-width:480px) {
	.recruit{padding: 0px 20px; }
	.recruit-left,.recruit-right{width: 100%; padding: 0; margin-bottom: 30px;}
}

/* contact */
.contact-address,
.contact-form{float: left; width: 50%;padding-right: 150px;}
.contact-address {padding-right: 30px; padding-left: 150px;}
.contact-address ul{position: relative; padding-left: 120px;}
.contact-address img{position: absolute; top: 0; left: 0; max-width: 100px;}
.contact-address ul li h3{font-size: 18px;}
.contact-address ul li{margin-bottom: 15px;}
.contact-address ul li p{margin-top: 5px; line-height: 22px; color: #777; font-size: 14px;}

.contact-form .input-txt{position: relative; float: left; width: 31%;margin-right: 2.33%; margin-bottom: 15px;  border: 1px solid #eee;}
.contact-form .input-txt:nth-child(4),.contact-form .input-txt:nth-child(5){width: 47.65%;}
.contact-form .input-txt:last-child{width: 97.6%;}
.contact-form .input-txt label{position: absolute;top: 5px; left: 5px;}
.contact-form .input-txt label i{color: var(--mColor);}
.contact-form .input-txt input{display: block; width: 100%;padding: 0 25px; height: 34px; line-height: 34px; background-color: #f9f9f9;}
.contact-form form textarea{display: block; width: 100%;  padding: 6px 25px; font-family: "microsoft yahei"; background-color: #f9f9f9; color: #666;}
.contact-form button{padding: 0 55px; line-height: 30px; background-color: var(--mColor); color: #fff; cursor: pointer; margin-top: 30px;}
.contact-form button:hover{opacity: .9;}

@media (max-width:1200px) {
	.contact-address,
	.contact-form{width: 100%; padding:0 20px;}
}
@media (max-width:768px) {
	.contact-address {}
	.contact-address ul{position: relative; padding-left: 0;padding-top: 130px;}
	.contact-address img{width: 100%;}
	.contact-form .input-txt{ width: 48%;margin-right: 2%; }
}
@media (max-width:640px) {
	.contact-form .input-txt{ width: 100% !important;margin-right: 0; }
}

/* news */
.news{overflow: hidden; padding-top:100px;}
.news ul{margin-left: -30px;}
.news ul li{float: left; width: 33.33%; padding-left: 30px;}
.news ul li a{position: relative; display: block;}
.news-pic{overflow: hidden;}
.news-pic img{width: 100%;}
.news-content{width: 90%; margin: 0 auto; padding: 15px 25px 0; text-align: center; background-color: #fff; overflow: hidden;}
.news-content h3{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 1em;}
.news-content p{margin: 10px 0; height: 44px; line-height: 22px; color: #777; overflow: hidden;}
.news-content span{display: block; transform: translateY(30px);-webkit-transform: translateY(30px);}
.news ul li a:hover .news-content{transform: translateY(-50px);}
.news ul li a:hover .news-content h3{color: var(--mColor);}
.news ul li a:hover .news-content span{transform: translateY(0);}

@media (max-width:1200px) {
	.news ul li{ width: 50%; }
}
@media (max-width:768px) {
	.news ul li{ width: 100%; }
}


/* cases */
.cases{overflow: hidden;}
.cases ul{margin-left: -30px;}
.cases ul li{float: left; width: 33.33%; padding-left: 30px;}
.cases ul li a{position: relative; display: block;}
.cases-pic{position: relative; overflow: hidden;}
.cases-pic img{width: 100%;}
.cases-mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(210, 32, 47,.6); display: flex;align-items: center; justify-content: center; color: #fff; text-align: center; visibility: hidden; transition: .3s; opacity: 0;}
.cases-content{width: 90%; margin: 0 auto; padding: 15px 25px; text-align: center; background-color: #fff; overflow: hidden;}
.cases-content h3{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px;}
.cases-content p{margin: 15px 0 0; height: 22px; line-height: 22px; color: #777; overflow: hidden; font-size: 14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cases-content span{ font-size: 12px; color: #999;}
.cases ul li a:hover .cases-content h3{color: var(--mColor);}
.cases ul li a:hover .cases-mask{visibility: visible;opacity: 1;}
@media (max-width:1200px) {
	.cases ul li{ width: 50%; }
}
@media (max-width:768px) {
	.cases ul li{ width: 100%; }
}

/* product */
.products{max-width: 1000px; margin: 0 auto; overflow: hidden;}
.products ul{margin-left: -30px;}
.products ul li{float: left; width: 33.33%; padding-left: 30px; margin-bottom: 30px;}
.products ul li a{display: inline-block; color: #fff; background-color: #D2202F; margin: 15px 5px 0; padding: 3px 10px 5px;}
.products ul li a:last-child{background-color: #666;}
.products-pic{position: relative; overflow: hidden;}
.products-pic img{width: 100%;}
.products-mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex;align-items: center; justify-content: center; color: #fff; text-align: center;  background-color: rgba(0,0,0,.2);}

/* .products ul li a:hover .products-mask{height: 0; width: 0;} */
@media (max-width:1200px) {
	.products ul li{ width: 33.33%; }
}
@media (max-width:960px) {
	.products ul li{ width: 50%; }
}
@media (max-width:768px) {
	.products ul li{ width: 100%; }
}

/* .products ul li a:hover .products-mask{ visibility: visible;} */
/* productslist */
.productslist{ margin: 0 auto; overflow: hidden;}
.productslist ul{margin-left: -30px;}
.productslist ul li{float: left; width: 25%; padding-left: 30px; margin-bottom: 30px;}
.productslist ul li a{position: relative; display: block;}
.productslist-pic{position: relative; overflow: hidden;}
.productslist-pic img{width: 100%;}
.productslist-content{ padding: 15px 0;  background-color: #fff; border-bottom: 1px solid #eee; overflow: hidden;}
.productslist-content h3{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px;}
.productslist-content p{margin: 10px 0; height: 24px; line-height: 22px; color: #777; overflow: hidden;font-size: 14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.productslist ul li a:hover h3{color: var(--mColor);}
.productslist ul li a:hover .productslist-content{border-bottom: 1px solid var(--mColor);}

@media (max-width:1200px) {
	.productslist ul li{ width: 33.33%; }
}
@media (max-width:960px) {
	.productslist ul li{ width: 50%; }
}
@media (max-width:768px) {
	.productslist ul li{ width: 100%; }
}

/* page-code */
.page-code{padding-top: 15px; text-align: center; font-size: 0;}
.page-code span,
.page-code a{display: inline-block; margin: 15px 2px; padding: 0 10px; line-height: 30px; border: 1px solid #eee; background-color: #D9D9D9;font-size: 16px; color: #666; font-family: arial; cursor: pointer;}
.page-code .page-code-on{background-color: var(--mColor); border-color: var(--mColor); color: #fff;}
.page-code span b{font-family: simsun;}
.page-code span:hover,
.page-code a:hover{background-color: var(--mColor); border-color: var(--mColor);  color: #fff;}
/* show */
.show-container {padding: 100px 0; *padding:100px 0; _padding:100px 0; max-width: 1100px;margin: 0 auto;}
.show-container-case{padding: 100px 0; *padding:100px 0; _padding:100px 0; }
/* @media (max-width:1900px) {
	.show-container {padding: 220px 0 120px; *padding: 180px 0 100px; _padding: 180px 0 100px;}
}
@media (max-width:1700px) {
	.show-container {padding: 180px 0 100px; *padding: 180px 0 100px; _padding: 180px 0 100px;}
}
@media (max-width:1400px) {
	.show-container {padding: 100px 0 50px; *padding: 100px 0 50px; _padding: 100px 0 50px;}
}
@media (max-width:1200px) {
	.show-container {padding: 50px 0 0; *padding: 50px 0 0; _padding: 50px 0 0;}
}
 */
.show-title{ padding-top: 50px; border-bottom: 1px solid #eee;}
.show-title h3{margin-bottom: 15px; padding-bottom: 15px; font-size: 20px; color: #C1202F;}
.show-title span{position: relative; display: inline-block;margin-right: 15px; margin-bottom: 10px; font-family: arial;  color: #777;}
/* .show-title span:before{position: absolute; top: 0; left: 0; content: ''; width: 1px; height: 15px; background-color: #ccc;} */
.show-title span:first-child::before{display: none;}
.show-content{padding: 40px 0;}
.show-content p{line-height: 24px; padding-bottom: 15px;}
/*  */
.page-view ul{padding:0 15px; background-color: #f5f5f5; border-left: 4px solid var(--mColor);}
.page-view ul li{padding: 5px 0}
.page-view ul li a{color: #777;}
.page-view ul li a:hover{color: var(--mColor);}
@media (max-width:768px) {
	.page-view ul{padding:5px 15px; background-color: #f5f5f5;}
	.page-view ul li{width: 100%;}
	.page-view ul li:last-child{text-align: left; padding-top: 8px;}
}

@media (max-width:768px) {
	.show-title{ padding-top: 20px;}
	.show-title span::before{display: none;}
	.show-content{padding: 20px 0;}
}


/* yanfa */
.yanfa-swiper{position: relative; padding: 0 100px;}
.yanfa-swiper .swiper-slide .yanfa-pic,
.yanfa-swiper .swiper-slide .yanfa-content {display: table-cell;width: 50%;}
.yanfa-swiper .swiper-slide .yanfa-pic {text-align: center;overflow: hidden;}
.yanfa-swiper .swiper-slide .yanfa-pic img {max-width: 100%;}
.yanfa-swiper .swiper-slide .yanfa-content h3 {margin-bottom: 15px;}
.yanfa-swiper .swiper-slide .yanfa-content p {color: #777;}
.yanfa-swiper .swiper-button-next,
.yanfa-swiper .swiper-button-prev {width: 60px; background: none;outline: none;}
.yanfa-swiper .swiper-button-next img,
.yanfa-swiper .swiper-button-prev img {width: 100%;}
@media (max-width:1400px) {
	.yanfa-swiper .swiper-slide .yanfa-content {padding-left: 50px;}
	.yanfa-swiper .swiper-slide .yanfa-content h3{font-size: 1.05em;}
	.yanfa-swiper .swiper-slide .yanfa-content p{font-size: 0.9em;}
}
@media (max-width:960px) {
	.yanfa-swiper .swiper-slide .yanfa-pic,
	.yanfa-swiper .swiper-slide .yanfa-content {display: block;width: 100%; padding: 0;}
	
	.yanfa-swiper .swiper-slide .yanfa-content{margin-top: 25px; text-align: center;}
}

/* page */
.about-body>span{position: fixed; top: 0; left: 0; z-index: -1; display: block; width: 35%; height: 100%;background-image: url(../images/about/about-bg.jpg); background-position: left top; background-repeat: no-repeat; background-size: cover;}
.about-container{ padding-top: 120px; float: right; width: 63%; }
.about-category{margin-bottom: 30px;}
.about-category ul li{float: left; margin-right: 20px;}
.about-category ul li a{display: inline-block; line-height: 30px; border-bottom: 1px solid transparent;}
.about-category ul li a:hover,
.about-category ul li a.on{border-bottom: 1px solid #666; color: #666;}
@media (max-width:1200px) {
	.about-body>span{display: none;}
	.about-container{ padding-top: 20px; float: none; width: 100%; }
	.about-category{margin-bottom: 30px;}
}

@media (max-height:860px) {
	.about-container{ padding-top: 0;  }
}

/* about-desc */
.about-desc{padding: 15px 0;}
.about-desc p{line-height: 22px;margin-bottom: 15px; color: #777;}

/* history */
.about-history-swiper{position: relative; margin-top: 50px; padding: 0 100px;}
.about-history-rec{position: relative;}
.about-history-rec::before{
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
	width: 110%;
	height: 1px;
	background-color: #ddd;
}
.about-history-rec span{display: inline-block; width: 20px; height: 20px; background-color: var(--mColor);}
.about-history-rec h3{margin: 15px 0;font-size: 36px; font-family: arial;}
.about-history-rec h4{margin-bottom: 25px; font-size: 26px; font-family: arial;}
.about-history-rec h4 b{display: block;font-size: 18px; font-weight: normal;}
.about-history-rec p{font-family: arial; color: #777;}
.about-history-swiper .swiper-button-next,
.about-history-swiper .swiper-button-prev {width: 40px;background: none;outline: none;}
.about-history-swiper .swiper-button-next img,
.about-history-swiper .swiper-button-prev img {width: 100%;}
/* about-fdlink */
.about-fdlink{overflow: hidden;}
.about-fdlink ul{margin-left: -15px;}
.about-fdlink ul li{float: left; width: 16.66%; padding-left: 15px; margin-bottom: 15px;}
.about-fdlink ul li a{display: block; width: 100px; height: 80px; display: flex; align-items: center; justify-content: center;}
.about-fdlink ul li a img{width: 100%; height: auto !important;}
.about-fdlink ul li a:hover{box-shadow: 0 0 10px rgba(0,0,0,.2);}

@media (max-width:960px) {
	.about-fdlink ul li{ width: 33.33%; }
}
@media (max-width:640px) {
	.about-fdlink ul li{ width: 50%; }
}

/* about-honor */
.about-honor{max-width: 900px; overflow: hidden;}
.about-honor ul{margin-left: -25px;}
.about-honor ul li{float: left; width: 25%; padding-left: 25px; margin-bottom: 25px;}
.about-honor ul li a{display: block;}
.about-honor ul li a img{width: 100%;}
.about-honor ul li a:hover{box-shadow: 0 0 10px rgba(0,0,0,.2);}
@media (max-width:1600px) {
	.about-honor{max-width: 650px; }
}
@media (max-width:960px) {
	.about-honor{max-width: 600px; }
	.about-honor ul li{ width: 33.33%; }
}
@media (max-width:640px) {
	.about-honor ul li{ width: 50%; }
}


/*  */