@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:#757575;text-decoration:none;}
a:hover {color:#0695cd;}
a:active {color:#0695cd;}
.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:#757575;}  

@font-face {
      font-family: 'helvetica1';
      src: url('../fonts/helvetica1.eot');
      src: url('../fonts/helvetica1.eot?#iefix') format('embedded-opentype'),
           url('../fonts/helvetica1.woff') format('woff'),
	   url('../fonts/helvetica1.ttf') format('truetype'),
	   url('../fonts/helvetica1.svg#helvetica1') format('svg');
   }
/*index*/
.head{ float: left; width: 100%; background: url(shadow.png) repeat-x 0 bottom; height: 142px; position: relative; z-index: 2;}
.logo{ float: left; padding:13px 0}
.headright{ float: right;}
.searchform{ float:right; width: 213px; height: 22px; margin-top:27px; border: 1px solid #e0dddd;}
.txt_search{ float:left; width: 164px; margin: 0 0 0 16px; height:22px; line-height: 22px; display: inline; border: medium none; color: #bebdbd; background: transparent;}
.btn_search{ float:right; width:18px; height:22px; background:url(searchbtn.gif) no-repeat center center; cursor:pointer; border: medium none;}
.main{float: left; width: 100%; margin: -7px 0 0;}
.bannerbox{ width:992px; height:455px; padding: 0 4px; background: url(bannerbg.gif) no-repeat center 416px; position:relative; margin-bottom:20px;}
.banner{ width:992px; height:416px; overflow: hidden; position: relative;}
.banner ul {height:416px;}
.banner a img{ width:992px; height:416px; display: block; vertical-align: bottom; }
.slidenum{ position:absolute; display:block; bottom:0; left:0; width: 1000px; text-align: center;}
.slidenum span{display:inline-block; background:url(yuan1.gif) no-repeat;width:10px; height:10px; margin:0 8px; cursor:pointer;}
.slidenum span.current{background:url(yuan2.gif) no-repeat;}
.menu{ width:992px; margin:0 auto; height:40px;}
.menu li{ float: left; display: inline; text-align:center; font-size: 13px; line-height: 40px; position: relative; width:124px;}
.menu li a{ display: block; color: #8e8c8d; }
.menu li.hover a,.menu li a:hover{color:#000; background:#eee;}
.navbox{ position: absolute; left: -8px; top: 40px; display: none;}
.navico{ float: left; background: url(ico2.gif) no-repeat 60px 0; width: 100%; height: 7px; overflow: hidden; z-index: 11; position: relative;}
#menu{ width:100%; height:40px; line-height:40px; background:#333}
.menu li ul{ float: left; width: 100px; padding: 6px 18px; border: 1px solid #dcdbdb; background: url(touming.png);  margin: -1px 0 0;}
.menu li li{ width:100px; margin:0; line-height: 30px; border-top: 1px solid #ccc; font-size: 12px;}
.menu li li a{padding: 0 10px;}
.menu li.hover li a{color:#8e8c8d;}
.menu li li.notop{border-top: medium none;}
.menu li li a:hover{color: #0695cd; }
#menubg{ color:#000; background:#eee;}
.leaf{ position: absolute; }
.leaftop2{right: -56px; top: 0;}
.leaf0{ left: -20px; top: 376px;}
.proshow{ float: left; width: 317px;}
.titlebox{ float: left; width: 100%; margin: 0 0 13px;}
.title1{ background: url(titlebg.gif) no-repeat; width: 79px; height: 30px; color: #fff; font-size: 14px; padding: 0 24px 0 0; text-align: center; line-height: 29px;}
.more{ float: right; background: url(more.gif) no-repeat right center; line-height: 20px; margin: 7px 0 0; padding: 0 10px 0 0; font-family: arial; text-transform: uppercase;}
.more:hover{ color: #0695cd;}
.bannerbox{ width:992px; height:455px; padding: 0 4px; background: url(bannerbg.gif) no-repeat center 416px; position:relative;}
.proslidebox{ width: 317px; height: 124px; position: relative; float: left;}
.proslide{ width: 317px; height: 124px; overflow: hidden; position: relative;}
.proslide ul {height:124px;}
.proslide a img{ width: 317px; height: 124px;  display: block; vertical-align: bottom; }
.leftbtn{ position: absolute; left: 0; top: 44px;}
.rightbtn{ position: absolute; right: 0; top: 44px;}
.lt{ position: absolute; left: 0; top: 0;}
.rt{ position: absolute; right: 0; top: 0;}
.lb{ position: absolute; left: 0; bottom: 0;}
.rb{ position: absolute; right: 0; bottom: 0;}
.newsbox{ float: left; width: 313px; margin: 0 24px; display: inline;}
.newslist{ float: left; width: 100%;}
.newslist li{float: left; width: 100%; line-height:26px;  height: 26px; overflow: hidden;}
.newslist li span{ float: right;} 
.aboutbox{ float: right; background: url(aboutbg.jpg) no-repeat; width: 278px; height: 167px; padding: 7px 22px 0 22px; margin: -7px 0 0;}
.about{ float: left; width: 226px; text-indent: 2em; line-height: 26px; height: 104px; overflow: hidden;}
.foottop{ float: left; width: 100%; padding: 60px 0; }
.foot1{ float: left; width: 190px;font-family: helvetica1; line-height: 32px;}
.foot1 i{display: block; font-size: 21px; letter-spacing: 3px;color: #0695cd;}
.foot1 span{display: block; font-size: 16px; letter-spacing: 2px;}
.foot2{ float:left; width:400px;}
.title4{ color:#0695cd; font-size:16px; line-height: 30px;}
.detail2{  line-height:24px; margin:10px 0 0;}
.footbtm{ float: left; width: 100%; background: #757575; }
.footbtm span{ float: left; line-height: 40px; color: #fff;}
.footbtm i{ float: right;line-height: 40px; color: #fff;}
.footbtm i a{ color:#fff;}
.erweima{ float:right; margin:10px 5px 0 0; display:inline; width:320px;}
.erweima span{ float:right;margin:75px 10px 0 0;}
.erweima img{  float:right; width: 90px; height: 90px; display: block; vertical-align: bottom; border: 1px solid #9e9188; padding: 3px; background: #fff;}
/*index end*/

/*products*/
.left{ float: left; width: 166px; margin: 30px 0 0;}
.lnavtle{ background: url(titlebg1.gif) no-repeat; width: 195px; margin: 0 0 0 -14px; text-align: center; color: #fff; height: 30px; line-height: 30px; font-size: 13px; position: relative;}
.lnavtle span{ margin: 0 5px;}
.lnavtle i{ margin: 0 5px; font-family: arial;}
.lnav{ float: left; width: 100%; margin: 15px 0 0;}
.lnav li{ float: left; width: 100%; border-bottom: 1px dashed #bdbcbc; line-height: 38px;}
.lnav li a{ color: #292929; display: block;float: left;padding: 0 22px 0 0; margin: 0 0 0 20px; display: inline;}
.lnav li.on a,.lnav li a:hover{ background: url(lnavico.gif) no-repeat right center; color: #0695cd;}
.rectle{ float: left; width: 100%; background: url(titlebg2.gif) no-repeat; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 13px; margin: 50px 0 0;}
.rectle span{ margin: 0 5px;}
.rectle i{ margin: 0 5px; font-family: arial;}
.reclist{ float: left; width: 100%; padding: 5px 0 0;}
.reclist li{ float: left; width: 164px; border: 1px solid #e9e9e9; margin: 15px 0 0; border-radius: 5px;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;}
.reclist li img{ display: block; width: 164px; height: 164px; vertical-align: bottom; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.reclist li span{display: block; line-height: 30px; background: #ccc; color: #fff; text-align: center; height: 30px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;}
.reclist li.hover{ border: 1px solid #0695cd;}
.reclist li.hover span{background: #0695cd;}
.right{ float: right; width: 798px; margin: 30px 0 0;}
.ban{ display: block; width: 796px; height: 188px; border-radius: 5px; border: 1px solid #e9e9e9;}
.ban img{ display: block; width: 796px; height: 188px;border-radius: 5px;}
.titlebox1{float: left; width: 100%; border-bottom: 1px solid #ccc; margin: 15px 0 0;}
.site{float: right; line-height: 40px;}
.site i{margin: 0 5px;}
.site a.current{ color:#0695cd ;}
.title2{color:#0695cd ;line-height: 40px; font-size: 14px; font-weight: bold;}
.prolist{ float: left; width: 100%; margin: 0 0 40px;}
.prolist li{ float: left; width: 198px; margin: 30px 34px 0; display: inline;}
.prolist li img{ display: block; width: 196px; height: 196px; border: 1px solid #e9e9e9; border-radius: 5px;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;}
.prolist li span{display: block; text-align: center; line-height: 40px; color: #383838; font-size: 14px;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s; height: 40px; overflow: hidden; }
.prolist li.hover img{border: 1px solid #0695cd; border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.prolist li.hover span{background: #0695cd;  border-top: medium none; color: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.page{ float: left;}
.page a{ float: left; display:block; line-height: 24px; margin: 0 2px; padding: 0 8px; border: 1px solid #dcdcdc; color: #a0a0a0; display: inline;}
.page a.on,.page a:hover{ color: #0695cd; border: 1px solid #0695cd;}
.page a.page1{ background: #dcdcdc; border: medium none; width: 60px; height: 26px; line-height: 26px; text-align: center; color: #fff; margin: 0 10px 0 0;}
.page a.page1:hover{ color: #fff; border: medium none;}
.page a.act{background:#0695cd;}
.pagetxt{ float: right; color: #7d7d7d; line-height: 26px; }
/*products end*/

/*beauty*/
.beautylist{ float: left; width: 100%; padding: 0 0 40px;}
.beautylist li{ float: left; width: 100%; border-bottom: 1px solid #eeeded; padding-bottom: 20px;margin: 20px 0 0;}
.beautylist dt{ float: left; width: 182px;}
.beautylist dt a{ display: block;}
.beautylist dt img{ width: 182px; height: 130px; border: 1px solid #eeeded; border-radius: 5px;}
.beautylist dd{ float: right; width: 584px;}
.title3{background: url(ico1.gif) no-repeat 0 center; padding: 0 0 0 25px; line-height: 32px; border-bottom: 1px dotted #bab9b9; font-size: 14px;}
.title3 a{ color: #0695cd;}
.detail3{line-height: 22px; height: 44px; overflow: hidden; text-indent: 2em; margin: 10px 0 0;}
/*beauty end*/

/*join*/
.joinlist{float: left; width: 100%; padding: 0 0 40px;}
.joinlist li{float: left; width: 100%; border-bottom: 1px solid #dcdcdc; line-height: 50px; padding: 10px 0;}
.joinlist li a,.joinlist li span{color: #707070;}
.joinlist li a.pos{ color: #0695cd;}
.joinlist li span{ margin: 0 0 0 70px;}
.joinlist li a.more2{float: right; width: 74px; height: 24px; border: 1px solid #0695cd; color: #0695cd; line-height: 24px; text-align: center; margin: 12px 0 0;-webkit-transition-property:background; -moz-transition-property:background; -o-transition-property:background; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s;}
.joinlist li a.pos:hover{ text-decoration: underline;}
.joinlist li a.more2:hover{ background: #0695cd; color: #fff;}
/*join end*/

/*contacts*/
.contactcon{ padding: 30px 0;}
.company1{ line-height: 26px; margin: 50px 0 0;}
.company1 i{ display: block; color: #7d7d7d; font-size: 14px; text-transform: uppercase;}
.company1 span{display: block; color: #0695cd; font-size: 16px;}
.contactinfo{ color: #7d7d7d; font-size: 14px; margin: 30px 0 0;}
.contactinfo i{ margin: 0 10px;} 
.detail4{ line-height: 18px; margin: 10px 0 0; color: #a0a0a0;}
.ewm{ float: left; margin: 110px 0 0;}
.ewm img{ display: block; width: 100px; height: 100px; vertical-align: bottom;}
.ewm p{ line-height: 20px; margin: 10px 0 0;}
/*contacts end*/

/*news*/
.newslist2{float: left; width: 100%; margin: 0 0 40px; display: inline;}
.newslist2 li{float: left; width: 100%; border-bottom: 1px dashed #dcdcdc; line-height: 50px; padding: 10px 0;}
.newslist2 li a,.joinlist li span{color: #7d7d7d;}
.newslist2 li a:hover{ color: #0695cd;}
.time3{ float: right; color: #0695cd;}
/*news 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:1000px;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/

.aboutnn{ line-height:28px;  margin-top:20px;}