/*首页*/

.time {box-shadow: 0 3px 3px #d3d3d3;position: relative;margin-top: -50px;z-index: 999;background-color: white}
.time ul li{width: 24.5%;float: left;text-align: center;margin: 20px 0;position: relative}
.time ul .act{border-right: 1px solid #eeeeee}
.p1{font-size: 26px;color: #333333}
.p2{font-size: 13px;color: #888888;}
.time ul li span{display: block;position: absolute;top: 10% ;right: 30%;font-size: 14px;color: #888888}
.am-slider-default .am-control-nav{display: none!important;}
.am-direction-nav{display: none!important;}
.more{padding: 15px 10px;text-align: left;border-top: 1px solid #e1e1e1}
.more a{border: 1px solid #e1e1e1;padding: 5px 20px;font-size: 13px}
.more span{font-size: 1.3rem;padding-right: 10px;}
.solutions-content li:hover{cursor: pointer}
.case-1 .solutions-way{height: 70px;overflow: hidden}
.case-1{overflow: hidden}
.case-1:hover img{transform: scale(1.08);    transition: all 0.36s ease;}
.case-1:hover .solutions-con{background-color: #0527af;color: white!important;}
.case-1:hover .more{background-color: #0527af;color: white!important;}
.case-1:hover .more a{background-color: white;border-radius: 20px}
.case-1:hover .solutions-con p{color: white!important;}
.case-1:hover .solutions-way{color:white}
.part-title-span1{font-size: 14px;color: #9f9f9f;padding-left: 5px}
.part-title .right{text-align: right;}
.part-title .right a{font-size: 14px;padding: 4px 12px;}
.part-title .right a:hover{background-color: #0527af;color: white;cursor: pointer}
.part-title .right .act{background-color: #0527af;color: white;}
.show {}
.show .left{text-align: right;}
.show .left p{padding-top: 30px;color: #333333}
.show .left div{color: #777777;font-size: 13px;padding-top: 15px;text-align: justify;height: 115px;overflow: hidden}
.show .right{text-align: left}
.show .right p{padding-top: 30px;color: #333333}
.show .right div{color: #777777;font-size: 13px;padding-top: 15px;text-align: justify}
.show1 li .down1{margin-bottom: 5px}
.show1 li .down2{width: 49.5%;float: left;}
.show1 li .down3{width: 49.5%;float: left;margin-left: 1%}
.show1 .right{position: relative}
.see{padding: 6px 40px;text-align: center;border: 1px solid #e1e1e1}
.news-left{width: 22%;float: left;text-align: center;padding: 20px 0;color: white}
.see:hover{
    color: #fff;
    background-color: #0527af;
}
.news-right{width: 78%;float: left;padding: 15px 0;color: white}
.news{background-color: #0527af}
.news-left1{width: 17%;float: left;text-align: center;padding: 15px 0;padding-top: 24px;}
.news-right1{width: 81%;float: left;padding: 6px 0;}
.ert:hover p{color:#0527af; }
.ert:hover .edc{color: #0527af;}

.news-list li{padding: 15px 0;border-bottom: 1px solid #e1e1e1;font-size: 14px}
.news-list li span{float: right}
.news-list li img{display: none;float: right;margin-left: 15px;margin-top: 7px}
.news-list li:hover img{display: block}
.news-list li:hover a{color:#0527af }
.news-list li a{display: block}
.share {text-align: right}
.share a{}
.share img{width: 20px;margin-right: 15px}
.contact{padding-top: 25px;color: #333333;padding-bottom: 10px}
.contact-l{width: 65%;float: left;color: #555555;font-size: 14px;line-height: 25px}
.contact-r{width: 35%;float: left;text-align: center}
.top{background-color: white;padding: 20px 10px;margin-top: -65px;position: relative;z-index: 99;border-bottom: 1px solid #e1e1e1}
.top1{padding: 20px 10px;margin-top: -65px;position: relative;z-index: 99;color: white}
.why{text-align: center;padding: 20px 10px 0 10px}
.why_con{text-align: justify;font-size: 14px}
.bj{background: url("../images/ask.jpg") no-repeat center}
.phone{width: 396px;margin: auto;padding-top: 5px;padding-bottom: 21px;font-size: 14px;text-align: center}
.phone a{padding: 5px 30px;background-color:#0527af ;color: white;border-radius: 15px;}
.phone span{display: block;margin-top: 8px}
.business{background-color: #fafafa}
.business .left{padding: 0!important;min-height: 350px;position: relative;background: url("../images/q1.png") 100% 100%}



.business .left ul li:hover a{color:#0527af }
.business .left ul li a{color: white}

.business .left ul .act a{color: #0527af}


.business .right div:hover{cursor: pointer}
.business .right div span{display: inline-block;border-radius: 50%;text-align: center;font-size: 13px;padding: 25px 5px;color: white;background-color: #0527af;}
.business .right .r-con{padding: 3.5% 100px 0 100px;font-size: 14px}
.m{margin: 25px 18% 0 18%;float: left;width: 100px;height:100px;}
#r-con li{display: none;min-height: 80px;overflow: hidden}
.story1 li{margin-bottom: 20px}

/*关于星纳*/
.about{position: relative;  margin-top: 80px;  width: 100%;  height: 180px;  background: url(../images/about.jpg) no-repeat;  background-size: 100% 100%;}
.about1{padding-bottom: 25px;border-bottom: 1px solid #e1e1e1}
.about1 .right{font-size: 14px}
.about-con img{width: 32%;float: left;margin-right: 1.2%;margin-bottom: 35px}

/*合作案例*/
.products{position: relative;  margin-top: 80px;  width: 100%;  height: 180px;  background: url(../images/products.jpg) no-repeat;  background-size: 100% 100%;}
.case1 li{margin-bottom: 30px}
 .solutions-title{height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.case1 .solutions-way{height: 40px;overflow: hidden;margin: 10px 0 ;padding: 0!important;}
.case-con{padding-bottom: 15px;overflow: hidden}

/*案例详情*/
.detail-con{padding: 20px 0;min-height: 300px;}
/*.detail-con img{text-indent: 0!important;}*/
.detail-title{padding: 10px 0;border-bottom: 1px solid #e1e1e1}
.page{padding: 10px 0 20px 0; border-top: 1px solid #e1e1e1;margin-bottom: 20px}
.page a{font-size: 13px}

/*资讯中心*/
.newws{position: relative;  margin-top: 80px;  width: 100%;  height: 180px;  background: url(../images/news.jpg) no-repeat;  background-size: 100% 100%;}
.list li{border-bottom: 1px solid #e1e1e1;margin-top: 15px;padding: 0 10px!important; }
.list .left{width: 25%;float: left;}
.list .right{width: 70%;float: right;}

/*金蝶云医药*/
.yao{position: relative;  margin-top: 80px;  width: 100%;  height: 180px;  background: url(../images/yao.jpg) no-repeat;  background-size: 100% 100%;}
.choose{width: 98%;padding: 0px 10px 10px 10px;margin:30px auto; background: url(../images/kuan.png) no-repeat;  background-size: 100% 100%;}
.choose1{font-size: 20px;font-weight: bold;color: #333333;padding-top: 20px;text-align: center}
.choose2{font-size: 12px;text-align: center;padding: 20px}
.yao1 li{margin-bottom: 10px}
.yao1 li div{padding: 15px;color: white;font-size: 13px;height: 185px;border-bottom-left-radius: 25px;border-top-right-radius: 25px;position: relative}
.yao1 li div img{width: 37px;position: absolute;top: -15px;left: -15px}
.li1{background-color: #008fd5}
.li2{background-color:#16c1f3 }
.li3{background-color:#01bac6}
.li4{background-color:#bd72af }
.main{background-color: #0527af;color: white;padding: 20px 0;width: 100%;text-align: center}
.item{margin-top: 50px}
.item .act{color: #0527af!important;background-color: white!important;}
.item a{color: white;padding: 3px 10px;margin: 5px 15px; border: 1px solid white;background-color: #0527af;display: inline-block;width: 220px}
#dec{position: relative;font-size: 12px;width: 33%;z-index: 99;margin:-20px auto;background-color:#0527af }
.story{text-align: center;padding: 30px 0}
.main-con{min-height: 305px;padding-bottom: 30px;padding-top: 20px;background: url("../images/cup.png") no-repeat 50% 90%;background-size: 30%}
.main-con div{color: white;padding: 30px 16%;display: inline-block;}
.main-con div img{width: 20px;margin-left: -10px;margin-right: 2px}
.main-con div span{padding: 1px 0;border-bottom: 1px solid white;font-size: 16px}
.main-con div span:hover{cursor: pointer}
.main-con1{font-size: 13px;padding: 25px 10px;text-align: center}
#main-list li{display: none;text-align: justify}
.top-l{float: left;width: 50%;color: white;font-size: 22px;font-weight: bold}
.top-l p{font-size: 23px;padding-top: 5px;font-weight: bold}
.top-l span{font-size: 12px;display: block}
.top-r{float: right;width: 20%;position: relative}
.top-r span{position: absolute;top:26px;right: 17%;color: white;font-size: 14px}
.top-r img{width: 100%}

/*联系我们*/
#form input{width: 100%;padding: 7px 10px;margin-bottom: 10px;font-size: 14px;}
#form #cbtn{
    background-color: #0527af;
    border: 0px;
    color: white;
}
#form textarea{width: 100%;resize: none;padding: 10px;height: 100px;margin-bottom: 10px;font-size: 14px}
.btn{background-color: #0527af;padding: 8px 0; display: inline-block; width: 100%;text-align: center;color: white;border: none;;font-size: 14px}
.btn:hover{color: #fff;}
.share1 a img{width: 20px;margin-right: 15px}
.gray-li1 {  padding: 60px 0;  background-image: url("../images/bj2.png");  background-size: 100% 100%;  }
.down1:hover .div{display: block}
.down2:hover .div1{display: block}
.down3:hover .div2{display: block}
.footer{
	/*position: fixed;*/
	/*bottom: 0*/
	}
.yzm img {
display: block;
float: left;
width: 90px!important;
margin-left: 10px;
}
 .yzm a {
   font-size: 12px;
   margin-top: 10px;
    margin-left: 10px;
   display: inline-block;
}
.yzm input {
    display: block;
    font-size: 14px;
    font-family: 微软雅黑;
    float: left;
    padding: 7px 10px;
    margin-bottom: 10px;
    font-size: 14px;
}
.form-groupinput:focus {
    border: 1px #0527af solid;
}
@media only screen and (min-width:640px) {
    iframe{height: 600px!important;}
    .desc{width: 70%;font-size: 12px;color: #8a8a8a;padding: 10px 0}
    .business .left ul {position: absolute;top: 0px;right: 0;width: 150px}
    .business .left ul li{padding: 10px 30px;text-align: right;margin-top: 10px}
    .business .left ul .act{color: #0527af!important; background-color: white;border-bottom-left-radius:30px ;border-top-left-radius: 30px }
    .business .left ul li:hover{background-color: white;border-bottom-left-radius:30px ;border-top-left-radius: 30px }
    .case-con:hover {box-shadow: 0 3px 5px #e8e8e8}
    .case-con:hover .solutions-title{color: #0527af!important;}
    .case-con:hover .more a{background-color: #0527af;color: white!important;}
    #anli:hover .duo{display: block}
    .case-con:hover img{transform: scale(1.08);transition: all 0.36s ease;}
    .duo{display: none;background-color:rgba(2, 102, 191, 0.54);width: 96.5%;height: 96%;position: absolute;top:10px;left: 10px;margin: 0!important; }
    .show1 li{padding: 2.5px!important;}
    .duo1{text-align: center;color: white;padding: 30% 20%}
    .list .right{width: 70%;float: right;padding: 0 10px}
    .gray-li {  padding: 60px 0;  background: url("../images/bj.png") no-repeat center 100%;  }
    #left{width: 47.5%!important;margin-left: 2.5%;position: relative}
    .div{display: none;position: absolute;top: 1%;left: 1%;width: 98%;color: white;padding: 17% 5%;  background-color: rgba(2, 102, 191, 0.54);font-size: 14px;text-align: justify}
    .div1{display: none;position: absolute;bottom: 1%;left: 1%;width: 49%;color: white;padding: 11% 1%;  background-color: rgba(2, 102, 191, 0.54);font-size: 14px;text-align: justify}
    .div2{display: none;position: absolute;bottom: 1%;right: 0.5%;width: 49%;color: white;padding: 11% 1%;  background-color: rgba(2, 102, 191, 0.54);font-size: 14px;text-align: justify}
    .why-p{color: #333333;font-size: 18px}
    .why-c{width: 100%;margin: auto;padding: 20px 0;text-align: left}
    .story{text-align: center;padding: 20px 10px}
    .des1{position: relative;font-size: 14px;width: 15%;z-index: 99;margin:-20px auto;background-color: white}
}

@media only screen and (max-width:640px) {
    iframe{height: 220px!important;}
    .desc{width:100%;font-size: 12px;color: #8a8a8a;padding: 10px 0}
    .detail-con img{width: 100%!important;height: 100%!important;}
    .duo{background-color:rgba(2, 102, 191, 0.54);width: 94.5%;height: 96%;position: absolute;top:6px;left: 10px;margin: 0!important; }
    .duo1{text-align: center;color: white;padding: 15% 20%}
    .show1 li{padding: 0 10px!important;}
    .news-list li span{display: none}
    .part-title .right{text-align: center!important;margin-top: 10px}
    /*.part-title .right{display: none}*/
    .show .left p{padding-top: 0!important;}
    .footer{font-size: 14px;padding: 10px}
    .hw-logo img{width: 220px}
    .detail{padding: 0 10px}
    .list .left{display: none}
    .list .right{width: 100%;}
    .choose{margin: 0 10px ;width: 94%}
    .gray-li {  padding: 5px 0;  background-image: url("../images/b1.jpg");  background-size: 100% 100%;}
    .time{display: none}
    .gray-li1{padding: 10px 0!important;}
    .why{padding: 10px!important;}
    .why-p{color: #333333;font-size: 16px;padding-top: 10px}
    .why-c{width:100%;margin: auto;padding: 10px 0;text-align: left}
    .story{text-align: center;padding: 10px;}
    .phone{width: 100%;padding:10px;font-size: 14px;text-align: center}
    #dec{width: 80%!important;}
    .des1{position: relative;font-size: 14px;width: 40%;z-index: 99;margin:-20px auto;background-color: white}
    .main-con div{padding: 5px!important;}
    .main-con div img{display: none!important;}
    .main-con{min-height: 0px!important;background: none;padding-bottom: 0px!important;}
    .top-l{width: 52%!important;}
    .top-l span{display: none!important;}
    .top-l p{font-size: 15px!important;padding-top: 19px!important;}
    .top-r{width: 47%!important;}
    .top-r img{height: 66px}
    .choose2{padding: 10px 0!important;}
    .top-r span{font-size: 12px!important;}
    .m{    width: 50%;
        margin: 20px auto;}
    .r-con{padding: 10px !important;}
    .business .left{min-height:0!important;padding: 10px 0!important; }
    .business .right{min-height: 0!important;}
    .business .left ul li {
        padding: 2px 0px;
        width: 25%;
        text-align: center;
        float: left;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .business .left ul .act {
        color: #0527af!important;
        background-color: white;
        /* border-bottom-left-radius: 30px; */
        /* border-top-left-radius: 30px; */
        border-radius: 4px;
    }
    .div {
        position: absolute;
        top: 0%;
        left: 3%;
        width: 94%;
        font-size: 12px;
        color: white;
        padding: 15% 3%;
        background-color: rgba(2, 102, 191, 0.54);

    }
    .div1{    position: absolute;
        bottom: 0%;
        left: 3.5%;
        width: 46%;
        color: white;
        padding: 4.5% 1%;
        background-color: rgba(2, 102, 191, 0.54);
        font-size: 12px;
        text-align: justify;}
    .div2{    position: absolute;
        bottom: 0%;
        right: 2.5%;
        width: 47%;
        color: white;
        padding: 2% 1%;
        background-color: rgba(2, 102, 191, 0.54);
        font-size: 12px;text-align: justify;}
}