html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; }
html { float: none; line-height: 18px; font-size: 14px; color: #666; font-family: Arial, Helvetica, '微软雅黑', sans-serif, '宋体'; }
.clearfix:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
.clearfix { zoom: 1; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,th,var { font-weight: normal; font-style: normal; }
ol,ul,li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
q:before,q:after { content: ”; }
abbr,acronym { border: 0; }
a,a:hover { text-decoration: none;}
.cut-txt { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

body { min-width: 1220px; }
.trans02s { transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; }
.trans05s { transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; }
.trans08s { transition: all .8s; -moz-transition: all .8s; -webkit-transition: all .8s; -o-transition: all .8s; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.boxinline-2box { width: 49.75%; margin-right: .5%; float: left; }
.boxinline-2box-0 { margin-right: 0; }
.boxinline-3box { width: 33%; margin-right: .5%; float: left; }
.boxinline-3box-0 { margin-right: 0; }
.boxinline-3box-mini { width: 31%; margin-right: 3.5%; float: left; }
.boxinline-3box-mini-0 { margin-right: 0; }
.boxinline-w20 { width: 20%; margin-right: .5%; float: left; }
.boxinline-w30 { width: 33%; margin-right: .5%; float: left; }
.boxinline-w40 { width: 40%; margin-right: .5%; float: left; }
.boxinline-w60 { width: 59.5%; margin-right: .5%; float: left; }
.boxinline-w70 { width: 66.5%; margin-right: .5%; float: left; }
.boxinline-w80 { width: 79.5%; margin-right: .5%; float: left; }

.right-no { margin-right: 0 !important; }
.main-container { width: 1200px; margin: 0 auto; }
.img-outline:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.img-outline img { width: 100%; height: /*auto*/240px; float: left; }
.Page-Text { width: 100%; height: auto; line-height: 30px; }
.Page-Text:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.Page-Text img,.Page-Text table { max-width: 100%; }
.TopBar { width: 100%; color: #fff; }
.TopBar .Left { float: left; }
.TopBar .Right { float: right; }
.TopBar i { margin-right: 10px; }
.TopBar .Right a { color: #fff; padding-left: 30px; }
.Banner-Bg { width: 100%; /*height: 600px; background-size: cover;*/ position: relative; z-index: 0; overflow: hidden; box-sizing: border-box;}
.search-wrap { float: right; margin: 40px 30px 0 0; width: 285px; border: 1px solid #d9d9d9; height: 24px;}
.search-input { float: left; padding-left: 20px; width: 225px; height: 24px; background-color: #ffffff; }
.search-btn { float: right; cursor: pointer; padding: 2px; width: 20px; height: 20px; background-color: #07c; }
.search-input input { display: block; width: 100%; height: 24px; line-height: 24px; border-width: 0; background-color: transparent; outline: medium none; font-family: "Noto Sans CJK SC", "Source Han Sans CN", "PingFangSC-Regular", "sans-serif", "Arial"; font-size: 14px; color: #333333; }
.search-input input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #ffffff inset; -webkit-text-fill-color: #333333; }


.top-phone { float: right; font-size: 16px; font-weight: bold; color: #005BAC; padding-top: 45px;}




.owl-nav { z-index: 10; }
.owl-nav button,
.owl-nav button span { width: 30px; height: 60px; font-size: 0; display: block; }
.owl-nav button { top: 40%; position: absolute; }
.owl-nav button.owl-prev { left: 5%; }
.owl-nav button.owl-prev span { background: url(../image/banner-nav.png) left center; }
.owl-nav button.owl-next { right: 5%; }
.owl-nav button.owl-next span { background: url(../image/banner-nav.png) right center; }
.owl-dots { width: 100%; height: 15px; line-height: 15px; z-index: 10; position: absolute; bottom: 30px; text-align: center; }
.owl-dots button { display: inline-block; margin: 0 8px; }
.owl-dots button span { width: 12px; height: 12px; display: inline-block; background: #07c; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.owl-dots button.active span { background: #ff6512; }

.Banner-Slide .the-slide { width: 100%; /*height: 600px;*/ height: 100%; position: relative;}
.Banner-Slide .the-slide a { width: 100%; height: 600px; display: block; }
.NavBar { width: 100%; z-index: 99; height: 60px; position: relative; /*top: 40px;*/ background-color: #005BAC; }
.NavBar .Mask-bg { height: 0px; position: absolute; z-index: 0; left: 0; width: 100%; overflow: hidden; }
.Mask-bg-line { width: 100%; height: 60px; }
.NavBar .Main { position: relative; z-index: 10; }

.Logo { padding: 10px 0; float: left; position: relative; z-index: 10; margin-top: 0 !important; }
.TopNav { height: 60px; float: right; margin-top: 0 !important; }
.TopNav ul { text-align: right; float: right; }
.TopNav ul li,
.TopNav ul a { display: inline-block; height: 60px; line-height: 60px; position: relative; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; }
.TopNav ul a { padding: 0 49px; font-size: 15px; color: #fff; }
.TopNav ul li:hover { background-color: #ff6512; }
.TopNav ul a i { font-size: 12px; padding-left: 5px; }
.TopNav .isStick a { color: #ffffff; }
.TopNav .isStick a:hover,
.TopNav .isStick.sfHover a,
.TopNav .isStick.active a { color: #ffffff; }
.TopNav a.active { color: #07c; font-weight: bold; }
.TopNav ul ul { position: absolute; left: 0; width: 100%; }
.TopNav .sfHover ul a,
.TopNav ul ul li,
.TopNav ul ul a { width: 100%; display: block; height: 48px; line-height: 48px; font-weight: normal; }
.TopNav ul ul li { margin-bottom: 1px; text-align: left;}
.TopNav ul ul a { background: #07c; color: #fff !important; text-indent: 1em; padding:0; text-align: center;}
.TopNav ul ul a:hover { color: #fff !important; text-indent: 2em; background: #ff6512 !important; }
.is_stuck .TopNav { position: relative; margin-top: 0 !important; z-index: 0; }
.is_stuck .TopNav .isStick a { color: #ffffff; }
.is_stuck .TopNav .isStick a:hover,
.is_stuck .TopNav .isStick.sfHover a,
.is_stuck .TopNav .isStick.active a { color: #ffffff; }


.Title-H1 { width: 100%; height: 120px; }
.Title-H1 p { line-height: 30px; font-size: 20px; color: #333; }
.Title-H1 h1 { line-height: 50px; font-size: 40px; font-weight: bold; color: #333; }
.Title-H1 .hover-tit { line-height: 40px; height: 40px; font-size: 16px; font-weight: bold; color: #333; }
.Title-H1 .hover-search-tit { line-height: 40px; height: 40px; font-size: 16px; color: #333; }
.Title-H1 .hover-search-tit span { color: #FF0000; padding:0 5px; }
.Title-H1 p.line { line-height: 2px; }
.Title-H1 p span { width: 80px; height: 1px; background: #333; display: inline-block; }
.Index-Padding { padding: 80px 0; }


.ABOUT { background: #e8e8e8; }
.ABOUT .Title-H1 { text-align: right; }
.ABOUT .left { padding-right: 50px; }
.ABOUT .right { padding: 50px; background: #fff; }
.ABOUT .right h1 { line-height: 60px; color: #333; font-size: 26px; }
.ABOUT .right p { line-height: 26px; color: #666; text-indent: 2rem; margin-bottom: 10px; }
.ABOUT p.more { margin-top: 50px; }
.ABOUT p.more a { height: 50px; line-height: 50px; padding: 0 40px; display: inline-block; color: #fff; background: #07c; }
.ABOUT p.more a:hover { background: #359ee9; }


.IPRODUCT .Title-H1 { text-align: center;}
.PRODUCT-slide { padding: 40px 0 100px 0;}
.PRODUCT-slide .owl-nav { display: none;}
.iPage-pro-Show { padding:10px; border: 1px solid #cccccc; }
.iPage-pro-Show-img { width: 270px; height: 202px; text-align: center; overflow: hidden; position: relative; display: table; font-size:0; }
.iPage-pro-Show-img span { width: 270px; height: 202px; display: table-cell; vertical-align: middle; }
.iPage-pro-Show-img span img { max-width: 270px; max-height: 202px; margin: 0 auto; }
*+html .iPage-pro-Show-img span { position: absolute; top: 50%; width: 100%; text-align: center; height: auto; vertical-align: baseline; }
*+html .iPage-pro-Show-img span img { position: relative; top: -50%; left: -50%; }
.iPage-pro-txt { color: #333333; padding: 10px 10px 0;}
.iPage-pro-txt h2 { font-size: 16px; text-align:center; line-height: 24px; height: 48px; overflow: hidden;}


.NEWS { background: #e8e8e8; }
.News-List { margin-top: 20px; }
.News-Box .img-outline { position: relative; overflow: hidden; max-height: 280px; }
.News-Box .img-outline span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); }
.News-Box:hover .img-outline span { background: rgba(0, 0, 0, 0); }
.News-Box h3 { color: #333; height: 30px; line-height: 30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.News-Box .date { line-height: 30px; color: #666; }


.PARTNER .Title-H1 { text-align: center;}
.PARTNER-slide { padding: 40px 0 100px 0;}
.PARTNER-slide .owl-nav { display: none;}
.PARTNER-slide img { border: 1px solid #D8D8D8; box-sizing:border-box;}


.Page { padding: 50px 0; background: #f1f1f1; }
.Page-Left { width: 25%; float: left; margin-right: 3%; }
.Page-Right { width: 72%; float: left; background: #fff; min-height: 500px; padding-bottom: 30px; }
.Page-Left .top { padding: 20px 20px; background: #005BAC; color: #fff; padding-bottom: 0; position: relative; }
.Page-Left .top .Title-H1 { padding-left: 75px; }
.Page-Left .top h1,
.Page-Left .top p { color: #fff; }
.Page-Left .top h1 { font-size: 30px; }
.Page-Left .top p span { background: #fff; }
.Page-Left .top i { font-size: 60px; position: absolute; left: 20px; bottom: 50px; }
.Page-Left .Left-Nav { padding: 30px 0; background: #333; }
.Page-Left li a { line-height: 56px; font-size: 16px; padding-left: 30px; color: #fff; display: block; border-bottom: #444 1px solid; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; }
.Page-Left li a span { float: right; width: 30px; text-align: left; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; }
.Page-Left li.active a { background: #005BAC; }
.Page-Left li a:hover { padding-left: 40px; background: rgb(63, 62, 62); }
.Page-Left li a:hover span { width: 20px; }
.Page-Title { padding: 20px 35px; padding-bottom: 0; border-bottom: 1px solid #f1f1f1; height: 50px; }
.Page-Title .Title-H1 { height: 50px; float: left; width: auto; }

.loaction { float: right; text-align: right; height: 40px; line-height: 40px; }
.loaction ul,
.loaction li { display: inline; }
.loaction i { padding: 0 5px; }
.loaction a,
.loaction span { color: #333; font-size: 15px; }
.loaction a:hover { color: #07c; }

.News-Title { padding: 20px; padding-bottom: 0; border-bottom: 1px solid #f1f1f1; height: 50px; }
.News-Title .loaction { float: left; text-align: left; height: 40px; line-height: 40px; }
.Page-body { padding: 30px 15px; }


/*分页*/
.Page-Pager{ width:100%; height:auto; float:left; line-height:24px; text-align:center; padding:50px 0;}
.Page-Pager span{ color:#fff !important; background:#07c; border:1px #07c solid; padding:5px 9px;}
.Page-Pager a{ color:#666; background:#fff; border:1px #b3b3b3 solid; padding:5px 9px; margin-right:5px;}
.Page-Pager a:hover{ color:#666; background:#fff; border:1px #07c solid; padding:5px 9px;}
.Page-Pager input{ color:#666; background:#fff; border:1px #b3b3b3 solid; padding:5px 9px; margin-right:5px; _display:inline; }		


.Page-Brand-List { margin-top: 2%; padding: 0 20px; }
.Page-Brand-List li { width: 261px; float: left; margin-right: 20px; margin-bottom: 20px; }
.Page-Brand-List li:nth-child(3n) { margin-right: 0; }
.Page-Brand-Img { width: 261px; height: 112px; text-align: center; overflow: hidden; position: relative; display: table; }
.Page-Brand-Img span { width: 261px; height: 112px; display: table-cell; vertical-align: middle; }
.Page-Brand-Img span img { max-width: 261px; max-height: 112px; margin: 0 auto; }
*+html .Page-Brand-Img span { position: absolute; top: 50%; width: 100%; text-align: center; height: auto; vertical-align: baseline; }
*+html .Page-Brand-Img span img { position: relative; top: -50%; left: -50%; }
.Page-Brand-Img { line-height: 1; font-size: 16px; color: #333333; font-weight: bold; }


.Page-News-List { margin-top: 2%; }
.Page-News-List li { padding: 0 20px; }
.Page-News-List .News-Box { display: block; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px; }
.Page-News-List .News-Box .img-outline { overflow: hidden; }
.Page-News-List .News-Box .text-outline { padding: 0 0 10px 30px; }
.Page-News-List .News-Box h3 { line-height: 22px; color: #333; text-align: left; font-weight: bold; font-size: 16px; margin-top: 25px; }
.Page-News-List .News-Box h3 span { float: right; }
.Page-News-List .News-Box p { height: 6rem; line-height: 2rem; color: #666; margin-top: 10px; overflow: hidden; }
.Page-News-List .News-Box .date { margin-top: 20px; }
.Page-News-List .News-Box .date span { margin-right: 30px; color: #666; }
.Page-News-List .News-Box:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); }
.Page-News-List .News-Box:hover h3 { color: #035cac; }
.NewsTop { width: 100%; padding: 30px 0 0; }
.NewsTop h3 { line-height: 36px; padding: 0 20px; text-align: center; color: #212121; font-size: 20px; }
.NewsTop p { padding: 0 50px; ; }
.NewsTop .date { margin-top: 10px; text-align: center; }
.NewsTop .date span { margin-right: 30px; }
.NewsImg, .NewsImg img { width: 100%; height: auto;}
.NewsBody { padding: 30px 35px; }


.JobList { width: 100%; }
.JobList ul li { margin-bottom: 10px; cursor: pointer; margin-top: 20px; }
.JobList ul .JOB-box { padding: 0 35px; }
.JobList .JobTitle { width: 100%; text-align: left; color: #1166b1; font-size: 14px; height: 40px; line-height: 40px; border-bottom: 1px dotted #ccc; }
.JobList .JobTitle span { color: #333; font-weight: normal; float: left; line-height: 40px; margin-right: 10px; }
.JobList .JobTitle p { line-height: 40px; float: right; font-weight: normal; }
.JobList .JobBody { padding: 20px; background: #f1f1f1; display: none; }


.TopNav ul ul.pro-nav { left: -347px; padding: 20px; width: 1160px; background-color: #07c; }
.TopNav ul ul.pro-nav li { margin-bottom: 0; }
.TopNav ul ul.pro-nav .pro-nav-item { float: left; padding-right: 20px; width: 275px; }
.TopNav ul ul.pro-nav .pro-nav-item:nth-child(4n) { padding-right: 0; }
.TopNav ul ul.pro-nav .pro-nav-item a { padding: 0; text-indent: 0; }
.TopNav ul ul.pro-nav .pro-nav-item dl { height: 220px; }
.TopNav ul ul.pro-nav .pro-nav-item dt a { margin-bottom: 10px; height: 40px; line-height: 40px; border-bottom: 1px solid #3d91d5; font-weight: bold;}
.TopNav ul ul.pro-nav .pro-nav-item dd a { height: 30px; line-height: 30px; color: #f0eeee !important; font-size: 14px; }
.TopNav ul ul.pro-nav .pro-nav-item dd a:hover { color: #ffffff !important; }
.TopNav ul ul.pro-nav .pro-nav-item .mores { margin:0 87px; }
.TopNav ul ul.pro-nav .pro-nav-item .mores a { font-size: 14px; border: 1px solid #ccc; border-radius: 5px; height: 30px; line-height: 30px; text-align: center; }


/*荣誉资质*/
.Page-honor-List { margin-top: 2%; padding: 0 20px; }
.Page-honor-List li { width: 261px; float: left; margin-right: 20px; margin-bottom: 20px; }
.Page-honor-List li:nth-child(3n) { margin-right: 0; }
.Page-honor-Img { width: 261px; height: 222px; text-align: center; overflow: hidden; position: relative; display: table; }
.Page-honor-Img span { width: 261px; height: 222px; display: table-cell; vertical-align: middle; }
.Page-honor-Img span img { max-width: 261px; max-height: 222px; margin: 0 auto; }
*+html .Page-honor-Img span { position: absolute; top: 50%; width: 100%; text-align: center; height: auto; vertical-align: baseline; }
*+html .Page-honor-Img span img { position: relative; top: -50%; left: -50%; }
.Page-honor-txt { width: 261px; height: 24px; line-height: 24px; padding: 10px; font-size: 16px; color: #333333; text-align: center; }


.nMenu-pro__h3 { padding: 0 24px; font-size: 14px; font-weight: lighter; }
.nMenu-pro__list {}
.nMenu-pro__list-first { position: relative; padding: 0 30px; height: 56px; line-height: 56px; cursor: pointer; border-bottom: 1px solid #444444; font-size: 14px; color: #ffffff; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; }
.nMenu-pro__list-first  a,.nMenu-pro__list-first a:link,.nMenu-pro__list-first a:visited{ color:#fff}
.nMenu-pro__list-first i { position: absolute; top: 50%; right: 30px; margin-top: -4px; width: 5px; height: 9px; background-image: url(../image/icon-13.png); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; }
.nMenu-pro__list-first:hover { background-color: #444444; padding-left: 40px; }
.nMenu-pro__list-first:hover i { right: 20px; }
.nMenu-pro__list_second { display: none; }
.nMenu-pro__list_second a { position: relative; padding: 0 30px; display: block; height: 56px; line-height: 56px; border-bottom: 1px dashed #E0E0E0; background-color: #F8F8F8; color: #333333; font-size: 14px; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; }
.nMenu-pro__list_second a:hover { padding-left: 40px; color: #005BAC; }
.nMenu-pro__list_second a i { position: absolute; top: 50%; right: 30px; margin-top: -4px; width: 5px; height: 9px; background-image: url(../image/icon-14.png); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; }
.nMenu-pro__list_second a:hover i { right: 20px; }
.nMenu-pro__list_second a:last-child { margin-bottom: 1px; border-bottom-width: 0; }
.nMenu-pro__list_second a.hover { color: #005BAC !important; padding: 0 30px !important; }
.nMenu-pro__list_second a.hover i { background-image: url(../image/icon-15.png); right: 30px !important; }
.nMenu-pro-hove { background-color: #005BAC !important; color: #ffffff; padding: 0 30px !important; }
.nMenu-pro-hove i { right: 30px !important; }
.nMenu-pro-hove i { background-image: url(../image/icon-23.png); }


.shaixuan{padding: 30px 20px 10px 20px;
    font-size: 14px;}
	.shaixuan span{ font-weight:bold}
.shaixuan a{ border:1px solid #CCC; padding:5px 15px; margin-right:10px;}
	.shaixuan .active{ border:1px solid #005BAC; color:#005BAC}

.Page-pro-List { margin-top: 2%; padding: 0 20px; }
.Page-pro-List li { width: 261px; height: 299px; float: left; margin-right: 20px; margin-bottom: 40px; }
.Page-pro-List li:nth-child(3n) { margin-right: 0; }
.Page-pro-border { padding:10px; border: 1px solid #cccccc; box-sizing:boder-box; }
.Page-pro-Img { width: 241px; height: 181px; text-align: center; overflow: hidden; position: relative; display: table; }
.Page-pro-Img span { width: 241px; height: 181px; display: table-cell; vertical-align: middle; }
.Page-pro-Img span img { max-width: 241px; max-height: 181px; margin: 0 auto; }
*+html .Page-pro-Img span { position: absolute; top: 50%; width: 100%; text-align: center; height: auto; vertical-align: baseline; }
*+html .Page-pro-Img span img { position: relative; top: -50%; left: -50%; }
.Page-pro-txt { width:240px; line-height: 1; color: #333333; }
.Page-pro-txt h2 {height: 24px;  padding: 10px 0;font-size: 16px;color:#005BAC; }
.Page-pro-txt p { font-size: 14px; height: 24px; line-height: 24px; color: #666; }
.Page-pro-List li:hover .Page-pro-txt h2, .Page-pro-List li:hover .Page-pro-txt p { color: #005BAC; }
.Page-pro-Show { padding: 20px;}
.Page-pro-Show-img { float: left; height: 300px; width: 450px; text-align: center; overflow: hidden; position: relative; display: table; }
.Page-pro-Show-img span { width: 450px; height: 300px; display: table-cell; vertical-align: middle; }
.Page-pro-Show-img span img { max-width: 450px; max-height: 300px; margin: 0 auto; }
*+html .Page-pro-Show-img span { position: absolute; top: 50%; width: 100%; text-align: center; height: auto; vertical-align: baseline; }
*+html .Page-pro-Show-img span img { position: relative; top: -50%; left: -50%; }
.pro_Tright { float: right; width: 344px; }
.pro_Trintro { color: #484848; font-size: 14px; line-height: 30px; margin-bottom: 20px; }
.pro_Trtitle { color: #005BAC; font-size: 20px; padding: 30px 0 20px;}
.Menubox { height: 32px; line-height: 32px; border-bottom: 2px solid #005BAC; }
.Menubox li { float: left; display: block; cursor: pointer; width: 120px; text-align: center; color: #949694; background-color: #e5e5e5; margin-right: 1px; }
.Menubox li.hover { color: #ffffff; background-color: #005BAC; height: 32px; line-height: 32px;}
.Contentbox { clear: both; margin-top: 0px; border-top: none; padding-top: 8px; line-height: 28px; }
.channel-name { margin-top: 30px; font-size: 16px; font-weight: bold; height: 50px; line-height: 50px; color: #3d72be; border-bottom: 1px solid #ccc; }


/*合作品牌*/
.Page-partner-List { margin-top: 2%; padding: 0 20px; }
.Page-partner-List li { width: 261px; height:174px; float: left; margin-right: 20px; margin-bottom: 20px; }
.Page-partner-List li:nth-child(3n) { margin-right: 0; }
.Page-partner-Img { width: 261px; height: 130px; text-align: center; overflow: hidden; position: relative; display: table; }
.Page-partner-Img span { width: 261px; height: 130px; display: table-cell; vertical-align: middle; }
.Page-partner-Img span img { max-width: 261px; max-height: 130px; margin: 0 auto; }
*+html .Page-partner-Img span { position: absolute; top: 50%; width: 100%; text-align: center; height: auto; vertical-align: baseline; }
*+html .Page-partner-Img span img { position: relative; top: -50%; left: -50%; }
.Page-partner-txt { width: 261px; height: 24px; line-height: 24px; padding: 10px; font-size: 16px; color: #333333; text-align: center; }


/* -------------------------------- 底部 -------------------------------- */
.foot { padding: 3% 0; /*background-color: #1f1a17;*/  background-color: #333333; }
.foot-l { width: 70%; float:left; }
.foot-l li { float: left; padding-right: 10%; }
.foot-l li:last-child { padding-right: 0; }
.foot-l li dt { padding-bottom: 11.24%; line-height: 1; font-size: 16px; font-weight: bold; color: #ffffff; }
.foot-l li dd { line-height: 2.5; font-size: 14px; }
.foot-l li dd a { display: block; color: #cccccc; }
.foot-l li dd a:hover { color: #e5e5e5; }
.foot-r { float:right; width:30% }
.foot-r dt { padding-bottom: 5.99%; line-height: 1; font-size: 16px; font-weight: bold; color: #ffffff; }
.foot-r dd { line-height: 2.5; font-size: 14px; color: #cccccc; }
.foot-r dd a { color: #cccccc; }
.foot-r dd a:hover { color: #e5e5e5; }
.foot-copy { padding: 10px 0; border-top: 1px solid #1f2017; background-color: #333333; height:34px; }
.foot-copy-l { line-height: 34px; font-size: 14px; color: #cccccc; float:left; }
.foot-copy-l a { color: #cccccc; }
.foot-copy-l a:hover { color: #e5e5e5; }
.links { cursor: pointer; position: relative; width: 14.58%; height: 32px; border: 1px solid #666666; float:right; }
.links p { cursor: pointer; padding: 0 20px 0 10px; background: url(../image/icon-06.png) no-repeat 95% center; font-size: 14px; line-height: 32px; color: #cccccc; }
.links-list { position: absolute; left: 0; bottom: 33px; display:none; width: 100%; box-sizing: border-box; padding: 4px 24px 4px 8px; background-color: #ffffff; }
.links-list a { display: block; line-height: 32px; font-size: 14px; color: #333333; }
.links-list a:hover { color:#333333; }



/* 在线客服 */
.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:0; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:25px; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../image/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}


/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../image/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}


/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../image/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}