@charset "utf-8";
/*
	About:hinglee
	Date:2014/06/03
	Author:Darvin
*/
/* CSS Document */
@import url(reset.css);
* html,* html body{background-image:url(about:blank);background-attachment:fixed}
@font-face {
    font-family: 'futura_md_btbold';
    src: url('../Font/futura/futurab-webfont.eot');
    src: url('../Font/futura/futurab-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Font/futura/futurab-webfont.woff') format('woff'),
         url('../Font/futura/futurab-webfont.ttf') format('truetype'),
         url('../Font/futura/futurab-webfont.svg#futura_md_btbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
[data-role="transition"] { 
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
[data-role="transition1"] {
	-moz-transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
}
body{ color:#666666; min-width:1000px; *overflow-x:hidden;}
.in-wrap{ position:relative; margin:0 auto; width:1000px; z-index:10;}
.comm-jpg{ background:url(../images/comm.png) no-repeat;}
.red{ font-size:16px; color:#ff3333;}
.black{ font-size:14px; color:#000;}


/** header **/
.header{ background:url(../images/loadinfo.gif) no-repeat center center; width:100%; height:214px;}
.header-lan{ padding-top:10px; width:100%; text-align:right;}
.header-lan a{ margin-left:15px; display:inline-block; color:#fff;}
.header1 .header-lan a{ color:#666;}

.header-link{ padding-top:28px;}

.header-link .header-collapse{ margin-top:10px; padding-left:26px; width:950px; height:44px; background:#12d6bd;}
.header-link .header-collapse ul li{ float:left; width:103px;}
.header-link .header-collapse div.nav-link{ position:relative; height:44px;  overflow:hidden;}
.header-link .header-collapse div.nav-link a{ position:relative; display:block; padding-right:47px; width:56px; font-size:14px; font-weight:bold; line-height:44px; color:#fff; text-transform:uppercase; /*text-align:center;*/}
.header-link .header-collapse div.nav-link a em{ display:block; height:44px; line-height:44px; font-weight:bold; cursor:pointer;}
.header-link .header-collapse div.nav-link a span{ display:block; height:44px; line-height:44px; font-size:14px; color:#fff; cursor:pointer;}
.header-link .header-collapse p{ float:right; margin-right:18px; font-size:14px; line-height:44px; color:#fff;}
.header-link .header-collapse ul li div.nav-menulist{ position:absolute; top:44px; left:0; display:none; background:url(../images/header_nav_bg.png) no-repeat; width:825px; height:48px; border-top:solid 1px #87feee;}
.header-link .header-collapse ul li div.nav-menulist a{ float:left; padding:0 27px; display:block; color:#C2FFF7; height:48px; line-height:48px; }
.header-link .header-collapse ul li div.nav-menulist a:hover{ background:#0bc4ac; color:#fff;}
/*.header-link .header-collapse ul li div.nav-menulist1 div{ margin-left:-8px;}
.header-link .header-collapse ul li div.nav-menulist2 div{ margin-left:97px;}
.header-link .header-collapse ul li div.nav-menulist3 div{ margin-left:198px;}
.header-link .header-collapse ul li div.nav-menulist4 div{ margin-left:300px;}
.header-link .header-collapse ul li div.nav-menulist5 div{ margin-left:403px;}*/

.header1{ position:relative; width:100%; height:616px;}
.header-top{ height:82px;}
.banner{ position:absolute; top:0; width:100%; height:100%; z-index:9;}
.banner section.banner-section{ position:absolute; top:0; left:0; display:none; background:url(../images/loadinfo.gif) no-repeat center center; width:100%; height:100%; }
.banner .banner-title{ top:156px; left:30px; display:none; opacity:0; filter:alpha(opacity=0);}
.banner .banner-cont{ bottom:41px; right:30px; display:none; opacity:0; filter:alpha(opacity=0);}
.banner .banner-cont ul li{ float:left; width:198px; height:193px; background:#f1f2f3; text-align:center; /*animation: teltranslate1 .4s ease-out; -webkit-animation:teltranslate1 .4s ease-out; -moz-animation:teltranslate1 .4s ease-out; -ms-animation:teltranslate1 .4s ease-out;*/}
.banner .banner-cont ul li.banner-cont-li{ background:#d9dadb;}
.banner .banner-cont ul li a{ display:block;}
.banner .banner-cont ul li a h5{ margin-top:24px; font-size:16px; color:#000; height:16px; line-height:16px;}
.banner .banner-cont ul li a p{ margin:3px 0; color:#666;}
.banner .banner-cont ul li a img{ display:block; margin:10px auto 0;} 
.banner .banner-cont ul li a em{ display:inline-block; margin:15px auto 0; width:15px; height:15px; background-position:-150px -200px;}
.banner .banner-cont ul li:hover{ background:#f2c203;}
.banner .banner-cont ul li:hover a h5,.banner .banner-cont ul li:hover a p{ color:#fff;} 
.banner .banner-cont ul li:hover a em{ background-position:-200px -200px;}
/*.banner .banner-cont.banner-cont-current ul li:nth-child(1){ animation-delay: 1.9s; -webkit-animation-delay: 1.9s; -moz-animation-delay: 1.9s; -ms-animation-delay: 1.9s;}
.banner .banner-cont.banner-cont-current ul li:nth-child(2){ animation-delay: 1.7s; -webkit-animation-delay: 1.7s; -moz-animation-delay: 1.7s; -ms-animation-delay: 1.7s;}
.banner .banner-cont.banner-cont-current ul li:nth-child(3){ animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -ms-animation-delay: 1.5s;}
@keyframes teltranslate1 {
  0% { transform: translateX(-50px); opacity:0; }
  100% { transform: translateX(0);  opacity:1;}
}
@-webkit-keyframes teltranslate1 {
  0% { -webkit-transform: translateX(-50px); opacity:0;}
  100% { -webkit-transform: translateX(0); opacity:1;}
}
@-moz-keyframes teltranslate1 {
  0% { -moz-transform: translateX(-50px); opacity:0;}
  100% { -moz-transform: translateX(0); opacity:1;}
}
@-ms-keyframes teltranslate1 {
  0% { -ms-transform: translateX(-50px); opacity:0;}
  100% { -ms-transform: translateX(0); opacity:1;}
}*/

.banner .people-cont{ top:112px; right:64px !important; }
.banner .people-cont-active{ right:68px !important;}
.banner .people-cont ul li{ padding:14px 30px 23px 15px; width:552px; height:358px; background:url(../images/people_bg.png) no-repeat;}
.banner .people-cont ul li a{ margin:0 auto; width:552px; height:358px; overflow:hidden;}
.banner .people-cont ul li a img{ margin:0; width:100%; height:358px; transition:all .5s ease-in; -webkit-transition:all .5s ease-in;  overflow:hidden;}
/*.banner .people-cont ul li:hover,.banner .people-cont ul li:hover a img{ background:none !important;}*/
.banner .people-cont ul li:hover{ background:url(../images/people_bg.png) no-repeat;}
.banner .people-cont ul li:hover a img { background:none !important;  transform:scale(1.2); -webkit-transform:scale(1.2); }
.banner .banner-bg{ top:76px; left:80px; width:0; height:auto; overflow:hidden;}
.banner .banner-bg1{ top:100px; left:0;}

/*-- 毛笔字 --*/
.brush{ position:absolute; top:187px; left:243px; width:640px; display:none;}
.brush span { float:left; background:url(../images/brush.png) no-repeat -5px 0;  width:115px; height:120px; margin:1px 0 0 13px; _display:inline; animation: teltranslate .4s ease-out; -webkit-animation:teltranslate .4s ease-out; -moz-animation:teltranslate .4s ease-out; -ms-animation:teltranslate .4s ease-out;}
.brush span.brush-span0 {background:url(../images/brush.png) no-repeat; background-position:-5px 0;}
.brush span.brush-span1 {background:url(../images/brush.png) no-repeat; background-position:-120px 0;}
.brush span.brush-span2 {background:url(../images/brush.png) no-repeat; background-position:-230px 0;}
.brush span.brush-span3 {background:url(../images/brush.png) no-repeat; background-position:-345px 0;}
.brush span.brush-span4 {background:url(../images/brush.png) no-repeat; background-position:-460px 0;}
.brush span.brush-span5 {background:url(../images/brush.png) no-repeat; background-position:0 -120px;}
.brush span.brush-span6 {background:url(../images/brush.png) no-repeat; background-position:-115px -120px; }
.brush span.brush-span7 {background:url(../images/brush.png) no-repeat; background-position:-230px -120px;}
.brush span.brush-span8 {background:url(../images/brush.png) no-repeat; background-position:-350px -120px;}
.brush span.brush-span9 {background:url(../images/brush.png) no-repeat; background-position:-465px -120px;}

.brush-hover span:nth-child(2){background:url(../images/brush.png) no-repeat; background-position:-120px 0; animation-delay: .2s; -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -ms-animation-delay: .2s;}
.brush-hover span:nth-child(3){background:url(../images/brush.png) no-repeat; background-position:-230px 0; animation-delay: .3s; -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -ms-animation-delay: .3s;}
.brush-hover span:nth-child(4){background:url(../images/brush.png) no-repeat; background-position:-345px 0; animation-delay: .4s; -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -ms-animation-delay: .4s;}
.brush-hover span:nth-child(5){background:url(../images/brush.png) no-repeat; background-position:-460px 0; animation-delay: .5s; -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -ms-animation-delay: .5s;}
.brush-hover span:nth-child(6){background:url(../images/brush.png) no-repeat; background-position:0 -120px; animation-delay: .6s; -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s;}
.brush-hover span:nth-child(7){background:url(../images/brush.png) no-repeat; background-position:-115px -120px; animation-delay: .7s; -webkit-animation-delay: .7s; -moz-animation-delay: .7s; -ms-animation-delay: .7s;}
.brush-hover span:nth-child(8){background:url(../images/brush.png) no-repeat; background-position:-230px -120px; animation-delay: .8s; -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -ms-animation-delay: .8s;}
.brush-hover span:nth-child(9){background:url(../images/brush.png) no-repeat; background-position:-350px -120px; animation-delay: .9s; -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s;}
.brush-hover span:nth-child(10){background:url(../images/brush.png) no-repeat; background-position:-465px -120px; animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s;}

@keyframes teltranslate {
  0% { transform: translateY(0); }
  50% { transform: translateY(-70px); }
  100% { transform: translateY(0); }
}
@-webkit-keyframes teltranslate {
  0% { -webkit-transform: translateY(0); }
  50% { -webkit-transform: translateY(-70px); }
  100% { -webkit-transform: translateY(0); }
}
@-moz-keyframes teltranslate {
  0% { -moz-transform: translateY(0); }
  50% { -moz-transform: translateY(-70px); }
  100% { -moz-transform: translateY(0); }
}
@-ms-keyframes teltranslate {
  0% { -ms-transform: translateY(0); }
  50% { -ms-transform: translateY(-70px); }
  100% { -ms-transform: translateY(0); }
}

.banner-icon1{ height:27px;}
.banner-icon{ position:absolute; top:365px; left:0; width:150px; height:27px;}
.banner-icon a{ float:left; margin-right:18px; _display:inline; background:url(../images/comm.png) no-repeat; width:17px; height:27px; text-indent:-9999px;}
.banner-icon a.prev{ background-position:0 -200px;}
.banner-icon a.pause{ background-position:-50px -200px;}
.banner-icon a.pause1{ background-position:0 -250px;}
.banner-icon a.next{ background-position:-100px -200px;}
.banner-icon a:hover.prev{ background-position:-50px -250px;}
.banner-icon a:hover.pause{ background-position:-100px -250px;}
.banner-icon a:hover.pause1{ background-position:-200px -250px;}
.banner-icon a:hover.next{ background-position:-150px -250px;}

/** index **/
.in-total{ padding:60px 0 50px; margin-left:-80px;} 
.in-cont .in-news,.in-cont .in-about,.in-cont .in-video{ margin-left:80px; width:280px; _display:inline;}
.in-cont .in-news h4,.in-cont .in-about h4{ position:relative; padding-bottom:5px; height:27px; font-size:18px; color:#000;}
.in-cont .in-news h4 a{ position:absolute; top:2px; right:0; color:#666;}
.in-cont .in-news ul li{ margin-top:5px; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.in-cont .in-news ul li a{ color:#666;}
.in-cont .in-news ul li a:hover,.in-cont .in-news ul li a:hover em,.in-cont .in-about a:hover,.in-cont .in-news h4 a:hover{ color:#333;}
.in-cont .in-news ul li a em{ color:#999;}
.in-cont .in-about a{ margin-top:5px; display:inline-block; color:#666;}
.in-cont .in-video { position:relative; height:124px; }
.in-cont .in-video em{ position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; display:block; background:url(../images/comm.png) no-repeat -250px -150px; width:32px; height:32px;}
.in-cont .in-video em i{ display:block; background:url(../images/comm.png) no-repeat -250px -200px; width:32px; height:32px;}
.in-cont .in-video a:hover em{ background-position:-250px -100px;}

.index-brand{ width:100%; *width:104%;}
.index-brand ul li{ position:relative; float:left; width:25%; *width:24%; min-height:136px; overflow:hidden;}
.index-brand ul li em{ position:absolute; width:1px; height:100%; background:#fff; z-index:100;}
.index-brand ul li img{ position:absolute; display:none; top:0; left:0; width:100%;}
.index-brand ul li img.img{ z-index:5;}
.index-brand ul li img.index-brand-img1{ position:absolute; top:0; left:0; width:100%; z-index:10;}
.index-brand ul li.li0,.index-brand ul li.li2{ background:#12d6bd;}
.index-brand ul li.li1,.index-brand ul li.li3{ background:#47bbd3;}

/** player **/
.pop-aph { display:none; position:fixed; top:0; left:0; z-index:9997; width:100%; height:100%; background:url(../images/bg_aph.png); }
.pop { display:none; position:fixed; top:50%; left:50%; z-index:9998; width:1000px; height:560px; margin:-280px 0 0 -500px; background:#000; border-top:10px solid #000; }
.pop-close { position:absolute; top:-19px; right:0px; width:19px; height:19px; background:url(../images/comm.png) no-repeat -300px -150px;}
a:hover.pop-close{ transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg);}
.pop-content a { display:block; width:1000px; height:560px; }

/** item **/
.item{ position:relative; margin-top:-38px; padding:13px 13px 0; width:202px; height:25px; background:#fff; z-index:100; }
.item p a.item-link{ float:left; font-size:14px; height:16px; line-height:15px; color:#000;}
.item p a.item-icon{ float:right; display:inline-block; background-position:-2px -3px; width:28px; height:16px; }
.item div { position:absolute; top:38px; left:0; display:none; /*padding:10px 0;*/ background:url(../images/item_bg.png) repeat-y; width:228px; z-index:100;}
.item div a{ display:block; width:228px; height:28px; line-height:28px; color:#fff; text-indent:13px; }
.item div a:hover{ background:#12d6bd;}
.item a { transition: all .3s ease-out; }




/** location **/
.location{ position:relative; padding:25px 0; text-align:right; z-index:9;}
.location a{ margin-left:8px; padding-left:15px; display:inline-block; font-size:14px; color:#999; font-weight:bold; background:url(../images/comm.png) no-repeat -496px -1px;}
.location a:hover{ color:#000;}
.location a:first-child{ margin-top:1px; padding-left:0; background-position:-50px 0; width:12px; height:12px; vertical-align:top;}

/** container **/
.container{ position:relative; padding-bottom:100px; z-index:5;}
.container-left{ position:relative; width:228px; z-index:10;}
.container-left h2{ margin-top:5px; font-size:20px; color:#333; font-family: 'arial narrow,arial '; }
.container-left h3{ margin-top:5px; font-size:20px; color:#333; font-family: 'arial narrow,arial '; }

.container-left h4{ height:14px; font-size:14px; color:#333;}
.container-left h5{ margin-bottom:5px; font-size:16px; color:#000;}
.container-left h6{ margin-top:40px; color:#666;}
.container-left h6 a,.container-left h6 p{ font-size:16px; color:#333;}
.container-left h6 a:hover{ color:#000;}
.container-left p{ margin-top:45px; font-size:14px; color:#333;}
.container-right{ padding-top:30px; width:680px; color:#333;}
.container-right h4{ font-size:14px; color:#333;}

.timeline { position:relative; margin:30px 0 0 0; width:1000px; height:293px; overflow:hidden;}
.timeline ul{ position:relative; margin-left:-6px;}
.timeline ul li{ position:relative; float:left; margin-left:6px; _display:inline; width:497px;}
.timeline ul li div{ position:absolute; right:25px; bottom:30px; color:#fff; text-align:right;}
.timeline ul li div time{ font-size:26px; height:26px; line-height:26px; text-shadow:0px 2px 1px #696666;}
.timeline ul li div p{ font-size:14px; text-align:right;}
.time-list ul li{ position:relative; padding:10px 20px 10px 64px; font-size:14px; color:#666; border-bottom:dotted 1px #999; cursor: pointer; }
.time-list ul li em{ position:absolute; top:9px; left:0px; _left:-64px; padding-left:15px; display:inline-block; background:url(../images/comm.png) no-repeat 0 -76px; font-size:16px; color:#ff3333; vertical-align:top;}
.time-list ul li p{ font-size:14px;}
.timeline a.inner-prev,.timeline a.inner-next{ position:absolute; top:50%; margin-top:-15px; display:inline-block; background:url(../images/comm.png) no-repeat; width:30px; height:30px;}
.timeline a.inner-prev{ background-position:-100px 0; left:0;}
.timeline a.inner-next{ background-position:-150px 0; right:0;}  

/** introduction **/
.introduction img{ margin-top:25px;}
.introduction p{ line-height:2; font-size:14px; color:#333; /*margin-top:30px; line-height:20px; font-size:14px; color:#666;*/} 

/** honor **/
.honor ul{ margin-top:-15px;}
.honor ul li{ padding:15px 0; border-bottom:dotted 1px #999;}
.honor ul li a.honor-a{ position:relative; padding-left:15px; display:block;  background:url(../images/comm.png) no-repeat 0 -76px; cursor:pointer;}
.honor ul li a em{ display:inline-block; margin-right:10px; vertical-align:top; font-weight:bold;}
.honor ul li a i{ position:absolute; top:0; right:0; background:url(../images/comm.png) no-repeat -250px 0; width:30px; height:30px;}
.honor ul li a i.up{ background-position:-200px 0;}
.honor ul li div.honor-div{ display:none; padding:0 0 15px;}
.honor ul li div img{ float:left; margin:30px 18px 0 0;}
.honor ul li div img.img-margin{ margin-right:0;}
.pages{ margin-top:70px; text-align:center; height:48px; border:solid 1px #cccccc;}
.pages em{ display:inline-block; line-height:47px; vertical-align:top; color:#000;}
.pages a{ margin:0 5px; display:inline-block; font-size:14px; line-height:48px; color:#000;}
.pages a.current{ color:#ff3333;}

/** contact **/
#map{ margin-bottom:45px; width:680px; height:380px;}
.contact-info{ border-bottom:solid 1px #999;}
.contact-info tr td{ padding:5px 0; border-top:solid 1px #999; border-right:solid 1px #999;}
.contact-info tr td.td-odd{ border-right:none;}
.contact-info tr td h5{ font-size:18px; font-family: 'futura_md_btbold'; color:#333; text-transform:uppercase;}
.contact-info tr td.td-odd h5{ margin-left:35px;}
.contact-info tr td.td-odd p{ margin-left:35px;}

.contact h6{ margin-top:30px; background:#12d6bd; width:100%; height:42px; line-height:42px; text-align:center; font-size:18px; color:#fff;}
.contact-mess{ width:100%;}
.contact-mess tr td{ padding:10px 0; border-bottom:solid 1px #999; border-right:solid 1px #999; color:#666;}
.contact-mess tr td.td-odd{ border-right:none;}
.contact-mess tr td input.contact-name{ padding:5px 0 5px 10px; width:94%;}
.contact-mess tr td input.contact-email{padding:5px 0 5px 10px; margin-left:35px; width:285px;}
.contact-mess tr td input.submit{ float:right; background:none; text-align:right; cursor:pointer; border:solid 1px #fff;} 
.contact-mess tr td input:hover.submit{ color:#333;}
.contact-mess input,.contact-mess textarea{ border:solid 1px #fff; color:#666;}
.contact-mess textarea{ padding:10px; width:640px; height:130px;}

/** news **/
.news-cont{ padding-bottom:20px; border-bottom:dotted 1px #999;}
.news-cont .news-info{ width:330px;}
.news-cont .news-info h5 a{ height:16px; line-height:16px; font-size:16px; color:#000;}
.news-cont .news-info time{ margin:10px 0 15px; display:block; color:#999;}
.news-cont .news-info p{ height:80px; line-height:20px; color:#666; overflow:hidden;}
.news-cont .news-info a.news-info-more{ margin-top:23px; display:block; width:65px; height:25px; text-align:center; line-height:25px; color:#999; border:solid 1px #999;}
.news-cont .news-info a:hover.news-info-more{ background:#12d6bd; border:solid 1px #12d6bd; color:#fff;} 
.news ul li{ position:relative; padding:15px 0 15px 106px; border-bottom:dotted 1px #999;}
.news ul li time{ position:absolute; top:15px; left:-2px; _left:-106px; padding-left:16px; background:url(../images/comm.png) no-repeat 0 -76px; font-size:14px; color:#666; }
.news ul li a.news-title{ font-size:14px; color:#666;}
.news ul li a.news-more{ position:absolute; right:0; top:16px; font-size:14px; color:#666; cursor:pointer;}
.news ul li a:hover{ color:#333;}

.news .news-list{ position:relative; padding:15px 0 15px 106px; border-bottom:dotted 1px #999;}
.news .news-list time{ position:absolute; top:15px; left:-2px; _left:-106px; padding-left:16px; background:url(../images/comm.png) no-repeat 0 -76px; font-size:14px; color:#666; }
.news .news-list a.news-title{ font-size:14px; color:#666;}
.news .news-list a.news-more{ position:absolute; right:0; top:16px; font-size:14px; color:#666; cursor:pointer;}
.news .news-list a:hover{ color:#333;}


/** news detail **/
.news-detail p{ color:#000;}
.news-detail div.news-detail-wz{ margin-top:-30px;}
.news-detail div.news-detail-wz p{ line-height:22px;}
.news-detail div.news-detail-img img{ margin:30px auto 0;}
.news-detail div.news-detail-img p{ margin-top:15px; text-align:right;}
.related-news h5{ margin-top:60px; font-size:18px; color:#000;}
.related-news a.news-back{ margin-top:40px; float:right; display:block; width:65px; height:25px; text-align:center; line-height:25px; color:#999; border:solid 1px #999;}
.related-news a:hover.news-back{ background:#12d6bd; border:solid 1px #12d6bd; color:#fff;} 

/** join **/
.join div.honor-div{ margin-top:15px; border-top:dotted 1px #999;}
.join-need{ width:300px; margin:20px 17px 0; _display:inline;}
.join-need h5{ margin-bottom:3px; color:#000;}
.join-need p{ line-height:20px; color:#666;}

.teamwork-cont{ margin-top:25px; width:450px;}
.teamwork div.honor-div img{ margin-top:25px;}
.teamwork-cont h5{ margin-bottom:5px; color:#000;}
.teamwork-cont p{ line-height:22px;}

/** brand **/
.brand-top p{ font-size:14px; color:#666;}
.brand-top h2{ margin:13px 0 6px; font-family: 'arial narrow,arial'; font-size:20px; height:30px; line-height:30px; color:#000;}
.brand-top img{ margin:50px 0 0 0;}
.brand-cont{ margin:20px 0 0 -20px;}
.brand-cont ul li{ position:relative; float:left; margin:35px 0 0 20px; _display:inline; width:320px; height:258px; overflow:hidden;}
.brand-cont ul li a div{ position:absolute; left:0; bottom:-50px;  width:100%; height:44px; background:url(../images/item_bg.png) repeat; }
.brand-cont ul li a div p{ line-height:44px; text-indent:15px; font-size:14px; color:#fff; cursor:pointer;}

/** service **/
.service table{ margin:30px 0 0 0px; border-bottom:solid 1px #999;}
.service table tr td{ padding:15px 0; border-top:solid 1px #999; border-left:solid 1px #999;}
.service table tr td.td-left{ border-left:none;}
.service table tr td p{ font-size:18px; height:30px; line-height:30px;}
.service table tr td p i{ display:inline-block; margin-right:20px; background:url(../images/comm.png) no-repeat; width:30px; height:30px; vertical-align:top;}
.service table tr td p em{ margin-left:5px;}
.service table tr td.td1 p,.service table tr td.td3 p{ margin-left:35px;}
.service table tr td.td0 p i{ background-position:0 -150px;}
.service table tr td.td1 p i{ background-position:-50px -150px;}
.service table tr td.td2 p i{ background-position:-100px -150px;}
.service table tr td.td3 p i{ background-position:-150px -150px;}
.service table tr td:hover{ background:#f5f5f5;}

/** project detail **/
.project-detail img{ margin:10px 0;}
.project-deatil-cont{ margin:30px 0 0 0; color:#666;}
.project-deatil-cont p{ line-height:24px;}
.project-detail-intro h5{ margin:30px 0; font-size:16px; color:#000;}
.project-detail-intro p{ position:relative; padding-left:62px; line-height:24px; color:#666;}
.project-detail-intro p em{ position:absolute; top:3px; left:0; _left:-62px; line-height:14px; }

/** oriant **/
.oriant h4{ margin-bottom:30px; font-size:16px; color:#333;}
.oriant p{ line-height:24px; color:#333;}
.oriant-pic{ position:relative; margin-top:45px; height:380px; background:url(../images/loadinfo.gif) no-repeat center center; }
.oriant-pic ul li{ position:absolute; top:0; left:0; display:none; }
.oriant-pic ul li div{ position:absolute; top:0; left:0; display: none; padding:0 40px 0 20px; height:38px; background:url(../images/item_bg.png) repeat;}
.oriant-pic ul li div em{ background-position:-200px -150px; display:inline-block; margin-right:10px; width:12px; height:12px; vertical-align:middle;}
.oriant-pic ul li div i{ display:inline-block; height:22px; *height:38px; line-height:38px; color:#fff;} 
.oriant-icon{ position:absolute; right:25px; bottom:14px;}
.oriant-icon a{ display:inline-block; margin-left:8px; width:7px; height:6px; background:url(../images/comm.png) no-repeat -300px 0;}
.oriant-icon a.current{ background-position:-350px 0;}
.oriant-staff{ margin-top:45px;}
.oriant-staff h4{ float:left; width:228px; font-size:18px; color:#333;}
.oriant-staff .oriant-staff-cont{ float:right; width:680px; color:#666;}
.oriant-staff .oriant-staff-cont p{ line-height:24px; color:#333;}
.oriant-arrow a{ position: absolute; top: 50%; margin-top:-18px;  display: block; width: 35px; height: 35px; background: url(../images/prev_next1.png) no-repeat; }
.oriant-arrow a.oriant-arrow-left { left: -50px; background-position: 0 0px; }
.oriant-arrow a.oriant-arrow-right { right: -50px; background-position: -35px 0px; }

.oriant-honor{ margin-top:45px;}
.c-honor-listPic { position:relative; float:right; width:500px; height:300px; background:#e3e1e1; overflow:hidden; }
.c-honor-listPic ul li { position:absolute; top:15px; left:40px; width:400px; height:234px; text-align:center; display:none; }
.c-honor-listPic ul li h3 {font-size:14px; color:#000; margin-bottom:15px;}
.c-honor-listPic ul li h4 { margin-top: 15px; text-align: left; }
.c-honor-listPic img { /*border:2px solid #cccccc; padding:2px; border:0px solid rgba(255,255,255,0); box-shadow:0 0 3px rgb(220,220,220);*/ }
.c-honor-Btn a{ position:absolute; top:10px; right:20px; display:inline-block; background:url(../images/comm.png) no-repeat -400px 0; width:25px; height:25px; text-indent:-9999px;}

.c-honor-listMenu { position:relative; float:left; width:320px; }
.c-honor-listMenu h3{ font-size:18px; color:#333;}
.c-honor-listMenu ul { height:220px; overflow:hidden; }
.c-honor-listMenu ul li { padding-left:20px; width:300px; background:url(../images/comm.png) no-repeat 0 -76px; line-height:24px; color:#666666; cursor:pointer; /*overflow:hidden; white-space:nowrap; text-overflow:ellipsis; */}
.c-honor-listMenu ul li.c-honor-listMenu-current {  color:#ff3333; }

.oriant-bottom-link { margin-top:80px;}
.oriant-bottom-link a{ font-size:14px; color:#666;}
.oriant-bottom-link a:hover{ color:#000;}

/** care **/
.care ul{ margin-left:-20px;}
.care ul li{ float:left; position:relative; margin:0 0 20px 20px; _display:inline; width:213px; overflow:hidden;}
.care ul li p{ position:absolute; bottom:-34px; left:0; width:100%; text-indent:15px; height:34px; line-height:34px; background:url(../images/item_bg.png) repeat;} 
.care ul li a{ font-size:14px; color:#fff;}

/** aside right **/
.aside-fixed{ position:fixed; display:none; right:50px; bottom:50px; width:56px; z-index:100;}
.aside-fixed a{ color:#666; text-align:center;}
.aside-fixed a img{ display:block; margin:0 auto 5px;}

/** footer **/
.footer-top{ padding-top:42px; height:100px; background:#f5f5f5; }
.footer-top { text-align:center;}
.footer-top .footer-icon{ margin:0 auto; width:575px; _width:700px;}
.footer-top .bdsharebuttonbox{ width:55px; height:55px; zoom:1;}
.footer-top a{ background:url(../images/footer_icon.jpg) no-repeat; display:inline-block; width:55px; height:55px; 
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;}

.footer-top .bds_tsina{ padding-left:0 !important; margin:0 0 !important; display:block; width:55px; height:55px; background:url(../images/footer_icon.jpg) no-repeat 0 0 !important;}
.footer-top a.footer-map{ background-position:-117px 0;}
.footer-top a.footer-mess{ background-position:-234px 0;}
.footer-top a.footer-zixun{ background-position:-351px 0;}
.footer-top a.footer-wechat{ background-position:-468px 0;}
.footer-top .bds_tsina:hover{ background-position:0 -56px !important;}
.footer-top a:hover.footer-map{ background-position:-117px -56px;}
.footer-top a:hover.footer-mess{ background-position:-234px -56px;}
.footer-top a:hover.footer-zixun{ background-position:-351px -56px;}
.footer-top a:hover.footer-wechat{ background-position:-468px -56px;}
.footer-top ul li{ position:relative; float:left; margin:0 30px; display:inline-block; width:55px; height:55px; }
.footer-top ul li img.wechat_pic1{ position:absolute; top:-38px; left:90px; display:none; opacity:0; filter:alpha(opacity=0);}

.footer-bottom{ background:#000; padding-top:13px; height:30px; }
.footer-bottom .fl p{ display: inline; margin-right: 10px; font-size:14px; color:#fff;}
.footer-bottom .fl a{ font-size: 14px; color: #fff; }
.footer-bottom .fr a{ margin-left:25px; color:#fff; }
.footer-bottom .fr a:hover{ color:#999;}

/** ie6  **/
.browser { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; background:#fff; }
.ie6 { display:block; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; background:#fff; _height:1024px; _position:absolute;}
.browser-wrap { position:absolute; top:50%; left:0; width:100%; height:200px; margin-top:-100px; text-align:center; color:#666666; }
.browser h1 { margin-bottom:15px; font-size:25px; letter-spacing:2px; color:#333; }
.browser p { line-height:1.8; font-size:13px; }
.browser ul { width:600px; margin:25px auto 0; }
.browser ul li { float:left; width:120px; text-align:center; }
.browser ul li em { display:block; height:25px; line-height:25px; color:#666; }
.browser ul li a:hover em { color:#cc0000; }
	
	
/*----------------------
        Popup style
  ----------------------*/

.pop-mask { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background: #000; filter: alpha(opacity=70); opacity: .7; }
.pop-container { display: none; position: fixed; top: 50%; left: 50%; z-index: 9999; margin: -225px 0 0 -285px; padding: 10px; background: #fff; }
.pop-close { position: absolute; top: 10px; right: 10px; z-index: 1; }
.pop-photo { position: relative; width: 550px; height: 400px; background: #f2f2f2 url(../Images/loading.gif) no-repeat center center; overflow: hidden; }
.pop-photo img { position: absolute; z-index: 0; display: none; }
.pop-icon span { position: absolute; top: 50%; z-index: 1; margin-top: -15px; }
.pop-close, 
.pop-icon span { display: block; width: 40px; height: 30px; text-transform: uppercase; background: #fff; background: rgba(255,255,255,.5); line-height: 30px; font-size: 12px; color: #666; cursor: pointer; text-align: center; transition: all .3s ease-out; }
.pop-close:hover,
.pop-icon span:hover { color: #333; }
.pop-prev { left : 10px; }
.pop-next { right : 10px; }
.pop-title { height: 20px; margin-top: 10px; line-height: 20px; color: #666; text-align: center; }
.pop-sketch { display: none; position: absolute; right: 0; bottom: 40px; left: 0; padding: 10px; background: rgba(0,0,0,.5); color: #fff; }
	
.board_member_table a{
  color:#666;
}

.board_member_table a:hover{
  color:#12d6bd;
}