@charset "utf-8";
body{color:#444444; font-size:16px; font-family:Microsoft YaHei,Simsun,SimHei,Arial; background-color:#fff; -webkit-text-size-adjust:none;}
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, textarea, ul{ padding:0; margin:0;}
li, ol, ul{ list-style:none;}
img{ border:none; border:0; max-width:100%;}
a{ text-decoration:none; color:#444444; noline:expression(this.onFocus=this.blur());}
a:focus {outline:none;-moz-outline:none;}
a:hover{color:#10568a;}
button, input, select, textarea {font-family: inherit; font-size:1em;}
input:focus, textarea:focus{ outline: none;}
input::-webkit-input-placeholder{color: #b1bcc4;}
.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
.clear{clear:both;}
.container{ width:1200px; margin:0 auto; clear:both;}
.container:after {clear: both;}
.container:after, .container:before {display:table;content: "";}
.boxsizing_c{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mt30{margin-top: 30px;}
.fl{float: left;}
.fr{float: right;}
.transparent{background:transparent;}

body{
    margin: 0 auto;
    background-color: white;
}

.center{
    width: 1200px;
    margin: 0 auto;
}
.rounded {
display: inline-block;
    background-color: rgb(7,137,212);
    border-radius: 10px;
    padding: 6px 24px;
    color: white;
    text-align: center;
    font-size: 16px;
    position: absolute;
    border: none;
    right: 23.44%;
    top: 45px;
}

.zi{
    position: absolute;
    top: 356px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.logo{
    position: absolute;
    top: 30px;
}
.lanmu{
    width: 100%;
    height: 50px;
    background-color: rgb(3,111,173);
    margin-top: 60px;
    display: -webkit-flex;
    justify-content: space-between;
}

.lanmu h2{
    color: white;

    padding-left: 20px;
    margin-top: 10px;
}

.lanmu a {
    color: white;
    font-size: 15px;
    /* margin-top: 29px; */
    padding: 20px;
    /* margin: 1px; */
    text-decoration: none;
}



.home-row1-col-l{
    width: 55%;
}
.home-tpxw{height:370px; position:relative; overflow:hidden;}
.home-tpxw img{ width:660px; height:370px; display:block;}
.home-tpxw .bd li{ position:relative; overflow:hidden; zoom:1;}
.home-tpxw .bd .txtbg{position:absolute; bottom:0; left:0; width:100%; height:50px; background:#000; filter:alpha(opacity=30); -moz-opacity: 0.3; opacity:0.3;}
.home-tpxw .bd .txt{position:absolute; bottom:0; left:20px; right:120px; color:#fff; line-height:50px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;width: 555px;}
.home-tpxw .hd{ position:absolute; bottom:18px; right:10px;}
.home-tpxw .hd li{float:left; width:13px; height:13px; margin-left:10px; line-height:0; overflow:hidden; font-size:0; background:#fff; border-radius:50%; filter:alpha(opacity=40); -moz-opacity: 0.4; opacity:0.4; -moz-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; cursor:pointer; transition: all .3s; -webkit-transition: all .3s;}
.home-tpxw .hd li.on{filter:alpha(opacity=100); -moz-opacity: 1; opacity:1;}
.home-tpxw .arrow{width: 40px; height: 40px; background:url(../../../images/index/scroll-arrow2.png) no-repeat; position: absolute; top:50%; margin-top: -20px; cursor: pointer; filter:alpha(opacity=20); -moz-opacity: 0.2; opacity:0.2; z-index: 6;}
.home-tpxw .prev{left: 16px;}
.home-tpxw .next{right: 16px; background-position: 0 -40px;}
.home-tpxw .arrow:hover{filter:alpha(opacity=50) !important; -moz-opacity: 0.5 !important; opacity:0.5 !important;}

.gznr{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 400px;
    margin-top: 50px;
}
.h3{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
    margin-bottom: 15px;
    font-size: 25px;
        line-height: 30px;
    color: rgb(2,101,168);
}

.gznrlist{
    width: 43%;
margin-top: 5px;
}

.gznrlist_header{

    border-bottom: 1px solid rgb(1,64,143);

}

.gznrlist_ui li::before{
    content: "⬤";
    color: rgb(0,124,191);
    font-size: 10px;
    margin-right: 5px;
}

.gznrlist_ui li{
   margin-top: 17px;
}

.gznrlist_ui .txt{
    font-size: 20px;
}

.gznrlist_header p{
    color: rgb(102,102,102);
    font-size: 18px;
    line-height: 12px;
    margin-bottom: 15px;
}

.zlzq{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 400px;
    margin: 50px 0px;
}

.zlqzlist{
    width: 50%;
    background-color: rgb(242,242,242);
}

.zlqzlist_header{

    border-bottom: 1px solid rgb(1,64,143);
    margin: 30px 0;
    height: 10%;

    width: 70%;
    margin-left: 30px;

}

.zlqzlist_ui{
    margin-left: 30px;
}
.jpg{        height: 380px;
    position: absolute;
    /* height: 100%; */
    /* margin-left: -520px; */
    left: 45.6%;
    display: flex;
    align-items: center;
    width: 682px;
}
.jpg img{

    border: none;
    border: 0;
    /* max-width: 100%; */
    height: 90%;
}
.jpg  .txtbg{position:absolute; bottom:18px; left:0; width:100%; height:50px; background:#000; filter:alpha(opacity=30); -moz-opacity: 0.3; opacity:0.3;}

.jpg .txt{position:absolute; bottom:18px; left:20px; right:120px; color:#fff; line-height:50px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;width: 100%;
    text-align: center;}

.tgtj_pics{  width: 100%; overflow:hidden; position:relative;height:210px;margin: 50px 0;}
.tgtj_pics .prev,.tgtj_pics .next { position: absolute; left: -40px; top: 50%; display: block; border-radius: 0 5px 5px 0; width: 40px; height: 70px; text-align: center; line-height: 70px; color:#d4d6d4; font-size: 40px; font-family: simsun; font-weight: bold; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); margin-top: -35px; transition: all .5s;}
.tgtj_pics .next { left: auto; right: -40px; border-radius: 5px 0 0 5px;}
.tgtj_pics .prev:hover,.tgtj_pics .next:hover { background:rgba(0,0,0,1); color:#d4d6d4 !important;}
.tgtj_pics:hover .prev { left: 0; transition: all .5s;}
.tgtj_pics:hover .next { right: 0; transition: all .5s;}
.tgtj_picslist { width: 1200px; height:210px; margin: 0 auto; overflow:hidden;}
.tgtj_picslist li{ width:280px; height: 210px; margin-right:26px; overflow:hidden;position: relative;}
.tgtj_picslist li img{ width: 100%; height:100%; }
.tgtj_picslist li:hover img { transform: scale(1.05); transition: all .3s;}
.tgtj_picslist li p { position:absolute; left:0; bottom:0; width: 100%; height:30px; background:rgba(0,0,0,0.5);  line-height:30px; text-align:center;overflow: hidden; color:#fff; cursor:pointer;font-size: 14px;}



@media screen and (max-width: 600px) {
    .rounded {
        display: inline-block;
        background-color: rgb(7,137,212);
        border-radius: 10px;
        padding: 6px 24px;
        color: white;
        text-align: center;
        font-size: 16px;
        position: absolute;
        border: none;
        right: 3%;
        top: 45px;
    }
    .zi {
        width: 0;
        position: absolute;
        top: 356px;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .center {
        width: 100%;
        margin: 0 auto;
    }
    .gznr {
        display: flex;
        /* justify-content: space-between; */
        width: 100%;
        height: auto;
        margin-top: 50px;
        flex-wrap: wrap;
    }

    .gznrlist {
        width: 90%;
        margin-top: 5px;
        margin: 0 5%;
    }
    .h3 {
        margin-bottom: 15px;
        font-size: 25px;
        line-height: 30px;
        color: rgb(2,101,168);
    }
    .zlzq {
        display: flex;
        /* justify-content: space-between; */
        width: 100%;
         height: auto; 
        margin: 50px 0px;
        flex-direction: row-reverse;
        /* flex-wrap: wrap; */
    }
    .jpg {
        /* height: 380px; */
        position: absolute;
        /* height: 100%; */
        /* margin-left: -520px; */
        left: 0;
        display: flex;
        align-items: center;
        width: 100%;
        max-height: 220px;
    }

    .zlqzlist {
        width: 100%;
        background-color: rgb(242,242,242);
        margin-top: 220px;
    }

    .home-tpxw{
        width: 100%;
        /* height: 370px; */
        position: relative;
        overflow: hidden;

    }
}