.content {
    margin: 30px auto
}

.content-top .content-top-left {
    width: 770px;
    height: 400px;
    background-color: #fff;
    box-shadow: 0px 0px 10px #f1f1f1
}
.content .layui-tab{
    margin: 0px
}
.content-top .content-top-right {
    width: 410px;
    height: 400px;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px #f1f1f1;
    position: relative;
}
.content-top-right .add-href {
    display: block;
    width: 19px;
    height: 19px;
    background-color: #d2d2d2;
    border-radius: 100%;
    color: #fff;
    font-size: 17px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    right: 20px;
    top: 25px;
}
.content-top-right .tzgg-a{
    min-height: 162px;
}
.content-top .layui-tab-title01 {
    height: 59px;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
    cursor: pointer;
}

.content-top .layui-tab-title01 li {
    float: left;
    width: 50%;
    border: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    font-size: 19px;
    height: 60px;
    line-height: 60px;
    color: #333
}

.content-top .layui-tab-title01 li.layui-this {
    border: none;
    border-radius: 0px;
    color: #fff;
    background-color: #4879e4;
    position: relative;
}

.content-top .layui-tab-title01 li.layui-this:after {
    display: block;
    position: absolute;
    content: '';
    top: inherit;
    left: 50%;
    bottom: -7px;
    box-shadow: none;
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #4879e4;
    border-bottom: none;
}

.content-top .layui-carousel {
    height: 300px;
}

.content-top .device {
    height: 300px;
    padding: 10px 30px;
    position: relative;
    /*margin-top: 20px;*/
    box-sizing: border-box
}

.content-top .device .prev{
    background: url(../images/arrows-left.png) no-repeat left top;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -35px;
    width: 18px;
    height: 48px;
}

.content-top .device .next{
    background: url(../images/arrows-right.png) no-repeat left bottom;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -35px;
    width: 18px;
    height: 48px;
}
.content-top .content-top-left .layui-tab-item{
    position: relative;
}

.content-top .search-right{
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    padding:3px 5px;
    width: 150px;
    position: absolute;
    right: 10px;
    top: -15px
}
.content-top .search-right input[type=text]{
    border: none;
    display: inline-block;
    vertical-align: middle;
    background-color:inherit;
    width: 120px;
    text-indent: 14px;
    height: 28px;
    position: relative;
    z-index:9;
}
.content-top .search-btn{
    display: inline-block;
    vertical-align: middle;
    background: url(../images/headFoot/search-icon.png) no-repeat center;
    width: 20px;
    height: 20px;
    appearance: none;
    -moz-appearance: none;
    -ms-progress-appearance: none;
    -webkit-appearance: none;
    border: none;
    margin: 0px 5px 0px 0px;
    cursor: pointer;
    position: relative;
    z-index:99;
}
.content-top .zj-list{
    width: 100%
}
.content-top .zj-list li{
   float: left;
   text-align: center;
   font-size: 15px;
   color: #333;
   width: 105px;
   margin:35px 0px 0px 33px
}
.content-top .zj-list li span{
    background-color: rgb(246, 248, 251);
    width: 65px;
    height: 65px;
    display: inline-block;
    text-align: center;
    line-height: 65px;
    border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;

}
.content-top .zj-list p{
    margin-top:10px;
}
.content-top .zgbm-box a{
    float: left;
    width: 155px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #f6f8fb;
    font-size: 13px;
    color: #333;
    margin: 0px 10px 15px 7px		
}
.content-top .content-top-right>h3{
    font-size: 19px;
    color: #333;
    margin-bottom: 15px;
}
.content-top .content-top-right .tzgg-a a{
    display: block;
    padding:8px 10px;
    font-size: 13px;
    color: #333;
    position: relative;
}
.content-top .content-top-right .tzgg-a a p{
    width: 75%;
    overflow: hidden; 
    text-overflow: ellipsis; 
    -ms-text-overflow: ellipsis; 
    -o-text-overflow: ellipsis; 
    display: -webkit-box !important; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2; 
    word-break: break-word;
    font-size:13px;
}
.content-top .content-top-right .tzgg-a a span{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 13px;
    color: #999
}
.content-top .content-top-right .tzgg-a a.first-list{
    background-color: #f7f7f7;
}
.content-top .content-top-right .tzgg-a a:hover p,.gride-box a:hover{
    color: #044dec
}
.tzgg-a a:hover{
	background:#f7f7f7;
}
.gride-box a{
    display: inline-block;
    vertical-align: middle;
    margin: 10px 12px 0px 0px;
    padding: 10px 15px;
    box-sizing: border-box;
    background-color: #f6f8fb;
    width: 170px;
    height: 65px;
    font-size: 15px;
    color: #333
}
.jy-box h3{
    font-size: 21px;
    color: #333333;
    margin: 20px 0px
}
.jy-box .jy-content{
    padding:20px 25px;
    box-sizing: border-box;
    background-color: #fff;
}
.jy-box .jy-content .layui-tab-title {
    height: auto;
    margin-bottom:0px;
}
.jy-box .jy-content .layui-tab-title li{
    font-size: 15px;
    padding: 7px 15px;
    margin: 0px 20px 0px 0px;
}
.jy-box .jy-content .layui-tab-title li.layui-this{
	background-color: #044dec;
    color:#fff
}
.jy-box .layui-tab-content{
    font-size: 0;
    -webkit-text-size-adjust:none;
}
/* .jy-box .layui-tab-content ul{
    text-align: center;
} */
.jy-box .layui-tab-content  li{
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 20px;
    width: 355px;
    min-height: 150px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin:5px 19px 20px 0px;
    text-align: left;
}
.jy-box .layui-tab-content  li:nth-child(3n){
    margin-right: 0px;
}
.jy-box .layui-tab-content li:hover{
    border: 1px solid #4879e4;
}
.jy-box .layui-tab-content  li a{
    display: block;
    color: #333;
    font-size: 15px;
}
.jy-box .des-txt{
    position: relative;
    min-height: 100px
}
.jy-box .des-txt p>span{
   font-size: 15px;
   color: #044dec
}
.jy-box .des-txt  .subTxt{
    font-size: 13px;
    color: #999
}
.jy-box .des-txt b{
    font-size: 21px;
    color: #ff8500;
    display: block;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    overflow:hidden;
    white-space:nowrap;
    word-break: break-word;
    text-overflow:ellipsis;
    -ms-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}
