.vam { vertical-align:middle;}
.tr { text-align:right;}
.tl { text-align:left;}
.redfont{ color:#ff5918;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pr{position: relative;}
.pa{ position:absolute;}

/*图片居中*/
.igc{}
.igc .igcw{text-align:center;overflow:hidden;}
.igc .igcw:after {content: " ";height:100%;width:0;font-size:0;display:inline-block;vertical-align: middle;}
.igc .igcw img{vertical-align:middle;max-width:100%;max-height:100%}
/*  */
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt60{ margin-top:60px;}
.mg10{margin:10px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml50{margin-left:50px;}
.mb40{ margin-bottom:40px;}
.pd10{padding:10px;}

/* 折叠margin */
.cm1{overflow:hidden;}/*缺点：内容超部分会被隐藏*/
.cm2{padding-top:1px;}/*缺点：会造成一个像素的顶部内边距*/
.cm3{border:1px solid transparent}/*缺点：会有边框*/
.cm4{position: absolute;}/*缺点：做布局不推荐用这个。*/

body,
.sgl-pagetop{min-width: 1180px;}
.sgl-pagetop{background: #5f5c5c;color:#fff;line-height: 30px;margin-bottom:20px;}
.sgl-pagetop a{color: #fff;}
.sgl-pagetop a:hover{color: #ccc;}
.sgl-pagetop span{padding: 0 20px;}

.sgl-logo a{display: block;background: url(../images/logo.gif);height: 78px;width: 212px;text-indent: -1000px;overflow: hidden;}
.sgl-sitedisc{padding-left: 30px;border-left: 1px solid #af251b;color: #af251b;font-size: 18px;margin-left: 40px;}
.sgl-icon-cxt{display: block;width: 77px;height: 36px;background: url(../images/cxt.gif);margin-bottom: 5px;}
.sgl-header-phone{color: #cc361a;font-weight: bold;}

nav{background: #833630;margin-top: 20px;}
.layui-nav{padding:0;background: #833630;}
.layui-nav a{font-size: 16px;}
.layui-nav a:hover{background: #f33629;}
.layui-nav-bar{display: none;}
.layui-nav .layui-nav-item{margin: 0 17px;}
.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a{background: #f33629;}
.layui-nav .layui-this:after{display: none;}

.sgl-slide{}
.sgl-slide .sgl-slide-wrap{left: 0;position: absolute;}
.sgl-slide .sgl-slide-item{float: left;}
.sgl-slide .sgl-slide-btn a{display: block;position: absolute;z-index: 186;cursor: pointer;}
.sgl-slide .sgl-slide-btn .sgl-slide-btn-next{}


#banner .banner-link{display: block;height: 100%;}

.search{margin-top: 20px;margin-bottom: 20px;}
.search .search-box{padding:5px;border-radius: 3px;background: #dedede;}
.search .search-box .search-box-txt{border: none;background: #fff;height: 25px;line-height: 25px;padding: 0 5px;}
.search .search-box .search-box-but{border: none;background: #dedede;color: #a3a3a3;font-size: 20px;line-height: 25px;padding: 0 5px;vertical-align: top;cursor: pointer;}
.search .search-box .search-box-but:hover{color: #333;}
.search .search-key{height: 40px;line-height: 40px;}
.search .search-key a{margin-right: 30px;}

.title-1{text-align: center;padding: 30px 0 20px;}
.title-1 h3{font-size: 30px;font-weight: bold;color: #d85950;}
.title-1 span{text-transform: uppercase;padding: 10px;color: #d77a73;display: block;}
.title-2{padding-left:30px;margin-bottom: 20px;}
.title-2 h3{font-size: 30px;font-weight: bold;color: #d85950;float:left;}
.title-2 span{text-transform: uppercase;color: #d77a73;display: block;font-weight: normal;font-size: 20px;text-align:center;width: 100%;}

.slide-home-1 .sgl-slide-item{margin-right: 57px;}
.slide-home-1 .sgl-slide-btn .sgl-slide-btn-prev
,.slide-home-1 .sgl-slide-btn .sgl-slide-btn-next{background: none;font-size: 40px;font-weight: bold;color: #8D8D8D;top:150px;}
.slide-home-1 .sgl-slide-btn .sgl-slide-btn-next{right: 0;}
.slide-home-1 .sgl-slide-btn a:hover{color: #333;}
.slide-home-1 .sgl-slide-item a{display: block;}
.slide-home-1 .sgl-slide-item .sgl-slide-item-pic{width: 240px;height: 305px;border: 1px solid #e5e5e5;}
.slide-home-1 .sgl-slide-item .sgl-slide-item-txt{text-align: center;font-weight: bold;height: 60px;line-height: 60px;}
.slide-home-1 .sgl-slide-item a:hover .sgl-slide-item-pic{border-color: #d85950;}
.slide-home-1 .sgl-slide-item a:hover {color: #d85950;}

.slide-home-2 .sgl-slide-item{margin-right: 57px;}
.slide-home-2 .sgl-slide-btn .sgl-slide-btn-prev
,.slide-home-2 .sgl-slide-btn .sgl-slide-btn-next{background: #d85950;font-size: 30px;font-weight: bold;color: #fff;top:130px;}
.slide-home-2 .sgl-slide-btn .sgl-slide-btn-next{right: -0px;}
.slide-home-2 .sgl-slide-btn a:hover{color: #333;}
.slide-home-2 .sgl-slide-item a{display: block;}
.slide-home-2 .sgl-slide-item .sgl-slide-item-pic{width: 240px;height: 240px;border: 1px solid #e5e5e5;}
.slide-home-2 .sgl-slide-item .sgl-slide-item-txt{text-align: center;font-weight: bold;height: 60px;line-height: 60px;}
.slide-home-2 .sgl-slide-item a:hover .sgl-slide-item-pic{border-color: #d85950;}
.slide-home-2 .sgl-slide-item a:hover {color: #d85950;}

.main-framework,
.home-about,
.home-art,
.foot-wrap{display: flex;flex-flow: row wrap;}
.main-framework .left{width:248px;overflow: hidden;margin-right: 102px;}
.main-framework .right{width: 790px;overflow: hidden;}
.main-framework .left .title-2{}
.main-framework .left .left-wrap{padding-bottom: 20px;}

.right-porduct-list{width:825px;}
.right-porduct-list .list-item{float: left;width: 240px;margin-right: 35px;margin-bottom: 10px;}
.right-porduct-list .list-item .list-item-pic{width: 238px;height: 298px;border:1px solid #e5e5e5}
.right-porduct-list .list-item .list-item-txt{text-align: center;line-height: 60px;max-height:50px;overflow:hidden;}
.right-porduct-list a.list-item:hover .list-item-pic{border-color:#d85950;}
.right-porduct-list a.list-item:hover .list-item-txt{color:#d85950;}

.left-product-sort{border: none;}
.left-product-sort .layui-colla-item{border: none;margin-bottom: 15px;}
.left-product-sort .layui-colla-item .layui-colla-title{background: #d85950;color: #fff;font-size: 20px;}
.left-product-sort .layui-colla-item .layui-colla-title .title-link{color: #fff;}
.left-product-sort .layui-colla-item .layui-colla-title .layui-colla-icon{left: auto;right: 15px;}
.left-product-sort .layui-colla-item h2:hover,
.left-product-sort .layui-colla-item h2.cur{background: #ff9088;}
.left-product-sort .layui-colla-item .layui-colla-content{padding: 15px 15px 0 35px;}
.left-product-sort .layui-colla-item .layui-colla-content a{display: block;padding: 5px 0;}
.left-product-sort .layui-colla-item .layui-colla-content a:hover,
.left-product-sort .layui-colla-item .layui-colla-content a.cur{color:#d85950;}

.left-contact-txt{line-height: 28px;padding-left:35px;margin-bottom: 20px;}

.home-a1{height: 205px;background: url(../images/home-a1-bg.webp) center no-repeat;position: relative;}
.home-a1 .home-a1-text{position: absolute;left:210px;top:60px;font-size: 20px;color: #fff;}
.home-a1 .home-a1-text span{font-size: 16px;margin-right: 13px;font-weight: bold;}
.home-a1 .home-a1-text strong{font-size: 40px;margin-right: 10px;color: #ffd92a;}
.home-a1 .home-a1-but{display: block;width: 92px;height: 34px;background: url(../images/but1.gif);color: #d9710b;line-height: 34px;font-size: 18px;padding-left: 60px;position: absolute;top: 70px;right: 140px;}
.home-a1 .home-a1-phone{text-align: right;color: #fff000;position: absolute;top: 120px;right: 140px;}

.home-a2{height: 205px;background: url(../images/home-a2-bg.webp) center no-repeat;position: relative;}
.home-a2 .home-a1-text{position: absolute;left:210px;top:60px;font-size: 20px;color: #fff;}
.home-a2 .home-a1-text span{font-size: 16px;margin-right: 13px;font-weight: bold;}
.home-a2 .home-a1-text strong{font-size: 40px;margin-right: 10px;color: #ffd92a;}
.home-a2 .home-a1-but{display: block;width: 92px;height: 34px;background: url(../images/but1.gif);color: #d9710b;line-height: 34px;font-size: 18px;padding-left: 60px;position: absolute;top: 70px;right: 140px;}
.home-a2 .home-a1-phone{text-align: right;color: #fff000;position: absolute;top: 120px;right: 60px;}


.home-ys{color: #5d5d5d;}
.home-ys h3{color: #fff;position: absolute;font-size: 18px;}
.home-ys .home-ys-txt{position: absolute;line-height: 29px;}
.home-ys-1{background: url(../images/home-ys-1.webp) center no-repeat;height: 227px;position: relative;}
.home-ys-1 h3{top: 36px;left: 120px;}
.home-ys-1 .home-ys-txt{top: 88px;left:40px;width: 570px;}
.home-ys-2{background: url(../images/home-ys-2.webp) center no-repeat;height: 227px;position: relative;margin: 40px 0;}
.home-ys-2 h3{top: 42px;left:700px;}
.home-ys-2 .home-ys-txt{top: 100px;left:640px;width: 400px;}
.home-ys-3{background: url(../images/home-ys-3.webp) center no-repeat;height: 227px;position: relative;margin-bottom: 30px;}
.home-ys-3 h3{top: 50px;left: 125px;}
.home-ys-3 .home-ys-txt{top: 105px;left:40px;width: 400px;}

.home-about{margin-bottom: 50px;}
.home-about .home-about-intr{width: 760px;margin-right: 80px;color: #5d5d5d;line-height: 25px;}
.home-about .home-about-intr .pic{width: 310px;margin-right: 40px;float: left;}
.home-about .home-about-intr p{text-indent: 2em;}
.home-about .home-about-intr a.more{color: #ff1100;}
.home-about .home-about-video{width: 300px;}
.home-about .home-about-video .home-about-video-tit{font-weight: bold;margin-bottom: 10px;color: #d85950;}
.home-about .home-about-video .home-about-video-tv{height: 170px;}

.poster-main{
	width: 1140px;
	height: 500px;
	position: relative;
	margin: 0px auto;
}
.poster-main a,.poster-main img{
	display:block;
	width: 100%;
	margin: 0 auto;
}
.poster-main .poster-list{
	width: 1140px;
	height: 500px;
}
.poster-main .poster-list .poster-item{ 
	width: 200px;
	height: 500px;
	position:absolute;
	left:0;
	top:0;
	overflow: hidden;
}
.poster-main .poster-btn{ 
	position:absolute;
	top:0;
	z-index:10; 
	cursor:pointer;  
}
.poster-main .poster-prev-btn{
	left:0; 
	background: url(../images/left.png) no-repeat center center;
}
.poster-main .poster-next-btn{
	right:0; 
	background: url(../images/right.png) no-repeat center center;
}

.home-gc{background: url(../images/home-gc.webp) center no-repeat;height: 540px;text-align: center;color: #fff;position: relative;margin-top: 60px;}
.home-gc h3{padding-top: 146px;font-size: 30px;}
.home-gc span{text-transform: uppercase;}
.home-gc a.more{position: absolute;left: 0;right: 0;height: 18px;font-size: 18px;bottom: 60px;color: #FFF;}
.home-gc a.more:hover{color: #d85950;}

.home-art{margin-top:80px;}
.home-art .home-art-wrap{width: 340px;margin-left: 60px;}
.home-art .home-art-wrap:first-child{margin-left: 0;}
.home-art .home-art-wrap h3{position: relative;height: 50px;border-bottom: 1px solid #e5e5e5;margin-bottom: 10px;font-weight: bold;}
.home-art .home-art-wrap h3 span{display: block;position: absolute;left: 0;height: 49px;line-height: 49px;font-size: 16;font-weight: bold;color: #af271b;border-bottom: 1px solid #af271b;}
.home-art .home-art-wrap h3 .more{position: absolute;right: 0;display: block;line-height: 50px;text-transform: uppercase;}
.home-art .home-art-wrap h3 .more i{color: #fff;background: #fc685e;font-size: 12px;}
.home-art .home-art-list li{border-bottom: 1px dashed #ccc;line-height: 35px;position: relative;}
.home-art .home-art-list li .time{position: absolute;right: 0;}
.home-art .home-art-list li i{color: #fc685e;margin-right: 5px;}

.from1{font-size:14px;}
.from1 input{margin: 5px;height: 25px;line-height: 25px;font-size: 14px;padding: 0 10px;border: 1px solid #ccc;background: #fff;}
.from1 textarea{margin: 10px 5px;line-height: 24px;font-size: 14px;padding: 0 10px;border: 1px solid #ccc;background: #fff;}
.from1{font-size:14px;}
.from1 .submit{cursor: pointer;width:126px;height:50px;text-align:center;font-size:16px;margin-right:20px;margin-top:10px;background:#af271b;color:#fff;border: none;border-radius: 5px;}
.from1 .reset{cursor: pointer;width:126px;height:50px;text-align:center;font-size:16px;margin-top:10px;background:#af271b;color:#fff;border: none;border-radius: 5px;}


.home-flink {margin-top: 40px;}
.home-flink h3{position: relative;height: 50px;border-bottom: 1px solid #e5e5e5;margin-bottom: 10px;}
.home-flink h3 span{display: block;position: absolute;left: 0;height: 49px;line-height: 49px;font-size: 16;font-weight: bold;color: #af271b;border-bottom: 1px solid #af271b;}
.home-flink a{padding: 10px 30px;}

.location{border-bottom: 1px solid #ccc;line-height: 30px;margin-bottom: 20px;text-align: right;}
.page{margin-bottom:20px;text-align:center;padding-top: 25px;margin-top: 20px;border-top: 1px solid #ccc;}
.page a{display:inline-block;margin:0 5px;height:24px;min-width:30px;text-align:center;line-height:24px;color:#000;vertical-align: middle;}
.page a:hover,.page a.nowpag,.page a.redfont{color:#d85950;}
.page a.fris:after{content: "首页";}
.page a.prve:after{content: "上一页";}
.page a.next:after{content: "下一页";}
.page a.last:after{content: "尾页";}
.page a.fris,.page a.prve,.page a.next,.page a.last{background: #d85950;color: #fff;padding:0 8px}

.footer{background: #2c1210;padding: 30px 0 50px;margin-top: 40px;}

.footer .footnav{text-align: center;font-weight: bold;color: #d55236;line-height: 40px;}
.footer .footnav a{padding: 0 20px;color: #d55236;}
.footer .footnav a:hover{color: #ff9d96;}
.footer .foot-wrap{margin-top: 30px;color: #d55236;line-height: 24px;}
.footer .foot-logo{padding: 0 170px 0 80px;}
.footer .foot-txt{width: 400px;}
.footer .foot-txt a{color: #d55236;}
.footer .foot-txt a:hover{color: #ff9d96;}
.footer .foot-wx{padding-left: 150px;text-align: center;line-height: 18px;}
.footer .foot-wx img{margin-bottom: 20px;}