@charset "utf-8";

/* CSS Document */

*{ margin:0;padding:0;}

.cb{ clear:both}

a{ text-decoration:none}

.fl{ float:left}

.fr{ float:right}

li{ list-style:none}

#warpper{width: 640px;height:100%;margin: 0 auto;background: white;overflow-x: hidden;overflow-y: auto; position:relative}

.warp{position:relative; margin:0 3%;height:100%;}

.warp1{position:relative; margin:0 6.25%;height:100%;}





#shang{overflow:hidden; position:fixed; background:white; top:0; left:0; z-index:999999;width:100%; height:29px; padding:23px 0; margin:0 auto;}

#shang p{ font:29px 方正兰亭细黑_GBK; color:#231815; float:left; display:block; height:29px; line-height:29px;}

#shang .p1{ font:18px/29px 方正兰亭细黑_GBK; color:#231815; float:right;display:block; height:29px; line-height:29px;}



#header{ z-index:9999999; position:fixed; top:75px; left:0;height:50px; width:100%; background:#fff url(/public/phone/img/19.jpg) no-repeat center center; background-size:100% 100%; padding:20px 0;}

#header .logo{ float:left;width:166px;height:50px;}

/*#header .menu{width:40px;height:24px; float:right; position:relative; top:8px;}*/
#header ul{ float:right; width:210px; height:100%;}
#header ul li{ width: 69px;
    height: 28px;
    margin-top: 12px;
    float: left;
    position: relative;
    border-left: #999 solid 1px;}
    #header ul li:first-child{ }
#header ul li .menu{width:40px;height:24px; position:absolute; top:0; bottom:0; right:0; margin:auto;}
#header ul li .sear1{width:26px;height:26px; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;}
#header ul li .phone1{width:20px;height:28px; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;}

#search{ width:100%; z-index:9999; background:#ffffff; height:90px; position:absolute; left:0; top:91px;}
#search .search{ position:relative; width:100%; height:50px; border-bottom: 1px solid #999999; margin:20px 0;}
#search .search input{ border:none; height:30px; font:30px/30px 微软雅黑; padding:10px 0; color:#666666; background:white; width:90%; text-indent:8px;}

.slideBox{ max-width:640px; position:relative; overflow:hidden; width:100%; margin-top:167px;}

.slideBox .bd{ position:relative; z-index:0; width:100%;}

.slideBox .bd a{ width:100%; display:block;}

.slideBox .bd li{ position:relative; text-align:center; width:100%;}

.slideBox .bd li img{ width:100%;}

.slideBox .hd{ position:absolute; height:15px; line-height:15px; top:90%;right:0; width:100%; text-align:center; z-index:1;}

.slideBox .hd li{ display:inline-block; width:13px;height:13px; background:white; text-indent:-999999px; overflow:hidden; margin:0 8px; opacity: 0.5;filter: alpha(opacity=50);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}

