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{ background:#eee;}
.top{ width:1200px; margin:auto; height:35px; line-height:35px; font-size:14px; color:#333;}
.top dl{ float:left;}

.top22bj{ width:100%;}
.top22bj .w1200{height: 120px; display: flex; align-items: center; width:1200px;}
.top22bj .w1200 .fl{display: flex; align-items: center; width:850px;}
.top22bj .w1200 .fl dl{ float:left; font-size:48px; font-weight:bold; color:#315bd1; margin-right:30px;}
.top22bj .w1200 .fl dl dt{ font-size:37px; color:#000; font-weight:bold; line-height:38px;}
.top22bj .w1200 .fl dl dd{ font-size:20px; color:#333; font-weight:normal;}
.top22bj .w1200 .fr{ width:250px;}
.top22bj .w1200 .fr .search{display: flex; align-items: center;}
.top22bj .w1200 .fr .search form{display: flex; height: 40px; border:#c82224 1px solid;}
.top22bj .w1200 .fr .search form input{width: 250px; border: none;}
.top22bj .w1200 .fr .search form button{width: 60px; background: #c82224; border: none; color: #fff;}


.top3bj{font-size:16px; height:55px; z-index:999; position:absolute; width:100%; background:#000;}
.top3bj .w1200 ul{display: flex; justify-content:space-between; color: #fff; font-size: 16px; text-align: center; line-height:55px; margin:auto; float:left;}
.top3bj .w1200 ul li{width:150px;}
.top3bj .w1200 ul li a{display: block;}
.top3bj .w1200 ul li a:hover,.top3bj .w1200 ul li a.active{ background:#c82224;}

.top_fxied{width:100%; height:55px; background:#000; position: fixed; left:0; top:0; z-index:9999;justify-content: space-between; align-items: center; display:none;}
.top_fxied .top333{width:1200px; margin:auto; font-size:16px; height:55px;}
.top_fxied .top333 ul{display: flex; justify-content: space-between; color: #fff; font-size: 16px; text-align: center; line-height:55px; margin:auto; float:left;}
.top_fxied .top333 ul li{width:150px;}
.top_fxied .top333 ul li a{display: block;}
.top_fxied .top333 ul li a:hover,.top_fxied .top333 ul li a.active{ background:#c82224;}

/* 首页 */
.box1bj{overflow:hidden; background:url(images/box1bj.jpg) center center no-repeat; padding-top:60px; padding-bottom:80px;}
.box1bj .tit{text-align:center; width:1200px; margin:auto;}
.box1bj .tit dt{padding-bottom:30px; background:url(images/xian.png) bottom center no-repeat;} 
.box1bj .tit dt img{width:63px; height:18px;}
.box1bj .tit dd{font-size:36px; color:#000; font-weight:bold; margin-top:-30px;}
.box1bj .tit dd p{ font-size:12px; color:#CCC; font-weight:100;}
.box1bj .tit1{text-align:center; width:1200px; margin:auto;}
.box1bj .tit1 dt{padding-bottom:30px; background:url(images/xian2.png) bottom center no-repeat;} 
.box1bj .tit1 dt img{width:63px; height:18px;}
.box1bj .tit1 dd{font-size:36px; color:#000; font-weight:bold; margin-top:-30px;}
.box1bj .tit1 dd p{ font-size:12px; color:#CCC; font-weight:100;}
.box1bj .w1200{overflow:hidden; margin-top:30px; width:1200px; margin:auto;}
.box1bj .w1200 dl{width:1200px; margin:auto; padding-top:40px;}
.box1bj .w1200 dt{color:#fff; font-size:18px; float:left; font-weight:100; height:50px; line-height:50px; margin-right:10px; width:228px; overflow:hidden; text-align:center; background:#c82224; margin-bottom:10px;}
.box1bj .w1200 dt:hover{background:#000; color:#FFF;}
.box1bj .w1200 dt:last-child{ margin-right:0;}
.box1bj .bod{margin:auto; overflow:hidden; width:1200px; padding-top:40px; padding-bottom:20px;}
.box1bj .bod dl{float:left; width:281.25px; margin-right:25px; margin-bottom:25px; border:#ddd 1px solid; overflow:hidden; padding:10px; background:#FFF; text-align:center;}
.box1bj .bod dl dt{font-size:16px; font-weight:100; height:70px; align-items:center; display:flex; padding-top:10px; justify-content: center;}
.box1bj .bod dl dd{width:259.25px; height:353px; overflow:hidden;}
.box1bj .bod dl dd img{width:259.25px; cursor: pointer; transition: all 2s; height:353px;}
.box1bj .bod dl:hover img{transform: scale(1.3);}
.box1bj .bod dl:nth-child(4n){ margin-right:0;}
.box1bj .more{width:250px; height:55px; line-height:55px; border:#CCC 1px solid; font-size:18px; margin:auto; text-align:center; overflow:hidden; background:#FFF;}
.box1bj .more:hover{ background:#c82224; color:#FFF; border:none;}

.swiper-button-prev{left:40px; width: 54px; height: 73px; background: url(images/index_04.png) no-repeat;}
.swiper-button-next{right:40px; width: 54px; height: 73px; background: url(images/index_05.png) no-repeat;}

.box2bj{background: url(images/box2bj.jpg) top center no-repeat; padding-top:60px;}
.box2bj .tit{text-align:center; width:1200px; margin:auto; margin-bottom:40px;}
.box2bj .tit dt{padding-bottom:30px; background:url(images/xian1.png) bottom center no-repeat;} 
.box2bj .tit dt img{width:63px; height:18px;}
.box2bj .tit dd{font-size:36px; color:#fff; font-weight:bold; margin-top:-30px;}
.box2bj .tit dd p{ font-size:12px; color:#fff; font-weight:100;}
.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{background: #fff; transition: 0.5s; width:380px; transform: translate(280px,0) scale(0.6); box-shadow: 0 0 10px rgba(0,0,0,0.5); border:#FFF 5px solid;}
.box2bj .swiper-slide .img{width:370px; height:503.81px; overflow:hidden;}
.box2bj .swiper-slide .img img{width: 100%; height: 100%; cursor: pointer; transition: all 2s;}
.box2bj .swiper-slide .img:hover img{transform: scale(1.3);}
.box2bj .swiper-slide-active{position: relative; z-index: 2; transform: scale(1);}
.box2bj .swiper-slide-prev{transform: scale(0.8) translate(160px,0); z-index: 1;}
.box2bj .swiper-slide-next{transform: scale(0.8) 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.jpg) no-repeat;}
.box2bj .swiper-button-next{right: -60px; width: 54px; height: 73px; background: url(images/index_05.jpg) no-repeat;}
.box2bj .swiper-slide .info{height:50px; align-items: center; display: flex; justify-content: center; background:#c82224; color:#FFF;}
.box2bj .swiper-slide .info h3{text-align: center; font-size: 18px;}

.box4bj{overflow:hidden; padding-bottom:40px;}
.box4bj .tit{text-align:center; width:1200px; margin:auto;}
.box4bj .tit dt{padding-bottom:30px; background:url(images/xian.png) bottom center no-repeat;} 
.box4bj .tit dt img{width:63px; height:18px;}
.box4bj .tit dd{font-size:36px; color:#000; font-weight:bold; margin-top:-30px;}
.box4bj .tit dd p{ font-size:12px; color:#CCC; font-weight:100;}
.box4bj .tit1{text-align:center; width:1200px; margin:auto;}
.box4bj .tit1 dt{padding-bottom:30px; background:url(images/xian2.png) bottom center no-repeat;} 
.box4bj .tit1 dt img{width:63px; height:18px;}
.box4bj .tit1 dd{font-size:36px; color:#000; font-weight:bold; margin-top:-30px;}
.box4bj .tit1 dd p{ font-size:12px; color:#CCC; font-weight:100;}
.box3bj{width:100%; padding-top:60px; padding-bottom:60px; background:url(images/box3bj.jpg) center no-repeat;}
.box3{width:1200px; margin:auto; overflow:hidden; display: flex; align-items: center;}
.box3 .fl{width:500px; margin-right:60px;}
.box3 .fl img{width:100%; border:#FFF 10px solid;}
.box3 .fr{width:640px;}
.box3 .fr dt{ font-size:24px; color:#000;}
.box3 .fr dt p{font-size:16px; color:#666; line-height:26px; font-weight:100; padding-top:15px;}
.box3 .fr dd{font-size:16px; color:#fff; line-height:26px; width:160px; height:40px; background:#c82224; text-align:center; line-height:40px; margin-top:20px;}
.box3 .fr dd:hover{ background:#000;}

.box5bj{overflow:hidden; padding-top:60px;}
.box5bj .tit{text-align:center; width:1200px; margin:auto; margin-bottom:40px;}
.box5bj .tit dt{padding-bottom:30px; background:url(images/xian.png) bottom center no-repeat;} 
.box5bj .tit dt img{width:63px; height:18px;}
.box5bj .tit dd{font-size:36px; color:#000; font-weight:bold; margin-top:-30px;}
.box5bj .tit dd p{ font-size:12px; color:#CCC; font-weight:100;}
.box5bj .tit1{text-align:center; width:1200px; margin:auto; margin-bottom:40px;}
.box5bj .tit1 dt{padding-bottom:30px; background:url(images/xian2.png) bottom center no-repeat;} 
.box5bj .tit1 dt img{width:63px; height:18px;}
.box5bj .tit1 dd{font-size:36px; color:#000; font-weight:bold; margin-top:-30px;}
.box5bj .tit1 dd p{ font-size:12px; color:#CCC; font-weight:100;}

.box6bj{width:1200px; margin:auto; overflow:hidden; padding-bottom:60px;}
.box6bj .tit{text-align:center; width:1200px; margin:auto; margin-bottom:40px; margin-top:60px;}
.box6bj .tit dt{padding-bottom:30px; background:url(images/xian.png) bottom center no-repeat;} 
.box6bj .tit dt img{width:63px; height:18px;}
.box6bj .tit dd{font-size:36px; color:#000; font-weight:bold; margin-top:-30px;}
.box6bj .tit dd p{ font-size:12px; color:#CCC; font-weight:100;}
.box6bj .tit1{text-align:center; width:1200px; margin:auto; margin-bottom:40px; margin-top:60px;}
.box6bj .tit1 dt{padding-bottom:30px; background:url(images/xian2.png) bottom center no-repeat;} 
.box6bj .tit1 dt img{width:63px; height:18px;}
.box6bj .tit1 dd{font-size:36px; color:#000; font-weight:bold; margin-top:-30px;}
.box6bj .tit1 dd p{ font-size:12px; color:#CCC; font-weight:100;}
.box6{overflow:hidden;}
.box6 dl{box-shadow: 0 0 10px rgba(0,0,0,0.5); width:372px; margin-right:18px; float:left; padding:15px; background:#FFF; margin-left:10px; margin-top:10px; margin-bottom:10px; position:relative;}
.box6 dl:nth-child(3n){ margin-right:10px;}
.box6 dl span{font-size:18px; position: absolute; top:0; left:0; background:#c82224; margin-left:15px; height:80px; width:60px; text-align:center; color:#FFf; padding-top:16px;}
.box6 dl span p{ font-size:16px;}
.box6 dl img{ width:100%;}
.box6 dl dt{ margin-top:20px; font-size:18px; font-weight:bold; color:#333;}
.box6 dl dt p{ font-size:16px; color:#666; font-weight:100; margin-top:15px;}
.box6 dl dd{ margin-top:20px; font-size:16px; color:#c82224; font-weight:300;}


/* 底部 */
.bottom1bj{width:100%; background:#c82224; overflow:hidden; padding-top:30px; padding-bottom:30px;}
.bottom1bj .bottom1{width:1200px; margin:auto;}
.bottom1bj .bottom1 .fl{width:500px; margin-right:60px;}
.bottom1bj .bottom1 .fl img{width:100%;}
.bottom1bj .bottom1 .fr{width:640px;}
.bottom1bj .bottom1 .fr .bod1{overflow:hidden; border-bottom:#f53d40 1px dashed; margin-bottom:20px;}
.bottom1bj .bottom1 .fr .bod1 li{float:left; color:#FFF; font-size:16px; margin-right:35px; line-height:60px;}
.bottom1bj .bottom1 .fr .bod1 li:last-child{ margin-right:0px;}
.bottom1bj .bottom1 .fr .bod2{ overflow:hidden; display: flex; align-items: center; border-bottom:#f53d40 1px dashed; padding-bottom:20px; margin-bottom:20px;}
.bottom1bj .bottom1 .fr .bod2 dl{float:left; margin-right:80px; font-size:18px; color:#FFF; line-height:36px;}
.bottom1bj .bottom1 .fr .bod2 dl:nth-child(2){ margin-right:0px;}
.bottom1bj .bottom1 .fr .bod2 dl img{ width:124px; height:124px;}
.bottom1bj .bottom1 .fr .bod3{ overflow:hidden; color:#FFF;}
.bottom1bj .bottom1 .fr .bod3 dt{ font-size:24px;}
.bottom1bj .bottom1 .fr .bod3 dd{ font-size:16px; margin-top:5px;}

.bottombj{width:100%; background:#000; color:#fff; overflow:hidden; text-align:center; font-size:16px; height:60px; line-height:60px;}

/* 封面index_image */
.about{width:100%; margin-bottom:0px;overflow:hidden; text-align:center; position:relative; background:#fff;}
.about img{transition: all 5s; overflow:hidden;}
.about img:hover{transform: scale(1.1);}


/* 翻页 */
.fanye{overflow:hidden; padding-left:30px; width:1200px; margin:auto; margin-top:80px;}
.fanye a{float:left; color:#666; font-size:16px; margin-right:8px; border:#CCC 1px solid; padding:0px 10px;}

/* 新闻列表 list_imag */
.list_news_bj{background:#eee; overflow:hidden;}
.list_news{margin:auto; margin-bottom:80px;}
.list_news .txt{font-size:36px; color:#333; width:1200px; margin:auto; background:url(images/dian2.png) no-repeat left center; padding-left:125px; border-bottom:#CCC 1px solid; margin-bottom:30px; font-weight:bold; line-height:78px; margin-top:40px;}
.list_news .txt span{font-size:16px; float:right; color:#666; padding-top:15px;}
.list_news .bod{margin:auto; overflow:hidden; width:1200px;}
.list_news .bod dl{padding-top:30px; padding-bottom:30px; justify-content: center; display: flex; border-bottom:#CCC 1px solid; align-items: center;}
.list_news .bod dl .fl{margin-top:15px; margin-right:100px;}
.list_news .bod dl .fl dt{float:left; font-size:30px; color:#999; background:url(images/jt.png) no-repeat bottom left; height:100px; margin-right:30px; font-weight:100;}
.list_news .bod dl:hover .fl dt{background:url(images/jt.jpg) no-repeat bottom left;}
.list_news .bod dl .fl dd{ font-size:20px;}
.list_news .bod dl .fl dd p{ font-size:17px; color:#666; padding-top:15px; line-height:24px;}
.list_news .bod dl .fr{}
.list_news .bod dl .fr img{ width:260px; height:150px;}
.list_news .box1{width:1200px; margin:auto;}
.list_news .box1 h1{ font-size:30px; text-align:center; color:#000;}
.list_news .box1 .box1_tit{ font-size:14px; color:#666; text-align:center; padding-top:20px;}
.list_news .box1 .box1_tit span{ padding-left:20px; padding-right:20px;}
.list_news .box1 .box1_bod{ font-size:16px; text-align:left; color:#333; margin-top:30px; line-height:30px; border-top:#CCC 1px dashed; padding-top:30px; border-bottom:#CCC 1px dashed; padding-bottom:30px; margin-bottom:40px;}
.list_news .box2_l{width:1200px; margin:auto; overflow:hidden;}
.list_news .box2_l .fl{ font-size:16px; color:#666; text-align:left;}
.list_news .box2_l .fr{ font-size:16px; color:#666; text-align:right;}

/* 关于我们 about */
.about_box1{width:100%; margin:auto; overflow:hidden;}
.about_box1 .txt{font-size:36px; color:#333; width:1200px; margin:auto; background:url(images/dian2.png) no-repeat left center; padding-left:125px; border-bottom:#CCC 1px solid; margin-bottom:30px; font-weight:bold; line-height:78px; margin-top:40px;}
.about_box1 .txt span{font-size:16px; float:right; color:#666; padding-top:15px;}
.about_box1 .bod{font-size:18px; color:#333; text-align:left; line-height:36px; width:1200px; margin:auto; margin-bottom:80px; overflow:hidden;}
.about_box1 .bod img{ padding-top:30px;}
.about_box1 .bod p{ padding-top:20px;}

/* 产品 list_image */
.prbj{width:100%; background:#fff;}
.prbj .pr{ width:1200px; margin:auto; padding-top:30px; padding-bottom:30px; overflow:hidden;}
.prbj .pr dl{ width:1200px; margin:auto;}
.prbj .pr dl dt{color:#fff; font-size:18px; float:left; font-weight:100; margin-right:10px; background:#c82224; height:50px; line-height:50px; width:228px; text-align:center; margin-bottom:10px;}
.prbj .pr dl dt:hover{color:#fff; background:#000;}
.prbj .pr .select a{color:#fff; font-size:18px; float:left; font-weight:100; border:#CCC 1px solid; margin-right:20px; padding-left:40px; padding-right:40px; padding-top:12px; padding-bottom:12px; background:#000;}

.list_img_bj{background:#fff; overflow:hidden;}
.list_img{margin:auto; overflow:hidden; width:1200px;}
.list_img .txt{font-size:36px; color:#333; width:1200px; margin:auto; background:url(images/dian2.png) no-repeat left center; padding-left:125px; border-bottom:#CCC 1px solid; margin-bottom:0px; font-weight:bold; line-height:78px;}
.list_img .txt span{font-size:16px; float:right; color:#666; padding-top:15px;}

.box1111bj{overflow:hidden; padding-bottom:60px;}
.box1111bj .bod{margin:auto; overflow:hidden; width:1200px; padding-top:40px; padding-bottom:20px;}
.box1111bj .bod dl{float:left; width:281.25px; margin-right:25px; margin-bottom:25px; border:#ddd 1px solid; overflow:hidden; padding:10px; background:#FFF; text-align:center;}
.box1111bj .bod dl dt{font-size:16px; font-weight:100; height:70px; align-items:center; display:flex; padding-top:10px; justify-content: center;}
.box1111bj .bod dl dd{width:259.25px; height:353px; overflow:hidden;}
.box1111bj .bod dl dd img{width:259.25px; cursor: pointer; transition: all 2s; height:353px;}
.box1111bj .bod dl:hover img{transform: scale(1.3);}
.box1111bj .bod dl:nth-child(4n){ margin-right:0;}

.pr_nbj{background:#eee; width:100%; overflow:hidden;}
.pr_nbj .txt{font-size:36px; color:#333; width:1200px; margin:auto; margin-top:40px; background:url(images/dian.png) no-repeat top left; padding-left:40px; line-height:72px; border-bottom:#CCC 1px solid; padding-bottom:5px; margin-bottom:60px;}
.pr_nbj .txt span{font-size:16px; float:right; color:#666; padding-top:15px;}
.pr_nbj .pr_n{ width:1200px; margin:auto; margin-bottom:60px; overflow:hidden;}
.pr_nbj .pr_n .fl{width:30%; overflow:hidden;}
.pr_nbj .pr_n .fl img{width:100%; transition: all 2s; overflow:hidden;}
.pr_nbj .pr_n .fl img:hover{transform: scale(1.3);}
.pr_nbj .pr_n .fr{width:65%; margin-left:5%;}
.pr_nbj .pr_n .fr dt{font-size:30px; line-height:80px; border-bottom:#ddd 1px solid;}
.pr_nbj .pr_n .fr dd{ margin-top:20px;}
.pr_nbj .pr_n .fr dd p{ font-size:16px; line-height:30px; color:#666;}
.pr_nbj .pr_n .fr .pr_n1{ margin-top:30px; }
.pr_nbj .pr_n .fr .pr_n1 .tit{font-size:18px; overflow:hidden; background:#e5e5e5; height:38px; line-height:38px; padding-left:15px; border:#ddd 1px solid;}
.pr_nbj .pr_n .fr .pr_n1 dl{ float:left; width:22%; margin-right:4%; overflow:hidden;}
.pr_nbj .pr_n .fr .pr_n1 dl:nth-child(5n){ margin-right:0px;}
.pr_nbj .pr_n .fr .pr_n1 dl dt img{ width:100%;}
.pr_nbj .pr_n .fr .pr_n1 dl dd{ font-size:16px; color:#666; text-align:center; margin-top:20px;}
.pr_nbj .pr_bod{background:#FFF; width:1200px; margin:auto; overflow:hidden; margin-bottom:80px; font-size:16px; color:#333; border:#ddd 1px solid; padding:20px 40px;}

.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;}