@charset "utf-8";

/* CSS reset */

html, body, iframe,

h1, h2, h3, h4, h5, h6, p, 

ol, ul, dl, dd, 

input, button, textarea, th, td, form {margin: 0;padding: 0;}



body {color: #666;font: 12px/22px 'Microsoft YaHei',Helvetica,Arial,sans-serif; margin:0; padding:0; background:#fff;}

ol, ul {list-style: none;}

a {color: #666;text-decoration: none; font-family:Microsoft YaHei;}

.clear{ clear:both}
.m{ width:1280px; margin:0 auto}

textarea {resize: none;}

a:active, a:focus{text-decoration: none;outline: none;color: #666;}

a:hover {color:#ca0606;text-decoration: none;}

img {border: none;}

table {}

/** global class **/

.fl {float: left; _display:inline;}

.fr {float: right; _display:inline;}





/**public**/



.body-main{ width:100%;min-width:980px; background:#fff; margin:0 auto;}

.main-wrap{width:100%;min-width:980px; margin:0 auto;}

.header{ width:1280px; height:79px; position:fixed; left:50%; margin-left:-640px;top:0; background:url(../images/header_bg01.png) repeat; z-index:99; background-color:transparent; transition:all 0.5s;}

.max-min{ width:100%; max-width:1280px;min-width:980px; margin:0 auto;}

.logo{margin: 0 7px;}

.hotline{margin-right: 2px;margin-top: 6px;}

#nav {
     margin:0;
     width: 757px;
     display:block;
     font-size:14px;
     font-family:"宋体";
}
#nav .mainlevel {
      background:url(../images/d2.jpg) 0 0 repeat-x;
      float:left;
      width: 108px;
/*IE6 only*/
      }
#nav .mainlevel a {
      color:#ffffff;
      text-decoration:none;
      line-height:79px;
      display:block;
      padding:0;
      width: 108px;
      text-align:center;
   }
	  
#nav .mainlevel:hover {
      color:#000000;
	  line-height:108px;
	  text-decoration:none; 
	  background:url(../images/menu_bg01.png) no-repeat center;
	  }
#nav .mainlevel1 {
      background:#000;
	  float:left;
	  
	  width:108px;
/*IE6 only*/}
#nav .mainlevel1 a {
      color:#ffffff;
      text-decoration:none;
      line-height:35px;
      font-size: 12px;
      display:block;
      padding:0;
      width:108px;
      text-align:center;
      border-bottom:#333 1px dotted;
   }
	  
#nav .mainlevel1 a:hover {
      color:#fff;
      line-height:35px;
      text-decoration:none;
      /* font-size: 13px; */
      background:#ef9c00;
   }
#nav .mainlevel ul {
      display:none; 
	  position:absolute;
	  margin-left:0px; _margin-left:-50px; +margin-left:-50px; 
	  }
#nav .mainlevel li {
      background:url(../images/d1.jpg) 0 0 repeat-x;; 
	  width:108px;
	  /*IE6 only*/}





.side{ position:fixed; width:54px; height:275px; right:0; top:460px; z-index:100;}

