@charset "utf-8";
body {background:#f6f6f6;}
.mt40 {margin-top:40px;}
.mb40 {margin-bottom:40px;}
.mainWarp {background:#ecf7ff;min-height:620px;background:#ecf7ff url(../images/zt-hjbl-bg-1.jpg) no-repeat center 0;}
.mainWarp .boxT1 {padding:320px 0 40px;}
.mainWarp .contentBox {border-radius:6px;}
.mainWarp .contentBox .infoList li {position:relative;}
.mainWarp .contentBox .infoList li i {position:absolute;top:50%;left:0;width:9px;height:9px;margin-top:-4px;background:url(../images/zt-hjbl-ico-3-1.png) no-repeat center;}
.mainWarp .contentBox .infoList li:first-child i {top:9px;margin:0;}
.mainWarp .contentBox .infoList li span {display:inline-block;line-height:26px;padding-left:25px;font-size:16px;color:#373737;}
.mainWarp .imgTemp{position: relative;width:100%;height: 704px;overflow: hidden;}
.mainWarp .imgTemp .l-t-btn .btn{position: absolute;top: 50%;display: block;width: 40px;height: 62px;margin-top: -31px;background:url(../images/zt-hjbl-ico-left.png) no-repeat;background-size: cover;z-index: 2;outline-style: none;}
.mainWarp .imgTemp .l-t-btn .btn.leftBtn{left: 0;}
.mainWarp .imgTemp .l-t-btn .btn.rightBtn{right: 0;background:url(../images/zt-hjbl-ico-right.png) no-repeat;background-size: cover;}
.mainWarp .imgTemp .l-t-btn .btn:hover{opacity: .9;filter: opacity(90%);}
.mainWarp .tabBox .bigimg{position: absolute;}
.mainWarp .tabBox .bigimg .list{float: left;width: 100%;}
.mainWarp .tabBox .bigimg li {float: left;width: 33%;}


.mainWarp .tabBox .bigimg li .a {display:inline-block;margin-top:45px;}
.mainWarp .tabBox .bigimg li .a p {width:240px;height:240px;border-radius:50%;background-color:#94b8ee;border:15px solid #c3d9f7;line-height:20px;font-size:14px;overflow:hidden;}
.mainWarp .tabBox .bigimg li .a p.round2 {background-color:#a9cb73;border-color:#cae1b9;}
.mainWarp .tabBox .bigimg li .a p.round3 {background-color:#7dddfe;border-color:#b9ebff;}
.mainWarp .tabBox .bigimg li .a p.round4 {background-color:#febe62;border-color:#f4dcb5;}
.mainWarp .tabBox .bigimg li .a p.round5 {background-color:#5dc8bf;border-color:#a4dfdf;}
.mainWarp .tabBox .bigimg li .a p.round6 {background-color:#f78e71;border-color:#f1c7be;}
.mainWarp .tabBox .bigimg li .a p.round7 {background-color:#9adaf8;border-color:#c5e9fc;}
.mainWarp .tabBox .bigimg li .a p.round8 {background-color:#f9c05e;border-color:#f3d9b2;}
.mainWarp .tabBox .bigimg li .a p.round9 {background-color:#a9cb74;border-color:#cde3bf;}
.mainWarp .tabBox .bigimg li .a p.round10 {background-color:#5cc7be;border-color:#a7e0e0;}
.mainWarp .tabBox .bigimg li .a p.round11 {background-color:#9adaf8;border-color:#c3e8fb;}
.mainWarp .tabBox .bigimg li .a p.round12 {background-color:#f9bc66;border-color:#f2dcb9;}
.mainWarp .tabBox .bigimg li .a p.round13 {background-color:#a9cb73;border-color:#cce2bc;}
.mainWarp .tabBox .bigimg li .a p.round14 {background-color:#f9bc66;border-color:#f3d9b2;}
.mainWarp .tabBox .bigimg li .a p.round15 {background-color:#f68e70;border-color:#f1c7bd;}
.mainWarp .tabBox .bigimg li .a p .info {display:none;padding:35px 25px;}
.mainWarp .tabBox .bigimg li .a p .info i {display:inline-block;color:#ffffff;font-size:14px;text-indent:1em;line-height:20px;height:100px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.mainWarp .tabBox .bigimg li .a p .info em {display:inline-block;margin-top:25px;padding:0 15px;line-height:28px;border-radius:14px;background-color:#fdfdfd;text-align:center;color:#94b8ee;}
.mainWarp .tabBox .bigimg li .a p .info .btnA {display:inline-block;margin-top:25px;padding:0 15px;line-height:36px;border-radius:14px;background-color:#fdfdfd;text-align:center;color:#94b8ee;}
.mainWarp .tabBox .bigimg li .a h3 {margin-top:45px;color:#373737;font-size:18px;font-weight:700;}
.mainWarp .tabBox .bigimg li .a:hover p img {display:none;}
.mainWarp .tabBox .bigimg li .a:hover p .info {display:block;}
.mainWarp .tabBox .bigimg li .a:hover p.round2 em {color:#a9cb73;}
.mainWarp .tabBox .bigimg li .a:hover p.round3 em {color:#7dddfe;}
.mainWarp .tabBox .bigimg li .a:hover p.round4 em {color:#febe62;}
.mainWarp .tabBox .bigimg li .a:hover p.round5 em {color:#5dc8bf;}
.mainWarp .tabBox .bigimg li .a:hover p.round6 em {color:#f78e71;}
.mainWarp .tabBox .bigimg li .a:hover p.round7 em {color:#9adaf8;}
.mainWarp .tabBox .bigimg li .a:hover p.round8 em {color:#f9c05e;}
.mainWarp .tabBox .bigimg li .a:hover p.round9 em {color:#a9cb74;}
.mainWarp .tabBox .bigimg li .a:hover p.round10 em {color:#5cc7be;}
.mainWarp .tabBox .bigimg li .a:hover p.round11 em {color:#9adaf8;}
.mainWarp .tabBox .bigimg li .a:hover p.round12 em {color:#f9bc66;}
.mainWarp .tabBox .bigimg li .a:hover p.round13 em {color:#a9cb73;}
.mainWarp .tabBox .bigimg li .a:hover p.round14 em {color:#f9bc66;}
.mainWarp .tabBox .bigimg li .a:hover p.round15 em {color:#f68e70;}
.mainWarp .tabBox .bigimg li .a:hover h3 {color:#f30;}




.mainWarp .institutionBox {position:relative;padding:20px 0 15px;border-radius:12px;}
.mainWarp .institutionBox .infoContent {color:#373737;font-size:16px;}
.mainWarp .institutionBox .infoContent h2 {font-size:20px;font-weight:700;}
.mainWarp .institutionBox .infoContent .infoTable {color:#5da2d5;background-color:#e6f5ff;text-align:center;border-color:#ffffff;}
.mainWarp .institutionBox .infoContent .infoTable td {height:95px;border:1px solid #ffffff;}
.mainWarp .institutionBox .infoContent .infoTable .title {font-weight:700;}
.mainWarp .institutionBox .infoContent .infoTable .title td {height:80px;}
.mainWarp .institutionBox .serverBox ul li {float:left;width:25%;padding-left:15px;text-align:center;height:60px;line-height:60px;}
.mainWarp .institutionBox .serverBox ul li:first-child {padding:0;}
.mainWarp .institutionBox .serverBox ul li a {display:block;color:#373737;font-size:18px;background-color:#e6f5ff;}
.mainWarp .institutionBox .serverBox ul li a:hover {color:#f30;}
.mainWarp .institutionBox .serverBox ul li a img {margin-right:40px;}
.mainWarp .institutionBox .imgShadow {position:absolute;bottom:-21px;left:0;right:0;text-align:center;margin:0 10px;}

.mainWarp .matterBox {margin-top:70px;}
.mainWarp .matterBox h2 {color:#373737;font-size:30px;font-weight:700;}
.mainWarp .matterBox .itemList {margin-top:80px;}
.mainWarp .matterBox .itemList .item {position:relative;float:left;width:11%;margin-left:1.666%;padding:0 15px;height:110px;border:1px solid #639ee1;text-align:center;}
.mainWarp .matterBox .itemList .item a {color:#639ee1;}
.mainWarp .matterBox .itemList .item:first-child {margin:0;}
.mainWarp .matterBox .itemList .item img {position:absolute;top:-40px;left:0;right:0;margin:0 auto;}
.mainWarp .matterBox .itemList .item p {font-size:16px;padding-top:60px;}
.mainWarp .matterBox .itemList .item:hover p{color:#f30;}
.mainWarp .matterBox .itemList .item p.pt50 {padding-top:50px;}
.mainWarp .matterBox .itemList .item.ico2 {border-color:#fc9d6b;}
.mainWarp .matterBox .itemList .item.ico2 a {color:#fc9d6b;}
.mainWarp .matterBox .itemList .item.ico3 {border-color:#2bb3c3;}
.mainWarp .matterBox .itemList .item.ico3 a {color:#2bb3c3;}
.mainWarp .matterBox .itemList .item.ico4 {border-color:#fccf18;}
.mainWarp .matterBox .itemList .item.ico4 a {color:#fccf18;}
.mainWarp .matterBox .itemList .item.ico5 {border-color:#dd4e4d;}
.mainWarp .matterBox .itemList .item.ico5 a {color:#dd4e4d;}
.mainWarp .matterBox .itemList .item.ico6 {border-color:#7dddfe;}
.mainWarp .matterBox .itemList .item.ico6 a {color:#7dddfe;}
.mainWarp .matterBox .itemList .item.ico7 {border-color:#8dd84c;}
.mainWarp .matterBox .itemList .item.ico7 a {color:#8dd84c;}
.mainWarp .matterBox .itemList .item.ico8 {border-color:#53e3c1;}
.mainWarp .matterBox .itemList .item.ico8 a {color:#53e3c1;}
@media screen and (max-width:1200px) {
.mainWarp .matterBox .itemList .item {padding:0;}
.mainWarp .matterBox .itemList .item p,.mainWarp .matterBox .itemList .item p.pt50 {padding-top:40px;}
}
@media screen and (max-width:992px) {.mainWarp .tabBox .tabSwitchBtns a {padding:0 20px;}
}
@media screen and (max-width:765px) {.appP10 {padding:10px !important;}
.appMt10 {margin-top:10px;}
.mainWarp {min-height:auto;background-size:150%;}
.mainWarp .boxT1 {padding:95px 0 20px;}
.mainWarp .contentBox .infoList li i {top:9px;margin:0;}
.mainWarp .contentBox .infoList li span {line-height:24px;padding-left:25px;font-size:14px;}

.mainWarp .imgTemp .l-t-btn .btn{width:25px;height:38px;margin-top:-16px;}
.mainWarp .imgTemp .l-t-btn .btn.rightBtn,.mainWarp .imgTemp .l-t-btn .btn.leftBtn{background-size: cover;}
.mainWarp .tabBox .bigimg li {width:50%;}
.mainWarp .tabBox .bigimg li .a {margin-top:10px;}
.mainWarp .tabBox .bigimg li .a p {width:150px;height:150px;}
.mainWarp .tabBox .bigimg li .a p .info {display:none !important;}
.mainWarp .tabBox .bigimg li .a:hover p img {display:block !important;}
.mainWarp .tabBox .bigimg li .a p .info .btnA{margin: 10px 0; font-size: 12px;}
.mainWarp .tabBox .bigimg li .a.s1:hover p img {display:none !important;}
.mainWarp .tabBox .bigimg li .a.s1:hover p .info {display:block !important; padding:10px 0px;}

.mainWarp .tabBox .bigimg li .a h3 {margin-top:10px;font-size:14px;}


.mainWarp .institutionBox .infoContent .infoTable {font-size:12px;}
.mainWarp .institutionBox .infoContent .infoTable .title td,.mainWarp .institutionBox .infoContent .infoTable tr td {height:30px;}
.mainWarp .institutionBox .serverBox ul li {width:50%;padding:0 5px;margin-top:10px;}
.mainWarp .institutionBox .serverBox ul li:first-child {padding:0 5px;}
.mainWarp .contentBox h1.title img {height:20px;}
.mainWarp .institutionBox .infoContent h2 {font-size:14px;}
.mainWarp .institutionBox .infoContent .time {font-size:12px;}
.mainWarp .institutionBox .serverBox ul li a {font-size:14px;}
.mainWarp .institutionBox .serverBox ul li a img {margin-right:10px;}
.mainWarp .matterBox {margin-top:30px;}
.mainWarp .matterBox .itemList {margin-top:0;}
.mainWarp .matterBox h2 {font-size:16px;}
.mainWarp .matterBox .itemList .item {width:23%;margin:40px 1% 0;height:60px;}
.mainWarp .matterBox .itemList .item:first-child {margin:40px 1% 0;}
.mainWarp .matterBox .itemList .item img {max-width:42px;top:-21px;}
.mainWarp .matterBox .itemList .item p{padding-top:25px;font-size:12px;}
.mainWarp .matterBox .itemList .item p.pt50 {padding-top:15px;}
}