.sub_visual{background:url(/images/sub1/visual.png) no-repeat 50%;}


.sub1 .sub_contents{padding-top:0;}
.sub1 .sub_con1{padding:150px 0; height:730px; background:url(/images/sub1/s1_bg1.png) no-repeat 50%;}
.sub1 .sub_con2{padding:150px 0; height:730px; background:url(/images/sub1/s1_bg2.png) no-repeat 50%;}
.sub1 .sub_con2 .inbox{padding-left:660px;}
.sub1 .sub_con3{padding:150px 0; height:880px; background:url(/images/sub1/s1_bg3.png) no-repeat 50%;}

.sub1 .sub_con4 .slide_box{padding-bottom:67px;}
.sub1 .sub_con4 .slide_box li{position:relative; height:700px;}
.sub1 .sub_con4 .slide_box li div{position:absolute;left:0; bottom:-65px;  padding: 70px 50px; background-color:#3d848d; width:700px}
.sub1 .sub_con4 .slide_box li div h6{color:#fff; font-weight:300; line-height:1.4em; font-size:35px; margin-bottom:20px}
.sub1 .sub_con4 .slide_box li div h6 font{display:inline-block; width:35px; height:35px; line-height:37px; color:#5bb1bc; background-color:#265b62; font-size:20px; border-radius:50%;text-align:center; vertical-align:middle; padding-right:2px;}
.sub1 .sub_con4 .slide_box li div p{color:#fff; font-size:20px; line-height:1.5em}
.sub1 .swiper-pagination{position:absolute; bottom:20px; left:0; text-align:right}
.sub1 .swiper-pagination span{display:inline-block; width:35px; height:35px; border:1px solid #3d848d; color:#3d848d; text-align:center; border-radius:50%; line-height:37px; font-size:17px; margin:0 5px}
.sub1 .swiper-pagination span.swiper-pagination-bullet-active{background-color:#3d848d; border:0; color:#fff}




.sub1 .sl1{background:url(/images/sub1/s1_con1_1.png) no-repeat 50%;}
.sub1 .sl2{background:url(/images/sub1/s1_con1_2.png) no-repeat 50%;}


.sub1 .program_list {position:relative; margin-top:45px;} 
.sub1 .program_list ul{float:right;}
.sub1 .program_list ul li{width:400px;}
.sub1 .program_list ul li strong{position:relative;}
.sub1 .program_list ul li strong::after{position:absolute; top:0; right:30px; content:'●'; font-size:15px; font-weight:bold; color:#fff; opacity:0; height:100px; line-height:100px;}
.sub1 .program_list strong{display:block; padding-left:50px; line-height:100px; height:100px; color:#272727; font-size:22px; font-weight:bold; text-align:left; cursor:pointer; background-color:#f9f9f9;}
.sub1 .program_list ul li.on strong{background-color:#3d848d; font-weight:900; color:#fff;}
.sub1 .program_list ul li.on div{display:block;}
.sub1 .program_list ul li.on strong::after{opacity:1;}
.sub1 .program_list li div{position:absolute; top:0; left:0; display:none;}




.sub2{}
.sub2 .titlebox{margin-bottom:0;}
.sub2 .intro_box{overflow:hidden;}
.sub2 .intro_box .inbox{padding: 80px 0 50px  740px }
.sub2 .intro_box  h6{color:#272727; font-size:40px; font-weight:300; margin-bottom:25px;}
.sub2 .intro_box  h6 strong{font-weight:900;}
.sub2 .intro_box  h6 span{display:block; color:#3d848d; font-weight:900; font-size:25px; margin-top:10px}
.sub2 .intro_box p{color:#272727; font-size:17px; font-weight:400; line-height:1.8em}

.sub2 .sub_con1 .inbox{background:url(/images/sub1/s2_dr1.png) no-repeat 80px 100%;}
.sub2 .sub_con2{padding-top:90px;}
.sub2 .sub_con2 .inbox{height:610px;background:url(/images/sub1/s2_dr2.png) no-repeat 80px 100%;}

.sub2 .roll{padding:50px 0;font-size:0;}
.sub2 .roll span{display:inline-block; width:50%; padding:0 6px;    animation: loop 50s infinite linear 1s both;  -webkit-animation: loop 50s infinite linear 1s both;}

.sub2 .sub_con1 .roll{ width:5896px; }
.sub2 .sub_con2 .roll{width: 3869px;}


 .sub3 .sub_con1 .inbox{width:}
.sub3 .sub_con1 .inbox{position:relative;}
.sub3 .sub_con1 .inbox .slide_btn{}
.sub3 .sub_con1 .inbox .slide_btn>span{position:absolute; top:50%; margin-top:-85px;}
.sub3 .sub_con1 .l_bt{left:0;}
.sub3 .sub_con1 .r_bt{right:0;}

.sub3 .sub_con2 li{width:33.33%; text-align:center; float:left; margin-bottom:40px}
.sub3 .sub_con2 li p{margin-top:10px; color:#272727; font-size:17px}



 .sub4 .sub_con1 .inbox{position:relative; height:450px; background:url(/images/sub1/s4_con1.png) no-repeat 50%}
 .sub4 .sub_con1 .inbox a{position:absolute; bottom:75px; right:50px}
 
  .sub4 .sub_con2 .inbox{position:relative; height:600px; background:url(/images/sub1/s4_con2.png) no-repeat 50%}