/* 统一 */

.container,.container-fluid {

	padding: 0;

	width: 100%;

}

.xs-pad-lr {

	padding-left: 8.3%;

	padding-right: 8.3%;

}

.padding-0 {

	padding: 0 !important;

}

.w-1200 {

	max-width: 1200px;

}

.m-auto {

	margin: 0 auto;

}

a {

	text-decoration: none !important;

}

.hide {

	display: none !important;

}

.row {

    margin: 0;

}

*{

    margin: 0;

    padding: 0;

}

p{

    margin: 0;

}

a{

    color: #333333;

}

.pointer {

	cursor: pointer;

}

.w-100 {

    width: 100%;

}

.h-100 {

	height: 100%;

}

.wh-100 {

	width: 100%;

	height: 100%;

}

.w-25 {

	width: 25%;

}

.w-30 {

	width: 30%;

}

.w-45 {

	width: 45%;

}

.ml-5 {

	margin-left: 5px;

}

.ml-25 {

	margin-left: 25px;

}

.mr-5 {

	margin-right: 5px;

}

.mr-10 {

	margin-right: 10px;

}

.mr-25 {

	margin-right: 25px;

}

.mt-30 {

    margin-top: 30px;

}

.mb-10 {

    margin-bottom: 10px !important;

}

.mb-30 {

    margin-bottom: 30px !important;

}

.mb-40 {

    margin-bottom: 40px;

}

.mb-50 {

    margin-bottom: 50px;

}

.mb-60 {

	margin-bottom: 60px;

}

.mb-100 {

	margin-bottom: 100px;

}

.m-u-15 {

	margin-right: -15px;

	margin-left: -15px;

}

.m-u-20 {

	margin-right: -20px;

	margin-left: -20px;

}

.m-auto {

	margin: 0 auto;

}



.overflow-hidden {

	overflow: hidden;

}

.relative {

	position: relative;

}



/* 两边 */

.tb-two {

	height: 100%;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

}

  /* 限制两行 */

.two-row {

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	align-content: center;

}

.three-row {

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	align-content: center;

}

.four-row {

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 4;

	-webkit-box-orient: vertical;

	align-content: center;

}



.xs-mc {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, .5);z-index: 99;display: none;}



/* 分页 */

.pagination {

    display: inline-block;

    padding-left: 0;

    border-radius: 4px;

    margin: 70px 0;

}

.pagination > li {

    display: inline;

}

.pagination > li > a, .pagination > li > span{

    position: relative;

    float: left;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 42px;

    height: 42px;

    margin-right: 10px;

    color: #666666;

	background: #fff;

	border: 1px solid #ececec !important;

    font-size: 16px;

	border: none;

	border-radius: 50% !important;

}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

    z-index: 3;

    color: #fff;

	background: #4da9da;

}

.pagination .prev a,.pagination .next a {

	color: #666666;

	background: #fff;

	border: 1px solid #ececec !important;

	border-radius: 50% !important;

}

/* 分页 */

.banner .banner-tag {

	position: absolute;

	left: 13.5%;

}

.banner .banner-tag p:first-child{

	font-size: 48px;

	color: #fff;

	margin-bottom: 10px;

}

.banner .banner-tag p:last-child{

	font-size: 20px;

	color: #fff;

}

.case-detail-banner .banner-tag {

	transform: translateY(-20px);

}

.case-detail-banner .banner-tag p:first-child{

	font-size: 36px;

	color: #fff;

	margin-bottom: 10px;

}



/* header */

.header {

	padding-top: 25px;

	padding-bottom: 25px;

	background: transparent;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 999;

	transition: .5s;

}

.header.on {

	background: #fff;

	transition: .5s;

	box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);

}

.header .logo {

	max-height: 76px;

}

.header .nav {

	height: 76px;

	display: flex;

	align-items: center;

	justify-content: flex-end;

}

.header .nav a {

	font-size: 14px;

	color: #fff;

	margin: 0 25px;

}

.header.on .nav a {

	color: #333;

}

.over-menu {

	position: fixed;

	top: 0;

	left: 0;

	width:100vw;

	height:100vh;

	background: transparent;

	padding: 100px 21.3%;

	z-index: 1000;

	overflow: hidden;

	transform: translateX(100vw) translateZ(0px);

}

.over-menu .bg {

	position: absolute;

	border-radius:50%; 

	transform-origin:center; 

	background:#4da9da;

	top:calc(70px - 224vw); 

	right:calc(150px - 224vw); 

	width:448vw; 

	height:448vw; 

	z-index:1000; 

	transform:translateX(0px) translateY(0px) scaleX(0) scaleY(0) translateZ(0px); 

	transition:all 2s;

}

