/*
 *	author wuyu
 *	2015-6-23
 *	wuyu287@163.com	
*/
body{font-size:14px;font-family:arial;line-height:22px;background-color:#fff;color:#464644;}
.container{margin:0 auto;padding:0;}
*{margin:0 auto; padding:0;}
a{color:#464644;text-decoration:none;}
a:hover{color:#464644;}
ul,li{list-style:none;}	
a:link, a:visited {}
/*******************head********************/
.head{width:100%;height:127px;background: url(../images/head_bg.png) repeat-x;}
.top{width:1220px; margin: 0 auto;height:127px;}

/*logo*/
.logo{float:left;margin:24px 0 0;}
.head-right{float: right;margin-top:25px;width:780px;}


/* 搜索表单 */

.search-ui{width: 100%;height: 29px;}

.search-text{
	    float: right;
    height: 29px;
    width: 208px;
    background: url(../images/search_bg.png)  no-repeat;
    
   
}
.search-ui input{border:none;background:none;height:28px;float:left;}
.search-ui .text {width:159px;padding-left:10px;font-family: arial;}
.search-ui .button{width:31px;margin-left:4px;cursor:pointer; font-size: 14px;color: #a3a0a0; }



.nav{margin:10px auto 0;line-height: 38px;}
/**menu**/
#mainmenu{float:right;}
#mainmenu ul{float: right;}
#mainmenu ul li{float:left;}
.es #mainmenu ul li{margin-left: 10px;}
.fr #mainmenu ul li{margin-left: 4px;}
.fr #mainmenu ul li a.a1{font-size: 18px;}
#mainmenu ul li a.a1{display:block;font-size:16px;color:#181818;text-transform: uppercase; padding: 5px 10px;}
#mainmenu ul li a.a1:hover{background: #0065b3;color: #fff;}
#mainmenu ul li.l1{position:relative;}
#mainmenu ul li .u1 a{font-size: 15px;}
#mainmenu ul li .u1 li{padding: 0;margin: 0;border-top: 1px solid #ddd;}
#mainmenu ul li .u1 li a{padding: 0;}
#mainmenu ul li a.active{background:url(../images/menu_down.png) no-repeat center bottom;}
#mainmenu ul li .a1:hover{}


#mainmenu  ul li .u1{position:absolute;top:48px;left:0;min-width:208px;z-index: 999;display:none;}
#mainmenu  ul li ul.id_7367{width: 250px;}
#mainmenu  ul li .u1 li {line-height: 24px;width:100%;background:#fff;}
#mainmenu ul li .u1 li a{font-size:14px;text-indent: 10px;display:block;width:100%;padding:5px 0;}
#mainmenu ul li .u1 li a:hover{color:#0065b3;}

/************banner*************/
.banner{width:100%;position:relative;overflow:hidden;height: 432px;}
.bannerpic{position:relative;width:100%;margin:0 auto;}
body .bannerpic .fn-hide{line-height: 300px;
    overflow: hidden;top: 250px;cursor: pointer;display: block;width:40px;height: 100px;background: #000;position: absolute;}
body .bannerpic .prev{left: 14%;background: url(../images/b-right.png) no-repeat center 0 ;}
body .bannerpic .next{right: 14%;background: url(../images/b-left.png) no-repeat center 0 ;}}

/*bannerwoeds*/
.bannerwords{font-size:40px;position: absolute;left: 115px;top:105px;width: 370px;}
.bannerwords p{color: #004098;}
.bannerwords span{color: #000000;font-size: 22px;line-height: 36px;}
.bannerwords a{color: #fff;float: left;font-size: 22px;margin-top: 10px;}



/************index-bottom"***********/

.index-bottom{width: 1220px;margin:-14px auto 0;}
.index-bottom-ui{width: 292px;height: 80px;margin-right:17px;float: left;position: relative;}
.part{height: 101px;width: 292px;background: url(../images/float_bg.png) repeat-x;position: absolute;top:-106px;left: 0;z-index: 9999;}
.part img{float: left;}
 
.footer{ height: 64px; width: 100%;background: #0065b3;clear: both;}
.foot{width:1220px;margin:0 auto;line-height: 64px; height: 64px;color: #c5c5c5;font-size: 16px;line-height: 64px;}

/**************************main*************************************/

 
.main{width:100%;height:auto;margin-bottom: 20px;  overflow: hidden;margin-top: 3px;}
.midecont{width:1100px;margin: 0 auto;height:auto;clear:both;min-height: 350px;}
.leftbar{float: left;
    margin-top: 20px;
    overflow: hidden;
    width: 281px;}
.leftbar .category_title {clear: both;overflow: hidden;
	float: left;
    margin-bottom: 20px;
    margin-left: 10px;
    padding: 0 0 15px;
    width: 270px;

}
.leftbar .category_title h2{
	background: #0065b3;
    color: #fff;
    display: block;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    font-weight: normal;
}

/*left start*/

.leftbar .category {
    overflow: hidden;
    width: 100%;
}
.category_title {
  
    color: #666666;
    font-size: 14px;
   margin-bottom: 2px;
    width: 100%;
}
.category_title h2 {
    line-height: 22px;
    margin: 0;
    text-indent: 15px;

}
.category ul {
}
.category li {
    display: block;
    line-height: 22px;
    list-style: none outside none;
    width: 100%;
}
.category .u1 li.l1{border-bottom: 1px solid #7d7d7d;}
.category .u1 li a.level-1-link{padding: 3px 0;}
.category .u2 {
    border-top: 1px solid #666666;
    width: 100%;
    display: none;
}
.category .u2 li {
   
  }
.category .u1 a span {
    float: none;
}
.category .u1 a {
    background: none;
    float: none;
    line-height: 22px;
    overflow: hidden;
    padding:0;
    width: 232px;
}
.category .u2 a {
    color: #6B6A6A;
    padding: 3px 0;

}
.category li a {
    font-weight: 700;  
}
.category li a:hover {
   color: #0065b3;
   text-decoration: underline;
}
.category li img {
    margin-left: 11px;
    margin-top: 6px;
} 
.category .u2 .l2 img {
    display: none;
}
.category .u1 {
   
}
.category .u1 li {
/*    background: url("../images/arrow_down.png") no-repeat 240px center; */
   margin: 10px 0;
   border-bottom: 1px dashed #eee;
}
.category .u1 li a {
	font-size: 14px;
	font-weight: normal;
	padding-left: 15px;
	
}
.category .u1 li .u2 a{color:#fff;font-weight: normal;padding-left: 20px;}
.category .u1 li a:hover{
	}
.category .u3 {
    display: none;
}
.category .u3 li {
    background: url(../images/sign_arrow.gif) no-repeat scroll 2px 8px rgba(0, 0, 0, 0);
    padding-left: 12px;
}
.category .u3 li a {
    font-weight: normal;
}
.category .u2 {
}
.category .u3 {
}

/*left end*/


.conright{
	
	display: inline;
    float: right;
    margin-right: 10px;
    margin-top: 20px;
    overflow: hidden;
    width: 800px;
}
.left-contact{
	font-size: 14px; 
	padding: 0px 0px 0px 10px; 
}


.brdtitle {
    
    border-bottom: 1px solid #004098;
    color: #004098;
    font-family: Times New Roman;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-left: 20px;
    width: 100%;
}
.toptitle{font-size: 18px;
    padding-top: 10px;
    text-align: center;
    margin-bottom: -1px;
    position: relative;
}
 .bk_pro{
 display: inline;
    margin: 0 15px;
    overflow: hidden;
    width: 208px;
    float: left;
   }
 .bk_p_infor{}
 .bk_pro .imageDiv {
    height: 100px;
    line-height: 100px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 150px;}
.bk_pro .imageDiv img{}

.bk_p_infor div.name {
    float: left;
    height: 60px;
    line-height: 20px;
    margin-top: 15px;
    
    text-align: center;
    width: 150px;
}
.bk_p_infor div.name a{font-size: 14px;}
#product-left-column{margin-top:10px;
}

#button-sendInquire{float: right;}

.desctuozhan img{max-width: 687px}

/*首页弹出*/
.frame {
    display: inline;
    float: left;
    height: 100px;
    margin-right: 24px;
    width: 100%;
}
.wrap {
    font-family: arial,sans-serif;
    height: 320px;
    position: relative;
    width: 100%;
    cursor: pointer;
}
.wrap img {
    display: block;
    margin-left: 10px;
    margin-top: 10px;
}
.wrap div {
    height: 100px;
    left: 0;
    padding: 100px 0 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.wrap div b {
    background: #fff;
    opacity: 0.9;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 280px;
    left: 0;
    line-height: 35px;
   
    position: absolute;
    text-align: center;
    top: 131px;
    width: 100%;
    z-index: 1;
}
.wrap div b.index-contact{background: url(../images/contact_icon.jpg) 18px 20px no-repeat #fff;color: #464644;}
.wrap div b.index-contact ul{margin-top:30px;}
.wrap div b.index-contact li {line-height: 20px;margin-bottom: 25px;width: auto;border:none;background: none;text-align: left;padding-left: 60px;font-weight: normal;}
.wrap div b.index-contact li a{font-weight: normal;}
.wrap div b.index-contact li  a{color: #464644;float: unset;font-size: 14px;margin: 0 auto;}
.wrap div b ul li{ overflow: hidden;padding:5px 0;border-bottom: 1px dashed #000;width: 100%;background: url(../images/arrow_right.png) no-repeat 12px center #fff;}
.wrap div.first-1 b ul li{margin: 1px 0;}
.wrap div.first-1 b ul li a{height: 25px;line-height: 25px;}
.wrap div b ul li:last-child{border: none;}
.wrap div b ul li a{color:#000;font-size:14px; float: left;margin-left: 30px;}
.wrap div p.title {
    font-size: 18px;
    height: 28px;
    left: 0;
    line-height: 32px;
    position: absolute;
    text-align: center;
    top: 101px;
    width: 100%;
    z-index: 9999;
}
.wrap div a {
    /*
color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    left: 0;
    margin-top: 50px;
    opacity: 1;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 110px;
    width: 180px;
    z-index: 999;
*/
}
.top-info{width: 100%;}
.top-info .info-main{width: 185px;float:left;font-size: 14px;margin-top: 23px;margin-left: 12px;}
.top-info .info-main p{line-height: 20px;float: right;}
.fr .top-info .info-main{font-size: 14px;}
.top-info .info-main span{font-size: 21px;width: 140px;margin-top: 10px; display: block; margin-bottom: 10px;color: #fac715; float: left;}
.fr .top-info .info-main span{font-size: 20px;}
.top-info .info-main p .more{color: #c80405; float: right; font-size: 14px; margin-right: 4px;}


.index-case{position: absolute;width:500px;height:410px;right:105px;top:0px }
.index-case a{font-size: 18px;display: block;width:95px;height:90px;text-align: center;line-height: 90px;float: left;position: absolute;}
.index-case .water{top:44px;left:44px;}
.index-case .CSD{left: 44px;top: 185px;}
.index-case .Wine{left: 44px;top: 315px;}
.index-case .Beer{left: 410px;top: 12px;}
.index-case .Juice{left: 410px;top: 145px;font-size: 14px;}
.en-us .index-case .Juice {
    font-size: 13px;
    left: 410px;
    line-height: 20px;
    top: 173px;
}


.news-center{
	width:100%;
	height: 420px;
	clear: both;
	overflow: hidden;
	background: #e1e1e0;
}
.news-content{width: 1220px;margin: 0 auto;}
.news-left{width: 390px;margin: 40px 10px 0;float: left;}
.news-left .title{font-size: 30px;height: 50px;}
.news-left span{border-bottom:4px solid #0065b3;}
.news-left ul{clear:both;}
.news-left ul li a{font-size: 15px;}
.news-left ul li {margin-bottom: 5px;}
.news-left ul.news-list{}
.news-left ul.news-list li{
	overflow: hidden;
	margin-bottom: 25px;
    width: 100%;
}
.news-left ul.news-list li span{
	background: #0065b3;
	border: medium none;
    color: #fff;
    display: block;
    float: left;
    font-size: 18px;
    height: 50px;
    line-height: 20px;
    padding-top: 10px;
    text-align: center;
    width: 65px;
}
.news-left ul.news-list li a{
	display: block;
    float: left;
    font-size: 18px;
    margin-left: 25px;
    padding-top: 6px;
    width: 270px;
}

.news-left ul.contact-bg{
	background: url(../images/contact_icon.jpg) no-repeat 0 24px;
	line-height: 24px;
    
}
.news-left ul.contact-bg li{padding-left: 36px;margin-bottom: 4px;
}

/*社交*/
.follow{background: url(../images/follow_icon.jpg) no-repeat;
	float: left;
    height: 29px;
    margin-left: 33px;
    margin-top: 10px;
    width: 190px;
}
.follow a{display: block;width:30px;height: 30px;margin-right: 7px;float: left;}
.copy{float: right;width: 450px;color: #ced0d0;}

.foot-li{float: left;}
.foot-li ul li{float: left;font-size: 16px;}
.foot-li ul li a{color: #ced0d0;margin:0 10px;;font-size: 16px;
}


/*左侧点击展开菜单*/
.p{margin-left:10px;}
.ps{margin-left:10px;display:none;}
.pss{margin-left:10px;display:block;}
.t{cursor:pointer; }
.f{cursor:pointer;  margin: 5px 0;}
.leftbar .category_title .ps a{padding-left: 15px;font-size: 14px;}
.b{cursor:pointer; }
.fblod{padding-left: 15px;border-bottom: 1px dashed #eee;margin: 10px 0;background: url(../images/arrow_down.png) no-repeat 240px center;}
.padtb8{padding:8px 0;}
.fontred{color:#f00;}  
.leftbar .category_title a{font-size: 13px;}
.leftbar .category_title .fblod a{font-size: 16px;}
.leftbar .category_title .b a {display:block;width: auto;}




/*相似产品列表*/
.branch {background: #f2f2f2;float: left;position: relative;width:200px;}
.branch li {border-top: 1px solid #ffffff;line-height: 25px;text-indent: 10px;}
.branch p {
	border: 1px solid #eee;
	background: #ffffff url(../images/btn1.jpg) no-repeat right top;
	color: #666666;
	cursor: pointer;
	height: 24px;
	line-height: 24px;
	text-indent: 10px;
}