﻿.case_banner,.news_banner,.about_banner{width:100%;height:380px;padding-top:120px;background:url(.././images/news_banner.png) no-repeat center;background-size:cover;}
.case_banner .text,.news_banner .text,.about_banner .text{padding-left:10%;margin-bottom:20px;font-size:36px;font-weight:400;color:#fafafa;}
.case_banner .bottom,.news_banner .bottom,.about_banner .bottom{padding-left:15%;}
.case_banner .bottom:before,.news_banner .bottom:before,.about_banner .bottom:before{display:inline-block;content:"";width:50px;height:2px;margin-right:10px;background:#fafafa;vertical-align: middle;}

@media screen and (max-width:766px){
	.mobile .case_banner, .news_banner, .about_banner{width:100%;height:200px;padding-top:100px;}
	.mobile .case_banner .text, .news_banner .text, .about_banner .text{font-size:10px;}
}

.news{padding:80px 0;width:100%;overflow: hidden;}
.news h3{padding:0px 0 80px;text-align:center;font-size:40px;font-weight:400;font-family:"Microsoft YaHei";}
.news .item_title{position:relative;font-size:24px;height:50px;}
.news .item_title:after{position:absolute;bottom:0;left:0;display: block;content: "";width:40px;height:2px;background:#00c568;}
.news .item{padding-top:30px;padding-bottom:30px;}
.news .item .one{margin-bottom:15px;}
.news .item .other{margin-bottom:5px;}
.news .item .info{font-size:14px;}
.news .item a{display:block;overflow:hidden;}
.news .item a .img{overflow: hidden;}
.news .item img{width:100%;display:block;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.news .item h4{line-height:40px;font-size:16px;font-weight:400;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.news .item h4 .title{display: inline-block;width:calc(100% - 100px);width:-webkit-calc(100% - 100px);vertical-align: middle;}
.news .item h4 .time{display:inline-block;width:100px;text-align: right;}
.news .item .other h4{line-height:25px;font-size:16px;}
.news .item p.color{color:#999;}
.news .item a:hover{color:#333;}
.news .item a:hover h4{color:#00c568;}
.news .item a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.news .item .more{display:block;margin-top:30px;}
.news .item .more a{display:inline-block;width:140px;height:40px;border:1px solid #eee;text-align:center;line-height:40px;font-size:14px;color:#666;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;}
.news .item .more a:hover{color:#fff;background:#00c568;border-color:#00c568;}


@media screen and (min-width:800px) and (max-width:1199px){
	.header{width:100%;}
}

@media screen and (min-width:767px) and (max-width:800px){
	.navbar-nav{width:auto;height:80px;}
	.navbar-nav>li>a{line-height: 48px;}
}
@media screen and (max-width:766px){
	.navbar-nav{width:100%;height:auto;}
	.navbar-nav>li>a{line-height:20px;font-size:14px;}
}

@media screen and (min-width:800px) and (max-width:1366px){
	.banner{width:100%;height:400px;}
	.bannerinfo{color:#fff;padding-top:50px;}
	.bannerinfo h2{font-size:40px;font-weight:400;margin-bottom:30px;}
	.bannerinfo .info{font-size:16px;margin-bottom:50px;line-height:35px;}

	.core_business h3{font-size:40px;}
	.core_business .item h4{font-size:24px;}
	.core_business .item p{font-size:16px;}

	.application_scene > h3{font-size:40px;}
	.application_list .item .opa2 h3{font-size:24px;margin-bottom: 20px;}
	.application_list .item .opa2 p{font-size:16px;}

	.service_flow h3{font-size:40px;}
	.service_flow .item .info h4{margin-bottom:10px;font-size:20px;color:#333;}
	.service_flow .item .info p{height:120px;color:#999;font-size:12px;line-height:20px;}


	.cooperative_partner h3{font-size:40px;}

	.news h3{font-size:40px;}

}
@media screen and (min-width:800px){
	.navbar-default .navbar-nav > li.dropdown:hover .dropdown-menu{display: block;}
}
@media screen and (max-width:767px){
	.navbar-default .navbar-nav>li>a span{float: right;margin-top:3px;display:inline-block;vertical-align: middle;}
}
@media screen and (max-width:799px){
	.header{width:100%;}
	.navbar-nav>li.last{float:left;}
	.navbar-default .navbar-collapse{background: #353535;border:0;position: relative;z-index: 11;}
	.navbar-toggle{margin-top:22px;}
	.navbar-default .navbar-toggle{border:0;}
	.navbar-default .navbar-toggle .icon-bar{background: #d0d0d0;}
	.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {background-color:transparent;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#a2a1a1;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color: #00c568;background-color: transparent}
	
	.banner{width:100%;height:300px;}
	.bannerinfo{color:#fff;padding-top:20px;}
	.bannerinfo h2{font-size:30px;font-weight:400;margin-bottom:30px;}
	.bannerinfo .info{font-size:14px;margin-bottom:30px;line-height:35px;}

	.core_business .row > div{border:0;border-bottom:1px solid #ddd;}
	.core_business h3{font-size:30px;padding-bottom:30px;}
	.core_business .item h4{font-size:20px;}
	.core_business .item p{font-size:14px;}

	.advantage{padding:50px 0; }
	.advantage h3{font-size:30px;margin-bottom:30px;}
	.advantage .item{width:100%;margin:0 auto 20px;}
	.advantage .item .info h3{margin-bottom:15px;}

	.application_scene > h3{font-size:30px;}
	.application_list .item{width:100%;}


	.service_flow h3{font-size:30px;}

	.cooperative_partner h3{font-size:30px;}
	.cooperative_partner .item{width:25%;}

	.news h3{font-size:30px;}

	.footer{text-align: center;}
}
@media screen and (max-width:620px){
	.cooperative_partner .item{width:33.3%;}
}
@media screen and (max-width:460px){
	.cooperative_partner .item{width:50%;}
}
@media screen and (min-width:800px) and (max-width:996px){
	.advantage > h3{font-size:40px;margin-bottom:50px;}
	.advantage .item{width:50%;margin-bottom:20px;}

	.application_list .item{width:50%;}

	.cooperative_partner .item{width:25%;}
}




/*新闻列表*/
.news_content{width:100%;padding:50px 0;}
.news_content .tab{font-size: 0;}
.news_content .tab a{display: inline-block;padding:5px 20px;margin:0 10px;font-size:14px;}
.news_content .tab a:hover,.news_content .tab a.active{color:#fff;background:#00c568;border-radius:20px;text-decoration:none;}
.news_content .news_list{margin-top:50px;}
.news_content .item{padding:0;margin-bottom:15px;background:rgb(247,247,247);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.news_content .item a{display: block;}
.news_content .news_list .new_left{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.news_content .news_list .new_left img{width:100%;height:154px;padding:15px 0;}
.news_content .news_list .new_m h3{padding-bottom:15px;color:rgb(113, 113, 113);font-size:16px;height:40px;margin-top:20px;overflow: hidden ;transition: all 0.3s ease-out 0s;}
.news_content .news_list .new_m p{line-height:25px;font-size:14px;color: rgb(162, 162, 162);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.news_content .news_list .new_right{padding-top:36px;color: rgb(153, 153, 153);}
.news_content .news_list .new_right span{display:block;padding-left:20px;font-size:24px;line-height:24px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.news_content .news_list .new_right p{padding-left:20px;font-size:14px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.news_content .news_list .new_right i{display: block;width:35px;height:35px;margin-left:20px;margin-top:20px;text-align:center;line-height:35px;color:rgb(222, 223, 225);border-radius:50%;border:1px solid rgb(222, 223, 225);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.news_content .item:hover .new_left{background:#00c568;}
.news_content .item:hover .new_m h3{transform: translateX(10px);-webkit-transform: translateX(10px);-moz-transform: translateX(10px);}
.news_content .item:hover .new_m p{transform: translateX(10px);-webkit-transform: translateX(10px);-moz-transform: translateX(10px);}
.news_content .item:hover .new_right span{transform: translateX(-15px);-webkit-transform: translateX(-15px);-moz-transform: translateX(-15px);}
.news_content .item:hover .new_right p{transform: translateX(-15px);-webkit-transform: translateX(-15px);-moz-transform: translateX(-15px);}
.news_content .item:hover .new_right i{background:#00c568;color:#fff;border-color:#00c568;transform: translateX(30px);-webkit-transform: translateX(30px);-moz-transform: translateX(30px);}
.news_content .item:hover{box-shadow: 0 3px 15px #ddd;}


/*关于我们*/
.understand_us{width:100%;padding:50px 0;}
.understand_us h6,.know_us h6,.call_us h6,.online_message h6{text-align:center;font-size:40px;color:#333;font-weight:400;}

.call_us{padding:50px 0;}
.call_us .map{position:relative;width:90%;margin:0 auto;padding:50px 0;}
.call_us .map .img{width:100%;}
.call_us .map .map_adress{position:absolute;top:20%;right:10%;width:350px;background:#00c568;color:#fff;}
.call_us .map .map_adress .top{padding:10px 20px;font-size:20px;background:#fff;color:#333;}
.call_us .map .map_adress .bottom{padding:20px;font-size:16px;line-height:30px;}
.call_us .map .map_adress .bottom img{vertical-align: middle;margin-top:-3px;margin-right:10px;}

/*.online_message{width:100%;overflow:hidden;}*/
/*.online_message .form-group{margin-bottom:30px;}*/
/*.online_message .form-control{height:50px;line-height:50px;}*/
/*.online_message .textarea{width:100%;height:300px;resize: none;}*/
/*.online_message .submit{text-align:center;}*/
/*.online_message .submit button{width:30%;height:50px;color:#fff;background:#00c568;border-radius:5px;font-size:16px;}*/

.online_message form input {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #aba8a8;
	border-radius: 4px;
	margin-bottom: 30px;
	padding-left: 20px;
}
.online_message form textarea {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #aba8a8;
	border-radius: 4px;
	height: 150px;
	padding-left: 20px;
}
.online_message .submit button{
	background: #26B8F3 none repeat scroll 0 0;
	border: 1px solid #26B8F3;
	border-radius: 4px;
	color: #ffffff;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	margin-top: 40px;
	padding: 8px 30px;
	text-transform: capitalize;
	transition:all .4s;
}
.online_message .submit:hover{
	color:#26B8F3;
	background:#ffffff;
}


@media screen and (max-width:767px){
	.call_us .map .map_adress{width:90%;right:auto;position: relative;margin:0 auto;}
	.online_message .submit button{width:100%;}
}













