/*全局*/
: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: #F7F8FC;min-width: 1200px;}
.layui-container {width: 1200px;}
a:hover {text-decoration: none;color: #f00;}
.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;}
.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;}
/* .index-pro-list p {text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;} */

/* 首页 */
.header {padding-top: 10px;padding-bottom: 10px;}
.top-tel-img {margin-left: 300px;margin-top:30px;}
.top-tel {color: #0298B1;line-height: 1.5;font-size: 20px;}

.nav-box {background-color: #0298B1;}
.nav-box >ul>li {float: left;width: 20%;background: url(../images/line.jpg) left center no-repeat;}
.nav-box >ul>li:nth-child(1) {background: none;}
.nav-box >ul>li >a {display: block;text-align: center;color: #fff;line-height: 60px;font-size: 18px;}
.nav-box >ul >li >a:hover {background-color: #F8CE00;color: #000;}

.banner-box .swiper-slide {height: 705px;}
.banner-box .swiper-slide a {display: block;height: 100%;}

.title {color: #018DA4;text-align: center;line-height: 1.4;}
.title h3 {font-size: 34px;}
.title .line {display: inline-block;width: 40px;height: 2px;background-color: #018DA4;}

.index-about-block {background-color: #EEF0EF;padding-top: 50px;padding-bottom: 50px;}
.about-box h3 {font-size: 30px;line-height: normal;margin-bottom: 20px;color: #018DA4;}
.about-con {text-indent: 2em;}

.index-procate-list .item {display: block;background-color: #fff;color: #018DA4;text-align: center;padding-top: 30px;padding-bottom: 20px;box-shadow: 0px 2px 7px rgba(0,0,0,0.07);}
.index-procate-list .item h3 {font-size: 26px;line-height: normal;}
.index-procate-list .item p {font-size: 12px;}
.index-procate-list .item span {display: inline-block;background-color: #F8CE00;color: #000;padding: 0 10px;font-size: 12px;}
.index-procate-list .item:hover {background-color: #F8CE00;color: #000;}
.index-procate-list .item:hover span {background-color: #fff;color: #000;}

.active.item {background-color: #F8CE00!important;color: #000;}
.active.item span {background-color: #fff;color: #000;}


.index-product .img {border: 3px solid #028E9F;overflow: hidden;height: 270px;display: flex;justify-content: center;align-items: center;background: #fff;}
.index-product .img img {height: 100%;}
.index-product p {color: #028E9F;font-weight: 600;position: relative;margin-top: 10px;font-size: 18px;margin-bottom: 30px;}
.index-product p a {position: absolute;right: 8px;bottom: 0;}

.index-news-block {background-color: #EEF0EF;padding-top: 50px; padding-bottom: 50px;}

.news-item {background-color: #fff;margin-bottom:20px;transition: all 0.3s;}
.news-item:hover {box-shadow: 0px 2px 10px rgba(0,0,0,0.2);}
.news-item .news-img {display: block;height: 250px;overflow: hidden;background-color: #f7f7f7;}
.news-item .news-img img {height: 100%;min-width: 100%;}
.news-item .news-info {padding: 10px;}
.news-item .news-info h4 {color: #028E9F;}
.news-item .news-info p {font-size: 12px;color: #777;height: 50px;}
.news-item .news-info .news-date {font-size: 12px;color: #999;}
.news-item .news-info .news-date a {color: #028E9F;float: right;}

#form-liuyan input,#form-liuyan textarea {background-color: #E6E6E6;border: none;padding: 3px 8px;width: 100%;}
#form-liuyan input {height: 44px;}
#form-liuyan textarea {height: 144px;padding: 10px;}
#form-liuyan label {font-size: 20px;color: #777;}
#btn-liuyan {background: url(../images/i_33.png);width: 154px;height: 50px;border: none;}

.footer {background-color: #0298B1;color: #fff;padding-top: 50px;padding-bottom: 30px;}
.footer a {color: #9DD7E2;}
.footer-nav a {display: block;border-bottom: 1px solid #9DD7E2;line-height: 40px;margin-bottom: 10px;}
.footer-lianxi {color: #9DD7E2;margin-top: 15px;}
.copyrights {color: #9DD7E2;}
.copyrights a {color: #9DD7E2;}

/* 内页样式 */
.nav-position-title {background-color: #1B5A9F;color: #fff;font-size: 36px;font-weight: bold;padding-top: 20px; padding-bottom: 20px;}
.nav-position {background-color: #F2F2F2;text-align: right;line-height: 40px;padding-right: 15px;}
/*.left-box {width: 244px;}
.right-box {width: 900px;}*/
.left-title {}
#main-box {margin-top: 40px;}
.left-menu {background-color: #525252;color: #fff;line-height: 40px;padding: 0 10px;margin-top: 1px;}
.left-menu a {color: #fff;}
.left-menu i {float: right;}
.left-submenu {display: none;}
.left-submenu li {border-bottom: 1px solid #ddd;}
.left-submenu a {display: block;line-height: 36px;padding: 0 5px;font-size: 14px;}
.left-submenu a i {font-size: 14px;}
.pagination-group {background: #fff;}


@media only screen and (min-width: 320px) and (max-width: 640px)  {
	
	
	
}