@charset "utf-8";
/* CSS Document */


/*---头部---*/
body { z-index:1;}

/*首页*/
/*banner*/
.fullSlide { width:100%; min-width:1000px; position:relative; height:468px; z-index:2;  }
.fullSlide .bd { margin:0 auto; position:relative; z-index:0; overflow:hidden; }
.fullSlide .bd ul { width:100% !important; }
.fullSlide .bd li { width:100% !important; height:468px; overflow:hidden; text-align:center; }
.fullSlide .bd li a { display:block; height:468px; }
.fullSlide .hd { width:100%; position:absolute; z-index:1; bottom:15px; left:0; height:6px; line-height:6px; overflow:hidden; }
.fullSlide .hd ul { text-align:center; }
.fullSlide .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:25px; height:6px; overflow:hidden; margin:0px 5px; overflow:hidden; background:#fff; opacity:0.5; line-height:999px; }
.fullSlide .hd ul .on { background:#0379d1; opacity:1; }
.fullSlide .prev,.fullSlide .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:4%; z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px no-repeat; cursor:pointer; filter:alpha(opacity=40); opacity:0.4; display:none; }
.fullSlide .next { left:auto; right:4%; background-position:-6px -137px; }


/*col1*/
.col1bg { width:100%; background:#fff; padding:45px 0px; }
.col1 { width:1200px; height:292px; background:url(../images/ic1bg.jpg) center no-repeat; margin:0px auto; position:relative; z-index:99; }
.col1 .c1_ttl  { width:145px; height:300px; position:absolute; left:385px; top:34px; z-index:999; font-size:20px; color:#666; }
.col1 .c1_con { width:600px; position:absolute; top:50px; right:45px; line-height:24px;}
.col1 .c1_con .c1c_des {  height:170px; overflow:hidden; }
.col1 .c1_con p { text-indent:2em;}
.col1 .c1_con span { font-size:15px; font-weight:bold;}
.col1 .c1_con .morebtn1 { width:100px; height:32px; line-height:30px; display:block; padding:0px 0px 0px 15px; background:url(../images/icon_01.png) 0px 0px no-repeat; color:#006db4; }
.col1 .c1_con a.morebtn1:hover { background:url(../images/icon_01.png) -0px -32px no-repeat; color:#05558b; }

@media screen and (max-width:1280px) {
.col1 { width:1000px; height:250px; background-size:1000px 250px;}
.col1 .c1_ttl  {  left:316px; top:30px; }
.col1 .c1_con { width:520px; top:30px; right:20px;}
.col1 .c1_con .c1c_des {  height:168px; }
}


/*col2*/
.col2 { width:1200px; height:auto; margin:20px auto 0px;   }
.col2 .c2ttl { width:233px; height:40px; display:block; margin:auto; padding-top: 30px; text-align:center; font-size:20px; color:#666;  line-height:24px; background:url(../images/ic2ttl.png) no-repeat; }
.col2 .c2con { margin-top:30px; text-align:center; }
.col2 .c2con a { width:206px; margin:0px 17px 20px; display:block; float:left;}
.col2 .c2con a img { width:206px; height:206px; }
.col2 .c2con a div { width:206px; height:112px; background:url(../images/icon_02.png) 0px 17px no-repeat; }
.col2 .c2con a div .ch { display:inline-block; height: 34px; overflow: hidden; margin:auto; padding:0px 10px; background:#f1f1f1; font-size:15px; line-height:34px; color:#333; }
.col2 .c2con a div .num { display:block; margin:10px auto 0px; padding:0px 10px; font-size:14px; line-height:16px; color:#666; }
.col2 .c2con a div .en { display:block; margin:2px auto 0px; padding:0px 10px; font-size:13px; line-height:18px; color:#666; }
.col2 .c2con a:hover div { background:url(../images/icon_02.png) 0px -97px no-repeat; }
.col2 .c2con a:hover div .ch { color:#006db4; }


@media screen and (max-width:1280px) {
.col2 { width:1000px; }
.col2 .c2con a { width:174px; margin:0px 13px 20px; }
.col2 .c2con a img { width:174px; height:174px; }
.col2 .c2con a div { width:174px; height:112px;  background-size:174px 177px; }
.col2 .c2con a div .num { margin:4px auto 0px; }
.col2 .c2con a:hover div { background:url(../images/icon_02.png) 0px -80px no-repeat; background-size:174px 177px; }
}


/*col3*/
.col3 { width:1200px; height:auto; margin:30px auto 0px; position:relative; }
.col3 .c3ttl { width:210px; height:38px; display:block; margin:auto; padding-top: 30px; text-align:center; font-size:20px; color:#666;  line-height:24px; background:url(../images/ic3ttl.png) no-repeat;  }
.col3 .c3con { margin-top:30px; text-align:center;  }
.col3 .c3con a { width:220px; height:178px; display:block; float:left; margin:0px 10px; }
.col3 .c3con a img { width:210px; height:140px; padding:5px; background:#fff; }
.col3 .c3con a span { widht:220px; display:block; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;  }

@media screen and (max-width:1280px) {
.col3 { width:1000px; }
.col3 .c3con a { width:184px; height:154px; margin:0px 8px; }
.col3 .c3con a img { width:174px; height:116px;  }
.col3 .c3con a span { widht:174px; }
}


/*col4*/
.col4bg { width:100%; height:370px; background:url(../images/ic4bg.png) top center no-repeat ;  margin-top:30px;}
.col4 { width:1200px; height:370px;  margin:0px auto; position:relative;}
.col4 .c4l { width:250px; min-height:310px; background:#000; padding:20px 25px 20px 20px; margin-top:5px; position:relative;}
.col4 .c4l .c4lttl { width:189px; height:40px; display:block; padding-top: 33px; font-size:20px; color:#666;  line-height:24px; background:url(../images/ic4ttl.png) no-repeat; }
.col4 .c4l .c4lcon  { margin-top:22px;}
.col4 .c4l .c4lcon div { padding-left:30px; background:url(../images/icon_01.png) no-repeat; color:#fff; line-height:18px; margin-bottom:10px;}
.col4 .c4l .c4lcon .add { background-position:-124px 0px; }
.col4 .c4l .c4lcon .tel { background-position:-124px -68px;  }
.col4 .c4l .c4lcon .fax { background-position:-124px -113px; }
.col4 .c4l .c4lcon .mob { background-position:-124px -281px;  }
.col4 .c4l .c4lcon .email {background-position:-124px -141px; }
.col4 .c4l .c4lcon .qq { background-position:-125px -220px; }
.col4 .c4l .c4lcon .sale { background-position:-124px -198px; }
.col4 .c4l .c4lcon .web {background-position:-124px -317px; }
.col4 .c4l .c4lcon .ewm { width:86px; height:86px; position:absolute; bottom:25px; right:20px; }

.col4 .c4r { width:410px; margin-top:105px; position:relative; }

#up { width:410px; height:21px; position:absolute; top:36%; z-index:2;   }
#buttom { width:410px; height:21px;  }
#buttom span { width:17px; height:21px; display:block; cursor:pointer; position:absolute; }
#buttom_left { left:0; background:url(../images/icon_01.png) -0px -77px no-repeat; }
#buttom_right { right:0; background:url(../images/icon_01.png) -24px -77px no-repeat; }
#buttom_left:hover {  background:url(../images/icon_01.png) -0px -105px no-repeat; }
#buttom_right:hover { background:url(../images/icon_01.png) -24px -105px no-repeat; }
#down { position:relative; width:348px; height:238px; margin:auto; overflow:hidden; z-index:4; }
#downContent { position:absolute; width:1044px; height:238px; top:0px; left:0px;}
#downContent ul li { display:inline; float:left; width:150px; height:238px;  margin:0px 12px; overflow:hidden; }
#downContent ul li a { width:150px; height:238px; display:block; }
#downContent ul li a img { width:150px; height:210px; }
#downContent ul li a span { width:150px; height:28px; line-height:28px; display:block; color:#fff; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }

.col4 .s_block { width:440px; height:33px; position:absolute; top:14px; right:0px;}
.col4 .s_block .search  { width:438px; height:31px; border:1px solid #c8c8c8; background:#fff; }
.col4 .s_block .search input { width:390px; height:27px; line-height:26px; background:none; padding:2px 10px 2px 10px; border:0px; display:block; float:left;}
.col4 .s_block .search a { width:23px; height:26px; line-height:26px; display:block; float:left; background:url(../images/icon_01.png) -64px -74px no-repeat;}


@media screen and (max-width:1280px) {
.col4 { width:1000px;}
}