@charset "UTF-8";

.supBody{padding:90px 0}
.supBody ul.list_01 li{width:100%;box-sizing: border-box;border:1px solid #e7e7e7;height:452px;margin-top:55px;background:#fdfdfd;}
.supBody ul.list_01 li .pic{float:left;width:345px;height:450px;overflow:hidden;}
.supBody ul.list_01 li .pic img{display:block;width:100%;}
.supBody ul.list_01 li .txt{float:left;width:calc(100% - 345px);box-sizing:border-box;padding:60px 60px 0;}
.supBody ul.list_01 li .txt h3{font-size:36px;color:#353535;font-weight:700;}
.supBody ul.list_01 li .txt hr{display:inline-block;height:1px;border:0;width:100%;background-color:#e7e7e7;margin:20px 0;}
.supBody ul.list_01 li .txt h4{font-size:18px;line-height:30px;color:#696969;height:180px;overflow:hidden;}
.supBody ul.list_01 li .txt a.download{margin-top:20px;}
.supBody ul.list_01 li .txt a.more{display:inline-block;width:90px;height:38px;line-height:38px;text-align:center;font-size:14px;background:#65c6c4;color:#fff;padding-left:0;}
.supBody ul.list_01 li .txt a.more span{padding-right:0;background:none;color:#fff}


.supBody .list_02 .box{width:100%;box-sizing: border-box;border:1px solid #e7e7e7;height:332px;margin-top:55px;background:#fdfdfd;}
.supBody .list_02 .box .pic{float:left;width:250px;height:330px;overflow:hidden;}
.supBody .list_02 .box .pic img{display:block;width:100%;}
.supBody .list_02 .box .txt{float:left;width:calc(100% - 250px);box-sizing:border-box;padding:35px 30px 0;}
.supBody .list_02 .box .txt h3{font-size:28px;line-height:28px;height:28px;overflow:hidden;color:#353535;font-weight:700;}
.supBody .list_02 .box .txt hr{display:inline-block;height:1px;border:0;width:100%;background-color:#e7e7e7;margin:20px 0;}
.supBody .list_02 .box .txt h4{font-size:16px;line-height:24px;color:#696969;height:120px;overflow:hidden;}
.supBody .list_02 .box .txt a.download{margin-top:20px;}
.supBody .list_02 .box .txt a.more{display:inline-block;width:90px;height:38px;line-height:38px;text-align:center;font-size:14px;background:#65c6c4;color:#fff;padding-left:0;}
.supBody .list_02 .box .txt a.more span{padding-right:0;background:none;color:#fff}




.popVip{position: fixed;left:0;right:0;bottom:0;top:0;background-color:rgba(0,0,0,.67);z-index:999;text-align:center;display:none;}
.popVip .popContent{margin:0 auto;position:relative;top:50%;transform: translateY(-50%);padding:100px 280px;background-color:#fff;display:inline-block;}
.popVip .popContent h3{font-size:36px;color:#313131;}
.popVip .popContent hr{display:inline-block;width:54px;height:4px;background-color:#65c6c4;border:0;margin:25px 0 30px;}
.popVip .popContent h4{font-size:16px;line-height:26px;color:#676d74;text-align:left;}
.popVip .popContent ul{margin:50px 0;}
.popVip .popContent ul li{text-align:left;}
.popVip .popContent ul li h5{font-size:16px;color:#313131;padding:10px 0;}

.popVip .popContent ul li select{height:42px;box-sizing: border-box;width:532px;border:1px solid #c7c7c7;border-radius:8px;font-size:16px;line-height:26px;padding:7px 10px;appearance:none;-moz-appearance:none; -webkit-appearance:none;background:url(../images/member/select.png) no-repeat 505px center; }
.popVip .popContent ul li select::-ms-expand{display: none;}    
.popVip .popContent a.submit{display:inline-block;width:170px;height:40px;line-height:40px;background-color:#23498f;color:#fff;font-size:16px;border-radius:8px;text-align:center;position: relative;z-index:1;overflow:hidden;text-decoration:none;}
.popVip .popContent a.submit:before{position:absolute;content:'';background:#48b5d0;transition-duration:.3s;left:0;top:0;width:0;height:100%;opacity:1;z-index:-1;}
.popVip .popContent a.submit:hover::before{width:100%;right:0;}
.popVip a.closed{display:inline-block;width:46px;height:46px;background:url(../images/common/closed.png) no-repeat center;background-size:cover;position: absolute;right:10px;top:10px;cursor:pointer;transition:all ease-out .3s;}
.popVip a.closed:hover{transform: rotate(180deg);}

.supBody .list_03 ul li{margin-bottom:20px;}
.supBody .list_03 ul li a{display:block;text-decoration:none;color:#337ab7;}
.supBody .list_03 ul li h4{font-size:16px;color:#444;line-height:24px;}
.supBody .list_03 ul li h3 a{font-size:16px;color:#337ab7;line-height:26px;}
.supBody .list_03 ul li h3 a:hover{text-decoration: underline;}
.supBody .list_03 ul li h5{font-size:16px;color:#444;line-height:24px;}


.supBody ul.list_04 li{width:100%;box-sizing: border-box;border:1px solid #e7e7e7;height:452px;margin-top:55px;background:#fdfdfd;}
.supBody ul.list_04 li .pic{float:left;width:50%;text-align:center;height:100%;position: relative}
.supBody ul.list_04 li .pic a{display:block;width:100%;height:100%;}
.supBody ul.list_04 li .pic img{display:block;width:100%;position: absolute;top:50%;transform: translateY(-50%);}
.supBody ul.list_04 li .txt{float:left;width:50%;box-sizing:border-box;padding:90px 60px 0;}
.supBody ul.list_04 li .txt h3{font-size:36px;color:#353535;font-weight:700;}
.supBody ul.list_04 li .txt hr{display:inline-block;height:1px;border:0;width:100%;background-color:#e7e7e7;margin:20px 0;}
.supBody ul.list_04 li .txt h4{font-size:18px;line-height:30px;color:#696969;height:120px;overflow:hidden;}
.supBody ul.list_04 li .txt a.more{display:inline-block;width:90px;height:38px;line-height:38px;text-align:center;font-size:14px;background:#65c6c4;color:#fff;padding-left:0;text-decoration:none;}
.supBody ul.list_04 li .txt a.more span{padding-right:0;background:none;color:#fff}


.supBody ul.list_05 li{width:100%;box-sizing: border-box;border:1px solid #e7e7e7;height:452px;margin-top:55px;background:#fdfdfd;}
.supBody ul.list_05 li .pic{float:left;width:40%;text-align:center;height:100%;position: relative}
.supBody ul.list_05 li .pic a{display:block;width:100%;height:100%;}
.supBody ul.list_05 li .pic img{display:block;width:100%;position: absolute;top:50%;transform: translateY(-50%);}
.supBody ul.list_05 li .txt{float:left;width:calc(100% - 40%);box-sizing:border-box;padding:90px 60px 0;}
.supBody ul.list_05 li .txt h3{font-size:36px;color:#353535;font-weight:700;}
.supBody ul.list_05 li .txt hr{display:inline-block;height:1px;border:0;width:100%;background-color:#e7e7e7;margin:20px 0;}
.supBody ul.list_05 li .txt h4{font-size:18px;line-height:30px;color:#696969;height:120px;overflow:hidden;}
.supBody ul.list_05 li .txt a.more{display:inline-block;width:90px;height:38px;line-height:38px;text-align:center;font-size:14px;background:#65c6c4;color:#fff;padding-left:0;text-decoration:none;}
.supBody ul.list_04 li .txt a.more span{padding-right:0;background:none;color:#fff}




