@charset "utf-8";
/* CSS Document */
img {
    border: none;
}

a {
    text-decoration: none !important;
    font-family: "微软雅黑";
}

* {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/*顶部*/
.top {
    width: 100%;
    background: #333;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
}

.top > .top_one {
    /*width: 1200px;*/
    margin: 0 auto;
    color: white;
}

.top > .top_one > p > span {
    float: right;
}

.top > .top_one > p > a {
    color: white;
}

.top .top_one p a:hover {
    color: #2a7ec5;
}

.top > .top_one > p > span > a {
    color: white;
}

.tzcontainer {
    width: 78% !important;
    min-width: 800px;
    color: black;
}
.top_menu{
    height: 55px;
    line-height: 46px;
}

body{
    /*background: #f8f8f9!important;*/
    background-image: url("../images/xsy/background.png") !important;
    background-size: cover;
    background-position: 0 20px;
}

.ulLogo {
    padding: 6px 0px;
    background: linear-gradient(to left,#3B6DEA, #4C7FF1);
    display: flex;
    align-items: center;
}

.ulList {
    display: flex;
    justify-content: space-between;
    width: 700px;
    margin: 0;
    margin-left: 30px;
    font-size: 16px;
    color: #fff;
    transform: translate(0px, 5px);
}

.ulList li a {
    color: #fff;
    padding: 10px 15px;
}

.ulList li:hover {
    border-bottom: 3px solid #fff;
}

.ulList .active{
    border-bottom: 3px solid #fff;
}

.tou {
    position: absolute;
    z-index:9;
    width: 100%;
    height: 78px;
}
.tou_left{
    position: absolute;
    top: -5px;
    left: 0;
    width: 43.8%;
    height: 83px;
    background: url(../images/index/titlebj.png) no-repeat;
}
.tou_left img{
    margin-left: 40%;
    width: 50%;
}
.tou_right{
    float: right;
    height:78px;
    width:56%;
    padding-left:100px ;

    /*background: url("../images/index/rightbg.png") no-repeat;*/
}
.tou_right li{
    float: left;
    margin-right: 40px;
}
.tou_right li a {
    color:#fff;
}
.blank {
    height: 28px;
    position: relative;
}
.blank img {
    width: 100%;
    /* margin-top: -18px; */
    height: 14px;
    position: absolute;
    top: 3px;
    left: 0;
}
.mainBg{
    /*overflow: hidden;*/
    min-width:1200px;
    position: relative;
    width: 100%;


    height: 450px;
    background-size: 100% 660px;
    background-position: 0 -5%;
    /*position:absolute;*/
}
.mainBg2{
    /*overflow: hidden;*/
    min-width:1200px;
    position: relative;
    width: 100%;
}
.mainBg .d0{    height: calc(100% - 153px);position:relative;
    top: 153px;}
.d1 ul{
    display: flex;
    justify-content: space-evenly;
    height: 63%;
    align-items: end;
}
.d1 ul{
    /*float: left;*/
}
.d1 li {
    /*display: inline-block;*/
    position: relative;
    margin: 14px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    width: 250px;
    height: 400px;
}
.d1 li a p{    margin-top: 10px;}
.d1 ul span{
    display: none;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left-color: #fff;
    position: absolute;
    top: 14px;
    right: -20px;
}

.d1 li img{
    width: 100%;
}
#Triangle1{
    display: block;
}
.d1 .row{
    /*float: left;*/
    padding: 30px 0;
    background-color: #fff;
    /*margin: 28px 0 0 35px;*/
    width: 300px;
    border-radius: 8px;
    box-shadow: 0 0 15px #457DC744;
    position:absolute;
    z-index:9;
}

.row input {
    width: 240px;
    margin-bottom: 15px;
}
#searchDiv{
    margin: 0;
    padding: 0;
    margin-left: 30px;
}
.searchValidateCode {
    width: 240px;
}
#searchValidateCode{
    float: left;
}
.searchValidateCode .mid{
    width: 78px;
    margin: 0px 0 0 10px;
}
.row .btn{
    margin: 2px 0 0 0;
    width: 240px;
    background-color: #1F5BCE;
    border-color:#1F5BCE ;
    color: #fff;
}
.d2{
    position: relative;
    float: right;
    width: 54%;
    height: 545px;
    background: url("../images/index/hour.png") no-repeat 48%;
}
.news{
    /*height: 190px;*/
    width: 100%;
    transform: translate(0px, -45px);
}

