@charset "gb2312";
/* CSS Document */
body{ margin:0;padding:0;font-size:14px;font-family:'Lato', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft Yahei'; position:relative;color:#333;background:#fff}
div, form, img, ul, ol,  li, dl, dt, dd, p { margin: 0; padding: 0; border: 0; }
li, dl { list-style-type:none; }
ol li{list-style-type: decimal;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
a:link, a:visited {color:#333;text-decoration:none;}
a:hover, a:active {color:#DEC571;text-decoration:none;}
a:focus {outline:none; -moz-outline:none}
input,textarea{ outline:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
table{border-collapse: collapse;}
.clear{ clear:both;}
.fleft{ float:left}
.fright{ float:right}
.Piece{ display:block;}
*, *::after, *::before{box-sizing:border-box}
/* divbody */
.divbody,.divWide{ width:100%; height:auto; margin:0 auto}
.divWide{ width:1200px;}
/*index*/  
.header{ height:80px;color: #555;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.24)/* #E2C979*/;background:#fff}
.logo img{ height:65px; margin-top:10px}
.logoS{ display:none}
.logoS img{ height:50px; margin-top:15px}
.nav{ margin:40px 20px 0 30px}
.nav ul li{ display:block; float:left; line-height:20px; height:20px; padding:0 28px}
.nav ul li a{ font-size:16px}
.NavMobile{ display:none}
/*nav-collapse*/
.in{ display:block !important}
.nav-collapse.NavMoCollapse{height:0;overflow:visible;width:100%;border-top:0; position:relative; z-index:99; display:none}
.nav-collapse ul,.nav-collapse ul li,.nav-collapse ul li a{display:block}
.nav-collapse ul {width:50%; position:absolute; right:10px; top:80px}
.nav-collapse ul li{height:45px; float:none; background:rgba(255,255,255,0.9); border-top:1px solid #ccc}
.nav-collapse ul li a{ width:100%;line-height:45px;  font-size:16px; text-align:center}
.nav-collapse ul li a:hover{background:rgba(0,0,0,0.5);}
.set{ clear:right}
.topN{margin:10px 0; text-align:right}
.topN a,.topN span{ display:inline-block}
.topN span{ margin:0 8px}
.sUL {}
.sUL li{ float:left; width:34px; height:34px;  margin-left:20px;}
.sUL li a{ width:100%;  border-radius:34px;height:100%}
.aweixin{ position:relative}
.aweixin img{ width:34px;  border-radius:34px; height:33px}
.sUL::after{content: " ";display: block;height: 0px;clear: both;}
#divWebBo img,#divWebBo1 img{ width:140px}
.content{ padding:30px 0}
.banner{ width:1200px; height:330px}
.flex-control-nav a,.flex-direction-nav li a.flex-prev,.flex-direction-nav li a.flex-next,a.abtn,a.aleft,a.agrayleft,a.aright,a.agrayright{ background:url(../images/mycart.png) no-repeat;}
.flexslider{position:relative;height:100%; width:100%; overflow:hidden;background:url(../images/load.gif) 50% no-repeat; display:block;}
.slides{position:relative;z-index:1;}
.slides li{height:330px;}
.slides li img,.inban img{ width:100%; height:100%}
.flex-control-nav{position:absolute;bottom:25px;z-index:2;width:1200px;text-align:center; left:0 }
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 2px;*display:inline;zoom:1}
.flex-control-nav a{ display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background-position:-558px 0;cursor:pointer;}
.flex-control-nav .flex-active{background-position:-545px 0px;}
.flex-direction-nav{ margin:0 auto;position:relative;z-index:3;width:100%;top:50%;margin-top:-22px;display:none }
.flex-direction-nav li a{display:block;width:44px;height:44px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:0; background-position:-480px 0px;}
.flex-direction-nav li a.flex-next{right:0;background-position:-480px -55px;}
.piece{ width:300px; opacity:0.7; margin-top:20px}
.piece:hover{ opacity:1}
.piece img,.piece span,.piece h3,.piece p,.innewUl{ display:block; width:100%}
.piece img{ height:172px}
.piece span{min-height: 141px;padding: 10px 30px 20px; height:171px; overflow:hidden;background-color:#f9f9f9;
background-image:-moz-linear-gradient(left top ,#f9f9f9  30%, #B7B7B7 100%);
background-image:-webkit-gradient(linear, left top, right bottom, color-stop(0,#f9f9f9 ), color-stop(1, #B7B7B7));
background:-webkit-linear-gradient(left top,  #f9f9f9 30%, #B7B7B7 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#B7B7B7', GradientType=1);
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#B7B7B7',GradientType=1);background: -ms-linear-gradient(left top, #f9f9f9 30%, #B7B7B7 100%);
background: -o-linear-gradient(left top, #f9f9f9 30%, #B7B7B7 100%);}
.piece h3{font-size: 2em;line-height: 2; margin-top:10px}
.piece p,.innewUl{ height:68px; overflow:hidden; margin:10px auto}
.piece p,.innewUl li a,.piece p>a{line-height: 1.6; font-size:14px;color:#666}
.piece p>a:hover{ color:#FB0102}
.innewUl li a{ display:block; background:url(../images/Asty.png) left center no-repeat; padding-left:15px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.innewUl li a:hover{ text-decoration:underline}
.footer{ height:60px; background:#ededed; text-align:center; padding:15px 0}
/*about*/
.inban{ height:240px; position:relative; margin-bottom:20px}
.inban h3{ display:inline-block;font-size:40px; color:#222; letter-spacing:8px; font-weight:normal; position:absolute; left:40px; bottom:40px; z-index:9; /*background:rgba(0,0,0,0.7);*/padding:6px 15px 6px 20px; text-align:center}
.about{ overflow:hidden; background:#fafafa}
.about a,.about img,.founder a,.founder img,.founder h3,.founder p{ display:block; float:left}
.about a{ width:550px; font-size:16px;line-height:28px; overflow:hidden}
.about img{ height:217px; overflow:hidden}
.about a,.founder a{ padding:38px 30px 39px; background:#fafafa; color:#333 }
.about a:hover,.founder a:hover,.productUl li a:hover{ background:#f4f4f4}
.about img{ width:650px}
.ATxt{width:650px;float:left}
.ATxt p{padding:30px 20px;display:inline-block; line-height:25px}
.Founder{ margin:0 0 20px}
.founder img{ width:550px}
.founder a{width:650px; font-size:14px; line-height:28px}
.founder h3{ font-size:22px; color:#000; margin-bottom:15px; text-align:center; width:100%}
.founder p{ margin-bottom:10px}
.founder h4{ display:block; width:100%; clear:both; font-weight:normal; color:#999; margin-bottom:20px; text-align:center}
/*products*/
.productUl,.productUl li,.productUl li a,.productUl img,.productUl span{ display:block}
.productUl{}
.productUl li{ float:left}
.productUl li a{ width:400px; height:289px; overflow:hidden;background-color:#f9f9f9;
background-image:-moz-linear-gradient(left top ,#f9f9f9  30%, #E1E1E1 100%);
background-image:-webkit-gradient(linear, left top, right bottom, color-stop(0,#f9f9f9 ), color-stop(1, #E1E1E1));
background:-webkit-linear-gradient(left top,  #f9f9f9 30%, #E1E1E1 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#E1E1E1', GradientType=1);
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#E1E1E1',GradientType=1);background: -ms-linear-gradient(left top, #f9f9f9 30%, #E1E1E1 100%);
background: -o-linear-gradient(left top, #f9f9f9 30%, #E1E1E1 100%);}
.productUl li img,.productUl span{ width:400px}
.productUl span{ padding-bottom:20px; text-align:center}
.productUl p{ line-height:40px; height:40px; overflow:hidden;color:#333; font-size:20px;text-align:center; border-bottom:2px solid none; display:inline-block }
.productUl li a:hover p{ border-bottom:2px solid #666 }
.proTxt{ height:289px; font-size:16px; padding:25px 40px; line-height:26px}
/*news*/
.newsUl{overflow:hidden}
.newsUl li a{ display:block; padding:20px 0; border-bottom:1px solid #ccc}
.newsUl li a:hover{ background:#f0f0f0}
.newsUl li div,.recruitUl div,.news{width:860px; margin:0 auto}
.newsUl li span,.newsUl li p{ display:inline-block;color: #878787;}
.newsUl li h3{ display:block;color: #222;font-weight: normal;font-size: 20px; margin:20px 0 13px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80%}
.newsUl li p{ font-size:16px; line-height:26px; height:56px; overflow:hidden}
/*news-1*/
.news h3{ text-align:center; display:block; font-size:20px}
.news h5{color: #878787; font-weight:normal; display:block; text-align:center; margin:20px auto 30px; font-size:16px}
.news p{ line-height:28px; display:block; margin-top:15px}
.page{ height:50px; overflow:hidden; text-align:center; margin:60px auto 0}
.page a{ display:inline-block; padding:6px 45px; border:1px solid #ccc; margin:0 30px}
/*recruit*/
.recruitUl li{ display:block; padding:20px 0; border-bottom:2px dashed #eee; margin-bottom:20px; overflow:hidden}
.recruitUl div >p{ display:block; margin-top:15px; line-height:24px; color:#777}
.recruitUl h3{  display:block; font-size:18px; margin-left:60px}
.recruitLIs h2{ display:block; width:200px; text-align:center; background:#eee; color:#FE0205; letter-spacing:3px}
.recruitLIs h2,.recruitLIs p{ float:left; height:70px; line-height:70px; overflow:hidden}
.recruitLIs p{ padding:0 20px; color:#777; background:#f6f6f6; width:1000px}
/*contact*/
.contactBj  a,.contactBj img{ height:217px}
.contactBj h3{ display:block; margin-bottom:15px}
.contactBj a{ padding:25px 50px 24px;background:#fafafa url(../images/contactS.png) left bottom no-repeat}
.contactBj a:hover{background:#f4f4f4 url(../images/contactS.png) left bottom no-repeat}
.map{width:1200px; margin-top:20px}
.frame{ height:330px; width:1200px}