.banner-top{ overflow: hidden; width: 100%;}
.h-ban{padding-top:25.46%;position:relative;background:#0640c5 no-repeat top center/contain;background-size: cover}
.h-ban:hover{transform:scale(1.05,1.05);}
.h-ban:hover {
	transition:all 0.5s ease-out;
	/* 过度 所有css属性 1秒过度 结束慢*/
-moz-transition:all 0.5s ease-out;
	/* Firefox 4 */
-webkit-transition:all 0.5s ease-out;
	/* Safari 和 Chrome */
-o-transition:all 0.5s ease-out;
	/* Opera */
}
.h-ban-tit{width:272px;height:102px;background:url(../image/h-tit.png) no-repeat center center/contain;display:flex;justify-content:center;align-items:center;font-size:46px;color:#fff;position:absolute;top:53%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.cur{height:56px;line-height:56px;border-bottom:1px solid #e5e5e5;background-color:#fff;font-size:16px;color:#333}
.cur em{padding:0 5px}
.cur span{color:#00a0e9}
.cur a:hover{color:#00a0e9}
.news-det{padding:50px 0 160px;background-color:#f6f6f6}
.news-det-box{background-color:#fff;padding:60px 80px 50px}
.news-det-box h1{text-align:center;color:#333;font-size:30px;margin-bottom:20px}
.news-det-box .info{text-align:center;font-size:14px;color:#666;margin-bottom:60px}
.news-det-box .content{font-size:16px;color:#666;line-height:38px;padding-bottom:100px}
.news-det-box .hr{height:13px;background:url(../image/hr.png) repeat-x left top/auto 100%;margin-bottom:70px}
.news-det-box .bot{overflow:hidden;padding-bottom:73px;border-bottom:1px solid #d2d2d2}
.news-det-box .bot span{display:block;font-size:18px;color:#666;font-weight:700}
.news-det-box .bot p{font-size:16px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-det-box .bot a:hover p{color:#00a0e9}
.news-det-box .bot .left{float:left;padding-left:37px;text-align:left;width:40%;background:url(../image/h-l1.png) no-repeat left center/22px auto}
.news-det-box .bot .right{float:right;padding-right:37px;text-align:right;width:40%;background:url(../image/h-r1.png) no-repeat right center/22px auto}
.news-det-box .share{padding:40px 0 0;display:flex;justify-content:center;align-items:center}
.news-det-box .share span{line-height:38px;color:#666;margin-right:12px}
.news-det-box .share .bdsharebuttonbox{overflow:hidden}
.news-det-box .share .bdsharebuttonbox a{width:38px;height:38px;background:no-repeat center center/24px auto;margin:0 15px 0 0}
.news-det-box .share .bdsharebuttonbox a.bds_tsina{background-image:url(../image/icon-blog.png)}
.news-det-box .share .bdsharebuttonbox a.bds_weixin{background-image:url(../image/icon-wechat.png)}
.news-det-box .share .bdsharebuttonbox a.bds_tqq{background-image:url(../image/icon-tqq.png)}
.news-det-box .bd_weixin_popup{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.h-news{overflow:hidden;margin-top:50px;background-color:#f6f6f6}
.h-news .pic{float:left;width:500px;height:300px;overflow:hidden}
.h-news .pic img{display:block;width:100%;height:100%;-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .7s;transition:all .7s}
.h-news .pic:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.h-news .txt{overflow:hidden;background-color:#fff;height:300px;padding:30px 40px 0}
.h-news .txt .tit>a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:24px;color:#333}
.h-news .txt .time{font-size:16px;color:#666;margin-bottom:30px}
.h-news .txt .desc{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;color:#666;line-height:24px;height:72px;margin-bottom:40px}
.h-news .txt .more{height:28px;line-height:28px;display:inline-block;padding-left:36px;background:url(../image/h-more.png) no-repeat left center/28px 28px;font-size:18px;color:#666}
.h-news-list{padding-top:80px;background-color:#f6f6f6;overflow:hidden}
.h-news-list .list{overflow:hidden;margin:0 -15px}
.h-news-list .list .item{float:left;width:33.3%;margin-bottom:55px}
.h-news-list .list .item .con{margin:0 15px}
.h-news-list .list .item .con .pic{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;padding-top:62.16%;position:relative}
.h-news-list .list .item .con .pic img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .7s;transition:all .7s}
.h-news-list .list .item .con .pic:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.h-news-list .list .item .con .time{height:40px;line-height:40px;background:url(../image/time.png) no-repeat left center/15px auto;padding-left:24px;color:#999;font-size:12px}
.h-news-list .list .item .con .tit a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;color:#333;font-size:18px;margin-bottom:15px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.h-news-list .list .item .con .tit a:hover{color:#00a0e9}
.h-news-list .list .item .con .desc{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:48px;font-size:14px;line-height:24px;color:#999;margin-bottom:15px}
.h-news-list .list .item .con .more{color:#00a0e9;font-size:14px;font-weight:700}
.h-pages{font-size:0;text-align:center;padding-bottom:80px}
.h-pages li{display:inline-block;vertical-align:middle;margin:0 5px}
.h-pages li a{display:block;width:50px;height:50px;text-align:center;line-height:48px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px solid #bfbfbf;font-size:24px;color:#999;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;background-color:#fff}
.h-pages li a:hover,.h-pages li.on a{background-color:#00a0e9;border-color:#00a0e9;color:#fff}
.h-pages li.arrow a{background:no-repeat center center/15px auto}
.h-pages li.prev a{background-image:url(../image/h-l3.png)}
.h-pages li.prev a:hover{background-image:url(../image/h-l3-on.png);background-color:#00a0e9}
.h-pages li.next a{background-image:url(../image/h-r3.png)}
.h-pages li.next a:hover{background-image:url(../image/h-r3-on.png);background-color:#00a0e9}
.contact{background-color:#fafafa;padding-top:50px;padding-bottom:80px}
.contact .g-tit2{text-align:center}
.contact .g-tit2 .cn{font-weight:700;font-size:30px;color:#333}
.contact .g-tit2 .en{font-size:24px;color:#999}
.contact .cont{padding-top:50px;overflow:hidden}
.contact .cont .pic{width:511px;height:482px;float:left;overflow:hidden}
.contact .cont .pic img{display:block;width:100%;height:100%}
.contact .cont .form{display:block;overflow:hidden;height:482px;position:relative;padding-left:38px}
.contact .cont .form .row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.contact .cont .form .row .inp{width:300px;height:40px;line-height:38px;border:1px solid #bfbfbf;position:relative}
.contact .cont .form .row .inp input{position:absolute;top:0;left:0;width:100%;height:100%;border:none;font-size:16px;padding-left:14px;color:#333}
.contact .cont .form .row .inp:after{content:'*';position:absolute;right:calc(100% + 5px);top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;color:#e93c3c}
.contact .cont .form .row textarea{display:block;height:238px;font-size:16px;padding:14px;width:100%;border:1px solid #bfbfbf;resize:none}
.contact .cont .form .row .yzm{width:100%;display:flex;position:relative}
.contact .cont .form .row .yzm input{display:block;float:left;width:160px;height:40px;line-height:38px;border:1px solid #bfbfbf;padding-left:14px;margin-right:14px}
.contact .cont .form .row .yzm .yz{width:154px;height:40px;float:left;margin-right:26px}
.contact .cont .form .row .yzm .yz img{display:block;width:100%;height:100%}
.contact .cont .form .row .yzm span{display:block;overflow:hidden;font-size:16px;color:#333;height:40px;line-height:40px;cursor:pointer}
.contact .cont .form .row .yzm:after{content:'*';position:absolute;right:calc(100% + 5px);top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;color:#e93c3c}
.contact .cont .form .row.btn{justify-content:flex-start;position:absolute;bottom:0;left:38px;width:100%;margin-bottom:0}
.contact .cont .form .row.btn input{width:220px;height:40px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;font-size:16px;border:none}
.contact .cont .form .row.btn .res{margin-left:20px;background-color:#333}
.contact .cont .form .row.btn .sub{background-color:#00a0e9}
.help{background-color:#00a0e9;padding:60px 0}
.help .tit{color:#fff;font-size:16px;margin-bottom:40px}
.help .tit h3{font-weight:400;font-size:36px}
.help .list{display:flex;align-items:center;justify-content:space-between}
.help .list .item{width:340px;height:260px;background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;padding-top:30px;font-size:16px;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.help .list .item .icon{margin:0 auto;position:relative;width:100px;height:100px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden}
.help .list .item .icon img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.help .list .item .icon img.on{opacity:0}
.help .list .item .label{padding:20px 0;color:#666}
.help .list .item .value{color:#999;max-width:230px;margin:0 auto;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.help .list .item:hover{box-shadow:0 10px 21px 0 rgba(2,31,45,.2)}
.help .list .item:hover .icon img{opacity:0}
.help .list .item:hover .icon img.on{opacity:1}
.help .list .item:hover .value{color:#00a0e9}
.tec{padding:50px 0}
.tec .tit{color:#666;font-size:16px}
.tec .tit h3{color:#333;font-size:36px;font-weight:400;margin-bottom:20px}
.tec .list{margin-top:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.tec .list .item{width:360px;margin-bottom:45px}
.tec .list .item .pic{padding-top:69.1%;position:relative;overflow:hidden}
.tec .list .item .pic img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .7s;transition:all .7s;z-index:1}
.tec .list .item .pic .mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:rgba(0,0,0,.6);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;opacity:0}
.tec .list .item .pic .mask .play{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:57px;height:57px;background:url(../image/play.png) no-repeat center center/contain}
.tec .list .item .pic:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.tec .list .item .pic:hover .mask{opacity:1}
.tec .list .item .txt{height:73px;display:flex;align-items:center;justify-content:center;padding:0 15px;border:1px solid #e5e5e5;background-color:#fff}
.tec .list .item .txt a{font-size:24px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tec .h-pages{padding-bottom:0}
.case{padding-top:50px}
.case .tab{justify-content:space-between;display:flex;align-items:center;margin-bottom:40px}
.case .tab .item{width:120px;height:40px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;box-shadow:0 -3px 6px 0 rgba(4,0,0,.1);background-color:#fff;display:flex;align-items:center;justify-content:center;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.case .tab .item a{font-size:16px;color:#666;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.case .tab .item.on,.case .tab .item:hover{background-color:#00a0e9}
.case .tab .item.on a,.case .tab .item:hover a{color:#fff}
.case .list{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}
.case .list .item{width:360px;position:relative;margin-bottom:45px}
.case .list .item .pic{padding-top:69.1%;position:relative;overflow:hidden}
.case .list .item .pic img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .7s;transition:all .7s;z-index:1}
.case .list .item .name{color:#333;font-size:24px;height:73px;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #e5e5e5;background-color:#fff}
.case .list .item .text{position:absolute;top:0;left:0;width:100%;height:100%;padding:40px;background-color:#00a0e9;z-index:3;opacity:0;overflow:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.case .list .item .text a{color:#fff}
.case .list .item .text a .tit{font-size:24px;margin-bottom:10px}
.case .list .item .text a .con{font-size:14px;line-height:24px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.case .list .item .text a .more{font-size:14px;color:#98dfff;margin-top:10px}
.case .list .item:hover{box-shadow:0 14px 27px 0 rgba(14,43,80,.1)}
.case .list .item:hover .text{opacity:1}
.case .list2{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.case .list2 .item{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;height:264px;width:calc(50% - 18px);background-color:#fff;border:1px solid #e5e5e5;border-radius:5px;overflow:hidden;margin-bottom:30px}
.case .list2 .item .pic{float:left;width:270px;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.case .list2 .item .pic img{-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .7s;transition:all .7s}
.case .list2 .item .txt{overflow:hidden;padding-top:30px}
.case .list2 .item .txt .name{color:#333;font-size:24px;margin-bottom:30px}
.case .list2 .item .txt .tips{font-size:16px;color:#666;padding-left:30px}
.case .list2 .item .txt .tips p{position:relative;margin-bottom:10px}
.case .list2 .item .txt .tips p:after{content:'';width:16px;height:16px;background:url(../image/tips.png) no-repeat center center/contain;position:absolute;right:calc(100% + 10px);top:4px}
.case .list2 .item:hover{box-shadow:0 14px 27px 0 rgba(14,43,80,.1)}
.case .list2 .item:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.download{padding:60px 0;background:url(../image/h-bg1.png) repeat left top}
.download .tit{color:#fff;font-size:36px}
.download .list{display:flex;justify-content:space-between;align-items:center;margin-top:55px}
.download .list .item{width:calc(50% - 45px);height:60px;margin-bottom:30px}
.download .list .item a{width:100%;height:100%;display:flex;align-items:center;padding-left:32px;padding-right:63px;background:#fff url(../image/download.png) no-repeat right 37px center/26px auto;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.download .list .item a span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;color:#666;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.download .list .item:hover a{background-color:#50b2df;background-image:url(../image/download-on.png)}
.download .list .item:hover a span{color:#fff}
.proDet{padding-top:50px}
.proDet .top{background-color:#fff;padding:50px;overflow:hidden;box-shadow:0 14px 27px 0 rgba(14,43,80,.1);margin-bottom:30px}
.proDet .top .picture{width:335px;float:left;margin-right:90px}
.proDet .top .picture .slick-big{border:1px solid #e5e5e5;margin-bottom:18px}
.proDet .top .picture .slick-big .item .pic{height:343px;display:flex;align-items:center;justify-content:center}
.proDet .top .picture .slick-big .item .pic img{max-width:95%;max-height:95%}
.proDet .top .picture .slick-small .item .pic{border:1px solid #ffa200;width:80px;height:80px;display:flex;align-items:center;justify-content:center}
.proDet .top .picture .slick-small .item .pic img{max-width:95%;max-height:95%}
.proDet .top .text{overflow:hidden}
.proDet .top .text .name{font-size:14px;color:#999;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #e5e5e5}
.proDet .top .text .name h3{font-size:30px;color:#333;font-weight:400}
.proDet .top .text .tips{font-size:16px;color:#666;padding-left:30px;padding-bottom:30px;border-bottom:1px solid #e5e5e5}
.proDet .top .text .tips p{position:relative;margin-bottom:10px}
.proDet .top .text .tips p:after{content:'';width:16px;height:16px;background:url(../image/tips.png) no-repeat center center/contain;position:absolute;right:calc(100% + 10px);top:4px}
.proDet .top .text .download2{height:43px;line-height:42px;padding-left:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #e5e5e5;background:url(../image/download2.png) no-repeat left center/18px auto}
.proDet .top .text .download2 a{font-size:14px;color:#999}
.proDet .top .text .btn{margin-top:28px;display:flex;justify-content:space-between;align-items:center}
.proDet .top .text .btn a{display:flex;align-items:center;justify-content:center;width:310px;height:70px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;font-size:24px}
.proDet .top .text .btn a span{margin-left:20px;}
.proDet .top .text .btn .chat{background-color:#00a0e9}
.proDet .top .text .btn .chat i{background:url(../image/icon1.png) no-repeat center center/contain;display:block;width:30px;height:30px;position:relative;top:4px}
.proDet .top .text .btn .cont{background-color:#ffa200}
.proDet .top .text .btn .cont i{background:url(../image/icon2.png) no-repeat center center/contain;display:block;width:40px;height:40px}
.proDet .bot{box-shadow:0 14px 27px 0 rgba(14,43,80,.1)}
.proDet .bot .tab{background-color:#e0e0e0;height:45px;display:flex;align-items:center}
.proDet .bot .tab .item{position:relative;height:100%}
.proDet .bot .tab .item a{padding:0 45px;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#333}
.proDet .bot .tab .item.on{background-color:#fff}
.proDet .bot .tab .item.on:after{content:'';width:100%;height:3px;background-color:#00a0e9;position:absolute;top:0;left:0}
.proDet .bot .tab-a{padding:50px}
.aboPro{margin-top:70px;overflow:hidden}
.aboPro .tit{overflow:hidden;margin-bottom:20px}
.aboPro .tit .more{float:right;font-size:16px;color:#666;margin-left:10px}
.aboPro .tit h3{overflow:hidden;font-size:24px;color:#666;font-weight:400;padding-left:15px;position:relative}
.aboPro .tit h3:after{content:'';width:3px;height:22px;background-color:#00a0e9;position:absolute;left:0;top:50%;margin-top:-11px}
.aboPro .list{display:flex;justify-content:space-between;align-items:center;margin:0 0 80px}
.aboPro .list .item{width:calc(25% - 8px)}
.aboPro .list .item .con{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;background-color:#fff;padding-bottom:23px;border:1px solid #dcdcdc}
.aboPro .list .item .con .pic{height:200px}
.aboPro .list .item .con .pic a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}
.aboPro .list .item .con .pic img{-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .7s;transition:all .7s}
.aboPro .list .item .con .txt{text-align:center}
.aboPro .list .item .con .txt a{display:block;margin:0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:200px;height:31px;line-height:31px;background:rgba(255,255,255,.8);box-shadow:0 0 18px 0 rgba(132,131,132,.3);border-radius:16px;font-size:14px;color:#666}
.aboPro .list .item:hover .con{box-shadow:0 5px 20px 0 rgba(0,0,0,.1)}
.aboPro .list .item:hover .con .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
@media only screen and (max-width:1199px){
.contact .cont .form .row .inp{width:180px}
.contact .cont .form .row.btn input{width:40%}
.help .list .item{width:30%}
.tec .list .item{width:30%}
.case .list .item{width:30%}
.case .list .item .text{padding:20px}
.case .list2 .item .pic{float:none;width:100%;margin-top:20px}
.case .list2 .item{height:auto}
.case .list2 .item .txt{padding:20px}
}
@media only screen and (max-width:959px){
.h-ban-tit{font-size:20px;width:172px}
.cur{font-size:14px;height:36px;line-height:36px}
.news-det{padding:40px 0}
.news-det-box{padding:20px}
.news-det-box h1{font-size:20px}
.news-det-box .info{margin-bottom:30px}
.news-det-box .content{font-size:14px;line-height:1.8;padding-bottom:50px}
.news-det-box .hr{height:7px;margin-bottom:40px}
.news-det-box .bot p{font-size:14px}
.news-det-box .bot span{font-size:16px}
.news-det-box .bot .left,.news-det-box .bot .right{-webkit-background-size:15px auto;background-size:15px auto}
.news-det-box .bot{padding-bottom:40px}
.news-det-box .share{padding-top:20px}
.h-news .pic{float:none;width:100%;height:auto}
.h-news-list .list .item{width:50%}
.h-news{margin-top:30px}
.h-news .txt{height:auto;padding:20px}
.h-news .txt .tit>a{font-size:18px}
.h-news .txt .time{margin-bottom:15px;font-size:14px}
.h-news .txt .more{font-size:16px;-webkit-background-size:auto 100%;background-size:auto 100%;height:auto;line-height:1.5}
.h-news-list{padding-top:40px}
.h-news .txt .desc{margin-bottom:20px}
.h-news-list .list .item{margin-bottom:30px}
.h-pages{padding-bottom:30px}
.h-pages li a{font-size:16px;width:30px;height:30px;line-height:28px}
.h-pages li.arrow a{-webkit-background-size:7px auto;background-size:7px auto}
.contact{padding:40px 0}
.contact .g-tit2 .cn{font-size:20px}
.contact .g-tit2 .en{font-size:18px}
.contact .cont{padding-top:30px}
.contact .cont .pic{float:none;width:100%;height:auto}
.contact .cont .form{margin-top:40px;padding-left:15px;height:auto}
.contact .cont .form .row .inp{width:45%}
.contact .cont .form .row.btn{position:static;justify-content:center}
.help{padding:40px 0}
.help .tit{font-size:14px}
.help .tit h3{font-size:20px}
.help .list .item .value{font-size:14px;max-width:none;padding:0 15px}
.tec{padding:40px 0}
.tec .tit{font-size:14px}
.tec .tit h3{font-size:20px;margin-bottom:0}
.tec .list .item{margin-bottom:20px;width:32%}
.tec .list .item .txt a{font-size:16px}
.tec .list .item .txt{height:50px}
.case{padding-top:40px}
.case .tab{flex-wrap:wrap;margin-bottom:20px}
.case .tab .item{width:30%;margin-bottom:15px}
.case .tab .item a{font-size:14px}
.case .list .item{margin-bottom:20px;width:32%}
.case .list .item .name{font-size:16px;height:50px}
.case .list .item .text a .tit{font-size:16px}
.case .list .item .text a .con{font-size:12px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;line-height:1.6}
.download{padding:40px 0}
.download .tit{font-size:20px}
.download .list{margin-top:30px;flex-wrap:wrap}
.download .list .item{width:100%;margin-bottom:20px;height:30px}
.download .list .item a{-webkit-background-size:13px auto;background-size:13px auto}
.download .list .item a span{font-size:14px}
.case .list2 .item .txt .name{font-size:20px;margin-bottom:15px}
.case .list2 .item .txt .tips{font-size:14px}
.case .list2 .item .txt .tips p:after{width:14px;height:14px;top:3px}
.proDet{padding-top:30px}
.proDet .top{padding:20px}
.proDet .top .picture{width:100%;float:none;margin:0 0 20px}
.proDet .top .picture .slick-small .item .pic{margin:0 auto;width:100px;height:100px}
.proDet .top .text .name h3{font-size:20px}
.proDet .top .text .btn a{font-size:18px}
.aboPro .list{flex-wrap:wrap;margin-bottom:30px}
.aboPro .list .item{width:48%;margin-bottom:20px}
.aboPro .tit{height:30px;line-height:30px}
.aboPro .tit h3{font-size:20px}
.aboPro .tit h3:after{height:16px;margin-top:-8px}
.aboPro .tit .more{font-size:14px}
.proDet .bot .tab-a{padding:20px}
}
@media only screen and (max-width:767px){
.news-det-box .bot .left{float:none;padding-left:0;background:0 0;width:100%;display:block}
.news-det-box .bot .right{float:none;text-align:left;padding-right:0;background:0 0;margin-top:20px;width:100%;display:block}
.news-det-box .bot span{font-size:14px}
.news-det-box h1{font-size:18px}
.h-news-list .list{margin:0}
.h-news-list .list .item{width:100%;margin-bottom:25px}
.h-news-list .list .item .con .desc{margin-bottom:5px}
.h-news-list .list .item .con{margin:0}
.h-news-list .list .item .con .tit a{margin-bottom:5px}
.h-pages li{display:none}
.h-pages li.arrow,.h-pages li.on{display:inline-block}
.contact{padding:30px 0}
.contact .cont{padding-top:20px}
.help .list{display:block}
.help .list .item{width:100%;height:auto;margin-bottom:15px;padding:15px}
.help .list .item .label{padding:10px 0}
.contact .cont .form .row .inp input,.contact .cont .form .row .yzm input,.contact .cont .form .row textarea{font-size:14px}
.contact .cont .form .row textarea{height:130px}
.contact .cont .form .row .yzm{display:block}
.contact .cont .form .row .yzm .yz{width:40%;margin-right:0}
.contact .cont .form .row .yzm span{width:100%}
.contact .cont .form .row .yzm:after{top:28%}
.h-ban-tit{font-size:18px}
.tec{padding:30px 0}
.tec .list .item{width:48%}
.case{padding-top:30px}
.case .list .item{width:48%}
.case .tab .item{height:30px}
.case .list .item .name,.tec .list .item .txt{font-size:14px;height:40px}
.tec .list .item .pic .mask .play{width:40px;height:40px}
.case .list2 .item{width:100%}
.proDet .top .picture .slick-small .item .pic{width:60px;height:60px}
.proDet .top .picture .slick-big .item .pic{height:200px}
.proDet .top .text .name{padding-bottom:15px;margin-bottom:15px}
.proDet .top .text .tips{padding-bottom:15px}
.proDet .top .text .btn a{width:48%;height:40px;font-size:14px}
.proDet .top .text .btn a span{margin-left:10px}
.proDet .top .text .btn .cont i{width:20px;height:20px}
.proDet .top .text .btn .chat i{width:20px;height:20px;top:2px}
.aboPro .list .item{width:100%}
.proDet{padding-top:10px}
}