﻿.banner { width:100%;position:relative}
.banner img { max-width:100%;}


.main-box1 { width:75%;margin:0 auto;overflow:hidden;margin-top:30px}
.main-box1 div.main-box1-left { width: 40%;float:left }
.main-box1 div.main-box1-right { width: 58%;float:right }
.main-box1 div.main-box1-left .slideBox { width: 100%; height: 400px; overflow: hidden; position: relative; }
.main-box1 div.main-box1-left .slideBox .hd { height: 15px; overflow: hidden; position: absolute; right:10px; bottom: 10px; z-index: 1; }
.main-box1 div.main-box1-left .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.main-box1 div.main-box1-left .slideBox .hd ul li { float: left; margin-right: 2px; width: 10px; height:10px;  background: #bbbab6; cursor: pointer;border-radius:10px;margin:0 2px }
.main-box1 div.main-box1-left .slideBox .hd ul li.on { background: #61ceff; color: #fff; }
.main-box1 div.main-box1-left .slideBox .bd { position: relative; height: 100%; z-index: 0; }
.main-box1 div.main-box1-left .slideBox .bd li { zoom: 1; vertical-align: middle; }
.main-box1 div.main-box1-left .slideBox .bd img { width: 100%; height: 400px; display: block; }
.main-box1 div.main-box1-left .slideBox .bd div { position:relative}
.main-box1 div.main-box1-left .slideBox .bd div p { padding: 0; margin: 0; width: 100%; height: 45px; position: absolute; left: 0; bottom: 0; background: url(../images/bg5.png); line-height: 45px; text-indent: 10px;  }
.main-box1 div.main-box1-left .slideBox .bd div p a { color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;width:85%;display:block }
.main-box1 div.main-box1-left .slideBox .bd div p a:hover { text-decoration:underline}

.main-box1 div.title2 { width:100%;height:45px;border-bottom:1px solid #DEDEDE}
.main-box1 div.title2 p { display:block;float:left;height:45px;color:#095e9e;font-size:16px;font-weight:bold;line-height:45px;padding-left:30px}
.main-box1 div.title2 span { float:right;display:block;height:45px;background:url(../images/i-018.png) no-repeat left center;background-size:24px;color:#004192;line-height:45px;padding-left:25px}
.main-box1 div.title2 p.xhxw { background:url(../images/i-019.png) no-repeat left center;background-size:24px}
.main-box1 div.title2 p.djgz { background: url(../images/i-020.png) no-repeat left center; background-size: 24px }
.main-box1 div.title2 p.tzgg { background: url(../images/i-021.png) no-repeat left center; background-size: 24px }
.main-box1 ul.news-list { width: 100%; padding: 0; margin: 0; margin-top: 10px }
.main-box1 ul.news-list li {height:35px;line-height:35px;background:url(../images/bg6.png) no-repeat left center}
.main-box1 ul.news-list li a { display: block; width: calc(100% - 120px); float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-indent:10px }
.main-box1 ul.news-list li a:hover { text-decoration: underline; color: #004192 }
.main-box1 ul.news-list li span { float: right;color:gray }
.main-box1 div.main-box1-item { width:49%;}
.main-box1 div.main-box1-item:first-child { float:left}
.main-box1 div.main-box1-item:last-child { float:right}

.hyfc-box { width:75%;margin:0 auto;margin-top:20px}
.hyfc-box div.title2 { width: 100%; height: 25px; border-bottom: 1px solid #DEDEDE; text-align:center }
.hyfc-box div.title2 p { display: inline-block; margin: 0 auto; height: 45px; color: #095e9e; font-size: 16px; font-weight: bold; line-height: 45px; background: url(../images/i-022.png) #fff no-repeat 10px center; background-size: 24px; padding: 0 10px; padding-left: 40px; }
.hyfc-box .picMarquee-left { width: 100%; overflow: hidden; position: relative; margin-top:20px}
.hyfc-box .picMarquee-left .hd { overflow: hidden; height: 30px; background: #f4f4f4; padding: 0 10px; }
.hyfc-box .picMarquee-left .hd .prev, .picMarquee-left .hd .next { display: block; width: 5px; height: 9px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("../images/arrow.png") no-repeat; }
.hyfc-box .picMarquee-left .hd .next { background-position: 0 -50px; }
.hyfc-box .picMarquee-left .hd .prevStop { background-position: -60px 0; }
.hyfc-box .picMarquee-left .hd .nextStop { background-position: -60px -50px; }
.hyfc-box .picMarquee-left .bd { padding: 10px; }
.hyfc-box .picMarquee-left .bd ul { overflow: hidden; zoom: 1; }
.hyfc-box .picMarquee-left .bd ul li { margin: 0 8px; float: left; _display: inline; overflow: hidden; text-align: center; }
.hyfc-box .picMarquee-left .bd ul li .pic { text-align: center}
.hyfc-box .picMarquee-left .bd ul li .pic img { width: 335px; height: 230px; display: block; padding: 2px; }
.hyfc-box .picMarquee-left .bd ul li .pic a:hover img { border-color: #999; }
.hyfc-box .picMarquee-left .bd ul li .title3 { line-height: 24px;width:335px }

/** 友情链接 **/
div.links {width:75%;margin:0 auto;margin-bottom:50px }
div.links div.title2 { width: 100%; height: 64px; background: url(../images/i-023.png) left top no-repeat; color: #fff; font-size: 24px; font-weight: bold; line-height: 56px; text-indent: 45px; border-bottom: 4px solid #004D8E }
div.links ul.links-ul { width:100%;overflow:hidden}
div.links ul.links-ul li { float:left;padding:10px 20px}


@media (max-width: 1024px) { .banner { width: 100%; margin-top: 60px; }
    .main-box1 { width: 98vw; margin: 0 auto; overflow: hidden; margin-top: 2vw }
    .main-box1 div.main-box1-left { width: 100%; float: unset }
    .main-box1 div.main-box1-right { width: 100%; float: unset }
    .main-box1 div.main-box1-left .slideBox { width: 100%; height: 35vh; overflow: hidden; position: relative; }
    .main-box1 div.main-box1-left .slideBox .hd { height: 15px; overflow: hidden; position: absolute; right: 10px; bottom: 10px; z-index: 1; }
    .main-box1 div.main-box1-left .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
    .main-box1 div.main-box1-left .slideBox .hd ul li { float: left; margin-right: 2px; width: 10px; height: 10px; background: #bbbab6; cursor: pointer; border-radius: 10px; margin: 0 2px }
    .main-box1 div.main-box1-left .slideBox .hd ul li.on { background: #61ceff; color: #fff; }
    .main-box1 div.main-box1-left .slideBox .bd { position: relative; height: 100%; z-index: 0; }
    .main-box1 div.main-box1-left .slideBox .bd li { zoom: 1; vertical-align: middle; }
    .main-box1 div.main-box1-left .slideBox .bd img { width: 100%; height: 35vh; display: block; }
    .main-box1 div.main-box1-left .slideBox .bd div { position: relative }
    .main-box1 div.main-box1-left .slideBox .bd div p { padding: 0; margin: 0; width: 100%; height: 45px; position: absolute; left: 0; bottom: 0; background: url(../images/bg5.png); line-height: 45px; text-indent: 10px; }
    .main-box1 div.main-box1-left .slideBox .bd div p a { color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 85%; display: block }
    .main-box1 div.main-box1-left .slideBox .bd div p a:hover { text-decoration: underline }

    .main-box1 div.main-box1-item { width: 100%; }
    .main-box1 div.main-box1-item:first-child { float: unset }
    .main-box1 div.main-box1-item:last-child { float: unset }

    .hyfc-box { width: 98vw; margin: 0 auto; margin-top: 20px }

    div.links { width: 98vw; margin: 0 auto; margin-bottom: 50px }
    div.links div.title2 { width: 100%; height: 64px; background: url(../images/i-023.png) left top no-repeat; color: #fff; font-size: 24px; font-weight: bold; line-height: 56px; text-indent: 45px; border-bottom: 4px solid #004D8E }
    div.links ul.links-ul { width: 100%; overflow: hidden }
    div.links ul.links-ul li { float: left; padding: 10px 20px }
}