@charset "utf-8";
pre{font-family: "microsoft JhengHei"!important;white-space: pre-wrap;word-wrap: break-word;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul,small,article{margin:0;padding:0; outline: none;}
img{border:0;}
ul,dl,li,dt,dd{list-style:none;}
body{font:15px/1.8 "Microsoft Yahei","微软雅黑","微软正黑体","Microsoft JhengHei","SimHei","黑体",Arial,Helvetica,sans-serif; background: #FFF; overflow-x:hidden!important; color: #333;}
a{font-size:15px;text-decoration:none; transition: all .45s; z-index: 99999; color: #333;}
a:hover, a:active{ color:#1254A4;}
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none;font-family: "microsoft JhengHei";line-height: normal;border:none;background: none;}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
.box {width:1200px;margin:0 auto;}
.boxs {width:100%;margin:0 auto;}
.lf{ float:left;}
.rg{ float:right;}
.mtb_50{ margin:25px auto;width:100%; height:50px;}
article{ display:block;}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?phgogc');
  src:  url('../fonts/icomoon.eot?phgogc#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?phgogc') format('truetype'),
    url('../fonts/icomoon.woff?phgogc') format('woff'),
    url('../fonts/icomoon.svg?phgogc#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-office:before {content: "\e903";}
.icon-library:before {content: "\e921";}
.icon-copy:before {content: "\e92c";}
.icon-map2:before {content: "\e94c";}
.icon-bubbles4:before {content: "\e970";}
.icon-users:before {content: "\e972";}
.icon-stats-bars:before {content: "\e99c";}
.icon-trophy:before {content: "\e99e";}
.icon-tree:before {content: "\e9bc";}


/* head  */
.top{width:100%;height:100px;z-index:100;position:fixed;top:0;left:0; background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.2);}
.top .logo{float:left;margin-top:22px;font-size:0px;}
/*menu*/
.top .nav {float:right;margin-left:65px;}
.top .nav ul {text-align:center;line-height:100px;}
.top .yj-bot li {position:relative;display:inline-block;transition:0.45s;z-index:1;}
.top .yj-bot .yj-link:after {content:"";display:block;position:absolute;left:0;bottom:0;width:0;height:4px;transition:0.65s;background:#1254A4;z-index:2;}
.top .yj-bot li.active>a,.top .yj-bot li:hover>a {color:#2E75B6;}
.top .yj-bot li.active>a:after,.top .yj-bot li:hover>a:after {position:absolute;bottom:0;left:50%;margin-left:-15px;width:30px;height:4px;}
.yj-bot {float:left;}
.top .yj-bot .yj-link {position:relative;z-index:1;color:#333;font-size:16px;line-height:1.5;display:block;padding:0 10px 10px 10px;}
.top .yj-bot .yj-link div {float:left;display:block;background:none;color:inherit;vertical-align:middle;position:relative;z-index:1;font-size:16px;overflow:hidden;padding:0;}

.top .yj-bot li:hover .ej-list{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible}
.ej-list{position:absolute;left:50%;top:100%;margin-left:-70px;padding:20px 0 15px;background:#fff;width:140px;box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;visibility:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.ej-list a{display:block;position:relative;padding:5px 10px;line-height:1.4;color:#333;text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ej-list a:before{content:"";position:absolute;width:0;left:50%;top:0;bottom:0;background:#2E75B6;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.ej-list p{position:relative}
.ej-list a:hover{color:#fff}
.ej-list a:hover:before{width:100%;left:0}
/*******  home  *********/

/* banner */
.indexbanner{ width:100%; overflow: hidden; position: relative;height: 700px; margin-top:100px;}
.indexbanner .bx-controls{ position: absolute; left: 0; bottom: 20px; z-index: 70; width: 100%; color: rgba(0,0,0,0);}
.indexbanner .bx-controls .bx-pager{ text-align: center;}
.indexbanner .bx-controls .bx-pager div{ display: inline-block; margin: 0 3px;}
.indexbanner .bx-controls .bx-pager div a{ display: block; width: 15px; height: 15px; overflow: hidden; line-height: 50px; background-color: rgba(255,255,255,0.8);border-radius: 50%;}
.indexbanner .bx-controls .bx-pager div a.active{ background-color: rgba(255,102,0,1);}
.indexbanner .bx-controls .bx-controls-direction{ display: none;}

/*index title*/
.i_tit{ width: 100%; height: 70px; text-align: center; background:url(../images/index/i_tit_bg.png) no-repeat center; margin-top:50px;}
.i_tit h2{display: block; font-size: 32px; color:#1253A4; font-weight: bold; line-height:50px; }
.i_tit p{ display: block; font-size:14px; color:#C5CDE3; font-family:Arial; line-height:20px; text-transform:uppercase; }

/*index ser*/
.i_ser{ padding: 40px 0 0;}
.i_ser a{color:#333;display: block;text-align: center;padding: 0 2%;}
.i_ser ul{ margin:40px 0;}
.i_ser ul li {float: left;display: block;width:19%; height:240px;border-bottom: 2px #CCC solid; margin:0 0.5%;}
.i_ser ul li .tit{font-size:18px;font-weight: bold; line-height:45px;}
.i_ser ul li .p{font-size: 12px;line-height: 22px;height: 66px;overflow: hidden; color:#999; text-align:left;}
.i_ser .txt {position: relative;display: block;width: 100px;height: 100px;line-height: 100px;display: block;background:#EFEFEF; color:#1254A4;border-radius: 50%;margin: 0px auto 12px;}
.i_ser .iconfont {font-size: 44px;display: block; line-height:100px;}
.i_ser .txt:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(180, 212, 247, .9);border-radius: 50%;visibility: hidden;z-index: -1}
.i_ser ul li:hover .txt:before {opacity: 0;visibility: visible;-webkit-transform: scale(1.4);-ms-transform: scale(1.4);transform: scale(1.4);-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
.i_ser ul li:hover .txt {background-color: #1254A4;color: #FFF;}
.i_ser ul li:hover { border-bottom: 2px #1254A4 solid;}
.i_ser ul li:hover .tit{color:#1254A4;}
.i_ser ul li:hover .p{color:#666;}
.i_ser ul li:hover .iconfont {-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);-webkit-animation: gelatine 0.8s 1;animation: gelatine 0.8s 1;}
@keyframes gelatine {
	from,
	to {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
	25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
	50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
	75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
	from,
	to {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
}

@-webkit-keyframes gelatine {
	from,
	to {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
	25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
	50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
	75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
}

/*index about*/
.i_abt{ background:url(../images/index/i_about_bg.jpg); height:500px; overflow:hidden;}
.i_abt_con{ width:880px; height:81px; line-height:27px; margin:50px auto 30px; text-align:center; overflow:hidden;}
.i_abt_ico_l{ width:880px; height:150px; overflow:hidden; margin:30px auto;}
.i_abt_ico_l ul{ margin:40px 0;}
.i_abt_ico_l ul li { float:left; width:25%; height:150px; text-align:center; position: relative;}
.i_abt_ico_l ul li .tit{font-size:14px; margin: 5px 0; color:#333333;}
.i_abt_ico_l ul li .i_abt_ico{display:inline-block;width:68px;height:68px; line-height:68px; text-align:center; vertical-align: middle; font-size:30px; border: 2px #929292 solid; color:#929292;border-radius: 50%; transition: 600ms; margin-bottom:5px;}
.i_abt_ico_l ul li:hover .i_abt_ico{ color:#1254A4; border: 2px #1254A4 solid;}
.i_abt_ico_l ul li:hover .tit{ color:#1254A4;}
.i_abt_ico_l ul li:hover .i_abt_ico {-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);	-webkit-animation: gelatine 0.5s 1;animation: gelatine 0.5s 1;}
@keyframes gelatine {
	from,
	to {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
	25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
	50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
	75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
	from,
	to {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
}

@-webkit-keyframes gelatine {
	from,
	to {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
	25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
	50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
	75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
}


/*index news*/
.i_news{ padding: 40px 0 20px;}
.i_news_c{ position: relative; margin: 30px 0; overflow: hidden;}
.i_news_c .item{ margin: 20px 40px 20px 0; position: relative; float:left; width:40%; padding-left: 100px; z-index: 1;}
.i_news_c .item:nth-child(2n+2){ margin-right:0;}
.i_news_c .timeBox{ position: absolute; left: 0; width: 88px; text-align: center; z-index: 1;}
.timeBox{ display: block; background-color: #f4f4f4; padding: 2px 0px 0;}
.timeBox span{ display: block;}
.timeBox .day{ font-size: 30px; line-height: 1.5; color: #787878;}
.timeBox .year{ font-size: 12px; color: #989898;}
.timeBox i{ margin-top: 2px; height: 6px; width: 100%; display: block; background-color: #aaaaaa; overflow: hidden; position: relative;}
.timeBox i:after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #1254A4; z-index: 1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.i_news_c h4{ font-weight: bold; color: #333; font-size: 16px; line-height: 1.2; margin: 5px 0;}
.i_news_c .c{ height: 50px; font-size: 13px; line-height:25px; color:#999999; overflow: hidden;}
.i_news_c .item:hover .timeBox i:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; }
.i_news_c .item:hover h4,.i_news_c .item:hover .timeBox .day,.i_news_c .item:hover .timeBox .year{ color: #1254A4;}
.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/w0.png) no-repeat;}
.ellipsisT{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.btn-more{ display: block; width: 200px; height: 38px; line-height: 38px; text-align: center; display: block; background-color: #FFF; position: relative; overflow: hidden; margin:20px auto;border-radius:25px; border: 1px #CCC solid; z-index: 1;}
.btn-more .txt{ color: #333;}
.btn-more .bg { color: #fff; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; display: block;}
.btn-more .bg:before { position: relative; content: ''; display: block; margin-top: 100%;}
.btn-more .bg:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%;}
.btn-more:hover{ background-color: #1254A4;}
.btn-more:hover .txt{ color: #FFF;}
.btn-more:hover .bg {-moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s;animation: anim-out 0.75s;}
.btn-more:hover .bg:after {-moz-animation: anim-out-pseudo2 0.75s; -webkit-animation: anim-out-pseudo2 0.75s; animation: anim-out-pseudo2 0.75s;}
@-webkit-keyframes anim-out-pseudo2 {
  0% {background: rgba(0, 0, 0, 0.45);}100% {background: transparent;}
}
@-moz-keyframes anim-out-pseudo2 {
  0% { background: rgba(0, 0, 0, 0.45);}100% { background: transparent; }
}
@-ms-keyframes anim-out-pseudo2 {
  0% {background: rgba(0, 0, 0, 0.45);}100% { background: transparent;}
}
@keyframes anim-out-pseudo2 {
  0% { background: rgba(0, 0, 0, 0.45);}100% {background: transparent;}
}
@-webkit-keyframes anim-out {
  0% { width: 0%;}100% {width: 100%; }
}
@-moz-keyframes anim-out {
  0% { width: 0%; } 100% {width: 100%;}
}
@-ms-keyframes anim-out {
  0% {width: 0%;}100% {width: 100%;}
}
@keyframes anim-out {
  0% {width: 0%; } 100% {width: 100%;}
}

/*index case*/
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
.i_case{ padding: 0 0 30px;}
.picScroll-left{ position: relative; margin:50px 0;}
.i_case .x_arrs{position: absolute; top:50%;margin-top:-25.5px;width: 51px;height: 51px;overflow:hidden;background:url(../images/index/scroll_btn_4.png) 0px -51px no-repeat;z-index: 3;}
.i_case .x_prev{left:-5%;background-position:left bottom;}
.i_case .x_next{right:-5%;background-position:right bottom;}
.i_case .x_prev:hover{background-position:left top;}
.i_case .x_next:hover{background-position:right top;}
.i_case_ul{overflow:hidden;}
.i_case_ul li{ float:left;width: 260px; height:245px; margin: 0 20px; display: list-item;}
.i_case_ul li .top-Floor{width:100%;height: 100%;background:url(../images/index/black.4.png) repeat;z-index: 3;left:0;top:-100%; position: absolute; transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.i_case_ul li .top-Floor .white-cross{width:40px;height: 40px;display:block;top:50%;left:50%;margin-left:-20px;margin-top:-20px;background:url(../images/index/whit_cross.png) no-repeat center; position: absolute;}
.i_case_ul .bom-text{padding:10px 8% 10px;background-color:#e8e8e8;overflow:hidden;z-index: 2;display:block; position: relative;}
.i_case_ul .bom-text:before{content:'';position:absolute;width:100%;height:100%;background-color:#1254A4;left:0;bottom:-100%;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;z-index: -1;}
.scroll_wrap img{width: 260px; height:200px;}

.i_case_ul .bom-text ._name{font-size:15px; text-align:center; font-weight:normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.i_case_ul li:hover .top-Floor{top:0;}
.i_case_ul li:hover .bom-text{color:#fff;}
.i_case_ul li:hover .bom-text:before{bottom:0;}
.rect-65{ height:200px;}

/*bottom*/
.bt_box{ width:100%; height:300px; margin:0 auto; background:#F2F2F2; overflow:hidden;}
.bt_box .tit{ display:block; text-align:left; font-size:18px; font-weight:bold; line-height:30px;}
.bt_box_l{ width:360px; height:200px; float:left; margin:15px 0 20px; border-right: 1px #CCC solid; overflow:hidden;}
.bt_box_l ul { margin:20px 0; overflow:hidden;}
.bt_box_l ul li{ display:block; line-height:45px; float:left; padding-left:35px;}
.bt_box_l .ico_tel{background:url(../images/bottom_ico_tel.png) no-repeat left center; }
.bt_box_l .ico_add{background:url(../images/bottom_ico_add.png) no-repeat left center; }
.bt_box_l .ico_email{background:url(../images/bottom_ico_email.png) no-repeat left center; }

.bt_box_c{ width:300px; height:200px; float:left; margin:15px 0 20px; border-right: 1px #CCC solid; padding:0 100px; overflow:hidden;}
.bt_box_c ul { margin:20px 0; overflow:hidden;}
.bt_box_c ul li{ width:30%; line-height:35px; float:left; text-align:left;}

.bt_box_r{ width:338px; height:200px; margin:15px 0 20px; overflow:hidden;}
.bt_box_r ul { margin:40px 0 20px; overflow:hidden;}
.bt_box_r ul li{ width:100%; line-height:30px; float:left; text-align:center;}
.bt_box_r ul li img{ width:135px; height:135px; display: block; margin:0 auto;}

.bt_box_cop{ width:100%; height:50px; line-height:50px; overflow:hidden; border-top: 1px #CCC solid; text-align:center;}


/*******  class  *********/
/*banner*/
.mtop {	height: 100px;}
.splitlist { line-height: 1.2; white-space: pre-wrap;}
.splitlist.flag span { animation: fadeInRight 1.5s forwards;}
.splitlist span { font-family: inherit; width: auto; font-size: inherit; color: inherit; font-weight: inherit; text-transform: inherit; opacity: 0; display: inline-block;}
.subnavHead { position: relative; z-index: 3;}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
:root {
  --ease-out-b: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.subnavHead .bannerimg { overflow: hidden;}
.subnavHead .bannerimg img { position: relative; left: 50%; width: 100%; display: block; transform: translateX(-50%);}
.bannerText { position: absolute; top: 50%; left: 0; width: 100%; height: 60px; margin-top: -30px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff;}
.bannerText .b_tit { font-size: 46px; text-shadow:0 0 5px rgba(0,0,0,.8);}

.subnavBody { height: 55px; background: #134A98; display: flex; justify-content: center;}
.subnavBody a { position: relative; height: 100%; display: flex; align-items: center; padding: 0 18px; white-space: nowrap; margin: 0 13px; font-size: 16px; color: #fff; z-index: 1;}
.subnavBody a.active:after { height: 100%;}
.subnavBody a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; transition: .55s; transition-timing-function: var(--ease-in-out-b); z-index: -1; background: #002861;}

/*about*/
.c_about { padding: 80px 0 80px;}
.c_about .box { padding: 0 68px; box-sizing: border-box;}

.c_content{ min-height:200px;}
.c_content img{margin:0 auto;display: block;max-width: 1000px !important;height: auto !important;}
.c_content p{margin:0 0 9px!important;font-size: 16px;text-indent:2em; line-height:35px;}

.c_atitle { text-align: center; color: #212121; margin-bottom: 80px;}
.c_atitle h3 { font-size: 32px;}
.c_atitle h4 { font-size: 16px; margin-top: 5px; text-transform: uppercase;}

/*Services*/
.c_ser {padding:80px 0 80px;}
.c_ser .box ul li {position:relative;display:flex;margin-bottom:27px;z-index:3;}
.c_ser .box ul li:last-child {margin-bottom:0;}
.c_ser .box ul li:nth-child(even) {flex-direction:row-reverse;}
.c_ser .box ul li:hover .img img {transform:scale(1.1);}
.c_ser .box ul li:hover .text .atitle h3 {color:#1254A4;}
.c_ser .box ul li:hover .text .viewmore {color:#fff;border-color:#1254A4;}
.c_ser .box ul li:hover .text .viewmore:after {transform:rotate(0);opacity:0;color:#1254A4;}
.c_ser .box ul li:hover .text .viewmore:before {width:100%;}
.c_ser .box ul li:hover:after {width:100%;}
.c_ser .box ul li:after {content:'';position:absolute;width:0%;left:50%;bottom:0;transform:translateX(-50%);height:8px;background:#1254A4;z-index:3;transition:1s;}
.c_ser .box ul li .img {width:50%;overflow:hidden;}
.c_ser .box ul li .img img {transition:.5s;}
.c_ser .box ul li .text {width:50%;background:#F2F2F2;padding:45px 50px 0 57px;box-sizing:border-box;}
.c_ser .box ul li .text .atitle {color:#212121;text-align:left;}
.c_ser .box ul li .text .atitle h3 {transition:.4s; font-size: 32px;}
.c_ser .box ul li .text p {font-size:16px;color:#666666;margin:30px 0 80px;}

.photoActives {position:relative;overflow:hidden;}
.photoActives .photoActive {position:absolute;left:0;bottom:0;width:100%;height:100%;background:#fff;z-index:3;}
.photoActives.reset_photoActive .photoActive {bottom:-100%;transition:.66s;transition-timing-function:var(--ease-in-out-b);}
.imgs {max-width:100%;width:100%;height:auto;display:block;}
.ells { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.viewmore {position:relative;padding:10px 20px;color:#666666;line-height:1;display:inline-block;text-align:center;border-bottom:1px solid  #666;transition:.4s;font-size:14px;text-transform:uppercase;z-index:1;}
.viewmore.other {border:1px solid #999999;}
.viewmore.other:after {display:none;}
.viewmore:hover {color:#fff;border-color:#1254A4;}
.viewmore:hover:after {transform:rotate(0);opacity:0;color:#1254A4;}
.viewmore:hover:before {width:100%;}
.viewmore:before {content:'';position:absolute;width:0;top:0;left:0;height:100%;background:#1254A4;transition:.5s;z-index:-1;}
.viewmore:after {content:'';position:absolute;width:1px;height:15px;background:#666;right:0;transition:.4s;bottom:0;transform-origin:bottom;transform:rotate(-25deg);}

/*page*/
.c_page {margin-top:60px;display:flex;justify-content:center;}
.c_page a {position:relative;width:50px;height:50px;border:1px solid #F2F2F2;box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:#A4A4A4;font-size:14px;font-family:'Arial';margin:0 5px;transition:.5s;z-index:1;}
.c_page a.text {width:100px;margin:0 20px;}
.c_page a.active {color:#fff;}
.c_page a.active:after {height:100%;}
.c_page a:hover {color:#fff;}
.c_page a:hover:after {height:100%;}
.c_page a:after {content:'';position:absolute;top:0;left:0;width:100%;height:0;background:#1254A4;z-index:-1;transition:.5s;}

/*Services show*/
.c_ser_Inner {position:relative;padding:80px 0 80px;}
.c_ser_Inner .box {position:relative;}
.c_ser_Inner .box .atitle {color:#1254A4;}

/*news list*/
.c_news {position:relative;padding:80px 0 80px;}
.news1-list li {background:#fff;position:relative;margin-bottom:30px;padding:45px;border:1px solid #F1F1F1;z-index:3;transition: 0.45s;}
.news1-list li:hover .nc2-title {color:#1254A4;}
.news1-list li:hover .nl1-date {background:#1254A4;color:#fff;}
.news1-list li:hover .nl1-date strong {color:#fff;}
.news1-list li:hover .nl1-jt { background:url(../images/class/news_ico_a.png) no-repeat center;}
.news1-list li:hover {border:1px solid #1254A4;box-shadow:0px 0px 10px rgba(27,27,27,0.3)}

.nl1-cont {	width: 800px;padding-left: 53px; float: left; box-sizing: border-box;}
.nl1-jt {float: right; width:50px; height:78px; background:url(../images/class/news_ico.png) no-repeat center;transition: 0.45s;}
.nc-bot {float: left; width: 800px;}
.nc2-title {line-height: 1.5;color: #333333;font-size: 20px;font-weight: normal;height: 30px;overflow: hidden;}
.nc2-txt {color: #999999;font-size: 14px;line-height: 1.5;margin-top: 20px;	height: 48px;overflow: hidden;}
.nl1-cont .nc2-txt {margin-top: 5px;}
.nl1-date {	width: 90px;height: 90px;background: #F1F1F1;text-align: center;box-sizing: border-box;	color: #AEAEAE;	font-size: 14px;font-family: "DIN-Light";line-height: 1.3;transition: 0.45s;}
.nl1-date strong {display: block;color: #AEAEAE;font-size: 50px;line-height: 1;	margin-top: 10px;font-weight: normal;transition: 0.45s;}
.nl1-date {float: left;}

/*news show*/
.nd-wrap {position:relative;width:1200px;margin:-120px auto 87px;background:#FAFAFA;box-sizing:border-box;padding:60px 75px 50px 75px;border-top:10px solid #1254A4;z-index:3;}
.nw-title {color:#333333;font-size:24px;line-height:1.5; font-weight:bold;}
.nw-ds {margin-top:25px;padding:25px 0;border-top:1px solid #EAEAEA; font-size:14px; color:#666;}
.nb-date { width:22px; height:22px; background:url(../images/class/ico_time.png) no-repeat center left; padding-left:25px; margin-right:20px;}
.nb-share { width:22px; height:22px; background:url(../images/class/ico_from.png) no-repeat center left; padding-left:25px;}
.nb-dsf {display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid #AAAAAA;text-align:center;line-height:16px;margin-left:5px;}
.nb-dsf i {color:#AAAAAA;font-size:10px;}
.nw-cont {color:#333333;font-size:16px;margin-top:60px;}
.nw-bottom {margin-top:50px;padding-top:20px;border-top:1px solid #EAEAEA;}
.nb-link {float:left;}
.nb-link a {display:block;color:#666;font-size:14px;margin-top:5px;}
.nb-link a:hover {color:#1254A4;}
.nb-return a {display:block;float:right;width:120px;height:40px;background:#1254A4;color:#fff;font-size:14px;text-align:center;line-height:40px;margin-top:10px;}

/*case list*/
.c_case {position:relative;padding:80px 0 80px;z-index:3;}

.c_case_ul{overflow:hidden;}
.c_case_ul li{ float:left;width: 260px; height:245px; margin: 0 20px 40px; display: list-item;}
.c_case_ul li .top-Floor{width:100%;height: 100%;background:url(../images/index/black.4.png) repeat;z-index: 3;left:0;top:-100%; position: absolute; transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.c_case_ul li .top-Floor .white-cross{width:40px;height: 40px;display:block;top:50%;left:50%;margin-left:-20px;margin-top:-20px;background:url(../images/index/whit_cross.png) no-repeat center; position: absolute;}
.c_case_ul .bom-text{padding:10px 8% 10px;background-color:#e8e8e8;overflow:hidden;z-index: 2;display:block; position: relative;}
.c_case_ul .bom-text:before{content:'';position:absolute;width:100%;height:100%;background-color:#1254A4;left:0;bottom:-100%;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;z-index: -1;}

.c_case_ul .bom-text ._name{font-size:15px; text-align:center; font-weight:normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.c_case_ul li:hover .top-Floor{top:0;}
.c_case_ul li:hover .bom-text{color:#fff;}
.c_case_ul li:hover .bom-text:before{bottom:0;}

/*case show*/
.case-wrap {position:relative;width:1200px;margin:-120px auto 87px;background:#FAFAFA;box-sizing:border-box;padding:60px 70px 0 70px; border-top:10px solid #1254A4;z-index:3;}
.case-title {color:#333333;font-size:24px;line-height:1.5; font-weight:bold; text-align:center;}
.target { width:1000px; height:650px; overflow:hidden; position:relative; margin:0 auto 20px;}
.target img { position:absolute; top:0; left:0; width:100%; height:100%;}



/*contact*/
.c_contact {background:#F8F8F8;overflow:hidden;}
.c_contact .box {position:relative;transform:translateY(-1px);height:1px;}
.c_contact .box1 {display:flex;}
.c_contact .box1 .text {width:50%;padding:105px 30px 75px 0;box-sizing:border-box;}
.c_contact .box1 .text .atitle {text-align:left;}
.c_contact .box1 .text .atitle h3 {margin-top:10px; font-size: 32px;}
.c_contact .box1 .text .atitle h4 {margin-top:10px; font-size: 16px;}
.c_contact .box1 .text ol {margin-top:30px;overflow:hidden;}
.c_contact .box1 .text ol li {margin:30px 0;display:flex;align-items:center;}
.c_contact .box1 .text ol li p {flex:1;color:#666666;font-size:16px;}
.c_contact .box1 .text .wechatbox {margin-top:65px;width:154px;height:154px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.c_contact .box1 .text .wechatbox p {color:#999999;margin-top:10px;line-height:1.4;}
.c_contact .box1 #map {width:50%;background: url(../images/class/map_bg.jpg) no-repeat center;}
.amap-logo, .amap-copyright { display: none !important;}
.amap-toolbar { z-index: 2; display: none !important;}
.amap-scalecontrol { display: none !important;}
.amap-layers:after { content: '' !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 0;}
.amap-markers { position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
.innerdot { display: none !important;}
.infobox { display: none;}
.amap-info-contentContainer { width: auto; height: auto; max-width: 340px; padding: 15px 20px; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}
.amap-info-contentContainer h5 { color: #212121; font-size: 18px;}
.amap-info-contentContainer p { color: #999; font-size: 16px;}
.mapdots { width: 120px; height: 120px; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; border-radius: 50%; z-index: 1; color: #134A98;}
.mapdots:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #134A98; z-index: -1; -webkit-animation: dots 1.5s infinite linear; animation: dots 1.5s infinite linear;}
.mapdots .dot { width: 20px; height: 20px; background: #134A98; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.mapdots .dot img { width: 25px; transform: translateY(-50%);}
@keyframes dots {
  from {
    opacity: 1;
    transform: scale(0.1);
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}