/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:' '; color:#666;}
a{color:#666;}
a:hover{ color:#a48950;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1290px; margin:0 auto;}
.wapper02{ max-width:1320px; margin:0 auto;}
.wapper03{ max-width:1200px; margin:0 auto;}

/* latin-ext */
/*@font-face {
  font-family: 'Fredericka the Great';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/9Bt33CxNwt7aOctW2xjbCstzwVKsIBVV--StxbcVcg.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin */
@font-face {
  font-family: 'Fredericka the Great';
  src: url(../fonts/ddea.woff2) format('woff2');
}

.top{ height:60px;}
.header-bg{ background:#fff; position:fixed; top:0; width:100%; z-index:9}
.header{ padding:0 3%; box-sizing:border-box; height:60px;}
.logo{float:left;display:block;width: 9%;margin-top: 0.8%;}
.logo a{ display:block}
.logo a img{ max-width:100%;}

.fr{ float:right; display:block; width:43px; background:#b89d65; border-radius:0 0 8px 8px; text-align:center; color:#fff; font-size:14px; line-height:36px; margin-right:4.5%;}
 .fr a{ color:#fff;}


/*menu*/
.menu{height:60px;line-height:60px;float: right;width: 62%;}
.menu ul li{float:left;position:relative;padding: 36px 2%;}
.menu ul li dl{ background:#fff; width:120px; position:absolute; left:0px; top:60px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:18px;color:#252525; text-decoration:none; font-weight:normal;display:block;text-align:center;}
.menu a:hover{color:#b89d65;}
a.menu_hover{ color:#b89d65;}
/*.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
*/
.menu ul li.hover span>a{ color:#b89d65;}
.mit{ background:#b89d65;}
.mit a{ color:#fff;}
.menu ul li span a i{ margin-right:10px}

.banner{ width:100%; position:relative}
.banner>img{ width:100%;vertical-align: bottom;}
.pc{ display:block}
.mo{ display:none}
.banner02{position:absolute;top: 16%;background: rgb(0 0 0 / 0.6);height:auto;box-sizing:border-box;left: 50%;width: 68%;margin-left: -34%;text-align: center;padding: 2% 0;}
.banner02 em{ font-size:20px; color:#fff; display:block;}
.banner02 h3{font-family: 'Fredericka the Great';font-size:65px;color:#b89d65;display: block;margin-top: 3%;}
.banner02 span{font-size:18px;color:#fff;display:block;width: 55%;margin: 3% auto 0 auto;}
.banner02 span a{ color:#b89d65}
.banner-01{position:absolute;bottom:0;width:100%;left: 0;}
.banner-01>img{ width:100%;vertical-align: bottom;}


.cent01-bg{background:url(../images/coffee-shop-bg-texture1.jpg) center no-repeat;background-size:cover;padding-bottom: 5%;position:relative;}
.cent01 em{ font-size:20px; color:#b89d65; display:block}
.cent01 h2{ font-size:50px; color:#2b1a14; display:block; margin-top:2%;font-family: 'Fredericka the Great';}
.cent01 span{ font-size:17px; color:rgba(43, 26, 20, 0.5); display:block;}
.cent01 span p{}
.cent01 span p a{ color:#a48950}
.mahr{color: #2b1a14 !important;font-size:14px;text-transform: uppercase;position:relative;display: inline-block;font-weight: bold;margin-top: 5%;}
.mahr:after{content: "";position:absolute;width:110%;left:50%;margin-left: -55%;background: #b89d65;height:4px;bottom:0;}
.cent01-01{position:absolute;bottom:0;width:100%;left: 0;}
.cent01-01>img{ width:100%;vertical-align: bottom;}


.cent02-bg{ background:#fcf8f1; position:relative; padding-bottom:4%}
.cent02{ padding:4% 0;}
.neu h2{ display:block; float:left; font-size:50px; color:#2b1a14; font-family: "Fredericka the Great";}
.neu h3{ display:block; float:right; font-size:50px; color:#2b1a14; font-family: "Fredericka the Great"; text-align:right}
.cent02 ul{ margin-top:4%}
.cent02 ul li{
    float:left;
    display:block;
    width: calc((100% - 7.5%)/4);
    margin-right: 2.5%;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 3px 5px #00000021;
    box-sizing:border-box;
    }
.cent02 ul li:nth-child(4n) {
    margin-right: 0% ;
}
.cent02 ul li span{ font-size:16px; color:#888; display:block;}
.cent02 ul li .img{box-sizing:border-box;padding:4px;border:1px solid #ccc;margin-top: 4%;}
.cent02 ul li .img a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 142px;
    }
.cent02 ul li .img img{ max-height:100%; max-width:100%;}
.cent02 ul li h2{ font-size:15px; color:#b89d65; display:block; margin-top:6%}
.cent02 ul li em{ font-style:normal; font-size:18px; display:block; color:#252525; line-height:24px; margin-top:8%;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 8;}
.cent02>a{ font-size:18px; color:#b89d65; display:inline-block; margin-left:30%; margin-top:4%}   
.cent02-01{position:absolute;bottom:0;width:100%;left: 0;}
.cent02-01>img{ width:100%;vertical-align: bottom;}


.cent03-bg{ position:relative; background:url(../images/coffee-shop-menu-bg.png) center no-repeat #2b1a14; background-size:cover; position:relative;padding-bottom:4%;}
.cent03{ padding-top:6%; text-align:center; padding-bottom:6%}
.cent03 em{ font-size:20px; color:#b89d65; display:block}
.cent03 h2{ font-size:50px; color:#fcf5e8; display:block;    font-family: "Fredericka the Great";}
.cent03>span{    font-family: "Fredericka the Great"; display:block; margin-top:4%; font-size:32px;}
.cent03 strong{
    font-size:18px;
    color:#fcf5e8;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight:normal;
    margin-top: 1%;
    }
.cent03 strong>span{ margin-left:10px}
.cent03>a{display:inline-block;padding: 7px 10px;color:#fff;font-size:16px;background:#b89d65;border-radius: 5px;margin-top: 2%;}
.cent03-01{position:absolute;bottom:0;width:100%;left: 0; }
.cent03-01>img{ width:100%;vertical-align: bottom;}


.cent04-bg{ background:url(../images/coffee-shop-bg-texture1.jpg) center no-repeat; background-size:cover;}
.cent04{ padding:4% 0}
.cent04-01{ float:left; display:block; width:70%}
.cent04-01 em{ display:block; font-size:20px; color:#b89d65}
.cent04-01 h2{ color:#2b1a14; display:block;  font-family: "Fredericka the Great"; font-size:50px; margin-top:1%}
.cent04 a{ float:right; display:block; width:194px; height:60px; text-align:center; line-height:60px; color:#fff; background:#A48950; font-size:14px; font-weight:bold; margin-top:2%}

.footer-bg{ background:#171717}
.footer{ padding:3% 0 4% 0;}
.footer01{ padding-bottom:2%}
.footer01 dl dd{ float:left; display:block; width:25%;}
.footer01 dl dd h2{ font-size:18px; display:block; margin-bottom:4%}
.footer01 dl dd h2 a{ color:#fff;}
.footer01 dl dd ul li a{ font-size:14px; color:#a2a2a2; display:block; line-height:30px}
.dede ul{ float:left; display:block; width:50%}
.footer01 dl dd strong{ font-size:18px; color:#fff; display:block;}
.footer01 dl dd p{font-size:18px; color:#fff; display:block;}
.footer02{    border-top: 1px solid rgba(255, 255, 255, 0.1);}
.footer02 span{ font-size:14px; color:#fff; display:block; margin-top:5%}

.sp_header{ display:none}
.sjj_nav{ display:none}


.tonglan-bg{ background:#2b1a14}
.tonglan{ padding:2% 0}
.tonglan h2{ font-size:40px; color:#fff; display:block;font-family: "Fredericka the Great"; }

.cent05-bg{ padding-top:6%; padding-bottom:2%}

.nieh{ top:25%}

.cent06-bg{position:relative;background:url(../images/coffee-shop-menu-bg.png) center no-repeat #2b1a14;background-size:cover;position:relative;}
.cent06{padding-top:6%;text-align:center;padding-bottom: 4%;}
.cent06 em{ font-size:20px; color:#b89d65; display:block}
.cent06 h2{ font-size:50px; color:#fcf5e8; display:block;    font-family: "Fredericka the Great";}
.cent06>a{display:inline-block;padding: 7px 10px;color:#fff;font-size:16px;background:#b89d65;border-radius: 5px;margin: 3% 4px 0 4px;}

.cent07-bg{background:url(../images/coffee-shop-meet-chefs.png) center no-repeat #fcf8f1; position:relative; padding-bottom:4%}
.cent07{ padding:4% 0 2% 0; text-align:center;}
.cent07 em{ font-size:20px; color:#b89d65; display:block}
.cent07 h2{font-family: "Fredericka the Great";font-size:50px; color:#2b1a14; display:block}
.cent07 ul{ margin-top:4%;}
.cent07 ul li{width:47%; margin-right:6%; float:left; margin-bottom:4%}
.cent07 ul li:nth-child(2n) {
    margin-right: 0% ;
}
.cent07 ul li i{ font-size:60px; color:#decfab}
.cent07 ul li h3{ font-size:20px; color:#b89d65; display:block; margin-top:4%; font-style:italic;}
.cent07 ul li span{ font-size:16px; color:#878787; display:block; margin-top:2%}
.cent07-01{position:absolute;bottom:0;width:100%;left: 0;}
.cent07-01>img{ width:100%;vertical-align: bottom;}

.cent08-bg{ background:#fcf8f1}
.cent08{ text-align:center; padding:3% 0}
.cent08 em{ font-size:20px; color:#b89d65; display:block}
.cent08 h2{font-family: "Fredericka the Great";font-size:50px; color:#2b1a14; display:block}
.cent08>a{ font-size:14px; color:#fff; font-weight:bold; background:#A48950; padding:20px 30px; display:inline-block; margin-top:3%}

.cent09{ text-align:center; padding-top:4%}
.cent09 em{ font-size:20px; color:#b89d65; display:block}
.cent09 h2{font-family: "Fredericka the Great";font-size:50px; color:#2b1a14; display:block}
.cent09 ul{ margin-top:4%}
.cent09 ul li{float:left;display:block;width: calc((100% - 43%)/3);margin-right: 16%;margin-bottom:2%; text-align:left;}
.cent09 ul li:nth-child(3n) {
    margin-right: 0% ;
}
.cent09 ul li .img{ display:block; width:100%;}
.cent09 ul li .img a{
    height: 324px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow:hidden;
    border-radius: 20px;
    }
.cent09 ul li .img img{ max-height:100%; max-width:100%}
.cent09 ul li span{ display:block; font-size:16px; color:#252525; margin-top:4%}
.cent09 ul li strong{ font-weight:normal; display:block; font-size:14px; color:rgba(0,0,0,.4); margin-top:4%}

.cent10-bg{ background:#fcf8f1}
.cent10{ padding:2% 0; text-align:center;}
.cent10 h2{font-family: "Fredericka the Great";font-size:50px; color:#2b1a14; display:block}
.cent10 iframe{ margin-top:4%; height:500px;}

.cent11-bg{ padding-top:4%; padding-bottom:6%}

.cent11 ul{ position:relative}
.cent11 ul li{  }
.cent11 ul:after{ content: ""; position:absolute; top:0; height:100%; width:1px; background:#eee; left:3%; z-index:-1}
.cent11 ul li .time{ float:left; border-radius:50%; border:1px solid #eee; background:#fff; overflow:hidden; box-sizing:border-box; width:72px; height:72px;    display: flex;
    justify-content: center;
    align-items: center; z-index:2}
.cent11 ul li .time .time01{ background:#bf994a; text-align:center; color:#fff; width:60px; height:60px;border-radius:50%; }
.cent11 ul li .time .time01 h3{ font-size:20px; line-height:19px}
.cent11 ul li .time .time01 span{ display:block; font-size:14px;}
.amp{ float:right; display:block; width:92%; border-bottom:1px dotted #a5a5a5; padding-bottom:2%;}
.amp h2{font-family: "Fredericka the Great";font-size:32px; display:block}
.amp h2 a{ color:#a48950}
.amp h2 a:hover{    color: #A48950;}
.amp strong{ font-weight:normal; font-size:24.3px; color:#252525; display:block}
.amp>i{ font-size:18px;  color: #252525; display:block; margin-top:0.5%}
.map{ margin-top:2%}
.map a{ float:left; margin-right:20px}
.map a img{ max-width:100%}
.map span{ font-size:18px; color:#252525; display:block; line-height:30px}
.cent11 ul li .amp>a{ display:inline-block; font-size:16px; background:#6c757d; border-radius:8px; padding:10px 10px; color:#fff; margin-top:4%;}
.cent11 ul li .amp>a:hover{ background:#565e64}


.cent12-bg{ background:#fbf4e6}
.cent12{ padding-top:2%; padding-bottom:6%}
.cent12>h2{ font-size:32px; color:#675949;font-family: "Fredericka the Great";}


.map02{ width:100%}
.map02 img{ width:100%;vertical-align: bottom;}

.cent12-l{float:left;display:block;width: 53%;}
.cent12-l ul li{margin-bottom: 3%;}
.cent12-l ul li span{ font-size:18px; width:25%; float:left; color:#675949; padding:7px 15px; box-sizing:border-box;}
.input_text{ float:right; display:block; width: 75%; border:1px solid #ced4da; background:#fff; line-height:38px; box-sizing:border-box; padding:0 10px; border-radius:8px;outline:none;}
.input_text::-webkit-input-placeholder{ color:#ccc;}

.select{ float:right; display:block; width: 75%; border:1px solid #ced4da; background:#fff; line-height:38px; box-sizing:border-box; padding:0 10px; border-radius:8px; height:38px;}
.cjid{ float:right; display:block; width: 75%;}
.cjid .text{ display:block; width:100%;border:1px solid #ced4da; background:#fff; padding:0 10px; border-radius:8px; min-height:134px; box-sizing:border-box;}
.cjid p{ color:#675949; font-size:18px; padding:0}
.cent12-l ul li .checkbox{ font-size:18px; display:block; line-height:26px;  color:#675949; float:left;width: 75%;}
.cent12-l ul li .checkbox a{ color:#b89d65}
.cent12-l>a{ font-size:16px; color:#fff; padding:6px 12px; background:#bf994a; border-radius:5px; display:inline-block; margin-left:25%}

.cent12-r{ float:right; display:block; width:44%;}
.cent12-r ul li{}
.cent12-r ul li i{ font-size:24px; color:rgba(103, 89, 73, 0.7); float:left;}
.cent12-r ul li span{display:block;font-size:18px;color:rgba(103, 89, 73, 0.7);width: 94%;float:right;line-height: 30px;}
.cent12-r ul li span a{ color:#a48950}
.cent12-r strong{
    margin-top:5%;
    width:34px;
    height:34px;
    border-radius:50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background:#decfab;
    margin-right: 3%;
    margin-left: 3%;
    }
.cent12-r strong i{color:#fff;font-size: 18px;}

.cent13{ padding:6% 0;}
.cent13 ul li{ float:left; display:block; width:calc((100% - 3%)/3); margin-right:1.5%;box-shadow: 0px 2px 9px #00000014;
    padding: 20px;
    background: #fff; box-sizing:border-box; margin-bottom:1.5%;}
.cent13 ul li:nth-child(3n) {
    margin-right: 0% ;
}
.cent13 ul li .img{    display: flex;
    justify-content: center;
    align-items: center; width:100%; height:126px }
.cent13 ul li .img img{ max-height:100%; max-width:100%}
.cent13 ul li strong{ display:block; font-size:20px; color:#252525; margin-top:5%;}
.cent13 ul li span{ margin-top:5%; display:block;  font-size:18px; color:#252525; line-height:24px;}
.cent13 ul li em{ font-style:normal; font-size:12px; color:#888; line-height:30px; display:block; margin-top:1%;}
.cent13 ul li:nth-child(3n-2){ clear:left;}

.inside_con{ padding:10px 0; min-height:300px}

@media only screen and (max-width: 980px) {
	
	.sp_header{height:77px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display:block}
.sp_logo{padding:0;float:left;height:77px}
.sp_logo img{margin:auto;max-height:77px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:29px}
.sp_nav span{display:block;background:#000;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display:block}
.nav_show{top:50px}

.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
	
	.top{ height:50px;}
.header-bg{ display:none}
.wapper{ width:90%;}
.wapper02{ width:90%;}
.wapper03{ width:80%;}

.banner02{ width:90%; left:50%; margin-left:-45%;}
.pc{ display:none}
.mo{ display:block}
.banner02{ top:10%}
.banner02 h3{ font-size:22px}
.banner02 span{ width:80%; font-size:14px}
.banner02 em{ font-size:12px}

.cent01-bg{ padding-bottom:20%}
.cent01 h2{ font-size:35px}
.cent01 em{ font-size:18px}

.neu h2{ font-size:35px;}
.neu h3{ display:none}
.cent02 ul li{ margin-bottom:5%; float:none; width:100%; margin-right:0}
.cent02>a{ margin:10%  auto 0 auto; display:block; text-align:center}

.cent03{ padding-bottom:10%; padding-top:10%}
.cent03 em{ font-size:18px}
.cent03 h2{ font-size:35px;}
.cent03>span{ font-size:24px;  margin-top: 6%;}
.cent03 strong{ flex-wrap: wrap; margin-top: 6%;}
.cent03>a{margin-top: 6%;}

.cent04{ padding:10% 0}
.cent04-01 em{ font-size:18px;}
.cent04-01 h2{ font-size:35px}
.cent04-01{ width:100%}
.cent04 a{ line-height:50px; height:50px;}

.footer01 dl dd{ float:none; width:100%; margin-bottom:4%}
.tonglan h2{ font-size:35px;}

.cent06{ padding-bottom:10%; padding-top:10%}
.cent06 em{ font-size:18px}
.cent06 h2{ font-size:35px;}
.cent06>a{margin-top: 6%;}

.nieh{ top:28%}
.cent07{ padding-top:10%}
.cent07 em{ font-size:18px;}
.cent07 h2{font-size:35px;}
.cent07 ul{ margin-top:6%}
.cent07 ul li{ float:none; width:100%; margin-right:0; margin-bottom:8%}
.cent07 ul li i{ font-size:48px;}
.cent07 ul li h3{ margin-top:8%}
.cent07 ul li span{ margin-top:4%}


.cent08 em{ font-size:18px;}
.cent08 h2{font-size:35px;}
.cent08>a{ padding:10px 30px}
.cent09{ padding-top:10%}
.cent09 em{ font-size:18px;}
.cent09 h2{font-size:35px;}
.cent09 ul li{float:none;width: 72%;margin: 0 auto 7% auto;}
.cent09 ul li:nth-child(3n){ margin-right:auto;}

.cent10{ padding:10% 0;}
.cent10 h2{ font-size:35px}

.amp{ width:71%;padding-bottom: 6%;}
.cent11 ul:after{ left:10%}
.amp h2{ font-size:24px;}
.amp strong{font-size:23px;}
.map a{ float:none; width:100%}
.map{ margin-top:5%}

.cent12{ padding-top:10%; padding-bottom:16%}
.cent12-l{ float:none; width:100%; }
.cent12-l ul li span{ float:none; width:100%;}
.input_text{ float:none; width:100%; margin-top:2%}
.select{float:none; width:100%; margin-top:2%}
.cjid{float:none; width:100%; margin-top:2%}
.cent12-l ul li .checkbox{float:none; width:100%; margin-top:2%}
.cent12-l>a{ margin-left:0}
.cent12-r{float:none; width:100%; margin-top:10%}

.cent13 ul li{ float:none; width:100%; margin-right:0; margin-bottom:5%}
.cent13 ul li:nth-child(3n-2){ float:none;}

	} 
	

.slideBox{ width:210px; height:250px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul li{ position:relative;}
.slideBox .bd ul span{ display:block; height:40px; line-height:40px; background:#000; background:rgba(0,0,0,0.8); position:absolute; bottom:0px; width:100%; color:#fff; padding-left:10px;}
.slideBox .bd img{ width:210px; height:250px; }

.flash{ position:relative; width:100%; height:415px; overflow:hidden; margin-top:-50px;}
.myFocus{width:1600px;
	margin:0 auto;
	position:absolute;
	left:50%;
	margin-left:-800px;
	height:415px;
	}
.flashn{ position:relative; width:100%; height:250px; overflow:hidden; margin-top:-50px;}
.myFocusn{width:1600px;
	margin:0 auto;
	position:absolute;
	left:50%;
	margin-left:-800px;
	height:250px;
	}
	
	
/* 大图特效 开始theme-default */
.theme-default #slider{margin:0 auto;width:1600px;height:415px;}
.theme-default .nivoSlider{background:url(loading.gif) no-repeat 50% 50% rgb(255, 255, 255);margin-bottom:50px;position:relative;}
.theme-default .nivoSlider img{left:0px;top:0px;display:none;position:absolute;}
.theme-default .nivoSlider a{border:0px currentColor;display:block;}
.theme-default .nivo-controlNav{left:684px;width:193px;height:38px;bottom:-12px;padding-top:0px;padding-left:50px;position:absolute;z-index:9;}
.theme-default .nivo-controlNav a{background:url(../images/bullets.png) no-repeat;border:0px currentColor;width:23px;height:17px;text-indent:-9999px;margin-right:3px;float:left;display:block;}
.theme-default .nivo-controlNav a.active{background-position:0px -17px;}
.theme-default .nivo-directionNav a{background:url(../images/arrows.png) no-repeat;border:0px currentColor;width:65px;height:65px;text-indent:-9999px;display:block;}
.theme-default a.nivo-nextNav{background-position:-65px 0px;top:181px;right:300px;}
.theme-default a.nivo-prevNav{left:300px;top:181px;}
.theme-default a.nivo-nextNav:hover{background-position:-65px -65px;top:181px;right:300px;}
.theme-default a.nivo-prevNav:hover{background-position:0px -65px;left:300px;top:181px;}
.theme-default .nivo-caption{font-family:Helvetica,Arial,sans-serif;}
.theme-default .nivo-caption a{color:rgb(255, 255, 255);border-bottom-color:rgb(255, 255, 255);border-bottom-width:1px;border-bottom-style:dotted;}
.theme-default .nivo-caption a:hover{color:rgb(255, 255, 255);}
/* nivoSlider */
.nivoSlider{position:relative;}
.nivoSlider img{left:0px;top:0px;position:absolute;}
.nivoSlider a.nivo-imageLink{margin:0px;padding:0px;border:0px currentColor;left:0px;top:0px;width:100%;height:100%;display:none;position:absolute;z-index:6;}
.nivo-slice{height:100%;display:block;position:absolute;z-index:5;}
.nivo-slice img{width: 107px; height: 100%; opacity: 1; top: 0px; display: block;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{background:rgb(0, 0, 0);left:0px;width:30%;bottom:0px;color:rgb(255, 255, 255);display:none;position:absolute;z-index:8;opacity:0.8;}
.nivo-caption p{margin:0px;display:none;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{top:45%;position:absolute;z-index:9;cursor:pointer;}
.nivo-prevNav{left:0px;}
.nivo-nextNav{right:0px;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:bold;}	
/* 大图特效 end */











/*common end*/


/*banner_01*/
.banner_01{ width:1000px;height:360px; overflow:hidden; position:relative; z-index:1; }
.banner_01 ul {height:360px;position:absolute;}
.banner_01 ul li {width:1000px; height:360px;float:left;overflow:hidden; position:relative; background:#ccc;}
.banner_01 ul li img{ width:1000px; height:360px;}
.banner_01 .btnBg { width:1000px;height:20px;position:absolute; left:0; bottom:0; background:#000;}
.banner_01 .btn {width:1000px; position:absolute; height:10px; padding:5px 10px; right:0; bottom:3px; text-align:right;}
.banner_01 .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
.banner_01 .btn span.on {background:#fff;}
.banner_01 .preNext {top:130px;width:45px; height:100px;  position:absolute; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
.banner_01 .pre {left:0;}
.banner_01 .next {right:0; background-position:right top;}

/*banner_02*/
.banner_02{ height:360px; overflow:hidden;}
.banner_02 #banner_02_con{ display:none;}

/*banner_03*/
.banner_03{ position:relative; z-index: 1; width:100%; height:360px; overflow:hidden;}
.banner_03 .bd { Z-INDEX: 0; position: relative; overflow:hidden; }
.banner_03 .bd ul{ margin:0px auto;}
.banner_03 .bd li { width:100%; height:360px; text-align:center;  overflow:hidden;}
.banner_03 .hd { position:relative; top:-40px; width:1100px; height:20px; margin:0px auto; text-align:center;}
.banner_03 .hd ul { position:absolute; left:50%; margin-left:-60px; bottom:0px; z-index:99; width:150px; height:22px;}
.banner_03 .hd ul li { height:22px; width:22px; margin-left:15px; text-align:center; text-indent:-9999em; float:left; background:url(../Images/BannerBg_02.png) no-repeat; cursor:pointer;}
.banner_03 .hd ul .on { background:url(../images/BannerBg_01.png) no-repeat; }
.banner_03 .prev { position:absolute;  TOP:50%; left:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerLeft.png) no-repeat; cursor: pointer;}
.banner_03 .next { position:absolute; TOP:50%; right:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerRgt.png) no-repeat; cursor:pointer;}

/*scroll_left start*/
#scroll_left{overflow:hidden;width:930px; margin:0px 10px; }
#scroll_left span{ display:block; height:28px; line-height:28px; text-align:center;}
#scroll_left .scroll_scale{width:164px;height:124px; background:#FFF; margin:0 5px;border:1px solid #e4e4e4;} 
#scroll_left .scroll_scale table tr td{ height:124px; width:164px; text-align:center;}
#scroll_left .scroll_scale img{max-width:160px; max-height: 120px; width: expression(this.width >160 && this.height < this.width ? 160: true); height: expression(this.height > 120 ? 120: true);}
/*scroll_left end*/

/*scroll_01*/
.scroll_01{ background:#ddd;}
.scroll_01 .hd .prev,.scroll_01 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_01 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_01 .bd li{ float:left;}

/*scroll_02*/
.scroll_02{ background:#ddd;}
.scroll_02 .hd .prev,.scroll_02  .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_02 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 

/*scroll_03*/
.scroll_03{ background:#ddd;}
.scroll_03 .hd .prev,.scroll_03 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_03 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_03 .bd li{ float:left; width:200px; overflow:hidden; margin:0 10px;}
.scroll_03 .bd li .img{height:150px; border:#f4f4f4 solid 1px; padding:2px; background:#fff;}
.scroll_03 .bd li .img:hover{background:#f4f4f4;}
.scroll_03 .bd li span{ height:30px; line-height:30px; text-align:center; display:block;}
.scroll_03 .bd li .img table tr td{ height:144px;}
.scroll_03 .bd li .img table tr td img{ max-width:194px; max-height:144px;}


/*slideTxtBox_01*/
.slideTxtBox_01 .hd ul li.on{ background:#ddd;cursor:pointer; } 

.contentfirst{ display:none;}
.contentin{ display:block;}
.tabin{ background:#ddd;}



/*Add------------------------------------------------------------------------------*/

.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
.inside{margin-top:20px; background:url(../images/title_04.gif) #fff repeat-y; min-height:400px;}

.inside_left{ width:220px; float:left;}
.inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;}
.inside_left .side_a dl dd{ height:36px; line-height:36px; border-bottom:#ddd solid 1px;}
.inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:14px; background: url(../images/about-cn3_19.jpg) 15px center no-repeat;}
.inside_left .side_a dl dd a:hover{ background:#324483; color:#fff;}
.inside_left .side_a dl .hover a{ background:#324483; color:#fff;} 
.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:720px; float:right; }




/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}