.side ul li{ width:54px; height:54px; float:left; position:relative;border-bottom:1px solid #444; }

.side ul li .sidebox{ position:absolute; width:54px; height:54px; top:0; right:0;transition:all 0.3s;background:#000; opacity:0.8; filter:Alpha(opacity=80); color:#fff; font:14px/54px "微软雅黑"; overflow:hidden;}

.side ul li .sidetop{ width:54px; height:54px; display:inline-block;background:#000; opacity:0.8; filter:Alpha(opacity=80);transition:all 0.3s;}

.side ul li .sidetop:hover{ background:#ef9c00; opacity:1; filter:Alpha(opacity=100);}



/***首页**/



.index-main .main-title{ width:1280px; height:43px; padding-top:30px; margin:0 auto 67px; padding-bottom:10px}

.index-main .main-title h2{ font-size: 32px;color: #444;line-height: 40px;text-align: center;margin-bottom: 20px; font-weight:normal}

.index-main .main-title .more {

display: block;

width:1280px;

height: 30px;

margin: 0 auto ;

margin-bottom: 14px;

background: url(../images/more.png) no-repeat center;

color: #999;

line-height: 30px;

font-size: 15px; text-align:center; text-transform:uppercase}


.index-main .main-title2{}

.index-main .main-title2 h2{ color:#fff;}

.index-main .main-title2 h2 span{}

/*首页产品*/

.index-probox{ position:relative; overflow:hidden; float:left; margin: 1px; height:322px; background:#eaeaea;}

.index-proname h3{ padding-top:100px; width:208px; margin:0 auto; height:63px; font:36px/40px "Times New Roman"; color:#121212; background:url(../images/index_bg02.png) no-repeat left bottom; margin-bottom:30px;}

.index-proname p{width:208px; margin:0 auto; font:14px/24px "微软雅黑"; color:#9d9d9d;}

.index-probox ul li{position:absolute; left:0; top:0; display:none; width:100%; height:322px; background-repeat:no-repeat;background-position: center top;}


.proboxbg{ position:absolute; width:100%; height:100%; background:url(../images/bg.png); overflow:hidden; z-index:2;display:none;}

.protext{ display:none; position:absolute; width:100%; left:0; top:112px; background:url(../images/index_bg04.png) no-repeat center top; z-index:3; text-align:center;}

.protext h3{ font:20px/34px "微软雅黑"; color:#fff; margin-top:46px;}

.protext p{ font:18px/30px "Times New Roman"; color:#fff;opacity:0.6;filter:Alpha(opacity=60); text-transform:uppercase}

.index-promore{ display:block; height:62px; margin:20px 0 10px; background:#f7f7f7; font:14px/62px Arial; color:#9d9d9d; text-align:center; transition:all 0.4s;}

.index-promore:hover{ background:#999999; color:#fff;}

/**首页新闻**/

.index-newsmore{ float:right; font:normal 16px/24px Arial; color:#c6c6c6; padding-right:15px;}

.index-newsmore:hover{ color:#fff;}

.index-newsle{ float:left; width:47%;}

.index-newsle-img { width:100%;position:relative; overflow:hidden;margin-bottom:30px;}

.index-newsle h3{ margin-bottom:15px; font:18px/24px "微软雅黑"; color:#333;}

.index-newsle h3 span{ float:right; font-size:14px; color:#7a7a7a;}

.index-newsle p{ color:#888; line-height:24px;}

.index-newsri{ float:right; width:47%; padding-left:5px;}

.index-newsri dl{ width:100%; margin-left:-5px; padding:22px 0; padding-left:5px; margin-bottom:25px; transition:background 0.4s; cursor:pointer;}

.index-newsri dl dt{ width:17%; float:left;  font:normal 50px/76px  Arial, Helvetica, sans-serif; color:#e6e6e6; text-align:center; background-color:rgba(36,35,35,0.3); font-weight:normal}

.index-newsri dl dd{ float:right; width:74%; float:right; padding-right:18px;}

.index-newsri dl dd h3{ height:24px; margin-bottom:10px; font:18px/24px "微软雅黑"; color:#333; overflow:hidden;}

.index-newsri dl dd h3 span{ float:right; font-size:14px; color:#717171; margin-bottom:12px;}

.index-newsri dl dd p{ color:#888;}

.index-newsri dl.hover{padding-left:0; background:#e3e3e3;border-left:5px solid #333; }

.index-newsri dl.hover dt{color:#565656; background:#e3e3e3;}

.index-newsri dl.hover dd h3{ color:#3b3b3b;}



/**品牌加盟**/

.index-brand{}

.index-brandbox{ position:relative; overflow:hidden; float:left; margin:0 auto; height:210px; background:#f7f7f7; transition:background 0.5s , padding 0.5s , margin 0.5s; cursor:pointer;} 

.index-brandbox .brand-icon{ width:80px; height:66px; margin:40px auto 13px; overflow:hidden; }

.index-brandbox .icon01{ background:url(../images/index_bg07.png) no-repeat;background-position:0 -106px;transition:all 0.6s ease-out 0.3s;}

.index-brandbox .icon02{ background:url(../images/index_bg08.png) no-repeat;background-position:0 -106px;transition:all 0.6s ease-out 0.3s;}

.index-brandbox .icon03{ background:url(../images/index_bg09.png) no-repeat;background-position:0 -106px;transition:all 0.6s ease-out 0.3s;}

.index-brandbox .icon04{ background:url(../images/index_bg10.png) no-repeat;background-position:0 -106px;transition:all 0.6s ease-out 0.3s;}
.index-brandbox .icon05{ background:url(../images/index_bg11.png) no-repeat;background-position:0 -106px;transition:all 0.6s ease-out 0.3s;}
.index-brandbox .icon06{ background:url(../images/index_bg13.png) no-repeat;background-position:0 -106px;transition:all 0.6s ease-out 0.3s;}

.index-brandbox .brand-title{ text-align:center;}

.index-brandbox .brand-title h4{ font:normal 18px/28px "微软雅黑"; color:#484848;transition:all 0.3s}

.index-brandbox .brand-title p{ font:12px/28px "Times New Roman"; color:#bababa; text-transform:uppercase}

.index-brandbox .brand-title span{ margin-top:20px; display:inline-block; width:87px; height:1px; overflow:hidden; background:#c5c5c5;}

.index-brandbox .brand-intro{ width:76%; font:12px/24px "微软雅黑"; color:#777; margin:20px auto 0; text-align:center; }

.index-brandbox .nrand-jia{ margin:10px auto ; width:114px; height:25px; background:url(../images/index_bg12.png) no-repeat; display:none;}

/*.index-brandbox:hover{ padding:17px 0 13px; margin:-17px 1px 0 0; background:#4d4b4c; z-index:1;}*/

.index-brandbox.hover .icon01,.index-brandbox.hover .icon02,.index-brandbox.hover .icon03,.index-brandbox.hover .icon04,.index-brandbox.hover .icon05,.index-brandbox.hover .icon06{background-position:0 0;}

.index-brandbox.hover .brand-title h4{ color:#ffffff;}

.index-brandbox.hover .brand-title p{ color:#716f70;}

.index-brandbox.hover .brand-title span{ background:#716f70;}

.index-brandbox.hover .brand-intro{height:76px;  color:#838182;}

.index-brandbox.hover .nrand-jia{ display:block;}









/**联系我们***/

.contact{ padding-bottom:70px; position:relative;}

.contact-title{ font:40px/50px "Times New Roman", Times, serif; color:#303030; margin-bottom:40px;}

.contact-join{ float:left; width:290px; padding-right:88px; color:#636363;}

.contact-join h2,.contact-wel h2{ font:24px/34px "Times New Roman", Times, serif; color:#333;}

.contact-wel{ float:left; width:580px; overflow:hidden;}

.location-list{ width:620px;}

.location-list li{ display:inline-block; _display:inline; width:145px; float:left; margin-right:50px; line-height:24px;}

.location-list li b{ font-size:14px; line-height:34px;}

.location-list li .see{ display:block; background:url(../images/index_bg11.gif) no-repeat; padding-left:30px; font:14px/30px Arial; margin-top:20px;animation:scale 1.5s infinite linear; -webkit-animation:scale 1.5s infinite linear;}



.neiye {width:1200px; margin:40px auto 40px; overflow:hidden;}
.neiye .left {width:200px; float:left; overflow:hidden;}
.neiye .left h3 {width: 199px;padding:10px 6px 6px 6px;text-align:center;color:#fff;font-size:22px;font-weight:normal;line-height:30px;background-color:#ef9c00;margin:0 auto;}
.neiye .left h3 span {font-size:14px; font-family:Arial;}
.neiye .left ul {width:200px; margin:0 auto;}
.neiye .left ul li {width:200px;height:51px;background:url(../images/yy1.png) repeat-y;font-family:"微软雅黑";font-size:14px;color:#ffffff;line-height:50px;text-align: center;float:left;display:block;}
.neiye .left ul li a {width:179px; height:50px; border-bottom:1px solid #dddddd; font-family:"微软雅黑"; font-size:14px; color:#555555; line-height:50px; text-decoration:none; padding-left:15px; margin-left:3px; display:block;}
.neiye .left ul li a:hover {background:url(../images/lm.png) no-repeat; color:#ef9c00; text-decoration:none;}
.neiye .left ul li a.ho {background:url(../images/lm.png) no-repeat; color:#ef9c00;}
.neiye .left .bott {width:200px; background:url(../images/yy2.png) no-repeat; height:5px; float:left;}
.neiye .right {width:930px; font-family:"微软雅黑"; font-size:14px; color:#555555; line-height:28px; float:right; overflow:hidden;border: 1px solid #eeeeee; padding:10px 20px 20px 20px; background:#FFFFFF} 
.neiye .right .lmmc {border-bottom:1px solid #dddddd; width:908px; height:51px; line-height:50px; color:#ef9c00; overflow:hidden; background:url(../images/four-rightnav.png) no-repeat center left; padding-left:20px; font-size:18px; font-weight:bold}
.neiye .right .lmmc span {border-bottom:1px solid #ef9c00; padding-bottom:15px;}

.right1 {width:958px; font-family:"微软雅黑"; font-size:14px; color:#555555; line-height:28px; float:right; overflow:hidden;border: 1px solid #eeeeee; padding:10px 20px 20px 20px; background:#FFFFFF} 
.right1 .lmmc {border-bottom:1px solid #dddddd; width:928px; height:51px; line-height:50px; color:#ef9c00; overflow:hidden; background:url(../images/four-rightnav.png) no-repeat center left; padding-left:20px; font-size:18px; font-weight:bold}
.right1 .lmmc span {border-bottom:1px solid #ef9c00; padding-bottom:15px;}
.wwnz {font-size:14px; line-height:32px; color:#555555; padding-top:15px; min-height:300px;}
.neiye .right .wykh {width:690px; float:left;}
.neiye .right .wykh h3 {border-bottom:1px dotted #dddddd; font-size:14px; color:#777777; line-height:30px; padding-top:15px;}

.article_list{ margin:30px auto;}
.article_list li{ clear:both; margin-top:20px; padding-bottom:20px; border-bottom:1px dashed #eee;}
.article_list li .pic{ float:left; width:212px; height:145px;}
.article_list li .pic img{   width:212px; height:145px;}
.article_list li .txt{ float:right; width:680px; }
.article_list li .txt h2 strong a{ font-weight:normal; font-size:20px; line-height:30px;}
.article_list li:hover .txt h2 strong a{color:#ef9c00; }
.article_list li .txt p {  color:#666;margin-top:5px;   font-size:12px; line-height:24px;}
.article_list li .txt p a{ margin-top:25px;line-height:26px; border-radius:20px; border:1px solid #ef9c00;  display:block; text-align:center; float:right; margin-right:10px; color:#ef9c00;   width:105px; }
.article_list li:hover .txt p a{ color:#fff; background:#ef9c00; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; }

.fenye{ height:40px; padding-top:10px; float:right; clear:both;}
.fenye ul{ float:right;  }
.fenye ul li{  margin-right:5px;  float: left; border:1px solid #eee;line-height:25px; font-size:12px}
.fenye li a{background:#fff; display:block; color:#333; padding:0 10px;}
.fenye li a:hover { background:#ef9c00; color:#fff;}
.fenye li.thisclass { background:#ef9c00; color:#fff;padding:0 10px;}
.con_right_case{ width:945px; margin:auto;  clear:both; margin-top:20px; padding-left:0px}
.con_right_case ul{}
.con_right_case li{ box-shadow:2px 2px 10px  #e5e5e5; border:1px solid #e5e5e5;  border-radius:5px; margin:0px 7px;   background:#fff;margin-bottom:30px; position:relative; width:296px;  overflow:hidden;  float:left; }
.con_right_case li:hover{ box-shadow:2px 2px 10px  #ccc;  }
.con_right_case li img{ border:1px solid #e5e5e5; margin:10px 10px 0 10px	; width:274px;  }
.con_right_case li .pic_txt{ background:url(../images/eye.png) no-repeat  360px 22px; color:#555; width:100%;  float:left; text-align:center;}
.con_right_case li .pic_txt  a{ display:block; margin:0 10px; line-height:40px; color:#555; font-size:14px; }
.con_right_case li:hover .pic_txt  a{ color:#ef9c00;}

.db{ height:32px; background:url(../images/h_bj1.jpg) no-repeat center}
.yindao {width:100%;overflow:hidden;}  
.yindao .yd {width:1200px; margin:0 auto; overflow:hidden;}
.yindao .yd .lf {font-size:12px; width:600px; color:#555555; line-height:32px; float:left;}
.yindao .yd .lf .xx {float:left;}
.wx {float:left; width:21px; height:20px; margin-left:10px; margin-top:5px; display:block;}
.yindao .yd .rt1 {font-size:12px; color:#555555; line-height:32px; text-align:right; float:right; background:url(../images/ch.gif) no-repeat center left; width:80px} 
.yindao .yd .rt1 a {width:100px; height:32px;  font-size:12px; line-height:32px; color:#555555; text-align:center; text-decoration:none; float:left; display:block;}
.yindao .yd .rt2 {font-size:12px; color:#555555; line-height:32px; text-align:right; float:right; background:url(../images/en.gif) no-repeat center left; width:80px} 
.yindao .yd .rt2 a {width:100px; height:32px; font-size:12px; line-height:32px; color:#555555; text-align:center; text-decoration:none; float:left; display:block;}

.bitao{ font-size:26px; color:#333; text-align:left; height:42px; line-height:38px; margin-bottom:10px}



@keyframes scale {      

  0% { background-position:0 0;}

  50% {background-position:0 5px;}

  100% {background-position:0 0;}

}

@-webkit-keyframes scale

{

   0% { background-position:0 0;}

  50% {background-position:0 5px;}

  100% {background-position:0 0;}

}

.gotop{ display:block; position:absolute; top:90px; right:0; width:131px; height:36px; font:14px/36px "Times New Roman", Times, serif; color:#000;}

.gotop span{ display:inline-block; width:36px; height:36px; float:right; background:#c90000; overflow:hidden; position:relative; transition:all 0.5s;}

.gotop span img{ position:absolute; left:0; top:0;}

.gotop:hover{ opacity:0.7;color:#000;filter:Alpha(opacity=70);}



/**内页**/

.inner-banner{ width:100%;height:546px; margin:0 auto; position:relative; background:url(../images/loading.gif) no-repeat center; overflow:hidden;}

.inner-banner img{ position:absolute; left:50%; top:0; margin-left:-960px; max-width:1920px;}



.inner-main .main-title{ width:100%; height:88px; padding-top:50px; margin-bottom:80px;background:url(../images/index_bg01.png) repeat-x 0 bottom;}

.inner-main .main-title h2{ font: normal 32px/40px "微软雅黑"; color:#444; text-align:center}

.inner-main .main-title h2 span{ display:block; font:14px/40px "微软雅黑";  height:48px; background:url(../images/inner_bg01.gif) no-repeat center bottom; color:#a3a3a4}

.inner-main .main-title2{background:url(../images/index_bg06.png) repeat-x 0 bottom;}

.inner-main .main-title2 h2{ color:#fff;}

.inner-main .main-title2 h2 span{ color:#a3a3a4; background:url(../images/inner_bg02.gif) no-repeat center bottom; }



/**关于我们**/

.about{ text-align:center; font:14px/26px "微软雅黑"; color:#777777; height:200px; margin-bottom:100px; position:relative; overflow:hidden;}

.about-content{ margin-top:200px; opacity:0;filter:Alpha(opacity=0);}



.honorwrap{ position:relative; height:335px;overflow:hidden;}

.honorwrap .prev,.honorwrap .next,.joinwrap .prev,.joinwrap .next{ width:58px; height:58px; cursor:pointer; position:absolute; top:130px; z-index:51; opacity:0.7; filter:Alpha(opacity=70);background: url(../images/about_bg07.png) no-repeat; transition:all 0.3s;}

.honorwrap .prev span,.honorwrap .next span,.joinwrap .prev span,.joinwrap .next span{ display: block; width:58px; height:58px; position:absolute; left:0; top:0;background: url(../images/about_bg06.png) no-repeat;}

.honorwrap .prev,.joinwrap .prev,.honorwrap .prev span,.joinwrap .prev span{left:0px; background-position:0 0;}

.honorwrap .next,.joinwrap .next,.honorwrap .next span,.joinwrap .next span{right:0px; background-position:-58px 0;}

.honorwrap .prev:hover,.joinwrap .prev:hover{opacity:1; filter:Alpha(opacity=100)}

.honorwrap .next:hover,.joinwrap .next:hover{opacity:1; filter:Alpha(opacity=100)}





.honor-list{ width:821px; height:314px; padding:5px;position: relative;overflow: hidden;margin: 0 auto;}

.honor-list li{ width:196px; height:134px; padding:14px; top:78px; background:url(../images/about_bg05.jpg) no-repeat ; -moz-background-size: cover;  -webkit-background-size: cover;background-size:cover;position: absolute;left: 888px;z-index: 30;box-shadow:0 0 6px rgba(0,0,0,0.3);-moz-box-shadow:0 0 6px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 6px rgba(0,0,0,0.3); -o-box-shadow:0 0 6px rgba(0,0,0,0.3); }





.honor-list li img{width: 100%;}

.honor-list li.mid{width: 384px;height: 262px; padding:26px;}





.factorywrap{ position:relative; height:430px; overflow:hidden;}

.factorywrap .prev1,.factorywrap .next1{ width:58px; height:58px; cursor:pointer; position:absolute; top:150px; z-index:51; opacity:0.7; filter:Alpha(opacity=70);background: url(../images/about_bg07.png) no-repeat; transition:all 0.3s;}

.factorywrap .prev1 span,.factorywrap .next1 span{ display: block; width:58px; height:58px; position:absolute; left:0; top:0;;background: url(../images/about_bg06.png) no-repeat;}

.factorywrap .prev1,.factorywrap .prev1 span{left:0px; background-position:0 0;}

.factorywrap .next1,.factorywrap .next1 span{right:0px; background-position:-58px 0;}

.factorywrap .prev1:hover{opacity:1; filter:Alpha(opacity=100)}

.factorywrap .next1:hover{opacity:1; filter:Alpha(opacity=100)}

.factory-list{ width:960px; margin:0 auto; position:relative; overflow:hidden;}

.factory-list ul li{ position:relative; display:inline-block; _display:inline; float:left; width:290px; margin:0 45px 10px 0; border-bottom:2px solid #e0e0e0;}

.factory-list ul li p{ font-size:16px; padding:15px 0; text-align:center;}

.factory-list ul li img{ 

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */

filter: gray; /* IE6-9 */

-webkit-filter: grayscale(100%); transition:all 0.3s; }

.factory-list ul li:hover img{ 

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

-webkit-filter: grayscale(0%);}

/**工厂实景**/



/***合作伙伴**/

.partner{ width:99%; position:relative; overflow:hidden;}

.partner ul{}

.partner ul li{ float:left; width:23%; margin:0 1% 66px; border-bottom:1px dashed #c1c1c1; height:129px; text-align:center; transition:all 0.3s; display:none;}

.partner ul li:hover{ border-bottom-color:#d72222;}



.partner ul li img{ 

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */

filter: gray; /* IE6-9 */

-webkit-filter: grayscale(100%); transition:all 0.3s; }

.partner ul li:hover img{ 

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

-webkit-filter: grayscale(0%);}



/***产品列表**/

.back{ margin-top:-50px;}

.pro-back{ float:right; margin-right:10px; width:78px; height:26px; padding-left:15px;background:url(../images/pro_bg01.png) no-repeat 20px 8px; font:14px/26px "微软雅黑"; display:inline-block; border:1px solid #efefef; text-align:center; transition:all 0.3s;}

.pro-back:hover{ background-color:#f5f5f5;}

.probox{padding:82px 0; position:relative; overflow:hidden;}

.proboxcover{ width:100%; height:100%; position:absolute; z-index:2; background:#fff; opacity:0.7; filter:Alpha(opacity=70); left:0; top:0;}

.prole{ float:left; width:10%; border-top:1px solid #363636; font:bold 18px/24px Arial,"微软雅黑"; color:#363636; padding-top:22px; text-indent:3px;}

.prori{ float:right; width:84%; overflow:hidden;}

.prori ul{ width:105%;}

.prori ul li{ float:left; width:257px; height:145px; position:relative; overflow:hidden; margin:0 16px 16px 0; background:url(../images/loading.gif) no-repeat center;  }

.prori ul li .prolicover{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:0.5;filter:Alpha(opacity=50); background:#000; display:none; overflow:hidden;}

.prori ul li .prolitext{ position:absolute; width:327px; left:20px; top:-46px; font:bold 15px/21px "微软雅黑"; color:#fff;}

.prori ul li .prolitext span{ display:block; font:normal 12px/16px Arial; color:#fff;opacity:0.5;filter:Alpha(opacity=50)}

.prori ul li .prolimore{ position:absolute; width:26px; height:26px; right:15px; bottom:-26px; overflow:hidden;}

.prori ul li .prolimore a{transform:rotate(0deg); display:block;width:26px; height:26px; background:url(../images/pro_bg02.png) no-repeat; transition:all 0.3s;}

.prori ul li .prolimore a:hover{ transform:rotate(90deg);}



/***产品展示**/

.proclass{ max-width:1920px;}

.proclass ul{width:100%;}

.proclass ul li{ display:none; width:100%; float:left; max-width:1920px; height:200px; margin:0 auto; border-bottom:1px solid #323234; position:relative; overflow:hidden; background-position:center top; background-repeat:no-repeat;cursor:pointer;}

.proclass .proclasscover{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.6;filter:Alpha(opacity=60); z-index:2}

.proclass .proclasstext{position:absolute; left:0; top:60px; width:100%; height:130px; text-align:center; z-index:1;}

.proclass .proclasstext h2{ font:normal 24px/24px "Times New Roman", Times, serif; color:#ddd;}

.proclass .proclasstext span{ display:inline-block; width:14px; height:1px; background:#fff;opacity:0.5;filter:Alpha(opacity=50); overflow:hidden;}

.proclass .proclasstext p{ font:15px/24px "微软雅黑"; color:#ddd;}



/***合作流程**/

.cooper{width:100%; padding-top:36px; overflow:hidden; position:relative;}

.cooper ul{ width:105%;}

.cooper ul li{ float:left; display:inline-block; margin:0 17px 58px 0; padding-top:60px; width:168px; height:285px; position:relative; background:#f0f0f0; transition:all 0.4s;}

.cooper ul li .coopericon{ position:absolute; width:66px; height:73px; top:-36px; left:51px; overflow:hidden;}

.cooper ul li .coopericon .iconcover1{ position:absolute;width:66px; height:73px; background:url(../images/pro_bg03.png) no-repeat; z-index:2;}

.cooper ul li .coopericon .iconcover2{ position:absolute;width:66px; height:73px; background:url(../images/pro_bg03.png) no-repeat -66px 0; z-index:3; display:none;}

.cooper ul li .coopericon .iconbg{position:absolute;width:66px; height:148px; left:0; top:0; background:url(../images/pro_bg04.gif) repeat-x; z-index:1}

.cooper ul li .coopericon .iconimg{ position:relative; z-index:4;}

.cooper ul li .coopertext{ width:120px; margin:0 auto;}

.cooper ul li .coopertext h3{ text-align:center; font:normal 16px/26px "微软雅黑"; color:#454545; text-shadow:1px 1px 2px #fff; padding-bottom:5px;}

.cooper ul li .coopertext p{ padding:10px 0; background:url(../images/cooper_bg01.gif) no-repeat center bottom; font:12px/20px "微软雅黑"; color:#999;text-shadow:1px 1px 2px #fff;}





/***品牌加盟**/

.brand{ width:100%; margin:0 auto;} 

.brand dl{ height:496px; position:relative; z-index:1;}

.brand dl dt{ height:80px; background:#2e2e2e; border-bottom:1px solid #393939;text-align:center; cursor:pointer;}

.brand dl dt span{ display:inline-block; padding:28px 58px; font:24px/24px "微软雅黑"; color:#fff; background:url(../images/cooper_bg03.png) no-repeat right center;}

.brand dl dt.cur{ background:none; border-color:transparent;}

.brand dl dt.cur span{ background:none;}

.brand dl dt.prev{ background:none;}

.brand dl dd{height:164px; padding-top:8px; display:none; font:14px/32px "微软雅黑"; color:#9f9f9d; text-align:center;}

.brandbottom{width:100%; margin:0 auto;height:142px; background:#2e2e2e; position:relative; z-index:1;}

.main-title2{position:relative; z-index:1;}

.brandmain-bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:0;}

.brandmain-bg ul li{width:100%; height:100%; position:absolute; left:0; top:0; display:none;}



.joinwrap{ position:relative; height:410px; overflow:hidden;}

.job-list{ width:960px; margin:0 auto; position:relative; overflow:hidden;}

.job-list ul li{ position:relative; display:inline-block; _display:inline; float:left; width:250px; height:370px; padding:20px; margin:0 45px 0 0; background:#dfdfdf; transition:all 0.4s;}

.job-list ul li th{ font:bold 16px/24px "微软雅黑"; color:#323232; text-align:left; border-bottom:1px dotted #bababa; padding-bottom:10px;}

.job-list ul li td{ height:27px; line-height:24px;}

.job-list ul li .apply{ position:absolute; right:20px; bottom:25px; padding-left:16px; background:url(../images/join_bg02.gif) no-repeat 0 center; font:12px/12px "微软雅黑"; }

.job-list ul li.hover{ background:#fff;}

.job-list ul li.hover .apply{ color:#ca0606;}

.job-list ul li.hover th{color:#ca0606;}



/**新闻中心**/

.news{ background:#eaeaea;overflow:hidden; margin-bottom:75px; }

.news-text{ float:left; width:49%; height:100%;position:relative;}

.news-text-box{ width:80%; padding:10% 0;  margin:0 auto; }

.news-img{ float:right; width:50%; overflow:hidden; max-height:438px}

.news-img img{transition:all 1.8s; -webkit-transition:all 1.8s; }

.news-img img:hover{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }

.news-text-box h3{ font:normal 20px/26px "微软雅黑"; color:#444; padding-bottom:30px;}

.news-text-box h3 a{ color:#444;}

.news-text-box h3 a:hover{ color:#000;}

.news-text-box p{ height:85px; font:12px/20px "微软雅黑"; color:#7b7b7b;}

.news-text-box  .newsmore{ display:inline-block; width:120px; height:32px; background:#868686; border:1px solid #7b7b7b; font:14px/32px Arial; text-align:center; color:#fff; transition:all 0.3s;}

.news-text-box .newsmore:hover{ background:#ef9c00; border:1px solid #960303;}

.news-text-box .newstime{ position:absolute; left:10%; bottom:8%;}



.news-info{ position:absolute; width:100%; max-width:1280px; min-height:980px; left:50%; top:545px; background:#fff; display:none; z-index:1000;}

.news-overlay{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.7;filter:Alpha(opacity=70); z-index:999;display:none;}

.news-content{ width:90%; margin:120px auto;}

.info-til{ border-bottom:2px solid #e3e3e3; padding-bottom:40px; text-align:center;}

.info-til h2{ font:normal 20px/26px "微软雅黑"; color:#444; padding-bottom:10px;}

.info-til p{ font-size:14px;}

.info-cen{ padding:25px 0; font:14px/26px "微软雅黑"; color:#7b7b7b;}

.info-page{ margin-top:115px; background:#efefef; padding:25px 30px; font:14px/26px "微软雅黑";}

.news-close{ width:43px; height:51px; background:url(../images/news_bg01.jpg) no-repeat; position:absolute; right:0; top:40px;}



.lead-top{min-width:980px; height:476px; width:100%; background:url(../images/lead_bg01.jpg) repeat;}

.lead-logobox{ display:none; width:140px; height:245px; margin:0 auto; background:url(../images/lead_bg02.png) no-repeat; position:relative;}

.lead-logo{ position:absolute; width:85px; height:61px; left:30px; top:80px; display:none; background:url(../images/lead_bg03.png) no-repeat;}

.lead-bot{ height:120px; width:100%; min-width:980px; padding-top:115px; background:url(../images/lead_bg06.jpg) no-repeat center; margin:0 auto; text-align:center; font:10px/24px "微软雅黑"; color:#5d5d5d; position:relative;}

.lead-enter{ position:absolute; width:61px; height:61px; left:50%; top:-31px; margin-left:-30px; background:url(../images/lead_bg04.png) no-repeat;opacity: 0;}

.lead-enter a{ display:block; width:100%; height:100%;}

.lead-bot h2{ font:bold 18px/24px "Times New Roman", Times, serif; color:#777;}

.lead-enter.show{

	animation: show 1s forwards;

	-webkit-animation: show 1s forwards;

	-ms-animation: show 1s forwards;

}

@keyframes show{

	to{

		opacity: 1;

		transform: rotateY(-360deg);

	}

}

@-webkit-keyframes show{

	to{

		opacity: 1;

		-webkit-transform: rotateY(-360deg);

	}

}

@-ms-keyframes show{

	to{

		opacity: 1;

		-ms-transform: rotateY(-360deg);

	}

}

.lead-enter:hover{

	opacity: 1;

	animation: scale 1s linear;

	-webkit-animation: scale 1s linear;

	background:url(../images/lead_bg10.png) no-repeat;

}



.lead-text{ width:488px; position:relative; margin:50px auto 0; overflow:hidden; height:88px;}

.lead-text img{ position:absolute;}

.lead-text img.lead-text01{ left:-280px; top:6px;}

.lead-text img.lead-text02{ right:-100px; top:45px;}

.lead-text img.lead-text03{ left:0; top:88px;}





/* 人才招聘 */

#spred {

	color:#F00;

}

.joinus_tb {

	border:1px solid #E2E2E2;

	border-width: 0 0 1px 1px;}

.joinus_tb tr td {

	padding: 5px;

	border:1px solid #E2E2E2;

	border-width:1px 1px 0 0;

}

.joinus_tb .feedback_input {

	width: 260px;

	height: 18px;

	padding: 5px;

	line-height: 18px;

	color: #666;

	border: 1px solid #dddddd;

	box-shadow: 2px 2px 2px #f4f4f4 inset;

	background: #fff;

}

.joinus_tb .error {

	width: 260px;

	height: 18px;

	padding: 5px;

	line-height: 18px;

	color: #666;

	border: 1px solid #D70128;

	box-shadow: 2px 2px 2px #f4f4f4 inset;

	background: #fff;

}



.join-info{ position:absolute; width:100%; max-width:1280px; min-height:980px; left:50%; top:545px; background:#fff; display:none; z-index:1000;}

.join-overlay{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.7;filter:Alpha(opacity=70); z-index:999;display:none;}

.join-content{ width:90%; margin:120px auto;}

.info-til{ border-bottom:2px solid #e3e3e3; padding-bottom:40px; text-align:center;}

.info-til h2{ font:normal 20px/26px "微软雅黑"; color:#444; padding-bottom:10px;}

.info-til p{ font-size:14px;}

.info-cen{ padding:25px 0; font:14px/26px "微软雅黑"; color:#7b7b7b;}

.info-page{ margin-top:115px; background:#efefef; padding:25px 30px; font:14px/26px "微软雅黑";}

.join-close{ width:43px; height:51px; background:url(../images/news_bg01.jpg) no-repeat; position:absolute; right:0; top:40px;}







.newsnav{ text-align:center; margin-top:-12px;}

.newsnav a{ display:inline-block; width:98px; height:24px; background:#fff; border:1px solid #e0e0e0; color:#a1a1a1; font:12px/24px "微软雅黑"; text-align:center;}

.newsnav a:hover,.newsnav a.hover{ background:#d31f1f; border-color:#ef9c00; color:#fbe9e9;}

.fot{ height:45px; line-height:45px; background:#040404; color:#828496}

.choice { padding-top: 30px; height:auto; overflow:hidden; padding-bottom:20px }

.choice .wrap {width: 1280px;margin: 0 auto;overflow: hidden; }

.choice .title {font-size:32px;color: #333;line-height:40px;text-align: center;margin-bottom: 20px; font-weight:normal;  }

.choice .more {

display: block;

width:1280px;

height: 30px;

margin: 0 auto;

margin-bottom: 14px;

background: url(../images/more.png) no-repeat center;

color: #999;

line-height: 30px;

font-size: 15px; text-align:center;text-transform:uppercase}

.choice ul {width: 1300px; }

.choice ul li {

  width: 280px; margin:0 20px;

   float:left}

  .choice ul li .hd {

width: 112px;

height: 129px;

position: relative;

margin: 0 auto;

margin-bottom: 16px; }

.choice ul li .hd .cover {

  width: 79px;

  height: 79px;

  background: url(../images/cir79x79.png) no-repeat center; }

.choice ul li .hd .bg {

  width: 50px;

  height: 50px;

  background-repeat: no-repeat;

  margin: 0 auto; }

.choice ul li .hd:hover .bg {

  background-position: 0 -50px; }

.choice ul li .hd:hover .cover {

  background: url(../images/cir79x7902.png) no-repeat center; }

.choice ul li .hd .car {

  background-image: url(../images/ind01.png); }

.choice ul li .hd .heart {

  background-image: url(../images/ind02.png); }

.choice ul li .hd .person {

  background-image: url(../images/ind03.png); }

.choice ul li .hd .map {

  background-image: url(../images/ind04.png); }

.choice ul li .title2 {

text-align: center;

font-size: 20px;

line-height: 34px;

color: #444;

margin-bottom: 3px; margin-top:20px}

.choice ul li .content {

width: 100%;

font-size: 12px;

color: #666;

line-height: 28px;

margin-bottom: 35px; text-align:center }
.cpzs1{  height: 292px; width:1280px; margin:40px auto 70px}
.ab{width:845px;float:right;margin-right:20px;font-size:14px;line-height: 26px;     margin-top: -36px;}
.ab h1{ font-size:18px; color:#595f5d; font-weight:bold; padding-bottom:10px}
.ab span{ font-size:14px; line-height:30px; color:#8e8d8d; }


.footer1 {
	width:100%;
	height:203px;
	background: url(../images/home2_03-03.jpg) repeat-x bottom #202020;
	color:#828496;
	margin-top: 49px;
}
.footer_middle {
	width:1200px;
	height:203px;
	margin:0px auto;
}
.footer_middle_logo {
	width:362px; 
	height:110px;
	border-right:1px solid #343434;
	margin-top:30px; margin-left:20px;
	float:left
}
.footer_middle_nav {
	width:260px;
	margin-left:55px;
	height:147px;
	border-right:1px solid #343434;
	float:left;
	margin-top:30px;
}
.footer_middle_nav ul li {
	width:90px;
	float:left;
	display:block
}
.footer_middle_nav ul li a {
	display:block;
	height:28px;
	text-decoration:none;
	color:#666666;
	text-align:left;
	vertical-align:middle;
	line-height:28px;
}
.footer_middle_nav ul li a:hover {
	color:#0092E0
}
.footer_middle_nav ul .footer_middle_motorcycle_type_bt {
	width:220px;
	text-align:left;
	font-size:14px;
	color:#333333;
}
.footer_middle_motorcycle_type {
	width:132px;
	height:147px;
	border-right:1px solid #343434;
	float:left;

	margin-top:30px;
}
.footer_middle_motorcycle_type ul li a {
	display:block;
	width:80px;
	height:28px;
	text-decoration:none;
	color:#666666;
	margin:0px 0px 0px 40px;
	text-align:left;
	vertical-align:middle;
	line-height:28px;
}
.footer_middle_motorcycle_type ul li a:hover {
	color:#0092E0
}
.footer_middle_motorcycle_type ul .footer_middle_motorcycle_type_bt {
	font-size:14px;
	color:#fff;
	text-align:center
}
.bti{ font-size:16px;color:#828496; margin-bottom:10px}
.btit a{ font-size:12px; color:#828496; padding:0px 5px}
.contact_us {
	width:470px;
	height:147px;
	border-right:1px solid #343434;
	float:left;
	margin-top:30px;
}
.contact_us ul li {
	display:block;
	width:430px;
	height:30px;
	text-decoration:none;
	color:#828496;
	margin:0px 0px 0px 60px;
	text-align:left;
	vertical-align:middle;
	line-height:25px;
}
.contact_us ul .contact_us_bt {
	font-size:16px;
	color:#828496;
}
.contact_us ul li span {
	padding-left:10px;
}
.two_dimension_code {
	width:110px;
	height:147px;
	float:right;
	margin-top:30px; margin-right:110px ; color:#828496
}
.two_dimension_code div {
	width:110px;
	height:30px;
	text-align:center;
	vertical-align:middle;
	line-height:30px;
}
.two_dimension_code img {
	display:block;
	margin:0px auto
}
.footer_below {
	width:100%;
	height:50px;
	background-color:#1b222a;
	text-align:center;
	vertical-align:middle;
	line-height:50px; color:#828496;
}


.part{ height: auto; overflow:hidden; width:1280px;}

.part span{ height:29px; width:1280px; overflow:hidden; text-align:center; font:14px/29px "Microsoft Yahei"; display:block; background:url(../images/part_tl.gif) no-repeat center center;}

.part span a{ color:#767676;}



.roll1,.roll2{ margin:126px 0 0 0; display:blcok; width:16px; height:32px; overflow:hidden;}

.roll1 img,.roll2 img{width:16px; height:32px;}


.nbanner{ height:650px}
.part_c{ margin:31px 0 0 44px; display:inline;}

.part_c ul li{ width:252px; height:208px; float:left; margin-right:23px; display:inline; overflow:hidden;}

.part_c ul li img{ width:244px; height:200px; border:1px solid #d2d2d2; padding:3px; background:#fff;}

.part_c ul li span{ position:absolute; top:260px; left:6px;  height:48px; width:604px; overflow:hidden; text-align:center;  display:block; color:#fff; background:url(../images/cul_span.png) repeat left top;}

.part_c ul .nones{ margin-right:0px;}

.pro{ height:1440px; padding:40px 0 0; overflow:hidden;}

.w1160 {
  width: 1280px;
  margin: 0 auto;
}
.look-more {
  display: block;
  width: 218px;
  height: 50px;
  border: 1px solid #d6d6d6;
  border-radius: 25px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #666;
  margin: 50px auto 0;
  -webkit-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
}
.look-more:hover {
  color: #fff;
  background-color: #ef9c00;
  border: 1px solid #ef9c00;
}
.i-wrap-sev {
  padding-top: 2px;
  padding-bottom: 70px;
  background: url(../images/bg_12.jpg) no-repeat center bottom; margin-top:50px
}
.i-wrap-sev .list-wrap {
  position: relative;
  overflow: hidden;
  margin-top: 45px;
}
.i-wrap-sev .list-wrap ul {
  width: 102%;
}
.i-wrap-sev .list-wrap li {
  width: 203px;
  background-color: #fff;
  box-shadow: 0 5px 10px 0 #e8e8e8;
  margin-right: 12px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  margin-bottom: 36px; float:left
}
.i-wrap-sev .list-wrap li .img {
  display: block;
  position: relative;
  overflow: hidden;
}
.i-wrap-sev .list-wrap li .img img {
  -webkit-transform: translateZ(0px);
          transform: translateZ(0px);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
          transition: transform 0.3s ease 0s;
}
.i-wrap-sev .list-wrap li .cont {
  width: 200px;

  padding: 9px 11px 0;
  height: 35px; text-align:center; background:url(../images/1.png) center;
}
.i-wrap-sev .list-wrap li .cont a {
  display: inline-block;
  color: #fff;
  line-height: 24px;
}
.i-wrap-sev .list-wrap li:hover .img img {
  -webkit-transform: scale(1.1, 1.1);
      -ms-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
  -webkit-transition: -webkit-transform 0.6s ease 0s;
          transition: transform 0.6s ease 0s;
}
.i-wrap-sev .list-wrap li:hover .cont a {
  color: #fff;
}
.i-wrap-sev .look-more {
  margin-top: 34px;
}



/*内页*/
.m_content{
	margin-top:-10px;
	font-family:"微软雅黑";
           }
      .m_content h2{
          font-size:16px;
          text-align:center;
          font-family:"微软雅黑";
           font-weight:normal;
		   padding-bottom:5px;
          }
		.page_content{
			min-height:200px;
			line-height:180%;
			 font-family:"微软雅黑";
			}
		.page_content img{
			max-width:100%;
			}
        .listpage{
            padding:5px;
            font-size:16px;
            font-family:"微软雅黑";
            line-height:200%;
            }
            /*内容页*/
blank10{height:10px;}
.info {text-align:center;color:#999;margin-bottom:20px;  font-size:12px; border-bottom:1px dashed #ccc; padding-bottom:10px;}

.listpage {clear: both;text-align: center;}
.prevpage p{
			margin:10px 0;
			}

.ncontent img{
	max-width:100%;
	}

/*分页*/
.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px; font-family:"微软雅黑";}
.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#ef9c00; border:1px solid #ef9c00; color:#fff; text-align:center;margin-left: 1px; }



.banner{position:relative;width:100%;min-width:1000px;height:650px;background:#13295b;overflow:hidden;z-index:9; margin:0px; padding:0px;}
#fullSlide{width:100%;position:relative;height:650px;background:#000;}
#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:650px;overflow:hidden;text-align:center;}
#fullSlide .bd li a{display:block;height:650px;}
#fullSlide .hd{position:absolute;bottom:0;left:0;width:100%;z-index:1;height:28px;line-height:28px;text-align:center;}
#fullSlide .hd ul{height:28px;text-align:center;}
#fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:28px;margin:0 5px;background:url(../images/ico.png) no-repeat 0 -169px;overflow:hidden;line-height:9999px;}
#fullSlide .hd ul .on{background:url(../images/ico.png) no-repeat -17px -169px;}