@charset "UTF-8";



/*main_common*/
#real_contents {background-color: #f3f3f3;}



/* main_con1 */
.main_con1 {position: relative; overflow: hidden;}
.main_con1_bg {position: relative; overflow: hidden;}
.main_con1_bg .left {position: relative; float: left; height: 630px; width: 80px; background-color: #f3f3f3;}
.main_con1_bg .right {position: relative; float: left; width: calc(100% - 80px);}
.main_con1_bg .right #bgslide {}
.main_con1_bg .right #bgslide .item {width: 100%; height: 630px;}
.main_con1_bg .right #bgslide .item.item1 {background-image: url('/template/foundation/user/images/main/main_con1_bgslide01.jpg'); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.main_con1_bg .right #bgslide .item.item2 {background-image: url('/template/foundation/user/images/main/main_con1_bgslide02.jpg'); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.main_con1_bg .right #bgslide .item.item3 {background-image: url('/template/foundation/user/images/main/main_con1_bgslide03.jpg'); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.main_con1_bg .right #bgslide .item.item4 {background-image: url('/template/foundation/user/images/main/main_con1_bgslide04.jpg'); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.main_con1_bg .right #bgslide .item.item5 {background-image: url('/template/foundation/user/images/main/main_con1_bgslide05.jpg'); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.main_con1_bg .right #bgslide .item.item6 {background-image: url('/template/foundation/user/images/main/main_con1_bgslide06.jpg'); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.main_con1_bg .right .slick-dots {bottom: auto; left: -45px; top: 50%; margin-top: -75px;}
.main_con1_bg .right .slick-dots li {display: block; width: 15px; height: 15px; margin-bottom: 10px;padding: 3px;}
.main_con1_bg .right .slick-dots li button {position: relative; padding: 0; width: 9px; height: 9px; background-color: #bfbfbf; border-radius:50%; z-index: 10;}
.main_con1_bg .right .slick-dots li button:before {display: none;}
.main_con1_bg .right .slick-dots li.slick-active {padding: 0;}
.main_con1_bg .right .slick-dots li.slick-active button {width: 15px; height: 15px; border: 3px solid #025b9e; background-color: #fff;}

.main_con1_real {position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.main_con1_real .container {padding: 100px 0 95px 130px;}
.main_con1_real .main_con1_box {position: relative; }
#main_con1_slide .item {margin-bottom: 50px;}
#main_con1_slide .item .left {display: table-cell; width: 52.2%; vertical-align: top; -webkit-box-shadow: 13px 14px 40px 0px rgba(0, 0, 0, 0.31);;
-moz-box-shadow: 13px 14px 40px 0px rgba(0, 0, 0, 0.31);;
box-shadow: 13px 14px 40px 0px rgba(0, 0, 0, 0.31);;}
#main_con1_slide .item .left .img_box {position: relative; width: 100%; height: 100%; font-size: 0; overflow: hidden;}
#main_con1_slide .item .left .img_box .inner_box {position: relative; left: 0;top: 0; width: 100%; height: 100%; font-size: 0;}
#main_con1_slide .item .left .img_box .inner_box img {width: 100%; height: 100%; vertical-align: middle;}

#main_con1_slide .item .right {position: relative; display: table-cell; width: 48%; padding: 11% 0 0 75px; vertical-align: top;}
#main_con1_slide .item .right p {margin-bottom: 10px; color: #fff; font-size: 1.222em;}
#main_con1_slide .item .right h2 {margin-bottom: 60px; font-size: 2.222em; color: #fff;     word-break: keep-all;}
#main_con1_slide .item .right a.link_btn {position: absolute; bottom: 0;  display: block; width: 145px; height: 50px; line-height: 50px; background-color: #f3f3f3; color: #036eb8; text-align: center;}

.main_con1_real .main_con1_box .main_con1_slide_bg {position: absolute; top: 65px; left: 50%; width: 200%; height: calc(100% - 50px); margin-left: -40px; background-image: url('/template/foundation/user/images/main/main_con1_slide_bg.png'); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; z-index: -1;}

.slide_ctrlbox {position: absolute; left: 0; bottom: -15px; width: 100%; height: 65px; z-index: 2;}
.slide_ctrlbox .ctrl_auto {width: 500px;}

.slide_ctrlbox .ctrl_move {position: absolute; top: -50px; right: 0; width: 100px; }
.slide_ctrlbox .ctrl_move button {display: block; float: left; width: 50px; height: 50px; line-height: 50px; font-size: 28px; border: 1px solid rgba(255, 255, 255, 0.5); color: #fff;}

.ctrl_auto {padding-top: 20px;}
.ctrl_num {float: left; margin-right: 20px;}
.ctrl_num .now_num { font-size: 1.444em; color: #fff;}
.ctrl_num .total_num,.ctrl_num .mid {font-size: 1.111em; color: rgba(255, 255, 255, 0.5);}

.ctrl_auto_bar {position: relative; float: left; width: 360px; height: 2px; margin-right: 25px;}
.ctrl_auto_bar .bar_bg {position: absolute; left: 0; top: 17px; width: 100%; height: 2px; background-color: #fff; z-index: 1;}
.ctrl_auto_bar .bar {position: absolute; left: 0; top: 17px; width: 0; height: 2px; background-color: #ffbd51; z-index: 2;}

.btn_box > button {width: 35px; height: 35px; line-height: 33px; border-radius:50%; border: 1px solid #f3f3f3; text-align: center; color: #fff;}
.btn_box > button.ctrl_play {display: none;}
.btn_box > button.ctrl_stop {}



/* main_con2 */
.main_con2 { padding: 90px 0; background-image: url('/template/foundation/user/images/main/main_con2_bg.png'); -webkit-background-size: cover;
background-size: cover; background-position: center center;	 background-repeat: no-repeat; overflow: hidden;}
.main_con2_tit_box {position: relative; width: 270px;}
.main_con_tit {}
.main_con_tit h1 {margin-bottom: 25px; font-size: 2.778em; font-family: 's-core-dream' ; font-weight: 400;}
.main_con_tit p.txt {margin-bottom: 30px; font-family: 's-core-dream' ; font-weight: 400; line-height: 1.7em;}
.main_con_tit .arr_img {margin-bottom: 120px;}


.main_con2_box_wrap {}
.main_con2_box_wrap .box {float: left; width: 31.25%; height: 200px; margin: 0 3.125% 0 0; }
.main_con2_box_wrap .box:last-child {margin: 0;}
.main_con2_box_wrap .box a {position: relative; display: block; width: 100%; height: 100%; padding: 35px 120px 35px 35px;  background-color: #fff; border: 5px solid #fff;}
.main_con2_box_wrap .box a:hover {border-style: solid; border-image: linear-gradient(135deg, #8ac5ee 50%, #006fbe 100%);  border-image-width: 5px; border-image-slice: 1; -webkit-box-shadow: 7px 8px 24px 0px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 7px 8px 24px 0px rgba(0, 0, 0, 0.08);
box-shadow: 7px 8px 24px 0px rgba(0, 0, 0, 0.08);}
.main_con2_box_wrap .box a:after {display: none;}
.main_con2_box_wrap .box a:hover:after {content: ''; position: absolute; right: -15px; bottom: -15px; display: block; width: 50px; height: 50px; background: url('/en/template/foundation/user/images/main/main_con2_box_plus.jpg') no-repeat; z-index: 2;}

.main_con2_box_wrap .box a .left {}
.main_con2_box_wrap .box a .left .tit {position: relative; display: inline-block; margin-bottom: 25px; padding: 0 5px; font-size: 30px; font-weight: 700; color: #036eb8; word-break:keep-all; z-index: 1;}
.main_con2_box_wrap .box a .left .tit:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 12px; background-color: #c6e8ff; z-index: -1; }
.main_con2_box_wrap .box a .left .txt {padding: 0 5px; line-height: 28px; word-break:keep-all;}
.main_con2_box_wrap .box a .right {position: absolute; right: 30px; bottom: 30px;}










/* main_con3 */

.main_con3 {padding: 80px 0px 60px; background-image:url('/template/foundation/user/images/main/bg_main_con3.png'); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;}
.main_con3_tit_box {float: left; width: 50%;}

.main_con3_tit_box .main_con_tit h1 {color: #fff;}
.main_con3_tit_box .main_con_tit p.txt {color: #fff;}


.main_con3_btn_box {margin-bottom: 10px; overflow: hidden;}
/* .main_con3_btn_box > button {display: inline-block; margin-right: 15px; padding: 8px 15px; border: 1px solid #fff; border-radius: 25px; color: #fff; text-align: center;} */


.main_con3_btn_box > button {position: relative; float: left; display: table; width: 127px;  margin-right: 10px; border: 1px solid #bec2d0; color: #fff; text-align: center;}

.main_con3_btn_box > button:before {content: ''; position: absolute; right: 0; top: 0; display: block; width: 15px; height: 1px; background-color: #bec2d0;     -webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);    transform-origin: right;}
.main_con3_btn_box > button:after {content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 15px; height: 1px; background-color: #bec2d0; -webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);    transform-origin: left;}

.main_con3_btn_box > button > div {display: table; width: 100%; height: 127px; padding: 0 10px;}
.main_con3_btn_box > button span {display: table-cell; width: 100%; word-break: keep-all; vertical-align: middle;}
.main_con3_btn_box > button.btn4 {margin-right: 0;}
.main_con3_btn_box > button.on {border: 1px solid #f39700; background-color: #f39700; color: #fff;}



.main_con3_slide_box {position: absolute; right: 0; top: 0; width: 50%; -webkit-box-shadow: 7px 8px 24px 0px rgba(0, 0, 0, 0.23);;
-moz-box-shadow: 7px 8px 24px 0px rgba(0, 0, 0, 0.23);;
box-shadow: 7px 8px 24px 0px rgba(0, 0, 0, 0.23);;}
.main_con3_slide_box .slide_ctrl_box {position: absolute; right: -50px; top: 0;}
.main_con3_slide_box .slide_ctrl_box button {display: block; width: 50px; height: 50px; line-height: 50px; background-color: #fff; text-align: center; }
.main_con3_slide_box .slide_ctrl_box button.ctrl_move_right {background-color: #006fbe; color: #fff;}

#main_con3_slide .item {position: relative; }
#main_con3_slide .item p {position: absolute; bottom: 25px; left: 30px; color: #fff; font-size: 1.333em;}



.main_con3_tit_box .slide_ctrl_box {display: none; position: absolute; right: 0px; top: 0;}
.main_con3_tit_box .slide_ctrl_box button {display: block; float: left; width: 50px; height: 50px; line-height: 50px; background-color: #fff; text-align: center; }
.main_con3_tit_box .slide_ctrl_box button.ctrl_move_right {background-color: #006fbe; color: #fff;}










/* main_con4 */
.main_con4 {position: relative; padding:0 0 120px 0; background-color:#f2e3ce; overflow: hidden;}
.main_con4 .main_con4_top {padding: 70px 0;}
.main_con4 .main_con_tit .arr_img {margin-bottom: 0;}
.main_con4 .bg_box_wrap {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5;}


.main_con4 .bg_box_wrap .bg_box {position: absolute;}
.main_con4 .bg_box_wrap .bg_box_big {position: absolute; width: 1920px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.main_con4 .bg_box_wrap .bg_box_big div {text-align: right;}
.main_con4 .bg_box_wrap .bg_box01 {position: absolute; left: 0px; top:-360px; z-index: 2;}
.main_con4 .bg_box_wrap .bg_box02 {position: absolute; left: 32%;top: -94px; z-index: 2; }

.main_con4 .bg_box_wrap .bg_box03 {position: absolute; left: 30%; bottom: 30px; z-index: 2; }
.main_con4 .bg_box_wrap .bg_box04 {position: absolute; left: 40%; top: 110px; z-index: 2; }
.main_con4 .bg_box_wrap .bg_box05 {position: absolute; left: 2%; bottom: 110px; z-index: 2; }
.main_con4 .bg_box_wrap .bg_box06 {position: absolute; right: 40%; bottom: 110px; z-index: 2; }
.main_con4 .bg_box_wrap .bg_box07 {position: absolute; right: 20%; top: 110px; z-index: 2; }


.main_con4 .main_con4_bottom {position: absolute; left: 0; bottom: 0; width: 100%; height: 155px; padding-top: 35px;  z-index: 2;}
.main_con4 .main_con4_bottom .family_box_wrap {display: block; width: 100%; height: 100%; background-color: rgba(216, 172, 131, 0.7);}
.main_con4 .main_con4_bottom .family_box {position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; overflow: hidden;}
.main_con4 .main_con4_bottom .family_box a  {float: left; display: table; width: 16%;}
.main_con4 .main_con4_bottom .family_box a .box {display: table-cell; width: 100%; height: 120px;	padding: 0 15px; vertical-align: middle; text-align: center;}
.main_con4 .main_con4_bottom .family_btn {position: absolute; left: 50%; top:0; width: 70px; height: 35px;  margin-left: -35px; padding-top: 10px;background-image: url('/template/foundation/user/images/main/family_btn_bg.png'); background-repeat: no-repeat; color: #fff; text-align: center;}
.main_con4 .main_con4_bottom .family_btn i {font-size: 24px;}
.main_con4 .main_con4_bottom .family_btn.minus {display: none;}