
.az1 { padding: 20px 14px;}
.az1 ul{ width: 110%; overflow: hidden; margin-bottom: -8px;}
.az1 li{ float: left; width: 285px; height: 182px; position: relative; margin-right: 11px; margin-bottom: 8px;}
.az1 li.spec{ height: 372px;}
.az1 li.spec .appImg{ width: 285px; height: 372px;}
.az1 li.spec .appImg img{ width: 285px; height: 372px; display: block;}
.az1 li.on .appMask{ height: 100%;}
.az1 li.spec.on .appMask img{ display: block; width: 201px; height: 201px; margin: 71px auto 10px auto;}
.az1 li .appMask img{ display: none;}
.az1 li .appMask span{ display: block; margin: 0 10px; line-height: 35px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.az1 li .appMask{ position: absolute; background: url("../images/banner_bg.png") repeat; width: 100%; height: 35px; line-height: 35px; bottom: 0; left: 0; text-align: center; -webkit-transition: .5s ease; -moz-transition: .5s ease; transition: .5s ease;}
.az1 li .appImg img{ width: 285px; height: 182px; display: block;}
.az1 li.on .appMask img{ margin: 25px auto 10px auto; display: block; width: 112px; height: 112px;}

.az2 .tlt-com .fr h2{ float: left; background: url("../images/lbl_bg.png") no-repeat left center; padding-left: 12px;}
.az2 .tlt-com .fr a{ font-weight: bold; color: #333; font-size: 16px; display: block; height: 29px; margin: 0 16px; cursor: pointer;}
.az2 .tlt-com .fr h2.on a{ color: #2371f3; border-bottom: 2px solid #2371f3;}
.az2 .tlt-com .fr h2:first-child{ background: none; padding-left: 0;}
.az2 .tlt-com .fr h2:first-child a{ margin-left: 0;}
.az2 .jctj{ width: 321px;}
.az2 .jctj ul{ width: 300px; overflow: hidden; padding-left: 20px; border-left: 1px solid #eee; margin-top: 20px; margin-bottom: -16px; *margin-bottom: -14px; display: none;}
.az2 .jctj ul.show{ display: block;}
.az2 .jctj li{ margin-bottom: 16px; *margin-bottom: 14px; overflow: hidden;}
.az2 .jctj li a{ display: block;}
.az2 .jctj li.spec{ height: 152px; position: relative; padding-left: 0; background: none; }
.az2 .jctj li.spec img{ height: 152px; width: 300px; -webkit-transition: .2s linear; -moz-transition: .2s linear; transition: .2s linear;}
.az2 .jctj li.spec:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.az2 .jctj li.spec .appName{ position: absolute; bottom: 0; left: 0; width: 94%; background: url("../images/banner_bg.png") repeat; height: 30px; line-height: 30px; color: #fff; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  padding: 0 3%;}
.az2 .jctj li.spec:hover .appName{ color: #fff; text-decoration: none;}
.az2 .jctj li{ background: url("../images/list_jc.png") no-repeat -8px center; padding-left: 25px;}
.az2 .jctj li a.appName{ color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.az2 .jctj li:hover a.appName{ color: #2371f3; text-decoration: underline;}

.az3 .list-con .left{ width: 550px;}
.az3 .list-con .right{ width: 590px;}

.list-con .tlt-info{ background: url("../images/lbl_bl.png") no-repeat left center; font-size: 15px; color: #333; margin: 8px 1px; padding-left: 8px; overflow: hidden; font-weight: normal;}
.list-con .tlt-info .more{color: #333; background: url("../images/icon_more.png") no-repeat right 6px; padding-right: 15px; font-size: 14px;}
.list-con .tlt-info .more:hover{ color: #ef0000; text-decoration: underline; background-position: right -27px;}

.az4 .left, .az4 .right{ width: 570px;}
.jc-list-w{ margin-bottom: -20px;}
.jc-list:first-child{ padding-top: 0; border-top: none;}
.jc-list{ height: 136px; padding-top: 20px; border-top: 1px dashed #eee; margin-bottom: 20px;}
.jc-list li{ float: left; overflow: hidden;}
.jc-list li a{ display: block;}
.jc-list li.spec img{ width: 268px; height: 136px; display: block; -webkit-transition: .2s linear; -moz-transition: .2s linear; transition: .2s linear;}
.jc-list li.spec:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.jc-list li.spec{ position: relative; margin-right: 15px; padding-left: 0; background: none; height: 136px;}
.jc-list li.spec .jcName{ position: absolute; bottom: 0; left: 0; background: url("../images/banner_bg.png") repeat; height: 35px; line-height: 35px; color: #fff; width: 248px; padding: 0 10px; text-align: center; }
.jc-list li{ background: url("../images/list_jc.png") no-repeat -11px center; padding-left: 15px; line-height: 35px; height: 35px; width: 270px;}
.jc-list li .jcName{ color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; display: inline-block;}
.jc-list li .jcName:hover{ color: #2371f3; text-decoration: underline;}
.jc-list li.spec:hover .jcName{ color: #fff; text-decoration: none;}

.az5.part-10 .list-con li{ margin: 20px 15px 0 15px;}










