productBg@charset "utf-8";
/* 初始化 */
html,body{ width:100%; margin:0px; padding:0px; height:100%;}
html{ overflow-x:hidden; -webkit-text-size-adjust:none; overflow-y:scroll; padding:0; margin:0}
body{ color:#666; font-family:微软雅黑, Arial, Helvetica, sans-serif; font-size:12px; text-align:center; margin:0;}
ul{ list-style:none; padding:0px; margin:0px;}
li{ padding:0px; margin:0px; border:0px;}
img{ border:0px; padding:0px; margin:0px;}
a{ text-decoration:none; color:#666;}
a:hover{ color:#000}
input{ vertical-align:middle; font-family:微软雅黑, Arial, Helvetica, sans-serif}
input[type="radio"]{ vertical-align:-1px; vertical-align:middle\9; }
.input_txt{ height:18px; height:22px\9; padding-left:1px; padding-top:4px; padding-top:0\9; border:1px solid #B3D0DF; *line-height:22px; }
p{ margin:0; padding:0; line-height:1.6em;}
form{ padding:0; margin:0;}

/* 常用类 */
.ellipsis{overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.inlineBlock{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;}
.opacity{ filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.clearBoth{clear: both;height:0px;overflow:hidden;}
.breakAll{ word-wrap:break-word; word-break:break-all;}
.ret{ width:100%; height:100%; position:relative;}
.loading{ width:100%; height:100%; background:#000 url(../images/loading.gif) center center no-repeat; position:absolute; top:0; left:0;}
@font-face{font-family:producten; src:url(../fonts/helveticaneue-light.otf)}  
.gray{ 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
	filter: url(gray.svg#grayscale);
    filter:Gray;
}
.fix{ width:106px; height:339px; position:fixed; top:50%; right:20px; margin-top:-170px; background-image:url(../images/side.png); z-index:100000}
.fix .topBtn{ width:106px; height:40px; position:absolute; left:0; bottom:0; display:block}
.fix .qq1{ width: 106px;
    display: block;
    height:86px;
    margin-top: 36px}
.fix .qq2{ width: 106px;
    display: block;
    height:90px;  }
.fix .qq3{ width: 106px;
    display: block;
    height:86px;  }

/* 主框架 */
#all{ width:100%; position:relative;}
.main{ width:1000px; position:relative; display:block; margin:0 auto; text-align:left}

/* 顶部 */
#top{ width:100%; height:115px; position:relative;}
#top .topContent{ width:100%; height:70px; background-image:url(../images/topBg.jpg); position:relative;}
#logo{ height:66px; width:273px; display:block; background-image:url(../images/logo.png); float:left}
.topTel{ width:212px; height:70px; float:right; background-image:url(../images/tel.jpg); display: none}
#top .botContent{ width:100%; height:44px; border-top:1px solid #D4D8DC; position:relative; display:block; text-align:center;}
#menu{ width:1003px; margin:0 auto; position:relative; display:block; height:44px; }
#menu li{  display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; width:166px; height:44px; text-align:center; background:none; line-height:44px; color:#666666; font-size:14px; position:relative; float:left}
#menu li a{ color:#666; display:block; letter-spacing:2px;}
#menu li:hover{ color:#FFF; background-image:url(../images/menu_cur.gif)}
#menu li:hover a{ color:#FFF; text-decoration:none}
#menu li.cur{ color:#FFF; background-image:url(../images/menu_cur.gif)}
#menu li.cur a{ color:#FFF; text-decoration:none}
#menu .d{ width:1px; height:44px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; float:left; background-color:#D4D8DC}
.slider{ width:166px; position:absolute; top:44px; left:0px; display:none; z-index:1000000}
.slider .content{ width:166px; position:relative; }
.slider .child{ width:166px; background-color:#FFF; height:38px; line-height:38px; text-align:center; font-size:14px; color:#a3a3a3;}
.slider .child a#c{ color:#a3a3a3;   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;
    font-size: 13px;
}
.slider .child.cur{ background-color:#EEEEEE; color:#666666;}
.slider .child.cur a#c{ color:#666666; }
.slider .child:hover{ background-color:#EEEEEE; color:#666666;}
.slider .child:hover a#c{ color:#666666; }



/* 底部 */
#foot{ width:100%; position:relative; display:block; }
.footMenu{ width:100%; height:240px; border-top:2px solid #C1C1C1; position:relative; display:block; background-color:#fafafa;}
.footMenu table{ width:1000px; margin:0 auto; position:relative; display:block; height:240px;}
.footMenu table tr{
    float: left;
    width: 166px;
}
.footMenu table th{
    height:44px; text-align:center; line-height:44px; margin:0; padding:0; color:#393939; font-size:14px;
    display: block;
}
.footMenu table th a{ color:#393939; display:block; letter-spacing:2px}
.footMenu table th a:hover{ text-decoration:underline} 
.footMenu table td{
    text-align:center; height:20px; line-height:20px; margin:0; padding:0; color:#999999; font-size:12px;
    display: block;
}
.footMenu table td a{ color:#999999; display:block;}
.footMenu table td a:hover{ text-decoration:underline} 
.footInfo{ border-top:1px solid #C1C1C1; background-color:#FFF; width:100%; color:#949494; font-size:12px; }
.footInfo .l{ float:left; width:520px; position:relative;}
.footInfo .r{ float:right}
.icp{ height:40px; width:100%; text-align:center; background-color:#f0f0f0; }
.icp a{ line-height:40px; display:block; text-align:center; color:#CCCCCC;}
.icp a:hover{ text-decoration:underline}
.copyHacker{ width:100%; height:42px; display:none}
.copy{ width:100%; height:42px; position:fixed; display:none; background-image:url(../images/footBg.jpg); z-index:100000000; left:0; bottom:0}
.copy .l{ float:left}
.copy .r{ float:right; text-align:left}


/* 页码 */
.pageNum{ width:100%; height:17px; text-align:right; line-height:18px; }
.pageNum a{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; min-width:17px; height:17px; color:#333; background-color:#333; margin:0 4px; font-family:Arial; font-size:12px; color:#fff; text-align:center}
.pageNum a:hover{ color:#3399CC;}
.pageNum a.cur{ color:#fff; background-color:#3399CC;}

/* 首页 */
.wel{ width:100%; position:relative; display:block}
.topline{ width:100%; height:4px; background-color:#E05118; display:block}
.homeRun{  position:relative; width:100%; display:block;}
.homeRun ul{ position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0}
.homeRun li{ width:100%; top:0; left:0; display:block; float:none; position:absolute; z-index:1;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:opacity 500ms ease-in-out}
.homeRun li.cur{ float:left; position:relative;  filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; z-index:2; display:list-item;  transition:opacity 500ms ease-in-out}
.homeRun li img{ width:100%; display:block;}
.tips{ width:100%; height:13px; text-align:center; display:block; position:absolute; left:0; bottom:20px; z-index:10}
.tips li{ width:13px; height:13px; margin:0 3px; cursor:pointer; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; background-image:url(../images/tips_unhover.png); position:relative;}
.tips li.cur{ background-image:url(../images/tips_hover.png)}

.indexImg{ width:1000px; margin:0 auto; text-align:left; height:215px; display:block; position:relative;  margin-top:10px; }
.indexImg ul{ width:1000px; height:215px; display:block; position:relative; overflow:hidden;}
.indexImg li{ float:left; margin-left:0; overflow:hidden; width:200px; background-color:#FFF; display:block; height:215px; position:relative}
.indexImg li .text{ float:left; width:275px; height:215px; display:block; position:relative; background-image:url(../images/gallery_bg.png); overflow:hidden; display:none}
.indexImg li .text .inner{ width:245px; padding:15px; height:185px; position:relative; display:block}
.indexImg li .text .inner .preview{ width:245px; height:140px; overflow:hidden; color:#fff; margin-bottom:10px}
.indexImg li .text .inner .btn{ width:128px; height:37px; cursor:pointer; display:block;}
.indexImg li .overlay{ width:200px; height:215px; position:absolute; top:0; left:0; display:block; background-image:url(../images/index_overlay.png)}
.indexImg li .overlay .title{  color:#FFF;  padding-top:15px; padding-left:15px}

.searchBg{ width:100%; height:62px; position:relative; display:block;
    background-image:url(../images/searchBg.jpg);
}
.indexSearch{ height:62px; width:1000px;
    /*background-image:url(../images/index_search.jpg); */
    position:relative; display:block; margin:0 auto;}
.indexSearch .inputBg{ float:left; margin-left:20px; margin-top:12px; width:300px; height:37px; background-image:url(../images/inputBg.png); position:relative}
.indexSearch .inputBg .input{ width:240px; float:left; height:37px; margin-left:15px; border:0; background:none; line-height:38px; padding:0; outline:none}
.indexSearch .inputBg .btn{ width:42px; height:37px; float:right; border:0; background:none; cursor:pointer; outline:none; display:block; padding:0;}
.indexSearch .keywords{ float:right; width:640px; margin-right:20px; height:62px; line-height:62px; text-align:left; color:#999999; overflow:hidden; font-size:14px;}
.indexSearch .keywords span{ color:#999999; font-size:14px;}
.indexSearch .keywords a{ color:#999999; margin:0 5px; font-size:14px;}
.indexSearch .keywords a:hover{ text-decoration:underline}
 
.indexContent{ width:1000px; padding:15px 0; position:relative; display:block; text-align:left}
.indexContent .l{ width:435px; height:249px; position:relative; display:block; float:left; background-image:url(../images/indexAboutBg.jpg)}
.indexContent .top{ width:100%; height:49px; position:relative; }
.indexContent .top .moreBtn{ width:80px; float:right; height:49px; display:block;}
.indexContent .l .bot{ width:405px; padding:15px; height:170px; position:relative; display:block; overflow:hidden}
.indexContent .m{  width:553px; height:251px; position:relative; display:block; float:right; background-image:url(../images/indexNewsBg.jpg)}
.indexContent .m .bot{ width:522px; padding:15px; height:170px; position:relative; display:block; overflow:hidden}
.miniNewsList{ width:522px; height:170px;  position:relative; }
.miniNewsList li{ width:522px; height:24px; margin:4px 0;}
.miniNewsList li a{ line-height:24px; background:url(../images/unhover.png) left center no-repeat #FFF; cursor:pointer; width:524px; height:24px; display:block; color:#999999;}
.miniNewsList li a:hover{ color:#FFF; background:url(../images/hover.png) left center no-repeat #DF5219;}
.miniNewsList li .title{ margin-left:20px; width:420px; float:left}
.miniNewsList li .posttime{ float:right; text-align:right; padding-right:8px}
.indexContent .r{  width:183px; height:249px; position:relative; display:block; float:right; background-image:url(../images/indexTechBg.jpg)}
.indexContent .r .bot{ width:153px; padding:15px; height:170px; position:relative; display:block; overflow:hidden}

.topImg{ width:1000px;  position:relative;}
.topImg img{ width:1000px; display:block}

.side{ width:202px; float:left; position:relative; display:block;}
.side .sideTitle{ height:50px; line-height:50px; color:#DF5119; font-size:22px;}
.side .sideMenu{ width:201px; position:relative; display:block; background-size:cover; border:1px solid #E4E4E4;  -moz-border-radius: 7px;      /* Gecko browsers */
    -webkit-border-radius: 7px;   /* Webkit browsers */
    border-radius:7px;            /* W3C syntax */}
.side .sideMenu .menu{ padding: 10px 0; position:relative; display:block; width:200px; padding-left:1px}
.side .sideMenu .line{ width:200px; height:1px; background-image:url(../images/side_div.jpg)}
.side .sideMenu .menu li{ height:41px; width:200px; text-align:left; position:relative; display:block;}
.side .sideMenu .menu li a{ width:175px; height:41px; text-align:left; line-height:41px; padding-left:25px; color:#475372; font-size:14px; background-image:url(../images/side_unhover.jpg); display:block}
.side .sideMenu .menu li a:hover{ color:#FFFFFF; background-image:url(../images/side_hover.jpg); width:185px}
.side .sideMenu .menu li a.cur{ color:#FFFFFF; background-image:url(../images/side_hover.jpg); width:185px}
.side .ad{ width:201px; height:223px; display:block; background-image:url(../images/side_ad.jpg); margin-top:15px}

.right{ width:760px; float:right; position:relative; display:block}
.topTitle{ width:100%; height:50px; position:relative; display:block; border-bottom:1px solid #D8D8D8; line-height:50px; color:#4B4B4B; font-size:22px;}
.topTitle span{ float:left;
    display: none;}
.topTitle .navi{ float:right; height:50px; line-height:50px; background:url(../images/home.jpg) left center no-repeat; padding-left:20px; text-align:left; color:#CCCCCC; font-size:12px}
.topTitle .navi a{ color:#CCCCCC;}
.topTitle .navi a:hover{ color:#666666; text-decoration:underline}
.topTitle .navi a.cur{ color:#666666; text-decoration:underline}
.topTitle .backBtn{
    font-size: 12px;
}
.textContent{ width:760px; padding:10px 0; text-align:left;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.textContent img{ max-width:100%}

.productList{ width:780px; margin-top:10px; margin-left:-10px; position:relative; display:block;}
.productList li{ width:248px; height:220px; border:1px solid #E4E4E4;  -moz-border-radius: 7px;      /* Gecko browsers */
    -webkit-border-radius: 7px;   /* Webkit browsers */
    border-radius:7px; margin-left:5px; margin-right:5px; margin-bottom:10px; position:relative; display:block; float:left}
.productList li img{ width:230px; margin:9px;}
.productList li .title{ line-height:16px; text-align:center; width:248px; overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; color:#A7A7A7; font-size:14px; }
.productList li:hover{  -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3);  
  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .3);  
  box-shadow:0 0 10px rgba(0, 0, 0, .3);  }
  
.productInfo{ width:1000px; height:520px; position:relative; display:block; border-bottom:1px solid #EAEAEA;}
.productInfo .l{ float:left; width:500px; height:520px; position:relative; display:block;}
.productInfo .r{ float:left; width:499px; height:520px; position:relative; display:block; border-left:1px solid #EAEAEA;}

.productShow { width:460px; height:340px; padding:20px 0; margin:0 20px; padding-top:45px}
.productPicShow{ width:460px; height:340px; }
.productPicShow img{ width:460px; height:340px; display:none;}
.productPology{ width:400px; height:80px; margin:0 auto; position:relative; overflow:hidden}
.productPology ul{ position:absolute; top:3px; left:0; width:1000000px;}
.productPology li{ cursor:pointer; width:72px; height:72px; border:1px solid #E8E8E8; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin:0 5px; position:relative; background-position:center; background-repeat:no-repeat; margin:0 3px;}
.productPology li:hover{ -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .8);  
  -moz-box-shadow:0 0 3px rgba(0, 0, 0, .8);  
  box-shadow:0 0 3px rgba(0, 0, 0, .8); }
.productPology li.cur{ -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .8);  
  -moz-box-shadow:0 0 3px rgba(0, 0, 0, .8);  
  box-shadow:0 0 3px rgba(0, 0, 0, .8); }
.productPrevBtn { width:20px; height:72px; position:absolute; bottom:39px; left:15px; background-image:url(../images/prev.jpg); cursor:pointer;}
.productNextBtn { width:20px; height:72px; position:absolute; bottom:39px; right:15px; background-image:url(../images/next.jpg); cursor:pointer;}

.productInfo .top{ height:90px; padding:0 20px; width:459px; line-height:90px; text-align:left; overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; color:#4B4B4B; font-size:22px}
.productInfo .top .backBtn{ width:124px; height:31px; position:absolute; top:29.5px; right:20px; background-image:url(../images/download-btn.png);}
.productInfo .top .topic{
    width: 330px;
    display: inline-block;
}
.productInfo .ttitle{ width:459px; margin:0 20px; height:20px; background-image:url(../images/bgline.jpg)}
.productInfo .ttitle .info{ width:65px; height:20px; text-align:center; line-height:20px; color:#FFF; background-color:#DF5219; display:block}
.productInfo .text{margin:20px; width:459px; overflow:hidden; height:150px;} 

.newsList{ width:760px; padding:10px 0; position:relative; display:block}
.newsList li{ width:760px; height:200px; position:relative; display:block; background-color:#FFF; border-bottom:1px dotted #8F8F8F; cursor:pointer}
.newsList li:hover{ background-color:#F0F0F0;}
.newsList li .image{ width:228px; height:148px; border:1px solid #DDDDDD; float:left; margin-left:10px; margin-top:25px; background-color:#FFF}
.newsList li .image img{ width:220px; height:140px; padding:4px; }
.newsList li .info{ width:480px; float:right; margin-right:20px; }
.newsList li .info .title{ text-align:left; overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; height:54px; line-height:54px; color:#4D4D4D; font-size:16px; font-weight:bold}
.newsList li .info .preview{ height:74px; line-height:150%; margin:15px 0; text-align:left; color:#ACACAC}
.newsList li .info .posttime{ color:#8B8B8B}

.newsInfo{ width:760px; height:40px; position:relative; display:block; margin-top:10px}
.newsInfo .backBtn{ width:95px; height:37px; position:absolute; top:1.5px; right:0; background-image:url(../images/backBtn.jpg);}
.newsInfo .title{ height:24px;  line-height:24px; width:760px; text-align:left; overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; color:#4D4D4D; font-size:20px; font-weight:bold}
.newsInfo .posttime{ color:#A8A8A8; height:16px; line-height:16px}

.map{ width:100%; height:784px; background:url(../images/map.jpg) center no-repeat; position:relative; display:block}
.map .contactContent{ width:820px; left:50%; position:absolute; top:80px; background-color:#FFF; display:block; margin-left:-200px;
    padding-bottom: 25px;
}
.map .contactContent .info{ width:817px; height:196px; background-image:url(../images/contact_info.jpg)}
.map .contactContent .table{ width:770px; background-color:#FCFCFC; border:1px solid #f7f7f7; height:250px; margin:0 auto; position:relative; display:block}
.map .contactContent .table .l{ width:280px; float:left; position:relative; margin-left:20px; text-align:left}
.map .contactContent .table .l .top{ height:40px; line-height:40px; color:#999999; font-size:14px; }
.map .contactContent .table .l .top span{ font-weight:bold; color:#E15117}
.map .contactContent .table .l .content{ position:relative; height:38px; width:280px; }
.map .contactContent .table .l .input{ width:268px; height:36px; border:1px solid #F0F0F0; background-color:#FFFFFF; padding:0 5px; line-height:36px}
.map .contactContent .table .r{ width:430px; float:right; position:relative; margin-right:20px; text-align:left}
.map .contactContent .table .r .top{ height:40px; line-height:40px; color:#999999; font-size:14px; }
.map .contactContent .table .r .top span{ font-weight:bold; color:#E15117}
.map .contactContent .table .r .text{ width:418px; height:192px; border:1px solid #F0F0F0; background-color:#FFFFFF; padding:0 5px; line-height:150%;}
.map .contactContent .table .r .sendBtn{ width:225px; height:44px; float:right; background-image:url(../images/sendBtn.jpg); border:0; margin-top:38px; cursor:pointer}



.galleryShow { width:758px; border:1px solid #D2D2D2; -moz-border-radius: 7px;      /* Gecko browsers */
    -webkit-border-radius: 7px;   /* Webkit browsers */
    border-radius:7px;}
.galleryPicShow{ width:740px; height:540px; padding:9px; position:relative}
.galleryPicShow .content{ width:100%; height:100%; display:none}
.galleryPicShow .preview-text{
	width:330px; height:540px; float:left;
	overflow:hidden;
	padding-left:40px;
}
.galleryPicShow .preview-text .title{
	height:110px; line-height:110px; width:100%; color:#333333; font-size:28px; overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;
}
.galleryPicShow .preview-text .preview{
	color:#999999; font-size:22px; line-height:120%;
}
.galleryPicShow .preview-img{
	width:370px; height:540px; float:left;
}
.galleryPicShow img{ width:100%; height:100%;}
.galleryPicShow .prev{ width:35px; height:90px; position:absolute; z-index:10000; left:10px; top:50%; margin-top:-45px; background-image:url(../images/tprev.png); cursor:pointer}
.galleryPicShow .next{ width:35px; height:90px; position:absolute; z-index:10000; right:10px; top:50%; margin-top:-45px; background-image:url(../images/tnext.png); cursor:pointer}
.galleryPology{ width:700px; height:100px; margin:20px auto; position:relative; overflow:hidden;}
.galleryPology ul{ position:absolute; top:2px; left:0; width:1000000px;}
.galleryPology li{ cursor:pointer; width:128px; height:94px; border:1px solid #E8E8E8; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin:0 5px; position:relative; background-position:center; background-repeat:no-repeat;}
.galleryPology li:hover{ -webkit-box-shadow:0 0 2px rgba(0, 0, 0, .8);  
  -moz-box-shadow:0 0 2px rgba(0, 0, 0, .8);  
  box-shadow:0 0 2px rgba(0, 0, 0, .8); }
.galleryPology li.cur{ -webkit-box-shadow:0 0 2px rgba(0, 0, 0, .8);  
  -moz-box-shadow:0 0 2px rgba(0, 0, 0, .8);  
  box-shadow:0 0 2px rgba(0, 0, 0, .8); }
.galleryPrevBtn { width:20px; height:108px; position:absolute; bottom:15px; left:5px; background-image:url(../images/prev.png); cursor:pointer;}
.galleryNextBtn { width:20px; height:108px; position:absolute; bottom:15px; right:5px; background-image:url(../images/next.png); cursor:pointer;}

.galleryInfo{ width:758px; height:45px; position:relative; display:block}
.galleryInfo .details{ display:none; position:absolute; top:0; left:0; width:758px; height:45px;}
.galleryInfo .details .title{ width:728px; text-align:left; margin:0 auto; height:45px; line-height:45px; color:#333333; font-weight:bold; font-size:20px;  overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.galleryInfo .details .info{ width:728px; height:94px; margin:0 auto; padding:10px 0; overflow:hidden; line-height:150%; color:#666666;
    font-weight: bold;
    font-size: 20px;}

#map{ width: 760px; height: 480px;}

/*联系我们*/
.contactMap{
    margin: 0 auto;
    width: 690px;
    height: 235px;
    background-image: url("../images/m.jpg");
}
.contactTop{padding:10px;margin:0 auto; width: 690px}
.contactTop td{ color:#333333; font-size:12px; margin:0; padding:0;}
.contactTop td span{ font-size:12px; color:#AFAFAF;}
.contactTop .sendBtn{ background-image:url(../images/sendBtn.gif); width:96px; height:36px; border:0; position:absolute; top:2px; right:0px;}
.contactTop .inputBg{ width:683px; height:20px; background-image:url(../images/inputBg.gif);}
.contactTop .inputBg input{ width:679px; height:20px; line-height:20px; border:0; background:none; color:#333333; padding:0 2px;}
.contactTop .textBg{ width:683px; height:115px; background-image:url(../images/textBg.gif);}
.contactTop .textBg textarea{ width:679px; height:115px; border:0; background:none; color:#333333; overflow:auto; padding:0 2px}
.contactTop .codeBg{ width:148px; height:20px; background-image:url(../images/codeBg.gif);}
.contactTop .codeBg input{ width:144px; height:20px; border:0; background:none; color:#333333; padding:0 2px;}

.cover-list{
    margin-top: 60px;
    margin-bottom: 15px;
}
.cover-list .title{
    color: #4B4B4B;
    font-size: 22px;
}
.cover-list .productList{
    width: 1040px;
    margin-left: -20px;
}

.job-list{
    /*width: 1280px;*/
    width: 786px;
    position: relative;
    padding-bottom: 20px;
}
.job-list .job-ul{
    /*width: 1287px;*/
    width: 786px;
    position: relative;
    /*margin-left: -3.5px;*/
}
.job-list .job-ul .job-li{
    float: left;
    width: 393px;
    height: 181px;
    padding: 12px;
    background: url("../images/job-unhover.png") no-repeat 12px 12px;
    position: relative;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.job-list .job-ul .job-li.cur{
    background: url("../images/job-hover.png") no-repeat;
}

.job-list .job-ul .job-li .info-content{
    /*width: 405px;*/
    /*height: 157px;*/
}
.job-list .job-ul .job-li .info-content .title{
    margin-left: 15px;
    /*width: 380px;*/
    line-height: 50px;
    margin-top: 10px;
    background: url("../images/job-dot.png") left bottom no-repeat;
    overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;
    color: #333333;
    font-size: 20px;
}
.job-list .job-ul .job-li .info-content .preview{
    font-size: 12px;
    color: #868686;
    line-height: 180%;
    padding: 0 15px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;    /* 数值代表显示几行 */
    -webkit-box-orient: vertical;
    margin-top: 5px;
}
.job-list .job-ul .job-li .info-content .date-time{
    color: #333333;
    font-size: 12px;
    margin-left: 15px;
    margin-top: 15px;
}
.job-slider-container{
    /*width: 1264px;*/
    width: 762px;
    margin: 0 auto;
    position: relative;
    background-color: #EEEEEE;
    -moz-border-radius: 3px;      /* Gecko browsers */
    -webkit-border-radius: 3px;   /* Webkit browsers */
    border-radius: 3px;            /* W3C syntax */
    display: none;
}
.job-slider-container .bottom-part{
    /*width: 1264px;*/
    width: 762px;
    height: 39px;
    background: #f7f7f7 url("../images/sq.jpg") no-repeat right center;
    cursor: pointer;
}
.job-slider-container .inner-content{
    /*width: 1224px;*/
    padding: 40px 20px;
}
.job-slider-container .inner-content img{
    max-width: 100%;
    display: block;
}
.job-slider-container .inner-content .title{
    color: #333333;
    font-size: 20px;
    line-height: 120%;
    padding-left: 10px;
}
.job-slider-container .inner-content .t1{
    background-image: url("../images/t1.png");
    width: 162px;
    height: 35px;
    margin-top: 23px;
}
.job-slider-container .inner-content .t2{
    background-image: url("../images/t2.png");
    width: 162px;
    height: 35px;
    margin-top: 23px;
}
.job-slider-container .inner-content .txt{
    line-height: 180%;
    color: #555555;
    font-size: 14px;
    margin-top: 20px;
    padding-left: 14px;
}


.home-galley-container{
    position: relative;
    background-color: #FFFFFF;
    z-index:1;
}

.home-galley-container .bg{
    width: 100%;
    height: 400px;
    position: relative;
}
.swiper-slide{
    position: relative;
}
.home-galley-container a{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
.home-galley-container .pagination-container {
    position: absolute;
    z-index: 10;
    width: 100%;
    margin: 0;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently not supported by any browser */
    height: 13px;
    text-align: center;
}
.home-galley-container .bg .pagination-container{
    bottom: 20px;
}
.home-galley-container .pagination:focus{
    outline: none;
}
.home-galley-container .pagination .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: middle;
    background: url("../images/tips_unhover.png") center no-repeat;
    background-size: auto;
    width: 13px;
    height: 13px;
    margin: 0 4px;
    cursor: pointer;
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;
}
.home-galley-container .pagination .swiper-pagination-bullet-active {
    background: url("../images/tips_hover.png") center no-repeat;
    background-size: 100% 100%;
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;
}
.home-galley-container .pagination .swiper-pagination-bullet:hover {
    background: url("../images/tips_hover.png") center no-repeat;
    background-size: 100% 100%;
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;
}

.honor-list{
    width: 735px;
    margin: 15px auto 0;
    position: relative;
    /*border-bottom: 1px solid #666666;*/
}
.honor-list .item{
    width: 230px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.honor-list .item .image{
    width: 230px;
    background-color: #FFFFFF;
    height: 320px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    border:1px solid #CCCCCC;
}
.honor-list .item .info{
    text-align: center;
    width: 100%;
    height: 70px;
    display: table;
    color: #666666;
    font-size: 16px;

    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.honor-list .item .info .cell{
    display: table-cell;
    vertical-align: middle;
}

.honor-gallery{
    width: 230px;
    height: 320px;
    position: relative;
}
.honor-gallery figure{
    width: 230px;
    height: 320px;

    position: absolute;
    top: 0;
    left: 0;

    padding: 0;
    margin: 0;

    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    border: 0;
}
.honor-gallery figure:nth-child(n+2){
    display: none;
}
.honor-gallery figure img{
    width: 100%;
    height: 100%;
    display: block;
}
.honor-gallery figcaption {
    display: none;
}