body{background-color: #f8f8f8;
				color: #666666;}

/** 首页 */

.topbar{padding: .75rem 0; border-bottom: 1px solid #efefef;color: #adadad; background-color: #ffffff;}
.slogan{font-size: 20px;}
.bg{background: #ffffff;}
.section_box{padding: 40px 0;}
.section_box .title{color: #484848; font-size: 36px; text-align: center; padding: 40px 0;}
.section_box .title span{color: #0d81c4; display: inline-block; padding-left: 5px;}
.section_box .title p{font-size: 16px;padding: 15px 0 0 0;color: #ababab;}

.more{padding-top: 0px; padding-bottom: 0px; text-align: center;}
.more a{padding: 10px 62px; font-size: 23px; line-height: 46px;color: #FFF; background: #7fd3c6; border-radius: 3px;}



/*导航部分*/
.nav{ width: 100%; height: 90px; box-shadow: 0 3px 3px 0 #CCC; background: #FFF;  transition: 0.3s;    overflow: hidden;}
.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-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;}
.nav .nav-list button span{display: block; width: 25px; height: 2px; background: #0d81c4; 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: 16px;}
.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: #0d81c4;}
.nav .layui-nav .layui-this a
,.nav .layui-nav .layui-nav-item a:hover{color: #0d81c4;}
.nav-logo{ font-size: 2rem;}
.nav-logo img{display: inline-block; height: 3rem;}

/*轮播*/
#banner{}
#banner img{max-width: 100%; max-height: 100%;width: 100%; }
#banner .panel{width: 100%; position: absolute; top: 25%; left:0; padding-left: 50%;  text-align: left;}
#banner .panel p{ font-size: 18px;}
#banner .panel p.title{color: #4a4a4a; font-size: 38px; padding-bottom: 20px;}

/** 产品 */
.main-product{}
.main-product .content{position: relative;padding: 15px;background: #ffffff;}
.main-product .content .content-left{width: 50%; }
.main-product .content .content-left img{width: 100%;}
.main-product .content .content-right{box-sizing: border-box; background: #FFF; padding: 15px; width: 50%; height: 100%; position: absolute; top: 0; right: 0; transition: 0.3s; overflow: hidden;}
.main-product .content .content-right p{color: #adadad;line-height: 26px; }
.main-product .content .content-right p.label{font-size:18px; color: #4a4a4a;}
.main-product .content .content-right span{display: block; width: 50px; height: 2px; background: #2cb6a1; margin-bottom: 15px;} 
.main-product .content .content-right:hover{box-shadow: 2px 2px 2px #EEE; transition: 0.3s;}
.main-product .img_box{max-width: 100%; max-height: 100%;width: 100%;}

/*主体—服务*/
.main-service{}
.main-service .content .img_box{padding: 0 30px;}
.main-service p{font-size: 16px; color: #ababab; line-height: 28px;}
.main-service p.title
,.main-service p.title{color: #484848; font-size: 24px; text-align: center; line-height: 160px;}
.main-service p.title span
,.main-service p.title span{color: #0d81c4;}
.main-service .content{border: 1px solid #DEDEDE; padding: 20px 36px 20px 36px; text-align: center; transition: 0.3s;}
.main-service .content p.label{font-size: 18px; color: #939393; line-height: 46px; padding-top: 6px;}
.main-service .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;}
.main-service .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}
.main-service .content img{transition: 2s;max-width: 100%; max-height: 100%;width: 100%; }
.main-service .content img:hover{transform: rotateY(180deg);}
/** 流程 */
.system_standard{padding: 70px 0;}
.system_standard .content h3{padding: 20px 0;}
.system_standard .content h3 span{ width: 36px;
    height: 36px;
	line-height: 36px;
    display: inline-block;
    background: #36aafb;
    border-radius: 50%;
	text-align: center;
	color: #ffffff;
	font-weight: bolder;
}

/** 案例 */
.banner.case{background: url(../img/nav_img2.jpg) no-repeat center top; background-size: cover;}
.main-case{}
.main-case .content{text-align: center; }
.main-case .content.even{margin-left: 2%;}
.main-case .content .case-img{border: 1px solid #e2e2e2; overflow: hidden;}
.main-case .content .case-img img{width: 100%; transition: 2s;}
.main-case .content .case-img img:hover{transform: scale(1.2,1.2); transition: 2s;}
.main-case .content p.lable{padding-top: 13px; font-size: 30px; line-height: 76px;}
.main-case .content p{font-size: 16px; line-height: 32px; color: #505050;}


/** 关于我们 */
.main-about .text h5{font-size: 100px; color: #f5f2ef; position: absolute;}
.main-about .text  h4{font-size: 30px; color: #333333; position: relative; z-index: 2; padding: 75px 0  56px 170px;}
.main-about .text  p{line-height: 38px; font-size: 16px; color: #666666;}
.main-about img{max-width: 100%; max-height: 100%;width: 100%; }
/** 资讯 */


.main-news{}
.more{padding:20px 0}
.main-news .content > div{padding-bottom: 40px; border-bottom: 1px dashed #eaeaea; position: relative;}
.main-news .content .news-img{display: inline-block; width: 30%; vertical-align: top;}
.main-news .content .news-img img{max-width: 90%;}
.main-news .content .news-panel{display: inline-block; width: 65%; vertical-align: top; padding-left: 5px; box-sizing: border-box;}
.main-news .content .news-panel strong a{display: block; color: #555; font-size: 18px; line-height: 26px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.main-news .content .news-panel p.detail{color: #777; line-height: 24px;padding-top: 10px;}
.main-news .content .news-panel p.read-push{color: #AAA; padding-top: 5px;}


			
			.warp {
				padding: 30px 0;
			}
			.warp img{max-width: 100%; max-height: 100%;width: 100%; }
			.warp .title {
				padding: 20px;
			}

			.warp .meat {
				padding-bottom: 20px;
			}

			.warp .content {
				line-height: 26px;
				min-height: 600px;
			}
			.warp .content p{
				padding: 0 0 15px 0;
			}
			.warp .post_list{}
			.warp .post_list li{line-height: 26px;}
			.warp .post_grid{}
			.warp .post_grid h3{font-size: 14px;padding: 15px 0 5px 0;}
			
			.lists{border-bottom: 0;padding: 10px 0;}
			
			.news_list_tab{padding: 0 15px;margin: 10px 0;}

/*底部*/
.footer{padding: 30px 0 0 0; background: #242424;color: #fff; }
.footer h3{padding-bottom: 20px;}
.footer p{padding-bottom: 10px;}
.footer .footer-contact a{color: #a5aaa9;}
.footer .img_box{ width: 120px;}
.footer img{max-width: 100%; max-height: 100%;width: 100%; }
.friend_link{padding: 20px 0;}
.friend_link a{color: #fff;}
.friend_link a:hover{color: #5a5959;}
.copyright{ text-align: center;margin: 0;padding: 20px 0;
    background-color: #1a1a1a;}
@media screen and (max-width: 480px){
  
.main-product .content .content-left{width: 100%;}
.main-product .content .content-right{width: 100%;position: relative;}
.topbar .right{ text-align: right;display: none;}
.section_box .title {font-size: 24px;}
.section_box {    padding:  0;}
.nav-logo { font-size: 1.5rem;}
.slogan{font-size: 14px;}
#banner{display: none;}
.main-about .text h5{font-size: 90px; }
.more {
    padding-bottom: 20px;}
}
/*小屏幕*/
@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;}
  
  


}
@media screen and (min-width: 768px) and (max-width: 992px){

  .nav .layui-nav .layui-nav-item{margin:0 33px;}

}
/*大屏幕*/
@media screen and (min-width: 992px){

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

}
@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;}
  .layui-col-space80{margin: -40px;}
  .layui-col-space80>*{padding: 40px;}
}
.bg2{ background-color: #ecf0f5;}
.section_box img {
   
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}
.section_box .text-right{text-align: right;}
.section_box .text-left{text-align: left;}
.shop-page{ background: url(../images/bg.jpg) no-repeat center center;
    background-size: cover;padding-bottom: 0;}
.shop-page h1{color: #000000; text-align: center; font-size:72px;}
.shop-page .tip{font-size:34px;text-align: center; }

@media screen and (max-width: 480px){
    .shop-page h1 {   font-size: 30px;}
    .shop-page .tip{font-size:16px;}
}