/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* QQ：9490489 */
html{overflow-y:scroll;overflow-x:hidden}
body{font-family:"Microsoft Yahei",mossbaoo,Arial,'Hiragino Sans GB',sans-serif;font-size:12px;color:#333}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,sub,sup,td,textarea,th,ul{margin:0;padding:0}
fieldset,img{border:0}
li,ol,ul{list-style:none}
img{-ms-interpolation-mode:bicubic;vertical-align:top}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;outline:0;font-family:"Microsoft Yahei"}
.imgmiddle,input,select{vertical-align:middle}
.table{border-collapse:collapse;border-spacing:0}
.clear{clear:both;height:0;overflow:hidden}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
a{text-decoration:none;color:#333}
a:hover{text-decoration:none;color:#141414}
a:active{blr:expression(this.onFocus=this.blur())}
.w100{width:100%}
.mar1500{width:79%;margin:0 auto;min-width:1200px}
.bgGray{background:#eaeaea}
.bgfff{background:#fff}
.mt15{margin-top:15px}
.pt15{padding-top:15px}
.padlr{padding:0 2.5%}
.oh{overflow:hidden}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#fff}
::-webkit-scrollbar-thumb{background:#1b1b1b}
::-webkit-scrollbar-thumb:window-inactive{background:#1b1b1b}
::-webkit-scrollbar-thumb:vertical:hover{background:#1b1b1b}
.animateTop{position:relative;top:100px;opacity:0;filter:alpha(opacity=0)}
.isAnimation{opacity:0;filter:alpha(opacity=0)}
.bgimg{position:relative}
#side{position:fixed;width:54px;height:220px;right:0;top:50%;z-index:100}
#side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444}
#side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;background:#000;opacity:.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden}
#side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:.8;filter:Alpha(opacity=80)}
#side ul li .sidetop:hover{opacity:1;filter:Alpha(opacity=100)}
#side ul li i{float:left;display:inline-block;width:54px;height:54px;text-align:center;line-height:54px;color:#fff;font-size:24px}
#side ul li span{float:left;display:inline-block;width:106px;height:54px;text-align:center;line-height:54px;color:#fff;font-size:14px}
#side .code_img{display:none;position:absolute;top:54px;right:54px}
#side .code_img img{width:124px;height:124px;border-left:2px solid #000;border-bottom:2px solid #000}
.bj-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;opacity:1;filter:alpha(opacity=100);visibility:visible;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.bj-loading.on{visibility:hidden;opacity:0;filter:alpha(opacity=0)}
.bj-loading .load-box{position:absolute;top:50%;margin-left:-2.5rem;margin-top:-2.5rem;left:50%}
.bj-loading .load-box .ball{position:relative;background:url(../images/loadinglogo.png) no-repeat center center;background-size:55%}
.bj-loading .load-box .ball>div{background:0 0;width:5rem;height:5rem;border-radius:100%;margin:2px;border:2px solid #fff;border-bottom-color:transparent;display:inline-block;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:rotate .8s linear infinite;animation:rotate .8s linear infinite}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ellipsis-2{display:-webkit-box;overflow:hidden;white-space:normal!important;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ellipsis-3{display:-webkit-box;overflow:hidden;white-space:normal!important;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.header_w{position:fixed;top:0;left:0;z-index:999;border-bottom:1px solid rgba(255,255,255,.05)}
.header .logo{padding:0px 0}
.header .slogan{padding-left:15px;line-height:100px}
.header .slogan span{font-size:14px;line-height:14px;color:#fff;padding-left:15px;border-left:1px solid #fff}
.header .nav li{float:left;line-height:100px;padding:0 20px}
.header .nav li a{font-size:16px;color:#fff}
.header .nav em{position:absolute;left:0;bottom:0;width:90px;height:3px;background:#fff}
.header .tel{padding-left:15px;line-height:100px;color:#fff}
.header .tel i{padding-left:30px;border-left:1px solid #fff;line-height:14px;font-size:20px}
.header .tel span{line-height:14px;font-size:14px;padding-left:5px}
@media (min-width:1400px) and (max-width:1600px){.header .nav li{padding:0 16px}
}
@media (min-width:0px) and (max-width:1399px){.header .nav li{padding:0 16px}
}
.in_banner{height:870px}
.in_banner_swiper{height:870px}
.in_banner .swiper-slide{width:100%;overflow:hidden;height:100%}
.in_banner .swiper-slide span{display:block;width:300%;height:100%;text-align:center;margin-left:-100%}
.in_banner .in_banner_pa{width:100%;position:absolute;left:0;bottom:20px;z-index:9;text-align:center}
.in_banner .swiper-pagination-switch{display:inline-block;width:5px;height:5px;line-height:0;font-size:0;background:#aaa;margin:6px 6px;cursor:pointer;opacity:.5;transition:all 3.5s}
.in_banner .swiper-active-switch{background:#fff;opacity:1;width:33px}
.in_title .title{padding-top:53px}
.in_title .title .p1{font-size:26px;line-height:44px;color:#333}
.in_title .title .p2{font-size:15px;line-height:33px;color:#8c8c8c}
.in_title .more{line-height:170px}
.in_title .more a{font-size:16px;color:#999}
.case_more{padding:30px 0 65px;text-align:center}
.case_more a{display:inline-block;width:143px;height:40px;line-height:40px;border:1px solid #d3d2d2;font-size:14px;color:#333}
.page_banner_w{width:100%;height:720px;overflow:hidden;position:relative}
.page_banner{width:300%;margin-left:-100%;text-align:center}
.page_banner_mask{position:absolute;top:0;left:0;width:100%;height:720px;text-align:center}
.page_banner_mask .p1{padding-top:222px;font-size:48px;color:#fff;line-height:80px}
.page_banner_mask .p2{font-size:18px;color:#fff;line-height:54px}
.page_banner_mask .btn{padding-top:20px}
.page_banner_mask .btn a{display:inline-block;width:200px;height:46px;line-height:46px;font-size:18px;color:#333;border:1px solid #fff;border-radius:5px;background:#fff}
.page_banner_mask .btn a:hover{color:#fff;background:0 0}
.page_banner_mask .text{font-size:14px;color:#fff;line-height:20px;letter-spacing:2px;padding-top:165px;font-family:arial}
.in_service{height:666px}
.in_service_left{width:49.5%;height:666px;transition:all .4s}
.in_service_left_c{padding:27px 5% 0}
.in_service_left_c .title{font-size:24px;line-height:66px}
.in_service_left_c .line{width:10px;height:2px;background:#9a9a9a}
.in_service_left_c .text{font-size:12px;color:#8c8c8c;line-height:24px}
.in_service_left_c .icon{padding:36px 0 70px}
.in_service_left_c .icon i{font-size:38px;color:#8a8a8a}
.in_service_left_c img{width:100%}
.in_service_right{width:49.5%;margin-left:1%}
.in_service_right_tl{width:49%;height:325px;transition:all .4s}
.in_service_right_tl_c{padding:27px 8% 0}
.in_service_right_tr{width:49%;margin-left:2%;height:325px;transition:all .4s}
.in_service_right_t .title{font-size:24px;line-height:52px}
.in_service_right_t .text{font-size:12px;color:#8c8c8c;line-height:24px;padding-top:4px}
.in_service_right_t .bottom{text-align:center;padding-top:55px}
.in_service_right_t .icon i{font-size:60px;color:#8c8c8c}
.in_service_right_t .name{font-size:14px;line-height:38px}
.in_service_right_b{height:325px;transition:all .4s}
.in_service_right_b_c{padding:105px 10% 0}
.in_service_right_b_c .title{font-size:24px;line-height:52px}
.in_service_right_b_c .text{font-size:12px;color:#8c8c8c;line-height:24px;padding-top:4px}
.in_service_right_b_c .right{width:170px;text-align:center;padding-top:10px}
.in_service_right_b_c .icon i{font-size:60px;color:#8c8c8c}
.in_service_right_b_c .name{font-size:14px;line-height:50px}
.in_service_left:hover{box-shadow:0 5px 8px #bbb;margin-top:-5px}
.in_service_right_tl:hover{box-shadow:0 5px 8px #bbb;margin-top:-5px}
.in_service_right_tr:hover{box-shadow:0 5px 8px #bbb;margin-top:-5px}
.in_service_right_b:hover{box-shadow:0 5px 8px #bbb;margin-top:-5px}
.in_bigCase_c{padding-top:50px;padding-bottom:50px}
.in_bigCase_c .left{width:48%}
.in_bigCase_c .title1{font-size:26px;color:#545454;line-height:64px;letter-spacing:1px}
.in_bigCase_c .title2{font-size:18px;color:#545454;line-height:52px;padding-bottom:15px}
.in_bigCase_c .line{width:112px;height:1px;background:#585858}
.in_bigCase_c .des{font-size:14px;color:#666;line-height:24px;padding:25px 0 0}
.in_bigCase_c .logo{padding-top:40px}
.in_bigCase_c .logo img{height:48px}
.in_bigCase_c .btn{padding-top:10%}
.in_bigCase_c .btn a{font-size:14px;color:#000;line-height:34px}
.in_bigCase_c .right{width:48%}
.in_bigCase_c .right img{width:100%}
.in_case_title{border-bottom:1px solid #dcdcdc}
.in_case_title .title{padding:40px 0}
.in_case_title .title .p1{font-size:26px;line-height:46px}
.in_case_title .title .p2{font-size:14px;line-height:32px;color:#8c8c8c}
.in_case_title .menu{line-height:158px}
.in_case_title .menu li{float:left;margin-left:20px}
.in_case_title .menu li a{font-size:14px;color:#666;display:inline-block;padding:0 20px;height:40px;line-height:40px;text-align:center;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.in_case_title .menu li.current a{background:#333;color:#fff}
.in_case_title .menu li a:hover{background:#333;color:#fff}
.in_case_list{padding-top:50px}
.in_case_list ul{width:102%}
.in_case_list li{float:left;width:31.1%;margin-right:2%;border:1px solid #f5f5f5;margin-bottom:20px;position:relative}
.in_case_list li .img img{width:100%}
.in_case_list li .bottom{padding:20px 8% 35px}
.in_case_list li .title a{font-size:18px;color:#545454;line-height:52px}
.in_case_list li .des{font-size:14px;color:#999;line-height:24px;min-height:48px;max-height:48px}
.in_case_list li .btn{padding-top:30px}
.in_case_list li .btn a{width:118px;height:34px;border:1px solid #dadada;display:block;text-align:center;line-height:34px;background:0 0;position:relative}
.in_case_list li .btn a i{font-size:30px;color:#b7b7b7;position:relative;z-index:1}
.in_case_list li:hover .btn a i{color:#fff}
.in_case_list li:hover .btn a:before{width:118px}
.in_case_list li .btn a:before{content:"";position:absolute;background:#333;width:0;height:34px;left:0;z-index:0;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.in_case_list li .l1{position:absolute;top:0;left:0;width:0;height:1px;background:#141414}
.in_case_list li .l2{position:absolute;top:0;right:0;width:1px;height:0;background:#141414}
.in_case_list li .l3{position:absolute;bottom:0;right:0;width:0;height:1px;background:#141414}
.in_case_list li .l4{position:absolute;bottom:0;left:0;width:1px;height:0;background:#141414}
.in_case_more{text-align:center;padding:40px 0 60px;text-align:center;height:58px}
.in_case_more a{font-size:14px;color:#666;display:inline-block;width:158px;height:44px;text-align:center;line-height:44px;border:1px solid #f1f1f1;border-radius:5px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.in_case_more a:hover{box-shadow:0 5px 10px #ccc;margin-top:-3px}
.in_partner_title{text-align:center;padding:60px 0 55px}
.in_partner_title .p1{font-size:24px;color:#000;line-height:44px;letter-spacing:2px}
.in_partner_title .p2{font-size:16px;color:#999;line-height:32px;letter-spacing:2px}
.in_partner_list{width:83%;margin:0 auto}
.in_partner_list ul{border-left:1px solid #eee;border-top:1px solid #eee}
.in_partner_list li{float:left;width:14.2857%;height:120px;transition:all .3s ease-out;-webkit-transition:all .3s ease-out}
.in_partner_list li span{display:block;width:100%;height:100%;border-right:1px solid #eee;border-bottom:1px solid #eee;transition:all .3s ease-out;-webkit-transition:all .3s ease-out}
.in_partner_tips{font-size:16px;color:#999;line-height:36px;padding:70px 0 100px;text-align:center}
.in_partner_list li:hover{box-shadow:0 0 20px #ccc;-webkit-box-shadow:0 0 20px #ccc}
.in_partner_list li.li1 span{background:url(../images/partners_img1-1.png) no-repeat center center}
.in_partner_list li.li1:hover span{background:url(../images/partners_img1-2.png) no-repeat center center}
.in_partner_list li.li2 span{background:url(../images/partners_img2-1.png) no-repeat center center}
.in_partner_list li.li2:hover span{background:url(../images/partners_img2-2.png) no-repeat center center}
.in_partner_list li.li3 span{background:url(../images/partners_img3-1.png) no-repeat center center}
.in_partner_list li.li3:hover span{background:url(../images/partners_img3-2.png) no-repeat center center}
.in_partner_list li.li4 span{background:url(../images/partners_img4-1.png) no-repeat center center}
.in_partner_list li.li4:hover span{background:url(../images/partners_img4-2.png) no-repeat center center}
.in_partner_list li.li5 span{background:url(../images/partners_img5-1.png) no-repeat center center}
.in_partner_list li.li5:hover span{background:url(../images/partners_img5-2.png) no-repeat center center}
.in_partner_list li.li6 span{background:url(../images/partners_img6-1.png) no-repeat center center}
.in_partner_list li.li6:hover span{background:url(../images/partners_img6-2.png) no-repeat center center}
.in_partner_list li.li7 span{background:url(../images/partners_img7-1.png) no-repeat center center}
.in_partner_list li.li7:hover span{background:url(../images/partners_img7-2.png) no-repeat center center}
.in_partner_list li.li8 span{background:url(../images/partners_img8-1.png) no-repeat center center}
.in_partner_list li.li8:hover span{background:url(../images/partners_img8-2.png) no-repeat center center}
.in_partner_list li.li9 span{background:url(../images/partners_img9-1.png) no-repeat center center}
.in_partner_list li.li9:hover span{background:url(../images/partners_img9-2.png) no-repeat center center}
.in_partner_list li.li10 span{background:url(../images/partners_img10-1.png) no-repeat center center}
.in_partner_list li.li10:hover span{background:url(../images/partners_img10-2.png) no-repeat center center}
.in_partner_list li.li11 span{background:url(../images/partners_img11-1.png) no-repeat center center}
.in_partner_list li.li11:hover span{background:url(../images/partners_img11-2.png) no-repeat center center}
.in_partner_list li.li12 span{background:url(../images/partners_img12-1.png) no-repeat center center}
.in_partner_list li.li12:hover span{background:url(../images/partners_img12-2.png) no-repeat center center}
.in_partner_list li.li13 span{background:url(../images/partners_img13-1.png) no-repeat center center}
.in_partner_list li.li13:hover span{background:url(../images/partners_img13-2.png) no-repeat center center}
.in_partner_list li.li14 span{background:url(../images/partners_img14-1.png) no-repeat center center}
.in_partner_list li.li14:hover span{background:url(../images/partners_img14-2.png) no-repeat center center}
.in_solution_c{padding-bottom:50px}
.in_solution_list ul{width:101.5%}
.in_solution_list li{float:left;width:23.5%;margin-right:1.5%}
.in_solution_list li .img{overflow:hidden}
.in_solution_list li .img a{position:relative;width:100%;height:100%;display:block}
.in_solution_list li .img img{width:100%}
.in_solution_list li .image{position:absolute;top:0;left:0;transition:transform .6s ease 0s}
.in_solution_list li:hover .image{transform:scale(1.08,1.08)}
.in_solution_list li .bottom{text-align:center;padding:7px 10% 30px;border:1px solid #eaeaea;border-top:none}
.in_solution_list li .title a{font-size:18px;color:#000;line-height:54px}
.in_solution_list li .btn a{display:inline-block;width:110px;height:32px;border:1px solid #eaeaea;font-size:14px;color:#999;line-height:32px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}
.in_solution_list li .btn a:hover{background:#333;color:#fff}
.in_viewpoint_c{padding-bottom:50px}
.in_viewpoint_list_l{width:66.3%}
.in_viewpoint_list_l li{border:1px solid #eaeaea;margin-bottom:1.5%}
.in_viewpoint_list_l li:last-of-type{margin-bottom:0}
.in_viewpoint_list_l li:hover{background:#eaeaea;border:1px solid #ccc}
.in_viewpoint_list_l .li_c{padding:1.5% 2.5% 1.5% 3%}
.in_viewpoint_list_l li .img{width:29%}
.in_viewpoint_list_l li img{width:100%}
.in_viewpoint_list_l .right{width:68%;padding-left:3%}
.in_viewpoint_list_l .title_c{line-height:40px}
.in_viewpoint_list_l .title a{font-size:18px;color:#333}
.in_viewpoint_list_l .date{font-size:16px;color:#6e6d6d;font-family:arial}
.in_viewpoint_list_l .des{font-size:14px;color:#797979;line-height:24px}
.in_viewpoint_list_l .more{padding-top:2%}
.in_viewpoint_list_l .more a{background:#fff;display:block;width:100px;height:30px;border:1px solid #dadada;text-align:center;line-height:30px}
.in_viewpoint_list_l .more i{font-size:30px;color:#b7b7b7}
.in_viewpoint_list_r{width:32%;margin-left:1.5%}
.in_viewpoint_list_r:hover .bottom{background:#eaeaea;border:1px solid #ccc;border-top:none}
.in_viewpoint_list_r img{width:100%}
.in_viewpoint_list_r .bottom{border:1px solid #eaeaea;border-top:none;padding:5% 5% 10%}
.in_viewpoint_list_r .title a{font-size:18px;color:#333;line-height:48px}
.in_viewpoint_list_r .date{font-size:16px;color:#6e6d6d;line-height:42px}
.in_viewpoint_list_r .des{font-size:14px;color:#797979;line-height:24px;padding:3% 0 0;max-height:72px}
.in_viewpoint_list_r .more{padding-top:8%}
.in_viewpoint_list_r .more a{background:#fff;display:block;width:100px;height:30px;border:1px solid #dadada;text-align:center;line-height:30px}
.in_viewpoint_list_r .more i{font-size:30px;color:#b7b7b7}
.in_contact_c{padding-top:30px;padding-bottom:30px}
.in_contact_left .title{font-size:24px;color:#000;line-height:64px}
.in_contact_left li{font-size:14px;color:#7a7a7a;line-height:36px}
.in_contact_right{width:170px;border:1px solid #f2f2f2;text-align:center;padding:24px 0 7px}
.in_contact_right img{width:120px}
.in_contact_right .text{font-size:12px;color:#7a7a7a;line-height:34px}
.youlian{width:95%;margin:0 auto;min-width:1200px;font-size:14px;color:#7a7a7a;padding-bottom:5px}
.youlian a{font-size:14px;color:#7a7a7a;padding-right:5px;line-height:22px}
.footer{background:#f6f6f6}
.footer_c{line-height:114px}
.footer .nav li{float:left;padding-right:45px}
.footer .nav li a{font-size:12px;color:#7a7a7a}
.footer .copyright{font-size:12px;color:#7a7a7a}
.footer .copyright a{font-size:12px;color:#7a7a7a}
.page_title{text-align:center;padding:45px 0 35px}
.page_title .p1{font-size:26px;color:#333;line-height:50px}
.page_title .p2{font-size:16px;color:#575757;line-height:26px;padding:7px 0}
.app_service_list li{float:left;position:relative;width:32%;height:390px;overflow:hidden;text-align:center;color:#fff;margin-right:2%}
.app_service_list .li3{margin-right:0}
.app_service_list .li_c{padding:40px 0 70px;position:relative;z-index:1}
.app_service_list i{font-size:60px;line-height:130px}
.app_service_list .title{font-size:22px;line-height:46px}
.app_service_list .des{font-size:14px;line-height:26px;min-height:104px}
.app_service_list .li1{background:url(../images/app_service_img1.jpg) no-repeat center center}
.app_service_list .li2{background:url(../images/app_service_img2.jpg) no-repeat center center}
.app_service_list .li3{background:url(../images/app_service_img3.jpg) no-repeat center center}
.app_service_list .mask{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;background:rgba(25,136,216,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#991988d8, endColorstr=#991988d8);display:none}
.app_advantage_list{padding-top:46px}
.app_advantage_list li{width:24.9%;text-align:center;position:relative;padding:60px 0 50px;z-index:1;top:0;transition:all .5s;border-right:1px solid #ddd}
.app_advantage_list .li4{border:none}
.app_advantage_list .icon{position:absolute;width:100%;top:-46px;left:0}
.app_advantage_list i{display:inline-block;width:86px;height:86px;line-height:86px;border-radius:50%;border:5px solid #fff;box-shadow:0 5px 8px #bbb;font-size:50px;color:#fff}
.app_advantage_list .li1 i{background:#1988d8;line-height:88px}
.app_advantage_list .li2 i{background:#ec870f}
.app_advantage_list .li3 i{background:#2ba76e}
.app_advantage_list .li4 i{background:#ee504d}
.app_advantage_list .title_cn{font-size:16px;font-weight:700;color:#333;line-height:34px}
.app_advantage_list .title_en{font-size:12px;color:#666;line-height:28px}
.app_advantage_list .des{font-size:14px;color:#666;line-height:30px}
.app_advantage_list .line{padding-bottom:5px}
.app_advantage_list .line span{display:inline-block;width:80px;height:2px;line-height:2px}
.app_advantage_list .li1 .line span{background:#1988d8}
.app_advantage_list .li2 .line span{background:#ec870f}
.app_advantage_list .li3 .line span{background:#2ba76e}
.app_advantage_list .li4 .line span{background:#ee504d}
.app_advantage_list li:hover{box-shadow:0 10px 15px #bbb;z-index:2;top:-5px;border-right:1px solid #fff}
.app_flow_c{padding-bottom:50px}
.app_flow_list li{float:left;text-align:center}
.app_flow_list .top_c{width:134px;height:134px;display:inline-block;position:relative}
.app_flow_list .top_c span{display:inline-block;width:101px;height:101px;line-height:101px;position:absolute;top:17px;left:17px;font-size:26px;color:#333;border-radius:50%;background:rgba(255,255,255,.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff, endColorstr=#E5ffffff);transition:all .5s}
.app_flow_list .bottom{font-size:14px;color:#666;line-height:22px;padding:15px 3px}
.app_flow_list .li_a{width:13.7%}
.app_flow_list .li_b{width:3.5%}
.app_flow_list .li_b img{margin-top:68px}
.app_flow_list .li_a:hover span{background:#4a91e3;color:#fff}
.web_advantage_list li{float:left;width:23.5%;margin-right:2%;text-align:center;position:relative}
.web_advantage_list .li4{margin-right:0}
.web_advantage_list img{width:100%}
.web_advantage_list .mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:rgba(25,136,216,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#991988d8, endColorstr=#991988d8);display:none}
.web_advantage_list .li_c{position:absolute;top:0;left:0;width:100%;padding-top:45%;color:#fff}
.web_advantage_list .icon i{font-size:60px}
.web_advantage_list .line{padding:4% 0}
.web_advantage_list .line span{display:inline-block;width:24px;height:2px;background:#fff}
.web_advantage_list .title{font-size:20px;line-height:50px}
.web_advantage_list .des{font-size:14px;line-height:24px;display:none;padding:0 10%}
.web_service_list{padding-bottom:32px}
.web_service_list ul{width:102%}
.web_service_list li{background:#f2f1f1;float:left;width:48%;margin-right:2%;margin-bottom:28px}
.web_service_list .li_c{padding:20px 1% 20px 0}
.web_service_list .icon{width:12%;text-align:center;line-height:54px;height:54px;overflow:hidden}
.web_service_list .icon i{font-size:34px}
.web_service_list .right{width:84%;padding-left:3%;border-left:1px solid #ddd}
.web_service_list .p1{font-size:16px;color:#333;font-weight:700;line-height:28px}
.web_service_list .p2{font-size:14px;color:#666;line-height:26px}
.web_flow_list{padding-bottom:60px}
.web_flow_list li{float:left;text-align:center}
.web_flow_list .li_a{width:18%;background:#f9f9f9;box-shadow:0 3px 8px #bbb}
.web_flow_list .li_b{width:9.3333%;line-height:330px}
.web_flow_list .li_b i{font-size:36px;color:#888}
.web_flow_list .title{font-size:18px;color:#fff;background:#9f9e9d;line-height:50px}
.web_flow_list .icon i{display:inline-block;width:56px;height:56px;border-radius:50%;border:2px solid #666;text-align:center;color:#666;line-height:56px;font-size:30px}
.web_flow_list .name{line-height:58px;font-size:16px;color:#666}
.web_flow_list .name span{padding-left:15px}
.web_flow_list .list_w{padding:15px 0}
.web_flow_list .list_c{display:inline-block;margin:10px 0}
.caseList ul{width:101.5%}
.caseList li{float:left;width:31.8%;overflow:hidden;position:relative;text-align:center;margin-right:1.5%;margin-bottom:20px}
.caseList li .img img{width:100%}
.caseList li .mask{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000);display:none}
.caseList li .title{font-size:20px;font-weight:700;color:#fff;line-height:40px;width:100%;position:absolute;bottom:-40px;left:0;opacity:0;filter:alpha(opacity=0)}
.caseList li .des{width:100%;position:absolute;bottom:-40px;left:0;opacity:0;filter:alpha(opacity=0);font-size:14px;color:#fff;line-height:40px}
.wechat_introduce_con{text-align:center;padding-bottom:30px}
.wechat_service_list{padding-bottom:20px}
.wechat_service_list ul{width:103%}
.wechat_service_list li{float:left;width:13.48%;margin-right:3%;margin-bottom:30px;text-align:center;padding:15px 0 20px;border:1px solid #e7e7e7;transition:all .3s}
.wechat_service_list .icon{line-height:60px;height:60px;overflow:hidden}
.wechat_service_list i{font-size:40px;color:#999}
.wechat_service_list .title{font-size:16px;color:#333}
.wechat_service_list li:hover{background:#2fa5e8;border:1px solid #2fa5e8}
.wechat_service_list li:hover i{color:#fff}
.wechat_service_list li:hover .title{color:#fff}
.wechat_function_list{padding-bottom:40px}
.wechat_function_list li{float:left;width:24.93%;text-align:center;min-height:250px;border-right:1px solid #eee}
.wechat_function_list .li4{border:none}
.wechat_function_list li .title{font-size:16px;color:#333;line-height:38px;padding-top:4px}
.wechat_function_list li .des{font-size:14px;color:#666;line-height:22px}
.wechat_function_list img{position:relative;border-radius:10px;overflow:hidden}
.wechat_function_list li:hover img{box-shadow:0 5px 8px #bbb;top:-3px}
.miniApps_introduce_con{padding-bottom:40px}
.miniApps_introduce_con .left{width:40%;margin-left:4%}
.miniApps_introduce_con .left img{width:100%}
.miniApps_introduce_con .right{width:50%;margin-left:5%}
.miniApps_introduce_con .right img{float:left;margin-right:2%;width:31%}
.miniApps_introduce_con .right .text{font-size:16px;color:#575757;line-height:32px;padding-top:30px}
.miniApps_advantage_list{padding-bottom:50px}
.miniApps_advantage_list li{float:left;width:24%;margin-right:1.3%;box-shadow:0 3px 5px #ddd}
.miniApps_advantage_list .li4{margin-right:0}
.miniApps_advantage_list img{width:100%}
.miniApps_advantage_list .text{font-size:16px;color:#333;line-height:24px;padding:15px 10%;border:1px solid #f9f9f9}
.miniApps_solution_list{padding:0 5% 32px}
.miniApps_solution_list li{float:left;width:18%;margin:0 1% 18px;text-align:center;position:relative}
.miniApps_solution_list .li_c{border:1px solid #ededed;padding:25px 0 20px}
.miniApps_solution_list i{font-size:50px;color:#3b8ae9;background-image:-webkit-gradient(linear,0 0,0 bottom,from(#3058a5),to(#3b8ae9));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.miniApps_solution_list .title{font-size:16px;color:#333;line-height:36px}
.miniApps_solution_list li:hover{box-shadow:0 3px 5px #ddd;top:-3px}
.news_list_title{padding-top:20px}
.news_list_title .title{padding:11px 0}
.news_list_title .title .p1{font-size:26px;line-height:46px}
.news_list_title .title .p2{font-size:14px;line-height:32px;color:#8c8c8c}
.news_list_title .menu{line-height:120px}
.news_list_title .menu li{float:left;margin-left:20px}
.news_list_title .menu li a{font-size:14px;color:#666;display:inline-block;padding:0 20px;height:40px;line-height:40px;text-align:center;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.news_list_title .menu li.current a,.news_list_title .menu li a.current{background:#333;color:#fff}
.news_list_title .menu li a:hover{background:#333;color:#fff}
.newsList ul{width:102%}
.newsList li{float:left;width:31.1%;margin-right:2%;margin-bottom:30px}
.newsList li a{display:block;position:relative;transition:all .5s}
.newsList li .img img{width:100%}
.newsList li .bottom{padding:5px 5% 15px;background:#f3f0ed}
.newsList li .title{font-size:15px;color:#333;line-height:40px;font-weight:700}
.newsList li .date{font-size:14px;color:#888;line-height:30px}
.newsList li .des{font-size:14px;color:#666;line-height:24px;padding-top:5px;min-height:72px;max-height:72px}
.newsList li:hover a{box-shadow:0 0 15px #ccc}
.newsList_pages{text-align:center;padding:30px 0 60px}
.newsList_pages li{display:inline-block;list-style-type:none;overflow:hidden}
.newsList_pages a{display:inline-block;height:28px;line-height:28px;padding:0 13px;margin:0 3px;border:1px solid #ccc;background:#fff}
.newsList_pages  a.page-num-current{display:inline-block;height:28px;line-height:28px;padding:0 13px;margin:0 2px;border:1px solid #333;background:#333;color:#fff}
.newsDetail_top{border-bottom:1px solid #dcdcdc}
.newsDetail_top .title{font-size:24px;color:#000;line-height:42px}
.newsDetail_top .date{font-size:15px;color:#999;line-height:30px}
.newsDetail_top .left{padding:39px 0 39px}
.newsDetail_top .right{line-height:150px}
.newsDetail_top .right a{font-size:16px}
.newsDetail_con{padding:30px 0;font-size:14px;line-height:26px!important}
.newsDetail_con div,.newsDetail_con p{font-size:14px;color:#333;margin-bottom:16px;line-height:26px}
.newsDetail_con img{max-width:99%;max-height:99%;display:block;margin:0 auto;text-align:center;overflow:hidden}
.newsDetail_prevnext{line-height:80px;border-top:1px solid #eaeaea;font-size:14px}
.newsDetail_prevnext a{font-size:14px}
.caseDetail_banner_mask{position:absolute;top:0;left:0;width:100%;height:720px}
.caseDetail_banner_mask .title{padding-top:222px;font-size:48px;color:#fff;line-height:80px;letter-spacing:2px}
.caseDetail_banner_mask .des{font-size:18px;color:#fff;line-height:54px}
.caseDetail_banner_mask .btn{padding-top:20px}
.caseDetail_banner_mask .btn a{display:inline-block;width:200px;height:46px;line-height:46px;font-size:18px;color:#333;border:1px solid #fff;border-radius:5px;background:#fff;text-align:center}
.caseDetail_banner_mask .btn a:hover{color:#fff;background:0 0}
.caseDetail_top{padding-top:38px;padding-bottom:38px}
.caseDetail_top .left{width:66%;border-right:1px solid #c2c2c2;padding-right:6%}
.caseDetail_top .logo{width:25%;text-align:center}
.caseDetail_top .img{vertical-align:middle;display:table-cell}
.caseDetail_top .logo img{vertical-align:middle}
.caseDetail_top .title{font-size:24px;color:#000;line-height:54px}
.caseDetail_top .name{font-size:18px;color:#000;line-height:54px}
.caseDetail_top .des{font-size:14px;color:#999;line-height:24px}
.caseDetail_top .line span{display:block;width:20px;height:3px;background:#000}
.caseDetail_con{padding-top:30px;padding-bottom:0}
.caseDetail_con img{width:100%}
.page_contact .map{padding-top:50px;padding-bottom:50px}
.page_contact .top{border-bottom:1px solid #eaeaea}
.page_contact .top li{float:left;width:25%;height:200px}
.page_contact .top .li_c{border-right:1px solid #eaeaea;height:175px;padding:25px 10% 0}
.page_contact .top .title{font-size:14px;color:#999;line-height:60px}
.page_contact .top .address .add{font-size:16px;color:#000;line-height:28px}
.page_contact .top .contact .tel{font-size:16px;color:#000;line-height:28px}
.page_contact .top .kefu{text-align:center}
.page_contact .top .kefu .qq_w{display:inline-block}
.page_contact .top .kefu .qq{padding:0 15px}
.page_contact .top .kefu .qq .h{text-align:left;font-size:16px;color:#000;padding-bottom:10px}
.page_contact .top .kefu .qq .b a{display:inline-block;padding-left:23px;background:url(../images/qq.png) no-repeat left center;line-height:23px;color:#000}
.page_contact .top .weixin .li_c{border:none}
.page_contact .top .weixin .h{font-size:14px;color:#999;line-height:60px;text-align:center}
.page_contact .top .weixin{text-align:center}
.page_contact .top .weixin .weixin_w{display:inline-block}
.page_contact .top .weixin .code{padding:0 15px}
.page_contact .top .weixin .code img{ max-width:80px;}
.about_history_left{width:50%;height:480px}
.about_history_left_c{padding:84px 8% 0 5%}
.about_history_left .title1{font-size:30px;color:#000;line-height:70px}
.about_history_left .title2{font-size:22px;color:#333;line-height:66px}
.about_history_left .des{font-size:14px;color:#666;line-height:26px;}
.about_history_left .des p{padding-bottom:26px}
.about_history_right{background:#f8f8f8;width:50%;height:480px;text-align:center}
.about_history_right ul{display:inline-block;padding-top:165px}
.about_history_right li{float:left;padding:0 20px}
.about_history_right .icon i{font-size:60px;color:#666}
.about_history_right .title{font-size:14px;color:#333;line-height:70px}
.about_data_c{background:url(../images/about_img.jpg) center center;background-attachment:fixed;padding-top:55px;padding-bottom:55px;text-align:center}
.about_data_c .title{font-size:26px;color:#fff;line-height:88px}
.about_data_c .des{font-size:14px;color:#fff;line-height:30px}
.about_data_c ul{display:inline-block;padding-top:40px}
.about_data_c li{float:left;margin:0 50px}
.about_data_c li .num{font-size:36px;color:#fff;line-height:46px}
.about_data_c li .name{font-size:18px;color:#fff;line-height:30px}
.about_idea_title{padding:30px 0 10px}
.about_idea_title>div{padding-right:55px;background:url(../images/about_idea_title.png) no-repeat right 10px}
.about_idea_title .p1{font-size:30px;color:#333;line-height:34px}
.about_idea_title .p2{font-size:16px;color:#999;line-height:26px}
.about_idea_list{padding:0 0 40px}
.about_idea_list li{padding-bottom:20px}
.about_idea_list .img{width:55%}
.about_idea_list img{width:100%}
.about_idea_list .text{width:42%;padding-left:3%;padding-top:2%}
.about_idea_list .text2{padding-left:0!important;padding-right:3%}
.about_idea_list .num{font-size:80px;color:#CCC;line-height:120px;font-family:arial;letter-spacing:-2px;font-style:italic}
.about_idea_list .title{font-size:26px;color:#333;line-height:50px}
.about_idea_list .title span{font-size:14px;color:#333;padding-left:10px}
.about_idea_list .des{font-size:14px;color:#666;line-height:26px}
.miniAppsList{height:730px;position:relative}
.miniAppsList-swiper{height:730px}
.miniAppsList .swiper-slide{width:100%;overflow:hidden;text-align:center}
.miniAppsList .swiper-slide .img{padding:15px}
.miniAppsList .swiper-slide img{width:100%}
.miniAppsList .swiper-slide .name{font-size:14px;color:#333;line-height:30px}
.miniAppsList .swiper-pagination{width:100%;position:absolute;left:0;bottom:40px;z-index:9;text-align:center}
.miniAppsList .swiper-pagination-switch{display:inline-block;width:10px;height:10px;line-height:0;font-size:0;background:#ccc;margin:6px 6px;border-radius:50%;cursor:pointer}
.miniAppsList .swiper-active-switch{background:#333;opacity:1}
@media (min-width:1400px) and (max-width:1500px){.miniAppsList{height:730px}
.miniAppsList-swiper{height:730px}
}
@media (min-width:1200px) and (max-width:1399px){.miniAppsList{height:620px}
.miniAppsList-swiper{height:620px}
}
@media (min-width:0px) and (max-width:1199px){.miniAppsList{height:600px}
.miniAppsList-swiper{height:600px}
}
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-nodeboard-top{background:#333!important}
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-nodeboard-send-btn{background:#fff!important;color:#333!important;height:32px!important;line-height:32px!important}
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base{background:#333!important}
#newBridge #nbwlStatusBar{background:#333!important}
#newBridge .nb-webim-light-toolbar-send{background:#333!important}
#newBridge #nbWebImLightContainer{border:1px solid #333!important}
.hm-t-header{background:#333!important}
.page_join .top{padding-top:30px;padding-bottom:30px;border-bottom:1px solid #eaeaea}
.page_join .top .text{font-size:14px;color:#666;line-height:24px}
.page_join .top .contact{font-size:14px;color:#333;line-height:24px;padding-top:25px}
.page_join .list li{float:left;width:50%}
.page_join .list li .li_c{border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;padding:40px 8%}
.page_join .list li:nth-of-type(2n) .li_c{border-right:none}
.page_join .list .title{font-size:22px;color:#333;line-height:60px}
.page_join .list .des{font-size:14px;color:#999;line-height:24px}
.page_join .list .img{padding-top:20px}
.page_join .list li:hover{background:#f7f7f7}
.page_joinDetail .top .left{width:40%;padding-top:35px}
.page_joinDetail .top .title{font-size:22px;color:#333;line-height:60px}
.page_joinDetail .top .des{font-size:14px;color:#999;line-height:24px}
.page_joinDetail .top .img{padding:66px 0}
.page_joinDetail .content{border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;padding-top:30px;padding-bottom:30px}
.page_joinDetail .bottom{padding-top:30px;padding-bottom:30px}
.page_joinDetail .bottom .text{font-size:14px;color:#666;line-height:24px}
.page_joinDetail .bottom .contact{font-size:14px;color:#333;line-height:24px;padding-top:25px}
.hlw .top_t{height:40px;line-height:40px;font-size:16px}
.hlw{padding:100px 15px 0;background-color:#fff}
.hlw_list{padding-top:5px}
.hlw_list li{float:left;padding-right:10px}
.hlw_item{margin:20px 0}
.hlw_list .on a{color:#f60;font-weight:700}
.hlw_li li{width:20%;height:140px;overflow:hidden;line-height:2em;margin:30px;float:left}
.in_price{padding:1rem 1rem 1rem 1rem}
.in_price .title h3{font-size:20px;padding-bottom:10px}
.in_price .page_form input{width:86%;background:#F4F4F4;margin-bottom:1rem;color:#6e6e6e;font-size:14px;padding:1rem 1rem;border:1px solid #fff}
.in_price .page_form input:focus{border:1px solid #fff}
.in_price .page_form .submit input{width:100%;background:#040404;text-align:center;color:#fff;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:2px solid #040404;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.in_price .page_form .submit input:hover{background:#fff;color:#040404}
.in_price .page_form i{color:#8f8f8f;font-size:12px}
.am-cf:after,.am-cf:before{content:" ";display:table}
.am-cf:after{clear:both}
@media only screen and (min-width:641px){.in_price{padding:4rem 0 3rem 3rem}
.in_price .page_form .text1,.in_price .page_form .text2{width:50%;float:left;padding-right:3rem}
.in_price .page_form .text3{width:70%;float:left;padding-right:3rem}
.in_price .page_form .submit{width:30%;float:left;padding-right:3rem}
}
@media only screen and (min-width:1200px){.in_price{padding:4rem 0 4rem 4rem}
.in_price .title h3{margin:0;padding:0;display:block;font-size:28px;font-weight:400;padding-bottom:30px}
.in_price .page_form form{margin-bottom:20px}
.in_price .page_form .text1,.in_price .page_form .text2{width:25%;padding-right:1rem}
.in_price .page_form .text3{width:35%;padding-right:1rem}
.in_price .page_form .submit{width:15%;padding-right:4rem}
}
@media only screen and (min-width:1400px){.in_price{padding:2rem 0 0rem 0rem}
.in_price .page_form .text1,.in_price .page_form .text2{width:16%;padding-right:1rem}
.in_price .page_form .text3{width:30%;padding-right:1rem}
.in_price .page_form .submit{width:20%;padding-right:8rem}
}
/* AB模板网新增分页样式 www.admibnuy.cn */
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

#ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}
#ab_img p{text-wrap: inherit !important;}
#ab_img p span{text-wrap: inherit !important;}