@charset "utf-8";

/*@media (min-width: 1200px) {
    .container {
        width:1280px
    }
}*/
ul{margin-bottom: 0}
li{list-style-type: none;}
/*header{background: #424a5b}*/
header, nav .carousel-inner-fdc{height: 500px}
header::before{background: url(../imges/medbanner.jpg) center top #424a5b no-repeat;opacity: 1}
nav .carousel-inner-fdc .banner{margin-top: 15%}
nav .carousel-inner-fdc>.topbgcase::before{background: #015bfe}
.medbanner{background: #424a5b }
.medbanner::before {background-image: url(../imges/medbanner.jpg);}

.mart-cloumn{text-align: center; font-size: 32px;}
.mart-cloumn p{font-size: 16px; color: #666666; margin-top: 20px;}

.medicine-nav li{width: 16.5%}
.product-nav{ padding: 20px 0; background: #fff;font-size: 18px;border-bottom: 1px solid #ddd;overflow: hidden}
.product-nav li{ float: left; line-height:40px; text-align: center; border-right:2px solid #ebebeb; cursor: pointer}
.product-nav li:last-child{border: 0;}
.product-nav li:hover{color: #015bfe;}
.product-nav .active{color: #015bfe}
.cloumn-blank{ display: none; height:80px;overflow: hidden;}
.nav-fixed{position: fixed; left: 0; right: 0; top: 0; z-index: 9999;}

.medicine-part1{padding: 100px 0; background: #f2f5fa;overflow: hidden}
.medicine-part1 dl{border: 1px solid #ddd; margin-top: 75px; line-height: 24px; height: 178px; position: relative; padding-left:499px;color: #666666; overflow: hidden}
.medicine-part1 dl h4{ font-size: 18px; margin-bottom: 14px;}
.medicine-part1 dt{ position: absolute; left: 0; top: 0; bottom: 0; width: 499px;padding: 30px 38px 0 29px;}
.medicine-part1 dt h4{ padding-left:26px;background: url("../imges/meda1.png") left center no-repeat;}
.medicine-part1 dt p{margin-left: 26px;overflow: hidden;font-weight: normal;line-height: 1.8}
.medicine-part1 dd{background: #fff; height: 178px;padding: 30px 0 0 40px;}
.medicine-part1 dd h4{ padding-left: 28px;background: url("../imges/meda2.png") left center no-repeat;}
.medicine-part1 dd p{ float: left; width: 181px; margin: 5px 0 8px 28px; padding-left: 20px; background: url("../imges/meda3.png") left 7px no-repeat;}
.medicine-part2{padding: 95px 0;overflow: hidden}
.medicine-part2 dl{float: left; width: 225px; height: 288px; border: 1px solid #bdd5ff; margin: 70px 11px 0 0;overflow: hidden;}
.medicine-part2 dl:last-child{margin-right: 0;}
.medicine-part2 dt{background: #d7e6ff; height: 104px; padding-top: 15px;}
.medicine-part2 dt img{display: block; margin: 0 auto;}
.medicine-part2 dd{line-height: 30px; padding: 10px 15px; text-align: center}
.medicine-part2 dd span{color: #015bfe;}
.medicine-part3{padding: 95px 0 100px; background: #f2f5fa;overflow: hidden}
.medicine-part3 dl{border: 1px solid #ddd; margin-top: 75px;overflow: hidden}
.medicine-part3 dt{width: 319px;float: left; text-align: center; overflow: hidden}
.medicine-part3 dt p{line-height:80px; font-size: 16px;cursor: pointer;margin-bottom: 0}
.medicine-part3 dd{padding:35px 34px 0; height:350px;background: url("../imges/medbg.jpg") right top #fff no-repeat;overflow: hidden}
.medicine-part3 dd h4{font-size: 20px; margin-bottom: 25px;}
.medicine-part3 dd p{ margin-bottom: 22px; font-size: 16px; line-height:26px; color: #666666;}
.medicine-part3 .active{background: #035efe; color: #fff;}
.medicine-part3 .main{display: none; position: relative; overflow: hidden}
.medicine-part3 .main:after{content: ""; width: 220px; height: 150px; position: absolute; right: 0; top:50px;}
.medicine-part3 .item1:after{background: url("../imges/medb1.png") right top no-repeat;}
.medicine-part3 .item2:after{background: url("../imges/medb2.png") right top no-repeat;}
.medicine-part3 .item3:after{background: url("../imges/medb3.png") right top no-repeat;}
.medicine-part3 .item4:after{background: url("../imges/medb4.png") right top no-repeat;}
.medicine-part3 .online{margin-top: 40px;}
.medicine-part3 .a2{display: none}
.medicine-part3 .dt2{ text-align: center; background: #e9edf3; overflow: hidden;display: none}
.medicine-part3 .dt2 p{ float: left; width: 25%; line-height: 36px;font-weight: normal}
.medicine-part3 .dt2 .active{background: #fff; color: #015bfe}

.medicine-part4{overflow: hidden;padding: 95px 0;}
.medicine-part4 ul{text-align: center; color: #fff; line-height: 24px; overflow: hidden;padding: 0;margin-top: 75px}
.medicine-part4 li{float: left; width: 373px; height: 140px; padding: 0 35px; margin-right: 25px;display: flex;align-items: center}
.medicine-part4 .item1{background: url("../imges/medc1.jpg") center top no-repeat;}
.medicine-part4 .item2{background: url("../imges/medc2.jpg") center top no-repeat;}
.medicine-part4 .item3{background: url("../imges/medc3.jpg") center top no-repeat;margin-right: 0}
.medicine-part5{padding-top: 95px; background: #f2f5fa; overflow: hidden}
.medicine-part5 li{}
.medicine-part5 ul{padding: 0}
.mart-material{margin: 75px 0 80px;overflow: hidden}
.mart-material li{float: left; padding-left: 70px;background: url("../imges/medd1.png") left top no-repeat;}
.mart-material li p{font-size: 16px; color: #666666; margin-bottom: 20px;}
.mart-material li p:before{content: ""; width:4px; height:4px; vertical-align: middle; background: #015bfe; display: inline-block; margin-right: 10px;}
.mart-material .left{ width: 500px; margin-right: 115px; position: relative;}
.mart-material .left:after{content: ""; position: absolute; right: 0; top:0; width: 2px; height: 140px; border-right: 2px dashed #dddddd}
.medicine-part5 .left{width: 612px; margin-right: 40px;padding-right: 20px}

.medicine-part5 li p{font-size: 14px;}
.medicine-part6{padding: 95px 0 100px;overflow: hidden}
.medicine-part6 .img{display: block; margin: 75px auto 0;max-width: 100%}
.online{display: block; background: #015bfe; font-size: 16px; width: 180px; height: 50px; line-height: 50px; color: #fff !important; text-align: center}


/*手机超小屏幕下的单独样式 xs < 768px */
@media (min-width: 300px) and (max-width: 766px){
    header, nav .carousel-inner-fdc{height: 300px}
    nav .carousel-inner-fdc .banner{margin-top: 34%}
    .fdnav_case{background: #015bfe!important;}
    .product-nav{display: none}
    .mart-cloumn{font-size: 18px}
    .medicine-part1{padding: 30px 12px;}
    .medicine-part1 .container{padding: 0}
    .medicine-part1 dl{padding-left: 0;height: auto;margin-top: 30px}
    .medicine-part1 dt{position: inherit;padding: 12px;width: auto}
    .medicine-part1 dt p{font-size: 12px}
    .medicine-part1 dd{overflow: hidden;height: auto;padding: 12px}
    .medicine-part1 dd p{font-size: 12px;background: url(../imges/meda3.png) left 5px no-repeat;background-size: 7px;padding-left: 15px;margin: 3px 0 3px 28px;}
    .medicine-part1 dl h4{font-size: 14px}
    .medicine-part2{padding: 30px 0}
    .medicine-part2 dl{width: 100%;height: auto;margin: 15px 0 0 0;display: flex;align-items: center}
    .medicine-part2 dt{float: left;padding: 17px 10px;height: auto;width: 20%}
    .medicine-part2 dt img{width: 35px;}
    .medicine-part2 dd{float: left;width: 80%;text-align: left;line-height: 20px;padding: 5px 15px}
    .medicine-part2 dd a{display: block}
    .medicine-part3 dt p{width: 25%;float: left;font-size: 14px;line-height: 1.8}
    .medicine-part3 dt{width: 100%}
    .medicine-part3 dd{padding: 15px;height: 230px}
    .medicine-part3 dd h4{font-size: 16px;margin-bottom: 15px}
    .medicine-part3 dd p{font-size: 12px;line-height: 22px;margin-bottom: 6px}
    .medicine-part3 .main:after{width: 50px;height: 50px;right: 0;top: 115px}
    .online{width: 110px;line-height: 34px;height: 34px;font-size: 14px}
    .medicine-part3{padding: 30px 0}
    .medicine-part3 .online{margin-top: 20px}
    .medicine-part3 a{display: none}
    .medicine-part3 .a2{display: block!important;}
    .medicine-part3 .item1:after{background-size: 100%}
    .medicine-part3 .item2:after{background-size: 100%}
    .medicine-part3 .item3:after{background-size: 100%}
    .medicine-part3 .item4:after{background-size: 100%}
    .medicine-part3 dl{margin-top: 35px;}
    .medicine-part3 dt{display: none}
    .medicine-part3 .dt2{display: block!important;}
    .medicine-part4{padding: 30px 0}
    .medicine-part4 ul{margin-top: 0}
    .medicine-part4 li{width: 100%;margin-top: 25px;display: flex;align-items: center;padding: 0 20px}
    .medicine-part6 .img{max-width: 100%}
    .medicine-part5{padding-top: 30px}
    .mart-material{margin: 30px 0}
    .medicine-part5 .left{width: 100%}
    .mart-material li{background-size: 25px;padding-left: 45px;margin-bottom: 15px}
    .mart-material li:last-child{margin-bottom: 0}
    .mart-material .left:after{opacity: 0}
    .mart-material li p{margin-bottom: 9px;font-size: 12px}
    .medicine-part6{padding: 30px 0}
    .medicine-part6 .img{margin: 30px 0}
}


/*平板小屏幕样式 768px <= sm < 992px */
@media (min-width: 768px) and (max-width: 991px){

   /* .caselby ul li:nth-of-type(3n+1)
    { clear: both;}

    !*=====案例详情=====*!
    .case_con
    { width:750px;}

    .case_conA .fd h2
    { font-size:28px; font-weight:normal; padding:50px 0 5px;}
    .case_conA .fd p
    { line-height:30px; font-size:18px;}

    !*详情遮挡*!
    .case_conB
    { min-height:280px; }
    .case_conB1
    { width:300px; height:300px;  left:40px; top:-50px;}
    .case_conB1 img
    { width:280px; height:156px; padding:11px 0 0 11px;}
    .case_conB2
    { width:380px; line-height:26px; padding-right:40px;}
    .case_conB2 h3
    { font-size:24px; margin:0; padding:25px 0 10px;}
    .case_conB2 p
    { width:auto; float:left;}


    !*装饰网站设计制作*!
    .host_shiyong .anli_title
    { width:750px; }
    .host_shiyong .anli_title h2
    { font-size:30px;  padding:45px 0 10px;}
    .host_shiyong .anli_title span
    { font-size:18px;}
    .host_shiyong .anli_title p
    { font-size:13px;}

    .host_shiyong2
    {width:750px; margin:30px auto 0;}
*/

}

/*大于992px以上固定宽度为970px md >= 992px */
@media (min-width: 992px) and (max-width: 1199px){

   /* !*=====案例详情=====*!
    .case_con
    { width:970px;}
    .case_conA .fd h2
    { padding:80px 0 10px;}

    !*详情遮挡*!
    .case_conB
    { min-height:310px; }
    .case_conB1
    { width:400px; height:500px; left:50px; top:-90px;}
    .case_conB1 img
    { width:373px; height:210px; padding:14px 0 0 14px; }
    .case_conB2
    { width:480px; padding-right:50px;}
    .case_conB2 h3
    { margin:0; }

    .case_conC img
    { position:relative; z-index:20;}

    !*图片底部背景*!

    !*装饰网站设计制作*!
    .host_shiyong .anli_title
    { width:970px;}
    .host_shiyong .put3:hover
    {background:#fec52c;}
*/




}