@charset 'utf-8'; .txt-over1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ff { font-family: 'iconfont' !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .editor-content.auto-adjust-img img { max-width: 100% !important; } .editor-content.auto-adjust-img.is-mobile img { height: auto !important; } .editor-content.auto-adjust-img p.contains-pictures { font-size: 0 !important; overflow-x: hidden; margin: 0; padding: 0; } .editor-content.auto-adjust-img p.contains-pictures>img { display: inline-block; max-width: 1920px; margin: 5px; } .banner_top { padding-top: 90px; } @media (max-width: 1199px) { .banner_top { padding-top: 70px; } } @media (max-width: 1199px) { .ban_top { padding-top: 70px; } } .banner { font-size: 0; position: relative; overflow: hidden; width: 100%; } .banner .slickbanner .item { position: relative; display: block; overflow: hidden; } .banner .slickbanner .item a { display: block; overflow: hidden; } .banner .slickbanner .item a img { position: relative; left: 50%; display: block; width: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .banner .slickbanner .video-box { position: relative; display: block; padding-bottom: 50%; -webkit-transform: translateZ(10px); transform: translateZ(10px); } .banner .slickbanner .video-box:before { position: absolute; z-index: 20; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; background-color: rgba(0, 0, 0, 0); } .banner .slickbanner .video-box .banner-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .banner .slickbanner .video-box .fluid_video_wrapper { position: absolute; z-index: 10; } .banner .slickbanner .slick-dots { position: absolute; right: 0; bottom: 69px; left: 0; display: block; text-align: center; } @media (max-width: 767px) { .banner .slickbanner .slick-dots { bottom: 40px; } } @media (max-width: 575px) { .banner .slickbanner .slick-dots { bottom: 30px; } } .banner .slickbanner .slick-dots li { position: relative; display: inline-block; margin: 0; cursor: pointer; -webkit-transition: all .5s; transition: all .5s; } .banner .slickbanner .slick-dots li button { font-size: 16px; line-height: 1.2; position: absolute; top: 0; left: -35px; display: block; display: none; width: 40px; padding: 0; padding-right: 15px; color: #fff; background-color: transparent; } @media (max-width: 575px) { .banner .slickbanner .slick-dots li button { font-size: 15px; } } .banner .slickbanner .slick-dots li button:before { display: inline-block; content: '0'; } .banner .slickbanner .slick-dots li button:after { position: absolute; top: 50%; right: 0; display: block; content: 'ยท'; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .banner .slickbanner .slick-dots .slick-active button { display: block; } .banner .slick-num { position: absolute; bottom: 50px; left: 51.5%; -webkit-transform: translateX(-51.5%); -ms-transform: translateX(-51.5%); transform: translateX(-51.5%); } @media (max-width: 1680px) { .banner .slick-num { left: 52%; -webkit-transform: translateX(-52%); -ms-transform: translateX(-52%); transform: translateX(-52%); } } @media (max-width: 1300px) { .banner .slick-num { left: 52.5%; -webkit-transform: translateX(-52.5%); -ms-transform: translateX(-52.5%); transform: translateX(-52.5%); } } @media (max-width: 1199px) { .banner .slick-num { bottom: 50px; } } @media (max-width: 991px) { .banner .slick-num { left: 53%; -webkit-transform: translateX(-53%); -ms-transform: translateX(-53%); transform: translateX(-53%); } } @media (max-width: 767px) { .banner .slick-num { bottom: 21px; left: 54%; } } @media (max-width: 575px) { .banner .slick-num { bottom: 12.5px; left: 57%; } } .banner .slick-num .dots_number { font-size: 16px; line-height: 1.2; padding: 0; color: #fff; } @media (max-width: 575px) { .banner .slick-num .dots_number { font-size: 15px; } } .banner .slick-num .dots_number:before { display: inline-block; content: '0'; } .banner .banner_arrow { font-size: 0; position: absolute; bottom: 50px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 767px) { .banner .banner_arrow { bottom: 22px; } } @media (max-width: 575px) { .banner .banner_arrow { bottom: 13px; } } .banner .banner_arrow span { display: inline-block; cursor: pointer; vertical-align: middle; } .banner .banner_arrow span:before { font-family: 'iconfont' !important; font-size: 16px; font-style: normal; line-height: 1; display: block; content: '\e616'; -webkit-transition: all .4s; transition: all .4s; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .banner .banner_arrow span:hover:before { color: #1d84be; } .banner .banner_arrow .prev:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .banner .banner_arrow .next { margin-left: 160px; } @media (max-width: 575px) { .banner .banner_arrow .next { margin-left: 120px; } } .zoomIn1 { -webkit-animation-name: zoomIn1; animation-name: zoomIn1; } .banner .slickbanner .slick-current .item>a { -webkit-animation: zoomIn1 6s 0s ease both; animation: zoomIn1 6s 0s ease both; } @-webkit-keyframes zoomIn1 { 0% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 1; } 50% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes zoomIn1 { 0% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 1; } 50% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .fluid_video_wrapper { position: absolute; } #video-idcontext_option_homepage, .fluid_controls_container { display: none !important; } .pagebanner { position: relative; overflow: hidden; width: 100%; } @media (max-width: 575px) { .pagebanner .item { width: 130%; max-width: 130%; margin-left: -15%; } } .pagebanner .item img { display: block; width: 100%; height: auto !important; } .title h2 { font-size: 36px; line-height: 1.5; display: block; margin: 0; letter-spacing: 2.16px; color: #222; } @media (max-width: 1469px) { .title h2 { font-size: 34px; } } @media (max-width: 1399px) { .title h2 { font-size: 32px; } } @media (max-width: 1199px) { .title h2 { font-size: 28px; } } @media (max-width: 991px) { .title h2 { font-size: 26px; } } @media (max-width: 767px) { .title h2 { font-size: 24px; letter-spacing: 2px; } } @media (max-width: 575px) { .title h2 { font-size: 18px; letter-spacing: 1px; } } .page_title b { font-size: 36px; font-weight: 400; line-height: 1.2; letter-spacing: 2.16px; color: #222; } @media (max-width: 1469px) { .page_title b { font-size: 34px; } } @media (max-width: 1399px) { .page_title b { font-size: 32px; } } @media (max-width: 1199px) { .page_title b { font-size: 28px; } } @media (max-width: 991px) { .page_title b { font-size: 26px; } } @media (max-width: 767px) { .page_title b { font-size: 24px; } } @media (max-width: 575px) { .page_title b { font-size: 20px; } } .page_title span { font-family: 'Rethink Sans'; font-size: 64px; font-weight: 800; line-height: 1; display: block; margin-bottom: 30px; color: #222; } @media (max-width: 1680px) { .page_title span { font-size: 60px; } } @media (max-width: 1469px) { .page_title span { font-size: 55px; } } @media (max-width: 1399px) { .page_title span { font-size: 50px; } } @media (max-width: 1199px) { .page_title span { font-size: 40px; margin-bottom: 20px; } } @media (max-width: 991px) { .page_title span { font-size: 35px; } } @media (max-width: 767px) { .page_title span { font-size: 30px; margin-bottom: 15px; } } @media (max-width: 575px) { .page_title span { font-size: 25px; } } .padd { padding: 100px 0; } @media (max-width: 1469px) { .padd { padding: 80px 0; } } @media (max-width: 1199px) { .padd { padding: 70px 0; } } @media (max-width: 991px) { .padd { padding: 60px 0; } } @media (max-width: 767px) { .padd { padding: 50px 0; } } @media (max-width: 575px) { .padd { padding: 40px 0; } } .padt { padding-top: 100px; } @media (max-width: 1469px) { .padt { padding-top: 80px; } } @media (max-width: 1199px) { .padt { padding-top: 70px; } } @media (max-width: 991px) { .padt { padding-top: 60px; } } @media (max-width: 767px) { .padt { padding-top: 50px; } } @media (max-width: 575px) { .padt { padding-top: 40px; } } .page_padt { padding-top: 90px; } @media (max-width: 1399px) { .page_padt { padding-top: 70px; } } @media (max-width: 1199px) { .page_padt { padding-top: 60px; } } @media (max-width: 991px) { .page_padt { padding-top: 50px; } } @media (max-width: 767px) { .page_padt { padding-top: 40px; } } .page_padb { padding-bottom: 90px; } @media (max-width: 1399px) { .page_padb { padding-bottom: 70px; } } @media (max-width: 1199px) { .page_padb { padding-bottom: 60px; } } @media (max-width: 991px) { .page_padb { padding-bottom: 50px; } } @media (max-width: 767px) { .page_padb { padding-bottom: 40px; } } .page_padd { padding: 90px 0; } @media (max-width: 1399px) { .page_padd { padding: 70px 0; } } @media (max-width: 1199px) { .page_padd { padding: 60px 0; } } @media (max-width: 991px) { .page_padd { padding: 50px 0; } } @media (max-width: 767px) { .page_padd { padding: 40px 0; } } .wrapper { overflow: hidden; } .index_about .title { max-width: 770px; margin: auto; text-align: center; } .index_about .title span { color: #1d84be; } .index_about .txt { max-width: 1170px; margin: 36px auto 70px; text-align: left; } @media (max-width: 1469px) { .index_about .txt { margin: 30px auto 50px; } } @media (max-width: 1399px) { .index_about .txt { margin: 30px auto 40px; } } @media (max-width: 1199px) { .index_about .txt { margin: 20px auto 30px; } } @media (max-width: 991px) { .index_about .txt { margin: 20px 0; } } @media (max-width: 767px) { .index_about .txt { margin: 15px 0; } } .index_about .txt p { font-size: 16px; line-height: 1.875; letter-spacing: .96px; color: #555; text-indent: 2em; } @media (max-width: 991px) { .index_about .txt p { font-size: 15px; } } @media (max-width: 767px) { .index_about .txt p { font-size: 14px; } } .index_about .more { text-align: center; } .index_about .more a { font-size: 14px; font-weight: 700; line-height: 1.57142857; display: inline-block; -webkit-transition: all .4s; transition: all .4s; letter-spacing: .84px; color: #1d84be; } .index_about .more a:after { font-family: 'iconfont' !important; font-weight: normal; font-style: normal; display: inline-block; margin-left: 10px; content: '\e616'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .index_about .more a:hover { -webkit-transform: translateX(6px); -ms-transform: translateX(6px); transform: translateX(6px); } .index_about .index_num { padding: 130px 0 110px; } @media (max-width: 1469px) { .index_about .index_num { padding: 100px 0; } } @media (max-width: 1399px) { .index_about .index_num { padding: 80px 0; } } @media (max-width: 1199px) { .index_about .index_num { padding: 60px 0; } } @media (max-width: 991px) { .index_about .index_num { padding: 50px 0; } } @media (max-width: 767px) { .index_about .index_num { padding: 40px 0; } } .index_about .index_num ul { margin: 0 -90px; } @media (max-width: 1399px) { .index_about .index_num ul { margin: 0 -60px; } } @media (max-width: 1199px) { .index_about .index_num ul { margin: 0 -30px; } } @media (max-width: 991px) { .index_about .index_num ul { margin: 0 -20px; } } .index_about .index_num ul li { position: relative; padding: 0 90px; } @media (max-width: 1399px) { .index_about .index_num ul li { padding: 0 60px; } } @media (max-width: 1199px) { .index_about .index_num ul li { padding: 0 30px; } } @media (max-width: 991px) { .index_about .index_num ul li { padding: 0 20px; } } .index_about .index_num ul li:after { position: absolute; top: 50%; right: 0; display: block; width: 2px; height: 32px; content: ''; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: rgba(29, 132, 190, .3); } @media (max-width: 767px) { .index_about .index_num ul li:nth-child(2):after { display: none; } } @media (max-width: 767px) { .index_about .index_num ul li:nth-child(3) { margin-top: 30px; } } @media (max-width: 767px) { .index_about .index_num ul li:last-child { margin-top: 30px; } } .index_about .index_num ul li:last-child:after { display: none; } .index_about .index_num .item { text-align: center; } .index_about .index_num .item b { font-family: 'Rethink Sans'; font-size: 40px; font-weight: 500; line-height: 1; display: block; color: #222; } @media (max-width: 1399px) { .index_about .index_num .item b { font-size: 38px; } } @media (max-width: 1199px) { .index_about .index_num .item b { font-size: 36px; } } @media (max-width: 991px) { .index_about .index_num .item b { font-size: 34px; } } @media (max-width: 767px) { .index_about .index_num .item b { font-size: 32px; } } @media (max-width: 575px) { .index_about .index_num .item b { font-size: 30px; } } .index_about .index_num .item b sup { font-size: 40px; font-weight: 500; line-height: 1; top: 0; } @media (max-width: 1399px) { .index_about .index_num .item b sup { font-size: 38px; } } @media (max-width: 1199px) { .index_about .index_num .item b sup { font-size: 36px; } } @media (max-width: 991px) { .index_about .index_num .item b sup { font-size: 34px; } } @media (max-width: 767px) { .index_about .index_num .item b sup { font-size: 32px; } } @media (max-width: 575px) { .index_about .index_num .item b sup { font-size: 30px; } } .index_about .index_num .item p { font-size: 16px; line-height: 1.5; margin-top: 15px; letter-spacing: 1.6px; color: #555; } @media (max-width: 991px) { .index_about .index_num .item p { font-size: 15px; } } @media (max-width: 767px) { .index_about .index_num .item p { font-size: 14px; margin-top: 10px; } } .index_about .list_prod { max-width: 760px; margin: auto; padding: 70px 0; } @media (max-width: 1199px) { .index_about .list_prod { padding: 60px 0; } } @media (max-width: 991px) { .index_about .list_prod { padding: 50px 0; } } @media (max-width: 767px) { .index_about .list_prod { padding: 40px 0; } } @media (max-width: 575px) { .index_about .list_prod { padding: 30px 0 40px; } } .index_about .list_prod .slick_inprod { font-size: 0; } @media (max-width: 820px) { .index_about .list_prod .slick_inprod { padding: 0 30px; } } @media (max-width: 575px) { .index_about .list_prod .slick_inprod { padding: 0 20px; } } .index_about .list_prod .slick_inprod .slick-arrow { position: absolute; z-index: 1; top: 50%; left: -64px; padding: 0; cursor: pointer; -webkit-transition: all .35s; transition: all .35s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: none; } @media (max-width: 820px) { .index_about .list_prod .slick_inprod .slick-arrow { left: -10px; } } .index_about .list_prod .slick_inprod .slick-arrow:before { font-family: 'iconfont' !important; font-size: 18px; font-style: normal; line-height: 1; display: block; content: '\e610'; -webkit-transition: all .35s; transition: all .35s; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); color: #999; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 575px) { .index_about .list_prod .slick_inprod .slick-arrow:before { font-size: 16px; } } .index_about .list_prod .slick_inprod .slick-arrow:hover:before { color: #1d84be; } .index_about .list_prod .slick_inprod .slick-next { right: -64px; left: auto; } @media (max-width: 820px) { .index_about .list_prod .slick_inprod .slick-next { right: -10px; } } .index_about .list_prod .slick_inprod .slick-next:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .index_about .list_prod .slick_inprod .slick-list { margin: 0 -25px; } @media (max-width: 991px) { .index_about .list_prod .slick_inprod .slick-list { margin: 0 -15px; } } @media (max-width: 767px) { .index_about .list_prod .slick_inprod .slick-list { margin: 0 -10px; } } @media (max-width: 575px) { .index_about .list_prod .slick_inprod .slick-list { margin: 0 -5px; } } .index_about .list_prod .slick_inprod .slick-list .slick-slide { padding: 0 25px; } @media (max-width: 767px) { .index_about .list_prod .slick_inprod .slick-list .slick-slide { padding: 0 10px; } } @media (max-width: 575px) { .index_about .list_prod .slick_inprod .slick-list .slick-slide { padding: 0 5px; } } .index_about .list_prod .slick_inprod .item { display: block; } @media (min-width: 1200px) { .index_about .list_prod .slick_inprod .item:hover .pic_box { border: 1px solid #1d84be; background-color: #1d84be; } .index_about .list_prod .slick_inprod .item:hover .pic_box .pic { opacity: 0; } .index_about .list_prod .slick_inprod .item:hover .pic_box .cover { opacity: 1; } .index_about .list_prod .slick_inprod .item:hover .name p { color: #1d84be; } } .index_about .list_prod .slick_inprod .item .pic_box { position: relative; -webkit-transition: all .4s; transition: all .4s; border: 1px solid #ccc; border-radius: 3px; background-color: transparent; } .index_about .list_prod .slick_inprod .item .pic_box .cover { position: absolute; top: 0; right: 0; left: 0; -webkit-transition: all .4s; transition: all .4s; opacity: 0; } .index_about .list_prod .slick_inprod .item .name { margin-top: 10px; text-align: center; } .index_about .list_prod .slick_inprod .item .name p { font-size: 16px; line-height: 1.5; overflow: hidden; -webkit-transition: all .4s; transition: all .4s; white-space: nowrap; letter-spacing: 1.6px; text-overflow: ellipsis; color: #222; } @media (max-width: 767px) { .index_about .list_prod .slick_inprod .item .name p { font-size: 15px; } } .index_vv { position: relative; background: no-repeat center; background-attachment: fixed; background-size: cover; } .index_vv .info { padding: 200px 0 150px; } @media (max-width: 1399px) { .index_vv .info { padding: 170px 0 120px; } } @media (max-width: 1199px) { .index_vv .info { padding: 150px 0 100px; } } @media (max-width: 991px) { .index_vv .info { padding: 120px 0 80px; } } @media (max-width: 767px) { .index_vv .info { padding: 100px 0 80px; } } @media (max-width: 575px) { .index_vv .info { padding: 80px 0 60px; } } .index_vv .info .msg { max-width: 550px; margin: auto; padding: 0 15px; text-align: center; } .index_vv .info .msg p { font-size: 24px; font-weight: 700; line-height: 1.6; letter-spacing: 1.44px; color: #fff; } @media (max-width: 1399px) { .index_vv .info .msg p { font-size: 22px; } } @media (max-width: 1199px) { .index_vv .info .msg p { font-size: 20px; } } @media (max-width: 767px) { .index_vv .info .msg p { font-size: 18px; } } .index_vv .info .icon_play { position: relative; margin-top: 50px; cursor: pointer; text-align: center; } .index_vv .info .icon_play:before { position: absolute; top: 50%; left: 50%; display: block; width: 70px; height: 70px; content: ''; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-animation: iconplay 2s linear infinite; animation: iconplay 2s linear infinite; border: 1px solid rgba(255, 255, 255, .2); border-radius: 50%; } .index_vv .info .icon_play:after { position: absolute; top: 50%; left: 50%; display: block; width: 50px; height: 50px; margin: auto; content: ''; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-animation: iconplay 2s linear infinite; animation: iconplay 2s linear infinite; border: 1px solid rgba(255, 255, 255, .5); border-radius: 50%; } .index_vv .info .icon_play span:before { font-family: 'iconfont' !important; font-size: 40px; font-style: normal; line-height: 1; display: block; content: '\e63a'; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @-webkit-keyframes iconplay { 0% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 50% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); } 100% { -webkit-transform: translate(-50%, -50%) scale(1.4); transform: translate(-50%, -50%) scale(1.4); } } @keyframes iconplay { 0% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 50% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); } 100% { -webkit-transform: translate(-50%, -50%) scale(1.4); transform: translate(-50%, -50%) scale(1.4); } } .index_news .title { text-align: center; } .index_news .list { margin-top: 60px; } @media (max-width: 1469px) { .index_news .list { margin-top: 50px; } } @media (max-width: 1399px) { .index_news .list { margin-top: 40px; } } @media (max-width: 991px) { .index_news .list { margin-top: 30px; } } @media (max-width: 767px) { .index_news .list { margin-top: 20px; } } .index_news .list ul { margin: 0 -10px; } @media (max-width: 991px) { .index_news .list ul { margin: 0 -5px; } } .index_news .list ul li { padding: 0 10px; } @media (max-width: 991px) { .index_news .list ul li { padding: 0 5px; } } .index_news .list ul li:nth-child(2), .index_news .list ul li:first-child { margin-bottom: 20px; } @media (max-width: 991px) { .index_news .list ul li:nth-child(2), .index_news .list ul li:first-child { margin-bottom: 10px; } } @media (max-width: 767px) { .index_news .list ul li:nth-child(3) { margin-bottom: 10px; } } .index_news .list .item { display: block; overflow: hidden; padding: 40px 50px; -webkit-transition: all .5s; transition: all .5s; border-radius: 3px; background-color: #f7f7f7; } @media (min-width: 1200px) { .index_news .list .item:hover { background: url(../imgs/in_newsbg.jpg) no-repeat center; background-size: cover; box-shadow: 0 4px 9px 0 rgba(0, 0, 0, .05); } .index_news .list .item:hover .tit { color: #1d84be; } } @media (max-width: 1399px) { .index_news .list .item { padding: 30px 40px; } } @media (max-width: 1199px) { .index_news .list .item { padding: 30px; } } @media (max-width: 991px) { .index_news .list .item { padding: 20px; } } .index_news .list .item span { font-family: 'Rethink Sans'; font-size: 16px; line-height: 1.875; position: relative; display: block; padding-left: 30px; -webkit-transition: all .45s; transition: all .45s; color: #777; } @media (max-width: 991px) { .index_news .list .item span { font-size: 15px; } } @media (max-width: 767px) { .index_news .list .item span { font-size: 14px; } } .index_news .list .item span:before { font-family: 'iconfont' !important; font-size: 24px; font-style: normal; line-height: 1; position: absolute; top: 50%; left: 0; display: block; content: '\e611'; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .index_news .list .item .tit { font-size: 20px; line-height: 1.6; display: block; overflow: hidden; margin: 10px 0 20px; white-space: nowrap; letter-spacing: 2px; text-overflow: ellipsis; color: #222; } @media (max-width: 1399px) { .index_news .list .item .tit { margin: 10px 0 15px; } } @media (max-width: 991px) { .index_news .list .item .tit { font-size: 18px; margin: 10px 0; } } @media (max-width: 767px) { .index_news .list .item .tit { font-size: 16px; } } .index_news .list .item p { font-size: 16px; line-height: 1.875; display: -webkit-box; overflow: hidden; height: 60px; -webkit-transition: all .45s; transition: all .45s; letter-spacing: .96px; color: #555; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } @media (max-width: 1199px) { .index_news .list .item p { font-size: 15px; line-height: 1.6; display: -webkit-box; overflow: hidden; height: 48px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } } @media (max-width: 767px) { .index_news .list .item p { font-size: 14px; height: auto; } } .index_news .list .item .more { font-size: 14px; font-weight: 700; line-height: 1.57142857; display: inline-block; margin-top: 50px; -webkit-transition: all .4s; transition: all .4s; letter-spacing: .84px; color: #1d84be; } @media (max-width: 1469px) { .index_news .list .item .more { margin-top: 40px; } } @media (max-width: 1399px) { .index_news .list .item .more { margin-top: 30px; } } @media (max-width: 991px) { .index_news .list .item .more { margin-top: 20px; } } @media (max-width: 767px) { .index_news .list .item .more { margin-top: 15px; } } .index_news .list .item .more:after { font-family: 'iconfont' !important; font-weight: normal; font-style: normal; display: inline-block; margin-left: 10px; content: '\e616'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .index_news .list .item .more:hover { -webkit-transform: translateX(6px); -ms-transform: translateX(6px); transform: translateX(6px); } .index_social { position: relative; padding-bottom: 350px; background: no-repeat center; background-size: cover; } @media (max-width: 1469px) { .index_social { padding-bottom: 320px; } } @media (max-width: 1399px) { .index_social { padding-bottom: 280px; } } @media (max-width: 1199px) { .index_social { padding-bottom: 250px; } } @media (max-width: 991px) { .index_social { padding-bottom: 100px; } } @media (max-width: 767px) { .index_social { padding-bottom: 50px; } } /*.index_social:before { position: absolute; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 540px; content: ''; background: url(../imgs/in_sharebg.jpg) no-repeat center; background-size: cover; }*/ .index_social .list ul { margin: 0 -15px; } .index_social .list ul li { padding: 0 15px; } @media (max-width: 991px) { .index_social .list ul li { margin-bottom: 30px; } } .index_social .list ul li:first-child .item .tit span:before { font-size: 20px; content: '\e71a'; } .index_social .list ul li:nth-child(2) .item .tit span:before { content: '\e6aa'; } .index_social .list ul li:nth-child(3) .item .tit span:before { content: '\e604'; } .index_social .list .item .tit { position: relative; z-index: 1; text-align: center; } .index_social .list .item .tit p { font-family: 'Rethink Sans'; font-size: 20px; font-weight: 500; line-height: 1.2; color: #222; } .index_social .list .item .tit span { display: block; width: 56px; height: 56px; margin: auto; margin-top: 17px; border: 4px solid rgba(29, 132, 190, .3); border-radius: 50%; } @media (max-width: 767px) { .index_social .list .item .tit span { margin-top: 10px; } } .index_social .list .item .tit span:before { font-family: 'iconfont' !important; font-size: 24px; font-style: normal; line-height: 48px; display: block; text-align: center; color: #1d84be; border-radius: 50%; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .index_social .list .item .pic { margin-top: -28px; } .index_social .list .item .img-box { padding-bottom: 128.88888889%; border-radius: 3px; } .index_social .list .item .img-box>img { display: none !important; } .index_social .list .item .img-box iframe { position: absolute; width: 100% !important; height: 100% !important; background-color: #fff; } .index_social .list .item .img-box iframe[src=''], .index_social .list .item .img-box iframe[data-src=''] { display: none; border: 1px solid #000; } .index_social .list .item .img-box iframe[src='']+img, .index_social .list .item .img-box iframe[data-src='']+img { display: block !important; } .page_nav { text-align: center; background: #f7f7f7; } .page_nav ul { margin: 0 -90px; } @media (max-width: 1469px) { .page_nav ul { margin: 0 -80px; } } @media (max-width: 1199px) { .page_nav ul { margin: 0 -70px; } } @media (max-width: 991px) { .page_nav ul { margin: 0 -50px; } } @media (max-width: 767px) { .page_nav ul { margin: 0 -30px; } } @media (max-width: 575px) { .page_nav ul { margin: 0 -15px; } } .page_nav ul>li { position: relative; display: inline-block; padding: 0 90px; } @media (max-width: 1469px) { .page_nav ul>li { padding: 0 80px; } } @media (max-width: 1199px) { .page_nav ul>li { padding: 0 70px; } } @media (max-width: 991px) { .page_nav ul>li { padding: 0 50px; } } @media (max-width: 767px) { .page_nav ul>li { padding: 0 30px; } } @media (max-width: 575px) { .page_nav ul>li { padding: 0 15px; } } .page_nav ul>li:after { position: absolute; top: 50%; right: 0; display: block; width: 1px; height: 16px; content: ''; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-right: 1px solid #d9d9d9; } .page_nav ul>li:last-child:after { display: none; } .page_nav ul>li>a { font-size: 16px; font-weight: 700; line-height: 3.75; display: block; -webkit-transition: all .4s; transition: all .4s; letter-spacing: 1.6px; color: #222; } @media (max-width: 1199px) { .page_nav ul>li>a { line-height: 3.4375; } } @media (max-width: 991px) { .page_nav ul>li>a { font-size: 15px; line-height: 3.33333333; } } @media (max-width: 575px) { .page_nav ul>li>a { font-size: 14px; line-height: 3.21428571; letter-spacing: 1px; } } .page_nav ul>li.active a, .page_nav ul>li:hover a { color: #1d84be; } @-webkit-keyframes high { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes high { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .about_wrap { position: relative; overflow: hidden; } .about_wrap .left { width: 52.4822695%; } @media (max-width: 991px) { .about_wrap .left { float: none; width: 100%; } } .about_wrap .left .txt_box { position: relative; margin-top: 60px; } @media (max-width: 1399px) { .about_wrap .left .txt_box { margin-top: 40px; } } @media (max-width: 991px) { .about_wrap .left .txt_box { margin-top: 30px; } } @media (max-width: 767px) { .about_wrap .left .txt_box { margin-top: 20px; } } .about_wrap .left .txt_box:before { position: absolute; z-index: 2; top: -30px; right: -30px; display: block; width: 60px; height: 60px; content: ''; -webkit-animation: high 2s 0s infinite both; animation: high 2s 0s infinite both; border-radius: 3px; background-color: #1d84be; } @media (max-width: 1199px) { .about_wrap .left .txt_box:before { width: 50px; height: 50px; } } @media (max-width: 991px) { .about_wrap .left .txt_box:before { top: -20px; right: -20px; width: 40px; height: 40px; } } @media (max-width: 575px) { .about_wrap .left .txt_box:before { top: -20px; right: -10px; width: 40px; height: 40px; } } .about_wrap .left .txt_box:after { position: absolute; bottom: -30px; left: -30px; display: block; width: 180px; height: 180px; content: ''; border-radius: 3px; background-color: #bcdbec; } @media (max-width: 1199px) { .about_wrap .left .txt_box:after { width: 160px; height: 160px; } } @media (max-width: 991px) { .about_wrap .left .txt_box:after { bottom: -20px; left: -20px; width: 140px; height: 140px; } } @media (max-width: 767px) { .about_wrap .left .txt_box:after { bottom: -20px; left: -10px; width: 100px; height: 100px; } } .about_wrap .left .txt_box .txt { position: relative; z-index: 1; padding: 50px; border-radius: 3px; background-color: #f7f7f7; } @media (max-width: 1399px) { .about_wrap .left .txt_box .txt { padding: 40px; } } @media (max-width: 1199px) { .about_wrap .left .txt_box .txt { padding: 30px; } } @media (max-width: 767px) { .about_wrap .left .txt_box .txt { padding: 20px; } } .about_wrap .left .txt_box .txt p { font-size: 16px; line-height: 1.875; letter-spacing: .96px; color: #222; text-indent: 2em; } @media (max-width: 991px) { .about_wrap .left .txt_box .txt p { font-size: 15px; } } @media (max-width: 767px) { .about_wrap .left .txt_box .txt p { font-size: 14px; } } .about_wrap .right { font-size: 0; position: absolute; top: 90px; right: 0; width: 44.27083333%; } @media (max-width: 991px) { .about_wrap .right { position: static; width: 100%; margin-top: 40px; } } .about_wrap .right .pic { position: relative; overflow: hidden; } .about_wrap .right .pic img { height: 100%; -webkit-transition: all .4s; transition: all .4s; object-fit: cover; } .bgc { background: no-repeat center; background-size: cover; } .about_honor .list { margin-top: 70px; } @media (max-width: 1469px) { .about_honor .list { margin-top: 50px; } } @media (max-width: 1199px) { .about_honor .list { margin-top: 40px; } } @media (max-width: 991px) { .about_honor .list { margin-top: 30px; } } @media (max-width: 767px) { .about_honor .list { margin-top: 20px; } } .about_honor .list .slick_honor { font-size: 0; } @media (max-width: 1620px) { .about_honor .list .slick_honor { padding: 0 40px; } } @media (max-width: 575px) { .about_honor .list .slick_honor { padding: 0 30px; } } .about_honor .list .slick_honor .slick-arrow { position: absolute; z-index: 1; top: 50%; left: -80px; padding: 0; cursor: pointer; -webkit-transition: all .35s; transition: all .35s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: none; } @media (max-width: 1620px) { .about_honor .list .slick_honor .slick-arrow { left: -10px; } } .about_honor .list .slick_honor .slick-arrow:before { font-family: 'iconfont' !important; font-size: 18px; font-style: normal; line-height: 40px; display: block; width: 40px; height: 40px; content: '\e610'; -webkit-transition: all .35s; transition: all .35s; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); text-align: center; color: #222; border-radius: 50%; background-color: #f7f7f7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 767px) { .about_honor .list .slick_honor .slick-arrow:before { line-height: 35px; width: 35px; height: 35px; } } @media (max-width: 575px) { .about_honor .list .slick_honor .slick-arrow:before { font-size: 14px; line-height: 30px; width: 30px; height: 30px; } } .about_honor .list .slick_honor .slick-arrow:hover:before { color: #fff; background-color: #1d84be; } .about_honor .list .slick_honor .slick-next { right: -80px; left: auto; } @media (max-width: 1620px) { .about_honor .list .slick_honor .slick-next { right: -10px; } } .about_honor .list .slick_honor .slick-next:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .about_honor .list .slick_honor .slick-list { margin: 0 -15px; } @media (max-width: 1399px) { .about_honor .list .slick_honor .slick-list { margin: 0 -10px; } } @media (max-width: 1199px) { .about_honor .list .slick_honor .slick-list { margin: 0 -5px; } } .about_honor .list .slick_honor .slick-list .slick-slide { padding: 0 15px; } @media (max-width: 1399px) { .about_honor .list .slick_honor .slick-list .slick-slide { padding: 0 10px; } } @media (max-width: 1199px) { .about_honor .list .slick_honor .slick-list .slick-slide { padding: 0 5px; } } .about_honor .list .slick_honor .item { overflow: hidden; cursor: pointer; } .about_honor .list .slick_honor .item .pic { display: block; } .about_honor .list .slick_honor .item .pic .img-box { padding-bottom: 142.30769231%; border-radius: 3px; } .about_honor .list .slick_honor .item .name { text-align: center; } .about_honor .list .slick_honor .item .name p { font-size: 16px; font-weight: 700; line-height: 2.5; overflow: hidden; padding: 0 10px; white-space: nowrap; letter-spacing: 1.6px; text-overflow: ellipsis; color: #fff; border-radius: 2px; background: #555; } @media (max-width: 767px) { .about_honor .list .slick_honor .item .name p { font-size: 15px; } } .about_culture { overflow: hidden; } .about_culture .left { width: 63.12056738%; } @media (max-width: 991px) { .about_culture .left { float: none; width: 100%; } } .about_culture .left .list { margin-top: 70px; } @media (max-width: 1469px) { .about_culture .left .list { margin-top: 50px; } } @media (max-width: 1199px) { .about_culture .left .list { margin-top: 40px; } } @media (max-width: 991px) { .about_culture .left .list { margin-top: 30px; } } @media (max-width: 767px) { .about_culture .left .list { margin-top: 20px; } } .about_culture .left .list ul li { margin-bottom: 30px; } @media (max-width: 1469px) { .about_culture .left .list ul li { margin-bottom: 20px; } } @media (max-width: 575px) { .about_culture .left .list ul li { margin-bottom: 10px; } } .about_culture .left .list ul li:last-child { margin-bottom: 0; } .about_culture .left .list .item { padding: 50px; border-radius: 3px; background: #f7f7f7; } @media (max-width: 1399px) { .about_culture .left .list .item { padding: 40px; } } @media (max-width: 1199px) { .about_culture .left .list .item { padding: 30px; } } .about_culture .left .list .item:hover p { color: #1d84be; } .about_culture .left .list .item b { font-size: 24px; font-weight: 700; line-height: 1.2; display: block; margin-bottom: 10px; letter-spacing: 2.4px; color: #222; } @media (max-width: 1399px) { .about_culture .left .list .item b { font-size: 22px; } } @media (max-width: 1199px) { .about_culture .left .list .item b { font-size: 20px; } } @media (max-width: 767px) { .about_culture .left .list .item b { font-size: 18px; } } .about_culture .left .list .item p { font-size: 16px; line-height: 1.875; -webkit-transition: all .4s; transition: all .4s; letter-spacing: .96px; color: #555; text-indent: 2em; } @media (max-width: 767px) { .about_culture .left .list .item p { font-size: 15px; } } .about_culture .right { width: 31.91489362%; padding-top: 205px; } @media (max-width: 991px) { .about_culture .right { float: none; width: 100%; padding-top: 40px; } } .about_culture .right .pic { position: relative; } .about_culture .right .pic:before { position: absolute; top: -95px; right: -90px; display: block; width: 180px; height: 180px; content: ''; border-radius: 3px; background-color: #bcdbec; } @media (max-width: 1680px) { .about_culture .right .pic:before { top: -60px; right: -60px; width: 160px; height: 160px; } } @media (max-width: 991px) { .about_culture .right .pic:before { top: -20px; right: -20px; width: 140px; height: 140px; } } @media (max-width: 767px) { .about_culture .right .pic:before { top: -20px; right: -10px; width: 100px; height: 100px; } } .about_culture .right .pic:after { position: absolute; z-index: 2; right: -30px; bottom: -30px; display: block; width: 60px; height: 60px; content: ''; -webkit-animation: high 2s 0s infinite both; animation: high 2s 0s infinite both; border-radius: 3px; background-color: #1d84be; } @media (max-width: 1199px) { .about_culture .right .pic:after { width: 50px; height: 50px; } } @media (max-width: 991px) { .about_culture .right .pic:after { right: -20px; bottom: -20px; width: 40px; height: 40px; } } @media (max-width: 575px) { .about_culture .right .pic:after { right: -10px; bottom: -20px; width: 40px; height: 40px; } } .about_culture .right .pic .img-box { padding-bottom: 124.44444444%; } .page_location { padding: 17px 0; } @media (max-width: 575px) { .page_location { padding: 12px 0; } } .page_location ul { text-align: right; } .page_location ul>li { display: inline-block; } .page_location ul>li:first-child a { position: relative; padding-left: 30px; } @media (max-width: 767px) { .page_location ul>li:first-child a { padding-left: 25px; } } .page_location ul>li:first-child a:before { font-family: 'iconfont' !important; font-size: 16px; font-style: normal; line-height: 1; position: absolute; top: 48%; left: 0; display: block; content: '\e608'; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #555; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 767px) { .page_location ul>li:first-child a:before { font-size: 15px; } } .page_location ul>li:last-child a:after { display: none; } .page_location ul>li>a { font-size: 16px; line-height: 1.5; display: block; -webkit-transition: all .35s; transition: all .35s; color: #555; } @media (max-width: 991px) { .page_location ul>li>a { font-size: 15px; } } @media (max-width: 767px) { .page_location ul>li>a { font-size: 14px; } } @media (max-width: 575px) { .page_location ul>li>a { font-size: 13px; } } .page_location ul>li>a:after { font-family: 'iconfont' !important; font-style: normal; display: inline-block; margin: 0 1px 0 5px; content: '\e728'; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .page_location ul>li>a:hover { color: #1d84be; } .product_business .business_box { padding-top: 30px; } @media (max-width: 991px) { .product_business .business_box { padding-top: 20px; } } @media (max-width: 767px) { .product_business .business_box { padding-top: 10px; } } .product_business .business_box .page_title { text-align: center; } .product_business .business_box .txt { margin: 70px 0; padding: 50px; text-align: center; border-radius: 3px; background: #f7f7f7; } @media (max-width: 1469px) { .product_business .business_box .txt { margin: 50px 0; } } @media (max-width: 1399px) { .product_business .business_box .txt { padding: 40px; } } @media (max-width: 1199px) { .product_business .business_box .txt { margin: 40px 0; padding: 30px; } } @media (max-width: 991px) { .product_business .business_box .txt { margin: 30px 0; } } @media (max-width: 767px) { .product_business .business_box .txt { margin: 20px 0; } } @media (max-width: 575px) { .product_business .business_box .txt { padding: 15px; } } .product_business .business_box .txt p { font-size: 16px; line-height: 2; letter-spacing: .96px; color: #555; } @media (max-width: 991px) { .product_business .business_box .txt p { font-size: 15px; } } @media (max-width: 767px) { .product_business .business_box .txt p { font-size: 14px; } } .product_business .business_box .business_num { max-width: 1040px; margin: auto; } .product_business .business_box .business_num ul { margin: 0 -20px; } @media (max-width: 1199px) { .product_business .business_box .business_num ul { margin: 0 -5px; } } .product_business .business_box .business_num ul li { padding: 0 20px; } @media (max-width: 1199px) { .product_business .business_box .business_num ul li { padding: 0 5px; } } .product_business .business_box .business_num ul li:nth-child(2) .item { background-color: #00a4cc; } @media (max-width: 767px) { .product_business .business_box .business_num ul li:nth-child(3) { margin-top: 20px; } } .product_business .business_box .business_num ul li:nth-child(3) .item { background-color: #00c1c3; } @media (max-width: 767px) { .product_business .business_box .business_num ul li:nth-child(4) { margin-top: 20px; } } .product_business .business_box .business_num ul li:nth-child(4) .item { background-color: #2fdaa8; } .product_business .business_box .business_num .item { position: relative; height: 230px; text-align: center; border-radius: 50%; background-color: #1d84be; } @media (max-width: 1199px) { .product_business .business_box .business_num .item { height: 225px; } } @media (max-width: 991px) { .product_business .business_box .business_num .item { height: 165px; } } @media (max-width: 767px) { .product_business .business_box .business_num .item { width: 165px; margin: auto; } } @media (max-width: 360px) { .product_business .business_box .business_num .item { width: 150px; height: 150px; } } .product_business .business_box .business_num .item .info { position: absolute; top: 50%; left: 50%; width: 90%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .product_business .business_box .business_num .item b span { font-family: 'Rethink Sans'; font-size: 40px; font-weight: 500; line-height: 1.25; color: #fff; } @media (max-width: 1199px) { .product_business .business_box .business_num .item b span { font-size: 38px; } } @media (max-width: 991px) { .product_business .business_box .business_num .item b span { font-size: 32px; } } @media (max-width: 767px) { .product_business .business_box .business_num .item b span { font-size: 30px; } } .product_business .business_box .business_num .item b sup { font-family: 'Rethink Sans'; font-size: 40px; font-weight: 500; line-height: 1.25; top: 0; color: #fff; } @media (max-width: 1199px) { .product_business .business_box .business_num .item b sup { font-size: 38px; } } @media (max-width: 991px) { .product_business .business_box .business_num .item b sup { font-size: 32px; } } @media (max-width: 767px) { .product_business .business_box .business_num .item b sup { font-size: 30px; } } .product_business .business_box .business_num .item p { font-size: 16px; line-height: 1.625; letter-spacing: 1.6px; color: #fff; } @media (max-width: 991px) { .product_business .business_box .business_num .item p { font-size: 15px; } } @media (max-width: 767px) { .product_business .business_box .business_num .item p { font-size: 14px; } } .product_business .business_pic .pic { text-align: center; } .product_business .business_pic .pic img { max-width: 100%; height: auto !important; } .product_wrap { overflow: hidden; } .product_wrap .main_box { padding-top: 30px; } .product_wrap .main_box .left { width: 63.12056737%; } @media (max-width: 767px) { .product_wrap .main_box .left { float: none; width: 100%; } } .product_wrap .main_box .left .txt { margin-top: 70px; } @media (max-width: 1469px) { .product_wrap .main_box .left .txt { margin-top: 50px; } } @media (max-width: 1199px) { .product_wrap .main_box .left .txt { margin-top: 40px; } } @media (max-width: 991px) { .product_wrap .main_box .left .txt { margin-top: 20px; } } @media (max-width: 767px) { .product_wrap .main_box .left .txt { margin-top: 10px; } } .product_wrap .main_box .left .txt p { font-size: 16px; line-height: 2; letter-spacing: .96px; color: #555; } @media (max-width: 991px) { .product_wrap .main_box .left .txt p { font-size: 15px; } } @media (max-width: 767px) { .product_wrap .main_box .left .txt p { font-size: 14px; } } .product_wrap .main_box .right { position: relative; z-index: 1; width: 31.91489362%; } @media (max-width: 767px) { .product_wrap .main_box .right { float: none; width: 100%; margin-top: 20px; } } .product_wrap .main_box .right .pic .img-box { padding-bottom: 124.44444444%; border-radius: 3px; } .product_wrap .prod_bg { position: relative; /*margin-top: -130px;*/ padding: 140px 0; background-attachment: fixed; } @media (max-width: 1469px) { .product_wrap .prod_bg { /*margin-top: -80px;*/ padding: 130px 0; } } @media (max-width: 1399px) { .product_wrap .prod_bg { /*margin-top: -60px;*/ padding: 120px 0; } } @media (max-width: 1199px) { .product_wrap .prod_bg { /*margin-top: 30px;*/ padding: 100px 0; } } @media (max-width: 991px) { .product_wrap .prod_bg { padding: 80px 0; } } @media (max-width: 767px) { .product_wrap .prod_bg { padding: 60px 0; } } @media (max-width: 575px) { .product_wrap .prod_bg { padding: 50px 0; } } .product_wrap .prod_bg img { display: block; width: 100%; height: auto !important; } .product_wrap .prod_bg .page_title span { color: #fff; } .product_wrap .prod_bg .page_title b { color: #fff; } .product_wrap .range_box .left { position: relative; width: 330px; } @media (max-width: 1399px) { .product_wrap .range_box .left { width: 280px; } } @media (max-width: 1199px) { .product_wrap .range_box .left { width: 250px; } } @media (max-width: 991px) { .product_wrap .range_box .left { float: none; width: 100%; } } @media (max-width: 991px) { .product_wrap .range_box .left .menu_wrap { display: none; } } .product_wrap .range_box .left .menu_wrap .menu1>li { margin-bottom: 10px; } .product_wrap .range_box .left .menu_wrap .menu1>li:last-child { margin-bottom: 0; } .product_wrap .range_box .left .menu_wrap .menu1>li>a { font-size: 16px; font-weight: bold; line-height: 1.5; position: relative; display: block; padding: 17px 40px; -webkit-transition: all .35s; transition: all .35s; text-transform: capitalize; color: #555; border: 1px solid #bcdbec; background: #fff; } @media (max-width: 1399px) { .product_wrap .range_box .left .menu_wrap .menu1>li>a { padding: 15px 40px; } } @media (max-width: 1199px) { .product_wrap .range_box .left .menu_wrap .menu1>li>a { padding: 12px 40px; } } .product_wrap .range_box .left .menu_wrap .menu1>li>a:after { position: absolute; top: 50%; left: 20px; display: block; width: 10px; height: 10px; content: ''; -webkit-transition: all .35s; transition: all .35s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: 2px solid #1d84be; border-radius: 50%; background: #f7f7f7; } .product_wrap .range_box .left .menu_wrap .menu1>li:hover>a, .product_wrap .range_box .left .menu_wrap .menu1>li.active>a { color: #fff; border: 1px solid #1d84be; background-color: #1d84be; } .product_wrap .range_box .left .menu_wrap .menu1>li:hover>a:after, .product_wrap .range_box .left .menu_wrap .menu1>li.active>a:after { border: 2px solid #fff; background-color: #1d84be; } .product_wrap .range_box .left .menu_wrap .menu2 { display: none; padding: 15px 20px; border: 1px solid #1d84be; border-radius: 2px; } .product_wrap .range_box .left .menu_wrap .menu2>li { position: relative; cursor: pointer; } .product_wrap .range_box .left .menu_wrap .menu2>li>a { font-size: 15px; line-height: 1.6; position: relative; display: block; padding: 5px 0; -webkit-transition: all .35s; transition: all .35s; color: #444; } .product_wrap .range_box .left .menu_wrap .menu2>li:hover>a, .product_wrap .range_box .left .menu_wrap .menu2>li.active>a { color: #1d84be; } .product_wrap .range_box .left .menu_wrap .menu3 { display: none; padding: 10px 20px; } .product_wrap .range_box .left .menu_wrap .menu3>li>a { font-size: 15px; line-height: 1.6; display: block; padding: 5px 0; -webkit-transition: all .35s; transition: all .35s; color: #444; } .product_wrap .range_box .left .menu_wrap .menu3>li:hover>a, .product_wrap .range_box .left .menu_wrap .menu3>li.active>a { text-decoration: underline !important; color: #1d84be; } .product_wrap .range_box .right { width: -webkit-calc(100% - 330px); width: calc(100% - 330px); padding-left: 30px; } @media (max-width: 1399px) { .product_wrap .range_box .right { width: -webkit-calc(100% - 280px); width: calc(100% - 280px); } } @media (max-width: 1199px) { .product_wrap .range_box .right { width: -webkit-calc(100% - 250px); width: calc(100% - 250px); padding-left: 20px; } } @media (max-width: 991px) { .product_wrap .range_box .right { float: none; width: 100%; padding-left: 0; } } .product_wrap .range_box .right .m_location { display: none; margin-bottom: 20px; padding: 0 0 10px; border-bottom: 1px solid #e6e6e6; } @media (max-width: 991px) { .product_wrap .range_box .right .m_location { display: block; } } @media (max-width: 767px) { .product_wrap .range_box .right .m_location { margin-bottom: 15px; } } .product_wrap .range_box .right .m_location ul { margin: 0 -10px; } @media (max-width: 767px) { .product_wrap .range_box .right .m_location ul { margin: 0 -8px; } } .product_wrap .range_box .right .m_location ul li { display: inline-block; padding: 0 10px; } @media (max-width: 767px) { .product_wrap .range_box .right .m_location ul li { padding: 0 8px; } } .product_wrap .range_box .right .m_location ul li a { font-size: 16px; font-weight: bold; line-height: 2; display: block; -webkit-transition: all .35s; transition: all .35s; color: #222; } @media (max-width: 767px) { .product_wrap .range_box .right .m_location ul li a { font-size: 16px; } } .product_wrap .range_box .right .m_location ul .active a { color: #1d84be; } .product_wrap .range_box .right .prod_no { margin-top: 30px; margin-bottom: 50px; } @media (max-width: 991px) { .product_wrap .range_box .right .prod_no { margin-top: 20px; margin-bottom: 30px; padding-left: 0; } } .product_wrap .range_box .right .prod_no .search_no h3 { font-size: 24px; margin: 0 0 20px; } @media (max-width: 991px) { .product_wrap .range_box .right .prod_no .search_no h3 { font-size: 22px; } } @media (max-width: 767px) { .product_wrap .range_box .right .prod_no .search_no h3 { font-size: 20px; } } .product_wrap .range_box .right .prod_no .search_no p { margin: 0; padding: 10px; color: #ab7640; border: 1px solid #faebcc; border-radius: 5px; background-color: #fcf8e3; } .product_wrap .range_box .right .prod_no .page_title { margin-top: 20px; } .product_wrap .range_box .right .prod_lists { margin-top: 30px; } @media (max-width: 991px) { .product_wrap .range_box .right .prod_lists { margin-top: 20px; } } .product_wrap .range_box .right .prod_lists ul { margin: 0 -15px; } @media (max-width: 1399px) { .product_wrap .range_box .right .prod_lists ul { margin: 0 -10px; } } @media (max-width: 767px) { .product_wrap .range_box .right .prod_lists ul { margin: 0 -5px; } } .product_wrap .range_box .right .prod_lists ul li { padding: 0 15px; } @media (max-width: 1399px) { .product_wrap .range_box .right .prod_lists ul li { padding: 0 10px; } } @media (max-width: 767px) { .product_wrap .range_box .right .prod_lists ul li { padding: 0 5px; } } .product_wrap .range_box .right .prod_lists .item { display: block; overflow: hidden; margin-bottom: 40px; -webkit-transition: all .45s; transition: all .45s; } @media (min-width: 1200px) { .product_wrap .range_box .right .prod_lists .item:hover .info { background-color: #1d84be; } } @media (max-width: 1199px) { .product_wrap .range_box .right .prod_lists .item { margin-bottom: 30px; } } @media (max-width: 991px) { .product_wrap .range_box .right .prod_lists .item { margin-bottom: 20px; } } .product_wrap .range_box .right .prod_lists .item .pic .img-box { padding-bottom: 62.31884058%; border-radius: 3px; } .product_wrap .range_box .right .prod_lists .item .info { position: relative; padding: 0 60px 0 20px; -webkit-transition: all .4s; transition: all .4s; border: 1px solid #1d84be; background: #555; } @media (max-width: 1199px) { .product_wrap .range_box .right .prod_lists .item .info { padding: 0 60px 0 10px; } } .product_wrap .range_box .right .prod_lists .item .info p { font-size: 16px; font-weight: 700; line-height: 2.5; overflow: hidden; -webkit-transition: all .45s; transition: all .45s; white-space: nowrap; letter-spacing: 1.6px; text-overflow: ellipsis; color: #fff; } @media (max-width: 1199px) { .product_wrap .range_box .right .prod_lists .item .info p { font-size: 15px; line-height: 2.66666667; } } .product_wrap .range_box .right .prod_lists .item .info span { position: absolute; top: -1px; right: 0; } .product_wrap .range_box .right .prod_lists .item .info span:before { font-family: 'iconfont' !important; font-size: 16px; font-style: normal; line-height: 42px; display: block; width: 50px; padding-left: 21px; content: '\e616'; color: #1d84be; background: url(../imgs/ttbg.png) no-repeat center; background-size: cover; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product_wrap .range_box .page { padding-top: 30px; } @media (max-width: 1199px) { .product_wrap .range_box .page { padding-top: 20px; } } @media (max-width: 991px) { .product_wrap .range_box .page { padding-top: 10px; } } .product_details_wrap .page_location { background-color: #f7f7f7; } .product_details_wrap .page_location ul { text-align: left; } .product_details_wrap .product_box { font-size: 0 !important; position: relative; padding: 70px 0 80px; } @media (max-width: 1399px) { .product_details_wrap .product_box { padding: 70px 0; } } @media (max-width: 1199px) { .product_details_wrap .product_box { padding: 50px 0; } } @media (max-width: 991px) { .product_details_wrap .product_box { padding: 40px 0; } } .product_details_wrap .product_box .lef { overflow: hidden; width: 48.93617021%; } @media (max-width: 1199px) { .product_details_wrap .product_box .lef { float: none; width: 70%; margin: auto; } } @media (max-width: 991px) { .product_details_wrap .product_box .lef { width: 100%; } } .product_details_wrap .product_box .lef .big_pic { overflow: hidden; border: 1px solid skyblue; } @media (max-width: 767px) { .product_details_wrap .product_box .lef .big_pic { float: none; width: 100%; padding-left: 0; } } .product_details_wrap .product_box .lef .big_pic .slick-arrow { position: absolute; z-index: 1; top: 50%; left: 20px; padding: 0; cursor: pointer; -webkit-transition: all .35s; transition: all .35s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: none; } @media (max-width: 767px) { .product_details_wrap .product_box .lef .big_pic .slick-arrow { left: 10px; } } .product_details_wrap .product_box .lef .big_pic .slick-arrow:before { font-family: 'iconfont' !important; font-size: 22px; font-style: normal; line-height: 1; display: block; content: '\e610'; -webkit-transition: all .35s; transition: all .35s; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); text-align: center; color: #222; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 767px) { .product_details_wrap .product_box .lef .big_pic .slick-arrow:before { font-size: 20px; } } @media (max-width: 575px) { .product_details_wrap .product_box .lef .big_pic .slick-arrow:before { font-size: 18px; } } .product_details_wrap .product_box .lef .big_pic .slick-arrow:hover:before { color: #1d84be; } .product_details_wrap .product_box .lef .big_pic .slick-next { right: 20px; left: auto; } @media (max-width: 767px) { .product_details_wrap .product_box .lef .big_pic .slick-next { right: 10px; } } .product_details_wrap .product_box .lef .big_pic .slick-next:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .product_details_wrap .product_box .lef .big_pic .pic .img-box { padding-bottom: 62.31884058%; border-radius: 3px; } .product_details_wrap .product_box .lef .big_pic .prod_vv iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product_details_wrap .product_box .lef .small_pic { margin-top: 20px; } @media (max-width: 1199px) { .product_details_wrap .product_box .lef .small_pic { margin-top: 15px; } } @media (max-width: 767px) { .product_details_wrap .product_box .lef .small_pic { float: none; width: 100%; margin-top: 10px; } } .product_details_wrap .product_box .lef .small_pic .slider-nav .slick-list { margin: 0 -5px; } .product_details_wrap .product_box .lef .small_pic .slider-nav .slick-list .slick-slide { padding: 0 5px; } .product_details_wrap .product_box .lef .small_pic .slider-nav .slick-list .slick-slide .pic { position: relative; overflow: hidden; border: 1px solid #bcdbec; border-radius: 3px; } .product_details_wrap .product_box .lef .small_pic .slider-nav .slick-list .slick-slide .pic:before { position: absolute; z-index: 1; top: 0; right: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; opacity: 0; border: 1px solid #1d84be; } .product_details_wrap .product_box .lef .small_pic .slider-nav .slick-list .slick-slide .pic .img-box { padding-bottom: 62.31884058%; border-radius: 3px; } .product_details_wrap .product_box .lef .small_pic .slider-nav .slick-list .slick-slide .prod_vv .video-cover { position: absolute; top: 0; right: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); } .product_details_wrap .product_box .lef .small_pic .slider-nav .slick-list .slick-slide .prod_vv .video-cover:before { position: absolute; z-index: 1; top: 50%; left: 50%; display: block; width: 36px; height: 36px; content: ''; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); background: url(../imgs/icon_play.png) no-repeat center; background-size: cover; } .product_details_wrap .product_box .lef .small_pic .slider-nav .slick-list .slick-current .pic { border: 1px solid #1d84be; } .product_details_wrap .product_box .lef .small_pic .slider-nav .slick-list .slick-current .pic:before { opacity: 1; } .product_details_wrap .product_box .rig { width: 51.06382979%; padding-left: 70px; } @media (max-width: 1680px) { .product_details_wrap .product_box .rig { padding-left: 60px; } } @media (max-width: 1469px) { .product_details_wrap .product_box .rig { padding-left: 40px; } } @media (max-width: 1399px) { .product_details_wrap .product_box .rig { padding-left: 30px; } } @media (max-width: 1199px) { .product_details_wrap .product_box .rig { float: none; width: 100%; margin-top: 20px; padding-left: 0; } } .product_details_wrap .product_box .rig .prod_info .tit { margin: 20px 0; } @media (max-width: 1399px) { .product_details_wrap .product_box .rig .prod_info .tit { margin: 0 0 15px 0; } } @media (max-width: 1199px) { .product_details_wrap .product_box .rig .prod_info .tit { margin: 0 0 10px 0; } } .product_details_wrap .product_box .rig .prod_info .tit p { font-size: 24px; font-weight: 700; line-height: 1.5; letter-spacing: 1.44px; color: #222; } @media (max-width: 991px) { .product_details_wrap .product_box .rig .prod_info .tit p { font-size: 22px; } } @media (max-width: 767px) { .product_details_wrap .product_box .rig .prod_info .tit p { font-size: 20px; } } @media (max-width: 575px) { .product_details_wrap .product_box .rig .prod_info .tit p { font-size: 18px; } } .product_details_wrap .product_box .rig .prod_info .text p { font-size: 16px; line-height: 2; text-align: left; letter-spacing: .96px; word-break: break-word; color: #555; } @media (max-width: 991px) { .product_details_wrap .product_box .rig .prod_info .text p { font-size: 15px; } } @media (max-width: 767px) { .product_details_wrap .product_box .rig .prod_info .text p { font-size: 14px; } } .product_details_wrap .product_box .rig .prod_info .share_box { margin: 36px 0 70px; } @media (max-width: 1469px) { .product_details_wrap .product_box .rig .prod_info .share_box { margin: 30px 0 50px; } } @media (max-width: 1399px) { .product_details_wrap .product_box .rig .prod_info .share_box { margin: 30px 0 40px; } } @media (max-width: 1199px) { .product_details_wrap .product_box .rig .prod_info .share_box { margin: 20px 0 30px; } } .product_details_wrap .product_box .rig .prod_info .share_box span { font-size: 20px; line-height: 1.2; display: inline-block; vertical-align: middle; letter-spacing: 1.2px; color: #222; } @media (max-width: 1399px) { .product_details_wrap .product_box .rig .prod_info .share_box span { font-size: 18px; } } @media (max-width: 991px) { .product_details_wrap .product_box .rig .prod_info .share_box span { font-size: 16px; } } @media (max-width: 767px) { .product_details_wrap .product_box .rig .prod_info .share_box span { font-size: 15px; } } .product_details_wrap .product_box .rig .prod_info .share_box .share_tool { display: inline-block; margin-left: 10px; vertical-align: middle; } .product_details_wrap .product_box .rig .prod_info .prod_btn a { font-size: 14px; font-weight: 700; line-height: 4.28571429; display: block; width: 250px; cursor: pointer; -webkit-transition: all .45s; transition: all .45s; text-align: center; letter-spacing: .84px; color: #fff; border-radius: 100px; background-color: #222; } @media (max-width: 1469px) { .product_details_wrap .product_box .rig .prod_info .prod_btn a { line-height: 3.92857143; width: 220px; } } @media (max-width: 1399px) { .product_details_wrap .product_box .rig .prod_info .prod_btn a { line-height: 3.57142857; width: 200px; } } @media (max-width: 1199px) { .product_details_wrap .product_box .rig .prod_info .prod_btn a { line-height: 3.28571429; width: 180px; } } @media (max-width: 400px) { .product_details_wrap .product_box .rig .prod_info .prod_btn a { float: none; } } .product_details_wrap .product_box .rig .prod_info .prod_btn a:hover { background-color: #1d84be; } .product_details_wrap .product_box .rig .prod_info .prod_btn a:before { font-family: 'iconfont' !important; font-size: 18px; font-weight: normal; font-style: normal; line-height: 1; display: inline-block; margin-right: 15px; content: '\e7f1'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 1199px) { .product_details_wrap .product_box .rig .prod_info .prod_btn a:before { font-size: 16px; } } .product_details_wrap .product_box .rig .prod_info .prod_btn .add_btn { margin-left: 10px; } @media (max-width: 400px) { .product_details_wrap .product_box .rig .prod_info .prod_btn .add_btn { float: none; margin-top: 15px; margin-left: 0; } } .product_details_wrap .product_box .rig .prod_info .prod_btn .add_btn:before { content: '\e600'; } .product_details_wrap .info_padt { margin-top: 90px; } @media (max-width: 1469px) { .product_details_wrap .info_padt { margin-top: 80px; } } @media (max-width: 1399px) { .product_details_wrap .info_padt { margin-top: 70px; } } @media (max-width: 1199px) { .product_details_wrap .info_padt { margin-top: 60px; } } @media (max-width: 991px) { .product_details_wrap .info_padt { margin-top: 50px; } } @media (max-width: 767px) { .product_details_wrap .info_padt { margin-top: 40px; } } .product_details_wrap .info_title p { font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: 1.44px; color: #222; } @media (max-width: 991px) { .product_details_wrap .info_title p { font-size: 22px; } } @media (max-width: 767px) { .product_details_wrap .info_title p { font-size: 20px; } } @media (max-width: 575px) { .product_details_wrap .info_title p { font-size: 18px; } } .product_details_wrap .product_range_box .product_nav { position: relative; z-index: 2; } .product_details_wrap .product_range_box .product_nav .pro_nav { text-align: center; border-top: 1px solid #bcdbec; border-bottom: 1px solid #bcdbec; } @media (max-width: 991px) { .product_details_wrap .product_range_box .product_nav .pro_nav { position: relative; z-index: 2; overflow-x: auto; -webkit-overflow-scrolling: touch; } } .product_details_wrap .product_range_box .product_nav .pro_nav ul { margin: 0; background-color: #fff; } @media (max-width: 991px) { .product_details_wrap .product_range_box .product_nav .pro_nav ul { position: relative; overflow: auto; width: 100%; white-space: nowrap; } } .product_details_wrap .product_range_box .product_nav .pro_nav ul li { position: relative; display: inline-block; padding: 0 120px; } @media (max-width: 1469px) { .product_details_wrap .product_range_box .product_nav .pro_nav ul li { padding: 0 100px; } } @media (max-width: 1399px) { .product_details_wrap .product_range_box .product_nav .pro_nav ul li { padding: 0 80px; } } @media (max-width: 1199px) { .product_details_wrap .product_range_box .product_nav .pro_nav ul li { padding: 0 60px; } } @media (max-width: 991px) { .product_details_wrap .product_range_box .product_nav .pro_nav ul li { padding: 0 40px; } } @media (max-width: 767px) { .product_details_wrap .product_range_box .product_nav .pro_nav ul li { padding: 0 30px; } } @media (max-width: 575px) { .product_details_wrap .product_range_box .product_nav .pro_nav ul li { padding: 0 20px; } } .product_details_wrap .product_range_box .product_nav .pro_nav ul li:before { position: absolute; right: 0; bottom: 0; left: 0; display: block; width: 0; height: 3px; margin: auto; content: ''; -webkit-transition: all .4s; transition: all .4s; background: #1d84be; } .product_details_wrap .product_range_box .product_nav .pro_nav ul li:after { position: absolute; top: 50%; right: 0; display: block; width: 1px; height: 16px; content: ''; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #bcdbec; } .product_details_wrap .product_range_box .product_nav .pro_nav ul li:last-child:after { display: none; } .product_details_wrap .product_range_box .product_nav .pro_nav ul li a { font-size: 16px; font-weight: 700; line-height: 3; position: relative; display: inline-block; cursor: pointer; -webkit-transition: all .4s; transition: all .4s; letter-spacing: .96px; color: #222; } @media (max-width: 991px) { .product_details_wrap .product_range_box .product_nav .pro_nav ul li a { font-size: 15px; } } @media (max-width: 575px) { .product_details_wrap .product_range_box .product_nav .pro_nav ul li a { font-size: 14px; } } .product_details_wrap .product_range_box .product_nav .pro_nav ul li.act:before, .product_details_wrap .product_range_box .product_nav .pro_nav ul li:hover:before { width: 80%; } .product_details_wrap .product_range_box .product_nav .pro_nav ul li.act a, .product_details_wrap .product_range_box .product_nav .pro_nav ul li:hover a { color: #1d84be; } .product_details_wrap .product_range_box .product_nav .pro_nav ul li.act a:after, .product_details_wrap .product_range_box .product_nav .pro_nav ul li:hover a:after { width: 100%; } .product_details_wrap .product_range_box .product_info .text { margin-top: 20px; } @media (max-width: 991px) { .product_details_wrap .product_range_box .product_info .text { margin-top: 15px; } } @media (max-width: 767px) { .product_details_wrap .product_range_box .product_info .text { margin-top: 10px; } } .product_details_wrap .product_range_box .product_info .text p { font-size: 16px; line-height: 2; word-break: break-word; color: #555; text-indent: 2em; } @media (max-width: 991px) { .product_details_wrap .product_range_box .product_info .text p { font-size: 15px; } } @media (max-width: 767px) { .product_details_wrap .product_range_box .product_info .text p { font-size: 14px; } } .product_details_wrap .product_range_box .product_inquire .inquire_form { margin-top: 30px; } @media (max-width: 1199px) { .product_details_wrap .product_range_box .product_inquire .inquire_form { margin-top: 20px; } } @media (max-width: 767px) { .product_details_wrap .product_range_box .product_inquire .inquire_form { margin-top: 15px; } } .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul { margin: 0 -9px; } .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li { margin-bottom: 18px; padding: 0 9px; } @media (max-width: 767px) { .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li { margin-bottom: 15px; } } .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li:first-child input { font-size: 15px; color: #fff; border: 1px solid #1d84be; background-color: #1d84be; } .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li:first-child input:focus { border: none; } .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li:last-child { margin-bottom: 0; text-align: center; } .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li .for_input { position: relative; } .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li .for_textarea label { top: 20px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li .for_ed label { font-size: 13px; top: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); color: #666; } .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li label { font-size: 14px; line-height: 1; position: absolute; top: 50%; width: auto; height: auto; margin: 0 0 0 15px; padding: 1px 5px; -webkit-transition: all .5s; transition: all .5s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-transform: capitalize; pointer-events: none; color: #666; } @media (max-width: 991px) { .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li label { margin: 0 0 0 10px; } } .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li input, .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li textarea { font-size: 14px; line-height: 50px; display: block; width: 100%; height: 50px; padding: 0 20px; color: #222; border: 1px solid #f5f5f5; border-radius: 0; background-color: #f5f5f5; } @media (max-width: 991px) { .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li input, .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li textarea { line-height: 45px; height: 45px; padding: 0 15px; } } .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li input:focus, .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li textarea:focus { border: 1px solid #1d84be; box-shadow: none; } .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li textarea { line-height: 30px; min-height: 210px; padding: 5px 20px; } @media (max-width: 991px) { .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li textarea { min-height: 180px; padding: 5px 15px; } } .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li button { font-size: 14px; font-weight: 700; line-height: 3.57142857; display: inline-block; margin-top: 20px; padding: 0 70px; cursor: pointer; -webkit-transition: all .45s; transition: all .45s; letter-spacing: .84px; color: #fff; border-radius: 100px; background: #1d84be; } @media (max-width: 1469px) { .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li button { margin-top: 0; padding: 0 60px; } } @media (max-width: 1199px) { .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li button { padding: 0 50px; } } @media (max-width: 767px) { .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li button { line-height: 45px; padding: 0 40px; } } .product_details_wrap .product_range_box .product_inquire .inquire_form .form_ipt ul li button:hover { color: #fff; background-color: #000; } .product_details_wrap .product_range_box .product_related .list { margin-top: 30px; } @media (max-width: 1199px) { .product_details_wrap .product_range_box .product_related .list { margin-top: 20px; } } @media (max-width: 767px) { .product_details_wrap .product_range_box .product_related .list { margin-top: 15px; } } .product_details_wrap .product_range_box .product_related .list .slick_related { font-size: 0 !important; position: relative; } @media (max-width: 1620px) { .product_details_wrap .product_range_box .product_related .list .slick_related { padding: 0 40px; } } @media (max-width: 575px) { .product_details_wrap .product_range_box .product_related .list .slick_related { padding: 0 30px; } } .product_details_wrap .product_range_box .product_related .list .slick_related .slick-arrow { position: absolute; z-index: 1; top: 50%; left: -80px; padding: 0; cursor: pointer; -webkit-transition: all .35s; transition: all .35s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: none; } @media (max-width: 1620px) { .product_details_wrap .product_range_box .product_related .list .slick_related .slick-arrow { left: -10px; } } .product_details_wrap .product_range_box .product_related .list .slick_related .slick-arrow:before { font-family: 'iconfont' !important; font-size: 18px; font-style: normal; line-height: 40px; display: block; width: 40px; height: 40px; content: '\e610'; -webkit-transition: all .35s; transition: all .35s; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); text-align: center; color: #222; border-radius: 50%; background-color: #f7f7f7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 767px) { .product_details_wrap .product_range_box .product_related .list .slick_related .slick-arrow:before { line-height: 35px; width: 35px; height: 35px; } } @media (max-width: 575px) { .product_details_wrap .product_range_box .product_related .list .slick_related .slick-arrow:before { font-size: 14px; line-height: 30px; width: 30px; height: 30px; } } .product_details_wrap .product_range_box .product_related .list .slick_related .slick-arrow:hover:before { color: #fff; background-color: #1d84be; } .product_details_wrap .product_range_box .product_related .list .slick_related .slick-next { right: -80px; left: auto; } @media (max-width: 1620px) { .product_details_wrap .product_range_box .product_related .list .slick_related .slick-next { right: -10px; } } .product_details_wrap .product_range_box .product_related .list .slick_related .slick-next:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .product_details_wrap .product_range_box .product_related .list .slick_related .slick-list { margin: 0 -15px; } @media (max-width: 1399px) { .product_details_wrap .product_range_box .product_related .list .slick_related .slick-list { margin: 0 -10px; } } @media (max-width: 1199px) { .product_details_wrap .product_range_box .product_related .list .slick_related .slick-list { margin: 0 -5px; } } .product_details_wrap .product_range_box .product_related .list .slick_related .slick-list .slick-slide { padding: 0 15px; } @media (max-width: 1399px) { .product_details_wrap .product_range_box .product_related .list .slick_related .slick-list .slick-slide { padding: 0 10px; } } @media (max-width: 1199px) { .product_details_wrap .product_range_box .product_related .list .slick_related .slick-list .slick-slide { padding: 0 5px; } } .product_details_wrap .product_range_box .product_related .list .slick_related .item { display: block; overflow: hidden; -webkit-transition: all .45s; transition: all .45s; } @media (min-width: 1200px) { .product_details_wrap .product_range_box .product_related .list .slick_related .item:hover .info { background-color: #1d84be; } } .product_details_wrap .product_range_box .product_related .list .slick_related .item .pic .img-box { padding-bottom: 62.31884058%; border-radius: 3px; } .product_details_wrap .product_range_box .product_related .list .slick_related .item .info { position: relative; padding: 0 60px 0 20px; -webkit-transition: all .4s; transition: all .4s; border: 1px solid #1d84be; background: #555; } @media (max-width: 1199px) { .product_details_wrap .product_range_box .product_related .list .slick_related .item .info { padding: 0 60px 0 10px; } } .product_details_wrap .product_range_box .product_related .list .slick_related .item .info p { font-size: 16px; font-weight: 700; line-height: 2.5; overflow: hidden; -webkit-transition: all .45s; transition: all .45s; white-space: nowrap; letter-spacing: 1.6px; text-overflow: ellipsis; color: #fff; } @media (max-width: 1199px) { .product_details_wrap .product_range_box .product_related .list .slick_related .item .info p { font-size: 15px; line-height: 2.66666667; } } .product_details_wrap .product_range_box .product_related .list .slick_related .item .info span { position: absolute; top: -1px; right: 0; } .product_details_wrap .product_range_box .product_related .list .slick_related .item .info span:before { font-family: 'iconfont' !important; font-size: 16px; font-style: normal; line-height: 42px; display: block; width: 50px; padding-left: 21px; content: '\e616'; color: #1d84be; background: url(../imgs/ttbg.png) no-repeat center; background-size: cover; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .inquire_wrap .page_location { background-color: #f7f7f7; } .inquire_wrap .page_location ul { text-align: left; } .inquire_wrap .rang_box { padding-top: 40px; } @media (max-width: 767px) { .inquire_wrap .rang_box { padding-top: 30px; } } .inquire_wrap .inquire_box .title h2 { color: #222; } .inquire_wrap .inquire_box .list_title { margin-top: 30px; border: solid 1px #e0e0e0; background-color: #f5f5f5; } @media (max-width: 1199px) { .inquire_wrap .inquire_box .list_title { margin-top: 30px; } } @media (max-width: 991px) { .inquire_wrap .inquire_box .list_title { margin-top: 20px; } } .inquire_wrap .inquire_box .list_title ul li { float: left; } .inquire_wrap .inquire_box .list_title ul li:first-child { width: 15%; padding: 0 50px; text-align: left; } @media (max-width: 1199px) { .inquire_wrap .inquire_box .list_title ul li:first-child { padding: 0 10px; } } @media (max-width: 767px) { .inquire_wrap .inquire_box .list_title ul li:first-child { width: 18%; padding: 0 0 0 10px; } } @media (max-width: 575px) { .inquire_wrap .inquire_box .list_title ul li:first-child { padding: 0 0 0 2px; } } .inquire_wrap .inquire_box .list_title ul li:first-child input { position: relative; display: inline-block; width: 18px; height: 18px; margin: -5px 10px 0 0 !important; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color ease .1s; transition: background-color ease .1s; vertical-align: middle; border: solid 1px #d5d5d5; border-radius: 4px; background-color: #fff; -webkit-appearance: none; } @media (max-width: 767px) { .inquire_wrap .inquire_box .list_title ul li:first-child input { margin: -5px 1px 0 0 !important; } } .inquire_wrap .inquire_box .list_title ul li:first-child input:focus { outline: none; } .inquire_wrap .inquire_box .list_title ul li:first-child input:checked { background: #1d84be; } .inquire_wrap .inquire_box .list_title ul li:first-child input:checked:after { position: absolute; top: 4px; left: 4px; width: 8px; height: 5px; content: ''; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border: #fff solid 2px; border-top: none; border-right: none; background: transparent; } .inquire_wrap .inquire_box .list_title ul li:first-child p { display: inline-block; } .inquire_wrap .inquire_box .list_title ul li:nth-child(2) { width: 45%; } @media (max-width: 767px) { .inquire_wrap .inquire_box .list_title ul li:nth-child(2) { width: 40%; } } .inquire_wrap .inquire_box .list_title ul li:nth-child(3) { width: 22%; text-align: center; } @media (max-width: 1199px) { .inquire_wrap .inquire_box .list_title ul li:nth-child(3) { text-align: left; } } @media (max-width: 767px) { .inquire_wrap .inquire_box .list_title ul li:nth-child(3) { width: 25%; } } .inquire_wrap .inquire_box .list_title ul li:nth-child(4) { width: 18%; text-align: center; } @media (max-width: 767px) { .inquire_wrap .inquire_box .list_title ul li:nth-child(4) { width: 17%; } } .inquire_wrap .inquire_box .list_title ul li p { font-size: 18px; font-weight: bold; line-height: 3.05555556; color: #333; } @media (max-width: 991px) { .inquire_wrap .inquire_box .list_title ul li p { font-size: 16px; } } @media (max-width: 767px) { .inquire_wrap .inquire_box .list_title ul li p { font-size: 15px; } } @media (max-width: 575px) { .inquire_wrap .inquire_box .list_title ul li p { font-size: 13px; } } .inquire_wrap .inquire_box .list li { padding: 30px 0; border-bottom: 1px solid #e0e0e0; background-color: #fff; } @media (max-width: 1199px) { .inquire_wrap .inquire_box .list li { padding: 20px 0; } } @media (max-width: 991px) { .inquire_wrap .inquire_box .list li { padding: 15px 0; } } .inquire_wrap .inquire_box .list li:last-child { border-bottom: none; } .inquire_wrap .inquire_box .list .choose_box { line-height: 100px; float: left; width: 15%; padding: 0 50px; } @media (max-width: 1199px) { .inquire_wrap .inquire_box .list .choose_box { padding: 0 10px; } } @media (max-width: 767px) { .inquire_wrap .inquire_box .list .choose_box { padding: 0 0 0 10px; } } @media (max-width: 575px) { .inquire_wrap .inquire_box .list .choose_box { padding: 0 0 0 4px; } } .inquire_wrap .inquire_box .list .choose_box input { position: relative; display: inline-block; width: 18px; height: 18px; margin: -5px 10px 0 0 !important; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color ease .1s; transition: background-color ease .1s; vertical-align: middle; border: solid 1px #d5d5d5; border-radius: 4px; background-color: #e6e6e6; -webkit-appearance: none; } .inquire_wrap .inquire_box .list .choose_box input:focus { outline: none; } .inquire_wrap .inquire_box .list .choose_box input:checked { background: #1d84be; } .inquire_wrap .inquire_box .list .choose_box input:checked:after { position: absolute; top: 4px; left: 4px; width: 8px; height: 5px; content: ''; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border: #fff solid 2px; border-top: none; border-right: none; background: transparent; } .inquire_wrap .inquire_box .list .info_box { width: 45%; } @media (max-width: 767px) { .inquire_wrap .inquire_box .list .info_box { width: 42%; } } .inquire_wrap .inquire_box .list .info_box .pic { display: inline-block; overflow: hidden; width: 160px; vertical-align: middle; border: solid 1px #e6e6e6; } @media (max-width: 1199px) { .inquire_wrap .inquire_box .list .info_box .pic { display: block; width: 150px; } } @media (max-width: 991px) { .inquire_wrap .inquire_box .list .info_box .pic { width: 130px; } } @media (max-width: 575px) { .inquire_wrap .inquire_box .list .info_box .pic { width: 120px; } } .inquire_wrap .inquire_box .list .info_box .pic .img-box { padding-bottom: 62.31884058%; border-radius: 3px; } .inquire_wrap .inquire_box .list .info_box p { font-size: 16px; line-height: 1.2; display: inline-block; overflow: hidden; width: 70%; padding: 0 20px; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; color: #333; } @media (max-width: 1399px) { .inquire_wrap .inquire_box .list .info_box p { width: 65%; } } @media (max-width: 1199px) { .inquire_wrap .inquire_box .list .info_box p { display: block; width: 100%; margin-top: 15px; padding: 0 10px 0 0; } } @media (max-width: 991px) { .inquire_wrap .inquire_box .list .info_box p { font-size: 15px; } } @media (max-width: 767px) { .inquire_wrap .inquire_box .list .info_box p { font-size: 14px; } } .inquire_wrap .inquire_box .list .num_box { line-height: 100px; width: 22%; padding: 0 0 0 70px; } @media (max-width: 1469px) { .inquire_wrap .inquire_box .list .num_box { padding: 0 0 0 60px; } } @media (max-width: 1199px) { .inquire_wrap .inquire_box .list .num_box { padding: 0; } } @media (max-width: 767px) { .inquire_wrap .inquire_box .list .num_box { width: 28%; } } .inquire_wrap .inquire_box .list .num_box .num_range { min-width: 130px; } @media (max-width: 767px) { .inquire_wrap .inquire_box .list .num_box .num_range { min-width: 120px; } } @media (max-width: 575px) { .inquire_wrap .inquire_box .list .num_box .num_range { min-width: 80px; } } .inquire_wrap .inquire_box .list .num_box a { display: inline-block; width: 35px; height: 35px; cursor: pointer; vertical-align: middle; border: solid 1px #d2d2d2; } @media (max-width: 767px) { .inquire_wrap .inquire_box .list .num_box a { width: 30px; height: 30px; } } @media (max-width: 575px) { .inquire_wrap .inquire_box .list .num_box a { width: 20px; height: 25px; } } .inquire_wrap .inquire_box .list .num_box a:before { font-family: 'iconfont' !important; font-size: 12px; font-weight: bold; font-style: normal; line-height: 33px; display: block; content: '\e628'; text-align: center; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 767px) { .inquire_wrap .inquire_box .list .num_box a:before { line-height: 28px; } } @media (max-width: 575px) { .inquire_wrap .inquire_box .list .num_box a:before { line-height: 23px; } } .inquire_wrap .inquire_box .list .num_box .add_num { margin-right: 0; } .inquire_wrap .inquire_box .list .num_box .add_num:before { content: '\e630'; } .inquire_wrap .inquire_box .list .num_box input { font-size: 15px; line-height: 32px; display: inline-block; width: 60px; padding: 0 5px; text-align: center; vertical-align: middle; color: #000; background-color: transparent; } @media (max-width: 767px) { .inquire_wrap .inquire_box .list .num_box input { width: 50px; } } @media (max-width: 575px) { .inquire_wrap .inquire_box .list .num_box input { font-size: 14px; width: 30px; padding: 0; } } .inquire_wrap .inquire_box .list .del_box { line-height: 100px; float: left; width: 18%; } @media (max-width: 767px) { .inquire_wrap .inquire_box .list .del_box { width: 15%; } } .inquire_wrap .inquire_box .list .del_box a:before { font-family: 'iconfont' !important; font-size: 20px; font-style: normal; display: block; content: '\e6c7'; cursor: pointer; text-align: center; color: #787878; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 767px) { .inquire_wrap .inquire_box .list .del_box a:before { font-size: 18px; } } @media (max-width: 575px) { .inquire_wrap .inquire_box .list .del_box a:before { font-size: 16px; } } .inquire_wrap .product_details_wrap { padding: 0; } .product_service .service_box { padding-top: 30px; } @media (max-width: 991px) { .product_service .service_box { padding-top: 20px; } } @media (max-width: 767px) { .product_service .service_box { padding-top: 10px; } } .product_service .service_box .left { width: 47.5177305%; } @media (max-width: 991px) { .product_service .service_box .left { float: none; width: 100%; } } .product_service .service_box .left .txt { margin-top: 70px; } @media (max-width: 1469px) { .product_service .service_box .left .txt { margin-top: 50px; } } @media (max-width: 1399px) { .product_service .service_box .left .txt { margin-top: 40px; } } @media (max-width: 1199px) { .product_service .service_box .left .txt { margin-top: 30px; } } @media (max-width: 991px) { .product_service .service_box .left .txt { margin-top: 20px; } } @media (max-width: 767px) { .product_service .service_box .left .txt { margin-top: 10px; } } .product_service .service_box .left .txt p { font-size: 16px; line-height: 2; letter-spacing: .96px; color: #555; text-indent: 2em; } @media (max-width: 991px) { .product_service .service_box .left .txt p { font-size: 15px; } } @media (max-width: 767px) { .product_service .service_box .left .txt p { font-size: 14px; } } .product_service .service_box .right { width: 47.5177305%; } @media (max-width: 991px) { .product_service .service_box .right { float: none; width: 100%; margin-top: 20px; } } .product_service .service_box .right .pic .img-box { padding-bottom: 59.70149254%; border-radius: 3px; } .product_service .service_pic .pic { margin-top: 70px; } @media (max-width: 1469px) { .product_service .service_pic .pic { margin-top: 50px; } } @media (max-width: 1399px) { .product_service .service_pic .pic { margin-top: 40px; } } @media (max-width: 1199px) { .product_service .service_pic .pic { margin-top: 30px; } } @media (max-width: 991px) { .product_service .service_pic .pic { margin-top: 20px; } } .product_service .service_pic .pic img { max-width: 100%; height: auto !important; } .develop_wrap .page_title { text-align: center; } .develop_wrap .list { margin-top: 70px; } @media (max-width: 1469px) { .develop_wrap .list { margin-top: 50px; } } @media (max-width: 1399px) { .develop_wrap .list { margin-top: 40px; } } @media (max-width: 1199px) { .develop_wrap .list { margin-top: 30px; } } .develop_wrap .list ul li { margin-bottom: 40px; } @media (max-width: 1199px) { .develop_wrap .list ul li { margin-bottom: 30px; } } @media (max-width: 767px) { .develop_wrap .list ul li { margin-bottom: 20px; } } .develop_wrap .list ul li:nth-child(odd) .item { background: #fafafa; } .develop_wrap .list ul li:nth-child(odd) .item .left { float: right; } .develop_wrap .list ul li:nth-child(odd) .item .right { float: left; } .develop_wrap .list ul li:last-child { margin-bottom: 0; } .develop_wrap .list .item { padding: 90px; -webkit-transition: all .4s; transition: all .4s; border-radius: 3px; background: #ededed; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1); } @media (min-width: 1200px) { .develop_wrap .list .item:hover .right .tit p { color: #1d84be; } } @media (max-width: 1469px) { .develop_wrap .list .item { padding: 60px; } } @media (max-width: 1399px) { .develop_wrap .list .item { padding: 40px; } } @media (max-width: 1199px) { .develop_wrap .list .item { padding: 30px; } } @media (max-width: 991px) { .develop_wrap .list .item { padding: 20px; } } .develop_wrap .list .item .left { width: 48.781%; } @media (max-width: 767px) { .develop_wrap .list .item .left { float: none; width: 100%; } } .develop_wrap .list .item .left .pic { display: block; } .develop_wrap .list .item .left .pic .img-box { padding-bottom: 59.70149254%; } .develop_wrap .list .item .right { width: 45.529%; padding-top: 25px; } @media (max-width: 1399px) { .develop_wrap .list .item .right { padding-top: 20px; } } @media (max-width: 767px) { .develop_wrap .list .item .right { float: none; width: 100%; } } .develop_wrap .list .item .right .tit { display: block; } .develop_wrap .list .item .right .tit span { font-family: 'Rethink Sans'; font-size: 24px; font-weight: 800; line-height: 1.2; display: block; overflow: hidden; margin-bottom: 20px; white-space: nowrap; text-transform: uppercase; text-overflow: ellipsis; color: #222; } @media (max-width: 1399px) { .develop_wrap .list .item .right .tit span { font-size: 22px; margin-bottom: 10px; } } @media (max-width: 1199px) { .develop_wrap .list .item .right .tit span { font-size: 20px; } } @media (max-width: 991px) { .develop_wrap .list .item .right .tit span { font-size: 18px; margin-bottom: 5px; } } .develop_wrap .list .item .right .tit p { font-size: 24px; font-weight: 700; line-height: 1.2; overflow: hidden; -webkit-transition: all .4s; transition: all .4s; white-space: nowrap; letter-spacing: 2.4px; text-overflow: ellipsis; color: #222; } @media (max-width: 1399px) { .develop_wrap .list .item .right .tit p { font-size: 22px; } } @media (max-width: 1199px) { .develop_wrap .list .item .right .tit p { font-size: 20px; } } @media (max-width: 991px) { .develop_wrap .list .item .right .tit p { font-size: 18px; } } .develop_wrap .list .item .right .txt { margin: 40px 0 60px; } @media (max-width: 1469px) { .develop_wrap .list .item .right .txt { margin: 30px 0 50px; } } @media (max-width: 1399px) { .develop_wrap .list .item .right .txt { margin: 20px 0 30px; } } @media (max-width: 991px) { .develop_wrap .list .item .right .txt { margin: 15px 0 20px; } } .develop_wrap .list .item .right .txt p { font-size: 16px; line-height: 1.875; display: -webkit-box; overflow: hidden; height: 90px; letter-spacing: .96px; color: #555; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-indent: 2em; } @media (max-width: 1199px) { .develop_wrap .list .item .right .txt p { font-size: 15px; line-height: 1.6; display: -webkit-box; overflow: hidden; height: 72px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } } @media (max-width: 991px) { .develop_wrap .list .item .right .txt p { font-size: 14px; line-height: 1.6; display: -webkit-box; overflow: hidden; height: 67px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } } .develop_wrap .list .item .right .more a { font-size: 14px; font-weight: 700; line-height: 4.14285714; display: inline-block; padding: 0 95px; -webkit-transition: all .4s; transition: all .4s; letter-spacing: .84px; color: #1d84be; border: 1px solid #bcdbec; border-radius: 100px; } @media (max-width: 1399px) { .develop_wrap .list .item .right .more a { line-height: 3.57142857; padding: 0 80px; } } @media (max-width: 1199px) { .develop_wrap .list .item .right .more a { line-height: 3.21428571; padding: 0 60px; } } @media (max-width: 991px) { .develop_wrap .list .item .right .more a { line-height: 2.85714286; padding: 0 40px; } } .develop_wrap .list .item .right .more a:hover { color: #fff; border: 1px solid #1d84be; background-color: #1d84be; } .development_wrap .development_box .left { width: 47.5177305%; } @media (max-width: 991px) { .development_wrap .development_box .left { float: none; width: 100%; } } .development_wrap .development_box .left .txt { margin-top: 70px; } @media (max-width: 1469px) { .development_wrap .development_box .left .txt { margin-top: 50px; } } @media (max-width: 1399px) { .development_wrap .development_box .left .txt { margin-top: 40px; } } @media (max-width: 1199px) { .development_wrap .development_box .left .txt { margin-top: 30px; } } @media (max-width: 991px) { .development_wrap .development_box .left .txt { margin-top: 20px; } } @media (max-width: 767px) { .development_wrap .development_box .left .txt { margin-top: 10px; } } .development_wrap .development_box .left .txt p { font-size: 16px; line-height: 2; letter-spacing: .96px; color: #555; text-indent: 2em; } @media (max-width: 991px) { .development_wrap .development_box .left .txt p { font-size: 15px; } } @media (max-width: 767px) { .development_wrap .development_box .left .txt p { font-size: 14px; } } .development_wrap .development_box .right { width: 47.5177305%; } @media (max-width: 991px) { .development_wrap .development_box .right { float: none; width: 100%; margin-top: 20px; } } .development_wrap .development_box .right .pic .img-box { padding-bottom: 59.70149254%; border-radius: 3px; } .development_wrap .development_strategy .list ul li { margin-bottom: 30px; } @media (max-width: 991px) { .development_wrap .development_strategy .list ul li { margin-bottom: 20px; } } .development_wrap .development_strategy .list ul li:first-child .item span { background: url(../imgs/numbg1.png) no-repeat center; background-size: cover; } .development_wrap .development_strategy .list ul li:nth-child(2) .item span { background: url(../imgs/numbg2.png) no-repeat center; background-size: cover; } .development_wrap .development_strategy .list ul li:nth-child(3) .item span { background: url(../imgs/numbg3.png) no-repeat center; background-size: cover; } .development_wrap .development_strategy .list ul li:nth-child(4) .item span { background: url(../imgs/numbg4.png) no-repeat center; background-size: cover; } .development_wrap .development_strategy .list ul li:last-child { margin-bottom: 0; } .development_wrap .development_strategy .list ul li:last-child .item span { background: url(../imgs/numbg5.png) no-repeat center; background-size: cover; } .development_wrap .development_strategy .list .item { position: relative; overflow: hidden; padding: 33.5px 50px 33.5px 290px; border-radius: 3px; background: #f7f7f7; } @media (max-width: 1399px) { .development_wrap .development_strategy .list .item { padding: 22px 40px 22px 280px; } } @media (max-width: 991px) { .development_wrap .development_strategy .list .item { padding: 20px 30px 20px 100px; } } @media (max-width: 767px) { .development_wrap .development_strategy .list .item { padding: 20px 20px 20px 80px; } } @media (max-width: 575px) { .development_wrap .development_strategy .list .item { padding: 20px 15px 20px 70px; } } .development_wrap .development_strategy .list .item span { font-size: 54px; line-height: 1; position: absolute; top: 0; left: 0; padding: 56px 99px 56px 77px; color: #fff; background: url(../imgs/numbg1.png) no-repeat center; background-size: cover; } @media (max-width: 1399px) { .development_wrap .development_strategy .list .item span { padding: 56px 99px 56px 77px; } } @media (max-width: 991px) { .development_wrap .development_strategy .list .item span { font-size: 28px; padding: 20px; border-radius: 3px; } } @media (max-width: 767px) { .development_wrap .development_strategy .list .item span { font-size: 25px; padding: 15px; } } @media (max-width: 575px) { .development_wrap .development_strategy .list .item span { font-size: 20px; padding: 12px; } } .development_wrap .development_strategy .list .item .tit b { font-size: 24px; font-weight: 700; line-height: 1.2; display: block; letter-spacing: 2.4px; color: #222; } @media (max-width: 1399px) { .development_wrap .development_strategy .list .item .tit b { font-size: 22px; } } @media (max-width: 1199px) { .development_wrap .development_strategy .list .item .tit b { font-size: 20px; } } @media (max-width: 767px) { .development_wrap .development_strategy .list .item .tit b { font-size: 18px; } } .development_wrap .development_strategy .list .item .txt { margin-top: 10px; } .development_wrap .development_strategy .list .item .txt p { font-size: 16px; line-height: 1.875; letter-spacing: .96px; color: #555; text-indent: 2em; } @media (max-width: 1399px) { .development_wrap .development_strategy .list .item .txt p { font-size: 15px; } } @media (max-width: 767px) { .development_wrap .development_strategy .list .item .txt p { font-size: 14px; } } .development_wrap .development_security .list ul { margin: 0 -15px; } @media (max-width: 1199px) { .development_wrap .development_security .list ul { margin: 0 -10px; } } .development_wrap .development_security .list ul li { padding: 0 15px; } @media (max-width: 1199px) { .development_wrap .development_security .list ul li { padding: 0 10px; } } .development_wrap .development_security .list ul li:last-child .pic { margin-bottom: 0; } @media (max-width: 991px) { .development_wrap .development_security .list .pic { margin-bottom: 20px; } } .development_wrap .development_security .list .pic .img-box { padding-bottom: 60%; border-radius: 3px; } .hr_recruitment .info { margin: 70px 0; } @media (max-width: 1469px) { .hr_recruitment .info { margin: 60px 0; } } @media (max-width: 1399px) { .hr_recruitment .info { margin: 50px 0; } } @media (max-width: 1199px) { .hr_recruitment .info { margin: 40px 0; } } @media (max-width: 991px) { .hr_recruitment .info { margin: 30px 0; } } @media (max-width: 767px) { .hr_recruitment .info { margin: 25px 0 30px; } } .hr_recruitment .note { margin: 0 -15px; } @media (max-width: 1199px) { .hr_recruitment .note { margin: 0 -10px; } } .hr_recruitment .note .txt_box { width: 50%; padding: 0 15px; } @media (max-width: 1199px) { .hr_recruitment .note .txt_box { padding: 0 10px; } } @media (max-width: 991px) { .hr_recruitment .note .txt_box { float: none; width: 100%; } } .hr_recruitment .note .txt_box .txt { position: relative; padding: 28px 20px 28px 140px; -webkit-transition: all .4s; transition: all .4s; border: 1px solid #bcdbec; border-radius: 3px; background: #fff; } @media (min-width: 1200px) { .hr_recruitment .note .txt_box .txt:hover { background: #e9f3f9; } .hr_recruitment .note .txt_box .txt:hover .icon_cont { background-color: #1d84be; } .hr_recruitment .note .txt_box .txt:hover .icon_cont:before { color: #fff; } .hr_recruitment .note .txt_box .txt:hover span, .hr_recruitment .note .txt_box .txt:hover p { color: #1d84be; } } @media (max-width: 1199px) { .hr_recruitment .note .txt_box .txt { padding: 28px 20px 28px 100px; } } @media (max-width: 767px) { .hr_recruitment .note .txt_box .txt { padding: 20px 20px 20px 90px; } } @media (max-width: 575px) { .hr_recruitment .note .txt_box .txt { padding: 20px 20px 20px 60px; } } .hr_recruitment .note .txt_box .txt .icon_cont { position: absolute; top: 0; left: 0; width: 110px; -webkit-transition: all .4s; transition: all .4s; text-align: center; border-right: 1px solid #bcdbec; } @media (max-width: 1199px) { .hr_recruitment .note .txt_box .txt .icon_cont { width: 80px; } } @media (max-width: 767px) { .hr_recruitment .note .txt_box .txt .icon_cont { width: 70px; } } @media (max-width: 575px) { .hr_recruitment .note .txt_box .txt .icon_cont { top: 50%; left: 15px; width: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: none; } } .hr_recruitment .note .txt_box .txt .icon_cont:before { font-family: 'iconfont' !important; font-size: 30px; font-style: normal; line-height: 113px; display: block; -webkit-transition: all .4s; transition: all .4s; color: #1d84be; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 767px) { .hr_recruitment .note .txt_box .txt .icon_cont:before { line-height: 97px; } } @media (max-width: 575px) { .hr_recruitment .note .txt_box .txt .icon_cont:before { font-size: 25px; line-height: 1; } } .hr_recruitment .note .txt_box .txt span { font-size: 16px; font-weight: 700; line-height: 1.2; display: block; margin-bottom: 15px; -webkit-transition: all .4s; transition: all .4s; letter-spacing: 1.6px; color: #555; } @media (max-width: 575px) { .hr_recruitment .note .txt_box .txt span { margin-bottom: 10px; } } .hr_recruitment .note .txt_box .txt p { font-family: 'Rethink Sans'; font-size: 18px; font-weight: 500; line-height: 1.2; -webkit-transition: all .4s; transition: all .4s; color: #555; } @media (max-width: 767px) { .hr_recruitment .note .txt_box .txt p { font-size: 16px; } } .hr_recruitment .note .txt_box .txt p a:hover { text-decoration: underline !important; } .hr_recruitment .note .email .txt .icon_cont:before { content: '\e8fe'; } @media (max-width: 991px) { .hr_recruitment .note .tel { margin-top: 10px; } } .hr_recruitment .note .tel .txt .icon_cont:before { font-size: 32px; content: '\e602'; } @media (max-width: 575px) { .hr_recruitment .note .tel .txt .icon_cont:before { font-size: 28px; } } .hr_wrap { overflow: hidden; } .hr_wrap .left { width: 63.12056738%; } @media (max-width: 991px) { .hr_wrap .left { float: none; width: 100%; } } .hr_wrap .left .list { margin-top: 70px; } @media (max-width: 1469px) { .hr_wrap .left .list { margin-top: 50px; } } @media (max-width: 1199px) { .hr_wrap .left .list { margin-top: 40px; } } @media (max-width: 991px) { .hr_wrap .left .list { margin-top: 30px; } } @media (max-width: 767px) { .hr_wrap .left .list { margin-top: 20px; } } .hr_wrap .left .list ul li { margin-bottom: 30px; } @media (max-width: 1469px) { .hr_wrap .left .list ul li { margin-bottom: 20px; } } @media (max-width: 575px) { .hr_wrap .left .list ul li { margin-bottom: 10px; } } .hr_wrap .left .list ul li:last-child { margin-bottom: 0; } .hr_wrap .left .list .info { padding: 50px; border-radius: 3px; background: #f7f7f7; } @media (max-width: 1399px) { .hr_wrap .left .list .info { padding: 40px; } } @media (max-width: 1199px) { .hr_wrap .left .list .info { padding: 30px; } } .hr_wrap .left .list .info .tit p { font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: 1px; color: #1d84be; } @media (max-width: 1399px) { .hr_wrap .left .list .info .tit p { font-size: 22px; } } @media (max-width: 1199px) { .hr_wrap .left .list .info .tit p { font-size: 20px; } } @media (max-width: 767px) { .hr_wrap .left .list .info .tit p { font-size: 18px; } } .hr_wrap .left .list .info .txt { margin-top: 30px; } @media (max-width: 1199px) { .hr_wrap .left .list .info .txt { margin-top: 20px; } } @media (max-width: 991px) { .hr_wrap .left .list .info .txt { margin-top: 15px; } } .hr_wrap .left .list .info .txt p { font-size: 16px; line-height: 1.875; -webkit-transition: all .4s; transition: all .4s; letter-spacing: .96px; color: #555; text-indent: 2em; } @media (max-width: 767px) { .hr_wrap .left .list .info .txt p { font-size: 15px; } } .hr_wrap .right { width: 31.91489362%; padding-top: 205px; } @media (max-width: 991px) { .hr_wrap .right { float: none; width: 100%; padding-top: 40px; } } .hr_wrap .right .pic { position: relative; } .hr_wrap .right .pic:before { position: absolute; top: -95px; right: -90px; display: block; width: 180px; height: 180px; content: ''; border-radius: 3px; background-color: #bcdbec; } @media (max-width: 1680px) { .hr_wrap .right .pic:before { top: -60px; right: -60px; width: 160px; height: 160px; } } @media (max-width: 991px) { .hr_wrap .right .pic:before { top: -20px; right: -20px; width: 140px; height: 140px; } } @media (max-width: 767px) { .hr_wrap .right .pic:before { top: -20px; right: -10px; width: 100px; height: 100px; } } .hr_wrap .right .pic:after { position: absolute; z-index: 2; right: -30px; bottom: -30px; display: block; width: 60px; height: 60px; content: ''; -webkit-animation: high 2s 0s infinite both; animation: high 2s 0s infinite both; border-radius: 3px; background-color: #1d84be; } @media (max-width: 1199px) { .hr_wrap .right .pic:after { width: 50px; height: 50px; } } @media (max-width: 991px) { .hr_wrap .right .pic:after { right: -20px; bottom: -20px; width: 40px; height: 40px; } } @media (max-width: 575px) { .hr_wrap .right .pic:after { right: -10px; bottom: -20px; width: 40px; height: 40px; } } .hr_wrap .right .pic .img-box { padding-bottom: 124.44444444%; } .news_wrap { overflow: hidden; } .news_wrap .list { margin-top: 60px; } @media (max-width: 1469px) { .news_wrap .list { margin-top: 50px; } } @media (max-width: 1399px) { .news_wrap .list { margin-top: 40px; } } @media (max-width: 991px) { .news_wrap .list { margin-top: 30px; } } @media (max-width: 767px) { .news_wrap .list { margin-top: 20px; } } .news_wrap .list ul { margin: 0 -15px; } @media (max-width: 991px) { .news_wrap .list ul { margin: 0 -5px; } } .news_wrap .list ul li { padding: 0 15px; } @media (max-width: 991px) { .news_wrap .list ul li { padding: 0 5px; } } .news_wrap .list .item { display: block; overflow: hidden; margin-bottom: 30px; padding: 50px 40px; -webkit-transition: all .4s; transition: all .4s; border-radius: 3px; background-color: #f7f7f7; } @media (min-width: 1200px) { .news_wrap .list .item:hover { background-color: #1d84be; } .news_wrap .list .item:hover span { color: #fff; } .news_wrap .list .item:hover .tit { color: #fff; } .news_wrap .list .item:hover p { color: #fff; } .news_wrap .list .item:hover .more { color: #fff; } } @media (max-width: 1399px) { .news_wrap .list .item { padding: 40px; } } @media (max-width: 1199px) { .news_wrap .list .item { padding: 30px; } } @media (max-width: 991px) { .news_wrap .list .item { padding: 20px; } } .news_wrap .list .item span { font-family: 'Rethink Sans'; font-size: 16px; line-height: 1.875; position: relative; display: block; padding-left: 30px; -webkit-transition: all .4s; transition: all .4s; color: #777; } @media (max-width: 991px) { .news_wrap .list .item span { font-size: 15px; } } @media (max-width: 767px) { .news_wrap .list .item span { font-size: 14px; } } .news_wrap .list .item span:before { font-family: 'iconfont' !important; font-size: 24px; font-style: normal; line-height: 1; position: absolute; top: 50%; left: 0; display: block; content: '\e611'; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .news_wrap .list .item .tit { font-size: 20px; line-height: 1.6; display: block; overflow: hidden; margin: 10px 0 20px; -webkit-transition: all .4s; transition: all .4s; white-space: nowrap; letter-spacing: 2px; text-overflow: ellipsis; color: #222; } @media (max-width: 1399px) { .news_wrap .list .item .tit { margin: 10px 0 15px; } } @media (max-width: 991px) { .news_wrap .list .item .tit { font-size: 18px; margin: 10px 0; } } @media (max-width: 767px) { .news_wrap .list .item .tit { font-size: 16px; } } .news_wrap .list .item p { font-size: 16px; line-height: 1.875; display: -webkit-box; overflow: hidden; height: 60px; -webkit-transition: all .4s; transition: all .4s; letter-spacing: .96px; color: #555; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } @media (max-width: 1199px) { .news_wrap .list .item p { font-size: 15px; line-height: 1.6; display: -webkit-box; overflow: hidden; height: 48px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } } @media (max-width: 767px) { .news_wrap .list .item p { font-size: 14px; height: auto; } } .news_wrap .list .item .more { font-size: 14px; font-weight: 700; line-height: 1.57142857; display: inline-block; margin-top: 50px; -webkit-transition: all .4s; transition: all .4s; letter-spacing: .84px; color: #1d84be; } @media (max-width: 1469px) { .news_wrap .list .item .more { margin-top: 40px; } } @media (max-width: 1399px) { .news_wrap .list .item .more { margin-top: 30px; } } @media (max-width: 991px) { .news_wrap .list .item .more { margin-top: 20px; } } @media (max-width: 767px) { .news_wrap .list .item .more { margin-top: 15px; } } .news_wrap .list .item .more:after { font-family: 'iconfont' !important; font-weight: normal; font-style: normal; display: inline-block; margin-left: 10px; content: '\e616'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .news_wrap .list .item .more:hover { -webkit-transform: translateX(6px); -ms-transform: translateX(6px); transform: translateX(6px); } .news_wrap .page { padding-top: 40px; } @media (max-width: 1199px) { .news_wrap .page { padding-top: 20px; } } @media (max-width: 991px) { .news_wrap .page { padding-top: 10px; } } .news_details .news_title { text-align: left; } .news_details .news_title b { font-size: 28px; font-weight: 700; line-height: 1.5; display: block; margin: 0; color: #222; } @media (max-width: 1199px) { .news_details .news_title b { font-size: 26px; } } @media (max-width: 991px) { .news_details .news_title b { font-size: 24px; } } @media (max-width: 767px) { .news_details .news_title b { font-size: 22px; } } @media (max-width: 575px) { .news_details .news_title b { font-size: 20px; } } .news_details .news_box { margin: 20px 0; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; } @media (max-width: 991px) { .news_details .news_box { padding-bottom: 15px; } } .news_details .news_box .time { font-size: 16px; font-weight: bold; line-height: 2; display: block; float: left; color: #1d84be; } @media (max-width: 991px) { .news_details .news_box .time { line-height: 1.5; float: none; margin-top: 0; } } @media (max-width: 767px) { .news_details .news_box .time { font-size: 15px; } } .news_details .news_box .share_box { float: right; } @media (max-width: 991px) { .news_details .news_box .share_box { float: none; margin-top: 15px; } } .news_details .news_box .share_box span { font-size: 16px; line-height: 1; display: inline-block; vertical-align: middle; color: #222; } @media (max-width: 767px) { .news_details .news_box .share_box span { font-size: 15px; } } .news_details .news_box .share_box .share_tool { display: inline-block; margin-left: 10px; vertical-align: middle; } .news_details .info { margin-top: 20px; } @media (max-width: 767px) { .news_details .info { margin-top: 15px; } } .news_details .info ul li { list-style: inherit !important; } .news_details .info p { font-size: 16px; line-height: 2; color: #333; } @media (max-width: 991px) { .news_details .info p { font-size: 15px; } } @media (max-width: 767px) { .news_details .info p { font-size: 14px; } } .news_details .news_page { position: relative; margin-top: 30px; border-top: 1px solid #e6e6e6; } @media (max-width: 991px) { .news_details .news_page { margin-top: 20px; } } .news_details .news_page .item { padding-top: 10px; -webkit-transition: all .35s; transition: all .35s; } .news_details .news_page .item:hover a { color: #1d84be; } .news_details .news_page .item a { font-size: 16px; line-height: 1.4; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; } @media (max-width: 991px) { .news_details .news_page .item a { font-size: 15px; } } @media (max-width: 767px) { .news_details .news_page .item a { font-size: 14px; } } .news_details .news_page .item a:hover { text-decoration: underline !important; color: #1d84be; } .news_details .news_page .prev { padding-top: 15px; } .download_wrap .list ul { margin: 0 -40px; } @media (max-width: 1399px) { .download_wrap .list ul { margin: 0 -20px; } } @media (max-width: 1199px) { .download_wrap .list ul { margin: 0 -10px; } } .download_wrap .list ul li { padding: 0 40px; } @media (max-width: 1399px) { .download_wrap .list ul li { padding: 0 20px; } } @media (max-width: 1199px) { .download_wrap .list ul li { padding: 0 10px; } } .download_wrap .list .item { margin-bottom: 35px; } @media (min-width: 1200px) { .download_wrap .list .item:hover .right .tit p { text-decoration: underline !important; color: #1d84be; } } @media (max-width: 1199px) { .download_wrap .list .item { margin-bottom: 30px; } } .download_wrap .list .item .left { width: 50%; } @media (max-width: 991px) { .download_wrap .list .item .left { width: 35%; } } @media (max-width: 767px) { .download_wrap .list .item .left { width: 45%; } } @media (max-width: 575px) { .download_wrap .list .item .left { float: none; width: 100%; } } .download_wrap .list .item .left .pic .img-box { padding-bottom: 115.15151515%; } .download_wrap .list .item .right { width: 50%; padding: 30px 0 0 35px; } @media (max-width: 1399px) { .download_wrap .list .item .right { padding: 20px 0 0 20px; } } @media (max-width: 1199px) { .download_wrap .list .item .right { padding: 10px 0 0 20px; } } @media (max-width: 991px) { .download_wrap .list .item .right { width: 65%; } } @media (max-width: 767px) { .download_wrap .list .item .right { width: 55%; } } @media (max-width: 575px) { .download_wrap .list .item .right { float: none; width: 100%; padding: 15px 0 0 0; } } .download_wrap .list .item .right .tit p { font-family: 'Anton'; font-size: 24px; line-height: 1.5; overflow: hidden; -webkit-transition: all .4s; transition: all .4s; white-space: nowrap; text-overflow: ellipsis; color: #222; } @media (max-width: 1469px) { .download_wrap .list .item .right .tit p { font-size: 22px; } } @media (max-width: 1399px) { .download_wrap .list .item .right .tit p { font-size: 20px; } } @media (max-width: 575px) { .download_wrap .list .item .right .tit p { font-size: 18px; } } .download_wrap .list .item .right .txt { margin: 15px 0 80px; } @media (max-width: 1469px) { .download_wrap .list .item .right .txt { margin: 15px 0 50px; } } @media (max-width: 1399px) { .download_wrap .list .item .right .txt { margin: 15px 0 40px; } } @media (max-width: 1199px) { .download_wrap .list .item .right .txt { margin: 10px 0 30px; } } @media (max-width: 575px) { .download_wrap .list .item .right .txt { margin: 10px 0; } } .download_wrap .list .item .right .txt p { font-size: 15px; line-height: 1.73333333; display: -webkit-box; overflow: hidden; height: 78px; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } @media (max-width: 575px) { .download_wrap .list .item .right .txt p { font-size: 14px; height: auto; } } .download_wrap .list .item .right .msg span { font-family: 'Antonio'; font-size: 15px; font-weight: 700; line-height: 1.6; color: #222; } .download_wrap .list .item .right .msg span:first-child { margin-right: 15px; } .download_wrap .list .item .right .down_btn { margin-top: 30px; } @media (max-width: 1399px) { .download_wrap .list .item .right .down_btn { margin-top: 20px; } } .download_wrap .list .item .right .down_btn a { font-family: 'Antonio'; font-size: 16px; font-weight: 700; line-height: 2.75; display: inline-block; padding: 0 50px; -webkit-transition: all .4s; transition: all .4s; text-transform: uppercase; color: #fff; border-radius: 2px; background: #222; } @media (max-width: 1399px) { .download_wrap .list .item .right .down_btn a { padding: 0 40px; } } @media (max-width: 991px) { .download_wrap .list .item .right .down_btn a { padding: 0 30px; } } .download_wrap .list .item .right .down_btn a:before { font-family: 'iconfont' !important; font-size: 18px; font-weight: normal; font-style: normal; line-height: 1; display: inline-block; margin-right: 12px; content: '\e602'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .download_wrap .list .item .right .down_btn a:hover { background-color: #1d84be; } .download_wrap .page { padding-top: 30px; } @media (max-width: 1199px) { .download_wrap .page { padding-top: 20px; } } @media (max-width: 991px) { .download_wrap .page { padding-top: 10px; } } .contact_wrap .cont_box { position: relative; } .contact_wrap .cont_box .left { width: 45%; } @media (max-width: 991px) { .contact_wrap .cont_box .left { float: none; width: 100%; padding-right: 0; } } .contact_wrap .cont_box .left .msg { margin-top: 50px; } @media (max-width: 1199px) { .contact_wrap .cont_box .left .msg { margin-top: 40px; } } @media (max-width: 991px) { .contact_wrap .cont_box .left .msg { margin-top: 20px; } } @media (max-width: 767px) { .contact_wrap .cont_box .left .msg { margin-top: 10px; } } .contact_wrap .cont_box .left .msg p { font-size: 16px; line-height: 1.875; letter-spacing: 1.6px; color: #555; } @media (max-width: 767px) { .contact_wrap .cont_box .left .msg p { font-size: 15px; } } .contact_wrap .cont_box .right { width: 45.03546099%; } @media (max-width: 991px) { .contact_wrap .cont_box .right { float: none; width: 100%; margin-top: 30px; } } .contact_wrap .cont_box .right .message_ipt .form_ipt ul { margin: 0 -9px; } .contact_wrap .cont_box .right .message_ipt .form_ipt ul li { margin-bottom: 18px; padding: 0 9px; } @media (max-width: 767px) { .contact_wrap .cont_box .right .message_ipt .form_ipt ul li { margin-bottom: 15px; } } .contact_wrap .cont_box .right .message_ipt .form_ipt ul li:last-child { margin-bottom: 0; } .contact_wrap .cont_box .right .message_ipt .form_ipt ul li .for_input { position: relative; } .contact_wrap .cont_box .right .message_ipt .form_ipt ul li .for_textarea label { top: 20px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .contact_wrap .cont_box .right .message_ipt .form_ipt ul li .for_ed label { font-size: 13px; top: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); color: #666; } .contact_wrap .cont_box .right .message_ipt .form_ipt ul li label { font-size: 14px; line-height: 1; position: absolute; top: 50%; width: auto; height: auto; margin: 0 0 0 15px; padding: 1px 5px; -webkit-transition: all .5s; transition: all .5s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-transform: capitalize; pointer-events: none; color: #666; } @media (max-width: 991px) { .contact_wrap .cont_box .right .message_ipt .form_ipt ul li label { margin: 0 0 0 10px; } } .contact_wrap .cont_box .right .message_ipt .form_ipt ul li input, .contact_wrap .cont_box .right .message_ipt .form_ipt ul li textarea { font-size: 14px; line-height: 50px; display: block; width: 100%; height: 50px; padding: 0 20px; color: #222; border: 1px solid #f5f5f5; border-radius: 0; background-color: #f5f5f5; } @media (max-width: 991px) { .contact_wrap .cont_box .right .message_ipt .form_ipt ul li input, .contact_wrap .cont_box .right .message_ipt .form_ipt ul li textarea { line-height: 45px; height: 45px; padding: 0 15px; } } .contact_wrap .cont_box .right .message_ipt .form_ipt ul li input:focus, .contact_wrap .cont_box .right .message_ipt .form_ipt ul li textarea:focus { border: 1px solid #1d84be; box-shadow: none; } .contact_wrap .cont_box .right .message_ipt .form_ipt ul li textarea { line-height: 30px; min-height: 210px; padding: 5px 20px; } @media (max-width: 991px) { .contact_wrap .cont_box .right .message_ipt .form_ipt ul li textarea { min-height: 180px; padding: 5px 15px; } } .contact_wrap .cont_box .right .message_ipt .form_ipt ul li button { font-size: 14px; font-weight: 700; line-height: 3.57142857; display: inline-block; margin-top: 20px; padding: 0 70px; cursor: pointer; -webkit-transition: all .45s; transition: all .45s; letter-spacing: .84px; color: #fff; border-radius: 100px; background: #1d84be; } @media (max-width: 1469px) { .contact_wrap .cont_box .right .message_ipt .form_ipt ul li button { margin-top: 0; padding: 0 60px; } } @media (max-width: 1199px) { .contact_wrap .cont_box .right .message_ipt .form_ipt ul li button { padding: 0 50px; } } @media (max-width: 767px) { .contact_wrap .cont_box .right .message_ipt .form_ipt ul li button { line-height: 45px; padding: 0 40px; } } .contact_wrap .cont_box .right .message_ipt .form_ipt ul li button:hover { color: #fff; background-color: #000; } .contact_wrap .cont_business .item { width: 50%; padding-left: 13%; background: url(../imgs/contbg1.jpg) no-repeat center; background-size: cover; } @media (max-width: 1860px) { .contact_wrap .cont_business .item { padding-left: 10%; } } @media (max-width: 1680px) { .contact_wrap .cont_business .item { padding-left: 70px; } } @media (max-width: 1399px) { .contact_wrap .cont_business .item { padding-left: 60px; } } @media (max-width: 991px) { .contact_wrap .cont_business .item { float: none; width: 100%; } } @media (max-width: 767px) { .contact_wrap .cont_business .item { padding-left: 40px; } } @media (max-width: 575px) { .contact_wrap .cont_business .item { padding-right: 20px; padding-left: 20px; } } .contact_wrap .cont_business .item:last-child { padding-left: 70px; background: url(../imgs/contbg2.jpg) no-repeat center; background-size: cover; } @media (max-width: 1399px) { .contact_wrap .cont_business .item:last-child { padding-left: 60px; } } @media (max-width: 767px) { .contact_wrap .cont_business .item:last-child { padding-left: 40px; } } @media (max-width: 575px) { .contact_wrap .cont_business .item:last-child { padding-right: 20px; padding-left: 20px; } } .contact_wrap .cont_business .item .tit { position: relative; z-index: 1; } .contact_wrap .cont_business .item .tit b { font-size: 24px; font-weight: 700; line-height: 1.2; display: block; letter-spacing: 1.44px; color: #222; } @media (max-width: 1399px) { .contact_wrap .cont_business .item .tit b { font-size: 22px; } } @media (max-width: 1199px) { .contact_wrap .cont_business .item .tit b { font-size: 20px; } } @media (max-width: 991px) { .contact_wrap .cont_business .item .tit b { font-size: 18px; } } .contact_wrap .cont_business .item .note { position: relative; z-index: 1; margin-top: 50px; } @media (max-width: 1199px) { .contact_wrap .cont_business .item .note { margin-top: 40px; } } @media (max-width: 991px) { .contact_wrap .cont_business .item .note { margin-top: 30px; } } .contact_wrap .cont_business .item .note p { font-size: 18px; font-weight: 500; line-height: 1.4; margin-bottom: 30px; color: #555; } @media (max-width: 991px) { .contact_wrap .cont_business .item .note p { font-size: 16px; margin-bottom: 20px; } } .contact_wrap .cont_business .item .note p:last-child { margin-bottom: 0; } .contact_wrap .cont_business .item .note p span { font-size: 16px; font-weight: 700; line-height: 1; display: block; margin-bottom: 20px; letter-spacing: 1.6px; } @media (max-width: 1399px) { .contact_wrap .cont_business .item .note p span { margin-bottom: 15px; } } @media (max-width: 991px) { .contact_wrap .cont_business .item .note p span { font-size: 15px; margin-bottom: 10px; } } .contact_wrap .cont_business .item .note p a { -webkit-transition: all .45s; transition: all .45s; } .contact_wrap .cont_business .item .note p a:hover { text-decoration: underline !important; color: #1d84be; } .contact_wrap .cont_msg .list ul { margin: 0 -15px; } .contact_wrap .cont_msg .list ul li { float: left; width: 50%; padding: 0 15px; } @media (max-width: 991px) { .contact_wrap .cont_msg .list ul li { float: none; width: 100%; } .contact_wrap .cont_msg .list ul li:first-child { margin-bottom: 20px; } } .contact_wrap .cont_msg .list .item { position: relative; padding: 50px; border-radius: 3px; background: #f7f7f7; } @media (max-width: 1399px) { .contact_wrap .cont_msg .list .item { padding: 40px; } } @media (max-width: 1199px) { .contact_wrap .cont_msg .list .item { padding: 30px; } } .contact_wrap .cont_msg .list .item .cont_num { font-family: 'Rethink Sans'; font-size: 40px; font-weight: 700; line-height: 1; position: absolute; top: 40px; right: 50px; display: block; color: #bcdbec; } @media (max-width: 1399px) { .contact_wrap .cont_msg .list .item .cont_num { font-size: 35px; top: 30px; right: 30px; } } @media (max-width: 1199px) { .contact_wrap .cont_msg .list .item .cont_num { font-size: 30px; top: 20px; right: 20px; } } .contact_wrap .cont_msg .list .item .tit b { font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: 1.44px; color: #222; } @media (max-width: 1399px) { .contact_wrap .cont_msg .list .item .tit b { font-size: 22px; } } @media (max-width: 1199px) { .contact_wrap .cont_msg .list .item .tit b { font-size: 20px; } } @media (max-width: 991px) { .contact_wrap .cont_msg .list .item .tit b { font-size: 18px; } } .contact_wrap .cont_msg .list .item .txt { margin-top: 50px; } @media (max-width: 1199px) { .contact_wrap .cont_msg .list .item .txt { margin-top: 40px; } } @media (max-width: 991px) { .contact_wrap .cont_msg .list .item .txt { margin-top: 30px; } } .contact_wrap .cont_msg .list .item .txt p { font-size: 18px; font-weight: 500; line-height: 1.4; margin-bottom: 30px; color: #555; } @media (max-width: 991px) { .contact_wrap .cont_msg .list .item .txt p { font-size: 16px; margin-bottom: 20px; } } .contact_wrap .cont_msg .list .item .txt p:last-child { margin-bottom: 0; } .contact_wrap .cont_msg .list .item .txt p span { font-size: 16px; font-weight: 700; line-height: 1; display: block; margin-bottom: 20px; letter-spacing: 1.6px; } @media (max-width: 1399px) { .contact_wrap .cont_msg .list .item .txt p span { margin-bottom: 15px; } } @media (max-width: 991px) { .contact_wrap .cont_msg .list .item .txt p span { font-size: 15px; margin-bottom: 10px; } } .contact_wrap .cont_msg .list .item .txt p a { -webkit-transition: all .45s; transition: all .45s; } .contact_wrap .cont_msg .list .item .txt p a:hover { text-decoration: underline !important; color: #1d84be; } .sitemap_wrap { overflow: hidden; } .sitemap_wrap .title { text-align: left; } .sitemap_wrap .list { margin-top: 40px; } @media (max-width: 1199px) { .sitemap_wrap .list { margin-top: 30px; } } @media (max-width: 767px) { .sitemap_wrap .list { margin-top: 20px; } } .sitemap_wrap .list>ul>li:last-child .item { margin-bottom: 0; } .sitemap_wrap .list .item { position: relative; margin-bottom: 20px; } @media (max-width: 1199px) { .sitemap_wrap .list .item { margin-bottom: 20px; } } @media (max-width: 767px) { .sitemap_wrap .list .item { margin-bottom: 15px; } } .sitemap_wrap .list .item .link_a a { font-size: 18px; font-weight: bold; line-height: 2.77777778; display: block; width: 220px; padding: 0 20px; -webkit-transition: all .35s; transition: all .35s; text-align: left; text-transform: uppercase; color: #fff; background-color: #1d84be; } @media (max-width: 991px) { .sitemap_wrap .list .item .link_a a { font-size: 16px; line-height: 2.8125; width: 200px; } } @media (max-width: 767px) { .sitemap_wrap .list .item .link_a a { width: 160px; } } .sitemap_wrap .list .item .page_a { padding-top: 15px; padding-bottom: 5px; padding-left: 20px; } .sitemap_wrap .list .item .page_a>a { font-size: 18px; font-weight: bold; line-height: 2.22222222; display: inline-block; padding-right: 50px; -webkit-transition: all .35s; transition: all .35s; text-transform: capitalize; color: #222; } @media (max-width: 1469px) { .sitemap_wrap .list .item .page_a>a { padding-right: 40px; } } @media (max-width: 991px) { .sitemap_wrap .list .item .page_a>a { font-size: 17px; padding-right: 30px; } } @media (max-width: 767px) { .sitemap_wrap .list .item .page_a>a { font-size: 16px; padding-right: 20px; } } .sitemap_wrap .list .item .page_a>a:hover { color: #1d84be; } .sitemap_wrap .list .more .pro_list1 { padding-top: 0; padding-bottom: 5px; } .sitemap_wrap .list .more .pro_list1>li { margin-top: 10px; } @media (max-width: 480px) { .sitemap_wrap .list .more .pro_list1>li { margin-top: 5px; } } .sitemap_wrap .list .more .pro_list1>li>a { font-size: 18px; font-weight: bold; line-height: 1.2; display: block; padding: 5px 0; padding-left: 0; -webkit-transition: all .35s; transition: all .35s; text-transform: capitalize; color: #222; } .sitemap_wrap .list .more .pro_list1>li>a:hover { color: #1d84be; } @media (max-width: 991px) { .sitemap_wrap .list .more .pro_list1>li>a { font-size: 17px; position: static; } } @media (max-width: 767px) { .sitemap_wrap .list .more .pro_list1>li>a { font-size: 16px; } } .sitemap_wrap .list .more .pro_list1 .pro_list2 { margin: 0 -15px; } @media (max-width: 991px) { .sitemap_wrap .list .more .pro_list1 .pro_list2 { padding-top: 0; padding-left: 0; } } .sitemap_wrap .list .more .pro_list1 .pro_list2>li { display: inline-block; padding: 0 15px; } .sitemap_wrap .list .more .pro_list1 .pro_list2>li>a { font-size: 16px; line-height: 2.25; display: block; -webkit-transition: all .35s; transition: all .35s; text-transform: capitalize; color: #666; } @media (max-width: 767px) { .sitemap_wrap .list .more .pro_list1 .pro_list2>li>a { font-size: 15px; } } .sitemap_wrap .list .more .pro_list1 .pro_list2>li>a:hover { text-decoration: underline !important; color: #1d84be; }