﻿/*头部*/
.head_top_bg{background: url(../images/header_top.jpg) no-repeat center;background-size: 100% 100%;}
.head_top {background: #2a242c;}
.head_top .navbar-nav>li>a{padding-top: 10px;padding-bottom: 10px;color: #fff;}
.navbar-right>li>a{padding-left: 30px;}
.head{margin-bottom: 0;z-index: 100;}
.head .logo{padding: 10px 0;position: relative;transform: translateY(10%);}
.navbar-toggle{z-index: 100;margin-top: 15px;margin-bottom: 0;}
.head .logo img{width:2rem;}
.head .navbar-nav>li>a{padding: .25rem .08rem;font-size: 16px;color: #282828;text-align: center;}
.head .navbar-nav>li>a:hover{background: #1e43a1;color: #fff;}
.head .navbar-nav>li>a:hover:after{
	content: "";
    width: 20px;
    height: 20px;
    background: url(../images/sanjiao.png) no-repeat center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    }
   .head_top .navbar-left li a:hover, .head_top .navbar-left li a:active{background: #2a242c;color: #fff;}
    .nav_h_icons li:first-child a{background: url(../images/shouji.png) no-repeat left center;background-size: 22px 20px;}
    .nav_h_icons li:nth-child(2) a{background: url(../images/mesg.png) no-repeat left center;background-size: 24px 20px;}
    .nav_h_icons li:nth-child(3) a{background:url(../images/map.png) no-repeat left center;background-size: 22px 22px;}   
.banner{width: 100%;max-height: 508px;}
.banner .swiper-pagination-bullet{width: 30px;border-radius: 10px;background: #c2cde2;opacity: 1;}
#wowslider-container1 .ws_bullets a {width: 30px;border-radius: 10px;background: #c2cde2;opacity: 1;}
#wowslider-container1 .ws_bullets a.ws_selbull{background: #1c489d;}
.banner .swiper-pagination-bullet-active{background: #1c489d;}
.swiper-slide img{width: 100%;}
.head{border: none;}

/*友情链接*/
.f_line .f_title{padding: .2rem 0;text-align: center;border-top: 1px solid #1c489d;border-right: 1px solid #1c489d;}
.f_line .f_title{color: #1c489d;font-size: .1rem;font-weight: bold;}
.f_line .f_title span{color: #707071;font-size: .07rem;font-weight: bold;}
.f_line a{color: #282828;font-size: .07rem;margin-bottom: .1rem;display: inline-block;}
.f_line .f_details{padding-top: .1rem;}

.footer{padding-left: 0;padding-right: 0;}
.footer_cont{background: #282828;}
.footer_cont .logo{padding: .6rem 0;background: #1c489d;text-align: center;}
.footer_cont .logo img{width: 115px;height: 105px;display: block;margin: 0 auto;}
.footer_cont ul{padding: 27px 0;}
.footer_cont ul:after{content: "";width: 90%;display: block;height: 1px;border-bottom: 1px dashed #fff;visibility: inherit;position: relative;left: 42px;top: .18rem;}
/* .footer_cont ul li{float: left;width: 16.6%;text-align: center;} */
.footer_cont ul li{float: left;width: 13%;text-align: center;}
.footer_cont ul li a{color: #fff;font-size: .07rem;}
.footer_cont .footer_r{padding: 0;}
.footer_cont .contact{color: #fff;font-size: .07rem;margin-top: .25rem;padding-left: .7rem;}
.footer_cont .contact a{color: #fff;}
.footer_cont .contact .fax{margin-right: .12rem;}
.footer_cont .contact .copyright span{font-size: 12px;margin-left: 20px;}
.footer_cont .contact div{margin-bottom: .05rem;}
.footer_cont .code {margin-top: 30px;}
.footer_cont .code .code_box{width: 48%;margin-bottom: 18px;}
.footer_cont .code img{width: 100%;}
.footer_cont .code p{color: #fff;font-size: .07rem;text-align: center;}

.head .navbar-nav>li .two-nav {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
.head .navbar-nav .act{background: #1e43a1;color: #fff;}
.head .navbar-nav .act a{color: #fff;}
.head .navbar-nav .act a:after{
	content: "";
    width: 20px;
    height: 20px;
    background: url(../images/sanjiao.png) no-repeat center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    }
    .head .navbar-nav .act .two-nav{display: block;}
    .head .navbar-nav .act .two-nav a{color: #282828;}
.two-nav li a{text-align: center;background: #fff;color: #282828;font-size: 14px;display: block;padding: 10px;}
.two-nav li a:hover{background: #1e43a1; color: #fff;}
.head .navbar-nav>li .two-nav a:after{display: none;}
@media (max-width:768px ) {
.head .logo img{width: 4rem;margin-left: 10px;}	
.footer_cont ul:after{left: 0;width: 100%;}
.qq{float: none;}
.head .navbar-nav>li>a{float: left;width: 50%;}
}
@media (min-width:1602px ) {
.head .logo img {
    width: 1.5rem;
}
}