@charset "utf-8";body{background:#f6f6f6}
#Detailbanner .ban{position:relative;display:flex;overflow:hidden;background-position:center center;background-repeat:no-repeat;color:#fff;text-align:center;justify-content:center;align-items:center;flex-direction:column; margin-top:170px;}
#Detailbanner .ban img{width:100%}
#Detailbanner .ban .bantxt{position:absolute;margin:0 auto;width:100%;max-width:1400px;text-align:left}
#Detailbanner .ban.mb{display:none}
#Detailbanner h2{padding-bottom:15px;font-size:36px;line-height:40px}
#Detailbanner h3{padding-bottom:15px;font-size:20px;line-height:40px}
@media only screen and (max-width:750px){#Detailbanner .ban.pc{display:none}
#Detailbanner .ban.mb{display:flex}
}
 

.Detail-share{text-align:center}
.share{margin:0 auto;text-align:center}
.share .share-name{float:left;color:#333;font-size:14px;line-height:30px}
.share .bdsharebuttonbox{float:left}
.share .bdsharebuttonbox a{float:right;overflow:hidden;margin:2px 2px;width:26px;height:26px;border-radius:50%}
.share .bds_more{background:url(../images/icon/icon-more.jpg) no-repeat center center!important}
.share .bds_tsina{background:url(../images/icon/icon-weibo.jpg) no-repeat center center!important}
.share .bds_weixin{background:url(../images/icon/icon-weixin.jpg) no-repeat center center!important}
.share .bds_qzone{background:url(../images/icon/icon-qq.jpg) no-repeat center center!important;background-image:url(../images/icon/icon-qq.jpg)}
.share .bds_tqq{background:url(../images/icon/icon-qqkj.jpg) no-repeat center center!important;background-image:url(../images/icon/icon-qqkj.jpg)}
.trst5s{-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
.trst3s{-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
#SC_pager{text-align:center}
#SC_pager .pages{margin:20px 0}
#SC_pager .pages a{display:inline-block;margin:0 5px 0 0;padding:0 10px;height:36px;min-width:36px;border:1px solid #ccc;border:1px solid #ccc;border-radius:3px;color:#000;text-align:center;font-weight:700;font-size:12px;line-height:36px;cursor:pointer}
#SC_pager .pages a.pgnext,#dcms_pager .pages a.pgnext{padding:0 10px;font-weight:100;font-family:"宋体"}
#SC_pager .pages a.pgempty{display:inline-block;padding:0 10px;height:30px;border:1px solid #d7d7d7;color:#333;text-align:center;font-size:12px;line-height:30px;cursor:pointer}
#SC_pager .pages .pgcurrent{border:1px solid #cf0303;background:#cf0303;color:#fff}
#SC_pager .pages a:hover{border:1px solid #cf0303;background:#cf0303;color:#fff}
#SC_pager .pages a:first-child,#dcms_pager .pages a:last-child{display:none}
.Detail-page{padding-top:20px;padding-bottom:30px;border-top:1px solid #dadada}
.Detail-page .switch a{position:relative;display:block;padding-left:15px;color:#424242;font-size:14px;line-height:40px}
.Detail-page .switch a span{color:#000}
.Detail-page .switch a i{margin-right:10px;color:#999;font-size:20px;line-height:40px}
.Detail-page .switch a:hover{color:#0053a3}
.Detail-page .switch a:hover span{color:#0053a3}
.Detail-page .switch a:hover i{color:#0053a3}
.Detail-page .right{text-align:right}
.Detail-page .share{float:right;margin-top:15px;margin-right:10px}
.Detail-page a.return{float:right;display:inline-block;margin:10px 0;padding:0 20px;padding-left:50px;border:1px solid #999;border-radius:6px;background:url(../images/Icon-return.html) no-repeat left 20px center;color:#333;font-size:14px;line-height:36px}
.Detail-more{padding:20px 0;color:#333;font-size:16px;line-height:30px}
.Detail-more b.hd{display:inline-block;margin-bottom:20px;padding-bottom:5px;border-bottom:3px solid #f67c01;font-size:24px}
.Detail-more .hd .list-group{display:flex;flex-wrap:wrap}
.Detail-more .hd .list-group li{display:inline-block;margin-right:3%;margin-bottom:20px;padding:1%;width:26%;background:#efeff0;text-align:center;font-size:20px}
.Detail-more .hd .list-group li a{color:#000}
.Detail-more .hd .list-group li.on{background-color:#fe8400}
.Detail-more .hd .list-group li.on a{color:#fff}
.Detail-more iframe,.Detail-more video{height:580px;max-width:100%}
.Up-Down-page{position:relative;box-sizing:border-box;margin:20px 0;margin-bottom:0;padding:15px;width:100%;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;background:#fff}
.Up-Down-page .prev{float:left;width:calc((100% - 92px)/ 2);width:-webkit-calc((100% - 92px)/ 2)}
.Up-Down-page .next{float:right;width:calc((100% - 92px)/ 2);width:-webkit-calc((100% - 92px)/ 2);text-align:right}
.Up-Down-page a{display:block;overflow:hidden;max-width:100%;color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:26px}
.Up-Down-page .prev a{padding-left:20px;background:url(../images/icon/icon_left.png) no-repeat left center}
.Up-Down-page .next a{padding-right:20px;background:url(../images/icon/icon_right.png) no-repeat right center}
.Up-Down-page .Return{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;width:30px;height:30px;background:url(../images/icon/icon_menu01.png) no-repeat center center}
.Up-Down-page .Return:hover{background:url(../images/icon/icon_menu02.png) no-repeat center center}
.Up-Down-page .prev a:hover{background:url(../images/icon/icon_left01.png) no-repeat left center;color:#fe8400}
.Up-Down-page .next a:hover{background:url(../images/icon/icon_right01.png) no-repeat right center;color:#fe8400}
.Detail-conten{position:relative}
.Detail-Top{background:#fff}
.Detail-Top .fl{position:relative;float:left}
.Detail-Top h2{display:none;color:#113f8d;font-size:24px;line-height:60px;cursor:pointer}
.Detail-Top .iconfont{margin-left:15px;color:#666;font-size:20px;line-height:60px}
.Detail-nav{text-align:center}
.Detail-nav li{display:inline-block}
.Detail-nav li a{position:relative;display:block;margin:0 20px;padding:0 5px;color:#333;font-size:16px;line-height:66px}
.Detail-nav li .line{position:absolute;bottom:0;left:50%;display:block;width:0;height:3px;background:#f67c01;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.Detail-nav li.cur a,.Detail-nav li:hover a{color:#f67c01}
.Detail-nav li.cur .line,.Detail-nav li:hover .line{left:0;width:100%}
.Detail-main{padding:40px 0}
.aboutus-company{margin-bottom:20px;background:#fff}
.aboutus-introduce{padding:60px 30px}
.aboutus-introduce h3{position:relative;margin-bottom:20px;padding-bottom:20px;color:#333;font-weight:400;font-size:24px;line-height:30px}
.aboutus-introduce h3 .line{position:absolute;bottom:0;left:0;display:block;width:45px;height:4px;background:#ededed}
.aboutus-introduce p{margin-bottom:20px;color:#666;font-size:16px;line-height:1.8}
.aboutus-advantage{position:relative}
.aboutus-advantage img{width:100%}
.adv-list{position:absolute;top:0;left:0;padding:50px 40px;width:100%;color:#fff}
.adv-list h3{margin-bottom:40px;font-size:30px}
.about-ul{margin:0 40px}
.about-ul li{float:left;padding:20px;width:50%;text-align:center}
.about-ul strong{display:block;height:90px;font-weight:500}
.about-ul .number{font-size:72px;font-family:Arial;line-height:80px}
.about-ul .jia{font-size:72px;font-family:Arial;line-height:80px}
.about-ul .year{font-size:18px;line-height:60px}
.about-ul p{text-align:center;font-size:16px;line-height:30px}
.about-office{margin-bottom:20px;background:#fff}
.about-office .fl{float:left;padding:40px;width:32%}
.about-office .fr{float:right}
.about-office h3{position:relative;margin-bottom:20px;padding-bottom:15px;color:#000;font-weight:500;font-size:24px;line-height:30px}
.about-office h3 .line{position:absolute;bottom:0;left:0;display:block;width:18px;height:2px;background:#b5b5b5}
.about-office p{color:#666;font-size:16px;line-height:1.8}
.about-office strong{display:block;color:#000;font-size:72px;font-family:Arial;line-height:1.5}
.about-office span{color:#333;font-size:16px}
.about-listpic .fl,.about-listpic .fr{position:relative;width:49%}
.about-listpic span{position:absolute;bottom:0;left:0;width:100%;color:#fff;text-align:center;font-size:16px;line-height:50px}
.Honor-ul{margin:0 -15px}
.Honor-ul li{float:left;width:33.33%}
.Honor-ul .Item{margin:15px;padding:50px;background:#fff;text-align:center}
.course{padding:70px 50px 70px 280px;background:#fff}
.course-list{position:relative;padding:40px 0}
.course-line{position:absolute;top:0;left:100px;width:1px;height:100%;background:#f0f1f3}
.course-Item{position:relative;margin-bottom:50px;padding:5px 0;padding-left:170px;min-height:60px;background:url(../images/icon-zj.jpg) no-repeat left 95px top 0}
.course-Item p{color:#333;font-size:16px;line-height:1.8}
.course-date{position:absolute;top:0;left:0;color:#d22929;font-size:24px;font-family:Arial;line-height:1.8}
.culture{background:#fff}
.culture .fl,.culture .fr{width:50%}
.culture-Item{padding:60px 50px;height:340px}
.culture-Item h3{color:#f67c01;font-size:30px;line-height:1.8}
.culture-bottom{margin-top:3%}
.culture-bottom p{color:#4d4d4d;font-size:16px;line-height:2.4}
.culture-Item p{color:#333;font-size:18px;line-height:1.8}
.culture-top .fl .fl{background:url(../images/jbbg02.jpg) no-repeat}
.culture-bottom .fr .fr{background:url(../images/jbbg03.jpg) no-repeat}
.pro-top h2{color:#f67c01;font-size:22px}
.pro-top h3{color:#f67c01;font-size:22px;line-height:40px}
.pro-top p{color:#000;font-size:16px;line-height:36px}
.container{margin:0 auto;width:92%;max-width:1400px}
.flex{display:flex;flex-wrap:wrap}
.item{display:flex;flex-wrap:wrap}
.item span{display:flex;margin-right:.2%;color:#f67c01;align-items:center}
.pro-top-top .pic{float:right}
.pro-top-top .pic img{max-width:450px}
.pro-top-bottom .info .pic-tit{display:flex;flex-wrap:wrap}
.pro-top-bottom .info .pic-tit img{max-height:60px}
.pro-top-bottom .info .flex{padding-right:6%}
.pro-top-bottom .flex p{line-height:24px}
.pro-top-bottom .fx p{line-height:16px}
.pro-bottom{margin-top:6%}
.pro-bottom .pic-tit{display:flex;margin-top:2%;margin-bottom:2%;flex-wrap:wrap}
.pro-bottom .pic-tit img{max-height:60px}
.pro-bottom .flex li{width:50%}
.pro-bottom .flex li .item{margin-bottom:2%}
.pro-bottom .text{margin-top:14%;padding-right:10%}
.pro-bottom h2{color:#f67c01;font-size:22px}
.pro-bottom h3{color:#f67c01;font-size:22px;line-height:36px}
.pro-bottom p{color:#000;font-size:16px}
@media (max-width:768px){.pro-top h2{font-size:16px}
.pro-top h3{font-size:16px}
.pro-bottom h2{font-size:16px}
.pro-bottom h3{font-size:16px}
.pro-top p{font-size:14px}
.pro-bottom p{font-size:14px}
.pro-top-top .pic{float:initial}
.pro-top-top .pic img{max-width:100%}
.pro-bottom .flex li{width:100%}
.pro-bottom .flex li .img{width:100%}
.pro-bottom .pic-tit img{width:44px}
.pro-top-bottom .info .pic-tit img{max-height:44px}
}
.news-ul{margin:0 -17px}
.news-ul li{float:left;width:33.33%}
.news-Item{margin:17px;padding:30px;padding-bottom:20px;border:1px solid #e4e3e3;background:#fff}
.news-Item .pic{position:relative;overflow:hidden;margin-bottom:10px;padding-bottom:65%;width:100%;height:0}
.news-Item .pic img{position:absolute;top:50%;left:50%;width:100%;transition:all .3s linear;transform:translate(-50%,-50%)}
.news-Item h3{overflow:hidden;color:#060001;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:16px;line-height:1.8}
.release-time{color:#f67c01;font-size:14px;line-height:30px}
.news-Item p{overflow:hidden;margin-bottom:10px;height:44px;color:#666;font-size:14px;line-height:22px}
.news-Item .iconfont{color:#e9e9e9;font-weight:700;font-size:26px;transition:all .3s linear}
.news-Item .more{display:inline-block;padding:5px;border:1px solid #e5e5e5}
.news-Item:hover .pic img{transform:translate(-50%,-50%) scale(1.1)}
.news-Item:hover .iconfont,.news-Item:hover h3{color:#f67c01}
.news-Item:hover .more{border-color:#f67c01;color:#f67c01}
.NewsInfo-content{margin-bottom:30px;padding:40px;background:#fff}
.NewsInfo .Title{padding:20px 0;border-bottom:1px dashed #c6c6c6;text-align:center}
.NewsInfo .Title h3{margin-bottom:10px;color:#f67c01;font-weight:500;font-size:24px;line-height:30px}
.NewsInfo .Title .Info span{display:inline-block;margin:0 10px;color:#999;font-size:14px;line-height:30px}
.NewsInfo .Title .Info .iconfont{margin-right:5px;color:#999;font-size:14px;line-height:30px}
.Down-page{position:relative;box-sizing:border-box;padding:15px;padding:25px 40px;width:100%;background:#fff}
.Down-page .prev{float:left;width:40%}
.Down-page .next{float:right;width:40%}
.Down-page a{display:block;overflow:hidden;max-width:305px;color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:26px}
.Down-page a .iconfont{float:left;margin-right:10px;color:#999}
.Down-page .Return{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-30px;width:60px;height:30px}
.Down-page a:hover{color:#fe8400}
.Down-page a:hover .iconfont{color:#fe8400}
.news-label strong{color:#333;font-size:20px}
.news-label span{display:inline-block;margin:0 10px;padding:0 25px;border:1px solid #ebebeb;border-radius:18px;color:#333;font-size:16px;line-height:30px}
.news-label span:hover{border-color:#f67c01;color:#f67c01}
.Related-news{margin-top:20px;padding:20px 30px;background:#fff}
.Related-news h1{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ebebeb;color:#333;font-weight:500;font-size:24px;line-height:30px}
.Related-news h1 a{float:right;color:#666;font-size:14px}
.Related-news h1 a:hover{color:#f67c01}
.Related-news h2{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ebebeb;color:#333;font-weight:500;font-size:24px;line-height:30px}
.Related-news h2 a{float:right;color:#666;font-size:14px}
.Related-news h2 a:hover{color:#f67c01}
.Related-news li{float:left;padding-right:15px;width:50%;line-height:40px}
.Related-news li:last-child{border-bottom:none}
.Related-news li a{display:block;overflow:hidden;padding-left:15px;background:url(../images/icon_sj01.jpg) no-repeat left center;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:50px}
.Related-news li a:hover{color:#fe8400}
.Right-news{margin-bottom:20px}
.Hotnews-Rtit{margin-bottom:15px;color:#000;font-size:20px;line-height:30px}
.Hotnews-Rtit a{float:right;color:#666;font-size:14px}
.Hotnews-Rtit a:hover{color:#f67c01}
.Hotnews-list{padding:10px 25px;background:#fff}
.Hotnews-list li{border-bottom:1px dashed #ddd}
.Hotnews-list li:last-child{border-bottom:none}
.Hotnews-list li a{display:block;overflow:hidden;padding-left:15px;background:url(../images/icon_sj01.jpg) no-repeat left center;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:50px}
.Hotnews-list li a:hover{color:#fe8400}
.Team-list{margin:20px -16px;margin-bottom:10px}
.Team-list li{float:left;width:25%}
.Team-Item{margin:16px;background:#fff;transition:all .3s linear}
.Team-Item .pic{overflow:hidden}
.Team-Item .pic img{width:100%;height:389px;transition:all .3s linear}
.Team-Item .intro{padding:20px;border-bottom:1px solid #e5e5e5}
.Team-Item h3{color:#000;font-size:18px;line-height:30px}
.Team-Item h3 .en{margin-left:10px;color:#666;font-weight:500;font-size:14px;line-height:30px}
.Team-Item p{overflow:hidden;height:52px;color:#666;font-size:14px;line-height:26px}
.Team-Item .team-abtn{overflow:hidden}
.Team-Item .team-abtn a{float:left;display:block;padding:15px 20px;width:50%;color:#666;text-align:center;font-size:14px;line-height:30px;transition:all .3s linear}
.Team-Item .team-abtn .iconfont{margin-right:10px;color:#b2b2b2;font-size:18px}
.Team-Item .team-abtn a.btn01{border-right:1px solid #e5e5e5}
.Team-Item .team-abtn .icon-aixin{font-size:20px}
.Team-Item:hover{box-shadow:0 0 5px 1px #e3e3e3}
.Team-Item:hover .pic img{transform:scale(1.1)}
.Team-Item .team-abtn a:hover{background:#df0000;color:#fff}
.Team-Item .team-abtn a:hover .iconfont{color:#fff}
#region{padding-top:40px}
.region-list li{width:33.33%}
.HotTeam{position:relative;margin-bottom:30px;padding:30px;background:#fff}
.HotTeam .pic{float:left;width:49%}
.HotTeam .pic img{width:100%}
.HotTeam .Intro{float:right;width:48%}
.HotTeam h1{margin-bottom:10px;border-bottom:1px solid #ebebeb;color:#cf0303;font-size:24px;line-height:50px}
.HotTeam p{color:#666;font-size:16px;line-height:30px}
.HotTeam .team-abtn{position:absolute;bottom:30px}
.HotTeam .team-abtn a{display:inline-block;margin-right:15px;width:140px;height:56px;border:1px solid #ebebeb;border-radius:5px;color:#000;text-align:center;font-size:14px;line-height:56px;transition:all .3s linear}
.HotTeam .team-abtn .iconfont{margin-right:10px;font-size:18px}
.HotTeam .team-abtn .icon-aixin{font-size:20px}
.HotTeam .team-abtn a:hover{background:#cf0303;color:#fff}
#TeamInfo .Detail-main{padding-top:0;padding-bottom:60px}
.Team-ban{padding-top:30px;height:625px;background-position:center center;background-repeat:no-repeat;text-align:center}
.Head-portrait{margin:10px auto;padding:5px;width:192px;height:192px;border-radius:50%;background:#9c9ea0}
.Head-portrait img{width:182px;height:182px;border-radius:50%}
.personal-profile h3{color:#fff;font-size:18px;line-height:30px}
.personal-profile h3 span{margin-left:20px;font-weight:500;font-size:16px}
.personal-profile p{color:#fff;font-size:14px;line-height:26px}
.personal-profile .btn-yysj{display:block;margin:20px auto;width:150px;height:50px;border-radius:5px;background:#e21010;color:#fff;text-align:center;font-size:14px;line-height:50px}
.team-text{overflow-y:scroll;max-height:200px}
.sample-reels{margin-top:-80px;background:#fff}
.sample-reels h1{padding:20px 0;border-bottom:1px solid #eaeaea;color:#666;text-align:center;font-weight:500;font-size:24px;line-height:60px}
.sample-reels h1 .icon-tuku{position:relative;margin-top:5px;margin-right:10px;height:60px;color:#7f7f7f;font-size:30px;line-height:60px}
.sample-reels .opus-list{margin:20px 15px}
.opus-list li{float:left;width:33.33%}
.case-item{margin:15px;background:#fff;transition:all .3s linear}
.case-item .pic{overflow:hidden}
.case-item .pic img{width:100%;height:236px;transition:all .3s linear}
.case-item .intro{position:relative;box-sizing:border-box;padding:15px 0; overflow:hidden;}
.case-item h3{display:block;overflow:hidden;box-sizing:border-box;color:#000;text-align:center;text-overflow:ellipsis;font-weight:500;font-size:18px;line-height:28px; height:56px; overflow:hidden;}
.case-item p{display:block;overflow:hidden;box-sizing:border-box;min-height:30px;color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:30px}

.case-item .yysj-btn{position:absolute;top:20px;right:30px;padding:10px 20px;border:1px solid #e1e1e1;border-radius:50%;color:#666;font-size:14px;line-height:25px;transition:all .3s linear}
.case-item:hover{box-shadow:0 0 5px 1px #e1e1e1}
.case-item:hover .pic img{transform:scale(1.1)}
.case-item:hover .yysj-btn{background:#f67c01;color:#fff}
.Contact-banner{padding-top:70px;height:740px}
.Contact-banner .container{position:relative;height:100%}
.Contact .fl{float:left;width:50%}
.Contact .fr{float:right;padding-top:50px;width:43%;color:#fff}
.Contact h1{padding-bottom:20px;border-bottom:1px solid #989ba2;color:#fff;font-size:36px;line-height:40px}
.Contact .Item{padding:20px 0;border-bottom:1px solid #989ba2}
.Contact .Item h4{font-weight:500;font-size:18px;line-height:30px}
.Contact .Item p{font-size:14px;line-height:26px}
.Hotline{position:absolute;bottom:0;left:0;overflow:hidden;padding:20px 160px;width:100%;background-image:url(../images/icon/bg-col.png);color:#fff}
.Hotline-item{float:left;width:50%;text-align:center}
.Hotline-item p{float:left;margin-left:80px;padding-left:80px;text-align:left}
.Hotline-item strong{display:block;font-weight:500;font-size:30px;line-height:40px}
.Hotline-item p span{font-size:14px;line-height:20px}
.Hotline-item .circular{float:left;display:block;margin-left:50px;width:50px;height:50px;border:1px solid #fff;border-radius:50%;text-align:center;line-height:50px}
.Hotline-item p.zx_rx{background:url(../images/icon_lx01.png) no-repeat left center}
.Hotline-item p.sh_rx{background:url(../images/icon_lx02.png) no-repeat left center}
.Contact-list{border:1px solid #e8e8e8}
.Contact-list li{float:left;width:50%}
.Contact-list .Item{padding:40px 50px;border:1px solid #e8e8e8;background:#fff}
.Contact-list .Item h3{margin-bottom:10px;color:#000;font-size:18px;line-height:40px}
.Contact-list .Item p{margin-bottom:10px;padding-left:35px;background-position:left 0 top 10px;background-repeat:no-repeat;color:#666;font-size:14px;line-height:30px}
.Contact-list .Item p.icon-tel{background-image:url(../images/icon_phone.png)}
.Contact-list .Item p.icon-fax{background-image:url(../images/icon_fax.png)}
.Contact-list .Item p.icon-address{background-image:url(../images/icon_address.png)}
.case-search{margin:50px 0 0;height:80px;background:url(../images/searchbg.jpg) no-repeat center bottom}
.case-search .case-form{position:relative;margin:0 auto;padding:5px 70px 5px 30px;width:600px;height:60px;border:1px solid #e5e5e5;border-radius:30px;background:#fff}
.case-search .case-form .KeyWord{width:100%;height:50px;border:none;background:0 0;color:#333;font-size:14px;line-height:50px}
.case-search .case-form .opinst{position:absolute;top:5px;right:5px;width:50px;height:50px;border:none;border-radius:50%;background:#fe8400 url(../images/icon-s1.png)}
.case-search .case-form input:focus{outline:0}
#Case-list{padding-bottom:60px}
.Case-list{margin:0 -15px}
.Case-list li{float:left;width:25%}
.Search-criteria{margin:30px 0}
.search-ul{display:flex;overflow:hidden;flex-wrap:wrap;justify-content:center}
.search-ul li{margin:0 2.5% 2% 2.5%;width:18%;background:#ff6537;text-align:center}
.search-ul li:hover{background:#ec5a2f}
.search-ul li a{display:block;margin:10px;padding:0 10px;border-radius:5px;color:#fff;font-size:14px;line-height:30px}
.criteria{position:relative;padding:20px 40px;padding-left:120px;border-bottom:1px solid #ebebeb}
.criteria .name{position:absolute;top:20px;left:40px;margin:10px;color:#000;font-size:14px;line-height:30px}
.search-ul li.cur a{background:#f67c01;color:#fff}
.productlist{margin-top:3.5%}
.productlist .case-item .pic{position:relative;overflow:hidden;padding-bottom:75%;width:100%;height:0}
.productlist .case-item .tb a::after{position:absolute;top:50%;left:50%;z-index:2;display:block;width:80px;height:80px;background:url(../images/icon_play.png) no-repeat center/cover;content:"";transform:translate(-50%,-50%)}
.productlist .case-item .tb a::before{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;content:""}
.productlist .case-item .pic img{position:absolute;top:50%;left:50%;width:100%;height:auto;transform:translate(-50%,-50%)}
.key-words{text-align:center}
.key-words .Tit,.key-words a{margin:0 6px;color:#333;font-size:16px;line-height:30px}
.key-words a:hover{color:#f67c01}
.Hotcase{margin-top:40px}
.Hotcase-tit{margin-bottom:10px;color:#f67c01;font-size:24px;line-height:40px}
.Hotcase-list{margin:0 -15px}
.Hotcase-list .owl-theme .owl-controls .owl-buttons [class*=owl-]{position:absolute;top:-50px;right:0;width:30px;height:30px;border:1px solid #e2e2e2;border-radius:50%}
.Hotcase-list .owl-theme .owl-controls .owl-buttons .owl-prev{right:60px;background:#fff url(../images/icon-left01.png) no-repeat center}
.Hotcase-list .owl-theme .owl-controls .owl-buttons .owl-next{right:15px;background:#fff url(../images/icon-right01.png) no-repeat center}
.Hotcase-list .owl-theme .owl-controls .owl-buttons .owl-prev:hover{background:#f67c01 url(../images/icon-left02.png) no-repeat center}
.Hotcase-list .owl-theme .owl-controls .owl-buttons .owl-next:hover{background:#f67c01 url(../images/icon-right02.png) no-repeat center}
.Hotcase-Rtit{color:#000;font-size:20px;line-height:30px}
.Hotcase-list .case-item .pic{position:relative;overflow:hidden;padding-bottom:75%;width:100%;height:0}
.Hotcase-list .case-item .pic img{position:absolute;top:50%;left:50%;width:100%;height:auto;transform:translate(-50%,-50%)}
.Right-Hotcase .Hotcase-list{margin:0}
.Right-Hotcase .Hotcase-list .case-item{margin:15px 0}
.Right-Hotcase .Hotcase-list .case-item .intro{text-align:center}
.Right-Hotcase .Hotcase-list .case-item .intro h3,.Right-Hotcase .Hotcase-list .case-item .intro p{padding-right:0}
.Right-Hotcase .owl-theme .owl-controls .owl-nav [class*=owl-]{top:-35px}
.Right-Hotcase .owl-theme .owl-controls .owl-nav .owl-prev{right:40px}
.Right-Hotcase .owl-theme .owl-controls .owl-nav .owl-next{right:0}
.Right-companyul{margin-top:20px;padding:10px 25px;background:#fff}
.Right-companyul li{border-bottom:1px dashed #ddd}
.Right-companyul li:last-child{border-bottom:none}
.Right-companyul li a{display:block;overflow:hidden;padding-left:15px;background:url(../images/icon_sj01.jpg) no-repeat left center;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:50px}
.Right-companyul li a:hover{color:#fe8400}
#Caseinfo{padding:10px 0}
.Detail-left{float:left;width:73%}
.Detail-right{float:right;width:25%}
.CaseInfo{padding:30px;background:#fff}
.CaseInfo h1{color:#281b1b;font-size:30px}
.CaseInfo .Title{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e8e8e8}
.CaseInfo .Detail-share{width:210px}
.case-label{font-size:16px}
.case-label span{margin-right:15px}
.Related-members{margin-top:40px}
.Related-tit{margin-bottom:10px;color:#000;font-weight:500;font-size:18px;line-height:30px}
.Related-list{margin:0 -15px}
.Related-list li{float:left;width:25%}
.Related-list .Item{margin:15px;padding:30px 0;border:1px solid #e8e8e8;text-align:center;transition:all .3s linear}
.Related-list .Item .pic{overflow:hidden;margin:0 auto;width:115px;height:115px;border-radius:50%}
.Related-list .Item .pic img{width:100%}
.Related-list .Item h3{color:#000;font-size:18px;line-height:40px}
.Related-list .Item p{color:#666;font-size:14px;line-height:30px}
.Related-list .Item:hover{box-shadow:0 0 5px 1px #e3e3e3}
.Related-list .Item:hover h3{color:#df0000}
.Right-box{margin-bottom:30px;padding:30px 40px;border:1px solid #e8e8e8;background:#fff}
.Creative-design{text-align:center}
.Creative-design .pic{overflow:hidden;margin:0 auto 10px;width:120px;height:120px;border-radius:50%}
.Creative-design h3{color:#000;font-size:18px;line-height:40px}
.Creative-design p{margin-bottom:20px;color:#666;font-size:16px;line-height:40px}
.Right-ljzx{display:block;width:100%;border:2px solid #e10505;color:#e10505;font-size:16px;line-height:50px;transition:all .3s linear}
.Right-ljzx:hover{background:#df0000;color:#fff}
.right-form h3{color:#000;font-size:20px;line-height:40px}
.right-form p{color:#666;font-size:18px;line-height:30px}
.form-item{position:relative;margin:10px 0;padding-left:20px;border:1px solid #e8e8e8}
.form-label{position:absolute;top:0;left:0;width:50px;height:50px;text-align:center;line-height:50px}
.form-label .iconfont{color:#999;font-size:18px;line-height:50px}
.form-inner input{width:100%;height:48px;border:none;color:#666;font-size:16px;line-height:48px}
.form-inner textarea{width:100%;outline:0;border:none;color:#666;font-size:16px;line-height:39px}
.form-inner input:focus{outline:0}
.form-submit{padding:0}
.form-submit .btn-form{width:100%;height:50px;border:none;background:#fe8400;color:#fff;font-size:16px;line-height:50px}
.product .pro_ico{margin:0 auto;padding:5% 0 30px;width:600px;max-width:100%}
.product .pro_ico .owl-carousel .owl-stage-outer{box-sizing:border-box;border:1px solid #018fdd}
.product .pro_ico .owl-theme .owl-controls{margin-top:15px}
.service-Title{margin-top:60px;margin-bottom:30px;text-align:center}
.service-Title h2{color:#f67c01;font-size:26px;line-height:50px}
.service-Title strong{position:relative}
.service-Title strong:after{position:absolute;top:50%;left:-50px;display:block;width:35px;height:2px;background:#f67c01;content:""}
.service-Title strong:before{position:absolute;top:50%;right:-50px;display:block;width:35px;height:2px;background:#f67c01;content:""}
.service-Title p{color:#333;font-size:18px;line-height:30px}
.date-ul li{float:left;display:flex;width:25%;height:238px;background:url(../images/jbbg01.png) no-repeat center;justify-content:center;align-items:center;flex-direction:column}
.date-ul strong{display:block;font-weight:500}
.date-ul .number{color:#f67c01;font-size:72px;font-family:Arial;line-height:80px}
.date-ul .jia{color:#f67c01;font-size:72px;font-family:Arial;line-height:80px}
.date-ul .year{color:#000;font-size:18px;line-height:60px}
.date-ul p{color:#000;text-align:center;font-size:16px;line-height:30px}
.service-Pattern{height:980px;background:#f6f6f6 url(../images/servicebg1.png) no-repeat center bottom}
.Pattern-ul{margin-top:5%}
.Pattern-ul li{float:left;width:33.33%}
.Pattern-ul .Item{display:flex;margin-right:1px;margin-bottom:1px;padding:50px 40px 50px 60px;height:350px;background-position:right bottom;flex-direction:column}
.Pattern-ul .Item h3{position:relative;margin-bottom:15px;padding-bottom:15px;color:#000;font-size:24px;line-height:30px}
.Pattern-ul .Item h3 .line{position:absolute;bottom:0;left:0;width:21px;height:3px;background:#a1a1a2}
.Pattern-ul .Item p{color:#666;font-size:16px;line-height:25px}
.service-Promise{overflow:hidden;padding-bottom:60px;background:#fff}
.Promise-text .text-1{margin-bottom:30px;color:#060001;font-size:16px;line-height:30px}
.text-inner{position:relative;margin-bottom:40px;padding-left:200px}
.text-inner strong{position:absolute;top:50%;left:0;margin-top:-20px;color:#060001;font-size:20px;line-height:40px}
.text-inner .stress{color:#fe8400;font-weight:700;font-size:16px;line-height:30px}
.Promise-list{margin:0 -13px}
.Promise-list li{float:left;width:33.33%}
.Promise-list .Item{display:flex;overflow:hidden;margin:13px;border:1px solid #eaeaea;border-radius:5px;justify-content:center}
.Promise-list .Item .pic{float:left;overflow:hidden;width:55%}
.Promise-list .Item .intro{float:right;float:right;padding:20px 50px 20px 10px;width:45%}
.Promise-list .Item h3{margin-bottom:10px;color:#000;font-size:18px;line-height:30px}
.Promise-list .Item p{color:#666;font-size:16px;line-height:26px}
.After-sale-ul li{float:left;padding:20px 60px;width:25%;text-align:center}
.After-sale-ul .pic{position:relative;margin:15px auto;width:210px;height:210px;border-radius:50%}
.After-sale-ul .pic span{position:absolute;top:0;left:0;display:flex;padding:0 70px;width:100%;height:100%;color:#fff;text-shadow:1px 1px 5px #333;font-weight:700;font-size:30px;line-height:50px;justify-content:center;align-items:center;flex-direction:column}
.After-sale-ul p{height:60px;color:#666;font-size:16px;line-height:30px}
.Service-flow{position:relative;padding-top:20px;height:594px;background:url(../images/lcbg.jpg) no-repeat center bottom}
.Service-flow .service-Title h2{color:#fff}
.Service-flow .service-Title strong:after,.Service-flow .service-Title strong:before{background:#fff}
.Service-flow .service-Title p{color:#fff}
.flow-list{position:absolute;bottom:0;left:50%;overflow:hidden;margin-left:-595px;width:1200px;height:365px}
.flow-list .flow-Item{position:relative;float:left;margin-right:50px;padding-bottom:285px;width:100px;color:#fff;text-align:center}
.flow-list .flow-Item::after{position:absolute;bottom:0;left:49px;display:block;width:1px;height:70%;background:#595858;content:""}
.flow-list .flow-Item .icon{display:block;margin:0 auto;width:40px;height:40px;border-radius:50%;background:#df0000;color:#000;text-align:center;font-size:18px;font-family:Arial;line-height:40px}
.flow-list .flow-Item .cn{color:#fff;font-size:18px;line-height:40px}
.flow-list .Item01{margin-top:50px}
.flow-list .Item03{margin-top:55px}
.flow-list .Item04{margin-top:30px}
.flow-list .Item05{margin-top:60px}
.flow-list .Item06{margin-top:25px}
.flow-list .Item07{margin-top:60px}
.flow-list .Item08{margin-top:30px}
.Service_flow_img{display:none}
.bottom-form{padding:50px 0;background:url(../images/formbg01.png) center}
.myform1{margin:0 auto;width:1180px}
.myform1 .form-item{position:relative;float:left;overflow:hidden;margin:0;width:316px;height:55px;border:1px solid #e9e9e9;border-right:none;background:#fff}
.myform1 .form-item:nth-child(3){border-right:1px solid #e9e9e9}
.myform1 .form-label{position:absolute;top:0;left:0;width:60px;text-align:center}
.myform1 .form-label .iconfont{height:53px;color:#999;font-size:24px;line-height:53px}
.myform1 .form-inner{padding-left:60px;background:#fff}
.myform1 .form-inner input{padding:0 10px;width:100%;height:53px;border:none;color:#333;font-size:16px;line-height:53px}
.myform1 .form-submit{margin-left:14px;width:218px;border:none}
.myform1 .form-submit .btn-form{width:100%;height:55px;border:none;background:#c0000b;color:#fff;text-align:center;font-size:16px;line-height:53px}
.myform1 .form-submit .btn-form img{margin-left:10px}
.quoted-price{overflow:hidden;height:745px;background:url(../images/Onlinebg.jpg) no-repeat center center;text-align:center}
.check-house,.check-time,.choosebjway li,.ele_bt{cursor:pointer}
.con h1,.con h3{font-weight:400}
i{font-style:normal}
.con_text{position:absolute;top:-140px;right:0}
.con{position:absolute;top:380px;left:50%;z-index:12;margin:0 auto;margin-left:-490px;width:980px;color:#333}
.con_t{padding-bottom:15px;font-size:24px}
.con_bj{position:relative;overflow:hidden;border-radius:5px;background:#fff;box-shadow:0 0 10px #ccc}
.con_bj h3{margin-bottom:20px;font-size:20px}
.con_bj_cal{position:relative;padding:50px 40px 40px;width:500px;border-right:1px solid #eee}
.bj_form{width:370px;font-size:14px}
.bj_form .label{margin-left:0;color:#333;text-align:left;font-size:16px}
.mod_form .label{float:left;padding-right:8px;width:100px;text-align:right;line-height:34px}
.bj_res_t,.bj_res_t b,.calc-btn em,.ele_bt{text-align:center}
.bj_form .element{position:relative;padding-bottom:18px;width:370px;height:49px}
.bj_form .select{padding-left:5px;width:320px;height:36px}
.bj_form .select_s{width:260px}
.bj_form .select_s_s{margin-bottom:10px;width:78px}
.bj_form .text{width:260px;border:1px solid #ccc}
.bj_form .area_text{padding:7px 20px 7px 10px;width:260px;color:#000}
.bj_form .text_wrap{position:static}
.bj_form .text_wrap .text_lbl{left:11px}
.bj_form .text_wrap .unit{margin-left:-32px;color:#bbb}
.bj_form .form_error{position:absolute;bottom:0;left:0;font-size:12px}
.ele_b{margin-left:-10px}
.ele_bt{float:left;margin-right:10px;width:120px;height:32px;border:1px solid #ddd;line-height:32px}
.ele_bt_on{border-color:#f36f20;color:#f36f20}
.calc-btn{position:absolute;top:155px;right:-46px;z-index:15;display:block;width:90px;height:90px;-webkit-border-radius:50%;border-radius:45px;background:#db0000;-ms-border-radius:50%}
.calc-btn-ie,.ico-line-btn{position:absolute;right:-71px;display:block;width:140px;height:140px}
.calc-btn-ie,.ico-line-btn{position:absolute;right:-71px;display:block;width:140px;height:140px}
.form_line>.calc-btn-ie{top:119px;background:url(../images/ico-line-btn.png) no-repeat;background-size:contain}
.form_line>.ico-line-btn{top:130px;z-index:9;background:url(../images/ico-line-btn.png) no-repeat}
.calc-btn-ie{top:119px;background:url(../../../img.to8to.com/to8to_img/zxbj/ico-line-btn.png) no-repeat;background-size:contain}
.ico-line-btn{top:130px;z-index:9;background:url(../../../img.to8to.com/to8to_img/zxbj/ico-line-btn.png) no-repeat}
.calc-btn em{display:block;margin:20px auto 0;width:44px;height:44px;color:#fff;font-size:16px}
.circle-animate{position:absolute;top:145px;right:-56px;z-index:12;width:110px;height:110px;-webkit-border-radius:50%;border-radius:50%;background:#fdcc9a;-webkit-animation:scale-three2 1.5s ease infinite;-moz-animation:scale-three2 1.5s ease infinite;-o-animation:scale-three2 1.5s ease infinite;animation:scale-three2 1.5s ease infinite;animation-fill-mode:both}
@keyframes scale-three2{0%{opacity:.8;transform:scale(1)}
100%{opacity:0;transform:scale(1.3)}
}
@-webkit-keyframes scale-three2{0%{opacity:.7;-webkit-transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.3)}
}
@-moz-keyframes scale-three2{0%{opacity:.7;-moz-transform:scale(1)}
100%{opacity:0;-moz-transform:scale(1.3)}
}
@-o-keyframes scale-three2{0%{opacity:.7;-o-transform:scale(1)}
100%{opacity:0;-o-transform:scale(1.3)}
}
.con_bj_res{padding:45px 50px 0 0;width:340px;color:#333;font-size:14px}
.bj_res_t b,.bj_res_ul li b{display:inline-block;color:#f36f20;font-weight:400}
.bj_res_tip,.bj_res_zxd,.res_btn,.tender-video-tip,.tender-video-title{text-align:center}
.bj_res_ul li strong em{display:inline-block;margin-right:10px;margin-left:10px;width:55px;font-style:normal;font-size:18px}
.let_spac i{padding:0 21px}
.bj_res_ul li b{margin:0 15px;padding-bottom:3px;width:107px;border-bottom:1px solid #eaeaea;font-size:20px}
.res_btn,.res_btn_box{width:220px;height:42px}
.res_btn,.res_btn:hover{color:#999}
.bj_res_tip{padding-top:15px;color:#999}
.res_btn_box{margin:0 auto 40px}
.calputer_tit span{margin-left:10px;color:#db0000;font-size:12px}
.result-wechat-hotad{margin-top:-314px;width:386px}
.result-wechat-hotad .num{color:#db0000;font-size:30px}
.result-wechat-hotad .bj_res_ul{margin:0 auto;margin-left:10px;width:340px;height:180px;border:1px solid #ddd;text-align:center}
.result-wechat-hotad .bj_res_ul li{height:40px;font-size:14px;line-height:40px}
@media (max-width:1600px){.aboutus-introduce{padding:40px 30px}
.about-office .fl{padding:20px}
.about-office strong{font-size:60px}
.Related-list{margin:0 -5px}
.Related-list .Item{margin:5px}
.Hotline{padding:20px 100px}
.culture-Item{height:290px}
.After-sale-ul li{padding:20px 45px}
.Contact .fr{padding-top:20px}
}
@media (max-width:1360px){.Right-box{padding:20px 15px}
.right-form h3{font-size:16px}
.Case-list{margin:30px -5px 0}
.case-item{margin:5px}
.case-item .yysj-btn{top:10px}
.case-search{margin:20px 0 10px}
.Search-criteria{margin:15px 0}
.criteria{padding:10px 20px;padding-left:100px}
.criteria .name{top:10px;left:20px;margin:5px}
.search-ul li a{display:-webkit-box;overflow:hidden;overflow-x:auto;margin:5px;height:auto;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.Contact-banner{height:650px}
.CaseInfo .Title{margin-bottom:10px;padding-bottom:10px}
.product .pro_ico .Contact .fr{padding-top:0}
.CaseInfo h1{font-size:20px}
.Detail-more .hd .list-group li{font-size:16px}
.Hotline{padding:10px 20px}
.Hotline-item p{margin-left:40px}
.course{padding:40px 50px 40px 160px}
.culture-Item{padding:30px 20px;height:238px}
.Honor-ul{margin:0 -5px}
.Honor-ul .Item{margin:5px}
.news-ul{margin:0 -5px}
.news-Item{margin:5px}
.news-Item{padding:20px}
.Promise-list .Item .intro{padding:10px}
.After-sale-ul{margin-bottom:30px}
.After-sale-ul li{padding:10px 15px}
.flow-list{margin-left:-394px;width:800px}
.flow-list .flow-Item{margin-right:0}
.flow-list .flow-Item .cn{font-size:16px}
.myform1{width:980px}
.myform1 .form-item{width:250px}
.myform1 .form-submit{width:216px}
.Team-list{margin:10px -5px}
.Team-Item{margin:5px}
.Team-Item .team-abtn a{padding:10px}
.about-ul strong{height:70px}
.about-ul .number{font-size:56px}
.about-ul .jia{font-size:56px}
.about-ul .year{font-size:18px}
.about-ul{margin:0}
}
@media (max-width:1200px){#Detailbanner h2{font-size:30px}
#Detailbanner h3{font-size:20px}
.course{padding-left:100px}
.Honor-ul .Item{padding:30px}
.about-office strong{font-size:50px}
}
@media (max-width:1025px){#Detailbanner h2{font-size:26px}
#Detailbanner .ban{ margin-top:65px;}
#Detailbanner h3{font-size:16px}
.location span.space a{line-height:40px}
.aboutus-company .fl,.aboutus-company .fr{width:100%}
.adv-list{padding:20px}
.about-office .fl,.about-office .fr{width:100%}
.Detail-left,.Detail-right{width:100%}
.Case-list li{width:50%}
.case-item h3{font-size:18px}
.case-item .yysj-btn{right:20px}
.Hotline-item p.zx_rx{margin-left:0}
.Hotline-item .circular{display:none;margin-left:10px}
.Contact .Item{padding:10px 0}
.Contact h1{font-size:28px}
.course{padding:30px}
.Honor-ul .Item{padding:20px}
.Promise-list li{width:50%}
.After-sale-ul li{width:33.33%}
.myform1{width:100%}
.myform1 .form-item{width:25%}
.myform1 .form-submit{float:right;margin:0;width:23%}
.service-Title h2{font-size:20px;line-height:1.5}
.service-Title p{font-size:16px}
.con_bj_cal{padding:40px 20px}
.result-wechat-hotad{padding:40px 0}
.result-wechat-hotad .calputer_tit{margin-right:20px;width:260px}
.result-wechat-hotad .bj_res_ul{margin-right:20px;width:260px}
.HotTeam{padding:15px}
.HotTeam .team-abtn{bottom:15px}
.HotTeam h1{font-size:20px}
.about-ul strong{height:50px}
.about-ul .number{font-size:36px}
.about-ul .jia{font-size:36px}
.about-ul .year{font-size:16px}
.about-office strong{font-size:40px}
}
@media (max-width:768px){#Detailbanner h2{font-size:20px}
#Detailbanner h3{font-size:14px}
.Detail-nav li a{margin:0 10px}
.Related-list li{width:50%}
.CaseInfo{padding:20px}
.CaseInfo h2{font-size:20px}
.CaseInfo .Detail-share{float:left;width:100%}
.criteria{position:relative;float:left;padding:10px;width:33.33%;border-right:1px solid #ebebeb;border-bottom:none}
.criteria .name{position:relative;top:auto;left:auto;display:block;cursor:pointer}
.criteria .name:after{position:absolute;top:0;right:0;display:block;width:30px;height:100%;background:url(../images/Icon-Down.png) no-repeat center center;background-size:20px 20px;content:"";transition:all .3s linear;transform:rotate(0)}
.search-ul{left:0;z-index:8}
.search-ul li{width:40%}
.criteria .name.cur:after{transform:rotate(90deg)}
.Hotcase{margin-top:20px}
.product .pro_ico{padding:2% 0 6px}
.Detail-more{padding:10px 0}
.case-item .yysj-btn{right:10px}
.Contact-list .Item{padding:20px}
.Hotline-item{width:100%}
.Hotline-item p.sh_rx{margin-top:10px;margin-left:0}
.Contact .fr{width:50%}
.Contact h1{padding-bottom:10px;font-size:22px}
.Contact .fl{display:none}
.Contact .fr{width:100%}
.Contact .Item h4{font-size:16px}
.course{padding:20px}
.course-line{left:70px}
.course-Item{margin-bottom:30px;padding-left:120px;background-position:left 70px top}
.course-Item p{font-size:14px;line-height:1.5}
.Honor-ul .Item{padding:10px}
.news-ul li{width:50%}
.news-Item{padding:10px}
.NewsInfo-content{margin-bottom:15px;padding:20px}
.Team-list li{width:33.33%}
.opus-list li{width:50%}
.After-sale-ul li{width:50%}
.bottom-form{padding:10px 0}
.myform1 .form-item{width:50%}
.Pattern-ul li{width:50%}
.Pattern-ul{margin-top:30px}
.service-Pattern{height:auto}
.date-ul li{width:50%}
.text-inner{padding-left:160px}
.con_bj_cal{width:100%}
.quoted-price{position:relative}
.con{top:50%;left:50%;margin:0;margin-top:110px;width:90%;transform:translate(-50%,-50%)}
.con_text{top:-50px;width:70%}
.bj_form{width:100%}
.form_line{position:relative;width:100%}
.mod_form .label{position:relative;left:auto;float:none;display:block}
.bj_form .text_wrap .unit{display:none}
.bj_form .element{width:100%}
.bj_form .area_text,.bj_form .select_s{width:100%}
.calc-btn{position:relative;top:auto;left:auto;margin:0}
.circle-animate{display:none}
.calc-btn{right:auto;width:100%;height:60px;border-radius:0;line-height:60px}
.calc-btn em{margin:0;width:100%;line-height:60px}
.result-wechat-hotad{display:none}
.flow-list{display:none}
.Service_flow_img{display:block}
.calputer_tit span{display:block;text-align:left;font-size:14px}
.adv-list h3{margin-bottom:10px;font-size:20px}
.about-ul li{padding:10px}
.about-ul p{font-size:14px}
.about-ul .number{font-size:30px}
.about-ul .jia{font-size:30px}
.about-ul .year{font-size:14px}
.aboutus-introduce{padding:15px 10px}
.aboutus-introduce h3{margin-bottom:10px;padding-bottom:5px;font-size:18px}
.about-office strong{font-size:30px}
.aboutus-introduce p{font-size:14px}
.about-office p{font-size:14px}
.NewsInfo .Title{padding:10px 0}
.NewsInfo .Title h3{margin:0;font-size:18px}
.NewsInfo .Title .Info span{font-size:12px}
.Detail-more{font-size:14px;line-height:1.5}
.Detail-more iframe,.Detail-more video{max-height:370px}
.Down-page{padding:15px 10px}
.Down-page a span{display:none}
.case-label{font-size:14px}
.Up-Down-page a span{display:none}
.culture .fl,.culture .fr{width:100%}
.culture-Item{padding:10px 10px;height:108px}
.Pattern-ul .Item{display:flex;margin-right:1px;margin-bottom:1px;padding:50px 15px;height:350px;background-position:right bottom;flex-direction:column}
.date-ul li{float:left;display:flex;width:25%;height:160px;background:url(../images/jbbg01.png) no-repeat center;justify-content:center;align-items:center;flex-direction:column}
.Service-flow{position:relative;padding-top:20px;background:url(../images/lcbg.jpg) no-repeat center bottom}
.Detail-left{margin-bottom:20px}
.Hotcase-Rtit,.Hotcase-tit{font-size:18px}
.Hotcase-list{margin:0}
.key-words .Tit,.key-words a{display:inline-block;margin:0 5px;font-size:14px}
.NewsInfo-bottom .left,.NewsInfo-bottom .right{float:none;margin-bottom:10px}
.Related-news{padding:20px}
.Related-news li{width:100%}
.Related-news li a{font-size:14px;line-height:30px}
.Hotnews-list li a{line-height:30px}
.Right-companyul li a{font-size:14px;line-height:30px}
.HotTeam .Intro,.HotTeam .pic{width:100%}
.HotTeam h1{font-size:18px}
.HotTeam .team-abtn{position:relative;margin-top:20px;border:0}
}
@media (max-width:640px){.Detail-Top{overflow-x:auto;overflow-y:hidden;width:100%}
.Detail-nav{width:max-content}
.about-listpic .fl,.about-listpic .fr{margin-bottom:10px;width:100%}
.CaseInfo{padding:10px}
.case-search .case-form{width:90%;height:45px}
.case-search .case-form .KeyWord{height:35px}
.case-search .case-form .opinst{width:35px;height:35px;background-size:100%}
.case-item h3{padding-left:0;font-size:16px;}
.case-item p{padding-left:0;min-height:initial;font-size:14px;line-height:1.5}
.case-item .yysj-btn{position:relative;top:auto;right:auto;display:block;margin-top:10px;padding:10px;width:100%;border-radius:6px;text-align:center}
.case-item .yysj-btn br{display:none}
.Contact h1{font-size:18px}
.Contact .Item h4{font-size:14px}
.course-Item{margin-bottom:20px}
.Honor-ul li{width:50%}
.Team-list li{width:50%}
.myform1 .form-item{width:100%}
.Promise-list li{width:100%}
.culture .fl,.culture .fr{width:100%}
.culture-Item{padding:10px 10px;height:160px}
.Pattern-ul .Item{display:flex;margin-right:1px;margin-bottom:1px;padding:35px 15px;height:350px;background-color:rgba(255,255,255,.99);background-position:right bottom;background-size:150px;background-repeat:no-repeat;flex-direction:column}
.Pattern-ul .Item h3{font-size:20px}
.Pattern-ul .Item p{font-size:14px}
.date-ul li{float:left;display:flex;width:25%;height:160px;background:url(../images/jbbg01.png) no-repeat center;justify-content:center;align-items:center;flex-direction:column}
.Service-flow{position:relative;padding-top:20px;background:url(../images/lcbg.jpg) no-repeat center bottom}
}
@media (max-width:520px){.Contact-list li{width:100%}
.After-sale-ul li{width:100%}
.date-ul li{width:100%}
}
@media (max-width:480px){
.news-ul li{width:100%}
 
}
@media (max-width:420px){.Team-list li{width:100%}
}
@media (max-width:380px){.Related-list li{width:100%}
}
.contact2 .contact_wrap{padding:2%;background:#fff}
.contact2 .top_img{position:relative;width:100%;background:#fff}
.contact2 .top_img .container{position:relative}
.contact2 .top_img .img{height:184px;background:url(../images/contact_bg.jpg) no-repeat center}
.contact2 .top_img img{display:block;margin:0 auto}
.contact2 .top_img .slogan{position:absolute;top:50%;left:10px;width:100%;color:#333;font-size:28px;transform:translateY(-50%)}
.contact2 .contact_top{padding:3.5% 0;border-bottom:1px solid #e5e5e5;justify-content:flex-start}
.contact2 .contact_top .hot_line span{display:inline-block;color:#222;font-size:18px}
.contact2 .contact_top .hot_line h2{font-size:16px}
.contact2 .contact_top .hot_line span strong{display:block;color:#999;font-weight:400;font-size:16px}
.contact2 .contact_top .hot_line span.time{display:block}
.contact2 .contact_top .num{display:inline-block;margin-left:4%;padding-right:4%;border-right:1px solid #e5e5e5;color:#f67c01;white-space:nowrap;font-size:26px;font-family:arial}
.contact2 .contact_mes{padding:2% 0}
.contact2 .contact_mes .company_name{color:#333;font-size:24px}
.contact2 .contact_mes ul{margin-top:30px;justify-content:flex-start}
.contact2 .contact_mes ul li{margin-right:24px;color:#666;font-size:16px;line-height:42px}
.contact2 .contact_mes .fix{display:flex;margin-top:0;flex-wrap:wrap}
.contact2 .contact_mes .fix li{width:calc(100% / 3.5)}
.contact2 .contact_mes li img{margin-right:1%}
#map{display:block;margin-top:3%;width:100%;height:485px;border:none}
#map img{top:0;left:0;width:auto;max-width:none}
#map label{max-width:none}
@media only screen and (max-width:768px){.contact2 .contact_mes ul{width:100%}
#map{height:300px}
.contact2 .contact_mes ul li{width:100%;font-size:14px}
.contact2 .contact_mes .fix li{width:inherit}
}
@media only screen and (max-width:480px){.contact2 .top_img .slogan{font-size:20px}
.contact2 .contact_top .hot_line{background:url(../images/phone.png) no-repeat left top 10px/30px}
.contact2 .contact_top .num{border-right:0;font-size:24px}
.contact2 .contact_wrap{padding:3%}
.contact2 .contact_mes{padding:12px 0 0}
.contact2 .contact_mes ul{margin-top:10px}
}
.viode .case-item .pic a::after{position:absolute;top:50%;left:50%;z-index:2;display:block;width:80px;height:80px;background:url(../images/icon_play.png) no-repeat center/cover;content:"";transform:translate(-50%,-50%)}
.viode .case-item .pic a::before{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;content:""}
.message{margin-top:3%;padding-top:3%;border-top:1px solid #e5e5e5}
.message .mes_hd{text-align:left}
.message .mes_hd .tit{color:#333;font-size:16px}
.message .mes_hd .tit b{font-weight:700;font-size:24px}
.message .mes_hd .tag{color:#666;font-size:14px;line-height:28px}
.mes_btn .js_btn a{position:relative;display:block;overflow:hidden;overflow:hidden;margin:0 auto;margin-top:20px;width:120px;height:45px;border:1px solid #eee;background:#fff;color:#666;text-align:center;font-size:15px;line-height:45px}
.mes_btn .js_btn a:hover{border:1px solid #f67c01;color:#f67c01}
.mes_btn .js_btn input{position:relative;display:block;overflow:hidden;overflow:hidden;margin:0 auto;margin-top:20px;width:120px;height:45px;border:1px solid #eee;background:#f67c01;color:#fff;text-align:center;font-size:16px;line-height:45px}
.mes_btn .js_btn input:hover{border:1px solid #f67c01;color:#f67c01}
.mes_con{margin-top:2.5%}
.mes_con .mes_item{padding:10px 0;width:32.5%;height:auto}
.mes_con .mes_item span{display:inline-block;width:20%;font-size:15px}
.mes_con .mes_item input{box-sizing:border-box;padding-left:10px;width:78%;height:40px;border:1px solid #eee;font-size:14px}
.mes_con .lve{float:left;margin-top:20px;width:100%}
.mes_con .lve span{display:inline-block;width:6.5%;font-size:15px}
.mes_con .lve textarea{box-sizing:border-box;box-sizing:border-box;padding:10px 0 0 10px;width:93%;height:200px;border:1px solid #eee;vertical-align:middle;font-size:14px;resize:none}
.mes_con .check_code{box-sizing:border-box;margin-top:30px;padding-left:6.7%}
.mes_con .check_code input{box-sizing:border-box;padding-left:10px;width:150px;height:40px;border:1px solid #eee;font-size:14px}
@media only screen and (max-width:940px){.mes_con .mes_item span{width:40%;text-align:left}
.mes_con .mes_item{float:left;margin-right:2%;padding:10px 0;width:49%;height:auto}
.mes_con .mes_item:nth-child(2n){margin:0}
.mes_con .mes_item input{width:100%}
.mes_con .lve span{width:100%;text-align:left}
.mes_con .lve textarea{width:100%}
.mes_con .check_code{padding-left:0}
}
@media only screen and (max-width:480px){.message{margin-top:20px;padding-top:20px}
.mes_con .mes_item{margin-right:0;padding:6px 0;width:100%}
.message .mes_hd .tit b{font-size:18px}
.mes_con .lve{margin-top:6px}
.mes_con .lve textarea{height:165px}
.mes_con .check_code{margin-top:20px}
.mes_btn .js_btn a{height:40px;line-height:40px}
}
.anclelist .ancle_i{margin:0 auto 10px}
.anclelist .list_wrap{border-top:1px solid #000}
.anclelist .ancle_item{display:flex;padding:6px;border-bottom:1px solid #eee;flex-wrap:wrap;justify-content:space-between}
.anclelist .ancle_item .tit{overflow:hidden;width:80%;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:29px}
.anclelist .ancle_item .tit:hover{color:#f67c01}
.anclelist .ancle_item span{display:block;line-height:28px}
@media only screen and (max-width:480px){.anclelist .ancle_i{width:100%}
.anclelist .list_wrap{width:100%}
.anclelist .ancle_item .tit{width:100%}
.anclelist .ancle_item span{line-height:24px}
}