/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wrapper{ width:1170px; margin:0 auto;padding-right: 15px;padding-left: 15px;}
@media only screen and (max-width: 1200px) {
.wrapper{ width:98%;padding: 0 1%;margin: auto;}
}

.index_top{width: 100%;background-color: #27272a;border-bottom: 1px solid #000000;color: #cdcdcd;height: 35px;}
.index_top .left{float: left;}
.index_top .left ul li{float: left;border-right:1px solid #3d3d3d;width: 35px;}
.index_top .left ul li:last-child{border: 0;}
.index_top .left ul li a{height: 35px;display: flex;justify-content: center;align-items: center;}
.index_top .left ul li a img{width: 20px;transition: 0.3s;}
.index_top .left ul li a img.img2{display: none;}
.index_top .left ul li a:hover img.img1{display: none;}
.index_top .left ul li a:hover img.img2{display: block;}
.index_top .right{float: right;height: 35px;line-height: 35px;color: #CDCDCD;font-size: 12px;text-align: right;}
.index_top .right span,
.index_top .right i{display: inline-block;vertical-align: middle;margin-left: 5px;}

/*头部*/
.header{ position:relative;background-color: #36373C;border-top: 1px solid #515151;border-bottom-color: transparent !important;height: 90px;}
.header.fixed{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}
.header .logo{float: left;position: relative;}
.header .logo a{height: 90px;display: flex;justify-content: center;align-items: center;}
.header .logo img{max-width: 100%;}
.header .logo .txt{font-size: 12px;color: #CDCDCD;position: absolute;bottom: 10px;left: 0;}


/*menu*/
.pc_menu{height: 90px;float: right;}
.menu{height:90px;line-height:90px;}
.menu ul li{ float:left; position:relative;}
.menu ul li dl{ background:#27272a;position:absolute; left:0px; top:90px; box-shadow:2px 2px 5px rgba(0,0,0,0.2);display:none;z-index: 9;min-width: 240px;border: 1px solid #484848; }
.menu ul li:last-child dl{left: auto;right: 0;}
.menu ul li dl dd{ line-height:45px;border-bottom:1px solid #3d3d3d;}
.menu ul li dl dd a{ font-size:15px; color:#fff; font-weight:normal; display:block;padding:0 10px;text-align:left;}
.menu ul li dl dd a:hover{ color:#fff;background: #36373C;}
.menu a{ font-size:14px;color:#fff; text-decoration:none; font-weight:bold;display:block;text-align:center;padding: 0 35px;}
.menu ul li.menu_down span a{ display:block;background:url(../images/down.png) right 10px center no-repeat;}
.menu ul li span a:hover{color:#fff;}
.menu ul li.menu_down span a:hover{ background:#27272a url(../images/down2.png) right 10px center no-repeat;color:#fff;}
.menu ul li span a.menu_hover{ background:#27272a url(../images/down2.png) right 10px center no-repeat;color:#fff;}

/*移动端头部*/

.m_menu_warp{display: none;}
.m_share{width: 100%;height: 36px;background-color: #27272a;border-bottom: 1px solid #000000;color: #cdcdcd;position: relative;z-index: 999;}
.m_share .m_share_btn{padding: 0 20px;height: 36px;line-height: 45px;background: url(../images/share.png) center no-repeat;width: 36px;}
.m_share .m_share_btn.m_share_btn_close{background: url(../images/guanbi.png) center no-repeat;}
.m_share .m_share_wrap{position: absolute;top: 36px;left: 0;height: 36px;background: #36373C;padding: 0 10px;display: none;}
.m_share .m_share_wrap.active{display: block;}
.m_share .m_share_wrap ul li{float: left;border-right:1px solid #3d3d3d;width: 35px;}
.m_share .m_share_wrap ul li:last-child{border: 0;}
.m_share .m_share_wrap ul li a{height: 35px;display: flex;justify-content: center;align-items: center;}
.m_share .m_share_wrap ul li a img{width: 20px;transition: 0.3s;}
.m_share .m_share_wrap ul li a img.img2{display: none;}
.m_share .m_share_wrap a:hover img.img1{display: none;}
.m_share .m_share_wrap a:hover img.img2{display: block;}

/*移动菜单*/
.m_header{padding: 20px 0;background-color: #36373C;border-top: 1px solid #515151;border-bottom-color: transparent !important;width: 100%;position: relative;z-index: 99;}
.m_header .m_logo{padding: 0 20px;text-align: center;}
.m_header .m_logo .txt{font-size: 12px;color: #CDCDCD;text-align: center;}
.m_header .m_menu_btn{background: #27272a;border-radius: 5px;height: 50px;margin: 10px 20px 0 20px;text-align: right;}
.m_header .m_menu_btn a{display: inline-block;border: 1px solid #666666;border-radius: 5px;margin: 5px 20px;padding: 10px 15px;cursor: pointer;}
.m_header .m_menu_btn .icon-bar{ display: block;width: 22px;height: 2px; border-radius: 1px;background: #666;text-align: center;margin-top: 4px;}
.m_header .m_menu{margin: 0 20px;display: none;}
.m_header .m_menu.active{display: block;}

.accordion {width: 100%;margin: 30px auto 20px;background: #36373C;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border: 1px solid #27272a;box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);}
.accordion .link {cursor: pointer;display: block;padding: 15px 15px 15px 42px;color: #fff;font-size: 14px;border-bottom:1px solid #3c3c3e;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion .link  a{color: #fff;font-size: 14px;}
.accordion li{position: relative;}
.accordion li:last-child .link {border-bottom: 0;}
.accordion li i {position: absolute;top: 16px;/*left: 12px;*/font-size: 18px;color: #fff;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li i.fa-chevron-down {right: 12px;left: auto;font-size: 16px;}
.accordion li.open .link {color: #fff;}
.accordion li i.icon{position: absolute;top: 0;right: 20px;width: 30px;height: 100%;display: flex;justify-content: center;align-items: center;}
.accordion li.open i.icon {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.submenu {display: none;background: #36373C;font-size: 14px;}
.submenu li {border-bottom: 1px solid #4b4a5e;}
.submenu a {display: block;text-decoration: none;color: #d9d9d9;padding: 12px;padding-left: 42px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}
.submenu a:hover {background: #484848;color: #FFF;}


/*swiper*/
.banner{width: 100%;position: relative;z-index: 8;overflow: hidden;}
.swiper {width: 100%;height: 100%;}
.swiper-slide {background: #fff;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;}
.swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}
.banner .b_top{position: absolute;width: 100%;text-align: center;height: 100%;z-index: 99;}
.banner .b_top h2{color: #fff;font-size: 46px;text-align: center;margin-top: 10%;}
.banner .b_top .txt{color: #B10000;font-size: 29px;text-align: center;margin-top: 2%;font-weight: bold;}
.banner .swiper-button-next,
.banner .swiper-button-prev{background: rgba(0,0,0,0.5);color: #fff;width: 50px;height: 100px;opacity: 0;}
.banner .swiper-pagination-bullet{width: 15px;height: 15px;background: rgba(0,0,0,0.6);opacity: 0;}
.banner .swiper-pagination-bullet-active{width: 9px;height: 9px;background: rgba(255,255,255,0.6);border: 3px solid rgba(0,0,0,0.8);}

.banner:hover .swiper-button-next,
.banner:hover .swiper-button-prev,
.banner:hover .swiper-pagination-bullet{opacity: 1;}
.banner .b_slide{position: absolute;bottom: 60px;left: 0;width: 100%;z-index: 99;text-align: center;transition: all 0s ease 0s;}
.banner .b_slide img{-webkit-animation: bounce-up 1s linear infinite;animation: bounce-up 1s linear infinite;}

@-webkit-keyframes bounce-up { 25% {
-webkit-transform: translateY(5px);
}
50%, 100% {
-webkit-transform: translateY(0);
}
75% {
-webkit-transform: translateY(-5px);
}
}
@keyframes bounce-up { 25% {
transform: translateY(5px);
}
50%, 100% {
transform: translateY(0);
}
75% {
transform: translateY(-5px);
}
}

.i_header_wrap{position: relative;z-index: 9;}
	
.index_title{width: 100%;text-align: center;}
.index_title h1{color: #B10000;line-height: 1.2;font-size: 38px;font-weight: 700;padding-top: 20px;}
.index_title .line{display: inline-block;width: 60px;height: 5px;margin: 15px auto 15px;background-color: #cccccc;position: relative;border: 1px solid #cccccc;}
.index_title .line:after{width: 30px;height: 6px;background: #333333;position: absolute;top: -1px;left: -1px;content: "";}
.index_title .t2{color: #666;font-size: 21px;text-align: center;padding: 0 5%;}

.index1{width: 100%;padding: 40px 0;transition: all 0s ease 0s;}
.index1 .row{width: 100%;margin-top: 40px;}
.index1 .row .left{float: left;width: 45.5%;padding-right: 4%;}
.index1 .row .left .desc{color: #666;font-size: 15px;}
.index1 .row .left .desc ul li{padding: 5px 0;}
.index1 .row .left .desc ul li i img{width: 18px;}

.index1 .row .right{float: right;width: 45.5%;padding-left: 4%;border-left: 1px solid #eee;}
.index1 .row .right h3{color: #B10000;margin-bottom: 15px;line-height: 1.2;font-size: 22px;font-weight: 500;}
.index1 .row .right img{width: 100%;}

.index2{background: url(../images/parallax-bg-3.jpg) center no-repeat;background-position: 50% 98px;margin-top: 80px;background-attachment:fixed !important;padding: 50px 0;overflow: hidden;}
.index2 .list{text-align: center;padding: 10px 25px;}
.index2 .left{float: left;width: 66%;color: #fff;}
.index2 .left h1{font-size: 38px;font-weight: 700; }
.index2 .left .txt{font-size: 21px;font-weight: 300;line-height: 1.4;margin: 20px 0; }
.index2 .right{float: right;width: 33%;}
.index2 .right a{display: inline-block;background: #e84c3d;border: 1px solid #e84c3d;padding: 17px 12px;font-size: 18px;min-width: 210px;color: #fff;margin: 40px 0;}

.index3{width: 100%;margin: 50px 0;}
.index3 ul li{float: left;width: 23%;margin: 1%;}
.index3 ul li .box{background-color: #fafafa;border: 1px solid #f3f3f3;}
.index3 ul li .box .img{width: 100%;position: relative;overflow: hidden;font-size: 0;}
.index3 ul li .box .img img{width: 100%;}
.index3 ul li .box .img_top{position: absolute;top: 0;width: 100%;height: 100%;bottom: -1px;left: 0; right: -1px; background-color: rgba(255, 255, 255, 0.9);cursor: pointer;overflow: hidden;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8); -webkit-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;}
.index3 ul li .box .img_top img{display: block;width: 100%;}
.index3 ul li .box .img:hover .img_top{opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);transform: scale(1);}
.index3 ul li .box .txt{text-align: center;border: 1px solid #f3f3f3;overflow: hidden;}
.index3 ul li .box .txt a{color: #333;font-size: 14px;text-decoration: none;padding: 5px;background: #FAFAFA;display: block;height: 35px;line-height: 35px;transition: 0.3s;}
.index3 ul li .box .txt a:hover{background: #e84c3d;border-color: #e84c3d;color: #fff;}


.index4{width: 100%;padding: 25px 0;background: #f1f1f1;box-shadow: 0 2px 3px rgb(0 0 0 / 13%) !important;position: relative;}
.index4 .wrap{width: 100%;padding: 50px 0;}
.index4 .wrap .i4_left{float: left;width: 33%;margin-right: 2%;}
.index4 .wrap .i4_left .box{height: 480px;width: 100%;background: #fff;}
.index4 .wrap .i4_left .img_wrap{position: relative;width: 100%;overflow: hidden;}
.index4 .wrap .i4_left .img_wrap span img{width: 100%;height: auto;}
.index4 .wrap .i4_left .img_wrap .img_top{position: absolute;top: 0;bottom: -1px;left: 0; right: -1px;background-color: rgba(241, 241, 241, 0.85);overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.8); -moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);-webkit-transition: all linear 0.2s; -o-transition: all linear 0.2s;transition: all linear 0.2s;height: 100%;width: 100%;}
.index4 .i4_left .img_wrap .img_top .img_top_wrap{height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;position: relative;}
.index4 .i4_left .img_wrap .img_top .img_top_wrap a{display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;}
.index4 .i4_left .img_wrap .img_top .img_top_wrap a img{transition: 0.3s;width: 30px;}
.index4 .i4_left .img_wrap .img_top .img_top_wrap a img.img2{display: none;}
.index4 .i4_left .img_wrap .img_top .img_top_wrap a.a1{background: #fff;}
.index4 .i4_left .img_wrap .img_top .img_top_wrap a.a2{background: #E84C3D;}
.index4 .i4_left .img_wrap .img_top .img_top_wrap a:hover{background: #333;}
.index4 .i4_left .img_wrap .img_top .img_top_wrap a:hover img.img1{display: none;}
.index4 .i4_left .img_wrap .img_top .img_top_wrap a:hover img.img2{display: block;}
.index4 .i4_left .img_wrap:hover .img_top{opacity: 1;filter: alpha(opacity=100); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.index4 .i4_left .img_wrap .img_top .img_top_wrap .txt{position: absolute;width: 100%;display: block;left: 0;bottom: 10px;text-align: center;font-size: 15px;color: #333;}
.index4 .i4_left .desc{padding: 20px 15px;}
.index4 .i4_left .desc .title{font-size: 28px;margin-bottom: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;font-weight: 500;color: #343434;}
.index4 .i4_left .desc .title a{color: #343434;}
.index4 .i4_left .desc .title a:hover{color: #E84C3D;}
.index4 .i4_left .desc .txt{margin: 20px 0;font-size: 15px;color: #666;display: -webkit-box;-webkit-line-clamp: 2;/* 行数 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.index4 .wrap .i4_right{float: right;width: 65%;}
.index4 .wrap .i4_right .box{width: 92%;padding: 20px 4%;background: #fff;}
.i4_news{width: 100%;}
.i4_news li{padding: 20px 0;}
.i4_news li .i4_news_time{float: left;width: 13%;margin-right: 2%;background: #e84c3d;text-align: center;color: #fff;padding:10px 0;}
.i4_news li .i4_news_time .day{font-size: 34px;font-weight: 550;}
.i4_news li .i4_news_time .month,
.i4_news li .i4_news_time .year{font-size: 16px;}
.i4_news li .i4_news_txt{float: right;width: 83%;padding: 0 1%;}
.i4_news li .i4_news_txt .tit{margin-bottom: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.i4_news li .i4_news_txt .tit a{color: #000;font-size: 22px;}
.i4_news li .i4_news_txt .tit a:hover{color: #E84C3D;}
.i4_news li .i4_news_txt .desc{font-size: 15px;color: #666;}

.index5{width: 100%;text-align: center;height: 75px;background: #E84C3D;line-height: 75px;color: #fff;}
.index5 h1{font-size: 38px;}

.footer{padding: 30px 0;background-color: #262626;border-top: 1px solid #3a3a3a; border-bottom: 1px solid #333333;width: 100%;}
.footer .left{float: left;width: 56%;}
.footer .left .f_logo{width: 100%;text-align: left;margin: 83px 0 10px 0;}
.footer .left .f_logo img{max-height: 50px;width: auto;}
.footer .left .desc{width: 100%;color: #999;font-size: 14px;}
.footer .left .desc .txt{float: left;width: 47%;margin-right: 2%;}
.footer .left .desc .f_tel{float: right;width: 51%;}
.footer .left .desc .f_tel ul li{margin: 10px 0;}
.footer .left .desc .f_tel img{max-width: 20px;margin-right: 10px;}

.footer .center{float: left;width: 20%;margin: 63px 0% 0;}
.footer .center h2{color: #999;font-size: 24px;margin: 30px 0;}
.footer .center ul.f_menu li{margin: 10px 0;}
.footer .center ul.f_menu li a{color: #999;font-size: 13px;background: url(../images/right.png) center right no-repeat;display: block;transition: 0.3s;}
.footer .center ul.f_menu li a:hover{color: #fff;text-decoration: none;}

.footer .right{float: right;width: 17%;text-align: center;}
.footer .right h2{color: #999;font-size: 19px;margin: 0px 0;}
.footer .right .f_ewm{text-align: center;}
    .footer .right .f_ewm img {
        max-width: 130px;
        padding: 96px 0 0;
    }

.copyright{width: 100%;padding: 25px 0;background: #000;font-size: 14px;color: #666;}

.toTop{cursor: pointer; height: 50px;width: 50px;position: absolute;float: right;right: 10px;bottom: 10px;z-index: 9999;position: fixed;background: #000;display: flex;justify-content: center;align-items: center;}

/*关于我们*/
.tongtu{width: 100%;background-attachment: fixed !important;padding: 50px 0;background-color: #f1f1f1;border-bottom: 1px solid #eaeaea;height: 300px;position: relative;}
.tongtu .tongtu_top{position: absolute;z-index: 99;width: 100%;}
.tongtu .tongtu_top h1{color: #fff;font-size: 38px;margin-top: 5%;}
.tongtu .tongtu_top .line{display: block;width: 30px;height: 5px;margin: 15px 0 15px;background-color: #cccccc;}
.tongtu .tongtu_top .txt{color: #fff;font-size: 21px;}

.pro_nav{width: 100%;position: relative;background-color: rgba(250, 250, 250, 0.9);z-index: 2;border-bottom: 1px solid #dadada; box-shadow: 0 -1px 2px rgb(0 0 0 / 6%) inset;height: 56px;line-height: 56px;margin-top: -56px;}
.pro_nav span{color: #666;font-size: 13px;padding-right: 5px;}
.pro_nav a{color: #E84C3D;font-size: 13px;}
.pro_nav .icon img{vertical-align: middle;}


.about1{width: 100%;padding: 40px 0;}
.about1 .index_title{text-align: left;}
.about1 .index_title .line{width: 30px;height: 4px;}
.about1 .index_title .line:after{display: none;}
.about1 .list{width: 100%;margin-top: 20px;}
.about1 .list .left{float: left;width: 45%;margin-right: 2%;}
.about1 .list .left .desc{width: 100%;color: #666;font-size: 15px;}
.about1 .list .right{float: right;width: 46%;margin-left: 2%;padding-left: 4%;border-left:1px solid #eee ;}
.about1 .list .right .desc{width: 100%;}
.about1 .list .right .desc img{width: 100%;}


.about2{width: 100%;background-attachment: fixed !important;border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;}
.about2 .about2_bg{width: 100%;height: 100%;background: rgba(255,255,255,0.6);padding: 50px 0;}
.about2 .list{width: 100%;margin-top: 10px;}
.about2 .list ul li{float: left;width: 29%;margin: 2%;text-align: center;}
.about2 .list ul li .img{height: 90px;width: 100%;display: flex;justify-content: center;align-items: center;}
.about2 .list ul li .img img{max-width: 100%;transition: 0.3s;}
.about2 .list ul li .img img.img2{display: none;}
.about2 .list ul li .img:hover img.img1 {display: none;}
.about2 .list ul li .img:hover img.img2{display: block;}
.about2 .list ul li h2{color: #B10000;line-height: 1.2;font-size: 28px;margin-bottom: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.about2 .list ul li .txt{color: #333;font-size: 15px;display: -webkit-box;-webkit-line-clamp: 2;/* 行数 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.culture{width: 100%;}
.culture .culture_list{width: 100%;margin-top: 20px;color: #666;font-size: 15px;}

.honor{width: 100%;}
.honor .honor_list_warp{width: 100%;margin: auto;}
.honor .honor_list{width: 100%;color: #666;font-size: 15px;position: relative;}
#gallery-wrapper {position: relative;margin: 50px auto;}

.white-panel {position: absolute;background-color: #fafafa;border: 1px solid #f3f3f3;}
.white-panel img.thumb {width: 100%;max-width: 100%;height: auto;}
.honor_list .img{width: 100%;position: relative;font-size: 0;display: block;}
.honor_list .img .img_top{position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: 0.3s;opacity: 0;}
.honor_list .img .img_top .img_btn{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;background: rgba(255,255,255,0.3);}
.honor_list .img .img_top .img_btn img{width: 50px;}
.honor_list .img:hover .img_top{opacity: 1;}
.honor_list .txt{background-color: #f1f1f1;padding: 12px 20px; border-top: 1px solid #e8e8e8;font-size: 16px;text-align: center;font-weight: 700;color: #B10000;line-height: 2;}


.product_nav {width: 100%;background: #afafaf;padding: 25px 0;}
.product_nav .list{width: 100%;}
.product_nav .list ul li{display: inline-block;margin: 1px;}
.product_nav .list ul li a{display: block;padding: 5px 8px;border: 1px solid #fff;color: #fff;font-size: 15px;}
.product_nav .list ul li a:hover{background: #fff;color: #333;border: 1px solid #FAFAFA;text-decoration: none;}



.products{width: 100%;}
.products .products_list li.part {position: relative;background-color: #fafafa;border: 1px solid #f3f3f3; float:left; width:31%; margin:1%;}
    .products .products_list img.thumbs {
        width: 60%;
        max-height: 360px;
    }
.products .img{width: 100%;position: relative;font-size: 0;height: 370px;display: flex;justify-content: center;align-items: center;background: #fff;}
.products .img .img_top{position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: 0.3s;opacity: 0;}
.products .img .img_top a{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;background: rgba(255,255,255,0.3);position: relative;}
.products .img .img_top a img{width: 50px;}
.products .img .img_top .t1{position: absolute;left: 0;bottom: 10px;font-size: 13px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.products .img:hover .img_top{opacity: 1;}
.products .txt{background-color: #fff;padding: 12px 20px; border-top: 1px solid #e8e8e8;font-size: 16px;}
.products .txt .tit{margin-bottom: 15px;}
.products .txt .tit a{color: #343434;font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.products .txt .desc{color: #999;font-size: 13px;}
.products .txt .more{width: 100%;text-align: right;}
.products .txt .more a{color: #E84C3D;font-size: 15px;}
.products .txt a:hover{color: #B10000;}

.Prodetail{width: 100%;padding: 50px 0;}
.Prodetail .pro_show{width: 100%;margin-bottom: 50px;}
.Prodetail .pro_show .left{float: left;width: 35%;padding-right: 4%;}
.Prodetail .pro_show .left .img_show{width: 100%;position: relative;}
.Prodetail .pro_show .left .img_show .img{width: 100%;} 
.Prodetail .pro_show .left .img_show .img img{width: 100%;} 
.Prodetail .pro_show .left .img_show .img_top{position: absolute;width: 100%;height:100%;top: 0;left: 0;display: flex;justify-content: center;align-items: center;background: rgba(255,255,255,0.5);opacity: 0;transition: 0.3s;}
.Prodetail .pro_show .left .img_show .img_top img{width: 50px;height: auto;}
.Prodetail .pro_show .left .img_show:hover .img_top{opacity: 1;}
.Prodetail .pro_show .right{float: right;width: 56%;padding-left: 4%;border-left: 1px solid #eee;}
.Prodetail .pro_show .right .img_desc{width: 100%;min-height: 200px}
.Prodetail .pro_show .right .img_desc .tit{padding: 10px;color: #B10000;font-size: 28px;font-weight: 500;border-bottom: 1px solid #B10000;}
.Prodetail .pro_show .right .img_desc .desc {padding: 20px 0;}
.Prodetail .pro_show .right .img_desc .desc ul li{padding: 5px 0;}
.Prodetail .pro_show .right .img_desc .desc .fenlei{display: inline-block;width: 18%;vertical-align: middle;font-size: 15px;color: #666;font-weight: 550;text-align: right;}
.Prodetail .pro_show .right .img_desc .desc .fenlei h4{font-size: 18px;color: #B10000;}
.Prodetail .pro_show .right .img_desc .desc .xilie{display: inline-block;width: 78%;vertical-align: middle;text-align: left;font-size: 15px;color: #666666;margin-left: 2%;}
.Prodetail .pro_show .right .img_desc .desc .xilie a{color: #343434;font-size: 18px;}
.Prodetail .pro_show .right .img_desc .desc .xilie a:hover{color: #B10000;}


.introduce{width: 100%;}
.introduce .intro_tab{width: 100%;border-bottom: 1px solid #E84C3D;}
.introduce .intro_tab ul li{display: inline-block;margin-right: 2px;}
.introduce .intro_tab ul li a{display: block;color: #666;font-size: 13px;padding: 10px 20px;background: #fff;}
.introduce .intro_tab ul li.on a,
.introduce .intro_tab ul li a:hover{color: #fff;background: #E84C3D;text-decoration: none;}
.introduce .intro_pannel{width: 100%;padding: 20px 0;}
.introduce .intro_pannel .desc{font-size: 15px;color: #666;padding: 20px 0;}
.introduce .intro_pannel .desc img{width: 100%;}
.introduce .intro_pannel .desc .more{padding-top: 20px;color: #666666;font-size: 15px;border-top: 1px solid #eee;}
.introduce .intro_pannel .desc .more a{color: #E84C3D;}


.related_pro{box-shadow: 0 2px 3px rgb(0 0 0 / 13%) !important;position: relative;background: #f1f1f1;width: 100%;padding: 50px 0;}
.related_pro .related_title{color: #B10000;font-size: 28px;text-align: left;}
.related_pro .related_title h3{font-weight: 500;}
.related_pro .related_title .line{width: 30px;height: 4px;background: #ccc;display: inline-block;margin-top: 10px;}
.related_pro ul li{float: left;width: 21%;margin: 1%;background: #fff;padding: 1%;background: #fff;}
.related_pro ul li .img{width: 100%;position: relative;}
.related_pro ul li .img img{width: 100%;}
.related_pro ul li .img_top{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.5);display: flex;justify-content: center;align-items: center;opacity: 0;transition: 0.3s;}
.related_pro ul li .img_top img{width: 50px;}
.related_pro ul li .img:hover .img_top{opacity: 1;}
.related_pro ul li .txt{padding: 15px 0;font-size: 16px;text-align: center;}
.related_pro ul li .txt a{color: #454545;}

.news{width: 100%;padding: 50px 0;}
.news .news_tab{width: 100%;text-align: center;margin: 20px 0;}
.news .news_tab a{display: inline-block;width: 210px;height: 60px;line-height: 60px;background: #E84C3D;color: #fff;font-size: 18px;font-weight: 600;text-align: center;margin: 5px;transition: 0.3s;border: 1px solid #cd3c2e;}
.news .news_tab a:hover{background: #FAFAFA;border: 1px solid #f3f3f3;color: #333;text-decoration: none;}
.news_list{width: 100%;}
.news_list ul li{padding: 10px 0;border-bottom: 1px solid #eee;}
.news_list ul li:last-child{border-bottom: none;}
.news_list .left{float: left;width: 25%;margin-right: 5%;}
.news_list .left .img{width: 100%;position: relative;}
.news_list .left .img span img{width: 100%;}
.news_list .left .img .img_top{position: absolute;top: 0;bottom: -1px;left: 0; right: -1px;background-color: rgba(241, 241, 241, 0.85);overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.8); -moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);-webkit-transition: all linear 0.2s; -o-transition: all linear 0.2s;transition: all linear 0.2s;height: 100%;width: 100%;}
.news_list .left .img .img_top .img_top_wrap{height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;position: relative;}
.news_list .left .img .img_top .img_top_wrap a{display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;}
.news_list .left .img .img_top .img_top_wrap a img{transition: 0.3s;width: 25px;}
.news_list .left .img .img_top .img_top_wrap a img.img2{display: none;}
.news_list .left .img .img_top .img_top_wrap a.a1{background: #fff;}
.news_list .left .img .img_top .img_top_wrap a.a2{background: #E84C3D;}
.news_list .left .img .img_top .img_top_wrap a:hover{background: #333;}
.news_list .left .img .img_top .img_top_wrap a:hover img.img1{display: none;}
.news_list .left .img .img_top .img_top_wrap a:hover img.img2{display: block;}
.news_list .left .img:hover .img_top{opacity: 1;filter: alpha(opacity=100); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.news_list .left .img .img_top .img_top_wrap .txt{position: absolute;width: 100%;display: block;left: 0;bottom: 10px;text-align: center;font-size: 15px;color: #333;}


.news_list .right{float: right;width: 70%;}
.news_list .right .tit{display: -webkit-box;-webkit-line-clamp: 2;/* 行数 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.news_list .right .tit a{color: #343434;font-size: 28px;display: block;}
.news_list .right .tit a:hover{color: #E84C3D;}
.news_list .right .txt{color: #666;font-size: 15px;}
.news_list .right .line{width: 100%; height: 0;border-bottom: #E9E9E9 1px dashed;margin: 20px 0;}
.news_list .right .small{margin-bottom: 20px;}
.icon img{vertical-align: middle;}


.page { font-size:1.125em; margin:20px 0 30px 0; display:block; width:100%; text-align:center;}
.page a{ border:1px solid #e1e1e1; color:#777; background:#f5f5f5; padding:7px 13px;display:inline; margin:0 8px; border-radius:2px;}
.page a:hover,.page a.now{border:1px solid #E84C3D; color:#fff; background:#E84C3D;}

.technique{width: 100%;padding: 40px 0;}
.technique .left{float: left;width: 65%;}
.technique .technique_news li{background-color: #fafafa;border: 1px solid #f3f3f3;margin-bottom: 40px;padding-top: 20px;padding-bottom: 0;}
.technique .technique_news li .i4_news_time{margin: 0 2%;margin-bottom: 20px;}
.technique .technique_news li .i4_news_txt{width: 80%;}
.technique .technique_news .read_more{background-color: #f1f1f1;padding: 12px 20px;border-top: 1px solid #e8e8e8; font-size: 14px;line-height: 2;position: relative;}
.technique .technique_news .read_more .more{position: absolute;top: 10px;right: 10px;color: #E84C3D;font-size: 14px;}

.technique .right{float: right;width: 30%;margin-left: 5%;}
.contact{width: 100%;}
.contact .list1{padding-bottom: 40px;}
.contact .title{color: #B10000;font-size: 22px;line-height: 1.2;font-weight: 500;}
.contact .line{display: block;width: 30px; height: 5px;margin: 15px 0 15px;background-color: #cccccc;position: relative;}
.contact .con_nav ul li{padding: 5px 10px;}
.contact .con_nav a{display: block;background: url(../images/right1.png) center right 10px no-repeat;color: #666;font-size: 13px;padding: 10px 15px;transition: 0.3s;border: 1px solid #fafafa;}
.contact .con_nav a:hover{background: #FAFAFA url(../images/right.png) center right 5px no-repeat;color: #E84C3D;border: 1px solid #eee;text-decoration: none;}
.contact .contact_con{font-size: 15px;}
.contact .contact_con ul li{padding: 5px 0;}


.online_video{width: 100%;padding: 40px 0;}
.online_video .online_video_left{float: left;width: 65%;}
.online_video .online_video_right{float: right;width: 30%;margin-left: 5%;}
.online_video_news ul li{background-color: #fafafa;border: 1px solid #f3f3f3;margin: 0 0 70px;position: relative;}
.online_video_news .right .tit a{font-size: 22px;}
.online_video_news .right .txt{font-size: 15px;color: #666;display: -webkit-box;-webkit-line-clamp: 3;/* 行数 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.online_video_news .right .line{margin: 10px 0;}
.online_video_news .right .small{margin-bottom: 10px;}


.inside{width: 100%;padding: 50px 0;}
.inside .inside_list{width: 100%;margin:  0 auto;}
.inside .index_title h1{font-weight: 500;font-size: 28px;}
.inside .text{font-size: 16px;color: #666;} 
.inside .small{margin: 20px 0;font-size: 15px;}
.inside .small .dygd{float: right;}
.inside .small .dygd a{color: #E84C3D;}
.inside .more{padding-top: 20px;color: #666666;font-size: 15px;border-top: 1px solid #eee;}




@media only screen and (max-width: 1200px) {
.header{height: auto;}
.header .logo{float: none;}
.header.fixed .logo{display: none;}
.header .logo .txt{position: relative;width: 100%;text-align: center;}
.pc_menu{float: none;}
.menu{text-align: center;}
.menu ul li{float: none;display: inline-block;}
.product_nav .list{width: 80%;margin: 0 auto;}
.product_nav .list ul li a{padding: 5px;}
.products_list_warp{width: 90%;margin: auto;}
.products .img{height:270px;}
}

@media only screen and (max-width: 980px) {
.menu a{padding: 0 30px;}
.index1 .row .left{float: none;width: 80%;padding: 0 2%;margin: auto;}
.index1 .row .right{float: none;width: 80%;padding: 0 2%;border: none;margin: auto;}
.index2 .left{float: none;width: 90%;margin:  0 auto;}
.index2 .right{float: none;width: 90%;margin:  0 auto;}
.index3 ul {width: 90%;margin: 0 auto;}
.index3 ul li{width: 48%;margin: 1%;}
.index4 .wrap .i4_left{width: 80%;margin: 0 auto;float: none;}
.index4 .wrap .i4_left .box{height: auto;}
.index4 .wrap .i4_right{width: 80%;margin: 20px auto;float: none;}
.index5{height: auto;}
.footer .left{float: none;width: 90%;margin: 0 auto;}
.footer .center{width: 40%;margin: 20px 5%;}
.footer .right{width: 40%;margin: 20px 5%;}
.about1 .list .left{float: none;width: 80%;margin: 0 auto;}
.about1 .list .right{float: none;width: 80%;margin: 20px auto;padding: 0;}
.news_list{width: 80%;margin: auto;}
.news_list .left{width: 35%;}
.news_list .right{width: 60%;}
.Prodetail{width: 80%;margin: 0 auto;}
.Prodetail .pro_show .left{float: none;padding: 0;width: 100%;}
.Prodetail .pro_show .right{float: none;padding: 20px 0;width: 100%;border-left:none;}
.related_pro ul li{width: 46%;}
.technique .left{float: none;width: 94%;margin: auto;}
.technique .right{float: none;width: 94%;margin: auto;}
.online_video .online_video_left{float: none;width: 94%;margin: auto;}
.online_video .online_video_right{float: none;width: 94%;margin: auto;}
.news_list .left{width: 40%;}
.news_list .right{width: 55%;}
.inside .inside_list{width: 80%;}
.products .products_list li.part{width:47.5%;}
}

@media only screen and (max-width: 740px) {
.index_top{display: none;}
.header{display: none;}
.m_menu_warp{display: block;}
.banner .b_top h2{margin-top: 5%;}
.index1 .row .left{width: 94%;}
.index1 .row .right{width: 94%;}
.index2{margin-top: 0px;background-position:50% -52px;}
.index3 ul {width: 100%;}
.index3 ul li{width: 98%;margin: 1%;}
.index4 .wrap .i4_left{width: 94%;}
.index4 .wrap .i4_right{width: 94%;}
.i4_news li .i4_news_time{width: 20%;}
.i4_news li .i4_news_txt{width: 75%;}
.footer .left{float: none;width: 90%;margin: 0 auto;}
.footer .left .desc .txt{float: none;width: 100%;margin: 10px auto;}
.footer .left .desc .f_tel{float: none;width: 100%;margin: 10px auto;}
.footer .center{width: 90%;margin: 20px auto;float: none;}
.footer .right{width: 90%;margin: 20px auto;float: none;text-align: left;}
.footer .right .f_ewm{text-align: left;}
.about1 .list .left{width: 94%;}
.about1 .list .right{width: 94%;}
.about2 .list ul li{width: 96%;float: none;}
.news_list{width: 94%;}
.news .news_list .left{float: none;display: none;}
.news_list .right{width: 100%;float: none;}
.product_nav .list{width: 94%;margin: 0 auto;}
.products_list_warp{width: 94%;margin: auto;}
.Prodetail{width: 94%;margin: 0 auto;}
.Prodetail .pro_show .right .img_desc .desc .fenlei{width: 25%;}
.Prodetail .pro_show .right .img_desc .desc .xilie{width: 70%;}
.related_pro ul li{width: 96%;float: none;}
.technique .technique_news li .i4_news_txt{width: 74%;}
.technique .technique_news .read_more .more{position: relative;left: 10px;right: auto;}
.online_video_news ul li{margin-bottom: 40px;}
.online_video_news ul li .left{float: none;width: 100%;}
.inside .inside_list{width: 94%;}
.products .products_list li.part{width:98%; float:none;}

}

@media only screen and (max-width: 580px) {



}