*{margin:0px; padding:0px; list-style:none;font-family: 微软雅黑, "microsoft yahei";}
body{background:#fff;font-family: 微软雅黑, "microsoft yahei"; min-width:1200px;color:#666666; font-size:14px;}
ul,li{margin:0px; padding:0px; list-style:none;}
h1{margin:0px; padding:0px;}
a{color:#111111;text-decoration:none; font-size:14px;}
.w1200{width:1200px;margin:0 auto;}
.left{float:left;}
.right{float:right;}
.clearfix {
    zoom: 1
}

.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    width: 0;
    height: 0;
    content: ''
}
.header{width:100%;}
.h-top{height:91px;}
.h-nav{background:#0058b3;height:50px;width:100%;}
.nav{height:50px;}
.nav ul li{float:left;position:relative;}
.nav ul li a{font-size:18px;color:#fff;padding: 13px;display:block;padding-left: 30px;padding-right: 30px;}
.nav ul li:hover{background:#1f6dbd;}
.nav ul li .subnav{position: absolute;z-index: 999999;top: 100%;left: 46%;display: none;width: 132px;margin-left: -60px;background: rgba(0,60,112,.7);}
.nav ul li:hover .subnav{display:block;}
.search{
position: relative;
    top: -65px;
    background: #fff;
    z-index: 99999;
    height: 150px;
}
.search-right{width: 520px;padding-left: 40px;padding-right: 40px;border-bottom:4px solid #0058b3;padding-top:78px;padding-bottom: 22px;}
.search-right h1{font-size:18px;float: left;}
.search-key{ width: 460px;padding-bottom: 20px;}
.search-right a{font-size:14px;font-weight: 200;}
.search-right a:hover{color:#c30f1b;}
.search-right input {
    height: 42px;
    line-height: 60px;
    border: 1px solid #aaaaaa;
    float:left;
    width: 420px;
    text-indent: 10px;
    font-size: 16px;
}
.search-right input.tbn {
    background:url(../images/search.jpg) no-repeat center;
    height: 44px;
    width: 78px;
    line-height: 42px;
    text-indent: -9999em;
    cursor: pointer;
    border:none;
}

.xl-nav ul li{float:left;text-align: center;margin-left: 16px;}
.xl-nav ul li:nth-child(1){margin-left:0;}
.xl-nav ul li span{   
    border: 1px solid #0058b3;
    width: 225px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    background:#0058b3;
    color:#fff;
    font-size:18px;
}
.xl-nav ul li:hover span{
border: 1px solid #aaaaaa;
background:none;
color:#333333;
}
.pro-tit{
    padding-top: 60px;
    padding-bottom: 40px;
}
 
.index_product ul li{width:300px;height:360px;}
.index_product ul li .btns{display:none;}
.index_product ul li:hover{border:1px solid #0058b3;position:relative;width:298px;height:358px;}
.index_product ul li:hover .btns{display:block;padding-top: 15px;}
.index_product ul li:hover h1{color:#4276be;}
.index_product ul li:hover .pic{margin-top:10px;}
.index_product ul li .btns a:hover{border:1px solid #0058b3;color:#4276be;}

.index_product{overflow:hidden;padding-bottom:3%;}
.index_product ul li{float:left;text-align:center;}
.index_product ul li .pic{width:280px;height:240px;margin:30px auto 20px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;transition:all .2s linear 0s;margin-bottom:0;}
.index_product ul li .pic img{width:280px;height:240px;}
.index_product ul li h3{padding-left:6px;padding-right:6px;font-size:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-top:10px;color:#333333;font-weight: 500;}
.index_product ul li p{font-size:14px;color:#999;line-height:30px;}
.index_product ul li .btns{transition:all .2s linear 0s;}
.index_product ul li .btns a{font-size:14px;color:#888;border:1px solid #ddd;padding:3px 16px;margin:0 8px;}
.index_product .more{display:block;text-align:center;font-size:24px;margin-top:3%;color:#ff0d00;}
.index_product .more:hover{color:#4276be;}
.aboutus{
background:url(../images/aboutbg.jpg) center no-repeat; height:562px;text-align:center;
}
.aboutus-con{padding-top: 80px;}
.aboutus-con p{text-align:left;color:#fff;font-size:18px; padding-top: 40px;
    line-height: 36px;
    text-indent:32px;}
.about-nav{margin-top:-72px;height:150px;}
.abnav{
    width:850px;
    margin:0 auto;
}
.abnav ul li{
    float:left;
     
    position:relative;
}
.abnav ul li:nth-child(2){
     
    margin-left:44px;
    margin-right:44px;
     
}
.abnav-tit{
    width: 254px;
    height: 140px;
    text-align: center;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
     display:none;
}
.abnav ul li:hover .abnav-tit{display:block;}
.abnav-tit span{
    font-size:24px;
    color:#fff;
    font-weight:700;
    padding-top: 50px;
    display: block;
    padding-bottom: 10px;
}
.abnav-tit i{
    width: 48px;
    height: 2px;
    display: block;
    background: #fff;
    text-align: center;
    margin: 0 auto;
}
.youshi{margin-top:80px;margin-left: 1px}
.index-ad{
background:url(../images/indexad.png) center no-repeat; height:557px;text-align:center;
    margin-top: -11px;
}
.index-ad-a{
    position:relative;
    height:433px;
    width:1200px;
    margin:0 auto;
    }
.index-ad a{
    width:144px;
    height:35px;
    background:#0a519b;
    color:#fff;
    font-size:18px;
    position:absolute;
    bottom: 46px;
    line-height: 34px;
    left: 455px;
}
.index-ad a:hover{
 
background:#f7bc0a;
}

.fangan{margin-top:55px;}
.fangan p{margin-top:20px;}
.fangan-tit{text-align:center;margin-bottom:50px;}
.fangan p span{
    background:#f08619;color:#fff;font-size:18px;padding:6px;padding-left:30px;padding-right:30px;}
.fangan-nav ul li{float:left;width:260px;margin-left:53px}
.fangan-nav ul li:nth-child(1){margin-left:0;}
.fangan-pic{text-align:center;
position:relative;}
.mark{width:260px;height:240px;position: absolute;
    top: 0;
    background: rgba(0,0,0,.5);display:none;}

.fangan-pic span{
    font-size: 18px;
    color: #fff;
    background: #003da5;
    left: 60px;
    position: absolute;
    
    bottom: 12px;
    width: 138px;
    height: 40px;
    line-height: 38px;
    }
    .fangan-nav ul li:hover .fangan-pic span{bottom:100px;transition: all .2s linear 0s;}
    .fangan-nav ul li:hover .mark{display:block;}
.fangan-con span{display: block; font-size:18px;color:#f08619;border-bottom:3px solid #f08619;padding-top:16px;padding-bottom:8px;}
.fangan .fangan-con p{font-size:14px;color:#666666;text-align:left;text-indent:32px;line-height:24px;}
.fangan-nav ul li:hover h1{width:90px;transition: all .2s linear 0s;}

.case{}
.case .case-tit{margin-top:50px;margin-bottom:50px;}

.case-con ul li{
    float:left;
    position:relative;
    margin-bottom:10px;
    margin-left:10px;
    overflow:hidden;
}
.case-con ul .case-tab01{width:320px;height:199px;}
.case-con ul .case-tab02{width:471px;height:257px;}
.case-con ul .case-tab03{width:387px;height:257px;}
.case-con ul .case-tab04{width:320px;height:411px;}
.case-con ul .case-tab05{width:600px;height:352px;}
.case-con ul .case-tab06{width:258px;height:352px;}
.case-con ul li img{
    width:100%;
    height:100%;
}


.case-con ul .case-tab01,.case-con ul .case-tab04{
    margin-left:0px;
}
.case-con ul .case-tab04{
    margin-top:-59px;
}
.case-con ul li p{
    background:#222222;color:#fff;font-size:18px;height:44px;line-height:42px; width: 100%;position: absolute;
    bottom: 0px;    text-indent: 20px;
}
.case-con a p{display:none;}
.case-con a:hover p{display:block;}

.rongyu{background:url(../images/rongyubg.jpg) center no-repeat; height:474px;text-align:center;
margin-top:52px;margin-bottom: 52px;
}
.ry-con-tit{padding-top:68px;padding-bottom:70px;}
.hezuo{}
.hezuo-tit{text-align:center;margin-top:70px;margin-bottom:10px;}
.hezuo-tit span{font-size:36px;color:#0058b3;border-bottom:5px solid #f08619;font-weight:700;padding-bottom:10px;}
.hz-nav ul li{float:left;}
.hz-nav ul li:nth-child(2){margin-left:60px;}
.hz-nav ul li:nth-child(3){margin-left:30px;}
.hz-nav ul li:nth-child(4){margin-left:30px;}

.newscenter{width:1268px;margin:0 auto; background: #eeeeee;padding-top: 40px;
    padding-bottom: 40px;    margin-bottom: 40px;}
.news-con-l{width:600px;}
.news-con-r{    width: 580px;
    padding-left: 20px;}
    .news-con-r ul li img{
        width:274px;
        height:230px;
    }
.news-con-l-tit{margin-bottom:20px;padding-left:20px;}
.news-con-l-tit h4{font-size:30px;color:#0058b3;padding-bottom:6px;}
.news-con-l-tit p span{color:#aaaaaa;font-size:14px;    font-weight: 600;}
.news-con-l-tit p a{float:right;color:#f08619;font-size:14px;    font-weight: 600;padding-right: 40px;}
.news-con-l ul li{padding:20px;border-bottom:1px solid #bbbbbb;}
.news-con-l ul li:nth-child(3){border:none;}
.news-con-l ul li span{font-size:18px;color:#0058b3;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news-con-l ul li p{font-size:14px;color:#666666;line-height:26px;  padding: 10px;}
.news-con-l ul li:hover{
    background:#0058b3;}
    .news-con-l ul li:hover h1{color:#fff;}
    .news-con-l ul li:hover p{color:#fff;}
.news-con-r ul li{float:left;width:274px;}
.news-con-r ul li h4{font-size:18px;color:#0058b3;padding-bottom:6px;text-align:center;padding-top:10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news-con-r ul li p{font-size:14px;color:#666666;line-height:26px;
text-indent:30px;padding: 0 18px;}

.news-con-r ul li{margin-left:15px;margin-bottom:48px;}
.footer{
    background:#0058b3;}
    .footer-search{padding-top:10px;padding-bottom:6px;}
.footer-search a{font-size:18px;color:#fff;line-height: 46px;margin-right:6px;}
.footer-search input {
    height: 40px;
    line-height: 60px;
    border: 1px solid #aaaaaa;
    float:left;
    width: 360px;
    text-indent: 10px;
    font-size: 16px;
}
.footer-search input.tbn {
    background:url(../images/footersearch.png) no-repeat center;
    height: 42px;
    width: 54px;
    line-height: 42px;
    text-indent: -9999em;
    cursor: pointer;
    border:none;
}
.footer-info{
background:url(../images/footerbg.jpg) center no-repeat; 
/* height:295px; */
padding: 30px 0;
color: #fff;

text-align: center;
}
.footer-info p {line-height: 30px; margin-bottom: 30px;}
.footer-info a {color: #fff; font-size: 16px;}
.footer-info .ferweima{padding-top:50px;padding-bottom:30px;}
.footer-info .fcopy{text-align:center;}
.footer-info .fcopy i{display: block;
    height: 1px;
    border-bottom: 1px solid #fff;
     padding-top: 11px;
    width: 434px;}
.footer-info .fcopy span{font-size:16px;color:#fff;}
.toolbar {

    width: 52px;

    position: fixed;

    right: 2%;

    top: 44%;

    z-index: 999;

}

.toolbar dd {

    width: 51px;

    height: 51px;

    margin-bottom: 1px;

    position: relative;

    -webkit-border-radius: 100%;

    border-radius: 100%;

    margin-top: 4px;

    border: #ebebeb solid 1px;

    background-color: #fff;

    -webkit-border-radius: 100%;

    border-radius: 100%;

}

.toolbar dd i {

    width: 51px;

    height: 51px;

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    cursor: pointer;

    text-align: center;

    -webkit-border-radius: 100%;

    border-radius: 100%;

}

.toolbar dd i span {

    width: 35px;

    height: 35px;

    display: block;

    margin: 8px 0 0 8px;

    background: url(../images/rightfixicon.png) no-repeat 0 0;

}

.toolbar dd.gottop {

    display: none;

}

.toolbar .slide-tel {

    display: block;

    width: 0;

    height: 53px;

    line-height: 53px;

    font-size: 24px;

    font-weight: bold;

    font-family: arial;

    color: #FFF;

    position: absolute;

    padding: 0 0 0 53px;

    top: -1px;

    right: -2px;

    -webkit-border-radius: 50px;

    border-radius: 50px;

    overflow: hidden;

}

.toolbar .pop {

    position: absolute;

    right: 90px;

    top: -65px;

    background: #003e92;

    display: none;

}

.toolbar .pop-code {

    width: 160px;

}

.toolbar .pop-code img {

    width: 120px;

    height: 120px;

    display: block;

    padding: 20px 20px 0;

}

.toolbar .pop-code h3 {

    height: 52px;

    line-height: 26px;

    text-align: center;

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    white-space: nowrap;

}

.toolbar .pop-code h3 b {

    display: block;

    font-size: 14px;

    font-weight: normal;

}

.toolbar .qq span {

    background-position: -0px -47px;

}

.toolbar .qq a {

    width: 52px;

    height: 52px;

    cursor: pointer;

    display: block;

}

.toolbar .qq:hover {

    background-color: #003e92;

    border-radius: 100%;

}

.toolbar .qq:hover span {

    background-position: -36px -47px;

}

.toolbar .tel span {

    background-position: -0px 0;

}

.toolbar .tel:hover {

    background: #003e92;

}

.toolbar .tel:hover span {

    background-position: -36px 0;

}

.toolbar .code span {

    background-position: -0px -95px;

}

.toolbar .code:hover {

    background-color: #003e92;

    border-radius: 100%;

}

.toolbar .code:hover span {

    background-position: -36px -95px;

}

.toolbar .top span {

    background-position: -0px -142px;

}

.toolbar .top:hover {

    background-color: #003e92;

    border-radius: 100%;

}

.toolbar .top:hover span {

    background-position: -36px -142px;

}

.toolbar dd:hover {

}