@charset "utf-8";
@font-face {
  font-family: 'ALIHYAIHEI';  /* project id 1951647 */
  src: url('../fonts/alihyaihei.eot');
  src: url('../fonts/alihyaihei.eot') format('embedded-opentype'),
  url('../fonts/alihyaihei.woff2') format('woff2'),
  url('../fonts/alihyaihei.woff') format('woff'),
  url('../fonts/alihyaihei.ttf') format('truetype'),
  url('../fonts/alihyaihei.svg#alihyaihei') format('svg');
  font-display: swap;
}
 
 
@font-face {
  font-family: 'iconfont';  /* project id 2007888 */
  src: url('../fonts/font_2007888_ck0jqmvo7te.eot');
  src: url('../fonts/font_2007888_ck0jqmvo7te.eot') format('embedded-opentype'),
  url('../fonts/font_2007888_ck0jqmvo7te.woff2') format('woff2'),
  url('../fonts/font_2007888_ck0jqmvo7te.woff') format('woff'),
  url('../fonts/font_2007888_ck0jqmvo7te.ttf') format('truetype'),
  url('../fonts/font_2007888_ck0jqmvo7te.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
body {
    font-family:"微软雅黑";
    overflow-x: hidden;
    font-size: 14px;
}
ul,li {
    list-style:none;
    padding: 0;
}
#banner {
    height:400px!important;
}    
.cb {
    width:100%;
    clear:both;
    height:0;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.tac{text-align: center;}
a{text-decoration: none !important;}
h1{margin: 0;height: 30px;line-height: 70px;}
img{max-width: 100%;}
 
.main img {
    display: block;
    margin: 0 auto;
} 
.crumb {
    font-size: 14px;
    white-space: pre-wrap;
    width: 100%;
    border-bottom: 1px solid #ededed;
    padding: 10px;
    text-align: left;
}
 
.nrjj {
    overflow: hidden;
    background-color: #f9f9f9;
    margin-top: 10px;
    line-height: 24px;
    font-size: 16px;
    padding: 10px;
    margin-bottom: 20px;
    text-align: left;
    text-indent: 2em;
}
 
.entry-tag a {
    display: inline-block;
    margin: 0 10px 5px 0;
    padding: 5px 15px;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #666;
    border: 1px solid #999;
    border-radius: 3px;
} 
 
.entry-copyright {
    margin-top: 30px;
    padding: 15px;
    font-size: 1.6rem;
    line-height: 1.6;
    color: #999;
    border: 1px solid #efefef;
    background: #fbfbfb;
    border-radius: 3px;
}
 
#nav{height: 80px;line-height: 80px;position: absolute;left: 0;top: 0;width: 100%;z-index: 999999;background:#fff;}
#nav .container{position: relative;}
#nav .logo{height: 80px;background: no-repeat left center;position: absolute;left: 8px;}
#nav .logo img{vertical-align: middle;}
#nav .container{position: relative;}
#nav .nava{text-align: right;width: 100%;z-index: 9;height: 80px;padding: 0;margin-bottom:0 ;}
#nav .nava li{display: inline-block;position: relative;width: 12%;text-align: center;max-width: 120px;}
 
#nav .nava .a1{display:block;padding: 0 2px;color: #666666 ;height: 80px;line-height: 80px;cursor: pointer;}
#nav .nava .a1 img{display: none;}
#nav .daohangi{display: none;}
 
 
#banner{width: 100%;height: 700px;position: relative;overflow: hidden;line-height: 700px;text-align: center;overflow: hidden;margin-top: 80px;}
#banner img{max-width: 90%;}
#banner ul{width: 500%;height: 100%;position: relative;padding: 0;left:0;z-index: 2;}
#banner ul li{width: 20%;height: 100%;float: left;background:#fff url(../images/banner0.jpg) no-repeat top center;background-size:cover ;}
#banner ol{text-align: center;position: absolute;width: 100%;bottom: 20px;padding: 0;z-index: 5;height: 14px;line-height: 14px;}
#banner ol li{width: 14px;height: 14px;border-radius: 50%;background: #fff;display: inline-block;margin: 0 12px;cursor: pointer;}
 
.i_con1{height: 450px;overflow: hidden;margin-top: 18px;padding: 0;}
.i_con1 .right{padding: 0;background: center center;background-size:cover ;height: 450px;}
.i_con1 .right img{display: none;width: 100%;}
 
.i_con1 .left{height: 450px;line-height:450px;background: #fff;padding: 30px 45px;}
.i_con1 .left .box11{display: inline-block;line-height: 1;vertical-align: middle;}
.i_con1 .left .p1{font-size: 24px;margin-bottom: 30px;}
.i_con1 .left .span1{display: inline-block;height: 2px;width: 12px;margin-bottom: 30px;}
.i_con1 .left .a{color: #4b4b4b;font-size: 16px;line-height: 24px;margin-bottom: 20px;display: block;}
.i_con1 .left .p2{font-size: 13px;color: #909090;line-height: 20px;margin-bottom: 50px;}
.i_con1 .left .a2{display: inline-block;width: 50px;height: 50px;text-align: center;line-height: 50px;border-radius: 50%;}
 
.i_con2 .left{background: #2b2b2b;}
.i_con2 .left .p1{color: #ffffff;}
.i_con2 .left .span1{background: #666666;}
.i_con2 .left .a{color: #FFF;}
.i_con2 .left .p2{color: #909090;}
.i_con2 .left .a2{border: 1px solid #FFF;}
.i_con3{background: #fff;margin-top: 18px;overflow: hidden;}
.i_bt{text-align: center;margin-top: 36px;margin-bottom: 18px;}
.i_bt .p1{color: #222222;font-size: 24px;height:56px;line-height: 56px;}
.i_bt .p2{max-width: 760px;font-size: 12px;color: #909090;line-height: 24px;margin: 0 auto;}
 
.i_con3 .xuanze{width: 100%;max-width: 632px;margin: 0 auto 45px;overflow: hidden;padding: 0;}
.i_con3 .xuanze li{float: left;height: 50px;width: 25%;max-width: 158px;color: #6e6e6e;background: #F2F2F2;text-align: center;line-height: 50px;cursor: pointer;}
.i_con3 .xuanze li.background{color: #FFF !important;}
.i_con3 .lb{overflow: hidden;margin-bottom: 46px;}
.lb .big_box{width: 400%;position: relative;left: 0;}
.lb .big_box .s_box{float: left;width: 25%;}
.s_box .col-xs-12{padding: 0 9px;margin-bottom: 18px;}
.s_box .ss_box{padding: 15px;border: 1px solid #eeeeee;}
.s_box .ss_box .img{display: block;overflow: hidden;}
.img img{width: 100%;min-height:100%;transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
}
.img:hover img{transform: scale(1.05);}
.s_box .ss_box .a1{width: 100%;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #434343;line-height: 44px;}
.s_box .ss_box .p1{width: 100%;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 13px;color: #9c9999;line-height: 1;}
.s_box .ss_box .p2{float: right;
    position: relative;
    top: -25px;
}
.i_con4{padding: 200px 15px;background: url(../images/i_con4_bg.jpg) center center;background-size:cover ;margin-top: 18px;color: #fff;text-align: center;}
.i_con4 .p1{font-size: 30px;line-height: 1;margin-bottom: 20px;}
.i_con4 .p2{font-size: 12px;line-height: 32px;max-width: 1000px;margin: 0 auto 30px;}
.i_con4 .a1{width: 150px;height: 46px;line-height: 46px;text-align: center;display: inline-block;font-size: 13px;color: #373737 !important;background:rgba(255,255,255,0.74) ;transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
}
.i_con4 .a1:hover{background:#fff;}
 
.i_con5{margin: 18px auto;background: #fff;overflow: hidden;padding-bottom: 50px;}
.i_news{margin: 15px 0;}
.i_news a{display: block;width: 100%;overflow: hidden;}
.i_news .a1{white-space:nowrap; text-overflow:ellipsis;font-size: 16px;color: #434343;height: 36px;line-height: 36px;margin-top: 10px;}
.i_news p{font-size: 12px;color: #969696;margin: 0;}
.i_news .p2{line-height: 18px;height: 54px;overflow: hidden;}
.i_con5 .div div{height: 80px;line-height: 80px;text-align: center;max-height: 90%;overflow: hidden;}
.i_con5 div:hover>img{transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
}
.i_con5 div:hover>img{transform: scale(1.1);}
 
.footer{background: #1e1e1e;overflow: hidden;}
.footer .foot_top{border-bottom: 1px solid #000;text-align: center;padding: 26px 0;position: relative;}
.footer .foot_top .div{display: inline-block;overflow: hidden;}
.footer .foot_top .f_top{width: 66px;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 16px;font-weight: bold;display: block;position: absolute;top: 0;right: 0;border-radius: 0 0 5px 5px;cursor: pointer;}
.footer .foot_top a{color: #818181;font-size: 12px;padding: 6px 16px;float: left;}
.footer .foot_top a:hover{color: #fff !important;text-decoration: underline !important;}
.footer .foot_top .a1h{background: none;}
.footer .foot_top br{display: none;}
.footer .foot_m{border-top: 1px solid #505050;padding: 28px 0 54px;}
.foot_m{overflow: hidden;}
 
.foot_m .guanzhu{text-align: center;}
.foot_m .foot_lx{text-align: left;}
.foot_m .foot_lx .p1{font-size: 13px;color: #ffffff;margin-bottom: 30px;margin-top: 18px;}
.foot_m .foot_lx .p2{font-size: 22px;color: #fff;margin-bottom: 22px;}
.foot_m .foot_lx a{display: inline-block;font-size: 14px;color: #fff !important;width: 150px;height: 36px;line-height: 36px;text-align: center;}
 
 
 
.foot_m .xinxi{text-align: center;margin-top: 10px;}
.foot_m .xinxi .p1{font-size: 18px;color: #fff;margin-bottom: 20px;}
.foot_m .xinxi p{color: #d9d9d9;background: no-repeat top left;line-height: 30px;text-align: left;margin-bottom: 0;}
.foot_m .xinxi .box{display: inline-block;}
.foot_m .erweima{text-align: center;}
.foot_m .cb{display: none;}
.foot_m .erweima{width: 250px;margin: 0 auto;}
.foot_m .erweima dl{display: inline-block;}
.foot_m .erweima dt{padding: 8px;background: #2c2c2c;border: 1px solid #444444;}
.foot_m .erweima dd{color: #d9d9d9;height: 60px;line-height: 60px;}
.foot_down{background: #0f0f0f;padding: 15px 0;overflow: hidden;}
.foot_down p{margin-bottom: 0;font-size: 12px;color: #6a6a6a;line-height: 22px;}
.foot_down a{color: #6a6a6a;margin-right: 5px;}
 
.list_banner{height: 450px;line-height: 450px;text-align: center;margin-top: 80px;}
.list_banner img{max-width: 90%;}
 
.list_bt{text-align: center;padding: 46px 0;}
.list_bt .p1{font-size: 24px;color: #222222;}
.list_bt .p2{font-size: 12px;color: #909090;}
 
.about_main{margin-bottom: 30px;}
.about_main p{text-align: center;}
.about_main .p1{font-size: 18px;color: #222222;line-height: 44px;}
.about_main .p2{font-size: 13px;color: #959595;line-height: 24px;margin-bottom: 20px;}
.about_mi{padding: 150px 0 120px;text-align: center;background: url(../images/about_m_i.jpg) center center;background-size:cover ;color: #fff;}
.about_mi .boxo{display: inline-block;width: 33.3333%;max-width: 330px;text-align: center;min-width: 220px;}
.about_mi .boxo .boxo1{display: inline-block;}
.about_mi .boxo p{margin-bottom: 0;text-align: left;}
.about_mi .boxo .p01{margin-bottom: 18px;}
.about_mi .boxo .p02{font-size: 40px;margin-bottom: 12px;font-weight: bold;}
.about_mi .boxo .p03{margin-bottom: 30px;}
 
.about_main .p4{font-size: 24px;color: #222222;height: 68px;line-height: 68px;background: url(../images/about_x.jpg) no-repeat bottom center;margin-top: 30px;}
.about_main .p5{font-size: 18px;color: #474747;}
.about_main .p6{font-size: 13px;color: #959595;max-width: 738px;margin: 10px auto 20px;}
.about_main .box_b{text-align: center;margin-top: 50px;}
.about_main .box_b1{display: inline-block;text-align: center;width: 33%;max-width: 300px;min-width: 200px;margin-bottom: 30px;}
.about_main .box_b2{width: 175px;display: inline-block;}
.about_main .box_b2 img{margin-bottom: 35px;}
.about_main .box_b2 p{color: #909090;line-height: 24px;}
.about_main .box_b2 font{color: #2c2c2c;}
 
.fenye{margin: 40px 0;padding: 0;}
.fenye li{display: inline-block;}
.fenye li a{display: block;height: 26px;line-height: 24px;border: 1px solid #000;padding: 0 9px;}
.fenye li a:hover,.fenye li a.cur{color: #fff !important;}
 
.xq_bt{text-align: center;border-bottom: 1px solid #eeeeee;margin-bottom: 20px;}
.xq_bt .p1{font-size: 22px;color: #000000;line-height: 38px;}
.xq_bt .p2{font-size: 12px;color: #767676;line-height: 30px;}
.cp_x_main .p1{font-size: 12px;color: #4e4e4e;text-indent: 2em;line-height: 24px;margin-bottom: 20px;}
.cp_x_main img{margin: 20px 0;}
.cp_x_main{padding-bottom: 50px;}
.sx{padding: 30px 0;}
.sx a{display: block;color: #3d3d3d;line-height: 28px;}
 
.n_xuanze{text-align: center;margin: 40px 0;}
.n_xuanze a{width: 50%;max-width: 314px;height: 50px;text-align: center;line-height: 50px;color: #6e6e6e !important;background: #f2f2f2;display: inline-block;}
.n_xuanze a.background{color: #FFF !important;}
 
 
.news_x .n_bt{text-align: center;margin-top: 40px;}
.news_x .n_bt .p1{margin-bottom: 20px;font-size: 22px;color: #242424;font-weight: bold;}
.news_x .n_bt .p2{font-size: 12px;color: #939393;}
.news_x .n_bt .p2 span{margin: 0 15px;display: inline-block;}
 
.news_x .p1{color: #626262;font-size: 12px;line-height: 24px;}
 
.l_xinxi{border: 1px solid #ccc;padding-top: 60px;text-align: center;overflow: hidden;margin-bottom: 38px;}
.l_xinxi .boxo1{display: inline-block;text-align: left;margin-bottom: 35px;}
.l_xinxi .boxo1 .p1{font-size: 24px;color: #434343;font-weight: bold;margin-bottom: 12px;}
.l_xinxi .boxo1 .p2{font-size: 12px;line-height: 22px;color: #787878;}
.l_xinxi .boxo1 .p3{font-size: 12px;color: #787878;}
 
.ditu{border: 1px solid #ccc;padding: 5px;overflow: hidden;margin-bottom: 50px;}
.liuyan .left{height: 355px;border: 1px solid #d9d9d9;padding: 15px;margin-bottom: 50px;}
.liuyan .left .bg_i{height: 280px;background: url(../images/liuyan_i.jpg) no-repeat center right;background-size:cover ;}
.liuyan .left .p1{font-size: 18px;color: #848484;border-top: 1px solid #ccc;line-height: 40px;margin-top: 15px;}
.liuyan .left font{font-size: 12px;}
.liuyan .right {padding: 0 0 0 50px;margin-bottom: 50px;}
.liuyan .right input{width:100%;border: 1px solid #d9d9d9;height: 40px;line-height: 40px;padding-left: 18px;text-align:left;margin: 13px 0 ;}
.liuyan .right textarea{width: 100%;height: 70px;border: 1px solid #d9d9d9;padding-left: 18px;padding-top: 5px;resize: none;margin: 14px 0;}
.liuyan .right button{height: 40px;border: none;text-align: center;line-height: 40px;color: #fff;width: 100%;}
/*移动端样式*/
/*移动端样式*/
/*移动端样式*/
@media (max-width: 1200px){
 
 
}
@media (max-width:992px){
     
.foot_m{padding: 28px 0;}
.foot_m .fenx{text-align: center;margin-top: 30px;}
.foot_m .cb{display: block;}
.foot_m .erweima{margin-top: 40px;} 
}
 
 
@media  (max-width:768px) {
 .section .list .item{width:100% !important;}
.wide.customizedBar, .slider, .list {
    width: 100%!important;
}
.slider {
   padding: 0!important;
}
.scene li {
    margin: 18px!important;
}
.imge {
    width: 50px!important;
    height:auto!important;
}
.textBar {
    width: 100%!important;
    flex-shrink: 1!important;
}
.wide.customizedBar {
   padding: 5px!important;
}
.title {
    font-size: 20px!important;
}
.list li {
    width: 100%!important;
}
.icon {
    width: 100px!important;
    height: 100px!important;
}
.fot{margin-bottom: 50px;}
 
.xgcase li{
    width: 100%!important;
}
.news-list li {
    width: 100%!important;
}
.news-list-one li a,
.news-list-two li a {padding:15px 20px!important;}
.news-list-one .date-wrap {width:70px!important;height:auto!important;margin-bottom:15px;border-right:0 none!important;}
.news-list-one .date-inner {position:relative!important;transform:none!important;}
.news-list-one .date-wrap .day {margin-bottom:10px;font: 40px/1 'gotham-medium'!important;}
.news-list-one .date-wrap .line {display:none!important;}
.news-list-one .text-wrap {margin-left:8px!important;}
.news-list-one .text-wrap .title {margin-bottom:5px;font-size:16px!important;}
.news-list-one .text-wrap .descrition {margin:5px 0 10px!important;}
.news-list-one .text-wrap .more {display:block;padding-top:10px;border-top:1px solid #e7e7e7!important;}
.news-list-two li .text-wrap {width:60%!important;}
.news-list-two li .text-wrap .title {height:48px;margin:10px 0;font-size:16px;line-height:24px!important;}
 
.xq_bt {
    
   padding:0;
 
}    
.i_bt .p1 {
    height: auto;
}   
.list_banner {
    height: 150px;
    line-height: 150px;
    text-align: center;
    margin-top: 80px;
}
.daohangbody {
    margin-left: 20px;
    
}
.bodyList li {
    width: auto!important;
}
.entry-copyright {
    font-size: 1.2rem;
}
#nav .daohangi{display: block;width: 70px;height: 80px;text-align: center;line-height: 80px;cursor: pointer;}
#nav .daohangi img{width: 55%;cursor: pointer;display: none;}
#nav .daohangi img.cur{display: inline-block;   }
#nav .container{padding-right: 0;}
#nav .nava{left: 0;top: 80px;padding: 0;display: none;}
#nav .nava li{display: block;background: #fff;width: 100%;max-width: 100%;text-align: left;position: relative;font-size: 16px;line-height: 60px;}
#nav .nava li .a1{border-top: none !important;height: 60px;line-height: 60px;position: relative;padding-left: 20px;border-bottom: 1px solid #CCC !important;width: 100%;color: #333;}
#nav .nava dl{position: relative;margin: 0 !important;padding: 0;width: 100%;border-top:none;background: #f6f6f6;padding: 15px 0;display: none;}
#nav .nava dd:hover{background: #b9d6f5;}
#nav .nava dl a{font-size: 14px;color: #333;}
#nav .nava .a1 img{display:inline;height: 60%;margin-top: 10px;margin-right: 3px;transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;}
#nav .nava .a1 img.cur{transform: rotate(90deg);margin-top: 12px;}  
#nav{height: 80px;line-height:80px;}
.i_con1{height: auto;}
.i_con1 .right{height: auto;}
.i_con1 .right img{display: block;}
.i_con1 .left{padding: 30px 15px;height: auto;line-height: 1;}
 
#banner{height: 150px!important;line-height: 500px;}
.footer .foot_top br{display: inline-block;}
.footer .foot_top .br1{display: none;}
.footer .foot_top .a2h{background: none;}
 
.foot_m .xinxi{margin-top: 30px;text-align: center;}
.foot_m .xinxi p{text-align: center;}
.foot_m .foot_lx{display: inline-block;text-align: center;}
.l_xinxi .boxo1{text-align: center;}
.liuyan .right{padding: 0;}
}
@media (max-width:420px ) {
.i_con4{padding: 150px 15px ;}
.footer .foot_top br{display: none;}
.footer .foot_top .br1{display: inline-block;}
.footer .foot_top .a3h{background: none;}
 
}
@media  (min-width:768px){
#nav .nava{display: block !important;}
}
 
 
 
 
 
.more-relate-list {padding:40px 0;}
.more-relate-list .relate-title {
    margin-bottom:20px;
    font-size:24px;
    font-weight:bold;
    color:#333;
}
 
.news-list .item-list {
    margin-left: -1.5%;
}
.news-list li {
    position:relative;
    float:left;
    width:48.5%;
    margin:0 0 1.5% 1.5%;
    background:#fff;
    box-shadow:0 15px 15px rgba(0,0,0,.1);
}
.ourwork-list .each-item:after,
.news-list li:after,.index-news-list .item2:after,
.index-news-list .item3:after,
.solution-list .each-item:after,
.pay-list .each-item:after {
    position:absolute;
    left:0;
    top:0;
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:#fff;
    transition:all .6s;
}
.ourwork-list .each-item:hover:after,
.news-list li:hover:after,
.index-news-list .item2:hover:after,
.index-news-list .item3:hover:after,
.solution-list .each-item:hover:after,
.pay-list .each-item:hover:after{
    box-shadow:0 15px 15px rgba(0,0,0,.1);
}
.news-list li:hover:after,
 .index-news-list .item2:hover:after,
 .index-news-list .item3:hover:after,
.pay-list .each-item:hover:after {transform:scale(1.025);}
.news-list li a,.index-news-list .item-inner {
    z-index:1;
    position:relative;
    display:block;
}
.news-list-one li a {  padding:35px 70px;  }
.news-list-one .date-wrap {
    position:relative;
    float:left;
    width:115px;
    height:155px;
    border-right:1px solid #e7e7e7;
}
.news-list-one .date-inner {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
.news-list-one .date-wrap .day {
    font:48px/1 'gotham-medium';
}
.news-list-one .date-wrap .line {
    display:block;
    width:25px;
    height:3px;
    margin:15px 0;
    background:#e7e7e7;
}
.news-list-one .date-wrap .days {
    font:14px/1 'Gotham-Book';
}
.news-list-one .text-wrap {
    margin-left:175px;
}
.news-list-one .text-wrap .title {
    font-size:18px;
    color:#333;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.news-list-one .text-wrap .descrition {
    height:48px;
    margin:15px 0 40px;
    font-size:14px;
    color:#666;
    line-height:24px;
    overflow:hidden;
}
.news-list .text-wrap .more .icon{
    display:inline-block;
    width:0;
    height:10px;
    background:url(../images/more-icon2.png) no-repeat center center;
    transition:all .4s;
    opacity:0;
}
 
.news-list .text-wrap .more strong{
    font-size:14px;
    font-weight:normal;
    color:#666;
    transition:all .4s;
}
 
.daohang {
    background: #d1d2d326;
    border-bottom: 1px solid #e8e8e8;
}
.daohangbody {
    width: auto;
    margin-left: 30px;
    padding: 5px 10px 5px 0;
    color: #999999;
    font-size: 14px;
}
 
.bodyList ul.active {
    display: block;
}
.bodyList li {
    width: 30%;
    float: left;
    margin-right: 1.6%;
    position: relative;
    overflow: hidden;
    height: 300px;
}
.bodyList ul a {
    display: block;
    overflow: hidden;
    position: relative;
}
.bodyList span.demo {
    border: 1px solid #f5f5f5;
    margin-top: 10px;
    vertical-align: middle;
    color: #666;
    border-radius: 3px;
    padding: 4px 10px;
    font-size: 14px;
    cursor: pointer;
    display: none;
}
.bodyList .ma {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -80px 0 0 -80px;
    border-radius: 3px;
    box-shadow: 2px 4px 25px rgba(0,0,0,0.3);
    width: 160px;
    height: 160px;
    display: none;
    animation: bodyListma ease 0.3s forwards;
}
.bodyList ul h3 {
    margin: 15px 0 10px;
    font-weight: bold;
}
.bodyList ul p {
    height: 36px;
    line-height: 18px;
    font-size: 14px;
    opacity: 0.7;
}
 
 
 
.xgcase {
    width: auto;
}
.xgcase li{
    width: 20%;
    float: left;
    margin: 10px 20px 10px 5px;
}
.xgcase .p1 {
    font-size: 14px;
    color: #4e4e4e;
    text-indent: 0;
    margin-bottom: 10px;
}
#mobMenu{min-height:50px;border:1px solid #dddddd;position:fixed;}
#mobMenu .foot_nav{width:25%;float:left;text-align:center;color: #898989;font-size:14px;}
#mobMenu .foot_nav i{display: block;padding: 3px 0px 0px 0px;font-size:18px;line-height:24px;}
#mobMenu .foot_nav .hamburger{position: inherit;float: none;margin: 0 auto;width:100%;}
 
#GoTop{position:fixed;right:40px;bottom:100px;width:50px;height:50px;background-color:#b0b0b0;border-radius:50px;text-align:center;z-index:1;cursor:pointer;display:none;}
#GoTop>i.iconfont{line-height:50px;display:block;font-size:24px;color:#fff;}
#GoTop:hover{background-color:#e67413;}
 
.patternBar {
    width: 100%;
    text-align: center;
    padding: 50px 0;
    background-color: #FFF;
}
 
.title {
    font-size: 28px;
    color: #333;
}
 
.wide.customizedBar {
    width: 1200px;
    margin: 0 auto;
}
 
ul.list {
    margin-top: 50px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
 
.list li {
    width: 50%;
    margin-bottom: 15px;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
 
.icon {
    width: 182px;
    height: 160px;
    margin-right: 18px;
    flex-shrink: 0;
}
 
.textBar {
    width: 350px;
    text-align: left;
    flex-shrink: 0;
}
 
.text_title {
    font-size: 16px;
    color: #333;
}
 
.text_explain {
    line-height: 22px;
    margin-top: 12px;
    font-size: 14px;
    color: #999;
}
 
.businessBar {
    width: 100%;
    text-align: center;
    padding: 50px 0;
    margin-bottom: 60px;
    background-color: #FCFCFC;
}
 
.slider {
    width: 1200px;
    margin: 40px auto 0;
    padding: 0 50px;
}
 
ul.scene {
    display: inline-block;
    margin-right: -45px;
    margin-bottom: -20px;
    vertical-align: top;
}
 
.scene li {
    margin-right: 45px;
    margin-bottom: 20px;
    float: left;
}
@media screen and (max-width:768px){
    ul.scene{margin-right: 0;}
}
.imge {
    width: 98px;
    height: 98px;
    margin: 0 auto;
    border-radius: 50%;
}
 
.name {
    margin-top: 12px;
    font-size: 14px;
    color: #333;
}
 
.list_banner {
    height: 245px;
    line-height: 245px;
    background-repeat: no-repeat;
    background-position: center;
}
 
section.section {
    width: auto;
    height: auto;
    overflow: hidden;
    background-color: white;
    padding-top: 20px;
    padding-bottom: 50px;
}
 
.content {
    width: 90%;
    margin: 0 auto;
}
.g-title {text-align: center;margin-bottom: 30px;}
 
.g-title h2 { font-size: 36px; margin-bottom: 20px; font-weight: bold; color:#000;}
 
.g-title .summery { font-size: 16px; color: #8f8e8e; }
 
.section .operate { margin-top: 35px; }
 
.section .operate .btns {font-size: 16px;width: 207px;height: 50px;line-height: 48px;border: #FF4242 1px solid;border-radius: 50px;color: #FF4242;display: block;margin: 0 auto;text-align: center;overflow: hidden;}
 
.section .operate .btns:hover { background-color: #FF4242; color: #fff; }
 
.section .list {margin-bottom: 80px;overflow: hidden;}
 
.section .list .item {width: calc(100%/3 - 104px/3);height: 220px;overflow: hidden;position: relative;float: left;margin-right: 52px;margin-bottom: 14px;}
 
.section .list .item:nth-child(3n) { float: right; margin-right: 0; }
 
.section .list .item img { display: block; }
 
.section .list .item:hover .con { opacity: 0; }
 
.section .list .item:hover .over-box { top: 0; }
 
.section .list .con { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; text-align: center; }
 
.section .list .con h3 { font-size: 26px; margin-bottom: 20px; }
 
.section .list .con p { font-size: 12px; }
 
.section .list .over-box { background-color: rgba(103, 99, 241, 0.9); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; color: #fff; position: absolute; left: 0; top: 100%; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 38px 50px 10px; text-align: center; }
 
.section .list .over-box .title { font-size: 26px; }
 
.section .list .over-box .line { width: 40px; height: 3px; background-color: #fff; margin: 15px auto 30px; }
 
.section .list .over-box .intro { font-size: 14px; line-height: 26px; text-align: center; }
.main p {
    margin: 10px auto;
    line-height: 26px;
    font-size: 15px;
}