﻿@charset "utf-8";

@import url("public.css");

/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{ margin:0; padding:0; }
body{ font-weight:normal; font-size:12px; color:#000; font-family:"arial" ; background:#042d1d;}
ul,li{ list-style: none; } a,a:hover{ text-decoration:none; cursor:pointer; outline:0; } input:focus,textarea:focus,select:focus{ outline:0; }
table,td{ border-collapse: collapse; border-spacing: 0px; }
a { color:#000; } a:hover{ color:#f00; } img{ border:none; vertical-align:middle; }
.floatleft,.left{ float:left; } .floatright,.right{ float:right; } .clear{ clear:both; } .clearleft{ clear:left; } .clearright{ clear:right; }
.hand{ cursor: pointer; }  .hide,.nada{ display:none; } .block{ display:block; }
.textcenter,.tcenter{ text-align:center; } .textleft,.tleft{ text-align:left; } .textright,.tright{ text-align:right; } .textjustify{ text-align:justify; }
.f13 { font-size:13px;} .f14 { font-size:14px;} .f16 { font-size:16px;} .f18 { font-size:18px;} .f24 { font-size:24px;} .f36{ font-size:36px;}
.bold,.strong{ font-weight:bold; } .fNormal { font-weight:normal;}  .fItalic { font-style:italic; }
.marginT5{ margin-top:5px;} .marginT10{ margin-top:10px;} .marginT15{ margin-top:15px;} .marginT20 { margin-top:20px; } .marginT30 { margin-top:30px; }
.marginB5{ margin-bottom:5px;} .marginB10{ margin-bottom:10px;} .marginB15{ margin-bottom:15px; } .marginB20{ margin-bottom:20px;}
.marginL5 { margin-left:5px;}  .marginL10 { margin-left:10px;} .marginL15 { margin-left:15px;} .marginL25 { margin-left:25px;}
.marginL35 { margin-left:35px;}  .marginL40	 { margin-left:40px;}  .marginL80{ margin-left:80px;}
.marginR5 { margin-right:5px;} .marginR10 { margin-right:10px;} .marginR15 { margin-right:15px;} .marginR20 { margin-right:20px;}
.black{ color:#000; }  .white{ color:#FFF; }  .red,.error{ color:#F00; } .blue{ color:#00F; }  .green{ color:#0F0; } .purple{ color:#F0F; }  .yellow{ color:#FF0; }
.grey{ color:#CCC; }  .grey3{ color:#333; }  .grey6{ color:#666; } .grey9{ color:#999; }

/*文章列表 无摘要*/
.newslist{min-height:200px; margin:15px 15px; height:auto; overflow:hidden}
.newslist{height:auto; overflow:hidden}
.newslist li{ height:28px; line-height:28px; border-bottom:dashed 1px #ccc; margin-bottom:10px; background:url(../images/do.gif) no-repeat left center; padding-left:10px;}
.newslist li em{ float:right; color:#000}
.newslist li a{ font-size:14px; color:#000;}
.newslist li a:hover{ color:#555}

/*header_bg*/
.head{height:auto; overflow:hidden;}
.header_bg{ width: 1200px; margin: 0px auto; padding: 10px 0px 20px 0px; position: relative; }
.header_top{width: 1024px; margin-right: 26px; height:150px; text-align:right;}
.header_img{ position: absolute; top: 26px; right:0px;height: 77px;}
.lang{ color: #7c6114; font-family: "宋体"; height: 20px; text-align: right;}
.lang a{ color: #7c6114; padding: 0px 4px 0px 0px;}
.calls_bg{ text-align: right; font-size: 20px; font-family: "微软雅黑"; color: #b4b4b4; margin-top: 10px;}
.seach_bg{ float: right; width: 210px; height: 32px; background: url(../images/go_bg.png) no-repeat left top; margin-top: 10px;}
.search_tex{ float: left; width: 124px; padding: 2px 22px; height: 26px; line-height: 26px; border: none; background: none; color: #727272; font-family: "宋体";}
.botton_search{ float: right; width: 38px; height: 32px; background: none; border: none; cursor: pointer;}
.nav_bg{ height: 44px; margin: 25px 0px 0px 160px; text-align: center;}
.nav li{ float: left; display: block; width: 160px; height: 44px; border-right: 1px #3e4f28 solid; *+line-height: 24px;}
.nav li.home_li{ width: 70px; height: 44px;}
.nav li.con_li{ border-right: none;}
.nav li a{ color: #ffffff; font-size: 16px; font-family: "微软雅黑"; width: 160px; height: 44px; display: block;}
.nav li.home_li a{ display: block; width: 70px; height: 44px;}
.nav li.home_li a span{ font-size: 12px; color: #b49942; font-family: "Fixedsys"; text-transform: uppercase;}
.nav li a span{ font-size: 12px; color: #b49942; font-family: "Fixedsys"; text-transform: uppercase;}
.nav li a:hover{ background: url(../images/nav1.png) no-repeat center top;}
.nav li.home_li a:hover{ background: url(../images/home_bg.png)no-repeat center top;}
#iabout .nav li#nabout a,#iactivities .nav li#nactivities a,#icontactus .nav li#ncontactus a,#imarketing .nav li#nmarketing a,#inews .nav li#nnews a,#iquality .nav li#nquality a,#iproducts .nav li#nproducts a,#iservices .nav li#nservices a{ background: url(../images/nav1.png) no-repeat center top; color: #a48e3e;}
#nindex #nhome a{ background: url(../images/home_bg.png) no-repeat center top; color: #a48e3e;}


.nav li.home_ger{ width: 106px; height: 44px; font-weight: bold; text-transform: uppercase;}
.nav li.home_ger a{ display: block; width: 106px; height: 44px; color: #a48e3e; font-size: 14px; font-family: "Microsoft YaHei"; padding-top: 2px;}
.nav li.home_ger2{ width: 128px; height: 44px;}
.nav li.home_ger2 a{ display: block; width: 128px; height: 44px;}
.nav li.home_ger a:hover{ background: url(../images/home_bg1.png) no-repeat center top;}
.nav li.home_ger2 a:hover{ background: url(../images/nav1.png) no-repeat center top;}
.nav li.home_ger a.ger_a{ line-height: 44px;}
#nindex .nav li#nhome1 a, #iabout .nav li#nabout1 a,#icontactus .nav li#ncontactus1 a,#imarketing .nav li#nmarketing1 a,#inews .nav li#nnews1 a,#iquality .nav li#nquality1 a,#iproducts .nav li#nproducts1 a,#iservices .nav li#nservices1 a{ background: url(../images/home_bg1.png) no-repeat center top;}
#iactivities .nav li#nactivities1 a,#iquality .nav li#nquality1 a,#icontactus .nav li#ncontactus1 a{ background: url(../images/nav1.png) no-repeat center top;}

.logo{ width: 150px; height: 160px; position:absolute; top: 20px; left: 0px;}
.bg_1{ width: 100%; height: 33px; background: url(../images/bg_1.jpg) repeat-x left top #000;border-top:solid 3px #e2b24e}
.bg_2{ width: 162px; height: 33px; margin: 0px auto; padding-top: 0px;}
.banner_bg{ width: 1200px; height: 560px; margin: 15px auto;}
.banner_left{ float: left; width: 372px; text-align: center;}
.bl_img img{ width: 372px; height: 449px;}
.h2_1{ color: #edad71; font-size: 14px; font-family: "微软雅黑"; font-weight: normal; padding-top: 10px;}
.h2_1 a{ color: #edad71;}
.p1{ padding: 10px 80px; line-height: 20px;}
.p1 a{ color: #ffffff; font-size: 12px; font-family: "微软雅黑";}
.banner_center{ margin-left: 40px;}
.warp_bg{ width: 100%; background: #ddd1c1;}
.about_bg{ width: 1200px; height: 326px; margin: 0px auto; padding: 26px 4px; border-bottom: 1px #042d1d solid;}
.h2_2{ font-size: 30px; font-family: "微软雅黑"; background: url(../images/title_bg.png) no-repeat 6px center; color: #101010; font-weight: normal; padding-left: 16px;}
.h2_2 em{ font-size: 14px; font-family: "Arial"; color: #042d1d; padding-left: 14px; font-weight: bold;}
.h2_2 a{ font-size: 14px; color: #042d1d; padding-left: 14px;}
.about_s{ padding-top: 20px;}
.videos{ float: left;width: 446px; margin-right: 20px;}
.video_bg{ width: 446px; height: 70px; background: url(../images/video_bg.png) repeat-x left top; position: absolute; left: 0px; bottom: 0px;}
.about_s img{ float: left; width: 446px; height: 266px; margin-right: 20px;}
.p2{ line-height: 28px; color: #464646; font-size: 14px; font-family: "微软雅黑";}
.news_bg{ width: 1220px; height: 320px; margin: 0px auto; padding: 20px 0px 32px 0px; margin-bottom: 38px;}
.new{ padding-top: 20px;}
.news_img{ float: left; width: 316px;}
.news_img img{ width: 316px; height: 250px;}
.news_center{ float: left; width: 655px; margin-left: 20px;}
.h2_3{ font-size: 16px; font-family: "微软雅黑"; font-weight: normal; background: url(../images/new_bg2.png) no-repeat left center; padding-left: 10px; color: #333333;}
.p3{ padding:0px 10px; color: #464646; font-size: 14px; font-family: "微软雅黑";}
.p3 a{ color: #464646;}
.nc_bottom{ background: url(../images/new_bg3.png) no-repeat left top; padding-top: 20px; margin-top: 22px;}
.nc_bottom ul li{ font-size: 14px; font-family: "微软雅黑"; color: #464646; background: url(../images/new_bg2.png) no-repeat left center; padding-left: 10px; line-height: 26px;}
.nc_bottom ul li em{ float: right; font-style: normal;}
.nc_bottom ul li a{ color: #464646;}
.news_right{ float: right; width: 183px;}
.nr_img2{ margin-top: 10px;}
.product_bg{ width: 1220px; margin: 0px auto;}
.product{ padding: 44px 0px 30px 0px; height: 450px; border-top: 1px #042d1d solid; border-bottom: 1px #042d1d solid;  position: relative;}
.product_title{ position: absolute; left: 560px; top: -40px;}
.left{ float: left; width: 58px; height: 58px; margin-top: 190px;}
.center{ float: left; width: 996px; padding: 0px 54px;}
#MarqueeDiv3{ float: left;}
.right{ float: right; width: 58px; height: 58px; margin-top: 190px;}
.c_left{ float: left; width: 259px;}
.c_left .img{ width: 259px; }
.h2_4{ text-align: center; font-size: 24px; font-family: "微软雅黑"; padding: 24px 0px 34px; font-weight: normal;}
.p4{ font-size: 15px; color: #202020; font-family: "微软雅黑"; padding-top: 10px; line-height: 26px; height: 80px; overflow: hidden;}
.c_right{ float: left; width: 736px;}
.c_right ul li{ float: left; display: block; width: 219px; height: 218px; margin: 0px 0px 15px 26px;}
.bg_3{ width: 100%; padding: 8px 0px; background: #000000; border-bottom: 3px #dcb547 solid;}
.bg_link{ width: 1016px; margin: 0px auto; color: #896706; }
.bg_link span{ font-size: 14px; font-family: "SimSun"; font-weight: bold;}
.bg_link a{ padding: 0px 12px; color: #896706; font-family: "SimSun"; font-size: 12px;}
.medio_bg{ margin-bottom: 0px;}
.c_right ul li img{ width: 220px;}

.content{width:100%; background: #000000;}
.content_pic{width:100%;}
.content_pic img{width: 100%;}
.contactus{ background: url("../images/contactusbg.jpg") transparent fixed; width:100%; height: auto;float: left;}
.contactusL{float: left; width:200px; background: url("../images/contact3.png"); min-height: 400px;}
.title{ float:left;background:url("../images/title_bg.jpg"); ; color: #A45925; font-size: 16px; width:100%; height: 40px; line-height: 40px; border-top: 2px solid #000000;}
.contactus_content{width:1200px; margin: 0 auto; padding-top: 20px;}
.span{ padding-left: 14px; width: 100%;}
.contactusR{ float: right; width:980px;background: url("../images/contact3.png"); min-height: 879px; color: #B4B4B4; border-top: 2px solid #232424;}
.contactusL ul{width:100%; color:#C29B56; float: left; font-size: 14px;}
.contactusL ul li{ margin-top: 4px;margin-left: 10px; height: 30px; line-height: 10px;background: url("../images/contactus4.png") no-repeat; }
.contactusL ul li a{color:#fff; padding-left:20px; /*width:140px;*/font-size:13px; display: inline-block; height: 30px;}
.contactusL ul li:hover{ background: url("../images/contactus3.png") no-repeat;}
.contactusL ul li:hover{ background: url("../images/contactus3.png") no-repeat; color: #C29B56;}
.contactusL ul li a:hover{ color: #C29B56;}
.contactusL ul li .current{background: url("../images/contactus3.png") no-repeat; color: #C29B56;}

.contactusL ul li img{margin-right:4px;margin-top: -2px;}
.contactus1_content{float: left; width: 100%; padding-top: 10px;}
.title1{ font-size: 14px; color:#EA6C12; height: 40px; line-height: 40px; float: left; width: 600px;}
.yellow{color: #C29B56; font-family: "Arial"; font-style:italic ; margin-left: 4px;}
.contact1{padding-left: 30px;}
.titleR{color: #B4B4B4; float: right; }
.position{ float:left;  border-bottom: 1px solid #666965; width:96%; line-height: 40px; margin-bottom: 20px;}
.position a{color:#B4B4B4; }
.contact_content1{ float: left; font-size: 14px; padding-right: 30px; width: 96%;}
.contact_content1 p{ padding-bottom: 10px;}
.contact_content1 img{ max-width: 912px;}
.contact_content1 p img{ max-width: 912px;}
.about {background: url("../images/about2.jpg")  transparent fixed;top:130px;width: 100%;float: left;height: auto;}
.e{ background: url("../images/contact2.png");}


.activity{float: left; width: 100%; border-bottom: 1px dashed #939393; padding-bottom: 20px; margin-top:20px;}
.activityL{float: left;  overflow: hidden; border: 2px solid #5D5D5D;}
.activityL img{  height: 126px;}

.activityR{ float:left;width:650px; padding-left: 20px; font-size: 12px;}
.activty_title{ font-size: 14px; color:#C29B56; padding-bottom: 10px;}
.activty_title a{color:#C29B56;}
.check{color:#B4B4B4;}
.f{ border-bottom: none;}
.title_act{text-align: center;color: #C29B56; font-size: 18px; padding-bottom: 10px;}
.radio{text-align: center; padding-bottom: 10px;}
.enjoy{float: right; width: 200px;}
.enjoy label{ float: left;width:60px; padding-top: 6px;}
.enjoy ul{float: right; width:140px;}
.enjoy ul li{ display: inline; float: left;}
.active{background: url("../images/active8.png") transparent fixed; width:100%; height: auto; float: left;}
.quality {
background: url("../images/pz2.jpg") transparent  fixed;
width: 100%;
float: left;
height: auto;
}
.news{background: url("../images/news2.jpg") transparent fixed; width:100%;float:left; height: auto;}
.fuwu{background: url("../images/fuwu.jpg") transparent fixed; width:100%;float:left; height: auto;}

.footer_bg{ width: 1016px; height: 46px; margin: 0px auto;}
.footer{ width: 1016px; margin: 0 auto; min-height: 147px; border-bottom: 1px #015e3a dashed;}
.footer_left{ float: left; width: 101px; margin-top: 40px;}
.footer_right{ float: left; margin-top: 40px; width: 898px; font-family: "宋体";}
.footer_right ul li{ float: left; width: 148px; text-align: center; margin: 14px 0px 0px 0px;}
.footer_right ul li a{ color: #999999;}
.footer_bottom{ text-align: center; height: 46px;  line-height: 46px; color: #999999; font-size: 14px; font-family: "Arial";}
.fb_bg{ height: 20px; background: url(../images/foot_2.png) no-repeat center top;}


/*内容通用*/
.contentnr{ font-size:15px; color:#fff; line-height:30px; min-height:200px; margin:0px 0px;height:auto; overflow:hidden}
.contentnr p{ margin-bottom:10px; line-height:30px; font-size:15px;}
.contentnr img{max-width:910px;  /*IE7和Firefox用*/ width: expression(this.width > 910 ? 910: true);   /*IE6用*/ margin:0px 0px;}
.contentnr p a{ font-weight:bold; color:#03F; text-decoration:underline;}

.service{ background: url("../images/services_bg2.jpg") transparent fixed; float: left;}
.products1{background: url("../images/products_2.jpg") transparent fixed; width:100%; height: auto; float: left;}
.products2{background: url("../images/product_bg.jpg") transparent fixed; width:100%; height: auto; float: left;}
.activitys{float: left;width:50%; padding-bottom: 20px;}
.m{width:50%;}
.activitysL{width:126px;}
.aboutus{float: left;width: 100%;}
.money{color:#C29B56; }
.products_2{width: 100%; float: left; color: #C8C8C8;}
.products_2L{float: left; width:420px;}
.products_2L #ProductImage{width:396px; padding-bottom: 18px; height: 370px;}
.nb_bottom{float: left;padding-left: 30px; width:400px;}
#LeftButton{float: left; padding-top: 10px; margin-right: 4px;}
#LeftButton .img{ width: 65px;}
#RightButton{float: left; padding-top: 10px; margin-left:4px;}
.nb_bottom ul{float: left;}
.nb_bottom ul li{float: left; display: inline; margin-right: 4px; width:65px;} 
.nb_bottom ul li img{width:65px;}
.products_2R{float: left; width:400px;}
.products_2R label{float: left;width: 100%; padding-bottom: 16px;}
#CSSBox1{float: left;}
.h{ height: 68px; width:65px;}
.activityR p{ line-height: 20px;height: 70px; overflow: hidden;}
.title2{ padding-top: 40px;  background: url("../images/pro_titlebg.png") repeat-x right bottom; width:912px; height:22px; margin-bottom: 20px; position: relative;}
.pic_product{padding-bottom: 10px; width:100%;}
.g{border: none; width:180px;}
.product_intro{width:;  font-size: 14px; padding: 0px 0px 0px 30px;}
.pi_bg{ position: absolute; width: 118px; height: 22px; background: url("../images/pro_title2.png") left top no-repeat; left: 0px; bottom: -9px;}

.line5{ border-bottom: 2px dashed #0B4124; margin-left: 40px; width:300px; height: 1px; float: left; margin-top:-8px; margin-bottom: 8px;}  

/* page bar */
#mypage { margin-top:10px; text-align:center; height: 26px; }
#mypage a { display:inline-block; margin-right:5px; height:24px; line-height: 22px; padding: 0px 10px; border:1px solid #ccc; color:#F4E9E9; text-decoration:none; font-size:12px; }
#mypage a:hover { background:#912026; color:#fff; }
#mypage .current { background:#912026; color:#fff; text-align:center; display:inline-block; margin-right:5px; width:27px; height:24px; line-height: 22px; font-weight:bold; }
#news_page li { border:none; padding:0; }
#lang { float:right; margin-top:-50px;}
#lang a { margin-right:5px; }

/*商品缩略图样式*/
.goods-pic{ position:relative; float:left; margin-top:00px; width:370px; *z-index:1; }
.pic-box{ float:left; }
.pic-preview{ position:relative; width:368px; height:368px; border:1px solid #e8e8e8; }
.pic-scroll{ margin-top:10px; width:370px; }
.pic-scroll .prev{ float:left; margin-right:5px; }
.pic-scroll .next{ float:right; }
.pic-scroll .prev,.pic-scroll .next{ display:block; font-family:"宋体"; text-align:center; width:10px; height:60px; line-height:60px; border:1px solid #e8e8e8; background:#f7f7f7; cursor:pointer; text-decoration:none; }
.pic-scroll .items{ position:relative; float:left; width:335px; height:62px; overflow:hidden; }
.pic-scroll .items ul{ position:absolute; margin:0; padding:0; width:999999px; height:100%; }
.pic-scroll .items ul li{ float:left; margin:0; padding:0; width:67px; text-align:center; }
.pic-scroll .items ul li img{ padding:2px; border:1px solid #e8e8e8; width:56px; height:56px; }
.pic-scroll .items ul li img:hover{ padding:1px; border:2px solid #d70000; }

/* 图片放大镜样式*/
.jqzoom{ position:relative; display:block; margin:0; padding:0; width:368px; height:368px; border:none; cursor:crosshair; }
.jqzoom img{ width:368px; height:368px; }
.zoomdiv{ position:absolute; z-index:100; display:none; width:368px; height:368px; background:#fff; border:1px solid #e8e8e8; overflow:hidden; }
.jqZoomPup{ position:absolute; top:0; left:0; z-index:10; visibility:hidden; max-width:368px; max-height:368px; border:1px solid #aaa; background:#fff; opacity:0.5;-moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); overflow:hidden; }