body{background: url(../images/yhys_bg.jpg) no-repeat center top;}
.zt_header {width: 100%;}
.zt_header_box {width: 100%;max-width: 1200px;margin: 0 auto;}
.zt_header_box .zt_logo  {display: block;margin-top:32px;}
.zt_header_box .zt_logo img {display: block;}
.head_banner{display: block;margin: 60px auto 88px;max-width: 100%;}

.zt_content {width: 100%;max-width: 1200px;margin: 0 auto 80px;background-color: #fff;padding: 20px 20px 60px;border: 1px solid #3c7de7;}
.zt_content h2 {position: relative;}
.zt_content h2 .title1 {display: block;width: 400px;}
.zt_content h2 .title2 {margin: 0 auto;display: block;width: 710px;}
a.more{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);font-size: 14px;color: #ff2d00;}
a.more:hover{color: #0667df;}
.headTopBox{background: linear-gradient(to right, #1865d1, #179fb9);}

.zt_zcwj_tab {margin-top: 44px;}
.zt_zcwj_tab .hd {text-align: center;padding: 40px 0 30px;}
.zt_zcwj_tab .hd ul li {display: inline-block;margin: 0 12px;width: 240px;height: 56px;line-height: 56px;border: 1px solid #bfbfbf;}
.zt_zcwj_tab .hd ul li a {font-size: 18px;display: block;}
.zt_zcwj_tab .hd ul li.on a {color: #fff;background: #1e78f1;font-weight: bold;}
.zt_zcwj_tab .bd{padding: 0 20px;}
.zt_zcwj_tab .bd ul {width: 100%;}
.zt_zcwj_tab .bd ul li {width: 100%;line-height: 70px;box-sizing: border-box;float: left;border-bottom: 1px solid #f0f0f0;}
.zt_zcwj_tab .bd ul li a {float: left;width:80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 22px;background: url(../images/blue-icon.png) no-repeat left center;padding-left: 25px;}
.zt_zcwj_tab .bd ul li span {float: right;font-size: 22px;color: #333;}

.zcjd_box .focus-box{position: relative;overflow:hidden;width:604px;float: left;}
.zcjd_box .focus-box .hd{width: 100%;position: absolute;height: 50px;line-height: 50px;bottom: 0;right: 0;z-index: 1;background-color: rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);}
.zcjd_box .focus-box .hd ul{position: absolute;right: 16px;bottom: 0;max-width: 160px;}
.zcjd_box .focus-box .hd li{display:inline-block;background-color:#fff;width:8px;height:8px;transition:all .3s;margin-left:10px;cursor:pointer;border-radius: 6px;}
.zcjd_box .focus-box .hd li.on{background-color: #0667df;}
.zcjd_box .focus-box .hd .slideFocusInfo{color:#fff;text-indent:1em;width: 100%;text-align:left;display: block;padding-right: 32%;height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;}
.zcjd_box .focus-box .hd .slideFocusInfo:hover{text-decoration: underline;}
.zcjd_box .focus-box .bd {position: relative;z-index: 0;}
.zcjd_box .focus-box .bd li img{display:block;width:100%;height:400px;/*【高】根据自定义需要调整*/}
.zcjd_box .focus-box .bd li a{display: block;}

.zcjd_box .zcjd_list{width: 560px;float: right;max-height: 400px;overflow: hidden;}
.zcjd_box .zcjd_list ul{box-sizing: border-box;position: relative;margin-top: 20px;margin-left: 4px;}
.zcjd_box .zcjd_list ul li{width: 100%;line-height: 50px;}
.zcjd_box .zcjd_list ul li a{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 22px;color: #414141;box-sizing: border-box;display: block;padding-right: 20px;}
.zcjd_box .zcjd_list ul li a:hover{color: #1467b4;}
.yhys_iphone{display: block;margin: 36px 0 70px;}


@media screen and (max-width:1200px){
    .zt_content {padding: 10px 10px 0;box-sizing: border-box;margin-bottom: 0;}
    .zt_header_box .zt_logo{width: 70%;margin: 30px auto;}
    .head_banner{width: 80%;margin: 0 auto 30px;}
    .zcjd_box .focus-box,  .zcjd_box .focus-box .bd li img{width:100%;height:auto;float: none;}
    .zcjd_box .zcjd_list{width: 100%;float: none;margin-top: 20px;}
    .zt_content h2 .title1{width: 80%;}
    .zt_content h2 .title2{width: 100%;overflow: hidden;height: 30px;line-height: 36px;}
    .zt_content h2 .title2 img{transform: scale(1.5);}
    .zt_content h2 .title2 img, .yhys_iphone img, .zt_header_box .zt_logo img, .zt_content h2 .title1 img{width: 100%;}
    a.more{display: none;}
    .zt_zcwj_tab{margin: 10px 0 20px;}
    .zt_zcwj_tab .bd{padding: 0;}
    .zcjd_box .zcjd_list ul{margin: 0;}
    .zcjd_box .zcjd_list ul li, .zt_zcwj_tab .bd ul li{line-height: 34px;border: none;}
    .zcjd_box .zcjd_list ul li a{font-size: 16px;padding-right: 0;}
    .zt_zcwj_tab .bd ul li a, .zt_zcwj_tab .bd ul li span{font-size: 16px;}
    .zt_zcwj_tab .bd ul li a{padding-left: 0;width: 100%;background: none;}
    .zt_zcwj_tab .bd ul li span{display: none;}
    .zt_zcwj_tab .hd{padding: 10px 0;}
    .zt_zcwj_tab .hd ul li{width: 30%;height: 36px;line-height: 36px;margin: 0;}
}