body,h1,h2,h3,h4,h5,h6,p,pre,dl,dt,dd,ul,ol,li{margin: 0; padding: 0;}
body{font-family: arial;}
li{list-style: none;}
a{color: inherit; text-decoration: none;}
a:hover{color: inherit; text-decoration: none;}
input:focus,button:focus{outline: none;}
img{border: none;}
em,i{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.w1200{width:1200px; margin:auto;}

/* 头部 */
.topbj{font-size:16px; height:150px; width:100%; background-color:rgba(255,255,255,0.9); overflow:hidden;}
.topbj .w100{width:98%; margin:auto;}
.topbj .w100 ul{display:flex; justify-content:center; align-items:center; color:#333; font-size:18px; text-align:center; height:150px;}
.topbj .w100 ul li{ padding-left:25px; padding-right:25px;}
.topbj .w100 ul li a{display: block;}
.topbj .w100 ul li a:hover,.top3bj .w100 ul li a.active{color:#ffa84a;}

.top_fxied{width:100%; height:150px; background-color:rgba(255,255,255,0.9); position: fixed; left:0; top:0; z-index:9999; justify-content:space-between; align-items:center; display:none;}
.top_fxied .w100{width:98%; margin:auto}
.top_fxied .w100 ul{display:flex; justify-content: center; align-items: center; color: #333; font-size:18px; text-align: center; height:150px;}
.top_fxied .w100 ul li{ padding-left:25px; padding-right:25px;}
.top_fxied .w100 ul li a{display: block;}
.top_fxied .w100 ul li a:hover,.top3bj .w100 ul li a.active{color:#ffa84a;}

/* 首页 */
.box2bj{background:url(images/box2bj.jpg) center; padding-top:60px; background-attachment:fixed;}
.box2bj .tit{text-align:center; width:1000px; margin:auto; margin-bottom:40px;}
.box2bj .tit dd{font-size:24px; color:#ffb000; margin-top:-30px; text-shadow:#000 2px 2px 3px;}
.box2bj .tit1{text-align:center; width:1200px; margin:auto; margin-bottom:40px;}
.box2bj .tit1 dt{padding-bottom:30px; background:url(images/xian3.png) bottom center no-repeat;} 
.box2bj .tit1 dt img{width:63px; height:18px;}
.box2bj .tit1 dd{font-size:36px; color:#fff; font-weight:bold; margin-top:-30px;}
.box2bj .tit1 dd p{ font-size:12px; color:#fff; font-weight:100;}
.box2bj .bod{position:relative;}
.box2bj .swiper-container{padding-bottom:72px;}
.box2bj .swiper-slide{transition:1s; width:700px; transform:translate(280px,0) scale(0.6);}
.box2bj .swiper-slide .img{width:700px; height:600px; overflow:hidden;}
.box2bj .swiper-slide .img img{width:100%; height:100%;}
.box2bj .swiper-slide-active{position: relative; z-index:2; transform:scale(1);}
.box2bj .swiper-slide-prev{transform:scale(0.7) translate(160px,0); z-index: 1;}
.box2bj .swiper-slide-next{transform:scale(0.7) translate(-160px,0); z-index: 1;}
.box2bj .swiper-slide-next+.swiper-slide{transform: scale(0.6) translate(-460px,0);}
.box2bj .swiper-button-prev{left:-60px; width:54px; height:73px; background:url(images/index_04.png) no-repeat;}
.box2bj .swiper-button-next{right:-70px; width:54px; height:73px; background:url(images/index_05.png) no-repeat;}
.box2bj .swiper-slide .info{height:60px; align-items:center; display:flex; justify-content:center; background-color:rgba(0,0,0,0.85); color:#FFF; margin-top:5px;}
.box2bj .swiper-slide .info h3{text-align: center; font-size:18px;}

.box1bj{width:100%; padding-top:60px; padding-bottom:60px; overflow:hidden; background:#fff; background-attachment:fixed;}
.box1{width:1200px; margin:auto; overflow:hidden;}
.box1 dt{font-size:40px; color:#333;}
.box1 dd{color:#666; font-size:16px; font-weight:100; margin-top:20px;}
.box1 dd p{padding-top:15px;}
.box1 .more{font-size:18px; font-weight:100; margin-top:30px; color:#333;}
.box1 .more:hover{color:#ffb000;}

.box3bj{width:100%; overflow:hidden; background:url(images/box3bj.jpg) center; padding-top:80px; background-attachment:fixed; padding-bottom:80px;}
.box3bj .txt{text-align:center; font-size:40px; color:#333}
.box3bj .bod{padding-top:40px; width:1200px; margin:auto;}
.box3bj .tit1{width:1100px; margin:auto; color:#333; font-size:18px; text-align:center; font-weight:100; margin-top:50px;}

.box5bj{width:100%; overflow:hidden; padding-top:70px; padding-bottom:70px; background:#fff; background-attachment:fixed;}
.box5bj .txt{font-size:40px; color:#333; width:1200px; margin:auto;}
.box5bj .tit1{width:1200px; margin:auto; color:#666; font-size:16px; margin-top:30px;}
.box5bj .tit1 dt{font-weight:100; display:flex; align-items:center; float:left; width:600px;}
.box5bj .tit1 dt span{ font-size:24px; padding-right:5px;}

.box6bj{background:url(images/box6bj.jpg) center; padding-top:60px; background-attachment:fixed; padding-bottom:60px;}
.box6bj .tit{font-size:40px; color:#333; text-align:center;}
.box6bj .titi{width:1200px; margin:auto; margin-top:30px; display:flex; justify-content:center;}
.box6bj .titi dl{float:left; color:#333; background:#FFF; padding:12px 40px; font-size:16px; border:#CCC 2px solid; margin-right:40px; border-radius:30px;}
.box6bj .titi dl a{ font-size:16px;}
.box6bj .titi dl:hover{ background:#333; color:#ffb000;}
.box6bj .bod{width:1200px; margin:auto; overflow:hidden;}
.box6bj .bod .item{display:none; margin-top:40px;}
.box6bj .bod .item li{position:relative; overflow:hidden; width:232px; float:left; margin-right:10px; margin-bottom:10px;}
.box6bj .bod .item li:nth-child(5n){margin-right:0px;}
.box6bj .bod .item li img{width: 100%; height: 100%;}
.box6bj .bod .item li .info{position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); color: #fff; transform: translate(0,-100%); transition:0.5s;}
.box6bj .bod .item li .info dl dt{font-size:20px; font-weight:100; padding-bottom:15px; line-height:30px;}
.box6bj .bod .item li:hover .info{transform: translate(0,0);}

.box7bj{width:100%; overflow:hidden; padding-top:70px; padding-bottom:70px; background:#fff; background-attachment:fixed;}
.box7bj .tit{font-size:40px; color:#333; width:1200px; margin:auto;}
.box7bj .bod{width:1200px; margin:auto; color:#333; font-size:16px; margin-top:30px;}
.box7bj .bod dl{float:left;}
.box7bj .bod dl dt{font-weight:100; float:left; width:230px; text-align:center; border:#ddd 2px solid; margin-right:15px; margin-left:15px; margin-bottom:20px; line-height:60px; border-radius:10px; font-size:16px;}

.box4bj{padding-top:60px; background-attachment:fixed; padding-bottom:60px; background:#FFF;}
.box4bj .txt{text-align:center; font-size:40px; color:#333; padding-bottom:20px;}
.box4{overflow:hidden; width:1200px; margin:auto;}
.box4 dl{float:left; width:270px; margin:15px; }
.box4 dl img{ width:270px; border:#CCC 5px solid;}
.box4 dl p{ font-size:16px; color:#333; text-align:center; line-height:60px;}


/* 底部 */
.bottombj{width:100%; overflow:hidden; background:url(images/box4bj.jpg) center;}
.bottom{display: flex; align-items: center; margin-top:40px;}
.bottom .fl{width:350px;}
.bottom .fl img{width:337px;}
.bottom .fr{width:850px;}
.bottom .fr .tit1{color:#333; font-size:40px; text-align:right;}
.bottom .fr .tit2{text-align:right; color:#333; margin-top:20px; margin-bottom:40px;}
.bottom .fr .tit2 dt{font-size:20px; margin-bottom:20px;}
.bottom .fr .tit2 p{font-size:16px; line-height:30px;}

.bottom1{text-align:center; width:100%; overflow:hidden; font-size:18px; color:#999; margin:auto; line-height:60px; background:#222;}

/* about */
.about1bj{background:url(images/about1bj.jpg) center; padding-top:230px; background-attachment:fixed; padding-bottom:230px;}
.about1{ width:1200px; margin:auto;}
.about1 dt{font-size:48px; color:#333; text-align:center;}
.about1 dd{font-size:16px; line-height:24px; color:#333; text-align:center; font-weight:100;}
.about1 dd p{ padding-top:20px;}

.about2bj{background:url(images/about2bj.jpg) center; padding-top:80px; background-attachment:fixed; padding-bottom:80px; overflow:hidden;}
.about2{width:1200px; margin:auto;}
.about2 dt{font-size:48px; color:#333; margin-bottom:30px;}
.about2 dd{display:flex; align-items:center; font-size:18px; color:#333; float:left; width:600px;}
.about2 dd span{font-size:30px; padding-right:5px;}

.about3bj{background:#333; background-attachment:fixed; padding-bottom:80px; overflow:hidden; padding-top:80px;}
.about3{width:1200px; margin:auto; color:#FFF;}
.about3 .fl{width:550px; margin-right:100px;}
.about3 .fl .txt{font-size:24px;}
.about3 .fl .bod{margin-top:20px;}
.about3 .fl .bod dl{font-size:14px; display:flex; align-items:center; text-shadow:#000 4px 4px 4px; line-height:20px; margin-bottom:10px;}
.about3 .fl .bod dl span{font-size:30px; padding-right:5px; text-shadow:#000 4px 4px 4px;}
.about3 .fr{width:550px;}
.about3 .fr .txt{font-size:24px;}
.about3 .fr .bod{margin-top:20px;}
.about3 .fr .bod dl{font-size:14px; display:flex; align-items:center; text-shadow:#000 4px 4px 4px; line-height:20px; margin-bottom:10px;}
.about3 .fr .bod dl span{font-size:30px; padding-right:5px; text-shadow:#000 4px 4px 4px;}

.about4bj{background:#333;background-attachment:fixed; padding-bottom:80px; overflow:hidden;}
.about4{width:1200px; margin:auto; color:#FFF;}
.about4 .fl{width:550px; margin-right:100px;}
.about4 .fl .txt{font-size:24px;}
.about4 .fl .bod{margin-top:20px;}
.about4 .fl .bod dl{font-size:14px; display:flex; align-items:center; text-shadow:#000 4px 4px 4px; line-height:20px; margin-bottom:10px;}
.about4 .fl .bod dl span{font-size:30px; padding-right:5px; text-shadow:#000 4px 4px 4px;}
.about4 .fr{width:550px;}
.about4 .fr .txt{font-size:24px;}
.about4 .fr .bod{margin-top:20px;}
.about4 .fr .bod dl{font-size:14px; display:flex; align-items:center; text-shadow:#000 4px 4px 4px; line-height:20px; margin-bottom:10px;}
.about4 .fr .bod dl span{font-size:30px; padding-right:5px; text-shadow:#000 4px 4px 4px;}

/* 翻页 */
.fanye{overflow:hidden; padding-left:30px; width:1200px; margin:auto; margin-top:50px;}
.fanye li{float:left; font-size:16px; margin-right:8px; color:#333; background:#fff; padding:8px 15px; border:#CCC 1px solid; border-radius:5px;}
.fanye li:hover{ background:#eee; color:#ffb000;}

/* Production */
.production1bj{background:url(images/production1bj.jpg) center; padding-top:80px; background-attachment:fixed; padding-bottom:80px; overflow:hidden;}
.production1{width:800px; margin:auto; color:#333;}
.production1 dd{font-size:18px; color:#333; text-align:center; margin-top:30px;}

.production2bj{background:#fff;background-attachment:fixed; padding-bottom:80px; overflow:hidden; padding-top:80px;}
.production2{width:1200px; margin:auto; color:#333; display:flex; align-items:center;}
.production2 .fl{width:550px; margin-right:100px;}
.production2 .fl img{ width:100%;}
.production2 .fr{width:650px;}
.production2 .fr dt{font-size:48px;}
.production2 .fr dd{font-size:18px; margin-top:20px; font-weight:100;}
.production2 .fr dd p{ margin-top:20px;}

.production3bj{background:url(images/production3bj.jpg) center; padding-top:80px; background-attachment:fixed; padding-bottom:80px; overflow:hidden;}
.production3{width:1200px; margin:auto; color:#333;}
.production3 .txt{font-size:48px; color:#333; text-align:center;}
.production3 .bod{margin-top:40px;}
.production3 .bod dl{float:left; width:270px; margin-right:40px; margin-bottom:20px;}
.production3 .bod dl:nth-child(4n){margin-right:0px;}
.production3 .bod dl img{width:100%;}
.production3 .bod dl p{ font-size:16px; color:#333; text-align:center; line-height:60px;}

.production4bj{background:#fff;background-attachment:fixed; padding-bottom:80px; overflow:hidden; padding-top:80px;}
.production4{width:1200px; margin:auto; color:#333;}
.production4 .txt{text-align:center; font-size:36px; color:#333; overflow:hidden;}
.production4 .bod1{width:1200px; margin:auto; overflow:hidden; margin-top:40px;}
.production4 .bod1 dl{float:left; width:360px; margin-right:60px;}
.production4 .bod1 dl img{width:100%;}
.production4 .bod1 dl p{ text-align:center; line-height:60px; font-size:18px;}
.production4 .bod1 dl:nth-child(3n){margin-right:0px;}
.production4 .bod2{width:790px; margin:auto; overflow:hidden; margin-top:20px;}
.production4 .bod2 dl{float:left; width:360px; margin-right:60px;}
.production4 .bod2 dl img{width:100%;}
.production4 .bod2 dl p{text-align:center; line-height:60px; font-size:18px;}
.production4 .bod2 dl:nth-child(2n){margin-right:0px;}

.production5bj{background:url(images/production5bj.jpg) center; padding-top:80px; background-attachment:fixed; padding-bottom:80px; overflow:hidden;}
.production5{width:1200px; margin:auto; color:#333;}
.production5 .txt{text-align:center; font-size:36px; color:#333; overflow:hidden;}
.production5 .bod{width:1200px; margin:auto; overflow:hidden; margin-top:40px;}
.production5 .bod dl{float:left; width:360px; margin-right:60px;}
.production5 .bod dl img{width:100%;}
.production5 .bod dl p{ text-align:center; line-height:60px; font-size:18px;}
.production5 .bod dl:nth-child(3n){margin-right:0px;}

.production6bj{background:#fff;background-attachment:fixed; padding-bottom:80px; overflow:hidden; padding-top:80px;}
.production6{width:1200px; margin:auto; color:#333;}
.production6 .txt{text-align:center; font-size:36px; color:#333; overflow:hidden;}
.production6 .bod{width:1200px; margin:auto; overflow:hidden; margin-top:40px;}
.production6 .bod dl{float:left; width:360px; margin-right:60px;}
.production6 .bod dl img{width:100%;}
.production6 .bod dl p{ text-align:center; line-height:60px; font-size:18px;}
.production6 .bod dl:nth-child(3n){margin-right:0px;}

.production7bj{background:url(images/production7bj.jpg) center; padding-top:80px; background-attachment:fixed; padding-bottom:80px; overflow:hidden;}
.production7{width:1200px; margin:auto; color:#333;}
.production7 .txt{text-align:left; font-size:36px; color:#333; overflow:hidden;}
.production7 .bod{width:1200px; margin:auto; overflow:hidden; margin-top:40px; color:#333;}

/* design */
.designbj{background:url(images/designbj.jpg) center; padding-top:80px; background-attachment:fixed; padding-bottom:80px; overflow:hidden;}
.design{width:1200px; color:#333; margin:auto;}
.design .fl{width:650px; margin-right:100px;}
.design .fl dl{ font-size:18px; line-height:60px; border:#ccc 2px solid; margin-bottom:20px; padding-left:30px; border-radius:30px; background:#FFF;}
.design .fr{ width:450px;}
.design .fr dl{ font-size:18px; line-height:60px; border:#ccc 2px solid; margin-bottom:20px; padding-left:30px; border-radius:30px; background:#FFF;}

/* 产品详情 */
.article_image{overflow: hidden; background:url(images/articlebj.jpg) center; background-attachment:fixed; overflow:hidden;}
.article_image h2{font-size:26px; line-height: 46px; text-align:center; margin-top:50px; color:#333;}
.article_image .list_image1 .tit{border: 1px solid #f5f5f5;}
.article_image1{width:1200px; margin:30px auto 0; display: flex; justify-content: space-between; margin-bottom: 40px;}
.article_image1 .fl{width:550px; margin:auto;}
.article_image1 .fl .swiper-slide{}
.article_image1 .fl .swiper-slide .img{padding-bottom:100%; position: relative;}
.article_image1 .fl .swiper-slide .img img{position:absolute; top: 0; left: 0; width: 100%;}
.article_image1 .fl .swiper2{margin-bottom: 20px;}
.article_image1 .fl .swiper3{padding:0 30px; position: relative;}
.article_image1 .fl .swiper3 .swiper-button-prev{left:-10px;}
.article_image1 .fl .swiper3 .swiper-button-next{right:-10px;}
.article_image1 .fr{width: 50%;}
.article_image1 .fr p{margin:40px 0 25px; font-size: 18px; color:#333; line-height:28px;}
.article_image1 .fr dl dt{font-size: 20px; font-weight: normal; margin-bottom: 20px; color:#333; font-weight:bold;}
.article_image1 .fr dl dd{font-size:17px; line-height:30px; color:#333; font-weight:100;}
.article_image .bodd{width:700px; margin:auto; font-size:16px; color:#333; padding-bottom:40px;}

.article_image2{background:#fff; width:1200px; margin: 0 auto; overflow: hidden;}
.article_image2 .tit{border: 1px solid #dbdbdb; height: 48px; line-height: 46px; display: flex; font-size: 18px;}
.article_image2 .tit li{width: 190px; text-align: center; border-right: 1px solid #dbdbdb; cursor: pointer;}
.article_image2 .tit li.active{background: #1575dc; color: #fff;}
.article_image2 .bodbj{padding:40px 40px;}
.article_image2 .bod{display: none;}

/* contact */
.contactbj{background:url(images/about1bj.jpg) center; padding-top:230px; background-attachment:fixed; padding-bottom:230px;}
.contact{ width:1200px; margin:auto;}
.contact dt{font-size:48px; color:#333; text-align:center;}
.contact dd{font-size:16px; line-height:24px; color:#333; text-align:center; font-weight:100;}
.contact dd p{ padding-top:20px;}

.page{overflow:hidden;}
.page #DropList{width:1200px;overflow:hidden; margin:auto;}
.page #DropList ul{margin:0 auto;display:block;width: calc(100% + 4.75rem - 2.5rem);padding: 0.8rem 1rem 1rem 1.5rem;}
.page #DropList ul li{min-height:1rem;padding:0.5rem 0;padding-right: 4.75rem;display:inline-block;}
.page #DropList ul li a{font-size:1.4rem;display:inline-block;color: #707070;}
.page #DropList ul .select a{color:#f6a800;}