@CHARSET "UTF-8";


body{background: #f8f8f8;font-family: ”微软雅黑”;}
a:hover{
	text-decoration:none !important;
}

/** 首页 */

/*导航部分*/
.nav{width: 100%; height: 80px;/* box-shadow: 0 3px 3px 0 #CCC;*/ background: #FFF; position: fixed; left: 0; top: 0; z-index: 99999 ; overflow: hidden; transition: 0.3s}
/*.nav.index{background: rgba(255, 255, 255 ,0.8);  box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}*/
.nav.scroll{ background: #FFF; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s}
.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-logo a{position: absolute;z-index: 1;}
.nav .nav-logo .nav-desc{position: relative;line-height: 24px;padding-left: 70px;padding-top: 20px;width: 140%;}
.nav .nav-logo .nav-desc span strong{font-size: 20px;}
.nav .nav-logo .nav-laotie{font-size: 24px;}
.nav .nav-logo .nav-desc nav-laotie2{font-size: 12px;}
.nav .nav-list{display: inline-block; height: 80px;}
.nav .nav-list button{width: 25px; height: 30px; position: absolute; top: 30px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;padding-left: 20px;}
.nav .nav-list button span{display: block; width: 25px; height: 2px; 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: 80px; right: 0; color: #000; background: transparent;}
.nav .layui-nav .layui-nav-item{display: block; line-height: 60px;}
.nav .layui-nav *{font-size: 18px;}
.nav .layui-nav .layui-nav-item a{padding: 0 0; color: #000;}
.nav .layui-nav-bar,
.nav .layui-nav .layui-this:after{height: 2px; background-color: #ff8600;}
/*.nav .layui-nav .layui-this a*/
/*,.nav .layui-nav .layui-nav-item a:hover{color: #ff8600;}*/
/*.layui-container .nav-list .layui-nav layui-this a:hover{background-image: url("../img/laotie_li_bg.png");background-size: cover;color: #fff;}*/
/*.nav .layui-nav .layui-this a,*/
/*.nav .layui-nav .layui-nav-item a:hover{background-image: url("../img/laotie_li_bg.png");background-size: 100%;color: #fff;text-decoration: none;}*/
/*.layui-container .nav-list .layui-nav .layui-nav-item{width: 100px;text-align: center;}*/

/*首页导航*/
.slide_container .rslides .banner-img{min-height: 200px;}
.slide_container .rslides .slider-com{width: 100%;height: 100%;color: #fff;position: absolute;}
.slide_container .rslides .slider-com .slider-img{float: right;padding-right: 10%;padding-top: 1%;height: 100%;}
.slide_container .rslides .slider-com .slider-img img{display: block;position: relative;z-index: 1;height: 100%;width: 100%;border: 0;}
.slide_container .rslides .slider-com .slider-title div{padding-top: 5px;letter-spacing: 3px;}
.slide_container .rslides .slider-com .slider-title{position: absolute !important;z-index: 1000;padding: 8% 0 0 18%;}
.slide_container .rslides .slider-com .slider-title .slider-div-1{font-size: 58px;font-weight: bold;}
.slide_container .rslides .slider-com .slider-title .slider-div-2{font-size: 36px;}
.slide_container .rslides .slider-com .slider-title .slider-div-3{font-size: 22px;}
.slide_container .rslides .slider-com .slider-title .slider-div-4{font-size: 18px;letter-spacing: 1px;}
.slide_container .rslides .slider-com .slider-title .slider-img{position: absolute !important;z-index: 999;padding: 1% 0 0 45%;width: 90%;margin-top: 1%;margin-left: 7%;}

.slide_container .rslides .slider-com2{position:absolute;width: 100%;height: 50%;z-index: 999;color: #fff;}
.slide_container .rslides .slider-com2 .slider-com-desc{padding-top: 4%;text-align: center;}
.slide_container .rslides .slider-com2 .slider-com-desc .slider-title-1 .title-1{font-size: 36px;}
.slide_container .rslides .slider-com2 .slider-com-desc .slider-title-1 .title-2{font-size: 24px;line-height: 2;letter-spacing: 1px;color: #ccc;}
.slide_container .rslides .slider-com2 .slider-com-desc .slider-title-2{padding-left:37%;font-size: 24px;}

.slide_container  .slider-title-2 .title-1{position: absolute;}
.slide_container  .title-img{width:30px; min-height: auto !important;}
.slide_container  .title-num-add{font-size: 24px;}
.slide_container  .title-fuwu{font-size: 12px;}
.slide_container .slider-title-2 .title-2{position: absolute;margin-left: 15%;font-size: 24px;}
.slide_container .slider-title-2 .title-3{position: absolute;margin-left: 25%;font-size: 24px;}
.slide_container .slider-title-2 .title-3{position: absolute;margin-left: 25%;font-size: 24px;}

.slider-yuandian{position: absolute;bottom: 5% ;z-index: 3;overflow: hidden;text-decoration: none;height: 25px;width: 100%;text-align: center;}
.slider-yuandian ul{margin: 0 auto;overflow: hidden;text-align: center;display: inline-block;}
.slider-yuandian ul li{float: left;text-align: center;padding: 0 10px;}


/*轮播*/
.banner{height: 400px; margin-top: 80px;}
#banner{height:760px !important;}
#banner img{min-width: 100%; height: 760px;}
#banner .panel{width: 400px; position: absolute; top: 25%; left: 50%; margin-left: -200px; text-align: center;}
#banner .panel p{color: #8c8c8c; font-size: 44px; line-height: 80px; letter-spacing: 15px;}
#banner .panel p.title{color: #4a4a4a; font-size: 54px; letter-spacing: 10px;}

.banner .title{padding-top: 170px;}
.banner .title.active{padding-top: 120px; transition: 1.5s;}
.banner .title p{color: #fff; font-size: 28px; text-align: center; line-height: 50px; letter-spacing: 5px;font-weight: bold;}
.banner .title p.en{font-size: 20px; letter-spacing: 3px;}


/*主体—产品*/
/* .main-product{padding-top: 90px;background: #f8f8f8;} */
.main-product p{font-size: 18px; color:#4a4a4a; line-height: 28px;}
.main-product p.title
,.main-service p.title{color: #484848; font-size: 24px; text-align: center; line-height: 160px;}
.main-product p.title span
,.main-service p.title span{color: #5d5d5d;;}
.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: 18px; color: #939393; line-height: 46px; padding-top: 6px;}
.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: 2s;}
.main-product .content img:hover{transform: rotateY(180deg);}
.main-product .layui-container .layui-col-space25{margin:0px;}
.main-product .layui-container  .company_brief{background:#fff; min-height: 300px; margin-bottom: 12px}
.main-product .layui-container  .company_brief .article_content{margin: 15px 0 0 0;color: #adadad;text-indent: 2em; line-height: 2em;letter-spacing: 2px;}
.main-product .layui-row .article_list{min-height: 300px; background:#fff;margin: -20px 0;}
.main-product .layui-row .article_list span{color: #adadad;}
.main-product .layui-row .article_list .article_content{text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;}
/* .news_article_list{margin:10px;} */



/*底部*/
.footer{ background: #1D1E1C;}
.footer .layui-container {
  color: #a5a5a5;
  padding: 3% 0 1% 0;
}
.footer .footer-title {
  color: #fff;
  padding-left: 30px;
}
.footer .footer-title .footer-img1{
  width: 70px;
}
.footer .footer-title  span{
  font-size: 24px;
}
.footer .layui-container .footer-ul-1 li:first-child{
  font-size: 24px;
}
.footer .layui-container .footer-ul-1 li:nth-child(2){
  font-size: 18px;
  color: #fff;
}
.footer .layui-container ul li:first-child{
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.footer .layui-container ul{
  padding-left: 7%;
}
.footer .layui-container .footer-contact ul li{
  padding: 5px 0;
}
.footer .layui-container .footer-contact .foter-ul-2{
  text-align: center;
}
.footer .layui-container ul li a{
  color: #a5a5a5;
}
.footer .layui-container ul li a:hover{
  color: #fff;
}
.footer .layui-container .footer-contact .footer-erweima{
  text-align: center;
}
.footer .footer-company{width: 100%;background-color: #2a2c29;height: 60px;display: flex;justify-content: center;align-items: center;color: #a5a5a5;}
.footer .footer-company a{color: #a5a5a5;}
.footer .footer-company a:hover{color:#fff;}
/*@media screen and (min-width: 480px){*/
  /*.slide_container .rslides .slider-com2 .slider-com-desc .slider-title-1 .title-1 {font-size: 18px;}*/
  /*.slide_container .rslides .slider-com2 .slider-com-desc .slider-title-1 .title-2 {font-size: 12px;}*/
  /*.slide_container .rslides .slider-com2 .slider-com-desc {padding-top: 2%;}*/
  /*.slide_container .rslides .slider-com2 .slider-com-desc .slider-title-2 {padding-left: 34%;font-size: 24px;padding-top: 0!important;}*/
  /*.slide_container .title-num-add {font-size: 14px;}*/
  /*.slide_container .title-fuwu {font-size: 10px;}*/
  /*.slide_container .title-img {width: 20px;margin-top: 8px;}*/
/*}*/
@media screen and (max-width: 480px){
  /*首页导航*/
  .banner{height: 200px;}
  .banner .title p{font-size: 24px;}
  .banner .title.active{padding-top:50px !important;}
  /*轮播切换箭头*/
  .slide_nav{display: none}
  .nav .nav-logo .nav-desc{width: 100%;}
  .nav .nav-logo .nav-desc span strong{font-size: 14px; display: none;}
  .banner .title p.en{font-size: 16px;letter-spacing: 1px;}


  /*首页导航*/
  .slide_container .rslides .slider-com .slider-title{position: absolute !important;z-index: 1000;padding: 13% 0 0 4%;}
  .slide_container .rslides .slider-com .slider-title div{padding-top: 5px;letter-spacing: 1px;}
  .slide_container .rslides .slider-com .slider-title .slider-div-1{font-size: 22px;}
  .slide_container .rslides .slider-com .slider-title .slider-div-2{font-size: 18px;}
  .slide_container .rslides .slider-com .slider-title .slider-div-3{font-size: 14px;}
  .slide_container .rslides .slider-com .slider-title .slider-div-4{font-size: 10px; display: none;}
  .slide_container .rslides .slider-com  .slider-img img{ padding: 2% 0;}
  .slide_container .rslides .slider-com .slider-title{padding: 11% 0 0 0% !important;}

  .slide_container .rslides .slider-com2 .slider-com-desc .slider-title-1 .title-1 {font-size: 16px;}
  .slide_container .rslides .slider-com2 .slider-com-desc .slider-title-1 .title-2 {display: none}
  .slide_container .slider-title-2 .title-2{margin-left: 29%;}
  .slide_container .slider-title-2 .title-3{margin-left: 50%;}
  .slide_container .rslides .slider-com2 .slider-com-desc {padding-top: 2%;}
  .slide_container .rslides .slider-com2 .slider-com-desc .slider-title-2 {padding-left: 12%;font-size: 24px;padding-top: 0!important;}
  .slide_container .title-num-add {font-size: 14px;}
  /*.slide_container .title-fuwu {display: none}*/
  .slide_container .title-img {width: 20px;margin-top: 8px;}

  .footer .layui-container .footer-contact .footer-erweima img{width: 50%;}

  .main-service .content .content-right{padding: 10px 10px 0 10px;}
  .main-service .content .content-right p{line-height: 24px;}
  .main-news .content .news-panel p.read-push{font-size: 12px;}
  .main-case .content{padding-top: 60px;}
  .main-case .content p.lable{padding-top: 10px; font-size: 18px; line-height: 48px;}
  .main-case .content p{font-size: 12px; line-height: 20px; color: #505050;}
  .main-about ul.aboutab{padding: 70px 0;}
  .main-about ul.aboutab li{padding: 0 15px; font-size: 16px; box-sizing: border-box;}
  .main-about .tabIntro .content .img{width: 100%;}
  .main-about .tabIntro .content .panel{width: 100%;}
  /* .main-about .tabIntro .content .panel.p_block{display: none;} */
  .main-about .tabIntro .p_hidden{display: block;}
  .main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span
  ,.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px;}

  /*首页轮播圆点*/
  /*.slider-yuandian{display: none;}*/
}


@media screen and (max-width: 780px){
  .nav .nav-list button{padding-left: 0px;}
}
@media screen and (min-width: 480px) and (max-width: 768px){
  /*首页导航*/
  .banner{height: 300px;}
  .banner .title.active{padding-top:130px !important;}
  .slide_container .rslides .slider-com .slider-title{position: absolute !important;z-index: 1000;padding: 5% 0 0 12%;}
  .slide_container .rslides .slider-com .slider-title div{padding-top: 5px;}
  .slide_container .rslides .slider-com .slider-title .slider-div-1{font-size: 24px;}
  .slide_container .rslides .slider-com .slider-title .slider-div-2{font-size: 18px;}
  .slide_container .rslides .slider-com .slider-title .slider-div-3{font-size: 14px;}
  .slide_container .rslides .slider-com .slider-title .slider-div-4{font-size: 14px;display: none}

  .slide_container .rslides .slider-com2 .slider-com-desc .slider-title-1 .title-1 {font-size: 18px;}
  .slide_container .rslides .slider-com2 .slider-com-desc .slider-title-1 .title-2 { display: none}
  .slide_container .slider-title-2 .title-2{margin-left: 18%;}
  .slide_container .slider-title-2 .title-3{margin-left: 31%;}
  .slide_container .rslides .slider-com2 .slider-com-desc {padding-top: 2%;}
  .slide_container .rslides .slider-com2 .slider-com-desc .slider-title-2 {padding-left: 28%;font-size: 24px;padding-top: 0!important;}
  .slide_container .title-num-add {font-size: 14px;}
  .slide_container .title-fuwu {font-size: 10px;}
  .slide_container .title-img {width: 20px;margin-top: 8px;}
  .footer .layui-container .footer-contact .footer-erweima img{width: 50%;}
}

/*小屏幕*/
@media screen and (min-width: 768px){
  .nav{max-height: 80px;}
  /* .nav.index{background: rgba(255, 255, 255 ,0.3);} */
  /*.nav .nav-list button{display: none;}*/

  .nav .layui-nav{width: auto; position: absolute; top: 0; padding: 0 5px; border-radius: 0; margin: 0;}
  .nav .layui-nav .layui-nav-item{display: inline-block;margin:0 20px;line-height: 80px;}
  .main-product p.title
  ,.main-service p.title{font-size: 36px; line-height: 216px;}
  .main.product .content .content-img{text-align: left;}
  .main-news .content .news-panel strong a{font-size: 20px; line-height: 30px;}
  .main-news .content .news-panel p.read-push{padding-top: 0; position: absolute; bottom: 40px;}
  .main-newsdate .pushtime{line-height: 142px;}
  /* .main-case .content{width: 45%;} */
  .main-case .content.even{margin-left: 9%;}
  .main-about ul.aboutab li{padding: 0 32px; font-size: 24px; margin-left: 30px; line-height: 50px;}
  .main-about .tabIntro .content p{padding: 0 30px; font-size: 18px; line-height: 30px;}
  .main-about .tabJob .content p{font-size: 24px; line-height: 50px;}
  .main-about .tabJob .content p.title{font-size: 30px; line-height: 90px;}
  .main-about .tabJob .content ol li{font-size: 20px; line-height: 60px;}
  .main-about .tabCour .timeline:before{left: 50%;}
  .main-about .tabCour .timeline li{min-height: 195px; padding-top: 95px;}
  .main-about .tabCour .timeline li .cour-img{left: 50%; margin-left: -97.5px; width: 195px;}
  .main-about .tabCour .timeline li .cour-panel{padding-top: 55px; padding-left: 0;}
  .main-about .tabCour .timeline li.odd .cour-panel{text-align: right;}


}
@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;}
  .main-service .content .content-right{padding: 10px 10px 0 15px;}
  .main-service .content .content-right span{margin-bottom: 20px;}
  .main-service .content .content-right p{line-height: 28px;}
  .main.product .content .label{line-height: 40px; margin-top: 0;}
  .main.product .content .detail{padding-bottom: 10px;}
  .nav .layui-nav .layui-nav-item{visibility: visible;}
  /*首页导航*/
  .slide_container .rslides .slider-com .slider-title{position: absolute !important;z-index: 1000;padding: 8% 0 0 12%;}
  .slide_container .rslides .slider-com .slider-title div{padding-top: 5px;}
  .slide_container .rslides .slider-com .slider-title .slider-div-1{font-size: 24px;}
  .slide_container .rslides .slider-com .slider-title .slider-div-2{font-size: 18px;}
  .slide_container .rslides .slider-com .slider-title .slider-div-3{font-size: 14px;}
  .slide_container .rslides .slider-com .slider-title .slider-div-4{font-size: 14px;}

  .slide_container .rslides .slider-com2 .slider-com-desc .slider-title-1 .title-1 {font-size: 20px;}
  .slide_container .rslides .slider-com2 .slider-com-desc .slider-title-1 .title-2 {font-size: 12px;}
  .slide_container .slider-title-2 .title-2{margin-left: 15%;}
  .slide_container .slider-title-2 .title-3{margin-left: 25%;}
  .slide_container .rslides .slider-com2 .slider-com-desc {padding-top: 2%;}
  .slide_container .rslides .slider-com2 .slider-com-desc .slider-title-2 {padding-left: 34%;font-size: 24px;padding-top: 0!important;}
  .slide_container .title-num-add {font-size: 14px;}
  .slide_container .title-fuwu {font-size: 10px;}
  .slide_container .title-img {width: 20px;margin-top: 8px;}

  .footer .layui-container .footer-contact .footer-erweima img{width: 50%;}

}


/*大屏幕*/
@media screen and (min-width: 992px){
  .main.product .content{padding: 100px 0;}
  .main.product .content div.right{padding-left: 0;}
  .main-news .content .news-img{width: 20%;}
  .main-news .content .news-panel{width: 80%;}
  /* .main-case .content{width: 31%;} */
  .main-case .content.even{margin-left: 0;}
  .main-case .content.center{margin-right: 3%; margin-left: 3%;}
  .main-about .tabIntro .content p{padding: 0 50px; font-size: 20px; line-height: 40px;}

  .slide_container .rslides .slider-com2{position:absolute;width: 100%;height: 50%;z-index: 999;color: #fff;}
  .slide_container .rslides .slider-com2 .slider-com-desc{padding-top: 4%;text-align: center;}
  .slide_container .rslides .slider-com2 .slider-com-desc .slider-title-2{padding-left:37%;font-size: 24px;}

}


@media screen and (min-width: 1200px) {
  .nav .nav-list button{display: none;}
}

/*超大屏幕*/
@media screen and (max-width: 1200px) {

  /*.nav .layui-nav{padding: 0px;display: none;}*/
  .nav .layui-nav .layui-nav-item{margin: 0 10px;}
  .footer .footer-title{padding-left: 7%;}

  .slide_container .rslides .slider-com .slider-title{padding: 8% 0 0 8%;}
  .slide_container .rslides .slider-com .slider-img{width: 60%;padding: 2% 0;}

  .main-news .content .news-img{width: 35%;}
  .main-news .content .news-panel{width: 65%;}
  .main-news .content:nth-child(odd){padding-right: 20px;}
  .main-news .content:nth-child(even){padding-left: 20px;}
  .main-about .tabCour .timeline li .cour-panel{padding-left: 50px;}
  .main-about .tabCour .timeline li.odd .cour-panel{padding-left: 0; padding-right: 50px;}
}


@media screen and (min-width: 920px) and (max-width: 1300px) {
  .nav .nav-logo .nav-desc span strong{display: none;}
}
@media screen and (min-width: 1300px) {
  .layui-container{width: 1200px; padding: 0;}
  .main-about .tabJob .content:last-child{margin-bottom: 180px;}
  .nav .nav-logo{position: absolute; top: 0; left: 0;}

}
@media  screen  and (min-width: 1200px)and (max-width: 1600px) {
  .slide_container .rslides .slider-com .slider-title{padding: 8% 0 0 11%;}
  .slide_container .rslides .slider-com .slider-img{padding-right: 1%;width: 60%;}
}