/**
 
 @Name: layuiNetCompany - 大气风格的网络公司企业模版
 @Author: xuxingyu
 @Copyright: layui.com
 
 */
/* 引用iconfont */
@font-face {
  font-family: 'iconfont';  /* project id 1295177 */
  src: url('../font/font_1295177_pqcckk0upw.eot');
  src: url('../font/font_1295177_pqcckk0upw.eot?#iefix') format('embedded-opentype'),
  url('../font/font_1295177_pqcckk0upw.woff2') format('woff2'),
  url('../font/font_1295177_pqcckk0upw.woff') format('woff'),
  url('../font/font_1295177_pqcckk0upw.ttf') format('truetype'),
  url('../font/font_1295177_pqcckk0upw.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont";
    font-size:16px;
    font-style:normal;
}
html,body{width:100%; height:100%;}

*{transition: background 0.2s,width 0.2s,height 0.2s,transform 0.2s,box-shadow 0.2s,opacity 0.2s,line-height 0.2s,margin 0.2s,padding 0.2s;}
body{background: #fff;}
.left{float:left; display:block;}
.right{float:right; display:block;}
a:hover{color:#ff0000; -o-transition: color 0.25s ease-in;-webkit-transition: color 0.25s ease-in;-moz-transition: color 0.25s ease-in;transition: color 0.25s ease-in;}
/** 首页 */

/*导航部分*/
.nav{width: 100%; height: 80px; box-shadow: 0 3px 3px 0 #CCC; background: #FFF; position: fixed; left: 0; top: 0; z-index: 999; overflow: hidden; transition: 0.3s}
.nav_content{width:1200px; height:80px; margin:0 auto; position:relative;}
.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%; line-height:80px;}
.nav .nav-logo img{height:60px; float:left; padding-top:8px;}
.nav .nav-logo .logo_title{height:50px; padding-top:15px;}
.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: #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 li a{font-size: 16px;}
.nav .layui-nav .layui-nav-item a{padding: 0 0; color: #000000; font-weight:bold;}
.nav .layui-nav-bar,
.nav .layui-nav .layui-this:after{height: 2px; background-color: #2db5a3;}
.nav .layui-nav .layui-this a
,.nav .layui-nav .layui-nav-item a:hover{color: #2db5a3;}
/* 电话 */
.phone{display:inline-block; color:#FF0000;}
.phone i{font-size:25px;}
.phone span{font-size:1.5rem;}
/* rightsead */
#rightsead{width:131px;height:143px;position:fixed;bottom:150px;right:0px; z-index:10;}
#rightsead li{width:131px;height:50px;}
#rightsead li img{float:right;}
#rightsead li a{height:49px;float:right;display:block;min-width:47px;max-width:131px;}
#rightsead li a i{display:block; width:50px; height:50px; line-height:50px; text-align:center; color:#FFFFFF; font-size:25px;}
#rightsead li a .shows{display:block;}
#rightsead li a .hides{margin-right:-200px;cursor:pointer;cursor:hand;}

/*轮播*/
.layui-carousel[lay-arrow=always] .layui-carousel-arrow{z-index:10;}
.layui-carousel-ind{z-index:10;}
#banner img{min-width: 100%; height:650px;}
#banner .panel{position: absolute; top: 40%; text-align: center; z-index:10;}
#banner .panel p.title{color: #FFFFFF; letter-spacing:10px; margin-bottom:10px;}
#banner .panel font{color: #FFFFFF;}

.panel_bg{width:100%; height:100%; position:absolute; top:0; left:0; z-index:5; }

/*主体—产品*/
.main-product{padding:30px 0;}
.main-product div.title,.main-service div.title{text-align:center; margin-bottom:40px;}
.main-product div.title h4,.main-service div.title h4{font-size:1.5rem; }
.main-product div.title span,.main-service div.title span{font-size:0.8rem; color:#999999;line-height:30px;}
.main-product .content{border: 1px solid #DEDEDE; padding: 30px 15px 0 15px; text-align: center; transition: 0.3s;}
.main-product .content .content_text{
	color: #666666;
	height:90px; line-height:30px;
	display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.ie .main-product .content .content_text{
	color: #666666;
	height:90px; line-height:30px;
	display: block;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.main-product .content p.label{font-size: 18px; color: #2db5a3; line-height: 46px; padding-top:6px; font-weight:bold;}
.main-product .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;}
.main-product .content a:hover{color:#FF0000;}
.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-service{background: #f8f8f8; padding-top:50px;}
.main-service .content{position: relative;}
.main-service .content .content-left{width: 100%;}
.main-service .content .content-left img{width: 100%; height:180px;}
.main-service .content .content-right{box-sizing: border-box; background: #FFF; padding: 20px 10px 0 10px; width: 100%;
	
}
.main-service .content .content-right p{
	color: #666666;
	height:225px; line-height:25px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	/* -webkit-line-clamp: 3; */
	-webkit-box-orient: vertical;
}
.ie .main-service .content .content-right p{
	color: #666666;
	height:225px; line-height:25px;
	display: block;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	/* -webkit-line-clamp: 3; */
	-webkit-box-orient: vertical;
}
.main-service .content .content-right p.label{height:30px;font-size:16px; color:#000000; margin-bottom:23px; position:relative; padding-bottom:10px;}
.main-service .content .content-right p.label:after{content:"";background-color: #2cb6a1;left: 0;width: 50px;height: 2px;bottom: 0;position: absolute;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.main-service .content .content-right:hover p.label:after{ width: 70px; }
.main-service .content .content-right a{width:100%; line-height:50px; color:#a1d8cb; display:block; text-align:center;}
.main-service .content .content-right a:hover{color:#ff0000;}
.main-service .content .content-right:hover{box-shadow: 2px 2px 2px #EEE; transition: 0.3s;}
.main-service .service-more{padding-top:30px; padding-bottom:50px; text-align: center;}
.main-service .service-more a{padding: 10px 62px; font-size: 23px; line-height: 46px;color: #EEEEEE; background: #7fd3c6; border-radius: 3px;}
.main-service .service-more a:hover{color: #FFFFFF;}
/* 主题-关于我们 */
.main-content{}
.index-about{ padding:50px 0 0px 20px; height:600px;}
.content-title{margin-bottom:30px; position:relative;}
.content-title h4{height:30px; font-size:1.5rem; position:relative; padding-bottom:10px;}
.content-title h4:after{content:"";background-color: #2cb6a1;left: 0;width: 50px;height: 2px;bottom: 0;position: absolute;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.content-title:hover h4:after{width:70px;}
.index-content-img{width:100%; height:220px; border-bottom:1px solid #FFFFFF;}
.index-content-img img{width:100%; height:220px; display:block;}
.index-content-nr{background:#7fd3c6; padding:20px 10px 10px;}
.index-content-nr h4{line-height:50px; font-size:1.3rem; font-weight:bold; color:#FFFFFF;}

.index-content-nr .content-introduce{
	text-indent:28px; font-size:0.9rem;
	color:#FFFFFF;
	height:120px; line-height:30px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.ie .index-content-nr font{
	text-indent:28px; font-size:0.9rem;
	color:#FFFFFF;
	height:120px; line-height:30px;
	display: block;
	overflow: hidden;
	
}
/* 主题-新闻动态 */
.index-news{padding-top:50px; height:600px;}
#news_more{position:absolute; right:0; top:0; line-height:20px;padding:5px 20px;color: #EEEEEE; background: #7fd3c6; border-radius:6px;}
#news_more:hover{color: #FFFFFF;}
.index-news-nr{}
.inews_item{margin-bottom:15px; height:80px;}
.inews_date{ width:4.4rem; height:60px; border:1px solid #9bd5ff; padding:10px 0.8rem; text-align:center; color:#ff6600; margin-right:15px;}
.inews_date span{ font-size:2rem; color:#333; display:inline-block; border-bottom:1px solid #0076ca; margin-bottom:5px;}
.inews_date span.active{ color:#0076ca;}
.inews_info{ background:url(../img/line.png) no-repeat right bottom;height:80px; overflow:hidden; padding-right:10px;}
.inews_info a{ font-size:14px; color:#f96604; display:block; margin:0.4rem 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inews_info a:hover{ color:#05A4C2}
.inews_info p{height:40px; color:#666666; line-height:20px; font-size:12px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.ie .inews_info p{height:40px; color:#666666; line-height:20px; font-size:12px;
	display: block;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


.main-content .content-more{padding-top:10px; text-align: center;}
.main-content .content-more a{padding: 10px 50px; font-size:1.2rem; line-height: 46px;color: #EEEEEE; background: #7fd3c6; border-radius: 3px;}
.main-content .content-more a:hover{color: #FFFFFF;}
/* page */
.pageing{display: block; text-align: center; margin-top: 50px;}
.pageing a,.pageing b,.pageing span{font-size: 16px; line-height: 40px; height: 40px; margin-right: 2px; border-radius: 3px; color: #333333; cursor:pointer;}
.pageing a:hover{color:#2db5a3;}
.pageing a.disabled,.pageing b.disabled {
    cursor: not-allowed;
	color:#CCCCCC;
}
.pageing .total{border:none; font-size:16px; color:#333333;}
.pageing b{display: inline-block;border: 1px solid #e2e2e2;
	margin:0 2px 5px 0; border-radius: 3px; color: #999999; cursor:pointer;
    vertical-align: middle;
    padding: 0 15px;
    line-height: 40px; height: 40px;
    background-color: #fff;
    color: #333;
    font-size: 16px; font-weight:normal;
}
/*底部*/
.footer{padding-bottom: 20px; background: #5e6664; clear:both;}
.footer .footer-web{padding-top: 20px; padding-bottom:25px;}
.footer .footer-web a{color: #a5aaa9; line-height: 22px; margin-right: 20px; transition: 0.3s;}
.footer .footer-web a:hover{color: #dce1e0; transition: 0.3s;}
.footer .footer-contact{color: #fff;}
.footer .footer-contact img{width:90%}
.footer .footer-contact a{color: #a5aaa9;}
.footer .footer-contact .contact-top{line-height:30px;}
.footer .footer-contact .contact-bottom{line-height: 35px;}


/** 产品 */
.banner{height: 320px; margin-top: 80px;}
.banner.product{background: url(../img/solution.jpg) no-repeat center top; background-size: cover;}
.main.product{padding: 30px 0 75px 0;}
.main.product .content{padding: 50px 0; border-bottom: 1px solid #e8e8e8;}
.main.product .content .content-img{text-align: center;}
.main.product .content .content-img img{max-width: 100%;}
.main.product .content .label{color: #565656; font-size: 30px; line-height: 78px; margin-top: 32px;}
.main.product .content .detail{font-size: 16px; line-height: 28px; color: #d7d7d7; padding-bottom: 30px;}
.main.product .content a{color: #a0d2cc; font-size: 16px; line-height: 38px; padding:10px 11px 10px 23px; border: 1px solid #a0d2cc; border-radius: 3px;}

/* 解决方案 */
.banner{height: 320px; margin-top: 80px;}
.banner.solution{background: url(../img/nav_img1.jpg) no-repeat center top; background-size: cover;}
.main.solution{padding:30px 0 75px 0; width:100%; float:left;}
.main.solution{padding: 30px 0 75px 0;}
.main.solution .content:first-child{padding-top:0;}
.main.solution .content{padding: 50px 0; border-bottom: 1px solid #e8e8e8;}
.main.solution .content .content-img{text-align: center; padding-right:20px;}
.main.solution .content .content-img img{max-width: 100%;}
.main.solution .content .label{color: #565656; font-size: 18px; line-height: 50px; margin-top: 0px;}
.main.solution .content .detail{
		height:100px; color:#999999; line-height:25px; font-size:14px; margin-bottom:10px;
		display: -webkit-box;
		overflow: hidden;
		white-space: normal!important;
		text-overflow: ellipsis;
		word-wrap: break-word;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
}
.ie .main.solution .content .detail{
		height:100px; color:#999999; line-height:25px; font-size:14px; margin-bottom:10px;
		display: block;
		overflow: hidden;
		white-space: normal!important;
		text-overflow: ellipsis;
		word-wrap: break-word;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
}

.main.solution .content .time{height:30px; line-height:30px; color:#666666; font-size:16px;margin-bottom:10px;}
.main.solution .content a{color: #a0d2cc; font-size: 16px; line-height: 38px; padding:10px 11px 10px 23px; border: 1px solid #a0d2cc; border-radius: 3px;}
.main.solution .content a:hover{color:#FF0000; }
/* solution_left */
.solution_left{width:200px; height:100%; float:left;}
.solution_left .w200{width:100%; margin-bottom:20px;}
.solution_left .w200 i{height:30px; font-size:30px; color:#009E94; display:block; float:left; }
.solution_left .w200 h4{line-height:30px; font-size:16px; font-weight:bold;}
.solution_left .w200 ul{padding-left:15px; line-height:10px;}
.solution_left .w200 ul li{padding:15px 0; border-bottom:1px solid #f1f1f1;}
.solution_left .w200 ul li.active a{color:#FF0000;}
/* solution_right */
.solution_right{width:calc(100% - 250px); height:100%; float:right; margin-left:20px; padding-left:25px; border-left:1px solid #F0F0F0;}
.solution_right .content{padding:20px 0; border-bottom:1px solid #E8E8E8;}
.solution_right img{width:100%;}

/** 动态 */
.banner.news{background: url(../img/news.jpg) no-repeat center top; background-size: cover;}
.banner .title{padding-top: 170px;}
.banner .title.active{padding-top: 120px; transition: 1.5s;}
.banner .title p{color: #606060; font-size: 36px; text-align: center; line-height: 50px; letter-spacing: 5px;}
.banner .title p.en{font-size: 20px; letter-spacing: 3px;}
.main-news{padding: 0;}
.main-news ul.contactab{padding:50px 0; text-align: center;}
.main-news ul.contactab li{display: inline-block; padding: 0 22px; margin-left: 15px; font-size: 20px; line-height: 46px; color: #b5b5b5; border: 1px solid #e2e2e2; border-radius: 3px; cursor: pointer;}
.main-news ul.contactab li.layui-this, .main-news ul.contactab li:hover{color: #2ab5a3;border-color: #afddd7;transition: 0.3s;}

.main-news .content > div{height:140px; overflow:hidden; padding: 20px 0; border-bottom: 1px dashed #eaeaea; position: relative;}
.main-news .content .news-img{display: inline-block; width:30%; height:100%; overflow:hidden; vertical-align: top;}
.main-news .content .news-img img{max-width: 90%; height:auto;}
.main-news .content .news-panel{display: inline-block; width: 70%; 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 strong a:hover{color:#FF0000;}
.main-news .content .news-panel p.detail{
	
}
.main-news .content .news-panel p.detail span{
	color: #666666;
	height:50px; line-height:25px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.ie .main-news .content .news-panel p.detail span{
	color: #666666;
	height:50px; line-height:25px;
	display: block;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.main-news .content .news-panel p.read-push{color: #AAA; padding-top: 5px;}
.main-news #newsPage .layui-laypage{display: block; text-align: center; margin-top: 70px;}
.main-news #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: #999999;}
/*动态详情页*/
.main-newsdate{margin-top:0px; text-align: center;}
.main-newsdate .news{text-align:left; line-height:100px; font-size:16px;}
.main-newsdate h1{padding-top: 6px;}
.main-newsdate .pushtime{color: #686868; font-size: 18px; line-height: 82px;}
.main-newsdate .introTop{width:80%; margin:0 auto; text-indent:28px; padding-bottom:28px; font-size: 16px; line-height:30px; color:#666666; text-align: left; border-bottom:1px dashed #DDDDDD;}
.main-newsdate .newsDetail_nr{width:80%; margin:0 auto; font-size: 16px; text-align:left; padding: 40px 0 102px 0;}
.main-newsdate .newsDetail_nr p{text-indent:28px;line-height:30px; margin-bottom:10px;}
.main-newsdate img{max-width: 100%;}


/** 案例 */
.banner.case{background: url(../img/case.jpg) no-repeat center top; background-size: cover;}
.banner.case .title p{color: #FFFFFF; font-size: 36px; text-align: center; line-height: 50px; letter-spacing: 5px;}
.main-case{padding: 30px 0 75px;}
.main-case .content{width: 48%; text-align: center; padding-top:80px; padding-bottom: 20px; }
.main-case .content.even{margin-left: 2%;}
.main-case ul.contactab{padding:50px 0 0 0; text-align: center;}
.main-case ul.contactab li{display: inline-block; padding: 0 22px; margin-left: 15px; font-size: 20px; line-height: 46px; color: #b5b5b5; border: 1px solid #e2e2e2; border-radius: 3px; cursor: pointer;}
.main-case ul.contactab li.layui-this, .main-case ul.contactab li:hover{color: #2ab5a3;border-color: #afddd7;transition: 0.3s;}
.main-case .content .case-img{height:210px; 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:35px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.main-case .content p.detail{
	color: #666666; text-align:center;border-bottom: 2px solid #c9c9c9;
	height:50px; line-height:25px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.ie .main-case .content p.detail{
	color: #666666; text-indent:28px; text-align:left;border-bottom: 2px solid #c9c9c9;
	height:50px; line-height:25px;
	display: block;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/** 关于 */
.banner.about{background: url(../img/nav_img4.jpg) no-repeat center top; background-size: cover;}
.main-about{padding-bottom:30px;}
.main-about ul.aboutab{padding: 100px 0; text-align: center;}
.main-about ul.aboutab li{display: inline-block; padding: 0 22px; margin-left: 15px; font-size: 20px; line-height: 46px; color: #b5b5b5; border: 1px solid #e2e2e2; border-radius: 3px; cursor: pointer;}
.main-about ul.aboutab li:first-child{margin-left: 0;}
.main-about ul.aboutab li.layui-this
,.main-about ul.aboutab li:hover{color: #2ab5a3; border-color: #afddd7; transition: 0.3s;}

/*关于人云*/
.main-about .cloud{padding-bottom: 35px;}
.main-about .cloud .content{vertical-align: middle;}
.main-about .cloud .content .img{width: 49%;}
.main-about .cloud .content .img img{width: 100%;}
.main-about .cloud .content .panel{width: 50%;}
.main-about .cloud .content p{padding: 0 20px; line-height: 24px; text-align: justify; text-indent:28px;}
.main-about .cloud .p_hidden{padding: 0 20px; display: none;}
/*企业文化*/
.main-about .culture{padding:0 50px 35px; background:#F8F8F8;}
.main-about .culture .content{width:100%;  text-align:center;}
.main-about .culture .content p.title{
	font-size: 18px;
    color: #2db5a3;
    line-height: 46px;
    padding-top: 6px;
    font-weight: bold;
}
.main-about .culture .content p.content_text{
	color: #666666;
    height: 60px;
    line-height: 30px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ie .main-about .culture .content p.content_text{
	color: #666666;
    height: 60px;
    line-height: 30px;
    display: block;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.main-about .culture .content img{width:100%; height:auto;}
.main-about .culture .content a{font-size: 18px;color: #a1d8cb;line-height: 68px;}
.main-about .culture .content a:hover{color:#FF0000;}
/*业务范围*/
.main-about .business{padding-bottom: 35px;}
.main-about .business .business_content{width:100%; text-align:center;}
.main-about .business .business_content img{width:80%;}
/* 人云资质 */
.main-about .aptitude{padding:0 50px 35px; background:#F8F8F8;}
.main-about .aptitude .content{width:100%;  text-align:center;}
.main-about .aptitude .content .gallery{}
.main-about .aptitude .content .gallery ul li:hover{box-shadow: 0 5px 20px rgba(0,0,0,0.1); transform: translateY(-5px);}
.gallery li{padding:12.5px;}
.gallery li:nth-child(6n){padding-right:0;}
.gallery li a img{width:auto; height:250px;}
/* 联系我们 */
.banner.contact{background: url(../img/nav_img5.jpg) no-repeat center top; background-size: cover;}
.banner.contact .title.active{padding-top:50px;}
.main-contact{background:url(../res/static/img/contact_bg.jpg) no-repeat center top #f2f4f6;;}
.main-contact ul.contactab{padding:50px 0; text-align: center;}
.main-contact ul.contactab li{display: inline-block; padding: 0 22px; margin-left: 15px; font-size: 20px; line-height: 46px; color: #b5b5b5; border: 1px solid #e2e2e2; border-radius: 3px; cursor: pointer;}
.main-contact ul.contactab li.layui-this, .main-contact ul.contactab li:hover{color: #2ab5a3;border-color: #afddd7;transition: 0.3s;}
.main_left{}
.layui-input-block{margin-left:0;}
.layui-textarea{min-height:250px;}
.main_left .layui-btn-normal{background:#2ab5a3;}
.main_right{padding:0 15px;}
.main_right h2{font-size: 20px;line-height: 20px;padding-left: 40px;color: #FF7000;margin: 0;}
.main_right ul{margin:20px 0;}
.main_right ul li{display: block;margin: 0 0 10px 10px;font-size: 14px;color: #555;}
.main_right ul li i{width:30px; color:#d54508; display:block; float:left; font-size:20px;}
.main_right ul li.emailred{color:#d54508;}
/* 百度地图css */
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent{width:100%;height:225px;border:#ccc solid 1px;}
.BMap_cpyCtrl {display: none;}
.anchorBL{display:none;}
/* 即将上线 */
.uponline{width:100%; height:100%; position:relative;}
.uponline img{width:80%; height:auto; position:absolute; bottom:0; right:0;}

@media screen and (min-width: 0px) and (max-width: 480px){
	.main-about .cloud .content .img{width: 100%;}
	.main-about .cloud .content .panel{width: 100%;}
	/* 解决方案 */
	.solution_left{width:100%;}
	.solution_right{width:100%;}
	/* 典型案例 */
	.main-case .content{width:auto; padding:60px 10px 0 10px;}
	.main-case .content .case-img{height:auto;}
	.main-case .content p.lable{padding-top: 10px; font-size: 18px; line-height: 48px;}
	.main-case .content p.time{font-size: 14px; line-height: 30px; color: #999999;}
	.main-case .content p.detail{font-size: 14px; line-height: 25px; color: #505050;}
	
	/* uponline */
	.uponline img{width:100%;}
}
@media screen and (min-width: 480px){
	.nav .layui-nav .layui-nav-item a{color:#000000;}
	.nav .layui-nav .layui-this a
	,.nav .layui-nav .layui-nav-item a:hover{color: #2db5a3;}
	.main-product div.title,.main-service div.title{text-align:center; margin-bottom:20px;}
	.main-product div.title h4,.main-service div.title h4{font-size:1.5rem; }
	.main-product div.title span,.main-service div.title span{font-size:0.8rem; color:#999999;line-height:30px;}
  
  .main-news .content .news-panel p.read-push{font-size: 12px;}
  .main-case .content{width:auto; padding:60px 10px 0 10px;}
  .main-case .content .case-img{height:auto;}
  .main-case .content p.lable{padding-top: 10px; font-size: 16px; line-height: 48px;}
  .main-case .content p.time{font-size: 14px; line-height: 30px; color: #999999;}
  .main-case .content p.detail{font-size: 14px; line-height: 25px; color: #505050;}
  
  .main-about ul.aboutab{padding: 40px 0;}
  .main-about ul.aboutab li{padding: 0 15px; font-size: 16px; box-sizing: border-box;}
  .main-about .cloud .content .img{width: 100%;}
  .main-about .cloud .content .panel{width: 100%;}
  .main-about .cloud .content .panel.p_block{display: none;}
  .main-about .cloud .p_hidden{display: block;}
  .main-about .business .business_content img{width:100%;}
  .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;}
  .nav .nav-logo h1{color:#AAAAAA;}
  .footer .footer-contact img{width:30%}
  /* uponline */
  .uponline img{width:100%}
 
  /* 解决方案 */
  .solution_left{width:100%;}
  .solution_right{width:100%;}
}
  
@media screen and (min-width:0px)and (max-width: 768px){
	.nav_content{width:auto;}
	.nav .layui-nav .layui-nav-item a{color:#000000;}
	.nav .layui-nav .layui-this a
	,.nav .layui-nav .layui-nav-item a:hover{color: #2db5a3;}
	.main-service .content .content-right p{height:auto;}
	/* banner*/
	#banner .panel{width:60%; left:40%; margin-left:-20%;}
	#banner .panel p.title{font-size:2rem; line-height:50px;}
	#banner .panel font{font-size:1.4rem; line-height:35px;}
	.main-about ul.aboutab{padding: 40px 0;}
	.footer .footer-contact img{width:50%}
}
/*小屏幕*/
@media screen and (min-width: 768px){
  .nav{max-height: 80px;}
  .nav.index{background: rgba(255, 255, 255 ,0.4);}
  .nav.scroll{background: rgba(255, 255, 255 ,1);}
  .nav.scroll .nav-list .layui-nav .layui-nav-item a{color:#333333;}
  .nav.scroll .nav-list .layui-nav .phone{color:#FF0000;}
  .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 15px; line-height: 80px;}
  .footer .footer-contact img{width:90%}
  /* banner*/
  #banner .panel{width:70%; left:30%; margin-left:-15%;}
  #banner .panel p.title{font-size:2.5rem; line-height:50px;}
  #banner .panel font{font-size:1.8rem}
  .main-product div.title,.main-service div.title{text-align:center; margin-bottom:40px;}
  .main-product div.title h4,.main-service div.title h4{font-size:1.5rem; }
  .main-product div.title span,.main-service div.title span{font-size:0.9rem; color:#999999;line-height:30px;}
  .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: 20px;}
  .main-newsdate .pushtime{line-height: 100px;}
  .main-case .content{width: 45%;}
  .main-case .content .case-img{height:210px;}
  .main-case .content.even{margin-left: 9%;}
  .main-about ul.aboutab{padding: 60px 0;}
  .main-about ul.aboutab li{padding: 0 32px; font-size: 24px; margin-left: 30px; line-height: 50px;}
  .main-about .cloud .content .img{width: 49%;}
  .main-about .cloud .content .panel{width: 50%;}
  .main-about .cloud .content p{padding: 0 30px; font-size: 14px; line-height: 25px;}
  
 .main-about .business .business_content img{width:60%;}
 /* 解决方案 */
 .solution_left{width:200px;}
 .solution_right{width:calc(100% - 250px);}
  
}
@media screen and (min-width: 768px) and (max-width: 992px){
	.nav_content{position:unset;}
	.nav .layui-nav{background: rgba(255, 255, 255 ,0.5);}
	.nav .nav-logo h1{color:#999999;}
	.main.product .content div.right{padding-left: 20px;}
	.nav .layui-nav .layui-nav-item{margin:0 15px;}
	.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{height:110px;}
	.main.product .content .label{line-height: 40px; margin-top: 0;}
	.main.product .content .detail{padding-bottom: 10px;}
	.main-about .business .business_content img{width:80%;}
	/* 解决方案 */
	.solution_left{width:200px;}
	.solution_right{width:calc(100% - 250px);}
	/* 百度地图*/
	#dituContent{height:205px;}
}
/*大屏幕*/
@media screen and (min-width: 992px){
	.nav_content{width:auto;}
	
  .main.product .content{padding: 100px 0;}
  .main.product .content div.right{padding-left: 0;}
  .main-service .content .content-right p{height:150px;}
  .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 ul.aboutab{padding: 80px 0;}
  .main-about .cloud .content .img{width: 49%;}
  .main-about .cloud .content .panel{width: 50%;}
  .main-about .cloud .content p{padding: 0 50px; font-size: 16px; line-height: 30px;}
  /* 百度地图*/
  #dituContent{height:210px;}
}
/*超大屏幕*/
@media screen and (min-width: 1200px) {
	.nav_content{width:1200px;}
  .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;}
  .main-about .cloud .content .img{width: 49%;}
  .main-about .cloud .content .panel{width: 50%;}
  .main-about .cloud .content p{padding: 0 50px; font-size: 18px; line-height: 35px; text-indent:34px;}
  .main-service .content .content-right p{height:130px;}
  /* 典型案例 */
  .main-case .content{width:31%; padding:60px 10px 0 10px;}
  .main-case .content .case-img{height:250px;}
  .main-case .content p.lable{padding-top: 10px; font-size: 18px; line-height: 48px;}
  .main-case .content p.time{font-size: 14px; line-height: 30px; color: #999999;}
  .main-case .content p.detail{font-size: 14px; line-height: 25px; color: #505050;}
  
  /* 百度地图*/
  #dituContent{height:225px;}
}
@media screen and (min-width: 1300px) {
  .layui-container{width: 1200px; padding: 0;}
  .main-about .tabJob .content:last-child{margin-bottom: 180px;}
  .main-about .cloud .content .img{width: 49%;}
  .main-about .cloud .content .panel{width: 50%;}
  .main-about .cloud .content p{padding: 0 50px; font-size: 20px; line-height: 35px; text-indent:38px;}
  .main-service .content .content-right p{height:130px;}
  
  .layui-col-space80{margin: -40px;}
  .layui-col-space80>*{padding: 12.5px;}
}

.template-row{display:none}