.container { margin-top: 72px; padding: 0; }

.sitemap { height: 30px; line-height: 28px; padding: 10px 0; font-size: 15px; color: #666; border-bottom: 1px solid #e9ecf6; background-color: #f9fafe; box-shadow: 0 1px 3px rgba(0,0,0,.05); }

.sitemap .sep { margin: 0 5px; }

/* supplier */




.supplier-about { padding: 20px 0 10px; }

.supplier-about .about { padding-top: 20px; }

.supplier-about .about p { font: 20px/40px Microsoft YaHei; }

.supplier-about .about img { margin-left: 44px; }

.supplier-about .about img.mt60 { margin-bottom: 10px; }

.supplier-about .title { position: relative; margin-top: 20px; margin-bottom: 33px; height: 33px;  }

.supplier-about .title h1 { position: absolute; top: 0; left: 460px; width: 280px; font: 36px/48px Microsoft YaHei; text-align: center; background-color: #fff; }

.supplier-about .title h1 span, .sect h2 span { display: block; margin-top: 5px; font-size: 16px; line-height: 18px; color: #999; }

.supplier-about .investment-service li { float: left; margin: 10px; width: 358px; padding: 10px; height: 80px; line-height: 30px; border: 1px solid #6bbdd8; }

.supplier-about .investment-service li h2 { font-weight: bold; }

.supplier-about .require { padding: 40px 30px 40px 880px; height: 218px; background: #fafafa url(../images/require.jpg) no-repeat 40px center; ; }

.supplier-about .rNote { padding: 15px 20px; margin-top: 45px; width: 248px; font: 16px/24px Microsoft YaHei; color: #218caf; background-color: #f3f7fb; border: 1px dashed #0d6582; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; overflow: hidden; }

.supplier-about .rNote span { margin-top: 3px; margin-right: 5px; }

.supplier-about .rNote p { width: 215px; }

.supplier-about .rNote i { display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-image: url(../images/sprites.png); _background-image: url(../images/sprites-8.png); background-repeat: no-repeat; background-position: -138px -94px; }

.supplier-about .channel { margin-top: 53px; background-color: #fafafa; }

.supplier-about .block1 .channel { margin-top: 0; margin-bottom: 55px; padding: 50px 0; }

.supplier-about .channel h2 { padding: 25px 0 20px; font: 20px/30px Microsoft YaHei; color: #999; text-align: center; }

.supplier-about .channel ul { padding-bottom: 30px; padding-left: 35px; overflow: hidden; }

.supplier-about .channel ul li { float: left; margin-right: 10px; width: 178px; height: 68px; line-height: 68px; text-align: center; background-color: #fff; border: 1px solid #eee; }

.supplier-about .team { padding: 0 60px; }

.supplier-about .team li { float: left; padding: 20px 50px 0; width: 170px; font: 14px/24px Microsoft YaHei; color: #999; text-align: center; }

.supplier-about .team li i { display: block; margin: 0 auto 15px; width: 120px; height: 120px; background-image: url(../images/team.jpg); background-repeat: no-repeat; }

.supplier-about .team li.team1 i { background-position: 0 0; }

.supplier-about .team li.team2 i { background-position: -120px 0; }

.supplier-about .team li.team3 i { background-position: -240px 0; }

.supplier-about .team li.team4 i { background-position: -360px 0; }

.supplier-about .team li.team5 i { background-position: -480px 0; }

.supplier-about .team li.team6 i { background-position: -600px 0; }

.supplier-about .team li.team7 i { background-position: -720px 0; }

.supplier-about .team li.team8 i { background-position: -840px 0; }

.supplier-about .team li.team9 i { background-position: -960px 0; }

.supplier-about .team li.team10 i { background-position: -1080px 0; }

.supplier-about .team li.team11 i { background-position: -1200px 0; }

.supplier-about .team li h3 { padding: 0 0 5px; font-size: 20px; color: #0d6582; line-height: 30px; }

.supplier-about .team-agent { padding: 0 20px 55px; }

.supplier-about .team-agent li { padding: 20px 25px 0; width: 240px; font: 14px/24px Microsoft YaHei; color: #999; text-align: center; }

/*about*/




.about-section { margin-bottom: 50px; }

.about-section .title { position: relative; margin-top: 20px; margin-bottom: 33px; height: 33px; }

.about-section .title h1 { position: absolute; top: 0; left: 460px; width: 280px; font: 36px/48px Microsoft YaHei; text-align: center; background-color: #fff; }

.about-section .title h1 span, .sect h2 span { display: block; margin-top: 5px; font-size: 16px; line-height: 18px; color: #999; }

.about-section .about { padding: 20px 25px 0 0; font-size: 20px; }

.about-section .about p { line-height: 40px; }

.about-section .con { }

.about-section .con { overflow: hidden; border: 1px solid #eaeaea; }

.about-section ul { float: left; padding: 20px 0 0 25px; width: auto; height: 88px; }

.about-section ul li { float: left; margin: 0 23px 15px 0; }

.about-section ul a { display: block; width: 90px; height: 50px; line-height: 50px; padding: 8px 15px; background-color: transparent; text-align: center; text-decoration: none; font-size: 16px; color: #666; border: 1px solid #ccc; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }

.about-section ul a:hover { color:#1c5de9; border-color: #1c5de9; }

.about-section .block { margin-bottom: 60px; }

.contact-us { padding-top: 20px; overflow: hidden; }

.contact-us h1 { margin-bottom: 8px; }

.contact-us p { line-height: 40px; font-size: 20px; }

.contact-us img { border: 5px solid #eee; }

.contact-list { margin-left: -40px; }

.contact-list li { float: left; margin-left: 40px; line-height: 40px; font-size: 20px; }

.platform { margin-top: 60px; padding: 0; border: 1px solid #eee; border-right: 0 none; border-bottom: 0 none; }

.platform .sect { float: left; padding: 25px 30px 20px 130px; width: 238px; border-right: 1px solid #eee; background-repeat: no-repeat; background-position: 30px center; }

.platform { padding: 0; border-right: 0 none; border-bottom: 0 none; }

.platform .sect { padding-left: 131px; height: 133px; background-position: 30px 33px; border-bottom: 1px solid #eee; }

.platform .sect p { margin-top: 10px; font: 16px/30px Microsoft YaHei; color: #999; }

.platform .sect p span { margin-right: 25px; }

.platform .section4 { background-image: url(../images/pf01.png); }

.platform .section5 { background-image: url(../images/pf02.png); }

.platform .section6 { padding-left: 130px; background-image: url(../images/pf03.png); background-position: 25px 33px; }

/*translation*/




.translation-about { padding: 20px 0 10px; }

.translation-about .title { position: relative; margin-top: 20px; margin-bottom: 33px; height: 33px; border-bottom: 1px solid #eee; }

.translation-about .title h1 { position: absolute; top: 0; left: 460px; width: 280px; font: 36px/48px Microsoft YaHei; text-align: center; background-color: #fff; }

.translation-about .title h1 span, .sect h2 span { display: block; margin-top: 5px; font-size: 16px; line-height: 18px; color: #999; }

.translation-contact { margin-top: 45px; }

.translation-contact .retail, .translation-contact .flow, .translation-contact .wholesale { width: 322px; height: 174px; padding: 10px 30px; cursor: pointer; filter: alpha(opacity=40); -moz-opacity: 0.55; opacity: 0.55; border: 2px solid #fff; }

.translation-contact .retail:hover, .translation-contact .flow:hover, .translation-contact .wholesale:hover, .translation-contact .edging { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; border: 2px solid #0d6582; }

.translation-contact .retail h2, .translation-contact .flow h2, .translation-contact .wholesale h2 { height: 35px; line-height: 35px; padding-left: 45px; }

.translation-contact .retail { background: url(../images/retail.jpg) no-repeat; }

.translation-contact .retail h2 { background: url(../images/retail-icon.png) no-repeat; }

.translation-contact .flow { margin: auto 20px; background: url(../images/flow.jpg) no-repeat; }

.translation-contact .flow h2 { background: url(../images/flow-icon.png) no-repeat; }

.translation-contact .wholesale { background: url(../images/wholesale.jpg) no-repeat; }

.translation-contact .wholesale h2 { background: url(../images/wholesale-icon.png) no-repeat; }

.translation-contact .p1 { padding-top: 5px !important; font-size: 22px; line-height: 42px; }

.translation-contact .p2 { font-size: 14px; }

.translation-contact .retail a, .translation-contact .flow a, .translation-contact .wholesale a { display: block; margin: 8px auto; font-size: 14px; height: 30px; line-height: 30px; width: 95px; text-align: center; border: 1px solid #0d6582; color: #0d6582; background: #fff; border-radius: 4px; }

.translation-contact .retail a:hover, .translation-contact .flow a:hover, .translation-contact .wholesale a:hover { background: #0d6582; color: #fff; -webkit-transition: 0.2s all linear; -moz-transition: 0.2s all linear; -ms-transition: 0.2s all linear; -o-transition: 0.2s all linear; transition: 0.2s all linear; text-decoration: none; }

.retail-contact .section { margin: 20px auto; border: solid #ccc; border-width: 1px 1px 0 0; overflow: hidden; }

.retail-contact .section li { float: left; width: 398px; padding: 10px 0; text-align: center; border: 1px solid #ccc; border-width: 0 0 1px 1px; }

.retail-contact .section li h2 { color: #111; }

.retail-contact .function-list { margin: 40px auto; overflow: hidden; }

.retail-contact .function-head { border-bottom: 1px dashed #008eb7; height: 24px; position: relative; margin-bottom: 40px; }

.retail-contact .function-head h3 { background-color: #fff; font-size: 30px; text-align: center; position: absolute; left: 50%; width: 450px; margin-left: -223px; }

.retail-contact .function-list li { padding: 15px 0; width: 370px; height: 168px; float: left; margin: 0 0 25px 25px; text-align: center; }

.retail-contact .function-list li .icon-line { width: 100%; height: 100px; }

.retail-contact .function-list li .font-large { font-size: 24px; color: #0d6582; line-height: 42px; text-align: center; }

.retail-contact .function-list li .font-small { margin-top: 10px; font-size: 16px; color: #777777; line-height: 26px; text-align: center; }

.flow-contact .section { margin: 20px auto; }

.flow-contact .section .serviceitem { padding: 30px; float: left; width: 323px; text-align: center; background: #ebf8fb; min-height: 260px; }

.flow-contact .section .serviceitem .main-title { font-size: 24px; color: #000; margin-top: 18px; display: inline-block; }

.flow-contact .section .serviceitem .sub-title { font-size: 18px; color: #a4a4a4; }

.flow-contact .section .serviceitem span { line-height: 30px; }

.flow-contact .function-list { margin: 40px auto; overflow: hidden; }

.flow-contact .function-head { border-bottom: 1px dashed #008eb7; height: 24px; position: relative; margin-bottom: 40px; }

.flow-contact .function-head h3 { background-color: #fff; font-size: 30px; text-align: center; position: absolute; left: 59%; width: 230px; margin-left: -223px; }

.flow-contact .function-list li { padding: 15px 0; width: 370px; height: 168px; float: left; margin: 0 0 25px 25px; text-align: center; }

.flow-contact .function-list li .icon-line { width: 100%; height: 64px; background: url(../images/ico_list.png) no-repeat; }

.flow-contact .function-list li .icon-line.icon1 { background-position: center 2px; }

.flow-contact .function-list li .icon-line.icon2 { background-position: center -82px; }

.flow-contact .function-list li .icon-line.icon3 { background-position: center -166px; }

.flow-contact .function-list li .icon-line.icon4 { background-position: center -250px; }

.flow-contact .function-list li .icon-line.icon5 { background-position: center -334px; }

.flow-contact .function-list li .icon-line.icon6 { background-position: center -418px; }

.flow-contact .function-list li .icon-line.icon7 { background-position: center -502px; }

.flow-contact .function-list li .icon-line.icon8 { background-position: center -586px; }

.flow-contact .function-list li .icon-line.icon9 { background-position: center -670px; }

.flow-contact .function-list li .font-large { font-size: 24px; color: #0d6582; line-height: 42px; text-align: center; }

.flow-contact .function-list li .font-small { margin-top: 10px; font-size: 16px; color: #777777; line-height: 26px; text-align: center; }

.wholesale-contact .section { margin: 20px auto; padding: 20px; border: 1px solid #eee; overflow: hidden; }

.wholesale-contact .section .right { width: 680px; padding-top: 50px; }

.wholesale-contact .section h2 { margin-bottom: 20px; font-size: 25px; }

.wholesale-contact .section p { font-size: 16px; line-height: 30px; }

.wholesale-contact .function-list { margin: 40px auto; overflow: hidden; }

.wholesale-contact .function-head { border-bottom: 1px dashed #008eb7; height: 24px; position: relative; margin-bottom: 40px; }

.wholesale-contact .function-head h3 { background-color: #fff; font-size: 30px; text-align: center; position: absolute; left: 59%; width: 230px; margin-left: -223px; }

.wholesale-contact .function-list li { padding: 15px 0; width: 370px; height: 168px; float: left; margin: 0 0 25px 25px; text-align: center; }

.wholesale-contact .function-list li .icon-line { width: 100%; height: 100px; }

.wholesale-contact .function-list li .font-large { font-size: 24px; color: #0d6582; line-height: 42px; text-align: center; }

.wholesale-contact .function-list li .font-small { margin-top: 10px; font-size: 16px; color: #777777; line-height: 26px; text-align: center; }

/*helpCenter*/



.cont-section { min-height: 400px; padding: 40px 0 80px; font-family: Microsoft YaHei; }

.cont-section .cont-menu { padding-bottom: 30px; width: 300px; background-color: #fafafa; }

.cont-section .cont-menu h1 { padding-top: 25px; padding-left: 30px; font-size: 30px; line-height: 40px; color: #1c5de9; }

.cont-section .cont-menu h1 span { display: block; font-size: 20px; line-height: 30px; color: #ccc; }

.cont-section .cont-menu ul { padding-top: 10px; }

.cont-section .cont-menu ul li a { display: block; padding: 12px 20px 12px 30px; font-size: 16px; }

.cont-section .cont-menu ul li.current a { cursor: auto; color: #fff; background: #1c5de9 url(../images/menu-point.png) no-repeat 280px center; }

.cont-section .cont-menu ul li.current a:hover { color: #fff; text-decoration: none; }

.cont-section .cont-menu ul li a:hover { color: #1c5de9; }

.cont-section .contDetail { margin-bottom: 50px; width: 860px; font-size: 14px; }

.cont-section .contDetail h1 { margin-top: 45px; margin-bottom: 15px; font-size: 30px; line-height: 36px; }

.cont-section .detailList { margin-top: 20px; margin-bottom: 30px; line-height: 24px; color: #999; border-top: 1px solid #eee; }

.cont-section .detailList li { padding: 20px 0 25px; border-bottom: 1px solid #eee; }

.cont-section .detailList h2 a { font-size: 20px; line-height: 40px; color: #1c5de9}

.cont-section .date { color: #ccc; }

.cont-section .recordPage li { float: right; margin-left: 10px; font-size: 14px; }

.cont-section .recordPage li.disabled a { cursor: auto; color: #ccc; }

.cont-section .detailTxt { margin-top: 30px; padding-top: 5px; padding: 20px 15px; line-height: 24px; border-top: 1px solid #eee; }

.cont-section .detailTxt h2 { padding: 20px 0 10px; font-size: 20px; line-height: 30px; }

.cont-section p.MsoNormal { margin-bottom: 10px; font-size: 14px; text-indent: 2em; }

/**/


.panel-bggray { padding: 50px 0; background-color: #f9fafe; box-shadow: inset 0 0 5px rgba(0,0,0,.08); }

.panel-bggray .panel-heading { padding-bottom: 55px; text-align: center; }

.panel-bggray .panel-title { font-weight: 300; font-size: 32px; line-height: 1; padding-bottom: 25px; }

.panel-bggray .panel-subtitle { position: relative; width: 1200px; font-size: 16px; text-align: center; color: #666; }

.panel-bggray .panel-subtitle s.line { position: absolute; left: 0; top: 50%; z-index: 1; width: 100%; height: 1px; overflow: hidden; background-color: #eee; }

.panel-bggray .panel-bggray .panel-subtitle p { background-color: #f9fafe; }

.panel-bggray .panel-subtitle p { position: relative; z-index: 2; display: inline-block; padding: 0 25px; color: #1c5de9background-color: #f9fafe; }

.panel-bggray .panel-btn a { display: block; margin: auto; width:120px; text-align:center; color:#fff;  font-size: 18px; padding: 15px 20px; background: #1c5de9text-decoration:none;}