/* * @Title: 氓鈥βモ€β泵β犅访ヂ悸 * @Author: 猫鈥孤徝β糕€γр€毰 * @Date: 2017-4-13 9:0:0 * @Last Modified time: */ /*Public-HF*/ .BMap_pop{ top:97px !important; } .BMap_bubble_title{ white-space: pre-wrap !important; } .Header { width: 100%; height: 98px; border-bottom: 2px solid #d7d7d7; } .Header .W1200 { overflow: hidden; } .Header .H-Logo { display: block; width: 173px; height: 100px; background: url(../img/public/H-Logo.jpg) no-repeat center; float: left; } .Header .H-Search { float: right; min-width: 44px; height: 98px; overflow: hidden; } .Header .H-Search .SerarBtn { display: block; float: right; width: 44px; height: 98px; background: url(../img/public/H-Search.png) no-repeat center; margin-left: -44px; position: relative; z-index: 9; } .Header .H-Search input { margin-top: 28px; width: 0px; height: 44px; height: 44px; padding-left: 0; border: 0; background: #fff; border-radius: 20px; color: #abaaaa; font-size: 13px; transition: all .4s; } .Header .H-Search:hover input { padding-left: 10px; width: 170px; background: #f3f3f3; transition: all .4s; } .Header .Nav { float: right; } .Header .Nav li { float: left; line-height: 98px; padding: 0 20px; position: relative; z-index: 9; } .Header .Nav li p { width: 100%; height: 100px; position: absolute; left: 0; top: 100px; z-index: -1; background: #670003; transition: all .2s ease; } .Header .Nav li a { display: block; font-size: 18px; color: #444; font-weight: 900; } .Header .Nav li:hover a, .Header .Nav li.curr a { color: #fff; } .Header .Nav li.curr p, .Header .Nav li:hover p { top: 0; transition: all .2s ease; } .Footer { width: 100%; min-height: 80px; padding: 28px 0; background: #221f1f; /* overflow:hidden; */ } .Footer p { font-size: 13px; line-height: 24px; color: #747476; float: left; } .Footer p a { font-size: 12px; color: #747476; } .Footer p span { font-size: 13px; display: block; float: left; overflow: hidden; } .Footer .F-Add { float: right; } .Footer .F-Add span { width: 15px; height: 24px; margin-right: 10px; background: url(../img/public/F-AddIcon.png) no-repeat center; float: left; } .Footer .F-Add a { display: block; width: 90px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #4d4b4b; border-radius: 20px; float: left; color: #747476; margin: -3px 0 0 4px; } .Footer .F-WeiXin { display: block; float: left; width: 33px; height: 33px; background: url(../img/public/F-WeiXin.png) no-repeat center; margin: 0 8px; margin-top: -5px; } .Footer .F-Sina { display: block; float: left; width: 33px; height: 33px; background: url(../img/public/F-Sina.png) no-repeat center; margin-top: -5px; } .Footer .wximg { height: 150px; width: 150px; background: #fff; position: absolute; left: 831px; top: -170px; display: none; z-index: 999; } .Footer .wbimg { height: 150px; width: 150px; background: #fff; position: absolute; left: 831px; top: -170px; display: none; z-index: 999; } #Footer .Legal { display: none; padding: 40px; } #Footer .Legal h2, #Footer .map_pop h2 { font-size: 20px; color: #670003; line-height: 25px; } #Footer .Legal h3 { font-size: 16px; color: #5a5c5d; line-height: 16px; padding-top: 35px; } #Footer .Legal h4, #Footer .map_pop h4 { font-size: 30px; color: #eee4d2; letter-spacing: -1px; line-height: 30px; font-family: 'DINPro-Regular'; } #Footer .Legal p { font-size: 14px; color: #848484; line-height: 16px; text-align: justify; line-height: 25px; } #Footer .layui-layer-setwin .layui-layer-close2 { width: 76px; height: 75px; top: -100px; right: -15px; } #Footer .layui-layer-ico { background: url(../img/public/F-CloseBtn.jpg) no-repeat center !important; } #Footer .map_pop { display: none; padding: 40px; text-align: center; } #Footer .map_pop .map_mtit { overflow: hidden; width: 992px; margin: 20px auto 0; } #Footer .map_pop dl { float: left; } #Footer .map_pop dt { line-height: 60px; padding: 0 40px; background: #f3f5f6; margin-bottom: 15px; } #Footer .map_pop dt a { font-size: 16px; color: #666; } #Footer .map_pop dd { padding-left: 40px; line-height: 25px; text-align: left; } #Footer .map_pop dd a { font-size: 14px; color: #888e8c; } /*Public*/ .Banner { width: 100%; height: 174px; text-align: center; background: url(../img/about/About-ban.jpg) no-repeat center bottom; } .Banner h3, .Banner p { opacity: 0; filter: Alpha(opacity=0); animation-delay: 0.3s; animation-duration: 0.6s; animation-fill-mode: forwards; } .Banner h3 { font-size: 20px; padding-top: 26px; color: #e4c1a1; animation-name: cd-bounce-right; animation-duration: 0.6s; opacity: 1; filter: Alpha(opacity=100); } .Banner p { font-size: 20px; color: #fff; font-family: 'DINPro-Regular'; padding-top: 8px; opacity: 0.2; filter: Alpha(opacity=20); animation-name: cd-bounce-left; } .Other-Edit { width: 100%; padding: 20px 0 0; background: #fafafa; overflow: hidden; } .Other-Edit .PucTit { width: 1200px; text-align: center; margin: 0 auto; padding: 0 0 20px; } .Other-Edit .PucTit h1 { color: #670003; font-size: 30px; padding-bottom: 20px; padding-top: 20px; } .Other-Edit .PucTit h3 { color: #c49c45; font-size: 18px; } .Other-Edit .PucTit h4 { color: #670003; font-size: 18px; padding-top: 20px; } .Other-Edit .PucTit h5 { color: #c49c46; font-size: 18px; padding-top: 20px; } .Other-Edit .PucTit h6 { color: #999; font-size: 16px; } .Other-Edit .PucTit p { color: #999; font-size: 13px; line-height: 20px; } /*talent2-8.html*/ /*talent2-9.html*/ .Other-Edit .PucTit8 { padding: 0 0 20px; } .Other-Edit .PucTit8 h1 { color: #670003; font-size: 30px; padding-bottom: 10px; padding-top: 20px; } .Other-Edit .PucTit8 h6 { color: #999; font-size: 16px; } .SubNav { width: 100%; height: 60px; margin-top: -60px; } .SubNav .W1200 { height: 100%; background: #ece6de; overflow: hidden; } .SubNav .Crumbs { float: left; overflow: hidden; } .SubNav .Crumbs a { display: inline-block; float: left; } .SubNav .Crumbs .Crumbs-Home { width: 60px; height: 60px; background: #dad1c6 url(../img/public/Crumbs-Home.png) no-repeat center; } .SubNav .Crumbs .Crumbs-Up { width: 117px; height: 60px; line-height: 60px; text-align: center; font-size: 13px; color: #670003; font-weight: bold; background: url(../img/public/Crumbs-Icon.png) no-repeat 90px center; border-right: 1px solid #dad1c6; } .SubNav .Menu { float: right; } .SubNav .Menu li { float: left; line-height: 60px; margin-right: 30px; padding: 0 10px; position: relative; z-index: 9; } .SubNav .Menu li p { width: 100%; height: 100px; position: absolute; left: 0; top: 100px; z-index: -1; background: #670003; transition: all .2s ease; } .SubNav .Menu li a { color: #444444; display: block; font-size: 13px; font-weight: bold; transition: all .3s; } .SubNav .Menu li.Curr p, .SubNav .Menu li:hover p { top: 0; transition: all .2s ease; } .SubNav .Menu li:hover a, .SubNav .Menu li.Curr a { color: #fff; transiton: all .3s; } /*about.html*/ .About-ledit { padding: 40px 40px 0 40px; width: 400px; height: 440px; background: #ebeae8; float: left; margin-bottom: 60px; } .About-ledit h2 { font-size: 50px; line-height: 50px; color: #dad1c6; font-family: 'novecento_widebook'; padding: 48px 0 8px; } .About-ledit h2 span { font-family: 'DINPro-Regular'; display: inline-block; padding-left: 20px; } .About-ledit h3 { font-size: 16px; color: #670003; padding: 0 0 6px 0; } .About-ledit h4 { font-size: 16px; color: #babab8; line-height: 15px; } .About-ledit h5 { font-size: 15px; color: #c49c45; } .About-ledit p { font-size: 13px; color: #888888; text-align: justify; line-height: 24px; padding: 20px 0; font-weight: 900; } .About-Redit { width: 710px; height: 480px; float: left; margin-left: 10px; overflow: hidden; } .About-Redit a { display: block; float: left; } .About-Redit a h3 { font-size: 16px; padding: 40px 0 6px 40px; } .About-Redit a p { font-size: 14px; line-height: 13px; font-family: 'DINPro-Regular'; padding: 0 0 0 40px; opacity: 0; filter: Alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .About-Redit .About-Strategy { width: 100%; height: 240px; background: url(../img/about/About-pic.jpg) no-repeat center; margin-bottom: 10px; } .About-Redit .About-Strategy h3 { color: #344978; } .About-Redit .About-Strategy p { color: #000000; opacity: 0.5; filter: Alpha(opacity=50); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .About-Redit .About-Culture { width: 360px; height: 230px; background: url(../img/about/About-pic2.jpg) no-repeat center; margin-right: 10px; } .About-Redit .About-Culture h3 { color: #5b7fb4; } .About-Redit .About-Culture p { color: #4c3c3c; opacity: 0.5; filter: Alpha(opacity=50); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .About-Redit .About-Honor { width: 340px; height: 110px; background: url(../img/about/About-pic3.jpg) no-repeat center; margin-bottom: 10px; } .About-Redit .About-Honor h3 { padding: 20px 0 0 20px; color: #670003; } .About-Redit .About-Honor p { padding: 0 0 0 20px; color: #2c2727; opacity: 0.5; filter: Alpha(opacity=50); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .About-Redit .About-Welfare { width: 340px; height: 110px; background: url(../img/about/About-pic4.jpg) no-repeat center; } .About-Redit .About-Welfare h3 { padding: 20px 0 0 20px; color: #344978; } .About-Redit .About-Welfare p { padding: 0 0 0 20px; color: #000000; opacity: 0.5; filter: Alpha(opacity=50); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*.About-Redit .About-Honor:hover p,.About-Redit .About-Welfare:hover p{opacity: 0.5;filter:Alpha(opacity=50);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}*/ /*about1.html*/ .Abt1-Graphic { width: 100%; overflow: hidden; position: relative; z-index: 9; } .Abt1-Graphic .Grc-box { background: #efefef; width: 100%; margin-bottom: 5px; } .Abt1-Graphic .Grc-Img { float: left; } .Abt1-Graphic .Grc-Text { float: right; } .Abt1-Graphic .Grc-Text .Grc-TextT { width: 674px; padding: 40px; } .Abt1-Graphic .Grc-Text .Grc-TextT p { text-align: justify; color: #666; font-size: 13px; line-height: 24px; padding-top: 26px; } .Abt1-Graphic .Grc-Text .Grc-TextT h4 { color: #e25a00; font-size: 18px; } .Abt1-Graphic .Grc-Text .Grc-TextT h2 { font-size: 50px; color: #e3ded4; line-height: 38px; } .Grc-Text .Grc-TextT h2 span { font-family: 'DINPro-Regular'; } .Abt1-Graphic .Abt1-Text { float: right; width: 1120px; padding: 40px; background: #dbd9d9; text-align: center; } .Abt1-Graphic .Abt1-Text p { color: #c49c45; font-size: 13px; padding-bottom: 18px; } .Abt1-Graphic .Abt1-Text em { color: #e25a00; font-size: 40px; font-weight: 900; } .Abt1-GrCard { padding: 40px 0 60px; background: #efefef; overflow: hidden; display: none; } .Abt1-GrCard ul { width: 1225px; } .Abt1-GrCard li { float: left; margin-right: 20px; width: 590px; height: 360px; overflow: hidden; } .Abt1-GrCard li img { display: block; } .Abt1-GrCard li a { display: block; width: 100%; height: 280px; text-align: center; margin-top: 0px; background: #dbd9d9; position: relative; z-index: 9; transition: all .3s ease; } .Abt1-GrCard li h3 { padding: 30px 0; color: #670003; font-size: 18px; transition: all .3s ease; } .Abt1-GrCard li p { padding: 0 60px; text-align: justify; color: #666; font-size: 13px; line-height: 24px; } .Abt1-GrCard li span { display: block; width: 160px; height: 50px; line-height: 50px; background: #670003; font-size: 13px; color: #fff; margin: 20px auto 0; border-radius: 10px; } .Abt1-GrCard li a:hover { margin-top: -200px; transition: all .3s ease; } .Abt1-GrCard li a:hover h3 { padding: 40px 0 30px; transition: all .3s ease; } /*about2.html*/ .Abt2 { background: url(../img/about/Abt2-Img.png) no-repeat center; height: 390px; margin: 40px auto 100px; } /*about3.html*/ .Abt3-Pg1 { /* width: 626px; */ /* height: 390px; */ height: 300px; width: 1200px; padding: 40px 40px 0 40px; background: #efefef; /* padding: 20px 534px 0 40px; */ margin-bottom: 40px; /* background: #efefef url(../img/about/Abt3-Img.png) no-repeat 700px center; */ } .Abt3-Pg1 h3, .Abt3-Pg2 h3, .Abt3-Pg3 h3 { color: #e25a00; font-size: 18px; line-height: 30px; } .Abt3-Pg1 h4, .Abt3-Pg2 h4, .Abt3-Pg3 h4 { color: #aaa; font-size: 20px; line-height: 30px; font-family: 'novecento_widebook'; } .Abt3-Pg1 p { color: #666; font-size: 13px; line-height: 24px; padding-top: 20px; text-align: justify; } .Abt3-Pg1 p span { color: #670003; font-size: 13px; line-height: 24px; display: inline-block; margin-right: 30px; } .Abt3-Pg1 p span:first-of-type { margin: 0; } .Abt3-Pg2 { padding: 60px 0 40px; background: #efefef; text-align: center; overflow: hidden; } .Abt3-Pg2 ul { width: 1220px; padding-top: 20px; } .Abt3-Pg2 li { float: left; padding: 80px 40px 0; width: 156px; height: 260px; margin-right: 5px; } .Abt3-Pg2 li h5 { color: #670003; font-size: 16px; padding-bottom: 34px; } .Abt3-Pg2 li p { color: #716b5d; font-size: 13px; text-align: justify; line-height: 24px; } .Abt3-Pg2 .Pg2-Li1 { background: #dbd9d9 url(../img/about/Abt3-Img2.jpg) no-repeat center top; } .Abt3-Pg2 .Pg2-Li2 { background: #dbd9d9 url(../img/about/Abt3-Img3.jpg) no-repeat center top; } .Abt3-Pg2 .Pg2-Li3 { background: #dbd9d9 url(../img/about/Abt3-Img4.jpg) no-repeat center top; } .Abt3-Pg2 .Pg2-Li4 { background: #dbd9d9 url(../img/about/Abt3-Img5.jpg) no-repeat center top; } .Abt3-Pg2 .Pg2-Li5 { background: #dbd9d9 url(../img/about/Abt3-Img6.jpg) no-repeat center top; } .Abt3-Pg3 { padding: 60px 0 40px; text-align: center; overflow: hidden; } .Abt3-Pg3 h4 { padding-bottom: 20px; } .Abt3-Pg3 .Pg3-L { padding: 295px 40px 0; float: left; width: 654px; height: 171px; background: #efefef url(../img/about/Abt3-Img7.jpg) no-repeat left top; } .Abt3-Pg3 .Pg3-L p { text-align: justify; font-size: 13px; color: #666; line-height: 24px; } .Abt3-Pg3 .Pg3-R { float: left; width: 466px; height: 466px; background: #d0cccc url(../img/about/Abt3-Img8.png) no-repeat center; } /*about4.html*/ .Abt4-List { overflow: hidden; margin-bottom: 40px; } .Abt4-List li { float: left; width: 398px; height: 48px; line-height: 50px; text-align: center; border: 1px solid #cfc7c7; } .Abt4-List li a { display: block; font-size: 13px; color: #670003; } .Abt4-List li.On { background: #670003; border: 1px solid #670003; } .Abt4-List li.On a { color: #fff; } .Abt4-Pg1 { padding: 0 130px; margin-top: 10px; width: 940px!important; height: 655px; position: relative; z-index: 9; overflow: hidden; } .Abt4-Pg1 ul { width: 970px; } .Abt4-Pg1 li { width: 297px; height: 342px; float: left; background: url(../img/about/Abt4-Img.png) no-repeat center; margin-right: 25px; cursor: pointer; } .Abt4-Pg1 li a { display: block; width: 100%; padding-top: 106px; text-align: center; } .Abt4-Pg1 li h3 { font-size: 16px; color: #670003; } .Abt4-Pg1 li p { font-size: 13px; color: #999; } .Abt4-Pg1 .pg1-Li a { padding-top: 186px; background: url(../img/about/Abt4-Icon.png) no-repeat center 106px; } .Abt4-Pg1 .pg1-Li2 { background: url(../img/about/Abt4-Img2.png) no-repeat center; } .Abt4-Pg1 .pg1-Li2 h4 { font-size: 18px; color: #e25a00; padding-bottom: 16px; } .Abt4-Pg1 .pg1-Li2 h3 { font-size: 24px; color: #fff; padding-bottom: 16px; } .Abt4-Pg1 .pg1-Li2 p { font-size: 12px; color: #915c5d; line-height: 18px; font-family: 'novecento_widebook'; } .Abt4-Pg1 .pg1-Li3 a { padding-top: 126px; background: url(../img/about/Abt4-Icon2.png) no-repeat center 50px; } .Abt4-Pg1 .pg1-Li4 { position: absolute; left: 290px; top: 273px; } .Abt4-Pg1 .pg1-Li5 { position: absolute; right: 266px; top: 273px; } .Abt4-Pg1 .pg1-Li4 a { padding-top: 146px; background: url(../img/about/Abt4-Icon3.png) no-repeat center 75px; } .Abt4-Pg1 .pg1-Li5 a { padding-top: 171px; background: url(../img/about/Abt4-Icon4.png) no-repeat center 95px; } .Abt4-Pg2 { margin-bottom: 100px; height: 740px; overflow: hidden; } .Abt4-Pg2 .Abt4-Pg2L { width: 640px; height: 700px; padding: 40px 40px 0; background: #efefef; float: Left; } .Abt4-Pg2 .Abt4-Pg2L .Abt4-TabBtn { width: 651px; overflow: hidden; } .Abt4-Pg2L .Abt4-TabBtn li { float: left; width: 207px; height: 50px; line-height: 50px; text-align: center; background: #dbd9d9; color: #670003; font-size: 16px; margin-right: 10px; font-weight: bold; cursor: pointer; transition: all .4s ease; } .Abt4-Pg2L .Abt4-TabBtn .On { background: #6d0a0d; color: #fff; transition: all .4s ease; } .Abt4-Pg2L .Abt4-TabMain { padding-top: 36px; } .Abt4-Pg2L .Abt4-TabMain h3 { color: #c49c45; font-size: 16px; padding-top: 24px; } .Abt4-Pg2L .Abt4-TabMain p { color: #666666; font-size: 13px; padding-top: 12px; line-height: 18px; } .Abt4-Pg2 .Abt4-Pg2R { width: 440px; height: 100%; background: url(../img/about/Abt4-Img.jpg) no-repeat center; float: Left; } /*about4-2.html*/ .Abt4-2Pg1 { background: url(../img/about/Adt4-2Img.jpg) no-repeat center; height: 531px; } /*about5.html*/ .Abt5 { width: 1000px !important; padding: 0 40px 0 160px; min-height: 1156px; background: #efefef; overflow: hidden; margin-bottom: 100px; } .Abt5 .bd { width: 100%; background: url(../img/about/Abt5-Icon4.jpg) repeat-y 115px center; position: relative; z-index: 9; margin-top: 110px; } .Abt5 .bd>a { display: block; width: 60px; height: 60px; border-radius: 60px; position: absolute; left: 90px; } .Abt5 .bd .Prev { background: #670003 url(../img/public/Btn-PrevH.png) no-repeat center; top: -70px; } .Abt5 .bd .Next { background: #670003 url(../img/public/Btn-NextH.png) no-repeat center; bottom: -70px; } .Abt5 .bd .nextStop { background: #dbd9d9 url(../img/public/Btn-Next.png) no-repeat center; bottom: -70px; } .Abt5 .bd .prevStop { background: #dbd9d9 url(../img/public/Btn-Prev.png) no-repeat center; top: -70px; } .Abt5 .bd li { overflow: hidden; margin-bottom: 20px; } .Abt5 .bd .Time { width: 67px; padding-right: 65px; font-size: 30px; color: #670003; float: left; font-family: 'novecento_widebook'; font-weight: 900; background: url(../img/about/Abt5-Icon.png) no-repeat right center; margin-top: 20px; } .Abt5 .bd .Text { float: right; width: 746px; text-align: right; border: 1px solid #dbd9da; border-radius: 10px; padding: 40px; background: #f5f5f5; height: 302px !important; overflow-y: auto; } .Abt5 .bd .Text p { font-size: 13px; color: #666; line-height: 20px; text-align: justify; padding: 0 0 20px 20px; background: url(../img/about/Abt5-Icon3.png) no-repeat left 6px; border-radius: 10px; } .Abt5 .bd .Icon { width: 16px; height: 16px; float: right; background: url(../img/about/Abt5-Icon2.jpg) no-repeat center; margin: 25px -1px 0 0; position: relative; z-index: 2; } /*about6.html*/ .Abt-TabBtn { width: 100%; height: 80px; overflow: hidden; } .Abt-TabBtn ul { width: 1212px; } .Abt-TabBtn li { width: 595px; height: 80px; line-height: 80px; text-align: center; background: #dbd9da; color: #444; font-size: 20px; margin-right: 10px; float: left; cursor: pointer; transition: all .4s ease; } .Abt-TabBtn li.On { background: #670003; color: #fff; transition: all .4s ease; } .Abt6-TabMain { background: #efefef; margin: 20px 0 100px; } .Abt6-TabMain .bd { padding: 45px 90px 0; position: relative; z-index: 9; } .Abt6-TabMain .bd>a { display: block; width: 60px; height: 60px; border-radius: 60px; position: absolute; top: 59px; } .Abt6-TabMain .bd .Prev { background: #670003 url(../img/public/Btn-Prev2H.png) no-repeat center; left: 22px; } .Abt6-TabMain .bd .Next { background: #670003 url(../img/public/Btn-Next2H.png) no-repeat center; right: 22px; } .Abt6-TabMain .bd .nextStop { background: #dbd9d9 url(../img/public/Btn-Next2.png) no-repeat center; right: 22px; } .Abt6-TabMain .bd .prevStop { background: #dbd9d9 url(../img/public/Btn-Prev2.png) no-repeat center; left: 22px; } .Abt6-TabMain .bd .tempWrap { width: 1020px!important; background: url(../img/about/Abt6-Icon2.jpg) repeat-x left 40px; } .Abt6-TabMain .bd ul { overflow: hidden; } .Abt6-TabMain .bd li { float: left; margin-left: 20px; width: 440px!important; } .Abt6-TabMain .bd .Time { width: 70px; font-size: 30px; color: #670003; font-weight: 900; background: url(../img/about/Abt6-Icon.png) no-repeat center bottom; font-family: 'novecento_widebook'; padding-bottom: 43px; margin-bottom: 20px; } .Abt6-TabMain .bd .Text { padding: 40px 0 40px 30px; background: url(../img/about/Abt6-Icon4.jpg) repeat-y 34px center } .Abt6-TabMain .bd .Text p { font-size: 13px; color: #666; background: url(../img/about/Abt6-Icon3.png) no-repeat 2px 7px; padding-left: 24px; } .Abt6-TabMain .TMList { padding: 40px; } .Abt6-TabMain .TMList>a { display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dbdbdb; overflow: hidden; } .Abt6-TabMain .TMList .ListImg { width: 260px; height: 160px; float: left; margin-right: 20px; overflow: hidden; } .Abt6-TabMain .TMList h3 { font-size: 16px; color: #670003; padding-bottom: 16px; line-height: 18px; } .Abt6-TabMain .TMList p { font-size: 13px; color: #666; line-height: 20px; } .Page { width: 100%; height: 40px; text-align: center; padding-top: 30px; } .Page span { display: inline-block; width: 38px; height: 38px; line-height: 38px; border: 1px solid #670003; color: #670003; font-size: 16px; margin: 0 10px 0 0; padding: 0; } .Page a { display: inline-block; width: 38px; height: 38px; line-height: 38px; border: 1px solid #dadada; color: #666; font-size: 16px; margin: 0 10px 0 0; padding: 0; } .Page a.no { color: #E6E6E6; } .Abt6-TabMain .TMList .listright { float: left; overflow: auto; height: 126px; padding-right: 20px; width: 820px; } /*about7.html*/ .Abt7-TabMain { width: 100%; padding-bottom: 100px; } .Abt7-TabMain .TMList li { height: 162px; background: #ececec; padding-right: 40px; margin-top: 10px; overflow: hidden; position: relative; z-index: 9; } .Abt7-TabMain .TMList .MImg { float: left; margin-right: 40px; width: 260px; height: 162px; overflow: hidden; } .Abt7-TabMain .TMList h3 { color: #670003; font-size: 16px; padding: 20px 0 40px; line-height: 16px; } .Abt7-TabMain .TMList p { color: #545454; font-size: 12px; line-height: 15px; padding-right: 200px; } .Abt7-TabMain .TMList ul a { display: block; width: 160px; height: 40px; line-height: 40px; text-align: center; border-radius: 10px; background: #dbd9d9; font-size: 14px; color: #670003; position: absolute; top: 60px; right: 40px; transition: all .4s ease; } .Abt7-TabMain .TMList a:hover { background: #670003; color: #fff; transition: all .4s ease; } .TMList2 { margin-top: 10px; } .List2-Tit { width: 1200px; height: 92px; text-align: center; color: #670003; font-size: 30px; font-weight: 900; padding-top: 228px; background: url(../img/about/Abt7-Img2.jpg) no-repeat center; } .TMList2-Tab { width: 1120px; padding: 0 40px 40px; background: #efefef; overflow: hidden; } .TMList2-Tab .TMList2-TabBtn { float: right; margin-top: 20px; width: 305px; border-top: 1px solid #dbd9d9; border-left: 1px solid #dbd9d9; border-right: 1px solid #dbd9d9; } .TMList2-Tab .TMList2-TabBtn li { padding-left: 44px; line-height: 48px; color: #444; font-size: 13px; border-bottom: 1px solid #dbd9d9; cursor: pointer; background: #efefef; transition: all .4s ease; } .TMList2-Tab .TMList2-TabBtn li.On { background: #dbd9d9; transition: all .4s ease; } .TMList2-TabMain { width: 774px; padding-right: 39px; float: left; } .TMList2-TabMain li { width: 774px; } .TMList2-TabMain li h3 { color: #6d0a0d; font-size: 16px; padding-top: 40px; line-height: 16px; } .TMList2-TabMain li h4 { color: #c49c45; font-size: 13px; padding-top: 20px; line-height: 13px; } .TMList2-TabMain li p { color: #999999; font-size: 13px; line-height: 24px; padding-top: 15px; } /*advisory.html*/ .Ady { margin: 0 auto 60px; overflow: hidden; height: 480px; } .Ady h2 { font-size: 18px; color: #690001; line-height: 18px; padding-bottom: 18px; border-bottom: 1px solid #dad1c6; } .Ady h2 span { font-size: 16px; color: #babab8; font-family: 'DINPro-Regular'; display: inline-block; padding-left: 10px; } .Ady-Company { width: 660px; height: 400px; padding: 40px; background: #ebeae8; float: left; margin-right: 10px; } .Ady-Company .Company-Tit { padding: 20px 0; } .Ady-Company .Company-Tit a { padding-left: 320px; display: block; height: 170px; } .Ady-Company .Company-Tit h3 { font-size: 18px; color: #444; line-height: 22px; padding-bottom: 9px; } .Ady-Company .Company-Tit h4 { font-size: 13px; color: #999; line-height: 13px; padding-bottom: 24px; } .Ady-Company .Company-Tit p { font-size: 13px; color: #999; line-height: 24px; padding-bottom: 15px; text-align: justify; } .Ady-Company .Company-Tit span { font-size: 13px; color: #c49c46; line-height: 13px; } .Ady-Company ul { padding-top: 20px; border-top: 1px dashed #d4d4d4; } .Ady-Company li { overflow: hidden; padding-bottom: 4px; } .Ady-Company li p, .Ady-Project li p { float: left; font-size: 13px; color: #666; } .Ady-Company li span, .Ady-Project li span { float: right; font-size: 13px; color: #666; } .Ady-Company li:hover p, .Ady-Company li:hover span, .Ady-Project li:hover p, .Ady-Project li:hover span { color: #690001; } .Ady-Project { width: 370px; padding: 40px; background: #ebeae8; float: left; margin-bottom: 10px; } .Ady-Project ul { padding-top: 10px; } .Ady-Project li { overflow: hidden; padding-top: 4px; } .Ady-Project li { line-height: 23px; } /*advisory1.html*/ .Ady1 { padding: 40px; width: 1120px!important; background: #ececec; height: 239px; overflow: hidden; padding-top: 30px; } .Ady1 .Ady1-Img { float: left; width: 385px; height: 239px; overflow: hidden; padding-right: 20px; } .Ady1 .Ady1-Text { float: left; width: 715px; } .Ady1 .Ady1-Text h3 { font-size: 16px; line-height: 16px; color: #670003; padding-bottom: 8px; } .Ady1 .Ady1-Text h4 { font-size: 13px; line-height: 13px; color: #666; padding-bottom: 15px; } .Ady1 .Ady1-Text p { font-size: 13px; line-height: 20px; color: #666; text-align: justify; } .Ady1 .Ady1-Text .Text-Span { padding-top: 20px; margin-top: 30px; border-top: 1px solid #dcdcdc; overflow: hidden; } .Ady1-Text .Text-Span .Line { display: block; float: left; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #670003; border-radius: 10px; background: #dbd9d9; } .Ady1-Text .Text-Span .Watch { display: block; padding-left: 30px; background: url(../img/public/Eye-Icon.png) no-repeat left center; float: right; font-size: 13px; color: #666; line-height: 40px; } .Ady1-List { padding-bottom: 100px; } .Ady1-List li { padding: 40px; margin: 10px 0 0 0; background: #ececec; overflow: hidden; } .Ady1-List .List-Time { float: left; width: 80px; height: 80px; background: #670003; text-align: center; margin-right: 20px; } .Ady1-List .List-Time h3 { font-size: 30px; color: #fff; line-height: 49px; border-bottom: 1px solid #853335; } .Ady1-List .List-Time p { font-size: 13px; color: #fff; line-height: 30px; } .Ady1-List .List-Text { float: left; width: 1020px; } .Ady1-List .List-Text h3 { font-size: 16px; line-height: 16px; color: #670003; padding-bottom: 24px; } .Ady1-List .List-Text p { font-size: 13px; line-height: 20px; color: #666; text-align: justify; } .Ady1-List .List-Span { width: 100%; float: left; padding-top: 20px; margin-top: 20px; border-top: 1px solid #dcdcdc; overflow: hidden; } .Ady1-List .List-Span span { display: block; } .Ady1-List .List-Span .Watch { padding-left: 30px; background: url(../img/public/Eye-Icon.png) no-repeat left center; float: left; font-size: 13px; color: #666; } .Ady1-List .List-Span .Detail { float: right; font-size: 13px; color: #660000; } /*advisory1-1.html*/ .Ady1-Detail { padding-bottom: 100px; } .Ady1-DTit { overflow: hidden; } .Ady1-DTit h3 { line-height: 50px; font-size: 18px; color: #444; display: inline-block; } .Ady1-DTit a { width: 40px; height: 18px; padding-top: 22px; background: #670003 url(../img/public/Back-Icon.png) no-repeat center 5px; line-height: 12px; font-size: 12px; color: #fff; text-align: center; display: block; float: right; margin-top: 5px; } .Ady1-Share { height: 30px; padding-top: 20px; border-top: 1px solid #cfc7c7; overflow: hidden; } .Ady1-Share a { display: inline-block; width: 30px; height: 30px; margin-right: 10px; } .Ady1-Share .QQ { background: url(../img/public/QQ-Icon.png) no-repeat center; } .Ady1-Share .WX { background: url(../img/public/WX-Icon.png) no-repeat center; } .Ady1-Share .Sina { background: url(../img/public/Sina-Icon.png) no-repeat center; } .Ady1-Share .Share { background: url(../img/public/Share-Icon.png) no-repeat center; } .Ady1-Share p { display: inline-block; line-height: 30px; overflow: hidden; color: #999; font-size: 13px; padding-left: 30px; } .Ady1-Share .Watch { display: block; padding-left: 30px; background: url(../img/public/Eye-Icon.png) no-repeat left center; float: right; font-size: 13px; color: #666; line-height: 30px; } .Ady1-Detail .Detail-Text { padding: 40px 120px 0; } .Ady1-Detail .Detail-Text p { font-size: 13px; color: #666; line-height: 24px; text-align: justify; text-indent: 2em; } .Change { width: 56px; height: 56px; background: #670003; margin: 40px auto; } .Change a { display: block; width: 100%; height: 100%; background: url(../img/public/More-Icon.png) no-repeat center; } .Related ul { border-top: 1px dashed #ebeaea; padding-top: 30px; } .Related li { padding-bottom: 10px; } .Related li a { font-size: 13px; line-height: 24px; color: #666; } .Related li a span { font-size: 13px; line-height: 24px; color: #670003; } /*format.html*/ .Fat { padding: 0 0 60px; height: 480px; overflow: hidden; } .Fat .Fat-L { width: 840px; float: left; overflow: hidden; } .Fat .Fat-L a { display: block; margin: 0 10px 10px 0; padding: 40px 0 0 40px; float: left; } .Fat .Fat-L a h3 { font-size: 16px; color: #670003; line-height: 16px; padding-bottom: 4px; } .Fat .Fat-L a p { font-size: 16px; color: #659ebc; line-height: 16px; font-family: 'DINPro-Regular'; } .Fat .Fat-L .Fat-L1 { width: 370px; height: 195px; background: url(../img/fat/Fat-Img1.jpg) no-repeat center; } .Fat .Fat-L .Fat-L2 { width: 160px; height: 195px; background: url(../img/fat/Fat-Img2.jpg) no-repeat center; } .Fat .Fat-L .Fat-L2 h3 { color: #beb9b8; } .Fat .Fat-L .Fat-L2 p { color: #4a3834; } .Fat .Fat-L .Fat-L3 { width: 160px; height: 195px; background: url(../img/fat/Fat-Img3.jpg) no-repeat center; } .Fat .Fat-L .Fat-L3 h3 { color: #a17f42; } .Fat .Fat-L .Fat-L3 p { color: #bdcfa7; } .Fat .Fat-L .Fat-L4 { width: 370px; height: 195px; background: url(../img/fat/Fat-Img4.jpg) no-repeat center; } .Fat .Fat-L .Fat-L4 p { color: #8999c1; } .Fat .Fat-L .Fat-L5 { width: 160px; height: 195px; background: url(../img/fat/Fat-Img5.jpg) no-repeat center; } .Fat .Fat-L .Fat-L5 h3 { color: #828995; } .Fat .Fat-L .Fat-L5 p { color: #acbfd3; } .Fat .Fat-L .Fat-L6 { width: 160px; height: 195px; background: url(../img/fat/Fat-Img6.jpg) no-repeat center; } .Fat .Fat-L .Fat-L6 h3 { color: #3a7294; } .Fat .Fat-L .Fat-L6 p { color: #435462; } .Fat .Fat-R { padding: 0 35px; width: 290px; height: 480px; background: #ebeae8; float: left; display: table; } .Fat .Fat-R p { font-size: 13px; color: #666; line-height: 24px; vertical-align: middle; display: table-cell; } .Fat .Fat-R h3 { font-size: 13px; color: #670003; line-height: 24px; padding-top: 28px; } /*format1.html*/ .Fat-Select { /*position: fixed;top: 0;left: 238px;*/ background: #fff; } .Fat-Select .Select-City { width: 305px; float: left; padding: 0 10px; height: 40px; background: #dbd9d9; overflow: hidden; margin-right: 20px; overflow-x: auto; } .Fat-Select .Select-City::-webkit-scrollbar{ height: 0px; transition:all .7s; } .Fat-Select .Select-City:hover::-webkit-scrollbar{ height: 5px; } .Fat-Select .Select-City .city_box{ width: 354px; } .Fat-Select .Select-City a { display: block; float: left; line-height: 20px; font-size: 12.5px; color: #444; padding: 0 10px; margin-top: 10px; border-right: 1px solid #ccc7c7; } .Fat-Select .Select-City .On { color: #670003; } .Fat-Select .Select-City .None { border: 0; } .Fat-Select .Select-Down { float: left; margin-right: 20px; position: relative; z-index: 9; } .Fat-Select .Select-Down em { display: inline-block; width: 89px; line-height: 40px; text-align: center; font-size: 13px; color: #666; background: #dbd9d9; font-weight: normal; float: left; } .Fat-Select .Select-Down input { padding-left: 20px; width: 117px; height: 38px; line-height: 40px; border: 1px solid #dbd9d9; background: url(../img/public/Crumbs-Icon.png) no-repeat 110px center; cursor: pointer; } .Fat-Select .Select-Down ul { position: absolute; right: 0; top: 40px; display: none; } .Fat-Select .Select-Down li { width: 119px; padding-left: 20px; line-height: 32px; font-size: 13px; color: #666; background: #dbd9d9; cursor: pointer; } .Fat-Select .Search-Btn { display: block; float: right; width: 110px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 13px; background: #670003; } .Fat-Select #keyword { width: 227px; height: 38px; font-size: 13px; color: #666; padding: 0 10px; border: 1px solid #dbd9d9; } .Fat-Select .format { width: 359px; float: left; } .Fat1 { width: 1200px; padding: 40px 40px 0 40px; background: #ebeae8; /* width: 626px; */ height: 390px; /* padding: 30px 534px 30px 40px; */ margin-bottom: 40px; /* background: #ebeae8 url(../img/about/Abt3-Img.png) no-repeat 700px center; */ } .Fat1 h3 { font-size: 18px; color: #670003; line-height: 18px; margin-bottom: 10px; } .Fat1 h4 { font-size: 18px; color: #8f5e5e; line-height: 18px; font-weight: normal; } .Fat1 p { font-size: 13px; color: #666; line-height: 24px; text-align: justify; padding-top: 20px; } .Fat1-List { padding-bottom: 100px; overflow: hidden; } .Fat1-List li a { display: block; width: 1160px; height: 162px; padding-right: 40px; margin-top: 20px; overflow: hidden; background: #ececec; } .Fat1-List .List-Img { width: 260px; height: 162px; float: left; padding-right: 40px; } .Fat1-List .List-Text { float: left; width: 712px; } .Fat1-List .List-Text h3 { font-size: 16px; color: #670003; line-height: 16px; padding: 20px 0 15px; } .Fat1-List .List-Text h4 { font-size: 15px; color: #d79c36; line-height: 16px; } .Fat1-List .List-Text h5 { font-size: 16px; color: #670003; line-height: 16px; padding: 40px 0 24px; } .Fat1-List .List-Text p { font-size: 13px; color: #545454; line-height: 24px; text-align: justify; } .Fat1-List .List-Text .Add { padding-left: 25px; margin-top: 10px; background: url(../img/public/Add-Icon.png) no-repeat left; center; } .Fat1-List .List-Text .Tel { padding-left: 25px; margin-top: 10px; background: url(../img/public/Tel-Icon.png) no-repeat left; center; } .Fat1-List .List-Det { float: right; width: 120px; padding-top: 50px; } .Fat1-List .List-Det span { display: inline-block; } .Fat1-List .List-Det .Like { padding-left: 23px; background: url(../img/public/Love-Icon.png) no-repeat left center; font-size: 13px; color: #545454; } .Fat1-List .List-Det .Watch { padding-left: 28px; background: url(../img/public/Eye-Icon2.png) no-repeat left center; font-size: 13px; color: #545454; } .Fat1-List .List-Det .Det { width: 120px; height: 40px; line-height: 40px; text-align: center; background: #dbd9d9; color: #670003; font-size: 14px; border-radius: 10px; margin-top: 26px; transition: all .4s ease; } .Fat1-List li a:hover .Det { color: #fff; background: #670003; transition: all .4s ease; } /*format1-1.html*/ .Fat1-1 { padding: 40px; background: #efefef; width: 1120px!important; } .Fat1-1Tit { background: #dbd9d9; overflow: hidden; height: 260px; margin-bottom: 40px; } .foma1-1 a.back { width: 40px; height: 18px; padding-top: 22px; background: #670003 url(../img/public/Back-Icon.png) no-repeat center 5px; line-height: 12px; font-size: 12px; color: #fff; text-align: center; display: block; float: right; margin-top: -20px; } .Fat1-1Tit .Fat1-1Timg { float: left; width: 440px; height: 260px; overflow: hidden; padding-right: 40px; } .Fat1-1Tit h2 { padding-left: 25px; margin-top: 8px; color: #666; font-size: 13px; background: url(../img/format/ddd.png) no-repeat left center; display: block; float: left; width: 615px; line-height: 18px; cursor: pointer; } .Fat1-1Tit h3 { padding-left: 25px; margin-top: 8px; color: #666; font-size: 13px; background: url(../img/fat/Fat1-1Icon.png) no-repeat left center; display: block; float: left; width: 615px; line-height: 18px; cursor: pointer; } .Fat1-1Tit h4 { padding-left: 25px; margin-top: 8px; color: #666; font-size: 13px; background: url(../img/fat/Fat1-1Icon2.png) no-repeat left center; display: block; float: left; width: 615px; line-height: 18px; } .Fat1-1Tit h5 { padding-left: 25px; margin-top: 8px; color: #666; font-size: 13px; background: url(../img/fat/Fat1-1Icon3.png) no-repeat left center; display: block; float: left; width: 615px; line-height: 18px; } .Fat1-1Tit p { font-size: 13px; height: 145px; line-height: 20px; padding: 0 20px 0 0; overflow-y: auto; margin-top: 20px; } .Fat1-1Tit .Tel { color: #666; font-size: 13px; font-family: 'novecento_widebook'; } .Fat1-1Btn { width: 100%; height: 50px; margin-bottom: 20px; overflow: hidden; } .Fat1-1Btn li { width: 50%; height: 50px; line-height: 50px; text-align: center; float: left; background: #dbd9d9; color: #670003; font-size: 16px; font-weight: 900; cursor: pointer; transition: all .4s ease; } .Fat1-1Btn li.On { background: #670003; color: #fff; transition: all .4s ease; } .Max-Slide .SlideBox { position: relative; z-index: 9; width: 1120px; height: 700px; overflow: hidden; } .Max-Slide .SlideBox .bd { width: 1120px; height: 700px; overflow: hidden; } .Max-Slide .SlideBox .bd li { float: left; width: 100%; height: 700px; } .Max-Slide .SlideBox .Hd { position: absolute; left: 100px; bottom: 20px; width: 926px; height: 120px; overflow: hidden; } .SlideBox .Hd li { width: 174px; height: 118px; float: left; border: 1px solid #c49c45; margin-right: 10px; } .SlideBox .Hd li img { width: 100%; height: 100%; } .SlideBox .Hd li.on { width: 164px !important; height: 112px; border: 4px solid #670003; } .Max-Slide .SlideBox>a { display: block; width: 60px; height: 60px; position: absolute; bottom: 50px; } .Max-Slide .SlideBox .Prev { background: url(../img/fat/Fat1-1Icon5.png) no-repeat center; left: 20px; } .Max-Slide .SlideBox .Next { background: url(../img/fat/Fat1-1Icon4.png) no-repeat center; right: 20px; } .Fat1-1Map { width: 1120px; height: 556px; padding: 0 40px 40px 40px; overflow: hidden; margin: 0 auto; background: #efefef; } .Fat1-1Map #Map { height: 556px; border: 2px solid #6e0c0f; } .Fat1-1Map .W1200 { margin-top: -550px; position: relative; z-index: 9; } .Fat1-1Map .W1200 .Pct-Add { width: 220px; ; height: 110px; background: url(../img/fat/Fat1-1Img4.jpg) no-repeat center; } /*format2.html*/ .Fat-Btn { height: 40px; overflow: hidden; } .Fat-Btn ul { width: 1225px; } .Fat-Btn li { width: 181px; height: 38px; line-height: 40px; text-align: center; font-size: 13px; color: #444; margin-right: 20px; border: 1px solid #dcdada; float: left; background: #fafafa; cursor: pointer; transition: all .4s ease; } .Fat-Btn li.On { background: #dcdada; color: #670003; transition: all .4s ease; } /*format4.html*/ .Fat-Btn4 { height: 40px; overflow: hidden; } .Fat-Btn4 ul { width: 1225px; } .Fat-Btn4 li { width: 222px; height: 38px; line-height: 40px; text-align: center; font-size: 13px; color: #444; margin-right: 20px; border: 1px solid #dcdada; float: left; background: #fafafa; cursor: pointer; transition: all .4s ease; } .Fat-Btn4 li.On { background: #dcdada; color: #670003; transition: all .4s ease; } .Fat-info { padding: 40px 0 5px 0; } .Fat-info ul li h4 { font-size: 16px; color: #670001; } .Fat-info ul li p { font-size: 13px; color: #6b6b6b; padding-top: 5px; } /*format4-1.html*/ .Fat1-List4-1 { padding: 40px; overflow: hidden; background: #ebeae8; width: 1120px; padding-top: 20px; } .Fat1-List4-1 .left { width: 618px; float: left; } .Fat1-List4-1 .left { float: left; } .Fat1-List4-1 .left h2 { color: #670003; font-size: 18px; margin-bottom: 4px; } .Fat1-List4-1 .left h3 { color: #670003; font-size: 18px; margin-bottom: 32px; font-family: 'novecento_widebook'; } .Fat1-List4-1 .left p { color: #666666; font-size: 13px; padding-top: 10px; line-height: 20px; } .Fat1-List4-1 .right { margin: 30px 0 0 30px; } .Fat1-List4-1 .bottom h3 { color: #670003; font-size: 14px; margin: 6px 0 40px 0px; } .Fat1-List4-1 .bottom h4 { color: #670003; font-size: 13px; } .Fat1-List4-1 .bottom p { color: #666666; font-size: 13px; padding-bottom: 10px; line-height: 20px; } .Fat1-List4-1 .link { color: #666666; font-size: 16px; height: 46px; line-height: 46px; margin-top: 30px; margin-bottom: 40px; } .Fat1-List4-1 .link a { display: block; height: 46px; } /*format5.html*/ .Fat-Btn5 li { width: 283px; height: 38px; line-height: 40px; text-align: center; font-size: 13px; color: #444; margin-right: 20px; border: 1px solid #dcdada; float: left; background: #fafafa; cursor: pointer; transition: all .4s ease; } .Fat1-List5 { margin-top: 20px; padding: 20px 40px; background: #f4f4f4; width: 1120px; margin-bottom: 120px; } .Fat1-List5 h1 { font-size: 18px; color: #670003; } .Fat1-List5 h2 { font-size: 20px; color: #7e7363; margin-bottom: 15px; } .Fat1-List5 p { font-size: 13px; color: #888888; letter-spacing: -0.5px; line-height: 32px; padding-bottom: 10px; } .Fat1-List5 .img { float: left; width: 368px; height: 261px; margin-top: 30px; margin-right: 5px; } .Fat1-List5 .img:last-child { margin-right: 0; } .Fat1-List5 .img span { display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 14px; color: #7a7676; letter-spacing: -0.5px; } /*format6.html*/ .Fat-Btn6 li { width: 130px; height: 38px; line-height: 40px; text-align: center; font-size: 13px; color: #444; margin-right: 20px; border: 1px solid #dcdada; float: left; background: #fafafa; cursor: pointer; transition: all .4s ease; } .Fat-tnav { position: relative; } .Fat-tnav .line { width: 100%; height: 2px; background: #e3e3e3; margin: 40px 0 25px 0; position: absolute; } .Fat-tnav ul li { float: left; width: 140px; text-align: center; font-size: 14px; color: #670003; margin-right: 20px; cursor: pointer; ; margin: 40px 0 0; z-index: 99; position: relative; padding-top: 5px; } .Fat-tnav ul li.on { border-top: 2px solid #670003; padding-top: 3px; } .Fat1-List6 { margin-top: 20px; padding: 0 40px 90px 40px; background: #f4f4f4; width: 1120px; } .Fat1-List6 .culture { width: 1120px; } .Fat1-List6 .redboat { margin: 55px 0 65px 0; position: relative; } .Fat1-List6 h1 { font-size: 18px; color: #670003; } .Fat1-List6 h2 { font-size: 20px; color: #7e7363; margin-bottom: 15px; } .Fat1-List6 h3 { font-size: 16px; color: #666666; margin-bottom: 15px; } .Fat1-List6 .culture .left { float: left; width: 568px; margin-right: 60px; margin-top: 50px; } .Fat1-List6 .culture .left p { font-size: 13px; color: #888888; line-height: 22px; margin-top: 16px; } .Fat1-List6 .culture .right { float: right; display: block; } .Fat1-List6 .redboat .boatnav li { font-size: 16px; color: #666666; float: left; margin-right: 50px; line-height: 40px; height: 30px; cursor: pointer; z-index: 99; position: relative; margin: 10px 50px 25px 0; } .Fat1-List6 .redboat .boatnav li.on { border-bottom: 2px solid #670003; } .Fat1-List6 .redboat .line { width: 100%; height: 2px; background: #e3e3e3; position: absolute; top: 64px; } .Fat1-List6 .redboat p { font-size: 13px; color: #888888; line-height: 22px; } .Fat1-List6 .redboat .boatimg img { float: left; margin-top: 10px; } .Fat1-List6 .redboat .boatimg img:last-child { float: right; } .Fat1-List6 .boatimg .word { float: left; width: 275px; background: #670003; margin-top: 10px; height: 243px; display: table; } .Fat1-List6 .boatimg .word h2 { font-size: 20px; color: #fff; margin-bottom: 24px; } .Fat1-List6 .boatimg .word p { font-size: 14px; color: #fff; vertical-align: middle; display: table-cell; text-align: center; padding: 0 30px; } .Fat1-List6 .perform .left { float: left; width: 700px; } .Fat1-List6 .perform .left h3 { margin-top: 15px; } .Fat1-List6 .perform p { font-size: 13px; color: #888888; line-height: 20px; margin-top: 16px; } .Fat1-List6 .perform .right { float: right; } .clear { clear: both; } /*meeting.html*/ .Meg { overflow: hidden; height: 480px; padding: 0 0 60px; } .Meg-L { width: 390px; height: 400px; float: left; padding: 40px; background: #ebeae8; margin-right: 10px; } .Meg-L h3 { font-size: 16px; color: #670003; line-height: 20px; } .Meg-L h4 { font-size: 16px; color: #d4cbba; line-height: 16px; font-weight: normal; font-family: 'DINPro-Regular'; padding-bottom: 22px; } .Meg-L p { font-size: 13px; color: #7d6b48; line-height: 24px; } .Meg-L ul { width: 309px; overflow: hidden; border-top: 1px solid #dad1c6; padding-top: 40px; margin-top: 15px; } .Meg-L li a { display: block; float: left; width: 118px; height: 51px; line-height: 53px; text-align: center; color: #670003; font-size: 13px; border: 1px solid #dad1c6; margin: 0 20px 20px 0; transition: all .3s ease; } .Meg-L li a:hover { background: #670003; color: #fff; transition: all .3s ease; } .Meg-R { float: left; height: 480px; width: 720px; overflow: hidden; } .Meg-R ul { width: 730px; } .Meg-R li { width: 205px; float: left; margin-right: 10px; } .Meg-R li img { display: block; } .Meg-R .Meg-Rli { width: 290px; } .Meg-R .Meg-Rli a { display: block; margin-bottom: 10px; } /*meeting1.html*/ .Meg1 { padding: 40px 0 100px; overflow: hidden; } .Meg1 ul { width: 1220px; } .Meg1 li { width: 285px; height: 440px; float: left; margin-right: 20px; overflow: hidden; } .Meg1-Card1 { background: url(../img/Meg/Meg1-Img.jpg) no-repeat center; } .Meg1-Card2 { background: url(../img/Meg/Meg1-Img2.jpg) no-repeat center; } .Meg1-Card3 { background: url(../img/Meg/Meg1-Img3.jpg) no-repeat center; } .Meg1-Card4 { background: url(../img/Meg/Meg1-Img4.jpg) no-repeat center; } .Meg1 li a { display: block; width: 265px; margin: 300px auto 0; text-align: center; background: #ebeae8; padding-top: 70px; transition: all .3s ease; overflow: hidden; } .Meg1 li:hover a { margin-top: 160px; padding-top: 100px; background-position: center 60px; transition: all .3s ease; } .Meg1 .Meg1-Card1 a { background: #ebeae8 url(../img/Meg/Meg1-Icon.png) no-repeat center 24px; } .Meg1 .Meg1-Card2 a { background: #ebeae8 url(../img/Meg/Meg1-Icon2.png) no-repeat center 24px; } .Meg1 .Meg1-Card3 a { background: #ebeae8 url(../img/Meg/Meg1-Icon3.png) no-repeat center 24px; } .Meg1 .Meg1-Card4 a { background: #ebeae8 url(../img/Meg/Meg1-Icon4.png) no-repeat center 24px; } .Meg1 li a h3 { font-size: 16px; color: #670003; line-height: 16px; } .Meg1 li a p { font-size: 16px; color: #d1c59f; line-height: 16px; font-family: 'DINPro-Regular'; padding: 10px 0 40px; } .Meg1 li a span { display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #670003; font-size: 14px; color: #fff; margin: 0 auto 60px; border-radius: 10px; } /*meeting1-茂录藛1-4茂录鈥?html*/ .Meg1-1 { height: 1148px; position: relative; z-index: 9; background: url(../img/Meg/Meg1-1-14Img.jpg) no-repeat center; margin: 20px auto 100px; overflow: hidden; } .Meg1-2 { height: 1442px; position: relative; z-index: 9; background: url(../img/Meg/Meg1-2Img.jpg) no-repeat center; margin: 20px auto 100px; overflow: hidden; } .Meg1-3 { height: 865px; position: relative; z-index: 9; background: url(../img/Meg/Meg1-3Img.jpg) no-repeat center; margin: 20px auto 0; overflow: hidden; } .Meg1-3Pg2 { height: 1301px; background: url(../img/Meg/Meg1-3Img2.jpg) no-repeat center; } .Meg1-3Pg3 { height: 1628px; background: url(../img/Meg/Meg1-3Img3.jpg) no-repeat center; margin-bottom: 100px; } .Meg1-4 { height: 2393px; position: relative; z-index: 9; background: url(../img/Meg/Meg1-4Img.jpg) no-repeat center; margin: 20px auto 100px; overflow: hidden; } .Meg-Back { position: absolute; top: 0; right: 0; width: 40px; height: 18px; padding-top: 22px; background: #670003 url(../img/public/Back-Icon.png) no-repeat center 5px; line-height: 12px; font-size: 12px; color: #fff; text-align: center; display: block; } /*meeting2.html*/ .Meg2 { padding: 40px; height: 450px; margin: 0 auto 60px; width: 1120px; background: #efefef; } .Meg2-Int { float: left; width: 640px; padding: 20px 20px 0 0; border-right: 1px solid #dbd9d9; } .Meg2-Int input { width: 578px; height: 48px; line-height: 50px; padding-left: 60px; border-radius: 10px; border: 1px solid #dbd9d9; margin-bottom: 10px; color: #666; font-size: 13px; float: left; } .Meg2-Int .Name { background: #fff url(../img/Meg/Meg2-Icon1.png) no-repeat 12px center; } .Meg2-Int .Tel { background: #fff url(../img/Meg/Meg2-Icon2.png) no-repeat 12px center; } .Meg2-Int .Code { width: 398px; margin-right: 20px; background: #fff url(../img/Meg/Meg2-Icon5.png) no-repeat 12px center; } .Meg2-Int span { display: block; float: left; width: 160px; height: 50px; line-height: 50px; text-align: center; font-size: 13px; color: #fff; background: #670003; border-radius: 10px; cursor: pointer; } .Meg2-Int .Code2 { color: #999; background: #dbd9d9; } .Meg2-Int .Pword, .Meg2-Int .Pword2 { background: #fff url(../img/Meg/Meg2-Icon3.png) no-repeat 12px center; } .Meg2-Int .Owner, .Meg2-Int .City, .Meg2-Int .Property { background: #fff url(../img/Meg/Meg2-Icon4.png) no-repeat 12px center; cursor: pointer; } .Int-Down { position: relative; z-index: 99; float: left; } .Int-Down ul { position: absolute; left: 0; top: 50px; display: none; background: #fff; border-radius: 10px; border: 1px solid #dbd9d9; z-index: 99; overflow-x: hidden; overflow-y: auto; } .Int-Down.one ul { max-height: 224px; } .Int-Down.two ul { max-height: 160px; } .Int-Down.three ul { max-height: 96px; } .Int-Down li { width: 578px; height: 32px; line-height: 32px; padding-left: 60px; color: #666; font-size: 13px; cursor: pointer; } .Meg2-Login { float: left; width: 439px; padding-top: 240px; background: url(../img/Meg/Meg2-Img.png) no-repeat center 90px; } .Meg2-Login>a { display: block; width: 160px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 16px; background: #670003; border-radius: 10px; margin: 0 auto 20px; } /*meeting2-11*/ .Meg2-11 .addrbox li { width: 183px; height: 38px; border: 1px solid #dad8d8; margin-right: 20px; float: left; text-align: center; font-size: 14px; color: #444444; line-height: 38px; cursor: pointer; } .Meg2-11 .addrbox { margin: 20px 0; } .Meg2-11 .recom li { margin-top: 20px; overflow: hidden; height: 162px; } .Meg2-11 .recom li img { float: left; display: block; } .Meg2-11 .recom li .r_box { overflow: hidden; } .Meg2-11 .recom li .r_box h3 { font-size: 16px; color: #670003; } .Meg2-11 .recom li .r_box p { font-size: 12px; color: #545454; padding: 25px 0; } .Meg2-11 .recom li .r_box .word { float: left; width: 640px; padding: 30px; } .Meg2-11 .recom li .r_box .but { float: left; margin-top: 10px } .Meg2-11 .recom li .r_box .but a { font-size: 14px; color: #670003; background: #dbd9d9; border-radius: 8px; text-align: center; width: 120px; height: 40px; display: block; margin-top: 20px; line-height: 40px; } .Meg2-11 .recom li .r_box .but a:hover { color: #fff; background: #670003; } /*meeting2-12*/ .Meg2-3 .tui { font-size: 16px; color: #670003; text-align: center; background: url(../img/Meg/hdl_03.png)no-repeat center center; width: 100%; height: 18px; line-height: 18px; padding: 30px 0 30px 0; margin-top: 10px; } .Opinion11 { text-align: center; } .Opinion11 .button { margin: 30px 0 0 243px; } .Opinion11 .tuijian, .Opinion11 .reset { width: 160px; height: 50px; line-height: 50px; text-align: center; display: block; background: #670003; color: #fff; font-size: 16px; border-radius: 10px; float: left; margin-right: 40px; } .Opinion11 input { width: 578px; height: 48px; line-height: 50px; padding-left: 60px; border-radius: 10px; border: 1px solid #dbd9d9; margin-bottom: 10px; color: #666; font-size: 13px; } .Opinion11 input.addr { padding-left: 22px; width: 622px; } .Opinion11 .City { background: #fff url(../img/Meg/Meg2-Icon4.png) no-repeat 12px center; cursor: pointer; } .Opinion11 .Int-Down { float: none; display: inline-block; width: auto; } .Opinion11 .Int-Down ul { display: none; background: #fff; border-radius: 10px; border: 1px solid #dbd9d9; } .Opinion11 .Int-Down li { width: 578px; height: 32px; line-height: 32px; padding-left: 60px; color: #666; font-size: 13px; cursor: pointer; text-align: left; } .Opinion11 .name { background: #fff url(../img/Meg/Meg2-Icon1.png) no-repeat 12px center; } .Opinion11 .tel { background: #fff url(../img/Meg/Meg2-Icon2.png) no-repeat 12px center; } /*meeting2-1.html*/ .Meg2-1, .Meg2-2 { width: 1120px; overflow: hidden; background: #efefef; padding: 40px; margin: 40px auto 100px; } .Meg2-1 .Meg-Back, .Meg2-2 .Meg-Back { position: inherit; width: 40px; height: 18px; padding-top: 22px; background: #670003 url(../img/public/Back-Icon.png) no-repeat center 5px; line-height: 12px; font-size: 12px; color: #fff; text-align: center; display: block; float: left; margin-bottom: 80px; } .Meg2-1 .Meg2-Login { padding-top: 120px; background-position: center 0px; } .Meg2-Login p { text-align: center; font-size: 13px; color: #999; } .Meg2-Login p a { font-size: 13px; color: #999; } .Meg2-Login p a:hover { color: #670003; } /*meeting2-2.html*/ .Meg2-2 .Meg2-Login { padding-top: 215px; background-position: center 47px; } .Meg2-2 .Meg2-Int .Meg-Back { margin-bottom: 40px; } /*meetimg2-3.html*/ .Meg2-3 { padding: 40px; width: 1120px; background: #efefef; margin-bottom: 100px; overflow: hidden; } .Meg-Btn { width: 1121px; height: 49px; border-bottom: 1px solid #cfc7c7; overflow: hidden; } .Meg-Btn ul { width: 1145px; } .Meg-Btn li { float: left; width: 141px; height: 48px; line-height: 50px; text-align: center; border-top: 1px solid #cfc7c7; border-left: 1px solid #cfc7c7; border-right: 1px solid #cfc7c7; margin-right: 20px; } .Meg-Btn li a { font-size: 13px; color: #670003; display: block; width: 100%; height: 100%; background: #fff; } .Meg-Btn li.On a { background: #670003; color: #fff; } .Meg2-3Pg2 { width: 100%; overflow: hidden; } .Meg2-3Pg2 .R-Btn { float: right; margin-top: 20px; width: 303px; } .Meg2-3Pg2 .R-Btn ul { border-top: 1px solid #dbd9d9; border-left: 1px solid #dbd9d9; border-right: 1px solid #dbd9d9; } .Meg2-3Pg2 .R-Btn li { padding-left: 44px; line-height: 48px; color: #444; font-size: 13px; border-bottom: 1px solid #dbd9d9; cursor: pointer; background: #efefef; transition: all .4s ease; } .Meg2-3Pg2 .R-Btn li.On { background: #dbd9d9; transition: all .4s ease; } .Meg2-3Pg2 .R-Btn .Tel { padding: 34px 24px 34px 88px; border: 1px solid #dbd9d9; background: url(../img/Meg/Meg2-3Icon4.png) no-repeat 20px center; margin-top: 20px; } .Meg2-3Pg2 .R-Btn .Tel p { font-size: 13px; color: #670003; } .Meg2-3Pg2 .R-Btn .Tel h3 { font-size: 24px; color: #670003; font-family: 'novecento_widebook'; } .Meg2-3Pg2 .L-Main { width: 795px; float: left: padding-right: 21px; } .Meg2-3Pg2 .L-Main .Main { width: 100%; overflow: hidden; } .Meg2-3Pg2 .L-Main .Main .Main-Ul { width: 100%; } .L-Main .Main .Main-Ul li { width: 100%; height: 40px; line-height: 40px; border: 0; background: #dbd9d9; margin: 0; overflow: hidden; } .L-Main .Main .Main-Ul li span { display: block; float: left; padding-left: 20px; height: 40px; line-height: 40px; color: #444; font-size: 16px; margin: 0; } .L-Main .Main .Main-Ul li .Type { width: 156px; } .L-Main .Main .Main-Ul li .Type2 { width: 188px; } .L-Main .Main .Main-Ul li .Type3 { width: 174px; } .L-Main .Main .Main-Ul li .Type4 { width: 195px; } .L-Main .Main ul { width: 103%; } .L-Main .Main li { width: 256px; height: 356px; border: 1px solid #dbd9d9; background: #f5f5f5; margin: 20px 10px 0 0; float: left; } .L-Main .Main .M-Img { width: 256px; height: 160px; overflow: hidden; } .L-Main .Main li h3 { color: #670003; font-size: 16px; line-height: 16px; padding: 20px 0 18px 20px; } .L-Main .Main li h4 { color: #666; font-size: 13px; line-height: 16px; padding: 0 0 10px 20px; } .L-Main .Main li p { width: 218px; color: #999; font-size: 13px; line-height: 16px; margin: 0 18px 20px 20px; padding-bottom: 30px; border-bottom: 1px solid #e2e2e2; } .L-Main .Main li span { display: inline-block; width: 30px; height: 30px; margin-right: 10px; } .L-Main .Main li .Icon { background: url(../img/Meg/Meg2-3Icon.png) no-repeat center; margin-left: 20px; } .L-Main .Main li .Icon2 { background: url(../img/Meg/Meg2-3Icon2.png) no-repeat center; } .L-Main .Main li .Icon3 { background: url(../img/Meg/Meg2-3Icon3.png) no-repeat center; } .L-Main .Main>h2 { color: #670003; font-size: 20px; text-align: center; line-height: 60px; margin-top: 20px; } .L-Main .Main>h3 { color: #670003; font-size: 16px; text-align: left; line-height: 16px; margin-top: 40px; } .L-Main .Main>p { color: #999; font-size: 13px; text-align: justify; line-height: 20px; margin-top: 10px; } .L-Main .Main>p span { color: #c49c46; } /*meeting2-5.html*/ .Meg2-5Pg { width: 100%; overflow: hidden; } .Meg2-5Pg ul { width: 102%; } .Meg2-5Pg li { width: ; height: ; border: 1px solid #dbd9d9; float: left; margin: 20px 20px 0 0; } .Li-Img { width: 358px; height: 224px; overflow: hidden; } .Meg2-5Pg h3 { margin: 0 20px 20px; padding: 20px 0; border-bottom: 1px solid #e2e2e2; color: #670003; font-size: 16px; background: url(../img/Meg/Meg2-3Icon2.png) no-repeat right center; } .Meg2-5Pg span { display: block; margin: 0 0 20px 20px; width: 90px; height: 35px; line-height: 35px; text-align: center; color: #fff; font-size: 13px; background: #670003; border-radius: 10px; } /*meeting2-6.html*/ .Opinion { padding-top: 40px; } .Opinion .Name { width: 447px; height: 48px; border: 1px solid #dbd9d9; border-radius: 10px; padding-left: 20px; margin: 20px auto 0; display: block; font-size: 13px; color: #666; line-height: 50px; } .Opinion .Message { width: 427px; border: 1px solid #dbd9d9; border-radius: 10px; padding: 20px; margin: 20px auto 0; display: block; font-size: 13px; color: #666; } .Opinion .Up { margin: 40px auto 20px; width: 160px; height: 50px; line-height: 50px; text-align: center; display: block; background: #670003; color: #fff; font-size: 16px; border-radius: 10px; } /*meeting2-7.html*/ .Offer { margin-top: 40px; width: 100%; height: 315px; background: url(../img/Meg/Meg2-7Img.jpg) no-repeat center; } /*meeting2-8.html*/ .Meg2-8 { padding: 40px 0; width: 1200px; background: #efefef; overflow: hidden; } .Meg2-8 .Meg-Btn { margin: 0 auto; } .Meg2-8 .score { margin-top: 40px; width: 100%; height: 2169px; background: url(../img/new/score_03.jpg) no-repeat center; margin-bottom: 20px; } .Meg2-8 .join { display: block; width: 160px; height: 50px; text-align: center; line-height: 50px; border-radius: 8px; color: #fff; background: #670003; font-size: 13px; margin: 50px auto 30px; } .Meg2-8 h1 { text-align: center; font-size: 20px; color: #c49c46; margin-top: 60px; } .Meg2-8 h2 { text-align: center; font-size: 16px; color: #666666; margin: 20px 0 40px 0; } .Meg2-8 .table3 h1 { margin-top: 0; line-height: 100px; height: 100px; } .Meg2-8 table { width: 100%; } .Meg2-8 table tr { border: 1px solid #dbd9d9; } .Meg2-8 table .tcont { padding: 40px; } .Meg2-8 table li { background: url(../img/new/iconp.png)no-repeat left 8px; padding-left: 16px; margin: 8px 0px; font-size: 13px; color: #999; } .Meg2-8 table li.sp { margin-bottom: 32px; } .Meg2-8 table li.sp p { margin-top: 8px; } .Meg2-8 table li.sp p span { color: #c49c46; font-size: 11px; line-height: 11px; margin-right: 12px; } /*meeting2-9.html*/ .party { margin-top: 40px; width: 100%; height: 425px; background: url(../img/new/party2_03.jpg) no-repeat center; } .party3 .left { float: left; width: 480px; height: 403px; background: #e5e4e1; } .party3 .left p { font-size: 16px; color: #917344; text-align: center; margin-top: 3px; font-weight: 500; } .party3 .left p.odd { margin-top: 26px; } .party3 .left p:first-child { margin-top: 65px; } .party3 .right { float: right; } /*meeting3.html*/ .Meg3, .Meg4, .Meg6 { background: #efefef; width: 1120px; padding: 40px; overflow: hidden; margin-bottom: 100px; } .Meg3 .Meg2-Int, .Meg4 .Meg2-Int { width: 469px; margin: 0 auto; border: 0; float: inherit; padding: 0; } .Meg3 .Meg2-Int input, .Meg4 .Meg2-Int input { width: 447px; padding-left: 20px; } .Meg3 .Meg2-Int .Int-Down { margin-bottom: 40px; } .Meg3 .Meg2-Int .Int-Down li, .Meg4 .Meg2-Int .Int-Down li { width: 447px; padding-left: 20px; } .Sign-Up { margin: 0 auto; width: 160px; height: 50px; line-height: 50px; text-align: center; display: block; background: #670003; color: #fff; font-size: 16px; border-radius: 10px; overflow: hidden; } .Meg3 h3 { color: #c49c46; font-size: 18px; line-height: 18px; padding: 20px 0 40px; text-align: center; } .Meg3 p { color: #666; font-size: 16px; } .PgLi { overflow: hidden; } .PgLi ul { width: 1130px; } .PgLi li { float: left; width: 371px; height: 48px; line-height: 50px; text-align: center; border: 1px solid #cfc7c7; background: #fff; } .PgLi li a { display: block; width: 100%; height: 100%; color: #670003; font-size: 13px; } .PgLi li.On { width: 372px; background: #670003; border: 1px solid #670003; } .PgLi li.On a { color: #fff; } /*meeting3-1*/ .Meg3-1 { padding: 40px; width: 1120px; overflow: hidden; background: #ececec; } /*meeting4.html*/ .PgLi2 { overflow: hidden; padding-bottom: 40px; } .PgLi2 ul { width: 1130px; } .PgLi2 li { float: left; width: 558px; height: 48px; line-height: 50px; text-align: center; border: 1px solid #cfc7c7; background: #fff; } .PgLi2 li a { display: block; width: 100%; height: 100%; color: #670003; font-size: 13px; } .PgLi2 li.On { width: 558px; background: #670003; border: 1px solid #670003; } .PgLi2 li.On a { color: #fff; } .Meg4 .Meg2-Int .Int-Down { margin-bottom: 0; } .Meg4 .Meg2-Int textarea { width: 427px; padding: 20px; margin-bottom: 40px; border-radius: 10px; border: 1px solid #dbd9d9; } .Meg4>h3 { font-size: 18px; line-height: 20px; color: #670003; padding-bottom: 18px; border-bottom: 1px solid #dbd9d9; } .Meg4>h4 { font-size: 22px; line-height: 20px; color: #e0dbdb; padding: 18px 0 15px; } .Meg4>p { font-size: 14px; line-height: 20px; color: #7f7f7f; } .Meg4-Icon { overflow: hidden; padding: 40px 0; border-bottom: 1px solid #dbd9d9; } .Meg4-Icon li { float: left; margin-right: 40px; background: #fff; border-radius: 50%; transition: all .3s; } .Meg4-Icon li a { display: block; width: 110px; height: 36px; padding-top: 74px; font-size: 14px; color: #716d67; text-align: center; transition: all .3s; } .Meg4-Icon li .Icon1 { background: url(../img/Meg/Meg4-Icon.png) no-repeat center 22px; } .Meg4-Icon li .Icon2 { background: url(../img/Meg/Meg4-Icon2.png) no-repeat center 36px; } .Meg4-Icon li .Icon3 { background: url(../img/Meg/Meg4-Icon3.png) no-repeat center 25px; } .Meg4-Icon li .Icon4 { background: url(../img/Meg/Meg4-Icon4.png) no-repeat center 25px; } .Meg4-Icon li .Icon5 { background: url(../img/Meg/Meg4-Icon5.png) no-repeat center 25px; } .Meg4-Icon li .Icon6 { background: url(../img/Meg/Meg4-Icon6.png) no-repeat center 25px; } .Meg4-Icon li.On { background: #640406; transition: all .3s; } .Meg4-Icon li.On a { color: #fff; transition: all .3s; } .Meg4-Main { padding-top: 30px; } .Meg4-Main li { display: none; overflow: hidden; } .Meg4-Main li h3 { color: #670003; font-size: 16px; padding-bottom: 18px; } .Meg4-Main li p { color: #7f7f7f; font-size: 14px; padding-bottom: 18px; } .Meg4-Main li span { color: #670003; } .Meg4-Main li h4 { color: #670003; font-size: 14px; } .Meg4-Main li .Li-L { padding: 20px; background: #f7f7f7; float: left; width: 470px; min-height: 390px; } .Meg4-Main li em { display: block; float: left; width: 1px; height: 430px; margin: 0 30px; background: #e1e0e0; overflow: hidden; } /*meeting4-2.html*/ .info .title { width: 100%; height: 48px; border: 1px solid #dbd9d9; } .info .title p:first-child { width: 230px; height: 48px; font-size: 16px; color: #999; padding-left: 20px; line-height: 48px; float: left; font-family: 'novecento_widebook'; font-weight: 600; } .info .title p:first-child span { font-size: 16px; color: #666666; float: right; } .info .title p:last-child { width: 135px; height: 48px; float: right; font-size: 16px; color: #666666; line-height: 48px; font-family: 'novecento_widebook'; font-weight: 600; padding-right: 20px; } .info .title p:last-child span { float: right; font-size: 28px; color: #670003; } .info .cont { padding: 20px; display: none; } .info .cont p { font-size: 13px; color: #666; line-height: 28px; } .info .cont p span { display: inline-block; width: 55px; margin-right: 10px; } /*meeting5.html*/ .Meg4-Tle>h3 { text-align: center; color: #c49c45; font-size: 18px; line-height: 18px; padding-top: 20px; } .Meg4-Tle>h4 { text-align: center; color: #444; font-size: 16px; padding-bottom: 20px; border-bottom: 1px dashed #d5d5d5; } .Meg4-Tle p { text-align: left; color: #666; font-size: 13px; padding-top: 30px; } .Meg4-Tle p span { color: #c49c46; } .Meg4-Tle .Assess, .Meg4-Tle .Assess2 { overflow: hidden; } .Meg4-Tle .Assess ul, .Meg4-Tle .Assess2 ul { padding: 20px 0 0; overflow: hidden; } .Meg4-Tle .Assess li, .Meg4-Tle .Assess2 li { display: block; float: left; height: 40px; line-height: 40px; background: #e7e6e6; color: #670003; font-size: 13px; padding: 0 16px; border-radius: 10px; margin: 0 20px 10px 0; cursor: pointer; transition: all .4s ease; } .Meg4-Tle .Assess .On, .Meg4-Tle .Assess2 .On { background: #670003; color: #fff; transition: all .4s ease; } .Meg4-Tle .Assess2 textarea { background: #fafafa; padding: 20px; width: 740px; border: 1px solid #dbd9d9; border-radius: 10px; } .Meg4-Tle .Sign-Up { margin: 40px 0 0; } /*meeting6.html*/ .Meg6 ul { width: 102%; overflow: hidden; } .Meg6 li { width: 358px; height: 538px; border: 1px solid #dbd9d9; background: #f5f5f5; margin: 0 10px 10px 0; float: left; } .Meg6 li .Meg6-Img { width: 358px; height: 467px; overflow: hidden; } .Meg6 li h3 { text-align: center; color: #670003; font-size: 18px; line-height: 71px; } .Meg6 .Change { margin: 30px auto 0; } /*talent.html*/ .Tnt { overflow: hidden; margin-bottom: 60px; padding-top: 40px; } .Tnt-L { float: left; width: 590px; margin-right: 20px; } .Tnt>div a { display: block; box-sizing: border-box; } .Tnt .img { width: 100%; overflow: hidden; } .Tnt .img img { display: block; width: 100%; } .Tnt .joinTit { width: 100%; height: 100px; background: #ebeae8; padding: 30px 0 0 30px; box-sizing: border-box; transition: all .3s; } .Tnt>div:hover .joinTit { background: #ecdacd; transition: all .3s; } .Tnt .joinTit h6 { font-size: 16px; color: #333333; line-height: 16px; padding-bottom: 10px; } .Tnt .joinTit p { font-size: 16px; color: #c7c6c4; line-height: 16px; font-family: 'DINPro-Regular'; } .Tnt-R { float: left; width: 590px; overflow: hidden; } /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 2019/1/23 */ /*join.html*/ .join2 { width: 100%; height: 756px; background: url(../img/join/join2Bg.jpg) no-repeat center; padding-top: 60px; box-sizing: border-box; } .join2 .W1200 { position: relative; } .join2 h2 { text-align: center; padding-top: 30px; } .join2 .loginBtn { display: block; position: absolute; padding-left: 86px; font-size: 16px; color: #999999; line-height: 66px; right: 0; top: 0; background: url(../img/join/loginIcon.png) no-repeat left center; } .searchCase { width: 456px; margin: 130px auto 0; height: 60px; box-shadow: 10px 10px 83px 33px #e6e6e6; position: relative; z-index: 99; } .searchCase::after { display: block; content: ''; clear: both; font-size: 0; } .searchCase input { width: 330px; height: 100%; border: none; outline: none; box-sizing: border-box; float: left; font-size: 14px; color: #d0d0d0; line-height: 60px; text-indent: 20px; } .searchCase .searchBtn { display: block; float: right; width: 126px; height: 60px; background: #670003; text-align: center; line-height: 60px; font-size: 18px; color: #fff; } .left_service { width: 389px; height: 410px; position: absolute; top: 121px; left: 0; } .right_service { width: 390px; height: 311px; position: absolute; top: 140px; right: 0; } .join2 .type { position: absolute; z-index: 9; } .join2 .type1 { top: 0; left: 119px; } .join2 .type2 { top: -12px; left: 248px; } .join2 .type3 { top: 100px; left: 307px; } .join2 .type4 { top: 165px; left: 221px; } .join2 .type5 { top: 207px; left: 125px; } .join2 .type6 { top: 110px; left: 25px; } .join2 .type7 { top: 70px; left: 154px; } .join2 .type8 { top: 257px; left: 47px; } .join2 .type9 { top: 238px; left: 204px; } .join2 .type10 { top: 195px; left: 295px; } .join2 .type11 { top: 339px; left: 245px; } .join2 .type12 { top: 313px; left: 116px; } .join2 .type13 { top: 388px; left: 303px; } .join2 .type14 { top: 367px; left: 26px; } .join2 .type15 { top: 100px; right: 0; } .join2 .type16 { top: 35px; right: 122px; } .join2 .type17 { top: 125px; right: 229px; } .join2 .type18 { top: 198px; right: 88px; } .join2 .type19 { top: 290px; right: 16px; } .join2 .type20 { top: 243px; right: 270px; } .join2 .type21 { top: 5px; right: 41px; } .join2 .type22 { top: 241px; right: 183px; } .left_service a, .right_service a { position: relative; width: 80px; font-size: 14px } .left_service a span.choose-text, .right_service a span.choose-text { color: #670003; } .left_service a:hover .choose, .right_service a:hover .choose { display: block; } .point { float: left; margin: 7px 10px 0; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #670003 } .choose { position: absolute; left: -5px; top: -10px; width: 40px; height: 40px; display: none } .choose .small { position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -13px; width: 26px; height: 26px; border-radius: 50%; background-color: #670003 } .choose .big { position: absolute; left: 0; top: 0; width: 40px; height: 40px; border-radius: 50%; background-color: #670003; } .left_service a:hover .choose, .right_service a:hover .choose { animation: choose 1.4s linear infinite both; -webkit-animation: choose 1.4s linear infinite both; -moz-animation: choose 1.4s linear infinite both; -ms-animation: choose 1.4s linear infinite both; -o-animation: choose 1.4s linear infinite both } @keyframes choose { 0% { transform: scale(0); opacity: 0 } 50% { transform: scale(.8); opacity: .6 } 100% { transform: scale(1.6); opacity: 0 } } @keyframes line { 0% { width: 0 } 100% { width: 100% } } .line { position: absolute; left: 0; top: 0; transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; display: none } .line span { display: block; width: 100%; border-top: 1px solid #a2a0a0; opacity: .4 } .left_service:hover .line, .right_service:hover .line { display: block } .left_service:hover .line span, .right_service:hover .line span { animation: line 1s linear both; -webkit-animation: line 1s linear both; -moz-animation: line 1s linear both; -ms-animation: line 1s linear both; -o-animation: line 1s linear both } .line.l1 { left: 15px; top: 10px; width: 130px; transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg) } .line.l2 { left: 15px; top: 10px; width: 143px; transform: rotate(130deg); -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg) } .line.l3 { left: 15px; top: 10px; width: 127px; transform: rotate(63deg); -webkit-transform: rotate(63deg); -moz-transform: rotate(63deg); -ms-transform: rotate(63deg); -o-transform: rotate(63deg) } .line.l4 { left: 15px; top: 10px; width: 127px; transform: rotate(138deg); -webkit-transform: rotate(138deg); -moz-transform: rotate(138deg); -ms-transform: rotate(138deg); -o-transform: rotate(138deg) } .line.l5 { left: 15px; top: 10px; width: 111px; transform: rotate(142deg); -webkit-transform: rotate(142deg); -moz-transform: rotate(142deg); -ms-transform: rotate(142deg); -o-transform: rotate(142deg) } .line.l6 { left: 15px; top: 10px; width: 152px; transform: rotate(190deg); -webkit-transform: rotate(190deg); -moz-transform: rotate(190deg); -ms-transform: rotate(190deg); -o-transform: rotate(190deg) } .line.l7 { left: 15px; top: 10px; width: 120px; transform: rotate(234deg); -webkit-transform: rotate(234deg); -moz-transform: rotate(234deg); -ms-transform: rotate(234deg); -o-transform: rotate(234deg) } .line.l8 { left: 15px; top: 10px; width: 109px; transform: rotate(155deg); -webkit-transform: rotate(155deg); -moz-transform: rotate(155deg); -ms-transform: rotate(155deg); -o-transform: rotate(155deg) } .line.l9 { left: 15px; top: 10px; width: 136px; transform: rotate(223deg); -webkit-transform: rotate(223deg); -moz-transform: rotate(223deg); -ms-transform: rotate(223deg); -o-transform: rotate(223deg) } .line.l10 { left: 15px; top: 10px; width: 136px; transform: rotate(282deg); -webkit-transform: rotate(282deg); -moz-transform: rotate(282deg); -ms-transform: rotate(282deg); -o-transform: rotate(282deg) } .line.l11 { left: 15px; top: 10px; width: 207px; transform: rotate(16deg); -webkit-transform: rotate(16deg); -moz-transform: rotate(16deg); -ms-transform: rotate(16deg); -o-transform: rotate(16deg) } .line.l12 { left: 15px; top: 10px; width: 136px; transform: rotate(-16deg); -webkit-transform: rotate(-16deg); -moz-transform: rotate(-16deg); -ms-transform: rotate(-16deg); -o-transform: rotate(-16deg) } .line.l13 { left: 15px; top: 10px; width: 76px; transform: rotate(-117deg); -webkit-transform: rotate(-117deg); -moz-transform: rotate(-117deg); -ms-transform: rotate(-117deg); -o-transform: rotate(-117deg) } .line.l14 { left: 15px; top: 10px; width: 216px; transform: rotate(28deg); -webkit-transform: rotate(28deg); -moz-transform: rotate(28deg); -ms-transform: rotate(28deg); -o-transform: rotate(28deg) } .line.l15 { left: 15px; top: 10px; width: 213px; transform: rotate(88deg); -webkit-transform: rotate(88deg); -moz-transform: rotate(88deg); -ms-transform: rotate(88deg); -o-transform: rotate(88deg) } .line.l16 { left: 15px; top: 10px; width: 183px; transform: rotate(98deg); -webkit-transform: rotate(98deg); -moz-transform: rotate(98deg); -ms-transform: rotate(98deg); -o-transform: rotate(98deg) } .line.l17 { left: 15px; top: 10px; width: 147px; transform: rotate(-99deg); -webkit-transform: rotate(-99deg); -moz-transform: rotate(-99deg); -ms-transform: rotate(-99deg); -o-transform: rotate(-99deg) } .line.l18 { left: 15px; top: 10px; width: 93px; transform: rotate(-32deg); -webkit-transform: rotate(-32deg); -moz-transform: rotate(-32deg); -ms-transform: rotate(-32deg); -o-transform: rotate(-32deg) } .line.l19 { left: 15px; top: 10px; width: 114px; transform: rotate(100deg); -webkit-transform: rotate(100deg); -moz-transform: rotate(100deg); -ms-transform: rotate(100deg); -o-transform: rotate(100deg) } .line.l20 { left: 15px; top: 10px; width: 158px; transform: rotate(172deg); -webkit-transform: rotate(172deg); -moz-transform: rotate(172deg); -ms-transform: rotate(172deg); -o-transform: rotate(172deg) } .line.l21 { left: 15px; top: 10px; width: 174px; transform: rotate(-53deg); -webkit-transform: rotate(-53deg); -moz-transform: rotate(-53deg); -ms-transform: rotate(-53deg); -o-transform: rotate(-53deg) } .line.l22 { left: 15px; top: 10px; width: 110px; transform: rotate(68deg); -webkit-transform: rotate(68deg); -moz-transform: rotate(68deg); -ms-transform: rotate(68deg); -o-transform: rotate(68deg) } .line.l23 { left: 15px; top: 10px; width: 91px; transform: rotate(-83deg); -webkit-transform: rotate(-83deg); -moz-transform: rotate(-83deg); -ms-transform: rotate(-83deg); -o-transform: rotate(-83deg) } .line.l24 { left: 15px; top: 10px; width: 207px; transform: rotate(-103deg); -webkit-transform: rotate(-103deg); -moz-transform: rotate(-103deg); -ms-transform: rotate(-103deg); -o-transform: rotate(-103deg) } .line.l25 { left: 15px; top: 10px; width: 193px; transform: rotate(87deg); -webkit-transform: rotate(87deg); -moz-transform: rotate(87deg); -ms-transform: rotate(87deg); -o-transform: rotate(87deg) } .line.l26 { left: 15px; top: 10px; width: 216px; transform: rotate(172deg); -webkit-transform: rotate(172deg); -moz-transform: rotate(172deg); -ms-transform: rotate(172deg); -o-transform: rotate(172deg) } .line.l27 { left: 15px; top: 10px; width: 73px; transform: rotate(41deg); -webkit-transform: rotate(41deg); -moz-transform: rotate(41deg); -ms-transform: rotate(41deg); -o-transform: rotate(41deg) } .line.l28 { left: 15px; top: 10px; width: 147px; transform: rotate(-71deg); -webkit-transform: rotate(-71deg); -moz-transform: rotate(-71deg); -ms-transform: rotate(-71deg); -o-transform: rotate(-71deg) } .line.l29 { left: 15px; top: 10px; width: 104px; transform: rotate(148deg); -webkit-transform: rotate(148deg); -moz-transform: rotate(148deg); -ms-transform: rotate(148deg); -o-transform: rotate(148deg) } .line.l30 { left: 15px; top: 10px; width: 203px; transform: rotate(22deg); -webkit-transform: rotate(22deg); -moz-transform: rotate(22deg); -ms-transform: rotate(22deg); -o-transform: rotate(22deg) } .line.l31 { left: 15px; top: 10px; width: 83px; transform: rotate(217deg); -webkit-transform: rotate(217deg); -moz-transform: rotate(217deg); -ms-transform: rotate(217deg); -o-transform: rotate(217deg) } .line.l32 { left: 15px; top: 10px; width: 101px; transform: rotate(275deg); -webkit-transform: rotate(275deg); -moz-transform: rotate(275deg); -ms-transform: rotate(275deg); -o-transform: rotate(275deg) } .line.l33 { left: 15px; top: 10px; width: 114px; transform: rotate(320deg); -webkit-transform: rotate(320deg); -moz-transform: rotate(320deg); -ms-transform: rotate(320deg); -o-transform: rotate(320deg) } .line.l34 { left: 15px; top: 10px; width: 285px; transform: rotate(271deg); -webkit-transform: rotate(271deg); -moz-transform: rotate(271deg); -ms-transform: rotate(271deg); -o-transform: rotate(271deg) } .line.l35 { left: 15px; top: 10px; width: 239px; transform: rotate(250deg); -webkit-transform: rotate(250deg); -moz-transform: rotate(250deg); -ms-transform: rotate(250deg); -o-transform: rotate(250deg) } .line.l36 { left: 15px; top: 10px; width: 272px; transform: rotate(184deg); -webkit-transform: rotate(184deg); -moz-transform: rotate(184deg); -ms-transform: rotate(184deg); -o-transform: rotate(184deg) } .line.l37 { left: 15px; top: 10px; width: 253px; transform: rotate(269.5deg); -webkit-transform: rotate(269.5deg); -moz-transform: rotate(269.5deg); -ms-transform: rotate(269.5deg); -o-transform: rotate(269.5deg) } .line.l38 { left: 15px; top: 10px; width: 321px; transform: rotate(293deg); -webkit-transform: rotate(293deg); -moz-transform: rotate(293deg); -ms-transform: rotate(293deg); -o-transform: rotate(293deg) } .line.l39 { left: 15px; top: 10px; width: 97px; transform: rotate(246deg); -webkit-transform: rotate(246deg); -moz-transform: rotate(246deg); -ms-transform: rotate(246deg); -o-transform: rotate(246deg) } .line.l40 { left: 15px; top: 10px; width: 189px; transform: rotate(95deg); -webkit-transform: rotate(95deg); -moz-transform: rotate(95deg); -ms-transform: rotate(95deg); -o-transform: rotate(95deg) } .line.l41 { left: 15px; top: 10px; width: 354px; transform: rotate(156deg); -webkit-transform: rotate(156deg); -moz-transform: rotate(156deg); -ms-transform: rotate(156deg); -o-transform: rotate(156deg) } .line.l42 { left: 15px; top: 10px; width: 85px; transform: rotate(340deg); -webkit-transform: rotate(340deg); -moz-transform: rotate(340deg); -ms-transform: rotate(340deg); -o-transform: rotate(340deg) } .line.l43 { left: 15px; top: 10px; width: 140px; transform: rotate(139deg); -webkit-transform: rotate(139deg); -moz-transform: rotate(139deg); -ms-transform: rotate(139deg); -o-transform: rotate(139deg) } .line.l44 { left: 15px; top: 10px; width: 218px; transform: rotate(106deg); -webkit-transform: rotate(106deg); -moz-transform: rotate(106deg); -ms-transform: rotate(106deg); -o-transform: rotate(106deg) } .line.l45 { left: 15px; top: 10px; width: 148px; transform: rotate(129deg); -webkit-transform: rotate(129deg); -moz-transform: rotate(129deg); -ms-transform: rotate(129deg); -o-transform: rotate(129deg) } .line.l46 { left: 15px; top: 10px; width: 128px; transform: rotate(69deg); -webkit-transform: rotate(69deg); -moz-transform: rotate(69deg); -ms-transform: rotate(69deg); -o-transform: rotate(69deg) } .line.l47 { left: 15px; top: 10px; width: 161px; transform: rotate(28.5deg); -webkit-transform: rotate(28.5deg); -moz-transform: rotate(28.5deg); -ms-transform: rotate(28.5deg); -o-transform: rotate(28.5deg) } .line.l48 { left: 15px; top: 10px; width: 125px; transform: rotate(-48deg); -webkit-transform: rotate(-48deg); -moz-transform: rotate(-48deg); -ms-transform: rotate(-48deg); -o-transform: rotate(-48deg) } .line.l49 { left: 15px; top: 10px; width: 195px; transform: rotate(-77deg); -webkit-transform: rotate(-77deg); -moz-transform: rotate(-77deg); -ms-transform: rotate(-77deg); -o-transform: rotate(-77deg) } .line.l50 { left: 15px; top: 10px; width: 161px; transform: rotate(-102deg); -webkit-transform: rotate(-102deg); -moz-transform: rotate(-102deg); -ms-transform: rotate(-102deg); -o-transform: rotate(-102deg) } .line.l51 { left: 15px; top: 10px; width: 103px; transform: rotate(154deg); -webkit-transform: rotate(154deg); -moz-transform: rotate(154deg); -ms-transform: rotate(154deg); -o-transform: rotate(154deg) } .line.l52 { left: 15px; top: 10px; width: 314px; transform: rotate(188deg); -webkit-transform: rotate(188deg); -moz-transform: rotate(188deg); -ms-transform: rotate(188deg); -o-transform: rotate(188deg) } .line.l53 { left: 15px; top: 10px; width: 172px; transform: rotate(196deg); -webkit-transform: rotate(196deg); -moz-transform: rotate(196deg); -ms-transform: rotate(196deg); -o-transform: rotate(196deg) } .line.l54 { left: 15px; top: 10px; width: 113px; transform: rotate(232deg); -webkit-transform: rotate(232deg); -moz-transform: rotate(232deg); -ms-transform: rotate(232deg); -o-transform: rotate(232deg) } /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 2019/1/23 */ /*talent1.html*/ .Tnt1 { margin-bottom: 60px; background: #ebeae8; height: 500px; } .Tnt1>a { display: block; width: 753px; height: 340px; margin: 0 auto; } .Tnt1 img { display: block; } .Tnt1>p { margin-top: 47px; text-align: center; } .Tnt1>p a { font-size: 30px; color: #c49c45; } .Tnt2_1 { background: #ebeae8; margin-bottom: 47px; } .Tnt2_1 ul { width: 100%; overflow: hidden; } .Tnt2_1 ul li { display: block; width: 33.3%; height: 50px; text-align: center; float: left; border: 1px solid #cfc7c7; box-sizing: border-box; } .Tnt2_1 ul li.b_none { border-left: none; border-right: none; } .Tnt2_1_on { background: #670003; } .Tnt2_1 ul li a { display: block; width: 100%; height: 50px; line-height: 50px; font-size: 13px; color: #670003; font-weight: 600; } .Tnt2_1_on1 { color: #fff !important; } .Tnt2_2 { background: #ebeae8; background: #ebeae8 url('../img/recruit/Tnt2_2.jpg') no-repeat center center; height: 349px; } .Tnt2_3 { height: 320px; background: #efefef; overflow: hidden; margin-bottom: 60px; } .Tnt2_3 img { display: block; float: left; width: 445px; height: 320px; } .Tnt2_3_content { width: 753px; height: 320px; padding: 40px 40px 0; box-sizing: border-box; float: left; } .Tnt2_3_content p.Tnt2_3_en { font-size: 38px; color: #e3ded4; margin-bottom: 26px; font-weight: 600; } .Tnt2_3_content p.Tnt2_3_name { font-size: 18px; color: #e25a00; margin-bottom: 35px; font-weight: 600; } .Tnt2_3_content p.Tnt2_3_introduce { font-size: 12px; color: #666666; line-height: 24px; } .Tnt2_4 { height: 100%; background: #efefef url('../img/recruit/recruit3_bg.jpg') no-repeat center center; padding: 62px 92px 50px 80px; box-sizing: border-box; } .Tnt2_4_b_title { font-size: 24px; color: #670003; font-weight: 600; margin-bottom: 25px; } .job_title { display: block; width: 57px; height: 23px; font-size: 14px; color: #fff; line-height: 23px; background: #640406; text-align: center; margin-bottom: 10px; padding: 0 10px; } .job_content { font-size: 14px; color: #4c4c4c; line-height: 18px; margin-bottom: 7px; } .job_content { font-size: 14px; color: #4c4c4c; line-height: 23px; } .mrb30 { margin-bottom: 10px; } /*talent3.html*/ .Tnt3 { padding: 220px 40px 40px; background: #efefef url(../img/Talent/Tnt3-Img.png) no-repeat center 60px; } .Resume { width: 446px; margin: 0 auto; } .Resume p { padding-left: 26px; font-size: 13px; line-height: 24px; color: #999; } .Resume .Option { padding-left: 26px; font-size: 13px; line-height: 24px; color: #666; background: url(../img/Talent/Tnt3-Icon.png) no-repeat left center; cursor: pointer; } .Resume .On { background: url(../img/Talent/Tnt3-IconH.png) no-repeat left center !important; } .Preview .View { display: none; } .Preview input { width: 255px; height: 38px; line-height: 40px; background: #fafafa; border: 1px solid #dbd9d9; margin: 8px 20px 8px 26px; } .Preview .View-Btn { width: 56px; height: 22px; line-height: 24px; text-align: center; font-size: 12px; color: #666; border: 1px solid #dbd9d9; background: #fff; border-radius: 10px; display: inline-block; } .Resume .Sign-Up { margin-top: 30px; } /*talent2.html*/ .talent { min-height: 475px; } .talent .W1200 { position: relative; } .talent .loginBtn { display: block; position: absolute; padding-left: 86px; font-size: 16px; color: #999999; line-height: 66px; right: 0; top: -100px; background: url(../img/join/loginIcon.png) no-repeat left center; } .Race { width: 340px; padding-right: 60px; float: left; } .Race .Int-Down { position: relative; z-index: 9; float: none; margin-bottom: 20px; } .Race .Int-Down::after { display: block; content: ''; clear: both; } .Race .Int-Down span { display: inline-block; width: 89px; height: 40px; line-height: 40px; text-align: center; font-size: 13px; color: #666; background: #dbd9d9; cursor: pointer; float: left; } .Race .Int-Down input { width: 229px; height: 38px; line-height: 40px; border: 1px solid #dbd9d9; padding-left: 20px; background: #fafafa url(../img/Talent/Race-Down.png) no-repeat 222px center; cursor: pointer; float: left; } .Race .Int-Down ul { position: absolute; left: 90px; top: 40px; z-index: 9; border: 0; border-radius: inherit; height: 128px; } .Race .Int-Down li { width: 230px; padding-left: 20px; background: #dbd9d9; } .Race .Int-Search { overflow: hidden; width: 380px; } .Race .Int-Search input { width: 208px; height: 38px; line-height: 40px; border: 1px solid #dbd9d9; padding-left: 20px; padding-left: 20px; float: left; } .Race .Int-Search a { display: block; width: 66px; height: 40px; padding-left: 44px; line-height: 40px; background: #670003 url(../img/Talent/Race-Search.png) no-repeat 15px center; color: #fff; font-size: 13px; float: left; } .talent.Other-Edit .PucTit h1 { text-align: left; padding-top: 60px; } .talent.Other-Edit .PucTit h3 { text-align: left; } .Society { overflow: hidden; margin-bottom: 100px; width: 800px; float: right; } .Society-List { width: 800px; float: left; padding: 0 0 40px 0; background: #efefef; margin-right: 20px; } .Society-List li { padding: 0 40px; overflow: hidden; background: #efefef; } .Society-List li span { display: block; float: left; width: 144px; text-align: center; line-height: 54px; color: #545454; font-size: 13px; border-bottom: 1px solid #dcdcdc; } .Society-List li.Tit { background: #dbd9d9; } .Society-List li.Tit span { color: #670003; font-size: 16px; font-weight: 900; line-height: 60px; border: 0; } /* @@@@@@@@@@@@@@@@@ 2019/1/23 */ .Society-Login { float: Left; width: 380px; display: none; } .Society-Login h3 { text-align: center; line-height: 60px; background: #dbd9d9; color: #999; font-size: 13px; } .Society-Login .Login { padding: 20px; background: #efefef; } .Society-Login .Login input { width: 290px; height: 48px; line-height: 50px; padding-left: 58px; margin-bottom: 10px; border: 1px solid #dbd9d9; border-radius: 10px; color: #666; font-size: 13px; } .Society-Login .Login .Email { background: #fff url(../img/Meg/Meg2-Icon1.png) no-repeat 10px center; } .Society-Login .Login .Prd { background: #fff url(../img/Meg/Meg2-Icon3.png) no-repeat 10px center; } .Society-Login .Login .Code { padding-bottom: 10px; overflow: hidden; } .Society-Login .Login .Code input { width: 139px; padding-left: 20px; } .Society-Login .Login .Code .Code-Img { float: right; height: 50px; } .Login .Code .Code-Img img { height: 100%; } .Society-Login .Login .Login-Btn { display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; border-radius: 10px; background: #670003; color: #fff; font-size: 16px; } .Society-Login .Login p { text-align: center; padding-top: 10px; } .Society-Login .Login p a { font-size: 13px; color: #666; } /*talent2-1.html*/ .S-ListDil { width: 800px; float: left; margin-right: 20px; background: #efefef; padding-bottom: 40px; } .S-ListDil .Dil-Til { overflow: hidden; padding: 0 40px; background: #dbd9d9; } .S-ListDil .Dil-Til h3 { padding-left: 30px; line-height: 60px; color: #670003; font-size: 16px; float: left; background: url(../img/Talent/Til-Icon.png) no-repeat left center; } .S-ListDil .Dil-Til .Til-Back { display: block; float: right; line-height: 60px; font-size: 16px; color: #444; font-weight: 900; padding-right: 34px; background: url(../img/Talent/Til-Icon2.png) no-repeat right center; } .S-ListDil .Dil-Tal { padding: 40px 40px 0; overflow: hidden; } .S-ListDil .Dil-Tal div { width: 359px; float: left; line-height: 24px; } .S-ListDil .Dil-Tal span { color: #666; font-size: 13px; } .S-ListDil .Dil-Tal h3 { padding-left: 40px; } .S-ListDil>h3 { padding: 30px 0 0 40px; font-size: 16px; color: #c49c45; } .S-ListDil>p { padding: 4px 40px 0; text-align: justify; line-height: 24px; color: #666; font-size: 13px; } .S-ListDil>h4 { padding: 0 0 0 78px; margin-top: 30px; font-size: 13px; color: #444; background: url(../img/Talent/Til-Icon3.png) no-repeat 40px center; } .S-ListDil>h5 { padding: 0 0 0 78px; font-size: 13px; color: #444; background: url(../img/Talent/Til-Icon4.png) no-repeat 40px center; } .S-ListDil>h6 { padding: 15px 0 10px 40px; font-size: 16px; color: #444; } .S-ListDil .Dil-Fun { padding: 40px 40px 80px; margin-bottom: 20px; border-bottom: 1px solid #dcdcdc; overflow: hidden; } .S-ListDil .Dil-Fun a { display: block; width: 100px; height: 42px; line-height: 42px; text-align: center; font-size: 16px; color: #fff; background: #c49c45; border-radius: 10px; margin-right: 20px; float: left; } /*telent2-2.html*/ .Ologin { padding: 40px; background: #efefef; width: 1120px; overflow: hidden; margin-bottom: 130px; } .Ologin .Oin-Inp { width: 340px; padding: 20px 40px 20px 179px; border-right: 1px solid #dbd9d9; float: left; margin-right: 40px; } .Ologin .Oin-Inp p { color: #666; font-size: 16px; padding-bottom: 10px; } .Ologin .Oin-Inp input { width: 318px; height: 48px; line-height: 50px; padding-left: 20px; border: 1px solid #dbd9d9; background: #fff; border-radius: 10px; margin-bottom: 20px; } .Ologin .Oin-Inp .Sign-Up { margin: 0; } .Ologin .Oway { float: left; padding-top: 20px; } .Ologin .Oway p { color: #666; font-size: 16px; padding-bottom: 10px; } .Ologin .Oway .Way { overflow: hidden; } .Ologin .Oway .Way a { display: block; width: 40px; height: 40px; margin-right: 10px; float: left; } .Ologin .Oway .Way .QQ { background: url(../img/Talent/QQ-Icon.png) no-repeat center; } .Ologin .Oway .Way .Sina { background: url(../img/Talent/Sina-Icon.png) no-repeat center; } .Ologin .Oway .Way .WX { background: url(../img/Talent/WX-Icon.png) no-repeat center; } /*talent2-3.html*/ .Pel { margin: 20px auto 100px; min-height: 454px; overflow: hidden; background: url(../img/Talent/Pel-Bk.jpg) repeat-y right center; } .Pel .Society-List { width: 860px; min-height: 454px; } .Pel .Society-List h3 { color: #6d0a0d; font-size: 18px; margin: 35px 40px 20px; padding-bottom: 16px; border-bottom: 1px solid #dbd9d9; } .Pel .Society-List li span { width: 156px; border-bottom: 1px dashed #dbd9d9; } .Pel .Society-List li .Check { color: #6d0a0d; font-size: 13px; } .Pel .Society-List li .Delete { color: #999; font-size: 13px; } .Pel .Society-List li .Determine { margin-left: 20px; } .Pel .Society-List li p { color: #666; font-size: 13px; } .Society-List li p a { float: right; color: #60a9e7; display: inline-block; } .Pel .Society-List .form { padding: 20px 40px; } .Pel .Society-List .TInp { padding-bottom: 20px; } .Pel .Society-List .TInp span { color: #666; font-size: 13px; display: inline-block; width: 70px; } .Pel .Society-List .TInp input { color: #666; font-size: 13px; padding-left: 10px; width: 245px; height: 38px; line-height: 40px; border: 1px solid #dbd9d9; background: #f5f5f5; } .Pel-Center { float: left; width: 320px; height: 100%; position: absolute; top: -145px; right: 0; } .Pel-Center .Pel-CTit { padding: 20px 40px 10px; background: #dbd9d9; } .Pel-Center .Pel-CTit h3 { padding-left: 60px; background: url(../img/Talent/Pel-CenterBK.png) no-repeat left center; color: #6d0a0d; font-size: 18px; } .Pel-Center .Pel-CTit h3 span { color: #cdcbcb; font-family: 'novecento_widebook'; } .Pel-Center .Pel-CTit p { text-align: center; font-size: 13px; color: #999; } .Pel-Center li { padding-left: 40px; width: 280px; line-height: 50px; border-bottom: 1px solid #dbd9d9; } .Pel-Center li a { font-size: 13px; color: #666; display: block; } .Pel-Center li.On { background: #74191c; border-bottom: 1px solid #74191c; } .Pel-Center li.On a { color: #fff; } /*talent2-4.html*/ .Resume-Pg1 { padding: 20px 40px 40px; overflow: hidden; } .Resume-Pg1 .RPg1Img { float: left; margin-left: 210px; } .Resume-Pg1 .RPg1Img .Img { width: 158px; height: 188px; overflow: hidden; border: 1px solid #dbd9d9; } .Resume-Pg1 .RPg1Img a { display: block; width: 160px; color: #74191c; font-size: 13px; margin-top: 20px; text-align: center; } .Resume-Pg1 .RPg1Img input { display: none; } .Resume-Pg1 .RPg1Inp { float: left; } .PubInp { width: 369px; height: 40px; position: relative; z-index: 9; padding-bottom: 10px; } .PubInp span { float: right; display: block; line-height: 40px; color: #999; font-size: 13px; min-width: 17px; height: 40px; } .PubInp input { width: 198px; height: 38px; line-height: 40px; color: #999; font-size: 13px; padding-left: 10px; border: 1px solid #dbd9d9; background: #f5f5f5; float: right; margin-left: 15px; cursor: pointer; } .PubInp textarea { float: right; width: 188px; color: #999; font-size: 13px; padding: 10px; border: 1px solid #dbd9d9; background: #f5f5f5; margin-left: 15px; } .PubInp .Inp1 { background: #f5f5f5 url(../img/Talent/Pel-Down2.jpg) no-repeat right center; padding-right: 39px; width: 159px; } .PubInp .Inp2 { background: #f5f5f5 url(../img/Talent/Pel-Down.png) no-repeat 190px center; padding-right: 39px; width: 159px; } .PubInp .Must { width: 17px; height: 40px; background: url(../img/Talent/Pel-Icon.png) no-repeat right center; } .PubInp ul { position: absolute; right: 17px; top: 40px; display: none; } .PubInp li { padding: 0 0 0 10px; width: 198px; line-height: 32px; border-left: 1px solid #dbd9d9; border-right: 1px solid #dbd9d9; border-bottom: 1px solid #dbd9d9; color: #999; font-size: 13px; cursor: pointer; } .Resume-Pg2, .Resume-Pg4 { margin: 0 40px; overflow: hidden; border-bottom: 1px solid #dbd9d9; } .Resume-Pg2 li, .Resume-Pg4 li { float: left; cursor: pointer; margin-right: 10px; line-height: 40px; background: #dbd9d9; padding: 0 20px; font-size: 13px; color: #444; transition: all .4s ease; } .Resume-Pg2 li.On, .Resume-Pg4 li.On { background: #6d0a0d; color: #fff; transition: all .4s ease; } .Resume-Pg3 { overflow: hidden; padding: 40px 40px 80px 0; } .Resume-Pg3 .Pg3-List { display: none; } .Resume-Pg3 .PubInp { width: 390px; float: left; } .Resume-Pg5 { overflow: hidden; margin: 0 40px; } .Resume-Pg5 .Funtion { overflow: hidden; padding: 10px 0 20px; } .Resume-Pg5 .Funtion a { display: block; float: left; width: 50px; height: 30px; line-height: 30px; text-align: center; border-radius: 10px; border: 1px solid #dbd9d9; margin-right: 10px; color: #666; font-size: 13px; } .Resume-Pg5 .Pg5-List { display: none; } .Resume-Pg5 .Pg5-List li { border-bottom: 1px dashed #dbd9d9; overflow: hidden; padding: 0; } .Resume-Pg5 .Pg5-List li span { text-align: left; } .Resume-Pg5 .Pg5-List li .Type { width: 125px; } .Resume-Pg5 .Pg5-List li .Type2 { width: 280px; } .Resume-Pg5 .Pg5-List li .Type3 { width: 100px; } .Resume-Pg5 .Pg5-List li .Type4 { width: 190px; } .Resume-Pg5 .Pg5-List li .Type5 { width: 66px; } .Resume-Pg5 .Pg5-List li .Type6 { width: 260px; } .Resume-Pg5 .Pg5-List li .Type7 { width: 195px; } .Society-List .Sign-Up { margin-top: 40px; } /*telent2-9.html*/ .Ologin .getback { margin: 0 auto; width: 400px; margin-bottom: 50px; } .Ologin .getback p { color: #666; font-size: 16px; padding-bottom: 10px; } .Ologin .getback input { width: 318px; height: 48px; line-height: 50px; padding-left: 20px; border: 1px solid #dbd9d9; background: #fff; border-radius: 10px; margin-bottom: 20px; } .Ologin .getback .yan { width: 150px; float: left; margin-right: 10px; } .Ologin .getback .yan { float: left; } .Ologin .getback .Sign-Up { margin: 0; margin-top: 30px; } /*telent2-10.html*/ .Ologin10 { padding-bottom: 120px; } .Ologin .suc { color: #999; font-size: 16px; text-indent: 4em; line-height: 30px; width: 200px; height: 30px; background: url(../img/Talent/suc-icon.png)no-repeat left center; margin: 80px auto; } /*contact.html*/ .Total { padding: 270px 40px 40px; width: 640px; height: 170px; background: #ebeae8 url(../img/Contact-Img.jpg) no-repeat left top; margin: 0 10px 100px 0; float: left; } .Total h3, .Division .City-Main h3 { color: #670003; font-size: 18px; line-height: 18px; padding-bottom: 10px; border-bottom: 1px solid #dad1c6; } .Total p, .Division .City-Main p { color: #666; font-size: 13px; line-height: 20px; padding-top: 8px; } .Division { padding: 40px; float: left; width: 390px; height: 400px; background: #ebeae8; overflow: hidden; } .Division .City-Btn { width: 105%; padding-bottom: 40px; overflow: hidden; } .Division .City-Btn li { padding: 0 15px; height: 38px; line-height: 40px; text-align: center; border: 1px solid #dad1c6; color: #444; font-size: 13px; margin: 0 10px 10px 0; float: left; cursor: pointer; transition: all .4s ease; } .Division .City-Btn li.On { border: 1px solid #670003; color: #fff; background: #670003; transition: all .4s ease; } .Division .City-Main li { display: none; } /*2018-04-28*/ .Meg_add { position: relative; padding: 34px 0 50px; } .Meg_add .download { position: absolute; right: 40px; top: 274px; height: 60px; width: 210px; padding: 0 60px 0 30px; background: url("../img/meet_append_border.png"); } .Meg_add .download p { padding-left: 30px; background: url("../img/meet_append_icon_pdf.png") no-repeat left center; line-height: 60px; color: #333; font-size: 16px; } .Meg_add .download .icon { position: absolute; right: 0; top: 0; display: block; width: 60px; height: 60px; background: url("../img/meet_append_icon_down.png") no-repeat center; } /* @@@@@@@@@@@@@@@ 2019/1/23 */ .abt8 {} .abt8 div { box-sizing: border-box; } .abt8 .PucTit { position: relative; border-bottom: 2px solid #e7ddcd; } .abt8Case { width: 100%; padding-top: 50px; overflow: hidden; } .abt8Case .abt8TL { width: 304px; float: left; } .abt8Case .abt8TL h3 { font-size: 88px; color: #e4dfd5; line-height: 62px; padding-bottom: 40px; font-weight: 900; } .abt8Case .abt8TL .abtMore { display: block; width: 140px; height: 50px; box-sizing: border-box; border-radius: 25px; border: 2px solid #c6c6c6; text-indent: 65px; background: url(../img/join/abt8Icon.png) no-repeat 20px center; font-size: 14px; color: #666666; line-height: 50px; } .abt8Case .abt8TR { width: 896px; float: right; padding-bottom: 55px; } .abt8Case .abt8TR h5 { font-size: 24px; color: #e25a00; line-height: 24px; padding-bottom: 15px; } .abt8Case .abt8TR p { font-size: 13px; color: #666666; line-height: 24px; } .abt8Case .abt8TR h4 { font-size: 24px; color: #5d564c; line-height: 24px; padding-top: 45px; padding-bottom: 15px; } .abt8Case .abt8M { width: 100%; padding-bottom: 80px; } .abt8Case .abt8M ul { width: 105%; overflow: hidden; } .abt8Case .abt8M li { width: 288px; float: left; margin-right: 16px; } .abt8Case .abt8M li .img { width: 100%; overflow: hidden; } .abt8Case .abt8M li .img img { width: 100%; display: block; } .abt8Case .abt8M li .abt8MInfo { width: 100%; height: 310px; background: #e7ddcd; padding: 60px 20px 0; position: relative; } .abt8Case .abt8M li .abt8MInfo i { display: block; width: 80px; height: 80px; position: absolute; top: -40px; right: 20px; } .abt8Case .abt8M li .abt8MInfo .abt8Icon2 { background: url(../img/join/abt8Icon2.png) no-repeat center; } .abt8Case .abt8M li .abt8MInfo .abt8Icon3 { background: url(../img/join/abt8Icon3.png) no-repeat center; } .abt8Case .abt8M li .abt8MInfo .abt8Icon4 { background: url(../img/join/abt8Icon4.png) no-repeat center; } .abt8Case .abt8M li .abt8MInfo .abt8Icon5 { background: url(../img/join/abt8Icon5.png) no-repeat center; } .abt8Case .abt8M li .abt8MInfo h6 { font-size: 24px; color: #5d564c; line-height: 24px; padding-bottom: 25px; } .abt8Case .abt8M li .abt8MInfo p { font-size: 13px; color: #988e7e; line-height: 24px; } .abt9 {} .abt9 .abt9Case { padding-top: 10px; padding-bottom: 60px; } .abt9 .abt9Case .img { width: 100%; height: 609px; background: url(../img/join/abt9.png) no-repeat center; padding-top: 113px; box-sizing: border-box; } .abt9 .abt9Case .img .abt9Link { display: block; width: 140px; height: 50px; box-sizing: border-box; border-radius: 25px; border: 2px solid #c6c6c6; text-indent: 65px; background: transparent url(../img/join/abt8Icon.png) no-repeat 20px center; font-size: 14px; color: #666666; line-height: 50px; margin: 0 auto; transition: all .3s; } .abt9 .abt9Case .img .abt9Link:hover { border: 2px solid #670003; background: #670003 url(../img/join/abt8Icon_on.png) no-repeat 20px center; color: #fff; transition: all .3s; }