@charset "utf-8";

/*----------------------------------------------------
                 Procyon - CSS File
------------------------------------------------------*/
ul,li,p{
    padding:0px;
    margin:0px;
    list-style: none;
}
a{
    text-decoration: none;
}
body {
    font-size: 14px;
    min-width: 1180px;
    padding: 0px;
    margin: 0;
    font-family: "Microsoft Yahei", "微软雅黑";
}

/*头部欢迎*/
.top{
    background: #F2F2F2;
}
.top>div{
    width: 1180px;
    margin: auto;
    line-height: 38px;
    color: #666666;
    font-size:14px;
    font-weight:400;
}
.top>div>.left{
    float: left;
}
.top>div>.right{
    float: right;
}
.top>div>.right>a{
    color: #666666;
}
/*头部logo*/
.top_logo{
    background: #fff;
}
.top_logo>div{
    width: 1180px;
    margin: auto;
    padding: 18px 0;
}
.top_logo .left{
    float: left;
}
.top_logo .right{
    float: right;
    background: url("../images/phone.png")no-repeat;
    background-position: left center;
    padding-left: 56px;
}
.top_logo .left>img{
    float: left;
}
.top_logo .left>.wz{
    float: left;
    font-size:14px;
    font-weight:400;
    color:#333333;
    background: url("../images/logol.png")no-repeat;
    background-position: left center;
    margin-left: 20px;
    padding-left: 20px;
    margin-top: 16px;
    line-height:17px;
}
.top_logo .right{
    margin-top: 13px;
}
.top_logo .right>div{
    font-size:20px;
    font-weight:bold;
    font-style:italic;
    color:rgba(51,51,51,1);
    line-height:20px;
}

/*投不栏目*/
.top_menu{
    background:rgba(8,145,207,1);
}
.top_menu>div{
    width: 1200px;
    margin: auto;
}
.top_menu>div>.title{
    float: left;
    width: 12.5%;
}
.top_menu>div>.title>a{
    display: block;
    line-height: 58px;
    text-align: center;
    font-size:18px;
    font-weight:400;
    color:#fff;
}
.top_menu>div>.title>a:hover{
    background: #009FE8;

}
.top_menu>div>.title>a.curr{
    background: #009FE8;

}

