@charset "utf-8"; /*banner 棣栭〉*/ .banner_home .item{ position: relative; height: 800px; background-position: center center; background-repeat: no-repeat; background-size: cover;} .banner_home .item .text{ position: absolute; left:10%; top: 50%; width:80%; text-align: left; color: #ffffff; margin-top:-100px; line-height: 1.5} .banner_home .item .text h5{font-weight: bold; font-size: 50px; margin-bottom: 30px;text-transform:uppercase;text-shadow:#000000 1px 1px 6px} .banner_home .item .text p{font-size:20px; margin-bottom:50px;text-transform:uppercase;text-shadow:#000000 1px 1px 6px} .banner_home .item .text a{ display: inline-block; padding:14px 25px; font-size:14px; color: #ffffff;text-transform:uppercase;background-color: #006b6e;} .banner_home .item .text a:hover{font-size:14px;} .banner_home .item.slick-current h5{animation: fadeInDown 2s ease; animation-fill-mode: both;} .banner_home .item.slick-current{} .banner_home .item.slick-current p{animation: fadeInUp 2s ease; animation-fill-mode: both;} .banner_home .item.slick-current a{animation: fadeInUp 2s ease; animation-fill-mode: both;} .banner_home .slick-dots{ bottom:30px} .banner_home .slick-dots li button{ height: 10px; width: 10px; margin: 0 5px} .banner_home .slick-dots li.slick-active button { background: #006b6e; } .index-banner .item.on .bg { -webkit-transform: scale(1.025); transform: scale(1.025); -webkit-transition: all 4s ease 0s; transition: all 4s ease 0s; } .home_con01{ padding: 90px 0; padding-top: 120px; background: url("../images/map.png") 50% center no-repeat;} .home_services{float: right; width: 75%;} .home_services ul li{ display: inline-block; text-align: center; width: 18%; vertical-align: top; padding: 0 3%; line-height: 1; margin-bottom: 40px;} .home_services ul li .img img{ width: 60%; max-width: 100px; margin: 0px auto; margin-bottom: 30px;-webkit-transition: -webkit-transform 1s ease-out;} .home_services ul li .titile{ font-size: 22px; color:#333333;margin-bottom: 30px;-webkit-transition: all ease .4s;transition: all ease .4s;} .home_services ul li .descipe{ font-size: 14px; color: #999999; line-height:2;-webkit-transition: all ease .4s;transition: all ease .4s;} .home_services ul li:hover .img img{-webkit-transform: scale(1.1); transform: scale(1.1);} .home_services ul li:hover .titile{color:#e46c3f;-webkit-transition: all ease .4s;transition: all ease .4s;transform: translateY(-10px);} .home_services ul li:hover .descipe{color:#e46c3f;-webkit-transition: all ease .4s;transition: all ease .4s;transform: translateY(-10px);} .home_number{ background:#f3f4f6 url("../images/home_number_back.png") center center no-repeat; padding:80px 0; background-size: cover} .fguolist { overflow: hidden; width: 100%; font-size: 0; margin:0 3%; } .fguolist li { display: inline-block; width: 33%; text-align: center; } .fguolist li a { display: block; position: relative; } .fguolist li a:before { content: ''; position: absolute; left: 0; top: 50%; z-index: 0; width: 1px; height: 34px; margin-top: -17px; background-color: #cecece; } .fguolist li:first-child a:before { display: none; } .fguolist h3 { font-size: 16px; height: 80px; } .fguolist h3 span { font-size:64px; color: #132c58; line-height: 80px; vertical-align: top; font-family: 'Swiss721BTBlackCondensed'; } .fguolist h3 label { color: #132c58; line-height: 1; vertical-align: top; font-weight: bold;font-size: 20px; } .fguolist li .txt { font-size: 16px; color: #999999; line-height:36px; height: 36px; } @media screen and (max-width: 1200px) { .fguolist li { width: 33.33%; margin: 10px 0; } .fguolist li:nth-child(3n+1) a:before { display: none; } } @media screen and (max-width: 840px) { .fguolist li { width: 50%; } .fguolist li:first-child { width: 100%; } .fguolist li:nth-child(2n+2) a:before { display: none; } } .home_hezuo{ padding-top: 120px; padding-bottom: 80px;} .home_hezuo .slick-slide{ border: 0} .home_huoban .item{} .home_huoban .item .one_img{ position: relative; width:90%; text-align: center;border: #b8bfcb 1px solid; height: 120px; margin-bottom:5%;-webkit-transition: all ease .4s;transition: all ease .4s;} .home_huoban .item .one_img img { display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 70%; max-width: 70%; } .home_huoban .item:hover .one_img{border: #132c58 1px solid;-webkit-transition: all ease .4s;transition: all ease .4s;box-shadow: 0 6px 13px 0 rgba(69,69,69,0.13);} .home_huoban .item:hover .one_img img {} .home_news{ background-color: #ffffff; padding-top:100px; padding-bottom: 90px;} .home_news .cer8 { padding: 0 6%;} @media screen and (max-width: 1400px){ } .more_link{ margin-top: 50px; } .more_link a{ border: #132c58 1px solid; padding: 15px 35px; color: #132c58; margin-top: 50px; } .more_link a:hover{ background-color: #132c58;color: #ffffff; } .home_outlets_con .home_outlets_list{ margin-right: 20%} .home_outlets_con .home_outlets_list ul li a{ line-height: 1; position: relative; color: #ffffff; float: left; width: 24%; height: 640px; border-right:solid 1px rgba(255,255,255,0.2); text-align: center;color: #ffffff; display: block} .home_outlets_con .home_outlets_list ul li a{ color: #ffffff;} .home_outlets_con .home_outlets_list ul li .icons{ width: 80px; height: 80px; line-height: 80px; text-align: center;border-radius:50%;border:solid 1px rgba(255,255,255,0.4); margin: 0px auto; font-size: 40px; margin-top: 180px;-webkit-transition: all ease .4s; transition: all ease .4s;} .home_outlets_con .home_outlets_list ul li .Cn_show{ position: relative; margin-bottom: 40px; margin-top: 30px;} .home_outlets_con .home_outlets_list ul li .Cn_show::before { content: ''; position: absolute; left:50%; bottom:-25px; z-index: 0; width:24px; height:3px; margin-left: -12px; background-color: #d06137; } .home_outlets_con .home_outlets_list ul li .En_show{text-transform: uppercase; font-family: 'Swiss721BTBlackCondensed';} .home_outlets_con .home_outlets_list ul li .number_show{ position: absolute; left: 50%; bottom: 30px; margin-left: -10px; text-transform: uppercase; font-family: 'Swiss721BTBlackCondensed';color:rgba(255,255,255,0.4);} .home_outlets_con .home_outlets_list ul li:hover a{ background-color: rgba(208,97,55,0.8);} .home_outlets_con .home_outlets_list ul li:hover .Cn_show::before { content: ''; position: absolute; left:50%; bottom:-25px; z-index: 0; width:24px; height:3px; margin-left: -12px; background-color: #ffffff; } .home_outlets_con .home_outlets_list ul li:hover .icons{ border:solid 1px rgba(255,255,255,1); background-color: #ffffff; color: #d06137;-webkit-transition: all ease .4s;transition: all ease .4s;transform: translateY(-10px);} .home_news_lists{ line-height: 1; margin-top: 50px; } .home_news_lists .scroll{} .home_news_lists .item{ padding: 0 12px; font-size: 20px;} .home_news_lists .item .one_img{width: 100%; height:320px; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; position: relative;} .home_news_lists .item .font { width: 100%; position: relative; } .home_news_lists .item .font { width: 100%; position: relative; } .home_news_lists .item .font .jut { padding: 40px 50px 0; position: relative; z-index: 2; } @media (max-width: 1440px) { .home_news_lists .item .font .jut { padding: 30px 40px 0; } } @media (max-width: 1366px) { .home_news_lists .item .font .jut { padding: 26px 32px 0; } } @media (max-width: 991px) { .home_news_lists .item .font .jut { padding: 22px 26px 0; } } @media (max-width: 767px) { .home_news_lists .item .font .jut { padding: 20px 20px 0; } } .home_news_lists .item .font .hang { display: block; width: 100%; font-size: 14px; color: #006b6e; margin-bottom: 14px; line-height: 1; } .home_news_lists .item .font .tit { font-size: 24px; display: block; line-height: 32px; color: #222222; font-weight: bold; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; height: 98px; margin-bottom: 30px; } @media (max-width: 1440px) { .home_news_lists .item .font .tit { font-size: 20px; line-height: 30px; height: 92px; margin-bottom: 24px; } .banner_home .item{ height: 650px;} } .home_news_lists .item .font:after, .home_news_lists .item .font .data { width: 100%; content: ""; display: block; padding: 0px 50px 0; height: 80px; } @media (max-width: 1440px) { .home_news_lists .item .font:after, .home_news_lists .item .font .data { padding: 0px 40px 0; height: 70px; } } @media (max-width: 1366px) { .home_news_lists .item .font:after, .home_news_lists .item .font .data { padding: 0px 32px 0; } } @media (max-width: 1199px) { .home_news_lists .item .font:after, .home_news_lists .item .font .data { height: 60px; } } @media (max-width: 991px) { .home_news_lists .item .font:after, .home_news_lists .item .font .data { padding: 0px 26px 0; } } @media (max-width: 767px) { .home_news_lists .item .font:after, .home_news_lists .item .font .data { padding: 0px 20px 0; } } .home_news_lists .item .font:after { position: absolute; bottom: 0; left: 0; background-color: #fafafa; padding: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .home_news_lists .item .font .data { width: auto; display: flex; align-items: center; font-size: 14px; color: #999999; font-weight: bold; justify-content: space-between; position: relative; z-index: 2; } .home_news_lists .item .font .data i { display: block; width: 40px; } @media (max-width: 1440px) { .home_news_lists .item .font .data i { width: 36px; } } @media (max-width: 1199px) { .home_news_lists .item .font .data i { width: 30px; } } .home_news_lists .item .font .data i img { width: 100%; } .home_news_lists .item .font .data i img:nth-child(2) { display: none;transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .home_news_lists .item:hover .img img { -webkit-transform: scale(1.04); transform: scale(1.04); } .home_news_lists .item:hover .font:after { height: 100%; } .home_news_lists .item:hover .font .data i img:nth-child(1) { display: none; } .home_news_lists .item:hover .font .data i img:nth-child(2) { display: block; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } @keyframes mymove { 100% { transform: rotate(45deg); } } @-webkit-keyframes mymove {/* Safari and Chrome */ 100% { transform: rotate(45deg); } } .newsbox-section1 .basepage { margin-top: 10px; } .home_news_lists .slick-dots{bottom: -42px;} .home_news_lists .slick-dots li { position:relative; display:inline-block; margin:0 6px; padding:0; cursor:pointer } .home_news_lists .slick-dots li button { border:0; display:block; height:10px; width:10px; padding:0; margin:0; outline:none; line-height:0; font-size:0; cursor:pointer; background:#dce0e6; border-radius:10px } .home_news_lists .slick-dots li.slick-active button { background:#8a96ac; } .home_outlets{ position: relative; z-index: 10; padding-top: 90px;} .home_outlets .cer8{ position: relative} .more_link02{ position: absolute; right: 30px; top: 30px } .more_link02 a{ border: #132c58 1px solid; padding: 15px 35px; color: #132c58; margin-top: 50px; } .more_link02 a:hover{ background-color: #132c58;color: #ffffff; } .home_outlets_con{ position: relative; background: #150e0b url("../images/home_back01.jpg") center center no-repeat; background-size: cover; height: 640px; margin-top: 40px;} .home_outlets_con .home_outlets_right{ position: absolute; top: 0; right: 0; width: 20%; height: 100%; background:#162e5a url("../images/home_back02.png") right top no-repeat; padding-left: 40px; padding-right: 40px; color: #ffffff; line-height: 1 } .home_outlets_con .home_outlets_right .titiles{ margin-top: 80px; margin-bottom: 50px; text-align: right;} .home_outlets_con .home_outlets_right .titiles h3{ margin-bottom: 20px;} .home_outlets_con .home_outlets_right .titiles p{ text-transform: uppercase; font-family: 'Swiss721BTBlackCondensed'; margin-bottom: 20px;} .home_outlets_con .home_outlets_right .titiles span{} .home_outlets_con .home_outlets_right .descipes{ text-align: left; padding-top: 40px; padding-right: 10%;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; max-height: 300px; height: 300px; line-height: 30px; font-weight: normal} .fast_Links{ background-color: #f5f5f5; border-bottom: #e4e4e4 1px solid; padding: 0px 0; font-size:18px;} .fast_Links ul li{ display: inline-block; width: 32%; vertical-align: top; text-align: center; border-right: #e4e4e4 1px solid; height:66px; line-height: 66px;vertical-align: middle;} .fast_Links ul li:last-child{ border: 0} .fast_Links ul li a .iconfont{ font-size: 30px; color: #006b6e; display: inline-block; margin-right: 15px;vertical-align: middle;} .pr_home{ padding-top: 80px;} .pr_home .pr_home_tit{ font-size: 36px; font-weight: bold; color: #252525; margin-bottom:40px; text-align: center} .pr_home .pr_home_tit span{ position: relative} .pr_home .pr_home_tit span::after { bottom:-25px; position: absolute; content: " "; left: 50%; width:44px; margin-left: -22px; height: 4px; background-color: #006b6e; -webkit-transition: .3s; transition: .3s; } .pr_home .pr_home_descipe{ text-align: center; font-size: 18px; line-height: 2.4; padding-bottom: 50px;} .pro_home_show{ background-color: #efefef;} .pro_home_show>ul{ text-align: center} .pro_home_show>ul>li{ position: relative; float: left; width: 50%; background-color: #f5f5f5; height: 450px; overflow: hidden} .pro_home_show>ul>li:nth-child(2),.pro_home_show>ul>li:nth-child(3),.pro_home_show>ul>li:nth-child(6){background-color: #efefef;} .pro_home_show>ul>li .pro_names{ position: absolute; left: 50px; top: 50px; line-height: 1; z-index: 1; text-align: left;} .pro_home_show>ul>li .pro_names .EN{ color: #00191a; font-size: 60px; font-weight: bold;font-family: 'Swiss721BTBlackCondensed'; margin-bottom: 20px; text-transform: uppercase;} .pro_home_show>ul>li .pro_names .CN{ color: #00191a; font-size:26px; font-weight: bold;} .pro_home_show>ul>li .pro_unmbers{ position: absolute; right: 50px; top: 50px; line-height: 1; z-index: 1;font-family: 'Swiss721BTBlackCondensed'; font-size:300px;color:rgba(0,107,110,0.05) } /*.pro_home_show>ul>li .pro_pic{ position: absolute; right: 50px; top: 0px; height: 100%; line-height: 1; z-index:2; }*/ .pro_home_show>ul>li .pro_pic { display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(10%, -50%); max-height: 70%; max-width:70%;z-index:2; } .pro_home_show>ul>li label { position: absolute; left: 50px; bottom: 50px; line-height: 1; z-index:4; text-align: left;background: url("../images/more_icon.png") left center no-repeat; display: inline-block; background-size:auto 100% ; cursor: pointer; height: 32px; font-size: 16px; color: #00191a; line-height: 32px; padding-left: 50px; } .pro_home_show>ul>li label span{ padding-bottom: 5px; border-bottom: #00191a 1px solid;} .pro_home_show>ul>li:hover label { position: absolute; left: 50px; bottom: 50px; line-height: 1; z-index:4; text-align: left;background: url("../images/more_icon2.png") left center no-repeat; display: inline-block; background-size:auto 100% ; cursor: pointer; height: 32px; font-size: 16px; color: #fff; line-height: 32px; padding-left: 50px; } .pro_home_show>ul>li:hover label span{ padding-bottom: 5px; border-bottom: #fff 1px solid;} /*.pro_home_show>ul>li:last-child:hover label { position: absolute; left: 50px; bottom: 50px; line-height: 1; z-index:4; text-align: left;background: url("../images/more_icon.png") left center no-repeat; display: inline-block; background-size:auto 100% ; cursor: pointer; height: 32px; font-size: 16px; color: #00191a; line-height: 32px; padding-left: 50px; } .pro_home_show>ul>li:last-child:hover label span{ padding-bottom: 5px; border-bottom: #00191a 1px solid;}*/ .pro_home_show>ul>li .Suspended_produsts{ position: absolute; left: 0; top:-100%; height: 100%; width: 100%; line-height: 1; z-index:3; text-align: left;background-color: rgba(0,107,110,0.85);-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;} .pro_home_show>ul>li:hover .Suspended_produsts{ top: 0} .pro_home_show>ul>li .Suspended_produsts ul{ margin:50px; text-align: left; height: 300px; overflow-y: scroll; color: #fff} .pro_home_show>ul>li .Suspended_produsts ul li{ display: inline-block; width: 48%;} .pro_home_show>ul>li .Suspended_produsts ul li a{ display: block; padding: 15px 0; background: url("../images/jiantou.png") left center no-repeat; color: #ffffff; padding-left:30px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;} .pro_home_show>ul>li:hover .Suspended_produsts{ display: block} @media screen and (max-width:1400px){ .pro_home_show>ul>li .pro_names .EN{ font-size: 50px;} .pro_home_show>ul>li .pro_names .CN{ font-size: 22px;} .pro_home_show>ul>li .pro_pic { display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(10%, -50%); max-height: 50%; max-width:50%;z-index:2; } .home_news_lists .item .one_img{ height: 220px;} .home_titile p{ font-size: 66px;} .edite { position: absolute; top: 0px; right: 0; color: #ffffff; } .banner_home .item .text h5{font-size: 44px; margin-bottom: 10px;} .banner_home .item .text{margin-top: -30px;} } @media screen and (max-width:640px){ .edite { position: absolute; top:-13px; right:80px; color: #ffffff; } .head.mini .edite span { height: 66px; background-color: #fff; color: #333; font-size: 16px; } .edite span b i{ color: #fff;} .head.mini .edite { position: absolute; top:0px; right:80px; color: #333; } .head.mini .edite span b i{ color: #333;} } @media screen and (max-width: 768px) { .banner_home .item .text h5{ font-size: 24px; margin-bottom: 15px;} .banner_home .item .text{margin-top:-50px;} .home_con01 { padding: 40px 0; padding-top: 60px;} .home_services { float: none; width: auto; margin-top: 30px; } .home_services ul li{ width: 26%;} .home_services ul li .titile{font-size:19px; font-weight: bold} .fguolist li{ display: block; width: inherit; border-bottom: #dcdcdc 1px solid; padding-bottom: 20px; margin-bottom: 20px;} .fguolist h3 span{font-size:50px;line-height: 60px;} .home_number{ padding: 40px 0} .fguolist{ margin: 0} .fguolist h3 { height: 60px; } .home_outlets_con .home_outlets_right{ display: none;} .home_outlets_con .home_outlets_list { margin-right: 0; } .home_outlets_con .home_outlets_list ul li a { width: 49%; height:300px;border-bottom: solid 1px rgba(255,255,255,0.2); } .home_outlets_con .home_outlets_list ul li:nth-child(even) a{ border-right: 0} .home_outlets_con .home_outlets_list ul li .icons{margin-top:50px;} .home_outlets_con .home_outlets_list ul li .number_show{ bottom: 0;} .home_news_lists { float: none; width: initial; line-height: 1; margin-top: 50px; } .home_news_lists .scroll { padding-left: 0; } .home_news_lists .item { padding: 0px; } .home_news_lists .item .one_img { height: 220px;} .home_hezuo { padding-top: 70px; padding-bottom: 50px; } .home_huoban { margin-top:30px;} .banner_home .item .text p{ padding:0px; font-size: 14px; margin-bottom: 30px;} .banner_home .item{ height:350px;} .fguolist li a:before{ display: none;} .fast_Links{font-size: 16px;} .fast_Links ul li a .iconfont { font-size: 24px; margin-right: 5px; } .pr_home { padding-top: 40px; } .pr_home .pr_home_tit { font-size: 24px;} .pr_home .pr_home_descipe { text-align: center; font-size: 14px; line-height: 2.4; padding-bottom: 30px; padding-left: 3%; padding-right: 3%; } .pro_home_show>ul>li { float: none; width: auto;} .pro_home_show>ul>li .pro_names .EN{ font-size:44px;} .pro_home_show>ul>li .pro_names .CN{font-size: 22px;} .pro_home_show>ul>li .pro_unmbers { position: absolute; right: 0; top: 50%; line-height: 1; z-index: 1; font-family: 'Swiss721BTBlackCondensed'; font-size: 200px; color: rgba(0,107,110,0.05); margin-top: -50px; } .pro_home_show>ul>li .pro_pic { display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(0%, -27%); max-height: 50%; max-width: 50%; z-index: 2; } .pro_home_show>ul>li:nth-child(2), .pro_home_show>ul>li:nth-child(4), .pro_home_show>ul>li:nth-child(6) { background-color: #efefef; } .pro_home_show>ul>li:nth-child(1), .pro_home_show>ul>li:nth-child(3), .pro_home_show>ul>li:nth-child(5) { background-color: #f5f5f5; } .banner_home .item .text a { display: inline-block; padding: 10px 20px; font-size: 12px; color: #ffffff; text-transform: uppercase; background-color: #006b6e; } }