@charset "utf-8";
/* 
 * Project Name:徽记食品
 * Author:浅浅
 * Date：2014-10-20
 */
@font-face { font-family: 'CorbelRegular'; src: url('corbel.eot'); src: url('corbel.eot') format('embedded-opentype'), url('corbel.woff2') format('woff2'), url('corbel.woff') format('woff'), url('corbel.ttf') format('truetype'), url('corbel.svg#CorbelRegular') format('svg'); }

/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }*/
/* always display scrollbars */
.content-right-center{ font: 12px/1.8 "HiraginoSansGB-W3", "STHeiti", 'Microsoft yahei', tahoma; margin: 0 auto; color: #999999; background-color: #fff; font-family:"HiraginoSansGB-W3","STHeiti",'Microsoft yahei',tahoma !important; }
span {font-family:"HiraginoSansGB-W3","STHeiti",'Microsoft yahei',tahoma !important; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }
::-moz-selection{ background:#e60027; color:#fff; text-shadow:none;}
::selection {text-shadow:none;} 
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; }
a:link, a:visited { text-decoration: none; transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; /* Firefox 4 */ -webkit-transition: all 300ms ease 0s; /* Safari and Chrome */ -o-transition: all 0.2s ease-in-out 0s; /* Opera */ }
a:active, a:hover { text-decoration: none; transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; /* Firefox 4 */ -webkit-transition: all 300ms ease 0s; /* Safari and Chrome */ -o-transition: all 0.2s ease-in-out 0s; /* Opera */ }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.l { float: left; }
.r { float: right; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.fr { text-align: right; }
.inner { width: 1000px; margin: 0px auto; }
.headroom { -webkit-transition: top 600ms ease; -moz-transition: top 600ms ease; -ms-transition: top 600ms ease; -o-transition: top 600ms ease; transition: top 600ms ease; }
.headroom--unpinned { top: -62px; }
.top a:link, .top a:visited { color: #7e7e7e; }
.top a:active, .top a:hover { color: #e60027; }
.top .inner { height: 62px; }
.top .logo { float: left; display: block; margin-top: 8px; }
.shopbox ,.oabox,.langebox{ float: right; display: block; width: 121px; position: relative; }
.shopbtn,.oabtn,.langbtn{ display: block; height: 62px; position: relative; overflow: hidden; }
.shopbtn span ,.oabtn span,.langbtn span{ color: #b2b2b2; position: relative; z-index: 2; background-color: #b2b2b2; display: block; height: 62px; line-height: 62px; position: relative; width: 100%; overflow: hidden; }
.shopbtn span i ,.oabtn span i,.langbtn span i{ background: url(../images/c2.png) no-repeat scroll 20px center; padding-left: 44px; height: 62px; color: #fff; font-style: normal; }
.shopbtn span.sp2,.oabtn span.sp2 ,.langbtn span.sp2{ position: absolute; left: 0px; top: 0px; height: 62px; z-index: 4; background-color: #e6e6e6; }
.shopbtn span.sp2 i ,.oabtn span.sp2 i,.langbtn span.sp2 i{ background: url(../images/c1.png) no-repeat scroll 20px center; color: #ababab; }
.shoplist,.oalist,.langlist{ display: none; width: 121px; position: absolute; left: 0px; top: 61px; z-index: 8; }
.shoplist li{ border-top: 1px solid #b2b2b2;}
.oabtn span{ background-color: #e3e3e3;}
.oabtn span.sp2{ background-color: #fff;}
.oabtn span i,.oabtn span.sp2 i,.langbtn span i,.langbtn span.sp2 i{ background: none; padding-left: 38px;}
.oalist li,.langlist li{ border-top: 1px solid #e3e3e3;}
.oalist li a,.langlist li a{ text-align: center;  width: 121px; height: 63px; display: block; line-height: 63px; background-color: #fff; font: 12px/63px "microsoft yahei"; color: #9d9d9d;}
.oalist li a:hover,.langlist li a:hover{ background-color: #AEAEAE;}
.langbtn span{ background-color: #e6e6e6;}
.langbtn span.sp2{ background-color: #E3E3E3;}
.langbtn span i{ color: #ababab;}

.navbtn { float: right; display: inline-block; height: 62px; line-height: 62px; position: relative; z-index: 10; overflow: hidden; }
.navbtn span { color: #fff; padding: 0px 26px; font-size: 14px; display: inline-block; height: 62px; position: relative; z-index: 2; background-color: #f8f6f4; overflow: hidden; }
.navbtn span i { height: 62px; line-height: 62px; background: url(../images/menu_2.gif) no-repeat scroll right center; padding-right: 35px; display: inline-block; color: #E60027; font-style: normal; }
.navbtn span.sp2 { position: absolute; left: 0px; top: 0px; height: 62px; z-index: 4; background-color: #e60027; }
.navbtn span.sp2 i { background: url(../images/menu_1.gif) no-repeat scroll right center; color: #fff; }
.navbox { border-bottom: 4px solid #E60027; background-color: #f8f6f4; padding: 120px 0px 55px; width: 100%; display: none; position: relative; z-index: 100; }
.nav dd { float: left; display: inline-block; width: 10%; height: 250px;}
.nav dd.navL1 { width: 17%; }
.nav dd.navL2 { width: 12%; }
.nav dd.navL5 { width: 12%; }
.nav dd.navL9 { width: 8%; }
.nav dd.navL10{ display: block; float: none; clear: none; width: auto; padding-left: 17%; height: auto;}
.navbox a { color: #7e7e7e; }
.navbox a:active, .navbox a:hover { color: #e60027; }
.nav a .homico { background: url(../images/ico1.gif) no-repeat scroll left center; padding-left: 22px; color: #e60027; display: inline-block; height: 16px; line-height: 16px; }
.nav dd.navL1 a{ padding:2px 0px;}
.nav dd.navL1 a:hover{ background-color: transparent;}
.nav dd p { padding-bottom: 10px; }
.nav .subnav li { padding-bottom: 4px; }
.nav dd p a { color: #434343;}
.nav dd a{ padding: 2px 8px;}
.nav dd a:hover{ background-color: #e60027; color: #fff;}
.navMobile { display: none; }
.navMobile dd.navL1, .navMobile dd.navMobile, .nav dd.navMobile, .nav dd.navMobile, .nav dd.navMobile, .nav dd.navMobile, .nav dd.navMobile { display: block; float: initial; width: 100%; }
.navMobile dd.navL1 { display: none; }
.navMobile dd p { padding-bottom: 0px; }
.navMobile dd a { display: block; padding: 14px 5%; line-height: 1.4; color: #434343; }
.navMobile dd a:hover, .navMobile dd a.cur { background-color: #e60027; color: #fff; }
.navMobile dd a:active { background-color: #ef022a; color: #fff; }
.navMobile dd .subnav { background-color: #ffffff; display: none; }
.navMobile dd .subnav a { color: #7e7e7e; }
.navMobile dd .subnav a:hover { background-color: #e6e6e6; }
.ifooter { position: relative; background-color: #858585; color: #fff; z-index: 5; }
.ifooter .inner { background-color: #858585; position: relative; padding-bottom: 35px; }
.ifooter a:link, .ifooter a:visited { color: #fff; }
.ifooter a:active, .ifooter a:hover { color: #e60027; }
.backtop { float: right; display: inline-block; padding: 13px 18px 13px 25px; background: url(../images/scroll_top.png) no-repeat scroll 69px center; background-color: #e60027; color: #fff; height: 23px; }
.backtop span { text-transform: uppercase; display: block; color: #fff; width: 70px; overflow: hidden; height: 23px; line-height: 23px; position: relative; overflow: hidden; }
.backtop span i { position: absolute; right: 0px; top: 0px; background: url(../images/backtop_s.png) no-repeat; width: 19px; height: 46px; display: inline-block; }
.foot { display: block; }
.branchbox { width: 254px; height: 30px; position: relative; z-index: 10; margin: 80px 0px 25px; }
.branchbox .branch-span { width: 220px; padding: 0px 17px 0px; height: 30px; line-height: 30px; display: inline-block; background: url(../images/link_ico.gif) no-repeat scroll 225px center #f1f0f0; color: #a6a6a6; font-family: "宋体"; }
.branchboxAct .branch-span { background: url(../images/link_ico2.gif) no-repeat scroll 225px center #fff; }
.branchbox .branch-ul { position: absolute; bottom: 30px; width: 220px; left: 0px; background: #fff; padding: 20px 17px; z-index: 110; display: none; }
.branchbox .branch-ul li { text-align: left; }
.branchbox .branch-ul li a { color: #4f4f4f; padding: 3px 0px; display: block; width: 100%; }
.branchbox .branch-ul li a:hover { color: #E60027; }
.wA { display: inline-block; position: relative; height: 20px; }
.wA .wbox { position: absolute; left: 50%; bottom: 20px; width: 91px; height: 110px; margin-left: -45px; display: none; }
.footMobile { display: none; }
.footMobile .branch-span { font-size: 16px; padding: 50px 0px 22px; }
.wList li { float: left; display: block; width: 101px; }
.wList li p { padding-bottom: 5px; }
.ifooter .footMobile a:link, .ifooter .footMobile a:visited { color: #dfdfdf; }
.ifooter .footMobile a:active, .ifooter .footMobile a:hover { color: #fff; }
.oa{display: inline-block; width: 49px; height: 20px; background:  url(../images/oa.gif) no-repeat;}
.oa:hover{background:  url(../images/oa.gif) no-repeat scroll left bottom;}
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_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 7px; 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: #e60027; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 5%; background: url(../images/a_l3.png) no-repeat 0 bottom; }
.bx-wrapper .bx-next { right: 5%; background: url(../images/a_r3.png) no-repeat right bottom; }
.bx-wrapper .bx-prev:hover { background-position: 0 top; }
.bx-wrapper .bx-next:hover { background-position: right top; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -14px; outline: 0; width: 54px; height: 54px; text-indent: -9999px; z-index: 9999; }
.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(images/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(images/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: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
/*index style end*/
.bannerpanel { position: relative; }
.banner { position: relative; width: 100%; overflow: hidden; left: 0px; top: 0px; z-index: 1; }
.banneritem { position: relative; width: 100%; height: 100%; overflow: hidden; }
.banneritem .pic { position: absolute; width: 100%; height: 100%; }
.banneritem .imgIn img { visibility: visible !important; -webkit-animation: scaleUpDown 1.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 1.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }

@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

.banneritem .pic img { width: 100%; display: block; }
.banerBtns { height: 11px; bottom: 210px; position: absolute; width: 100%; left: 0px; z-index: 99; text-align: center; display: none; }
.banerBtns span { height: 11px; line-height: 11px; width: 11px; margin: 0px 6px; display: inline-block; overflow: hidden; background: url(../images/num_1.png) no-repeat scroll center center; cursor: pointer; opacity: 0; }
.banerBtns span.cur { background: url(../images/num_2.png) no-repeat scroll center center; }
.bannerfont { text-align: center; width: 430px; position: absolute; z-index: 1000; left: 50%; top: 50%; height: 300px; margin: -230px 0px 0px -215px; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-in-out 0s; /* Firefox 4 */ -webkit-transition: all 0.2s ease-in-out 0s; /* Safari and Chrome */ -o-transition: all 0.2s ease-in-out 0s; /* Opera */ }
.bannerfont .fone { height: 78px; position: absolute; left: 0px; top: 154px; width: 100%; display: none; }
.bannerfont .ftwo { height: 76px; position: absolute; left: 0px; bottom: 0px; width: 100%; display: none; }
.content { position: relative; width: 100%; z-index: 5; }
.iboxbot { width: 1000px; overflow: hidden; position: relative; margin: 0px auto 0px; height: 184px; }
.latestbox { width: 100%; height: 30px; margin-bottom: 10px; line-height: 30px; position: relative; }
.latestbox a:link, .latestbox a:visited { color: #E60027; }
.latestbox a:active, .latestbox a:hover { color: #323232; }
.latestbox-t { width: 130px; float: left; display: block; background-color: #e60027; color: #fff; text-align: center; text-transform: uppercase; font-family: 'CorbelRegular'; }
.latestbox-c { padding: 0px 75px 0px 26px; height: 30px; overflow: hidden; background: url(../images/with.png) repeat; position: relative; }
.latestbox-c li { height: 30px; line-height: 30px; overflow: hidden; }
.latestbox-btn { position: absolute; right: 0px; top: 0px; width: 60px; height: 100%; }
.latestbox-bl .bx-prev { background: url(../images/a_l.gif) no-repeat scroll center center; width: 29px; height: 30px; float: left; display: block; background-color: #d9d9d9; }
.latestbox-br .bx-next { background: url(../images/a_r.gif) no-repeat scroll center center; width: 29px; height: 30px; float: right; display: block; background-color: #d9d9d9; }
.latestbox-bl .bx-prev:hover, .latestbox-br .bx-next:hover { background-color: #e60027; }
.newbox li { float: left; display: block; width: 24.25%; +width: 24.2%; overflow: hidden; margin-left: 1%; }
.newbox li.nd1 { margin: 0px; }
.newbox li.nd1 div { position: absolute; left: 0px; top: 0px; text-align: center; display: block; width: 100%; height: 100%; color: #fff; }
.newbox li.nd1 div .t { font: bold 36px/1.4 'Microsoft JhengHei','Microsoft YaHei','SimHei',"microsoft yahei"; padding: 6% 0px 8px; display: block; }
.newbox li.nd1 div .c { font: 16px/1.4 "microsoft yahei"; letter-spacing: 1em; padding-left: 1em; }
.newbox li a { position: relative; display: block; width: 100%; overflow: hidden; }
.newbox li img { width: 100%; display: block; }
.newbox a img.vt { -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 1000ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 1000ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 1000ms; }
.newbox a:hover img.vt { -webkit-transform: scale(1.25, 1.25); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 1000ms; -moz-transform: scale(1.25, 1.25); -moz-transition-timing-function: ease-out; -moz-transition-duration: 1000ms; transform: scale(1.25, 1.25); transition-timing-function: ease-out; transition-duration: 1000ms; }
.newbox li .png { background: url(../images/black_png2.png) repeat; width: 100%; height: 100%; display: none; position: absolute; left: 0px; top: 0px; }
.newbox li .txt { background: url(../images/a_r2.png) no-repeat scroll 95% center; background-color: #E60027; color: #fff; position: absolute; left: 0px; bottom: -30px; padding: 2px 5%; width: 90%; font-size: 14px; }
.ipanel { background-color: #f1f0f0; position: relative; width: 100%; padding: 110px 0px 50px; }
.ipanel .inner { background-color: #f1f0f0; }
.inewbox { width: 595px; height: 488px; float: left; display: block; background-color: #fff; position: relative; overflow: hidden; }
.inewby { font: 20px/1.4 "microsoft yahei"; color: #E60027; padding: 5%; }
.inewby a { color: #E60027; }
.inewby a:hover { color: #E60027; }
.inewul { height: 283px; width: 100%; position: relative; }
.inewul .bx-wrapper .bx-pager { display: none; }
.inewul ul li { height: 283px; width: 100%; overflow: hidden; }
.inewul ul li img { width: 100%; display: block; }
.inewbox .txt { padding: 0px 5%; height: 64px; color: #969696; overflow: hidden; }
.inewbox .txt a { color: #969696; }
.inewbox .txt a:hover { color: #444; }
.inewbox .bx-wrapper .bx-next, .inewbox .bx-wrapper .bx-prev { background: url(../images/a_l3.png) no-repeat scroll center center; width: 33px; height: 37px; overflow: hidden; margin: 0px; top: 138px; }
.inewbox .bx-wrapper .bx-prev { left: -33px; }
.inewbox .bx-wrapper .bx-next { right: -33px; background: url(../images/a_r3.png) no-repeat scroll center center; }
.inewbox .bx-wrapper .bx-prev:hover, .inewbox .bx-wrapper .bx-next:hover { background-color: rgba(230, 0, 39, 0.5); }
.irightbox { float: right; display: block; width: 385px; }
.ihotbox { width: 100%; height: 270px; overflow: hidden; margin-bottom: 10px; border-top: 4px solid #e60027; background-color: #fff; text-align: center; }
.ihotbox .en { text-transform: uppercase; font: 31px/2.5 'CorbelRegular',arial, helvetica, sans-serif; background: url(../images/bot.gif) no-repeat scroll center bottom; color: #000; padding-top: 10px; }
.ihotbox .zh { color: #e60027; padding: 20px 0px; }
.ihotbox .c { color: #ccc; background: url(../images/bot.gif) no-repeat scroll center bottom; padding-bottom: 25px; line-height: 2; width: 206px; margin: 0px auto; }
.ihotbox a { color: #969696; }
.ihotbox a:hover { color: #444; }
.ivideobox { height: 204px; width: 100%; overflow: hidden; }
.ivideobox a { height: 204px; position: relative; width: 100%; display: block; overflow: hidden; }
.ivideobox a img { height: 204px; width: 100%; display: block; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 1000ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 1000ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 1000ms; }
.ivideobox a:hover img { -webkit-transform: scale(1.25, 1.25); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 1000ms; -moz-transform: scale(1.25, 1.25); -moz-transition-timing-function: ease-out; -moz-transition-duration: 1000ms; transform: scale(1.25, 1.25); transition-timing-function: ease-out; transition-duration: 1000ms; }
.ivideobox .ico { background: url(../images/video_ico.png) no-repeat; display: block; width: 68px; height: 68px; position: absolute; left: 50%; top: 50%; margin: -34px 0px 0px -34px; }
/* 视频弹出  */
#videocontainer { width: 660px; height: 500px; outline: none; }
.theme-popover-mask { z-index: 10000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; filter: alpha(opacity=40); display: none; }
.theme-popover {outline: none; z-index: 10001; position: fixed; top: 50%; left: 50%; width: 660px; height: 500px; margin: -250px 0 0 -330px; border-radius: 2px;background-color: #fff; display: none; box-shadow: 0 0 10px #666; }
.theme-popover .close { position: absolute; right:-32px; top:0px; background:url(../images/close.jpg) no-repeat; width:32px; height:32px; display:block;}
.theme-popover .close:hover {  background-image:url(../images/close2.png);}
.theme-popover .close img { display: none; }
/* 视频弹出  */
.ani-view { position: relative; opacity: 0; }
.foot-view { position: relative; }
/*about style*/
.pbanner a:link, .pbanner a:visited { color: #fff; }
.pbanner a:active, .pbanner a:hover { color: #e60027; }
.pbanner { width: 100%; position: relative; background-position: center top; background-size: cover; color: #fff; overflow: hidden; }
.pbanner .pb_centered { display: block; width: 100%; }
.pbanner .inner { position: absolute; left: 50%; margin-left: -500px; top: 0px; height: 100%; }
.pbanner .page-cur { position: absolute; top: 90px; left: 0px; }
.pbanner .pbanner-txt { position: absolute; left: 0px; top: 28%; color: #fff; }
.pbanner .pbanner-txt p { position: relative; margin-top: 20px; }
.pbanner .pbanner-txt p.zh { font-size: 37px; line-height: 1.4; }
.pbanner .pbanner-txt p.en { font: 18px/1.5 arial, helvetica, sans-serif; }
.innerBox { width: 1000px; margin: 0px auto; }
.bgfff { background-color: #fff; }
.bgdcd9d6 { background-color: #dcd9d6; }
.bge7e7e8 { background-color: #e7e7e8; }
.bgc76368 { background-color: #c76368; }
.pbox { padding: 110px 0px 70px; }
.w100 { width: 100%; }
#introductionPage .information { width: 48%; float: left; display: block; }
#introductionPage .illustration { width: 48%; float: right; display: block; }
#introductionPage .information .zh, #introductionPage .information .en { color: #f62e2e; }
#introductionPage .information .en { font: 26px/1.2 arial, helvetica, sans-serif; padding-bottom: 5px; }
#introductionPage .information .zh { font-size: 16px; }
#introductionPage .information .c { color: #949494; padding-top: 40px; height: 98px; overflow: hidden; margin-bottom: 30px; line-height: 2; }
.more { display: block; height: 48px; line-height: 48px; position: relative; z-index: 10; overflow: hidden; color: #ffffff; }
.more span { padding: 0px 20px; display: inline-block; height: 48px; position: relative; z-index: 2; background-color: #8f8f8d; overflow: hidden; color: #fff; }
.more span i { height: 48px; line-height: 48px; background: url(../images/more1.png) no-repeat scroll left center; padding-left: 25px; display: inline-block; font-size: 14px; font-style: normal; }
.more span.sp2 { position: absolute; left: 0px; top: 0px; height: 48px; z-index: 4; background-color: #e60027; }
.more span.sp2 i { background: url(../images/more1.png) no-repeat scroll left center; }
a.more:link, a.more:visited { transition: all 0s ease-out 0s; -moz-transition: all 0s ease-in-out 0s; /* Firefox 4 */ -webkit-transition: all 0s ease-in-out 0s; /* Safari and Chrome */ -o-transition: all 0s ease-in-out 0s; /* Opera */ }
.pboxT { font-size: 20px; color: #3d3d3d; text-align: center; padding-bottom: 65px; line-height: 1.2; }
.molecularlist { margin-left: -35px; position: relative; }
.molecularlist li { float: left; display: inline-block; margin-left: 35px; }
.molecularlist li a { display: block; width: 242px; height: 270px; background-color: #fff; color: #a1a1a1; transition: all 400ms ease 0s; padding: 50px 34px 0px; }
.molecularlist a:link, .molecularlist a:visited { color: #505050; }
.molecularlist a:active, .molecularlist a:hover { color: #fff; background-color: #E60027; }
.molecularlist li .t { height: 60px; font-size: 16px; overflow: hidden; line-height: 1.4; }
.molecularlist li .c { height: 124px; line-height: 2; margin-bottom: 25px; text-align: justify; overflow: hidden; }
.pboximg { position: relative; background-repeat: no-repeat; background-size: cover; background-position: center top; }
.pboximg .pbi { width: 100%; display: block; }
.pboximg .pbinner { position: absolute; width: 1000px; margin-left: -500px; top: 50%; left: 50%; }
#chairmanPage .pbinner .more { position: absolute; right: 25px; top: 0px; }
#chairmanPage .pbinner .more span { background-color: #E60027; }
#chairmanPage .pbinner .more span.sp2 { background-color: #8f8f8d; }
#historyPage { padding: 70px 0px 0px; }
.historyDemo { background-color: #e7e7e8; padding: 115px 0px 35px; }
.historyBox { position: relative; width: 1000px; margin: 0px auto; }
.historyUl { width: 100%; }
.historyUl li { width: 33.3%; float: left; display: inline-block; text-align: center; color: #858585; }
.historyUl .year { color: #505050; font: 40px/1.2 arial, helvetica, sans-serif; padding: 0px 8% 40px; }
.historyUl .txt { padding: 0px 8%; line-height: 2; }
.historyBox .bx-wrapper .bx-controls-direction a { width: 23px; height: 30px; background-image: url(../images/history_lr.gif); background-repeat: no-repeat; top: 96px; margin-top: 0px; }
.historyBox .bx-wrapper .bx-prev { background-position: 3px top; left: -20%; }
.historyBox .bx-wrapper .bx-next { background-position: -27px top; right: -20%; }
.historyBox .bx-wrapper .bx-prev:hover { background-image: url(../images/history_lr2.gif); background-position: -3px 0; }
.historyBox .bx-wrapper .bx-next:hover { background-image: url(../images/history_lr2.gif); background-position: -19px 0; }
.fc { text-align: center; }
.fc .more { float: inherit; display: inline-block; position: relative; }
#historyPage .more { background-color: #fff; color: #E60027; display: block; height: 96px; line-height: 96px; }
#historyPage .more span { width: 100%; height: 96px; line-height: 96px; background-color: #8f8f8d; padding: 0px; display: block; color: #fff; }
#historyPage .more span i { background-image: url(../images/more1.png); height: 96px; line-height: 96px; }
#historyPage .more span.sp2 { background-color: #fff; height: 96px; line-height: 96px; color: #E60027; }
#historyPage .more span.sp2 i { background-image: url(../images/more2.png); }
#culturePage .c { color: #fff; line-height: 2; text-align: center; width: 80%; margin: 0px auto 70px; }
#culturePage .more span { background-color: #8F8F8D; }
#culturePage .more span i { background-image: url(../images/more1.png); }
#culturePage .more span.sp2 { background-color: #fff; color: #E60027; }
#culturePage .more span.sp2 i { background-image: url(../images/more2.png); }
.bge2e2e2 { background-color: #ffffff; }
.bgddd{ background-color: #dddddd;}
.mobox{ padding: 3% 0px;}
.ipmenu { height: 235px; }
.ipmenu .pbanner-txt { top: 45%; }
.page { color: #585858; font-size: 14px; }
.page a:link, .page a:visited { color: #7b7b7b; }
.page a:active, .page a:hover { color: #e60027; }
.page img { max-width: 100%; }
.more2 span i, .more2 span.sp2 i { background: url(../images/more3.png) no-repeat scroll left center; padding-left: 30px; }
.innerBox { padding: 50px 0px 0px 0px }
.selectYear { width: 222px; height: 50px; background-color: #fff; position: relative; z-index: 100; padding: 0px 18px 0px 14px; margin-bottom: 92px; }
.selectYear-span { height: 50px; line-height: 50px; display: inline-block; background: url(../images/link_ico3.gif) no-repeat scroll right center; color: #858585; display: block; }
.selectYearAct .selectYear-span { background: url(../images/link_ico4.gif) no-repeat scroll right center; }
.selectYear .selectYear-ul { position: absolute; top: 50px; width: 100%; left: 0px; background: #cdcdcd; padding: 15px 0px; z-index: 110; display: none; height:155px; overflow:scroll; overflow-x:hidden; }
.selectYear .selectYear-ul li { text-align: left; }
.selectYear .selectYear-ul li a { color: #4f4f4f; padding: 4px 14px; display: block; }
.selectYear .selectYear-ul li a:hover { color: #fff; background-color: #e60027; }
.innerBox dd { padding-bottom: 16px; }

.innerBox dd .tyear {     float: left;
    display: inline-block;
    width: 163px;
    height: 44px;
    text-align: center;
    font: 20px/44px "HiraginoSansGB-W3", "STHeiti", 'Microsoft yahei', tahoma;
    background-color: #5c91cf;
    color: #fff; }
.innerBox dd .tcon {     float: left;
    display: inline-block;
    width: 500px;
    background-color: #f7f7f7;
    padding: 0px 13px;
    min-height: 72px; 
font-size: 14px;}
.innerBox dd:hover .tyear { background: #fdb418; }
.innerBox dd:hover .tcon { background: #EEEEEE; }
.bookList{ position: relative; overflow: hidden; width: 100%;}
.bookList ul{ margin-left: -3%;}
.bookList li{ float:  left; display: block; width: 17%; margin-left: 3%;}
.bookList li .img{ position: relative; width: 100%; overflow: hidden;}
.bookList li .img img{ width: 100%; display: block;}
.bookList li .img .black{ position: absolute; left: 0px; top: 0px; background:  url(../images/black_png3.png) repeat; width: 100%; height: 100%; display: none;}
.bookList li .img .black .redmore{ position: absolute; left: 50%; top: 50%; background-color: #e60027; color: #fff; width: 70px; margin-left: -35px; height: 30px; line-height: 30px; display: block; text-align: center;}
.bookList li .txt{ color: #a4a4a4; font: 12px/1.4 "microsoft yahei"; text-align: center; padding: 8px 0px 0px; height: 56px; overflow: hidden;}
.bookList li a:hover .txt{ color: #434343;}
.more2{ color: #e60027;}
.more2:hover{ color: #434343;}
/*about style end*/
/*news style*/
#newpage { padding: 70px 0px; }
#newpage .newNav { padding-bottom: 70px; }
.newmenu .more { height: 52px; line-height: 52px; }
.newmenu .more span { padding: 0px 30px; height: 52px; line-height: 52px; background-color: #E60027; }
.newmenu .more span i { background: none; padding-left: 0px; font-size: 12px; height: 52px; line-height: 52px; }
.newmenu .more span.sp2 { background-color: #8f8f8d; }
.newmenu .act span.sp2 { background-color: #E60027; }
.newmenu li { padding-right: 2px; float: left; display: block; }
.pb25 { padding-bottom: 25px; }
.pb72 { padding-bottom: 72px; }
.pbox2 { padding: 70px 0px; }
#newUl a:hover { color: #323232; }
#newUl ul { margin-left: -32px; }
#newUl li { width: 242px; margin: 46px 0px 0px 32px; background-color: #f0f0f0; padding: 25px 35px 34px; float: left; transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; /* Firefox 4 */ -webkit-transition: all 300ms ease 0s; /* Safari and Chrome */ -o-transition: all 0.2s ease-in-out 0s; /* Opera */ }
#newUl .type { margin-bottom: 10px; height: 20px; overflow: hidden; color: #a2a2a2; }
#newUl .type a { color: #a2a2a2; }
#newUl .t { height: 20px; overflow: hidden; margin-bottom: 5px; color: #7f7f7f; font-size: 14px; line-height: 1.3; }
#newUl .time{ margin-bottom: 15px;color:#7f7f7f}
#newUl .t a { color: #7f7f7f; }
#newUl .nmore { height: 42px; }
#newUl .nmore a { color: #e60027; }
#newUl .img { position: relative; height:132px; }
#newUl .img .black { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; background: url(../images/black_png3.png) repeat; display: none; }
#newUl .img img { width: 100%; display: block; }
.paging { text-align: center; padding: 20px 0px 30px; }
.paging a, .paging span { background-color: #9e99a0; color: #fff; padding: 10px 15px; display: inline-block; }
.paging a:hover { background-color: #343746; }
.paging span { color: #fff!important; background-color: #343746; }
.info-T { border-bottom: 1px solid #cecece; padding: 0px 0px 64px; margin-bottom: 70px; }
.info-T .time { color: #858585; font-family: arial, helvetica, sans-serif; padding-bottom: 30px; }
.info-T .t { color: #545454; font-size: 24px; }
.npIco { float: left; display: block; height: 37px; line-height: 37px; position: relative; z-index: 10; overflow: hidden; }
.npIco span { padding: 0px 9px; display: inline-block; height: 37px; position: relative; z-index: 2; background-color: #e60027; overflow: hidden; }
.npIco span i { height: 37px; line-height: 37px; background: url(../images/ico3.gif) no-repeat scroll center center; padding-left: 19px; display: inline-block; }
.npIco span.sp2 { position: absolute; left: 0px; top: 0px; height: 37px; z-index: 4; background-color: #fff; }
.npIco span.sp2 i { background: url(../images/ico2.gif) no-repeat scroll center center; }
.npBox { padding: 38px 0px; }
.npBox p.innerBox { padding: 12px 0px; }
.npBox a:link, .npBox a:visited { color: #7a7a7a; }
.npBox a:active, .npBox a:hover { color: #e60027; }
.npBox a .time { color: #c0c0c0; padding-left: 10px; }
#videoUl ul { margin-left: -21.5px; }
#videoUl li { float: left; display: block; width: 319px; height: 169px; margin: 0px 0px 21.5px 21.5px; }
#videoUl li a { height: 169px; position: relative; width: 100%; display: block; overflow: hidden; }
#videoUl li a img { height: 204px; width: 100%; display: block; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 400ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 400ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 400ms; }
#videoUl li a:hover img { -webkit-transform: scale(1.25, 1.25); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 400ms; -moz-transform: scale(1.25, 1.25); -moz-transition-timing-function: ease-out; -moz-transition-duration: 400ms; transform: scale(1.25, 1.25); transition-timing-function: ease-out; transition-duration: 400ms; }
#videoUl li .ico { background: url(../images/video_ico.png) no-repeat; display: block; width: 68px; height: 68px; position: absolute; left: 50%; top: 50%; margin: -34px 0px 0px -34px; }
#videoUl li .blak { background: url(../images/black_png2.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
#videoUl li .txt { position: absolute; width: 90%; padding: 4px 5%; color: #fff; background-color: #e60027; left: 0px; bottom: -34px; }
/*news style end*/
/*product style*/
.bgcaae7e { background-color: #caae7e; color: #fff; }
.bg858585 { background-color: #858585; color: #fff; }
.bgf5f5ed { background-color: #f5f5ed; color: #858585; }
.bgff8d12 { background-color: #ff8d12; color: #fff; }
.productDL dd { position: relative; width: 100%; }
.productDL .black { background: url(../images/black_png3.png) repeat; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 10; display: none; }
.productDL dd.actDD .black { display: block; }
.productDL .img, .productDL .con { float: left; display: block; position: relative; width: 50%; overflow: hidden; }
.productDL .img a { position: relative; display: block; width: 100%; overflow: hidden; }
.productDL .img img { width: 100%; display: block; transition: 300ms; }
.productDL dd:hover .img img { -webkit-transform: scale(1.04); transform: scale(1.04); }
.txtitem { text-align: center; width: 88%; margin: 0px auto; line-height: 1.4; padding: 8% 0px 0px; }
.txtitem .t { font-size: 50px; }
.txtitem .c { height: 46px; overflow: hidden; padding-top: 10px; }
.txtitem .fc { padding-top: 10px; }
.productDL { position: relative; top: 40px; }
.productDL dd.proItem1 .img { float: right; }
.prolistDt { padding: 50px 0px 0px; }
.prolistDt .selectYear { margin-bottom: 52px; float: left; }
.prolistDt .more { float: left; margin-left: 15px; height: 50px; line-height: 50px; }
.prolistDt .more span { height: 50px; line-height: 50px; background-color: #E60027; color: #fff; }
.prolistDt .more span i { background: url(../images/ico5.gif) no-repeat scroll left center; height: 50px; line-height: 50px; font-size: 12px; padding-left: 18px; }
.prolistDt .more span.sp2 { background-color: #e2e2e2; color: #E60027; }
.prolistDt .more span.sp2 i { background: url(../images/ico4.gif) no-repeat scroll left center; }
.prolistDD { margin-left: -11px; padding-bottom: 50px; overflow: hidden;}
.prolistItem { float: left; display: block; margin: 0px 0px 12px 11px; width: 326px; background-color: #ffffff; color: #aeaeae; position: relative; }
.prolistItem a { color: #aeaeae; }
.prolistItem .img { width: 100%; position: relative; }
.prolistItem .img img { width: 100%; display: block; }
.prolistItem .img .black { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none; background: url(../images/black_png3.png) repeat; }
.prolistItem .img .pmore { position: absolute; width: 120px; height: 44px; border: 2px solid #fff; left: 50%; top: 50%; margin: -44px 0px 0px -62px; text-align: center; display: none; }
.prolistItem .img .pmore span { display: inline-block; background: url(../images/more1.png) no-repeat scroll left center; padding-left: 25px; height: 44px; line-height: 44px; color: #fff; font-size: 14px; }
.prolistItem .con { padding: 20px; }
.prolistItem .con .t { font-size: 18px; color: #323232; line-height: 1.4; height: 26px; overflow: hidden; margin-bottom:4px; }
.prolistItem .con .c { height: 34px; overflow: hidden; line-height: 1.5; }
.prolistItem .ki { position: absolute; left: 0px; bottom: 0px; background-color: #ff8d12; width: 100%; height: 0px; display: block; }
.prolistItem .pi { position: absolute; left: 50%; bottom: -12px; background: url(../images/pi.gif) no-repeat; width: 19px; height: 9px; display: block; margin-left: -9px; display: none; }
.proAct .pi { display: block; }
.proAct .img .black { display: block; }
.proAct .img .pmore { display: block; margin-top: -24px; }
.proAct .ki { height: 10px; }
.proBox { position: relative; background-color: #fff; margin: 0px 0px 12px 11px; padding-bottom: 40px; display: none; width: 100%; clear: both;}
.proimg { padding: 30px 75px 46px; }
.probanner { width: 100%; position: relative; }
.probanner img { width: 100%; display: block; }
.probanner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { padding: 0px; bottom: -38px; }
.probanner .bx-wrapper .bx-pager.bx-default-pager a { background-color: #c8c8c8; }
.probanner .bx-wrapper .bx-pager.bx-default-pager a:hover, .probanner .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #e60027; }
.probanner .bx-wrapper .bx-controls-direction a { width: 24px; height: 35px; background-image: url(../images/pro_lr.png); background-repeat: no-repeat; top: 50%; margin-top: -17px; }
.probanner .bx-wrapper .bx-prev { background-position: 0px top; left: -48px; }
.probanner .bx-wrapper .bx-next { background-position: -35px top; right: -48px; }
.probanner .bx-wrapper .bx-prev:hover { background-image: url(../images/pro_lr2.png); background-position: -5px 0; }
.probanner .bx-wrapper .bx-next:hover { background-image: url(../images/pro_lr2.png); background-position: -31px 0; }
.protxt { padding: 30px 5% 40px; background: url(../images/probg.gif) repeat-x; }
.protxt .t { border-bottom: 1px solid #e2e2e2; padding-bottom: 20px; margin-bottom: 40px; color: #6c6c6c; font-size: 16px; line-height: 1.2; }
.protxt .c { padding-bottom: 55px; border-bottom: 1px solid #e2e2e2; color: #989898; }
.probtn { text-align: center; }
.probtn a { display: inline-block; width: 36px; height: 36px; margin: 0px 10px; }
.probtn a:hover { background-position: left bottom; }
.prosharp { background: url(../images/pro_1.png) no-repeat; }
.proclose { background: url(../images/pro_2.png) no-repeat; }
.boxblack { background-color: #000; filter: alpha(opacity=20); opacity: 0.2; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 9999; display: none; }
.boxSharp { background-color: #fff; width: 636px; height: 264px; line-height: 1.2; font-size: 30px; display: none; position: fixed; left: 50%; top: 50%; margin: -132px 0px 0px -318px; z-index: 10000; }
.boxSharp .t { background-color: #e60027; color: #fff; padding: 20px 24px; height: 60px; margin-bottom: 55px; position: relative; }
.boxSharp .sharpClose { position: absolute; right: 24px; top: 18px; transition: all 300ms ease 0s; width: 25px; height: 25px; background: url(../images/shap_close.png) no-repeat; }
.boxSharp .c { text-align: center; }
.boxSharp .c a { margin: 0 5px; }
/*product style end*/
/*marketing style*/
#radiationPage { padding: 100px 0px 60px; }
.bgf1 { background-color: #f1f1f1; }
.it { padding-bottom: 36px; }
.it .t { font-size: 20px; color: #656464; }
#radiationPage .more .sp1 { background-color: #e60027; }
#radiationPage .more .sp2 { background-color: #8f8f8d; }
.radiationList li { background-color: #fff; padding: 2%; margin-bottom: 2%; }
.radiationList li:hover { background-color: #e7e7e7; }
.radiationList .img { float: left; display: inline-block; width: 132px; height: 132px; overflow: hidden; }
.radiationList .img img { width: 100%; }
.radiationList .con { padding-left: 132px; }
.radiationList .con .t1, .radiationList .con .t2, .radiationList .con .t3 { padding-left: 4%; overflow: hidden; float: left; display: inline-block; }
.radiationList .con .t1 { width: 18%; color: #535353; font-size: 16px; }
.radiationList .con .t2 { width: 36%; }
.radiationList .con .t3 { width: 34%; }
#marketPage { background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; overflow: hidden; }
#marketPage .pb_centered { width: 100%; display: block; }
#marketPage .marketCon { position: absolute; top: 40%; left: 50%; width: 1000px; margin: 0px 0px 0px -500px; }
#marketPage .markettxt { position: absolute; width: 264px; background-color: #414453; width: 264px; padding: 40px; color: #fff; left: 50%; margin-left: -152px; top: 0px; z-index: 10; line-height: 2; }
#marketPage .markettxt { text-align: center; }
#marketPage .markettxt .t { font-size: 18px; padding-bottom: 18px; }
#marketPage .markettxt .t a { color: #fff; }
#COOPERATIONPage { padding: 110px 0px 65px; }
#COOPERATIONPage .c { text-align: center; color: #acacac; padding-bottom: 55px; line-height: 2; }
#COOPERATIONPage .more .sp1 { background-color: #e60027; }
#COOPERATIONPage .more .sp2 { background-color: #8f8f8d; }
/*marketing style end*/
/*responsibility style*/
.radiationPbox { padding: 45px 0px 0px; }
.bgc9d5e1 { background-color: #c9d5e1; }
#responsibilityPage { padding: 130px 0px 50px; color: #404040; }
#responsibilityPage .c { line-height: 2; color: #727476; text-align: center; }
#responsibilityPage a:link, #responsibilityPage a:visited { color: #7a7a7a; }
#responsibilityPage a:active, #responsibilityPage a:hover { color: #e60027; }
#welfarePage { padding: 110px 0px 60px; }
#welfarePage .more .sp1 { background-color: #e60027; }
#welfarePage .more .sp2 { background-color: #8f8f8d; }
.welfareList { margin-left: -41px; }
.welfareList li { float: left; display: block; width: 306px; margin: 0px 0px 25px 41px; background-color: #fff; }
.welfareList li .img { width: 306px; overflow: hidden; }
.welfareList li .img img { width: 100%; display: block; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 400ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 400ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 400ms; }
.welfareList li .txt { border-top: 2px solid #E60027; padding: 0px 4%; height: 50px; overflow: hidden; line-height: 50px; color: #858585; }
.welfareList li a { transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; /* Firefox 4 */ -webkit-transition: all 300ms ease 0s; /* Safari and Chrome */ -o-transition: all 0.2s ease-in-out 0s; /* Opera */ }
.welfareList li a:hover { transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; /* Firefox 4 */ -webkit-transition: all 300ms ease 0s; /* Safari and Chrome */ -o-transition: all 0.2s ease-in-out 0s; /* Opera */ }
.welfareList li a:hover .img img { -webkit-transform: scale(1.1, 1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 400ms; -moz-transform: scale(1.1, 1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 400ms; transform: scale(1.1, 1.1); transition-timing-function: ease-out; transition-duration: 400ms; }
.welfareList li a:hover .txt { color: #E60027; }
#lovePage { position: relative; width: 100%; overflow: hidden; }
#lovePage .bx-wrapper .bx-pager, #lovePage .bx-wrapper .bx-controls-auto { bottom: 4%; padding: 0px; }
#lovePage .bx-wrapper .bx-pager.bx-default-pager a:hover, #lovePage .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #e60027; }
#lovePage .bx-controls-direction { display: none; }
#lovePage ul li { position: relative; background-size: cover; background-position: center top; }
#lovePage ul img { width: 100%; display: block; }
.loveTxt { position: absolute; width: 820px; left: 50%; bottom: 0px; margin-left: -500px; background: url(../images/black_png4.png) repeat; padding: 26px 90px 80px; text-align: center; color: #fff; }
.loveTxt .t { font-size: 18px; margin-bottom: 30px; }
.loveTxt .t a { color: #fff; }
.loveTxt .c { line-height: 2; }
/*responsibility style end*/
/*hr style*/
.bgbccdd0 { background-color: #bccdd0; }
#teamPage { padding: 78px 0px 38px; color: #fff; }
#teamPage .it .t { color: #fff; }
.teamList { margin-left: -2%; }
.teamList li { float: left; display: block; width: 23%; margin-left: 2%; position: relative; overflow: hidden; }
.teamList li img { width: 100%; display: block; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 400ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 400ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 400ms; }
.teamList li:hover img { -webkit-transform: scale(1.1, 1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 400ms; -moz-transform: scale(1.1, 1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 400ms; transform: scale(1.1, 1.1); transition-timing-function: ease-out; transition-duration: 400ms; }
.teamList li .txt { position: absolute; left: 0px; bottom: 0px; width: 90%; padding: 4px 5%; color: #fff; background: url(../images/black_png3.png) repeat; }
.bg414453 { background-color: #414453; }
#hrPage { padding: 85px 0px 35px; color: #e4e4e4; text-align: center; }
#hrPage .it .t { color: #fff; }
#hrPage a:link, #hrPage a:visited { color: #ed0000; text-decoration: underline; }
#hrPage a:active, #hrPage a:hover { color: #fff; }
#hrPage .c { line-height: 2; }
#joinPage { padding: 98px 0px 50px; }
.join-dl .jname, .join-dl .jnum, .join-dl .jbtn { float: left; display: inline-block; padding: 0px 2%; }
.join-dl .jname { width: 30%; }
.join-dl .jnum { width: 18%; }
.join-dl .jbtn { float: right; position: relative; height: 22px; overflow: hidden; }
.join-dl .jbtn i { display: block; position: relative; }
.join-dl .jbtn i.i1 { color: #eb1d1d; }
.join-dl .jbtn i.i2 { color: #fff; }
.join-dl dt { padding: 15px 0px; }
.join-dl dd { margin-bottom: 3px; }
.join-dl i { font-style: inherit; }
.join-dl .jtbox { padding: 15px 0px; background-color: #f1f1f1; color: #8e8e8e; cursor: pointer; }
.join-dl .jcbox { padding: 25px 2%; background-color: #f1f1f1; line-height: 2; display: none; color: #b8b6b4; }
.join-dl .jtboxact { color: #fff; background-color: #919191; }
/*hr style end*/
/*contact style*/
.messBox a:link, .messBox a:visited { color: #ed0000; }
.messBox a:active, .messBox a:hover { color: #E60027; }
.mapBox, .messBox { height: 650px; overflow: hidden; color: #878787; }
.mapBox { float: left; display: block; width: 58%; }
.messBox { float: left; display: block; width: 34%; padding: 0px 4%; }
.messBox .t { padding: 36px 0px; line-height: 1.2; color: #444444; font-size: 30px; text-align: center; }
.messBox .c { text-align: center; color: #9e99a0; line-height: 2; height: 92px; margin-bottom: 28px; }
.messTBL td { padding-bottom: 18px; vertical-align: top; line-height: 2; }
.messTBL td.fr { width: 80px; }
.messTxt { width: 96%; padding: 6px 2%; height: 18px; line-height: 18px; font: 12px/1.8 "HiraginoSansGB-W3", "STHeiti", 'Microsoft yahei', tahoma; }
.messTxt2 { resize: none; overflow: hidden; height: 92px; }
.messbtnC { border-top: 1px solid #dadada; text-align: center; padding-bottom: 65px; }
.messbtn { border: 1px solid #dadada; background-color: #dadada; color: #fff; height: 24px; width: 70px; margin: 0px auto; font: 12px/1.5 "HiraginoSansGB-W3", "STHeiti", 'Microsoft yahei', tahoma; -webkit-appearance: none; -webkit-text-size-adjust: none; }
.messBox input[type=text], .messBox textarea { border: 0px none; background: transparent; }
.messBox input[type=text]:focus, .messBox textarea:focus { background-color: #f0f0f0; }
/*contact style end*/
/* 视频播放器*/
#videocontainer_logo,#videocontainer_menu,#wrapvidepo_logo,.jwclick{ display:none!important }
/*subordinate style*/
.subordPbanner{ overflow: hidden;}
.subordPbanner .pbanner-txt{ top: 180px;}
.subordPbannerdemo{ position: relative; overflow: hidden;}
.subordPbannerdemo img{ position: absolute; width: 100%; height: 100%; display: none; left: 0px; top: 0px;}
.subordPbannerdemo .banerBtns{ display: block; bottom: 5%;}
.subordPbannerdemo .banerBtns span{ opacity: 1;}
.bg1da2d4{ background-color: #1da2d4;}
.subordInfo{ padding: 100px 0px; color: #fff;}
.subordInfo .innerBox{ margin-top: 40px;}
.subordInfo a:link, .subordInfo a:visited { color: #fff; }
.subordInfo a:active, .subordInfo a:hover { color: #3D3D3D;}
.subordInfo .t{ text-align: center; font: 28px/1.4 "microsoft yahei"; padding-bottom: 25px;}
.subordInfo .c{ text-align: center; line-height: 2.2;}
.subordMore{ padding: 90px 0px; color: #adadad; line-height: 2.2; text-align: justify;}
.subordMore .innerBox{ margin: 40px auto;}
.sl{ float: left; width: 46%; display: block; overflow: hidden;}
.sr{ float: right; width: 46%; display: block; overflow: hidden;}
.subordInfo2{ background-color: #f1f1f1; color: #686868;}
.subordInfo2 a:link, .subordInfo2 a:visited { color: #3D3D3D; }
.subordInfo2 a:active, .subordInfo2 a:hover { color: #505050;}
.subordNew{ padding: 90px 0px 68px;}
.subordNew #newUl{ margin-bottom: 25px;}
.subordContact{ position: relative; width: 100%;}
#subordmapBox{ height: 624px; width: 100%;}
.subordContact-con{ position: absolute; right: 50%; margin-right: -500px; top: 185px;}
.subordContact-con dl{ width: 268px; float: right;}
.subordContact-con dt{ padding: 30px; height: 105px; font: 22px/1.4 "microsoft yahei"; color: #858585; background-color: #fff;}
.subordContact-con dd{ color: #fff; padding: 30px; line-height: 2.2;}
.subordContact-con dd a:link, .subordContact-con dd a:visited { color: #fff; }
.subordContact-con dd a:active, .subordContact-con dd a:hover { color: #fff; text-decoration: underline;}
.bgc76368{ background-color: #01c5f8;}
.bgc76268 { background-color:#c76268 }
.bge0e0e0{ background-color: #e0e0e0;}
.subProduct{ padding: 58px 0px;}
.subProduct .tn,.subordNew .tn{text-align: center; font: 28px/1.4 "microsoft yahei"; padding-bottom: 25px; color: #686868; margin-bottom: 50px;}
.subordNew .tn { color:#fff; }
.subProduct .prolistItem a:hover .img .pmore{ background-color: #ff8d12; border: 2px solid #ff8d12;}
/*subordinate style end*/




.content-right-top-right {
    float: right;
    width: 680px;
    height: 50px;
    border-bottom: 2px solid #5e5e5e;
    text-align: right;
    line-height: 69px;
    color: #666666;
    font-size: 12px;
}