.container{
    width:1340px;
    margin:0 auto;
}
.container1{
    width:1300px;
    margin:0 auto;
}
.fl{float:left;}
.fr{float:right;}

/* top-style */
.h-header{
    background: #2b9cd8;
    padding:25px 0 10px 0;
}
.xy-menu{
    padding-left:56px;
}
.xy-menu>li>a{
    padding:0 22px;
    font:500 16px/64px "Microsoft YaHei";
    color:#fff;
}
.htel{
    padding-top:20px;
}
.rm{
    padding-top:23px;
        font:600 12px/1 "Microsoft YaHei";
    color:#666;
}
.rm a{
    font:500 12px/1 "Microsoft YaHei";
    color:#999;
    padding-right:13px;
}
.sous form{
    margin:9px 0 10px 0;
    width: 231px;
    height: 32px;
    border:1px solid #d9d9d9;
    border-radius: 15px;
}
.sous #keyword{
    border:none;
    margin-left:15px;
    color:#ccc;
     font:400 12px/28px "Microsoft YaHei";
     outline:none;
}
.sous #s_btn{
    width: 28px;
    height: 28px;
    outline: none;
    border:none;
    padding-right:27px;
    float: right;
    background:url(../assets/images/lso.png) center no-repeat;
}


/* 首页内容区 */
.zbg{
    background: url(../images/zbg.jpg);
    position: relative;
    height: 2094px;
}
.habout{
    position: absolute;
    background: #fff;
    padding:63px 19px 41px 19px;
    top:-35px;

}
.aboutr{
    width: 735px;
    margin-left:35px;
}
.aboutpic{
    width: 532px;
    height: 546px;
    overflow: hidden;
    position: relative;

}
.aboutpic img{
        -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
}
.aboutpic:hover img {
    transform: scale(1.1);
}
.about1{
    padding-bottom:37px;
    border-bottom:1px solid #d9d9d9;
}
.about1l{
    width: 470px;
    padding-top:24px;
    max-height: 104px;
}
.about1r{
    width: 182px;
    height: 127px;
    background: url(../images/aboutr.png) center no-repeat;
    margin:10px 20px 0 0;
}
.amore{
    display: block;
    width: 179px;
    height: 55px;
    border:1px solid #d9d9d9;
    font: 400 14px/55px "ArialMT";
    color:#666;
    position: relative;
    text-transform: uppercase;
    margin: 18px 0 0 11px;
    padding-left:17px;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
    z-index:1;
    
}
.amore i{
    display: inline-block;
    width: 27px;
    height: 7px;
     background: url(../images/aboutjt.png) center no-repeat;
     margin-left:14px;
}
.amore:hover{
    padding-left:30px;
    color:#fff;
}
.amore::after{
    position: absolute;
    content:'';
    width:0;
    height: 100%;
    top:0;
    left:0;
    background: #2b9cd8;
    z-index:-1;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
}
.amore:hover:after{
    width:100%;
}
.aboutimg{
    padding:28px 0px 18px 15px;
    background: #f0f0f0;
    margin-top:41px;
}
.aboutimg .aimg{
    margin-right:15px;
    background: #fff;
}
.aboutimg .aimg .img{
    width: 225px;
    height: 144px;
    overflow: hidden;  
    display: block;
}
.aboutimg .aimg .img img{
        -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
    max-width:100%;

}
.aboutimg .aimg h3{
      font: 400 14px/1 "ArialMT";
      color:#4c4c4c;
      padding:15px 0 0 14px;
}
.aboutimg .aimg p{
      font: 400 12px/1 "ArialMT";
      color:#999;
       padding:16px 4px 0 14px;
}
.aboutimg .aimg:hover h3{
    color:#2b9cd8;
}
.aboutimg .aimg:hover .img img{
        transform: scale(1.1);
}
/* 首页产品 */
.hpro{
    position: absolute;
    top:659px;
}
.htitle{
    background: url(../images/probg.jpg) center no-repeat;
    width: 1340px;
    height: 215px;
}

.htitle h2{
     font: 500 30px/1 "Microsoft YaHei";
     color:#fff;
     text-align: center;
     padding-top:41px;
    margin-block-start: 0;
    margin-block-end:0;
}
.htitle p{
    padding-top:21px;
     font: 500 16px/1 "Microsoft YaHei";
     color:#bbbec7;
     text-align: center;
}
.prolist {
    width: 1106px;
    margin:0 auto;
    padding-top:16px;
}
.prolist li{
    float: left;
    margin-right:18px;
}
.prolist li a{
   padding:0 42px;
    font: 500 16px/43px "Microsoft YaHei";
    color:#fff;
    display: block;
    border:1px solid #4e617e;
    position: relative;
}

