@charset "utf-8";
@font-face { font-family: 'pf_din_text_comp_probold'; src: url('pfdintextcomppro-bold-webfont.woff2') format('woff2'), url('pfdintextcomppro-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'pf_din_text_comp_promedium'; src: url('pfdintextcomppro-medium-webfont.woff2') format('woff2'), url('pfdintextcomppro-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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, table, caption, tbody, tfoot, thead, tr, th, td, 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; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","微软正黑体","Microsoft JhengHei","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; background-color: #fff; -webkit-tap-highlight-color: rgba(0,0,0,0); }
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; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none; }
::-moz-selection { background: #0095d9; color: #fff; text-shadow: none; }
::selection { background: #0095d9; color: #fff; text-shadow: none; }
select { outline: none; }
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; outline: none; }
a:focus { text-decoration: none; outline: 0; }
.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: 1100px; margin: 0px auto; }
.trans3 { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.trans4 { -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.trans6 { -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }
.topBox { position: fixed; left: 0px; top: 0px; width: 100%; color: #ababab; z-index: 1000;background:rgba(255,255,255,0.89); }
.topfix { background:rgba(255,255,255,0.89); box-shadow: -1px 0 3px rgba(0, 0, 0, 0.5);height: 109px;}
.topfix .logo {}
.topBox a:link, .topBox a:visited { color: #4c4c4c; }
.topBox a:active, .topBox a:hover { color: #0095d9; }
.top { height: 109px; position: relative; z-index: 2; }
.logo { float: left; display: block; margin-left: 109px; width: 196px; overflow: hidden; }
.logo img { width: 100%; display: block; }
.logoBox { width: 24%; float: left; display: block; }
.logoBoxphone { display: none; }
.nav { float: left;}
.nav li { float: left; display: block; width: 104px; height: 109px; line-height: 109px; font-size: 15px; }
.nav a.act { color: #0095d9; }
.menu-handler { background-color: #0095d9; display: block; width: 100%; height: 70px; cursor: pointer; position: relative; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.menu-handler .menu-txt{ text-align: center; display: block; position: absolute; left: 0px; top: 0px; line-height: 70px; font-size: 14px; color: #fff; width: 100%;}
.menu-handler .burger { width: 20px; height: 2px; background: #fff; display: block; position: absolute; z-index: 5; top: 29px; left: 50%; margin: 0px 0px 0px -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 34px; }
.menu-handler .burger-3 { top: 39px; }
.menu-handler.active .burger-1 { top: 34px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 34px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
#menu-moible-handler { width: 56px; height: 56px; background-color: #0095d9; }
#menu-moible-handler .menu-txt{ line-height: 56px;}
#menu-moible-handler .burger { background-color: #fff; height: 3px; width: 30px; top: 18px; margin-left: -15px; }
#menu-moible-handler .burger-2 { top: 28px; }
#menu-moible-handler .burger-3 { top: 38px; }
#menu-moible-handler.active .burger-1, #menu-moible-handler.active .burger-3 { top: 28px; }
.trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.pc-menu { position: absolute; right: 30px; }
.pc-menu li { float: left; display: block; }
.pc-menu li.nav-toggle { width: 70px; margin-top: 19px;}
.pc-menu li.serach-toggle { padding: 19px 12px 0px 22px; }
.pc-menu li.shop-toggle { position: relative; height: 70px; width: 110px; }
.pc-menu a.joinBtn { height: 32px; line-height: 32px; width: 116px; text-align: center; display: block; color: #fff; background-color: #0095d9; border-radius: 16px; }
.pc-menu a.joinBtn:hover { background-color: #003d98; }
.pc-menu a.shopbtn { height: 54px; padding-top: 16px; background-color: #f4f4f4; text-align: center; width: 100%; display: block; color: #4c4c4c; }
.pc-menu a.shopbtn span { background: url(../images/c2.png) no-repeat scroll center top; padding-top: 22px; display: block; }
.pc-menu a.shopbtn:hover, .pc-menu a.shopBtnAct { background-color: #ebebeb; }
.shoplist { display: none; width: 110px; position: absolute; left: 0px; top: 109px; z-index: 8; }
.shoplist a { border-top: 1px solid #d1d1d1; display: block; }
.pc-menu .serach-icon { width: 36px; height: 32px; display: none; }
.pc-menu .serach-icon i { background: url(../images/serach_bg.png) no-repeat scroll center center; display: block; width: 27px; height: 32px; margin: 0px auto; }
.pc-navbox { display: none; position: fixed; left: 0px; top: 0px; width: 100%; background:rgba(255,255,255,0.89); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); display: none; }
.pc-nav-menu { padding-bottom: 80px;background:rgba(255,255,255,0.5);}
.pc-nav-menu dd { float: left; display: block; width: 104px; font-size: 12px; }
.pc-nav-menu dd p { margin-bottom: 10px; }
.pc-nav-menu a:hover { text-decoration: underline; }
.pc-nav-menu .lin1 { width: 24%; }
.pc-nav-menu .line { display: block; height: 1px; width: 58px; background-color: #000000; margin-bottom: 25px; }
.pc-nav-menu .liness { display: block; height: 1px; width: 58px; background: none; margin-bottom: 25px; }
.nav-foot { position: relative; margin: 0px 24%; padding: 36px 0px; }
.sharpbox a { float: left; display: block; width: 28px; height: 28px; margin-right: 10px; }
.sharpbox a .i { background: url(../images/sharp.png) no-repeat; width: 28px; height: 28px; display: block; }
.sharpbox a.a1 .i { background-position: 0px 0px; }
.sharpbox a.a2 .i { background-position: -46px 0px; }
.sharpbox a.a3 .i { background-position: -92px 0px; }
.nav-foot .sharpbox { float: right; }
.nav-foot .sharpbox a:hover { transform: translateY(-5px); -webkit-transform: translateY(-5px); }
.menuBox-logo .logo { margin-left: 0px; }
.moible-menu { float: right; display: none; }
.moible-menu li { float: left; display: block; width: 56px; height: 56px; }
.moible-menu li.shop-toggle { width: 70px; position: relative; }
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); display: none; z-index: 900; }
.menuBox { background-color: #f1f1f1; color: #9d9d9d; position: fixed; right: 0px; top: 0px; width: 584px; height: 100%; z-index: 910; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transform: translate(570px,0px); -moz-transform: translate(584px,0px); -webkit-transform: translate(584px,0px);-o-transform: translate(584px,0px); transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.no-csstransforms3d .menuBox { display: none; }
.menuBox-logo { padding: 20px 30px 0; }
.navMobile { padding: 40px 0px; }
.nav-link:before { content: ""; width: 18px; height: 12px; position: absolute; right: 5%; margin-top: -6px; top: 50%; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); background-position: center center; background-repeat: no-repeat; transition: 0.4s; -webkit-transition: 0.4s; }
.navMobile .item { padding: 12px 30px; display: block; position: relative; font-size: 16px; line-height: 1.4; color: #5b5b5b; }
.navMobile li.active .item { color: #fff; background-color: #0095d9; }
.navMobile .subnav { display: none; background-color: #ffffff; padding: 20px 0px; }
.navMobile .subnav a { color: #828282; display: inline-block; margin: 0px 10px 6px 30px; }
.navMobile .subnav a:hover { color: #0095d9; text-decoration: underline; }
.navMobile li.active .nav-link:before { background-image: url(../images/m_ico2.png); }
.menuOpen .topBox { transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menuOpen .pusher-black { display: block; }
.mobile-foot { padding: 40px 30px; border-top: 1px solid #d8d8d8; }
.mobile-foot .sharpbox { margin-bottom: 18px; }
.mobile-foot a:link, .mobile-foot a:visited { color: #9d9d9d; }
.mobile-foot a:active, .mobile-foot a:hover { color: #0095d9; }
.pc-searchbox { background-color: #e9ecef; padding: 26px 0px 22px; position: fixed; left: 0px; top: -150px; width: 100%; z-index: 1001; }
.pc-search-inner { width: 744px; margin: 0px auto; }
.pc-search-inner a:link, .pc-search-inner a:visited { color: #a9a9a9; }
.pc-search-inner a:active, .pc-search-inner a:hover { color: #0095d9; }
.pc-search-inner .txt, .pc-search-inner .btn { float: left; display: block; height: 52px; line-height: 52px; }
.pc-search-inner .txt { width: 554px; margin-right: 18px; border: 0px none; background-color: transparent; border-bottom: 1px solid #000000; color: #4C4C4C; }
.pc-search-inner .btn { width: 170px; background-color: #0095d9; border-bottom: 1px solid #0095d9; text-align: center; }
.pc-search-inner .btn span { background: url(../images/serach_bg2.png) no-repeat scroll left center; padding-left: 36px; font-size: 16px; color: #fff; }
.pc-search-inner .btn:hover { background-color: #003D98; border-bottom-color: #003D98; }
.pc-search-inner .keyword { padding-top: 15px; }
.pc-search-inner .keyword a { margin-left: 14px; }
.pc-search-inner .keyword a:hover { text-decoration: underline; }
.pc-search-close { position: absolute; right: 5%; top: 26px; width: 40px; height: 36px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; display: block; }
.pc-search-close i { width: 36px; height: 36px; display: block; margin: 0px auto; background: url(../images/close_1.png) no-repeat scroll center center; transition: all 400ms ease 0s; -webkit-transition: all 400ms ease 0s; }
.pc-search-close:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.moible-menu .serach-icon { display: none; width: 100%; padding: 17px 0px; }
.moible-menu .serach-icon i { width: 22px; height: 22px; display: block; margin: 0px auto 0px; background: url(../images/serach_bg3.png) no-repeat; transform: scale(0.7); -webkit-transform: scale(0.7); }
.moible-menu .serach-icon.active { background-color: #f1f1f1; }
.moible-searchbox { display: none; position: fixed; left: 100%; top: 0px; height: 100%; width: 100%; background-color: #363636; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: -1; color: #fff; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.moible-searchbox .box-sbox { padding: 56px 112px 0px 20px; background-color: #f1f1f1; position: relative; }
.box-sbox .txt { display: block; width: 100%; border: 0px none; height: 20px; line-height: 20px; padding: 15px 0px; font-size: 16px; background-color: #f1f1f1; }
.box-sbox .btn { display: block; width: 110px; border: 1px solid #F1F1F1; height: 48px; line-height: 48px; background-color: #b6b6b6; color: #fff; text-align: center; position: absolute; right: 0px; top: 56px; font-size: 16px; }
.box-sbox .btn:active { background-color: #4C4C4C; }
.moible-searchbox .keyword-t { padding: 30px 20px 0px; font-size: 20px; }
.moible-searchbox .keyword { padding: 30px 10px 30px 20px; font-size: 16px; }
.moible-searchbox .keyword a { margin: 0px 20px 8px 0px; display: inline-block; }
.moible-searchbox a:link, .moible-searchbox a:visited { color: #fff; }
.moible-searchbox a:active, .moible-searchbox a:hover { color: #0095d9; }
.open-box { left: 0; z-index: 900; }
.mtop { height: 109px; background: none;}
.linkBox{overflow-x: hidden;}
.linkBox a:link, .linkBox a:visited { color: #7f7f7f; }
.linkBox a:active, .linkBox a:hover { color: #0095d9; }
.linkBox { padding: 40px 0px 10px; color: #7f7f7f; }
.linkBox dd { float: left; display: block; }
.linkBox .lin1 { width: 30%; }
.linkBox .lin2 { width: 30%; }
.linkBox .lin3 { width: 40%; text-align: right; font-size: 14px; }
.linkBox .linkP span { padding: 0px 8px;color: #666666;}
.linkBox .logo2 { color: #9d9d9d; }
.logo2 { width: 100%; font-size: 14px; color: #9d9d9d;line-height: 25px; }
.logo2 img { width: 46px; display: block; margin-bottom: 15px; }
.linkBox .lin1 span{display: block;font-size: 14px;color: #686868;}
.linkBox .lin1 span a{color: #686868;}
.linkBox .lin2 { font-size: 14px;color: #9d9d9d;line-height: 25px; }
.email { text-transform: uppercase; }
.email-pl { padding-left: 48px; }
.linkBox .sharpbox { float: right; display: block; margin-bottom: 85px; }
.linkBox .sharpbox a:hover { transform: translateY(-5px); -webkit-transform: translateY(-5px); }
.linkImg { padding: 28px 0px 34px; border-top: 1px solid #dddddd; text-align: center; }
.linkImg .img { margin: 0px 10px; vertical-align: middle; }
.foot { background-color: #494949; color: #f4f4f4; padding: 15px 0px; }
.foot a:link, .foot a:visited { color: #f4f4f4; }
.foot a:active, .foot a:hover { color: #fff; }
.foot .linkA { float: right; display: block; }
.backTop { background: url(../images/backTop.png) no-repeat scroll center center; background: none rgba(203,203,203,1); border-radius: 50%; width: 72px; height: 72px; position: fixed; bottom: 5%; right: -76px; z-index: 1000; text-align: center; cursor: pointer; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
.backTop .ico { background: url(../images/backTop_ico.png) no-repeat scroll center 15px; padding-top: 40px; display: block; font-size: 14px; color: #494949; }
.backTop.showme { right: 12px; transform: scale(1) rotate(-360deg) translate(0px); -webkit-transform: scale(1) rotate(-360deg) translate(0px); -moz-transform: scale(1) rotate(-360deg) translate(0px); -o-transform: scale(1) rotate(-360deg) translate(0px); }
.backTop:hover { background: none rgba(125,47,50,1); }
.backTop:hover .ico{background: url(../images/backTop_ico_hover.png) no-repeat scroll center 15px;color: white;}
.pbanner { position: relative; overflow: hidden; width: 100%; height: 100%; }
.pbanner .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #4C4C4C; }
.pbanner .img { width: 100%; display: block; position: relative; z-index: 2; }
.pbanner .con { width: 90%; position: absolute; left: 5%; top: 42%; z-index: 4; text-align: center; color: #033990; line-height: 1.2; transform: rotateX(30deg) rotateY(0deg) rotateZ(0deg); -webkit-transform: rotateX(30deg) rotateY(0deg) rotateZ(0deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 1s ease 0.2s; transition: all 1s ease 0.2s; opacity: 0; }
.pbanner .con .en { font: italic 35px/1.1 arial, helvetica, sans-serif; font-weight: bold; text-transform: uppercase; }
.pbanner .con .zh { font-size: 25px; }
.pbanner .con.action { -webkit-transform: perspective(800px) rotateX(0) rotateY(0) rotateZ(0) translateX(0)!important; transform: perspective(800px) rotateX(0) rotateY(0) rotateZ(0) translateX(0)!important; opacity: 1; }

/* Slider */
.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: #00865e 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; left: 114px; bottom: 8%; z-index: 100; width: auto; }
.slick-dots li { margin: 0px 8px 0px 0px; position: relative; width: 5px; height: 24px; border-radius: 3px; background-color: transparent; display: block; float: left; transition: 300ms; -webkit-transition: 300ms; }
.slick-dots a { width: 5px; height: 15px; overflow: hidden; display: block; background-color: #fff; border-radius: 3px; text-indent: -2em; position: absolute; left: 0px; bottom: 0px; }
.slick-dots li.slick-active { background-color: #fff; }
.slick-dots li.slick-active a { background-color: #852327; border-radius: 0px 0px 5px 5px; }

@-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); }
}

/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }

.owl-theme .owl-controls { margin-top: 10px; text-align: center; }

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; }
/* Clickable class fix problem with hover on touch devices */

/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { }

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(../images/AjaxLoader.gif) no-repeat center center; }

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% { opacity: 1; }
}
@-moz-keyframes empty {
    0% { opacity: 1; }
}
@keyframes empty {
    0% { opacity: 1; }
}
@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@-moz-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@-webkit-keyframes backSlideOut {
    25% { opacity: .5; -webkit-transform: translateZ(-500px); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
    25% { opacity: .5; -moz-transform: translateZ(-500px); }
    75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
    25% { opacity: .5; transform: translateZ(-500px); }
    75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
    0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px); }
    100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
    0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -moz-transform: translateZ(-500px); }
    100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
    0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; transform: translateZ(-500px); }
    100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
    to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
    to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
    to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
    from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
    from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
    from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
    from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
    from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
    from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
    to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
    to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
    to { opacity: 0; transform: scale(1.5); }
}
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url(../images/loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #fff; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 8px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #8cc227; }

.bx-wrapper .bx-prev { left: 0%; background: url(../images/a_l3.png) no-repeat 0 bottom; }
.bx-wrapper .bx-next { right: 0%; background: url(../images/a_r3.png) no-repeat right bottom; }
.bx-wrapper .bx-prev:hover { background-position: 0 top; }
.bx-wrapper .bx-next:hover { background-position: right top; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -15px; outline: 0; width: 30px; height: 30px; text-indent: -9999px; z-index: 600; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }

.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0;margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0;margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: center; width: 100%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
/*base style*/

/*index style*/
.transYT { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT2 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT2 { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.bannerBox { position: relative; overflow: hidden; background-color: rgba(0, 0, 0, 0.45); height: 100%; }
.banner { position: relative; overflow: hidden; width: 100%; z-index: 0; background-color: #efefef; }
.banner .pimg { width: 100%; display: none; }
.banner .bimg { width: 100%; display: block; position: absolute; left: 0px; top: 0px; }
.banner .item { position: relative; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.banner .slick-active .bimg { visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.binbox { position: absolute; width: 84%; left: 8%; bottom: 0px; background-color: #fff; border-bottom: 1px solid #eaeaea; height: 96px; -webkit-transform-origin: center bottom 0; -ms-transform-origin: center bottom 0; transform-origin: center bottom 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; transition: transform 0.4s ease 0s; -webkit-transition: transform 0.4s ease 0s; -ms-transition: transform 0.4s ease 0s; }
.binboxAct { -webkit-transform: perspective(600px) rotateX(90deg); -ms-transform: perspective(600px) rotateX(90deg); transform: perspective(600px) rotateX(90deg); transition: visibility 0.4s steps(1, end) 0s, transform 0.4s ease 0s; -webkit-transition: visibility 0.4s steps(1, end) 0s, transform 0.4s ease 0s; -ms-transition: visibility 0.4s steps(1, end) 0s, transform 0.4s ease 0s; visibility: hidden; }
.no-transition .binboxAct { transition: none 0s ease 0s; }
.boxC { width: 90%; position: absolute; left: 5%; top: 28%; text-align: center; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
.boxC p { overflow: hidden; }
.boxC .en { overflow: hidden; font-size: 40px; line-height: 1; font-weight: bold; }
.boxC .zh { font-size: 35px; line-height: 1; overflow: hidden; margin: 20px 0px 30px; s; }
.boxC .moreBox { line-height: 1.5; }
.boxC .moreBox .bot { width: 120px; height: 2px; overflow: hidden; background-color: #fff; margin: 0px auto 3%; display: block; }
.boxC .en span, .boxC .zh span { display: block; opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%); }
.boxC .moreBox { display: block; opacity: 0; transform: translate(0px,50%); -webkit-transform: translate(0px,50%); }
.slick-active .boxC .en span { -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.2s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; }
.slick-active .boxC .zh span { -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.4s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; }
.slick-active .boxC .moreBox { -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.5s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; }
.slick-active .boxC .zh span, .slick-active .boxC .en span, .slick-active .boxC .moreBox { opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.bgf4 { background-color: #fff; }
.aboutIbox { padding: 70px 0px 0; overflow: hidden; }
.iboxT { text-align: center; }
.iboxT .t { color: #f3f3f3; font-size: 80px;text-transform:uppercase;font-family: arial; }
.iboxT .by { color: #0095d9; font-size: 30px;margin-top: -70px; }
.iboxT .line2 { width: 368px; position: relative; padding: 8px 0px; margin: 0px auto; color: #4c4c4c; font-size: 14px; }
.iboxT .line2 .txt { padding: 0px 20px; background-color: #fff; position: relative; z-index: 2; }
.iboxT .line2 .xian { height: 1px; background-color: #e9e9e9; width: 100%; position: absolute; left: 0px; top: 50%; }
.aboutIc { width: 1200px; margin: 2% auto 0;font-size: 14px;color: #444444;line-height: 35px; }
.yellow_80 { background: url(../images/yellow_80.png) repeat; background: none #0095d9; }

.caseC{display: block;width: 80%;position: absolute;top: 0;left: 0;transition: 400ms; -webkit-transition: 400ms; transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0; visibility: hidden;padding: 10%;}
.productIbox .item:hover .caseC { transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible; }
.caseC var{font-size: 30px;color: white;border-bottom: 2px solid white;display: block;font-style: normal;margin-bottom: 2%;-webkit-transition: all .5s ease-in-out .1s;-moz-transition: all .5s ease-in-out .1s;transition: all .5s ease-in-out .1s;}
.caseC label{font-size: 16px;color: white;display: block;line-height: 30px;-webkit-transition: all .6s ease-in-out .1s;-moz-transition: all .6s ease-in-out .1s;transition: all .6s ease-in-out .1s;}

.more-line { width: 37px; height: 37px; display: block; position: relative; }
.more-line .line { display: block; background: #fff; position: absolute; transition: 400ms; -webkit-transition: 400ms; opacity: 0; visibility: hidden; }
.more-line .line-1 { width: 37px; height: 1px; top: 50%; right: 0px; margin-top: -1px; transform: translateX(30px); -webkit-transform: translateX(30px); }
.more-line .line-2 { width: 1px; height: 37px; top: 50%; margin-top: -18px; right: 18px; transform: translateY(30px); -webkit-transform: translateY(30px); }

.product{position: relative;height: 20%;width: 100%;}
.product .productimg{width: 100%;height: 100%;display: block;}
.product .productimg1{width: 100%;height: 100%;display: none;}
.product .productD{width: 57%;height:100%;position: absolute;top: 0;right: 0;background: url(../images/indexbg1.png) no-repeat;background-size: 100% 100%;-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.product .productD .productDs{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.product .productD span{display: block;font-size: 70px;color: rgba(255,255,255,0.28);font-family: arial;display: block;text-transform:uppercase;-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.product .productD label{display: block;font-size: 26px;color: #fff;margin-top: -5%;-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.product .productD var{display: block;font-size: 18px;color: #fff;font-style: normal;padding-top: 3%;-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.product .productD var img{width: 74px;height: 2px;vertical-align: middle;margin-right: 5px;}
.product .productD:hover{background: url(../images/indexbg1_hover.png) no-repeat;background-size: 100% 100%;}
.product .productD:hover span{margin-top: 5px;}
.product .productD:hover label{margin-top: 5px;}
.product .productD:hover var{margin-top: 5px;}

.casetop{background: url(../images/casetopbg.jpg) no-repeat;background-size: 100% 100%;padding: 2% 0 4%;}
.newArrivalsIbox a:link, .newArrivalsIbox a:visited { color: #a3a3a3; }
.newArrivalsIbox a:active, .newArrivalsIbox a:hover { color: #363636; }
.productIbox .item { width: 439px; margin: 0px 7px; }
.productIbox .itemCon { display: block; position: relative; }
.productIbox .itemCon .img { width: 100%; }
.productIbox .itemCon .yellow_80 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 300ms; -webkit-transition: 300ms; transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0; visibility: hidden; }
.productIbox .itemCon .more-line { position: absolute; left: 50%; top: 50%; margin: -18px 0px 0px -18px; }
.productIbox .item:hover .yellow_80 { transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible; }
.productIbox .item:hover .more-line .line { transform: translate(0); -webkit-transform: translate(0); visibility: visible; opacity: 1; transition: 300ms ease-in 200ms; -webkit-transition: 300ms ease-in 200ms; }
.productIbox .slick-arrow { width: 74px; height: 74px; display: block; border-radius: 50px; background: url(../images/img_btn.png) no-repeat scroll center center; top: 50%; margin-top: -37px; z-index: 100; }
.productIbox .slick-arrow:hover { background-image: url(../images/img_btn2.png); }
.productIbox .slick-arrow i { background: url(../images/img_l.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0px auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.productIbox .slick-prev { left: 3%; transform: translateX(30px); -webkit-transform: translateX(30px); -ms-transform: translateX(30px); opacity: 0; }
.productIbox .slick-next { right: 3%; transform: translateX(-30px); -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); opacity: 0; }
.productIbox .slick-prev i { background-image: url(../images/img_l.png); }
.productIbox .slick-next i { background-image: url(../images/img_r.png); }
.productIbox:hover .slick-prev, .productIbox:hover .slick-next { transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); opacity: 1; }
.productIbox-more { padding: 50px 0px; }
.more { display: block; width: 264px; height: 36px; text-align: center; font-size: 14px; line-height: 36px; border: 1px solid #0095d9; margin: 0px auto; position: relative;color: #8a8989; }
.more .ico { position: absolute; right: 10%; color: #000; top: 0%; height: 100%; transition: 300ms; -webkit-transition: 300ms; }
.more:hover { background-color: #f4f4f4;color: #363636;}
.more:hover .ico { right: 5%; color: #0095d9; }

.news{ padding: 0; overflow: hidden;box-shadow: 0 3px 3px #e0e0e0;}
.newsC { width: 1200px; margin: 2% auto;}
.newsC ul{width: 100%;height: auto;}
.newsC ul li{width: 30%;height: auto;float: left;margin-right: 5%;}
.newsC ul li:last-child{margin-right: 0}
.newsC ul li i{display: block;font-size: 12px;color: #afaeae;line-height: 20px;font-style: normal;width: 100%;}
.newsC ul li span{display: block;width: 100%;font-size: 20px;color: #555555;line-height: 30px;height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.newsC ul li label{display: block;width: 100%;font-size: 14px;color: #807d7d;height: 50px;line-height: 25px;overflow: hidden;margin-top: 10px;}
.newsC ul li var{display: block;width: 135px;height: 35px;text-align: center;line-height: 35px;font-size: 14px;color: white;background: #0095d9;font-style: normal;margin-top: 30px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.newsC ul li:hover span{color: #0095d9;}
.newsC ul li:hover var{background: #0095d9;}
/*index style end*/

/*case style*/
.banner1{width: 100%;height: auto;}
.banner1 .bimgn{width: 100%;height: auto;display: block;}
.banner1 .pimgn{width: 100%;height: auto;display: none;}
.maintop{width: 100%;height: 50px;line-height: 50px;border-bottom: 1px solid #0095d9;}
.maintop .maintopC{width: 1200px;height: 50px;margin: 0 auto;}
.tab{overflow:hidden;float: left;}
.tab li{float:left;color:#612124;text-align:center;cursor:pointer;font-size: 18px;margin-right: 5rem;}
.tab li a{color:#509fe2;}
.tab li:last-child{margin-right: 0;}
.tab li.cur{border-bottom: 5px solid #003d98;height: 48px;}
.details{width:100%;display:none;}
.on{display:block;}

.position{float: right;}
.position li{float: left;margin-right: 5px;font-size: 14px;color: #555555;}
.position li label{color: #555555;}
.position li a{color: #555555;margin-right: 5px;}
.position li a:hover{color: #612124;}
.position li span{color: #612124;}
.position li:last-child{margin-right: 0;}

.position{float: right;font-size: 14px;color: #555555;}

.position  label{color: #612124;}
.position  a{color: #555555;margin-right: 5px;}
.position  a:hover{color: #612124;}
.position  span{color: #612124;}
.position :last-child{margin-right: 0;}

.SplitPage{display: table;margin:2rem auto;height: 30px;line-height: 30px;}
.SplitPage a{float: left;margin-right: 10px;display: table-cell;color: #777777;font-size: 14px;padding: 0 10px;}
.SplitPage span{float: left;margin-right: 10px;display: table-cell;color: #fff;font-size: 14px;padding: 0 10px;}
.SplitPage span.nowpage{background: #0095d9;}
.SplitPage a:hover{color: #fff;background: #0095d9;}
span.pagecount,span.allpage,#jumpMenu,.SplitPage button{display:none;}

.mains{width: 100%;height: auto;box-shadow: 0 3px 3px #e0e0e0;margin-bottom: 5px;}
.main{width: 1200px;height: auto;margin: 30px auto 0;}
.caselist{width: 100%;height: auto;}
.caselist li{width: 30%;height: auto;float: left;margin-right: 5%;margin-bottom: 2%;overflow: hidden;}
.caselist li:nth-child(3n){margin-right: 0;}
.caselist li .caseimg{width: 100%;height: auto;overflow: hidden;border:1px solid #bbbbbb;padding: 1rem;box-sizing: border-box;}
.caselist li img{width: 100%;height: 100%;transition: 600ms;display: block;}
.caselist li label{display: block;width: 100%;height: 35px;line-height: 35px;text-align: center;overflow: hidden;font-size: 16px;color: #333333;}
.caselist li:hover img{-webkit-transform: scale(1.15, 1.15);-moz-transform: scale(1.15, 1.15);  transform: scale(1.15, 1.15);}
/*case style end*/

/*productinfo style*/
.productinfo{width: 100%;height: auto;}
.productinfo img{display: block;margin: 10px auto;max-width: 1200px;}
.productinfo p{display: block;font-size: 14px;color: #444444;line-height: 30px;margin-bottom: 2rem;}
.productinfo p label{display: block;font-weight: bold;color: #0095d9;}
/*productinfo style*/

/*about style*/
.aboutus{width: 100%;height: auto;padding-bottom: 5rem;}
.aboutus .aboutus_top{width: 100%;height: auto;}
.aboutus .aboutus_top .aboutus_topimg{width: 1064px;height: 350px;position: relative;margin: 0 auto;}
.aboutus .aboutus_top .aboutus_topimg .aboutusR{width: 800px;height: 300px;background: #0095d9;position: absolute;right:0;bottom: 3px;}
.aboutus .aboutus_top .aboutus_topimg .aboutusR img{width: 800px;height: 300px;display: block;position: absolute;top: 3px;right: 3px;}
.aboutus .aboutus_top .aboutus_topimg .aboutusR .imgp{display: none}
.aboutus .aboutus_top .aboutus_topimg .aboutusL{width: 345px;height: 201px;position: absolute;left: 0;top: 0;z-index: 99;}
.aboutus .aboutus_top .aboutus_topimg .aboutusL img{display: block;width: 100%;height: auto;}
.aboutus .aboutus_top .aboutus_title{width: 100%;height: auto;text-align: center;font-size: 20px;color: #0095d9;padding: 20px 0;font-weight: bold;}
.aboutus .aboutusC{width: 100%;height: auto;}
.aboutus .aboutusC p{display: block;width: 100%;height: auto;font-size: 14px;color: #555555;line-height: 30px;text-indent: 2em;}

.culture{width: 100%;height: auto;background: #f7f8f9;padding: 5rem 0;}
.culture .culture_top{width: 100%;height: auto;text-align: center;}
.culture .culture_top span{display: block;font-size: 70px;font-family: arial;color: #000000;opacity: 0.08;text-transform: uppercase;font-weight: bold;}
.culture .culture_top var{display: block;font-style: normal;font-size: 20px;color: #0095d9;font-weight: bold;margin-top: -5.8%;}
.culture .cultureC{width: 100%;height: auto;padding: 6rem 0 1rem;text-align: center;font-size: 14px;color: #444444;line-height: 40px;}
/*about style end*/

/*activelist style*/
.activelist{width: 100%;height: auto;}
.activelist li{width: 30%;height: 210px;float: left;margin-right: 5%;margin-bottom: 2%;border: 1px solid #bab9b9;box-sizing: border-box;padding: 1rem;position: relative;transition: 600ms;}
.activelist li:nth-child(3n){margin-right: 0;}
.activelist li label{display: block;width: 100%;height: 30px;border-bottom: 1px solid #b3b2b2;font-size: 14px;color: #333333;}
.activelist li span{display: block;width: 100%;height: 35px;line-height: 35px;font-size: 14px;font-weight: bold;color: #555555;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: 600ms;}
.activelist li var{display: block;width: 100%;height: 40px;line-height: 20px;overflow: hidden;font-size: 14px;color: #666666;font-style: normal;}
.activelist li .active_bottom{width: 100%;height: 30px;line-height: 30px;position: absolute;left: -1px;bottom: -1px;transition: 600ms;}
.activelist li .active_bottom i{display: block;float: left;width: 30%;text-align: center;font-size: 14px;color: #fff;font-style: normal;transition: 600ms;}
.activelist li .active_bottom b{display: block;float: right;width: 20%;text-align: center;font-size: 17px;color: #a5a4a4;background: #e5e3e3;font-weight: normal;margin-right: -2px;transition: 600ms;}
.activelist li em{display: none;}
.activelist li:hover{border: 1px solid #0095d9;}
.activelist li:hover span{color: #0095d9;}
.activelist li:hover .active_bottom{background: #0095d9;}
.activelist li:hover .active_bottom b{background: #0095d9;color: white;}
/*activelist style*/

/*newslist style*/
.newslist{width: 100%;height: auto;}
.newslist li{width: 30%;height: auto;float: left;margin-right: 5%;margin-bottom: 2%;border: 3px solid #f7f7f7;box-sizing: border-box;background: #f7f7f7;transition: 600ms;padding-bottom: 3rem;}
.newslist li:nth-child(3n){margin-right: 0;}
.newslist li img{width: 100%;height: auto;display: block;}
.newslist li span{display: block;width: 100%;padding: 0 1rem;height: 35px;line-height: 35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;color: black;transition: 600ms;margin: 10px 0;}
.newslist li label{display: block;width: 94%;padding: 0 1rem;height: 40px;line-height: 20px;overflow: hidden;font-size: 14px;color: #666666;transition: 600ms;}
.newslist li i{display: block;width: 100%;padding: 0 1rem;height: 20px;line-height: 20px;font-size: 12px;color: #333333;font-style: normal;transition: 600ms;margin: 10px 0;}
.newslist li var{display: block;width: 123px;margin-left: 1rem;height: 38px;border: 1px solid #cfcccc;background: white;text-align: center;line-height: 38px;font-size: 14px;color: #333333;font-style: normal;transition: 600ms;}
.newslist li b{display: none;}
.newslist li:hover{border: 3px solid #0095d9;}
.newslist li:hover span{color: #0095d9;}
.newslist li:hover label{color: #0095d9;}
.newslist li:hover i{color: #0095d9;}
.newslist li:hover var{border: 1px solid #0095d9;background: #0095d9;color: #fff;}
/*newslist style*/

/*info style*/
.info{width: 100%;height: auto;background: #f9f9f9;padding-bottom: 50px;}
.info .info_top{width: 100%;height: auto;border-bottom: 1px solid #c8c5c5;padding: 2rem 0;}
.info .info_top span{display: block;width: 100%;height: auto;line-height: 35px;font-size: 18px;color: black;text-align: center;font-weight: bold;}
.info .info_top label{display: block;width: 100%;height: 20px;line-height: 20px;font-size: 14px;color: #666666;text-align: center;margin-top: 10px;}
.info .infoC{width: 95%;height: auto;margin: 20px auto 0;}
.info .infoC img{display: block;margin: 0 auto;max-width: 1200px;}
.info .infoC p{display: block;width: 100%;height: auto;font-size: 14px;color: #444444;line-height: 30px;margin-top: 20px;text-indent: 2em;}

.info_list{width: 100%;height: auto;margin-top: 50px;border-bottom: 3px solid #0095d9;margin-bottom: 50px;padding-bottom: 10px;}
.info_list li{height: 35px;line-height: 35px;font-size: 14px;color: #444444;float: left;}
.info_list li:last-child{float: right;}
.info_list li a{color: #444444;font-size: 16px;}
.info_list li a:hover{color: #0095d9;}
/*info style*/