* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, img { margin: 0; padding: 0; border: 0; }body { font-size: 14px; color: #555; }h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }table { border-collapse: collapse; border-spacing: 0; }table, td, th { border: 1px solid #ccc; }ol, ul { list-style: none; }a { text-decoration: none; color: #707070; }a:hover, a:focus { text-decoration: none; }i { font-style: normal; }.fl { float: left; }.fr { float: right; }.wrap1200 { width: 1200px; height: auto; margin: 0 auto; }input:focus { outline: none; }.clearfix::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }.ktop { width: 100%; height: 30px; line-height: 30px; background-color: #eee; color: #707070; }.ktop a { display: inline-block; height: 30px; color: #707070; }.ktop a:hover { color: #d3b050; }.ktop a.red { color: #eb5353; }.ktop a.login { margin-left: 10px; }.ktop a.register { color: #d3b050; }.ktop > div > .right > ul > li { float: left; margin-left: 18px; }.ktop > div > .right > ul > li.myConcern { position: relative; }.ktop > div > .right > ul > li.myConcern > ol { position: absolute; top: 30px; left: 50%; margin-left: -50px; display: none; z-index: 1000; }.ktop > div > .right > ul > li.myConcern > ol > li { width: 100px; height: 30px; text-align: center; line-height: 30px; background-color: #fff; border: 1px solid #eee; }.ktop > div > .right > ul > li.myConcern > ol > li > a { display: inline-block; width: 100px; height: 30px; }.ktop > div > .right > ul > li.myConcern.current > a { color: #d3b050; }i.arrow { display: inline-block; width: 7px; height: 4px; background: url(/content/images/common/icon_arrow.png) no-repeat; margin-bottom: 3px; margin-left: 5px; }i.arrow.myHide { background-position: -12px top; }i.arrow.myShow { background-position: left top; }i.arrow.myHover { background-position: right top; }.header { clear: both; }.header > .logoGroup { height: 136px; }.header > .logoGroup > .logo { height: 136px; margin-left: 25px; }.header > .logoGroup > .logo > a > img { width: auto; height: 75%; margin-top: 20px; }.header > .logoGroup > form { margin-top: 53px; position: relative; margin-left: 78px; }.header > .logoGroup > form > .search > .select { display: inline-block; width: 100px; height: 42px; border: 1px solid #bb8e13; background-color: #fff; position: absolute; left: 0; top: 0; cursor: pointer; z-index: 1000; }.header > .logoGroup > form > .search > .select > span { display: inline-block; width: 100px; height: 42px; text-align: center; line-height: 40px; font-size: 14px; }.header > .logoGroup > form > .search > .select > ul { width: 100px; height: auto; padding: 10px 0; background-color: #fff; border: 1px solid #bb8e13; border-top: 1px solid #bb8e13; position: absolute; top: 40px; left: -1px; z-index: 1000; display: none; }.header > .logoGroup > form > .search > .select > ul > li { width: 100%; height: 30px; text-align: center; line-height: 30px; }.header > .logoGroup > form > .search > .select > ul > li.current { color: #bbb; }.header > .logoGroup > form > .search > .select > ul > li:hover { background-color: #f6f6f6; color: #d3b050; }.header > .logoGroup > form > .search > .input { width: 678px; height: 42px; position: relative; }.header > .logoGroup > form > .search > .input > input[type='text'] { width: 472px; height: 42px; padding: 0 10px; border: 1px solid #bb8e13; position: absolute; left: 99px; top: 0; }.header > .logoGroup > form > .search > .input > input[type='text']::-webkit-input-placeholder { font-size: 14px; }.header > .logoGroup > form > .search > .input > input[type='submit'] { width: 108px; height: 42px; background: url(/content/images/common/btn_search.jpg) center center no-repeat; position: absolute; left: 570px; top: 0; cursor: pointer; }.header > .logoGroup > .mybtn { margin-top: 53px; margin-left: 33px; }.header > .logoGroup > .mybtn > a { display: inline-block; width: 140px; height: 42px; text-align: center; line-height: 40px; font-size: 16px; color: #fff; background-color: #eb5353; border: 1px solid #d63434; }.navWrap{height: 48px;}.navWrap.linecolor1{border-bottom: 2px solid #3b3b53;}.navWrap.linecolor2{border-bottom: 2px solid #eee;}.navWrap>div{position: relative;}.navWrap>div>.all{width: 190px;height: 48px;background-color: #3b3b53;text-align: center;line-height: 48px;color: #fff;font-size: 14px;cursor: default;}.navWrap>div>.nav{margin-left: 43px;}.navWrap>div>.nav>ul>li{font-size: 16px;margin-right: 35px;float: left;}.navWrap>div>.nav>ul.noall>li{margin: 0 29px;}.navWrap>div>.nav>ul>li>a{display:inline-block;height:48px;color: #111;}.navWrap>div>.nav>ul>li>a:hover,.navWrap>div>.nav>ul>li>a.current{color: #BB8E13;}.navWrap>div>.nav>ul>li>a:hover>i{background-position: right top;}.navWrap>div>.nav>ul>li.more{position: relative;}.navWrap>div>.nav>ul>li.more>ol{width:120px;padding:10px 0;position: absolute;top: 20px;right: -35px;background-color: #fff;z-index: 3000;display: none;}.navWrap>div>.nav>ul>li.more>ol>li{width: 120px;height: 34px;text-align: center;line-height: 34px;font-size: 14px;color: #555;}.navWrap>div>.nav>ul>li.more>ol>li>a{display: inline-block;width: 120px;height: 34px;}.navWrap>div>.nav>ul>li.more>ol>li>a:hover{color: #d3b050;}.header > .navWrap > div > .menu { width: 190px; height: 458px; padding: 7px 0; background-color: #454557; position: absolute; top: 48px; left: 0; }.header > .navWrap > div > .menu.myHide { display: none; }.header > .navWrap > div > .menu > ul > li { position: relative; }.header > .navWrap > div > .menu > ul > li > h3 > a { display: inline-block; width: 100%; height: 41px; line-height: 41px; font-size: 14px; color: #fff; text-align: center; }.header > .navWrap > div > .menu > ul > li > h3 > a:hover, .header > .navWrap > div > .menu > ul > li.current > h3 > a { background-color: #616170; }.header > .navWrap > div > .menu > ul > li > i { width: 6px; height: 8px; background: url(/content/images/common/icon_arrow_right.png) center top no-repeat; position: absolute; top: 21px; right: 22px; }.header > .navWrap > div > .menu > ul > li > ol { width: 800px; height: auto; padding: 10px 20px; background-color: #fff; position: absolute; top: 0; left: 190px; font-size: 14px; display: none; z-index: 100; }.header > .navWrap > div > .menu > ul > li > ol > li { height: 34px; line-height: 34px; }.header > .navWrap > div > .menu > ul > li > ol > li > h4 { display: inline-block; font-weight: 700; }.header > .navWrap > div > .menu > ul > li > ol > li > a { display: inline-block; height: 34px; color: #707070; margin-right: 10px; }.header > .navWrap > div > .menu > ul > li > ol > li > a:hover { color: #D3B050; }.bottomContact { width: 100%; background-color: #222; overflow: hidden; }.bottomContact > .phoneGroup { overflow: hidden; padding-top: 30px; }.bottomContact > .phoneGroup > .phone > h5 { font-size: 14px; color: #eee; font-weight: 700; }.bottomContact > .phoneGroup > .phone > .phonenum { font-size: 34px; color: #fff; margin-top: 15px; }.bottomContact > .phoneGroup > .phone > .other { font-size: 16px; color: #c3c3c3; overflow: hidden; margin-top: 10px; }.bottomContact > .phoneGroup > .phone > .other > span { display: block; float: left; }.bottomContact > .phoneGroup > .phone > .other > span.icon { width: 21px; height: 22.85px; margin-right: 15px; }.bottomContact > .phoneGroup > .phone > .qq > span.icon { background: url(/content/images/common/qq2.png) no-repeat scroll center center; }.bottomContact > .phoneGroup > .phone > .fax > span.icon { background: url(/content/images/common/icon_fax.png) center center no-repeat; }.bottomContact > .phoneGroup > .phone > .mail > span.icon { background: url(/content/images/common/icon_mail.png) center center no-repeat; }.bottomContact > .phoneGroup > .phone > .wx > span.icon {background: url(/content/images/common/qq-wx.png) no-repeat scroll -19px center;}.bottomContact > .phoneGroup > .phone > .wx > span.icon:after {content:"";display:inline-block;}.bottomContact > .phoneGroup > .nav { font-size: 14px; }.bottomContact > .phoneGroup > .nav > ul { -margin-left: 215px; }.bottomContact > .phoneGroup > .nav > ul > li { float: left; margin-left: 60px; }.bottomContact > .phoneGroup > .nav > ul > li > h5 { color: #eee; font-weight: 700; margin-bottom: 20px; }.bottomContact > .phoneGroup > .nav > ul > li > a { display: block; margin-bottom: 10px; color: #c3c3c3; }.bottomContact > .phoneGroup > .nav > ul > li > a:hover { color: #D3B050; }.bottomContact > .phoneGroup > .code { margin-left: 24px; }.bottomContact > .phoneGroup > .code > ul > li { float: left; color: #c3c3c3; text-align: center; margin-left: 36px; }.bottomContact > .phoneGroup > .code > ul > li > p { margin-top: 10px; }.bottomContact > .link { margin: 20px auto 40px; font-size: 14px; border-top: 1px solid #707070; padding-top: 20px; }.bottomContact > .link > .ttl { color: #eee; }.bottomContact > .link > .ttl > h5 { display: inline-block; font-weight: 700; }.bottomContact > .link > .ttl > span { margin: 0 10px; }.bottomContact > .link > .txt { width: 1200px; background-color: #2e2e2e; padding: 20px; word-break: keep-all; line-height: 1.6; margin-top: 20px; }.bottomContact > .link > .txt > a { color: #c3c3c3; margin-right: 12px; }.bottomContact > .link > .txt > a:hover { color: #D3B050; }.bottomNav { width: 100%; height: 68px; line-height: 68px; text-align: center; font-size: 16px; color: #c3c3c3; background-color: #313131; }.bottomNav > a { display: inline-block; height: 68px; color: #c3c3c3; }.bottomNav > a:hover { color: #D3B050; }.bottomCopyright { width: 100%; height: 49px; text-align: center; line-height: 49px; font-size: 16px; color: #c3c3c3; }.toTop { position: fixed; right: 0; bottom: 40px; z-index: 99999; }.toTop > ul > li > a { display: block; width: 51px; height: 35px; text-align: center; line-height: 35px; font-size: 14px; background-color: #efefef; margin-bottom: 1px; }.toTop > ul > li > a:hover { color: #fff; }label.error { color: #f00 !important; margin-left: 8px; display: inline-block; height: 100% !important; }label.error:after { content: " "; display: inline-block; vertical-align: middle; height: 100%; }label.valid { background: none; display: inline-block; text-indent: -9999px; height: 20px; line-height: 20px; }.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.required:before { content: "*"; color: #f00 !important; width: 10px; margin-left: -10px; height: 100%; text-align: center; display: inline-block; vertical-align: middle; }.requiredA:after { content: "*"; color: #f00 !important; width: 10px; margin-left: -10px; height: 100%; text-align: center; display: inline-block; vertical-align: middle; }