* {
margin: 0 auto;
padding: 0;
}
html, body, div, p, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, img, textarea, iframe, table, th, td {
margin: 0 auto;
padding: 0;
}
.fr {
float: right;
}
img {
border: medium none;
vertical-align: middle;
}
ol, ul, li {
list-style-type: none;
}
.fix:before, .fix:after {
display: table;
clear: both;
content: '';
}
h1, h2, h3, h4, h5, h6, table, th, td {
font-size: 100%;
font-weight: normal;
}
body, input, select, button, textarea {
font-family: Arial, Microsoft yahei;
font-size: 14px;
}
.normal, em, i {
font-style: normal;
}
body {
color: #3e3d3d;
line-height: 23px;
margin: auto;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
p {
word-wrap: break-word;
}
a {
color: #2c2d2d;
text-decoration: none;
}
a:hover {
color: #FF7900;
}
table {
border-collapse: collapse;
}
input[type="button"] {
outline: medium none;
}
.clearfix {
display: block;
}
.overflow {
overflow: hidden
}
.clearfix::after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.fl {
float: left;
}
.fr {
float: right;
}
.tl {
text-align: left;
}
.tc {
text-align: center;
}
.tr {
text-align: right;
}
.f48 {
font-size: 48px;
color: #555454
}
.f12 {
font-size: 12px;
}
.f14 {
font-size: 14px;
}
.f16 {
font-size: 16px;
}
.f18 {
font-size: 18px;
}
.f20 {
font-size: 20px;
}
.f24 {
font-size: 24px;
}
.f30 {
font-size: 30px;
}
.f36 {
font-size: 36px;
}
.undis {
display: none;
}
.dis {
display: block;
}
.diss {
display: inline-block;
}
.w100 {
width: 100%;
}
.wrap {
width: 1200px;
}
.p9 {
padding: 9px
}
.hui {
color: #777779
}
.cs {
color: #FF6602
}
.hs1 {
color: #D51338
}
.m-auto {
margin-left: auto;
margin-right: auto;
}
.l-19 {
line-height: 19px;
}
.l-15 {
line-height: 15px;
}
.l-24 {
line-height: 24px;
}
.l-26 {
line-height: 26px;
}
.l-30 {
line-height: 30px;
}
.l-35 {
line-height: 35px;
}
.l-50 {
line-height: 50px;
}
.l-80 {
line-height: 80px;
}
.pl8 {
padding-left: 8px;
}
.p10 {
padding: 10px;
}
.p15 {
padding: 15px;
}
.p20 {
padding: 20px;
}
.pl5 {
padding-left: 5px;
}
.pl10 {
padding-left: 10px;
}
.pl15 {
padding-left: 15px;
}
.pl20 {
padding-left: 20px;
}
.pl25 {
padding-left: 25px;
}
.pl30 {
padding-left: 30px;
}
.pl30 {
padding-left: 30px;
}
.pl40 {
padding-left: 40px;
}
.pt5 {
padding-top: 5px;
}
.pt10 {
padding-top: 10px;
}
.pt15 {
padding-top: 15px;
}
.pt20 {
padding-top: 20px;
}
.pt25 {
padding-top: 25px;
}
.pt150 {
padding-top: 150px;
}
.pt30 {
padding-top: 30px;
}
.pt40 {
padding-top: 40px;
}
.pt50 {
padding-top: 50px;
}
.pt55 {
padding-top: 55px;
}
.pt75 {
padding-top: 75px;
}
.pt60 {
padding-top: 60px;
}
.pb5 {
padding-bottom: 5px;
}
.pb10 {
padding-bottom: 10px;
}
.pb15 {
padding-bottom: 15px;
}
.pb20 {
padding-bottom: 20px;
}
.pb25 {
padding-bottom: 25px;
}
.pb50 {
padding-bottom: 50px;
}
.pr5 {
padding-right: 5px;
}
.pr10 {
padding-right: 10px;
}
.pr40 {
padding-right: 40px;
}
.pr15 {
padding-right: 15px;
}
.pr20 {
padding-right: 20px;
}
.pr25 {
padding-right: 25px;
}
.ml5 {
margin-left: 5px;
}
.ml10 {
margin-left: 10px;
}
.ml11 {
margin-left: 11px;
}
.ml15 {
margin-left: 15px;
}
.ml16 {
margin-left: 16px;
}
.ml20 {
margin-left: 20px;
}
.ml22 {
margin-left: 22px;
}
.ml30 {
margin-left: 30px;
}
.ml50 {
margin-left: 50px;
}
.ml60 {
margin-left: 60px;
}
.mr5 {
margin-right: 5px;
}
.mr10 {
margin-right: 10px;
}
.mr15 {
margin-right: 15px;
}
.mr20 {
margin-right: 20px;
}
.mr25 {
margin-right: 25px;
}
.mr30 {
margin-right: 30px;
}
.mr50 {
margin-right: 50px;
}
.mr100 {
margin-right: 100px;
}
.ml90 {
margin-left: 90px;
}
.ml70 {
margin-left: 70px;
}
.mt5 {
margin-top: 5px;
}
.mt10 {
margin-top: 10px;
}
.mt15 {
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
}
.mt30 {
margin-top: 30px;
}
.mt40 {
margin-top: 40px;
}
.mt60 {
margin-top: 60px;
}
.mb5 {
margin-bottom: 5px;
}
.mb10 {
margin-bottom: 10px;
}
.mb15 {
margin-bottom: 15px;
}
.mb20 {
margin-bottom: 20px;
}
.pt35 {
padding-top: 35px;
}
.mm {
margin: 20px
}
.color-grey {
color: #999;
}
.row {
margin-left: -30px;
}
.row2 {
margin-left: -30px;
}
.row3 {
margin-left: -10px;
}
.row4 {
margin-left: -18px;
}
.row5 {
margin-left: -35px;
}
.row6 {
margin-left: -14px;
}
.row7 {
margin-left: -50px;
}
.f10 {
font-size: 10px
}
.ml1 {
margin-left: 1px
}
.blod {
font-weight: bold
}
.boderr {
border: 1px solid #edebeb
}
.boder-r {
border-right: 1px solid #edebeb
}
.boder-b {
border-bottom: 1px solid #edebeb
}
.boder-t {
border-top: 1px solid #edebeb
}
.boder-l {
border-left: 1px solid #edebeb
}
.baise {
color: #fff
}
.red {
color: #EA2908
}
.hs {
color: #535252
}
.ls {
color: #2c4e71
}
.f42 {
font-size: 42px
}
.huise {
color: #a9a9a9
}
.family {
font-family: Arial
}
/*top*/
.top_bg {
background: url(../images/index1_r1_c1.jpg) center no-repeat;
height: 105px;
border-top: 5px solid #0a419b;
}
.welcome {
width: 1200px;
margin: 0 auto;
font-size: 12px;
line-height: 20px;
color: #333;
text-align: left;
}
.s_right {
float: right;
}
.s_right .r_one {
background: rgba(0, 0, 0, 0) url("../Images/icon_bg.png") no-repeat scroll 10px 5px;
float: left;
position: relative;
text-align: right;
width: 70px;
}
.s_right .r_two {
background: rgba(0, 0, 0, 0) url("../Images/icon_bg.png") no-repeat scroll -70px 5px;
float: left;
position: relative;
text-align: right;
width: 79px;
}
.s_right .r_three {
background: rgba(0, 0, 0, 0) url("../Images/icon_bg.png") no-repeat scroll -150px 5px;
float: left;
position: relative;
text-align: right;
width: 80px;
}
.s_right .r_four {
background: rgba(0, 0, 0, 0) url("../Images/icon_bg.png") no-repeat scroll -230px 5px;
float: left;
position: relative;
text-align: right;
width: 80px;
}
.s_right .r_five {
background: rgba(0, 0, 0, 0) url("../Images/icon_bg.png") no-repeat scroll -310px 5px;
float: left;
position: relative;
text-align: right;
width: 80px;
}
.s_right .r_six {
background: rgba(0, 0, 0, 0) url("../Images/icon_bg.png") no-repeat scroll -380px 5px;
float: left;
position: relative;
text-align: right;
width: 80px;
}
.s_right a span {
display: none
}
.s_right a:hover span {
background: #fff none repeat scroll 0 0;
height: 100px;
padding: 10px;
position: absolute;
right: -20px;
top: 30px;
width: 100px;
z-index: 9999;
display: block
}
.s_right img {
float: left;
margin: 5px 4px;
}
/*nav*/
.nav_bg {
/*background: #01478F;*/
height: 46px;
background-image: url(../images/top-bj_02.jpg);
}
#zzsc {
width: 1200px;
height: 46px;
/*overflow: hidden;*/
position: relative;
}
#zzsc > ul {
width: 1200px;
/*overflow: hidden;*/
height: auto;
position: absolute;
top: 0;
z-index: 30;
}
#zzsc > ul > li {
height: auto;
overflow: hidden;
float: left;
text-align: center;
position: relative;
width: 13%;
padding-left: 6px;
padding-right: 6px;
cursor: pointer;
background: url(../images/top_11.jpg) no-repeat right center;
margin-top: -5px;
}
#zzsc ul li:last-child {
background: none;
}
#zzsc ul li a {
width: 100%;
height: 46px;
line-height: 46px;
display: block;
float: left;
font-size: 16px;
font-family: '微软雅黑';
color: #fff;
text-decoration: none;
}
/*
#zzsc ul li.on a {
color: #fff;
background: url(../images/right_03.jpg);
}*/
#zzsc ul li.on {
background: url(../images/left_03.jpg) no-repeat left top;
}
#zzsc ul li.on a {
background: url(../images/right_03.jpg) no-repeat right top;
}
#zzsc ul li.on .bavbb li a {
background: #01478F
}
#zzsc ul li .bavbb li:hover a {
background: #066acf;
}
/*轮播*/
.flexslider {
position: relative;
height: 521px;
overflow: hidden;
background: url(../images/loading.gif) 50% no-repeat;
z-index: 1;
clear: both;
}
.slides {
position: relative;
z-index: 1;
}
.slides li {
height: 521px;
}
.flex-control-nav {
position: absolute;
bottom: 30px;
z-index: 2;
width: 100%;
text-align: center;
}
.flex-control-nav li {
display: inline-block;
width: 14px;
height: 14px;
margin: 0 5px;
*display: inline;
zoom: 1;
}
.flex-control-nav a {
display: inline-block;
width: 14px;
height: 14px;
line-height: 40px;
overflow: hidden;
background: url(../images/dot.png) right 0 no-repeat;
cursor: pointer;
}
.flex-control-nav .flex-active {
background-position: 0 0;
}
.flex-direction-nav {
position: absolute;
z-index: 3;
width: 100%;
top: 45%;
}
.flex-direction-nav li a {
display: block;
width: 50px;
height: 50px;
overflow: hidden;
cursor: pointer;
position: absolute;
}
.flex-direction-nav li a.flex-prev {
left: 40px;
}
.flex-direction-nav li a.flex-next {
right: 40px;
}
/*问题*/
.noml {
background: url(../images/index1_r4_c1.jpg) center no-repeat;
height: 193px
}
.noml1 {
background: url(../images/index1_r5_c1.jpg) center no-repeat;
max-height: 664px;
width: 100%;
height: 100%;
background-size: contain;
}
.l-42 {
line-height: 42px
}
.ys_r1 {
width: 240px;
height: 322px;
overflow: hidden;
border-radius: 10px;
-moz- border-radius: 10px;
float: left;
margin-right: 20px;
background: url("../images/dunpai.png") no-repeat center;
background-size: contain;
}
.ys_r1 dl {
width: 136px;
text-align: center;
margin: auto;
}
.ys_r1 dl dd {
text-align: left;
line-height: 22px;
}
.ys_r1:last-child {
margin-right: 0px
}
.ys_r1 dl dt {
width: 80%;
margin: 0 auto;
margin-top: 60px;
}
/*.ys_r1:nth-child(2) {
background: #01478F;
}
.ys_r1:nth-child(4) {
background: #01478F;
}
.ys_r1:nth-child(6) {
background: #01478F;
}*/
/*选择*/
.xz {
/* background: url(../images/index1_r7_c1.jpg) center no-repeat;*/
height: 224px
}
.xz_bot {
background: url(../images/index1_r8_c1.png) center no-repeat;
height: 508px
}
.xz_bot dl:nth-child(1) {
float: right;
width: 585px;
padding-top: 55px;
}
.xz_bot dl:nth-child(2) {
float: right;
width: 630px;
padding-top: 115px;
clear: both
}
.xz_bot dl:nth-child(3) {
float: right;
width: 790px;
padding-top: 100px;
clear: both
}
#info {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #fcf8e3;
border: 1px solid #fbeed5;
width: 95%;
max-width: 900px;
margin: 0 auto 40px auto;
font-family: arial;
font-size: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
#info .info-wrapper {
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
#info a {
color: #c09853;
text-decoration: none;
}
#info p {
margin: 5px 0 0 0;
}
.container {
position: relative;
width: 1200px;
margin: 0 auto;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
#filters {
margin-left: 14%;
padding: 0;
list-style: none;
margin-top: 2%;
margin-bottom: 2%
}
#filters li {
float: left;
font-size: 16px;
margin-left: 20px;
}
#filters li span {
display: block;
text-decoration: none;
color: #666;
cursor: pointer;
background: url(../images/index1_r27_c12.jpg) 0px no-repeat;
width: 153px;
height: 48px;
line-height: 38px
}
#filters li span.active {
background: url(../images/index1_r27_c9.jpg) 0px no-repeat;
width: 153px;
height: 48px;
color: #fff;
}
#portfoliolist .portfolio {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
width: 23%;
margin: 1%;
display: none;
float: left;
overflow: hidden;
}
.portfolio-wrapper {
overflow: hidden;
position: relative !important;
background: #666;
cursor: pointer;
}
.portfolio img {
max-width: 100%;
position: relative;
}
.portfolio .label {
position: absolute;
width: 100%;
height: 40px;
bottom: -40px;
}
.portfolio .label-bg {
background: #00478e;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.portfolio .label-text {
color: #fff;
position: relative;
z-index: 500;
padding: 8px 8px;
}
.portfolio .label-text a {
color: #fff;
font-size: 14px
}
.portfolio .text-category {
display: block;
font-size: 9px;
}
/* #Tablet (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container {
width: 768px;
}
}
/* #Mobile (Portrait) - Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
.container {
width: 95%;
}
#portfoliolist .portfolio {
width: 48%;
margin: 1%;
}
#ads {
display: none;
}
}
/* #Mobile (Landscape) - Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
width: 70%;
}
#ads {
display: none;
}
}
/* #Clearing */
/* Self Clearing Goodness */
.container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix:before, .clearfix:after, .row:before, .row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.row:after, .clearfix:after {
clear: both;
}
.row, .clearfix {
zoom: 1;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/*流程*/
.liu_c {
width: 100%;
background: url(../images/index1_r12_c1.jpg) center no-repeat;
height: 276px;
overflow: hidden
}
/*新闻*/
.w1006 {
width: 1006px
}
.w544 {
width: 544px
}
.news_fr {
width: 360px
}
.news_fr h5 {
line-height: 30px;
font-size: 16px;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
overflow: hidden
}
.news_fr h5 em {
background: #880006;
padding: 3px 6px;
border-radius: 5px;
color: #fff;
font-size: 10px;
}
.news_fr ol {
padding-top: 8px;
height: 44px;
line-height: 20px;
overflow: hidden;
font-size: 12px;
color: #989898;
text-align: left
}
.news_fr h1 {
clear: both;
line-height: 20px;
font-size: 12px;
color: #989898;
text-align: left
}
.nws dl {
width: 100%;
clear: both;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #E5E5E5
}
.nws dl dt {
background: url(../images/index1_r22_c4.jpg) 0px 12px no-repeat;
line-height: 30px;
text-align: left;
padding-left: 13px;
font-size: 14px;
}
.nws dl dd {
color: #8e8f8f;
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
overflow: hidden
}
.w416 {
width: 416px
}
.news_frr {
width: 230px
}
.news_frr h5 {
line-height: 30px;
font-size: 16px;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
overflow: hidden
}
.news_frr h5 em {
background: #880006;
padding: 3px 6px;
border-radius: 5px;
color: #fff;
font-size: 10px;
}
.news_frr ol {
padding-top: 8px;
height: 44px;
line-height: 20px;
overflow: hidden;
font-size: 12px;
color: #989898;
text-align: left
}
.news_frr h1 {
clear: both;
line-height: 20px;
font-size: 12px;
color: #989898;
text-align: left
}
.cjwt li {
background: url(../images/index1_r23_c15.jpg) 0px 12px no-repeat;
text-align: left;
line-height: 28px;
padding-left: 10px;
}
.cjwt li span {
float: right;
font-size: 12px;
color: #989898;
}
.cjwt li a {
color: #606162;
font-size: 14px;
}
/*底部*/
.bot_bg {
background: #F3F3F3;
overflow: hidden;
border-top: 1px solid #CCCCCC;
}
.w770 {
width: 770px
}
.xs dl {
float: left;
margin-right: 70px;
}
.xs dl dt {
text-align: left;
line-height: 30px;
font-size: 16px;
}
.xs dl dd {
text-align: left;
line-height: 30px;
font-size: 12px;
color: #676767
}
.xs ol {
float: right;
padding-top: 90px;
overflow: hidden
}
.copy_bg {
background: #2E2D32;
height: 46px;
line-height: 46px;
font-size: 12px;
color: #fff
}
.copy_bg a {
color: #fff
}
/*销售网络*/
.w1001 {
overflow: hidden;
position: relative;
text-align: center;
margin: auto;
width: 100%;
height: 182px;
z-index: 2
}
.w1001 p {
width: 1920px;
position: absolute;
left: 50%;
margin-left: -960px;
}
.pest_bg {
background: #EFF0F2;
overflow: hidden;
padding-bottom: 30px
}
.pesr_bs {
background: #fff;
width: 1138px;
border: 1px solid #D1D2D4;
position: relative;
padding: 30px 20px;
margin-top: -30px;
z-index: 30
}
#container {
margin: auto auto;
width: 665px;
}
#mylist td {
line-height: 21px;
}
#mylist td.one {
width: 50px;
}
.w1006 table {
border-bottom: #D1D2D4 1px solid;
border-left: #D1D2D4 1px solid;
}
.w1006 table td {
border-right: #D1D2D4 1px solid;
border-top: #D1D2D4 1px solid;
line-height: 30px;
}
/*售后服务*/
.sh {}
.w732 {
width: 732px;
}
.w732 p {
text-align: left;
line-height: 24px;
text-indent: 2em
}
.lianx {
width: 1072px;
}
.w744 {
width: 744px;
}
.w744 li {
width: 100%;
clear: both;
border-bottom: 1px solid #EFF0F2;
padding-bottom: 10px;
overflow: hidden;
text-align: left;
line-height: 50px;
}
.w323 {
width: 323px;
}
.he_slideCaptionDown {
width: 268px;
height: 114px;
padding: 0;
margin: 0;
position: relative;
box-sizing: border-box;
cursor: pointer;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
overflow: hidden
}
.he_slideCaptionDown .he_slideCaptionDown_img {
position: relative;
display: block;
width: 266px;
padding: 0;
margin: 0;
opacity: 1;
overflow: hidden
}
.he_slideCaptionDown .he_slideCaptionDown_caption {
color: #fff;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-o-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
overflow: hidden
}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption {
background: #01478f;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 0.8
}
.he_slideCaptionDown .he_slideCaptionDown_caption, .he_slideCaptionDown .he_slideCaptionDown_caption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
overflow: hidden
}
.he_slideCaptionDown .he_slideCaptionDown_caption_h {
font-size: 1.3em;
font-weight: 700;
text-align: center;
width: 80%;
position: absolute;
top: -50%;
left: 10%;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
overflow: hidden;
opacity: 0
}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_h {
color: #fff;
top: 25%;
opacity: 1
}
.he_slideCaptionDown .he_slideCaptionDown_caption_p {
font-size: 1em;
text-align: center;
width: 80%;
position: absolute;
top: -20%;
left: 10%;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
overflow: hidden;
opacity: 0
}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_p {
color: #fff;
top: 25%;
opacity: 1
}
.page {
width: 100%;
margin-bottom: 20px;
font-size: 12px;
font-family: "microsoft yahei";
overflow: hidden;
text-align: center;
margin: auto;
padding-top: 20px
}
.page ul {
width: 600px;
float: left
}
.page a {
display: block;
float: left;
height: 30px;
border: 1px solid #bcbcbc;
line-height: 30px;
padding: 0 15px;
margin: 0 3px;
color: #666;
overflow: hidden;
}
.page a:hover, a.cur {
background: #FF6E00;
color: #fff;
border: 1px solid #FF6E00;
text-decoration: none;
}
.pro_show li {
float: left;
overflow: hidden;
/* margin-left: 10px; */
margin-top: 10px;
}
.pro_show li img {
width: 266px;
border: 1px solid #eee;
overflow: hidden
}
.pro_show li span {
width: 266px;
line-height: 35px;
display: block;
text-align: center;
font-size: 16px;
}
/*公司荣誉*/
.abput_ry {
background: #FFF url(../images/ry_r1_c1.jpg) center 0px no-repeat;
}
.ryzs {
width: 1160px;
}
.ry_bg {
background: #fff;
padding: 30px 0px;
margin-bottom: 30px;
}
.p40 {
padding: 40px 140px;
}
/*公司概况*/
.a_pest {
width: 1168px;
position: relative;
z-index: 30;
margin-top: -30px;
}
.a_left {
width: 198px;
background: url(../images/01.jpg) right no-repeat
}
.a_left_top {
width: 198px;
background: url(../images/a.png) no-repeat;
height: 105px;
overflow: hidden;
}
.newslist li{
background: url(../images/aa1_r4_c3.jpg) no-repeat;
}
.newslist li a{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 188px;
display: block;
line-height: 43px;
}
.lanmu_a {
width: 198px;
}
.lanmu_a li a {
background: url(../images/aa1_r4_c2.jpg) no-repeat;
width: 168px;
height: 43px;
text-align: right;
padding-right: 30px;
line-height: 43px;
font-size: 16px;
display: block
}
.lanmu_a li a:hover {
background: url(../images/aa1_r2_c2.jpg) no-repeat;
width: 168px;
height: 43px;
text-align: right;
padding-right: 30px;
line-height: 43px;
font-size: 16px;
display: block;
color: #01478f
}
#io {
background: url(../images/aa1_r2_c2.jpg) no-repeat;
width: 168px;
height: 43px;
text-align: right;
padding-right: 30px;
line-height: 43px;
font-size: 16px;
display: block;
color: #01478f
}
.a_right {
background: #fff;
overflow: hidden;
width: 970px;
padding-bottom: 10px;
}
.about_js {
width: 900px;
padding-bottom: 20px;
overflow: hidden
}
.about_js p {
text-align: left;
line-height: 22px;
text-indent: 2em;
font-size: 16px;
padding-bottom: 10px;
}
.about_js h5 {
text-align: center;
line-height: 50px;
font-size: 30px;
padding-bottom: 10px;
padding-top: 10px;
}
.news_list {
width: 900px;
padding-bottom: 10px;
overflow: hidden
}
.yzzt-ny-dl {
clear: both;
padding-top: 15px;
padding-bottom: 15px;
overflow: hidden;
border-bottom: 1px dashed #C4C4C4
}
.yzzt-ny-dl dt {
float: left;
width: 226px;
display: block;
}
.yzzt-ny-dl dt img {
width: 226px;
height: 120px
}
.yzzt-ny-dl dd {
float: right;
display: block;
width: 660px;
text-align: left
}
.yzzt-ny-dl dd h2 {
font-size: 20px;
font-weight: normal;
line-height: 30px;
text-align: left
}
.yzzt-ny-dl dd p {
color: #666;
line-height: 24px;
text-align: left;
height: 48px;
overflow: hidden
}
.bt {
width: 880px;
height: auto;
text-align: center;
padding-bottom: 5px;
border-bottom: 1px dashed #d6d6d6;
}
.bt h4 {
font-size: 18px;
font-family: "microsoft yahei";
}
.bt span {
margin-top: 6px;
color: #979696;
font-size: 12px;
}
.con {
width: 880px;
height: auto;
font-size: 16px;
line-height: 27px;
text-align: left;
margin-top: 15px;
clear: both;
}
.con p {
text-align: left;
line-height: 24px;
font-size: 16px;
padding-top: 15px;
}
.con p img {
text-align: center;
margin: auto;
display: block
}
.fenpian {
width: 880px;
clear: both;
padding-top: 15px;
margin-top: 15px;
overflow: hidden
}
.fenpian li {
text-align: left;
line-height: 30px;
border-bottom: 1px solid #ddd;
width: 400px;
float: left
}
.jiansuo {
width: 1146px;
background: #F2F2F2;
border-radius: 6px;
-moz-border-radius: 6px;
height: 40px;
line-height: 40px;
}
.jiansuo li {
float: left;
padding-left: 40px;
font-size: 16px;
}
.pro_list dt {
float: left
}
.pro_list dd {
float: left;
padding-left: 20px;
}
.pro_list dd span {
width: 220px;
line-height: 30px;
display: block;
text-align: center
}
.cp_list dd {
width: 32%;
float: left;
margin-left: 10px;
}
.cp_list dd>a{
display: block;
border: 1px solid #cccccc;
}
.cp_list dd span {
width: 220px;
line-height: 20px;
display: block;
text-align: center;
height: 40px;
}
.cp_list dd:hover span a{
color: #FF7900;
}
.cp_list dd img{
height: 213px;
display: block;
margin: 1px auto;
}
#menu {
width: 198px;
margin: auto;
}
#menu h1 {
font-size: 18px;
margin-top: 1px;
}
#menu h2 {
font-size: 14px;
border: #E7E7E7 1px solid;
border-top-color: #FFF;
background-color: #F4F4F4;
}
#menu ul {
height: auto;
border-top: none;
overflow: hidden;
}
#menu a {
padding-right: 20px;
background: url(../images/aa1_r4_c2.jpg) no-repeat;
text-align: right;
width: 168px;
height: 43px;
line-height: 43px;
display: block;
padding-right: 30px;
white-space: nowrap;
overflow: hidden;
font-size: 14px;
}
#menu a:hover {
background: url(../images/aa1_r2_c2.jpg) no-repeat;
width: 168px;
height: 43px;
text-align: right;
padding-right: 30px;
line-height: 43px;
font-size: 16px;
display: block;
color: #01478f
}
#menu .no {
display: none;
}
#menu .h1 a {
font-size: 18px;
}
#menu .h2 a {
color: #666;
font-size: 14px;
}
#menu .h1 a:hover {
font-size: 18px;
}
.lanmu_a {
width: 198px;
}
.lanmu_a li a {
background: url(../images/aa1_r4_c2.jpg) no-repeat;
width: 168px;
height: 43px;
text-align: right;
padding-right: 30px;
line-height: 43px;
font-size: 16px;
display: block
}
.lanmu_a li a:hover {
background: url(../images/aa1_r2_c2.jpg) no-repeat;
width: 168px;
height: 43px;
text-align: right;
padding-right: 30px;
line-height: 43px;
font-size: 16px;
display: block;
color: #01478f
}
.top_right {
width: 319px
}
#Tab61 {
height: auto;
overflow: hidden;
width: 1060px;
clear: both;
position: relative;
}
.Menubox61 {
font-size: 16px;
overflow: hidden;
width: 200px;
line-height: 48px;
margin-top: 42px;
position: absolute;
top: 0;
left: 0;
}
#Tab61 .Menubox61 li {
cursor: pointer;
display: block;
float: left;
font-family: "微软雅黑";
display: block;
text-decoration: none;
color: #666;
cursor: pointer;
background: url(../images/index1_r27_c12.jpg) 0px no-repeat;
width: 153px;
height: 48px;
line-height: 38px;
margin-left: 10px
}
#Tab61 .Menubox61 li.hover {
color: #fff;
display: block;
font-size: 16px;
background: url(../images/index1_r27_c9.jpg) 0px no-repeat;
width: 153px;
height: 48px;
color: #fff;
}
#Tab61 .Contentbox61 li span {
overflow: hidden;
}
#Tab61 .Contentbox61 li span a {
white-space: nowrap;
}
.Contentbox61 {
clear: both;
height: auto;
overflow: hidden;
width: 850px;
min-height: 550px;
clear: both;
float: right;
}
.pro_show5 {
/*width: 1060px;*/
}
.pro_show5 li {
float: left;
margin-left: 22px;
margin-top: 20px;
border: 1px solid #efefef;
}
.pro_show5 li span {
width: 238px;
text-align: center;
display: block;
line-height: 40px;
font-size: 16px;
clear: both
}
.index_show {
position: relative;
z-index: 2;
width: 100%;
background: #fff;
}
.bxslider {
height: 386px;
overflow: hidden;
width: 100%;
}
.bxslider li {
width: 100%;
height: 386px;
overflow: hidden;
}
.bxslider .item1 {
background: url(../images/slider1.png) center 0 no-repeat;
}
.bxslider .item2 {
background: url(../images/slider1.png) center 0 no-repeat;
}
.bxslider .item3 {
background: url(../images/slider1.png) center 0 no-repeat;
}
.bx-controls {
display: none;
}
#bx-pager {
position: absolute;
left: 77%;
bottom: 10px;
z-index: 10;
margin-left: -90px;
background: url(../images/shadow1.png) 0 bottom no-repeat;
padding-bottom: 6px;
}
#bx-pager a {
float: left;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 20px;
background: #fff;
color: #999;
font-family: "宋体";
margin-left: 2px
}
#bx-pager a:hover {
text-decoration: none;
}
#bx-pager .active {
position: relative;
background: #fd825c;
color: #fff;
}
#bx-pager .active::before {
content: '';
position: absolute;
top: -10px;
left: 15px;
border: 5px solid transparent;
border-bottom: 5px solid #fd825c;
}
.indexbanner img {
width: 100%;
height: 100%;
}
.myfoot {
width: 100%;
position: absolute;
bottom: 0;
}
.sectionbg3 {
background: url("../images/indexbg03.jpg") no-repeat center;
}
.sectionbg4 {
background: url("../images/indexbg04.jpg") no-repeat center;
}
.bavbb {
overflow: visible !important;
}
.header_ul li .bavbb {
display: none;
}
.header_ul li:hover .bavbb {
display: block;
}
.pro-h5 {
border-bottom: 1px solid #ccc;
font-size: 15px;
margin-bottom: 20px;
float: left;
width: 100%;
background-color: #efefef;
}
.nowspan {
background-color: #1e71b1;
color: #fff;
}
.anispan {
cursor: pointer;
margin: 0 5px;
padding: 10px 8px;
float: left;
}
.productbox {
overflow: hidden;
}
.productbox .tb-booth {
width: 400px;
margin: 10px 0;
float: left;
}
.productbox .tb-booth img {
max-height: 320px;
max-width: 320px;
width: 100%;
}
.productbox .contdetail {
float: left;
width: 500px;
text-align: left;
}
.productbox .contdetail h1 {
font-size: 20px;
color: #0054a6;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
margin-bottom: 20px;
padding-top: 20px;
text-align: left;
}
.productbox .contdetail p {
text-align: left;
}
.productbox .contdetail .zixun {
width: 200px;
padding: 6px 15px;
font-size: 15px;
background-color: #1e71b1;
color: #fff;
margin-left: 0;
margin-top: 20px;
}
.pro_content div img {
width: 100%;
}
/*首页对比样式表*/
.g-vs {
width: 100%;
height: 733px;
background: url(../images/baa_03.jpg) no-repeat center;
padding-top: 20px;
margin-top: 20px;
}
.vs {
width: 1200px;
height: 733px;
margin: 0 auto;
position: relative;
}
.hao {
width: 425px;
float: left;
margin-top: 90px;
margin-left: 20px;
}
.hao h4 {
height: 55px;
margin-left: 57px;
margin-bottom: 60px;
color: #0c419c;
font-size: 36px;
font-family: 'Microsoft YaHei';
font-weight: bold;
}
.hao .h-c {
width: 415px;
text-align: left;
}
.hao .h-c div {
width: 315px;
height: 140px;
}
.hao .h-c div p {
color: #e0e0e0;
font-size: 30px;
font-family: 'Impact';
text-transform: uppercase;
height: 36px;
word-spacing: -1.5px;
text-align: left;
}
.hao .h-c div p b {
display: inline-block;
padding-right: 10px;
color: #0c419c;
font-size: 30px;
font-family: 'Impact';
font-weight: bold;
}
.hao .h-c div li {
background: url(../images/yuanx_03.jpg) no-repeat left center;
padding-left: 20px;
line-height: 30px;
text-align: left;
}
.hao .h-c div li a {
color: #0c419c;
font-size: 16px;
font-family: 'Microsoft YaHei';
font-weight: bold;
line-height: 30px;
}
.hao .h-c div li span {
color: #ea5504;
font-size: 16px;
font-family: 'Microsoft YaHei';
}
.vs-c a {
color: #fff;
font-size: 18px;
font-family: 'Microsoft YaHei';
display: inline-block;
text-align: center;
}
.v1 {
position: absolute;
top: 235px;
left: 563px;
}
.vs-c a b {
display: block;
color: #fff;
font-size: 24px;
font-family: 'Microsoft YaHei';
font-weight: bold;
}
.v2 {
position: absolute;
top: 380px;
left: 552px;
}
.v3 {
position: absolute;
top: 522px;
left: 563px;
}
.v4 {
position: absolute;
top: 658px;
left: 552px;
}
.cha {
width: 425px;
float: right;
margin-top: 90px;
margin-right: 40px;
}
.cha h4 {
height: 55px;
margin-right: 57px;
margin-bottom: 60px;
text-align: right;
color: #999999;
font-size: 36px;
font-family: 'Microsoft YaHei';
font-weight: bold;
}
.cha .h-c {
width: 365px;
}
.cha .h-c div {
width: 365px;
height: 140px;
}
.cha .h-c div p {
text-align: right;
color: #e0e0e0;
font-size: 30px;
font-family: 'Impact';
text-transform: uppercase;
height: 36px;
}
.cha .h-c div p b {
float: right;
display: inline-block;
padding-left: 10px;
color: #999999;
font-size: 30px;
font-family: 'Impact';
font-weight: bold;
}
.cha .h-c div li {
text-align: right;
background: url(../images/yuanx_07.jpg) no-repeat right center;
padding-right: 20px;
line-height: 30px;
}
.cha .h-c ul {
overflow: hidden;
}
.cha .h-c ul li {
width: 80%;
float: right;
}
/*横幅广告*/
.g-xgg {
width: 100%;
height: 180px;
position: relative;
background: url(../images/dt_02_02.jpg) no-repeat center;
}
.g-xgg .tjj {
position: absolute;
top: 46px;
left: 50%;
margin-left: 150px;
}
.g-xgg .tjj p {
color: #fff;
font-size: 14px;
font-family: 'Microsoft YaHei';
}
.g-xgg .tjj p span {
display: inline-block;
color: #ff6600;
font-size: 30px;
font-family: 'Impact';
}
.g-xgg .tjj em {
display: block;
margin-top: 10px;
}
.g-xgg .tjj em a {
float: left;
}
/*产品中心样式*/
.g-cpzx {
width: 1200px;
height: 747px;
margin: 0 auto;
overflow: hidden;
margin-top: 43px;
margin-bottom: 43px;
}
.cp-l {
width: 237px;
height: 730px;
float: left;
}
.cp-t {
width: 237px;
height: 99px;
}
.cp-t a {
padding-top: 58px;
display: inline-block;
width: 237px;
height: 41px;
background: url(../images/tw_11.png) no-repeat;
color: #fff;
font-size: 24px;
font-family: 'Microsoft YaHei';
font-weight: bold;
text-align: center;
}
.cp-c {
width: 237px;
height: 648px;
background: #eeeeee;
margin-top: 1px;
}
.cp-c h3 {
width: 237px;
height: 41px;
background: #0c419c;
margin-bottom: 7px;
}
.cp-c h3 a {
background: #0c419c;
display: inline-block;
width: 237px;
height: 41px;
text-align: center;
color: #fff;
font-size: 18px;
font-family: 'Microsoft YaHei';
font-weight: normal;
line-height: 41px;
}
.cp-c h4 {
width: 217px;
height: 40px;
background: url(../images/tw_26.png) no-repeat bottom;
padding-left: 20px;
overflow: hidden;
}
.cp-c h4 a {
font-weight: normal;
color: #0a3090;
font-size: 16px;
font-family: 'Microsoft YaHei';
background: url(../images/tw_23.png) no-repeat left center;
line-height: 40px;
padding-left: 24px;
}
.cp-c ul {
width: 237px;
background: url(../images/tw_26.png) no-repeat bottom;
}
.cp-c li {
width: 172px;
height: 32px;
border-bottom: 1px dashed #999999;
margin-left: 46px;
}
.cp-c li a {
padding-left: 10px;
background: url(../images/tw_29.png) no-repeat left center;
line-height: 29px;
}
.cp-r {
width: 950px;
height: 730px;
float: right;
}
.cp-r h4 {
width: 950px;
height: 53px;
background: url(../images/ta_03.jpg);
padding-left: 20px;
}
.cp-r h4 span.ga {
margin: 0 20px;
float: left;
color: #666666;
font-size: 18px;
font-family: 'Microsoft YaHei';
font-weight: bold;
display: inline-block;
line-height: 50px;
}
.cp-r h4 a {
float: left;
color: #666666;
font-size: 18px;
font-family: 'Microsoft YaHei';
font-weight: bold;
display: inline-block;
line-height: 50px;
}
.cp-r h4 .ce {
background: url(../images/tw_14.png) no-repeat left center;
padding-left: 30px;
}
.cp-r h4 .le {
background: url(../images/tw_06.png) no-repeat left center;
padding-left: 30px;
}
.cp-r h4 .le:hover, .cp-r h4 a.cur0 {
color: #ea5504;
height: 50px;
background: url(../images/tw_17.png) no-repeat left center;
padding-left: 30px;
border-bottom: 3px solid #ea5504;
line-height: 50px;
}
.cp-r h4 .ce:hover, .cp-r h4 a.cur1 {
color: #ea5504;
height: 50px;
background: url(../images/tw_03.png) no-repeat left center;
padding-left: 30px;
border-bottom: 3px solid #ea5504;
line-height: 50px;
}
.ga-c {
width: 950px;
height: 678px;
}
.ga-c li {
width: 32%;
height: 215px;
float: left;
position: relative;
margin-right: 1%;
margin-top: 16px;
border: 1px solid #cccccc;
}
.ga-c li:nth-child(3n) {
margin-right: 0;
}
.ga-c li a {
display: inline-block;
width: 100%;
height: 214px;
}
.ga-c li img {
height: 213px;
margin: 0 auto;
display: block;
}
.ga-c li span {
position: absolute;
left: 0px;
bottom: 0px;
color: #fff;
font-size: 14px;
font-family: 'Microsoft YaHei';
display: block;
background: url(../images/as_03.png) no-repeat;
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
}
.ga-c li:hover {
/*width: 100%;
height: 207px;*/
border: 1px solid #0c419c;
}
.ga-c li a:hover span {
background: url(../images/as_07.png) no-repeat;
width: 100%;
position: absolute;
left: 0px;
bottom: 3px;
}
.gzgz {
width: 1200px;
margin: 0 auto;
}
.gzgz h4 {
width: 1200px;
height: 78px;
background: url(../images/san_03.jpg) no-repeat bottom;
text-align: center;
}
.gzgz h4 a {
color: #0c419c;
font-size: 30px;
font-family: 'Microsoft YaHei';
}
.gzgz h4 span {
margin-top: 15px;
color: #cccccc;
font-weight: normal;
font-size: 14px;
font-family: 'Arial';
display: block;
text-transform: uppercase;
}
.gzgz #swiper2 img{
width: 100%;
height: 172px;
}
.gzgz #swiper2 p{
text-align: center;
}
.gz {
width: 1200px;
position: relative;
}
.gz .le {
position: absolute;
left: -60px;
top: 72px;
}
.zz {
width: 1200px;
height: 259px;
}
.zz ul {
margin-top: 12px;
width: 1200px;
overflow: hidden;
}
.zz li {
width: 24%;
height: 240px;
float: left;
margin-right: 1%;
margin-bottom: 15px;
text-align: center;
}
.zz li img {
width: 100%;
height: 200px;
border: 1px solid #cccccc;
}
.gz .ri {
position: absolute;
right: -60px;
top: 72px;
}
.g-zh {
width: 1200px;
height: 446px;
margin: 0 auto;
margin-top: 40px;
overflow: hidden;
}
.zh-l {
width: 638px;
height: 443px;
float: left;
}
.g-zh h3 {
width: 132px;
height: 443px;
float: left;
}
.g-zh h3 .zt {
width: 132px;
height: 182px;
display: inline-block;
background: #0c419c;
text-align: center;
padding-top: 40px;
}
.g-zh h3 .zt img {
display: block;
margin: 0 auto;
}
.g-zh h3 .zt b {
margin: 10px 0;
color: #fff;
font-size: 18px;
font-family: 'Microsoft YaHei';
font-weight: bold;
display: block;
}
.g-zh h3 .zb {
width: 132px;
height: 182px;
display: inline-block;
background: #f6752e;
text-align: center;
padding-top: 40px;
}
.g-zh h3 .zb img {
display: block;
margin: 0 auto;
}
.g-zh h3 .zb b {
margin: 10px 0;
color: #fff;
font-size: 18px;
font-family: 'Microsoft YaHei';
font-weight: bold;
display: block;
}
.zh-c {
float: left;
width: 505px;
height: 442px;
border: 1px solid #cccccc;
border-width: 1px 1px 1px 0;
}
.zh-c ul {
height: 210px;
border-bottom: 1px solid #cccccc;
width: 485px;
padding-top: 10px;
padding-left: 20px;
}
.zh-c li {
_display: inline;
width: 442px;
background: url(../images/zh_26.jpg) no-repeat left center;
padding-left: 16px;
height: 34px;
line-height: 34px;
overflow: hidden;
}
.zh-c li a {
color: #666666;
font-size: 12px;
font-family: 'Microsoft YaHei';
}
.zh-c li a {
color: #666666;
font-size: 12px;
font-family: 'Microsoft YaHei';
}
.zh-c .none {
border: 0px;
}
.zh-r {
width: 560px;
height: 443px;
float: left;
}
.zh-r h4 {
width: 560px;
height: 48px;
background: #0c419c;
padding-left: 17px;
}
.zh-r h4 a {
font-weight: normal;
background: url(../images/zh_03.jpg) no-repeat left 4px;
color: #fff;
font-size: 18px;
font-family: 'Microsoft YaHei';
padding-left: 27px;
line-height: 48px;
}
.zr {
overflow: hidden;
width: 319px;
height: 395px;
border: 1px solid #cccccc;
border-width: 0px 1px 1px 0px;
background: url(../images/wd_09.jpg) repeat;
}
.zr dl {
line-height: 0;
margin-top: 15px;
margin-left: 10px;
width: 560px;
height: 134px;
border-bottom: 1px dashed #cccccc;
}
.zr dt {
line-height: 20px;
width: 560px;
height: 30px;
padding-left: 28px;
background: url(../images/wd_03.jpg) no-repeat left top;
}
.zr dt a {
color: #0c419c;
font-size: 12px;
font-family: 'Microsoft YaHei';
}
.zr dd {
float: left;
padding-left: 28px;
color: #666666;
font-size: 12px;
font-family: 'Microsoft YaHei';
width: 510px;
height: 91px;
background: url(../images/wd_06.jpg) no-repeat left 5px;
line-height: 24px;
}
.zr dd i {
float: right;
display: block;
color: #0c419c;
font-size: 12px;
font-family: 'Microsoft YaHei';
font-style: normal;
}
.g-bottom {
background: url(../images/bot1_03.jpg) no-repeat center;
width: 100%;
margin: 0 auto;
background-size: cover;
}
.bo-bb, .f_wrap {
width: 1200px;
margin: 0 auto;
position: relative;
}
.f_wrap {
margin-bottom: 30px;
}
.bo-t {
color: #fff;
width: 960px;
height: 65px;
line-height: 50px;
}
.bo-t a {
display: inline-block;
color: #fff;
font-size: 14px;
font-family: 'Microsoft YaHei';
padding: 0 24px;
_padding: 0 22px;
}
.footer-b {
width: 960px;
height: 170px;
padding-top: 27px;
position: relative;
}
.footer-b em {
float: left;
display: inline-block;
position: absolute;
left: 0px;
top: 27px;
}
.footer-b p {
color: #4c4c4c;
float: left;
width: 475px;
padding-left: 330px;
}
.footer-b p span {
display: block;
line-height: 14px;
padding-bottom: 12px;
_padding-bottom: 10px;
color: #ccd2e3;
font-size: 12px;
font-family: 'Microsoft YaHei';
}
.footer-b p .ts {
color: #dee2ed;
font-size: 14px;
font-family: 'Microsoft YaHei';
font-weight: bold;
}
.footer-b p span a {
color: #ccd2e3;
}
.footer-b p i {
font-style: normal;
display: inline-block;
padding-left: 10px;
}
.ldysbg {
background: #fff;
}
.ldys {
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.ldys h4 {
width: 1200px;
height: 78px;
background: url(../images/san_03.png) no-repeat bottom;
text-align: center;
margin-top: 40px;
}
.ldys h4 a {
color: #0c419c;
font-size: 30px;
font-family: 'Microsoft YaHei';
}
.ldys h4 span {
margin-top: 20px;
color: #cccccc;
font-weight: normal;
font-size: 14px;
font-family: 'Arial';
display: block;
text-transform: uppercase;
}
.ldys .hxnr ul {
overflow: hidden;
padding-top: 20px;
padding-bottom: 20px;
}
.ldys .hxnr ul li {
width: 33.33%;
float: left;
text-align: center;
height: 240px;
padding: 20px 0;
cursor: pointer;
}
.ldys .hxnr ul li h2 {
color: #333;
font-size: 18px;
font-family: 'Microsoft YaHei';
line-height: 48px;
}
.ldys .hxnr ul li p {
width: 70%;
margin: 0 auto;
}
* html #kefu1 { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
margin-top: 50px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
position: absolute;
top: expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+50:document.body.scrollTop +50);
}
#kefu1 {
width: 132px;
padding: 10px;
background: #fff;
border: 1px solid #ddd;
box-shadow: 1px 1px 1px #d4d4d4;
font-size: 12px;
}
.cs_tel {
height: 25px;
background: url('../images/img.gif') no-repeat 0px 0px;
}
.cs_tel_ct {
color: #666;
line-height: 150%;
}
.cs_tel_num {
color: #c00;
font-size: 18px;
font-family: Arial, Verdana;
font-style: italic;
font-weight: bold;
display: block;
padding: 5px 0px;
}
.cs_online {
height: 30px;
background: url('../images/img.gif') no-repeat 0px -50px;
}
.cs_online_qq {
height: 25px;
}
.cs_online_qq a:link, .cs_online_qq a:active, .cs_online_qq a:visited, .cs_online_qq a:hover {
text-decoration: none;
color: #666;
}
.cs_qcode {
padding: 10px 0px 0px 0px;
}
.cs_free {
height: 32px;
background: url('../images/img.gif') no-repeat 0px -100px;
}
.cs_free a {
display: block;
height: 32px;
}
.cs_free a span {
display: none;
}
.cs_baidu {
height: 32px;
background: url('../images/img.gif') no-repeat 0px -200px;
}
.cs_baidu a {
display: block;
height: 32px;
}
.cs_baidu a span {
display: none;
}
.cs_spr {
border-bottom: 1px dashed #c0c0c0;
margin: 8px 0px;
}
.cs_space {
clear: both;
overflow: hidden;
height: 8px;
}
.cs_close {
position: absolute;
right: 5px;
top: 5px;
width: 12px;
height: 12px;
background: url('../images/img.gif') no-repeat 0px -150px;
}
.cs_close a {
display: block;
height: 10px;
}
.cs_close a span {
display: none;
}
/*这里是电脑端样式*/
@media screen and (min-width: 1200px) {
.mobile-inner-header {
display: none;
}
.mobilebanner {
display: none;
}
}
/*这是手机和平板通用样式*/
@media screen and (max-width: 1199px) {
.ph_logo img {
height: 100%;
}
.mobilebanner .swiper-slide img {
width: 100%;
}
.g-vs {
background: url(../images/baa_03_02.jpg) no-repeat center;
background-size: contain;
height: 24rem;
}
.vs {
width: 100%;
position: relative;
height: 100%;
}
.hao {
position: absolute;
top: 0;
left: 0;
}
.cha {
position: absolute;
top: 0;
right: 0;
}
.hao h4 {
height: 1rem;
margin-left: 1rem%;
margin-bottom: 2rem;
color: #0c419c;
font-size: 1rem;
font-family: 'Microsoft YaHei';
font-weight: bold;
}
.cha h4 {
height: 1rem;
margin-right: 1rem;
margin-bottom: 2rem;
text-align: right;
color: #999999;
font-size: 1rem;
font-family: 'Microsoft YaHei';
font-weight: bold;
}
.hao {
width: 32%;
float: left;
margin-top: 2.5rem;
margin-left: 1rem;
}
.cha {
width: 32%;
float: right;
margin-top: 2.5rem;
margin-right: 1rem;
}
.vs-c a {
color: #fff;
line-height: 1rem;
font-family: 'Microsoft YaHei';
display: block;
text-align: center;
width: 4rem;
}
.vs-c a b {
font-size: 0.9rem;
}
.v1 {
position: absolute;
top: 7.5rem;
left: 18rem;
}
.v2 {
position: absolute;
top: 12.5rem;
left: 18rem;
}
.v3 {
position: absolute;
top: 17rem;
left: 18rem;
}
.v4 {
position: absolute;
top: 21.5rem;
left: 18rem;
}
.hao .h-c div p {
color: #e0e0e0;
font-size: 1rem;
font-family: 'Impact';
text-transform: uppercase;
height: 1.2rem;
word-spacing: 0px;
text-align: left;
}
.hao .h-c div li a {
color: #0c419c;
font-size: 0.7rem;
font-family: 'Microsoft YaHei';
font-weight: bold;
line-height: 1rem;
}
.hao .h-c {
width: 100%;
text-align: left;
}
.hao .h-c div {
width: 100%;
height: 4rem;
margin-top: 0.9rem;
}
.hao .h-c div li span {
font-size: 0.7rem;
}
.hao .h-c div li {
line-height: 1rem;
}
.cha .h-c {
width: 100%;
}
.cha .h-c div {
width: 100%;
height: 4rem;
margin-top: 0.9rem;
}
.cha .h-c div li {
line-height: 1rem;
width: 100%;
}
.cha .h-c div li a {
font-size: 0.6rem;
margin-left: 0.8rem;
}
.cha .h-c div p {
text-align: right;
color: #e0e0e0;
font-size: 1rem;
font-family: 'Impact';
text-transform: uppercase;
height: 1rem;
}
.cha .h-c div p b {
font-size: 1rem;
}
.hao .h-c div p b {
font-size: 1rem;
}
.g-xgg {
background: url(../images/dt_02_03.jpg) no-repeat center;
background-size: cover;
height: 6rem;
}
.g-xgg .tjj {
position: absolute;
top: 1rem;
left: auto;
right: 1rem;
margin-left: auto;
}
.ldys {
width: 100%;
height: auto;
}
.ldys h4 {
width: 100%;
height: auto;
}
.g-cpzx {
width: 100%;
height: auto;
}
.cp-l {
width: 20%;
height: auto;
}
.cp-t {
width: 100%;
height: 3rem;
}
.cp-t a {
padding-top: 1.6rem;
display: inline-block;
width: 100%;
height: 1.4rem;
background: url(../images/tw_11.png) no-repeat;
color: #fff;
font-size: 0.9rem;
font-family: 'Microsoft YaHei';
font-weight: bold;
text-align: center;
}
.cp-c {
width: 100%;
height: auto;
background: #eeeeee;
margin-top: 1px;
}
.cp-c h4 {
width: 92%;
height: 1.3rem;
background: url(../images/tw_26.png) no-repeat bottom;
padding-left: 0.4rem;
overflow: hidden;
}
.cp-c h4 a {
font-weight: normal;
color: #0a3090;
font-size: 0.6rem;
font-family: 'Microsoft YaHei';
background: url(../images/tw_23.png) no-repeat left center;
background-size: contain;
line-height: 1.2rem;
padding-left: 0.8rem;
}
.cp-r {
width: 78%;
height: auto;
float: right;
}
.cp-r h4 {
width: 100%;
height: 3rem;
}
.ga-c {
width: 100%;
height: auto;
}
.ga-c li {
height: 8rem;
}
.ga-c li img {
height: 8rem;
}
.cp-r ul {
overflow: hidden;
width: 100%;
}
.g-xgg .tjj p {
font-size: 0.8rem;
}
.g-xgg .tjj p span {
font-size: 0.9rem;
}
.g-xgg .tjj img {
width: 6rem;
}
.ldys h4 a {
color: #0c419c;
font-size: 1rem;
font-family: 'Microsoft YaHei';
}
.ldys .hxnr ul li h2 {
color: #333;
font-size: 0.8rem;
font-family: 'Microsoft YaHei';
line-height: 1.8rem;
}
.ldys .hxnr ul li p {
width: 70%;
margin: 0 auto;
font-size: 0.6rem;
line-height: 1rem;
}
.ldys .hxnr ul li {
height: 8rem;
}
.ga-c li span {
position: absolute;
left: 0px;
bottom: 0px;
color: #fff;
font-size: 0.6rem;
font-family: 'Microsoft YaHei';
display: block;
background: url(../images/as_03.png) no-repeat;
width: 100%;
height: 1rem;
line-height: 1rem;
text-align: center;
}
.ga-c li a {
height: auto;
}
.gzgz {
width: 100%;
}
.gzgz h4 a {
font-size: 1rem;
}
.gzgz h4 {
width: 100%;
height: 3rem;
}
.gz {
width: 100%;
}
.zz {
width: 100%;
height: 9rem;
}
.zz ul {
width: 100%;
}
.zz li {
height: 8rem;
}
.zz li img {
height: 7rem;
}
.zz li {
font-size: 0.5rem;
}
.g-zh {
width: 100%;
height: auto;
margin: 0 auto;
margin-top: 2rem;
overflow: hidden;
margin-bottom: 0.5rem;
}
.zh-l {
width: 60%;
height: auto;
float: left;
}
.g-zh h3 {
width: 15%;
height: 50%;
float: left;
}
.g-zh h3 .zt {
width: 100%;
height: 6.6rem;
display: block;
background: #0c419c;
text-align: center;
padding-top: 2rem;
}
.g-zh h3 .zt img {
width: 2rem;
display: block;
margin: 0 auto;
}
.g-zh h3 .zt b {
margin: 0.5rem 0;
color: #fff;
font-size: 0.6rem;
font-family: 'Microsoft YaHei';
font-weight: bold;
display: block;
}
.g-zh h3 .zb {
width: 100%;
height: 6.6rem;
display: block;
background: #f6752e;
text-align: center;
padding-top: 2rem;
}
.g-zh h3 .zb img {
width: 2rem;
display: block;
margin: 0 auto;
}
.g-zh h3 .zb b {
margin: 0.5rem 0;
color: #fff;
font-size: 0.6rem;
font-family: 'Microsoft YaHei';
font-weight: bold;
display: block;
}
.zh-c {
float: left;
width: 84%;
height: 17.2rem;
border: 1px solid #cccccc;
border-width: 1px 1px 1px 0;
}
.zh-c ul {
height: 8.6rem;
border-bottom: 1px solid #cccccc;
width: 100%;
padding-top: 0.1rem;
padding-left: 0.2rem;
}
.zh-c li {
width: 90%;
height: 1.4rem;
line-height: 1.4rem;
}
.zh-r {
width: 40%;
height: 17rem !important;
float: left;
}
.zr {
width: 100% !important;
height: 16rem !important;
}
.zr dd {
float: left;
padding-left: 1rem;
color: #666666;
font-size: 0.5rem;
font-family: 'Microsoft YaHei';
width: 100%;
height: 4rem;
background: url(../images/wd_06.jpg) no-repeat left 5px;
line-height: 1rem;
}
.bo-bb {
width: 100%;
}
.bo-t {
width: 100%;
}
.bo-t a {
font-size: 0.6rem;
padding: 0 1rem;
}
.cp-r h4 a {
font-size: 0.7rem;
}
.footer-b {
width: 100%;
}
.footer-b em a img {
width: 14rem;
}
.footer-b p {
width: 14rem;
padding-left: 16rem;
}
.footer-b p .ts {
color: #dee2ed;
font-size: 0.6rem;
font-family: 'Microsoft YaHei';
font-weight: bold;
}
.footer-b p span {
display: block;
line-height: 0.8rem;
padding-bottom: 0.4rem;
color: #ccd2e3;
font-size: 0.6rem;
font-family: 'Microsoft YaHei';
}
.footer-b p i {
font-style: normal;
display: inline-block;
padding-left: 0;
}
.rwm img {
width: 5rem;
}
.zh-r h4 {
width: 560px;
height: 1.4rem;
background: #0c419c;
padding-left: 0.6rem;
}
.zh-r h4 a {
font-weight: normal;
background: url(../images/zh_03.jpg) no-repeat left;
background-size: contain;
color: #fff;
font-size: 0.8rem;
font-family: 'Microsoft YaHei';
padding-left: 1.2rem;
line-height: 1.2rem;
}
.zr dt a {
font-size: 0.6rem;
}
.zh-c li a {
font-size: 0.6rem;
}
.computerbanner {
display: none;
}
/*.indexTop{
height: 6.5rem;
}*/
.welcome {
width: 100%;
margin: 0 auto;
font-size: 0.6rem;
line-height: 1rem;
color: #333;
text-align: left;
}
.wrap {
width: 100%;
overflow: hidden;
}
.wrap ol img {
height: 3rem;
}
.wrap .fr .phoneposition {
font-size: 0.9rem !important;
}
.top_right {
width: 20rem;
font-size: 1rem;
}
.top_right img {
width: 60%;
float: right;
}
#zzsc {
width: 100%;
height: 4rem;
}
#zzsc > ul {
width: 100%;
}
#zzsc ul li a {
width: 100%;
height: 2rem;
line-height: 2rem;
display: block;
float: left;
font-size: 0.6rem;
font-family: '微软雅黑';
color: #fff;
text-decoration: none;
}
#zzsc > ul > li {
z-index: 9999;
margin-top: -0.2rem;
}
.top_bg {
height: auto;
}
#zzsc > ul > li {
background-size: 2% 50%;
padding-left: 0.2rem;
padding-right: 0.2rem;
}
}
/*这里是平板端样式*/
@media screen and (min-width: 641px) and (max-width: 1199px) {
.mobile-inner-header {
display: none;
}
.index_show {
display: none;
}
.mobilebanner img {
width: 100%;
}
.a_pest {
width: 100%;
}
.a_left {
width: 20%;
}
.a_left_top {
width: 100%;
height: 4.5rem;
}
.a_left_top p {
font-size: 0.8rem;
line-height: 2rem;
padding-top: 1rem;
padding-right: 1rem;
}
.a_left_top p em {
font-size: 0.6rem;
line-height: 1rem;
}
.lanmu_a {
width: 100%;
}
#io {
background: url(../images/aa1_r2_c2.jpg) no-repeat;
width: 90%;
height: 2rem;
text-align: right;
padding-right: 2rem;
line-height: 2rem;
font-size: 0.7rem;
display: block;
color: #01478f;
}
.lanmu_a li a {
background: url(../images/aa1_r4_c2.jpg) no-repeat;
width: 90%;
height: 2rem;
text-align: right;
padding-right: 2rem;
line-height: 2rem;
font-size: 0.7rem;
display: block;
}
.a_left .w100 img {
width: 100%;
}
.a_right {
background: #fff;
overflow: hidden;
width: 80%;
padding-bottom: 0.5rem;
}
.about_js {
width: 96%;
padding-bottom: 1rem;
overflow: hidden;
margin: 0 auto;
padding-top: 1rem;
}
.about_js p {
font-size: 0.7rem;
line-height: 1rem;
}
.footer_bar {
display: none;
}
.section {
height: 6.5rem;
}
.computer {
display: none;
}
#menu {
width: 100%;
}
#menu a {
padding-right: 1rem;
background: none;
text-align: left;
width: 100%;
height: 2rem;
line-height: 2rem;
display: block;
padding-left: 0.2rem;
white-space: nowrap;
overflow: hidden;
font-size: 0.6rem;
}
.boder-b span a {
font-size: 0.6rem;
}
.boder-b {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.cp_list dl dd {
width: 33%;
}
.cp_list dl dd img {
width: 100%;
height: auto;
}
.cp_list dd span {
line-height: 1.5rem;
font-size: 0.7rem;
text-align: center;
}
.fr .w100 span {
font-size: 0.6rem;
}
.news_list {
width: 100%;
}
.productbox .tb-booth {
width: 55%;
}
.productbox .tb-booth img {
width: 100%;
}
.productbox .contdetail {
width: 45%;
}
.productbox .contdetail h1 {
font-size: 1rem;
color: #0054a6;
border-bottom: 1px solid #ccc;
padding-bottom: 0.25rem;
margin-bottom: 0.5rem;
padding-top: 0.5rem;
text-align: left;
}
.contdetail .pro-detail {
font-size: 0.6rem;
}
.productbox .contdetail .zixun {
width: 10rem;
padding: 0.2rem 0.6rem;
font-size: 0.8rem;
background-color: #1e71b1;
color: #fff;
margin-left: 0;
margin-top: 0.8rem;
}
.anispan {
cursor: pointer;
margin: 0 0.2rem;
padding: 0.5rem 0.4rem;
float: left;
}
.pro_content > div {
width: 96%;
margin: 0 auto;
}
.pesr_bs {
width: 96%;
margin: 0 auto;
padding: 1rem 2%;
margin-top: 0;
}
.pesr_bs .w100 p {
font-size: 0.8rem;
}
.pesr_bs .w100 span {
line-height: 2rem;
font-size: 0.6rem;
}
.pesr_bs .pt20 .fl {
width: 35%;
}
.pesr_bs .pt20 .fl img {
width: 100%;
}
.pesr_bs .pt20 .fl dd div {
font-size: 0.8rem !important;
bottom: 1rem !important;
left: 4.2rem !important;
}
.pesr_bs .pt20 .w732 {
width: 64%;
}
.pesr_bs .pt20 .w732 h1 img {
width: 100%;
}
.pesr_bs .pt20 .w732 h2 {
font-size: 0.9rem;
}
.pesr_bs .pt20 .w732 p {
font-size: 0.6rem;
}
.pesr_bs .pt20 .w732 p img {
width: 100%;
margin-left: -1.2rem;
}
.yzzt-ny-dl dt {
float: left;
width: 30%;
display: block;
}
.yzzt-ny-dl dt img {
width: 100%;
}
.yzzt-ny-dl dd {
float: right;
display: block;
width: 68%;
text-align: left;
}
.yzzt-ny-dl dd h2 a {
font-size: 0.8rem;
line-height: 1.6rem;
}
.yzzt-ny-dl dd h3 {
font-size: 0.6rem;
line-height: 1.6rem;
}
.yzzt-ny-dl dd p {
display: none
}
.yzzt-ny-dl dd h1 {
font-size: 0.7rem;
line-height: 1.6rem;
}
.lianx {
width: 100%;
}
.lianx .w744 {
width: 60%;
}
.lianx .w744 p span {
font-size: 0.6rem;
}
.lianx .w323 {
width: 40%;
}
.lianx .w323 .fr .pt15 {
padding-top: 0.7rem;
margin-right: 4rem;
}
.lianx .w323 .fr .pt15 img {
width: 4rem;
}
.lianx .w323 .fr .pt15 i {
font-size: 0.8rem;
}
.ldys .hxnr ul li {
height: 9rem;
}
.ldys .hxnr ul li .kuang {
width: 90%;
background: #fff;
border: 1px solid #dcdcdc;
padding: 1.5rem 0 1.5rem;
margin-top: -30px;
height: 5rem;
}
.ldys .hxnr ul li:hover .kuang {
box-shadow: rgba(0, 0, 0, 0.13) 0px 10px 15px;
transition: all 0.5s ease 0s;
}
.ldys .hxnr ul li:hover img {
transform: rotate(360deg);
transition: all 0.3s ease;
}
.f_logo, .f_link {
width: 100%;
}
.f_link .box {
width: 20.5%;
height: 156px;
float: left;
position: relative;
}
/*.f_link .box dl{
padding-right: 12%;
}*/
.f_link .box dl dt {
font-size: 18px;
line-height: 25px;
color: #fff;
margin-bottom: 12px;
}
.f_link .box dl dd {
float: left;
width: 50%;
font-size: 14px;
line-height: 30px;
color: #fff;
color: rgba(255, 255, 255, 0.6);
}
.f_link dd a {
color: rgba(255, 255, 255, 0.6);
}
.f_link dd:hover a {
color: #fff;
}
.f_link .lianxifangshi {
width: 28%;
height: 156px;
float: left;
position: relative;
}
.f_link .lianxifangshi .fix {
padding: 0 8%;
}
.f_link .lianxifangshi dt {
font-size: 18px;
line-height: 25px;
color: #fff;
margin-bottom: 12px;
}
.f_link .lianxifangshi dd {
float: left;
/*margin-right: 50px;*/
width: 100%;
font-size: 14px;
line-height: 30px;
color: #fff;
color: rgba(255, 255, 255, 0.6);
}
.f_link .rwm {
width: 12.5%;
float: right;
text-align: center;
}
.f_link .rwm p {
font-size: 12px;
line-height: 30px;
color: #fff;
color: rgba(255, 255, 255, 0.7);
text-align: center;
}
.f_bott {
background: rgba(0, 0, 0, 0.3);
width: 100%;
height: 51px;
overflow: hidden;
}
.f_bott .wrap {
width: 1200px;
margin-right: auto;
margin-left: auto;
}
.f_bott .left {
float: left;
font-size: 13px;
color: #fff;
color: rgba(255, 255, 255, 0.6);
line-height: 24px;
padding: 13px 0 14px;
}
.f_bott .left .f_company {
padding: 0 7px 0 3px;
}
.f_bott .right {
float: right;
font-size: 13px;
color: #fff;
color: rgba(255, 255, 255, 0.7);
line-height: 24px;
padding: 13px 0 14px;
}
.f_bott a {
color: rgba(255, 255, 255, 0.6);
}
.lianxifangshi dd i {
display: inline-block;
width: 18px;
height: 18px;
background: url(../images/f_ico.png) no-repeat;
margin-right: 10px;
}
.lianxifangshi dd .icon01 {
background-position: 0 0;
}
.lianxifangshi dd .icon02 {
background-position: 0 -18px;
}
.lianxifangshi dd .icon03 {
background-position: 0 -36px;
}
.lianxifangshi dd .icon04 {
background-position: 0 -54px;
}
.f_link .box:after, .lianxifangshi:after, .f_computer dl:after {
content: '';
width: 1px;
height: 158px;
background: #fff;
background: rgba(255, 255, 255, 0.23);
position: absolute;
right: 0;
top: 50%;
margin-top: -79px;
}
.f_computer {
width: 38.5%;
height: 156px;
float: left;
position: relative;
}
.f_computer dl {
padding: 0 8%;
}
.f_computer dd {
font-size: 14px;
line-height: 25px;
color: rgba(255, 255, 255, 0.6);
}
.f_computer dt {
font-size: 18px;
line-height: 25px;
color: #fff;
margin-bottom: 12px;
}
.bo-bb, .f_wrap {
width: 100%;
margin: 0 auto;
position: relative;
}
.f_computer {
display: none;
}
.f_wrap {
width: 96%;
margin: 0 auto;
}
.f_link .box {
width: 33.33%;
}
.f_link .lianxifangshi {
width: 33.33%;
}
.f_link .rwm {
width: 33.33%;
}
.f_bott .wrap {
width: 96%;
}
.f_link .box dl dt {
font-size: 0.6rem;
line-height: 1.2;
color: #fff;
margin-bottom: 0.6rem;
}
.f_link .lianxifangshi dt {
font-size: 0.6rem;
line-height: 1.2;
color: #fff;
margin-bottom: 0.6rem;
}
.f_link .box dl dd {
float: left;
width: 50%;
font-size: 0.5rem;
line-height: 1.2rem;
color: #fff;
color: rgba(255, 255, 255, 0.6);
}
.f_link .lianxifangshi dd {
float: left;
/* margin-right: 50px; */
width: 100%;
font-size: 0.5rem;
line-height: 1.2rem;
color: #fff;
color: rgba(255, 255, 255, 0.6);
}
.f_link .lianxifangshi dd span {
font-size: 0.5rem;
line-height: 1.2rem;
}
.f_link .rwm p {
font-size: 0.5rem;
line-height: 1.2rem;
color: #fff;
color: rgba(255, 255, 255, 0.7);
text-align: center;
}
}
/*这里是电脑样式*/
@media screen and (min-width: 1200px) {
.mobile {
display: none;
}
.footer_bar {
display: none;
}
.ldys .hxnr ul li .kuang {
width: 90%;
background: #fff;
border: 1px solid #dcdcdc;
padding: 50px 0 20px;
margin-top: -30px;
height: 160px;
}
.ldys .hxnr ul li:hover .kuang {
box-shadow: rgba(0, 0, 0, 0.13) 0px 10px 15px;
transition: all 0.5s ease 0s;
}
.ldys .hxnr ul li:hover img {
transform: rotate(360deg);
transition: all 0.3s ease;
}
.f_logo, .f_link {
width: 100%;
}
.f_link .box {
width: 20.5%;
height: 156px;
float: left;
position: relative;
}
/*.f_link .box dl{
padding-right: 12%;
}*/
.f_link .box dl dt {
font-size: 18px;
line-height: 25px;
color: #fff;
margin-bottom: 12px;
}
.f_link .box dl dd {
float: left;
width: 50%;
font-size: 14px;
line-height: 30px;
color: #fff;
color: rgba(255, 255, 255, 0.6);
}
.f_link dd a {
color: rgba(255, 255, 255, 0.6);
}
.f_link dd:hover a {
color: #fff;
}
.f_link .lianxifangshi {
width: 28%;
height: 156px;
float: left;
position: relative;
}
.f_link .lianxifangshi .fix {
padding: 0 8%;
}
.f_link .lianxifangshi dt {
font-size: 18px;
line-height: 25px;
color: #fff;
margin-bottom: 12px;
}
.f_link .lianxifangshi dd {
float: left;
/*margin-right: 50px;*/
width: 100%;
font-size: 14px;
line-height: 30px;
color: #fff;
color: rgba(255, 255, 255, 0.6);
}
.f_link .rwm {
width: 12.5%;
float: right;
text-align: center;
}
.f_link .rwm p {
font-size: 12px;
line-height: 30px;
color: #fff;
color: rgba(255, 255, 255, 0.7);
text-align: center;
}
.f_bott {
background: rgba(0, 0, 0, 0.3);
width: 100%;
height: 51px;
overflow: hidden;
}
.f_bott .wrap {
width: 1200px;
margin-right: auto;
margin-left: auto;
}
.f_bott .left {
float: left;
font-size: 13px;
color: #fff;
color: rgba(255, 255, 255, 0.6);
line-height: 24px;
padding: 13px 0 14px;
}
.f_bott .left .f_company {
padding: 0 7px 0 3px;
}
.f_bott .right {
float: right;
font-size: 13px;
color: #fff;
color: rgba(255, 255, 255, 0.7);
line-height: 24px;
padding: 13px 0 14px;
}
.f_bott a {
color: rgba(255, 255, 255, 0.6);
}
.lianxifangshi dd i {
display: inline-block;
width: 18px;
height: 18px;
background: url(../images/f_ico.png) no-repeat;
margin-right: 10px;
}
.lianxifangshi dd .icon01 {
background-position: 0 0;
}
.lianxifangshi dd .icon02 {
background-position: 0 -18px;
}
.lianxifangshi dd .icon03 {
background-position: 0 -36px;
}
.lianxifangshi dd .icon04 {
background-position: 0 -54px;
}
.f_link .box:after, .lianxifangshi:after, .f_computer dl:after {
content: '';
width: 1px;
height: 158px;
background: #fff;
background: rgba(255, 255, 255, 0.23);
position: absolute;
right: 0;
top: 50%;
margin-top: -79px;
}
.f_computer {
width: 38.5%;
height: 156px;
float: left;
position: relative;
}
.f_computer dl {
padding: 0 8%;
}
.f_computer dd {
font-size: 14px;
line-height: 25px;
color: rgba(255, 255, 255, 0.6);
}
.f_computer dt {
font-size: 18px;
line-height: 25px;
color: #fff;
margin-bottom: 12px;
}
}
@media screen and (min-width: 641px) {
#online_qq_tab1 {
display: none;
}
}