/* 轮播 */
.bannerr {
    width:100%;
    min-width: 1200px;
    overflow: hidden;
    height: 400px;
}
.banner>img {
    display: block;
    width: 100%;
    height: auto;
}
/* 产品服务 */
.headline{
    width:1200px;
    padding:50px 0px;
    text-align: center;
    margin:0 auto;
}
.headline>h1{
    font-size: 32px;
    color: rgb( 18, 20, 21 );
}
.headline>div>img{
    display:block;
    width:auto;
    height:20px;
    border:1px solid transparent;
    margin:10px auto 0px auto;
}
.contents>ul{
    width:100%;
    height:auto;
}
.contents>ul>li{
    float:left;
    height:500px;
}
.contents>ul>.lif_boxl{
    width:51%;
}
.contents>ul>.lif_boxr{
    width:49%;
}
.contents>ul>.lis_boxl{
    width:49%;
}
.contents>ul>.lis_boxr{
    width:51%;
}
.contents>ul>li>.cpimg_box{
    width:94%;
    height:94%;
    overflow: hidden;
    text-align:center;
}
.contents>ul>li>.cpimg_box>img{
    width:auto;
    height:100%;
}
.contents>ul>li>.cpimg_box:hover img{
    transform: scale(1.10, 1.10);
    -moz-transform:scale(1.10, 1.10);  
    -webkit-transform:scale(1.10, 1.10);  
    -o-transform:scale(1.10, 1.10); 
    transition: transform 0.6s ease 0s;
}
.contents>ul>li .cont_box{
    height:100%;
    position: relative;
    z-index: 2;
}
.contcolf{
    color: rgb( 255, 255, 255 );
}
.cont_box>.cont_t{
    width:100%;
    height:100%;
    padding:120px 70px 100px 70px;
    text-align: center;
}
.cont_box>.cont_t:hover .acols{
    border-color: rgb( 36, 170, 219 );
}
.cont_box>.contfbg{
    background-color: rgb( 36, 170, 219 );
}
.cont_box>.cont_t>h3{
    font-size: 28px;
}
.cont_box>.cont_t>em{
    display:block;
    width: 31px;
    height: 4px;
    border-radius: 1px;
    margin:20px auto;
}
.embgcw{
    background-color: rgb( 255, 255, 255 );
}
.embgcb{
    background-color: rgb( 10, 11, 11 );
}
.cont_box>.cont_t>p{
    font-size: 14px;
    line-height: 30px;
}
.cont_box>.cont_t>.acolf{
    color: rgb( 255, 255, 255 );
}
.cont_box>.cont_t>.acols{
    color: rgb( 102, 109, 111 );  
}
.cont_box>.cont_t>a{
    display:block;
    width: 149px;
    height: 49px;
    font-size: 15px;
    font-weight: bold;
    line-height: 49px;
    border:2px solid transparent;
    margin:60px auto;
      border-width: 2px;
    border-style: solid;
    border-radius: 3px;
}
.cont_box>.cont_t>a:hover{
    border-width: 2px;
    border-style: solid;
    border-radius: 3px;
}
.cont_box>.cont_t>.acolf:hover{
    border-color: rgb( 255, 255, 255 );
}
.contents>ul>.lif_boxr:hover .acolf{
    border-color: rgb( 255, 255, 255 );
}
.cont_box>.cont_t>.acols:hover{
    border-color: rgb( 36, 170, 219 );
}
.cont_box>.side_sj{
    position: absolute;
    width: 60px;
    height: 149px;
    z-index: 1;
}
.cont_box>.posll{
    left: -30px;
    top: 200px;
}
.cont_box>.sidea{
    background: url(../images/side_sj.png) no-repeat center;
}
.cont_box>.sideb{
    background: url(../images/sideb.png) no-repeat center;
}
.cont_box>.sidec{
    background: url(../images/sidec.png) no-repeat center;
}
.cont_box>.posrr{
    right: -30px;
    top: 200px;
    background: url(../images/side_sjr.png) no-repeat center;
}
.cont_box>.side_sj>em{
    display:block;
    width: 11px;
    height: 22px;
}
.cont_box>.posll>em{
    background: url(../images/sj_l.png) no-repeat center;
    margin:62px 0px 0px 15px;
}
.cont_box>.posrr>em{
    background: url(../images/sj_r.png) no-repeat center;
    margin:62px 0px 0px 30px;
}

.contsbg{
    background-color: rgb( 255, 255, 255 );
}
.conttbg{
    background-color: rgb( 40, 176, 184 );
}
.contbgl{
    background-color: rgb( 134, 184, 54 );  
}
.contsbg>.cont_t>h3{
    font-size: 28px;
    color: rgb( 10, 11, 11 );
}
.contsbg>.cont_t>p{
    font-size: 14px;
    color: rgb( 72, 77, 79 );
}
.ckmore{
    width:100%;
    height:auto;
    padding:80px 0px;
}
.ckmore>a{
    display:block;
    margin:0 auto;
    width: 233px;
    height: 53px;
    line-height:53px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: rgb( 108, 110, 113 );
     color:#26adfd;
    background-image: -webkit-gradient(linear, left 0, right 20, from(#26adfd), to(#3d86f8));
    -webkit-background-clip: text; /*必需加前缀 -webkit- 才支持这个text值 */
    -webkit-text-fill-color: transparent; /*text-fill-color会覆盖color所定义的字体颜色： */
    /*border-width: 2px;
    border-style: solid;
    border-image: -moz-linear-gradient(#26adfd,#3c85f8);*/
    border:1px solid #26adfd;
}
.ckmore>a:hover{
    color:#26adfd;
    background-image: -webkit-gradient(linear, left 0, right 20, from(#26adfd), to(#3d86f8));
    -webkit-background-clip: text; /*必需加前缀 -webkit- 才支持这个text值 */
    -webkit-text-fill-color: transparent; /*text-fill-color会覆盖color所定义的字体颜色： */
    /*border-width: 2px;
    border-style: solid;
    border-image: -moz-linear-gradient(#26adfd,#3c85f8);*/
    border:1px solid #26adfd;
}