*{
    font-family: "Microsoft YaHei", serif}

body{text-decoration: none}
.top{ width:100%; min-height:112px; background: url(../images/top_bg.png) center repeat;}
.topc{ max-width:1200px; min-height:112px; margin:0 auto;}
.topclf{ width:388px; float:left; height:76px; padding-top:15px;}
.toprr{ width:252px; float:right; height:112px;}
.toprrt{ height:30px; line-height:30px; color:#e4cece; padding-bottom:15px; padding-right:20px;padding-top:10px; }
.toprrt li{ float:right; padding:0 5px; text-align:right;}
.toprrt li a{ color:#e4cece;text-align:right;}
.tops{ width:223px; height:31px; background:url(../images/sous.png) no-repeat;float:right;margin-right:20px;}
.topslf{ width:180px; float:left; height:25px; padding:5px; padding-left:10px; }
.topslf input{ width:180px; height:23px; line-height:23px;border:0px; background:none;color:#fff;}
.topslfb{ width:19px; height:19px; float:left; padding-top:6px;}

/*网站导航*/
/* Unessential CSS - Just here to make this sample page prettier */
/*nav start*/
a{text-decoration: none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navBar{  background:#efefef; position:relative; z-index:1;   color:#333; height:50px; line-height:50px; display: flex;justify-content: center  }
.navBar li{  text-align: center;line-height: 50px; list-style: none  }
.navBar li:hover{  background:#3260ad;  }
.navBar li a:hover{  color:  #fff }
.nav{ width:1500px; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;  }
.nav h3{ font-size:100%; font-weight:normal; font-size:18px;    }
.nav .m{  position:relative; float:left; width:160px; margin:0 10px; display:inline; text-align:center; height: 50px  }
.nav .m h3 i{ display:inline-block; *display:inline; zoom:1; width:7px; height:4px; background:url(images/sy_06.jpg) 0 -280px no-repeat; overflow:hidden; margin:-2px 0 0 5px;
    vertical-align:middle; filter:alpha(opacity=50);opacity:0.5;
}
.nav h3 a{  zoom:1;  height:16px; line-height:16px; padding:0;  display:block; color:#333 }
.nav .on h3 a{padding:0;}
.nav li:hover {background: #003d9f;}
.nav li:hover h3 a {color:#ffffff}
.nav .on h3 a i{ filter:alpha(opacity=100);opacity:1;  }
.nav .sub{ display:none; /*默认隐藏*/ width:160px; padding:10px 0;  position:absolute;  top:46px;  background:#3260ad;  float:left; line-height:30px;
}
.nav .sub li{ text-align:center;  }
.nav .sub li a{ color:#fff; display:block; zoom:1;}
.nav .sub li a:hover{  background: #003d9f; color:#fff;   }
/*nav end */


.khyy{  border-bottom:1px solid #fff; margin-bottom:10px;}

.wrapper {
    margin: 0 auto;

    max-width: 1600px;

    height: 100%;
}
header {
    background-color: #efefef;
}
header:after {
    content: " ";
    display: table;
    clear: both;
}
.brand, h1, h2, h3 {
     font-family: "微软雅黑";
     font-weight: 400;
     letter-spacing: 1px;
 }
h4, h5, h6 {
    letter-spacing: 1px;
}
h1 {
    font-size: 28px;
}

.main .dev-output pre {
    overflow: auto;
    max-height: 500px;
    background-color: #EBF4FD;
    padding: 0 1em 1em;
}
.brand {
    float: left;
    
}
.brand p {
    margin: 0;
}
.rm-nav {
    letter-spacing: 1px;
}
.logo {
    font-size: 1.4em;
    line-height: 40px;
    margin: 20px 0 0;
    width: 100px;
    height: 40px;
    background-color: #3C97D5;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    display: block;
    float: left;
    text-decoration: none;
    color: #fff;
    padding: 0;
}

.rm-toggle.rm-button {
    margin-top: 25px;
}

.rm-css-animate.rm-menu-expanded {
    max-height: none;
    display: block;
}
.rm-container.rm-layout-expanded {

}
.rm-nav li a,
.rm-top-menu a {
    padding: .75rem 1rem;
    font-size: .9em;
    line-height: 1.5rem;
    text-transform: uppercase;
}
.rm-layout-expanded .rm-nav > ul > li > a,
.rm-layout-expanded .rm-top-menu > .rm-menu-item > a {
    height: 50px;
    line-height: 50px;
}

.main {

    background-position: center top;
    background-repeat: repeat-x;
    min-height: 100%;
    padding-top: 1px;
}
.tagline {
    width: 360px;
    font-size: 1.75em;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.2;
    text-align: center;
    margin: 275px auto;
    color: #1A88D3;
}
.tagline strong {
    font-size: 1.3em;
}
.dev-output {
    background-color: #e1eaf3; /* fall-back */
    background-color: rgba(255,255,255,.85);
    color: #efefef;
    padding: 2em;
    margin-bottom: 2em;
}



/*row1 start*/

#news {
    width: 100%;
    min-width: 1460px;
    height: 497px
}

#news .box {
    width: 1460px;
    margin: 0 auto
}

#ppt {
    width: 665px;
    height: 433px;
    padding-left: 13px;
    padding-top: 0px;
    display: inline-block;
    float: left;
    margin-top: 30px
}

.focusBox {
    position: relative;
    width: 665px;
    height: 433px;
    font: 12px/1.5 Verdana, Geneva, sans-serif;
    text-align: left;
    background: white;
    float: left
}

.focusBox .pic img {
    width: 665px;
    height: 433px;
    display: block
}

.focusBox .txt-bg {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    height: 130px;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden
}

.focusBox .txt {
    position: absolute;
    bottom: 30px;
    z-index: 2;
    height: 106px;
    width: 100%;
    overflow: hidden;
    margin: 0 0 0 -40px;
}

.focusBox .txt li {
    height: 106px;
    line-height: 106px;
    position: absolute;
    bottom: 0px;
    width: 100%
}

.focusBox .txt li a {
    display: block;
    color: #fff;
    padding: 15px 20px 0 40px;
    font-weight: bold;
    font-family: '微软雅黑', '黑体';
    font-size: 18px;
    text-decoration: none;
    line-height: 40px
}

.focusBox .txt li a:hover {
    color: yellow
}

.focusBox .txt li a span {
    display: inline-block;
    float: right;
    width: 120px;
    height: 90px
}

.focusBox .txt li a span b {
    display: block;
    width: 120px;
    height: 45px;
    float: right;
    text-align: center
}

.focusBox .txt li a span b.ymd {
    padding-top: 40px;
    color: white;
    margin: 0 13px;
}

.focusBox .txt li a span b.day {
    font-size: 40px;
    line-height: 40px
}

.focusBox .txt li a span b.ym {
    font-weight: normal;
    line-height: 20px
}

.focusBox .num {
    position: absolute;
    z-index: 3;
    bottom: 18px;
    right: 8px
}

.focusBox .num li {
    float: left;
    position: relative;
    width: 15px;
    height: 15px;
    line-height: 15px;
    overflow: hidden;
    text-align: center;
    margin-right: 3px;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #fff;
    background: #fff
}

.focusBox .num li a, .focusBox .num li span {
    position: absolute;
    z-index: 2;
    display: block;
    color: white;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none
}

.focusBox .num li span {
    z-index: 1;
    filter: alpha(opacity=50);
    opacity: 0.5
}

.focusBox .num li.on a, .focusBox .num a:hover {
    background: #189fdf
}

#gzdt {
    width: 720px;
    margin-left: 56px;
    float: left;
    display: inline-block;
    margin-top: 30px
}

#gzdt dt {
    width: 100%;
    height: 50px;
    display: inline-block;
    float: left
}

#gzdt dt a {
    display: inline-block;
    float: right;
    width: 84px;
    height: 23px;
    text-align: center;
    line-height: 23px;
    color: white;
    border-radius: 15px;
    margin-top: 15px;
    padding:5px 0; font-size:18px; font-weight:bold;color:#448fc9;text-decoration: none
    /*

       .post .more_old;   }
       .post .more_btn a {  }
      */

}


#gzdt dt span {
    display: inline-block;
    width: 140px;
    height: 50px;
    float: left;
    font-size: 28px;
    font-weight: bold;
    color:#444436;
    background: url(../images/btline.png) no-repeat bottom center;
    text-align: center
}

#gzdt dd {
    width: 100%;
    display: inline-block;
    float: left
}

#gzdt dd ul li {
    display: inline-block;
    margin-left: -40px;
    height: 65px;
    width: 100%;
    float: left;
    background: url(../images/libtm.png) repeat-x bottom
}

#gzdt dd ul li span {
    float: right;
    line-height: 65px
}

#gzdt dd ul li a {
    display: inline-block;
    height: 65px;
    line-height: 65px;
    float: left;
    padding-left: 30px;
    background: url(../images/img1.png) no-repeat left;
    color: #333;
    font-size: 20px;
    text-decoration: none;
}

#gzdt dd ul li a:hover {
    color: #3260ad
}

#anniu {
    width: 100%;
    height: 130px;
    min-width: 1460px
}

