@charset "utf-8";


/*Reset*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;}  
a {color:#666;text-decoration:none;}
a:hover {color:#b8cd28;}
a:active {color:#b8cd28;}
.hidden{ display:none}
i{ font-style:normal}
/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px;color:#666;}  

@font-face {
  font-family: 'bodoni';
  src: url('../fonts/bodoni.woff2') format('woff2'), 
       url('../fonts/bodoni.woff') format('woff'), 
       url('../fonts/bodoni.ttf') format('truetype');
}
/*index*/
.head{ float: left; width: 100%; padding: 20px 0;}
.logo{ float: left;}
.headright{ float: right;}
.headright span{ float: left; font-family: impact;line-height: 55px; padding: 0 0 0 36px; font-size: 20px; color: #0199d4; margin: 0 0 0 70px; display: inline; letter-spacing: 1px;}
.tel{ background: url(tel.gif) no-repeat 0 center; }
.email{ background: url(email.gif) no-repeat 0 center;}
.menu{ float: left; width: 100%; background: #0199d4;}
.menu li{ float: left; width: 170px; text-align: center; line-height: 50px; font-size: 14px;}
.menu li a{ display:block;color: #fff;}
.menu li.on a,.menu li a:hover{background: #24b6ef;}
/*banner效果*/
.content{position:relative;width:100%;margin: 0 auto; height:500px; float: left;}
.banner{overflow:hidden;width:100%;height:500px;}
.content ul{ }
.content_ul li{ display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; position:absolute;}
.content_ul li a { display:block; width:100%; height:500px; text-indent:-9999px;}
.slidenum{ position:absolute; display:block; bottom:20px; left:0; width: 100%; text-align: center;}
.slidenum span{display:inline-block; background:url(yuan1.png) no-repeat; width:12px; height:12px; margin:0 8px; cursor:pointer;}
.slidenum span.current{background:url(yuan2.png) no-repeat;}
/*banner效果 end*/	
.companybg{ float: left; width: 100%; padding: 60px 0;}
.title1{font-size: 30px; line-height: 30px; margin: 0 0 36px;color: #666;}
.more{float: right; background: #9bac27; color: #fff; width: 160px; text-align: center; line-height: 36px; margin: 30px 0 0;transition: all 0.3s ease 0s; }
.more:hover{ background: #b8cd28; color: #fff;}
.companydl{ float: left; width: 100%;}
.companydl dt{ float: left; width: 580px;}
.companydl dt img{ display: block; width: 580px; height: 230px; vertical-align: bottom;}
.companydl dd{ float: right; width: 586px;}
.detail1,.detail2{ line-height: 30px; color: #666; font-size: 14px; margin: 0 0 10px;}
.detail2{ height: 150px; overflow: hidden;}
.videobg{ float: left; width: 100%; background: #eee; padding: 60px 0;}
.videolist{ float: left; width: 1200px;}
.videolist li{ float: left; width: 270px; margin: 0 10px 10px 0; background: #fff; padding: 10px 10px 0; height: 285px; box-shadow: 0 0 18px rgba(85,85,85,0.16);}
.videolist li.first{ width: 290px; background: #9bac27; padding: 0; height: 295px;}
.title3{ text-align: center; margin: 72px 0 0;}
.title3 i{ display: block; line-height: 82px; color: #fff; font-size: 30px;}
.title3 span{ display: block; line-height: 65px; text-transform: uppercase; color: #fff; font-size: 18px; font-family: bodoni;}
.title3 span i{line-height: 65px; display: inline-block; border-top: 1px solid #fff;font-size: 18px;}
.videolist li a{ display: block; position: relative;}
.videopic{ display: block;}
.videopic img{ display: block; width: 270px; height: 230px; vertical-align: bottom;}
.title2{font-size:16px; line-height: 30px; margin: 16px 0 5px; height: 30px; overflow: hidden; text-align: center;}
.detail3{ line-height: 20px; color: #999; font-size: 14px; height: 60px; overflow: hidden;}
.playbtn{ position: absolute; width: 270px; height: 230px; display: block; left:0 ; top: 0; background: url(playbtn.png) no-repeat center center;transition: all 0.3s ease 0s; cursor: pointer; display: none;}
.touming{ background-color: #252525; opacity:0;filter:Alpha(opacity=0); position: absolute; width: 270px; height: 230px; display: block; left:0 ; top: 0;transition: all 0.3s ease 0s;}
.videolist li.on .touming{opacity: 0.4;filter:Alpha(opacity=40);}
.videolist li.on .playbtn{ display: block;}
.probg{ float: left; width: 100%; background: url(probg.jpg) no-repeat center top; height: 846px; padding: 58px 0 0;}
.prodl{float: left; width:476px;}
.prodl dt{ float: right; width: 238px;}
.prodl dt img{ display: block; width: 238px; height: 238px; vertical-align: bottom;}
.prodl dd{ float: left; width: 202px; height: 159px; background: #fff; padding: 79px 18px 0;}
.detail4{ line-height: 20px; height: 80px; overflow: hidden;}
.prodl1 dt{float: left; }
.titlebox{ float: left; width: 238px; height: 238px; background: #9bab27;}
.titlebox .title3{ margin: 45px 0 0;}
.newsleft{ float: left; width: 340px;}
.newsbg{ float: left; width: 100%; padding: 60px 0; background: #eee;}
.newstlebox{ background: #9bab27; width: 340px; height: 120px;}
.newstle{ padding: 22px 0 0 28px;}
.newstle span{ float: left; border-bottom: 1px solid #fff; font-size: 22px; line-height: 45px; color: #fff;}
.newstle i{ display: block; line-height: 30px; color: #fff; text-transform: uppercase; font-family: bodoni;}
.newsdl{ float: left; width: 320px; padding: 10px; background: #fff; margin: 10px 0 0;}
.newsdl dt{float: left; width: 120px;}
.newsdl dt img{ display: block; width: 120px; height: 100px; vertical-align: bottom;}
.newsdl dd{ float: right; width: 188px;}
.title4{font-size: 14px; line-height: 20px; height: 20px; overflow: hidden; margin: 10px 0;}
.detail5{ line-height: 18px; color: #999;}
.newsright{ float: right; width: 840px;}
.newsright dt{ float: left; width:590px;}
.newsright dt img{ display: block; width: 590px; height: 380px; vertical-align: bottom;}
.newsright dd{ float: left; width: 214px; height: 380px; background: #fff; padding: 0 18px; overflow: hidden;}
.title5{font-size: 15px; text-align: center; line-height: 30px; margin:35px 0 20px;}
.title5 a{ color: #3b3a30;}
.detail6{}
.foot{ float: left; width: 100%; background: #141c04; padding: 38px 0 0;}
.footleft{ float: left; width: 355px; margin: 28px 70px 0 0;}
.footleft li{ line-height: 23px; margin-bottom: 30px; color: #dcdcdc; padding: 0 0 0 40px;}
.fico1{ background: url(fico1.gif) no-repeat 0 center;}
.fico2{ background: url(fico2.gif) no-repeat 0 center;}
.fico3{ background: url(fico3.gif) no-repeat 0 center;}
.messagebox{ float: left; width: 270px;}
.messagetle{background: url(fico4.gif) no-repeat 0 center; font-size: 14px; line-height: 14px; padding:0 0 0 23px; color: #fff; margin: 0 0 10px;}
.txt_msg{line-height: 32px; height: 32px; border: 1px solid #dcdcdc; padding: 0 14px; width: 240px; color: #a0a0a0; margin: 0 0 20px; background: transparent;}
.yzm{ float: left; width:80px;}
.yzm img{ display: block; width: 80px; height: 34px; vertical-align: bottom;}
.messagebox1{ float: right; width: 425px; margin: 24px 0 0;}
.textarea{ float: left; width: 395px; padding: 0 14px;border: 1px solid #dcdcdc; line-height: 32px;font-family:"\5FAE\8F6F\96C5\9ED1"; font-size: 12px; background: transparent; color: #a0a0a0; height:86px; margin: 0 0 20px;}
.submitbtn{ float: right; width: 160px; height: 36px; background: #9bac27; border: medium none; color: #fff;line-height: 30px; text-align: center; cursor: pointer;}
.copy{ float: left; width: 100%; color: #dcdcdc; border-top: 1px solid #49503b;line-height: 54px; text-align: center; margin: 10px 0 0; }
/*index end*/ 

/*about*/
.site{line-height: 36px; margin: 0 0 18px;}
.site i{ margin: 0 5px;}
.site a.current{ color:#9bac27;}
.left{ float: left; width: 170px;}
.lnavtle{background: #9bac27; padding: 0 0 0 24px; line-height: 54px; font-size: 14px; color: #fff;}
.lnav ul{ border-left: 1px solid #b8cd28; border-right: 1px solid #b8cd28; float: left; width: 168px;}
.lnav li{ border-bottom: 1px solid #b8cd28; line-height: 46px; float: left; width: 100%;}
.lnav li a{color: #666; display: block; padding: 0 23px; float: left; width:122px;}
.lnav li i{ float: right; font-family: "宋体";}
.lnav li.on a,.lnav li a:hover{background: #b8cd28; color: #fff;}
.right{ float: right; width: 967px; padding: 0 0 60px;}
.title6{ font-size: 30px; color: #666; line-height: 54px;}
.detail7{}
/*about end*/

/*products*/
.products{ float: left; width: 984px;}
.products li{ float: left; width: 227px; border: 1px solid #eee; margin: 0 17px 17px 0; }
.products li img{ display: block; width: 227px; height: 227px; vertical-align: bottom;}
.products li span{ display: block; line-height: 40px; border-top: 1px solid #eee; text-align: center;}
/*products end*/

/*news*/
.newslist{ float: left; width: 1224px;}
.newslist dl{ float: left; width: 544px; border: 1px solid #dcdcdc; padding: 16px; margin: 0 34px 34px 0;}
.newslist dt{ float: left; width:205px;}
.newslist dt img{ display: block; width: 205px; height: 170px; vertical-align: bottom;}
.newslist dd{ float: right; width: 322px;}
.title7{font-size: 20px; line-height: 30px; height: 30px; overflow:hidden; margin: 10px 0;}
.detail8{ line-height: 24px; font-size: 14px; color: #999; height: 96px; overflow: hidden;}
.more1{color: #9bac27;}
/*news end*/

/*videos*/
.videolist1{ width: 976px;}
.videolist1 li{ width: 219px; margin: 0 9px 9px 0; padding: 8px 8px 0; height: 295px; box-shadow: 0 0 18px rgba(85,85,85,0.16);}
.videolist1 .videopic img{ width: 219px; height: 185px;}
.videolist1 .title2{font-size:14px; line-height: 26px; margin: 8px 0 5px; height: 26px; }
.videolist1 .detail3{ line-height:18px; font-size: 12px; height: 54px; overflow: hidden;}
.videolist1 .playbtn{ position: absolute; width: 219px; height: 185px; display: block; left:0 ; top: 0; background: url(playbtn.png) no-repeat center center;transition: all 0.3s ease 0s; cursor: pointer; display: none;}
.videolist1 .touming{ background-color: #252525; opacity:0;filter:Alpha(opacity=0); position: absolute; width: 219px; height: 185px; display: block; left:0 ; top: 0;transition: all 0.3s ease 0s;}
.videolist1 li.on .touming{opacity: 0.4;filter:Alpha(opacity=40);}
.videolist1 li.on .playbtn{ display: block;}
.videobox{ margin: 20px 180px 50px; width: 640px}
#player1{ width: 1190px; height: 700px; display:block;}
/*videos end*/

/*contacts*/
.contactbox{ float: left; width: 100%; padding: 10px 0 100px;}
.contactleft{ float: left; width: 320px; margin: 50px 0 0;}
.contactleft li{ float: left; padding: 0 0 0 46px; width: 274px; line-height: 30px; margin: 0 0 20px; font-size: 16px;}
.conico1{ background: url(contact1.gif) no-repeat;}
.conico2{ background: url(contact2.gif) no-repeat;}
.conico3{ background: url(contact3.gif) no-repeat;}
.conico4{ background: url(contact4.gif) no-repeat;}
.conico5{ background: url(contact5.gif) no-repeat;}
.map{ float: right; width: 780px;}
/*contacts end*/

/*prodetail*/
.prodetailbox{ float: left; width: 100%;}
.prodetail{ float: right; width: 510px;}
.title8{ color: #666; font-size: 28px; line-height: 40px;}
.attrlist{margin: 24px 0 48px;}
.attrlist li{line-height: 24px; margin: 0 0 6px; font-size: 14px;}
.attrtle{ color: #333;}
.detail9{ line-height: 22px;}
.detailbox{ float: left; width: 100%; padding: 60px 0 100px;}
.detailbox img{max-width: 100%;}
/*prodetail end*/

/*share*/
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.div_clear {clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; width: 100%; margin:0; padding:0;}
.wrap{margin:0 auto; width:1190px;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/
.page{ float:left; width:100%; text-align:center; margin-top:10px; }
.page a{ display:inline-block; line-height:30px; padding:0 10px; border:1px solid #e0e0e0; border-radius:3px; margin:0 3px; font-size:14px;}
.page a.hover,.page a:hover{ color:#90c31f; border:1px solid #90c31f;}