﻿@font-face { font-family: Brown; src: url(../fonts/brownPro/lineto-brown-pro-thin.eot?#iefix) format("embedded-opentype"), url(../fonts/lineto-brown-pro-thin.woff2) format("woff2"), url(../fonts/lineto-brown-pro-thin.woff) format("woff"); font-weight: 100; font-style: normal; }
@font-face { font-family: Brown; src: url(../fonts/lineto-brown-pro-thinItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/lineto-brown-pro-thinItalic.woff2) format("woff2"), url(../fonts/lineto-brown-pro-thinItalic.woff) format("woff"); font-weight: 100; font-style: italic; }
@font-face { font-family: Brown; src: url(../fonts/lineto-brown-pro-light.eot?#iefix) format("embedded-opentype"), url(../fonts/lineto-brown-pro-light.woff2) format("woff2"), url(../fonts/lineto-brown-pro-light.woff) format("woff"); font-weight: 300; font-style: normal; }
@font-face { font-family: Brown; src: url(../fonts/lineto-brown-pro-lightItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/lineto-brown-pro-lightitalic.woff2) format("woff2"), url(../fonts/lineto-brown-pro-lightItalic.woff) format("woff"); font-weight: 300; font-style: italic; }
@font-face { font-family: Brown; src: url(../fonts/lineto-brown-pro-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/lineto-brown-pro-regular.woff2) format("woff2"), url(../fonts/lineto-brown-pro-regular.woff) format("woff"); font-weight: 400; font-style: normal; }
@font-face { font-family: Brown; src: url(../fonts/lineto-brown-pro-italic.eot?#iefix) format("embedded-opentype"), url(../fonts/lineto-brown-pro-italic.woff2) format("woff2"), url(../fonts/lineto-brown-pro-italic.woff) format("woff"); font-weight: 400; font-style: italic; }
@font-face { font-family: Brown; src: url(../fonts/lineto-brown-pro-bold.eot?#iefix) format("embedded-opentype"), url(../fonts/lineto-brown-pro-bold.woff2) format("woff2"), url(../fonts/lineto-brown-pro-bold.woff) format("woff"); font-weight: 700; font-style: normal; }
@font-face { font-family: Brown; src: url(../fonts/lineto-brown-pro-boldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/lineto-brown-pro-boldItalic.woff2) format("woff2"), url(../fonts/lineto-brown-pro-boldItalic.woff) format("woff"); font-weight: 700; font-style: italic; }
td { font-family: Helvetica; font-weight: 400; line-height: 25px; color: #505050; font-size: 16px; letter-spacing: 1px; }
body { margin: 0px; padding: 0px; background: #fff; color: #505050; line-height: 25px; font-family: Helvetica; font-weight: 400; -webkit-font-smoothing: antialiased; font-size: 16px; margin-top: 112px; }
a { text-decoration: none; color: #505050; }
a {
blr:expression(this.onFocus=this.blur()); outline: none; }
a:focus { -moz-outline-style: none; }
input, textarea { outline: none; }
form { font-family: Helvetica; margin: 0px; font-size: 12px; }
select { font-size: 12px; font-family: Helvetica; }
input { font-size: 12px; font-family: Helvetica; padding: 1px; }
#foot td { color: #ffffff; }
#foot a { text-decoration: none; color: #ffffff; }
.tdbg_leftall { padding: 1px; font-family: Helvetica; color: #333333; text-decoration: none; border: 1px solid #999999; }
.tdbg_main { padding: 6px; BORDER-BOTTOM: #bbbbbb 1px solid; BACKGROUND-COLOR: #fafafa; }
.topfix { position: fixed; left: 0px; top: 0px; background: #FFFFFF; z-index: 1000; border-bottom: #f3f3f3 1px solid; }
#keyword { width: 173px; height: 30px; line-height: 30px; text-indent: 10px; border: #cccccc 1px solid; font-family: Brown, arial, sans-serif; font-size: 15px; font-weight: 200; }
.topsearchbut { position: absolute; top: 5px; right: 10px; cursor: pointer; }
.topmenu td { font-family: Helvetica; font-size: 15px; letter-spacing: 0.2px; font-weight: 200; font-style: normal; }
.topmenu td a { color: #505050; }
.topmenu td:hover a { color: #000000; font-weight: 400; }
.topmenucur a { color: #000000; font-weight: 400; }
.topwec { font-weight: 200; font-size: 12px; color: #505050 }
1 .topmenu td:hover .header-nav__item__arrow {
 color:#000000;
 transform: translateY(-50%);
}
.topmenu td:hover .header-nav__item__arrow i { transform: rotate(180deg); }
.fullSlide { width: 100%; position: relative; height: 750px; z-index: 1; text-align: center; padding: 0px; margin: 0px; }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; z-index: -100px; width: 100%; }
.fullSlide .bd ul { width: 100% !important; }
.fullSlide .bd li { width: 100% !important; height: 750px; overflow: hidden; text-align: center; }
.fullSlide .hd { width: 800px; margin: 0 auto; margin-top: -35px; *position:absolute;width: 100%; 
*z-index:1;
*bottom:0;
*left:140px;
height: 30px; line-height: 30px; text-align: center; }
.fullSlide .hd ul { margin: 0 0 0 40px; display: inline-block; padding: 0 10px; height: 22px; opacity: .5 }
.fullSlide .hd ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 50px; height: 5px; margin: 6px; overflow: hidden; background: #FFFFFF }
.fullSlide .hd ul .on { background: #000; }
.fbc_trigger_con li { font: 28px/1 tahoma; color: #fff; cursor: pointer; margin: 0 1px; }
.fbc_trigger_con .on { filter: Alpha(Opacity=100); opacity: 1 }
ul, li { list-style-type: none; padding: 0px; margin: 0px; }
.indexbt { font-size: 20px; color: #000; font-weight: 400; text-transform: uppercase; }
.indexprdnms { position: absolute; bottom: 10px; left: 0px; }
.indexprdname { background-color: rgba(237,239,240,0.5); }
.newssm { font-size: 14px; line-height: 30px; font-weight: 200; letter-spacing: 0px; }
.indexfedbt { font-size: 14px; color: #000; text-transform: uppercase; }
.fedlist { text-align: left; font-weight: 200; font-size: 13px; color: #636262; height: 40px; text-indent: 5px; }
.fedinput { width: 100%; height: 45px; line-height: 45px; border: #cccccc 1px solid; text-indent: 15px; font-size: 14px; }
.fedtextarea { width: 100%; line-height: 25px; border: #cccccc 1px solid; padding-left: 15px; font-size: 14px; height: 108px; verflow: auto; padding-top: 10px; font-family: Helvetica; }
.fedbut { text-align: center; font-size: 14px; cursor: pointer; color: #fff; }
.indexfedbd { padding: 85px 50px 64px 0px; border-right: #f3f3f3 1px solid; }
#indexlx { padding-top: 85px; }
#indexlx td { font-size: 13px; color: #636262; letter-spacing: 0px; line-height: 28px; font-weight: 200; }
.footend { border-top: #e3e3e3 1px solid; color: #484747; font-size: 14px; }
.footend a { color: #484747; }
.footbt { font-size: 14px; color: #000; }
.ftmlist a { color: #5f5f5f; font-weight: 200; font-size: 14px; }
.footer__social a { background: rgb(80, 80, 80); margin: 0px 5px 15px 0px; border-radius: 35px; width: 35px; height: 35px; text-align: center; color: rgb(235, 235, 235); line-height: 35px; font-size: 23px; display: inline-block; }
.footer__social a:hover { color: rgb(255, 255, 255); }
#dropmenuprd, #dropmenuab { position: fixed; left: 0px; top: 111px; background: #f3f3f3; z-index: 10000; }
.dropmlist { padding-right: 25px; }
.dropmlist:nth-child(5n) { padding-right: 0px; }
.topmpic { position: relative; table-layout: fixed; width: 220px; overflow: hidden; }
.topmpic img { width: 220px; transition: .7s; -moz-transition: .7s; -webkit-transition: .7s; -o-transition: .7s; }
.dropmlist:hover .topmpic img { transform: scale(1.2); -webkit-transform: scale(1.2); -o-transition: scale(1.2); }
.topmpnm { position: absolute; left: 0px; bottom: 0px; background: linear-gradient(270deg, rgba(255,255,255,.45) 0, #fff 100%); font-size: 15px; }
.topmpnm a { text-transform: uppercase; }
.dropmxp { font-size: 14px; font-weight: 200; letter-spacing: 0px; }
.dropmxp a:hover { color: #000; }
.yc { display: none; }
.prdcagte { width: 250px; height: 30px; line-height: 30px; text-indent: 15px; border: #cccccc 1px solid; font-size: 15px; font-weight: 200; background-color: #FFFFFF; margin: 0px auto; text-align: left; cursor: pointer; position: relative; }
.ppdrop { position: absolute; left: 0px; top: 30px; background: #FFFFFF; display: none; width: 250px; border: #cccccc 1px solid; z-index: 500; }
.ppdrop td a { font-size: 15px; }
.ppdrop td:hover { background-color: #f8f8f8; }
.ppdropcur { background-color: #f8f8f8; position: relative; }
.ppdropcur::before { width: 6px; height: 6px; left: 8px; top: 12px; background: #8499a5; position: absolute; content: " "; }
.prdcagtecur { background-color: #f5f5f5; }
.prdcagtecur .ppdrop { display: block; }
.prdcagtecur I { transform: rotate(180deg); }
.plist { float: left; width: 278px; margin-right: 29px; margin-bottom: 35px; border-bottom: #ccc 1px solid; padding-bottom: 8px; }
.plist:nth-child(4n) { margin-right: 0px; }
.plistimg { position: relative; overflow: hidden; width: 278px; }
.plistimg img { width: 276px; border: #f3f3f3 1px solid; height:276px;}
.plistoverbg { background: rgba(247,222,147,0.5); height: 100%; position: absolute; left: 0px; width: 100%; text-align: center; top: 100%; transition: .7s; -moz-transition: .7s; -webkit-transition: .7s; -o-transition: .7s; }
.plistoverbg a { display: block; width: 100%; height: 100%; }
.plistbut { height: 50px; position: absolute; left: 50%; margin-left: -80px; top: 100%; width: 160px; text-align: center; transition: .7s; -moz-transition: .7s; -webkit-transition: .7s; -o-transition: .7s; }
.plistbut a { color: #fff; display: block; width: 100%; text-align: center; font-size: 18px; color: #fff; border: #fff 2px solid; line-height: 50px; }
.plistbut a:hover { color: #ffbf14; background-color: #FFFFFF; }
.prdcode { font-size: 17px; color: #fff; font-weight: 700; letter-spacing: 0px; }
.prdcornm { font-size: 16px; color: #fff; letter-spacing: 0px; }
.plist:hover .plistoverbg { top: 0px; }
.plist:hover .plistbut { top: 40%; }
.corpic { line-height: 0px; cursor: pointer; position: relative; padding: 4px; }
.corpic img { width: 30px; }
.corpic:hover { padding: 2px; border: #8499a5 2px solid; }
.corpiccur { padding: 2px; border: #8499a5 2px solid; line-height: 0px; cursor: pointer; position: relative; }
.corpiccur img { width: 30px; height:30px; }
.plistnm { position: relative; letter-spacing: 0px; }
.plistnm div { position: absolute; width: 40px; height: 3px; left: 0px; bottom: -10px; background: #ffbf14; transition: .7s; -moz-transition: .7s; -webkit-transition: .7s; -o-transition: .7s; }
.plist:hover .plistnm div { width: 278px; }
.plistnm a { color: #000; font-size: 19px; line-height: 30px; width: auto; }
.corpic table, .corpiccur table { position: absolute; left: 50%; top: -40px; display: none; margin-left: -170%; }
.corpic table img, .corpiccur table img { width: 14px; border: 0px; }
.imgalt { color: #fff; font-size: 15px; letter-spacing: 0px; white-space: nowrap; padding: 0px 10px; }
.corpic:hover table, .corpiccur:hover table { display: block; }
.proimglist { width: 100px; border: #cccccc 1px solid; cursor: pointer; line-height: 0px; font-size: 0px; }
.proimglistcur { border: #000 1px solid; width: 100px; cursor: pointer; line-height: 0px; font-size: 0px; }
.pinfoname { font-weight: 500; font-size: 37px; line-height: 47px; color: #ffbf14; }
.pinfosort { font-weight: 200; line-height: 26px; font-size: 26px; color: #000; letter-spacing: 0px; }
.pinfot { color: #000; letter-spacing: 0px; font-size: 16px; }
.newsgdrop { position: absolute; top: 20px; right: 0px; }
.newsgdrop td { font-size: 14px; position: relative; letter-spacing: 0px; }
.newpg { position: relative; }
.newpg.ppdrop { display: none; }
.newpgcur .ppdrop { display: block; }
.newpgcur I { transform: rotate(180deg); }
.newslistbd { border-right: #f3f3f3 1px solid; border-bottom: #f3f3f3 1px solid; }
.newslistbd:nth-child(2n) { border-right-width: 0px; }
#newsinofwz, #newsinofwz p { font-weight: 200; color: #000; letter-spacing: 0px; }
#pinfoleft { border-top: #d9d9d9 1px solid; line-height: 30px; border-bottom: #d9d9d9 1px solid; padding: 35px 0px; }
#pinforight { border: #d9d9d9 1px solid; line-height: 30px; padding: 35px 0px 35px 35px; border-right-width: 0px; }
.falist { border-bottom: #f3f3f3 1px solid; padding: 20px 0px; cursor: pointer; }
.falist i { font-size: 22px; }
.falistcur { padding: 20px 0px; }
.faqbt { font-size: 15px; text-decoration: underline; }
.faqans { display: none; }
.faqans td { font-weight: 200; color: #fff; padding: 15px 0px; }
.falist:hover { background: #f3f3f3; }
.falistcur { background: #505050; }
.falistcur .faqbt { color: #fff; }
.falistcur i { color: #fff; }
.falistcur .faqans { display: block; }
.pagelist { border: 0px; }
.pagelist a { background: #f3f3f3; border-radius: 3px; width: 40px; line-height: 40px; text-align: center; font-size: 14px; display: inline-block; margin-left: 5px; }
.page-num-current { background-color: #505050!important; color: #fff; }
.page-num-current a { color: #fff; }
.pagelist td:hover { background-color: #505050; }
.pagelist td:hover a { color: #fff; }
.pagetd { border-bottom: #f3f3f3 1px solid; margin-bottom: 60px; margin-top: 20px; }
.pagetd td { font-size: 16px; }
#pmdsort { width: 585px; height: 378px; overflow: hidden; }
#pmdspace { width: 0px; margin-right: 0px; }
.pmdtd { position: relative; }
.pmdtd img { width: 585px; height: 378px; }
.pmdtd a { display: block; position: absolute; left: 0px; top: 0px; z-index: 100; width: 100%; height: 100%; }
.pdlwz { color: #fff; font-size: 61px; }
.pdbuts { font-size: 14px; font-weight: 700; }
.pmdtd:hover .plistoverbg { display: block; }