.slideBox .hd li.on{ background:#376ea7;}



.zhong ul li{ width:33%; height:156px; float:left; border-bottom:#d6d6d7 solid 2px; border-left:#d6d6d7 solid 2px;}

.zhong ul a{ color:#9e9e9f;}

.zhong ul li .p1{ padding-top:20px; height:64px; text-align:center;}
.zhong ul li .p1 img{ width:65px;}

.zhong ul li p{ font:20px/31px 微软雅黑; text-align:center;}

.service_con{ background:url(/images/2026/menubg.png) no-repeat center center; background-size:cover; display:flex; margin:0 auto; padding:8px 8px;gap: 20px;border-radius: 40px; margin-top:40px;}
.service_con_item{display:flex;gap: 5px; color:#fff; font-size:20px;align-items: center;
    justify-content: center; padding:10px 20px; cursor:pointer;
  /*background-image: linear-gradient(#ffffff, #ffffff);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 0%;
  transition: background-size 0.4s ease;*/
    }
.service_con_item_icon img{height: 24px; display:none;}
.service_con_item_icon img:last-child{ display:block;}
.service_con_item.on{  color:#4b71f8;border-radius:30px;
                       background:#fff;
                       /*background-size: 100% 100%;*/
                        }
.service_con_item.on .service_con_item_icon img:first-child{display:block;}
.service_con_item.on .service_con_item_icon img:last-child{display:none;}
.service_con_the{ width: 87.5%;
    margin: 20px auto;text-align: center;}


.service_con_the_item{border-radius: 10px; overflow:hidden; display:none;}
.service_con_the_item.on{ display:inline-block;}
.service_con_the_item img{ max-width:100%; display:block; margin:0 auto; }
.service_con_the_item_flex{ display:flex;flex-direction: column;text-align:left; background:#fff;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}
.service_con_the_item_l{ width: 100%;
    margin: 0 auto; padding: 0px 0px 40px 0px; position:relative;}
.service_con_the_item_r{ width: 100%;
    margin: 0 auto;}
.service_con_the_item_t{ padding-bottom: 40px;}
.service_con_the_item_l_title{ font-size:34px; color:#156afb;font-weight: 500; margin-top:20px; }
.service_con_the_item_l_title img{ text-align:left;  margin:0px;max-height:84px;}
.service_con_the_item_l_the{ margin-top:30px; font-size:18px; line-height:1.5;}
.service_con_the_item_l_more{  position:absolute; bottom:40px; right:0px;}
.service_con_the_item_l_more a{ display:inline-block; padding:3px 15px; border-radius:20px; height:30px; line-height:30px; color:#fff; font-size:18px; background:linear-gradient(to right, #2569f8, #816aff);}
.service_con_the_item_r_img{ position:relative; width:100%; height:100%;}
.service_con_the_item_r_img_txt{ position:absolute; bottom:0px; left:0px; line-height:1.5; color:#fff; font-size:18px; padding:20px; background: rgba(75, 113, 248, 0.3);}

.caselisttype{ margin-top:20px; margin-bottom:20px; text-align:center; font-size:0px;}

.caselisttype ul li{ width:33%; height:30px; display:inline-block; text-align:center; margin-bottom:5px; margin-top:5px;}

.caselisttype ul a{ color:#9e9e9f;}

.caselisttype ul li .p1{ padding-top:20px; height:64px; text-align:center;}

.caselisttype ul li p{ font:20px/31px 微软雅黑; text-align:center; display:inline-block; width:90%; float:left;}

.caselisttype ul li p.on{ background-color:#4b71f8; color:#ffffff;}



#footer .num p{ color:#e9004c; font:47.39px/82px Myriad Pro; text-align:center;}

#footer .contact{ padding-top:60px; background:#e5e5e6;}

#footer .contact .con1{ padding:0 60px;}

#footer .contact .con1 p{ color:#4d4d4d; font:27.71px/56px 微软雅黑;}

#footer .contact .con2{ padding:0 60px; margin-top:50px;}

#footer .contact .con2 p{ color:#4d4d4d; font:24px 微软雅黑; margin:25px 0 14px;}

#footer .contact .con2 .p1{ color:#888888; font:19px/30px 微软雅黑;}

#footer .contact .p2{ color:#888888; font:18px/75px 微软雅黑; text-align:center;}

.demo_xia{ position:fixed; left:0; z-index:99999; bottom:0; width:100%;}
.demo_xia li{ width:12.5%; float:left;}
.demo_xia li:first-child{border-left:none;}
.demo_xia li a{ width:100%; display:block;}
.demo_xia li a img{ width:100%; border-left:#d4d4d4 solid 2px;}
.demo_xia li:first-child a img{ border-left:none;}


#content{ position:relative; margin-top:166px;}

#content .zhuye h1{ font:23px/30px 微软雅黑; border-left:#262626 solid 3px; margin-top:21px; text-indent:20px;}

#content .zhuye .jianjie{ margin-top:21px; border-bottom:#b4b4b4 solid 1px; position:relative;}

#content .zhuye .jianjie a.tp{ width:100%; display:block; overflow:hidden;}

#content .zhuye .jianjie a.tp img{ width:100%;}



#content .zhuye .jianjie .text{ padding:21px 0 11px 10px;}

#content .zhuye .jianjie .text p{ color:#040000; font:18px 微软雅黑; margin-bottom:11px; font-weight:bold;}

#content .zhuye .jianjie .text .p1{ color:#888888; font-size:18px;  width:100%; font-weight:normal;}

#content .zhuye .jianjie .text span{ position:absolute; right:0; bottom:22px; width:10px; height:18px; background:url(../img/zy_demo1.jpg) no-repeat;}



#right{background: #d2d2d2; position: fixed; top:168px;width:355px; overflow-y:scroll; z-index: 500000;right:-355px; display:none;}

#right .tp{height:41px; width:100%; background:#ea094b; padding:25px 0; text-indent:40px;}

#right .tp .logo{width:166px;height:41px;}

#right ul li{ font:24px/80px 微软雅黑; padding-left:25px; border-bottom:2px solid #eee; background:#d2d2d2;  text-indent:10px;}

#right ul a{color:#333;}

#right ul a.on{ color:#393939;}

#right ul a.on li{ background:#ffffff;}

#closeR{ position:fixed;top:0;left:0; z-index:999999; display:none}

#right ul .xia li{ text-indent:90px}

#right ul .xia{ display:none}



#warpper #content .c-d-words{position:relative; margin:0 6.25%;height:100%;}

#warpper #content .c-d-words p{ color:#636363; font:14px/26px 微软雅黑;}



#warpper #content .c-d-words p img{ width:100%;}

#warpper #content .news-words{position:relative; margin:0 6.25%;height:100%;}

#warpper #content .news-words p{ color:#636363; font:14px/26px 微软雅黑;}

#warpper #content .news-words p img{ width:100%;}

/*集和案例列表页修改*/

#warpper #content .gomore{background:#c8c9cb; width:615px; height:90px; text-align:center; color:#fff; font:40px/90px 微软雅黑; margin:0 auto 35px auto;}



.serviceweb_gw_con{ display:flex;flex-direction: column; font-size:16px; line-height:25px;}
.serviceweb_gw_con_item{     width: 80%;
    margin: 0 auto;}
.serviceweb_gw_con_item_r{ width: 80%;
    margin: 0 auto;}
.serviceweb_title{ font-size:28px; font-weight:bold; color:#4b71f8; text-align:center; line-height:50px;}
.serviceweb_the{ color:#666; font-size:16px;  text-align:center;}
.serviceweb_sm_img{ display:flex; gap:10px;justify-content: center;
    margin-top: 20px;}
.serviceweb_sm_img img{ height:30px;}
.serviceweb_sm{ margin-top:20px; line-height:30px;}
.serviceweb_sm_center{ text-align:center; font-size:16px; margin:0px 30px; line-height:30px; margin-top:30px;}
.serviceweb_gw_con_item_top{ margin-top:50px;justify-content: center;}
.serviceweb_sel_icon{display: flex;
    gap: 20px;
    margin: 0 auto;
    margin-top: 30px;
    width: 80%;
    justify-content: center;
    flex-wrap: wrap; }
.serviceweb_sel_icon_item{ margin-bottom:20px; cursor:pointer;}
.serviceweb_sel_icon_item_img img{ height:50px;margin: 0 auto;}
.serviceweb_sel_icon_item_img img:first-child{ display:block;}
.serviceweb_sel_icon_item_img img:last-child{ display:none;}
.serviceweb_sel_icon_item_title{ margin-top:5px;font-size: 16px;}
.serviceweb_sel_icon_item:hover .serviceweb_sel_icon_item_img img:first-child{ display:none;}
.serviceweb_sel_icon_item:hover .serviceweb_sel_icon_item_img img:last-child{ display:block;}

.serviceweb_lable{display: flex; gap: 10px;flex-wrap: wrap;
    margin: 0 auto;margin-top:30px;justify-content: center;}
    .serviceweb_lable_item{ background:#fff;border-radius:20px; display:inline-block; padding:5px 10px; color:#4b71f8; font-size:14px; cursor:pointer; height:15px; line-height:15px;}
    .serviceweb_lable_item:hover{ background:linear-gradient(to right, #2569f8, #816aff);color:#fff;}
    .serviceweb_lable_item_icon{ display:flex;    align-items: center;}
    .serviceweb_lable_gc{gap:2px;    width: 60%;}
    .serviceweb_lable_gc .serviceweb_lable_item{ margin-bottom:10px;}
.serviceweb_sys_con{display: flex; gap: 10px;
    margin: 0 auto;margin-top:30px;justify-content: center;
     position:absolute;
     bottom:50px;
      width:90%;
      left:5%;
    }
    .serviceweb_sys_con.serviceweb_sys_con_gc{    flex-direction: column;}
    .serviceweb_sys_con_item{ width:33%; border-left:1px solid #ddd; display:flex;align-items: center; padding:0px 20px;flex-direction: column; gap:20px;}
    .serviceweb_sys_con_item:first-child{border-left:0px solid #ddd;}
    .serviceweb_sys_con_item_img img{ width:60px;}
    .serviceweb_sys_con_item_the{ margin-left:20px;}
    .serviceweb_sys_con_gc .serviceweb_lable{margin-top:0px;gap:5px;}
    .serviceweb_sys_con_gc .serviceweb_lable_item{ border:1px solid #eee; font-weight:bold;}
    .serviceweb_lable_item_icon{ color:#a9bbf9;}
    
    
    .aboutTxt_img{ width:100%;    position:static;
    right: 0px;
    margin-top: 0px;}
.aboutTxt_img img{ max-width:100%; display:block;}
    
    
    
.about_history{ display:flex;align-items: center;justify-content: space-between;}
.about_history_l img{ width:20px;}
.about_history_control img{ width:40px; cursor:pointer;}
.about_history_con{ width:60%;}
.about_history_year{ position:relative;width:250px; height:420px; overflow:hidden;transition: all 0.6s; }
.about_history_year_c{display:flex;flex-direction: column;
    gap: 0px; position:absolute; top:0px; left:0px; width:100%;transition: all 0.6s; padding: 10px 0px;}
.about_history_year_item{ font-size:100px; color:#dbeaff; font-weight:bold; margin-bottom:20px; height:120px; line-height:120px;transition: all 1s;}
.about_history_year_item.on{ color:#073cfc;}
.about_history_control{ width:60px; display:flex;flex-direction: column;
    gap: 20px;    padding-bottom: 0px;justify-content: center;
    text-align: center;}
    .about_history_year_t{ position:absolute; color:#000; font-size:36px; font-weight:bold; top:90px; left:0px; }
    .about_history_con{ position:relative;height:420px; overflow:hidden; transition: all 0.6s;}
    .about_history_con_c{display:flex;flex-direction: column;
    gap: 0px; position:absolute; top:0px; left:0px; width: calc(100% - 20px);
    transition: all 0.6s;
    padding: 10px; }
.about_history_con_item{ background:#fff; border-radius:6px; padding:10px 20px; line-height:24px; height:96px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); margin-bottom:20px;transition: all 1s;border:2px solid #f0f0f0;overflow: auto;}
.about_history_con_item p{ display:block; background:url(/images/2026/about/0_07.jpg) no-repeat left 10px; background-size:8px; padding-left:15px;}
.about_history_con_item.on{ border:2px solid #073cfc;}