@charset "utf-8";
/* CSS Document */
html {
padding:0;
margin:0;
clear:both;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
margin:0;
padding:0;
height:100%;
width:100%;
-webkit-font-smoothing: antialiased;
font-size:14px;
font-family:微软雅黑;
line-height:24px;
}
input, textarea, button, select, legend, fieldset, text {
}
*, *:after, *:before {
/* [disabled]-webkit-box-sizing: border-box;
*/
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ol {
padding: 0;
}
ul, li, dl, dt, dd {
padding:0;
margin:0;
list-style:none;
}
h1, h2, h3, h4, h5, h6 {
margin:0;
font-weight:normal
}
em {
font-style:normal
}
img {
max-width: 100%;
height:auto;
margin:0 auto;
display:block;
border:none;
}
form {
margin:0;
padding:0;
display:block;
}
a {
text-decoration:none;
color:#000
}
a:hover {
color:#cc0033
}
a, a:focus {
outline: none;
}
section {
width:100%;
margin:0 auto;
height:auto;
overflow:hidden
}
.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
height:0;
width:100%;
}
.container {
margin:0 auto;
}
.container-bg {
background:#e6e6e6
}
.fl {
float:left;
}
.fr {
float:right;
}
/*html5*/article, aside, dialog, footer, header, section, footer, nav, figure, menu {
display:block
}
header, footer, article, section, nav, menu, hgroup {
display: block;
clear:both;
}
.top-line {
background:#f8f8f8;
height:25px;
font-size:12px;
text-align:right;
color:#434343
}
.top-line div {
text-align:left;
}
.top-line div span {
float:right;
}
.top-line em {
margin:0 5px;
}
.main-box-p a {
color:#fff;
}
.main-box-p a:hover, .pxianguan .main-box-p span a:hover {
color:#cc0033;
text-decoration:underline;
}
.pxianguan {
padding:30px 0 50px 0;
overflow:hidden;
}
.pxianguan .main-box {
width:25%;
}
.pxianguan .main-box .main-box-img {
border:#ddd 1px solid;
margin-right:20px;
padding:1px
}
.pxianguan .main-box-p {
}
.pxianguan .main-box-p span a {
font-size:1.0em;
line-height:26px;
color:#000;
}
.knowledge ul{ overflow:hidden; padding-bottom:30px;}
.knowledge li{ float:left; width:50%}
.knowledge li span{ color:#999;}
.knowledge h3 a{ float:right; padding-right:10px; font-size:12px;}
@media screen and (min-width:1200px) {
.container {
width:1160px
}
.main-box {
width:25%;
float:left
}
.new-left {
width:60%
}
.earth-box {
height:295px;
}
.news-tab, .news-search {
height:339px;
}
.banimg {
width: 840px;
height: 120px;
margin: 0px 14%;
position:absolute;
bottom:0
}
.banimg li {
width: 120px;
height: 120px;
float: left;
position: relative;
}
.banimg li img {
width: 120px;
height: 120px;
position: absolute;
left: 50%;
top: 50%;
margin: -60px 0 0 -60px;
z-index: 1;
background:url(../images/icon54.png);
max-width:inherit !important;
}
.banimg li img:hover {
background:#fff;
}
.banimg .on img {
width:144px;
height:144px;
margin-left:-72px;
margin-top:-72px;
left: 50%;
top: 50%;
position: absolute;
background:#fff;
z-index:3
}
.service-list .main-box img, .service-list .main-box {
height:215px
}
.service-list .pro-list .info-back {
left:42% !important;
top:30% !important
}
.pc-nav {
width:1160px;
margin:0 auto;
position:relative;
height:40px
}
.news-info.v3 img {
float:left;
}
.project-img img {
height:170px;
width:262px
}
.col-sm-4.col-sm-5 {
width:25% !important
}
@-webkit-keyframes myfirst /* Safari and Chrome */ {
0% {
left:0;
height:8%;
bottom:0;
}
100% {
left:0;
height:40%;
bottom:0;
}
}
}
@media screen and (min-width: 980px) and (max-width:1199px) {
.container {
width:960px
}
.main-box {
width:25%;
float:left
}
.new-left {
width:60%
}
.pro-info {
height:321px !important
}
.pro-tit {
height:100px !important;
line-height:100px !important;
}
.pro-line {
height:81px !important;
line-height:81px !important;
}
.product-tit, .product-tit-img {
height:270px !important
}
.company-video {
width:35% !important;
}
.company-txt {
width:60% !important
}
.earth-txt {
margin: 1% 2% 0 !important;
width: 52% !important;
}
.earth-box {
height:240px;
}
.earth-box-right h5 {
padding:3% 0 0 2em !important;
}
.web-brand {
height:235px !important;
}
.join {
height:250px !important
}
.join h5 {
margin:30% auto 0 !important;
width:70% !important
}
.we-right {
height:250px !important
}
.we-right p {
width:35% !important
}
.news-tab, .news-search {
height:380px
}
.news-tab .pro-img, .news-tab .pro-info {
width:90% !important;
margin:0 5%;
height:inherit !important
}
.news-tab h2 span, .news-tab p a {
float:none !important;
width:inherit !important
}
.news-search {
padding:20px 20px 0 !important
}
.news-tab .owl-prev {
left: 88% !important;
}
.news-tab .owl-next {
right:0% !important;
}
.mt-ceo {
width:87% !important
}
.project-txt {
padding:1.5% 5% 1.4% !important
}
.project-img {
padding:1.6% 2% 1.65% !important
}
.banimg {
width: 840px;
height: 120px;
margin: 0px 6%;
position:absolute;
bottom:0
}
.banimg li {
width: 120px;
height: 120px;
float: left;
position: relative;
}
.banimg li img {
width: 120px;
height: 120px;
position: absolute;
left: 50%;
top: 50%;
margin: -60px 0 0 -60px;
z-index: 1;
background:url(../images/icon54.png);
max-width:inherit !important;
}
.banimg li img:hover {
background:#fff;
}
.banimg .on img {
width:144px;
height:144px;
margin-left:-72px;
margin-top:-72px;
left: 50%;
top: 50%;
position: absolute;
background:#fff;
z-index:3
}
.service-txt {
width:55% !important
}
.service-list .main-box img, .service-list .main-box {
height:165px
}
.service-list .pro-list .info-back {
left: 40% !important;
top: 26% !important;
}
.ProductList li {
width:33.3% !important
}
.custom-boxr {
height:223px !important
}
.custom-boxr-img img {
height:223px !important
}
.custom-boxr-txt {
width:35% !important;
padding-left:3% !important
}
.service-list .main-box p {
left:31% !important
}
.service-list .service-info div p {
left:0 !important
}
.tr-box1, .tr-box2, .tr-box3, .tr-box5 {
margin-right:2% !important;
}
.tr-box1 {
width:17% !important
}
.tr-box2 {
width:17% !important
}
.tr-box3 {
width:24% !important
}
.tr-box5 {
float:right !important;
margin:0 !important;
}
.tr-box5 .box-txt {
top:60px !important
}
.pc-nav {
width:980px;
margin:0 auto;
position:relative;
height:40px
}
.p5 {
height:328px !important
}
.earth-txt-p {
max-height:200px !important
}
.main-a1 {
height:242px !important;
padding:1% 3% !important
}
.main-c {
width:64% !important;
height:207px !important;
}
.main-c1 {
width:36% !important
}
.service-news-img {
width:35% !important
}
.service-news-list p {
width:86% !important
}
.news-info.v3 {
width:26% !important;
!important
}
.news-info.v3 img {
height:264px;
float:left;
}
.news-info .v5 img {
height:24px !important;
}
.news-info.v4 {
width:32% !important;
height:264px !important
}
.news-info .v5 {
right:0 !important
}
.project-img img {
height:149px;
width:230px
}
.service-link {
width:80% !important
}
.pro-vip.g1 li {
min-height:190px !important
}
.pro-vip.g1 li img {
width:100px
}
.pro-tab .tabPanel .tabul {
height:55px !important;
}
.pro-tab .tabPanel .tabul li {
height:55px !important;
line-height:55px !important;
width:20% !important
}
.char-c img, .char-d img, .char-e img {
width:134px
}
.pro-tel {
width:39% !important
}
.no-page {
width:50% !important
}
.noline-bg .no-page {
width:40% !important
}
/*留言板样式*/
.col-sm-4.col-sm-5 {
width:25% !important
}
.col-sm-4 {
width:47% !important
}
.col-sm-6 {
width:40% !important;
}
.help-block {
text-indent:0em !important
}
.info-area-failure {
text-indent:3% !important
}
.col-sm-offset-2 {
margin-left:10% !important
}
.webmap-h2 {
float:left;
width:18% !important;
}
.webmap-h3 {
float:left;
width:82% !important;
}
.vip-custom li img {
padding:0 45px !important
}
.in-box-left {
width:30% !important
}
.in-box-right {
margin-left:5% !important
}
.in-box-list {
margin-bottom:31px !important
}
.up-online {
right:100px !important;
bottom:13px !important
}
.m1 .mt-ceo {
margin:0 2.8% !important
}
@-webkit-keyframes myfirst /* Safari and Chrome */ {
0% {
left:0;
height:8%;
bottom:0;
}
100% {
left:0;
height:45%;
bottom:0;
}
}
}
@media screen and (min-width: 780px) and (max-width:979px) {
.container {
width:760px
}
.main-box {
width:25%;
float:left
}
.new-left {
width:60%
}
.product .flex-prev {
left:20px !important;
}
.product .flex-next {
right:20px !important;
}
.pro-box {
width:580px !important;
margin:0 auto !important;
float:none !important;
}
.pro-info {
height:255px !important
}
.pro-tit {
height:60px !important;
line-height:55px !important;
}
.pro-line {
height:81px !important;
line-height:55px !important;
}
.web-box {
padding:35px 30px !important;
}
.web-box h4 {
margin-bottom:20px !important;
}
.company-video {
width:35% !important;
}
.company-txt {
width:60% !important
}
.earth-box-left, .earth-box-right {
width:100% !important;
margin:0 0 20px;
}
.earth-box-right h5 {
padding-top:2% !important
}
.earth-box-right img {
margin:3% auto !important
}
.earth-box-right a {
margin-bottom:15px;
}
.web-brand {
height:197px !important;
}
.join {
height:209px !important
}
.join h5 {
margin:25% auto 0 !important;
width:85% !important
}
.we-right {
height:209px !important
}
.we-right p {
width:40% !important
}
.news-box-search, .news-box-message {
padding:30px 20px 10px !important
}
.time-change {
text-indent:0em !important
}
.time-change ul {
width:100% !important;
float:left;
}
.news-box-right li p {
line-height:30px !important;
}
.time-change {
float:left;
width:100%;
}
.page-paging {
margin:0 auto !important
}
.page-paging a {
padding:4px 10px !important
}
.news-tab, .news-search {
height:337px
}
.news-tab .pro-img, .news-tab .pro-info {
width:90% !important;
margin:0 5% !important
}
.news-tab .pro-info {
padding:2% !important;
height:inherit !important;
}
.news-tab .pro-box {
width:100% !important
}
.news-tab h2 span {
float:inherit !important
}
.news-tab .owl-prev {
left:82% !important
}
.news-tab .owl-next {
right:2% !important
}
.mt-ceo {
width:100% !important
}
.project-txt {
padding:0 2% !important
}
.project-txt h2 {
margin:0 0 4px !important;
padding:2px 0 !important
}
.project-img {
padding:1.6% 2% !important
}
.banimg {
width: 720px;
height: 120px;
margin: 0px 20px;
position:absolute;
bottom:0
}
.banimg li {
width: 120px;
height: 120px;
float: left;
position: relative;
}
.banimg li img {
width: 120px;
height: 120px;
position: absolute;
left: 50%;
top: 50%;
margin: -60px 0 0 -60px;
z-index: 1;
background:url(../images/icon54.png);
max-width:inherit !important;
}
.banimg li img:hover {
background:#fff;
}
.banimg .on img {
background:#fff;
z-index:3
}
.service-txt {
width:55% !important;
padding-left:0 !important
}
.service-list .main-box img, .service-list .main-box {
height:165px
}
.service-list .pro-list .info-back {
left: 37% !important;
top: 18% !important;
}
.ProductList li {
width:50% !important
}
.acc-box {
width:40% !important
}
.custom-boxl {
height:184px;
}
.custom-boxr {
height:184px !important;
width:60% !important
}
.custom-boxr-img img {
height:184px !important
}
.custom-boxr-txt {
padding-left: 1% !important;
width: 36% !important;
}
.service-list .main-box p {
left:24% !important
}
.pc-nav {
width:760px;
margin:0 auto;
position:relative;
height:40px
}
.p5 {
height:260px !important
}
.earth-fr div h5, .earth-fr div p {
margin-bottom:10px !important
}
.earth-fr div {
padding:5% 3% !important;
}
.main-c {
width:53% !important;
height:213px !important;
padding:2% !important
}
.main-c1 {
width:47% !important
}
.service-news-img {
width:44% !important
}
.service-news-list {
width:51% !important
}
.service-news-list p {
width:79% !important
}
.news-info.v3 {
width:26% !important;
!important
}
.news-info.v3 img {
height:229px;
float:left
}
.news-info .v5 {
display:none !important;
}
.news-info.v4 {
width:32% !important;
height:229px !important
}
.news-info .v5 {
right:0 !important
}
.project-img img {
height:118px;
width:182px
}
.service-link {
width:100% !important
}
.pro-vip.g1 li {
min-height:205px !important
}
.pro-vip.g1 li img {
width:90px
}
.product-tit-img, .product-tit {
height:215px !important;
}
.product-tit {
padding:2% !important
}
.product-tit p {
margin:7% 0 3% !important;
padding-bottom:3% !important
}
.pro-page-info .tel .zx {
width:155px;
}
.pro-page-info .tel .tel-btn {
width:161px
}
.pro-tab .tabPanel .tabul {
height:50px !important;
}
.pro-tab .tabPanel .tabul li {
height:50px !important;
line-height:50px !important;
width:20% !important
}
.pro-map-tit {
font-size:24px !important
}
.char-c img, .char-d img, .char-e img {
width:106px
}
.pro-tel {
width:39% !important;
}
.pro-tel-line {
font-size:16px !important;
}
.pro-tel .pro-tel-line span {
width:49% !important
}
.pro-tel-service {
background-position:12% !important
}
.no-page {
width:60% !important
}
.noline-bg .no-page {
width:50% !important
}
/*留言板样式*/
.col-sm-2 {
width:13% !important
}
.col-sm-4 {
width:47% !important
}
.col-sm-6 {
width:40% !important;
}
.help-block {
text-indent:0em !important
}
.info-area-failure {
text-indent:3% !important
}
.col-sm-offset-2 {
margin-left:13% !important
}
.news-info-search {
width:100% !important;
margin:0 auto !important
}
.free-tel {
margin-right:10px !important
}
.webmap-h2 {
float:left;
width:20% !important;
}
.webmap-h3 {
float:left;
width:80% !important;
}
.vip-custom li {
width:25% !important
}
.vip-custom li img {
float:left;
width:25px;
margin-right:5px;
padding:0 !important
}
.vip-custom li span {
float:left;
}
.in-shuff .bx-wrapper {
width:70%
}
.in-box-left {
width:30% !important
}
.in-box-right {
margin-left:5% !important
}
.in-box-list {
margin-bottom:40px !important
}
.up-online {
bottom: 10px !important;
font-size: 10px;
padding: 0 5px !important;
right: 86px !important;
}
.m1 .mt-ceo {
margin:0 0.2% !important;
border-width: medium 15px !important;
}
.smart-box-txt p {
padding:5% !important
}
@-webkit-keyframes myfirst /* Safari and Chrome */ {
0% {
left:0;
height:8%;
bottom:0;
}
100% {
left:0;
height:50%;
bottom:0;
}
}
}
@media screen and (min-width: 641px) and (max-width:779px) {
header .container {
position:relative
}
.container {
width:640px
}
.free-tel {
margin-right:0 !important;
margin-top:15px !important
}
.choose {
padding:20px 0 0 20px !important;
}
.laugese {
margin:2px auto 0 !important
}
.search {
margin-top:5px !important
}
.search.fl {
width:40%
}
.searchtext {
width:85%
}
.main-box {
width:48%;
margin-right:2%;
float:left
}
.new-left, .new-right {
width:100% !important;
}
.voide-box {
text-align:center !important;
}
.product .flex-prev {
left:20px !important;
}
.product .flex-next {
right:20px !important;
}
.pro-box {
width:580px !important;
margin:0 auto !important;
float:none !important;
}
.owl-controls .owl-prev {
left:-20px !important
}
.owl-controls .owl-next {
right:-20px !important
}
.foot-link2 li {
width:100% !important;
}
.foot-link3 .tel {
font-size:18px !important;
line-height:36px !important
}
.foot-link3 .free-tel {
font-size:20px !important;
}
.product-tit, .product-tit-img {
height:181px !important
}
.product-tit {
padding:3% 2% !important;
}
.product-tit h2 {
font-size:20px !important;
font-weight:bold !important
}
.product-tit p {
font-size:14px !important;
margin:4% 0 !important;
padding-bottom:4% !important;
}
.pro-adv {
position:relative
}
.pro-adv-fl, .pro-adv-fr, .pro-adv-c {
width:100% !important;
}
.pro-adv-c {
margin:0 !important;
z-index:2
}
.pro-adv-fl {
position:inherit !important
}
.pro-adv-fr {
text-align:left !important;
}
.pro-adv-fr li h4 {
float:left !important;
}
.pro-adv-c {
position:absolute;
}
.pro-adv-c img {
float:right
}
.accordion-desc .a1 {
width:100% !important
}
.web-box {
padding:35px 30px !important;
}
.web-box h4 {
margin-bottom:20px !important;
}
.company-video {
width:35% !important;
}
.company-txt {
width:60% !important
}
.earth-box-left, .earth-box-right {
width:100% !important;
margin:0 0 20px;
}
.earth-box-right h5 {
padding-top:2% !important
}
.earth-box-right img {
margin:3% auto !important
}
.earth-box-right a {
margin-bottom:15px;
}
.brand-left, .brand-right {
width:100% !important
}
.web-brand {
float:none !important;
height:inherit !important;
background:none !important;
}
.brand-right {
margin-top:20px;
}
.web-we {
margin-top:30px;
}
.we-left {
width:100% !important
}
.join {
height:266px !important
}
.join h5 {
width:65% !important
}
.we-right {
width:100% !important;
left:13% !important
}
.we-right p {
width:18% !important
}
.news-box-search, .news-box-message {
padding:30px 20px 10px !important
}
.time-change {
text-indent:0em !important
}
.time-change ul {
width:100% !important;
float:left;
}
.news-box-right li p {
line-height:30px !important;
}
.time-change {
float:left;
width:100%;
}
.page-paging {
margin:0 auto !important
}
.page-paging a {
padding:4px 8px !important;
float:left;
}
.news-tab {
width:60% !important
}
.news-box-search1 {
width:40% !important
}
.news-tab .pro-img {
width:67% !important
}
.news-tab h2 span {
float:none !important;
width:inherit !important
}
.news-tab .pro-info {
padding:2% !important;
width:67% !important;
background:#dedddd
}
.news-tab .pro-info a {
float:none !important;
width:inherit !important
}
.news-tab, .news-box-search1 {
height:380px !important;
}
.news-search .time-change {
margin:30px auto 0 !important
}
.mt-ceo {
width:100% !important
}
.project-icon {
width:30% !important
}
.project-txt {
padding:2.2% 3% !important;
width:70% !important;
background-image:none !important
}
.project-img {
display:none !important
}
.banimg {
width: 600px;
height: 100px;
margin: 0px 20px;
position:absolute;
bottom:0
}
.banimg li {
width: 100px;
height: 100px;
float: left;
position: relative;
}
.banimg li img {
width: 100px;
height: 100px;
position: absolute;
left: 50%;
top: 50%;
margin: -50px 0 0 -50px;
z-index: 1;
background:url(../images/icon54.png);
max-width:inherit !important;
}
.banimg li img:hover {
background:#fff;
}
.banimg .on img {
width:100px;
height:100px;
margin-left:-50px;
margin-top:-50px;
left: 50%;
top: 50%;
position: absolute;
background:#fff;
z-index:3
}
.service-txt {
width:55% !important;
padding-left:0 !important
}
.service-list .main-box img, .service-list .main-box {
height:102px
}
.service-list .pro-list .info-back {
left: 39% !important;
top: 15% !important;
width:35px !important;
height:35px !important;
font-size:36px !important;
line-height:28px
}
.service-list .main-box p {
font-size:18px !important;
top:50% !important;
left:28% !important
}
.service-list .service-info {
background:#cc0033 url("../images/s5.png") no-repeat scroll center 15% !important;
}
.productTab li {
width:25% !important
}
.ProductList li {
width:50% !important
}
.acc-box {
width:45% !important;
margin-right:5% !important
}
.custom-boxl, .custom-boxr {
width:100% !important
}
.custom-boxl {
margin-bottom:5%
}
.custom-boxr-txt {
float: right;
padding: 10% 0 0 2% !important;
width: 33% !important;
}
.service-bz li {
width:50% !important
}
.service-tab .p1 {
height:220px !important;
}
.service-tab .add {
line-height:180px !important;
}
.p5 {
height:218px !important;
padding:3% !important;
}
.p5 span {
margin:10px 0 !important;
padding-bottom:10px !important
}
.join-us span {
margin-top:20px
}
.main-c {
width:100% !important;
height:100% !important
}
.main-c1 {
width:100% !important;
}
.main-c1 div {
display:none;
}
.service-news-img {
width:41% !important
}
.service-news li {
padding:2% 4% !important
}
.service-news-list {
width:53% !important
}
.service-news-list p {
width:76% !important;
margin-top:6px !important
}
.news-info.v3 {
width:26% !important;
!important
}
.news-info.v3 img {
height:204px
}
.news-info .v5 {
display:none !important;
}
.news-info.v4 {
width:32% !important;
height:204px !important
}
.news-info .v5 {
right:0 !important
}
.pro-vip li, .pro-vip dd {
width:33.3% !important
}
.pro-vip.g1 li {
min-height:243px !important;
width:33.3% !important
}
.pro-page-info .tel .zx {
width:126px;
}
.pro-page-info .tel .tel-btn {
width:130px
}
.pro-tab .tabPanel .tabul {
height:45px !important;
}
.pro-tab .tabPanel .tabul li {
height:45px !important;
line-height:45px !important;
width:20% !important
}
.p-box-list li {
width:30% !important
}
.pro-map-tit {
font-size:24px !important
}
.char-c img, .char-d img, .char-e img {
width:85px
}
.pro-table-img, .pro-table-info {
width:100% !important
}
.pro-table-info {
padding-left:0 !important
}
.pro-table-info h1 {
font-size:16px !important;
margin-top:3%
}
.pro-table-info span {
margin:2% auto !important;
padding-bottom:2% !important
}
#slider3-pager li {
width:22.75% !important
}
.pro-tel {
position:static !important;
width:65% !important;
margin-top:2%;
float:left;
}
.pro-tel-line, .pro-tel-service {
float:left !important;
}
.callbacks_nav {
top:27% !important
}
.callbacks_nav.next {
right:4% !important
}
.no-page {
width:70% !important
}
.noline-bg .no-page {
width:60% !important
}
/*留言板样式*/
.col-sm-2 {
width:16% !important
}
.col-sm-4 {
width:50% !important
}
.col-sm-5 {
width:30% !important
}
.col-sm-6 {
width:34% !important;
}
.help-block {
text-indent:0em !important
}
.info-area-failure {
text-indent:3% !important
}
.col-sm-offset-2 {
margin-left:16% !important
}
.news-info-search {
width:100% !important;
margin:0 auto !important
}
.foot h5, .foot-link1 ul, .foot-link2 ul, .foot-link3 ul, .foot-link4 ul {
margin:0 5% !important
}
.resources-hr img {
width: 118px;
}
.hr-add {
padding: 8px 0 0 2% !important;
}
.vip-custom li {
width:25% !important;
padding:10px 4px !important;
text-align:left !important;
}
.vip-custom li img {
float:left;
width:25px;
margin-right:5px;
padding:0 !important
}
.vip-custom li span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vip-custom .bx-viewport {
width:75% !important
}
.vip-custom .news-info {
width:33.333% !important
}
.in-shuff .bx-wrapper {
width:83%
}
.in-box-left {
width:30% !important
}
.in-box-right {
margin-left:5% !important
}
.in-box-list {
margin-bottom:40px !important
}
.up-ad .up-ad-list {
width:50% !important
}
.up-online {
bottom: 6px !important;
font-size: 10px;
padding: 0 5px !important;
right: 68px !important;
}
.m1 .mt-ceo {
margin:0 10% !important;
width:29% !important
}
.page-paging span {
float:left;
}
.Button.Block {
width:445px !important;
}
#bmap_p_id {
width:25% !important
}
.smart-box-txt p {
padding:3% 4% !important;
line-height:24px !important;
font-size:12px;
}
@-webkit-keyframes myfirst /* Safari and Chrome */ {
0% {
left:0;
height:8%;
bottom:0;
}
100% {
left:0;
height:62%;
bottom:0;
}
}
}
@media screen and (min-width: 521px) and (max-width:640px) {
.container {
width:480px;
}
header .container {
position:relative
}
.logo {
width:100%;
text-align:center;
margin:0 auto;
float:left !important;
width:44% !important
}
.free-tel {
margin-right:0 !important
}
.choose .laugese {
margin:4px 0 0 0 !important
}
.choose .search {
display:none;
}
header .free-tel {
margin-right:10px !important;
padding-right:10px !important
}
header .laugese ul li {
min-width:70px !important
}
header .laugese ul li a {
background-position:56px center !important;
}
.main-box {
width:50%;
float:left;
margin-bottom:20px !important
}
.new-left, .new-right {
width:100% !important;
}
.box {
text-align:center !important
}
.box li {
width:100% !important;
margin:0 auto;
text-align:center;
margin-bottom:10px;
}
.box li img {
text-align:center
}
.box .txt {
}
.voide-box {
text-align:center !important;
}
.product .flex-prev {
left:20px !important;
}
.product .flex-next {
right:20px !important;
}
.pro-info {
height:320px !important
}
.pro-tit {
height:100px !important;
line-height:100px !important;
}
.pro-line {
height:80px !important;
line-height:80px !important;
}
.foot-link4 {
width:100% !important;
border:none !important;
padding:25px 0 0 !important
}
.foot-link4 img {
width:200px;
margin:0 auto
}
.product-tit, .product-tit-img {
width:100% !important;
height:auto !important
}
.product-tit p {
margin:4% 0 !important;
padding-bottom:3% !important
}
.pro-adv {
position:relative
}
.pro-adv-fl, .pro-adv-fr, .pro-adv-c {
width:100% !important;
}
.pro-adv-fl {
position:inherit !important
}
.pro-adv-fr {
text-align:left !important;
}
.pro-adv-fr li h4 {
float:left !important;
}
.pro-adv-c {
margin:0 !important;
text-align:center !important
}
.pro-adv-c img {
margin:0 auto !important;
}
.pro-vip li, .pro-vip dd {
width:50% !important;
}
.accordion-desc .a1 {
width:100% !important
}
.web-box {
padding:35px 30px !important;
}
.web-box h4 {
margin-bottom:20px !important;
}
.company-video {
width:100% !important;
}
.company-video img {
margin:0 auto
}
.company-txt {
width:100% !important
}
.web-box-list {
float:left;
width:100% !important;
}
.box-list-img img, .earth-img img {
margin:0 auto
}
.list-txt-link {
margin-bottom:20px;
}
.earth-box-left, .earth-box-right {
width:100% !important;
margin:0 0 20px;
}
.earth-img {
width:100% !important;
padding:5% 0 0
}
.earth-txt {
width:90% !important;
margin:3% 5% 0 !important;
padding-bottom:3%
}
.earth-box-right h5 {
padding-top:2% !important
}
.earth-box-right img {
margin:3% auto !important
}
.earth-box-right a {
margin-bottom:15px;
}
.history a {
left:30% !important
}
.brand-left, .brand-right {
width:100% !important
}
.brand-txt {
float: left !important;
margin: 0 0 0 4% !important;
width: 38% !important;
}
.web-brand {
float:none !important;
height:inherit !important;
background:none !important;
}
.brand-right {
margin-top:20px;
}
.web-we {
margin-top:30px;
}
.we-left {
width:100% !important
}
.join {
height:193px !important
}
.join h5 {
width:90% !important
}
.we-right {
width:100% !important;
left:0% !important
}
.we-right p {
width:25% !important
}
.news-box-left {
display:none !important;
}
.news-box-right, .pro-buy-box {
width:100% !important;
display:block !important
}
.buy-select {
width:40% !important;
float:left;
margin:5% 3.33% 5% 0 !important
}
.news-box-right li p {
line-height:30px !important;
}
.page-paging a {
padding:4px 8px !important;
}
.news-tab {
margin:0 60px;
}
.news-tab .pro-img, .news-tab .pro-info {
width:100% !important;
height:inherit !important
}
.news-tab h2 span {
float:none !important;
width:inherit !important
}
.news-tab .pro-info a {
float:none !important;
width:inherit !important
}
.news-tab .owl-prev {
left:75% !important
}
.news-tab .owl-next {
right:0% !important
}
.project-icon {
width:30% !important
}
.project-txt {
padding:2.2% 3% !important;
width:70% !important;
background-image:none !important
}
.project-img {
display:none !important
}
.news-info {
width:100% !important
}
.news-info img {
margin:0 auto
}
.mt-ceo {
width:50% !important;
margin:0 25% 5% !important
}
.contact-left ul {
width:100% !important;
float:left
}
#dituConten {
width:360px !important
}
.banimg {
width: 420px;
height: 70px;
margin: 0px 30px;
position:absolute;
bottom:0
}
.banimg li {
width: 70px;
height: 70px;
float: left;
position: relative;
}
.banimg li img {
width: 70px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin: -30px 0 0 -35px;
z-index: 1;
background:url(../images/icon54.png);
max-width:inherit !important;
}
.banimg li img:hover {
background:#fff;
}
.banimg .on img {
width:70px;
height:70px;
margin-left:-35px;
margin-top:-35px;
left: 50%;
top: 50%;
position: absolute;
background:#fff;
z-index:3
}
.service-txt, .service-txt-img {
width:100% !important;
padding-left:0 !important;
margin-bottom:15px
}
.service-list .main-box img, .service-list .main-box {
width:100% !important;
float:left !important;
height:215px;
position:relative
}
.service-list .main-box p {
font-size:24px !important;
position:relative !important;
left:0 !important;
height:215px;
z-index:2;
top:-70px !important;
}
.service-info {
display:none !important
}
.service-list .main-box-img .info a {
bottom:0;
right:0;
background: none !important
}
.service-list .main-box-img .info {
opacity:1 !important;
filter: alpha(opacity=1) !important;
position:relative !important
}
.service-list .pro-list .info-back {
left:43% !important
}
.productTab li {
width:25% !important
}
.ProductList li {
width:100% !important
}
.acc-box {
width:100% !important;
margin:0 0 5%;
}
.custom-boxl, .custom-boxr {
width:100% !important
}
.custom-boxl {
margin-bottom:5%
}
.custom-boxr-txt {
float: right;
padding: 10% 0 0 2% !important;
width: 33% !important;
}
.custom-boxr {
width:100% !important;
height:auto !important;
background:none !important;
}
.custom-boxr-txt {
width:100% !important;
background:#cc0033;
padding:10% 0 10% 3% !important
}
.custom-boxr-txt > p {
float:left;
margin-right:5%
}
.service-bz li {
width:50% !important
}
.service-tab .pane .accordion {
height:50px !important;
line-height:50px !important
}
.service-tab .pane .accordion h5 {
height:50px !important;
line-height:50px !important;
font-size:24px !important;
}
.service-tab .pane .accordion span {
font-size:16px !important;
line-height:50px !important;
}
.folding-box .fa {
top:10px !important
}
.service-tab .p1 {
width:100% !important
}
.service-tab .add {
left:45%;
line-height:50px !important
}
.p4, .p5 {
float:left;
width:100% !important;
}
.p5 {
padding-top:15% !important
}
.join-us {
width:100% !important;
margin:0 !important
}
.earth-fl, .earth-fr {
width:100% !important
}
.earth-fl div {
display:none;
}
.earth-fr div {
padding:15% 8% !important
}
.gl-box {
width:100% !important;
margin-bottom:20px
}
.earth-box-img img {
width:inherit !important;
}
.gl-p p {
margin-bottom:5px !important;
font-size:20px !important;
}
.main-c {
width:100% !important;
height:100% !important
}
.main-c1 {
width:100% !important;
}
.main-c1 div {
display:none;
}
.service-news-img {
width:100% !important;
border-bottom:1px solid #bfbfbf !important;
margin-bottom:20px;
padding-bottom:10px
}
.service-news-list {
width:100% !important
}
.service-news-list p {
width:83% !important;
margin-top:6px !important
}
.voide-a {
height:auto;
overflow:hidden;
}
.voide-a p {
float:left;
}
.voide-a a {
float:left
}
.news-info.v3 {
width:100% !important;
margin-bottom:20px
}
.news-info.v3 img {
height:204px
}
.news-info .v5 {
display:none !important;
}
.news-info.v4 {
width:47% !important;
height:204px !important
}
.news-info .v5 {
right:0 !important
}
.flex-direction-nav a {
width: 20px !important;
height: 30px !important;
background: url(../images/bg_direction_nav1.png) no-repeat 0 0 !important;
}
.flex-direction-nav .flex-next {
background-position:-20px 0 !important
}
.flex-control-nav {
bottom:-20px !important
}
.banner .flex-control-nav {
bottom:-10px !important
}
.pro-no {
height:240 !important
}
.m7 {
display:none !important;
}
.new-left .flex-control-paging li a {
height:40px !important;
width:40px !important
}
.new-img, .new-txt {
width:100% !important
}
.new-img img {
height:170px;
}
.service-link li {
width:33.3% !important
}
.pro-vip li, .pro-vip dd {
width:33.3% !important
}
.pro-page-img, .pro-page-info {
width:100% !important
}
.pro-page-info {
padding:5% 0 0 !important
}
.pro-char .char-a, .pro-char .char-b, .pro-char .char-c, .pro-char .char-d, .pro-char .char-e {
float:left;
}
.pro-char .char-a {
float:left;
width:100% !important
}
.pro-char .char-a p {
float:left;
margin:0 10px
}
.pro-char .char-a span {
float:left;
}
.pro-char .char-a, .pro-char .char-b, .pro-char .char-c, .pro-char .char-d, .pro-char .char-e {
border-right:none !important
}
.pro-char .char-c {
float:left;
width:33.3% !important
}
.pro-char .char-d {
float:left;
width:50% !important
}
.pro-char .char-e {
float:left;
width:100% !important
}
.pro-tab .tabPanel .tabul li {
width:20% !important
}
.p-box-list li .list-p h2 {
height:25px !important;
font-size:14px !important
}
.p-box-list li {
width:30% !important
}
.p-box-list li .list-p span {
display:none
}
.pro-map-tit {
font-size:20px !important
}
.cx {
width:100% !important
}
.fenlei span {
width:34% !important
}
.dingdan {
width:50% !important
}
.fenlei .searchsub {
width:16% !important
}
.ewm {
width:100% !important
}
/*留言板样式*/
.col-sm-4 {
width:50% !important
}
.col-sm-6 {
width:35% !important
}
.pro-table-img, .pro-table-info {
width:100% !important
}
.pro-table-info {
padding-left:0 !important
}
.pro-table-info h1 {
font-size:16px !important;
margin-top:3%
}
.pro-table-info span {
margin:2% auto !important;
padding-bottom:2% !important
}
#slider3-pager li {
width:22.75% !important
}
.pro-tel {
position:static !important;
width:88% !important;
margin-top:2%;
float:left;
}
.pro-tel-line, .pro-tel-service {
float:left !important;
}
.callbacks_nav {
top:27% !important
}
.callbacks_nav.next {
right:4% !important
}
.pro-nav-link a {
font-size:14px !important;
}
.no-page {
width:90% !important
}
.noline-bg .no-page {
width:60% !important
}
/*留言板样式*/
.col-sm-2 {
width:23% !important
}
.col-sm-4 {
width:77% !important
}
.col-sm-6 {
width:80% !important;
margin-left:22% !important
}
.col-sm-offset-2 {
margin:0 auto !important;
text-align:center
}
.help-block {
text-indent:0em !important
}
.info-area-failure {
text-indent:3% !important
}
.news-viode embed {
height:380px !important
}
.viode-list .news-info {
width:50% !important
}
.resources-hr img {
float:none !important;
margin-top:3%
}
.hr-add {
padding:4% !important;
}
.vip-custom li {
width:25% !important;
padding:10px 4px !important;
text-align:left !important;
}
.vip-custom li img {
float:left;
width:25px;
margin-right:5px;
padding:0 !important
}
.vip-custom li span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.in-shuff .bx-wrapper {
width:55%
}
.up-ad-num li {
width:33.333% !important
}
.up-ad .up-ad-list {
width:50% !important
}
.up-online {
bottom: 6px !important;
font-size: 10px;
padding: 0 5px !important;
right: 32px !important;
}
.m1 .mt-ceo {
width:36% !important;
margin:0 7% !important
}
.Button.Block {
width:354px !important;
}
@-webkit-keyframes myfirst /* Safari and Chrome */ {
0% {
left:0;
height:8%;
bottom:0;
}
100% {
left:0;
height:75%;
bottom:0;
}
}
.zt-news-img {
float:inherit !important;
width:50%;
margin:0 auto 1em !important
}
}
@media screen and (max-width:520px) {
.up-ad-num li {
width:50% !important
}
.container {
width:100%;
padding:0 5%
}
header .container {
position:relative;
}
.logo {
text-align:center;
margin:0 auto;
float:none !important;
width:100% !important
}
.logo.fl img {
float:none !important
}
.choose .laugese {
float:left !important;
}
.choose .search {
float:right !important;
}
header .free-tel {
margin-right:0px !important;
padding-right:10px !important;
float:left !important
}
header .laugese ul li {
min-width:85px !important
}
header .laugese ul li a {
background-position:70px center !important;
}
.fl, .fr {
float:none
}
.main-box {
width:50%;
float:left;
}
.main-box img {
width:50%
}
.main-box p {
}
.main-box-p {
max-height:70px;
}
.pxianguan .main-box {
width:50%;
}
.pxianguan .main-box-p {
min-height:42px;
}
.new-left, .new-right {
width:100% !important;
}
.box {
text-align:center !important
}
.box li {
width:100% !important;
margin:0 auto;
text-align:center;
margin-bottom:10px;
}
.box li img {
text-align:center;
width:100%
}
.box .txt {
}
.voide-box {
text-align:center !important;
}
.product .flex-prev {
left:20px !important;
}
.product .flex-next {
right:20px !important;
}
.pro-no {
background:#cc0033 url("../images/probg.png") no-repeat scroll center 0 !important;
height:120px !important;
line-height:128px !important
}
.pro-info {
height:202px !important
}
.pro-tit {
height:35px !important;
line-height:20px !important;
}
.pro-line {
height:60px !important;
line-height:45px !important;
}
.foot-link4 {
width:100% !important;
border:none !important;
padding:25px 0 0 !important
}
.foot-link4 img {
width:200px;
margin:0 auto
}
.owl-controls .owl-prev {
left:-20px !important
}
.owl-controls .owl-next {
right:-20px !important
}
.product-tit, .product-tit-img {
width:100% !important;
height:auto !important
}
.product-tit p {
margin:4% 0 !important;
padding-bottom:3% !important
}
.pro-adv {
position:relative
}
.pro-adv-fl, .pro-adv-fr, .pro-adv-c {
width:100% !important;
}
.pro-adv-fl {
position:inherit !important
}
.pro-adv-fr {
text-align:left !important;
}
.pro-adv-fr li h4 {
float:left !important;
}
.pro-adv-fl li p, .pro-adv-fr li p {
margin-left:0 !important;
padding:0 !important;
width:100%;
float:left;
font-size:12px !important
}
.pro-adv-c {
margin:0 !important;
text-align:center !important
}
.pro-adv-c img {
margin:0 auto !important;
}
.pro-vip li, .pro-vip dd {
width:50% !important;
}
.accordion-desc .a1, .accordion-desc .a2, .accordion-desc .a3 {
width:100% !important
}
.company-video {
width:100% !important;
float:left
}
.company-txt {
width:100% !important
}
.company-video img {
margin:0 auto
}
.web-box-list {
float:left;
width:100% !important;
}
.box-list-img img {
margin:0 auto
}
.list-txt-link {
margin-bottom:20px;
}
.earth-box-left, .earth-box-right {
width:100% !important;
margin:0 0 20px;
}
.earth-img {
width:100% !important;
}
.earth-img span {
display:none;
}
.earth-txt {
width:90% !important;
margin:3% 5% !important
}
.history a {
left:10% !important
}
.web-brand {
height:inherit !important
}
.brand-left, .brand-right, .brand-img {
width:100% !important;
float:left !important;
}
.brand-txt {
width:90% !important
}
.brand-txt h5 {
margin:2% 0 0 !important
}
.we-left {
width:100% !important;
float:left !important;
margin-top:25px !important;
}
.join {
width:100% !important;
height:auto !important
}
.join h5 {
margin:10% auto 0 !important;
width:60% !important
}
.join-img {
float:left;
height:100% !important;
width:100% !important
}
.we-right {
width:100% !important;
float:left;
height:auto !important;
}
.we-right p {
left: 15% !important;
top: 40% !important;
width: 40% !important;
}
.we-right span {
top:40% !important
}
.news-box-left {
display:none !important;
}
.news-box-right, .pro-buy-box {
width:100% !important;
display:block !important
}
.buy-select {
width:40% !important;
float:left;
margin:5% 3.33% 5% 0 !important
}
.news-box-right li p {
line-height:26px !important;
}
.page-paging a {
padding:4px 8px !important;
float:left;
margin:0 2px 5px !important
}
.news-tab {
margin:0 45px;
}
.news-tab .pro-img, .news-tab .pro-info {
width:100% !important;
height:inherit !important
}
.news-tab h2 span {
float:none !important;
width:inherit !important
}
.news-tab .pro-info a {
float:none !important;
width:inherit !important
}
.news-tab .owl-prev {
left:70% !important
}
.news-tab .owl-next {
right:0% !important
}
.news-info {
width:100% !important
}
.mt-ceo {
width:68% !important;
margin:0 16% 5% !important
}
.project-icon {
width:40% !important;
}
.project-txt {
width:60% !important;
padding:2%;
background-image:none !important
}
.project-img {
display:none
}
.article-up, .article-down {
display:none;
}
.contact-left ul {
width:100% !important;
float:left
}
#dituConten {
width:100% !important
}
.banimg {
width: 300px;
height: 50px;
margin: 0px 0px;
position:absolute;
bottom:0
}
.banimg li {
width: 50px;
height: 50px;
float: left;
position: relative;
}
.banimg li img {
width: 50px;
height: 50px;
position: absolute;
left: 50%;
top: 50%;
margin: -25px 0 0 -25px;
z-index: 1;
background:url(../images/icon54.png);
max-width:inherit !important;
}
.banimg li img:hover {
background:#fff;
}
.banimg .on img {
background:#fff;
z-index:3
}
.service-txt, .service-txt-img {
width:100% !important;
padding-left:0 !important;
clear:both;
margin-bottom:15px !important
}
.service-list .main-box img, .service-list .main-box {
width:100% !important;
float:left !important;
height:160px;
position:relative
}
.service-list .main-box p {
font-size:24px !important;
height:160px;
z-index:2;
top:-70px !important;
position:relative !important;
left:0 !important;
}
.service-info {
display:none !important
}
.service-list .main-box-img .info a {
bottom:0;
right:0;
background: none !important
}
.service-list .main-box-img .info {
opacity:1 !important;
filter: alpha(opacity=1) !important;
position:relative !important
}
.service-list .pro-list .info-back {
left:40% !important;
top:20% !important
}
.productTab li {
width:30% !important
}
.ProductList li {
width:100% !important
}
.acc-box {
width:100% !important;
margin:0 0 5%;
}
.custom-boxl, .custom-boxr {
width:100% !important
}
.custom-boxl {
margin-bottom:5%
}
.custom-boxr-txt {
float: right;
padding: 10% 0 0 2% !important;
width: 33% !important;
}
.custom-boxr {
width:100% !important;
height:auto !important;
background:none !important;
}
.custom-boxr-img {
width:100%;
}
.custom-boxr-txt {
width:100% !important;
background:#cc0033;
padding:10% 0 10% 3% !important
}
.custom-boxr-txt > p {
float:left;
margin-right:5%
}
.service-xx div {
float:left;
width:100% !important;
margin-bottom:5%;
}
.service-bz li {
width:100% !important
}
.service-tab .pane .accordion {
height:50px !important;
line-height:50px !important
}
.service-tab .pane .accordion h5 {
height:50px !important;
line-height:50px !important;
font-size:24px !important;
}
.service-tab .pane .accordion span {
font-size:14px !important;
line-height:50px !important;
}
.folding-box .fa {
top:10px !important
}
.service-tab .p1 {
width:100% !important
}
.service-tab .add {
left:45%;
line-height:50px !important
}
.p4, .p5 {
float:left;
width:100% !important;
}
.p5 {
padding-top:15% !important
}
.join-us {
width:100% !important;
margin:0 !important
}
.earth-fl, .earth-fr {
width:100% !important
}
.earth-fl div {
display:none;
}
.earth-fr div {
padding:10% 8% !important
}
.gl-box {
width:100% !important;
margin-bottom:20px
}
.earth-box-img img {
width:inherit !important;
}
.earth-box-img img {
width:inherit !important;
}
.gl-p {
padding:3% 4% !important
}
.gl-p p {
margin-bottom:0px !important;
font-size:14px !important;
line-height:24px !important;
}
.main-c {
width:100% !important;
height:100% !important
}
.main-c1 {
width:100% !important;
}
.main-c1 div {
display:none;
}
.service-news-img {
width:100% !important;
border-bottom:1px solid #bfbfbf !important;
margin-bottom:20px;
padding-bottom:10px
}
.service-news-list {
width:100% !important
}
.service-news-list p {
width:78% !important;
margin-top:6px !important
}
.voide-a {
height:auto;
overflow:hidden;
}
.voide-a p {
float:left;
}
.voide-a a {
float:left
}
.news-info.v3 {
width:100% !important;
margin-bottom:20px
}
.news-info.v3 img {
height:204px
}
.news-info .v5 {
display:none !important;
}
.news-info.v4 {
width:100% !important;
margin-bottom:20px
}
.news-info .v5 {
right:0 !important
}
.flex-direction-nav a {
width: 20px !important;
height: 30px !important;
background: url(../images/bg_direction_nav1.png) no-repeat 0 0 !important;
}
.flex-direction-nav .flex-next {
background-position:-20px 0 !important
}
.flex-control-nav {
bottom:-20px !important
}
.banner .flex-control-nav {
bottom:-10px !important
}
.m7 {
display:none !important;
}
.new-left .flex-control-paging li a {
height:40px !important;
width:40px !important
}
.new-img, .new-txt {
width:100% !important
}
.new-img img {
height:170px;
}
.service-link li {
width:33.3% !important
}
.pro-page-img, .pro-page-info {
width:100% !important
}
.pro-page-info {
padding:5% 0 0 !important
}
.pro-page-info .tel .zx {
width:126px;
}
.pro-page-info .tel .tel-btn {
width:130px
}
.pro-tab .tabPanel .tabul li {
width:20% !important
}
.p-box-list li {
width:30% !important
}
.p-box-list li .list-p h2 {
height:25px !important;
font-size:14px !important
}
.p-box-list li .list-p span {
display:none
}
.pro-map-tit {
font-size:16px !important
}
.pro-char .char-a, .pro-char .char-b, .pro-char .char-c, .pro-char .char-d, .pro-char .char-e {
float:left;
}
.pro-char .char-a {
float:left;
width:100% !important
}
.pro-char .char-a p {
float:left;
margin:0 10px
}
.pro-char .char-a span {
float:left;
}
.pro-char .char-a, .pro-char .char-b, .pro-char .char-c, .pro-char .char-d, .pro-char .char-e {
border-right:none !important
}
.pro-char .char-c {
float:left;
width:33.3% !important
}
.pro-char .char-d {
float:left;
width:50% !important
}
.pro-char .char-e {
float:left;
width:100% !important
}
.cx {
width:100% !important
}
.fenlei span {
width:34% !important
}
.dingdan {
width:50% !important
}
.fenlei .searchsub {
width:16% !important
}
.ewm {
width:100% !important
}
.map-tit-line {
width:23% !important
}
/*留言板样式*/
.col-sm-2 {
width:100% !important;
text-align:left !important
}
.col-sm-4 {
width:100% !important
}
.col-sm-6 {
width:100% !important;
margin-left:0% !important
}
.info-area-failure {
margin:0 0 10px !important
}
.col-sm-offset-2 {
margin:0 auto !important;
text-align:center
}
.help-block, .help-block {
text-indent:0% !important
}
.pro-table-img, .pro-table-info {
width:100% !important
}
.pro-table-info {
padding-left:0 !important
}
.pro-table-info h1 {
font-size:16px !important;
margin-top:3%
}
.pro-table-info span {
margin:2% auto !important;
padding-bottom:2% !important
}
#slider3-pager li {
width:22.75% !important
}
.pro-tel {
position:static !important;
width:100% !important;
margin-top:2%;
float:left;
}
.pro-tel-line, .pro-tel-service {
float:left !important;
width:100% !important
}
.pro-tel .pro-tel-line {
font-size:18px !important;
font-weight:bold
}
.pro-tel .pro-tel-line span {
width:46% !important
}
.pro-tel-service {
background-position:15% !important
}
.callbacks_nav {
top:18% !important
}
.callbacks_nav.next {
right:4% !important
}
.pro-nav-link a {
font-size:14px !important;
}
.no-page {
width:100% !important
}
.noline-bg .no-page {
width:60% !important
}
.no-page-link strong {
float:left;
width:100%
}
.resources-box-info .s4, .resources-box-info .s5 {
float:left;
width:100%;
}
.resources-box-info .s4 {
font-size:20px !important
}
.resources-box-info .s4 br {
display:none;
}
.pane.tab-case div {
width:47% !important
}
.us-info img, .case-news-info img {
float:none !important;
margin:0 auto !important
}
.news-viode embed {
height:245px !important
}
.resources-hr img {
float:none !important;
margin-top:3%
}
.hr-add {
padding:4% !important;
}
.vip-custom li {
width:25% !important;
padding:10px 4px !important;
text-align:left !important;
}
.vip-custom li img {
float:left;
width:25px;
margin-right:5px;
padding:0 !important
}
.vip-custom li span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vip-list {
width:50% !important
}
.in-shuff .bx-wrapper {
width:56%
}
.up-ad .up-ad-list {
width:100% !important
}
.up-online {
bottom: 6px !important;
font-size: 10px;
padding: 0 5px !important;
right: 27px !important;
}
.m1 .mt-ceo {
width:100% !important;
margin:0 auto !important;
float:none;
display:table;
}
.page-paging span {
float:left;
}
.Button.Block {
width:290px !important;
}
#bmap_p_id {
width:inherit !important
}
.smart-box-txt p {
line-height:24px !important;
font-size:12px;
}
.leftsidebar-select span, .leftsidebar-select select {
float:left;
width:42%;
}
.leftsidebar-select select {
margin-right:0 !important
}
@-webkit-keyframes myfirst /* Safari and Chrome */ {
0% {
left:0;
height:8%;
bottom:0;
}
100% {
left:0;
height:100%;
bottom:0;
}
}
.zt-news-img {
float:inherit !important;
width:100%;
margin:0 auto 1em !important
}
.zt-news-img img {
width:100%
}
}
@media screen and (max-width:1199px) {
.pro-select-link {
width:100% !important;
margin:1% 0 0 !important
}
.pro-select-link .first {
margin-left:0 !important
}
.vip-custom-box, .in-list {
width:100% !important
}
}
@media screen and (max-width:979px) {
.article-page-list div {
width:100% !important;
margin-bottom:15px
}
.contact-left {
width:100% !important
}
.contact-left ul {
width:50%;
float:left
}
.tel-free {
margin-right:5% !important
}
.contact-right {
width:100% !important;
}
.tr-box1, .tr-box2, .tr-box3, .tr-box5 {
width:20% !important;
margin:0 !important;
}
.box-txt {
display:none;
}
.main-a {
width:100% !important
}
.main-a div {
display:none
}
.main-a1 {
width:100% !important;
height:auto !important
}
}
@media screen and (min-width:800px) {
.contact-msg h4 {
margin:0 !important
}
.contact-msg .from-message input, .contact-msg .from-message textarea {
}
.contact-msg input.message-sub {
width:20% !important
}
}
@media screen and (min-width:767px) {
.cd-main-header {
display:none
}
nav {
display:none
}
.foot-link3 a {
font-size:14px !important;
}
.vip-custom .bx-viewport {
width:84% !important
}
.last-nav {
background:url(../images/jblogo.png) no-repeat 5px center !important
}
.last-nav:hover {
background:url(../images/jblogo.png) no-repeat 5px center #971629 !important
}
.foot-nav {
display:none
}
}
@media screen and (max-width:767px) {
#header, #leftsead {
display:none
}
.service-link {
width:100% !important
}
#mapBox, #listWrap {
width:100% !important
}
.wap-last-nav {
background:url(../images/jblogo.png) no-repeat left center
}
footer {
margin-bottom:90px;
}
.foot-nav {
display:block;
height:90px;
background:#354151;
width:100%;
position:fixed;
left:0;
bottom:0;
z-index:9999999
}
.foot-nav li {
float:left;
width:25%;
text-align:center;
}
.foot-nav li a {
color:#fff;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}
}
@media screen and (max-width:800px) {
.contact-msg h4 {
margin:0 !important
}
.contact-msg .from-message input, .contact-msg .from-message textarea {
width:100% !important
}
.pro-table .ind-rs, .indbutton #slider3-pager li, .pro-table .ind-list {
width:100% !important
}
.indbutton .prev {
left:4% !important
}
.indbutton .callbacks_nav {
top:34% !important
}
.nf-ps-l, .nf-ps-r {
border:none !important;
height:auto !important
}
}
@media screen and (max-width:640px) {
.resources-box-info table {
cellpadding:10 !important
}
.resources-box-info .s7 {
display:none;
}
.pro-char table td {
padding:10px 0 !important
}
.pro-char .char-a {
text-align:left !important
}
.pro-char .char-a br {
display:none;
}
.resources-search div {
width:100% !important;
margin-bottom:3%
}
.resources-search .searchtext {
width:80% !important
}
.resources-search select {
width:70% !important
}
.job-box .fa-plus-circle {
display:none;
}
.j5 {
width:25% !important
}
.contact-info-net, .contact-info-line {
width:50% !important;
}
.contact-info-txt {
width:100% !important;
margin-top:6%
}
.pro-tab .tabPanel .tabul {
height:40px !important
}
.pro-tab .tabPanel .tabul li {
height:40px !important;
line-height:40px !important;
font-size:14px !important;
}
.pageTel {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
border-radius: 50%;
bottom: -60px;
display: block;
height: 120px;
position: fixed;
right: -60px;
width: 120px;
z-index: 100;
}
.pageTel a {
background: rgba(0, 0, 0, 0) url("../images/tel.png") no-repeat scroll right bottom / 75% auto;
display: block;
height: 60px;
width: 60px;
}
/*live800 在线客服浮动窗样式*/
.online_chat_pf {
display:none !important
}
/*.online_chat_pf img{ display:none !important}
.online_chat_pf a{ background:url("../images/cnchat.gif"); width:44px; height:119px; display:table}*/
.web-img img {
height:95px
}
.vip-box-fr, .vip-box-fl {
width:100% !important
}
.vip-box-fr {
margin-top:20px
}
.vip-custom .news-info, .in-list .news-info {
width:50% !important
}
.in-nav ul {
width:80% !important
}
.in-box-left {
width:64% !important;
margin:0 auto;
float:none !important
}
.in-box-right {
width:100% !important;
margin-top:20px;
margin-left:0 !important
}
.in-box-list {
margin-bottom:20px !important;
margin-left:0 !important
}
.m1 .mt-ceo h3 {
font-size:14px !important;
margin:4px auto !important
}
.m1 .mt-ceo h3 span {
margin:0 !important
}
.m1 .mt-ceo p {
padding: 25px 10px 14px !important;
}
.list-box .news-info {
width:50% !important
}
.up-process {
display:block
}
.process {
display:none
}
.page-tit h3 {
font-size:20px !important;
}
.ex-online ul li {
font-size:16px !important
}
.ex-info .company-txt {
padding-top:20px !important
}
.no-page-txt p {
font-size:16px !important
}
.pro-buy-txt, .pro-buy-wx {
float:left;
width:100% !important;
}
.order-buy h5 {
width:100% !important
}
.order-buy .buy-select-sub {
width:13%;
margin:2% auto 0 !important
}
.order-buy .buy-select {
margin:2% 2% 2% 0 !important;
}
.buy-news h3 {
font-size:14px;
font-weight:bold;
}
.buy-news h3 font {
max-width:30%;
font-size:14px !important;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
padding:0 5px !important;
margin-right:5px !important
}
.buy-select-sub {
width:13% !important;
margin:5% auto 0 !important
}
.por-buy-nav a {
width:40% !important;
margin-right:5% !important
}
.buy-news p a {
font-size:12px;
}
.pro-buy-box {
margin-top:30px
}
.acc-item, .foot-link1, .foot-link2, .foot-link3 {
float:left;
width:100% !important;
border:none !important;
min-height:inherit !important
}
.foot h5 {
margin:0px 0 0 !important;
padding:0 !important;
font-size:14px !important
}
.foot-link1 ul, .foot-link2 ul, .foot-link3 ul, .foot-link4 ul {
margin:0 !important
}
.foot-link1, .foot-link2, .foot-link3, .foot-link4 {
padding:8px 0 !important;
background:rgba(0, 0, 0, 0) url("../images/footbg1.png") repeat-x scroll left bottom
}
.acc_trigger {
background:url(../images/red_acc_closed.png) no-repeat right center;
}
.acc_trigger.active {
background:url(../images/red_acc_opened.png) no-repeat right center;
}
.foot {
padding:0 0 20px !important
}
.bottom {
display:none
}
.pro-char .char-b {
width:100% !important
}
.project-leftsidebar {
width:100% !important;
}
.project-leftsidebar li {
width:20% !important;
float:left;
border:none !important;
border-left:1px solid #edecec !important;
}
.project-main {
width:100% !important;
padding-left:0 !important
}
.pro-main-box {
width:100% !important
}
.pro-main-box p {
height:auto !important
}
.service-scope {
width:50% !important
}
.experiment img, .experiment1 img {
float:none !important;
margin:0 auto 15px !important;
}
#pageMiddle ul {
width:100%;
display:table;
margin-bottom:3%
}
#mapheader {
display:table;
width:100% !important
}
.zt-news-txt {
padding:0 15px;
}
.leftsidebar p {
display:table;
float:none !important
}
}
@media screen and (min-width:641px) {
.up-process {
display:none
}
.process {
display:block
}
.ex-online ul li {
font-size:20px !important;
}
.order-buy .buy-select-sub {
width:10% !important
}
.order-buy .buy-select {
margin:0% 2% 0% 0 !important;
}
.buy-select-sub {
width:100% !important;
margin:0 auto !important
}
.por-buy-nav a {
width:30%
}
.acc_container {
display:block !important;
}
.acc_trigger {
pointer-events: none;
}
.foot-link2, .foot-link3, .foot-link4 {
background:rgba(0, 0, 0, 0) url("../images/footbg.png") repeat-y scroll 0 0
}
.foot h5 {
background:rgba(0, 0, 0, 0) url("../images/footbg1.png") repeat-x left bottom
}
}
/*live800 在线客服浮动窗样式*/
.online_chat_pf {
position:fixed;
right:5px;
top:25%;
z-index:9999;
}
@media screen and (max-width:520px) {
.wap-header, .wap-main .choose .search {
display:block
}
header {
height:auto !important;
}
header .logo {
display:table;
margin-bottom:15px;
}
.logo img {
float:left;
margin-left:10px;
}
.pc-header {
display:none
}
.wap-main {
padding:3% 0
}
header .wap-main .choose, header .wap-main .laugese {
padding:0;
margin:0 !important
}
header .wap-main .choose, header .wap-main .laugese, header .wap-main .search, header .wap-main .laugese ul {
float:left;
}
header .wap-main .laugese ul li {
background:#fff url("../images/icon17.png") no-repeat scroll 5px center
}
.wap-tel {
background:url(../images/wapicon.png) no-repeat 5px 2px;
height:30px;
font-size:12px;
font-weight:bold; text-indent:0em;
float:left;
}
.wap-main .search {
background:url(../images/wapicon.png) no-repeat -2px -56px;
width:23px;
height:23px;
margin:0
}
.wap-main .search a {
display:table;
height:23px;
width:23px;
}
.wap-main em {
font-style:normal;
color:#e0e0e0;
float:left
}
/*.wap-main .search,.wap-main em{ display:none;}*/
header .wap-main .laugese {
padding:0 5px
}
.wap-top {
display:table;
margin:0 auto
}
.cd-main-header {
background:#fff !important;
height:auto !important
}
.cd-header-buttons {
top:-70px !important;
}
.cd-nav-trigger {
background:#cc0033
}
}
@media screen and (min-width:521px) {
.wap-header {
display:none
}
.pro-list span a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
/* quick_links */
.mui-mbar-tabs {
height:100%;
right:0;
position:fixed;
bottom:0;
z-index:9;
}
.quick_links_panel {
width:40px;
height:100%;
position:absolute;
background:#fff;
z-index:2;
top:0;
right:0;
box-shadow: 3px 10px 5px 5px #ccc;
-moz-box-shadow: 3px 10px 5px 5px #ccc;
-webkit-box-shadow: 3px 10px 5px 5px #ccc;
/*动画名称，需要跟@keyframes定义的名称一致*/
-webkit-animation-name: "fadeInRight";
animation-name: "fadeInRight";
-ms-animation-name: "fadeInRight";
-moz-animation-name: "fadeInRight";
/*动画持续的时间长*/
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
-ms-animation-duration: 2.5s;
-moz-animation-duration: 2.5s;
/*动画循环播放的次数为1 infinite为无限次*/
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
/*提示层*/
.right-item {
display:table;
margin:0px auto;
position:relative
}
.tooltip {
width:280px;
padding:10px;
border-radius:3px;
position:absolute;
border:1px solid #ccc;
margin: -800px 0 0 -20px;
background:#ffecbf;
-webkit-transition:width .5s ease-in-out;
-moz-transition:width .5s ease-in-out;
left:-265px;
top:98px;
font-size:12px;
}
.tooltip p {
color:#434343;
margin:0;
}
.right-item:hover .tooltip {
margin:-145px 0 0 -20px;
-webkit-transition: width .15s ease-in-out;
-moz-transition: width .15s ease-in-out;
}
.arrow {
position:absolute;
margin:10px 0 0 50px;
width: 0;
height: 0;
right:-17px;
top:36%;
}
.arrow:after {
content: " ";
position: absolute;
right: 10px;
width: 12px;
height: 12px;
border: #ccc solid 1px;
border-left: 0;
border-bottom: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background:#ffecbf;
}
/*提示层*/
.quick_links_panel a {
display:block;
width:40px;
height:66px;
text-decoration:none;
position:relative;
overflow:hidden;
top:0;
left:0px;
*left:-15px;
z-index:1;
margin:0;
padding:0;
}
.quick_links_panel .mp_tooltip {
height:105px;
line-height:38px;
width:84px;
position:absolute;
z-index:2;
left:-121px;
top:0;
background:url(../images/rightwechat.jpg) no-repeat;
color:#d8d8d8;
text-align:center;
display:block;
visibility:hidden;
border:1px solid #bfbfbf;
}
.mp_hot {
background:url(../images/righthot.jpg) no-repeat;
width:160px;
height:66px;
position:absolute;
z-index:2;
left:-121px;
top:0;
color:#d8d8d8;
text-align:center;
display:block;
visibility:hidden;
border:1px solid #bfbfbf;
}
.mp_tel {
background:url(../images/righttel.jpg) no-repeat top center #e7e7e8;
width:128px;
height:170px;
position:absolute;
z-index:2;
left:-121px;
bottom:0;
color:#ce012f;
text-align:center;
display:block;
visibility:hidden;
border:1px solid #bfbfbf;
}
.api-lxb-cb-con {
width:128px;
position:absolute;
margin:0 auto;
display:table;
bottom:17px;
text-align:center
}
.api-lxb-cb-con input {
}
.api-lxb-cb-input {
}
.api-lxb-cb-btn {
background:#ce012f;
border:none;
color:#fff;
font-size:12px;
}
.quick_links {
position:absolute;
top:60%;
left:0;
margin-top:-190px;
*margin-top:-220px;
background:#fff;
z-index:2;
width:40px;
}
.quick_links li {
position:relative;
display:block;
left:0;
top:0px;
border-bottom:1px solid #bfbfbf
}
.quick_links i {
width:40px;
height:66px;
display:inline-block;
background:url(../images/sprites.png) no-repeat;
cursor:pointer;
}
.quick_links .right_tel {
background-position:0px -68px
}
.quick_links .right_contact {
background-position:0px -137px
}
.quick_links .right_wechat {
background-position:0px -205px
}
.quick_links .right_hot {
background-position:0px -272px
}
.quick_links .right_online:hover, .quick_links .right_online {
background-position:-42px 0px
}
.quick_links .right_tel:hover {
background-position:-42px -68px
}
.quick_links .right_contact:hover {
background-position:-42px -136px
}
.quick_links .right_wechat:hover {
background-position:-42px -204px
}
.quick_links .right_hot:hover {
background-position:-42px -272px
}
.api-lxb-cb-input:hover .tt {
display:block
}
@media screen and (max-width:768px) {
.mui-mbar-tabs {
display:none
}
}
.cpdisplay {
}
.cpdisplaynone {
display:none;
}
.container .poster-list {
padding-top:25px;
}
.container .poster-list li {
width:30%;
float:left;
text-align:center;
}
.container .poster-list li img {
width:82%;
border:#ccc 1px solid
}
.container .poster-list li span {
line-height:30px;
}
.container .downlist img {
float:left;
width:160px;
border-left:#666 2px solid;
border-top:#ccc 1px solid;
border-bottom:#ccc 2px solid;
border-right:#ddd 1px solid;
margin-right:20px
}
.container .news-list2 {
padding-left:0;
}
.container .news-list2 img {
float:left;
width:220px;
margin-right:20px;
border:#ccc 1px solid;
padding:0.5%;
}
.container .news-list2 h3 span{ color:#aaa; font-weight:normal;}
.container .newstext .peixl {
width:33.3%;
border:none;
padding:15px 5px
}
.container .newstext .peixl img {
width:99%;
float:left;
padding:0;
margin:0
}
.container .newstext .peixl a {
float:left;
width:100%;
font-size:14px;
text-align:center;
font-weight:normal
}
.container .spzx .poster-list li {
min-height:180px;
width:33%
}
.container .spzx .poster-list li i {
height:180px;
display:block;
}
.container .spzx .poster-list li i a {
width:100%;
height:180px;
display:block;
background:url(../images/ny_video02.png) center no-repeat;
color:#000
}
.lytable tr td {
padding:10px 5px
}
.lytable input {
clear: both;
display: table;
margin-bottom: 1%;
width: 60%;
display:block;
width:60%;
height:31px;
padding:6px 12px;
font-size:12px;
line-height:1.42857143;
color:#555;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.lytable textarea {
clear: both;
display: table;
margin-bottom: 1%;
width: 100%;
display:block;
width:100%;
height:120px;
padding:6px 12px;
font-size:12px;
line-height:1.42857143;
color:#555;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.lytable .lysubmit {
border:none;
background:#b61b32 !important;
text-align:center;
color:#fff;
font-size: 18px;
font-weight: bold;
padding:2% 3%;
height:auto;
text-indent:0em !important;
cursor:pointer;
}
.cgsh {
background:#f9f6f6;
padding:30px;
}
#search_news .searchtext {
width:30%
}
.cgsr {
padding:10px 0;
border-bottom:#ccc 1px solid;
border-top:#ccc 1px solid;
;
width:96%;
overflow:hidden;
margin-top:10px;
}
.cgsr div{ clear:both; padding:10px 0; overflow:hidden;}
.cgsr div img{ float:left; width:230px; height:160px; margin:0 15px 5px 0; border:#ccc 1px solid; padding:2px}
.cgsrtop {
padding-bottom:20px;
color:#999;
overflow:hidden;
}
.cgsrtop strong {
color:#333
}
.cgsr h3, .cgsr h3 a {
/*color:#0000cc;*/
color:#666; font-weight:bold;
}
.cgsr h3 a:hover {
color:#C33
}
.cgsr h3 span {
color:#333
}
.cgsr div {
padding:7px 0;
}
.cgsr div a {
text-decoration:underline;
}
.cgsr div span.a {
color:#008052
}
.hrtext {
padding-top:25px
}
.hrb {
border:#ddd 1px solid;
border-bottom:none;
padding:30px;
line-height:26px
}
.hrb h3, .hrb h4, .hrb h2 {
padding:10px 0;
font-weight:bold;
}
.hrb p {
padding:5px 0
}
.hrbo {
padding:20px 30px;
color:#888;
background:#eceded;
margin-bottom:30px;
border:#ddd 1px solid;
border-top:none;
}
.hrtable {
width:100%;
margin:10px 0 0 0
}
.hrthead, .hrtops span {
font-weight:bold;
}
.hrtable tr:nth-child(even) {
background: #fff;
}
.hrtable tr:nth-child(odd) {
background: #edeeee;
}
.hrtable tr td {
border:#999 1px solid;
padding:10px 20px;
line-height:20px;
}
.nf-ps-box {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
box-sizing: border-box;
transition: border-color 0.3s ease-in-out 0s;
}
.posui-char-list {
padding-top:20px;
}
.posui-char-list img {
/*background: #cc0033 none repeat scroll 0 0;
box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
transition: border-color 0.3s ease-in-out 0s;*/
}
#header .pc-nav .pc-nav-pro {
width:420%;
}
#header .pc-nav .pc-nav-pro li {
float:left;
width:42%;
padding:10px 0 10px 15px;
}
#header .pc-nav .pc-nav-pro li dl {
overflow:hidden;
}
#header .pc-nav .pc-nav-pro li dt a {
font-weight:bold;
text-align:left;
padding-left:5px;
color:#C03
}
#header .pc-nav .pc-nav-pro li dd {
padding:5px;
margin:0;
width:50%;
float:left;
}
#header .pc-nav .pc-nav-pro li dd a {
text-align:left;
line-height:16px;
}
.bsearch {
background:rgba(0, 0, 0, 0) url("../images/footbg1.png") repeat-x left top;
margin-top:30px;
padding-top:15px
}
.bsearch .searchtext {
background: rgba(255, 255, 255, 0.05) !important; /* IE无效，FF有效 */
background:#fff;
filter: alpha(opacity=5);
border:none;
width:70%;
color:#fff;
}
.searchsub {
cursor:pointer;
}
#myVideo {
margin:0 2%;
background:#fff;
padding:0;
width:96%;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.9);
box-sizing: border-box;
transition: border-color 0.3s ease-in-out 0s;
}
.legal {
padding-left:7px
}
.legal p { text-indent:0em
}
html .legal h3 {
font-weight:bold;
}
.error p {
text-align:center;
}
html .error p a {
font-weight:bold;
padding:10px 20px;
min-height:20px;
display:inline;
background:#999;
color:#fff;
float:none;
text-align:center;
}
.websitemap {
padding:0 10px
}
.websitemap h3 {
font-weight:bold;
font-size:1.5em;
line-height:60px
}
.websitemap ul li {
width:50%;
float:left
}
.websitemap ul li dt {
font-weight:bold;
}
.websitemap ul li dd {
width:50%;
float:left;
}
.websitemap .iline {
width:100%;
clear:both;
border-bottom:#ccc 1px solid;
height:30px
}
.websitemap span {
color:#999;
}