:root{
	--main-color: #e67817;
	--main-rgb: 230,120,23;
	--main-red: #b82e2c;
	--main-red-rgb: 184,46,44;
	--main-yellow: #f0a442;
	--main-yellow-rgb: 240,164,66;
}


/*站宽*/
.wrapper{width: 1060px;margin: 0 auto;}
.headWrap{width: 1250px;margin: 0 auto;}
.nodata{text-align: center;padding-top: 50px;color: #999;position: relative;width: 100%;}
.nodata:before{content: '';display: block;background-image: url(/images/template16/nodata.svg);background-size: 300px;background-repeat: no-repeat;background-position: top center;width: 100%;height: 300px;}


/* 头部 */
.header{background: var(--main-color);padding-top: 20px;}
.header .headWrap{display: flex;justify-content: space-between;}
.header .logo{display: flex;align-items: center;}
.header .tel{display: flex;align-items: center;justify-content: flex-end;color: #fff;font-size: 22px;padding: 50px 0 40px;}
.header .tel img{width: 30px;height: 30px;display: flex;margin-right: 10px;}
.header .menu{display: flex;align-items: center;margin: 2px 0;}
.header .menu>li{background-color: var(--main-yellow);line-height: 40px;width: 100px;font-size: 16px;margin: 0 1px;text-align: center;position: relative;}
.header .menu>li>a{color: #fff;display: block;position: relative;}
.header .menu>.act,.header .menu>li:hover{background-color: var(--main-red);}
.header .menu>.act>a:after,.header .menu>li:hover>a:after{content: '';display: block;position: absolute;bottom: 0;left: calc(50% - 6px);width: 0;height: 0;border-width: 6px;border-style: solid;border-color: transparent transparent #fff transparent;}


.header .menu .son-menu{position: absolute;top: 40px;left: 0;width: 100%;background: #fff;z-index: 3;box-sizing: border-box;display: none;}
.header .menu .son-menu li{height: 40px;text-align: center;width: 100%;border-bottom: 1px #ddd solid;}
.header .menu .son-menu li a{color: #333;font-size: 15px;line-height: 40px;width: 100%;display: block;}
.header .menu .son-menu li:hover{border-color: rgba(var(--main-red-rgb),0.5);background-color: rgba(var(--main-yellow-rgb),0.2)}
.header .menu .son-menu li:hover a{color: var(--main-red);}


/* 脚部 */
.footer{background: #565b5f;padding: 50px 0 20px;color: #fff;line-height: 20px;}
.footer .top{display: flex;justify-content: space-between;}
.footer .menu p{font-size: 16px;margin-bottom: 25px;}
.footer .menu a{margin-bottom: 10px;color: #fff;display: block;}
.footer a:hover{color: var(--main-color);}
.footer .menu h1{color: var(--main-color);font-size: 26px;}
.footer .bot{text-align: center;margin-top: 20px;padding-top: 20px;border-top: 1px solid rgba(255, 255, 255, 0.15);}
.footer .bot a{color: #fff;display: block;margin-top: 3px;}


/*浮动按钮*/
.float{position: fixed;right: 0;bottom: 100px;display: flex;flex-direction: column;z-index: 9;}
.float .nav{width: 70px;height: 70px;display: flex;justify-content: center;align-items: center;flex-direction: column;color: #fff;line-height: 1;margin-bottom: 1px;}
.float .nav i{font-size: 28px;}
.float .nav p{margin-top: 8px;font-size: 14px;}
.float .feedback{background-color: #2594f5;}
.float .qq{background-color: var(--main-yellow);}
.float .up{background-color: #666;}
.float .up i{font-size: 36px;color: #ccc;}


/* 首页产品分类 */
.probtn{margin: 100px 0 50px;}
.probtn ul{display: flex;justify-content: center;}
.probtn a{display: block;width: 211px;height: 80px;transition: all 0.3s;}
.probtn a.c1{background: url(/images/template21/a_01.jpg) no-repeat;}
.probtn a.c2{background: url(/images/template21/a_02.jpg) no-repeat;}
.probtn a.c3{background: url(/images/template21/a_03.jpg) no-repeat;}
.probtn a.c4{background: url(/images/template21/a_04.jpg) no-repeat;}
.probtn a.c5{background: url(/images/template21/a_05.jpg) no-repeat;}
.probtn a.c1:hover{background: url(/images/template21/on_01.jpg) no-repeat;}
.probtn a.c2:hover{background: url(/images/template21/on_02.jpg) no-repeat;}
.probtn a.c3:hover{background: url(/images/template21/on_03.jpg) no-repeat;}
.probtn a.c4:hover{background: url(/images/template21/on_04.jpg) no-repeat;}
.probtn a.c5:hover{background: url(/images/template21/on_05.jpg) no-repeat;}


.proimg{display: grid;grid-gap: 30px;margin-bottom: 120px;
	grid: 
	'item1 item2 item3'
	'item1 item4 item5';
}
.proimg .imgli{width: 332px;position: relative;overflow: hidden;}
.proimg .imgli img{display: flex;}
.proimg .li1{grid-area: item1;}
.proimg .li2{grid-area: item2;}
.proimg .li3{grid-area: item3;}
.proimg .li4{grid-area: item4;}
.proimg .li5{grid-area: item5;}
.proimg .imgli .txt{position: absolute;bottom: -40px;left: 0px;width: 100%;height: 40px;line-height: 40px;background: var(--main-color);color: #fff;filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;text-align: center;font-size: 16px;}


/*在线留言*/
.feedback-table{margin: 50px 30px 150px;}
.feedback-table .welcome{font-size: 16px;color: #333;line-height: 28px;}
.feedback-table table{padding-top: 30px;font-size: 16px;line-height: 40px;}
.feedback-table table input{padding: 0 10px;width: 300px;height: 40px;line-height: 40px;border: 1px solid #dcdfe6;border-radius: 4px;font-size: 16px;}
.feedback-table table textarea{padding: 10px;margin: 5px 0;border: 1px solid #dfe6ec;border-radius: 4px;font-size: 16px;}
.feedback-table button{line-height: 44px;height: 44px;width: 90px;font-size: 16px;margin: 10px 10px 0 0;border: 1px solid #dcdfe6;border-radius: 4px;background-color: #fff;}
.feedback-table button[type="submit"]{background-color: var(--main-red);color: #fff;}


/*内容背景*/
.con_banner img{width: 100%;background-color: cover;display: flex;}


.main{margin: 30px 0;min-height: 400px;}
.show_content{padding: 30px 0;}
.page_content p{color: #333;line-height: 26px;font-size: 16px;margin-bottom: 10px;}
.page_content img{margin: 0 auto;max-width: 100%;padding: 10px 0;}
.page_content .title{text-align: center;font-size: 30px;}
.page_content .time{text-align: center;color: #666;margin: 10px 0 30px;}


/*标题*/
.pagetit{display: flex;align-items: flex-end;justify-content: space-between;border-bottom: #ccc 2px solid;}
.pagetit .lef{padding: 10px 0;}
.pagetit .lef .cn{color: var(--main-red);font-size: 26px;}
.pagetit .rmenu{display: flex;align-items: center;}
.pagetit .mli{margin: 0 15px;}
.pagetit .mli .name{display: block;line-height: 40px;position: relative;}
.pagetit .act .name{color: var(--main-red);}
.pagetit .act .name:after{content: '';display: block;position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;background-color: var(--main-red);}
.pagetit .path{display: flex;align-items: center;}
.pagetit .path .iconfont{color: #999;padding-right: 5px;}
.pagetit .path p{font-size: 13px;position: relative;padding-right: 25px;line-height: 1;}
.pagetit .path p:after{content: '';display: block;position: absolute;right: 8px;top: calc(50% - 5px);width: 0;height: 0;border-width: 5px;border-style: solid;border-color: transparent transparent transparent #bbb;}
.pagetit .path p:last-chlid:after{display: none;}
.pagetit .rig{display: flex;align-items: center;padding-bottom: 10px;}
.pagetit .rig .nav{width: 36px;height: 36px;border: 1px #ddd solid;display: flex;align-items: center;justify-content: center;border-radius: 50%;margin-left: 10px;font-size: 16px;color: #bbb;transition: all 0.3s;}
.pagetit .rig .nav:hover{border-color: rgba(var(--main-red-rgb), 0.5);color: var(--main-red);}


/*产品列表*/
.pro_lists{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-column-gap: 36px;}
.pro_lists.nopro{grid-template-columns: 1fr;}
.pro_lists .item{margin-bottom: 15px;}
.pro_lists .img{position: relative;overflow: hidden;}
.pro_lists .img:after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px #f2f2f2 solid;box-sizing: border-box;}
.pro_lists .img img{height: 238px;transition: .4s ease-in-out;transform: scale(1);width: 100%;display: flex;}
.pro_lists .name{text-align: center;line-height: 35px;text-align: center;font-size: 16px;}
.pro_lists .item a:hover .name{text-decoration: underline;color: var(--main-red);}
.pro_lists .item a:hover .img img{transform: scale(1.1);}
.pro_lists .item a:hover .img:before{opacity: 1;}


/*产品详情*/
.proinfo{display: flex;justify-content: space-between;}
.proinfo .cover{width: 550px;min-height: 550px;border: #ccc 1px solid;display: flex;align-items: center;justify-content: center;}
.proinfo .cover img{max-width: 100%;max-height: 100%;display: flex;}
.proinfo .info{width: 460px;min-height: 550px;border: #ccc 1px solid;padding: 20px 15px;}
.proinfo .info p{line-height: 20px;font-size: 16px;}
.proinfo .info p a{color: var(--main-red);}
.proinfo .info .class{margin-bottom: 8px;}
.proinfo .info h1,.proinfo .info h2{font-weight: normal;color: var(--main-red);font-size: 24px;line-height: 50px;}
.proinfo .row{display: flex;align-items: center;justify-content: space-between;border-bottom: #ccc 1px solid;padding-bottom: 8px;margin-bottom: 20px;}
.proinfo .intro{font-size: 16px;line-height: 30px;}
.proshow{margin-top: 50px;}
.proshow p{color: #333;line-height: 26px;font-size: 16px;margin-bottom: 10px;}
.proshow img{margin: 0 auto;max-width: 100%;}
.proshow table{border-left: 1px solid #ccc!important;border-top: 1px solid #ccc!important;border-spacing: 0;width: 100%;}
.proshow td{border-right: 1px solid #ccc!important;border-bottom: 1px solid #ccc!important;height: 40px;line-height: 40px;padding: 0 5px;font-size: 16px;}
.proshow td:nth-child(2n-1){width: 86px;text-align: center;}


/*搜索*/
.search{display: flex;justify-content: center;margin-bottom: 20px;align-items: center;font-size: 16px;}
.search input{height: 40px;line-height: 40px;padding: 0 10px;border: 1px solid #dfe6ec;border-radius: 4px;font-size: 16px;width: 300px;outline: none;}
.search button{line-height: 40px;height: 40px;width: 90px;font-size: 16px;margin-left: 10px;border: 1px solid #dcdfe6;border-radius: 4px;background-color: var(--main-red);color: #fff;}



/*新闻列表*/
.news_lists .item{display: flex;padding: 24px 0;border-bottom: 2px solid #e8e8e8;transition: all 0.3s;}
.news_lists .item:hover{background-color: #f2f2f2;}
.news_lists .time{padding: 0 10px;width: 68px;height: 86px;background-color: #e1e1e1;color: #444;font-size: 13px;font-weight: bold;line-height: 1.2;}
.news_lists .time .day{color: var(--main-red);margin: 6px 0 4px;font-size: 36px;line-height: 1;}
.news_lists .info{display: flex;flex: 1;width: 100%;overflow: hidden;flex-direction: column;justify-content: space-between;padding: 0 20px;}
.news_lists .tit{line-height: 26px;font-size: 18px;font-weight: bold;margin-bottom: 8px;}
.news_lists .intro{color: #666;line-height: 20px;}


.pagenav{text-align: right;margin: 10px 0 0;}
.pagination>li>a, .pagination>li>span{color: var(--main-red);}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background-color: var(--main-red);border-color: var(--main-red);}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: var(--main-red);background-color: rgba(var(--main-red-rgb), 0.15);border-color: rgba(var(--main-red-rgb), 0.5)}