@charset "utf-8";
/*基本样式*/
html{font-size:62.5%; /* 10÷16=62.5% */}
body{font-size:16px;font-size:1.6rem ; /* 14÷10=1.4 */color: #333;font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px; -webkit-font-smoothing: antialiased;}
ul{
	list-style-image: url(../image/car.png);
}
@media (max-width:767px){
body{ padding-top:60px !important;}
.nav_logo{ height:60px !important; background:url(../image/m-logo.png) 15px center no-repeat rgba(255,255,255,1) !important; padding-left:38px;}
.nav_logo img{ display:none !important;}
.logo span{ margin-top:16px !important; font-size:20px !important; padding:0 !important; padding-left:10px !important;}
.header.active .nav_logo .logo span{ transform:scale(1) !important; margin-top:16px !important; margin-left:15px !important; padding-left:10px !important; transition:all 1s;}
.navs{ background:#282828 !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; text-align:center;}
.navs ul li a{ border:none !important; display:inline-block !important; line-height:18px !important;}
.navs .cha{ position:absolute; right:15px; top:15px; width:40px; height:40px; cursor:pointer;}
.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:10px; cursor:pointer;}
.san:after{ content:''; width:30px; height:2px; position:absolute; left:0; top:0; background:#555;}
.san:before{ content:''; width:30px; height:2px; position:absolute; left:0; bottom:0; background:#555;}
.san i{ position: absolute; width:30px; height:2px; left:0; top:50%; margin-top:-1px; background:#555;}
.footer{ padding-top:0px !important;}
.navs ul li .erji{ display:none !important;}

}
@media (min-width:768px) and (max-width:991px) {

.nav_ss{ display:none !important;}
.footer{ padding-top:0px !important;}
.navs ul li a{padding: 0px 5px !important;}

}

@media (min-width:992px) and (max-width:1170px) {
.navs ul li a{padding: 0px !important;}
.navs ul li .erji {
  
    top:45px !important;
   
}


}

@media (min-width:1170px){
	.navs ul li a{ font-size: 18px;}

}

body{ padding-top:120px; color:#333;}
ul,li{margin: 0; padding: 0;}
.clear{ clear:both;}

.header.active .nav_logo{ height:80px;}
.header.active .nav_logo .logo a{ transform:scale(0.9,0.9);}
.header.active .nav_ss{ margin-top:-10px; transform:scale(0.8,0.8)}
.header.active .navs ul li .erji:after{ top:90px;}
.header{ position:fixed; top:0; z-index:99; left:0; right:0; box-shadow:0px 2px 4px rgba(0,0,0,0.2);}

.nav_logo{ height:100px; transition:all 1s;padding:10px 0;background: url(../image/topbg.jpg) repeat-x;}
.nav_logo .container{ height:100%;}

.logo{ height:100%;}
.logo a{ display:block; float:left; height:100%;}
.logo a img{ display:block; height:100%;}
.nav_ss{ height:100px; position:relative; transition:all 1s;color: #113469;font-family: "arial black";right:10%;margin-top: 5px;}

.navs{ background:#113469;}
.navs.fade{ opacity:1;}
.navs ul{ margin:0; padding:0; width:100%;}
.navs ul li{list-style:none; position:relative; text-align:center;bottom: 5px;}
.navs ul li a{font-weight:bloder;line-height:20px; vertical-align:middle; color:#f6f5f1; 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 a:hover{ color:#c4ae62; background:none;}
.navs ul li a:focus{ background:none;}


.navs ul li .erji {
    position: absolute;
    left: 50%;
	transform:translateX(-50%);
    top:45px;
    width: 240%;
text-align:center;
    opacity: 0;
    transition: all 1s;
	background: rgba(196,174,98,0.8);
border:2px solid white;
	text-align:center;
	pointer-events: none;
}
.navs ul li:hover .erji {
    opacity: 1;
	pointer-events: auto;
}
.navs ul li .erji a {
    display: inline-block;
    color: #fff;    
    padding: 10px;
    font-weight: normal;
		border:none;
	
}

.navs ul li .erji:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 12px solid #fff;
    position: absolute;
    top: -6px;
    left: 50%;
	transform:translateX(-50%);
}




/*底部css*/
.footer{ background:#113469; padding:40px 0 30px 0;margin-top:10px;}
.footer h5{ font-size:18px; color:#fff;}
.footer p{ color:#fff; margin:15px 0;}
.footer .form-group label{ width:96px; height:34px; line-height:34px; background:#fff; color:#333; text-align:center; float:left;}
.footer .form-group select{ width:180px; height:34px; border:1px solid #dbdbdb; line-height:32px; color:#dbdbdb; background:none; border-left:none; outline:none;}
.footer .form-group select option{ color:#333;}

.footer .links-list{overflow: hidden;margin-top:20px}
.footer .links-list li{margin-bottom: 20px;list-style: none;}
.footer .links-list li a{display: block;font-size: 16px;font-size: 1.6rem;border:1px solid #304679;padding: 10px 10px 10px 0;margin: 0 10px;color: white;text-decoration: none;}
.footer .links-list li a span{display: block;padding-left: 15px;height: 22px;line-height: 22px;overflow: hidden;position: relative;}
.footer .links-list li a span:before{content: '';clear: both;left: 0;top: 50%;background: #304679;width: 6px;height: 12px;margin-top: -6px;display: block;position: absolute;}
.footer .links-list li a:hover {background: #fff;color:#113469 ;}
.footer .links-list li a:hover span{color:#113469}
.footer .links-list li a:hover span:before{background: #113469;}

.footer .code{}
.footer .code img{border: 1px solid #666;display: block;margin: 0 auto;}
.footer .code p{ text-align:center; color:#fff; opacity:0.5;display: block;margin: 0px;padding: 3px 0;}

.footer_di{ padding:5px 0; opacity:0.5; color:#fff; border-top:1px solid #666;}
.footer_di a{ float:right; color:#fff;}
/*底部css*/

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

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

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