@media only screen and (max-width:992px){
html.on{width:100%; height:100%; position:fixed; top:0; left:0; overflow:hidden;}
}

body{background-position:center; background-attachment:fixed; background-repeat:no-repeat; background-size:cover;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
@media only screen and (max-width:992px){
body.on{transform:translateX(-60%);
-webkit-transform:translateX(-60%);
-moz-transform:translateX(-60%);
-ms-transform:translateX(-60%);
-o-transform:translateX(-60%);}
}

@media only screen and (max-width:992px){
.sj_bj{width:100%; height:100%; background-color:rgba(0,0,0,.5); position:absolute; top:0; left:0; content:""; z-index:99999; display:none;}
}


.header{width:100%; z-index:9999;}

/*.header{width:100%; position:absolute; top:40px; left:0; z-index:9999;}*/
.header.on{position:fixed; top:0; box-shadow:0 8px 15px 0 rgba(95,125,158,.2); background-color:#fff;}
.header .logo{width:240px; float:left; margin:10px 0; position:relative;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .logo img{width:100%; height:auto; display:block;}
.header .an{position:absolute; top:50%; margin-top:-12px; right:15px; height:22px; width:30px; display:none;}
.header .an span{width:23px; height:2px; background-color:#0056b3; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:10px; left:0;}
.header .an span.a3{top:20px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:10px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:10px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .nav{float:right;}
.header .nav ul{float:left;}
.header .nav ul li{margin-left:40px; float:left; position:relative;}
.header .nav ul li:after{width:0; height:2px; background-color:#c81f1d; position:absolute; left:50%; bottom:0; content:"";
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .nav ul li:hover:after{width:100%;}
.header .nav ul li.on:after{width:100%;}
.header .nav .y_j{position:relative;}
.header .nav .y_j i{display:none;}
.header .nav .y_j a{display:inline-block; font-size:16px; text-transform:uppercase; line-height:98px;}
.header .nav ul li.on .y_j a{color:#c81f1d;}
.header .nav .e_j{width:150px; padding:10px 0; background-color:#fff; box-shadow:0 0 5px #aaa; position:absolute; left:50%; margin-left:-75px; opacity:0; visibility:hidden;
transform:translateY(10px);
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-ms-transform:translateY(10px);
-o-transform:translateY(10px);
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .nav ul li:hover .e_j{opacity:1; visibility:inherit;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);}
.header .nav .e_j a{font-size:14px; line-height:36px; text-align:center; display:block;}
@media only screen and (max-width:992px){
.header{background:#fff; position:fixed; height:65px; top:40px; left:auto; z-index:9999;}
.header.on{box-shadow:none;}
.header .logo{margin:15px 0;margin-left:8px; }
/*.header.on .logo{margin:5px 0;}*/
.header .logo img{width:100%; height:auto; display:block;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .logo img.d_w{opacity:1;}
.header .language{float:right; height:32px; font-size:15px; text-align:center; line-height:32px; color:#fff; margin-top:21px; margin-left:0; margin-right:50px; color:#555;}
.header .s_ch{margin-top:20px; margin-left:0; float:left;}
.header .an{display:block; right:39px;}
.header .nav{width:60%; height:100%; padding:10px 5% 0; margin:0; background-color:#141414; height:100%; position:fixed; top:0; right:-60%; z-index:9999; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .nav ul{width:100%; float:none;}
.header .nav ul li{width:100%; height:auto; line-height:50px; text-align:left; border-bottom:1px solid rgba(255,255,255,.1); float:none; padding:5px 0; margin:0;}
.header .nav ul li a{ color:#fff}
.header .nav ul li:after{display:none;}
.header .nav .y_j i{display:block; width:100%; padding-right:10px; position:absolute; top:0; right:0; font-size:14px; text-align:right; color:#fff; line-height:50px; z-index:99;}
.header .nav .y_j a{line-height:50px; color:#fff;}
.header .nav ul li:hover .y_j a{color:#fff;}
.header .nav ul li.on .y_j a{color:#fff;}
.header .nav .e_j{width:100%; background:none; box-shadow:none; position:relative; left:auto; top:auto; padding:5px 0; margin-left:0; opacity:1; visibility:inherit; display:none;
transform:none;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;
transition:none;
-o-transition:none;
-ms-transition:none;
-moz-transition:none;
-webkit-transition:none;}
.header .nav ul li:hover .e_j{transform:none;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;}
.header .nav .e_j a{line-height:32px; text-align:left; color:#fff;}
}
.pc{ display:block;}
.wap{ display:none;}
@media only screen and (max-width:640px){
.header .an{right:5px;}

.wap{ display:block;}
.pc{ display:none;}
}
@media only screen and (max-width:320px){
.header .logo{width:168px;}
}

.head_h{width:100%; height:98px; background-color:#fff; overflow:hidden;}
@media only screen and (max-width:992px){
.head_h{display:none;}
}



@media only screen and (max-width:992px){
 .right-tel{
        display: flex;
        align-items: center;
		color:#fff; padding-top:20px;
    }
 .right-tel img{
        width: 20px;
        margin-right: 10px;
    }
 .right-tel span{
        margin-right:20px;
    }

}




@media only screen and (max-width:640px){
	
	.main{ width:100%}
	
	.footer{ height:auto}
.foot-left{ width:90%; margin:0 auto}
.footer .foot-left li{ width:45%; margin-right:5%; margin-bottom:10px}
.footer .foot-right{ width:90%; margin:0 auto; text-align:left}

	
	.fix-banner h1{ font-size:42px; text-align:center}
	
	}