.over-menu .cont {

	z-index: 1001;

}

.over-menu .close {

	position: absolute;

	right: 50px;

	top: 50px;

	z-index: 1001;

}

.over-menu .logo-02 {

	margin-bottom: 70px;

	opacity: 0;

	transition:all 1s;

	transform: none;

}

.over-menu .o-nav {

	margin-bottom: 100px;

	opacity: 0;

	transition:all 1s;

	transform: none;

}

.over-menu .o-nav a {

	display: inline-block;

	text-align: center;

}

.over-menu .o-nav a p:first-child {

	font-size: 36px;

	color: #fff;

}

.over-menu .o-nav a p:last-child {

	font-size: 18px;

	color: #fff;

}

.over-menu .o-cantact {

	opacity: 0;

	transition: all 1s;

	transform: none;

}

.over-menu .o-cantact .left .li {

	margin-bottom: 10px;

	color: #fff;

	font-size: 16px;

}

.over-menu .o-cantact .left .li img {

	width: 22px;

	margin-right: 10px;

}

.over-menu .o-cantact .right img {

	width: 130px;

	height: 130px;

	margin-bottom: 10px;

}

.over-menu .o-cantact .right p {

	font-size: 16px;

	color: #fff;

	text-align: center;

}

.hide-nav {

	text-align: right;

	line-height: 76px;

}

.hide-nav .menu {

	max-height: 76px;

}

.hide-nav .list {

	position: absolute;

	right: 0;

	top: 36px;

	width: 105px;

	overflow:hidden;

	padding: 0;

	-webkit-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out;

	text-align:center; 

	border-radius:.2rem; 

	background:rgba(255,255,255,.95); 

	-webkit-box-shadow:1px 1px 1px rgba(169,169,169,.4); box-shadow:1px 1px 1px rgba(169,169,169,.4); 

	background:#fff;

	z-index: 99;

	height: 0;

	transition: .5s;

}

.hide-nav .list.show {

	height: 240px;

	padding: 10px;

	transition: .5s;

}