.prolist  .cur a{
    background: #2b9cd8;
    border:1px solid #2b9cd8;
}
.prolist  .cur a::after{
    position: absolute;
    content:'';
    bottom: -11px;
    left:0;
    right:0;
    margin: 0 auto;
    width: 13px;
    height: 10px;
    background: url(../images/hcur.png) center no-repeat;
}
.procont {
    background: #fff;
    padding-bottom:52px;

}
.proimg li{
    width: 304px;
    height: 335px;
    float:left;
}

.items-list{
    padding-top: 30px;
}
.items-list li{
    float: left;
    width: 304px;
    margin-right:28px;
}
.items-list li:last-child{
    margin-right:0px;
}
.items-list li a{
    display: block;
    padding: 0 4px;
}
.items-list li a .img{
    position: relative;
    z-index: 9;
}
.items-list li a img{
        width: 304px;
    height: 246px;
}
.items-list li .cate-intro{
    background: #f5f5f5;
    border-bottom: 4px solid #eece01;
    text-align: center;
    padding:30px 0 44px 0;
    position: relative;
    z-index: 1;
    margin-top: -80px;
    padding-top: 103px;
    width:304px;
}
.items-list li .cate-intro h3{
    font-weight: normal;
    color:#333;
    text-align: left;
    overflow: hidden;
     font: 500 18px/1 "Microsoft YaHei";
     padding:0 20px;
}
.items-list li .cate-intro .more{
    display: inline-block;
    width: 163px;
    height: 40px;
     font: 500 14px/40px "Microsoft YaHei";
    color:#fff;
    display: none;
    text-align: left;
    padding-left:22px;
    margin: 30px 0 0  20px;
    background: url(../images/projt.png)  120px center no-repeat #2b9cd8;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
}
.items-list li:hover .cate-intro{
    background: #f5f5f5;
    padding-top: 11px;
    z-index: 999;
}
.items-list li:hover .cate-intro .more{
    display: block;
}
.items-list li:hover .cate-intro h3{
  padding-top:22px;
}


/* 新闻中心 */
.xyin-news{
    position: absolute;
    top:1308px;
    background: #fff;
}
.xyin-news-slick .img img{
    width: 419px;
    height: 220px;
}
.xyin-news-title .xyin-title{
     font: 500 30px/1 "Microsoft YaHei";
     color:#333;
     padding:5px 0 18px 0;
}
.xyin-news-title p{
    color:#b2b2b2;
     font: 500 16px/1 "Microsoft YaHei";
}


/* 案例 */
.hcase{
    position: absolute;
    top:1860px;
    background: #fff;
    padding:32px 0 29px 0;
}
.hcaseimg li{
    float:left;
    list-style: none;
    width: 418px;
    height: 145px;
    margin-right:21px;
    padding:27px 0 0 20px;
}
.hcaseimg li:nth-child(3)
{
     margin-right:0px;
}
.hcaseimg li:nth-child(1)
{
    background: url(../images/case1.jpg) center no-repeat;
}
.hcaseimg li:nth-child(2)
{
    background: url(../images/case2.jpg) center no-repeat;
}
.hcaseimg li:nth-child(3)
{
    background: url(../images/case3.jpg) center no-repeat;
}
.hcaseimg li h3{
     font: 700 24px/1 "Microsoft YaHei";
     color:#fff;
}
.hcaseimg li p{
     font: 400 14px/1 "Microsoft YaHei";
     color:#fff;
     padding-top:14px;
}


/* 首页底部 */
.hfoot{
    background: #0b2952;
    padding:35px 0 8px 0;
}
.wchat{
    width: 430px;
}
.xpup{
    padding:59px 0 0 20px ;
}
.xpup, .xpup a{
    color:#fff;
    font: 400 12px/16px "Microsoft YaHei";
}
.f-nav select{
    margin-top:16px;
    width: 330px;
    height: 46px;
    background: url(../images/link.png) center no-repeat;
    background-image: cover;
}
.f-nav .linet b{
font: 400 16px/46px "Microsoft YaHei";
color:#b3b8c1
}