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

.index_btn {width: 100%;height: 100px;background-color: rgba(0,0,0,0.95);}
.index_btn ul {max-width: 1200px;margin: 0 auto;}
.index_btn ul li {float: left;width: 20%;height: 100px;border-left: 1px solid #686868;box-sizing: border-box;}
.index_btn ul li:last-of-type {border-right: 1px solid #686868;}
.index_btn ul li a {display: block;padding: 25px 0px;text-align: center;}
.index_btn ul li a .ico {display: inline-block;vertical-align: top;width: 35px;height: 35px;margin-right: 10px;background: url(../picture/index_btn_ico.png) no-repeat;}
.index_btn ul li a .ico1 {background-position: 0px 0px;}
.index_btn ul li a .ico2 {background-position: -35px 0px;}
.index_btn ul li a .ico3 {background-position: -70px 0px;}
.index_btn ul li a .ico4 {background-position: -105px 0px;}
.index_btn ul li a .ico5 {background-position: -140px 0px;}
.index_btn ul li a .txt {color: #fff;display: inline-block;vertical-align: middle;text-align: left;}
.index_btn ul li a .txt h4 {font-size: 18px;}
.index_btn ul li a .txt p {color: #ccc;font-size: 14px;}
.index_btn ul li:hover {background-color: #006acd;border-color: #006acd;}
.index_btn ul li:hover a .txt p {color: #fff;}

.container {padding: 40px 0px 30px;}
.container > .title {text-align: center;margin-bottom: 30px;}
.container > .title h4 {color: #333;font-size: 32px;font-weight: bold;margin-bottom: 5px;}
.container > .title p {color: #555;font-size: 18px;}
.container > .title ul {padding-top: 15px;}
.container > .title ul li {display: inline-block;vertical-align: middle;margin: 0px 15px;}
.container > .title ul li a {color: #fff;font-size: 16px;}
.container > .title .line{width: 120px;height: 3px;background-color: #006acd;display: block;margin: 10px auto 0px;}

.pro_container {background-color: #f6f6f6;}
.pro_content {max-width: 1200px;margin: 0px auto 30px;}
.pro_content ul li {width: 278px;float: left;margin-right:29px;background-color: #fff;box-sizing: border-box;position: relative;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.pro_content ul li:last-of-type {margin-right: 0px;}
.pro_content ul li a {display: block;height: 350px;padding: 0px 30px;}
.pro_content ul li .icon-wrap {width: 110px;height: 110px;margin: 35px auto 0px;background-color: #006acd;background-image: url(../picture/pro_icon.png);background-repeat: no-repeat;border-radius: 50%;position: relative;
-webkit-transition: -webkit-transform ease-out 0.3s,background 0.2s;-moz-transition: -moz-transform ease-out 0.3s,background 0.2s;transition: transform ease-out 0.3s,background 0.2s}
.pro_content ul li .icon-wrap:after {pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.pro_content ul li .icon-wrap:after {top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 4px #006acd; -webkit-transition: -webkit-transform .2s,opacity .2s; -webkit-transform: scale(.8); -moz-transition: -moz-transform .2s,opacity .2s; -moz-transform: scale(.8); -ms-transform: scale(.8); transition: transform .2s,opacity .2s; transform: scale(.8); opacity: 0; }
.pro_content ul li .icon-wrap:hover:after {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1 }
.pro_content ul li .icon-1 {background-position: 0px 0px;}
.pro_content ul li .icon-2 {background-position: -110px 0px;}
.pro_content ul li .icon-3 {background-position: -220px 0px;}
.pro_content ul li .icon-4 {background-position: -330px 0px;}
.pro_content ul li pre {color: #006acd;font-size: 18px; font-weight: bold; margin: 25px 0px 10px;text-align: center;}
.pro_content ul li span.line {display: block;width: 50px;height: 4px;background-color: #006acd;margin: 0px auto 30px;}
.pro_content ul li p {text-align: center;color: #555;font-size: 16px;line-height: 25px;}
.pro_content ul li .more {width: 60px;height: 62px;background: url(../picture/pro_more.png) no-repeat 0px -62px;position: absolute;right: 0px;bottom: 0px;z-index: 2;opacity: 0.8;    -webkit-transition: all 0.3s ease-out;transition: opacity 0.3s ease-out;}
.pro_content ul li:hover .more {background-position: 0px 0px;opacity: 1}
.pro_content ul li:hover {box-shadow: 5px 5px 20px #999;}

.who_lists {max-width: 1200px;margin: 0px auto;}
.who_lists ul {padding: 20px 0px;}
.who_lists ul li {width: 25%;float: left;text-align: center;}
.who_lists ul li .con {width: 146px;height: 146px;border:2px solid #e9e9e9;border-radius: 50%;margin: 0 auto;text-align: center;position: relative;cursor: pointer;}
.who_lists ul li .con span.Lines {display: inline-block;line-height: 146px;font-size: 48px;color: #888;}
.who_lists ul li .con span.text {display: block;width: 120px;height: 20px;line-height: 20px;color: #ccc;font-size:14px;background-color: #fff;position: absolute;top: 20px;right: -48px;text-transform: uppercase;}
.who_lists ul li .con span.more {font-size: 35px;color: #888;font-weight: bold;}
.who_lists ul li .con:hover {border-color: #006acd;}
.who_lists ul li .con:hover span {color: #006acd;}
.who_lists ul li p {color: #555;font-size: 14px;margin-top: 10px;height: 42px;}

.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 15px;}
.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 {width: 100%;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;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.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); }


.main-wrap {max-width: 1200px;margin: 0 auto;}
.flex-row {display: flex; flex-direction: row; justify-content: center; align-items: center; }

.main-l-m li{ text-align:center; width:20%; float:left; padding:35px 15px; border:1px solid #dadada; border-bottom:none; border-right:none;box-sizing: border-box;}
.main-l-m li.noright{ border-right:1px solid #dadada;}
.main-l-m li.nobotton{ border-bottom:1px solid #dadada;}
.main-l-m li img{ -webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;}
.main-l-m li img:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.main-l-m li pre {color: #333;font-size: 18px;margin: 10px 0px;font-weight: bold;}
.main-l-m li p{ color:#767676; font-size:14px; line-height:22px;height: 72px;}

.items-apply {padding: 40px 0px 0px;}
.items-apply-block{height:400px;background-color:#373D41}
.items-apply .item{flex:1;text-align:center;position:relative;height:400px;background:no-repeat center;background-size:cover}
.items-apply .item a{position:absolute;width:100%;height:100%;left:0;top:0}
.items-apply .item:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.6);transition:all .4s cubic-bezier(.4,0,.2,1)}
.items-apply .item:hover:before{background-color:rgba(8,100,180,.8)}
.items-apply .item-1{background-image:url(../picture/img-items-apply-bg-1.png)}
.items-apply .item-2{background-image:url(../picture/img-items-apply-bg-2.png)}
.items-apply .item-3{background-image:url(../picture/img-items-apply-bg-3.png)}
.items-apply .item-4{background-image:url(../picture/img-items-apply-bg-4.png)}
.items-apply .item-5{background-image:url(../picture/img-items-apply-bg-5.png)}
.items-apply .item-title{font-size:20px;font-weight:700;color:#fff;padding:20px 0;position:relative}
.items-apply .item-title:before{content:"";position:relative;display:block;width:20px;border-bottom:2px solid #fff;margin:0 auto 20px;transition:all .4s cubic-bezier(.4,0,.2,1)}
.items-apply .item:hover .item-title:before{opacity:0;margin-bottom:0}
.items-apply .item .img-block{position:relative;margin-top:120px;transition:all .4s cubic-bezier(.4,0,.2,1)}
.items-apply .item:hover .img-block{margin-top:80px}
.items-apply .item-p-block{position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;margin-top:10px}
.items-apply .item:hover .item-p-block{display:block;opacity:1;margin-top:0}
.items-apply .item-p{color:#fff;font-size:16px;margin-bottom:5px}

.caes_container {background-color: #f6f6f6;}
.caes_container .caes_content {max-width: 1237px;margin: 0 auto;}
.caes_container .caes_content ul li {width: 30.3333333%;float: left;margin: 1.5%}
.caes_container .caes_content ul li a {display: block;overflow: hidden;position: relative;}

.caes_container .caes_content ul li a .pic-hover {display:none;background-color: rgba(69,165,225,0);position: absolute; top: 0; left: 0; width: 100%; height: 100%;padding: 50px 40px; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center;box-sizing: border-box; }
.caes_container .caes_content ul li a:hover .pic-hover {display:block;background-color:rgba(0,153,255,.8)}
.caes_container .caes_content ul li a .pic-hover h2 {color:#FFF;font-size:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;padding:.8em 0}
.caes_container .caes_content ul li a .pic-hover h2 {-webkit-transition:.35s;transition:transform .35s}
.caes_container .caes_content ul li a .pic-hover p {color: #fff;font-size: 15px;-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s}
.caes_container .caes_content ul li a .pic-hover p a {color:rgba(255,255,255,.8)}
.caes_container .caes_content ul li a .pic-hover:hover p {-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.2s;transition-duration:.2s}
.caes_container .caes_content ul li a .pic-hover h2,.pic-hover p {filter:alpha(opacity=0);opacity:0; -webkit-transition: 0.3s; transition: 0.3s;}
.caes_container .caes_content ul li a .pic-hover h2,.pic-hover p {-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
.caes_container .caes_content ul li a .pic-hover:hover h2,.pic-hover:hover p {filter:alpha(opacity=100);opacity:1}
.caes_container .caes_content ul li a .pic-hover:hover h2,.pic-hover:hover p {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}


.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}
.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}
.items-our{padding-bottom:70px}
.items-our .contents>.flex-row{justify-content:space-between}
.items-our .tabs{margin:0px 0 30px}
.items-our .tabs .tab{flex:1;height:60px;line-height:60px;text-align:center;font-size:24px;background-color:#F5F5F5;box-sizing:border-box;border:1px solid #e5e5e5;border-right:none;position:relative;cursor:default}
.items-our .tabs .tab:last-child{border-right:1px solid #e5e5e5}
.items-our .tabs .tab.cur{background-color:#006acd;color:#fff}
.items-our .tabs .tab.cur:after{content:"";position:absolute;width:0;height:0;border:11px solid;border-color:#006acd transparent transparent transparent;bottom:-22px;left:50%;transform:translateX(-50%);transition:all .3s ease}
.items-our .item{box-sizing:border-box;border:1px solid #E5E5E5;width:280px;height:103px;transition:all .3s ease}
.items-our .item:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,.1)}
.items-our .img-block{margin:0 20px 0 0}
.items-our .item-title{font-size:18px;color:#333}
.items-our .item-p{font-size:12px;color:#999;margin-top:10px}


@media (max-width:1200px) {
	.pro_content ul li {width: 23%;float: left;margin-right: 1%;margin-left: 1%;}
	.area_container .area_content ul {font-size: 0px;}
	.area_container .area_content ul li {width: 23%;float: left;margin-right: 1%;margin-left: 1%;}
}
@media (max-width:1100px) {
	.index_btn {display: none;}
	.banner-pagination {bottom: 10px;}
}
@media (max-width:768px) {
	

	.banner-container {margin-top: 50px;}

	.container {padding: 25px 0px;}
	.container .title {padding: 0px 10px;margin-bottom: 20px;}
	.container > .title h4 {font-size: 21px;line-height: 1.4;margin-bottom: 5px;}
	.container > .title p {font-size: 14px;}
	.container > .title .line {width: 80px;height: 2px;}

	.pro_content {padding: 0px 15px;}
	.pro_content ul li {width: 48%;margin: 0px 0px 4% 0px;}
	.pro_content ul li:nth-child(2n) {float: right;}
	.pro_content ul li .icon-wrap {width: 80px;height: 80px;background-size: auto 80px;}
	.pro_content ul li .icon-1 {background-position: 0px 0px;}
	.pro_content ul li .icon-2 {background-position: -80px 0px;}
	.pro_content ul li .icon-3 {background-position: -160px 0px;}
	.pro_content ul li .icon-4 {background-position: -240px 0px;}
	.pro_content ul li span.line {height: 40px;height: 2px;margin-bottom: 20px;}
	.pro_content ul li p {font-size: 14px;}
	.pro_content ul li a {padding: 0px 10px;height: 280px;}
	.pro_content ul li .more {width: 40px;height: 41px;background-size: 40px auto;background-position: 0px -41px;}

	.who_lists ul {padding: 10px 15px;}
	.who_lists ul li {width: 50%;margin: 20px 0px;}
	.who_lists ul li .con {width: 118px;height: 118px;}
	.who_lists ul li .con span.Lines {line-height: 118px;font-size: 35px;}
	.who_lists ul li .con span.text {top: 10px;font-size: 12px;width: 110px;}
	.who_lists ul li .con span.more {font-size: 25px;}
	.who_lists ul li p {padding: 0 15px;}

	.main-l-m ul {padding: 0px 15px;}
	.main-l-m li {width: 50%;padding: 15px 10px;}	
	.main-l-m li.noright{border-right: 0px;}
	.main-l-m li.nobotton {border-bottom: 0px;}
	.main-l-m li:nth-child(2n) {border-right: 1px solid #dadada;}
	.main-l-m li:nth-last-child(1),.main-l-m li:nth-last-child(2) {border-bottom: 1px solid #dadada;}
	.main-l-m li p {font-size: 12px;line-height: 18px;}

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


	.flex-row {display: block;}
	.items-our .tabs.flex-row {display: flex;}

	.items-apply {padding: 25px 10px;}
	.items-apply-block {height: auto;background-color: #fff;}
	.items-apply .item {height: 140px;margin: 5px 0px;}
	.items-apply .item .img-block {margin-top: 10px;}
	.items-apply .item:hover .img-block {margin-top: 20px;}
	.items-apply .item-title {font-size: 18px;font-weight: 400;}
	.items-apply .item-p-block,.items-apply .item:hover .item-p-block {display: none;}

	.items-news .main-wrap {padding: 0px 15px;}
	.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;}

	.items-our {padding: 25px 15px;}
	.items-our .tabs {margin:0px 0px 20px 0px;}
	.items-our .tabs .tab {font-size: 16px;height: 40px;line-height: 40px;}
	.items-our .tabs .tab.cur:after {border-width: 8px;bottom: -15px;}
	.items-our .item {width: 100%;height: auto;padding: 10px 0px;margin-top: -1px;text-align: center;}
	.items-our .item .img-block{display:inline-block;vertical-align: middle;width: 50px;height: 50px;line-height: 50px;text-align: center;margin-right: 10px;}
	.items-our .item .item-block {width: 190px;display: inline-block;vertical-align: middle;text-align: left;}
}