@charset "utf-8";
/* CSS Document */
@import url(https://at.alicdn.com/t/font_178589_p401crzukvf.css);
*{margin: 0; padding: 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%;}
html:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{font-size: 16px !important; color:#1a2233;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;position:relative;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;overflow-x:hidden}
ul,li,a,em{list-style:none;color:#1a2233;font-style: normal; font-weight: normal;}
a,a:hover,del,ins,s,u{text-decoration:none}
a,button{cursor:pointer}
h1,h2,h3,h4{font-weight:500}
b,h1,h2,h3,h4,h5,h6,strong{font-weight:700;font-size:100%} 
a:active,a:focus,a:hover,a:visited{text-decoration:none}
iframe{border:none}
.right{float:right}
.left{float:left}
img{width: 100%;height: 100%}
#LRdiv0{display:none!important}
#LRdiv1{display:none!important}
.clear:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.clear{zoom:1}
.sharing_t{width: 100%;text-align: left;position: relative;float: left;padding: 0 0 20px 0;border-bottom: 2px solid #e3effb;}
.sharing_t em {font-size: 24px;color: #4d4d4e;border-bottom: 2px solid #00B9B2;padding-bottom: 20px;}
.sharing_t small{font-size: 14px;text-transform: uppercase;color: #959696;vertical-align: bottom;padding-left: 4px;font-weight: 0;}
.sharing_t a{float: right;}
.sharing_t span{float:right;}

.center{width:1170px; margin: 0 auto;}
.centers{width:1170px; margin: 0 auto;padding: 30px 0;}
/*head stat*/
.head{top: 0;z-index: 1200;background: #fff;width: 100%;height: auto;position: fixed;padding-top: 0;transition: all ease .3s;z-index: 99;}
.head_top{height: 100%;}
.head_top .top{ width: 1170px;margin:0 auto;padding: 0;transition: all ease .3s;height: 90px;}
.head_top .top .logo{width: 37.5%; height: 100%;float: left;}
.head_top .top .logo img,.head_top .top .contact,.head_top .top .scroll{top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.head_top .top .logo img{position:relative;height:60px;width:auto}
.head_top .top .yibao {margin-top: 17px;}
.head_top .top .yibao p{ height: 30px;}
.head_top .top .yibao span{border-radius: 10px;background: #ed6636;color: #fff;font-size: 12px;padding: 2px 8px;}
.head_top .top .contact {position:relative}
.head_top .top .contact a{color: #26b9ce;float: right;margin-left: 20px;}
.head_top .top .contact .contact_number i {font-size: 24px;}
.head_top .top .contact .tel-info {color: #26b9ce;font-size: 22px;font-family: Arial;text-align: left;line-height: 20px;float: right;margin-left: 5px;}
.head_top .top .contact .contact_number span {font-size: 14px;color: #676d77;}
.head_top .top .contact .contact_zixun{transition: all ease .2s;border: 1px solid #26b9ce;height: 40px;line-height: 40px;padding: 0 10px;border-radius: 5px;}
.head_top .top .scroll{width:27%;font-size:14px;height:50px;overflow:hidden;position: relative}
.head_top .top .scroll ul{list-style-type:none;margin:0;padding:0;margin-left:30px; position:absolute;}
.head_top .top .scroll ul li{height:26px;line-height:26px;width:320px;float:left;display:inline;}
.head_top .top .scroll ul li:before {display: inline-block;width: 15px;height: 13px;background: url("../images/index/zizhi_icon.png") 0px/10px no-repeat;vertical-align: middle;content: "";}
.head_top .top .contact_number{color: #26b9ce;font-size: 22px;font-family: Arial;text-align: left;line-height: 20px;float: right;margin-left: 5px;}
/*head end*/
/*head_nav stat*/
.head_nav{border-top:1px solid rgba(170,170,170,.2);box-shadow:0 2px 6px rgba(0,0,0,.1);width:100%}
.head_nav .nav{margin:0 auto;height:60px;width:100%;padding-left: 0;}
.head_nav .nav>li{position:relative;float:left;height:100%;width:10%}
.head_nav .nav>li>a{text-align:center;position:relative;display:block;overflow:hidden;height:60px;font-weight:500;line-height:60px;border-bottom:3px solid transparent}
.head_nav .nav .active{border-bottom-color:#26b9ce}
.head_nav .nav>li>a span{position:relative;display:inline-block;transition:all ease-out .3s}
.head_nav .nav>li>a span:after{;position:absolute;left:0;width:100%;color:#26b9ce;content:attr(data-title);transform:translateY(100%)}
.head_nav .nav>li>a>i{color:#9e9e9e;margin-left:8px;font-size:12px;font-weight:400}
.head_nav .nav .subnav{position:absolute;top:60px;left:0;z-index:199;visibility:hidden;overflow-x:hidden;overflow-y:auto;width:130px;max-height:500px;border-top:2px solid #26b9ce;background-color:#fff;box-shadow:0 7px 26px rgba(0,0,0,.1);opacity:0;transition:all .36s ease;padding-left: 0;}
.head_nav .nav .navitem:last-child .subnav{right:0;left:auto}
.head_nav .nav .subnav li a{padding:10px 10px;background:rgba(255,255,255,1) none repeat scroll 0 0;display:block;font-size:14px;transition:all .2s ease-out 0s;color:#676d77;border-bottom:1px solid #efefef}
.head_nav .nav .subnav li a.active,.head_nav .nav .subnav li a:hover{background:#26b9ce;color:#fff;text-indent:10px}
.head_nav .nav .subnav li a i{float:right;transition:all ease-out .2s;opacity:0}
.head_nav .nav .subnav li a:hover i{opacity:1;color:#fff}
.head_nav .nav>li:hover .subnav,.head_nav .nav>li:hover .subnavjb{visibility:visible;opacity:1;top:100%}
.head_nav .nav>li>a.active span,.head_nav .nav>li:hover a span{transform:translateY(-100%)}
.head_nav .nav>li>a.active i,.head_nav .nav>li:hover a i{color:#26b9ce}
/*head_nav end*/
/*disease_nav stat*/
.disease_nav_masking{width:100%;height:100%;position:fixed;left:0;top:0;z-index:150;background:rgba(0,0,0,.7);}
.disease_nav .fixed-right{cursor:pointer;background:#fff;padding:20px 10px;width:40px;text-align:center;box-shadow:8px 3px 8px rgba(0,0,0,.1);color:#26b9ce;display:inline-block;font-size:16px;position:absolute;top:30%;left:850px}
.disease_nav .fixed-right .X-box{width:20px;line-height:20px;font-size:0;border-radius:50px;background:#26b9ce;text-align:center;position:absolute;top:-10px;right:-7px}
.disease_nav .fixed-right .X{display:inline-block;width:12px;height:1px;background:#fff;line-height:0;font-size:0;vertical-align:middle;transition:all .5s ease;transform:rotate(0);-webkit-transform:rotate(0)}
.disease_nav .fixed-right .X::after{content:'/';display:block;width:12px;height:1px;background:#fff;transform:rotate(-90deg);-webkit-transform:rotate(-90deg)}
.disease_nav .left-fixed{position:fixed;top:0;left:-850px;z-index:200;height:100%}
.disease_nav .fixed-left{display:inline-block;width:850px;border-radius:3px;background:#fff;font-size:14px;padding:14px 20px;box-shadow:8px 3px 8px rgba(0,0,0,.1);overflow-y:auto;height:100%}
.disease_nav .fixed-title{font-size:14px;color:#26b9ce}
.disease_nav .fixed-boder{padding-bottom:10px;border-bottom:1px solid #e0e0e0;line-height:25px;font-size:12px}
.disease_nav .fixed-boder a{color:#333;padding:2px 10px;white-space:nowrap}
.disease_nav .fixed-boder a:hover{background:#ff9800;border-radius:10px;color:#fff!important}
.disease_nav .fixed_mb{margin-bottom:10px}
/*disease_nav end*/
/*side-bar stat*/
.side-bar{top:30%;border-bottom:none;height:250px}
.side-pannel{position:fixed;z-index:99;right:-1px;padding:0}
.side-bar>a{position:relative;display:block;width:50px;height:50px;cursor:pointer;text-align:center;color:#999;border-bottom:#f0f1f1 1px solid;border-left:#f0f1f1 1px solid;background-color:#fff;padding-top:5px;box-shadow:-10px 15px 30px rgba(0,0,0,.1)}
.side-bar a i{font-size:18px}
.side-bar a>p{line-height:20px;font-size:12px}
.phone i{color:#26b9ce}
.phone{font-size:16px;line-height:25px;position:absolute;z-index:-999;bottom:-1px;left:-120px;visibility:hidden;padding:10px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;opacity:0;border:1px solid #e7e7e7;border-right:none;background-color:#fff}
.yqtg div{font-size:16px;line-height:25px;position:absolute;z-index:-999;bottom:-24px;left:-80px;visibility:hidden;padding:10px 20px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;opacity:0;border:1px solid #e7e7e7;border-right:none;background-color:#fff}
.side-bar a.side-tel:hover .phone{left:-135px;visibility:visible;opacity:1}
.yqtg:hover div{left:-105px;visibility:visible;opacity:1}
.side-weixin{color:#fff!important;background-color:#26b9ce!important}
.side-bar a.side-weixin:hover .weixin_qr{visibility:visible;opacity:1;left:-320px}
.side-bar a.side-weixin .weixin_qr{opacity:0;position:absolute;top:0;width:320px;display:block;height:189px;border:1px solid #e7e7e7;left:100px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;z-index:-1;background:url("../images/public/weixin-rq.jpg") center no-repeat #fff}
.highlight{background-color:#ff9800!important;color:#fff!important}
.highlight span{background-color:red;border-radius:50%;position:absolute;top:-8px;left:-8px;width:16px;height:16px;display:block;color:#fff;font-size:12px;line-height:16px}
/*side-bar end*/
/*footer stat*/
#footer{background-color:#393c40;position:relative;z-index:1}
#footer .footer_l{ width: 70%;margin: 20px auto 0;}
#footer .footer_l .name {font-size: 16px;line-height: 24px;margin: 25px 0;float: left;width: 100%;color: #fff;font-weight: 100;}
#footer p {width: auto;float: inherit;padding-right: 40px;line-height: 24px;font-size: 13px;color: #838383;height: 24px;margin-bottom: 20px;}
#footer .footer_l .permit{color: #26b9ce;}
#footer .footer_l .beian {display:inline; width:auto; color:#8e8e8e}
#footer a{ color: #26b9ce}
#footer .footer_l a span{font-size:12px;color: #676d77;margin-left:20px}
#footer .ellipsis {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;}
#footer .footer_r ul li h8 {font-size: 16px;color: #fff;text-align: center;height: 40px;line-height: 40px;display: block;}
#footer .footer_r ul li h9 {font-size: 14px;color: #838383;text-align: center;margin-top: 5px;}
#footer .footer_r .footer_img {width: 140px;height: 140px;overflow: hidden;margin: 0 auto;margin-top: 10px;}
#footer .footer_r .footer_img img{width: 100%;}
/*footer end*/