/*服务无流程*/
.fwlc{
    max-width: 1920px;
    min-width: 1180px;
    margin: auto;
    background: url("../images/fwlc.png")no-repeat center;
}
.fwlc>div{
    width: 1180px;
    margin: auto;
    height: 120px;
}
.fwlc>div>.left{
    float: left;
    color: #fff;
    margin-left: 50px;
}
.fwlc>div>.left>div:nth-child(1){
    font-size:24px;
    font-weight:400;
    color:rgba(254,254,254,1);
    margin-top: 35px;
}
.fwlc>div>.left>div:nth-child(2){
    font-size:12px;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.fwlc .right{
    float: left;
    margin-left: 40px;
}
.fwlc .right>.ico{
    float: left;
    margin-left: 89px;
    text-align: center;
}
.fwlc .right>.ico>div:nth-child(1){
    position: relative;
    width: 72px;
    height: 52px;
    margin-top: 15px;
}
.fwlc .right>.ico>div:nth-child(1)>img{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.fwlc .right>.ico>div:nth-child(2){
    margin-top: 15px;
    font-size:18px;
    font-weight:400;
    color:rgba(102,102,102,1);
}
/*合作伙伴*/
.hzhb{
    background: url("../images/hzhb.jpg")#fff no-repeat center;
    background-position: center bottom;
}
.hzhb>div{
    width: 1180px;
    margin: auto;
    height: 287px;
    padding-top: 50px;
    position: relative;
}
.ttt{
    text-align: center;
}
.ttt>div:nth-child(1){
    font-size:30px;
    font-weight:400;
    color:rgba(102,102,102,1);
    background: url("../images/xt.png")no-repeat center;
}
.ttt>div:nth-child(1)>span{
    font-size: 30px;
    color: #0891CF;
    font-weight: 700;
}

/*伙伴滚动*/
.huoban {
    width: 895px;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    margin-top: 78px;
}
.huoban .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: 56px;
    width: 168px;

}
.huoban .swiper-slide>a{
    display: block;
    height: 56px;
    position: relative;
    background:rgba(255,255,255,1);
    border:1px solid rgba(191,191,191,1);
    border-radius:10px;
	overflow: hidden;
}
.huoban .swiper-slide>a>img{
    max-width: 100%;
	max-height:100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.swiper-button-nexthb{
    background: url("../images/rl.png")no-repeat center;
    width:42px;
    height:42px;
    position: absolute;
    right: 62px;
    top: 196px;
}
.swiper-button-prevhb{
    background: url("../images/ll.png")no-repeat center;
    width:42px;
    height:42px;
    position: absolute;
    left: 62px;
    top: 196px;
}
/*产品中心*/
.index_pro{
    background: #F4F4F4;
}
.index_pro>div{
    width: 1180px;
    margin: auto;
    padding-top: 70px;
    height: 850px;
}
.pro_box {
    width: 1180px;
    overflow: hidden;
    height: 635px;
    margin: auto;
    margin-top: 39px;
}
.pro_box .swiper-slide {
    width:367px;
    height:295px;
    background: #fff;
}
.pro_box .swiper-slide>a{
    display: block;
    width:365px;
    height:295px;
    border:1px solid rgba(204,204,204,1);
    background: #F4F4F4;
}
.pro_box .swiper-slide>a:hover{
    border:1px solid #0891CF;
}
.pro_box .swiper-slide>a:hover>div:nth-child(2){
    background:rgba(8,145,207,0.5);
}
.pro_box .swiper-slide>a>div:nth-child(1){
    height: 245px;
    width: 352px;
    margin: auto;
    margin-top: 5px;
    overflow: hidden;
}
.pro_box .swiper-slide>a>div:nth-child(1)>img{
	width:100%;
}
.pro_box .swiper-slide>a>div:nth-child(2){
    width: 352px;
    margin: auto;
    line-height: 35px;
    text-align: center;
    background:rgba(0,0,0,0.5);
    font-size:15px;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.ckgd{
    display: block;
    width:135px;
    line-height:38px;
    text-align: center;
    background:rgba(8,145,207,1);
    font-size:14px;
    font-weight:400;
    color:rgba(255,255,255,1);
    margin: auto;
    margin-top: 40px;
}

/*首页优势*/
.index_ys{
    max-width: 1920px;
    min-width: 1180px;
    margin: auto;
    background: url("../images/ysys.jpg")no-repeat center;
}
.index_ys .ttt>div:nth-child(1){
    background: url("../images/bx.png")no-repeat center;
}
.index_ys>div{
    width: 1180px;
    margin: auto;
    height: 628px;
}
.yst{
    width:777px;
    height:93px;
    background:rgba(8,145,207,1);
    margin: auto;
    text-align: center;
    margin-bottom: 31px;
}
.yst>div:nth-child(1)>img{
    height: 38px;
    margin-top: 10px;
}
.yst>div:nth-child(2){
    font-size:20px;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.ys_box{
    margin-top: 34px;
}
.ys_box>.left{
    float: left;
    width:228px;
    height:389px;
    background:rgba(8,145,207,0.7);
    margin-left: 9px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}
.ys_box>.left:hover{
    background:rgba(8,145,207,1);
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-10px);
    transform: translateY(-15px);
}
.ys_box>.left:nth-child(1){
    margin-left: 0;
}
.ys_box>.left>div{
    width:217px;
    margin: auto;
    text-align: center;
}
.ys_box>.left>div:nth-child(1){
    height:254px;
    margin-top: 7px;
}
.ys_box>.left>div:nth-child(1)>img{
    width:217px;
    height:254px;
}
.ys_box>.left>div:nth-child(2){
    font-size:18px;
    font-weight:bold;
    color:rgba(255,255,255,1);
    margin: 18px 0;
}
.ys_box>.left>div:nth-child(3){
    font-size:12px;
    font-weight:400;
    color:rgba(255,255,255,1);
}

/*荣誉资质*/
.index_ry{
    background: #F4F4F4;
}
.index_ry>div{
    width: 1180px;
    margin: auto;
    height: 390px;
    padding-top: 50px;
}
.ry_box {
    width: 1180px;
    overflow: hidden;
    margin: auto;
    height:255px;
    margin-top: 35px;
}
.ry_box .swiper-slide {
    width:190px;
    height:254px;
}
.ry_box .swiper-slide>a{
    width:190px;
    height:254px;
    display: block;
    position: relative;
    background: #fff;
}
.ry_box .swiper-slide>a>img{
    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

/*工程案例*/
.index_gc{
    width: 1180px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 100px;
}
.al_box {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.al_box .swiper-slide {
    background-size: cover;
    background-position: center;
}
.gallery-top {
    width: 975px;
    height: 536px;
    float: left;
    overflow: hidden;
}
.gallery-top a{
    display: block;
    width:315px;
    height:263px;
    position: relative;
    float: left;
    margin-left: 10px;
    overflow: hidden;
}
.gallery-top a:nth-child(4),.gallery-top a:nth-child(5),.gallery-top a:nth-child(6){
    margin-top: 10px;
}
.gallery-top a>img{
    width:315px;
    height:263px;
    transition: all 0.6s;
}
.gallery-top a>img:hover{
    transform: scale(1.4);
}
.gallery-top a>.tit{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size:16px;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height: 40px;
    background:rgba(37,37,36,0.76);
}
.gallery-thumbs {
    width: 201px;
    float: left;
    overflow: hidden;
    height: 536px;
}
.gallery-thumbs .swiper-slide {
    height: 86px;
    background:rgba(242,242,242,1);
    color:rgba(51,51,51,1);
    cursor:pointer;
}
.gallery-thumbs .swiper-slide>div{
    margin-left: 9px;
}
.gallery-thumbs .swiper-slide>div:nth-child(1){
    font-size:16px;
    font-weight:400;
    line-height:18px;
    margin-top: 12px;
}
.gallery-thumbs .swiper-slide>div:nth-child(2){
    font-size:12px;
    font-weight:400;
    line-height:18px;
    text-transform:uppercase;
    margin-top: 5px;
}
.gallery-thumbs .swiper-slide>div:nth-child(3){
    background: url("../images/alc.png")no-repeat;
    height: 13px;
    background-position: left center;
    margin-top: 7px;
}
.gallery-thumbs .swiper-slide-thumb-active {
    background:rgba(8,145,207,1);
    color: #fff;
}
.gallery-thumbs .swiper-slide-thumb-active>div:nth-child(3){
    background: url("../images/by.png")no-repeat;
    background-position: left center;
}
/*首页介绍*/
.index_about{
    background: #F4F4F4;
}
.index_about>div{
    width: 1180px;
    margin: auto;
    padding-top: 60px;
    padding-bottom: 60px;
}
.js_con>.img{
    float: left;
    width:400px;
    height:360px;
}
.js_con>.img>img{
    width: 100%;
    height: 360px;
}
.js_con>.con{
    float: left;
    width: 660px;
    height: 360px;
    background: #fff;
}
.js_con>.con>div{
    width: 617px;
    margin: auto;
}
.js_con>.con>div:nth-child(1){
    font-size:18px;
    font-weight:bold;
    color:rgba(51,51,51,1);
    padding: 15px 0;
}
.js_con>.con>div:nth-child(2){
    font-size:14px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height: 25px;
    height: 278px;
    overflow: hidden;
}
.js_con>.right{
    float: right;
    width: 110px;
    height: 360px;
}
.js_con>.right>.kuai{
    height: 33%;
    text-align: center;
    border-bottom: 1px solid rgba(204,204,204,1);
}
.js_con>.right>.kuai:nth-child(3){
    border: 0;
}
.js_con>.right>.kuai>div:nth-child(1){
    font-size:36px;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height: 30px;
    padding-top: 38px;
}
.js_con>.right>.kuai>div:nth-child(2){
    font-size:16px;
    font-weight:400;
    text-align: left;
    text-indent: 75px;
    color:rgba(51,51,51,1);
    line-height: 15px;
}
.js_con>.right>.kuai>div:nth-child(3){
    font-size:16px;
    font-weight:400;
    color:rgba(51,51,51,1);
    margin-top: 8px;
}


/*设备滚动*/
.slideGroup{ width:1180px; text-align:left;margin:0 auto;margin-top: 40px  }
.slideGroup .parHd{ height:38px; line-height:38px;   position:relative;}
.slideGroup .parHd ul{  position:absolute;   height:38px;width: 100% ;text-align: left;background: url("../images/sbgd.png")no-repeat;background-position: 465px center }
.slideGroup .parHd ul li{
    cursor:pointer;
    display: inline-block;
    width:135px;
    line-height:38px;
    background:#CCCCCC;
    font-size:16px;
    text-align: center;
    font-weight:400;
    color:#fff;
    margin-left: 24px;
}
.more{
    float: right;
    font-size:14px;
    font-weight:400;
    color:rgba(127,126,126,1);
}
.slideGroup .parHd ul li:nth-child(1){margin-left: 0}
.slideGroup .parHd ul li.on{  color: #fff;background: #0891CF }
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:0px 0 0px 60px; position:relative; margin-top: 40px  }



.slideGroup .sPrev,.slideGroup .sNext{
    position:absolute; left:5px; top:50px; display:block;
    width:30px; height:94px;
    background:url(../images/left.png) center center no-repeat ; }
.slideGroup .sNext{ left:auto; right:5px; background:url(../images/right.png) center center no-repeat ;  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

.slideGroup .parBd ul{ overflow:hidden; zoom:1;  }
.slideGroup .parBd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center; }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:246px; height:200px; display:block; transition: all 0.6s;   }
.slideGroup .parBd ul li .pic img:hover{ transform: scale(1.4);  }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:24px;   }


/*新闻*/
.index_news{
    width: 1180px;
    margin: auto;
    height: 664px;
}
.index_news>.left{
    float: left;
    width: 760px;
}
.index_news>.right{
    float: right;
    width: 362px;
}
.index_news .new_tit{
    font-size:30px;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:30px;
    padding: 66px 0 41px 0;
}
.index_news>.left>.qiye{
    height: 70px;
    background: url("../images/ann.png")no-repeat;
}
.index_news>.left>.qiye>.bg{
    width:760px;
    height:60px;
    background:rgba(242,242,242,1);
}
.index_news>.left>.qiye>.bg>a:nth-child(1){
    float: left;
    line-height: 60px;
    font-size:20px;
    background:#0891CF;
    font-weight:400;
    color:rgba(255,255,255,1);
    width:249px;
    height:60px;
    text-align: center;
}
.index_news>.left>.qiye>.bg>a:nth-child(2):hover{
    background:#0891CF;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.index_news>.left>.qiye>.bg>a:nth-child(2){
    float: left;
    line-height: 60px;
    font-size:20px;
    background:#F2F2F2;
    font-weight:400;
    color:#666666;
    width:249px;
    height:60px;
    text-align: center;
}
.index_news>.left>.qiye>.bg>a:nth-child(3){
    line-height: 60px;
    font-size:18px;
    font-weight:400;
    color:rgba(51,51,51,1);
    float: right;
    margin-right: 40px;
}
.index_news .list1{
    margin-top: 24px;
}
.index_news .list1>.img{
    float: left;
    width:370px;
    height:230px;
}
.index_news .list1>.img>img{
    width:370px;
    height:230px;
}
.index_news .list1>.con{
    float: left;
    width: 370px;
    margin-left: 20px;
}
.index_news .list1>.con>div:nth-child(1){
    font-size:16px;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:28px;
    margin-top: 15px;
    height: 49px;
    overflow: hidden;
}
.index_news .list1>.con>div:nth-child(1)>a{
    color:rgba(51,51,51,1);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}
.index_news .list1>.con>div:nth-child(2){
    font-size:12px;
    font-weight:400;
    color:rgba(204,204,204,1);
    line-height:28px;
    padding-left: 27px;
    background: url("../images/yj.png")no-repeat;
    background-position: left center;
    margin-top: 5px;
}
.index_news .list1>.con>div:nth-child(3){
    font-size:14px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:22px;
    margin-top: 5px;
    height: 110px;
    overflow: hidden;
}
.index_news .ne_list{
    margin-top: 20px;
}
.index_news .ne_list>a{
    display: block;
    line-height: 33px;
    border-top: 1px solid #F2F2F2;
    background: url("../images/jian.png")no-repeat;
    background-position: 10px center;
}
.index_news .ne_list>a>.t{
    float: left;
    font-size:14px;
    font-weight:400;
    color:rgba(102,102,102,1);
    margin-left: 27px;
}
.index_news .ne_list>a>.time{
    float: right;
    font-size:14px;
    font-weight:400;
    color:rgba(204,204,204,1);
}
.index_news .qsj{
    width:342px;
    height:439px;
    padding: 15px 10px;
    background:rgba(242,242,242,1);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}
.index_news .qsj>a{
    display: block;
    width: 320px;
    margin: auto;
    border-left: 1px solid #D9D9D9;
    padding: 9px 0;
    padding-left: 12px;
}
.index_news .qsj>a>div:nth-child(1){
    font-size:14px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:19px;
    height: 38px;
    position: relative;
}
.index_news .qsj>a>div:nth-child(2){
    font-size:12px;
    font-weight:400;
    color:rgba(204,204,204,1);
}
.index_news .qsj>a>div>.y{
    position: absolute;
    width:7px;
    height:7px;
    background:rgba(204,204,204,1);
    border-radius:50%;
    left: -16px;
    top: 15px;
}
.index_news .qsj>a:hover .y{
    background: rgba(0,58,133,1);
}
.index_news .qsj>a:hover>div:nth-child(1){
    color: rgba(0,58,133,1);
}
.index_news .ne_list>a:hover>.t{
    color: rgba(0,58,133,1);
}
.index_news .list1>.con>div:nth-child(1)>a:hover{
    color: rgba(0,58,133,1);
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-10px);
    transform: translateY(-15px);

}
.index_news .qsj:hover{
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-10px);
    transform: translateY(-15px);
}
.index_news .list1>.con>div:nth-child(1){
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}
.index_news .list1>.con>div:nth-child(1):hover{
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-10px);
    transform: translateY(-15px);
}
.index_news .ne_list>a{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}
.index_news .ne_list>a:hover{
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
/*友情链接*/
.links{
    background: #CBCBCB;
}
.links>div{
    width: 1180px;
    margin: auto;
    line-height: 80px;
}
.links>div>span{
    display: inline-block;
    font-size:56px;
    font-weight:400;
    color:rgba(51,51,51,1);
    float: left;
}
.links>div>a{
    display: inline-block;
    margin-left: 32px;
    font-size:16px;
    font-weight:400;
    color:rgba(51,51,51,1);
}
/*底部*/
.foot{
    background:rgba(0,0,0,1);
}
.foot>div{
    width: 1180px;
    margin: auto;
    color: #fff;
    padding-bottom: 80px;
}
.f_menu{
    line-height: 75px;
    border-bottom: 1px solid #fff;
    text-align: center;
}
.f_menu>a{
    font-size:14px;
    display: inline-block;
    margin: 0 12px;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.fbq>.left{
    float: left;
    margin-top: 66px;
}
.fbq>.left:nth-child(1){
    margin-left: 87px;
}
.fbq>.left:nth-child(1)>img{
    height: 77px;
}
.fbq>.left:nth-child(2){
    margin-left: 79px;
    line-height: 28px;
}
.fbq>.left:nth-child(3){
    float: right;
    margin-right: 86px;
    line-height: 28px;
}










/*banner*/
.swiper-container {
    width: 100%;
    height: auto;
    position: relative;
}
.swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
}

.swiper-container .swiper-slide>a{
    display: block;
}
.swiper-container .swiper-slide img{
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.yy{
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5)
}




.pagination{
	display: block;
	width: 100%;
	text-align: center;
}
.pagination>li{
	display: inline-block;
}
.pagination>li>span,.pagination>li>a{
	display: block;
	border: 1px solid #ddd;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	margin: 0 5px;
}