@charset "utf-8";

/* 本例子css */
.slideBox {
    width: 100%;
    max-height: 318px;
    overflow: hidden;
    position: relative;
}
.slideBox .hd {
    height: 11px;
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 20px;
    z-index: 1;
}
.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    width: 80px;
    margin: auto;
}
.slideBox .hd ul li {
    float: left;
    margin-right: 5px;
    width: 11px;
    height: 11px;
    line-height: 14px;
    text-align: center;
    background: url(icoCircle.png) top center no-repeat;
    cursor: pointer;
}
.slideBox .hd ul li.on{
    background: url(icoCircle.png) bottom center no-repeat;
    color: #fff;
}
.slideBox .bd {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.slideBox .bd li {
    height: 618px;
    zoom: 1;
    vertical-align: middle;
    position: relative;
}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev, .slideBox .next, .am-slider-default .am-direction-nav a  {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -39px;
    display: block;
    width: 38px;
    height: 78px;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 9999;
}
.slideBox .prev, .slideBox .am-direction-nav .am-nav-prev a {
    background: url(left.png) no-repeat;
}
.slideBox .next, .slideBox .am-direction-nav .am-nav-next a {
    background: url(right.png) no-repeat;
    left: auto;
    right: 3%;
    background-position: 0px 0px;
}
.slideBox .prev:hover, .slideBox .next:hover, .slideBox .am-direction-nav .am-nav-prev a:hover, .slideBox .am-direction-nav .am-nav-next a:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}
.slideBox .prevStop {
    display: none;
}
.slideBox .nextStop {
    display: none;
}
.slideBox .am-slider-default .am-direction-nav a:before{display: none;}

.slideBoxMu{position: relative;width: 100%;}
.slideBoxMu .bd{position: relative;width: 100%;}
.slideBoxMu .Prev{width:26px;height:47px;background: url("h_pPrev.png") no-repeat;margin-top: -23px;left: 5px;}
.slideBoxMu .Next{width:26px;height:47px;background: url("h_pNext.png") no-repeat;margin-top: -23px;right: 5px;}

