@charset "utf-8";
/* CSS Document */
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,
embed,object,iframe,img,audio,video,canvas,hr,
form,fieldset,legend,label,input,button,textarea,select,table,caption,tfoot,thead,tbody,tr,th,td,
article,aside,header,footer,hgroup,section,summary,nav,dialog,
details,figcaption,figure,menu,meter,output,progress,time,mark {margin:0;padding:0;}
html,body{ width:100%; text-align:center;}
div{ text-align:left;}
embed,object,iframe,audio,video,canvas,
article,aside,header,footer,hgroup,section,summary,nav,dialog,details,figcaption,figure,menu {display:block;}

h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border-style:none;}
abbr,dfn {border-style:none;font-variant:inherit;}
blockquote,address,abbr,dfn,cite,q,code,var,kbd,samp,del,ins,sub,sup,s,i,optgroup,em,mark,small {font-style:inherit;font-weight:inherit;}
input,button,textarea,select,optgroup,option,small {font-size:100%;font-family:inherit;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
ul,ol,menu {list-style:none outside;}
svg:not(:root) {overflow:hidden;}
*,*:before,*:after{box-sizing:border-box;}
.fix:before,.fix:after{ content:""; display:table;}
.fix:after{ clear:both;}
[arrow]:before,[arrow]:after{ position:absolute; left:0; top:0; content:""; border:solid transparent;}
body{font:14px "Microsoft Yahei", Helvetica, Arial, sans-serif; color:#666; background:url(mech_01.jpg) repeat-x;width:100%; min-width:1000px; max-width:1920px; margin:0 auto; line-height:150%;}
a{ text-decoration:none; color:#666;}
a:hover{ color:#f60;}
.r5{-moz-border-radius: 5px;      /* Gecko browsers */-webkit-border-radius: 5px;   /* Webkit browsers */border-radius:5px;}
.clear{ clear:both;}
/* page start */
#top{ width:1000px; margin:0 auto; height:104px; overflow:hidden; background:url(mech_03.jpg) no-repeat left top;}
#top .logo{ float:left;}
#top .logo a{ display:block; width:510px; height:104px; overflow:hidden; text-indent:-1000px;}
#top .top_right{ float:right; margin-right:13px; margin-top:25px; height:79px; text-align:right;}
#top .top_right p{ margin-bottom:5px;}
#top .top_right p a{ margin:0 5px;}
#top .top_right p a:hover{ color:#f60;}
#top .top_right .sele{ border:1px solid #cfcfcf; height:27px; line-height:27px; width:215px; overflow:hidden; background:#fff;}
#top .top_right .sele .sele_box{ border:0; height:27px; line-height:27px; width:178px; text-indent:5px; float:left;}
#top .top_right .sele .sele_btn{ background:url(mech_04.jpg) no-repeat; width:34px; height:27px; border:0; overflow:hidden; float:right; text-indent:50px; cursor:pointer;}
/**menu**/
#menu{ background:url(mech_05.jpg); width:100%;}
#menu ul{ width:1000px; margin:0 auto; overflow:hidden; height:39px; line-height:39px;}
#menu li{ float:left; width:140px; text-align:center; font-size:16px; color:#9fbff6;position:relative; }
#menu li a{ display:block; width:126px; font-size:16px; text-align:center; color:#fff;}
#menu li a:hover,#menu li .on{ background:url(mech_07.jpg) no-repeat left;}
#menu li i{ background:url(mech_10.jpg) no-repeat center; width:1px; height:15px; position:absolute; right:7px; top:12px;}
/***banner***/
.focusBox {width:100%; height:425px; overflow: hidden; max-width:1920px;min-width:1000px; margin:0 auto; position:relative;}
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img {display: block;width:100%; height:425px;max-width:1920px; min-width:1000px;}
.focusBox .hd { width:100%; position: absolute; bottom:0px; text-align: center; font-size:0; z-index:1; background:rgba(0,0,0,0.8); padding:5px 0;}
.focusBox .hd li{margin: 0 5px; background: url(dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;display:inline-block; *display:inline; zoom:1;  _background: url(dot8.png) no-repeat 0 -16px;}
.focusBox .hd .on{ background-position:0 0; }
.focusBox .prev,.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index:1; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;}
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;}
.focusBox .logo{ position:absolute; top:30px; width:100%;}
.focusBox .logo ul{ width:980px; margin:0 auto;}
/****首页中部*******/
#index_centre{ background:url(mech_14.jpg) repeat-x; width:100%;}
#index_centre .centre_ul{ width:980px; margin:0 auto; padding-top:20px; overflow:hidden;}
.i_about,.i_news,.i_map{ float:left; margin-right:15px; height:250px; overflow:hidden; margin-bottom:15px;}
.i_about{ width:317px;}
.i_news{ width:377px;}
.i_map{ width:256px; margin:0;}
#index_centre h3{ border-bottom:1px solid #cdcdcd; position:relative; color:#999;font-style: italic; font-size:14px; text-indent:70px; margin-bottom:12px;}
#index_centre h3 a{ float:right; margin-right:3px; font-size:12px; font-style:normal; color:#777;}
#index_centre h3 a:hover{ color:#f60;}
#index_centre h3 p{ position:absolute; border-bottom:2px solid #127bed; bottom:-1px; width:65px; font-style:normal; color:#232323; text-indent:0px; text-align:center; font-weight:bold;}
.i_about{ font-size:12px; line-height:20px; text-indent:2em;}
.i_about a:hover{ color:#f60;}
.i_news li{ background:url(mech_18.jpg) no-repeat left center; padding-left:5px; line-height:20px;}
.i_news li span{ float:right; font-size:12px; color:#a4a4a4; width:68px;}
.i_news li a{ display:inline-block; width:300px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px;}
.i_pro{ position:relative; width:100%;}
.i_pro .hd{ overflow:hidden; position:absolute; top:-15px; right:5px;}
.i_pro .hd .prev,.i_pro .hd .next{ display:block;  width:19px; height:19px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("mech_26.jpg") no-repeat;}
.i_pro .hd .next{ background:url("mech_28.jpg") no-repeat;}

.i_pro .bd{ padding:10px;}
.i_pro .bd ul{ overflow:hidden; zoom:1; }
.i_pro .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.i_pro .bd ul li .pic{ text-align:center; }
.i_pro .bd ul li .pic img{ width:172px; height:129px; display:block;  padding:2px; border:1px solid #dbdbdb; }
.i_pro .bd ul li .pic a:hover img{ border-color:#999;  }
.i_pro .bd ul li .title{ line-height:24px; text-align:center; width:175px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/****link****/
.f_l{ float:left;}
.f_r{ float:right;}
.link{ margin:10px 0 20px 0;}
.link .title{ width:80px; font-weight:bold; font-size:14px;line-height:24px;}
.link .links{ width:900px;}
.link .links a{ display:inline-block; padding:0 10px; line-height:24px;}
/*****foot***********/
#foot{ background:#0e7aea; width:100%; color:#fff;}
#foot ul{ width:900px; margin:0 auto; padding:40px 0;}
#foot li{ padding-bottom:30px;}
#foot .copyright{ width:340px; margin-right:15px;}
#foot .copyright img{ display:block; margin-bottom:5px;}
#foot a{ color:#fff;}
#foot a:hover{ color:#f60;}
#foot .address{ border-left:1px solid #fff; padding-left:15px; width:529px; line-height:24px; padding-bottom:0;}
/*********list**************/
.list_banner{ background:url(mech_list01.jpg) no-repeat top center; width:100%; height:284px;}
.centre{background:url(mech_14.jpg) repeat-x; width:100%;}
.cen_ul{ width:1000px; margin:0 auto; position:relative; padding-top:20px; overflow:hidden;}
.menu_left{float:left; width:238px;}
.centre_right{ width:745px; float:right;}
.nav{ position:relative; border-bottom:1px dashed #c1c1c1; height:27px; line-height:27px; margin-bottom:25px; font-size:16px; margin-top:15px;}
.nav span{ float:right; margin-right:10px; color:#a7a7a7; font-size:12px;}
.nav .font_red{ color:#ed2400;}
.nav p{ position:absolute; margin-left:32px; top:12px; background:#fff; font-size:18px; color:#ed2400;}
.nav .img_left{ margin-right:10px;}
.nav .img_right{ margin-left:10px;}
.news_list{ width:100%; margin-bottom:20px; margin-top:10px; height:175px; overflow:hidden; border-bottom:1px solid #ededed;}
.news_list .list_pic{ background:url(mech_list02.jpg); width:220px; height:163px; margin-right:20px; float:left;}
.news_list .list_pic img{max-width: 147px;height:148px; padding-top:16px; padding-left:12px;margin: 0 auto;display: block;}
.news_list .list_font{ float:left; width:505px; position:relative; line-height:180%; height:165px;}
.news_list .list_font h4{ padding-top:15px; font-size:16px; color:#ed2400; margin-bottom:5px;}
.news_list .list_font h4 span{ float:right; font-size:14px; color:#737272;}

.news_list .list_font .more{ position:absolute; bottom:10px; right:20px;display:block; width:128px; height:41px; text-align:center; color:#ed2400; line-height:41px;}
.news_list .list_font .more:hover{ color:#333;}
.news_list .list_font h4 a{font-size:16px; color:#ed2400; }
.news_list .list_font h4 a:hover{ text-decoration:underline;}
.list_fy{ text-align:center;  margin-bottom:20px; color:#666;}
.list_fy a{ display:inline-block; margin-right:5px;padding:0 5px; height:24px; line-height:24px; border:1px solid #c3c3c3; background:#fff; color:#444; font-size:12px;}
.list_fy a:hover,.list_fy .on,.list_fy .fy_btn:hover{ background:#ed2400; border:1px solid #ed2400; color:#fff;}
.list_fy .fy_box{ margin:0 5px; width:45px; height:22px; border:1px solid #b5b5b5; text-align:center;}
.list_fy .fy_btn{ border:1px solid #b5b5b5; cursor:pointer;width:34px; height:24px; text-align:center; background:#f7f7f7;}
/***************/
.menu_left .title{ background:url(mech_list04.jpg) no-repeat center left #1d7cf7; height:40px; line-height:40px; width:100%; text-indent:29px; color:#fff; font-weight:bold;}
.menu_left{ margin-bottom:20px;}
.menu_left .contact{ color:#343434; line-height:180%; margin-top:10px;}
.menu_left .contact dl{width:220px; margin:0 auto;}
.menu_left .contact dt{ color:#ee3311; font-weight:bold; padding-top:10px;}
.first_menu li{ background:url(mech_list06.jpg) no-repeat bottom left; padding-bottom:1px;}
.first_menu li a{ display:block; height:39px; background:url(mech_list07.jpg) no-repeat left center; text-indent:33px; color:#000; line-height:39px;}
.first_menu li a:hover,.first_menu li .on{ background:url(mech_list05.jpg) no-repeat left center #2e90fe; color:#fff;}
.two_menu .subNav{background:url(mech_list05.jpg) no-repeat left center #2e90fe; color:#fff; text-indent:20px;line-height:39px; cursor:pointer; border-bottom:1px solid #fff;}
.two_menu .subNav a{ color:#fff;}
.two_menu .subNav a:hover,.two_menu .subNav .on{ color:#fff; font-weight:bold;}
.two_menu .navContent{ display:none;}
.two_menu .navContent li{ background:#f2f2f2; line-height:39px; padding-left:45px; border-bottom:1px solid #fff;}
.two_menu .navContent li a{ display:block; background:url(mech_list08.jpg) no-repeat left center; height:39px; width:100%; text-indent:10px; color:#000;}
.two_menu .navContent li a:hover{ color:#f60;}
/*****page*****/
.page{ min-height:450px;}
.page .title{ font-size:24px; line-height:150%; text-align:center; color:#000; padding:15px 0;}
.page .title span{ font-size:12px; color:#959595; display:block;}
.page .nr{ font-size:16px; line-height:30px; color:#222;}
.page .nr img{ max-width:100%;}
.list_back{ text-align:center; padding:20px; border-top:1px solid #c3c3c3; margin-top:20px; padding-top:10px;}
.list_back a{ color:#666;}
.list_back a:hover{ color:#91282e;}
/*****hr*******/
.hr{ margin-bottom:15px;}
.hr li{line-height:30px;border-bottom:1px solid #ccc; background:#f9f9f9; color:#000;}
.hr .title{ background:#f5f5f5;  color:#ed2400; text-indent:8px;}
.hr dt{ width:100px;float:left; text-align:center;}
.hr dd{width:640px; margin-left:100px; padding-left:5px; background:#fff;}
/******pro_page******/
.info_left {width: 340px;float: left;position: relative;margin-right:15px;}
.info_right {width: 390px;float: right;}
.big-img {
    border: 1px solid #e0e0e1;
    padding: 1px;
    margin-bottom: 10px;
}
.big-img img{ max-width: 336px;margin:0 auto;height:229px; display:block;}
.Links { display:none;position: absolute;background-color: #fff;padding: 0 7px;line-height: 33px;right: 1px;top: 1px;}
.Links a {color: #a6a6a6;margin-right: 9px;}
.list-img {
    position: relative;
    border: 1px solid #dededf;
    height: 70px;
    overflow: hidden;
}

.list-img .bd {
  padding: 0 28px;
}

.list-img li {

  float: left;
  margin: 0 4px;

  cursor: pointer;
  padding: 2px;
  margin-top:5px;
  border: 1px solid #fff;
  width: 80px;
  height:58px; 
  
}

.list-img li img {
  height:54px;
  margin: 0 auto;
  max-width:70px;
}

.list-img li.on {
   border: 1px solid red;
}

.list-img a.prev, .list-img a.next {
  width: 20px;
  height: 70px;
  position: absolute;
  top: 0;
  background-color: #f4f4f4;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 10;
  cursor: pointer;
}

.list-img a.prev {
  left: 0;
  background-image: url(btn_L.jpg);
}

.list-img a.next {
  right: 0;
  background-image: url(btn_R.jpg);
}

.list-img a.prevStop, .list-img a.nextStop {
  cursor: default !important;
  opacity: .5;
}
.info_right h1{ font-size:16px; color:#ee3311; font-weight:bold;}
.info_right h3{ font-size:12px; color:#575757; margin-bottom:10px;}
.info_right dl {overflow: hidden; clear: both; border-bottom: 1px solid #efeff0;font-size: 14px;padding: 10px 0;} .info_right dl dt { width: 85px;font-weight: bold; float: left;}
.info_right dl dd { float: right; width: 305px; color: #686868; }
.info_right .btn{ padding:15px 5px;}
.info_right .btn a{ display:block; background:url(mech_list10.jpg); height:36px; line-height:36px; font-size:18px; color:#fff; font-weight:300; width:100px; text-align:center;}
.info_right .btn a:hover{ text-decoration:underline;}

.pro_nr{ margin:20px auto;}
.pro_nr h1{ border-left:9px solid #1d7cf7; background:#f2f2f2; height:30px; line-height:30px; color:#ee3311; padding-left:10px; font-weight:bold; margin-bottom:20px;}
.pro_nr img{ max-width:100%;}
/*******************************/
.rel_pro h3{ border-bottom:1px solid #cdcdcd; position:relative; color:#999;font-style: italic; font-size:14px; text-indent:70px; margin-bottom:12px;}
.rel_pro h3 p{ position:absolute; border-bottom:2px solid #127bed; bottom:-1px; width:65px; font-style:normal; color:#232323; text-indent:0px; text-align:center; font-weight:bold;}

.rel_pro{ position:relative; width:100%;}
.rel_pro .hd{ overflow:hidden; position:absolute; top:-15px; right:5px;}
.rel_pro .hd .prev,.rel_pro .hd .next{ display:block;  width:19px; height:19px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("mech_26.jpg") no-repeat;}
.rel_pro .hd .next{ background:url("mech_28.jpg") no-repeat;}
.rel_pro .bd{ padding:10px;}
.rel_pro .bd ul{ overflow:hidden; zoom:1; }
.rel_pro .bd ul li{ margin:0 6px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.rel_pro .bd ul li .pic{ text-align:center; }
.rel_pro .bd ul li .pic img{ width:172px; height:129px; display:block;  padding:2px; border:1px solid #dbdbdb; }
.rel_pro .bd ul li .pic a:hover img{ border-color:#999;  }
.rel_pro .bd ul li .title{ line-height:24px; text-align:center; }
/*****/
.pagelast{  color: #ed2400;font-size: 14px;font-weight: 700; line-height: 32px;margin: 15px 0; width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pagelast a{ font-weight:normal; color:#000;}
.pagelast a:hover{ color:#f60;}

.sele_box1{ width:230px; margin:10px auto; border:1px solid #999; display:block; height:27px; line-height:27px; padding:3px;}
.sele_btn1{ display:block; margin:0 auto; margin-bottom:5px; background:#127bed; text-align:center; color:#fff; border:0; padding:5px 10px; }