@charset "utf-8";
/* CSS Document */
.in{
    display:block;
  }
 .clearfix{zoom:1;}
 .clearfix:after{display: block;content: '';clear:both;overflow: hidden;height: 0;}
.clear{ clear:both;}
.dede_pages{
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
        list-style-type:none;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:1px 2px 1px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}
.fl{ float:left}
.fr{ float:right}
.h5{ clear:both; height:5px;}
.h10{ clear:both; height:10px;}
.h20{ clear:both; height:20px;}
.zhengwen{ font-size:12px; line-height:22px;}

.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: normal; }
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:2px; left:240px;transition: .3s; line-height:26px;font-size:24px; color:#fff; padding-left:35px}
.logo { position:absolute; top:0; left:0;transition: .3s}
.logo a{font-size: 30px;line-height: 80px;display:block;color: #fff;}
.nav {position:absolute; top:0; right:0;transition: .3s}

.animenu_toggle {display: none;cursor: pointer;background: #4b3080;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:0px; 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 {line-height: 50px;}
  .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}
  .in{
    display:block;
  }
  .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-info {background:#1a1e21;color:#7e7e7e; padding:30px 0}
.footer-contact { float:left; width:30%}
.footer-contact dt { margin-bottom:5px}
.footer-contact dd { color:#fff; font-size:20px; line-height:34px}
.footer-tags { float:left; width:40%}
.footer-tags li { float:left; background:#474f55; line-height:24px; padding:0 8px; margin:5px; border-radius:3px;}
.footer-tags li a { color:#7e7e7e;}
.footer-tags li a:hover { color:#fff}
.footer-tags li:hover { background:#373e43; color:#fff}
.footer-wx { float:right}
.footer-wx img { width:120px; height:120px}
.footer-wx p { text-align:center; line-height:30px}
.footer-bot {background-color: #111315;color: #7e7e7e; text-align:center; padding:30px 0}

/*--- 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:28%; margin:0 1%; padding:20px 1%; float:left; background:#C609CB; border-radius:5px; font-size:16px; color:#fff; text-align:center}
.plist ul li h3 { clear:both; font-size:20px; margin-bottom:20px}
.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/flow-bg.jpg) 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 { background:url(../images/arrow-r.png) no-repeat center center; height:100px; width:5%}

#alert_towx .box{
        width: 74%;
        padding: 5% 0 0;
        position: absolute;
        top: 30%;
        left: 13%;
        background:#faf6f5;
        text-align: center;
        border-radius:10px;
    }
    #alert_towx .closed{
        width: 15%;
        position: absolute;
        bottom:-30%;
        left: 50%;
        transform: translateX(-50%);
    }
/*--- medical ---*/
.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:160px;}

/*--- about us ---*/
.about {padding:50px 0;background:url(../images/about-img.png) no-repeat right top;}
.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;height:280px; margin-top:80px}
.banner-about { background:url(../images/banner-about.png) center top no-repeat;}
.banner-surrogate { background:url(../images/banner-surrogate.png) center top no-repeat;}
.banner-case { background:url(../images/banner-case.png) center top no-repeat;}
.banner-medical { background:url(../images/banner-medical.png) center top no-repeat;}
.banner-knowledge { background:url(../images/banner-knowledge.png) center top no-repeat;}
.banner-notice { background:url(../images/banner-notice.png) center top no-repeat;}
.banner-img { background:url(../images/banner-img.png) center top no-repeat;}
.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; 
	ont-size:16px; float:left}
	
.html {line-height:30px; padding:25px; font-size:14px; overflow:hidden}
.html dl dt {font-size:22px; font-weight:700;text-align:center}
.html dl dd {margin:10px 0 0 0}
.html img {display: block;max-width: 80%;clear:both; margin:10px auto;}
.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;background:transparent url(themes.png) no-repeat left top;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;}

.footers {
    width: 100%;
    max-width: 640px;
    height: 65px;
    color: #FFF;
    margin: 0 auto;
}
.botswt {
    width: 100%;
    background:#7054a7;
    max-width: 640px;
    height: 65px;
    bottom: 0px;
    position: fixed;
    bottom: 0;
    line-height: 65px;
}
.botswt a {
    width: 80%;
    text-align: center;
    float: left;
    display: block;
    font-size: 16px;
}
@media only screen and (max-width: 1024px) { 
  	.botswt a{font-size: 16px!important;}
}
@media only screen and (max-width: 991px) {
	.botswt a{font-size: 15px!important;}
}
@media only screen and (max-width: 659px) {
	.botswt a{font-size: 15px!important;}
}


.botswt a:first-child {
    width: 20%;
    background: #4b3080;
}
.botswt a:first-child img{
    margin-top: 5px;
}
.botswt a img {
    width: 80%;
    height: auto;
}
.cor{
  background-color: #fff;
}
#alert_towx {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
  }

 

  #modal-a,
  #modal-a2 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .74) none repeat scroll 0 0;
    z-index: 1000;
    display: none
  }

  #modal-a .modal-box,
  #modal-a2 .modal-box {
    position: relative;
    width: 100%;
    height: 100%
  }
  .weixinbtn {
    position: fixed;
    right: 2px;
    top: 50%;
    width: 60px;
    height: 60px;
    overflow: hidden;
}

  #modal-a .neirong,
  #modal-a2 .neirong {
    width: 80%;
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }

  #modal-a .neirong img,
  #modal-a2 .neirong img {
    width: 100%
  }

  #modal-a .neirong span {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    height: 60px
  }

  #qq_Mask2_right3 {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    height: 60px;
  }