.hide-nav .list .item{border-bottom:1px solid #dcdcdc;}

.hide-nav .list .item:last-child {border:0;}

.hide-nav .list .item a{color:#3c3c3c; padding: 5px 0; display:block; font-size: 12px;}

.hide-nav .list .item a:active {color:#3c3c3c;}

/* header */



/* foot */

.foot .foot-top {

	background: #444855;

	padding-top: 50px;

	padding-bottom: 50px;

}

.foot .foot-top .left {

	font-size: 18px;

	color: #999999;
	margin-top: 26px;
}

}

.foot .foot-top .left img {

	margin-bottom: 15px;

}

.foot .foot-bottom {

	background: #373a44;

	padding-top: 15px;

	padding-bottom: 15px;

	font-size: 14px;

	color: #999999;

}

.foot .foot-bottom a {

	margin-right: 30px;

	font-size: 14px;

	color: #999999;

}

.foot-top .foot-nav p {

	font-size: 18px;

	color: #ffffff;

	margin-bottom: 20px;

}

.foot-top .foot-nav ul li {

	margin-bottom: 8px;

}

.foot-top .foot-nav ul li a {

	font-size: 16px;

	color: #999999;

}

.foot-top .right .tel {

	font-size: 18px;

	color: #c6c6c6;

	margin-bottom: 10px;

}

.foot-top .right .tel img {

	width: 23px;

	margin-right: 10px;

}

.foot-top .right .addr, .foot-top .right .qq {

	font-size: 15px;

	color: #999999;

	margin-bottom: 10px;

}

.foot-top .right .addr img , .foot-top .right .qq img {

	width: 20px;

	margin-right: 10px;

}

.scroll-list {white-space: nowrap;}

.scroll-list .scroll-block-2 {

	position: relative;

	white-space: nowrap;

	width: calc(100% - 72px);

	margin-left: 10px;

	margin-right: 10px;

	overflow: hidden;

	height: 20px;

}

.scroll-list ul {

	display: table;

	white-space: nowrap;

	position: absolute;

	left: 0;

	top: 0;

}

.scroll-list ul > li {

	display: inline-block;

	padding-right: 10px;

}

.scroll-list ul > li > a {

	float: left;

}

/* foot */



/* contact */

.contact-content {

	padding-top: 100px;

	padding-bottom: 50px;

}

.contact-content .left .tit {

	font-size: 48px;

	color: #444444;

	font-weight: bold;

	margin-bottom: 20px;

}

.contact-content .left .p1 {

	font-size: 48px;

	color: #444444;

	margin-bottom: 15px;

}

.contact-content .left .p2 {

	font-size: 15px;

	color: #444444;

	margin-bottom: 75px;

}

.contact-content .left  .m-btn {

	width: 256px;

	height: 56px;

	color: #fff;

	font-size: 24px;

	background: #4da9da;

}

.contact-content .right .p1 {

	font-size: 18px;

	color: #4da9da;

	margin-bottom: 20px;

}

.contact-content .right .p2 {

	font-size: 48px;

	color: #4da9da;

	margin-bottom: 10px;

}

.contact-content .right .p3 {

	font-size: 15px;

	color: #444;

	margin-bottom: 50px;

}

.contact-content .right .p4 {

	font-size: 16px;

	color: #444;

	margin-bottom: 15px;

}

.contact-content .right .m-btn {

	padding: 50px 0 0;
	text-align: center;
    line-height: 50px;

}
.codeimg{
	margin-right: 30px;
}
.codeimg img{
	width: 100%;
}
/*.code_title{
	font-size: 1.12rem;
}*/
.contact-content .right .m-btn a {

	display: flex;

	width: 86px;

	height: 32px;

	color: #9b9b9b;

	font-size: 12px;

	justify-content: center;

	align-items: center;

	border: 1px solid #9b9b9b;

	margin-right: 20px;

}

.contact-pic p {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	font-size: 48px;

	color: #fff;

	display: flex;

	align-items: center;

	justify-content: center;

}

.contact-form {

	padding: 80px 3.1%;

	background: #f4f4f4;

}

.contact-form .tit {

	font-size: 30px;

	color: #444444;

	margin-bottom: 15px;

}

.contact-form .des{

	color: #666666;

	font-size: 15px;

	margin-bottom: 40px;

}

.contact-form .des span {

	color: #4da9da;

}

.contact-form .left input{

	background: #fff;

	height: 54px;

	margin-right: 10px;

	font-size: 15px;

	border: none;

	padding: 0 15px;

}

.contact-form .right input {

	background: #fff;

	height: 54px;

	width: calc(100% - 210px);

	margin-right: 10px;

	font-size: 15px;

	border: none;

	padding: 0 15px;

}

.contact-form .left input::-webkit-input-placeholder,.contact-form .right input::-webkit-input-placeholder {

	color: #888888;

}

.contact-form .m-btn {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 200px;

	height: 54px;

	font-size: 18px;

	color: #fff;

	background: #4da9da;

}

/* case */

.case-nav {

	display: inline-block;

	margin: 60px auto 35px;

}

.case-nav a {

	font-size:16px;

	color: #666666;

	/* margin: 0 10px; */

	padding: 10px 20px;

}

.case-nav a.active {

	display: inline-block;

	color: #4da9da;

	/* border-bottom: 2px solid #4da9da; */

}

.case-nav .line {

	position: absolute;

	left: 0;

	bottom: 0;

	border-bottom: 2px solid #4da9da;

	transition: all 0.3s;

}

.case-content .case-box {

	overflow: hidden;

	position: relative;

}

.case-content .case-box a img {

	transition: .5s;

}

.case-content .case-box:hover > a img {

	transform: scale(1.1);

	transition: .5s;

}

.case-content .case-box .box {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, .5);

	opacity: 0;

	transition: .5s;

}

.case-content .case-box:hover > a .box {

	opacity: 1;

	transition: .5s;

}

.case-content .case-box .box .p1 {

	font-size: 24px;

	color: #fff;

	margin-bottom: 12px;

}

.case-content .case-box .box .p2 {

	font-size: 14px;

	color: #fff;

	margin-bottom: 25px;

}

.case-content .case-box .box .p3 {

	font-size: 16px;

	color: #fff;

}

/* case */

/* case-detail */

.case-detail-content {

	transform: translateY(-200px);

}

.case-detail-content .box {

	padding: 0 6.25%;

}

.case-detail-content .tit {

	width: 300px;

    height: 60px;

    font-size: 16px;

    background: #4da9da;

    color: #fff;

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: 0 50px;

}

.case-detail-content .tit img {

	transition: .2s;

}

.case-detail-content .tit:hover > img{

	transform: translateX(10px);

	transition: .2s;

}

.case-detail-content .box .survey {

    height: 180px;

    background: #fff;

    padding: 45px 7.14%;

}

.case-detail-content  .box .survey .left{

	width:33.33%;

}

.case-detail-content  .box .survey .left .name{

	font-size: 18px;

}

.case-detail-content  .box .survey .left .text{

	font-size: 24px;

	color: #a88f67;

}

.case-detail-content .box .survey .brief{

	width:58.333%; 

	font-size: 14px;

	color: #aaaaaa;

	line-height: 24px;

}

.case-detail-content .box .cont {

	margin-bottom: 120px;

}

.case-detail-content .box .m-btn {

	margin-bottom: 75px;

}

.case-detail-content .box .m-btn a {


	border: 1px solid #666666;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 16px;

	color: #666666;
	padding: 12px;
	margin-left: 10px;

}

.case-detail-content .box .m-btn a img {

	margin: 0 10px;

}

.case-detail-content .box .m-btn a.active {

	border: 1px solid #4da9da;

	color: #4da9da;

}

/* case-detail */

/* news */

.news-content .left {

	padding-right: 50px;

}

.news-content .case-nav {

	justify-content: flex-end;

}

.news-content .news-list li {

	padding: 30px 0;

	border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
}

.news-content .news-list li:first-child {

	border-top: 1px solid #e8e8e8;

}

.news-content .news-list li {

	overflow: hidden;

}

.news-content .news-list li .pic {

	width: 260px;

	margin-right: 25px;

	float: left;

	-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);

	clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);

	transition: 1s all;

	-webkit-transition: 1s all;

	-o-transition: 1s all;

	-moz-transition: 1s all;

	-ms-transition: 1s all;

}

