/* banner_nei */ .banner_nei{display: block;overflow: hidden;position: relative;} .banner_nei .list img{width: 100%;} .banner_nei .s_img{display: none;} /* .banner_nei .s_img .list{height: 200px;background-repeat: no-repeat;background-position: center;background-size: cover;} .banner_nei .s_img .list a{display: block;height: 100%;} */ .banner_nei .layout{position: absolute;width: 100%;left:0;top: 46%;transform: translateY(-50%);z-index: 2;} .banner_nei .layout .wrap{margin: 0 auto;width: 90%;max-width: 1400px;} .banner_nei .text{color: #f9f9f9;text-shadow: 0 0 10px rgba(0,0,0,0.5);} .banner_nei .text .cn{margin-top: 0;font-size: 36PX;font-weight: bold;text-transform: capitalize;} .banner_nei .text .en{margin-top: 10px;font-size: 50px;} .banner_nei .text .slogan{margin-top: 10px;font-size: 18px;} .banner_nei .text .line{margin-top: 15px;width: 27px;height: 3px;background: #2c3a5f;} .banner_nei .text .ewm_img{margin-top: 30px;} .banner_nei .pf_banner_text .top{color: #ffd400;font-weight: bold;} .banner_nei .pf_banner_text .top .row1{margin-bottom: 10px;font-size: 26px;} .banner_nei .pf_banner_text .top .row2{font-size: 0.35rem;} .banner_nei .pf_banner_text .slogan{margin-top: 10px;width: 100%;max-width: 377px;font-size: 14px;line-height: 1.5em;} .banner_nei .mask{position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.1);z-index: 1;} @media only screen and (max-width:1080px){ .banner_nei .pf_banner_text .top .row1{font-size: 24px;} .banner_nei .pf_banner_text .top .row2{font-size: 20px;} } @media only screen and (max-width:480px){ .banner_nei .nei_wrap{width: 100%;} .banner_nei .pf_banner_text .top .row1{font-size: 18px;} .banner_nei .pf_banner_text .top .row2{font-size: 16px;} } /* add */ .banner_nei .js-m.animate .list img{animation: slow_flash 1s 0s 1;animation-fill-mode: forwards;} @keyframes slow_flash{ from{opacity: 0.8;transform: scale(1.2);} to{opacity: 1;transform: scale(1);} } @-webkit-keyframes name{ from{opacity: 0.8;transform: scale(1.2);} to{opacity: 1;transform: scale(1);} } @media only screen and (max-width:1260px){ .banner_nei .layout .wrap{width: 90%;} /* .banner_nei .text .cn{font-size: 40px;} */ } @media only screen and (max-width:850px){ .banner_nei .text .cn{font-size: 26px;} .banner_nei .text .en{font-size:24px;} .banner_nei .text .ewm_img{width: 90px;} } @media only screen and (max-width:750px){ .banner_nei .big_img{display: none;} .banner_nei .s_img{display: block;} .banner_nei .text .ewm_img{display: none;} .banner_nei .text .cn{font-size: 24px;} .banner_nei .text .slogan{font-size: 14px;} .banner_nei .list{position: relative;padding-bottom:50%;width:100%;height:0;overflow: hidden;} .banner_nei .list img{position: absolute;left:50%;top:50%;width:auto;max-width:initial;max-height:100%;transform: translate(-50%,-50%);} } @media only screen and (max-width:520px){ .banner_nei .text{font-size: 16px;} .banner_nei .text .cn{margin-top: 0px;font-size: 18px;} .banner_nei .text .en,.banner_nei .text .slogan{font-size: 14px;} .banner_nei .text .line{margin-top: 6px;} } /* common_css */ .green_bg{background-color:#f4fdf4;} .nei_wrap{margin: 0 auto;width: 90%;max-width: 1400px;} @media only screen and (max-width:480px){ .nei_wrap{width: 94%;} } .nei_title .title{font-size: 28px;font-family: poppinsM;font-weight: bold;color: #333;} .nei_title .line{margin-top: 20px;display: inline-block;width: 80px;height:2px;background: #f08903;} .nei_title .slogan{margin-top:15px;font-size: 16px;color: #333;} @media only screen and (max-width:1260px){ .nei_title .title{font-size: 24px;} } @media only screen and (max-width:850px){ .nei_title .title{font-size: 24px;} .nei_title .slogan{margin-top:6px;} } @media only screen and (max-width:520px){ .nei_title .line{height: 2px;width: 50px;} .nei_title .title{font-size: 16px;} .nei_title .slogan{font-size: 14px;} } .location{/* padding:24px 0; */color: #808285;} .location i.home{display: inline-block;vertical-align: middle;width: 12px;height: 12px;background: url(../images/home.png)no-repeat center;} .location a{display: inline-block;vertical-align: middle;font-size: 15px;position: relative;} /* 间符号 */ /* .location a:before{content: "";position: absolute;right: calc(100% + 10px);right: -webkit-calc(100% + 10px);top: 50%;width: 3px;height: 12px;background:url(../images/about_bg1.png) no-repeat center;transform: translateY(-50%);} */ .location a:hover{color: #dbff2e;} @media only screen and (max-width:520px){ .location{padding: 0 0 8px;} .location a{font-size: 12px;} } .list_nav{margin-bottom: 4%;} .list_nav ul{justify-content: center;} .list_nav ul li{margin: 0 3%;text-align: center;max-width: 20.5%;} .list_nav ul li i{display: inline-block;margin-bottom: 20px;} .list_nav ul li p{font-size: 20px;} .list_nav ul li:hover p{color: #063979;} @media only screen and (max-width:1260px){ .list_nav ul li p{font-size: 18px;} } @media only screen and (max-width:990px){ .list_nav ul li{margin: 0 1%;max-width: 23.5%;} .list_nav ul li i{width:43px} .list_nav ul li p{font-size: 16px;} } @media only screen and (max-width:768px){ .list_nav ul li i{width:36px} } @media only screen and (max-width:480px){ .list_nav ul li{margin: 0;width: 25%;} .list_nav ul li i{margin-bottom: 14px;width:30px} .list_nav ul li p{font-size: 14px;} } /* nav */ .sec_pro_nav {color: #808285;} .sec_pro_nav .layout{align-items: center;} .sec_pro_nav .series_list{width:210px;position: relative;} .sec_pro_nav .series_list .present{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;cursor: pointer;padding-bottom: 4px;border-bottom: 1px solid #808285;} .sec_pro_nav .series_list .present span{display: inline-block;width: calc(98% - 12px);} .sec_pro_nav .series_list .present i{display: inline-block;width: 12px;height: 8px;background:url(../images/drop_icon.png)no-repeat center;} .sec_pro_nav .series_list ul.others{position: absolute;left:0;top:100%;margin-top: 12px;padding:10px;width: 100%;z-index: 10;display: none;background:#fafafa;box-sizing: border-box;box-shadow: 0 10px 10px rgba(0,0,0,0.1);} .sec_pro_nav .series_list ul.others li:hover{color: #333;} @media only screen and (max-width:520px){ .sec_pro_nav .layout .tip{font-size:13px} .sec_pro_nav .series_list{margin-top: 6px;width: 100%;} .sec_pro_nav .series_list ul.others li{font-size:13px;} } /* #m_nav */ .m_nav{border-top: 2px solid #1f512a;padding:13px 16px;width: 100%;background: #fff;font-size: 16px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;display: none;} .m_nav #m_nav_i{display: inline-block;width: 12px;height: 8px;background: url(../images/down.png)no-repeat center;} @media only screen and (max-width:680px){ .m_nav{display: flex;} } @media only screen and (max-width:520px){ .m_nav{font-size: 14px;} } /* main_layout */ #main_layout{display: flex;flex-wrap: wrap;justify-content: space-between;} #side_bar{width: 250px;} #category{width: 100%;color: #fff;} #category .sec_nav{background: #429070;} #category .next_nav > li{padding: 13px 16px 13px 16px;border-bottom: 1px solid #ccc;box-sizing: border-box;font-size: 14px;position: relative;user-select: none;color: #fafafa;} #category .next_nav > li > a{display: inline-block;transition: transform 0.3s linear;} #category .next_nav > li:hover > a{transform: translateX(5px);} #category .next_nav > li.cur{font-weight:bold;} #category .next_nav > li.cur > a{transform: translateX(5px);} #category .sec_name{padding: 13px 36px 13px 16px;border-bottom: 1px solid #53a382;box-sizing: border-box;font-size: 15px;position: relative;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} #category .sec_nav:nth-last-of-type(1) .sec_name{border-bottom: 0;} #category .sec_nav.cur .sec_name{color: #dbff2e;} #category .sec_name i{position: absolute;right: 16px;top: 50%;width: 18px;height: 18px;transform: translateY(-50%);z-index: 2;cursor: pointer;} #category .sec_name i::before{content: "";position: absolute;left: 50%;width: 1px;height: 100%;background: #ccc;} #category .sec_name i::after{content: "";position: absolute;left: 0;top: 50%;width: 100%;height: 1px;background: #ccc;} #category .sec_nav.on .sec_name i::before{transform: rotateZ(90deg);transition: all .3s linear;} #category .sec_name:after{content: "";position: absolute;left: 0;top: 50%;width: 5px;height: 12px;background: #dbff2e;transform: translateY(-50%);opacity: 0;transition: opacity 0.3s linear;} #category .next_nav{display: none;background-color: #fff;} #category .next_nav > li{color: #333;} /* #category .sec_nav.on .next_nav{display: block;} */ #category .next_nav > li:after{content: "";position: absolute;left: 0;top: 50%;width: 5px;height: 12px;background: #dbff2e;transform: translateY(-50%);opacity: 0;transition: opacity 0.3s linear;} #category .next_nav > li.cur:after{opacity: 1;} #category .sec_nav.cur .sec_name .next_nav > li:after{opacity: 1;} #category .sec_name.cur:after{opacity: 1;} #category .next_nav > li:hover:after{opacity: 1;} #category .sec_name:hover:after{opacity: 1;} #main_content{width: calc(96% - 250px);width: -webkit-calc(96% - 250px);} @media only screen and (max-width:850px){ #side_bar{width: 220px;} #main_content{width:calc(96% - 220px);width:-webkit-calc(96% - 220px)} } @media only screen and (max-width:680px){ #side_bar{width: 100%;} #category{display: none;width: 100%;} #main_content{margin-top: 6%;width: 100%;} #category .sec_name{font-size:13px;} #category .sec_name i{width: 14px;height: 14px;} } /* #side_bar */ .m_news{display: none;} .sub_box{margin-top: 20px;background: #fff;} .sub_box .hd {padding: 0 16px;box-sizing: border-box;border-bottom: 1px solid #53a382;} .sub_box .hd h4{font-size: 16px;line-height: 48px;color: #333;} .sub_box .bd{padding: 20px 16px;overflow: hidden;border-top: none;} .sub_box.newsbox .bd ul li{line-height: 30px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .sub_box.newsbox .bd ul li > a{color: #666;} .sub_box.tagbox .bd ul li{display: inline-block;margin: 5px 5px 5px 0;font-size: 14px;} .sub_box.tagbox .bd ul li > a{display: block;padding: 5px 8px;color: #999;background: #f0f0f0;} .sub_box .tel{padding: 20px 16px;overflow: hidden;box-sizing: border-box;} .sub_box .tel span{display: block;margin-bottom:10px;width: 70px;height: 24px;line-height: 24px;text-align: center;font-size: 14px;color: #fff;background: #429070;border-top-right-radius: 10px;} .sub_box .tel p{font-size: 22px;line-height: 1.5;font-weight: bold;color: #429070;} @media only screen and (min-width:521px){ .sub_box.newsbox .bd ul li > a:hover{color:#429070} .sub_box.tagbox .bd ul li > a:hover{background:#429070;color:#fff;} } @media only screen and (max-width:850px){ .sub_box .tel p{font-size: 20px;} } @media only screen and (max-width:680px){ .sub_box .tel p{font-size: 18px;} .pc_news{display: none;} .m_news{display: block;width: 100%;} .sub_box.tagbox .bd ul li{font-size: 12px;} } /* ab_profile */ .ab_profile{padding: 5% 0;background:#f4fdf4} .ab_profile .row1 .title{font-family:poppinsM;letter-spacing: -1px;} .ab_profile .row1 .content{margin-top: 3.5%;font-size:16px;line-height: 1.8em;} .ab_profile .row1 .content p{margin-bottom: 3%;} .ab_profile .row1 .content p:last-child{margin-bottom: 0;} .ab_profile .row2{margin-top: 5%;} .ab_profile .row2 .charaters{align-items: center;} .ab_profile .row2 .charaters .text_part{width:47%} .ab_profile .row2 .charaters .text_part .ys ul li{margin-bottom: 10%;width:47%;} .ab_profile .row2 .charaters .text_part .ys ul li i{display: inline-block;margin-bottom:16px;width:80px;height:80px;border-radius: 10px;position:relative;border:2px solid #010101;} .ab_profile .row2 .charaters .text_part .ys ul li i img{position: absolute;left:50%;top:50%;width: auto;transform: translate(-50%,-50%);z-index: 2;} .ab_profile .row2 .charaters .text_part .ys ul li .rt_part{width:100%;} .ab_profile .row2 .charaters .text_part .ys ul li .rt_part .tit{margin-bottom: 10px;font-size:18px;color:#1f512a;font-weight: bold;} .ab_profile .row2 .charaters .text_part .ys ul li .rt_part .con {font-family: poppinsL;} .ab_profile .row2 .charaters .text_part .ys ul li .rt_part .con span{display: block;} .ab_profile .row2 .charaters .sence{width:48%} .ab_profile .row2 .charaters .sence ul{margin-bottom:3%;} .ab_profile .row2 .charaters .sence ul:last-child{margin-bottom: 0;} .ab_profile .row2 .charaters .sence ul li.long{width:64%} .ab_profile .row2 .charaters .sence ul li.short{width:35%} .ab_profile .row2 .charaters .sence ul li .img{position: relative;width:100%;height:0;overflow: hidden;} .ab_profile .row2 .charaters .sence ul li .img img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);} .ab_profile .row2 .charaters .sence ul li.long .img{padding-bottom: 66.6%;} .ab_profile .row2 .charaters .sence ul li.short .img{padding-bottom: 122%;} @media only screen and (max-width:1080px){ .ab_profile .row2 .charaters .text_part .ys ul li i{width: 60px;height: 60px;} } @media only screen and (max-width:850px){ .ab_profile .row2 .charaters .text_part{width: 100%;} .ab_profile .row2 .charaters .text_part .ys ul li{margin-bottom: 6%;width: 25%;text-align: center;} .ab_profile .row2 .charaters .sence{width: 100%;} } @media only screen and (max-width:520px){ .ab_profile{padding:30px 0} .ab_profile .row1 .content{margin-top: 6px;font-size: 14px;text-align: justify;} .ab_profile .row2 .charaters .text_part .ys ul li{width: 47%;} .ab_profile .row2 .charaters .text_part .ys ul li i{margin-bottom: 10px;width: 40px;height: 40px;} .ab_profile .row2 .charaters .text_part .ys ul li .rt_part .tit{margin-bottom: 0;font-size: 16px;} .ab_profile .row2 .charaters .text_part .ys ul li .rt_part .con{font-size: 13px;} .ab_profile .row2 .charaters .text_part .ys ul li i img{width: 26px;} .ab_profile .row2 .charaters .sence ul li.short{width: 28%;} .ab_profile .row2 .charaters .sence ul li.long{width: 70%;} } .ab_company{padding:5% 0;font-size: 16px;} .ab_company .layout{padding:8% 5% 4%;background: url(../images/cer_bg.png)no-repeat top center/cover;box-sizing: border-box;} .ab_company .layout .lf_part{width:48.5%} .ab_company .layout .lf_part .video_click{display: none;} .ab_company .layout .lf_part .pf_video {padding: 0;position: relative;} .ab_company .layout .lf_part .pf_video .ico {width: 100%;} .ab_company .layout .lf_part .videoed {position: absolute;top: 50%;left: 50%;width: auto;transform: translate(-50%, -50%);transition: all .5s;z-index: 2;display: none;} .ab_company .layout .lf_part .videoed img{width: 72px;} .ab_company .layout .lf_part .videoed p{margin-top: 10px;} /* .ab_company .layout .lf_part:hover .videoed{transform: translate(-50%,-50%) rotateZ(180deg);} */.ab_company .layout .lf_part .mask {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .bg_mask {display: none;position: fixed;left: 0%;top: 0%;width: 100%;height: 100%;z-index: 99;background: rgba(0, 0, 0, .9);} .videos {display: none;position: fixed;left: 50%;top: 50%;max-width: 85%;transform: translate(-50%, -50%);z-index: 100;width: 1000px;height: 450px;} .videos video {object-fit: fill;width: 100%;} .vclose {position: absolute;right: -35px;top: -20px;border-radius: 100%;cursor: pointer;} @media only screen and (max-width:1080px) { .ab_company .layout .lf_part .videoed img{width: 90px;} } @media only screen and (max-width:900px){ .ab_company .layout .lf_part .video_click{display: block;} .ab_company .layout .lf_part .videoed p{margin-top: 10px;} .ab_company .layout .lf_part .videoed img{width: 70px;} } @media only screen and (max-width:480px) { .vclose {right: -16px;top: -35px;} .ab_company .layout .lf_part .videoed img{width: 40px;} } .ab_company .layout .rt_part{width: 43.5%;} .ab_company .layout .rt_part .content{margin-top: 30px;line-height: 1.8em;text-align: justify;} .ab_company .layout .rt_part .content p{margin-bottom: 4%;} .ab_company .layout .rt_part .content p:last-child{margin-bottom: 0;} @media only screen and (max-width:850px){ .ab_company .layout{padding: 10% 0 4%} .ab_company .layout .lf_part{width: 100%;} .ab_company .layout .rt_part{width: 100%;} } @media only screen and (max-width:520px){ .ab_company{padding:30px 0} .ab_company .layout{padding: 0 0 2%;background: none;} .ab_company .layout .rt_part .content{margin-top:16px;font-size:13px} } .ab_cer{margin-top: 5%;} .ab_cer .img{margin:5% 0} .ab_cer .text{line-height: 1.8;color:#cc1c13;font-weight: bold;font-size: 50px;} .ab_cer .text p{margin:0 auto;max-width: 850px;} @media only screen and (max-width:1260px){ .ab_cer .text{font-size: 36px;} } @media only screen and (max-width:850px){ .ab_cer .text{font-size: 28px;} } @media only screen and (max-width:520px){ .ab_cer .text{font-size:14px} .ab_cer .text{font-size: 18px;} } /* history_box */ .ab_history{padding: 5% 0;background: linear-gradient(147deg, rgba(15,56,125,1), rgba(21,24,29,1));} .ab_history > .nei_wrap{min-height: 1550px;} .ab_history .nei_title{color: #fff;} .history_box{ max-width:924px; margin:0 auto; margin-top:98px; padding-bottom:225px;} .history_box .history_box_l{ float:left; width:109px; position:relative;} .history_box .history_box_l .history_scroll{ height:442px; background:url(../images/history_bg2.png) no-repeat; overflow:hidden;} .history_box .history_box_l .history_scroll .scroll_con{ margin-top:40px; margin-left:26px; width:110px; height:360px; overflow-y:auto;} .history_box .history_box_l .history_scroll .scroll_con ul li{ display:block; height:40px; line-height:40px; overflow:hidden; position:relative; padding-left:29px; font-size:12px; color:#fff; cursor:pointer;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;} .history_box .history_box_l .history_scroll .scroll_con ul li:before{ content:""; position:absolute; left:0; top:50%; margin-top:-0.5px; height:1px; width:19px; background:#485163;} .history_box .history_box_l .history_scroll .scroll_con ul li:after{content:""; position:absolute; left:0; top:50%; margin-top:-1px; height:2px; width:0; background:#ff6d55;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;} .history_box .history_box_l .history_scroll .scroll_con ul li.hsel:after{ width:19px;} .history_box .history_box_l .history_scroll .scroll_con ul li.hsel{ color:#ff6c55;} .history_box .history_box_l .history_scroll .scroll_con ul li:hover{color:#ff6c55;} .history_box .history_box_l .history_top{ width:100%; height:60px;background:url(../images/history_pic3.png) center center no-repeat; cursor:pointer;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; position:absolute; top:-27px; display:none;} .history_box .history_box_l .history_top:hover{opacity:0.7;filter:Alpha(opacity=70);} .history_box .history_box_l .history_bottom{ width:100%; height:60px;background:url(../images/history_pic1.png) center center no-repeat; cursor:pointer; margin-top:-32px;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;} .history_box .history_box_l .history_bottom:hover{opacity:0.7;filter:Alpha(opacity=70);} .history_box .history_box_r{ float:right; width:755px; overflow:hidden; background:url(../images/history_bg3.png) 2px top repeat-y; padding-bottom:20px; min-height:430px;} .history_box .history_box_r .years{ font-weight:bold; color:#ff6b53; font-size:40px; padding-left:29px; margin-bottom:72px; overflow:hidden;} .history_box .history_box_r .ul li{ display:block; line-height:32px; font-size:16px; color:#cbd8f3; margin-bottom:20px; min-height:70px;} .history_box .history_box_r .ul li .months{ padding-left:32px; float:left; width:100px;height:32px; overflow:hidden; background:url(../images/history_bg3_on.png) left center no-repeat; font-size:20px; color:#1a65c2; font-weight:bold;} .history_box .history_box_r .ul li .p{ overflow:hidden; font-weight:lighter; max-width:620px; text-align:justify;text-justify:inter-ideograph;-moz-text-align-last:justify;} .anim{ -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .anim-1 { -webkit-transition: transform .8s,opacity .8s; -moz-transition: transform .8s,opacity .8s; -o-transition: transform .8s,opacity .8s; transition: transform .8s,opacity .8s; } .anim-show { -webkit-transform: translateY(0px) translateX(0); -moz-transform: translateY(0px) translateX(0); transform: translateY(0px) translateX(0); opacity: 1; } @media only screen and (max-width:1080px){ .ab_history > .nei_wrap{min-height: 1080px;} .history_box{margin-top:40px} .history_box .history_box_r{width: calc(98% - 109px);width:-webkit-calc(98% - 109px);} .history_box .history_box_r .years{font-size: 26px;margin-bottom: 50px;} } @media only screen and (max-width:768px){ .history_box{margin-top:30px} .history_box .history_box_r .years{font-size: 18px;margin-bottom: 40px;} .history_box .history_box_r .ul li .months{font-size: 16px;width: 82px;} } @media only screen and (max-width:480px){ .ab_history{padding: 20px 0 30px;} .history_box{margin-top:26px} .history_box .history_box_l{width: 100%;} .history_box .history_box_l .history_scroll{padding:0 20px;height: auto;background: rgba(0,0,0,0.2);box-sizing: border-box;} .history_box .history_box_l .history_scroll .scroll_con{margin:20px 0;width: 100%;height:auto;overflow-y:initial;overflow-x: auto;} .history_box .history_box_l .history_scroll .scroll_con ul{width: 1000px;} .history_box .history_box_l .history_scroll .scroll_con ul li{margin-left: 10px;display: inline-block;} .history_box .history_box_l .history_scroll .scroll_con ul li:first-child{margin-left: 0;} .history_box .history_box_r{margin-top: 30px;width: 100%;} .history_box .history_box_r .ul li{font-size: 14px;} .history_box .history_box_r .ul li .months{padding-left:20px} .history_box .history_box_r .ul li .p{padding-left:20px;width: 100%;max-width: 100%;box-sizing: border-box;} .history_box .history_box_r .years{padding-left: 20px;margin-bottom: 30px;} } .jt-j {display: inline-block;position: relative;width: 16px;height: 26px;} .jt-j::before,.jt-j::after {content: "";display: block;position: absolute;left: 50%;top: 50%;margin-left: -1.5px;margin-top: -6px;border-radius: 1.5px;width: 3px;height: 20px;background: #e50010;transition: all 0.3s;} .jt-j.lf::before {transform: translate(0, 6.5px) rotate(-45deg);} .jt-j.lf::after {transform: translate(0, -6.5px) rotate(45deg);} .jt-j.rt::before {transform: translate(0, 6.5px) rotate(45deg);} .jt-j.rt::after {transform: translate(0, -6.5px) rotate(-45deg);} /* */ .about-block-d {padding: 5% 0;background: url(../images/back.jpg) no-repeat center / 100% 100%;} .about-block-d .swiper-box {margin-top:3%;padding:0 30px;position: relative;box-sizing:border-box} .about-block-d .btns .btn {position: absolute;top: 0;z-index: 1;width: 30px;height: 100%;cursor: pointer;} .about-block-d .btns .prev {left: 0;} .about-block-d .btns .next {right: 0;} .about-block-d .swiper-container {margin: 0 auto;} .about-block-d .swiper-slide {width: 490px;} .about-block-d .swiper-slide .box {display: block;border: 1px solid #dddddd;padding: 40px 50px 30px;text-align: center;color: #666666;background: #fff;} .about-block-d .swiper-slide .box:hover {color: #005ca4;} .about-block-d .swiper-slide .img {text-align: center;position: relative;padding-bottom:100%;width:100%;height:0;overflow: hidden;} .about-block-d .swiper-slide .img img {position:absolute;left:50%;top:50%;width: auto;max-width:100%;max-height:100%;transform:translate(-50%,-50%);} .about-block-d .swiper-slide .txt {margin: 20px 0 20px;font-size: 20px;line-height: 1.4em;} @media (max-width: 1260px) { .about-block-d .swiper-slide {width: 400px;} .about-block-d .swiper-slide .box {padding: 25px 30px;} .about-block-d .swiper-slide .txt {margin: 15px 0 0;font-size: 16px;} } @media (max-width: 1080px) { .about-block-d .swiper-slide {width: 300px;} .about-block-d .swiper-slide .box {padding: 25px 30px;} .about-block-d .swiper-slide .txt {margin: 15px 0 0;font-size: 16px;} } @media (max-width: 768px) { .about-block-d {padding: 50px 0;} .about-block-d .swiper-slide {width: 200px;} .about-block-d .swiper-slide .box {padding: 15px 15px 5px;} .about-block-d .swiper-slide .txt {margin: 10px 0;font-size: 15px;} } @media (max-width: 480px) { .about-block-d {padding: 30px 0;} .about-block-d .swiper-slide {width: 180px;} .about-block-d .swiper-slide .txt {margin-bottom: 5px;} } /* contact */ .contact{padding:5% 0} .contact .lf_way{width: 100%;box-sizing: border-box;} .contact .company_mes {margin-top: 3%;} .contact .company_mes .item{margin: 15px 0;padding: 40px 2%;width: 32%;text-align: center;border: #e5e5e5 solid 1px;transition: all 1s;box-shadow: 0 0 10px #cccccc;box-sizing: border-box;color: #333;font-size: 16px;background: #fff;} .contact .company_mes .item h4{margin: 20px 10px 28px;font-weight: normal;font-size: 22px;} .contact .company_mes .item .con{line-height: 24px;} .contact .company_mes .item:hover {background: #1f512a;} .contact .company_mes .item:hover .img img{filter: grayscale(1) brightness(100);} .contact .company_mes .item:hover h4{color: #fff;} .contact .company_mes .item:hover .con{color: #fff;} .contact .rt_mes{margin-top:5%;width: 100%;box-sizing: border-box;} .contact .rt_mes h4{font-size: 20px;} .contact .rt_mes ul{margin-top: 28px;} .contact .rt_mes ul li{margin-bottom: 18px;} .contact .rt_mes ul li:nth-last-child(1){margin-bottom: 0;} .contact .rt_mes ul li textarea{padding:15px;width: 100%;height:100px;background: none;resize: none;color: #808285;font-size: 15px;border: 1px solid #eaeaea;font-family: initial;box-sizing: border-box;background:#fafafa;} .contact .rt_mes ul li textarea::placeholder{color: #808285;} .contact .rt_mes ul li textarea::-webkit-input-placeholder {color: #808285;} .contact .rt_mes ul li textarea::-moz-placeholder {color:#fff} /* Mozilla Firefox 19+ */ .contact .rt_mes ul li textarea:::-moz-placeholder {color:#fff} /* Internet Explorer 10+ */ .contact .rt_mes ul li textarea::-ms-input-placeholder {color: #808285;} .contact .rt_mes ul li input{padding: 0 15px;width: 100%;height: 50px;background: none;color: #808285;border: 1px solid #eaeaea;box-sizing: border-box;font-size: 15px;background:#fafafa;} .contact .rt_mes ul li input::-webkit-input-placeholder {color: #808285;} .contact .rt_mes ul li input:-moz-placeholder {color:#fff} /* Mozilla Firefox 19+ */ .contact .rt_mes ul li input::-moz-placeholder {color:#fff} /* Internet Explorer 10+ */ .contact .rt_mes ul li input:-ms-input-placeholder {color: #fff;} .contact .rt_mes ul li.check_code input{display: inline-block;width: 70%;vertical-align: text-bottom;max-width: calc(100% - 86px);} .contact .rt_mes ul li.check_code .yz_code{display: inline-block;padding: 0;width: 86px;height: 32px;background: #fff;color: #01948e;line-height: 32px;vertical-align: text-bottom;font-weight: bold;text-align: center;cursor: pointer;font-size: 14px;} .contact .rt_mes .check{display: inline-block;margin-top: 18px;padding:14px 40px;color: #fff;font-size: 15px;border: 1px solid transparent;cursor: pointer;background: #333;} .contact .rt_mes .check:hover{background: #1f512a;color: #fff;} .contact .rt_mes input:-webkit-autofill, .contact .rt_mes textarea:-webkit-autofill, .contact .rt_mes select:-webkit-autofill {background-color: transparent!important;background-image: none !important;-webkit-box-shadow: 0 0 0 1000px #333 inset !important;-webkit-text-fill-color: #fff;} @media only screen and (max-width:1080px){ .contact .lf_way{width: 100%;} .contact .rt_mes{width: 100%;padding-top:30px;border-top:1px solid #eaeaea} .contact .company_mes .layout{justify-content: space-around;} .contact .company_mes .item{padding: 3% 1.5%;width: 49%;} .contact .company_mes .item .img img{width: 60px;} } @media only screen and (max-width:850px){ .contact .lf_way .text_top .con{font-size:17px} .contact .lf_way .text_top .con p{margin-top:18px;} .contact .company_mes{margin-top: 30px;} .contact .company_mes .item{margin: 5px 0;box-shadow:0 5px 10px #e5e5e5} /* .contact .company_mes .item .img img{width: 45px;} */ .contact .company_mes .item h4{font-size: 16px;} } @media only screen and (max-width:520px){ .contact{padding:30px 0} .contact .lf_way .text_top .con{font-size:13px;} .contact .rt_mes{margin-top:20px;padding-top:18px;} .contact .rt_mes ul{margin-top: 14px;} .contact .rt_mes ul li{margin-bottom: 10px;} .contact .rt_mes ul li input{padding:0 10px;height: 40px;font-size:13px;} .contact .rt_mes ul li textarea{padding:10px;font-size:13px;} .contact .rt_mes .check{padding: 10px 20px;font-size:12px} .contact .company_mes .item{padding: 30px 5% 30px;width: 100%;} .contact .company_mes .item h4{margin: 15px 10px 8px;} .contact .company_mes .item .con{font-size: 14px;} /* .contact .company_mes .item .img img{width: 40px;} */ } @media only screen and (max-width:320px){ .contact .lf_way .text_top h4,.contact .rt_mes .text_top h4{font-size: 18px;} } .fl{float:left} .fr{float:right} .message_content{background: #f6f6f6; padding:5% 0; overflow:hidden;} .message_content .message_content_left{ width: 39%;} .message_content .message_content_left img{ width: 100%; object-fit: cover;} .message_content .message_content_right{ width: 57%; margin-left: 4%;} .message_content .message_content_right .content_right_title{ margin-bottom: 35px;} .message_content .message_content_right .content_right_title dd{ font-size: 22px; color: #222; margin-bottom: 8px;} .message_content .message_content_right .content_right_title dt{ font-size: 14px; color: #333333;} .message_content .message_content_right .content_right_form .right_form_list{ border: 1px solid #dcdcdc; padding: 10px 0px; margin-bottom: 15px;background: #fff; position:relative;} .ckd { position:absolute; right:10px; top:10px;} .message_content .message_content_right .content_right_form .right_form_list input{ width: 100%; line-height: 32px; padding: 0px 15px;box-sizing: border-box;border: none;outline: none;} .message_content .message_content_right .content_right_form .right_form_list textarea {border: none;outline: none;resize: none;width: 100%;height: 110px;padding: 15px;box-sizing: border-box;font-family: "";} .message_content .message_content_right .content_right_form .right_form_submit button{ font-size: 16px; color: #333333; width: 145px; line-height: 55px; text-align: center; background: #ececec; cursor: pointer;border: none;padding: 0;} .message_content .message_content_right .content_right_form .right_form_submit input{ font-size: 16px; color: #fff; width: 145px; line-height: 55px; text-align: center; background: #ca090c;cursor: pointer;} @media screen and (max-width:768px){ .message_content .message_content_left{ margin-bottom: 25px;} .message_content .message_content_right .content_right_form .right_form_submit button{ width: 48%; margin-right: 4%; line-height: 45px;} .message_content .message_content_right .content_right_form .right_form_submit input{ width: 48%; margin-left: 0px; line-height: 45px;} .fl{ float:none; } .fr{ float:none; } .message_content .message_content_left{ width: 100%;} .message_content .message_content_right{ width: 100%; margin-left: 0;} } /* 左右结构 */ .list_page{padding: 6% 0;background-color: #f9f9f9;background-image: url(../images/pf_pic01.png);background-position: right -20% top -150%;background-repeat: no-repeat;} #main_box{display: flex;flex-wrap: wrap;justify-content: space-between;} #main_box .content_part{width: calc(96% - 270px);width:-webkit-calc(96% - 270px)} #side_part{width: 270px;} #side_part .news_ul{margin-bottom: 30px;background: rgba(156,170,199,0.3);} #side_part .box_top{padding: 20px 5%;font-size: 16px;color: #fff;box-sizing: border-box;background: rgba(6,57,121,0.5);} #side_part .box_top a{float: right;} #side_part .news_ul .box{padding:0 5%;box-sizing: border-box;} #side_part .news_ul .box ul li{display: block;height: 38px;line-height: 38px;overflow: hidden;padding-left: 25px;background: url(../images/news_bg2.png) left center no-repeat;white-space: nowrap;text-overflow: ellipsis;box-sizing: border-box;color: #666;} #side_part .box_top{padding: 20px 5%;font-size: 16px;color: #fff;box-sizing: border-box;background: rgba(6,57,121,0.5);} #side_part .box_top a{float: right;} #side_part .case_ul {margin-bottom: 30px;background: rgba(156,170,199,0.3);} #side_part .case_ul .box{padding:0 5%;box-sizing: border-box;} #side_part .case_ul .box ul li{display: block;overflow: hidden;box-sizing: border-box;color: #666;} #side_part .case_ul .box ul li .img{position: relative;padding-bottom: 70%;width: 100%;height: 0;overflow: hidden;} #side_part .case_ul .box ul li .img img{position: absolute;left: 50%;top:50%;width: 100%;transform: translate(-50%,-50%);transition: all .3s linear;} #side_part .case_ul .box ul li p{display: block;height: 38px;line-height: 38px;overflow: hidden;padding-left: 25px;background: url(../images/news_bg2.png) left center no-repeat;white-space: nowrap;text-overflow: ellipsis;box-sizing: border-box;color: #666;} /* diy */ #main_box .content_part .diy_title{margin-left: 4px;margin-bottom: 26px;} #main_box .content_part .diy_title span{display: inline-block;vertical-align: bottom;} #main_box .content_part .diy_title span.td{padding: 6px 18px;color: #fff;font-size: 16px;position: relative;box-sizing: border-box;z-index: 1;} #main_box .content_part .diy_title span.td:after{content:"";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:#063979;transform: skew(-15deg);z-index: -1;} #main_box .content_part .diy_title span.bgs2{width: 5px;height: 8px;line-height: 8px;margin-right: 4px;background:#063979;transform: skewX(-15deg);} @media only screen and (min-width:481px){ #side_part .news_ul .box ul li:hover a {font-size: 16px;color: #2d2d2d;font-weight: bold;} #side_part .case_ul .box ul li:hover .img img{transform: translate(-50%,-50%) scale(1.1);} } @media only screen and (max-width:990px){ #main_box .content_part{width: calc(96% - 230px);width: -webkit-calc(96% - 230px);} #side_part{width: 230px;} #side_part .news_ul .box_top{padding: 15px 5%;font-size: 14px;} } @media only screen and (max-width:768px){ .list_page{padding: 50px 0;background-size: 40%;background-position: right -20% top -30px;} } @media only screen and (max-width:750px){ #main_box .content_part{width: 100%;} #side_part{margin-top: 5%;width: 100%;} #side_part .box_top{padding: 15px 5%;font-size: 14px;} } @media only screen and (max-width:480px){ .list_page{padding: 30px 0;} #main_box .content_part .diy_title span.td{font-size: 14px;} } /* newslist_fw */ .newslist_fw{padding: 5% 0;} .newslist_fw .list_content {} .newslist_fw .list_content .list_item{padding:5%;width: 100%;box-sizing: border-box;background:#fff;border-bottom:1px solid #e5e5e5} /* .newslist_fw .list_content .list_item:nth-child(odd){background:rgba(134,190,146,0.8);color:#fff;} .newslist_fw .list_content .list_item:nth-child(odd) .item .text_wrap{color:#fff} .newslist_fw .list_content .list_item:nth-child(odd) .item .text_wrap .sort i{filter:grayscale(1) brightness(100);} .newslist_fw .list_content .list_item:nth-child(odd) .text_wrap .line{background:rgba(255,255,255,0.6)} */ .newslist_fw .list_content .list_item img{max-width: 100%;width: 100%;} .newslist_fw .list_content .item .text_wrap{} .newslist_fw .list_content .item .text_wrap .sort{margin: 12px 0;font-size:16px;color:#666} .newslist_fw .list_content .list_item:nth-child(even) .item .text_wrap .sort{color:#333;} .newslist_fw .list_content .item .text_wrap .sort i{display:inline-block;margin-right:10px;width:20px;height: 22px;background:url(../images/time.png)no-repeat center/100% auto;filter:grayscale(1);vertical-align:text-bottom} .newslist_fw .list_content .item .text_wrap .tit{font-size: 18px;} .newslist_fw .list_content .item .text_wrap .con{font-size:14px;line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:56px;color:#666;} .newslist_fw .list_content .item .text_wrap .line{display:inline-block;width:30%;margin-top:4%;height: 2px;background:rgba(51,51,51,0.6);transition:width 0.3s linear} .newslist_fw .list_content .item .text_wrap .more{display: inline-block;font-size: 16px;padding-bottom: 5px;position: relative;} .newslist_fw .list_content .item .text_wrap .more:after{content: "";position: absolute;left:0;bottom:0;width:100%;height: 2px;background:#333;} @media only screen and (min-width:520px){ .newslist_fw .list_content .item:hover .more{color:#f5811f;} .newslist_fw .list_content .item:hover .more:after{background:#f5811f;} .newslist_fw .list_content .item:hover .line{width:60%} } @media only screen and (max-width:1080px){ /* .newslist_fw .list_content .list_item{width: 33.3%;} */ .newslist_fw .list_content .item .text_wrap .tit{font-size:18px} } @media only screen and (max-width:850px){ .newslist_fw .list_content{} .newslist_fw .list_content .item .text_wrap .tit{font-size:16px} } @media only screen and (max-width:520px){ .newslist_fw{padding: 30px 0;} .newslist_fw .list_content {} .newslist_fw .list_content .list_item{padding:5% 3%;width: 100%;} .newslist_fw .list_content .item .text_wrap{} .newslist_fw .list_content .item .text_wrap .sort i{width: 20px;height: 20px;} .newslist_fw .list_content .item .text_wrap .sort{font-size:14px} .newslist_fw .list_content .item .text_wrap .tit{font-size:15px} .newslist_fw .list_content .item .text_wrap .more{font-size:12px} .newslist_fw .list_content .item .text_wrap .con{font-size:14px} } /* newslist */ .newslist{padding: 5% 0;} .newslist .list_content {} .newslist .list_content .list_item{margin-bottom:2%;width: 100%;box-sizing: border-box;} .newslist .list_content .list_item .item{display:flex;flex-wrap:wrap;justify-content:space-between} .newslist .list_content .list_item .img_wrap{width: 350px;} .newslist .list_content .list_item .img{position: relative;padding-bottom:68%;height:0;overflow:hidden;} .newslist .list_content .list_item .img img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} .newslist .list_content .item .text_wrap{padding: 2% 0 0;color:#333;width:calc(98% - 350px);width:-webkit-calc(98% - 350px)} .newslist .list_content .item .text_wrap .sort{margin: 12px 0;font-size:16px;color:#666} .newslist .list_content .item .text_wrap .sort i{display:inline-block;margin-right:10px;width:20px;height: 22px;background:url(../images/time.png)no-repeat center/100% auto;filter:grayscale(1);vertical-align:text-bottom} .newslist .list_content .item .text_wrap .tit{font-size: 18px;} .newslist .list_content .item .text_wrap .con{font-size:14px;line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:56px;color:#666} .newslist .list_content .item .text_wrap .line{display:inline-block;width:30%;margin-top:4%;height: 2px;background:rgba(51,51,51,0.6);transition:width 0.3s linear} .newslist .list_content .item .text_wrap .more{display: inline-block;font-size: 16px;font-family: poppinsM;padding-bottom: 5px;position: relative;} .newslist .list_content .item .text_wrap .more:after{content: "";position: absolute;left:0;bottom:0;width:100%;height: 2px;background:#333;} @media only screen and (min-width:520px){ .newslist .list_content .item:hover .more{color:#f5811f;} .newslist .list_content .item:hover .more:after{background:#f5811f;} .newslist .list_content .item:hover .line{width:60%} } @media only screen and (max-width:1260px){ .newslist .list_content .list_item .img_wrap{width: 260px;} .newslist .list_content .item .text_wrap{padding:1% 0 0;width: calc(98% - 260px);width: -webkit-calc(98% - 260px);} } @media only screen and (max-width:1080px){ /* .newslist_fw .list_content .list_item{width: 33.3%;} */ .newslist .list_content .item .text_wrap .tit{font-size:18px} } @media only screen and (max-width:850px){ .newslist .list_content{} .newslist .list_content .item .text_wrap .tit{font-size:16px} } @media only screen and (max-width:680px){ .newslist .list_content .list_item .img_wrap{width: 100%;} .newslist .list_content .item .text_wrap{padding-top:20px;width: 100%;} } @media only screen and (max-width:520px){ .newslist{padding: 30px 0;} .newslist .list_content {} .newslist .list_content .list_item{margin-bottom:6%} .newslist .list_content .item .text_wrap .sort i{width: 20px;height: 20px;} .newslist .list_content .item .text_wrap .sort{font-size:14px} .newslist .list_content .item .text_wrap .tit{font-size:15px} .newslist .list_content .item .text_wrap .more{font-size:12px} .newslist .list_content .item .text_wrap .con{font-size:14px} } /* news */ .news{padding:5% 0;color: #808285;} .news .top_wrap{margin-top:30px;padding: 5% 5%;box-shadow: 0 0 10px rgba(0,0,0,0.15);} .news .news_title{text-align: center;} .news .news_title .title{font-size: 28px;color:#333} .news .news_title .time{margin-top: 14px;font-size: 15px;color: #666;font-family:poppinsL} .news .content{margin-top: 3%;font-size: 15px;line-height: 1.8;color:#808285} .news .content table{ display:block; margin:0 auto;} .news .content p{ margin-bottom:20px;} .news .content .content_wrap{padding-bottom: 7%;border-bottom: 1px dashed #cfcfcf;} .news .content_wrap{margin: 0 auto;width: 100%;max-width: 1200px;} .news .content h3{font-weight: normal;font-size: 24px;} .news .content video,.news .content iframe,.news .content embed{max-width: 100%;width: 800px;} @media only screen and (max-width:1260px){ .news .news_title .title{font-size: 22px;} .news .content h3{font-size: 18px;} } @media only screen and (max-width:850px){ .news{/* padding: 37px 0; */} .news .top_wrap{padding:50px 5%} .news .news_title .title{font-size: 18px;} .news .content h3{font-size: 16px;} } @media only screen and (max-width:520px){ /* .news{padding: 30px 0;} */ .news .top_wrap{margin-top:8px;padding:20px 5%} .news .news_title .time{font-size: 13px;} .news .content video,.news .content iframe,.news .content embed{height: 300px;} .news .content{font-size: 14px;} } .page{padding:0 5%;margin-top: 6.3%;color: #333;box-sizing:border-box} .page ul li{margin: 3px 0;font-size: 18px;transition: all .3s linear;} .page ul li span,.page ul li a{display: inline-block;vertical-align: middle;} .page ul li span{color: #808285;} .page ul li a{width: auto;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;border-bottom: 1px solid transparent;} .page ul li:hover a{border-color: #000;} .page .more span{display: inline-block;margin-top: 7%;padding: 11px 4%;font-size: 16px;border-radius: 30px;border: 1px solid #1d1d1d;transition: all .3s linear;} .page .more span:hover{background: #595959;border-color: #595959;color: #fff;} @media only screen and (max-width:1000px){ /* .page ul li{font-size: 20px;} .page .more span{font-size: 20px;} */ } @media only screen and (max-width:768px){ .page ul li{font-size: 16px;} .page .more span{font-size: 14px;} } @media only screen and (max-width:480px){ .page ul li{font-size: 13px;} .page .more span{padding: 8px 3%;font-size: 12px;} } /* link_door */ .link_door{margin-top: 6%;} .link_door .nei_title .title{font-size:28px} .link_door .lf_part{width: 22%;min-width: 183px;display:none;} .link_door .lf_part .img{margin-top: 12%;} .link_door .article_list{width: 100%;} .link_door .article_list ul li{display: flex;flex-wrap: wrap;justify-content: flex-start;padding:22.5px 30px 22.5px 0;box-sizing: border-box;position: relative;border-bottom: 1px solid #eee;background: url(../images/more.svg)no-repeat right center;align-items: center;} .link_door .article_list ul li:after{content: "";position: absolute;left: 0;bottom: -1px;width: 0;height: 1px;background: #636363;transition: all 0.5s linear;} .link_door .article_list ul li:hover:after{width: 100%;} .link_door .article_list ul li .time{width: 20%;font-size: 14px;} .link_door .article_list ul li .tit{width: 79%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: normal;font-size: 16px;} .link_door .article_list .more span{display: inline-block;margin-top: 5%;padding: 22.5px 60px 22.5px 0;position: relative;border-bottom: 1px solid #eee;background: url(../images/more.svg)no-repeat right center;color: #686868;font-size: 16px;} .link_door .article_list .more span:after{content: "";position: absolute;left: 0;bottom: -1px;width: 0;height: 1px;background: #636363;transition: all 0.5s linear;} .link_door .article_list .more span:hover:after{width: 100%;} @media only screen and (max-width:850px){ .link_door .nei_title .title{font-size:22px} } @media only screen and (max-width:520px){ .link_door{margin-top: 30px;} .link_door .nei_title{margin-bottom: 0;} .link_door .idx_title{display: block;width: 100%;} .link_door .lf_part{width: 100%;min-width: initial;} .link_door .lf_part .img{display: none;} .link_door .article_list{margin-top: 15px;width: 100%;} .link_door .article_list ul li{padding: 15.5px 0 15.5px 0;background-position: right bottom 22px;} .link_door .article_list ul a:nth-child(1) li{padding-top: 0;} .link_door .article_list ul li .time{margin-bottom: 5px;width: 100%;font-size:13px;} .link_door .article_list ul li .tit{width: 100%;font-size: 13px;} .link_door .article_list .more span{padding: 15.5px 40px 15.5px 0;} .link_door .nei_title .title{font-size:18px} } /* case_more */ .case_more{margin-top: 3.6%;} .case_more .item .img{position: relative;padding-bottom: 100%;width:100%;height:0;overflow: hidden;} .case_more .item .img img{position: absolute;left:50%;top:50%;width:auto;/*max-width:initial;height:100%;*/transform: translate(-50%,-50%);} .case_more .item .img i{position: absolute;left:50%;top:50%;width:54px;height: 54px;background:url(../images/play.png)no-repeat center;transform: translate(-50%,30%);opacity: 0;transition: all 0.3s linear;z-index: 2;} .case_more .item .text_wrap{margin-top: 8px;color:#666;} .case_more .item .text_wrap .tit{font-size: 15px;} .case_more .item .text_wrap .more{display: inline-block;font-size: 15px;color:#333;font-family: poppinsM;padding-bottom: 5px;position: relative;} .case_more .item .text_wrap .more:after{content: "";position: absolute;left:0;bottom:0;width:100%;height: 2px;background:#333;} @media only screen and (min-width:520px){ .case_more .item:hover .img i{opacity: 1;transform: translate(-50%,-50%);} .case_more .item:hover .more{color:#f5811f;} .case_more .item:hover .more:after{background:#f5811f;} } @media only screen and (max-width:520px){ .home_video .item .text_wrap .tit{font-size:13px;} .home_video .item .text_wrap .more{font-size:12px;} } /* caselist */ .caselist{padding:5% 0;background:#f4fdf4} .caselist .list_content{width: 100%;} .caselist .list_content ul{justify-content: flex-start;} .caselist .list_content ul li{margin-bottom:2.5%;margin-right:2.66%;width:23%;} .caselist .list_content ul li:nth-child(4n){margin-right: 0;} .caselist .list_content ul li .item .img{border: solid 1px #e8e8e8;padding: 16px 22px 56px 22px;box-sizing: border-box;position:relative;overflow:hidden;background:#fff;} .caselist .list_content ul li .item .img .por{} .caselist .list_content ul li .item .p1{position: relative;padding-bottom: 66%;overflow:hidden;width:100%;height:0} .caselist .list_content ul li .item .p1 img{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%)} .caselist .list_content ul li .item .p2{position:absolute;left:50%;top:100%;width:100%;transform:translateX(-50%)} /* .caselist .list_content ul li .item .p2:after{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;background: linear-gradient(to bottom,rgba(255,255,255,0.6) 0,rgba(255,255,255,1) 19%);background-size: auto 100%;} */ .caselist .list_content ul li .item .des{margin-top:20px;text-align:center;color:#332c2b} .caselist .list_content ul li .item .des .tit{margin-bottom:9.5px;font-size:16px;font-weight:normal;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;font-family:poppinsM} .caselist .list_content ul li .item .des .en{display:block;font-size:16px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;} #baguetteBox-overlay .full-image img{max-height:90%} @media only screen and (min-width:480px){ .caselist .list_content ul li .item:hover .des .tit{color:#1f512a} } @media only screen and (max-width:1260px){ .caselist .list_content ul li .item .des .tit{font-size:20px;} .caselist .list_content ul li .item .des .en{font-size:15px;} } @media only screen and (max-width:1080px){ .caselist .list_content ul{justify-content:space-between;} .caselist .list_content ul:after{content:"";width:32.5%} .caselist .list_content ul li{margin-right:0;width:32.5%;} .caselist .list_content ul li .item .img{padding: 16px 16px 40px} } @media only screen and (max-width:850px){ .caselist .list_content ul li .item .des .tit{font-size:16px;} .caselist .list_content ul li .item .des .en{font-size:12px;} } @media only screen and (max-width:520px){ .caselist{padding:30px 0;} .caselist .list_content ul:after{width: 49.3%;} .caselist .list_content ul li{width: 49.3%;} .caselist .list_content ul li .item .des .tit{font-size:14px;} .caselist .list_content ul li .item .img{padding:12px 12px 26px;} } /* case */ .case{padding:5% 0;color: #808285;} .case .top_wrap{margin-top:30px;padding: 5% 5%;box-shadow: 0 0 10px rgba(0,0,0,0.15);} .case .news_title{text-align: center;} .case .news_title .title{font-size: 28px;color:#333} .case .news_title .time{margin-top: 14px;font-size: 15px;color: #666;font-family:poppinsL} .case .content{margin-top: 3%;font-size: 15px;line-height: 1.8;color:#808285} .case .content .content_wrap{padding-bottom: 7%;border-bottom: 1px dashed #cfcfcf;} .case .content_wrap{margin: 0 auto;width: 100%;max-width: 1200px;} .case .content h3{font-weight: normal;font-size: 24px;} .case .content video,.case .content iframe,.case .content embed{max-width: 100%;width: 800px;} @media only screen and (max-width:1260px){ .case .news_title .title{font-size: 22px;} .case .content h3{font-size: 18px;} } @media only screen and (max-width:850px){ .news{/* padding: 37px 0; */} .case .top_wrap{padding:50px 5%} .case .news_title .title{font-size: 18px;} .case .content h3{font-size: 16px;} } @media only screen and (max-width:520px){ /* .news{padding: 30px 0;} */ .case .top_wrap{margin-top:8px;padding:20px 5%} .case .news_title .time{font-size: 13px;} .case .content video,.case .content iframe,.case .content embed{height: 300px;} .case .content{font-size: 14px;} } /* about */ .about{padding:6% 0} .about .content{margin-top:5%;font-size:16px;line-height:2.2;color:#2d2d2d} @media only screen and (max-width:768px){ .about{padding:50px 0} } @media only screen and (max-width:480px){ .about{padding:30px 0} .about .content{font-size:14px;line-height:2} } .about_caselist{padding:5% 0;} .about_caselist .nei_title{margin-bottom:5%} .about_caselist .list_item{margin-bottom:5%} .about_caselist .caselist_one{display:flex;flex-wrap:wrap;justify-content:space-between;} .about_caselist .caselist_one.p_list{justify-content:flex-end;} .about_caselist .caselist_one:last-child{margin-bottom:0} .about_caselist .caselist_one .lf_part{width: 240px;} .about_caselist .caselist_one .lf_part .project_name{padding-bottom:10px;font-size:22px;border-bottom:1px solid #000;color:#332c2b;font-weight:normal;} .about_caselist .caselist_one .lf_part span{display:block;padding:6px 0;text-align:center;color:#999;} .about_caselist .caselist_one .rt_part{width:calc(98% - 240px);width:-webkit-calc(98% - 240px)} .about_caselist .caselist_one .rt_part .project_big .img{text-align:center;} .about_caselist .caselist_one .rt_part .project_big .img img{width: 100%;max-width:1063px;} .about_caselist .caselist_one .rt_part .project_small{margin:0 auto;width: 100%;max-width:1063px;} .about_caselist .caselist_one .rt_part .project_small ul{display:flex;flex-wrap:wrap;justify-content:space-between} .about_caselist .caselist_one .rt_part .project_small ul li{margin-top:3%;width:50%;transition:all .3s linear} .about_caselist .caselist_one .rt_part .project_small ul li .wrap{position: relative;} .about_caselist .caselist_one .rt_part .project_small ul li .img{position: relative;padding-bottom:100%;width:100%;height:0;overflow:hidden} .about_caselist .caselist_one .rt_part .project_small ul li .img img{position: absolute;left:50%;top:50%;width: 100%;transform:translate(-50%,-50%);transition:all .3s linear;} .about_caselist .caselist_one .rt_part .project_small ul li .img:after{content:"";position:absolute;left:0;top:0;width: 100%;height: 100%;background:rgba(0,0,0,0.2);} .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap{position:absolute;left:0;top:0;padding:37px 6% 0;width: 100%;box-sizing:border-box;color:#fff;} .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap .top{display:flex;flex-wrap:wrap;justify-content:space-between} .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap .top .num{font-size:68px;line-height:1em;font-family:mont;} .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap .top .top_title{width:calc(100% - 100px);width:-webkit-calc(100% - 100px)} .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap .top .top_title .tit{font-size:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap .top .top_title em{display:inline-block;margin-top:10px} .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap .con{margin-top:14%;font-size:20px;line-height:2} .about_caselist .caselist_one .rt_part .project_small ul li .more{position: absolute;left:50%;bottom:6%;width:88%;z-index: 2;font-size:18px;padding:15px;box-sizing:border-box;border:1px solid #fff;transform:translateX(-50%);text-align:center;color:#fff} .about_caselist .caselist_one .rt_part .more span{display:inline-block;margin-top:5%;font-size:18px;color:#2d2d2d;} .about_caselist .caselist_one .rt_part .more span:hover{color:#f08903;} @media only screen and (min-width:481px){ /* .about_caselist .caselist_one .rt_part .project_small ul li:hover .img img{transform:translate(-50%,-50%) scale(1.1)} */ .about_caselist .caselist_one .rt_part .project_small ul li:hover{transform:translateY(-5px);box-shadow:0 0 30px rgba(0,0,0,0.2)} .about_caselist .caselist_one .rt_part .project_small ul li:hover .text_wrap{opacity:0;visibility:hidden;} .about_caselist .caselist_one .rt_part .project_small ul li:hover .more{opacity:0;visibility:hidden;} .about_caselist .caselist_one .rt_part .project_small ul li:hover .img:after{background:rgba(0,0,0,0)} } @media only screen and (max-width:1260px){ .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap .top .num{font-size:44px;} .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap .top .top_title{width: calc(100% - 76px);width: -webkit-calc(100% - 76px);} .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap .top .top_title .tit{font-size:20px;} .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap .top .top_title em{margin-top:6px} .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap .con{font-size:18px;} .about_caselist .caselist_one .rt_part .project_small ul li .more{padding:10px;font-size:16px;} } @media only screen and (max-width:1080px){ .about_caselist .caselist_one .lf_part .project_name{font-size:18px;text-align:center} .about_caselist .caselist_one .rt_part .project_small ul li .tit{font-size:16px} .about_caselist .caselist_one .lf_part{width: 100%;} .about_caselist .caselist_one .rt_part{margin-top:10px;width: 100%;} .about_caselist .caselist_one .rt_part .more span{font-size:16px} .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap{padding:26px 5% 0} } @media only screen and (max-width:768px){ .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap .con{margin-top:10%;font-size:16px} .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap .top .num{font-size:34px} .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap .top .top_title{width: calc(100% - 62px);width: -webkit-calc(100% - 62px);} .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap .top .top_title .tit{font-size:16px} .about_caselist .caselist_one .rt_part .project_small ul li .more{font-size:14px} } @media only screen and (max-width:480px){ .about_caselist .caselist_one .rt_part .project_small ul li{width: 100%;} .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap .top .num{width: 100%;text-align:center;font-size:28px} .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap .top .top_title{margin-top:10px;width: 100%;text-align:center} .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap .top .top_title .tit{font-size: 20px;} .about_caselist .caselist_one .rt_part .project_small ul li .more{padding:8px} .about_caselist .caselist_one .rt_part .project_small ul li .text_wrap .con{font-size:14px;line-height:24px} .about_caselist .caselist_one .rt_part .more span{font-size:14px} } /* partner_part */ .ab_stength .partner_part{padding:5% 0;background:url(../images/bg3.jpg)no-repeat center/cover} .ab_stength .partner_part .list_content{margin-top:30px} .ab_stength .partner_part ul{justify-content:flex-start} .ab_stength .partner_part ul li{margin-top:1.3%;margin-right:1.33%;width:24%;border:1px solid #ccc;box-sizing:border-box;background:#fff} .ab_stength .partner_part ul li:nth-child(4n){margin-right:0;} .ab_stength .partner_part ul li .img{position: relative;padding-bottom:60%;width:100%;height:0;overflow: hidden;} .ab_stength .partner_part ul li .img img{position: absolute;left:50%;top:50%;width:auto;max-height:100%;transform:translate(-50%,-50%)} @media only screen and (max-width:768px){ .ab_stength .partner_part{padding:50px 0} } @media only screen and (max-width:480px){ .ab_stength .partner_part{padding:30px 0} .ab_stength .partner_part .list_content{margin-top:20px} .ab_stength .partner_part ul{justify-content:space-between} .ab_stength .partner_part ul li{margin-right:0;width: 49%;} } .ab_more span{display: inline-block;margin-top:3.5%;padding:14px 40px;font-size:16px;background: #fff;color: #063979;position: relative;border:2px solid #063979;box-sizing:border-box} .ab_more span > div{position: absolute;z-index: 2;background: #e50012;} .ab_more span > div:nth-child(1){left: 0;top: 0;width:2px;height: 0;transition: all .1s linear;} .ab_more span > div:nth-child(2){left: 0;bottom: 0;width:0;height: 2px;transition: all .1s 0.1s linear;} .ab_more span > div:nth-child(3){right: 0;bottom: 0;width:2px;height: 0;transition: all .1s 0.2s linear;} .ab_more span > div:nth-child(4){right: 0;top: 0;width:0;height: 2px;transition: all .1s 0.4s linear;} @media only screen and (min-width:481px){ .ab_more span:hover{background-color: #e50012;transition:background 0.1s 0.5s;color: #fff;border-color: transparent} .ab_more span:hover > div:nth-child(1){height: 100%;} .ab_more span:hover > div:nth-child(2){width: 100%;} .ab_more span:hover > div:nth-child(3){height: 100%;} .ab_more span:hover > div:nth-child(4){width: 100%;} } @media only screen and (max-width:990px){ .ab_more span{margin-top:40px;padding:12px 20px;font-size:14px} } @media only screen and (max-width:768px){ .ab_more span{padding: 12px 20px;font-size: 14px;} } @media only screen and (max-width:480px){ .ab_more span{padding: 10px 16px;font-size: 14px;} } /* team_part */ .team_part{padding:5% 0} .team_part .team_wrap{margin-top: 3%;} .team_part .wrap .img img{width:100%} .team_part .wrap .tit{padding:4% 0;font-size: 16px;color: #666;font-weight: normal;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .team_part .swiper-pagination{position: initial;margin-top:24px;width: 100%;text-align: center;} .team_part #case_content .swiper-pagination-bullet{margin: 0 9px;} .team_part .swiper-pagination-bullet{opacity: 1;background: #666;width: 7px;height: 7px;} .team_part .swiper-pagination-bullet-active{background: #e50012;} @media only screen and (max-width:768px){ .team_part{padding:50px 0} .team_part .team_wrap{margin-top: 30px;} } @media only screen and (max-width:480px){ .team_part{padding:30px 0} .team_part .wrap .tit{font-size: 14px;} .team_part .swiper-pagination{margin-top: 10px;} .team_part #case_content .swiper-pagination-bullet{margin: 0 7px;} } /* ys_part */ .ys_part{padding:5% 0;background:#fff} @media only screen and (max-width:768px){ .ys_part{padding:50px 0} } @media only screen and (max-width:480px){ .ys_part{padding:30px 0} } /* collect_part */ .collect_part{padding:5% 0 0} .collect_part .collect_wrap{margin-top: 3%;} .collect_part .wrap .img img{width:100%} .collect_part .wrap .tit{padding:4% 0;font-size: 16px;color: #666;font-weight: normal;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .collect_part .swiper-pagination{position: initial;margin-top:24px;width: 100%;text-align: center;} .collect_part #case_content .swiper-pagination-bullet{margin: 0 9px;} .collect_part .swiper-pagination-bullet{opacity: 1;background: #666;width: 7px;height: 7px;} .collect_part .swiper-pagination-bullet-active{background: #e50012;} @media only screen and (max-width:768px){ .collect_part{padding:50px 0 0} .collect_part .collect_wrap{margin-top: 30px;} } @media only screen and (max-width:480px){ .collect_part{padding:30px 0 0} .collect_part .wrap .tit{font-size: 14px;} .collect_part .swiper-pagination{margin-top: 10px;} .collect_part #case_content .swiper-pagination-bullet{margin: 0 7px;} } /* foot_top2 */ .foot_top2 .lf_part{padding: 5.5% 5% 6% 5%;width: 60.4%;box-sizing: border-box;background: url(../images/ft_top_bg.jpg)no-repeat right center/cover;text-align: right;} .foot_top2 .lf_part .box_wrap{display: inline-block;width: 410px;text-align: left;color: #fff;} .foot_top2 .lf_part .top_title .title{display: block;font-size: 38px;} .foot_top2 .lf_part .top_title .slogan{margin-top: 22px;font-size:24px;} .foot_top2 .lf_part .mes{margin-top: 40px;} .foot_top2 .lf_part .mes li{margin-bottom: 33px;} .foot_top2 .lf_part .mes li:last-child{margin-bottom: 0;} .foot_top2 .lf_part .mes li i{display: inline-block;margin-right:16px;width: 24px;height:24px;border-radius: 50%;background: #e50010;background-repeat: no-repeat;background-size: auto;background-position: center;vertical-align: top;} .foot_top2 .lf_part .mes li i.tel{background-image: url(../images/ft_top_tel.png)} .foot_top2 .lf_part .mes li i.address{background-image: url(../images/ft_top_add.png)} .foot_top2 .lf_part .mes li i.email{background-image: url(../images/ft_top_email.png)} .foot_top2 .lf_part .mes li span{display: inline;font-size: 16px;} .foot_top2 .rt_part{padding:3% 3%;width:39.6%;box-sizing:border-box;} /* .foot_top2 .rt_part #map .BMap_pop{display: block !important;} */ @media only screen and (max-width:1260px){ .foot_top2 .lf_part .top_title .title{font-size: 26px;} .foot_top2 .lf_part .top_title .slogan{font-size: 20px;} .foot_top2 .lf_part .box_wrap{width: auto;} } @media only screen and (max-width:990px){ .foot_top2 .lf_part .top_title .title{font-size:22px} .foot_top2 .lf_part .top_title .slogan{margin-top: 12px;font-size: 16px;} } @media only screen and (max-width:768px){ .foot_top2 .lf_part{width: 100%;} .foot_top2 .rt_part{width: 100%;} } @media only screen and (max-width:480px){ .foot_top2 .lf_part .top_title .title{font-size: 17px;} .foot_top2 .lf_part .top_title .slogan{font-size:15px} } .foot_top2 .lx_box{width: 100%;} .foot_top2 .lx_box .form_box{display: flex;flex-wrap: wrap;justify-content: space-between;} .foot_top2 .lx_box .form_box li{margin-bottom: 10px;width: 100%;background: transparent;box-sizing: border-box;} .foot_top2 .lx_box .form_box li.w100{width: 100%;} .foot_top2 .lx_box .form_box li input{padding:0 3%;width: 100%;background: transparent;font-size: 14px;border: 1px solid #e2e2e2;transition: border .3s linear;line-height: 50px;box-sizing: border-box;} .foot_top2 .lx_box .form_box li textarea{padding: 12px;width: 100%;height: 100px;resize: none;font-size: 14px;font-family: inherit;box-sizing: border-box;background: transparent;border: 1px solid #e2e2e2;transition: border .3s linear;} .foot_top2 .lx_box .form_box li.code{margin-right: 155px;margin-bottom: 10px;} .foot_top2 .lx_box .form_box li.code img{position: absolute;bottom: 7px;right: 10px;height: 35px;} .foot_top2 .lx_box .form_box .up_load{padding: 0;width: 150px;border: 1px solid #e2e2e2;height: 50px;color: #fff;line-height: 50px;background: transparent;transition: all .3s ease;color: #fff;background: #063979;} .foot_top2 .lx_box .form_box .up_load:hover{background: #e50010;color: #fff;} .foot_top2 .lx_box .form_box li input:focus,.foot_top2 .lx_box .form_box li textarea:focus{border-color: #e50010;} @media only screen and (max-width:480px){ .foot_top2 .lf_part .mes li span{font-size:14px} .foot_top2 .rt_part{padding: 30px 3%} .foot_top2 .lx_box{width: 100%;} .foot_top2 .lx_box .form_box li{margin-bottom: 10px;width: 100%;} .foot_top2 .lx_box .form_box .up_load{margin-top: 10px;width: 106px;height: 36px;line-height: 36px;} .foot_top2 .lx_box .form_box li input,.ol_mes .lx_box .form_box li textarea{font-size: 12px;} .foot_top2 .lx_box .form_box li input{padding:0 12px;line-height:40px;} } /* .wp-pagenavi {CLEAR: both; MARGIN:0 auto; WIDTH: 100%; PADDING: 30px 0 30px; TEXT-ALIGN: center} .wp-pagenavi a { BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px;BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none;border-radius:5px; } .wp-pagenavi a:hover { BORDER-LEFT-COLOR:#1f512a; BORDER-BOTTOM-COLOR:#1f512a; BORDER-TOP-COLOR:#1f512a; BORDER-RIGHT-COLOR:#1f512a;background:#1f512a; color:white; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; PADDING-TOP: 5px; } .wp-pagenavi a.page-num-current { BORDER-LEFT-COLOR:#1f512a; BORDER-BOTTOM-COLOR:#1f512a; BORDER-TOP-COLOR:#1f512a; BORDER-RIGHT-COLOR:#1f512a; background:#1f512a; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; PADDING-TOP: 5px; border:#1f512a 1px solid;border-radius:5px; color:#fff; } .text-norecord{ font-size:14px; line-height:35px;} @media screen and (max-width: 640px) { .m640{ display:none;} } */ .ab_yw .yw_des_wrap .layout{box-sizing:border-box;padding:5%;background:#fff;border-radius:20px} .ab_yw .yw_des_wrap .yw_part{width:50%;} .ab_yw .yw_des_wrap .des_part{padding:0 3% 2%;width:50%;box-sizing:border-box} .ab_yw .yw_des_wrap .des_part .title{font-size:30px} .ab_yw .yw_des_wrap .des_part .line{margin:20px 0;width:60px;height:4px;background: #e50010;} .ab_yw .yw_des_wrap .des_part .content{font-size:16px;line-height: 2;} @media only screen and (max-width:1260px){ .ab_yw .yw_des_wrap .des_part .title{font-size:24px;} .ab_yw .yw_des_wrap .des_part .line{width: 46px;} } @media only screen and (max-width:1080px){ .ab_yw .yw_des_wrap .des_part{padding:30px 0 0;width: 100%;} } @media only screen and (max-width:768px){ .ab_yw .yw_des_wrap .layout{padding:3%;border-radius:10px} .ab_yw .yw_des_wrap .des_part .title{font-size:20px} .ab_yw .yw_des_wrap .des_part .line{width: 40px;margin:16px 0} } @media only screen and (max-width:480px){ .ab_yw .yw_des_wrap .layout{padding:4%;border-radius:6px} .ab_yw .yw_des_wrap .yw_part{width: 100%;} .ab_yw .yw_des_wrap .des_part .content{font-size:14px;line-height:24px;} .ab_yw .yw_des_wrap .des_part .title{font-size:16px;} .ab_yw .yw_des_wrap .des_part .line{width: 40px;height: 2px;} } /* ab_standard */ .ab_standard{margin-top:5%;padding: 4% 0;background: #f6f6f6;} .ab_standard .standard{margin-top: 3.5%;} .ab_standard .standard .item .cer_img{box-sizing: border-box;border: 10px solid #fff;position: relative;padding-bottom: 123%;width: 100%;height: 0;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,0.1);} .ab_standard .standard .item .cer_img img{position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%,-50%);} .ab_standard .standard .item .tit{padding: 15px 0;font-size: 16px;text-align: center;font-weight: bold;} .ab_standard .standard .swiper-pagination{position: initial;margin-top: 2%;width: 100%;text-align: center;} .ab_standard .standard .swiper-pagination-bullet{margin: 0 1.1%;width: 6px;height: 6px;opacity: 1;background: #1178a6;position: relative;} .ab_standard .standard .swiper-pagination-bullet-active{background: #1178a6;} .ab_standard .standard .swiper-pagination-bullet-active:after{content:"";position: absolute;left: 50%;top: 50%;width: 14px;height: 14px;border: 1px solid #1178a6;border-radius: 50%;transform: translate(-50%,-50%);} @media only screen and (min-width:481px){ .ab_standard .standard .item .cer_img:hover{border-color:#1178a6} } @media only screen and (max-width:768px){ .ab_standard{padding: 40px 0} .ab_standard .standard{margin-top: 30px;} } @media only screen and (max-width:480px){ .ab_standard{padding: 30px 0} .ab_standard .standard{margin-top: 25px;} .ab_standard .standard .swiper-pagination{margin-top: 15px;} .ab_standard .standard .swiper-pagination-bullet{margin: 0 10px;} .ab_standard .standard .item .tit{font-size: 14px;} } /* ft_mes */ /* .ft_mes{margin-top:6%;padding: 67px 3%; background:#fff;box-sizing:border-box} .ft_mes .idx_title{color: #063979;} .ft_mes .idx_title .title{font-weight: normal;font-size: 40px;} .ft_mes .layout{margin: 60px auto 0;width: 100%;max-width: 1300px;display: flex;flex-wrap: wrap;justify-content: space-between;} .ft_mes .lf{width: 40%;} .ft_mes .lf > div{margin-bottom: 18px;padding-bottom: 18px;border-bottom: 1px solid #063979;} .ft_mes .lf input{width: 100%;background: transparent;color: #063979;font-size: 17px;} .ft_mes .lf input::placeholder{color: #063979;} .ft_mes .lf .last {flex-wrap: nowrap;} .ft_mes .lf .last input{width: calc(100% - 100px);width:-webkit-calc(100% - 100px);} .ft_mes .lf .last img{width: 100px;} .ft_mes .mid{width: 40%;} .ft_mes .mid textarea{padding: 10px;width: 100%;height: 100%;min-height:150px;font-family: initial;font-size: 17px;color: #676767;box-sizing: border-box;resize: none;border:1px solid #063979} .ft_mes .mid textarea::placeholder{color: #676767;} .ft_mes .rt{width: 134px;} .ft_mes .rt input{width: 100%;height: 48px;border: 1px solid #063979;box-sizing: border-box;font-size: 20px;color: #fff;background: #063979;cursor: pointer;} .ft_mes .rt #reset2{margin-top: 20px;background: transparent;color: #063979;} @media only screen and (max-width:1260px){ .ft_mes .layout{margin-top: 48px;} } @media only screen and (max-width:1080px){ .ft_mes .idx_title .title{font-weight: normal;font-size: 30px;} .ft_mes .layout{margin-top: 38px;} .ft_mes .lf input{font-size: 16px;} .ft_mes .rt input{font-size: 16px;} .ft_mes .mid textarea{font-size: 16px;} } @media only screen and (max-width:768px){ .ft_mes .idx_title .title{font-weight: normal;font-size: 26px;} .ft_mes .lf{width: 46%;} .ft_mes .mid{width: 49%;} .ft_mes .mid textarea{height:100px} .ft_mes .rt{width: 100%;display: flex;flex-wrap: nowrap;justify-content: space-between;} .ft_mes .rt input{width: 48%;} .ft_mes .rt #reset2{margin: 0;} } @media only screen and (max-width:480px){ .ft_mes .idx_title .title{font-weight: normal;font-size: 18px;} .ft_mes{padding: 30px 4%;} .ft_mes .lf{width: 100%;} .ft_mes .lf > div{margin-bottom: 16px;padding-bottom: 16px;} .ft_mes .lf input{font-size: 12px;} .ft_mes .mid textarea{font-size: 12px;} .ft_mes .mid{width: 100%;} .ft_mes .rt{margin-top: 16px;} .ft_mes .rt input{font-size: 12px;height: 40px;} } @media only screen and (max-width:320px){ .ft_mes .idx_title .title{font-weight: normal;font-size: 16px;} } */ /* ys_rule */ .ys_rule{margin: 5% 0;} .ys_rule .layout {} .ys_rule .layout .item{padding: 3%;margin-bottom:3%;width: 48%;box-sizing: border-box;background: #fff;transition:all .3s linear;} .ys_rule .layout .item:nth-last-child(-n+2){margin-bottom:0} .ys_rule .layout .item > div{justify-content: space-between;align-items: center;flex-wrap: nowrap;} .ys_rule .layout .item i{margin-right: 13px;width: 130px;height: 130px;border-radius:50%;line-height:130px;background-color:#f9f9f9;text-align:center} .ys_rule .layout .item .rt{font-size: 14px;width:calc(94% - 130px);width:-webkit-calc(94% - 130px)} .ys_rule .layout .item .rt .tit{font-weight: bold;text-transform: uppercase;font-size:30px} .ys_rule .layout .item .rt .con{margin-top: 5px;color: #3b3a3a;font-size:18px} @media only screen and (min-width:481px){ .ys_rule .layout .item:hover{transform:translateY(-5px);box-shadow:0 0 10px rgba(0 0 0 / 10%)} .ys_rule .layout .item:hover i{background:#063979} .ys_rule .layout .item:hover i img{filter:brightness(100)} } @media only screen and (max-width:1260px){ .ys_rule .layout .item i{width: 100px;height: 100px;line-height:100px;} .ys_rule .layout .item i img{width:52px} .ys_rule .layout .item .rt .tit{font-size:24px} } @media only screen and (max-width:1080px){ .ys_rule .layout .item .rt .tit{font-size:20px;} .ys_rule .layout .item .rt .con{font-size:16px} } @media only screen and (max-width:768px){ .ys_rule{margin: 50px 0;} .ys_rule .layout .item {text-align: center;} .ys_rule .layout .item > div{flex-wrap: wrap;justify-content:center;} .ys_rule .layout .item i{margin:0 0 18px 0;width: 80px;height: 80px;line-height:80px;} .ys_rule .layout .item i img{width:40px} .ys_rule .layout .item .rt{width: 100%;} .ys_rule .layout .item .rt .tit{font-size:18px;} .ys_rule .layout .item .rt .con{margin-top:10px} } @media only screen and (max-width:480px){ .ys_rule{margin: 30px 0;} .ys_rule .layout{} .ys_rule .layout .item{padding: 6% 3%;width: 48.5%;} .ys_rule .layout .item i{margin:0 0 9px 0;width: 60px;height: 60px;line-height:60px;} .ys_rule .layout .item i img{width:32px} .ys_rule .layout .item .rt{font-size: 12px;} .ys_rule .layout .item .rt .tit{font-size:14px} .ys_rule .layout .item .rt .con{display: none;} } .more_ys .lf_part{width:50%;background-color:#063979;background-image:url(../images/his_img.png);background-repeat:no-repeat;background-position:center;background-size:80% auto} .more_ys .rt_part{width:50%} .more_ys .rt_part{padding:40px 0;width:50%} .more_ys .rt_part .cont{margin-left: -8.33%;height: 100%;padding: 5% 20% 5% 13%;align-items: center;background: #fff;box-sizing:border-box;} .more_ys .rt_part .cont .title{font-size: 50px;line-height: 1.2em;margin-bottom:20px} .more_ys .rt_part .cont .text{font-size:20px;line-height:24px} .more_ys .rt_part .cont .text .hd{display:block;margin-top:8%;} .more_ys .rt_part .cont .text p{margin-top:12px} @media only screen and (max-width:1440px){ .more_ys .rt_part .cont .title{font-size:30px} .more_ys .rt_part .cont{padding: 10% 15% 10% 13%;} } @media only screen and (max-width:1260px){ .more_ys .rt_part .cont .title{font-size:28px} .more_ys .rt_part .cont{padding: 10% 15% 10% 13%;} .more_ys .rt_part .cont .text{font-size:18px;} } @media only screen and (max-width:1080px){ .more_ys .rt_part .cont .title{font-size:24px} .more_ys .rt_part .cont{padding: 10% 15% 10% 13%;} .more_ys .rt_part .cont .text{font-size:16px;} } @media only screen and (max-width:990px){ .more_ys .lf_part{width: 100%;height: 50vh;} .more_ys .rt_part{padding:0;width: 100%;} .more_ys .rt_part .cont{padding:5% 5%;margin-left:0;} } @media only screen and (max-width:768px){ .more_ys .lf_part{height: 40vh;} .more_ys .rt_part .cont{padding:5% 5%;} .more_ys .rt_part .cont .title{font-size:20px;} } @media only screen and (max-width:480px){ .more_ys .lf_part{height: 30vh;} .more_ys .rt_part .cont{padding:30px 3%;} .more_ys .rt_part .cont .title{font-size:16px;} .more_ys .rt_part .cont .text .hd{margin-top:6%} .more_ys .rt_part .cont .text p{font-size:14px;} } /* hot_work */ .hot_work{} .hot_work .hw_img img{width: 100%;} #hot_prev{position: absolute;left: 0;top: 0;width:10%;height: 100%;z-index: 2;} #hot_prev span{position: absolute;left: 0;top: 50%;width:52px;height:100px;background-color: rgba(255,255,255,0.42);line-height: 100px;z-index: 1;text-align: center;transition: all .3s linear;cursor: pointer;transform: translateY(-50%);} #hot_prev span i{position: absolute;left:50%;top:50%;display: inline-block;width: 29px;height: 49px;background: url(../images/hot_prev.png)no-repeat center;transform: translate(-50%,-50%);} #hot_next{position:absolute;right:0;top: 0;width:10%;height:100%;z-index:2;} #hot_next span{position: absolute;right: 0;top: 50%;width:52px;height:100px;background-color: rgba(255,255,255,0.42);line-height: 100px;z-index: 1;text-align: center;transition: all .3s linear;cursor: pointer;transform: translateY(-50%);} #hot_next span i{position: absolute;left:50%;top:50%;display: inline-block;width: 29px;height: 49px;background: url(../images/hot_next.png)no-repeat center;transform: translate(-50%,-50%);} #hot_prev:hover span{background-color: rgba(0,0,0,0.42);} #hot_next:hover span{background-color: rgba(0,0,0,0.42);} hot_prev @media only screen and (max-width:990px){ #hot_prev span, #hot_next span{width: 45px;height: 85px;line-height: 85px;} #hot_prev span i, #hot_next span i{background-size: 100% auto;width: 20px;height: 30px;} } @media only screen and (max-width:480px){ #hot_prev span i, #hot_next span i{width: 12px;height: 20px;} #hot_prev span, #hot_next span{width: 35px;height: 70px;line-height: 70px;} } /* productlist */ .productlist{padding: 5% 0;background:#fafafa} .productlist .list_content {margin:40px -10px 0;} .productlist .list_content .list_item{padding: 10px;width: 25%;box-sizing: border-box;} .productlist .list_content .list_item img{max-width: 100%;width: 100%;} .productlist .list_content .item .text_wrap{margin-top: 8px;color:#333;} .productlist .list_content .item .text_wrap .sort{color:#808285;font-family:poppinsL;} .productlist .list_content .item .text_wrap .tit{font-size: 15px;} .productlist .list_content .item .text_wrap .more{display: inline-block;font-size: 15px;font-family: poppinsM;padding-bottom: 5px;position: relative;} .productlist .list_content .item .text_wrap .more:after{content: "";position: absolute;left:0;bottom:0;width:100%;height: 2px;background:#333;} @media only screen and (min-width:520px){ .productlist .list_content .item:hover .more{color:#f5811f;} .productlist .list_content .item:hover .more:after{background:#f5811f;} } @media only screen and (max-width:1080px){ .productlist .list_content .list_item{width: 33.3%;} } @media only screen and (max-width:850px){ .productlist .list_content{margin:20px -10px 0} .productlist .list_content .list_item{width: 50%;} } @media only screen and (max-width:520px){ .productlist .list_content {margin:18px -5px 0;} .productlist .list_content .list_item{padding:5px} .productlist .list_content .item .text_wrap{margin:8px 0 8px} .productlist .list_content .item .text_wrap .sort{font-size:13px} .productlist .list_content .item .text_wrap .tit{font-size:13px} .productlist .list_content .item .text_wrap .more{font-size:12px} } /* product */ .product{padding: 5% 0;color: #808285;background:#fafafa} .product .pro_top_info{margin-top:40px} .pdct_ico{width: 46%;} .spBig{width: 100%;box-sizing: border-box;} .spBig .img100{position: relative;padding-bottom: 75%;width: 100%;height: 0;overflow: hidden;} .spBig .img100 img{position: absolute;left: 50%;top: 50%;width: auto;max-height: 100%;transform: translate(-50%,-50%);} .spBig .img100 video{position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform: translate(-50%,-50%);background: #000;} .nav_Sm{margin-top: 15px;width: 100%;height: auto;} .spSm{width: 100%;/* height:100%; */} .spSm .swiper-container{box-sizing: border-box;} .spSm .img100{height: 100%;position: relative;background-size: contain;padding-bottom: 100%;overflow: hidden;cursor: pointer;} .spSm .img100 img{position: absolute;top: 50%;left: 50%;width: 87%;height: auto;transform: translate(-50%,-50%);} .spSm .img100:before{content: '';position: absolute;width: 100%;height: 99%;top:0;left: 0;border:1px solid #eaeaea;box-sizing: border-box;opacity: 1;z-index: 2;} .spSm .img100.vd_ico .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,0.6);display: flex;align-items: center;justify-content: center;} .spSm .img100.vd_ico .mask i{display: block;width: 20px;height: 20px;background: url(../images/play.png)no-repeat center;} .spSm .active-nav .img100:before{border-color: #333;border-width: 2px;} .spSm .swiper-button-next, .spSm .swiper-button-prev{transform: scale(0.5);opacity: 1;} .product #pro_prev,.product #pro_next{position: absolute;top: 50%;width: 34px;height: 72px;transform: translateY(-50%);z-index: 3;background-color: rgba(225,225,225,0.42);cursor: pointer;background-position: center;background-repeat: no-repeat;transition: all .3s linear;opacity: 0;background-size:10px} .product #pro_prev{left: 10px;background-image: url(../images/pdct_prev.png);} .product #pro_next{right: 10px;background-image: url(../images/pdct_next.png);} .product .pdct_ico:hover #pro_prev{opacity: 1;} .product .pdct_ico:hover #pro_next{opacity: 1;} .product #pro_prev:hover,.product #pro_next:hover{background-color: rgba(0,0,0,0.25);} .product .pdct_info{width: 45.5%;} .product .pdct_info .title{font-size: 28px;font-family: gothamM;font-weight: normal;color:#333;text-shadow:0 0 1px #333;} .product .pdct_info .en{display:block;margin-top:10px;font-size:18px;color:#999;} .product .pdct_info .content{margin-top: 4%;font-size: 15px;line-height: 1.8;} .product .pdct_info .content2{margin-top: 4%;font-size:14px;line-height:24px;color:#999;line-height: 1.5;} .product .pdct_info .color{padding: 24px 22px;margin-top: 50px;box-sizing: border-box;background: #eee;} .product .pdct_info .color .hd{font-size: 18px;} .product .pdct_info .color .img{position: relative;padding-bottom: 98%;width: 100%;height: 0;overflow: hidden;} .product .pdct_info #color{margin-top: 16px;} .product .pdct_info #color .swiper-wrapper{justify-content: flex-start;} .product .pdct_info #color ul li{width: 72px;text-align: center;line-height: 66px;cursor: pointer;} .product .pdct_info #color ul li .img{border: 1px solid #dfdfdf;box-sizing: border-box;} .product .pdct_info #color ul li.on .img:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 2px solid #d7003a;box-sizing: border-box;} .product .pdct_info .price{margin-top: 10.5%;} .product .pdct_info .price span{display: inline-block;vertical-align: text-bottom;font-size: 18px;line-height: 1em;} .product .pdct_info .price span.money,.product .pdct_info .price span.unit{font-size: 0.6rem;} .product .pdct_info .price span.money{font-family: gothamBold;} .product .pdct_info .price span.unit{font-family: appleBold;} .product .pdct_info .buy{display: flex;justify-content: center;padding: 2px 0;margin-top: 6%;background: #333;font-size: 18px;color: #fff;align-items: center;white-space: nowrap;font-family:poppinsM} .product .pdct_info .buy i{margin-right: 4%;width: 30px;height: 24px;background: url(../images/icon_buyer.png)no-repeat center;} /* .product .pdct_info .char{margin-top: 20px;padding: 4.5% 0;display: flex;justify-content: space-evenly;background: #eee;} .product .pdct_info .char > div{text-align: center;white-space: nowrap;} .product .pdct_info .char > div i{display: inline-block;margin-right: 6px;width: 24px;height: 24px;background: url(../images/icon01.png)no-repeat center;vertical-align: middle;} .product .pdct_info .char > div span{display: inline-block;vertical-align: middle;font-size: 16px;white-space: nowrap;} */ .product .content_detail{margin-top: 5.3%;} .product .content_detail .table_wrap table{width: 100%;border-collapse: collapse;border-color: #ddd;border: 0;box-sizing: border-box;} .product .content_detail .table_wrap tr,.product .content_detail .table_wrap td{border-color: #ddd;box-sizing: border-box;border-collapse: collapse;} .product .content_detail .table_wrap td.tit{text-align: center;width: 200px;background-color: #eee;} .product .content_detail .table_wrap td{padding: 10px;box-sizing: border-box;} .product .content_detail .text_content{margin-top: 8.4%;line-height: 1.8;} .product .content_detail .text_content h3{font-family: OPPOSansM;font-weight: normal;font-size: 24px;} @media only screen and (max-width:1260px){ .product .pdct_info .title{font-size: 22px;} .product .pdct_info #color ul li{width: 60px;line-height: 58px;} .product .pdct_info .color{padding: 20px;margin-top: 8%;} .product .pdct_info .color .hd{font-size: 16px;} .product .pdct_info .price span{font-size: 16px;} .product .pdct_info .price span.money, .product .pdct_info .price span.unit{font-size: 36px;} .product .pdct_info .buy{padding:8px 0;font-size: 15px;} /* .product .pdct_info .char > div span{font-size: 16px;} .product .pdct_info .char > div i{width: 20px;height: 20px;background-size: 100%;} */ .product .content_detail .table_wrap td.tit{width: 18%;} } @media only screen and (max-width:1080px){ .product #pro_prev, .product #pro_next{width: 28px;height: 60px;} .product .content_detail .text_content h3{font-family: OPPOSansM;font-weight: normal;font-size: 18px;} } @media only screen and (max-width:850px){ .product .pdct_info{} .product .pdct_info .title{font-size: 18px;} .product .pdct_info .color{padding: 10px;} .product .pdct_info .color .hd{font-size: 16px;} .product .pdct_info #color ul li{width: 45px;line-height: 42px;} .product .pdct_info .price span{font-size: 16px;} .product .pdct_info .price span.money, .product .pdct_info .price span.unit{font-size: 30px;} .product .pdct_info .buy{padding: 10px 0;font-size:13px} .product .pdct_info .buy i{margin-right: 3%;width: 22px;height: 20px;background-size: 100%;} /* .product .pdct_info .char{margin-top: 10px;padding: 5px 5%;flex-wrap: wrap;justify-content: space-between;} .product .pdct_info .char > div{padding: 5px 0;width: auto;box-sizing: border-box;text-align: left;} .product .pdct_info .char > div i{margin-right: 5px;width: 15px;height: 15px;} .product .pdct_info .char > div span{font-size: 14px;} */ .product .content_detail .table_wrap table{font-size: 14px;} .product .content_detail .table_wrap td{padding: 10px;} .product .pdct_info .en{font-size:16px} } @media only screen and (max-width:768px){ } @media only screen and (max-width:680px){ .pdct_ico{width: 100%;} .product .pdct_info{margin-top: 30px;width: 100%;} } @media only screen and (max-width:520px){ .product .text_content{margin-top: 30px;font-size: 14px;line-height: 24px;} .product #pro_prev, .product #pro_next{width: 20px;height: 50px;} .product .pdct_info .char{padding: 5px 4.5%;} .product .pdct_info .title{font-size: 15px;} .product .pdct_info .price span.money, .product .pdct_info .price span.unit{font-size: 26px;} .product .pdct_info .price span.money{margin: 0 5px;} .product .pdct_info .char > div span{font-size: 14px;} .product .content_detail .table_wrap table{width: 99.9%;font-size: 13px;border-left: 1px solid #ddd;border-top: 1px solid #ddd;} .product .content_detail .table_wrap tr{display: flex;justify-content: flex-start;flex-wrap: wrap;} .product .content_detail .table_wrap td.tit{padding: 10px 5px;width: 30%;} .product .content_detail .table_wrap td{display: block;width: 70%;border: 1px solid #ddd;border-top: 0;border-left: 0;} .product .pdct_info .content{font-size: 13px;} .product .pdct_info .content2{font-size: 14px;line-height:24px} .product .content_detail .text_content{font-size:13px;} } /* about_query */ .ab_query{padding:5% 0;background:#f4fdf4;} .ab_query .list_wrap{padding:4% 5% 6%;box-sizing: border-box;background:#fff} .ab_query .list_wrap ul li{font-size: 16px;margin-bottom: 5px;padding-bottom: 5px;border-bottom: 1px dashed #1f512a;color: #333;} .ab_query .list_wrap ul li a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .ab_query .query_model .item{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;margin-bottom: 4%;} .ab_query .query_model .item:last-child{margin-bottom: 0;} .ab_query .query_model .item > div{width: calc((96% - 40px) / 2);} .ab_query .query_model .item label{display: inline-block;margin-bottom: 10px;} .ab_query .query_model .item input{padding:0 6px;width: 100%;border: 1px solid #dcdcdc;height: 30px;line-height: 30px;box-sizing: border-box;} .ab_query .query_model .item .red_btn{height: 30px;width: 40px;text-align: center;background-color: #1f512a;background-image: url(../images/search01.png);background-repeat: no-repeat;background-position: center;background-size: 18px;border-radius: 4px;} .green_text{color:#429070;} #QueryResult{position: fixed;width:90%;max-width:800px;z-index: 10;background-color: #fff;box-shadow:0 0 10px rgba(0,0,0,0.3);border-radius: 10px;left:50%;top:55%;transform: translate(-50%,-50%);overflow-y: scroll;max-height: 60%;} .certblock{padding:10px;line-height:35px} .singleCert{border-bottom:1px dotted #ccc;text-align:left;} #result_close{position:absolute;right:5px;top:5px;padding:5px;z-index: 2;} #result_close1{position:absolute;right:5px;top:5px;padding:5px;z-index: 2;} @media only screen and (max-width:520px){ .certblock{font-size: 14px;} } /* ab_yw */ .ab_yw{margin-top:30px;background-color: #f4fdf4;background-image: url(../images/y-2.png);background-repeat: no-repeat;background-position: bottom center;background-size: 100% auto;} .ab_yw .layout:after{content:"";width:32%} .ab_yw .layout .part{margin-bottom: 2%;width:32%;border: 1px solid #dcdcdc;color:#1f512a;background-color:#fff;border-top: 3px solid #1f512a;box-shadow:0 0 10px rgba(0,0,0,0.2)} .ab_yw .layout .part .top_title{padding:4% 5%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: space-between;border-bottom: 1px solid #dcdcdc;position: relative;} .ab_yw .layout .part .top_title .title{font-size:18px;background-image: -webkit-linear-gradient(left,#1f512a,#429070);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .ab_yw .layout .part .top_title i{position: absolute;display: inline-block;right:4%;top:50%;width: 30px;height: 30px;background-image: url(../images/icon_more.png);background-repeat: no-repeat;background-position: center;background-size: 100% auto;transform: translateY(-50%);} .ab_yw .layout .part .list_wrap{padding:4% 5% 10%;box-sizing: border-box;} .ab_yw .layout .part .list_wrap ul li{font-size: 14px;margin-bottom: 5px;padding-bottom: 5px;border-bottom: 1px dashed #53a382;color: #333;} .ab_yw .layout .part .list_wrap ul li a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} @media only screen and (min-width:521px){ .ab_yw .layout .part .top_title i:hover{background-image: url(../images/icon_more2.png);} .ab_yw .layout .part .list_wrap ul li a:hover{color:#1f512a;} } @media only screen and (max-width:850px){ .ab_yw .layout .part .top_title .title{font-size:15px;} .ab_yw .layout .part .list_wrap ul li{font-size: 14px;} .ab_yw .layout .part .top_title i{width: 20px;height: 20px;} } @media only screen and (max-width:750px){ .ab_yw .layout .part{width: 48.6%;} .ab_yw .layout:after{width: 48.6%;} } @media only screen and (max-width:520px){ .ab_yw .layout .part{width: 100%;} .ab_yw .layout .part .list_wrap{padding: 4% 3%} .ab_query .query_model .item input{font-size:12px} .ab_query .list_wrap{padding:6% 3%} } /* download */ .downlist{padding:5% 0;background:#f4fdf4;} .downlist .nei_title .slogan{color:#666} .downlist .search_doc .s_form{margin-top:3%;padding:0 0 0 3%;box-sizing:border-box;border:1px solid #ddd} .downlist .search_doc .s_form form{width: 100%;display:flex;flex-wrap:wrap;justify-content:space-between} .downlist .search_doc .s_form .input_shurk{width:calc(100% - 76px);width:-webkit-calc(100% -background-position: 76px);font-size:18px} .downlist .search_doc .s_form .s_btns{width: 76px;text-align:center;height: 56px;background:#f08903;color:#fff;font-size:18px} .downlist .search_list{margin-top:5%} .downlist .search_list .list_wrap{padding-left:100px;margin-top:3%;box-sizing:border-box;background-image:url(../images/shouce.png);background-repeat:no-repeat;background-position:left 10px top 0;} .downlist .search_list .list_wrap .hd{font-size:20px;padding:20px 0 50px} .downlist .search_list .list_wrap ul li{margin-bottom:14px;font-size:18px;} .downlist .search_list .list_wrap ul li a:hover{color:#f08903;} @media only screen and (max-width:850px){ .downlist .search_list .list_wrap{background-size:58px;} .downlist .search_list .list_wrap .hd{padding:15px 0 34px} .downlist .search_doc .s_form .s_btns{height: 50px;font-size:16px} } @media only screen and (max-width:520px){ .downlist{padding:30px 0} .downlist .search_doc .s_form .s_btns{height: 44px;} .downlist .search_list .list_wrap{background-image:none} .downlist .search_list .list_wrap{padding-left:0;margin-top:5%} .downlist .search_list .list_wrap .hd{padding:0 0 25px;font-size:16px} .downlist .search_list .list_wrap ul li{font-size:14px} } /* photolist */ .photolist{padding:5% 0;background:#f4fdf4} .photolist .list_content{width: 100%;} .photolist .list_content ul{justify-content: flex-start;} .photolist .list_content ul li{margin-bottom:2.5%;margin-right:2.66%;width:23%;} .photolist .list_content ul li:nth-child(4n){margin-right: 0;} .photolist .list_content ul li .item .img{border: solid 1px #e8e8e8;padding: 16px 22px 56px 22px;box-sizing: border-box;position:relative;overflow:hidden;background:#fff;} .photolist .list_content ul li .item .img .por{} .photolist .list_content ul li .item .p1{position: relative;padding-bottom: 142%;overflow:hidden;width:100%;height:0} .photolist .list_content ul li .item .p1 img{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%)} .photolist .list_content ul li .item .p2{position:absolute;left:50%;top:100%;width:100%;transform:translateX(-50%)} .photolist .list_content ul li .item .p2:after{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;background: linear-gradient(to bottom,rgba(255,255,255,0.6) 0,rgba(255,255,255,1) 19%);background-size: auto 100%;} .photolist .list_content ul li .item .des{margin-top:20px;text-align:center;color:#332c2b} .photolist .list_content ul li .item .des .tit{margin-bottom:9.5px;font-size:16px;font-weight:normal;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;font-family:poppinsM} .photolist .list_content ul li .item .des .en{display:block;font-size:16px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;} #baguetteBox-overlay .full-image img{max-height:90%} @media only screen and (min-width:480px){ .photolist .list_content ul li .item:hover .des .tit{color:#1f512a} } @media only screen and (max-width:1260px){ .photolist .list_content ul li .item .des .tit{font-size:20px;} .photolist .list_content ul li .item .des .en{font-size:15px;} } @media only screen and (max-width:1080px){ .photolist .list_content ul{justify-content:space-between;} .photolist .list_content ul:after{content:"";width:32.5%} .photolist .list_content ul li{margin-right:0;width:32.5%;} .photolist .list_content ul li .item .img{padding: 16px 16px 40px} } @media only screen and (max-width:850px){ .photolist .list_content ul li .item .des .tit{font-size:16px;} .photolist .list_content ul li .item .des .en{font-size:12px;} } @media only screen and (max-width:520px){ .photolist{padding:30px 0;} .photolist .list_content ul:after{width: 49.3%;} .photolist .list_content ul li{width: 49.3%;} .photolist .list_content ul li .item .des .tit{font-size:14px;} .photolist .list_content ul li .item .img{padding:12px 12px 26px;} } /* photolist2 */ .photolist2{padding:5% 0;background:#f4fdf4} .photolist2 .list_content{width: 100%;} .photolist2 .list_content ul{justify-content: flex-start;} .photolist2 .list_content ul li{margin-bottom:2.5%;margin-right:2.66%;width:23%;} .photolist2 .list_content ul li:nth-child(4n){margin-right: 0;} .photolist2 .list_content ul li .item .img{border: solid 1px #e8e8e8;padding: 16px 22px 56px 22px;box-sizing: border-box;position:relative;overflow:hidden;background:#fff;} .photolist2 .list_content ul li .item .img .por{} .photolist2 .list_content ul li .item .p1{position: relative;padding-bottom: 66%;overflow:hidden;width:100%;height:0} .photolist2 .list_content ul li .item .p1 img{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%)} .photolist2 .list_content ul li .item .p2{position:absolute;left:50%;top:100%;width:100%;transform:translateX(-50%)} .photolist2 .list_content ul li .item .p2:after{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;background: linear-gradient(to bottom,rgba(255,255,255,0.6) 0,rgba(255,255,255,1) 19%);background-size: auto 100%;} .photolist2 .list_content ul li .item .des{margin-top:20px;text-align:center;color:#332c2b} .photolist2 .list_content ul li .item .des .tit{margin-bottom:9.5px;font-size:16px;font-weight:normal;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;font-family:poppinsM} .photolist2 .list_content ul li .item .des .en{display:block;font-size:16px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;} #baguetteBox-overlay .full-image img{max-height:90%} @media only screen and (min-width:480px){ .photolist2 .list_content ul li .item:hover .des .tit{color:#1f512a} } @media only screen and (max-width:1260px){ .photolist2 .list_content ul li .item .des .tit{font-size:20px;} .photolist2 .list_content ul li .item .des .en{font-size:15px;} } @media only screen and (max-width:1080px){ .photolist2 .list_content ul{justify-content:space-between;} .photolist2 .list_content ul:after{content:"";width:32.5%} .photolist2 .list_content ul li{margin-right:0;width:32.5%;} .photolist2 .list_content ul li .item .img{padding: 16px 16px 40px} } @media only screen and (max-width:850px){ .photolist2 .list_content ul li .item .des .tit{font-size:16px;} .photolist2 .list_content ul li .item .des .en{font-size:12px;} } @media only screen and (max-width:520px){ .photolist2{padding:30px 0;} .photolist2 .list_content ul:after{width: 49.3%;} .photolist2 .list_content ul li{width: 49.3%;} .photolist2 .list_content ul li .item .des .tit{font-size:14px;} .photolist2 .list_content ul li .item .img{padding:12px 12px 26px;} } .list_page_wrap{text-align:right;font-size:16px;color:#808285} .list_page_wrap strong{color:#333;display:inline-block;margin:0 5px} .list_page_wrap span{display:inline-block;margin:0 5px} .list_page_wrap .page-prev,.list_page_wrap .page-next{display:inline-block;background-color: #dbdbda;padding: 1px 7px 0;width: 40px;height: 40px;background-repeat:no-repeat;background-size:auto;box-sizing:border-box;vertical-align:text-bottom;background-position:center;} .list_page_wrap .page-prev{background-image:url(../images/d_prev.png)} .list_page_wrap .page-next{background-image:url(../images/d_next.png)} .list_page_wrap .page-prev:hover{background-color:#333} .list_page_wrap .page-next:hover{background-color:#333} @media only screen and (max-width:480px){ .list_page_wrap{font-size:14px} .list_page_wrap .page-prev,.list_page_wrap .page-next{width: 33px;height: 33px;} } /* page */ .wp-pagenavi {CLEAR: both; MARGIN:0 auto; WIDTH: 100%; PADDING: 40px 0 0px; TEXT-ALIGN: center} .wp-pagenavi a {display: inline-block;width: 36px;height: 36px;text-align: center;line-height: 36px;background-color: #fff;vertical-align: middle;color: #505050;white-space: nowrap;} /* .wp-pagenavi a:hover { BORDER-LEFT-COLOR:#3055a3; BORDER-BOTTOM-COLOR:#3055a3; BORDER-TOP-COLOR:#3055a3; BORDER-RIGHT-COLOR:#3055a3;background:#3055a3; color:white; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; PADDING-TOP: 5px; } */ /*当前指上页码的边框色*/ .wp-pagenavi a.page-num-current { /* color: #fff;background-color: #0a63b1; */ font-weight: bold; } /*当前选中页码的背景色*/ .text-norecord{ font-size:14px; line-height:35px;} .wp-pagenavi i.p_pre{display: inline-block;width: 36px;height: 36px;background:#429070 url(../images/page_prev.png)no-repeat center;background-size: 12px;} .wp-pagenavi i.p_next{display: inline-block;width: 36px;height: 36px;background:#429070 url(../images/page_next.png)no-repeat center;background-size: 12px;} .wp-pagenavi i.p_first{display: inline-block;width: 36px;height: 36px;background:#429070 url(../images/page_first.png)no-repeat center;background-size: 12px;} .wp-pagenavi i.p_last{display: inline-block;width: 36px;height: 36px;background:#429070 url(../images/page_last.png)no-repeat center;background-size: 12px;} @media screen and (max-width: 640px) { .m640{ display:none;} } @media screen and (max-width: 480px) { .wp-pagenavi{padding: 20px 0 0;} } .downlist .list_content li{margin-bottom:1.5em;border-bottom:1px solid #cdcdcd} .downlist .list_content li img{display:inline-block;vertical-align:middle} .downlist .list_content li a:hover{color: #1f512a;} @media only screen and (max-width: 768px) { .downlist .list_content li img{width: 30px;} .downlist #rightImg{display:none;} } @media only screen and (max-width: 480px) { .downlist{padding:30px 0} }