/* 公共内容区 */
body {font-size: 16px;
    background: none;
}
.content { width: 1400px; margin: 0 auto;}

/* 导航 */
.nav{ width: 1400px; height: 90px; background: #fff;display: flex; margin: 0 auto;align-items: center;}
.logo{width: 250px;float: left;}
.nav .nav_content{ width: 900px; height: 90px; display: flex; align-items: center; justify-content:space-evenly;}
.nav .nav_content a{ width:20%; line-height: 90px; font-size: 18px; color: #333333; text-decoration: none; text-align: center; }
.nav_content img{margin-right: 10px;}
.phone p{width: 250px;line-height: 90px; font-size: 18px; color: #fff8f5;text-align: center;background: #fc6314;margin: 0 auto;float: right;margin-left:30px;}
.phone img{margin-right: 15px;}
.nav .nav_content a:hover{ color: #fff;background:#fc6314; }
/* banner */
.banner{ width: 100%; height:706px; background: url(../img/banner.png) no-repeat center;overflow: hidden;}
.banner p{width:1400px; font-size: 48px;font-weight: bold;color: #fff;margin: 240px auto 0;text-align: center;}
.banner_btn{width:436px;margin: 90px auto 0;text-align: center;display: flex;justify-content: space-between;}
.banner_btn a{width:191px;height:57px;display: inline-block; font-size:24px;color: #fc6314; background: #fff;line-height: 57px; border-radius:28.5px; border: 2px solid #fc6314;}
.banner_btn a.over{color: #fff; background: #fda374;border-radius:28.5px;border:none;text-decoration: none;}
 
/* 主要产品 */
.bg{width:100%; background:#fafafa;margin:0 auto;}

.title{width: 1400px;height: auto;text-align: center;margin:0 auto;}
.title a{width:1400px;height:176px;line-height:176px; font-size: 32px;font-weight: bold;color: #333333;display: inline-block; margin: 0 auto;text-align: center;text-decoration: none;position: relative;}
.title a::before{content: "";position: absolute; top:112px; left: 50%; width:0px;height:0px; border-radius: 5px; 
    border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #fb7a37;}

.main_prod{width:100%;height: auto;}
.prod_content{width:1400px;height: auto;padding:100px 0px;display: flex;justify-content: space-between;float: none;margin: 0 auto;}
.prod{width:456px;height: 378px;border-radius:8px; border:1px solid #fafafa;box-shadow: 0px 0px 9px 1px #dfdfdf; padding:25px 10px 25px 30px;position: relative;padding-bottom:20px;
    background: url(../img/prod_1.png) no-repeat #fff 220px 120px;}
.prod p{width:100%;height:90px;line-height: 35px; font-size:24px;color: #333333;text-align: left;font-weight:100;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prod p::after{content:" ";width: 20%;display: block;margin: auto;padding-bottom: 15px; border-bottom: 1px solid #fc6314;position: absolute;}
.prod p i{width:auto;height:auto;line-height: 20px; font-size:20px;color: #666;text-align: left;font-weight:100;}
.prod ul{margin: 15px 15px 15px 0px;list-style: disc;height:180px;list-style-position: inside;}
.prod ul li{width:250px;height:35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prod ul li a{color: #5f5f5f;line-height:35px;color: #5f5f5f;font-size: 20px;text-decoration: none;}
.prod ul li a:hover{color: #fc6314;text-decoration: none;}
.prod a.xq{width:95px;height:25px;line-height:25px;color: #ff9d2b;font-size: 14px;background: #fff8f0;display: inline-block;text-align: center; border-radius:12.5px; border: 1px solid #fff;box-shadow: 0px 0px 3px 0px rgba(100, 100, 100, 0.35);}

/* 优塔应用六大中心 */
.main_core{width:100%;height: auto;}
.core_content{width:1400px;height: auto;background:#fafafa;padding:90px 0px;display: flex;justify-content: space-between;float: none;margin: 0 auto;}
.core_content li{width:218px;height:150px;border-radius:8px; border:1px solid #fafafa;background: #fff;box-shadow: 0px 0px 9px 1px #dfdfdf; padding:20px 20px 10px 20px;padding-bottom:15px;}
.core_content li h3{width:100%;height:35px;line-height: 35px; font-size:20px;color: #333333;text-align: left;font-weight:bold;margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.core_content li p{width:90%;height:40px;line-height: 20px; font-size:15px;color: #888888;text-align: left;font-weight: 100;margin: 6px 0 0 0;
    flex-wrap: wrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.core_content li a{width:95px;height:25px;line-height:25px;color: #fff;font-size: 14px;background: #ff9a29;display: inline-block;text-align: center;
     border-radius:12.5px; border: 1px solid #fff;margin: 10px 0;}
.core_content li h3 i{display: inline-block;vertical-align: top;height:35px;width:25px;margin-right:6px;}
.core_content li h3 i.ico1{background: url(../img/core_1.png) no-repeat center center;}
.core_content li h3 i.ico2{background: url(../img/core_2.png) no-repeat center center;}
.core_content li h3 i.ico3{background: url(../img/core_3.png) no-repeat center center;}
.core_content li h3 i.ico4{background: url(../img/core_4.png) no-repeat center center;}
.core_content li h3 i.ico5{background: url(../img/core_5.png) no-repeat center center;}
.core_content li h3 i.ico6{background: url(../img/core_6.png) no-repeat center center;}
.core_content li:hover{transform: scale(1.0);cursor: pointer;background:url(../img/core_bg.png)no-repeat;}
.core_content li:hover h3{color:#fff7ed;}
.core_content li:hover p{color:#fff7ed;}
.core_content li:hover a{color:#ff9d2b;background:#fff8f0;}
.core_content li:hover i.ico1{background: url(../img/core_hover_1.png) no-repeat center center;}
.core_content li:hover i.ico2{background: url(../img/core_hover_2.png) no-repeat center center;}
.core_content li:hover i.ico3{background: url(../img/core_hover_3.png) no-repeat center center;}
.core_content li:hover i.ico4{background: url(../img/core_hover_4.png) no-repeat center center;}
.core_content li:hover i.ico5{background: url(../img/core_hover_5.png) no-repeat center center;}
.core_content li:hover i.ico6{background: url(../img/core_hover_6.png) no-repeat center center;}

/* 优搭应用中台特点 */
.main_chara{width:100%;height: auto;}
.chara_content{width:960px;height: auto;background:#fafafa;padding:90px 0px 0px;display: flex;justify-content: space-between;float: none;margin: 0 auto;flex-wrap: wrap;}
.chara_content li{width:460px;height:248px;border-radius:8px;background: #fff;box-shadow: 0px 0px 9px 1px #dfdfdf; padding:40px 25px 30px 35px;
       padding-bottom:15px;margin: 10px;}
.chara_content li h3{width:68%;height: 64px;line-height:32px; font-size:24px;color: #333333;text-align: left;font-weight:bold;margin: 0;flex-wrap: wrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.chara_content li p{width:60%;height:auto;line-height: 28px; font-size:18px;color: #848484;text-align: left;font-weight: 100;margin: 6px 0 0 0;flex-wrap: wrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.chara_content li img{margin-right: 10px;margin-top: -6px;}
.chara_content li a{width:95px;height:25px;line-height:25px;color: #fff;font-size: 14px;background: #ff9a29;display: inline-block;text-align: center;
     border-radius:12.5px; border: 1px solid #fff;margin:32px 0 0 0;}

.chara_content_th{width:1400px;height: auto;background:#fafafa;padding:90px 0px;display: flex;justify-content: space-between;float: none;margin: 0 auto;}
.chara_content_th li{width:336px;height:212px;border-radius:8px;background: #fff;box-shadow: 0px 0px 9px 1px #dfdfdf; padding:25px 0px 20px 0px;
       padding-bottom:15px;margin: 10px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.chara_content_th li{background:#f2f2f2;border-top: 4px solid #0d55c7;}
.chara_content_th li.chara{background:#fcf4f0;border-top: 4px solid #fc961d;}
.chara_content_th li a{width:75%;height:52px;line-height:26px; font-size:18px;color: #333333;text-align:center;font-weight:bold;margin: 0;text-decoration: none;flex-wrap: wrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.chara_content_th li img{width: 100px; margin: 0 auto;}
.chara_content_th li a:hover{color: #fc6314;text-decoration:none;}

.chara_content_th li:hover{transform: scale(1.05);cursor: pointer;}

.resear{width: 100%;height:258px;background: url(../img/resear.png)no-repeat center;}
.resear .div{width:1400px;height:258px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;text-align: center;}
.resear p{font-size: 30px;font-weight: bold;color: #fff;margin: 0px;}
.resear h2{font-size: 50px;font-weight: bold;color: #fff;margin: 0px;font-style: oblique;}
.resear h4{font-size: 24px;font-weight: bold;color: #fff;margin: 0px;}
.resear i{font-size: 24px;font-weight:100;}
.resear font{font-size: 24px;font-weight: bold;font-style: normal;}

/* 传统定制开发与优搭开发对比 */
.main_contrast{width:100%;height: auto;}
.vs{width:700px;height: auto;background:#fafafa;padding:80px 0px 35px 0px;display: flex;justify-content: space-between;float: none;margin: 0 auto;text-align: center;position: relative;}
.vs_1{width:340px;height:312px;}
.vs_1 li{width:340px;height: 126px;border-radius:8px;box-shadow: 0px 0px 9px 1px rgba(183, 180, 180, 0.3);background: #fff;margin-bottom: 18px;}
.vs_1 li p{width:340px;height:74px;font-size: 28px;line-height: 74px; color: #fff;font-weight: bold;background:#ff9a29;border-top-left-radius: 8px;border-top-right-radius: 8px;margin: 0px auto;}
.vs_1 li span{width:340px;height:52px;font-size: 18px;line-height:52px; color: #333;font-weight: bold;}
.vs_1 a{width:164px;height:164px;display: inline-block;line-height:164px; background: url(../img/contrast_1.png)no-repeat center;text-decoration: none;}
.vs_1 a.over{width:168px;height:166px;display: inline-block;line-height:164px;background: url(../img/contrast_2.png)no-repeat center;text-decoration: none;}
.vs_1 a p{width:94px;height:94px;display: inline-block; font-size:24px;line-height:92px; color: #fc5c0e;background:#fff;border-radius: 50px;box-shadow: 0px 0px 1px 16px #ffe9dd;}
.vs_1 a.over p{width:94px;height:94px;display: inline-block; font-size:24px;line-height:92px; color: #0579fe;background:#fff;border-radius: 50px;box-shadow: 0px 0px 1px 16px #e9f6ff;}
.vs img{position: absolute;top:312px;left:316px;}

.contrast_bg{width: 100%; background:#fafafa;padding-bottom: 85px;}
.contrast_content{width:1400px;height:248px;background:#fff;padding:0px;display: flex;justify-content:space-evenly;float: none;margin: 0 auto;align-items: center;
    border-radius:8px;box-shadow: 0px 0px 9px 1px #dfdfdf;margin-top: 10px;}
.contrast_content .contrast{width:318px;height:138px;border-radius:4px;box-shadow: 0px 0px 2px 1px rgba(132, 132, 132, 0.23); padding:35px 35px 15px 35px;
    padding-bottom:15px;background: url(../img/contrast_3.png)no-repeat center;}
.contrast_content li{width:318px;height:138px;border-radius:4px;box-shadow: 0px 0px 2px 1px rgba(132, 132, 132, 0.23); padding:35px 35px 15px 35px;
    padding-bottom:15px;background: url(../img/contrast_4.png)no-repeat center;position: relative;text-align: center;}
.contact_content li a{text-decoration: none !important;}
.contact_content li a h3:hover{text-decoration: none !important;}
.contrast_content li span{width:auto;height:auto;line-height: 45px; font-size:18px;color: #fff;font-weight:bold;position: absolute;top:2px;left:8px;}
.contrast_content li a{width:100%;height:auto;line-height: 30px; font-size:20px;color: #333;text-align:center;font-weight:bold;text-decoration: none; padding: 0 20px;margin-top: 0px;margin-bottom: 5px;
    flex-wrap: wrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.contrast_content li p{width:100%;height: auto;line-height:25px;color: #888;font-size: 16px;display: inline-block;text-align: center;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.contrast_content li:hover{transform: scale(1.05);cursor: pointer;}

/* 项目实施 */
.xmss{width: 100%;height:258px;background: url(../img/bg_2.png)no-repeat center;}
.xmss .div{width:1400px;height:258px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;text-align: center;}
.xmss h3{width: 250px;height: auto;font-size: 14px;color: #d7d7d7;line-height: 20px;margin: 0px;text-decoration: none;display: inline-block;}
.xmss p{font-size: 20px;font-weight: bold;color: #fff;margin: 0px;line-height: 20px;margin-bottom: 15px;}
.xmss a{width:300px;height: auto; font-size:16px;font-weight: bold;color: #fff;margin: 0px;line-height: 30px;}
.xmss i{font-size:40px;font-weight:bold;font-style: oblique;padding:0 8px;}
.xmss a:hover{text-decoration: none;}

/* 优搭应用中台案例 */
.case_bg{width:100%; background:#fff;margin:0 auto;margin-bottom: 100px;}
.main_case{width:100%;height: auto;}
.case_box { width:1400px;height:246px;margin: 0 auto;position: relative;}
.swiper-container {width:auto;height:246px;position: relative;overflow: hidden;}
.case_box li .case { position: relative; width:334px; height:246px; text-decoration: none; justify-content: center; align-items: center;}
.case_box li img {position: absolute;width:336px;height:246px;z-index: 1;border-radius: 4px;}
.swiper-prev{ position: absolute; left:3px; top: 100px; width:40px; height: 40px;z-index: 999999;
      cursor: pointer;background: url("../img/left.png") no-repeat 0 0;}
.swiper-next{ position: absolute; right:3px; top: 100px; width: 40px; height: 40px;z-index: 999999; cursor: pointer;
      background: url("../img/right.png") no-repeat 0 0;}
.case h3{font-weight: bold;font-size: 22px;line-height: 35px;color: #fff;width:80%;height: auto;z-index: 999; margin: 0;position: absolute;top:68px;left:50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case p{font-size:16px;line-height:22px;color: #fff;font-weight: 100; width:70%;height: auto;z-index: 999;margin: 0;position: absolute;top:106px;left: 50px;text-align: left;
    flex-wrap: wrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.case a{font-size: 16px;line-height: 35px;color: #fff;width:70%;height: auto;text-decoration: none; z-index: 999;margin: 0;position: absolute;bottom:24px;left: 50px;}
.case a:hover{color: #fc6314;text-decoration: underline;}

.foot_box{width: 100%;height: 360px; background: #191a1c;}
.foot{width: 1400px;height: 360px;margin: 0 auto;display:flex;padding: 70px 0;}
.foot_left{width:958px;height: auto;text-align: center;padding-right:84px;border-right:1px solid #fff;}
.foot_left ul{width: 874px;height: auto;display: flex;justify-content:space-between;padding-bottom: 50px;margin: 0px;}
.foot_left ul li a{font-size:18px;color: #f1f1f1;line-height: 35px;text-decoration: none;}
.foot_left ul li a:hover{color: #fc6314;text-decoration:none;}
.foot_left span{font-size:16px;color: #f1f1f1;line-height: 35px;margin: 15px 0;}
.foot_left p{font-size:16px;color: #888888;line-height: 35px;margin-top: 25px;}
.foot_right{width:442px;height: auto;margin:0;align-items: center;text-align: center;}
.foot_right img{margin-bottom: 24px;width:274px;height: 92px;}
.foot_right p{font-size:16px;color: #888888;line-height:22px;margin-bottom: 0px;}
.foot_img{width:100%;height:auto;display: flex;justify-content: center;margin-top:15px;align-items: center;}
.foot_img img{margin: 5px 25px;width:auto;height:35px;}


    /* 关于我们 */
    /* top */
.top{ width: 100%; height:450px; background: url(../img/top.png) no-repeat center;overflow: hidden;text-align: center;}
.top p{width:1400px; font-size: 48px;font-weight: bold;color: #fff;margin: 150px auto 0;line-height: 77px;}
.top span{width:1400px; font-size:30px;font-weight: bold;color: #fff;margin:0 auto;line-height: 77px;display: inline-block;}
    /* 公司简介 */
.gsjj{width:100%;height: auto;margin-bottom: 90px;}
.gsjj_content{width:1400px;height:auto;display: flex;justify-content: space-between;float: none;margin: 0 auto;}
.gsjj_left{width: 850px;height:734px;padding:62px 32px;background:#fafafa;border-radius: 4px;overflow: hidden;}
.gsjj_left h4{font-size: 24px;font-weight: bold;color: #333;text-indent: 2em;line-height: 35px;}
.gsjj_left p{width: 100%;height: auto; font-size: 20px;font-weight:normal;color: #333;line-height: 35px;text-align: left;text-indent: 2em;margin:10px 0;}
.gsjj_left a{width:20%;line-height: 30px;font-size: 20px;color: #fc6314;text-decoration: none;display: inline-block;}
.gsjj_right{width:516px;height: auto;padding:40px 34px 44px;background:#fff;border-radius:8px;box-shadow: 0px 0px 9px 1px #dfdfdf;text-align: center !important;}
.gsjj_right img{width:448px;height:206px;text-align:center;margin:16px 0;}
.gsjj_right img.logo{width:308px;height:104px;text-align:center;margin:16px 0;float: none;}
.gsjj_left a:hover{text-decoration:underline}

.fzlc{width:100%;height: auto;padding-bottom:40px;background: url(../img/fzlc.png)no-repeat #fafafa center 0;}
.title_1{width:1400px;height: auto;margin:0 auto;}
.title_1 a{width:100%;height:auto;line-height:276px; font-size: 32px;font-weight: bold;color: #fff;margin: 0 auto;text-align: center;display: inline-block;text-decoration: none;position: relative;}
.title_1 a::before{content: "";position: absolute; top:165px; left: 50%; width:0px;height:0px; border-radius: 5px; 
    border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #fb7a37;}
.fzlc_bg{width:1400px;min-height:auto;margin: auto;}

.fzlc_banner{width:1400px; height:auto;  margin:0 !important;}
.fzlc_banner .swiper-slide{width: 100%; height:auto;  }
.fzlc_banner .swiper-slide a{width: 100%; height:60px; text-decoration: none;line-height:60px; font-weight: bold;color: #333; font-size: 24px;margin-top: 50px;
   margin-bottom: 20px;margin-left: 20px;font-style: oblique;}
.fzlc_banner .swiper-slide ul{ width: 100%; height:auto;background: #fafafa; border-top: 1px solid #e3e3e3;padding: 20px 0px 20px 25px;}
.fzlc_banner .swiper-slide ul li{ width:100%; height:auto;text-align:left;display: flex;justify-content: space-between;margin:10px 0;}
.fzlc_banner .swiper-slide ul li span{ width: 45px;height: 26px;line-height: 30px;font-size: 18px;color: #fff;text-align: center;background: #fc6314;
    border-top-right-radius: 12px;border-bottom-left-radius: 12px;}
.fzlc_banner .swiper-slide ul li a{ width:100%; height:auto; line-height:24px; font-size: 16px; color: #000; text-align: left;font-weight: 100; background: none;text-decoration: none;margin: 0px;font-style: normal;margin-left:10px;
    flex-wrap: wrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.fzlc_banner .swiper-slide ul li a:hover{color:#fc6314; }
    
.fzlc_bg .swiper-pagination-bullet {width: 24px;height: 24px;}
.fzlc_bg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 60px;background: #9a9da0;opacity: 1;}
.fzlc_bg  .swiper-pagination-bullet-active{ background: #fff !important; }
.fzlc_bg .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {top:290px; left: 0; width: 100%;}
.fzlc_bg .swiper-wrapper { margin-top: 160px;}
.fzlc_bg .swiper-pagination-bullet { background: #fff;}

.pag{width: 100%;height: auto;position:absolute;top:245px;}
.pag ul{width:100%;height: auto;display: flex;justify-content:center;margin:0 auto;}
.pag ul::before{ position: absolute; content: ""; width: 580px; height: 1px; border-bottom: 1px dashed #ccc; left: 410px; top:140%; right: 0; }
.pag ul li{width:60px;height:40px;text-align: center;margin:0 42px;}
.pag ul li p{width:60px;height:40px;font-size: 20px;line-height:40px;font-weight: 100;color: #fff;}

.zz_bg{width: 100%; height: auto; display: block; margin:0 auto;background: #fafafa;padding: 45px 0 100px; }
.zz_content{width: 1400px; height: auto;margin:0 auto;position: relative;}
.zz_banner{width: 1400px;height: auto;margin:0 auto;overflow: hidden;}
.swiper-container3 .swiper-wrapper {-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;transition-timing-function: linear;}
.swiper-container3 .swiper-wrapper .swiper-slide img {width:270px;height:380px; display: inline-block; float: left;}
.swiper-container3 .swiper-slide {display:flex; align-items: center; justify-content: center; flex-wrap: wrap; float:left;
     width:330px; height:auto; padding:30px 20px; box-sizing: border-box; overflow: hidden;background: #fff;text-decoration: none;}
.zz_content .swiper-pagination-bullet {width:20px!important;height:6px!important;border-radius:3px !important;}
.zz_content .swiper-pagination-bullet { background: #fc6314 !important;}
.zz_content .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px!important; }
.zz_content .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:-54px!important; left: 0!important;}

/* 团队活动 */
.active{width: 1400px;height: auto;margin:0 auto;}
.active_content ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.active_content ul li{width: 684px;height: 390px;background: #fafafa;display: flex;justify-content: space-between;background: #fafafa;margin-bottom: 32px;}
.active_content ul .first{background:#fe752f;}
.active_content ul li span{width: 300px;height: auto;padding:24px 30px;}
.active_content ul li h3{width: 100%;font-size: 24px;font-weight: bold;color: #333;line-height:64px;font-style: oblique;margin:0px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.active_content ul .first h3{color: #fff;}
.active_content ul li p{width: 100%;height: 242px; font-size:16px;color: #333;line-height:35px;flex-wrap: wrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:7;}
.active_content ul .first p{color: #fff;}
.active_content ul li a{width: 100%;font-size:14px;color: #fe752f;line-height:35px;}
.active_content ul .first a{color: #fff;}
.active_content ul li img{width: 374px;height: 390px;}
/* 联系我们 */
.contact{width: 100%;height:364px;margin:0 auto;background: #fafafa;}
.contact_content{width:1400px;height:364px;align-items: center;text-align: center;display: flex;justify-content: space-between;margin:0 auto;}
.contact_content p{width:860px;font-size:26px;color: #333;line-height: 58px;}
.contact_content img{width: 248px;height: 248px;margin: 0 76px;}

/* 成功案例 */
/* top */
.top_case{ width: 100%; height:530px; background: url(../img/top.png) no-repeat center;overflow: hidden;text-align: center;background-size: auto 100%;}
.top_case p{width:1400px; font-size: 48px;font-weight: bold;color: #fff;margin: 115px auto 0;line-height: 77px;}
.top_case span{width:1400px; font-size:30px;font-weight: bold;color: #fff;margin:0 auto;line-height: 77px;display: inline-block;}
/* 成功案例内容 */
.succ_case{width: 100%;height: auto;margin:0 auto;position: relative;top:-182px;}
.case_content{width: 1400px;height:auto;margin:0 auto;margin-bottom: 15px;}
.case_content ul{width: 1400px;height: auto;margin: 0 auto;display: flex;justify-content: space-between; flex-flow: row wrap;}
.case_content ul li{width:452px;height:672px;background: #fafafa;margin-bottom: 32px;border-radius: 4px;}
.case_content ul li a{padding: 25px 25px 36px 25px; display: block;text-decoration: none;}
.case_content ul li img{width:452px;height:368px;border-radius: 4px;}
.case_content ul li span{width:148px;height:40px;font-size: 16px;color: #fc6314;line-height: 40px;padding: 10px 30px 10px 15px; background: url(../img/time.png)no-repeat;background-size: 100% 100%;}
.case_content ul li h3{width:100%;height:30px;font-size: 24px;font-weight: bold;color: #333;line-height: 30px;font-style:normal;margin:30px 0px 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case_content ul li h3:hover{color:#fc6314;}
.case_content ul li p{width:100%;height:120px;font-size: 16px;color: #333;line-height: 30px;overflow: hidden;margin: 0 auto;
    flex-wrap: wrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.case_content ul li.over{width: 920px;height:672px;background: #fafafa;margin-bottom: 32px;border-radius: 4px;}
.case_content ul li.over img{width:920px;height:368px;border-radius: 4px;}
.case_content ul li.over span{width:148px;}
.case_content ul li.over h3{width:100%;}
.case_content ul li.over p{width:100%;}
.page{width:1400px;height:30px;margin:0 auto -90px;text-align: center;}
.page a{width: 60px;height: 30px;font-size: 16px;line-height: 30px;text-decoration: none;color: #999; display: inline-block;border:1px solid #eee;background: #fafafa;margin: 0 10px;}
.page span{font-size: 16px;line-height: 30px;color: #999;margin:0 10px;}
.page a:hover{color: #fff;background:#fc6314;}

/* 新闻资讯 */
/* top */
.top_news{ width: 100%; height:530px; background: url(../img/top.png) no-repeat center;overflow: hidden;text-align: center;background-size: auto 100%;}
.top_news p{width:1400px; font-size: 48px;font-weight: bold;color: #fff;margin: 180px auto 0;line-height: 77px;}
.top_news span{width:1400px; font-size:30px;font-weight: bold;color: #fff;margin:0 auto;line-height: 77px;display: inline-block;}
.news{width:1400px;height: auto;margin:0 auto;}
.news_tag{width: 800px;height:auto;margin:0 auto;display: flex;margin-bottom: 32px;}
.tag_title{width: 172px;height:30px; display: flex;justify-content: space-between;}
.tag_title a{font-size: 16px;font-weight: bold;color: #333;line-height: 30px;text-decoration: none;}
.tag_title a:hover{color: #fc6314;}
.tag_title .over{color: #fc6314;}
.search{width: 614px;height:30px; display: flex;justify-content:space-evenly;}

.search_time{ width:180px;height:35px;margin-bottom: 20px;display: flex;}
.search_time input.search_time_txt{ display:inline-block; float:left; width:155px; height:35px; border-bottom:1px solid #cdcdcd !important; font-size:15px;
    border:none;}
.search_time input.search_time_btn{border:none;width:25px; background: url('../img/x.png') no-repeat 12px 50%;border-bottom:1px solid #cdcdcd; }  
.search_key{ width:180px;height:35px;margin-bottom: 20px;display: flex;}
.search_key input.search_key_txt{ display:inline-block; float:left; width:145px; height:35px; border-bottom:1px solid #cdcdcd !important; font-size:15px;
        border:none;}
.search_key input.search_key_btn{border:none;width: 35px; background: url('../img/search.png') no-repeat 12px 50%;border-bottom:1px solid #cdcdcd; }
    
.news_tag .img{width:110px;height: 26px; display: flex;justify-content: space-evenly;border-left:1px solid #cdcdcd;}
.news_tag .img img{width:26px;height: 26px;}
.tag_con{width:1400px;min-height: 300px;}
.tag_con ul{margin-bottom:45px;}
.tag_con ul li{width: 100%;height:262px;display: flex;justify-content: space-between;border-radius: 4px;background: #fafafa;margin-bottom: 30px;}
.tag_con ul li img{width: 290px;height:262px;float: left;}
.tag_con .cont{width:1110px;height: auto;padding:40px 36px;position:relative;margin: 0px;}
.cont a{width: 100%;height:auto;display: flex;justify-content: space-between;text-decoration: none;}
.cont h3{width:76%; font-size: 24px;color: #333;font-weight: bold;line-height: 35px;margin:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cont span{width:15%; font-size:18px;color: #333;line-height: 35px;float: right;background: url(../img/time_search.png)no-repeat 30px 50%;text-align: right;margin-right: 15px;}
.cont p{width:100%;height: auto; font-size:20px;color: #333;line-height: 35px;margin-top: 35px;flex-wrap: wrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.cont h3::before {content: "";position: absolute;top:85px;left:36px;width:44px;height: 4px;border-radius:2px;background: #fc6314;}

/* 内容 */
/* top */
.top_cont{ width: 100%; height:530px; background: url(../img/top.png) no-repeat center;overflow: hidden;text-align: center;background-size: auto 100%;}
.content{width: 1400px;min-height:600px;margin:0 auto;}
.cont_tit{padding: 30px 0;}
.cont_tit h2{font-size: 28px;color: #333;text-align: center;margin-bottom:0px;font-weight: normal;}
.cont_tit p{text-align: center;font-size: 18px; color: #999;margin-top: 10px;}
.content a{width: 100%; border-bottom: #dddddd solid 1px;line-height: 50px;display: inline-block;margin-bottom: 30px;text-decoration: none;}
.content span{font-size: 18px; color: #555; padding: 0 10px; border-bottom: #fc6314 solid 3px; padding-bottom:15px;}
.content span:hover{color: #fc6314;}
.cont_cont{width: 1400px;height: auto;padding:15px 20px 140px;}
.cont_cont p{font-size: 16px;color: #333;margin:8px 0px;text-indent: 2em;line-height: 30px;}
.cont_cont img{width: auto; max-width:70%;height: auto; display: block;margin:24px auto;padding: 0;border: 1px solid #e7e7e7;}


@media (max-width: 736px) {
    /* 移动端头部 */
    .container-fluid {
        width: 100%;
    }
    .yd_top { width: 100%; height: 50px; background: #fff; border-bottom: 1px solid #eee; position: fixed; top: 0; z-index: 999999999999; line-height: 50px;}
    .yd_top img.logo { width:100px; height: auto; display: inline-block; float: left; margin: 8px 0 0 24px;}
    .nav_btn { width: 65px; height: auto;  background: none;  border: none;  float: right;}
    .nav_btn img { width: 40px; height: auto; display: inline-block;margin:-4px 15px 0 0;}
    
    /* banner */
    .banner{ width: 100%; height:auto; background: url(../img/banner.png) no-repeat center;overflow: hidden;margin-top: 50px;}
    .banner p{width:100%; font-size:18px;margin: 60px auto 0;}
    .banner_btn{width:100%;margin: 20px auto 50px;justify-content: space-evenly;}
    .banner_btn a{width:30%;height:40px;font-size:16px;line-height: 40px;}
    
    /* 主要产品 */
    .bg{width: 100%;background:none;margin-bottom: 10px;}

    .title{width: 100%;}
    .title a{width:100%;height:auto;line-height:30px; font-size:20px;font-weight:400;padding:0px 0 10px 0;margin: 10px auto;}
    .title a::before{content: "";position: absolute; top:32px; left: 50%; width:0px;height:0px; border-radius: 5px; 
        border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #fb7a37;}
    
    .prod_content{width:100%;padding:0 2px 10px;display: inline-block; float: none;margin: 0 auto;background: none;}
    .prod{width:100%;height: auto;margin-top:15px;padding:15px 6px 30px 20px;padding-bottom:0px;background: none !important;box-shadow: none;border: 2px solid #fafafa;}
    .prod p{width:100%;height:auto;line-height: 30px; font-size:18px;color: #333333;text-align: left;font-weight:400;}
    .prod p::after{content:" ";width: 20%;display: block;margin: auto;padding-bottom:6px; border-bottom: 1px solid #fc6314;position: absolute;}
    .prod p i{width:100%;height:auto;line-height: 20px; font-size:16px;color: #666;text-align: left;font-weight:100;}
    .prod ul{margin:10px 10px 10px 0px;height: auto;}
    .prod ul li{width:100%;height: auto;line-height:30px;color: #5f5f5f;font-size: 15px;text-decoration: none;}
    .prod ul li a{line-height:30px;font-size:16px;}
    .prod ul li a:hover{color: #fc6314;text-decoration: none;}
    .prod img{width:50%;height: auto;position: absolute;left: 45%;top:35%;}
    .prod a.xq{width:95px;height:25px;line-height:25px;color: #ff9d2b;font-size: 14px;background: #fff8f0;display: inline-block;text-align: center;margin-bottom: 15px; border-radius:12.5px; border: 1px solid #fff;box-shadow: 0px 0px 3px 0px rgba(100, 100, 100, 0.35);}
    
    /* 优塔应用六大中心 */
    .core_content{width:100%;height: auto;background:none;padding:0px;display: inline-block; float: none;margin:0 auto;  display: flex;flex-wrap: wrap;justify-content: space-between;}
    .core_content li{width:46%;height:auto;border-radius:8px; border:1px solid #fafafa;background: #fff;box-shadow: 0px 0px 9px 1px #dfdfdf; padding:5px 8px;
      margin: 2%;}
    .core_content li h3{width:auto;height:auto;line-height: 30px; font-size:16px;color: #333333;text-align: left;font-weight:400;margin: 0;}
    .core_content li p{width:100%;height:40px;line-height: 20px; font-size:14px;color: #888888;text-align: left;font-weight: 100;margin: 6px 0 0 0;}
    .core_content li img{margin-right: 10px;margin-top: -6px;width: 15%;}
    .core_content li a{width:95px;height:25px;line-height:25px;color: #fff;font-size: 12px;background: #ff9a29;display: inline-block;text-align: center;
     border-radius:12.5px; border: 1px solid #fff;margin: 10px 0;}
    .core_content li h3 i {height: 30px;width: 25px;margin-right: 6px;}
    .core_content li h3 i.ico1{background-size:80% auto;}
    .core_content li h3 i.ico2{background-size:80% auto;}
    .core_content li h3 i.ico3{background-size:80% auto;}
    .core_content li h3 i.ico4{background-size:115% auto;}
    .core_content li h3 i.ico5{background-size:120% auto;}
    .core_content li h3 i.ico6{background-size:130% auto;}

    /* 优搭应用中台特点 */
    .main_chara{width:100%;height: auto;}
    .chara_content{width:100%;padding:0px;background: none;}
    .chara_content li{width:100%;height:auto; padding:10px 5px 10px 10px;padding-bottom:10px;margin:2%;background: none !important;}
    .chara_content li h3{width:100%;height:auto;line-height:30px; font-size:18px;color: #333333;text-align: left;font-weight:bold;margin: 0;}
    .chara_content li p{width:100%;height:auto;line-height: 20px; font-size:16px;color: #848484;text-align: left;font-weight: 100;margin: 6px 0 0 0;padding: 0px;}
    /* .chara_content li img{margin-right: 10px;margin-top: -6px;} */
    .chara_content li a{width:95px;height:25px;line-height:25px;color: #fff;font-size: 14px;background: #ff9a29;display: inline-block;text-align: center;
     border-radius:12.5px; border: 1px solid #fff;margin:15px 0 5px 0;}

    .chara_content_th{width:100%;height: auto;background:#fff;padding:0px;margin-top:12px;display:flex;flex-wrap: wrap;}
    .chara_content_th li{width:46%;height:auto;padding:10px 0px 10px 0px;padding-bottom:15px;margin:3% 2%;}
    .chara_content_th li a{width:90%;height:auto;line-height:26px; font-size:14px;color: #333333;text-align:center;font-weight:400;margin: 0;text-decoration: none;}
    .chara_content_th li img{width: 70px; margin: 0 auto;}
    .chara_content_th li a:hover{text-decoration:none;}    

    .resear{width: 100%;height:258px;margin:10px 0;}
    .resear .div{width:100%;height:258px;margin: 0 auto;display: flex;justify-content: space-evenly;flex-wrap: wrap;padding:30px 15px;}
    .resear p{font-size: 18px;width: 50%;}
    .resear h2{font-size: 28px;}
    .resear h4{font-size: 18px;}
    .resear i{font-size: 16px;}
    .resear font{font-size:16px;}

    /* 传统定制开发与优搭开发对比 */
    .vs{width:100%;height: auto;padding:4px 0px 10px 0px;    background: url(../img/VS.png)no-repeat center 65%; background-size: 13%;}
    .vs_1{width:48%;height:auto;}
    .vs_1 li{width:98%;height:auto;box-shadow: 0px 0px 9px 1px rgba(183, 180, 180, 0.3);margin-bottom:0px;}
    .vs_1 li p{width:100%;height:auto;font-size: 16px;line-height:50px;padding:0px;}
    .vs_1 li span{width:100%;height:auto;font-size: 16px;line-height:40px; }
    .vs_1 a{width:100%;height:155px;max-width: 250px; line-height:155px; background: url(../img/contrast_1_1.png)no-repeat center 50%;background-size:86%;}
    .vs_1 a.over{width:100%;height:155px;max-width: 250px;line-height:155px;background: url(../img/contrast_2_1.png)no-repeat center 50%;background-size:86%;}
    .vs_1 a p{display: contents;font-size: 18px;}
    .vs_1 a.over p{display: contents;font-size: 18px;}
    .vs img{position: absolute;top:170px;left:154px;width: 15%;}

    .contrast_bg{margin-bottom:30px;padding: 0px;}
    .contrast_content{width:100%;height:auto;background:#fff;padding:0px;margin-top: 10px;flex-wrap: wrap;}
    .contrast_content .contrast{width:95%;height:auto;padding:15px 15px 4px 15px;padding-bottom:15px;background:#ffe9dd;box-shadow: none;background-size: 100% 100%;}
    .contrast_content li{width:95%;height:auto;padding:15px 15px 4px 15px;padding-bottom:15px;background:#e5e5e5;position: relative;
        text-align: center;margin:2%;box-shadow: none;background-size: 100% 100%;}
    .contrast_content li a {padding: 0 30px;}
    .contrast_content li span{width:50px;height:50px;line-height: 45px; font-size:16px;color: #fff;font-weight:bold;position: absolute;top:0px;left:0px;background: #0062d4;
        border-radius: 0px 0px 140px 0px;padding-right:6px;}
    .contrast_content .contrast span{background:#fc6314 !important;}
    .contrast_content li h2{width:100%;height:auto;line-height:25px; font-size:16px;color: #333;text-align:center;font-weight:200;padding: 0 35px;margin-bottom: 10px;}
    .contrast_content li p{width:100%;height: auto;line-height:25px;color: #888;font-size: 16px;display: inline-block;text-align: center;font-weight:100;padding:0px;margin:0px;}
    
    /* 项目实施 */
    .xmss{display: flex;align-items: center;padding:0 4px;}
    .xmss .div{width:100%;height:auto;justify-content: space-between;align-items: center;text-align: center;flex-wrap: wrap;}
    .xmss a{width: 46%;height:106px; margin:2%;font-size: 16px;font-weight: 200;border: 1px solid #f1f1f1; padding: 2%;flex-wrap: wrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; }
    .xmss p{font-size: 16px;font-weight:bold;margin: 0px;margin-bottom: 10px;}
    .xmss i{font-size:18px;font-weight:bold;padding:0 8px;}

    /* 优搭应用中台案例 */
    .case_bg{margin-bottom: 20px;}
    .main_case{padding: 0 10px;}
    .case_box { width:100%;height:246px;}
    .case_box li .case { position: relative; width:100%; height:246px;}
    .case_box li img {position: absolute;width:100%;height:246px;z-index: 1;}
    .swiper-prev{left:0px; top: 108px; width:40px; height: 40px;background-size: 70%;}
    .swiper-next{right:-6px; top: 108px; width: 40px; height: 40px;background-size:70%;}
    .case h3{font-size:18px;line-height: 35px;width:80%;top:54px;left:36px;font-weight: 400;}
    .case p{font-size:16px;line-height:22px;width:80%;top:88px;left: 36px;font-weight: 100;}
    .case a{font-size: 16px;line-height: 35px;width:80%;bottom:32px;left:36px;font-weight: 200;}
    /* font */
    .foot_box{height: auto;}
    .foot{width:100%;height:auto;padding: 30px 0;display: inline-block;}
    .foot_left{width:100%;padding-right:0px;border-bottom:1px solid #fff;}
    .foot_left ul{width: 100%;padding-bottom:15px;margin: 0px;flex-wrap: wrap;}
    .foot_left ul li{width:25%;margin:0 2%;}
    .foot_left ul li a{font-size:16px;}
    .foot_left span{margin: 10px 0;}
    .foot_left p{margin-top: 10px;margin-bottom: 20px;}
    .foot_right{width:100%;}
    .foot_right img{margin-bottom: 24px;width: 50%;margin-top: 24px;height:auto;}
    .foot_right p{margin-bottom: 0px;}
    .foot_img{margin-top: 10px;align-items: center;}
    .foot_img img{margin: 10% 15px;width: 60%;}

    /* 关于我们 */
    /* top */
    .top{height:200px; background: url(../img/top.png) no-repeat center;margin-top: 50px;}
    .top p{width:100%; font-size:18px;margin: 50px auto 0;line-height:40px;}
    .top span{width:100%; font-size:16px;line-height:30px;font-weight: 300;}
    /* 公司简介 */
    .gsjj{width:100%;height: auto;margin-bottom:0px;}
    .gsjj_content{width:100%;display:inline-block;justify-content: space-between;padding: 0px;}
    .gsjj_left{width:100%;padding:15px 10px;height: auto;}
    .gsjj_left h4{font-size:16px;line-height:25px;margin: 0px;}
    .gsjj_left p{width: 100%;font-size:14px;line-height:30px;margin:6px 0;padding: 0px;}
    .gsjj_left a{width:20%;line-height: 30px;font-size: 20px;color: #fc6314;text-decoration: none;display: inline-block;}
    .gsjj_right{width:100%;padding:15px 10px 15px;margin-top: 10px;}
    .gsjj_right img{width:100%;height:auto;margin:8px 0;}
    .gsjj_right img.logo{width:60%;height:auto;margin:8px 0;}

    /* 发展历程 */
    .fzlc{height:auto; padding-bottom:0px;background: none;}
    .fzlc_bg{width:100%;min-height:auto;margin: auto;}
    .fzlc_banner{width:100%;}
    .fzlc_banner .swiper-slide a{height:30px;line-height:30px; font-weight:300;font-size:18px;margin-top:0px;margin-bottom:5px;margin-left:0px;display: inline-block;text-align: center;}
    .fzlc_banner .swiper-slide ul{padding:3%;}
    .fzlc_banner .swiper-slide ul li{text-align:center;margin: 2% 0;}
    .fzlc_banner .swiper-slide ul li span{ width: 42px;height: 20px;line-height: 20px;font-size: 14px;}
    .fzlc_banner .swiper-slide ul li a{ width:80%;line-height:24px; font-size: 14px;padding: 0px;}
    .title_1{width: 100%;}
    .title_1 a{width:100%;height:auto;line-height:30px; font-size:20px;font-weight:400;padding:0px 0 10px 0;margin: 10px auto;color: #333;}
    .title_1 a::before{content: "";position: absolute; top:32px; left: 50%; width:0px;height:0px; border-radius: 5px; 
        border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #fb7a37;}
    
    .fzlc_bg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {background: #9a9da0;opacity: 1;}
    .fzlc_bg  .swiper-pagination-bullet-active{ background: #333 !important; }
    .fzlc_bg .swiper-pagination-bullet {width: 10px!important;height: 10px!important;}
    /* .fzlc_bg .swiper-pagination-bullet { background: #555 !important;} */
    .fzlc_bg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 6%!important; }
    .fzlc_bg .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {top:58px!important; left: 0!important;}
    .fzlc_bg .swiper-wrapper { margin-top:30px!important;}

    .zz_bg{padding:15px 15px 50px;}
    .zz_content{width:100%;}
    .zz_banner{width: 100%;}
    .zz_banner ul{margin: 0px;}
    .swiper-container3 li{width:100%; max-height:auto;margin: 0 2%;}
    .swiper-container3 .swiper-wrapper .swiper-slide img {width:90%;max-height:350px;}
    .swiper-container3 .swiper-slide {width:100%; height:auto; padding:6% 8%;}
    .zz_content .swiper-pagination-bullet {width:15px!important;height:5px!important;}
    .zz_content .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:-30px!important;}

    /* 团队活动 */
    .active{width: 100%;padding: 0 10px;}
    .active_content ul{display:inline-block; flex-wrap: wrap;}
    .active_content ul li{width:100%;height: auto;margin-bottom:5%;align-items: center;}
    .active_content ul li span{width:60%;padding:3%;}
    .active_content ul li h3{width: 100%;font-size:16px;font-weight: bold;line-height:30px;margin:0px;}
    .active_content ul li p{width: 100%;height:auto; font-size:14px;line-height:20px;-webkit-line-clamp: 4;}
    .active_content ul li a{width: 100%;font-size:14px;line-height:20px;}
    .active_content ul li img{width:40%;height: 140px;margin: 2%;}
     /* 联系我们 */
    .contact{width: 100%;height:auto;}
    .contact_content{width:100%;height:auto;display: inline-block;}
    .contact_content p{width:100%;font-size: 16px;line-height: 30px;padding:5%;margin:0 auto;}
    .contact_content img{width:120px;height: 120px;margin: 2% 10% 8%;}

    /* 成功案例 */
    .top_case{height:200px; background: url(../img/top.png) no-repeat center;margin-top: 50px;}
    .top_case p{width:100%; font-size:18px;margin: 50px auto 0;line-height:40px;}
    .top_case span{width:100%; font-size:16px;line-height:30px;font-weight: 300;}

    /* 成功案例内容 */
    .succ_case{position:initial;margin-top: 15px;}
    .case_content{width:100%;margin-bottom: 15px;}
    .case_content ul{width:100%;}
    .case_content ul li{width:100%;height:auto;margin-bottom:10px;}
    .case_content ul li a{padding:6%;}
    .case_content ul li img{width:100%;height:200px;}
    .case_content ul li span{width:100px;height:30px;font-size: 14px;line-height:30px;padding:3% 5% 3% 3%;}
    .case_content ul li h3{width:100%;height:30px;font-size:16px;font-weight: bold;margin:10px 0px 5px;}
    .case_content ul li p{width:100%;height:120px;font-size: 14px;}
    .case_content ul li.over{width:100%;height:auto;margin-bottom:10px;}
    .case_content ul li.over img{width:100%;height:150px;}
    .case_content ul li.over span{width:100px;padding: 3% 5% 3% 3%;}
    .case_content ul li.over h3{width:100%;}
    .case_content ul li.over p{width:100%;height: auto;}
    .page{width:100%;height:30px;margin:0 auto 40px;}
    .page a{width:50px;height:25px;font-size: 14px;line-height:25px;margin: 0 2%;}
    .page span{font-size: 14px;line-height: 20px;color: #999;margin:0 2%;}

   /* 新闻资讯 */
   /* top */
    .top_news{height:200px; background: url(../img/top.png) no-repeat center;margin-top: 50px;}
    .top_news p{width:100%; font-size:18px;margin: 50px auto 0;line-height:40px;}
    .top_news span{width:100%; font-size:16px;line-height:30px;font-weight: 300;}

    .news{width:100%;}
    .search_phone{width: 100%;height:37px; padding:0px 5%;margin-bottom:20px; display: flex;border:1px solid #cdcdcd;border-radius: 6px;}
    .search_phone input.search_txt{ display:inline-block; float:left; width:80%; height:35px;line-height: 35px;font-size:14px; border:none;padding-left:6%;}
    .search_phone input.search_btn{border:none;width:20%;height:35px;line-height:35px; background: url('../img/search.png') no-repeat center 50%;float: right; }
 
    .news_tag{width:100%;margin-bottom:0px;padding:5%;justify-content: space-between;}
    .news_tag .img img{width: 20px;height: 20px;}
    .tag_title{width:50%;}
    .tag_title a{font-size: 16px;font-weight:400;}
    .tag_con{width:100%;min-height:200px;}
    .tag_con ul{margin-bottom:25px;}
    .tag_con ul li{width: 100%;height:auto;display:inline-block; margin-bottom:15px;padding:4%;}
    .tag_con .cont{width:100%;padding:0px;}
    .cont a {display:inline-block;}
    .cont h3{width:100%; font-size:16px; line-height: 30px;margin:0;}
    .cont span{width:100%; font-size:14px;line-height: 30px;float: left; background: url(../img/time_search.png)no-repeat 0px 50%;margin-right:0px;text-align: left;background-size:16px;padding-left: 26px;}
    .cont p{font-size:16px;line-height:30px;margin-top:0px;-webkit-line-clamp: 4;}
    .cont h3::before {display: none;}
    
    /* 内容页 */
    /* top */
    .top_cont{height:200px; background: url(../img/top.png) no-repeat center;margin-top: 50px;}
    .content{width: 100%;min-height:400px;}
    .cont_tit{padding:10px 0;}
    .cont_tit h2{font-size:20px;}
    .cont_tit p{font-size: 14px;margin-top:6px;}
    .content a{line-height:35px;margin-bottom:10px;}
    .content span{font-size: 16px;padding: 0 6px;padding-bottom:8px;}
    .cont_cont{width:100%;padding:2% 2% 80px;}
    .cont_cont p{font-size: 16px;margin:6px 0px;line-height:30px;}
    .cont_cont img{width:100%;max-width: 100%; height: auto;margin:3% auto;}
}