@charset "utf-8";
/* CSS Document */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
body { font: 14px/1.8 "Microsoft Yahei"; margin: 0 auto; color: #000;  background-color: #fff;}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ol, ul { list-style: none; }
strong { font-weight: bold; }
img { border: 0; vertical-align:middle; max-width:100%;}
input, select, textarea{ outline: none; font-family:"Microsoft Yahei";}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #00c1de; color: #fff; text-shadow: none; }
::selection { background: #00c1de; color: #fff; text-shadow: none; }
select::-ms-expand { display: none; }
a { color:#000; text-decoration: none; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; color:#00c1de; }
*{ margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fl { float: left; }
.fr { float: right; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1 }
.w{ width:1200px; margin:auto;}
.in-w{ width:75%; margin:auto;}

/**index**/
.head{ background:#fff; width:100%; height:103px; position:fixed; left:0; top:0; z-index:1000; border-bottom:1px #dcdcdc solid;}
.head-logo{ float:left; padding-top:15px;}
.head-search{ width:167px; height:29px; float:right; position:relative; margin:41px 0 0 20px;}
.head-search .inpt{ width:100%; height:100%; line-height:29px; color:#999; padding:0 40px 0 15px; border:1px #999 solid; border-radius:20px;}
.head-search .btn{ background:url(../images/srhBtn.jpg) no-repeat center; width:40px; height:100%; position:absolute; right:0; top:0; z-index:1; cursor:pointer;}

.navbox { float: right; display: block; padding-top:40px; height:103px; position: relative;}
.nav li { float:left; display: block; width: 110px; display:inline-block; text-align:center; position:relative; }
.nav li a{ font-size:16px; display:inline-block; color:#1e1e1e; position:relative; height:38px;}
.nav li a:before{ content:''; background:#00c1de; width:0; height:2px; position:absolute; left:0; bottom:0; transition: 600ms; -webkit-transition: 600ms;}
.nav li.line1 { width: 65px; }
.nav li.hov a { color: #00c1de; }
.nav li.hov a:before{ width:100%;}
.subbox {  background:#00c1de; position: absolute; left: 0px; top: 100px; width: 100%; padding: 0px 0px 0px 68px; display: none; }
.subnav { line-height:1.8; float:left; display:block; height:215px; padding:20px 0px; width: 109px; position:relative; text-align:center; border-left:1px solid #fff;}
.subnav a { padding:5px 0px; display:block; position:relative; color:#fff;}
.subnav a:hover{ color:#158C9E;}
.subnav .cbg { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background:#4EDDF3; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.subnav.subnavAct .cbg { -webkit-transform: scaleX(1); transform: scaleX(1); }
.mtop{ width:100%; height:103px;}


.banner,.banner .item{ position:relative; overflow:hidden; }
.banner .pic{ position:absolute; top:0; left:0; }
.banner .pic > img{ opacity: 1; transform:matrix(1.1, 0, 0, 1.1, 0, 0); -webkit-transform:matrix(1.1, 0, 0, 1.1, 0, 0); transition:transform 5s, opacity 2s; -webkit-transition:transform 5s, opacity 2s; }
.banner .pic.imgIn > img{ opacity: 1; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transform:matrix(1, 0, 0, 1, 0, 0); }
.banner .bx-pager{ width:75%; position:absolute; left:50%; margin-left:-37.5%; top:50%; margin-top:-64px; text-align:right; z-index:99;}
.banner .bx-pager-item{ width:100%; text-align:right; font-size:0; display:block; margin-bottom:1rem;}
.banner .bx-pager-item a{ width:16px; height:16px; position:relative; display:inline-block; text-indent:-9999px;  font-size:0; border:1px #fff solid; border-radius:50%;}
.banner .bx-pager-item a:before{ content:''; width:8px; height:8px; position:absolute; left:3px; top:3px;}
.banner .bx-pager-item a.active:before{ background:#fff; border-radius:50%;}
.banner .banum{ width:75%; position:absolute; left:50%; right:0; top:50%; margin-top:70px; margin-left:-37.5%; color:#fff; font-size:20px; line-height:1.1; z-index:999; font-weight:lighter; text-align:right;  }
.bannerTxts{ width:75%; height:100%; position:absolute; top:0; bottom:0; left:50%; margin-left:-37.5%; text-align:center; color:#333; overflow:hidden; }
.bannerTxts .b{  width:auto; position:absolute; top:50%; margin-top:-120px; left:9%; transform:translateX(-80px); -webkit-transform:translateX(-80px); opacity:0; visibility:hidden; transition:800ms; -webkit-transition:800ms; }
.bannerTxts.show .b{ transform:translate(0); -webkit-transform:translate(0); opacity:1; visibility:visible; }
.mouse { background: url(../images/mouse.png) center no-repeat; position: absolute; left:50%; bottom:35px; margin-left:-15px; z-index:99; width: 31px; height: 50px;}
.mouse i { background: url(../images/mouse-arrow.png) no-repeat center center; width: 13px; height: 8px; display:block; position:absolute; left: 9px; bottom: 13px; animation-delay: 0ms; animation-duration: 1340ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
@-webkit-keyframes arrow {
    0% { -webkit-transform: translate3d(0px, 0px, 0px); }
    50% { -webkit-transform: translate3d(0px, -8px, 0px); }
    100% { -webkit-transform: translate3d(0px, 0px, 0px); }
}

@keyframes arrow {
    0% { -webkit-transform: translate3d(0px, 0px, 0px); }
    50% { -webkit-transform: translate3d(0px, -8px, 0px); }
    100% { -webkit-transform: translate3d(0px, 0px, 0px); }
}


.latestbox { width:100%; height:60px; padding:15px 0; line-height:30px; position: relative; border-bottom:1px #e5e5e5 solid;}
.latestbox-t { background:url(../images/latestbox-t.jpg) no-repeat left center; width:110px; float: left; display: block; color:#444; text-transform: uppercase; font-size:16px; padding-left:25px;}
.latestbox-c { padding:0 15px 0 5px; height:30px; overflow: hidden; position: relative; }
.latestbox-c li { height:30px; line-height:30px; overflow: hidden; }
.latestbox-c li a{ color:#666;}
.latestbox-c li span{ color:#999; padding-left:15px;}
.latestbox-c li a:hover, .latestbox-c li a:hover span{ color:#00c1de;}


.iaboutPage{ background:url(../images/aboutBg.jpg) no-repeat top center; min-height:456px; padding-top:15px;}
.iaboutPage .in-w{ padding:0 30px;}
.iabout-iboxt{ padding:25px 0 20px 0; color:#373d41;}
.iabout-iboxt .cn{ font-size:30px; font-weight:bold;  line-height:normal;}
.iabout-iboxt .en{ font-size:16px; color:#6d7072; text-transform:uppercase;}
.iabout-iboxt .ct{ font-size:15px; margin-top:15px;}
.iabout-txts{ width:50%; }
.iabout-txts .c{ font-size:15px; height:81px; overflow:hidden;}
.iabout-txts .view{ color:#00c1df; display:block; margin-top:30px;}
.iabout-menu{ width:50%; margin-top:3px;}
.iabout-menu a{ width:48%; float:left; display:block; height:60px; line-height:60px; margin:0 0 13px 2%; font-size:18px; text-align:center; font-weight:bold; border:1px #b5b5b5 solid;}
.iabout-menu a .ico{ width:40px; height:40px; display:inline-block; vertical-align:middle; margin-right:13px;}
.iabout-menu a .i1{ background:url(../images/ab-ico1a.png) no-repeat;}
.iabout-menu a .i2{ background:url(../images/ab-ico2a.png) no-repeat;}
.iabout-menu a .i3{ background:url(../images/ab-ico3a.png) no-repeat;}
.iabout-menu a .i4{ background:url(../images/ab-ico4a.png) no-repeat;}
.iabout-menu a:hover{ background:#00c1de; color:#fff; border-color:#00c1de;}
.iabout-menu a:hover .i1{ background:url(../images/ab-ico1b.png) no-repeat;}
.iabout-menu a:hover .i2{ background:url(../images/ab-ico2b.png) no-repeat;}
.iabout-menu a:hover .i3{ background:url(../images/ab-ico3b.png) no-repeat;}
.iabout-menu a:hover .i4{ background:url(../images/ab-ico4b.png) no-repeat;}



.inewsPage{ position:relative; margin-top:-149px; z-index:1;}
.inewsPage .in-w{ position:relative; z-index:2;}
.inews-cover{ background:#cdcecf; min-width:60%; height:100%; position:absolute; left:0; top:0;}
.inews{ width:49%; padding:10px 0 0 30px;}
.inewsTab a{ font-size:18px; color:#373d41; height:35px; float:left; position:relative; display:block; margin-right:35px; border-bottom:1px #CDCECF solid;}
.inewsTab a.on:before{content:''; height:0; width:0; display:block; border:5px transparent solid; border-bottom-width:0; border-top-color:#00c1de; position:absolute; bottom:-5px; left:50%; margin-left:-5px;}
.inewsTab a.on{ border-color:#00c1de; font-weight:bold;}
.inewsItem{ padding-top:12px;}
.inewsItem li{ height:37px; line-height:37px; font-size:15px; vertical-align:middle; overflow:hidden; position:relative; padding-left:20px; border-bottom:1px #aaadaf dashed;}
.inewsItem li span{ font-size:14px; float:right; color:#8e9193; font-weight:lighter;}
.inewsItem li:before{ content:''; background:#686d70; width:14px; height:1px; position:absolute; left:0; top:18px;}
.inewsMore{ background:#898d90; width:109px; height:28px; line-height:28px; text-align:center; display:block; color:#fff; margin-top:17px; border-radius:10px;}
.inewsMore:hover{ background:#00c1df; color:#fff;}
.inewsPic{ width:49%; height:436px; position:relative; overflow:hidden;}
.inewsPic .picTit{ background:rgba(0,193,222,.85); width:90px; height:90px; text-align:center; font-size:22px; font-weight:bold; line-height:30px; color:#fff; padding-top:15px; position:absolute; right:0; bottom:0; z-index:10;}
.inewsPic .picBg{ background:url(../images/black.png) repeat; width:100%; height:90px; position:absolute; left:0; bottom:0; z-index:1;}
.inewsPic a.arrow{ background:url(../images/inews-arrow.png) no-repeat; width:10px; height:16px; display:block; position:absolute; bottom:38px; z-index:3;}
.inewsPic a.prev{ background-position:0 0; right:185px;}
.inewsPic a.next{ background-position:-14px 0; right:114px;}
.inewsPic .pageState{ font-size:24px; color:#fff; font-weight:lighter; width:60px; text-align:center; line-height:90px; position:absolute; right:125px; bottom:0; z-index:3;}
.inewsPic .tempWrap{ height:100%;}
.inewsPic .bd, .inewsPic .bd ul{ width:100%; height:100%; display:block;}
.inewsPic .bd li{ width:100%; height:100%; position:relative; float:left; display:block; }
.inewsPic .bd li .img{ background-repeat:no-repeat; background-position:top center; background-size:cover; display:block; width:100%; height:100%;}
.inewsPic .bd li .word{ width:100%; height:90px; padding:18px 195px 0 48px; position:absolute; bottom:0; left:0; z-index:2;}
.inewsPic .bd li .word .t{ font-size:16px; color:#fff; position:relative; padding-left:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.inewsPic .bd li .word .t:before{ content:''; background:#96999c; width:14px; height:1px; position:absolute; left:0; top:14px;}
.inewsPic .bd li .word time{ color:#c8c9c9; display:block; padding-left:20px;}


.iareasPage{ background:#f5f6f6; min-height:720px; position:relative; margin-top:-90px; padding-top:120px;}
.iareasPage .iabout-iboxt{ text-align:center;}
.iareasList{ background:#373d41;}
.iareasList li { position: relative; float: left; color: #000; font-size:0; text-align: center; max-width:20%; height:408px; overflow:hidden; cursor: pointer; }
.iareasList li .pic { width: 100%; height: 100%; }
.iareasList li .mask { position:absolute; left:0; right: 0; top: 0; bottom: 0; }
.iareasList li .mask .bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.iareasList li .mask .content { position: absolute; left: 0; right: 0; top:115px; bottom: 0; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.iareasList li .mask .item-img-panel { position: relative; width: 19%; height:60px; display: inline-block; }
.iareasList li .mask .item-img-panel .item-img{ position: absolute; left: 0; right: 0; top: 0; width: 100%; display: inline-block; -ms-filter:-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.iareasList li .mask .line-panel { font-size: 0; line-height: 0; margin-top: 20px; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.iareasList li .mask .line-panel .item-line { width: 20px; height: 2px; background: #fff; display: inline-block; opacity: 1; filter: alpha(opacity=100);  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100)); -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.iareasList li .mask .item-title { color: #fff; font-size:22px; line-height: 24px; margin-top: 26px; font-weight: bold; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.iareasList li .mask .item-desc { font-size: 14px; color: #fff; text-align: center; margin-top: 20px; padding: 0px 17px; line-height: 24px; height:96px; overflow:hidden; }
.iareasList li .mask .item-link { display: inline-block; border:1px solid #fff; width:109px; height:28px; line-height:28px; font-size:14px; color:#ddf3f9; margin-top:35px; border-radius:10px; }
.iareasList li .mask .item-link:hover { color: #00C1DE; background: #fff; }
.iareasList li .mask .item-desc, .iareasList li .mask .item-link { opacity: 0; filter: alpha(opacity=0);  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.iareasList li:hover .bg { background: #00c2de; opacity: 0.9; filter: alpha(opacity=90);  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(90)); }
.iareasList li:hover .content { top: 13%; }
.iareasList li:hover .content .line-panel { margin-top: 10px; }
.iareasList li:hover .content .line-panel .item-line { opacity: 0; filter: alpha(opacity=0); }
.iareasList li:hover .content .item-title { margin-top: 12px; }
.iareasList li:hover .content .item-desc, .iareasList li:hover .content .item-link { opacity: 1; filter: alpha(opacity=100);  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));}
.iareasList li:hover .content .item-desc { margin-top: 22px; }
.iareasList li:hover .content .item-link { margin-top: 14%; }


.iprojectPage{ position:relative; margin-top:-235px; padding:30px 0 40px 0;}
.iprojectPage .iabout-iboxt{ text-align:center;}
.iprojectList{ margin-left:-2%; position:relative;}
.iprojectList li{ width:31.3%; margin-left:2%; float:left; position:relative; display:block;}
.iprojectList li .line{ background:#00c1df; width:100%; height:7px;}
.iprojectList li .figure{ display:block; overflow:hidden; line-height:0;}
.iprojectList li .figure img{ display:block; width:100%; height:auto; transition:350ms linear; -webkit-transition:350ms linear; }
.iprojectList li .tit{ font-size:16px; overflow:hidden; padding:15px 15px 15px 30px; position:relative; text-overflow:ellipsis; white-space:nowrap;  border:1px #d2d2d2 solid;}
.iprojectList li .tit:before{ content:''; background:#373d41; width:5px; height:5px; position:absolute; left:19px; top:26px; border-radius:50%;}
.iprojectList li:hover .figure img{transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); }
.iprojectList li:hover .tit:before{ background:#00c1df;}
.iprojectMore{ text-align:center; padding-top:32px;}
.iprojectMore a{ background:#898d90; width:109px; height:28px; line-height:28px; text-align:center; display:inline-block; color:#fff; border-radius:10px;}
.iprojectMore a:hover{ background:#00c1df;}


/**footer**/
.footer-top{ background:#373d41; padding:35px 0 40px 0;}
.footer-top-lt{ width:82%;}
.footer-top-rt{ width:10%; padding-top:10px; text-align:center; }
.footer-top-rt p{ font-size:16px; margin-top:15px; color:#d1d2d2;}
.footer-link .t{ font-size:18px; font-weight:bold; color:#d1d2d2;}
.footer-link .c{font-size:15px; margin-top:8px; }
.footer-link .c a{ display:inline-block; vertical-align:middle; float:left; color:#d1d2d2; padding-right:30px;}
.footer-link .c .li{ margin:0 20px; display:inline-block; vertical-align:middle; float:left; color:#d1d2d2;}
.footer-Btn{ margin-top:20px;}
.footer-Btn a{ width:220px; padding:0 20px; height:60px; line-height:60px; display:inline-block; float:left; text-align:center; margin-right:18px; font-size:20px; font-weight:bold; color:#d1d2d2; border:1px #73787a solid;}
.footer-Btn a i{ width:36px; height:36px; display:inline-block; vertical-align:middle; margin-right:14px;}
.footer-Btn a i.i1{ background:url(../images/ft-ico01.png) no-repeat;}
.footer-Btn a i.i2{ background:url(../images/ft-ico02.png) no-repeat;}
.footer-Btn a i.i3{ background:url(../images/ft-ico03.png) no-repeat;}

.footer-btm{ background:#2c3134; font-size:13px; color:#828486; padding:12px 0;}
.footer-btm .plt{ padding-left:30px;}
.backtop{ background:url(../images/backtop.png) no-repeat; width:54px; height:54px; display:block; position:fixed; bottom:5%; z-index:10; right:5%; cursor:pointer; display:none;}


/**管理团队**/
.pbanner{ width:100%; height:420px; position:relative; display:block; text-align:center; color:#fff;}
.pbanner .bg{ width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:top center; display:block;}
.pbanner .txts{ width:100%; height:100%; position:absolute; z-index:1; left:0; top:0;}
.pbanner .txts .zh{ font-size:44px; font-weight:bold; padding-top:150px; line-height:normal;}
.pbanner .txts .en{ font-size:26px; line-height:normal;}


.pageNav{ background:#eff0f0; text-align:center; font-size:0;}
.pageNav li{ display:inline-block; }
.pageNav li a{ display:block; font-size:15px; line-height:3.4; color:#1e1e1e; padding:0 2.8rem; position:relative;}
.pageNav li a.active, .pageNav li a:hover{ background:#00c1de; color:#fff;}
.pageNav li a.active:before, .pageNav li a:hover:before{content:''; height:0; width:0; display:block; border:5px transparent solid; border-bottom-width:0; border-top-color:#00c1de; position:absolute; bottom:-5px; left:50%; margin-left:-5px;}


.pagePadding{ padding:50px 0;}
.teamList dd{ border:1px solid #f0f0f0; margin-bottom:35px; transition: 300ms; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.teamList figure{ float:left; display:block; width:20%;}
.teamList figure img{ width:100%; display:block;}
.teamList .con{ padding:30px 4%; float:left; display: block; width:80%; color: #565b5e;}
.teamList .con .t{ color:#59544d; font-size:16px; margin-bottom:3%;}
.teamList .con .name{ font-size: 24px; font-weight: bold; padding-right: 5px;}
.teamList dd:hover{ box-shadow: 5px 5px 21px -5px rgba(0, 0, 0, 0.2);}
.teamList dd:hover .t{ color:#00c1de;}
.teamList dd.action{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }


.paging { text-align: center; font-size:0;}
.paging a{ display:inline-block; margin:0px 5px; color:#373d41; font-size:16px; width:52px; height:52px; line-height:52px;  border:1px solid #b4b6b7;}
.paging a.prev{ background:url(../images/prev.png) no-repeat center center;}
.paging a.next{ background:url(../images/next.png) no-repeat center center;}
.paging a.active, .paging a:hover{ background-color:#00c1de; border-color:#00c1de; color:#fff;}


/***联系我们***/
.contactPage{ position:relative; padding-top:30px; overflow:hidden;}
.contactPage .bg-blue{ background:#00c1de; position:absolute; left:50%; top:0; width:50%; height:100%; }
.contactPage .tac-t{ color:#373d41; font-size:24px; padding:20px 0;}
.contactPage .tac-t .em{ font-size:18px; color:#818588; font-style:normal;}
.contactPage .w{ position:relative; z-index:2;}
.contactPage .page-left{ width:50%; display:block;}
.contactPage .page-right{ width:50%; display:block;}
.contactPage .markList{ padding:45px 0; color:#565b5e; border-top:1px #d2d2d2 solid;}
.contactPage .markList .t{ font-size:20px; color:#373d41; padding-bottom:20px;}
.contactPage .markList .c-i{ padding-left:33px; background-position:left 3px; background-repeat:no-repeat; margin-bottom:12px; line-height:2;}
.contactPage .markList .c-i1{ background-image: url(../images/c_i1.png);}
.contactPage .markList .c-i2{ background-image: url(../images/c_i2.png);}
.contactPage .markList .c-i3{ background-image: url(../images/c_i3.png);}
.contactPage .markList .c-i4{ background-image: url(../images/c_i4.png);}
.contactPage .markList .c-i5{ background-image: url(../images/c_i5.png);}
.contactPage .formbox{ padding:0 0 15px 60px;}
.contactPage .formbox .tac-t{ color:#fff;}
.contactPage .formbox .tac-t .em{ color:#daf5f9;}
.contactPage .formbox .filed{ padding-bottom:15px;}
.contactPage .formbox .ctxt{ background:#0ea0b7; color:#fff; padding:10px 3%; height:45px; line-height:25px; width:100%; font-size:14px; border:1px solid #0ea0b7;}
.contactPage .formbox .area-ctxt{ height:216px; resize:none;}
.contactPage .moreMess{ background:#0ea0b7; padding:10px 0; height:45px; line-height:25px; font-size:16px; color:#fff; display: block; text-align:center;}
.contactPage .moreMess:hover{ background::#e60012; color:#fff;}
.contactPage .formbox input[type="text"]:focus, .contactPage .formbox textarea:focus { border-color::#e60012; color:#fff;}
.contactPage .formbox input::-webkit-input-placeholder, .contactPage .formbox textarea::-webkit-input-placeholder{ color:#fff;}
.contactPage .formbox input:-moz-placeholder, .contactPage .formbox textarea:-moz-placeholder { color:#fff;}
.contactPage .formbox input::-moz-placeholder, .contactPage .formbox textarea::-moz-placeholder { color:#fff; }
.contactPage .formbox input::-ms-input-placeholder, .contactPage .formbox textarea::-ms-input-placeholder { color:#fff; }


/***人才招聘***/
.recuite-info{ margin-bottom:20px;}
.recuite-info:nth-child(1) .recuite-list{ display:block;}
.recuite-top{  background:#e1e2e3; transition:366ms; position:relative; overflow:inherit; cursor:pointer;}
.recuite-top .t{  display:block; float:left; position:relative; color:#373d41; font-size:16px; line-height:37px; padding-left:40px; }
.recuite-top .ico{ background:url(../images/recuite-icon.png) no-repeat -26px 0; width:19px; height:19px; position:absolute; right:40px; top:9px;}
.recuite-top.on{ background:#00c1de;}
.recuite-top.on .t{ color:#fff;}
.recuite-top.on .ico{ background-position:0 0;}
.recuite-list{ background:#fff; padding:25px 39px 40px 39px; position:relative; color:#565b5e; line-height:2; border:1px solid #00c1de; border-top:none; display:none;}
.recuite-list .t{ font-size:18px; color:#373d41; padding-bottom:10px;}
.recuite-list .deliver{ margin-top:35px; padding-top:35px; border-top:1px solid #e1e2e3;}
.recuite-list .deliver a{ color:#00c1de; font-size:16px; text-decoration:underline;}
.recuite-list .showd{  background:url(../images/tshow.png) left center no-repeat; display:block; padding-left:29px; color:#00c1de; font-size:16px; text-decoration:underline; cursor:pointer; position:absolute; right:40px; bottom:40px; transition:322ms;}
.recuite-list .showd:hover{ background-position:left 2px;}


/***项目动态***/
.productDL li{ width:32%; margin-right:2%; float:left; margin-bottom:40px;}
.productDL li:nth-child(3n+3){ margin-right:0;}
.productDL li figure{ display:block; line-height:normal; overflow:hidden;}
.productDL li figure img{ display:block; width:100%; height:auto; line-height:0; transition:430ms;}
.productDL li figcaption{ background:#ebebec; display:block; padding:19px 16px; overflow:hidden; position:relative; transition:340ms; height:157px;}
.productDL li figcaption time{ line-height:normal; color:#7e7e7e; transition:300ms;}
.productDL li figcaption h3{ color:#1b1b1b; font-size:18px; font-weight:normal; line-height:normal; margin-top:6px; transition:300ms;}
.productDL li figcaption p{ color:#6c6c6c; height:50px; overflow:hidden; margin-top:14px; transition:300ms;}
.productDL li figcaption span{ display:block; width:121px; height:34px; line-height:34px; background:#fff; color:#00c1de; font-size:13px; margin-top:18px; position:relative; bottom:-30px; opacity:0; text-align:center; transition:300ms;}
.productDL li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.productDL li:hover figcaption{ margin-top:-56px; background:#00c1de; height:213px;}
.productDL li:hover figcaption time{ color:#fff;}
.productDL li:hover figcaption h3{ color:#fff;}
.productDL li:hover figcaption p{ color:#fff;}
.productDL li:hover figcaption span{ opacity:1; bottom:0; position:relative; transition:355ms 100ms;}


/***新闻中心***/
.newsList dd{ position: relative; overflow: hidden; padding-left: 424px; height:225px; color: #4a4a4a; padding-bottom: 38px; border-bottom: 1px solid #e5e5e5; margin-bottom: 45px;}
.newsList dd .ilinkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.newsList .tiemBox{ width: 82px; background-color: #eae6e2; text-align: center; font-family: arial, helvetica, sans-serif; position: absolute; left: 0; top: 0;}
.newsList .tiemBox .day{ font-size: 51px; color: #000; line-height: 1.5;}
.newsList .tiemBox .time{ display: block; border-top: 1px solid #fff; font-size: 12px;}
.newsList .img{ position: absolute; left: 100px; top: 0; width: 294px;overflow: hidden;}
.newsList .img img{ width: 100%; display: block; transition: all 0.6s 0s; -webkit-transition: all 0.6s  0s;}
.newsList .con h4{ font-weight: bold; font-size: 20px; line-height: 1.1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.newsList .con .c{ margin: 24px 0px; height: 76px; overflow: hidden; color: #565b5e;}
.newsList dd:hover .more,.newsList dd:hover h4{ color: #00c1de;}
.newsList dd:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}


/***投资领域***/
.InvestDL dd { background-color:#eff0f0; position: relative; }
.InvestDL .img { width: 50%; display: block; overflow: hidden; float: left; }
.InvestDL .img img { width: 100%; display: block; transition: transform 400ms; -webkit-transition: -webkit-transform 400ms; }
.InvestDL .con { width:50%; height:100%; display: block; overflow: hidden; position: absolute; top:0; left:50%;}
.InvestDL .con .t { font-size:30px; font-weight:bold; color: #a3a4a4; overflow: hidden; padding-left:70px;}
.InvestDL .con .t1{ background:url(../images/Invest-t1a.png) no-repeat left center;}
.InvestDL .con .t2{ background:url(../images/Invest-t2a.png) no-repeat left center;}
.InvestDL .con .t3{ background:url(../images/Invest-t3a.png) no-repeat left center;}
.InvestDL .con .t4{ background:url(../images/Invest-t4a.png) no-repeat left center;}
.InvestDL .con .t5{ background:url(../images/Invest-t5a.png) no-repeat left center;}
.InvestDL .con .c { margin: 16px 0px 10%; text-align: justify; line-height: 2; overflow: hidden; font-size:15px; color: #373d41; }
.InvestDL .con .itemBox{ float:left; margin:0 60px; width:540px; display:block; height:100%;}
.InvestDL .con .itemBox .align-vertical { height:100%; width:100%; position:relative; display:table; }
.InvestDL .con .itemBox .vertical-inner { display:table-cell; vertical-align:middle; }
.InvestDL .con .redMore { border: 1px solid #00c1de; display: block; width: 124px; height: 34px; line-height: 34px; text-align: center; position: relative; }
.InvestDL .con .redMore .i1 { position: absolute; left: 0px; top: 0px; background-color: #00c1de; width: 0px; height: 100%; transition: 300ms; }
.InvestDL .con .redMore .i2 { color: #00c1de; position: relative; z-index: 1; }
.InvestDL .oneItem .img { float: right; }
.InvestDL .oneItem .con { left: 0; }
.InvestDL .oneItem .con .itemBox { float:right;}
.InvestDL dd:hover .img img { transform: scale(1.15); -webkit-transform: scale(1.15); }
.InvestDL dd:hover .con .t1{ background:url(../images/Invest-t1b.png) no-repeat left center;}
.InvestDL dd:hover .con .t2{ background:url(../images/Invest-t2b.png) no-repeat left center;}
.InvestDL dd:hover .con .t3{ background:url(../images/Invest-t3b.png) no-repeat left center;}
.InvestDL dd:hover .con .t4{ background:url(../images/Invest-t4b.png) no-repeat left center;}
.InvestDL dd:hover .con .t5{ background:url(../images/Invest-t5b.png) no-repeat left center;}
.InvestDL dd:hover .con .t a { color: #00c1de; }
.InvestDL dd:hover .redMore .i1 { width: 100%; }
.InvestDL dd:hover .redMore .i2 { color: #fff; }


/**资质荣誉**/
.honorPage{ background-image:url(../images/honorBg.jpg); background-repeat:no-repeat; background-position:bottom center; background-size:cover; padding:2.5% 0;}
.honorPage-wide { width:986px; margin:auto;}
.honorList { margin-left: -5%; }
.honorList a { display:block; width:28.33%; position: relative; color: #fff; float: left; margin: 2.5% 0 2.5% 5%; overflow: hidden; }
.honorList .pic { border:3px solid #bcbec0; width: auto; }
.honorList .cover { background: url(../images/black.png); display:block; position:absolute; top:0; left:0; right:0; bottom:0; transition: 600ms; -webkit-transition: 600ms; opacity:0;  }
.honorList .txts { position: absolute; left: 0; right: 0; top: 0; padding: 35px; }
.honorList .txts .line { width: 0; height: 1px; background: #fff; transition: 400ms; -webkit-transition: 400ms; display:block; }
.honorList .txts .ti { font-size: 16px; text-align: justify; margin-top: 15px; opacity: 0; display: none; transition: 400ms; -webkit-transition: 400ms; transform: translateX(60px); -webkit-transform: translateX(60px); }
.honorList .wline { display: block; background: #00c1de; position: absolute; transition: 400ms; -webkit-transition: 400ms; }
.honorList .wline1 { width: 0; height:3px; left: 0; top: 0; }
.honorList .wline2 { width: 0; height:3px; right: 0; bottom: 0; }
.honorList .wline3 { height: 0; width:3px; left: 0; bottom: 0; }
.honorList .wline4 { height: 0; width:3px; right: 0; top: 0; }
.honorList a:hover .cover { opacity: 1; }
.honorList a:hover .txts .line { width: 100%; }
.honorList a:hover .txts .ti { opacity: 1; display: block; transform: translateX(0); -webkit-transform: translateX(0); }
.honorList a:hover .wline1,  .honorList a:hover .wline2 { width: 100%; }
.honorList a:hover .wline3,  .honorList a:hover .wline4 { height: 100%; }

.slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-slide{ display: none; float: left; height: 100%; min-height: 1px; }
.slick-initialized .slick-slide { display: block; }
.slick-list { position:relative; overflow:hidden; display:block; }
.slick-track { position:relative;left: 0; top:0; display:block; zoom:1; }
.slick-arrow { background:url(../images/honor-arrow.png) no-repeat; width:35px; height:60px; font-size:0; position: absolute; top: 50%; margin-top:-30px; }
.slick-prev { background-position:0 0; left:-105px; }
.slick-next { background-position:-46px 0; right:-105px; }
.slick-prev:hover { background-position:0 -63px; }
.slick-next:hover { background-position:-46px -63px; }
.slick-dots{ font-size:0; text-align:center; margin-top:10px; }
.slick-dots li{ width:15px; height:15px; border-radius:100%; margin:0 8px; display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; border:1px #373d41 solid; }
.slick-dots li a{ display:block; width:100%; height:100%; }
.slick-dots li.slick-active,.slick-dots li:hover{ background:#373d41 !important; }


/**视频新闻**/
.videoList{ margin-left:-2%; padding-bottom:2%; position:relative;}
.videoList li{ width:48%; float:left; margin:1.5% 0 1.5% 2%;}
.videoList li .figure{ width:100%; position:relative; overflow:hidden;}
.videoList li .figure img{ width:100%; height:100%; display:block; transition:350ms linear; -webkit-transition:350ms linear;}
.videoList li .figure .cover{ background: url(../images/black.png); display:block; position:absolute; top:0; left:0; right:0; bottom:0; transition: 600ms; -webkit-transition: 600ms;  }
.videoList li .figure .ico{ background:url(../images/video-ico.png) no-repeat; width:60px; height:70px; position:absolute; left:50%; top:50%; margin:-35px 0 0 -30px; z-index:10;}
.videoList li .tit{ font-size:15px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:15px;}
.videoList li .tit:before{ content:''; background:#373d41; width:4px; height:4px; position:absolute; left:0; top:26px; border-radius:50%;}
.videoList li .line{ background:#dee1e3; width:100%; height:1px; position:relative;}
.videoList li .line:before{ content:''; background:#00c1de; width:0; height:1px; position:absolute; left:0; top:0;  transition: 600ms; -webkit-transition: 600ms;}
.videoList li:hover .tit:before{ background:#00c1de;}
.videoList li:hover .line:before{ width:100%;}
.videoList li:hover .figure img{transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); }


/**投资案例**/
.project-left { width: 15%; float: left; margin-left: 1px; background: #e2e5e5; }
.project-left li { padding: 17px 0; transition: 450ms; -o-transition: 450ms; -webkit-transition: 450ms; border-bottom: 1px solid #fff; text-align: center; }
.project-left li i { display: block; width: 52px; height: 52px; transition: 400ms; margin: auto; margin-bottom: 12px; }
.project-left li span { display: block; line-height: normal; font-weight: normal; color: #373d41; font-size: 16px; text-align: center; transition: 350ms; }
.project-left li:nth-child(1) i { background: url(../images/Invest-t1a.png) center no-repeat; }
.project-left li:nth-child(2) i { background: url(../images/Invest-t2a.png) center no-repeat; }
.project-left li:nth-child(3) i { background: url(../images/Invest-t3a.png) center no-repeat; }
.project-left li:nth-child(4) i { background: url(../images/Invest-t4a.png) center no-repeat; }
.project-left li:nth-child(5) i { background: url(../images/Invest-t5a.png) center no-repeat; }
.project-left li:hover, .project-left li.current { background: #00c1de; }
.project-left li:hover span, .project-left li.current span { color: #f5f7f9; }
.project-left li:nth-child(1):hover i,
.project-left li:nth-child(1).current i { background: url(../images/Invest-t1c.png) center no-repeat; }
.project-left li:nth-child(2):hover i,
.project-left li:nth-child(2).current i { background: url(../images/Invest-t2c.png) center no-repeat; }
.project-left li:nth-child(3):hover i,
.project-left li:nth-child(3).current i { background: url(../images/Invest-t3c.png) center no-repeat; }
.project-left li:nth-child(4):hover i,
.project-left li:nth-child(4).current i { background: url(../images/Invest-t4c.png) center no-repeat; }
.project-left li:nth-child(5):hover i,
.project-left li:nth-child(5).current i { background: url(../images/Invest-t5c.png) center no-repeat; }
.project-text { width:78.5%; float:right; text-align:center; }
.project-list li { width:48%; float:left; margin-right:4%; margin-bottom:41px; position:relative;  }
.project-list li:nth-child(2n+2) { margin-right:0; }
.project-list li figure { display:block; line-height:0; overflow: hidden; }
.project-list li figure img { display:block; width:100%; height:auto; transition:350ms linear; -webkit-transition:350ms linear; }
.project-list li figcaption { display:block; padding:15px 25px; text-align:left; width:100%; color:#fff; font-size:16px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.6); }
.project-list li figcaption:before{ content:''; background:#fff; width:4px; height:4px; position:absolute; left:12px; top:27px; border-radius:50%;}
.project-list li figcaption .fr { font-size:14px; color:#00c1de; opacity: 0; transition: 400ms; }
.project-list li:hover figcaption .fr { opacity:1; }
.project-list li:hover figure img { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); }
.project-list.target li { transition:600ms; top:30px; opacity: 0; }
.project-list.target li:nth-child(2) { transition:600ms 400ms; }
.project-list.target li:nth-child(3) { transition:600ms 800ms; }
.project-list.target li:nth-child(4) { transition:600ms 1200ms; }
.project-list.target li:nth-child(5) { transition:600ms 1600ms; }
.project-list.action li { opacity:1; top:0; }


.menu-handler { display:none; overflow: hidden; width:70px; height:59px; cursor: pointer; position: absolute; right: 0px; top:0px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); background-color: #fff;}
.menu-handler .burger { width: 40px; height: 5px; background:#3d6092; display: block; position: absolute; z-index: 5; top: 16px; left: 50%; margin: 0px 0px 0px -20px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; border-radius: 3px; }
.menu-handler .burger-2 { top: 30px; }
.menu-handler .burger-3 { top: 44px; }
.menu-handler.active .burger-1 { top: 30px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; }
.menu-handler.active .burger-3 { top: 30px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.menuBox{ position:fixed; left: 100%; top: 0px; background-color: #666666; height: 100%; width: 100%; z-index: 999; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;  }
.openMneu{ left: 0;}
.menuBox a:link, .menuBox a:visited { color: #fff;}
.menuBox a:active,.menuBox a:hover { color: #fff;}
.navMobile{ padding:70px 0px;}
.navMobile a{ padding: 15px 40px; font-size: 18px; display: block; position: relative;}
.navMobile p a{ display:block; padding-left:40px; border-bottom:1px solid #4a4a4a;}
.navMobile p a:before{ content:""; width:15px; height:15px; position:absolute; right:5%; top:50%; transform:translateY(-50%) scale(0); -webkit-transform:translateY(-50%) scale(0); -moz-transform:translateY(-50%) scale(0); background:url(../images/mnav_1.png) center no-repeat;  transition:0.4s; -webkit-transition:0.4s;}
.navMobile p a:hover,.navMobile p a.cur{ background-color:#00c1df;}
.navMobile p a:hover:before,.navMobile p a.cur:before{ transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); -moz-transform:translateY(-50%) scale(1);}
.navMobile .msubnav{ display: none;}
.msubnav{ background:#515151; display:none;} 
.msubnav li{ width:50%; float:left; border-bottom:1px solid #666666; box-sizing:border-box;}
.msubnav li a{ font-size: 16px; position:relative; display:block;}
.msubnav li a:before{ content:""; width:7px; height:12px; background:url(../images/mnav_2.png) center no-repeat; position:absolute; right:10%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transition:0.4s; -webkit-transition:0.4s;}
.msubnav li:nth-child(odd){ border-right:1px solid #666666;}
.msubnav li a:hover{ color:#fff;}
.msubnav li a:hover:before{ right: 5%;}