.notice_div {
    height: 250px;
    width: 49%;
    background-color: #FFFFFF;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}
.notice_div > div{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 20px;
}
.notice_div > div:first-child{
    padding-bottom: 8px;
}
.notice_div > div:first-child div:first-child{
    font-weight: bold;
    font-size: 18px;
}

.news_son{
    float: left;
    width: 50%;
    /*height: 190px;*/
}
.news_son h3{
    margin-top: 15px;
    margin-bottom: 17px;
}
.news_son h3 a {
    color: #222222;
    font-size: 18px;
    font-weight: bold;
}
.tag{    background: #1362F1;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: baseline;}
.news_left{
    width: 55%;
    margin-left: 40%;
}
.news_right{
    width: 55%;
    height: 100%;
    margin-left: 15%;
    /*background: url("../images/index/search.png") no-repeat right;*/
}
.news_son .ng-scope{
    position: relative;
    /*margin-bottom: 8px;*/
    border-bottom: 1px solid #D5D7D8;
    padding: 14px 0;
    font-size: 16px;
}
/*.ng-scope span{
    color: #329be9;
    margin-right: 10px;
}*/
.ng-scope  a {
    color: #333333;
}
.ng-scope  em{
    position: absolute;
    right: 10px;
    font-style: normal;
    color: #999999;
    font-size: 14px;
}
.dialog-body{
    margin-top: 20px;
}
.login-control-group{
    margin-bottom: 18px;
}
.login-control-group>.form-control{
    width: 90%;
}
#loginForm>.btn-block{
    width: 90%;
    color: #fff;
}
#loginForm .forget{
    margin-left: 52%;
    color: #317CFC;
}
#register{
    margin-left: 12px;
    color: #317CFC;
}
.close{
    /*margin-top: -20px;*/
}
#js_pc_qr_code_img{
    display: none;
    height: 145px;
    width: 145px;
    background: #7b9ab3;
    line-height: 145px;
    text-align: center;
    border-radius: 8px;
    position: absolute;
    top: 190px;
    left: 120px;
}
.span{
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #7b9ab3;
    position: absolute;
    top: -20px;
    left: 43px;
}
#getPasswordForm{
    padding: 0 35px 8px;
}
#getPasswordForm .input-group{
    width: 100%;
}
.input-group{
    margin-bottom: 15px;
}










/*.tou > .tou_one {*/
/*    !*width: 1200px;*!*/
/*    margin: 0 auto;*/
/*    line-height: 85px;*/
/*}*/

.hed {
    /*width: 1200px;*/
    margin: 0 auto;
    position: relative;
    margin-top: -750px;
}
/*.d0{position: absolute;}*/
.hed .p2 {
    margin-left: 90px;
    /* width: 90%; */
    margin-top: 10px;
}

