/*container_1*/
.main_visual{position:relative;width:100%;margin:0 auto;height:509px;text-align:center;z-index:0;}
.main_visual img {background-size:100%;}

.main_w {position: relative; width: 1180px; margin:0 auto; z-index: 9999;}
li.main_title {position:absolute; top:80px; left:340px;}
.main_visual .title {z-index:999; position:absolute; top:100px; left:50%; margin-left:-600px; text-align:left;background:rgba(51,51,51,0.4);padding:10px;width:45%}

.main_visual .title h1,.main_visual .title h2,.main_visual .title h3 {color:#fff; }
.main_visual .title h1 {color:#fff; font-size:50px; font-weight:bold;}
.main_visual .title h2 {font-size:36px; font-weight:500; line-height:60px;}
.main_visual .title h3 {font-size:20px; font-weight:300;}

.main_visual  ul.bullet {position:absolute; top:300px; left:50%; margin-left:-600px; width:100px; height:20px; z-index: 999;}
.main_visual  ul.bullet  li {float:left; width:16px; height:16px;  margin-right:8px; cursor:pointer;}
.main_visual  ul.bullet li.on {width:18px; height:18px;  background:#3d8ed9; border-radius:100%;}
.main_visual  ul.bullet li.off {width:18px; height:18px;  background:#fff; border-radius:100%;}

#slides img {/*width:100%;*/ height:509px; }
.slide {width:1920px !important;}


.visual_menu {position:absolute;  width:1200px; margin-top:-110px; left:50%; margin-left:-601px; height:110px; z-index:9;}
.visual_menu li {float:left; width:199px; height:110px; background:rgba( 20, 67, 137, 0.8); border-right:1px solid #6179a5;}
.visual_menu li:last-child {border-right:none;}
.visual_menu li img {display:block; padding:20px 83px 15px 83px;}
.visual_menu li a {display:block;width:199px; height:110px;  font-size:16px; text-align:center; letter-spacing:-1px; color:#fff;}
.visual_menu li:hover {background-color:#144389;}

.section01{position:relative;height:320px;width:1200px; margin:0 auto; margin-top:30px; overflow:hidden;}
.section02 {position:relative; height:220px;width:1200px; margin:0 auto; margin-top:25px; overflow:hidden;}

.section01:after {content:""; display:block; clear:both;}
.section01 .block1_1 {float:left; width:900px; height:320px;}
.section01 .block1_2  {float:right; width:420px; height:320px;}
.section01 .block1_3 {float:right; width:275px; height:320px; background:url("/resources/site/dentaltech/resource/images/main/list_pic.jpg")no-repeat;}

.section01 .block1_1 .board {float:left; width:458px; height:315px; overflow:hidden;}
.section01 .block1_1 .board .popup {width:455px; }
.section01 .block1_2 .board {width:420px;}

.section02:after {content:""; display:block; clear:both;}
.section02 .intro {float:left; width:660px; height:220px;}
.section02 .block2_3 {float:right; width:509px; height:220px;}
.section02 .intro .job {float:left; width:315px; height:220px; background:url("/resources/site/dentaltech/resource/images/main/job.jpg")no-repeat;}
.section02 .intro .job h2,.section02 .intro .promote h2{font-size:22px; color:#fff; font-weight:400; padding:30px 0 0 25px;}
.section02 .intro .job p,.section02 .intro .promote p {color:#fff; font-size:16px;  padding:10px 0 0 25px;}
.section02 .intro .job a,.section02 .intro .promote a {display:block; width:84px; height:30px; color:#fff; font-size:14px; line-height:30px; text-align:center; border:1px solid #fff; margin:15px 0 0 25px;}
.section02 .intro .promote {float:right; width:315px; height:220px;  background:url("/resources/site/dentaltech/resource/images/main/promote.jpg")no-repeat;}

.section02 .block2_1 .promote {float:left;}
.section02 .block2_2 .job {float:right;}

.section02 .intro .gallery {float:left; width:670px; height:220px; background:#e1e2e0; padding-top:5px;}
.section02 .intro .gallery .img {width:700px; }
.section02 .intro .gallery .img li {width:28%; margin-right:2.5%;}
.section02 .intro .gallery .img li:last-child {margin-right:0;}

.board .board_wrap {position:relative; width:100%; height:60px; border-bottom:1px solid #eee;}
.board_wrap  ul.menu li {float:left; width:120px; height:57px;}
.board_wrap  ul.menu li a {width:120px; height:60px; display:block; font-size:18px; text-align:center; color:#767676; line-height:62px; font-weight:500; background:url("/resources/site/dentaltech/resource/images/main/shape.jpg")no-repeat 0 25px;}
.board_wrap  ul.menu li.on {border-bottom:5px solid #0072bc;}
.board_wrap  ul.menu li.on a {background:none; color:#333;}
.board_wrap  a.more {position:absolute; top:15px; right:19px; width:32px; height:32px; }

.board_wrap2 {position:relative; width:100%; height:94px; margin:0 auto;  border-bottom:1px solid #ebebeb; }
.board_wrap2 ul {width:95%; height:40px;  margin:0 auto; margin-top:10px;}
.board_wrap2 li {display:inline-block; width:100%; height:30px;}
.board_wrap2 li a {display:inline-block; font-size:16px; collor:#000;font-weight:600; line-height:30px;}
.board_wrap2 li span {position:absolute; top:8px; right:18px; color:#767676;}
.board_wrap2 p {width:95%; margin:0 auto; font-size:15px; color:#575757;}

.board_wrap3 {position:relative; width:95%; height:127px; margin:0 auto; margin-top:15px; }
.board_wrap3 ul{margin-top:5px; padding:0 10px;}
.board_wrap3 ul li{position:relative;padding:4px 0 4px 10px; background:url("/resources/site/dentaltech/resource/images/main/list_bullet.png")no-repeat left center ;font-size:15px; line-height:22px; letter-spacing:-0.8px;}
.board_wrap3 ul li a{color:#666; }
.board_wrap3 ul li .date{position:absolute;right:0;color:#999;}

.notice{ position:relative;border-top:1px solid #eaeaea}
.notice:first-child{border:none}
.notice ul{margin-top:20px; padding:0 20px;}
.notice ul li{position:relative;padding:4px 0 10px 8px;font-size:14px;letter-spacing:-0.8px;background:url('/resources/site/dentaltech/resource/images/main/section1_block2_board_dot.jpg') no-repeat left 13px;}
.notice ul li a{color:#666}
.notice ul li .date{position:absolute;right:0;color:#9b9b9b;}
.notice .main_title{font-size:20px; color:#fff; letter-spacing:-1px; height:44px; padding:17px 0 0 15px; background:#0072bc; border-bottom:1px solid #eaeaea;}
.notice .main_title span{margin-left:5px;font-size:12px;color:#999;font-weight:normal;letter-spacing:0}
.notice .more{position:absolute;right:17px;top:15px;color:#848484}
.notice .more img {width:90%;}

.popup .title {width:100%; height:62px; background:#09741a;}
.popup .title h1 {float:left;  width:50%; height:62px; font-size:20px; line-height:62px; margin-left:15px; color:#fff; font-weight:500;}
.popup .button {float:right; width:74px; height:32px; margin:14px 15px 0 0;}
.popup .button a.prev {display:inline-block; width:32px; height:32px; background:url("/resources/site/dentaltech/resource/images/main/icon_prev.png")no-repeat;}
.popup .button a.next {display:inline-block; width:32px; height:32px; background:url("/resources/site/dentaltech/resource/images/main/icon_next.png")no-repeat; margin-left:5px;}

.list_wrap {width:100%; height:320px;}
.list_wrap h1 {width:100%; height:62px; background:#0c4468; font-size:20px; color:#fff; line-height:62px; font-weight:500;  padding-left:15px;}
/*.list{position:relative;}
.list li{height:83px;border-top:1px solid #2e76a5}
.list li:first-child{border:none;}
.list li a{line-height:80px;display:block;padding:0 20px;height:100%;color:#fff;font-size:14px;font-weight:400;}
.list li a:hover{background-color:#0072bc}
.list li img{margin-right:10px;}
.list span{line-height:0; color:#97d4f2;  font-size:12px;font-weight:normal;}*/

ul.list {width:100%; height:82px; border-top:1px solid #2e76a5; }
ul.list:first-child {boder-top:none;}
ul.list img{float:left; margin-top:10px; padding-right:3px;}
ul.list li a{display:block;padding:0 20px; margin-top:9px;height:100%;color:#fff;font-size:16px; line-height:25px; font-weight:400;}
ul.list:hover{background-color:#0072bc}
ul.list li p {color:#a6bcd0; font-size:13px;}

.block2_3{position:relative; width:510px;  background:#e1e1e1;}
.block2_3.m_hidden {display:hidden;}
.gallery{position:relative;width:95%; height:250px; margin:0 auto;}
.gallery:after {content:""; display:block; clear:both;}

.gallery h2{width:91.5%; color:#2b2b2b; margin:20px 0 0 19px;}
.gallery .img{margin:15px 20px 0 20px;width:460px;height:160px;}
.gallery .img li{display:inline-block; width:46%;vertical-align:top}
.gallery .img li:first-child{margin-right:3.5%;}
.gallery .img img{width:100%;height:140px;}
.gallery .more {float:right;}





/*************** Mobile Device ***************/

@media all and (max-width:767px){	

#wrap {min-width:auto; }

.main_visual{ width:100%; height:auto; }

.main_w{position: absolute; width:100%; margin:0 auto; z-index:9999;}

.main_visual .title {position:relative; width:90%; text-align: center; top:10px; left:0; margin:0 auto; text-align:center; top:60px; margin:0 auto;padding:13px 0}
.main_visual .title h1 {color:#fff; font-size:2.5em; font-weight:600;margin:0 auto;}
.main_visual .title h2 {font-size:1.7em; text-align:center; line-height:50px;}
.main_visual .title h3 {font-size:1.2em; text-align:center; line-height:20px;margin:0 auto}

.main_visual  ul.bullet {top:249px; margin-left:-20px; width:100px; height:20px; }
.main_visual  ul.bullet  li {float:left; width:16px; height:16px;  margin-right:8px; cursor:pointer;}
.main_visual  ul.bullet li.on {width:16px; height:17px;  background:#3d8ed9; border-radius:100%;}
.main_visual  ul.bullet li.off {width:16px; height:17px;  background:#fff; border-radius:100%;}

#slides li img{width:90%; height:300px; overflow:hidden; margin-left:350px;}

.visual_menu {position:relative; width:96.5%; height:100%; left:0; margin:0 auto; margin-top:311px; margin-left:2.5%;}
.visual_menu ul {width:100%; height:100%;}
.visual_menu ul li {float:left; width:49%; height:auto; border-bottom:1px solid #6078a4;}
.visual_menu ul li a {width:100%;  text-align:center;}
.visual_menu ul li a img {padding:25px 0 10px 0; margin:0 auto;}

/*container*/
.section01 {width:95%; height:100%; margin-top:15px;}
.section02 {width:95%; height:100%; margin-top:10px;}

.section01 .block1_1 { width:100%; height:100%; margin-top:10px; float:none;}
.section01 .block1_2 { width:100%; float:none; height:auto;}
.section01 .block1_3 { width:100%; height:100%; background-size:100%; margin-top:10px; float:none;}

.section01 .block1_1 .board .popup {width:100%; }
.section01 .block1_1 .board .popup img {background-size:cover;}

.board_wrap2 {width:100%; height:auto; padding-bottom:10px;}
.board_wrap2 a {font-size:1em;}
.board_wrap2 span {font-size:0.9em;}
.board_wrap2 p {font-size:1em;}

.board_wrap3 ul li {font-size:1em;}
.board_wrap3 span {font-size:1em;}
.board_wrap3 {width:100%; height:auto; padding-bottom:10px;}

.section01 .block1_1 .board {float:none; width:100%; height:100%; margin:0 auto;}
.section01 .block1_1 .board ul {padding-bottom:20px;}
/*.section01 .block1_1 .board .menu {width:90%;}
.section01 .block1_1 .board .menu li {width:30%;}
.section01 .block1_1 .board .menu li a {width:100%; text-align:center; font-size:1.2em;}*/

.notice li a {font-size:0.9em;}
.notice li .date {font-size:0.9em;}

.popup {float:none; width:100%; height:auto; margin:0;}
.popup img {width:100%;}

.list_wrap {height:100%;}
.list_wrap .list {width:100%; background-size:100%;}
.list_wrap .list img {padding-right:20px;}

.section02 .intro {width:100%; height:100%;background:#ddd; float:none;}
.section02 .block2_3 {width:100%; height:100%; margin:15px 0; float:none; background:none;}

.section02 .intro .job {float:none; width:100%; background-size:100% 100%;}
.section02 .intro .promote {float:none; width:100%; background-size:100% 100%;}

.gallery {width:100%; height:100%;}
.gallery .img {width:95%; margin:0 auto; margin-top:20px;}
.gallery .img ul {width:90%; margin:0 auto;}
.gallery .img li {float:left; width:48%; height:auto;}
.gallery .img img {width:100%;}

.section02 .intro .gallery {width:100%; height:100%; float:none;}
.section02 .intro .gallery .img {width:95%; margin:0 auto; margin-top:20px;}
.section02 .intro .gallery .img li {width:31%; margin-right:2.5%;}


}