@charset "utf-8";
/* CSS Document */
/* banner */
.ban01{ height:520px; display:flex;}
.ban01 dl{ display:flex;  flex-wrap:wrap; align-content:center}
.ban01 dl dt{ width:100%; font-size:55px; color:#fff; line-height:65px; font-weight:bold; margin-bottom:90px}
.ban01 dl dd{ width:100%;}
.ban01 dl dd a{ width:210px; height:55px; float:left; overflow:hidden; background:#fff; border-radius:5px; font-size:21px; color:#141a60; line-height:55px; text-align:center; transition:all 0.25s}
.ban01 dl dd a:hover{background-image: linear-gradient(to right,#fcb200 ,#eba601); color:#fff}
.ban01 ul{ max-width:50%; margin-left:auto}
.ban01 ul img{ max-width:100%}

.adv01{  padding:10px; box-sizing:border-box; }
.adv02{ background:#fff; border-radius:18px;  box-shadow:0px 5px 10px -5px #eee; display:flex; padding:30px 50px; width:100%; box-sizing:border-box}
.adv02 dl{ width:21.25%; display:flex;}

.adv02 dl h5{ display:flex; align-items:center;margin-right:25px}
.adv02 dl h5 img{ max-height:66px;}
.adv02 dl ul{ flex:1;}
.adv02 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:25px; color:#333; margin-bottom:10px}
.adv02 dl dd{ width:100%; float:left; overflow:hidden; line-height:25px; font-size:16px; color:#666}
.adv02 h6{ width:5%; display:flex; align-items:center; justify-content:center;}
.adv02 h6 p{ height:70%; width:1px; background:#ddd}

.fangan{ margin-top:180px; margin-bottom:40px}
.title{ width:100%; float:left; overflow:hidden; margin-bottom:55px}
.title h3{ width:100%; float:left; overflow:hidden; line-height:55px; font-size:48px; color:#333; text-align:center; font-weight:normal; margin-bottom:10px}
.title h5{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:18px; color:#888; font-weight:normal; text-align:center}

.fangan2{ width:100%; float:left; overflow:hidden; display:flex; flex-wrap:wrap; }
.fangan2 div{ width:32%; margin-right:2%; margin-bottom:50px; border-radius:10px; display:flex}
.fangan2 div:nth-child(3n){ margin-right:0}
.fangan2 div dl{ padding:50px 0;}
.fangan2 h6{ width:100%; float:left; overflow:hidden; text-align:center; margin-bottom:30px; display:flex; justify-content:center;}
.fangan2 h6 a{ width:136px; height:136px; text-align:center; border:1px dashed #ff896e; border-radius:50%; line-height:136px}
.fangan2 h6 img{ max-width:60%; vertical-align:middle}
.fangan2 h4{ width:100%; float:left; overflow:hidden; text-align:center; font-size:30px; color:#333; font-weight:normal; margin-bottom:10px}
.fangan2 h5{ width:100%; float:left; overflow:hidden; text-align:center; font-size:16px; color:#333; font-weight:normal; margin-bottom:30px}
.fangan2 ul{ width:80%; padding:0 10%; float:left; overflow:hidden}
.fangan2 ul a{ width:48%; float:left; overflow:hidden; line-height:60px; border:1px solid #ffb6a2; border-radius:5px; text-align:center; font-size:16px; color:#666; box-sizing:border-box; margin-bottom:25px; transition:all 0.35s}
.fangan2 ul a:hover{ background:#ff6638; color:#fff; border:1px solid #ff6638}
.fangan2 ul a:nth-child(2n+1){ margin-right:4%}

.fangan2 div:first-child{background-image: linear-gradient(to bottom,#fef4f2 ,#ffe9e2);}
.fangan2 div:first-child dl{ background: url(fa1bg.png) repeat-x 30% 110%; }

.fangan2 div:nth-child(2){background-image: linear-gradient(to bottom,#f2fff3 ,#ebffe2);}
.fangan2 div:nth-child(2) dl{ background: url(fa2bg.png) repeat-x 30% 110%;}
.fangan2 div:nth-child(2) h6 a{border:1px dashed #81c36a}
.fangan2 div:nth-child(2) ul a{border:1px solid #aedc9d;}
.fangan2 div:nth-child(2) ul a:hover{ background:#67a251; border:1px solid #67a251}

.fangan2 div:nth-child(3){background-image: linear-gradient(to bottom,#f2ffff ,#e2fffc);}
.fangan2 div:nth-child(3) dl{ background: url(fa3bg.png) repeat-x 30% 110%; }
.fangan2 div:nth-child(3) h6 a{border:1px dashed #60bcb4}
.fangan2 div:nth-child(3) ul a{border:1px solid #9edbd5;}
.fangan2 div:nth-child(3) ul a:hover{ background:#3bd4c7; border:1px solid #3bd4c7}

.fangan2 div:nth-child(4){background-image: linear-gradient(to bottom,#fbf8ff ,#f0ecff);}
.fangan2 div:nth-child(4) dl{ background: url(fa4bg.png) repeat-x 30% 110%;  }
.fangan2 div:nth-child(4) h6 a{border:1px dashed #9284c2}
.fangan2 div:nth-child(4) ul a{border:1px solid #c0b7de;}
.fangan2 div:nth-child(4) ul a:hover{ background:#7a61cf; border:1px solid #7a61cf}

.fangan2 div:nth-child(5){background-image: linear-gradient(to bottom,#fffce8 ,#fdf8d7);}
.fangan2 div:nth-child(5) dl{ background: url(fa5bg.png) repeat-x 30% 110%;  }
.fangan2 div:nth-child(5) h6 a{border:1px dashed #c4c440}
.fangan2 div:nth-child(5) ul a{border:1px solid #e0df91;}
.fangan2 div:nth-child(5) ul a:hover{ background:#ddd106; border:1px solid #ddd106}

.fangan2 div:nth-child(6){background-image: linear-gradient(to bottom,#fff3e7 ,#ffe3cb);}
.fangan2 div:nth-child(6) dl{ background: url(fa6bg.png) repeat-x 30% 110%;}
.fangan2 div:nth-child(6) h6 a{border:1px dashed #e39751}
.fangan2 div:nth-child(6) ul a{border:1px solid #f0bc8d;}
.fangan2 div:nth-child(6) ul a:hover{ background:#ea873f; border:1px solid #ea873f}

/*为什么选择 */
.schao{  background:#f60; padding:120px 0 90px; background:url(schaobg.jpg) no-repeat center 0; background-size:cover; margin-bottom:80px}
.schao h3{color:#fff;}
.schao h5{ color:#fff; }

.appul{ width:100%;  float:left; overflow:hidden; margin-top:70px; display:flex }
.appul dl{ width:25%; background:#fff url(line02.gif) no-repeat right center ; padding:40px 0; margin:20px 0;  -moz-box-sizing: border-box; box-sizing: border-box; transition:all 0.4s;}
.appul dl h5{ width:100%; text-align:center; float:left; overflow:hidden; margin-bottom:30px; height:57px; display:flex; justify-content:center;}

.appul dl h5 img:last-child{ display:none}
.appul dl dt{ width:100%; float:left; overflow:hidden; text-align:center; font-size:18px; color:#333; line-height:26px; margin-bottom:8px}
.appul dl dd{ width:70%; padding:0 15%; float:left; overflow:hidden; text-align:center; font-size:16px; color:#888; line-height:26px}
.appul dl:last-child{ background:#fff url(line03.gif) no-repeat right center }
.appul dl:first-child{background:#209e2a url(line02a.gif) no-repeat right center ; padding:60px 0; margin:0}
.appul dl:first-child h5 img:first-child{ display:none}
.appul dl:first-child img:last-child{ display:block}
.appul dl:first-child dt{ color:rgba(255,255,255,.98)}
.appul dl:first-child dd{ color:rgba(255,255,255,.9)}

.appul dl:hover h5 img:first-child{ display:none}
.appul dl:hover h5 img:last-child{ display:block}
.appul dl:hover{ background:#209e2a url(line02a.gif) no-repeat right center ; padding:60px 0; margin:0}
.appul dl:hover dt{ color:rgba(255,255,255,.98)}
.appul dl:hover dd{ color:rgba(255,255,255,.9)}

.appul:hover dl:first-child{ background:#fff url(line02.gif) no-repeat right center ; padding:40px 0; margin:20px 0;  }
.appul:hover dl:first-child h5 img:last-child{ display:none}
.appul:hover dl:first-child img:first-child{  display:block}
.appul:hover dl:first-child dt{color:#333;}
.appul:hover dl:first-child dd{ color:#888}

.m_img{ display:none}
.app01{ width:100%; float:left; overflow:hidden; display:flex; margin-bottom:80px}
.app_left{ flex:1; display:flex;flex-wrap:wrap ;align-content:center; }
.app01 dl{ display:flex; width:100%; margin-bottom:80px}
.app01 dl:last-child{ margin-bottom:0}
.app01 dl ul{ width:50%;}
.app01 dl ul dt{ width:100%; float:left; overflow:hidden; font-size:24px; color:#222; line-height:30px; margin-bottom:10px; text-align:right; font-weight:bold}
.app01 dl ul dd{ width:100%; float:left; overflow:hidden; font-size:16px; color:#333; line-height:26px; text-align:right}
.app01 dl h6{ display:flex; width:50%; background:url(app_line.jpg) repeat-x 0 center}
.app01 dl h6 span{ padding:0 20px 0 30px; background:#fff}
.app01 dl h6 a{ display:block; float:left; overflow:hidden; line-height:85px; width:100%; height:85px; width:85px; border:1px solid #8db7ff; border-radius:50%; text-align:center}
.app01 dl h6 a img{ vertical-align:middle; max-width:60%}

.app_mid{ margin:0 35px; max-width:50%}
.app_mid img{ width:100%; float:left; overflow:hidden}
.app_right{ flex:1;  display:flex;flex-wrap:wrap ;align-content:center; }
.app01 .app_right dl ul dt,.app01 .app_right dl ul dd{ text-align:left}
.app01 .app_right dl h6{justify-content:flex-end}
.app01 .app_right dl h6 span{ padding:0 30px 0 20px; background:#fff}


/* 流程 */
.liuc1{ }
.liuc2{ background:#f6f6fa url(liucbg.jpg) no-repeat center 0; padding:70px 0;margin-bottom:80px}
.liuc_tit{ width:100%; float:left; overflow:hidden; display:flex;justify-content:center; margin-bottom:60px}
.liuc_tit a{ font-size:21px; color:#333; width:15%; text-align:center; height:30px; line-height:30px; padding-bottom:40px; background:url(dot01.png) no-repeat center bottom,url(line_01.gif) repeat-x 0 60px;font-weight:bold}
.liuc_tit a.hover,.liuc_tit a:hover{background:url(dot02.png) no-repeat center bottom,url(line_01.gif) repeat-x 0 60px; color:#e81d2d; }
.liuc_div{ width:100%; float:left; overflow:hidden; background:#fff url(liucr_bg.gif) no-repeat right bottom; background-size:50%; border-radius:20px; padding:80px 0 50px}
.liuc_div > div{ width:100%; float:left; overflow:hidden; display:flex}
.con_left{ width:40%; margin-right:10%; float:left; overflow:hidden; }
.con_left h4{ width:100%; float:left; overflow:hidden; line-height:30px; color:#333; margin-bottom:40px; padding-left:15%; box-sizing:border-box; font-size:25px; font-weight:normal}
.con_left dl{width:100%; float:left; overflow:hidden;padding:30px 0 30px 15%; box-sizing:border-box; background-image: linear-gradient(to right,#eee3ff ,#fff); margin-bottom:30px; display:flex}
.con_left dl:last-child{ background-image: linear-gradient(to right,#e3f3ff ,#fff);}
.con_left dl dd{ margin-right:20px}
.con_left dl dd a{ display:block; float:left; overflow:hidden; width:112px; height:112px; text-align:center; line-height:112px; border:1px dashed #b9a6d8; border-radius:50%}
.con_left dl dd a img{ vertical-align:middle; max-width:60%}
.con_left dl dt{ display:flex; font-size:18px; color:#333; line-height:30px;align-items:center}
.con_left dl:last-child dd a { border:1px dashed #6dbeff}
.con_right{ width:50%;float:left; overflow:hidden}
.con_right img{ max-width:100%; vertical-align:bottom}

/* 案例 */
.case1{ margin-bottom:30px}
.case2{ width:100%; display:flex; flex-wrap:wrap }
.case2 dl{ width:23.125%; margin-right:2.5%; margin-bottom:40px}
.case2 dl dd{ width:100%; float:left; overflow:hidden}
.case2 dl dd img{ width:100%; float:left; overflow:hidden; border-radius:10px 10px 0 0}
.case2 dl dt{ width:100%; float:left; overflow:hidden}
.case2 dl dt a{ display:block; float:left; width:100%; background:#fafafa; overflow:hidden; line-height:25px; height:25px; padding:20px 0; font-size:18px; color:#333; text-align:center; border-radius:0 0 10px 10px; transition:all 0.35s}
.case2 dl:hover dt a{ background:#4168c2; color:#fff}


/******** 手机版 ********/
@media (max-width:767px){
.ban01{ height:250px; background:url(m_banbg.png) no-repeat 180% center; background-size:85%;}
.ban01 dl{ width:80%}
.ban01 dl dt{font-size:20px;line-height:25px; margin-bottom:40px; margin-top:50px}

.ban01 dl dd a{ width:120px; height:36px;border-radius:5px; font-size:16px; line-height:36px; background:rgba(255,255,255,.85)}
.ban01 dl dd a:hover{background-image: linear-gradient(to right,#fcb200 ,#eba601); color:#fff}
.ban01 ul{ display:none;}

.adv01{ margin-top:10px;  padding:0px;  box-sizing:border-box; width:100%; padding:0 2.5%}
.adv02{ box-shadow:none; display:flex; width:100%; flex-wrap:wrap; box-sizing:border-box; border-radius:0px;   padding:0px; }
.adv02 dl{ width:48%; display:flex; padding:10px 8px 10px 8px; margin:8px 0; box-sizing:border-box; box-shadow:0 0 15px #eee;}
.adv02 dl:nth-of-type(2n+1){ margin-right:4%}

.adv02 dl h5{margin-right:10px;}
.adv02 dl h5 img{ max-height:40px;}
.adv02 dl dt{line-height:20px; font-size:16px; margin-bottom:5px}
.adv02 dl dd{  line-height:16px; font-size:12px;}
.adv02 h6{ display:none}


/* 行业解决方案 */
.fangan{ margin-top:20px; margin-bottom:5px}
.title{ margin-bottom:20px}
.title h3{  line-height:30px; font-size:24px; margin-bottom:5px}
.title h5{ line-height:20px; font-size:14px; }

.fangan2 div{ width:48.5%; margin-bottom:15px; margin-right:0; border-radius:5px }
.fangan2 div:nth-child(3n){ margin-right:0}
.fangan2 div:nth-child(2n+1){ margin-right:3%}
.fangan2 div dl{ padding:15px 0 10px;}
.fangan2 h6{margin-bottom:10px;}
.fangan2 h6 a{ width:70px; height:70px; line-height:70px}
.fangan2 h6 img{ max-width:55%; }
.fangan2 h4{ font-size:19px; margin-bottom:5px}
.fangan2 h5{ width:90%; padding:0 5%; font-size:12px; margin-bottom:15px}
.fangan2 ul{ width:94%; padding:0 3%; }
.fangan2 ul a{ width:48%; line-height:36px; height:36px; overflow:hidden; font-size:11px; margin-bottom:10px; }

/*为什么选择 */
.schao{ background:#f60; padding:20px 0; background:url(schaobg.jpg) no-repeat center 0; margin-bottom:20px}
.schao h3{color:#fff;}
.schao h5{ color:#fff; }
.schao .title{ margin-bottom:0px}

.appul{  margin-top:30px; flex-wrap:wrap }
.appul dl{ width:48.5%;padding:25px 0; margin:0px; background:#fff; margin-bottom:10px; border-radius:5px; }

.appul dl h5{  margin-bottom:10px; height:50px; }
.appul dl h5 img{height:80%}
.appul dl dt{  font-size:16px; line-height:22px; margin-bottom:8px}
.appul dl dd{ width:94%; padding:0 3%;font-size:12px;  line-height:20px}
.appul dl:first-child{background:#209e2a; padding:25px 0; margin:0 3% 10px 0 }
.appul dl:hover{ background:#209e2a; padding:25px 0; margin:0 0 10px 0}
.appul dl:last-child{ background:#fff }

.appul dl:first-child h5 img:first-child{ display:none}
.appul dl:first-child img:last-child{ display:block}
.appul dl:first-child dt{ color:rgba(255,255,255,.98)}
.appul dl:first-child dd{ color:rgba(255,255,255,.9)}

.appul dl:hover h5 img:first-child{ display:none}
.appul dl:hover h5 img:last-child{ display:block}
.appul dl:hover{ background:#209e2a; padding:25px 0; margin:0 }
.appul dl:hover dt{ color:rgba(255,255,255,.98)}
.appul dl:hover dd{ color:rgba(255,255,255,.9)}

.appul:hover dl:first-child{ background:#fff; padding:25px 0; margin:0 3% 10px 0}
.appul:hover dl:first-child h5 img:last-child{ display:none}
.appul:hover dl:first-child img:first-child{  display:block}
.appul:hover dl:first-child dt{color:#333;}
.appul:hover dl:first-child dd{ color:#888}

.appul dl:nth-child(2n+1){ margin-right:3%}

/* 小程序核心场景 */
.m_img{ display:block; width:100%; text-align:center; margin-bottom:10px}
.m_img img{ width:20%;  }
.app01{ margin-bottom:20px}
.app01 dl{margin-bottom:20px}
.app01 dl ul{ width:70%;}
.app01 dl ul dt{ font-size:16px;line-height:20px; margin-bottom:5px; text-align:right; }
.app01 dl ul dd{  font-size:12px; line-height:18px; height:54px; overflow:hidden; text-align:right; color:#666}
.app01 dl h6{ display:flex; width:30%; background:url(app_line.jpg) repeat-x 0 center}
.app01 dl h6 span{ padding:0 10px 0 10px; background:#fff}
.app01 dl h6 a{ line-height:40px;  height:40px; width:40px;}
.app01 dl h6 a img{ max-width:50%; vertical-align:middle;}
.app_mid{ display:none}
.app01 .app_right dl ul dt,.app01 .app_right dl ul dd{ text-align:left}
.app01 .app_right dl h6{justify-content:flex-end}
.app01 .app_right dl h6 span{ padding:0 10px 0 10px; background:#fff}

/* 流程 */
.liuc1{ border-top:10px solid #f6f6f6; padding:15px 0 0}
.liuc2{ padding:15px 0;margin-bottom:15px}
.liuc_tit{ margin-bottom:5px; flex-wrap:wrap}
.liuc_tit a{ font-size:16px; width:33.3%; height:22px; line-height:22px; padding-bottom:30px; background:url(dot01.png) no-repeat center bottom,url(line_01.gif) repeat-x 0 42px; margin-bottom:15px;}
.liuc_tit a.hover,.liuc_tit a:hover{background:url(dot02.png) no-repeat center bottom,url(line_01.gif) repeat-x 0 42px;  }
.liuc_div{ border-radius:10px; padding:15px 0 10px}
.con_left{ width:100%; margin-right:0;  }
.con_left h4{ line-height:20px; margin-bottom:15px; padding-left:3%;font-size:16px; }
.con_left dl{padding:15px 3% 15px 3%;margin-bottom:15px; }
.con_left dl dd{ margin-right:15px}
.con_left dl dd img{width:50%; vertical-align:middle}
.con_left dl dd a{  width:50px; height:50px;  line-height:50px;}
.con_left dl dt{  font-size:12px;line-height:20px;}
.con_left dl:last-child dd a { border:1px dashed #6dbeff;}


.con_left dl{ background-image: linear-gradient(to right,#eee3ff ,#fcfbff);}
.con_left dl:last-child{ background-image: linear-gradient(to right,#e3f3ff ,#fcfdfe); margin-bottom:5px}
.con_right{ display:none}


/* 案例 */
.case1{ margin-bottom:0px}
.case2 dl{ width:49%; margin-right:2%; margin-bottom:15px}
.case2 dl:nth-child(2n){ margin-right:0}
.case2 dl dd{ width:100%; float:left; overflow:hidden}
.case2 dl dd img{border-radius:8px 8px 0 0}
.case2 dl dt a{line-height:25px; height:25px; padding:12px 0; font-size:15px;  border-radius:0 0 8px 8px}
}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){

.ban01{ height:360px; }
.ban01 dl dt{font-size:30px;line-height:38px; margin-bottom:0px; margin-top:-130px}

.ban01 dl dd a{ width:140px; height:40px;border-radius:5px; font-size:17px; line-height:40px; }
.ban01 dl dd a:hover{background-image: linear-gradient(to right,#fcb200 ,#eba601); color:#fff}
.ban01 ul{ max-width:50%; margin-left:auto}
.ban01 ul img{ max-width:100%}

.adv01{  padding:10px;  margin-top:-70px; position:absolute; margin-left:50%; transform:translate(-50%);z-index:5; }
.adv02{  border-radius:10px;  box-shadow:0px 5px 10px -5px #eee; padding:20px 20px; }
.adv02 dl{ width:22.75%; display:flex;}
.adv02 dl h5{margin-right:10px}
.adv02 dl h5 img{ max-height:40px;}
.adv02 dl dt{line-height:20px; font-size:16px; margin-bottom:5px}
.adv02 dl dd{  line-height:18px; font-size:12px;}
.adv02 h6{ width:3%; display:flex; align-items:center; justify-content:center;}
.adv02 h6 p{ height:60%; width:1px; background:#ddd}

/* 行业解决方案 */
.fangan{ margin-top:100px; margin-bottom:10px}
.title{ margin-bottom:40px}
.title h3{  line-height:35px; font-size:32px; margin-bottom:10px}
.title h5{ line-height:20px; font-size:15px; }

.fangan2 div{  margin-bottom:30px; }
.fangan2 div dl{ padding:30px 0 20px;}
.fangan2 h6{margin-bottom:20px;}
.fangan2 h6 a{ width:100px; height:100px; line-height:100px}
.fangan2 h6 img{ max-width:50%; }
.fangan2 h4{  font-size:21px; margin-bottom:5px}
.fangan2 h5{ font-size:14px; margin-bottom:25px}
.fangan2 ul{ width:90%; padding:0 5%; }
.fangan2 ul a{ width:48%; line-height:46px; height:46px; overflow:hidden; font-size:14px; margin-bottom:15px; }

/*为什么选择 */
.schao{ background:#f60; padding:50px 0 50px; background:url(schaobg.jpg) no-repeat center 0; margin-bottom:30px}
.schao h3{color:#fff;}
.schao h5{ color:#fff; }
.schao .title{ margin-bottom:0px}

.appul{  margin-top:50px;  }
.appul dl{padding:25px 0; margin:20px 0; }
.appul dl h5{  margin-bottom:10px; height:50px; }
.appul dl h5 img{ max-height:80%}
.appul dl dt{  font-size:16px; line-height:22px; margin-bottom:8px}
.appul dl dd{ width:94%; padding:0 3%;font-size:12px;  line-height:20px}

.appul:hover dl:first-child{ background:#fff url(line02.gif) no-repeat right center ; padding:45px 0; margin:0px;  }
.appul dl:first-child{background:#209e2a url(line02a.gif) no-repeat right center ; padding:45px 0; margin:0}
.appul dl:hover{ background:#209e2a url(line02a.gif) no-repeat right center ; padding:45px 0; margin:0}
.appul:hover dl:first-child{ padding:25px 0; margin:20px 0;  }

/* 小程序核心场景 */
.app01{ margin-bottom:30px}
.app01 dl{margin-bottom:40px}
.app01 dl ul{ width:60%;}
.app01 dl ul dt{ font-size:16px;line-height:20px; margin-bottom:5px; text-align:right; }
.app01 dl ul dd{  font-size:12px; line-height:20px; text-align:right; color:#666}
.app01 dl h6{ display:flex; width:40%; background:url(app_line.jpg) repeat-x 0 center}
.app01 dl h6 span{ padding:0 15px 0 15px; background:#fff}
.app01 dl h6 a{ line-height:50px;  height:50px; width:50px;}
.app01 dl h6 a img{ vertical-align:middle;}
.app_mid{ margin:0 5px; max-width:28%}
.app01 .app_right dl ul dt,.app01 .app_right dl ul dd{ text-align:left}
.app01 .app_right dl h6{justify-content:flex-end}
.app01 .app_right dl h6 span{ padding:0 15px 0 15px; background:#fff}

/* 流程 */
.liuc2{ padding:30px 0;margin-bottom:30px}
.liuc_tit{ margin-bottom:35px}
.liuc_tit a{ font-size:17px; height:22px; line-height:22px; padding-bottom:40px; background:url(dot01.png) no-repeat center bottom,url(line_01.gif) repeat-x 0 52px;}
.liuc_tit a.hover,.liuc_tit a:hover{background:url(dot02.png) no-repeat center bottom,url(line_01.gif) repeat-x 0 52px;  }
.liuc_div{ border-radius:10px; padding:30px 0 10px}
.con_left{ width:50%; margin-right:5%; }
.con_left h4{ line-height:26px; margin-bottom:20px; padding-left:5%;font-size:19px; }
.con_left dl{padding:15px 0 15px 5%;margin-bottom:20px; }
.con_left dl dd{ margin-right:20px}
.con_left dl dd a{  width:84px; height:84px;  line-height:84px;}
.con_left dl dt{  font-size:14px;line-height:26px;}
.con_left dl:last-child dd a { border:1px dashed #6dbeff}
.con_right{ width:45%;}


/* 案例 */
.case1{ margin-bottom:0px}
.case2 dl{ width:49%; margin-right:2%; margin-bottom:25px}
.case2 dl:nth-child(2n){ margin-right:0}
.case2 dl dd{ width:100%; float:left; overflow:hidden}
.case2 dl dd img{border-radius:8px 8px 0 0}
.case2 dl dt a{line-height:25px; height:25px; padding:12px 0; font-size:15px;  border-radius:0 0 8px 8px}
}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){


.ban01{ height:360px; }
.ban01 dl dt{font-size:35px;line-height:45px; margin-bottom:30px; margin-top:-80px}

.ban01 dl dd a{ width:180px; height:50px;border-radius:5px; font-size:19px; line-height:50px; }
.ban01 dl dd a:hover{background-image: linear-gradient(to right,#fcb200 ,#eba601); color:#fff}
.ban01 ul{ max-width:50%; margin-left:auto}
.ban01 ul img{ max-width:100%}

.adv01{  padding:10px;  margin-top:-70px; position:absolute; margin-left:50%; transform:translate(-50%);z-index:5; }
.adv02{  border-radius:10px;  box-shadow:0px 5px 10px -5px #eee; padding:20px 20px; }
.adv02 dl{ width:21.25%; display:flex;}
.adv02 dl h5{margin-right:20px}
.adv02 dl h5 img{ max-height:50px;}
.adv02 dl dt{line-height:26px; font-size:19px; margin-bottom:5px}
.adv02 dl dd{  line-height:20px; font-size:12px;}
.adv02 h6{ width:5%; display:flex; align-items:center; justify-content:center;}
.adv02 h6 p{ height:70%; width:1px; background:#ddd}

/* 行业解决方案 */
.fangan{ margin-top:130px; margin-bottom:40px}
.title{ margin-bottom:40px}
.title h3{  line-height:35px; font-size:32px; margin-bottom:10px}
.title h5{ line-height:20px; font-size:15px; }

.fangan2 div{  margin-bottom:30px; }
.fangan2 div dl{ padding:30px 0 20px;}
.fangan2 h6{margin-bottom:20px;}
.fangan2 h6 a{ width:100px; height:100px; line-height:100px}
.fangan2 h6 img{ max-width:50%; }
.fangan2 h4{  font-size:21px; margin-bottom:5px}
.fangan2 h5{ font-size:14px; margin-bottom:25px}
.fangan2 ul{ width:90%; padding:0 5%; }
.fangan2 ul a{ width:48%; line-height:46px; height:46px; overflow:hidden; font-size:14px; margin-bottom:15px; }

/*为什么选择 */
.schao{ background:#f60; padding:60px 0 50px; background:url(schaobg.jpg) no-repeat center 0; margin-bottom:50px}
.schao h3{color:#fff;}
.schao h5{ color:#fff; }
.schao .title{ margin-bottom:0px}

.appul{  margin-top:70px;  }
.appul dl{padding:35px 0; margin:20px 0; }
.appul dl h5{  margin-bottom:30px; height:57px; }
.appul dl dt{  font-size:18px; line-height:26px; margin-bottom:8px}
.appul dl dd{ width:86%; padding:0 7%;font-size:14px;  line-height:20px}

/* 小程序核心场景 */
.app01{ margin-bottom:50px}
.app01 dl{margin-bottom:60px}
.app01 dl ul{ width:60%;}
.app01 dl ul dt{ font-size:18px;line-height:26px; margin-bottom:5x; text-align:right; }
.app01 dl ul dd{  font-size:14px; line-height:20px; text-align:right; color:#666}
.app01 dl h6{ display:flex; width:40%; background:url(app_line.jpg) repeat-x 0 center}
.app01 dl h6 span{ padding:0 20px 0 20px; background:#fff}
.app01 dl h6 a{ line-height:70px;  height:70px; width:70px;}
.app01 dl h6 a img{ vertical-align:middle;}
.app_mid{ margin:0 20px; max-width:30%}
.app01 .app_right dl ul dt,.app01 .app_right dl ul dd{ text-align:left}
.app01 .app_right dl h6{justify-content:flex-end}
.app01 .app_right dl h6 span{ padding:0 20px 0 20px; background:#fff}

/* 流程 */
.liuc2{ padding:50px 0;margin-bottom:50px}
.liuc_tit{ margin-bottom:35px}
.liuc_tit a{ font-size:18px; height:22px; line-height:22px; padding-bottom:40px; background:url(dot01.png) no-repeat center bottom,url(line_01.gif) repeat-x 0 52px;}
.liuc_tit a.hover,.liuc_tit a:hover{background:url(dot02.png) no-repeat center bottom,url(line_01.gif) repeat-x 0 52px;  }

.liuc_div{ border-radius:15px; padding:40px 0 20px}
.con_left{ width:50%; margin-right:5%; }
.con_left h4{ line-height:26px; margin-bottom:30px; padding-left:5%;font-size:21px; }
.con_left dl{padding:20px 0 20px 5%;margin-bottom:20px; }
.con_left dl dd{ margin-right:20px}
.con_left dl dd a{  width:100px; height:100px;  line-height:100px;}
.con_left dl dt{  font-size:16px;line-height:28px;}
.con_left dl:last-child dd a { border:1px dashed #6dbeff}
.con_right{ width:45%;}


/* 案例 */
.case1{ margin-bottom:20px}
.case2 dl{ width:32%; margin-right:2%; margin-bottom:25px}
.case2 dl:nth-child(3n){ margin-right:0}
.case2 dl dd{ width:100%; float:left; overflow:hidden}
.case2 dl dd img{border-radius:8px 8px 0 0}
.case2 dl dt a{line-height:25px; height:25px; padding:15px 0; font-size:16px;  border-radius:0 0 8px 8px}
}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){
.ban01{ height:420px;;}
.ban01 dl dt{  font-size:45px;line-height:50px; margin-bottom:60px}

.ban01 dl dd a{ width:210px; height:55px; border-radius:5px; font-size:21px;line-height:55px; }
.ban01 dl dd a:hover{background-image: linear-gradient(to right,#fcb200 ,#eba601); color:#fff}
.ban01 ul{ max-width:50%; margin-left:auto}
.ban01 ul img{ max-width:100%}

.adv01{  padding:10px;  margin-top:-70px;  position:absolute; margin-left:50%; transform:translate(-50%);z-index:5;}
.adv02{  border-radius:10px;  box-shadow:0px 5px 10px -5px #eee; padding:20px 30px; }
.adv02 dl{ width:21.25%; display:flex;}
.adv02 dl h5{margin-right:20px}
.adv02 dl h5 img{ max-height:56px;}
.adv02 dl dt{line-height:26px; font-size:21px; margin-bottom:10px}
.adv02 dl dd{  line-height:20px; font-size:14px;}
.adv02 h6{ width:5%; display:flex; align-items:center; justify-content:center;}
.adv02 h6 p{ height:70%; width:1px; background:#ddd}

/* 行业解决方案 */
.fangan{ margin-top:130px; margin-bottom:40px}
.title{ margin-bottom:40px}
.title h3{  line-height:45px; font-size:39px; margin-bottom:5px}
.title h5{ line-height:30px; font-size:16px; }

.fangan2 div{  margin-bottom:30px; }
.fangan2 div dl{ padding:30px 0 20px;}
.fangan2 h6{margin-bottom:30px;}
.fangan2 h6 a{ width:116px; height:116px; line-height:116px}
.fangan2 h6 img{ max-width:60%; }
.fangan2 h4{  font-size:24px; margin-bottom:5px}
.fangan2 h5{ font-size:14px; margin-bottom:30px}
.fangan2 ul{ width:90%; padding:0 5%; }
.fangan2 ul a{ width:48%; line-height:50px; height:50px; overflow:hidden; font-size:14px; margin-bottom:15px; }

/*为什么选择 */
.schao{ background:#f60; padding:60px 0 50px; background:url(schaobg.jpg) no-repeat center 0; margin-bottom:50px}
.schao h3{color:#fff;}
.schao h5{ color:#fff; }
.schao .title{ margin-bottom:0px}

.appul{  margin-top:70px;  }
.appul dl{padding:35px 0; margin:20px 0; }
.appul dl h5{  margin-bottom:30px; height:57px; }
.appul dl dt{  font-size:18px; line-height:26px; margin-bottom:8px}
.appul dl dd{ width:86%; padding:0 7%;font-size:14px;  line-height:20px}

/* 小程序核心场景 */
.app01{ margin-bottom:50px}
.app01 dl{margin-bottom:60px}
.app01 dl ul{ width:54%;}
.app01 dl ul dt{ font-size:20px;line-height:26px; margin-bottom:10px; text-align:right; }
.app01 dl ul dd{  font-size:14px; line-height:20px; text-align:right; color:#666}
.app01 dl h6{ display:flex; width:46%; background:url(app_line.jpg) repeat-x 0 center}
.app01 dl h6 span{ padding:0 20px 0 25px; background:#fff}
.app01 dl h6 a{ line-height:76px;  height:76px; width:76px;}
.app01 dl h6 a img{ vertical-align:middle;}
.app_mid{ margin:0 20px; max-width:30%}
.app01 .app_right dl ul dt,.app01 .app_right dl ul dd{ text-align:left}
.app01 .app_right dl h6{justify-content:flex-end}
.app01 .app_right dl h6 span{ padding:0 25px 0 20px; background:#fff}

/* 流程 */
.liuc2{ padding:60px 0;margin-bottom:50px}
.liuc_tit{ margin-bottom:50px}
.liuc_tit a{ font-size:20px; height:30px; line-height:30px; padding-bottom:40px;}
.liuc_div{ border-radius:15px; padding:60px 0 30px}
.con_left{ width:50%; margin-right:5%; }
.con_left h4{ line-height:30px; margin-bottom:30px; padding-left:8%;font-size:23px; }
.con_left dl{padding:20px 0 20px 8%;margin-bottom:30px; }
.con_left dl dd{ margin-right:20px}
.con_left dl dd a{  width:100px; height:100px;  line-height:100px;}
.con_left dl dt{  font-size:16px;line-height:28px;}
.con_left dl:last-child dd a { border:1px dashed #6dbeff}
.con_right{ width:45%;}


/* 案例 */
.case1{ margin-bottom:20px}
.case2 dl{ width:23.5%; margin-right:2%; margin-bottom:25px}
.case2 dl:nth-child(4n){ margin-right:0}
.case2 dl dd{ width:100%; float:left; overflow:hidden}
.case2 dl dd img{border-radius:8px 8px 0 0}
.case2 dl dt a{line-height:25px; height:25px; padding:15px 0; font-size:16px;  border-radius:0 0 8px 8px}


}

/******** 1400px ********/
@media (min-width:1440px){
.adv01{  margin-top:-70px;  position:absolute;  margin-left:50%; transform:translate(-50%);z-index:5;}
.case2 dl:nth-child(4n){ margin-right:0}

}