.hed .hed2 {
    float: right;
    margin-top: -160px;
    /* padding-left: 100px; */
    background: rgba(255, 255, 255, 0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF,endColorstr=#B2FFFFFF);
    padding: 3px;
    border-radius: 1.5em;
}

.hed .hed2 ul li {
    float: left;
    padding: 5px 10px 5px 10px;
    border-radius: 1em;
}

.hed2 ul .li1 {
    background: #fcab42;
}

.hed .hed2 ul .li1 a {
    color: white;
}

.hed .hed2 ul li a {
    color: #666;
}

.hed .hed2 ul li a:hover {
    color: #00419e;
}

/*四个*/
.center {
    width: 100%;
}

.pic {
    /*width: 1200px;*/
    margin: 0 auto;
    position: relative;
    display: block;
    top: 150px;
}

.pi1 {
    float: left;
    text-align: center;
    width: 300px;
    height: 300px;
    position: relative;
}

.pi1 > a {
    position: relative;
    display: block;
}

.pi1 > a > .marsk {
    display: block;
    background: url(../images/index/icon_one_one.png) center center no-repeat;
    top: -12px;
    position: absolute;
    width: 278px;
    height: 250px;
    color: #ffffff;
    left: 10.5px;
    transition: all 0.8s;
    -moz-transition: all 0.8s; /* Firefox 4 */
    -webkit-transition: all 0.8s; /* Safari 和 Chrome */
    -o-transition: all 0.8s;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 22px;
    letter-spacing: 1px;
}

.pi1 > a:hover > .marsk {
    opacity: 100;
    filter: alpha(opacity=100);
}

.pi1 > a > .marsk_two {
    display: block;
    background: url(../images/index/icon_two_two.png) center center no-repeat;
    top: -12px;
    position: absolute;
    /*width: 278px;*/
    height: 250px;
    color: #ffffff;
    left: 10.5px;
    transition: all 0.8s;
    -moz-transition: all 0.8s; /* Firefox 4 */
    -webkit-transition: all 0.8s; /* Safari 和 Chrome */
    -o-transition: all 0.8s;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 22px;
    letter-spacing: 1px;
}

.pi1 > a:hover > .marsk_two {
    opacity: 100;
    filter: alpha(opacity=100);
}

.pi1 > a > .marsk_three {
    display: block;
    background: url(../images/index/icon_three_three.png) center center no-repeat;
    top: -12px;
    position: absolute;
    /*width: 278px;*/
    height: 250px;
    color: #ffffff;
    left: 10.5px;
    transition: all 0.8s;
    -moz-transition: all 0.8s; /* Firefox 4 */
    -webkit-transition: all 0.8s; /* Safari 和 Chrome */
    -o-transition: all 0.8s;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 22px;
    letter-spacing: 1px;
}

.pi1 > a:hover > .marsk_three {
    opacity: 100;
    filter: alpha(opacity=100);
}

.pi1 > a > .marsk_four {
    display: block;
    background: url(../images/index/icon_four_four.png) center center no-repeat;
    top: -12px;
    position: absolute;
    /*width: 278px;*/
    height: 250px;
    color: #ffffff;
    left: 10.5px;
    transition: all 0.8s;
    -moz-transition: all 0.8s; /* Firefox 4 */
    -webkit-transition: all 0.8s; /* Safari 和 Chrome */
    -o-transition: all 0.8s;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 22px;
    letter-spacing: 1px;
}

.pi1 > a:hover > .marsk_four {
    opacity: 100;
    filter: alpha(opacity=100);
}

.pi1 > a > .marsk_five {
    display: block;
    background: url(../images/index/icon_five_five.png) center center no-repeat;
    top: -12px;
    position: absolute;
    /*width: 278px;*/
    height: 250px;
    color: #ffffff;
    left: 10.5px;
    transition: all 0.8s;
    -moz-transition: all 0.8s; /* Firefox 4 */
    -webkit-transition: all 0.8s; /* Safari 和 Chrome */
    -o-transition: all 0.8s;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 22px;
    letter-spacing: 1px;
}

.pi1 > a:hover > .marsk_five {
    opacity: 100;
    filter: alpha(opacity=100);
}

/*业务流程*/
.conten {
    width: 100%;
    height: 150px;
    background: rgba(21, 136, 233, 0.6);  /*支持rgba的浏览器*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#991588E9,endColorstr=#991588E9);
    position: relative;
    font-family: "微软雅黑";
    margin-top: 600px;
}

/*.conten:before,.conten:after{
	content:"";
	  width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 30px solid  rgba(21, 136, 233, 0.6);
    margin-left: 200px;
    position: relative;
    top: -30px;
	display:block;
	position:absolute;
	}*/

.conten .con {
    width: 990px;
    margin: 0 auto;
}

.conten .con .h {
    position: relative;
    width: 990px;
    height: 100px;
    text-align: center;
}

.conten .con .h li {
    float: left;
    width: 980px;
    color: white;
}

.conten .con .h li p {
    width: 980px;
    margin-top: 50px;
}

.conten .con .h li p span {
    padding-left: 40px;
}

.conten .con .h li p a {
    padding: 0px 10px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}

.conten .con .h li p a:hover {
    border-bottom: 1px solid #fff;
}

/*查询服务*/
.chaxun {
    width: 100%;
    height: 150px;
    background: rgba(21, 136, 233, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#991588E9,endColorstr=#991588E9);
    position: relative;
    font-family: "微软雅黑";
    margin-top: 552px;
}

.chaxun .con {
    width: 990px;
    margin: 0 auto;
}

.chaxun .con .h {
    position: relative;
    width: 990px;
    height: 87px;
    text-align: center;
}

.chaxun .con .h li {
    float: left;
    width: 480px;
    color: white;
}

.chaxun .con .h li p {
    width: 980px;
    margin-top: 30px;
}

.chaxun .con .h li p span {
    margin-left: 40px;
}

.chaxun .con .h li p .title {
    padding: 0px 10px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}

.chaxun .con .h li p .title:hover {
    border-bottom: 1px solid #fff;
}

.chaxun .con .h li p .btn {
    padding: 9px 16px;
}

.chaxun .row .zsbh {
    width: 300px;
    height: 40px;
    border: none;
    background: white;
    border-radius: 5px;
    font-size: 13px;
    padding-left: 10px;
    color: #000;
    float: left;
}

.chaxun .row input {
    margin-bottom: 0px;
    float: left;
    font-size: 13px;
    height: 40px;
    width: 200px;
    border: none;
    background: white;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 15px;
}

/*.d1 .action {*/
/*    box-shadow: 2px 2px 10px #888888;*/
/*    padding: 16px;*/
/*    background:linear-gradient(to top,#047ad9, #519ffe);*/
/*    border: 4px solid #fff;*/
/*    border-radius: 15%;*/
/*    text-align: center;*/
/*}*/
/*.d1 .action p{color:#fff}*/
.col-md-offset-3 {
    margin-left: 23%;
}
.d1 img{
    width: 64px;
}


.subtitle {
    width: 70%;
    margin-left: 15%;
    height: 30px!important;
}

.subtitle li{
    background: none;
    height: 30px!important;
    color: white;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 1.6rem!important;
}

.below_content{
    display: flex;
    flex-direction: column;
    background-position: 0px 0px!important;
}

/*业务大厅*/
.yewudating {
    width: 100%;
    height: 150px;
    background: rgba(21, 136, 233, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#991588E9,endColorstr=#991588E9);
    position: relative;
    font-family: "微软雅黑";
    margin-top: 552px;
}

.yewudating .con {
    width: 990px;
    margin: 0 auto;
}

.yewudating .con .h {
    position: relative;
    width: 990px;
    height: 100px;
    text-align: center;
}

.yewudating .con .h li {
    float: left;
    width: 480px;
    color: white;
}

.yewudating .con .h li p {
    width: 980px;
    margin-top: 50px;
}

.yewudating .con .h li p span {
    padding-left: 40px;
}

.yewudating .con .h li p a {
    padding: 0px 10px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}

.yewudating .con .h li p a:hover {
    border-bottom: 1px solid #fff;
}

/*器具托管*/
.qiju {
    width: 100%;
    height: 150px;
    background: rgba(21, 136, 233, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#991588E9,endColorstr=#991588E9);
    position: relative;
    font-family: "微软雅黑";
    margin-top: 552px;
}

.qiju .con {
    width: 990px;
    margin: 0 auto;
}

.qiju .con .h {
    position: relative;
    width: 990px;
    height: 100px;
    text-align: center;
}

.qiju .con .h li {
    float: left;
    width: 480px;
    color: white;
}

.qiju .con .h li p {
    width: 980px;
    margin-top: 50px;
}

.qiju .con .h li p span {
    padding-left: 40px;
}

.qiju .con .h li p a {
    padding: 0px 10px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}

.qiju .con .h li p a:hover {
    border-bottom: 1px solid #fff;
}

/*咨询投诉*/
.zixun {
    width: 100%;
    height: 150px;
    background: rgba(21, 136, 233, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#991588E9,endColorstr=#991588E9);
    position: relative;
    font-family: "微软雅黑";
    margin-top: 552px;
}

.zixun .con {
    width: 990px;
    margin: 0 auto;
}

.zixun .con .h {
    position: relative;
    width: 990px;
    height: 100px;
    text-align: center;
}

.zixun .con .h li {
    float: left;
    width: 480px;
    color: white;
}

.zixun .con .h li p {
    width: 980px;
    margin-top: 50px;
}

.zixun .con .h li p span {
    padding-left: 40px;
}

.zixun .con .h li p a {
    padding: 0px 10px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}

.zixun .con .h li p a:hover {
    border-bottom: 1px solid #fff;
}

/*二维码*/
.qr_code_pc {
    /*position: absolute;*/
    /*right: 0px;*/
    /*top: 620px;*/
    /*width: 140px;*/
    /*padding: 16px;*/
    /*border: 1px solid #d9dadc;*/
    /*background-color: #fff;*/
    /*word-wrap: break-word;*/
    /*word-break: break-all;*/
    position: fixed;
    right: 10px;
    bottom: 120px;
    width: auto;
    border: 1px solid #d0d0d0;
    background: rgba(255, 255, 255, 1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#FFFFFF);
    word-wrap: break-word;
    word-break: break-all;
    z-index: 1000;
    text-align: center;
    padding: 10px;
}

.qr_code_pc_head {
    text-align: right;
}

.qr_code_pc_body {
    padding: 0px;
    background: rgba(255, 255, 255, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF);
    font-family: "微软雅黑";
}

.qr_code_pc_img {
    width: 102px;
    height: 102px;
}

.qr_code_pc p {
    font-size: 14px;
    line-height: 20px;
}

/*底*/
.di {
    width: 100%;
    /* margin-top: 383px; */
    /*position: absolute;*/
    display: block;
    height: 35px;
    overflow: hidden;
    /*top: 848px;*/
    background-color: #262626;
}
.di .tb {
    margin: 0 auto;
    text-align: center;
    font-family: "微软雅黑";
    padding-top: 10px;
    color: white;
    font-size: 14px;
}

.news_center{
    width: 100%;
    margin: 0 auto;
    /*position: relative;*/
    overflow: hidden;background:#fff;
}
.huadong {width: 50%; float:left;height:4rem;padding: 1rem 0 0.5rem 0;  position:relative;font: 12px/1.5 "Hiragino Sans GB","Microsoft YaHei",simsun;margin:0px auto;}
.huadong .hdimg {float:left;line-height:3.5rem;}
.huadong .hdimg img { width: 100%; vertical-align:middle;}
.huadong span {font-size:1.5rem;float:left; line-height: 2.2rem; margin: 0.8rem 0 0 0; color:#489ce4;}
.huadong .gg_more { float: left;}
.huadong .gg_more a { font-size: 0.8rem; text-decoration:none;}

.huadong .notice_active {
    float: left;
    width: 79%;
    height: 3.7rem;
    padding: 0;
    overflow: hidden;
    position: relative;
}
.huadong .notice_active li{list-style-type:none;line-height: 2.4rem;overflow: hidden;}
/*.huadong .notice_active li.notice_active_ch {}*/
.huadong .notice_active li.notice_active_ch a {color:#656972;font-size:1.5rem;display: block;overflow: hidden; width:80%;float: left;text-overflow:ellipsis;white-space:nowrap;
    overflow: hidden;margin:0 0 2rem 0;}

.huadong .notice_active li.notice_active_ch em {text-align:right;float:right;color:#888;font-size:1.4rem;font-style:normal;  }

/*@media screen and (max-width: 1920px) {*/
/*    .bg_img {*/
/*        width: 100%;*/
/*        height: 595px;*/
/*    }*/
/*    .tou > .tou_one, .hed ,.tb,.top > .top_one, .pic {*/
/*        width: 1200px;}*/
/*    .pi1{width: 300px;}*/
/*    .pi1 > a > .marsk_two,.pi1 > a > .marsk_three,.pi1 > a > .marsk_four,.pi1 > a > .marsk_five{width:278px;}*/
/*    .zixun,.qiju,.yewudating,.chaxun{margin-top: 521px;}*/
/*    .tb{margin-top: -60px;}*/
/*}*/

/*@media screen and (max-width: 1680px) {*/
/*    .bg_img {*/
/*        width: 100%;*/
/*        height: 595px;*/
/*    }*/
/*    .tou > .tou_one, .hed ,.tb,.top > .top_one, .pic {*/
/*        width: 1200px;}*/
/*    .pi1{width: 300px;}*/
/*    .pi1 > a > .marsk_two,.pi1 > a > .marsk_three,.pi1 > a > .marsk_four,.pi1 > a > .marsk_five{width:278px;}*/
/*    .zixun,.qiju,.yewudating,.chaxun{margin-top: 445px;}*/
/*    .tb{margin-top: -60px;}*/
/*}*/
/*@media screen and (max-width: 1600px) {*/
/*    .bg_img {*/
/*        width: 100%;*/
/*        min-height: 640px;*/
/*    }*/
/*    .tou > .tou_one, .hed ,.tb,.top > .top_one, .pic {*/
/*        width: 1200px;}*/
/*    .pi1{width: 300px;}*/
/*    .pi1 > a > .marsk_two,.pi1 > a > .marsk_three,.pi1 > a > .marsk_four,.pi1 > a > .marsk_five{width:278px;}*/
/*    .tou{height: 70px;}*/
/*    .tou > .tou_one{line-height: 70px;}*/
/*    .pic{top: 130px;}*/
/*    .zixun,.qiju,.yewudating,.chaxun{margin-top: 491px;}*/
/*    .tb{margin-top: -60px;}*/
/*    .img{width: 50%;}*/

/*}*/
/*@media screen and (max-width: 1440px) {*/
/*    .bg_img {*/
/*        width: 100%;*/
/*        min-height: 640px;*/
/*    }*/
/*    .tou > .tou_one, .hed ,.tb,.top > .top_one, .pic {*/
/*        width: 1200px;}*/
/*    .pi1{width: 300px;}*/
/*    .pi1 > a > .marsk_two,.pi1 > a > .marsk_three,.pi1 > a > .marsk_four,.pi1 > a > .marsk_five{width:278px;}*/
/*    .tou{height: 70px;}*/
/*    .tou > .tou_one{line-height: 70px;}*/
/*    .pic{top: 130px;}*/
/*    .zixun,.qiju,.yewudating,.chaxun{margin-top: 491px;}*/
/*    .tb{margin-top: -60px;}*/
/*    .img{width: 50%;}*/

/*}*/
/*@media screen and (max-width: 1366px) {*/
/*    .bg_img {*/
/*        width: 100%;*/
/*        min-height: 640px;*/
/*    }*/
/*    .tou > .tou_one, .hed ,.tb,.top > .top_one, .pic {*/
/*        width: 1200px;}*/
/*    .pi1{width: 300px;}*/
/*    .pi1 > a > .marsk_two,.pi1 > a > .marsk_three,.pi1 > a > .marsk_four,.pi1 > a > .marsk_five{width:278px;}*/
/*    .tou{height: 70px;}*/
/*    .tou > .tou_one{line-height: 70px;}*/
/*    .pic{top: 130px;}*/
/*    .zixun,.qiju,.yewudating,.chaxun{margin-top: 491px;}*/
/*    .tb{margin-top: -60px;}*/
/*    .img{width: 50%;}*/

/*}*/
/*@media screen and (min-width: 1280px) {*/
/*.bg_img {*/
/*width: 100%;*/
/*min-height: 625px;*/
/*}*/
/*.tou > .tou_one, .hed ,.tb,.top > .top_one, .pic {*/
/*width: 1060px;}*/
/*.pi1{width: 265px;}*/
/*.pi1 > a > .marsk_two,.pi1 > a > .marsk_three,.pi1 > a > .marsk_four,.pi1 > a > .marsk_five{width:245px;}*/
/*.zixun,.qiju,.yewudating,.chaxun{margin-top: 475px;}*/
/*.tb{margin-top: -63px;}*/
/*body{overflow-y: auto;}*/
/*}*/
/*@media screen and (max-width: 1280px) {*/
/*    .bg_img {*/
/*        width: 100%;*/
/*        min-height: 625px;*/
/*    }*/
/*    .tou > .tou_one, .hed ,.tb,.top > .top_one, .pic {*/
/*        width: 1060px;}*/
/*    .pi1{width: 265px;}*/
/*    .pi1 > a > .marsk_two,.pi1 > a > .marsk_three,.pi1 > a > .marsk_four,.pi1 > a > .marsk_five{width:245px;}*/
/*    .zixun,.qiju,.yewudating,.chaxun{margin-top: 475px;}*/
/*    .tb{margin-top: -63px;}*/
/*    body{overflow-y: auto;}*/
/*}*/


/*@media screen and (max-width: 1024px) {*/
/*.bg_img {*/
/*width: 100%;*/
/*min-height: 625px;*/
/*}*/
/*.tou > .tou_one, .hed ,.tb,.top > .top_one, .pic {*/
/*width: 1100px;}*/
/*.pi1{width: 275px;}*/
/*.pi1 > a > .marsk_two,.pi1 > a > .marsk_three,.pi1 > a > .marsk_four,.pi1 > a > .marsk_five{width:255px;}*/
/*.zixun,.qiju,.yewudating,.chaxun{margin-top: 475px;}*/
/*.tb{margin-top: -63px;}*/
/*body{overflow-y: auto;}*/
/*}*/
/*@media screen and (min-width: 1024px) {*/
/*.bg_img {*/
/*width: 100%;*/
/*min-height: 625px;*/
/*}*/
/*.tou > .tou_one, .hed ,.tb,.top > .top_one, .pic {*/
/*width: 1100px;}*/
/*.pi1{width: 275px;}*/
/*.pi1 > a > .marsk_two,.pi1 > a > .marsk_three,.pi1 > a > .marsk_four,.pi1 > a > .marsk_five{width:255px;}*/
/*.zixun,.qiju,.yewudating,.chaxun{margin-top: 475px;}*/
/*.tb{margin-top: -63px;}*/
/*body{overflow-y: auto;}*/
/*}*/
/*@media screen and (max-width: 640px) {*/
/*.hed {*/
/*width: 90%;*/
/*}*/
/*}*/
@media screen and (min-width: 1360px){
    .tzcontainer{width:800px;}
    .ulLogo{padding:6px 0px;background: linear-gradient(to left,#3B6DEA, #4C7FF1);}
    .news_son .ng-scope{padding: 8px 0;}
    .ulList{
        width: 700px;
        font-size: 16px;}
    .tou {
        height: 125px;
    }
    .mainBg2,.mainBg{
        background-size: 100% 660px;
        background-position: 0 -5%;
    }
    .mainBg .d0{    height: calc(100% - 153px);
        top: 153px;}
    .d1 ul{
        height: 63%;
    }
    .d1 li {
        margin: 14px 0;
        width: 250px;
        height: 400px;
    }
    .d1 li a{font-size:16px}
    .d1 li a p{    margin-top: 10px;}

    .news{
        transform: translate(0px, 0px);
    }
}
@media screen and (min-width: 1440px){
    .tzcontainer{width:800px;}
    .ulLogo{padding:6px 0px;background: linear-gradient(to left,#3B6DEA, #4C7FF1);}
    .news_son .ng-scope{padding: 8px 0;}
    .ulList{
        width: 700px;
        font-size: 16px;}
    .tou {
        height: 125px;
    }
    .mainBg2,.mainBg{
        background-size: 100% 660px;
        background-position: 0 -5%;
    }
    .mainBg .d0{    height: calc(100% - 153px);
        top: 153px;}
    .d1 ul{
        height: 63%;
    }
    .d1 li {
        margin: 14px 0;
        width: 250px;
        height: 400px;
    }
    .d1 li a{font-size:16px}
    .d1 li a p{    margin-top: 10px;}

    .news{
        transform: translate(0px, 0px);
    }
}
@media screen and (min-width: 1600px){
    .tzcontainer{width:800px;}
    .ulLogo{padding:6px 0px;background: linear-gradient(to left,#3B6DEA, #4C7FF1);}
    .news_son .ng-scope{padding: 8px 0;}
    .ulList{
        width: 700px;
        font-size: 16px;}
    .tou {
        height: 125px;
    }
    .mainBg2,.mainBg{
        background-size: 100% 660px;
        background-position: 0 -5%;
    }
    .mainBg .d0{    height: calc(100% - 153px);
        top: 153px;}
    .d1 ul{
        height: 63%;
    }
    .d1 li {
        margin: 14px 0;
        width: 250px;
        height: 400px;
    }
    .d1 li a{font-size:16px}
    .d1 li a p{    margin-top: 10px;}

    .news{
        transform: translate(0px, -35px);
    }
}
@media screen and (min-width: 1680px){
    .tzcontainer{width:800px;}
    .ulLogo{padding:6px 0px;background: linear-gradient(to left,#3B6DEA, #4C7FF1);}
    .news_son .ng-scope{padding: 14px 0;}
    .ulList{
        width: 700px;
        font-size: 16px;}
    .tou {
        height: 125px;
    }
    .mainBg2,.mainBg{
        background-size: 100% 660px;
        background-position: 0 -5%;
    }
    .mainBg .d0{    height: calc(100% - 153px);
        top: 153px;}
    .d1 ul{
        height: 63%;
    }
    .d1 li {
        margin: 14px 0;
        width: 250px;
        height: 400px;
    }
    .d1 li a{font-size:16px}
    .d1 li a p{    margin-top: 10px;}

    .news{
        transform: translate(0px, 0px);
    }
}
@media screen and (min-width: 1920px){
    .tzcontainer{width:800px;}
    .news_son .ng-scope{padding: 14px 0;}
    .ulLogo{padding:6px 0px;background: linear-gradient(to left,#3B6DEA, #4C7FF1);}
    .ulList{
        width: 700px;
        font-size: 16px;}
    .tou {
        height: 125px;
    }
    .mainBg2,.mainBg{
        background-size: 100% 660px;
        background-position: 0 -5%;
    }
    .mainBg .d0{    height: calc(100% - 153px);
        top: 153px;}
    .d1 ul{
        height: 63%;
    }
    .d1 li {
        margin: 14px 0;
        width: 250px;
        height: 400px;
    }
    .d1 li a{font-size:16px}
    .d1 li a p{    margin-top: 10px;}

    .news{
        transform: translate(0px, 0px);
    }
}

.dlzc_btn {
    color: white;
    display: flex;
    justify-content: space-around;
    background-color: #4f7cec;
    height: 30px;
    width: 100px;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 15px;
}

.middle_icon_div {
    display: flex;
    flex-direction: column;
    z-index: 1;
    transform: translate(0px, -60px);
    cursor: pointer;
}

.middle_icon_div img{
    width: 85% !important;
}

.middle_icon_div > div:last-child {
    font-size: 17px;
    font-weight: bold;
    margin-top: 20px
}