@charset "utf-8";
@import url("style_add.css");
@import url("style_seminar.css");

*{margin:0;padding:0;}

body{
font: 13px/1.4 "Arial","Microsoft YaHei","榛戜綋","瀹嬩綋",sans-serif;
color:#555555;
background: #ffffff repeat-x top;
}


/* body#toppage { */
/* background: url(../images/bg_top.png) repeat-x top; */
/* } */


a{color:#181872;text-decoration:none;}
a:hover{color:#5ed1ff;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}


/*************
鍏ㄤ綋
*************/
#wrapper{
margin: 0 auto;
padding: 0 20px;
width: 910px;
}

/*************
瑷�瑾炪偪銉�
*************/
#lang {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 30px;
margin: 0;
padding: 0px 10px 0 0;
text-align: right;
}

/*************
/* 銉樸儍銉�銉�
*************/
#header{
background: url(../images/header.png) no-repeat 100% 10px;
height: 80px;
}
#header-e{
background: url(../images/header-e.png) no-repeat 100% 10px;
height: 80px;
}

#header h1 {
padding: 7px 0 0;
font-size: 11px;
font-weight: normal;
color:#888787;
}
#header-e h1 {
padding: 7px 0 0;
font-size: 11px;
font-weight: normal;
color:#888787;
}


/*************
/* 銉堛儍銉椼儕銉撱偛銉笺偡銉с兂
*************/
ul#topnav{
margin: 15px 0;
width: 910px;
height: 46px;
background:url(../images/topnav.png) no-repeat 0 0;
}

ul#topnav li{float:left;list-style:none;width:151px;}

ul#topnav a{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 151px;
height: 46px;
background:url(../images/topnav.png) no-repeat;
}

ul#topnav a#home{background-position:0 0;}
ul#topnav a#dental{background-position:-152px 0;}
ul#topnav a#surgery{background-position:-304px 0;}
ul#topnav a#seminar{background-position:-456px 0;}
ul#topnav a#patient{background-position:-608px 0;}
ul#topnav a#company{background-position:-760px 0;}

ul#topnav a#home:hover, ul#topnav li.active a#home{background-position:0 -46px;}
ul#topnav a#dental:hover, ul#topnav li.active a#dental{background-position:-152px -46px;}
ul#topnav a#surgery:hover, ul#topnav li.active a#surgery{background-position:-304px -46px;}
ul#topnav a#seminar:hover, ul#topnav li.active a#seminar{background-position:-456px -46px;}
ul#topnav a#patient:hover, ul#topnav li.active a#patient{background-position:-608px -46px;}
ul#topnav a#company:hover, ul#topnav li.active a#company{background-position:-760px -46px;}
ul#topnav a#inquiry:hover, ul#topnav li.active a#inquiry{background-position:-780px -46px;}

li.active a#home{background-position:0 -42px;}
li.active a#guide{background-position:-213px -42px;}
li.active a#seminar{background-position:-429px -42px;}
li.active a#mp{background-position:-573px -42px;}


/* 涓嬫媺鎸夐挳鏍峰紡 */
.dropbtn {
    padding: 0px;
    border: none;
    cursor: pointer;
}

/* 瀹瑰櫒 <div> - 闇�瑕佸畾浣嶄笅鎷夊唴瀹� */
.dropdown {
    position: relative;
    display: inline-block;
}

/* 涓嬫媺鍐呭 (榛樿闅愯棌) */
.dropdown-content {
    display: none;
    position: absolute;
    z-index:99999;
    background-color: #f9f9f9;
    min-width: 151px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-a {
	width: 151px;
    height:46px;
    line-height:46px;
    border-bottom: 1px solid #cccccc;
}

/* 涓嬫媺鑿滃崟鐨勯摼鎺� */
.dropdown-content a {
	text-indent: 1px !important;
	font-size: 14px;
	text-align: center;
	background-image: none !important;
    color: black;
    text-decoration: none;
    display: block;
}

/* 榧犳爣绉讳笂鍘诲悗淇敼涓嬫媺鑿滃崟閾炬帴棰滆壊 */
.dropdown-content a:hover {
	background-color: #c8c8c8;
	color:#5ed1ff;
}

/* 鍦ㄩ紶鏍囩Щ涓婂幓鍚庢樉绀轰笅鎷夎彍鍗� */
.dropdown:hover .dropdown-content {
    display: block;
}

/*************
銉°偆銉筹紙鍙冲伌锛夈偝銉炽儐銉炽儎
*************/
#main {
float: right;
width: 604px;
margin-right: 25px;
margin-top: 20px;
padding: 0 0 30px;
display: block;
}

#main h2{
margin-bottom: 10px;
padding: 0 10px 0px 20px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #252525;
background: url(../images/heading.png) no-repeat;
}

