/************
 * 页面样式
 ************/
/*=============
 * 基础默认样式
 =============*/
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, swiper, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html{color: #333; font-size: 16px;}
ul,h1,h2,h3,h4,h5,h6,p,div,dl,dt,dd,figure,figcaption{margin: 0;padding: 0;}
li{list-style: none;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
* { touch-action: pan-y; }
img{ max-width: 100%; height: auto; transition: all .5s; vertical-align: middle;}
/*=============
 * 工具样式
 =============*/
.center-block{display: block;margin-right: 0;margin-left: 0;}
.pull-right{float: right !important;}
.pull-left{float: left !important; }
.text-right{text-align: right !important;}
.text-left{text-align: left !important;}
.text-center{text-align: center !important;}
.hide{display: none !important;}
.show{display: block !important;}
.pr{ position:relative; z-index:10;}
.invisible{visibility: hidden;}
.text-hide{font: 0/0 microsoft yahei;color: transparent;text-shadow: none;background-color: transparent;border: 0;}
.clearfix:after,.clearfix:before{content: '';display: table;}
.clearfix:after{clear: both;}
/*=============
 * 浏览器更新提示
 =============*/
.browerupgrade{margin: 0;padding: 1rem;background: #ccc;}

/*=============
 * 自定义宽度
 =============*/

/*=============
 * 自定义背景色
 =============*/
.gray-bg{ background: #f5f5f5; }
.red{ color: #f80000 }
/*=============
 * 定义iconfont样式
 =============*/
.iconfont {
  font-family: "iconfont" !important;
  font-size: 1rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mask{position: fixed;top: 0;left: 0;z-index: 100;width: 100%;height: 100%;background: #000;opacity: 0.3;}

/*=============
 * 自定义页面样式
 =============*/
body{line-height: 1.8;background: #fff;font-family: Microsoft YaHei;}
a{color: #333;text-decoration: none;transition: all .4s; }
a:active,a:hover{color: #f45854;text-decoration: none;}

.container{ max-width:77rem; margin:0 auto; padding:0 1rem;}
.navbar{ position:fixed; top:0; left:0; z-index:30; width:100%; background:#fff;height:7.5rem;box-shadow: 0 2px 10px rgba(0,0,0,.1);}
header{ font-size: .875rem; color: #666; line-height: 2.5rem; box-shadow: 0 1px 1px rgba(0,0,0,.08);}
header .iconfont{ color: #f45854; margin-right: .5rem; }
header b{ font-size: 1rem; margin-left: .5rem; }
header .wxcode{ padding-right: 1rem; margin-right: 1rem; position: relative; cursor: pointer;}
header .wxcode:after{ content: ''; position: absolute;right: 0; top: .75rem; width: 1px; height: 1rem; background: #f2f2f2; }
.navbar .logo img{ height:3.75rem; width:auto; margin-top:.625rem;}
.nav-list{ padding-left:2.5rem; }
.nav-list li{ display:inline-block;}
.nav-list li a{ display:block; line-height:5rem; padding:0 1.25rem;}
.nav-list li a:hover,.nav-list li.cur a{ color: #f45854; }
.nav-list li.cur{ position: relative;}
.nav-list li.cur:before{ position: absolute; bottom: .8rem; left: 50%; width: 2.4rem; margin-left: -1.2rem; content: ''; height:.2rem; background: #f45854;}

.hasSub{ position: relative; }
.hasSub .sub{ position: absolute; top:4.9rem; left:-24px; width: 120px; height: 0; overflow: hidden; background-color: #fff; border-radius: 0 0 10px 10px;box-shadow: 0 2px 10px rgba(0,0,0,.1);  transition: height .3s;}
.hasSub .sub a{ line-height: 2.4rem; color: #333!important; text-align: center; }
.hasSub .sub a:hover{  color: #f45854!important; }
.hasSub:hover .sub{height: 11.9rem;}

.nav-login{ padding-top: 1.375rem; }
.nav-login a{ border-radius: .5rem; width: 5.7rem; line-height: 2.25rem; background: #fff; border: 1px solid #fff; display: inline-block; text-align: center; margin-left:.7rem;}
.nav-login a.red-empty{ border-color: #f45854; color: #f45854; }
.nav-login a.red-solid{ border-color: #f45854; color: #fff; background: #f45854;}

.wxcodeBox{ position: fixed;top:30%;left:50%; margin-left: -300px; width: 600px; z-index: 100;background: #fff; border-radius: 20px; padding: 3rem; box-sizing: border-box;}
.wxcodeBox .wchat{ padding-bottom: 2rem;  text-align: center; }
.wxcodeBox .wchat img{ width: 260px; height: 260px; }
.wxcodeBox .img img{ width: 80px; height: 80px; }
.wxcodeBox .text{ padding-top: 1rem; }
.wxcodeBox .closed{ position: absolute; bottom: -80px; left: 50%; margin-left: -28px; cursor: pointer; }

.nav-icon{ position: absolute; right: 1rem; top: 2rem; display:none; cursor:pointer;}
.nav-icon span{ width:1.6rem; height:.2rem; background: #999; display: block; margin-bottom:.4rem; border-radius: .3rem;}
.mobile-nav{ position:absolute; top:5rem; left:0; z-index:10; width:100%; background:rgba(0,0,0,0.9); display:none;}
.mobile-nav li{ border-bottom:1px solid #333;}
.mobile-nav li a{ display:block; line-height:3rem; text-align:center; color: #fff; opacity: .7}

.footer{background-color: #181818; background-image: url(../icon/fximg/map_bj.png); background-position: center; color: #666; font-size: 0.875rem;}
.flex-foot{ display: flex; align-items: center;  padding: 2rem 0;}
.flex-foot .tel{ width: 27%; display: inline-flex; align-items: center; float: left; padding: 10px 0; }
.flex-foot .tel i{ width: 4rem; height: 4rem; background-color: #eee; border-radius: 50%; text-align: center; font-size: 2.4rem; line-height:4rem; color: #f45854; float: left; }
.flex-foot .tel .text{ margin-left: 1rem; float: left;}
.flex-foot .tel .text h3{ font-size:1.75rem; color: #f45854; font-weight: 400; }
.flex-foot .nav{ width: 53%;float: left; }
.flex-foot .nav ul{ display: inline-flex; margin-bottom: 1rem;  }
.flex-foot .nav li{ padding-right: 1rem; position: relative; margin-right: 1rem; float: left;}
.flex-foot .nav li a{ color: #eee; font-size: 1rem; }
.flex-foot .nav li:after{ position: absolute; right: 0; top:8px; content: ''; width: 1px ; height: 14px; background-color: #eee; }
.flex-foot .nav li:last-child:after{ width: 0; }
.flex-foot .ewcode{ width: 20%; display: inline-flex; align-items: center; float: left;  }
.flex-foot .ewcode p{ text-align: right; padding-right: 1rem; float: left; padding-top: 2rem;}
.flex-foot .ewcode img{ padding: 1rem; width: 8rem; height: 8rem; background-color: #fff; }

/*=============
 * 首页样式
 =============*/
.banner{ margin-top:7.5rem; text-align:center; position: relative; z-index: 0; overflow: hidden;}
.banner .owl-theme .owl-controls{ margin-top: -3rem; }
.banner .item{ position: relative;}
.banner-text{ position: absolute; z-index: 99; top: 20%; left: 50%; width: 75rem; margin-left: -37.5rem; color: #fff; text-align: left;}
.banner-text h2{ font-size: 3.75rem; letter-spacing: 5px; text-shadow: 2px 4px 8px rgba(218,45,9,.5) }
.banner-text h4{ font-size: 2rem; font-weight: 400; }
.banner-text p{ font-size: 1.125rem;letter-spacing:1px; margin-top: .5rem; }
.banner-text h5{ font-size: 1.75rem; font-weight: 400; }
.lei_xy_public .banner-text h5{ font-size: 2.25rem; }
.banner-text h5 label{ background-color: #feb231; border-radius: 2rem; font-size: 1.125rem; padding: .2rem 1rem;  margin-left: .5rem;}
.banner-text h3{ font-size: 3rem; padding: .5rem 0;  letter-spacing: 2px;}
.banner-text h6{ font-size: 2.5rem; letter-spacing: 2px; margin-bottom: -2rem;}
.banner-text p{ font-size: 1.25rem;letter-spacing:1px; margin-top: .5rem; opacity: .7 }
.banner-text ul{ width: 50%; display: flex; flex-wrap: wrap; }
.banner-text li{ width: 50%; float: left; font-size: 1.75rem; display: inline-flex; align-items: center;  letter-spacing: 2px;}
.banner-text li i{ width: 41px; height: 36px;  background: url(../icon/fximg/serve/icn01.png) no-repeat;  display: inline-block; margin-right: 1rem; }
.banner-text .idx-t1{ font-size: 1.625rem; position: relative; margin-bottom: 2rem; line-height: 2.4; }
.banner-text .idx-t1:after{ content: '';  position: absolute; bottom: 0; left: 0; width: 100px; height: 4px; background-color: #fff; }
.function-ban li { font-size: 1.5rem; }
.function-ban li i{ width: 24px; height: 24px;  background: url(../icon/fximg/function/icn.png) no-repeat;  display: inline-block; margin-right: 1rem; }

.title{ padding-top: 5rem; text-align: center; position: relative; z-index: 0;}
.title s{ display: block;; position: absolute; z-index: 1; left: 50%; margin-left: -1.3rem; top: 0; width: 2.6rem; height: 0.25rem; background: #f45854; }
.title h2{ font-size: 1.875rem; font-weight:700;}
.title p{ color: #888; font-size: 1.125rem;}

.idx-section1 .list{ display: flex; flex-wrap: wrap; padding-top: .75rem; }
.idx-section1 .list li{ padding-top: 3rem; width: 25%; text-align: center; float: left; }
.idx-section1 .list li i{ width: 90px; height: 90px; display: inline-block; background: url(../icon/fximg/index/section01.png) no-repeat; }
.idx-section1 .list li i.part1{ background-position: 0 0; }
.idx-section1 .list li i.part2{ background-position: -90px 0; }
.idx-section1 .list li i.part3{ background-position: -180px 0; }
.idx-section1 .list li i.part4{ background-position: -270px 0; }
.idx-section1 .list li i.part5{ background-position: 0 -90px; }
.idx-section1 .list li i.part6{ background-position: -90px -90px; }
.idx-section1 .list li i.part7{ background-position: -180px -90px; }
.idx-section1 .list li i.part8{ background-position: -270px -90px; }
.idx-section1 .list li h4{ font-size: 1.125rem; padding-top: 1rem;font-weight: 400;}
.idx-section1 .list li p{ font-size: .875rem; color: #888;padding-top: 1rem; }

.idx-section2 .list{ display: flex; justify-content: space-between; padding: 3.75rem 0 7.5rem; }
.idx-section2 .list .item{ width: 220px; min-height: 270px; box-shadow: 0 2px 10px rgba(214,48,24,.3); padding: 2rem; text-align: center; border-radius: .5rem; float: left; margin:10px; }
.idx-section2 .list .item i{  width: 90px; height: 90px; display: inline-block; background-color: rgba(244,88,84,.2); background-image: url(../icon/fximg/index/section02.png); border-radius: 50%;transition: all .3s;}
.idx-section2 .list .item i.part1{ background-position: 0 0; }
.idx-section2 .list .item i.part2{ background-position: -90px 0; }
.idx-section2 .list .item i.part3{ background-position: -180px 0; }
.idx-section2 .list .item i.part4{ background-position: -270px 0; }
.idx-section2 .list .item i.part5{ background-position: -360px 0; }
.idx-section2 .list .item h4{ font-size: 1.125rem; padding-top: 1rem;font-weight: 400; }
.idx-section2 .list .item p{  font-size: .875rem; color: #888; line-height: 1.5; }
.idx-section2 .list .item:hover{ color: #fff; position: relative; transform: scale(1.05,1.05);transition: all .3s;
  background:#f45854; /* 一些不支持背景渐变的浏览器 */  
  background:-moz-linear-gradient(top, #fc3a5c, #fd694b);  
  background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fc3a5c), to(#fd694b));  
  background:-o-linear-gradient(top, #fc3a5c, #fd694b);
}
.idx-section2 .list .item:hover p:after{ position: absolute; bottom:1rem; left: 50%; content: ''; width: 3rem; height: .2rem; margin-left: -1.5rem; background-color: #fff; border-radius: 5px; }
.idx-section2 .list .item:hover i{ background-color: rgba(255,255,255,.2); }
.idx-section2 .list .item:hover i.part1{ background-position: 0 -90px; }
.idx-section2 .list .item:hover i.part2{ background-position: -90px -90px; }
.idx-section2 .list .item:hover i.part3{ background-position: -180px -90px; }
.idx-section2 .list .item:hover i.part4{ background-position: -270px -90px; }
.idx-section2 .list .item:hover i.part5{ background-position: -360px -90px; }
.idx-section2 .list .item:hover p{ color: #fff; }

.idx-section3{ width: 100%; min-width: 75rem; background-image: url(../icon/fximg/index/section03-bg.png); background-repeat: no-repeat; background-size: cover; }
.idx-section3 .title{ text-align: left; color: #fff; }
.idx-section3 .title p{ color: #fff; margin-top: 1rem; }
.idx-section3 .title s{ left: 0; margin-left: 0; background-color: #fff; top: 3.2rem; }
.idx-section3 .pull-left{ width: 50%; }
.idx-section3 .pull-right{ padding-top: 6.75rem;  text-align: right;}
.idx-section3 .list{ padding-top: 2rem; color: #fff; display: flex; flex-wrap: wrap; }
.idx-section3 .list li{ padding-top: 3rem;  width: 33%; float: left;}
.idx-section3 .list li h4{ font-size: 1.125rem; font-weight: 400;}
.idx-section3 .list li p{  font-size: .875rem;  line-height: 1.5; }

.idx-section4 .list{ display: flex; flex-wrap: wrap; padding-top: .75rem; justify-content: space-between; padding-bottom: 5rem; }
.idx-section4 .list li{ margin-top: 3rem; width: 23%; text-align: center;box-shadow: 0 1px 3px rgba(214,48,24,.2); padding: 2rem 0;border-radius: .5rem; float: left;}
.idx-section4 .list li i{ width: 90px; height: 90px; display: inline-block; background: url(../icon/fximg/index/section04.png) no-repeat; border: 1px solid #ffd4cb; border-radius: 50%; }
.idx-section4 .list li i.part1{ background-position: 0 0; }
.idx-section4 .list li i.part2{ background-position: -90px 0; }
.idx-section4 .list li i.part3{ background-position: -180px 0; }
.idx-section4 .list li i.part4{ background-position: -270px 0; }
.idx-section4 .list li i.part5{ background-position: 0 -90px; }
.idx-section4 .list li i.part6{ background-position: -90px -90px; }
.idx-section4 .list li i.part7{ background-position: -180px -90px; }
.idx-section4 .list li i.part8{ background-position: -270px -90px; }
.idx-section4 .list li h4{ font-size: 1.125rem; padding-top:.5rem;font-weight: 400;}

.idx-section5{ width: 100%; min-width: 75rem; background-image: url(../icon/fximg/index/section05-bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 0.1rem 0 6.5rem; }
.idx-section5 .title{ color: #fff; }
.idx-section5 .title s{ background-color: #fff; }
.idx-section5 .list{ display: flex; flex-wrap: wrap; }
.idx-section5 li{ width: 20%; text-align: center; margin-top: 3rem; color: #fff; float: left; }
.idx-section5 li i{width: 90px; height: 90px; display: inline-block; background-color: rgba(255,255,255,.3);  border-radius: 50%; font-size: 3.375rem; line-height: 90px;}
.idx-section5 li h4{ font-size: 1.125rem; padding-top:1rem;font-weight: 400; }

/*=============
 * 产品介绍
 =============*/
.product { padding-top: 5rem; position: relative; overflow: hidden; }
.product .item{ display: flex; justify-content: space-between; align-items: center; }
.product .item .text{ width: 45%; padding-left: 2rem; }
.product .item .text h2{ position: relative; font-size: 1.875rem; padding: 1rem 0; font-weight: 400; }
.product .item .text h2:after{position: absolute; bottom:0; left:0; content: ''; width: 3rem; height: .3rem; background-color: #f45854;border-radius: .2rem;}
.product .item .text h5{ font-size: 1.25rem; font-weight: 400; color: #666; padding: 1rem 0; }
.product .item .text p{ position: relative; padding-left: 1rem; color: #999; }
.product .item .text p:before{ position: absolute; left: 0; top:50%; margin-top:-.2rem; content: ''; width: .4rem; height: .4rem; border-radius: 50%; background-color: #999; }
.product .item ul{ padding:1.5rem  3rem 1.5rem 0 3rem; /* display: inline-flex; */} 
.product .item li{ text-align: center; margin-right: 3rem; float: left; }
.product .item li i{ width: 66px; height: 66px; border-radius: 50%; border: 1px solid #f56965; background: url(../icon/fximg/product/icon.png) no-repeat;display: inline-block;}
.product .item li i.icn01{background-position: 0 0;}
.product .item li i.icn02{background-position: -70px 0;}
.product .item li i.icn03{background-position: -140px 0;}
.product .item li i.icn04{background-position: -210px 0;}
.product .item li i.icn05{background-position: 0 -70px;}
.product .item li i.icn06{background-position: -70px -70px;}
.product .item li i.icn07{background-position: -140px -70px;}
.product .item li i.icn08{background-position: -210px -70px;}
.product .item li span{ display: block; text-align: center; font-size: .875rem; color: #999; line-height: 1.2; }
/*=============
 * 核心功能
 =============*/
.function{ position: relative; overflow: hidden; }
.function .item{ padding: 2rem 0; display: flex; justify-content: space-between; align-items: center; }
.function .item .text h2{ position: relative; font-size: 1.875rem; padding: 1rem 0; font-weight: 400; }
.function .item .text h2:after{position: absolute; top:0; left:0; content: ''; width: 3rem; height: .3rem; background-color: #000; border-radius: .2rem;}
.function .item .text p{ color: #666; }
.function .item .text.pull-left{ padding-right: 3rem; }
.function .item .text.pull-right{ padding-left: 2rem; }
.function .item .text .btn{ margin-top: 2.5rem; }
.function .item .text .btn a{ width: 110px; line-height: 40px; background-color: #f45854; color: #fff; border-radius: .5rem; display: inline-block; text-align: center; }

/*=============
 * 服务
 =============*/
.sicn{ background: url(../icon/fximg/serve/icon.png) no-repeat; display: inline-block;}
.serve01 ul{ display: flex; justify-content: space-around; padding: 3rem 0 6.5rem; }
.serve01 li{ text-align: center; float: left; width: 25%; text-align: center; }
.serve01 li i{ width: 120px; height: 120px; border-radius: 50%; margin: 0 auto; }
.serve01 li i.icon01{ background-position: 0 0;}
.serve01 li i.icon02{ background-position: -120px 0;}
.serve01 li i.icon03{ background-position: -240px 0;}
.serve01 li i.icon04{ background-position: -360px 0;}
.serve01 li h4{ font-size: 1.125rem; margin-top: .5rem; font-weight: 400; }
.serve02{ padding: .1rem 0 6.5rem; color: #fff;
  background:#f45854; /* 一些不支持背景渐变的浏览器 */  
  background:-moz-linear-gradient(left, #ff2c68, #ff9376);  
  background:-webkit-gradient(linear, 0 0, right 0, from(#ff2c68), to(#ff9376));  
  background:-o-linear-gradient(left, #ff2c68, #ff9376);
}
.serve02 ul{ display: flex; flex-wrap: wrap; position: relative; float: left; width: 100%; height: 475px;}
.serve02 ul:before{ position: absolute; top:8rem; left: 0; content: ''; width: 100%; height: 7.2rem; border: .1rem solid rgba(255,255,255,.2); border-radius: 4rem;clip:rect(0px,77rem,7.5rem,6rem);}
.serve02 ul:after{ position: absolute; top:15.3rem; left: 0; content: ''; width: 100%; height: 7.2rem; border: .1rem solid rgba(255,255,255,.2); border-radius: 4rem;clip:rect(0px,68rem,7.5rem,0px);}
.serve02 li{ margin-top: 4rem; text-align: center; width: 25%; float: left; text-align: center; }
.serve02 li i{ width: 120px; height: 120px; margin: 0 auto; padding: 30px; line-height: 30px; border-radius: 50%; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.3); display: inline-block; font-style: normal; color: #f45854; font-size: 1.5rem;}
.serve02 li p{ font-size: 1.25rem; text-transform:uppercase; }
.serve02 li p b{ font-size: 1.875rem; font-weight: normal; }

.serve03 .list{ display: flex; justify-content: space-around; padding: 3rem 0;}
.serve03 .list .itm{ text-align: center;  float: left; text-align: center;}
.serve03 .list .itm .img{ width: 23.125rem; height: 16.875rem; overflow: hidden;}
.serve03 .list .itm .img img{ width: 100%; height: 100%; }
.serve03 .list .itm h4{ padding-top: 1rem; font-size: 1.25rem; font-weight: 400;}

.serve04 ul{ display: flex; justify-content: space-between; padding: 3rem 0 6.5rem;}
.serve04 li{ width: 30%; margin-right: 5%; float: left; box-shadow: 0 0 5px rgba(0,0,0,.2); border-radius: .5rem; display: inline-flex; align-items: center; padding: 1.5rem; }
.serve04 li:last-child{ margin-right: 0;}
.serve04 li i{ width: 64px; height: 64px; border-radius: 50%; border: 1px solid #dedede; margin-right: 1rem; padding: 5px; float: left; }
.serve04 li i.tel{background-position: -2px -125px;}
.serve04 li i.qq{background-position: -82px -125px;}
.serve04 li i.wx{background-position: -162px -125px;}
.serve04 li h4{ font-size: 1.5rem; font-weight: 400; }

/*=============
 * 资讯
 =============*/
.news-nav{ display: flex; justify-content: space-around; align-items: center; margin-top: 2rem; border-bottom: 1px solid #e5e5e5; }
.news-nav .item{line-height: 4rem;  cursor: pointer; float: left; width: 33.33%; text-align: center;}
.news-nav .active{ position: relative; }
.news-nav .active a{ color: #f45854;}
.news-nav .active:before{ position: absolute; bottom: 0; left: 50%; margin-left: -6.5rem; width: 13rem; height:.2rem; content: '';  background: #f45854;}
.news-list{ margin-top: 2rem; }
.news-list li{ margin-bottom: 2rem; padding: 1rem 1rem 1rem 0; float: left; display:flex;}
.news-list li:hover{ background: #f8f8f8; }
.news-list li .news-img{ width: 265px; height: 160px; flex-shrink: 0; margin-right: 2rem;  float: left;}
.news-list li .info{ width: 880px; float: left}
.news-list li .info h3 a{ font-size: 1.125rem; font-weight: bold; color: #333; }
.news-list li:hover .info h3 a,.news-list li .info h3 a:hover{ color: #f45854; }
.news-list li .info p a{ line-height:1.5; margin-top: 1rem; color: #999;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-list li .time{ margin-top: 2rem; font-size:.875rem;color: #666; }
.news-list li .time span{ margin-right: 2rem; display: inline-flex; align-items: center; }
.news-list li .time img{ margin-right: .625rem; }
.news-list li .time a:hover{ color: #f45854;}

/*分页*/
.fenye{ height:auto; margin:4rem 0px 6rem; text-align:center;font-size:.875rem; display: flex; justify-content: center; align-items: center;}
.fenye a{height:15px;padding:9px 15px;border-radius: 3px;line-height:15px;color: #333;  border:1px solid #ccc; margin-right: 10px; box-sizing:content-box;}
.fenye a.curr{ background:#f45854; color:#fff;text-decoration:none;}
.fenye .pre_dis,.fenye .next_dis{ display:none;}
.fenye_text{ width:45px; height:33px; border:1px solid #ccc; text-align:center; border-radius: 3px; margin: 0 10px;}
.fenye_but{ width:52px; height:33px; background:#e9e9e9; border:1px solid #ccc; cursor:pointer; color:#666;border-radius: 3px; margin: 0 10px;}

.w-location{ background: #f0f0f0;font-size:.875rem; line-height: 2.75rem; }
.w-location a{ color: #f45854;}
.news-detail .title{ padding: 2.5rem 0 1.25rem; border-bottom: 1px solid #e5e5e5; text-align: center; color: #333; margin-top: 0;}
.news-detail .title h1{ font-size: 1.875rem; font-weight: bold; }
.news-detail .title p span{ padding: 0 10px;  font-size: 14px; color: #666;}
.news-detail .con{ color: #333; margin-top: 2rem; }

.tag-share{ /*display: flex; justify-content: space-between; align-items: center;*/ padding: 30px 0; border-bottom: 1px solid #e5e5e5; font-size: 16px; }
.bdsharebuttonbox,.detail-tag{ display: inline-flex; align-items: center; }
.bdsharebuttonbox{ float: right;}
.detail-tag{ float: left ;}
.detail-tag a{ border: 1px solid #999; border-radius: 30px; padding: 5px 20px; margin: 0 5px; font-size: 15px; }
.detail-tag a:hover{border: 1px solid #f45854;color: #f45854;}

.prev-next{ padding: 2rem 0; border-bottom: 1px solid #e5e5e5; line-height:2; color: #333;}
.prev-next a{ color: #333; } .prev-next a:hover{ color: #f45854; }

.news-related{ padding: 2rem 0; }
.news-related .tit{color: #333; position: relative; padding-left: 1rem; font-weight: bold;}
.news-related .tit:before{ position: absolute; left: 0; top: 5px; content: ''; width: 4px; height: 20px; background: #f45854;}
.news-related ul{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 1.25rem; }
.news-related li{ width: 48%; line-height:2; float: left; margin-right: 4%; }
.news-related li:nth-child(2n){margin-right:0;}
.news-related li a{ width: 100%; display: inline-flex; justify-content: space-between; color: #999; }
.news-related li a p{ color: #333; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; }
.news-related li a:hover p{ color: #f45854;}
.news-related li span{ float: right}

/*=============
 * 合伙人
 =============*/
/* .J-join-btn{ width: 210px; height: 45px; display: block;margin-left: 673px;margin-top: 223px; } */
.partner .title{ position: relative; }
.partner .title:before{ position: absolute; bottom:-10px; left: 50%; margin-left: -150px; content: ''; width: 300px; height: 1px; background-color: #e5e5e5; }
.partner .title:after{ position: absolute; bottom:-12px; left: 50%; margin-left: -36px; content: ''; width: 72px; height: 5px; background-color: #f45854; }
.partner01{ padding: 4.5rem 0 2rem; display: flex; justify-content: center; align-items: center;}
.partner01 .pull-left{ width: 70%; text-align: center; }
.partner01 .pull-left b{ font-size: 1.25rem; color: #f45854; }

.partner02{ background-color: #f5f5f5; padding-top: .1rem; }
.partner02 ul{ padding: 4rem 0; }
.partner02 li{ width: 25%; text-align: center; float: left; padding: 0 2.2rem; }
.partner02 li.part02,.partner02 li.part04{ padding-top: 3rem; }
.partner02 li .icn{ width: 210px; height: 160px; background:url(../icon/fximg/partner/icn01.png) no-repeat; margin: 0 auto;}
.partner02 li.part01 .icn{ background-position: 0 0; }
.partner02 li.part02 .icn{ background-position:-210px 0; }
.partner02 li.part03 .icn{ background-position:-420px 0; }
.partner02 li.part04 .icn{ background-position:-640px 0; }
.partner02 li p{ margin-top: 1rem; }

.partner03{ background-color: #fff7f7; padding-top: .1rem;}
.partner03 .container{ padding-bottom: 4rem; }
.partner03 ul{background:url(../icon/fximg/partner/line.png) no-repeat center bottom; height: 400px; padding: 5rem 0 3rem; }
.partner03 li{ float: left; text-align: center; width: 200px; }
.partner03 li .icn,.partner03 li .icn i{background:url(../icon/fximg/partner/icn02.png) no-repeat; width: 100px; height: 112px; margin: 0 auto; display: inline-block;}
.partner03 li.part01 .icn i{ background-position: -100px 0; }
.partner03 li.part02 .icn i{ background-position: -200px 0; }
.partner03 li.part03 .icn i{ background-position: -300px 0; }
.partner03 li.part04 .icn i{ background-position: -400px 0; }
.partner03 li.part05 .icn i{ background-position: -500px 0; }
.partner03 li.part06 .icn i{ background-position: -600px 0; }
.partner03 li .num{ width: 42px; height: 42px; border-radius: 50%;margin: 0 auto;background-color: #f45854; color: #fff; line-height: 42px;}
.partner03 li.part01,.partner03 li.part03,.partner03 li.part05{ padding-top:8rem; }

.partner04 ul{ padding-bottom: 4rem ; }
.partner04  li{ width: 25%; text-align: center; float: left; padding-top: 4rem;}
.partner04  li h4{ font-size: 1.25rem; margin-top: 1rem; }
.partner04  li p{ color: #888; }

.partner05{ background:#f5f5f5 url(../icon/fximg/partner/bg.png) no-repeat center bottom; padding-top: .1rem; }
.partner05 .form{ width: 600px; margin: 0 auto; padding: 4.2rem 0; position: relative; }
.partner05 .form .item{ display: flex; align-items: center; padding-bottom: 20px; float: left; width: 100%;}
.partner05 .form .item label{ width: 20%; text-align: right; font-size: 1.125rem; padding-right: 1rem; display: inline-block;}
.partner05 .form .item label cite{ color: #f45854; font-style: normal; margin-right: 5px; }
.partner05 .form .item input{ width: 400px; height: 40px; border: 1px solid #e5e5e5; border-radius: .5rem; padding: 0 1rem; }
.partner05 .form .item textarea{width: 400px; height: 120px; border: 1px solid #e5e5e5; border-radius: .5rem; padding: 0 1rem;}
.partner05 .form .btn{ text-align: center; padding-bottom: 0;}
.partner05 .form .btn button{width: 120px; line-height: 45px; background-color: #f45854; color: #fff; border-radius: .5rem; border: 0; margin: 0 auto; cursor: pointer;}
.partner05 .form .tips{ position: absolute; top: 1.2rem; left: 20%;width: 400px; color: #f45854 ; line-height: 1.5rem; background-color: rgba(244,88,84,.3);border-radius: .5rem; padding:.5rem 1rem; }
.partner05 .form .tips i{ width: 1.5rem; height: 1.5rem; background:url(../icon/fximg/partner/error.png) no-repeat; background-size: 1.5rem auto; display: inline-block; float: left; margin-right: .5rem; }


.partner-banner{ width: 100%; height: 400px; background:url("../icon/tg/partner/banenr_partner.png") no-repeat top center; background-size: auto 400px;  margin-top:7.5rem;}
.partner06{background: url("../icon/tg/partner/partner_f1_bg.png") no-repeat top; background-size: cover; padding-bottom: 3.75rem;}
.partner06 .sub_nav{ margin-top: 4rem;}
.partner06 .sub_nav li { width: 10%; text-align: center; color: #333; float: left; cursor: pointer;}
.partner06 .sub_nav span{display: block; width: 4rem; height: 4rem; line-height: 4rem; border: 1px solid #ddd;
    border-radius: 4rem; margin: 0 auto 0.5rem auto; color: #666; }
.partner06 .sub_nav span .iconfont{font-size: 2rem;}
.partner06 .sub_nav li.hover {color: #f45854;}
.partner06 .sub_nav li.hover span{border-color: #f45854; color: #f45854; }
.partner06 .sub_main{margin-top: 2rem;}
.partner06 .sub_main li{width: 100%; display: none;}
.partner06 .sub_main li.active{display: block;}
.partner06  .media{padding: 1.5rem; background-color: white; overflow: hidden;}
.partner06  .media_left {display: table-cell; vertical-align: top;}
.partner06  .media_left img{width:27rem; max-width: 27rem; height: auto;}
.partner06  .media_body{padding: 1rem 2rem; display: table-cell; vertical-align: top;}
.partner06  .media_body button{font-size: 1rem; padding: 0.5rem 1rem; border-radius:0.2rem; margin-top: 1.5rem; border: none;
    background: -webkit-linear-gradient(left, #ff924a , #ff4f4b); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ff924a, #ff4f4b); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ff924a, #ff4f4b); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff924a , #ff4f4b);  color: white; font-weight: bolder; outline:none;}

.cus-section01{background-color: #ffffff; }
.cus-section01 ul{ padding:2rem 0 3.75rem;}
.cus-section01 ul li{width: 25%; float: left; color: #666;}
.cus-section01 h3{ font-size: 1.25rem; color: #333;}
.page_cus .thumbnail{  text-align: center;}
.page_cus .thumbnail>img{width: 13rem;  height: auto;}
.page_cus .thumbnail .caption{ padding-left:2.5rem; padding-right: 2.5rem; margin-top: 0.5rem; text-align: center;  }
.page_cus .thumbnail .caption p{ margin-top: 0.4rem; text-align: center; }
.cus-section02{background: #3e9cfb;
    background: -webkit-linear-gradient(right top, #2f8ee6 , #409eff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom left, #2f8ee6, #409eff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom left, #2f8ee6, #409eff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom left, #2f8ee6 , #409eff);
}
.cus-section02 .title h2{color: #fff;}
.cus-section02 .title p{color: rgba(225, 225,225, 1)}
.cus-section02 ul{padding:2rem 0 3.75rem;}
.cus-section02 ul li{width: 50%; margin-top: 2rem; float: left;}
.page_cus .media{width: 90%; margin: 0 auto; background-color:rgba(225, 225,225, 0.2); border-radius: 0.5rem; padding: 1rem; }
.page_cus .media_left {position: absolute;}
.page_cus .media_left .icon{width: 4.5rem; height: 4.5rem; position: absolute; top:0.6rem; left: 1rem; z-index: 20;
    border-radius: 5rem; color: white; text-align: center; line-height: 4.5rem; background: #ffb334;
    background: -webkit-linear-gradient(right top, #fecd62 , #ff9500); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom left, #fecd62, #ff9500); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom left, #fecd62, #ff9500); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom left, #fecd62 , #ff9500);}
.page_cus .media_left .icon .iconfont{font-size: 2.4rem;}
.page_cus .media_left .order{width: 2.87rem; height: 2.87rem; position: absolute; top:2.8rem; left: 4.5rem; font-size: 1.25rem;
    border-radius: 5rem; color: white; text-align: center; line-height: 2.87rem; background: #6f74e1;
    background: -webkit-linear-gradient(left bottom, #4e54c8 , #8f94fb); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top right, #4e54c8, #8f94fb); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top right, #4e54c8, #8f94fb); /* Firefox 3.6 - 15 */
    background: linear-gradient(top right, #4e54c8 , #8f94fb);}
.page_cus .media_body{margin-left: 9rem; color: #fff;}
.page_cus .media_body h3{font-weight: bolder;}
.page_cus .media_body p{color: rgba(225,225,225,0.9);}
.cus-section03 ul li{width: 20%; margin-top: 1.5rem; text-align: center; margin-bottom: 1.5rem; float: left;}
.cus-section03 ul li p{text-align: center; margin-top: 0.5rem;}
.page_cus .icon_bj{ width:100px; height: 100px; margin: 0 auto; background: url("../icon/tg/customized/f3_icon.png") no-repeat; background-size: 500px auto;  }
.page_cus .icon_bj.icon_1{background-position: 0 0;}
.page_cus .icon_bj.icon_2{ background-position: -100px 0;}
.page_cus .icon_bj.icon_3{ background-position: -200px 0;}
.page_cus .icon_bj.icon_4{ background-position: -300px 0;}
.page_cus .icon_bj.icon_5{ background-position: -400px 0;}
.page_cus .icon_bj.icon_6{ background-position: 0 -100px;}
.page_cus .icon_bj.icon_7{ background-position: -100px -100px;}
.page_cus .icon_bj.icon_8{ background-position: -200px -100px;}
.page_cus .icon_bj.icon_9{ background-position: -300px -100px;}
.page_cus .icon_bj.icon_10{ background-position: -400px -100px;}
.cus-section04 {background: url("../icon/tg/customized/cus_f4_bj.png") no-repeat top ; background-size: cover;}
.cus-section04 .form-box{width:50%;margin:0 auto; padding-top:1rem;}
.cus-section04 .form-box ul{border:solid 1px #ccc;border-bottom:0;}
.cus-section04 .form-box ul li{font-size:0; width: 100%; border-bottom:solid 1px #ccc;}
.cus-section04 .form-box ul li span{width:35%; line-height:50px;box-sizing:border-box;text-align:center;font-size:16px;color:#666;display:inline-block;height:50px;}
.cus-section04 .form-box ul li input{width:65%; border-left:solid 1px #ccc;height:50px;display:inline-block;vertical-align:top;font-size:16px;color:#666;padding:0 0 0 20px;box-sizing:border-box;}
.cus-section04 .form-box ul li .demand{width:65%; border-left:solid 1px #ccc;display:inline-block;vertical-align:top;font-size:16px;color:#666;padding:12px 0 12px 20px;box-sizing:border-box;}
.cus-section04 .form-box button{cursor:pointer; border:none; background-color:#4976f8;color:#fff;height:50px;width:100%;font-size:20px;margin:15px 0 0 0; border-radius: 0.5rem;}


.fixed{ width: 140px; padding: 10px; background: #fff; position: fixed; left: 20px; top: 50%; box-shadow: 2px 6px 30px rgba(0,0,0,0.2); margin-top:-220px; z-index: 999; -border:1px solid #eee;}
.fixed:after{ content: ""; display: block; position: absolute; left: 0; top: 0; height: 3px; width: 100%; background: #ff6209; background-image: linear-gradient(90deg,#fdd000,#ff6209);}
.fixed hr{ margin:20px 0 15px; background-color:#eee; height: 1px; border:0;}
.fixed h2{ margin: 10px 0 4px;}
.fixed .qq a{ border: 1px solid #ddd; display: block; border-radius: 100px; padding: 6px 0 6px 40px; font-size: 14px; line-height: 22px; position: relative; background: url(../icon/qq.png) 15px center no-repeat; margin-top: 10px;}
.fixed .qq a:hover{ border-color: #fdd000; box-shadow: 0 7px 14px rgba(253,208,0,.1), 0 3px 6px rgba(253,208,0,.08);}
.fixed .phone p{ margin-top:5px;}
.fixbth{position: fixed;top:30%;left:160px; z-index: 99999; background: #FF6209;border-radius: 0 12px 12px 0;width: 30px;text-align:  center;padding: 10px 5px;font-size:  14px;color:  #fff;cursor: pointer;}
.fixed.hide{ display: none;}

.text-li{ margin-top: 2rem; }
.text-li li{ background:url(../icon/tg/marketing/star.png) no-repeat 0 .5rem; background-size: 1.25rem auto; padding-left: 2rem; line-height: 2.4;  }

.reportform section{ padding-bottom: 5em; }
.reportform .content{ padding-top: 3.75em; }
.reportform .tab-tit{ width: 25%; padding-top: 3em;}
.reportform .tab-tit li{ padding: 1em 0; cursor: pointer;}
.reportform .tab-tit h4{ font-size: 1.25em; font-weight: bold;}
.reportform .tab-tit p{ color: #666; }
.reportform .tab-tit li.cur{ color:#4976f8; }
.reportform .tab-con{ width: 65%; }
.reportform .tab-con .img{ display: none; }
.reportform .content img{ width: 100%; height: auto;}
.reportform .yingxiao{background:url(../icon/tg/reportform/park-service-bg.png) no-repeat center;}
.reportform .yingxiao .content{ padding-top: 2em; }
.reportform .yingxiao h2{ color: #fff; }
.reportform .yingxiao .tab-tit{ width: 100%; margin: 0 auto; background: #fff; line-height: 72px; padding-top: 0;}
.reportform .yingxiao .tab-tit li{ float: left; padding:0; width: 11.1%; text-align: center;color:#4976f8;font-size: 1.2em;}
.reportform .yingxiao .tab-tit li.cur{ background: #4976f8; color: #fff; }
.reportform .yingxiao .tab-con{ width: 100%; text-align: center; padding-top:2em; color: #fff; }
.reportform .yingxiao .tab-con p{ padding-bottom: 3em; font-size: 1.25em; }
.reportform .yingxiao .tab-con .img{background:url(../icon/tg/reportform/computer.png) no-repeat center 70px;  padding-bottom:5em}
.reportform .yingxiao .tab-con img{ width: 790px; height: auto;}
.reportform .list{ display: none;}
.reportform .list .item{ padding-top: 2em;}
.reportform .list .item h4{ font-weight: bold;}
.reportform .list .item p{ font-size: .9em; color: #666; margin-bottom: 1em;}
.reportform .yingxiao .item h4,.reportform .yingxiao .item p { color: #fff}
.min-logo{ display: block;}
.max-logo{ display: none;}
@media screen and (max-width:750px){
.min-logo{ display: none;}
.max-logo{ display: block;}
.container{ max-width: 40rem; }
header{ display: none; }
.nav-list,.nav-login{ display:none;}
.nav-icon{ display:block;}
.navbar .logo img{ height: 2.8rem; margin-top: 1.1rem;}
.navbar{ height:5rem; }
.banner{ margin-top: 5rem; }
.banner .item img{ max-width:none; height: 160px; margin-left: -200px;}
.new-ban .item img{margin-left: -100px;}
.banner-text{ top: 0; left: 0; margin-left: 1rem; width: 80%; line-height: 1.2;}
.banner-text .idx-t1{display: none;}
.banner-text h2{ display: none;}
.banner-text h5{display: none;}
.banner-text h6{ font-size: 1.5rem; margin-bottom: -1rem; padding-top: 1rem;}
.banner-text h3{font-size: 1.2rem; margin-top: 1rem; line-height: 1.75;}
.banner-text p{ font-size: .75rem; margin-top:1rem; line-height: 1.2; }
.banner-text h4{ font-size: 1rem; margin-top: 1rem;}
.banner-text .idx-t1{display: none;}
.lei_xy_public .banner-text h5 {display:block; font-size: 1.2rem; margin-top: 1rem; line-height: 1.75;}
.lei_xy_public .banner-text{ top: 0; left: 0; margin-left: 1rem; width: 50%; line-height: 1.2;}
.lei_xy_public .item img{ max-width:none; height: 160px; margin-left: -100px;}
.lei_xy_public .banner-text p{ font-size: 1rem; margin-top: 0; line-height: 1.2; }


.flex-foot{ display: block; padding:1rem; }
.flex-foot .tel,.flex-foot .nav,.flex-foot .ewcode{ width: 100%; }
.flex-foot .ewcode{ text-align: center;display: inline-block; }
.flex-foot .ewcode p{ display: none }
.flex-foot .nav ul{display: none;}
.fixbth,.fixed{ display: none;}

.idx-section1 .list li{ width: 50%;}
.idx-section2 .list .item{ width: 100%; margin: 0;}
.idx-section3,.idx-section5{ min-width: 320px;}
.idx-section3 .pull-left{ width: 100%;}
.idx-section3 .pull-right{ display: none;}
.idx-section3 .list li{ padding:0 1rem 3rem }
.idx-section4 .list li{ width: 48%; margin: 0 1%;}
.idx-section5 li{ width: 33%;}
.idx-section5 li:last-child{ display: none;}

.title h2{ font-size: 1.5rem;}
.title p{ font-size: 1rem;}
.product{ padding-top: 0;}
.product .item{flex-wrap:wrap; padding-bottom: 2rem;}
.product .item:nth-child(2n){ background: #f2f2f2;}
.product .item .img{ order:-1;}
.product .item .img,.product .item .text{ width: 100%;}
.product .item .text{ padding:0 1rem!important;}
.product .item .text h2{ font-size: 1.25rem;}
.product .item .text h5{ font-size: 1rem;}
.product .item .text p{ font-size: .75rem;}
.product .item .btn{ display: none;}
.product .item li{ margin-right: 1rem;}

.function .item{ flex-wrap:wrap; padding-bottom: 2rem;}
.function .item:nth-child(2n){ background: #f2f2f2;}
.function .item .img{ order:-1;}
.function .item .img,.function .item .text{ width: 100%;}
.function .item .text{ padding:0 1rem!important;}
.function .item .text h2{ font-size: 1.25rem;}
.function .item .text h5{ font-size: 1rem;}
.function .item .text p{ font-size: .75rem;}
.function .item .btn{ display: none;}

.serve01 ul{ display: block;}
.serve01 li{ width: 50%;}
.serve02 ul{  display: block; height: auto;}
.serve02 li{ width: 50%;}
.serve02 ul:before,.serve02 ul:after{ display: none}
.serve03 .list .itm{ width: 100%;}
.serve04 ul{ display: block;}
.serve04 li{ width: 100%; margin-bottom:1rem;}
.banner-text h3{ font-size: 1.2rem; padding-top: 1rem; padding-bottom: 0; margin-bottom: -.5rem; letter-spacing:0;}
.banner-text ul{ display: none;}
.news-nav .active:before{ width: 4rem; margin-left: -2rem;}
.news-nav{ margin-top: 0;}
.news-nav .item{ font-size: .875rem;}
.news-list li .news-img{ width: 9.125rem; height: 5.5rem; margin-right: 1rem;}
.news-list li .info{ width: 100%;}
.news-list li .info h3 a{ font-size: 1rem; }
.news-list li .info p a{ margin-top: 0;}
.news-list li .time{ display: none;}
.fenye{ font-size: .5rem; margin:2rem 0;}
.fenye .text{ display: none}
.w-location,.tag-share{ display: none;}
.news-detail .title h1{ font-size: 1.25rem;}
.news-related li{ width: 100%;}
.news-related li a p{ width: 60%}
.news-detail .title p span{ font-size: .75rem; padding: 0 2px;}
.partner01{ display: block;}
.partner01 .pull-left{ width: 100%; font-size: .875rem; margin-bottom: 1rem;}
.partner01 .pull-right{ width: 100%; text-align: center;}
.partner02 li{ width: 100%; padding-bottom: 1rem;}
.partner02 li.part02, .partner02 li.part04{ padding-top: 0;}
.partner03 ul{ background: none; height: auto;}
.partner03 li{ width: 50%;}
.partner03 li.part01, .partner03 li.part03, .partner03 li.part05{ padding-top: 0;}
.partner04 li{ width: 50%; height: 16rem;}
.partner05 .form{ width: auto;}
.partner05 .form .item input,.partner05 .form .item textarea{ width: 70%;}
.partner05 .form .item label{ width: 30%; font-size: 1rem;}
.partner-banner{height:160px; background-size: auto 160px;}
.partner06 .sub_nav li { width: 20%; text-align: center; margin-bottom: 0.5rem; color: #333; font-size:0.875rem; }
.partner06 .sub_nav span{width: 3rem; height: 3rem; line-height: 3rem; margin-bottom: 0;}
.partner06 .sub_nav span .iconfont{font-size: 1.5rem;}
.partner06 .media_left{display: none;}
.partner06 .media_body {padding: 0;}
.partner06 .sub_main{margin-top: 0.5rem;}



.cus-section01 ul li{width: 50%;}
    .page_cus .thumbnail>img{width: 7rem;  height: auto;}
    .page_cus .thumbnail .caption{padding:0rem  0.5rem 0.5rem 0.5rem;  }
    .cus-section02 ul li{width: 100%; margin-top: 1rem;}
    .page_cus .media{width: 90%;}
    .page_cus .media_left .icon{width: 2.5rem; height: 2.5rem; line-height: 2.5rem; left: 0; top:0;}
    .page_cus .media_left .icon .iconfont{font-size: 1.6rem;}
    .page_cus .media_left .order{width: 1.5rem; height: 1.5rem; line-height: 1.5rem; left:2rem; top:1rem; font-size: 1rem; }
    .page_cus .media_body{margin-left: 4rem;}
    .cus-section03 ul li{width: 25%; margin-top: 0.5rem; text-align: center; margin-bottom: 1rem;}
    .page_cus .icon_bj{width: 50px; height: 50px; background-size: 250px auto;}
    .page_cus .icon_bj.icon_1{background-position: 0 0;}
    .page_cus .icon_bj.icon_2{ background-position: -50px 0;}
    .page_cus .icon_bj.icon_3{ background-position: -100px 0;}
    .page_cus .icon_bj.icon_4{ background-position: -150px 0;}
    .page_cus .icon_bj.icon_5{ background-position: -200px 0;}
    .page_cus .icon_bj.icon_6{ background-position: 0 -50px;}
    .page_cus .icon_bj.icon_7{ background-position: -50px -50px;}
    .page_cus .icon_bj.icon_8{ background-position: -100px -50px;}
    .page_cus .icon_bj.icon_9{ background-position: -150px -50px;}
    .page_cus .icon_bj.icon_10{ background-position: -200px -50px;}
    .cus-section03 ul li p{display: block; padding: 0 0.5rem; line-height: 1.5rem; font-size:0.875rem; }
    .cus-section04 .form-box{width:94%;margin:0 auto; padding-top:0rem;}
    .cus-section04 .form-box ul li span{width:30%; }
    .cus-section04 .form-box ul li input{width:70%;}
    .cus-section04 .form-box ul li .demand{width:70%;}

    .reportform .content{ display: none;}
    .reportform .list{ display: block;}
}