@charset "utf-8";
/* 
 * Project Name:友嘉食品
 * Author:浅浅
 * Date：2015-11-2
 */
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; }
body { font: 12px/1.8 Arial,Helvetica,"Microsoft YaHei New"; margin: 0 auto; color: #989898; background: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
img { border: 0; }
input[type="text"], input:not([type]), input[type="button"], input[type="submit"], select, textarea { border-radius: 0; box-shadow: none; outline: 0 none !important; overflow: auto; }
textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #b99485; color: #fff; text-shadow: none; }
::selection { background: #b99485; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.loading { text-align: center; display: none; position: absolute; left: 50%; top: 20px; margin-left: -85px; z-index: 10; background: #dd4330; }
.inner { padding: 0px 50px; margin: 0px auto; min-width: 1100px; }
.binner { width: 1100px; margin: 0px auto; }
.top { position: fixed; left: 0px; top: 0px; z-index: 1000; background-color: #fff; width: 100%; height: 138px; transition: 300ms; -webkit-transition: 300ms; }
.mtop { height: 138px; }
.header { position: relative; height: 50px; min-width: 1100px; padding-top: 91px; background: url(../images/bot.png) repeat-x scroll left bottom; margin: 0px 50px; transition: 300ms; -webkit-transition: 300ms; }
.top .logo { position: absolute; left: 0px; top: 25px; width: 386px; }
.logo img { width: 100%; display: block; }
.grop { display: block; height: 26px; line-height: 26px; color: #323232; position: absolute; right: 0px; top: 21px; }
.grop span { display: inline-block; padding: 0px 15px; float: left; }
.grop a:link, .grop a:visited { color: #323232; }
.grop a:active, .grop a:hover { color: #b99485; }
.ico { background: url(../images/ico.png) no-repeat; display: inline-block; float: left; }
.i1 { background-position: 0px -26px; width: 30px; height: 26px; }
.i2 { display: inline-block; border: 1px solid #323232; border-radius: 5px; padding: 0px 8px; float: left; }
.i3 { background-position: -44px -26px; width: 29px; height: 26px; }
.i4 { background-position: -84px -26px; width: 29px; height: 26px; margin-left: 10px; }
.i1:hover { background-position: 0px 0px; }
.i3:hover { background-position: -44px 0px; }
.i4:hover { background-position: -84px 0px; }
.language { position: relative; display: inline-block; border: 1px solid #323232; border-radius: 5px; width: 60px; text-align: center; float: left; z-index: 100; }
.language.act { border-bottom: 0px none; border-radius: 5px 5px 0px 0px; }
.language span { padding: 0px; float: none; }
.language .box { position: absolute; background-color: #fff; display: none; border: 1px solid #323232; top: 22px; border-top: 0px none; border-radius: 0px 0px 5px 5px; width: 25px; left: -1px; }
.grop .tel { background: url(../images/ico.png) no-repeat scroll -135px -26px; display: inline-block; height: 28px; padding: 0px 0px 0px 30px; font-size: 26px; font-family: "Times New Roman",Arial, Helvetica, sans-serif; }
.grop .tel:hover { background-position: -135px 0px; }
.nav a { text-transform: uppercase; }
.nav a:link, .nav a:visited { color: #323232; }
.nav a:active, .nav a:hover { color: #323232; }
.nav { float: right; display: block; height: 46px; line-height: 36px; font-size: 18px; }
.nav a { display: block; height: 46px; position: relative; }
.nav a::before { backface-visibility: hidden; bottom: 0; content: ""; display: block; height: 5px; left: 50%; position: absolute; width: 0; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.nav a::after { backface-visibility: hidden; background: #b99485 none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 5px; position: absolute; left: 50%; width: 0; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.nav a:hover::before { backface-visibility: hidden; background: #b99485 none repeat scroll 0 0; width: 100%; left: 0px; }
.nav a:hover::after { backface-visibility: hidden; background: transparent none repeat scroll 0 0; width: 100%; left: 0px; }
.nav a.active::before { backface-visibility: hidden; bottom: 0; content: ""; display: block; height: 5px; left: 0; position: absolute; width: 100%; left: 0px; }
.nav a.active::after { backface-visibility: hidden; background: #b99485 none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 5px; position: absolute; right: 0; transition: all 0.5s ease 0s; width: 100%; left: 0px; }
.nav a.active:hover::before { backface-visibility: hidden; background: #b99485 none repeat scroll 0 0; width: 100%; }
.nav a.active:hover::after { backface-visibility: hidden; background: #b99485 none repeat scroll 0 0; width: 100%; }
.no-csstransitions .nav a { height: 41px; }
.no-csstransitions .nav a::after, .no-csstransitions .nav a::after, .no-csstransitions .nav a:hover::before, .no-csstransitions .nav a:hover::after { display: none; }
.no-csstransitions .nav a.active, .no-csstransitions .nav a:hover { border-bottom: 5px solid #b99485; }
.nav li { float: left; display: block; padding-left: 30px; }
.fixedtop { height: 97px; }
.fixedtop .logo { width: 280px; top: 15px; }
.fixedtop .grop { top: 10px; }
.fixedtop .header { padding-top: 50px; }
.foot { background-color: #ba130b; color: #fff; padding: 16px 50px; font-size: 14px; }
.foot .r { font-size: 12px; }
.foot a:link, .foot a:visited { color: #ffffff; }
.foot a:active, .foot a:hover { color: #ffffff; }
.backTop { position: fixed; z-index: 9999; bottom: -32px; width: 59px; right: 2%; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.backTop i { background: url(../images/blackTop.png) no-repeat scroll center top; width: 59px; display: block; height: 31px; -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms; }
.backTop:hover i { padding-top: 10px; }
.pbanner { background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center top; position: relative; overflow: hidden; color: #fff; }
.pbanner img { width: 100%; }
.pbanner .txt { position: absolute; width: 100%; text-align: center; top: 35%; }
.pbanner .txt .zh { font-size: 52px; }
.pbanner .txt .en { font: italic 53px/1.4 'Times New Roman',Verdana,'Arial Narrow', Gadget, sans-serif; font-weight: bold; }
.pbanner .txt .bot { background-color: #fff; border-radius: 3px; height: 4px; line-height: 4px; overflow: hidden; margin: 10px auto 0px; display: block; width: 58px; }

@-webkit-keyframes flipInX {
    0% { -webkit-transform: perspective(500px) rotateX(90deg); transform: perspective(500px) rotateX(90deg); opacity: 0; }
    40% { -webkit-transform: perspective(500px) rotateX(-30deg); transform: perspective(500px) rotateX(-30deg); }
    70% { -webkit-transform: perspective(500px) rotateX(30deg); transform: perspective(500px) rotateX(30deg); }
    100% { -webkit-transform: perspective(500px) rotateX(0deg); transform: perspective(500px) rotateX(0deg); opacity: 1; }
}

@keyframes flipInX {
    0% { -webkit-transform: perspective(500px) rotateX(90deg); -ms-transform: perspective(500px) rotateX(90deg); transform: perspective(500px) rotateX(90deg); opacity: 0; }
    40% { -webkit-transform: perspective(500px) rotateX(-30deg); -ms-transform: perspective(500px) rotateX(-30deg); transform: perspective(500px) rotateX(-10deg); }
    70% { -webkit-transform: perspective(500px) rotateX(30deg); -ms-transform: perspective(500px) rotateX(30deg); transform: perspective(500px) rotateX(10deg); }
    100% { -webkit-transform: perspective(500px) rotateX(0deg); -ms-transform: perspective(500px) rotateX(0deg); transform: perspective(500px) rotateX(0deg); opacity: 1; }
}

.flipInX { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX; }
.pbanner.trans-1 .txt { -webkit-animation: flipInX .9s ease-in-out both; -moz-animation: flipInX .9s ease-in-out both; -ms-animation: flipInX .9s ease-in-out both; animation: flipInX .9s ease-in-out both; -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -ms-animation-delay: .5s; animation-delay: .5s; }
.newbanner { position: absolute; left: 50%; bottom: 8%; width: 1100px; margin-left: -550px; }
.newbanner .t { font-size: 40px; font-weight: bold; line-height: 1.2; }
.newbanner .c { font-size: 20px; }
.pbt50 { padding: 5% 0px; }
.popUpblack { background: url(../images/black.png) repeat; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none; }
.popUp { width: 220px; height: 242px; border: 5px solid #999; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }
/*base style end*/
/*index style*/
.banner { margin-top: 13px; overflow: hidden; width: 100%; position: relative; }
.banner ul { width: 100%; height: 100%; position: relative; }
.banner li { display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; }
.banner li .pimg { position: absolute; left: 0; bottom: 0; }
.banerBtns { position: absolute; text-align: center; left: 0px; width: 100%; bottom: 5%; z-index: 100; height: 36px; line-height: 36px; }
.banerBtns a { display: inline-block; width: 20px; height: 36px; margin-right: 15px; background: url(../images/stop.png) no-repeat scroll center center; }
.banerBtns .start { background-image: url(../images/stop2.png); }
.banerBtns .stop i, .banerBtns .start i { display: block; width: 4px; height: 4px; border: 5px none; margin-top: 10px; }
.banerBtns span { display: inline-block; width: 35px; height: 35px; cursor: pointer; transition: 300ms; margin: 0px 4px; }
.banerBtns span i { display: block; margin: 0px auto; }
.csstransitions .banerBtns span i { width: 4px; height: 4px; border: 5px solid #a5251c; border-radius: 50%; margin-top: 10px; }
.csstransitions .banerBtns span.cur { background-color: rgba(165,37,28,0.2); border-radius: 50%; }
.no-csstransitions .banerBtns span i { background: url(../images/num2.png) no-repeat; width: 100%; height: 100%; }
.no-csstransitions .banerBtns span.cur i { background-image: url(../images/num1.png); }
.imgIn { -webkit-animation: imgIn 10s; -moz-animation: imgIn 10s; -o-animation: imgIn 10s; -ms-animation: imgIn 10s; animation: imgIn 10s; z-index: 1; }

@-webkit-keyframes imgIn {
    0% { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); opacity: 1; }
    100% { -webkit-transform: scale(1,1); width: 100%; height: 100%; opacity: 1; }
}

@-moz-keyframes imgIn {
    0% { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); opacity: 1; }
    100% { -webkit-transform: scale(1,1); width: 100%; height: 100%; opacity: 1; }
}

@-o-keyframes imgIn {0%;
{ -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); opacity: 1; }
100% { -webkit-transform: scale(1,1); width: 100%; height: 100%; opacity: 1; }
}

@-ms-keyframes imgIn {
    0% { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); opacity: 1; }
    100% { -webkit-transform: scale(1,1); width: 100%; height: 100%; opacity: 1; }
}

@keyframes imgIn {
    0% { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); opacity: 1; }
    100% { -webkit-transform: scale(1,1); width: 100%; height: 100%; opacity: 1; }
}

.line { background: url(../images/line1.png) repeat-x; margin: 66px 0px 52px; height: 23px; }
.productBox a:link, .productBox a:visited { color: #fff; }
.productBox a:active, .productBox a:hover { color: #fff; }
.productBox { padding-bottom: 62px; border-bottom: 2px solid #e7e7e7; }
.productBox dt, .productBox dd { float: left; width: 24.25%; }
.productBox dd { margin-left: 1%; }
.productBox .box { position: relative; display: block; overflow: hidden; }
.productBox .box .img { width: 100%; display: block; }
.productBox dd .box .name { position: absolute; left: 8%; bottom: 8%; font-size: 20px; }
.productBox dd .box .con { position: absolute; left: 0; top: 0px; width: 100%; height: 100%; background: url(../images/bgyeall.png) repeat; text-align: center; z-index: -1; transition: all 0.1s linear 0s; }
.productBox dd .box .bot, .productBox dd .box .bot2 { height: 30px; width: 84%; position: absolute; left: 8%; }
.productBox dd .box .bot { border-bottom: 1px solid #fff; top: 0px; }
.productBox dd .box .bot2 { border-top: 1px solid #fff; bottom: 0px; }
.productBox dd .box .txt { width: 86%; margin: 0px auto; padding-top: 30%; }
.productBox dd .box .t { font-size: 25px; font-weight: bold; margin-bottom: 5%; }
.productBox dd .box .t .ti1 { background: url(../images/t_l.png) no-repeat scroll left center; padding-left: 30px; }
.productBox dd .box .t .ti2 { background: url(../images/t_r.png) no-repeat scroll right center; padding-right: 30px; }
.productBox dd .box .c { font-size: 16px; height: 86px; overflow: hidden; }
.productBox dd .box .more { background: url(../images/more.png) no-repeat; width: 26px; height: 26px; display: block; position: absolute; left: 50%; bottom: 20%; margin-left: -13px; }
.productBox dt .box .con { position: absolute; left: 0; top: 0px; width: 100%; height: 100%; }
.productBox dt .box .txt { position: absolute; left: 50%; top: 50%; width: 232px; height: 226px; margin: -113px 0px 0px -116px; }
.productBox dt .box .txt2 { background-color: rgba(226,13,13,0.8); width: 254px; height: 254px; border-radius: 50%; text-align: center; position: absolute; left: 150%; top: 50%; margin: -127px 0px 0px -127px; transform: rotate(180deg); -webkit-transform: rotate(180deg); transition: 600ms; -webkit-transition: 600ms; }
.no-csstransitions .productBox dt .box .txt2 { background: url(../images/y2.png) no-repeat; }
.productBox dt .box .txt2 .t { padding-top: 50px; height: 60px; }
.productBox dt .box .txt2 .tname { border-top: 3px solid #fff; border-bottom: 3px solid #fff; font-size: 28px; line-height: 48px; padding-bottom: 4px; }
.productBox dt .box .txt2 .more { background: url(../images/more2.png) no-repeat; width: 33px; height: 33px; margin: 32px auto 0px; display: block; }
.productBox dt .box.act .txt2 { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.productBox .box .more { transition: 400ms; -webkit-transition: 400ms; }
.productBox .box .more:hover { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.productBox dd .box.from-left .con { -webkit-animation: enter-clockwise 0.23s ease-out forwards; -moz-animation: enter-clockwise 0.23s ease-out forwards; -ms-animation: enter-clockwise 0.23s ease-out forwards; animation: enter-clockwise 0.23s ease-out forwards; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; z-index: 2; }
.productBox dd .box.to-left .con { -webkit-animation: leave-anti-clockwise 0.23s ease-out forwards; -moz-animation: leave-anti-clockwise 0.23s ease-out forwards; -ms-animation: leave-anti-clockwise 0.23s ease-out forwards; animation: leave-anti-clockwise 0.23s ease-out forwards; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; }

@-webkit-keyframes enter-clockwise {
    from { z-index: 3; -webkit-transform: rotate(-90deg); }
    to { z-index: 3; -webkit-transform: rotate(0deg); }
}

@-moz-keyframes enter-clockwise {
    from { z-index: 3; -moz-transform: rotate(-90deg); }
    to { z-index: 3; -moz-transform: rotate(0deg); }
}

@-ms-keyframes enter-clockwise {
    from { z-index: 3; -ms-transform: rotate(-90deg); }
    to { z-index: 3; -ms-transform: rotate(0deg); }
}

@keyframes enter-clockwise {
    from { z-index: 3; transform: rotate(-90deg); }
    to { z-index: 3; transform: rotate(0deg); }
}

@-webkit-keyframes leave-anti-clockwise {
    from { z-index: 3; -webkit-transform: rotate(0deg); }
    to { z-index: 3; -webkit-transform: rotate(-90deg); }
}

@-moz-keyframes leave-anti-clockwise {
    from { z-index: 3; -moz-transform: rotate(0deg); }
    to { z-index: 3; -moz-transform: rotate(-90deg); }
}

@-ms-keyframes leave-anti-clockwise {
    from { z-index: 3; -ms-transform: rotate(0deg); }
    to { z-index: 3; -ms-transform: rotate(-90deg); }
}

@keyframes leave-anti-clockwise {
    from { z-index: 3; transform: rotate(0deg); }
    to { z-index: 3; transform: rotate(-90deg); }
}

.conIbox { padding: 5% 0px; color: #969696; display: none; }
.conIbox a:link, .conIbox a:visited { color: #969696; }
.conIbox a:active, .conIbox a:hover { color: #666; }
.conIbox dd { width: 288px; margin-left: 118px; float: left; }
.conIbox dd.aboutBox { margin-left: 0px; }
.conIbox .img { width: 100%; height: 157px; background-color: #000; margin-bottom: 28px; overflow: hidden; }
.conIbox .img img { width: 100%; display: block; transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; }
.conIbox .t { text-align: center; font: bold 22px/1.8 "microsoft yahei"; margin-bottom: 10px; }
.conIbox .c { text-align: justify; font-size: 14px; height: 126px; overflow: hidden; margin-bottom: 36px; }
.conIbox .list { position: relative; top: -1px; }
.conIbox .list li { height: 41px; border-top: 1px solid #e5e5e5; line-height: 41px; overflow: hidden; }
.more2 { display: block; border: 1px solid #969696; text-align: center; width: 80px; height: 28px; line-height: 28px; font-size: 14px; margin: 0px auto; border-radius: 2px; position: relative; }
.more2 .bi1 { position: absolute; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; background-color: transparent; width: 70%; height: 100%; left: 15%; top: 0px; display: block; }
.more2 .bi2 { position: relative; z-index: 1; }
.more2:hover { border: 1px solid #E60012; }
.more2:hover .bi1 { width: 100%; left: 0px; background-color: #e60012; }
.more2:hover .bi2 { color: #fff; }
.conIbox dd:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; }
.conIbox dd:hover .more2 { border: 1px solid #E60012; }
.conIbox dd:hover .more2 .bi1 { width: 100%; left: 0px; background-color: #e60012; }
.conIbox dd:hover .more2 .bi2 { color: #fff; }
.pitem1, .pitem2 { float: left; display: block; position: relative; overflow: hidden; }
.pitem1 .img, .pitem2 .img { width: 100%; display: block; }
.pitem1 { width: 61.2%; margin-right: 1%; }
.pitem2 { width: 37.8%; }
.pmenuList .mico:hover { margin-right: 4px; }
.promenuT { display: none; position: relative; background: url(../images/proMbg.jpg) no-repeat; width: 205px; height: 230px; position: absolute; top: 50%; margin-top: -127px; left: 14%; padding: 25px 30px 0px; color: #4e2e1c; }
.promenuT .btnLeft, .promenuT .btnRight { background: url(../images/pro_t.png) no-repeat #e3a980; display: block; width: 33px; height: 33px; position: absolute; right: -33px; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.promenuT .btnLeft { top: 0px; }
.promenuT .btnRight { top: 33px; background-position: left bottom; }
.promenuT .btnLeft:hover { background-position: right top; background-color: #6d3517; }
.promenuT .btnRight:hover { background-position: right bottom; background-color: #6d3517; }
.pmenuList { height: 100%; overflow: hidden; }
.pmenuList li { display: block; height: 100%; height: 100%; overflow: hidden; }
.pmenuList .t { height: 50px; font-size: 20px; line-height: 1.2; color: #ff3232; }
.pmenuList .t .en { font: 14px/1.5 "microsoft yahei",Arial, Helvetica, sans-serif; color: #6d3517; float: right; display: none; text-transform: uppercase; }
.pmenuList .c { height: 125px; overflow: hidden; font-size: 14px; margin-bottom: 15px; }
.pmenuList .mico { background: url(../images/mico2.png) no-repeat; width: 23px; height: 23px; float: right; display: block; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.pconMenu { position: relative; overflow: hidden; width: 100%; padding-bottom: 5%; }
.pconMenu a:link, .pconMenu a:visited { color: #fff; }
.pconMenu a:active, .pconMenu a:hover { color: #fff; }
.pconMenu ul { width: 600%; position: relative; }
.pconMenu li { position: relative; float: left; display: block; }
.pconMenu .item { float: left; width: 32.66%; *width: 32.659%; margin: 1% 0px 0px 1%; overflow: hidden; }
.pconMenu .item1 { margin-left: 0px; }
.pconMenu .item img { width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms; -ms-transition: 600ms; }
.pconMenu .item a { display: block; position: relative; width: 100%; height: 100%; }
.pconMenu .item .name { position: absolute; left: 8%; bottom: 5%; font-size: 20px; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.pconMenu .item .con { background: url(../images/bgred.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; display: none; }
.pconMenu .item .more { border: 1px solid #fff; border-radius: 1px; text-align: center; width: 196px; height: 52px; line-height: 52px; font-size: 16px; display: block; position: absolute; left: 50%; top: 50%; margin: -27px 0px 0px -100px; }
.pconMenu .item a:hover .name { bottom: -10%; }
.pconMenu .item a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.pconMenu .item a:hover .con { display: block; }
.pitem2 a:link, .pitem2 a:visited { color: #fff; }
.pitem2 a:active, .pitem2 a:hover { color: #fff; }
.pitem2 a { display: block; position: relative; overflow: hidden; }
.pitem2 .sbg { background: url(../images/bgyeall.png) repeat; position: absolute; width: 100%; height: 100%; display: block; left: 0px; top: 0px; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.pitem2 .con { position: absolute; left: 0px; top: 50%; width: 100%; height: 228px; margin-top: -114px; text-align: center; overflow: hidden; }
.pitem2 .con .t { height: 70px; padding-top: 15px; }
323232 .pitem2 .con .tname { border-top: 3px solid #fff; border-bottom: 3px solid #fff; font-size: 28px; padding: 5px 0px 8px; }
.pitem2 .con .t2 { display: block; text-align: center; margin-top: 15px; }
.pitem2 .con .more { background: url(../images/more2.png) no-repeat; width: 33px; height: 33px; margin: 18px auto 0px; display: block; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.pitem2 a:hover .sbg { width: 310px; height: 310px; left: 50%; top: 50%; margin: -155px 0px 0px -155px; border-radius: 50%; }
.pitem2 a:hover .more { transform: rotate(90deg); -webkit-transform: rotate(90deg); }

@media screen and (max-width:1440px) {
    .pitem2 a:hover .sbg { width: 254px; height: 254px; margin: -127px 0px 0px -127px; }
}

@media screen and (max-width:1370px) {
    .productBox dd .box .t { font-size: 22px; }
    .productBox dd .box .name { font-size: 18px; }
    .productBox dd .box .c { font-size: 14px; }
    .promenuT { height: 190px; margin-top: -108px; width: 180px; padding: 25px 25px 0px; }
    .pmenuList .c { height: 85px; font-size: 12px; }
}
/*index style end*/
/*company style*/
.aT { font-size: 35px; margin: 25px 0px 50px; font-weight: bold; color: #323232; }
.aT2 { padding: 60px 0px; font-size: 35px; color: #323232; font-weight: bold; }
.companydL a:link, .companydL a:visited { color: #D21515; }
.companydL a:active, .companydL a:hover { color: #D21515; }
.companydL { position: relative; margin-bottom: 40px; }
.companydL .cT { width: 297px; float: left; }
.companydL .cC { width: 803px; float: left; display: block; }
.com-year { font-size: 62px; line-height: 1.2; color: #dadada; }
.com-line { background-color: #dadada; width: 2px; height: 42px; margin-left: 70px; display: block; overflow: hidden; }
.cCon { color: #000; font-size: 24px; text-align: justify; font-family: 'times new roman'; }
.ciImg { height: 283px; background-attachment: fixed; background-size: cover; }
.clistOne li { display: block; width: 78px; height: 78px; margin-bottom: 12px; font-size: 12px; border-radius: 50%; border: 1px solid #e60012; text-align: center; color: #e60012; overflow: hidden; position: relative; cursor: pointer; }
.clistOne li .cbg { background-color: #e60012; border-radius: 50%; width: 78px; padding: 33px 0px 0px; line-height: 1.5; height: 45px; display: block; position: absolute; left: 0px; top: 0px; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); opacity: 0; filter: alpha(opacity=0); z-index: 4; color: #fff; font-size: 12px; line-height: 1.5; }
.clistOne li .ct { position: relative; line-height: 78px; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.clistOne li.active .cbg { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.clistOne li.active .ct { color: #fff; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); opacity: 0; filter: alpha(opacity=0); }
.clist { display: none; }
.clist li { float: left; width: 266px; height: 258px; overflow: hidden; margin-right: 1px; }
.clist img { width: 100%; display: block; }
.clistCon { position: relative; overflow: hidden; height: 258px; }
.logoList { position: absolute; left: 0px; bottom: 8%; width: 240px; }
.logoList a:link, .logoList a:visited { color: #e60012; }
.logoList a:active, .logoList a:hover { color: #e60012; }
.logoList li { float: left; width: 120px; display: block; height: 100px; }
a.more6 { border: 1px solid #e60012; width: 72px; height: 25px; text-align: center; line-height: 25px; font-size: 14px; display: block; margin-top: 20px; }
a.more6:hover { background-color: #e60012; color: #fff; }
.clist2 li { float: left; width: 214px; display: block; }
.clist2 li img { display: block; transition: 400ms; -webkit-transition: 400ms; }
.clist2 li a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.cpic { position: absolute; right: 0px; top: 0px; }
.brandList { padding-bottom: 50px; }
.brandList li { float: left; display: block; width: 260px; margin-right: 3px; height: 300px; border: 2px solid #f5f5f5; background-color: #f5f5f5; position: relative; overflow: hidden; }
.brandList li .img { width: 100%; opacity: 0; filter: alpha(opacity=0); transition: 400ms; -webkit-transition: 400ms; }
.brandList li .clogo { position: absolute; width: 210px; height: 164px; left: 50%; top: 50%; margin: -82px 0px 0px -105px; }
.brandList li .clogo1 { display: block; }
.brandList li .clogo2 { display: none; }
.brandList li.active { border: 2px solid #e60012; }
.brandList li.active .img { opacity: 1; filter: alpha(opacity=100); }
.brandList li.active .clogo1 { display: none; }
.brandList li.active .clogo2 { display: block; }
.brandBox { position: relative; overflow: hidden; width: 606px; height: 130px; }
.brandBox .item { display: none; }
.brandBox .item .c { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-size: 14px; padding: 15px 0px; }
.brandBox .item .txt { overflow: hidden; height: 50px; }
.honorList li { float: left; width: 192px; height: 192px; border: 2px solid #ededed; margin: 0px 22px 30px 0px; position: relative; overflow: hidden; }
.honorList a { display: block; overflow: hidden; }
.honorList img { width: 100%; display: block; }
.honorList .black-bg { background: url(../images/black.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none; }
.honorList .hico { background: url(../images/ico_3.png) no-repeat; width: 39px; height: 39px; position: absolute; left: 50%; top: 50%; margin: 0px 0px 0px -20px; display: none; }
.honorList li:hover { border: 2px solid #e92534; }
.honorList .ledmore a { width: 100%; height: 100%; text-align: center; }
.honorList .ledmore a .i { background: url(../images/more3.png) no-repeat; width: 41px; height: 41px; display: block; position: absolute; top: 58px; left: 50%; margin-left: -20px; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.honorList .ledmore a .c { padding-top: 110px; display: block; font-size: 16px; color: #969696; }
.honorList .ledmore a:hover .i { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
/*company style end*/
/*product style*/
.proPage { padding: 30px 0px 100px; }
.productList { padding: 70px 0px 40px; _overflow: hidden; position: relative; }
.productList a:link, .productList a:visited { color: #684e37; }
.productList a:active, .productList a:hover { color: #fff; }
.productList ul { margin-left: -29px; }
.productList li { float: left; display: block; width: 253px; margin: 0px 0px 68px 29px; background-color: #fff; padding-bottom: 10px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15); transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; }
.productList .img { width: 253px; overflow: hidden; height: 275px; position: relative; }
.productList .img img { width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms; }
.productList .con { padding: 20px 18px 0px; height: 52px; overflow: hidden; color: #9f8874; font-size: 14px; }
.productList .con .t { font-weight: bold; line-height: 1.5; }
.productList .img .bg { background: url(../images/bgred.png) repeat; width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; display: none; }
.productList .img .more { background: url(../images/openi.png) no-repeat scroll center center; border: 2px solid #fff; display: block; width: 142px; height: 50px; margin: 138px auto 0px; }
.productList li:hover { background-color: #dd4330; }
.productList li:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.productList li:hover .con { color: #fff; }
.proBox { width: 768px; margin: 0px auto; overflow: hidden; background-color: #fff; }
.proBox .proIc { height: 360px; overflow: hidden; }
.proIc img { width: 100%; display: block; }
.proC { padding: 10px 25px 20px; color: #9d7964; font-size: 14px; }
.proC dd { padding: 10px 0px; line-height: 1.5; border-bottom: 1px solid #eeeeee; }
.proC .name { font-size: 24px; color: #441c09; }
.proC dd.item { border-bottom: 0px none; }
/*product style end*/
/*menu style*/
.menuList a:link, .menuList a:visited { color: #fff; }
.menuList a:active, .menuList a:hover { color: #fff; }
.menuList { padding: 76px 0px 22px; _overflow: hidden; }
.menuList ul { margin-left: -31px; position: relative; }
.menuList li { float: left; width: 346px; height: 317px; margin: 0px 0px 68px 31px; display: block; position: relative; overflow: hidden; }
.menuList li .img { overflow: hidden; width: 100%; height: 100%; }
.menuList li .img img { width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms; }
.menuList .name { background: url(../images/black.png) repeat; position: absolute; left: 0px; bottom: 0px; border-bottom: 6px solid #a5251c; width: 90%; line-height: 1.4; font-size: 20px; padding: 12px 5%; }
.menuList .con { background: url(../images/bgred.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; display: none; }
.menuList .con .more { background: url(../images/openi.png) no-repeat scroll center center; border: 2px solid #fff; display: block; width: 142px; height: 50px; margin: 160px auto 30px; }
.menuList .con .txt { font-size: 16px; }
.menuList li:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.menuPage a:link, .menuPage a:visited { color: #6c6c6c; }
.menuPage a:active, .menuPage a:hover { color: #BA130B; }
.menuPage { width: 1024px; margin: 0px auto; color: #6c6c6c; }
.menuT { text-align: center; font-size: 30px; line-height: 1.4; }
.menuI { text-align: center; padding: 28px 0px; }
.menuI span { border: 1px solid #e60012; padding: 0px 12px; font-size: 14px; border-radius: 10px; margin: 0px 9px; }
.menuS { text-align: center; }
.menuS a.mi { padding-left: 25px; height: 25px; display: inline-block; background: url(../images/sharp.png) no-repeat; margin: 0px 5px; }
.menuS a.mi1 { background-position: 0px 0px; }
.menuS a.mi2 { background-position: 0px -25px; }
.menuS a.mi3 { background-position: 0px -50px; color: #bfab98; }
.menuS a.mi:hover { background-image: url(../images/sharp2.png); }
.menufirst { padding: 70px 0px; }
.menufirst dd { float: left; display: block; overflow: hidden; }
.menufirst .con { width: 440px; font-size: 14px; padding-left: 20px; }
.menufirst .img { width: 490px; position: relative; float: right; }
.menufirst .img img { width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms; -ms-transition: 600ms; }
.menufirst .img .name { position: absolute; left: 0px; bottom: 0px; width: 90%; padding: 10px 5%; font-size: 20px; color: #fff; background: url(../images/bghe.png) repeat; }
.menufirst .img:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.menuCon .t { border-bottom: 1px solid #f2ddca; color: #cfa972; text-align: center; margin-bottom: 100px; }
.menuCon .t span { position: relative; bottom: -20px; font-size: 25px; padding: 0px 25px; background-color: #fff; }
.menuC { width: 984px; margin: 0px auto 60px; padding-bottom: 45px; border-bottom: 1px solid #cfa972; font-size: 14px; }
.menuC a:link, .menuC a:visited { color: #6c6c6c; }
.menuC a:active, .menuC a:hover { color: #BA130B; }
.more5 { display: block; border: 1px solid #aaaaaa; text-align: center; width: 168px; height: 42px; line-height: 42px; font-size: 14px; margin: 0px auto; color: #6c6c6c; position: relative; border-radius: 10px; overflow: hidden; }
.more5 .bi1 { position: absolute; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; background-color: #aaaaaa; width: 0px; height: 100%; left: 50%; top: 0px; display: block; }
.more5 .bi2 { position: relative; z-index: 1; color: #6c6c6c; }
.more5:hover .bi1 { width: 100%; left: 0px; }
.more5:hover .bi2 { color: #fff; position: relative; }
/*menu style end*/
/*news style*/
.nice-select { position: relative; float: left; display: block; padding: 0px 56px 0px 58px; width: 124px; border: 1px solid #e81929; height: 46px; color: #6c6c6c; background: url(../images/select_i2.png) no-repeat scroll 20px center; }
.nice-select2 { margin-right: 10px; }
.nice-select.active { border-bottom: 0px none; }
.nice-select span { display: block; width: 100%; height: 46px; border: 0 none; padding: 0px; margin: 0px; outline: 0; background: none; cursor: pointer; font-size: 14px; line-height: 46px; color: #6c6c6c; }
.nice-select ul { width: 100%; display: none; position: absolute; left: -1px; top: 46px; overflow: hidden; background-color: #fff; background-color: rgba(255,255,255,0.9); border: 1px solid #e81929; border-top: 0; z-index: 9999; max-height: 272px; overflow-y: auto; }
.nice-select ul li { height: 34px; line-height: 34px; font-size: 14px; overflow: hidden; padding: 0 0px 0px 58px; position: relative; cursor: pointer; }
.news .nice-select ul li { padding: 0px; text-align: center; width: 100%; cursor: default; }
.nice-select ul li a { color: #6c6c6c; display: block; }
.nice-select ul li a:hover { background-color: #eee; }
.nice-select ul li.current { background-color: #eee; }
.nice-select2 ul li { background: url(../images/select_i1.gif) no-repeat scroll 19px center; }
.nice-select2 ul li .i { position: absolute; left: 20px; top: 8px; background: url(../images/select_i3.png) no-repeat; width: 0px; height: 18px; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.nice-select2 ul li.on { background-color: transparent; }
.nice-select2 ul li.on .i { width: 16px; }
.timeSJ { background: url(../images/time_t.png) no-repeat scroll center center; width: 36px; height: 48px; display: block; float: left; margin-right: 8px; }
.nice-search { float: left; display: block; margin-left: 20px; max-width: 254px; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.nice-search2 { margin-left: 0px; }
.nice-search .ntxt { width: 162px; padding: 0px 20px; height: 46px; line-height: 46px; color: #6C6C6C; border: 1px solid #E81929; font-size: 14px; }
.nice-search .nbtn { background: url(../images/serach_i1.png) no-repeat scroll center center; width: 50px; height: 48px; float: left; display: block; }
.nice-search p { width: 0px; overflow: hidden; float: left; display: block; position: relative; }
.nice-close { display: none; position: absolute; right: 2px; top: 7px; background: url(../images/close3.png) no-repeat scroll 10px 10px; width: 32px; height: 32px; cursor: pointer; }
.nice-close:hover { background-position: 10px -24px; }
.newList { padding: 70px 0px 25px; _overflow: hidden; }
.newList a:link, .newList a:visited { color: #6c6c6c; }
.newList a:active, .newList a:hover { color: #E60012; }
.newList ul { margin-left: -56px; position: relative; }
.newList ul li { float: left; display: block; margin: 0px 0px 46px 56px; width: 327px; border: 1px solid #eeeeee; }
.newList .nItem { width: 280px; margin: 0px auto; padding: 24px 0px 18px; }
.newList .nItem .img { width: 100%; height: 271px; overflow: hidden; background-color: #222222; }
.newList .nItem .img img { width: 100%; display: block; transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; }
.newList .nItem .t { margin: 22px 0px; font-size: 20px; line-height: 1.2; height: 48px; overflow: hidden; }
.newList .nItem .c { height: 70px; font-size: 14px; color: #a0a0a0; margin-bottom: 20px; text-align: justify; }
.newList .nItem .clearfix { font-size: 14px; color: #a0a0a0; }
.newList .nItem .type { float: right; display: inline-block; }
.newList li:hover { border: 1px solid #dadada; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
.newList li:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; }
.newPic { margin-bottom: 40px; }
.newPic img { width: 100%; display: block; }
.w820 { width: 820px; margin: 0px auto; overflow: hidden; }
.infoT { text-align: center; color: #6c6c6c; font-size: 25px; line-height: 1.5; margin-bottom: 15px; }
.infoI { text-align: center; color: #c8c8c8; margin-bottom: 58px; }
.infoI span { padding-left: 25px; background: url(../images/nico1.png) no-repeat scroll left center; font-size: 14px; margin-right: 14px; }
.w820 .viewmenu { color: #c8c8c8; font-size: 14px; margin: 9px 6px 0px 0px; display: block; }
.w820 .viewmenu:hover { color: #b99485; }
.infoI .time { background-image: url(../images/nico2.png); margin-left: 52px; }
.infoPage { font-size: 14px; overflow: hidden; }
.infoPage dl { float: left; width: 510px; overflow: hidden; }
.infoPage dl.mrl { margin-right: 20px; width: 280px; overflow: hidden; margin-top: 6px; }
.infoPage dl.mrl img { width: 100%; }
.infoPage a:link, .infoPage a:visited { color: #969696; }
.infoPage a:active, .infoPage a:hover { color: #BA130B; }
/*news style end*/
/*hr style*/
.hrList { font-size: 14px; color: #969696; line-height: 2; padding-bottom: 40px; }
.hrList a:link, .hrList a:visited { color: #969696; }
.hrList a:active, .hrList a:hover { color: #585858; }
.hrList .hicon { float: left; width: 4%; height: 48px; position: relative; }
.hrList .hspan { text-align: center; cursor: pointer; width: 16%; display: block; float: left; color: #969696; height: 48px; line-height: 48px; }
.hrList .hrdt { margin-bottom: 6px; }
.hrList dd { margin-bottom: 22px; }
.hrList .hrT .hspan { background: #d21515; transition: 400ms; -ms-transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms; color: #fff; }
.hrList .hicon .ib { width: 21px; height: 21px; margin-top: 12px; display: block; position: relative; transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms; -ms-transition: 400ms; }
.hrList .hicon i { display: block; background: #e60012; }
.hrList .hicon .ic1 { width: 1px; height: 21px; margin-left: 10px; }
.hrList .hicon .ic2 { width: 21px; height: 1px; position: absolute; left: 0; top: 50%; margin-top: -1px; }
.hrList .hrB { border: 1px solid #8a0b0b; display: none; margin-left: 4%; }
.hrList .hrCon { width: 89%; margin: 0px auto; padding: 25px 0px; overflow: hidden; }
.hline { border-top: 1px solid #eee; padding: 30px 0px; margin-top: 35px; }
.hrList .active { margin-bottom: 38px; }
.hrList .active .hspan { background: #1478e8; }
.hrList .active .hicon .ib { transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.hrList dd.active .hspan, .hrList dd:hover .hspan { background: #8a0b0b; }
.more3 { display: block; border: 1px solid #e60012; text-align: center; width: 200px; height: 56px; line-height: 56px; font-size: 16px; margin: 0px auto; color: #b91905; position: relative; }
.more3 .bi1 { position: absolute; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; background-color: transparent; width: 70%; height: 100%; left: 15%; top: 0px; display: block; color: #b91905; }
.more3 .bi2 { position: relative; z-index: 1; }
.more3:hover { border: 1px solid #969696; }
.more3:hover .bi1 { width: 100%; left: 0px; background-color: #969696; }
.more3:hover .bi2 { color: #fff; }
/*hr style end*/
/*query style*/
.queryPage { width: 918px; margin: 0px auto; font-size: 14px; }
.queryPage a:link, .queryPage a:visited { color: #969696; }
.queryPage a:active, .queryPage a:hover { color: #585858; }
.queryCon { padding: 45px 128px; border-top: 1px solid #eee; text-align: center; color: #969696; }
.queryForm { text-align: center; padding-bottom: 80px; width: 505px; margin: 0px auto; }
.queryForm .qtxt { width: 320px; padding: 0px 50px; height: 50px; line-height: 50px; font-size: 18px; color: #7c7c7c; border: 2px solid #ededed; background-color: #f6f6f6; border-radius: 5px; display: inline-block; float: left; }
.queryForm .qbtn { width: 72px; height: 50px; border: 2px solid #fff; line-height: 50px; font-size: 14px; display: inline-block; margin-left: 5px; border-radius: 5px; float: left; }
.queryForm input[type="text"]:focus { background-color: #fff; border: 2px solid #B99485; }
.queryForm a.qbtn:hover { background-color: #B99485; border: 2px solid #B99485; color: #fff; }
.queryBG { background: url(../images/black.png) repeat; cursor: pointer; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1000; display: none; }
.queryBox { position: fixed; left: 50%; top: 55%; width: 340px; height: 380px; padding: 0px 110px; border: 2px solid #996c33; background-color: #fff9f1; margin: -172px 0px 0px -332px; display: none; z-index: 1005; }
.queryclose { background: url(../images/close.png) no-repeat; width: 32px; height: 32px; cursor: pointer; position: absolute; right: 16px; top: 16px; transition: 400ms; -webkit-transition: 400ms; }
.queryclose:hover { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.queryBox .t { padding: 40px 0px 35px; text-align: center; border-bottom: 1px solid #eee; margin-bottom: 40px; }
.queryBox .t .zh { font-size: 25px; }
.queryBox .t .en { font-size: 16px; }
.queryBox .con { text-align: center; height: 130px; overflow: hidden; }
/*query style end*/
/*join style*/
.jointab { position: relative; z-index: 2; color: #9d9d9d; }
.jointab li { float: left; display: block; width: 550px; }
.jointab li .img { display: block; text-align: center; margin: 0px auto 40px; width: 281px; height: 281px; overflow: hidden; position: relative; }
.jointab li .img img { width: 100%; display: block; }
.jointab li .img .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../images/y3.png) no-repeat; display: none; }
.jointab li .t { border: 1px solid #E5E5E5; border-right: 0px none; border-bottom: 0px none; text-align: center; font-size: 20px; height: 82px; line-height: 82px; cursor: pointer; }
.jointab li .t2 { border-right: 1px solid #E5E5E5; }
.jointab li.active .t { background-color: #fff; }
.jointab li.active .img .bg { display: block; }
.joinCab { border: 1px solid #e5e5e5; position: relative; top: -1px; }
.joinCab .item { display: none; }
.yList { padding: 112px 0px 70px; margin-left: -1px; color: #b91905; }
.yList li { float: left; display: block; position: relative; text-align: center; width: 274px; background: url(../images/line2.jpg) no-repeat scroll left center; margin-bottom: 50px; }
.yList .yico { height: 154px; }
.yList .c { font-size: 14px; height: 54px; line-height: 1.4; overflow: hidden; width: 80%; margin: 0 auto; }
.yList .con { position: absolute; left: 12px; top: 0px; width: 250px; height: 100%; background: #ac0808; color: #fff; opacity: 0; transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); }
.yList .con p { padding: 25% 44px 0px; font-size: 16px; }
.yList li:hover .con { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); opacity: 1; }
.no-csstransitions .yList .con { display: none; }
.no-csstransitions .yList li:hover .con { display: block; }
.zsList { padding: 112px 0px 50px; }
.zsList li { width: 413px; float: left; margin: 0px 0px 86px 91px; position: relative; overflow: hidden; }
.zsList li img { width: 100%; display: block; }
.zsList li .con { position: absolute; background: url(../images/bgred.png) repeat; width: 413px; height: 314px; left: 0px; top: 80%; color: #fff; }
.zsList li .con .t { width: 80%; margin: 0px auto; text-align: center; font-size: 16px; height: 65px; line-height: 65px; transition: 400ms; -ms-transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms; }
.zsList li .con .c { width: 80%; margin: 0px auto; font-size: 14px; height: 120px; overflow: hidden; opacity: 0; filter: alpha(opacity=0); transition: 400ms ease 300ms; -ms-transition: 400ms ease 300ms; -webkit-transition: 400ms ease 300ms; -moz-transition: 400ms ease 300ms; }
.zsList li .con .bot1, .zsList li .con .bot2 { height: 20px; width: 0px; overflow: hidden; position: absolute; left: 50%; transition: 600ms; -ms-transition: 600ms; -webkit-transition: 600ms; -moz-transition: 600ms; }
.zsList li .con .bot1 { border-bottom: 1px solid #fff; top: 0px; }
.zsList li .con .bot2 { border-top: 1px solid #fff; bottom: 0px; }
.zsList li .con.act .t { font-size: 30px; padding-top: 24px; height: 135px; }
.zsList li .con.act .bot1, .zsList li .con.act .bot2 { width: 90%; left: 5%; }
.zsList li .con.act .c { opacity: 1; filter: alpha(opacity=100); }
.zsADD { text-align: center; background-color: #ba130b; font-size: 20px; padding: 12px 0px; color: #fff; }
/*join style end*/
/*contact style*/
.contact-Box a:link, .contact-Box a:visited { color: #969696; }
.contact-Box a:active, .contact-Box a:hover { color: #e60012; }
.contact-Box { margin-top: 25px; color: #969696; }
.contact-Box dd { float: left; display: block; width: 50%; *width: 49.99%; overflow: hidden; }
.contact-Box .t { height: 88px; line-height: 88px; font-size: 20px; text-align: center; background-color: #c8c8c8; color: #fff; }
.contact-Box dd.item2 .t { background-color: #e60012; }
.contact-Box .c { padding: 8% 0 8% 25%; font-size: 14px; }
.map { height: 484px; width: 100%; overflow: hidden; }
.consharp a:link, .consharp a:visited { color: #969696; }
.consharp a:active, .consharp a:hover { color: #e60012; }
.consharp { width: 798px; margin: 0px auto; padding: 8% 0px; position: relative; font-size: 14px; color: #696969; }
.consharp li { float: left; display: block; width: 224px; height: 224px; margin: 0px 21px 34px; }
.consharp li a { display: block; width: 222px; height: 222px; border: 1px solid #c8c8c8; }
.consharp .sico { width: 100%; height: 100%; display: block; background: url(../images/consharp.png); }
.consharp .sico1 { background-position: 0px 0px; }
.consharp .sico2 { background-position: -225px 0px; }
.consharp .sico3 { background-position: -450px 0px; }
.consharp li:hover a, .consharp li.item1.act a { border: 1px solid #e60012; background-color: #e60012; }
.consharp li:hover .sico1, .consharp li.item1.act a .sico1 { background-position: 0px -224px; }
.consharp li:hover .sico2 { background-position: -225px -224px; }
.consharp li:hover .sico3 { background-position: -450px -224px; }
.wico { background-color: #f2f2f2; width: 438px; position: relative; left: -76px; display: none; }
.wico .sj { background: url(../images/sj.png) no-repeat; width: 36px; height: 19px; position: absolute; left: 50%; margin-left: -18px; top: -19px; }
.wico p { float: left; width: 219px; text-align: center; padding: 22px 0px; }
/*contact style end*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-iframe html { overflow: hidden !important; }
.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite.png'); }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; background: url('../images/fancybox_loading.gif') center center no-repeat; }

.fancybox-close { position: absolute; top: 0px; right: -36px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; background: url(../images/close2.png) no-repeat; }

.fancybox-nav { position: absolute; top: 50%; margin-top: -31px; width: 45px; height: 63px; cursor: pointer; text-decoration: none; background: transparent url('../images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }

.fancybox-prev { left: -100px; }

.fancybox-next { right: -100px; }

.fancybox-nav span { position: absolute; top: 50%; width: 45px; height: 63px; margin-top: -31px; cursor: pointer; z-index: 8040; }

.fancybox-prev span { left: 0px; background: url(../images/pro_l.png) no-repeat; }

.fancybox-next span { right: 0px; background: url(../images/pro_r.png) no-repeat; }

.fancybox-nav:hover span { /*visibility: visible;*/ }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */

.fancybox-lock { overflow: hidden !important; width: auto; }

.fancybox-lock body { overflow: hidden !important; }

.fancybox-lock-test { overflow-y: hidden !important; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/fancybox_overlay.png'); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */

.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; font-size: 18px; padding: -5px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ color: #FFF; line-height: 24px; }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }

    #fancybox-loading div { background-image: url('../images/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}