@charset "utf-8";

/* 

 * Project Name:徽记食品

 * Author:浅浅

 * Date：2014-10-20

 */

@font-face { font-family: 'CorbelRegular'; src: url('../other/corbel.eot'); src: url('../other/corbel.eot') format('embedded-opentype'), url('../other/../other/corbel.woff2') format('woff2'), url('../other/corbel.woff') format('woff'), url('../other/corbel.ttf') format('truetype'), url('../other/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 */

body { 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; font-size:11px}

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 { background:#e60027; color:#fff; 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; }



/*面包屑导航*/
.pageNav a:link, .pageNav a:visited { color: #6c6c6c;}

.pageNav a:active, .pageNav a:hover { color: #E60027;}

.pageNav { border-bottom: 1px solid #d8d8d8; margin-bottom: 50px; text-align: center;}

.pageNav a { line-height: 46px; display: inline-block; padding: 0px 20px; margin: 0px 10px; font-size: 14px; position: relative; }

.pageNav a .line { background-color: #E60027; height: 3px; position: absolute; bottom: -2px; left: 50%; width: 0px;}

.pageNav a.act .line { left: 0px; width: 100%; transition: 300ms;}

.smallnav{ overflow: hidden; zoom:1; width:100%; max-width:1200px; margin: 0 auto;}
.smallnav li,.smallnav li a{float:left;}
.smallnav li a{margin:0 10px;/*font-size: 14px;color: #666*/}
.smallnav li a:hover,.smallred{color:#F62E2E}
/*面包屑导航 end*/




.more{width: 1200px;margin: 0 auto;overflow: hidden;}
.more a{display: block;width: 125px;float:right;font-size:15px;color: #666;text-align: center;line-height: 38px;}
.more a:hover{transition: all 0.5s;color: #784629;}

.inner { width: 1200px; margin: 0px auto;overflow: hidden;}

.top { position: fixed; _position: absolute; left: 0px; width: 100%; height: 62px; top: 0px; background-color: #fff; z-index: 9999; }

.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: 4px; */ }
.top .logo img{display:block; width:220px;}

.shopbox ,.oabox,.langebox,.navlink{ float: right; display: block; width: 121px; position: relative; }

.shopbtn,.oabtn,.langbtn,.navlink{ 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,.langbtn span{ text-align: center;}

.oabtn span i,.oabtn span.sp2 i,.langbtn span i,.langbtn span.sp2 i{ background: none; padding-left: 0px;}

.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;}
.langbtn span i img{vertical-align: middle;margin-right: 5px;}

.navlink{ background-color: #e8e8e8; text-align: center; line-height: 62px;}

.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 .inner .ifooter_fow{overflow: hidden;margin-top: 20px;width: 100%;}

.ifooter .inner .ifooter_fow span{display: block;float: left;margin-left: 60px;}

.ifooter .inner .ifooter_fow span:first-child{margin-left: 0;}
.ifooter .inner .ifooter_fow abbr{overflow: hidden;display: block;}
.ifooter .inner .ifooter_fow abbr a{font-size: 16px;}
.ifooter .inner .ifooter_fow a{display: block;font-size: 14px;}

.ifooter .inner .ifooter_fow .erweima{float: right;}
.ifooter .inner .ifooter_fow .erweima font{float: left;width: 120px;overflow: hidden;margin-left: 30px;}
.ifooter .inner .ifooter_fow .erweima  font img{width: 120px;}
.ifooter .inner .ifooter_fow .erweima font abbr{display: block;text-align: center;font-size: 14px;margin-top: 0;}


.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;margin-top: 20px;}

.branchbox { width: 100%; height: 30px; position: relative; z-index: 10;float: left;margin-bottom: 20px;}

.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: 1200px; 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 20px;height: 30px; overflow: hidden; background: rgba(255,255,255,0.8); 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: 19.2%; +width: 24.2%; overflow: hidden; margin-left: 1%; }

.newbox li:first-child{margin-left: 0;}

.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:20px 0px 50px;}

.ipanel .inner { background-color: #f1f0f0;overflow: hidden;}

.inewbox { width:49%; float: left; display: block; background-color: #fff; position: relative; overflow: hidden;}

.inewby { font: 20px/1.4 "microsoft yahei"; color: #E60027;}

.inewby a { color: #E60027; 
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

.inewby a:hover { color: #E60027; }

.inewul { height: 360px; width: 100%; position: relative;}

.inewul .bx-wrapper .bx-pager { display: none; }

.inewul ul li { height: 360px; width: 100%; overflow: hidden; }

.inewul ul li img { width: 100%; display: block; }

.inewbox .txts{padding: 20px 5%;}

.inewbox .txt {color: #969696; overflow: hidden;margin-top: 15px;}

.inewbox .txt a { color: #969696;font-size: 14px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.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.8); }

.irightbox { float: right; display: block; width: 49%;}

.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; 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; }
/*新闻右边*/
/*标题*/
.index_title{text-align: center;overflow: hidden;margin:30px 0 0 0;}
.index_title h3{ color:#333; font-size:28px; line-height:45px; text-align:center;font-weight: 700;}

.index_title small{ display:block; text-align:center; line-height:normal; color:#999; font-size:15px;}
/*标题 结束*/
.indexnews_list{width: 100%;float: right;overflow: hidden;}
.dynamic-list{ width:100%; float:right;}

.dynamic-list li{ padding:20px 20px 20px; position:relative; margin-bottom:15px; background:#f4f4f4; transition:600ms linear;}

.dynamic-list li:last-child{ margin-bottom:0;}

.dynamic-list li figure{ display:block; width:165px; float:left; overflow:hidden;}

.dynamic-list li figure img{ display:block; width:100%; height:auto; transition:450ms;}

.dynamic-list li:hover figure img{ transform:scale(1.1); -webkit-transform:scale(1.1);}

.dynamic-list li figcaption{ display:block; width:67%; float:right; height:101px; position:relative;}

.dynamic-list li figcaption time{ display:block; line-height:1.6; transition:450ms; color:#666666; font-size:14px;}

.dynamic-list li figcaption span{ display:block; color:#666666; transition:450ms; font-size:15px; line-height:1.6;}

.dynamic-list li figcaption b{ display:block; width:12px; height:9px; position:absolute; left:0; bottom:3px; transition:400ms;}

.dynamic-list li:hover{ background:#787878;}

.dynamic-list li:hover figcaption b{ left:7px;}

.dynamic-list li:hover .line{ width:100%;}

.dynamic-list li:hover time,.dynamic-list li:hover span{ color:#fff;}

.dynamic-list li .line{ width:0; height:4px; background:#784629; transition:600ms; position:absolute; left:0; bottom:0;}


.latest.article-block,.developments.article-block figure,.benefit-text.article-block .benefi-left{ opacity:0; transform:translateX(-100px); -webkit-transform:translateX(-100px); transition:1s 0.3s; -webkit-transition:1s 0.3s;}

.latest.articleShow,.developments.articleShow figure,.benefit-text.articleShow .benefi-left{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0);}

/* 视频弹出  */

#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: #e2e2e2; }

.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; }

#historyDl { padding: 90px 0px 50px; }

.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; }

#historyDl dd { padding-bottom: 16px; }

#historyDl dd .tyear { float: left; display: inline-block; width: 166px; height: 156px; text-align: center; font: 40px/156px "HiraginoSansGB-W3", "STHeiti", 'Microsoft yahei', tahoma; background-color: #858585; color: #fff; }

#historyDl dd .tcon { float: right; display: inline-block; width: 770px; background-color: #fff; padding: 42px 32px; min-height: 72px; }

#historyDl dd:hover .tyear { background: #E60027; }

#historyDl dd:hover .tcon { background: #f7f7f7; }

.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*/