@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:#333;

    -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 {

	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;

}

a {

	text-decoration:none;

    blr:expression(this.onFocus=this.blur());

	outline: none;

	color:#333;

    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: #e60012;

}

em, i {

	font-style:normal;

}

a:focus, input, select {

	outline:none;

}
/*scrollbar*/
::-webkit-scrollbar  
{  
    width: 5px;  
    height: 5px;  
    background-color: #dbdbdb;  
}  
  
::-webkit-scrollbar-track  
{  
    background-color: #dbdbdb;  
}  
  
::-webkit-scrollbar-thumb  
{  
    background-color: #aeaeae;  
}

.clearfix {

*zoom:1;

}

.clearfix:after {

	content:"\200B";

	display: block;

	clear: both;

	height: 0;

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

@-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;}
.red{
	color:#e60012;
}




/*===================header========================*/

.header_index{ width: 100%; position: fixed; background:#fff; top:0; left:0; z-index: 3000; line-height: 80px; border-bottom:3px solid #004098; opacity:1;}

.logo{ display: block; float: left; padding:10px 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;}


.nav_list{ float: right; padding:0 0 0 10%;}

.nav_list li{ float: left; width:11.5%; text-align: center;  position: relative;}

.nav_list li a.nav_item0,.nav_list li em.nav_item0{ display: block; color: #333; position: relative; font-size:16px; }

.nav_list li:hover a.nav_item0,.nav_list li:hover em.nav_item0{ color: #e60012;}

/*.nav_list li a.nav_item0:before,.nav_list li em.nav_item0:before{ content: ""; position: absolute; bottom: 0; left:0; width: 100%; height: 0; background: #c69c6d;}
.nav_list li:hover a.nav_item0:before,.nav_list li:hover em.nav_item0:before{ height:2px;}*/
.nav_list li a.nav_item0:before,.nav_list li em.nav_item0:before{content: ""; position: absolute;background: #e60012;left:50%; width: 0; max-width: 80px; height: 4px; top:95%;}
.nav_list li:hover a.nav_item0:before{ width:80px; margin-left: -40px; height: 4px;}
.nav_list li.curr a.nav_item0:before{width:80px; margin-left: -40px; height: 4px;}



.nav_list li a.nav_item0 span,.nav_list li em.nav_item0 span{ position: relative;}

.subclass{ position: absolute;top:100%; left:-25%; z-index: 100; width: 150%; background: #004098; 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;}

.subclass_area{ padding: 7px 0;}

.subclass a{ display: block; color: #fff; font-size: 12px; line-height:30px;height:auto;}

.subclass a:hover{ text-decoration:underline;}

/*.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;  position: relative;}

.language dt{ color: #333; line-height: 80px; font-weight: normal; background:#fff;background: url("../images/ico_02.png") left center no-repeat #fff; 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:100%; left: 0; width: 100%; filter:alpha(opacity=0); opacity: 0; text-align: center; line-height: 30px;}

.language dd a{ display: block; color:#fff;}

.language:hover dd{ top:100%; filter:alpha(opacity=100); opacity:1; background:#004098;}

.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;}



/*header_sub*/

header.header_sub{ background-color: #fff; box-shadow: 0 0 20px -2px #ccc;}

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: #c69c6d;}

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;}




@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;}
	.nav_list li a.nav_item0,.nav_list li em.nav_item0{ display: block; color: #fff; position: relative; font-size:16px; }

    /*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: #004098;}

    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: #004098;

        -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: #c69c6d;}

    .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: #c69c6d;}

    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 screen and (max-width:768px){

    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;}
}
/*分页*/

.divpage{
	margin:50px auto;
	text-align:center;
	}
.divpage span{
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #dcdddd;
	color: #666;
	display: inline-block;
	height: 28px;
	line-height: 28px;
	margin-right: 5px;
	padding: 0 10px;
	vertical-align: middle;
	width: auto;
	cursor:pointer;
	}

.divpage a{
	width: auto;
	padding: 0px 10px;
	display: inline-block;
	color: #666;
	height: 28px;
	line-height: 28px;
	border: 1px solid #dcdddd;
	background: #FFF;
	vertical-align: middle;
	margin-right:5px;
}
.divpage a:hover{
	color:#fff;
	background-color:#ed6a17;
}

.divpage select{
	opacity:0.5;
	width:40px;
	height:28px;
}

.whichnew {
	font-size:14px;
    padding: 30px 50px 0px 0;
}
.whichnew p {
    margin: 10px 0;

}



/*,.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;}