@charset "utf-8";

.bgcs3{ background: -webkit-linear-gradient( bottom right,#0959a2, #3488d8);
background: -o-linear-gradient( bottom right,#0959a2, #3488d8);
background: -mos-linear-gradient( bottom right,#0959a2, #3488d8);
background: -moz-linear-gradient( bottom right,#0959a2, #3488d8);
background: linear-gradient( bottom right,#0959a2, #3488d8); }
.inner{ width: 1200px; margin: 0px auto;}
.pinner{ width: 1280px; margin: 0px auto;}
.top a:link, .top a:visited { color: #fff;}
.top a:active, .top a:hover { color: #fff;}
.top{ position: fixed; left: 0; top: 0; width: 100%; z-index: 1000; color: #fff;background: url(../images/yy1.png) repeat-x scroll left top;}
.top:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #fff; opacity: 0.3; filter: alpha(Opacity=30);}
.logo{ position: absolute; left: 3%; top: 20px; height: 58px;}
.logo img{ height: 100%; display: block;}
.logo img.img2{ display: none;}
.sider-tel{ position: absolute; right: 3%; top:30px; font: 24px/1.5 "066",arial, helvetica, sans-serif; display: block;}
.sider-tel i{ font-size: 26px; padding-right: 4px;}
.lager-box{ position: relative; top: -2px; font-size: 14px; padding-right: 20px;}
.lager-box a.active{ color: #28986B;}
.scoll-top .lager-box a.active{ color: #28986B;}
.nav{ float: none; width: 100%; margin: 0px auto; text-align: center;}
.nav li{ position: relative; display: inline-block; *display: inline; *zoom: 1;  font-size: 16px; height:98px; line-height: 98px; margin: 0px 15px;}
.nav>ul>li>a{ display: block;}
.nav>ul>li>a:before { content: ""; width: 100%; height: 5px; background-color: #fff; position: absolute; left: 0; bottom: -2px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); -webkit-transform: scaleX(0); transform: scaleX(0); visibility:hidden\9; }
.nav>ul>li:hover>a:before,.nav>ul>li>a.active:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility:visible\9;}
.menu-handler{ position: fixed; right: 0; top: 0; width:54px;height: 54px; display:none; cursor: pointer; z-index: 1010;}
.menu-handler span { position: relative; display: block; margin: 25.5px auto 0; width: 22px; height: 3px; background: -webkit-linear-gradient( bottom left,#15499a, #388cdb);background: -o-linear-gradient( bottom left,#15499a, #388cdb);background: -mos-linear-gradient( bottom left,#15499a, #388cdb);background: -moz-linear-gradient( bottom left,#15499a, #388cdb);background: linear-gradient( bottom left,#15499a, #388cdb); -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menu-handler span:after,
.menu-handler span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; left: 0;background: -webkit-linear-gradient( bottom left,#15499a, #388cdb);
background: -o-linear-gradient( bottom left,#15499a, #388cdb);
background: -mos-linear-gradient( bottom left,#15499a, #388cdb);
background: -moz-linear-gradient( bottom left,#15499a, #388cdb);
background: linear-gradient( bottom left,#15499a, #388cdb); -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menu-handler span:before {top: -8px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menu-handler span:after {bottom: -8px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menu-handler.active span {background:none transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menu-handler.active span:after,.menu-handler.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menu-handler.active span:before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menu-handler.active span:after {bottom: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menuBox a:link, .menuBox a:visited { color: #333333;}
.menuBox a:active,.menuBox a:hover { color: #333333;}   
.menuBox { background-color: #f7f7f7; color: #333333; position: fixed; display: none; right: 0px; top: 0px; width: 294px; height: 100%; height:100vh; overflow-x:hidden; overflow-y:auto; -moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%); -webkit-overflow-scrolling:touch;  z-index: 990; -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); -moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94); -o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94); }
.menuMoblie{ padding:80px 0 15%;}
.menuMoblie a.nav-link { position: relative; display: block; font-weight: bold; padding: 12px 10%; font-size: 16px; color: #263c8f;}
.menuMoblie .nav-link:hover{ color: #fff;background: -webkit-linear-gradient( bottom right,#15499a, #388cdb);
background: -o-linear-gradient( bottom right,#15499a, #388cdb);
background: -mos-linear-gradient( bottom right,#15499a, #388cdb);
background: -moz-linear-gradient( bottom right,#15499a, #388cdb);
background: linear-gradient( bottom right,#15499a, #388cdb);}
.menuMoblie .cur .nav-link{ color: #fff;background: -webkit-linear-gradient( bottom right,#15499a, #388cdb);
background: -o-linear-gradient( bottom right,#15499a, #388cdb);
background: -mos-linear-gradient( bottom right,#15499a, #388cdb);
background: -moz-linear-gradient( bottom right,#15499a, #388cdb);
background: linear-gradient( bottom right,#15499a, #388cdb);}
.menuMoblie .subnav { display: none; background-color: #e8e8e8; padding: 10px 0; border-bottom: 1px solid #dbdbdb;}
.menuMoblie .subnav a { position: relative; display: block; padding: 10px 10%; line-height: 1.4; font-size: 14px;}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 990; background-color: rgba(0,0,0,0.4); visibility:hidden; filter:alpha(Opacity=0);opacity:0;-webkit-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -moz-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -ms-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -o-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;}
.menuOpen .pusher-black { visibility:visible;filter:alpha(enabled=false); opacity:1;}
.menuOpen .menuBox { -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0);  transform:translateX(0);}
.menuBox .lager-box{ padding: 0px 10% 30px; font-size: 18px;}
.menuBox .lager-box a.active{ color: #15499A;}
.scoll-top a:link, .scoll-top a:visited { color: #333333;}
.scoll-top a:active,.scoll-top a:hover { color: #333333;}   
.scoll-top{ background:none #fff; color: #666; height: 74px; animation: 850ms 350ms; -webkit-animation: animation: 850ms 350ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown; box-shadow:0 0 5px rgba(0,0,0,0.4); box-shadow: 0 0 7px rgba(0, 0, 0, 0.16);}
.scoll-top .logo{ height: 42px; top: 16px;}
.scoll-top .logo .img1{ display: none;}
.scoll-top .logo .img2{ display: block;}
.scoll-top .nav li{ height: 74px; line-height: 74px;}
.scoll-top .nav>ul>li>a:before{ bottom: 0; background-color: #15499A;}
.scoll-top .sider-tel{ font-size: 20px; top: 22px; }
.scoll-top .sider-tel i{ font-size: 22px;}
@-webkit-keyframes fadedown {
    from { -webkit-transform: translateY(-100%); opacity: 0; }

    to { -webkit-transform: translateY(0); opacity: 1; }
}
@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}
.foot a:link, .foot a:visited { color: #bdc1c6;}
.foot a:active,.foot a:hover { color: #fff;} 
.foot{ background: url(../images/foot_bg.jpg) no-repeat #0d0d18; padding: 50px 0; color: #fff;}
.foot .foot-nav a:link,.foot .foot-nav a:visited{ color: #fff;}
.foot-nav{ margin-bottom: 50px; font-size: 16px;}
.foot-nav a{ position: relative; margin-right: 35px;}
.foot-nav a:before{ content: ""; position: absolute; left: 0; bottom: -5px; width: 100%; height: 1px; background-color: #fff; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); -webkit-transform: scaleX(0); transform: scaleX(0); visibility:hidden\9; }
.foot-nav a:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility:visible\9;}
.foot-item{ margin-bottom: 8px; font-size: 14px;}
.foot dd{ float: left; display: inline-block;}
.foot .item1{ float: right; }
.foot .item2{ width: 70%;}
.smlink{ margin-left: 5%;}
.foot-bot{ padding-top: 100px; color: #bdc1c6;}
.link-select-box a:link, .link-select-box a:visited { color: #fff;}
.link-select-box a:active,.link-select-box a:hover { color: #fff;}  
.link-select-box { position: relative; float: right; width:240px; height: 40px; line-height: 40px; text-align: left; background-color: #fff;  transition: 300ms; -webkit-transition: 300ms;}
.link-select-box .mt { padding: 0 40px 0 20px; position: relative; cursor: pointer; line-height: 40px; color: #828282;}
.link-select-box .mt .aw { position: absolute; top: 50%; margin-top: -4px; right: 22px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #B1B1B1; transition: 0.3s; -webkit-transition: 0.3s; }
.link-select-box .mc { padding-bottom: 3px; position: absolute; left: 0px; right: 0px; bottom: 100%; z-index: 100; display: none; }
.link-select-box:hover{ background-color: #F7F7F7;}
.link-select-box ul { background-color: #616161; padding: 15px 0; overflow: hidden; }
.link-select-box a { display: block; padding: 8px 15px; line-height: 1.4; font-size: 12px;}
.link-select-box a:hover { background-color: #15499a; }
.link-select-box.act .mt .aw { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.foot-erm{ margin-top: 50px;}
.foot-erm .imgbox{ float: right; display: block; margin-left: 20px; width: 144px; line-height: 1.5; text-align: right;}
.foot-erm .imgbox:first-child{ margin-left: 0;}
.foot-erm .imgbox img{ margin-bottom: 5px;}
.foot-erm .smlink{
    float: right;
    margin-top: 48px;
}
.fixedImg { background-position: center bottom; background-repeat: no-repeat; background-size: cover;}
.imgw{ width: 100%; display: block;position: relative;z-index:10;}
.ellipsisT{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/w0.png) no-repeat;z-index:11;}
.ermsblack { background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.7); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1030; display: none; }
.ermSBox { width: 220px; height: 264px; border: 5px solid #eeeeee; background: #fff; position: fixed; left: 50%; top: 50%; margin: -100px 0 0 -115px; z-index: 1004; }   
.ermSBox .img { padding: 20px; }
.ermSBox .img img { width: 100%; height: 100%; display: block; }
.ermSBox .t { padding: 10px 0px; color: #666; font-weight: bold; background: #eeeeee; text-align: center; }
.pageC a:link, .pageC a:visited { color: #333;}
.pageC a:active, .pageC a:hover { color: #15499A;}
.pageC img{ max-width: 100% !important; height: auto !important; }
.pageC{ overflow: hidden;}
.transition6{ transition: 0.6s; -webkit-transition: 0.6s;}
.scaleO:hover .imgw{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.scaleO2:hover .imgw{ transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04);}

.pbanner { position: relative; overflow: hidden; background: url(../images/loader.gif) no-repeat scroll center center #fff; color: #fff; }
.pbanner a:link, .pbanner a:visited { color: #fff; }
.pbanner a:active, .pbanner a:hover { color: #fff; }
.pbanner .load-img { display: block; width: 100%; }
.pbanner-c { position: absolute; left: 5%; bottom: 35%; width: 90%; text-align: center; line-height: 1.5; }
.pbanner-c .zh { font-size: 40px; font-weight: bold; }
.pbanner-c .en { font-size: 35px; font-weight: bold; }
.pbanner-c .zh span { visibility: visible; display: inline-block; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX2; animation-name: flipInX2; }
.pbanner-c .en span { visibility: visible; display: inline-block; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes flipInX2 {
    0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 }
    0%,40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg) }
    60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 }
    80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) }
    to { -webkit-transform: perspective(400px); transform: perspective(400px) }
}

@keyframes flipInX2 {
    0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 }
    0%,40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg) }
    60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 }
    80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) }
    to { -webkit-transform: perspective(400px); transform: perspective(400px) }
}

@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    to { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    to { opacity: 1; -webkit-transform: none; transform: none }
}
.page-nav-box { position: relative; height: 90px; background:#F5F5F5;}
.page-nav-btn a:link, .page-nav-btn a:visited { color: #666666; }
.page-nav-btn a:active, .page-nav-btn a:hover { color: #fff; }
.page-nav-btn { text-align: center; }
.page-nav-btn li { float: left; display: inline-block;}
.page-nav1 li{ width: 100%;}
.page-nav2 li{ width: 50%;}
.page-nav3 li{ width: 33.33%;}
.page-nav4 li{ width: 25%;}
.page-nav5 li{ width: 20%;}
.page-nav6 li{ width: 16.66%;}
.page-nav7 li{ width: 14.2%;}
.page-nav-btn a { font-size: 16px; height: 90px; line-height: 90px; display: block; position: relative; z-index: 1; }
.page-nav-btn a:before { content: ""; position: absolute; right: 0; bottom: 0; width: 1px; height: 100%; background-color: #999999; z-index: -1;  }
.page-nav-btn a.active,.page-nav-btn a:hover{ color: #fff; background-color: #15499a;}
.page-padding { padding: 80px 0px; }
/* Slider */
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 900px; height: 506px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -253px; margin-left: -450px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 32px; height: 32px; cursor: pointer; position: absolute; top: 0px; right: -42px;}
.vwrap .close i { display: block; width: 32px; height: 32px; font-family: "iconfont" !important; font-size:24px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 31px;text-align: center;color: #fff;-webkit-transition: 0.4s; transition: 0.4s;}
.vwrap .close i:before { content: "\e617"; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}
.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-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #f1f1f1 url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08);}
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}
/* pswp = photoswipe */
/* pswp = photoswipe */
.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}
.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}
.pswp img{max-width:none}
.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--open{display:block}
.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}
.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/black_80.png) repeat;background:none rgba(0,0,0,.8);opacity:0;transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}
.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}
.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}
.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}
.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}
.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}
.pswp__img--placeholder{-webkit-backface-visibility:hidden}
.pswp__img--placeholder--blank{background:#222}
.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}
.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC}
.pswp__error-msg a{color:#CCC;text-decoration:underline}
.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}
.pswp__button:focus,.pswp__button:hover{opacity:1}
.pswp__button:active{outline:0;opacity:.9}
.pswp__button::-moz-focus-inner{padding:0;border:0}
.pswp__ui--over-close .pswp__button--close{opacity:1}
.pswp__button{background:url(../images/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}
@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){
    .pswp--svg .pswp__button{background-image:url(../images/default-skin.svg);}
    .pswp__button--close{color:#fff}
}
.pswp__button--close{background-position:0 -44px}
.pswp__button--share{background-position:-44px -44px}
.pswp__button--fs{display:none}
.pswp--supports-fs .pswp__button--fs{display:block}
.pswp--fs .pswp__button--fs{background-position:-44px 0}
.pswp__button--zoom{display:none;background-position:-88px 0}
.pswp--zoom-allowed .pswp__button--zoom{display:block}
.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}
.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}
.pswp__button--arrow--left,.pswp__button--arrow--right{top:50%; width: 48px; height: 48px; line-height: 48px; margin-top: -24px; position: absolute;  background:none #767676; color: #fff;  display: block; font-family:"iconfont" !important;font-size:14px; text-align: center; font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.pswp__button--arrow--left{left:2%}
.pswp__button--arrow--right{right:2%;}
.pswp__button--arrow--left:before{content: "\e620";}
.pswp__button--arrow--right:before{content: "\e64a";}
.pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover{color:#fff; background-color: #000;}
.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__share-modal--hidden{display:none}
.pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}
.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}
.pswp__share-tooltip a:hover{text-decoration:none;color:#000}
.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}
.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}
.pswp__share-modal--fade-in{opacity:1}
.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.pswp--touch .pswp__share-tooltip a{padding:16px 12px}
a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}
a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF}
a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A}
a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF}
a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D}
a.pswp__share--download:hover{background:#DDD}
.pswp__counter{float:left;height:44px;font-size:13px;line-height:44px;color:#FFF;opacity:.75;padding:0 10px}
.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}
.pswp__caption__center{text-align:center;max-width:600px;font-size:15px;margin:0 auto;padding:20px 10px;color:#fff}
.pswp__caption__center .xzy-zan{float:right;display:block}
.pswp__caption--empty{display:none}
.pswp__caption--fake{visibility:hidden}
.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}
.pswp__preloader__icn{width:20px;height:20px;margin:12px}
.pswp__preloader--active{opacity:1}
.pswp__preloader--active .pswp__preloader__icn{background:url(../images/preloader.gif) 0 0 no-repeat}
.pswp--css_animation .pswp__preloader--active{opacity:1}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}
.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}
.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}
.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}
@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}
}
@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}
.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}
.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}
.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}
.pswp__ui--idle .pswp__top-bar{opacity:1}
.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}
.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}
.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}
.pswp__element--disabled{display:none!important}
.pswp--minimal--dark .pswp__top-bar{background:0 0}
/*base style end*/

/*index style*/
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	to {opacity: 1}
}
@keyframes fadeIn {
	0% { opacity: 0}
	to {opacity: 1}
}
.banner { position: relative; overflow: hidden; width: 100%; margin: 0px auto; background-color: #f7f7f7;overflow: hidden;  opacity: 0;visibility: hidden; transition: 0.8s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transition: 0.8s cubic-bezier(0.7, 0, 0.3, 1); color: #fff; }
.banner.slick-initialized {visibility: visible;opacity: 1;}
.banner .item { position: relative; width: 100%; overflow: hidden;}
.banner .pimg { width: 100%; display: block; position: absolute; overflow: hidden;/* -webkit-transition: all 0.8s cubic-bezier(0.7, 0, 0.3, 1);transition: all 0.8s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: scale(1.06); transform: scale(1.06); */}
.banner .desc{ position: absolute; left: 10%; top: 30%; width: 80%; text-align: center; line-height: 1.5;}
.banner h3{ font-size: 40px;}
.banner h2{ font-size: 70px; line-height: 1.2; margin-bottom: 30px;}
.banner .c{ font-size: 20px; font-family: "en1"; }
.banner h3,.banner h2,.banner .c{ transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;}
.banner .slick-active h3,.banner .slick-active h2,.banner .slick-active .c{opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); transition-delay: 0.5s; -webkit-transition-delay:  0.5s;}
.banner .slick-active .c{ transition-delay: 0.8s; -webkit-transition-delay:  0.8s;}
.banner .slick-active .pimg {/* -webkit-transform: scale(1);transform: scale(1); */}
.banner .slick-dots { bottom: 182px; z-index: 104;}
.banner .slick-dots li { position: relative; display: inline-block; padding: 0px 10px; width: 12px; height: 12px; margin: 0px; cursor: pointer;}
.banner .slick-dots li a {text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; width: 8px; height: 8px; margin: 0px auto; border: 2px solid #fff; background: transparent; }
.banner .slick-dots li a:focus { outline: none; }
.banner .slick-dots li.slick-active a { background:none #fff; }
.one-ibox{ position: relative; margin-top: -154px;}
.one-ibox ul{ margin-left: -1%;}
.one-ibox li{ position: relative; float: left; display: block; width: 32.33%; margin-left: 1%; background-color: #f5f5f5; text-align: center; line-height: 1.6;}
.one-ibox .item{ padding: 35px 5% 0; height: 210px; color: #333;}
.one-ibox .iconfont{ font-size: 70px; line-height: 1; color: #000; display: block; margin-bottom: 5px;} 
.one-ibox .en{ font-size: 24px; font-weight: bold;}
.one-ibox .zh{ font-size: 18px; font-weight: bold;}
.one-ibox .bg{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #15499a; -webkit-transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);  transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99); transform-origin: left 0; -webkit-transform-origin: left 0; transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9;}
.one-ibox .item2{ color: #fff; position: absolute; left: 0; top: 50%; width: 90%; padding: 0px 5%; margin-top: -71px; opacity: 0; visibility: hidden\9; transform: translateY(50px); -webkit-transform: translateY(50px); transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;}
.one-ibox .more{ border: 1px solid #fff; width: 122px; height: 30px; line-height: 30px; text-align: center; display: block; margin: 35px auto 0;}
.one-ibox li:hover .bg{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 100%; -webkit-transform-origin: left 100%; visibility: visible\9;}
.one-ibox li:hover .item2{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}
.ibox-about{ position: relative; padding:190px 0 390px; overflow: hidden;}
.wave-canvas-wrapper{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.w780{ margin: 0px auto; width: 780px; }
.ibox-about-c{ position: relative; text-align: center;}
.ibox-about-c .t{ font-size: 40px; color: #333; line-height: 1.5; margin-bottom: 15px;}
.ibox-about-c .desc{ color: #666; font-weight: bold;}
.btn-more{ width: 170px; height: 42px; line-height: 42px; text-align: center; border:2px solid #3285d4;border-image: -webkit-linear-gradient(#06569e, #388ddd) 16 16;border-image: -moz-linear-gradient(#06569e, #388ddd) 16 16;border-image: -o-linear-gradient(#06569e, #388ddd) 16 16;border-image: linear-gradient(#06569e, #388ddd) 16 16; margin: 0px auto; display: block; position: relative; z-index: 1; }
.btn-more:before{ content:""; width:100%; height:100%; background-color:#15499a; background: -webkit-linear-gradient( bottom right,#06569e, #388ddd);background: -o-linear-gradient( bottom right,#06569e, #388ddd);background: -mos-linear-gradient( bottom right,#06569e, #388ddd);background: -moz-linear-gradient( bottom right,#06569e, #388ddd);background: linear-gradient( bottom right,#06569e, #388ddd);  z-index: -1; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .42s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.btn-more .txt{ color: #263d8f; padding:0px 42px 0 0px; background: url(../images/btn_m1.png) no-repeat scroll right center; }
.btn-more:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; }
.btn-more:hover .txt{ color: #fff; background-image: url(../images/btn_m2.png);}
.ibox-about-c .btn-more{ margin-top: 90px;}
.ibox-video{ position: relative; margin-top: -20%; color: #fff; overflow: hidden;}
.vbBox{ position: absolute; left: 0; top:0; width: 100%; height: 100%;}
.vico-bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/black_30.png) repeat; background: none rgba(0,0,0,0.3);}
.vico{ position: absolute; left: 50%; top: 50%; margin: -55px 0 0 -75px; width: 150px; text-align: center; height: 120px; font-size: 16px; cursor: pointer; }
.vico i{ display: block; margin: 0px auto 15px; background: url(../images/vico.png) no-repeat; width: 60px; height: 60px; transition: 0.3s; -webkit-transition: 0.3s;}
.ibox-video:hover .vico i{ transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.iboxT{ line-height: 1.4; margin-bottom: 65px;}
.iboxT .zh{ font-size: 30px; color: #333333;}
.iboxT .en{ font-size: 30px; color: #cccccc;}
.ibox-padding{ padding: 110px 0 140px;}
.ibox-padding td{
    border: 1px solid #ddd;
}
.ibox-padding img{
    max-width: 100%;
}
.info-pro{
    border-top: 1px solid #eaedef;margin-top: 25px;padding-top: 70px;
}
.proshowimg{
    margin:0 auto;
    display: block;
    width: 600px;
}
.ibox-pro-c a:link, .ibox-pro-c a:visited { color: #fff;}
.ibox-pro-c a:active,.ibox-pro-c a:hover { color: #fff;}  
.ibox-pro-c{ padding-bottom: 50px;}
.ibox-pro-c ul{ margin-left: -2%; color: #fff;}
.ibox-pro-c li{ position: relative; float: left; display: block; width: 23%; margin-left: 2%; margin-bottom: 5%;}
.ibox-pro-c figure{ background:#fff;position: relative; border-radius: 50%; overflow: hidden; box-shadow: 5px 5px 10px rgba(0,0,0,0.14);}

.ibox-pro-c figure .bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: #15499a;
    background: -webkit-linear-gradient( bottom left,#0959a2, #3488d8);
    background: -o-linear-gradient( bottom left,#0959a2, #3488d8);
    background: -mos-linear-gradient( bottom left,#0959a2, #3488d8);
    background: -moz-linear-gradient( bottom left,#0959a2, #3488d8);
    background: linear-gradient( bottom left,#0959a2, #3488d8);
    opacity: 0.8;
    filter: alpha(Opacity=80);
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 0;
    visibility: hidden\9;
}
.ibox-pro-c figure:before{ content: ""; position: absolute; left: 5%; top: 5%; right: 5%; bottom: 5%; border:1px solid #fff; border-radius: 50%; transform: scale(0.6); -webkit-transform: scale(0.6); -webkit-transition:all .5s; transition:all .5s; opacity: 0; visibility: hidden\9;}
.ibox-pro-c .desc{ position: absolute; left: 8%; right: 8%; top: 50%; margin-top: -44px; text-align: center;}
.ibox-pro-c .iconfont{ font-size: 48px; line-height: 1; display: block; margin: 0px auto 10px; transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;transform-style: preserve-3d;}
.ibox-pro-c .name{ font-weight: bold; font-size: 20px; line-height: 1.5;text-align: center;
    color: #333333;
    margin-top: 28px;
}

.ibox-pro-c 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.5s 1; animation: gelatine 0.5s 1;}
.ibox-pro-c li:hover figure .bg{ opacity: 1; visibility: visible\9; transform:initial; -webkit-transform: initial;}
.ibox-pro-c li:hover figure:before{ opacity: 1; visibility: visible\9; transform:initial; -webkit-transform: initial;}
@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); }
}
.inew-img{ float: left; display: block; width: 50%;}
.inew-img .item{ position: relative;}
.inew-img .txt{ background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); color: #fff; padding: 22px 150px 22px 74px; font-size: 16px; line-height: 1.5;}
.inew-img .txt span{ display: block;}
.inew-img .numBox{ position: absolute; left: 0; width: 70px; bottom: 6px; color: #fff; text-align: center;}
.inew-img .numBox span{ display: block; line-height: 1.4;}
.inew-img .num{ font-size: 30px; position: relative; margin-bottom: 3px; }
.inew-img .num:before{ content: ""; position: absolute; left: 50%; width: 8px; height: 2px; bottom: 0; margin-left: -4px; background-color: #fff;}
.inew-img .year{ font-size: 12px;}
.inew-img .slick-dots { bottom: 20px; z-index: 104; width: auto; right: 5%; text-align: right;}
.inew-img .slick-dots li { position: relative; display: inline-block; padding: 0 0 0 10px; width: 10px; height: 10px; margin: 0px; cursor: pointer;}
.inew-img .slick-dots li a {text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; width: 10px; height: 10px; margin: 0px auto; background-color: #fff; opacity: 0.5;  filter: alpha(Opacity=50);}
.inew-img .slick-dots li a:focus { outline: none; }
.inew-img .slick-dots li.slick-active a { opacity: 1; filter: alpha(Opacity=100); }
.inew-demo{ float: right; display: block; width: 46%; }
.inew-demo a:link, .inew-demo a:visited { color: #666;}
.inew-demo a:active,.inew-demo a:hover { color: #15499A;}
.inew-frist{ position: relative; padding-bottom: 16px; border-bottom: 1px dotted #dbdbdb; margin-bottom: 50px;}
.inew-frist h4{ font-size: 24px; color: #000000; margin-bottom: 10px;}
.inew-frist .desc{ height: 35px; margin-bottom: 10px; overflow: hidden;}
.inew-frist .time{ font-size: 14px;}
.inew-list a{ position: relative; height: 42px; line-height: 42px; font-size: 15px; display: block; overflow: hidden;}
.inew-list a:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #15499a; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); -webkit-transform: scaleX(0); transform: scaleX(0); visibility:hidden\9; }
.inew-list .time{ float: right; margin-left: 5%; font-size: 14px;}
.inew-list .dian{ margin-right: 3%;}
.inew-list a:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility:visible\9;}
/*index style end*/
/*about style*/
.w860{ width: 860px; margin: 0px auto;}
.aboutT{ text-align: center; color: #333333; line-height: 1.5; margin-bottom: 60px;}
.aboutT .t{ font-size: 50px;}
.aboutT .t2{ font-size: 26px;}
.about-padding{ padding: 8% 0;}
.about-num li{ float: left; display: block; width: 25%; color: #fff; }
.about-num .item{ position: relative; width: 160px; height: 115px; padding-top: 45px; display: block; margin: 0px auto; text-align: center; border-radius: 50%; z-index: 1;}
.about-num .item .name{ font-size: 40px; line-height: 1.2; padding-right: 5px;}
.about-num .item:after{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; border: 3px solid #fff;  -webkit-transition:all .5s; transition:all .5s; }
.about-num .item:before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; background: -webkit-linear-gradient( top left, #0a5aa3, #3185d3);background: -o-linear-gradient( top left, #0a5aa3, #3185d3);background: -mos-linear-gradient( top left,#15499a, #388cdb);background: -moz-linear-gradient( top left,#15499a, #388cdb);background: linear-gradient( top left,#15499a, #388cdb); transform: scale(0.8); -webkit-transform: scale(0.8); -webkit-transition:all .5s; transition:all .5s; opacity: 0; visibility: hidden\9; z-index: -1;}
.about-num .item:hover:after{ opacity: 0; visibility: hidden\9; transform: scale(0.8); -webkit-transform: scale(0.8);}
.about-num .item:hover:before{ opacity: 1; visibility: visible\9; transform:initial; -webkit-transform: initial;}
.about-dl dd{ margin-bottom: 80px;}
.about-dl figure,.about-dl article{ float: left; display: block; width: 50%;}
.about-dl figure{ float: right; }
.about-dl article{ padding: 5% 0 5% 0; width: 45%; color: #6c6c6c; text-align: justify;}
.about-dl .t{ font-size: 20px; color: #000000; line-height: 1.5; margin-bottom: 20px;}
.about-dl .twoItem figure{ float: left;}
.about-dl .twoItem article{ float: right;}
.about-dl dd:last-child{ margin-bottom: 0;}
.about-cbox{ background-color: #fff; padding: 25px 60px; width: 700px; margin: 0px auto; text-align: center;}
.about-cbox .yh-ico{ position: relative; font-size: 80px; font-family: arial, helvetica, sans-serif; line-height: 0.8;  background-image:-webkit-linear-gradient(bottom,#15499a, #388cdb,#15499a);  -webkit-background-clip:text;  -webkit-text-fill-color:transparent; }
.about-cbox .yh-ico1{ margin-bottom: -6%;}
.about-cbox .yh-ico2{ margin-bottom: -5%;}
.about-cbox .pageC{ padding: 25px 0;}
/*about style end*/
/*culture style*/
.culture-page{ text-align: center; font-size: 20px; font-weight: bold;}
.culture-list{ padding-top: 80px; margin-left: -2%;}
.culture-list dd{ position: relative; float: left; display: block; width: 23%; margin-left: 2%; background-color: #f5f5f5; height: 380px;  -webkit-transition:all .3s; transition:all .3s;}
.culture-list .item{ position: absolute; left: 5%; top: 25%; width: 90%;  text-align: center; -webkit-transition:top .3s; transition:top .3s; color: #333333;}
.culture-list .ico{ line-height: 90px; width: 90px; height: 90px; display: block; color: #fff; margin: 0px auto 25px; border-radius: 50%; background-color: #15499a; background: -webkit-linear-gradient( top left,#15499a, #378bdb);background: -o-linear-gradient( top left,#15499a, #388cdb);background: -mos-linear-gradient( top left,#15499a, #388cdb);background: -moz-linear-gradient( top left,#15499a, #388cdb);background: linear-gradient( top left,#15499a, #388cdb);  -webkit-transition:all .3s; transition:all .3s;}
.culture-list .iconfont{ font-size: 60px;}
.culture-list h4{ font-weight: normal; font-size: 20px; line-height: 1.5;}
.culture-list .en{ font-size: 16px; font-family: arial, helvetica, sans-serif; line-height: 1.5;}
.culture-list .line{ margin: 20px auto; height: 0; width: 1px; background-color: #fff; display: block; }
.culture-list .by{  opacity: 0; visibility: hidden;}
.culture-cbox{ padding: 65px 0 105px; color: #fff;}
.culture-cbox .pageC{ width: 70%;}
.culture-cbox h4{ font-size: 20px;}
.culture-cbox .qm1{ margin-bottom: 35px;}
.culture-cbox .qm2{ margin-top: 35px;}
/*culture style end*/
/*honor style*/
.paging { padding: 70px 0px 0px; text-align: center; }
.paging a:link, .paging a:visited { color: #787878; }
.paging a:active, .paging a:hover { color: #fff; background-color: #15499a; }
.paging a{ display: inline-block; margin: 0px 2px!important; background-color: #fff; padding: 8px 16px; border: 1px solid #787878;}
.paging a.act{ background-color: #15499a; color: #fff; border-color: #202a7b;}
.honor-list{ margin-left: -3%;}
.honor-list dd{ float: left; display: block; width: 30.33%; margin:0 0 25px 3%; transition:0.43s; -webkit-transition:0.43s; cursor: zoom-in;}
.honor-list .img{ border: 4px solid #999999; overflow: hidden; position: relative; padding-bottom: 62%; margin-bottom: 15px;}
.honor-list .img img{ position: absolute; left: 0; top: 0;}.historyPage{ padding-top: 120px;}
.honor-list .txt{ height: 42px; line-height: 1.5; overflow: hidden; text-align: center;}
.honor-list dd:hover .img{ border-color: #04559d;}
.honor-list dd:hover .img img{transform:scale(1.05); -webkit-transform:scale(1.05);}
/*honor style end*/
/*history style*/
.historyPage{ padding-top: 95px;}
.history-t{ width: 90%; margin: 0px auto 30px; text-align: center;}
.history-t .zh{ font-size: 40px; color: #15499a; line-height: 1.5;}
.history-t .num{ font-family: "times new roman"; color: #9d9d9d;}
.historyBox{ width: 1040px; margin: 0px auto 0; padding:90px 0 130px; position: relative;}
.history-line{ height: 100%; width: 1px; background-color: #999999; position: absolute; left: 50%; top: 0;}
.history-top{ width: 18px; height: 18px; display: block; border-radius: 50%; border: 7px solid #fff; position: absolute; left: 50%; top: 0px; margin-left: -16px; background-color: #15499a; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);}
.history-list .item { width: 50%; float: right; display: block; margin:0px 0px 70px; position: relative; z-index: 4; }
.history-list .twoItem { float: left; margin: 90px 0px 0px; }
.hitem{ position: relative; border: 1px solid #fff; background-color: #fff; padding: 30px 35px; margin-left: 52px; transition:0.3s; -webkit-transition:0.3s; }
.twoItem .hitem { margin: 0 52px 0 0;}
.h-year { font-size: 20px; color: #15499a; font-weight: bold; line-height: 1.2; margin-bottom: 15px;}
.h-d { position: absolute; left: -4px; top: 40px; display: block; background-color: #999999; width: 50px; height: 1px; }
.h-d i { background-color: #15499a; border-radius: 50%; width: 8px; height: 8px; border:2px solid #fff; display: block; position: absolute; left: -2px; top: 50%; margin-top: -6px; }
.twoItem .h-d { left: auto; right: -6px; }
.twoItem .h-d i { left: auto; right: 0px; }
.history-list .item:hover .hitem { box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.08); border-color: #DDDDDD;}
/*history style end*/
/*news style*/
.bgf5{ background-color: #f5f5f5;}
.newItem{ position: relative; background-color: #fff; padding: 35px 158px 35px 35px; margin-bottom: 30px;}
.tiemBox{ border: 2px solid #15499a; border-image: -webkit-linear-gradient(#15499a, #388cdb) 20 20; border-image: -moz-linear-gradient(#15499a, #388cdb) 20 20;border-image: -o-linear-gradient(#15499a, #388cdb) 20 20;border-image: linear-gradient(#15499a, #388cdb) 20 20;  border-radius: 10px; line-height: 1.2; color: #15499a;}
.tiemBox .day{ font-size: 35px; display: block;}
.tiemBox .time{ font-size: 12px;}
.newItem .tiemBox{ position: absolute; right: 35px; top: 35px; text-align: center; padding: 6px 8px;  transition:0.43s; -webkit-transition:0.43s;}
.newItem .img{ float: left; margin-right: 40px; overflow: hidden; display: block; width: 276px;}
.newItem2 .con{ float: left; width: 690px;}
.newItem .con h4{ font-size: 20px; color: #000; line-height: 1.4; margin-bottom: 15px;}
.newItem .con .c{ color: #666666; height: 50px; overflow: hidden; margin-bottom: 25px;}
.newItem .btn-more{ margin: 0;}
.newsList .one .con{ width: 740px;}
.newsList .ilink{ z-index: 4;}
.newsList dd{ position: relative; z-index: 1;}
.newsList dd:before{ content:""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #f5f0ed; -webkit-transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); transform-origin:50% 100% 0; -webkit-transform-origin:50% 100% 0; visibility:hidden\9;}
.newsList dd:hover:before{transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:50% 0 0; -webkit-transform-origin: 50% 0 0;visibility:visible\9;}
.info-page{ padding-top: 20%;}
.info-inner{ position: relative; background-color: #fff; padding: 100px 0;}
.info-inner:before{ content: ""; position: absolute; left: 26%; top: 0; height: 100%; width: 1px; display: block; background-color: #ccc;}
.info-sider{ float: left; display: block; padding:0 0 0 6%; width: 16%;}
.info-cbox{ float: right; display: block; width: 58%; margin-right: 8%;}
.info-t{ font-size: 24px; color: #333333; line-height: 1.5;}
.shared{ border-bottom: 1px solid #cccccc; padding: 15px 0; margin-bottom: 40px;}
.shared span{ color:#666666; font-size:14px; line-height:28px; margin-left:0; float:left;}
.sharelist1{ margin-left:4px; float:left;}
.sharelist1 li{ float:left;}
.sharelist1 li a{ height:28px; display:block; position:relative;}
.sharelist1 li{ width:28px; height:28px; position:relative; margin-right:5px;}
.sharelist1 li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#f2f2f2; border-radius:50%; position:absolute; left:0; top:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden; transition:0.32s;}
.sharelist1 li:hover:before{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}
.sharelist1 li:last-child{ margin-right:0;}
.sharelist1 li a.icon-share1{ background:url(../images/weixin.png) center no-repeat;}
.sharelist1 li a.icon-share2{  background:url(../images/weib.png) center no-repeat;}
.sharelist1 li:hover a{ opacity:0.7;}
.shared .bdshare-button-style0-16 a, .shared .bds_more{ margin: 0; padding: 0; float: none;}
.pageT h2{ font-size: 22px; line-height: 1.5;}
.pageT .en{ font-size: 18px; color: #15499A; line-height: 1.5;}
.pageTmore{ border: 2px solid #9e9c86; width: 20px; height: 20px; line-height: 20px; display: block; text-align: center; margin-top: 12px;}
.pageTmore i{ font-size: 12px; font-weight: bold;}
.pager a:link, .pager a:visited { color: #666; }
.pager a:active, .pager a:hover,.pager a.back:hover{ color: #fff; background-color: #616161; }
.pager{ margin-top: 80px; border: 1px solid #cccccc; width: 130px;}
.pager a{ display: block; height: 48px; line-height: 48px; padding-left: 28px;}
.pager a.back{ background-color: #15499A; color: #fff;}
/*news style end*/
/*technical style*/
.w1030{ width: 1030px; margin: 0px auto;}
.bgeaedef{ background-color: #eaedef;}
.technical-box{ width: 912px; margin: 0px auto;}
.technical-img{ margin-top: 50px;}
.technical-img .item{ position: relative; overflow: hidden;}
.technical-img .txt{ background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; right: 0; padding: 15px 120px; color: #fff; text-align: center; font-size: 16px; line-height: 1.5;}
.technical-img .slick-arrow { width:30px; height: 30px; line-height:30px; text-align: center; display: block; position: absolute; bottom: 12px; z-index: 100; color: #fff; }
.technical-img .slick-prev { left: 2%; }
.technical-img .slick-next { right: 2%; }
.technical-img .slick-arrow i { display: block; font-family: "iconfont" !important; font-size: 30px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.technical-img .slick-prev i:before { content: "\e620"; }
.technical-img .slick-next i:before { content: "\e64a"; }
.technical-img .slick-prev:before { content: ""; position: absolute; height: 2px; background-color: #fff; top: 50%; margin-top: -1px; left: 9px; display: block;}
.technical-img .slick-next:before{ content: ""; position: absolute; height: 2px; background-color: #fff; top: 50%; margin-top: -1px; right: 9px; display: block;}
.technical-img .slick-arrow:before{ width: 0; transition: 0.3s; -webkit-transition: 0.3s;}
.technical-img .slick-arrow:hover:before{ width: 50px;}
.technical-demo{ width: 1056px;  margin: 65px auto 0;}
.technical-demo .item{ margin: 0px 13px; cursor: zoom-in;}
.technical-demo .slick-arrow { width: 34px; height: 34px; line-height: 34px; border-radius: 50%; text-align: center; display: block; position: absolute; top: 50%; margin-top: -26px; z-index: 100; color: #fff; background-color: #bbbebf; }
.technical-demo .slick-prev { left: -36px; }
.technical-demo .slick-next { right: -36px; }
.technical-demo .slick-arrow i { display: block; font-family: "iconfont" !important; font-size: 20px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.technical-demo .slick-prev i:before { content: "\e620"; }
.technical-demo .slick-next i:before { content: "\e64a"; }
.technical-demo .slick-arrow:hover { background-color:#15499a; background: -webkit-linear-gradient( bottom right,#15499a, #388cdb);background: -o-linear-gradient( bottom right,#15499a, #388cdb);background: -mos-linear-gradient( bottom right,#15499a, #388cdb);background: -moz-linear-gradient( bottom right,#15499a, #388cdb);background: linear-gradient( bottom right,#15499a, #388cdb); }
/*technical style end*/
/*product style*/
.sider-pro{ float: left; display: block; width: 22%;}
.pro-right{ float: right; display: block; width: 73%;}
.pro-list{ margin-left: -2%;}
.pro-list li{ position: relative; float: left; display: block; width: 31.33%; margin:0 0 2% 2%; }
.pro-list figure{ border: 1px solid #ccc; margin-bottom: 5px; overflow: hidden;}
.pro-list .txt{ height: 35px; overflow: hidden;
    line-height: 35px;
    text-align: center;
}
.pro-list li:hover .txt{ color: #15499A;}
.pro-nav a:link, .pro-nav a:visited { color: #666; }
.pro-nav a:active, .pro-nav a:hover, .pro-nav a.active { color: #fff; background-color: #15499a; }
.pro-nav a{ display: block; position: relative; background-color: #ebedef; padding: 18px 86px 18px 54px; line-height: 1.2;}
.pro-nav a:before{ content: ""; position: absolute; left: 26px; top: 50%; margin-top: -4px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #939393; transition: 0.3s; -webkit-transition: 0.3s;}
.pro-nav a i{ background: url(../images/btn_m2.png) no-repeat; width: 23px; height: 7px; position: absolute; right: 48px; top: 50%; margin-top: -3px; opacity: 0; visibility: hidden\9; transition: 0.3s; -webkit-transition: 0.3s;}
.pro-nav a:hover:before,.pro-nav a.active:before{ border-left-color: #fff;}
.pro-nav a:hover i,.pro-nav a.active i{ right: 36px; opacity: 1; visibility: visible\9;}

.proT{ padding: 70px 0px 55px;}
.proT .title{ font-size: 30px; color: #000; line-height: 1.5; padding-right: 200px;}
.proT .inner{ position: relative;}
.btn-back{ position: absolute; right: 0; bottom: 0; display: block; width: 130px; height: 46px; line-height: 46px; background-color: #15499A; color: #fff; text-align: center;}
.btn-back:hover{ background-color: #787878;}
.btn-down{ display: block; width: 130px; height: 46px; line-height: 46px; background-color: #15499A; color: #fff; text-align: center; margin-top: 50px;}
.btn-down i{ font-size: 20px; margin-right: 5px;}
.btn-down:hover{ background-color: #222222;}
.nd-back a:link, .nd-back a:visited { color: #666; }
.nd-back a:active, .nd-back a:hover { color: #fff; background-color: #15499a; }
.nd-back{ border-top: 1px solid #eaedef; margin-top: 75px; padding-top: 70px;}
.nd-back a{ border: 1px solid #ccc; width: 146px; height: 46px; line-height: 46px; text-align: center; display: block;}
.nd-back .prev{ float: left;}
.nd-back .next{ float: right;}
/*product style end*/
/*marketing style*/
.marketing-list{ margin-left: -3%;}
.marketing-list dd{ position: relative; float: left; display: block; width: 47%; margin-left: 3%; padding-bottom: 25px; margin-bottom: 35px; transition: 0.3s;-webkit-transition: 0.3s;}
.marketing-list dd:before{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; border: 1px solid #c8cacb;}
.marketing-list h4{ padding: 0px 5%; height: 68px; line-height: 68px; font-size: 16px; overflow: hidden; border-bottom: 1px solid #c8cacb; margin-bottom: 25px;}
.marketing-list .desc{ margin: 0px 5%; height: 100px; overflow: hidden;}
.marketing-list .iconfont{ color: #15499A; font-size: 18px; margin-left: 5px;}
.marketing-list dd:hover{ background-color: #fff; box-shadow: 0px 3px 10px rgba(0,0,0,0.16);-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}
.ser-img{float: left; width: 45%; margin-right: 5%;}
.ser-con{font-size: 16px; padding-top: 5%;}
/*marketing style end*/
/*case style*/
.case-list{ margin-left: -3%;}
.case-list li{ position: relative;  float: left; display: block; width: 30.33%; margin: 0 0 4% 3%; background-color: #ecedef; z-index: 1;}
.case-list li:before{content: ""; width: 100%; height: 100%; background-color: #15499A; position: absolute; left: 0; bottom: 0px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .6s cubic-bezier(.4,0,.2,1); transition: transform .6s cubic-bezier(.4,0,.2,1); -webkit-transform: scaleX(0); visibility: hidden\9; z-index: -1; }
.case-list figure{ position: relative; overflow: hidden;}
.case-list .black-30{ background: url(../images/black_30.png) repeat; background: none rgba(0,0,0,0.3); position: absolute; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; visibility: hidden\9; transition: opacity 0.3s ease-in 0s; -webkit-transition: opacity 0.3s ease-in 0s; }
.case-list .iconfont{ color: #fff; position: absolute; left: 0; top: 50%; right: 0; margin-top: -18px; line-height: 1; font-size: 36px; text-align: center; opacity: 0; visibility: hidden\9; -webkit-transition: 0.3s; transition: 0.3s; transform: scale(0.4); -webkit-transform: scale(0.4);}
.case-list .txt{ text-align: center; height: 70px; line-height: 70px; font-size: 16px; color: #333;} 
.case-list li:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }
.case-list li:hover .txt{ color: #fff;}
.case-list li:hover .black-30 { opacity: 1; visibility: visible\9; }
.case-list li:hover .iconfont { opacity: 1; visibility: visible\9; transform: inherit; -webkit-transform: inherit; }
/*case style end*/
/*contact style*/
.contact-left { float: left; display: block; width: 60%; }
.contact-left .iboxT { text-align: left; margin-bottom: 55px;}
.contact-left .iboxT .bot { width: 38px; height: 3px; background-color: #15499A; display: block; margin-top: 25px;}
.contact-left .pageC { color: #797979; font-size: 16px; }
.contact-erm { float: right; display: block; width: 35%; text-align: center; padding-top: 90px;}
.contact-erm .img{ float: left; display: block; width: 30.33%; margin-left: 3%;}
.mapBox { height: 588px; }
@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); }
}
@-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); }
}
.BMap_Marker div > img { animation-delay: 0ms; animation-duration: 2000ms; animation-iteration-count: infinite; animation-name: scales; animation-play-state: running; animation-timing-function: linear; }
@keyframes scales {
    0% { opacity: 0.2; transform: scale(0.6); }

    33% { opacity: 0.5; transform: scale(0.8); }

    66% { opacity: 1; transform: scale(1); }

    100% { opacity: 0.6; transform: scale(0.6); }
}
.BMap_bubble_title { color: #15499A; font-size: 14px; font-weight: bold; }
.BMap_cpyCtrl { display: none !important; }
.mapBox .BMap_mask{ background-color: rgba(0,66,163,0.25);}
/*contact style end*/
/*404 style*/
.noPage{ position: absolute; left: 0%; top: 50%; width: 100%; margin-top: -50%; margin-top: -210px;}
.no-t{ font-size: 16px; font-weight: bold; color: #666; padding: 20px 0px 30px;}
.no-btn{ width: 170px; height: 40px; line-height: 40px; display: block; margin: 0px auto; background-color: #000000; text-align: center; color: #fff;}
.no-btn .txt{ color: #fff;}
.no-btn:hover{ background:none #666;}
/*404 style end*/

.product-info-pic {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
    height: auto;
    margin:0 auto;
}

.swiper-pagination-bullet-active {
    background-color: #07589f!important;
}
.swiper-pagination-bullet {
    width: 13px!important;
    height: 13px!important;
    margin: 0 3.5px!important;
}
.swiper-pagination {
    margin: 0 auto;
    width: 50%;
    margin-top: 20px;
    position: initial!important;
}
@media (max-width: 768px) {
    .foot-erm .imgbox,.foot-erm .smlink{
        float: left;
    }
    .foot-erm .smlink {
        margin-top: 28px;
    }
}