/* CSS Document */
html,body{ height:100%;}

body {font-size:14px;margin:0px;padding:0px;color:#737373;margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif; }
a{text-decoration: none; color:#737373;}
a:link,A:visited,A:active{color:#737373;}
a:hover{color:#956134;}
img{border:none;}
LABEL,h1,h2,h3,h4,p,form,dl,dd,dt{padding:0;list-style-type: none;margin:0}
.clear {CLEAR: both; line-height:0px; font-size:0px;  height:0px; width:100%; background:#000000;}
div {margin-left: auto;margin-right: auto;}
.DivTrans{
transform:translateY(-50%);
-ms-transform:translateY(-50%); 	/* IE 9 */
-moz-transform:translateY(-50%);	/* Firefox */ 
-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
-o-transform:translateY(-50%);	/* Opera */
}
.DivDox{
box-sizing:border-box;/* IE\360\chrome */
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
input,textarea{font-family:Arial, Helvetica, sans-serif;}
/*-------导航条-------------*/
.logo{ width:126px; height:126px;}
.MenuMain{ width:126px; height:100%; background:#444243; top:0px; left:0px; z-index:1000; float:left; position:fixed; _position:absolute;}
.MenuMain .Mbody{ width:126px; height:auto; float:left;  position:absolute; top:50%; }
.MenuMain ul{ padding:0px; margin:0px; height:auto; width:126px; float:left; }
.MenuMain li{padding:0px; margin:0px; list-style:none; width:126px; height:52px; line-height:52px; text-align:center;float:left; }
.MenuMain li a{ width:100%; height:100%; display:block; background:url(../image/menu.png) no-repeat; font-weight:bold;}

.MenuMain li a.pro{ background-position:center 19px;}
.MenuMain li a.sea{ background-position:center -31px;}
.MenuMain li a.buy{ background-position:center -84px;}
.MenuMain li a.ewm{ background-position:center -135px;}

.MenuMain li a.default{ background:url(../image/close.jpg) no-repeat center center;}

.MenuBody{
 width:0px; height:100%; background:url(../image/menu_body.png); _position:absolute;
  position:fixed; margin-left:126px; overflow:hidden; z-index:10000; overflow:hidden;
  }
  
.closeMenu{  width:100%; height:100%;  position:absolute; top:0px; left:0px; cursor:pointer; }  
.MenuUl{  height:100%; width:auto; position:relative; float:left; z-index:1000;}
.MenuUl .subMenu{ 
width:100%; height:auto; float:left; position:absolute; top:50%;
}
.MenuUl .subMenu ul{padding:0px; margin:0px; height:auto; width:100%;  float:left; }
.MenuUl .subMenu li{ width:100%; height:36px; line-height:36px;   list-style-type:none;float:left; cursor:pointer;}

.MenuUl .subMenu li a{ width:100%; height:100%; display:block;}
.MenuUl .subMenu li a:link,.MenuUl .subMenu li a:visited,.MenuUl .subMenu li a:active{ color:#FFFFFF;}
.MenuUl .subMenu li a:hover,.MenuUl .subMenu li a.default,.MenuUl li a.default{ 
background:url(../image/me.png) no-repeat left center; color:#956134;
}

.MenuFrist{ width:280px; padding-left:64px;}
.MenuFrist .subMenu{ width:280px;}
.MenuFrist .subMenu li a{ padding-left:16px; width:264px;}
.MenuThe{ left:386px;}
.MenuSed .subMenu li{ width:386px; }
.MenuThe  .subMenu li{ width:280px; }

.MenuSed .subMenu li,.MenuSed .MenuThe .subMenu li{ height:24px; line-height:24px;}

.MenuSed .subMenu li a:hover,.MenuThe .subMenu li a:hover,.MenuSed .subMenu li a.default,.MenuThe .subMenu li a.default{ background-image:none;}


.MenuSearch{ background:#F3F3F3; }
.MenuBuy{ background:#fff; }
.SearchTx{ font-size:24px;}

.MenuSearch .SeaBody{ width:892px; height:56px; border-bottom:1px solid #D3DCE1; position:absolute; z-index:10000; left:50%; top:50%; margin-left:-446px; margin-top:-28px; background:url(../image/search.png) no-repeat right center; }
.MenuSearch .SeaBody .lefts{ width:872px; height:56px; float:left;}
.MenuSearch .SeaBody .lefts input{ width:870px; height:54px; line-height:54px;background:transparent; border:0px;outline:none; font-size:26px;}

.MenuSearch .SeaBody .rgihts{ width:20px; height:56px; float:left;}
.MenuSearch .SeaBody .rgihts .sub{ width:20px; height:56px; display:block;}

.MenuEwm{ width:220px; height:258px; position:absolute; left:50%; top:50%; margin-left:-91px; margin-top:-110px; z-index:20000;}
.MenuEwm .imts{ width:220px; height:220px; background:#FFFFFF; text-align:center;}
.MenuEwm .titles{ width:220px; height:38px; text-align:center; line-height:38px;}

.BuyRight{ width:86px; padding-left:1px; height:100%; position:fixed; _position:absolute;top:0px; right:0px; z-index:1111; background:url(../image/buyRight.png) repeat-y left top;



}
.BuyRight .BuyNumber{ 
  width:86px; height:40px;  padding-top:30px; cursor:pointer; font-weight:bold;
 background:url(../image/buys.png) no-repeat left bottom; text-align:center; line-height:28px; color:#956134;
 }
.BuyRight .RightLogo{ width:86px; height:193px; position:absolute;  bottom:0px; left:0px;}

.IndexMain{ width:100%; height:100%; background:#006600; }

/*-------------------------关于我们---------------------------------*/
.SubBody{ width:75%; position:absolute; min-width:1000px;    height:auto; margin-left:202px; }

.SubUrl{ width:100%;  height:68px; padding-top:32px; color:#141414;}

.SubUrl .lefts{ width:auto; height:40px; padding-right:30px; float:left; font-size:18px; line-height:40px; border-right:1px solid #272727; cursor:pointer;}
.SubUrl .rights{ width:auto; height:40px; padding-left:30px; float:left;  line-height:40px; }

.SubBodys{ width:100%; height:auto; padding-left:370px; position:relative; line-height:24px; padding-top:20px; }
.SubLeft{ width:370px; height:auto; position:absolute; left:0px; top:0px; padding-top:10px; }
.SubLeft .title{ width:370px; height:48px; line-height:18px;  color:#956134;font-weight:bold;font-size:12px;}
.SubTop h3,.SubLeft .title h3{ font-size:14px;line-height:24px;  }
.Companybody{ padding-top:10px;  }

.serLeft{ width:300px; padding-right:70px; padding-top:22px;}

.VidoBody{ width:694px; height:433px; position:absolute; z-index:1200; left:50%; top:50%; 
margin-left:-347px; margin-top:-210px; background:#fff; overflow:hidden; display:none;}
.VidoBody .lefts{ width:640px; height:407px; float:left; padding-left:14px; padding-top:13px;}
.VidoBody .rights{ width:40px; height:34px; float:left; background:url(../image/close.png) no-repeat; cursor:pointer;}
.VidoBJ{ width:100%; height:100%; _position:absolute; position:fixed; background:#000000;
 z-index:100;filter:alpha(opacity=0); -moz-opacity:0; opacity:0; display:none;}

.SubTop{ width:100%; height:60px; padding-top:5px; line-height:24px; color:#956134;}

.ComBody{ padding-left:620px;padding-top:0px;}
.ComLeft{ width:620px; height:auto; float:left; position:absolute;left:0px; top:0px; padding-top:2px; }
.ComLeft .lists{ width:118px; height:76px; padding:5px 10px; float:left; padding-left:0px;}
.ComLeft .lists img{ width:118px; height:76px;}
.ComMenuBody{ width:100%; height:45px;font-size:14px; line-height:30px;}
.ComMenu,.ComMenus{ width:auto; height:30px; float:left; padding:0px 45px 0px 15px; position:relative; }
.ComMenu a,.ComMenus a{
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
	color:#323232;
}

.ComMenus a,.ComMenu a:hover{
color:#956134;

}
.ComMenus a:after,.ComMenu a:after{
    content: ""; position: absolute; left: 0; top: 14px;
    height: 1px; line-height:0px; font-size:0px;
    background: #000; display: block; width: 10px;
	
	-moz-transform:rotate(-65deg) ;
	-o-transform:rotate(-65deg);
	-webkit-transform:rotate(-65deg);
	-ms-transform:rotate(-65deg);
	transform:rotate(-65deg);
 
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
	
	/*
	-moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
	
	-moz-transition-property: -moz-transform,background;
    -o-transition-property: -o-transform,background;
    -webkit-transition-property: -webkit-transform,background;
    transition-property: transform,background;
	
    -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -o-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    */
}
.ComMenus a:after,.ComMenu  a:hover:after {
	-moz-transform:rotate(0deg) translateY(7px);
	-o-transform:rotate(0deg) translateY(7px);
	-webkit-transform:rotate(0deg) translateY(7px);
	-ms-transform:rotate(0deg) translateY(7px);
	transform:rotate(0deg) translateY(7px);
	zoom:1;background:#956134;
}


.OurBody{ padding-left:614px;padding-top:0px;}
.OurLeft{ width:614px; height:auto; float:left; position:absolute;left:0px; top:0px; padding-top:2px; }

.OurLeft .lists{ width:115px; height:95px; float:left; padding:5px 10px; padding-left:0px; }
.OurLeft .lists img{ width:113px; height:93px; border:1px solid #D3D3D3;}

.BuyBody{ margin-left:206px; padding-bottom:50px; float:left;}
.TeamBody{ padding:0px;}
.TeamH1{ font-size:16px; width:100%; height:48px; line-height:30px; color:#313131;}
.TeamBody .lists{ width:263px; height:215px; float:left;}
.TeamBody .lists .box{ width:233px; height:200px;position:relative; float:left; border:1px solid #F6F6F6;}
.TeamBody .lists .box img{ width:233px; height:148px;}
.TeamBody .lists .box .bottom{ width:207px; height:50px;  padding:0px 4px 0px 20px; font-size:12px; color:#999;}
.TeamBody .lists .box .bottom h3{ font-size:14px; color:#333333; line-height:18px; font-weight:normal;}
.TeamBody .lists .box:after{
 content: ""; position: absolute; left:-5px; bottom: 26px;
    height: 1px; line-height:0px; font-size:0px;
    background: #333; display: block; width: 30px;
	
	
	-moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
	
	-moz-transform:rotate(-75deg) ;
	-o-transform:rotate(-75deg);
	-webkit-transform:rotate(-75deg);
	-ms-transform:rotate(-75deg);
	transform:rotate(-75deg);

}

.TeamBody .lists .box:hover:after{
background: #c8a063;
}

.TeamShowH1{ width:100%; height:55px; position:relative;  padding:0px 8px 0px 20px; font-size:12px; color:#777; line-height:24px;}
.TeamShowH1 h1{ font-size:16px; color:#333333; font-weight:normal;}
.TeamShowH1:after{
 content: ""; position: absolute; left:-10px; top: 20px;
    height: 1px; line-height:0px; font-size:0px;
    background: #888A96; display: block; width: 35px;
	
	-moz-transform:rotate(-75deg) ;
	-o-transform:rotate(-75deg);
	-webkit-transform:rotate(-75deg);
	-ms-transform:rotate(-75deg);
	transform:rotate(-75deg);

}

.TeamShowH1 span{  padding-left:50px; color:#B0B0B0;}
/*-----------------------------------------*/
.ImageBody{ padding-top:10px;}
.ImageBody .lists{  width:160px; height:130px; float:left; border:1px solid #F6F6F6; margin-right:26px; margin-bottom:10px; zoom:1; background:#956134;}
.ImageBody .lists img{ width:160px; height:102px; float:left;}
.ImageBody .lists .title{ width:160px; height:28px; line-height:28px; text-align:center; float:left; background:#FFFFFF;}
.ImageBody .lists:hover{ border-color:#c8a063;}
/*-----------------------------------------*/
.AccessMenu{ width:100%; height:84px; padding-top:10px;}
.AccessMenu a{ width:auto; height:45px; padding-left:50px; display:block; float:left; color:#747474;
 padding-right:27px; line-height:45px; font-size:14px; background-position:left top; background-repeat:no-repeat;}
 .AccessMenu a:link,.AccessMenu a:visited,.AccessMenu a:active{
 background-position:left top;
 
 	-moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
 
 }
.AccessMenu a:hover{ background-position:left bottom;}
.AccessMenu a.default{background-position:left bottom;background-repeat:no-repeat;}
.AccessBody .lists{ width:160px; height:160px; position:relative; float:left; margin-right:26px; margin-bottom:22px; background-color:none; border:1px solid #F6F6F6;
 	-moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;

}
.AccessBody .lists img{ width:160px; height:160px;}
.AccessBody .lists .title{ width:160px; height:30px; text-align:center; line-height:30px; z-index:10;
color:#FFFFFF;
 background:url(../image/access.png) repeat-x center top; position:absolute; bottom:0px;
 
 	-moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
 }
 
 .AccessBody .lists:hover{ 
 border:1px solid #c8a063;
 
 }
  .AccessBody .lists:hover .title{ background-position:center bottom;
  }
/*-----------------------------------------*/  
.NewPro .lists{ width:1000px; margin:0px; height:348px; float:left;}
.NewPro .lists .title{ width:100%; height:34px; line-height:34px; }

/*-----------------------------------------*/
.NewBdoy .ListCom{ width:100%; height:auto; float:left; padding:10px 0px 20px; color:#757575; line-height:24px;}
.NewBdoy .ListCom .times{ width:154px; height:36px; line-height:36px; float:left; background:#e6d4b9; padding-left:22px;
 line-height:36px; font-style:italic; font-size:16px; color:#333333; font-weight:bold;
 }
 
.NewBdoy .ListCom h3{ width:100%; height:auto; float:left; line-height:36px; padding:10px 0px 10px 34px; font-style:italic; font-size:18px;} 
.NewBdoy .ListCom .bodys{ width:100%; height:auto; float:left; padding-left:34px;}
/*-----------------------------------------*/
.DwonLeft{ height:440px; width:452px; float:left; padding-right:41px;}
.DwonRight{ height:440px; width:507px; float:left;}

.DwonTitle{ width:100%; height:71px; line-height:70px; font-size:16px; color:#333333;}
.DownLine{ width:100%; height:45px;}
.DownLine .lefts{ width:120px; height:44px; float:left; border-bottom:1px solid #D7D7D7; line-height:44px; color:#757575;}
.DownLine .rights{ width:332px; height:45px; float:left; position:relative; z-index:1000;}
.inputText{ width:100%; height:44px; border:0px; border-bottom:1px solid #747474;outline:none; padding:0px; margin:0px; font-size:16px;background-color:transparent}

.DownComs{ width:100%; height:226px;}
.DownComs .lefts{ width:120px; height:225px; float:left; border-bottom:1px solid #D7D7D7; line-height:44px; color:#757575;}
.DownComs .rights{ width:332px; height:226px; float:left; position:relative; z-index:1000;}
.DownComs .inputComs{ width:100%; height:225px; border:0px; border-bottom:1px solid #747474;outline:none;background-color: transparent; padding:0px; margin:0px; line-height:44px; font-size:16px; }

.DownComs,.DownLine,.DownLines{ position:relative; float:left;}
.DownLines .lefts{ width:110px; height:44px; float:left; border-bottom:1px solid #D7D7D7; line-height:44px; color:#757575;}
.DownComs .textDiv,.DownLine .textDiv,.DownLines .textDiv{ position:absolute; width:auto; height:30px; top:14px; right:0px; text-align:right; color:#956134; display:none;}
.DownLines .rights{ width:397px; height:45px; float:left; position:relative; z-index:1000;}
/*-----------------------------------------*/
.FormBottom{ width:100%; height:60px; float:left; padding-top:30px;}
.FormBottom p{ width:auto; height:50px; float:left; padding-right:30px;}
.FormBottom .subs{ width:168px; height:48px; line-height:48px; text-align:center; border:1px solid #333333; color:#333333; display:block;} 
.FormBottom .vides{ width:100px; height:28px; line-height:28px;border:1px solid #B2B2B2;outline:none;}
.FormBottom i{ padding-right:30px;
	font-style: normal; padding-top:10px; float:left; display:block;
}
.FormBottom .vides:focus{
border:1px solid #F29A1E;
}
.inputText:focus,.DownComs .inputComs:focus
{ 
border-bottom:1px solid #956134;background-color:transparent;
}


/*-----------------------------------------*/

.BuyTable{ border:1px solid #D7D7D7; }
.BuyTable th{border-bottom:1px solid #D7D7D7; background:#F9F9F9;}
.BuyTable td{border-bottom:1px solid #D7D7D7; }

.BuyTable .com td{border-bottom:0px;}

.BuyTable .coms{ width:100%; height:100px;border-bottom:1px solid #D7D7D7;outline:none;}
.BuyTable .sun{ width:80px; height:22px; line-height:22px; border:1px solid #CAD1E1; text-align:center;}

.font2{ color:#9B6E68;}
.font1 a:link,.font1 a:visited,.font1 a:active{ color:#956134;}
.font1 a:hover{}
.font1 a{ position:relative;}
.font1 a:after,.font1 a:before{
 content: ""; position: absolute; left:-17px; top: 8px;
    height: 1px; line-height:0px; font-size:0px;
    background: #888A96; display: block; width: 15px;
	
	-moz-transform:rotate(-50deg) ;
	-o-transform:rotate(-50deg);
	-webkit-transform:rotate(-50deg);
	-ms-transform:rotate(-50deg);
	transform:rotate(-50deg);
	
	-moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;

}
.font1 a:before{ 

	-moz-transform:rotate(50deg) ;
	-o-transform:rotate(50deg);
	-webkit-transform:rotate(50deg);
	-ms-transform:rotate(50deg);
	transform:rotate(50deg);

}

.font1 a:hover:after{
	-moz-transform:rotate(50deg) ;
	-o-transform:rotate(50deg);
	-webkit-transform:rotate(50deg);
	-ms-transform:rotate(50deg);
	transform:rotate(50deg);
}
.font1 a:hover:before{
	-moz-transform:rotate(-50deg) ;
	-o-transform:rotate(-50deg);
	-webkit-transform:rotate(-50deg);
	-ms-transform:rotate(-50deg);
	transform:rotate(-50deg);

}
.cartBods{ width:600px; height:50px; line-height:50px; font-size:28px; text-align:center; position:absolute; left:50%; top:200px; margin-left:-300px;}

.DuyDiv{ 
width:498px; height:480px; border:1px solid #D7D7D7; position:fixed; _position:absolute; left:50%; top:50%; margin-left:-250px; margin-top:-281px;
background:#FFFFFF; display:none; z-index:150;

   -moz-box-shadow:3px 3px 3px #D7D7D7;            
-webkit-box-shadow:3px 3px 3px #D7D7D7;         
box-shadow:3px 3px 3px #D7D7D7;   

}

.FormTitle{ width:468px; height:73px; line-height:73px; padding-left:30px;}
.FormTitle .lefts{ width:423px; height:73px; float:left; font-weight:bold; color:#313131;}
.FormTitle .BuyClose{ width:45px; height:73px; float:left; float:left;}

.FormLine{ width:468px; height:31px; padding-top:14px; line-height:30px;float:left; position:relative; }
.FormLine .lefts{ width:91px; margin-left:30px;height:30px; float:left; border-bottom:1px solid #D7D7D7; font-size:12px;}
.FormLine .rights{ width:307px; height:31px; float:left; position:relative; z-index:1000;}


.FormLine .textDiv,.FormLines .textDiv{ position:absolute; width:auto; height:30px; top:14px; right:36px; text-align:right; color:#956134; display:none;}


.FormLine .inputClass{ width:300px;height:30px; border:0px; padding:0px; margin:0px; padding-left:7px;  outline:none;border-bottom:1px solid #747474; background-color:transparent;}
.FormLine .inputClass:focus { 
border-bottom:1px solid #956134;
}


.FormLines{ width:468px; height:30px; padding-top:15px; line-height:24px;float:left; position:relative; }
.FormLines .lefts{ width:91px; margin-left:30px;height:29px; float:left; border-bottom:1px solid #D7D7D7;}
.FormLines .rights{ width:307px; height:29px; float:left;border-bottom:1px solid #747474;}
.FormLines .inpClass{ width:130px; height:24px; border:0px; padding:0px; margin:0px; outline:none;padding-left:8px;border-left:1px solid #C4C4C4;}
.FormLines .inpClass:focus { 
border-left:1px solid #747474;
}

.FormCom{ width:408px; height:77px; padding-left:30px; padding-top:30px;float:left;}
.FromVis{ border:1px solid #C4C4C4; width:100px; height:30px; }
.FormAn{ width:185px; height:45px; display:block; text-align:center; line-height:45px; background:#c8a063; }
a.FormAn{color:#FFFFFF;}
.FormCon{ width:408px; height:56px; padding-left:30px; float:left; line-height:18px;}


.DuyBjs{ width:100%; height:100%;_position:absolute; z-index:100; position:fixed; background:#fff;
 z-index:100;filter:alpha(opacity=0); -moz-opacity:0; opacity:0; top:0px; left:0px; display:none;}
/*-----------------------------------------*/

.ProductBody{ width:1100px; float:left;}
.ProductBody .list{width:272px; height:258px; float:left; }
.ProductBody .lists{ width:222px; height:225px; float:left; padding:10px;   font-size:12px; color:#747474; border:1px solid  transparent; position:relative;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
	
	 -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
}

.ProductBody .lists .ns{ width:47px; height:47px; position:absolute; top:10px; right:10px; background:url(../image/news.png) no-repeat; z-index:10;}
.ProductBody .lists img{ border:1px solid #ddd;width:220px; height:164px; }
.ProductBody .lists .title{ width:222px; height:auto; padding:0px 0px 3px; float:left; line-height:16px; margin:0px; zoom:1;}

.ProductBody .lists .Tms{ width:222px; height:18px; float:left; line-height:18px;}
.ProductBody .lists .Tms span{ color:#A7A7A7;}

.ProductBody .lists:hover{ top:-1px; left:-1px;border:1px solid #E9E9E9;
-moz-box-shadow:-3px -3px 3px #E9E9E9 inset;            
-webkit-box-shadow:-3px -3px 3px #E9E9E9 inset;         
box-shadow:-3px -3px 3px #E9E9E9 inset;     
}

.ProShowRight{
 width:174px; height:100%; position:absolute; right:86px; top:0px; 
}

.ProRsList{ width:107px; height:93%; padding-top:100px; position:relative;   float:right;}

.ProRsList .lefts,.ProRsList .rights{ width:107px; height:20px; position:absolute;  right:1px;z-index:10; cursor:pointer;}
.ProRsList .lefts{top:80px; background:url(../image/left.png);}
.ProRsList .rights{bottom:-37px; background:url(../image/right.png);}

.ProRsLists{
 width:107px; height:100%; position:relative;overflow:hidden;
}
.ProRsLists ul{ position:absolute;}
.ProRsLists ul ,.ProRsLists li{ margin:0px; padding:0px;}
.ProRsLists li{ 
width:105px; height:78px; border:1px solid #EEEEEE; list-style:none; margin:5px 0px;  float:left;
}
.ProRsLists li.on{ border:1px solid #D2D2D2;}


.ProRightTitle{ width:114px; height:75px; line-height:75px; padding-top:15px; padding-left:60px; position:absolute; z-index:10;}
.ProRightTitle a{ position:relative; }
.ProRightTitle a:after{ content: "";width:44px; height:1px; background:#747474; line-height:0px; 
font-size:0px; top:7px; left:-60px; display:block; position:absolute;
	
	
	
	
	-moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.ProRightTitle a:hover:after{ background:#c8a063;
	-moz-transform:rotate(180deg) ;
	-o-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}

.ProShowBody{ width:1188px; height:auto; float:left;}

.ProShowBody .showTop{ width:100%; height:290px; padding-top:10px;}

.ProShowBody .lefts{ width:376px; height:290px; padding-right:30px; float:left;}

.ProShowBody .rights{ width:782px; height:290px; float:left; }

.ProShowBody .rights .tops{ width:100%; height:auto; line-height:32px; padding:16px 0px;color:#757575; }
.ProShowBody .rights .tops b{ font-weight:normal; color:#343434; }
.ProShowBody .rights .tops span{ color:#956134; font-size:20px;}

.ProShowFx{ width:600px; height:56px; padding-top:8px; float:left; background:url(../image/d_r10_c2.jpg) no-repeat left 5px; padding-left:30px;}


.ProShowTits{ width:100%; height:38px; border-bottom:1px solid #D2D4D3; color:#777; line-height:38px; font-size:18px; float:left;}
.ProCons{ width:100%; height:100px; font-size:12px;}

.ShowPro{ width:100%; height:auto; float:left; padding-top:30px;}
.ShowPro table{ border-top:1px solid #D3D3D3;border-left:1px solid #D3D3D3;}
.ShowPro table td{ border-right:1px solid #D3D3D3;border-bottom:1px solid #D3D3D3; padding:3px 10px;}


.ProBuyAn{ width:100%; height:auto; position:relative; z-index:1;}
.ProBuyAn a{ width:90px; height:39px; display:block; background:url(../image/buyAn.png) no-repeat left top; padding-left:53px; line-height:39px; float:left; margin-right:20px;

-moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;

}

.ProBuyAn a:link,.ProBuyAn a:visited,.ProBuyAn a:active{ color:#686B7C;}
.ProBuyAn a:hover{ background-position:left bottom; color:#FFFFFF}

.ProBuyAn a.buys{  width:143px; text-align:center; padding:0px; background-image:url(../image/buyAn1.png); 

-moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;

}

.ProBuyAn a.buys:link,.ProBuyAn a.buys:visited,.ProBuyAn a.buys:active{ color:#c9a063;}
.ProBuyAn a.buys:hover{ background-position:left bottom; color:#FFFFFF}



.ProBuyAn .divTx{ width:180px; height:60px; position:absolute; background:#956134; top:-12px; left:-25px; border:1px solid #c8a063; display:none; color:#FFFFFF; text-align:center; line-height:60px; }

.pages{ width:820px; height:60px; float:left; text-align:center; padding-top:10px; padding-bottom:10px;}
.pages a{ width:auto; height:auto; border:1px solid  #CCCCCC; padding:3px 10px; display:inline-block; margin:0px 3px;}
.pages a.default {
    background: #c8a063;
    color: #FFFFFF;
}
/*-------------------------------------------------------------------*/

/*正常容器*/
.con-fangDaIMg{
	width:374px; height:280px;
	position: relative;border:1px solid #EEEEEE;

}
.con-fangDaIMg > img{
	width: 100%;
	height:100%
}
/*滑块*/
.magnifyingBegin{
	width: 187px;
	height: 187px;
	left: 0;
	top: 0;
	background-color: #fff;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	cursor: move;
	display: none;
}
/*放大镜显示区域*/
.magnifyingShow{
	width: 374px;
	height: 374px;
	display: none;
	position: absolute;
	right: -400px;
	top: 0;border:1px solid #EEEEEE;
	overflow: hidden; z-index:1000;
	
}
.magnifyingShow > img{
	width: 748px;
	height: 560px;
	margin-left:0;
	margin-top: 0;
}
/*设置选择图片容器*/
.con-FangDa-ImgList{
	margin-top:10px;
	height:54px;
	width:320px;
	list-style: none;
}
.con-FangDa-ImgList > li{
	margin-right:7px;
	width: 50px;
	height: 50px;
	float: left;
	cursor: pointer;
	border: 2px solid #666;
	background-color: #454545;
	text-align:center;
}

.con-FangDa-ImgList > li > img{
	vertical-align:top;
	display:inline;
	width:auto;
	height:50px;
}
.con-FangDa-ImgList > .active{
	border-color:#000;
}





/*-----------------------------------------*/

.ContactBody{ width:100%; padding:0px; float:left; }
.ContactBody .lefts{ width:860px; height:auto; float:left;}
.ContactBody .rights{ width:408px; height:auto; float:right; }
.ContTitle{ width:100%; height:51px; line-height:30px; font-weight:bold; color:#313131;}
.contLine{ width:408px; height:31px; padding-top:14px; position:relative;}
.contLine .textDiv{ position:absolute; width:auto; height:30px; top:14px; right:0px; text-align:right; color:#956134; display:none;}

.contLine .flefts{ width:110px; height:30px; float:left; border-bottom:1px solid #D7D7D7;}
.contLine .frights{ width:298px; height:31px; float:left; position:relative; z-index:1000;}
.contLine .inClass{ width:298px; height:30px; border:0px; padding:0px; margin:0px; outline:none; line-height:30px;border-bottom:1px solid #747474;background-color:transparent}
.contLine .inClass:focus { 
border-bottom:1px solid #956134;
}
.contLines{width:408px; height:115px; position:relative; }
.contLines .textDiv{ position:absolute; width:auto; height:30px; top:14px; right:0px; text-align:right; color:#956134; display:none;}
.contLines .flefts{ width:110px; height:114px; float:left; border-bottom:1px solid #D7D7D7;}
.contLines .frights{ width:298px; height:115px; float:left;}
.contLines .inClass{ width:298px; height:114px; border:0px; padding:0px; margin:0px; outline:none; line-height:30px;border-bottom:1px solid #747474;}
.contLines .inClass:focus { 
border-bottom:1px solid #956134;
}
.contBottom{ width:408px; height:60px; padding-top:20px;}
.contAn{ width:168px; height:48px; display:block; border:1px solid #333333; line-height:50px; text-align:center;}

.bcakClass{  right:0px;  }

.PageNext{ width:100%; height:auto; text-align:center; float:left; padding:0px 0px 60px;}
.addthis_inline_share_toolbox{ float:left;}
.PageNext ul{ padding:0px; margin:0px;}
.PageNext ul li{ padding:0px; margin:0px; list-style:none; width:auto; padding:0px 5px; margin:0px 3px; height:20px; line-height:20px; border:1px solid #CCCCCC; text-align:center; display:inline-block;}
.PageNext ul li.default{ background:#CCCCCC; color:#FFFFFF;}
@media screen and (max-width:1740px) {
.ContactBody .lefts{ width:620px;}
.ProShowBody{ width:1000px; }
.ProShowBody .rights{ width:582px;}
}

@media screen and (max-width:1440px) {
.ComBody{ padding-left:492px;}
.ComLeft{ width:492px;}

.OurLeft{ width:550px;}

.AccessBody{width:800px; float:left;}

.ProductBody{ width:820px;}
.ImageBody{width:820px; float:left;}

.ContactBody{ width:1000px; }
.ContactBody .lefts{ width:460px;}
.ContactBody .rights{ width:408px;}
.ProShowBody{ width:850px; }
.ProShowBody .rights{ width:442px;}
}

@media screen and (max-width:1320px) {
.SubBody{ min-width:950px;}

}