.pro_mu{width: 100%;background: url("bg_pro_mu.gif") bottom left repeat-x #f9f9f9;height: 145px;}
.pro_mu ul{width: 90%;margin: 0 auto;max-width: 1440px;position: relative;}
.pro_mu ul li{float: left;width: 14.28%;height: 145px;cursor: pointer;}
.pro_mu ul li .bt_p_ov{background: url("bt_p_ov.png") center top no-repeat;height: 12px;position: absolute;width: 14.28%;top: 145px;display: none;}
.pro_mu ul li .r_xx{border-right:1px #dadfe3 solid;width:14.28%;height: 69px;position: absolute;top: 26px;}
.pro_mu ul li:nth-child(1) .r_xx{border-left:1px #dadfe3 solid;}
.pro_mu ul li .pim{width:100%;height: 68px;margin-top: 22px;text-align: center;
    -webkit-transition: background .5s ease .1s;
    transition: background .5s ease-out .1s;}
.pro_mu ul li .ptit{margin-top: 5px;text-align: center;font-size: 18px;color: #000000;}
.pro_mu ul #pMu1 .pim{background: url("bt_p1.png") center center no-repeat;}
.pro_mu ul #pMu2 .pim{background: url("bt_p2.png") center center no-repeat;}
.pro_mu ul #pMu3 .pim{background: url("bt_p3.png") center center no-repeat;}
.pro_mu ul #pMu4 .pim{background: url("bt_p4.png") center center no-repeat;}
.pro_mu ul #pMu5 .pim{background: url("bt_p6.png") center center no-repeat;}
.pro_mu ul #pMu6 .pim{background: url("bt_p5.png") center center no-repeat;}
.pro_mu ul #pMu7 .pim{background: url("bt_p7.png") center center no-repeat;}
.pro_mu ul #pMu1:hover .pim, .pro_mu ul #pMu1.current .pim{background: url("bt_p1_ov.png") center center no-repeat!important;}
.pro_mu ul #pMu2:hover .pim, .pro_mu ul #pMu2.current .pim{background: url("bt_p2_ov.png") center center no-repeat!important;}
.pro_mu ul #pMu3:hover .pim, .pro_mu ul #pMu3.current .pim{background: url("bt_p3_ov.png") center center no-repeat!important;}
.pro_mu ul #pMu4:hover .pim, .pro_mu ul #pMu4.current .pim{background: url("bt_p4_ov.png") center center no-repeat!important;}
.pro_mu ul #pMu5:hover .pim, .pro_mu ul #pMu5.current .pim{background: url("bt_p6_ov.png") center center no-repeat!important;}
.pro_mu ul #pMu6:hover .pim, .pro_mu ul #pMu6.current .pim{background: url("bt_p5_ov.png") center center no-repeat!important;}
.pro_mu ul #pMu7:hover .pim, .pro_mu ul #pMu7.current .pim{background: url("bt_p7_ov.png") center center no-repeat!important;}
.pro_mu ul li:hover, .pro_mu ul li.current{background: #b7211f;}
.pro_mu ul li:hover .ptit, .pro_mu ul li.current .ptit{color: #ffffff;}
.pro_mu ul li:hover .bt_p_ov, .pro_mu ul li.current .bt_p_ov{display: block;}
.pro_mu ul li:hover .r_xx, .pro_mu ul li.current .r_xx{display: none;}
.pro_mu a:hover div, .pro_mu a .current{text-decoration: underline;}

.am-slides li .pcimg{width: 100%;max-height:620px; }
.am-slides li .phoneimg{width: 100%;max-height:630px; }
.am-slides li img{width: 100%;max-height:630px;}
.home_box{margin-top: 106px;min-height:340px;/*background: url("h_banner.jpg") center center no-repeat;background-size: 100%;*/}
.hbanner_tit{position: absolute;left: 11%;top: 50%;margin-top: -60px;}
.h_news{width: 500px;background: #ffffff;height: 572px;}
.h_news .h_tit{margin-left: 26px;background: url("dot_hnew.gif") left center no-repeat;margin-top: 35px;padding-left: 42px;line-height: 34px;height: 34px;font-size: 20px;color: #000000;}
.h_news .h_tit a{line-height: 34px;height: 34px;font-size: 16px;color: #000000;text-transform: uppercase;margin-right: 11px;}
.h_news .h_li {margin-left: 26px;}
.h_news .h_li li{line-height: 40px;height: 40px;font-size: 14px;color: #8d8d8d;}
.h_news .h_li li a{font-size: 16px;color: #000000;}
/*#slideNew{width: 500px;height: 286px;}
#slideNew li{width: 100%;height: 100%;position: relative; background-size: 100% 100%;}*/
#slideNew .n-pic img{width: 100%;}
#slideNew .p-tit{width: 100%;height: 44px;line-height: 44px;text-align: center;position: absolute;bottom: 0px;background: url("bg_new_tit.png") repeat;z-index: 999;}
#slideNew .p-tit a{font-size: 16px;color: #ffffff;}
.home_2 .zz_l{padding-bottom: 22px;}
.ksdh li:nth-child(1){border-left: 1px #d9d9d9 dashed;}
.ksdh li{
    width: 20%;
    text-align: center;
    border-right: 1px #d9d9d9 dashed;
}

.ksdh li .dtcn{font-size: 18px;color: #000;}
.ksdh li .dten{font-size: 14px;color: #707070;text-transform: uppercase;}


.home_1{ background: #eeeeee;padding: 35px 0px;}
.demo-bar img{margin-top:2%;}
.am-gotop-fixed .am-gotop-icon{padding-top: 10px;}
.am-slider-a1 .am-control-nav{bottom: 10px;}

.h_pic_c {position: relative;overflow: hidden;zoom: 1;vertical-align: middle;border-right: 8px #eeeeee solid;border-left: 8px #eeeeee solid;}
.ksdh li:hover .dtcn{color: #a9141d;}
.ksdh li:hover .dten{color: #a9141d;}
.h_pic_r .r_pic{overflow: hidden;}
.h_pic_c img, .ksdh li img, .h_pic_r .r_pic img{transition: all 0.5s;-webkit-transition: all 0.5s}
.h_pic_c img:hover, .ksdh li:hover img, .h_pic_r:hover .r_pic img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.slick-prev{left:2px;background: url("h_p.png") center center no-repeat;z-index: 99;}
.slick-next{right: 2px;background: url("h_n.png") center center no-repeat;z-index: 99;}
.slick-next:before, .slick-prev:before{color: #d20e28;display: none;}
@media only screen and (min-width: 1800px) {
    .main {
        max-width: 2140px;
        margin: 0 auto;
        width: 90%;
        overflow: hidden;
    }
    .h_pro_bt {width: 25%;}
    .h_pro_bt img, .h_news img, .h_pic_c img, .h_pic_r img{width: 100%;}
    .h_news{width: 37%;height: auto;}
    .h_pic_c{width: 40%;}
    .h_pic_r{width: 23%;}
    .h_news #slideNew{width: 100%;height: 350px;}
    .h_news .h_tit{margin-bottom: 32px;}
  
    .footer .main .ft1{width:12%;margin-right: 4%;}
    .footer .main .ft2{width:12%;margin-right: 7%;}
    .footer .main .ft3{width:27%;}
}

@media only screen and (max-width: 1440px) {
    .pro_mu ul{position: absolute;width: 80%;left: 10%;}
    .pro_mu ul li .ptit{font-size: 16px;}
    .h_pro_bt {width: 25%;}
    .h_pro_bt img, .h_news img, .h_pic_c img, .h_pic_r img{width: 100%;}
    .h_news{width: 36%;height: auto;}
    .h_pic_c{width: 40%;border:none;background: #eeeeee;padding:0 1%;}
  	.h_pic_c a{position: relative;float: left;overflow: hidden;}
    .h_pic_r{width: 22%;}
    .h_news #slideNew{width: 100%;height: 240px;}
    .h_news .h_tit{margin-left: 16px;margin-top: 15px;padding-left: 32px;background-size: auto 60%;line-height: 34px;height: 34px;font-size: 16px;}
    .h_news .h_tit a{font-size: 14px;}
    .h_news .h_li li{line-height: 24px;height: 24px;font-size: 12px;}
    .home_3{padding-bottom: 0 !important;}
    .ksdh li .dtcn{font-size: 16px;}
    .ksdh li .dten{font-size: 12px;}
}
.home_1{width: 100%;background: #eeeeee;padding-top: 35px;padding-bottom: 35px;}
.home_2{display: none;}
#m_news, .phoneimg, #m_proBtn,#slider{display: none;}
@media only screen and (max-width: 960px) {
  .am-menu-offcanvas1 .am-menu-toggle{top: -36px;}
    .swipe {
        overflow: hidden;
        visibility: hidden;
        position: relative;
    }
    .swipe-wrap {
        overflow: hidden;
        position: relative;
    }
    .swipe-wrap > figure {
        float: left;
        position: relative;
        top: 0;
        margin-top:0;
    }
    #slider {width:100%;background: #f3f3f3;display: block; }
    #slider a{margin: 0;padding: 0;}
    #slider img{height:auto;width:24%;margin: 0;padding: 0;}
    .m_hmu{position: relative;}
    .prev, .next{position:absolute;top:50%;width: 20px;height: 20px;margin-top: -20px;filter: alpha(opacity=50);opacity: 0.5;z-index: 99;}
    .prev{left:2px;background: url("h_p.png") center center no-repeat;}
    .next{right: 2px;background: url("h_n.png") center center no-repeat;}
  
    .h_news .h_tit a{margin-right: 5px;}
    .home_box{margin-top: 0px;min-height:100px;}
    #h_news, .pcimg, .h_pic_c, .h_pic_r, #h_proBtn{display: none;}
    #m_news, .phoneimg, .home_2, #m_proBtn{display:block;width:100%;}
    .home_1{background: #ffffff;padding: 0px !important;}
    .home_2{background: #EFEFEF;}
    .h_news{width: 100%!important; position: relative;}
    .h_news .h_tit{position: absolute;top:0px;margin-left:3%;margin-top:15px;width: 95%;}
    #slideNew{height: 240px;margin-top:55px;}
    .h_news .h_li{overflow: hidden;margin-left: 16px;margin-right: 16px;}
    .h_news .h_li li{line-height: 1.8rem;height: auto !important;}
    .h_news .h_li li .np_dt{background: url("dot_view_dt.gif") left center no-repeat;padding-left: 18px;}
    .ksdh li:nth-child(1){border-left:none;}
    .ksdh li:nth-child(4){margin-left: 16.5%;}
    .ksdh li{width: 33.3%;border-right:none;margin-bottom: 25px;}
    .ksdh li img{width: 50%;}
    #mksdh {height:90px;}
    #mksdh .mk{text-align: center;}
    #mksdh .mk img{width: 50%;max-width: 66px;height:auto;margin: auto;}
	#mksdh .mk .dtcn{font-size: 1.6rem;color: #000;}
	#mksdh .mk .dten{font-size: 1.2rem;color: #707070;text-transform: uppercase;}

}
@media only screen and (max-width: 320px) {
    .ksdh li img{width: 55%;}

}