#main h3 {
font-size: 13px;
font-weight: bold;
line-height: 20px;
padding-left: 15px;
margin: 20px 0 10px;
// letter-spacing: 0.2em;
color: #181872;
border-bottom: 1px solid #cccccc;
}

#main p {
padding: 0px 15px 15px 20px;
}

/* 鐢诲儚銈掑彸銇洖銈娿亾銇� */
#main p.withImage{
width: 663px;
margin: 20px 0 0 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}

#main .lineheight{
line-height:25px;
}

#main h4 {
margin-top: 5px;
padding-left: 20px;
color: #181872;
}

#main li{
margin: 0 10px 10px 5px;
color: #000;
padding: 10px 0;
list-style: none;
border-bottom: 1px dotted #000;
}

.companyResume{
margin: 0 10px 10px 25px;
color: #000;
padding: 10px 0;
list-style: none;
border-bottom: 1px dotted #000;
}

#main li span{
	float: left;
}
#main li div{
	padding-left: 9em;
	display: block;
}

#main .mimg{
	width:200px;
	margin-top:20px;
}

#main .mimg:hover{
	width:250px;
    cursor: pointer;
	margin-top:10px;
	opacity: 0.7;
}

#main p a:hover{
	cursor: pointer;
}

.fleft{
	float:left;
	margin-left:30px;
	width:250px;
	height:370px;
}

.fright{
	float:right;
	margin-right:30px;
	width:250px;
	height:370px;
}

#main .pimg{
	width:100px;
	margin-left:20px;
	margin-top:20px;
}

#main .pimg:hover{
	width:130px;
    cursor: pointer;
	margin-left:5px;
	margin-top:0px;
	opacity: 0.7;
}

.product{
	float:right;
	width:130px;
	height:170px;
}

.product2{
	float:left;
	margin-left:40px;
	width:130px;
	height:170px;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#32a6d4;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

/* 銉曘儍銈裤兗鍏遍�� */
.box{
float: left;
margin: 20px 30px 10px 0;
line-height: 1.8;
padding-right: 30px;
border-right: solid 1px #DEDEDE;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.box a{
color: #777;
}
.box a:hover{color:#5ed1ff;}
.box a:active, a:focus {outline: 0;}

.last{margin-right:0;}

/* 銉曘儍銈裤兗鍏遍�氾紙鑻辫獮锛� */
.box-e{
float: left;
width: 290px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box-e_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0;}

/* 銉溿偪銉� */
p.button{
text-align: center;
padding: 10px 0;
}

p.button a{
display:block;
line-height: 32px;
background: #ffffff url(images/button.png) no-repeat;
margin: 0 -20px;
}

p.button a{color:#32a6d4;}
p.button a:hover{color:#ffffff;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}

#main ul, #footer ul{padding-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}


/*************
銈点偆銉夛紙宸﹀伌锛夈偝銉炽儐銉炽儎
*************/
#sidebar {
float: left;
width: 200px;
margin-left: 25px;
margin-top: 20px;
padding: 0 0 15px;
display: block;
}

#sidebar p{margin-bottom: 20px;}

#sidebar .bannerM  {
float: left;
}
	
#sidebar .bannerM img{
padding-right: 0px;
padding-bottom: 15px;
}

#sidebar h3 {
margin-top: 5px;
padding: 0 10px 0 23px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #252525;
background: url(../images/heading2.png) no-repeat;
}

#sidebar ul {
    list-style-type: none;
	margin-top: 5px;
    padding: 0;
    width: 235px;
 	border: solid 1px #bfbfbf;
}

#sidebar li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
 	border-bottom: solid 1px #bfbfbf;
}

#sidebar li span {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
 	border-bottom: solid 1px #bfbfbf;
}

#sidebar li a.active {
    background-color: #bfbfbf;
    color: white;
    font-weight: bold;
}

#sidebar li a:hover:not(.active) {
    background-color: #555;
    color: white;
}

/*************
/* 銉曘儍銈裤兗
*************/
#footer{
clear:both;
padding: 10px 0 10px;
border-top: 1px solid #cccccc;
}

#footer .inner{
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 292px;
}

#footer span{
font-size: 14px;
font-weight: bold;
color:#000000;
}

address{
padding: 20px 0 3px;
text-align: right;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
}


/*************************
/* (銉氥兗銈�)浼氱ぞ姒傝
*************************/

table.list2 {
 width:       604px;
 clear:       both;
 margin:       20px 0 50px;
}
table.list2 tr th {
 padding:      10px 10px 10px 10px;
  font-weight:normal;
 border-bottom:      solid 1px #bfbfbf;
 border-right:      solid 1px #e9e9e9;
 text-align:      left;
 width:       200px;
 white-space:      nowrap;
 background:      #f3fbff;
}
table.list2 tr th span {
/* display:      block;
 color:       #015783;
 font-size:      10px;
*/
}
table.list2 tr td {
 padding:      10px 10px 10px 10px;
 font-size:      12px;
 border-bottom:      solid 1px #bfbfbf;
 text-align:      left;
}

