u {
    text-decoration: none;
}
    body {
        width: 100%;
        position: relative;
    }

    body.on {
        opacity: 100;
        filter: alpha(opacity=100)
    }

    .w1400 {
        position: relative;
        max-width: 1400px;
        margin: 0 auto;
        width: 92%
    }
 .w1200 {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
        width: 88%
    }

/*===================header========================*/
header.header_index{ float:left;width: 100%;}

.head{float:left;width: 100%;padding: 10px 0;}
.logo{float: left; width:70%;}
.logo img{ width:100%;}
.head .tel{padding-left: 72px;font-size: 16px; background:url(../images/phone.png) left center no-repeat; background-size:21%;}
.head .tel span{font-size: 34px; font-family:impact; color:#005bac;line-height: 28px;}


.nav_list{float:left;width: 100%;line-height: 52px; background:url(../images/nav_bc.jpg) center repeat-x;}
.nav_list li{ float: left; width: 14.28%; text-align: center; position: relative;    background: url(../images/nav_l.jpg) right center no-repeat;}
.nav_list li a.cur{background:url(../images/nav_hover_bc.jpg) center repeat-x;}
.nav_list li a.cur, .nav_list li a.nav_item0,.nav_list li em.nav_item0{ display: block; color: #fff; position: relative; font-size:16px; letter-spacing:2px;}
.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:url(../images/nav_hover_bc.jpg) center repeat-x;}
.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:100%; left:0; z-index: 100; width: 100%; background:#005bac; text-align: center;padding:0 20px; overflow: hidden;}
.subclass{ filter:alpha(opacity=100); opacity:1; height:auto;display: none;padding-bottom:10px;}
.subclass_area{ padding: 7px 0;}
.subclass a{ display: block; color: #fff; font-size: 13px; line-height:30px; height:30px; overflow: hidden; margin:2px 0;}
.subclass a:hover{ background:#eb7f2d;}
.guide_pad{ display: none;}





.zy_footer{ float:left; width:100%;background: url(../images/footer_bc.jpg) fixed center bottom; padding: 60px 0; color: #fff;}
.zy_footer a{ color: #fff;}
.zy_footer .title{ text-align: center; padding-bottom: 30px;}
.zy_footer .title p{font-size: 30px;}
.zy_footer .title span{ font-weight: bold; color: #eb7f2d;}
.zy_footer .title i{ font-family: Century Gothic; font-size:16px; font-style:normal;}
.zy_footer .left span,.zy_footer .middle span,.zy_footer .right span,.zy_footer .weixin span{font-size: 18px; display: block; padding-bottom: 20px; font-weight:bold;}
.zy_footer .weixin img{ width: 100px; height: auto;}
.zy_footer .left p{ padding-bottom:10px;}
.zy_footer .left p i{ float: left; vertical-align: middle; width: 26px; height:26px; border: 1px solid #fff;background-size:14px !important;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; margin-right: 10px;}
.zy_footer .left p:nth-child(2){ font-size: 18px;}
.zy_footer .left p:nth-child(2) i{background: url(../images/tp26.png) center no-repeat;}
.zy_footer .left p:nth-child(4) i{background: url(../images/tp27.png) center no-repeat;}
.zy_footer .left p:nth-child(3) i{background: url(../images/tp28.png) center no-repeat;}
.zy_footer .left p u{ display: block; padding-left: 40px; line-height:26px; font-size:14px;}
.zy_footer .middle p{ margin: 0 0 0 -10px; line-height: 14px;}
.zy_footer .middle p a{ display: inline-block; margin: 0 0 20px; padding: 0 10px; border-right: 1px solid #fff; font-size:15px;}
.zy_footer .middle p a:hover{ color: #f37022;}
.zy_footer .middle p a:last-child{border: none;}
.zy_footer .right p{ margin: 0 0 0 -30px; line-height: 14px;}
.zy_footer .right p a{ display: inline-block; margin: 0 0 20px; padding: 0 30px;font-size:14px;}
.zy_footer .right p a:hover{color: #f37022;}
.zy_footer .weixin img{ display: block;}
.zy_footer .weixin i{ font-style:normal;}

.zy_footer1 {float:left; width:100%;
    padding: 10px 0;
    background: #47443f;
    color: #fff;
}
.zy_footer1 .copyfr {
    float: right;
}
.zy_footer1 span {
    padding: 0 10px;
    font-size: 12px;
}


/*******右侧浮动*******/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:30%;
    width: 77px;
    z-index: 11;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#006ab8;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}



@media(max-width:1430px) {
    .w1400 {
        width: 92%
    }
   
}

@media(max-width:1330px) {
    .w1300 { width: 92% }
	.head .tel {padding-left: 60px;font-size: 15px;background-size: 20%;}
	.head .tel span { font-size: 30px;line-height: 22px;}
}


@media only screen and (max-width:1199px) {	
	.logo{ display: block; float: left; padding: 18px 15px; text-align: center; line-height: normal;}
	.lxfx{ display:none;}
	}

@media(max-width:1024px) {
    .w1400{ width:96%;}
	.head { padding: 10px 0;}
	
	.zy_footer .left, .zy_footer .middle{ float:left;width:50%;}
	.zy_footer .right{float:left;width:70%;}
	.zy_footer .weixin{float:left;width:30%;}
}

@media only screen and (max-width:991px) {	
	header.header_index{}
	.logo{padding:10px 0 0 0px;}
	.head .tel {
    padding-left: 50px;
    font-size: 14px;
    background-size: 18%;}
	.head .tel span {font-size: 28px; line-height: 30px;}
	.weixin{ display: none;}
	
	

}


@media only screen and (max-width:768px) {
	.w1200{ width:96%;}
	
	.head{ width:78%;}
	.logo {width:100%;padding:0;}
    .head .tel{ display:none;}
    
	
	.nav_list{ display:none;}
	.guide_pad{ display:block;}
	 
	.nav_list {margin-right: 0;}
	
	.menu-overlay .nav_list{ margin-top: 30px;}
	.nav_list li a.nav_item0,.nav_list li em.nav_item0{font-size:16px; font-style:normal; font-weight:bold;}
    a.menu-activator{ display: block; float: right; line-height: 48px;padding: 0 1%; border-left: 1px solid transparent; width:18%;}
	a.menu-activator span.descriptor{ display: none;}
    a.menu-activator span.descriptor,a.menu-activator div.visual { display: inline-block; vertical-align: middle; cursor: pointer; color: #005bac;}
    a.menu-activator span.descriptor { font-family:Aparajita; font-size: 16px; text-transform: uppercase; font-weight:bold;}
    a.menu-activator div.visual { position: relative; margin-left: 4px; width: 28px; height:34px;}
    a.menu-activator div.visual i.line {
        width: 100%;
        height:3px;
        background-color: #005bac;
        -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: 8px;
        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: 16px;
        -moz-transition-delay: 140ms;
        -o-transition-delay: 140ms;
        -webkit-transition-delay: 140ms;
        transition-delay: 140ms;
    }
    a.menu-activator div.visual i.line.line03 {
        top: 24px;
        -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:50px;
        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; background:none;}
    .menu-overlay .nav_list li{ float:left; width:100%;margin:10px 0;}
	.guide_pad{ display:block;}
	
	

    .guide_pad .language,.guide_pad .recruit_link{ display: block; width: 100%; float: none; line-height: 40px;}
    
    .guide_pad .language dt,.menu-overlay .nav_list li{ line-height: 42px;}
    .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;}

	.zy_footer{ padding: 20px 2%;}
	.zy_footer .title p{ font-size: 15px; text-align:center;}
	.zy_footer .title i{ display: block; line-height: 20px; font-size:12px; text-align:center;}
	.zy_footer .left span, .zy_footer .middle span, .zy_footer .right span, .zy_footer .weixin span{ font-size: 15px; padding-bottom: 5px;}
	.zy_footer .right p a{ margin-bottom: 5px;}
	
	.zy_footer .title{ text-align:left; padding-bottom: 10px;}
	.zy_footer .middle,.zy_footer .right,.zy_footer{ display: none;}
	
	.zy_footer1 .fr{ float:none;}
	.zy_footer .left, .zy_footer .middle {width: 100%;}


}

@media(max-width:480px) {
	a.menu-activator {padding: 0;width: 20%;}
	a.menu-activator div.visual {margin-left: 1%;width: 30%;height: 34px;}
	a.menu-activator span.descriptor {font-size: 12px;}
	
}



@media only screen and (max-width:384px) {
	.head { width: 85%;}
	a.menu-activator { width: 10%;}
	
	a.menu-activator div.visual {width:90%;}

}


@media only screen and (max-width:375px) {
	.head { width: 90%;}
	a.menu-activator { width: 9%;}
	a.menu-activator div.visual {width:80%;}
	a.menu-activator span.descriptor{ display:none;}
}



@media only screen and (max-width:320px) {
	
	.zy_footer .title p {font-size: 14px;}
	
	
}