@charset "utf-8";
html{-webkit-font-smoothing:antialiased;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, pre, form,input,select,textarea,button, fieldset, table, th, td, span,form,p,a,img,object,embed  { padding:0px; margin:0px; list-style:none; }
header,hgroup,nav,menu,main,section,article,summary,details,aside,figure,figcaption {display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal}
a{text-decoration:none; color:#535353;}
a:hover {text-decoration:none; color:#c79f01;}
img{vertical-align:middle; max-width: 100%; border:none}
input,img,div,a,li{ outline: none; }
body { background:#fff; font-family:"Microsoft Yahei","Roboto","Arial"; font-size: 15px; color:#333;line-height:1.8; padding-top:100px; overflow-x:hidden }
.fl{float:left}
.fr{float:right}
.pr{ position: relative; }
.pa{ position: absolute; }
.tc{ text-align: center; }
.vm{ vertical-align: middle; }
.none{ display: none; }
.clear,.clearfix { overflow:hidden; clear: both; }
.clearfix::after { display: block; clear: both; content: "";}
.hidden { overflow: hidden; }
.bg_white{ background: #fff; }
.bg_color{ background: #ecf0f1; }
.color{ color:#f3f4f6}
.wrapper { width:1200px; margin: 0 auto; max-width:96% }
@media screen and (min-width: 1600px) {
.wrapper { width:1360px; margin: 0 auto; }
}
.mt-20 { margin-top:20px; }
.mb-20 { margin-bottom:20px; }
.mt-40 { margin-top:3%; }
.mb-40 { margin-bottom:3%; }
.border-1 { border:1px solid #ddd }
.padding-10 { padding:10px;}
.padding-20 { padding:20px;}
::-webkit-input-placeholder { color: #ccc; font-size:14px; }
::-moz-placeholder { color: #ccc; font-size: 14px; }
:-ms-input-placeholder { color: #ccc; font-size: 14px; }
.zoom{ display:block; overflow:hidden; position:relative}
.zoom span{ position:absolute; left:0; top:0; width: 100%; height: 100%; display: block; background-position: center; background-repeat: no-repeat; background-size: cover;  webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.zoom img:hover,.zoom span:hover {webkit-transform: scale(1.08);-moz-transform: scale(1.08); -o-transform: scale(1.08);transform: scale(1.08); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.wow:first-child { visibility: hidden;}
#overlaybg {background-color:#111;position:absolute;z-index:8;left:0;top:0;display:none;width:100%;height:100%;opacity:0.7;filter: alpha(opacity=70);-moz-opacity: 0.7;} 

 
/*头部*/
#header { position: fixed; top:0; left:0; width:92%; z-index: 999; background: #fff; background-color: rgba(255,255,255,.9); height:80px; padding:10px 4%; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
#header.header-fixed { padding:0px 4%;  transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; box-shadow:0px 5px 5px -5px #ccc; }
#header .logo { height:80px; float:left;  }
#header .logo img { max-height:80px; transition: All 0.4s ease; -webkit-transition: All 0.4s ease; -moz-transition: All 0.4s ease; -o-transition: All 0.4s ease; }

/*导航*/
.nav-box-all {  position:relative; float:right  }
.nav-box {text-align:center; height: 80px; line-height:28px; }
.nav-box li{ float: left;width: auto; padding:0px 25px; z-index:99;  }
.nav-box li>a{ display:block; font-size: 16px; padding-top:15px; }
.nav-box li>a small { font-size:14px; font-family:Arial, Helvetica, sans-serif; display:block; text-transform: capitalize }
.nav-box li a.active,.nav-box li a:hover { color:#c79f01 }
.nav-two-all { width:200px;  background-color:#fefefe; background-color: rgba(255,255,255,.9); position:absolute; top:80px; padding:20px 20px 10px 20px; left:0px;z-index:2;display:none; box-shadow: 0 13px 42px 11px rgba(0,0,0,0.05); }
.nav-two-all dd a { display:block; height:48px; line-height:48px; text-align:center; border-bottom:1px solid #eee }
.nav-two-all dd:last-child a { border-bottom:none }
#nav-two2 { left:200px }
#nav-two6 { left:290px }
#nav-two8 { left:535px }
@media screen and (max-width: 1600px) {
.nav-box li { padding:0px 12px; }
#nav-two6 { left:200px }
#nav-two8 { left:390px }
}
@media screen and (max-width: 1320px) {
.nav-box li { padding:0px 5px; }
}
@media screen and (max-width: 1000px) {
.nav-box-all { display:none }
}


 /*搜索*/
.search-btn { float:right;  } 
.search-btn a { display:block; width:80px; height:80px; font-size:0; background-position:center; background-repeat:no-repeat; background-image: url("../images/icon-search.png"); cursor:pointer }
.search-btn a:hover {filter:alpha(Opacity=80);-moz-opacity:0.8; opacity: 0.8;}
/* 搜索框 */
.search { position: fixed;width:100%;left:0; top:0; height:auto;z-index:10;background-color:#fff; text-align:center; padding:200px 0 80px 0; color:#666; display:none }
.search form { position:relative; width:50%; margin:0 auto; border-bottom:1px solid #ccc }
.search .search-option { border:none; height:50px; width:90px; padding-left:5px; text-align:center; font-size:14px; display:none  }
.search .search-keyword {width:100%; height:50px; line-height:50px; border:none; color:#333; font-size:18px; overflow:hidden }
.search .search-submit { position:absolute; right:0px; top:8px; cursor:pointer;	width:60px;	height:34px; border-radius:20px; border:0px; background:#c79f01 url(../images/slick-r.png) no-repeat center; line-height:34px; font-size:0; text-indent:100px }
.search input::-webkit-input-placeholder { color: #999; font-size:18px; }
.search input::-moz-placeholder { color: #999; font-size:18px; }
.search input:-ms-input-placeholder { color: #999; font-size:18px; }
.search a.search-close { display:block; height:60px; line-height:60px; margin-top:50px; text-align:center; color:#ccc; font-size:50px; cursor:pointer }



/*底部*/
.footer { position:relative; color: #ccc; padding:50px 0px 30px 0;line-height:2; background:#3c3c3c; font-size:14px;  }
.footer a { color: #ccc; }
.footer-msg .footer-logo { font-size:20px; margin-bottom:25px; color:#fff }
.footer-msg .footer-logo img { height:60px; margin-right:10px; vertical-align:middle }
.footer-msg p { margin-top:10px; }
.footer-munu  { margin-left:5%; padding:0 2%; border-left:1px solid #555; border-right:1px solid #555; }
.footer-munu li { float:left; margin:0 30px; line-height:2.3 }
.footer-munu li h3 { font-size:16px; color:#eee; margin-bottom:10px; }
.footer .footer-wx { text-align:center; line-height:2}
.footer .footer-wx  img { height:140px; margin-bottom:10px }
.copyright { background:#333; padding:12px 0; height: auto; line-height:35px; color:#999 }
.copyright a { color:#999 }
.links a { margin-right:15px; }
.footer-share { float:right; margin-right:10px;  }
.footer-share a { display:inline-block; width:40px; height:40px; margin-right:10px; font-size:0; vertical-align:middle }
.footer-share .bds_qq { background: url(../images/bds_qq.png) no-repeat center; }
.footer-share .bds_weibo { background: url(../images/bds_weibo.png) no-repeat center; }
.gotop { position: fixed; right:2%; bottom:8%; display:block; width:36px; height:36px; border-radius:3px; background:#c79f01 url(../images/top.png) no-repeat center; font-size:0; filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;}


/*公共*/
.column-bg { position: relative; width:100%; height: auto; min-height:200px; background-color:#f4f4f4; background-size:auto 100%; background-position:center; background-repeat:no-repeat; }
.columntit { position:absolute; bottom:15%; left:10%; width:80%; text-align:center; line-height:1.4; -webkit-animation: columntit 1.5s; animation: columntit 1.5s; color:#fff }
.column-bg img { width:100% }
@-webkit-keyframes columntit {
	0% { bottom: 25%; opacity: 0;}
	100% { bottom: 15%; opacity: 1;}
}
@keyframes columntit {
	0% { bottom: 25%; opacity: 0;}
	100% { bottom: 15%; opacity: 1;}
}
.scroll-btn { position:absolute; bottom:3%; left:0; width:100%; height:40px; text-align:center; background:url(../images/scroll_down.png) no-repeat center; cursor:pointer; -webkit-animation:slideDown 1.6s ease-in-out 0s infinite;animation:slideDown 1.6s ease-in-out 0s infinite }
@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}
@-moz-keyframes slideDown{0%{-moz-transform:translateY(0)}50%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}
@-o-keyframes slideDown{0%{-o-transform:translateY(0)}50%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}
@-ms-keyframes slideDown{0%{-ms-transform:translateY(0)}50%{-ms-transform:translateY(-10px)}100%{-ms-transform:translateY(0)}}
@keyframes slideDown{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}} 
 
.column { height:40px; line-height:40px; padding:10px 0; background:#f3f3f3; border-bottom:1px solid #ddd; }
.column li { float:left; margin-right:3%; font-size:16px; }
.column li a { display:block; padding:0px 30px; border-radius:20px 0 20px 0; }
.column li.current a { background:#c79f01; color:#fff }
.column .location { float:right; color:#999; font-size:14px; padding-left:30px; background:url(../images/home.png) no-repeat center left; }
.column .location a { color:#666; }
 


/*首页banner*/
.slick-slider{position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{z-index: 0; position: relative; display: block; overflow: hidden; margin: 0 auto; width: 100%;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{outline: none; display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block; width: 100%;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto;}
.slick-arrow.slick-hidden{display: none;}
.slick-arrow{ background-color: rgba(0,0,0,0); outline: none;border: none;width: 50px; height: 50px; top: 50%; margin-top: -25px; text-indent: 100px; overflow: hidden; -webkit-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out; cursor: pointer; position: absolute; z-index: 1;}
.slick-dots{ height: 10px; line-height: 1; position: absolute; width: 100%; bottom: 20px; list-style: none; display: block; text-align: center; padding: 0px; }
.slick-dots li{ display: inline-block!important; vertical-align: top; border-radius: 10px; cursor: pointer; width: 10px; overflow: hidden; height: 10px; background: #d4d4d4; box-sizing: border-box; zoom: 1; *display: inline; margin: 0 6.5px;}
.slick-dots li button { background: none; border: none; outline: none; font-size: 0; }
.slick-dots li.slick-active,.i_nslick .slick-dots li.slick-active{ overflow: hidden; background: #c79f01; }

 
.banner-wrap{ height: auto; position:relative }
.banner-wrap .banner-bg{ height: 100%; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; position:relative}
.banner .slick-prev{ opacity: 0; left: 2%; width: 48px; height: 48px; margin-top: -24px; background-image: url("../images/slick-l.png"); background-position: center; background-repeat: no-repeat; background-size: contain; }
.banner .slick-prev:hover{ opacity: 1!important; }
.banner .slick-next{ opacity: 0; right: 2%; width: 48px; height: 48px; margin-top: -24px; background-image: url("../images/slick-r.png"); background-position: center; background-repeat: no-repeat; background-size: contain; }
.banner .slick-next:hover{ opacity: 1!important; }
.banner-wrap:hover .slick-prev,.banner-wrap:hover .slick-next{ opacity: .6; }
.banner .slick-dots{ height: 30px; line-height: 1; position: absolute; width: 80%; left:10%; bottom: 80px; list-style: none; display: block; text-align: left; padding: 0px; }
.banner .slick-dots li{ display: inline-block!important; vertical-align: top; border-radius: 3px; cursor: pointer; width: 30px; text-align: center; verflow: hidden; height: 30px; line-height:30px; background-color: rgba(0,0,0,.3); box-sizing: border-box; zoom: 1; *display: inline; margin: 0 6.5px;}
.banner .slick-dots li button {  border: none; outline: none; font-size:14px; color:#fff }
.banner .slick-dots li.slick-active { background:#c79f01;  }


/* 轮播焦点图*/
/*.banner {width:100%;height: 900px;position:relative; background:#e8eced }
.banner .DB_bgSet{position:relative;}
.banner .DB_bgSet li{position:absolute;width:100%;height: 900px;display:none; background-size: cover; background-position:center; }
.banner .DB_imgSet{position: relative;width:100%; margin:0 auto; max-width:100% }
.banner .DB_imgSet li { height:900px; width:100%; position:relative }
.banner .DB_imgSet .DB_1_1{position:absolute;left:10%;top:120px; font-size:50px; color:#fff; width:35%; line-height:1.4 }
.banner .DB_imgSet .DB_1_2{position:absolute;left:0px;top:320px;  }
.banner .DB_imgSet .DB_1_3{position:absolute;left:60% ;top: auto !important; bottom:-30px; width:20% }
.banner .DB_imgSet .DB_2_1{position:absolute;left:20px;top:120px;}
.banner .DB_imgSet .DB_2_2{position:absolute;left:20px;top:220px}
.banner .DB_imgSet .DB_2_3{position:absolute;left:540px;top:80px}
.banner .DB_imgSet .DB_3_1{position:absolute;left:120px;top:80px;}
.banner .DB_imgSet .DB_3_2{position:absolute;left:550px;top:150px}
.banner .DB_imgSet .DB_3_3{position:absolute;left:720px;top:190px}
.banner .DB_imgSet .DB_3_4{position:absolute;left:540px;top:300px}
.banner .DB_menuWrap{ width:100%; height: auto; position: absolute; bottom:30px; left:0 }
.banner .DB_menuWrap .DB_menuSet{ margin:0px auto; width:1200px;  }
.banner .DB_menuWrap .DB_menuSet li{ background: url(../images/blackbg.png); cursor:pointer; padding:3px 12px; margin:0 5px; border-radius:4px; display: inline-block; color:#fff }
.banner .DB_menuWrap .DB_menuSet li.select { background: rgba(199,159,1,.8); }
.banner .DB_prev{position:absolute;left:-60px;top:320px;cursor:pointer;display:none; width:60px; height:60px; background:url(../images/left-arrow.png) no-repeat center; font-size:0 }
.banner .DB_next{position:absolute;right:-60px;top:50%;cursor:pointer;display:none; width:60px; height:60px; background:url(../images/right-arrow.png) no-repeat center; font-size:0}
@media screen and (max-width: 1600px) {
.banner { height: 700px;}
.banner .DB_bgSet li { height:700px;}
.banner .DB_imgSet li { height:700px; }

}
@media screen and (max-width: 1500px) {
.banner { height: 600px;}
.banner .DB_bgSet li { height:600px;}
.banner .DB_imgSet li { height:600px; }

}
@media screen and (max-width: 1200px) {
.banner { height: 500px;}
.banner .DB_bgSet li { height:500px;}
.banner .DB_imgSet li { height:500px; }

}*/
 
/*---------首页-----------*/
.itit { text-align:center; text-transform:uppercase; margin:50px auto; position:relative }
.itit h2 { font-size:32px; color:#333; }
.itit h2:after { display: block; content: ''; width:50px; border-bottom:2px solid #c79f01; margin:10px auto }
.itit h4 { font-size:22px; color:#c79f01; font-weight:bold; margin:20px auto 0 auto }
.itit p { font-size:18px; margin:20px auto } 

 
/*产品方案*/
.ipro { padding:5% 0; background:#fff; }
.ipro li { position:relative; float:left; width:31%; margin-right:3.5%; margin-bottom:30px; overflow:hidden; text-align:center }
.ipro li:nth-child(3n) { margin-right:0 }
.ipro .ipro_txt { position:relative; background:#fff; margin:-20% 10% 0 10%; padding:5px 5%; border-radius:40px 0 40px 0;
-webkit-box-shadow: 0 0 20px rgba(100, 100, 100, .2); -moz-box-shadow: 0 0 20px rgba(100, 100, 100, .2); box-shadow: 0 0 20px rgba(100, 100, 100, .2);}
.ipro li img { margin:20px auto; height:115px; } 
.ipro li h3 { text-align: center; font-size:20px; color:#333; font-weight:bold; margin-bottom:15px  }
.ipro li p { font-size:16px; color:#666; min-height:90px; padding:0px 10px; }

/*我们的实力*/
.iadv { padding:1% 0 4% 0; background:#f3f3f3; }
.iadv ul { width: 100%; margin: 0 auto; text-align: center; }
.iadv ul li { float:left; background: #fff; width:30%; margin-right:5%; height: auto; position:relative; color:#777; border-radius:0 0 40px 0;
-webkit-box-shadow: 0 0 10px rgba(100, 100, 100, .5); -moz-box-shadow: 0 0 10px rgba(100, 100, 100, .5); box-shadow: 0 0 10px rgba(100, 100, 100, .5);  }
.iadv ul li:nth-child(3n) { margin-right:0 }
.iadv ul li .zoom { position:relative; opacity:1; width: 100%; height: 0; padding-bottom:90%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.iadv ul li .con { text-align:left; padding:20px; }
.iadv ul li .con h3 {  font-size:20px; color:#333; font-weight:bold; }
.iadv ul li .con h3::before{ display:block;content: ""; border-bottom:2px solid #c79f01; width:50px; margin:10px 0 }
.iadv ul li .con h4 {  font-size:16px; color:#444; margin-bottom:10px; }
.iadv ul li .con .txt { }
.iadv ul li .con .txt p { line-height:28px; padding-left:20px; margin-bottom:2px; background:url(../images/icon5.png) no-repeat left 8px; } 
 
/*肽·大客户合作 - 食品配料*/
.ilist { padding:1% 0 4% 0; background:#f3f3f3; }
.ilist li { position:relative; float:left; width:31%; margin-right:3.5%; margin-bottom:30px; overflow:hidden; text-align:center }
.ilist li:nth-child(3n) { margin-right:0 }
.ilist .ilist_txt { position:relative; background:#fff; margin:-20% 10% 0 10%; padding:5px 5% 5px 5%; border-radius:40px 0 40px 0;
-webkit-box-shadow: 0 0 20px rgba(100, 100, 100, .2); -moz-box-shadow: 0 0 20px rgba(100, 100, 100, .2); box-shadow: 0 0 20px rgba(100, 100, 100, .2);}
.ilist .ilist_txt .text { font-size:18px; line-height:2; }
.ilist .ilist_txt .text2 p { font-size:18px; line-height:32px; padding-left:50px; margin-bottom:10px; background:url(../images/icon1.png) no-repeat left top; }
.ilist .more a { display:block; text-align:center; float:right; margin:20px 0; padding-right:25px; color:#999; background: url(../images/imore.png) no-repeat right center; }

/*关于我们*/
.iabout { position:relative; padding:5% 0 } 
.iabout .wrapper { position:relative; }
.iabout .iabout_con { width:45%; float:left; color:#666; font-size:18px; line-height:2 }
.iabout .iabout_con .iabout_tit { font-size:32px; margin:6% 0; color:#333 }
.iabout .iabout_con .iabout_tit:after { display: block; content: ''; width:50px; border-bottom:2px solid #c79f01; margin-top:10px }
.iabout .iabout_con ul { margin-top:12%; }
.iabout .iabout_con ul li { width:20%; float:left; text-align:center;   }
.iabout .iabout_con ul li img { height:54px; margin-bottom:5px; }
.iabout .iabout_pic { width:48%; float: right }
.iabout .iabout_pic img { width:100%; }

/*我们的客户*/
.icustomer { position:relative; background:#f3f3f3; padding:2% 0 15% 0; background-image:url(../images/icustomer.jpg); background-position:center bottom; background-repeat:no-repeat; background-size:100% auto;  }
.icustomer .wrapper { background:#fff; padding:20px; border-radius:40px 0 40px 0;
-webkit-box-shadow: 0 0 10px rgba(100, 100, 100, .5); -moz-box-shadow: 0 0 10px rgba(100, 100, 100, .5); box-shadow: 0 0 10px rgba(100, 100, 100, .5) }
.icustomer .banner-bg li { width:18%; float: left; margin:10px 1%; background:#fff; position:relative }
.icustomer .banner-bg li .zoom { position: relative; margin:0px auto; display:block; overflow:hidden; width: 100%; height: 0; padding-bottom: 70%; border:1px solid #eee }
.icustomer .banner-bg li .zoom span { background-size:70% auto }
.icustomer .slick-dots { height: 10px; line-height: 1; position: relative; width: 100%; list-style: none; display: block; text-align: center; bottom: auto; margin:20px auto }
.icustomer .slick-dots li{ display: inline-block!important; vertical-align: top; border-radius: 10px; cursor: pointer; width: 20px; overflow: hidden; height: 8px; background: #d4d4d4; box-sizing: border-box; display: inline-block; zoom: 1; *display: inline; margin: 0 5px;}
.icustomer .slick-dots li.slick-active { overflow: hidden; background: #c79f01; width: 40px; }

/*新闻*/
.inews { position:relative; background:#f3f3f3; padding:2% 0 4% 0 }
.inews .itit ul { text-align:center; margin:20px auto 30px auto }
.inews .itit h2:after { display: none;  }
.inews .itit li { display:inline-block; margin:0px 20px; color:#666; font-size:18px; padding:5px 0; cursor:pointer; }
.inews .itit li.hit { color:#c79f01; border-bottom:2px solid #c79f01; }
.inews-list { display:none; }
.inews-list ul { min-height:300px; clear:both }
.inews-list ul li { float:left; width:48%; background:#fff; padding:10px; box-sizing:border-box; position:relative; overflow:hidden; margin-bottom:40px; border-radius:40px 0 40px 0; box-shadow: 0 0 10px rgba(100,100,100,.2); }
.inews-list ul li:nth-child(2n) { margin-left:4% }
.inews-list ul li .pic { display:block; width:45%; float:left; overflow:hidden }
.inews-list ul li .pic .zoom { position:relative; opacity:1; height: 0; padding-bottom:80%; background-repeat: no-repeat; background-position: center; background-size: cover;  border-radius:40px 0 40px 0;}
.inews-list ul li .txt { position:relative; width:49%; padding:10px 3%; float:right }
.inews-list ul li .txt h3 { font-size:20px; margin:0 auto 10px auto; color:#333; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
.inews-list ul li .txt p { }
.inews-list ul li .more a { display:block; text-align:center; position:absolute; right:30px; bottom:20px; padding-right:25px; color:#999; background: url(../images/imore.png) no-repeat right center; }
.inews-more { clear:both; }
.inews-more a { display:block; text-align:center; width:200px; height:45px; line-height:45px; color:#666; border:1px solid #999; margin:20px auto; border-radius:40px }
 
 


/*--------------------------------------*/
/*关于我们*/
.about { padding:2% 0 5% 0 }
.about-con { width:48%; float:left }
.about-pic { width:48%; float: right; position:relative }
.about-pic a:before { position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; display: block; content: ''; width:100px; height:100px; border-radius:100px; background:url(../images/video.png) no-repeat center; z-index:2 }

.scroll-outer { position:relative }
.owl-carousel { width:100%; margin:0 auto; text-align:center; }
/*owl-wrapper ie兼容滚动*/
.owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { margin:0 auto; padding:15px 0; overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-item { float: left; }
.owl-carousel .item { position:relative;width:240px;height:340px; margin:0 auto; }
.owl-carousel .item img { width: auto; }
.owl-carousel .item:hover img { transform:scale(1.08,1.08); transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; }
.owl-carousel .txt{position:absolute;left:0;bottom:0;width:100%;height:40px; line-height:40px; color:#fff; background:url(../images/blackbg2.png) }
.grabbing { cursor:url(../images/grabbing.png) 8 8, move;}
/* 左右箭头 */
.owl-theme .owl-controls .owl-buttons div { position:absolute;top:50%; margin-top:-25px; width:50px;height:50px; line-height:50px; color: #999; font-weight:bold; font:36px "宋体"; overflow:hidden; cursor: pointer; border-radius:50px; border:2px solid #ccc; }
.owl-theme .owl-controls.clickable .owl-buttons div:hover{  color:#c79f01; border:2px solid #c79f01; }
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-6%;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-6%;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<"; position:absolute; top:5px; left:15px; }
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">"; position:absolute; top:5px; right:15px; }
/* 下边圆点 */
.owl-theme .owl-controls{ margin-top:10px;	text-align: center; }
.owl-theme .owl-controls .owl-page { display: inline-block;*display: inline; zoom: 1;}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 20px;
	height: 7px;
	margin: 5px 5px;
	filter: Alpha(Opacity=90);/*IE7 fix*/
	opacity: 0.9;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #ccc;
	cursor: pointer;
}
.owl-theme .owl-controls .owl-page.active span { background:#c79f01; width:35px; filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } 

/*专利证书*/
.honor { padding:40px 0; background-color:#f3f7f8;}
.honor .owl-carousel { width: 100%; margin: 0 auto; text-align: center; }
.honor .owl-carousel .item { width:300px; height: auto; margin:0px auto; position:relative; border-radius:0 0 40px 0; }
.honor .owl-carousel .item .pic { display:table-cell; padding:15px; width:300px; height:220px; vertical-align:middle; text-align:center; background: #fff; border-radius:30px 0 30px 0; overflow:hidden; box-shadow: 0 0 10px rgba(100,100,100,.3);vertical-align:middle }
.honor .owl-carousel .item .pic img { max-height:100%; vertical-align:middle }
.honor .owl-carousel .item:hover .pic { box-shadow: 0 0 20px rgba(0,0,0,.2); }
.honor .owl-carousel .item .text{ padding:15px; line-height:1.6; font-size:16px; text-align:center } 
.honor .owl-carousel .owl-buttons { display: none } 
@media screen and (max-width: 1600px) {
.honor .owl-carousel .item { width:280px;}
.honor .owl-carousel .item .pic { display:table-cell; padding:15px; width:280px; height:200px; }
}
.honor_zz { padding:1% 0 15% 0; background-position:center bottom; background-repeat:no-repeat; background-size:100% auto }
.honor_zz .scroll-outer { padding:20px; background:#fff;  border-radius:50px 0 50px 0; box-shadow: 0 0 10px rgba(100,100,100,.2); }
/*科研项目*/
.about-project { padding:2% 0 3% 0; background-position:center bottom; background-repeat:no-repeat; background-size: cover }
.about-project ul li { padding:10px 3% 10px 13%; min-height:48px; font-size:20px; background:#fff;  border-radius:50px 0 50px 0; box-shadow: 0 0 10px rgba(100,100,100,.2); margin-bottom:20px; position:relative }
.about-project ul li .date { display:inline-block; vertical-align:middle; position:absolute; left:3%; top:10px; font-size:14px; color:#666; }
.about-project ul li .date b { display:block; font-size:24px; color:#555; line-height:1.2 }
.projectMore  { margin-top:35px; text-align:center; padding-bottom:20px; color:#999; background:url(../images/icon8.png) no-repeat bottom center; cursor:pointer; }

 
/*加入我们*/
.join_box { margin:4% auto; position:relative}
.join_box img { width:100% }
.join_box .join_box_con { padding:30px; width:30%; background:#fff; background-color: rgba(255,255,255,.8); position:absolute; right:5%; top:14%; font-size:18px; line-height:2; border-radius:50px 0 50px 0 }
.join_box .join_box_con .tit { text-align:center; color:#c79f01; font-size:28px; font-weight:bold; line-height:1.2 }
.join_box .join_box_con .tit:after { display: block; content: ''; width:65px; border-bottom:2px solid #c79f01; margin:10px auto 20px auto; }

.join_list{ margin:20px auto}
.join_list ul li { position:relative; margin:0 auto 40px auto; border:1px solid #eee; padding:30px 30px 0 30px; box-shadow: 0 0 10px rgba(100,100,100,.3); border-radius:40px 0 40px 0  }
.join_list ul li .join_btn { display:block; background:#c79f01; color:#fff; width:160px; height:40px; line-height:40px; text-align:center; border-radius:40px; position:absolute; right:40px; top:90px; }
.join_list ul li .join_msg h3 { font-size:24px; font-weight:bold;margin-bottom:15px  }
.join_list ul li .join_msg { line-height:36px; margin-bottom:20px }
.join_list ul li .join_msg .date { padding-left:26px; background:url(../images/icon3.png) no-repeat left; }
.join_list ul li .join_msg .txt { padding-left:26px; background:url(../images/icon4.png) no-repeat left; }
.join_list ul li .join_msg span { margin-right:20px; }
.join_list ul li .join_msg span.salary { color:#c79f01 }
.join_list ul li .join_con { display: none; }
.join_list ul li .show_btn { border-top: dashed 1px #ddd;cursor:pointer; text-align:center; padding:15px 0; }
.join_list ul li .show_btn.show_hide { font-size:0 }
.join_list ul li .show_hide:after { display: inline-block; content: '收起'; font-size:14px }

 
/* 联系我们 */
.contact-tit { font-size:32px; font-weight:bold; margin:6% auto; text-align:center }
.contact-tel { float:left; width:30%; padding-left:60px; margin-top:5%; background:url(../images/con1.png) no-repeat left center; }
.contact-tel p { font-size:20px; letter-spacing:1px; }
.contact-tel h3 { font-size:31px; font-weight:bold; font-family:Arial, Helvetica, sans-serif }
.contact-msg { float: right; width:65%;  }
.contact-msg p { text-indent:40px; height:40px; line-height:40px; margin-bottom:10px; font-size:16px; background-position:center left; background-repeat:no-repeat; background-size:30px auto; float:left; width:50%; }
.contact-msg .fax { background-image:url(../images/con3.png); }
.contact-msg .tel { background-image:url(../images/con2.png); }
.contact-msg .add { width:100%; background-image:url(../images/con4.png); }
.contact-msg .mail { background-image:url(../images/con5.png); }

/* 在线留言 */
.feedback { padding:30px; }
.feedback form {}
.feedback li { float:left; width:48%; position:relative; margin-bottom:10px }
.feedback li.name,.feedback li.company { margin-right: 4%; }
.feedback p { position:relative;  }
.feedback p font { color:#e00 }
.feedback input[type="text"] { height:36px; width:92%; border:1px solid #ddd; padding:0px 4% }
.feedback input[type=checkbox] { height:18px; width:18px; vertical-align:middle; border:1px solid #eee; background: none; }
.feedback label { cursor:pointer; margin-right:30px; }
.feedback select { height:36px; width:75px; border:1px solid #ddd; padding:0px 10px; color:#666 }
.feedback textarea { width:96%; padding:10px; border:1px solid #ddd; min-height:40px }
.feedback a#offer_btn { display:block; text-align:center; background:#c79f01; color:#fff; width:150px; height:40px; line-height:40px; margin:15px 0; border:none; font-size:16px;  }

/* 我们为谁服务 */
.service-list { padding:2% 0; }
.service-list ul li { float:left; width:18%; text-align:center; margin:30px 1% }
.service-list ul li img { max-width:90%; max-height:150px; }
.service-list ul li h3 { font-size:24px; color:#333; font-weight:bold; margin:20px auto }
.service-list ul li h3:after { display: block; content: ''; width:40px; border-bottom:2px solid #c79f01; margin:10px auto }

/*合作支持*/
.support-list { padding:2% 0 6% 0; background-position:center top; background-repeat:no-repeat; background-size: cover}
.support-list ul { padding:40px 0; margin:0px auto; position:relative; background: #fff; border-radius:50px 0 50px 0; overflow:hidden; box-shadow: 0 0 10px rgba(100,100,100,.3); }
.support-list ul li { float:left; width:44%; padding:0 3%; margin-left:-1px; position:relative }
.support-list ul li:first-child { border-right:1px dashed #ddd; }
.support-list ul li .pic { width:20%; float:left; padding-top:10%; text-align:center }
.support-list ul li .text { width:78%; float: right }
.support-list ul li .text h3 { font-size:20px; color:#333; font-weight:bold; margin:0 auto 20px auto; }

/*我们的优势*/
.adv-list { padding:17% 0 3% 0; background-position:center top; background-repeat:no-repeat; background-size:100% auto}
.adv-list .owl-carousel { width: 100%; margin: 0 auto; text-align: center; }
.adv-list .owl-carousel .item { width:360px; height: auto; padding:20px 30px; margin:0px auto; position:relative; background: #fff; border-radius:50px 0 50px 0; overflow:hidden; box-shadow: 0 0 10px rgba(100,100,100,.3); }
.adv-list .owl-carousel .item .pic { display:table-cell; width:300px; padding:30px; vertical-align:middle; text-align:center; vertical-align:middle }
.adv-list .owl-carousel .item .pic img { max-height:100%; vertical-align:middle }
.adv-list .owl-carousel .item .text { text-align:left; min-height:220px; color:#666 }
.adv-list .owl-carousel .item h3 { font-size:20px; color:#333; font-weight:bold; margin:20px auto; text-align:center }
.adv-list .owl-carousel .item h3:after { display: block; content: ''; width:40px; border-bottom:2px solid #c79f01; margin:10px auto }
.adv-list .owl-controls .owl-buttons div { top:60% }
.adv-list .owl-carousel .owl-pagination { display: none } 
@media screen and (max-width: 1600px) {
.adv-list { padding:12% 0 5% 0;}
.adv-list .owl-carousel .item { width:280px;}
.adv-list .owl-carousel .item .pic { width:220px; }
}


/*销售中心*/
.sale-box { background-color:#f3f7f8; padding-top:5px }
.sale-list { padding:20% 0 5% 0; background-position:center top; background-repeat:no-repeat; background-size: cover}
.sale-list ul { padding:20px 5%; margin:0px auto; position:relative; background: #fff; border-radius:50px 0 50px 0; overflow:hidden; box-shadow: 0 0 10px rgba(100,100,100,.3); }
.sale-list ul .sale-tit { font-size:20px; color:#333; font-weight:bold; text-align:center; margin-bottom:20px }
.sale-list ul li { padding:20px 0 20px 120px; line-height:40px; border-top:1px solid #ddd; font-size:16px; float:left; width:100%; position: relative; box-sizing:border-box }
.sale-list ul li h3 { display:inline-block; font-size:20px; color:#333; font-weight:bold; position:absolute; left:0; }
.sale-list ul li p { display:inline-block; margin-right:5% }
.sale-list ul li.li2,.sale-list ul li.li4 { width:45%; }
.sale-list ul li.li3,.sale-list ul li.li5 { width:55%; }



/*为什么选择我们*/
.choose-box  { padding:40px 5%; margin:6% auto 3% auto; position:relative; background: #fff; border-radius:40px 0 40px 0; overflow:hidden; box-shadow: 0 0 10px rgba(100,100,100,.3); font-size:16px; line-height:2 }
.choose-box strong { font-size:22px; font-weight:bold; }
.choose-box:before { display: inline-block; content: ''; width:3px; height:60px; background:#c79f01; position:absolute; left:0; top:50%; margin-top:-30px } 
.choose-box:after { display: inline-block; content: ''; width:3px; height:60px; background:#c79f01; position:absolute; right:0; top:50%; margin-top:-30px } 
.choose-list ul li { padding:30px 0; border-top:1px solid #eee; position:relative }
.choose-list ul li .tit { width:20%; padding:4% 0; float:left; font-size:28px; color:#333; font-weight:bold; line-height:1.4 }
.choose-list ul li .tit::third-letter { color:#c79f01 }
.choose-list ul li .tit p { font-size:38px; font-weight:bold; color:#c79f01 }
.choose-list ul li:first-child .tit p:before { display: inline-block; content: '抢滩';font-size:28px; color:#333} 
.choose-list ul li .text { width:75%; float:right}
.choose-list ul li .text p { line-height:32px; padding-left:50px; margin-bottom:10px; background:url(../images/icon1.png) no-repeat left top; }

/* 实力 */
.strength-list { padding:2% 0; margin-bottom:-15% }
.strength-list ul { padding:20px 1%; margin:0px auto; position:relative; background: #fff; border-radius:50px 0 50px 0; overflow:hidden; box-shadow: 0 0 10px rgba(100,100,100,.3); }
.strength-list ul li { float:left; width:14.6666%; text-align:center; margin:30px 1%; font-size:13px;  }
.strength-list ul li img { max-width:90%; }
.strength-list ul li h3 { font-size:20px; color:#333; font-weight:bold; margin:20px auto 5px auto }
/* 市场 */
.market-list { padding:18% 0 8% 0; background-position:center top; background-repeat:no-repeat; background-size: cover}
.market-list ul li { width:40%; float:left; padding:20px 4%; margin:20px auto; position:relative; background: #fff; border-radius:40px 0 40px 0; overflow:hidden; box-shadow: 0 0 10px rgba(100,100,100,.3); background-color: rgba(255,255,255,.7); min-height:200px; font-size:16px; line-height:2}
.market-list ul li:nth-child(2n) { margin-left:4% }
.market-list ul li h3 { font-size:24px; color:#333; font-weight:bold; margin:10px auto; text-align:center }

/* 产品代理 */
.agent-list { padding:2% 0; }
.agent-list .wrapper { overflow:hidden } 
.agent-list ul li { float:left; width:21%; text-align:center; padding:10px 2%; min-height:280px; font-size:13px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; margin-left:-1px; margin-bottom:-1px }
.agent-list ul li img { max-width:90%; }
.agent-list ul li h3 { font-size:20px; color:#333; font-weight:bold; margin:20px auto 10px auto; line-height:1.4 }
.agent-list ul li .num { font-size:0; border-bottom:2px solid #eee; color:#c79f01; position:relative; margin:10px auto }
.agent-list ul li .num span {  height:60px; overflow:hidden; line-height:100px; display:block; font-family:STCaiyun; background-repeat:no-repeat; background-position:center -10px; background-size:auto 160% }
.agent-list ul li .num:before { display: inline-block; content: ''; width:30px; height:2px; background:#c79f01; position:absolute; left:0; bottom:-2px } 
.agent-list ul li .num:after { display: inline-block; content: ''; width:30px; height:2px; background:#c79f01; position:absolute; right:0; bottom:-2px } 
.agent-list ul li .num1 span { background-image:url(../images/01.png);}
.agent-list ul li .num2 span { background-image:url(../images/02.png);}
.agent-list ul li .num3 span { background-image:url(../images/03.png);}
.agent-list ul li .num4 span { background-image:url(../images/04.png);}
.agent-list ul li .num5 span { background-image:url(../images/05.png);}
.agent-list ul li .num6 span { background-image:url(../images/06.png);}
.agent-list ul li .num7 span { background-image:url(../images/07.png);}
.agent-list ul li .num8 span { background-image:url(../images/08.png);}
 








.agent-tit { text-align:center; font-size:16px; margin-bottom:40px; }
.agent-tit h3 { display:inline-block; padding:3px 50px; background:#fff1b8; color:#333; font-size:24px; font-family:"Microsoft YaHei", Courier, monospace; font-weight:bold; border-radius:40px; margin-bottom:20px; }

/* 产品代工 */
.labor-list { padding:4% 0 5% 0; background-position:center top; background-repeat:no-repeat; background-size: cover}
.labor-list ul { margin-top:18% }
.labor-list ul li { width:36%; float:left; padding:30px 6% 10px 6%; margin:20px auto; position:relative; background: #fff; border-radius:40px 0 40px 0; overflow:hidden; box-shadow: 0 0 10px rgba(100,100,100,.3); background-color: rgba(255,255,255,.7); min-height:180px; font-size:16px; min-height:260px; }
.labor-list ul li:nth-child(2n) { margin-left:4% }
.labor-list ul li h3 { font-size:20px; color:#333; font-weight:bold; margin:20px auto; text-align:center; line-height:1.4; }
.labor-list ul li .num { font-size:0; border-bottom:2px solid #eee; color:#c79f01; position:relative; margin:10px auto; text-align:center; }
.labor-list ul li .num span {  height:60px; overflow:hidden; line-height:100px; display:block; font-family:STCaiyun; background-repeat:no-repeat; background-position:center -10px; background-size:auto 160% }
.labor-list ul li .num:before { display: inline-block; content: ''; width:30px; height:2px; background:#c79f01; position:absolute; left:0; bottom:-2px } 
.labor-list ul li .num:after { display: inline-block; content: ''; width:30px; height:2px; background:#c79f01; position:absolute; right:0; bottom:-2px } 
.labor-list ul li .num1 span { background-image:url(../images/01.png);}
.labor-list ul li .num2 span { background-image:url(../images/02.png);}
.labor-list ul li .num3 span { background-image:url(../images/03.png);}
.labor-list ul li .num4 span { background-image:url(../images/04.png);}



/*加盟/合作条件*/
.hezuo-list { padding:2% 0; margin-bottom:-12%; }
.hezuo-list ul { padding:40px 0; margin:0px auto; position:relative; background: #fff; border-radius:50px 0 50px 0; overflow:hidden; box-shadow: 0 0 10px rgba(100,100,100,.3); }
.hezuo-list ul li { float:left; width:40%; padding:0 5%; margin-left:-1px; position:relative }
.hezuo-list ul li:first-child { border-right:1px dashed #ddd; }
.hezuo-list ul li .text h3 { font-size:20px; color:#333; font-weight:bold; margin:0 auto 20px auto; }

 /*马上加入*/ 
.daili { height: auto;  padding:35% 0 5% 0; background:#f7f7f7; background-size:100% auto; background-position:center top; background-repeat:no-repeat; }
.daili .daili-box { background:#fff; padding:4% 5%; border-radius:15px; overflow:hidden; -webkit-box-shadow: 0 0 10px rgba(100, 100, 100, .5); -moz-box-shadow: 0 0 10px rgba(100, 100, 100, .5); box-shadow: 0 0 10px rgba(100, 100, 100, .5); position:relative } 
.daili-msg { float:left; width:35%; color:#666; text-transform:uppercase; line-height:1.6 }
.daili-msg h1 { font-size:36px; color:#222 }
.daili-msg h3 { font-size:22px; color:#222; margin-bottom:40px }

.join-feedback { width:45%; padding-right:18%; float:right; color:#666; position:relative }
.join-feedback p { position:relative; margin-bottom:15px}
.join-feedback p font { color:#e00 }
.join-feedback p label { position:relative; margin-left:20px; cursor:pointer; line-height:30px; }
.join-feedback p label input { vertical-align: middle; margin:-2px 2px 0 0 }
.join-feedback input[type="text"] { float:left; height:40px; line-height:40px; width:48%; border:1px solid #ddd; text-indent:10px; margin-right:2%; margin-bottom:15px; box-sizing: border-box; }
.join-feedback input#company { width:98% }
.join-feedback textarea { width:98%; padding:10px; border:1px solid #ddd; min-height:80px; box-sizing: border-box; }
.join-feedback a#offer_btn { position:absolute; right:0; top:100px; display:block; text-align:center; background:#c79f01; color:#fff; width:25%; height:40px; line-height:40px; border:none; font-size:16px; border-radius:40px; }



/*新闻*/
.article-list li { position:relative; padding:4% 0; border-bottom:1px dashed #ddd }
.article-list .pic { width:25%; height: auto; overflow:hidden; float:left; border-radius:30px 0  }
.article-list .pic img { width:100%; }
.article-list .text { width:70%; float: right }
.article-list .text h3 { margin:10px auto; font-weight:bold }
.article-list .text h3 a { font-size:20px; color:#111 }
.article-list .text h4 { color:#888; }
.article-list .text p { color:#666; margin:20px auto; }
.article-list .text a.more { display:block; color:#888; text-align:right; text-decoration:underline }
.article-list li.li1 .pic { width:50%; border-radius:50px 0 }
.article-list li.li1 .text { width:45%; float: right }


/*新闻详情*/
.article-l { width:75%; float:left; }
.article-r { width:22%; float:right; }
.article-con { font-size:15px; line-height:2; padding:30px; background:#fff }
.article-con p img { margin-bottom:5px; }
.article-con .article-tit { font-size:28px; color:#111; text-align:center; font-weight:bold }
.article-con .article-info { color:#999; font-size:14px; text-align:center; margin-bottom:30px; padding-bottom:20px; border-bottom:1px dashed #ddd; }
.handle { margin:20px auto; min-height:30px;color:#999; padding-top:20px; border-top:1px solid #ddd; }
.handle ul { float:left }
.handle ul a {  color:#c79f01 }
.handle a.go_back { float:right; padding:5px 40px; border-radius:40px; background:#c79f01; color:#fff; margin-top:10px; }

/*猜你喜欢*/
.likearticle { padding:20px; background:#fff }
.likearticle h1 { font-size:22px; color:#111; font-weight:bold; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ddd;  }
.likearticle ul li { height:40px; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }

/*--------瀑布流列表--------*/ 
.gridalicious .item{background:#fff; color:#333; padding:10px; box-shadow: 0 0 20px rgba(100,100,100,.2); }
.gridalicious .item img {width:100%;height:auto;}
.gridalicious .item h3 {text-align:center;margin:10px 0 0 0;}


/*--------案例列表--------*/
.shop_list li{ background: #fff; width: 22%; float: left; margin:20px 4% 20px 0; position:relative; box-shadow: 0 0 20px rgba(100,100,100,.2); }
.shop_list li a { display:block; padding:10px }
.shop_list li:nth-child(4n) { margin-right: 0; }
.shop_list li .zoom{ opacity:1; width: 100%; height: 0; padding-bottom:80%; text-align:center }
.shop_list li .zoom img { max-width:100%; max-height:100%; }
.shop_list li .text{ padding:10px; box-sizing: border-box; text-align:center; min-height:70px; }
.shop_list li .text h3 { font-size:16px; line-height:1.6 }
.shop_list li:hover{ box-shadow: 0 0 30px rgba(0,0,0,.2); }
.shop_list li:hover .pic{ opacity: .8; }
@media screen and (max-width: 768px){
.shop_list li{ width:49%!important; margin: 0 0 10px 0!important; }
.shop_list li:nth-child(2n) { margin-left: 2% !important;}
.shop_list li .text{ padding: 8px 4%; }
}


 
 
/*品牌故事*/
.brand-con { margin:40px auto; font-size:18px; line-height:2; color:#666; text-align:center; }
.brand-con .tit { font-size:42px; color:#c79f01; text-align:center; font-weight:bold; letter-spacing:3px; margin-bottom:40px; }
.brand-con .tit:after { display: block; content: ''; width:60px; border-bottom:2px solid #c79f01; margin:10px auto; }
.brand-list ul li { margin:20px auto } 
.brand-list ul li .pic { float:left; width:65%; } 
.brand-list ul li .text { float:left; width:35%; font-size:18px; line-height:2; color:#666; margin-top:12%; text-align:center } 
.brand-list ul li:nth-child(2n) .pic { float:right }
 
 
/*--------产品列表--------*/ 
.product-list ul li { padding:40px 0; border-bottom:1px solid #eee } 
.product-list ul li .pic { float:left; width:45%; margin:0 5%; position:relative } 
.product-list ul li .zoom{ opacity:1; width: 100%; height: 0; padding-bottom:100%; display:block; }
.product-list ul li .text { float:left; width:35%; line-height:2; margin:10% 5% 0 5%; } 
.product-list ul li:nth-child(2n) .pic { float:right }
.product-list ul li .text span { font-size:16px; color:#c79f01 } 
.product-list ul li .text h3 { font-size:32px; margin:10px 0; line-height:1.2; font-weight:bold; color:#333 }
.product-list ul li .text h4  { font-size:22px; line-height:1.2; font-weight:bold; }
.product-list ul li .text p  { font-size:18px; margin:20px 0; }
.product-list ul li .text a.buy { display:block; background:#c79f01; color:#fff; width:160px; height:42px; line-height:42px; margin:20px 0; text-align:center; border-radius:40px; }
.product-list ul li .text a.more { display:block; color:#c79f01; width:160px; text-align:center; }

.product-hot { padding:3% 0; background:#f3f3f3; margin-top:4% }
.product-hot .product-hot-tit { font-size:32px; margin:20px auto 50px auto; text-align: center  }
.product-hot .product-hot-tit:after { display: block; content: ''; width:50px; border-bottom:2px solid #c79f01; margin:10px auto }
.product-hot li { width: 22%; float: left; margin:20px 4% 20px 0; position:relative }
.product-hot li:nth-child(4n) { margin-right: 0; }
.product-hot li .pic { display:block; padding:0px 10%; text-align:center; background: #fff;border-radius:30px 0 30px 0; overflow:hidden; box-shadow: 0 0 10px rgba(100,100,100,.2); }
.product-hot li .pic img { height:220px; }
.product-hot li:hover .pic { box-shadow: 0 0 30px rgba(0,0,0,.2); }
.product-hot li .text{ padding:20px; box-sizing: border-box; text-align:center }
.product-hot li .text h3 { font-size:18px; }
.product-hot li .text a { color:#c79f01; display:inline-block; margin:0px 10px; } 
.product-hot li .text small { font-size:12px; color:#c79f01; vertical-align:middle }

 


.product-pic { width:60%; float:left;  }
.product-msg { width:35%; float:right; padding-top:15%} 
.product-msg .product-tit span { font-size:16px; color:#c79f01 } 
.product-msg .product-tit h2 { font-size:32px; margin:10px 0; line-height:1.2; font-weight:bold; color:#333 }
.product-msg .product-tit h3  { font-size:22px; line-height:1.2; font-weight:bold; }
.product-msg .product-tit p  { font-size:16px; margin:20px 0; border-bottom:1px solid #ddd; padding-bottom:20px; }
.product-msg dl dd span { color:#999; }
.product-msg dl dd { line-height:32px; }
.product-msg a.buy { display:block; background:#c79f01; color:#fff; width:180px; height:45px; line-height:45px; margin:40px 0; text-align:center; border-radius:40px; }
.product-con { padding:3% 0; background:#f3f3f3; margin-top:4% }
.product-con .product-con-tit { font-size:32px; margin:20px auto 50px auto; text-align: center  }
.product-con .product-con-tit:after { display: block; content: ''; width:50px; border-bottom:2px solid #c79f01; margin:10px auto }
.product-con a.goback { display:block; background:#c79f01; color:#fff; width:180px; height:45px; line-height:45px; margin:30px auto; text-align:center; border-radius:40px; }
 
/*产品详情*/  
.pgwSlideshow {
	width: 100%;
	margin:0 auto;
}
.pgwSlideshow a {
	color: #fff;
}
.pgwSlideshow .ps-current {
	text-align: center;
	position: relative;
	min-height: 150px;
	overflow: hidden;
}
.pgwSlideshow .ps-current > ul > li {
	text-align: center;
	width: 100%;
	z-index: 1;
	opacity: 0;
	display: block;
}
.pgwSlideshow .ps-current > ul > li img {
	display: block;
    width: 90%;
	margin: auto;
}
.pgwSlideshow .ps-caption {
	background: rgba(0, 0, 0, 0.5);
 filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
	text-align: left;
	font-size: 1rem;
	color: #fff;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	padding: 10px;
	display: none;
}
.pgwSlideshow .ps-caption span {
	padding: 7px;
	display: inline-block;
}
.pgwSlideshow .ps-list {
	margin:5px auto;
	overflow: hidden;
	position: relative;
}
.pgwSlideshow .ps-list ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	left: 0;
}
.pgwSlideshow .ps-list li {
	float: left;
}
.pgwSlideshow .ps-list li .ps-item {
	width: 90px;
	height: 90px;
	display: block;
	margin: 15px 10px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	border: 2px solid #fff;
	border-radius:3px;
	overflow: hidden;
}
.pgwSlideshow .ps-list li img {
	width:100%;
	min-height: 100%;
}
.pgwSlideshow .ps-list li .ps-item.ps-selected {
	float: left;
	opacity: 1;
	filter: alpha(opacity=100);
	border: 2px solid #c79f01;
}
/*.pgwSlideshow .ps-prevIcon {
	border-color: transparent #fff transparent;
	border-style: solid;
	border-width: 8px 8px 8px 0;
	display: block;
}
.pgwSlideshow .ps-nextIcon {
	border-color: transparent #fff transparent;
	border-style: solid;
	border-width: 8px 0 8px 8px;
	display: block;
}*/
.pgwSlideshow .ps-current .ps-prev {
	position: absolute;
	height:50px;
	width:50px;
	left: 0;
	top: 48%;
	cursor: pointer;
	background: url(../images/ps-prev.png) no-repeat center; 
}
.pgwSlideshow .ps-current .ps-next {
	position: absolute;
	height:50px;
	width:50px;
	right: 0;
	top: 48%;
	cursor: pointer;
    background: url(../images/ps-next.png) no-repeat center; 
}
.pgwSlideshow .ps-list .ps-prev {
	background: rgba(0, 0, 0, 0.8);
	padding: 8px 13px 8px 11px;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 25px;
	z-index: 1000;
	display: none;
}
.pgwSlideshow .ps-list .ps-next {
	background: rgba(0, 0, 0, 0.8);
	padding: 8px 11px 8px 13px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 25px;
	z-index: 1000;
	display: none;
}
/*
 * The media-queries are not used because IE8 doesn't support them.
 */
.pgwSlideshow.narrow .ps-list li img {
	width: 60px;
	height: 60px;
}
.pgwSlideshow.narrow .ps-current .ps-prev {
	padding: 15px 15px 15px 12px;
	top: 40%;
}
.pgwSlideshow.narrow .ps-current .ps-next {
	padding: 15px 12px 15px 15px;
	top: 40%;
}
.pgwSlideshow.narrow .ps-list .ps-prev {
	padding: 15px 12px 15px 10px;
	top: 20px;
}
.pgwSlideshow.narrow .ps-list .ps-next {
	padding: 15px 10px 15px 12px;
	top: 20px;
}
.pgwSlideshow.narrow .ps-caption {
	font-size: 0.8rem;
	padding: 8px;
}

 
 
 
/*网站地图*/
.mapnav { font-size:16px; color:#fff }
.linkbox h3 { font-size:18px; margin-bottom:10px; }
.linkbox h3 a { color:#c79f01 }
.linkbox { clear:both; border-bottom:1px dashed #ddd; padding:20px 0  }
.linkbox ul:after { display:block; content: "";clear:both }
.linkbox ul li { float:left; margin-right:20px; font-size:16px; }


/*** 分页样式 **/
.dede_pages{ padding:30px 0px 40px 0; clear:both; text-align:center; height: auto; }
.dede_pages ul li{
	display: inline-block;
	line-height:38px;height:38px;
	margin:0 2px;
	overflow:hidden; background:#fff; border:1px solid #ddd;
}
.dede_pages ul li a { color:#555; display: inline-block;padding:0px 14px;  }
.dede_pages ul li:hover{ color:#c79f01; text-decoration:none; }
.dede_pages ul li:hover a { color:#c79f01; }
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover { color:#c79f01;  }
.dede_pages ul li.thisclass { }
.dede_pages .pageinfo { color:#888; padding:0px 14px }
.dede_pages .pageinfo strong { font-weight:normal;	margin:0px 2px;}
.dede_pages ul li select { height:22px; border:none }



/*-----------搜索页面------------*/
.search_box{ position:relative; padding:10px 0px; overflow:hidden; float:right }
.search_box form { position:relative; width:350px; float:left }
.search_box a { display:block; padding:2px 10px; border:1px solid #ccc; float:right }
.search_box input {
    border-width:1px;
	border-style:solid;
	border-color:#707070 #CECECE #CECECE #707070;
	padding:6px 4px;
	height:18px;
	line-height:18px;
    width:200px;
	margin-right:5px;
}
.search_box select{
   font-size:14px;
   height:31px;
   margin-right:5px;
}
.search_box button {
    background:url(../images/searchbtn.png) no-repeat center; width: 30px; height:30px; line-height:100px; overflow:hidden; border:none; cursor:pointer
}
.resultbar{
	height:32px;
	line-height:32px; margin-bottom:30px;
	background:transparent url(../images/search-top-bg.gif) repeat-x scroll;
	color:#428C5B;
	border-bottom: 1px solid #E4E4E4;
	border-top: 1px solid #E4E4E4;
 }
.resultbar a { float:right }

.sidebar{
  float:right;
  width:320px;
  word-wrap:break-word;
}
.sidebar h2{
  font-size:14px;
  line-height:25px;
 }
.sidebar  ul {
  padding:4px 8px;
 }
.sidebar  ul li{
  line-height:24px;
  background:url(../images/ico-3.gif) 4px 9px no-repeat;
 }
.resultlist{
  overflow:hidden; border-right:1px solid #dadada; width:820px; float:left; min-height:200px;
}

.resultlist ul li{
  padding-top:15px;
 }
.resultlist ul li h3{
  line-height:30px;
  font-size:16px;
  font-weight:normal;
 }
.resultlist ul li h3 a{
  text-decoration:underline;
 }
.resultlist ul li p{
  line-height:22px;
  color:#666;
  font-size:14px;
  width:650px;
 }
.resultlist ul li span small{
  line-height:22px;
  font-size:12px;
  margin-left:5px;
  color:#999;
 }
.resultlist ul li span a{
  color:#008400;
 }
/*-----------搜索页面 end------------*/

/*单选、多选*/
.input_radio,
.input_checkbox {
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border: solid 1px #dddddd;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: 10px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-user-select: none;
            user-select: none;
    -webkit-transition: background-color ease 0.1s;
            transition: background-color ease 0.1s;
}
.input_checkbox {
    border-radius: 2px;
}
.input_radio:checked,
.input_checkbox:checked {
    background-color: #c79f01;
    border: solid 1px #c79f01;
    text-align: center;
}
.input_radio:checked:before,
.input_checkbox:checked:before,
.input_radio:checked:after,
.input_checkbox:checked:after {
    content: '';
    width: 8px;
    height: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    background: transparent;
    border: 1px solid #ffffff;
    border-top: none;
    border-right: none;
    z-index: 2;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 50px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 5px;
  border-radius: 3px;

}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #c79f01;
  border: 1px solid #c79f01;
}
.pagination a.page-num-current {
  color: #fff;
  background: #c79f01;
  border: 1px solid #c79f01;
}
/* ----- PB分页数字条效果 结束 ----- */