@charset "utf-8";

/* CSS Document */

body { background: #f6f6f6; }

#Detailbanner .ban { overflow: hidden; height: 354px; position: relative; color: #fff; text-align: center; background-repeat: no-repeat; background-position: center center; display: flex; justify-content: center; align-items: center; flex-direction: column; }

#Detailbanner h1 { font-size: 36px; line-height: 40px; padding-bottom: 15px; }



/****** location--style ******/

.location { height: 60px; margin: 0;  }

.location i { font-size: 22px; color: #fff; }

.location span.title { display: none; }

.location span.space { font-size: 14px; color: #fff; display: inline-block;  }

.location span.space a { font-size: 14px; color: #fff; line-height: 60px; display: inline-block; margin: 0 10px; text-transform: uppercase; }

.location span.space a:hover { color: #df0000; }

.location span.space span { font-size: 14px; color: #fff; line-height: 60px; display: inline-block; margin: 0 15px; text-transform: uppercase; }



/****** Detail-share-style ******/

.Detail-share { text-align: center; }

.share { text-align: center; margin: 0 auto; }

.share .share-name { float: left; font-size: 14px; color: #333; line-height: 30px; }/*修改*/

.share .bdsharebuttonbox { float: left; }/*修改*/

.share .bdsharebuttonbox a { overflow: hidden; float: right; margin: 2px 2px; border-radius: 50%; width: 26px; height: 26px; }

.share .bds_more { background: url('../images/icon-more.jpg') no-repeat center center !important; }

.share .bds_tsina { background: url('../images/icon-weibo.jpg') no-repeat center center !important; }

.share .bds_weixin { background: url('../images/icon-weixin.jpg') no-repeat center center !important; }

.share .bds_qzone { background: url('../images/icon-qq.jpg') no-repeat center center !important; background-image: url('../images/icon-qq.jpg'); }

.share .bds_tqq { background: url('../images/icon-qqkj.jpg') no-repeat center center !important; background-image: url('../images/icon-qqkj.jpg'); }



/****** css3--transition--style ******/

.trst5s { transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }

.trst3s { transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }



/****** pager--style ******/

#SC_pager { text-align: center; }

#SC_pager .pages { margin: 20px 0; }

#SC_pager .pages a { display: inline-block; text-align: center; font-size: 12px; line-height: 36px; color: #000; border: 1px solid #ccc; margin: 0 5px 0 0; height: 36px; min-width: 36px; font-weight: bold; border: 1px solid #cccccc; cursor: pointer; padding: 0 10px; border-radius: 3px; }

#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; text-align: center; font-size: 12px; line-height: 30px; color: #333; height: 30px; border: 1px solid #d7d7d7; padding: 0 10px; cursor: pointer; }

#SC_pager .pages .pgcurrent { background: #cf0303; color: #fff; border: 1px solid #cf0303; }

#SC_pager .pages a:hover { background: #cf0303; color: #fff; border: 1px solid #cf0303; }

#SC_pager .pages a:first-child, #dcms_pager .pages a:last-child { /* display: none; */ }



/****** Detail--bottom--style ******/

.Detail-page { padding-bottom: 30px; border-top: 1px solid #dadada; padding-top: 20px; }

.Detail-page .switch { }

.Detail-page .switch a { display: block; font-size: 14px; color: #424242; line-height: 40px; position: relative; padding-left: 15px; }

.Detail-page .switch a span { color: #000; }

.Detail-page .switch a i { font-size: 20px; line-height: 40px; color: #999; margin-right: 10px; }

.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; font-size: 14px; color: #333; line-height: 36px; margin: 10px 0; border: 1px solid #999; display: inline-block; border-radius: 6px; padding: 0 20px; padding-left: 50px; background: url('../images/Icon-return.png') no-repeat left 20px center; }



/****** Detail-public-style ******/

.Detail-more { padding: 20px 0; }

.Detail-more p { font-size: 16px; color: #333; line-height: 30px; }

.Up-Down-page { position: relative; background: #fff; padding: 15px; width: 100%; margin: 20px 0; box-sizing: border-box; margin-bottom: 0; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }

.Up-Down-page .prev { float: left; }

.Up-Down-page .next { float: right; }

.Up-Down-page a { font-size: 14px; color: #666666; line-height: 26px; display: block; }

.Up-Down-page .prev a { background: url('../images/icon_left.png') no-repeat left center; padding-left: 20px; }

.Up-Down-page .next a { background: url('../images/icon_right.png') no-repeat right center; padding-right: 20px; }

.Up-Down-page .Return { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('../images/icon_menu01.png') no-repeat center center; }

.Up-Down-page .Return:hover { background: url('../images/icon_menu02.png') no-repeat center center; }

.Up-Down-page .prev a:hover { background: url('../images/icon_left01.png') no-repeat left center; color: #df0000; }

.Up-Down-page .next a:hover { background: url('../images/icon_right01.png')no-repeat right center; color: #df0000; }



/****** Detail-public--style ******/

.Detail-conten { position: relative; }

.Detail-Top { background: #fff; }

.Detail-Top .fl { float: left; position: relative; }

.Detail-Top h2 { font-size: 24px; color: #113f8d; line-height: 60px; cursor: pointer; display: none; }

.Detail-Top .iconfont { font-size: 20px; line-height: 60px; margin-left: 15px; color: #666; }

.Detail-nav { text-align: center; }

.Detail-nav li { display: inline-block; }

.Detail-nav li a { font-size: 16px; color: #333; line-height: 66px; display: block; padding: 0 5px; margin: 0 20px; position: relative; }

.Detail-nav li .line { position: absolute; bottom: 0; left: 50%; height: 3px; width: 0; display: block; background: #d22929; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }

.Detail-nav li.cur a, .Detail-nav li:hover a { color: #d22929; }

.Detail-nav li.cur .line, .Detail-nav li:hover .line { width: 100%; left: 0; }

.Detail-main { padding: 40px 0; }



/****** Detail-About--style ******/

.aboutus-company { background: #fff; margin-bottom: 20px; }

.aboutus-company .fr { float: right; width: 45%; }

.aboutus-company .fl { float: left; width: 55%; }

.aboutus-introduce { padding: 60px 30px; }

.aboutus-introduce h3 { font-size: 24px; color: #333; line-height: 30px; padding-bottom: 20px; position: relative; font-weight: bold; margin-bottom: 20px; }

.aboutus-introduce h3 .line { background: #ededed; height: 4px; position: absolute; left: 0; bottom: 0; width: 45px; display: block; }

.aboutus-introduce p { font-size: 16px; color: #666; line-height: 1.8; margin-bottom: 20px; }

.aboutus-advantage { position: relative; }

.adv-list { position: absolute; left: 0; top: 0; padding: 200px 230px; color: #fff; width: 100%; }

.adv-list h3 { font-size: 30px; margin-bottom: 40px; }

.about-ul { margin: 0 40px; }

.about-ul li { float: left; width: 50%; text-align: center; padding: 20px; }

.about-ul strong { display: block; font-weight: 500; height: 90px; }

.about-ul .number { font-size: 72px; line-height: 80px; font-family: Arial; }

.about-ul .jia { font-size: 72px; line-height: 80px; font-family: Arial; }

.about-ul .year { font-size: 18px; line-height: 60px; }

.about-ul p { font-size: 16px; line-height: 30px; text-align: center; }

.about-office { background: #fff; margin-bottom: 20px; }

.about-office .fl { float: left; width: 32%; padding: 40px; }

.about-office .fr { float: right; width: 66%; }

.about-office h3 { font-size: 24px; color: #000; line-height: 30px; padding-bottom: 15px; position: relative; font-weight: 500; margin-bottom: 20px; }

.about-office h3 .line { width: 18px; height: 2px; display: block; background: #b5b5b5; position: absolute; left: 0; bottom: 0; }

.about-office p { font-size: 16px; color: #666; line-height: 1.8; }

.about-office strong { font-family: Arial; font-size: 72px; color: #000000; line-height: 1.5; display: block; }

.about-office span { font-size: 16px; color: #333; }

.about-listpic .fl, .about-listpic .fr { width: 49%; position: relative; }

.about-listpic span { font-size: 16px; color: #fff; line-height: 50px; text-align: center; position: absolute; left: 0; bottom: 0; width: 100%; }



/****** Detail-Honor--style ******/

.Honor-ul { margin: 0 -15px; }

.Honor-ul li { float: left; width: 33.33%; }

.Honor-ul .Item { margin: 15px; background: #fff; padding: 50px; text-align: center; }



/****** Detail-course--style ******/

.course { background: #fff; padding: 70px 50px 70px 280px; }

.course-list { position: relative; padding: 40px 0; }

.course-line { position: absolute; left: 100px; top: 0; width: 1px; height: 100%; background: #f0f1f3; }

.course-Item { padding: 5px 0; padding-left: 170px; position: relative; margin-bottom: 50px; background: url('../images/icon-zj.jpg') no-repeat left 95px top 0; min-height: 60px; }

.course-Item p { font-size: 16px; color: #333; line-height: 1.8; }

.course-date { position: absolute; left: 0; top: 0; font-size: 24px; color: #d22929; line-height: 1.8; font-family: Arial; }



/****** Detail-culture--style ******/

.culture { background: #fff; }

.culture .fl, .culture .fr { width: 50%; }

.culture-Item { padding: 60px 50px; height: 340px; }

.culture-Item h3 { font-size: 30px; color: #d22929; line-height: 1.8; }

.culture-Item p { font-size: 18px; color: #333; 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; }



/****** Detail-News--style ******/

.news-ul { margin: 0 -17px; }

.news-ul li { float: left; width: 33.33%; }

.news-Item { margin: 17px; background: #fff; border: 1px solid #e4e3e3; padding: 30px; padding-bottom: 20px; }

.news-Item .pic { margin-bottom: 10px; overflow: hidden; }

.news-Item .pic img { transition: all 0.3s linear; width: 100%; }

.news-Item h3 { font-size: 16px; color: #060001; line-height: 1.8; font-weight: 500; }

.release-time { font-size: 14px; color: #999; line-height: 30px; }

.news-Item p { font-size: 14px; color: #666; line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 10px; }

.news-Item .iconfont { font-size: 26px; color: #e9e9e9; font-weight: bold; transition: all 0.3s linear; }

.news-Item:hover .pic img { transform: scale(1.1); }

.news-Item:hover h3, .news-Item:hover .iconfont { color: #df0000; }



/****** Detail-NewsInfo--style ******/

.NewsInfo-content { background: #fff; padding: 40px; margin-bottom: 30px; }

.NewsInfo .Title { border-bottom: 1px dashed #c6c6c6; padding: 20px 0; text-align: center; }

.NewsInfo .Title h3 { font-size: 24px; color: #e20202; line-height: 30px; font-weight: 500; margin-bottom: 10px; }

.NewsInfo .Title .Info span { display: inline-block; font-size: 14px; color: #999; line-height: 30px; margin: 0 10px; }

.NewsInfo .Title .Info .iconfont { margin-right: 5px; font-size: 14px; color: #999; line-height: 30px; }

.Down-page { position: relative; background: #fff; padding: 15px; width: 100%; padding: 25px 40px; box-sizing: border-box; }

.Down-page .prev { float: left; }

.Down-page .next { float: right; }

.Down-page a { font-size: 14px; color: #666666; line-height: 26px; display: block; }

.Down-page a .iconfont { float: left; margin-right: 10px; color: #999; }

.Down-page .Return { width: 60px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -15px; }

.Down-page a:hover { color: #df0000; }

.Down-page a:hover .iconfont { color: #df0000; }



/*新增样式*/

.news-label strong { font-size: 20px; color: #333; }

.news-label span { display: inline-block; margin: 0 10px; font-size: 16px; color: #333; line-height: 30px; padding: 0 25px; border: 1px solid #ebebeb; border-radius: 18px; }

.news-label span:hover { color: #df0000; border-color: #df0000; }

.Related-news { background: #fff; margin-top: 20px; padding: 20px 30px; }

.Related-news h1 { font-weight: 500; font-size: 24px; color: #333; line-height: 30px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ebebeb; }

.Related-news h1 a { float: right; font-size: 14px; color: #666; }

.Related-news h1 a:hover { color: #cf0303; }

.Related-news h2 { font-weight: 500; font-size: 24px; color: #333; line-height: 30px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ebebeb; }

.Related-news h2 a { float: right; font-size: 14px; color: #666; }

.Related-news h2 a:hover { color: #cf0303; }

.Related-news li { line-height: 40px; float: left; width: 50%; padding-right: 15px; }

.Related-news li:last-child { border-bottom: none; }

.Related-news li a { font-size: 16px; color: #333; line-height: 50px; padding-left: 15px; background: url('../images/icon_sj01.jpg') no-repeat left center; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.Related-news li a:hover { color: #cf0303; }

.Right-news { margin-bottom: 20px; }

.Hotnews-Rtit { font-size: 20px; color: #000; line-height: 30px; margin-bottom: 15px; }

.Hotnews-Rtit a { float: right; font-size: 14px; color: #666; }

.Hotnews-Rtit a:hover { color: #cf0303; }

.Hotnews-list { background: #fff; padding: 10px 25px; }

.Hotnews-list li { border-bottom: 1px dashed #ddd; }

.Hotnews-list li:last-child { border-bottom: none; }

.Hotnews-list li a { font-size: 14px; color: #333; line-height: 50px; padding-left: 15px; background: url('../images/icon_sj01.jpg') no-repeat left center; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.Hotnews-list li a:hover { color: #cf0303; }

/*新增样式*/



/****** Detail-Team--style ******/

.Team-list { margin: 20px -16px; margin-bottom: 10px; }

.Team-list li { float: left; width: 25%; }

.Team-Item { margin: 16px; background: #fff; transition: all 0.3s linear; }

.Team-Item .pic { overflow: hidden; }

.Team-Item .pic img { width: 100%; transition: all 0.3s linear; height:290px}

.Team-Item .intro { padding: 20px; border-bottom: 1px solid #e5e5e5; }

.Team-Item h3 { font-size: 18px; color: #000; line-height: 30px; }

.Team-Item h3 .en { font-size: 14px; color: #666; line-height: 30px; margin-left: 10px; font-weight: 500; }

.Team-Item p { font-size: 14px; color: #666; line-height: 26px; height: 52px; overflow: hidden; }

.Team-Item .team-abtn { overflow: hidden; }

.Team-Item .team-abtn a { transition: all 0.3s linear; display: block; padding: 15px 20px; text-align: center; float: left; /* width: 50%; */font-size: 14px; color: #666; line-height: 30px; }

.Team-Item .team-abtn .iconfont { color: #b2b2b2; font-size: 18px; margin-right: 10px; }

.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%; }

/*新增样式*/

/****** Detail-HotTeam--style ******/

.HotTeam { background: #fff; padding: 30px; position: relative; margin-bottom: 30px; }

.HotTeam .pic { float: left; width: 49%; }

.HotTeam .pic img { width: 100%; }

.HotTeam .Intro { float: right; width: 48%; }

.HotTeam h1 { font-size: 24px; color: #cf0303; line-height: 50px; border-bottom: 1px solid #ebebeb; margin-bottom: 10px; }

.HotTeam p { font-size: 16px; color: #666; line-height: 30px; }

.HotTeam .team-abtn { position: absolute; bottom: 30px; }

.HotTeam .team-abtn a { display: inline-block; width: 140px; height: 56px; border: 1px solid #ebebeb; border-radius: 5px; margin-right: 15px; font-size: 14px; color: #000; line-height: 56px; text-align: center; transition: all 0.3s linear; }

.HotTeam .team-abtn .iconfont { font-size: 18px; margin-right: 10px; }

.HotTeam .team-abtn .icon-aixin { font-size: 20px; }

.HotTeam .team-abtn a:hover { color: #fff; background: #cf0303; }



/****** Detail-TeamInfo--style ******/

#TeamInfo .Detail-main { padding-top: 0; padding-bottom: 60px; }

.Team-ban { height: 625px; background-repeat: no-repeat; background-position: center center; text-align: center; padding-top: 30px; }

.Head-portrait { width: 192px; height: 192px; border-radius: 50%; padding: 5px; margin: 10px auto; background: #9c9ea0; }

.Head-portrait img { width: 182px; height: 182px; border-radius: 50%; }

.personal-profile h3 { font-size: 18px; color: #fff; line-height: 30px; }

.personal-profile h3 span{font-size:16px; font-weight:500; margin-left:20px;}

.personal-profile p { font-size: 14px; color: #fff; line-height: 26px; }

.personal-profile .btn-yysj { background: #e21010; width: 150px; height: 50px; text-align: center; line-height: 50px; font-size: 14px; display: block; color: #fff; border-radius: 5px; margin: 20px auto; }

.team-text{max-height:200px; overflow-y:scroll;}

.sample-reels { background: #fff; margin-top: -80px; }

.sample-reels h1 { font-size: 24px; color: #666; line-height: 60px; padding: 20px 0; text-align: center; border-bottom: 1px solid #eaeaea; font-weight: 500; }

.sample-reels h1 .icon-tuku { font-size: 30px; color: #7f7f7f; margin-right: 10px; position: relative; margin-top: 5px; height: 60px; line-height: 60px; }

.sample-reels .opus-list { margin: 20px 15px; }

.opus-list li { float: left; width: 33.33%; }

.case-item { margin: 15px; transition: all 0.3s linear; background: #fff; }

.case-item .pic { overflow: hidden; }

.case-item .pic img { width: 100%; transition: all 0.3s linear; height:100%;}

.case-item .intro { padding: 20px 30px; position: relative; }

.case-item h3 { font-size: 16px; color: #000; line-height: 40px; font-weight: 500;white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; }

.case-item p { font-size: 14px; color: #666; line-height: 30px; }

.case-item .yysj-btn { transition: all 0.3s linear; position: absolute; right: 30px; top: 20px; border: 1px solid #e1e1e1; padding: 10px 20px; border-radius: 5px; font-size: 14px; color: #666; line-height: 25px; }

.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: #df0000; color: #fff; }



/****** Detail-Contact--style ******/

.Contact-banner { height: 740px; padding-top: 70px; }

.Contact-banner .container { position: relative; height: 100%; }

.Contact .fl { float: left; width: 50%; }

.Contact .fr { float: right; width: 43%; color: #fff; padding-top: 50px; }

.Contact h1 { font-size: 36px; color: #fff; line-height: 40px; padding-bottom: 20px; border-bottom: 1px solid #989ba2; }

.Contact .Item { padding: 20px 0; border-bottom: 1px solid #989ba2; }

.Contact .Item h4 { font-size: 18px; line-height: 30px; font-weight: 500; }

.Contact .Item p { font-size: 14px; line-height: 26px; }

.Hotline { position: absolute; left: 0; bottom: 0; width: 100%; background-image: url('../images/bg-col.png'); padding: 20px 160px; color: #fff; overflow: hidden; }

.Hotline-item { float: left; width: 50%; text-align: center; }

.Hotline-item p { text-align: left; margin-left: 80px; float: left; padding-left: 80px; }

.Hotline-item strong { font-size: 30px; line-height: 40px; display: block; font-weight: 500; }

.Hotline-item p span { font-size: 14px; line-height: 20px; }

.Hotline-item .circular { margin-left: 50px; width: 50px; height: 50px; text-align: center; line-height: 50px; border: 1px solid #fff; display: block; float: left; border-radius: 50%; }

.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; background: #fff;  }

.Contact-list li { float: left; width: 50%; }

.Contact-list .Item { background: #fff; border: 0px solid #e8e8e8; padding: 40px 50px; }

.Contact-list .Item h3 { font-size: 18px; color: #000; line-height: 40px; margin-bottom: 10px; }

.Contact-list .Item p { font-size: 14px; color: #666; line-height: 30px; margin-bottom: 10px; padding-left: 35px; background-repeat: no-repeat; background-position: left 0 top 10px; }

.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; background: url('../images/searchbg.jpg') no-repeat center bottom; height: 80px; }

.case-search .case-form { width: 600px; height: 60px; margin: 0 auto; padding: 5px 70px 5px 30px; border-radius: 30px; background: #fff; border: 1px solid #e5e5e5; position: relative; }

.case-search .case-form .KeyWord { width: 100%; height: 50px; background: none; border: none; font-size: 14px; color: #333; line-height: 50px; }

.case-search .case-form .opinst { width: 50px; height: 50px; border-radius: 50%; background: #d60000 url(../images/icon-s1.png); position: absolute; right: 5px; top: 5px; border: none; }

.case-search .case-form input:focus { outline: none; }



/****** Detail-Case-list--style ******/

#Case-list { padding-bottom: 60px; }

.Case-list { margin: 0 -15px; }

.Case-list li { float: left; width: 33.33%; }

.Search-criteria { background: #fff; margin: 30px 0; }

.search-ul { overflow: hidden; }

.search-ul li { float: left; }

.search-ul li a { font-size: 14px; line-height: 30px; padding: 0 10px; border-radius: 5px; margin: 10px; display: block; }

.criteria { padding: 20px 40px; border-bottom: 1px solid #ebebeb; position: relative; padding-left: 120px; }

.criteria .name { font-size: 14px; line-height: 30px; color: #000; position: absolute; left: 40px; top: 20px; margin: 10px; }

.search-ul li.cur a { background: #df0000; color: #fff; }



/*新增样式*/

.key-words { text-align: center; }

.key-words a, .key-words .Tit { font-size: 16px; color: #333; line-height: 30px; margin: 0 6px; }

.key-words a:hover { color: #df0000; }

.Hotcase { margin-top: 40px; }

.Hotcase-tit { font-size: 24px; color: #cf0303; line-height: 40px; margin-bottom: 10px; }

.Hotcase-list { margin: 0 -15px; }

.Hotcase-list .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; top: -50px; right: 0; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #e2e2e2; }

.Hotcase-list .owl-theme .owl-controls .owl-nav .owl-prev { right: 60px; background: #fff url('../images/icon-left01.png') no-repeat center; }

.Hotcase-list .owl-theme .owl-controls .owl-nav .owl-next { right: 15px; background: #fff url('../images/icon-right01.png') no-repeat center; }

.Hotcase-list .owl-theme .owl-controls .owl-nav .owl-prev:hover { background: #cf0303 url('../images/icon-left02.png') no-repeat center; }

.Hotcase-list .owl-theme .owl-controls .owl-nav .owl-next:hover { background: #cf0303 url('../images/icon-right02.png') no-repeat center; }

.Hotcase-Rtit { font-size: 20px; color: #000; line-height: 30px; }

.Right-Hotcase .Hotcase-list { margin: 0; }

.Right-Hotcase .Hotcase-list .case-item { margin: 0px 0; }

.Right-Hotcase .Hotcase-list .case-item .intro { text-align: center; }

.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 { background: #fff; padding: 10px 25px; margin-top: 20px; }

.Right-companyul li { border-bottom: 1px dashed #ddd; }

.Right-companyul li:last-child { border-bottom: none; }

.Right-companyul li a { font-size: 16px; color: #333; line-height: 50px; padding-left: 15px; background: url('../images/icon_sj01.jpg') no-repeat left center; }

.Right-companyul li a:hover { color: #cf0303; }

/*新增样式*/



/****** Detail-Case info--style ******/

#Caseinfo { padding: 30px 0; }

.Detail-left { float: left; width: 73%; }

.Detail-right { float: right; width: 25%; }

.CaseInfo { background: #fff; padding: 30px; }

.CaseInfo h1 { font-size: 30px; color: #281b1b; }

.CaseInfo .Title { padding-bottom: 20px; margin-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 { font-size: 18px; color: #000; line-height: 30px; margin-bottom: 10px; font-weight: 500; }

.Related-list { margin: 0 -15px; }

.Related-list li { float: left; width: 25%; }

.Related-list .Item { margin: 15px; text-align: center; border: 1px solid #e8e8e8; padding: 30px 0; transition: all 0.3s linear; }

.Related-list .Item .pic { width: 115px; height: 115px; border-radius: 50%; overflow: hidden; margin: 0 auto; }

.Related-list .Item .pic img { width: 100%; }

.Related-list .Item h3 { font-size: 18px; color: #000; line-height: 40px; }

.Related-list .Item p { font-size: 14px; color: #666; line-height: 30px; }

.Related-list .Item:hover { box-shadow: 0 0 5px 1px #e3e3e3; }

.Related-list .Item:hover h3 { color: #df0000; }

.Right-box { border: 1px solid #e8e8e8; background: #fff; padding: 30px 40px; margin-bottom: 30px; }

.Creative-design { text-align: center; }

.Creative-design .pic { width: 120px; height: 120px; border-radius: 50%; overflow: hidden; margin: 0 auto 10px; }

.Creative-design h3 { font-size: 18px; color: #000; line-height: 40px; }

.Creative-design p { font-size: 16px; color: #666; line-height: 40px; margin-bottom: 20px; }

.Right-ljzx { width: 100%; font-size: 16px; color: #e10505; line-height: 50px; border: 2px solid #e10505; display: block; transition: all 0.3s linear; }

.Right-ljzx:hover { background: #df0000; color: #fff; }

.right-form h3 { font-size: 20px; color: #000; line-height: 40px; }

.right-form p { font-size: 18px; color: #666; line-height: 30px; }

.form-item { margin: 20px 0; border: 1px solid #e8e8e8; height: 50px; padding-left: 50px; position: relative; }

.form-label { position: absolute; left: 0; top: 0; height: 50px; width: 50px; text-align: center; line-height: 50px; }

.form-label .iconfont { font-size: 18px; color: #999; line-height: 50px; }

.form-inner input { width: 100%; height: 48px; border: none; font-size: 16px; color: #666; line-height: 48px; }

.form-inner input:focus { outline: none; }

.form-submit { padding: 0; }

.form-submit .btn-form { font-size: 16px; color: #fff; line-height: 50px; height: 50px; background: #df0000; border: none; width: 100%; }



/****** Detail-Service--style ******/

.service-Title { text-align: center; margin-bottom: 30px; margin-top: 60px; }

.service-Title h2 { font-size: 26px; color: #d80000; line-height: 50px; }

.service-Title strong { position: relative; }

.service-Title strong:after { content: ""; display: block; position: absolute; top: 50%; width: 35px; height: 2px; background: #d80000; left: -50px; }

.service-Title strong:before { content: ""; display: block; position: absolute; top: 50%; width: 35px; height: 2px; background: #d80000; right: -50px; }

.service-Title p { font-size: 18px; color: #333; line-height: 30px; }

.date-ul li { float: left; width: 25%; height: 238px; background: url('../images/jbbg01.png') no-repeat center; display: flex; justify-content: center; align-items: center; flex-direction: column; }

.date-ul strong { display: block; font-weight: 500; }

.date-ul .number { font-size: 72px; color: #df0000; line-height: 80px; font-family: Arial; }

.date-ul .jia { font-size: 72px; color: #df0000; line-height: 80px; font-family: Arial; }

.date-ul .year { font-size: 18px; color: #000; line-height: 60px; }

.date-ul p { font-size: 16px; color: #000; line-height: 30px; text-align: center; }

.service-Pattern { background: #f6f6f6 url('../images/servicebg1.png') no-repeat center bottom; height: 980px; }

.Pattern-ul { margin-top: 120px; }

.Pattern-ul li { float: left; width: 33.33%; }

.Pattern-ul .Item { height: 350px; padding: 50px 40px 50px 60px; background-position: right bottom; display: flex; justify-content: center; flex-direction: column; margin-right: 1px; margin-bottom: 1px; }

.Pattern-ul .Item h3 { font-size: 24px; color: #000; line-height: 30px; padding-bottom: 15px; position: relative; margin-bottom: 15px; }

.Pattern-ul .Item h3 .line { width: 21px; height: 3px; position: absolute; left: 0; bottom: 0; background: #a1a1a2; }

.Pattern-ul .Item p { font-size: 16px; color: #666; line-height: 30px; }

.service-Promise { background: #fff; padding-bottom: 60px; overflow: hidden; }

.Promise-text .text-1 { font-size: 16px; color: #060001; line-height: 30px; margin-bottom: 30px; }

.text-inner { margin-bottom: 40px; padding-left: 200px; position: relative; }

.text-inner strong { font-size: 20px; color: #060001; line-height: 40px; position: absolute; left: 0; top: 50%; margin-top: -20px; }

.text-inner .stress { font-size: 16px; color: #e7001b; font-weight: bold; line-height: 30px; }

.Promise-list { margin: 0 -13px; }

.Promise-list li { float: left; width: 33.33%; }

.Promise-list .Item { margin: 13px; border-radius: 5px; border: 1px solid #eaeaea; overflow: hidden; display: flex; justify-content: center; align-items: center; }

.Promise-list .Item .pic { overflow: hidden; float: left; width: 55%; }

.Promise-list .Item .intro { float: right; float: right; width: 45%; padding: 20px 50px 20px 10px; }

.Promise-list .Item h3 { font-size: 18px; color: #000; line-height: 30px; margin-bottom: 10px; }

.Promise-list .Item p { font-size: 16px; color: #666; line-height: 26px; }

.After-sale-ul li { float: left; width: 25%; padding: 20px 60px; text-align: center; }

.After-sale-ul .pic { position: relative; width: 210px; height: 210px; border-radius: 50%; margin: 15px auto; }

.After-sale-ul .pic span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 30px; color: #fff; line-height: 50px; padding: 0 70px; font-weight: bold; text-shadow: 1px 1px 5px #333; }

.After-sale-ul p { font-size: 16px; color: #666; line-height: 30px; height: 60px; }

.Service-flow { background: url('../images/lcbg.jpg') no-repeat center bottom; height: 594px; position: relative; padding-top: 20px; }

.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 { width: 1200px; position: absolute; left: 50%; margin-left: -595px; bottom: 0; height: 365px; overflow: hidden; }

.flow-list .flow-Item { float: left; width: 100px; text-align: center; padding-bottom: 285px; position: relative; margin-right: 50px; color: #fff; }

.flow-list .flow-Item::after { content: ""; position: absolute; left: 49px; bottom: 0; height: 70%; width: 1px; display: block; background: #595858; }

.flow-list .flow-Item .icon { background: #df0000; width: 40px; height: 40px; line-height: 40px; font-size: 18px; color: #000; text-align: center; border-radius: 50%; margin: 0 auto; display: block; font-family: Arial; }

.flow-list .flow-Item .cn { font-size: 18px; color: #fff; 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 { background: url('../images/formbg01.png') center; padding: 50px 0; }

.myform1 { width: 1180px; margin: 0 auto; }

.myform1 .form-item { margin: 0; background: #fff; width: 316px; height: 55px; overflow: hidden; float: left; border: 1px solid #e9e9e9; border-right: none; position: relative; }

.myform1 .form-item:nth-child(3) { border-right: 1px solid #e9e9e9; }

.myform1 .form-label { position: absolute; left: 0; top: 0; width: 60px; text-align: center; }

.myform1 .form-label .iconfont { font-size: 24px; color: #999; line-height: 53px; height: 53px; }

.myform1 .form-inner { padding-left: 60px; background: #fff; }

.myform1 .form-inner input { width: 100%; height: 53px; line-height: 53px; padding: 0 10px; font-size: 16px; color: #333; border: none; }

.myform1 .form-submit { margin-left: 14px; border: none; width: 218px; }

.myform1 .form-submit .btn-form { font-size: 16px; color: #fff; line-height: 53px; height: 55px; text-align: center; background: #c0000b; border: none; width: 100%; }

.myform1 .form-submit .btn-form img { margin-left: 10px; }





/*图片展示*/

.quoted-price { height: 745px; overflow: hidden; text-align: center; background: url("../images/Onlinebg.jpg") no-repeat center 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; right: 0; top: -140px; }

.con { width: 980px; margin: 0 auto; color: #333; position: absolute; top: 380px; left: 50%; margin-left: -490px; z-index: 12; }

.con_t { font-size: 24px; padding-bottom: 15px; }

.con_bj { overflow: hidden; position: relative; box-shadow: 0 0 10px #ccc; background: #fff; border-radius: 5px; }

.con_bj h3 { font-size: 20px; margin-bottom: 20px; }

.con_bj_cal { position: relative; width: 500px; padding: 50px 40px 40px; border-right: 1px solid #eee; }



.bj_form { width: 370px; font-size: 14px; }

.bj_form .label { font-size: 16px; color: #333; text-align: left; margin-left: 0; }

.mod_form .label { width: 100px; padding-right: 8px; float: left; text-align: right; line-height: 34px; }

.bj_res_t, .bj_res_t b, .calc-btn em, .ele_bt { text-align: center; }

.bj_form .element { width: 370px; position: relative; padding-bottom: 18px; height: 49px; }

.bj_form .select { width: 320px; padding-left: 5px; height: 36px; }

.bj_form .select_s { width: 260px; }

.bj_form .select_s_s { width: 78px; margin-bottom: 10px; }

.bj_form .text { width: 260px; border: 1px solid #cccccc; }

.bj_form .area_text { width: 260px; padding: 7px 20px 7px 10px; color: #000000; }

.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; width: 120px; height: 32px; line-height: 32px; margin-right: 10px; border: 1px solid #ddd; }

.ele_bt_on { color: #f36f20; border-color: #f36f20; }

.calc-btn { position: absolute; top: 155px; right: -46px; display: block; width: 90px; height: 90px; background: #db0000; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 45px; z-index: 15; }

.calc-btn-ie, .ico-line-btn { width: 140px; height: 140px; right: -71px; display: block; position: absolute; }

.calc-btn-ie, .ico-line-btn { width: 140px; height: 140px; right: -71px; display: block; position: absolute; }

.form_line > .calc-btn-ie { top: 119px; background: url("../images/ico-line-btn.png") no-repeat; background-size: contain; }

.form_line > .ico-line-btn { background: url("../images/ico-line-btn.png") no-repeat; top: 130px; z-index: 9; }

.calc-btn-ie { top: 119px; background: url(../images/ico-line-btn.png) no-repeat; background-size: contain; }

.ico-line-btn { background: url(../images/ico-line-btn.png) no-repeat; top: 130px; z-index: 9; }

.calc-btn em { display: block; font-size: 16px; color: #fff; width: 44px; height: 44px; margin: 20px auto 0; }

.circle-animate { position: absolute; top: 145px; right: -56px; width: 110px; height: 110px; -webkit-border-radius: 50%; border-radius: 50%; background: #fdcc9a; z-index: 12; -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% { transform: scale(1); opacity: .8; }

    100% { transform: scale(1.3); opacity: 0; }

}



@-webkit-keyframes scale-three2 {

    0% { -webkit-transform: scale(1); opacity: .7; }

    100% { -webkit-transform: scale(1.3); opacity: 0; }

}



@-moz-keyframes scale-three2 {

    0% { -moz-transform: scale(1); opacity: .7; }

    100% { -moz-transform: scale(1.3); opacity: 0; }

}



@-o-keyframes scale-three2 {

    0% { -o-transform: scale(1); opacity: .7; }

    100% { -o-transform: scale(1.3); opacity: 0; }

}



.con_bj_res { width: 340px; padding: 45px 50px 0 0; color: #333; font-size: 14px; }

.bj_res_t b, .bj_res_ul li b { display: inline-block; font-weight: 400; color: #f36f20; }



.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; width: 55px; font-style: normal; margin-left: 10px; margin-right: 10px; font-size: 18px; }

.let_spac i { padding: 0 21px; }

.bj_res_ul li b { width: 107px; margin: 0 15px; padding-bottom: 3px; 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 { color: #999; padding-top: 15px; }

.res_btn_box { margin: 0 auto 40px; }



.calputer_tit span { margin-left: 10px; color: #db0000; font-size: 12px; }



/*右边*/

.result-wechat-hotad { width: 386px; margin-top: -314px; /*border: 1px solid red;*/ }

.result-wechat-hotad .num { font-size: 30px; color: #db0000; }

.result-wechat-hotad .bj_res_ul { width: 340px; height: 180px; border: 1px solid #ddd; margin: 0 auto; text-align: center; margin-left: 10px; }

.result-wechat-hotad .bj_res_ul li { font-size: 14px; height: 40px; line-height: 40px; }





@media (max-width: 1600px) {

    #Detailbanner .ban { height: 320px; }

    .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) {

    #Detailbanner .ban { height: 300px; }

    .Right-box { padding: 20px 15px; }

    .right-form h3 { font-size: 16px; }

    .Case-list { margin: 0 -5px; }

    .case-item { margin: 5px; }

    .case-item .intro { padding: 10px 15px; }

    .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 { left: 20px; top: 10px; margin: 5px; }

    .search-ul li a { margin: 5px; }

    .Contact-banner { height: 650px; }

    .Contact .fr { padding-top: 0; }

    .Hotline { padding: 10px 20px; }

    .Hotline-item p { margin-left: 40px; }

    .course { padding: 40px 50px 40px 160px; }

    .culture-Item { height: 238px; padding: 30px 20px; }

    .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 { width: 800px; margin-left: -394px; }

    .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 .ban { height: 260px; }

    #Detailbanner h1 { font-size: 32px; }

    .course { padding-left: 100px; }

    .Honor-ul .Item { padding: 30px; }

    .about-office strong{font-size:50px;}

}



@media (max-width: 1025px) {

    #Detailbanner .ban { height: 220px; }

    #Detailbanner h1 { font-size: 28px; padding-bottom: 0; }

    .location span.space a { line-height: 40px; }

    .aboutus-company .fl, .aboutus-company .fr { width: 100%; }

    .adv-list { padding: 20px; }

    .about-office .fr, .about-office .fl { 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: 0px; }

    .Hotline-item .circular { margin-left: 10px; display: none; }

    .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 { margin: 0; width: 23%; float: right; }

    .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 .ban { height: 200px; }

    #Detailbanner h1 { font-size: 22px; line-height: 1.5; }

    .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 { float: left; width: 33.33%; border-bottom: none; border-right: 1px solid #ebebeb; position: relative; padding: 10px; }

    .criteria .name { position: relative; left: auto; top: auto; display: block; cursor: pointer; }

    .criteria .name:after { transition: all 0.3s linear; transform: rotate(0deg); position: absolute; right: 0; top: 0; width: 30px; height: 100%; content: ""; display: block; background: url('../images/Icon-Down.png') no-repeat center center; background-size: 20px 20px; }

    .search-ul { position: absolute; left: 0; top: 60px; background: #fff; z-index: 8; display: none; }

    .criteria .name.cur:after { transform: rotate(90deg); }

    .case-item .yysj-btn { right: 10px; }

    .Contact-list .Item { padding: 20px; }

    .Hotline-item { width: 100%; }

    .Hotline-item p.sh_rx { margin-left: 0; margin-top: 10px; }

    .Contact .fr { width: 50%; }

    .Contact h1 { font-size: 22px; padding-bottom: 10px; }

    .Contact .fl { display: none; }

    .Contact .fr { width: 100%; }

    .Contact .Item h4 { font-size: 16px; }

    .course { padding: 20px; }

    .course-line { left: 70px; }

    .course-Item { padding-left: 120px; background-position: left 70px top; margin-bottom: 30px; }

    .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 { padding: 20px;margin-bottom:15px; }

    .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 { width: 90%; left: 50%; top: 50%; margin: 0; transform: translate(-50%,-50%); margin-top: 110px; }

    .con_text { top: -50px; width: 70%; }

    .bj_form { width: 100%; }

    .form_line { width: 100%; position: relative; }

    .mod_form .label { position: relative; left: auto; display: block; float: none; }

    .bj_form .text_wrap .unit { display: none; }

    .bj_form .element { width: 100%; }

    .bj_form .select_s, .bj_form .area_text { width: 100%; }

    .calc-btn { position: relative; left: auto; top: auto; margin: 0; }

    .circle-animate { display: none; }

    .calc-btn { width: 100%; border-radius: 0; right: auto; line-height: 60px; 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; font-size: 14px; text-align: left; }

    .adv-list h3 { font-size: 20px; margin-bottom: 10px; }

    .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{font-size:18px;margin-bottom:10px;padding-bottom:5px;}

    .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{font-size:18px; margin:0;}

    .NewsInfo .Title .Info span{font-size:12px;}

    .Detail-more p{font-size:14px; line-height:1.5;}

    .Down-page{padding:15px 10px;}

    .Down-page a span{display:none;}

    .case-label{font-size:14px;}

    .Up-Down-page a span{display:none;}



        /*新增样式*/

    .Detail-left { margin-bottom: 20px; }

    .Hotcase-tit, .Hotcase-Rtit { font-size: 18px; }

    .Hotcase-list { margin: 0; }

    .key-words a, .key-words .Tit { font-size: 14px; margin: 0 5px; display: inline-block; }

    .NewsInfo-bottom .left, .NewsInfo-bottom .right { float: none; margin-bottom: 10px; }

    .Related-news { padding: 20px; }

    .Related-news li { width: 100%; }

    .Related-news li a { line-height: 30px; font-size: 14px; }

    .Hotnews-list li a { line-height: 30px; }

    .Right-companyul li a { line-height: 30px; font-size: 14px; }

    .HotTeam .pic, .HotTeam .Intro { width: 100%; }

    .HotTeam h1 { font-size: 18px; }

    .HotTeam .team-abtn { position: relative; border: 0; margin-top: 20px; }

    /*新增样式*/

}



@media (max-width: 640px) {

    #Detailbanner .ban { height: 180px; }

    #Detailbanner h1 { font-size: 18px; }

    .Detail-Top { overflow-x: auto; overflow-y: hidden; width: 100%; }

    .Detail-nav { width: max-content; }

    .about-listpic .fl, .about-listpic .fr { width: 100%; margin-bottom: 10px; }

    .CaseInfo { padding: 10px; }

    .case-search .case-form { width: 80%; }

    .case-item h3 { font-size: 16px; line-height: 1.5; }

    .case-item p { font-size: 14px; line-height: 1.5; }

    .case-item .yysj-btn { position: relative; width: 100%; padding: 10px; display: block; text-align: center; right: auto; top: auto; margin-top: 10px; }

    .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%; }

}



@media (max-width: 520px) {

    #Detailbanner .ban { height: 0px; }

    .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%; }

    .opus-list li { width: 100%; }

}



@media (max-width: 420px) {

    .Team-list li { width: 100%; }

}



@media (max-width: 380px) {

    .Related-list li { width: 100%; }

}