/**import reset.css*/
@import url(reset.css);

/*全局样式*/
/*
...
@media screen and (max-width: 960px) { ... } //兼容平板
@media screen and (max-width: 640px) { ... } /兼容手机
@media screen and (max-width: 480px) { ... }
**/

/**/
html{font-size:62.5%; /* 10÷16=62.5% */}
body{padding:0px;margin:0px;font-size:12px;font-family: Tahoma;font-size:12px;font-size:1.2rem ; /* 12÷10=1.2 */}

.inner{width:85%;margin:0 auto;}

.clearfix{clear:both;}
.opacity{opacity:0.6;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);}
.round {border-radius: 3px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ -moz-border-radius: 3px; /* Mozilla浏览器的私有属性 */ -webkit-border-radius: 3px; /* Webkit浏览器的私有属性 */ }
.shadow{box-shadow: 0px 0px 3px #bbbbbb;-moz-box-shadow: 0px 0px 3px #bbbbbb;-webkit-box-shadow: 0px 0px 3px #bbbbbb;}
.nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.spread_ui {
    text-decoration:none;
    border:none;
    font-family:'Roboto', sans-serif;
    position:relative;
    vertical-align:baseline;
}
.spread_bottom:before,.spread_bottom:after,.spread_bottom>.ui-border-element:before,.spread_bottom>.ui-border-element:after {    
    content:'';
    position:absolute
}
.spread_bottom:after {
    border-bottom:2px solid #027bfd;
    left:51%;
    right:51%;
    bottom:0px;
    -webkit-transition-property:all;
    -moz-transition-property:all;
    -o-transition-property:all;
    transition-property:all;
    -webkit-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    -moz-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    -o-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    -webkit-transition-duration:200ms;
    -moz-transition-duration:200ms;
    -o-transition-duration:200ms;
    transition-duration:200ms;
    -webkit-transition-delay:0s;
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s
}
.spread_bottom:hover:after {
    left:0%;
    right:0%
}
.spread_bottom:not(:hover):after {
    -webkit-transition-delay:0s;
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s
}

/** btn_more **/
.btn_more{ display:block;text-decoration: none;color:#027bfd;width:80px;margin:0 auto;border:1px solid #027bfd;text-align:center;padding:10px 15px;font-size:16px;}
.btn_more.active,.btn_more:hover{background:#027bfd;box-shadow: 0px 3px 6px #b4d2ff;border:1px solid transparent;color: #ffffff;}
.btn_more.hollow{color:#027bfd;border:1px solid #027bfd;}
.btn_more.hollow:hover{background:#027bfd;box-shadow: 0px 3px 6px #b4d2ff;border:1px solid transparent;color: #ffffff;}

/** header_ui **/
#header_ui{position:relative;}
#header_ui .header_menu{position:fixed;top:0px;left:0px;right:0px;min-height:65px;z-index:1000;background: #FFFFFF;}

/** menu **/
#menu {float: right;  padding: 0; list-style-type: none; z-index: 70;min-height:65px;}
#menu li { float: left; font-size: 16px;height:65px;}
#menu a { height:65px;line-height: 65px;padding: 0 15px;color: #333333; text-decoration: none;}
#menu.current{height:60px;line-height:60px;color: #cecece; }
#menu.current .active a{height:58px;background:#000000;border-bottom:2px solid blue;}

#menu li.icon_list{height:65px;display:none;padding:15px 0px;position:absolute;top:0px;right:3%;}
#menu li.icon_list img{width:16px;}

.module_ui{padding: 35px 0px;}

/** carousel_ui **/
.carousel_ui{height: 390px;position: relative;background-color: #e7e7e7;}
.carousel_ui .item{position: relative;max-height:500px;
  background: #f5f9ff;
  background:-webkit-linear-gradient(right,#dedede,#ffffff);/* Safari 5.1 - 6.0 */
  background:-o-linear-gradient(right,#dedede,#ffffff);/* Opera 11.1 - 12.0 */
  background:-moz-linear-gradient(right,#dedede,#ffffff);/* Firefox 3.6 - 15 */
  background:linear-gradient(to right,#dedede,#ffffff);/* 标准*/
}
.carousel_ui .item .image_bg{height: 100%;background-position:center center; background-size: cover;}
.carousel_ui .item .detail{position: absolute;top:20%;left: 7.5%;animation: post-list-row .9s;-webkit-animation: post-list-row .9s;}
.carousel_ui .item .detail .title{animation: 2s ease 0.6s 1 normal both running fadeInUp;font-size: 42px;color: #181818;line-height: 48px;margin-bottom: 15px;min-height: 48px;}
.carousel_ui .item .detail .info{height: 60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;font-size: 16px;color: #181818;line-height: 30px;}
.carousel_ui .layui-carousel-ind{text-align: left;}
.carousel_ui .layui-carousel-ind li{width: 36px;height: 3px;border-radius: 0px;background-color: #cccccc;}
.carousel_ui .layui-carousel-ind ul{background-color: transparent;padding-left: 7.5%;margin-left:-3px;}
.carousel_ui .layui-carousel-ind ul:hover{background-color: transparent;}
.carousel_ui .layui-carousel-ind li.layui-this{background-color: #1E9FFF;}

/*自定义动画*/
@keyframes post-list-row {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(40) scale(.9);
    }
}
@-webkit-keyframes post-list-row {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(40) scale(.9);
    }
}

/** tag **/
.tag{padding: 5px 10px;margin:5px 0px;border: 1px solid #dedede;color: #888686;border-radius: 2px;margin-right: 10px;font-size: 12px;text-decoration: none;word-break:normal;width:auto;display:block;white-space:pre-wrap;word-wrap : break-word ;overflow: hidden ;float:left;}
.tag:hover,.tag.current{border: 1px solid #027bfd;background: #027bfd;color:#ffffff;}

/** column_ui **/
.column_ui{padding: 30px 0px;line-height:30px;}
.column_ui .title{font-size: 28px;font-weight: 400;margin-bottom: 10px;}
.column_ui .content{font-size: 16px;color:#666666;}

.box-line{position: relative;}
.box-line:hover .animate-line i.top,.box-line:hover .animate-line i.bottom{width: 100%;}
.box-line:hover .animate-line i.left,.box-line:hover .animate-line i.right{height:  100%;}
.box-line .animate-line i{position: absolute;display: inline-block;background: linear-gradient(to left, #027bfd, #027bfd);transition: all .5s linear;}
.box-line .animate-line i.top{width: 0;height: 1px;top: 0;left: 0;}		
.box-line .animate-line i.left{width: 1px;height: 0;top: 0;left: 0;}		
.box-line .animate-line i.right{width: 1px;height: 0;top: 0;right: 0;}	
.box-line .animate-line i.bottom{width: 0;height: 1px;bottom: 0;left: 0;}

/** advantage_ui **/
.advantage_ui{background: #ffffff;}
.advantage_ui .item{overflow:hidden;white-space: nowrap;vertical-align: middle;padding:30px 0px;background: url(/static/home/images/todo_bg.png) center left;}
.advantage_ui .item .icon{float:left;width: 50px;height: 50px;}
.advantage_ui .item .icon i{font-size: 38px;-webkit-text-fill-color: transparent;background: linear-gradient(89deg, rgb(54, 188, 255) -35.09%, rgb(45, 113, 254) 33.65%, rgb(178, 104, 254) 95.59%, rgb(246, 169, 120) 169.35%) text;}
.advantage_ui .item .icon i{font-size: 38px;}
.advantage_ui .item .detail{margin-left:55px;}
.advantage_ui .item .detail .title{font-size: 16px;color: #333;padding-bottom: 10px;}
.advantage_ui .item .detail .info{font-size: 14px;color: #666;word-break: break-all;white-space: normal;}

/**solution_ui */
.solution_ui{padding: 20px 0px;}
.solution_ui .item{padding: 40px 40px;color:#ffffff;}
.solution_ui .item.solution1{
  background: #258fcb;
  background:-webkit-linear-gradient(right,#258fcb,#5daeeb);/* Safari 5.1 - 6.0 */
  background:-o-linear-gradient(right,#258fcb,#5daeeb);/* Opera 11.1 - 12.0 */
  background:-moz-linear-gradient(right,#258fcb,#5daeeb);/* Firefox 3.6 - 15 */
  background:linear-gradient(to right,#258fcb,#5daeeb);/* 标准*/
}
.solution_ui .item.solution2{
  background: #3c61f3;
  background:-webkit-linear-gradient(right,#3c61f3,#719cf5);/* Safari 5.1 - 6.0 */
  background:-o-linear-gradient(right,#3c61f3,#719cf5);/* Opera 11.1 - 12.0 */
  background:-moz-linear-gradient(right,#3c61f3,#719cf5);/* Firefox 3.6 - 15 */
  background:linear-gradient(to right,#3c61f3,#719cf5);/* 标准*/
}
.solution_ui .item.solution3{
  background: #42b8dc;
  background:-webkit-linear-gradient(right,#42b8dc,#3fc9db);/* Safari 5.1 - 6.0 */
  background:-o-linear-gradient(right,#42b8dc,#3fc9db);/* Opera 11.1 - 12.0 */
  background:-moz-linear-gradient(right,#42b8dc,#3fc9db);/* Firefox 3.6 - 15 */
  background:linear-gradient(to right,#42b8dc,#3fc9db);/* 标准*/
}
.solution_ui .item.solution4{
  background: #729590;
  background:-webkit-linear-gradient(right,#729590,#6da9a1);/* Safari 5.1 - 6.0 */
  background:-o-linear-gradient(right,#729590,#6da9a1);/* Opera 11.1 - 12.0 */
  background:-moz-linear-gradient(right,#729590,#6da9a1);/* Firefox 3.6 - 15 */
  background:linear-gradient(to right,#729590,#6da9a1);/* 标准*/
}
.solution_ui .item.solution5{
  background: #647fb7;
  background:-webkit-linear-gradient(right,#647fb7,#88a3db);/* Safari 5.1 - 6.0 */
  background:-o-linear-gradient(right,#647fb7,#88a3db);/* Opera 11.1 - 12.0 */
  background:-moz-linear-gradient(right,#647fb7,#88a3db);/* Firefox 3.6 - 15 */
  background:linear-gradient(to right,#647fb7,#88a3db);/* 标准*/
}
.solution_ui .item .title{font-size: 22px;font-weight: bold;}
.solution_ui .item .info{font-size: 18px;line-height:150%;padding: 20px 0px 10px 0px;}

/** service_ui **/
.service_ui{background:#f5f9ff !important;}
.service_ui {margin-top:30px;}
.service_ui .item{float:left;width:18.75%;height:450px;display: inline-block;padding:40px 0px;transition: width .15s linear;}
.service_ui .item .detail{position: relative;height:420px; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.08);background:#ffffff;border-right:1px solid #e7e7e7;font-size:14px;}
.service_ui .item .detail .title{font-size: 18px;margin:0px 15px;padding:30px 0px;text-align:center;border-bottom:1px solid #dedede;}
.service_ui .item .detail .title img{width:50px;display:block;margin:0 auto;}
.service_ui .item .detail .title div{padding:15px 0px;}
.service_ui .item .detail .content{color:#666;text-align:center;padding:25px;}
.service_ui .item .detail .content .tag_item{display:none;padding: 5px 10px;margin:5px 0px;border: 1px solid #dedede;color: #888686;border-radius: 2px;margin-right: 10px;font-size: 12px;text-decoration: none;word-break:normal;width:auto;white-space:pre-wrap;word-wrap : break-word ;overflow: hidden ;float:left;}
.service_ui .item .detail .content .info{display:block;clear:both;font-size: 15px;line-height: 150%;}
.service_ui .item .detail .contact_btn{position: absolute;display: none;margin: 30px auto 0;padding:10px 0px;width: 80%;left:10%;bottom:30px;font-size: 16px;text-decoration: none;z-index: 1000;}

.service_ui .item.current{position: relative;z-index:999;background:#ffffff;width:25%;padding:0px;height:500px;box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.2);}
.service_ui .item.current .detail{position:relative;background:transparent;height:500px;}
.service_ui .item.current .detail .title{text-align:left;}
.service_ui .item.current .detail .title img{width:35px;vertical-align: middle;float:left;}
.service_ui .item.current .detail .title div{margin-left:45px;height:35px;line-height:35px;padding:0px;}
.service_ui .item.current .detail .content .tag_item{display: block;}
.service_ui .item.current .detail .content .info{display:none;}
.service_ui .item.current .detail .contact_btn{display:block;}
.service_ui .item .detail::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30%;
    height: 30%;
    border-top-left-radius: 100%;
    background: #f4f8fe;
}
/** case_ui **/
.case_ui{padding: 20px 0px;}
.case_ui .item{border:0px solid transition;} 
.case_ui .item .image{overflow: hidden;width: 100%;} 
.case_ui .item .image img{width: 100%;}
.case_ui .item .detail{border:1px solid #efefef;border-top:0px solid #efefef;background: #ffffff}
.case_ui .item .title{padding: 10px 10px;font-size: 18px;}
.case_ui .item .info{padding: 10px 10px 20px 10px;font-size: 14px;}

.case_ui .item:hover{border:0px solid #cccccc;box-shadow: 1px 1px 20px #d2def0;}
.case_ui .item:hover .image img{opacity: 0.8;filter: alpha(opacity=80);transform: scale(1.2,1.2);transition: 0.3s;}


/** news_ui **/
.news_ui{padding: 20px 0px;}
.news_ui .item{padding: 15px 20px;background: #ffffff;border:1px solid #ffffff;box-shadow: 0 4px 12px 0 rgb(1 101 184 / 8%);transition: all .5s ease-in-out;} 
.news_ui .item .time{float: left;position:relative;box-sizing: border-box;width: 135px;height: 95px;border-right: 1px solid #efefef;}
.news_ui .item .time .time-day{position: absolute;top:15px;left: 10px;font-size: 38px;line-height: 62px;color: #191c3d;letter-spacing: 0;}
.news_ui .item .time .time-divider{position: absolute;top: 15px;left: 60px;line-height: 60px;font-size: 32px;color: rgba(25,28,61,.6);letter-spacing: 0;}
.news_ui .item .time .time-year,.news_ui .item .time .time-month{position: absolute;left: 80px;font-size: 12px;color: rgba(25,28,61,.6);letter-spacing: 0;}
.news_ui .item .time .time-month{top: 30px;}
.news_ui .item .time .time-year{top: 50px;}
.news_ui .item .detail{margin-left: 155px;background: #ffffff}
.news_ui .item .title{padding: 10px 10px;font-size: 18px;color:#000000;}
.news_ui .item .info{padding: 0px 10px 20px 10px;font-size: 15px;line-height: 150%;}

.news_ui .item:hover{border:1px solid #efefef;box-shadow: 0px 3px 6px #dddddd;}


/**contact_ui*/
@keyframes bubble-animate-1{from{top:-120px}50%{top:-180px}to{top:-120px}}
@keyframes bubble-animate-2{from{top:50px;left:34%}50%{top:80px;left:24%}to{top:50px;left:34%}}
@keyframes bubble-animate-3{from{top:50px;left:48%}50%{top:80px;left:58%}to{top:50px;left:48%}}

#contact_ui{padding:50px;background:#00a0fd;position: relative;overflow: hidden;}
#contact_ui .text{font-size:30px;color:#fff;padding-bottom:25px;text-align:center;}
#contact_ui .btn_more{border:1px solid #fff;color:#fff;}
#contact_ui .btn_more:hover{background:#fff;border:1px solid #fff;color:#00a0fd;}
#contact_ui .round_1{position: absolute;top: -120px;left: 50%;z-index: 10;margin-left: -120px;width: 240px;height: 240px;border-radius:240px;background: #1babff;animation: bubble-animate-1 linear 10s infinite;}
#contact_ui .round_2{position: absolute;top: 50px;left: 34%;z-index: 11;width: 360px;height: 360px;border-radius:360px;background: #0da5ff;animation: bubble-animate-2 linear 12s infinite;}
#contact_ui .round_3{position: absolute;top: 50px;left: 48%;z-index: 12;width: 300px;height: 300px;border-radius:300px;background: #35b2fb;animation: bubble-animate-3 linear 11s infinite;}

/* service_process_ui */
.service_process_ui .item{position:relative;border-top: 5px dotted #cacaca;padding: 15px 0px;}
.service_process_ui .item .detail{position: relative;background: #ffffff;padding: 10px;margin-right: 15px;    box-shadow: 0 4px 12px 0 rgb(1 101 184 / 8%);z-index: 1;}
.service_process_ui .item .title{color:#000000;padding:7px 0px;font-size: 18px;}
.service_process_ui .item .info{color:#666666;padding:7px 0px;font-size: 14px;line-height: 120%;}
.service_process_ui .item .point{position:absolute;background: #ffffff;top:-15px;left:0px;width:18px;height: 25px;border:0px solid #00a0fd;border-radius: 18px 18px 0px 0px;padding:3px;box-shadow: 10px 4px 12px 0 rgb(1 101 184 / 8%);}
.service_process_ui .item .point span{display:block;background: #00a0fd;width:18px;height: 18px;border-radius: 18px;line-height: 18px;text-align: center;color: #ffffff;}

/* article_ui */
.article_ui{padding:10px 0px;background:#ffffff;}
.article_ui .title{font-weight: bold;margin: 25px;font-size: 26px;color: #333;}
.article_ui .tag_list{margin: 15px 25px;}
.article_ui .info{margin: 15px 25px;border-bottom: 1px solid #eaeaea;line-height: 150%;padding-bottom: 25px;font-size: 15px;color: #999;}
.article_ui .content{padding: 10px 25px;font-size: 16px;line-height: 2;text-align: justify;word-wrap: break-word;word-break: break-all;}
.article_ui .column{position: relative;height: 50px;padding:0px 20px;line-height: 50px;font-size: 18px;border-bottom: 1px solid #f2f2f2 ;}
.article_ui .column:after{position: absolute;left: 0;top: 19px;content: '';width: 3px;height: 15px;-moz-border-radius: 3px;border-radius: 3px;background-color: #3583fb;}

/* top_ui */
.top_ui{z-index:100000;width:60px;height:60px;line-height:60px;text-align:center;background:#dedede;position:fixed;bottom:10px;right:10px;_position:absolute;_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.top_ui:hover{background:#2277e6;color:#fff;cursor:pointer;}

/**banner_ui */

.banner_ui{padding: 60px 0px;background: #ebe8e8;
  background:-webkit-linear-gradient(right,#f3f8ff,#efefef);/* Safari 5.1 - 6.0 */
  background:-o-linear-gradient(right,#f3f8ff,#efefef);/* Opera 11.1 - 12.0 */
  background:-moz-linear-gradient(right,#f3f8ff,#efefef);/* Firefox 3.6 - 15 */
  background:linear-gradient(to right,#f3f8ff,#efefef);/* 标准*/}
.banner_ui .left{float: left;width:60%;}
.banner_ui .right{margin-left:60%;}
.banner_ui .title{font-size: 30px;line-height: 1.2;color: #333333;}
.banner_ui .title:after{content: '';display: block;background-color: #333333;width: 32px;height: 6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin: 24px 0 22px;}  
.banner_ui .memo{font-size: 16px;line-height: 26px;letter-spacing: 1px;color: #666666;}
.banner_ui .right img{display: inline-block;vertical-align: middle;max-width: 60%;}

/**pagination*/
.pagination{padding:20px;color:#666;text-align: center;}
.pagination li{display: contents;}
.pagination li a,.pagination li span{text-decoration: none; font-size:14px;color:#7B7B7B;font-weight:normal;margin:0 4px 0 6px;padding:7px 13px;border:1px solid #cecece;border-radius: 1px;-moz-border-radius: 1px;-webkit-border-radius: 1px;}
.pagination li.active span,.pagination a:hover{background-color: #027bfd;border-color: #027bfd;color: #fff;}


/* footer_ui */      
.footer_ui{background: #2e3033;padding:30px 0px;}
.footer_ui .left_ui{float:left;width:50%;color:#ada8a8;}
.footer_ui .left_ui .item{font-size:14px;width:25%;float:left;}
.footer_ui .left_ui .item a{padding:5px 0px;display: block;text-decoration: none;color:#a2a2a2;}
.footer_ui .left_ui .item .title{font-size:16px;padding-bottom:10px;color:#ccc;}

.footer_ui .right_ui{margin-left:50%;font-size:14px;color:#ccc;}
.footer_ui .right_ui .contact{float:right;width:280px;padding-top:10px;text-align:left;padding-left:15px;}
.footer_ui .right_ui .contact .phone{font-size:34px;padding:10px 0px;}
.footer_ui .right_ui .code{float:right;width:120px;}

.footer_bottom{background: #272727;padding:20px;text-align:center;color:#7d7d7d;font-size:14px;}