/*========== 鍏ㄥ眬 ==========*/
html {
overflow-y: scroll;
overflow-x: hidden;
_background-image: url(about:blank);
_background-attachment: fixed;
position: relative;
}
body {
font-family: "Microsoft Yahei", Arial, 'Hiragino Sans GB', sans-serif;
font-size: 12px;
color: #333333;
background-color: #f9f9f9;
background-color: #fff;
position: relative;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
sup,
sub {
margin: 0;
padding: 0
}
fieldset,
img {
border: 0
}
ul,
ol,
li {
list-style: none;
}
img {
-ms-interpolation-mode: bicubic;
vertical-align: top;
}
input,
textarea,
select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
outline: none;
font-family: "Microsoft Yahei";
}
.imgmiddle,
input,
select {
vertical-align: middle;
}
.table {
border-collapse: collapse;
border-spacing: 0;
}
.clear {
clear: both;
height: 0;
overflow: hidden;
}
.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
zoom: 1;
}
.fl {
float: left;
display: inline;
}
.fr {
float: right;
display: inline;
}
a {
text-decoration: none;
color: #333333;
}
a:hover {
text-decoration: none;
color: #f60;
}
a:active {
blr: expression(this.onFocus=this.blur());
}
.ffyh {
font-family: "Microsoft Yahei";
}
.ffarial {
font-family: "arial";
}
.tc {
text-align: center;
}
.tl {
text-align: left;
}
.tr {
text-align: right;
}
.word {
word-break: break-all;
}
.dn {
display: none;
}
.op {
-moz-opacity: 0;
opacity: 0;
}
table,
table td,
table th {
border: 1px solid #e0e0e0;
border-collapse: collapse;
}
.db {
display: block;
}
.box_w {
width: 1100px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.in_body {
width: 100%;
min-width: 1200px;
}
.J-tab {
display: none;
}
.header_fixed {
width: 100%;
position: fixed;
_position: absolute;
_top: expression(eval(document.documentElement.scrollTop));
top: 0;
left: 0;
z-index: 999;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms;
}
.fixedBg {
width: 300%;
position: fixed;
_position: absolute;
_top: expression(eval(document.documentElement.scrollTop));
top: 0;
left: 0;
margin-left: -100%;
z-index: 1;
text-align: center;
}
.header_fixed.hide {
margin-top: -141px;
}
.topBoxW {
background-color: #ffffff;
padding: 10px 0;
border-bottom: 1px solid #f2f2f2;
position: relative;
}
.topBox {
height: 15px;
line-height: 15px;
color: #999999;
overflow: hidden;
}
.topBox .gz {
float: left;
}
.topBox .gz span {
float: left;
color: #999999;
}
.topBox .gz ul {
float: left;
overflow: hidden;
}
.topBox .gz li {
height: 16px;
float: left;
padding-left: 10px;
margin-right: 10px;
position: relative;
margin-left: -1px;
}
.topBox .gz li:after {
content: "";
height: 10px;
border-left: 1px solid #d3d3d3;
position: absolute;
left: 0;
top: 50%;
margin-top: -5px;
}
.topBox .gz a {
height: 16px;
line-height: 16px;
color: #666666;
padding-left: 22px;
position: relative;
float: left;
}
.topBox .gz a i {
position: absolute;
top: 0;
left: 0;
}
.topBox .hy {
float: left;
}
.topBox .fl_box {
float: right;
height: 40px;
overflow: hidden;
position: relative;
right: -10px;
}
.topBox .fl_box ul {
margin-right: -10px;
}
.topBox .fl_box li {
float: left;
color: #999999;
position: relative;
padding: 0 17px;
font-size: 14px;
}
.topBox .fl_box li:after {
content: "";
height: 10px;
border-left: 1px solid #d3d3d3;
position: absolute;
right: 0;
top: 50%;
margin-top: -5px;
}
.topBox .fl_box li span {
color: #0162a8;
}
.topBox .top_register {
float: left;
margin-right: 5px;
}
.topBox .top_register a {
color: #999999;
display: inline-block;
*display: inline;
*zoom: 0;
padding: 0 5px;
}
.topBox .top_register a:hover {
color: #fff;
}
.topBox .top_btn {
float: left;
font-size: 0px;
}
.topBox .top_btn a {
width: 40px;
height: 40px;
display: inline-block;
*display: inline;
*zoom: 0;
position: relative;
}
.topBox .top_btn a:hover {
background-color: #303030;
}
.topBox .top_btn i {
width: 12px;
height: 12px;
top: 50%;
left: 50%;
position: absolute;
margin-left: -6px;
margin-top: -6px;
}
.shopBtn i {
background: url(../images/top_selectBtn.png) no-repeat;
}
.selectBtn i {
background: url(../images/top_shopBtn.png) no-repeat;
}
.headerW {
background-color: #fff;
position: relative;
z-index: 10;
}
.header {
height: 80px;
position: relative;
}
.logo {
position: absolute;
height: 26px;
left: 0;
top: 50%;
margin-top: -13px;
display: inline;
}
.logo a {
float: left;
}
.nav {
float: right;
right: -10px;
}
.nav .li1 {
float: left;
display: inline-block;
*display: inline;
*zoom: 0;
z-index: 5;
}
.nav .li1 .a1 {
height: 80px;
line-height: 80px;
display: block;
padding: 0 12px;
font-size: 16px;
color: #333333;
position: relative;
z-index: 2;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
transition: 300ms;
}
.nav .li1 .a3 {
height: 60px;
line-height: 60px;
display: block;
padding: 0 12px;
font-size: 16px;
color: #333333;
position: relative;
z-index: 2;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
transition: 300ms;
border-bottom: 1px solid #005eaa;
margin-bottom: 5px;
}
.nav .li1 .a1:after {
width: 100%;
border-bottom: 4px solid #069;
content: "";
left: 0;
bottom: 0;
position: absolute;
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
.nav .li1 .a1:hover,
.nav .li1.on .a1 {
color: #005fa5;
}
.nav .li1 .a3:hover,
.nav .li1.on .a3 {
color: #005fa5;
}
.nav .li1.current .a1 {
color: #005fa5;
}
.nav .li1 .a1:hover:after,
.nav .li1.on .a1:after,
.nav .li1.current .a1:after {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
display: none;
}
.nav2_w {
width: 1000px;
position: absolute;
display: none;
/* margin-left: -2000px; */
/* padding: 0 2000px; */
padding-top: 10px;
padding-bottom: 30px;
left: 0;
background-color: #fafafa;
top: 80px;
z-index: 9;
padding: 10px 50px;
}
.nav2_w_jj {
/* width: 1000px; */
position: absolute;
display: none;
/* margin-left: -2000px; */
/* padding: 0 2000px; */
padding-top: 10px;
padding-bottom: 30px;
left: 0;
background-color: #fafafa;
top: 80px;
z-index: 9;
padding: 10px 50px;
text-align: center;
}
.nav2 {
position: relative;
overflow: hidden;
width: 800px;
margin: 0 auto;
}
.nav2 ul {
width: 1000px;
padding-bottom: 20px;
}
.nav2 .jj_li2 {
width: 250px;
/* margin-right: 110px; */
/* float: left; */
z-index: 1;
/*display: inline-block;*/
margin-top: 20px;
}
.nav2 .li2 {
width: 200px;
/* margin-right: 110px; */
/* float: left; */
z-index: 1;
display: inline-block;
margin-top: 20px;
}
.nav3_w {
position: absolute;
display: none;
/* margin-left: -2000px; */
/* padding: 0 2000px; */
padding-top: 10px;
padding-bottom: 30px;
left: -36px;
background-color: #fafafa;
top: 80px;
z-index: 9;
padding: 10px 20px;
width: 120px;
text-align: center;
font-size: 14px;
}
.nav3 {
position: relative;
overflow: hidden;
margin: 0 auto;
}
.nav3 ul {
padding-bottom: 20px;
}
.nav3 .li2 {
/* margin-right: 110px; */
/* float: left; */
z-index: 1;
margin-top: 20px;
}
.nav3 .li2 a{
display: block;
}
.nav2 .a2 {
height: 20px;
line-height: 20px;
/* padding: 9px 0; */
padding-left: 15px;
position: relative;
font-size: 14px;
color: #000;
/* display: block; */
/* width: 224px; */
/* display: inline; */
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
/* float: left; */
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
/* transition: 300ms; */
}
.nav2 .a2 i {
width: 8px;
height: 8px;
position: absolute;
top: 50%;
margin-top: -4px;
background: url(../images/nav2_i.png) no-repeat;
left: 0;
margin-top: -4px;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
transition: 300ms;
}
.nav2 .li2.on {
z-index: 9;
}
.nav2 .a2:hover,
.nav2 .li2.on .a2 {
color: #0361a8;
}
.nav2 .a2:hover i,
.nav2 .li2.on .a2 i {
background: url(../images/nav2_iH.png) no-repeat;
}
.nav2 .a2:hover em,
.nav2 .li2.on .a2 em {
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
.in_banner .swiper-slide {
position: relative;
}
.in_banner .pagination {
width: 100%;
position: absolute;
bottom: 24px;
left: 0;
margin-left: 0;
z-index: 9;
text-align: right;
font-size: 0px;
padding-bottom: 0;
text-align: center;
}
.in_banner .swiper-pagination-switch {
width: 12px;
height: 12px;
display: inline-block;
margin: 0 9px;
background-color: #fff;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
}
.in_banner .swiper-active-switch {
background-color: #0261a8;
}
/*Swiper鍘熸牱寮 */
.swiper-pagination-bullet {
width: 15px !important;
height: 15px !important;;
margin-left: 10px !important;;
background: #fff;
opacity: 0.6;
}
/** 浜у搧 **/
.in_caseW {
padding-bottom: 75px;
background-color: #f4f4f4;
}
.in_caseConW {
width: 1000px;
position: relative;
}
.in_caseCon {
width: 1000px;
position: relative;
z-index: 2;
margin-top: 52px;
overflow: hidden;
}
.in_caseCon .swiper-container {
width: 1110px;
height: 400px;
overflow: hidden;
z-index: 1;
position: relative;
}
.in_caseCon .swiper-wrapper {
position: relative;
z-index: 1;
}
.in_caseCon .swiper-slide {
position: relative;
}
.in_caseCon .swiper-slide a {
width: 260px;
display: block;
}
.in_caseCon .pagination {
width: 100%;
position: absolute;
bottom: 24px;
left: 0;
margin-left: 0;
z-index: 9;
text-align: right;
font-size: 0px;
padding-bottom: 0;
text-align: center;
}
.in_caseCon .swiper-pagination-switch {
width: 12px;
height: 12px;
display: inline-block;
margin: 0 9px;
background: url(../images/in_banner_btnH.png) no-repeat;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
}
.in_caseCon .swiper-active-switch {
background: url(../images/in_banner_btn.png) no-repeat;
}
.in_caseCon .img {
width: 260px;
}
.in_caseCon .txt {
width: 260px;
}
.in_caseCon h3 {
height: 38px;
line-height: 38px;
font-size: 18px;
color: #000000;
margin-top: 12px;
margin-bottom: 9px;
font-weight: normal;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms;
}
.in_caseCon p {
font-size: 14px;
color: #666666;
line-height: 18px;
}
.in_caseCon a:hover h3 {
color: #0261a8;
font-weight: bold;
}
in_solutionConW .arrow-left {
background: url(../images/in_case_btnL.png) no-repeat;
width: 54px;
height: 46px;
position: absolute;
left: -105px;
top: 138px;
z-index: 2;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
in_solutionConW .arrow-left:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
in_solutionConW .arrow-right {
background: url(../images/in_case_btnR.png) no-repeat;
width: 54px;
height: 46px;
position: absolute;
right: -105px;
top: 138px;
z-index: 2;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
in_solutionConW .arrow-right:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
/** 瑙e喅鏂规 **/
.in_solutionW {
padding-bottom: 112px;
}
.in_solutionConW {
width: 1200px;
position: relative;
margin-top: 50px;
}
.in_solutionCon {
width: 1200px;
position: relative;
z-index: 2;
}
.in_solutionCon .swiper-container {
width: 1160px;
height: 400px;
overflow: hidden;
z-index: 1;
position: relative;
}
.in_solutionCon .swiper-wrapper {
position: relative;
z-index: 1;
}
.in_solutionCon .swiper-slide {
position: relative;
}
.in_solutionCon .swiper-slide .li_conW {
width: 260px;
height: 400px;
background-color: #fff;
position: relative;
float: left;
padding: 0 20px;
}
.in_solutionCon .pagination {
width: 100%;
position: absolute;
bottom: 24px;
left: 0;
margin-left: 0;
z-index: 9;
text-align: right;
font-size: 0px;
padding-bottom: 0;
text-align: center;
}
.in_solutionCon .swiper-pagination-switch {
width: 12px;
height: 12px;
display: inline-block;
margin: 0 9px;
background: url(../images/in_banner_btnH.png) no-repeat;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
}
.in_solutionCon .li_con .b1 {
width: 0;
height: 280px;
border-right: 5px solid #f2f2f2;
position: absolute;
bottom: 0;
right: 0;
}
.in_solutionCon .li_con .b2 {
width: 220px;
height: 0;
border-bottom: 5px solid #f2f2f2;
position: absolute;
bottom: 0;
right: 0;
}
.in_solutionCon .li_con .b0 {
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms;
}
.in_solutionCon .swiper-active-switch {
background: url(../images/in_banner_btn.png) no-repeat;
}
.in_solutionCon .img {
width: 260px;
}
.in_solutionCon .txt {
width: 260px;
height: 140px;
background-color: #f2f2f2;
}
.in_solutionCon h3 {
height: 50px;
line-height: 50px;
padding: 0 18px;
font-size: 16px;
color: #000000;
font-weight: normal;
width: 184px;
display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-align: center;
}
.in_solutionCon .p {
height: 62px;
font-size: 14px;
line-height: 22px;
padding: 0 18px;
overflow: hidden;
color: #999999;
}
.in_solutionCon a:hover .li_con .txt {
background-color: #fff;
}
.in_solutionCon a:hover .li_con .b0 {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.in_solutionConW .arrow-left {
background: url(../images/in_case_btnL.png) no-repeat;
width: 54px;
height: 46px;
position: absolute;
left: -50px;
top: 138px;
z-index: 2;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.in_solutionConW .arrow-left:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.in_solutionConW .arrow-right {
background: url(../images/in_case_btnR.png) no-repeat;
width: 54px;
height: 46px;
position: absolute;
right: -50px;
top: 138px;
z-index: 2;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.in_solutionConW .arrow-right:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
/** 鏈嶅姟 **/
.in_serviceTop {
text-align: center;
padding-bottom: 30px;
}
.in_serviceTop h3 {
font-size: 30px;
color: #000;
line-height: 1em;
}
.in_serviceTop p {
font-size: 24px;
color: #999999;
line-height: 1em;
padding-top: 5px;
}
.in_serviceW {
position: relative;
}
.in_serviceTitle {
position: absolute;
top: 155px;
left: 225px;
z-index: 1;
}
.in_serviceCon {
position: relative;
}
.in_serviceCon {
margin: 20px 0;
}
.in_serviceCon_box {
width: 1200px;
margin: 0 auto;
}
.in_serviceCon_box li {
width: 16%;
float: left;
text-align: center;
margin: 30px 0;
position: relative;
}
.in_serviceCon_box li p {
font-size: 21px;
font-weight: bold;
margin-top: 15px;
}
.in_serviceList {
}
.in_serviceList li {
position: absolute;
}
.in_serviceList li a {
position: relative;
display: inline-block;
*background-image: url(about:blank);
}
.in_serviceList li .bg {
position: relative;
z-index: 1;
}
.in_serviceList li .con {
position: absolute;
z-index: 2;
top: 0;
left: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms;
}
.in_serviceList li .con .c_bg {
position: relative;
z-index: 1;
}
.in_serviceList li .con .c_txt {
width: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 0;
text-align: center;
}
.in_serviceList li .con h3 {
line-height: 1em;
font-size: 30px;
color: #ffffff;
padding-top: 42px;
}
.in_serviceList li .con p {
line-height: 1em;
color: #ffe8d2;
padding-top: 6px;
}
.in_serviceList li a:hover .con {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.in_serviceList li.li1 {
top: 48px;
left: 213px;
}
.in_serviceList li.li1 .con h3 {
font-size: 30px;
padding-top: 42px;
}
.in_serviceList li.li1 .con p {
font-size: 14px;
}
.in_serviceList li.li2 {
top: 68px;
right: 126px;
}
.in_serviceList li.li3 {
top: 280px;
right: 8px;
}
.in_serviceList li.li4 {
bottom: 40px;
right: 158px;
}
.in_serviceList li.li4 .con h3 {
font-size: 30px;
padding-top: 62px;
}
.in_serviceList li.li4 .con p {
font-size: 14px;
}
.in_serviceList li.li5 {
bottom: 76px;
left: 359px;
}
.in_serviceList li.li6 {
bottom: 58px;
left: 100px;
}
.in_serviceList li.li6 .con h3 {
font-size: 20px;
padding-top: 38px;
}
.in_serviceList li.li6 .con p {
font-size: 14px;
}
.in_serviceList li.li7 {
top: 194px;
left: 0;
}
.in_serviceList li.li7 .con h3 {
font-size: 40px;
padding-top: 58px;
}
.in_serviceList li.li7 .con p {
font-size: 16px;
}
/**
.in_serviceList li.li1{top:48px;left:213px;}
.in_serviceList li.li1 .con h3{font-size:30px;padding-top:42px;}
.in_serviceList li.li1 .con p{font-size:14px;}
.in_serviceList li.li2{top:61px;left:504px;}
.in_serviceList li.li2 .con h3{font-size:18px;padding-top:30px;}
.in_serviceList li.li2 .con p{font-size:12px;padding-top:2px;}
.in_serviceList li.li3{top:68px;right:126px;}
.in_serviceList li.li4{top:280px;right:8px;}
.in_serviceList li.li5{bottom:40px;right:158px;}
.in_serviceList li.li5 .con h3{font-size:30px;padding-top:62px;}
.in_serviceList li.li5 .con p{font-size:14px;}
.in_serviceList li.li6{bottom:76px;left:359px;}
.in_serviceList li.li7{bottom:58px;left:100px;}
.in_serviceList li.li7 .con h3{font-size:20px;padding-top:38px;}
.in_serviceList li.li7 .con p{font-size:14px;}
.in_serviceList li.li8{top:194px;left:0;}
.in_serviceList li.li8 .con h3{font-size:40px;padding-top:58px;}
.in_serviceList li.li8 .con p{font-size:16px;}
**/
.in_model_top {
text-align: center;
padding-top: 70px;
}
.in_model_top h3 {
font-size: 30px;
color: #000;
line-height: 1em;
}
.in_model_top p {
font-size: 24px;
color: #999999;
line-height: 1em;
padding-top: 5px;
}
.in_model_top .more {
float: right;
color: #ff0000;
font-size: 14px;
padding-top: 25px;
padding-right: 5px;
line-height: 1em;
font-family: Arial;
}
.in_model_con .more {
float: right;
color: #ff0000;
font-size: 14px;
padding-top: 9px;
padding-right: 5px;
line-height: 1em;
font-family: Arial;
}
/** 鍐呴〉 **/
.z_mainBox {
background-color: #fff;
/*margin-top: 80px;*/
position: relative;
z-index: 98;
}
.topNav {
position: relative;
display: block;
overflow: hidden;
padding: 40px 10px;
border-bottom: 1px solid #f0f0f0;
}
.topNav ul {
font-size: 0px;
line-height: 0px;
}
.topNav li {
margin: 10px 13px;
display: inline-block;
*display: inline;
*zoom: 0;
}
.topNav a {
height: 35px;
line-height: 35px;
padding: 0 15px;
display: inline-block;
*display: inline;
*zoom: 1;
background-color: #f4f4f4;
color: #333333;
font-size: 16px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.topNav a:hover,
.topNav li.active a,
.topNav li.on a {
background-color: #ff6633;
color: #fff;
}
.z_mainCon {
margin: 0 40px;
padding-bottom: 40px;
line-height: 32px;
color: #666666;
font-size: 14px;
margin-top: 20px;
width: 1200px;
margin: 0 auto;
}
.contactNav {
position: relative;
display: block;
overflow: hidden;
padding: 10px;
margin-bottom: 20px;
}
.contactNav ul {
font-size: 0px;
line-height: 0px;
}
.contactNav li {
margin: 10px 13px;
display: inline-block;
*display: inline;
*zoom: 0;
}
.contactNav a {
height: 35px;
line-height: 35px;
padding: 0 15px;
display: inline-block;
*display: inline;
*zoom: 1;
background-color: #f4f4f4;
color: #333333;
font-size: 16px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.contactNav a:hover,
.contactNav li.active a,
.contactNav li.on a {
background-color: #ff6633;
color: #fff;
}
/** 鏂伴椈涓績 **/
.newsList {
position: relative;
}
.newsList li {
width: 100%;
height: 180px;
float: left;
padding-top: 42px;
padding-bottom: 42px;
background: url(../images/bo1.png) repeat-x 0 100%;
}
.newsList .img {
width: 320px;
height: 180px;
float: left;
}
.newsList .txt {
width: 60%;
float: left;
margin-left: 20px;
}
.newsList .txt h3 {
font-size: 20px;
color: #333333;
font-weight: normal;
margin-bottom: 12px;
line-height: 1em;
}
.newsList .txt h3 a {
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms;
}
.newsList .txt a:hover {
color: #fd924a;
}
.newsList .time span {
color: #999999;
font-size: 14px;
margin-right: 20px;
}
.newsList .time em {
color: #333333;
font-style: normal;
}
.newsList .p {
height: 80px;
overflow: hidden;
margin-top: 12px;
line-height: 26px;
color: #999999;
}
.newsList .more {
margin-top: 10px;
color: #cccccc;
float: right;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms;
}
.newsList .more:hover {
color: #fd924a;
}
.newsBox {
width: 800px;
float: left;
}
.newsTop h3 {
font-size: 24px;
color: #ff6633;
line-height: 1.2em;
}
.newsTop .time {
margin-top: 10px;
color: #999999;
font-size: 14px;
}
.newsTop .time span {
padding-right: 20px;
}
.newsCon {
margin-top: 40px;
font-size: 14px;
color: #666666;
line-height: 1.4em;
}
.newsCon img {
_width: expression(this.scrollWidth > 570 ? "570px": "auto");
max-width: 100%;
height: auto;
}
/** 浜у搧椤甸潰 **/
.productBox {
position: relative;
}
.productTop h3 {
font-size: 24px;
color: #ff6633;
line-height: 1.2em;
}
.productTop .time {
margin-top: 10px;
color: #999999;
font-size: 14px;
}
.productTop .time span {
padding-right: 20px;
}
.productCon {
margin-top: 40px;
font-size: 14px;
color: #666666;
line-height: 1.4em;
}
.productCon img {
_width: expression(this.scrollWidth > 840 ? "840px": "auto");
max-width: 840px;
height: auto;
}
.side_newsBox {
width: 270px;
float: right;
}
.side_newsTop h3 {
line-height: 1.8em;
font-size: 18px;
color: #666666;
}
.side_newsTop h3 span {
font-size: 12px;
color: #999999;
}
.side_newsList {
}
.side_newsList li {
width: 100%;
float: left;
margin-top: 34px;
}
.side_newsList .img {
position: relative;
}
.side_newsList .txt {
margin-top: 22px;
}
.side_newsList h3 {
font-size: 18px;
color: #1167a9;
line-height: 1em;
width: 100%;
display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
float: left;
}
.side_newsList h3 a {
color: #1167a9;
font-weight: normal;
}
.side_newsList h3 a:hover {
text-decoration: underline;
}
.side_newsList .time {
width: 110%;
float: left;
margin-top: 6px;
}
.side_newsList .time span {
margin-right: 15px;
}
.side_newsList .p {
width: 100%;
line-height: 24px;
color: #666666;
font-size: 14px;
color: #666666;
margin-top: 6px;
float: left;
}
.joinBox {
position: relative;
}
.joinBox dl {
margin-top: 10px;
color: #666666;
font-size: 14px;
}
.joinBox dl a {
color: #999999;
}
.pn_box {
margin-top: 30px;
overflow: hidden;
}
.pn_box span {
width: 270px;
display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #333;
line-height: 30px;
}
.pn_box a {
color: #666666;
}
.pn_box a:hover {
color: #ff6633;
}
/* 闈㈠寘灞 */
.locationW {
background-color: #f0f0f0;
}
.location {
height: 38px;
line-height: 38px;
color: #666;
font-size: 14px;
color: #666666;
}
.location a {
color: #666;
}
.location a:hover {
color: #1167a9;
}
.location .home {
padding-left: 28px;
position: relative;
}
.location .home i {
width: 18px;
height: 18px;
background: url(../images/home_i.png) no-repeat;
position: absolute;
top: 50%;
left: 0;
margin-top: -9px;
}
/** 鍒嗛〉 **/
.page {
font-size: 0;
text-align: center;
margin-top: 75px;
margin-bottom: 35px;
}
.page a {
display: inline-block;
padding: 0 4px;
line-height: 32px;
border: 1px solid #cccccc;
font-size: 14px;
background-color: #cccccc;
color: #fff;
margin: 0 5px;
}
.page a:hover {
border: 1px solid #fd924a;
background-color: #fd924a;
color: #fff;
}
.page span {
display: inline-block;
padding: 0 4px;
line-height: 32px;
border: 1px solid #fd924a;
background-color: #fd924a;
color: #fff;
font-size: 14px;
}
/** 缈婚〉 **/
.pn_box {
margin-top: 30px;
overflow: hidden;
}
.pn_box span {
width: 100%;
display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #333;
font-size: 14px;
line-height: 1.6em;
}
.pn_box .pnL {
}
.pn_box .pnR {
}
.pn_box a {
color: #333;
}
.pn_box a:hover {
color: #ec6100;
}
/** 璧勮鏈嶅姟 **/
.informationBox {
font-size: 18px;
color: #333333;
line-height: 30px;
padding: 20px 0;
}
.informationBox h4 {
font-size: 18px;
color: #333333;
}
.counselingTop {
border-bottom: 1px solid #ebf1fa;
padding-top: 48px;
padding-bottom: 18px;
}
.counselingTop h3 {
font-size: 24px;
color: #333333;
}
.counselingCon {
color: #666666;
font-size: 14px;
}
.counselingCon h3 {
font-size: 30px;
color: #333333;
}
.counselingCon h4 {
font-size: 18px;
color: #333333;
}
.serveTopBox {
min-height: 558px;
_height: expression(this.scrollHeight < 558 ? "558px": "auto");
padding-bottom: 65px;
text-align: center;
position: relative;
background: url(../images/serveTopBg.jpg) no-repeat #394a7b;
font-size: 14px;
line-height: 24px;
color: #ffffff;
}
.serveTitle {
padding-top: 54px;
}
.serveTopCon {
padding: 0 20px;
padding-top: 36px;
margin-bottom: 10px;
}
.serveTopBottom {
position: absolute;
left: 0;
bottom: 0;
}
/** 瑙e喅鏂规 **/
.solutionBox {
position: relative;
}
.solutionBox dl {
padding: 22px 0;
}
.solutionBox dt {
margin-bottom: 10px;
}
.solutionBox dt h3 {
font-size: 18px;
color: #447db4;
font-weight: normal;
position: relative;
padding-left: 15px;
}
.solutionBox dt h3:after {
content: "";
position: absolute;
width: 0;
height: 20px;
top: 50%;
margin-top: -10px;
left: 0;
border-left: 5px solid #447db4;
}
.solutionBox dd {
color: #666666;
font-size: 14px;
line-height: 30px;
}
.solutionBox img {
max-width: 920px;
_width: expression(this.scrollWidth > 920 ? "920px": "auto");
height: auto;
}
.industryBg {
position: relative;
font-size: 16px;
color: #666666;
line-height: 1.6em;
border: 0;
}
.industryBg img {
max-width: 100%;
height: auto;
}
.industryBg h3 {
font-size: 24px;
color: #006699;
margin-bottom: 20px;
}
/** 瀹㈡埛鍚嶅綍椤甸潰 **/
.clientBoxW {
margin-top: 58px;
position: relative;
z-index: 98;
}
.classifyBoxW {
width: 195px;
float: left;
margin-right: 20px;
background-color: #fff;
}
.classifyList {
overflow: hidden;
margin-top: 15px;
}
.classifyList ul {
margin-top: -20px;
}
.classifyList li {
width: 100%;
float: left;
margin-top: 20px;
}
.classifyList a {
height: 22px;
line-height: 22px;
padding: 0 10px;
display: block;
overflow: hidden;
color: #666666;
font-size: 14px;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
transition: 300ms;
}
.classifyList a:after {
width: 6px;
height: 12px;
content: "";
background: url(../images/a_i.png) no-repeat;
position: absolute;
right: 0;
top: 50%;
margin-top: -6px;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
transition: 300ms;
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
.classifyList a:hover {
color: #ff6600;
}
.classifyList a.current {
color: #ff6600;
}
.classifyList a:hover:after {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 01;
}
.classifyList span {
width: 80%;
display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
float: left;
}
.directoryBoxW {
width: 500px;
float: left;
background-color: #fff;
}
.directoryList {
overflow: hidden;
margin: 0 12px;
margin-top: 10px;
}
.directoryList li {
width: 127px;
height: 72px;
margin: 10px;
float: left;
}
.directoryList li a {
border: 1px solid #dcdcdc;
display: block;
overflow: hidden;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
transition: 300ms;
}
.directoryList li a:hover {
border: 1px solid #005fa5;
}
.companyBoxW {
width: 265px;
float: right;
background-color: #fff;
}
.companyList ul {
margin: 0 10px;
}
.companyList li {
width: 100%;
float: left;
margin-top: 20px;
position: relative;
}
.companyList a {
height: 22px;
line-height: 22px;
padding: 0 15px;
display: block;
overflow: hidden;
color: #999999;
font-size: 14px;
width: 90%;
display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
transition: 300ms;
}
.companyList a i {
width: 5px;
height: 5px;
background-color: #999999;
position: absolute;
top: 50%;
margin-top: -3px;
left: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
transition: 300ms;
}
.companyList a:hover {
color: #ff6600;
}
.companyList a:hover i {
background-color: #ff6600;
}
.M_client {
position: relative;
padding: 0 15px;
}
.M_clientTop {
height: 38px;
line-height: 38px;
border-bottom: 1px solid #dcdcdc;
padding-top: 10px;
}
.M_clientTop h3 {
font-size: 18px;
color: #333333;
padding-left: 10px;
font-weight: normal;
}
.M_clientTop h3 span {
font-size: 14px;
}
.M_clientCon {
margin-bottom: 20px;
}
/** 鐣欒█ **/
.messageBox {
width: 910px;
position: relative;
margin-top: 30px;
margin-bottom: 30px;
float: left;
}
.messageBox td {
padding: 6px 12px;
border: 1px solid #dfdfdf;
font-size: 16px;
}
.messageBox span.red {
color: red;
padding-left: 10px;
}
.messageBox .select_c {
padding: 4px 6px;
}
.messageBox .txt1 input {
width: 180px;
padding: 4px 6px;
}
.messageBox .text1_c {
width: 180px;
height: 100px;
padding: 4px 6px;
}
.messageBox tr.even td {
background-color: #f9f9f9;
}
.messageBox .btnBox {
margin-top: 20px;
padding-left: 225px;
}
.messageBox .btnBox .tj {
width: 120px;
height: 32px;
background-color: #0162a8;
border: 0;
border: none;
cursor: pointer;
color: #fff;
margin-right: 10px;
}
.messageBox .btnBox .tj:hover {
background-color: #368ece;
}
/** 缃戠珯鍦板浘 **/
.f_menuW {
position: relative;
background-color: #fafafa;
z-index: 99;
}
.f_menu {
position: relative;
padding-top: 80px;
padding-bottom: 36px;
}
.f_nav {
float: left;
overflow: hidden;
}
.f_nav ul {
margin-left: -3px;
}
.f_nav li {
float: left;
margin-left: 5px;
}
.f_nav dt {
margin-bottom: 18px;
position: relative;
}
.f_nav dt a {
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
transition: 300ms;
}
.f_nav dt h3 {
margin-bottom: 18px;
padding-left: 18px;
position: relative;
color: #333333;
font-size: 12px;
font-weight: normal;
}
.f_nav dt a:hover {
color: #045c9b;
}
.f_nav i {
width: 6px;
height: 10px;
position: absolute;
background: url(../images/f_menu_i.png) no-repeat;
left: 0;
top: 3px;
}
.f_nav dd {
border-left: 1px solid #ebebeb;
display: block;
padding: 0 16px;
padding-bottom: 12px;
}
.f_nav dd a {
color: #999999;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
transition: 300ms;
}
.f_nav dd a:hover {
color: #045c9b;
}
.f_ewm {
float: right;
text-align: center;
}
.f_ewm h3 {
font-size: 12px;
font-weight: normal;
}
.f_ewm .img {
margin-top: 20px;
margin-bottom: 8px;
}
.f_ewm p {
font-size: 12px;
color: #666666;
}
.footer_w {
background-color: #333333;
position: relative;
z-index: 9;
}
.footer {
font-size: 12px;
color: #515151;
padding-top: 24px;
padding-bottom: 50px;
line-height: 24px;
}
.footer .p {
float: left;
color: #999999;
font-size: 14px;
margin-top: 5px;
}
.footer .fxBox {
float: right;
}
.footer .fx {
position: relative;
right: -6px;
}
.footer .baidu {
margin-top: 4px;
text-align: right;
}
.footer .baidu a {
color: #999999;
}
.footer .baidu i {
margin-left: 5px;
display: inline-block;
}
.borderColor {
border: 1px solid red;
}
.re {
display: none;
}
.alert-code {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
background: url('../images/black.png');
display: none;
}
.alert-code img {
width: 200px;
height: 200px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px;
}
.case {
overflow: hidden;
}
.case p {
float: left;
width: 33.333333%;
}
.f_nav li {
margin-left: 90px;
position: relative;
}
.laypage {
background: #fff;
position: absolute;
left: 0;
top: 0;
padding: 20px;
line-height: 30px;
}
.laypage li {
float: left;
}
.laypage {
width: 300px;
height: 100%;
z-index: 10000;
}
.float_qq {
z-index: 100000;
margin-top: 200px;
right: 0;
top: 150px;
position: fixed;
_position: absolute;
_top: expression(eval(document.documentElement.scrollTop));
}
.float_qq li {
height: 60px;
position: relative;
right: -4px;
margin-bottom: 1px;
}
.float_qq li div {
width: 60px;
position: absolute;
right: 0;
}
.float_qq a {
height: 60px;
line-height: 60px;
display: inline-block;
*display: inline;
*zoom: 0;
padding-left: 60px;
padding-right: 4px;
background-color: #000;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #fff;
font-size: 14px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms;
}
.float_qq i {
padding: 18px;
display: inline-block;
position: absolute;
left: 0;
}
.all_ewmBox {
width: 100%;
height: 100%;
top: 0;
position: fixed;
z-index: 9999999;
display: none;
background-color: rgba(0, 0, 0, .9);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B3000000', EndColorStr='#B3000000');
}
.all_ewmCon {
width: 200px;
height: 200px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px;
}
.footer_1 {
position: absolute;
top: 72px;
left: 41px;
background: #fff;
width: 513px;
height: 226px;
padding: 20px;
display: none;
}
.footer_1 h3 {
padding-bottom: 10px;
}
.footer_1 li {
float: left;
width: 50%;
line-height: 30px;
font-size: 14px;
}
.footer_box h3 {
padding-bottom: 10px;
padding-left: 15px;
position: relative;
}
.footer_box li {
float: left;
width: 50%;
line-height: 30px;
font-size: 12px;
}
.footer_box i {
width: 6px;
height: 10px;
position: absolute;
background: url(../images/f_menu_i.png) no-repeat;
left: 0;
top: 5px;
}
.footer_2 {
position: absolute;
top: 72px;
left: 0px;
background: #fff;
width: 760px;
min-height: 226px;
padding: 20px;
display: none;
z-index: 99999;
}
.footer_2 li {
float: left;
width: 33%;
line-height: 30px;
font-size: 12px;
}
.footer_4 {
position: absolute;
top: 72px;
left: 414px;
background: #fff;
width: 455px;
min-height: 226px;
padding: 20px;
display: none;
z-index: 99999;
}
.footer_5 {
position: absolute;
top: 72px;
left: 666px;
background: #fff;
width: 455px;
min-height: 226px;
padding: 20px;
display: none;
}
.footer_7 {
position: absolute;
top: 72px;
right: 59px;
background: #fff;
width: 208px;
min-height: 226px;
padding: 20px;
display: none;
z-index: 99999;
}
/* 浼佷笟鑽h獕 */
.honor-list {
padding: 0 20px;
margin-top: 30px;
}
.honor-list ul {
overflow: hidden;
width: 1210px;
}
.honor-list ul li {
float: left;
width: 283px;
margin-right: 10px;
margin-bottom: 20px;
text-align: center;
}
.honor-list li .img {
border: 1px solid #ccc;
height: 380px;
font-size: 0;
display: block;
}
.honor-list li .title {
display: block;
padding-top: 10px;
}
/* 姹傝搐绾冲+ */
.recru-content {
padding-top: 50px;
padding-bottom: 100px;
}
.recru-content .intro {
text-align: center;
}
.recru-nav {
text-align: center;
margin-top: 70px;
margin-bottom: 120px
}
.recru-nav li {
display: inline-block;
text-align: center;
width: 200px;
cursor: pointer;
}
.recru-nav li .icon {
width: 120px;
height: 100px;
display: inline-block;
}
.recru-nav li.active {
color: #005fa5;
}
.recru-nav li .icon1 {
background: url('../images/job_icon1 (1).png') no-repeat center center;
}
.recru-nav li.active .icon1 {
background: url('../images/job_icon_b1.png') no-repeat center center;
}
.recru-nav li .icon2 {
background: url('../images/job_icon2.png') no-repeat center center;
}
.recru-nav li.active .icon2 {
background: url('../images/job_icon_b2.png') no-repeat center center;
}
.recru-nav li .icon3 {
background: url('../images/job_icon3.png') no-repeat center center;
}
.recru-nav li.active .icon3 {
background: url('../images/job_icon_b3.png') no-repeat center center;
}
.recru-nav li .icon4 {
background: url('../images/job_icon4.png') no-repeat center center;
}
.recru-nav li.active .icon4 {
background: url('../images/job_icon_b4.png') no-repeat center center;
}
.recru-nav li .title {
display: block;
font-size: 16px;
}
.recru-table {
border: 1px solid #ccc;
width: 1098px;
margin: 0 auto;
}
.recru-table .table-title {
line-height: 75px;
}
.recru-table .td-t {
font-weight: bold;
display: inline-block;
width: 250px;
font-size: 15px;
}
.recru-table .td-t1 {
padding-left: 60px;
}
.recru-table .table-content {
display: none;
}
.recru-table .table-content.active {
display: block;
}
.recru-table .list-item {
cursor: pointer;
}
.recru-table .table-content .item-title {
border-top: 1px solid #ccc;
line-height: 55px;
font-size: 16px;
background: url('../images/down_arrow.png') no-repeat 1055px center;
}
.recru-table .list-item .item-title:hover {
background-color: #edf5fe;
}
.recru-table .list-item.active .item-title {
background: url('../images/up_arrow.png') no-repeat 1055px center;
background-color: #f3f3f4;
}
.recru-table .item-title .td-t {
font-weight: normal;
}
.recru-table .item-info {
font-size: 18px;
color: #666;
padding: 42px 60px;
line-height: 1.9;
display: none;
}
.recru-table .submit-btn {
text-align: center;
margin-top: 20px;
}
.recru-table .submit-btn .btn {
background-color: #005fa5;
width: 142px;
height: 38px;
font-size: 16px;
text-align: center;
color: #fff;
border-radius: 4px;
line-height: 38px;
display: inline-block;
}
.recru-table .submit-btn .btn:hover {
background-color: #14a4da;
}
.recru-table .list-item.active .item-info {
display: block;
}
.offers-dialog {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
background-color: rgba(0, 0, 0, 0.75);
display: none;
}
.offers-dialog .dialog-content {
width: 556px;
height: 450px;
background-color: #f3f3f3;
margin: 150px auto 0;
position: relative;
border-radius: 14px;
}
.offers-dialog .dialog-content .title {
margin: 0 32px;
border-bottom: 1px solid #ccc;
font-size: 20px;
font-weight: bold;
line-height: 55px;
padding-top: 30px;
text-align: center;
}
.offers-dialog .dialog-content .close {
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
}
.offers-dialog .form {
text-align: center;
padding-top: 20px;
}
.offers-dialog .form .form-item {
margin-bottom: 20px;
position: relative;
}
.offers-dialog .form span {
width: 55px;
text-align: left;
display: inline-block;
}
.offers-dialog .form input {
width: 265px;
padding-left: 20px;
border: 1px solid #ccc;
line-height: 28px;
}
.offers-dialog .form .filename-input {
width: 177px;
}
.offers-dialog .form .file-btn {
width: 83px;
display: inline-block;
margin-left: 5px;
background-color: #fff;
height: 30px;
}
.offers-dialog .form .file-input {
opacity: 0;
position: absolute;
top: 0;
left: 364px;
width: 83px;
}
.offers-dialog .form .submit-btn {
padding-left: 0;
height: 40px;
}
/* 鑱旂郴鎴戜滑 */
.contact-content {
padding: 0 20px;
margin-top: 20px;
}
.contact-content .title {
display: block;
height: 40px;
line-height: 40px;
font-weight: bold;
text-align: center;
color: #666;
font-size: 18px;
margin-bottom: 20px;
background-color: #f5f5f5;
}
.contact-content .box {
width: 1230px;
overflow: hidden;
}
.contact-content .item {
float: left;
width: 565px;
margin-bottom: 20px;
background-color: #f5f5f5;
margin-right: 30px;
}
.contact-content .item-big {
width: 1160px;
}
.contact-content .item h3 {
font-size: 16px;
color: #005fa5;
padding-top: 18px;
padding-left: 18px;
}
.contact-content .item .item-content {
padding-left: 18px;
font-size: 15px;
line-height: 26px;
}
/* 妗堜緥鍒楄〃 */
.case-more-list {
overflow: hidden;
}
.case-more-list .list {
float: left;
width: 320px;
border: 1px solid #ccc;
margin-left: 7px;
overflow: hidden;
line-height: 26px;
}
.case-more-list .list li {
padding-left: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
line-height: 40px;
}
.location_w {
width: 100%;
height: 50px;
background-color: #e6e6e6;
position: relative;
z-index: 9;
}
.location {
width: 1200px;
height: 50px;
margin: 0 auto;
line-height: 50px;
font-size: 14px;
color: #666;
}
.location2 {
width: 950px;
padding-left: 250px;
}
.location span {
color: #999;
padding-left: 30px;
background: url('../images/wz.png') no-repeat 0 center;
}
.location a {
color: #333333;
}
.location a:hover {
color: #1f95ef;
}
.top_img{
margin-top: 115px;
}
.del_float{clear:both;border:none;}
.ind_box_con{width:1185px;margin:0 auto;padding:55px 0;}
.ind_box_con .sub{width:210px;margin:0 auto;padding-bottom:45px;}
.ind_box_con .sub a{display:inline-block;width:105px; height:37px; text-align:center;font:18px/37px "寰蒋闆呴粦";color:#333;}
.ind_box_con .sub a.hover, .ind_box_con .sub a.cur{color:#005fa5;background:url(http://www.bw8848.com/images/ind_new_bg.jpg) no-repeat left center;}
.ind_new_box .lef{width:588px;float:left;}
.ind_new_box li{width:588px;height:358px;position:relative;overflow:hidden;}
.ind_new_box li .date{display:block;width:79px;height:79px; background:#394246;position:absolute;top:18px;left:17px;font:14px/18px Arial, Helvetica, sans-serif;color:#fff; text-align:center;border-radius:5px;}
.ind_new_box li .date b{font-size:48px; line-height:54px; font-weight:normal;}
.ind_new_box li span{display:block;width:100%;height:40px;font:16px/40px "寰蒋闆呴粦";color:#fff; background:#000;opacity:0.7;filter:alpha(opacity=70);position:absolute;bottom:0;left:0;padding:0 15px;}
.ind_new_box li .des{width:558px;position:absolute;height:169px;bottom:-169px;left:0; background:#21c2f8;padding:0 15px;}
.ind_new_box li .des h3{font:18px/38px "寰蒋闆呴粦";color:#fff;padding:8px 0 9px;}
.ind_new_box li .des p{font:13px/24px "榛戜綋";color:#fff;}
.ind_new_box .rig{width:585px;float:right;}
.ind_new_box .rig li{width:277px;height:168px;float:left;margin:0 10px 22px 5px;}
.ind_new_box .rig li span{ font-size:14px;}
.ind_new_box .rig li .date{width:56px; height:56px;left:9px;top:9px; font-size:12px; line-height:14px;}
.ind_new_box .rig li .date b{font-size:34px; line-height:38px;}
.ind_new_box .rig li .des{width:247px;height:75px;}
.ind_new_box .rig li .des h3{font-size:14px; line-height:20px;padding-bottom:6px;}
.ind_new_box .rig li .des p{font-size:12px; line-height:18px;}
.ind_news .lef{width:588px;float:left;}
.ind_news li{width:588px;height:358px;position:relative;overflow:hidden;}
.ind_news li .date{display:block;width:79px;height:79px; background:#394246;position:absolute;top:18px;left:17px;font:14px/18px Arial, Helvetica, sans-serif;color:#fff; text-align:center;border-radius:5px;}
.ind_news li .date b{font-size:48px; line-height:54px; font-weight:normal;}
.ind_news li span{display:block;width:100%;height:40px;font:16px/40px "寰蒋闆呴粦";color:#fff; background:#000;opacity:0.7;filter:alpha(opacity=70);position:absolute;bottom:0;left:0;padding:0 15px;}
.ind_news li .des{width:558px;position:absolute;height:169px;bottom:-169px;left:0; background:#21c2f8;padding:0 15px;}
.ind_news li .des h3{font:18px/38px "寰蒋闆呴粦";color:#fff;padding:8px 0 9px;}
.ind_news li .des p{font:13px/24px "榛戜綋";color:#fff;}
.ind_news .rig{width:585px;float:right;}
.ind_news .rig li{width:277px;height:168px;float:left;margin:0 10px 22px 5px;}
.ind_news .rig li span{ font-size:14px;}
.ind_news .rig li .date{width:56px; height:56px;left:9px;top:9px; font-size:12px; line-height:14px;}
.ind_news .rig li .date b{font-size:34px; line-height:38px;}
.ind_news .rig li .des{width:247px;height:75px;}
.ind_news .rig li .des h3{font-size:14px; line-height:20px;padding-bottom:6px;}
.ind_news .rig li .des p{font-size:12px; line-height:18px;}
/*.ind_box_con .ind_news p{border-bottom:solid 1px #d7dfe2;height:50px;}*/
/*.ind_box_con .ind_news p a{font:14px/50px "寰蒋闆呴粦";color:#333;display:block;height:100%;zoom:1;background:url(../images/ind_new_btn.jpg) no-repeat left center;padding-left:57px;}*/
/*.ind_box_con .ind_news p span{float:right;color:#9aa7af;margin-left:100px;}*/
/*.ind_box_con .ind_news p a:hover{color:#21c2f8;}*/
.more_btn{display:block;width:136px;height:37px; background:url(http://www.bw8848.com/images/ind_more_bg.png) no-repeat center;margin:60px auto 0; text-align:center;font:16px/35px "寰蒋闆呴粦";color:#999;}
.more_btn:hover{color:#21c2f8;}