@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:'Arial','Microsoft YaHei';
    position: relative;
    font-size: 14px;
    line-height: 1.8;
}
img {
   
    border:none;
    max-width: 100%;
	height: auto;
}
input, textarea {
	border:none;
	background:none;
	font-size:12px;
	vertical-align:middle;
	font-family:'Arial','Microsoft YaHei';
}
select {
	font-size:12px;
	vertical-align:middle;
	cursor:pointer;
	font-family:'Arial','Microsoft YaHei';
}
body a {
	outline: medium none;
}
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: #009944;
}
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:'Arial','Microsoft YaHei';}
p{}


/*===================header========================*/
header.header_index{width: 100%;position: fixed;background: rgba(255,255,255,0.98);top:0;left:0;z-index: 3000;line-height: 100px;}
.logo{display: block;float: left;padding: 10px 15px 2px 30px;text-align: center;line-height: normal;}
.logo span{display: inline-block;position: relative;z-index: 9999;}
.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: right;margin-right: 30px;}
.nav_list li{float: left;text-align: center;position: relative;}
.nav_list li a.nav_item0{display: block;color: #555;position: relative;padding: 0 31px;}
.nav_list li em.nav_item0{display: block;color: #555;position: relative;padding: 0 31px;}
.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: #009944;}
.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:100%;left:0;z-index: 100;width: 100%;background: #009944;text-align: center;/* filter:alpha(opacity=0); opacity:0; height:0;*/padding:0 20px;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: 13px;line-height:30px;height:30px;overflow: hidden;}
.subclass a:hover{ text-decoration: none;}
/*.nav_list li:hover .subclass{ top:100%; height: auto; padding-bottom: 20px; filter:alpha(opacity=100); opacity:1;}*/
.language{float: right;padding: 0 30px;max-width: 200px;font-family: "黑体";background-color: #009944;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;font-size: 14px;}
.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:hover a.nav_item0{color: #fff;}
.page1 header.header_index .language{ background-color: transparent;}
.page1 header.header_index .language dt{ line-height: 100px;}
header.header_index .language dd a{color: #ffffff;background: #009944;font-size: 14px;line-height: 45px;}
header.header_index .language dd a:hover{color: #fff;}

.page2 header.header_index,.page4 header.header_index,.page6 header.header_index,.page8 header.header_index{background-color: rgba(255,255,255,0.98);box-shadow: 0 0 20px -2px #ccc;line-height: 80px;}
.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,.page3 header.header_index .nav_list li a.nav_item0,.page4 header.header_index .nav_list li a.nav_item0,.page5 header.header_index .nav_list li a.nav_item0,.page6 header.header_index .nav_list li a.nav_item0{color: #555;padding: 0 33px;}
.page2 header.header_index .nav_list li em.nav_item0,.page3 header.header_index .nav_list li em.nav_item0,.page5 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,.page3 header.header_index .nav_list li:hover a.nav_item0,.page5 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,.page8 header.header_index{background-color: rgba(255,255,255,0.98);line-height: 80px;}
/*header_sub*/
header.header_sub{background-color: rgba(255,255,255,0.98);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;}
header.header_sub .nav_list li:hover a.nav_item0,header.header_sub .nav_list li:hover em.nav_item0{ color: #000000;}
header.header_sub .recruit_link{ color: #555; border-color: #ddd;}
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;}
footer.footer_index{position: fixed;bottom:0px;z-index: 3000;width: 100%;text-align: center;line-height: 35px;word-break: break-all;color: #fff;display: none;background-color: #009944;}
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;text-align: center;padding: 20px 0;color: #fff;background: #009944;}
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_go{ display: inline-block; vertical-align: bottom;    position: relative;
    top: -35px;
    left: 300px;}
.go_txt{ width: 34px; height: 36px; border-bottom: 2px solid #000; text-align: center;}

@media only screen and (max-width:1440px ) {
.nav_list li a.nav_item0{padding: 0 25px;}
.nav_list li em.nav_item0{padding: 0 25px;}
.page2 header.header_index .nav_list li a.nav_item0,.page3 header.header_index .nav_list li a.nav_item0,.page4 header.header_index .nav_list li a.nav_item0,.page5 header.header_index .nav_list li a.nav_item0,.page6 header.header_index .nav_list li a.nav_item0{color: #555;padding: 0 25px;}
}


@media only screen and (min-width:991px ) {

}




@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;z-index: 9999;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: 38px;height:34px;}
    a.menu-activator div.visual i.line {
        width: 100%;
        height:3px;
        background-color: #000000;
        -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:100px;
        left: 0;
        filter: Alpha(Opacity=0);
        opacity: 0;
        background-color: rgba(255,255,255,0.98);
        -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; margin-right:0; }
    .menu-overlay .nav_list li{ float: none; display:inline-block; }
    .language{ padding: 0 15px;}
    .guide_pad .language,.guide_pad .recruit_link{ display: none;}
	
	.nav_list li a.nav_item0,.nav_list li em.nav_item0{padding: 0 10px!important;}


    .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: #000000;}
    .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: #000000;}
    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.98);}
    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: inline-block;color:#000;font-size: 15px;line-height: 40px;margin-right: 2px;}
    .logo{padding: 7px 15px 2px 15px;z-index: 9999;}
    a.menu-activator{line-height: 51px;z-index: 9999;}
    .language,.recruit_link{ display:none;}
    .language{ margin-top: 20px;}
    .language dd{top:0;left:80%;width: 100%;display: contents;}
    .language:hover dd{ left:0;}
    .logo img{height: 38px;z-index: 9999;}
    .guide_pad .language,.guide_pad .recruit_link{display: block;width: 100%;float: left;line-height: 40px;max-width: 100%;}
    .menu-overlay{top: 0;padding-top: 51px;}
    .menu-overlay .nav_list{margin-top: 0;margin-right: 0;}

    .menu-overlay .nav_list li{line-height: 30px;margin: 10px 0;}
	.guide_pad .language dt{line-height: 30px;margin: 10px 0;text-align: center;padding-left: 45px;background: url("../images/ico_02.png") 35% center no-repeat;}
    .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{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;font-size: 15px;}


.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;font-size: 14px;}