@charset "utf-8";

*{word-wrap:break-word;margin:0;padding:0}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static;}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:14px;line-height:24px;color:#666;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a,area{outline:none;blr:expression(this.onFocus=this.blur());color:#666}
a{text-decoration:none;cursor: pointer}
a:hover{outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #4a4a4a inset;}

/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
 
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
 
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
Name:			style_clearfix
Example:		class="clearfix|cl"
Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
.clearfix {display:block;}
.dis_none{ display:none;}

.ma{margin:auto;}
.con_1200{width:1200px;margin:auto}
.con_1100{width:1100px;margin:auto}
.con_1000{width:1000px;margin:auto}
.tran_all5{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.tran_all3{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}

.f-l{float:left!important;_display:inline}
.f-r{float:right!important;_display:inline}
.poa-f{position: absolute;left:0;top:0;width:100%;height:100%}
.por{position: relative;}
.poa{position: absolute;}
.dn{display: none;}

.clear{height:0;clear:both;zoom:1;line-height:0;font-size:0}
.height10{height:10px;clear:both;zoom:1;line-height:0;font-size:0}
.height20{height:20px;clear:both;zoom:1;line-height:0;font-size:0}
.height30{height:30px;clear:both;zoom:1;line-height:0;font-size:0}
.height40{height:30px;clear:both;zoom:1;line-height:0;font-size:0}
.height50{height:50px;clear:both;zoom:1;line-height:0;font-size:0}
.height70{height:70px;clear:both;zoom:1;line-height:0;font-size:0}
.height100{height:100px;clear:both;zoom:1;line-height:0;font-size:0}

.c-333{color:#333}
.c-999{color:#999}
.c-ccc{color:#ccc}
.c-fff{color:#fff}
.c-ggg{color:#575655}

.f-bold{font-weight:bold}
.f-12{font-size:12px}
.f-16{font-size:16px}
.f-26{font-size:26px}
.f-ari{font-family:Arial, Helvetica, sans-serif}

.lh-26{line-height:26px}

.bg-fff{background:#fff}
.bg-fafafa{background:#fafafa}
.bg-ggg{background:#575655}

.line{width:100%;height:1px;background:#cbcbcb}

.text-l{text-align:left}
.text-r{text-align:right}
.text-c{text-align:center}

.text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
/*head*/
.head{height:90px}
.head .logo{width:250px;}
.head .top_r{ text-align:right}
.head .top_r a{margin-right:10px;font-size:30px}
.head .top_r a.wx{color:#3cb134}
.head .top_r a.qq{color:#2289e6}
.head .top_r a.wb{color:#575655}
/*nav*/
.h_menu{width:100%;height:57px; position:relative;z-index:10;float:left;}
.nav{height:39px;line-height:39px;width:778px；padding-left:29%}
.nav li{float:left;width:58px;padding-right:19px;padding-left:88px; padding-bottom:22px;}
.nav li a{display:block;position:relative;height:40px;text-align:center;font-size:14px;color:#666;}
.nav li.on a,.nav li:hover a{color:#575655;border-bottom:3px solid #575655}
.menu_r{height:40px;line-height:40px;width:400px}
.menu_r a{margin:10px;color:#333}
.menu_r a i{font-size:18px}

/*foot*/
.foot{height:40px;line-height:40px}
.foot a{color:#999}

.i-title .t_ch{margin-bottom:5px}
.i-title .tline{width:714px;height:28px;margin:auto;background:url(0-7.png) no-repeat 0 0}
.i-title .l1{ background-position:0 0}
.i-title .l2{ background-position:0 -30px}
.i-title .l3{ background-position:0 -60px}
.i-title .l4{ background-position:0 -90px}
.i-title .l5{ background-position:0 -120px}

-----增加嫁接
.footer{height:481px;background:#393939}
.foot_1 .f-l{width:316px;float:left;}
.foot_1 .f-l .p1{height:35px;line-height:35px;color:#eee9e9}
.foot_1 .f-l .p1 i{font-size:22px;margin-right:10px;color:#aaa}
.foot_1 .f-l .code img{border:0px solid #dadada}
.foot_1 .f-l .code p{display:inline-block;width:119px;margin-right:19px;line-height:35px;color:#eee9e9}

.foot_1 .f-r{width:828px;}
.foot_1 .f-r dt{width:122px;float:left;padding-top:36px;}
.foot_1 .f-r dt a{display:block;width:118px}
.foot_1 .f-r dt .one{border-bottom:0px solid #eee9e9;color:#eee9e9;font-size:16px;padding-bottom:15px;margin-bottom:10px}
.foot_1 .f-r dt .two{color:#eee9e9;font-size:13px;line-height:30px}
.foot_1 .f-r dt .two:hover{color:#5756555}

.foot_2{padding-top:30px;color:#999;font-size:12px;border-top:1px solid #e1e2e3;}
.foot_2 a{color:#999}




/*banner*/
.banner{width:100%;position:relative;overflow:hidden}
.slideBox{ width:1920px; height:612px; overflow:hidden; position:relative;left:50%;margin-left:-960px; }
.slideBox .hd{ height:14px; overflow:hidden; position:absolute;width:100%;left:0; bottom:30px; z-index:1;}
.slideBox .hd ul{overflow:hidden; zoom:1; text-align:center}
.slideBox .hd ul li{display:inline-table;*display:inline;*zoom:1;margin:0 5px;width:14px;height:14px;background:url(0-9.png) no-repeat -14px 0;cursor:pointer}
.slideBox .hd ul li.on{ background-position:0 0 }
.slideBox .bd{ position:relative; height:100%; z-index:0}
.slideBox .bd li{ zoom:1; vertical-align:middle}
.slideBox .bd img{ width:1920px; height:612px; display:block}
.n_ban{position:relative;width:1920px;top:0;left:50%;margin-left:-960px;}

/*about*/
/*about*/
.i-about{height:275px}
.i-about .pic{top:-100px;left:50%;margin-left:-600px}
.i-about .con{padding:20px 0;top:120px}
.i-about a.more{width:130px;height:30px;line-height:30px;left:50%;margin-left:-65px;bottom:-15px}

/*pro*/
.i-pro ul li{float:left;width:139px;margin-right:73px;background:url(0-4.png) no-repeat 0 0}
.i-pro ul li.last{margin-right:0}
.i-pro ul li .t_ch{margin:10px 0 0;color:#333;font-size:16px}
.i-pro ul li .t_en{color:#999;font-size:12px}
.i-pro ul li .ico{height:160px;background:url(0-1.png) no-repeat 0 0}
.i-pro ul li .ico1{ background-position:0 0}
.i-pro ul li .ico2{ background-position:-212px 0}
.i-pro ul li .ico3{ background-position:-424px 0}
.i-pro ul li .ico4{ background-position:-636px 0}
.i-pro ul li .ico5{ background-position:-848px 0}
.i-pro ul li .ico6{ background-position:-1060px 0}

.i-pro ul li:hover,.i-pro ul li.on{background:url(0-3.png) no-repeat 0 0}
.i-pro ul li:hover .ico,.i-pro ul li.on .ico{height:160px;background:url(0-2.png) no-repeat 0 0}
.i-pro ul li:hover .ico1,.i-pro ul li.on .ico1{ background-position:0 0}
.i-pro ul li:hover .ico2,.i-pro ul li.on .ico2{ background-position:-212px 0}
.i-pro ul li:hover .ico3,.i-pro ul li.on .ico3{ background-position:-424px 0}
.i-pro ul li:hover .ico4,.i-pro ul li.on .ico4{ background-position:-636px 0}
.i-pro ul li:hover .ico5,.i-pro ul li.on .ico5{ background-position:-848px 0}
.i-pro ul li:hover .ico6,.i-pro ul li.on .ico6{ background-position:-1060px 0}

/*join*/
.i-join ul li{float:left;width:265px;height:300px;margin-right:46px;background:#fff}
.i-join ul li.last{margin-right:0}
.i-join ul li .pic{width:265px;height:160px}
.i-join ul li .pic img{width:265px;height:160px}
.i-join ul li .t1{width:265px;height:30px;line-height:30px;margin-top:10px;font-size:16px}
.i-join ul li .t2{width:225px;height:40px;padding:5px 20px 0;overflow:hidden;font-size:12px;color:#999;line-height:20px}
.i-join ul li .t3{width:75px;height:23px;line-height:23px;margin:10px auto 0;background:#fff;color:#999;border:1px solid #d9d9d9;font-size:12px}
.i-join ul li:hover .t3{background:#575655;color:#fff;border-color:#575655}

/*news*/
.i-news ul li{float:left;width:351px;height:440px;margin-right:73px; position:relative}
.i-news ul li.last{margin-right:0}
.i-news ul li a{display:block;width:351px;height:440px}
.i-news ul li .pic{width:351px;height:192px;margin-bottom:13px}
.i-news ul li .pic img{width:351px;height:192px}
.i-news ul li .con{width:271px;height:235px;margin-left:80px}
.i-news ul li .con .title{width:271px;height:35px;line-height:35px;font-size:16px;color:#333}
.i-news ul li .con .date{width:271px;height:20px;line-height:20px;font-size:12px;color:#999}
.i-news ul li .con .date span{margin:0 10px}
.i-news ul li .con p{width:271px;height:110px;padding:20px 0 0;font-size:12px;color:#666;line-height:22px; overflow:hidden}
.i-news ul li .con .sort{width:128px;margin-top:20px;height:28px;line-height:28px;text-align:center;color:#666;border:1px solid #ccc}
.i-news ul li .flag{bottom:0;width:55px;height:236px;background:url(0-6.png) no-repeat 0 0}

.i-news ul li:hover .sort{color:#575655;border-color:#575655}
.i-news ul li:hover .flag{background:url(0-5.png) no-repeat 0 0}

/*contact*/
.i-contact .ul1{width:339px;height:130px;border-right:1px solid #e5e5e5}
.i-contact .ul2{width:346px;height:110px;padding:10px 80px;border-right:1px solid #e5e5e5}
.i-contact .ul3{width:353px;height:130px}
.i-contact .ul1 h6{margin:20px 0;font-size:20px}
.i-contact .ul1 a{margin-right:10px;font-size:30px;color:#999}
.i-contact .ul3 img{border:1px solid #d0d0d0}
.i-contact .ul3 .p{text-align:center;padding:20px 50px 0}
.i-contact .ul3 .p span{font-size:24px;line-height:40px}

/*底部*/
.lianxi2{ margin:0 auto; overflow:hidden;background:#393939}
.index_form{display:block; width:1000px}
.index_form .in_form{display:block;width:1000px}
.index_form .in_form .in_in,
.index_form .in_form .in_area{height:50px;position:relative;margin-right:45px;display:block;overflow:hidden;border-bottom:1px solid #656565}
.index_form .in_form .in_in input,
.index_form .in_form .in_area textarea{height:50px;line-height:50px;display:block;position:absolute;top:0px;left:0px;border:none;font-size:14px;color:#999;z-index:99; background:none; padding:0 15px;}
.index_form .in_form .in_in{width:370px;}
.index_form .in_form .in_in input{width:340px;}
.index_form .in_form .in_area{height:80px;width:1200px;margin-right:0;margin-top:20px}
.index_form .in_form .in_area textarea{height:50px;width:1170px;line-height:22px;padding:15px 15px 0;overflow:auto;resize : none;}
.index_form .in_form .in_sub{ height:40px;width:230px;position:relative;margin:50px auto 0}
.index_form .in_form .in_sub .submit{width:228px;height:38px; text-align:center; line-height:38px;margin:auto;font-size:14px; color:#999; background:none;cursor:pointer; letter-spacing:0.1em;}


.btn-3 {
  background: #575655;
  font-weight: 900;
  -webkit-transition: all 150ms linear;
          transition: all 150ms linear;
}

.btn-3:hover {
  background: #e02c26;
  color: #ec817d;
  text-decoration: none;
  text-shadow: -1px -1px 0 #c2211c;
  -webkit-transition: all 250ms linear;
          transition: all 250ms linear;
}
.btn-5 {
  border: 1px solid #656565;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
  outline: 1px solid;
  outline-color: rgba(255, 255, 255, 0.5);
  outline-offset: 0px;
  -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.btn-5:hover {
  border: 1px solid;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
  outline-color: rgba(255, 255, 255, 0);
  outline-offset: 15px;
}




.n_title h3{font-size:30px;line-height:30px;font-family:Arial, Helvetica, sans-serif}
.n_title h4{font-size:20px;line-height:20px;margin-top:10px}
.n_title .ntline{top:50px;left:50%;margin-left:-370px;width:740px;height:1px;background:url(a-3.png) no-repeat 0 0}
/*about*/
.n-about{padding-bottom:120px}
.n-about .pic{top:-100px;left:50%;margin-left:-600px}
.n-about .con{padding:20px 0;top:120px}

#abouthide{display:none}
.n-about .plus{bottom:-18px;left:50%;margin-left:-18px;width:35px;height:35px;line-height:32px;text-align:center;font-size:27px;color:#fff;z-index:2; cursor:pointer;background:url(a-0.png) 0 0 no-repeat}
/*honor*/
.honor{height:720px;background:url(a-1.jpg) no-repeat center center }
.honor-list{overflow:hidden; position:relative }
.honor-list .hd{ overflow:hidden;height:12px;margin-top:40px;text-align:center }
.honor-list .hd ul{ overflow:hidden; zoom:1; zoom:1; }
.honor-list .hd ul li{display:inline-block;*display:inline;zoom:1 ; width:12px; height:12px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:url(a-4.png) -28px 0 no-repeat; }
.honor-list .hd ul li.on{ background-position:0 0; }
.honor-list .bd{}
.honor-list .bd ul{height:337px }
.honor-list .bd ul li{ width:260px;height:335px;margin-right:50px; float:left; _display:inline; overflow:hidden; text-align:center;border:1px solid #e7e7e7;background:#fff  }
.honor-list .bd ul li a{display:block}
.honor-list .bd ul li .pic{width:220px; height:162px;margin:20px; text-align:center;background:#fff }
.honor-list .bd ul li .pic img{ height:162px;}
.honor-list .bd ul li .title{height:40px; line-height:40px;color:#666;font-size:16px  }
.honor-list .bd ul li .title_en{font-size:12px;color:#aaa;line-height:20px}
.honor-list .bd ul li .h_line{width:128px;height:1px;margin:15px auto;background:#e7e7e7}

.honor-list .bd ul li:hover,.honor-list .bd ul li.on{ background:#575655;border:1px solid #575655;  }
.honor-list .bd ul li:hover .title,.honor-list .bd ul li.on .title{color:#fff;  }
.honor-list .bd ul li:hover .title_en,.honor-list .bd ul li.on .title_en{ color:#fff;  }
.honor-list .bd ul li:hover .h_line,.honor-list .bd ul li.on .h_line{ background:#fff }


.zhanhui-list{overflow:hidden; position:relative }
.zhanhui-list .hd{ overflow:hidden;height:12px;margin-top:40px;text-align:center }
.zhanhui-list .hd ul{ overflow:hidden; zoom:1; zoom:1; }
.zhanhui-list .hd ul li{display:inline-block;*display:inline;zoom:1 ; width:12px; height:12px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:url(a-4.png) -28px 0 no-repeat; }
.zhanhui-list .hd ul li.on{ background-position:0 0; }
.zhanhui-list .bd{}
.zhanhui-list .bd ul{height:281px }
.zhanhui-list .bd ul li{ width:350px;height:280px;margin-right:75px; float:left; _display:inline; overflow:hidden; text-align:center;border-bottom:1px solid #e7e7e7  }
.zhanhui-list .bd ul li a{display:block}
.zhanhui-list .bd ul li .pic{width:350px; height:230px; text-align:center; overflow:hidden}
.zhanhui-list .bd ul li .pic img{width:350px;height:230px;}
.zhanhui-list .bd ul li .title{height:50px; line-height:50px;font-size:16px  }
.zhanhui-list .bd ul li:hover{border-bottom:1px solid #575655  }
.zhanhui-list .bd ul li .pic img{-webkit-transform: scaleY(1);-moz-transform: scaleY(1);-o-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}
.zhanhui-list .bd ul li:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}

.team{height:644px;background:url(a-2.jpg) no-repeat center center }
.team .n_title .ntline{background:url(a-3.png) no-repeat 0 -1px}
.team-list{overflow:hidden; position:relative }
.team-list .hd{ overflow:hidden;height:12px;margin-top:40px;text-align:center }
.team-list .hd ul{ overflow:hidden; zoom:1; zoom:1; }
.team-list .hd ul li{display:inline-block;*display:inline;zoom:1 ; width:12px; height:12px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:url(a-4.png) -28px 0 no-repeat; }
.team-list .hd ul li.on{ background-position:0 0; }
.team-list .bd{}
.team-list .bd ul{height:280px }
.team-list .bd ul li{ width:350px;height:280px;margin-right:75px; float:left; _display:inline; overflow:hidden; text-align:center;background:#fff }
.team-list .bd ul li a{display:block}
.team-list .bd ul li .pic{width:350px; height:230px; text-align:center; overflow:hidden}
.team-list .bd ul li .pic img{width:350px;height:230px;}
.team-list .bd ul li .title{height:50px; line-height:50px;font-size:16px  }
.team-list .bd ul li:hover{background:#575655  }
.team-list .bd ul li:hover .title{color:#fff}
.team-list .bd ul li .pic img{-webkit-transform: scaleY(1);-moz-transform: scaleY(1);-o-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}
.team-list .bd ul li:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}


.adv{height:700px;background:url(j-1.jpg) no-repeat center center }
.join-list{overflow:hidden; position:relative }
.join-list .hd{ overflow:hidden;height:12px;margin-top:40px;text-align:center }
.join-list .hd ul{ overflow:hidden; zoom:1; zoom:1; }
.join-list .hd ul li{display:inline-block;*display:inline;zoom:1 ; width:12px; height:12px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:url(a-4.png) -28px 0 no-repeat; }
.join-list .hd ul li.on{ background-position:0 0; }
.join-list .bd{}
.join-list .bd ul{height:310px }
.join-list .bd ul li{ width:300px;height:310px; float:left; _display:inline; overflow:hidden; text-align:center;background:url(j-8.png) no-repeat center top}
.join-list .bd ul li a{display:block}
.join-list .bd ul li .ico{width:142px; height:162px;margin:auto; text-align:center;background:url(j-3.png) no-repeat 0 0 }
.join-list .bd ul li .t_ch{height:30px;margin-top:15px; line-height:30px;color:#fff;font-size:16px  }
.join-list .bd ul li .t_en{font-size:12px;color:#eee;line-height:20px;opacity:0.5;filter:alpha(opacity=50);}
.join-list .bd ul li .p{width:240px;padding:0 30px;margin-top:10px;height:60px;line-height:20px;font-size:12px; overflow:hidden;color:#fff}

.join-list .bd ul li .ico1{ background-position:-45px 0}
.join-list .bd ul li .ico2{ background-position:-370px 0}
.join-list .bd ul li .ico3{ background-position:-685px 0}
.join-list .bd ul li .ico4{ background-position:-1005px 0}
.join-list .bd ul li .ico5{ background-position:-49px -160px}
.join-list .bd ul li .ico6{ background-position:-370px -160px}
.join-list .bd ul li .ico7{ background-position:-687px -160px}
.join-list .bd ul li .ico8{ background-position:-1018px -160px}

.join-list .bd ul li:hover,.join-list .bd ul li.on{background:url(j-9.png) no-repeat center top}
.join-list .bd ul li:hover .ico,.join-list .bd ul li.on .ico{background:url(j-4.png) no-repeat 0 0}
.join-list .bd ul li:hover .ico1,.join-list .bd ul li.on .ico1{ background-position:-45px 0}
.join-list .bd ul li:hover .ico2,.join-list .bd ul li.on .ico2{ background-position:-370px 0}
.join-list .bd ul li:hover .ico3,.join-list .bd ul li.on .ico3{ background-position:-685px 0}
.join-list .bd ul li:hover .ico4,.join-list .bd ul li.on .ico4{ background-position:-1005px 0}
.join-list .bd ul li:hover .ico5,.join-list .bd ul li.on .ico5{ background-position:-49px -160px}
.join-list .bd ul li:hover .ico6,.join-list .bd ul li.on .ico6{ background-position:-370px -160px}
.join-list .bd ul li:hover .ico7,.join-list .bd ul li.on .ico7{ background-position:-687px -160px}
.join-list .bd ul li:hover .ico8,.join-list .bd ul li.on .ico8{ background-position:-1018px -160px}

.sup-list{overflow:hidden; position:relative }
.sup-list .hd{ overflow:hidden;height:12px;margin-top:40px;text-align:center }
.sup-list .hd ul{ overflow:hidden; zoom:1; zoom:1; }
.sup-list .hd ul li{display:inline-block;*display:inline;zoom:1 ; width:12px; height:12px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:url(a-4.png) -28px 0 no-repeat; }
.sup-list .hd ul li.on{ background-position:0 0; }
.sup-list .bd{}
.sup-list .bd ul{height:400px }
.sup-list .bd ul li{ width:238px;height:398px;margin-right:80px; float:left; _display:inline; overflow:hidden; text-align:center;border:1px solid #cbcbcb;background:#fff  }
.sup-list .bd ul li a{width:238px;height:398px;display:block}
.sup-list .bd ul li .pic{width:238px; height:226px;text-align:center }
.sup-list .bd ul li .pic img{ width:238px; height:226px;}
.sup-list .bd ul li .title{height:30px; line-height:30px;margin-top:30px;color:#333;font-size:18px  }
.sup-list .bd ul li .title_en{font-size:12px;color:#ccc;line-height:20px}
.sup-list .bd ul li .p{width:178px;padding:0 30px;height:40px;margin-top:10px;line-height:20px;font-size:12px;color:#777}
.sup-list .bd ul li .h_line{width:38px;height:3px;margin:15px auto 0;background:#575655}

.sup-list .bd ul li:hover,.sup-list .bd ul li.on{ background:#575655;border:1px solid #575655;  }
.sup-list .bd ul li:hover .title,.sup-list .bd ul li.on .title{color:#fff;  }
.sup-list .bd ul li:hover .title_en,.sup-list .bd ul li.on .title_en{ color:#fff;  }
.sup-list .bd ul li:hover .p,.sup-list .bd ul li.on .p{ color:#fff;  }
.sup-list .bd ul li:hover .h_line,.sup-list .bd ul li.on .h_line{ background:#fff }

.process{height:486px;background:url(j-2.jpg) no-repeat center center }
.process-list ul {height:170px;}
.process-list ul li{ position:relative;width:142px;height:170px; float:left; _display:inline; overflow:hidden; text-align:center;}
.process-list ul li a{width:142px;height:170px;display:block}
.process-list ul li .ico{position:absolute;top:0;left:0;display:block;width:142px; height:162px;text-align:center;z-index:3;background:url(j-5.png) no-repeat 0 0}
.process-list ul li .t_ch{position:absolute;top:0;left:0;display:none;width:142px; height:162px;line-height:162px;text-align:center;z-index:3;font-size:16px}
.process-list ul li .p-bg{position:absolute;top:0;left:0;display:block;width:142px; height:162px;text-align:center;z-index:2;background:url(j-8.png) no-repeat 0 0}
.process-list ul li .p-bg2{position:absolute;bottom:0;left:6px;display:none;width:130px; height:149px;text-align:center;z-index:1;background:url(j-7.png) no-repeat 0 0}
.process-list ul .jiantou{float:left; _display:inline;width:69px;height:170px;background:url(j-6.png) no-repeat center center}

.process-list ul li .ico1{ background-position:0 0}
.process-list ul li .ico2{ background-position:-210px 0}
.process-list ul li .ico3{ background-position:-420px 0}
.process-list ul li .ico4{ background-position:-635px 0}
.process-list ul li .ico5{ background-position:-845px 0}
.process-list ul li .ico6{ background-position:-1060px 0}

.process-list ul li:hover .ico,.process-list ul li.on .ico{display:none}
.process-list ul li:hover .t_ch,.process-list ul li.on .t_ch{display:block}
.process-list ul li:hover .p-bg2,.process-list ul li.on .p-bg2{display:block}



/*join*/
.n_service {border:1px solid #d0d0d0}
.n_service .pic{width:599px}
.n_service .p{width:539px;height:216px;padding:30px;background:#fff;}
.n_service .p h4{font-size:18px;height:30px;margin-top:20px;margin-bottom:20px;color:#333}
.n_service .p .line{margin:30px 0 0;width:30px;height:4px;background:#575655}


/*资料下载*/
.picScroll-left3{overflow:hidden;position:relative;}
.picScroll-left3 .hd{ overflow:hidden;height:12px;margin-top:40px;text-align:center }
.picScroll-left3 .hd ul{ overflow:hidden; zoom:1; zoom:1; }
.picScroll-left3 .hd ul li{display:inline-block;*display:inline;zoom:1 ; width:12px; height:12px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:url(a-4.png) -28px 0 no-repeat; }
.picScroll-left3 .hd ul li.on{ background-position:0 0; }
.picScroll-left3 .bd{padding:20px 0 40px}
.picScroll-left3 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left3 .bd ul li{width:333px;height:105px;margin-right:97px; float:left;background:url(s-21.png) no-repeat 35px 30px #fff;border:1px solid #e5e5e5;_display:inline;overflow:hidden}
.picScroll-left3 .bd ul li a{padding:30px;display:block;background:url(s-23.jpg) no-repeat right bottom}
.picScroll-left3 .bd ul li .n_ti{line-height:22px;height:45px;padding-left:80px; overflow:hidden}
.picScroll-left3 .bd ul li:hover{background:url(s-22.png) no-repeat 35px 30px #575655;border:1px solid #575655}
.picScroll-left3 .bd ul li:hover .n_ti{color:#fff}
.picScroll-left3 .bd ul li:hover a{background:0}

/*常见问题*/
.picScroll-left4{overflow:hidden;position:relative;}
.picScroll-left4 .hd{ overflow:hidden;height:12px;margin-top:40px;text-align:center }
.picScroll-left4 .hd ul{ overflow:hidden; zoom:1; zoom:1; }
.picScroll-left4 .hd ul li{display:inline-block;*display:inline;zoom:1 ; width:12px; height:12px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:url(a-4.png) -28px 0 no-repeat; }
.picScroll-left4 .hd ul li.on{ background-position:0 0; }
.picScroll-left4 .bd{}
.picScroll-left4 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left4 .bd ul li{width:340px;height:114px;margin-right:90px; float:left;_display:inline;overflow:hidden;background:#f8f8f8}
.picScroll-left4 .bd ul li .f-l{width:120px;height:114px;}
.picScroll-left4 .bd ul li .f-r{width:180px;height:74px;padding:20px;}
.picScroll-left4 .bd ul li .p2{font-size:16px;height:30px;margin-bottom:0;line-height:30px;width:180px;overflow:hidden}
.picScroll-left4 .bd ul li .p3{font-size:12px;height:44px;line-height:22px;overflow:hidden;color:#999}

/*联系*/
.n_contact{height:560px; position:relative}
.n_contact .map{height:560px; width:55%;border-left:1px solid #e5e5e5}
.lianxixx { position:absolute;width:400px; left:50%;top:80px;margin-left:-600px}
.lianxixx h4{font-size:18px;color:#333}
.lianxixx h5{font-size:18px;color:#333;font-family:Arial}
.lianxixx .lianxxl{width:25px;height:3px;margin:25px 0;background:#575655}
.lianxixx h6{font-size:18px;line-height:30px}
.lianxixx p{font-size:14px}
.lianxixx .code{width:120px;height:120px;margin-top:50px;border:1px solid #e5e5e5}
/*新闻*/
.newslist_menu{text-align:center;height:92px;}
.newslist_menu li{display:inline-block;*display:inline;zoom:1;width:220px;height:90px;line-height:22px;margin:0 50px;border-bottom:2px solid #fff}
.newslist_menu li a{display:block;padding:25px 0 0;height:65px;font-size:16px}
.newslist_menu li a span{color:#999;font-size:12px}
.newslist_menu li:hover,.newslist_menu li.on{border-bottom:2px solid #575655}

.n_box{background:#fafafa}
.newslist .news_l{height:198px;border:1px solid #e5e5e5;background:#fff;margin-bottom:45px}
.newslist .news_l a{display:block;width:1198px;height:198px}
.newslist .news_l .pic{width:198px;height:198px;}
.newslist .news_l .pic img{width:198px;height:198px}
.newslist .news_l .date{width:100px;height:75px;margin-left:50px;margin-top:55px;line-height:30px; font-family:Arial}
.newslist .news_l span{font-size:30px}
.newslist .news_l p{color:#999}
.newslist .news_l .p{width:560px;height:98px;margin-top:50px;padding-left:35px;padding-right:80px;border-left:1px solid #e5e5e5;background:url(n-1.jpg) no-repeat right center}
.newslist .news_l .p .p_t{font-size:18px;height:30px;line-height:30px;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.newslist .news_l .p .p_c{height:60px;margin-top:10px;line-height:22px;font-size:12px;color:#999;overflow:hidden}


.n_main .title{ position:relative;border-bottom:1px solid #ddd;padding-bottom:10px;}
.n_main .title .h2{width:800px;margin:auto;text-align:center;line-height:30px;font-size:24px}
.n_main .title .p1{text-align:center;margin-top:10px; height:24px; line-height:24px; font-size:12px; color:#999}
.n_main .title .qrcode {position:absolute;right:0;bottom:10px;font-size:12px;line-height:20px}
.n_main .title .qrcode .wenzi{margin-top:35px}
.n_main .title .qrcode .code{width:70px;height:70px}

.n_content{ line-height:24px; color:#333; overflow:hidden;}
.n_content img{ max-width:1200px; overflow:hidden;}

.n_main { position:relative;padding-top:15px}


/*产品*/
.npro-list{overflow:hidden; position:relative }
.npro-list .hd{ overflow:hidden;height:12px;margin-top:40px;text-align:center }
.npro-list .hd ul{ overflow:hidden; zoom:1; zoom:1; }
.npro-list .hd ul li{display:inline-block;*display:inline;zoom:1 ; width:12px; height:12px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:url(a-4.png) -28px 0 no-repeat; }
.npro-list .hd ul li.on{ background-position:0 0; }
.npro-list .bd{}
.npro-list .bd ul{}
.npro-list .bd ul li{ width:322px;height:322px;margin-right:78px;margin-bottom:58px; float:left; _display:inline; overflow:hidden; text-align:center; }
.npro-list .bd ul li.last{margin-right:0 }


.pro_index .bd ul li{ position:relative;}
.pro_index .bd ul li .pic{display:block;width:100%;height:100%; position:relative;z-index:1}
.pro_index .bd ul li i{display:block;position:absolute;top:0;left:348px;width:100%;height:100%;background:#575655;opacity:0.9;filter:alpha(opacity=90);z-index:2}
.pro_index .bd ul li .brown{display:block;width:100%;height:170px; position:absolute;top:50%;left:348px;margin-top:-85px;z-index:3;text-align:center}
.pro_index .bd ul li .brown .bgl{height:99px;padding-top:1px;background:url(p-1.png) no-repeat center top}
.pro_index .bd ul li .brown span{display:block;margin-top:30px;height:24px;line-height:24px;color:#fff;font-size:24px; font-family:Arial}
.pro_index .bd ul li .brown em{display:block;margin-top:5px;height:14px;line-height:14px;color:#fff;font-size:14px; font-family:Arial}
.pro_index .bd ul li .brown p{width:135px;height:30px;line-height:30px;margin:35px auto 0;text-align:center;color:#fff;border:1px solid #fff}



.prolist_menu{text-align:center;height:92px;}
.prolist_menu li{display:inline-block;*display:inline;zoom:1;width:150px;height:90px;line-height:22px;margin:0 20px;border-bottom:2px solid #fff}
.prolist_menu li a{display:block;padding:25px 0 0;height:65px;font-size:16px}
.prolist_menu li a span{color:#999;font-size:12px}
.prolist_menu li:hover,.prolist_menu li.on{border-bottom:2px solid #575655}


.pro_list ul {}
.pro_list ul li{float:left;width:288px;height:359px;background:#fff;margin-right:16px;margin-bottom:16px; position:relative; overflow:hidden}
.pro_list ul li.last{margin-right:0}
.pro_list ul li a{display:block}
.pro_list ul li .zst{width:288px;height:288px;padding:10px 0;overflow:hidden}
.pro_list ul li .zst img{width:288px;height:288px}
.pro_list ul li h4{height:37px;line-height:37px;margin-top:1px;color:#999; font-size:16px;overflow:hidden;width:248px;padding:0 20px}
.pro_list ul li h5{height:20px;line-height:20px;color:#666; font-size:12px;overflow:hidden;width:248px;padding:0 20px;text-align:right}
.pro_list ul li .p2{ position:absolute;left:20px;bottom:12px;color:#575655}

.pro_list ul li:hover h4{color:#575655}
.pro_list ul li:hover h5{color:#999}

.pro_list ul li .plline{position:absolute;z-index:10;overflow:hidden; zoom:1;background-color:#575655;}
.pro_list ul li .plline{width:0;height:2px;top:298px;left:0;}
.pro_list ul li .fdj{width:40px;height:40px;position:absolute;top:-40px;left:50%;margin-left:-20px;z-index:10; background:url(yanjing.png) no-repeat 0 0}

/*product*/
.pro_center{ margin:20px auto 10px; width:1200px; overflow:hidden;}
.pro_info{width:1200px; overflow:hidden;}
.pro_img{position:relative;width:300px;text-indent:0;}
.pro_img .MaxLI{position:relative;top:0;left:0;z-index:5;width:298px;height:298px;border:#ddd solid 1px;}
.pro_img .MaxLI li{ display:block; position:absolute;top:0;left:0px;z-index:5;width:298px;height:298px;overflow:hidden}
.pro_img .MaxLI li img{display:block;width:540px;height:405px;background:url(../images/load.gif) #fff no-repeat center center;}

.pro_img .MinLI{position:relative;width:90px;overflow:hidden;}
.pro_img .MinLI li{display:block;border:#e5e5e5 solid 1px;width:88px;height:66px; float:left;margin-bottom:10px; cursor:pointer}
.pro_img .MinLI li img{width:88px;height:66px;}
.pro_img .MinLI .on{border:#575655 solid 1px;}

#pro_move{position:absolute;width:24px;overflow:hidden;top:20px;right:89px;}

.pro_g{ width:100p%;}
.pro_g h2{height:72px;line-height:72px;font-size:30px;color:#575655}
.pro_g h3{height:30px;line-height:30px;font-size:20px;color:#666}
.pro_g .p2{margin-top:36px}
.pro_g .p2 span{font-size:22px;color:#575655}
.pro_g .tts{height:auto;line-height:24px;margin:15px 0;font-size:14px;color:#666;padding:15px 0;overflow:hidden;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}
.pro_g .tts p{line-height:26px;font-size:14px;font-weight:normal;color:#666;}
.pro_g .tts img{max-width:500px}


.Infos{width:910px}
.Infos img{max-width:910px;}
.Infos p{font-size:14px;color:#666; line-height:26px;}
.info_t{border-bottom:1px solid #ddd;color:#999;font-size:26px;padding:0px 0 40px 10px; text-align:center;}
.p_info{padding:20px 0}

/*pro_move*/
.pm_title{height:39px; line-height:39px;text-align:center;background:#f7f7f7;border-bottom:1px solid #ddd;color:#333;}
.pro_move {border:#ddd solid 1px;width:230px;margin-top:60px}
.pro_move ul{width:200px;margin:0 15px -1px;position:relative;overflow:hidden}
.pro_move ul li{width:200px;height:240px;float:left;overflow:hidden;border-bottom:#ccc dotted 1px;margin-top:20px;padding-bottom:10px}
.pro_move ul li .img{width:200px;height:200px}
.pro_move ul li .img img{ display:block;width:198px;height:198px;position:relative}
.pro_move ul li .p{ display:block; float:left;width:100%;height:40px; line-height:40px;font-size:12px;color:#666; position:relative;text-align:center;z-index:9;}
.pro_move ul li:hover{}
.pro_move ul li:hover .p{color:#333;}



.fd_mouse_m{ display:none;width:80px;height:60px;position:absolute;top:0;left:0;opacity:0.3;filter:alpha(opacity=30);background:#575655;z-index:99; cursor:pointer}
.fd_max_img{ display:none;width:400px;height:300px;overflow:hidden; position:absolute;left:680px;top:0; z-index:99;border:1px solid #ddd; background:url(3-10.gif) center center no-repeat #fff;}
.fd_max_img .img{width:atuo;height:auto;position:relative; z-index:10;}

/*********      page      ***************/
#page{ width:1200px; height:70px;overflow:hidden;}
#page .page_info{ text-align:center}
#page .page_info select{display:none;}
#page .page_info span,#page .page_info a{padding:8px 14px;font-size:14px;font-family:SimSun;margin:0 5px;background-color:#ececec; line-height:30px;color:#555;}
#page .page_info span{color:#999;}
#page .page_info span font{ color:#575655; font-weight:normal;*padding:0; *width:8px; *height:10px; font-size:14px;font-weight:bold}
#page .page_info a:hover{ background-color:#575655;color:#fff;}

/** prev next button ***/
.pn{ padding-top:10px; width:100%; height:30px; line-height:30px; overflow:hidden;border-top:1px solid #ddd;color:#777}
.pn_l{ float:left;text-align:left; font-size:12px; overflow:hidden;width:45%;}
.pn_l a:hover{color:#575655;}
.pn_r{ float:right; text-align:right;font-size:12px; overflow:hidden;width:45%;}
.pn_r a:hover{color:#575655;}




.modal-open{overflow:hidden}
.page-overflow{margin-right:16px}
.modal-scrollable{position:fixed;top:0;right:0;bottom:0;left:0;overflow: auto}
.modal-overflow .modal-scrollable{overflow-y:scroll}
.modal-backdrop {position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1040;background-color:#000}
* html .modal-backdrop{position:absolute;left:expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth);top:expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight)}
.modal-backdrop.fade {opacity:0;filter: alpha(opacity=0)}
.modal-backdrop,.modal-backdrop.fade.in {opacity: 0.7;filter: alpha(opacity=70)}
 
.modal.container{width: 980px}
.modal {position:absolute;top:50%;left:50%; width:500px;margin-left:-250px;z-index:1050;overflow: visible;background-color: #fff;background-clip: padding-box;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip:padding-box;
    -khtml-background-clip:padding-box;
    -moz-background-clip:padding-box;
    -ms-background-clip:padding-box;
    -o-background-clip:padding-box;
    background-clip:padding-box;
    border-radius:6px;
    border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999}
.fade {opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity 0.2s linear;-moz-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;transition: opacity 0.2s linear}
.fade.in {opacity: 1;filter: alpha(opacity=100)}
.modal.fade {top: -100%}
.modal.fade.in{top:50%}
.modal.modal-overflow.fade.in{top:0px}
.loading-spinner {position: absolute;top: 50%;left: 50%;margin: -12px 0 0 -12px}


.wxc{display:none;left:-50px;top:45px;width:130px;height:140px;background:url(0-00.png) no-repeat 0 0;z-index:999}
.wxc img{margin:15px 5px 0}
.wx:hover .wxc{display:block}