.jy-box .des-txt em{
    position: absolute;
    right: -21px;
    bottom: -29px;
    text-align: center;
    color: #fff;
    background-color: #4879e4;
    padding: 3px 20px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 5px
}
.zjjg-box .zjjg-title{
    position: relative;
}
.zjjg-box .zjjg-title h3{
    font-size: 21px;
    color: #333333;
    margin: 20px 0px;		
}
.zjjg-box .add-href,.jy-box .add-href{
    display: block;
    width:19px;
    height:19px;
    background-color: #d2d2d2;
    border-radius: 100%;
    color: #fff;
    font-size: 17px;
    line-height: 16px;
    text-align:center;
    position: absolute;
    right: 10px;
    top: 10px
}
.zjjg-box .add-href:hover{
    background-color: #5690ff;
}
.jy-box .add-href:hover{
    background-color: #5690ff;
}
.tzgg-title .add-href:hover{
    background-color: #5690ff;
}
.tzgg-title>h3{
	font-size:17px;
}
.zjjg-box,.jy-box{
    position: relative;
}
.zjjg-box .zjjg-content{
    padding:20px 35px;
    background-color: #fff;
}
.zjjg-box  .zjjg-tab span{
    padding: 2px 10px;
    cursor: pointer;
    margin-right: 10px;
}
.zjjg-box  .zjjg-tab span.active{
    background-color: #4879e4;
    color: #044dec;
    border-radius: 20px;
    color:#fff
}
/* .zjjg-list ul{
    text-align: center;
} */
.zjjg-list ul li{
    display: inline-block;
    vertical-align: middle;
    margin: 30px 19px 0px 0px;
    text-align: left;

}
.zjjg-list ul li:last-child{
    margin-right: 0px;
}
.zjjg-list ul li a{
    display: block;
    width: 100%;
    color: #333;
    font-size: 15px;
    position: relative;		
}
.zjjg-list ul li a:hover img{
    transform:scale(1.05); 
    -ms-transform:scale(1.05); 
    -moz-transform:scale(1.05); 
    -webkit-transform:scale(1.05); 
    -o-transform:scale(1.05); 
}
.zjjg-list ul li a img{
    transition: all 0.6s;  
    -webkit-transition: all 0.6s;  
    -moz-transition: all 0.6s;  
}
.zjjg-list ul li a h3{
    margin: 10px 0px 0px 0px;
    font-size: 15px;
}
.eva-box span{
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px 0px 0px;
    background: url(../images/star.png) no-repeat center;
    background-position: 0px 0px
}
.eva-box span.star-active{
    background-position: 0px -23px
}
.eva-txt{
    position: absolute;
    right: 10px;
    bottom:0px;
    font-size: 13px;
    color: #999
}
.zjjg-box .search-right {
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    padding: 3px 5px;
    width: 150px;
    position: absolute;
    right: 55px;
    top: 15px;
}
.zjjg-box .search-right input[type=text] {
    border: none;
    display: inline-block;
    vertical-align: middle;
    background-color: inherit;
    width: 120px;
    text-indent: 14px;
}
.zjjg-box .search-btn {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/headFoot/search-icon.png) no-repeat center;
    width: 20px;
    height: 20px;
    appearance: none;
    -moz-appearance: none;
    -ms-progress-appearance: none;
    -webkit-appearance: none;
    border: none;
    margin: 0px 5px 0px 0px;
}
.zjjg-content{
    position: relative;
}
.jdgl-box {
    height: 400px;
}
.jdgl-box h3{
    font-size: 21px;
    color: #333333;
    margin: 20px 0px;		
}
.jdgl-box .jdgl-width{
    width: 383px;
    height: 350px;
    background-color: #fff;
    padding: 15px;
    margin:0px 0px 0px 25px;
    box-sizing: border-box
}
.jdgl-box .jdgl-left{
    margin-left: 0px;
}
.jdgl-box .jdgl-left .rzgs-box a p,.jdgl-box .jdgl-right .xy-box a p{
    width: 380px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.jdgl-box .jdgl-center .xy-box a p{
    width: 370px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.jdgl-box .jdgl-title{
    font-size: 17px;
    color: #333;
    position: relative;
    margin-bottom: 15px;
}
.jdgl-box .add-href {
    display: block;
    width: 19px;
    height: 19px;
    background-color: #d2d2d2;
    border-radius: 100%;
    color: #fff;
    font-size: 17px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 0px;
}
.jdgl-box .add-href:hover{
    background-color: #5690ff;
}
.jdgl-box .jdgl-title h4>img{
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px 0px 0px
}
.jdgl-box .rzgs-box a{
    display: block;
    margin: 10px 0px 0px 0px;
    background-color: #f6f8fb;
    padding:7px 20px;
    position: relative;
}
.jdgl-box .rzgs-box a span{
    font-size: 13px;
    color: #666
}
.jdgl-box .rzgs-box a:after{
    position: absolute;
    left: 5px;
    top:13px;
    content:'';
    width: 6px;
    height: 6px;
    border: 1px solid #c0c0c0;
    border-radius: 100%
}
.jdgl-box .xy-box a{
    margin: 0px 0px 20px 0px;
    position: relative;
    padding-left: 20px;
    display: block;
    font-size: 13px;
    color: #333;
}
.jdgl-box .xy-box a:hover{
    color: #044dec
}
.jdgl-box .xy-box a:after{
    position: absolute;
    left: 5px;
    top:7px;
    content:'';
    width: 6px;
    height: 6px;
    border: 1px solid #c0c0c0;
    border-radius: 100%
}
.jdgl-box .xy-box .num{
    position: absolute;
    right: 0px;
    top: 0px;
    color: #044dec
}
.yx-status{
    margin: 30px auto 0px auto;
    background: url(../images/status-bg.png) no-repeat center;
    width: 100%;
    height: 260px;
    background-size: 100% 100%
}
.yx-status .yx-status-box{
    padding: 25px 0px;
    height: 217px;
    box-sizing: border-box
}
.yx-status .status-title{
    position: relative;
}
.yx-status .status-title>h3{
    color: #fff;
    font-size:21px;
    color: #fff
}
.yx-status .yx-tab-right{
    position: absolute;
    right: 10px;
    top:0px;
    color: #fff;
    font-size: 13px;
}
.yx-status .yx-tab-right>span{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding:2px 15px;
    border-radius: 20px;
    margin: 0px 5px
}
.yx-status .yx-tab-right>span.active{
    border: 1px solid #7c9cf0;
}
.yx-status .status-item{
    color: #fff;
    width: 23%;
    padding:30px 0px;
    margin-top: 20px;
    font-size: 17px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background:rgba(0,0,0,0.3);
    margin-right:2.3%;
}

.yx-status .status-item:last-child{
	margin-right:0px
}
.yx-status .status-item p{
    font-size: 17px;
}
.yx-status .status-item>img{
	display:inline-block;
	vertical-align: top;	
}
.status-right{
	display:inline-block;
	vertical-align: middle;
	text-align:left;
	margin-left:10px
}
/* .yx-status .status-item:after{
    position: absolute;
    content: '';
    width: 1px;
    height:50px;
    background-color:#3564df;
    right:0px;
    top:45px
} */
.yx-status .borderNone:after{
    width: 0px;
}	
.yx-status .status-item h3{
    font-size: 35px;
}
.slideBox .bd{
     position:relative; 
     height:100%; 
     z-index:0;   
     overflow: hidden;
}
.zw-data{
    text-align: center;
}
.mt80{
    margin-top: 80px;
}