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

/****** 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: 50px 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: 'DINCond-Mediumf17bc02ea5a8d'; }
.about-ul .jia { font-size: 72px; line-height: 80px; font-family: 'DINCond-Mediumf17bc02ea5a8d'; }
.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: 'DINCond-Mediumf17bc02ea5a8d'; 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; padding: 30px 30px 60px 30px;}
.culture img{display: block;margin: auto;max-width: 100%;}
.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: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: #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:236px}
.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; }
.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;  border-radius: 30px; background: #fff; border: 1px solid #e5e5e5; position: relative; }
.case-search .case-form .KeyWord { width: 100%; height: 60px; background: none; border: none; font-size: 14px; color: #333; line-height: 60px; padding-left: 20px;}
.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: 150px; min-height:60px}
.criteria .name { font-size: 14px; line-height: 30px; color: #fff; padding: 0px 10px; border-radius: 5px;   background: #df0000;position: absolute; left: 30px; top: 20px; margin: 10px; }
.search-ul li.cur a { background: #df0000; color: #fff; }
.cp-cl{color: #df0000 !important;}
/*新增样式*/
.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: 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: #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: 'DINCond-Mediumf17bc02ea5a8d'; }
.date-ul .jia { font-size: 72px; color: #df0000; line-height: 80px; font-family: 'DINCond-Mediumf17bc02ea5a8d'; }
.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: 264px; 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: 425px; padding: 50px 40px 40px; border-right: 1px solid #eee; }
#span_nativeplace_sec{display: none;}
#span_nativeplace select,#span_nativeplace_son select{height: 36px;width: 128px;}
.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;  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: 226px; 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;     position: absolute;
    right: 7px;
    top: 5px;}
.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; }


.page{height:24px;margin-bottom: 30px; line-height:24px; text-align:center; margin-top:30px; clear:both;}
.page li{display:inline; padding:5px 10px; border:1px solid #ddd; margin-right:5px;}
.page li a{color: #555;}
.page li a:hover{background:#f5f5f5; color:#0064c4;}
.page li.thisclass{background:#9A9FA5; color: #fff;}
.page li.thisclass a{text-decoration:none; cursor:default; border-color:#0064c4; color: #fff;}
.page .pageinfo strong{font-weight:normal;}


.p4-order-form-1 {
            overflow: hidden;
        }
        
        .p4-order-form-1 .p4-titlel-1 {
            width:145px;height: 46px;font-size:18px; line-height: 46px;text-align: center;color:#fff;background: #d1292e;;
            
        }
        
        .p4-order-form-1-con {
            border:1px solid #bbb;
            background:url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff;
            padding:40px 15%;
        }
        
        .p4-order-form-1-con li p {
            padding-left: 130px;
            color: #999;font-size: 12px;
        }
        
        .p4-order-form-1-con li {
            margin-bottom: 10px;
            font-size: 14px;
            line-height: 35px;
            color: #666;
            overflow: hidden;
        }
        
        .p4-order-form-1-con li span {
            font-weight: bold;
            color: #666;
        }
        .p4-order-form-1-con li b{color:#f00;}
        .p4-order-form-1-con li .row-hd {
            color: #666;
        }
        .timenum{padding-left:95px;}
        .p4-order-form-1-con li p {
            clear: both;
        }
        
        .p4-order-form-1-con label {
            display: inline-block;
            width: 120px;
            color: #666;
            vertical-align: top;
            text-align: right;height: 33px;line-height: 33px;overflow: hidden;
        }
        #code_gg{
            width: 80px;
            margin-right: 10px;
            outline: none;
            padding-left: 10px;
            border: 1px solid #eee;
            height: 33px;
            line-height: 32px;
            color: #666;
        }
        
        
        .p4-order-form-1-con .inputs,
        .p4-order-form-1-con li select {
            width: 73%;
            margin-right: 10px;
            outline: none;
            padding-left: 10px;
            border: 1px solid #eee;
            height: 33px;
            line-height: 32px;
            color: #666;
            /*float: left;*/
        }
        .p4-order-form-1-con .radioandcheck{vertical-align:middle;}
        
        .p4-order-form-1-con .err {
            border: 1px solid #c00;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t1 {
            width: 100%;
        }
        
        .p4-order-form-1-t1 textarea {
            width: 73%;
            height: 102px;
            line-height: 24px;
            border: 1px solid #eee;
            outline: none;
            resize: none;
            overflow: auto;
            margin-right: 10px;
            padding-left: 10px;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t2 {
            width: 100%;
        }
        
        .p4-order-form-1-t2 input {
            width: 150px;
            vertical-align: top;
        }
        
        .p4-order-form-1-t2 span {
            width: 153px;
            height: 25px;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t3 {
            padding-left: 95px;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t3 input {
            width: 80px;
            height: 30px;
            border: 0;
            text-align: center;
            margin-right: 30px;
            color: #fff;
            padding-left: 0;
            cursor: pointer;
        }
        
        .p4-order-form-1-con .p4-order-form-1-b1 {
            background: #d1292e;
        }
        
        .p4-order-form-1-con .p4-order-form-1-b2 {
            background: #767676;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t4 {
            overflow: auto;
            height: auto;
            min-height: 35px;
            width: 100%
        }
        
        .p4-order-form-1-con .p4-order-form-1-t4 input {
            vertical-align: middle;
            width: 14px;
            margin: 0 10px;
        }
    .p12-sitemap-1-tit {
            height: 46px;
            font-size: 26px;
            line-height: 46px;
            color: #fff;
            
            clear: both;
        }
        .p12-sitemap-1-tit p{display:inline-block;
        padding: 0 30px;
            text-align: center;background: #5a9eff; }
        .p12-sitemap-1-tit  a{color: #fff;}
        
        .p12-sitemap-1 ul {
            padding-top: 15px;
            display: inline-block;
            width: 100%;
            border-bottom: 1px solid #d2d2d2;
            margin-bottom: 40px;
        }
        
        .p12-sitemap-1 li {
            height: 60px;
            line-height: 60px;
            border-bottom: 1px solid #d2d2d2;
            text-align: center;
            width: 16.66%;
            float: left;
            overflow: hidden;
            position: relative;
            top: 1px;
        }
.cont-map p{
	margin: 15px 0;
}
.cont-map p img{display: inherit;}
.cont-map{margin-top: 40px;background: #fff;}
#map1{background: #fff;padding: 30px;}