/*css reset*/

body {

    font-family:"微软雅黑", Arial, Verdana, Helvetica, 'Microsoft Yahei', Lato, sans-serif;

    font-size: 14px;

    color: #282828;

    overflow-x: hidden;

}

input{ border:none; }

ul, li {

    list-style: none;

    margin: 0;

    padding: 0;

}

a {

    outline: none!important;

    color: #282828;

}

a:hover, a:active ,a:visited {

    color: #486db2;

    text-decoration: none;

    text-underline: none;

}

a:focus{text-decoration: none}

b, strong {

    font-weight: bold;

}

p {

    font-size: inherit;

}

.fl {

    float: left;

}

.fr {

    float: right;

}

.bianji1{ margin-left:10px; margin-right: 10px; }

.container1{padding-right: 0px;padding-left: 0px;margin-right: 10px;margin-left: 10px;}

.container1:before{display: table;content: " ";}

.container1:after{clear: both;}





/*导航菜单*/

.navbar{margin-bottom: 0; border: 0}

.header .navbar-nav li:first-child{padding-left: 0px; }

.header .navbar-nav li:last-child{padding-right: 0px; }

.header .navbar-nav li a {color: #fff}



/* banner */



.banner2 .swiper-wrapper:nth-child(2) div{background: url("../images/1.jpg") 100% 100%; background-repeat: no-repeat; background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-position: center 0;}

.banner2 .swiper-button-next,.banner .swiper-button-prev{width: 44px; height: 44px; opacity: 1;}

.banner2 .swiper-button-next{background: url('../images/icon.png') -264px -286px; right: 10%; top:40%}

.banner2 .swiper-button-prev{  background: url('../images/icon.png') -201px -286px; left: 10%; top:40%}





/* 快捷导航 */

.dao-link {position: absolute;width: 100%;bottom: 0px;left: 0;background: rgba(0, 72, 133, 0.85);padding: 12px 0;z-index: 999}

.dao-link li {float: left;width: 10%;position: relative;text-align: center;  padding-top: 10px;padding-bottom:10px; border-right: 1px solid #5f829d;}

.dao-link li i {display: block;background-size: 100% 100%;margin: 0 auto;width: 36px; height: 36px;margin-bottom: 8px }

.dao-link li a {display: block;text-align: center;font-size: 16px;color: #fff;width: 100%; position: relative;}

.dao-link li.li1 i {background-image: url(../images/yuyue_icon.png);display:block; text-align: center;  }

.dao-link li.li2 i {background-image: url(../images/chuzhen_icon.png);;display:block; text-align: center; }

.dao-link li.li3 i {background-image: url(../images/shoufei_icon.png);display:block; text-align: center;  }

.dao-link li.li4 i {background-image: url(../images/jiuyi_icon.png);display:block; text-align: center;  }

.dao-link li.li5 i {background-image: url(../images/zhuyuan_icon.png);display:block; text-align: center;   }

.dao-link li.li6 i {background-image: url(../images/jiancha_icon.png);display:block; text-align: center;  }

.dao-link li.li7 i {background-image: url(../images/yibao_icon.png);display:block; text-align: center;  }

.dao-link li.li8 i {background-image: url(../images/news_icon.png);display:block; text-align: center; }

.dao-link li.li9 i {background-image: url(../images/jiaotong_icon.png);display:block; text-align: center;  }

.dao-link li.li10 i {background-image: url(../images/about_icon.png);display:block; text-align: center;   }

/* 快捷导航(手机) */

.hide-dao-link{display: block;}

.hide-dao-link .dao-link{position: static;padding: 0;}

.hide-dao-link .dao-link li{width: 20%;box-sizing: border-box;border-bottom:1px solid #8199b2; }

.hide-dao-link .main-center{width: 100%;}

.dao-link li:nth-child(5n):after{display: none;}



/*新闻标题*/

.d_title span{display: block; float: left;  }

.d_title span div{border-bottom: 3px solid #316cad;height:100%;}

.d_title .more{float: right; font-size: 14px;padding-left: 2px; padding-right: 2px; text-align: center}

/*新闻列表*/

.d_list{border-top:1px solid #dbdbdb; font-size: 14px; padding-top: 8px}

.d_list li{ height: 27px;line-height: 27px;/*padding-right: 20px*/}

.d_list li img{float: left; margin-top: 5px}

.d_list li div{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 26px;width: 80%;padding-left: 10px;float: left;}

.d_list a{color: #8c8b8b;  }

.d_list a:hover{color:#486db2 }

.d_list li span{display:block;float: right; }



/*新闻列表(手机)*/

.m_d_list{border-top:1px solid #dbdbdb;/*margin-top: 5px;*/ font-size: 14px; padding-top:5px}

.m_d_list li{height: 28px;line-height: 28px; }

.m_d_list li img{float: left; margin-top: 5px}

.m_d_list li div{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 28px;width: 80%;padding-left: 10px;float: left;}

.m_d_list a{color: #8c8b8b; }

/* .m_d_list a:before{content: '';position: absolute;width: 14px;height: 14px;background: url("../images/dots.png");top:4px;left:0;}*/

.m_d_list a:hover{color:#486db2 }

.m_d_list li span{display: block;float: right; padding-right: 5px; }





/*查看更多*/

.morelink{color: #486db2;}



/*鼠标移图片变大效果*/

.tran_scale{ overflow:hidden !important; display:block; transform: rotate(0deg); -webkit-transform: rotate(0deg); }

.tran_scale img{transition:all 0.8s; -webkit-transition:all 0.8s;  -moz-transition:all 0.8s; transform:scale(1,1); -webkit-transform:scale(1,1); display:block; }





/*底部(手机)*/

.m-footer{background: #005197; color: #ffffff;   margin-top: 15px; text-align: center ;    clear: both;}

.m-footer .one{background: #f5f5f5; text-align: center; color:#8c8b8b;padding: 10px 0; }

.m-footer .two{padding:10px;}

.m-footer .two a{color: #fff}



/*右侧固定栏*/

.fixed-right {position: fixed;right: 1%;top: 50%;margin-top: -229px;width: 80px;background: #fff;z-index: 9999;}

.fixed-right ul{background: #e5e5e5;text-align: center;}

.fixed-right ul a{display: block;height: 65px;color: #4c4c4c;position: relative;}

.fixed-right ul i{display: block;width: 30px;padding: 8px 0 4px 0;margin: 0 auto;}

.fixed-right .r-wx{width: 120px;height: 120px;position: absolute;left:0;top:0;opacity:0;}

.fixed-right .r-wx img{width: 100%;}

.fixed-right ul a:hover .r-wx{left: -130px;transition: all 0.5s;-webkit-transition: all 0.5s;opacity: 1;}

.to-top{display: block;width: 100%;height: 69px;background: #205b9b url("../images/fixed7.png") no-repeat center center; background-size: 100% 100%;}



@font-face {

    font-family:iconfont;src:url(../other/iconfont.eot);src:url(../other/iconfont.eot?#iefix) format("embedded-opentype"),url(../other/iconfont.woff) format("woff"),url(../other/iconfont.woff) format("truetype"),url(../other/iconfont.svg#iconfont) format("svg")

}

.iconfont {

    display: inline-block;

    font-family: iconfont!important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.rightside {

    display: block;

    position: fixed;

    top: 300px;

    right: 1%;

    z-index: 99;

    width: 70px;

    text-align: center;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s

}



.rightside a {

    position: relative;

    display: block;

    width: 70px;

    min-height: 70px;

    background-color: rgba(0,0,0,.5);

    background-color: #000 \9;

    opacity: .5 \9;

    filter: alpha(opacity=50);

    border-radius: 5px;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    outline:none;

    color:#fff;

    text-decoration:none;

}



.rightside a+a {

    margin-top: 5px

}



.rightside a i {

    display: block;

    text-align: center;

    font-size: 32px;

    padding-top: 10px;

    line-height: 35px;

    color: #fff

}



.rightside a small {

    display: block;

    text-align: center;

    font-size: 12px;

    color: #fff

}



.rightside a .img-wrap {

    display: none;

    position: absolute;

    left: -90px;

    top: 0;

    min-width: 82px;

    min-height: 82px;

    background-color: #fff;

    border-radius: 5px

}



.rightside a .img-wrap:before {

    content: '\e672';

    font-family: iconfont;

    display: block;

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    width: 15px;

    height: 15px;

    line-height: 15px;

    text-align: center;

    margin: auto;

    color: #fff;

    font-size: 36px

}



.rightside a .img-wrap img {

    display: block;

    width: 76px;

    height: 76px;

    border: 3px solid #fff;

    border-radius: 5px

}



.rightside a:hover {

    background-color: #2476c2;

}



.rightside a:hover .img-wrap {

    display: block;

    animation: popFadeIn .5s

}

.rightside a.top-back{



}

.rightside a.top-back i {

    line-height: 50px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    text-decoration: none;

}









/*自适应*/

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

    body{font-size:14px;}

    .banner{height: 228px}

    /*小型设备（平板电脑，768px 起）在768和991像素之间的屏幕里,这里的样式才生效*/

    .container {width:100%; padding-left:0px;padding-right:0px}

    /* 由于平板导航不会自适应改写css*/

    .header{  font-size: 14px;padding: 15px 0px; }

    .mlogo{width: 80%; float: left; }

    .mlogo div{width: 90%; float: right}

    .header .navbar-header{float: unset}

    .header .navbar-toggle{float: right; display: block; margin-right: 5px; z-index: 9999; background: url("../images/menu_close.png");}

    .header .navbar-toggle .icon-bar {background: none}

    .header .collapsed{ background: none; display: block;}

    .header .collapsed .icon-bar{background: #044279}

    .header .navbar-nav>.open>a:focus{color: #fff; }

    .header .navbar-collapse.collapse {display: none !important;height:100% !important;}

    .header .collapse.in {display: block !important;}

    .header .navbar-collapse{ background: rgba(4,66,121, 0.8);position: fixed;z-index: 999;width: 100%; height:100%; top:0px; text-align: center; padding-top: 80px;}

    .header .navbar-nav .menu{clear: both}

    .header .navbar-nav .dropdown-menu a:hover {background: #fff; }

    .header .navbar-nav .dropdown-menu{ background: #fff; min-width: 0;width: 100%; border: 0;  min-height: 100px;}

    .header .navbar-nav .dropdown-menu li{ font-size: 14px;  float: left; }

    .header .navbar-nav .dropdown-menu li a{color: #333}

    .header .navbar-nav{width: 100%}

    .header .nav>li{width: 100%; text-align: center}

    .header .navbar-nav li a:hover {background: none}

    .header .navbar-nav li a:visited{background: none}



    /* 底部 */

    .m-footer{height: 620px}



    .fixed-right {

        height: auto;

        top: auto;

        margin: 0;

    }





}



@media (width: 768px) {

    /* 底部 */

    .m-footer{height: 260px}





}



@media (min-width: 415px) and (max-width: 767px) { /* 415-768之间像素屏幕*/



    body{font-size: 12px;}

    .banner{height: 250px}



}



@media (max-width: 414px) {/* 小于414像素屏幕*/

    body{font-size: 12px;}

    .banner{height: 122px}

    .fixed-right {bottom: 60px;width: 36px;height: 36px;}

    .to-top {

        height: 36px;

    }



}

@media (max-width: 375px) { /* 小于375像素屏幕*/

    .banner{height: 111px}

}

@media (max-width: 320px) {/* 小于320像素屏幕*/

    .banner{height: 95px}

}



@media (max-width: 1023px) {/* 小于768之间像素屏幕*/

    /*超小设备（手机，小于 768px）在小于768像素的屏幕里,这里的样式才生效*/

    .banner .swiper-button-next{display: none}

    .banner .swiper-button-prev{display: none}

    .col-l-r-padding{padding-left: 10px;padding-right: 10px}



    /*导航*/

    .header{  font-size: 14px;padding: 15px 0px; }

    .mlogo{width: 80%; float: left; }

    .mlogo div{width: 90%; float: left;    margin-left: 10px;}

    .header .navbar-toggle{float: right;  margin-right: 5px; z-index: 9999; background: url("../images/menu_close.png")}

    .header .navbar-toggle .icon-bar {background: none}

    .header .collapsed{ background: none}

    .header .collapsed .icon-bar{background: #044279}

    .header .navbar-nav>.open>a:focus{color: #fff; }

    .header .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{ }

    .header .navbar-collapse{ background: rgba(4,66,121, 0.8);position: fixed;z-index: 999;width: 100%; height:100%; top:0px; text-align: center; padding-top: 80px}

    .header .navbar-nav .menu{clear: both}

    .header .navbar-nav .dropdown-menu a:hover {background: #fff; }

    .header .navbar-nav .dropdown-menu{ background: #fff; min-width: 0;width: 100%; border: 0;     min-height: 100px;}

    .header .navbar-nav .dropdown-menu li{ font-size: 14px;  float: left; }

    .header .navbar-nav .dropdown-menu li a{color: #333}

    .header .navbar-nav li a:hover {background: none}

    .header .navbar-nav li a:visited{background: none}



    /*快捷导航*/

    .hide-dao-link{display: block; overflow: auto }

    .hide-dao-link .dao-link {position: static;padding: 0;}

    .hide-dao-link ul li{background: rgba(0, 72, 133, 0.85);}

    .dao-link li i{    width: 20px;

        height: 20px;

        margin: 2px auto;}

    .dao-link li a{font-size: 12px}



    .d_title{background: #ebebeb; color: #383838; font-size: 16px; clear: both; height: 50px; line-height: 50px; padding-left: 10px;padding-right: 10px}

    .fixed-right {right: 0;margin-right: 0; margin-top: 0 ;top:80%}



    .zhujie1{text-align: left; width: 100%;margin: 0 auto;  color: rgb(179,179,179); background: #fff;padding-left: 20px;padding-right: 20px;padding-top: 20px; padding-bottom: 10px; font-size: 13px}

    .photo_shows{width:100%; position:relative;margin:0 auto; margin-top: 20px}

}





@media (min-width: 1200px) {

    /*大型设备（大台式电脑，1200px 起）在大于1200像素的屏幕里,这里的样式才生效*/

     body{font-size: 14px;}

    .container {width: 1200px;padding-left:0px;padding-right:0px}

    .banner{height: 540px; position: relative; }

    .col-l-clear{padding-left: 0px}

    .col-r-clear{padding-right: 0px}

    .tran_scale:hover img{transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05);  }



    /*顶部通栏*/

    .top-line{background: #f0f1f5; height: 40px;}

    .topbar-content{ height: 40px;}

    .top-line .topbar-left{float: left;height: 40px; line-height: 40px}

    .top-line .topbar-right { float: right; height: 40px}

    .top-line .topbar-right ul li {float: left; width:100px; height: 40px; line-height: 40px; text-align: right; position: relative;  padding-right: 5px; margin-left: 10px}

    .top-line .topbar-right ul li.wechat a:before{content: '';position: absolute;width: 24px;height: 24px;background: url("../images/wechat_icon.jpg");  top: 8px;left:5px;}

    .top-line .topbar-right ul li.weibo a:before{content: '';position: absolute;width: 25px;height: 25px;background: url("../images/sina_icon.jpg");  top: 8px;left: 5px;}

    .top-line .topbar-right ul li.oa a:before{content: '';position: absolute;width: 25px;height: 25px;background: url("../images/oa_icon.jpg");  top: 8px;left: 15px;}

    .top-line .wechat.active{background: #fff; border-left:1px solid #ededed; border-right: 1px solid #ededed}

    .top-line .showWechat{position: absolute;display:none;width: 165px; background: #fff; z-index: 999; top: 40px;border:1px solid #ededed; border-top: none;    left: -1px;

        text-align: center;padding-bottom: 5px }

    .top-line .showWechat div{text-align: center; height: 40px; line-height: 40px}

    .top-line .showWechat img{width: 110px; height: 110px}



    /*logo那栏*/

    .top_search{padding:13px 0; }

    .top_search .logo { margin-top: 12px}

    .top_search .logo img{vertical-align: bottom}

    .top_search .zizhi{margin-top: 10px;height:90px}

    .top_search .zizhi .info-list .swiper-container{height:90px }

    .top_search .zizhi li{font-size: 16px; height: 28px; letter-spacing:2px; padding-left: 10px;}

    /*搜索框*/

    .top_search .search img{float: right}

    .top_search .search-box {width: 238px;height: 34px;border: 1px solid #ccc;position: relative;overflow: hidden;margin-top: 16px; float: right}

    .top_search .search-box .text,.search-box form{width: 100%;height: 100%;}

    .top_search .search-box .text {text-indent: 1em;box-sizing: border-box;padding-right: 34px;}

    .top_search .search-box .submit {position: absolute;width: 34px;height: 34px;background: url(../images/search.png) no-repeat center;background-size: 100% 100%;top: 0;right: 0;cursor: pointer;}



    /*导航*/

    .header{ background-color: #005197; font-size: 16px; }

    .header .navbar-nav{width: 1200px}

    .header .navbar-nav li.menu{padding-left: 4px; padding-right: 4px ;}

	.nav>li>a {

        position: relative;

        display: block;

        padding: 15px 10px;

    }

    .header .navbar-nav li a:hover {background-color: #044279}

    .header .navbar-nav li a:visited{background-color: #044279}

    .header .navbar-nav .dropdown-menu a:hover {background: #005197; }

    .header .navbar-nav .dropdown-menu{ background: #044279; min-width: 0;/*width: 100%;*/  margin-left: 3px; border: 0}

    .header .navbar-nav .dropdown-menu li{ font-size: 14px; border-bottom: 1px solid #005197}

    .header .navbar-nav .dropdown-menu li a{padding-top:6px; padding-bottom:6px;}

    .header .navbar-nav .dropdown-menu li:last-child{border-bottom:none}

    .header .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {

        background-color: #044279;

    }

    .dropdown-menu>li>a {

        display: block;

        padding: 3px 15px;

    }



    .d_title{background: #ebebeb; color: #383838; font-size: 18px; clear: both; height: 50px; line-height: 50px; padding-left: 10px;padding-right: 10px}



    .zhujie1{text-align: right; width: 1200px;margin: 0 auto; margin-bottom: 10px; color: #929292}