/* CSS Document */
.system_publish{display:none}
* { padding: 0; margin: 0; }
html, body { font-size: 14px; font-family: Arial, "微软雅黑", sans-serif; overflow-x: hidden; width: 100%;color:#5e5e5e }
a { color: #5e5e5e; text-decoration: none; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; font-weight: bold; }
b, strong { font-weight: normal; }
i, em { font-style: normal; }
.fl { float: left; }
.fr { float: right; }
img { border: 0;}
.clearfix:after { clear: both; display: block; content: ''; }
.clearfix { zoom: 1; }
table { border-collapse:collapse; border-spacing:0; }
input, textarea { font-family: "微软雅黑", Arial; outline: 0; font-size: 14px; -webkit-appearance: none; background: none; border:solid 1px #ddd; line-height:18px; padding:3px}

body a{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
input[type="button"],input[type="submit"]{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.content { width:100%; clear:both; overflow:hidden}
.container {width:1200px;margin:0 auto;}
.main { width:100%; clear:both}

/*--- 阴影 --*/
.shadow {
	-moz-box-shadow:0 0 5px #ccc; /* 老的 Firefox */
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow:0 0 5px #ccc;
	/* For IE 8 */
	-ms-filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
	/* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
}
/*--- 圆角 --*/
.radius {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:solid #ececec 1px;}

/*--- 背景 ---*/
.bg-purple { background:#cc00ff}
.bg-lilac { background:#a086d3}
.bg-gray { background:#efefef}

/*--- 按钮 --*/
.button {line-height:18px; padding:5px 20px; border:solid 1px #0CF; background:#1a9ee6; color:#fff; border:0; cursor:pointer}
.button:focus {background:#0581c5}
a.btn-blue { background:#147da6;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;}
a.btn-blue:hover { background:#006389}
a.btn-orange { background:#ff6800;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;}
a.btn-orange:hover { background:#ff4200}
a.btn-green { background:#2cac17;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff; }
a.btn-green:hover { background:#138400}

/*--- header ---*/
.header { width:100%; clear:both;background:#7054a7;height:80px;position: fixed; top: 0px; left: 0px;  z-index: 30; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);}
.topbar { position:relative}
.hotline {position:absolute; top:25px; left:240px;transition: .3s; line-height:30px; font-size:24px; color:#fff; padding-left:35px}
.hotline a{ color:#fff;}
.logo { position:absolute; top:0; left:0;transition: .3s}
.nav {position:absolute; top:0; right:0;transition: .3s}

.animenu_toggle {display: none;cursor: pointer;background: #7054a7;border: 0;padding: 13px 20px;height: 24px;width: 20px; float:right}
.animenu_toggle:hover {background: #372163;}
.animenu_toggle_bar {display: block;width: 20px;height: 2px;background: #fff;-webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}
.animenu_toggle_bar + .animenu_toggle_bar {margin-top: 6px;}
.animenu_toggle-active .animenu_toggle_bar {margin: 0;position: absolute;}
.animenu_toggle-active .animenu_toggle_bar:nth-child(1) {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.animenu_toggle-active .animenu_toggle_bar:nth-child(2) {opacity: 0;}
.animenu_toggle-active .animenu_toggle_bar:nth-child(3) {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}

.animenu {display: block;}
.animenu ul {padding: 0; font:0px '微软雅黑';}
.animenu li, .animenu a {display:inline-block;}
.animenu a {color: #d5c0ff;text-decoration: none;}
.animenu_nav {}
.animenu_nav > li {position: relative;height:80px; line-height:80px;font-size:16px}
.animenu_nav > li > a {padding:0 10px;text-transform: uppercase;}
.animenu_nav > li > a:first-child:nth-last-child(2):before {content: "";position: absolute;border:4px solid transparent;border-bottom: 0;border-top-color: currentColor;top: 50%;margin-top: -2px;right: 10px;}
.animenu_nav > li:hover > ul {opacity: 1;visibility: visible;margin: 0;}
.animenu_nav > li:hover > a {color: #fff; background:#3f2a68}
@media only screen and (max-width: 767px) {
  .header {height:50px}
  .logo {top:5px; left:10px;}
  .logo img { width:120px; height:40px}
  .nav {top:0; right:0; left:0}
  .top-right {top:15px; right:80px}
  .top-hotline {display:none}
  .animenu_toggle {display: inline-block;}
  .animenu {background:#7054a7;}
  .animenu_nav {display:none; background:#7054a7;padding:0; margin-top:50px}
  .animenu_nav > li {border-bottom: 1px solid #483372;height:40px; line-height:40px;font-size:16px;width:100%}
  .animenu_nav > li > a {padding:0 20px;text-transform: uppercase;width:100%}
  .animenu_nav a:hover {background: #3f2a68;color: #fff; }

}
.animenu_nav-open {display: block !important;}
.animenu_nav-open .animenu_nav_child {display: block;}

/*--- footer ---*/
.footer,.footer_con{ width:100%; float:left; overflow:hidden;}
.footer{background: #7054a7; color:#fff; margin-bottom:10px; padding-bottom:10px;}
.footer a{ color:#fff;}
.footer_menu{ margin:94%; float:left; margin:3% 3% 1% 3%; overflow:hidden;}
.footer_menu a{ line-height:26px;}
.footer_con{ text-align:center; line-height:26px;}


/*--- banner ---*/
.banner { width: 100%; height: 450px; position: relative; margin-top:80px; overflow:hidden}
.banner_body { width: 2560px; height: 100%; position: absolute; left: 50%; margin-left: -1280px; }
.banner .active { display: block; }
.banner li { height: 450px; width: 100%; position: relative; }
.banne .pan_txt { text-align: center; position: absolute; top: 0px; left: 50%; width: 800px; margin-left: -400px; }
.ban_title { font-size: 42px; color: #fff; text-align: center; line-height: 70px; overflow: hidden; height: 70px; padding-top: 13%; width: 800px; margin: 0 auto; }
.ban_Englis { text-align: center; color: #d0dcea; line-height: 16px; width: 746px; margin: auto; overflow: hidden; height: 32px; font-size: 14px; }
.ban_date { width: 286px; text-align: right; color: #00f3ff; font-size: 18px; margin: 0 auto; line-height: 20px; }
.ban_but_l { top: 45%; left: 30px; }
.ban_c_but i { font-size: 24px; margin-top: -2px; }
.ban_c_but a { width: 40px; height: 30px; background: rgba(0, 0, 0, 0.2); border-radius: 20px; text-align: center; padding-top: 10px; color: #fff; font-size: 18px; position: absolute; transition: all 0.3s ease-out 0s; }
.ban_c_but a:hover { background: #2882E8; color: #fff; }
.ban_bot_but { position: absolute; bottom: 10px; left: 50%; margin-left:-20px }
.ban_bot_but li { width: 8px; height: 8px; border: 2px solid #777; float: left; cursor: pointer; border-radius: 6px; margin: 0 6px; border-color: rgba(111, 111, 111, 0.4) }
.ban_but_r { top: 45%; right: 30px; }
.banner .ban_bot_but .active { width: 12px; height: 12px; background-color: #2882e8; border: 0px; }
.ban_box { position: relative; z-index: 3; height: 420px; }

/*------ index ------*/
.content .mtitle { padding-top:50px; text-align:center;}
.content .mtitle  h3 { font-size:24px; line-height:36px; font-weight:700; clear:both}
.content .mtitle  p.subtitle { color:#999}

.content .more {text-align:center; padding:30px 0;}
.content .more a {background: #fff; border-radius: 20px;font-size: 16px;border: solid 1px #ccc;padding: 8px 60px;}
.content .more a:hover {background: #7054a7;color:#fff; border:#7054a7}

/*--- service ---*/
.service { background:#a086d3}
.service ul { overflow:hidden; color:#fff}
.service ul li { float:left; width:21%; padding:2% 2%; overflow:hidden;text-align:center}
.service ul li:hover { background:#7054a7; cursor:pointer}
.service ul li img { text-align:center; margin:10px auto; display:block; width:80px; height:80px}
.service ul li h4 { font-size:20px; margin-bottom:10px; clear:both }
.service ul li p { line-height:30px;}

/*--- product ---*/
.product { padding:50px 0; clear:both; overflow:hidden}
.pinfo { line-height:30px; margin-bottom:20px}
.plist { width:60%; float:left}
.plist ul li { width:26%; margin:1%; padding:2%; float:left; background:#C609CB; border-radius:5px; font-size:16px; color:#fff; text-align:center}
.plist ul li h3 { clear:both; font-size:15px;}
.plist ul li h3 a{ color:#fff;}
.clist { width:32%; float:right}
.clist ul li { width:46%; margin:2%; float:left; overflow:hidden}
.clist .p-img {height:120px; overflow:hidden}

/*--- flow ---*/
.flow-bg { background:url(../images/lcbg.png) no-repeat top center; color:#f3adff}
.flow {padding:50px 0}
.flow ul {padding:0 3%; overflow:hidden}
.flow ul li { float:left}
.flow-icon { border:solid 2px #570f64; margin:0 auto;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;text-align:center; width:50px; height:50px; padding:23px; background:#fff; margin-bottom:10px}
.flow ul li p { text-align:center; font-size:16px; color:#fff}
.flow-info { width:10%;}
.flow-arrow {height:100px; width:5%}

/*--- medical ---*/
.medical-bg { background:#ececec}
.medical {padding:30px 0}
.medical ul { overflow:hidden; }
.medical ul li { width:19%; padding:0.5%;float:left; overflow:hidden;text-align:center}
.medical .p-img {height:170px;}

/*--- about us ---*/
.about {padding:50px 0;}
.about-con { padding-right:450px;line-height:30px;}
.about-data { margin:30px 0; overflow:hidden;}
.about-data ul li { width:33%; float:left}
.about-data-num { border:solid 2px #a086d3; margin:0 auto;-webkit-border-radius:47px;-moz-border-radius:47px;border-radius:47px; font-size:30px; text-align:center; width:90px; height:30px; padding:30px 0; line-height:30px; color:#a086d3;margin-bottom:10px}
.about-data ul li p { text-align:center;}

/*--- news ---*/
.news {padding:30px 0}
.news ul { overflow:hidden}
.news ul li { float:left; width:46%; margin:0.5% 1%; padding:1%}
.news ul li:hover {background:#efefef; cursor:pointer}
.news-img { width:75px; height:75px; overflow:hidden; float:left; margin-right:20px}


.news-img img { max-height:75px;}
.news-tit { font-weight:bold; line-height:25px; height:25px; overflow:hidden}
.news-con {line-height:25px; color:#999; height:50px; overflow:hidden}
.news-time {line-height:25px; color:#f66b35}

/*--- technology ---*/
.tech {padding:50px 0}
.tech ul li {}

/* 内页 */
.item-banner {clear:both; padding:0; margin:0; overflow:hidden; background-color:#f2eeed;margin-top:80px}
.item-banner img{ width:100%; height:auto;}
.item-title { margin:120px auto 0 auto; font-size:36px; color:#fff; text-align:center}
.sider {float:left; width:220px; padding:0}

.crumb { padding:10px 0;border-bottom:solid 1px #ddd; line-height:30px; text-align:right; height:30px; overflow:hidden}
.crumb h3 {font-weight:bold; font-size:16px; float:left}
	
.html {line-height:30px; padding:18px; font-size:14px; overflow:hidden}
.html img{max-width:100%; height:auto!important;}
.html dl dt {font-size:22px; font-weight:700;text-align:center}
.html dl dd {margin:10px 0 0 0}
.html-img {text-align:center;}
.html-img img { width:60%; margin:0 auto}
.html b, .html strong { font-weight:bold}
.html th { background:#eee; border:solid 1px #ddd; line-height:30px; text-align:center}
.html td { border:solid 1px #ddd; line-height:30px; width:100px;text-align:center}
.html-time {text-align:center; color:#999; font-size:12px}
.html-or { margin-top:30px; height:30px; line-height:30px}
.html-prev { float:left; width:45%; height:30px; overflow:hidden}
.html-next { float:right; width:45%; height:30px; overflow:hidden; text-align:right}
.html-tags { color:#999; margin-top:20px}
.html a {text-decoration:underline; color:#FF6700}

.newslist {padding:30px 10px; clear:both; overflow:hidden}
.newslist ul li { border-bottom:dashed 1px #ccc; padding:10px 0; overflow:hidden}
.newslist ul li .news-img { float:left; width:120px; height:75px; border:solid 1px #ccc; padding:4px; overflow:hidden}
.newslist ul li .news-img img {width:100%}
.newslist ul li .news-tit {overflow:hidden; font-size:16px; font-weight:bold; margin:0 0 10px 170px; height:20px; line-height:20px; overflow:hidden; margin-bottom:10px}
.newslist ul li .news-info { line-height:28px;height:56px; overflow:hidden;color:#777;margin-left:170px}
.newslist ul li .news-time { color:#F30; font-size:12px; line-height:24px;margin-left:170px}

.searchlist {padding:30px 10px; clear:both; overflow:hidden}
.searchlist ul li { border-bottom:dashed 1px #ccc; line-height:35px;}
.searchlist ul li span { color:#E44114; float:left; margin-right:10px}

.search-form { margin:10px 0;}
.search-input { width:200px;}
.search-btn {}

.taglist {padding:30px 10px; clear:both; overflow:hidden}
.taglist ul li { line-height:30px; padding:5px 10px}

.gbook {padding:30px 10px; clear:both; overflow:hidden}
.gbook-info { float:right; width:30%}
.gbook table { width:60%;}
.gbook table th { width:20%; text-align:right;}
.gbook table th, .gbook table td { line-height:30px; padding:5px}

.noticelist {padding:30px 10px; clear:both; overflow:hidden}
.noticelist ul li { border-bottom:dashed 1px #ccc; padding:10px 0; overflow:hidden; line-height:30px}
.noticelist ul li .notice-img { float:left; width:120px; height:90px; overflow:hidden}
.noticelist ul li .notice-img img {width:100%}
.noticelist ul li .notice-tit {font-size:18px; font-weight:bold; height:32px; margin-left:150px}
.noticelist ul li .notice-info {color:#777;margin-left:150px}

.piclist {padding:30px 10px; clear:both;overflow:hidden}
.piclist ul li { width:19%; padding:0.5%;float:left;text-align:center; height:140px; overflow:hidden}
.piclist .p-img {height:140px;}
.piclist .p-img img { width:100%;cursor:pointer;}
.piclist a { color:#fff}
.piclist a:hover { color:#fff}

.lightbox_wrap{display:none;}
.lightbox_bg {background:#000;filter:alpha(opacity=70);opacity:.7;position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;}
.lightbox {position:absolute;left:0;top:50%;width:100%;z-index:102;text-align:center;}
.lightbox p {position:absolute;height:61px;width:38px;top:50%;left:0;z-index:102;margin-top:-30.5px;cursor:pointer;}
.lightbox p.next {left:auto;background-position:right top;right:0;}

.p-img {padding:4px; background:#fff; border:solid 1px #ddd; overflow:hidden; text-align:center}
.p-img img { width:100%}
.p-tit { font-size:14px; line-height:30px; height:30px; overflow:hidden; margin-top:-30px; background:#682edb; opacity:0.9; color:#fff}

.proinfo { line-height:30px; margin:30px 0}
.proinfo dl dt { text-align:center; font-size:24px; line-height:36px; margin-bottom:10px; font-weight:bold}
.proinfo dl dd { line-height:30px}
.prolist {padding:30px 0; clear:both; overflow:hidden}
.prolist ul li { width:28%; margin:50px 2%; border:solid 4px #a086d3; float:left;}
.prolist ul li b { font-weight:bold; font-size:16px}
.prolist ul li:hover { background:#a086d3; color:#fff; cursor:pointer}
.pro-tit { margin:-52px auto 0 auto; width:100px; text-align:center; line-height:60px; font-size:60px; padding:20px 0; border:solid 5px #a086d3;-webkit-border-radius:54px;-moz-border-radius:54px;border-radius:54px; background:#fff; color:#a086d3; font-weight:bold}
.pro-con { padding:20px 20px; line-height:30px; min-height:280px}
.pro-img { height:100px; overflow:hidden;}
.pro-img img { width:100%}

.digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom:20px}
.digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;}
.digg4 .disabledfy{ font-family: Tahoma, Verdana;}

.metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;}
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;}
.metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

@media only screen and (min-width: 1000px) and (max-width: 1199px) {
	.container {width:100%;margin:0 auto;}
	.about-con {padding-right:350px}
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
	.container {width:100%;margin:0 auto;}
	.about-con {padding-right:250px}
}
@media only screen and (max-width: 767px){
	.container {width:100%;margin:0 auto;}
	.hotline {position:absolute; top:10px; left:160px; font-size:16px;background:url(../images/ico_tel.png) no-repeat left center;}
	.footer-contact { float:left; width:40%; padding-left:1%}
	.footer-tags {float:left;width:58%;padding-right:1%}
	.footer-wx {float:left; }
	.about {background:none}
	.about-con { padding:0 20px;}
	.plist { width:100%; float:none}
    .clist { width:100%; float:none}
	.service ul li {width:46%; padding:2% 2%;}
	.news ul li { float:left; width:96%; margin:0.5% 1%; padding:1%}
	.medical ul li { width:48%; padding:1%;}
	.banner { width: 100%; height:240px;margin-top:50px;}
    .banner_body { width:1280px; height: 100%; position: absolute; left: 50%; margin-left: -640px; }
    .banner li { height: 240px; width: 100%; position: relative; }
    .ban_bot_but li { width: 8px; height: 8px; border: 2px solid #777; float: left; cursor: pointer; border-radius: 6px; margin: 0 6px; border-color: rgba(111, 111, 111, 0.4) }
    .ban_box { position: relative; z-index: 3; height: 220px; }
	.flow-icon { border:solid 2px #570f64; margin:0 auto;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;text-align:center; width:50px; height:50px; padding:13px; background:#fff; margin-bottom:10px}
	.piclist ul li { width:48%; padding:0.5% 1%;}
	.prolist ul li { width:94%;}
	.crumb { padding:10px;}
	.item-banner {margin-top:50px}
	.noticelist ul li .notice-img { float:left; width:90px; height:60px; overflow:hidden}
    .noticelist ul li .notice-tit {font-size:18px; font-weight:bold; height:32px; margin-left:110px}
    .noticelist ul li .notice-info {color:#777;margin-left:110px}
}

.fwnr,.newsym{ width:100%; float:left; overflow:hidden;}
.fwnr li{ width:33%; float:left; overflow:hidden; text-align: center;}
.news .newsym ul{float:left;padding:12px 0px 12px 0px;}
.news .newsym ul li{float:left; width:auto;font-family:Tahoma;line-height:17px;margin-right:6px;border:1px solid #E9E9E9;}
.news .newsym ul li a{float:left;padding:2px 4px 2px;color:#555;display:block; text-decoration:none}
.news .newsym ul li a:hover{color:#690;text-decoration:none;padding:2px 4px 2px;}
.news .newsym ul li.thisclass,
.news .newsym ul li.thisclass a,.news .pagebox ul li.thisclass a:hover{background-color:#F8F8F8;padding:2px 4px 2px;font-weight:bold;}
.news .newsym .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999;}
.news .newsym .pageinfo strong{color:#555;font-weight:normal;margin:0px 2px;}

.rysy_bt,.rysy_info,.rysy_con,.newsym,.rysy_line,.rysy_context{ width:100%; float:left; overflow:hidden;}
.rysy_bt,.rysy_info{ text-align:center;}
.rysy_bt h2{ font-size:18px;}

.rysy_line{height:10px;overflow:hidden;clear:both;background:url(../images/boxoff.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.rysy_line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/boxoff.gif) right -10px no-repeat;float:left;}
.btmnav {
    background: #f39600;
    padding: 10px 0 6px 0;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
}

.btmnav ul {
    height: 0px;
}

.btmnav ul li {
    float: left;
    width: 25%;
    text-align: center;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.btmnav ul li img {
    width: 20px;
    height: 20px;
}

.btmnav ul li span {
    display: block;
    color: #fff;
    font-size: 14px;
    font-family: "微软雅黑";
    line-height: 22px;
}