
.about_wrap .col_box {display:table; width:100%; }
.about_wrap .col_box .col {display:table-cell; vertical-align:middle;  }
.about_wrap .col_box .col.s_title img {vertical-align:top; max-width:100%;}
.about_wrap .col_box .col.s_text {padding-left:120px; font-size: 17px;  color:#000;  line-height:25px;}
.about_wrap .col_box .col.s_text .t1{font-size:24px; line-height:24px; margin-bottom:20px; font-weight:bold; color:#000;}
.about_wrap .col_box .col.s_text .t1 span {color:#fcb03e;}
.about_wrap .col_box .col.s_text .t2 span {display:block;}

.about_wrap .video_info  {height:250px; text-align:center; margin-top:90px; position:relative; background:#000; overflow:hidden;}
.about_wrap .video_info  #video_wrap {position:absolute; left:0px; top:-250px;  z-index:0; width:100%;}
.about_wrap .video_info  #video_wrap video {width:100%;  height: 100%; position:relative; z-index:0; ;}




.about_why {margin-top:120px; }
.about_why .title {text-align:center; margin-bottom:60px;}
.about_why .title .t1{font-sizE:100px; line-height:130px; font-weight:900; letter-spacing:-4px; color:#fcb03e;}
.about_why .title .t2{font-sizE:40px; line-height:50px; color:#000; letter-spacing:-4px;}

.about_why ul.process {overflow:hidden;}
.about_why ul.process li {float:left; width:32%; }
.about_why ul.process li:nth-child(2)  {margin:0 2%;}

.about_why ul.process li .box{background:#f8f8f8; padding:30px; min-height:250px;; border-radius:20px; text-align:center;}
.about_why ul.process li .box .icon {height:110px;}
.about_why ul.process li .box .lord-icon{width:70px; height:70px;}
.about_why ul.process li .box .text01{font-size:20px; color:#000; font-weight:900; letter-spacing:-2px; margin-bottom:20px; }
.about_why ul.process li .box .text02{font-size:16px; color:#555;letter-spacing:-1px; line-height:25px;}




.performance_wrap .title {text-align:center; margin-bottom:60px;}
.performance_wrap .title .t1{font-sizE:100px; line-height:130px; font-weight:900; letter-spacing:-4px; color:#fcb03e;}
.performance_wrap .title .t2{font-sizE:40px; line-height:50px; color:#000; letter-spacing:-4px;}



.performance_wrap ul {overflow:hidden; padding-top:60px;}
.performance_wrap ul li {float:left; width:49%; margin-bottom:2%;}
.performance_wrap ul li:nth-child(2n+2) {float:right;}
.performance_wrap ul li .box{border:1px #ddd solid; padding:30px 30px 50px;  border-radius:10px;  transition: all 0.2s;  position:relative;}
.performance_wrap ul li .box .pic {overflow:hidden; border:1px #ededed solid;   border-radius:10px;  text-align:center;  position:absolute; left:20px; top:20px;}
.performance_wrap ul li .box .pic img {max-width:100%; vertical-align:middle; }


.performance_wrap ul li .box .info{margin-left:240px;}
.performance_wrap ul li .box .t1{font-size:25px; color:#000;  letter-spacing:-2px;  vertical-align:middle;}
.performance_wrap ul li .box .t1 span {display:inline-block; margin-right:10px; font-size:30px;   font-family: "Montserrat", serif;   line-height:40px; font-weight:900;color:#fcb03e;}
.performance_wrap ul li .box .t2{font-size:15px; color:#000;letter-spacing:-1px; line-height:25px; margin-top:10px}
.performance_wrap ul li .box .t2 div{}
.performance_wrap ul li .box .t3{font-size:14px; letter-spacing:-1px; line-height:25px; margin-top:15px;}
.performance_wrap ul li .box .t3 span{display:inline-block; line-height:40px; padding:0 20px; border-radius:40px; background:#fcb03e; color:#fff;}
.performance_wrap ul li:hover .box {border-color:#fcb03e;}





.pay_wrap  {position:relative;  background:#f5faff; padding:60px; border-radius:50px;  margin-top:80px; margin-left:5%; margin-right:5%;}
.pay_wrap .event {display:inline-block; margin-left:10px; background:#333; color:#fff; font-weight:normal; padding:0 10px; line-height:30px; border-radius:5px; }

.pay_wrap  .title {position:relative; text-align:center; }
.pay_wrap  .title .t1{font-size:50px; /*font-family: 'Montserrat';*/ letter-spacing:-4px; font-weight:900; color:#000; line-height:65px;}
.pay_wrap  .title .t2{font-size:20px; margin-top:20px; color:#000; letter-spacing:-2px;}


.pay_wrap  .info_box {overflow:hidden; margin-top:80px;}
.pay_wrap  .info_box ul {display:table; width:100%; table-layout:fixed;}
.pay_wrap  .info_box ul li {display:table-cell; vertical-align:top;}
.pay_wrap  .info_box ul li.jump {width:20px;}

.pay_wrap  .info_box ul li .box {padding:40px 20px; background:#fff; border-radius:20px; border:3px #fff solid; transition: all 0.2s;}
.pay_wrap  .info_box ul li .box .s_title {font-size:25px; line-height:30px; font-weight:900; color:#000; margin-bottom:25px; border-bottom:1px #ddd solid; padding-bottom:25px;}
.pay_wrap  .info_box ul li .box .s_title span {display:inline-block; margin-left:5px; font-weight:normal; font-size:15px; color:#333}
.pay_wrap  .info_box ul li .box .price {font-size:40px; font-weight:700; letter-spacing:-2px; line-height:40px; color:#fcb03e; font-family: "Montserrat", sans-serif;}
.pay_wrap  .info_box ul li .box .price span {display:inline-block; margin-left:2px; font-size:20px; color:#777; font-weight:normal; letter-spacing:0;}
.pay_wrap  .info_box ul li .box .seting {font-size:14px; color:#999; }


.pay_wrap  .info_box ul li .box .list_box {margin-top:30px; color:#000;}
.pay_wrap  .info_box ul li .box .list_box .list {padding-left:110px; position:relative; font-size:14px; line-height:30px; margin:2px 0px; }
.pay_wrap  .info_box ul li .box .list_box .list .list_s {position:absolute; left:0px; top:0px; color:#000}
.pay_wrap  .info_box ul li .box .list_box .list .list_s .feather{width:15px; display:inline-block; margin-right:4px; vertical-align:middle; color:#fcb03e}
.pay_wrap  .info_box ul li .box .list_box .list .list_t {color:#000; }
.pay_wrap  .info_box ul li .box .list_box .list .list_t .etc{display:inline-block; margin-left:3px; font-size:12px; color:#999; line-height:18px;}

.pay_wrap  .info_box ul li .box .list_box .list.off .list_s .feather,
.pay_wrap  .info_box ul li .box .list_box .list.off .list_s,
.pay_wrap  .info_box ul li .box .list_box .list.off .list_t {color:#999;  }
.pay_wrap  .info_box ul li:hover .box {border-color:#fcb03e;}


.pay_wrap  .info_box ul li .box .icon {margin-top:30px; text-align:center;}
.pay_wrap  .info_box ul li .box .icon img {vertical-align:middle; border-radius:20px;}
.pay_wrap  .info_box ul li .btns {margin-top:10px; }
.pay_wrap  .info_box ul li .btns button{display:block; line-height:65px; text-align:center; background:#fcb03e; color:#fff; border-radius:20px; font-size:15px; border:0px; width:100%; cursor:pointer;}


#check_light_box {display:none; width:400px; background:#fff; border-radius:20px;}
#check_light_box .inquert_box {padding:30px;}
#check_light_box .inquert_box ul li {font-size:15px; color:#000; margin-bottom:10px;}
#check_light_box .inquert_box ul li .s_title {font-size:13px; color:#000; font-weight:bold;}
#check_light_box .inquert_box ul li select{line-height:50px; height:50px; padding:0 20px; border:1px #ddd solid; width:100%;  border-radius:10px;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; }
#check_light_box .inquert_box ul li input[type="text"] {line-height:50px; height:50px; padding:0 20px; border:1px #ddd solid;  width:100%; border-radius:10px;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; }
#check_light_box .inquert_box .btn {margin-top:30px;}
#check_light_box .inquert_box .btn input[type="submit"] {display:block; line-height:65px; text-align:center; background:#fcb03e; color:#fff;  font-size:15px; border:0px; width:100%; border-radius:10px;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; }


#check_light_box .close_btn {position:absolute; right:0px; top:-60px;  cursor:pointer;}
#check_light_box .close_btn a{display:inline-block; width:40px;height: 40px;}



#check_light_box .close_btn:before, 
#check_light_box .close_btn:after {position: absolute;top:0px;right:20px;content:' ';height:40px;width:1px;background-color: #fff;}
#check_light_box .close_btn:before {transform: rotate(45deg);}
#check_light_box .close_btn:after {transform: rotate(-45deg);}




.pay_wrap  .info_box .tip_box {margin-top:60px; text-align:center;}
.pay_wrap  .info_box .tip_box .tip {display:inline-block;}
.pay_wrap  .info_box .tip_box .tip_icon {display:inline-block; width:100px;height:100px; vertical-align:middle;}
.pay_wrap  .info_box .tip_box .tip_text {display:inline-block; font-size:20px; color:#000; vertical-align:middle; letter-spacing:-2px;}
.pay_wrap  .info_box .tip_box .tip_text .color {color:#fcb03e; font-weight:bold; display:inline; position:relative;}
.pay_wrap  .info_box .tip_box .tip_text .color span {position:absolute; width:100%;  top:-5px; width:5px; height:5px; border-radius:5px; background:#fcb03e;}
.pay_wrap  .info_box .tip_box .tip_text .color span:nth-of-type(1){left:5px;;}
.pay_wrap  .info_box .tip_box .tip_text .color span:nth-of-type(2){left:23px;}
.pay_wrap  .info_box .tip_box .tip_text .color span:nth-of-type(3){left:39px;}
.pay_wrap  .info_box .tip_box .tip_text .color span:nth-of-type(4){left:58px;}
.pay_wrap  .info_box .tip_box .tip_text .line {position:relative; display:inline;}
.pay_wrap  .info_box .tip_box .tip_text .line strong{position:relative; z-index:1; font-weight:normal;}
.pay_wrap  .info_box .tip_box .tip_text .line span{position:absolute; width:100%; left:0px; bottom:0px; height:15px; background:#fcb03e; opacity:0.4;  z-index:0;}





.pay_ment_wrap {position:relative;  }

.pay_ment_wrap .title {position:absolute; left:0px; top:0px; }
.pay_ment_wrap .title .t1{font-size:50px; letter-spacing:-4px; font-weight:900; color:#000; line-height:65px;}
.pay_ment_wrap .title .t1 span {color:#fcb03e;}
.pay_ment_wrap .title .t2{font-size:16px; margin-top:20px; color:#000; letter-spacing:0px;}
.pay_ment_wrap .title .t3{margin-top:40px; font-size:14px; color:#666; letter-spacing:-1px;  width:400px;  }
.pay_ment_wrap .title .t3 a{display:inline-block; margin-right:5px; margin-bottom:5px; border:1px #ededed solid; padding:0 18px; line-height:35px; border-radius:35px; }
.pay_ment_wrap .title .t3 a span {color:#fcb03e}
.pay_ment_wrap .exm {margin-left:450px; border:1px #ddd solid; padding:60px; border-radius:60px;}







@media all and (max-width:1024px) {


	.about_wrap .col_box {display:block; padding:0 10px; width:auto;}
	.about_wrap .col_box .col {display:block;  }
	.about_wrap .col_box .col.s_title img {  max-width:250px;}
	.about_wrap .col_box .col.s_text {padding-left:0px; font-size: 15px;  line-height:24px; margin-top:30px;}
	.about_wrap .col_box .col.s_text .t1{font-size:22px; line-height:24px; margin-bottom:20px;}


	.about_wrap .video_info  {height:150px;   margin-top:60px; position:relative; }
	.about_wrap .video_info  #video_wrap {left:0px; top:0px;  }
	.about_wrap .video_info  #video_wrap video {width:100%;  height: 100%;  }

	.about_why {margin-top:60px; }
	.about_why .title {text-align:center; margin-bottom:60px;}
	.about_why .title .t1{font-sizE:60px; line-height:60px; letter-spacing:-2px;}
	.about_why .title .t2{font-sizE:25px; line-height:30px; letter-spacing:-2px;}


	.about_why ul.process {padding:0 10px;}
	.about_why ul.process li {float:none; width:auto;margin:0px 0px 10px 0px !important }
	.about_why ul.process li .box{padding:30px; min-height:auto;; border-radius:10px;  }
	.about_why ul.process li .box .icon {height:80px;}
	.about_why ul.process li .box .lord-icon{width:60px; height:60px;}
	.about_why ul.process li .box .text01{font-size:20px;   margin-bottom:20px; }
	.about_why ul.process li .box .text02{font-size:14px;   line-height:20px;}
	.about_why ul.process li .box .text02 div{display:inline;}


	

	
	.performance_wrap .title {text-align:center; margin-bottom:60px;}
	.performance_wrap .title .t1{font-sizE:60px; line-height:60px;  letter-spacing:-2px; }
	.performance_wrap .title .t2{font-sizE:25px; line-height:30px; letter-spacing:-2px;}



	.performance_wrap ul {overflow:hidden; padding-top:0px;}
	.performance_wrap ul li {float:none !important; width:auto; margin-bottom:10px;}

	.performance_wrap ul li .box{border:1px #ddd solid; padding:30px ; }
	.performance_wrap ul li .box .pic {text-align:center;  position:relative; left:0px; top:0px; text-align:center;}
	.performance_wrap ul li .box .pic img {max-width:100%; vertical-align:middle; }


	.performance_wrap ul li .box .info{margin-left:0px; margin-top:20px;}










	.pay_wrap  { padding:60px 20px; border-radius:0px; }
	.pay_wrap  .title .t1{font-size:40px;   letter-spacing:2px; line-height:45px;}
	.pay_wrap  .title .t2{font-size:16px; margin-top:10px;}


	.pay_wrap  .info_box {overflow:hidden; margin-top:80px;}
	.pay_wrap  .info_box ul {display:block; width:100%;}
	.pay_wrap  .info_box ul li {display:block;  margin-bottom:40px; }
	.pay_wrap  .info_box ul li.jump {width:20px; displaY:none;}
	.pay_wrap .info_box ul li .box {padding:40px 20px;}


	#check_light_box {display:none; width:98%; }


	.pay_ment_wrap {position:relative; margin-top:100px;  }
	.pay_ment_wrap .title {position:relative; left:0px; top:0px; text-align:center; }
	.pay_ment_wrap .title .t1{font-size:40px; letter-spacing:-2px;  line-height:45px;}
	.pay_ment_wrap .title .t2{font-size:16px; margin-top:10px; }

	.pay_ment_wrap .exm {margin-left:0px; padding:20px; border-radius:20px;margin:0 10px; margin-top:30px; }


}




@media all and (min-width:1025px) and (max-width:1440px) {


	.pay_wrap .info_box ul li .box {padding:40px 10px;}

}