/*basic*/
.layout { margin: 0 auto; width: 960px; }

a { color: #333; }
.a-blue a { color: #0068b7; }
.a-white a { color: #fff; }
.a-gray a { color: #666; }
a:hover, .a-blue a:hover,.a-white a:hover,.a-gray a:hover { color: #F63; text-decoration: underline; }
.info p { color: #666; font-size: 12px; line-height: 1.84em; text-align: left; text-align: justify; text-justify: inter-ideograph; }
.indent p { text-indent: 2em; }
.md-tt,.subtitle{color:#fff; font: normal 48px/1.68em \5fae\8f6f\96c5\9ed1, "Microsoft Yahei";text-align:center; }
.subtitle{font: normal 18px/1.8em \5fae\8f6f\96c5\9ed1, "Microsoft Yahei"; }
.center{text-align:center;}
.area{width:100%;z-index:1;}
.area-extra{padding:56px 0;}

.ks-ui-carousel { position: relative; overflow: hidden; z-index:1;}
.ks-ui-carousel-mod { overflow: hidden; position: relative; }
.ks-ui-carousel .ks-ui-carousel-panel { overflow: hidden; position: relative; }
.ks-ui-carousel .ks-ui-carousel-nav { text-align: right; position: absolute; }
.ks-ui-carousel .ks-ui-carousel-nav li { cursor: pointer; display: inline-block; *display:inline;*zoom:1;_position: relative; font-size: 0; overflow: hidden; }
.ks-ui-carousel .ks-ui-carousel-nav li.ks-ui-carousel-active { }
.ks-ui-carousel .carouselprevnext { cursor: pointer; display: block; position: absolute; z-index: 5; }

.header { }
.header .mod { margin-bottom: 0; }
/*logoarea*/
.logoarea { height: 50px; padding: 20px 150px; }
.logoarea h1 { float: left; }
.logoarea .search { float: right; height: 34px; padding-top: 8px; width: 488px; }
.logoarea .search-extra { height: 18px; padding-bottom: 4px; overflow: hidden; white-space: nowrap; width: 100%; }
.logoarea .search-extra strong { color: #696969; font-weight: normal; }
.logoarea .search-extra a { margin: 0 3px; }
.logoarea .search-main { height: 34px; overflow: hidden; width: 100%; }
.logoarea .search-txt { background: none; border-color: #39c; border-style: solid none solid solid; border-width: 2px 0 2px 2px; -webkit-box-shadow: 2px 2px 2px #ddd inset; -moz-box-shadow: 2px 2px 2px #ddd inset; box-shadow: 2px 2px 2px #ddd inset; float: left; height: 30px; line-height: 30px; padding:0 10px; width: 380px; }
.logoarea .search-btn { background-color: #4aa8e3; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(109, 189, 239)), to(rgb(47, 149, 214))); background-image: -webkit-linear-gradient(top, rgb(109, 189, 239), rgb(47, 149, 214)); background-image: -moz-linear-gradient(top, rgb(109, 189, 239), rgb(47, 149, 214)); background-image: -o-linear-gradient(top, rgb(109, 189, 239), rgb(47, 149, 214)); background-image: -ms-linear-gradient(top, rgb(109, 189, 239), rgb(47, 149, 214)); background-image: linear-gradient(top, rgb(109, 189, 239), rgb(47, 149, 214)); border: 1px solid #39c; color: #fff; cursor: pointer; float: right; font-family: \5fae\8f6f\96c5\9ed1, "Microsoft Yahei"; font-size: 16px; height: 34px; width: 86px; }
.logoarea .search-btn:hover { background-color: #3489c6; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(74, 168, 226)), to(rgb(52, 137, 198))); background-image: -webkit-linear-gradient(top, rgb(74, 168, 226), rgb(52, 137, 198)); background-image: -moz-linear-gradient(top, rgb(74, 168, 226), rgb(52, 137, 198)); background-image: -o-linear-gradient(top, rgb(74, 168, 226), rgb(52, 137, 198)); background-image: -ms-linear-gradient(top, rgb(74, 168, 226), rgb(52, 137, 198)); background-image: linear-gradient(top, rgb(74, 168, 226), rgb(52, 137, 198)); }
.logoarea .search-main { background: url(../images/search-bg.png) no-repeat\9; }
.logoarea .search-txt { height: 34px\9; line-height: 34px\9; width: 382px\9; }
.logoarea .search-btn { height: 34px\9; text-indent: -999em\9; width: 86px\9; }
.logoarea .search-txt, .logoarea .search-btn, .logoarea .search-btn:hover { background: none\9; border: 0 none\9; }

.bgc-1{background-color:#019bb5;}
.bgc-2{background-color:#fe4602;}

.bgc-3{background-color:#26ae90;}
.bgc-3 .arrow-l{border-color: transparent #26ae90 transparent transparent;}
.bgc-3 .arrow-r{border-color: transparent transparent transparent #26ae90;}

.bgc-4{background-color:#4ba2c6;}
.bgc-4 .arrow-l{border-color: transparent #4ba2c6 transparent transparent;}
.bgc-4 .arrow-r{border-color: transparent transparent transparent #4ba2c6;}

.bgc-5{background-color:#58bcdd;}
.bgc-5 .arrow-l{border-color: transparent #58bcdd transparent transparent;}
.bgc-5 .arrow-r{border-color: transparent transparent transparent #58bcdd;}

.bgc-6{background-color:#fff;}
.bgc-6 .arrow-l{border-color: transparent #fff transparent transparent;}
.bgc-6 .arrow-r{border-color: transparent transparent transparent #fff;}

.bgc-7{background-color:#4e4a9d;}
.bgc-7 .arrow-l{border-color: transparent #4e4a9d transparent transparent;}
.bgc-7 .arrow-r{border-color: transparent transparent transparent #4e4a9d;}

.bgc-8{background-color:#e84c3d;}
.bgc-9{background-color:#363b48;}
.bgc-9 .arrow-l{border-color: transparent #363b48 transparent transparent;}
.bgc-9 .arrow-r{border-color: transparent transparent transparent #363b48;}

.bgc-10{background-color:#fc0;}
.bgc-10 .bgc-16 .arrow-l{border-color: transparent #fc0 transparent transparent;}
.bgc-10 .bgc-16 .arrow-r{border-color: transparent transparent transparent #fc0;}

.bgc-11{background-color:#58a968;}
.bgc-12{background-color:#272727;}
.bgc-12 .arrow-l{border-color: transparent #272727 transparent transparent;}
.bgc-12 .arrow-r{border-color: transparent transparent transparent #272727;}

.bgc-13{background-color:#000;}

.bgc-14{background-color:#e95855;}
.bgc-15{background-color:#f3492d;}
.bgc-16{background-color:#3f9fc9;}

.bgc-17{background-color:#111;}
.bgc-18{background-color:#f6f6f6;}

.tags{color:#fff;display:block;height:40px;position:relative;text-align:center;}
.tags-short{font:normal 20px/2em \5fae\8f6f\96c5\9ed1, "Microsoft Yahei";margin-bottom:50px;width:180px;text-indent:-20px;}
.tags-long{font:normal 24px/1.66em \5fae\8f6f\96c5\9ed1, "Microsoft Yahei";width:470px;margin:0 auto 40px;}
.tags .arrow{position:absolute;top:0;}
.tags .arrow-l{border-width: 18px 20px 22px 0;right:0;}
.tags .arrow-r{border-width: 18px 0 22px 20px; left:0;}

/*logo-area*/
.logo-area{height:50px;padding:15px 0;}
.logo-area .logo,.logo-area .periodical{_display:inline;float:left;height:50px;width:50%;}
.logo-area .logo{color:#fff;float:left;font:italic normal 18px/50px \5fae\8f6f\96c5\9ed1, "Microsoft Yahei";}
.logo-area .logo img{float:left;margin-right:10px;}
.logo-area .periodical{color:#fff;text-align:right;}
.logo-area .periodical strong{font:normal 18px/50px \5fae\8f6f\96c5\9ed1, "Microsoft Yahei";}
.logo-area .periodical i{border-radius:4px;font:normal 14px/50px \5fae\8f6f\96c5\9ed1, "Microsoft Yahei";background:#bd0102;padding:4px;margin-left:10px;}
/*menu*/
.menu{z-index:8;}
.menu ul{clear:both;display:block;height:40px;width:100%;}
.menu ul li { float: left; _display: inline; }
.menu ul li a { color: #fff; display: block; font: normal 16px/2.5em \5fae\8f6f\96c5\9ed1, "Microsoft Yahei"; height: 40px; padding: 0 26px; text-decoration: none; }
.menu ul .selected a, .menu ul li a:hover { background: #e95855; }

/*poster*/
.poster{text-align:center; overflow:hidden;position:relative;}
.more-info{position:absolute;right:50%;margin-right:-480px;top:20px;}
.more-info dt{float:left;}
.more-info dt a{background:#5c4d45;color:#fff;display:block;height:28px;line-height:28px;position:relative;text-decoration:none;width:100px;}
.more-info dt a i{background:url(../images/arrow-l.png) no-repeat;display:block;height:14px;width:14px;position:absolute;top:7px;left:4px;}
.more-info dt a:hover{background-color:#fe4602;}
.more-info .more a{background:#fe4602;}
.more-info .more a i{background:url(../images/arrow.png) no-repeat;
-webkit-transition: -webkit-transform .2s ease-in;
 -webkit-backface-visibility: hidden; 
 -moz-transition: -moz-transform .2s ease-in;
 -o-transition: -o-transform .2s ease-in; 
 transition: transform .2s ease-in; 
 left:80px;}
.more-info .more.hover i,.more-info .more a:hover i{
	-moz-transform: rotate(90deg); -moz-transform-origin: 50% 50%; 
	-webkit-transform: rotate(90deg); -webkit-transform-origin: 50% 50%; 
	-o-transform: rotate(90deg); -o-transform-origin: 50% 50%;
	transform: rotate(90deg); transform-origin: 50% 50%;}
.more-info .more-pop{display:block;background:url(../images/more-pop.png) repeat-y;height:300px;overflow:hidden;padding-top:10px;position:absolute;right:0;top:28px;width:300px;}

.more-pop .ks-ui-carousel{height:300px;margin-left:auto;margin-right:auto;overflow:visible;position:relative;width:300px;}
.more-pop .ks-ui-carousel-mod{height:255px;margin-bottom:10px;overflow:hidden;position:relative;width:300px;}
.more-pop .ks-ui-carousel-panel{float:left;height:255px;overflow:hidden;position:relative;width:300px;}
.more-pop .ks-ui-carousel-nav{display:none;}

.more-info .more-list li a{background:none;border-bottom:#555 solid 1px;height:50px;line-height:50px;text-align:left;text-indent:14px;width:300px;}
.more-info .more-list li a:hover{background:#fe4602;}
.more-info .more-pop{display:none;}

.more-info .more-pop .split{color:#fff;padding:0 6px;}
.more-info .more-pop .carouselprevnext{background:none;border-bottom:0 none;display:inline;position:relative;width:auto;}
.more-info .more-pop .carouselprevnext.hover{background:none;}
.more-info .more-pop .carouselprevnext.disabled{color:#999;cursor:default;}
.more-pop .carouselprev{margin-left:163px;}
/*brandsuccess*/
.brandsuccess .item-list{padding:60px 0 60px 20px;}
.brandsuccess .item-list li{background:url(../images/brandsuccess-tags.png) no-repeat left 10px;color:#fff;font:normal 22px/1.68em \5fae\8f6f\96c5\9ed1, "Microsoft Yahei";float:left;_display:inline;margin-bottom:30px;width:33%;overflow:hidden;}
.brandsuccess .item-list li p{padding:0 20px 0 50px;text-shadow:1px 1px 6px #666;}
/*aboutus*/
.aboutus {padding-top:40px;}
.aboutus .img-text{padding-top:40px;}
.aboutus .imgarea{margin-right:0;text-align:center;width:44%;}
.aboutus .txtarea{float:right;display:inline;width:56%;}
.aboutus .txtarea p{color:#fff;font-size:14px;margin-bottom:20px;padding-right:16%;}
.aboutus .itemdetail a{margin-top:60px;}
/*memorabilia*/
.memorabilia{background-repeat:no-repeat; background-position:center 240px;height:760px;position:relative;}
.memorabilia .subtitle{position:relative;top:420px;}
.memorabilia .itemdetail a,
.honor .itemdetail a{position:absolute;bottom:40px;left:50%;margin-left:-100px;}
.honor{background-repeat:no-repeat; background-position:center bottom;height:650px;position:relative;}
.honor .itemdetail a{bottom:380px;margin-left:-120px;}

.p-h60lh56 p{font-size:14px;height:60px;line-height:56px;}

.brandgallery {z-index:5;}
.videos-area{text-align:center;margin-top:50px;}
.brandcase .tags{margin-bottom:30px;}
.brandcase .img-list{margin-top:50px;}
.weixin{padding-bottom:0;}
.weixin-dimensionalcode p{color:#fff;font:normal 18px/2.2em \5fae\8f6f\96c5\9ed1, "Microsoft Yahei";}
.otherbrands .opacitybg{position:relative;height:200px;width:306px;}
.coda .tags{margin-bottom:20px;}
.coda .subtitle{color:#999;}

.itemdetail a{color:#fff;display:block;font:normal 18px/35px \5fae\8f6f\96c5\9ed1, "Microsoft Yahei";height:40px;text-align:center;text-decoration:none;width:200px; }
.btn-green a{background:url(../images/btn-green.png) no-repeat;}
.btn-red a{background:url(../images/btn-red.png) no-repeat;}
/*otherbrands*/
.otherbrands .ks-ui-carousel{height:440px;margin-left:auto;margin-right:auto;overflow:visible;position:relative;width:960px;}
.otherbrands .ks-ui-carousel-mod{height:440px;overflow:hidden;position:relative;width:960px;}
.otherbrands .ks-ui-carousel-panel{float:left;}
.otherbrands .ks-ui-carousel-nav{display:none;}
.otherbrands .ks-ui-carousel-nav li{ border-radius:6px;background:none #4d94d0;cursor:pointer;display:inline-block;*display:inline;*zoom:1;_position:relative;font-size:0;height:12px;margin:0 2px;overflow:hidden;width:12px;}
.otherbrands .ks-ui-carousel-nav li.ks-ui-carousel-active{ background:none #f30;}
.otherbrands .carouselprevnext{background:url(../images/prevnext.png) no-repeat;cursor:pointer;display:block;height:60px;position:absolute;text-indent:-9999em;top:50%;margin-top:-40px;width:45px;z-index:9; filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; }
.otherbrands .carouselprev{background-position:0 0;left:-126px;}
.otherbrands .carouselnext{background-position:-45px 0;right:-126px;}
.otherbrands .hover{ filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.otherbrands .disabled{ filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}

/*about-editor*/
.about-editor{height:50px;}
.about-editor-list{float:left;left:50%;position:relative;}
.about-editor-list dl{left:-50%;position:relative;}
.about-editor dt,.about-editor dd{color:#fff;display:inline;float:left;font-family:\5b8b\4f53, simsun;font-size:14px;}
.about-editor dt{background:#ca2128;height:22px;line-height:22px;margin:14px 8px 0 0;padding:0 8px;}
.about-editor dd{line-height:50px;margin-right:16px;}
.about-editor a{color:#fff;text-decoration:none;}
/*footer-extra*/
.footer-extra{text-align:center;padding-top:20px;}
.foot-nav{height:30px;line-height:30px;}
.foot-nav span{color:#666;margin:0 6px;}
.footer-copyright{color:#666;height:60px;line-height:2em;}

/*brandstory-archive*/
.brandstory-archive .hd{border-bottom:#e7e7e7 solid 3px;height:40px;padding-top:20px;}
.brandstory-archive .hd strong{border-bottom:#ff7f02 solid 3px;display:block;font:normal 18px/2.2em \5fae\8f6f\96c5\9ed1, "Microsoft Yahei";height:40px;text-indent:10px;width:110px;}
.brandstory-archive .item{border-bottom:#e7e7e7 solid 3px;padding:20px 0}
.brandstory-archive .title{font:normal 18px/2.2em \5fae\8f6f\96c5\9ed1, "Microsoft Yahei";}
.brandstory-archive .metadata{color:#999;}
.brandstory-archive .metadata .split{padding:0 8px;}
.brandstory-archive .pic{margin:16px 0 0;}

/*timeline*/
.timeline .mod .bd{background:url(../images/timeline-bg.png) repeat-y 163px 0;padding:50px 0;}
.timeline-honor .mod .bd{background:url(../images/timeline-honor-bg.png) repeat-y 163px 0;}
.timeline-item h3{font:normal 30px/2em \5fae\8f6f\96c5\9ed1, "Microsoft Yahei";position:relative;height:60px;padding-bottom:40px;}
.timeline-item h3 a{color:#4ba2c6; float:left;padding:0 20px;text-decoration:none;}
.timeline-item h3 i{display:block;height:60px;width:60px;background:url(../images/year.png) no-repeat;position:absolute;left:138px;top:0;-webkit-transition: -webkit-transform .2s ease-in; -webkit-backface-visibility: hidden; -moz-transition: -moz-transform .2s ease-in; -o-transition: -o-transform .2s ease-in; transition: transform .2s ease-in; }
.timeline-item li { *zoom: 1; }
.timeline-item  ul{clear:both;}
.timeline-item li:after { content: '\20'; display: block; height: 0; clear: both; }
.timeline-item li{background:url(../images/month.png) no-repeat 154px top;clear:both;display:block;padding-bottom:50px;}
.timeline-honor .timeline-item li{background-image:url(../images/month-honor.png);}
.timeline-item .date,.timeline-item .info{float:left;_display:inline;}
.timeline-item .date{color:#333;font:normal 16px/2.25em \5fae\8f6f\96c5\9ed1, "Microsoft Yahei";width:120px;text-align:right;margin-right:50px;}
.timeline-item .date span{color:#999;display:block;font-size:12px;line-height:1em;}
.timeline-item .info{width:740px;margin-left:50px;}
.timeline-item .pic{border:#e7e7e7 solid 1px;width:550px;}
.timeline-item .info p{font:normal 20px/1.6em \5fae\8f6f\96c5\9ed1, "Microsoft Yahei";}
.timeline-item .pic p{background:#fff;font:normal 16px/1.8em \5fae\8f6f\96c5\9ed1, "Microsoft Yahei";padding:10px 20px;}

/*hover*/
.timeline-item .hover i{-moz-transform: rotate(90deg); -moz-transform-origin: 50% 50%; -webkit-transform: rotate(90deg); -webkit-transform-origin: 50% 50%; -o-transform: rotate(90deg); -o-transform-origin: 50% 50%; transform: rotate(90deg); transform-origin: 50% 50%; }

.list-tt{font:normal 18px/2em \5fae\8f6f\96c5\9ed1, "Microsoft Yahei";color:#333;margin-bottom:20px;margin-top:-30px;}

.contact .info p{color:#fff;text-align:left;}
.contact .info p strong{font-size:14px;}
.contact .tags{margin-bottom:30px;}