@charset "UTF-8";

/* ****************** Page *********************** */

.pagethumb {position: relative;}
.pagethumb .card {}
.pagethumb .context {position: absolute; top: 40%; color: #fff;}
.pagethumb .context .h3 {font-weight: 300;}

.pagethumb .condiv {padding-top: 1rem;}
.pagethumb .condiv .btnlink2 {margin-right: 1rem;}
.pagethumb .condiv .btnlink2 a {background-color: #fff; color: #1F53A5;}
.pagethumb .condiv .btnlink2 a:hover {color: #fff;}

.pagelocal { line-height: 3rem; font-size: 0.88rem; /*border-bottom: 1px solid rgba(0,0,0,0.1);*/}
.pagelocal span {display: inline-block; margin-right: 1rem;}

.plnav {}
.plnav li {float: left;}
.plnav li a {display: block; line-height: 5rem; margin-right: 2rem;}
.plnav li .active {border-bottom: 2px solid #1F53A5;}

.main {}

/* page about */
/* about profile */
.i-about {background: url(../img/gywmbg.jpg) no-repeat center center / auto 100%; }
.i-about .textcon {padding: 2rem 0 0.5rem; /*width: 88%;*/ color: #5b5b5b; line-height: 1.4rem;}
.i-aboutnum {}
.i-about .text {padding-bottom:1rem;}
.i-about .thumb {padding-top:2.5rem;}

.comdev {display: flex; justify-content: space-around;}
.comdev .line {width: 1px; background-color:#eee; margin:20px 0;}
.comdev li {text-align:center;}
.comdev li div {margin-bottom:5px;}
.comdev li div span {font-size:2.2rem; color:#1F53A5; }
.comdev li p {color:#b9b9b9; margin-bottom: 0;}

/* about team */
.c_team {padding-top: 4rem; background: url(../img/teambg18.jpg) no-repeat center center / cover;}
.c_team .ct h2 {color: #fff; font-size: 36px; font-weight: normal;}

.ctlbox {position: relative; display: flex; flex-wrap: wrap; margin-top: 4rem;}
.ctlbox .cttab {width: 40%;}
.ctlbox .ctcon {width: 60%;}
.cttabmin {/*margin-top: 15%;*/ padding-bottom:16%;}
#teamov{height:600px;}

.itemname {display: flex; flex-wrap: wrap; margin-top: 15px; align-items: center; cursor: pointer;}
.itemname img {border-left: 7px solid #79797f; width: 80px; height:80px; background-color: #000;}
.itemname p {color: #ccc; font-size:16px; padding: 0 0 0 15px; margin-bottom: 0; width:80%;}
.itemname p span {padding-left: 15px;}
.itemname.cur {background: -webkit-linear-gradient(left,#008cf8,rgba(0,140,248,0)); background: -ms-linear-gradient(left,#008cf8,rgba(0,140,248,0))}
.itemname.cur img {border-left-color:#008cf8;}
.itemname.cur p {font-size: 18px; color: #fff;}

.itemfor {position: relative; display: none;}
.itemfor .forimg img {max-width: 100%;}
.itemfor .fortext {position: absolute; right: 0; top:1%; width: 50%;}
.itemfor .fortext div {text-align:justify; color: #fff; font-size:15px; line-height:24px; border-right: 5px solid #008cf8; padding:10px 5px 3px 0;}
.itemfor .fortext div p {}


.honor {background: url(../img/rybg.jpg) no-repeat center center / cover;}
.honor .container {overflow: hidden; position: relative;}
.honor .horswiper {padding-bottom:3rem;}
.honor .horswiper .swiper-slide {text-align: center; font-size: 16px; display: flex;justify-content: center; align-items: center; flex-wrap: wrap; transition: 300ms; transform: scale(0.9); }
.honor .horswiper .swiper-slide .item {/*box-shadow: 0 8px 30px #ddd;*/ background: #fff;;}
.honor .horswiper .swiper-slide .item img {max-width:100%; }
.honor .horswiper .swiper-slide-active, .honor .horswiper .swiper-slide-duplicate-active{transform: scale(1);}
.honor .swiper-slide .item p { background: #fff; text-align: center; color: #636363; padding: 2.5rem 0; margin-bottom: 0;}
.honor .swiper-slide .item p span {padding: 0 20px; vertical-align: middle;}



/* solutions */
.solu_list .item {margin-bottom:3rem; padding:0 1rem; }
.solu_list .item a {display:block;position:relative; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);}
.solu_list .item .c-img{overflow:hidden;width:100%;border-radius:10px;position:relative}
.solu_list .item .c-img img{transition:all .3s;width:100%;height:100%;display:block;border-radius:10px 10px 0 0;position:relative!important}
.solu_list .item .c-con {position:absolute;bottom:20px;left:0;width:100%;padding:0 40px;transition:all .5s;z-index:3}
.solu_list .item .c-con .h4 { line-height:1.5;color:#fff;margin-bottom:10px}
.solu_list .item .c-con .ptxt2{font-size:1.6rem;line-height:1.95;color:#fff;text-align:left}
.solu_list .item .mask{z-index:2;position:absolute;visibility:visible;height:50%;width:100%;content:"";background:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,.3) 70%);top:auto;bottom:0;border-radius:0 0 10px 10px;transition:all .5s}
.solu_list .item:hover .c-img img{border-radius:10px 10px 0 0;transform:scale(1.05)}
.solu_list .item:hover .mask{background:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,.6) 70%)}
.solu_list .item:hover .c-con{bottom:35px}

/* solutions detail */
.solu_infor {}
/* .solu_infor .thumb {height: 420px;} */
.solu_infor .thumb img {border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);}
.solu_infor .textcon {height: 100%; line-height:1.6rem; color: #333; padding-left: 3rem;}

.solu_canshu {background: url(../img/canshubg.jpg) no-repeat center top;}
.cs_table {text-align: center; }
.cs_table .table {background-color: rgba(255, 255, 255, 0.7);}
.cs_table .table>tbody>tr>td {vertical-align: middle;}
.cs_table .table p {margin-bottom:0;}

.solu_shebei {}
.solu_shebei .sb_text {padding-left: 3rem;}
.solu_shebei #sblist {height:284px;}

.cslist {}
.cslist ul {}
.cslist ul li {border-bottom: 1px solid #eee; padding: 0.5rem 0; width: 50%; float: left;}
.cslist ul li p {margin-bottom: 5px; color:#666;}

.sb-focus {padding-bottom: 3rem;}
.sb-focus .carousel-control-next, .sb-focus .carousel-control-prev {width: 10%;}
.sb-focus .carousel-control-next-icon, .sb-focus .carousel-control-prev-icon {background: transparent; width: auto; height: auto;}
.sb-focus .carousel-control-next-icon i, .sb-focus .carousel-control-prev-icon i {font-size: 3rem; color: #E28622;}
.sb-focus .carousel-indicators button {background-color: #E47B02;}



.solu_case {}
.solu_case .card {margin: 0 0.8rem;}
.solu_case .card a {display: block; position: relative; background-color: #f6f6f6;}
.solu_case .card a:after {
    position: absolute;
    width: 50px;
    height: 50px;
    display: flex;
    content: "+";
    right: 0;
    bottom: 0;
    background: #ddd;
    color: #fff;
    border-radius: 500px 0 0 0;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    padding-left: 10px;
    font-size: 20px;
    transition: all 0.5s
}
.solu_case .card a:hover:after {
    background: #E47B02;
    transform: scale(1.5);
    transform-origin: right bottom
}
.solu_case .card-body {padding: 3rem 3rem 5rem;}
.solu_case .card-text {
    display-radio: -webkit-box;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical; line-height: 1.8;
    overflow: hidden;
}

.solu_tech {}
.solu_tech .card {margin-bottom: 1.5rem;}
.solu_tech .btnlink .link {background-color: #E47B02; color: #fff;}
.solu_tech .btnlink .link:hover {background-image: linear-gradient(90deg, #1F53A5, #077ff4);}

.solu_nav {position:fixed; width:120px; top:30%; right: 2px; z-index:1000;}
.solu_nav .sntop {height:120px; border-radius:60px 60px 0 0; background-color:#f6f6f6;}
/*.solu_nav .snbot {height:120px; border-radius:0 0 60px 60px; background-color:#f6f6f6;}*/
.solu_nav .sntop .h5 {line-height:120px; text-align:center;}
.solu_nav .sn_ul {margin-top:-60px; padding:30px 15px 15px; background-color:#f6f6f6;}
.solu_nav .sn_ul li {text-align:center; margin-bottom:5px;}
.solu_nav .sn_ul li a {display:block; line-height: 2;
    background-color: #fff;  font-size: 0.8rem;
    /*background-image: linear-gradient(90deg, #1F53A5, #077ff4);*/
}
.solu_nav .sn_ul li a:hover, .solu_nav .sn_ul li a.active {display:block;
    background-color: #1F53A5; color: #fff;
    background-image: linear-gradient(90deg, #1F53A5, #077ff4);
}


/* product */
.main-pro {}
.main-pro .proleft {}
.main-pro .proleft .card {margin-bottom: 1.5rem; overflow:hidden;}
.main-pro .proleft .card a {display: block; position: relative; background-color: #f6f6f6;}
.main-pro .proleft .card-title {margin-bottom: 1.2rem; text-align: center;}
.main-pro .proleft .card-body {padding: 1.6rem;}

.solddiv {}
.solddiv .item {box-shadow: 0 0 15px rgba(25, 41, 65, .08); transition: all 0.4s; cursor:pointer;}
.solddiv .item .thumb {overflow:hidden;}
.solddiv .item .thumb img {transition: all 0.4s; max-width:100%; filter: grayscale(100%);}
.solddiv .item:hover img {transform: scale( 1.1 ); filter:none;}
.solddiv .item .text {padding:1.8rem 1.5rem;}
.solddiv .item .text .h4 {margin-bottom:1rem; }
.solddiv .item .text p {line-height:24px; height:72px; margin-bottom: 0; overflow:hidden;}
.solddiv .item:hover, .solddiv .active .item  {
    background-image: linear-gradient(90deg, #1F53A5, #077ff4); color: #fff;
    box-shadow: 0 0 20px rgba(36, 126, 240, .4);
}
.solddiv .active .item img {filter:none!important;}

.yunxadv .textcon  {line-height: 2; color: #333; padding-left: 3rem;}
.yunxadv2 .textcon  {padding-right: 3rem;}
.yunxadv .thumb img {transition: all 0.4s;}
.yunxadv .thumb:hover img {transform: scale(1.04);}


/* teco */
.tcbox {}
.tcbox ul {}
.tcbox ul li {border-bottom: none; padding-top: 0.2rem; padding-bottom: 0.2rem; background: transparent;}
.tcbox1 {background: url(../img/service_section1_bg2.png) no-repeat right bottom;}
.tcbox2 {background: url(../img/service_section1_bg1.png) no-repeat right bottom;}


/* news */
.main-news .newsleft {}
.main-news .newsleft .card {margin-bottom: 1.5rem;}
.main-news .newsleft .card a {display: block; position: relative;}
.main-news .newsleft .card-title {margin-bottom: 1rem; text-align: center; height:80px; overflow:hidden;}
.main-news .newsleft .card-body {padding: 1.6rem;}

.newbody {border-top: 1px solid #f6f6f6; line-height:2; font-size:0.98rem; border-bottom: 1px solid #f6f6f6;}
.newbody img {max-width:90%; height:auto!important;}
.newbody p {margin-bottom:0.5rem;}


/* contact */
.contact {}

.qrcode {margin: 0 2rem;}
.qrcode img {max-width: 140px;}


.youshi .card .thumb img {height:140px;}




.container .pagination a {color:#333;}
.container .pagination .active a {border-color:#1F53A5; color:#fff;
    background-color: #1F53A5; 
    background-image: linear-gradient(90deg, #1F53A5, #077ff4);
}














.newCon {}
.newCon .bg-white {padding: 1.5rem;}
.newCon .textcon {}
.newCon .textcon .des {}
.newCon .textcon .Newtext {}
.newCon .textcon .Newtext img {max-width: 100%!important;}

.mtmore {position: relative; font-size:16px;}
.mtmore .return{position:absolute;right:0;top:10px;font-size:16px;color:red;border:1px solid red;border-radius:20px; text-align:center; padding:8px 30px;}
.mtmore .return:hover{background-color:red;color:white}
.mtmore p:nth-child(2) {margin-bottom: 0;}