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

/* 头部 */
.toppp{ width:100%; height:35px; background:#F5F5F5;}
.topp{ width:1200px; margin:auto;}
.topp dl{ float:left;}
.topp dl dt{ font-size:14px; color:#666; line-height:35px; font-weight:100; text-align:left; width:1000px;}
.topp dl dd{ font-size:14px; color:#666; line-height:35px; font-weight:100; text-align:right; width:200px;}
.topp dl dd a:hover{ color:#33a36b;}

.top22bj{ width:100%;}
.top22bj .w1200{height: 140px; display: flex; align-items: center;}
.top22bj .w1200 .fl{display: flex; align-items: center; width:850px;}
.top22bj .w1200 .fl dl{ float:left; font-size:40px; font-weight:bold; color:#33a36b; margin-right:30px;}
.top22bj .w1200 .fl dl p{ font-size:14px; color:#666;  text-transform: uppercase; font-weight:normal;}
.top22bj .w1200 .fl dl dt{ font-size:32px; color:#000; font-weight:bold;}
.top22bj .w1200 .fl dl dd{ font-size:16px; color:#33a36b; font-weight:normal;}
.top22bj .w1200 .fl dl:nth-child(1){ border-right:#CCC 1px solid; padding-right:30px;}
.top22bj .w1200 .fr{display:flex; align-items: center; width:350px; float:right;}
.top22bj .w1200 .fr dl{ float:left;}
.top22bj .w1200 .fr dl img{ width:100%; padding-right:15px;}
.top22bj .w1200 .fr dl dt{ font-size:30px; font-weight:bold; font-family:Arial; color:#33a36b; line-height:32px;}
.top22bj .w1200 .fr dl dd{ font-size:30px; font-weight:bold; font-family:Arial; color:#000; line-height:32px;}

.top3bj{font-size:16px; height:55px; z-index:999; position:absolute; width:100%; background:#33a36b;}
.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:180px;}
.top3bj .w1200 ul li a{display: block;}
.top3bj .w1200 ul li a:hover,.top3bj .w1200 ul li a.active{ background:#000;}
.top3bj .w1200 .search{display: flex; align-items: center; position: relative; height:60px; padding-left:50px;}
.top3bj .w1200 .search .form{display: none;}
.top3bj .w1200 .search form{position: absolute; top: 65px; right: 0; display: flex; height: 40px; z-index:9999; border:#33a36b 1px solid;}
.top3bj .w1200 .search form input{width: 250px; border: none;}
.top3bj .w1200 .search form button{width: 60px; background: #33a36b; border: none; color: #fff;}

.top_fxied{width:100%; height:55px; background:#33a36b; 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;}
.top_fxied .top333 ul li{width:180px;}
.top_fxied .top333 ul li a{display: block;}
.top_fxied .top333 ul li a:hover,.top_fxied .top333 ul li a.active{ background:#000;}


/* 首页 */
.box1{width:100%; margin-top:60px; overflow:hidden;}
.box1 .tit{text-align:center;}
.box1 .tit dt{font-size:36px; background:url(images/dian1.png) bottom center no-repeat; height:70px;} 
.box1 .tit dd{ border-top:#CCC 1px solid; margin-top:-5px; font-size:24px; color:#ccc; padding-top:10px;}
.box1 .w1200{margin-top:50px;}
.box1 .w1200 .fl{width:540px; display: flex; align-items: center;}
.box1 .w1200 .fl img{width:100%; border:#eee 10px solid;}
.box1 .w1200 .fr{ width:600px; margin-left:60px; }
.box1 .w1200 .fr p{ padding-bottom:30px; line-height:28px; font-size:16px;}
.box2bj{margin-top:60px; overflow:hidden; margin-bottom:100px;}
.box2bj .tit{text-align:center;}
.box2bj .tit dt{font-size:36px; background:url(images/dian1.png) bottom center no-repeat; height:70px;} 
.box2bj .tit dd{ border-top:#CCC 1px solid; margin-top:-5px; font-size:24px; color:#ccc; padding-top:10px;}
.box2bj .w1200{ width:1200px; margin:auto; padding-top:30px; padding-bottom:30px;}
.box2bj .w1200 dl{display: flex; align-items: center; justify-content: center;}
.box2bj .w1200 dl .jiantou{ font-size:18px;padding-right:20px;}
.box2bj .w1200 dl dt{color:#fff; font-size:18px; float:left; font-weight:100; margin-right:20px; padding-left:40px; padding-right:40px; padding-top:12px; padding-bottom:12px; background:#33a36b;}
.box2bj .w1200 dl dt:hover{color:#fff; background:#000;}
.box2bj .w1200 .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;}

.box2bj .bod{margin:auto; overflow:hidden; width:1200px; padding-top:40px; padding-bottom:20px;}
.box2bj .bod dl{float:left; width:32%; margin-right:2%; margin-bottom:40px;}
.box2bj .bod dl p{ text-align:center; margin-top:35px; font-size:16px;}
.box2bj .bod dl img{width:100%; cursor: pointer; transition: all 2s;}
.box2bj .bod dl:hover img{transform: scale(1.3);}
.box2bj .bod dl:nth-child(3n){ margin-right:0;}
.box2bj .more{width:250px; height:55px; line-height:55px; border:#CCC 1px solid; font-size:18px; margin:auto; text-align:center; overflow:hidden;}
.box2bj .more:hover{ background:#000; color:#FFF;}

.box3bj{ width:100%; background: url(images/box3bj.jpg) no-repeat center; overflow:hidden;}
.box3{width:1200px; margin:auto; font-size:36px; color:#FFF; font-weight:bold; text-align:center; padding-top:60px; padding-bottom:60px;}
.box3 p{padding-top:40px;}

.box4{width:1200px; margin:auto; overflow:hidden; margin-top:50px;}
.box4 .bod1{background:#eee; padding:20px; overflow:hidden; display: flex; align-items: center; margin-top:40px;}
.box4 .bod1 .fl{width:620px; margin-right:30px;}
.box4 .bod1 .fl img{width:620px; border:#FFF 5px solid;}
.box4 .bod1 .fr{width:510px;}
.box4 .bod1 .fr dt{font-size:24px;}
.box4 .bod1 .fr dd{width:80px; height:3px; background:#999; margin-top:20px; margin-bottom:20px;}
.box4 .bod1 .fr p{font-size:16px; line-height:28px; color:#666;}
.box4 .bod1 .fr .mm{width:180px; height:45px; border:#CCC 1px solid; margin-top:20px; font-size:18px; line-height:45px; text-align:center; color:#000;}
.box4 .bod1 .fr .mm:hover{ background:#33a36b; color:#FFF;}
.box4 .bod2{background:#eee; padding:20px; overflow:hidden; display: flex; align-items: center; margin-top:40px;}
.box4 .bod2 .fr{width:620px; margin-right:30px;}
.box4 .bod2 .fr img{width:620px; border:#FFF 5px solid;}
.box4 .bod2 .fl{width:510px;}
.box4 .bod2 .fl dt{font-size:24px;}
.box4 .bod2 .fl dd{width:80px; height:3px; background:#999; margin-top:20px; margin-bottom:20px;}
.box4 .bod2 .fl p{font-size:16px; line-height:28px; color:#666;}
.box4 .bod2 .fl .mm{width:180px; height:45px; border:#CCC 1px solid; margin-top:20px; font-size:18px; line-height:45px; text-align:center; color:#000;}
.box4 .bod2 .fl .mm:hover{ background:#33a36b; color:#FFF;}

.box5bj{width:100%; background:url(images/box5bj.jpg) no-repeat center; overflow:hidden; margin-top:80px;}
.box5{width:1200px; margin:auto; padding-top:40px; padding-bottom:40px; overflow:hidden;}
.box5 dl{float:left; width:240px; text-align:center;}
.box5 dl:hover{ color:#3da772;}
.box5 dl:hover img{webkit-transition:0.5s linear;transition:0.5s ease-in; -webkit-transform:rotate(360deg);transform:rotate(360deg);}
.box5 dl p{ font-size:18px; padding-top:20px;}

.box6bj{margin-top:60px; overflow:hidden; margin-bottom:100px;}
.box6bj .tit{text-align:center;}
.box6bj .tit dt{font-size:36px; background:url(images/dian1.png) bottom center no-repeat; height:70px;} 
.box6bj .tit dd{ border-top:#CCC 1px solid; margin-top:-5px; font-size:24px; color:#ccc; padding-top:10px;}
.box6bj .bod{margin:auto; overflow:hidden; width:1200px; padding-top:40px; padding-bottom:20px;}
.box6bj .bod dl{float:left; width:32%; margin-right:2%; margin-bottom:40px;}
.box6bj .bod dl p{ text-align:center; margin-top:35px; font-size:16px;}
.box6bj .bod dl img{width:100%; cursor: pointer; transition: all 2s; border:#eee 5px solid;}
.box6bj .bod dl:hover img{transform: scale(1.3);}
.box6bj .bod dl:nth-child(3n){ margin-right:0;}
.box6bj .more{width:250px; height:55px; line-height:55px; border:#CCC 1px solid; font-size:18px; margin:auto; text-align:center; overflow:hidden;}
.box6bj .more:hover{ background:#000; color:#FFF;}

.box7bj{margin-top:40px; overflow:hidden; margin-bottom:100px;}
.box7bj .tit{text-align:center;}
.box7bj .tit dt{font-size:36px; background:url(images/dian1.png) bottom center no-repeat; height:70px;} 
.box7bj .tit dd{ border-top:#CCC 1px solid; margin-top:-5px; font-size:24px; color:#ccc; padding-top:10px;}
.box7bj .bod{overflow:hidden; width:1200px; background:#eee; display: flex; align-items: center; margin-top:40px;}
.box7bj .bod .fl{width:655px; margin-right:45px;}
.box7bj .bod .fl img{ width:100%;}
.box7bj .bod .fr{ width:500px;}
.box7bj .bod .fr dl{ font-size:20px; font-weight:bold; margin-bottom:30px;}
.box7bj .bod .fr dl p{ font-size:16px; font-weight:100; padding-top:10px;}
.box7bj .bod .fr dl:last-child{ margin-bottom:0;}
.box7bj .bod2{overflow:hidden; margin-top:30px; display: flex; justify-content: space-between;}
.box7bj .bod2 dl{ width:272px; float:left;}
.box7bj .bod2 dl img{ width:272px; height:194px;}

.box8bj{margin-top:40px; overflow:hidden;}
.box8bj .tit{text-align:center;}
.box8bj .tit dt{font-size:36px; background:url(images/dian1.png) bottom center no-repeat; height:70px;} 
.box8bj .tit dd{ border-top:#CCC 1px solid; margin-top:-5px; font-size:24px; color:#ccc; padding-top:10px;}
.box8bj .bod{overflow:hidden; background:url(images/box8bj.jpg) center no-repeat; overflow:hidden; padding-top:40px; padding-bottom:40px; margin-top:40px;}
.box8bj .bod .w1200{background:#FFF; overflow:hidden;}
.box8bj .bod .w1200 dl{float:left; width:300px; text-align:center;}


/* 底部 */
.bottom{background:#46ab79; overflow:hidden; font-size:48px; text-align:center; color:#FFF; font-weight:bold; padding:20px;}
.bottom p{ font-size:18px; font-weight:100;}
.bottom1bj{height:60px; overflow:hidden; background:#349465;}
.bottom1{display: flex; justify-content: space-between; overflow:hidden;}
.bottom1 li{float:left; padding-right:60px; color:#FFF; font-size:16px; line-height:60px;}
.bottom2bj{background:#46ab79; overflow:hidden;}
.bottom2{display: flex; align-items: center;}
.bottom2 dl{ float:left; width:600px; text-align:center; margin-top:30px; font-size:16px; color:#FFF; margin-bottom:30px;}
.bottom2 dl p{ padding-top:10px;}
.bottom3bj{background:#46ab79; height:60px; overflow:hidden; border-top:#268757 1px solid; display: flex; justify-content: center; align-items: center;}
.bottom3bj dl{float:left; margin-right:60px; text-align:center; font-size:16px; color:#FFF;}
.bottom3bj dl:last-child{ margin-right:0;}

/* 封面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; line-height:35px; height:35px;}
.fanye a{float:left; color:#666; font-size:16px; margin-right:8px; border:#CCC 1px solid; line-height:35px; height:35px; 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; margin-top:100px; 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;}
.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;}
.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:28px;}
.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; margin-top:50px; 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;}
.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;}
.prbj .pr dl{display: flex; align-items: center; justify-content: center;}
.prbj .pr dl .jiantou{ font-size:18px;padding-right:20px;}
.prbj .pr dl dt{color:#fff; font-size:18px; float:left; font-weight:100; margin-right:20px; padding-left:40px; padding-right:40px; padding-top:12px; padding-bottom:12px; background:#33a36b;}
.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_image_bj{background:#fff; overflow:hidden;}
.list_image{margin:auto; margin-bottom:80px;}
.list_image .txt{font-size:36px; color:#333; width:1200px; margin:auto; 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;}
.list_image .txt span{font-size:16px; float:right; color:#666; padding-top:15px;}
.list_image .bod{ width:1200px; margin:auto;}
.list_image .bod dl{float:left; width:23.5%; margin-right:2%; margin-bottom:40px;}
.list_image .bod dl p{ text-align:center; margin-top:35px; font-size:16px;}
.list_image .bod dl img{width:100%; cursor: pointer; transition: all 2s;}
.list_image .bod dl:hover img{transform: scale(1.3);}
.list_image .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:35%;}
.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:60%; margin-left:5%;}
.pr_nbj .pr_n .fr dt{ font-size:30px; margin-top:30px;}
.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; padding:40px; font-size:16px; color:#333; border:#ddd 1px solid;}

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