/* always display scrollbars */
body { font: 12px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","微软正黑体","Microsoft JhengHei","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; color: #989898; background-color: #fff; -webkit-tap-highlight-color: rgba(0,0,0,0);min-width: 1366px;margin: 0 auto }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #f0be00; color: #fff; text-shadow: none; }
::selection { background: #f0be00; color: #fff; text-shadow: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;}

.row1bg {width:100%; text-align:center;}

.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: 0 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: 0; top: 0; width: 100%; color: #ababab; z-index: 1000; background-color: #fff; box-shadow: -1px 0 3px rgba(0, 0, 0, 0.5); }
.topBox a{font-size: 14px}
.topBox a:link, .topBox a:visited { color: #4c4c4c; }
.topBox a:active, .topBox a:hover { color: #f0be00; }
.px1300 {width:1300px; margin:0 auto;}
.top { height: 70px; background-color: #fff; position: relative; z-index: 2; }
.logo { float: left; display: block; padding: 9px 0; margin-left: 32px;  overflow: hidden;height: 100%;}
.logo img { max-height: 100%; display: block; }
.logoBox { width: 25%; float: left; display: block;height: 100% }
.nav { float: left; display: block; text-align: center;}
.nav li { float: left; display: block; width: 140px; height: 70px; line-height: 70px; font-size: 15px; }
.nav a.act { color: #f0be00; }
.menu-handler { background-color: #f0be00; 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: 0; top: 0; 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: 0 0 0 -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 { background-color: #f0be00; }
.menu-handler.active .burger { background-color: #fff; }*/
.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: #f0be00; }
#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: 0;width: inherit; }
.pc-menu li { float: left; display: block; }
.pc-menu li:nth-of-type(1) em{font-size: 24px;font-family: georgia;padding-right: 25px;color: #a90002;}
.pc-menu li:nth-of-type(1) span{display: inline-block;vertical-align: bottom;padding-top: 18px;padding-right: 18px;}

.pc-menu li.nav-toggle { width: 70px; }
.pc-menu li.serach-toggle { padding: 19px 12px 0 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: #f0be00; 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 { 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: 0; top: 70px; 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 { display: block; width: 27px; height: 32px; margin: 0 auto; }
.pc-navbox { position: fixed; left: 0; top: 70px; width: 100%; background-color: #ffffff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); display: none; }
.pc-nav-menu { padding-bottom: 80px; }
.pc-nav-menu dd { float: left; display: block; width: 140px; font-size: 12px; }
.pc-nav-menu dd p { margin-bottom: 10px; }
.pc-nav-menu a:hover { text-decoration: underline; }
.pc-nav-menu .lin1 { width: 25%; }
.pc-nav-menu .homeBox { width: 218px; display: block; text-align: right; margin-left: 32px; padding-top: 25px; }
.homeico { background: url(../img/home.png) no-repeat scroll left center; padding-left: 30px; display: inline-block; }
.pc-nav-menu .line { display: block; height: 1px; width: 58px; background-color: #000000; margin-bottom: 25px; }
.nav-foot { position: relative; margin: 0 24%; padding: 36px 0;font-size: 15px; }
.nav-foot a.member{color: transparent}
.nav-foot a.member:hover{color: inherit}
.sharpbox a { width: 120px; display: inline-block; background: url(../img/sharp.png) no-repeat;  float: left; margin-left: 20px; position: relative; top: 0;blr: expression(this.onFocus=this.blur()); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;text-align: center }
.sharpbox a.a1 { background-position: 0 0; }
.sharpbox a.a2 { background-position: -54px 0; }
.sharpbox a.a3 { background-position: -110px 0; }
.sharpbox a.a4 { background-position: -162px 0; }
.sharpbox a.a5 { background-position: -218px 0; }
.sharpbox a.a6 { background-position: -267px 0; }

.nav-foot .sharpbox { float: right; }
.nav-foot .sharpbox a:hover { transform: translateY(-5px); -webkit-transform: translateY(-5px); }
.menuBox-logo .logo { margin-left: 0; }
.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: 0; top: 0; background-color: rgba(0,0,0,0.5); display: none; z-index: 900; }
.menuBox { background-color: #f1f1f1; color: #9d9d9d; position: fixed; right: 0; top: 0; 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); /* Firefox 4 */ -webkit-transform: translate(584px,0px); /* Safari and Chrome */ -o-transform: translate(584px,0px); /* Opera */ 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: 0 30px; }
.navMobile { padding: 40px 0; }
.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: #f0be00; }
.navMobile .subnav { display: none; background-color: #ffffff; padding: 20px 0; }
.navMobile .subnav a { color: #828282; display: inline-block; margin: 0 10px 6px 30px; }
.navMobile .subnav a:hover { color: #f0be00; text-decoration: underline; }

.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: #F4CD34; }
.pc-searchbox { background-color: #e9ecef; padding: 26px 0 22px; position: fixed; left: 0; top: -150px; width: 100%; z-index: 1001; }
.pc-search-inner { width: 744px; margin: 0 auto; }
.pc-search-inner a:link, .pc-search-inner a:visited { color: #a9a9a9; }
.pc-search-inner a:active, .pc-search-inner a:hover { color: #F4CD34; }
.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: 0 none; background-color: transparent; border-bottom: 1px solid #000000; color: #4C4C4C; }
.pc-search-inner .btn { width: 170px; background-color: #f0be00; border-bottom: 1px solid #f0be00; text-align: center; }
.pc-search-inner .btn span { 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: 0 auto; 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 .shopbtn { display: block; background-color: #f4f4f4; text-align: center; padding-top: 8px; height: 48px; }
.moible-menu .shopbtn span { padding-top: 20px; display: block; }
.moible-menu .shoplist { top: 56px; width: 70px; }
.moible-menu .shoplist img { width: 100%; }
.moible-menu .serach-icon { display: none; width: 100%; padding: 17px 0; }
.moible-menu .serach-icon i { width: 22px; height: 22px; display: block; margin: 0 auto 0;  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: 0; 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 0 20px; background-color: #f1f1f1; position: relative; }
.box-sbox .txt { display: block; width: 100%; border: 0 none; height: 20px; line-height: 20px; padding: 15px 0; 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: 0; top: 56px; font-size: 16px; }
.box-sbox .btn:active { background-color: #4C4C4C; }
.moible-searchbox .keyword-t { padding: 30px 20px 0; font-size: 20px; }
.moible-searchbox .keyword { padding: 30px 10px 30px 20px; font-size: 16px; }
.moible-searchbox .keyword a { margin: 0 20px 8px 0; display: inline-block; }
.moible-searchbox a:link, .moible-searchbox a:visited { color: #fff; }
.moible-searchbox a:active, .moible-searchbox a:hover { color: #F4CD34; }
.open-box { left: 0; z-index: 900; }
.serachbg, .menubg {  position: fixed; left: 0; top: 0; z-index: 930; width: 100%; height: 100%; display: none; cursor: url("../img/close-icon.ico") 16 16, default; }
.touchevents .serachbg, .touchevents .menubg { cursor: pointer; }
.mtop { height: 70px; }
.linkBox a:link, .linkBox a:visited { color: #7f7f7f; }
.linkBox a.member{ color: transparent; }
.linkBox a.member:hover{ color:inherit; }

.linkBox a:active, .linkBox a:hover { color: #F4CD34; }
.linkBox { padding: 40px 0 50px; color: #7f7f7f; }
.linkBox dd { float: left; display: block; }
.f14 { font-size: 14px; }
.linkBox .lin1 { width: 16%; }
.linkBox .lin2 { width: 44%;line-height: 30px;font-size: 14px; }
.linkBox .lin3 { width: 40%; text-align: right; font-size: 14px; }
.linkBox .linkP span { padding: 0 8px; }
.linkBox a.logo2 { color: #014DA1; }
a.logo2 { width: 69px; display: block; font-size: 16px; color: #014da1; }
a.logo2 img { width: 100%; display: block; margin-bottom: 15px; }
.linkBox .lin2 .f14 { line-height: 1; margin-bottom: 8px; }
.email { text-transform: uppercase; }
.email-pl { padding-left: 48px; }
.linkBox .sharpbox { float: right; display: block; margin-bottom: 10px; }
.linkBox .sharpbox a:hover { transform: translateY(-10px); -webkit-transform: translateY(-10px); }
.linkImg { padding: 28px 0 34px; border-top: 1px solid #dddddd; text-align: center; }
.linkImg .img { margin: 0 10px; vertical-align: middle; }
.foot { background-color: #494949; color: #f4f4f4; padding: 15px 0; }
.foot a:link, .foot a:visited { color: #f4f4f4; }
.foot a:active, .foot a:hover { color: #fff; }
.foot .linkA { float: right; display: block; }
.backTop { background: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(../img/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(230,180,0,1); }
.backTop:hover span{color: #fff}
.pbanner { position: relative; overflow: hidden; width: 100%; height: 100%; }
.pbanner .bg { position: absolute; left: 0; top: 0; 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; }
/*video*/
.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: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; 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: 32px; height: 32px; cursor: pointer; position: absolute; top: 0; right: -42px; }
.vwrap .close i { display: block; width: 32px; height: 32px;  -webkit-transition: 400ms; transition: 400ms; }
.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; width: 66px!important; height: 66px!important; transform: rotate(0deg) !important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
/*video style end*/
/* 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 ; }
.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);  margin: 0 auto; width: 100%;}
.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: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }

@-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); }
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* 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, 0, 0); }
.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); }


/* 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 Carousel Owl Demo Theme 
*	v1.3.3
*/

.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 img */
.owl-item.loading { min-height: 150px; background: url(../img/AjaxLoader.gif) no-repeat center center; }

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.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(../img/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; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 0;}
.bx-wrapper .bx-next { right: 0;}
.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; }
/* AUTO CONTROLS (START / STOP) */
.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; /*background: url(img/controls.png) -86px -11px no-repeat;*/ 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; /*background: url(img/controls.png) -86px -44px no-repeat;*/ margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.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; }
/*brandcat style*/
.brandcat a{
	display: inline-block;
	width: 150px;
	height:150px;
	text-align: center;
	text-decoration: none;
}

.brandcat .brd1{
			background :url(../img/brand/brand1.png)no-repeat;	
		}
.brandcat .brd1:hover{
			background-image :url(../img/brand/brand1-1.png);	
		}
.brandcat .brd2{
			background :url(../img/brand/brand2.png)no-repeat;	
		}
.brandcat .brd2:hover{
			background-image :url(../img/brand/brand2-1.png);	
		}
.brandcat .brd3{
			background :url(../img/brand/brand3.png)no-repeat;	
		}
.brandcat .brd3:hover{
			background-image :url(../img/brand/brand3-1.png);	
		}
.brandcat .brd4{
			background :url(../img/brand/brand4.png)no-repeat;	
		}
.brandcat .brd4:hover{
			background-image :url(../img/brand/brand4-1.png);	
		}
.brandcat .brd5{
			background :url(../img/brand/brand5.png)no-repeat;	
		}
.brandcat .brd5:hover{
			background-image :url(../img/brand/brand5-1.png);	
		}
.brandcat .brd6{
			background :url(../img/brand/brand6.png)no-repeat;	
		}
.brandcat .brd6:hover{
			background-image :url(../img/brand/brand6-1.png);	
		}


/*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: 0; top: 0; }
.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: 0; 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; /* font-family: "pf_din_text_comp_probold";*/ }
.boxC .zh { font-size: 35px; line-height: 1; overflow: hidden; margin: 20px 0 30px; s; }
.boxC .moreBox { line-height: 1.5; }
.boxC .moreBox .bot { width: 120px; height: 2px; overflow: hidden; background-color: #fff; margin: 0 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); }
.bannerBox .slick-dots { bottom: 3%; z-index: 1000; }
.bannerBox .slick-dots li { margin: 0 7px; position: relative; width: 8px; height: 8px; display: inline-block; transition: 300ms; -webkit-transition: 300ms; }
.bannerBox .slick-dots a { width: 8px; height: 8px; overflow: hidden; display: block;  text-indent: -2em; }
.bgf4 { background-color: #f4f4f4; }
.aboutIbox { padding: 70px 0 80px; overflow: hidden; }
.iboxT { text-align: center; }
.iboxT .t { color: #f0be00; font-size: 45px; line-height: 1.2; }
.iboxT .by { color: #4c4c4c; font-size: 24px; }
.iboxT .line { height: 2px; width: 120px; display: block; margin: 40px auto 0; background-color: #4C4C4C; }
.iboxT .line2 { width: 368px; position: relative; padding: 8px 0; margin: 0 auto; color: #4c4c4c; font-size: 14px; }
.iboxT .line2 .txt { padding: 0 20px; background-color: #fff; position: relative; z-index: 2; }
.iboxT .line2 .xian { height: 1px; background-color: #e9e9e9; width: 100%; position: absolute; left: 0; top: 50%; }
.aboutIc { width: 900px; margin: 3% auto 5%; text-align: center; }
.aboutIList a:link, .aboutIList a:visited { color: #4c4c4c; }
.aboutIList a:active, .aboutIList a:hover { color: #F4CD34; }
.aboutIList { width: 1200px; margin: 0 auto;text-align: center }
.aboutIList li { display: inline-block;  padding: 0 20px 20px; line-height: 1.2; }
.aboutIList a { margin: 0 auto; text-align: center; }
.aboutIList .img { width: 100px; height: 100px; position: relative; display: block; margin: 0 auto; }
.aboutIList .y1 { background: url(../img/ico.png) no-repeat scroll right 0; }
.aboutIList .y2 { background: url(../img/ico.png) no-repeat scroll right -100px; }
.aboutIList .y1, .aboutIList .y2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; z-index: 1; }
.aboutIList .y2 { opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden; }
.aboutIList .ico { width: 100px; height: 100px; position: absolute; left: 0; top: 0; background: url(../img/ico.png) no-repeat; z-index: 3; /* -webkit-transition: 0.4s ease 0s;transition: 0.4s ease 0s;*/ }
.aboutIList .i1 { background-position: 0 0; }
.aboutIList .i2 { background-position: -100px 0; }
.aboutIList .i3 { background-position: -200px 0; }
.aboutIList .i4 { background-position: -300px 0; }
.aboutIList .i5 { background-position: -400px 0; }

.aboutIList .zh { color: #4c4c4c; padding-top: 10px; }
.aboutIList .en { color: #848484; }
.aboutIList a:hover .i1 { background-position: 0 -100px; }
.aboutIList a:hover .i2 { background-position: -100px -100px; }
.aboutIList a:hover .i3 { background-position: -200px -100px; }
.aboutIList a:hover .i4 { background-position: -300px -100px; }
.aboutIList a:hover .i5 { background-position: -400px -100px; }
.aboutIList a:hover .y1 { opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
.aboutIList a:hover .y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.aboutIList a:hover .zh { color: #9D9D9D; }
.aboutIList a:hover .en { color: #c7c7c7; }
.aboutIList a:hover { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.yellow_80 { background: rgba(230,180,0,0.8); }
.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: 0; 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); }
.newArrivalsIbox { padding-top: 70px;text-align: center }
.newArrivalsIbox a:link, .newArrivalsIbox a:visited { color: #a3a3a3; }
.newArrivalsIbox a:active, .newArrivalsIbox a:hover { color: #363636; }
.productIbox { margin-top: 50px;display: inline-block;}
.productIbox .item { width: 286px; margin: 0 7px;display: table }
.productIbox .itemCon { display: table-cell; position: relative;vertical-align: middle;height: 286px;}
.productIbox .itemCon .img { width:100%;border-radius: 8px;}
.productIbox .itemCon .yellow_80 { position: absolute; left: 2%; top: 2%; width: 96%; height: 96%; border-radius: 8px; transition: 300ms; -webkit-transition: 300ms; transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0; visibility: hidden;padding-top: 70%;font-size: 18px;color: #fff }
.productIbox .itemCon .more-line { position: absolute; left: 50%; top: 50%; margin: -18px 0 0 -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(../img/img_btn.png) no-repeat scroll center center; top: 50%; margin-top: -37px; z-index: 100; }
.productIbox .slick-arrow i { background: url(../img/img_l.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0 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(../img/img_l.png); }
.productIbox .slick-next i { background-image: url(../img/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 0; }
.more { display: block; width: 264px; height: 36px; text-align: center; font-size: 14px; line-height: 36px; border: 1px solid #6c6c6c; margin: 0 auto; position: relative; }
.more .ico { position: absolute; right: 10%; color: #000; top: 0; height: 100%; transition: 300ms; -webkit-transition: 300ms; }
.more:hover { background-color: #f4f4f4; }
.more:hover .ico { right: 5%; }
.fixedImg { background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.imgIbox { padding: 10% 0; 
			position: relative;
			background-size: auto;
			height: 640px;}
.black-30 { background:rgba(0,0,0,0.3); }
.imgIbox .con { width: 582px; padding: 25px 30px; margin: 0 auto; text-align: center; color: #fff; }
.imgIbox .t { font-size: 41px; }
.imgIbox .en { font-size: 30px; }
.imgIbox .bot { background: url(../img/b1.png) no-repeat; width: 228px; height: 8px; display: block; margin: 16px auto 12px; }
.imgIbox .by { font: 12px/1.5 arial, helvetica, sans-serif; }
.newIbox { padding-top: 66px; }
.newIbox .item { position: relative; overflow: hidden; }
.newIbox .img { float: left; display: block; width: 50%;height: 100%; margin: 0 6%; transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); opacity: 0; position: relative; overflow: hidden; }
.newIbox .img a{display: inline-block;width: 100%;height: 100%}
.newIbox .img img { width: 540px;height: 360px;display: block; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.newIbox .img .black-30 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; }
.newIbox .con { width: 30%; float: left; display: block; padding-top: 4%; height: 96%; transform: translateY(100%); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); opacity: 0; position: relative; }
.newIbox .con .newIa { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; }
.newIbox .con .en { font: 14px/1.8 arial, helvetica, sans-serif; color: #F0BE00; text-transform: uppercase; }
.newIbox .con .zh { font-size: 24px; color: #4c4c4c; line-height: 1.4; height: 34px; overflow: hidden; }
.newIbox .con .c { margin: 20px 0 40px; height: 65px; overflow: hidden; color: #777777; font-family: arial, helvetica, sans-serif; }
.more2 { text-transform: uppercase; color: #4c4c4c; font-weight: bold; font-family: arial, helvetica, sans-serif; height: 32px; line-height: 32px; display: block; width: 136px; }
.more2 .ico { background: url(../img/more2.png) no-repeat; width: 32px; height: 32px; float: left; display: block; margin-right: 12px; transition: 300ms; -webkit-transition: 300ms; }
.more2:hover .ico { background-image: url(../img/more22.png); }
.newIbox:hover .more2 .ico, .serviceIbox:hover .more2 .ico { background-image: url(../img/more22.png); }
.newIbox .img:hover img { transform: scale(1.03); -webkit-transform: scale(1.03); }
/*.newIbox .img:hover .black-30 { opacity: 1; visibility: visible; }*/
.newIbox .slick-active .img, .newIbox .slick-active .con { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); opacity: 1; transition: 800ms ease 0ms; -webkit-transition: 800ms ease 0ms; -ms-transition: 800ms ease 0ms; }
.newIbox .slick-dots { right: 5%; z-index: 900; top: 50%; width: 8px; }
.newIbox .slick-dots li { margin: 0 0 7px; position: relative; width: 8px; height: 8px; display: block; transition: 300ms; -webkit-transition: 300ms; }
.newIbox .slick-dots a { width: 8px; height: 8px; overflow: hidden; display: block; border-radius: 100%; text-indent: -2em;border: 1px solid #014da1 }

.newIbox .slick-dots li.on a { background: #014da1; }
.serviceIbox { padding-bottom: 80px; }
.serviceIbox dd { float: left; display: block; }
.serviceIbox .con { width: 30%; margin: 0 9% 0 14%; padding-top: 6%; position: relative; }
.serviceIbox .con .newIa { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; }
.serviceIbox .con .en { font: 14px/1.8 arial, helvetica, sans-serif; color: #F0BE00; text-transform: uppercase; }
.serviceIbox .con .zh { font-size: 24px; color: #4c4c4c; line-height: 1.4; }
.serviceIbox .con .c { margin: 30px 0 40px; height: 65px; overflow: hidden; color: #777777; font-family: arial, helvetica, sans-serif; }
.serviceIbox .img { width: 37%; position: relative; float: right; margin-right: 10%; overflow: hidden; }
.serviceIbox .img img { width: 100%; display: block; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.serviceIbox .img .black-30 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.serviceIbox .img .iboxT {  width: 215px; height: 215px; border-radius: 50%; background: #e6b400; color: #fff; position: absolute; top: 50%; left: 50%; margin: -107px 0 0 -107px; }
.serviceIbox .iboxT .t { padding-top: 66px; font-size: 30px; color: #fff; }
.serviceIbox .iboxT .line2 { width: 100%; }
.serviceIbox .iboxT .line2 .xian { background-color: #fff; }
.serviceIbox .iboxT .line2 .txt { background-color: #e6b400; color: #fff; padding: 0 8px; }
.serviceIbox .img:hover img { transform: scale(1.06); -webkit-transform: scale(1.06); }
.serviceIbox .img:hover .black-30 { opacity: 1; visibility: visible; }
.serviceIbox .img:hover .iboxT { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.joinIbox { padding: 70px 0 55px; }
.joinIbox .iboxT { text-align: left; margin-bottom: 35px; }
.joinIbox .iboxT .t { color: #4c4c4c; }
.joinIbox .ts { font-style: italic; }
.joinIForm { margin-bottom: 25px; padding-right: 168px; position: relative; }
.joinIForm .jtxt { border: 0 none; background-color: #f4f4f4; width: 27.33%; padding: 20px 2%; margin: 0 2% 0 0; float: left; display: block; height: 20px; line-height: 20px; }
.joinIForm .jbtn { position: absolute; right: 0; top: 0; height: 60px; line-height: 60px; text-align: center; color: #fff; background-color: #014da1; width: 168px; }
.joinIForm .jbtn:hover { background-color: #F0BE00; }
input.jtxt:focus { background-color: #dcdada; }
/*index style end*/
/*about style*/
.w1132 { width: 1132px; margin: 0 auto; }
.aboutNav { width: 1000px; margin: 0 auto; }
.aboutNav a:link, .aboutNav a:visited { color: #5c5c5c; }
.aboutNav a:active, .aboutNav a:hover { color: #fff; }
.aboutNav ul { margin-top: -78px; position: relative; z-index: 5; }
.aboutNav li { float: left; display: block; width: 25%; }
.aboutNav a { width: 161px; height: 161px; display: block; margin: 0 auto; font-size: 18px; text-align: center; position: relative; }
.aboutNav .y1, .aboutNav .y2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.aboutNav .y2 { opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.aboutNav .con { padding-top: 25%; position: relative; z-index: 3; }
.aboutNav .ico {width: 40px; height: 40px; display: block; margin: 0 auto 5px; }
.aboutNav .i1 { background-position: 0 0; }
.aboutNav .i2 { background-position: -40px 0; }
.aboutNav .i3 { background-position: -80px 0; }
.aboutNav .i4 { background-position: -120px 0; }
.aboutNav a:hover .i1 { background-position: 0 -40px; }
.aboutNav a:hover .i2 { background-position: -40px -40px; }
.aboutNav a:hover .i3 { background-position: -80px -40px; }
.aboutNav a:hover .i4 { background-position: -120px -40px; }
.aboutNav a:hover .y1 { opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
.aboutNav a:hover .y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.aboutNav a:hover .ico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }

@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

.aboutPage1 { padding: 90px 0; }
.pboxT { text-align: center; margin-bottom: 60px; }
.pboxT .t { font-size: 38px; color: #4b4b4b; font-weight: bold; line-height: 1.2; margin-bottom: 25px; }
.pboxT .by { font-size: 20px; color: #333333; }
.pboxT .byEn { font-size: 14px; color: #d5d5d5; font-style: italic; }
.pageC a:link, .pageC a:visited { color: #F4CD34; }
.pageC a:active, .pageC a:hover { color: #014DA1; }
.pageC img { max-width: 100%; }
.pageC { font-size: 14px; color: #727272; }
.f18 { font-size: 18px; }
.about-t { font: italic 30px/1.4 arial, helvetica, sans-serif; font-weight: bold; }
.pageDL dd { float: left; display: block; width: 46%; line-height: 2; }
.pageDL dd.item1 { border-right: 1px solid #ccc; padding-right: 4%; }
.pageDL dd.item2 { padding-left: 4%; width: 45%; }
.u-arrow-box { width: 31px; height: 33px; display: block; margin: 0 auto; }
.u-arrow { width: 21px; height: 12px; display: block; }
.u-arrow3 { animation-delay: 0ms; animation-duration: 900ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.u-arrow2 { animation-delay: 300ms; animation-duration: 900ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.u-arrow1 { animation-delay: 600ms; animation-duration: 900ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }

@-webkit-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0, 0); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, 12px, 0); }
}

@keyframes arrow {
    0% { opacity: 0; transform: translate3d(0px, 0, 0); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; transform: translate3d(0px, 12px, 0); }
}

@-ms-keyframes arrow {
    0% { opacity: 0; -ms-transform: translate3d(0px, 0, 0); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -ms-transform: translate3d(0px, 12px, 0); }
}

.about-t2 .cul-by { text-transform: uppercase; color: #F0BE00; font: italic bold 30px/1.2 arial,helvetica,sans-serif; }
.about-t2 .cul-en { font: italic 22px/1.4 arial, helvetica, sans-serif; font-weight: bold; color: #d5d5d5; }
.about-t2 .cul-zh { font-size: 30px; padding: 18px 0; color: #4B4B4B; }
.about-t2 .cul-i { color: #727272; margin-bottom: 42px; }
.about-t2 .bot { width: 30px; display: block; height: 3px; background-color: #F0BE00; }
.cultureTbox { padding: 80px 0 55px; text-align: center; }
.cultureTbox .cul-zh { padding: 30px 0 50px; }
.twoCultrue dd { float: left; display: block; position: relative; width: 50%; *width: 49.99%; overflow: hidden; }
.twoCultrue .img { width: 100%; display: block; }
.twoCultrue .yellow_80 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); opacity: 0; visibility: hidden; }
.twoCultrue .con { width: 100%; height: 70%; position: absolute; left: 0; top: 25%; text-align: center; color: #fff; font-size: 14px; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.twoCultrue .by { color: #f0be00; font: 20px/1.4 "futura_lightregular","times new roman","microsoft yahei"; }
.twoCultrue .by1 { text-transform: uppercase; margin-bottom: 4%; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.twoCultrue .t .txt { font-size: 20px; color: #727272; padding: 12px 0; display: block; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.twoCultrue .t .bot { width: 22px; margin: 0 auto; display: block; height: 2px; background-color: #a9a9a7; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.twoCultrue .by2 { color: #fff; text-transform: uppercase; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; opacity: 0; visibility: hidden; }
.twoCultrue .c { width: 90%; margin: 0 auto; height: 50px; overflow: hidden; display: none; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.twoCultrue .lico { border: 2px solid #fff; width: 96%; height: 90%; position: absolute; left: 2%; bottom: 5%; transition: 300ms ease 100ms; -webkit-transition: 300ms ease 100ms; transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 0; visibility: hidden; }
.twoCultrue dd:hover .con { top: 16%; }
.twoCultrue dd:hover .yellow_80 { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); }
.twoCultrue dd:hover .by1 { opacity: 0; transform: translate(0px,-50px); -webkit-transform: translate(0px,-50px); height: 0; margin-bottom: 0; overflow: hidden; }
.twoCultrue dd:hover .by2 { opacity: 1; margin: 3% auto 6%; visibility: visible; }
.twoCultrue dd:hover .t .bot1 { visibility: hidden; opacity: 0; }
.twoCultrue dd:hover .t .txt { padding: 0 0 12px; color: #fff; }
.twoCultrue dd:hover .t .bot { background-color: #fff; }
.twoCultrue dd:hover .c { display: block; }
.twoCultrue dd:hover .lico { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); }
.historyPage { padding: 8% 0; overflow: hidden; }
.historyPage dd { float: left; display: block; }
.historyPage .titem { width: 26%; padding-left: 2%; }
.historyPage .citem { width: 72%; height: 426px; position: relative; }
.hisBot { position: absolute; left: 0; width: 100%; display: block; top: 50%; height: 2px; background-color: #646464; margin-top: -1px; }
.historyDemo .item { width: 100%; height: 426px; position: relative; }
.historyDemo .xian { width: 38px; height: 190px; position: absolute; left: 0; }
.historyDemo .dian {  width: 11px; height: 11px; position: absolute; left: -6px; }
.historyDemo .year { font-weight: bold; font-size: 40px; line-height: 1.2; color: #646464; margin-bottom: 12px; }
.historyDemo .c { font-size: 14px; line-height: 2; }
.historyDemo .hitem1, .historyDemo .hitem2, .historyDemo .hitem3, .historyDemo .hitem4 { padding-left: 50px; }
.historyDemo .hitem1 .dian, .historyDemo .hitem2 .dian { bottom: -6px; }
.historyDemo .hitem3 .dian, .historyDemo .hitem4 .dian { top: -6px; }
.historyDemo .hitem1 .xian, .historyDemo .hitem2 .xian { bottom: 0; }
.historyDemo .hitem3 .xian, .historyDemo .hitem4 .xian { top: 0; background: url(../img/h_i5.png) no-repeat scroll left bottom; }
.historyDemo .hitem2 .xian { height: 154px; }
.historyDemo .hitem3 .xian { height: 110px; }
.historyDemo .hitem4 .xian { height: 68px; }
.historyDemo .hitem1 { position: absolute; left: 5%; height: 212px; top: 0; width: 38%; }
.historyDemo .hitem2 { position: absolute; left: 55%; height: 172px; top: 40px; width: 38%; }
.historyDemo .hitem3 { position: absolute; left: 25%; padding-top: 88px; height: 124px; top: 212px; width: 38%; }
.historyDemo .hitem4 { position: absolute; left: 70%; padding-top: 48px; height: 164px; top: 212px; width: 20%; }
.historyDemo .slick-arrow { width: 48px; height: 48px; display: block; background: url(../img/h_btn_bg.png) no-repeat scroll left top; top: 50%; margin-top: -24px; z-index: 100; }
.historyDemo .slick-arrow i{ width: 40px; height: 40px; display: block; margin: 4px auto;}
.historyDemo .slick-prev{ left: -24px; }
.historyDemo .slick-next { right: -24px;}
.historyDemo .slick-prev i{-webkit-animation: start1 1s infinite ease-in-out; -moz-animation: start1 1s infinite ease-in-out; animation: start1 1s infinite ease-in-out;background: url(../img/h_btn_l.png) no-repeat scroll left center;}
.historyDemo .slick-next i{-webkit-animation: start 1s infinite ease-in-out; -moz-animation: start 1s infinite ease-in-out; animation: start 1s infinite ease-in-out;background: url(../img/h_btn_r.png) no-repeat scroll left center; }
@-webkit-keyframes start {
    0%,30% { opacity: 0; -webkit-transform: translate(-8px,0px); }
    60% { opacity: 1; -webkit-transform: translate(0,0); }
    100% { opacity: 0; -webkit-transform: translate(10px,0px); }
}
@-moz-keyframes start {
    0%,30% { opacity: 0; -moz-transform: translate(-8px,0px); }
    60% { opacity: 1; -moz-transform: translate(0,0); }
    100% { opacity: 0; -moz-transform: translate(10px,0px); }
}
@keyframes start {
    0%,30% { opacity: 0; transform: translate(-8px,0px); }
    60% { opacity: 1; transform: translate(0,0); }
    100% { opacity: 0; transform: translate(10px,0px); }
}
@-webkit-keyframes start1 {
    0%,30% { opacity: 0; -webkit-transform: translate(8px,0px); }
    60% { opacity: 1; -webkit-transform: translate(0,0); }
    100% { opacity: 0; -webkit-transform: translate(-10px,0px); }
}
@-moz-keyframes start1 {
    0%,30% { opacity: 0; -moz-transform: translate(8px,0px); }
    60% { opacity: 1; -moz-transform: translate(0,0); }
    100% { opacity: 0; -moz-transform: translate(-10px,0px); }
}
@keyframes start1 {
    0%,30% { opacity: 0; transform: translate(8px,0px); }
    60% { opacity: 1; transform: translate(0,0); }
    100% { opacity: 0; transform: translate(-10px,0px); }
}
.honorPage { padding: 80px 0 9%; }
.honorPage .about-t2 { text-align: center; margin-bottom: 50px; }
.honorPage .about-t2 .bot { margin: 0 auto; }
.honorDemo { width: 1172px; margin: 0 auto; overflow: hidden; }
.filler2 { position: absolute; display: block; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s; }
.itemLink .filler2 { background-color: #F0BE00; z-index: 5; }
.itemLink .filler2-left { width: 5px; height: 0%; left: 0%; top: 0%; }
.itemLink .filler2-right { width: 5px; height: 0%; right: 0%; bottom: 0%; }
.itemLink .filler2-top { width: 0%; height: 5px; right: 0%; top: 0%; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.itemLink .filler2-bottom { width: 0%; height: 5px; left: 0%; bottom: 0%; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.itemLink:hover .filler2-left { height: 100%; }
.itemLink:hover .filler2-right { height: 100%; }
.itemLink:hover .filler2-top { width: 100%; }
.itemLink:hover .filler2-bottom { width: 100%; }
.honorDemo .itemLink { display: block; position: relative; }
.honorDemo .itemLink .img { border: 5px solid #f4f4f4; }
.honorDemo .itemLink .img img { width: 100%; display: block; }
.honorDemo ul { margin-left: -2%; }
.honorDemo .item { display: block; /*padding: 0 25px;*/ float: left; display: block; width: 23%; margin: 0 0 58px 2%; }
.onumBox { width: 198px; height: 50px; line-height: 50px; margin: 0 auto; position: relative; font-size: 29px; font-style: italic; color: #4b4b4b; text-align: center; font-family: arial, helvetica, sans-serif; }
.onumBox .owlp-prev, .onumBox .owlp-next { background-size: cover; border: 2px solid #4b4b4b; display: block; position: absolute; top: 0; width: 46px; height: 46px; }
.onumBox .owlp-prev { background: url(../img/prev.png) no-repeat scroll center center; left: 0; }
.onumBox .owlp-next { background: url(../img/next.png) no-repeat scroll center center; right: 0; }
.onumBox .ovnum { color: #F0BE00; }
.onumBox .owlp-prev:hover, .onumBox .owlp-next:hover { border-color: #F0BE00; background-color: #fff; }
html.openImg { overflow: hidden; }
.overlayClose { width: 52px; height: 52px; display: block; position: fixed; right: 3%; top: 2%; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; z-index: 100; }
.overlayClose i { background: url(../img/close_ico2.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.overlayClose:hover { background-color: #F0BE00; }
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgShowBox { background: url(../img/black.png) repeat; background: none rgba(0,0,0,0.7); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 800ms ease 0s; -webkit-transition: all 800ms ease 0s; z-index: 1010; width: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; }
.no-csstransitions .imgShowBox { display: none; }
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.imgShowDemo .con { position: absolute; left: 0; right: 0; bottom: 0; background-color: #fff; width: 90%; padding: 10px 5%; }
.imgShowDemo .con .t { font-size: 16px; color: #333; }
.imgShowDemo .txt { background: #272727; font-size: 14px; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; padding: 15px 0; text-align: center; }
.imgShowDemo .txt .i { padding-left: 3%; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show { display: block; }
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0; margin: 0; width: 50px; height: 50px; border-radius: 50%; background-color: transparent; overflow: hidden; top: 50%; margin-top: -25px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image: url(../img/img_l2.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 3%; background-image: url(../img/img_r2.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover { background-color: #F0BE00; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background-color: #666666; }
/*about style end*/
/*brand style*/
.pagenavBox { height: 68px; }
.pagenav { background-color: #f0be00; width: 100%; text-align: center; height: 68px; overflow: hidden; }
.pagenav .pnavbox { line-height: 68px; }
.pnavbox span { margin: 0 15px; border-right: 1px solid #fcf2cc; color: #f0be00; }
.pagenav a { text-align: center; color: #fff; display: inline-block; *display: inline; zoom: 1; position: relative; }
.pagenav a span { padding: 0 24px; color: #fff; border-right: 0; margin: 0; font-size: 16px; }
.pagenav a .ico { background: url(../img/v_bot.png) no-repeat; width: 9px; height: 5px; display: block; position: absolute; left: 50%; bottom: 12px; margin-left: -4px; opacity: 0; visibility: hidden; }
.pagenav a .bot { height: 0; width: 100%; background-color: #014da1; position: absolute; left: 0; bottom: 0; }
.pagenav a:hover, .pagenav a.act { background-color: #d8b210; color: #fff; }
.pagenav a:hover .ico, .pagenav a.act .ico { opacity: 1; visibility: visible; }
.pagenav a:hover .bot, .pagenav a.act .bot { height: 6px; }
.pagenav.fixed { top: 70px; position: fixed; left: 0; z-index: 700; }
.videoList { padding: 80px 0; }
.videoList li { margin-bottom: 80px; }
.videoList .t { color: #3a3a3a; font: 30px/1.4 "microsoft yahei"; }
.sharpBox2 a:link, .sharpBox2 a:visited { color: #a5a5a5; }
.sharpBox2 a:active, .sharpBox2 a:hover { color: #014da1; }
.sharpBox2 { color: #a5a5a5; font: 14px/1.5 helvetica; text-transform: uppercase; }
.sharpBox2 .i { float: left; display: block; background: url(../img/sharp2.png) no-repeat; width: 18px; height: 21px; margin-left: 10px; }
.sharpBox2 .i1 { background-position: 0 0; }
.sharpBox2 .i2 { background-position: -29px 0; }
.sharpBox2 .i3 { background-position: -55px 0; }
.sharpBox2 .i4 { background-position: -80px 0; }
.sharpBox2 .i5 { background-position: -115px 0; width: 24px; }
.videoList .sharpBox2 { margin-bottom: 40px; padding: 10px 0; }
.videoList .vbBox { height: 450px; position: relative; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.videoList .vbBox .vico { background: url(../img/vico.png) no-repeat; width: 66px; height: 66px; display: block; position: absolute; left: 50%; top: 50%; margin: -33px 0 0 -33px; cursor: pointer; }
.videoList .vbBox:hover .vico { background-image: url(../img/vico2.png); }


.videoList2 a:link, .videoList2 a:visited { color: #727272; }
.videoList2 a:active, .videoList2 a:hover { color: #727272; }
.videoList2{ margin-left: -4%;}
.videoList2 li{ float: left; display: block; width: 29.33%; margin: 0 0 4% 4%; background-color: #f4f4f4;}
.videoList2 li .con{ font-size: 15px; height: 60px; line-height: 60px; overflow: hidden; padding: 0 5%;}
.videoList2 li .pic{ overflow: hidden; position: relative; border: 5px solid #F4F4F4; border-bottom: 0 none;}
.videoList2 li .pic img{ width: 100%; display: block; transition: 600ms;}
.videoList2 li .back{ background: url(../img/black.png) repeat; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none;}
.videoList2 li .vico{ position: absolute; background: url(../img/vico2.png) no-repeat; width: 66px; height: 66px; margin: -33px 0 0 -33px; left: 50%; top: 50%;}
.videoList2 li a{ display: block;}
.videoList2 li a:hover img{-webkit-transform: scale(1.15, 1.15);-moz-transform: scale(1.15, 1.15);  transform: scale(1.15, 1.15); }
.videoList2 li a:hover .back{ display: block;}

.firstNewPage { background-color: #F8F8F8; padding: 70px 0 80px; }
.firstNewPage a:link, .firstNewPage a:visited { color: #1b1b1b; }
.firstNewPage a:active, .firstNewPage a:hover { color: #014da1; }
.firstNew { width: 79%; margin: 0 auto; }
.firstNew .time { color: #7e7e7e; font-size: 14px; text-indent: 1px; }
.firstNew .t { font-size: 30px; line-height: 1.2; padding: 5px 0 20px; text-indent: 1px; }
.firstNew .img { float: left; display: block; width: 50%; }
.firstNew .img img { width: 100%; display: block; }
.firstNew .itemCon { position: relative; padding-left: 1px; }
.firstNew .con { float: left; display: block; width: 46%; margin-left: 4%; }
.firstNew .con .c { color: #6c6c6c; font-size: 14px; margin-bottom: 10%; height: 76px; overflow: hidden; }
.firstNew .con .c a { color: #6c6c6c; }
.firstNew .con a.redmore { font-size: 18px; color: #414141; border-bottom: 1px solid #414141; padding-bottom: 8px; }
.firstNew .con a.redmore:hover { color: #014DA1; border-bottom-color: #014DA1; }
.firstNew .sharpBox2 { position: absolute; left: 54%; bottom: 0; }
.newPage { padding: 34px 0 80px; }
.firstNew .slick-prev, .firstNew .slick-next { width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; z-index: 100; transition: all 0s ease 0s; -webkit-transform: all 0s ease 0s; background: url(../img/img_bg1.png) no-repeat scroll center center; border-radius: 50%; background: none rgba(0,0,0,0.4); }
.firstNew .slick-prev { left: -10%; }
.firstNew .slick-next { right: -10%; }
.firstNew .slick-prev:hover, .firstNew .slick-next:hover { background: url(../img/img_bg2.png) no-repeat scroll center center; background: none rgba(240,190,0,1); }
.firstNew .slick-prev i, .firstNew .slick-next i { display: block; width: 100%; height: 100%; }
.firstNew .slick-prev i { background: url(../img/img_l2.png) no-repeat scroll center center; }
.firstNew .slick-next i { background: url(../img/img_r2.png) no-repeat scroll center center; }
.newDL { padding-bottom: 80px; }
.newDL dd { cursor: pointer; position: relative; }
.newDL .item { border-bottom: 1px solid #b9b9b9; padding: 45px 0; position: relative; height: 124px; }
.newDL .img { position: absolute; left: 16px; top: 45px; width: 196px; overflow: hidden; }
.newDL .img img { width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms; }
.newDL .con { padding-left: 246px; }
.newDL .t { color: #070707; font-size: 18px; line-height: 1.2; height: 22px; overflow: hidden; margin-bottom: 12px; }
.newDL .c { height: 42px; overflow: hidden; margin-bottom: 28px; }
.newDL .redmore { color: #dcdcdc; text-decoration: underline; }
.newDL .yellow { background-color: #F0BE00; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; display: block; }
.newDL .item .linkA { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.newDL dd:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.newDL dd:hover .t { color: #f0be00; }
.ninfoT { background-color: #dbd1ac; padding: 55px 0 35px; color: #fff; text-align: center; }
.ninfoT .t { font-size: 25px; line-height: 1.2; margin-bottom: 10px; }
.ninfoT .time { background: url(../img/it1.png) no-repeat scroll left center; padding: 8px 0 8px 28px; display: inline-block; }
.infoC { width: 990px; margin: 0 auto; overflow: hidden; }
.bgf8 { background-color: #F8F8F8; }
.pagePadding { padding: 3% 0; }
.infoPaging a:link, .infoPaging a:visited { color: #666666; }
.infoPaging a:active, .infoPaging a:hover { color: #F0BE00; }
.infoPaging { padding: 25px 0 40px; line-height: 2.5; font-size: 14px; }
.infoPaging p { width: 70%; overflow: hidden; }
.infoPaging a.list { float: right; display: block; padding: 5px 16px; position: relative; line-height: 1.2; background-color: #F0BE00; }
.infoPaging a.list span { background: url(../img/list.png) no-repeat scroll left 5px; padding-left: 44px; display: inline-block; color: #fff; width: 32px; }
.infoPaging a.list:hover { background-color: #014DA1; }
/*brand style end*/
/*product style*/
.productNav a:link, .productNav a:visited { color: #505050; }
.productNav a:active, .productNav a:hover { color: #F0BE00; }
.productNav { overflow: hidden; }
.productNav li { float: left; display: block; width: 20%; padding: 22px 0; }
.productNav li a { border-right: 1px solid #fff; display: block; height: 128px; padding-top: 20px; text-align: center; position: relative; }
.productNav ul li:nth-child(1) a { border-left: 1px solid #fff; }
.productNav li .ico { display: block; margin: 0 auto 20px; }
.productNav li a span { display: block; line-height: 1.2; }
.productNav li a .zh { font-size: 18px; }
.productNav li a .en { font-size: 14px; font-family: arial, helvetica, sans-serif; color: #a2a2a2; }
.productNav li a .bot { background: url(../img/sj.png) no-repeat scroll center top; width: 34px; height: 16px; position: absolute; left: 50%; bottom: -40px; margin-left: -17px; transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; }
.productNav a:hover .ico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.productNav li.act a .bot, .productNav li:hover a .bot { bottom: -22px; }
.proPage { padding: 7% 0; }
.proList a:link, .proList a:visited { color: #fff; }
.proList a:active, .proList a:hover { color: #fff; }
.proList a.item { display: block; background-color: #efc99d; position: relative; overflow: hidden; }
.proList li .img { width: 50%; display: block; position: relative; overflow: hidden; }
.proList li .img img { transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; width: 100%; display: block; }
.proList .img .black-30 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.proList .con { color: #fff; }
.proList .con .zh { font-size: 25px; line-height: 1.2; }
.proList .con .en { font: 20px/1.1 arial, helvetica, sans-serif; text-transform: uppercase; }
.proList .con .bot { height: 2px; margin: 15px 0 20px; width: 68px; background-color: #fff; display: block; }
.proList .con .c { font-size: 14px; }
.proList .oneItem .con { position: absolute; left: 54%; top: 10%; height: 70%; width: 42%; }
.proList .twoItem .img { margin-left: 50%; }
.proList .twoItem .con { position: absolute; left: 4%; top: 10%; height: 70%; width: 42%; }
.proList .filler2-left { width: 2px; height: 0%; left: 2%; top: 2%; }
.proList .filler2-right { width: 2px; height: 0%; right: 2%; bottom: 2%; }
.proList .filler2-top { width: 0%; height: 2px; right: 2%; top: 2%; }
.proList .filler2-bottom { width: 0%; height: 2px; left: 2%; bottom: 2%; }
.proList li:hover .filler2-left { height: 96%; }
.proList li:hover .filler2-right { height: 96%; }
.proList li:hover .filler2-top { width: 96%; }
.proList li:hover .filler2-bottom { width: 96%; }
.proList li:hover img { transform: scale(1.06); -webkit-transform: scale(1.06); }
.proList li:hover .black-30 { opacity: 1; visibility: visible; }
.proPadding { padding: 12px 1%; float: none; display: block; background-color: #a7a7a7;}
.prolistType { color: #fff;}
.prolistType a:link, .prolistType a:visited { color: #fff; }
.prolistType a:active, .prolistType a:hover { color: #505050; }
.prolistType .proPadding a { padding: 4px 15px; margin: 0 5px; border-radius: 12px; font-size: 14px; display: inline-block; margin-bottom: 5px;}
.prolistType a:hover, .prolistType a.act { background-color: #fff; color: #505050; }
.selectPro { width: 276px; height: 50px; background-color: #d8ab00; position: relative; }
.selectPro .select-ico{ background: url(../img/select_bot.png) no-repeat scroll center center; width: 17px; height: 100%; position: absolute; top: 0; left: 90%; -webkit-animation: start2 1s infinite ease-in-out; -moz-animation: start2 1s infinite ease-in-out; animation: start2 1s infinite ease-in-out;}
@-webkit-keyframes start2 {
    0%,30% { opacity: 0; -webkit-transform: translate(0px,-10px); }
    60% { opacity: 1; -webkit-transform: translate(0,0); }
    100% { opacity: 0; -webkit-transform: translate(0px,8px); }
}
@-moz-keyframes start2 {
    0%,30% { opacity: 0; -moz-transform: translate(0px,-10px); }
    60% { opacity: 1; -moz-transform: translate(0,0); }
    100% { opacity: 0; -moz-transform: translate(0px,8px); }
}
@keyframes start3 {
    0%,30% { opacity: 0; transform: translate(0px,-10px); }
    60% { opacity: 1; transform: translate(0,0); }
    100% { opacity: 0; transform: translate(0px,8px); }
}
.selectPro .txt { padding: 0 58px 0 20px; line-height: 50px; font-size: 18px; text-align: center; cursor: pointer; }
.selectPro .cc { position: absolute; left: 0; top: 50px; width: 100%; z-index: 99; background-color: #c39b02; display: none; }
.selectPro .cc ul { padding: 10px 0; }
.selectPro .cc li a { padding: 5px 20px; font-size: 14px; display: block; }
.selectPro .cc li a:hover, .selectPro .cc li a.act { background-color: #f0be00; color: #fff; }
.prolistType .selectPro { margin:12px 0; }
.productList a:link, .productList a:visited { color: #fff; }
.productList a:active, .productList a:hover { color: #fff; }
.productList ul { margin-left: -2%; }
.productList li { float: left; display: block; width: 31.33%; margin: 0 0 2% 2%; transition: 300ms; -webkit-transition: 300ms; }
.productList a { display: block; position: relative; overflow: hidden; }
.productList .img { width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms; }
.productList .yellow_50 { background: url(../img/yellow_50.png) repeat; background: none rgba(240,190,0,0.5); width: 100%; height: 0%; opacity: 0; position: absolute; left: 0; top: 50%; -moz-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .3s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.productList .con { position: absolute; left: 10%; height: 148px; top: 50%; margin-top: -74px; width: 80%; text-align: center; }
.productList .con .en { font-size: 25px; text-transform: uppercase; }
.productList .con .line { width: 30px; margin: 0 auto 5px; display: block; height: 1px; background-color: #fff; }
.productList .con .zh { font-size: 15px; }
.productList .bot { height: 1px; background-color: #fff; width: 0; margin: 8% auto; display: block; overflow: hidden; }
.productList .ico { width: 27px; height: 27px; display: block; margin: 0 auto; transform: scale(0); -webkit-transform: scale(0); }
.productList .ico i { background: url(../img/ico4.png) no-repeat; background-size: cover; width: 100%; height: 100%; display: block; }
.productList .ico, .productList .con .c, .productList .con .bot { visibility: hidden; opacity: 0; transition: 400ms; -webkit-transition: 400ms; }
.productList .c { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); }
.productList .c p { overflow: hidden; }
.productList li:hover { box-shadow: 6px 6px 9px -5px rgba(0, 0, 0, 0.3); }
.productList a:hover .img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.productList a:hover .yellow_50 { height: 100%; top: 0; opacity: 1; }
.productList a:hover .ico, .productList a:hover .con .c, .productList .con .bot { transition: 400ms ease-in-out 400ms; -webkit-transition: 400ms ease-in-out 400ms; opacity: 1; visibility: visible; }
.productList a:hover .c { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.productList a:hover .ico { transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.productList a:hover .con .bot { width: 80%; }
.pageCur { background-color: #f0be00; color: #fff; padding: 12px 2%; font-size: 14px; }
.pageCur a:link, .pageCur a:visited { color: #fff; }
.pageCur a:active, .pageCur a:hover { color: #014DA1; }
.proInfoPage { padding: 65px 0; }
.proBanner .item img { width: 100%; display: block; }
.proBanner .slick-arrow { width: 74px; height: 74px; display: block; border-radius: 50px; background: url(../img/img_btn.png) no-repeat scroll center center; top: 50%; margin-top: -37px; z-index: 100; }
.proBanner .slick-arrow:hover { background-image: url(../img/img_btn2.png); }
.proBanner .slick-arrow i { background: url(../img/img_l.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.proBanner .slick-prev { left: 2%; transform: translateX(30px); -webkit-transform: translateX(30px); -ms-transform: translateX(30px); opacity: 0; }
.proBanner .slick-next { right: 2%; transform: translateX(-30px); -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); opacity: 0; }
.proBanner .slick-prev i { background-image: url(../img/img_l.png); }
.proBanner .slick-next i { background-image: url(../img/img_r.png); }
.proBanner:hover .slick-prev, .proBanner:hover .slick-next { transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); opacity: 1; }
.proCon { padding: 50px 0; }
.proCon-t { color: #f0be00; font-size: 24px; margin-bottom: 50px; line-height: 1.5; }
.proCon-t .en { text-transform: uppercase; font-family: arial, helvetica, sans-serif; }
.proCon-t .t { line-height: 1.4; }
.proCon-t .t span { border-bottom: 2px solid #f0be00; padding-bottom: 10px; }
.proCon-c dd { width: 55%; border-left: 1px solid #dcdcdc; padding: 0 5% 0 2%; float: left; display: block; }
.proCon-c dd.item2 { width: 35%; padding-right: 0; }
.relatedProducts { padding-bottom: 5%; }
.relatedProducts dt { padding: 35px 0; font-size: 30px; color: #505050; }
.listPager { padding: 50px 0; }
a.listIco { background: url(../img/list2.png) no-repeat scroll left center; padding-left: 40px; font-size: 18px; color: #505050; }
a.listIco:hover { color: #F0BE00; }
/*product style end*/
/*service style*/
.servicePbox a:link, .servicePbox a:visited { color: #f0be00; }
.servicePbox a:active, .servicePbox a:hover { color: #f0be00; }
.servicePbox { padding: 40px 0; background: url(../img/with_80.png) repeat; background: none rgba(255,255,255,0.8); color: #f0be00; position: absolute; left: 50%; bottom: 22px; z-index: 4; margin-left: -505px; }
.servicePbox .telBox { float: left; display: block; width: 38%; background: url(../img/tel.png) no-repeat scroll left center; padding-left: 82px; margin-left: 4%; }
.servicePbox .telBox .t { font: 18px/1.4 "microsoft yahei"; }
.servicePbox .telBox .c { font: italic 42px/1.1 arial, helvetica, sans-serif; font-weight: bold; }
.servicePbox .byBox { text-align: right; float: right; display: block; width: 40%; margin-right: 4%; font-size: 24px; line-height: 1.4; }
.servicePbox .byBox .c { font-weight: bold; font-style: italic; }
.pagePadding2 { padding: 5% 0; }
.serviceT { text-align: center; color: #4b4b4b; }
.serviceT .t { font-size: 30px; }
.serviceT .bot { width: 72px; height: 2px; background-color: #F0BE00; display: block; margin: 20px auto 0; }
.serviceCon { padding: 70px 0; width: 832px; margin: 0 auto; color: #4b4b4b; text-align: center; }
.innerP { width: 1000px; margin: 0 auto; }
.serviceList ul { margin-left: -2%; }
.serviceList li { float: left; display: block; width: 23%; margin: 0 0 0 2%; position: relative; overflow: hidden; transition: 300ms; -webkit-transition: 300ms; }
.serviceList li img { width: 100%; display: block; }
.serviceList .ybg { background-color: #F0BE00; border-radius: 50%; width: 140px; height: 140px; position: absolute; left: 50%; top: 50%; margin: -70px 0 0 -70px; color: #fff; line-height: 140px; text-align: center; font-size: 24px; display: block; transform: scale(0.6); -webkit-transform: scale(0.6); opacity: 0; -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); visibility: hidden; }
.serviceList li:hover .ybg { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); }
.serviceList li:hover { box-shadow: 6px 6px 9px -5px rgba(0, 0, 0, 0.3); transform: translateY(-10px); -webkit-transform: translateY(-10px); }
.downPage { padding: 50px 0; }
.downList { padding: 30px 0; }
.downList ul { margin-left: -2%; }
.downList li { float: left; display: block; width: 48%; margin: 0 0 2% 2%; position: relative; transition: 300ms; -webkit-transition: 300ms; }
.downList .item { display: block; border: 1px solid #dbdbdb; background-color: #fff; }
.downList .linkA { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.downList .img { float: right; display: block; border-left: 1px solid #DBDBDB; width: 40%; }
.downList .img img { width: 100%; display: block; }
.downList .con { float: left; width: 50%; height: 100%; }
.downList .con .down { width: 64px; height: 64px; margin-bottom: 8%; background-color: #f0be00; display: block; }
.downList .con .down i { background: url(../img/down.png) no-repeat scroll center center; background-size: cover; display: block; width: 100%; height: 100%; }
.downList .con .name { font-size: 18px; line-height: 1.5; color: #8e8f8f; padding: 0 18px; height: 54px; overflow: hidden; }
.downList .con .btn { position: absolute; left: 18px; bottom: 10%; }
.downList li:hover .down { background-color: #014DA1; }
.downList li:hover { box-shadow: 6px 6px 9px -5px rgba(0, 0, 0, 0.15); transform: translateY(-10px); -webkit-transform: translateY(-10px); }
.contactPage dd { width: 50%; float: left; display: block; }
.contactCon { color: #4B4B4B; font-size: 13px; width: 532px; margin-right: 90px; float: right; display: block; line-height: 1.5; }
.contactCon .ct { font-size: 30px; line-height: 1.4; padding: 10% 0; }
.contactCon .cc { border-bottom: 1px solid #4B4B4B; padding-bottom: 30px; margin-bottom: 40px; }
.f24 { font-size: 24px; }
.contactCon .f24 { margin-bottom: 5px; }
.mapBox { height: 600px; }
/*service style end*/
/*job style*/
.w900 { width: 900px; margin: 0 auto; }
.jobT { font-size: 30px; line-height: 1.4; color: #676767; margin-bottom: 30px; }
.job-strategy { text-align: center; padding: 70px 0; }
.job-strategy .w900 { margin-bottom: 5%; }
.strategy-btn { background-color: #a7a7a7; width: 114px; height: 30px; border-radius: 5px; display: block; margin: 0 auto; line-height: 30px; color: #fff; }
.strategy-btn:hover { background-color: #014DA1; }
.job-strategy-img { height: 275px; background-size: cover; width: 100%; background-repeat: no-repeat; background-position: center center; }
.job-strategy-list a:link, .job-strategy-list a:visited { color: #a7a7a7; text-decoration: underline; }
.job-strategy-list a:active, .job-strategy-list a:hover { color: #F0BE00; }
.job-strategy-list { background-color: #f3f3f3; font-size: 14px; color: #a7a7a7; }
.job-strategy-list li { float: left; display: block; text-align: center; width: 29.33%; padding: 40px 2%; cursor: pointer; }
.job-strategy-list .jico { width: 60px; display: block; margin: 0 auto 10px; }
.job-strategy-list .t { font-size: 16px; color: #f0be00; margin-bottom: 15px; }
.job-strategy-list .c { width: 238px; margin: 0 auto; }
.job-strategy-list li:hover .jico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.jobList { width: 1024px; margin: 0 auto; }
#jobpage2 { padding-bottom: 100px; }
#jobpage2 .w900 { margin-bottom: 0; }
.jobList { color: #9e9e9e; }
.jobList a:link, .jobList a:visited { color: #F0BE00; }
.jobList a:active, .jobList a:hover { color: #014DA1; }
.jobList .jspan { text-align: center; cursor: pointer; width: 25%; display: block; float: left; color: #a7a7a7; height: 52px; line-height: 52px; }
.jobList .jobdt { font-size: 20px; border-radius: 5px 5px 0 0; overflow: hidden; background-color: #f0be00; }
.jobList .jobdt .jspan { color: #fff; }
.jobList .jobTitle { border-bottom: 2px solid #f3f3f3; }
.jobList .jobBcon { background-color: #fafafa; padding: 28px 5%; display: none; overflow: hidden; }
.jobList .active .jobTitle { background-color: #efefef; }
#jobpage3 { padding-top: 50px; }
#jobpage3 .jobT { text-align: center; }
.staffList .img { width: 100%; overflow: hidden; position: relative; }
.staffList .img .imgbg { width: 100%; height: 280px; display: block; background-position: center center; background-repeat: no-repeat; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.staffList .img .black-30 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.staffList .item { background-color: #fff; }
.staffList .con { padding: 40px 10%; height: 200px; position: relative; }
.staffList .con .zh { color: #4c4c4c; font-size: 18px; height: 32px; overflow: hidden; margin-bottom: 8%; }
.staffList .con .c { color: #777; font-family: arial, helvetica, sans-serif; height: 65px; overflow: hidden; }
.staffList .con .more2 { position: absolute; left: 10%; bottom: 40px; }
.staffList .con .newIa { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.staffList .item:hover { background-color: #e5e5e5; }
.staffList .item:hover .imgbg { transform: scale(1.06); -webkit-transform: scale(1.06); }
.staffList .item:hover .black-30 { opacity: 1; visibility: visible; }
.staffList .slick-arrow { width: 74px; height: 74px; display: block; border-radius: 50px; background: url(../img/img_btn2.png) no-repeat scroll center center; top: 50%; margin-top: -37px; z-index: 100; }
.staffList .slick-arrow i { background: url(../img/img_l.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.staffList .slick-prev { left: 2%; transform: translateX(30px); -webkit-transform: translateX(30px); -ms-transform: translateX(30px); opacity: 0; }
.staffList .slick-next { right: 2%; transform: translateX(-30px); -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); opacity: 0; }
.staffList .slick-prev i { background-image: url(../img/img_l.png); }
.staffList .slick-next i { background-image: url(../img/img_r.png); }
.staffList:hover .slick-prev, .staffList:hover .slick-next { transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); opacity: 1; }
/*job style end*/
/*haiGaoLun Brand style*/
.haiTop a:link, .haiTop a:visited { color: #F0BE00; }
.haiTop a:active, .haiTop a:hover { color: #014DA1; }
.haiTop { background: url(../img/with_80.png) repeat; background: none rgba(255,255,255,0.8); padding: 16px 0; width: 100%; position: fixed; left: 0; top: 0; z-index: 1000; }
.haiLogo { float: left; display: block; width: 126px; }
.haiLogo img { width: 100%; display: block; }
.haiTop a.balckHome { float: right; display: block; height: 34px; line-height: 34px; padding: 0 18px; border-radius: 17px; background-color: #F0BE00; color: #fff; font-size: 14px; }
.haiTop a.balckHome:hover { background-color: #c36d20; }
.haiBanner { position: relative; width: 100%; overflow: hidden; }
.haiBanner .img { display: block; width: 100%; }
.haiBanner .img2 { display: none; width: 100%; }
.haiBanner .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); }
.haiBanner .slick-arrow { width: 74px; height: 74px; display: block; border-radius: 50px; background: url(../img/img_btn.png) no-repeat scroll center center; top: 50%; margin-top: -37px; z-index: 100; }
.haiBanner .slick-arrow:hover { background-image: url(../img/img_btn2.png); }
.haiBanner .slick-arrow i { background: url(../img/img_l.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.haiBanner .slick-prev { left: 2%; transform: translateX(30px); -webkit-transform: translateX(30px); -ms-transform: translateX(30px); opacity: 0; }
.haiBanner .slick-next { right: 2%; transform: translateX(-30px); -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); opacity: 0; }
.haiBanner .slick-prev i { background-image: url(../img/img_l.png); }
.haiBanner .slick-next i { background-image: url(../img/img_r.png); }
.haiBanner:hover .slick-prev, .haiBanner:hover .slick-next { transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); opacity: 1; }
.haiT { color: #c36d20; text-align: center; margin-bottom: 40px; }
.haiT2 { text-align: left; }
.haiT .en { font: 50px/1.4 "pf_din_text_comp_promedium"; }
.haiT .zh { font: 20px/1.4 "microsoft yahei"; }
.hfoot { background-color: #1e0a0a; }
.oneHaiPage a:link, .oneHaiPage a:visited { color: #fff; }
.oneHaiPage a:active, .oneHaiPage a:hover { color: #c36d20; }
.oneHaiPage { background-color: #1e0a0a; padding: 7% 0 5%; }
.oneHaiPage .con { float: left; display: block; width: 46%; }
.oneHaiPage .haiC { color: #736964; font-size: 14px; text-align: justify; line-height: 2; }
.oneHaiPage .img { width: 47%; float: left; display: block; margin: 0 0 0 7%; position: relative; overflow: hidden; }
.oneHaiPage .img img { width: 100%; display: block; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.oneHaiPage .img .black-30 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.oneHaiPage .img:hover img { transform: scale(1.06); -webkit-transform: scale(1.06); }
.oneHaiPage .img:hover .black-30 { opacity: 1; visibility: visible; }
.twoHaiPage { padding: 60px 0; }
.twoHaiPage .pageC { width: 786px; margin: 0 auto 60px; text-align: center; overflow: hidden; }
.twoHaiPage-img { height: 400px; margin-top: 5%; }
.twoHaiPage-Con { background-color: #1e0a0a; color: #fff; position: relative; margin: -130px auto 48px; }
.twoHaiPage-Con .item { padding: 30px 35px 50px; font-size: 14px; }
.twoHaiPage-Con .item .t { font-size: 30px; margin-bottom: 20px; line-height: 1.4; }
.twoHaiPage-Con .slick-arrow { width: 48px; height: 48px; display: block; bottom: -48px; background-color: #474141; }
.twoHaiPage-Con .slick-arrow:hover { background-color: #b38755; }
.twoHaiPage-Con .slick-arrow i { background: url(../img/h_l.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0 auto; display: block; }
.twoHaiPage-Con .slick-prev { left: 0; }
.twoHaiPage-Con .slick-next { left: 49px; }
.twoHaiPage-Con .slick-prev i { background-image: url(../img/h_l.png); }
.twoHaiPage-Con .slick-next i { background-image: url(../img/h_r.png); }
.threeHaiPage { padding: 50px 0; background-color: #cdcdcd; }
.threeHaiList ul { margin-left: -2%; }
.threeHaiList li { float: left; display: block; width: 31.33%; margin: 0 0 2% 2%; position: relative; overflow: hidden; transition: 300ms; -webkit-transition: 300ms; }
.threeHaiList .img { width: 100%; display: block; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.threeHaiList .black-30 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.threeHaiList li:hover { box-shadow: 6px 6px 9px -5px rgba(0, 0, 0, 0.4); }
.threeHaiList li:hover img { transform: scale(1.06); -webkit-transform: scale(1.06); }
.threeHaiList li:hover .black-30 { opacity: 1; visibility: visible; }
.ledMore { display: block; width: 132px; height: 52px; line-height: 52px; text-align: center; color: #fff; font-size: 14px; margin: 20px auto 0; background-color: #c36d20; }
.ledMore:hover { background-color: #1e0a0a; }
.fiveInner { padding: 60px 0 45px; }
.fiveInner .pageC { width: 1000px; margin: 0 auto; }
.pcc { color: #736964; border-top: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD; padding: 10px 0; font-size: 24px; display: inline-block; margin: 0 auto; }
.joinCondition { background-color: #ebd9c5; padding: 45px 0 50px; }
.joinCondition .haiT .zh { color: #736964; }
.joinCondition-list li { float: left; display: block; width: 21%; padding: 0 2%; margin-bottom: 25px; font-size: 14px; color: #736964; cursor: pointer; }
.joinCondition-list li.lin5 { margin-left: 12.5%; }
.joinCondition-list .num { margin: 0 auto 20px; display: block; width: 78px; height: 78px; border: 2px solid #c36d20; font-size: 26px; line-height: 78px; text-align: center; color: #c36d20; border-radius: 2px; transition: 0.4s 0s; -webkit-transition: 0.4s 0s; }
.joinCondition-list .c { width: 86%; text-align: center; margin: 0 auto; }
.joinCondition-list li:hover .num { border-radius: 50%; }
.joinAdvantage { padding: 60px 0; }
.joinAdvantage dd { float: left; display: block; width: 50%; }
.joinAdvantage dd.img { position: relative; }
.joinAdvantage dd.img img { position: relative; z-index: 2; width: 100%; display: block; }
.joinAdvantage dd.img .img-color { background-color: #f9f3ee; width: 100%; height: 100%; position: absolute; top: -8%; left: -5%; }
.joinAdvantage dd.con { margin-left: 5%; width: 45%; line-height: 2; }
.joinAdvantage dd.con .haiT { text-align: left; }
.joinAdvantage dd.con .haiT .en { line-height: 0.9; }
.joinProcess { padding: 4% 0 6%; background-color: #f9f3ee; }
.joinProcess .haiT .zh { color: #736964; }
.processPage { position: relative; overflow: hidden; }
.processPage .boColor { background-color: #f9f3ee; width: 15px; height: 100%; background-color: #f9f3ee; position: absolute; top: 0; z-index: 100; }
.processPage .boColor1 { left: 78px; }
.processPage .boColor2 { right: 78px; }
.processList { margin: 0 78px; }
.processList .bg { background-color: #2b2024; border-radius: 50%; width: 126px; height: 93px; padding-top: 33px; display: block; margin: 0 auto 30px; }
.processList .bg img { width: 60px; display: block; margin: 0 auto; }
.processList .bg .i1 { display: block; }
.processList .bg .i2 { display: none; }
.processList .item { position: relative; }
.processList .item:hover .bg { background-color: #c36d20; }
.processList .item:hover .bg .i1 { display: none; }
.processList .item:hover .bg .i2 { display: block; }
.processList .item .c { text-align: center; color: #2b2024; width: 78%; margin: 0 auto; }
.processList .item .jt { background: url(../img/jt2.png) no-repeat; width: 27px; height: 18px; position: absolute; left: -13px; top: 54px; }
.processList .slick-arrow { width: 29px; height: 29px; display: block; border-radius: 50px; background: url(../img/j_b1.png) no-repeat scroll center center; top: 48px; z-index: 100; }
.processList .slick-arrow:hover { background-image: url(../img/j_bl2.png); }
.processList .slick-prev { left: -54px; }
.processList .slick-next { right: -54px; background-image: url(../img/j_br.png); }
.processList .slick-next:hover { background-image: url(../img/j_br2.png); }
/*haiGaoLun Brand style end*/
/*join style*/
.pbanner .joinBanner { width: 1100px; left: 50%; margin-left: -550px; top: auto; bottom: 10%; text-align: left; }
.pbanner .joinBanner .en { margin-bottom: 20px; }
.w950 { width: 950px; margin: 0 auto; }
.joinT { text-align: center; font-weight: bold; font-size: 28px; line-height: 1.4; }
.joinT .en { font-family: arial, helvetica, sans-serif; text-transform: uppercase; }
.joinT .bot { background-color: #fff; width: 72px; height: 4px; margin: 20px auto 0; display: block; }
.oneJoinPage { padding: 6% 0; }
.oneJoinPage .joinT { margin-bottom: 55px; }
.oneJoinPage .joinT .zh { color: #F0BE00; }
.twoJoinPage { padding: 60px 0; height: 450px; }
.twoJoinPage .joinT { color: #fff; }
.conditionPage { background-color: #f4f4f4; position: relative; margin-top: -136px; padding: 30px 0; }
.conditionPage li { float: left; display: block; width: 16%; padding: 0 2%; font-size: 14px; color: #5c5c5c; }
.conditionPage li .ico { display: block; width: 50px; margin-bottom: 10px; }
.conditionPage li .bot { width: 28px; height: 4px; background-color: #F0BE00; display: block; margin-bottom: 12px; transition: 300ms; -webkit-transition: 300ms; }
.conditionPage li:hover .ico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.conditionPage li:hover .bot { width: 100%; }
.threeJoinPage { padding-top: 80px; }
.threeJoinPage .joinT { margin-bottom: 8%; }
.slider-nav { margin: 0 134px 45px; font-size: 14px; }
.slider-nav .fkbg { background: url(../img/fk1.png) no-repeat; width: 112px; height: 129px; display: block; position: relative; text-align: center; margin: 0 auto 22px; cursor: pointer; }
.slider-nav .fkbg .ico { background: url(../img/fk2.png) no-repeat scroll center bottom; width: 100%; height: 0; position: absolute; left: 0; bottom: 0; }
.slider-nav .fkbg .num { position: relative; z-index: 2; line-height: 129px; font-size: 50px; }
.slider-nav .c { color: #595959; text-align: center; width: 90%; margin: 0 auto; }
.slider-nav .slick-current .ico { height: 100%; }
.slider-nav .slick-current .num { color: #fff; }
.slider-nav .slick-current .c { color: #f0be00; }
.slider-nav .slick-arrow { width: 48px; height: 48px; display: block; border-radius: 50px; background: url(../img/img_bg3.png) no-repeat scroll center center; top: 42px; z-index: 100; }
.slider-nav .slick-arrow:hover { background-image: url(../img/img_bg4.png); }
.slider-nav .slick-arrow i { background: url(../img/img_l3.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.slider-nav .slick-prev { left: -77px; }
.slider-nav .slick-next { right: -77px; }
.slider-nav .slick-prev i { background-image: url(../img/img_l3.png); }
.slider-nav .slick-next i { background-image: url(../img/img_r3.png); }
.slider-nav .slick-prev:hover i { background-image: url(../img/img_l2.png); }
.slider-nav .slick-next:hover i { background-image: url(../img/img_r3.png); }
.slider-for .item { background-color: #F0BE00; color: #fff; padding: 50px 0; font-size: 16px; text-align: center;}
.join-down { padding: 88px 0; text-align: center; font-size: 14px; color: #747474; display: none; }
.join-down .btn { font-weight: bold; font-size: 30px; text-decoration: underline; }
.join-down a:link, .join-down a:visited { color: #747474; }
.join-down a:active, .join-down a:hover { color: #F0BE00; }
.jmList a:link, .jmList a:visited { color: #747474; }
.jmList a:active, .jmList a:hover { color: #F0BE00; }
.jmList dd { display: block; position: relative; background-color: #f4f4f4;}
.jmList .t { font-size: 20px; margin-bottom: 20px; }
.jmList .img { position: relative; overflow: hidden; width: 50%; }
.jmList .img .i { display: block; width: 100%; }
.jmList .con { position: absolute; top: 16%; width: 42%; left: 54%; font-size: 14px; color: #595959;}
.joinForm { padding: 6% 0; color: #747474; font-size: 14px; }
.joinForm a:link, .joinForm a:visited { color: #747474; }
.joinForm a:active, .joinForm a:hover { color: #F0BE00; }
.joinFormT { font-size: 24px; font-weight: bold; }
.telIbox { float: left; display: block; width: 28%; margin-right: 3%; }
.telIbox .fitem { border: 1px solid #c0c0c0; padding: 24px 28px; }
.telIbox .fitem .c { border-top: 1px solid #cdcdcd; padding: 35px 0; margin-top: 30px;  }
.formBox { float: left; display: block; width: 69%; background-color: #f4f4f4; }
.formBox .fitem { padding: 20px 5% 80px; }
.formBox .joinFormT { margin-bottom: 28px; }
.joinForm a.fromBtn { display: block; width: 100%; height: 54px; line-height: 54px; text-align: center; font-size: 18px; color: #fff; background-color: #F0BE00; }
.joinForm a.fromBtn:hover { background-color: #014DA1; }
.joinFormT2 { font-weight: normal; }
.joinFormTBL td { padding-bottom: 25px; vertical-align: top; }
.jfname { width: 84px; text-align: right; line-height: 34px; }
input[type="text"].fromT { border-radius: 3px; }
.fromT { background-color: #fff; border: 0 none; padding: 8px 12px; box-sizing: border-box; width: 100%; font: 12px/1.8 "microsoft yahei"; box-shadow: 0 1px 2px 0 rgb(220,220,220); }
.fromT2 { height: 260px; margin-bottom: 40px; }
textarea.fromT2 { border-radius: 8px; resize: none; font-size: 14px; }
select.selbox { width: 180px; height: 38px; line-height: 38px; padding: 0; outline: none; vertical-align: middle; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "microsoft yahei"; cursor: pointer; display: block; font-size: 12px; background: url(../img/select.png) no-repeat scroll 94% center #fff; padding-left: 12px; }
.no-csstransitions select.selbox { padding-left: 0; background-image: none; }
select.selbox option { padding: 2px 12px; }
select.selbox:hover { color: #323232; }
.formBox .selbox { float: left; margin: 0 1.33% 0 0; display: block; width: 32%; box-shadow: 0 1px 2px 0 rgb(220,220,220); border-radius: 3px; }
.formBox .selbox2 { margin-right: 0; width: 33.33%; }
input.fromT:focus { box-shadow: 0 1px 2px 0 #f0be00; }
/*join style end*/

/* winxin */
.popUpblack { background: rgba(0,0,0,0.3); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1010; display: none; }
.popUp { width: 220px; height: 242px; border: 5px solid #f1f1f1; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }
/* winxin end */