.news-content .news-list li:hover > .pic {

	-webkit-clip-path: polygon(9% 8%, 100% 0, 100% 100%, 0 100%);

	clip-path: polygon(9% 8%, 100% 0, 100% 100%, 0 100%);

}

.news-content .news-list li .info{

	width: calc(100% - 285px);

	float: left;

}

.news-content .news-list li .info .tit {

	font-size: 18px;

	color: #666666;

	margin: 15px 0 10px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

   display: block;
}

.news-content .news-list li .info  .des {

	font-size: 14px;

	color: #999999;

	margin-bottom: 30px;

	line-height: 24px;

}

.news-content .news-list li .info  .time {

	font-size: 14px;

	color: #777777;

}

.u-right {

	padding-top: 70px;

}

.tag-box {

	width: 100%;

	padding: 35px 10%;

	background: #f9f7f6;

	margin-bottom: 20px;

}

.tag-box .tit {

	font-size: 18px;

	color: #333333;

	margin-bottom: 15px;

}

.tag-box .tit img {

	width: 40px;

	margin-right: 10px;

}

.tag-box .name {

	font-size: 14px;

	color: #999999;


}

.tag_jg{
	padding: 0 1rem
}
.tag_jg:last-child{
	display: none;
}
.more-list {

	width: 100%;

	padding: 35px 10%;

	background: #f9f7f6;

	margin-bottom: 20px;

}

.more-list .tit {

	font-size: 18px;

	color: #333333;

	margin-bottom: 25px;

}

.more-list .tit span {

	font-size: 18px;

	color: #4da9da;

	font-weight: bold;

	margin-left: 5px;

}

.more-list .ul li a {

	display: flex;

	align-items: center;

	width: 100%;

	font-size: 14px;

	color: #888888;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	margin-bottom: 25px;

}

.more-list .ul li a img {

	margin-right: 0;

	width: 0px;

	transition: .5s;

}

.more-list .ul li a:hover > img {

	width: 26px;

	margin-right: 15px;

	transition: .5s;

}

.more-list .ul li a:hover {

	color: #4da9da;

}

/* news */

/* news-detail */

.news-detail-content .left {

	padding-top: 70px;

	padding-right: 50px;

}

.news-detail-content .left h1{

	font-size: 30px;

	color: #333333;

	margin-bottom: 35px;

}

.news-detail-content .left .time {

	font-size: 15px;

	color: #999999;

	margin-bottom: 30px;

}

.news-detail-content .left .time span {

	margin: 0 15px;

}

.news-detail-content .left .time img {

	margin-right: 10px;

}

.news-detail-content .left .cont {

	border-top: 1px solid #e8e8e8;

	border-bottom: 1px solid #e8e8e8;

	padding-top: 18px;

	padding-bottom: 45px;

	font-size: 16px;
    line-height: 40px;


}

.news-detail-content .left .m-btn {

	margin: 30px 0 90px;

}

.news-detail-content .left .m-btn .center {

	margin: 0 10%;

}

