@charset "utf-8";


/* CSS Document */


/**首页 start**/


.banner{ position:relative; overflow:hidden; height:auto; overflow:hidden}


.banner .swiper-slide{ width:100%; position:relative; text-align:center}


.banner .swiper-slide img{ width:100%; max-width:1920px; display:block}


.banner .swiper-slide img:first-child{ display:block}


.banner .swiper-slide img:nth-child(2){ display:none}


.banner .button{ position:absolute; left:0; width:100%; bottom:0; z-index:2; height:40px }


.banner .button .swiper-pagination{ width:100%}


.banner .button .swiper-pagination-bullet{ width:7px; height:7px; background:#a8a19e;}


.banner .button .swiper-pagination-bullet-active{ background:#ffffff}


.button_down{ width:110px; position:absolute; left:50%; margin-left:-55px; bottom:80px; z-index:1;-webkit-animation: bounce-down 2s linear infinite;


        animation: bounce-down 2s linear infinite; cursor:pointer


}





@-webkit-keyframes bounce-down {


       25% {


            -webkit-transform: translateY(-8px);


       }


       50%, 100% {


            -webkit-transform: translateY(0);


       }


       75% {


            -webkit-transform: translateY(8px);


       }


}


 


@keyframes bounce-down {


        25% {


             transform: translateY(-8px);


        }


        50%, 100% {


             transform: translateY(0);


        }


        75% {


             transform: translateY(8px);


        }


}


.button_down img{ width:100%}


.index_title{ position:relative; margin-top:30px; line-height:44px;border-bottom:1px solid #ececec; font-size:24px; color:#121212; text-align:center; font-weight:600; }


.index_title.red{ color:#bf1a05; letter-spacing:3px;}


.index_title img{ display:inline-block; vertical-align:middle; max-width:44px; margin-right:10px;}


.index_title span{ font-size:18px;}


.index_title::after{ width:10.58%; height:3px; line-height:3px; position:absolute; content:""; background:#dc0026; left:44.71%; bottom:-2px; z-index:1;}





.index_stitle{ text-align:center; line-height:30px; font-size:20px; color:#121212; letter-spacing:3px; padding-top:10px }


.index_stitle span{color:#bf1a05;}


.index_stitle1{text-align:center; line-height:22px; font-size:16px; color:#121212; margin-bottom:10px}





.index_class{ margin-top:8px}


.index_class ul li{ width:32.66%; float:left; margin-right:1%; height:auto; overflow:hidden}


.index_class ul li:last-child{ margin-right:0;}


.index_class ul li .outerBox{ background:#ffffff; padding:2px; border:2px solid #cf2b1d}


.index_class ul li .outerBox .box{ background:#000000; padding:8px 2%;}


.index_class ul li .outerBox .box .text{ border:1px solid #ffffff; padding:28px 0; text-align:center; color:#ffffff; }


.index_class ul li .outerBox .box .text a{ color:#ffffff}


.index_class ul li .outerBox .box .text h3{ line-height:36px; letter-spacing:2px; font-size:20px;}


.index_class ul li .outerBox .box .text p{ padding-top:10px; font-size:14px;}


.index_class ul li:nth-child(2) .outerBox .box{ background:#cf2b1d}


.index_class ul li:nth-child(3) .outerBox .box{ background:#3434c8}


.index_product_scroll{ position:relative; overflow:hidden;}


.index_product_scroll .swiper-slide{ width:48%; float:left; position:relative; margin-right:2.5%; height:auto; overflow:hidden; margin-bottom:20px; margin-top:0 !important}


.index_product_scroll .swiper-slide:nth-child(2n){ margin-right:0}


.index_product_scroll .swiper-slide img{ width:100%; max-height:100%;}


.index_product_scroll .swiper-slide p{ display:block; width:100%; text-align:center; line-height:50px; background:rgba(0,0,0,1); font-size:18px; color:#ffffff;font-family:"SourceHanSerif"; letter-spacing:2px; margin-top:5px; }


.index_product_scroll .swiper-pagination-bullet{ height:6px; width:20px; opacity:1; background:#000000; border-radius:5px; transition:all 0.5s}


.index_product_scroll .swiper-pagination-bullet-active{ width:40px; background:#dc0026;}


.yinxiang { height:auto; overflow:hidden; padding-bottom:40px;background:#000 url(../images/yinxiang_bg.jpg) top center no-repeat}


.list_yinxiang li{ clear:both; height:auto; overflow:hidden;}


.list_yinxiang li .pic{ width:50%; float:right}


.list_yinxiang li .pic img{ width:100%;}


.list_yinxiang li .text{ width:50%; float:left}


.list_yinxiang li .text .num{ width:36px; height:36px; display:inline-block; line-height:36px; text-align:center; color:#ffffff; font-size:16px; background:url(../images/num_bfg.png) no-repeat; background-size:100%}


.list_yinxiang li .text h3{ font-size:16px; line-height:36px; color:#ffffff; text-align:center}


.list_yinxiang li:nth-child(2n) .pic{ float:left;}


.list_yinxiang li .text p{ line-height:24px; font-size:14px; color:#ffffff;display: -webkit-box;


-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; padding:0 2%  }


/**品牌实力 start**/


.shili_box{ height:auto; overflow:hidden; padding-bottom:30px;}


.jianjie{ height:auto; overflow:hidden; position:relative;}


.video{ width:88%; height:180px; position:relative; margin-left:12%;}


.video .play {


    width:61px; height:61px;


    position: absolute;


    left:50%;


    top: 40%; margin-left:-30.5px;


    z-index: 3;


    cursor: pointer;


}


.videoLine{ width:72%; height:30px; background:#cf2b1d; margin-left:28%;} 


.video .play  img{ width:100%;}


.jj{ width:100%;}


.jj .box{ padding:20px 10%;text-align:center}


.jj .box h3{height:50px;font-size:22px; text-align:center}


.jj .box h3 span{ display:inline-block; line-height:50px; position:relative}


.jj .box h3 span::after{ width:50%; height:2px; line-height:2px; position:absolute; left:0; bottom:0; z-index:1; content:""; background:#cf2b1d;}


.jj .box p{ padding-top:6px; font-size:16px; line-height:36px; text-align:left}


.jj .box p span{ float:right}


.jj .box p span i{ font-style:normal;    transform: rotate(-90deg); display:inline-block}


.shili{ position:relative; overflow:hidden}


.shili .title{ text-align:center; line-height:50px; margin-bottom:16px; font-size:20px}


.gallery-left{ width:100%; position:relative; overflow:hidden}


.gallery-thumb{ position:relative; width:90%; margin:auto; overflow:hidden;}





.gallery-left .swiper-slide{ width:48%; float:left; margin-right:3%;}


.gallery-thumb .swiper-slide-thumb-active{ border:4px solid #bf1a05;}


.gallery-left .swiper-slide img{ width:100%}


.index_adver{ height:172px; background:#000000; position:relative}


.index_adver .text{ padding:15px 2%; color:#ffffff; padding-top:30px;}


.index_adver .text h3{ line-height:40px; font-size:20px;}


.index_adver .text p{ line-height:30px; font-size:16px;}


.index_adver .tel{ width:36%; position:absolute; right:0; top:30%; text-align:center}


.index_adver .tel h3{ font-size:14px; letter-spacing:2px; color:#ffffff}


.index_adver .tel h3 img{ display:inline-block; vertical-align:middle; margin-right:1%; max-width:18px;}


.tel p{ color:#cf2b1d; font-size:18px;}


/**品牌实力 end**/


.huoban .desc{ line-height:30px; padding:16px 20%; font-size:18px; text-align:center}


.huoban_scroll{ position:relative; overflow:hidden; height:auto; padding-top:20px; padding-bottom:30px}


.huoban_scroll .swiper-slide{ width:30%; float:left; margin-right:3%; margin-bottom:10px; border:1px solid #f0f0f0; border-radius:20px;overflow:hidden; height:130px;display:flex;justify-content:center;align-items:center}


.huoban_scroll .swiper-slide img{ max-width:70%; display:block; margin:auto;}


.huoban_scroll .button{ width:100%; position:absolute; left:0; bottom:60px; z-index:2; text-align:center}


.huoban_scroll .button img,.huoban_scroll .button span{ display:inline-block; vertical-align:middle; margin:0 16px;}


.huoban_scroll .button span{ width:50px; height:26px; line-height:26px; text-align:center; background:#ececec; font-weight:600; font-size:20px;}


.swiper-pagination-bullet{ width:20px; height:6px; border-radius:3px; opacity:1; transition:all 0.5s; background:#000000}


.swiper-pagination-bullet-active{ width:32px; background:#cf2b1d;}


.news_box .hd li{ display:inline-block; vertical-align:middle; margin-right:5px; line-height:40px; padding:0 10px; font-size:16px;  color:#000000;font-weight:600}


.news_box .hd li a{ color:#000000;}


.news_box .hd li.on{ background:#bf1a05;color:#ffffff}


.news_box .hd{ margin-bottom:40px; height:auto; overflow:hidden}


.news_box .hd ul{ display:inline-block; float:left;}


.news_box .hd span{ float:right; width:11.43%; text-align:center; line-height:50px; font-size:20px; border:1px solid #d46658;}


.news_box .hd span a{ font-size:20px; color:#bf1a05;}


.news_box .news_right{ width:100%;}


.news_box .news_right ol dd{ clear:both; height:auto; overflow:hidden; padding-bottom:14px; margin-bottom:10px; border-bottom:1px solid #eaeaea;}


.news_box .news_right ol dd .pic{ width:47.6%;}


.news_box .news_right ol dd .pic img{ width:100%;}


.news_box .news_right ol dd .text{ width:50.4%; margin-left:2%;} 


.news_box .news_right ol dd .text h3{ font-size:15px; color:#191919; line-height:24px; padding:2px 0}


.news_box .news_right ol dd .text p{ font-size:13px; line-height:22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}


.news_box .news_right ol dd .text p span{ color:#5b5b5b}


.news_box .news_right ol dd:last-child{ border-bottom:0px;}





.book{ width:100%; }


.book input{ display:block; float:left; width:99%; height:32px; margin-bottom:20px; background:none; border:1px solid #ffffff; font-size:16px; text-indent:1em; color:#626262;}


.book textarea{display:block; float:left; width:100%; height:64px; margin-bottom:32px; background:none; border:1px solid #ffffff; font-size:16px; text-indent:1em; color:#626262; padding-top:10px}


.book input.dosubmit{ width:36%; height:40px; text-align:center; background:#d80c18; color:#ffffff; font-size:16px; border:1px solid #d80c18; text-indent:0}


.book input::placeholder{color:#626262;font-size:16px;}


.book input:first-child{ margin-right:6.5%;}


.book input:first-child,.book input:nth-child(2){ width:46%;}





.size28{ font-size:28px}


.inbanner{ height:490px; background-position:center; background-repeat:no-repeat;}


.main_content {height: auto;overflow: hidden;padding-bottom:60px;


}


.inbanner{ height:490px; background-position:center; background-repeat:no-repeat;}





.catpos{ height:auto; overflow:hidden; padding:15px 0; line-height:20px; font-size:18px; color:#000000; margin-bottom:30px;}


.catpos img{ display:inline-block; vertical-align:middle; margin-right:1%;}


.catpos a{ font-size:18px; color:#000000}


.catpos .search{ width:29.7%; height:36px; background:#eaeaea; padding:0 1%; border-radius:10px;}


.catpos .search input.key{ width:80%; float:left; line-height:36px; border:0px; background:#eaeaea; font-size:18px; letter-spacing:2px; color:#8f8e8e; }


.catpos .search input.submit{ width:25px; float:left; margin-top:5px}





.white{ color:#ffffff; border-bottom:0;}


.about_pinpai{height:auto;overflow:hidden;/* background:#f1f1f1 url(../images/shebei_bg.jpg) top center no-repeat; padding-bottom:50px;*/}


.about_pinzhi{background:#f1f1f1 url(../../images/shebei_bg.jpg) top center no-repeat; }


.about_title{ font-size:28px; line-height:52px; position:relative; border-bottom:1px solid #f3f3f3; text-align:center; color:#ac0000; margin-top: 20px;}


.about_title::after{ width:6%; height:3px; line-height:3px; position:absolute; left:47%; bottom:-1px; z-index:2; content:""; background:#000000;}


.about_stitle{ font-size:18px; line-height:34px; color:#000000; margin-bottom:22px; text-align:center}





.aboutpic{ border:1px solid #000000; position:relative; }


.aboutpic img{ max-width:100%; z-index:1}


.about_desc{ height:auto; overflow:hidden; padding:10px 0; font-size:16px; color:#000000; line-height:30px;}


.about_desc p,.about_desc div{ text-indent:2em}


.guanliBox{ height:auto; overflow:hidden; position:relative;}


.guanliBox .linian{ width:100%; float:left; height:auto; overflow:hidden; background:#000000 url(../../images/gljy.jpg) }


.guanliBox .linian .box{ padding-left:2%; padding-right:2%; padding-top:6px; padding-bottom:20px;}


.guanliBox .linian .box h3{ line-height:40px; position:relative; font-size:22px; color:#ffffff;}


.guanliBox .linian .box h3::after{ width:18%; height:6px; line-height:6px; position:absolute; left:0; bottom:0; z-index:1; content:""; background:#ac0000;}


.guanliBox .linian .box p{ line-height:30px; color:#ffffff; font-size:14px;}


.guanliBox .linian .box p:nth-child(2){ line-height:40px; padding:10px 0; }


.about_video{ width:100%; position:relative; height:200px;clear:both; }


.about_video .play{ width:50px; position:absolute; left:50%; margin-left:-25px; top:40%; z-index:2}


.about_video .play img{ width:100%;}





.factoryBox{ position:relative; overflow:hidden; height:auto; overflow:hidden; padding-bottom:30px; margin-bottom:40px;}


.factoryBox .swiper-slide{ width:23.75%; float:left; position:relative; margin-right:1.25%; margin-bottom:30px;}


.factoryBox .swiper-slide img{ width:100%; }


.about_case{ position:relative; overflow:hidden; height:auto;}


.about_case .swiper-slide{ width:20%; height:auto; position:relative;display:flex;justify-content:center;align-items:center; margin-bottom:30px}


.about_case .swiper-slide img{ max-width:70%; display:block; margin:auto; border-radius:50%;border:8px solid #eeeff6;}





.shebeiBox{ height:auto; background:#000000; padding-bottom:118px; position:relative}


.shebeiBox .desc{ padding-top:10px; line-height:32px; color:#ffffff; font-size:16px; padding-left:3%; padding-right:3%;}


.shebei_scroll{ position:relative; overflow:hidden; height:auto; margin-top:-116px; z-index:1; padding-bottom:50px;}


.shebei_scroll .swiper-slide{ width:24%; float:left; position:relative; margin-right:2%}


.shebei_scroll .swiper-slide img{ width:100%;}


.small_honor_pic{ margin-top:36px; position:relative; overflow:hidden; height:auto; width:97%; margin-left:1.5%;}


.small_honor_pic .swiper-slide{ width:22.5%; position:relative; float:left; margin-right:2.65%; height:auto; overflow:hidden; position:relative;}


.small_honor_pic .swiper-slide img{ width:100%;}


.small_honor_pic .swiper-slide p{ display:block; position:absolute; left:0; bottom:0; z-index:1; line-height:54px; background:rgba(0,0,0,0.48); color:#ffffff; font-size:20px;}


.contactBox{ height:auto; overflow:hidden; background:url(../../images/contact_bg.jpg) top center no-repeat; padding:32px 0; position:relative}


.contactBox .list_ewm{ width:100%;}


.contactBox .list_ewm ul{ display:block; width:96%; margin:auto;}


.contactBox .list_ewm ul li{ padding:12px 2%; height:auto; overflow:hidden; background:rgba(255,255,255,0.27); margin-bottom:10px; border-radius:20px}


.contactBox .list_ewm ul li .pic{ width:31%; }


.contactBox .list_ewm ul li .pic img{ width:100%;}


.contactBox .list_ewm ul li .text{ width:67%;}


.contactBox .list_ewm ul li .text dl dd{ width:49%; margin-right:2%;  float:left; text-align:center; color:#ffffff}
.contactBox .list_ewm ul li .text dl dd:last-child{ margin-right:0px;}

.contactBox .list_ewm ul li .text dl dd img{ width:auto; max-width:40px; display:block; margin:auto;}


.contactBox .list_ewm ul li .text dl dd p:nth-child(2){ line-height:30px; font-size:14px; letter-spacing:3px; font-weight:600}


.contactBox .list_ewm ul li .text dl dd p:last-child{ padding-top:0px; font-size:14px;font-weight:600}





.list_contact{ width:96%; margin-left:2%;}


.list_contact .contact_logo{ padding:10px 0; height:auto; overflow:hidden}


.list_contact .contact_logo img{ max-width:60%}


.list_contact p{ font-size:16px; color:#ffffff; line-height:32px;}


.list_contact p:nth-child(2){ line-height:24px; font-weight:600}


.conhotTel{ width:40.1%; position:absolute; right:0; bottom:80px; z-index:1; font-size:32px; color:#000}


.conhotTel span{ display:inline-block; vertical-align:middle; padding:10px 12px; background:#ffffff; border-radius:10px; font-weight:600; color:#000000}


.liucheng .dzlc img{ max-width:100%}


@media screen and (max-width:768px)


{





	.topper .logo{ width:45%;z-index:10; padding-right:2%; }


	.logoText { font-size:12px; line-height:15px; color:#ffffff}


.inbanner{background-size: 180%; height:168px}





	.contactYoushi li .shadow{ height:100%; top:0}


	.contactYoushi,.contactYoushi li { height:auto}


	.contactYyoushi{ padding-top:60px;}.contactSay{ margin-top:30px;}.share_box ul li .en span,.contact_box .box .hottel span{ font-size:28px;}


	.contact_tongji ul li p:first-child{ font-size:18px; line-height:38px; padding-top:0;}.contact_tongji ul li p:last-child{ line-height:40px; font-size:16px;}


	.contact_tongji ul li p span.num_jia{ font-size:16px;}


	.proliuls{ clear:both; padding:5px 1%;}


	.proliuls a{ display:block; width:32%; float:left; margin-right:1%; line-height:30px;margin-bottom:6px;text-align:center;background:#f5f5f5;font-size:14px;


	}


	.proliuls a.tiahi{border-radius:5px;background: #b60005;color:#ffffff; }


	.newsb{ width:48%; float:left;margin-right:2%; margin-bottom:12px;height:auto;overflow:hidden;}


	.newsb img{width:100%;height:auto;}


	.newsb span{ display:block; width:100%; text-align:center;line-height:30px; height:60px; background: #b60005;color:#ffffff; font-size:14px;}


	.tit{clear:both; padding:5px 0;}


	.tit a,.tit span{display:inline-block;padding:2px 6px;font-size:12px;margin:0px 2px;background:#f5f5f5}


	.tit span{background: #b60005;color:#ffffff; }


	.about_title{font-size:20px;line-height:38px;}


	.common_news{ clear:both;padding:10px 2%;}


	.common_news li{height:auto;overflow:hidden; padding-bottom:5px;margin-bottom:6px;border-bottom:1px solid #eee}


	.common_news .pic{}


	.common_news .pic img{ max-width:100%; display:block;margin:auto;}


	.common_news p{ line-height:22px; font-size:14px;}


	.about {padding:10px 2%;}


	.about  h1{line-height:50px;text-align:center;font-size:22px}


	.about  .show{line-height:24px; font-size:14px;}


	.about  .show img{max-width:100%}


}


@media screen and (max-width:480px)


{


	.wapMenu,.wapClose{ width:36px}


	.topper .menu{ width:26px; top:3px}


	.index_class ul li .outerBox .box .text{ padding:14px 0;}








}