@charset "utf-8";

ul{margin-bottom: 0}
li{list-style-type: none;}
header, nav .carousel-inner-fdc{height: 462px}
header::before{background: url(../imges/wzshban.jpg) center no-repeat;opacity: 1}
nav .carousel-inner-fdc .banner{margin-top: 13%}
nav .carousel-inner-fdc>.topbgcase::before{background: #0166ce}
/*.medbanner{background: #424a5b }*/

.wzsh{background: #EAEAEA}
.wzsh ul{overflow: hidden;background: #fff;padding: 3% 5%}
.wzsh ul li{display: flex;border-bottom: 1px solid #dcdcdc;margin-bottom: 20px;}
.wzsh ul li dd{height: 110px;width: 12%;font-size: 64px;color: #e6e6e6;font-family: Arial;background: url(../imges/wzsh.png) no-repeat center center;}
.wzsh ul li dl{width: 88%;margin-bottom: 0}
.wzsh ul li dl h3{font-size: 20px;font-weight: bold}
.wzsh ul li i{width: 44px;height: 4px;display: block;background: #0166ce;margin: 10px 0;}
.wzsh ul li .stxt{color: #666666;line-height: 1.8;margin: 3% 0;}
.wzsh ul li .stxt p{margin-bottom: 0}


/*手机超小屏幕下的单独样式 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: #0166ce!important;}
    .wzsh ul li dd{font-size: 26px;height: 35px}
    .wzsh ul li dl h3{font-size: 14px;margin: 0}
    .wzsh ul li .stxt{font-size: 12px}
    .wzsh ul li i{height: 2px;width: 33px}
}

/*平板小屏幕样式 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;}
*/
}