.news-detail-content .left .m-btn a.prev {

	display: block;

	width: 30px;

	height: 30px;

	background: url(../images/news-detail/icon-left.png) no-repeat;

	

}

.news-detail-content .left .m-btn a.prev:hover {

	background: url(../images/news-detail/icon-left-blue.png) no-repeat;

}

.news-detail-content .left .m-btn a.next {

	display: block;

	width: 30px;

	height: 30px;

	background: url(../images/news-detail/icon-right.png) no-repeat;

}

.news-detail-content .left .m-btn a.next:hover {

	background: url(../images/news-detail/icon-right-blue.png) no-repeat;

}

/* news-detail */

/* services */

.services-content {

	padding-top: 100px;

	padding-bottom: 100px;

}

.services-content .li {

	margin-bottom: 30px;

}

.services-content .tit {

	font-size: 36px;

	color: #333333;

	margin: 45px 0;

}

.services-content .u-line {

	width: 50px;

	height: 5px;

	background: #4da9da;

	margin-bottom: 40px;

}

.services-content .u-p {

	font-size: 16px;

	color: #666666;

	line-height: 30px;

	margin-bottom: 10px;

	padding-right: 30px;

}

/* services */

/* index */

.index-about {

	padding-top: 80px;

	padding-bottom: 80px;

	background: #f9f7f6;

	overflow: hidden;

}

.index-about .tit {

	font-size: 80px;

	color: #cecece;

	margin-bottom: 65px;

}

.index-about .tit span {

	color: #4da9da;

}

.index-about .sm-tit {

	font-size: 30px;

	color: #333333;

	margin-bottom: 20px;

	padding: 0 12.5%;

}

.index-about .des {

	font-size: 14px;

	color: #777777;

	line-height: 36px;

	padding: 0 12.5%;

}

.index-about .pic {

	width: 60%;

	margin: 15px 0;

	float: right;

}

.index-tit p:first-child{

	font-size: 80px;

	line-height: 80px;

}

.index-tit p:last-child{

	font-size: 30px;

	color: #333333;

	transform: translateY(-30px);

}

.index-tit p.type_01 {

	color: #f8f2f2;

}

.index-tit p.type_02 {

	color: #ffffff;

	opacity: .3;

}

.index-tit p.type_03 {

	color: #fff;

}

.index-sm-tit {

	font-size: 16px;

	color: #777777;

	margin-bottom: 35px;

}

.index-sm-tit.type_03 {

	color: #fff;

}

.index-case {

	padding: 80px 0;

}

.index-case .case-nav {

	margin: 100px 0 35px;

}

.index-m-btn-active {

	color: #fff !important;

	font-size: 14px !important;

	background: #4da9da !important;

	border: none !important;

}

/* .index-m-btn img {

	margin-left: 20px;

} */

.index-service {

	background: #f9f7f6;

	padding-top: 80px;

	padding-bottom: 80px;

}

.index-service .list li {

	width: 14.28%;

    float: left;

    position: relative;

    border: 1px solid #f3f3f3;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    margin-left: -1px;

	margin-top: -1px;

	border-bottom: 2px solid #dfdfdf;

	border-left: 1px solid #dfdfdf;

}

.index-service .list li:nth-child(7n) {

	border-right: 1px solid #dfdfdf;

}

.index-service .list li:nth-child(-n+7) {

	border-top: 1px solid #dfdfdf;

}

.index-service .list li span {

    display: block;

    overflow: hidden;

}

.index-service .list li span img {

	opacity: 0.5;

	width: 100%;

	display: block;

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

	filter: gray;

}

.index-service .list li:hover span img {

	opacity: 1;

	-webkit-filter: grayscale(0%);

	-moz-filter: grayscale(0%);

	-ms-filter: grayscale(0%);

	-o-filter: grayscale(0%);

	filter: grayscale(0%);

	filter: gray;

}

.index-service .list li .bg {

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 10;

}

.index-service .list li .bg:before,

.index-service .list li .bg:after {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	content: "";

	opacity: 0;

	pointer-events: none;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

}

.index-service .list li .bg:before {

	border-top: 2px solid #cb0808;

	border-bottom: 2px solid #cb0808;

	-webkit-transform: scale(0, 1);

	transform: scale(0, 1);

}

.index-service .list li .bg:after {

	border-right: 2px solid #cb0808;

	border-left: 2px solid #cb0808;

	-webkit-transform: scale(1, 0);

	transform: scale(1, 0);

}

.index-service .list li:hover .bg:after,

.index-service .list li:hover .bg:before {

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1);

}