#anniu .box {
    width: 1460px;
    margin: 0 auto
}

#anniu a {
    display: inline-block;
    float: left;
    width: 160px;
    padding-left: 185px;
    height: 106px;
    line-height: 106px;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    background: url(../images/btn1.png) no-repeat;
    color: white
}

#anniu a:hover {
    color: #953624
}

#anniu #a2 {
    background: url(../images/btn2.png) no-repeat;
    margin-left: 26px
}

#anniu #a3 {
    background: url(../images/btn3.png) no-repeat;
    margin-left: 26px
}

#anniu #a4 {
    background: url(../images/btn4.png) no-repeat;
    margin-left: 26px
}

/**row1 end*/
/* row2 start*/

.mod3 { margin: 70px 0 50px 0; }
.m3 .post .tt .tit .title { background:url(../images/bt3.png) no-repeat 0 center; padding-left: 48px; }
.m4 .post .tt .tit .title { background:url(../images/bt4.png) no-repeat 0 center; padding-left: 48px;  }

.m3 { width: 660px; float: left;margin-left: 50px; }
.m4 { width: 660px; float: right;margin-right: 90px; }


.post .tt { display:inline-block; width:100%;   } /**标题栏**/
.post .tt .tit { display:inline-block; float:left; color:#444436; } /**标题字体**/
.post .tt .tit .title { display:block;  font-size:30px; font-weight:bold;  margin-bottom: 15px; } /**标题图标**/
.post .tt .tit .title_en { background:url(../images/btline.png) no-repeat 0 top ;  display:block; text-transform: uppercase; font-size: 16px; font-weight:normal; height: 42px; line-height: 42px; color: #b3b3b3; }
.post .tt .more_btn { display:inline-block;float:right;  line-height:92px; } /**更多按钮**/
.post .con { padding:5px 0; margin:0 0 0 -20px;width:100%; }
.post .more_btn { font-size:18px; font-weight:bold;   }
.post .more_btn a { color:#448fc9;text-decoration: none }
ul{list-style-type: none;}
.news_list_item {  width: 100%;   float: left; }
.news_list_item li { background: #eaecf9; border-left: 6px solid #3345d1; margin-bottom: 20px; padding:0 46px 0 18px;height:151px; text-decoration: none!important;}
.news_list_item .news_title { line-height: 30px; font-size: 18px; font-weight: bold; color: #393939; padding: 25px 0 20px 0;}
.news_list_item .news_abs { line-height: 24px; font-size: 16px; color: #969696; padding-bottom: 28px;text-decoration: none;}
.news_list_item li:hover { background: url(../images/btbg.png) no-repeat 0 0;}
.news_list_item li:hover .news_title { color: #fff;}
.news_list_item li:hover .news_abs { color: #fff;}


/* row2 end*/
/*link start*/

div#container-4 {
    background: #ecf2f8;
}
.lowrightdown.botlinks {}
.wrapper main4{width: 120%!important;
    margin: auto}
.main4.inner{padding: 15px 0;}
.wrapper.inner{width: 1200px;margin: 0 auto;}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;


}
.lowrightdown.botlinks {
}

.lianjie{float: left;
    width: 260px;
    margin:0px  30px;
    padding-top: 30px;}
.yqlj {
    float: left;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    color: #111111;
    cursor: pointer;
    line-height: 45px;
    padding: 0 4px 0 50px;
}
.inner{width: 100%}

.botlinks .links-wrap {position: relative;width:100%;display: inline-block;  line-height: 30px; background: #ecf2f8;border:1px solid #d0d0d0;}
.botlinks .links-wrap a.links-arrow {display: block;height: 40px;font-size:16px;line-height: 40px;padding: 0 25px 0 10px;color:#444444;background: url(images/arrow.png) no-repeat right top;}
.botlinks .links-wrap a.links-arrow:hover,
.botlinks .wrap-open a.links-arrow { color: #333; background-position: right bottom; cursor: pointer;}
.botlinks .links-wrap .link-items {display: none; position: absolute; left: 0; bottom: 35px; width: 100%;  height:auto; overflow: auto; overflow-x:hidden;background: #f5f5f5;}
.botlinks .links-wrap .link-items a { display: block; line-height: 24px; padding: 5px; color: #444;font-size: 14px;}
.botlinks .links-wrap .link-items a span { display:block; margin:0 6px; white-space:nowrap;}
.botlinks .links-wrap .link-items a:hover { color: #fff; background: #004d9e; cursor: pointer;}
h3.tit {    padding-left: 23px;
    background: url(images/news_li.jpg) no-repeat center left;
}






/*link end*/
/*footer start*/

.w1200{width:1300px;margin:0 auto;}
footer .fl01{padding: 0px 0 28px 0;background:#06368b;}
footer .bottom { padding: 10px 0 0 0;}
footer .bottom .left{margin-right: 280px;float:left;padding-top: 10px;}
footer .bottom .center{ float:right; width:380px;}
footer .bottom .center h6 { font-size:16px; color:#fff; margin:10px 0 0 35px;}
footer .bottom .center ul li { font-size:14px; color:#fff; line-height:26px; padding-left:24px;background: url(../images/footer_icon1.png) left center no-repeat;}
footer .bottom .center ul li+li{background: url(../images/footer_icon3.png) left center no-repeat;}


footer .bottom .right{float:right;background: #06368b;padding: 10px;position: fixed;right: 10px;bottom: 350px;}
footer .bottom .right h5{ text-align:center; font-size:14px; color:#fff; margin-top:12px;}
footer .fl02{ padding:0 0; background:#052d74; text-align:center}
footer .fl02 p{ font-size:12px; color:#fff; line-height:30px;}

/*footer end*/