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}
img-baidu{-ms-interpolation-mode:bicubic;vertical-align:top;width:50px;}
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}
.mar1800{width:97.8%;margin:0 auto;min-width:1200px}
.bgGray{background:#eee}
.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:#0d0bd4}
::-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:1;filter:alpha(opacity=1)}
.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:25px 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 16px;position:inherit;}
.header .nav li:hover .new_child_navbox{display:block;}
.header .nav li .topmenu{font-size:14px;color:#fff;font-weight:900;}
.header .nav li.current a,.header .nav li a:hover{color:#f12626;}
.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 10px}
}
@media (min-width:0px) and (max-width:1399px){.header .nav li{padding:0 10px}
}
.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}
.in_title .more a.sonmenu{padding:0px 18px;border-right:1px solid #eeeeee;}
.in_title .more a.sonmenu:hover{color:#2a6cf4;}
.in_title .more a.on{color:#2a6cf4;}
.in_title .more a.sonmenu:last-child{border-right:0px solid #eeeeee;padding-right:0px;}
.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:60px;color:#fff;line-height:180px}
.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:#ff0000}
.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:#00b31e}
.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 .left{width:50%}
.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:#0089ff}
.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:0px 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:#2a6cf4;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 li:hover .title a{color:#fff}
.in_viewpoint_list_l .date{font-size:16px;color:#6e6d6d;font-family:arial}
.in_viewpoint_list_l li:hover .date{color:#fff;}
.in_viewpoint_list_l .des{font-size:14px;color:#797979;line-height:24px}
.in_viewpoint_list_l li:hover .des{color:#fff;}
.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:#2a6cf4;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:hover .title a,.in_viewpoint_list_r:hover .date{color:#fff}
.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;height:100px;}
.miniApps_advantage_list .text01{font-size:16px;height:100px;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 .date span{float:right;}
.newsDetail_top .left{padding:39px 0 39px;width:100%;}
.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:34%;text-align:center}
.caseDetail_top .img{vertical-align:middle;display:inline-block;margin:0 auto;text-align:center;}
.caseDetail_top .img img{width:auto;height:100%;max-width:100%;}
.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:48px;color:#000;line-height:70px}
.about_history_left .title2{font-size:22px;color:#333;line-height:66px}
.about_history_left .baiketitle{font-size:48px;color:#cb0e0e;line-height:70px}
.about_history_left .des{font-size:14px;color:#666;line-height:26px;padding-top:35px}
.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}
}
.in_service_w{height:auto;overflow:hidden;}
.news_detail_w{height:auto;overflow:hidden;}
.news_detail{width:79%;min-width:1200px;margin:0 auto;height:auto;overflow:hidden;}
.news_detail .news_detail_left{width:calc(100% - 290px);float:left;}
.news_detail .news_detail_right{width:270px;float:right;}
.news_detail_right .qrcode-wrapper {
margin-bottom: 10px;
padding: 32px 0 38px;
background-color: #fff;
font-size: 16px;
line-height: 26px;
text-align: center;
color: #666;border-bottom:15px solid #eeeeee;
}
.news_detail_right .qrcode-wrapper img {
vertical-align: middle;
}
.news_detail_right .qrcode-wrapper .label {
padding: 10px 0 7px;
}
.news_detail_right .page-ctrl {
padding: 22px 26px 19px 18px;
background-color: #fff;
}
.news_detail_right .page-ctrl .item {
margin-bottom: 25px;
}
.news_detail_right .page-ctrl .next {
background-image: url("../images/newsnext.png");
}
.news_detail_right .page-ctrl .label {
position: relative;
margin-bottom: 12px;
padding-left: 29px;
background-position: 0 center;
background-repeat: no-repeat;
font-size: 18px;
line-height: 30px;
color: #333;
}
.news_detail_right .page-ctrl a {
display: block;
font-size: 16px;
line-height: 24px;
color: #666666;
max-height: 72px;
line-height: 24px;
display: -webkit-box;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
/*首页关于我们*/
*,:after,:before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat;}
.commonweb {padding:50px 10px;width:79%;}
.commonwebbox {margin-left:0px;margin-right:0px;padding:0px 2.5% 50px 2.5%;}
.commonleft {float:none;}
.commonright {float:none;}
.visible-sm,.visible-md,.visible-lg {display:none;}
.hidden-sm,.hidden-md,.hidden-lg {display:block;}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {float:left;padding-left:10px;padding-right:10px;}
.col-xs-12 {width:100%;}
.col-xs-11 {width:91.66666667%;}
.col-xs-10 {width:83.33333333%;}
.col-xs-9 {width:75%;}
.col-xs-8 {width:66.66666667%;}
.col-xs-7 {width:58.33333333%;}
.col-xs-6 {width:50%;}
.col-xs-5 {width:41.66666667%;}
.col-xs-4 {width:33.33333333%;}
.col-xs-3 {width:25%;}
.col-xs-2 {width:16.66666667%;}
.col-xs-1 {width:8.33333333%;}
@media (min-width:768px) {.commonweb {padding:0px 20px;}
.commonwebbox {margin-left:-10px;margin-right:-10px;}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {float:left;padding-left:10px;padding-right:10px;}
.col-sm-12 {width:100%;}
.col-sm-11 {width:91.66666667%;}
.col-sm-10 {width:83.33333333%;}
.col-sm-9 {width:75%;}
.col-sm-8 {width:66.66666667%;}
.col-sm-7 {width:58.33333333%;}
.col-sm-6 {width:50%;}
.col-sm-5 {width:41.66666667%;}
.col-sm-4 {width:33.33333333%;}
.col-sm-3 {width:25%;}
.col-sm-2 {width:16.66666667%;}
.col-sm-1 {width:8.33333333%;}
.visible-sm {display:block;}
.hidden-sm {display:none;}
.commonweb {margin:0px auto;}
}
@media (min-width:992px) {.commonweb {padding:0px 10px;}
.commonwebbox {margin-left:-10px;margin-right:-10px;}
.commonleft {float:left;}
.commonright {float:right;}
.visible-md {display:block;}
.hidden-md {display:none;}
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {float:left;padding-left:10px;padding-right:10px;}
.col-md-12 {width:100%;}
.col-md-11 {width:91.66666667%;}
.col-md-10 {width:83.33333333%;}
.col-md-9 {width:75%;}
.col-md-8 {width:66.66666667%;}
.col-md-7 {width:58.33333333%;}
.col-md-6 {width:50%;}
.col-md-5 {width:41.66666667%;}
.col-md-4 {width:33.33333333%;}
.col-md-3 {width:25%;}
.col-md-2 {width:16.66666667%;}
.col-md-1 {width:8.33333333%;}
.commonweb {margin:0px auto;background:#fff;min-width:1200px;}
}
@media (min-width:1260px) {html {cursor:default;}
.commonleft {float:left;}
.commonright {float:right;}
.visible-lg {display:block;}
.hidden-lg {display:none;}
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {float:left;padding-left:10px;padding-right:10px;}
.col-lg-12 {width:100%;}
.col-lg-11 {width:91.66666667%;}
.col-lg-10 {width:83.33333333%;}
.col-lg-9 {width:75%;}
.col-lg-8 {width:calc(66.66666667% - 20px);}
.col-lg-7 {width:58.33333333%;}
.col-lg-6 {width:50%;}
.col-lg-5 {width:41.66666667%;}
.col-lg-4 {width:33.33333333%;}
.col-lg-3 {width:25%;}
.col-lg-2 {width:16.66666667%;}
.col-lg-1 {width:8.33333333%;}
}
.new_index_Aboutbox {overflow:hidden;background:#eee;padding-top:15px;}
.new_index_About svg {height:65px;width:100%;}
.new_index_About text {font-size:24px;font-weight:900;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.new_index_About text.Stroke {fill:#fff;stroke:#939393;}
.new_index_About text.red {fill:#f9253b;}
.new_index_About h3 {font-size:18px;color:#4c4f55;}
.new_index_About .desc1 {color:#6a6d73;font-size:20px;padding-top:15px;}
.new_index_About .desc2 {color:#a6a7ab;font-size:14px;padding-top:15px;line-height:24px;}
.new_index_About .desc3 {font-size:16px;color:#6a6d73;padding-top:15px;}
.new_index_About dl dt {padding-top:30px;}
.new_index_About dl dd {padding-top:0px;}
.new_index_triangleBox {max-width:240px;position:relative;margin:220px auto 0px;}
.new_index_triangleBox:after {position:absolute;background:url(../images/new_about05.png);background-size:cover;content:'';-webkit-transition:all 1s .5s ease;-o-transition:all 1s .5s ease;transition:all 1s .5s ease;display:block;width:130%;height:130%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);-o-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);}
.new_index_triangleBox:before {position:absolute;background:url(../images/new_about04.png);background-size:cover;content:'';-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;display:block;width:170%;height:170%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);-o-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);}
.new_index_triangleImg {position:relative;z-index:99;}
.new_index_triangleImg img {width:100%;display:block;}
.new_index_trianglebg1 {position:absolute;right:0px;top:0px;bottom:0px;left:0px;background:url(../images/new_about01.png);background-size:cover;-webkit-animation:triSpin 80s infinite;-o-animation:triSpin 80s infinite;animation:triSpin 80s infinite;}
.new_index_trianglebg2 {position:absolute;right:0px;top:0px;bottom:0px;left:0px;background:url(../images/new_about02.png);background-size:cover;-webkit-animation:triSpin2 90s infinite;-o-animation:triSpin2 90s infinite;animation:triSpin2 90s infinite;}
.new_index_triangleText {position:absolute;left:0px;top:0px;width:100%;height:100%;}
.new_index_triangleText span {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);-o-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);opacity:0;font-weight:700;font-size:16px;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;color:#6d6d6d;text-transform:uppercase;}
.new_index_scaleTriangle:after {-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);-o-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);}
.new_index_scaleTriangle:before {-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);-o-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);}
.new_index_scaleTriangle div.new_index_triangleText span:nth-child(1) {left:-30%;top:30%;-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);-o-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1);-webkit-animation:balloon1 10s ease-in-out infinite;-o-animation:balloon1 10s ease-in-out infinite;animation:balloon1 10s ease-in-out infinite;opacity:1;}
.new_index_scaleTriangle div.new_index_triangleText span:nth-child(2) {left:80%;top:5%;-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);-o-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1);-webkit-animation:balloon2 10s ease-in-out infinite;-o-animation:balloon2 10s ease-in-out infinite;animation:balloon2 10s ease-in-out infinite;opacity:1;}
.new_index_scaleTriangle div.new_index_triangleText span:nth-child(3) {left:101%;top:53%;-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);-o-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1);-webkit-animation:balloon3 10s ease-in-out infinite;-o-animation:balloon3 10s ease-in-out infinite;animation:balloon3 10s ease-in-out infinite;opacity:1;}
.new_index_About_fourCol {padding-top:20px;}
.new_index_About_fourCol h3 {border-bottom:1px solid #f5f5f5;font-size:16px;font-weight:700;color:#4c4f55;padding:20px 0px 15px;position:relative;}
.new_index_About_fourCol h3:after {bottom:0px;height:1px;background:#f9253b;left:0px;width:0px;overflow:hidden;display:block;content:'';position:absolute;-webkit-transition:all 1.2s ease;-o-transition:all 1.2s ease;transition:all 1.2s ease;}
.new_index_About_fourCol p {padding-top:15px;}
.new_index_About_fourCol p a {display:block;font-size:14px;color:#6a6d73;line-height:30px;}
.new_index_About_fourCol span {display:block;width:28px;height:28px;background:#eaeaeb;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.new_index_About_fourCol img {width:35px;height:35px;display:block;}
.new_index_About_fourCol li {padding-top:30px;}
.new_index_About_fourCol li:hover span {background:#f9253b;}
.new_index_About_fourCol li:hover h3 {color:#f9253b;}
.new_index_About_fourCol li:hover h3:after {width:100%;}
.new_index_About_fourCol p a:hover {color:#f9253b;}
.web-list{margin-top:25px;}
.web-list li{ margin-top: 35px; float: left; width: 30.2%; margin-right:4.7%;}
.web-list li:nth-child(3n){ margin-right:0;}
.web-list li:nth-child(3n+1){ clear: both; }
.web-list li .intro{ padding: 20px 25px 0; border: 1px solid #f5f5f5;}
.web-list li .intro span{ display: block; font-size: 20px; color: #333333;}
.web-list li .intro p{ margin: 12px 0 20px; font-size: 15px; color: #999999;}
.web-list li .intro div{ border-top: 1px solid #e0e0e0; line-height: 42px; position: relative;}
.web-list li .intro div i{ font-style:normal; font-size: 13px;}
.web-list li .intro div em{ position: absolute; right:0; top:50%; margin-top: -6px; width: 21px; height: 12px; background: url(../images/ico_more.png) right no-repeat;}
.web-list li:hover .intro{ border: 1px solid #dfeef9; color: #288fd4;}
.web-list li:hover .intro span{ color: #288fd4;}
.web-list li:hover .intro p{ color: #288fd4;}
.web-list li:hover .intro div{ border-top: 1px solid #beddf2;}
.web-list li:hover .intro div em{ transform: translateX(-20px); -webkit-transform: translateX(-20px); background: url(../images/ico_moreh.png) right no-repeat;}
.web-list li:nth-child(3n-2){ -webkit-transition-delay: 0.3s; transition-delay: 0.3s;}
.web-list li:nth-child(3n-1){ -webkit-transition-delay: 0.6s; transition-delay: 0.6s;}
.web-list li:nth-child(3n){ -webkit-transition-delay:0.9s; transition-delay:0.9s;}
.market-logo{ padding: 50px 0px; margin: 0 -10px;}
.market-logo li{ float: left; width: 20%; padding: 10px;text-align:center;}
.market-logo li a{ display: block; padding: 10px 5px; -webkit-box-shadow:0 0 20px rgba(206,206,206,.3); box-shadow:0 0 20px rgba(206,206,206,.3);}
.market-logo li a img{ transition: all ease .4s; -webkit-transition: all ease .4s;}
.market-logo li a:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.market-list li{ margin-top:60px; float: left; width: 48%; margin-right:4%;}
.market-list li:nth-child(2n){ margin-right: 0;}
.market-list li a{ position: relative; display: block; box-shadow:0 0 20px rgba(206,206,206,.3); -webkit-box-shadow:0 0 20px rgba(206,206,206,.3); }
.market-list li a:before{ content: ""; position: absolute; bottom: 0; left:0; width: 0; height: 2px; background: #288fd4; transition: ease all .6s; -webkit-transition: ease all .6s;}
.market-list li .img{ float:left; padding: 55px 0; border-right: 1px solid #e5e5e5;width:170px;text-align:center;}
.market-list li .img img{width:150px;height:90px;}
.market-list li .intro{ margin-left: 171px; padding: 25px 25px 0;}
.market-list li .intro>span{ padding-bottom: 13px; display: block; font-size: 20px; color: #333333; position: relative;}
.market-list li .intro>span:after{ content:""; position: absolute; bottom:0; left:0; width: 30px; height: 1px; background:#333333;}
.market-list li .intro p{ margin: 12px 0 18px; line-height: 28px; height: 56px; color: #999999; overflow: hidden;}
.market-list li .intro div{ line-height:40px; position: relative;}
.market-list li .intro div i{ font-style:normal; font-size: 12px;}
.market-list li .intro div em{ position: absolute; right:0; top:50%; margin-top: -6px; width: 21px; height: 12px; background: url(../images/ico_more.png) right no-repeat;}
.market-list li a:hover:before{ width: 100%;}
.market-list li a:hover .intro div i{ color: #288fd4;}
.market-list li a:hover .intro div em{ transform:translateX(-10px); -webkit-transform: translateX(-10px); width:36px; background: url(../images/ico_moreh.png) right no-repeat;}
.effect-jazz .img{
position: relative;
text-align: center;
overflow: hidden;
background: -webkit-linear-gradient(-45deg, #004776 0%,#000000 100%);
background: linear-gradient(-45deg, #004776 0%,#000000 100%);
}
.effect-jazz figcaption {
color: #fff;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.effect-jazz figcaption::before,
.effect-jazz figcaption::after {
pointer-events: none;
}
.effect-jazz figcaption {
position: absolute;
top: -15%;
left: -15%;
width: 130%;
height: 130%;
}
.effect-jazz figcaption::after,
.effect-jazz img,
.effect-jazz figcaption p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.effect-jazz figcaption::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.effect-jazz figcaption p {
opacity: 1;
-webkit-transform: scale3d(0.8,0.8,1);
transform: scale3d(0.8,0.8,1);
}
.effect-jazz figcaption p {
position: absolute;
top:50%;
left:0;
width: 100%;
line-height: 30px;
margin-top: -15px;
text-transform:uppercase;
font-size: 10px;
opacity: 0;
}
.effect-jazz:hover img {
opacity: 0.3;
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}
.effect-jazz:hover figcaption::after {
opacity: 0.8;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
.effect-jazz:hover figcaption p {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.AppletsImg1 img {display:block;max-width:100%;margin:0px auto;}
.AppletsImg1 {-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;position:relative;}
.AppletsImg1 video {position:absolute;left:0px;top:0px;width:100%;height:100%;}
.in_case_c{padding-bottom:50px;}
.in_case .tab{}
.in_case .tab span{ font-size: 0; float: left; margin-right: 12px; display:block; cursor:pointer; max-width:17%; width:160px; padding-right: 10px; text-align: center; height: 52px; line-height: 52px; color: #333333; background-color: #f5f5f5; }
.in_case .tab i{ display:inline-block; vertical-align: middle; margin-right: 10px; width: 32px; height: 32px; }
.in_case .tab em{ font-style: normal; vertical-align: middle; font-size:16px; }
.in_case .tab span:nth-child(1) i{background-image:url(../images/ico_case_02.png);}
.in_case .tab span:nth-child(2) i{background-image:url(../images/ico_case_01.png);}
.in_case .tab span:nth-child(3) i{background-image:url(../images/ico_case_04.png);}
.in_case .tab span:nth-child(4) i{background-image:url(../images/ico_case_03.png);}
.in_case .tab span:nth-child(5) i{background-image:url(../images/ico_case_05.png);}
.in_case .tab span:hover,
.in_case .tab span.active,
.in_case .tab span:hover{ background-color: #0a58dee0; color: #FFFFFF; }
.in_case .tab span:nth-child(1):hover i,
.in_case .tab span:nth-child(1).active i{ background-image:url(../images/ico_case_02h.png);}
.in_case .tab span:nth-child(2):hover i,
.in_case .tab span:nth-child(2).active i{ background-image:url(../images/ico_case_01h.png);}
.in_case .tab span:nth-child(3):hover i,
.in_case .tab span:nth-child(3).active i{background-image:url(../images/ico_case_04h.png);}
.in_case .tab span:nth-child(4):hover i,
.in_case .tab span:nth-child(4).active i{background-image:url(../images/ico_case_03h.png);}
.in_case .tab span:nth-child(5):hover i,
.in_case .tab span:nth-child(5).active i{background-image:url(../images/ico_case_05h.png);}
.in_case .more{ position: absolute; top:-45px; right:0; display: inline-block; background:url(../images/home_more_gray.png) no-repeat left; padding-left:45px; line-height: 56px; font-size: 16px;}
.in_case .more:hover{ color: #288fd4; background: url(../images/home_more.png) no-repeat left;}
.in_case .item{position:relative;}
.in_case .item:nth-child(3) .more{top:-70px;}
@-webkit-keyframes triSpin {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
50% {-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
100% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-o-keyframes triSpin {0% {-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
50% {-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
100% {-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes triSpin {0% {-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
50% {-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
100% {-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes triSpin2 {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
50% {-webkit-transform:rotate(270deg);transform:rotate(270deg);}
100% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-o-keyframes triSpin2 {0% {-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
50% {-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);}
100% {-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes triSpin2 {0% {-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
50% {-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);}
100% {-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
.new_child_navbox {position:absolute;left:0px;top:84px;width:100%;background-color:#fff;overflow:hidden;max-height:500px;line-height:24px;display:none;}
.header .nav li:hover .new_child_navbox {display:block;}
.new_childnav_desc {float:left;width:380px;background-image:url(../images/new_navicon02.png);background-position:right bottom;padding-top:65px;padding-right:2px;}
.new_childnav_desc .desc {font-size:20px;color:#6a6d73;padding-right:80px;line-height:26px;padding-left:35px;margin-top:13px;}
.new_childnav_desc h3 {font-size:14px;color:#4c4f55;font-weight:700;padding-left:35px;position:relative;}
.new_childnav_desc h3 img {display:block;left:0px;top:0px;width:24px;position:absolute;}
.new_childnav_desc .img {text-align:right;}
.new_childnav_desc .img img {vertical-align:middle;max-width:100%;}
.new_childnav_web {float:left;width:-webkit-calc(100% - 380px);width:calc(100% - 380px);}
.new_childnav_web dd p {padding-top:25px;}
.new_childnav_web dd {float:left;width:33.3333%;min-height:361px;padding-top:55px;background-image:url(../images/new_navicon02.png);background-repeat:no-repeat;background-position:right bottom;padding-right:2px;padding-left:5%;}
.new_childnav_web dd p a {color:#4c4f55;font-size:16px;display:block;background-image:url(../images/new_navicon15.png);background-repeat:no-repeat;background-position:-50px center;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.new_childnav_web dd p span {display:inline-block;vertical-align:middle;width:40px;height:40px;background-repeat:no-repeat;-webkit-border-radius:100%;border-radius:100%;margin-right:10px;}
.new_childnav_web dd p span.icon1 {background-image:url(../images/new_navicon03.png);background-color:#949497;}
.new_childnav_web dd p span.icon2 {background-image:url(../images/new_navicon04.png);background-color:#f3bc54;}
.new_childnav_web dd p span.icon3 {background-image:url(../images/new_navicon05.png);background-color:#46afb3;}
.new_childnav_web dd p span.icon4 {background-image:url(../images/new_navicon06.png);background-color:#f67e6a;}
.new_childnav_web dd p span.icon5 {background-image:url(../images/new_navicon07.png);background-color:#ffa21c;}
.new_childnav_web dd p span.icon6 {background-image:url(../images/new_navicon08.png);background-color:#5fb64d;}
.new_childnav_web dd p span.icon7 {background-image:url(../images/new_navicon09.png);background-color:#1595d4;}
.new_childnav_web dd p span.icon8 {background-image:url(../images/new_navicon10.png);background-color:#d4b15d;}
.new_childnav_web dd p span.icon9 {background-image:url(../images/new_navicon11.png);background-color:#d18261;}
.new_childnav_web dd p span.icon10 {background-image:url(../images/new_navicon12.png);background-color:#77c5d1;}
.new_childnav_web dd p span.icon11 {background-image:url(../images/new_navicon13.png);background-color:#ff7a4c;}
.new_childnav_web dd p span.icon12 {background-image:url(../images/new_navicon14.png);background-color:#4177a6;}
.new_childnav_web dd p a {color:#4c4f55;font-size:14px;display:block;background-image:url(../images/new_navicon15.png);background-repeat:no-repeat;background-position:-50px center;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.new_childnav_web dd p a:hover {padding-left:30px;color:#ed3542;font-weight:700;background-position:0px center;}
.new_childnav_web dd p a:hover span {background-color:#ed3542;}
.new_childnav_web dd:last-child {background-image:none;}
.new_childnav_news dt p {padding:10px 0px 0px;}
.new_childnav_news dt p a {display:block;color:#4c4f55;font-size:14px;}
.new_childnav_news dt p a span {display:inline-block;width:40px;height:40px;background-repeat:no-repeat;background-position:center;background-size:90%;-webkit-border-radius:100%;border-radius:100%;margin:0px auto;margin-right:10px;vertical-align:middle;}
.new_childnav_news dt p a span.icon1 {background-image:url(../images/new_navicon45.png);background-color:#fab32c;}
.new_childnav_news dt p a span.icon2 {background-image:url(../images/new_navicon46.png);background-color:#46afb3;}
.new_childnav_news dt p a span.icon3 {background-image:url(../images/new_navicon47.png);background-color:#756de5;}
.new_childnav_news dt p a span.icon4 {background-image:url(../images/new_navicon48.png);background-color:#e93644;}
.new_childnav_news dt p a span.icon5 {background-image:url(../images/new_navicon49.png);background-color:#60b64d;}
.new_childnav_news dt p a span.icon6 {background-image:url(../images/new_navicon50.png);background-color:#1595d4;}
.new_childnav_news dt p a:hover {color:#ed3542;font-weight:700;}
.new_childnav_news dd {padding:30px 0px 0px 10%;max-width:900px;overflow:hidden;display:none;}
.new_childnav_news dd img {display:block;float:left;width:280px;margin-right:30px;}
.new_childnav_news dd h3 {color:#4c4f55;font-size:18px;font-weight:700;margin-top:18px;}
.new_childnav_news dd p {margin-top:10px;color:#636363;font-size:12px;line-height:18px;height:36px;overflow:hidden;}
.new_childnav_news dd a:hover h3 {color:#ed3542;}
.new_childnav_Ecommerce {float:left;width:-webkit-calc(100% - 270px);width:calc(100% - 270px);padding-top:20px;}
.new_childnav_web {float:left;width:-webkit-calc(100% - 270px);width:calc(100% - 270px);}
.header .nav li .new_childnav_web dd p a {color:#4c4f55;font-size:14px;display:block;background-image:url(../images/new_navicon15.png);background-repeat:no-repeat;background-position:-50px center;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.header .nav li .new_childnav_web dd p a:hover {padding-left:30px;color:#ed3542;font-weight:700;background-position:0px center;}
.header .nav li .new_childnav_web dd p a:hover span {background-color:#ed3542;}
.new_childnav_Program {float:left;width:-webkit-calc(100% - 270px);width:calc(100% - 270px);}
.new_childnav_Program dd {float:left;width:25%;min-height:361px;padding-top:55px;background-image:url(../images/new_navicon02.png);background-repeat:no-repeat;background-position:right bottom;padding-right:2px;padding-left:4%;}
.new_childnav_Program dd p a {color:#4c4f55;font-size:14px;display:block;background-image:url(../images/new_navicon15.png);background-repeat:no-repeat;background-position:-50px center;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.new_childnav_desc {float:left;width:270px;background-image:url(../images/new_navicon02.png);background-position:right bottom;padding-top:65px;padding-right:2px;}
.new_childnav_desc .desc {font-size:16px;color:#6a6d73;padding-right:30px;line-height:26px;padding-left:35px;margin-top:13px;}
.new_childnav_Ecommerce dd:nth-child(5n) {clear:left;}
.new_childnav_smallProgram {float:left;width:-webkit-calc(100% - 270px);width:calc(100% - 270px);padding-top:20px;}
.new_childnav_news {float:left;width:-webkit-calc(100% - 270px);width:calc(100% - 270px);padding-top:20px;}
.new_childnav_news dd {padding:15px 0px 0px 5%;max-width:900px;overflow:hidden;display:block;}
.new_child_evaluate dd .new_child_evaluateIcon p {float:left;width:50%;padding:0px 10px 20px;text-align:center;}
.new_childnav_news dt {background:url(../images/new_navicon44.png) no-repeat right bottom;padding-bottom:2px;padding-bottom:30px;padding-top:50px;}
.new_childnav_news dt p {float:left;width:20%;padding:0px 10px;}
.header .nav li .new_childnav_news dt p a {display:block;color:#4c4f55;font-size:16px;text-align:center;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);}
.new_childnav_news dt p a span {display:block;width:60px;height:60px;background-repeat:no-repeat;-webkit-border-radius:100%;border-radius:100%;margin:0px auto 10px;}
.new_childnav_news dt p a span.icon1 {background-image:url(../images/new_navicon45.png);background-color:#fab32c;}
.new_childnav_news dt p a span.icon2 {background-image:url(../images/new_navicon46.png);background-color:#46afb3;}
.new_childnav_news dt p a span.icon3 {background-image:url(../images/new_navicon47.png);background-color:#756de5;}
.new_childnav_news dt p a span.icon4 {background-image:url(../images/new_navicon48.png);background-color:#e93644;}
.new_childnav_news dt p a span.icon5 {background-image:url(../images/new_navicon49.png);background-color:#60b64d;}
.new_childnav_news dt p a span.icon6 {background-image:url(../images/new_navicon50.png);background-color:#1595d4;}
.new_childnav_news dt p a:hover {color:#ed3542;font-weight:700;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);}
.new_child_contact {float:left;width:-webkit-calc(100% - 270px);width:calc(100% - 270px);padding-top:60px;}
.new_child_contact dt {-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;float:left;width:80%;margin-left:5%;padding:40px 0px 0px 30px;background-color:#e8e7e3;min-height:195px;background-repeat:no-repeat;background-position:right center;background-image:url(../images/new_navicon56.png);border:1px solid #e1dfdc;}
.new_child_contact dt>div {width:40%;float:left;}
.new_child_contact dd {-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;float:left;width:45%;margin-left:5%;padding:40px 0px 0px 30px;background-color:#f6f6f6;min-height:195px;background-repeat:no-repeat;background-position:right center;background-image:url(../images/new_navicon57.png);border:1px solid #e1dfdc;}
.new_child_contact dt:hover {-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);}
.new_child_contact dd:hover {-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);}
.new_child_contact h3 {font-size:18px;color:#4c4f55;font-weight:700;padding-bottom:25px;}
.new_child_contact p {font-size:14px;color:#4c4f55;}
.new_child_we {padding:60px 0px 40px;/* background:url(../images/new_navicon44.png) no-repeat left bottom;*/max-width:1400px;margin:0px auto;}
.new_child_we dd {float:left;width:20%;padding-right:10px;padding-top:0px;}
.new_child_we dd a {display:block;max-width:210px;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);}
.new_child_we dd a img {width:100%;display:block;}
.new_child_we dd a h3 {font-size:16px;font-weight:700;color:#4c4f55;padding-bottom:10px;margin-top:20px;}
.new_child_we dd a p {font-size:12px;color:#636363;display:block;}
.new_child_we dd a:hover {-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);}
.new_child_we dd a:hover h3 {color:#ed3542;}
.new_child_evaluate {padding:30px 0px 40px;max-width:1400px;margin:0px auto;width:60%;float:right;}
.new_child_evaluate dt {float:left;width:453px;position:relative;}
.new_child_evaluate dt img.bigimg {width:100%;display:block;}
.new_child_evaluate dt div {position:absolute;width:195px;left:30px;bottom:5px;}
.new_child_evaluate dt div h3 {color:#d7d7d7;font-weight:700;font-size:14px;padding-bottom:10px;}
.new_child_evaluate dt div img {height:28px;display:block;}
.new_child_evaluate dt div p {color:#636363;font-size:12px;padding-top:55px;line-height:18px;}
.new_child_evaluate dd {float:left;width:-webkit-calc(100% - 453px);width:calc(100% - 453px);padding-left:360px;position:relative;margin-top:40px;}
.new_child_evaluate .new_child_evaluateText {position:absolute;left:0;top:10px;width:360px;line-height:46px;padding-left:40px;position:relative;}
.new_child_evaluate .new_child_evaluateText h3 {font-size:36px;color:#4c4f55;}
.new_child_evaluate .new_child_evaluateText h3 span {font-weight:700;}
.new_child_evaluate .new_child_evaluateText p {font-size:18px;font-weight:700;color:#4c4f55;}
.new_child_evaluate .new_child_evaluateText p:after {content:'';width:60px;height:1px;background-color:#4c4f55;display:inline-block;margin-left:20px;vertical-align:middle;}
.new_child_evaluate .new_child_evaluateIcon {margin-left:385px;margin-top:-95px;}
.new_child_evaluate .new_child_evaluateIcon p {float:left;width:25%;padding:0px 10px 20px;text-align:center;}
.new_child_evaluate .new_child_evaluateIcon p a {color:#4c4f55;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;display:block;}
.new_child_evaluate .new_child_evaluateIcon p a:hover {color:#ed3542;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);}
.new_child_evaluate .new_child_evaluateIcon p img {display:block;margin:0px auto 8px;width:60px;}