@charset "utf-8";
/* 
 * Project Name:蜀羊防水
 * Author:浅浅
 * Date：2019-9-10
 */
@font-face {
    font-family: 'Lato-Regular';
    src: url('../fonts/lato-regular.eot');
    src: url('../fonts/lato-regular.eot') format('embedded-opentype'),
        /*url('../fonts/lato-regular.woff2') format('woff2'),
        url('../fonts/lato-regular.woff') format('woff'),*/
        url('../fonts/lato-regular.ttf') format('truetype'),
        url('../fonts/lato-regular.svg#lato-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PFDinTextCompPro-Medium-3';
    src: url('../fonts/pfdintextcomppro-medium-3.eot');
    src: url('../fonts/pfdintextcomppro-medium-3.eot') format('embedded-opentype'),
        /*url('../fonts/pfdintextcomppro-medium-3.woff2') format('woff2'),
        url('../fonts/pfdintextcomppro-medium-3.woff') format('woff'),*/
        url('../fonts/pfdintextcomppro-medium-3.ttf') format('truetype'),
        url('../fonts/pfdintextcomppro-medium-3.svg#lato-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PF Din Light';
    src: url('../fonts/pfdintextcondpro-light.eot');
    src: url('../fonts/pfdintextcondpro-light.eot') format('embedded-opentype'),
        /*url('../fonts/pfdintextcondpro-light.woff2') format('woff2'),
        url('../fonts/pfdintextcondpro-light.woff') format('woff'),*/
        url('../fonts/pfdintextcondpro-light.ttf') format('truetype'),
        url('../fonts/pfdintextcondpro-light.svg#pfdintextcondpro-light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9 */
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  /*url('../fonts/iconfont.woff2') format('woff2'),
  url('../fonts/iconfont.woff') format('woff'),*/
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.fen1{ font-family: "Lato-Regular";}
.fen2{ font-family: "PFDinTextCompPro-Medium-3";}
.fen3{ font-family: "PF Din Light";}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
table, caption, tbody, tfoot, thead, tr, th, td,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html::-webkit-scrollbar {width:8px;background:none;}
html::-webkit-scrollbar-thumb {width:8px;background:#d02127;}
html::-webkit-scrollbar-corner {background:none;}
html::-webkit-scrollbar:horizontal{height:9px;}
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑","微软正黑体","Microsoft JhengHei","SimHei","黑体",Arial,Helvetica,sans-serif; margin: 0 auto; color: #666; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; font-family: "Microsoft Yahei","微软雅黑";}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none; font-family: "Microsoft Yahei","微软雅黑";}
::-moz-selection { background: #8b8b8b; color: #fff; text-shadow: none; }
::selection { background: #8b8b8b; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;}
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner{ width: 1200px; margin: 0px auto;}
.top a:link, .top a:visited { color: #333333;}
.top a:active, .top a:hover { color: #d02127;}
.pageH{ height: 80px;}
.top{ position: absolute; left: 0; top: 0; width: 100%; background-color: #fff; height: 80px; color: #333; z-index: 900;  -webkit-transition: 0.3s; transition: 0.3s; box-shadow: 0 0 3px rgba(0,0,0,0.1);}
.logo{ float: left; display: block; margin:0 0 0 3%;}
.logo {font-size:0}
.logo a{ display: block; height: 70px;}
.logo img{ height: 100%; display: block;}
.grop-box{ float: right; display: block; margin-right: 80px;}
.grop-search{ position: relative; width: 60px; height: 38px; margin: 21px 15px 0 10px; z-index: 2;}
.grop-search .item{ position: absolute; right:0; top: 0; width: 0px; height: 38px; border-radius: 19px; transition: 0.3s; -webkit-transition: 0.3s;}
.grop-search .txt{ width: 100%; display: block; height: 38px; line-height: 38px; border: 0px none; background-color: transparent; opacity: 0; visibility: hidden\9; transition: 0.3s; -webkit-transition: 0.3s;}
.grop-search a.btn{ position: absolute; right: 0; top: 0; width: 100%; height: 100%; line-height: 38px; text-align: center; font-size: 24px; border-radius: 19px; background-color: transparent; color: #9e9e9e;}
.grop-search a.btn:hover{ color: #333333;}
.grop-search a.btn1{ display: block;}
.grop-search a.btn2{ display: none;}
.nav{ float: right; display: block;}
.nav>ul>li{ position: relative; float: left; display: inline-block; margin-right: 32px;}
.nav>ul>li>a{ display: block; line-height: 80px; height: 80px; font-size: 16px;}
.nav>ul>li>a:before { content: ""; width: 100%; height: 2px; background-color: #d02127; position: absolute; left: 0; bottom:0; 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{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility:visible\9;}
.nav>ul>li>a.active{ color: #d02127;}
.menu-handler{ position: fixed; z-index: 1000; right: 0; top: 0; width:80px;height: 80px; display: block; float: left; cursor: pointer; background-color:#d92228;}
.menu-handler span { position: relative; display: block; margin:38px auto 0; width: 28px; height: 3px; background-color: #fff; -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-color: #fff; -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-color: 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{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: #f9eaea; -webkit-transition: all .4s ease; transition: all .4s ease; filter:alpha(Opacity=0);opacity:0; z-index: -1; -webkit-transform: translate(100%,0);transform: translate(100%,0); overflow-y: auto; -webkit-overflow-scrolling: touch;}
.menuBox a:link, .menuBox a:visited { color: #666666;}
.menuBox a:active, .menuBox a:hover { color: #d02127;}
.menubar{ position: absolute; top: 50%; left: 50%; width: 1200px; margin: -291px 0 0 -600px; overflow: hidden;}
.menubar1{ position: absolute; top: 80px; right: 50%; width:640px; margin: -291px 0 0 -600px; overflow: hidden;}
.menu li{ float: left; display: inline-block; width: 15.5%; padding: 50px 0; height: 482px; text-align: center; position: relative; -webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: alpha(opacity=0);filter: alpha(opacity=0);-webkit-transform: translate(50px,0); -moz-transform: translate(50px,0); -o-transform: translate(50px,0);-ms-transform: translate(50px,0);transform: translate(50px,0);}
.menu li:before{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #fff; z-index: -1; opacity: 0; visibility: visible\9; transform: scale(0.9,0.96); -webkit-transform: scale(0.9,0.96); -webkit-transition:all .4s cubic-bezier(.02,.01,.47,1) 0s; -moz-transition:all .4s cubic-bezier(.02,.01,.47,1) 0s; -ms-transition:all .4s cubic-bezier(.02,.01,.47,1) 0s; -o-transition:all .4s cubic-bezier(.02,.01,.47,1) 0s; transition:all .4s cubic-bezier(.02,.01,.47,1) 0s;}
.menu>li>a{ display: block; font-weight: bold; font-size: 18px; padding: 0px 20px; margin-bottom: 30px;}
.menu .subnav{ padding: 0px 20px;}
.menu .subnav p{ margin-bottom: 10px;}
.menu li:hover:before{ opacity: 1; visibility: visible\9; transform: initial; -webkit-transform: initial;}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 950; background-color: rgba(255,255,255,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{ -webkit-transform: translate(0,0);transform: translate(0,0); filter:alpha(Opacity=100); opacity:1; z-index: 999;}
.menuOpen .menu li{-moz-opacity: 1;-khtml-opacity: 1; -webkit-opacity: 1;opacity: 1;-ms-filter: alpha(opacity=100);filter: alpha(opacity=100); -webkit-transform: translate(0,0);-moz-transform: translate(0,0); -o-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);}
.menuBoxM a:link, .menuBoxM a:visited { color: #fff;}
.menuBoxM a:active,.menuBoxM a:hover { color: #fff;}   
.menuBoxM { background-color: #d02127; color: #fff; position: fixed; display: none; right: 0px; top: 0px; width: 294px; height: 100%; height:100vh;  -moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%); -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); z-index: 999;}
.menuBoxM:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 50px; background-color: #d02127; z-index: 2;}
.menubarM{ padding:50px 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; text-align: center; box-sizing: border-box;}
.menubarM>li>a{ position: relative; display: block; font-weight: bold; padding: 15px 5%; font-size: 16px;}
.menubarM .subnav { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; padding: 50px 0; box-sizing: border-box; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;}
.menubarM>li.cur>a{ -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0;}
.menubarM .is-hidden{ -webkit-transform: translateX(100%); transform: translateX(100%);}
.menubarM .subnav a { display: block; padding: 15px 5%; line-height: 1.4;}
.menuOpen .menuBoxM { -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0);  transform:translateX(0);}
.go-back{ cursor: pointer; padding: 15px 5%; background-color: #e49fa3; margin-bottom: 20px;}
.foot a:link, .foot a:visited { color: #666666; }
.foot a:active, .foot a:hover { color: #d02127; }
.foot{ background-color: #f8f8f8; color: #666; position: relative;}
.foot-top{ position: relative; padding: 65px 5% 50px;}
.foot-l{ float: left; display: inline-block; width: 232px;}
.foot-l a{ display: block;}
.foot-logo img{ width: 100%; display: block;}
.foot-tel{ text-align: center; margin-top: 25px; font-size: 28px; color: #d02127; font-family: helvetica;}
.foot-tel i{ font-size: 24px; margin-right: 12px;}
.foot-c{ width: 45%; display: block; margin: 0px auto; }
.foot-nav li{ float: left; display: inline-block; width: 22%; margin-left: 3%;}
.foot .foot-nav li>a{ font-weight: bold; color: #333;}
.foot-nav .subnav{ padding-top: 10px; line-height: 1.5;}
.foot-nav .subnav p{ margin-bottom:8px;}
.foot-b{ float: right; display: inline-block;}
.foot-erm-box .item{ float: left; display: inline-block; width: 104px; margin-left: 30px; text-align: center; font-size: 12px;}
.foot-erm-box .item img{ display: block; margin-bottom: 4px;}
.foot-bot{ padding: 25px 3%; border-top: 1px solid #e5e5e5; text-align: right;}
.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;width: 100%; margin-top: 20px; height: 44px; line-height: 44px; text-align: left; background-color: #ebebeb; transition: 300ms; -webkit-transition: 300ms;}
.link-select-box .mt { padding: 0 40px 0 15px; position: relative; cursor: pointer; line-height: 44px; color: #999;}
.link-select-box .mt .aw { position: absolute; top: 50%; margin-top: -4px; right: 12px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #666666; 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: #E8E8E8;}
.link-select-box ul { background-color: #666666; 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: #D52F35; }
.link-select-box.act .mt .aw { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.stop{ position: absolute; right: 3%; bottom: 0; width: 50px; height: 50px; line-height: 50px; display: block; background-color: #d02127; font-size: 24px; color: #fff; text-align: center;}
.stop:hover{ background-color: #333333;}
.stop .txt{ color: #fff;}
.smlink{ margin-left: 15px;}
.fixedImg { background-position: center top; background-repeat: no-repeat; background-size: cover;}
.imgw{ width: 100%; display: block;}
.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;}
.pageC a:link, .pageC a:visited { color: #333;}
.pageC a:active, .pageC a:hover { color: #00A2E9;}
.pageC img{ max-width: 100% !important; height: auto !important; }
.pageC{ overflow: hidden; text-align: justify;}
.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);}

/* 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: 800px; height: 450px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -225px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px;  background-color: #d02127;}
.vwrap .close i { display: block; width: 31px; height: 31px; font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 31px;text-align: center;color: #fff;-webkit-transition: 400ms; transition: 400ms;}
.vwrap .close i:before { content: "\e61c"; }
.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 { 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_90.png) repeat; background: none rgba(0,0,0,.9); 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: 20px; 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: "\e607"; }
.pswp__button--arrow--right:before { content: "\e86f"; }
.pswp__button--arrow--left:hover, .pswp__button--arrow--right:hover { color: #fff; background-color: #d02127; }
.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 flipInX{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 flipInX{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)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
.opacityS{ opacity: 0; visibility: hidden;}
.active .opacityS,.m-active .opacityS{ opacity: 1; visibility: visible;}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}
@-webkit-keyframes fadeL {
	0% {
		opacity: 0;
		-webkit-transform: translateX(40px);
		transform: translateX(40px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}
@keyframes fadeL {
	0% {
		opacity: 0;
		-webkit-transform: translateX(40px);
		-ms-transform: translateX(40px);
		transform: translateX(40px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}
.active .fadeU{ -webkit-animation:fadeInUp .7s ease-in-out both; animation:fadeInUp .7s ease-in-out both;}
.active.m-active .fadeU{ -webkit-animation:infinite; animation:infinite;}
.active .fadeL{ -webkit-animation:fadeL .7s ease-in-out both; animation:fadeL .7s ease-in-out both;}
.active.m-active .fadeL{ -webkit-animation:infinite; animation:infinite;}
.active .day4{ -webkit-animation-delay: 0.4s; animation-delay:0.4s;}
.active .day5{ -webkit-animation-delay: 0.5s; animation-delay:0.5s;}
.active .day6{ -webkit-animation-delay: 0.6s; animation-delay:0.6s;}
.active .day7{ -webkit-animation-delay: 0.7s; animation-delay:0.7s;}
.active .day8{-webkit-animation-delay: 0.8s; animation-delay:0.8s;}
.active .day9{-webkit-animation-delay: 0.9s; animation-delay:0.9s;}
.active .day10{-webkit-animation-delay: 1s; animation-delay:1s;}
.active .day11{-webkit-animation-delay: 1.1s; animation-delay:1.1s;}

.main-nav a:link, .main-nav a:visited { color: #999; }
.main-nav a:active, .main-nav a:hover { color: #666; }
.main-nav{ position: fixed; right:0; top: 50%; margin-top: -78px; z-index: 100;}
.main-nav__item{ position: relative; padding: 12px 0px;}
.main-nav__item-a{ position: relative; background-color: #d5d5d5; height: 2px; display: block; width: 38px;}
.main-nav__item-tit{position: absolute; right: 120%; top: 50%; margin-top: -12px;  transform: translateX(-20px); -webkit-transform: translateX(-20px); opacity: 0; visibility: hidden\9; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;}
.main-nav .cur .main-nav__item-tit{ opacity: 1; visibility: hidden\9; transform: translateY(0px); -webkit-transform: translateY(0px);}
.main-nav .cur .main-nav__item-a{ background-color: #999999;}
.sider-nav{ position: fixed; left: 3%; width: 42px; top: 35%; z-index: 100; display: block; transition: 0.3s;}
.sider-nav.hide{ display: none;}
.sider-nav a:link, .sider-nav a:visited { color: #fff; }
.sider-nav a:active, .sider-nav a:hover { color: #fff; }
.sider-nav li{ position: relative; margin-top: 8px;}
.sider-nav .ico{ width: 42px; height: 42px; display: block; position: relative; border-radius: 50%; background-color: #d8d8d8; font-size: 24px; text-align: center; line-height: 42px; transition: 0.3s;}
.sider-nav a:hover .ico{ background-color: #d02127;}
.sider-nav a:hover .con{ display: block;}
.sider-nav .con{ position: absolute; left: 100%; margin-left: 10px; width: 100px; background-color: #F1F1F1; padding: 10px; color: #333; text-align: center; top: 0%; display: none;}
.sider-nav .img{ margin-bottom: 5px;}
.sider-nav .tel-A .con{ width: 130px; font-size: 18px; line-height: 1.5; color: #d02127; font-family: "helvetica";}
.content{position: fixed; left: 0; top: 0; width: 100%;}
.page{ position: relative; width: 100%; overflow: hidden; background-color: #fff; min-height: 100vh;}
.page.active{ z-index: 10;}
.page .ibg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
#ibox9{ min-height: 0; width: 100%; }
.btn-more{ width: 158px; height: 38px; display: block; border: 2px solid #fff; margin: 0px auto; line-height: 38px; position: relative;}
.btn-more:before{ content:"";  width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:#d02127; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.btn-more:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.btn-more:hover{ border-color: #d02127;}
.btn-more .txt{ position: relative; color: #fff;}
.banner a:link, .banner a:visited { color: #fff; }
.banner a:active, .banner a:hover { color: #fff; }
.banner { position: relative; overflow: hidden; width: 100%; height: 100vh; background-color: #f7f7f7;overflow: hidden;opacity: 0;visibility: hidden; transition: 0.4s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transition: 0.4s 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;}
.banner .desc{ position: absolute; left: 50%; margin-left: -500px; width: 1000px; top: 35%; text-align: center; }
.banner .by,.banner .en{ font-size: 18px; line-height: 1.2;}
.banner .zh{ font-size: 56px; line-height: 1.2; padding: 12px 0 15px;}
.banner .btn-more{ margin-top: 50px;}
.banner .by,.banner .en,.banner .btn-more{ opacity: 0; visibility: hidden; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px);}
.banner .slick-active .by,.banner .slick-active .en,.banner .slick-active .btn-more{  opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px);}
.banner .slick-active .by{ transition:0.5s 0.3s;}
.banner .slick-active .en{ transition:0.58s 0.45s;}
.banner .slick-active .btn-more{ transition:transform 0.58s 0.65s,opacity 0.58s 0.65s;}
.banner .slick-active .item-span span{visibility: visible; -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:flipInX; animation-name:flipInX; }
.banner-num{ position: absolute; bottom: 8%; left: 5%; width: 90%; text-align: center;}
.banner-numbox{ display: inline-block; background:url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.6); border-radius: 13px; height: 26px; line-height: 26px; padding: 0px 10px;}
.banner-num .bitem{ display: inline-block; float: left;}
.banner-num .slick-dots{ position: relative; width: auto; bottom: auto;}
.banner-num .slick-dots li{ position: relative; margin: 0 4px; height: 26px; float: left; width: auto; padding: 0; cursor: pointer; }
.banner-num .slick-dots li a{ width: 8px; height: 8px; border: 1px solid #fff; border-radius: 50%;  text-indent: -10em; display: block; overflow: hidden; padding: 0px; margin: 8px 0 0;}
.banner-num .slick-dots li.slick-active a{ background-color: #fff;}
.banner-numbox .slick-arrow{ width: 26px;}
.banner-numbox .slick-arrow:hover{ color: #d02127;}
.banner-bofang{ width: 16px; text-align: center;}
.banner-paly:before{ content: "\e623";}
.banner-pause:before{ content: "\e671";}
.banner-dots2{ position: absolute; left: 0; width: 100%; text-align: center; bottom: 334px; z-index: 104;}
.banner-dots2 .slick-dots{ bottom: 0;}
.banner-dots2 .slick-dots li{ position: relative; margin: 0 4px; height: auto; line-height: 1; width: auto; padding: 0; cursor: pointer; }
.banner-dots2 .slick-dots li a{ width: 8px; height: 8px; border: 1px solid #fff; border-radius: 50%;  text-indent: -10em; display: block; overflow: hidden; padding: 0px; margin:0;}
.banner-dots2 .slick-dots li.slick-active a{ background-color: #fff;}
.ibox-one{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; height: 650px; padding-top: 40px; margin: auto;}
.c333{ color: #333;}
.iabout-box a:link, .iabout-box a:visited { color: #666; }
.iabout-box a:active, .iabout-box a:hover { color: #d02127; }
.w940{ width: 940px; margin: 0px auto;}
.iabout-box .type{ font-size: 16px;}
.iabout-box .by{ font-size: 40px; line-height: 1.5;}
.iabout-box .pageC{ font-size: 16px; margin:5px 0 20px; height: 84px; overflow: hidden;}
.iabout-box .btn-more2{ font-size: 12px;}
.iabout-list li{ float: left; display: inline-block;}

.itype-box{ padding-top: 30px; width: 1100px; margin: 0px auto;}
.itype-box li{ position: relative; margin-top: 30px; float: left; display: block; width: 23%; padding: 0px 1%; text-align: center; line-height: 1.5;}
.itype-box .ico{ position: relative; border: 2px solid #d52f35; color: #d52f35; border-radius: 50%; width: 94px; height: 94px; display: block; margin: 0px auto 10px; text-align: center; line-height: 94px; font-size: 50px; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;  transform-style: preserve-3d;}
.itype-box .zh{ font-size: 18px;}
.itype-box .en{ color: #999999; height: 42px; overflow: hidden;}
.itype-box li:hover .ico{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); color: #d02127; border-color: #d02127;}
.itype-box li:hover .zh{ color: #d02127;}
.ibox-about a:link, .ibox-about a:visited { color: #dd5d61; }
.ibox-about a:active, .ibox-about a:hover { color: #fff; }
.ibox-about{ position: absolute; left: 0; top: 0px; width: 12%; padding: 8% 3% 3%; background-color: #d02127; color: #fff; z-index: 100;}
.iboxT{ padding-bottom: 50px;}
.iboxT .zh{ font-size: 45px;}
.iboxT .by{ letter-spacing: 10px; font-size: 15px;}
.ibox-about .iboxT{ padding-bottom: 80px;}
.ibox-about .iboxT .by{ color: #f2cecf;}
.ibox-about .more{ font-size: 26px; text-transform: uppercase; padding-right: 72px; background: url(../images/jt.png) no-repeat scroll right center;}
.ibox-about .more:hover{ padding-right: 78px;}
.ibox-about{ opacity: 0; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0);}
.active .ibox-about{  -webkit-animation: shape 0.8s 0.6s cubic-bezier(0,0,.31,.75) forwards; animation: shape 0.8s 0.6s cubic-bezier(0,0,.31,.75) forwards;}
@keyframes shape {
	0%{
		opacity: 0;
		-webkit-clip-path: inset(0 0 100% 0); clip-path: inset(0 0 100% 0);
	}
	100%{
		opacity: 1;
		-webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0);
	}
}
.iabout-list{ margin-top: 10%;}
.iabout-list li{ position: relative; float: left; display: inline-block; text-align: center; font-size: 16px; margin-right: 50px;}
.iabout-list .ico{ font-size: 56px; line-height: 1; color: #ababab; transition: 0.3s; -webkit-transition: 0.3s;}
.iabout-list .txt{ padding: 8px 0 5px; line-height: 1.5;}
.iabout-list .more{ display: block; margin: 0px auto; font-size: 26px; line-height: 1; color: #d02127; opacity: 0; visibility: visible; transform: translateX(-5px); -webkit-transform: translateX(-5px); transition: 0.3s; -webkit-transition: 0.3s;}
.iabout-list li:hover .ico,.iabout-list li:hover .txt{ color: #d02127;}
.iabout-list li:hover .more{ opacity: 1; visibility: visible; transform: initial; -webkit-transform: initial;}
.ibox-num{ position: absolute; left: 0; bottom: 0; right: 0; padding: 30px 0; background-size: cover; background-position: center center; background-repeat: no-repeat; text-align: center; color: #fff;}
.ibox-num li{ display: inline-block; *display: inline; *zoom: 1; padding: 0px 30px; font-size: 16px;}
.ibox-num .num{ font-size: 60px; line-height: 1.2; margin-bottom: 5px;}
.ibox-num .txt{ line-height: 1.5;}
.ibox-desc{ position: absolute; left: 0; right: 0; top: 8%; bottom: 0; margin: auto; padding: 30px; width: 444px; height: 444px; /*border-radius: 50%;*/ background: url(../images/green_80.png) repeat; background: no-repeat rgba(208,33,39,0.8); color: #fff; text-align: center; }
.ibox-desc:before{ content: ""; position: absolute; left: -4%; right: -4%; top: -4%; bottom: -4%; /*border-radius: 50%;*/ background: url(../images/green_20.png) repeat; background: no-repeat rgba(208,33,39,0.2);}
.ibox-desc .ilogo{ width: 46px; margin: 0px auto; padding: 34px 0 10px;}
.ibox-desc .by{ letter-spacing: 4px;}
.ibox-desc .t{ font-size: 36px; line-height: 1.2; padding-top: 20px; margin-bottom: 5px;}
.ibox-desc .en{ font-size: 16px; line-height: 1.2;}
.ibox-desc .c{ margin-top: 30px; border-top: 1px solid #e49fa2; padding-top: 25px; font-size: 16px; line-height: 1.4;}
.ibox-desc{ opacity: 0; }
@keyframes scale2 {
	0%{
		opacity: 0;
		transform: scale(0.4); -webkit-transform: scale(0.4);
	}
	100%{
		opacity: 1;
		transform: scale(1); -webkit-transform: scale(1);
	}
}
.ibox-case{ position: absolute; right: 0; bottom: 0; width: 68%; padding: 55px 0 0; z-index: 1;}
.ibox-case:before{ content: ""; position: absolute; width: 60%; height: 76%; top: 0; left: -14%; background-color: #d02127; z-index: -1;}
.icaseT{ position: absolute; right: 15%; width: 25%;}
.icaseT .title{ font-size: 26px; line-height: 1.5; margin-bottom: 15px;}
.icaseT .c{ height: 50px; overflow: hidden;}
.ibox-case .btn-more3{ position: absolute; right: -8%; top:-12%;}
.ibox-case .iboxT{ position: relative; width: 40%;}
.ibox-case .iboxT .zh{ color: #fff;}
.ibox-case .iboxT .by{ color: #f2cecf;}
.ibox-case-by{ background: url(../images/project_t.png) no-repeat; width: 10px; height: 77px; position: absolute; left: -7%; bottom: 30%; margin-left: -5px; padding-bottom: 50px; display: block; z-index: 3;}
.ibox-case-by:before{ content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -1px; width: 2px; height: 32px; background-color: #fff;}
.icase-demo a:link, .icase-demo a:visited { color: #fff; }
.icase-demo a:active, .icase-demo a:hover { color: #fff; }
.icase-demo{ background-color: #F1F1F1;}
.icase-demo .item{ position: relative;}
.icase-demo .item:before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1;
background-image: linear-gradient(225deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.58) 100%);
background-image: -webkit-linear-gradient(225deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.58) 100%);
background-image: -moz-linear-gradient(225deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.58) 100%);
background-image: -o-linear-gradient(225deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.58) 100%);}
.icase-demo .desc{ position: absolute; z-index: 2; left: 8%; bottom: 180px; width: 460px; color: #fff;}
.icase-demo .linkA{ z-index: 4;}
.icase-demo .title{ font-size: 18px; margin-bottom: 20px;}
.icase-demo .c{ font-family: "Lato-Regular"; height: 50px; margin-bottom: 10px; overflow: hidden;}
.icase-demo .more{ position: relative; font-size: 12px;}
.icase-demo .more:before { content: ""; width: 100%; height: 1px; 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; }
.icase-demo :hover .more:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility:visible\9;}
.icase-nav{ position: absolute; right: 0; bottom: 0; width: 100%; background: url(../images/black_10.png) repeat; background: none rgba(0,0,0,0.1);}
.icase-nav li{ position: relative; padding: 25px 0; float: left; display: block; width: 14.28%; text-align: center; color: #fff; z-index: 1;}
.icase-nav li:before{ content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; background-color: #fff; opacity: 0.17; filter: alpha(opacity=17);}
.icase-nav .ico{ font-size: 42px; line-height: 1; display: block; margin:0px auto 10px; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;  transform-style: preserve-3d;}
.icase-nav li:after { content: ""; width: 100%; height: 100%; z-index: -1; position: absolute; left: 0; bottom: 0px; background-color: #d02127; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }
.icase-nav li:hover:after { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }
.icase-nav li:hover .ico{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.btn-more3{ position: relative; width: 26px; height: 26px; display: block;}
.btn-more3:before,.btn-more3:after{ content: ""; position: absolute; background-color: #fff;}
.btn-more3:before{ top: 50%; left: 0; width: 100%; height: 4px; margin-top: -2px;}
.btn-more3:after{ left: 50%; top: 0; height: 100%; width: 4px; margin-left: -2px;}
.ibox-video video{ position: absolute; left: 0; top: 0;width: 100%; height: 100%; object-fit: cover; background-color: #000; display: none;}
.ibox-video.cur video{ display: block;}
.ibox-video-close{ position: fixed; right: 0; top: 0; cursor: pointer; width: 40px; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 20px; display: none;}
.ibox-video.cur .ibox-video-close{ display: block;}
.ivideo-box{ position: absolute; left: 50%; top: 35%; text-align: center; width: 700px; margin-left: -350px;}
.ivideo-box .iboxT{ padding-bottom: 0;}
.ivideo-img{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-position: center center; background-size: cover; background-repeat: no-repeat; display: none;}
.vico-box{ position: relative; margin: 35px auto 0; width: 56px; text-transform: uppercase;}
.vico-box .nameL,.vico-box .nameR{ position: absolute; top: 50%; margin-top: -12px;}
.vico-box .nameL{ right: 140%;}
.vico-box .nameR{ left: 140%;}
.vico{ width: 56px; height: 56px; display: block; margin: 0px auto; border-radius: 50%; background-color: #fff;}
.vico:before{ content: ""; position: absolute; left: -14%; top: -14%; bottom: -14%; right: -14%; border: 1px dotted #fff; border-radius: 50%;}
.vico{ position: relative; z-index: 2; cursor: pointer;}
.vico i{ border-top: 9px solid transparent; border-bottom: 9px solid transparent; display: block; margin: 0px auto; height: 0; width: 0; border-left: 12px solid #d02127; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -9px; transition: 0.3s; -webkit-transition: 0.3s; z-index: 2;}
.vico:after{ content: "";position: absolute;left: 0%;top: 0%; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(208,33,39,0.5); opacity: 0; z-index: -1;}
.vico:hover:after{ animation: bannerbuIn infinite linear 1.5s normal;-webkit-animation: bannerbuIn infinite linear 1.5s normal; }
@keyframes bannerbuIn {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(0.7);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(1.8);
  }
}
@-webkit-keyframes bannerbuIn{
	0% {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(0.7);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(1.8);
  }
}
.ibox-media{ position: absolute; right: 0; top: 0; bottom: 0; height: 500px; margin: auto 0; padding: 90px 9%; background-color: #f0f0f0; width: 60%;}
.imedia-box li{ position: relative; float: left; display: block; width: 28.33%; margin-right: 5%;}
.imedia-box figure{ overflow: hidden;}
.imedia-box h4{ font-size: 18px; color: #333; font-weight: normal; line-height: 1.5; height: 54px; margin: 10px 0 15px; overflow: hidden;}
.imedia-box h4 a{color:#8b8b8b}
.imedia-box .c{ color: #818181; margin-bottom: 20px; overflow: hidden;}
.btn-more4{ position: relative; display: block; width: 96px; height: 30px; line-height: 30px; font-size: 12px; font-family: arial, helvetica, sans-serif; text-align: center; background-color: #cbcbcb;}
.btn-more4 .txt{ position: relative; color: #fff;}
.btn-more4:before{ content:"";  width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:#d02127; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.btn-more4:hover:before,.btnH:hover .btn-more4:before{transform:scaleX(1); -webkit-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.imedia-bot{ position: absolute; right: 0; bottom: 0; background-color: #d02127; padding: 80px 2% 70px; width: 6%; color: #fff; text-transform: uppercase;}
.imedia-bot .ico{ font-size: 40px;}
.imedia-bot .t{ font-size: 30px; line-height: 1.2; margin-bottom: 20px;}
.imedia-bot .c{ font-size: 20px; line-height: 1.5; opacity: 0.2; filter: alpha(opacity=2);}
.imedia-bot:hover{ background-color: #d02127;}
.ibox-sub{ position: absolute; right: 10%; width: 70%; top: 14%;}
.isub-box{ position: relative;}
.ibox-subtxt{ position: relative; font-size: 36px; line-height: 1.2; margin-bottom: 50px; padding-left: 90px;}
.ibox-subtxt:before{ content: ""; position: absolute; left: -45px; top: 30%; width: 90px; height: 2px; background-color: #d02127;}
.isub-item{ position: absolute; background-repeat: no-repeat; background-position: center center; background-size: cover; width: 25%; height: 50%; color: #fff; transition: .3s;-webkit-transition: .3s;}
.isub-item1{ right: 0; top: 0;}
.isub-item2{ left: 25%; bottom: 0;}
.isub-item3{ left: 50%; bottom: 0;}
.isub-item4{ right: 0; bottom: 0; background-color: #d02127;}
.isub-t,.isub-t2{ width: 80%; margin: 0px auto; padding-top: 50px;}
.isub-t .zh,.isub-t2 .zh{ font-size: 26px; line-height: 1.5; margin-bottom: 5px;}
.isub-t .en{ font-size: 20px; line-height: 1.2; text-transform: uppercase;}
.isub-t:before{ content: ""; width: 24px; height: 2px; background-color: #fff; display: block; margin-bottom: 10px;}
.isub-t2 .ico{ font-size: 32px; line-height: 1; display: block; margin-top: 10%;}
.isub-t3{ position: absolute; left: 5%; top: 0; bottom: 0; margin: auto; height: 96px; width: 90%; text-align: center;}
.isub-t3 .txt{ font-size: 16px;}
.isub-vico{ position: relative; width: 60px; height: 60px; background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.38); display: block; margin: 0px auto 10px; border-radius: 50%;}
.isub-vico i{ border-top: 9px solid transparent; border-bottom: 9px solid transparent; display: block; margin: 0px auto; height: 0; width: 0; border-left: 12px solid #fff; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -9px; transition: 0.3s; -webkit-transition: 0.3s; z-index: 2;}
/*index style end*/
/*about style*/
 .about-page{ position: relative; background-color:#fde3e4; min-height: 100vh; color: #d02127;}
 .about-by{ font:bold 100px/.8 helvetica; color: #f7ccce; text-transform: uppercase; padding-top: 86px; filter:alpha(Opacity=50);opacity:0.5;}
 .about-by p{ white-space: nowrap;}
 .about-by .item1{ animation: cloudMove1 95s linear alternate; -webkit-animation: cloudMove1 95s linear alternate infinite;}
 .about-by .item2{ animation: cloudMove 95s linear alternate; -webkit-animation: cloudMove 95s linear alternate infinite;}
 .about-by .item3{ animation: cloudMove1 100s linear alternate; -webkit-animation: cloudMove1 100s linear alternate infinite;}
 @keyframes cloudMove {
     0% { transform: translate(-50vw); -webkit-transform: translate(-50vw); }
     100% { transform: translate(0vw); -webkit-transform: translate(0vw); }
 }
 
 @-webkit-keyframes cloudMove {
     0% { transform: translate(-50vw); -webkit-transform: translate(-50vw); }
     100% { transform: translate(0vw); -webkit-transform: translate(0vw); }
 }
 
 @keyframes cloudMove1 {
     0% { transform: translate(0); -webkit-transform: translate(0); }
     100% { transform: translate(-100vw); -webkit-transform: translate(-100vw); }
 }
 
 @-webkit-keyframes cloudMove1 {
     0% { transform: translate(0); -webkit-transform: translate(0); }
     100% { transform: translate(-100vw); -webkit-transform: translate(-100vw); }
 }
.about-title{ position: absolute; right: 50%; margin-right: -600px; width: 917px; bottom: 0;}
.about-title .name{ position: absolute; left: 0; right: 0; top: 20px; margin: 0px auto; width: 310px; padding-left: 40px; background: url(../images/shui2.png) no-repeat scroll left 5px; font-size: 24px; line-height: 1.5; color: #333;}
.about-demo{ position: absolute; width: 560px; right: 50%; top: 30%; margin-right: -550px;}
.about-demo figure{ margin-bottom: 28px;}
.about-demo .pageC{ margin: 0px 40px; color: #666; line-height: 1.5; max-height: 84px; overflow: hidden;}
.aboutT{ position: absolute; left: 50%; bottom: 120px; margin-left: -550px;  line-height: 1.2;}
.aboutT .en{ font-size: 64px; text-transform: uppercase;}
.aboutT .zh{ font-size: 56px;}
.about-nav-box a:link, .about-nav-box a:visited { color: #fff; }
.about-nav-box a:active, .about-nav-box a:hover { color: #fff; }
.about-nav-box{ position: absolute; left: 0; bottom: 0; width: 100%; border-top: 1px solid #e49fa3; background-color: #d02127;}
.about-nav{ width: 1100px; margin: 0px auto;}
.about-nav li{ position: relative; float: left; display: inline-block; width: 12.5%; height: 100px; line-height: 100px; text-align: center;}
.about-nav li:before,.about-nav li:after{ content: ""; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0;  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;}
.about-nav li:before{ bottom: 0; height: 6px;}
.about-nav li:after{ top: -1px;}
.about-nav a{ position: relative; display: block; z-index: 1;}
.about-nav a:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 64px; height: 64px; background-color: #e17175; border-radius: 50%; z-index: -1; transform: scale(0.4); -webkit-transform: scale(0.4);opacity: 0; visibility: hidden\9; transition: transform 0.4s,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.4s,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;}
.about-demo li{ position: absolute; left: 0; top: 0; background-color: #fff; padding-bottom: 30px; transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden\9; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;}
.about-demo li.active{ opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px);}
.about-title.active .name{ transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden\9; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;}
/*about style end*/
/*groupSubsidiary style*/
.pbanner-bg{ position: fixed; left: 0; top: 0; width: 100%; overflow: hidden; height: 540px; background-color: #fde3e4;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;}
.pb-logo{ position: absolute; left: 5%; width: 800px; top: 110px;}
.pbg-l{ background: url(../images/a2.png) repeat-x scroll left center; position: fixed; left: 0; width: 100%; top: 390px; height: 474px; animation: animatedfoot1 20s linear infinite; -webkit-animation: animatedfoot1 20s linear infinite; }
@keyframes animatedfoot1 {
    from { background-position: 0 50%; }
    to { background-position: 100% 50%; }
}

@-webkit-keyframes animatedfoot1 {
    from { background-position: 0 50%; }
    to { background-position: 100% 50%; }
}
.warp{ position: relative; margin-top: 80px; min-height: 100vh; z-index: 10;}
.page-sider{ /* float: left; display: block; width: 20%; margin-left: 5%; */ padding: 240px 0 0px; position: fixed; left: 5%; width: 18%; transition-duration: 0.3s; -webkit-transition-duration: 0.3s;}
.page-sider.fsShow{ transform: translateY(-10px); -webkit-transform: translateY(-10px); opacity: 0; visibility: hidden\9; }
.pageT .en{ font-size: 56px; font-weight:bold; line-height: 1; color: #d02127; font-family:Helvetica; margin-bottom: 12px;}
.pageT .zh{ font-size: 32px; color: #d02127;}
.pageT{ padding-bottom: 30px;}
.page-nav{ padding-top: 45px; width: 180px;}
.page-nav a:link, .page-nav a:visited { color: #333; }
.page-nav a:active, .page-nav a:hover { color: #d02127; }
.page-nav li{ margin-bottom: 8px; line-height: 1.5;}
.page-nav a{ display: block; position: relative; padding-right: 15px;}
.page-nav a:before{ content: ""; position: absolute; right: 0; top: 50%; margin-top: -4px; width: 4px; height: 4px; display: block; border-radius: 50%; border:2px solid #d02127; transform: scale(0); -webkit-transform: scale(0);opacity: 0; visibility: hidden\9; transition: transform 0.4s,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.4s,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;}
.page-nav a.active,.page-nav .active a{ color: #d02127; font-weight: bold;}
.page-nav a.active:before,.page-nav .active a:before{ transform: scaleX(1); -webkit-transform: scaleX(1); opacity: 1; visibility:visible\9;}
.page-content{ float: right; display: block; width: 72%; padding: 90px 0;}
.w880{ width: 880px; margin: 0px auto;}
.bgfff{ background-color: #ffffff;}
.group-demo{ position: relative;}
.group-demo .slick-dots{ right: 0%; width: auto; bottom: -56px; text-align: center; z-index: 104;}
.group-demo .slick-dots li{ position: relative; margin:0; width: 18px; height: 80px; padding: 0; cursor: pointer;}
.group-demo .slick-dots li a{ position: absolute; height: 20%; width: 2px; left: 0; right: 0; bottom: 8%; background-color: #d02127; text-indent: -10em; display: block; overflow: hidden; padding: 0px; margin: 0 auto;}
.group-demo .slick-dots li.slick-active a{ bottom: 0; height: 100%;}
.group-pageC{ padding: 45px 50px; margin-bottom: 35px;}
.f24{ font-size: 24px; line-height: 1.5;}
.mb15{ margin-bottom: 15px;}
.groupPage{ margin-bottom: 70px;}
.groupT a:link, .groupT a:visited { color: #D52F35; }
.groupT a:active, .groupT a:hover { color: #333; }
.groupT{ padding-bottom: 15px; margin-bottom: 38px; border-bottom: 1px solid #D52F35;}
.groupT .t{ font-size: 16px;}
.group-list li{ position: relative; float: left; width: 47.5%; margin-right: 5%; background-color: #fff; transition: 0.3s;-webkit-transition: 0.3s;}
.group-list li:nth-of-type(even){ margin-right: 0;}
.group-list li:hover{ box-shadow: 0px 8px 24px rgba(0,0,0,0.16);}
.group-list figure{ overflow: hidden;}
.group-list .txt{ padding: 0px 5%; height: 70px; line-height: 70px; overflow: hidden; color: #333333; font-size: 16px;}
.ap-nav-box{ height: 66px;}
.ap-nav{ position: fixed; left: 0; width: 100%; bottom: 0; background-color: #d02127; z-index: 500;}
.ap-nav.fsShow{ position: relative; left: auto; bottom: auto;}
.ap-nav a:link, .ap-nav a:visited { color: #fff; }
.ap-nav a:active, .ap-nav a:hover { color: #fff; }
.w1100{ width: 1100px; margin: 0px auto;}
.ap-nav li{ float: left; display: inline-block; height: 66px; line-height: 66px; width: 12.5%;}
.ap-nav a{ position: relative; display: block; font-size: 16px; text-align: center;}
.ap-nav a:before{ content: ""; width: 100%; height: 6px; background-color: #e49fa3; position: absolute; left: 0; top: 0;  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;}
.ap-nav a.active:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility:visible\9;}
.nflex{ position: static; left: auto; bottom: auto;}
.abanner-box{ position: relative; overflow: hidden;}
.abanner-txt1{ position: absolute; left: 15%; width: 70%; top: 20%; font-size: 29px; line-height: 1.5; color: #d02127; font-weight: bold; padding-left: 40px; background: url(../images/shui2.png) no-repeat scroll left 10px; padding-left: 40px;}
/*groupSubsidiary style end*/
/*company style*/
.company-page{ width: 800px; margin-left: 70px; padding: 70px 0 120px;}
.a-en,.a-zh{ font-size: 28px; line-height: 1.5;}
.a-en{ color: #d02127; margin-bottom: 10px;}
.a-zh{ color: #333;}
.company-page .pageC{ margin-top: 40px;}
.company-list li{ position: relative; float: left; display: inline-block; width: 25%; overflow: hidden;}
.company-list .txt{ position: absolute; left: 0; bottom: 0; padding: 18px 5%; width: 90%; color: #fff; font-weight: bold; line-height: 1.5; background:linear-gradient(360deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);}
.led-more{ padding: 28px 0 38px; text-align: center; color: #333; /* background-color: #fff; */}
.led-more .ico{ background: url(../images/a11.png) no-repeat; background-size: cover; width: 23px; height: 23px; display: block; margin: 10px auto 0; animation: 1.5s ease 0.2s normal none infinite running fadeIn; -webkit-animation:fadeIn 1.5s .2s infinite;}
@keyframes fadeIn {
	0% {
	    opacity: 0;
	    transform: translate3d(0px, -5px, 0px);
	}
	100% {
	    opacity: 1;
	    transform: translate3d(0px, 5px, 0px);
	}
}
@-webkit-keyframes fadeIn {
	0% {
	    opacity: 0;
	    -webkit-transform: translate3d(0px, -5px, 0px);
	}
	100% {
	    opacity: 1;
	    -webkit-transform: translate3d(0px, 5px, 0px);
	}
}
/*company style end*/
/*culture style*/
.abanner-txt2{ position: absolute; left: 15%; width: 70%; top: 30%; color: #fff;}
.abanner-txt2 h4{ font-size: 28px; line-height: 1.5; margin-bottom: 15px;}
.abanner-txt2 .c{ font-size: 16px;}
.w1150{ width: 1150px;}
.cultureT{ padding: 70px 6% 35px;}
.spirit-demo{ width: 840px; position: relative;}
.spirit-demo .item{ position: relative;}
.spirit-demo .bg{ position: absolute; left: 0; bottom: 0; width: 100%; height: 40%; background:linear-gradient(360deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); opacity:0.7;}
.spirit-demo .txt{ position: absolute; left: 8%; right: 8%; bottom: 8%; color: #fff; font-size: 18px; font-weight: bold; } 
.spirit-nav{ position: absolute; right: -96px; width: 96px; text-align: center; top: 0;}
.spirit-nav li{ position: relative; padding: 25px 0 15px; font-size: 20px; color: #333; cursor: pointer;}
.spirit-nav li:before{ content: ""; width: 150%; height: 4px; background-color: #d02127; position: absolute; right: 0; bottom: 0; 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;}
.spirit-nav .active{ color: #d02127;}
.spirit-nav .active:before{ transform: scaleX(1); -webkit-transform: scaleX(1); opacity: 1; visibility:visible\9;}
.idea-list{ background-color: #fff;}
.idea-list dd{ position: relative; float: left; display: inline-block; width: 25%;}
.idea-list figure{ position: relative; text-align: center;}
.idea-list .tbox{ position: absolute; left: 5%; width: 90%; top: 50%; margin-top: -40px; text-align: center;}
.idea-list .tbox span{ display: block;}
.idea-list .tbox .zh{ font-size: 24px; font-weight: bold; color: #333;}
.idea-list .tbox .en{ font-size: 20px; color: #d02127; font-family: helvetica;}
.idea-list .desc{ position: absolute; left: 0; top: 0; background-color: #d02127; color: #fff; padding: 0px 5%; width: 90%;  height: 100%; text-align: center; opacity: 0; visibility: hidden\9; transform: scale(0.9); -webkit-transform: scale(0.9); transition: transform 0.4s,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.4s,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;}
.idea-list .desc .bot{ width: 6px; height: 24px; display: block; margin: 30% auto 25px; background-color: #fff;}
/*culture style end*/
/*history style*/
.history-list{ position: relative; margin-left: 90px; padding: 30px 0 20px;}
.history-list:before{ content: ""; position: absolute; left: 0; width: 2px; top: 58px; bottom: 0; background-color: #d02127;}
.history-list dd{ position: relative; padding: 35px 30px;}
.history-list dd:before{ content: ""; position: absolute; left: -5px; top: 45px; width: 12px; height: 12px; border-radius: 50%; background-color: #d02127;}
.history-list .year{ font-size: 28px; font-family: helvetica; color: #d02127; line-height: 1.2; margin-bottom: 5px;}
.history-list .title{ font-size: 18px; margin-bottom: 25px;}
/*company style end*/
/*honor style*/
.honor-list{ position: relative; z-index: 1; padding: 40px 0;}
.honor-list:before{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 32%; background-color: #E3E3E3; z-index: -1;}
.honor-list dd{ margin-bottom: 25px;}
.honor-list .name{ width: 28%; margin-right: 8%; text-align: right; font-size: 20px; font-weight: bold; line-height: 1.5; font-family: helvetica; color: #d02127;}
.honor-list .desc{ width: 60%;}
.honor-item .c{ position: relative; display: inline-block; cursor: pointer;}
.honor-item .img{ position: absolute; left: 120%; top: 50%; margin-top: -100px; background-color:#fff; box-shadow:0px 3px 6px rgba(0,0,0,0.16); width: 180px; padding: 10px; visibility: hidden\9; opacity: 0; z-index: -1; transform: scale(0.8); -webkit-transform: scale(0.8); -webkit-transition: 0.6s; transition: 0.6s;}
.honor-item .img:before{ content: ""; position: absolute; top: 50%; margin-top: -8px; left: -8px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #fff; transition: 0.3s; -webkit-transition: 0.3s; }
.honor-item .img img{ width: 100%; display: block;}
.honor-img { padding-top: 55px;}
.honor-img dd{ position: relative; float: left; display: block; width: 16%; padding: 0px 4.5%; margin-bottom: 45px; cursor: zoom-in;}
.honor-img figure{ position: relative; overflow: hidden; margin-bottom: 25px;}
.honor-img .green-50{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/green_50.png) repeat; background:none rgba(208,33,39, 0.5); opacity: 0; visibility: hidden\9; transition: 0.3s; -webkit-transition: 0.3s;}
.honor-img .show{ position: absolute; left: 0; top: 50%; margin-top: -20px; width: 100%; text-align: center; color: #fff; -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%); opacity:0; visibility:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.honor-img .show i{ font-size: 40px; line-height: 1; display: block; margin: 0px auto;}
.honor-img .txt{ color: #333; line-height: 1.5; text-align: center; padding: 0px 10px; height: 42px; overflow: hidden;}
.honor-img dd:hover .show{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible}
.honor-img dd:hover .green-50{ opacity: 1; visibility: visible\9;}
.honor-item:hover .img{ opacity: 1; visibility: visible\9; z-index: 10; transform: initial; -webkit-transform: initial;}
/*honor style end*/
/*base style*/
.basePage .group-pageC{ margin-bottom: 65px;}
/*base style end*/
/*socialResponsibility style*/
.w760{ width: 760px;}
.social-m{ margin-left: 6%; width: 760px;}
.social-demo{ width: 840px; position: relative;}
.social-demo .item{ position: relative;}
.social-demo .bg{ position: absolute; left: 0; bottom: 0; width: 100%; height: 40%; background:linear-gradient(360deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); opacity:0.7;}
.social-demo .txt{ position: absolute; left: 8%; right: 8%; bottom: 8%; color: #fff; font-size: 18px; font-weight: bold; } 
.social-demo .slick-dots{ position: absolute; right: -96px; bottom: auto; width: 96px; text-align: center; top: 0;}
.social-demo .slick-dots li{ position: relative; padding: 25px 0 15px; font-size: 20px; width: auto; height: auto; color: #333; display: block; font-family: helvetica; cursor: pointer; margin: 0;}
.social-demo .slick-dots li a{ color: #333;}
.social-demo .slick-dots li:before{ content: ""; width: 150%; height: 4px; background-color: #d02127; position: absolute; right: 0; bottom: 0; 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;}
.social-demo .slick-dots .slick-active a{ color: #d02127;}
.social-demo .slick-dots .slick-active:before{ transform: scaleX(1); -webkit-transform: scaleX(1); opacity: 1; visibility:visible\9;}
.social-fg{ height: 25px;}
/*socialResponsibility style end*/
/*partyBranch style*/
.party-page{ padding: 70px 0;}
.cred{ color: #E63131;}
.social-tab table{ width: 100%;}
.social-tab table tr td{ border-bottom: 1px solid #E3E3E3; padding: 25px 0;}
.f16{ font-size: 16px;}
.w80{ width: 80px; display: inline-block;}
/*partyBranch style end*/
/*architecture style*/
.w1000{ width: 1000px; margin: 0px auto;}
.page-content2{ width: 64%;}
.p1000{ width: 1000px;}
.architecture-list dd{ position: relative; margin-bottom: 48px; background-color: #fff; transition: 0.3s;-webkit-transition: 0.3s;}
.position {line-height:50px;color:#8b8b8b}
.position a {color:#8b8b8b}
.architecture-list figure{ position: relative; float: left; display: block; width: 357px; margin-right: 4%; overflow: hidden;}
.architecture-list .bg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/green_20.png) repeat; background:none rgba(208,33,39, 0.2); -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 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9;}
.architecture-list .con{ padding:0 118px 0 406px;}
.architecture-list h4{ padding-top: 56px; margin-bottom: 25px; color: #333; font-size: 18px; line-height: 1.5; -webkit-transition: 0.3s; transition: 0.3s;}
.architecture-list .c{ color: #666666; height: 50px; overflow: hidden; -webkit-transition: 0.3s; transition: 0.3s;}
.architecture-list .time{ color: #d02127; font-weight: bold; font-size: 12px; margin-top: 18%; -webkit-transition: 0.3s; transition: 0.3s;}
.arch-box{ margin-top: 118px;}
.arch-img{ float: left; display: block; width: 50%;}
.arch-img .slick-dots {  bottom: 3%; z-index: 104;}
.arch-img .slick-dots li { position: relative; display: inline-block; padding: 0; width: auto; height: auto; margin: 0px 5px; cursor: pointer;}
.arch-img .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; background-color: #fff; }
.arch-img .slick-dots li a:focus { outline: none; }
.arch-img .slick-dots li.slick-active a { background-color: #d02127;}
.arch-desc{ float: left; display: block; width: 35%; margin-left: 5%; padding: 70px 0;}
.arch-desc .title{ margin-bottom: 25px;}
.arch-desc h2 { font-weight:normal}
.arch-desc a {color:#333}
.arch-page{ padding: 45px 0 110px;}
.arch-page .pageC{ width: 90%; margin: 0px auto;}
.arch-page .pageC h3 {font-size:20px; margin-bottom:20px}
.border{margin-bottom: 20px;border-bottom: solid 1px #CCC;padding-bottom: 20px;}
.pager-box{ position: fixed; left: 5%; top: 60%; width: 100px; transition-duration: 0.3s; -webkit-transition-duration: 0.3s;}
.pager-box a{ display: block; display: block; position: relative; padding:5px 15px 5px 0; color: #333;}
.pager-box a:before{ content: ""; position: absolute; right: 0; top: 50%; margin-top: -4px; width: 4px; height: 4px; display: block; border-radius: 50%; border:2px solid #d02127; transform: scale(0); -webkit-transform: scale(0);opacity: 0; visibility: hidden\9; transition: transform 0.4s,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.4s,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;}
.pager-box.fsShow{ transform: translateY(-10px); -webkit-transform: translateY(-10px); opacity: 0; visibility: hidden\9; }
/*architecture style end*/
/*case style*/
.case-list{ margin-left: -5%;}
.case-list li{ position: relative; float: left; display: block; margin:0 0 48px 5%; width: 45%; background-color: #fff; transition: 0.3s;-webkit-transition: 0.3s;}
.case-list figure{ position: relative; overflow: hidden;}
.case-list .txt{ position: relative; height: 72px; line-height: 72px; overflow: hidden; padding: 0px 72px 0 30px; font-size: 16px;}
.case-list .bg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/green_20.png) repeat; background:none rgba(208,33,39, 0.3); -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 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9;}
.case-list .add{ position: absolute; display: block; right: 3%; top: 50%; margin-top: -12px; width:24px; height:24px; transition:0.3s;-webkit-transition:0.3s;}
.case-list .add:before,.case-list .add:after{ content: ""; display:block; background-color:#d02127;}
.case-list .add:before{ width:4px; height:24px; position:absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; opacity: 0; visibility: hidden\9;}
.case-list .add:after{ width:24px; height:4px; position:absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.case-m{ margin-left: 6%; width: 760px; padding: 50px 0;}
.case-m h2 {font-weight:normal}
.case-m a {color:#333}
.f32{ font-size: 32px; line-height: 1.5;}
.case-demo .slick-dots li{ font-size: 14px; padding: 20px 0 10px;}
/*case style end*/
/*media style*/
.media-list dd{ position: relative; margin-bottom: 32px; background-color: #fff; transition: 0.3s;-webkit-transition: 0.3s;}
.media-list figure{ position: relative; float: left; display: block; width: 320px; overflow: hidden;}
.media-list .bg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/green_20.png) repeat; background:none rgba(208,33,39, 0.3); -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 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9;}
.media-list .con{ padding: 35px 145px 0 360px;}
.media-list .time{ position: absolute; right: 0; width: 145px; top: 50%; margin-top: -30px; font-size: 16px; font-weight: bold; font-family: helvetica; text-align: center; color: #d02127;}
.media-list .time .line{ display: block; width: 48px; height: 2px; margin: 0px auto; background-color: #d02127;}
.media-list .c{ font-size: 18px; color: #333; height: 64px; overflow: hidden; margin-bottom: 22px;}
.media-list .more{ font-size: 12px; font-weight: bold; color: #d02127;}
.pading{ background-color: #F7F8F9;}
.pading li{float: left; list-style:none}
.pading a{ display: inline-block; height: 56px; line-height: 56px; padding: 0px 20px; font-weight: bold; font-family: helvetica;}
.pading a:link, .pading a:visited { color: #333; }
.pading a:active, .pading a:hover { color: #fff; }
.pading a:hover,.pading li.active a{ background-color: #d02127; color: #fff;}
.info-banner{ overflow: hidden; background:url(../images/a1.png) no-repeat scroll 5% -15% #fde3e4; background-size: 50% auto; margin-top: 80px;
padding: 175px 0 50px;}
.w800{ width: 800px; margin: 0px auto;}
.infoT{ color: #333;}
.infoT .title{ font-weight: normal;}
.infoT .time{ font-size: 12px;}
.info-page{ position: relative; padding: 60px 0 100px;}
.info-page .pageC{ margin-bottom: 30px;}
.media-sbox{ padding-bottom: 60px;}
.media-select{ float: left; display: block; width: 55%;}
select.mad-sel {  float: left; display: block; padding: 14px 26px 14px 0; line-height: 20px; height: 48px; vertical-align: middle; border:0px none; border-bottom: 2px solid #666; color: #666; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; margin:0 5% 0 0px; width: 45%; border-radius: 0; background: url(../images/link_select_ico.png) no-repeat scroll right center;}
select.mad-sel option { padding: 2px 2%; color: #333;}
.media-serach{ float: right; display: block; width: 35%; padding:0 44px 0 0; position: relative; border-bottom: 2px solid #666; }
.media-serach .txt{ width: 100%; padding: 14px 0; border: 0px none; height: 20px; line-height: 20px; background-color: transparent; color: #666;}
.media-serach input::-webkit-input-placeholder{color:#333;}
.media-serach input::-moz-placeholder{ color:#333;}
.media-serach input:-moz-placeholder{ color:#333;}
.media-serach input:-ms-input-placeholder{color:#333;}
.media-serach .btn{ position: absolute; right: 0; top: 0; width:44px; text-align: center; height: 100%; line-height: 48px; color: #666;}
.media-serach .btn .iconfont{ font-size: 24px;}
/*media style end*/
/*bookList style*/
.book-list li{ float: left; display: block; width: 46%; max-width: 560px; margin-right: 2%; margin-bottom: 40px; position: relative; overflow: hidden; background-color: #fff;}
.book-list li:before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #d02127; opacity: 0; visibility: hidden\9; transition: 0.3s;-webkit-transition: 0.3s;}
.book-list figure{ overflow: hidden; padding: 40px 40px 0;}
.book-list .txt{ position: relative; height: 75px; line-height: 75px; padding: 0px 40px; font-size: 16px; transition: 0.3s;-webkit-transition: 0.3s;}
.book-list .iconfont{ position: absolute; right: 3%; top: 0; bottom: 0; margin: auto; width: 18px; height: 18px; background-color: #d02127; line-height: 18px; text-align: center; color: #fff; font-size: 12px; color: #fff; transition: 0.3s;-webkit-transition: 0.3s;}
/*bookList style end*/
/*videoList style*/
.video-list li{ cursor: pointer;}
.video-list li a{ color:black}
.video-list li a:hover{ color:white}
.video-list .video-ico{ position: absolute; right: 5%; line-height: 1; height: 16px; top: 0; bottom: 0; margin: auto 0; color: #d02127;}
.video-ico:before{ content: "\e866";}
/*videoList style end*/
/*security style*/
.security-page{ padding: 45px 54px 80px;}
.security-page .pageC{ width: 720px;}
.security-sbox{ padding-bottom: 80px;}
.fstxt input::-webkit-input-placeholder{color:#333;}
.fstxt input::-moz-placeholder{ color:#333;}
.fstxt input:-moz-placeholder{ color:#333;}
.fstxt input:-ms-input-placeholder{color:#333;}
.stxt{ border: 0px none; border-bottom: 2px solid #666; background-color: transparent; color: #666; height: 62px; line-height: 62px; float: left; display: inline-block;}
.security-sbox .stxt{ width: 20%;}
.mr5{ margin-right: 5%;}
.ml5{ margin-left: 5%;}
.security-sbox .yzm{ float: left; display: block; line-height: 66px; height: 66px; width: 102px; background-color: #fff; background-repeat: no-repeat; background-position: center center; margin-left: 4px;}
.security-sbox .sbtn{ float: left; display: block; line-height: 64px; height: 64px; width: 28%; background-color: #fff; text-align: center;}
.security-sbox .sbtn:hover{ background-color: #CE272D;}
.security-sbox a:link, .security-sbox a:visited { color: #333; }
.security-sbox a:active, .security-sbox a:hover { color: #fff; }
/*security style end*/
/*message style*/
.m32{ margin-bottom: 32px;}
.mess-item{ width: 820px;}
.mess-item a:link, .mess-item a:visited { color: #333; }
.mess-item a:active, .mess-item a:hover { color: #d02127; }
.mess-item .stxt{ width: 30%;}
.mess-item .stxt1{ margin-right: 5%;}
.mess-item2{ border: 1px solid #d02127; padding: 50px 0 60px 55px; margin: 58px 0 32px;}
.stxt3{ border: 0px none; color: #333; height: 230px; font-size: 14px; width: 765px; resize: none;}
.mess-item a.sbtn2{ display: block; height: 72px; line-height: 72px; display: block; background-color: #d02127; color: #fff; text-align: center;}
.mess-item a.sbtn2:hover{ background-color: #e49fa3;}
.mess-l{ float: left; width: 40%; padding: 0px 4%; border: 1px solid #d02127; background-color: #fff;}
.mess-r{ float: right;}
.stxt4{ display: block; width: 100%; border: 0px none;height: 72px; line-height: 72px;}
.stxt5{ width: 30%;}
.mess-r .yzm2{ margin: 24px 10px 0; width: 74px;}
.mess-r .la{ margin-top: 24px;}
/*message style end*/
/*join style*/
.join-list{ margin-left: -2%; padding-top: 20px;}
.join-list li{ float: left; display: block; margin-left: 2%; margin-top: 20px; width: 44%; padding: 15px 2%; background-color: #d02127; color: #fff; text-align: center; line-height: 1.5;}
.distributors-list li{ float: left; display: block; width: 20%; background-color: #fff;}
.distributors-list .txt{ padding: 25px 5%; line-height: 1.5;}
.cooperation-list{ padding-top: 45px;}
.cooperation-list li{ float: left; display: block; width: 21%; padding: 0px 2%; margin-bottom: 40px;}
.training-demo .bg{ position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background:linear-gradient(360deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); opacity:0.4;}
.training-demo .item{ position: relative;}
.training-demo .txt{ position: absolute; left: 5%; bottom: 5%; color: #fff;}
.training-demo .name{ margin-right: 25px;}
.training-demo .name b{ font-style: initial; color: #d02127; margin-right: 5px;}
.training-nav{ background-color: #F7F8F9;}
.training-nav li{ position: relative; margin-left: 40px; float: left; display: inline-block; height: 90px; line-height: 90px; font-size: 16px; font-weight: bold; cursor: pointer;}
.training-nav li:before{ content: ""; position: absolute; left: 0; width: 0; height: 6px; background-color: #d02127; transition: 0.3s;-webkit-transition: 0.3s;}
.training-nav li.active{ color: #d02127;}
.training-nav li.active:before{ width: 32px;}
.hr-list{ padding-top: 45px;}
.hr-list dd{ position: relative; background-color: #F2F2F2; margin-bottom: 2px; cursor: pointer; transition: 0.3s;-webkit-transition: 0.3s;}
.hr-list dd:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #d02127; -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 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9;}
.hr-list .item{ position: relative; padding: 35px 80px 35px 30px;}
.hr-list .jicon{ font-size: 18px; line-height: 1; position: absolute; right: 35px; top: 0; bottom: 0; margin: auto 0; height: 18px; font-weight: bold;}
.hr-list .sname{ float: left; display: inline-block;}
.hr-list .sname a{color:#8b8b8b}
.hr-list .item:hover .sname a{color:#FFF}
.hr-list .sname1{ font-size: 18px; width: 262px;} 
.hr-list .sname1 i{ margin-right: 10px; font-size: 18px; color: #d02127;}
.hr-list .sname2{ margin-right: 45px;}
.md-content{background-color:#fff; margin:50px auto; position:relative; transform:translateX(100px); -webkit-transform:translateX(100px); opacity:0; visibility: hidden; -webkit-transition:all .3s linear; transition:all .3s linear;}
.md-show, .md-show body { overflow-y: hidden;}
.md-show .md-content{ transform:inherit; -webkit-transform:inherit; opacity:1; visibility: visible;}
.md-hide .md-content{ transform:translateX(-100px); -webkit-transform:translateX(-100px);}
.md-show .md-modal{ opacity:1;visibility:visible; }
.md-modal{ position:fixed; left:0; top:0; overflow-y:auto; overflow-x: hidden; right:0px; bottom:0; z-index:1100; opacity:0; background: url(../images/wi_80.png) repeat; background: none rgba(255, 255, 255, 0.8); -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; -webkit-overflow-scrolling:touch;}
.form-box-close { position: fixed; width: 64px;height: 64px; line-height: 64px; left: 80%;top: 50%; margin-top: -32px; background-color: #d02127; cursor: pointer; z-index: 10; transition: 300ms; -webkit-transition: 300ms;}
.form-box-close i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 64px; font-size: 14px; font-weight: bold; text-align: center; color: #fff; transition: 300ms; -webkit-transition: 300ms;}
.form-box-close:hover { background-color: #e49fa3;}
.form-box-close:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.md-modal .align-vertical{ background-color: #fff; width: 80%; box-shadow:0px 3px 24px rgba(0,0,0,0.16);}
.hPage { width: 800px;}
.hPage .if{ margin-bottom: 45px;}
.hr-bot{ padding: 60px 0; color: #d02127;}
.hr-bot a:link, .hr-bot a:visited { color: #d02127; }
.hr-bot a:active, .hr-bot a:hover { color: #d02127; text-decoration: underline;}
.hr-img{ line-height: 49px;}
.hr-img .l{ margin-left: 15px;}
.hr-img .txt{ margin-left: 0;}
/*join style end*/
/*contact style*/
.mapbox{ height: 480px;}
.BMap_bubble_title{ color: #d02127 !important; font-size: 16px !important; margin-bottom: 5px;}
.BMap_bubble_content{ font-size: 12px;}
.anchorBL{ display: none !important;}
.BMap_mask{ background: rgba(208,33,39, 0.2) !important;}
.contact-page{ position: relative; padding: 70px 10%; width: 740px;}
.contact-list{ float: left; display: inline-block; width: 70%;}
.contact-list dd{ position: relative; margin-bottom: 48px; padding-left: 20px; color: #333;}
.contact-list dd:before{ content: ""; position: absolute; left: 0; width: 2px; top: 4px; bottom: 4px; background-color: #d02127;}
.contact-list dd p{ margin-bottom: 5px;}
.c999{ color: #999;}
.contact-nav a:link, .contact-nav a:visited { color: #333; }
.contact-nav a:active, .contact-nav a:hover { color: #d02127; }
.contact-nav{  float: right; display: inline-block;}
.contact-nav a{ display: block; font-size: 18px; line-height: 1.5; margin-bottom: 15px;}
.contact-nav a.active{ color: #d02127;}
/*contact style end*/
/*search style*/
.search-bot{ padding-top: 25px;}
.search-page{ width: 800px;}
.serach-pbox{ position: relative; margin: 250px 0 95px 0; padding-right: 96px;}
.serach-pbox .txt{ height: 30px; line-height: 30px; padding: 21px 5%; width: 90%; border: 0px none; display: block; background-color: #fff;}
.serach-pbox .btn{ position: absolute; right: 0; bottom: 0; width: 88px; height: 72px; line-height: 72px; background-color: #e49fa3; text-align: center; font-size: 32px; color: #fff;}
.serach-list a:link, .serach-list a:visited { color: #666; }
.serach-list a:active, .serach-list a:hover { color: #d02127; }
.serach-list{ padding: 40px;}
.serach-list dt{ font-weight: bold; color: #333; line-height: 1.5; margin-bottom: 15px;}
.serach-list dd{ padding-bottom: 15px;}
.serach-list li{ margin-bottom: 15px;}
.cgreen{ color: #d02127;}
/*404 style*/
.noPage{ position: absolute; left: 0%; top: 50%; width: 100%; margin-top: -50%; margin-top: -160px;}
.noimg{ font-size:200px;font-family:helvetica; line-height:1;color:#fff;}
.no-c{ margin: 0px auto; text-align: center;}
.no-btn{ padding: 60px 0px 0; text-align: center; width: 306px; margin: 0px auto;}
.no-btn a{ width: 140px; height: 56px; line-height: 56px; text-align: center; color: #fff;}
.no-btn a:hover{ background-color: #e49fa3;}
.pageC .no-btn a{ color: #fff;}
/*404 style end*/
/*search style end*/
.tags_list dd{ margin: 20px auto;}
.tags_list dd a { margin:0 4px}