/*全局*/
:root{
	--color:#333;
	--redColor:#D1111C;
}
* {box-sizing: border-box;}
html {overflow-x: hidden;}
body {color: #333;line-height: 2;font-size: 16px;overflow-x: hidden;background-color: #fff;}
a:hover {text-decoration: none;color: #00aaa6;}
.margin-top10 {margin-top: 10px;}
.margin-top15 {margin-top: 15px;}
.margin-top20 {margin-top: 20px;}
.margin-top30 {margin-top: 30px;}
.margin-top40 {margin-top: 40px;}
.margin-top50 {margin-top: 50px;}
.mt60 {margin-top: 30px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.margin-bottom40 {margin-bottom: 40px;}
.relative {position: relative;}
.text-white,.text-white a {color: #fff;}
/*图片父级容器正方形显示*/
.auto-box {position: relative;overflow: hidden; padding-bottom: 100%;border: 0px solid #ddd;background: #f8f8f8;}
.auto-box .auto-flex {position: absolute;width:100%; height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.auto-box .auto-flex a {display: block;height: 100%;}
.auto-box .auto-flex img {height:100%;max-width: auto!important;}

/* 首页 */
.layui-container {position: relative;}
.banner-box .swiper-slide {height: 730px;}
#header {background-color: #fff;}
#header .layui-container {display: flex;justify-content: space-between;align-items: center;}
.nav-box >ul {display: flex;}
.nav-box >ul >li {position: relative;}
.nav-box >ul >li >a {display: block;line-height: 100px;padding: 0 20px;font-size: 18px;border-bottom: 3px solid transparent;}
.nav-box >ul >li >a:hover {border-bottom: 3px solid #00aaa6;color: #00aaa6;}
.submenu {position: absolute;left: 0;z-index: 2;background-color: #00aaa6;min-width: 100%;display: none;}
.submenu >ol >li >a {display: block;white-space: nowrap;padding: 0 10px;line-height: 40px;color: #fff;font-size: 14px;border-bottom: 1px solid #009a96;text-align: center;}
.submenu >ol >li >a:hover {background-color: #009a96;}
.tel-box {font-size: 22px;font-weight: bold;}
.tel-box img {vertical-align: middle;margin-right: 8px;margin-top: -4px;}
.nav-box >ul >li:nth-child(2) {content: '';font-family: layui-icon!important;font-style: normal;
    -webkit-font-smoothing: antialiased;}

.search-box {background-color: #fff;padding:20px 0;display: flex;justify-content: space-between;line-height: 40px;}
#form-search {display: flex;}
#form-search .input-box {border: 1px solid #ddd;padding:5px 10px;font-size: 14px;min-width: 240px;}
#btn-search {background-color: #00aaa6;color: #fff;border: none;width: 60px;}
#btn-search .layui-icon {font-size: 20px;}

#index-product-block {background-color: #F0F0F0;padding-top: 70px;padding-bottom: 70px;}
.procate-box .item {background-color: #fff;display: flex;margin-bottom: 30px;}
.procate-box .item .coverimg {width: 265px;height: 232px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.procate-box .item .coverimg img {width: 100%;}
.procate-box .item .cate-info {flex: 1;padding: 30px;}
.procate-box .item .cate-info .title {font-size: 24px;}
.procate-box .item .cate-info p {font-size: 14px;color: #999;}
.procate-box .item .cate-info .short-line {display: inline-block;width: 20px;height: 2px;background-color: #00aaa6;}

.title-box {text-align: center;}
.title-box .title {font-size: 36px;line-height: 1.6;}
.title-box .txt span {color: #1A5CA8;}
.title-box .line img {display: block;margin: 0 auto;}
.title-box p {color: #888;font-size: 18px;}

#index-anli-block {background: ;padding-top: 80px;padding-bottom: 80px;}
.scroll-anli-box {position: relative;}
.scroll-anli a.img {display: flex;height: 300px;/*background-color: #f7f7f7;*/justify-content: center;align-items: center;overflow: hidden;}
.scroll-anli a.img img {height: 100%;width: 100%;}
.scroll-anli-box .prev {position: absolute;left: -50px;top: 35%;display: inline-block;z-index: 98;}
.scroll-anli-box .next {position: absolute;right: -50px;top: 35%;display: inline-block;z-index: 98;}
.scroll-anli .item .title {margin-top: 10px;text-align: center;}
.scroll-anli .item p {font-size: 14px;color: #999;}
.scroll-anli .item .more {border-top: 1px solid #ddd;margin-top: 5px;line-height: 40px;}
.scroll-anli .item .more a {display: flex;justify-content: space-between;flex-shrink: 0;}
.scroll-anli .item .more a img {object-fit: contain;}

#index-fangan-block {background: url(../images/fangan-bg2.jpg) center top no-repeat;padding-top: 60px;padding-bottom: 60px;}
#index-fangan-block .title-box .title{color:#fff;}

.fangan-box .item {margin-bottom: 60px;}
.fangan-box .item a {display: block;}
.fangan-box .item .title {font-size: 22px;color: #00aaa6;margin: 15px 0;}
.fangan-box .item p{color:#777;}

#index-news-block {margin-top: 50px;}
.hot-news a {display: flex;height: 460px;overflow: hidden;justify-content: center;align-items: center;position: relative;}
.hot-news a img {height: 100%;width: 100%;}
.hot-news a p {position: absolute;left: 0;right: 0;bottom: 0;line-height: 40px;background-color: rgba(0,0,0,0.5);color: #fff;z-index: 1;padding: 0 10px;}
.news-item .float-left {width: 110px;height: 80px;display: block;background-color: #f7f7f7;}
.news-item .float-left img {width: 100%;height: 100%;}
.news-item .title {line-height: 1.8;}
.news-item p {font-size: 14px;color: #666;line-height: 1.5;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;}

.footer {background-color: #333333;margin-top: 40px;padding-top: 30px;color: #999;}
.footer-logo-nav-qrcode {display: flex;justify-content: space-between;}
.logo-nav ul a {color: #999;display: inline-block;margin-right: 50px;}
.qrcode img {width: 150px;height: 150px;}
.links {border-top: 1px solid #444;margin-top: 20px;border-bottom: 1px solid #444;padding-top: 15px;padding-bottom: 15px;font-size: 14px;}
.links a {color: #999;font-size: 14px;margin-right: 20px;}
.copyrights {font-size: 14px;padding-bottom: 30px;padding-top: 15px;color: #999;}
.copyrights a {color: #999;}

/*footer-tools*/
.footer-tools{position:fixed;left:0;bottom:0;right:0;z-index:999;background:#2967AF;height:1rem;}
.footer-tools ul li{width:25%;float:left;}
.footer-tools ul li a{display:block;text-align:center;color:#FFF;font-size:.18rem;height:.88rem;padding-top:.1rem;line-height:1.5;}
.footer-tools ul li a img{width:.42rem;height:.42rem;}

@media only screen and (min-width: 980px)  {
	.layui-container {width: 1300px;}
}
@media only screen and (min-width: 320px) and (max-width: 640px)  {
	body {font-size: 14px;}
	body:before {content: '';display: block;height: 80px;}
	body:after {content: '';display: block;height: 0.88rem;}
	.banner-box .swiper-slide {height: 4rem;background-size: cover!important;}
	#header {position: fixed;padding-top: 10px;padding-bottom: 10px;z-index: 3;left: 0;right: 0;top:0;height: 80px;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
	#header .nav-bar {width: 80px;display: flex;justify-content: flex-end;align-items: center;}
	#header .logo {flex: 1;height: 60px;}
	#header .logo img {height: 100%;object-fit: contain;}
	#header .nav-box {position:fixed;top:0px;left:-140px;width: 140px;bottom:0;background-color: #1A5CA8;z-index: 99;}
	#header .nav-box >ul {display: flex;flex-wrap: wrap;}
	#header .nav-box >ul >li {display:block;width: 100%;}
	#header .nav-box >ul >li >a {color:#fff;border-bottom:1px solid #2967AF;font-size:16px;line-height:50px;}
	#header .nav-box >ul >li >a >i {display: none;}
	#btn-navbar .layui-icon {font-size: 30px;color: #1A5CA8;}
	
	.title-box .title {font-size: 0.4rem;}
	.title-box p {font-size: 12px;}
	
	.procate-box .item {margin-bottom: 15px;}
	.procate-box .item .coverimg {width: 150px;height: 110px;}
	.procate-box .item .cate-info {padding: 10px;}
	.procate-box .item .cate-info .title {font-size: 14px;line-height: 1.4;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.procate-box .item .cate-info p {font-size: 12px;line-height:1.5;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;margin-top: 6px;}
	
	#index-product-block {padding-top: 20px;padding-bottom: 30px;}
	
	#index-anli-block {padding-top: 30px;padding-bottom: 30px;}
	.scroll-anli a.img {height: 4.8rem;}
	
	#index-fangan-block {padding-top: 30px;padding-bottom: 30px;}
	.fangan-box .item .title {margin:5px 0;font-size: 18px;}
	.fangan-box .item p {line-height: 1.5;font-size: 12px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;text-overflow: ellipsis;}
	.fangan-box .item {margin-bottom: 20px;}
	
	#index-news-block {margin-top: 30px;}
	.hot-news {margin-bottom: 15px;}
	.hot-news a {height: 4.8rem;}
	.news-item p {font-size: 12px;}
	
	.footer {padding-top: 15px;}
	.links {margin-top: 0;padding-top: 0;border-top: none;line-height: 1.5;font-size: 12px;}
	.links a {margin-right: 10px;font-size: 12px;}
	.copyrights {padding-bottom: 15px;font-size: 12px;}
	
}