﻿/*移动端样式设置*/
/*html,body {height: 100%;}
body {width:7.5rem;margin:0px auto;overflow-x: hidden;}
.container {width: 100%;padding: 0rem 0.1rem;}*/


/*公共样式*/
body {background: #fff;line-height: 2;overflow-x: hidden;color: #333;}
.font-yahei {font-family: "微软雅黑";}
canvas {margin: 0px;padding: 0px;display: block;}
a {color: #333;}
.text-white,.text-white a {color: #fff;}
.margin-top {margin-top: 10px;}
.margin-top15 {margin-top: 15px;}
.container {width:1200px;padding-left:0px;padding-right:0px;}
.layout{min-width:1200px;}
.clearfix{*zoom:1;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";} 
.img-responsive{display:block;max-width:100%;height:auto}
.clearfix:after{clear:both;}
/*首页样式*/
/*@media only screen and (min-width: 321px) and (max-width: 640px) {
}*/


/*轮播图*/


.headerwrap{position:relative}
/*top*/
.bg_box{position:absolute;z-index:2;left:0;right:0;top:20px;}
.top_box .top_left{width:591px;}
.top_box span{margin-top:-20px;margin-left:18px;}
.top_box .name{font-size:32px;color:#ca1f05;font-weight:bold;}
.top_box .pp{font-size:16px;color:#ca1f05;font-weight:lighter;margin-top:-15px;letter-spacing:3px;}
.top_right b{font-size:24px;color:#CA1F05;padding-left:10px;}
.top_right img{margin-top:-18px;}


/*导航*/
.nav_box{top:80px;width:1200px;position:absolute;height:50px;background:url(../images/index_-_10.png) center center no-repeat;}
.nav_box>ul>li{float:left;width:14.28571%;line-height:50px;text-align: center;position:relative}
.nav_box a:hover{color:#f59907;}
.nav_box li a{display:block;line-height:50px;font-size:16px;color:#FFFFFF;}
.nav_box .submenu{position:absolute;left:0;top:50px;right:0;z-index:2;display:none}
.nav_box .submenu li a{background:#C10E07;font-size:14px;}
/*三大特点*/
.tedian_box{background:#fefcf9;margin-top:15px;}
/*产品中心*/
.chanpin_top{padding-top:50px;}
.chanpin_top span{display:block;padding-left:40px;height:130px;}
.chanpin_top p{width:100%;text-align: center;}
.chanpin_top .p_1{font-size:38px;color:#cd1c08;font-weight:bold;margin-top:10px;}
.chanpin_top .p_2{font-size:16px;color:#a18681;font-weight:lighter;margin-top:-15px;}
.changpin_box ul{padding-top:40px;}
.changpin_box li a{display:block;overflow:hidden}
.changpin_box li div{margin-bottom:15px;background:#ffffff;height:260px; position:relative;text-align:center;border:1px solid#e4ddd6;}
.changpin_box li img{margin-top:20px;height:190px;}
.changpin_box li .az{left:0px;bottom:0px;background:#bf0d07;color:#FFFFFF;font-size:14px;position:absolute;width:100%;text-align: center;}
.changpin_box li .az:hover{color:#f59907;}

/*简介*/
.p_style{width:100%;text-align: center;}
.p_style a{font-size:16px; color:#cd1c08;}
.jianjie_box ul{margin-top:20px;}
.jianjie_box ul li a{display:block;margin:auto}

/*厂房设备*/
.shebei_list{margin-top:10px;}
.shebei_list .bd{width:100%;overflow:hidden}
.shebei_list ul{margin-top:20px;width:100%;overflow:hidden}
.shebei_list li{float:left;width:25%;overflow:hidden;position:relative;}
.shebei_list li .honor-cont{margin:0 10px;height:198px;}
.shebei_list li img{width:100%;height:100%}
/*新闻*/
.center_box{border:1px solid#d9d2ca;background:#fcf6ea;padding:15px 15px 20px 15px;margin:50px 0px 100px 0px;}
.center_box .right{width:555px;}
.center_box .left{width:555px;}
.center_box span{float:right;}
.center_box .news-list{margin-top:15px;}
.center_box .news-list a{font-size:14px;color:#000000;}
.media-body b a{font-size:16px;color:#000000;font-weight:normal;}
.media-body .a{font-size:14px;color:#000000;margin-top:-10px;}
.center_box .news-list li{border-bottom:1px dashed #c8c3ba;padding:5px 0px;}
.center_box .news-list li a:hover{color:#c10f07;}

/*底部*/
.dibu_box{background:url(../images/index2.jpg) center top no-repeat;padding-top:42px;overflow:hidden;color:#fff;}
.dibu_box .float-left{width:1060px;}
.layui-breadcrumb a{font-size:14px;color:#FFFFFF!important;}
.layui-breadcrumb a span{color:#FFFFFF;padding:0px 10px;}
.layui-breadcrumb a:hover{color:#FFFFFF!important;}
.dibu_box .float-left ul{padding-top:25px;}
.dibu_box .float-left ul li a{font-size:14px;color:#FFFFFF;margin-right:45px;}
.dibu_box hr{color:#8f6160;margin-top:40px;}
.dibu_box .er{font-size:14px;color:#FFFFFF;margin-left:13px;}
.dibu_box a{color:#fff;}

/*内页样式*/
.weizhi_box a{font-size:14px;color:#000000;}

/*内容*/
.tab-box{padding-bottom:50px;}
.tab-box .float-right{border:1px solid#cb1b08;background:#fdf9f5;width:920px;float:right}
.tab-box{margin-top:20px;}
.tab_left{width:211px;position:relative;top:0;left:0px;border:1px solid#cb1b08;background:#fefaf6;float:left;}
.tab_a{color:#FFFFFF;font-size:24px;position:absolute;top:10px;left:59px;}
.tab_a:hover{color:#FFFFFF;}
.tab-box .float-left p{display:inline-block;}
.tab-box .tab_left ul{padding:20px 29px;}
.tab-box .tab_left ul li{width:159px;line-height:30px;text-align:center;border:1px solid#cb1b08;margin-bottom:10px;}
.tab-title .active a{color:#FFFFFF;background:#cc1c08;display:block}
.tab-item{display:none;}

/*footer-tools*/
.footer-tools{position:fixed;left:0;bottom:0;right:0;z-index:999;background:#3d3d3d;height:1.3rem;}
.footer-tools ul li{width:25%;float:left;}
.footer-tools ul li a{display:block;text-align:center;color:#FFF;font-size:15px;height:.88rem;padding-top:.15rem;line-height:1.5;}
.footer-tools ul li a img{width:.42rem;height:.42rem;}



/*****banner*****/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;cursor:pointer}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:65px;height:65px;margin-top:-22px;z-index:10;cursor:pointer;background-size:65px 65px;background-position:center;background-repeat:no-repeat}
/**左右箭头的时候加上**/
/*.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url(../images/icon2.png);left:10px;right:auto}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url(../images/icon2.png);right:10px;left:auto}*/
.swiper-pagination-bullet{width:.16rem;height:.16rem;display:inline-block;border-radius:100%;background:#fff;}
.swiper-pagination-bullet-active{opacity:1;background:#f85601;}



/*通用图片列表带分页挂件样式*/
#photo_list_page li{float: left;margin: 0px 10px 0px 10px;}
#photo_list_page li a {display:block;width:370px;height: 280px;overflow: hidden;border: 1px solid #ddd;}
#photo_list_page li img{width: 100%;height: auto;transition:all 0.5s;}
#photo_list_page li:hover img {transform:scale(1.2);}
#photo_list_page li p{text-align: center;height: 24px;}

/*通用产品图片列表带分页挂件样式*/
#product_list_page li{float: left;width: 33.3333%;margin-bottom: 15px}
#product_list_page li a {display:block;width:280px;height: 200px;overflow: hidden;border: 1px solid #ddd;text-align: center;margin:0px auto;transition: all 0.5s;background:#fff;}
#product_list_page li a:hover {box-shadow: 0px 5px 20px rgba(0,0,0,.2);}
#product_list_page li img{width: auto;height: 100%;transition:all 0.5s;}
#product_list_page li:hover img {transform:scale(1.2);}
#product_list_page li p{text-align: center;height: 24px;}

/*通用文章列表带分页挂件样式*/
.pagination {background: #fff;}
#article_list_page li{overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}
#article_list_page li span{float:right;font-size: 12px;}
#article_list_page li{list-style:;border-bottom: 1px dotted #ddd;line-height: 40px;background: url(/static/home/images/li-bg.jpg) left center no-repeat;padding-left:15px;}


/*通用招聘岗位信息列表带分页挂件样式*/
#recruit_list_page li span{float:right;}

/*通用列表页分页容器样式*/
#page_box {clear: both;margin-top:20px;}


@media only screen and (min-width: 320px) and (max-width: 640px){
.logobox{text-align:center;height:.9rem;}	
.logobox .logo,.advant li .advant-box h3,.about-txt h3,.about-txt p,.news-cont{margin:0;}
.logobox .logo img{width:2rem;margin-top:12px;float:left;padding:0;}
.logobox,.about-txt{padding:0;}
.logobox button{display:block;margin-top:5px;}
.bg_box .head-icon{width:.9rem;height:.9rem;float:right;display:block;position:relative;}
.bg_box .head-icon span{display:block;position:absolute;top:80%;left:50%;transform:translate(-50%, -50%);width:.5rem;height:.37rem;
transition:all 0.5s ease-in-out;background-position:center center;background-size:100% 100%;background-repeat:no-repeat;background-image:url(../images/icon1.png)}
.head-icon.active span{width: 0.37rem;height: 0.37rem;background-image: url(../images/icon2.png);}
/*主导航样式*/
#nav{background:none;background-color: rgba(119, 0, 0, 0.8);height:auto;}
#nav ul>li{width:100%;background:none;border-right:none;}
#nav ul>li a{color:#fff;font-size:14px;}
#nav ul>li.active>a{line-height:.8rem;color:#fff;background:none;}
#nav ol li{background:#f7f7f7;border-bottom:1px solid #fff;}
#nav ol li a{color:#999;}
#nav ul>li:hover a{color:#ffd600;font-weight:bold;}
.nav_box{position: fixed;display:none;top:.9rem;left:0;width:100%;bottom:0;z-index:9999;}
.navbar-nav{width: 100%;background-color:#fff;z-index:1200;border-top:.01rem solid #e5e5e5;padding-bottom:.8rem;}
.navbar-nav>ul{width:100%;height:auto;overflow:hidden;}
.navbar-nav>ul>li{width:100%;height:auto;overflow:hidden;border-bottom:.01rem solid #e5e5e5;float:none}
.navbar-nav>ul>li a{display:block;width:100%;text-align:center;line-height:.8rem;height:.8rem;font-size:.24rem;color:#666;}
.navbar-nav>ul>li a:hover{color:#149350;}
/*search*/
.search-box{height:auto;line-height:auto !important;background:#fff;}
.search{margin:0;width:100%;}
.search-box .layui-container{padding:0;}
.box{display:flex;}
.search .sousu{width:0;flex:1;height:34px;padding:0 5px;border:1px solid #ddd;}
/*自主加的css样式--------------------------*/
#footer{padding-bottom:1.15rem;margin-top:15px;}

.bg_box{top:0;position:inherit}
body{font-size:12px !important;}
.shebei_list li{width:50%;}
.center_box .left,.center_box .right,.dibu_box .float-left,.dibu_box .float-right{width:100% !important;float:none}
.chanpin_top,.dibu_box .float-left ul{padding-top:0px;}
.changpin_box ul{padding-top:10px;}
.center_box{margin:0;}
.chanpin_top .p_1{font-size:22px;font-weight:normal}
.chanpin_top span{height:auto;padding:0;background:none !important}
.changpin_box li div{height:180px;}
.center_box{border:none;background:none;padding:0;}
.center_box span{color:#888;}
.dibu_box{padding:15px 0;padding-bottom:1.3rem}
.dibu_box hr{display:none}
.shebei_list li .honor-cont{height:148px;}
.tab-box .float-right,.tab_left{width:100%;position:inherit;background:none}
.tab-box .float-right{padding:0 !important;border:0;}
.tab_left p,.tab_left .tab_a{display:none}
.tab-box .tab_left ul,.tab_left{padding:0;border:0;}
.tab-box .tab_left ul li{display:inline-block;margin-right:5px;}
.article_content{min-height:inherit !important}
.changpin_box li img{height:148px;width:auto;margin:0}
.layui-tab-content img{max-width:100%;display:block}

/*产品列表*/
#product_list_page li{width:47%;margin:10px 1% 0;}
#product_list_page li a{width:100%;height:120px;}

}
.swiper-container{width:100%;height:660px;}
.swiper-slide{background-repeat:no-repeat;background-size:cover;background-position:center;}
@media screen and (max-width:1024px){
  .swiper-container{height:400px;}
}
@media screen and (max-width:767px){
  .swiper-container{height:300px;}
}
@media screen and (max-width:665px){
  .swiper-container{height:250px;}
}
@media screen and (max-width:560px){
  .swiper-container{height:180px;}
}
@media screen and (max-width:414px){
  .swiper-container{height:150px;}
}
@media screen and (max-width:375px){
  .swiper-container{height:140px;}
}
@media screen and (max-width:1440px){
  .aboutus .about-img{width:50%}
}



