@media (max-width:767px){
.header{ background: -webkit-linear-gradient(#e6161d, #ab0614) !important; /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#e6161d, #ab0614) !important; /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#e6161d, #ab0614) !important; /* Firefox 3.6 - 15 */
  background: linear-gradient(#e6161d, #ab0614) !important; /* 标准的语法 */}
.nav_logo{ height:60px !important; background:url(../mb_images/logo2.png) 15px center no-repeat !important; padding-left:38px; width:100% !important;}
.nav_logo img{ display:none !important;}
.navs{ width:100% !important;}

.navs{ background:rgba(171,6,20,1) !important; padding:40px 0 !important; position:fixed; height:100vh; top:-100vh; left:0; right:0; bottom:0; opacity:0; transition:all 1s;}
.navs.active{ opacity:1; top:0;}
.navs ul{ display:block !important;}
	
.navs ul li{ padding:8px 0 !important;}
.navs ul li a{ border:none !important; display:inline-block !important; color:#fff !important;}
.navs .cha{ position:absolute; right:15px; top:15px; width:40px; height:40px; cursor:pointer; z-index:10;}
.navs .cha:after{ content:''; width:40px; height:1px; background:#fff; transform:rotate(45deg); position:absolute; right:0; top:20px;}
.navs .cha:before{ content:''; width:40px; height:1px; background:#fff; transform:rotate(-45deg); position:absolute; left:0; bottom:20px;}
.san{ position:relative; width:30px; height:20px; margin-top:20px; cursor:pointer;}
.san:after{ content:''; width:30px; height:2px; position:absolute; left:0; top:0; background:#fff;}
.san:before{ content:''; width:30px; height:2px; position:absolute; left:0; bottom:0; background:#fff;}
.san i{ position: absolute; width:30px; height:2px; left:0; top:50%; margin-top:-1px; background:#fff;}

.footer{ padding-top:0px !important;}

.navs ul li .erji{ display:none !important;}

}
@media (min-width:768px) and (max-width:991px) {
.header{ background: -webkit-linear-gradient(#e6161d, #ab0614) !important; /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#e6161d, #ab0614) !important; /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#e6161d, #ab0614) !important; /* Firefox 3.6 - 15 */
  background: linear-gradient(#e6161d, #ab0614) !important; /* 标准的语法 */}
.nav_logo{ height:60px !important; background:url(../mb_images/logo2.png) 15px center no-repeat !important; padding-left:38px; width:100% !important;}
.nav_logo img{ display:none !important;}
.navs{ width:100% !important;}

.navs{ background:rgba(171,6,20,1) !important; padding:40px 0 !important; position:fixed; height:100vh; top:-100vh; left:0; right:0; bottom:0; opacity:0; transition:all 1s;}
.navs.active{ opacity:1; top:0;}
.navs ul{ display:block !important;}
	
.navs ul li{ padding:8px 0 !important;}
.navs ul li a{ border:none !important; display:inline-block !important; color:#fff !important;}
.navs .cha{ position:absolute; right:15px; top:15px; width:40px; height:40px; cursor:pointer; z-index:10;}
.navs .cha:after{ content:''; width:40px; height:1px; background:#fff; transform:rotate(45deg); position:absolute; right:0; top:20px;}
.navs .cha:before{ content:''; width:40px; height:1px; background:#fff; transform:rotate(-45deg); position:absolute; left:0; bottom:20px;}
.san{ position:relative; width:30px; height:20px; margin-top:20px; cursor:pointer;}
.san:after{ content:''; width:30px; height:2px; position:absolute; left:0; top:0; background:#fff;}
.san:before{ content:''; width:30px; height:2px; position:absolute; left:0; bottom:0; background:#fff;}
.san i{ position: absolute; width:30px; height:2px; left:0; top:50%; margin-top:-1px; background:#fff;}

.footer{ padding-top:0px !important;}

.navs ul li .erji{ display:none !important;}
}
@media (min-width:991px) and (max-width:1200px) {
.header.active .logo a img{ margin-top:0px;}
.logo a img{ margin-top:8px;}
	}

	
@media (min-width:1401px) {	

.container{ width:1200px !important; padding:0;}

}


body{ overflow-x:hidden;}
.clear{ clear:both;}

.zn_tou{ padding-top:155px; background:url(../mb_images/zn_2.jpg) center top no-repeat; padding-bottom:80px; position:relative;    background-size: cover; }
.zn_tou .zn_header{ position:absolute !important; left:0 !important; right:0 !important; z-index:10; top:155px !important;}
.zn_tou .zn_header.active{ position:fixed !important; top:0 !important;}

.header.active .nav_logo{ height:50px;}
.header.active .nav_logo .logo span{ transform:scale(0.6,0.6); margin-top:5px; margin-left:0px;}
.header.active .navs ul li{ padding:15px 0;}
.header.active .navs ul li .erji{ top:50px;}

.header{ position:fixed; top:0; z-index:99; left:0; right:0; box-shadow:0px 2px 4px rgba(0,0,0,0.2); background:#083386;}
.nav_logo{ height:80px; transition:all 1s; float:left; width:40%;}
.nav_logo .container{ height:100%;}

.logo{ height:100%;}
.logo a{ height:100%;display: inline-block; vertical-align: middle;}
.logo a img{ display:block; max-height:100%; max-width:100%; transition:all 1s;}
.logo span{display: inline-block; vertical-align: middle; font-size:21px; color:#fff; border-left:1px solid #fff; margin-left:15px; padding-left:15px; transition:all 1s;}
.logo .c-title{display: inline-block; vertical-align: middle; font-size:21px; color:#fff; border-left:1px solid #fff; margin-left:15px; padding-left:15px; transition:all 1s;}
.logo .c-span { padding-left: 0;margin-left: 0;border: 0;}
.logo p { margin: 0; font-size: 12px;}
.logo span small{ display:block; font-size:14px;}


.navs{ float:right; width:60%;}
.navs.fade{ opacity:1;}
.navs ul{ margin:0; padding:0; width:100%;}
.navs ul li{list-style:none; text-align:center; padding:30px 0; position:relative; transition:all 1s;}
.navs ul li:last-child a{ border:none;}
.navs ul li a{ padding:0; vertical-align:middle; line-height:20px; color:#fff; font-size:14px; display:block; transition:all 0.3s; text-decoration:none; white-space:nowrap; overflow:hidden;text-overflow:clip;}
.navs ul li a i{ display:inline-block; font-size:12px; margin-left:4px; transform:scale(0.7,0.9); color:#c4ae62;}
.navs ul li.active a{ font-weight:bold; color:#fff;}
.navs ul li.active{ background:#d93643;}
.navs ul li:hover{ background:#d93643;}
.navs ul li:hover a{ background:none;}
.navs ul li a:focus{ background:none;}
.navs ul li .erji {
    position: absolute;
    left: 60%;
	transform:translateX(-50%);
	-webkit-transform: translateX(-50%);
    top: 80px;
    width: auto !important;
	white-space:nowrap;
    opacity: 0;
    transition: all 0.3s;
    pointer-events: none;
    /* background: rgba(0, 0, 0, 0.4); */
}
.navs ul li:hover .erji {
	left:50%;
    opacity: 1;
    pointer-events: auto;
}
.navs ul li:last-child .erji{ left:auto; right:-10%; transform:translateX(0); -webkit-transform:translateX(0);}
.navs ul li:last-child:hover .erji{ left:auto; right:0;}

.navs ul li .erji a {
	display:inline-block;
    color: #fff;
    font-size: 14px;
    padding: 12px 15px;
    font-weight: normal;
	border:none;
	line-height:16px;
}

.navs ul li .erji:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 4000px;
    height: 40px;
    top: 0px;
    left: -2000px;
    right: 0;
    background: rgba(9,32,95,0.85);
    display: block;
	transition:all 1s;
}





/*底部css*/
.footer{ padding-top:30px; background:#083386;}
.footer .col-md-10 .caption h5 a{ font-size:16px; color:#fff; padding-right:15px; border-right:1px solid #dedede; margin-right:15px; text-decoration:none;}
.footer .col-md-10 .caption p{ color:#fff; margin:10px 0; float:left; line-height:30px;}
.footer .col-md-10 .caption p a{ color:#fff; padding:0 15px;}
.footer .col-md-10 .caption .form-group{ float:left; margin:10px 0; margin-left:10px;}
.footer .col-md-10 .caption .form-group label{ height:30px; margin-right:10px; line-height:30px;color:#fff; float:left; font-weight:normal;}
.footer .col-md-10 .caption .form-group select{ width:220px; height:30px; line-height:30px; color:#333; background:none; background:#fff; border-left:none; outline:none;}
.footer .col-md-10 .caption .form-group select option{ color:#333;}
.footer .col-md-2 .ft_ewm{}
.footer .col-md-2 .ft_ewm p{ text-align:center; color:#fff; margin-top:5px; opacity:0.5; font-size:12px;}

.footer_di{ padding:10px 0; color:#c6c6c6; margin-top:15px; background:#d93643; border-top:1px solid #505050;}
.footer_di a{ float:right; color:#c6c6c6;}
/*底部css*/



/*new_color*/
.ny_left ul li.active a{ color:#083386;}
.ny_left ul li.active a i{ color:#083386;}
.new_li:hover .col-md-9 .caption h5 a{ color:#083386;}
.new_li_02:hover a{ color:#083386;}

.color{ color:#083386 !important;}
.bor_color{ border:1px solid #083386 !important;}
.bg_color{ background:#083386; color:#fff !important;}

.fanye.color a:hover{ color:#083386; border:1px solid #083386;}
.fanye.color a.active{ background:#083386; border:1px solid #083386;}
.fanye.color a.active:hover{ border:1px solid #083386;}
/*new_color*/


/* .c-title .small {
display:block; font-size:14px;
} */