@charset "UTF-8";
/*!
 * Cy Style Projects for ShangjinJianShe (https://RNMMP.grd)
 * Copyright 2016-2017 Code yo, Authors own.
 * Licensed under MIT, NMMP (https://RNMMP.grd/YouBorrowMyCodeToYourItem/AndYouDonNotTellMe/)
 */
body { font-family: "Microsoft YaHei", sans-serif; overflow-x: hidden; }

.cy-wrapper { overflow: hidden; transform-style: preserve-3d; transform-origin: 30% 50% 0; transition: transform .5s; }
.cy-wrapper.to-left { transform: translate(-70%) rotateY(-70deg); filter: blur(3px); }

.copyright a:hover { color: #ff6c00; }

/* ***** 头部导航栏 ***** */
header .header-overlay { height: 50px; }
header .header { position: fixed; top: 0; left: 0; right: 0; background: #fff; transition: all .3s; z-index: 4777; }
header .logo { margin: 10px 0; transition: all .3s; }
header .logo img { height: 30px; transition: all .3s; }
header .header-nav { position: fixed; top: 50px; left: 100%; right: -100%; bottom: 0; background: #0c3061; overflow-x: hidden; overflow-y: auto; transition: all .5s; z-index: -1; }
header .header-nav.show { left: 0; right: 0; }
header .nav-list { padding: 20px 0 50px; }
header .nav-item { position: relative; margin-top: -1px; font-family: "Microsoft YaHei", sans-serif; color: #fff; z-index: 1; }
header .nav-item > a { position: relative; display: block; padding: 10px 30px; font-size: 15px; line-height: 20px; border-bottom: 1px solid #ccc; transition: all .3s; z-index: 1; }
header .nav-item.m > a:before { content: ''; position: absolute; top: 50%; right: 30px; width: 12px; height: 20px; margin-top: -10px; background: url("../images/icons/more1.png") no-repeat center center; transition: all .5s; z-index: 1; }
header .nav-item.m > a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #008cd7; opacity: 0; visibility: hidden; transform: scale(0, 1); transform-origin: 100% 50%; transition: transform .5s, opacity .5s, visibility .5s; z-index: -1; }
header .nav-item.m.active > a { color: #fff; }
header .nav-item.m.active > a:before { transform: rotate(90deg); background-image: url("../images/icons/more1h.png"); }
header .nav-item.m.active > a:after { opacity: 1; visibility: visible; transform: none; transform-origin: 0 50%; }
header .nav-item.current > a { color: #008cd7; }
header .sub-nav { display: none; padding: 5px 0; background: #0052a5; }
header .sub-item a { display: block; padding: 7px 30px; font-size: 14px; line-height: 16px; }
header .sub-item a:hover { color: #008cd7; }
header .hotline { display: none; }
header .header-tools { position: relative; width: 60px; height: 50px; margin-right: -15px; background: #0052a5; overflow: hidden; cursor: pointer; z-index: 1; }
header .nav-menu { position: absolute; top: 50%; left: 50%; width: 20px; height: 16px; margin-top: -8px; margin-left: -10px; transition: all .5s; z-index: 1; }
header .nav-menu .nm { position: absolute; width: 100%; height: 3px; background: #fff; transition: all .5s; }
header .nav-menu .nm:before, header .nav-menu .nm:after { content: ''; position: absolute; width: 60%; height: 100%; background: #fff; opacity: 0; visibility: hidden; transform-origin: 50% 50%; transition: all .5s; z-index: 1; }
header .nav-menu .nm:before { left: 0; }
header .nav-menu .nm:after { right: 0; }
header .nav-menu .nm1 { top: 0; }
header .nav-menu .nm2 { bottom: 0; }
header .nav-menu.active { transform: rotate(-180deg); }
header .nav-menu.active .nm { background: transparent; }
header .nav-menu.active .nm:before, header .nav-menu.active .nm:after { opacity: 1; visibility: visible; }
header .nav-menu.active .nm1 { top: 3px; }
header .nav-menu.active .nm1:before { transform: rotate(45deg); }
header .nav-menu.active .nm1:after { transform: rotate(-45deg); }
header .nav-menu.active .nm2 { bottom: 2px; }
header .nav-menu.active .nm2:before { transform: rotate(-45deg); }
header .nav-menu.active .nm2:after { transform: rotate(45deg); }

/* ***** 底部信息栏 ***** */
footer { font-size: 12px; line-height: 20px; }

.friendly-link { display: none; }

.footer-body { padding: 25px 0; color: #ccc; background: #0c3061; }
.footer-body .fbl-item { margin-bottom: 15px; }
.footer-body .fbl-item .icon { width: 20px; height: 20px; margin-right: 10px; }
.footer-body .fbr-t { margin-bottom: 15px; }
.footer-body .fbr-item { float: left; margin-right: 10px; }
.footer-body .fbr-item .icon { width: 20px; height: 20px; cursor: pointer; }
.footer-body .wx .icon { background-image: url("../images/icons/wx.png"); }
.footer-body .wx:hover .wx-box { opacity: 1; visibility: visible; transform: none; }
.footer-body .wx-box { position: fixed; top: 50%; left: 50%; width: 200px; height: 200px; margin-top: -100px; margin-left: -100px; border-radius: 5px; opacity: 0; visibility: hidden; transform: translateY(50%); transition: all .5s; z-index: 1000; }
.footer-body .wx-pic { padding: 3px; background: #fff; border: 1px solid #ccc; border-radius: 5px; }
.footer-body .wx-pic img { width: 100%; }
.footer-body .sina .icon { background-image: url("../images/icons/sina.png"); }
.footer-body .qq .icon { background-image: url("../images/icons/qq.png"); }

.copyright { color: #ccc; background: #0c3061; }
.copyright .cr-info { padding: 15px 0 30px; border-top: 1px solid #ccc; }

.to-top { display: none; }

/* ***** Inside Pages Common ***** */
/* IPC Banner */
.ipc-banner { position: relative; overflow: hidden; z-index: 1; }
.ipc-banner .banner-pic { position: relative; height: 100px; transition: height .18s, transform 2s; z-index: 1; }
.ipc-banner .banner-pic.cy-tg { transform: scale(1.07); }
.ipc-banner .banner-pic.act { transform: none; }

/* IPC Navbar */
body.c { cursor: pointer; }

.ipc-navbar { position: relative; color: #fff; text-align: center; cursor: pointer; z-index: 2; }
.ipc-navbar .current-page { position: relative; padding: 10px 0; font-size: 15px; line-height: 20px; background: #008cd7; z-index: 5; }
.ipc-navbar .current-page:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: #ff6c00; transition: all .3s; z-index: -1; }
.ipc-navbar .current-page:after { content: ''; position: relative; top: -1px; left: 7px; display: inline-block; border-top: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; vertical-align: middle; transition: transform .3s; }
.ipc-navbar .current-page.show:before { height: 100%; }
.ipc-navbar .current-page.show:after { transform: rotate(-180deg); }
.ipc-navbar .inav-list { position: absolute; top: 100%; left: 0; right: 0; margin-top: -40px; margin-left: -1px; padding: 3px 0; background: #008cd7; opacity: 0; visibility: hidden; transition: all .5s; z-index: 2; }
.ipc-navbar .inav-list.show { margin-top: 0; opacity: 1; visibility: visible; }
.ipc-navbar .inav-item { float: left; width: 50%; margin: 3px 0; border-left: 1px solid #fff; }
.ipc-navbar .inav-item a { display: block; font-size: 13px; line-height: 20px; }

/* IPC Title */
/*.ipc-title { padding: {bottom: 30px}; overflow: hidden; text-align: center;
 .zh { margin: {bottom: 5px}; font-weight: bold; font-size: 15px; color: #333; line-height: 20px; color: $c1; }
 .en { font-size: 12px; font-family: "Microsoft YaHei", sans-serif; line-height: 15px; text-transform: uppercase; }
 &.w { .zh, .en { color: #fff; } }
}*/
/* IPC Container */
.cy-content { padding: 40px 0; background: #f0f0f0; }

.cy-block { padding: 40px 0; }
.cy-block:after { content: ''; display: block; clear: both; }

/* IPC Pages */
.pages { padding-top: 20px; text-align: center; }
.pages .pages-box { display: inline-block; vertical-align: top; }
.pages .pages-arrows { position: relative; width: 30px; height: 30px; font-size: 17px; line-height: 28px; border: 1px solid #999; border-radius: 50%; transition: all .3s; z-index: 1; }
.pages .pages-arrows:after { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background: #008cd7; border-radius: 50%; opacity: 0; visibility: hidden; transform: scale(1.7); transition: all .3s; z-index: -1; }
.pages .pages-arrows:hover { color: #fff; }
.pages .pages-arrows:hover:after { opacity: 1; visibility: visible; transform: none; }
.pages .arrows-prev { float: left; margin-right: 40px; }
.pages .arrows-prev:before { content: '←'; }
.pages .arrows-next { float: right; margin-left: 40px; }
.pages .arrows-next:before { content: '→'; }
.pages .pages-cont { font-weight: bold; font-size: 18px; font-family: Arial, sans-serif; color: #999; line-height: 30px; overflow: hidden; }
.pages .cur { color: #008cd7; }

/* 分享 */
/*
.bsBox { width: auto!important; height: auto!important;
}

.bshare-custom { a { width: 20px!important; height: 20px!important; margin: {right: 10px!important;}; background: no-repeat center center!important; }
 .bshare-weixin { background-image: url("../images/icons/s-wx.png")!important; }
 .bshare-qqim { background-image: url("../images/icons/s-qq.png")!important; }
 .bshare-sinaminiblog { background-image: url("../images/icons/s-sina.png")!important; }
}*/
/* To Top */
.to-top { display: none; }

/* ***** Home ***** */
/* Banner */
.hm-banner { position: relative; overflow: hidden; z-index:1;}
.hm-wrapper {position:relative;z-index:5;}
.hm-banner .carousel-item.current .carousel-pic { transform: none; }
.hm-banner .carousel-item.current .carousel-pic img { transform: scale(1.1); }
.hm-banner .carousel-item.current .zh { opacity: 1; visibility: visible; transform: none; transform-origin: 50% 0; transition: all 1s .2s; }
.hm-banner .carousel-item.current .en { opacity: 1; visibility: visible; transform: none; transform-origin: 50% 0; transition: all 1s .5s; }
.hm-banner .carousel-pic { position: relative; overflow: hidden; transition: all 1s; }
.hm-banner .carousel-pic:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0 0 100px 25px rgba(0, 0, 0, 0.5); z-index: 1; }
.hm-banner .carousel-pic img { transition: all 10s; }
.hm-banner .carousel-info { position: absolute; top: 0; left: 0; right: 0; bottom: 15%; color: #fff; z-index: 2; }
.hm-banner .zh { font-size: 24px; line-height: 30px; opacity: 0; visibility: hidden; transform: rotateX(-45deg); }
.hm-banner .en { margin-top: 10px; font-size: 12px; line-height: 20px; opacity: 0; visibility: hidden; transform: rotateX(-45deg); }
.hm-banner .slick-dots { bottom: 20px; }
.hm-banner .slick-dots li { margin: 0 3px; border: 1px solid #ff6c00; border-radius: 50%; }
.hm-banner .slick-dots li.slick-active { background: #ff6c00; }
.hm-banner .scroll-down { position: absolute; left: 50%; bottom: 50px; width: 30px; height: 30px; margin-left: -15px; color: #fff; font-size: 30px; line-height: 30px; text-align: center; overflow: hidden; cursor: pointer; animation: gj_down 2s infinite linear; z-index: 5; }
.hm-banner .scroll-down:before { content: '↓'; }

@keyframes gj_up { from { transform: translateY(30%); }
  to { transform: translateY(-20%); } }
@keyframes gj_down { from { transform: translateY(-20%); }
  to { transform: translateY(30%); } }
.hm-title { position: absolute; top: 25px; left: 20px; color: #666; z-index: 1; }
.hm-title .en { font-size: 12px; font-family: Arial, sans-serif; line-height: 20px; text-transform: uppercase; }
.hm-title .s { display: block; line-height: 15px; }
.hm-title .xs { display: block; font-weight: bold; font-size: 20px; }
.hm-title .zh { font-weight: bold; font-size: 14px; line-height: 30px; }

.hm-box { position: relative; margin: 0 -15px; border-bottom: 3px solid #ff6c00; }
.hm-box:before { content: ''; position: absolute; left: 0; right: 65%; bottom: -3px; height: 3px; background: #0052a5; z-index: 1; }

/* 关于 */
.hm-about { position: relative; margin-bottom: 15px; z-index: 1; }
.hm-about .about-bg { min-height: 100px; }
.hm-about .about-bg img { width: 100%; }
.hm-about .hm-title .zh { color: #333; }

/* 政策法规 */
.hm-policy { position: relative; margin-bottom: 15px; z-index: 1; }
.hm-policy .policy-bg { min-height: 100px; }
.hm-policy .policy-bg img { width: 100%; }
.hm-policy .hm-title { color: #fff; }

/* 新闻 */
.hm-news { margin-bottom: 15px; padding: 25px 0 10px; background: #fff; }
.hm-news .tab-head { margin-bottom: 20px; padding: 0 15px; font-size: 14px; line-height: 20px; color: #333; }
.hm-news .tab-head > ul { overflow: hidden; }
.hm-news .m { float: right; margin-left: 10px; padding: 5px 0; font-size: 12px; color: #999; }
.hm-news .m:hover { color: #ff6c00; text-decoration: underline; }
.hm-news .th-item { position: relative; float: left; margin-right: 20px; padding: 5px 0; cursor: pointer; }
.hm-news .th-item:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #008cd7; transform: scale(0, 1); transform-origin: 100% 50%; transition: transform .5s; }
.hm-news .th-item.active:before { transform: none; transform-origin: 0 50%; }
.hm-news .tab-c { position: relative; height: 180px; overflow: hidden; z-index: 1; }
.hm-news .tc-item { position: absolute; top: 0; left: 100%; width: 100%; opacity: 0; visibility: hidden; transition: all .5s; }
.hm-news .tc-item.active { left: 0; opacity: 1; visibility: visible; }
.hm-news .tcl { position: relative; margin-bottom: 15px; z-index: 1; }
.hm-news .tcl:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #eee; opacity: 0; visibility: hidden; z-index: -1; }
.hm-news .tcl a { display: block; padding: 5px 15px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.hm-news .tcl:hover:before { opacity: 1; visibility: visible; }

/* 人力资源 */
.hm-hr { position: relative; height: 270px; background: #0c3061; text-align: center; z-index: 1; }
.hm-hr .hr-box { position: absolute; top: 50%; left: 10%; right: 10%; margin-top: -50px; color: #fff; z-index: 1; }
.hm-hr .icon { width: 50px; height: 50px; margin-bottom: 10px; background-image: url("../images/icons/hm-hr.png"); }
.hm-hr .t { margin-bottom: 5px; font-weight: bold; font-size: 16px; line-height: 20px; }
.hm-hr .c { font-size: 12px; line-height: 15px; }

/* ***** 关于我们 ***** */
.about-t { margin-bottom: 30px; text-align: center; }
.about-t .zh { font-size: 18px; line-height: 25px; color: #333; }
.about-t .en { font-size: 12px; font-family: Arial, sans-serif; line-height: 15px; color: #666; text-transform: capitalize; }
.about-t.w .zh, .about-t.w .en { color: #fff; }

/* 公司简介 */
.about-jj .jj-img img { width: 100%; }
.about-jj .jj-cont { padding: 20px 0 0; }
.about-jj .t { margin-bottom: 20px; }
.about-jj .zh { font-size: 18px; line-height: 25px; color: #666; }
.about-jj .en { padding-bottom: 5px; font-weight: bold; font-size: 20px; font-family: Arial, sans-serif; line-height: 30px; color: #999; text-transform: uppercase; }
.about-jj .line { width: 2.5em; height: 2px; background: #008cd7; }

/* 企业文化 */
.about-cc { background: no-repeat bottom center fixed; background-size: cover; }
.about-cc .cc-carousel { position: relative; margin: 0 30px; z-index: 1; }
.about-cc .cc-carousel:before { content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: url("../images/icons/about-cc.png"); z-index: -1; }
.about-cc .carousel { border-radius: 7777px; overflow: hidden; }
.about-cc .carousel-item { text-align: center; }
.about-cc .carousel-item .box { display: inline-block; width: 180px; height: 180px; padding: 50px 0; background: #fff; border-radius: 50%; vertical-align: top; }
.about-cc .carousel-item .t { font-size: 15px; line-height: 20px; }
.about-cc .carousel-item .line { display: block; width: 15px; height: 1px; margin: 9px auto 10px; background: #666; }
.about-cc .carousel-item .c { line-height: 20px; }
.about-cc .slick-arrow { font-size: 20px; color: #fff; line-height: 30px; text-align: center; border: 1px solid #fff; border-radius: 50%; }
.about-cc .slick-arrow:after { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background: #008cd7; border-radius: 50%; transform: scale(1.7); opacity: 0; visibility: hidden; transition: all .3s; z-index: -1; }
.about-cc .slick-arrow.slick-prev { left: -32px; }
.about-cc .slick-arrow.slick-prev:before { content: '←'; }
.about-cc .slick-arrow.slick-next { right: -32px; }
.about-cc .slick-arrow.slick-next:before { content: '→'; }
.about-cc .slick-arrow:hover:after { transform: none; opacity: 1; visibility: visible; }

/* 资质荣誉 */
.about-ry { background: #eee; }
.about-ry .carouse-item { margin: 0 1px; background: #fff; text-align: center; }
.about-ry .carouse-item img { display: inline-block; max-width: 100%; }
.about-ry .ry-carousel { position: relative; z-index: 1; }
.about-ry .slick-arrow { transition: all .3s; }
.about-ry .slick-arrow.slick-prev { left: 0; background: url("../images/icons/left.png") no-repeat center center; }
.about-ry .slick-arrow.slick-prev.slick-disabled { background-position-x: -60px; }
.about-ry .slick-arrow.slick-prev:hover { background-image: url("../images/icons/left1.png"); }
.about-ry .slick-arrow.slick-next { right: 0; background: url("../images/icons/right.png") no-repeat center center; }
.about-ry .slick-arrow.slick-next.slick-disabled { background-position-x: 60px; }
.about-ry .slick-arrow.slick-next:hover { background-image: url("../images/icons/right1.png"); }
.about-ry .slick-arrow.slick-disabled { cursor: default; }
.about-ry .slick-dots { position: relative; margin-top: 20px; }
.about-ry .slick-dots li { width: 11px; height: 11px; margin: 0 3px; border-radius: 50%; background: #999; }
.about-ry .slick-dots li.slick-active { background: #008cd7; }

/* 组织架构 */
.about-jg .jg-head { width: 290px; margin: 0 auto; text-align: center; }
.about-jg .jgh-list { display: inline-block; vertical-align: top; }
.about-jg .jgh-item { position: relative; float: left; width: 125px; margin: 0 10px 12px; padding: 5px 0; font-size: 12px; line-height: 15px; color: #333; background: #eee; border-radius: 777px; cursor: pointer; transition: all .3s; z-index: 1; }
.about-jg .jgh-item:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #99d1ef; border-radius: 777px; opacity: 0; visibility: hidden; transform: scale(1.7); transition: all .3s; z-index: -1; }
.about-jg .jgh-item:hover { color: #008cd7; }
.about-jg .jgh-item.active:before { opacity: 1; visibility: visible; transform: none; }
.about-jg .jgh-item.active:hover { color: #333; }
.about-jg .jg-body { margin-top: 30px; }
.about-jg .jgb-item { position: relative; display: none; text-align: center; z-index: 1; }
.about-jg .jgb-item img { max-width: 100%; }
.about-jg .jgb-item:first-child { display: block; }
.about-jg .jgb-item.active { z-index: 5; }

/* ***** 尚锦新闻 ***** */
.news { background: #eee; }

.news-item { position: relative; max-width: 300px; margin: 0 auto 20px; background: #fff; box-shadow: 2px 2px 5px 1px #aaa; z-index: 1; }
.news-item a { display: block; padding: 30px 20px 60px; }
.news-item .d { margin-bottom: 10px; font-size: 12px; color: #999; line-height: 15px; }
.news-item .t { height: 40px; margin-bottom: 15px; font-weight: bold; font-size: 14px; line-height: 20px; color: #333; overflow: hidden; }
.news-item .c { height: 40px; margin-bottom: 20px; font-size: 13px; line-height: 20px; overflow: hidden; }
.news-item .pic { margin: 0 -20px; }
.news-item .m { position: absolute; left: 50%; bottom: 25px; width: 10px; height: 10px; margin-left: -5px; }
.news-item .m:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #999; border-radius: 50%; transition: all .3s; }

.details-cont { padding: 20px 0; }

.details-head { padding: 30px 0; text-align: center; }
.details-head .t { font-size: 16px; line-height: 25px; }
.details-head .t-info { margin-top: 10px; font-size: 12px; line-height: 15px; color: #999; }
.details-head .sr { margin-right: 12px; padding-right: 15px; border-right: 1px solid #999; }
.details-head .sr a:hover { color: #008cd7; text-decoration: underline; }

.details-pages { position: relative; padding: 30px 0 80px; border-top: 1px dashed #ddd; }
.details-pages .go-back { position: absolute; left: 50%; bottom: 30px; width: 100px; margin-left: -50px; padding: 5px 0; font-size: 14px; line-height: 20px; color: #fff; text-align: center; background: #008cd7; transition: all .3s; }
.details-pages .dp-arrows { font-size: 14px; color: #333; line-height: 20px; }
.details-pages .dp-prev, .details-pages .dp-next { margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/* ***** 政策法规 ***** */
.policy { background: #f0f0f0; }

.policy-cont { max-width: 300px; margin: 0 auto; }

.policy-item { position: relative; margin-bottom: 20px; box-shadow: 1px 1px 5px 2px #ccc; background: #fff; z-index: 1; }
.policy-item a { display: block; padding: 20px 15px; }
.policy-item .ht { font-size: 12px; line-height: 20px; color: #333; }
.policy-item .d { font-size: 12px; line-height: 15px; color: #999; }
.policy-item .line { display: block; width: 30px; height: 1px; margin-top: 5px; background: #999; }
.policy-item .c { height: 60px; margin-top: 20px; margin-bottom: 50px; color: #333; font-size: 14px; line-height: 20px; overflow: hidden; }
.policy-item .m { position: absolute; right: 15px; bottom: 20px; width: 10px; height: 10px; }
.policy-item .m:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #999; border-radius: 50%; z-index: 1; }

/* ***** 工程案例 ***** */
.cases { background: #f0f0f0; }

.cases-cont { max-width: 300px; margin: 0 auto; }

.cases-item { position: relative; margin-bottom: 20px; }
.cases-item .cases-pic img { width: 100%; }
.cases-item .info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/icons/black20.png"); z-index: 5; }
.cases-item .c { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -20px; color: #fff; text-align: center; }
.cases-item .t { font-size: 20px; line-height: 30px; }
.cases-item .d { font-size: 12px; line-height: 20px; opacity: 0; visibility: hidden; transition: all .3s; }
.cases-item .m { position: absolute; left: 50%; bottom: 20px; width: 10px; height: 10px; margin-left: -5px; }
.cases-item .m:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #fff; border-radius: 50%; }

/* ***** 人力资源 ***** */
.hr { background: #f0f0f0; }

.hrh-item { margin-bottom: 20px; padding: 20px 15px; background: #fff; box-shadow: 1px 1px 5px 1px #ccc; }
.hrh-item .t { margin-bottom: 10px; font-size: 22px; line-height: 30px; color: #008cd7; }
.hrh-item .c { height: 140px; line-height: 20px; overflow: hidden; }

.hr-body { margin-top: 50px; }
.hr-body .title { margin-bottom: 10px; font-size: 18px; color: #333; line-height: 30px; }

.hrb-item { border-bottom: 2px solid #ccc; }
.hrb-item .zp-head { position: relative; padding: 10px 15px; padding-right: 40px; font-size: 16px; line-height: 20px; transition: all .3s; cursor: pointer; z-index: 1; }
.hrb-item .zp-head:before { content: ''; position: absolute; top: 50%; right: 15px; width: 20px; height: 20px; margin-top: -10px; background: url("../images/icons/more5.png") no-repeat center center; transition: all .3s; }
.hrb-item .zp-head:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: #008cd7; transition: all .3s; z-index: -1; }
.hrb-item .zp-head:hover, .hrb-item .zp-head.active { color: #fff; }
.hrb-item .zp-head:hover:before, .hrb-item .zp-head.active:before { background-image: url("../images/icons/more5h.png"); transform: rotate(180deg); }
.hrb-item .zp-head:hover:after, .hrb-item .zp-head.active:after { height: 100%; }
.hrb-item .zp-body { display: none; padding: 30px 15px; background: #fff; }

/* ***** 联系方式 ***** */
.ipc-banner .banner-map { height: 200px; }

.map { height: 100%; }
.map .anchorBL { display: none !important; }

.contact-cont .title { margin-bottom: 40px; font-weight: bold; font-size: 20px; line-height: 30px; color: #008cd7; }

.contact-info .info { font-size: 14px; color: #333; line-height: 20px; }
.contact-info .info p { margin-bottom: 10px; }
.contact-info .ewm { margin-top: 30px; }
.contact-info .ewm-l { margin-bottom: 20px; text-align: center; }
.contact-info .ewm-l .t { font-size: 14px; color: #333; line-height: 15px; }
.contact-info .ewm-l img { max-width: 100%; }

/*# sourceMappingURL=style.css.map */
/* Project Completion Time 2017.08.08 */

.w1000{ width: 1000px; margin: 0px auto;}
.pagePadding{ padding: 85px 0;}
.bgf2{ background-color: #f2f2f2;}
.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0);}
.imgw{ width: 100%; display: block;}
.c-columnlist{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; line-height: 1.8;}
.c-columnlist li{ position: relative; float: left; display: block; width: 49%; border: 1px solid #EAEAEA; margin-bottom: 2%; transition: .3s; -webkit-transition: .3s;}
.c-columnlist li:hover{ box-shadow: 3px 3px 6px 2px rgba(0,0,0,0.1);}
.c-columnlist .item{ position: relative; margin: 48px 60px 45px 80px;}
.c-columnlist .ico{ position: absolute; left: -50px; top: 0; width: 36px;}
.c-columnlist .t { padding-bottom: 10px;}
.c-columnlist .t .zh{ font-size: 20px; font-weight: 600; padding-right: 16px;}
.c-activitieslist{ display: -webkit-flex; display: flex; flex-wrap: wrap; line-height: 1.8; margin-left: -2%; line-height: 1.8;}
.c-activitieslist li{ float: left; display: block; width: 31.33%; margin-bottom: 2%; margin-left: 2%; background-color: #fff; cursor: pointer; transition: .3s; -webkit-transition: .3s;}
.c-activitieslist .img{ position: relative; display: block; overflow: hidden;}
.c-activitieslist .img img{ transition: .6s; -webkit-transition: .6s;}
.c-activitieslist .desc{ padding: 30px 30px 20px;}
.c-activitieslist .txt{ font-size: 14px; text-align: justify; }
.c-activitieslist .bor{ border: 1px solid #999999; background-color: #fff; border-radius: 50%; display: block; margin: 25px auto 0; width: 11px; height: 11px; display: block;}
.c-activitieslist li:hover{ box-shadow: 3px 3px 6px 2px rgba(0,0,0,0.1); background-color: #008CD7; color: #fff;}
.c-activitieslist li:hover .img img{ transform: scale(1.04); -webkit-transform: scale(1.04);}

.contact-box a:link, .contact-box a:visited { color: #666;}
.contact-box a:active, .contact-box a:hover { color: #008cd7;}
.contact-box{ position: relative; background-color: #fff; line-height: 1.8; color: #666;}
.contact-box .mapBox{ position: absolute; left: 0; top: 0; width: 45%; height: 100%;}
.contact-desc{ margin-left: 45%; padding: 55px;}
.contact-desc .title{ margin-bottom: 38px;}
.contact-desc .title .zh{ font-size: 30px; color: #333; line-height: 1.4;}
.contact-desc .title .en{ font-size: 16px;}
.contact-desc .erm{ margin-top: 40px; text-align: center;}
.contact-desc .erm img{ width: 102px; display: block; margin: 0px auto;}
.contact-desc .erm span{ display: block;}