html,body,h1,h2,h3,h4,h5,h6,p,pre,dl,dt,dd,ul,li,form,input{margin: 0; padding: 0;}
body{font-family: arial; overflow-x:hidden}
li{list-style: none;}
a{color: inherit; text-decoration: none;}
a:hover{color: inherit; text-decoration: none;}
a:focus,input:focus{outline: none;}
img{border: none;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}

/* 头部 */
.top1bj{border-bottom: 1px solid #ddd;}
.top1bj .container{height: 90px; }
.top1bj .fl{display: flex; height: 100%; align-items: center;}
.top1bj .fl img{height: 80%; margin-right: 20px;}
.top1bj .fl li{font-size: 16px; color: #0d9758; font-weight:bold;}
.top1bj .fr{display: flex; align-items: center; height: 100%;}
.top1bj .fr li{font-size: 16px;}
.top1bj .fr img{height: 80%; margin-left: 20px;}
.top1bj .fr .navbar{margin-bottom: 0; border: none; background: none;}
.top1bj .fr .navbar-toggle{margin-right: 0;margin-left: 10px;}
.top2bj{background: #0d9758; line-height: 50px; color: #fff; text-align: center;}

/* 首页 */
.box1bj{padding: 50px 0;}
.box1bj .container{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.box1bj .container:before,.box1bj .container:after{display: none;}
.box1bj .container .fl,.box1bj .container .fr{width: 49%;}
.box1bj .container .fl img{width: 100%;}
.box1bj .container .fr h3{font-size: 20px; color: #0d9758; font-weight: bold; margin-bottom: 15px;}
.box1bj .container .fr p{text-indent: 2em; line-height: 24px; margin-bottom: 6px;}
.box1bj .container .fr .more{background: #0d9758; padding: 8px 20px; color: #fff; margin-top: 10px; display: inline-block; font-size: 12px;}

.box2bj{background: #f2f2f2; padding: 30px 0;}
.box2bj .tit{background: #fff; line-height: 50px; display: flex; justify-content: space-between; text-align: center; margin-bottom: 20px;}
.box2bj .tit li{flex-grow: 1; border-right: 1px solid #ddd; transition: 0.5s;}
.box2bj .tit li:nth-last-child(1){border-right: 0;}
.box2bj .tit li a{display: block;}
.box2bj .tit li:hover{background: #0d9758; color: #fff;}
.box2bj .row dt{height: 0; padding-bottom: 100%; position: relative; overflow: hidden;}
.box2bj .row dl{margin-bottom: 20px;}
.box2bj .row dl:hover dd{background: #0d9758; color: #fff;}
.box2bj .row dt img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.5s;}
.box2bj .row dt img:hover{transform: scale(1.2);}
.box2bj .row dd{text-align: center; padding: 15px 0; background: #fff; margin-top: 1px; transition: 0.5s;}

.box3bj{padding: 30px 0;}
.box3bj .tit{text-align: center;}
.box3bj .tit dt{font-size: 30px; color: #444;}
.box3bj .tit dd{width: 40px; height: 3px; background: #0d9758; margin: 6px auto 20px;}
.box3bj .bod{display: flex; flex-wrap: wrap; justify-content: space-between;}
.box3bj .bod .item{width: 49%; margin-bottom: 20px;}
.box3bj .bod .item img{width: 100%;}
.box3bj .bod .fl{background: #0d9758;}
.box3bj .bod .fr{background: #686662;}
.box3bj .bod .bt,.box3bj .bod .info{display: flex; justify-content: space-between; text-align: center;}
.box3bj .bod .bt h4,.box3bj .bod .info ul{line-height: 30px; color: #fff; width: 48%; font-size: 16px;}
.box3bj .bod .info ul{padding: 10px; font-size: 14px; height: 190px; line-height: 24px;}

.box4bj{padding: 0 0 30px;}
.box4bj .tit{text-align: center; background: url(images/index_08.jpg); background-size: auto 100%}
.box4bj ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.box4bj ul li{width: 32%; height: 0; padding-bottom: 30%; position: relative; margin-top: 2%; border: 4px solid #0d9758; overflow: hidden;}
.box4bj ul li img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.5s;}
.box4bj ul li img:hover{transform: scale(1.2);}

.box5bj{padding: 30px 0; background: #0d9758;}
.box5bj .tit{text-align: center;}
.box5bj .tit dt{font-size: 30px; color: #fff;}
.box5bj .tit dd{width: 40px; height: 3px; background: #fff; margin: 6px auto 30px;}
.box5bj .bod ul{display: flex; margin-bottom: 20px;}
.box5bj .bod ul li img{width: 100%; transition: 0.5s;}
.box5bj .bod ul li img:hover{transform: scale(1.2); box-shadow: 0 0 10px rgba(0,0,0,0.8)}
.box5bj .bod .ul1{justify-content: space-around;}
.box5bj .bod .ul1 li{width: 28%;}
.box5bj .bod .ul2{justify-content: space-between;}
.box5bj .bod .ul2 li{width: 18%;}

.box6bj{padding: 30px 0;}
.box6bj .tit{text-align: center;}
.box6bj .tit dt{font-size: 30px; color: #444;}
.box6bj .tit dd{width: 40px; height: 3px; background: #0d9758; margin: 6px auto 30px;}
.box6bj .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}
.box6bj .bod li{width: 24%; margin-bottom: 1%; border: 2px solid #d0d0d0;}
.box6bj .bod li img{width: 100%;}

.bottom1bj{background: #0d9758; padding: 30px 0;}
.bottom1bj .container:before,.bottom1bj .container:after{display: none;}
.bottom1bj .container{display: flex; justify-content: space-between; align-items: center;}
.bottom1bj .container .fl{width: 200px; height: 200px; position: relative; background: #fff;}
.bottom1bj .container .fl img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 80%; margin: auto;}
.bottom1bj .container dl{color: #fff;}
.bottom1bj .container dl dt{font-size: 16px; margin: 5px 0;}
.bottom1bj .container dl dd{margin: 5px 0;}
.bottom1bj .container .fr{width: 200px;}
.bottom1bj .container .fr img{width: 100%;}

/* 产品列表 */
.fanye{margin-top:20px;}
.fanye li{float:left; color:#666; font-size:14px; margin-right:8px;}

/* 新闻列表 */
.list_news{padding-top:10px;}
.list_news li{padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #d7d7d7;}
.list_news li a{font-size:16px; color:#ff8400; font-weight:bold;}
.list_news li p{font-size:14px; color:#333; margin-top:10px;}


@media (max-width: 768px){
	.top1bj .container{height: 60px; }
	.top1bj .fr li{font-size: 14px;}
	.top1bj .fr img{height: 80%; margin-left: 10px;}
	.box1bj{padding: 20px 0;}
	.box1bj .container .fl,.box1bj .container .fr{width: 100%;}
	.box1bj .container .fr{margin-top: 20px;}
	.box2bj{padding: 20px 0 10px;}
	.box3bj{padding: 20px 0 10px;}
	.box3bj .tit dt{font-size: 20px;}
	.box3bj .bod .item{width: 100%;}
	.box3bj .bod .info ul{height: auto;}
	.box4bj{padding: 0 0 20px;}
	.box4bj ul li{width: 49%; padding-bottom: 49%; border-width: 2px;}
	.box5bj{padding: 20px 0 10px;}
	.box5bj .tit dt{font-size: 20px;}
	.box5bj .tit dd{margin: 6px auto 20px;}
	.box5bj .bod ul{display: flex; margin-bottom: 10px;}
	.box5bj .bod .ul2{justify-content: space-around; flex-wrap: wrap;}
	.box5bj .bod .ul2 li{width: 28%; margin-bottom: 10px;}
	.box6bj{padding: 20px 0;}
	.box6bj .tit dt{font-size: 20px;}
	.box6bj .bod li{width: 49%;}
	.bottom1bj{padding: 20px 0;}
	.bottom1bj .container{flex-wrap: wrap;}
	.bottom1bj .container dl{order: 0; text-align: center; width: 100%; margin-bottom: 10px;}
	.bottom1bj .container .fl{order: 1; width: 49%; height: 0; padding-bottom: 49%;}
	.bottom1bj .container .fr{order: 2; width: 49%;}
}