@charset "UTF-8";
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin:0; padding:0;
}
h1, h2, h3, h4, h5, h6,i ,em{
font-weight: normal;
}
html{
width:100%;
overflow-x:hidden;
}
body {
font: 14px/1.5 "Microsoft Yahei", 微软雅黑, Simsun, 宋体,SimHei, arial;
background: #fff;
font-size: 14px;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
color: #333;
}
img,abbr,acronym,button,input,textarea {
border: 0;
background:none;
outline:none;
border:0;
}
textarea{
resize:none;
outline:none;
}
table td {
word-break: break-all;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,th {
text-align: left;
}
ol,ul {
list-style: none;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}
input,button,textarea,select {
font-size: inherit;
*font-size: 100%;
font-family: inherit;
outline: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
address,cite,dfn,em,code,var,caption,th {
font-style: normal;
font-weight: normal;
}
a {
text-decoration: none;
color: #666;
}
img {
margin: 0 auto;
display: block;
}
/*page*/
.ep-pages {
padding: 10px 12px;
clear: both;
text-align: center;
font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;
font-size: 14px;
vertical-align: top;
}
.ep-pages li {
list-style-type: none;
display: inline;
}
.ep-pages a, .ep-pages a:visited {
color: #252525;
}
.ep-pages a {
display: inline-block;
height: 23px;
line-height: 23px;
padding: 0 8px;
margin: 5px 1px 0 0;
background: #fff;
border: 1px solid #e5e5e5;
overflow: hidden;
vertical-align: top;
}
.ep-pages a.current, .ep-pages a.current:visited {
color: #ffffff;
}
.ep-pages .current {
background: #cc1b1b;
border: 1px solid #cc1b1b;
color: #fff;
}
#cpimg{
margin: 0 auto;
display: block;
}
fieldset , img { border:0; }
/*fieldset , img { border:0; max-width: 100%; }*/
.clearfix {
content: '';
display: block;
}
.clearfix:after {
clear: both;
content: '.';
display: block;
height: 0;
line-height: 0;
font-size: 0;
overflow: hidden;
}
.main-color {color: #e22434; }
.text-right {text-align: right;}
.text-center {text-align: center; }
.fl {float: left;}
.fr {float: right;}
.vertical-middle *{ vertical-align: middle;}
.content {
width: 1250px;
margin: 0 auto;
position: relative;
}
.pt-20 { padding-top: 20px;}
/*头部*/
.header {
height: 130px;
border-bottom: 2px solid #e22434;
padding-top: 25px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.header-lo{
padding-right: 31px;
}
.header-lo img {
width: 130px;
}
.header-lt {
border-left: 1px solid #e8e8e8;
padding: 2px 0;
padding-left: 26px;
margin-top: 8px;
}
.header-lt>h1 {
font-size: 24px;
font-weight: bold;
color: #e22434;
}
.header-lt>span {
font-size: 16px;
color: #484848;
letter-spacing:3px;
}
.header-r {
padding-top: 8px;
}
.header-rt>a {
color: #666;
margin-right: 6px;
vertical-align: middle;
}
.header-rt>em {
padding-right: 6px;
color: #cacaca;
font-size: 12px;
vertical-align: middle;
}
.header-contact {
padding-top: 7px;
}
.header-lang {
width: 48px;
height: 21px;
background: url(../images/header-icon1.png) no-repeat;
display: inline-block;
vertical-align: top;
}
.header-service {
background: url(../images/header-icon2.png) left top 9px no-repeat;
padding-left: 33px;
display: inline-block;
vertical-align: middle;
font-size: 18px;
color: #e22434;
}
.header-service>span {
font-size: 24px;
font-weight: bold;
}
/*导航*/
.nav {
background-color: #262525;
width: 100%;
z-index: 999;
}
.nav-in>li {
float: left;
text-align: center;
position: relative;
transition: all .5s;
}
.nav-in>li>a{
font-size: 16px;
color: #d6d6d6;
display: inline-block;
padding: 13px 44px;
}
.nav-in>li span {
color: #393838;
}
.nav-in>li:hover {
background-color: #e22434;
color: #fff;
}
.nav-in>li:hover span {
color: transparent;
}
.nav-in>li.current>a {
background-color: #e22434;
color: #fff;
}
.nav-in>li.current span {
color: transparent;
}
.nav-item {
position: absolute;
background-color: #fff;
width: 230px;
border-top: 2px solid #e22434;
display: none;
z-index: 99;
}
.nav-item>li a {
padding: 10px 0;
padding-left: 30px;
display: block;
text-align: left;
font-size: 16px;
color: #666;
border-bottom: 1px solid #e5e5e5;
}
/*底部*/
.footer {
background-color: #181818;
}
.footer-contact {
padding: 68px 0 43px;
position: relative;
}
.footer-litem {
float: left;
width: 160px;
}
.footer-litem a:hover {
color: #fff;
}
.footer-litem li {
color: #777777;
padding-bottom: 12px;
}
.footer-litem li.footer-title,.footer-cr>h6 {
font-size: 18px;
color: #dcdcdc;
padding-bottom: 34px;
}
.footer-cr {
padding-left: 70px;
border-left: 1px solid #242424;
}
.footer-cr>h6 {
padding-bottom: 20px;
}
.footer-cr>p {
font-size: 30px;
color: #e22434;
font-family: Arial;
}
.footer-cr>span {
color: #b0adad;
}
.footer-cr-link {
padding-top: 20px;
}
.footer-cr-link>a {
display: inline-block;
vertical-align: top;
background: #262827;
border-radius: 50%;
padding: 10px;
margin-right: 20px;
}
.footer-cr-link>a:nth-of-type(1):hover {
color: #fff;
background-color: #73cc6c;
}
.footer-cr-link>a:nth-of-type(2):hover {
color: #fff;
background-color: #b93434;
}
.footer-cr-link>a:nth-of-type(3):hover {
color: #fff;
background: #34a1db;
}
.footer-cr-link .wechat-btn {
position: relative;
}
.footer-cr-link .wechat-btn:hover .wechat-code {
display: block;
}
.footer-cr-link .wechat-btn .wechat-code {
display: none;
position: absolute;
width: 160px;
height: 160px;
background-color: #fff;
left: 50%;
top: -180px;
margin-left: -80px;
border-radius: 5px;
}
.footer-ewma {
background: url(../images/footer-bg1.png) no-repeat;
position: absolute;
right: 0;
width: 209px;
height: 244px;
bottom: 0;
}
.footer-ewma>img {
position: absolute;
bottom: 0;
right: 14px;
width: 182px;
height: 192px;
}
.footer-cp {
border-top: 1px solid #232323;
padding: 30px 0;
}
.footer-cp p {
color: #777777;
}
.footer-cp p:last-child {
padding-top: 15px;
}
.footer-cp p span {
margin: 0 18px;
font-size: 12px;
color: #3d3d3d;
}
.footer .links {
padding-bottom: 30px;
}
.footer .links li{
float: left;
width: 8%;
}
/*common*/
.arrow-more {
font-family: Simsun, 宋体;
}
/*crumbs*/
.common-crumbs {
border-bottom: 2px solid #d8d8d8;
height: 60px;
line-height: 60px;
}
.common-crumbs-tab>li {
float: left;
margin-right: 40px;
font-size: 18px;
cursor: pointer;
}
.common-crumbs-tab>li.current {
border-bottom: 2px solid #e22434;
color: #e22434;
}
.common-crumbs-tab>li:hover {
border-bottom: 2px solid #e22434;
color: #e22434;
}
.common-crumbs-cr>a,.common-crumbs-cr>span {
color: #888888;
margin-right: 10px;
}
.common-crumbs-cr>em {
color: #a7a7a7;
margin-right: 10px;
}
.common-crumbs-index {
width: 18px;
height: 16px;
background: url(../images/case-icon1.png) no-repeat;
display: inline-block;
vertical-align: middle;
}
/*page*/
/*CSS black2 style pagination*/
DIV.black2 {
PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center; list-style:none;
}
DIV.black2 A {
BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-DECORATION: none; float:left;
}
DIV.black2 A:hover {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 A:active {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 SPAN.thisclass {
BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000
}
DIV.black2 SPAN.disabled {
BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}
.common-page {
text-align: center;
padding-top: 70px;
}
.common-page li{
float:left; list-style:none;
}
.common-page a,.common-page span {
margin: 0 5px;
border: 1px solid #e6e6e6;
background-color: #fff;
width: 35px;
height: 35px;
display: inline-block;
line-height: 35px;
color: #454545;
}
.common-page a:hover {
background-color: #e22434;
color: #fff;
border-color: #e22434;
}
.common-page a.current {
background-color: #e22434;
color: #fff;
border-color: #e22434;
}
.common-page .common-page-next,.common-page .case-page-pre {
font-weight: bold;
color: #b9b9b9;
}
.mb-index-banner {
display: none;
}
#aside-online {
position: fixed;
right: 0;
top: 200px;
z-index: 9999999;
}
#aside-online li { position: relative; }
#aside-online .icon {
display: block;
position: relative;
left: 1px;
width: 55px;
height: 55px;
margin: 0 auto 1px;
border-radius: 4px;
background-color: #565656;
background-repeat: no-repeat;
background-image: url(../images/asideonline.png);
overflow: hidden;
cursor: pointer;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
#aside-online li:hover .icon { background-color: #e22434; overflow: inherit; }
#aside-online li:hover .link { right: 0; }
#aside-online .icon-home {
display: block;
position: relative;
width: 67px;
height: 59px;
margin-bottom: 2px;
background-repeat: no-repeat;
background-image: url(../images/asideonline.png);
}
#aside-online .link {
position: absolute;
right: -200px;
top: 0;
z-index: 10;
display: block;
background-color: #e22434;
border-radius: 4px;
color: #fff;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
#aside-online .link span {
float: left;
background-color: transparent;
margin: 0;
}
#aside-online .txt {
float: left;
line-height: 55px;
font-size: 16px;
}
.w135 { width: 135px; }
.w200 { width: 180px; }
.icon-msg { background-position: 0 0; }
.icon-msg { background-position: -67px 0; }
.icon-qq { background-position: -122px -2px; }
.icon-phone { background-position: -177px -2px; }
.icon-top { background-position: -232px -2px; }
/*CSS pageinfo style pagination*/
.pageinfo {
PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center
}
.pageinfo A {
BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-DECORATION: none
}
.pageinfo A:hover {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
.pageinfo A:active {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
.pageinfo SPAN.thisclass {
BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000
}
.pageinfo SPAN.disabled {
BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}
@media (max-width: 1250px) {
.content {
width: 100%;
padding-left: 10px;
padding-right: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nav-in>li>a {padding: 13px 27px;}
.footer-litem {width: 120px;}
.footer-cr {padding-left: 20px;}
}
@media (max-width: 1024px) {
.nav-in>li>a {padding: 13px 20px;}
.footer-contact {padding: 48px 10px 23px;}
.footer-litem {width: 100px;}
}
@media (max-width:920px) {
.nav-in>li>a {padding: 13px 10px;}
.header-lo {padding-right: 10px;}
.header-lt{padding-left: 10px;}
.header-rt>a{margin-right: 4px;}
.header-rt>em{padding-right: 4px;}
.footer-cl {width: 100%; padding-bottom: 50px;}
.footer-cl ul{ width: 25%;}
}
@media (max-width: 767px) {
.header-rt>a,
.header-rt>em,
.nav-in>li span,
.footer .links,
#aside-online{ display: none;}
.nav-in>li { width: 25%; overflow: hidden; }
body{font-size: .7rem;}
h3 {font-size: 1.8rem !important;}
h3+p,a {font-size: .8rem !important;}
.content{padding: 0 .5rem;}
.pt-20{padding-top: 1rem;}
.nav-in>li>a {padding: .5rem;display:block;}
.header-lt>h1{ font-size: .8rem;}
.header-lt {display: none;padding:0; margin-top: .2rem; padding-left: 1rem;}
.header-lt>span{font-size: .5rem;}
.header-lo { width: 7rem;}
.header-lo img{width: 90%;display: inline-block;}
.header{ height: 5.7rem; padding-top: .8rem;}
.header-contact { padding-top: 3px; }
.nav-in>li>a{ font-size: .8rem;}
.nav-item {width: 10.5rem;}
.footer-contact{padding:2.4rem .5rem 1rem;}
.footer-litem li.footer-title, .footer-cr>h6 {font-size: .8rem; padding-bottom: 1rem;}
.footer-cr>p{font-size: 1.5rem;}
.footer-ewma {display: none;width: 10rem; height: 11.5rem;-webkit-background-size: 100%;
background-size: 100%;}
.footer-ewma>img{width:86%; right: .66rem; height: auto; }
.footer-cpl{width: 100%;padding-bottom: 1rem;}
.footer-cl{padding-bottom:3rem;}
.header-service>span{font-size: 1.2rem;}
.header-service{background: url(../images/header-icon2.png) left top no-repeat;padding-left: 2.6rem;background-size: contain;}
.index-banner {
display: none;
}
.mb-index-banner {
display: block;
}
.mb-index-banner img {
width: 100%;
}
}
@media (max-width: 667px) {
.footer-ewma {width: 8rem; height:9rem;}
.footer-cr {border-left: 0; padding-left: .2rem;}
.common-crumbs-tab>li{font-size: .9rem; margin-right: 1.5rem;}
.common-crumbs{height: 3rem;line-height: 3rem;}
}
@media (max-width: 370px) {
.common-crumbs-tab>li{margin-right:.5rem;}
.footer-ewma {width: 7rem;height: 8rem;}
.footer-ewma>img{right: .5rem;}
}
#rightDiv{
z-index: 99999;
}
@media (max-width: 500px) {
.header-service>span { font-size: .9rem; }
.header-service { background: none; padding-left: 0; }
.header-lo { padding-right: 0; }
}