@charset "utf-8";
/* CSS Document Edited by LiLu */
* {
	margin:0;
	padding:0;
	outline:none;
	outline:none;
	blr:expression(this.onFocus=this.blur());
}
body, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
	list-style:none;
	text-decoration:none;
    margin: 0;
}
body,html {
	color:#000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
    font-family:"微软雅黑", Microsoft YaHei;
    position: relative;
    font-size: 14px;
    line-height: 1.8;
}
img {
    display: block;
	border:none;
	max-width: 100%;
	width: auto\9;
	height: auto;
	-ms-interpolation-mode: bicubic;
	_width:auto;
}
input, textarea {
	border:none;
	background:none;
	font-size:12px;
	vertical-align:middle;
	font-family:"微软雅黑", Microsoft YaHei;
}
select {
	font-size:12px;
	vertical-align:middle;
	cursor:pointer;
	font-family:"微软雅黑", Microsoft YaHei;
}
body a {
	outline: medium none;
}
#RepeaterNumberList_Page span {
	text-decoration:none;
    blr:expression(this.onFocus=this.blur());
	outline: none;
	color:#000;
    transition:all 0.4s ease;-webkit-transition: transition:all 0.4s ease;-moz-transition: transition:all 0.4s ease;-ms-transition: transition:all 0.4s ease;-moz-transition: transition:all 0.4s ease;
}

a {
	text-decoration:none;
    blr:expression(this.onFocus=this.blur());
	outline: none;
	color:#000;
    transition:all 0.4s ease;-webkit-transition: transition:all 0.4s ease;-moz-transition: transition:all 0.4s ease;-ms-transition: transition:all 0.4s ease;-moz-transition: transition:all 0.4s ease;
}
a:hover, a:focus {
	text-decoration:none;
    color: #7fba2e;
}
em, i {
	font-style:normal;
}
a:focus, input, select {
	outline:none;
}
.clearfix {
*zoom:1;
}
.clearfix:after {
	content:"\200B";
	display: block;
	clear: both;
	height: 0;
}
@-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
    width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
input[type="submit"], input[type="reset"], input[type="button"], button, select {
	-webkit-appearance: none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-weight: normal; padding: 0; margin: 0; font-size: 14px; line-height: 1.6; font-family:"微软雅黑", Microsoft YaHei;}
p{ margin: 0;}


