.pr-back{width: 100%;margin: 0 auto;padding-top:50px;background: url(../images/cbg_a.jpg) no-repeat center top; background-size: cover;}
.container-nc{width:100%;margin: 0 auto;padding: 50px 0;}
.content-nc{width: 100%;max-width: 1200px;margin: 0 auto;padding: 50px 100px;background: #fff;border-radius: 20px;box-sizing: border-box;}
.contop-area{width: 1200px;margin: 0 auto;text-align: center;}
/*
.contop-area > div{display: table-cell;vertical-align: middle;padding: 40px;}
.contop-area.bg1{background: url(../images/cbg1.jpg) no-repeat center center; background-size: cover;}
.contop-area.bg2{background: url(../images/cbg2.jpg) no-repeat center center; background-size: cover;}
*/

.mtp70{margin-top: 70px;}

h3.tit-ct{text-align: center;margin-bottom:35px;font-size: 27px;color: #2e2e2e;font-weight:bold;position: relative;z-index: 1;}
h3.tit-ct span{display: inline-block;position: relative;z-index: 1;}
h3.tit-ct span:after{content: "";position: absolute;left:-15px;right:-15px;bottom:0;height: 20px;background: #cbf9e4;}
h3.tit-ct span strong{position: relative;z-index: 1;}
.ctxt-ts{margin-top: 50px;font-size: 18px;color: #6a6a6a;line-height: 1.6;font-weight: 400;}
.ctxt-gr{text-align:center;margin-top: 20px;text-align: center;font-size: 16px;color: #007553;}
.ctxt-line{text-align:center;margin-top: 30px;}
.ctxt-line > li{font-size: 18px;color: #6a6a6a;line-height: 2;font-weight: 300;}

.acline-box:after{content:""; display:block; clear:both;}
.acline-box{margin-top: -30px;margin-left: -30px;}
.acline-box > li{float: left;margin-top: 30px;margin-left: 30px;width: calc(25% - 30px);text-align: center;}
.acline-box > li > a{display: block;}
.acline-box > li > a > .imgs{border: 1px solid #dfdfdf;border-radius: 10px;overflow: hidden;font-size: 0;}
.acline-box > li > a > .imgs img{width: 100%;transition: all 0.3s ease-in-out;}
.acline-box > li:hover > a > .imgs img{transform: scale(1.1,1.1);}
.acline-box > li > a > .txt{margin-top: 10px;width: 100%;height: 40px;display:table;background: #19845c;border-radius: 10px;}
.acline-box > li > a > .txt > p{display: table-cell;vertical-align: middle;font-size: 16px;color: #fff;font-weight: 500;line-height: 1.2;letter-spacing: -1.5px;word-break: keep-all;}
.acline-box > li > a > .txt > p > span{display: inline-block;padding-right: 25px;background: url(../images/cp.png) no-repeat right center;}
.acline-box > li > a > .txt > p > span strong{color: #ffd077;}

.pop-area{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100; background:rgba(0,0,0,.7);}
.pop-box{position: absolute; z-index: 1;left: 50%;top: 50%;width: 900px;transform:translate(-50%, -50%);background: #fff;padding: 80px 50px 50px 50px;border: 1px solid #cbcbcb;box-sizing: border-box;border-radius: 30px;overflow: hidden;}
.pop-box2{position: absolute; z-index: 1;left: 50%;top: 50%;width: 1200px;transform:translate(-50%, -50%);background: #f5f5f5;padding: 90px 40px 40px 40px;border: 1px solid #cbcbcb;box-sizing: border-box;border-radius: 30px;overflow: hidden;}
.pop-box3{position: absolute; z-index: 1;left: 50%;top: 50%;width: 1200px;transform:translate(-50%, -50%);background: #f5f5f5;padding: 50px 40px 40px 40px;border: 1px solid #cbcbcb;box-sizing: border-box;border-radius: 30px;overflow: hidden;}
.pop-nys{width: 100%;height: auto;max-height: calc(100vh - 160px);overflow-y: auto;text-align: left;}
.pop-nys2{width: 100%;height: auto;max-height: calc(100vh - 160px);overflow: auto;text-align: left;}
.pop-nys3{width: 100%;height: auto;max-height: calc(100vh - 160px);overflow: auto;}
.pop-title{position: absolute;left: 0;top: 0;right: 0;text-align: center;display: table;width: 100%;height: 60px;font-size: 30px;color: #363636;background: linear-gradient(to right, #9ee8d5, #f8f4bf);}
.pop-title > span{display: table-cell;vertical-align: middle;}
.pop-title > span strong{color: #000;font-weight: bold;}
.pop-st > .imgs{float: left;width: 300px;border: 1px solid #dfdfdf;border-radius: 15px;overflow:hidden;}
.pop-st > .text{float: right;width: calc(100% - 340px);}
.pop-st > .text > ul > li{margin-bottom: 15px;display: table; font-size:18px;color:#666;word-break: keep-all; }
.pop-st > .text > ul > li > span{display: table-cell; vertical-align: top;  white-space:nowrap; padding-right: 5px;font-weight: bold;color: #000;}
.pop-st > .text > ul > li.link > a{margin-top: 20px;margin-right: 5px;display: inline-block;width: 160px;height: 40px;line-height: 40px;text-align: center;border-radius: 40px;background: #007553;color: #fff;font-weight: 500;font-size: 15px;letter-spacing: -1px;}
.pop-st > .text > ul > li > p > span.blue{color: #007553;}
.pop-out{display: block;position: absolute;right: 25px;top: 18px;font-size: 0;}

.pop-st > .text > .btn{margin-top: 20px;text-align: left;padding-top: 0;}
.pop-st > .text > .btn > a{vertical-align: top;margin-top: 5px;margin-right: 3px;display: inline-block;width: 200px;height: 48px;line-height: 48px;text-align: center;border-radius: 48px;background: #007553;color: #fff;font-weight: 500;font-size: 15px;letter-spacing: -1px;}
.pop-st > .text > .btn > p{vertical-align: top;display: inline-block;margin-top: 5px;margin-right: 3px;}
.pop-st > .text > .btn > p > a{display: table;width: 200px;height: 48px;line-height: 48px;text-align: center;border-radius: 48px;background: #007553;color: #fff;font-weight: 500;font-size: 15px;letter-spacing: -1px;}
.pop-st > .text > .btn > p > a > span{display:table-cell;vertical-align: middle;line-height: 1.2;}

.pop-st > .text > .btn a.pro{background: #ff7f50;}

.pop-area2{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100; background:rgba(0,0,0,.7);}
.pop-box3{position: absolute; z-index: 1;left: 50%;top: 50%;width: 1200px;transform:translate(-50%, -50%);background: #f5f5f5;padding: 40px;border: 1px solid #cbcbcb;box-sizing: border-box;border-radius: 30px;overflow: hidden;}


.sa_area:after{content:""; display:block; clear:both;}
.sa_box:after{content:""; display:block; clear:both;}

.sa_scr{width: 100%;overflow: auto;}
.sa_area{width: 1275px;}
.sa_left{float: left;width: 830px;}
.sa_right{float: left;width: 420px;margin-left: 25px;overflow: hidden;border-radius: 20px;}
.sa_box{width: 100%;height: 283px;box-sizing: border-box;position: relative;border-radius: 20px;overflow: hidden;background: #fff;}
.sa_left > .sa_box:last-child{margin-top: 25px;}
.salf_imgs{float: left;width: 287px;border-radius: 20px;overflow: hidden;}
.salf_text{float: left;margin-left: 30px;width: calc(100% - 400px);position: relative;z-index: 1;}
.ps_imgs{position: absolute;right: 0;top: 0;}
.salf_text > p.tit{margin: 35px 0 20px;font-size: 27px;line-height: 1;color: #282828;font-weight: 500;letter-spacing: -1px;}
.salf_text > p.sp{width: 90px;height: 28px;line-height: 28px;border-radius: 28px;text-align: center;background: #ebebeb;font-size: 15px;color: #262626;font-weight: 500;}
.salf_text > ul{margin-top: 10px;}
.salf_text > ul > li{margin-top: 5px;display: table; font-size:17px;color:#676767;font-weight: 300;word-break: keep-all;}
.salf_text > ul > li > span{display: table-cell; vertical-align: top;  white-space:nowrap; padding-right: 5px;font-weight: bold;color: #000;}


.bspace_box{margin-top: 70px;text-align: center;width: 100%;height: 230px;position: relative;box-sizing: border-box;padding: 50px;display: table;}
.bspace_box:after{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: 18px solid #f1f1f1;}
.bspace_box:before{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: url(../images/spbg.png) no-repeat center top; background-size: cover;z-index: 1;}
.bspace_box > p{position: relative;z-index: 2;display: table-cell;vertical-align: middle;}
.bspace_box > p > a{display: inline-block;font-size: 39px;color: #03dac8;line-height: 1.2;font-weight: bold;letter-spacing: -1px;padding: 20px 105px 20px 0;background: url(../images/spic.png) no-repeat right center;}
.bspace_box > p > a span{color: #31515a;}

.fcn-wid:after{content:""; display:block; clear:both;}
.fcn-wid > ul:after{content:""; display:block; clear:both;}
#footer-nc{width: 100%;margin:0 auto;background: #2e2f31;}
.fcn-wid{width: 1200px;margin: 0 auto;padding: 30px 0 40px;}
.fcn-wid > h1.flogo-cn{float: left;font-size: 0;}
.fcn-wid > ul.fbn-cn{float: left;margin-left: 50px;margin-top: 15px;}
.fcn-wid > ul.fbn-cn li{float:left;position: relative;padding-right: 40px;}
.fcn-wid > ul.fbn-cn li:after{content: '';position: absolute;background: #58595a;width: 1px;height: 10px;top: calc(50% - 5px);right: 19.5px;}
.fcn-wid > ul.fbn-cn li:last-child:after{display:none;}
.fcn-wid > ul.fbn-cn li a{display:block;color:#fff;}
.fcn-wid > ul.fbn-cn li.yellow a{color:#fbc204} 


.clist-tab{border: 1px solid #dfdfdf;}
.clist-tab thead th{font-size: 20px;color: #363636;border-bottom: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;padding: 15px 5px;}
.clist-tab thead th:last-child{border-right: 0;}
.clist-tab tbody td{text-align: center;font-size: 14px;color: #333;line-height: 1.2;padding: 13px 4px;border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}
.clist-tab tbody tr td:last-child{border-right: 0;}
.clist-tab tbody tr:last-child td{border-bottom: 0;}



@media screen and (max-width:1200px){
	.contop-area{width: calc(100% - 20px);}
	.content-nc{width: calc(100% - 20px);padding: 50px 50px;}
	.pop-box2{left: 10px;width: calc(100% - 20px);transform:translate(0, -50%);}
	.pop-box3{left: 10px;width: calc(100% - 20px);transform:translate(0, -50%);}

	.fcn-wid{width: calc(100% - 20px);}
}

@media screen and (max-width:1024px){
	
	.content-nc{padding: 40px 10px;}
}
@media screen and (max-width:900px){
	.pop-box{left: 10px;width: calc(100% - 20px);transform:translate(0, -50%);}
	.pop-out{right: 20px;}
}
@media screen and (max-width:768px){
	.pr-back{padding-top: 30px;}
	.container-nc{padding: 25px 0;}
	.ctxt-line > li{font-size: 16px;line-height: 1.6;}
	.ctxt-line > li br{display: none;}
	.ctxt-ts{margin-top: 40px;font-size: 15px;}
	.acline-box{margin-left: -10px;}
	.acline-box > li{margin-top: 20px;margin-left: 10px;width: calc(33.33333333% - 10px);}
	.acline-box > li > a > .txt > p{font-size: 14px;}

	.pop-box{padding: 70px 10px 10px 10px;}
	.pop-box2{padding: 70px 10px 10px 10px;}
	.pop-box3{padding: 40px 10px 10px 10px;}
	.pop-title{height: 50px;font-size: 22px;}
	
	.sa_area{width: 100%;}
	.sa_left{width: 300px;}
	.sa_right{width: calc(100% - 310px);margin-left: 10px;}
	.sa_box{height: auto;padding-bottom: 20px;}
	.sa_left > .sa_box:last-child{margin-top: 20px;}
	.salf_imgs{float: none;width: 50%;}
	.salf_text{float: none;margin-left: 0;padding-left: 20px;width: 100%;position: static;}
	.ps_imgs{position: absolute;right: 0;top: 0;width: 50%;}
	.salf_text > p.tit{margin: 20px 0 15px;font-size: 20px;}
	.salf_text br{display: none;}


	.bspace_box > p > a{font-size: 28px;padding: 0 0 65px 0;background: url(../images/spic.png) no-repeat center bottom;}

	.fcn-wid{text-align: center;}
	.fcn-wid > h1.flogo-cn{float: none;}
	.fcn-wid > ul.fbn-cn{float: none;display: inline-block;margin-left: 0;}
	.fcn-wid > ul.fbn-cn li{float:none;display: inline-block;padding-right: 15px;}
	.fcn-wid > ul.fbn-cn li:after{right: 5px;}


}
@media screen and (max-width:640px){
	.acline-box{margin-left: -5px;}
	.acline-box > li{margin-left: 5px;width: calc(50% - 5px);}

	.pop-st > .imgs{float: none;max-width: 300px;width: auto;}
	.pop-st > .text{float: none;width: auto;margin-top: 20px;}
	.pop-st > .text > ul > li{margin-bottom: 12px;font-size:16px;}
	.pop-st > .text > ul > li > a.link{margin-top: 15px;width: 150px;}
	
}

@media screen and (max-width:520px){
	.sa_left{float: none;width: 100%;}
	.sa_right{float: none;width: 100%;margin-left: 0;margin-top: 20px;}
	
}

@media screen and (max-width:510px){
	.pop-title{font-size: 20px;}
	.pop-out {right: 10px;width: 18px;}
}