/*全局*/
* {box-sizing: border-box;}
html {overflow-x: hidden;}
body {color: #333;line-height: 2;font-size: 14px;overflow-x: hidden;min-width: 1170px;background-color: #fff;}
.layui-container {width: 1170px;}
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: 15px;padding-bottom: 15px;background: url(../images/p_02.jpg) left top repeat-x; height: 123px;}
.logo {margin-top: 10px;}
.pinpai {margin-left: 80px;}
.tel-box {margin-top: 18px;}
.saletel {font-size: 20px;line-height: 1.6;}
.saletel p {font-size: 20px;height: 40px;color: #c00;}

.nav-box {background-color: #333;}
.nav-box >ul >li {float: left;width: 16.66666%;}
.nav-box >ul >li:nth-child(1) {background: none;}
.nav-box >ul >li >a {display: block;text-align: center;line-height: 60px;color: #fff;font-size: 20px;border-bottom: 2px solid #333;}
.nav-box >ul >li >a:hover {color: #02AEEE;font-size: 20px;border-bottom: 2px solid #02AEEE;}

.banner-box .bd ul li {height: 698px;}
.banner-box {position: relative;}
.banner-box .hd {position: absolute;left: 0; right: 0; bottom: 0; text-align: center;}
.banner-box .hd li {display: inline-block;width: 25px;height: 25px;border-radius: 50%;background-color: #fff;margin:0px 5px;overflow: hidden;text-indent: 10em;}
.banner-box .hd li.on {background-color: #02AEEE;}

.title >p {text-transform: uppercase;font-size: 36px;line-height: normal;}
.title-txt {border-left: 10px solid #0167B2; padding-left: 10px;line-height: normal;}
.title-txt h3 {font-size: 30px;font-weight: bold;}
.title-txt p {font-size: 18px;}
.title-txt .more {float: right;display: block;background-color: #0167B2;color: #fff;padding: 0px 15px;line-height: 50px;}

.index-pro-cate {background-color: #E2E2E2;margin-top: 20px;}
.index-pro-cate ul li {float: left;}
.pro-cate li a {display: block;line-height: 50px;padding: 0px 15px;}
.pro-cate li a:hover {background-color: #02AEEE;color: #fff;}

.index-search {margin-left: 50px;padding-top: 10px;}
#form-index-search {background-color: #fff;height: 30px;border-radius: 15px;padding: 0px 10px;}
#form-index-search input {height: 30px;width: 200px;border: none;}
#btn-index-search {border: none;background: none;height: 28px;}
.more-cate a {display: block;line-height: 50px;padding: 0 20px;background-color: #CCCCCC;}

.index-pro-list >ul >li {float: left;width: 25%; margin-bottom: 15px;padding-left: 5px; padding-right: 5px;box-sizing: border-box;}
.index-pro-list >ul {margin-left: -5px; margin-right: -5px;}
.index-pro {height: 240px; overflow: hidden;background-color: #f7f7f7;text-align: center;display: flex;justify-content: center;align-items: center;border: 1px solid #0167B2;}
.index-pro img {height: 100%;}
.index-pro-list p {background-color: #0167B2;color: #fff;text-align: center;line-height: 40px;}

.index-youshi-block {background-color: #F3F8FC;padding-top: 30px; padding-bottom: 30px;margin-top: 40px;}
.index-youshi-box {background: url(../images/youshi-bg.jpg) center top no-repeat;min-height: 688px;}
.youshi-box1 {padding-left: 200px;margin-top: 50px;width: 660px;line-height: 1.7;}
.youshi-box2 {padding-left: 550px;margin-top: 100px;width: 480px;box-sizing: content-box;line-height: 1.7;}
.youshi-box3 {padding-left: 200px;margin-top: 70px;width: 660px;line-height: 1.7;}
.youshi-box1 p, .youshi-box2 p, .youshi-box3 p {margin-top: 10px;}

.index-about {background-color: #E2E2E2;padding-top: 30px;height: 400px;}
.title2 {line-height: normal;}
.title2 h3 {font-size: 28px;}
.title2 p {text-transform: capitalize; font-size: 30px;}

.com-info {background-color: #fff;padding: 30px;margin-top: 50px;}

.link-more {display: inline-block;background-color: #0167B2;color: #fff;padding: 0px 50px; line-height: 36px;border-radius: 18px;}
.link-more:hover {background-color: #1279C4;color: #fff;}

.scroll-news .bd li {float: left;width: 33.3333%;}
.scroll-news .bd li .index-news {margin: 0px 10px;}

.title3 {text-align: center;}
.title3 h3 {border-bottom: 2px solid #f5f5f5;height: 26px;display: inline-block;padding-left: 100px;padding-right: 100px;font-size: 24px;font-weight: bold;}
.title3 h3 span {background-color: #fff;display: inline-block; padding: 0px 20px;}
.title3 h3 i {color: #007AFF;font-style: normal;}

.index-news {padding: 15px;transition: background-color 0.3s;}
.index-news:hover {background-color: #eee;}
.index-news:hover .more {background-color: #007AFF;}
.index-news .date {color: #888;font-size: 18px;}
.index-news .date span {display: inline-block;border-bottom: 2px solid #ccc;padding-right: 20px;}
.index-news h3 {margin: 0px 0 10px;}
.index-news >p {color: #777;}
.index-news .more {display: inline-block;background-color: #eee;padding: 4px 10px 6px;margin-top: 30px;}
.scroll-news .bd {margin-left: 60px;margin-right: 60px;}
.scroll-news {position: relative;}
.scroll-news .prev {position: absolute;left: 0;top: 0; height: 100%;width: 44px;background:url(../images/prev.png) center no-repeat;}
.scroll-news .next {position: absolute;right: 0;top: 0; height: 100%;width: 44px;background:url(../images/next.png) center no-repeat;}

.footer {background-color: #0167B2;color: #fff;padding-top: 20px; padding-bottom: 20px;}
.footer-lianxi-title h2 {display: inline-block;border-bottom: 2px solid #fff;}
.footer-com-name {margin-top: 15px; margin-bottom: 15px;}

#form-index-liuyan label {display: block;margin-top: 10px;}
#form-index-liuyan input, #form-index-liuyan textarea {width: 100%;border: 0;background-color: #A7C4E2; height: 30px;padding: 5px;color: #fff;}
#form-index-liuyan textarea {height: 60px;}

#btn-index-liuyan {background-color: #A7C4E2;border: none;padding: 2px;padding-right: 12px;color: #fff;}
#btn-index-liuyan span {display: inline-block;background-color: #1779C4;color: #fff;line-height: 30px;padding: 0 10px;margin-right: 15px;}
#btn-index-liuyan:hover {background-color: #D3EAFA;}

.footer-nav {background-color: #F0F0F0;text-align: center;font-size: 18px;line-height: 60px;border-bottom: 1px solid #666;}
.footer-nav .layui-breadcrumb * {font-size: 18px!important;}
.footer-nav .layui-breadcrumb span {margin:0px 30px;}
.footer-lianxi2 {background-color: #F0F0F0;padding-top: 15px; padding-bottom: 15px;}

.copyrights {background-color: #0167B2;color: #fff;padding-top: 15px; padding-bottom: 15px;}
.copyrights a {color: #fff;}


/* 内页样式 */
.left-nav-list {padding: 10px;}
.left-nav-list li a {display: block;text-align: center;line-height: 40px;border-bottom: 1px dotted #ddd;}
.left-lianxi ul {padding: 10px;}
.left-lianxi ul li span {display: inline-block;width: 18px;color: #999;text-align: center;}

#main-con {background: #fff;padding: 10px 15px;}
#nav-position {border-bottom: 1px solid #ddd;padding-bottom: 5px;margin-bottom: 10px;}
.page-con {min-height: 505px;}

.newsWrap {margin-top: 20px;margin-bottom:20px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}

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