/* CSS Document */
/* reset.css V1.6  Start*/
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { font-weight: normal; margin: 0; padding: 0; }

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, i, em { font: normal 12px "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

ul, ol, li { list-style: none; }

a { text-decoration: none; color: #333; }

a:hover { text-decoration: none; }

img { vertical-align: top; border: 0; max-width: 100%; }

button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: none; -webkit-appearance: none; }

table { border-spacing: 0; border-collapse: collapse; }

div, a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

html { font-size: 10px; }

@media screen and (min-width: 360px) { html { font-size: 11.25px; } }
@media screen and (min-width: 375px) { html { font-size: 11.71875px; } }
@media screen and (min-width: 414px) { html { font-size: 12.9375px; } }
@media screen and (min-width: 480px) { html { font-size: 15px; } }
@media screen and (min-width: 640px) { html { font-size: 20px; } }
.clear:after { font-size: 0; display: block; visibility: hidden; clear: both; height: 0; content: ' '; }

.clear { *zoom: 1; }

.clearboth { clear: both; }

.wp1000 { width: 1000px; margin: 0 auto; }

.wp1200 { width: 1200px; margin: 0 auto; }

.por { position: relative; }

.whiteBg { background-color: #FFF; }

.garyBg { background-color: #EDEEF0; }

.f9Bg { background-color: #F9F9F9; }

.tove { overflow: hidden; }

.checkBrowser { font-size: 14px; line-height: 40px; position: fixed; z-index: 99999; top: 0; left: 50%; width: 700px; height: 40px; margin-left: -360px; padding: 0 10px; color: #FFF; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: #E6212A; }
.checkBrowser a { font-size: 16px; line-height: 20px; position: absolute; top: 10px; right: 5px; display: block; width: 20px; height: 20px; cursor: pointer; text-align: center; color: #333; border-radius: 50%; background-color: #FFF; }

@font-face { font-family: 'Didot'; src: url("img/Didot.eot"); src: url("img/Didot.eot") format("embedded-opentype"), url("../fonts/Didot.woff2") format("woff2"), url("../fonts/Didot.woff") format("woff"), url("img/Didot.ttf") format("truetype"), url("../fonts/Didot.svg#Didot") format("svg"); }
/* reset.css V1.6  End */
.paged { padding-top: 50px; text-align: center; }

.paged a, .paged .p_info, .paged .current { display: inline-block; zoom: 1; *display: inline; margin: 0px 3px 3px; padding: 10px 14px; font-size: 12px; text-align: center; border: 1px solid #E3E4E6; background: #F8F9FA; color: #8B8B8B; border-radius: 3px; }

.paged .current { border: 1px solid #646464; background: #646464; color: #FFF; }

.paged a.on, .paged a:hover { border: 1px solid #646464; background: #646464; color: #FFF; }

.header { background-color: #3E3E3E; }
.header h1 { float: left; opacity: 0; animation: left2right 1s linear forwards; -webkit-animation: left2right 1s linear forwards; }
.header h1 img { max-height: 96px; }

@keyframes left2right { 0% { transform: translateX(-20px); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; } }
@-webkit-keyframes left2right { 0% { -webkit-transform: translateX(-20px); opacity: 0; }
  100% { -webkit-transform: translateX(0); opacity: 1; } }
.headerOther { float: right; padding-top: 34px; text-align: right; }
.headerOther a { display: inline-block; vertical-align: top; position: relative; padding-left: 60px; background-position: 22px center; background-repeat: no-repeat; line-height: 26px; font-size: 14px; color: #E3E3E3; margin-left: 15px; }
.headerOther a:before { content: ''; display: block; position: absolute; width: 1px; height: 14px; background-color: rgba(255, 255, 255, 0.22); left: 0; top: 6px; }
.headerOther a:first-child:before { display: none; }
.headerOther a.oppeinHome { background-image: url(img/icon1.png); }
.headerOther a.oppeinShop { background-image: url(img/icon2.png); }
.headerOther a.oppeinDealers { background-image: url(img/icon3.png); }
.headerOther a.oppeinSale { background-image: url(img/icon19.png); }
.headerOther a:hover { text-decoration: underline; }

.nav { background-color: #FFF; }

.navList { margin-right: 40px; }
.navList li { position: relative; float: left; width: 12.5%; height: 52px; line-height: 52px; }
.navList li a { display: block; position: relative; font-size: 14px; color: #646464; text-align: center; }
.navList li a:before { content: ''; display: block; position: absolute; width: 1px; height: 12px; background-color: #D5D5D5; left: 0; top: 20px; }
.navList li a:hover { color: #E6A358; }
.navList li.on a { color: #E6A358; }
.navList li:first-child a:before { display: none; }
.navList .sub { display: none; position: absolute; width: 100%; left: 0; top: 51px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #FFF; overflow: hidden; z-index:99}
.navList .subLi { height: 59px; line-height: 59px; text-align: center; border-top: 1px solid #EFEFEF; }
.navList .subLi:first-child { border-top: none; }
.navList .subLi a { position: static; display: block; overflow: hidden; }
.navList .subLi a:before { display: none; }
.navList .subLi a:hover { background-color: #F9F9F9; }
.navList .subLi a:hover span { color: #000; }
.navList .subLi a:hover span:before { display: block; }
.navList .subLi span { font-size: 14px; color: #878787; display: inline-block; vertical-align: top; position: relative; }
.navList .subLi span:before { content: ''; display: none; position: absolute; top: 0; left: -18px; width: 10px; height: 59px; background: url(img/dot1.png) center no-repeat; }

.navSearch { position: absolute; right: 0; top: 0; height: 100%; }
.navSearch .searchBtn { position: relative; width: 30px; height: 52px; background: url("img/icon4.png") right center no-repeat; cursor: pointer; z-index: 1; }
.navSearch .navSearchBox { position: absolute; top: 5px; width: 0; height: 42px; right: 0; z-index: 2; background-color: #FFF; overflow: hidden; }
.navSearch .navSearchBox input[type="text"] { float: left; padding: 0 5px; width: 140px; border: 1px solid #646464; height: 40px; line-height: 40px; -webkit-appearance: none; border-radius: 0; font-size: 14px; color: #646464; border-right: none; background: none; }
.navSearch .navSearchBox input[type="submit"] { float: left; border: 1px solid #646464; background: url("img/icon4.png") center center no-repeat; -webkit-appearance: none; height: 42px; border-left: none; cursor: pointer; width: 33px; border-radius: 0; }

.banner { height: 512px; }
.banner .img { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; width: 100%; height:100%; }
.banner .swiper-pagination-bullet { width: 12px; height: 12px; opacity: 1; background-color: #FFF; }
.banner .swiper-pagination-bullet-active { background-color: #FFA11F; }

.index_title { position: relative; padding-top: 60px; padding-bottom: 50px; overflow: hidden; }
.index_title .t { float: left; }
.index_title .cn { font-size: 28px; color: #000; }
.index_title .en { font-size: 32px; color: #848484; font-family: 'Didot'; text-transform: uppercase; }
.index_title .linkList { padding-top: 27px; float: right; }
.index_title .linkList a { display: inline-block; vertical-align: top; line-height: 26px; position: relative; padding: 0 25px; font-size: 14px; color: #737373; }
.index_title .linkList a:hover { color: #FFA11F; }
.index_title .linkList a:before { position: absolute; content: ''; display: block; width: 1px; height: 18px; background-color: #E8E8E8; left: 0; top: 6px; -webkit-transform: rotate(30deg); transform: rotate(30deg); }
.index_title .linkList a:first-child:before { display: none; }
.index_title .more { display: block; float: right; margin-top: 33px; width: 98px; height: 32px; border: 1px solid #B6B7B8; text-align: center; line-height: 32px; font-size: 12px; color: #646464; border-radius: 16px; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.index_title .more:hover { background-color: #646464; border-color: #646464; color: #FFF; }

.indexProSwpierCon { position: relative; width: 100%; height: 699px; overflow: hidden; }

.indexProCol { position: absolute; width: 280px; top:0px; left: 50%; margin-left: -600px; z-index: 2; background-color: #F2F1F1; }
.indexProCol li { position: relative; box-sizing: border-box; height: 110px; border-bottom: 1px solid #E4E4E4; padding-top: 33px; cursor: pointer; }
.indexProCol li:before { content: ''; display: none; width: 7px; height: 15px; background: url("img/arrow1.png") center no-repeat; right: -7px; position: absolute; top: 50%; margin-top: -8px; }
.indexProCol li i { display: block; float: left; width: 38px; height: 38px; background-repeat: no-repeat; margin-left: 52px; }
.indexProCol li .p { margin-left: 100px; line-height: 38px; }
.indexProCol li .b { font-size: 18px; color: #424242; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all;line-height: 38px; }
.indexProCol li .s { font-size: 12px; color: #929292; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.indexProCol li.pi1 i { background-image: url(img/picon1.png); background-position: 0 0; }
.indexProCol li.pi2 i { background-image: url(img/picon2.png); background-position: 0 0; }
.indexProCol li.pi3 i { background-image: url(img/picon3.png); background-position: 0 0; }
.indexProCol li.pi4 i { background-image: url(img/picon4.png); background-position: 0 0; }
.indexProCol li.pi5 i { background-image: url(img/picon5.png); background-position: 0 0; }
.indexProCol li.pi6 i { background-image: url(img/picon6.png); background-position: 0 0; }
.indexProCol li:hover .b, .indexProCol li:hover .s { color: #000; }
.indexProCol li.on { background-color: #646464; border-color: #646464; }
.indexProCol li.on:before { display: block; }
.indexProCol li.on .b, .indexProCol li.on .s { color: #FFF; }
.indexProCol li.on i { background-position: 0 -38px; }
.indexProCol .showBtn { width: 100%; height: 37px; line-height: 37px; background-color: #585858; text-align: center; font-size: 12px; color: #FFF; cursor: pointer; }
.indexProCol .showBtn i { width: 12px; display: inline-block; height: 37px; vertical-align: top; background: url("img/icon5.png") center no-repeat; margin-left: 10px; }
.indexProCol .showBtn .open { display: none; }
.indexProCol .showBtn .close { display: inline; }
.indexProCol .showBtn.open .open { display: inline; }
.indexProCol .showBtn.open .close { display: none; }
.indexProCol .showBtn.open i { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.indexProSwpier { width: 100%; position: relative; z-index: 1; }
.indexProSwpier .swiper-slide { background-color: #FFF; }
.indexProSwpier .img { background-color: #FFF; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; height: 699px; }
.indexProSwpier .info { display: none; padding: 1.5rem; background-color: #424040; color: #FFF; line-height: 1.7; }
.indexProSwpier .info .t { font-size: 1.5rem; }
.indexProSwpier .info .p { font-size: 1.2rem; }
.indexProSwpier .swiper-pagination { bottom: 8.5rem; }
.indexProSwpier .swiper-pagination-bullet { width: 12px; height: 12px; opacity: 1; background-color: #FFF; }
.indexProSwpier .swiper-pagination-bullet-active { background-color: #FFA11F; }

.index_hotNewsSwiper { border: 1px solid #E2E4E8; background-color: #FFF; margin-bottom: 30px; }
.index_hotNewsSwiper .swiper-slide { background-color: #FFF; }
.index_hotNewsSwiper .img { float: left; width: 380px; height: 320px; display: block; text-align: center; }
.index_hotNewsSwiper .img img { max-width: 100%; }
.index_hotNewsSwiper .img:hover { opacity: .8; }
.index_hotNewsSwiper .info { margin-left: 465px; margin-right: 160px; padding-top: 65px; }
.index_hotNewsSwiper .info h4 { margin-bottom: 20px; }
.index_hotNewsSwiper .info h4 a { font-size: 24px; color: #161616; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.index_hotNewsSwiper .info h4 a:hover { padding-left: 5px; color: #E6A358; }
.index_hotNewsSwiper .info .p { font-size: 13px; line-height: 25px; color: #929292; height: 50px; overflow: hidden; margin-bottom: 20px; }
.index_hotNewsSwiper .info .time { font-size: 14px; color: #999; }
.index_hotNewsSwiper .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #A4A4A4; opacity: 1; }
.index_hotNewsSwiper .swiper-pagination-bullet-active { background-color: #FFA11F; }
.index_hotNewsSwiper .swiper-pagination { bottom: 60px; width: auto; left: 465px; right: 70px; text-align: right; }

.indexNewsList { overflow: hidden; }
.indexNewsList li { float: left; box-sizing: border-box; width: 33.33%; margin-bottom: 40px; }
.indexNewsList li a { display: block; border: 1px solid #EDEEF0; }
.indexNewsList li a:hover .time { color: #FFF; background-color: #646464; }
.indexNewsList li a:hover .time i { color: #FFF; }
.indexNewsList li .info { padding: 50px 45px; background-color: #FFF; border-bottom: 1px solid #EDEEF0; }
.indexNewsList li .info h5 { font-size: 16px; color: #2B2B2B; margin-bottom: 15px; }
.indexNewsList li .p { font-size: 12px; line-height: 25px; height: 50px; overflow: hidden; color: #929292; }
.indexNewsList li .time { height: 62px; line-height: 62px; padding: 0 45px; background-color: #F9F9F9; font-size: 14px; color: #999; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.indexNewsList li .time i { float: right; font-size: 18px; color: #999; line-height: 62px; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.indexNewsList li:nth-child(1) { padding-right: 20px; }
.indexNewsList li:nth-child(2) { padding-right: 10px; padding-left: 10px; }
.indexNewsList li:nth-child(3) { padding-left: 20px; }

.fastLinkCon { padding: 70px 0; background-color: #F7F7F7; }

.fastLinkOther { float: right; width: 204px; }
.fastLinkOther .phone { width: 100%; height: 46px; line-height: 46px; background-color: #646464; font-family: 'Arial'; color: #FFF; text-align: center; font-size: 22px; }
.fastLinkOther .phone i { display: inline-block; vertical-align: top; height: 46px; width: 20px; background: url("img/icon6.png") center no-repeat; margin-right: 8px; }
.fastLinkOther .bdsharebuttonbox { padding-top: 20px; }
.fastLinkOther .bdsharebuttonbox > div { float: left; width: 33.33%; text-align: center; }
.fastLinkOther .bdsharebuttonbox > div a { display: inline-block !important; float: none; margin: 0; }
.fastLinkOther .bdshare-button-style0-32 .bds_sqq { background: url("img/icon7.png") center center no-repeat; }
.fastLinkOther .bdshare-button-style0-32 .bds_weixin { background: url("img/icon8.png") center center no-repeat; }
.fastLinkOther .bdshare-button-style0-32 .bds_more { background: url("img/icon9.png") center center no-repeat; }

.fastLinkTb { margin-right: 260px; }
.fastLinkTb .tb { display: table; width: 100%; border-spacing: 0; border-collapse: collapse; }
.fastLinkTb .td { display: table-cell; border-right: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB; }
.fastLinkTb dl { text-align: center; }
.fastLinkTb dl dt { margin-bottom: 15px; }
.fastLinkTb dl dt a { font-size: 14px; font-weight: bold; color: #444; }
.fastLinkTb dl dt a:hover { color: #E6A358; }
.fastLinkTb dl dd a { font-size: 12px; line-height: 30px; color: #818181; }
.fastLinkTb dl dd a:hover { color: #E6A358; }
.fastLinkTb dl dd p{text-align: left;font-size: 14px;line-height: 24px;text-indent: 1em;color: #999;}

.footer { padding: 30px; background-color: #3E3E3E; font-size: 12px; line-height: 26px; color: #C4C4C4; text-align: center; }
.footer a { color: #C4C4C4; }
.footer a:hover { text-decoration: underline; }

.menuBtn { float: right; width: 4.8rem; height: 4.8rem; background: url(img/menu.png) center no-repeat; display: none; }

.mobileNavCon { display: none; position: fixed; top: 58px; width: 100%; height: 100%; left: 0; background-color: #646464; z-index: 9999; }

.mobileSearch { height: 4.8rem; }
.mobileSearch i { display: block; float: left; width: 4.8rem; height: 4.8rem; line-height: 4.8rem; text-align: center; font-size: 1.6rem; font-weight: bold; color: #FFF; }
.mobileSearch .searchBox { margin-left: 4.8rem; margin-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; box-sizing: border-box; height: 4.8rem; }
.mobileSearch .searchBox input[type="text"] { width: 90%; float: left; height: 2.8rem; line-height: 2.8rem; border: none; margin: 0; background: #FFF; box-sizing: border-box; padding: 0 10px; border-radius: 0; }
.mobileSearch .searchBox input[type="submit"] { float: left; width: 10%; height: 2.8rem; background: #FFF url(img/icon4.png) center no-repeat; background-size: 50% auto; border: none; border-radius: 0; }

.mobileLink { border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.mobileLink a { display: block; box-sizing: border-box; float: left; width: 25%; padding-top: 3rem; text-align: center; padding-bottom: 1rem; color: #FFF; border-right: 1px solid rgba(255, 255, 255, 0.2); background-repeat: no-repeat; background-position: center .7rem; background-size: auto 2rem; line-height: 1.4rem; }
.mobileLink a:last-child { border-right: none; }
.mobileLink a.oppeinHome { background-image: url(img/icon1.png); }
.mobileLink a.oppeinShop { background-image: url(img/icon2.png); }
.mobileLink a.oppeinDealers { background-image: url(img/icon3.png); }
.mobileLink a.oppeinSale { background-image: url(img/icon19.png); }

.mobileNav { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }
.mobileNav li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.mobileNav li a { display: block; padding-left: 1rem; font-size: 1.2rem; line-height: 4; color: #FFF; }

.insideBanner { width: 100%; height: 380px; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }

.insideTitle { background-color: #F9F9F9; text-align: center; padding-top: 65px; padding-bottom: 50px; }
.insideTitle .en { font-family: 'Didot'; font-size: 32px; color: #464646; line-height: 50px; text-transform: uppercase; }
.insideTitle .cn span { display: inline-block; vertical-align: top; line-height: 36px; font-size: 22px; color: #2F2F2F; padding: 0 45px; position: relative; }
.insideTitle .cn span:before { position: absolute; display: block; content: ''; width: 32px; height: 1px; background-color: #C4C4C4; left: 0; top: 50%; }
.insideTitle .cn span:after { position: absolute; display: block; content: ''; width: 32px; height: 1px; background-color: #C4C4C4; right: 0; top: 50%; }

.insideMenuCon { border-top: 1px solid #E7E9EC; border-bottom: 1px solid #E7E9EC; background-color: #F9F9F9; }

.insideMenuScroller { position: relative; width: 100%; overflow: hidden; }
.insideMenuScroller ul { width: 100%; text-align: center; }
.insideMenuScroller ul.ab { position: relative; top: 0; left: 0; }
.insideMenuScroller ul li { display: inline-block; vertical-align: top; padding: 0 70px; position: relative; }
.insideMenuScroller ul li:before { position: absolute; display: block; content: ''; height: 20px; width: 1px; background-color: #DBDBDB; left: 0; top: 50%; margin-top: -10px; }
.insideMenuScroller ul li:first-child:before { display: none; }
.insideMenuScroller ul li a { display: inline-block; vertical-align: top; box-sizing: border-box; border-bottom: 1px solid #F9F9F9; padding: 0 10px; height: 76px; line-height: 76px; font-size: 18px; color: #545454; }
.insideMenuScroller ul li a:hover { color: #FFA11F; }
.insideMenuScroller ul li.on a { color: #000; border-bottom-color: #646464; }

.brandIntroCon { padding-top: 115px; padding-bottom: 115px; border-bottom: 1px solid #E7E9EC; }
.brandIntroCon.odd .img { float: left; margin-left: 32px; }
.brandIntroCon.odd .info { margin-left: 640px; }
.brandIntroCon.even .img { float: right; margin-right: 32px; }
.brandIntroCon.even .info { margin-right: 640px; }
.brandIntroCon .img { width: 520px; height: 400px; position: relative; border: 3px solid #EDB662; }
.brandIntroCon .img img { display: block; position: absolute; width: 100%;top: -13px; left: -35px; }
.brandIntroCon .info { padding-top: 20px; }
.brandIntroCon .info h5 { font-size: 34px; color: #2F2F2F; margin-bottom: 20px; }
.brandIntroCon .info .p { font-size: 15px; color: #7A7A7A; line-height: 34px; }

.brandHistoryCon { padding: 100px 0; background-color: #F1F2F3; }

.brandHistory { position: relative; overflow: hidden; padding-top: 75px; }
.brandHistory:before { content: ''; display: block; position: absolute; width: 11px; height: 6px; top: 0; left: 50%; margin-left: -5px; background: url(img/arrow2.png) center no-repeat; z-index: 2; }
.brandHistory:after { content: ''; display: block; position: absolute; width: 2px; height: 100%; top: 0; left: 50%; margin-left: -1px; background: url(img/line1.png) center repeat-y; z-index: 1; }

.brandHistoryDate { position: relative; padding-bottom: 25px; overflow: hidden; z-index: 3; }
.brandHistoryDate li { margin-bottom: -25px; background: url(img/icon11.png) center no-repeat; }
.brandHistoryDate li.odd .historyBox { float: left; }
.brandHistoryDate li.even .historyBox { float: right; }
.brandHistoryDate li.on { background-image: url(img/icon12.png); }
.brandHistoryDate .historyBox { width: 530px; height: 230px; box-sizing: border-box; background-color: #FFF; padding: 35px; border-radius: 8px; box-shadow: 0 0 5px #EEE; overflow: hidden; }
.brandHistoryDate .historyBox .img { float: left; }
.brandHistoryDate .historyBox .img img { max-width: 100%; }
.brandHistoryDate .historyBox .info { padding-top: 15px; margin-left: 220px; }
.brandHistoryDate .historyBox h6 { font-size: 24px; color: #000; margin-bottom: 10px; }
.brandHistoryDate .historyBox .p { font-size: 15px; line-height: 22px; color: #6E6E6E; height: 66px; overflow: hidden; }

.brandCultureCon { padding: 85px 0; border-bottom: 1px solid #E7E9EC; }
.brandCultureCon .img { float: left; width: 670px; max-width: 100%; }
.brandCultureCon .img img { width: 100%; }
.brandCultureCon .info { margin-left: 730px; margin-right: 10px; padding-top: 50px; }
.brandCultureCon h5 { font-size: 30px; color: #2F2F2F; margin-bottom: 20px; }
.brandCultureCon .p { font-size: 15px; line-height: 36px; color: #7A7A7A; }
.brandCultureCon .bigImg { width: 100%; margin-bottom: 85px; }
.brandCultureCon .bigImg img { width: 100%; }
.brandCultureCon .title { text-align: center; position: relative; padding-bottom: 16px; margin-bottom: 55px; }
.brandCultureCon .title:after { content: ''; position: absolute; display: block; bottom: 0; left: 50%; width: 40px; height: 3px; margin-left: -20px; background-color: #F39910; }
.brandCultureCon .title .cn { font-size: 32px; color: #2F2F2F; line-height: 1.7; }
.brandCultureCon .title .en { font-family: 'Arial'; font-size: 12px; color: #ABB0B6; }
.brandCultureCon .word { width: 45%; }
.brandCultureCon .left { float: left; }
.brandCultureCon .right { float: right; }

.newsListCon { padding-top: 75px; padding-bottom: 110px; background-color: #FFF; }

.newsList a { display: block; border: 1px solid #E2E4E8; background-color: #F6F6F6; margin-bottom: 40px; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.newsList a:hover { background-color: #E7E9EC; }
.newsList .img { float: left; width: 330px; height: 275px; display: block; text-align: center; }
.newsList .img img { max-width: 100%; height: 100%; }
.newsList .info { margin-left: 395px; margin-right: 230px; padding-top: 45px; }
.newsList .info h4 { margin-bottom: 20px; font-size: 24px; color: #161616; }
.newsList .info .p { font-size: 13px; line-height: 25px; color: #929292; height: 50px; overflow: hidden; margin-bottom: 20px; }
.newsList .info .time { font-size: 14px; color: #999; }

.newsInfoCon { padding-top: 75px; background-color: #F9F9F9; }

.newsInfoTitle { padding-bottom: 40px; border-bottom: 1px dotted #E4E4E4; }
.newsInfoTitle h2 { text-align: center; padding: 0 1.5rem; font-size: 28px; color: #292929; margin-bottom: 15px; }
.newsInfoTitle .time { text-align: center; font-size: 12px; color: #585858; }

.newsArticle { padding-top: 30px; padding-bottom: 50px; font-size: 15px; line-height: 32px; color: #747474; }

.articleShare { margin-bottom: 130px; }

.articlePage { border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; background-color: #F2F2F2; }
.articlePage a { display: block; float: left; width: 33.33%; height: 56px; line-height: 56px; text-align: center; box-sizing: border-box; border-right: 1px solid #E5E5E5; font-size: 15px; color: #6D6D6D; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.articlePage a i { display: inline-block; width: 17px; height: 56px; background-repeat: no-repeat; background-position: center center; margin: 0 10px; vertical-align: top; line-height: 56px; }
.articlePage a:first-child { border-left: 1px solid #E5E5E5; }
.articlePage a.prev i { background-image: url(img/arrow3.png); }
.articlePage a.list i { background-image: url(img/icon13.png); }
.articlePage a.next i { background-image: url(img/arrow4.png); }
.articlePage a:hover { color: #FFA11F; }

.productBanner { position: relative; z-index: 1; }
.productBanner .img { width: 100%; height: 700px; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }
.productBanner .info { box-sizing: border-box; width: 360px; background-color: rgba(255, 255, 255, 0.95); padding: 50px 45px 100px; position: absolute; top: 85px; left: 50%; margin-left: -600px; }
.productBanner .info .t { position: relative; text-align: center; font-size: 26px; color: #3A3A3A; padding-bottom: 20px; margin-bottom: 20px; }
.productBanner .info .t:after { content: ''; position: absolute; display: block; width: 60px; height: 2px; background-color: #F39910; left: 50%; margin-left: -30px; bottom: 0; }
.productBanner .info .p { font-size: 14px; line-height: 28px; color: #6D6D6D; height: 252px; overflow: hidden; }
.productBanner .info .btn { position: absolute; left: 50%; bottom: 40px; margin-left: -60px; width: 120px; height: 36px; line-height: 36px; border-radius: 18px; background-color: #777; font-size: 12px; color: #FFF; text-align: center; cursor: pointer; }
.productBanner .info .btn i { display: inline-block; vertical-align: top; height: 36px; width: 12px; background: url(img/icon5.png) center no-repeat; margin-left: 5px; animation-name: upAndDown; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: upAndDown; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; }

@keyframes upAndDown { 0%, 50%, 100% { transform: translateY(0); }
  25% { transform: translateY(2px); }
  75% { transform: translateY(-2px); } }
@-webkit-keyframes upAndDown { 0%, 50%, 100% { -webkit-transform: translateY(0); }
  25% { -webkit-transform: translateY(2px); }
  75% { -webkit-transform: translateY(-2px); } }
.productCon { background-color: #F1F2F3; padding-bottom: 110px; border-bottom: 1px solid #E8E8E8; }

.productMenuCon { position: absolute; width: 100%; height: 70px; left: 0; top: -70px; overflow: hidden; background-color: rgba(62, 62, 62, 0.85); z-index: 9; }
.productMenuCon li { float: left; width: 240px; height: 70px; box-sizing: border-box; border-right: 1px solid #343433; }
.productMenuCon li a { display: block; width: 100%; height: 100%; line-height: 70px; font-size: 17px; color: #FFF; text-align: center; }
.productMenuCon li a:hover { color: #F39910; }
.productMenuCon li.on a { color: #F39910; background-color: rgba(0, 0, 0, 0.2); }

.productClassify { background-color: #FFF; padding: 20px 25px; margin-bottom: 50px; }
.productClassify dl dt { float: left; padding-left: 17px; width: 73px; font-size: 17px; line-height: 23px; color: #030303; background: url(img/dot1.png) left center no-repeat; margin-bottom: 1px; }
.productClassify dl dd { margin-left: 95px; margin-bottom: 1px; }
.productClassify dl dd a { display: inline-block; vertical-align: top; line-height: 23px; padding: 0 7px; font-size: 12px; color: #7F7F7F; margin-right: 30px; border-radius: 3px; }
.productClassify dl dd a:hover { color: #F39910; }
.productClassify dl dd a.on { color: #FFF; background-color: #F39910; }
.productList{padding-top: 30px;height: auto; overflow: hidden;width: 100%;}
.productList li { float: left; width: 33.33%; box-sizing: border-box; margin-bottom: 50px; }
.productList li:nth-child(3n+1) { padding-right: 22px; }
.productList li:nth-child(3n+2) { padding-right: 11px; padding-left: 11px; }
.productList li:nth-child(3n+3) { padding-left: 22px; }
.productList li a { display: block; background-color: #FFF; }
.productList li a:hover .p { background-color: #646464; color: #FFF; text-align: left; border-color: #646464; }
.productList li a:hover .p span { display: block; }
.productList li .img { width: 100%; height: 0; padding-bottom: 75%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.productList li .p { padding: 0 30px; border-right: 1px solid #E8E9E9; border-bottom: 1px solid #E8E9E9; border-left: 1px solid #E8E9E9; line-height: 75px; font-size: 18px; text-align: center; color: #575757; overflow: hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.productList li .p span { float: right; display: none; font-size: 16px; color: #C6C6C6; }

.breadCon { padding: 35px 0; font-size: 12px; line-height: 24px; color: #898989; }
.breadCon a { color: #898989; }
.breadCon a:hover, .breadCon a:last-child { color: #2C2C2C; }

.productInfoCon { margin-bottom: 40px; }

.productSwiperCon { float: left; position: relative; width: 840px; height: 630px; overflow: hidden; }
.productSwiperCon .hd { position: absolute; top: 0; left: 0; z-index: 5; }
.productSwiperCon .hd li { float: left; width: 60px; height: 60px; line-height: 60px; text-align: center; background-color: rgba(0, 0, 0, 0.5); font-size: 15px; color: #FFF; cursor: pointer; }
.productSwiperCon .hd li i { display: inline-block; vertical-align: top; line-height: 60px; width: 22px; height: 60px; background-position: center center; background-repeat: no-repeat; margin-right: 5px; }
.productSwiperCon .hd li.on { color: #F39910; background-color: #000; }
.productSwiperCon .hd li.scene i { background-image: url(img/icon15.png); }
.productSwiperCon .hd li.support i { background-image: url(img/icon16.png); }
.productSwiperCon .hd li.on.scene i { background-image: url(img/icon17.png); }
.productSwiperCon .hd li.on.support i { background-image: url(img/icon18.png); }
.productSwiperCon .swiper-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFF; visibility: hidden; z-index: 1; }
.productSwiperCon .swiper-container .img { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }
.productSwiperCon .swiper-container .swiper-button-next, .productSwiperCon .swiper-container .swiper-button-prev { width: 52px; height: 52px; margin-top: -26px; background-size: auto auto; background-color: rgba(0, 0, 0, 0.5); }
.productSwiperCon .swiper-container .swiper-button-next { right: 0; background-image: url(img/arrow6.png); }
.productSwiperCon .swiper-container .swiper-button-prev { left: 0; background-image: url(img/arrow5.png); }
.productSwiperCon .swiper-container.on { z-index: 2; visibility: visible; }

.productIntroCon { margin-left: 840px; box-shadow: 0 0 5px #E2E2E2; }
.productIntroCon .info { height: 392px; box-sizing: border-box; background-color: #FFF; border-bottom: 1px solid #E7E9EA; padding-left: 50px; padding-right: 50px; padding-top: 55px; overflow: hidden; }
.productIntroCon .info .t { padding-bottom: 12px; position: relative; font-size: 24px; color: #000; margin-bottom: 15px; }
.productIntroCon .info .t:after { content: ''; position: absolute; bottom: 0; left: 0; width: 47px; height: 1px; background-color: #E0E3E7; }
.productIntroCon .info .p { font-size: 13px; line-height: 2; color: #767676; }
.productIntroCon .gallery { background-color: #F7F9FB; position: relative; height: 238px; }
.productIntroCon .gallery:before { content: ''; display: block; position: absolute; width: 9px; height: 19px; left: -9px; top: 50%; margin-top: -9px; background: url(img/arrow7.png) center no-repeat; z-index: 7; }
.productIntroCon .gallery ul { position: absolute; top: 50%; left: 50%; margin-left: -132px; margin-top: -100px; width: 264px; }
.productIntroCon .gallery ul li { float: left; width: 120px; border: 2px solid #F7F9FB; margin: 0 4px 6px; }
.productIntroCon .gallery ul li img { width: 120px; height: 90px; }
.productIntroCon .gallery ul li.on { border-color: #F39910; }

.productPage { box-sizing: border-box; background-color: #FFF; border: 1px solid #EDEEF0; }
.productPage a { display: block; float: left; width: 33.33%; height: 64px; line-height: 64px; text-align: center; box-sizing: border-box; border-right: 1px solid #EDEEF0; font-size: 15px; color: #6D6D6D; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.productPage a i { display: inline-block; width: 17px; height: 64px; background-repeat: no-repeat; background-position: center center; margin: 0 10px; vertical-align: top; line-height: 64px; }
.productPage a:last-child { border-right: none; }
.productPage a.prev i { background-image: url(img/arrow3.png); }
.productPage a.list i { background-image: url(img/icon13.png); }
.productPage a.next i { background-image: url(img/arrow4.png); }
.productPage a:hover { color: #FFA11F; }

.caseListCon { background-color: #EDEEF0; padding-top: 65px; padding-bottom: 110px; }

.caseList li { float: left; width: 33.33%; box-sizing: border-box; margin-bottom: 35px; }
.caseList li:nth-child(3n+1) { padding-right: 20px; }
.caseList li:nth-child(3n+2) { padding-right: 10px; padding-left: 10px; }
.caseList li:nth-child(3n+3) { padding-left: 20px; }
.caseList li a { display: block; background-color: #FFF; border: 1px solid #EDEEF0; }
.caseList li a:hover .p { background-color: #646464; color: #FFF; }
.caseList li .img { width: 100%; box-sizing: border-box; padding: 35px; border-bottom: 1px solid #EDEEF0; }
.caseList li .img span { display: block; width: 100%; height: 0; padding-bottom: 62.5%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; }
.caseList li .p { padding: 0 35px; line-height: 75px; font-size: 18px; color: #161616; overflow: hidden; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.caseList li .p span { float: right; font-size: 16px; color: #D2D2D2; }

.caseInfoCon { position: relative; background-color: #EDEDED; }

.caseInfoSlide { float: right; width: 62.5%; }
.caseInfoSlide .wrapper { position: relative; width: 100%; height: 0; padding-bottom: 57%; }
.caseInfoSlide .slider-pro, .caseInfoSlide .sp-slides, .caseInfoSlide .img, .caseInfoSlide .sp-slides-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.caseInfoSlide .sp-slides, .caseInfoSlide .img { background-position: center center; -webkit-background-size: cover; background-size: cover; }
.caseInfoSlide .sp-thumbnails-container { position: absolute; bottom: 0; left: 0; padding: 10px 0; background-color: rgba(0, 0, 0, 0.5); width: 100% !important; }
.caseInfoSlide .sp-thumbnails { margin: 0 auto; }
.caseInfoSlide .sp-thumbnail-container { border: 2px solid transparent; }
.caseInfoSlide .sp-selected-thumbnail { border-color: #F39910; }
.caseInfoSlide .sp-arrow { width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.5); background-repeat: no-repeat; background-position: center center; }
.caseInfoSlide .sp-arrow:before, .caseInfoSlide .sp-arrow:after { display: none; }
.caseInfoSlide .sp-previous-arrow { left: 0; background-image: url(img/arrow5.png); }
.caseInfoSlide .sp-next-arrow { right: 0; background-image: url(img/arrow6.png); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }

.caseIntroCon { position: absolute; top: 0; left: 0; width: 37.5%; height: 100%; }

.caseInfoBox { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 450px; max-width: 90%; }
.caseInfoBox .t { text-align: center; position: relative; font-size: 30px; color: #161616; padding-bottom: 22px; margin-bottom: 30px; }
.caseInfoBox .t:after { content: ''; position: absolute; display: block; width: 60px; height: 2px; background-color: #F39910; bottom: 0; left: 50%; margin-left: -30px; }
.caseInfoBox .p { font-size: 14px; color: #848484; line-height: 2; margin-bottom: 55px; }

.caseInfoPage { border: 1px solid #D5D5D5; box-sizing: border-box; }
.caseInfoPage a { display: block; float: left; width: 33.33%; height: 56px; line-height: 56px; text-align: center; box-sizing: border-box; border-right: 1px solid #D5D5D5; background-position: center center; background-repeat: no-repeat; }
.caseInfoPage a:last-child { border-right: none; }
.caseInfoPage a.prev { background-image: url(img/arrow3.png); }
.caseInfoPage a.list { background-image: url(img/icon13.png); }
.caseInfoPage a.next { background-image: url(img/arrow4.png); }

.joinFormCon { width: 100%; height: 943px; background: url(img/bg_join.jpg) center no-repeat; -webkit-background-size: cover; background-size: cover; overflow: hidden; }
.joinFormCon .title { padding-top: 75px; padding-bottom: 45px; text-align: center; }
.joinFormCon .title .cn { font-size: 30px; color: #2F2F2F; line-height: 52px; }
.joinFormCon .title .cn span { color: #DF931F; }
.joinFormCon .title .en { font-size: 12px; font-family: 'Arial'; color: #979797; }

.joinForm { margin: 0 auto; width: 710px; height: 620px; max-width: 100%; background: url(img/join_formbg.png) center no-repeat; overflow: hidden; }
.joinForm .box { padding-top: 63px; margin: 0 auto; width: 392px; box-sizing: border-box; max-width: 100%; }
.joinForm .inputBox { border: 1px solid #E2E5EC; background-color: #FFF; border-radius: 5px; overflow: hidden; margin-bottom: 18px; }
.joinForm .word { float: left; padding-left: 20px; font-size: 14px; color: #909090; line-height: 50px; }
.joinForm input[type="text"] { vertical-align: top; -webkit-appearance: none; border: none; background: none; height: 50px; line-height: 50px; font-size: 14px; color: #666; padding: 0 5px; outline: none; max-width: 100%; width: 290px; }
.joinForm input[type="submit"] { vertical-align: top; -webkit-appearance: none; border: none; background: none; height: 50px; line-height: 50px; font-size: 14px; color: #FFF; width: 100%; background-color: #3E3E3E; border-radius: 5px; overflow: hidden; cursor: pointer; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.joinForm input[type="submit"]:hover { background-color: #4b4b4b; }

.mapCon { background-color: #F3F3F3; padding-top: 70px; padding-bottom: 90px; }

.mapSelectCon { background-color: #FFF; border-bottom: 1px solid #E2E2E2; margin-bottom: 30px; }
.mapSelectCon li { float: left; width: 25%; box-sizing: border-box; border-right: 1px solid #F6F6F6; }
.mapSelectCon li:after { border-right: none; }
.mapSelectCon li input[type="submit"] { display: block; width: 100%; text-align: center; border: none; -webkit-appearance: none; line-height: 62px; padding: 0; margin: 0; font-size: 14px; color: #FFF; background-color: #646464; cursor: pointer; border-radius: 0; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.mapSelectCon li input[type="submit"]:hover { background-color: #717171; }
.mapSelectCon .mapSelect { vertical-align: top; width: 100%; box-sizing: border-box; padding: 0 25px 0 30px; font-size: 14px; overflow: hidden; }
.mapSelectCon .mapSelect .customSelectInner { font-size: 14px; color: #7F7F7F; line-height: 62px; background: url(img/arrow8.png) right center no-repeat; cursor: pointer; }

.mapSwiper { float: left; width: 339px; background-color: #FFF; height: 714px; overflow: hidden; }
.mapSwiper .tit { height: 63px; line-height: 63px; border-bottom: 1px solid #EFEFEF; text-indent: 40px; font-size: 16px; color: #3D3D3D; }
.mapSwiper .tit span { color: #F39910; font-weight: bold; }
.mapSwiper .swiper-container { width: 100%; height: 580px; overflow: hidden; }
.mapSwiper .btn a { display: block; float: left; cursor: pointer; height: 70px; width: 50%; background-color: #E1E1E1; background-position: center center; background-repeat: no-repeat; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.mapSwiper .btn a:hover { background-color: #D2D2D2; }
.mapSwiper .btn a:hover.prev { background-image: url(img/arrow11.png); }
.mapSwiper .btn a:hover.next { background-image: url(img/arrow12.png); }
.mapSwiper .btn a.prev { background-image: url(img/arrow9.png); }
.mapSwiper .btn a.next { background-image: url(img/arrow10.png); }
.mapSwiper .box { box-sizing: border-box; height: 145px; width: 100%; border-bottom: 1px solid #EFEFEF; padding-left: 78px; padding-right: 40px; padding-top: 35px; cursor: pointer; }
.mapSwiper .box .t { position: relative; font-size: 17px; color: #3D3D3D; line-height: 26px; }
.mapSwiper .box .t i { position: absolute; display: block; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; background-color: #C2C2C2; font-size: 18px; color: #FFF; top: 0; left: -45px; }
.mapSwiper .box .a, .mapSwiper .box .time { font-size: 14px; line-height: 24px; color: #878686; }
.mapSwiper .on .box { background-color: #FAFAFA; }
.mapSwiper .on .box .t i { background-color: #F39910; }

.mapBox { margin-left: 340px; padding: 15px; box-sizing: border-box; background-color: #FFF; height: 714px; overflow: hidden; }
.mapBox img { max-width: none; }

.mapShadow { box-shadow: 0 0 10px #DCDCDC; }

.loginCon { position: relative; width: 100%; height: 718px; background: url(img/bg_login.jpg) center center no-repeat; box-sizing: border-box; }
.loginCon .box { position: absolute; width: 422px; max-width: 100%; left: 50%; top: 50%; margin-left: -211px; margin-top: -235px; background-color: #FFF; border-radius: 6px; box-shadow: 0 0 5px #E5E2E1; overflow: hidden; }
.loginCon .t { text-align: center; font-size: 20px; color: #060606; background-color: #F5F5F5; border-bottom: 1px solid #EAE7E3; line-height: 70px; }
.loginCon .table { padding-top: 50px; padding-bottom: 50px; width: 330px; max-width: 100%; margin: 0 auto; }
.loginCon .inputBox { border: 1px solid #E6E2E0; position: relative; margin-bottom: 20px; padding: 18px 10px 18px 55px; background-position: 20px center; background-repeat: no-repeat; border-radius: 5px; box-sizing: border-box; max-width: 100%; overflow: hidden; }
.loginCon .inputBox input[type="text"], .loginCon .inputBox input[type="password"] { width: 100%; margin: 0; padding: 0 0 0 10px; border: none; border-left: 1px solid #E4EAEF; height: 20px; line-height: 20px; -webkit-appearance: none; border-radius: 0; font-size: 15px; color: #AFB8C0; box-sizing: border-box; }
.loginCon .username { background-image: url(img/icon19.png); }
.loginCon .password { background-image: url(img/icon110.png); }
.loginCon .btn { margin-bottom: 40px; }
.loginCon .btn input[type="submit"] { display: block; width: 100%; height: 56px; line-height: 56px; text-align: center; border-radius: 5px; background-color: #F39910; font-size: 17px; color: #FFF; -webkit-appearance: none; cursor: pointer; border: none; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.loginCon .btn input[type="submit"]:hover { background-color: #f4a328; }
.loginCon .link { text-align: center; }
.loginCon .link a { font-size: 12px; color: #9F826D; }
.loginCon .link a:hover { text-decoration: underline; }

.admin_container { position: relative; width: 100%; background: url(img/bg_login.jpg) center center no-repeat; box-sizing: border-box; padding-top: 78px; padding-bottom: 92px; }
.admin_container .table { display: table; border-collapse: collapse; border-spacing: 0; border-radius: 8px; overflow: hidden; }
.admin_container .avatarTc { display: table-cell; width: 31.5%; background-color: #F8F8F8; padding-top: 50px; padding-bottom: 50px; text-align: center; vertical-align: top; }
.admin_container .infoTc { display: table-cell; width: 68.5%; background-color: #FFF; vertical-align: top; }
.admin_container .avatar { width: 152px; height: 152px; margin: 0 auto 15px; border: 1px solid #EADAC3; background-color: #FEF5E7; background-position: center center; background-repeat: no-repeat; background-size: 152px 152px; border-radius: 50%; overflow: hidden; }
.admin_container .name { font-size: 22px; text-align: center; color: #3D3D3D; margin-bottom: 35px; }
.admin_container .operate a { display: block; width: 248px; height: 46px; border: 1px solid #C6C6C6; text-align: center; line-height: 46px; font-size: 14px; color: #3D3D3D; border-radius: 3px; margin: 0 auto 15px; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.admin_container .operate a:hover { background-color: #F39910; border-color: #F39910; color: #FFF; }
.admin_container .box { padding: 25px 50px 50px; }
.admin_container .top { margin-bottom: 28px; overflow: hidden; }
.admin_container .tip { float: left; }
.admin_container .tip span { display: inline-block; vertical-align: top; line-height: 34px; font-size: 17px; color: #171717; margin-right: 30px; margin-bottom: 5px; }
.admin_container .tip a { display: inline-block; vertical-align: top; height: 32px; line-height: 32px; border: 1px solid #DEDEDE; background-color: #F8F9FA; font-size: 13px; color: #393939; margin-right: 10px; padding: 0 12px; min-width: 50px; text-align: center; border-radius: 3px; margin-bottom: 5px; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.admin_container .tip a:hover,.admin_container .tip a.on { background-color: #F39910; border-color: #F39910; color: #FFF; }
.admin_container .listCon { border: 1px solid #F1EAE0; padding: 0 35px; margin-bottom: 35px; }
.admin_container .listCon ul li { position: relative; overflow: hidden; border-bottom: 1px solid #F1EAE0; }
.admin_container .listCon ul li:last-child { border-bottom: none; }
.admin_container .listCon ul p { margin-right: 70px; line-height: 66px; height: 66px; }
.admin_container .listCon ul p a { font-size: 14px; color: #3D3D3D; }
.admin_container .listCon ul p a:hover { color: #F39910; }
.admin_container .listCon ul .download { display: block; position: absolute; width: 62px; height: 28px; border: 1px solid #F1EAE0; background-color: #FEF5E7; text-align: center; line-height: 28px; font-size: 12px; color: #C27B49; top: 50%; right: 0; margin-top: -15px; z-index: 2; border-radius: 3px; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.admin_container .listCon ul .download:hover { background-color: #fdebcf; }

.admin_searchCon { float: right; width: 136px; height: 30px; border: 1px solid #DEDEDE; background-color: #F8F9FA; border-radius: 14px; box-sizing: border-box; overflow: hidden; }
.admin_searchCon input[type="submit"] { display: block; float: right; width: 28px; height: 28px; border: none; background: url(img/icon4.png) left center no-repeat; cursor: pointer; -webkit-appearance: none; }
.admin_searchCon .input { margin-right: 28px; }
.admin_searchCon .input input[type="text"] { display: block; width: 100%; height: 28px; border: none; box-sizing: border-box; padding: 0 10px; font-size: 14px; background: none; -webkit-appearance: none; }

.admin_paged { padding-top: 0; text-align: left; }

.joinAdvantageCon { width: 100%; padding-bottom: 30px; background: #FFF; overflow: hidden; }
.joinAdvantageCon .title { padding-top: 75px; padding-bottom: 45px; text-align: center; }
.joinAdvantageCon .title .cn { font-size: 30px; color: #2F2F2F; line-height: 52px; }
.joinAdvantageCon .title .cn span { color: #DF931F; }
.joinAdvantageCon .title .en { font-size: 12px; font-family: 'Arial'; color: #979797; }

.joinAdvantageList li { border-top: 1px solid #EDEEF0; padding: 40px 0; }
.joinAdvantageList li .img { float: right; width: 330px; height: 200px; background: #eee;text-align: center; display: -webkit-flex; /* Safari */
  display: flex;justify-content:center;align-items:center;}
.joinAdvantageList li .img img { max-width: 100%; max-height: 100%; }
.joinAdvantageList li .info { margin-right: 400px; padding-top: 25px; }
.joinAdvantageList li h4 { font-size: 26px; color: #2F2F2F; margin-bottom: 20px; }
.joinAdvantageList li .p { font-size: 15px; line-height: 2; color: #717171; }

.joinCondition { width: 100%; height: 720px; background: url(img/bg_conditions.jpg) center no-repeat; background-size: cover; overflow: hidden; }
.joinCondition .title { padding-top: 75px; padding-bottom: 55px; text-align: center; }
.joinCondition .title .cn { font-size: 30px; color: #2F2F2F; line-height: 52px; }
.joinCondition .title .cn span { color: #DF931F; }
.joinCondition .title .en { font-size: 12px; font-family: 'Arial'; color: #979797; text-transform: uppercase; }

.conditionCon .left { float: left; width: 55.5%; background-color: rgba(239, 239, 239, 0.95); height: 430px; }
.conditionCon .left .con { width: 600px; margin: 0 auto; }
.conditionCon .right { float: right; width: 44.5%; background-color: rgba(255, 255, 255, 0.95); height: 430px; }
.conditionCon .right .con { width: 485px; margin: 0 auto; }
.conditionCon .t { height: 100px; line-height: 100px; border-bottom: 1px solid #DCDCDC; font-size: 16px; color: #626262; }
.conditionCon .chart { padding-top: 42px; }
.conditionCon .chartBox { position: relative; margin-right: 20px; float: left; width: 78px; height: 118px; text-align: center; border: 1px solid #BFBFBF; background-color: #FFF; border-radius: 7px; overflow: hidden; }
.conditionCon .chartBox .name { padding-top: 20px; font-size: 13px; color: #626262; }
.conditionCon .flux { position: absolute; left: 0; width: 100%; bottom: 0; display: table; background-color: #E5E5E5; text-align: center; vertical-align: middle; font-size: 13px; color: #626262; }
.conditionCon .flux span { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; }
.conditionCon .c1 .flux { height: 54%; }
.conditionCon .c2 .flux { height: 47%; }
.conditionCon .c3 .flux { height: 40%; }
.conditionCon .c4 .flux { height: 33%; }
.conditionCon .c5 .flux { height: 26%; }
.conditionCon .p { padding-top: 30px; font-size: 14px; line-height: 30px; color: #626262; }

.joinProcess { width: 100%; background: #FFF; padding-bottom: 100px; overflow: hidden; }
.joinProcess .title { padding-top: 75px; padding-bottom: 55px; text-align: center; }
.joinProcess .title .cn { font-size: 30px; color: #2F2F2F; line-height: 52px; }
.joinProcess .title .cn span { color: #DF931F; }
.joinProcess .title .en { font-size: 12px; font-family: 'Arial'; color: #979797; text-transform: uppercase; }
.joinProcess .img { float: left; border: 1px solid #f2f2f2; padding: 8px; width: 440px; height: 521px; }
.joinProcess .info { margin-left: 515px; }
.joinProcess .info li { overflow: hidden; margin-bottom: 23px; }
.joinProcess .info i , .joinProcess .info em { display: block; float: left; width: 49px; height: 49px; background-color: #edeef0; text-align: center; line-height: 49px; border-radius: 6px; font-size: 22px; color: #4f5665; }
.joinProcess .info .p { margin-left: 68px; font-size: 15px; line-height: 28px; color: #4e4e4e; }
.joinProcess .info .p a { text-decoration: underline; color: #4e4e4e; }
.joinProcess .info .p a:hover { color: #F39910; }

.joinArea { width: 100%; background: url(img/join_area.jpg) center bottom no-repeat; background-size: cover; padding-bottom: 120px; overflow: hidden; }
.joinArea .title { padding-top: 75px; padding-bottom: 55px; text-align: center; }
.joinArea .title .cn { font-size: 30px; color: #2F2F2F; line-height: 52px; }
.joinArea .title .cn span { color: #DF931F; }
.joinArea .title .en { font-size: 12px; font-family: 'Arial'; color: #979797; text-transform: uppercase; }

.areaBox { background-color: #FFF; }
.areaBox .t { height: 67px; line-height: 67px; text-align: center; font-size: 18px; color: #000; background-color: #EFEFEF; border-bottom: 1px solid #DDD; }
.areaBox .box { border-bottom: 1px solid #DDD; padding: 20px 30px; color: #666; line-height: 24px; }
.areaBox .box dt { float: left; text-align: right; width: 100px; font-size: 14px; font-weight: bold; }
.areaBox .box dd { margin-left: 105px; font-size: 12px; }

.admin_formTitle { font-size: 18px; color: #666; border-bottom: 1px solid #EEE; margin-bottom: 20px; padding-bottom: 15px; }

.admin_form .admin_tr { margin-bottom: 20px; }
.admin_form .word { float: left; width: 80px; text-align: right; line-height: 32px; font-size: 14px; }
.admin_form .info { margin-left: 100px; line-height: 32px; font-size: 14px; color: #666; }
.admin_form input[type="text"],.admin_form input[type="password"] { display: block; float: left; max-width: 100%; margin: 0; padding: 0 5px; border: 1px solid #AAA; height: 32px; line-height: 30px; box-sizing: border-box; width: 200px; font-size: 14px; color: #666; }
.admin_form .tip { float: left; margin-left: 5px; font-size: 14px; line-height: 32px; }
.admin_form label { float: left; margin-right: 15px; }
.admin_form label span { margin-left: 5px; }
.admin_form input[type="radio"] { -webkit-appearance: radio; }
.admin_form input[type="submit"] { -webkit-appearance: none; background: #F39910; cursor: pointer; display: block; border: none; text-align: center; color: #FFF; font-size: 14px; line-height: 32px; width: 120px; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.admin_form input[type="submit"]:hover { background: #F39910; }


.indexSide { position: fixed; right: 0; bottom: 0; width: 80px; z-index: 99; }

.indexSide ul li { background-color: #FFF; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; position: relative; height: 80px; background-repeat: no-repeat; background-position: center center; }

.indexSide ul li a { width: 100%; height: 80px; line-height: 80px; display: block; overflow: hidden; }

.indexSide ul li.top { border-radius: 40px 40px 0 0; -webkit-border-radius: 40px 40px 0 0; -moz-border-radius: 40px 40px 0 0; -ms-border-radius: 40px 40px 0 0; border-top: 1px solid #CCC; height: 71px; background-image: url(img/top.png); }

.indexSide ul li.li2 { background-image: url(img/sideIcon1.png); }

.indexSide ul li.li4 { background-image: url(img/sideIcon3.png); }

.indexSide ul li:hover { background-color: #FC9C20; }

.indexSide ul li.top:hover { background-image: url(img/top-1.png); }

.indexSide ul li.li4:hover { background-image: url(img/sideIcon3-1.png); }

.indexSide li a.online { position: absolute; top: 0; left: 0; width: 150px; font-size: 0; color: #FFF; line-height: 80px; text-indent: 65px; }

.indexSide li.li2:hover > a { background: url(img/sideIcon1-1.png) no-repeat 20px center #FC9C20; }

.indexSide li .ewmCon { position: absolute; display: none; padding: 20px 10px 10px; bottom: 0; right: 80px; width: 105px; background-color: #FFF; border: 1px solid #DBDBDB; box-shadow: 0 0 5px #DBDBDB; }

.shop .wd { position: relative; }

.indexSide li .ewmCon .ewmImg { float: left; margin: 0 10px; width: 85px; text-align: center; }

.indexSide li .ewmCon .ewmImg img { display: block; width: 100%; }

.indexSide li .ewmCon .ewmImg p { color: #666; }

.indexSide li .TextCon { position: absolute; display: none; height: 80px; line-height: 80px; bottom: 0; right: 79px; width: 210px; background-color: #FC9C20; }

.indexSide li .TextCon a { float: left; margin-left: 15px; color: #FFF; font-size: 16px; width: 90px; }

.indexSide li .TextCon a:hover { color: #000; }

.product { height: auto; overflow: hidden; padding: 93px 0 21px; }

.productTit { height: auto; overflow: hidden; text-align: center; }

.productTit a { display: inline-block; line-height: 40px; }

.productTit a b { font-weight: normal; color: #333; float: left; display: block; font-size: 25px; }

.productTit a span { color: #cbcbcb; float: left; display: block; font-size: 30px; padding-left: 15px; text-transform: uppercase; }

.contactList { height: auto; overflow: hidden; padding: 43px 0 0; margin-left: -17px; }

.contactList li { float: left; width: 388px; height: 424px; position: relative; text-align: center; line-height: 26px; font-size: 15px; color: #777; margin-left: 17px; background-color: #f9f9f9; margin-bottom: 10px; }

.contactList li .wrapper { background-color: #f9f9f9; }

.contactList li h3 { color: #444; font-size: 22px; padding: 26px 0 16px; }

.contactList li span { font-size: 18px; font-family: Tahoma; }

.contactImg { width: 388px; height: 222px; overflow: hidden; margin-bottom: 15px; }

.contactImg img { width: 100%; height: 100%; }

.zixun { height: 35px; text-align: center; padding: 20px 0; background: #F7f7f7; }

.zixun a:hover { color: #fff; border-color: #fdc064; background-color: #fdc064; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

.zixun a { display: inline-block; vertical-align: top; width: 130px; height: 33px; line-height: 33px; text-align: center; color: #666; font-size: 14px; border: 1px solid #d2d2d2; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin: 0 1px; }


/*# sourceMappingURL=style.css.map */
.index-cp{box-sizing: border-box;padding: 20px 0 20px 280px;min-height:600px;}
.index-cp a{width: 33.33%;float: left;padding: 10px;box-sizing: border-box;}
.index-cp a dl{background-color: #fff;padding: 5px;text-align: center;}
.index-cp a dl dd{line-height: 30px;height: 30px;color: #333;font-size: 14px;}
.list-team a{width: 25%;float: left;padding: 10px;box-sizing: border-box;}
.list-team a dl{background-color: #eee;padding: 5px;text-align: center;}
.list-team a dl dt{width: 100%;height:200px;overflow:hidden;background: #fff;
ext-align: center; display: -webkit-flex; /* Safari */ display: flex;justify-content:center;align-items:center;
}
.list-team a dl dt img{
max-height:100%;max-width:100%;
transition:all .5s;
-moz-transition: all .5s;	/* Firefox 4 */
-webkit-transition: all .5s;	/* Safari 和 Chrome */
-o-transition: all .5s;	/* Opera */

}
.list-team a dl dd{line-height:40px;height: 40px;color: #333;font-size: 14px;}
.list-team a:hover dl{background: #c33;}
.list-team a:hover dl dd{color: #fff;}
.list-team a:hover dl dt img{
transform: scale(1.2);
-ms-transform: scale(1.2);	/* IE 9 */
-webkit-transform: scale(1.2);	/* Safari 和 Chrome */
-o-transform: scale(1.2);	/* Opera */
-moz-transform: scale(1.2);	/* Firefox */
}
.jm-fc img{max-width:100%;margin: 30px auto;}