﻿body{background-color: #ffffff;font-size:18px;}
.head-box{position: fixed;top:0px;width:100%;z-index:10000;}
/* *,div,a{color:#4c4c4c;} */
.bold{    font-weight: bold;}
.flex{display: flex;}
header {text-align: right;padding:1% 2%;background-color: #FFFFFF;}
.navbar-toggle{margin-right:0px;}
#bs-navbar .navbar-nav{float:initial;}
.web-pic{width:90%;}
.navbar-nav{text-align: right;}
.navbar-nav>li{display: inline-block;float: initial; }

.navbar-nav>li>.dropdown-menu{width:100%;}
.dropdown-menu>li>a{font-size:14px;}
.nav>li>a{
    border-bottom: 3px solid #ffffff;
    background-color: #ffffff;
}
.nav>li>a:hover{
    border-bottom: 3px solid #00418e;
    background-color: #ffffff;
}
.nav .dropdown .caret{float:right;margin-top:8px;}


.breadcrumb .glyphicon{font-size:12px;color:#00418e;height:22px;
    position: relative;
    top:-1px;
}
.breadcrumb  a{color:#00418e;}
.breadcrumb  {color:#999999;}
.breadcrumb>li+li:before{content: "\003e";color:#333333;}

.breadcrumb2>li+li:before{content: "";color:#333333;}

.font-size5{font-size:51px;}
.font-size4{font-size:41px;}
.font-size3{font-size:31px;}
.font-size25{font-size:26px;}
.font-size2{font-size:21px;}
.font-size15{font-size:17px;}
.font-size13{font-size:14px;}
.font-size1{font-size:11px;}
.font-color-blue{color:#00418e}
#bs-navbar .server{font-size:16px;padding-right:15px;}
#bs-navbar .server a{display:inline-block;margin-right:10px;}
.box {width:96%;margin:auto;}
.navbar{margin-bottom:0px;}
.footer .box{padding:20px 30px;}
.footer-top{display: flex;}
.footer-top .list-menu{width:100%; text-align: right;padding-top:15px;}
.footer{clear:both;background-color: #00418e;color:#8bb4e4}
.footer a,div{color:#8bb4e4}
.list-unstyled li{width:auto;display:inline-block; color:#8bb4e4;padding:10px;}
.footer hr{    border-top: 1px solid #4574ad;margin:0px;}
.footer-field{width:100%;padding:0px;padding-top:40px;}
.footer-field div{height:80px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    width:33%;
    display: inline-block;
    color:#8bb4e4;
    font-size:18px;
    padding-left:90px;
    padding-top:15px;
}
.footer-end{padding-bottom: 20px;}
.footer-end span{color:#8bb4e4;}
.footer-field .email_ico{background-image: url(../images/ico03.jpg);}
.footer-field .tel_ico{background-image: url(../images/ico04.jpg);}
.footer-field .map_ico{background-image: url(../images/ico05.jpg);}
.footer-field .link_ico{background-image: url(../images/ico06.jpg);width:100%;padding-top:30px;}
.wx-pic-list{text-align: center;margin-top:20px;}
.wx-pic{width:450px;padding-left:50px;}
.wx-pic-list img{width:100%;margin-bottom:10px;}
.search-input{
    border:1px solid #638bba;
    width:100%;
    height:50px;
}
.search-input input{border-radius:0px;height:100%;    background-color: #00418e;color:#FFFFFF;border:0px;}
.search-input .input-group-addon{background-color: #00418e;border-radius:0px;color:#FFFFFF;border:0px;}
.search-input .input-group-addon i{color:#8bb4e4;}
.navbar-toggle .icon-bar{background-color: #000000;}

.news_list2 .main-title{font-size:27px;}
.news_list2 .title{font-size:23px;}
/* 大屏幕 ：大于等于1200px*/
@media (min-width: 1200px)  and  (max-width: 1800px){ 

    .news_list2 .main-title{font-size:21px;}
    .news_list2 .title{font-size:17px;}
body{background-color: #ffffff;font-size:17px;}
.font-size5{font-size:47px;}
.font-size4{font-size:37px;}
.font-size3{font-size:27px;}
.font-size25{font-size:22px;}
.font-size2{font-size:17px;}
.font-size15{font-size:14px;}
.font-size13{font-size:13px;}
.font-size1{font-size:7px;}
.box {width:100%;margin:auto;} 
}

/*默认*/
@media (max-width: 1200px) and  (min-width: 980px){

    .news_list2 .main-title{font-size:17px;}
    .news_list2 .title{font-size:15px;}
body{background-color: #ffffff;font-size:15px;}
.font-size5{font-size:45px;}
.font-size4{font-size:35px;}
.font-size3{font-size:25px;}
.font-size25{font-size:19px;}
.font-size2{font-size:15px;}
.font-size15{font-size:13px;}
.font-size13{font-size:12px;}
.font-size1{font-size:5px;}
.box {width:100%;margin:auto;} 
}

/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {
    body{background-color: #ffffff;font-size:12px;}
.font-size5{font-size:42px;}
.font-size4{font-size:32px;}
.font-size3{font-size:23px;}
.font-size25{font-size:17px;}
.font-size2{font-size:15px;}
.font-size15{font-size:12px;}
.font-size13{font-size:10px;}
.font-size1{font-size:5px;}
.box {width:100%;margin:auto;} 
}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {    

    body{background-color: #ffffff;font-size:12px;}
.font-size5{font-size:40px;}
.font-size4{font-size:30px;}
.font-size3{font-size:20px;}
.font-size25{font-size:16px;}
.font-size2{font-size:16px;}
.font-size15{font-size:12px;}
.font-size1{font-size:5px;}
.box {width:100%;margin:auto;} 
.wx-pic{width:100%;padding-left:0px;}
.footer-end{text-align: center;}
.footer-end div{text-align: center;}
.footer-end span{display:inline-block;}
.web-pic{width:70%;}
.navbar-nav>li{display:inherit;float:inherit;}
.nav>li>a{
    text-align: left;
    border-bottom: 1px solid #e6e6e6;
    background-color: #ffffff;
}
.nav>li>a:hover{
    border-bottom: 3px solid #00418e;
    background-color: #ffffff;
}
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #00418e;
    border-color: #00418e;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #4d4d4d;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}