@charset "utf-8"; .aboutone { padding: 110px 0 130px; background: #ffffff url('../images/abbg1.jpg') center bottom no-repeat; } .aboutcon { min-height: 675px; overflow: hidden; } .aboutl { float: left; width:60%; } .abcate { position: relative; } .abcate .en { font-size: 72px; color: #0c8e46; font-family: 'Times New Roman'; line-height: 56px; height: 56px; } .abcate .cn { height: 48px; line-height: 48px; overflow: hidden; font-size: 34px; color: #333; margin-top: 14px; } .abouttxt { overflow: hidden; margin-top: 36px; line-height: 2.2; color: #333333; text-align: justify; } .abouttxt img { display: none; } .aboutr { float: right; width: 30%; position: relative; } .aboutr .pic { padding-top: 20px; padding-right: 30px; } .aboutr img { width: 100%; -webkit-box-shadow: 30px -20px 0 0 #006b6e; box-shadow: 30px -20px 0 0 #006b6e; } @media screen and (max-width: 1280px) { .aboutl { width: 52%; } .aboutr { width: 44%; } } @media screen and (max-width: 1024px) { .aboutone { padding: 60px 0 100px; background-size: 1500px auto; } .aboutl { float: none; width: 100%; height: auto; margin-top: 40px; } .aboutr { float: none; width: 470px; max-width: 100%; margin: 0 auto; height: auto; } .abcate { text-align: center; } .abouttxt { max-width: 700px; margin: 30px auto 0; } } @media screen and (max-width: 750px) { .aboutr .pic { padding-top: 0; padding-right: 0; width: 100%; } .aboutr img { -webkit-box-shadow: none; box-shadow: none; } .abouttxt { font-size: 16px; line-height: 28px; } .abouttxt div, .abouttxt p, .abouttxt span { font-size: 16px !important; line-height: 28px!important; } } @media screen and (max-width: 640px) { .aboutone { background-size: 1200px auto; } } .about_development{ background:#002a5c url("../images/licheng_back.jpg") center center no-repeat; background-size: cover; padding-top: 80px; padding-bottom: 100px;} .color_fff{ color: #ffffff;} .development_con{ padding-top: 60px;} .development_con .left_img{ float: left; width: 40%;} .development_con .left_img img{ width: 100%;} .development_con .right_font{ float: right; width: 55%; color: #fff} .development_con .right_font ul li{ margin-bottom: 30px; line-height:1} .development_con .right_font ul li .year{ margin-bottom: 30px;text-transform: uppercase; font-size:100px; font-family: 'Swiss721BTBlackCondensed';} .development_con .right_font ul li .fonts{ line-height:2.2; font-size:16px; margin-bottom:50px;} .mySwiper { width: 100%; height:300px; } .mySwiper .swiper-slide { height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 30px; } .mySwiper .swiper-scrollbar { background: rgba(0,107,110,.1); } .mySwiper .swiper-scrollbar-drag { background: rgba(0,107,110,.9); } /*鍔犲叆鎴戜滑 椤甸潰寮€濮?/ .joins_content{} .joins_content .rencai_con{ position:relative; padding-top:40px; padding-bottom:90px;} .joins_content .rencai_con .rencai_img{ float:left; width:45%; height:600px; overflow:hidden;background-position: center center; background-repeat: no-repeat; background-size: cover;box-shadow:-15px 15px 0px 0 rgba(0,107,110,0.2);} .joins_content .rencai_con .rencai_img img{ width:100%;-o-object-fit: cover; object-fit: cover;} .joins_content .rencai_con .rencai_font{ float:right; width:50%;} .joins_content .rencai_con .rencai_font .rencai_titile{ position:relative; padding-left:60px; line-height:1; margin-bottom:40px;} .joins_content .mySwiper { width: 100%; height: 500px; } .joins_content .rencai_con .rencai_font .rencai_titile::before { content: ''; position: absolute; left:0px; top:50%; z-index: 0; width:50px; height:34px; margin-top: -17px; background: url("../images/rencai.svg") center center no-repeat; background-size: auto 100%; } .joins_content .rencai_con .rencai_font .rencai_titile h3{ color:#4c4c51; font-weight:bold} .joins_content .rencai_con .rencai_font .rencai_titile p{ color:#006b6e;} .join_list_con{ padding-top:80px; background-color:#f7fafa; padding-bottom:100px} .join_list_con .join_list{ margin-top:70px;} .join_list_con .join_list{ position:relative;} .join_list_con .join_list li{ margin-bottom:10px;} .joinTit{ background:#fff; height:60px; line-height:60px; cursor:pointer;} .joinTit .li{ color:#333; float:left; text-align:center;} .joinTit .li1{ width:30%; text-align:left; padding-left:20px; overflow:hidden; text-overflow:ellipsis;white-space: nowrap; box-sizing:border-box;} .joinTit .li2{ width:10%;} .joinTit .li3{ width:10%;} .joinTit .li4{ width:26%; overflow:hidden; text-overflow:ellipsis;white-space: nowrap;} .joinTit .li5{ width:16%;} .joinTit .lermore_box{ width:60px; float:right; } .joinTit .lermore{ float:right; width:100%; height:60px; cursor:pointer; background:url(../images/btn_06.png) no-repeat center; transition: all 0.1s ease-out 0s;} .joinTit.curr .lermore{ background:url(../images/btn_06_h.png) no-repeat center;} .joinTit.curr{background: #006b6e;} .joinTit.curr .li{ color:#fff;} .joinFirst{ margin-top:0;} .joinFirst .joinTit{ background:#006b6e;height:60px; font-weight: bold} .joinFirst .joinTit .pd{ color:#fff; line-height:60px; font-weight:bold;} .joinFirst .joinTit .li{ color:#fff;} .joinFirst .joinTit.curr .li{ color:#fff;} .joinDeta{ display:none; overflow:hidden; background:#fff; padding:30px 0 60px 0; line-height:2; font-size:14px; color:#666666; position:relative; border:1px solid #006b6e;} .joinDeta:before{ content:''; position:absolute; background:#ccc; left:50%; width:1px; top:30px; bottom:60px;} .joinDeta span{ color:#ed6d00;} .joinDeta strong{ color:#000000;} .joinDeta strong a{ font-weight:bold;} .joinFl{ width:50%; padding:0 50px; float:left; box-sizing:border-box;border-right: #eee 1px solid;} .joinFr{ width:50%; padding:0 50px; float:right; box-sizing:border-box;} .joinFr span{ display:block;} .titile_show{ text-align: center; line-height:1} .titile_show .titile_show_en{text-transform: Uppercase;font-weight: bold; font-family: 'Swiss721BTBlackCondensed';color:rgba(247,250,250,1); font-size:100px; -webkit-text-stroke: 1px #ecf3f3;} .titile_show .titile_show_cn{ font-weight: bold; color: #424242; margin-top: -75px;} /*鑱旂郴鎴戜滑椤甸潰寮€濮?/ .contacts_content{ padding-top:90px;background:url(../images/map.png) center center no-repeat;} .contacts_content .rencai_con{ position:relative; padding-top:40px; padding-bottom:100px;} .contacts_content .rencai_con .rencai_img{ float:left; width:60%; height:750px; overflow:hidden; margin-left:-15%;} .contacts_content .rencai_con .rencai_img img{ width:100%;-o-object-fit: cover; object-fit: cover;} .contacts_content .rencai_con .rencai_font{ float:right; width:50%;} .contacts_content .rencai_con .rencai_font .rencai_titile{ position:relative; padding-left:30px; line-height:1; margin-bottom:40px;} .contacts_content .rencai_con .rencai_font .rencai_titile::before { content: ''; position: absolute; left:0px; top:0%; z-index: 0; width:5px; height: 100%; background-color: #006b6e; } .contacts_content .rencai_con .rencai_font .rencai_titile h3{ color:#006b6e; margin-bottom:20px; font-weight:bold} .contacts_content .rencai_con .rencai_font .rencai_titile p{ color:#006b6e;} .contact_fonts{ font-weight:bold;vertical-align: middle;} .contact_fonts .iconfont{ color:#006b6e; font-weight:normal; display:inline-block; padding-right:8px; } .cangshu_center{ position:relative; margin-top:40px; line-height:1; padding-top:40px;} .cangshu_center::before { content: ''; position: absolute; left:0px; top:0%; z-index: 0; width:50px; height:3px; background-color: #006b6e; } .cangshu_center ul li{ margin-bottom:20px;} .cangshu_center ul li .center_titile{ color:#006b6e; margin-bottom:15px; font-weight:bold} .cangshu_center ul li .center_descipe{ line-height:2.2; padding-left:24px;} .lian2 { padding: 120px 0; background: url('../images/liuyanbg.jpg') center no-repeat; background-size: cover; } .lxout { padding: 72px 80px 70px; overflow: hidden; border-top: 8px solid #e7845e; background-color: #fff; } .lxleft { float: left; width: 260px; } .lxright { float: right; width: 700px; } .lxleft .intro { font-size: 14px; line-height: 26px; color: #999; margin-top: 25px; } .cate8 { position: relative; padding-bottom: 29px; color: #000; } .cate8 .cn { font-size: 18px; line-height: 34px; margin-bottom: 10px;color:#006b6e } .cate8 .en { font-size:44px; line-height: 36px; font-weight: bold; text-transform: uppercase; word-break: normal; color:#006b6e;text-transform: uppercase; font-family: 'Swiss721BTBlackCondensed'; } .cate8:after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 0; width: 30px; height: 0; border-bottom: 3px solid #006b6e; } .lxway { margin-top: 42px; } .lxway p { font-size: 16px; line-height: 28px; color: #006b6e; } .lxway div { font-size:26px; line-height: 40px; color: #006b6e; font-weight: bold;text-transform: uppercase; font-family: 'Swiss721BTBlackCondensed'; } @media screen and (max-width: 1280px) { .lxout { padding: 40px 50px; } .lxright { width: 64%; } } @media screen and (max-width: 1100px) { .lxleft { float: none; width: 100%; margin-bottom: 30px; } .lxright { float: none; width: 100%; } .lxway { margin-top: 22px; } } @media screen and (max-width: 750px) { .lian2 { padding: 80px 0; } .lxout { padding: 30px; } } @media screen and (max-width: 640px) { .lian2 { padding: 60px 0; } } .liuyan { color: #666; padding-bottom: 1px; } .liuyan .hang { float: left; width: 48.5%; height: 50px; line-height: 50px; margin-bottom:20px; } .liuyan .hang.long { width: 100%; } .liuyan .hang.first { margin-right: 3%; } .liuyan .hang.fat { width: 100%; height: auto; } .liuyan p { height: 100%; } .liuyan label { font-size: 14px;color: #666; padding-right:10px; } .liuyan label input{ margin-right:4px;} .liuyan .biaoti{ display:block; margin-bottom:0px; line-height:1; color:#000000;} .liuyan input[type=text] { width: 100%; height: 48px; border: 1px solid #ddd; line-height: 48px; text-indent: 20px; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; } .liuyan select { width: 100%; height: 48px; border: 1px solid #ddd; line-height: 48px; text-indent:10px; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box;background-color: #f3f3f3; } .liuyan textarea { padding: 13px 20px; height: 140px; border: 1px solid #ddd; resize: none; vertical-align: top; width: 100%; line-height: 28px; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; } .liuyan input[type=text]:focus, .liuyan textarea:focus { border-color: #e7845e; } .liuyan input[type=text], .liuyan textarea { -webkit-transition: 0.3s; transition: 0.3s; } .liuyan i.v { display: inline-block; width: 100%; height: 100%; vertical-align: top; } .liuyan .hang2 { height: 50px; line-height: 50px; margin-bottom: 20px; } .liuyan .hang2 > div { float: left; height: 100%; } .liuyan .hang2 i.v { width: 200px; } .liuyan .verifyImg { width: 118px; height: 48px; cursor: pointer; vertical-align: top; border: 1px solid #ddd; margin-left: 10px; } .liuyan .yzmchange { display: inline-block; vertical-align: top; width: 70px; background: url('../images/change.png') center no-repeat; } .liuyan input#tj { float: left; width: 160px; height: 50px; font-size: 18px; line-height: 50px; background-color: #006b6e; color: #fff; font-weight: bold; border: 1px solid #006b6e; } .liuyan input#tj:hover { background-color: #fff; color: #006b6e; } @media screen and (max-width: 750px) { .liuyan .hang { float: none; width: auto; margin-left: 0; } .liuyan .hang.first { margin-right: 0; } .liuyan .hang2 { height: auto; } .liuyan .hang2 > div { float: none; } .liuyan .verifyImg { float: right; } .liuyan .yzmchange { float: right; } .liuyan input#tj { width: 100%; margin-top: 20px; } } @media screen and (max-width: 550px) { .liuyan .hang2 i.v { width: 170px; } .liuyan .verifyImg { width: 100px; } .liuyan .yzmchange { width: 60px; } } .cate6 { text-align: center; position: relative; padding-bottom: 16px; } .cate6 .en { font-size: 48px; color: #666; line-height: 74px; font-family: 'SWISSBLKBT'; text-transform: uppercase; height: 74px; opacity: 0.2; } .cate6 .cn { font-size: 36px; color: #11944b; line-height: 60px; position: relative; overflow: hidden; height: 60px; margin-top: -32px; } .cate6:after { content: ''; position: absolute; left: 50%; bottom: 0; z-index: 0; width: 40px; height: 3px; margin-left: -20px; background-color: #0c8e46; } @media screen and (max-width: 1400px){ .joins_content .rencai_con .rencai_img{ height: 450px;} .joins_content .mySwiper { width: 100%; height: 400px; overflow-y: scroll; } } @media (max-width:768px) { .development_con .left_img { float: none; width: initial; } .development_con .right_font { float: none; width: initial; color: #fff; margin-top: 30px; } .development_con .right_font ul li .year{ font-size: 80px;} .joins_content { padding-top: 0px; } .joins_content .rencai_con .rencai_img { float: none; width: initial; height: 300px; margin-bottom: 50px } .joins_content .rencai_con .rencai_font { float: none; width: initial; margin-top: 30px; } .joins_content .rencai_con .rencai_font .rencai_titile h3{ font-size: 24px;} .joins_content .rencai_con{ padding-bottom: 60px;} .titile_show .titile_show_en{ font-size: 50px;} .join_list_con .join_list{} .joinFirst .joinTit{ display: none;} .join_list_con .join_list ul{ width:auto;} .join_list_con{ padding-bottom: 60px;} .joinTit .lermore{ height: 30px;} .joinDeta:before{display: none} .joinTit { background: #fff; height: auto; line-height: 30px; cursor: pointer; padding: 15px 0; } .joinTit .li1 { width: 100%; text-align: left; padding-left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; font-size: 16px; font-weight: bold; margin-bottom: 10px; } .joinTit .li2 { width: 15%; } .joinTit .li3 { width: 15%; } .joinTit .li4 { width: 20%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .joinTit .li5 { width: 30%; } .joinTit .lermore_box { width: 20%; float: right; } .joinDeta{ padding: 30px;} .joinFl { width: initial; padding: 0; float: none;border: 0; padding-bottom: 30px; margin-bottom: 30px; border-bottom: #eee 1px solid;} .joinFr { width: initial; padding: 0; float: none; box-sizing: border-box; } .contacts_content { padding-top: 60px; background: url(../images/map.png) center top no-repeat; } .contacts_content .rencai_con .rencai_img { float: none; width: initial; height: 360px; overflow: hidden; margin-left: 0; } }