/* 头部 */

a { 
	text-decoration:none; 
	color: #333;
}

.header{height: 60px; padding: 10px 0;  }
.logo{position: absolute; left: 0; top: 5px;}
.logo img{}

.header .layui-nav{position: absolute; right: 0; top: 0; left: 250px; padding: 0; background: none;}
.header .layui-nav .layui-nav-item{margin: 0 10px; }
.header .layui-nav .layui-nav-item[mobile]{display: none;}
.layui-nav .layui-nav-item a {color:#fff}
.layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a{color:rgba(255,255,255,.7)}
.header .layui-container .logo{left: 15px;}
.header .layui-container .layui-nav{right: 15px;}
.header-nav{ }
.header-top {padding: 10px 0; margin-right: 40px;}
.header-top li { float: right; margin-right: 20px; color: #01AAED;}
.layui-nav .layui-nav-child{}
.layui-nav .layui-nav-child a { font-size: 12px; color: #3d464d; }
.layui-nav .layui-nav-child a:hover { color: #1E9FFF; }
.layui-nav .layui-nav-child { white-space:normal; width: 720px;  left: -150px; padding: 10px; overflow: auto}
.layui-nav .layui-nav-produt-title {color: #01AAED; font-size: 12px;}
.layui-nav .layui-nav-produt-title a{color: #01AAED; font-size: 12px;}
.layui-nav .layui-nav-child .layui-nav-produt{ display: inline-block;position:relative;vertical-align: top; margin-right: 8px; width: 130px;  }
.layui-nav .layui-nav-child .layui-nav-produt-list li{ white-space: nowrap; text-overflow:ellipsis;overflow: hidden;  width: 130px;word-break:break-all;text-align: left;}
.layui-nav .layui-nav-child .layui-nav-produt-list li a{ padding: 0 3px; }
.box-nav {margin-top: 15px; padding-bottom: 8px; border-bottom: 1px solid rgb(221, 220, 220)}
/* 尾部 */
.layui-footer{width: 100%; color: #fff;}
.layui-footer a {color: #fff;}
.layui-footer a:hover,.layui-nav .layui-this a{color:rgba(255,255,255,.7)}
.footer-box { padding: 15px;}
.footer-list {float: left; width: 180px; padding-top: 10px;}
.footer-nav-title {font-size: 16px; font-weight: 300px; }
.footer-nav .footer-nac-list { padding-top: 10px;}
.footer-nav .footer-nac-list li { line-height: 33px;}
.footer-nav .footer-nac-list li a{font-weight: 100;}
.footer-info{width: 100%; padding: 20px 0; margin: 0 auto; line-height: 25px; font-size: 12px; }

/* 首页 */
.layui-carousel img{ width: 100%; height: 100%;}
.layui-elem-field legend {
  margin-left: 44%;
  padding: 0 10px;
  font-size: 30px;
  font-weight: 300;
}
.index-boximg-one { color: #fff;}
.index-boximg-one li { float: left; width: 273px; height: 300px; background: #01AAED;  border-top:10px solid #505050}
.index-boximg-one li a {color: #fff;}
.index-boximg-one li:hover {background: #7E7E7E;-moz-transition:all .25s ease-in-out; -webkit-transition:all .25s ease-in-out; transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out;}
.index-boximg-one li div {color: #fff; text-align: center;opacity: 1;}
.index-boximg-one li div .layui-icon{display: block; font-size: 120px; color: #0d0d0d; padding-bottom: 20px;}
.index-boximg-one li div img{ font-size: 120px; width: 180px; height: 180px; color: #0d0d0d; padding-top: 30px; }
.index-boximg-one li div h3 { font-size: 18px; padding-top: 5px;}
.index-boximg-one li div p { font-size: 16px; font-weight: 200; padding: 10px;}
.col-space15 { margin-right: 15px;}

.index-boximg-two-ul { display: flex; display: -webkit-flex; justify-content:space-between;width: 100%;flex-direction:row;flex-wrap:wrap;}
.index-boximg-two li { margin-top: 15px; width: 275px; height: 250px; overflow: hidden;}
.index-boximg-two li .bucket {width: 275px; height: 250px; text-align: center;position: relative;z-index: 1;overflow: hidden;}
.index-boximg-two li .bucket img{ width: 275px; height: 250px;    position: relative; z-index: 1; }
.index-boximg-two .borderwrap{ width: 275px; height: 80px; position: absolute; left:0;bottom:0;  z-index: 100;opacity: 0.9;  display: none;} 

.index-boximg-two .borderwrap::before {
  position: absolute;
  z-index: 100;
 
  content: '';
}

.index-boximg-two .borderwrap .content-wrapper {  position: absolute;     z-index: 10; color: #fff;  width: 100%; height: 100%;}
.index-boximg-two .borderwrap .content-wrapper span {width: 200px;}
.index-boximg-two .borderwrap .content-wrapper p { font-size: 16px; padding-top: 10px; line-height: 1.4em; font-weight: 500;}

.vertical-align{display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-align-items: center;
  /* align-items: center; */
  -ms-flex-align: center;
  -webkit-justify-content: center;
  justify-content: center;}

.index-news-box{ display: flex;display: -webkit-flex;justify-content:space-between; color: #3d464d;}
.index-news-list { width: 260px; border: 1px solid #e6e6e6;}
.index-news-list .index-news-list-img img { width: 100%; height: 150px;}
.index-news-list .index-news-list-title { padding: 5px 2px;font-weight:bold;}
.index-news-list .index-news-list-desc { padding: 3px 3px 8px 3px; }

.index-news-list li{ margin-bottom: 15px; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.index-news-list li a { color: #3d464d;line-height: 22px;font-size:16px;font-weight: 400;letter-spacing: 1px;}
.index-news-list li .list-date{ color: rgb(177, 175, 175);  float: left; font-size:20px;font-weight: 400; margin-right: 15px; }

.index-news-img {float: right;  width: 270px; }
.index-news-img li { margin-top: 15px; }
.index-news-img li img {width:270px;}

/* 产品 */
.product-box {display: flex;display: -webkit-flex;justify-content:space-between}
.product-img-box {margin-top: 15px;}
.product-img-box .product-img-big img {width: 450px; height: 450px;}
.product-img-box .product-img-small li {float: left; margin-right: 8px;}
.product-img-box .product-img-small li img{ width: 120px; height: 120px; border: 1px solid rgb(221, 220, 220)}
.product-box .maidianico { width: 550px; display: flex;display: -webkit-flex;flex-direction:column; padding-top: 20px;  }
.product-box .maidianico .maidianico-ico { margin-bottom: 15px;}
.product-box .maidianico img { width: 150px; height: 50px;}
.product-box .maidianico .maidianico-title h2 {font-size:24px;}
.product-box .maidianico .maidianico-desc {margin-top:10px; line-height:24px;}
.product-box .otherpro { width: 250px; display: flex;display: -webkit-flex;flex-direction:column; padding-top: 50px; }
.product-box .otherpro img { width: 250px; height: 250px;}
.product-box .otherpro .otherpro-ico { margin-bottom: 30px;}

.layui-tab{ margin-top: 25px;}
.layui-tab-content { padding: 15px;}

/* 新闻 */
.news-nav { float: left;margin-top: 20px; background: #1E9FFF; width: 210px; height: 300px; padding: 20px 0px 20px 1px;}
.news-nav .news-nav-box li{ line-height: 35px; height: 45px;}
.news-nav .news-nav-box li a { padding: 15px 66px 15px 50px ;width: 150px;  font-size: 16px; font-weight: 300;  color: #fff; }
.news-nav .news-nav-box li a:hover{ background: #fff;color: #01AAED}
.news-nav .news-nav-box .choose a{ background: #fff;color: #01AAED}
.news-box .title{ float: left; margin-left: 20px; margin-top: 10px;  line-height: 35px; color: #3d464d}
.news-box .title h3 { font-size: 22px; color: #44a8f2}

.news-list {float: left; margin-top: 20px; margin-left: 20px; }
.news-list li{  width: 900px; margin-bottom: 15px; border-bottom: 1px dotted #dddddd; padding-bottom: 10px;}
.news-list li a { color: #3d464d;line-height: 22px;font-size:16px;font-weight: 400;letter-spacing: 1px;}
.news-list li .list-date{ color: rgb(177, 175, 175);  float: left; font-size:20px;font-weight: 400; margin-right: 15px; }

.news-desc {float: left;margin-top: 20px; margin-left: 20px; color:  #707473; }
.news-desc .news-desc-info h2 {color: #44a8f2; font-size: 18px; margin-bottom: 10px;}
.news-desc .news-desc-content {margin-top: 20px; width: 900px; min-height: 450px; }
.news-desc .news-desc-content p {line-height: 25px; }

.news-box-right {float: left;width: 900px;}
.news-box-right .title {width: 100%; margin-bottom: 10px;}
.news-list-hot { margin-top: 20px; margin-left: 20px; width: 900px;}
.news-list-hot li{  width: 200px; float: left; margin-bottom: 15px; margin-right: 18px; border: 3px solid #dddddd; padding-bottom: 10px;}
.news-list-hot li .list-img img{ width: 200px; height: 150;}
.news-list-hot li a { color: #3d464d;line-height: 22px;font-size:16px;font-weight: 400;letter-spacing: 1px;}
.news-list-hot li .list-date{ color: rgb(177, 175, 175);  float: left; font-size:20px;font-weight: 400; margin-right: 15px; }
.news-box-right .list-title { text-align: center;  margin-top: 10px; line-height: 30px; }
.news-box-right .list-title a:hover{ color: #01AAED;  }



.layui-nav .layui-nav-child .layui-nav-produt-s{ display: inline-block;position:relative;vertical-align: top; margin-right: 8px; width: 130px;  }
.layui-nav .layui-nav-child .layui-nav-produt-list-s li{ white-space: nowrap; text-overflow:ellipsis;overflow: hidden;  width: 130px;word-break:break-all;text-align: left;}
.layui-nav .layui-nav-child .layui-nav-produt-list-s li a{ padding: 0 3px; }
.layui-nav .layui-nav-child .layui-breadcrumb a { display:inline; padding:15px 10px;; }
.layui-nav .layui-nav-child a:hover {
	background-color:#fff;
	color:#000
}

.layui-main-nine .layui-nav-child {
	height:300px;
	width: 800px;
}

.layui-nav-bar {
	display:none;
}


.layui-nav .layui-nav-item .class-navlist-data {
	display:none;
	float:left;
	width: 25%;
    height: 64px;
    text-align: center;
    position: relative;
    cursor: pointer;
    vertical-align: top;
    margin-top: 15px;}
.class-navlist-data img {
	width: 52px;
    height: 52px;
    float: left;
}

.class-navlist-data p {
	float: left;
    margin-left: 10px;
    line-height: 54px;
    color: #333;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}