table.list3 {
 width:       600px;
 clear:       both;
 margin:       0px auto 50px;
}

table.list3 tr th {
 padding:      10px 10px 10px 10px;
 font-weight:normal;
 text-align:      left;
 width:       100px;
 white-space:      nowrap;
 vertical-align:top;
}
table.list3 tr td {
 padding:      10px 10px 10px 10px;
 text-align:      left;
 vertical-align:top;
}

table.list3 a {
 font-weight:bold;
 color:#000;
}

table.list3 a:hover {
 font-weight:bold;
 color:#5ed1ff;
}

.list3 .ruby {
	font-size:9.5px;
}

table.list4 {
 width:       600px;
 clear:       both;
 margin:       10px auto 10px;
 border-collapse: collapse;
}

table.list4 tr th {
 padding:      10px 10px 10px 10px;
 font-weight:normal;
 text-align:      left;
 border:      solid 1px #bfbfbf;
 width:       200px;
 white-space:      nowrap;
}
table.list4 tr td {
 padding:      0px 10px 10px 10px;
 border-top:      solid 1px #bfbfbf;
 border-right:      solid 1px #bfbfbf;
 border-bottom:      solid 1px #bfbfbf;
 text-align:      left;
 vertical-align: top;
}

table.list4 a {
 font-weight:bold;
 color:#000;
}

table.list4 a:hover {
 font-weight:bold;
 color:#5ed1ff;
}

.list4 .ruby {
	font-size:9.5px;
}

table.list5 {
 width:       564px;
 clear:       both;
 margin:       20px 0px 0px 20px;
}
table.list5 tr th {
 padding:      10px 10px 10px 10px;
  font-weight:normal;
 border-bottom:      solid 1px #bfbfbf;
 border-right:      solid 1px #e9e9e9;
 text-align:      left;
 width:       150px;
 white-space:      nowrap;
 background:      #f3fbff;
}
table.list5 tr td {
 padding:      10px 10px 10px 10px;
 font-size:      12px;
 border-bottom:      solid 1px #bfbfbf;
 text-align:      left;
}
table.list5 tr th span {
 color:red;
 font-weight:bold;
}

table.list5 .textInput {
 width:367px;
 padding:3px 3px 3px 3px;
}

table.list5 .textInputContent {
 width:367px;
 height:100px;
 padding:3px 3px 3px 3px;
}

.submitButton{
	width:150px;
	cursor:pointer;
}

.title {
margin-top: 5px;
padding: 0 10px 0 23px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #252525;
background: url(../images/heading3.png) no-repeat;
}

.morelink {
float: right;
}

.bds_weixin{
	width: 30px;
	height: 30px;
    margin: 10px 20px 0 0;
    display: inline-block;
	background: url(../images/weixin_05.png) no-repeat;
}

.bds_tsina{
	width: 30px;
	height: 30px;
    margin: 10px 20px 0 0;
    display: inline-block;
	background: url(../images/weibo_07.png) no-repeat;
}

.slide-sqq{
	width: 30px;
	height: 30px;
    margin: 10px 20px 0 0;
    display: inline-block;
	background: url(../images/qq_09.png) no-repeat;
}

#gotop {
	width: 122px;
    margin: 0 0 10px 0;
	height: 28px;
	float: right;
	font-size: 14px;
	background:url(../images/gototop.png)  no-repeat  left top ;
}

#gotop:hover {
    color:#5ed1ff;
    cursor: pointer;
    background:url(../images/gototop.png)  no-repeat  left -28px;
}

.toptitle{
	color: #000;
}

#middle{
width:910px;
border:solid 1px #bfbfbf;
display: inline-block;
}

#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}

@keyframes zoom {
    from {transform: scale(0.1)} 
    to {transform: scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}

.productTitle {
	margin-top:5px;
	margin-left:20px;
	margin-bottom:10px;
    color: #000;
	font-size: 15px;
	font-weight: bold;
}

.productLink {
	margin-top:15px;
	margin-right:15px;
    color: #000;
	font-size: 15px;
	font-weight: bold;
	float:right;
	text-decoration:underline;
}

#contactus{
	color:#fff;
	background:#1f497d;
	border-radius:5px;
	padding:2px 30px 2px 30px;
}

#contactus:hover{
	color:#5ed1ff;
}

.page{
	text-align:center;
}

.page a{
	display:inline-block;
	text-decoration:underline;
	target: _self;
}

.page a:hover{
	color:#5ed1ff;
    cursor: pointer;
}