@charset "utf-8";

.sublist02 .listbox{position:relative;padding:0;height:529px;overflow:hidden;}
.sublist02 .slider .item{padding:15px;}
.sublist02 .slider .item:focus{outline:none;}
.sublist02 .slider .item h3{position:relative;z-index:1;padding-left:15px;margin:20px 0 0 30px}
.sublist02 .slider .item h3:before{position:absolute;top:4px;left:0;content:'';display:block;width:4px;height:24px;background:#145188;}
.sublist02 .slider .item h3 a{display:inline-block;padding-right:50px;background:url('../imgs/sub/utobe_btn2.png') no-repeat 100% 50%;}
.sublist02 .slider .item .itemWrap img{max-width:100%;}
.sublist02 .slider button.slick-arrow{position:absolute;top:50%;z-index:1;margin-top:-19px;width:38px;height:38px;text-indent:-9999px;overflow:hidden;}
.sublist02 .slider button.slick-prev{left:10px;background:url('../imgs/sub/slick_prev.png') no-repeat}
.sublist02 .slider button.slick-next{right:10px;background:url('../imgs/sub/slick_next.png') no-repeat;}
.sublist02 .slider{visibility:hidden;opacity:0;transition:opacity 0.1s;}
.sublist02 .slider.slick-initialized{visibility:visible;opacity:1;}
.sublist02 .slider .item{display:none}
.sublist02 .slider .item:first-child{display:block;visibility:hidden;}
.sublist02 .slider.slick-initialized .item{display:block;visibility:visible !important;}


.sublist02 .item1{text-align:center;}
.sublist02 .item1 .itemWrap{display:inline-block;margin-top:70px;height:366px;padding-left:410px;background:url('../imgs/sub/slide1_img.png') no-repeat 0 50%;}
.sublist02 .item1 .itemWrap img{margin-top:90px;}

.sublist02 .item2{height:499px;background:url('../imgs/sub/slide2_bg.png') no-repeat 0 100%;background-size:100% auto;}
.sublist02 .item2 .itemWrap{opacity:0;transform:translate(0,-50%);margin:35px auto 0;width:90%;height:338px;padding-left:400px;background:url('../imgs/sub/slide2_img.png') no-repeat 0 50%;box-sizing:border-box;}
.sublist02 .item2 .itemWrap img{margin-top:70px;}
.sublist02 .item2 .itemWrap.on{opacity:1;transform:translate(0,0);transition:all .5s;}

.sublist02 .item3 .itemWrap{text-align:center;margin-top:40px;text-align:center;}
.sublist02 .item3 li{opacity:0;transform:translate(0,-50%);position:relative;display:inline-block;font-size:17px;color:#fff;margin:15px auto;padding-left:150px;}
.sublist02 .item3 li span{position:absolute;top:0;left:0;display:block;width:75px;height:75px;padding:16px 0;font-weight:bold;border-radius:100px;vertical-align:middle;box-sizing:border-box;}
.sublist02 .item3 li p{display:table-cell;width:430px;height:75px;padding:0 10px;text-align:center;border-radius:50px;vertical-align:middle;margin:0;word-break:keep-all;}
.sublist02 .item3 li p:before{position:absolute;top:50%;left:96px;margin-top:-5px;content:'';display:block;width:10px;height:10px;border-radius:100px;}
.sublist02 .item3 li p:after{position:absolute;top:50%;left:106px;z-index:-1;content:'';display:block;width:50%;height:1px;}

.sublist02 .item3 li.list1 span{background:#2d9bbe;border:7px solid #38a5c8;}
.sublist02 .item3 li.list1 p, .sublist02 .item3 li.list1 p:before, .sublist02 .item3 li.list1 p:after{background:#2d9bbe;}
.sublist02 .item3 li.list2 span{background:#119698;border:7px solid #23a2a4;}
.sublist02 .item3 li.list2 p, .sublist02 .item3 li.list2 p:before, .sublist02 .item3 li.list2 p:after{background:#119698;}
.sublist02 .item3 li.list3 span{background:#de5b5b;border:7px solid #e46f6f;}
.sublist02 .item3 li.list3 p, .sublist02 .item3 li.list3 p:before, .sublist02 .item3 li.list3 p:after{background:#de5b5b;}

.sublist02 .item3 .itemWrap.on li{opacity:1;transform:translate(0,0);transition:all .5s;}
.sublist02 .item3 .itemWrap.on li.list2{transition-delay:.4s;}
.sublist02 .item3 .itemWrap.on li.list3{transition-delay:.8s;}

.sublist02 .item4 .itemWrap{margin:40px auto 0;width:90%;}
.sublist02 .item4 li{opacity:0;transform:translate(0,-20px);float:left;width:33.33%;text-align:center;margin-top:65px;}
.sublist02 .item4 li:nth-child(2){margin-top:0;}
.sublist02 .item4 p{opacity:0;transform:translate(0,100%);text-align:center;font-size:18px;color:#222;letter-spacing:-1px;}
.sublist02 .item4 p img{vertical-align:-7px;}

.sublist02 .item4 .itemWrap.on li, .sublist02 .item4 .itemWrap.on p{opacity:1;transform:translate(0,0);transition:all .5s;}
.sublist02 .item4 .itemWrap.on li:nth-child(2){transition-delay:.4s;}
.sublist02 .item4 .itemWrap.on li:nth-child(3){transition-delay:.8s;}
.sublist02 .item4 .itemWrap.on p{transition-delay:1.2s;}
.sublist02 .item4 .itemWrap.on p:nth-of-type(2){transition-delay:1.6s;}

.sublist02 .tabWrap{position:relative;width:90%;min-height:370px;margin:35px auto 0;}
.sublist02 .tabWrap li{float:left;width:50%;}
.sublist02 .tabWrap li a.tabBtn{position:relative;display:block;width:245px;height:55px;text-align:center;margin:0 auto;border-radius:30px;background:#2d9bbe;}
.sublist02 .tabWrap li a.tabBtn img{margin-top:15px;}
.sublist02 .tabWrap li a.tabBtn:before{position:absolute;right:-18px;bottom:0;content:'';display:block;width:36px;height:38px;background:url('../imgs/sub/utobe_btn2.png') no-repeat 50%;background-size:cover;}
.sublist02 .tabWrap li.on a.tabBtn:after{position:absolute;bottom:-11px;left:50%;margin-left:-11px;content:'';display:block;border-top:11px solid #2d9bbe;border-left:11px solid transparent;border-right:11px solid transparent;}
.sublist02 .tabWrap .tabContent{margin:30px 0;}
.sublist02 .tabWrap .tabContent ul{height:68px;}
.sublist02 .tabWrap .tabContent li{position:relative;float:none;width:auto;padding-left:30px;margin:10px 0 10px 15px;font-size:16px;color:#222;letter-spacing:-1px;}
.sublist02 .tabWrap .tabContent li strong{position:absolute;top:2px;left:0;display:block;font-size:15px;color:#fff;font-weight:normal;text-align:center;width:22px;line-height:22px;background:#2d9bbe;border-radius:100px;}
.sublist02 .tabWrap .tabContent p{text-align:center;margin:30px 0 0;font-size:0;}
.sublist02 .tabWrap .tabContent p img{margin:0 1%;max-width:48%;}

.sublist02 .tabWrap li.list2 a.tabBtn{background:#119698;}
.sublist02 .tabWrap li.list2.on a.tabBtn:after{border-top:11px solid #119698;}
.sublist02 .tabWrap .tabContent.list2 li strong{background:#119698;}

.sublist02 .item7 .imgCir{height:auto;}
.sublist02 .item7 .imgCir li{padding:0;margin:20px 0 0;float:left;width:33.33%;text-align:center;}
.sublist02 .item7 .imgCir span{position:relative;display:inline-block;width:179px;height:179px;padding-top:68px;font-size:17px;color:#fff;text-shadow:0px 3px 3px rgba(0,0,0,0.7);box-sizing:border-box;}
.sublist02 .item7 .imgCir span img{position:absolute;top:0;left:0;z-index:-1;}

.sublist02 .item9{position:relative;height:499px;background:url('../imgs/sub/slide9_bg.png') no-repeat 0 100%;background-size:100% auto;}
.sublist02 .item9:after{position:absolute;top:64px;right:120px;content:'';display:block;width:117px;height:100px;background:url('../imgs/sub/slide9_img.png') no-repeat;}
.sublist02 .item9 .itemWrap{text-align:center;}
.sublist02 .item9 .itemWrap p{text-align:center;margin:160px 0 30px;}
.sublist02 .item9 .itemWrap span{display:inline-block;padding:12px 5px;border-top:1px solid #c8c8c8;font-size:18px;color:#000;letter-spacing:-1px;}

@media all and (max-width:1200px) {
	.sublist02 .item1 .itemWrap{padding-left:50%;max-width:40%;background-size:50% auto;}
	.sublist02 .item2 .itemWrap{padding-left:50%;background-size:50% auto;background-position:5% 50%;}
}
@media all and (max-width:1024px) {
	.sublist02 .listbox{height:auto;}
	
	.sublist02 .item1 .itemWrap{margin-top:20px;}
	.sublist02 .item2 .itemWrap{margin-top:20px;}	
}
@media all and (max-width:768px) {
	.sublist02 .item1 .itemWrap{display:block;padding:300px 0 20px;background-size:auto 300px;background-position:50% 0;max-width:none;height:auto;}
	.sublist02 .item1 .itemWrap img{margin-top:20px;}
	
	.sublist02 .item2{height:auto;}
	.sublist02 .item2 .itemWrap{padding:300px 0 80px;background-size:auto 300px;background-position:50% 0;height:auto;text-align:center;}
	.sublist02 .item2 .itemWrap img{margin-top:10px;}
	
	.sublist02 .item3 li{padding:0;}
	.sublist02 .item3 li span{position:relative;margin:0 auto 50px;}
	.sublist02 .item3 li p{font-size:15px;}
	.sublist02 .item3 li p:before{top:90px;left:50%;margin:0 0 0 -5px;}
	.sublist02 .item3 li p:after{top:95px;left:50%;width:1px;height:40px;}
	
	.sublist02 .tabWrap li a.tabBtn{width:210px;}
	.sublist02 .tabWrap .tabContent ul{height:auto;}
	
	.sublist02 .item9{background-position:50% 100%;height:auto;}
	.sublist02 .item9:after{display:none;}
	.sublist02 .item9 .itemWrap{margin:0 auto 120px;}
	.sublist02 .item9 .itemWrap p{margin:80px 0 30px;}
	.sublist02 .item9 .itemWrap span{font-size:14px;word-break:keep-all;}
}
@media all and (max-width:640px) {
	.sublist02 .tabWrap{margin-top:20px;min-height:615px}
	.sublist02 .tabWrap li{float:none;width:auto;margin:0 0 20px;}
	.sublist02 .tabWrap li a.tabBtn{height:48px;max-width:100%;}
	.sublist02 .tabWrap li a.tabBtn img{margin-top:11px;}
	.sublist02 .tabWrap .tabContent{margin:10px 0;}
	.sublist02 .tabWrap .tabContent li{font-size:15px;}
	.sublist02 .tabWrap .tabContent p{margin:0;}
	.sublist02 .tabWrap .tabContent p img{margin:10px auto;max-width:100%;display:block !important;}
	
	.sublist02 .item7 .tabWrap{min-height:830px}
	.sublist02 .item7 .imgCir{margin-top:20px;}
	.sublist02 .item7 .imgCir li{float:none;width:auto;margin:10px 0;}
}	
@media all and (max-width:480px) {
	.sublist02 .slider .item h3{margin:10px 0 0 5px;}
	.sublist02 .slider .item h3 a{line-height:38px;}
	.sublist02 .slider .item h3 a img{height:18px;}
	
	.sublist02 .item1 .itemWrap{background-size:250px auto;padding-top:240px;}
	.sublist02 .item2 .itemWrap{background-size:225px auto;padding-top:210px;}
	.sublist02 .item4 .itemWrap{margin-top:20px;width:auto;}
	.sublist02 .item4 li{float:none;width:auto;margin:0 0 10px;}
	.sublist02 .item4 li img{height:185px;}
	
	.sublist02 .item9 .itemWrap{margin:0 0 60px;}
}