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

.xineneif{font-size: 16px;
color: #555555;
line-height: 30px;
text-indent: 32px;
  padding-bottom: 15px;}
/****** location--style ******/
.location { height: 60px; }
.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: #eb0000; }
.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: #eb0000; }
.Up-Down-page .next a:hover { background: url('images/icon_right01.png')no-repeat right center; color: #eb0000; }

/****** 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: #eb0000; 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: #eb0000; }
.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;position: relative;text-align: center;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:180px 40px; 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: #eb0000; line-height: 1.8; font-family: Arial; }

/****** Detail-culture--style ******/
.culture { background: #fff; }
.culture .fl, .culture .fr { width: 50%;text-align: center;}
.culture-Item { padding:90px 50px; height: 340px; }
.culture-Item h3 { font-size: 30px; color: #eb0000; line-height: 1.8; }
.culture-Item p { font-size: 16px; color: #666; line-height: 1.8;padding-top:10px; }
.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: #eb0000; }

/****** 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: #eb0000; }
.Down-page a:hover .iconfont { color: #eb0000; }

/*新增样式*/
.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: #eb0000; border-color: #eb0000; }
.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:389px}
.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: #eb0000; 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: 130px; }
.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:300px}
.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: #eb0000; 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; }
.Contact-list li { float: left; width: 50%; }
.Contact-list .Item { background: #fff; border: 1px 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;width: 20%; }
.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: #eb0000; 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: #eb0000; }
.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: 15px 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: #eb0000; }
.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: #eb0000; 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: #eb0000; 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: #eb0000; line-height: 50px; }
.service-Title strong { position: relative; }
.service-Title strong:after { content: ""; display: block; position: absolute; top: 50%; width: 35px; height: 2px; background: #eb0000; left: -50px; }
.service-Title strong:before { content: ""; display: block; position: absolute; top: 50%; width: 35px; height: 2px; background: #eb0000; 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: #eb0000; line-height: 80px; font-family: Arial; }
.date-ul .jia { font-size: 72px; color: #eb0000; 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:45%; }
.Promise-list .Item .intro { float: right; float: right; width:55%; padding: 20px 10px 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: #fff; }
.flow-list .flow-Item .icon { background: #eb0000; width: 40px; height: 40px; line-height: 40px; font-size: 18px; color: #fff; 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:120px 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:45%; 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;text-align: center;color: #fff;line-height: 45px;font-size:14px;}
    .Service_flow_img .liucheng{ display: block; }
    .Service_flow_img .liucheng .icon{background:#fff;border-radius:50%;color:#eb0000;padding:5px;margin-right:10px;}
    .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;}
	.culture .fl, .culture .fr { width: 100%; }
    .culture-Item { height:108px; padding: 10px 10px; }
	.Pattern-ul .Item {height: 350px;padding: 50px 15px;background-position: right bottom;display: flex;justify-content: center;flex-direction: column;margin-right: 1px;margin-bottom: 1px;}
	.date-ul li {float: left;width: 25%;height: 160px;background: url('images/jbbg01.png') no-repeat center;display: flex;justify-content: center;align-items: center;flex-direction: column;}
	.Service-flow {background: url('images/lcbg.jpg') no-repeat center bottom;position: relative;padding-top: 20px;}

        /*新增样式*/
    .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%; }
	.culture .fl, .culture .fr { width: 100%; }
	.culture-Item { height:160px; padding: 10px 10px; }
	.Pattern-ul .Item {height: 350px;padding: 50px 15px;background-position: right bottom;display: flex;justify-content: center;flex-direction: column;margin-right: 1px;margin-bottom: 1px;}
	.date-ul li {float: left;width: 25%;height: 160px;background: url('images/jbbg01.png') no-repeat center;display: flex;justify-content: center;align-items: center;flex-direction: column;}
	.Service-flow {background: url('images/lcbg.jpg') no-repeat center bottom;position: relative;padding-top: 20px;}

}

@media (max-width: 520px) {
    #Detailbanner .ban { height: 160px; }
    .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%; }
}