body{background: #fff;}

/** 首页 */

/*导航部分*/
.top_bor{ height:30px; line-height:30px; width:100%; background:#4c4c4c;font-size:12px; color:#fff; z-index:99999; position:relative;}
.top_con{ text-align:right; }
.nav{width: 100%; height: auto; box-shadow: 0 3px 3px 0 #CCC; background: #FFF; position: fixed; left: 0; top: 0; z-index: 999; overflow: hidden; transition: 0.3s;}
.nav.index{background: rgba(255, 255, 255 ,1); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);padding-top:30px;}
.nav.scroll{ background: #FFF; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s;padding-top:0;}
.nav .layui-container{position: relative; transition: all 400ms ease-out;}
.nav .nav-logo{height: 100%; position: absolute; top: 0; left: 15px; line-height: 80px;}
.nav .nav-list{display: inline-block; height:85px;margin-top:35px;}
.nav .nav-list button{width: 25px; height: 30px; position: absolute; top: 30px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;}
.nav .nav-list button span{display: block; width: 25px; height: 3px; background: #2db5a3; margin-bottom: 6px; transition: 0.5s;}
.nav .nav-list button span.spa1{transform: rotate(45deg);}
.nav .nav-list button span.spa3{transform: rotate(-45deg) translate(5px,-5px);}
.nav .layui-nav{width: 100%; position: absolute; top: 0; right: 0; color: #000; background: transparent;}
.nav .layui-nav .layui-nav-item{display: block; line-height: 35px;}
.nav .layui-nav *{font-size: 14px;}
.nav .layui-nav .layui-nav-item a{padding: 0 0; color: #39464e ;}
.nav .layui-nav-bar,
.nav .layui-nav .layui-this:after{height: 3px; background-color: #f33414;}
.nav .layui-nav .layui-this a
,.nav .layui-nav .layui-nav-item a:hover{color: #f33414;}

/*轮播*/
#banner img{min-width: 100%; height: 747px;}
#banner .panel{width: 1100px; position: absolute; top: 15%; left: 50%; margin-left: -550px; text-align: center;}
#banner .panel p{color: #fff; font-size: 28px; line-height: 80px; letter-spacing: 3px;}
#banner .panel p.title{color: #fff; font-size: 54px; letter-spacing: 10px;}
/*小屏幕*/
@media screen and (min-width: 768px){
  .nav{max-height: 85px;}
  .nav.index{background: rgba(255, 255, 255 ,1);}
  .nav .nav-list button{display: none;}
  .nav .layui-nav{width: auto; position: absolute; top: 0px; padding: 0px 5px 3px; border-radius: 0; margin: 0;}
  .nav .layui-nav .layui-nav-item{display: inline-block; margin:0 38px;}
}
@media screen and (min-width: 768px) and (max-width: 992px){
  .main.product .content div.right{padding-left: 20px;}
  .nav .layui-nav .layui-nav-item{margin:0 33px;}
}
/*大屏幕*/
@media screen and (min-width: 1300px) {
  .layui-container{width: 1160px; padding: 0;}
  .nav .nav-logo{position: absolute; top: 0; left: 0;}
  .layui-col-space80{margin: -40px;}
  .layui-col-space80>*{padding: 40px;}
}
/*主体—产品*/
.main-product{padding-top: 50px; padding-bottom: 30px;}
.main-product p{font-size: 16px; color: #ababab; line-height: 28px; padding-bottom:30px;}
.main-product p.title
,.main-service p.title{color: #484848; font-size: 24px; text-align: center; line-height:1.3;}
.main-product p.title span
,.main-service p.title span{color: #777f84; font-size:18px; }
.main-product .content{border: 1px solid #DEDEDE; padding: 30px 36px 0 36px; text-align: center; transition: 0.3s;}
.main-product .content p.label{font-size: 22px; color: #373d41; font-weight:300; line-height: 46px; padding-top: 6px;}
.main-product .content p.ced{font-size: 15px; color: #777f84; line-height: 28px;padding-left:0;padding-right:0; padding-bottom: 36px;}
.main-product .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;}
.main-product .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}
.main-product .content img{transition: .3s; width:60px; height:60px;}
.main-product .content img:hover{transform: rotateY(180deg);}

.main-service{background: #38adff; padding:60px 0;}
.ser_img{ text-align:center;}
.ser_txt{ color:#fff; }
.ser_txt h3{ font-size:25px; font-weight:700;padding:20px 0;padding-top:188px;}.ser_txt p{ font-size:18px; font-weight:100; line-height:1.8}

.main-jiage{background: #fafafa; padding:60px 0;}
.main-jiage p{font-size: 16px; color: #ababab; line-height: 28px; padding-bottom:30px;}
.main-jiage p.title
,.main-jiage p.title{color: #484848; font-size: 24px; text-align: center; line-height:1.3;}
.main-jiage p.title span
,.main-jiage p.title span{color: #777f84; font-size:16px; }


table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table
.table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px
solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px
solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px
solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.layui-container .table tr th,.layui-container .table tr td{ padding-top:12px; padding-bottom:12px;}
.layui-btn{background:#f33414}

.main-feed{background: #fff; padding:60px 0;}
.main-feed p{font-size: 16px; color: #ababab; line-height: 28px; padding-bottom:30px;}
.main-feed p.title
,.main-feed p.title{color: #484848; font-size: 24px; text-align: center; line-height:1.3;}
.main-feed p.title span
,.main-feed p.title span{color: #777f84; font-size:16px; }

.main-js{background: #fafafa; padding:60px 0;}
.main-js p{font-size: 16px; color: #ababab; line-height: 28px; padding-bottom:30px;}
.main-js p.title{color: #484848; font-size: 24px; text-align: center; line-height:1.3;}
.jsli{ line-height:2; font-size:14px;}

.main-foot{background: #222; padding:30px 0 0; color:#fff;}


.footer{margin-top:30px;background:#000; height:50px; text-align:center; line-height:50px;color:#fff;}
.footer a{color:#E7E7E7}
.footlogo{}
.footcontact{ line-height:30px; font-size:16px;}
.footel{ line-height:1.2; font-size:18px}.footel span{ line-height:1.2; font-size:38px}




.banner .title{padding-top:30px}
.banner .title.active{padding-top:0px; transition: 1.5s;}
.banner .title p{color:#fff; line-height:38px; font-size:34px; padding-top:150px;}
.banner .title p span{color:#fff; line-height:38px; font-size:22px;}
.price_banner{height:380px; margin-top:85px; background:#222; overflow:hidden;}

.main-case{backgroud:#fafafa;padding-bottom:50px;}
.main-case .title{ text-align:center; font-size:30px; line-height:1.2;padding-top:50px;padding-bottom:30px;}
.main-case .title span{ font-size:18px; color:#767676;font-weight:100;}
.case-bor{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s; border:1px solid #DCDCDC;}
.case-img img{ width:100%; height:auto;}
.case-p{ padding:15px; line-height:1.8}
.case-title{ font-size:20px;}
.case-bb{color:#0086F5;}
.case-jj{ height:80px; display:inline-block;}
.case-gm{ line-height:30px; text-indent:15px;padding-bottom:10px;}

.main-fuwu{}
.main-fuwu .title{ text-align:center; font-size:30px; line-height:1.2;padding-top:50px;padding-bottom:30px;}
.main-fuwu .title span{ font-size:18px; color:#767676;font-weight:100;}
.main-fuwu .content > div{padding-bottom: 40px; border-bottom: 1px dashed #eaeaea; position: relative;}
.main-fuwu .content .news-img{display: inline-block; width: 30%; vertical-align: top;}
.main-fuwu .content .news-img img{max-width: 90%;}
.main-fuwu .content .news-panel{display: inline-block; width: 70%; vertical-align: top; padding-left: 5px; box-sizing: border-box;}
.main-fuwu .content .news-panel strong a{display: block; color: #555; font-size: 18px; line-height: 26px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.main-fuwu .content .news-panel p.detail{color: #777; line-height: 24px;}
.main-fuwu .content .news-panel p.read-push{color: #AAA; padding-top: 5px;}
.main-fuwu #newsPage .layui-laypage{display: block; text-align: center; margin-top: 70px;}
.main-fuwu #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}
/*动态详情页*/
.main-newsdate{margin-top: 10px; text-align: center;}
.main-newsdate .news{text-align: left; line-height: 104px;}
.main-newsdate h1{padding-top: 6px; font-size:28px;}
.main-newsdate .pushtime{color: #686868; font-size: 18px; line-height: 82px;}
.main-newsdate .introTop{padding-bottom: 28px; font-size: 18px; line-height: 20px; text-align: left;}
.main-newsdate .introBott{font-size: 14px; color:#454545; line-height: 1.7; text-align: justify; padding: 10px 0 102px 0;}
.main-newsdate img{max-width: 100%;}


.main-ggg{padding-top: 50px; padding-bottom: 30px;background: #fafafa;}
.main-ggg p{font-size: 16px; color: #ababab; line-height: 28px; padding-bottom:30px;}
.main-ggg p.title
,.main-ggg p.title{color: #484848; font-size: 24px; text-align: center; line-height:1.3;}
.main-product p.title span
,.main-ggg p.title span{color: #777f84; font-size:18px; }
.main-ggg .content{border: 1px solid #DEDEDE; padding: 30px 36px 0 36px; text-align: center; transition: 0.3s; background:#fff}
.main-ggg .content p.label{font-size: 22px; color: #373d41; font-weight:300; line-height: 46px; padding-top: 6px;}
.main-ggg .content p.ced{font-size: 15px; color: #777f84; line-height: 28px;padding-left:0;padding-right:0; padding-bottom: 36px;}
.main-ggg .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;}
.main-ggg .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s; background:#f33414}
.main-ggg .content:hover p.label{ color:#fff;}
.main-ggg .content:hover p.ced{ color:#fff;}
.main-ggg .content img{transition: .3s; width:80px; height:80px;}
.main-ggg .content img:hover{transform: rotateY(180deg);}
.pro-tit{border-left:3px solid #f33414; text-indent:8px; font-size:16px;}
.pro-txt{border-left:3px solid #fff; font-size:15px; height:66px; color:#888888; line-height:1.8; padding:8px;}
.pro-li{padding-top:50px;padding-bottom:50px;}


.footer-list{
	border-bottom: 1px solid #43474A;
	font-size:14px;
}
.footer-list .footer-list-content>div{
	display: inline-block;
	width:24%;
	padding: 20px 0;
}
.footer-list .footer-list-content>div>div{
	display: inline-block;
	color:#fff;
}
.footer-list .footer-list-content b{
	display: inline-block;
	width: 50px;height:50px;
	margin-right: 5px;
	vertical-align: top;
	background: url("../images/index-icon.png") no-repeat -104px -75px;
}
.footer-list .footer-list-content p{
	font-size:16px;
	padding-bottom: 10px;
}
.footer-list .footer-list-content h6{
	color:#808080;
}
.footer-list .footer-list1:hover h6{
	color:#bbb;
}
.footer-list .footer-list1:hover b{
	background-position: -209px -75px;
}
.footer-list .footer-list2 b{
	background-position: -159px -75px;
}
.footer-list .footer-list2:hover h6{
	color:#bbb;
}
.footer-list .footer-list2:hover b{
	background-position: -264px -75px;
}
.footer-list .footer-list3 b{
	background-position: -104px -127px;
}
.footer-list .footer-list3:hover h6{
	color:#bbb;
}
.footer-list .footer-list3:hover b{
	background-position: -209px -127px;
}
.footer-list .footer-list4 b{
	background-position: -159px -127px;
}
.footer-list .footer-list4:hover h6{
	color:#bbb;
}
.footer-list .footer-list4:hover b{
	background-position: -264px -127px;
}

.footer-list .footer-list1:hover p,.footer-list .footer-list2:hover p,.footer-list .footer-list3:hover p,.footer-list .footer-list4:hover p{
	color:#3088f4;
}
.footer-list,.footer-holder{
	width: 100%;
	background:#34383b;
	overflow: hidden;
}
.footer-list .footer-list-content{max-width:1160px;margin:0 auto;color:#808080}