@charset "utf-8";
/*ZMY*/

.p-header{position: fixed; top: 0; left: 0; z-index: 69; width: 100%; line-height: 50px; background-color: rgba(255,255,255,.6);}
.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: 4px; 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{display: none;}
	.p-logo img{height: 30px;}
}


.fixed{background-color: #fff;}
/* open */
.navbar-open {position: fixed; top: 10px; right: 15px; z-index: 79; width: 30px;height: 30px; background-color: #C1202F; 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: 2px;}
.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; width: 34px;height: 34px; }
	.navbar-open span {display: block; width: 20px;}
	.navbar-open span:first-child {margin-top: 4px;}
}

/* window-nav */
.window-nav {position: fixed;top: 0;left: 0;z-index: 22; width: 100%;height: 100%; background-color: #C1202F; 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: #D2202F;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: #D2202F;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);transform: translateX(0px); }

/* ce */
.p-header1{position: fixed; top: 0; left: 0; z-index: 69; width: 100%; line-height: 30px; background-color: rgba(255,255,255,.6);}
.p-nav1{float: right;display: none;}
.p-nav1 ul li{float: left;padding: 10px 0; padding-right: 50px; font-size: 18px;}
.p-nav1 ul li a{ display: block;  }
.p-nav1 ul li a:hover,
.p-nav1 ul li a.on{box-shadow: 0 -2px 0  #D2202F inset;color: #D2202F;}


.fixed1{background-color: #fff;}
/* open */
.navbar-open1 {position: fixed; top: 35px; right: 45px; z-index: 79; width: 44px;height: 46px; background-color:#C1202F; cursor: pointer; display: none; }
.navbar-open1 span {display: block;width: 30px;height: 2px;background-color: #fff;margin: 0 auto;}
.navbar-open1 span:first-child {margin-top: 12px; }
.navbar-open1 span:nth-child(2) {position: relative; margin-top: 7px; }
.navbar-open1 span:last-child {margin-top: 7px;}
.navbar-open-on1 span:first-child ,
.navbar-open-on1 span:last-child {width: 0;}
.navbar-open-on1 span:nth-child(2){ transform: rotate(-45deg);}
.navbar-open-on1 span:nth-child(2):before {position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 2px; background-color:#fff;transform: rotate(90deg);}


/* window-nav */
.window-nav1 {position: fixed;top: 0; right: 0;z-index: 22; width: 30%; height: 100%; background-color: #C1202F; visibility: hidden;opacity: 0;transform: translateX(120px);}
/* navmenu */
.window-menu1 {position: relative; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; }
.window-menu1 ul{}
.window-menu1 ul li { padding-bottom: 35px; font-size: 18px;}
.window-menu1 ul li a {font-size: 18px; color: #fff;}
.window-menu1 ul li a.ft-color{color: #fff!important; text-decoration: underline;}

.window-menu1 p{position: absolute; bottom: -260px; left: 50%; margin-left: -150px; width: 300px; color: #fff; border: 1px solid #fff; padding: 10px 20px;}

@media (min-height:760px) {
	.window-menu1 p{ bottom: 60px;}
}

/* close */
.navbar-close1 {position: absolute;top: 5px;right: 5px;width: 35px;height: 35px;}
.navbar-close1 span {position: absolute;top: 17px;left: 6px;width: 25px;height: 1px;background-color: #fff;}
.navbar-close1 span:first-child {transform: rotate(45deg);}
.navbar-close1 span:last-child {transform: rotate(-45deg);}
/* s */

/* onshow */
.on-show1 {opacity: 1;visibility: visible;transform: translateX(0);}
@media (max-width:768px) {
	.navbar-open1 {opacity: 0;}
}

/*banner*/
.i-banner {width: 100%; height: 100%; }
.i-banner .swiper-container {height: 100%; width: 100%;}
.i-banner .swiper-slide,.i-banner .swiper-slide a{display: block; height: 100%; background-position: center;background-repeat: no-repeat ; background-size: cover;}

.i-banner .swiper-slide img{width: 100%; height: 100%;}

.i-banner .swiper-pagination{position: absolute; bottom: 25px !important;}
.i-banner .swiper-pagination span{ width: 20px; height: 20px;  outline: none;}
.i-banner .swiper-pagination-bullet {border-radius: 40px!important; background:#fff; opacity: .7; outline: none;}
.i-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
.i-banner .swiper-pagination-bullet-active{background-color: #C1202F; opacity: 1;}
/* @media (max-width:1000px) {
	
} */

@media (max-width:480px) {
	.i-banner img{ height: 100%;}
	.i-banner .swiper-pagination span{ width: 15px; height: 15px; }	
}

.i-about-list .i-about-box{display: none;}
.i-about-list .i-about-box.active{display: block;}
.i-about-img{float: left; width: 40%;}
.i-about-img img{width: 100%;}
.i-about-text{float: right; width: 55%; padding-top: 100px;}
.i-about-text h3{font-size: 30px;}
.i-about-text h3 span{width: 85px; height: 4px; background: #ddd; display: block; margin: 10px 0;}
.i-about-text p{ margin-top:30px ; line-height: 30px; }

.i-about-title{margin-top: 40px; text-align: center;}
.i-about-title ul{display: inline-block;}
.i-about-title li{float: left; border: 2px solid #999; width: 22px; height: 22px; border-radius: 20px; float: left; cursor: pointer; margin: 0 5px;}
.i-about-title li.on span{ width: 18px; height: 18px; border-radius: 20px; background-color: #666; border: 4px solid #fff ; display: inline-block;}

@media (max-width:1500px) {
	.i-about-text{padding-top: 50px;}
	.i-about-text h3{font-size: 24px;}
	.i-about-text p{font-size: 14px;}
}
@media (max-width:960px) {
	.i-about{padding: 0;}
	.i-about-text h3{font-size: 20px;}
	.i-about-text h3 span{height: 2px;}
	.i-about-text p{line-height: 24px; margin-top: 10px;}
	.index-more{margin-top: 30px; font-size: 14px;}
}
@media (max-width:768px) {
	.i-about-img{display: none;}
	.i-about-text{width: 100%;}
	.i-about-title li{width: 20px; height: 20px; line-height: 20px;}
	.i-about-title li.on span{ width: 14px; height: 14px; border:3px solid #fff ;}
}

.i-product-box{padding:0 80px 0 160px;}
.i-product img{width: 100%;}
.i-product h3{font-size: 24px; margin-bottom: 30px;}
.i-product h3 span{width: 40px; height: 4px; background: #ddd; display: block; margin: 10px 0;}

.i-products{max-width: 100% !important;}

@media (max-width:1200px) {
	.i-product-box{padding:0 35px;}
}
@media (max-width: 768px){
	.i-products ul li {width: 50% !important;}
}
@media (max-width: 480px){
	.i-product-box{padding:0 20px;}
	.i-products ul li {width: 100% !important;}
}
/* .i-product-left{float: left; width: 49%;}
.i-product-left a{ position: relative; display: block;}
.i-product-right{float: right; width: 51%;}
.i-product-right li{float: left; width: 50%; padding: 0 0 20px 24px; }
.i-product-right li a{display: block; width: 100%; height: 100%; position: relative;}
.i-product-img img{width: 100%;}
.i-product-title{position: absolute; left: 0; bottom: 0; background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); width: 100%; height:66px; padding: 20px; font-size: 16px; color: #fff; transition: all .3s;}
.i-product-title b{font-size: 14px; font-weight: normal;}
.i-product a:hover .i-product-title{height: 100%;text-align: center;display: flex;display: -webkit-flex;align-items:center;justify-content:center;background-position: center;background-repeat: no-repeat ;background: -webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6));}
.i-product a:hover .i-product-title span{position: relative;}
.i-product a:hover .i-product-title span::before,
.i-product a:hover .i-product-title span::after{content: ""; position: absolute; top: -12px; left: 50%; width: 50px; margin-left: -25px; height: 1px; background-color: #aaa;}
.i-product a:hover .i-product-title span::after{top: inherit; bottom: -12px;}

@media (max-width:1400px) {
	.i-product-box{padding:0 90px 0 160px;}
	.i-product-right li{float: left; width: 50%; padding: 0 0 26px 24px; }
}
@media (max-width:960px) {
	.i-product-box{padding:0 36px;}
	.i-product{padding: 50px 0;}
}
@media (max-width:768px) {
	.i-product-left{ width: 50%; padding-right: 12px;}
	.i-product-right{ width: 100%; margin-top: 24px;}
	.i-product-right ul{margin-left: -24px;}
	.i-product-right li{ width: 50%; }
}
@media (max-width:640px) {
	.i-product-left{ width: 100%; padding-right: 0;}
	.i-product-right 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-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);}

@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%; }
}





/*  */
.i-research-bg{position: absolute; width: 45%; height: 100%; background-color: #f5f5f5; z-index: -1;}
.i-research-pic{float: left; width: 65%; padding-right: 70px;}
.i-research-pic img{width: 100%;}
.i-research-text{float: right; width: 35%; padding-top: 100px;}
.i-research-text h3{font-size: 24px;}
.i-research-text h3 span{width: 40px; height: 4px; background: #ddd; display: block; margin: 10px 0;}
.i-research-text p{font-size: 16px; margin-top:50px ; line-height: 26px;}
.i-research-text p span{color: #999;}

@media (max-width:960px) {
	.i-research{padding: 50px 0;}
	.i-research-bg{ width: 50%; }
	.i-research-text{padding-top: 30px;}
}
@media (max-width:768px) {
	.i-research-bg{ width: 100%; }
	.i-research-pic{float: none; width: 70%; padding-right: 0; margin: 0 auto 25px;}
	.i-research-pic img{width: 100%;}
	.i-research-text{float: none; width: 100%; text-align: center;}
	.i-research-text h3 span{margin: auto;}
	.i-research-text p{font-size: 14px; margin-top:10px ; }
}


.i-news-title h3{float: left; font-size: 24px;}
.i-news-title h3 span{width: 40px; height: 4px; background: #ddd; display: block; margin: 10px 0;}
.i-news-title .index-more{float: right;}
.i-news-list{margin-top: 30px;}
.i-news-list li{float: left; width: 33.33%; padding: 0 10px;}
.i-news-list .i-news-pic{margin-bottom: 20px;}
.i-news-list .i-news-pic img{width: 100%;}
.i-news-list .i-news-text h3{ margin-top: 10px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.i-news-list .i-news-text p{color: #666; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.i-news-list .i-news-text span{display: inline-block; margin: 10px 0 15px; color: #999;}
.i-news-list li:hover .i-news-text h3{color: #C1202F;}

.index-more a{border: 1px solid #999; padding: 0 25px; line-height: 35px; display: inline-block; position: relative;}
.index-more a::before{content: ""; position: absolute; left: 0; top: 0; width: 0%; height: 0%; background-color: #C1202F;opacity: 0; transition: all .3s; z-index: -1;}
.index-more a:hover::before{width: 100%; height: 100%; opacity: 1;}
.index-more a:hover{color: #fff; border-color: #C1202F; }
.index-more a:hover i{color: #fff;}
@media (max-width:960px) {
	.i-news{padding: 50px 0;}
}
@media (max-width:768px) {
	.i-news-list li{ width: 100%; margin-bottom: 25px; }
}



#menu { margin: 0; padding: 0; position: fixed; left: 50px; bottom: 50%; transform: translateY(50%); list-style-type: none; z-index: 70; }
#menu ul{position: relative; padding: 0px 0 28px;}
#menu ul::before{content: ""; position: absolute; left: 50%; bottom: 0px; width: 1px; height: 50%; background-color: #ccc; z-index: 0;}
#menu li {font-size: 14px; text-align: center; z-index: 11;}
#menu ul li a{position: relative; padding: 28px 0 5px;color: #666; text-decoration: none; display: inline-block; }
#menu ul li a::before{content: ""; position: absolute; left: 50%; top: 0px; width: 2px; height: 50%; background-color: #ccc; z-index: 0;}
#menu .active a { color: #C1202F;}
@media (max-width:1200px) {
	#menu{display: none;}
}