*{margin:0;padding:0}
body{font:16px microsoft yahei;color:#151515; font-family:Arial; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
a{text-decoration:none; color: inherit; }
img{border:0}
li{list-style:none}
.width{margin:0 auto;}
.fl{float:left;}
.fr{ float:right;}

@media(min-width:1200px)and (max-width:3000px){	
.top1bj{background: rgba(6,67,119,0); position: absolute; top: 0; left:0; width: 100%; z-index: 2; color:#FFF;}
.top1bj .width{height:80px; display: flex; justify-content: space-between; align-items: center; width:90%; margin:auto;}
.top1bj .width .logo-image img{ height:60px;}
.top1bj .width .logo-image-wap{ display:none;}
.top1bj .width .fr{display: flex; align-items: center;}
.top1bj .width .fr .email{width:24px; height:18px; background:url(../images/email.png) center center no-repeat; margin-right:20px;}
.top1bj .width .fr .search{ width:19px; height:19px; background:url(../images/search.png) center center no-repeat;}
.top1bj #Menu-btn{display:none;}
.top1bj #Menu-btn-h{display:none;}
.top1bj #menu1{display:none;}
.top1bj #nav{ color:#FFF;}
.top1bj #navarea{ height:80px; margin:0 auto;}
.top1bj #navarea .on{ color:#fccc00;}
.top1bj #navarea dl{display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.top1bj #navarea dd{display: flex; flex-wrap:wrap; align-items: center; height:80px; margin-left:20px; margin-right:20px;}
.top1bj #navarea dt{display: flex; flex-wrap:wrap; align-items: center; height:80px; margin-left:20px; margin-right:20px;}
.top1bj #menu{overflow:hidden; height:45px; border-bottom:rgba(255,255,255,0.1) 1px solid; border-top:rgba(255,255,255,0.1) 1px solid; position:absolute; top:80px; left:0; right:0; width:100%; background:rgba(0,0,0,0.2);}
.top1bj #menu ul{height:45px; display: flex; flex-wrap:wrap; align-items: center; justify-content: center;}
.top1bj #menu li{margin:0px 25px;}

.top2bj{background: rgba(255,255,255,1); position: absolute; top: 0; left:0; width: 100%; z-index: 2; color:#333;}
.top2bj .width{height:80px; display: flex; justify-content: space-between; align-items: center; width:90%; margin:auto;}
.top2bj .width .logo-image img{ height:60px;}
.top2bj .width .logo-image-wap{ display:none;}
.top2bj .width .fr{display: flex; align-items: center;}
.top2bj .width .fr .email{width:24px; height:18px; background:url(../images/email-hover.png) center center no-repeat; margin-right:20px;}
.top2bj .width .fr .search{ width:19px; height:19px; background:url(../images/search-hover.png) center center no-repeat;}
.top2bj #Menu-btn{display:none;}
.top2bj #Menu-btn-h{display:none;}
.top2bj #menu1{display:none;}
.top2bj #nav{}
.top2bj #navarea{ height:80px; margin:0 auto;}
.top2bj #navarea .on{ color:#fccc00;}
.top2bj #navarea dl{display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.top2bj #navarea dd{display: flex; flex-wrap:wrap; align-items: center; height:80px; margin-left:20px; margin-right:20px;}
.top2bj #navarea dt{display: flex; flex-wrap:wrap; align-items: center; height:80px; margin-left:20px; margin-right:20px;}
.top2bj #menu{overflow:hidden; height:45px; border-bottom:#eee 1px solid; border-top:#eee 1px solid; position:absolute; top:80px; left:0; right:0; width:100%; background:#f5f5f5;}
.top2bj #menu ul{height:45px; display: flex; flex-wrap:wrap; align-items: center; justify-content: center;}
.top2bj #menu li{margin:0px 25px;}

.header11{background:#fff; position:fixed; width:100%;top:0;z-index:999; display:none; color:#333; overflow:hiddenl}
.header11 .kuai{ display:block; width:100%;}
.header11 .kuai .width{height:80px; display: flex; justify-content: space-between; align-items: center; width:90%; margin:auto;}
.header11 .kuai .width .logo-image img{ height:40px;}
.header11 .kuai .width .fr{display: flex; align-items: center;}
.header11 .kuai .width .fr .email{width:24px; height:18px; background:url(../images/email-hover.png) center center no-repeat; margin-right:20px;}
.header11 .kuai .width .fr .search{ width:19px; height:19px; background:url(../images/search-hover.png) center center no-repeat;}
.header11 .kuai #Menu-btn{display:none;}
.header11 .kuai #Menu-btn-h{display:none;}
.header11 .kuai #menu1{display:none;}
.header11 .kuai #nav11{}
.header11 .kuai #navarea11{ height:80px; margin:0 auto;}
.header11 .kuai #navarea11 .on{ color:#fccc00;}
.header11 .kuai #navarea11 dl{display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.header11 .kuai #navarea11 dd{display: flex; flex-wrap:wrap; align-items: center; height:80px; margin-left:20px; margin-right:20px;}
.header11 .kuai #navarea11 dt{display: flex; flex-wrap:wrap; align-items: center; height:80px; margin-left:20px; margin-right:20px;}
.header11 .kuai #menu11{overflow:hidden;height:45px;border-bottom:#eee 1px solid;border-top:#eee 1px solid;position:absolute;top:80px;left:0;right:0;width:100%;background:#f5f5f5;}
.header11 .kuai #menu11 ul{height:45px; display: flex; flex-wrap:wrap; align-items: center; justify-content: center;}
.header11 .kuai #menu11 li{margin:0px 25px;}

.focusBox {width:100%; height:100vh; overflow: hidden; }
.focusBox .pic{z-index:0; }
.focusBox .pic li{ position:relative; height:100vh;}
.focusBox .pic li img { position:absolute; width:100%; height:100%; object-fit: cover; top:0;}
.focusBox .pic li .info{position:absolute; left:0; bottom:100px; right:0; display: flex; flex-wrap:wrap; justify-content: center;}
.focusBox .pic li .info dl{color:#fccc00; text-align:center;}
.focusBox .pic li .info dl p{width:200px; margin:auto; text-align:center; padding:10px 0px; border-radius:5px; text-transform:uppercase; background:#fccc00; color:#000;}
.focusBox .hd { width:100%; position: absolute; bottom: 30px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: rgba(100%,100%,100%,0.2); height:4px; width: 100px; display:inline-block;}
.focusBox .hd li.on{ background:#fccc00;}
.focusBox .prev,.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
.focusBox-wap{ display:none;}

.w90{width:90%; margin:auto;}

.index1{overflow:hidden; background:#f5f5f5; padding-top:80px; padding-bottom:60px;}
.index1 .txt{ text-align:center; margin-bottom:50px;}
.index1 .txt dt{ font-size:36px; font-weight:700;}
.index1 .txt dd{ font-size:16px; margin-top:10px; text-transform:uppercase;}
.index1 .bod{display: flex; flex-wrap:wrap; justify-content:space-between;}
.index1 .bod dl{ width:19%; background:#FFF; margin-bottom:25px; border:#ddd 1px solid;}
.index1 .bod dl dt{ position:relative; padding-bottom:100%;}
.index1 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index1 .bod dl dd{ font-size:16px; text-align:center; padding:15px 0px; border-top:#ddd 1px solid;}

.index2{overflow:hidden; background:url(../images/index2.jpg) no-repeat top center; padding-top:200px;}
.index2 .bod{ width:1280px; margin:auto; background:#FFF;}
.index2 .bod .txt{ font-size:36px; text-transform: uppercase; text-align:center; padding-top:80px;}
.index2 .bod .txt p{ width:60px; height:2px; margin:auto; background:#111; margin-top:20px;}
.index2 .bod .neirong{ margin:40px 100px; text-align:center; font-size:16px; line-height:24px; overflow:hidden;}
.index2 .bod .neirong p{ margin-bottom:20px;}
.index2 .bod .tuwen{display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin:0px 50px; overflow:hidden;}
.index2 .bod .tuwen dl{ width:23.5%;}
.index2 .bod .tuwen dl dt{ position:relative; padding-bottom:60%}
.index2 .bod .tuwen dl dt img{ width:100%; height:100%; position:absolute;}
.index2 .bod .tuwen dl p{ text-align:center; margin-top:15px;}

.index3{overflow:hidden; background:#f5f5f5; padding-top:80px; padding-bottom:60px; margin-top:80px;}
.index3 .txt{ font-size:36px; text-transform:uppercase; text-align:center;}
.index3 .bod{display: flex; flex-wrap:wrap; justify-content:space-between; margin:3rem auto;}
.index3 .bod dl{ width:23.5%; background:#FFF; border:#ddd 1px solid; padding-bottom:25px;}
.index3 .bod dl dt{ position:relative; padding-bottom:60%;}
.index3 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index3 .bod dl dd{ font-size:18px;  border-top:#ddd 1px solid; padding-top:20px; padding-left:20px; padding-right:20px;}
.index3 .bod dl p{ font-size:14px; padding-top:10px; padding-left:20px; padding-right:20px; line-height:20px;}

.footer{background:#000; overflow: hidden;}
.footer .bod{display: flex; flex-wrap:wrap; justify-content:space-between; color:#FFF; padding-top:60px; padding-bottom:60px;}
.footer .item1{ width:15%;}
.footer .item1 dt{ font-size:18px; color:#fccc00; }
.footer .item1 dd{ font-size:16px; color:#FFF; margin:20px 0px;}
.footer .item2{ width:40%;}
.footer .item2 p{ margin-top:25px;}
.footer .item2 dt{ font-size:18px; color:#fccc00; }
.footer .item2 dd{ font-size:16px; color:#FFF; margin:20px 0px; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; overflow:hidden;}
.footer .item2 dd img{ width:14px;}
.footer .item2 dd span{ width:96%;}
.footer .item2 ul{ margin-top:5px; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.footer .item2 ul li{ width:50%; display: flex; flex-wrap:wrap; align-items: center; margin-top:15px;}
.footer .item2 ul li span{ margin-left:10px;}
.footer .item3{ width:38%;}
.footer .item3 ul{margin-top:30px;}
.footer .item3 ul form{display: flex; flex-wrap:wrap; align-items: center;}
.footer .item3 ul form input{ width:85%; height:45px; border:none; background:#444; font-size:16px;}
.footer .item3 ul form button{ width:15%; height:45px; border:none; background:#444; font-size:24px; font-family:"宋体"; color:#FFF; font-weight:700;}
.footer .item3 li{margin-top:30px; overflow:hidden;}
.footer .item3 li form{display: flex; flex-wrap:wrap; align-items: center;}
.footer .item3 li form input{ width:80%; height:45px; border:none; background:#444; font-size:16px;}
.footer .item3 li form button{ width:20%; height:45px; border:none; background:#fccc00; font-size:24px; font-family:"宋体"; color:#000; font-weight:700;}
.footer .item3 dd{margin-top:20px; margin-bottom:20px; overflow:hidden;}
.footer .item3 dd p{ margin-left:10px; float:right;}
.bottom{padding-top:30px; padding-bottom:30px; color:#666; display: flex; flex-wrap:wrap; align-items: center; justify-content: center;}

.hengtiao{ overflow:hidden; height:125px;}

.about{ overflow:hidden; margin-top:50px; margin-bottom:50px;}
.about .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.about .bod .fl{width:20%; background:#f5f5f5; border-radius:5px;}
.about .bod .fl .fenlei{ margin:30px 25px;}
.about .bod .fl .fenlei dt{ font-size:22px; text-transform:uppercase; font-weight:bold;}
.about .bod .fl .fenlei dd{ margin-top:15px;}
.about .bod .fl .fenlei dd p{ margin-bottom:15px; font-size:18px; color:#333;}
.about .bod .fl .fenlei dd p span{ padding-left:10px; font-size:16px;}
.about .bod .fl .fenlei dd p:hover{ color:#fccc00;}
.active{color:#fccc00;}
.about .bod .fr{ width:77%;}
.about .bod .fr img{ width:100%;}
.about .bod .fr dd{ font-size:16px; color:#666; line-height:28px;}

.factory{ overflow:hidden; display: flex; flex-wrap:wrap; justify-content: space-between;}
.factory ul{width:23.5%; margin-bottom:20px;}
.factory ul li{position:relative; padding-bottom:60%;}
.factory ul li img{ width:100%; position:absolute; height:100%; border:#eee 1px solid;}
.factory ul p{ text-align:center; margin-top:15px;}

.productlist{ overflow:hidden; margin-top:50px; margin-bottom:50px;}
.productlist .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.productlist .bod .fl{width:20%; border-radius:5px;}
.productlist .bod .fl .fenlei{}
.productlist .bod .fl .fenlei dt{ font-size:22px; text-transform:uppercase; font-weight:bold;}
.productlist .bod .fl .fenlei .sideMenu{ margin-top:20px;}
.productlist .bod .fl .fenlei .sideMenu dl{ margin-bottom:5px;}
.productlist .bod .fl .fenlei .sideMenu h3{ height:45px; line-height:45px; font-size:16px; font-weight:normal; background:#f5f5f5; padding-left:10px; padding-right:2px;}
.productlist .bod .fl .fenlei .sideMenu h3 em{ float:right; display:block; width:40px; height:45px; background:url(../images/icoAdd1.png) 16px 18px no-repeat; cursor:pointer; }
.productlist .bod .fl .fenlei .sideMenu ul{color:#333; display:none; margin-top:10px; margin-left:8px; margin-right:8px; }
.productlist .bod .fl .fenlei .sideMenu ul li{margin-bottom:10px; font-size:14px; font-weight:normal; border-bottom:#CCC 1px dashed; padding-bottom:10px;}
.active{color:#fccc00;}
.productlist .bod .fr{ width:77%;}
.productlist .bod .neirong{ overflow:hidden; display: flex; flex-wrap:wrap;}
.productlist .bod .neirong dl{ width:23.2%; border:#e5e5e5 1px solid; margin-bottom:25px; margin-right:2%; float:left; background:#f5f5f5;}
.productlist .bod .neirong dl:nth-child(4n){ margin-right:0px;}
.productlist .bod .neirong dl dt{ position:relative; padding-bottom:100%;}
.productlist .bod .neirong dl dt img{ position:absolute; width:100%; height:100%;}
.productlist .bod .neirong dl dd{ text-align:center; padding:15px; background:#f5f5f5;}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; margin-top:20px;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#333; background:#FFF; padding:5px 15px; font-size:16px; flex:1; overflow:hidden; overflow:hidden; border:#eee 1px solid; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.fanye .fenye2 .page-num-current{ color:#fff; background:#ff5000; border:#ddd 0px solid; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.fanye a{margin:0 5px; border:#ddd 1px solid; padding:6px 15px;}

.location{overflow:hidden; width:1200px; margin:auto; padding-top:30px; color:#333;}

.product{width:1200px; margin:auto; padding-top:30px;}
.product .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.product .bod .fl{width:35%;}
.product .bod .fl li img{ width:100%; border:#ddd 1px solid;}
.product .bod .fl dl{display: flex; flex-wrap:wrap; justify-content: space-between;}
.product .bod .fl dl dt{ width:48%;}
.product .bod .fl dl dd{ width:48%;}
.product .bod .fl dl dd p{ float:right;}
.product .bod .fl dl span{ margin:0px 10px;}
.product .bod .fr{width:60%;}
.product .bod .fr .title{font-size:30px; font-weight:bold;}
.product .bod .fr .canshu{margin-top:15px; line-height:30px; background:#f5f5f5; padding:20px;}
.product .bod .fr .gengduo{margin-top:30px;}
.product .bod .fr .gengduo ul{ font-size:20px; text-transform:uppercase;}
.product .bod .fr .gengduo dl{ margin-top:20px; display: flex; flex-wrap:wrap; align-items:center;}
.product .bod .fr .gengduo dl a{ width:23%; margin-right:1.7%; border:#eee 1px solid}
.product .bod .fr .gengduo dl a dd{ position:relative; padding-bottom:100%;}
.product .bod .fr .gengduo dl a dd img{ position: absolute; width:100%; height:100%;}
.product .bod .fr .gengduo dl a p{ text-align:center; background:#f5f5f5; padding:10px;}
.xiangqingye{overflow:hidden; width:1200px; margin:auto; padding-top:40px; border-top:#eee 1px solid; margin-top:50px; margin-bottom:50px;}
.xiangqingye img{width:100%;}


.newslist{overflow:hidden; padding-bottom:60px;}
.newslist .bod{display: flex; flex-wrap:wrap; justify-content:space-between; margin:3rem auto;}
.newslist .bod dl{ width:23.5%; background:#f5f5f5; border:#ddd 1px solid; padding-bottom:25px;}
.newslist .bod dl dt{ position:relative; padding-bottom:60%;}
.newslist .bod dl dt img{ position:absolute; width:100%; height:100%;}
.newslist .bod dl dd{ font-size:18px;  border-top:#ddd 1px solid; padding-top:20px; padding-left:20px; padding-right:20px;}
.newslist .bod dl p{ font-size:14px; padding-top:10px; padding-left:20px; padding-right:20px; line-height:20px;}

.message{ margin:40px;}
.message form{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.message form dl{ width:48%; margin-bottom:30px;}
.message form dl input{ width:100%; height:35px; border:#CCC 1px solid; margin-top:10px;}
.message form ul{width:100%; margin-bottom:30px;}
.message form ul textarea{ width:100%; border:#CCC 1px solid; margin-top:10px; height:100px; }
.message form button{ width:100%; background:#ff5000; color:#fff; text-align:center; height:35px; border:none;}

.news{width:70%; margin:50px auto; overflow:hidden;}
.news .txt{ }
.news .txt dt{text-align:center; font-size:30px; font-weight:bold;}
.news .txt dd{display: flex; flex-wrap:wrap; justify-content: center; margin-top:10px; color:#666; }
.news .txt dd p{margin:0px 20px;}
.news .bod{margin-top:40px; overflow:hidden; line-height:24px;}

.diyos{position: fixed;width: 54px;right: 0;top: 70%;z-index: 500;}
.diyos ul{list-style: none;margin: 0;padding: 0;}
.diyos ul li{width:54px;height: 54px;background: rgba(0,0,0,0.4);float: left;position: relative;}
.diyos ul li:hover{background: rgba(0,0,0,0.9);}
.diyos ul li .sidebox{position: absolute;width: 54px;height: 54px;top: 0;right: 0;color: #fff;font-size:14px;line-height:54px;overflow: hidden;}
.diyos ul li .sidetop{width: 54px;height: 54px;line-height: 54px;display: inline-block;}
.diyos ul li.sideewm{width: 54px;height: 54px;line-height: 54px;display: inline-block;}
.diyos ul li .sideewmshow{width: 150px;position:absolute; top:0; left:-151px; z-index:120; display:none;}
.diyos ul li.sideewm:hover .sideewmshow{display:block;}
.diyos ul li img{float: left;}
}

@media only screen and (max-width:1200px){
*{margin:0;padding:0}
body{font:2.4rem microsoft yahei;color:#000; font-family:Arial;}
a{text-decoration:none; color: inherit; }
img{border:0}
li{list-style:none}
.width{margin:0 auto;}
.fl{float:left;}
.fr{ float:right;}
	
.top1bj{background:rgba(255,255,255,1); position: absolute; top: 0; left:0; width: 100%; z-index: 2; position:fixed;}
.top1bj .width{height:12rem; display: flex; justify-content: space-between; align-items: center;}
.top1bj .width .logo-image-wap{position:absolute; display: flex; justify-content:center; align-items: center; left:0; right:0; top:0; bottom:0;}
.top1bj .width .logo-image-wap img{height:6rem;}
.top1bj .width .logo-image{ display:none;}
.top1bj .width #nav{display:none;}
.top1bj .width .fr{ position:absolute; right:4rem; display: flex; align-items: center;}
.top1bj .width .fr .email{width:3rem; height:3rem; background:url(../images/email-wap-hover.png) center center no-repeat; margin-right:1rem;}
.top1bj .width .fr .search{width:3rem; height:3rem; background:url(../images/search-wap-hover.png) center center no-repeat; margin-right:2rem;}
.top1bj .width #Menu-btn{ position:absolute; left:4rem; top:5rem;}
.top1bj .width #Menu-btn-h{width:4rem; height:12rem; overflow: hidden; display:none; background-color:rgba(255,255,255,1); position:absolute; left:3.9rem; top:4rem;}
.top1bj .width #Menu-btn-h img{width:100%;position:relative;overflow:hidden;z-index:1;}
.top1bj .width #menu1{position:absolute; display:none; top:0rem; right:0; bottom:0; margin:0; padding:0; z-index:5; width:100%; z-index:1; }
.top1bj .width #menu1 .menu-wap{font-size:3rem;list-style:none; background-color:rgba(255,255,255,1); position:absolute; top:11.9rem; left:0; right:0; border-top:#ccc 1px solid; height:100vh;}
.top1bj .width #menu1 .menu-wap li{font-weight:normal; font-size:2.4rem; padding-left:4rem; padding-right:4rem; padding-top:3rem; padding-bottom:3rem; text-transform:uppercase;}
.top1bj .width #menu1 .menu-wap li span{ float:right;}
.top1bj .heng{display:none;}

.top2bj{background:rgba(255,255,255,1); position: absolute; top: 0; left:0; width: 100%; z-index: 2; position:fixed;}
.top2bj .width{height:12rem; display: flex; justify-content: space-between; align-items: center;}
.top2bj .width .logo-image{position:absolute; display: flex; justify-content:center; align-items: center; left:0; right:0; top:0; bottom:0;}
.top2bj .width .logo-image img{height:6rem;}
.top2bj .width .logo-image-wap{ display:none;}
.top2bj .width #nav{display:none;}
.top2bj .width .fr{ position:absolute; right:4rem; display: flex; align-items: center;}
.top2bj .width .fr .email{width:3rem; height:3rem; background:url(../images/email-wap-hover.png) center center no-repeat; margin-right:1rem;}
.top2bj .width .fr .search{width:3rem; height:3rem; background:url(../images/search-wap-hover.png) center center no-repeat; margin-right:2rem;}
.top2bj .width #Menu-btn{ position:absolute; left:4rem; top:5rem;}
.top2bj .width #Menu-btn-h{width:4rem; height:12rem; overflow: hidden; display:none; background-color:rgba(255,255,255,1); position:absolute; left:3.9rem; top:4rem;}
.top2bj .width #Menu-btn-h img{width:100%;position:relative;overflow:hidden;z-index:1;}
.top2bj .width #menu1{position:absolute; display:none; top:0rem; right:0; bottom:0; margin:0; padding:0; z-index:5; width:100%; z-index:1; }
.top2bj .width #menu1 .menu-wap{font-size:3rem;list-style:none; background-color:rgba(255,255,255,1); position:absolute; top:11.9rem; left:0; right:0; border-top:#ccc 1px solid; height:100vh;}
.top2bj .width #menu1 .menu-wap li{font-weight:normal; font-size:2.4rem; padding-left:4rem; padding-right:4rem; padding-top:3rem; padding-bottom:3rem; text-transform:uppercase;}
.top2bj .width #menu1 .menu-wap li span{ float:right;}
.top2bj .heng{display:none;}

.header11{display:none;}

.focusBox{ display:none;}
.focusBox-wap {width:100%; height:100vh; overflow: hidden; }
.focusBox-wap .pic{z-index:0; }
.focusBox-wap .pic li{ position:relative; height:100vh;}
.focusBox-wap .pic li img { position:absolute; width:100%; height:100%; object-fit: cover;}
.focusBox-wap .pic li .info{position:absolute; left:0; bottom:8rem; right:0; display: flex; flex-wrap:wrap; align-items: center; justify-content: center;}
.focusBox-wap .pic li .info dl{color:#fccc00; text-align:center;}
.focusBox-wap .pic li .info dl dt{font-size:4.5rem; font-weight:bold;}
.focusBox-wap .pic li .info dl dd{font-size:4.5rem; text-transform:uppercase; margin-bottom:4rem;}
.focusBox-wap .pic li .info dl p{width:fit-content; margin:auto; text-align:center; padding:1.5rem 3rem; border-radius:5px; text-transform:uppercase; background:#fccc00; color:#000;}
.focusBox-wap .hd { width:100%; position: absolute; bottom: 30px; text-align: center; font-size:0; z-index:1; }
.focusBox-wap .hd li{margin: 0 0.4rem; background: rgba(100%,100%,100%,0.2); height:0.4rem; width:8rem; display:inline-block;}
.focusBox-wap .hd li.on{ background:#fccc00;}
.focusBox-wap .prev,.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox-wap .prev { left: 0; }
.focusBox-wap .next { background-position: 0 -90px; right: 0; }
.focusBox-wap .prev:hover,.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }

.index1{overflow:hidden; background:#f5f5f5; padding-top:4rem; padding-bottom:1rem;}
.index1 .txt{ text-align:center;}
.index1 .txt dt{ font-size:3.2rem; font-weight:600;}
.index1 .txt dd{ font-size:2.4rem; margin-top:1rem;}
.index1 .bod{display: flex; flex-wrap:wrap; justify-content:space-between; width:94%; margin:3rem auto;}
.index1 .bod dl{ width:48%; background:#FFF; margin-bottom:25px; border:#ddd 1px solid;}
.index1 .bod dl dt{ position:relative; padding-bottom:100%;}
.index1 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index1 .bod dl dd{ font-size:2.4rem; text-align:center; padding:2rem 0px; border-top:#ddd 1px solid;}

.index2{overflow:hidden; background:url(../images/index2.jpg) no-repeat top center; padding-top:15rem;}
.index2 .bod{ width:94%; margin:auto; background:#FFF;}
.index2 .bod .txt{ font-size:3.2rem; text-transform: uppercase; text-align:center; padding-top:4rem; font-weight:600;}
.index2 .bod .txt p{ width:5rem; height:0.3rem; margin:auto; background:#333; margin-top:20px;}
.index2 .bod .neirong{ margin:3rem; color:#454545;}
.index2 .bod .neirong p{ font-size:2.6rem; margin-bottom:2rem; line-height:4rem;}
.index2 .bod .tuwen{display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin:0px 2rem; overflow:hidden;}
.index2 .bod .tuwen dl{ width:48%; margin-bottom:2rem;}
.index2 .bod .tuwen dl dt{ position:relative; padding-bottom:60%;}
.index2 .bod .tuwen dl dt img{ width:100%; height:100%; position:absolute;}
.index2 .bod .tuwen dl p{ margin-top:1.5rem; text-align:center;}

.index3{overflow:hidden; background:#f5f5f5; padding-top:5rem; margin-top:5rem;}
.index3 .txt{ font-size:3rem; text-transform:uppercase; text-align:center;}
.index3 .bod{display: flex; flex-wrap:wrap; justify-content:space-between; width:94%; margin:auto; margin-top:3rem;}
.index3 .bod dl{ width:100%; padding-bottom:3rem; margin-bottom:3rem;}
.index3 .bod dl dt{ position:relative; padding-bottom:60%;}
.index3 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index3 .bod dl dd{ font-size:3rem;  border-top:#ddd 1px solid; padding-top:2rem;}
.index3 .bod dl p{ font-size:2.4rem; padding-top:1.5rem; line-height:3rem; color:#666}

.footer{background:#000; overflow: hidden;}
.footer .bod{display: flex; flex-wrap:wrap; justify-content:space-between; color:#FFF; padding-top:3rem; padding-bottom:3rem;}
.footer .item1{ width:90%; margin: 4rem auto;}
.footer .item1 dt{ font-size:3rem; color:#fccc00; text-transform: uppercase; font-weight:600;}
.footer .item1 dd{ font-size:2.4rem; color:#FFF; margin:2rem 0px;}
.footer .item2{ width:90%; margin:auto;}
.footer .item2 p{ margin-top:25px; font-size:2.4rem;}
.footer .item2 dt{ font-size:3rem; color:#fccc00; text-transform: uppercase; font-weight:600;}
.footer .item2 dd{ font-size:2.4rem; color:#FFF; margin:20px 0px; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; overflow:hidden;}
.footer .item2 dd img{ width:2.5rem;}
.footer .item2 dd span{ width:93%;}
.footer .item2 ul{ margin-top:1rem; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.footer .item2 ul li{ width:100%; display: flex; flex-wrap:wrap; align-items: center; margin-top:1.5rem;}
.footer .item2 ul li img{ width:2.5rem;}
.footer .item2 ul li span{ margin-left:1.5rem;}
.footer .item3{ width:90%; margin:auto;}
.footer .item3 ul{margin-top:4rem;}
.footer .item3 ul form{display: flex; flex-wrap:wrap; align-items: center;}
.footer .item3 ul form input{ width:85%; height:6rem; border:none; background:#444; font-size:2.4rem;}
.footer .item3 ul form button{ width:15%; height:6rem; border:none; background:#444;}
.footer .item3 ul form button img{ width:2.5rem;}
.footer .item3 li{margin-top:30px; overflow:hidden;}
.footer .item3 li form{display: flex; flex-wrap:wrap; align-items: center;}
.footer .item3 li form input{ width:80%; height:6rem; border:none; background:#444; font-size:2.4rem;}
.footer .item3 li form button{ width:20%; height:6rem; border:none; background:#fccc00; font-size:4rem; font-family:"宋体"; color:#000; font-weight:700;}
.footer .item3 dd{margin-top:3rem; margin-bottom:2.5rem; overflow:hidden;}
.footer .item3 dd p{ margin-left:1rem; float:right;}
.footer .item3 dd p img{ width:5rem;}
.bottom{color:#666; display: flex; flex-wrap:wrap; align-items: center; justify-content: center; text-align:center; margin:3rem 2rem; font-size:2.6rem;}

.hengtiao{ height:12rem; display:block; background:#FFF; overflow:hidden;}

.about{ overflow:hidden; width:94%; margin:auto; padding-bottom:5rem;}
.about .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.about .bod .fl{width:100%; background:#f5f5f5; border-radius:5px; margin-bottom:4rem;}
.about .bod .fl .fenlei{ margin-top:4rem; margin-left:2.5rem; margin-right:2.5rem; margin-bottom:1.5rem;}
.about .bod .fl .fenlei dt{ font-size:3rem; text-transform:uppercase; font-weight:bold;}
.about .bod .fl .fenlei dd{ margin-top:3rem; display: flex; flex-wrap:wrap; justify-content:space-between;}
.about .bod .fl .fenlei dd p{ margin-bottom:2rem; font-size:2.6rem; color:#333; width:48%; line-height:3.5rem;}
.about .bod .fl .fenlei dd p span{ padding-left:10px; font-size:2.6rem;}
.about .bod .fl .fenlei dd p:hover{ color:#fccc00;}
.active{color:#fccc00;}
.about .bod .fr{ width:100%;}
.about .bod .fr img{ width:100%;}
.about .bod .fr dd{ font-size:2.8rem; line-height:4.5rem; color:#666;}

.factory{ overflow:hidden; display: flex; flex-wrap:wrap; justify-content: space-between;}
.factory ul{width:48%; margin-bottom:3rem;}
.factory ul li{position:relative; padding-bottom:60%;}
.factory ul li img{ width:100%; position:absolute; height:100%; border:#ccc 1px solid;}
.factory ul p{ text-align:center; margin-top:1.5rem; font-size:2.6rem; color:#333;}

.productlist{ overflow:hidden; width:94%; margin:auto; padding-bottom:5rem;}
.productlist .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.productlist .bod .fl{width:100%; border-radius:5px;}
.productlist .bod .fl .fenlei{}
.productlist .bod .fl .fenlei dt{ font-size:3rem; text-transform:uppercase; font-weight:bold;}
.productlist .bod .fl .fenlei .sideMenu{ margin-top:20px;}
.productlist .bod .fl .fenlei .sideMenu dl{ margin-bottom:0.5rem;}
.productlist .bod .fl .fenlei .sideMenu h3{ height:6rem; line-height:6rem; font-size:2.8rem; font-weight:normal; background:#f5f5f5; padding-left:2rem; padding-right:1.5rem;}
.productlist .bod .fl .fenlei .sideMenu h3 em{ float:right; display:block; width:40px; height:6rem; background:url(../images/icoAdd-wap.png) 16px 2.5rem no-repeat; cursor:pointer; }
.productlist .bod .fl .fenlei .sideMenu h3.on em{ background-position:16px -1.5rem; }
.productlist .bod .fl .fenlei .sideMenu ul{color:#333; display:none; margin-top:2rem; margin-left:2rem; margin-right:2rem;}
.productlist .bod .fl .fenlei .sideMenu ul li{margin-bottom:1.5rem; font-size:2.4rem; font-weight:normal; border-bottom:#CCC 1px dashed; padding-bottom:10px;}
.active{color:#fccc00;}
.productlist .bod .fr{ width:100%; margin-top:5rem;}
.productlist .bod .neirong{ overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.productlist .bod .neirong dl{ width:48%; border:#ccc 1px solid; margin-bottom:3rem;}
.productlist .bod .neirong dl dt{ position:relative; padding-bottom:100%;}
.productlist .bod .neirong dl dt img{ position:absolute; width:100%; height:100%;}
.productlist .bod .neirong dl dd{ text-align:center; padding:15px; background:#f5f5f5;}

.fanye{overflow:hidden; margin-bottom:0rem; margin-top:2rem;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 a{ margin:0px 0.3rem;}
.fanye .fenye2 .page-num{color:#333; background:#FFF; padding:1rem; font-size:2.4rem; flex:1; overflow:hidden; overflow:hidden; border:#ccc 1px solid; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.fanye .fenye2 .page-num-current{ color:#fff; background:#ff5000; border:#ddd 0px solid; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.fanye a{ display:none;}

.location{overflow:hidden; width:100%; color:#333; border-bottom:#CCC 1px solid; border-top:#CCC 1px solid; padding:2rem 3%; line-height:3.5rem; background:#f5f5f5;}

.product{width:94%; margin:auto; margin-top:3rem;}
.product .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.product .bod .fl{width:100%;}
.product .bod .fl li img{ width:100%; border:#eee 0.5rem solid;}
.product .bod .fl dl{display: flex; flex-wrap:wrap; justify-content: space-between;font-size:2.6rem; line-height:8rem;}
.product .bod .fl dl dt{ width:48%;}
.product .bod .fl dl dd{ width:48%;}
.product .bod .fl dl dd p{ float:right;}
.product .bod .fl dl span{ margin:0px 10px;}
.product .bod .fr{width:100%; margin-top:1rem; border-top:#CCC 1px solid; padding-top:2.5rem;}
.product .bod .fr .title{font-size:3rem; font-weight:bold;}
.product .bod .fr .canshu{margin-top:2rem; line-height:4.5rem; background:#f5f5f5; padding:1.5rem 2rem;}
.product .bod .fr .gengduo{margin-top:3rem;}
.product .bod .fr .gengduo ul{ font-size:2.6rem; text-transform:uppercase;}
.product .bod .fr .gengduo dl{ margin-top:20px; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.product .bod .fr .gengduo dl a{ width:48%; border:#eee 1px solid; margin-bottom:2rem;}
.product .bod .fr .gengduo dl a dd{ position:relative; padding-bottom:100%;}
.product .bod .fr .gengduo dl a dd img{ position: absolute; width:100%; height:100%;}
.product .bod .fr .gengduo dl a p{ text-align:center; background:#f5f5f5; padding:10px;}
.xiangqingye{overflow:hidden; width:94%; margin:auto; border-top:#ccc 1px solid; margin-top:3rem; margin-bottom:3rem; padding-top:3rem;}
.xiangqingye img{width:100%;}

.newslist{overflow:hidden; padding-bottom:2rem; }
.newslist .bod{display: flex; flex-wrap:wrap; justify-content:space-between; width:94%; margin:3rem auto;}
.newslist .bod dl{ width:100%; background:#f5f5f5; border:#ddd 1px solid; padding-bottom:3rem; margin-bottom:3rem;}
.newslist .bod dl dt{ position:relative; padding-bottom:60%;}
.newslist .bod dl dt img{ position:absolute; width:100%; height:100%;}
.newslist .bod dl dd{ font-size:3rem;  border-top:#ddd 1px solid; padding-top:2rem; padding-left:3rem; padding-right:3rem;}
.newslist .bod dl p{ font-size:2.6rem; padding-top:1.5rem; padding-left:3rem; padding-right:3rem; line-height:3.5rem; color:#666}

.message{ overflow:auto;}
.message form{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.message form dl{ width:100%; font-size:2.6rem; margin-bottom:4rem; color:#666;}
.message form dl input{ width:100%; height:6rem; border:#CCC 1px solid; margin-top:1.5rem;}
.message form ul{width:100%; margin-bottom:4rem; color:#666; font-size:2.6rem;}
.message form ul textarea{ width:100%; border:#CCC 1px solid; margin-top:1.5rem; height:15rem; }
.message form button{ width:100%; background:#ff5000; color:#fff; text-align:center; height:35px; border:none;}

.news{width:90%; margin:5rem auto; overflow:hidden;}
.news .txt{ }
.news .txt dt{text-align:center; font-size:2.8rem; font-weight:bold;}
.news .txt dd{ display:none;}
.news .bod{margin-top:4rem; overflow:hidden; font-size:2.6rem; line-height:4.5rem; color:#666;}

.diyos{ display:none;}
}