.index-adv {

	padding-top: 80px;

	padding-bottom: 80px;

	background: url(../images/index/index-bg-01.png) no-repeat;

	background-size: cover;

}

.index-adv .big-box {

	padding: 15px 4.3%;

	background: rgba(255, 255, 255, .1);

}

.index-adv .big-box .box {

	margin: 30px 0;

	border-right: 1px solid rgba(255, 255, 255, .5);

	/* border-top: 1px solid rgba(255, 255, 255, .5); */

}

.index-adv .big-box .box::after {

	content: ' ';

	width: 80%;

	height: 1px;

	background: rgba(255, 255, 255, .5);

	position: absolute;

	top: 0;

	/* left: 0; */

}

.index-adv .big-box .col-md-3:nth-child(-n+4) .box::after{

	background: rgba(255, 255, 255, 0);

}

.index-adv .big-box .box .num {

	font-size: 36px;

	color: #ffd236;

	margin-right: 25px;

	line-height: 36px;

}

.index-adv .big-box .box .info p:first-child {

	font-size: 24px;

	color: #fff;

	margin-bottom: 12px;

}

.index-adv .big-box .box .info p:last-child {

	font-size: 14px;

	color: #fff;

}

.index-news {

	background: #f9f7f6;

	padding-top: 80px;

	padding-bottom: 80px;

}

.index-news .case-nav {

	margin: 100px 0 35px;

}

.index-m-btn {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 300px;

	height: 55px;

	color: #666666;

	font-size: 14px;

	background: transparent;

	margin: 80px auto 0;

	border: 1px solid #666666;

}

.index-m-btn img {

	margin-left: 20px;

}

.index-news .first {

	padding: 30px;

	height: 438px;

	background: #fff;

}

.index-news .first .pic {

	width: 100%;

	display: block;

	margin-bottom: 25px;

}

