.banner-container .swiper-container .swiper-wrapper .swiper-slide img {width: 100%;}
.banner-pagination {position: absolute;left: 0px;bottom: 10px;z-index: 3;text-align: center;width: 100%;}
.slider-wrap-banner .swiper-pagination-bullet {width: 10px;height: 10px;background: #fff;opacity: 1;}
.slider-wrap-banner .swiper-pagination-bullet-active {background: #006acd;}

.floor_container {padding: 40px 0px 30px;}
.floor_container > .title {text-align: center;margin-bottom: 30px;}
.floor_container > .title h4 {color: #333;font-size: 36px;margin-bottom: 20px;line-height: 100%;}
.floor_container > .title p {color: #333;font-size: 18px;}

.serve_column {max-width: 1200px;margin: 0 auto;}
.serve_column ul li {display: block;float: left;width: 16.6666666666667%; position:relative; perspective:1000px;margin: 30px 0px;}
.serve_column ul li .artimg {width: 120px; height: 120px;margin: 0 auto; text-align: center; border-radius: 5px; position:relative;cursor: pointer; }
.serve_column ul li .artimg .iconfont {height: 64px;padding: 10px 0px;text-align: center;}
.serve_column ul li .artimg span {color: #666;font-size: 14px;}

.serve_column ul li .artimg:after { content:""; display:block; width:100%; height:100%; border: 1px solid #FE5F4D;position:absolute; left:-1px;; top:-1px; border-radius:5px; transition:all 0.3s;}
.serve_column ul li:hover .artimg:after  { transform: rotate(45deg);}


.serve_column ul li .artimg[class$='1']:after{ border:1px solid #5ea0e8;}
.serve_column ul li .artimg[class$='2']:after{ border:1px solid #00c2a9;}
.serve_column ul li .artimg[class$='3']:after{ border:1px solid #fb7e61;}
.serve_column ul li .artimg[class$='4']:after{ border:1px solid #00aee6;}
.serve_column ul li .artimg[class$='5']:after{ border:1px solid #cc9200;}
.serve_column ul li .artimg[class$='6']:after{ border:1px solid #ec9900;}
.serve_column ul li .artimg[class$='7']:after{ border:1px solid #56d594;}
.serve_column ul li .artimg[class$='8']:after{ border:1px solid #00aee6;}
.serve_column ul li .artimg[class$='9']:after{ border:1px solid #efa929;}
.serve_column ul li .artimg[class$='10']:after{ border:1px solid #e1221a;}
.serve_column ul li .artimg[class$='11']:after{ border:1px solid #248cef;}
.serve_column ul li .artimg[class$='12']:after{ border:1px solid #d65be5;}

.client_column {max-width: 1200px;margin: 0 auto;background: url(../../images/area/client_bg.png) no-repeat center;}
.client_column ul {width: 100%;}
.client_column ul li {float: left;width: 50%;margin: 35px 0px;}
.client_column ul li .con {width: 380px;float: left;text-align: right;}
.client_column ul li:nth-child(2n) .con {float: right;text-align: left;}
.client_column ul li .con .h {display: inline-block;width: 280px;border-bottom: 1px solid #ccc;height: 40px;line-height: 40px;padding-bottom: 5px;margin-bottom: 10px;}
.client_column ul li .con .h span {display: inline-block;vertical-align: middle;color: #333;font-size: 20px;margin: 0px 15px;}
.client_column ul li .con .h .icon {display: inline-block;vertical-align: middle;width: 40px;height: 40px;background-position: center;background-repeat: no-repeat;}
.client_column ul li .con .h .icon1 {background-image: url(../../images/area/iconclient1.png);}
.client_column ul li .con .h .icon2 {background-image: url(../../images/area/iconclient2.png);}
.client_column ul li .con .h .icon3 {background-image: url(../../images/area/iconclient3.png);}
.client_column ul li .con .h .icon4 {background-image: url(../../images/area/iconclient4.png);}
.client_column ul li .con p {color: #555;font-size: 16px;line-height: 30px;}


.container_adv {width: 100%;padding: 0px;background:url(../../images/area/adv-img1.jpg) no-repeat center;background-size: cover;}
.container_adv ul {max-width: 1200px;height: 300px;margin: 0px auto;}
.container_adv ul li {float: left;display: table;color: #fff;height: 300px;width: 25%;border-right: 1px solid #fff;box-sizing: border-box;}
.container_adv ul li .text {display: table-cell;vertical-align:middle;text-align: center;}
.container_adv ul li .text p {text-align: left;font-size: 24px;}
.container_adv ul li .text h4 {font-size: 72px;}
.container_adv ul li .text span {font-size: 18px;text-transform:uppercase;}

.building {max-width: 1200px;margin: 0 auto;}
.building .building_con {border-bottom: 1px solid #cecece;padding-bottom: 30px;}
.building .building_con .left {float: left;}
.building .building_con .right {float: right;}
.building .building_con .left ul {padding-top: 40px;}
.building .building_con .left ul li {color: #555;font-size: 20px;height: 20px;line-height: 20px;padding: 15px 0px;background: url(../../images/area/li_ico.png) no-repeat left center;padding-left: 35px;cursor: pointer;}
.building .building_con .left ul li:hover {color: #006acd;}
.building .building_con .left .btn {padding-top: 25px;}
.building .building_con .left .btn a {display: inline-block;vertical-align: middle;font-size: 20px;height: 40px;line-height: 40px;padding: 0px 20px;border:1px solid #006acd;border-radius: 5px;}
.building .building_con .left .btn a.click {background-color: #006acd;color: #fff;margin-right: 25px;}
.building .building_con .left .btn a.tel {color: #555;}
.building .building_list ul {padding-top: 30px;}
.building .building_list ul li {float: left;width: 118px;height: 118px;line-height: 118px;text-align: center;border:1px solid #006acd;border-radius: 10px;font-size: 18px;}
.building .building_list ul em {float: left;display: block;width: 95px;height: 120px;line-height: 120px;text-align: center;color: #006acd;font-size: 48px;font-weight: bold;}

.marketing {background: url(../../images/area/marketing_bg.jpg) no-repeat center;background-size: cover;margin-top: 30px;padding: 50px 0px;margin-bottom: 20px;}
.marketing .title h4 {color: #fff;font-size: 32px;}
.marketing .title p {color: #fff;}
.marketing_con {max-width: 1200px;margin: 0 auto;}
.marketing_con ul li {width: 25%;padding: 15px 0px;text-align: center;float: left;margin: 10px 0px;cursor: pointer;}
.marketing_con ul li .ico {margin-bottom: 10px;}
.marketing_con ul li p {color: #fff;font-size: 21px;height: 38px;line-height: 38px;}
.marketing_con ul li span {color: #fff;font-size: 16px;height: 25px;line-height: 25px;text-transform: uppercase;}
.marketing_con ul li:hover {background: url(../../images/area/marketing_libg.png) no-repeat center;}
.marketing_con ul li:hover p,.marketing_con ul li:hover span {color: #006acd;}

.swiper-areacase {max-width: 1200px;margin: 0 auto;}
.swiper-areacase .swiper-wrapper {text-align: center;}
.swiper-areacase .case-pagination {width: 100%;text-align: center;}
.swiper-areacase .case-pagination .swiper-pagination-bullet {width: 12px;height: 12px;}
.swiper-areacase .case-pagination .swiper-pagination-bullet-active {background-color: #006acd;}
/*.swiper-button-next,.swiper-button-prev {width: 100px;height: 120px;background-image: url(../../images/area/arrow.png);background-repeat: no-repeat;background-size: auto;}
.swiper-button-prev {background-position: 0px 0px;}
.swiper-button-next {background-position: -100px 0px;}*/

.area_case .btn {display: block;width: 150px;height: 42px;line-height: 42px;margin: 20px auto 0px;border-radius: 5px;background-color: #006acd;color: #fff;font-size: 18px;text-align: center;}

.area_container .title .line{width: 80px;height: 2px;background-color: #006acd;display: block;margin: 0px auto;}
.area_container .area_content ul {width: 100%;text-align: center;}
.area_container .area_content ul li {display: inline-block;width: 290px;text-align: left;margin: 0px 10px;}
.area_container .area_content ul li a {display: block;border-bottom: 1px solid #b7b7b7;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.area_container .area_content ul li a .img {display: block;overflow: hidden;}
.area_container .area_content ul li a .img img {transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.area_container .area_content ul li a .name {height: 40px;line-height: 40px;color: #333;font-size: 16px;}
.area_container .area_content ul li a:hover {border-color: #006acd}
.area_container .area_content ul li a:hover .img img {transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); }

.cotnact_container {padding: 40px 0px 60px;}
.cotnact_container .cotnact_content {max-width: 1200px;margin: 0 auto;text-align: center;}
.cotnact_container .cotnact_content h4 {color: #333;font-size: 30px;}
.cotnact_container .cotnact_content .line {margin: 10px 0px;position: relative;}
.cotnact_container .cotnact_content .line:after,.cotnact_container .cotnact_content .line:before {content: "";display: block;width: 380px;height: 1px;background-color: #b7b7b7;position: absolute;top: 50%;z-index: -1;}
.cotnact_container .cotnact_content .line:after {right: 0px;}
.cotnact_container .cotnact_content .line:before {left: 0px;}
.cotnact_container .cotnact_content .line span {display: block;margin: 0 auto;width: 300px;height: 50px;line-height: 50px;border-radius: 5px;background-color: #006acd;}
.cotnact_container .cotnact_content .line span a {display: block;color: #fff;font-size: 21px;}
.cotnact_container .cotnact_content p {color: #666;font-size: 16px;}

.items-news {padding: 40px 0px;}
.items-news .main-wrap {max-width: 1200px;margin: 0 auto;}
.items-news .flex-row {display: flex; flex-direction: row; justify-content: center; align-items: center; }
.items-news a:hover{color:#006acd}
.items-news .items-news-block{justify-content:space-between}
.items-news .items-news-block .item{max-width:371px}
.items-news .items-news-block .item a{color:#666}
.items-news .items-news-block .item:hover a{color:#006acd}
.items-news .items-news-block .img-block{width: 100%;height: 187px;border: 1px solid #eee;border-bottom: none;overflow:hidden}
.items-news .items-news-block .img-block img{transition:all .3s ease;width: 100%;height: 100%;}
.items-news .items-news-block .item:hover .img-block img{transform:scale(1.1)}
.items-news .item-title-block{border:1px solid #eee;border-top:none;background-color:#fff;height:50px;line-height:50px;padding:0 15px;margin:0 auto;box-sizing:border-box}
.items-news .item-title-block .item-title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:justify}
.items-news .items-news-list{background-color:#fff;border:1px solid #eee;margin-top:20px;padding:20px 0}
.items-news .items-news-list .item{margin:5px 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:1000px}
.items-news .items-news-list .item a{color:#999}
.items-news .items-news-list .item a:hover{color:#006acd}


@media (max-width:768px) {


	.banner-container {margin-top: 50px;}
	
	.floor_container {padding: 25px 0px;}
	.floor_container .title {padding: 0px 10px;margin-bottom: 20px;}
	.floor_container > .title h4 {font-size: 21px;line-height: 1.4;margin-bottom: 5px;}
	.floor_container > .title p {font-size: 14px;}

	.serve_column {padding: 0px 10px;}
	.serve_column ul li {width: 33.3333333%;margin:15px 0px;}
	.serve_column ul li .artimg {width: 80px;height: 80px;}
	.serve_column ul li .artimg .iconfont {width: 40px;height: 40px;margin: 0px auto;padding: 8px 0px 0px;}
	.serve_column ul li .artimg span {font-size: 12px;}

	.client_column {padding: 0px 15px;background: none;}
	.client_column ul li {width: 100%;margin: 10px 0px;}
	.client_column ul li .con {width: 100%;}
	.client_column ul li .con .h {height: 30px;line-height: 30px;}
	.client_column ul li .con .h .icon {width: 30px;height: 30px;background-size: 30px 30px;}
	.client_column ul li .con .h span {font-size: 18px;}
	.client_column ul li .con p {font-size: 14px;line-height: 28px;}

	.container_adv {padding: 0px;}
	.container_adv ul {max-width: 1200px;height: 300px;margin: 0px auto;}
	.container_adv ul li {float: left;display: table;color: #fff;height: 300px;width: 25%;border-right: 1px solid #fff;box-sizing: border-box;}
	.container_adv ul li .text {display: table-cell;vertical-align:middle;text-align: center;padding: 0px 5px;}
	.container_adv ul li .text p {text-align: left;font-size: 18px;}
	.container_adv ul li .text h4 {font-size: 58px;}
	.container_adv ul li .text span {font-size: 14px;text-transform:uppercase;display: block;height: 42px;}

	.building .building_con {padding:0px 15px 15px;border:none;}
	.building .building_con .left ul {padding: 0px;}
	.building .building_con .left ul li {font-size: 15px;}
	.building .building_con .right,.building_list {display: none;}

	.building .building_con .left .btn a {font-size: 16px;}

	.marketing_con ul li {width: 50%;padding: 0px;}
	.marketing_con ul li .ico img {width: 90px;height: 90px;}
	.marketing_con ul li p {font-size: 18px;height: 32px;line-height: 32px;}
	.marketing_con ul li span {font-size: 14px;line-height: 1;}
	
	.swiper-areacase {width: 94%;}
	.swiper-button-next,.swiper-button-prev {display: none;}

	.area_container .area_content ul li {width: 47%;margin: 10px 0px;}

	.cotnact_container {padding: 20px 0px 40px;}
	.cotnact_container .cotnact_content h4 {font-size: 21px;}

	.cotnact_container .cotnact_content .line span {width: 200px;height: 40px;line-height: 40px;}
	.cotnact_container .cotnact_content .line span a {font-size: 16px;}
	.cotnact_container .cotnact_content p {font-size: 14px;}

	.items-news .main-wrap {padding: 0px 15px;}
	.items-news .flex-row {display: block;}
	.items-news .items-news-block .item {max-width: none;width: 100%;margin-bottom: 15px;}
	.items-news .items-news-block .img-block img {width: 100%;}	
	.items-news .items-news-list {padding: 15px 10px;}
	.items-news .items-news-list .item {width: 100%;margin: 0px;}
	.items-news .items-news-list .item a {display: block;height: 30px;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
}