.mub01InpageBannerr{ background: url("../images/pro.png") no-repeat center top!important; height: 300px;}

.proList{ width: 100%;}
.container {

    margin-left: auto;  margin-right: auto;  width: 1200px;  }

.InpageSidebar01 {  width: 270px;  float: left;  }

.InpageSidebar01 .top {

    width: 100%;

    height: 80px;

    background: #30478d;

}

.InpageSidebar01 .top h2 {

    height: 80px;

    text-indent: 28px;

    background: url(../images/InpageSidebar01_icon01.png) no-repeat 218px center;

    line-height: 80px;

    font-size: 24px;

    color: #fff;

    font-weight: normal;

}

.InpageSidebar01 .classify .bo:first-child {

    border-top: 1px solid #e4e4e4;

}

.InpageSidebar01 .classify .bo {

    border: 1px solid #e4e4e4;

    border-top: none;

    position: relative;

}

.InpageSidebar01 .classify .bo i {

    display: none;

    width: 3px;

    height: 100%;

    position: absolute;

    left: -1px;

    top: 0;

    background: #30478d;

}

.InpageSidebar01 .classify .bo:hover{background: #f5f5f5;}

.InpageSidebar01 .classify .bo:hover i{display: block;}

.InpageSidebar01 .classify .bo dt.cur{background: url(../images/mub02_jt04.png) no-repeat 194px 6px;font-weight: bold;}

.InpageSidebar01 .classify .bo:hover dt a,.InpageSidebar01 .classify .box dt.cur a{color: #30478d;display: block;text-decoration: none;}

.InpageSidebar01 .classify .bo:hover dt{background: url(../images/mub02_jt04.png) no-repeat 194px 6px;font-weight: bold;}

.InpageSidebar01 .classify dd p:hover a,.InpageSidebar01 .classify dd p.cur a{color: #fff;}

.InpageSidebar01 .classify dd p:hover,.InpageSidebar01 .classify dd p.cur{background: url(../images/mub02_jt02.png) no-repeat 194px center #30478d;}

.InpageSidebar01 .classify dl {

    padding: 14px 19px 18px 30px;

}

.InpageSidebar01 .classify dt {

    font-size: 18px;

    color: #333333;

    background: url(../images/mub02_jt03.png) no-repeat 194px 6px;  }

.InpageSidebar01 .classify dt a {

    color: #333333;

}

.InpageSidebar01 .sidebarLinkUs {

    border: 1px solid #e4e4e4;

    margin-top: 62px;

    padding: 0 19px 20px;

    margin-bottom: 20px;

}

.InpageSidebar01 .sidebarLinkUs h3 {

    font-size: 18px;

    color:#30478d;

    font-weight: normal;

    height: 59px;

    line-height: 59px;

    border-bottom: 1px solid #e4e4e4;

    margin-bottom: 18px;

    text-indent: 10px;

}

.InpageSidebar01 .sidebarLinkUs p {

    font-size: 14px;

    color: #333333;

    margin-bottom: 12px;

    line-height: 20px;

    padding: 0 10px;

}

.InpageSidebar01 .sidebarLinkUs .zxzx {

    display: block;

    width: 160px;

    height: 50px;

    overflow: hidden;

    background: #30478d;

    text-decoration: none;

    margin-top: 20px;

}

.InpageSidebar01 .sidebarLinkUs .zxzx span {

    display: block;

    width: 50px;

    height: 50px;

    float: left;

    border-right: 1px solid #fff;

    background: url(../images/zxzx_icon01.png) no-repeat center;

}

.InpageSidebar01 .sidebarLinkUs .zxzx em {

    display: block;

    width: 109px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 16px;

    color: #fff;

    float: left;

}

.InpageSidebar01 .sidebarLinkUs .zxzx em img {

    display: inline-block;

    position: relative;

    top: 2px;

    margin-left: 8px;

}



/*右侧*/



.proListSection {

    width: 910px;

    float: right;

}

.proListSection .mainCon {

    border: 1px solid #e4e4e4;

    padding-top: 28px;

    width: 908px;

}

.proDetailsIntro {

    width: 100%;

    height: 418px;

    border-bottom: 1px solid #e4e4e4;

}

.proDetailsIntro .conL {

    width: 458px;

    float: left;

    position: relative;

    height: 418px;

    border-right: 1px solid #e4e4e4;

}

/* main_img */

.img_gallery{height:418px;overflow:hidden;position:relative;width:458px;margin:0 auto;}

.main_img{height:100%;overflow:hidden;position:relative;width:100%;}

.main_img ul{width:999px;height:100%;overflow:hidden;position:absolute;top:0;left:0;}

.main_img li{float:left;width:100%;height:100%;}

.main_img li span{display:block;width:100%;height:100%; margin: 10px auto; text-align: center;}

.main_img li a{display:block;width:100%;height:100%;}

.img_font{position:absolute; bottom:30px; left:8.5%; color:#fff; width:100%; padding:10px;}

.img_font span{display:none; }

.main_img li span img{ width: 426px; height: 360px;margin: 0 auto; text-align: center;display: inline-block;}





div.point{position:absolute;bottom:53px;left:47%;z-index:999;width:140px;height:21px;margin:0 0 0 -50px;}

div.point a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}

div.point a.on{background-position:0 -21px}

#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}

#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:1%;}

#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:1%;}



.proDetailsIntro .conR {

    float: right;

    padding-top: 40px;

    width: 400px;

    height: 378px;

    position: relative;

    margin-right: 20px;

}

.proDetailsIntro .conR h3 {

    font-size: 20px;

    color: #333333;

    font-weight: bold;

    max-height: 50px;

    overflow: hidden;

}

.proDetailsIntro .conR i {

    display: block;

    height: 1px;

    margin: 30px 0 18px 0;

    background: #e4e4e4;

}

.proDetailsIntro .conR p {

    font-size: 14px;

    color: #666666;

    line-height: 28px;

    height: 176px;

    display: inline-block;

    overflow: hidden;

}

.proDetailsIntro .conR p span{ color:#30478d; font-size: 16px; font-weight: bold;}

.proDetailsIntro .conR .box {

    width: 100%;

    position: absolute;

    bottom: 34px;

    left: 0;

}

.proDetailsIntro .conR .box .zx {

    display: block;

    width: 172px;

    height: 53px;

    float: left;

    font-size: 20px;

    color: #fff;

    line-height: 53px;

    border: 1px solid #cccccc;

    background: url(../images/proDetailsIntro_icon02.png) no-repeat 133px 20px #30478d;

    text-align: center;

    text-decoration: none;

}

.proDetailsIntro .conR .box .phone {

    float: left;

    padding-left: 42px;

    background: url(../images/proDetailsIntro_phone.png) no-repeat left center;

    margin-left: 18px;

    margin-top: 6px;

}

.proDetailsIntro .conR .box .phone span {

    display: block;

    font-size: 13px;

    color: #666666;

}

.proDetailsIntro .conR .box .phone em {

    display: block;

    font-size: 24px;

    color: #ea7549;

    font-family: arial;

}



/*产品详情*/

.proDetailsCanS {

    width: 870px;

    margin: 20px auto 0;

}

.tab{

    float: left;

    margin-right: 50px;

}

.tab .tab-nav{

    height: 53px;

     border-bottom: 1px solid #e4e4e4;

    box-sizing: border-box;



}

.tab .tab-nav li{

    float: left;

    padding: 10px 20px;

     border: 1px solid #e4e4e4;

     box-sizing: border-box;

}



.tab .tab-nav li a{

    display: block;

    height: 30px;

    padding: 0 20px;

    color: #000000;

    text-decoration: none;

    line-height: 30px;

}

.tab .tab-nav li.actived{

    background: #30478d;



}

.tab .tab-nav li.actived a{

    color: white;

}

.tab .content-wrap{

    background: #ffffff;

    padding: 5px;

    width: 870px;

}

.tab .content-wrap img{

    width: 100%;

    height: 100%;

}

.tab .content-wrap .content-item{

    display: none;

}

.tab .content-wrap .content-item .xq{ background: url("../images/xq.png") no-repeat center;height: 1470px; margin-top:10px;}

.tab .content-wrap .content-item p{ color: #696969; line-height: 27px;}

.tab .content-wrap .content-item p img{ width: 50%; margin: 0 auto;}

.tab .content-wrap .content-item .h2{ text-align: center; color: #30478d; font-size: 20px; font-weight: bold; margin: 20px;}

.tab .content-wrap .current{

    display: block;

}