.index-news .first .tit {

	font-size: 18px;

	color: #333333;

	margin-bottom: 10px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.index-news .first .des {

	font-size: 14px;

	color: #777777;

	line-height: 24px;

	margin-bottom: 25px;

}

.index-news .first .a {

	font-size: 15px;

	color: #666666;

}

.index-news .first .line {

	width: 100%;

	height: 1px;

	background: #eeeeee;

	margin-bottom: 15px;

}

.index-news .first .time {

	font-size: 15px;

	color: #999999;

}

.index-news .list {

	width: 100%;

	height: 438px;

	background: #fff;

}

.index-news .list li {
	width: 100%;
	height: 33.33%;
	padding: 0 5.6%;
	border-left: 1px solid #f9f7f6;
	border-bottom: 1px solid #f9f7f6;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.index-news .list li:last-child {
	border-bottom: none;
}
/* .index-news .list li {
	width: 100%;
	height: 100%;
	
} */
.index-news .list li .time {
	width: 70px;
	text-align: center;
}
.index-news .list li .time p:first-child{
	font-size: 40px;
	color: #333333;
}
.index-news .list li .time p:last-child{
	font-size: 14px;
	color: #999999;
}
.index-news .list li .info {
	width: calc(100% - 90px);
}
.index-news .list li .info p:first-child{
	font-size: 16px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 15px;
}
.index-news .list li .info p:last-child{
	font-size: 14px;
	color: #999999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.index-news .list li:hover > .time p:first-child,.index-news .list li:hover > .info p:first-child a {
	color: #fff;
}
.index-news .list li:hover > .time p:last-child,.index-news .list li:hover > .info p:last-child {
	color: #cae5f4;
}
.index-news .list li:hover {
	background: #4da9da;
}

.index-bottom {

	background: url(../images/index/index-bg-02.png) no-repeat;

	background-size: cover;

}

.index-bottom .box {

	padding-top: 30px;

	padding-bottom: 30px;

	text-align: center;

}

.index-bottom .box .p1 {

	font-size: 36px;

	color: #fff;

	margin-bottom: 5px;

}

.index-bottom .box .p2 {

	font-size: 16px;

	color: #fff;

}

/* index */

@media screen and (max-width: 1280px) { 

	.case-detail-banner .banner-tag {

		transform: translateY(-40px);

	}

	.case-detail-content {

		transform: translateY(-150px);

	}

}

@media screen and (max-width: 1080px) { 

    .header .nav a {

		margin: 0 10px;

	}

	.banner .banner-tag p:first-child{

		font-size: 32px;

		color: #fff;

		margin-bottom: 10px;

    	margin-top: 50px;

	}

	.banner .banner-tag p:last-child{

		font-size: 16px;

		color: #fff;

	}

	.case-detail-banner .banner-tag {

		transform: translateY(0);

	}

	.case-detail-content {

		transform: translateY(-60px);

	}

}

@media screen and (max-width: 991px) { 

    .index-adv .big-box .box {

		margin: 30px 0;

		border-right: none;

	}

	.index-adv .big-box .box::after {

		background: transparent;

	}

}

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

	.header {

		padding-top: 15px;

		padding-bottom: 15px;

	}

    .header .logo {

		max-height: 46px;

	}

	.header .nav {

		height: 46px;

	}

	.index-about .pic {

		width: 60%;

		margin: 15px auto;

		float: none;

		display: block;

	}

	.index-tit p:first-child {

		font-size: 40px;

	}

	.index-tit p:last-child {

		font-size: 20px;

		transform: translateY(-38px);

	}

	.index-about .tit {

		font-size: 40px;

		color: #cecece;

		margin-bottom: 25px;

	}

	.index-about {

		padding-top: 40px;

		padding-bottom: 40px;

		background: #f9f7f6;

		overflow: hidden;

	}

	.index-case {

		padding: 40px 0;

	}

	.index-case .case-nav {

		margin: 0 0 35px;

	}

	.case-nav a {

		padding: 5px 10px;

	}

	.index-service .list li {

		width: 33.33%;

		float: left;

		position: relative;

		border: 1px solid #f3f3f3;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		margin-left: -1px;

		margin-top: -1px;

		border-bottom: 2px solid #dfdfdf;

		border-left: 1px solid #dfdfdf;

	}

	.index-service .list li:nth-child(3n) {

		border-right: 1px solid #dfdfdf;

	}

	.index-service {

		padding-top: 40px;

		padding-bottom: 40px;

	}

	.index-adv {

		padding-top: 40px;

		padding-bottom: 40px;

	}

	.index-adv .big-box .box {

		margin: 30px 0;

		border-right: none;

	}

	.index-adv .big-box .box::after {

		background: transparent;

	}

	.index-news {

		background: #f9f7f6;

		padding-top: 40px;

		padding-bottom: 40px;

	}

	.index-news .case-nav {

		margin: 0 0 35px;

	}

	.case-nav a {

		padding: 5px 10px;

	}

	.index-news .first {

		padding: 15px;

		height: auto;

		background: #fff;

		margin-bottom: 10px;

	}

	.index-news .m-btn {

		margin: 20px auto 0;

	}

	.foot .foot-top .left {

		text-align: center;

		margin-bottom: 20px;

	}

	.foot .foot-nav {

		margin-bottom: 20px;

	}

	.services-content {

		padding-top: 40px;

		padding-bottom: 40px;

	}

	.services-content .tit {

		font-size: 28px;

		color: #333333;

		margin: 0 0 25px;

	}

	.services-content .li .u-img {

		width: 100%;

	}

	.contact-form .tit {

		font-size: 20px;

		color: #444444;

		margin-bottom: 10px;

	}

	.contact-form .des {

		color: #666666;

		font-size: 13px;

		margin-bottom: 20px;

	}

	.contact-form {

		padding: 40px 3.1%;

	}

	.contact-form .left,.contact-form .right {

		display: block !important;

	}

	.contact-form .left input,.contact-form .right input {

		width: 100%;

		margin-bottom: 10px;

		font-size: 12px;

	}

	.contact-form .m-btn {

		margin: 0 auto;

	}

	.services-content .u-p {

		padding-right: 0;

	}

	.banner .banner-tag p:first-child{

		font-size: 24px;

		color: #fff;

		margin-bottom: 0px;

    	margin-top: 50px;

	}

	.banner .banner-tag p:last-child{

		font-size: 14px;

		color: #fff;

	}

	.case-nav {

		display: inline-block;

		margin: 20px auto;

		overflow-x: scroll;

		white-space: nowrap;

		width: 100%;

	}

	.news-content .left {

		padding-right: 0;

	}

	.news-content .news-list li .pic {

		width: 100%;

		margin-right: 0;

	}

	.news-content .news-list li .info {

		width: 100%;

	}

	.contact-content {

		padding-top: 40px;

		padding-bottom: 40px;

	}

	.contact-content .left {

		margin-bottom: 20px;

	}

	.contact-content .left .tit {

		font-size: 24px;

		color: #444444;

		font-weight: bold;

		margin-bottom: 20px;

	}

	.contact-content .left .p1 {

		font-size: 24px;

		color: #444444;

		margin-bottom: 10px;

	}

	.contact-content .left .p2 {

		font-size: 15px;

		color: #444444;

		margin-bottom: 20px;

	}

	.contact-content .right .p2 {

		font-size: 30px;

	}

	.contact-content .right .p3 {

		margin-bottom: 20px;

	}

	.contact-content .right .m-btn {

		padding: 20px 0 0;

	}

	.contact-pic p {

		font-size: 16px;

	}

	.case-detail-content {

		transform: translateY(40px);

	}

	.case-detail-content .box .survey .left ,.case-detail-content .box .survey .brief{

		width: 100%;

		margin-bottom: 10px;

	}

	.case-detail-content .tit {

		width: 100%;

		height: 60px;

		font-size: 16px;

		background: #4da9da;

		color: #fff;

		display: flex;

		align-items: center;

		justify-content: space-between;

		padding: 0 30px;

	}

	.case-detail-content .box {

		padding: 0;

	}

	.case-detail-content .box .m-btn a {

		/*width: 48%;
*/
white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
	}

	.news-detail-content .left {

		padding-top: 40px;

		padding-right: 0;

	}

	.over-menu {

		padding: 5%;

	}

	.over-menu .logo-02 {

		width: 80%;

		margin-bottom: 20px;

	}

	.over-menu .o-nav {

		margin-bottom: 20px;

	}

	.over-menu .o-nav a {

		display: inline-block;

		text-align: center;

	}

	.over-menu .o-nav a p:first-child {

		font-size: 14px;

		color: #fff;

	}

	.over-menu .o-nav a p:last-child {

		font-size: 12px;

		color: #fff;

	}

	.over-menu .o-cantact {

		opacity: 0;

		transition: all 1s;

		transform: none;

	}

	.over-menu .o-cantact .left .li {

		margin-bottom: 10px;

		color: #fff;

		font-size: 16px;

	}

	.over-menu .o-cantact .left .li img {

		width: 22px;

		margin-right: 10px;

	}

	.over-menu .o-cantact .right img {

		width: 130px;

		height: 130px;

		margin-bottom: 10px;

	}

	.over-menu .o-cantact .right p {

		font-size: 16px;

		color: #fff;

		text-align: center;

	}

	.over-menu .close {

		position: absolute;

		right: 5%;;

		top: 5%;;

		z-index: 1020;

	}

	.over-menu .close img {

		width: 20px;

		height: 20px;

	}

}

