@import url('style.css');
*{ margin: 0;padding: 0;}
body {-webkit-text-size-adjust:none; overflow-x:hidden !important;}
a{color: #333;text-decoration: none;}
a:hover{color: #333;text-decoration: none;}
li{list-style: none;}
body{color:#333;font-family: 'Lato', sans-serif;}
.fl{float: left;}
.fr{float: right;}
.w1200{width: 1200px;}
.ho{height: auto;overflow: hidden;}
.cl{clear: both;}
.mr{margin: 0 auto;}
.wot{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.left{ float: left;}
.right{ float: right;}
.clear{ clear: both;}


/* 无内容 */
.no-goods,.no-network{
padding-top:100px;
overflow: hidden;
text-align: center;
}
.no-goods img{
display: block;
margin:0 auto 30px;
width:220px;
max-height: 105px;
}
.no-network img{
display: block;
margin:0 auto 30px;
width:222px;
height: 160px;
}
.no-goods p,.no-network p{
font-size:14px;
color:#666666;
line-height: 20px;
}



input[name="color"]::-webkit-input-placeholder{	color: #000;}
input[name="color"]:-moz-placeholder {	color: #000;} 
input[name="color"]::-moz-placeholder{ color: #000;}
input[name="color"]:-ms-input-placeholder{color: #000; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-mg-1, .col-mg-2, .col-mg-3, .col-mg-4, .col-mg-5, .col-mg-6, .col-mg-7, .col-mg-8, .col-mg-9, .col-mg-10, .col-mg-11, .col-mg-12{transition: 0.5s;}

.carousel-indicators {z-index: 2}
.carousel-indicators .active {height: 12px;width: 12px;border-radius: 50%;}
.carousel-indicators li {height: 12px;width: 12px;border-radius: 50%;}


#dituContent label {
max-width: unset!important;
text-align: center;
}

.footer{ height:60px; overflow: hidden; right:0; bottom:0; float:left; z-index: 20; width:100%; position: fixed; background-color:#323232;}
.f1{ width:100%; background:url(../images/lx1.png) no-repeat center 20%;  background-size: 25px; height:100%; float:left;  text-align:center;}
.f2{ width:100%; background:url(../images/lx2.png) no-repeat center 20%; background-size: 25px;  height:100%; float:left; text-align:center;}
.footer .f3{ width:100%; background:url(../images/lx3.png) no-repeat 30% center;  background-size: 25px; padding-left: 20%; height:100%; float:left; text-align:center;}
.footer .f4{ width:100%; background:url(../images/lx4.png) no-repeat 30% center #d40014; padding-left: 20%; background-size: 25px; height:100%; float:left; text-align:center;}
.footer a{ color:#fff !important; display: block; width: 50%; height: 100%;float: left; line-height:60px; text-align: center; background-color:#323232;}
.kb50{ height: 60px;}
.kb10{ height: 10px;}
.red{ color: #fc9202;}



.contact_item{ padding:0; text-align: center; }
.contact_item li{ cursor: pointer; display: inline-block; margin-bottom: 30px;}
.contact_item li span{display: block;width: 150px;height: 135px;margin:0 auto;text-align: center;position: relative;}
.contact_item li span.contact_item_1{background: url(../images/contact_li_bg1.png) center no-repeat;line-height: 108px;}
.contact_item li span.contact_item_2{background: url(../images/contact_li_bg2.png) center no-repeat;line-height: 135px;}
.contact_item li span.contact_item_3{background: url(../images/contact_li_bg3.png) center no-repeat;line-height: 170px;}
.contact_item li span img{vertical-align: middle;}
.contact_item_ewm{width: 84px;height: 84px;position: absolute;left: 32px;top:45px;z-index: 1;}
.contact_item_ewm img{width: 84px;height: 84px;position: absolute;left: 0;top:0;transition: all .4s;vertical-align: top;}
/*.contact_item li:hover span .contact_item_ewm{display: block;}*/
/*.contact_item li:hover span .contact_item_ewm img{width: 84px;height: 84px;left: 0;top:0;}*/
.contact_item li h4{color: #333;font-size: 18px;line-height: 30px; text-align: center;margin: 10px auto !important; font-weight: bold !important;}
.contact_item li p{color: #333; line-height: 26px; font-size: 15px;}
.contact_item li:nth-child(3n) p{text-align: center;}


.img-cover-4by3{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.abs-center{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}


.img-cover-4by31{ width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
.img-cover-4by31 p{ width: 100%; height: 100%; text-align: center; object-fit: cover; left: 0; position: absolute;}
.abs-center1{ max-width: 100%; height: 100%;}
/*.shuiyin{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: url(../images/shuiyin.png) no-repeat center; background-size: 100%;}
*/

.common-inner .inner-right .search-list,
.de-product-list {
overflow: hidden;
height: auto;
}
.search-list ul,
.de-product-list ul {
margin: 0 -12px;
}
.search-list ul li,
.de-product-list ul li {
position: relative;
margin-bottom: 8%;
height: auto;
overflow: hidden;
}
.search-list ul li a,
.de-product-list ul li a {
display: block;
}
.search-list ul li .img,
.de-product-list ul li .img {
width: 100%;
background: #e6e6e6;
font-size: 0;
text-align: center;
border: 1px solid #e6e6e6;
border-bottom: none;
overflow: hidden;
}
.search-list ul li .img img,
.de-product-list ul li .img img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 230px;
transition: all 0.5s;
}
.search-list ul li .title,
.de-product-list ul li .title {
font-size: 1.4rem;
height: 4.5rem;
width: 100%;
line-height: 4.5rem;
text-align: center;
transition:0.3s;
position: absolute;
left: 0;
bottom: 0;
z-index: 2; 
color: #fff !important;
background: rgba(0,0,0,0.6);
}
.search-list ul li .title h3,
.de-product-list ul li .title h3 {
color: #595959;
line-height: 4rem;
font-size: 1.5rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.search-list ul li .title em,
.de-product-list ul li .title em {
font-weight: bold;
display: block;
color: #ff8111;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.search-list ul li:hover,
.de-product-list ul li:hover {
border-color: #268AE7;
}
.search-list ul li:hover .title,
.de-product-list ul li:hover .title {
height: 100%;
background: rgba(0,0,0,0.6);
line-height: 40rem;
}
.de-product-list ul li .fdj{ position: absolute; opacity: 0; width: 100%; z-index: 1; top: 0;  text-align: center; left: 0; transition:0.3s;}

.de-product-list ul li:hover .fdj{ opacity: 1; top: 35%; }

@media screen and (max-width:765px){
.de-product-list ul li .img img{ max-height: 160px;}
.de-product-list ul li{max-height: 160px;}
}
.common-inner .search-list ul li:hover .img img,
.common-inner .de-product-list ul li:hover .img img {
transform: scale(1.1);
}
.common-inner .de-product-list {
margin-top: 26px;
}






.sp_nav{width:50px;float:right;position:relative; right: 0; z-index: 999; background: #333; cursor:pointer;height:40px; margin-top: 15px;}
.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:10px}
.sp_nav span:nth-of-type(2){top:20px}
.sp_nav span:nth-of-type(3){top:30px}
.sp_nav_se span:nth-of-type(1){top:20px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:20px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:100%; padding-top: 10%; font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top: 0}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}



#qyhj .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto;}
#qyhj .swiper-slide { background-size: cover; background-position: center; position: relative;}
#qyhj .gallery-top { height: auto; width: 100%; padding: 3% 0 0;}
#qyhj .gallery-top .swiper-slide li{ margin-bottom: 1%;}
#qyhj .gallery-top .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden; transition: 0.3s; border: 5px solid #f1f3f7; background: #fff;}
#qyhj .gallery-top .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
#qyhj .gallery-top .swiper-slide p{ color: #333333; font-size: 16px; text-align: center; line-height: 40px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#qyhj .gallery-top .swiper-slide .pic:hover{ filter: drop-shadow(-6px 5px 6px rgba(0,0,0,0.1));}
#qyhj .gallery-top .swiper-slide .pic:hover img{transform: scale(1.1);}
#qyhj .gallery-thumbs { height: auto; text-align: center; margin-bottom: 1%; padding: 0; box-sizing: border-box; position: relative;}

#qyhj .gallery-thumbs .swiper-slide { height: 45px; line-height: 45px; background: #f0f0f0; font-size: 14px; color: #333; cursor: pointer;}
#qyhj .gallery-thumbs .swiper-slide-thumb-active{ color: #fff; background: #d71312;}
@media screen and (max-width:1200px){
    #qyhj .gallery-thumbs{ padding: 0;}
}
@media screen and (max-width:768px){
    #qyhj .gallery-top .swiper-slide p{ font-size: 12px;}
}




#cjsl{ margin-top: 30px;}
#cjsl .swiper-container {
width: 100%;
padding: 0 0 2%;
height: auto;
margin-left: auto;
margin-right: auto;
}
#cjsl .swiper-slide {
text-align: center;
overflow: hidden;
border: 1px solid #efefef;

/* Center slide text vertically */
flex-direction: column;
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;
}
#cjsl .swiper-slide .pic{width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
#cjsl .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#cjsl .swiper-slide p{ background: #fff; width: 100%; height: 50px; line-height: 50px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#cjsl .swiper-slide:hover img{ transform: scale(1.1);}
#cjsl .swiper-container .swiper-pagination{ bottom: 0;}
#cjsl .swiper-slide dl{ width: 100%; margin: 0; display: none;}
#cjsl .swiper-slide dl dt{ float: left; width: 50%; height: 30px; line-height: 30px; background: #323232; font-weight: normal;}
#cjsl .swiper-slide dl dt:last-of-type{ background: #d40014;}
#cjsl .swiper-slide dl dt a{ color: #fff;}
@media screen and (max-width:768px){
#cjsl .swiper-container{ padding: 0 0 10%;}
#cjsl .swiper-slide dl{ display: block;}
}


.owl-carousel.owl-loaded{margin:30px 0}


.de-page-mian {
overflow: hidden;
text-align: center;
font-size: 0;
margin: 5% 0;
}
.de-page-mian .page-inner {
display: inline-block;
overflow: hidden;
}
.de-page-mian .page-inner a {
display: block;
float: left;
min-width: 26px;
padding: 0 5px;
height: 36px;
border: 1px solid #dddddd;
background: #fff;
text-align: center;
line-height: 36px;
font-size: 14px;
color: #333;
margin-right: -1px;
overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
color: #fff;
border-color: #237ed2;
background: #237ed2;
}
.de-page-mian .page-inner a.prev {
margin-right: 10px;
background: #fff url(../images/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
background: #fff url(../images/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
background-color: #fff;
border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
margin-left: 10px;
margin-right: 15px;
background: #fff url(../images/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
background: #fff url(../images/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
background-color: #fff;
border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
font-size: 12px;
margin-right: 0;
width: 63px;
margin-left: 10px;
}
.de-page-mian .page-inner span {
display: block;
font-size: 12px;
color: #333;
float: left;
line-height: 38px;
}
.de-page-mian .page-inner input {
display: block;
float: left;
height: 36px;
width: 36px;
border: 1px solid #dddddd;
text-align: center;
line-height: 36px;
font-size: 14px;
color: #333;
margin: 0 5px;
}


.contact-map {
overflow: hidden;
}
.contact-map #dituContent {
width: 100%;
height: 475px;
margin: 0 auto;
}

.mes-form {
margin: 0 auto;
overflow: hidden;
margin-top: 2%;
}
.mes-form .form-tr {
overflow: hidden;
}
.mes-form .form-tr input {
display: block;
width: 100%;
padding: 0 2%;
height: 4rem;
line-height: 4rem;
border: 1px solid #e6e6e6;
}
.mes-form .form-tr textarea {
display: block;
width: 100%;
padding: 5px 10px;
height: 130px;
border: 1px solid #e6e6e6;
}
.mes-form .form-tr .code {
overflow: hidden;
}
.mes-form .form-tr .code input {
width: 40%;
float: left;
}
.mes-form .form-tr .code .verify {
cursor: pointer;
float: left;
margin-left: 25px;
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 0;
}
.mes-form .form-tr .code .verify img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
.mes-form .form-tr .submit {
margin-top: 15px;
display: block;
width: 190px;
height: 40px;
text-align: center;
line-height: 40px;
background: #356bef;
color: #fff;
font-size: 15px;
}
.mes-form .form-tr .submit:hover {
background: #0058b1;
}
.mes-form .form-tr .submit2 {
margin-top: 15px;
display: block;
width: 190px;
height: 40px;
text-align: center;
line-height: 40px;
background: #ff9600;
color: #fff;
font-size: 15px;
}
.mes-form .form-tr .submit2:hover {
background: #3d3d3d;
}
.mes-form .form-tr .error {
height: 1rem;
line-height: 1rem;
font-size: 12px;
color: #f00;
padding: 0 5px;
}

/* 头部 */


#top_header{transition: 0.5s;background: #fff;width: 100%;z-index: 100;}

#top_header .logo{ text-align: left; padding: 2% 0; }
#top_header .logo a{ display: block; float: left;}
#top_header .logo a img{ max-width: 100%;}
#top_header .logo .left{ border-left: 1px solid #a4a4a4; padding-left: 10px; margin: 10px 0 0 10px;}
#top_header .logo .left p{ color: #d71312; font-size: 20px; font-weight: bold;}
#top_header .logo .left span{ color: #2b2b2b; font-size: 18px;}
#top_header .logo dl{ float: left; width: 35%; padding-left: 3%;}
#top_header .logo dl dt{ float: left; width: 50%; color: #282828; font-size: 16px;}
#top_header .logo dl dt span{ color: #d71312; font-weight: bold;}
#top_header .logo dl dt i{ color: #d71312; font-size: 20px;}




#top_header .logo1{ text-align: left; padding: 5% 0; float: left; width: 85%;}
#top_header .logo1 img{ max-width: 100%;}

#top_header .tels{margin-top:30px;}
#top_header .tels span{display: block;font-size: 14px;color: #333333;}
#top_header .tels b{font-size: 34px;font-family: Impact;color: #d71312;}
#top_header .tels .l{width: 38px;float: right;padding-top:10px;margin-right: 10px;}
#top_header .tels .r{line-height: 30px; float: right;}

.fixed_top{z-index: 99;width: 100%;}
.headers{transition: 0.5s;background: #fff;width: 100%;z-index: 100;}
.tops{background: #f4f4f4;color: #666;line-height: 35px;font-size: 14px;width: 100%;z-index: 100;}
.tops span{color: #666;}
.tops .share-buttons li{float: left;margin:0 15px;}
.tops .share-buttons li i{font-size: 23px;color: #fff}

.headers .logo{ text-align: left; padding: 2.5% 0; }
.headers .logo img{ max-width: 100%;}

.headers .logo1{ text-align: left; padding: 3% 0; float: left; width: 75%;}
.headers .logo1 img{ max-width: 100%;}

.headers .tels{margin-top:30px;}
.headers .tels span{display: block;font-size: 14px;color: #333333;}
.headers .tels b{font-size: 32px;font-family: Impact;color: #d71312;}
.headers .tels .l{width: 38px;float: right;padding-top:10px;margin-right: 10px;}
.headers .tels .r{line-height: 30px; float: right;}

.navsbg{background: #d71312;width: 100%;height: auto;z-index: 999;}
.nav > li{text-align: center;margin:0 10px;}
.nav > li > a{color: #fff;position: relative;font-weight: 200;text-transform : uppercase;font-size: 16px;padding:0 36px;}


.nav > li > a:after{
content: '';
position: absolute;
left: 10px;
right: 10px;
bottom: 11px;
background: #c40d23;
height: 2px;
border-radius: 2px;
transform: rotateY(90deg);
transform-origin: center;
transition: all 300ms ease;
}


.nav > li > a:hover, .nav > li > a:focus{background: #2b2a2f;}
.nav > li > a:hover:after{transform: rotateY(0);}

.fixed_top .nav > li > a{color: #fff;position: relative;font-weight: 200;}
.fixed_top .nav > li > a:hover,.fixed_top .nav > li > a:focus{color: #fff}


.navsbg .container{min-height: 0px;}
.s-b{min-height: 0px;padding:0;}
.navbar-toggle{margin:0 auto;position: absolute;top: -12vw;right: 5vw;}
.navbar-toggle i{color: #ffc71c;font-size: 32px;}
.carousel-inner img{position: relative;}






.bannerzy{background: url('../images/nybg.jpg') no-repeat center center;padding: 3% 0;text-align: center;}
.bannerzy .catname{font-size:42px;color: #fff;font-weight: lighter;}
.daohang{background: url('../images/dh-bg.jpg') repeat center center;}

.daohang .danghao-li{padding:17px;}
.daohang .danghao-li .words{height:40px;border-radius:3px;background: #fff;outline: none;border:0;margin-top:3px;float: left;text-indent: 1em;}
.daohang .danghao-li .btn{width: 20%;height: 36px;color: #fff;outline: none;border: none;background: url(../images/Icon-search.png) no-repeat center center;background-size: 22px 22px;transition: 0.2s ease-out;outline: none;margin-top: 3px;}




.banner .owl-theme .owl-dots .owl-dot span {width: 30px;height: 30px;}
.banners .banner .owl-theme .owl-dots .owl-dot span {width: 10px;height: 10px;}






.dh-l{width: 75px;float: left;}
.dh-r{width: 185px;float: left;}
.dh-r span{display: block;float: left;width: 100%;color: #fff;font-size: 22px;font-weight: bold;padding-bottom: 5px;}
.dh-r i{ font-style: normal;color: #fff;line-height: 22px; }



.bannerzy .catname-s{width: 92px;height: 4px;background: #fff;margin:0 auto;margin:20px auto;}
.bannerzy .location,.bannerzy .location a{font-size: 1.5rem; color: rgba(255, 255, 255, 0.5);text-transform : uppercase; font-weight: lighter;}



#banner .swiper-container {
width: 100%;
height: 100%;
}
#banner .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

/* Center slide text vertically */
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;
}
#banner .swiper-slide img{ width: 100%;}

.slideBox1{ position:relative; overflow:hidden; margin:0 auto;  width:100%;/* 设置焦点图最大宽度 */ }
.slideBox1 .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.slideBox1 .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox1 .hd li.on{ background:#fff;  }
.slideBox1 .bd{ position:relative; z-index:0; }
.slideBox1 .bd li{ position:relative; text-align:center; height:auto; overflow:hidden;  }
.slideBox1 .bd li img{  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox1 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox1 .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff;  text-align:left;  }








/* 公司简介 */
.com1 {padding:30px 0;}
.com1 img{display: block;width: 100%;}
.com2 {font-family:Arial;font-size: 16px;line-height: 30px;color: #666;}



.hot{background: rgba(2, 3, 5, 0.8);position: absolute;bottom:0px;height: 80px;line-height: 80px;width: 100%;}
.hot .hotl {color: #fff;font-size: 14px;}
.hot .hotl i {color: #ffc71c;float: left;display: block;font-size: 32px;}
.hot .hotl span{color: #fff;float: left;display: block;}
.hot .hotl li{color: #ccc;float: left;}
.ss{height:45px; width: 100%;margin-top:18px;}
.sou_left{float:left; width:345px; height:45px; text-align:left; color:#fff; line-height:30px; padding-left:10px;outline: none;border:none;font-size: 14px;}
.ss_pic{ float:right;}


.s-l{padding-top: 10%;}
.s-lp{position: relative;display: block;max-width:80%;padding:40px 0;}
.bt1{display: block;margin:20px 0;}
.bt2{display: block;margin:20px 0;}
.s-r-s {font-size: 18px;color: rgba(255,255,255,0.5);display: block;height: auto;margin:20px 0;font-weight: lighter;}
.s-r{padding-top: 15%;}

.s-r-l {text-align: center;}
.s-r-l li{vertical-align: top;}
.s-r-l li em{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;width: 100px;height:100px;border-radius: 20px;border:2px solid #fff;display: block;margin:0 auto;}
.s-r-l li em i{font-size: 55px;line-height: 100px;color: #fff;font-weight: lighter;}
.s-r-l li span{color: #fff;}


/* 多参 */


.bit-t{font-size: 34px;font-weight: bold;color: #3f3f3f;margin:50px auto;text-align: center;height: 80px;}
.bit-t span{display: inline-block;height: 100%;border-bottom: 4px dashed #ffc000;margin:0 auto;position: relative;z-index: 9;width: 350px;text-align: center;}
.bit-t-s{position: relative;font-family: Impact;font-size: 60px;margin: 0 auto; z-index: 8;color: rgba(153, 153, 153, 0.2);margin:0 auto;display: inline-block;bottom: 64px;text-transform : uppercase;line-height: 60px;}
.bit-t i{font-style: normal;color: #fbce45;}


/* 首页 */
.main{ line-height: 30px; height: auto;padding: 2% 0;}


#cpmore{ background: #333; width: 20%; transition:0.3s; height: 4rem; line-height: 4rem; color: #fff; text-align: center; margin: 2% auto;}
#cpmore:hover{ background: #cf342d;}
@media screen and (max-width:765px){
#cpmore{ width: 50%;}
}


#ysnr{ padding: 3% 0;}
#ysnr .pic{ text-align: center;}
#ysnr .pic img{ max-width: 100%;}
#ysnr .font{ padding: 1% 0 0 5%;}
#ysnr .font .tit .num{ float: left; width: 80px; height: 80px; border: 3px solid #999999; text-align: center; line-height: 80px; color: #999999; font-size: 50px;}
#ysnr .font .tit .left{ padding-left: 2%;}
#ysnr .font .tit .left p{ color: #333333; font-size: 36px; font-weight: bold;}
#ysnr .font .tit .left span{ font-size: 14px; color: #999999; text-transform: uppercase;; font-family: arial;}
#ysnr .font ul{ clear: both; padding: 5% 0 0 0}
#ysnr .font ul li{ background: url(../images/ysicon.png) no-repeat left 15px; padding-left: 15px; color: #666666; line-height: 35px;}
#ysnr .clear{ margin-bottom: 3%;}
@media screen and (max-width:1100px){
	#ysnr .font .tit .num{ width: 60px; height: 60px; line-height: 55px; font-size: 32px;}
	#ysnr .font .tit .left p{ font-size: 24px;}
	#ysnr .font .tit .left span{ font-size: 12px;}
	#ysnr .font ul{ padding-top: 2%;}
}
@media screen and (max-width:768px){
	#ysnr .font .tit .num{ width: 60px; height: 60px; line-height: 55px; font-size: 32px;}
	#ysnr .font .tit .left p{ font-size: 24px;}
	#ysnr .font .tit .left span{ font-size: 12px;}
}




.fuwu_tit{ text-align: center;}
.fuwu_tit p{ color: #222222; font-size: 36px;}
.fuwu_tit span{ color: #666666; font-size: 16px; display: block; padding: 20px 0; position: relative;}
.fuwu_tit span:before{ position: absolute; content: ''; width: 4%; height: 3px; left: 48%; bottom: 0; background: #c40000;}
#fuwu{ padding-top: 4%;}
#fuwu li{ float: left; width: 150px; text-align: center; cursor: pointer;}
#fuwu li .pic{ display: inline-block; background: url("../images/lc1.png") no-repeat center top; width: 108px; height: 119px; text-align: center; transition: 0.3s;}
#fuwu li .pic p{ color: #fff; font-size: 26px; font-family: Arial; padding-top: 25%; transition: 0.3s;}
#fuwu li .pic span{ display: block; color: #fff; font-size: 16px; position: relative; height: 35px; transition: 0.3s;}
#fuwu li .pic span:before{ position: absolute; left: 40%; bottom: 0; width: 20%; height: 2px; background: #fff; content: ''; transition: 0.3s;}
#fuwu i{ float: left; color: #b5b7b9; font-size: 30px; width: 6%; padding-top: 4%; text-align: center; }
#fuwu li .content{ line-height: 25px; height: 65px; color: #666666; padding: 5% 0 0;}
#fuwu li:hover .pic{ background: url("../images/lc2.png") no-repeat;}
#fuwu li:hover .pic p,#fuwu li:hover .pic span{ color: #fff;}
#fuwu li:hover .pic span:before{ background: #fff;}
@media screen and (max-width:1400px){
    #fuwu i{ width: 4%;}
}
@media screen and (max-width:1200px){
    #fuwu i{ width: 8%;}
    #fuwu li{ width: 110px;}
}
@media screen and (max-width:1100px){
    #fuwu i{ width: 6%;}
    #fuwu li .content{ font-size: 12px; line-height: 20px;}
}
@media screen and (max-width:950px){
    #fuwu i{ display: none;}
    #fuwu li{ width: 33%;}
    #fuwu li .content{ padding: 5% 10% 0; font-size: 12px;}
    .fuwu_tit p{ font-size: 20px;}
    .fuwu_tit span{ font-size: 12px; padding: 0;}
}



.youshi-bg{width: 100%;height: auto;overflow: hidden;background: url('../images/youshi-bg.png') repeat-y center center;padding-bottom: 30px;}

.youshi-c img{display: block;width: 100%;}
.youshi-c-t{font-size: 36px;font-weight: bold;color: #303030;font-weight: lighter;line-height: 45px;margin:20px 0;}
.youshi-c-s{width: 55px;height: 4px;margin-bottom: 30px;background: #d4d4d4;}
.youshi-c-c li{line-height: 35px;}
.youshi-c-c li:last-child{margin-bottom: 30px;}




.about-bg{width: 100%;height: auto;overflow: hidden;background: url('../images/product-bg.png') repeat-y center center;padding-bottom: 30px;}
.about-cl{margin:20px auto;}
.about-cl img{display: block;width: 100%;}
.about-cr{margin:20px auto;}
.about-cr-t{font-size:24px;color: #282828;font-weight: bold; }
.about-cr-t span{font-size:14px;color: #666666;display: block;text-transform : uppercase;font-weight: lighter;}
.about-cr-c{margin: 20px 0;font-size: 16px;}
.about-cr-c1{line-height: 30px}
.about-cr-c1 a{color: #d40014;}
.about-cr-c2 {text-align: center; padding-top: 2%;}
.about-cr-c2 li {display: inline-block;width:22%;}
.about-cr-c2 li img{display: block;max-width: 100%;margin:10px auto;}
.about-cr-c2 li span{text-align: center;}



.case-bg{width: 100%;height: auto;overflow: hidden;background: url('../images/youshi-bg.png') repeat-y center center;padding-bottom: 30px;}



.news-bg{width: 100%;height: auto;overflow: hidden;background: url('../images/product-bg.png') repeat-y center center;padding-bottom: 30px;}
.news-cl .img-wrapper img{display: block;width: 100%;margin-bottom: 20px;}
.news-cl .content-wrapper .c1{color: #1b1a1a;line-height: 26px;font-size: 20px;margin-bottom: 10px}
.news-cl .content-wrapper .c2{color: #1b1a1a;line-height: 26px;font-size: 16px;}
.news-cr .news-cr-1{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:50px 0;text-align: center;margin-bottom: 40px;border-right: 1px solid #ccc;}
.news-cr .news-cr-1 .news-cr-11{font-size: 24px;font-weight: bold;color: #333}
.news-cr .news-cr-1 .news-cr-12{font-size: 18px;color: #999}

.news-cr .news-cr-2 .news-cr-21{font-size: 18px;font-weight: bold;color: #333}
.news-cr .news-cr-2 .news-cr-22{font-size: 14px;color: #333;margin:10px 0;line-height: 32px;}



.text-t{text-align: center; margin:3% auto; width: 100%; height: auto; position: relative;}
.text-t-d{ position: absolute; top:0; left: 0; color: rgba(40, 40, 40,0.08); font-family: Impact; font-size: 60px; text-transform: uppercase; text-align: center; width: 100%;}
.text-t-u{ color: #333; font-size: 38px; font-weight: bold; width: 100%;}
.text-t-s{width: 100%;padding:10px 0;}
.text-t-s span{width: 100px;height: 3px;background: #cf0000;margin:0 auto;}
.text-t-p{line-height: 22px;text-align: center;width: 100%;font-size: 16px;color: #999999;text-transform : uppercase;font-family: 微软雅黑;}
@media screen and (max-width:768px){
    .text-t-d{ font-size: 50px;}
}


.text-t-d1{position: relative;top:0px;color: rgba(40, 40, 40,0.08);font-family: Impact;font-size: 60px;text-transform : uppercase;text-align: center;width: 100%;}
.text-t-u1{position: absolute;top:120px;color: #222222;text-transform : uppercase;font-size: 38px;font-weight: bold;width: 100%;}
.text-t-s1{width: 100%;}
.text-t-s1 span{width: 100px;height: 3px;background: #cf0000;display: block;margin:0 auto;}
.text-t-e{padding:30px 0;font-size: 34px;text-transform : uppercase;}




.text-t-d2{color: rgba(40, 40, 40,0.08);font-size:22px;text-transform : uppercase;text-align: center;width: 100%;}
.text-t-u2{color: #222222;text-transform : uppercase;font-size: 38px;font-weight: bold;width: 100%;text-align: center;}



.text-t-p2 span{line-height: 22px;text-align: center;font-size: 16px;color: #999999;text-transform : uppercase;background: #d40014;display: block;line-height: 35px;color: #fff;font-weight: lighter;}




.p-t{padding:30px 15px;}
.p-tt {text-align: center;width: 100%;}
.p-tt li{min-height: 45px;border:1px solid #ccc;width: 250px;display: inline-block;margin:20px 20px 5px 20px;padding-top: 12px;font-size: 17px;padding-bottom: 12px;}



._01_wrap_pro{margin-top: 2%;width: 100%;}
._01_wrap_pro ._pro_name{background: #f9f9f9;margin-top: 2px;transition: all .4s;}
._01_wrap_pro ._pro_name p{font-weight: normal;color: #201c19;font-size: 12px;text-transform: uppercase;background-attachment: }
._01_wrap_pro ._pro_name p span{font-size: 17px;line-height: 45px;display: block;width: 100%;text-align: center;}
._01_wrap_pro a:hover ._pro_name{background: #bb0202 url(../images/pro_arrow_hover.png) 90% center no-repeat;margin-top: 2px;}
._01_wrap_pro a:hover ._pro_name p{color: #fff;}
._01_wrap_pro .owl-dot{position: relative;top:20px;}

.box1{ padding: 3% 0;}

.mores{width: 100%;margin:30px auto;}
.mores span{display: block;width:244px;height: 52px;line-height: 52px;border-radius: 26px;border:1px solid #cf0000;text-align: center;margin:0 auto;transition: 0.5s;}
.mores span a{display: block;width: 100%;height: 100%;color:#cf0000;font-size: 16px;text-transform : uppercase;}
.mores span:hover{border-radius: 0px;}



.box2{background: #f5f6f8; padding: 2% 0;}
.box2 .text-t-d2{ color: rgba(40, 40, 40,0.2);}
.box2li{}
.rebox{margin:30px auto;}
.box2li-bg{border:1px dashed #a0a0a0;width: 100%;padding:14px;color: #fff;margin-bottom: 2%;min-height: 350px;}
.box2li-1 {}
.box2li-1 {text-align: center;font-size:60px;color: #fff;}
.box2li-1 img{display: block;width: 100%;}
.tel-s{margin:10px auto 50px;height: 48px;text-align: center;}
.tel-s span{ display: inline-block;  height: 45px; line-height: 45px; width: 30%; border-radius: 24px;background: #d40014;color: #fff;font-size: 24px;}
.tel-s span i{font-size: 28px;}
@media screen and (max-width:991px){
    .tel-s span{ width: 50%; font-size: 20px;}
}
@media screen and (max-width:768px){
    .tel-s span{ font-size: 16px; width: 60%;}
}


.box2li-2 {font-size: 20px;text-transform : uppercase;line-height: 54px;color: #000;}
.box2li-2  i{font-size: 20px;}
.box2li-3{font-family: Arial;font-size: 16px;text-transform : uppercase;font-weight: lighter;color: #333333;}

.box3{background: url('../images/com-bg.jpg') repeat-y center center;padding:3% 0  ;}
.box3 .texts{font-size: 16px;text-align: center;line-height: 30px;padding:40px 0;}
.box3 .reli{margin:20px 0;}
.box3 .reli-1{margin:0 auto;width: 80%;}
.box3 .reli span{display: block;margin:0 auto;}
.box3 .reli span i{font-size: 80px;color: #cf0000;position: relative;width: 100%;display: block;border-radius: 50%;border:3px solid #cf0000;text-align: center;line-height:200px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.box3 .reli em{width: 20px;height: 20px;border-radius: 50%;background: #cf0000;position: absolute;top:-5px;display: block;}
.box3 .reli-2{font-size: 20px;color: #3d3d3d;text-align: center;padding-top: 10px;}



.box4{margin-top:40px;margin-bottom: 40px;}
.box4s{background: url('../images/adv-bg.jpg') no-repeat center center;padding:30px 0;}
.casebox {width: 100%;height:auto;overflow: hidden;}

.index-cases{background-color: #f1f2f4; overflow: hidden;}
.case-list{}
.case-list .case-item{transition: all .2s linear 0s;}
.case-list .case-item .case-item-wrap{ transition: all .2s linear 0s;}
.case-list .case-item .case-title{ text-align: center;	padding: 1% 0;	margin-bottom: 0;	line-height: 290%;	background: #fff;	overflow: hidden;	text-overflow: ellipsis;	white-space: nowrap;	font-size: 120%; transition: all .2s linear 0s;    border-bottom: 5px solid #0f4bad;}
.case-list .case-item .case-item-wrap:hover{ -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);	box-shadow: 0 0 30px rgba(0,0,0,0.3);}
.case-list .case-item .case-item-wrap:hover .case-title{ background-color: #0f4bad; color: #fff;}
.case-list.owl-carousel .owl-stage-outer .case-item-wrap:hover{ -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);	box-shadow: 0 0 15px rgba(0,0,0,0.3);}



.newc-li{margin:20px 0 0; transition:0.3s; padding:20px 30px;background: #fff;}
.newc-li-1{font-size: 20px; color: #333333;line-height: 35px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;margin-bottom: 10px;}

.newc-li-2{font-size: 14px; color: #999999;line-height: 30px;overflow: hidden;font-weight: lighter;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 10px;}
.newc-li-3{font-size: 14px; color: #000;}
.newc-li:hover{background: #ce0a0a;}
.newc-li:hover .newc-li-1,.newc-li:hover .newc-li-2,.newc-li:hover .newc-li-3{color: #fff;}
.box6{background: #f4f4f4;padding:20px 0;}
.hzc{height: auto;overflow: hidden;width: 100%;padding-top:20px;padding-bottom: 10px;}
.hzli{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;border:2px solid #f4f4f4;margin-top:10px;margin-bottom: 10px;}
.hzli img{display: block;width: 100%;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: 0.5s;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;border:2px solid #f4f4f4;}
.hzli:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);transform: rotateY(360deg);border:2px solid #ececec;}



#end_nr_bj{ background: #222222; width: 100%; height: auto; overflow: hidden; color: #fff;}
#end_nr_bj .main{ padding: 2% 0; color: rgba(255,255,255,0.5);}
#end_nr_bj .main a{ color: rgba(255,255,255,0.5); transition: 0.3s;}
#end_nr_bj .main a:hover{ color: #fff;}

#end_nav{ margin: 0 auto !important; height: 60px; line-height: 60px; border-top: 1px solid rgba(255,255,255,0.1);}
#end_nav li{ float: left; width: 11%; height: 60px; line-height: 60px; font-size: 16px; color: rgba(255,255,255,0.2); text-align: center; transition:0.5s;}
#end_nav li a{ color: rgba(255,255,255,0.5); transition:0.3s;}
#end_nav li:hover a{ color: #fff;}

#end_nr_bj .left img{ max-width: 100%;}
#end_nr_bj .right{ text-align: right;}
#end_nr_bj .tit{ color: rgba(255,255,255,0.8); font-size: 16px; position: relative; padding-bottom: 10px; margin-bottom: 10px;}
#end_nr_bj .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; height: 3px; width: 10%; background: #fff;}

#end_nr_bj .end_dh{ position: relative;}
#end_nr_bj .end_dh ul{ width: 50%; float: left;}

#end_nr_bj .end_lx{ position: relative; border-right: 1px solid rgba(255,255,255,0.1);}
#end_nr_bj .end_lx i{ float: left; font-size: 20px; padding-right: 10px;}
#end_nr_bj .end_dh:before,#end_nr_bj .end_lx:before{ position: absolute; left: 0; top: 0; content: ''; width: 1px; height: 100%; background: rgba(255,255,255,0.1);}


.end_tel{ margin-top: 10%;}
.end_tel i{ float: left; color: #fff; font-size: 45px; margin: 15px 10px 0 0;}
.end_tel .left{ color: #fff; font-size: 16px;}
.end_tel .left span{ font-size: 30px; font-weight: bold;}

@media (min-width: 768px) and (max-width: 1200px) {
    #end_nr_bj .end_dh:before { left: 0;}
    .end_tel .left span{ font-size: 22px;}
}
@media screen and (max-width:768px){
    #end_nr_bj .main .right{ padding-top: 3%;}
    #end_nr_bj .main .right img{ max-width: 100%;}
}


#end_line{ height: auto; padding: 10px 0; line-height: 30px; text-align: center; color: rgba(255,255,255,0.2); border-top: 1px solid rgba(255,255,255,0.1);}
#end_line a{ color: rgba(255,255,255,0.2); transition:0.3s;}
#end_line a:hover{ color: #fff;}





/* 产品中心 */
.m-product{ height: auto; margin-top: 3%;}
.slideGroup{ width:100%;overflow:visible; position:relative;}
.slideGroup .parHd{ margin: 30px 0;}
.slideGroup .parHd ul{  width: 100%; overflow: hidden; text-align: center;}
.slideGroup .parHd ul li{ display: inline-block; line-height: 40px; width: 19%; margin: 0 1px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.slideGroup .parHd ul li a{ color: #323232;font-size: 1.4rem;text-transform : uppercase;font-weight: lighter;display: block;width: 100%;height: 100%;}
.slideGroup .parHd ul li.on a{color: #fff}
.slideGroup .parHd ul li.on{background: #27262a;}


.slideGroup .parBd{ width: 100%;  overflow: hidden;}
.slideGroup .parBd ul{ width: 100%; margin: 0 auto; overflow: hidden;text-align: center;}
.slideGroup .parBd ul li{display: inline-block;margin-bottom: 20px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.slideGroup .parBd ul li img{width: 100%;}
.slideGroup .parBd ul li p{display: block; line-height: 35px; font-size: 1.5rem !important; text-align: left;background: #f0f0f0; padding:0 1%;}
.slideGroup .parBd ul li p span{display: block;}
.slideGroup .parBd ul li p .left{ float: left; width: 60%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.8rem;}
.slideGroup .parBd ul li p .right{ float: right; background: #d80000; color: #fff; width: 40%; text-align: center; font-size: 0.8rem;}
@media screen and (max-width:765px){
.slideGroup .parBd ul li img{ height: 140px;}
}
@media (min-width:992px){
.slideGroup .parBd ul li img{ height: 229px;}
}
 
.layui-elem-field {margin: 30px 0 15px 0;padding: 0; border:2px solid  #e6e6e6;position: relative;}
.layui-elem-field legend {padding: 0 20px;width: auto;border-bottom: none;text-align: center;margin-left:auto;margin-right:auto;font-size:34px;font-weight: bold;text-transform : uppercase;margin-bottom: 0px;}
.layui-elem-field p{display: block;width: 250px;margin: 0 auto;overflow: hidden;background: #fff;line-height: 36px;bottom: -15px;position: relative;text-align: center;color: #cf0000;font-size: 18px;text-transform : uppercase;}

.probgs .layui-elem-field legend{color: #fff;}

.products {padding:40px 0;}
.probgs{background: url(../images/p-1.jpg) no-repeat center center;}
.p-t{padding:0 15px;}
.products-li{ margin-top:30px; transition:0.3s;}
.products-li img{display: block;width: 100%;float: left;}
@media screen and (max-width:765px){
.products-li img{ height: 140px;}
}
@media (min-width:992px){
.products-li img{ height: 221px;}
}


.pro{ padding: 0 15px;}


.products-li-1{width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden; border: 1px solid #efefef;}
.products-li-1 img{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
.products-li-2{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0;background: #fff; transition:0.3s;}
.products-li-2 dl{ width: 100%; margin: 0; display: none;}
.products-li-2 dl dt{ float: left; width: 50%; height: 30px; line-height: 30px; text-align: center; background: #323232; font-weight: normal;}
.products-li-2 dl dt:last-of-type{ background: #d40014;}
.products-li-2 dl dt a{ color: #fff;}
.products-li-2-1{color: #282828;font-size: 14px; text-align: center; border:1px solid #efefef; border-top: none; line-height: 45px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.products-li-2-2 span{display: block;width: 30%;height: 3px;background: #807e7e;}
.products-li-2-3{line-height: 22px;font-size: 14px; overflow: hidden;min-height: 66px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;margin: 10px 0;}
.products-li:hover .products-li-2{background: #cf0000;}
.products-li:hover .products-li-2-1{color: #fff;}
.products-li:hover .products-li-2-2 span{background: #fff;}
.products-li:hover .products-li-2-3{color: #fff;}
@media screen and (max-width:768px){
.products-li-2 dl{ display: block;}
}


.end_top {background: #cf0000;}
.end_top ul{text-align: center;}
.end_top ul li{display: inline-block;line-height: 110px;margin:0 10px;}
.end_top ul li i{color: #fff;font-size: 35px;}
.end_top_text{line-height: 110px;text-align: center;color: #fff;font-size: 23px;text-transform : uppercase;}
.end_top_a {}
.end_top_a a {display: block;height: 60px;width: 60%;background: #040404;text-align: center;line-height: 60px;margin:25px auto;color: #fff;font-size: 17px;}



/* left */
.widget {background: #fff;width: 100%;}
.widget .short_title{background: #2b2a2f;line-height: 62px;text-align: center;font-size: 24px;text-transform : uppercase; color: #fff;text-transform : uppercase;}
.widget .short_title i{color: #fff;font-size: 24px;}
#pro_list li{padding:0 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-bottom: 1px solid #eeeeee; line-height: 51px;}
#pro_list li a{font-size: 16px;color: #282828;display: block;width: 100%;height: 100%;}

.widget-c-2 img {display: block;width: 100%;}

.widget-c-3 {height: 90px;background: #2a2a2a;width: 100%;float: left;}
.widget-c-3  a{display: block;height: 50px;width: 220px;margin:20px auto;background: #cf0000;border-radius: 25px;font-size: 16px;line-height: 50px;text-align: center;font-weight: bold;color: #fff; }

.widget-c-4{height: 50px;font-size: 16px;line-height: 50px;background: #cf0000;text-align: center; color: #fff;}
.widget-c-4 a{color: #fff; }



.contact-b{background: #fff;padding:30px;}
.contact-1{border:1px solid #e1e1e1;padding:36px 30px;margin-left:-1px;margin-top: 30px;}
.contact-1-1{line-height: 35px;color: #999999;font-size: 16px;}
.contact-1-1 i{margin-right: 20px;}

.contact-2{border:1px solid #e1e1e1;padding:20px 30px;margin-left:-1px;margin-top: 30px;}
.contact-2 img{display: block;width: 80%;margin:0 auto;}
.contact-2 span{display: block;text-align: center;font-size: 16px;color: #383737;}
.contact-2 b{line-height: 35px;text-align: center;display: block;font-size: 24px;}
.contact-2:nth-of-type(3) span{display: block;text-align: center;font-size: 14px;color: #383737;}


.contact-order .container{background: #fff;margin: 40px auto;padding:30px 0px;}


.left-b .swiper-container{width:100%;height:100%}
.left-b .swiper-slide{text-align:center;font-size:18px;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}
.left-b .swiper-slide img{display:block;width:90%;margin:5%}
.left-b .swiper-slide span{line-height:45px;text-align:center;padding-bottom:20px;display:block;width:100%;color: #fff; font-size: 1.2rem;}
.left-b{background:#cf0000;margin-top: 40px;}



.right{}


.page {line-height: 100px;text-align: center;}

.page a{display: inline-block;padding:5px 10px;border:1px solid #efefef;}
.page .current{display: inline-block;padding:5px 10px;border:1px solid #efefef;background: #f7f7f7;}

.ys_info{ margin-top: 3%; padding: 2%;}
.center-title {
    font-size: 20px;
    color: #333333;
    line-height: 60px;
    margin-bottom: 20px;
    position: relative;
    height: 59px;
    text-align: left;
    padding-left: 15px;
}

.center-title:before {
    position: absolute;
    left: 0;
    top: 35%;
    width: 3px;
    height: 35%;
    background: #c40e25;
    content: '';
}

.center-title span {
    text-transform: uppercase;
    color: #dddddd;
    font-size: 16px;
    padding-left: 10px;
}

.pro-tops{background: #f6f6f6;}
.pro-topcc{margin:0px auto;}
.pro-topc{padding:20px;background: #fff;margin:20px auto;}
.article{ background: #fff;}

.o_product_detail{ font-size: 14px; color: #999; background: #f6f6f6; padding: 15px; margin: 2% 0;}
.o_product_detail .o_product_data{ clear: both; width: 100%; height: auto;}
.o_product_detail ul{ padding: 2% 0 0;}
.o_product_detail ul .col-xs-3{ padding: 0 1%;}
.o_product_detail ul .col-xs-4{ padding: 0 5px !important;}
.o_product_detail li .pic{ border: 2px solid #e5e5e5; transition:0.3s; text-align: center; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
.o_product_detail li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
.o_product_detail li p{ height: 3rem; line-height: 3rem; text-align: center; font-size: 1.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.o_product_detail li:hover .pic{ border: 2px solid #242527;}


.g_gallery .g_pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; border:1px solid #dddddd;}
.g_gallery .g_pic img{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
.g_gallery .g_pic a{ display: table-cell; width:1%; text-align: center; vertical-align: middle;}
.g_gallery .g_pic a img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; }
.g_gallery .g_thumb{ margin-top:12px;}
.g_gallery .g_thumb li{width: 20%;float: left; border:1px solid #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin:0 2.5%;}

.g_gallery .g_thumb li.on,.g_gallery .g_thumb li:hover{ border-color:#ef3b2d;}
.g_gallery .g_thumb li a{display: table-cell;width: 100%;   text-align: center;}
.g_gallery .g_thumb li a img{ max-width:100%;max-height: 100%;}


.g_sumary1 {line-height: 55px;font-size: 2.6rem;color:#282828;}
.g_sumary2 span{width: 30%;display: block;height: 2px;background: #807e7e;margin-top: 1%;} 
.g_sumary3 { font-size: 14px;color: #999999;margin: 2% 0 0;line-height:30px;}
.cptel{ float: left; background: url(../images/icon_tel.png) no-repeat left center; padding-left: 10%; color: #d80000; font-size: 3rem; font-weight:  bold; margin: 2% 3% 3% 0;}
.cpnr{ clear: both; background: #efefef; line-height: 3rem; padding: 3%;}
.cpnr span{ color: #d80000; font-weight:  bold; font-size: 2rem;}
.g_sumary4 {padding-top: 40px;padding-bottom: 40px;border-top:1px solid #eaeaea;border-bottom: 1px solid #eaeaea;text-align: center;height: auto;overflow: hidden;}
.g_sumary41,.g_sumary42,.g_sumary43{float: left;width: 33%;display: inline-block;height: 52px;}
.g_sumary42{border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;}
.g_sumary4 span{display: block;width: 100%;font-size:14px;font-family: Arial;color: #282828;text-transform : uppercase;}
.g_sumary4 em{font-style: normal;font-family: "Impact";color: #282828;font-size: 18px;}
.g_sumary5 { float: left; height: auto;overflow: hidden;}
.g_sumary5 a{width: 190px;height: 56px;display: block;margin:2%;float: left;background: #eaeaea; transition:0.3s; text-align: center;line-height: 56px;font-size: 16px;}
.g_sumary5 a:hover{background: #cf0000;color: #fff;}
.g_sumary6 li{float: left;margin:0 20px;}
.g_sumary6 li i{font-size: 23px;color: #ccc;}


.g_sumary b{ color: #303030;}
.g_sumary .product_title{ font-size:24px; font-weight:400; color: #3c3c3c; line-height:2;}
.g_sumary .product_desc{ line-height:28px; padding-bottom:20px;}
.g_sumary .product_brief{ font-size: 16px; line-height:28px; color: #8b8b8b; border-bottom:1px solid #eee; padding-bottom:20px;}
.g_sumary .product_spec{ padding:15px 0; border-bottom:1px solid #eee;}
.g_sumary .product_spec li{ line-height:38px; color: #3f3f3f;}
.g_sumary .product_spec:after{ clear: both; content: ''; display: block;}
.g_sumary .product_spec dt{ display: inline-block;  line-height: 36px; font-size: 14px;color: #3f3f3f; margin-bottom:5px;}
.g_sumary .product_spec dd{ display: inline-block; width: 470px; vertical-align: top;}
.g_sumary .product_spec dd a{display: inline-block; padding:3px 8px; font-size:14px; border:1px solid #ddd; margin:5px 6px; margin-left:0;}
.g_sumary .product_spec dd a:hover,.g_sumary .product_spec dd a.current{color: #ef3729; border-color: #ef3729;}
.g_sumary .product_tels { padding-top: 16px;color: #4a4a4a;}
.g_sumary .product_tels p img{ margin-right:5px;}
.g_sumary .product_tels h3{text-indent: 31px; font-family: Impact;font-weight: bold; color: #ef3729;font-size: 36px;}




.nav-s{ height: 50px; line-height: 50px; background: #cf0000;width: 100%;height: auto;overflow: hidden;}
.nav-s a{display: block;height: 50px;font-family: Arial;font-size: 16px;float: left;color: #fff;padding:0 5%;text-transform : uppercase;}
.nav-s a:hover{background: #b60202;}

.pr-content{padding:2% 15px; line-height: 30px;}
.pr-content img{ max-width: 100%; display: block; margin: 2% auto;}
.pr-content table{ width: 100%; margin-bottom: 2%;}
.pr-content table td{ text-align: center; border: 1px solid #ccc;}
.pr-content .content{ padding: 3%; font-size: 2rem; line-height: 4rem; color: #000; font-weight: bold; text-align: center;}
.pr-content .content span{ font-size: 3rem; color: #d80000; font-weight: bold;}

.order-nas{line-height: 62px;background: #eeeeee;width: 100%;height: auto;overflow: hidden;}
.order-nas span{display: block;height: 62px;font-family: Arial;font-size: 22px;float: left;color: #fff;padding:0 40px;text-transform : uppercase;background: #cf0000;}
.order-nas em{display: block;padding:0 20px;color: #666666;font-size: 14px; font-style:normal;font-size: 16px;}
.order-c{background: #fff;padding:20px;}
.order {width: 90%;height: auto; margin: 0 auto;}
.order tr{margin:2% 0;display: block;float: left;width: 100%; padding: 0 !important;}
.order td{display: block!important;float: left!important; padding: 0 !important;}
.order .t_r{font-size: 16px;color: #666;line-height: 35px;}
.order input{display: block;width: 100%;outline: none;background: #f5f5f5;border:1px solid #e1e1e1;text-indent: 2em;line-height: 35px;}
.order #content{height: 80px;display: block;width: 100%;}
.order #captcha{width: auto;float: left;}
.order #submit{display: block;margin:0 auto;background: #cf0000;color: #fff;}




.news_two_img{display: block;}
.news_two_txt{display: block;}
.news .news_two_box{display: block;width: 100%;height: auto;float: left;
border: 1px solid transparent;
position: relative;
background: #f7f7f7;
transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; margin:15px auto;padding:20px;}
.news  .news_two_img{ height: 0; padding: 0 0 13%; position: relative; overflow: hidden;}
.news .news_two_box img{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
.i_buttontext{width: 20%;margin:0 auto;border-radius: 30px;height: 30px;line-height: 30px!important;border:1px solid #ccc;text-align: center;font-style: normal;text-transform : uppercase;}




.navsbg .container{padding:0;}
.nav .container{padding:0;}


.nav li{float: left;text-align: center;}
.nav_pc{ text-align: center;}
.nav_pc li{ display: inline-block; float: none; width: 10%; line-height: 55px;}

.nav_pc li a{display: block;color: #fff;font-size: 14px;transition: all .4s;font-weight: lighter;}
.nav_pc li a:hover{background: #333;}


.nav_mobile .container{padding-left: 0;padding-right: 0;}
.nav_mobile li{width: 25%;line-height: 50px;border-right:solid 1px rgba(255,255,255,.1);border-bottom:solid 1px rgba(255,255,255,.1);float: left;text-align: center;}
.nav_mobile li a{display: block;color: #fff;font-size: 1.5rem;transition: all .4s;}
.nav_mobile li a:hover{background: #bc0000;}




.news_two_box span{display: block;width: 100%;line-height: 45px;
font-size: 18px;
color: #717171;
transition: all .3s ease-out 0s;  overflow: hidden;font-weight: lighter;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;margin-bottom: 20px;}






.news_two_txt i{display: block;width: 100%;color: #A2A2A2;line-height: 24px;display: block;
overflow: hidden;transition: all .3s ease-out 0s;font-style: normal;

overflow: hidden;font-weight: lighter;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;margin-bottom: 20px;



}
.ser_but i{height: 35px;line-height: 35px;transition: all 0.3s;}
.news .news_two_box:hover{    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-webkit-transform: translate3d(0, -6px, 0);
transform: translate3d(0, -6px, 0);}

.news-info { margin-bottom: 40px;}
.news-info-1{white-space: normal;line-height: 40px;font-size: 30px;text-align: center;}
.news-info-2{white-space: normal;line-height: 40px;font-size: 14px;text-align: center;margin:40px 0;background: #f3f3f3;}
.news-info-3{font-size: 17px;line-height: 32px;margin-bottom: 40px;}
.news-info-4{height: auto;overflow: hidden;}
.news-info-4 li{display: block;float: left;width: 100%;line-height: 35px;border:1px solid #f3f3f3; border-radius: 17px;text-indent: 10px;margin:10px 0;transition: 0.5s ease-out}
.news-info-4 li:hover{ background: #cf0000; }
.news-info-4 li:hover a{color: #fff;}
.news-info-4 li:hover {color: #fff;}

@media screen and (max-width:768px){
    .news-info-1{ font-size: 16px; line-height: 30px;}
    .news-info-2{ margin: 2% 0;}
}





@media (max-width: 640px)
{   
/*.row{ margin-top: -30px;}*/
.main .left{padding-left:0;padding-right:0;}
.main .right{padding-left:0;padding-right:0;}
.products-li{padding-left:5px;padding-right:5px;}
.pro-topc{padding:0;}
.g_sumary{padding:20px 5px;}
.headers .logo img{margin:20px 0px!important;}
.bannerzy{padding-top: 10px;}
.bannerzy .catname{font-size: 32px;}
.news .news_two_img{padding: 0 0 55%;}
.news_two_box span{margin-bottom: 0px; }
.news_two_date span{font-size: 12px;margin:0;}
.slideGroup .parHd ul li{line-height: 35px;width: 32%; margin-bottom: 1%; text-align: center;padding:0 !important;overflow: hidden;float: left;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;}
  .slideGroup .parHd ul li a{font-size: 1rem;}
  .box2li{padding:0;}
  .about-cr{padding:0;}
  .about-cr-c1{font-size: 14px;line-height: 23px;margin-bottom: 40px;}
  .about-cr-c2{display: none;}
  .newc-li-1{font-size: 17px;}
  .newc-li{padding:10px;}
  .newc-li-2{font-size: 14px;}
  .newc-li-3{font-size: 12px;}
  .nos{padding:0;}
  .noss{padding:0!important;}
  .nos .slideGroup .parHd{margin: 0!important;}
  .news .news_two_box{
    margin:0px auto;padding:5px;}
    .news_two_txt{padding:0;}
    .news_two_txt i{margin-bottom: 0px;}
    .news_two_but{display: none;}
    .contact-order .container{background: #fff;margin: 10px auto;padding:0px;}
    .order img{display: block;height: 45px;float: left;}
  }


  .mobile_footer{ width: 100%; height: 60px; background: #262932; left: 0px; bottom:0px; position: fixed; float: left;z-index: 999;}
  .mobile_footer a{ color:#fff; display: block; width: 20%; height: 100%;float: left; line-height:80px; text-align: center;font-size: 100%;font-family: "微软雅黑";}
  .f1{ width:100%; background:url(../images/footer_home.png) no-repeat  center 20%; background-size: 20px; height:100%; float:left;  text-align:center;}
  .f2{width:100%;background:url(../images/footer_tel.png) no-repeat center 20%; background-size: 20px;  height:100%; float:left;text-align:center;}
  .f3{width:100%;background:url(../images/footer_email.png) no-repeat center 20%;  background-size: 20px; height:100%; float:left;text-align:center;}
  .f4{width:100%;background:url(../images/footer_map.png) no-repeat center 20%;  background-size: 20px; height:100%; float:left;text-align:center;}
  .f5{width:100%;background:url(../images/footer_top.png) no-repeat center 20%;  background-size: 20px; height:100%; float:left;text-align:center;}
  @media screen and (max-width:765px){
   #footer{margin-bottom: 60px;padding-bottom: 4%;}
 } 






 @media (max-width: 768px)
 {   
   .s-r img{display: block;max-width: 100%;}
   .s-r-l{height: auto;overflow: hidden;}
   .banner .container{height: auto;overflow: hidden;}
   .box3 .reli span i{font-size: 60px;}
   .banner{margin-top: 160px;}
 }


 @media (min-width: 768px)
 {   .navbar-nav {margin: 0;text-align: center;}
 .navbar-nav > li {display: inline-block;float: none;}
 .navbar-nav > li > a {padding-top: 0;padding-bottom: 0;display: block;line-height: 60px; padding: 0 23px;}
 .slideGroup .parHd ul li{padding:0 27px;}

}


@media (min-width: 768px) and (max-width: 1200px)
{   
 .s-r{padding-top: 15%;}
 .s-r img{display: block;max-width: 100%;}
 .s-r-l{margin-bottom: 30px;height: auto;overflow: hidden;}
 .s-lp{display: block;height: 100%;width: auto;max-width: none;opacity: 0.2;}
 .container {width: 100%;}
 .nav > li > a{color: #fff;position: relative;font-weight: 200;text-transform : uppercase;font-size: 16px;padding:0 18px;}


}
@media (max-width: 1200px)
{
 .product-content{width: 100%;}
 .youshi-content{width: 100%;}
 .about-content{width: 100%;}
}

@media (max-width: 768px){
 .container {width: 100%;}
 .tops .container {width: 100%;}
 .s-l{position: absolute;top: 0vw;}
 .s-l img{display: block;opacity: 0.2;}
 .s-r{position: relative;padding-bottom: 30px;}
}