.width1200{ min-width:1200px;} .indexcontent{ margin:0 auto; width:1200px;} .sl{overflow:hidden; text-overflow:ellipsis;white-space: nowrap;} a.bs:hover{ text-decoration:underline;} .block{ display:block;} .fl { float: left; } .fr { float: right; } .enlarge8{ -moz-transition:all 0.8s; /* Firefox 4 */ -webkit-transition:all 0.8s; /* Safari and Chrome */ -o-transition:all 0.8s; /* Opera */ transition:all 0.8s; cursor: pointer; } .enlarge4{ -moz-transition:all 0.4s; /* Firefox 4 */ -webkit-transition:all 0.4s; /* Safari and Chrome */ -o-transition:all 0.4s; /* Opera */ transition:all 0.4s; cursor: pointer; } .ellipsis{ overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis;/*文字隐藏后添加省略号*/ white-space: nowrap;/*强制不换行*/ } .ellipsis2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ellipsis3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .clearfix::after { content: ""; clear: both; overflow: hidden; display: block; height: 0; visibility: hidden; } .clear { clear: both; font-size: 1px; width: 1px; height: 0; visibility: hidden; zoom: 1; } .content{ font-size:16px; color:#666666; line-height:30px;} .content *{ line-height:30px;} .content img{ max-width:100%;} .content p{ padding:5px 0;} .content video, .content iframe{ width:100%;} .content2{ font-size:14px; color:#666666; line-height:35px;} .content2 *{ line-height:35px;} .content2 img{ max-width:100%;} .content2 video, .content2 iframe{ width:100%;} .pages { margin-top: 15px; font-size: 12px; line-height: 22px; text-align: center; } .pages a { text-decoration: none; color: #666; background-color:transparent; border:#999999 1px solid; display: inline-block; width: 40px; line-height: 40px; line-height: 40px; margin-right: 8px; font-size: 16px; color: #999999;} .pages a.active { background: #c3d72b; border:#c3d72b 1px solid; color: #fff } .pages a:hover { background: #c3d72b; border:#c3d72b 1px solid; color: #fff; text-decoration: none; } .pages a.wz{ display: inline-block; width: 90px; line-height: 40px; line-height: 40px; font-family: "宋体"; font-weight: bold;} /*首页*/ body{ background:#fcfdf2;} .top1{ position:fixed; left:0; top:0; width:100%; min-width:1200px; z-index:99999;} .top1 .top1_d2{ /*background: rgba(0,0,0,0); transition:all 0.3s;*/} .top1 .top1_d2 .indexcontent{ height:110px; position:relative;} .top1 a.top_logo{ float:left; margin-top:30px; display:block; width:150px; height:36px; background:url(../images/top_logo.png) center no-repeat;} @keyframes headerfix { from { top: -122px; opacity: 0; } to { top: 0px; opacity: 1; } } @-webkit-keyframes headerfix { from { top: -122px; opacity: 0; } to { top: 0px; opacity: 1; } } .top1.fixed{ /*background: #383839;*/ background-color: #fff; border-bottom: 1px solid #eee; -webkit-animation: headerfix ease-in-out 0.9s 0.1s both; -moz-animation: headerfix ease-in-out 0.9s 0.1s both; animation: headerfix ease-in-out 0.9s 0.1s both; } .top1.fixed a.top_logo{ background:url(../images/top_logo_on.png) center no-repeat;} .top_language{ position:absolute; right:60px; top:46px; width:80px; height:20px; border-right:#fff 1px solid; font-size:16px; line-height:20px; text-align:center;} .top_language a{ color:#fff;} .top_search_bt{ position:absolute; right:0px; top:35px; width:40px; height:40px; line-height:40px; z-index:9999; margin:0 10px; text-align:center; background:url(../images/search_bt.png) 10px 12px no-repeat;} .top_search_bt .top_search_bg{ display:none; position:absolute; right:-2px; top:40px; background:url(../images/top_search_bg.png) no-repeat; width:300px; height:79px;} .top_search_bt:hover .top_search_bg{ display:block;} .top_search_bt .top_search_bg .top_search_txt{ position:absolute; left:25px; top:29px; width:205px; height:30px; border:0; background:#f8f8f8; outline:none;} .top_search_bt .top_search_bg .top_search_an{ position:absolute; right:17px; top:23px; width:40px; height:39px; border:0; background-color:transparent; cursor:pointer;} .fixed .top_language{ border-right:#e4e0e0 1px solid;} .fixed .top_language a{ color:#333;} .fixed .top_search_bt{ background:url(../images/search_bt_on.png) 10px 12px no-repeat;} .nvideo { width: 100%; position: relative; background:url(../images/shipin_img.jpg) center no-repeat; background-size:cover; } .nvideo video { display:block; width: 100%; background:url(../images/shipin_img.jpg) center no-repeat; background-size:cover; } .nvideo .video_bt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/video.png) center no-repeat; cursor: pointer; } .nvc { position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); z-index: 9; -webkit-animation: rightan 1.5s infinite; -webkit-animation-fill-mode: both; } .banner-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; } .banner-container .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .banner-container .swiper-pagination-bullet{ height:10px; width:10px; background:#000; opacity:1; } .banner-container .swiper-pagination-bullet-active{ background:#fff; } .banner-container .banner-next{ position:absolute; left:50%; top:50%; margin-left:550px; width:48px; height:48px; border:#fff 1px solid; border-radius:50%; background:url(../images/banner_right.png) center no-repeat; z-index:2; cursor:pointer; transition:all 0.3s;} .banner-container .banner-next:hover{ background:url(../images/banner_right_on.png) #fff center no-repeat; z-index:2; cursor:pointer;} .banner-container .banner-prev{ position:absolute; right:50%; top:50%; margin-right:550px; width:48px; height:48px; border:#fff 1px solid; border-radius:50%; background:url(../images/banner_left.png) center no-repeat; z-index:2; cursor:pointer; transition:all 0.3s;} .banner-container .banner-prev:hover{ background:url(../images/banner_left_on.png) #fff center no-repeat; z-index:2; cursor:pointer;} .i_d1{background:#fcfdf2; min-height:650px;} .i_t_title .title{ font-size:36px; color:#3a4201; line-height:60px; text-align:center;} .i_t_title .titleen{ font-size:20px; color:#999999; line-height:30px; text-align:center; text-transform:uppercase;} .i_d1_c{ float:left; width:590px;} .i_title1_ico{ background:url(../images/i_d2_ico.png) 42px 0 no-repeat; padding:10px 0;} .i_title1 .titleen{ height:60px; padding-left:14px; font-size:24px; color:#3a4201; font-family:Arial; line-height:30px; font-style:italic; text-transform:uppercase; position:relative;} .i_title1 .titleen:after { content: ""; position: absolute; left: 0; top:5px; width: 4px; height:50px; background:#3a4201;} .i_title1 .title{ font-size:36px; color:#3a4201; line-height:40px; margin-top:5px;} .i_title2 .titleen{ height:66px; border-left:#fff 4px solid; padding-left:10px; font-size:40px; color:#fff; font-family:Arial; line-height:33px; font-style:italic; text-transform:uppercase;} .i_title2 .title{ font-size:24px; color:#fff; line-height:40px; margin-top:5px;} .i_d1_txt{ font-size:14px; color:#666666; line-height:35px; margin-top:50px;} .i_d1_txt *{ line-height:35px;} a.i_d1_more{ display:block; width:162px; height:40px; border:#999999 1px solid; line-height:40px; text-align:center; font-size:16px; color:#333; margin-top:40px;} a.i_d1_more:hover{ border:#333 1px solid; background:#333; color:#fff;} .i_d1_container{ float:right; width:540px; height:400px;} .i_d1_list li img{ width:540px; height:400px; object-fit: cover;} .i_d1_pagination{ text-align:right; padding:0 10px; box-sizing:border-box;} .i_d1_pagination .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; opacity:1;} .i_d1_pagination .swiper-pagination-bullet-active{ background:#c3d72b;} .i_d1_xx_list{} .i_d1_xx_list li{ display:inline-block; margin-left:35px; background:url(../images/i_d2_ico.png) 0 top no-repeat;} .i_d1_xx_list li:nth-child(1){ margin-left: 0;} .i_d1_xx_list li .txt1{ font-size:18px; color:#222222; line-height:50px; padding-top:10px;} .i_d1_xx_list li .txt1 span{ display:inline-block; font-size:48px; color:#1b1b1b; font-weight:bold;} .i_d1_xx_list li .txt2{ font-size:18px; color:#666666; line-height:30px; text-align:center;} .i_d1_xx_list li.z4{ background:url(../images/i_d2_ico.png) 20px top no-repeat;} .i_d1_xx_list li.z1 .txt1{ padding-left:20px;} .i_d1_xx_list li.z2 .txt1{ padding-left:10px;} .i_d1_xx_list li.z3{ background:url(../images/i_d2_ico.png) 10px top no-repeat;} .i_d1_xx_list li.z1 .txt1 span{ width:30px;} .i_d1_xx_list li.z2 .txt1 span{ width:60px;} .i_d1_xx_list li.z3 .txt1 span{ width:90px;} .i_d1_xx_list li.z4 .txt1 span{ width:120px;} .i_d2{background:url(../images/i_d2_bg.jpg) #fcfdf2 top center no-repeat; min-height:2736px;} .i_d2_title{ position:relative;} .i_d2_title a.i_d2_more{ position:absolute; right:0; bottom:0; display:block; width:130px; height:40px; border:#c3d72b 1px solid; line-height:40px; text-align:center; font-size:20px; color:#c3d72b;} .i_d2_title a.i_d2_more:hover{ background:#c3d72b; color:#333;} .i_d2_list li{ margin-top:88px;} .i_d2_list li:nth-child(2n+1) .img{ float:left;} .i_d2_list li:nth-child(2n) .img{ float:right;} .i_d2_list li:nth-child(2n+1) .txt{ float:right;} .i_d2_list li:nth-child(2n) .txt{ float:left;} .i_d2_list li .img{ width:630px; height:514px;} .i_d2_list li .txt{ width:570px; padding:58px 104px 0 104px; box-sizing:border-box;} .i_d2_list li .txt .no{ width:90px; height:76px; background:url(../images/i_d2_no_bg.png) center no-repeat; font-size:14px; color:#fff; line-height:76px; text-align:center;} .i_d2_list li .txt .title1{ font-size:30px; color:#fff; line-height:50px; margin-top:44px;} .i_d2_list li .txt .title2{ font-size:14px; color:#ffffff; line-height:30px;} .i_d2_list li .txt .txt1{ font-size:14px; color:#ffffff; line-height:22px; margin-top:40px; height:124px;} .i_d2_list li .txt a.more{ display:block; width:130px; height:34px; border:#fff 1px solid; padding-left:12px; box-sizing:border-box; background:url(../images/i_d2_more.png) 86px center no-repeat; font-size:16px; color:#fff;} .i_d2_list li .txt a.more:hover{ border:#f6ab00 1px solid; background:url(../images/i_d2_more.png) #f6ab00 86px center no-repeat;} .i_d3{ background:url(../images/i_d3_bg_ico.jpg) #fcfdf2 bottom center no-repeat;} .i_d3_search{ width:392px; height:38px; border:#cccccc 1px solid; background:#fcfdf2; border-radius:20px; overflow:hidden; margin-bottom:-40px; position:relative; z-index:3;} .i_d3_search .i_d3_search_txt{ float:left; width:300px; height:38px; border:0; padding:0 20px; outline:none; background:#fcfdf2;} .i_d3_search .i_d3_search_bt{ float:right; width:50px; height:38px; background:url(../images/i_d3_search_bt.png) center no-repeat; border:0; cursor:pointer;} .i_d3_list li{ background:url(../images/i_d3_bg.jpg) center 68px no-repeat; height:556px; position:relative;} .i_d3_list li .i_d3_txt{ position:absolute; left:75px; top:150px; width:370px;} .i_d3_list li .i_d3_txt .title{ font-size:30px; color:#3a4201; line-height:50px; height:100px;} .i_d3_list li .i_d3_txt .txt{ font-size:14px; color:#666666; line-height:30px;} .i_d3_list li .i_d3_txt a.more{ display:block; width:130px; height:40px; background:#f6ab00; font-size:16px; color:#fff; line-height:40px; text-align:center; margin-top:30px; transition:all 0.3s;} .i_d3_list li .i_d3_txt a.more:hover{ background:#fff; color:#333;} .i_d3_list li .i_d3_img{ position:absolute; right:80px; top:0px; width:636px; height:458px;} .i_d3_list li .i_d3_img img{ display:block; width:636px; height:458px; object-fit: cover;} .i_d3_list li .i_d3_img:before { content: ""; position: absolute; right:0; top:0; width: 72px; height:64px; background:url(../images/i_d3_img_ico1.png) center no-repeat;} .i_d3_list li .i_d3_img:after { content: ""; position: absolute; left:0; bottom:0; width: 68px; height:76px; background:url(../images/i_d3_img_ico2.png) center no-repeat;} .i_d3-container .swiper-pagination{ left:auto; right:80px; bottom:45px; width:636px;} .i_d3-container .swiper-pagination .swiper-pagination-bullet{ width:8px; height:8px; background:#e1e1e1; border-radius:4px; opacity:1;} .i_d3-container .swiper-pagination .swiper-pagination-bullet-active{ width:20px; background:#fff; opacity:1;} .i_d4_title{ position:relative;} .i_d4_nav{ position:absolute; bottom:0; right:0;} .i_d4_nav li{ float:left; padding-left:80px; position:relative;} .i_d4_nav li:after { content: ""; position: absolute; left:42px; top:5px; width: 1px; height:20px; background:#e1e1e1;} .i_d4_nav li:nth-child(1){padding-left:0;} .i_d4_nav li:nth-child(1):after{ display:none;} .i_d4_nav li a{ font-size:20px; color:#666666; padding-bottom:10px; position:relative; transition:all 0.3s;} .i_d4_nav li a:after { content: ""; position: absolute; left:0; bottom:0; width: 0; height:1px; background:#c3d72b; transition:all 0.3s;} .i_d4_nav li a.on, .i_d4_nav li a:hover{ color:#c3d72b;} .i_d4_nav li a.on:after, .i_d4_nav li a:hover:after { width:100%;} .i_d4_list li{ float:left; width:388px; margin-left:18px;} .i_d4_list li:nth-child(3n+1){ margin-left:0;} .i_d4_list li:nth-child(3n+2){ margin-top:-44px;} .i_d4_list li .img{ position:relative;} .i_d4_list li .img img{ display:block; width:388px; height:288px; object-fit: cover;} .i_d4_list li .img:after { content: ""; position: absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.4); transition:all 0.3s;} .i_d4_list li .txt1{ margin-top:10px; height:56px; line-height:56px; font-size:20px; color:#333333; padding:0 15px; position:relative;} .i_d4_list li .txt1 a{ color:#333333; transition:all 0.3s;} .i_d4_list li .txt1:before{ content: ""; position: absolute; left:0; bottom:0px; width: 100%; height:1px; background:#cccccc;} .i_d4_list li .txt1:after{ content: ""; position: absolute; left:0; bottom:0px; width: 0; height:1px; background:#c3d728; transition:all 0.3s;} .i_d4_list li .txt2{ height:35px; line-height:35px; font-size:14px; color:#666666; padding:0 15px; margin-top:5px;} .i_d4_list li .txt3{ height:35px; line-height:35px; font-size:14px; color:#666666; padding:0 15px;} .i_d4_list li:hover .img:after { background:rgba(0,0,0,0);} .i_d4_list li:hover .txt1:after{ width: 100%;} .i_d4_list li:hover .txt1 a{ color:#c3d728;} .i_d5{ background:url(../images/i_d5_bg.jpg) center no-repeat; height:856px;} .i_d5_list li{ float:left; margin-top:60px; width:183px; margin-left:156px;} .i_d5_list li:nth-child(1){ margin-left:0;} .i_d5_list li:nth-child(5){ /*margin-left:169.5px;*/ margin-left:0;} .i_d5_list li .ico{ background:url(../images/i_d5_list_bg.png) center no-repeat; height:158px; line-height:158px; text-align:center;} .i_d5_list li .txt{ font-size:16px; color:#333333; line-height:45px; text-align:center;} .i_d6{ background:url(../images/i_d6_bg.jpg) center no-repeat; height:863px;} .i_d6_c{ position:relative; height:459px;} .i_d6_c .i_d6_img{ position:absolute; left:391px; top:44px;} .i_d6_c .i_d6_li1{ position:absolute; left:0; top:0;} .i_d6_c .i_d6_li2{ position:absolute; right:0; top:0;} .i_d6_c .i_d6_li3{ position:absolute; left:0; top:168px;} .i_d6_c .i_d6_li4{ position:absolute; right:0; top:168px;} .i_d6_c .i_d6_li5{ position:absolute; left:404px;; top:336px;} .i_d6_c .i_d6_box1{ width:391px; height:123px; background:url(../images/i_d6_list_bg1.png) center no-repeat;} .i_d6_c .i_d6_box1 .ico{ position:absolute; left:51px; top:17px; width:90px; height:90px; line-height:90px; text-align:center; background:#c3d72b; border-radius:50%;} .i_d6_c .i_d6_box1 .txt{ position:absolute; left:160px; top:32px;} .i_d6_c .i_d6_box1 .txt .txt1{ font-size:16px; color:#ffffff; line-height:30px;} .i_d6_c .i_d6_box1 .txt .txt2{ font-size:12px; color:#ffffff; line-height:30px; text-transform:uppercase;} .i_d6_c .i_d6_box2{ width:391px; height:123px; background:url(../images/i_d6_list_bg2.png) center no-repeat;} .i_d6_c .i_d6_box2 .ico{ position:absolute; left:51px; top:17px; width:90px; height:90px; line-height:90px; text-align:center; background:#999999; border-radius:50%;} .i_d6_c .i_d6_box2 .txt{ position:absolute; left:160px; top:32px;} .i_d6_c .i_d6_box2 .txt .txt1{ font-size:16px; color:#666666; line-height:30px;} .i_d6_c .i_d6_box2 .txt .txt2{ font-size:12px; color:#999999; line-height:30px; text-transform:uppercase;} .i_d6_c .i_d6_box3{ width:391px; height:123px; background:url(../images/i_d6_list_bg3.png) center no-repeat;} .i_d6_c .i_d6_box3 .ico{ position:absolute; left:51px; top:17px; width:90px; height:90px; line-height:90px; text-align:center; background:#c3d72b; border-radius:50%;} .i_d6_c .i_d6_box3 .txt{ position:absolute; left:160px; top:32px;} .i_d6_c .i_d6_box3 .txt .txt1{ font-size:16px; color:#666666; line-height:30px;} .i_d6_c .i_d6_box3 .txt .txt2{ font-size:12px; color:#999999; line-height:30px; text-transform:uppercase;} .i_d7_nav{ text-align:center;} .i_d7_nav li{ display:inline-block; width:160px; height:48px; margin:0 7px;} .i_d7_nav li a{ display:block; width:100%; height:48px; line-height:48px; text-align:center; background:#999999; border-radius:24px; font-size:18px; color:#ffffff; transition:all 0.3s;} .i_d7_nav li.on a{ background:#c3d72b;} .i_d7_container{ padding-bottom:45px;} .i_d7_list li{ background:#fff;} .i_d7_list li .img{ width:288px; height:288px; line-height:288px;} .i_d7_list li .img img{ display:block; width:288px; height:288px; object-fit: contain;} .i_d7_list li .txt{ padding:22px;} .i_d7_list li .txt .txt1{ font-size:20px; color:#333333; line-height:40px;} .i_d7_list li .txt .txt2{ font-size:14px; color:#999999; line-height:30px; height:60px; overflow:hidden;} .i_d7_container .i_d7_next{ position:absolute; right:0; bottom:0; width:48px; height:18px; border:#cccccc 1px solid; background:url(../images/i_d7_next_ico.png) center no-repeat; cursor:pointer;} .i_d7_container .i_d7_next:hover{ border:#c3d72b 1px solid; background:url(../images/i_d7_next_ico_on.png) #c3d72b center no-repeat;} .i_d7_container .i_d7_prev{ position:absolute; right:60px; bottom:0; width:48px; height:18px; border:#cccccc 1px solid; background:url(../images/i_d7_prev_ico.png) center no-repeat; cursor:pointer;} .i_d7_container .i_d7_prev:hover{ border:#c3d72b 1px solid; background:url(../images/i_d7_prev_ico_on.png) #c3d72b center no-repeat;} .footer1{ background:#eaeaea; padding-top:80px; padding-bottom:50px;} .footer1_l{ float:left; width:450px;} .footer_logo{ margin-top:12px;} .footer1_l_title{ font-size:16px; color:#666666; line-height:30px; padding-bottom:20px;} .footer1_l_title2{ font-size:16px; color:#666666; line-height:30px;} .footer1_l_dh{ font-size:40px; color:#666666; line-height:60px;} .footer1_ewm_list li{ float:left; width:118px; margin-right:15px;} .footer1_ewm_list li img{ display:block; width:118px;} .footer1_ewm_list li .txt{ font-size:14px; color:#666666; line-height:40px; text-align:center;} .footer1_r{ float:right; width:725px;} .footer1_nav{ float:left; width:125px; margin-left:25px;} .footer1_nav:nth-child(1){ margin-left:0;} .footer1_nav .title{ font-size:18px; color:#999999; line-height:35px;} .footer1_nav .title a{ color:#999999;} .footer1_nav .footer1_nav_list{ margin-top:20px;} .footer1_nav .footer1_nav_list li{ font-size:14px; color:#666666; line-height:35px;} .footer1_nav .footer1_nav_list li a{ color:#666666;} .footer1_lx_list{ float:left; width:476px; padding-top:20px;} .footer1_lx_list li{ font-size:14px; color:#666666; line-height:35px; padding-left:25px;} .footer1_lx_list li.ico1{ background:url(../images/footer_lx_ico1.png) left center no-repeat;} .footer1_lx_list li.ico2{ background:url(../images/footer_lx_ico2.png) left center no-repeat;} .footer1_lx_list li.ico3{ background:url(../images/footer_lx_ico3.png) left center no-repeat;} .footer1_p_img{ float:right; width:237px;} .footer2{ background:#bcbbbb; padding:10px 0;} .footer2 .footer2_txt1{ float:left; width:1000px; font-size:12px; color:#666666; line-height:30px;} .footer2 .footer2_txt1 *{ color:#666666;} .footer2 .footer2_txt2{ float:right; width:200px; font-size:12px; color:#666666; line-height:30px; text-align:right;} .footer2 .footer2_txt2 *{ color:#666666;} /*关于我们*/ .n_banner{ min-width:1200px; position:relative;} .n_banner img{ display:block; width:100%;} .n_banner #n_nav{ position:absolute; left:0; bottom:0; width:100%; height:110px;} .n_nav{ height:80px; border-bottom:#cccccc 1px solid;} .n_nav_list li{ float:left; width:156px; height:80px;} .n_nav_list li a{ display:block; height:80px; line-height:80px; font-size:18px; color:#333; text-align:center; position:relative; transition:all 0.3s;} .n_nav_list li a:after { content: ""; position: absolute; left: 50%; bottom:-1px; width: 0; height:2px; background:#3a4201; transition:all 0.3s;} .n_nav_list li.on a, .n_nav_list li:hover a{ color:#3a4201;} .n_nav_list li.on a:after, .n_nav_list li:hover a:after{ width: 80px; margin-left:-40px;} .ab_d2{ position:relative; height:774px;} .ab_d2 .ab_d2_img{ position:absolute; left:0; top:0; width:58%; height:774px; object-fit: cover;} .ab_d2 .ab_d2_bg{ position:absolute; right:0; top:40px; width:55%; height:695px; background:url(../images/ab_d2_ico.png) #eaeaea 150px 400px no-repeat;} .ab_d2_c{ float:right; width:520px; position:relative; z-index:2;} .ab_d2_txt{ margin-top:50px; font-size:14px; color:#666666; line-height:35px;} .ab_d2_txt *{ line-height:35px;} .ab_d3_c{ float:left; width:580px;} .ab_d3_txt{ margin-top:50px; font-size:14px; color:#666666; line-height:35px;} .ab_d3_txt *{ line-height:35px;} .ab_d3_img{ float:right; width:570px;} .ab_d4{ position:relative; height:795px;} .ab_d4 .ab_d4_img{ position:absolute; right:0; top:0; width:60%; height:795px; object-fit: cover;} .ab_d4 .ab_d4_bg{ position:absolute; left:0; top:54px; width:55%; height:695px; background:url(../images/ab_d2_ico.png) right 15px top 400px no-repeat #ffffff;} .ab_d4_c{ float:left; width:580px; position:relative; z-index:2;} .ab_d4_txt{ margin-top:50px; font-size:14px; color:#666666; line-height:35px;} .ab_d4_txt *{ line-height:35px;} .ab_d5_img{ float:left; margin-left:-186px;} .ab_d5_c{ float:right; width:575px; position:relative; z-index:2;} .ab_d5_txt{ margin-top:50px; font-size:14px; color:#666666; line-height:35px;} .ab_d5_txt *{ line-height:35px;} /*关于绿色发展*/ .gylsfz_bg{ background:url(../images/gylsfz_bg.jpg) top center repeat-y;} .gylsfz_d1_c{ float:left; width:580px;} .gylsfz_d1_txt{ margin-top:30px;} .gylsfz_d1_container{ float:right; width:550px; height:440px;} .gylsfz_d1_list li img{ width:550px; height:440px; object-fit: cover;} .gylsfz_d1_pagination{ text-align:right; padding:0 10px; box-sizing:border-box;} .gylsfz_d1_pagination .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; opacity:1;} .gylsfz_d1_pagination .swiper-pagination-bullet-active{ background:#c3d72b;} .gylsfz_d2_title1{ font-size:30px; color:#3a4201; line-height:50px;} .gylsfz_d2_title2{ font-size:20px; color:#999999; line-height:40px;} .gylsfz_d3_title{ background:url(../images/i_d2_ico.png) top center no-repeat; padding-top:20px;} .gylsfz_d3_title .title1{ font-family:Arial; font-size:24px; color:#3a4201; line-height:40px; text-align:center; font-style: italic; text-transform: uppercase;} .gylsfz_d3_title .title2{ font-size:36px; line-height:40px; text-align:center;} .gylsfz_d3_table1 tr td{ background:#cccccc; border:#fcfdf2 10px solid; height:46px; text-align:center; font-size:14px; color:#333;} .gylsfz_d3_table1 tr.biaoti td{ background:#c3d72b; font-size:20px;} .gylsfz_d3_table1 tr td:nth-child(1), .gylsfz_d3_table1 tr td:nth-child(2), .gylsfz_d3_table1 tr td:nth-child(4), .gylsfz_d3_table1 tr td:nth-child(5){ width:150px;} /*发展历程*/ .fzlc_title{ font-size:36px; color:#383839; line-height:50px; text-align:center;} .fzlc_d1_container{ padding-bottom:2px; background:url(../images/fzlc_d1_hr.png) center 61px repeat-x;} .fzlc_d1_list li .txt .txt1{ font-size:18px; color:#383839; line-height:50px; text-align:center;} .fzlc_d1_list li .txt .ico{ width:22px; height:22px; background:url(../images/fzlc_d1_ico.png) center no-repeat; margin:0 auto;} .fzlc_d1_list li .txt.on .ico{ background:url(../images/fzlc_d1_ico_on.png) center no-repeat;} /*.fzlc_d1_list{ background:url(../images/fzlc_d1_hr.png) center 61px repeat-x;}*/ .fzlc_d1_container .fzlc_d1_next{ position:absolute; right:0; bottom:0; width:24px; height:24px; border:#cccccc 1px solid; background:url(../images/fzlc_d1_r.png) #fcfdf2 center no-repeat; cursor:pointer; z-index:2;} .fzlc_d1_container .fzlc_d1_next:hover{ border:#c3d72b 1px solid; background:url(../images/fzlc_d1_r_on.png) #c3d72b center no-repeat;} .fzlc_d1_container .fzlc_d1_prev{ position:absolute; left:0; bottom:0; width:24px; height:24px; border:#cccccc 1px solid; background:url(../images/fzlc_d1_l.png) #fcfdf2 center no-repeat; cursor:pointer; z-index:2;} .fzlc_d1_container .fzlc_d1_prev:hover{ border:#c3d72b 1px solid; background:url(../images/fzlc_d1_l_on.png) #c3d72b center no-repeat;} .fzlc_d2_list{ background:url(../images/fzlc_d2_hr.png) 599px repeat-y;} .fzlc_d2_list li{ padding:40px 0; position:relative;} .fzlc_d2_list li .txt .txt1{ line-height:90px; font-size:46px; color:#383839;} .fzlc_d2_list li .txt .txt1 span{ font-size:20px; margin-left:10px;} .fzlc_d2_list li .txt .txt2{ font-size:16px; color:#666666; line-height:30px;} .fzlc_d2_list li:nth-child(2n+1){} .fzlc_d2_list li:nth-child(2n){} .fzlc_d2_list li:nth-child(2n+1) .fzlc_d2_img{ float:right; width:480px;} .fzlc_d2_list li:nth-child(2n+1) .txt{ float:left; width:480px;} .fzlc_d2_list li:nth-child(2n+1):before{ content: ""; position: absolute; left: 480px; top:80px; width: 127px; height:14px; background:url(../images/fzlc_d2_ico1.png) center no-repeat;} .fzlc_d2_list li:nth-child(2n) .fzlc_d2_img{ float:left; width:480px;} .fzlc_d2_list li:nth-child(2n) .txt{ float:right; width:480px;} .fzlc_d2_list li:nth-child(2n):before{ content: ""; position: absolute; left: 593px; top:80px; width: 127px; height:14px; background:url(../images/fzlc_d2_ico2.png) center no-repeat;} /*荣誉证书*/ .honor_nav{ text-align:center;} .honor_nav li{ display:inline-block; width:180px; height:48px; margin:0 30px;} .honor_nav li a{ display:block; width:100%; height:48px; line-height:48px; text-align:center; background:#999999; border-radius:24px; font-size:18px; color:#ffffff; transition:all 0.3s;} .honor_nav li.on a, .honor_nav li:hover a{ background:#c3d72b;} .fzlc_content{ position:relative;} .fzlc_list li .img{ width:100%; height:320px; background:#fcfdf2; padding:20px; text-align:center; line-height:280px; box-sizing:border-box;} .fzlc_list li .img img{ max-width:100%; max-height:280px;} .fzlc_list li .txt{ padding:20px 10px; height:30px; line-height:30px; text-align:center; background:#efefef; font-size:18px; color:#383839; transition:all 0.3s;} .fzlc_list li:hover .txt{ background:#c3d72b; color:#fff;} .fzlc_content .fzlc_next{ position:absolute; right:-75px; top:50%; width:48px; height:48px; border:#fff 1px solid; border-radius:50%; background:url(../images/banner_right_on.png) #e7e7e7 center no-repeat; z-index:2; cursor:pointer; transition:all 0.3s;} .fzlc_content .fzlc_next:hover{ background:url(../images/banner_right.png) #c3d72b center no-repeat; z-index:2; cursor:pointer;} .fzlc_content .fzlc_prev{ position:absolute; left:-75px; top:50%; width:48px; height:48px; border:#fff 1px solid; border-radius:50%; background:url(../images/banner_left_on.png) #e7e7e7 center no-repeat; z-index:2; cursor:pointer; transition:all 0.3s;} .fzlc_content .fzlc_prev:hover{ background:url(../images/banner_left.png) #c3d72b center no-repeat; z-index:2; cursor:pointer;} /*企业文化*/ .wh_d1{ position:relative; height:774px;} .wh_d1 .wh_d1_img{ position:absolute; right:0; top:0; width:60%; height:774px; object-fit: cover;} .wh_d1 .wh_d1_bg{ position:absolute; left:0; top:64px; width:59%; height:650px; background:#fcfdf2;} .wh_d1_c{ float:left; width:780px; position:relative; z-index:2;} .wh_d1_list li{ float:left; width:200px; margin-left:50px;} .wh_d1_list li:nth-child(1){ margin-left:0;} .wh_d1_list li .ico{ width:95px; height:126px; transition:all 0.3s;} .wh_d1_list li .ico1{ width:95px; height:126px; background:url(../images/wh_d1_ico1.png) center no-repeat; transition:all 0.3s;} .wh_d1_list li .ico2{ width:95px; height:126px; background:url(../images/wh_d1_ico2.png) center no-repeat; transition:all 0.3s;} .wh_d1_list li .ico3{ width:95px; height:126px; background:url(../images/wh_d1_ico3.png) center no-repeat; transition:all 0.3s;} .wh_d1_list li .title{ font-size:24px; color:#383839; line-height:40px; padding:10px 0;} .wh_d1_list li:hover .ico{ background:url(../images/wh_d1_ico_bg.png) center no-repeat;} .wh_d1_list li:hover .ico1{ background:url(../images/wh_d1_ico1_on.png) center no-repeat;} .wh_d1_list li:hover .ico2{ background:url(../images/wh_d1_ico2_on.png) center no-repeat;} .wh_d1_list li:hover .ico3{ background:url(../images/wh_d1_ico3_on.png) center no-repeat;} .wh_d2_list li:nth-child(1){ float:left; width:492px;} .wh_d2_list li:nth-child(2){ float:right; width:660px;} .wh_d2_list li .img{ object-fit: cover; position:relative;} .wh_d2_list li .img img{ width:100%; height:556px; object-fit: cover;} .wh_d2_list li .mb{ position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.45); transition:all 0.3s;} .wh_d2_list li .mb .mb_title{ position:absolute; left:0; top:50%; width:100%; margin-top:-43px; background:url(../images/i_d2_ico.png) top center no-repeat;} .wh_d2_list li .mb .mb_title .title1{ padding-top:16px; font-size:24px; color:#ffffff; line-height:30px; text-align:center; text-transform:uppercase;} .wh_d2_list li .mb .mb_title .title2{ font-size:36px; color:#ffffff; line-height:40px; text-align:center;} .wh_d2_list li .title{ font-size:24px; color:#666666; line-height:45px; margin-top:25px; text-align:center;} .wh_d2_list li .txt{ font-size:14px; color:#666666; line-height:35px; text-align:center; padding:0 50px;} .wh_d2_list li .txt *{ line-height:35px;} .wh_d2_list li:hover .mb{ background:rgba(0,0,0,0.2);} .wh_d3{ position:relative; height:774px;} .wh_d3 .wh_d3_img{ position:absolute; right:0; top:0; width:61%; height:774px; object-fit: cover;} .wh_d3 .wh_d3_bg{ position:absolute; left:0; top:43px; width:59%; height:690px; background:url(../images/ab_d2_ico.png) right 15px top 400px no-repeat #eaeaea;} .wh_d3_c{ float:left; width:780px; position:relative; z-index:2;} .wh_d3_list li{ float:left; width:260px; margin-left:110px;} .wh_d3_list li:nth-child(1){ margin-left:0;} .wh_d3_list li .ico{ height:60px; line-height:60px; padding-bottom:20px; padding-top:20px;} .wh_d3_list li .title{ font-size:24px; color:#383839; line-height:40px; padding:10px 0;} .wh_d3_list li:hover .ico{ background:url(../images/wh_d3_ico_bg.png) center no-repeat;} .wh_d3_list li:hover .ico1{ background:url(../images/wh_d3_ico1_on.png) center no-repeat;} .wh_d3_list li:hover .ico2{ background:url(../images/wh_d3_ico2_on.png) center no-repeat;} .wh_d3_list li:hover .ico3{ background:url(../images/wh_d3_ico3_on.png) center no-repeat;} .wh_d4{ background:url(../images/wh_d4_bg.jpg) top center no-repeat; height:702px;} .wh_d4_title{ background:url(../images/i_d2_ico.png) top center no-repeat; padding-top:20px;} .wh_d4_title .title1{ font-family:Arial; font-size:24px; color:#fff; line-height:40px; text-align:center; font-style: italic; text-transform: uppercase;} .wh_d4_title .title2{ font-size:36px; line-height:40px; text-align:center; color:#fff;} .wh_d4_list li{ float:left; width:296px; height:262px; padding:0 35px; background:#fff; margin-left:51px;} .wh_d4_list li:nth-child(3n+1){ margin-left:0;} .wh_d4_list li .wh_d4_list_title{ width:160px; height:44px; line-height:44px; text-align:center; background:#c3d72b; font-size:16px; color:#3a4201; margin:-22px auto 0 auto;} .wh_d4_list li .hr{ width:25px; height:5px; background:#c3d72b; margin:50px auto 15px auto;} .wh_d4_list li .title{ font-size:24px; color:#3a4201; line-height:40px; text-align:center; margin-bottom:10px;} .wh_d4_list li .txt{ font-size:14px; color:#666666; line-height:35px; text-align:center;} .wh_d4_list li .txt *{ line-height:35px;} /*视频专区*/ .shipin_nav{ line-height:40px; text-align:center; font-size:16px; color:#cccccc;} .shipin_nav a{ font-size:18px; color:#333333; margin:0 22px;} .shipin_nav a.on, .shipin_nav a:hover{ color:#c3d72b;} .shipin_list li{ float:left; width:550px; height:310px; position:relative; margin-left:100px; margin-top:85px;} .shipin_list li:nth-child(2n+1){ margin-left:0;} .shipin_list li .shipin_img{ display:block; width:550px; height:310px; object-fit: cover;} .shipin_list li .mb{ position:absolute; left:0; top:0; width:550px; height:310px; line-height:310px; text-align:center; background:rgba(0,0,0,0.23); transition:all 0.3s;} .shipin_list li:hover .mb{ background:rgba(0,0,0,0.1);} .shipin_list li .txt{ font-size:16px; color:#383839; line-height:30px; padding:20px 0; text-align:center; transition:all 0.3;} .shipin_list li:hover .txt{ color:#c3d72b;} /*加入我们*/ .join_d1{ background:url(../images/join_d1_bg.png) center 70px no-repeat; height:900px; position:relative;} .join_d1 li{ width:300px;} .join_d1 li .ico{ line-height:140px; text-align:center;} .join_d1 li .ico img{ width:100px; height:100px; border-radius:50%; object-fit: cover;} .join_d1 li .title{ font-size:24px; color:#c3d72b; line-height:50px; text-align:center; font-weight:bold;} .join_d1 li .txt{ font-size:16px; color:#999999; line-height:30px; text-align:center;} .join_d1 li:nth-child(1){ position:absolute; left:450px; top:0px;} .join_d1 li:nth-child(2){ position:absolute; left:120px; top:170px;} .join_d1 li:nth-child(3){ position:absolute; right:120px; top:170px;} .join_d1 li:nth-child(4){ position:absolute; left:75px; top:560px;} .join_d1 li:nth-child(5){ position:absolute; right:75px; top:560px;} .join_d1 li:nth-child(6){ position:absolute; left:450px; top:710px;} .join_d2{ background:url(../images/join_d2_bg.jpg) center no-repeat; height:924px;} .join_d2_title{ background:url(../images/i_d2_ico.png) top center no-repeat; padding-top:20px;} .join_d2_title .title1{ font-family:Arial; font-size:24px; color:#999999; line-height:40px; text-align:center; font-style: italic; text-transform: uppercase;} .join_d2_title .title2{ font-size:36px; line-height:40px; text-align:center; color:#fefefe;} .join_d3_list{ float:left; width:50%;} .join_d3_list li{ padding-left:105px; width:320px;} .join_d3_list li .ico{ line-height:60px; text-align:center;} .join_d3_list li .title{ font-size:20px; color:#ffffff; line-height:35px; font-weight:bold; text-align:center;} .join_d3_list li .txt{ font-size:14px; color:#ffffff; line-height:30px; text-align:center; height:120px;} .join_d3_list li:nth-child(2){ padding-left:160px; width:320px;} .join_d4_list{ background:url(../images/join_d4_bg.png) right 130px no-repeat; height:550px; position:relative;} .join_d4_list li{ width:325px;} .join_d4_list li .ico{ line-height:110px; text-align:center;} .join_d4_list li .title{ font-size:20px; color:#383839; line-height:35px; text-align:center;} .join_d4_list li .txt{ font-size:14px; color:#666666; line-height:30px; text-align:center; margin-top:5px;} .join_d4_list li:nth-child(1){ position:absolute; left:0; top:10px;} .join_d4_list li:nth-child(2){ position:absolute; left:450px; top:10px;} .join_d4_list li:nth-child(3){ position:absolute; left:875px; top:10px;} .join_d4_list li:nth-child(4){ position:absolute; left:630px; top:242px; width:410px;} .join_d4_list li:nth-child(5){ position:absolute; left:0; top:242px;} .join_d5{ background:#fff;} .ms_c{ padding:0 30px;} .ms_c .ms_inp{ float:left; margin-left:15px; display:block; width:370px; height:40px; line-height:38px; border:#cfcfcf 1px solid; padding:0 12px; box-sizing:border-box; outline:none;} .noml{ margin-left:0 !important;} .ms_c .ms_sel{ float:left; margin-left:15px; display:block; width:755px; height:40px; line-height:38px; border:#cfcfcf 1px solid; padding:0 12px; box-sizing:border-box; outline:none;} .ms_c .ms_textarea{ display:block; width:100%; height:126px; line-height:38px; border:#cfcfcf 1px solid; padding:0 12px; box-sizing:border-box; outline:none; font-family:"宋体";} .ms_c .ms_bt{ display:block; width:100%; height:40px; line-height:40px; border:0; padding:0 12px; box-sizing:border-box; outline:none; background:#c3d72b; font-size:16px; color:#fff; cursor:pointer;} /*招聘职位*/ .zp_sel{ margin-left:15px; display:block; float:left; width:240px; height:63px; background:#cccccc; border:0; padding:0 18px; font-size:16px; color:#333333; box-sizing:border-box; outline:none;} .zp_inp{ margin-left:15px; display:block; float:left; width:480px; height:63px; background:#cccccc; border:0; padding:0 18px; font-size:16px; color:#333333; box-sizing:border-box; outline:none;} .zp_bt{ float:right; display:block; width:196px; height:63px; line-height:63px; border:0; box-sizing:border-box; outline:none; background:#c3d72b; font-size:16px; color:#fff; cursor:pointer;} .zp_list li{ background:#fff; height:63px; overflow:hidden;} .zp_list li .zp_xx_list{ background:#fafafa;} .zp_list li:nth-child(2n+1) .zp_xx_list{ background:#eee;} .zp_list li.bt .zp_xx_list{ background:#727274; color:#fff;} .zp_list li .zp_xx_list .li{ float:left; width:160px; height:63px; line-height:63px; text-align:center; font-size:16px;} .zp_list li .zp_xx_list .li:nth-child(3){ width:280px;} .zp_list li .zp_xx_list .li:nth-child(7){ float:right; width:100px;} .zp_list li .zp_xx_list .li .ico{ display:block; width:100px; height:63px; background:url(../images/zp_ico1.png) center no-repeat; cursor:pointer;} .zp_list li .zp_xx2{ padding:30px 28px 60px 28px;} .zp_list li .zp_xx2 .zp_xx2_box{ float:left; width:50%;} .zp_list li .zp_xx2 .zp_xx2_box .title{ font-size:16px; color:#333333; line-height:60px;} .zp_list li .zp_xx2 .zp_xx2_box2{ height:44px; line-height:44px; font-size:14px; color:#333333;} .zp_list li .zp_xx2 .zp_xx2_box2 a.ljsq_bt{ display:inline-block; width:164px; height:44px; line-height:44px; text-align:center; background:#c3d72b; color:#fff; margin-right:20px;} .zp_list li.on{ height:auto;} .zp_list li.on .zp_xx_list{ background:#c3d72b; color:#fff;} .zp_list li.on .zp_xx_list .li .ico{ background:url(../images/zp_ico2.png) center no-repeat;} /*联系我们*/ .lianxi_box{ background:#fff; box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15); padding:40px 22px 50px 22px;} .lianxi_box .lianxi_box_l{ float:left; width:548px;} .lianxi_box .lianxi_box_l img{ width:100%; height:334px; object-fit: cover;} .lianxi_box .lianxi_box_r{ float:right; width:580px; background:url(../images/ab_d2_ico.png) right 210px no-repeat; min-height:695px;} .lianxi_box_title{ font-size:20px; color:#383839; line-height:60px; text-align:center; font-weight:bold; margin-bottom:40px;} .lianxi_xx_list li{ float:left; width:50%; padding:0 10px; box-sizing:border-box;} .lianxi_xx_list li .ico{ height:80px; line-height:80px; text-align:center;} .lianxi_xx_list li .title{ font-size:16px; color:#666666; line-height:30px; text-align:center;} .lianxi_xx_list li .txt{ font-size:16px; color:#383839; line-height:30px; text-align:center; height:60px;} .lianxi_ewm_list{ border-top:#cfcfcf 1px dashed; margin-top:20px; padding-top:40px; text-align:center;} .lianxi_ewm_list li{ display:inline-block; width:154px; text-align:center; font-size:14px; color:#666666; line-height:30px;} .lianxi_box2 .lianxi_box_l{ float:right; width:548px;} .lianxi_box2 .lianxi_box_r{ float:left; width:580px; background:url(../images/ab_d2_ico.png) 80px 350px no-repeat;} /*新闻列表页*/ .news_list li{ float:left; width:388px; margin-left:18px; margin-top:40px;} .news_list li .fd{ width:388px; height:280px;} .news_list li .fd img{ width:388px; height:280px; object-fit: cover;} .news_list li:nth-child(3n+1){ margin-left:0;} .news_list li .txt{ border:#efefef 1px solid; border-top:0; padding:15px 12px;} .news_list li .txt .txt1{ font-size:16px; color:#333333; line-height:40px; transition:all 0.3s;} .news_list li .txt .txt2{ font-size:14px; color:#666666; line-height:40px; position:relative; margin-top:10px;} .news_list li .txt .txt2 span{ position:absolute; right:0; top:0; color:#c3d72b;} .news_list li:hover .fd img{transform: scale(1.05)} .news_list li:hover .txt .txt1{ color:#c3d72b;} /*新闻详情页*/ .n_weizhi{ height:50px; line-height:50px; font-size:14px; color:#666666;} .n_weizhi a{ height:50px; line-height:50px; font-size:14px; color:#666666;} .n_weizhi .n_weizhi_ico{ position:relative; top:-2px; margin-right:5px;} .news_i_box{ background:#fff; padding:50px 77px;} .news_i_title1{ font-size: 30px; color: #333333; line-height: 60px; text-align:center;} .news_i_title2{ font-size: 14px; color: #999999; line-height: 40px; padding-bottom: 20px; border-bottom: #e1e1e1 1px solid; margin-bottom: 30px; text-align:center;} .news_i_more{ margin-top: 50px; padding-top:30px; border-top:#f5f5f5 1px solid;} .news_i_more li{ line-height: 40px; font-size: 16px; color: #666666;} .news_i_more li:nth-child(1) a{ color:#999999;} .news_i_more li:nth-child(2) a{ color:#666666;} .news_i_more a{ color: #666666;} a.news_i_back{ float:right; display: block; width: 160px; height: 42px; border: #cccccc 1px solid; text-align: center; line-height: 42px; font-size: 16px; color: #265353; margin-top: 35px;} a.news_i_back:hover{ border: #265353 1px solid; background: #265353; color: #fff;} /*知识问答*/ .wd_box{ background:#fff; padding:50px 44px;} .wd_title1{ font-size: 30px; color: #333333; line-height: 60px; text-align:center; padding-bottom: 20px; border-bottom: #e1e1e1 1px solid; margin-bottom: 30px;} .wd_list li{ margin-top:40px; padding-left:70px;} .wd_list li .title{ font-size:20px; color:#333333; line-height:50px; position:relative;} .wd_list li .title:after{ content: ""; position: absolute; left: -70px; top:10px; width: 56px; height:47px; background:url(../images/wd_ico1.png) center no-repeat;} .wd_list li .txt{ font-size:16px; color:#666666; line-height:35px; margin-top:10px; position:relative;} .wd_list li .txt *{ line-height:35px;} .wd_list li .txt:after{ content: ""; position: absolute; left: -70px; top:10px; width: 56px; height:47px; background:url(../images/wd_ico2.png) center no-repeat;} /*工程案例*/ .case_nav_box{ background:#fff; box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15); padding-top:40px; padding-bottom:40px;} .case_nav_list li{ border-top:#e1e1e1 1px solid; padding:20px 0 20px 120px; font-size:16px; color:#333333; line-height:40px; position:relative;} .case_nav_list li:nth-child(1){ border-top:0;} .case_nav_list li .title{ position:absolute; left:0; top:20px; font-size:18px; color:#666666; line-height:40px;} .case_nav_list li .title img{ position:relative; top:-2px; margin-right:5px;} .case_nav_list li a{ display:inline-block; font-size:16px; color:#333333; line-height:40px; margin-left:45px;} .case_nav_list li a.on{ color:#c3d72b;} .case_list li{ float:left; width:382px; margin-left:27px; margin-top:20px;} .case_list li:nth-child(3n+1){ margin-left:0;} .case_list li .img{ width:100%; height:286px; position:relative;} .case_list li .img img{ width:100%; height:286px; object-fit: cover;} .case_list li .txt{ height:74px; line-height:74px; text-align:center; font-size:18px; color:#666666; transition:all 0.3s;} .case_list li:hover .txt{ background:#c3d72b; color:#fff;} /*特效*/ .case_list li .mb{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 9; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transition:all 0.3s;} .case_list li .mb i { display: block; position: absolute; background-color: #c3d72b; transition: all 0.4s;} .case_list li .mb i.t { top: 10px; left: 50%; width: 0; height: 1px;} .case_list li .mb i.b { bottom: 10px; left: 50%; width: 0; height: 1px;} .case_list li .mb i.l { left: 10px; top: 50%; width: 1px; height: 0;} .case_list li .mb i.r { right: 10px; top: 50%; width: 1px; height: 0;} .case_list li:hover .mb { opacity: 1;} .case_list li:hover .mb i.t, .case_list li:hover .mb i.b { width: calc(100% - 20px);} .case_list li:hover .mb i.t { top: 10px; left: 10px;} .case_list li:hover .mb i.b { bottom: 10px; left: 10px;} .case_list li:hover .mb i.l, .case_list li:hover .mb i.r { height: calc(100% - 20px);} .case_list li:hover .mb i.l { left: 10px; top: 10px;} .case_list li:hover .mb i.r { right: 10px; top: 10px;} /*特效*/ /*工程案例详情页*/ .case_i_d1_search{ float:right; margin-right:86px; width:392px; height:38px; border:#cccccc 1px solid; background:#fcfdf2; border-radius:20px; overflow:hidden; position:relative; z-index:3;} .case_i_d1_search .i_d3_search_txt{ float:left; width:300px; height:38px; border:0; padding:0 20px; outline:none; background:#fcfdf2;} .case_i_d1_search .i_d3_search_bt{ float:right; width:50px; height:38px; background:url(../images/i_d3_search_bt.png) center no-repeat; border:0; cursor:pointer;} .case_i_d1{ min-height:440px; background:#fff; box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15); box-sizing:border-box; padding:30px 20px 50px 720px; position:relative;} .case_i_d1_img{ position:absolute; left:45px; top:-87px; width:636px; height:458px;} .case_i_d1_img img{ width:636px; height:458px; object-fit: cover;} .case_i_d1_img:before { content: ""; position: absolute; right:0; top:0; width: 72px; height:64px; background:url(../images/case_i_d1_img_ico1.png) center no-repeat;} .case_i_d1_img:after { content: ""; position: absolute; left:0; bottom:0; width: 68px; height:78px; background:url(../images/case_i_d1_img_ico2.png) center no-repeat;} .case_i_d1_title{ font-size:26px; color:#333333; line-height:50px;} .case_i_d1_list li{ min-height:30px; margin-top:15px; font-size:14px; color:#333333; line-height:30px; position:relative; padding-left:100px;} .case_i_d1_list li .title{ position:absolute; left:0; top:0; color:#999999;} .case_i_d1_list li .title img{ position:relative; top:-2px; margin-right:10px;} .case_i_d1_gs{ margin-top:15px; padding-top:60px; border-top:#e1e1e1 1px dashed; font-size:14px; color:#333333; line-height:25px; position:relative; padding-left:28px;} .case_i_d1_gs *{ line-height:25px;} .case_i_d1_gs .title{ position:absolute; left:0; top:20px; color:#999999; line-height:30px;} .case_i_d1_gs .title img{ position:relative; top:-2px; margin-right:10px;} .case_i_d2{ background:#fff; box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15); box-sizing:border-box; padding:40px 30px 40px 30px; position:relative;} .case_i_d2_title{ background:url(../images/i_d2_ico.png) 20px top no-repeat; padding-top:20px;} .case_i_d2_title .title1{ font-family:Arial; font-size:24px; color:#3a4201; line-height:40px; font-style: italic; text-transform: uppercase;} .case_i_d2_title .title2{ font-size:36px; line-height:40px;} .case_i_d2_hr{ height:1px; background:#f5f5f5; margin-top:32px; margin-bottom:40px;} .case_i_d2_c{ position:relative;} .case_i_d2_container{ width:872px; height:540px; padding-bottom:50px;} .case_i_d2_list li img{ width:872px; height:540px; object-fit: contain; /*border-radius:18px;*/} .case_i_d2_pagination{ text-align:center; padding:0 10px; box-sizing:border-box;} .case_i_d2_pagination .swiper-pagination-bullet{ width:10px; height:10px; background:#cccccc; opacity:1;} .case_i_d2_pagination .swiper-pagination-bullet-active{ background:#c3d72b;} .case_i_d2_c .case_i_d2_next{ position:absolute; right:0; top:248px; width:60px; height:60px; border:#fff 1px solid; border-radius:50%; background:url(../images/banner_right_on.png) #e7e7e7 center no-repeat; z-index:2; cursor:pointer; transition:all 0.3s;} .case_i_d2_c .case_i_d2_next:hover{ background:url(../images/banner_right.png) #c3d72b center no-repeat; z-index:2; cursor:pointer;} .case_i_d2_c .case_i_d2_prev{ position:absolute; left:0; top:248px; width:60px; height:60px; border:#fff 1px solid; border-radius:50%; background:url(../images/banner_left_on.png) #e7e7e7 center no-repeat; z-index:2; cursor:pointer; transition:all 0.3s;} .case_i_d2_c .case_i_d2_prev:hover{ background:url(../images/banner_left.png) #c3d72b center no-repeat; z-index:2; cursor:pointer;} .case_i_d3_title{ font-size:36px; color:#383839; line-height:50px; text-align:center; margin-bottom:40px;} .case_i_d3_title .icor{ font-size:24px; position:relative; top:-15px;} .case_i_d3_box{ background:#eeeeee; padding:44px 45px;} .case_i_d3_box_img{ float:left; width:437px;} .case_i_d3_box_txt{ float:right; width:580px;} .case_i_d3_box_txt .title{ font-size:20px; color:#383839; padding-top:25px; line-height:35px; padding-bottom:10px; transition:all 0.3s;} .case_i_d3_box_txt .title .icor{ font-size:10px; position:relative; top:-8px;} .case_i_d3_box_txt .txt{ font-size:14px; color:#999999; line-height:30px;} .case_i_d3_box:hover .case_i_d3_box_txt .title{ color:#c3d72b;} .shipin_list2 li{ float:left; width:550px; position:relative; margin-left:100px; margin-top:20px;} .shipin_list2 li:nth-child(2n+1){ margin-left:0;} .shipin_list2 li .shipin_img{ display:block; width:550px; height:310px; object-fit: cover;} .shipin_list2 li .mb{ position:absolute; left:0; top:0; width:550px; height:310px; line-height:310px; text-align:center; background:rgba(0,0,0,0.23); transition:all 0.3s;} .shipin_list2 li:hover .mb{ background:rgba(0,0,0,0.1);} .shipin_list2 li .txt{ font-size:16px; color:#383839; line-height:30px; padding:20px 0; text-align:center; transition:all 0.3;} .shipin_list2 li:hover .txt{ color:#c3d72b;} /*应用*/ .app_d1{ position:relative; height:710px; margin-top:54px;} .app_d1 .app_d1_img{ position:absolute; right:0; top:0; width:53%; height:710px; object-fit: cover;} .app_d1 .app_d1_bg{ position:absolute; left:0; top:63px; width:56%; height:579px; background:url(../images/app_d1_bg1.png) center no-repeat; background-size:100% 100%;} .app_d1_c{ float:left; width:480px; position:relative; z-index:2;} .app_d1_content .app_d1_title{ font-size:24px; color:#383839; line-height:60px;} .app_d1_content .app_d1_txt{ font-size:14px; color:#666666; line-height:35px; margin-bottom:20px;} .app_d1_ico{ position:absolute; right:37px; bottom:43px;} .app_d1:nth-child(2n) .app_d1_img{ left:0; right:auto;} .app_d1:nth-child(2n) .app_d1_bg{ left:auto; right:0; background:url(../images/app_d1_bg2.png) center no-repeat; background-size:100% 100%;} .app_d1:nth-child(2n) .app_d1_c{ float:right;} /*板材应用*/ .bcyy_d1{ background:#fff;} .bcyy_d1_title1{ font-size:36px; color:#383839; line-height:50px; text-align:center;} .bcyy_d1_title1 .icor{ font-size:24px; position:relative; top:-15px;} .bcyy_d1_title2{ font-size:20px; color:#999999; line-height:40px; text-align:center;} .bcyy_d1_list li{ float:left; width:20%; position:relative;} .bcyy_d1_list li .ico{ height:76px; line-height:76px; text-align:center;} .bcyy_d1_list li .ico img{ height:74px;} .bcyy_d1_list li .txt{ font-size:18px; color:#383839; line-height:30px; margin-top:10px; text-align:center;} .bcyy_d1_list li:after { content: ""; position: absolute; left: 0; top:22px; width: 1px; height:50px; background:#ebebeb;} .bcyy_d1_list li:nth-child(5n+1):after { display:none;} .bcyy_d2_box { position:relative;} .bcyy_d2_box:before { content: ""; position: absolute; left:444px; top:-122px;; width: 311px; height:244px; background:url(../images/ab_d2_ico.png) center no-repeat;} .dyg:before { display:none !important;} .bcyy_d2_box_txt{ float:left; width:540px;} .bcyy_d2_box_txt .title{ font-size:30px; color:#333333; line-height:80px; padding-top:20px;} .bcyy_d2_box_txt .bcyy_d2_title{ font-size:18px; color:#333333; line-height:35px; margin-bottom:15px;} .bcyy_d2_box_txt .bcyy_d2_title span{ color:#c2d52b; font-weight:bold;} .bcyy_d2_container{ float:right; width:600px; height:396px;} .bcyy_d2_list li img{ width:600px; height:396px; object-fit: cover;} .bcyy_d2_pagination{ text-align:right; padding:0 10px; box-sizing:border-box;} .bcyy_d2_pagination .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; opacity:1;} .bcyy_d2_pagination .swiper-pagination-bullet-active{ background:#c3d72b;} .bcyy_d2_box:nth-child(2n) .bcyy_d2_box_txt{ float:right;} .bcyy_d2_box:nth-child(2n) .bcyy_d2_container{ float:left;} /*产品详情页*/ .p_i_d1{ background:#fff; box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15);} .p_b_img{ float:left; width:580px;} .p_i_d1_txt{ float:right; width:565px;} .p_i_d1_txt .title{ padding:20px 0; line-height:60px; font-size:32px; color:#333333; border-bottom:#e1e1e1 1px solid; margin-bottom:25px;} .tablecs table{ width:100%} .tablecs table tr{} .tablecs table td{ line-height:30px; vertical-align:top; padding:5px 0;} .tablecs table tr td:nth-child(1) { width:120px; color:#999999;} .p_i_d2{ background:#fff; box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15); box-sizing:border-box; padding:40px 30px 40px 30px; position:relative;} .p_d2_list li{ float:left; width:200px; margin-left:35px; margin-bototm:20px;} .p_d2_list li:nth-child(5n+1){ margin-left:0;} .p_d2_list li .img{ width:200px; height:200px; line-height:200px; text-align:center; position:relative;} .p_d2_list li .img img{ display:block; width:200px; height:200px; object-fit: contain;} .p_d2_list li .img .mb{ position:absolute; left:0; top:0; width:200px; height:190px; border-bottom:#c3d72b 10px solid; background:url(../images/p_i_mb_ico.png) rgba(0,0,0,0.55) center no-repeat; opacity:0; transition:all 0.3s;} .p_d2_list li:hover .img .mb{ opacity:1;} .p_d2_list li .txt{ font-size:16px; color:#3a4201; line-height:50px; text-align:center;} .p_d3_list li .title{ font-size:18px; color:#c3d72b; line-height:40px; padding-bottom:10px;} .p_d3_list li .txt{ font-size:14px; color:#666666; line-height:30px; margin-bottom:30px;} .p_d3_list li .txt img{ max-width:100%;} .p_d4_list li{ float:left; width:260px; margin-left:33px; margin-bototm:20px;} .p_d4_list li:nth-child(4n+1){ margin-left:0;} .p_d4_list li .fd{ width:260px; height:158px; border-radius:10px; overflow:hidden;} .p_d4_list li .fd img{ width:260px; height:158px; object-fit: cover;} .p_d4_list li .txt{ font-size:16px; color:#3a4201; line-height:50px; text-align:center;} /*悬浮框*/ .xf{ position:fixed; right:0px; top:50%; z-index:9999;} .xf li{ width:70px; height:70px; cursor:pointer; position:relative; background:#fff;} .xf li:nth-child(1){ margin-top:0px;} .xf li .xf_txt{ width:70px; height:65px; background:#fff; padding-top:5px;} .xf li .ico1{ width:70px; height:30px; background:url(../images/xf_ico1.png) #fff center no-repeat; position:relative} .xf li .ico2{ width:70px; height:30px; background:url(../images/xf_ico2.png) #fff center no-repeat;} .xf li .ico3{ width:70px; height:30px; background:url(../images/xf_ico3.png) #fff center no-repeat;} .xf li .ico4{ width:70px; height:30px; background:url(../images/xf_ico4.png) #fff center no-repeat;} .xf li .xf_txt .txt{ font-size:12px; color:#666666; text-align:center; line-height:30px;} .xf li .dh{ position: absolute; bottom: 0; right: -300px; width: 200px; height: 70px; background: #fff; box-sizing: border-box; overflow: hidden; border: 1px solid #eeeeee; transition: all 0.5s; font-size: 24px; color: #c3d72b; text-align:center; line-height:68px; z-index:-1;} .xf li#xf_dh:hover .dh{ right:70px;} .xf li .ewm{ position: absolute; bottom: 0; right: -100px; width: 100; height: 100; background: #fff; box-sizing: border-box; overflow: hidden; border: 1px solid #eeeeee; transition: all 0.5s; z-index:-1;} .xf li#xf_ewm:hover .ewm{ right:70px;} /*系统与应用*/ .xtyyy_d1{ background:url(../images/xtyyy_d1_bg.jpg) #fcfdf2 top center no-repeat;} .xtyyy_d1_box1{ float:left; width:548px; position:relative;} .xtyyy_d1_box1:before { content: ""; position:absolute; left:0; top:158px; width:351px; height:90px; background:url(../images/xtyyy_d1_box1_bg.png) no-repeat; z-index:1;} .xtyyy_d1_title{ height:40px; font-size:20px; color:#333333; line-height:40px; font-weight:bold; position:relative; padding-left:52px; margin-bottom:5px;} .xtyyy_d1_title .bh{ position:absolute; left:0; top:0; width:40px; height:40px; background:#c3d728; border-radius:50%;} .xtyyy_d1_title .bh span{ position:absolute; left:2px; top:8px; width:40px; height:40px; font-family:Arial; font-size:40px; color:#fcfdf2; line-height:40px; text-align:center;} .xtyyy_d1_txt{ font-size:14px; color:#333333; line-height:35px; position:relative; z-index:2;} .xtyyy_d1_txt *{ line-height:35px;} .xtyyy_d1_box1 .xtyyy_d1_txt{ height:140px;} .xtyyy_d1_box1_list{ margin-top:20px; position:relative; z-index:2;} .xtyyy_d1_box1_list li{ float:left; width:262px; height:187px;} .xtyyy_d1_box1_list li img{ display:block; width:262px; height:187px; object-fit: cover;} .xtyyy_d1_box1_list li:nth-child(2n){ float:right;} .xtyyy_d1_box2{ float:right; width:548px; position:relative;} .xtyyy_d1_box2 .xtyyy_d1_txt{ height:140px;} .xtyyy_d1_box3{ width:100%; position:relative;} .xtyyy_d1_box3_list{ margin-top:20px; position:relative; z-index:2;} .xtyyy_d1_box3_list li{ float:left; width:262px; height:187px; margin-left:20px; margin-top:11px;} .xtyyy_d1_box3_list li img{ display:block; width:262px; height:187px; object-fit: cover;} .xtyyy_d1_box3_list li:nth-child(1){ width:636px; height:385px; margin-left:0; margin-top:0;} .xtyyy_d1_box3_list li:nth-child(1) img{ width:636px; height:385px;} .xtyyy_d1_box3_list li:nth-child(2), .xtyyy_d1_box3_list li:nth-child(3){ margin-top:0;} .xtyyy_d1_box4_list{ margin-top:40px; position:relative; z-index:2;} .xtyyy_d1_box4_list:before { content: ""; position:absolute; left:478px; top:0; width:90px; height:351px; background:url(../images/xtyyy_d1_box4_bg.png) no-repeat; z-index:1;} .xtyyy_d1_box4_list li{ float:left; width:493px; height:393px; position:relative; z-index:2} .xtyyy_d1_box4_list li img{ display:block; width:493px; height:393px; object-fit: cover;} .xtyyy_d1_box4_list li:nth-child(2n){ float:right; width:593px; height:393px;} .xtyyy_d1_box4_list li:nth-child(2n) img{ display:block; width:593px; height:393px; object-fit: cover;} .xtyyy_d2{ background:#fff;} .xtyyy_d2_box1{ margin-top:30px;} .xtyyy_d2_box1_txt{ float:left; width:540px; padding-top:44px;} .xtyyy_d2_title{ height:40px; font-size:20px; color:#333333; line-height:40px; font-weight:bold; position:relative; padding-left:52px; margin-bottom:5px;} .xtyyy_d2_title .bh{ position:absolute; left:0; top:0; width:40px; height:40px; background:#c3d728; border-radius:50%;} .xtyyy_d2_title .bh span{ position:absolute; left:2px; top:8px; width:40px; height:40px; font-family:Arial; font-size:40px; color:#fcfdf2; line-height:40px; text-align:center;} .xtyyy_d2_txt{ font-size:14px; color:#333333; line-height:35px; position:relative; z-index:2;} .xtyyy_d2_txt *{ line-height:35px;} .xtyyy_d2_box1_list{ float:right; width:604px;} .xtyyy_d2_box1_list li{ float:left; width:291px; height:194px;} .xtyyy_d2_box1_list li img{ display:block; width:291px; height:194px; object-fit: cover;} .xtyyy_d2_box1_list li:nth-child(2n){ float:right;} .xtyyy_d2_box2{ margin-top:70px;} .xtyyy_d2_box2_list{ float:left; width:291px;} .xtyyy_d2_box2_list li{ float:left; width:291px; height:194px;} .xtyyy_d2_box2_list li img{ display:block; width:291px; height:194px; object-fit: cover;} .xtyyy_d2_box2_txt{ float:right; width:856px; padding-top:44px;} .xtyyy_d2_box3{ margin-top:40px;} .xtyyy_d2_box3_txt{ float:left; width:540px; padding-top:116px;} .xtyyy_d2_box3_list{ float:right; width:583px;} .xtyyy_d2_box3_list li{ float:left; width:583px;} .xtyyy_d2_box3_list li img{ display:block; width:100%;} .xtyyy_d2_box4{ margin-top:100px;} .xtyyy_d2_box4_txt{ float:right; width:695px;} .xtyyy_d2_box4_list{ float:left; width:445px;} .xtyyy_d2_box4_list li{ float:left; width:445px;} .xtyyy_d2_box4_list li img{ display:block; width:100%;} .xtyyy_d2_box4_table1 tr td{ background:#cccccc; border:#fcfdf2 10px solid; height:36px; font-size:14px; color:#333; line-height:30px; padding:5px 5px;} .xtyyy_d2_box4_table1 tr td *{ line-height:30px;} .xtyyy_d2_box4_table1 tr.biaoti td{ background:#c3d72b; font-size:14px; text-align:center;} .xtyyy_d2_box4_table1 tr td:nth-child(1){ width:125px; text-align:center;} .xtyyy_d2_box5{ margin-top:90px;} .xtyyy_d2_box5_txt{ float:left; width:450px; padding-top:15px;} .xtyyy_d2_box5_list{ float:right; width:695px;} .xtyyy_d2_box5_list li{ float:left; width:695px; margin-top:8px;} .xtyyy_d2_box5_list li img{ display:block; width:100%;} .xtyyy_d2_box5_list li:nth-child(1){ float:left; width:695px; margin-top:0;} .xtyyy_d2_box5_list li:nth-child(2){ float:left; width:326px;} .xtyyy_d2_box5_list li:nth-child(3){ float:right; width:357px;} .xtyyy_d2_box5_list li:nth-child(2) img, .xtyyy_d2_box5_list li:nth-child(3) img{ display:block; width:100%; height:255px; object-fit: cover;} /*技术支持*/ .jszc_d1_box { position:relative;} .jszc_d1_box:before { content: ""; position: absolute; left:444px; top:-122px;; width: 311px; height:244px; background:url(../images/ab_d2_ico.png) center no-repeat;} .dyg:before { display:none !important;} .jszc_d1_box_txt{ float:left; width:540px;} .jszc_d1_box_txt .title{ font-size:30px; color:#333333; line-height:80px; padding-top:60px; position:relative; margin-bottom:10px;} .jszc_d1_box_txt .title:after { content: ""; position: absolute; left: 0; bottom:0; width: 240px; height:7px; background:#c3d728;} .jszc_d1_box_txt .jszc_d1_title{ font-size:18px; color:#333333; line-height:35px; margin-bottom:15px;} .jszc_d1_box_txt .jszc_d1_title span{ color:#c2d52b; font-weight:bold;} .jszc_d1_container{ float:right; width:600px; height:396px;} .jszc_d1_list li img{ width:600px; height:396px; object-fit: cover;} .jszc_d1_pagination{ text-align:right; padding:0 10px; box-sizing:border-box;} .jszc_d1_pagination .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; opacity:1;} .jszc_d1_pagination .swiper-pagination-bullet-active{ background:#c3d72b;} .jszc_d1_box:nth-child(2n) .jszc_d1_box_txt{ float:right;} .jszc_d1_box:nth-child(2n) .jszc_d1_container{ float:left;} .ms_xqcp{ line-height:38px; font-size:14px; border:#cfcfcf 1px solid; color:#757575; box-sizing:border-box; height:40px; padding:0 10px;} .ms_xqcp label{ margin-right:10px;} .ms_xqcp input{ position:relative; top:4px; margin-left:5px;}