/*Public*/
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*瑙ｅ喅IE6涓嬫粴鍔ㄦ姈鍔ㄧ殑闂*/
img{border:none;}
body {color:#666; font:62.5%/1.5   Arial, "Microsoft Yahei";width:100%;height: 100%; background-color:#fff;}
ul,ol,li,form, dl {list-style: none;}
p{margin:0px; padding:0px;}
a{text-decoration:none;color:#434343;}
a:hover {text-decoration:none;}
div{ margin:0 auto;}
::-webkit-scrollbar{width:4px;height:11px;border:none;background:#d20002!important}::-webkit-scrollbar-track-piece{border:none;position:absolute;padding:0;box-shadow:none;background-color:#d20002;border-radius:1px}::-webkit-scrollbar-thumb:vertical{background-color:#d20002;border-radius:0;border:none}::-webkit-scrollbar-thumb:horizontal{background-color:#d20002;border-radius:0;border:none}::-webkit-scrollbar{width:4px;height:12px}::-webkit-scrollbar-button:vertical{display:none}::-webkit-scrollbar-track:vertical{background-color:#000}::-webkit-scrollbar-track-piece{background:#fff}::-webkit-scrollbar-thumb:vertical{background-color:#d20002;border-radius:5px}::-webkit-scrollbar-thumb:vertical:hover{background-color:#d20002}::-webkit-scrollbar-corner:vertical{background-color:#d20002}::-webkit-scrollbar-resizer:vertical{background-color:#d20002}
.text-box{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column}
.box-flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.pull-overflow,.AcUi-overflow{overflow:hidden;}
.text-center .img-responsive{margin:auto;}
.container{padding: 0}
@media(max-width:760px){
    .container{padding:  0 5px;}
}
/* Fonts */
@font-face {
    font-family: 'iconfont';  /* project id 1827409 */
    src: url('//at.alicdn.com/t/font_1827409_1j5qfclyqbc.eot');
    src: url('//at.alicdn.com/t/font_1827409_1j5qfclyqbc.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1827409_1j5qfclyqbc.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1827409_1j5qfclyqbc.woff') format('woff'),
    url('//at.alicdn.com/t/font_1827409_1j5qfclyqbc.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1827409_1j5qfclyqbc.svg#iconfont') format('svg');
}
.Yc-icon{ font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/*Header button*/
.Header-button{margin-right:2%;margin-top:5px;position:relative; height:50px;width:30px;cursor:pointer;}
.Header-button:after,.Header-button:before{position:absolute;left:0;width:100%;height:2px;background:#fff;content:"";transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-button:after{bottom:13px;}
.Header-button:before{top:13px;}
.Header-button span{display:block;height:2px;width:100%;background:#fff;position:absolute;top:50%;left:0;border-radius:2px;margin-top:-1px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-button.active:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;left:5px;bottom:13px;}
.Header-button.active:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;top:13px;left:5px;}
.Header-button.active span{opacity:0}
/*Header*/
#Header{position: fixed;left: 0;top: 0;width: 100%;z-index: 10;height: 106px;background: rgba(0,0,0,.55);transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-logo{width: 264px;height: 80px;background: url(../images/logo_1.png) no-repeat left center;background-size: contain;margin-top: 13px;overflow: hidden}
.Header-logo a{display: block;width: 100%;height: 100%;text-indent: -999rem;opacity: 0}
.Header-nav{width: calc(100% - 264px);padding-left: 50px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-nav li{width:11.1%;text-align: center;float: left;position: relative}
.Header-nav li:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: transparent;content: ""}
.Header-nav li a{display: block;padding: 25px 0;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-nav li a span{display: block;font-size: 16px;color: #fff;line-height:2}
.Header-nav li a em{display: block;text-transform: uppercase;font-size: 14px;color:#848484;font-style: normal}
#Header.active{height: 70px;background: rgba(0,0,0,.7)}
#Header.active .Header-logo{height: 50px;margin-top: 10px;}
#Header.active .Header-nav li a{padding: 12px 0}
#Header.active .Header-nav li a span{font-size: 14px;}
#Header.active .Header-nav li a em{font-size: 12px;}
@media(max-width: 992px){
    #Header{height: 60px !important;z-index: 11}
    .Header-logo{height: 40px !important;background-size: contain;margin-top: 10px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
}
@media(max-width: 760px){
    #Header{background: rgba(0,0,0,.8)}
}
/*Nav*/
#Nav{position: fixed;right: -150%;top: 60px;background: rgba(0,0,0,.5);width: 100%;z-index: 10;height: calc(100% - 60px);transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;visibility: hidden;opacity: 0}
#Nav .container{width: 40%;background: #fff;float: right;height: 100%;padding:20px}
#Nav ul li{border-bottom: solid 1px #ddd;font-size: 16px;padding: 15px 0 10px;position: relative}
#Nav ul li:after{position: absolute;right: 0;top: 50%;width: 15px;height: 20px;content: ">";font-family: SimSun;color: #999;margin-top: -10px;font-size: 1.6rem;}
#Nav ul li span{font-size: 16px;color: #333;display: block;line-height: 20px;}
#Nav ul li em{font-size: 12px;font-style: normal;color: #999;text-transform: uppercase;line-height: 1}
.Nav-tel{margin-top: 40px;}
.Nav-tel i{font-size: 4rem;color: #842420;line-height: 1;margin-right: 10px;}
.Nav-tel p{font-size: 1.6rem;color: #000;line-height: 1.8}
.Nav-tel p span{color: #999;font-size: 1.4rem;display: block;line-height: 1}
.Nav-code{margin-top: 30px;border-top: solid 1px #ddd;padding-top: 20px;}
.Nav-code-img{border: solid 1px #ddd;padding: 5px;display: inline-block}
.Nav-code p{font-size: 1.4rem;color: #333;line-height: 2;}
#Nav.active{right: 0;visibility: visible;opacity: 1}
@media(min-width: 993px){
    #Nav{display: none}
}
@media(max-width: 760px){
    #Nav .container{width: 70%;padding: 15px;}
    #Nav ul li{padding: 10px 0}
    #Nav ul li a{display: block;padding-left: 10px}
    #Nav ul li span{font-size: 1.2rem}
    #Nav ul li em{display: none}
    .Nav-tel{margin-top: 20px;}
    .Nav-code{margin-top: 20px}
    #Nav ul li.active{background: #842420;color: #fff;border-color: #842420}
    #Nav ul li.active:after{color: #fff}
    #Nav ul li.active a span{color:#fff;}
    .Nav-tel p span{font-size: 1.2rem}
    .Nav-code p{font-size: 1.2rem}
}
/*Banner*/
.swiper-pagination {
	position: absolute;
	left: 0;
	bottom: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 20px
}
.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.45);
	transition: all .3s;
	cursor: pointer
}
.swiper-pagination-bullet:not(:last-child) {
	margin-right: 10px
}
.swiper-pagination-bullet-active {
	width: 30px;
	border-radius: 5px;
	background-color: rgba(255,255,255,0.85)
}
@media(max-width: 760px){
    #Banner{margin-top: 60px}
}
/*Home hot word*/
.Home-hot-word{background: #f2f2f2;height: 76px;line-height: 76px}
.Home-hot-word i{color:#d20002;font-size: 30px;margin-right: 20px}
.Home-hot-word span{font-size: 16px;color:#454545;}
.Home-hot-word a{font-size: 14px;color:#818181;margin-right: 10px;}
.Home-hot-word a:hover{color:#d20002}
@media(max-width: 760px){
    .Home-hot-word{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;height: 50px;line-height: 50px;}
    .Home-hot-word i{font-size: 2rem;margin-right: 10px;}
    .Home-hot-word span{font-size: 1.4rem}
    .Home-hot-word a{font-size: 1.2rem}
}
/*Home product*/
.Home-product{background: url(../images/backg_0.jpg) left top;padding: 50px 0}
.Home-product-left{padding-left: 0;padding-right: 25px;}
.Home-product-nav{background: #842420;padding-top: 20px;overflow: hidden}
.Home-product-nav h2{font-size: 32px;color:#ffffff;font-weight: bold;margin-bottom: 5px;}
.Home-product-fitle{font-size: 18px;color:#fff;line-height: 26px;text-transform: uppercase;font-weight: lighter;margin-bottom: 20px;}
.Home-product-nav-list{background: #fff;margin: auto 10px 10px;padding: 15px;}
.Home-product-nav-list li{border-bottom: solid 1px #dedede;line-height: 50px;}
.Home-product-nav-list li:last-child{border-bottom: none}
.Home-product-nav-list li a{display: block;padding-left:24%;font-size: 14px;color:#454545}
.Home-product-nav-list li:hover a,.Home-product-nav-list li.active a{background: #a82425;color:#fff;}
.Home-product-right{padding: 0;}
.Home-product-list li{padding: 0 10px;margin-bottom: 25px;}
.Home-product-list li:last-child,.Home-product-list li:nth-last-child(2),.Home-product-list li:nth-last-child(3){margin-bottom: 0}
.Home-product-list li a{display: block;overflow: hidden;position: relative}
.Home-product-list li img{transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Home-product-list li a span{position: absolute;left: 0;bottom: -100px;width: 100%;text-align: center;background: rgba(0,0,0,.6);padding: 10px 0;color:#fff;font-size: 14px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Home-product-list li:hover a img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1)}
.Home-product-list li:hover a span{bottom: 0}
@media(max-width: 1024px) and (min-width: 993px){
    .Home-product-nav h2{font-size: 28px;}
    .Home-product-fitle{font-size: 16px;}
    .Home-product-nav-list li{line-height: 39px}
    .Home-product-nav-list li a{padding-left: 10%}
}
@media(max-width: 992px) and (min-width: 768px){
    .Home-product-nav h2{font-size: 2rem}
    .Home-product-fitle{font-size: 1.2rem}
    .Home-product-nav-list li{line-height: 28px;}
    .Home-product-nav-list li a{font-size: 1.2rem;padding-left: 0}
}
@media(max-width: 760px){
    .Home-product{padding: 30px 0}
    .Home-product-left{padding: 0}
    .Home-product-nav{padding: 0;background: none}
    .Home-product-nav h2{font-size: 2.2rem;color: #a82425}
    .Home-product-fitle{font-size: 1.4rem;color:#a82425;opacity: .8}
    .Home-product-nav-list{padding: 0;margin: auto;overflow: hidden;background: none;display: none}
    .Home-product-nav-list li{width: 33.33%;float: left}
    .Home-product-list li{padding: 0 5px;margin-bottom: 10px;}
    .Home-product-list li:last-child{display: none}
}
/*Home advatage*/
.Home-advatage{position: relative;background: url(../images/backg_1.jpg) no-repeat top center;padding: 80px 0 55px;}
.Home-advatage-title{height: 62px;background: url(../images/title_1.png) no-repeat center;text-indent: -999rem;overflow:hidden;margin-bottom: 4.8%}
.Home-advatage-left{width: 51.7%;margin-top: 30px}
.Home-advatage-left dt{margin-bottom:10px;padding-left: 40px;background: url(../images/icon_1.png) no-repeat left center;font-size: 24px;color:#bc1402;font-weight: bold;line-height: 33px;}
.Home-advatage-left dd{padding-left: 40px;background: url(../images/icon_2.png) no-repeat 10px 8px;font-size:16px;color:#666;line-height: 30px;margin-bottom: 48px;}
.Home-advatage-left dd:last-child{margin-bottom: 0}
.Home-advatage-box .Home-advatage-block:last-child {margin-top: -30px;}
.Home-advatage-box .Home-advatage-block:last-child .Home-advatage-left{padding-top: 7%;}
@media(max-width: 1024px) and (min-width: 993px){
    .Home-advatage-right{width: 40%}
    .Home-advatage-box .Home-advatage-block:last-child{margin-top: 0}
}
@media(max-width: 992px) and (min-width: 768px){
    .Home-advatage-right{width: 40%}
    .Home-advatage-box .Home-advatage-block:last-child{margin-top: 20px}
    .Home-advatage-box .Home-advatage-block:last-child .Home-advatage-left{padding-top: 0%;margin-top: 0}
}
@media(max-width: 760px){
    .Home-advatage{padding: 30px 0}
    .Home-advatage-title{height: 40px;background-size: contain}
    .Home-advatage-left{width: 100%;margin-bottom: 20px;}
    .Home-advatage-left dt{font-size: 2rem}
    .Home-advatage-left dd{font-size: 1.4rem;margin-bottom: 20px;}
    .Home-advatage-box .Home-advatage-block:last-child{margin-top: 20px;}
    .Home-advatage-box .Home-advatage-block:last-child .Home-advatage-left{padding-top: 0}
}
/*Home about*/
.Home-about{background:url(../images/backg_2.jpg) no-repeat top center;padding-top: 60px}
.Home-about-box{background: rgba(255,255,255,.8);padding: 55px;-moz-box-shadow:0px 5px 10px rgba(34,23,20,.27); -webkit-box-shadow:0px 5px 10px rgba(34,23,20,.27); box-shadow:0px 5px 10px rgba(34,23,20,.27);position: relative;margin-bottom: 55px;}
.Home-about-box:before{position: absolute;left: 55px;top: 55px;width: 100%;height: 100%;font-size: 120px;font-weight: bold;line-height: 88px;color:#d2d2d2;
    opacity: .27;content: "ABOUT US"}
.Home-aboout-left{padding-left: 0}
.Home-about-title{height: 92px;position: relative;font-size: 30px;color:#842420;font-weight: bold;line-height: 1;text-align: left;padding-top: 20px;}
.Home-about-text{font-size:14px;color:#646464;line-height: 26px;text-indent: 2rem; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 35px;}
.Home-about-more{width: 260px;height: 50px;background: #b1b1b1;line-height: 50px;text-align: center;display: block;font-size: 14px;color:#fff;}
.Home-about-right{padding: 0}
.Home-about-nav{margin: auto -15px;}
.Home-about-nav li{padding: 0 15px;text-align: center;}
.Home-about-nav li i{overflow: hidden;display: block}
.Home-about-nav li i img{transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Home-about-nav li span{display: block;padding: 30px 0;font-size: 16px;color:#444444;}
.Home-about-nav li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1)}
.Home-about-nav li:hover span{color: #d20002}
.Home-partner{margin-top: 50px;margin-bottom: 50px;}
.Home-partner h3{border-bottom: solid 1px #cccccc;padding-bottom: 15px;margin-bottom: 35px;}
.Home-partner-list{margin: auto -15px;}
.Home-partner-list li{width:20%;padding: 0 15px;margin-bottom: 30px;float: left}
.Home-partner-list li i{display: block;border: solid 1px #dedede;overflow: hidden}
.Home-partner-list li i img{transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;opacity: 0.5;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
.Home-partner-list li:hover i img{transform: rotateX(360deg);-webkit-transform: rotateX(360deg);-moz-transform: rotateX(360deg);-ms-transform: rotateX(360deg);opacity: 1;-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none;}
@media(max-width: 1024px) and (min-width: 993px){
    .Home-about-text{-webkit-line-clamp: 5;}
}
@media(max-width: 992px) and (min-width: 768px){
    .Home-about{background-size: contain}
    .Home-about-box{padding: 20px;}
    .Home-about-box:before{left: 20px;top: 20px;font-size: 9rem;line-height: 1}
    .Home-about-title{height: 76px;}
    .Home-about-text{-webkit-line-clamp: 4;margin-bottom: 15px;}
}
@media(max-width: 760px){
    .Home-about{background-size: contain}
    .Home-about-box{padding: 15px;margin-bottom: 30px;}
    .Home-about-box:before{left: 15px;top: 15px;font-size: 3rem;line-height: 1}
    .Home-aboout-left{padding: 0;margin-bottom: 30px;}
    .Home-about-title{height: auto;margin-bottom: 15px;}
    .Home-about-more{margin: auto}
    .Home-about-nav{margin: auto;overflow: hidden}
    .Home-about-nav li{padding: 0 5px;}
    .Home-partner{margin: 30px auto}
    .Home-partner-list{margin: auto}
    .Home-partner-list li{padding: 0 5px;}
}
/*Home news*/
.Home-news{background: url(../images/backg_0.jpg) left top;padding: 50px 0}
.Home-news-title{margin-bottom: 50px;padding: 0 25px;}
.Home-news-title h2{color: #666;position: relative;font-size: 28px;line-height: 1;font-weight: lighter;}
.Home-news-title h2 b{color:#333;}
.Home-news-title a{width: 130px;height: 32px;border: 1px solid #333333;color: #333333;text-align: center;font-size: 14px;line-height: 32px;display: block;text-transform: uppercase;}
.Home-news-one{background: #f5f5f5;width: 532px;height: 536px;position: relative}
.Home-news-text{position: relative}
.Home-news-text:before,.Home-news-text:after{content: "";position: absolute;bottom: 0;height: 2px;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out}
.Home-news-text:before{left: 0;width: 0;background: #ec6618}
.Home-news-text:after{right: 0;width: 0;background: #333}
.Home-news-one .Home-news-text{width: 84.5%;margin: -50px auto;background: #fff;box-shadow:2px 6px 8px rgba(0,0,0,.15);z-index: 1;position: relative;padding: 45px 40px;}
.Home-news-text h3{width: 100%;display: block;font-size: 16px;line-height: 16px;color: #333333;padding-bottom: 17px;border-bottom: 2px solid #f7f7f7;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.3s ease-in-out;position: relative;}
.Home-news-text p{width: 100%;display: block;font-size:14px;line-height: 24px;color: #666;text-align: justify;text-justify: inter-ideograph;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 17px}
.Home-news-one .Home-news-text p:last-child{margin-top: 0}
.Home-news-text:hover{transform: translateY(-.2rem);box-shadow: 0.02rem 0.06rem 0.08rem rgba(0,0,0,.15);transition: all 0.5s ease-in-out;}
.Home-news-text:hover:before{width: 14%}
.Home-news-text:hover:after{width: 86%}
.Home-news-list{float: right;width: calc(100% - 562px);height: 536px;}
.Home-news-list li{background: #f5f5f5;margin-bottom: 32px;padding: 35px 32px;}
.Home-news-time{width: 102px;height:116px;display: block;background: #ec6618;font-size: 16px;color: #fff;line-height:16px;text-align: center;padding-top:32px;float: left;margin-top: 32px;}
.Home-news-time b{display: block;font-size: 36px;line-height: 36px;}
.Home-news-list li .Home-news-text{ width: calc(100% - 102px);height:180px;display: block;background: #fff;float: left;padding: 44px 50px;position: relative;transition: all 0.3s ease-in-out;}
.Home-news-list li:hover .Home-news-text{transform: translateX(-10px);box-shadow: 2px 6px 8px rgba(0,0,0,.15)}
@media(max-width: 1024px) and (min-width: 993px){
    .Home-news-one{width: 50%}
    .Home-news-one .Home-news-text{padding: 25px 20px;width: 95%}
    .Home-news-list{width: 48%}
    .Home-news-list li .Home-news-text{padding: 30px 25px;}
}
@media(max-width: 992px) and (min-width: 768px){
    .Home-news-one{width: 100%;padding-bottom: 100px;height: auto;margin-bottom: 30px;}
    .Home-news-list{width: 100%}
}
@media(max-width: 760px){
    .Home-news{padding: 30px 0;}
    .Home-news-title{margin-bottom: 30px;padding: 0}
    .Home-news-title h2{font-size: 2rem;width: 100%;text-align: center;float: none !important}
    .Home-news-title a{margin: auto;float: none !important;margin-top: 15px;}
    .Home-news-one{width: 100%;padding-bottom: 100px;height: auto;margin-bottom: 30px;}
    .Home-news-one .Home-news-text{padding: 25px 20px;width: 95%}
    .Home-news-list{width: 100%;height: auto}
    .Home-news-list li{padding: 10px}
    .Home-news-time{width: 70px;font-size: 1.2rem}
    .Home-news-list li .Home-news-text{padding: 30px 25px;width: calc(100% - 70px);height: auto}
}
/*Footer*/
#Footer{background: url(../images/backg_3.jpg) left top}
.Footer-top{padding: 60px 0}
.Footer-left{width: 55.37%;padding: 0 20px 0 0}
.Footer-nav{margin-bottom: 25px;font-size: 1.6rem;color:rgba(255,255,255,.16)}
.Footer-nav a{display: inline-block;padding:0 20px;position: relative;color:#fff}
.Footer-nav a:after{position: absolute;right: 0;top: 50%;width: 1px;height: 16px;background: rgba(255,255,255,.43);content: "";margin-top: -8px;}
.Footer-nav a:first-child{padding-left: 0}
.Footer-nav a:last-child:after{display: none}
.Footer-left dl dd{padding: 0;font-size: 1.4rem;color:rgba(255,255,255,.63);line-height: 1.8;}
.Footer-left dl dd a{color:rgba(255,255,255,.63);}
.Footer-code{width: 8.68%;text-align: center}
.Footer-code p{margin-top: 10px;font-size: 14px;color: #fff;}
.Footer-right{width: 43.67%;}
.Footer-right h2{font-size: 20px;color:#fff;line-height: 24px;}
.Footer-right h2 span{font-size: 16px;color: rgba(255,255,255,.5);margin-left: 8px;}
.Footer-form li{padding: 6px 0}
.Footer-form li input,.Footer-form li button{width: 95%;height: 42px;background: rgba(0,0,0,.15);padding-left: 20px;color: #fff;border: none;outline: none;}
.Footer-form li input::placeholder{color: rgba(255,255,255,.4)}
.Footer-form li button{background:#642c2a;border-radius: 6px;font-size: 20px;}
.Footer-copyright{background: #1b1b1b;padding: 30px 0;position: relative;font-size: 1.4rem;color: #fff}
.Footer-copyright a{color:#fff;}
@media(max-width: 1024px) and (min-width: 993px){
    .Footer-top{padding: 25px 0}
    .Footer-left{padding-left: 0}
    .Footer-nav{font-size: 1.2rem}
    .Footer-nav a{padding: 0 10px;}
    .Footer-left dl dd{font-size: 1.2rem}
    .Footer-right h2{font-size: 14px;}
    .Footer-right h2 span{font-size: 1.2rem}
}
@media(max-width: 992px) and (min-width: 768px){
    .Footer-top{padding: 30px 0}
    .Footer-left{width: 100%;padding: 0 0 15px;margin-bottom: 15px;border-bottom: solid 1px rgba(255,255,255,.4)}
    .Footer-right{width: 100%}
}
@media(max-width: 760px){
    #Footer{margin-bottom: 60px}
    .Footer-top{padding: 30px 0}
    .Footer-left{width: 100%;padding: 0 0 15px;margin-bottom: 15px;border-bottom: solid 1px rgba(255,255,255,.4)}
    .Footer-right{width: 100%}
    .Footer-right h2{font-size: 1.8rem}
    .Footer-right h2 span{font-size:1.2rem}
}
/* Footer Button */
#Footer-button{height:60px;background:#842420;border-top:solid 1px #6e1310;z-index: 9;}
#Footer-button a{border-top:solid 1px #6e1310;border-right:solid 1px #974744;height:60px;border-left:solid 1px #974744;text-align:center;overflow:hidden}
#Footer-button a i.Yc-icon{line-height:30px;height:30px;color:#fff;font-size:2.6rem;margin-top:5px;display:block}
#Footer-button a span{font-size:14px;color:#fff;}

/*===== about us  =====*/
.Rs-public-box{position:relative;}
.Rs-public-bg{height:650px;position:relative;text-align:center;background-size:auto 100%;z-index:0;background:no-repeat fixed center center;}
.Rs-public-bg:after{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);content:"";z-index:0}
.Rs-public-nav{position:absolute;left:0;top:150px;width:100%;z-index:1}
.Rs-public-title{font-size:30px;color:#fff;}
.Rs-public-fitle{font-size:40px;font-family:'Adobe Hebrew';text-transform:uppercase !important;color:#fff;margin-top:20px;}
.Rs-partnav{text-align:center;margin-top:80px;max-width: 1200px;margin-left: auto;margin-right: auto}
.Rs-partnav li{display:inline-block;width:150px;height:36px;line-height:36px;font-size:14px;border:solid 1px rgba(255,255,255,0.5);text-decoration:none;color:#fff;margin:0 13px 26px}
.Rs-partnav li a{display:block;color:#fff;}
.Rs-partnav li a:hover,.Rs-partnav li.active a{background:#fff;color:#d20002}
@media(max-width:1080px){
    .Rs-public-bg{background-attachment:scroll;}
    .Rs-public-nav{position:absolute}
    .Rs-partnav{padding:0}
}
@media(min-width:992px) and (max-width:1024px){
    .Rs-public-bg{height:75vh}
    .Rs-public-nav{top:30%;padding:0}
    .Rs-partnav li{width:200px;margin-bottom:15px;}

}
@media(min-width:768px) and (max-width:992px){
    .Rs-public-bg{height:67vh}
    .Rs-public-nav{top:25%;}
    .Rs-partnav li{width:156px;margin-bottom:15px;}
}
@media(max-width:760px){
    .Rs-public-bg{height:50vh;}
    .Rs-public-nav{top:25%;}
    .Rs-public-title{font-size:3rem}
    .Rs-public-fitle{font-size:2rem;margin-top: 10px;}
    .Rs-partnav{margin-top:30px;}
    .Rs-partnav li{width:120px;height:30px;line-height:30px;font-size:1.4rem;margin:0 5px 10px;}
}
@media(min-width:736px) and (max-width:760px){
    .Rs-public-bg{height:60vh;}
    .Rs-public-nav{top:18%;}
    .Rs-partnav li{width:120px;margin-bottom:15px;}
    .Rs-partnav{margin-top:15px;}
}
.Rs-main-box{position:relative;z-index:2;background:#f5f5f5}
.Rs-main-box .Rs-about-container{position:relative;top:-105px;padding:10px;margin:0 auto -70px;
}
.Rs-public-text{font-size:14px;color:#333;line-height:2}
.Rs-public-text img{max-width:100% !important; height:auto !important}
.Rs-main-box .Rs-about-container>.Rs-public-text{background:#fff;padding:40px;-moz-box-shadow:0px 0px 5px #D9D9D9; -webkit-box-shadow:0px 0px 5px #D9D9D9; box-shadow:0px 0px 5px #D9D9D9;}
@media(max-width:760px){
    .Rs-main-box{padding-bottom: 50px}
    .Rs-main-box .Rs-about-container{top:-40px}
    .Rs-main-box .Rs-about-container .Rs-public-text{padding: 15px;}
}


/*===== news list =====*/
.Rs-news-list{margin-top:20px;}
.Rs-news-list li{padding:15px 0;background:#fff;margin:10px 5px 20px;transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s}
.Rs-news-list li .Rs-news-list-text{position:relative;overflow:hidden}
.Rs-news-list li .Rs-news-list-text h2{font-size:20px;color:#333;line-height:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.Rs-news-list li .Rs-news-list-text p{font-size:14px;color:#666;text-indent:2rem;line-height:2;margin-top:10px;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.Rs-news-list li .Rs-news-list-text .Rs-news-more{position:absolute;left:0;top:0;width:100%;height:100%;}
.Rs-news-list li:hover{box-shadow:0 0 4px 4px rgba(0,0,0,0.05);-webkit-box-shadow:0 0 4px 4px rgba(0,0,0,0.05);-moz-box-shadow:0 0 4px 4px rgba(0,0,0,0.05);transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);}
.Rs-news-list li:hover h2{color:#d20002}
@media(min-width:992px) and (max-width:1024px){
    .Rs-news-list li .Rs-news-list-text p{-webkit-line-clamp:5;}
}
@media(min-width:768px) and (max-width:992px){
    .Rs-news-list li .Rs-news-list-text p{-webkit-line-clamp:4;}
}
@media(max-width:760px){
    .Rs-news-list li .Rs-news-list-text h2{font-size:16px;line-height:1.8}
    .Rs-news-list li .Rs-news-list-text p{-webkit-line-clamp:2;margin-top:5px;font-size:14px;line-height:1.8}
}
@media(min-width:640px) and (max-width:760px){
    .Rs-news-list li .Rs-news-list-text p{-webkit-line-clamp:4;}
}
/*===== news text =====*/
.Rs-info{margin-bottom:20px;font-size:12px;color:#999;background:#fff;padding:5px 0;line-height:2.4;transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s}
.Rs-info i{font-style:normal;margin:0 5%;}
.Rs-news-details{background:#fff;padding:15px;transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s}
.Rs-news-details:hover,.Rs-info:hover,.Rs-pernext:hover{box-shadow:0 0 4px 4px rgba(0,0,0,0.05);-webkit-box-shadow:0 0 4px 4px rgba(0,0,0,0.05);-moz-box-shadow:0 0 4px 4px rgba(0,0,0,0.05);transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);}
/*=====product list=====*/
.Rs-products-list{margin-top:30px;}
.Rs-products-list li{padding:5px 10px;margin-bottom:20px;}
.Rs-products-box{background:#fff;text-align:center;border:solid 1px #fff;position:relative;transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s}
.Rs-products-box span{display:block;position:relative;}
.Rs-products-box span img{min-height:200px;max-height:200px;}
.Rs-products-box span:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";}
.Rs-products-box p{font-size:16px;height:50px;border-top:solid 1px #f7f7f7;line-height:50px;color:#333;transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s}
.Rs-products-box a{position:absolute;left:0;top:0;width:100%;height:100%;}
.Rs-products-list li:hover .Rs-products-box{box-shadow:0 0 4px 4px rgba(0,0,0,0.05);-webkit-box-shadow:0 0 4px 4px rgba(0,0,0,0.05);-moz-box-shadow:0 0 4px 4px rgba(0,0,0,0.05);transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);}
.Rs-products-list li:hover .Rs-products-box p{background:#d20002;color:#fff;}
/*=====product text=====*/
.Rs-products-title{margin-top:30px;font-size:24px;color:#000;font-weight:200;margin-bottom:30px;}
.Rs-products-present{margin:5px;background:#fff;padding:15px;transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s}
.Rs-products-present h3{font-size:18px;color:#842420;line-height:2}
.Rs-products-present .Rs-public-text{text-indent:2rem;}
.Rs-products-details{margin:20px 5px;background:#fff;padding:15px;transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s}
.Rs-products-present:hover,.Rs-products-details:hover{box-shadow:0 0 4px 4px rgba(0,0,0,0.05);-webkit-box-shadow:0 0 4px 4px rgba(0,0,0,0.05);-moz-box-shadow:0 0 4px 4px rgba(0,0,0,0.05);transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);}
/*=====   honor   =====*/
.p-honor-list{margin-top:30px;}
.p-honor-list a{position:relative;width:23%;margin:0 1%;float:left;margin-bottom:20px;}
.p-honor-list a span{position:absolute;left:0;bottom:0;width:100%;height:34px;text-align:center;background:rgba(0,0,0,0.8);line-height:34px;color:#fff;}
/*=====  online   =====*/
.Rs-line-box{margin-bottom:30px;background:#fff;padding:30px 30px 20px;margin-top:30px;}
.Rs-line-box .form-group{position:relative;padding-top:20px;}
.Rs-line-box .form-group p{position:absolute;left:1%;top:20px;line-height:34px;transition:all  0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 03s linear 0.1s;-o-transition:all 0.3s linear 0.1s;font-size:12px;}
.Rs-line-box .form-group button{transition:all  0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 03s linear 0.1s;-o-transition:all 0.3s linear 0.1s;width:120px;}
.Rs-line-box .form-group button:hover{background:#842420;color:#fff;border-color:#842420}
/*===== contact =====*/
.Rs-contact-box{margin-top:30px;background:#fff;padding:45px 30px;}
.Rs-contact-box img{margin:auto}
.Rs-map{margin-bottom:30px;}
@media(max-width:760px){
    .Rs-contact-box{padding:20px 5px}
    .Rs-contact-box .text-center{margin-top:15px;}
}
/*=====Custom font=====*/
/*=====  p-page =====*/
.p-page{ overflow:hidden; margin-top:20px; text-align:center;margin-bottom:40px}
.p-page a,.page-end,.page-start{ display:inline-block; background:#fff;border:solid 1px #dddede;padding:0 1rem;font-family:"微软雅黑";font-size:14px;color:#656565;  height:2.5rem; line-height:2.5rem;}
.p-page b,.page-this{display:inline-block; background:#d20002;border:solid 1px #d20002;padding:0 1rem;font-family:"微软雅黑";font-size:14px;color:#fff; height:2.5rem; line-height:2.5rem;font-weight:normal;margin:0 5px;}
/*====== p-next ====*/
.Rs-pernext{margin-top:20px;margin-bottom:30px;background:#fff;padding:15px;transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s}
.Rs-pernext span{width:50%;font-size:14px;color:#333}
.Rs-pernext span a{color:#333;}
.Rs-pernext span.pull-right{text-align:right}
.Rs-pernext span:hover,.Rs-pernext span:hover a{color:#9e2429}
@media(max-width:760px){
    .Rs-pernext span{width:100%;float:none;display:block;}
    .Rs-pernext span.pull-right{text-align:left;margin-top:10px;border-top:solid 1px #f8f8f8;padding-top:10px;}
}
/*Page products list*/
.Page-filter-box{background: #fff;position: relative;margin-top: -70px;border-radius: 4px;padding: 20px;-moz-box-shadow:0px 0px 5px #D9D9D9; -webkit-box-shadow:0px 0px 5px #D9D9D9; box-shadow:0px 0px 5px #D9D9D9;}
.Page-filter-block{border-bottom: solid 1px #dfdfdf;min-height: 40px;overflow: hidden}
.Page-filter-block h2{width: 90px;font-size: 14px;line-height: 40px;font-weight: bold;color: #333;float: left}
.Page-filter-block h2 span{display: none}
.Page-filter-box .Page-filter-block:last-child{border: none}
.Page-filter-list{width: calc(100% - 90px);float: left;padding: 5px 0}
.Page-filter-list a{padding: 5px 10px;line-height: 20px;display: inline-block;margin-right: 5px;font-size: 13px;color: #333;border-radius: 4px;}
.Page-filter-list a:hover,.Page-filter-list a.active{background: #842420;color: #fff}
@media(max-width: 760px){
    .Page-filter-box{padding: 10px;height: 110px;position: relative;margin-top: -30px}
    .Page-filter-block{width: 33.33%;float: left;position: relative;overflow: initial}
    .Page-filter-block h2{width: 100%;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden}
    .Page-filter-block h2 span{color: #842420;display:inline-block}
    .Page-filter-box .Page-filter-block:last-child,.Page-filter-box .Page-filter-block:nth-last-child(2){width: 50%;border-bottom: solid 1px #dfdfdf}
    .Page-filter-list{position: absolute;left: 0;top: 40px;width:100%;height: auto;background: #fff;z-index: 99;display: none;-moz-box-shadow:0px 0px 5px #D9D9D9; -webkit-box-shadow:0px 0px 5px #D9D9D9; box-shadow:0px 0px 5px #D9D9D9;}
    .Page-filter-list a{display: block;width: 100%;line-height: 34px;text-align: center;padding: 0}
}
/*Page products details*/
.Page-products-top{background: #fff;padding: 30px}
.Page-products-left{padding: 0}
.Page-products-left .gallery-top{padding: 0;border: solid 1px #ddd;margin-bottom: 10px;}
.Page-gallery-bottom{padding: 0 20px;position: relative}
.gallery-top .swiper-button-next:after,.gallery-top .swiper-button-prev:after{font-size: 20px;color: #842420;}
.gallery-top .swiper-button-next{outline: none;background: rgba(255,255,255,.8)}
.gallery-top .swiper-button-prev{outline: none;background: rgba(255,255,255,.8)}
.gallery-thumbs ul li{border: solid 1px transparent;opacity: .5;cursor: pointer}
.gallery-thumbs ul li.swiper-slide-thumb-active{border-color: #842420;opacity: 1}
.products-pagination{width: auto;left: auto;right: 10px;background: rgba(0,0,0,.5);border-radius: 4px;padding: 5px 10px;color:#fff}
.Page-products-right{padding-right: 0;padding-left: 30px;}
.Page-products-right h2{border-bottom: dashed 1px #ddd;font-size: 20px;color: #000;padding-bottom: 15px;margin-bottom: 15px;}
.Page-products-parameter{font-size: 14px;color: #000;font-weight: bold;margin-bottom: 10px;}
.Page-products-type{padding: 0 10px}
.Page-products-type dd{width: 50%;float: left;line-height: 2;font-size: 12px;color: #999;}
.Page-products-type dd span{color: #000}
.Page-products-button{margin-top: 20px;padding-top: 20px;border-top: dashed 1px #ddd;}
.Page-products-button a{width: 120px;height: 40px;background: #842420;border-radius: 4px;color: #fff;line-height: 40px;text-align: center;display: block;font-size: 14px;}
.Page-products-bottom{padding:0 30px;background: #fff}
.Page-products-bottom h2 span{display: inline-block;border-radius: 20px 4px 20px 4px;background: #842420;line-height: 40px;font-size: 16px;color: #fff;padding: 0 25px}
.Page-products-bottom .Rs-public-text{padding: 0 !important;margin-top: 20px;padding-bottom: 30px !important;border-bottom:dashed 1px #ddd}
@media(max-width: 760px){
    .Page-products-top{padding: 10px 10px 20px}
    .Page-products-right{margin-top: 10px;padding-left: 0}
    .Page-products-type dd{font-size: 1.2rem}
    .Page-products-button a{margin: auto}
    .Page-products-bottom{margin-top: 20px;padding: 20px 10px 0}
}