/*===================header========================*/
header.header_index{ width: 100%; position: fixed; top:0; left:0; z-index: 3000; line-height: 123px;}
.logo{ display: block; float: left; padding: 21px 15px; text-align: center; line-height: normal;}
.logo span{ display: inline-block; position: relative;}
.logo img{ margin: 0 auto;}
.logo_area{ position: relative; max-width: 237px; margin: 0 auto;}
.logo .logo_img2{ position: absolute; top:0; left:0; filter:alpha(opacity=0); opacity: 0;}
.nav_list{ float: center; }
.nav_list li{ float: left; width:14.285%; text-align: center; position: relative;}
.nav_list li a.nav_item0,.nav_list li em.nav_item0{ display: block; color: #fff; position: relative; }
.nav_list li:hover a.nav_item0,.nav_list li:hover em.nav_item0{ color: #fff;}
.nav_list li a.nav_item0:before,.nav_list li em.nav_item0:before{ content: ""; position: absolute; top: 0; left:0; width: 100%; height: 0; background: #7fba2e;}
.nav_list li:hover a.nav_item0:before,.nav_list li:hover em.nav_item0:before{ height: 100%;}
.nav_list li a.nav_item0 span,.nav_list li em.nav_item0 span{ position: relative;}
.subclass{ position: absolute;/* top:150%;*/top:81%; left:0; z-index: 100; width: 100%; background: #7fba2e; text-align: center;/* filter:alpha(opacity=0); opacity:0; height:0;*/padding:0 5px 0 5px; overflow: hidden;}
.subclass{ filter:alpha(opacity=100); opacity:1; height:auto;display: none;padding-bottom:20px;}
.subclass_area{ padding: 7px 0; border-bottom: 1px solid #fff;}
.subclass a{ display: block; color: #fff; font-size: 15px; line-height:30px; height:30px; overflow: hidden;}
.subclass a:hover{text-decoration:underline;padding-bottom:5px;}
/*.nav_list li:hover .subclass{ top:100%; height: auto; padding-bottom: 20px; filter:alpha(opacity=100); opacity:1;}*/
.language{ float: right; font-family: "黑体"; padding: 0 30px; max-width: 200px; background-color: #7fba2e; position: relative;}
.language dt{ color: #fff; line-height: 80px; font-weight: normal; background: url("../images/ico_02.png") left center no-repeat; padding-left: 42px;
    cursor: pointer;}
.language dt span{ display: inline-block; background: url("../images/ico_01.png") right center no-repeat; padding-right: 20px;}
.language dd{ position: absolute; top:150%; left: 0; width: 100%; filter:alpha(opacity=0); opacity: 0; text-align: center; line-height: 30px;}
.language dd a{ display: block;}
.language:hover dd{ top:100%; filter:alpha(opacity=100); opacity:1;}
.recruit_link{ display: block; float: right; color: #fff; max-width: 250px; font-size: 12px; padding: 0 14px; border-left:1px solid transparent;}
.recruit_link span{ display: inline-block; background: url("../images/ico_03.png") left center no-repeat; padding-left: 28px;}

.page1 header.header_index .nav_list li a.nav_item0:before{ left:50%; width: 0; max-width: 60px; height: 2px; top:70%;}
.page1 header.header_index .nav_list li:hover a.nav_item0:before{ width: 60px; margin-left: -30px; height: 2px;}
.page1 header.header_index .nav_list li:hover a.nav_item0{ color: #7fba2e;}
.page1 header.header_index .language{ background-color: transparent;}
header.header_index .language dd a{ color: #7fba2e;}
header.header_index .language dd a:hover{ color: #7fba2e; }
.page2 header.header_index,.page4 header.header_index,.page6 header.header_index{ background-color: #fff; box-shadow: 0 0 20px -2px #ccc;}
.page2 header.header_index .logo .logo_img2,.page4 header.header_index .logo .logo_img2,.page6 header.header_index .logo .logo_img2{ filter:alpha(opacity=100); opacity:1;}
.page2 header.header_index .recruit_link span,.page4 header.header_index .recruit_link span,.page6 header.header_index .recruit_link span{ background-image: url("../images/ico_03b.png");}
.page2 header.header_index .nav_list li a.nav_item0,.page4 header.header_index .nav_list li a.nav_item0,.page6 header.header_index .nav_list li a.nav_item0{ color: #555;}
.page2 header.header_index .nav_list li em.nav_item0,.page4 header.header_index .nav_list li em.nav_item0,.page6 header.header_index .nav_list li em.nav_item0{color:#555;}
.page2 header.header_index .nav_list li:hover a.nav_item0,.page4 header.header_index .nav_list li:hover a.nav_item0,.page6 header.header_index .nav_list li:hover a.nav_item0{ color: #fff;}
.page2 header.header_index .nav_list li:hover em.nav_item0,.page4 header.header_index .nav_list li:hover em.nav_item0,.page6 header.header_index .nav_list li:hover em.nav_item0{ color: #fff;}
.page2 header.header_index .recruit_link,.page4 header.header_index .recruit_link,.page6 header.header_index .recruit_link{ color: #555; border-color: #ddd;}
.page3 header.header_index,.page5 header.header_index,.page7 header.header_index{ background-color: #000;}
/*header_sub*/
header.header_sub{ background-color: #fafafa; box-shadow: 0 0 20px -2px #ccc;}
header.header_sub .logo .logo_img2{ filter:alpha(opacity=100); opacity:1;}
header.header_sub .recruit_link span{ background-image: url("../images/ico_03b.png");}
header.header_sub .nav_list li a.nav_item0,header.header_sub .nav_list li em.nav_item0{ color: #555;font-size: 18px;}
header.header_sub .nav_list li:hover a.nav_item0,header.header_sub .nav_list li:hover em.nav_item0{ color: #7fba2e;}
header.header_sub .recruit_link{ color: #fff;font-size:22px;font-family:微软雅黑; border-color: #ddd; background-color: #7fba2e;}
header.header_sub .nav_list li:hover a.nav_item0,header.header_sub .nav_list li:hover em.nav_item0{ color: #fff;}


/*footer*/
footer{ font-size: 12px; text-transform: uppercase;}
footer.footer_index{ position: fixed; bottom:0px; right: 30px; z-index: 3000; width: 75%; text-align: right; word-break: break-all; color: #fff; display: none;}
footer.footer_index a{ color: #fff;}
.footer_links,.footer_links a{ display: inline-block; vertical-align: middle;}
.footer_links a{ text-align: center; margin-left: 12px;}
.footer_ico{ display: block; width: 22px; height: 22px; margin: 0 auto; position: relative;}
.footer_ico img.ico_img2{ position: absolute; top:0; left:0; filter: Alpha(Opacity=0); opacity: 0;}
.footer_links a img{ margin: 0 auto;}
.erweima{ position: absolute; bottom: 30px; left:30px; z-index: 3000; color: #fff; font-size: 12px; text-align: center;}
.erweima img{ margin: 0 auto 5px; width: 90px;}
.index_footer_links{position: absolute; bottom: 30px; right:30px; z-index: 3000;}
.index_footer_links a{color:#fff;}
footer.footer_sub{ position: relative; padding: 30px 0; border-top: 1px solid #e8e8e8;}
footer.footer_sub .footer_links{ float: right;}
footer.footer_sub .footer_links a{ display: block; float: left; margin-left: 20px;}
footer.footer_sub .footer_ico{ display: inline-block; vertical-align: middle; margin-right: 5px;}
/*paging*/
.paging{ text-align: center; font-size: 12px; margin-top: 50px;}
/*.paging a{ display: inline-block; vertical-align: middle; width: 36px; height: 36px; overflow: hidden; text-align: center; line-height: 38px; font-size: 24px; font-weight: bold; font-family: Aparajita;}
.paging a.paging_cur{ background: #3f3f3f; color: #fff;}
.paging a.paging_btn{ font-weight:normal; font-size:12px; font-family:"微软雅黑", Microsoft YaHei; width: 64px; line-height: 32px; border: 2px solid #000; margin: 0 20px;}
.paging a.paging_btn:hover{ background-color: #7fba2e; border-color: #7fba2e; color: #fff;}*/
.paging_go{ display: inline-block; vertical-align: bottom;    position: relative;
    top: -35px;
    left: 310px;}
.go_txt{ width: 34px; height: 36px; border-bottom: 2px solid #000; text-align: center;}

@media only screen and (min-width:991px ) {
	/*.nav_list li:hover .subclass{ top:100%; height: auto; padding-bottom: 20px; filter:alpha(opacity=100); opacity:1;}*/
}

@media only screen and (max-width:1199px) {
    .nav_list{ display: none;}
    /*a.menu-activator*/
    a.menu-activator{ display: block; float: right; padding: 0 15px; border-left: 1px solid transparent; }
    a.menu-activator span.descriptor,a.menu-activator div.visual { display: inline-block; vertical-align: middle; cursor: pointer; color: #fff;}
    a.menu-activator span.descriptor { font-family:Aparajita; font-size: 18px; text-transform: uppercase; }
    a.menu-activator div.visual { position: relative; margin-left: 4px; width: 32px; height:34px; }
    a.menu-activator div.visual i.line {
        width: 100%;
        height:3px;
        background-color: #fff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        display: block;
        position: absolute;
        -moz-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    a.menu-activator div.visual i.line.line01 {
        top: 6px;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -moz-transition-delay: 210ms;
        -o-transition-delay: 210ms;
        -webkit-transition-delay: 210ms;
        transition-delay: 210ms;
    }
    a.menu-activator div.visual i.line.line02 {
        top: 14px;
        -moz-transition-delay: 140ms;
        -o-transition-delay: 140ms;
        -webkit-transition-delay: 140ms;
        transition-delay: 140ms;
    }
    a.menu-activator div.visual i.line.line03 {
        top: 22px;
        -moz-transition-delay: 70ms;
        -o-transition-delay: 70ms;
        -webkit-transition-delay: 70ms;
        transition-delay: 70ms;
    }
    a.menu-activator div.visual i.line.line04 {
        top: 30px;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -moz-transition-delay: 0ms;
        -o-transition-delay: 0ms;
        -webkit-transition-delay: 0ms;
        transition-delay: 0ms;
    }

    a.menu-activator.active div.visual i.line:nth-child(1), a.menu-activator.active div.visual i.line:nth-child(3) {
        top:16px
    }
    a.menu-activator.active div.visual i.line:nth-child(1) {
        -moz-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    a.menu-activator.active div.visual i.line:nth-child(3) {
        -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
    a.menu-activator.active div.visual i.line:nth-child(2), a.menu-activator.active div.visual i.line:nth-child(4) {
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity:0
    }
   /* a.menu-activator.active span.descriptor{color: #e02d39;}*/
    a.menu-activator.active div.visual i.line.line01, a.menu-activator.active div.visual i.line.line02, a.menu-activator.active div.visual i.line.line03, a.menu-activator.active div.visual i.line.line04 {
        /*background-color: #e02d39;*/
        -moz-transition-delay:0ms;
        -o-transition-delay:0ms;
        -webkit-transition-delay:0ms;
        transition-delay:0ms
    }
    a.menu-activator.active div.visual:hover i.line.line01, a.menu-activator.active div.visual:hover i.line.line03 {
        filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity:1
    }
    a.menu-activator.active div.visual:hover i.line.line01, a.menu-activator.active div.visual:hover i.line.line02, a.menu-activator.active div.visual:hover i.line.line03, a.menu-activator.active div.visual:hover i.line.line04 {
        -moz-transition-delay:0ms;
        -o-transition-delay:0ms;
        -webkit-transition-delay:0ms;
        transition-delay:0ms
    }
    /*menu-overlay*/
    .menu-overlay{
        width: 100%;
        height:0;
        overflow-x: hidden;
        overflow-y:auto;
        position: fixed;
        z-index: 5000;
        top:80px;
        left: 0;
        filter: Alpha(Opacity=0);
        opacity: 0;
        background-color: rgba(0,0,0,0.75);
        -moz-transition:width 300ms ease-in-out,left 300ms ease-in-out,background-color 300ms ease-in-out;
        -o-transition: width 300ms ease-in-out,left 300ms ease-in-out,background-color 300ms ease-in-out;
        -webkit-transition: width 300ms ease-in-out,left 300ms ease-in-out,background-color 300ms ease-in-out;
        transition: width 300ms ease-in-out,left 300ms ease-in-out,background-color 300ms ease-in-out;
    }
    .menu-overlay.active{  height:100%; filter: Alpha(Opacity=100); opacity: 1.00;}
    .menu-overlay .nav_list{ display: none; width: 100%; text-align: center;}
    .menu-overlay.active .nav_list{ display: block; }
    .menu-overlay .nav_list li{ float: none; display:inline-block; width: 12.285%;}
    .language{ padding: 0 15px;}
    .guide_pad .language,.guide_pad .recruit_link{ display: none;}


    .page2 header.header_index a.menu-activator span.descriptor,a.menu-activator div.visual,.page4 header.header_index a.menu-activator span.descriptor,a.menu-activator div.visual,.page6 header.header_index a.menu-activator span.descriptor,a.menu-activator div.visual,header.header_sub a.menu-activator span.descriptor{ color: #7fba2e;}
    .page2 header.header_index a.menu-activator div.visual i.line,.page4 header.header_index a.menu-activator div.visual i.line,.page6 header.header_index a.menu-activator div.visual i.line,header.header_sub a.menu-activator div.visual i.line{ background-color: #7fba2e;}
    header.header_sub a.menu-activator div.visual i.line{}
    .page2 .guide_pad .menu-overlay,.page4 .guide_pad .menu-overlay,.page6 .guide_pad .menu-overlay,header.header_sub .menu-overlay{ background: rgba(255,255,255,0.85);}
    header.header_sub .nav_list li:hover a.nav_item0{ color: #fff;}
}

@media only screen and (max-width:767px) {
    a.menu-activator span.descriptor{ display: none;}
    .logo{ padding:10px 15px;}
    a.menu-activator{ line-height: 48px;}
    .language,.recruit_link{ display:none;}
    .language{ margin-top: 20px;}
    .language dd{ top:0; left:80%;}
    .language:hover dd{top:0;  left:80%;}
    .logo img{ height: 24px;}
    .guide_pad .language,.guide_pad .recruit_link{ display: block; width: 100%; float: none; line-height: 40px;}
    .menu-overlay{ top:48px;}
    .menu-overlay .nav_list{ margin-top: 0;}
    .guide_pad .language dt,.menu-overlay .nav_list li{ line-height: 30px; margin: 10px 0;}
    .menu-overlay .nav_list li{ display: block; width: 100%; }
    .page1 header.header_index .nav_list li:hover a.nav_item0:before{ bottom: 0; top: auto; }

    .subclass{ position: inherit; position: initial; filter:alpha(opacity=100); opacity:1; height:auto;display: none;padding-bottom:20px;}

    footer.footer_index,.erweima{ display: none;}
    footer.footer_sub .footer_links{  float: none; margin-left: -20px;}
}





/*,.subclass*/
*:before,*:after,
.language dd,.nav_list li,
.rec_info h4,
#navBar li,
.culture_item,.development_list li,.num_hover,#brand_scr .item img,
.organ_list li,.organ_area,.organ_info,.special_img,.contact_list li,.contact_ico,
.advance_area,
#device .item,.show_more,#core_scr .item,
.seven_num span,.set_tab li span,.upgrade li,.upgrade li img,.set_area img,.set_caption,
.designer_img img,
.message_btn,
.strategy_tit,.strategy_overview li,.strategy_img,table.post tr td,
.business_caption{transition:all 0.4s ease;-webkit-transition: transition:all 0.4s ease;-moz-transition: transition:all 0.4s ease;-ms-transition: transition:all 0.4s ease;-moz-transition: transition:all 0.4s ease;}
.nav_list li ul li a:hover{
	border-bottom: 1px solid #fff;
}

/*.nav_list li a{
	display: block; line-height: 120px;
	font-size: 18px; color: #333; text-align: center;
}
.nav_list li:hover a,
.nav_list li.active a{
	background-color: #7fb92e;
	color: #fff;
}
.nav_list li ul{
	position: absolute; width: 100%; top: 120px; left: 0;
	background-color: #7fb92e; padding: 0 0 24px;
	display: none;
}
.nav_list li ul li{
	float: none; width: 100%; text-align: center;
}
.nav_list li ul li a{
	color: #fff; line-height: 35px; font-size: 15px;
	display: inline-block;
	border-bottom: 1px solid #7fb92e;
}
.nav_list li ul li a:hover{
	border-bottom: 1px solid #fff;
}
.nav_list li ul li span{
	width: 80%; margin: 10px auto 0; height: 1px;
	background-color: #fff; display: block;
}*/