@media screen and (max-width: 640px) { 

    .header .logo {

		max-height: 26px;

	}

	.header .nav {

		text-align: right;

		height: 26px;

	}
.contact-content .right .m-btn{
	display: none
}
	.menu {

		max-height: 26px;

	}

	.banner .banner-tag p:first-child{

		font-size: 18px;

		color: #fff;

		margin-bottom: 0px;

    	margin-top: 50px;

	}

	.banner .banner-tag p:last-child{

		font-size: 12px;

		color: #fff;

	}

}
.wzbot{font-size: 16px;padding-top: 10px;}

.case_fbsj{padding-left: 16px}

.wz_label{
	display: flex;
    flex-wrap: wrap;
    line-height: 30px;
}

/*新增*/
@media screen and (max-width: 640px) {
.index-about .sm-tit{
	font-size: 20px;
	padding: 0;	
}
.index-about .des{
	padding: 0;	
}
.index-adv{
	display: none;
}
.index-bottom .box
{
	    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    float: left;
    padding-left: 13px;
}
.index-bottom .box .p1{
	    font-size: 19px;
    color: #fff;
    margin-bottom: 5px;
}
.index-bottom .box .p2
{
	    font-size: 12px;
    color: #fff;
}
}

   .case-content .case-box .name {
                        display: none;
                    }
                @media screen and (max-width: 991px) { 
                    .case-content .case-box .name {
                        display: block;
                        font-size: 14px;
                        color: #777777;
                        margin: 5px 0;
                        text-align: center;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
}

 }
@media screen and (max-width: 1450px) { 
	.index-adv .big-box .box .num{
		font-size: 30px;
		 margin-right: 10px;
	}
	.index-adv .big-box .box .info p:first-child{
		font-size: 20px;
	}
	.index-adv .big-box .box .info p:last-child{
		font-size: 12px
	}
}
@media screen and (max-width: 1150px) { 
	.index-adv .big-box .box .num{
		font-size: 20px;
		    margin-right: 6px;
	}
	.index-adv .big-box .box .info p:first-child{
		font-size: 12px;
	}
	.index-adv .big-box .box .info p:last-child{
		font-size: 8px
	}
}