@charset "UTF-8";

#sub {width:1200px; margin:0 auto;}
#sub3 {width:100%; margin:0 auto;min-width:1200px; max-width:1800px; padding:2%; box-sizing:border-box; }
#sub2 {width:100%; float:left;}
#sub4 {width:100%; margin:0 auto;min-width:1200px; max-width:1800px; padding:2%; box-sizing:border-box; }

h3.guide {font-size:30px; border-bottom:1px solid #ddd;  color:#666; font-weight:500; width:100%; display:inline-block; text-align:center;  min-width:1200px; padding-bottom:5px; margin-bottom:50px; }

.sub_nav {width:100%; float:left; text-align:center; margin-top:10px; margin-bottom:50px;}
.sub_nav li {width:180px; text-align:center; display:inline-block; background-color:#fff; border:2px solid #f1f1f1;   box-sizing:border-box; line-height:48px; font-size:16px; font-weight:300; }
.sub_nav li a  { color:#666 !important; letter-spacing:0px; width:100%; display:inline-block;}
.sub_nav li.ov {background-color:#f9f9f9; border:2px solid #f9f9f9;    }
.sub_nav li.ov a  { color:#333 !important; text-decoration:underline; letter-spacing:0px; width:100%; display:inline-block;}


.sub_nav2 {width:100%; float:left; text-align:center; margin-top:10px; margin-bottom:50px;}
.sub_nav2 li {width:auto; text-align:center; display:inline-block; background-color:#fff; border:2px solid #f1f1f1;   box-sizing:border-box; line-height:40px; font-size:16px; font-weight:300; }
.sub_nav2 li a  { color:#666 !important; letter-spacing:0px; padding:0 40px; display:inline-block;}
.sub_nav2 li.ov {background-color:#f9f9f9; border:2px solid #f9f9f9;    }
.sub_nav2 li.ov a  { color:#333 !important; text-decoration:underline; letter-spacing:0px;  display:inline-block;}



#sub3 .people_list {width:13%; float:left; margin-right:2%;}
#sub3 .people_list li {font-size:16.5px; line-height:1.3em; padding:4px 0;}
#sub3 .people_list li  a { color:#777;}
 #sub3 .people_list li.ov {font-weight:600;   text-decoration:underline; }
#sub3 .people_list li.ov  a { color:#333;}


#sub2 .people  {width:73%; margin:0 auto; min-width:1200px;   }
#sub2 .people li {width:25%; box-sizing:border-box;  text-align:center; float:left; }
#sub2 .people li .t1 {font-size:17px; font-weight:500; color:#555; width:100%; display:inline-block; padding-top:5px;}
 #sub2 .people li .t2 {font-size:15px; font-weight:400; color:#999;  letter-spacing:0.3px;}


#sub3 .people_info  {width:47%; float:right;  line-height:1.5em; }
#sub3 .people_info span {width:100%; float:left; padding-bottom:10px;}
#sub3 .people_info .t1 {font-size:30px; font-weight:500; color:#666;}
#sub3 .people_info .t2 {font-size:25px; font-weight:500; color:#666;}
#sub3 .people_info .t3 {font-size:15px; line-height:1.4em; font-weight:300; color:#666;}

#sub3 .people_info ul {width:100%; float:left; border-top:1px solid #ddd ; margin-top:5px; padding-top:15px}
#sub3 .people_info ul li {width:100%; display:inline-block; font-size:15px; font-weight:300; color:#666; padding-bottom:10px;}
#sub3 .people_info ul li  span {padding-bottom:0;  color:#666; text-decoration:underline; font-weight:600; }
#sub3 .people_info ul li p { font-size:15px; font-weight:300; color:#666; }

#sub3 .people_info .photo {width:100%; float:left; border-top:none; margin-top:0; padding-top:0}
#sub3 .people_info .photo li {width:23%; margin-right:2.6%; float:left;}
#sub3 .people_info .photo li:nth-child(4) {float:right; margin-right:0;}
#sub3 .people_info .photo li:nth-child(8) {float:right; margin-right:0;}
#sub3 .people_info .photo li:nth-child(12) {float:right; margin-right:0;}
#sub3 .people_info .photo li:nth-child(16) {float:right; margin-right:0;}
#sub3 .people_info .photo li:nth-child(20) {float:right; margin-right:0;}
 

#sub3  .photo_list {width:100%; float:left;}
#sub3  .photo_list li {width:23%; margin-right:2.6%; float:left;}
 #sub3 .photo_list li:nth-child(4) {float:right; margin-right:0;}


 
#sub .schedule {width:100%; float:left;  }
 .color1 {background-color:#fdf0f6;}
.color2 {background-color:#dcf3fc;}
.color3 {background-color:#fdf0fc;}
.color4 {background-color:#dcfcf6;}

#sub .schedule h3 {font-size:22px; font-weight:500; text-align:Center; border-bottom:1px solid #f1f1f1; color:#666; width:100%; float:left; padding-bottom:5px; margin-bottom:15px;}
#sub .schedule li {color:#666; font-size:15px;}
#sub .schedule table {width:100%; float:left; margin-top:10px;}
#sub .schedule th {  width:14.2857%; border:1px solid #fff; background-color:#fdf0f6; color:#111; padding:12px 20px; text-align:left; font-size:15px; font-weight:400; letter-spacing:1px; }
#sub .schedule td {  width:14.2857%; border:1px solid #f1f1f1; color:#666; vertical-align:top; padding:11px 20px; line-height:40px; text-align:left; font-size:15px; font-weight:300 }
#sub .schedule td  a.one {width:40px; text-align:center;  display:inline-block; border-radius:50%; margin-left:-10px;}
#sub .schedule td p {width:85px; float:right; font-size:15px; line-height:1.4em;}
#sub .schedule td p a:hover {text-decoration:underline;}

#sub h2 {font-size:25px; font-weight:600; color:#666; }
#sub h3 {font-size:22px; font-weight:600; color:#666;}
#sub h4 {font-size:19px; font-weight:600; color:#777;}

#sub .info {font-size:16px; line-height:1.5em; color:#888;}
#sub .info .t1 {font-size:22px; line-height:1.5em; color:#666; font-weight:500}
#sub .info .t2 {font-size:18px; line-height:1.5em; color:#666; font-weight:500}


#sub .ceo  div {width:100%;  display:inline-block; font-size:16px; color:#888; line-height:1.8em; margin-top:10px; text-align:center; }
#sub .ceo div h3 {width:100%; display:inline-block; padding-bottom:5px; margin-bottom:10px;    }
  
 #sub .business {width:90%; float:left; margin-left:5%;}
#sub .business div {width:200px; float:left; margin-right:20px;}
#sub .business div:last-child {float:right; margin-right:0px;}
#sub .business p {width:200px; text-align:Center; vertical-align:middle; display:table-cell; height:200px; background:url('/common/img/sub/one_bg.jpg') no-repeat; border-radius:50%; font-size:17px; font-weight:500; line-height:1.3em; color:#777 }
#sub .business span {color:#56c3f0; font-size:22px; font-weight:700; padding-bottom:5px; width:100%; display:inline-block;} 



#sub .organization {width:100%; float:left; position:relative; height:250px; background:url('/common/img/sub/organization_bg.jpg') no-repeat center bottom;  }
#sub .organization div.type1 {width:300px; position:absolute; left:50%; top:0; margin-left:-150px;  text-align:center; height:65px; font-size:20px; font-weight:600; color:#fff; }
#sub .organization div.type1:nth-child(1) { background-color:#f0b4d1}
#sub .organization div.type1:nth-child(2) {top:90px; background-color:#56c3f0}
#sub .organization div.type1 p {width:92.5%; line-height:42px; margin-top:10px;border:1px solid rgba(255,255,255,.4); margin-left:3%; }


#sub .organization div.type2 p {width:230px; position:absolute;  top:210px;   text-align:center; line-height:50px; font-size:17px; color:#999;  /*background: linear-gradient(to right, #f0b4d1, #56c3f0);*/ background-color:#f9f9f9; }
#sub .organization div.type2  p:nth-child(2) {left:320px;}
#sub .organization  div.type2 p:nth-child(3) {left:640px;}
#sub .organization  div.type2  p:nth-child(4) {right:0;}

#sub .map {width:100%; float:left;}
#sub .map div {width:500px; height:300px; float:right; background-color:rgba(74,165,204,.8); color:#fff;  box-sizing:border-box; padding:70px 50px; margin-top:-300px; position:relative; font-size:16px; line-height:1.7em; }
#sub .map a {color:#fff !important;}
#sub .contact {width:60%; float:right;}


#sub .map2 {width:35%; float:left;}
#sub .map2 div {  margin-top:20px;color:#777; font-size:14.5px; line-height:1.5em; }

 
#sub  div.one_bg {width:215px; float:left; background:url('/common/img/sub/step_icon.jpg') no-repeat right; margin-right:20px;  }
#sub  div.one_bg:last-child {background:none;}
#sub  div.one_bg p {width:150px; text-align:Center; vertical-align:middle; display:table-cell; height:150px; background-color:#f9f9f9;  border-radius:50%; font-size:16px; line-height:1.3em; font-weight:500; color:#777 }

#sub .bg_box {width:100%; float:left; background-color:#f9f9f9; box-sizing:border-box; padding:15px;}
#sub .border_wrap {width:100%; float:left; border-bottom:1px solid #f1f1f1; padding-bottom:30px; margin-bottom:30px;}