* { margin:0; padding:0; outline:none; }
html,body { height:100%; }
body { font:14px/200% arial,helvetica,"microsoft yahei",\5FAE\8F6F\96C5\9ED1,tahoma,verdana; color:#555; background-color:#fff; }
a { color:#555; text-decoration:none; 
-webkit-transition:all 0.3s ease; 
transition:all 0.3s ease; 
}
a:hover { color:#008ed5; text-decoration:none; }
ol,ul { list-style:none; }
img { border:none; vertical-align:middle; }
i,em,cite { font-style:normal; }
sup,sub { font-size:0.5em; }
h1,h2,h3,h4,h5,h6 { font-family:inherit; font-weight:normal; color:inherit; line-height:inherit; }
h1 { font-size:32px; }
h2 { font-size:22px; }
h3 { font-size:20px; }
h4 { font-size:18px; }
h5 { font-size:16px; }
h6 { font-size:14px; }
input,textarea,select,button { font-family:inherit; font-size:inherit; *font-size:100%; font-weight:inherit; color:inherit; line-height:inherit; }
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
button[type="button"],
button[type="reset"] { -webkit-appearance:none; }
input,
textarea,
select { outline:none; }

.clearfix:after { content:"."; clear:both; display:block; height:0; font-size:0; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix,
* html { height:1%; }
.clearfix { display:block; }
.clear { clear:both; height:0; height:1%; font-size:0; line-height:0; border-top:1px solid transparent!important; border-top:0; }


/* layout *******************************************************************************************************************************************/
.side { position:fixed; top:0; left:0; z-index:100; float:left; width:229px;height:100%; box-shadow:2px 0 2px rgba(0,0,0,0.08); border-right:1px solid #e5e5e5;  background-color:#fff; }
.main { min-height:100%; margin-left:230px; background-color:#fff; }
.content { margin:0 80px; padding-bottom:100px; }

.fl { float:left; }
.fr { float:right; }

.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px; }


/* side *******************************************************************************************************************************************/
.logo { width:100%; height:auto; overflow:hidden; }
.logo img { display:block; width:100%; }

.nav > ul > li h3 { height:55px; font-size:16px; }
.nav > ul > li h3 a { display:block; height:55px; color:#555; line-height:55px; text-align:center; 
-webkit-transition-property:background;
transition-property:background;
-webkit-transition-duration:0.3s;
transition-duration:0.3s;
}
.nav > ul > li h3 a:hover,
.nav > ul > li.active h3 a { color:#fff; background:#0082c8 url("../style/nav_bg.png") repeat-y; }

.nav > ul > li .sub { visibility:hidden; position:fixed; top:0; left:229px; width:166px; height:100%; filter:alpha(opacity=0); opacity:0; 
-webkit-transition-property:visibility,opacity;
transition-property:visibility,opacity;
-webkit-transition-duration:0.3s;
transition-duration:0.3s;
}
.nav > ul > li .sub ul { position:absolute; left:0; width:166px; }
.nav > ul > li .sub ul li { height:55px; }
.nav > ul > li .sub ul li a { display:block; height:55px; font-size:16px; color:#fff; line-height:55px; text-align:center; 
-webkit-transition-property:background-color;
transition-property:background-color;
-webkit-transition-duration:0.3s;
transition-duration:0.3s;
}
.nav > ul > li .sub ul li a:hover { background-color:#0082c8; }

.nav > ul > li .sub-active { visibility:visible; filter:alpha(opacity=100); opacity:1; }



.nav-mask { visibility:hidden; position:fixed; top:0; left:230px; width:166px; height:100%; background-color:#1c92d1; filter:alpha(opacity=0); opacity:0; 
-webkit-transition-property:visibility,opacity;
transition-property:visibility,opacity;
-webkit-transition-duration:0.5s;
transition-duration:0.5s;


filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#001c92d1,endColorstr=#001c92d1); 

}
.nav-mask-active { visibility:visible; filter:alpha(opacity=80); opacity:0.8; 
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#001c92d1,endColorstr=#001c92d1); 
}



.service { padding-top:25px; font-size:14px; color:#7d7d7d; line-height:24px; text-align:center; border-top:1px solid #e3e3e3; }
.service > ul { margin:15px 0 20px; font-size:0; text-align:center; }
.service > ul > li { display:inline-block; margin:0 3px; vertical-align:middle; }
.service > ul > li > a { display:block; width:32px; height:32px; }
.service > ul > li > a i { display:block; width:32px; height:32px; text-indent:-9999em; background-repeat:no-repeat; background-position:center; filter:alpha(opacity=50); opacity:0.5; overflow:hidden; 
-webkit-transition:opacity 0.3s ease; 
transition:opacity 0.3s ease; 
}
.service > ul > li > a i.weixin { background-image:url("../style/weixin.png"); }
.service > ul > li > a i.weibo { background-image:url("../style/weibo.png"); }
.service > ul > li > a i.cart { background-image:url("../style/cart.png"); }
.service > ul > li > a i.share { background-image:url("../style/share.png"); }
.service > ul > li > a:hover i { filter:alpha(opacity=100); opacity:1; }


/* index *******************************************************************************************************************************************/

/* focus */
.index-focus { position:relative; width:100%; height:auto; overflow:hidden; }
.index-focus .item { position:relative; width:100%; height:auto; z-index:0; }
.index-focus .item ul li { width:100%; height:auto; zoom:1; vertical-align:middle; }
.index-focus .item ul li a { display:block; width:100%; }
.index-focus .item ul li a img { display:block; width:100%; }
.index-focus .btn { position:absolute; z-index:1; bottom:20px; left:50%; width:300px; height:20px; margin-left:-150px; text-align:center; overflow:hidden; }
.index-focus .btn ul li { display:inline-block; width:18px; height:18px; margin:0 5px; text-indent:-9999em; border-radius:50%; background-color:#fff; filter:alpha(opacity=50); opacity:0.5; cursor:pointer; overflow:hidden; }
.index-focus .btn ul li.on { background-color:#fff; filter:alpha(opacity=100); opacity:1; }

/* video */
.index-video { margin-top:10px; overflow:hidden; }
.index-video ul { margin:0 -5px; }
.index-video ul li { float:left; width:50%; }
.index-video ul li a { position:relative; display:block; margin:0 5px; }
.index-video ul li a .video-pic { width:100%; }
.index-video ul li a .video-pic img { display:block; width:100%; }
.index-video ul li a .video-btn { position:absolute; top:50%; left:50%; width:100px; height:100px; margin-top:-50px; margin-left:-50px; text-indent:-9999em; border-radius:50%; background:rgba(255,255,255,0.8) url("../style/play.png") no-repeat center; background-size:cover; overflow:hidden; }
.index-video ul li a:hover .video-btn { background-color:rgba(255,255,255,1); }

/* news */
.index-news { width:72%; margin:44px auto 0; }

.qrcode { float:right; width:248px; height:88px; font-size:16px; line-height:24px; text-align:center; border:1px solid #aaa; }
.qrcode .qr { float:left; width:86px; height:86px; margin:1px; overflow:hidden; }
.qrcode .qr img { width:86px; height:86px; }
.qrcode p { margin:20px 5px 0 90px; }
.qrcode span { font-size:18px; color:#1c92d1; }

.news-wrap { margin-right:300px; }
.news-title { height:40px; border-top:1px solid #ddd; }
.news-title h3 { height:40px; margin-top:-20px; text-align:center; }
.news-title h3 span { display:inline-block; height:40px; padding:0 25px; font-size:30px; color:#1c92d1; line-height:40px; background-color:#fff; }
.news-title h3 em { padding-left:12px; font-size:20px; }
.news-list { font-size:14px; }
.news-list ul li { float:left; width:50%; }
.news-list ul li h5 { height:40px; margin-right:150px; font-size:14px; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.news-list ul li i { display:inline-block; width:7px; height:7px; margin-top:-2px; margin-right:10px; text-indent:-9999em; vertical-align:middle; background-color:#1c92d1; overflow:hidden; }
.news-list ul li span { float:right; padding-right:30px; color:#1c92d1; line-height:40px; }
.news-list ul li a:hover { color:#1c92d1; }

/* bar */
.index-bar { position:fixed; top:0; right:-300px; z-index:100; width:300px; height:100%; color:#fff; background-color:#1c92d1; }
.index-bar-active { right:0; }
.btn-switch { position:absolute; top:50%; left:-43px; width:43px; height:122px; margin-top:-61px; text-indent:-9999em; background:url("../style/btn_open.png") no-repeat right center; overflow:hidden; }
.btn-active { background-image:url("../style/btn_close.png"); }

.index-bar .module { width:250px; margin:0 auto; padding:15px 0 30px; border-top:2px solid #33a6df; }
.index-bar .module-title { margin-bottom:20px; padding-left:25px; font-size:22px; line-height:110%; background:url("../style/plus.png") no-repeat 0 2px; }
.index-bar .module-title span { display:block; font-size:14px; }

/* slide */
.index-slide-1 { width:250px; margin:0 auto; overflow:hidden; }
.index-slide-1 .item { position:relative; width:250px; height:140px; z-index:0; }
.index-slide-1 .item ul li { width:250px; height:140px; zoom:1; vertical-align:middle; }
.index-slide-1 .item ul li a,
.index-slide-1 .item ul li a img { display:block; width:250px; height:140px; }
.index-slide-1 .btn { margin-top:10px; text-align:center; overflow:hidden; }
.index-slide-1 .btn ul li { display:inline-block; width:4px; height:4px; margin:0 3px; font-size:0; line-height:0; border-radius:50%; border:1px solid #fff; cursor:pointer; }
.index-slide-1 .btn ul li.on { color:#fff; background-color:#fff; }

.index-slide-2 { position:relative; width:100%; overflow:hidden; }
.index-slide-2 .item { width:205px; margin:0 auto; }
.index-slide-2 .item ul { zoom:1; overflow:hidden; }
.index-slide-2 .item ul li { float:left; _display:inline; text-align:center; overflow:hidden; }
.index-slide-2 .item ul li .pic { width:205px; height:205px; }
.index-slide-2 .item ul li .pic img { display:block; width:205px; height:205px; }
.index-slide-2 .item ul li .tit { margin-top:5px; font-size:18px; line-height:24px; }
.index-slide-2 .item ul li .tit a { color:#fff; }
.index-slide-2 .prev,
.index-slide-2 .next { position:absolute; top:87px; width:30px; height:30px; background-repeat:no-repeat; background-position:center; overflow:hidden; cursor:pointer; }
.index-slide-2 .prev { left:0; background-image:url("../style/btn_prev.png"); }
.index-slide-2 .next { right:0; background-image:url("../style/btn_next.png"); }

/* footer *******************************************************************************************************************************************/
.footer { height:50px; margin-top:30px; font-size:14px; color:#fff; text-align:center; line-height:50px; background-color:#1c92d1; }
.footer span { display:inline-block; margin:0 60px; vertical-align:middle; }
.footer .tel { padding-left:50px; line-height:18px; text-align:left; background:url("../style/tel.png") no-repeat left center; }


/* page *******************************************************************************************************************************************/

/* banner */
.banner { height:350px; margin-bottom:38px; color:#fff; text-align:center; background:url("../style/01.jpg") no-repeat center; background-size: 100% auto; }
.banner h2 { padding-top:40px; font-size:56px; color:#fff; line-height:100%; }
.banner h2 img { margin:0 15px; filter:alpha(opacity=80); opacity:0.8; }
.banner p { width:35%; margin:18px auto 0; font-size:16px; line-height:150%; }


/* page nav */
.page-nav { height:28px; margin-bottom:30px; line-height:28px; background-color:#d2d2d2; }
.page-nav ul li { float:left; }
.page-nav ul li a { display:block; padding:0 28px; }
.page-nav ul li a:hover,
.page-nav ul li.current a { color:#fff; background:#0082c8 url("../style/nav_bg.png") repeat-y right center; }


/* category */
.category-bar { position:fixed; right:22px; top:50%; width:36px; margin-top:-210px; }
.category-bar ul li { margin-top:-10px; }
.category-bar ul li a { display:block; width:26px; height:88px; padding:27px 5px 0; color:#fff; line-height:106%; text-align:center; background:url("../style/category_bg_04.png") no-repeat; overflow:hidden; }
.category-bar ul li a:hover,
.category-bar ul li.current a { background-image:url("../style/category_bg_03.png"); }
.category-bar ul li:nth-child(1) a { background-image:url("../style/category_bg_02.png"); }
.category-bar ul li:nth-child(1) a:hover,
.category-bar ul li:nth-child(1).current { background-image:url("../style/category_bg_01.png"); }


/* �������� *******************************************************************************************************************************************/

/* ��˾��� */
.about-us-1 {  font-size:16px; line-height:185%; }
.about-us-1 .pic { float:right; width:30.7%; max-width:470px; margin-left:4%; margin-bottom:4%; }
.about-us-1 p { margin:30px 0; }
.about-us-1 p .icon { float:none; width:15px; max-width:15px; margin-left:0; margin-right:8px; margin-bottom:0; }
.about-us-2 { width:100%; max-width:1190px; margin:0px auto 0; font-size:16px; line-height:185%; }
.about-us-1 .title, .about-us-2 .title { margin-bottom:80px; text-align:center; }
.about-us-1 .title h3 , .about-us-2 .title h3 { font-size:36px; color:#008ed5; line-height:160%; }
.about-us-1 .title h3 img , .about-us-2 .title h3 img { margin:0 10px; }
.about-us-1 .title p , .about-us-2 .title p { margin-top:20px; font-size:16px; color:#1c92d1; }
.about-us-2 .idea {}
.about-us-2 .idea .pic { float:left; width:50%; }
.about-us-2 .idea ul { margin-left:50%; }
.about-us-2 .idea ul li { margin-bottom:45px; padding-left:18px; }
.about-us-2 .idea ul li h4 { font-size:30px; line-height:120%; }
.about-us-2 .idea ul li h4 .icon { width:15px; margin-right:8px; }
.about-us-2 .idea ul li p { margin-top:8px; padding-left:23px; line-height:220%; }
.about-us-2 .culture,
.about-us-2 .culture img { width:100%; }


/* Ʒ�Ʋ� */
.about-brand { width:100%; max-width:1350px; margin:80px auto; font-size:18px; line-height:36px; }
.about-brand .text { width:50%; }
.about-brand .text img { max-width:100%; }
.about-brand .text h1 { margin-bottom:30px; font-size:24px; }
.about-brand .text h1 span { display:inline-block; padding-bottom:30px; border-bottom:2px solid #c0c0c0;  }
.about-brand .text p { margin:30px 0; }
.about-brand .pic { width:48%; }
.about-brand .pic img { display:block; width:100%; }

.brand-link { margin-top:80px; line-height:24px; text-align:center; }
.brand-link a { display:inline-block; width:131px; height:169px; margin:0 25px; font-size:16px; background-repeat:no-repeat; background:center; }
.brand-link a:hover { color:#fff; }
.brand-link a span { display:inline-block; padding:75px 0 0; }
.brand-link-blue a { color:#56bdf1; background-image:url("../style/icon_blue.png"); }
.brand-link-blue a:hover { background-image:url("../style/icon_blue_hover.png"); }
.brand-link-coffee a { color:#b04e21; background-image:url("../style/icon_coffee.png"); }
.brand-link-coffee a:hover { background-image:url("../style/icon_coffee_hover.png"); }


/* ��� */
.list-grid { width:100%; }
.list-grid ul { margin:0 -15px; }
.list-grid ul li { float:left; width:25%; margin-bottom:20px; }
.list-grid ul li a { display:block; margin:0 15px; }
.list-grid ul li .pic { position:relative; width:100%; height:0; padding-top:83.94%; overflow:hidden; }
.list-grid ul li .pic img { position:absolute; left:0; top:0; width:100%; }
.list-grid ul li h5 { height:28px; margin-top:5px; font-size:14px; line-height:28px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.list-grid ul li a:hover h5 { color:#008ed5; }



/* pages */
.pages { margin-top:50px; }
.pages ul { font-size:0; text-align:center; }
.pages ul li { display:inline-block; margin:0 5px; font-size:14px; }
.pages ul li a { display:inline-block; padding:6px 15px; line-height:25px; border-radius:5px; border:1px solid #ccc; }
.pages ul li a:hover,
.pages ul li.thisclass a { color:#fff; border-color:#008ed5; background-color:#008ed5; }











/* ��Ʒ *******************************************************************************************************************************************/
.products-list dl dt { float:left; width:20%; text-align:center; overflow:hidden; }
.products-list dl dt span { position:relative; display:block; width:80%; height:0; margin:0 auto; padding-top:80%; overflow:hidden; }
.products-list dl dt span img { position:absolute; left:0; top:0; width:100%; }
.products-list dl dd { float:left; width:80%; }
.products-list ul li { float:left; width:25%; overflow:hidden; }
.products-list ul li a { position:relative; display:block; width:100%; text-align:center; }
.products-list ul li a .pic { position:relative; width:80%; height:0; margin:0 auto; padding-top:80%; overflow:hidden; }
.products-list ul li a .pic img { position:absolute; top:0; left:0; width:80%; transition: all 0.6s;margin-top:10%;}
.products-list ul li a .title { position:absolute; top:7px; left:7%; font-size:14px; color:#fff; display: none; }
.products-list dl.item-1 { background-color:#51afff; border-bottom: #7fbaf3 4px solid;}
.products-list dl.item-1 dt { background-color:#3293ff; }
.products-list dl.item-2 { background-color:#51afff; border-bottom: #7fbaf3 4px solid;}
.products-list dl.item-2 dt { background-color:#3293ff; }
.products-list dl.item-3 { background-color:#51afff; border-bottom: #7fbaf3 4px solid;}
.products-list dl.item-3 dt { background-color:#3293ff; }
.products-list dl.item-4 { background-color:#51afff;border-bottom: #7fbaf3 4px solid; }
.products-list dl.item-4 dt { background-color:#3293ff; }
.products-list dl.item-5 { background-color:#51afff; border-bottom: #7fbaf3 4px solid;}
.products-list dl.item-5 dt { background-color:#3293ff; }
.products-list dl.item-6 { background-color:#51afff;border-bottom: #7fbaf3 4px solid; }
.products-list dl.item-6 dt { background-color:#3293ff; }
.products-list dl.item-7 { background-color:#51afff;border-bottom: #7fbaf3 4px solid; }
.products-list dl.item-7 dt { background-color:#3293ff; }
.products-list dl.item-8 { background-color:#51afff;border-bottom: #7fbaf3 4px solid; }
.products-list dl.item-8 dt { background-color:#3293ff; }
.products-list dl.item-9 { background-color:#51afff;border-bottom: #7fbaf3 4px solid; }
.products-list dl.item-9 dt { background-color:#3293ff; }

.products-list ul li a .big-pic img:hover{
	transform: scale(1.3); 
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3); 
	 -ms-transform: scale(1.3);         /* for IE */
    -o-transform:scale(1.3);
}


/* ��Ʒ���� */
.product-detail { margin:1px 0; }
.product-pic { float:left; width:50%; }
.product-pic img { display:block; width:100%; }
.product-intro { margin-left:50%; }
.product-intro-inner { padding:90px 105px; }
.product-intro .title { font-size:33px; color:#000; line-height:120%; }
.product-intro .title span { display:inline-block; border-bottom:2px solid #111; }
.product-intro .detail { margin-top:50px; font-size:15px; line-height:180%; }
.product-intro .detail p { margin:30px 0; }
.product-intro .link { margin-top:50px;}
.product-intro .link a { display:inline-block; height:88px; margin:0 8px; padding:0 18px; font-size:24px; color:#fff; line-height:88px; }
.product-intro .link a img { margin-right:10px; vertical-align:middle; }
.product-intro .link .btn-red { background-color:#f00; }
.product-intro .link .btn-green { background-color:#097c25; }

.brand-product { margin-top:1px; color:#fff; text-align:center; background-color:#85c1ff; }
.brand-name { position:relative; float:left; width:26.33%; height:540px; background-color:#66b4ff; overflow:hidden; }
.brand-name img { position:absolute; top:50%; left:50%; width:320px; height:208px; margin-left:-160px; margin-top:-104px; }
.brand-item { height:540px; margin-left:26.33%; }
.brand-item ul li { float:left; width:25%; height:270px; overflow:hidden; }
.brand-item ul li img { height:270px; }
.related-brand { width:100%; height:208px; text-align:center; background-color:#46a3ff; overflow:hidden; }
.related-brand ul li { float:left; width:33.33%; height:208px; }
.related-brand ul li a { display:block; width:100%; height:208px; overflow:hidden; }
.related-brand ul li a img { height:208px; }
.related-brand ul li.b1 { background-color:#46a3ff; }
.related-brand ul li.b2 { background-color:#2894ff; }
.related-brand ul li.b3 { background-color:#0080ff; }


/* �������� *******************************************************************************************************************************************/

.agent-banner { width:100%; }
.agent-banner img { display:block; width:100%; }

.agent-item { margin:16px 0; }
.agent-item li { margin:16px 0; font-size:18px; color:#fff; line-height:180%; background-color:#1c92d1; }
.agent-item li .pic { width:37.15%; }
.agent-item li .pic img { display:block; width:100%; }
.agent-item li .txt { width:62.85%; }
.agent-item li .txt-inner { margin:60px 95px 0; }
.agent-item li .txt h3 { font-size:30px; font-weight:bold; line-height:220%; }

.shop-show { margin:16px 0; padding:30px 60px; color:#fff; background-color:#1c92d1; }
.shop-show h3 { font-size:48px; font-weight:bold; color:#fff; text-align:center; line-height:160%; }

.agent-slide { position:relative; width:100%; margin-top:30px; overflow:hidden; }
.agent-slide .item { margin:0 -9px; }
.agent-slide .item ul { overflow:hidden; zoom:1; }
.agent-slide .item ul li { float:left; _display:inline; width:25%; overflow:hidden; text-align:center;  }
.agent-slide .item ul li .pic { position:relative; display:block; margin:0 9px; overflow:hidden; }
.agent-slide .item ul li .pic img { display:block; width:100%; }
.agent-slide .item ul li h5 { margin-top:10px; font-size:30px; line-height:160%; }
.agent-slide .prev,
.agent-slide .next { position:absolute; z-index:1; top:35%; width:70px; height:70px; text-indent:-9999em; background-repeat:no-repeat; background-position:center; filter:alpha(opacity=80); opacity:0.8; overflow:hidden; }
.agent-slide .prev { left:0; background-image:url("../style/prev.png"); }
.agent-slide .next { right:0; background-image:url("../style/next.png"); }
.agent-slide .prev:hover,
.agent-slide .next:hover { filter:alpha(opacity=100); opacity:1; }

.agent-contact { margin:50px 70px; }
.agent-contact h3 { margin-bottom:30px; font-size:48px; font-weight:bold; color:#1c92d1; line-height:160%; text-align:center; }
.agent-contact table { width:100%; text-align:center; }
.agent-contact table tr.odd,
.agent-contact table tr.odd td { background-color:#ededed; }
.agent-contact table th,
.agent-contact table td { height:90px; padding:0 5px; }
.agent-contact table th { font-size:30px; font-weight:normal; color:#fff; background-color:#1c92d1; }
.agent-contact table td { font-size:24px; }


/* ���̼��� *******************************************************************************************************************************************/
.joined { position:relative; background-color:#0098e0; overflow:hidden; }
.joined-bg,
.joined-bg img { width:100%; }
.joined-item { position:absolute; bottom:10px; right:0; width:100%;  }
.joined-item ul li {  text-align:right; padding-right: 50px;padding-top: 10px; }
.joined-item .pic img { width:100%; }
.joined-item .btn img { width:14%; }

.joined-content { width:100%; }
.joined-content img { display:block; width:100%; }


/* message *******************************************************************************************************************************************/
.message { width:100%; margin-top:50px; padding-bottom:130px; overflow:hidden; }
.message-bg { margin-top:0; padding-top:12px; background-color:#acdbff; }
.message h3 { margin-bottom:30px; font-size:48px; font-weight:bold; color:#1c92d1; line-height:160%; text-align:center; }
.message ul { padding:0 35px; }
.message ul li { float:left; width:50%; }
.message-info { margin:0 35px; }
.message-info p { margin:13px 0; font-size:24px; line-height:42px; }
.message-info p strong { font-size:30px; font-weight:normal; color:#1c92d1; }
.message-info p span { color:#000; }
.message-form { margin:0 35px; }
.message-form dl { height:70px; margin:20px 0; border-radius:20px; background-color:#e8e8e8; }
.message-form dl dt { float:left; }
.message-form dl dt label { display:block; padding-left:27px; font-size:24px; line-height:70px; }
.message-form dl dd {  margin-right:15px; margin-left:160px; }
.message-form dl dd input { display:block; width:100%; height:70px; font-size:24px; line-height:70px; border:none; background:none; }
.message-form dl.last { height:auto; }
.message-form dl.last dt { float:none; }
.message-form dl.last dd { margin-left:0; padding:0 27px 20px; }
.message-form dl.last dd textarea { display:block; width:100%; font-size:24px; border:none; background:none; }
.message-form .btn-submit { display:block; height:60px; padding:0 27px; font-size:24px; color:#fff; line-height:60px; border-radius:20px; border:none; background:#1c92d1; cursor:pointer; }
.message-form .btn-submit:hover { background:#0082c8; }


/* ���� *******************************************************************************************************************************************/
.list-photo { width:100%; }
.list-photo ul { margin:0 -15px; }
.list-photo ul li { float:left; width:25%; margin-bottom:20px; }
.list-photo ul li a { position:relative; display:block; margin:0 15px; box-shadow:0 0 4px rgba(0,0,0,0.25); }
.list-photo ul li .pic { position:relative; width:100%; height:0; padding-top:74.44%; overflow:hidden; }
.list-photo ul li .pic img { position:absolute; left:0; top:0; width:100%; }
.list-photo ul li .info { padding:10px 15px; 
-webkit-transition:background-color 0.3s ease; 
transition:background-color 0.3s ease; 
}
.list-photo ul li .info .title { height:28px; font-size:16px; line-height:28px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.list-photo ul li .info .intro { margin-top:8px; font-size:12px; color:#555; line-height:160%; }
.list-photo ul li .info .more { display:inline-block; margin-top:15px; margin-bottom:5px; padding:0 18px; font-size:14px; color:#fff; line-height:25px; text-transform:lowercase; border-radius:20px; background-color:#009ee7; }
.list-photo ul li .date { position:absolute; top:0; left:0; width:64px; height:50px; padding:7px 0; font-size:16px; color:#fff; line-height:25px; text-align:center; background-color:#009ee7; }
.list-photo ul li .date span { display:block; font-size:18px; font-weight:bold; }
.list-photo ul li a:hover .info { background-color:#009ee7; }
.list-photo ul li a:hover .info .title,
.list-photo ul li a:hover .info .intro { color:#fff; }
.list-photo ul li a:hover .info .more { color:#009ee7; background-color:#fff; }

.list-text { width:100%; }
.list-text ul { margin:0 -15px; }
.list-text ul li { float:left; width:50%; margin-bottom:10px; }
.list-text ul li a { position:relative; display:block; margin:0 15px; padding:15px 0; border-bottom:1px solid #e6e6e6; }
.list-text ul li .date { float:right; }
.list-text ul li .info { margin-right:100px; }
.list-text ul li .info .title { height:28px; font-size:16px; font-weight: bold; line-height:28px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.list-text ul li .info .intro { margin-top:8px; font-size:14px; color:#555; line-height:160%; }
.list-text ul li .info .more { display:inline-block; margin-top:5px; }
.list-text ul li a:hover .date { color:#555; }
.list-text ul li a:hover .info .title,
.list-text ul li a:hover .info .more { color:#009ee7; }


/* ���ʻ *******************************************************************************************************************************************/
.event-slide { position:relative; overflow:hidden; }
.event-slide .item ul { overflow:hidden; zoom:1; }
.event-slide .item ul li { float:left; _display:inline; width:33.33%; overflow:hidden; text-align:center;  }
.event-slide .item ul li a { position:relative; display:block; width:100%; min-height:500px; background-repeat:no-repeat; background-position:center top; background-size:cover; }
.event-slide .item ul li a img { visibility:hidden; position:absolute; bottom:65px; left:0; width:100%; filter:alpha(opacity=0); opacity:0; 
-webkit-transition:all 0.3s ease; 
transition:all 0.3s ease; 
}
.event-slide .item ul li a:hover img { visibility:visible; filter:alpha(opacity=100); opacity:1; }
.event-slide .prev,
.event-slide .next { position:absolute; z-index:1; top:50%; width:60px; height:140px; margin-top:-70px; text-indent:-9999em; background-color:#fff; background-repeat:no-repeat; background-position:center; filter:alpha(opacity=70); opacity:0.7; overflow:hidden; }
.event-slide .prev { left:0; background-image:url("../style/prev_1.png"); }
.event-slide .next { right:0; background-image:url("../style/next_1.png"); }
.event-slide .prev:hover,
.event-slide .next:hover { filter:alpha(opacity=100); opacity:1; }


/* ��Ƶ *******************************************************************************************************************************************/
.list-video { width:100%; }
.list-video ul { margin:0 -15px; }
.list-video ul li { float:left; width:25%; margin-bottom:20px; }
.list-video ul li a { position:relative; display:block; margin:0 15px; box-shadow:0 0 4px rgba(0,0,0,0.25); }
.list-video ul li .pic { position:relative; width:100%; height:0; padding-top:74.44%; overflow:hidden; }
.list-video ul li .pic img { position:absolute; left:0; top:0; width:100%; }
.list-video ul li .pic .btn-play { position:absolute; left:50%; top:50%; width:12.5%; height:0; margin-top:-6.25%; margin-left:-6.25%; padding-top:12.5%; text-indent:-9999em; background:url("../style/play_2.png") no-repeat center; background-size:100%; filter:alpha(opacity=75); opacity:0.75; overflow:hidden; }
.list-video ul li .info { padding:10px 15px; 
-webkit-transition:background-color 0.3s ease; 
transition:background-color 0.3s ease; 
}

.list-video ul li .info .date { float:right; font-size:12px; }
.list-video ul li .info .title { height:28px; margin-right:100px; font-size:14px; line-height:28px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.list-video ul li a:hover .pic .btn-play { filter:alpha(opacity=100); opacity:1; }
.list-video ul li a:hover .info { background-color:#009ee7; }
.list-video ul li a:hover .info .date,
.list-video ul li a:hover .info .title { color:#fff; }


/* ��ϵ���� *******************************************************************************************************************************************/
.map { float:left; width:50%; min-height:100%; background-color:#f8f8f8; }
.contact { float:left; width:50%; overflow:hidden; }
.contact .item { margin:0 30px; margin-top:-1px; padding:50px 0; border-top:1px solid #1c92d1; }
.contact .item h3 { font-size:30px; color:#1c92d1; text-align:center; line-height:160%; }

.contact-info { position:relative; font-size:20px; line-height:35px; }
.contact-info img { position:absolute; right:0; bottom:0; width:41.5%; max-width:327px; }
.contact-info p { margin:10px 0; }
.contact-info p span { font-weight:bold; color:#000; }

.contact-form { margin-top:15px; padding-bottom:20px; font-size:20px; }
.contact-form dl { float:left; width:100%; height:50px; margin:5px 0; background-color:#e8e8e8; }
.contact-form dl dt { float:left; }
.contact-form dl dt label { display:block; padding-left:15px; line-height:50px; }
.contact-form dl dd { margin-right:15px; margin-left:15px; }
.contact-form dl dd input { display:block; width:100%; height:50px; line-height:50px; border:none; background:none; }
.contact-form dl.w50 { width:50%; }
.contact-form dl.first dd { margin-right:0; border-right:10px solid #fff; }
.contact-form dl.last { height:auto; }
.contact-form dl.last dd textarea { display:block; width:100%; margin:10px 0; border:none; background:none; }

.contact-form .btn { float:left; width:100%; margin-top:30px; text-align:center; }
.contact-form .btn-submit,
.contact-form .btn-reset { display:inline-block; width:115px; height:40px; margin:0 10px; font-size:16px; border-radius:40px; cursor:pointer; }
.contact-form .btn-submit,
.contact-form .btn-reset:hover { color:#fff; border:none; background:#1c92d1; }
.contact-form .btn-reset { color:#1c92d1; border:1px solid #1c92d1; background:#fff; }


/* �����̳� *******************************************************************************************************************************************/
.shop { background:#0098e0 url("../style/bg.jpg") no-repeat center; background-size:cover overflow:hidden; }
.shop-link { position:absolute; right:0; top:50%; margin-top:-346px; }
.shop-link li { margin:4px 0; }
.shop-link li a { position:relative; display:block; width:365px; height:168px; background:url("../style/link_bg.png") no-repeat right center; }
.shop-link li a .lg-1 { position:absolute; top:35px; left:0; }
.shop-link li a .lg-2 { position:absolute; top:35px; left:170px; }
.shop-link li a span { position:absolute; left:26px; top:109px; width:78px; height:28px; font-size:18px; color:#1c92d1; text-align:center; line-height:28px; border-radius:5px; border:1px solid #1c92d1; background-color:#fff; }
.shop-link li a em { position:absolute; top:75px; left:170px; font-size:16px; color:#fff; }
.shop-link li a:hover span { color:#fff; border-color:#e2a269; background-color:#e2a269; }

/*��ť*/
.new-arr-right{
	 position:absolute;
	  width:40px; 
	  height:80px; 
	  background-repeat:no-repeat;
	  overflow:hidden;
	  cursor:pointer; 
	  right:10px;
	  top: 50%;
	  margin-top: -40px;
	  background-color: none !important;
	  background-image:url("../style/next_1.png") !important;
	  background-size: 40px 80px;
	  display: none;
}
.new-arr-left{
	 position:absolute; top:87px; width:30px; height:30px; background-repeat:no-repeat; background-position:center; overflow:hidden; cursor:pointer; 
	 right:0; background-image:url("../style/prev_1.png");
}
.module-title a{color:#fff;}