/* pc弹窗 */
  .tanchuang-ewm {
      width: 240px;
      overflow: hidden;
      height: 240px;
      transform: translate(-50%, -50%);
      backface-visibility: hidden;
      margin-left: 180px;
      margin-top: 130px;
      margin-bottom: -110px;
    }
    .tanchuang-ewm img{
        width: 220px;
        height: 220px;margin-top: 15px;
    }

    .tanchuang-ewm span {position: absolute;left: 0;margin-top: -280px; width: 100%;height: 100%;/*background-color: rgba(250,167,75, 0.54);*/ background: linear-gradient(#faf7f3,#f5dfc7); /* 标准的语法 */
      filter:alpha(opacity=70);  
      -moz-opacity:0.7;  
      -khtml-opacity: 0.7;  
      opacity: 0.7;
      background-image: url(/templets/default/images/scan-animation.png);
        z-index: 1;animation: move2 1.5s infinite;-webkit-animation: move2 1.5s infinite;}
      .tanchuang-ewm:before,
    .tanchuang-ewm:after,
    .tanchuang-ewm em:after,
    .tanchuang-ewm em:before {
        border-color: #ffa200;
        content: "";
        position: absolute;
        width: 19px;
        height: 16px;
        border-style: solid;
        border-width: 0px;
    }
    .tanchuang-ewm:before {
        left: 0;
        top: 0;
        border-left-width: 2px;
        border-top-width: 2px;
    }
    .tanchuang-ewm:after {
        right: 0;
        top: 0;
        border-right-width: 2px;
        border-top-width: 2px;
    }
    .tanchuang-ewm em:before {
        left: 0;
        bottom: 0;
        border-left-width: 2px;
        border-bottom-width: 2px;
    }
    .tanchuang-ewm em:after {
        right: 0;
        bottom: 0;
        border-right-width: 2px;
        border-bottom-width: 2px;
    }

    @keyframes move2 {
        from {top: 0px;}
        to {top: 400px;}
    }
    /* Safari and Chrome */
    @-webkit-keyframes move2 {
        from {top: 0px;}
        to {top: 400px;}
    }
.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:-5px; left:130px; font-size:16px;background:url(../images/24hot-l.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}
}


/*--- QQKF ---*/
.qqkf{margin-right: 0;width: 82px;position: fixed; right: 2px;top:50%; -webkit-box-shadow: #DDD 0px 1px 5px;-moz-box-shadow: #DDD 0px 1px 5px;box-shadow: #DDD 0px 1px 5px; z-index:99;}
.qqkf .consult{ background-image: url(consult_icon.gif);background-repeat: no-repeat;background-position: center -77px;display: block; height: 76px; width: 82px;}
.qqkf .consult .phone { background-color: rgb(247,247,255); position: absolute;width: 160px;left: -160px;top: 0px;line-height: 73px;color: #000;font-size: 18px;text-align: center;
display: none; box-shadow: #DDD -1px 1px 4px;}
.qqkf a.consult:hover .phone{display:inline !important;}
.qqkf .cart {background-image: url(consult_icon.gif);background-repeat: no-repeat;background-position: center bottom;display: block;height: 16px; width: 16px;font-size: 12px; line-height: 16px;color: #45BDFF;text-align: center;padding: 15px 18px 47px 48px;}
.qqkf a.cart:hover .pic{display:block;}
.qqkf .btn_top {background-image: url(float_top.gif);background-repeat: no-repeat;background-position: center top; display: block; height: 39px; width: 82px;-webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
.qqkf .btn_top:hover {background-image: url(float_top.gif);background-repeat: no-repeat;background-position: center bottom;}
.qqkf .cart .pic {display:none;position: absolute;left: -160px;top: 65px;width: 160px;height: 160px;background:url(../images/weixin.jpg);}
#udesk-feedback-tab { position: fixed; right: 2px;top: 50%; margin-top: -76px; -webkit-box-shadow: #DDD 0px -1px 5px; -moz-box-shadow: #DDD 0px -1px 5px;box-shadow: #DDD 0px -1px 5px;z-index: 99;cursor: pointer;background-image: url(consult_icon.gif);background-repeat: no-repeat; background-position: center top;display: block;height: 76px;width: 82px;background-color: #FFF!important;}

 /* 媒体查询 */
/* 超小屏幕（手机，小于 768px） */
@media (max-width: 768px) {
.logo a{
  margin-top: 0px!important;
    font-size: 20px!important;
    max-width: 250px!important;
    line-height: 50px;
    padding-left: 10px;
}
.footer-contact,.hotline{
  display: none;
}
.footer-wx{
  display: none;
}
.footer-tags {
    width: 100%;
    margin-left: 4%;
}
/* .animenu_nav{
  display:block;
} */
}

  /* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 768px) {
   
}