/*-------------------------------------- MAIN  ----------------------------*/
.mainBox {width:100%; font-family:'SCoreDream'; font-weight:500;}
@media screen and (max-width:1000px) {
	/** .mainBox .categoryListBox {display:none;} */
}

.mainBox .boldFont {display:inline-block; font-weight:700;}
.mainBox .inlineBlockFont {display:inline-block;}
.mainBox .redFont {color:#FF2323;}
.mainBox .blueFont {color:#248CCE;}


.mainBox .slideBox {margin:0 auto 40px; width:100%; max-width:1920px;}
.mainBox .slideBox ul {margin:0 auto; width:100%; height:100%;}
.mainBox .slideBox ul li {width:100%; overflow:hidden;}

.mainBox .categoryListBox {width:100%;}
.mainBox .categoryListBox ul {margin:0 auto; width:100%;}
.mainBox .categoryListBox ul:after {display:block; clear:both; content:"";}
.mainBox .categoryListBox ul li {display:inline-block; width:125px; letter-spacing:-0.9px; text-align:center; font-size:15px;}
.mainBox .categoryListBox ul li:last-child {margin-right:0;}
.mainBox .categoryListBox ul li .imgBox {width:125px; height:158px; background-color:#fff;}


@media screen and (min-width:1001px) {
	.mainBox .categoryListBox ul li {margin:10px;}
	.mainBox .popularListBox {box-sizing:border-box; padding:80px 0 30px; width:100%;}
	.mainBox .popularListBox .wrapBox {margin:0 auto; width:100%; max-width:1200px;}
	.mainBox .popularListBox .wrapBox .titleBox {float:left; width:100%; max-width:320px; font-size:15px; color:#929292;}
	.mainBox .popularListBox .wrapBox .rollingBox {float:right; width:100%; max-width:calc(100% - 320px); overflow:hidden;}
	.mainBox .popularListBox .wrapBox .titleBox .allowBox {margin-top:41px;}
}
@media screen and (max-width:1000px) {
	.mainBox .categoryListBox ul li {margin:4px;}
	.mainBox .popularListBox {box-sizing:border-box; padding:80px 10px 30px; width:100%;}
	.mainBox .popularListBox .wrapBox {margin:0 auto; width:100%;}
	.mainBox .popularListBox .wrapBox .titleBox {width:100%; max-width:320px; font-size:15px; color:#929292;}
	.mainBox .popularListBox .wrapBox .rollingBox {width:100%; overflow:hidden;}
	.mainBox .popularListBox .wrapBox .titleBox .allowBox {margin-top:10px;}
}
.mainBox .popularListBox .wrapBox:after {display:block; clear:both; content:"";}
.mainBox .popularListBox .wrapBox .titleBox .ItemTitle {margin-bottom:2px; width:100%; font-size:30px; font-weight:bold; color:#000;}
.mainBox .popularListBox .wrapBox .titleBox .allowBox {width:100%; font-size:20px; font-weight:bold; color:#929292;}
.mainBox .popularListBox .wrapBox .titleBox .allowBox span {display:inline-block; padding:10px; border-radius:4px; cursor:pointer;}
.mainBox .popularListBox .wrapBox .titleBox .allowBox span:hover {color:#000; background-color:#eee;}
.mainBox .popularListBox .wrapBox .rollingBox > ul {position:relative; width:calc(6 * 300px);}
.mainBox .popularListBox .wrapBox .rollingBox > ul:after {display:block; clear:both; content:"";}
.mainBox .popularListBox .wrapBox .rollingBox > ul li {box-sizing:border-box; float:left; padding:10px; width:300px;}
.mainBox .popularListBox .wrapBox .rollingBox > ul li > div {width:100%; height:100%; border-radius:4px; overflow:hidden;}
.mainBox .popularListBox .rollingBox > ul li .imgBox {width:100%; height:280px; overflow:hidden;}
.mainBox .popularListBox .rollingBox > ul li .imgBox .imgInBox {width:100%; height:100%; transition:all 0.4s;}
.mainBox .popularListBox .rollingBox > ul li .imgBox .imgInBox:hover {transform:scale(1.06);}
.mainBox .popularListBox .rollingBox > ul li .txtBox {box-sizing:border-box; padding:10px 10px 7.13px; width:100%; text-align:center;}
.mainBox .popularListBox .rollingBox > ul li .txtBox .productName {display:inline-block; width:100%; height:48px; line-height:25px; letter-spacing:-0.56px; font-weight:bold; overflow:hidden;}
.mainBox .popularListBox .rollingBox > ul li .txtBox .sellPrice {width:100%; font-size:14px; font-weight:bold; color:#CD2325;}
.mainBox .popularListBox .rollingBox > ul li .editProductBox {box-sizing:border-box; padding:0 10px 10px; width:100%; color:#fff;}
.mainBox .popularListBox .rollingBox > ul li .editProductBox:after {display:block; clear:both; content:"";}
.mainBox .popularListBox .rollingBox > ul li .editProductBox .pickHeart {box-sizing:border-box; float:left; margin-right:6px; padding:4px 0; width:68px; height:27px; text-align:center; font-size:14px; background-color:#0C8E5A; border-radius:4px; cursor:pointer; transition:all 0.2s;}
.mainBox .popularListBox .rollingBox > ul li .editProductBox .editProduct {box-sizing:border-box; float:left; padding:4px 0; width:68px; height:27px; text-align:center; font-size:14px; background-color:#0C7A8E; border-radius:4px; cursor:pointer; transition:all 0.2s;}
.mainBox .popularListBox .rollingBox > ul li .applyProductBox {box-sizing:border-box; padding:0; width:100%; color:#fff;}
.mainBox .popularListBox .rollingBox > ul li .applyProductBox .pickHeart {box-sizing:border-box; display:block; margin-bottom:4px; padding:4px 0; width:100%; height:27px; text-align:center; font-size:14px; background-color:#0C8E5A; border-radius:4px; cursor:pointer; transition:all 0.2s;}
.mainBox .popularListBox .rollingBox > ul li .applyProductBox .editProduct {box-sizing:border-box; display:block; padding:4px 0; width:100%; height:27px; text-align:center; font-size:14px; background-color:#424242; border-radius:4px; cursor:pointer; transition:all 0.2s;}


@media screen and (min-width:801px) {
	.mainBox .specialPriceListBox > ul li {box-sizing:border-box; float:left; margin-bottom:52px; padding:10px; width:25%;}
}
@media screen and (max-width:800px) {
	.mainBox .specialPriceListBox > ul li {box-sizing:border-box; float:left; margin-bottom:52px; padding:10px; width:50%;}
}
.mainBox .specialPriceListBox {padding:52px 0 98px; width:100%; background-color:#FAFAFA;}
.mainBox .specialPriceListBox .ItemTitle {margin:0 auto 29px; width:100%; max-width:1200px; text-align:center; font-size:30px; font-weight:bold;}
.mainBox .specialPriceListBox > ul {margin:0 auto; width:100%; max-width:1200px;}
.mainBox .specialPriceListBox > ul:after {display:block; clear:both; content:"";}
.mainBox .specialPriceListBox > ul li > div {width:100%; height:100%; border-radius:4px; overflow:hidden;}
.mainBox .specialPriceListBox > ul li .imgBox {width:100%; height:280px; overflow:hidden;}
.mainBox .specialPriceListBox > ul li .imgBox .imgInBox {width:100%; height:100%; transition:all 0.4s;}
.mainBox .specialPriceListBox > ul li .imgBox .imgInBox:hover {transform:scale(1.06);}
.mainBox .specialPriceListBox > ul li .txtBox {box-sizing:border-box; padding:10px 10px 7.13px; width:100%; background-color:#FAFAFA;}
.mainBox .specialPriceListBox > ul li .txtBox .productName {display:inline-block; margin-bottom:9px; width:100%; height:48px; line-height:25px; letter-spacing:-0.56px; font-weight:bold; overflow:hidden;}
.mainBox .specialPriceListBox > ul li .txtBox .sellPrice {width:100%; font-size:14px; font-weight:bold; color:#CD2325;}
.mainBox .specialPriceListBox > ul li .editProductBox {box-sizing:border-box; padding:0 10px 10px; width:100%; color:#fff; background-color:#FAFAFA;}
.mainBox .specialPriceListBox > ul li .editProductBox:after {display:block; clear:both; content:"";}
.mainBox .specialPriceListBox > ul li .editProductBox .pickHeart {box-sizing:border-box; float:left; margin-right:6px; padding:4px 0; width:68px; height:27px; text-align:center; font-size:14px; background-color:#0C8E5A; border-radius:4px; cursor:pointer; transition:all 0.2s;}
.mainBox .specialPriceListBox > ul li .editProductBox .editProduct {box-sizing:border-box; float:left; padding:4px 0; width:68px; height:27px; text-align:center; font-size:14px; background-color:#0C7A8E; border-radius:4px; cursor:pointer; transition:all 0.2s;}



.mainBox .mainBanner {width:100%; text-align:center;}
.mainBox .mainBanner .wrapBox {margin:0 auto; padding:56px 0; width:100%; max-width:1200px;}


.mainBox .mainSeason {width:100%; text-align:center;}
.mainBox .mainSeason .wrapBox {margin:0 auto; padding:40px 0; width:100%; max-width:1200px;}
.mainBox .mainSeason .wrapBox:after {display:block; clear:both; content:"";}
.mainBox .mainSeason .wrapBox .leftBox .titleBox {margin-bottom:18px; font-size:24px;}
.mainBox .mainSeason .wrapBox .wildBox {width:100%;}
@media screen and (min-width:1201px) {
	.mainBox .mainSeason .wrapBox .leftBox {float:left;}
	.mainBox .mainSeason .wrapBox .rightBox {float:right;}
	.mainBox .mainSeason .wrapBox .wildBox {float:left;}
}
@media screen and (max-width:587px) {
	.mainBox .mainSeason .wrapBox .leftBox img {width:100%;}
}
@media screen and (max-width:580px) {
	.mainBox .mainSeason .wrapBox .rightBox img {width:100%;}
}



.mainBox .main01 {width:100%; text-align:center;}
.mainBox .main01 .wrapBox {display:inline-block; margin:0 auto; padding:100px 0 70px; width:100%; max-width:1200px;}
.mainBox .main01 .wrapBox:after {display:block; clear:both; content:"";}
@media screen and (min-width:1201px) {
.mainBox .main01 .wrapBox .leftBox {float:left; display:table; width:50%;}
.mainBox .main01 .wrapBox .rightBox {box-sizing:border-box; float:right; padding:0 30px; width:50%; text-align:left;}
.mainBox .main01 .wrapBox .rightBox .wrap {width:100%; height:100%; letter-spacing:-1px; font-size:22px; font-weight:500; color:#363636; overflow:hidden; border-radius:10px;}
}
@media screen and (max-width:1200px) {
.mainBox .main01 .wrapBox .leftBox {margin:0 auto; display:table; width:100%;}
.mainBox .main01 .wrapBox .rightBox {box-sizing:border-box; margin:0 auto; padding:30px; width:100%; text-align:center;}
.mainBox .main01 .wrapBox .rightBox .wrap {width:100%; height:100%; letter-spacing:-1px; font-size:20px; font-weight:500; color:#363636; overflow:hidden; border-radius:10px;}
}
.mainBox .main01 .wrapBox .leftBox .wrap {display:table-cell; width:100%; height:100%; vertical-align:middle;}
.mainBox .main01 .wrapBox .leftBox .title {margin:0 0 22px; padding:0 6px; letter-spacing:-2px; font-size:38px; font-weight:600;}
.mainBox .main01 .wrapBox .leftBox .downBtn {display:inline-block; padding:8px 40px; letter-spacing:-1px; font-size:20px; font-weight:400; color:#fff; background-color:#000; border-radius:6px; cursor:pointer; transition:all 0.2s;}
.mainBox .main01 .wrapBox .leftBox .downBtn:hover {background-color:#3D51E0;}
.mainBox .main01 .wrapBox ul.infoBox {width:100%;}
@media screen and (min-width:1201px) {
	.mainBox .main01 .wrapBox ul.infoBox li {box-sizing:border-box; float:left; margin:34px 16px 30px 0; width:calc((100% - 32px) / 3); text-align:left;}
	.mainBox .main01 .wrapBox ul.infoBox li:last-child {margin-right:0;}
}
@media screen and (max-width:1200px) {
	.mainBox .main01 .wrapBox ul.infoBox li {box-sizing:border-box; margin:0 auto; padding:10px; width:100%; text-align:left;}
}
.mainBox .main01 .wrapBox ul.infoBox li .wrap {width:100%; height:220px;}
.mainBox .main01 .wrapBox ul.infoBox li .txtBox {box-sizing:border-box; padding:8px; width:100%; text-align:center; font-size:16px; color:#777;}


.mainBox .main02 {position:relative; width:100%; text-align:center; background-color:#f6f6f6;}
.mainBox .main02 .wrapBox {box-sizing:border-box; margin:0 auto; padding:0; width:100%; max-width:1000px;}
.mainBox .main02 .wrapBox:after {display:block; clear:both; content:"";}
.mainBox .main02 .wrapBox .leftBox {box-sizing:border-box; float:left; position:relative; width:100%; max-width:552px; height:416px;}
.mainBox .main02 .wrapBox .aBtn {box-sizing:border-box; display:inline-block; position:absolute; bottom:60px; left:calc(50% - 204px); padding:10px; width:408px; font-size:26px; color:#fff; background-color:#0c8e5a;}
.mainBox .main02 .wrapBox .aBtn:hover {background-color:#139f67;}
.mainBox .main02 .wrapBox .rightBox {position:absolute; top:0; right:0; width:48%; height:100%; background:url('/images/main/rocketgrowth2.png') no-repeat center; background-size:cover; background-size:contain;}
@media screen and (max-width:600px) {
	.mainBox .main02 .wrapBox .aBtn {left:10px; width:calc(100% - 20px);}
	.mainBox .main02 .wrapBox .rightBox {float:right; position:relative; width:100%; height:416px; background-image:linear-gradient(to top, transparent 20%, #f6f6f6 100%), url('/images/main/rocketgrowth2.png'); background-size:cover; background-size:cover;}
}


.mainBox .main03 {width:100%; text-align:center; color:#fff; background-color:#3D51E0;}
.mainBox .main03 .wrapBox {display:inline-block; margin:0 auto; padding:56px 0; width:100%; max-width:1200px;}
.mainBox .main03 .wrapBox:after {display:block; clear:both; content:"";}
@media screen and (min-width:1201px) {
.mainBox .main03 .wrapBox .leftBox {float:left; display:table; width:574px; height:302px; text-align:left;}
.mainBox .main03 .wrapBox .leftBox .wrap {display:table-cell; width:100%; height:100%; vertical-align:middle;}
.mainBox .main03 .wrapBox .leftBox .title {margin-bottom:15px; text-align:center; letter-spacing:-2px; font-size:38px; font-weight:700;}
}
@media screen and (max-width:1200px) {
.mainBox .main03 .wrapBox .leftBox {display:table; margin:0 auto 20px; width:100%; max-width:574px; height:302px; text-align:left;}
.mainBox .main03 .wrapBox .leftBox .wrap {display:table-cell; padding:0 10px; width:100%; height:100%; vertical-align:middle;}
.mainBox .main03 .wrapBox .leftBox .title {margin-bottom:22px; text-align:center; letter-spacing:-2px; font-size:26px; font-weight:700;}
}
.mainBox .main03 .wrapBox .leftBox .inpBox {box-sizing:border-box; margin-bottom:22px; padding:8px; width:100%; text-align:center; font-size:22px;}
.mainBox .main03 .wrapBox .leftBox .inpBox:after {display:block; clear:both; content:"";}
.mainBox .main03 .wrapBox .leftBox .inpBox .RGIcon {float:right; width:30px; height:30px;}
.mainBox .main03 .wrapBox .leftBox ul.tagBox {width:100%;}
.mainBox .main03 .wrapBox .leftBox ul.tagBox:after {display:block; clear:both; content:"";}
.mainBox .main03 .wrapBox .leftBox ul.tagBox li {display:inline-block; margin:0 8px 8px 0; padding:6px 10px; font-size:14px; background-color:rgba(255,255,255,0.2); border-radius:20px;}
.mainBox .main03 .wrapBox .leftBox ul.taxBox {width:100%;}
.mainBox .main03 .wrapBox .leftBox ul.taxBox li {margin-bottom:6px; width:100%; font-size:18px;}
@media screen and (min-width:1201px) {
.mainBox .main03 .wrapBox .rightBox {float:right; width:542px; height:302px;} 
}
@media screen and (max-width:1201px) {
.mainBox .main03 .wrapBox .rightBox {margin:0 auto; width:100%; max-width:542px; height:302px;} 
}
.mainBox .main03 .wrapBox .rightBox ul {width:100%; height:100%;}
.mainBox .main03 .wrapBox .rightBox ul li {display:table; width:542px; height:302px;}
.mainBox .main03 .wrapBox .rightBox ul li span {display:table-cell; font-size:30px; font-weight:700; vertical-align:middle;}
.mainBox .main03 .bx-wrapper .bx-controls-direction a {width:38px; height:38px; font-size:18px; background-color:rgba(0,0,0,0.4); border-radius:20px; z-index:0;}
@media screen and (min-width:1201px) {
.mainBox .main03 .bx-wrapper .bx-prev {left:-19px; top:calc(50% + 10px);}
.mainBox .main03 .bx-wrapper .bx-next {right:-19px; top:calc(50% + 10px);}
}
@media screen and (max-width:1200px) {
.mainBox .main03 .bx-wrapper .bx-prev {left:10px; top:calc(50% + 10px);}
.mainBox .main03 .bx-wrapper .bx-next {right:10px; top:calc(50% + 10px);}
}
.mainBox .main03 .wrapBox .rightBox .abtn {box-sizing:border-box; display:inline-block; position:absolute; padding:7px; left:calc(50% - 150px); top:calc(50% - 24px); width:300px; height:48px; text-align:center; font-size:20px; color:#fff; background-color:#003fdb; border-radius:4px;}
.mainBox .main03 .wrapBox .rightBox .abtn:hover {background-color:#3D51E0; box-shadow:2px 2px 20px 0 rgba(0,0,0,0.6);}


.mainBox .main04 {width:100%; text-align:center; background-color:#f2f3f7;}
.mainBox .main04 .wrapBox {box-sizing:border-box; position:relative; margin:0 auto; padding:170px 0; width:100%; max-width:1200px; height:687px;}
.mainBox .main04 .wrapBox:after {display:block; clear:both; content:"";}
.mainBox .main04 .wrapBox .leftBox {float:left; width:56%; max-width:637px; height:326px;}
.mainBox .main04 .wrapBox .rightBox {box-sizing:border-box; float:right; display:table; padding:0 60px; width:44%; height:326px; text-align:left; color:#2e2e2e;}
.mainBox .main04 .wrapBox .rightBox .tableCellBox {display:table-cell; vertical-align:middle;}
.mainBox .main04 .wrapBox .rightBox .subTitleBox {margin-bottom:10px; font-size:24px; font-weight:600;}
.mainBox .main04 .wrapBox .rightBox .titleBox {margin-bottom:20px; letter-spacing:-1px; font-size:40px; font-weight:800;}
.mainBox .main04 .wrapBox .rightBox .txtBox {margin-bottom:20px;}
.mainBox .main04 .wrapBox .rightBox .aBtn {box-sizing:border-box; display:inline-block; padding:20px; width:100%; text-align:center; font-size:24px; font-weight:600; border:2px solid #248cce; transition:background 0.2s;}
.mainBox .main06 .wrapBox .rightBox .aBtn:hover {color:#fff; background-color:#248cce;}
@media screen and (max-width:1000px) {
	.mainBox .main04 .wrapBox {padding:40px 0; height:inherit;}
	.mainBox .main04 .wrapBox .leftBox {width:100%;}
	.mainBox .main04 .wrapBox .rightBox {padding:0 10px; width:100%;}
}


.mainBox .main05 {width:100%; text-align:center; background-color:#f2f3f7;}
.mainBox .main05 .wrapBox {box-sizing:border-box; position:relative; margin:0 auto; padding:145px 0; width:100%; max-width:1200px;}
.mainBox .main05 .wrapBox:after {display:block; clear:both; content:"";}
.mainBox .main05 .wrapBox .leftBox {box-sizing:border-box; float:left; display:table; padding:0 54px; width:45%; height:397px; text-align:left; color:#2e2e2e;}
.mainBox .main05 .wrapBox .leftBox .tableCellBox {display:table-cell; vertical-align:middle;}
.mainBox .main05 .wrapBox .leftBox .subTitleBox {margin-bottom:10px; font-size:24px; font-weight:600;}
.mainBox .main05 .wrapBox .leftBox .titleBox {margin-bottom:20px; letter-spacing:-1px; font-size:40px; font-weight:800;}
.mainBox .main05 .wrapBox .leftBox .txtBox {margin-bottom:20px;}
.mainBox .main05 .wrapBox .leftBox .aBtn {box-sizing:border-box; display:inline-block; padding:20px; width:100%; text-align:center; font-size:24px; font-weight:600; border:2px solid #f40b31; transition:background 0.2s;}
.mainBox .main05 .wrapBox .leftBox .aBtn:hover {color:#fff; background-color:#f40b31;}
.mainBox .main05 .wrapBox .rightBox {float:right; width:55%; max-width:639px; height:397px;}
@media screen and (max-width:1000px) {
	.mainBox .main05 .wrapBox {padding:40px 0; height:inherit;}
	.mainBox .main05 .wrapBox .leftBox {padding:0 10px; width:100%;}
	.mainBox .main05 .wrapBox .rightBox {width:100%;}
}


.mainBox .main06 {width:100%; text-align:center;}
.mainBox .main06 .wrapBox {box-sizing:border-box; position:relative; margin:0 auto; padding:0; width:100%; max-width:1200px; height:574px;}
.mainBox .main06 .wrapBox:after {display:block; clear:both; content:"";}
.mainBox .main06 .wrapBox .btnBox {box-sizing:border-box; display:inline-block; position:absolute; bottom:86px; right:0; width:34%; max-width:408px;}
.mainBox .main06 .wrapBox .btnBox .aBtn {box-sizing:border-box; display:inline-block; padding:10px; width:100%; font-size:26px;}
.mainBox .main06 .wrapBox .btnBox a:nth-child(1) .aBtn {margin-bottom:6px; color:#222222; background-color:#fff;}
.mainBox .main06 .wrapBox .btnBox a:nth-child(1) .aBtn:hover {color:#000; background-color:#eee;}
.mainBox .main06 .wrapBox .btnBox a:nth-child(2) .aBtn {color:#fff; background-color:#0c498e;}
.mainBox .main06 .wrapBox .btnBox a:nth-child(2) .aBtn:hover {color:#fff; background-color:#135aaa;}
@media screen and (max-width:600px) {
	.mainBox .main06 .wrapBox {height:inherit;}
	.mainBox .main06 .wrapBox .btnBox {position:relative; padding:240px 10px 10px; bottom:inherit; width:100%;}
}


.mainBox .main07 {width:100%; text-align:center; background-color:#f2f3f7;}
.mainBox .main07 .wrapBox {box-sizing:border-box; position:relative; margin:0 auto; padding:55px 0; width:100%; max-width:1200px;}
.mainBox .main07 .wrapBox:after {display:block; clear:both; content:"";}
.mainBox .main07 .wrapBox .leftBox {float:left; display:table; width:100%; max-width:446px; height:390px; text-align:left;}
.mainBox .main07 .wrapBox .leftBox .tableCellBox {display:table-cell; vertical-align:middle;}
.mainBox .main07 .wrapBox .leftBox .titleBox {margin-bottom:20px; font-size:35px; font-weight:800;}
.mainBox .main07 .wrapBox .leftBox .subTitleBox {margin-bottom:20px; font-size:15px; font-weight:400;}
.mainBox .main07 .wrapBox .leftBox .aBtn {box-sizing:border-box; display:inline-block; padding:20px; width:100%; text-align:center; font-size:30px; font-weight:500; color:#fff; background-color:#000; transition:background 0.2s;}
.mainBox .main07 .wrapBox .leftBox .aBtn:hover {background-color:#3D51E0;}
.mainBox .main07 .wrapBox .rightBox {box-sizing:border-box; float:right; width:calc(100% - 456px); max-width:692px; height:390px;}
.mainBox .main07 .wrapBox .rightBox div {width:100%; height:100%; border-radius:10px;}
.mainBox .main07 .wrapBox .wildBox {float:left; margin-top:30px; width:100%;}
.mainBox .main07 .wrapBox .wildBox ul {box-sizing:border-box; width:100%;}
.mainBox .main07 .wrapBox .wildBox ul:after {display:block; clear:both; content:"";}
.mainBox .main07 .wrapBox .wildBox ul li {box-sizing:border-box; float:left; margin-right:30px; padding:14px; width:calc((100% - 60px) / 3); text-align:left; background-color:#fff; border-radius:10px;}
.mainBox .main07 .wrapBox .wildBox ul li:last-child {margin-right:0;}
.mainBox .main07 .wrapBox .wildBox ul li .titBox {margin-bottom:10px; width:100%; font-size:18px; font-weight:600;}
.mainBox .main07 .wrapBox .wildBox ul li .titBox:after {display:block; clear:both; content:"";}
.mainBox .main07 .wrapBox .wildBox ul li .titBox .txtBox {float:left; padding:9px 0;}
.mainBox .main07 .wrapBox .wildBox ul li .titBox .icon {float:right; width:43px; height:43px;}
@media screen and (max-width:1000px) {
	.mainBox .main07 .wrapBox .leftBox {height:inherit;}
	.mainBox .main07 .wrapBox .leftBox .titleBox {font-size:30px;}
	.mainBox .main07 .wrapBox .leftBox .tableCellBox {padding:10px;}
	.mainBox .main07 .wrapBox .leftBox .aBtn {padding:10px;}
	.mainBox .main07 .wrapBox .rightBox {padding:10px; width:100%; height:390px;}
	.mainBox .main07 .wrapBox .wildBox ul {padding:10px;}
	.mainBox .main07 .wrapBox .wildBox ul li {margin-right:0; margin-bottom:30px; width:100%;}
}


.mainBox .main08 {width:100%; text-align:center; background-color:#FAFAFA;}
.mainBox .main08 .wrapBox {display:inline-block; margin:0 auto; padding:120px 0 120px; width:100%; max-width:1200px;}
.mainBox .main08 .wrapBox .title {margin-bottom:30px; width:100%;}
.mainBox .main08 .wrapBox .title .mainTit {display:block; margin-bottom:16px; letter-spacing:-1.35px; font-size:27px; font-weight:500;}
.mainBox .main08 .wrapBox ul.content {width:100%;}
.mainBox .main08 .wrapBox ul.content:after {display:block; clear:both; content:"";}
@media screen and (min-width:1201px) {
.mainBox .main08 .wrapBox ul.content li {float:left; width:33.33%;}
}
@media screen and (max-width:1200px) {
.mainBox .main08 .wrapBox ul.content li {margin:0 auto 20px; width:100%;}
.mainBox .main08 .wrapBox ul.content li:last-child {margin-bottom:0;}
}
.mainBox .main08 .wrapBox ul.content li .img {display:inline-block; margin-bottom:22px; width:320px; height:188px; border-radius:10px; box-shadow:-10px -6px 30px 0 rgba(0,0,0,0.2);}
.mainBox .main08 .wrapBox ul.content li .txt {display:block; margin:0 auto; width:320px; text-align:left;}
.mainBox .main08 .wrapBox ul.content li .txt .tit {display:block; letter-spacing:-1px; font-size:18px; font-weight:600;}
.mainBox .main08 .wrapBox ul.content li .txt .con {display:block; letter-spacing:-0.65px; font-size:13px; font-weight:500; color:#5C5C5C;}


.mainBox .main09 {width:100%; text-align:center;}
.mainBox .main09 .wrapBox {display:inline-block; margin:0 auto; padding:60px 0 60px; width:100%; max-width:1200px;}
.mainBox .main09 .wrapBox .title {margin-bottom:30px; width:100%;}
.mainBox .main09 .wrapBox .title .mainTit {display:block; margin-bottom:16px; letter-spacing:-1.35px; font-size:27px; font-weight:600;}
.mainBox .main09 .wrapBox ul.content {width:100%; border-top:2px solid #000; border-bottom:2px solid #000;}
.mainBox .main09 .wrapBox ul.content li {box-sizing:border-box; padding:24px 10px; width:100%; border-bottom:1px solid #ccc;}
.mainBox .main09 .wrapBox ul.content li:last-child {border-bottom:none;}
.mainBox .main09 .wrapBox ul.content li:after {display:block; clear:both; content:"";}
.mainBox .main09 .wrapBox ul.content li .tit {float:left; display:inline-block; margin-bottom:13px; max-width:900px; text-align:left; font-size:18px; font-weight:600; color:#1A1B2F;}
@media screen and (min-width:1201px) {
.mainBox .main09 .wrapBox ul.content li .date {float:right; display:inline-block; margin-bottom:13px; width:100px; font-size:13px; color:#5C5C5C;}
}
@media screen and (max-width:1200px) {
.mainBox .main09 .wrapBox ul.content li .date {display:none;}	
}
.mainBox .main09 .wrapBox ul.content li .con {float:left; display:block; width:100%; text-align:left; letter-spacing:-0.65px; font-size:13px; font-weight:500; color:#5C5C5C;}


.mainBox .main10 {width:100%; text-align:center;}
.mainBox .main10 .wrapBox {display:inline-block; margin:0 auto; padding:120px 0 120px; width:100%;}
.mainBox .main10 .wrapBox .title {margin-bottom:30px; width:100%;}
@media screen and (min-width:1201px) {
.mainBox .main10 .wrapBox .title .mainTit {display:block; margin-bottom:16px; letter-spacing:-1.35px; font-size:45px; font-weight:600;}
.mainBox .main10 .wrapBox .title .subTit {display:block; margin-bottom:16px; letter-spacing:-1.35px; font-size:27px; font-weight:500; color:#5C5C5C;}
}
@media screen and (max-width:1200px) {
.mainBox .main10 .wrapBox .title .mainTit {display:block; margin-bottom:16px; letter-spacing:-1.35px; font-size:34px; font-weight:600;}
.mainBox .main10 .wrapBox .title .subTit {display:block; margin-bottom:16px; letter-spacing:-1.35px; font-size:20px; font-weight:500; color:#5C5C5C;}
}
.mainBox .main10 .wrapBox .content {box-sizing:border-box; position:relative; padding:0; width:100%; height:258px; overflow:hidden;} 
.mainBox .main10 .wrapBox .content ul {box-sizing:border-box; position:absolute; top:0; padding:10px 0; height:100%;} 
.mainBox .main10 .wrapBox .content ul:after {display:block; clear:both; content:"";}
.mainBox .main10 .wrapBox .content ul li {box-sizing:border-box; float:left; margin-right:20px; padding:20px; width:300px; border-radius:10px; box-shadow:-2px -2px 14px 0 rgba(0,0,0,0.14);}
.mainBox .main10 .wrapBox .content ul li .img {display:inline-block; margin-bottom:8px; width:100%; height:50px; text-align:left;}
.mainBox .main10 .wrapBox .content ul li .img .icon {display:inline-block; width:50px; height:50px;}
.mainBox .main10 .wrapBox .content ul li .txt {display:block; width:100%; text-align:left;}
.mainBox .main10 .wrapBox .content ul li .txt .tit {display:block; margin-bottom:10px; letter-spacing:-1px; font-size:18px; font-weight:600;}
.mainBox .main10 .wrapBox .content ul li .txt .con {display:block; height:54px; letter-spacing:-0.65px; font-size:13px; font-weight:500; color:#5C5C5C;}


.mainBox .main11 {width:100%; text-align:center; background-color:#edf4f8;}
.mainBox .main11 .wrapBox {position:relative; margin:0 auto; padding:120px 0 60px; width:100%;}
.mainBox .main11 .wrapBox .title {margin-bottom:60px; width:100%;}
.mainBox .main11 .wrapBox .title .mainTit {display:block; letter-spacing:-1.5px; font-size:30px; font-weight:600;}
@media screen and (min-width:1201px) {
.mainBox .main11 .wrapBox .content {box-sizing:border-box; display:block; position:relative; padding:20px 0; width:100%; height:476px; overflow:hidden;} 
.mainBox .main11 .wrapBox .content ul {box-sizing:border-box; position:relative; width:calc(4 * 1040px); height:100%; left:-620px;}
.mainBox .main11 .wrapBox .content ul li {box-sizing:border-box; float:left; margin:0 20px; padding:30px; width:100%; max-width:1000px; height:100%; background-color:#fff; box-shadow:4px 4px 20px 0 rgba(0,0,0,0.14);}
.mainBox .main11 .wrapBox .content ul li .img {float:left; width:40%; height:100%; border-radius:6px; overflow:hidden;}
.mainBox .main11 .wrapBox .content ul li .img .wrap {width:100%; height:100%; transition:all 0.2s;}
.mainBox .main11 .wrapBox .content ul li .img:hover .wrap {transform:scale(1.1);}
.mainBox .main11 .wrapBox .content ul li .txt {float:right; position:relative; width:50%; height:100%; text-align:left;}
.mainBox .main11 .wrapBox .content ul li .txt .subTit {display:block; margin-bottom:14px; font-size:15px; font-weight:500; color:#b3b3b3;}
.mainBox .main11 .wrapBox .content ul li .txt .mainTit {display:block; margin-bottom:30px; font-size:28px; font-weight:600;}
.mainBox .main11 .wrapBox .content ul li .txt .con {display:block; font-size:16px; font-weight:500; color:#434343;}
.mainBox .main11 .wrapBox .content ul li .txt .applyBtn {display:inline-block; position:absolute; bottom:0; right:0; padding:10px 30px; font-size:14px; font-weight:500; color:#fff; background-color:#4c90ff; border-radius:4px; cursor:pointer; transition:all 0.2s;}
.mainBox .main11 .wrapBox .content ul li .txt .applyBtn:hover {background-color:#3D51E0;}
.mainBox .main11 .wrapBox .content .leftBlind {position:absolute;left:0;bottom:0;width:26%;height:100%;background:linear-gradient(to right, #edf4f8 30%, transparent 70%);}
.mainBox .main11 .wrapBox .content .rightBlind {position:absolute;right:0;bottom:0;width:26%;height:100%;background:linear-gradient(to left, #edf4f8 30%, transparent 70%);}
}
@media screen and (max-width:1200px) {
.mainBox .main11 .wrapBox .content {box-sizing:border-box; display:block; position:relative; padding:20px 0; width:100%; overflow:hidden;} 
.mainBox .main11 .wrapBox .content ul {box-sizing:border-box; position:relative; width:calc(4 * 340px); height:100%; left:0;}
.mainBox .main11 .wrapBox .content ul li {box-sizing:border-box; float:left; margin:0 20px; padding:20px; width:300px; height:100%; background-color:#fff; box-shadow:4px 4px 20px 0 rgba(0,0,0,0.14);}
.mainBox .main11 .wrapBox .content ul li .img {margin:0 auto 20px; width:90%; height:200px; border-radius:6px; overflow:hidden;}
.mainBox .main11 .wrapBox .content ul li .img .wrap {width:100%; height:100%; transition:all 0.2s;}
.mainBox .main11 .wrapBox .content ul li .img:hover .wrap {transform:scale(1.1);}
.mainBox .main11 .wrapBox .content ul li .txt {margin:0 auto; position:relative; width:90%; height:100%; text-align:left;}
.mainBox .main11 .wrapBox .content ul li .txt .subTit {display:block; margin-bottom:14px; font-size:15px; font-weight:500; color:#b3b3b3;}
.mainBox .main11 .wrapBox .content ul li .txt .mainTit {display:block; margin-bottom:30px; font-size:28px; font-weight:600;}
.mainBox .main11 .wrapBox .content ul li .txt .con {display:block; margin-bottom:20px; font-size:16px; font-weight:500; color:#434343;}
.mainBox .main11 .wrapBox .content ul li .txt .applyBtn {display:inline-block; position:relative; padding:10px 30px; font-size:14px; font-weight:500; color:#fff; background-color:#4c90ff; border-radius:4px; cursor:pointer; transition:all 0.2s;}
.mainBox .main11 .wrapBox .content ul li .txt .applyBtn:hover {background-color:#248CCE;}
.mainBox .main11 .wrapBox .content .leftBlind {display:none;}
.mainBox .main11 .wrapBox .content .rightBlind {position:absolute;right:0;bottom:0;width:30%;height:100%;background:linear-gradient(to left, #edf4f8 0%, transparent 100%);}
}
.mainBox .main11 .wrapBox .content ul:after {display:block; clear:both; content:"";}


.mainBox .main12 {width:100%; text-align:center;}
.mainBox .main12 .wrapBox {position:relative; margin:0 auto; padding:120px 0 120px; width:100%; max-width:1200px;}
.mainBox .main12 .wrapBox .title {width:100%; color:#fff;}
.mainBox .main12 .wrapBox .title .mainTit {display:block; margin-bottom:16px; letter-spacing:-1.5px; font-size:44px; font-weight:800;}
.mainBox .main12 .wrapBox .title .subTit {display:block; margin-bottom:16px; letter-spacing:-1px; font-size:21px; font-weight:500;}
@media screen and (max-width:1200px) {
	.mainBox .main12 .wrapBox .title .mainTit {font-size:32px;}	
}

.mainBox .bottomBannerBox {margin-bottom:112px; width:100%;}
.mainBox .bottomBannerBox .wrapBox {margin:0 auto; width:100%; max-width:1200px;}

.mainBox .notifyBox {width:100%; background-color:#FAFAFA;}
.mainBox .notifyBox .wrapBox {box-sizing:border-box; margin:0 auto; padding:30px 0; width:100%; max-width:1200px; height:88px; font-size:18px;}
.mainBox .notifyBox .wrapBox .notiTit {box-sizing:border-box; margin-right:17px; font-weight:600; color:#1F1F1F;}
.mainBox .notifyBox .wrapBox .notiCon {box-sizing:border-box; text-decoration:underline; font-weight:300; color:#6C6C6C;}
.mainBox .notifyBox .wrapBox .notiCon .bold800 {font-weight:800;}