@charset "utf-8"; /* 棣栭〉 */ .header{width: 100%;height: 80px;line-height: 80px; position: relative; z-index: 30;background-color: #fff;} .header .container{height: 100%;} .header .logo img{height: 100%;} .header .nav {display: flex;} .header .nav ul{z-index: 1;display: flex; margin-bottom: 0px;} .header .nav ul li{float: left;margin: 0 20px;} .header .nav ul li a{font-size: 14px;font-weight: 600;} .header .nav ul .nli.on a{width: 88px;height: 80px;background-image: -moz-linear-gradient( 135deg, rgb(2,226,160) 0%, rgb(0,153,68) 100%);background-image: -webkit-linear-gradient( 135deg, rgb(2,226,160) 0%, rgb(0,153,68) 100%);background-image: -ms-linear-gradient( 135deg, rgb(2,226,160) 0%, rgb(0,153,68) 100%);box-shadow: 0px 0px 6px 0px rgba(88, 0, 13, 0.55); display: inline-block;color: #fff;text-align: center;} .head_seartch{ height: 20px; margin-top: 30px;position: relative;display: flex;justify-content: center;align-items: center;} .head_seartch a{ color: #fff; font-size: 15px; margin-left: 30px; font-weight: normal; width: 15px; height: 16px; display: block; position: relative;} .head_seartch a.search::after{ content: ''; position: absolute; width: 100%; height: 100%; background: url(../images/search.png) no-repeat; background-size: cover;} .search_xl{ padding: 0px; height: 40px; width: 250px; left: auto; right: 0px; overflow: hidden; margin-top: 15px; border-radius: 0px;} .search_xl input{ width: calc(100% - 40px); border: 0px; height: 40px; line-height: 35px; font-size: 13px; padding: 0px 10px; float: left;} .search_xl button{ width: 40px; height: 40px; border: 0px; font-size: 16px; -webkit-text-stroke: 1px #009944; background: #009944; color: #fff; float: left;} .header .langage{margin-left: 30px;} .header .langage a{font-size: 14px;color: #666;} .phone-header{display: none;} .search1 { width: 165px; box-sizing: border-box; padding: 0px 10px; height: 40px; background: #f7f8fa; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05); border-radius: 15px; line-height: 40px; margin-left: 15px; } .search1 .text { border: 0px; background: none; height: 40px; line-height: 40px; width: 115px; color: #333; font-size: 14px; } .search1 .anniu { width: 25px; height: 40px; vertical-align: sub; border: 0px; background: none; } .search1 .anniu i { font-size: 18px; } /* banner */ .banner { position: relative; overflow: hidden; height: 550px !important; width: 100%; } .bannerBox { position: relative; height: 100%; } .bannerWrapper { height: 100%; overflow: hidden; position: relative; } .bannerSwiper { height: 100%; position: relative; overflow: hidden; background: #000; } .bannerSlide { position: absolute; width: 100%; height: 100%; top: 0; left: 100%; overflow: hidden; } .bannerImg { position: relative; height: 100%; background-size: cover; background-position: center center; } .ban_mask { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 100%; overflow: hidden; } .ban_mask span { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size:cover; background-position:center center; background-repeat:no-repeat; } .banner_txt { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; text-align: center; } .banner_txt h1{ font-size: 38px; color: #fff; } .ban_wz { width: 60%; margin: 0 auto; max-width:800px; } .bannerTxt_lis { position: absolute; height: 100%; width: 100%; top: 0; left: 0; opacity: 0; } .bannerTxt_lis.first { visibility: visible; opacity: 1; } .tables { display: table; width: 100%; height: 100%; } .table_cell { display: table-cell; vertical-align: middle; } .bannerTxt_lis h2 { position: relative; margin: 0px 0 30px; padding-bottom: 30px; font-size: 40px; line-height: 1.3; color: #fff; font-family: Helvetica, sans-serif; text-transform: uppercase; } .bannerTxt_lis h2:after{ content:""; display: inline-block; width: 50px; height: 4px; background: #ffffff; position: absolute; bottom: 0; left: 50%; margin-left: -30px; } .bannerTxt_lis h3 { margin: 0 0 45px; padding-bottom: 20px; line-height: 1.2; color: #fff; letter-spacing: 1px; font-size: 30px; } a.ban_btn { display: inline-block; background: #fff; border: 2px solid #fff; color: #034ea1; line-height: 46px; padding: 0 20px; min-width: 200px; border-radius: 100px; font-size: 14px; font-weight: bold; letter-spacing:0.4px; font-family: Helvetica, sans-serif; text-transform:uppercase; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } a.ban_btn:hover { color: #fff; background: transparent; } .bannerSlide.first { left: 0; } .bannerWrapper:after {content: "";display: block; z-index: 1;position: absolute;height: 100%;width: 100%;top: 0;left: 0;background-color: rgba(0, 64, 152, 0.1);opacity: 0.1;} a.ban_arrL , a.ban_arrR { position: absolute; top: 50%; margin-top: -35px; z-index: 3; color: #fff; padding: 10px 15px; font-size: 50px; } a.ban_arrR { right: 8%; } a.ban_arrL { left: 8%; } a.ban_arrL img,a.ban_arrR img { /* width: 50px; */ opacity: 0.5; } .ban_mask:after {content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: 0.4;} .ban_pagi { position: absolute; z-index: 3; bottom: 30px; left: 0; width: 100%; text-align: center; } .ban_pagi span { display: inline-block; position: relative; cursor: pointer; background-color: rgba(255, 255, 255, 0.3); width: 18px; height: 18px; padding: 7px; border-radius: 50px; margin: 0 5px; border: solid 2px transparent; transform: scale(0.8); -webki-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; } .ban_pagi span:after { transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; } .ban_pagi span.active { background: transparent; /* border-color: #2789ee; */ background-color: #3da765; transform: scale(1); -webki-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .bannerTxt_lisIco { width: 60%; margin: 0 auto; margin-top: 0%; text-align: center; max-width: 1000px; } .bannerTxt_lisIco img { max-width: 100%; margin: 0 auto; } .ban_pagi span.active:after {content: "";display: inline-block;position: absolute;width: 10px;height: 10px;background: #8bcaa3;border-radius: 20px;left: 50%;top: 50%;margin-left: -5px;margin-top: -5px;} /* banner */ .index1 .slideBox .hd {height: 30px;line-height: 30px;border-bottom: 1px solid #dddddc;background-color: #eaeae9;} .index1 .slideBox .hd ul li{float: left;cursor: pointer;padding: 0 15px;} .index1 .slideBox .hd ul li.on{height: 30px;background-color: #fff;border: 1px solid #dddddc;border-bottom: 2px solid #fff;color: #333;font-weight: 600;} .index1 .slideBox .bd .nr{border-bottom: 1px solid #dddddc;padding: 30px 0;} .index1 .slideBox .bd .nr .img p{color: #009944;margin-top: 10px;} .index1 .slideBox .bd .nr .img img{box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.2);} .index1 .slideBox .bd .nr .img{text-align: center;} .index1 .slideBox .bd .nr .index1swiper{padding: 0 40px;} .index1swiper .swiper-button-next, .index1swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;} .index1 .slideBox .bd .nr .index2swiper{padding: 0 40px;} .index2swiper .swiper-button-next, .index2swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;} .index1 .slideBox .bd .nr .index3swiper{padding: 0 40px;} .index3swiper .swiper-button-next, .index3swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;} .index1 .slideBox .bd .nr .index4swiper{padding: 0 40px;} .index4swiper .swiper-button-next, .index4swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;} .index1 .slideBox .bd .nr .index5swiper{padding: 0 40px;} .index5swiper .swiper-button-next, .index5swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;} .index1 .slideBox .bd .nr .index6swiper{padding: 0 40px;} .index6swiper .swiper-button-next, .index6swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;} .index1 .slideBox .bd .nr .index7swiper{padding: 0 40px;} .index7swiper .swiper-button-next, .index7swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;} .index1 .slideBox .bd .nr .index8swiper{padding: 0 40px;} .index8swiper .swiper-button-next, .index8swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;} .index1_ph{display: none;} .index2{margin-top: 30px;padding-bottom: 40px;} .index2 .ind2_left {width: 42%;} .index2 .ind2_left .hd{border-left: 2px solid #009944;height: 17px;line-height: 17px;display: flex;justify-content: space-between;padding-right: 40px;} .index2 .ind2_left .hd ul li{float: left;font-size: 15px;padding: 0 10px;cursor: pointer;} .index2 .ind2_left .hd ul li.on{font-size: 18px;font-weight: 600;} .index2 .ind2_left .bd .nr {margin-top: 20px;border-right: 1px solid #ddd;padding-right: 40px;} .index2 .ind2_left .bd .nr .ind2_top{display: flex;justify-content: flex-start;} .index2 .ind2_left .bd .nr .ind2_top a{display: flex;justify-content: flex-start;} .index2 .ind2_left .bd .nr .ind2_top .ind2_img img{width: 100%; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);} .index2 .ind2_left .bd .nr .ind2_top .ind2_wz{margin-left: 10px;} .index2 .ind2_left .bd .nr .ind2_top .ind2_wz h2{color: #333;font-weight: 600;} .index2 .ind2_left .bd .nr .ind2_top .ind2_wz p{color: #555;margin-top: 5px;} .index2 .ind2_left .bd .nr .ind2_top .ind2_wz .ind2_bott{display: flex;justify-content: space-between;align-items: center;margin-top: 5px;} .index2 .ind2_left .bd .nr .ind2_top .ind2_wz .ind2_bott span{color: #aaa;} .index2 .ind2_left .bd .nr .ind2_list .ind2_li{color: #777;display: flex;justify-content: space-between;align-items: center;} .index2 .ind2_left .bd .nr .ind2_list ul li{margin-top: 15px;} .index2 .ind2_right{width: 55%;} .index2 .ind2_right .ind2_tit{display: flex;justify-content: space-between;border-left: 2px solid #009944;height: 17px;line-height: 17px;align-items: center;} .index2 .ind2_right .ind2_tit h2{font-size: 18px;color: #333;font-weight: 600;margin-left: 10px;} .index2 .ind2_right .ind2_cot {margin-top: 30px;} .index2 .ind2_right .ind2_cot .cot_left{width: 50%;} .index2 .ind2_right .ind2_cot .cot_left h2{font-size: 24px;color: #009944;margin-top: 20px;margin-bottom: 10px;font-weight: 600;} .index2 .ind2_right .ind2_cot .cot_left span{color: #ccc;} .index2 .ind2_right .ind2_cot .cot_left p{font-size: 14px;color: #555;margin-top: 20px;line-height: 25px;padding-right: 30px;font-weight: 600;} .index2 .ind2_right .ind2_cot .cot_right{width: 50%;} .index2 .ind2_right .ind2_cot .cot_right img{width: 100%;box-shadow: 0px 18px 7px 0px rgba(37, 61, 48, 0.1);} /* 婊戝潡 start */ #subjects {height:165px; background-color:#f7f7f7;} #subjects .g-wrap a {position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;} #subjects .g-wrap .item-1 {z-index:1; background-color:#c8c8c8;} #subjects .g-wrap .item-2 {z-index:2; background-color:#fff600;} #subjects .g-wrap .item-3 {z-index:3; background-color:#009944;} #subjects .g-wrap .item-4 {z-index:4; background-color:#2d2d58;} #subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;} #subjects .g-wrap .p2 {-webkit-opacity:0; opacity:0; display:none\9; -webkit-transition:-webkit-opacity 400ms; transition:opacity 400ms;} #subjects .g-wrap .item-1 .p1 {left:0; top:0; width:493px; height:165px;} #subjects .g-wrap .item-1 .p2 {left:276px; top:68px; z-index:2; width:189px; height:29px;} #subjects .g-wrap .item-2 .p1 {left:43px; top:0px;} #subjects .g-wrap .item-2 .p2 {left:280px; top:26px;} #subjects .g-wrap .item-3 .p1 {left:15px; top:97px; width:77px; height:76px;} #subjects .g-wrap .item-3 .p2 {left:175px; width:282px; height:122px;} #subjects .g-wrap .item-4 .p1 {left:23px; top:54px; width:182px; height:80px;} #subjects .g-wrap .item-4 .p2 {left:210px; top:37px; width:245px; height:122px;} /*#subjects*/ .g-wrap {position:relative; margin:0 auto; width:1320px; height:100%; overflow:hidden;} #subjects .trans a {-webkit-opacity:0; opacity:0; display:none\9;} /* 閫愪釜鍑虹幇 */ #subjects .ready .item-2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;} #subjects .ready .item-3 {transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;} #subjects .ready .item-4 {transition-delay:150ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;} /* 娌℃湁鎸囧悜 */ #subjects .state-0 .item-1 {left:0;} #subjects .state-0 .item-2 {left:340px;} #subjects .state-0 .item-3 {left:617px;} #subjects .state-0 .item-4 {left:793px;} /* 鎸囧悜绗竴涓 */ #subjects .state-1 .item-1 {left:0;} #subjects .state-1 .item-2 {left:492px;} #subjects .state-1 .item-3 {left:705px;} #subjects .state-1 .item-4 {left:917px;} #subjects .state-1 .item-1 .p2 {-webkit-opacity:1; opacity:1; display:block\9;} /* 鎸囧悜绗簩涓 */ #subjects .state-2 .item-1 {left:0;} #subjects .state-2 .item-2 {left:212px;} #subjects .state-2 .item-3 {left:705px;} #subjects .state-2 .item-4 {left:917px;} #subjects .state-2 .item-2 .p2 {-webkit-opacity:1; opacity:1; display:block\9;} /* 鎸囧悜绗笁涓 */ #subjects .state-3 .item-1 {left:0;} #subjects .state-3 .item-2 {left:212px;} #subjects .state-3 .item-3 {left:425px;} #subjects .state-3 .item-4 {left:917px;} #subjects .state-3 .item-3 .p2 {-webkit-opacity:1; opacity:1; display:block\9;} /* 鎸囧悜绗洓涓 */ #subjects .state-4 .item-1 {left:0;} #subjects .state-4 .item-2 {left:212px;} #subjects .state-4 .item-3 {left:425px;} #subjects .state-4 .item-4 {left:637px;} #subjects .state-4 .item-4 .p2 {-webkit-opacity:1; opacity:1; display:block\9;} /* 婊戝潡 end */ .footer_bott{margin: 10px 0;align-items: center;} .footer_bott p:first-child{font-size: 10px;line-height: 35px;} .footer_bott p:nth-child(2){color: #999;} .footer_bott p:nth-child(2) img{margin-left: 10px;} .footer_yq { width: 180px; position: relative; z-index: 100; margin-left: 20px; } .footer_yq h3 { border: solid 1px #666; font-size: 12px; height: 30px; line-height: 30px; padding: 0 5px; display: flex; align-items: center; justify-content: space-between; color: #666; cursor: pointer; } .footer_yq h3 * { line-height: 30px; } .footer_yq h3 i { font-style: normal; font-size: 20px; width: 20px; text-align: right; } .footer_yq h3 span { width: calc(100% - 20px); } .footer_yq ul { position: absolute; bottom: 100%; left: 0; width: 100%; background: #fff; max-height: 140px; overflow-y: auto; display: none; margin-bottom: 0px; } .footer_yq li { border: solid 1px #ddd; } .footer_yq li:last-child { border-bottom: 0; border-top: 0; } .footer_yq a { padding: 0 10px; line-height: 30px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; display: block; } .footer_yq a:hover { color: #fff; background: #009944; } /* 鍏充簬鎴戜滑-浼佷笟绠€浠 */ .mainBan_bg{width: 100%;height: 300px;background-position: center center;background-repeat: no-repeat;background-size: cover;} .mainBan_bg .mainBan_wz{text-align: center;padding-top: 100px;} .mainBan_bg .mainBan_wz h1{font-size: 48px;color: #fff;} .mainBan_bg .mainBan_wz p{font-size: 28px;color: #fff;margin-top: 10px;} .about_nav{height: 68px;line-height: 68px;background-color: #f8f8f8; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);} .about_nav a{font-size: 12px;color: #999;font-weight: 600;} .about_nav i{font-size: 12px;color: #999;font-weight: 600;} .about_nav a.active{color: #009944;} .about_con{margin-top: 20px;} .about_con .about_left{width: 25%;} .about_con .about_right{width: 70%;} .about_left .about_slide{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);width: 343px;} .about_left .about_slide .slide_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;} .about_left .about_slide .slide_tit p{font-size: 20px;font-weight: 600;} .about_left .about_slide .slide_log ul li{width: 343px;height: 67px;background-color: #fdfdfd;line-height: 67px;text-align: center;border: 1px solid #ddd;border-top: none;} .about_left .about_slide .slide_log ul li a{font-size: 16px;color: #777;width: 100%;display: inline-block;} .about_left .about_slide .slide_log ul li.on a{color: #009944;} .about_left .about_slide .slide_log ul li.on {border-right: 10px solid #009944;} .about_left .about_bott{margin-top: 10px;width: 343px;height: 290px;border: 1px solid #ddd;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);} .about_left .about_bott .bott_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;} .about_left .about_bott .bott_tit p{font-size: 20px;font-weight: 600;} .about_left .about_bott .bott_txt{width: 343px;padding: 0 10px;} .about_left .about_bott .bott_txt p{font-size: 16px;color: #777;margin-top: 10px;} .about_right .about_tit {border-bottom: 1px solid #ccc;padding-bottom: 10px;} .about_right .about_tit p{font-size: 20px;color: #009944;} .about_right .about_tit p span{font-size: 20px;color: #999;} .about_right .about_txt{margin-top: 20px;} .about_right .about_txt .about_img img{width: 100%;} .about_right .about_txt .about_wz{margin-top: 40px;} .about_right .about_txt .about_wz img{width:100%;} .about_right .about_txt .about_wz p{font-size: 16px;margin-bottom: 20px;} .footer{text-align: center;margin-top: 60px;margin-bottom: 20px;} .footer p{font-size: 10px;} /* 鍏充簬鎴戜滑-浼佷笟鑽h獕 */ .about_right .about_list{margin-top: 10px;} .about_right .about_list ul li{float: left;width: 50%;padding: 30px;} .about_right .about_list .about_li .about_img {overflow: hidden;} .about_right .about_list .about_li .about_img img{width: 100%;transition: all 0.8s ease;-webkit-transition: all 0.8s ease;display: inherit;} /* .about_right .about_list .about_li:hover .product_img img {transform: scale(1.1);-webkit-transform: scale(1.1);} */ .about_right .about_list .about_li .about_wz{text-align: center;} .about_right .about_list .about_li .about_wz h2{font-size: 16px;margin: 10px 0;font-weight: 600;} .about_right .about_list .about_li .about_wz p{font-size: 12px;color: #009944;} /* 鑱旂郴鎴戜滑 */ .contact_nav{height: 68px;line-height: 68px;background-color: #f8f8f8; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);} .contact_nav a{font-size: 12px;color: #999;font-weight: 600;} .contact_nav i{font-size: 12px;color: #999;font-weight: 600;} .contact_nav a.active{color: #009944;} .contact_con{margin-top: 20px;} .contact_con .contact_left{width: 25%;} .contact_con .contact_right{width: 70%;} .contact_left .contact_slide{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);width: 343px;height: 213px;} .contact_left .contact_slide .slide_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;} .contact_left .contact_slide .slide_tit p{font-size: 20px;font-weight: 600;} .contact_left .contact_slide .slide_log ul li{width: 343px;height: 67px;background-color: #fdfdfd;line-height: 67px;text-align: center;border: 1px solid #ddd;border-top: none;} .contact_left .contact_slide .slide_log ul li a{font-size: 16px;color: #777;width: 100%;display: inline-block;} .contact_left .contact_slide .slide_log ul li.on a{color: #009944;} .contact_left .contact_slide .slide_log ul li.on {border-right: 10px solid #009944;} .contact_left .contact_bott{margin-top: 30px;width: 343px;height: 290px;border: 1px solid #ddd;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);} .contact_left .contact_bott .bott_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;} .contact_left .contact_bott .bott_tit p{font-size: 20px;font-weight: 600;} .contact_left .contact_bott .bott_txt{width: 343px;padding: 0 10px;} .contact_left .contact_bott .bott_txt p{font-size: 16px;color: #777;margin-top: 10px;} .contact_right .contact_tit {border-bottom: 1px solid #ccc;padding-bottom: 10px;} .contact_right .contact_tit p{font-size: 20px;color: #009944;} .contact_right .contact_tit p span{font-size: 20px;color: #999;} .contact_right .contact_map{margin-top: 20px;} .contact_right .contact_map #map{width: 100%;height: 328px;} .contact_right .contact_wz{margin-top: 60px;} .contact_right .contact_wz .address{border-top: 1px solid #ccc;display: flex;justify-content: flex-start;align-items: center;height: 80px;line-height: 80px;} .contact_right .contact_wz .address .contact_01{width: 156px;border-top: 2px solid #000;} .contact_right .contact_wz .address .contact_01 p{font-size: 16px;color: #000;font-weight: 600;} .contact_right .contact_wz .address .contact_02 p{font-size: 16px;color: #000;} .contact_right .contact_idea{text-align: right;padding-right: 10%;} .contact_right .contact_idea h2{font-size: 16px;color: #666;} .contact_right .contact_idea p{margin-top: 10px;} /* 鑱旂郴鎴戜滑-鑱屼笟鍙戝睍 */ .contact_right .develop_list ul li{float: left;width: 33.3333%;margin-top: 40px;} .contact_right .develop_list .develop_li{background-color: #f3f3f3;width: 270px;height: 355px;padding: 50px 20px;} .contact_right .develop_list .develop_li .title h2{font-size: 18px;color: #333;font-weight: 600;} .contact_right .develop_list .develop_li .content {margin-top: 20px;height: 190px;} .contact_right .develop_list .develop_li .content p{font-size: 16px;color: #b1b2b1;margin-top: 10px;line-height: 25px;} .contact_right .develop_list .develop_li .btn a{color:#009944;} /* 椤圭洰灞曠ず */ .product_nav{height: 68px;line-height: 68px;background-color: #f8f8f8; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);} .product_nav a{font-size: 12px;color: #999;font-weight: 600;} .product_nav i{font-size: 12px;color: #999;font-weight: 600;} .product_nav a.active{color: #009944;} .product_con{margin-top: 20px;} .product_con .product_left{width: 25%;} .product_con .product_right{width: 70%;} .product_left .product_slide{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);width: 343px;height: 548px;} .product_left .product_slide .slide_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;} .product_left .product_slide .slide_tit p{font-size: 20px;font-weight: 600;} .product_left .product_slide .slide_log ul li{width: 343px;height: 67px;background-color: #fdfdfd;line-height: 67px;text-align: center;border: 1px solid #ddd;border-top: none;} .product_left .product_slide .slide_log ul li a{font-size: 16px;color: #777;width: 100%;display: inline-block;} .product_left .product_slide .slide_log ul li.on a{color: #009944;} .product_left .product_slide .slide_log ul li.on {border-right: 10px solid #009944;} .product_left .product_bott{margin-top: 30px;width: 343px;height: 290px;border: 1px solid #ddd;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);} .product_left .product_bott .bott_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;} .product_left .product_bott .bott_tit p{font-size: 20px;font-weight: 600;} .product_left .product_bott .bott_txt{width: 343px;padding: 0 10px;} .product_left .product_bott .bott_txt p{font-size: 16px;color: #777;margin-top: 10px;} .product_right .product_tit {border-bottom: 1px solid #ccc;padding-bottom: 10px;} .product_right .product_tit p{font-size: 20px;color: #009944;} .product_right .product_tit p span{font-size: 20px;color: #999;} .product_right .product_list{margin-top: 10px;} .product_right .product_list ul li{float: left;width: 50%;padding: 30px;} .product_right .product_list .product_li .product_img {overflow: hidden;} .product_right .product_list .product_li .product_img img{width: 100%;transition: all 0.8s ease;-webkit-transition: all 0.8s ease;display: inherit;} .product_right .product_list .product_li:hover .product_img img {transform: scale(1.1);-webkit-transform: scale(1.1);} .product_right .product_list .product_li .product_wz{text-align: center;} .product_right .product_list .product_li .product_wz h2{font-size: 16px;margin: 10px 0;font-weight: 600;} .product_right .product_list .product_li .product_wz p{font-size: 12px;color: #009944;} .page{margin-top: 30px;} .page ul li{float: left;border: 1px solid #e2e2e2;padding: 10px 20px;} .page ul li.on{background-color: #009944;} .page ul li.on a{color: #fff;} .page ul li:hover {background-color: #009944;} .page ul li:hover a{color: #fff;} /* 鏂伴椈涓績 */ .new_nav{height: 68px;line-height: 68px;background-color: #f8f8f8; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);} .new_nav a{font-size: 12px;color: #999;font-weight: 600;} .new_nav i{font-size: 12px;color: #999;font-weight: 600;} .new_nav a.active{color: #009944;} .new_con{margin-top: 20px;} .new_con .new_left{width: 25%;} .new_con .new_right{width: 70%;} .new_left .new_slide{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);width: 343px;height: 280px;} .new_left .new_slide .slide_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;} .new_left .new_slide .slide_tit p{font-size: 20px;font-weight: 600;} .new_left .new_slide .slide_log ul li{width: 343px;height: 67px;background-color: #fdfdfd;line-height: 67px;text-align: center;border: 1px solid #ddd;border-top: none;} .new_left .new_slide .slide_log ul li a{font-size: 16px;color: #777;width: 100%;display: inline-block;} .new_left .new_slide .slide_log ul li.on a{color: #009944;} .new_left .new_slide .slide_log ul li.on {border-right: 10px solid #009944;} .new_left .new_bott{margin-top: 30px;width: 343px;height: 290px;border: 1px solid #ddd;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);} .new_left .new_bott .bott_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;} .new_left .new_bott .bott_tit p{font-size: 20px;font-weight: 600;} .new_left .new_bott .bott_txt{width: 343px;padding: 0 10px;} .new_left .new_bott .bott_txt p{font-size: 16px;color: #777;margin-top: 10px;} .new_right .new_tit {border-bottom: 1px solid #ccc;padding-bottom: 10px;} .new_right .new_tit p{font-size: 20px;color: #009944;} .new_right .new_tit p span{font-size: 20px;color: #999;} .new_right .new_list ul li{border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-top: 30px;} .new_right .new_li{display: flex;justify-content: space-between;align-items: center;} .new_right .new_li .pany_left{padding-right: 30px;} .new_right .new_li .pany_left h2{font-size: 18px;font-weight: 600;margin-bottom: 10px;} .new_right .new_li .pany_left span{font-size: 12px;color: #999;} .new_right .new_li .pany_left p{font-size: 12px;margin-top: 10px;} .new_right .new_li .pany_right img{width: 100%;} .new_right .new_txt{margin-top: 40px;} .new_right .new_txt .new_top{text-align: center;} .new_right .new_txt .new_top h2{font-size: 24px;font-weight: 600;} .new_right .new_txt .new_top p{font-size: 16px;color: #999;margin-top: 10px;} .new_right .new_txt .new_wz p{font-size: 16px;margin-top: 20px;} .new_right .new_txt .new_wz p img{width: 100%;} /* 鑱屼笟鍙戝睍 */ .develop_nav{height: 68px;line-height: 68px;background-color: #f8f8f8; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);} .develop_nav a{font-size: 12px;color: #999;font-weight: 600;} .develop_nav i{font-size: 12px;color: #999;font-weight: 600;} .develop_nav a.active{color: #009944;} .develop_con{margin-top: 20px;} .develop_con .develop_left{width: 25%;} .develop_con .develop_right{width: 70%;} .develop_left .develop_slide{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);width: 343px;height: 347px;} .develop_left .develop_slide .slide_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;} .develop_left .develop_slide .slide_tit p{font-size: 20px;font-weight: 600;} .develop_left .develop_slide .slide_log ul li{width: 343px;height: 67px;background-color: #fdfdfd;line-height: 67px;text-align: center;border: 1px solid #ddd;border-top: none;} .develop_left .develop_slide .slide_log ul li a{font-size: 16px;color: #777;width: 100%;display: inline-block;} .develop_left .develop_slide .slide_log ul li.on a{color: #009944;} .develop_left .develop_slide .slide_log ul li.on {border-right: 10px solid #009944;} .develop_left .develop_bott{margin-top: 30px;width: 343px;height: 290px;border: 1px solid #ddd;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);} .develop_left .develop_bott .bott_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;} .develop_left .develop_bott .bott_tit p{font-size: 20px;font-weight: 600;} .develop_left .develop_bott .bott_txt{width: 343px;padding: 0 10px;} .develop_left .develop_bott .bott_txt p{font-size: 16px;color: #777;margin-top: 10px;} .develop_right .develop_tit {border-bottom: 1px solid #ccc;padding-bottom: 10px;} .develop_right .develop_tit p{font-size: 20px;color: #009944;} .develop_right .develop_tit p span{font-size: 20px;color: #999;} .develop_right .develop_list ul li{float: left;width: 33.3333%;margin-top: 40px;} .develop_right .develop_list .develop_li{background-color: #f3f3f3;width: 270px;height: 355px;padding: 50px 20px;} .develop_right .develop_list .develop_li .title h2{font-size: 18px;color: #333;font-weight: 600;} .develop_right .develop_list .develop_li .content {margin-top: 20px;height: 190px;} .develop_right .develop_list .develop_li .content p{font-size: 16px;color: #b1b2b1;margin-top: 10px;line-height: 25px;} .develop_right .develop_list .develop_li .btn a{color:#009944;} /*鎷涜仒寮圭獥 */ .fixed_box{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999999; display: none; overflow: hidden; } .fixed_box .job_fix{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 4px; display: none;} .fixed_box .job_top{position: relative;} .fixed_box .job_bot{padding: 30px;} .fixed_box .job_wz{margin-bottom: 20px;} .fixed_box .job_wz:after{content: ''; clear: both; display: table;} .fixed_box .job_wz h2{margin: 0; font-size: 28px; color: #333; font-weight: bold; line-height: 40px; letter-spacing: 2px;} .fixed_box .job_wz h5{font-size: 14px; color: #888; margin: 12px 0 30px;font-family:Arial, Helvetica, sans-serif;} .fixed_box .job_wz p{font-size: 14px; line-height: 28px; color: #888;} .fixed_box .job_wz p span{line-height: inherit;} .fixed_box .jobCot ul:after{content: '';display: table;clear: both;} .fixed_box .jobCot li{width: 50%; float: left; font-size: 14px; line-height: 30px; color: #888;} .fixed_box .jobCot li span{color: #888;} .fixed_box .job_close{position: absolute; top: 20px; right: 20px; width: 36px; padding: 5px; border-radius: 3px; border: solid 1px rgba(255, 255, 255, 0.5); z-index: 2; cursor: pointer;transform:rotate(45deg); transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;} .fixed_box .job_close img{width: 100%;} .fixed_box .job_close:hover{transform:rotate(135deg);} /* 浼佷笟鍘嗙▼ */ .col-xs-6, .col-sm-4 { padding: 0; } .events-wrap { margin: 0 auto; position: relative; } .events-box { margin: 0 auto; position: relative; height: 540px; overflow: hidden; } .events-line { position: absolute; left: 0; height: 2px; overflow: hidden; background: #e4e4e4; top: 324px; } .events-wrap .prev, .events-wrap .next { display: inline-block; width: 21px; height: 39px; background: url(../images/btn01.jpg) no-repeat; position: absolute; top: 306px; } .events-wrap .prev { left: 0; background-position: 0 0; } .events-wrap .next { right: 0; background-position: -21px 0; } .events-scroll { position: absolute; left: 0; top: 0; } .events-scroll ul { float: left; width: 100%; height: 540px; padding-left: 53px; } .events-scroll ul li { width: 213px; float: left; position: relative; } .events-scroll ul li h2 { color: #333; font-size: 16px } .events-scroll ul li p { line-height: 1.2em; font-size: 12px; } .events-scroll ul li .con { background: url(../images/bg01.jpg) no-repeat 9px 16px; padding-left: 46px; line-height: 22px; color: #666; } .events-scroll ul li .con h2.years { font-weight: bold; font-size: 14px; color: #666; padding-top: 4px; } .events-scroll ul li .con .text { padding-bottom: 16px; line-height: 24px; } .events-scroll ul li .con .text.even { background: url(../images/bg03.jpg) no-repeat left bottom; } .events-scroll ul li .con .text.odd { background: url(../images/bg02.jpg) no-repeat left bottom; } .events-scroll ul li .con p { line-height: 16px; padding: 3px 0; } .color-b { color: #333; } .events-scroll ul li .imgbox { margin-top: 40px; width: 147px; height: 176px; position: relative; overflow: hidden; margin-left: -53px; } .events-scroll ul li .imgbox .cover { position: absolute; left: 0; top: 0px; width: 147px; height: 176px; } .events-scroll ul li .ring { display: inline-block; width: 20px; height: 20px; overflow: hidden; position: absolute; left: 0; top: 315px; } .events-scroll ul li .ring.big { background: url(../images/bg04.jpg) no-repeat; } .events-scroll ul li .ring.small { background: url(../images/bg05.jpg) no-repeat center center; } .events-scroll ul li.fi .con { margin-top: 76px; height: 248px; } .events-scroll ul li.fi .cover { background: url(../images/cover01.png) no-repeat; } .events-scroll ul li.se .con { height: 300px; } .events-scroll ul li.se .cover { background: url(../images/cover02.png) no-repeat; } .events-scroll ul li.th .con { margin-top: 111px; height: 210px; } .events-scroll ul li.th .cover { background: url(../images/cover03.png) no-repeat; } .events-scroll ul li.fo .con { margin-top: 76px; height: 248px; } .events-scroll ul li.fo .cover { background: url(../images/cover04.png) no-repeat; } /* 鍏氬缓娲诲姩 */ .activity_nav{height: 68px;line-height: 68px;background-color: #f8f8f8; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);} .activity_nav a{font-size: 12px;color: #999;font-weight: 600;} .activity_nav i{font-size: 12px;color: #999;font-weight: 600;} .activity_nav a.active{color: #009944;} .activity_con{margin-top: 20px;} .activity_con .activity_left{width: 25%;} .activity_con .activity_right{width: 70%;} .activity_left .activity_slide{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);width: 343px;height: 146px;} .activity_left .activity_slide .slide_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;} .activity_left .activity_slide .slide_tit p{font-size: 20px;font-weight: 600;} .activity_left .activity_slide .slide_log ul li{width: 343px;height: 67px;background-color: #fdfdfd;line-height: 67px;text-align: center;border: 1px solid #ddd;border-top: none;} .activity_left .activity_slide .slide_log ul li a{font-size: 16px;color: #777;width: 100%;display: inline-block;} .activity_left .activity_slide .slide_log ul li.on a{color: #009944;} .activity_left .activity_slide .slide_log ul li.on {border-right: 10px solid #009944;} .activity_left .activity_bott{margin-top: 30px;width: 343px;height: 290px;border: 1px solid #ddd;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);} .activity_left .activity_bott .bott_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;} .activity_left .activity_bott .bott_tit p{font-size: 20px;font-weight: 600;} .activity_left .activity_bott .bott_txt{width: 343px;padding: 0 10px;} .activity_left .activity_bott .bott_txt p{font-size: 16px;color: #777;margin-top: 10px;} .activity_right .activity_tit {border-bottom: 1px solid #ccc;padding-bottom: 10px;} .activity_right .activity_tit p{font-size: 20px;color: #009944;} .activity_right .activity_tit p span{font-size: 20px;color: #999;} .activity_right .new_list ul li{border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-top: 30px;} .activity_right .new_li{display: flex;justify-content: space-between;align-items: center;} .activity_right .new_li .pany_left{padding-right: 30px;} .activity_right .new_li .pany_left h2{font-size: 18px;font-weight: 600;margin-bottom: 10px;} .activity_right .new_li .pany_left span{font-size: 12px;color: #999;} .activity_right .new_li .pany_left p{font-size: 12px;margin-top: 10px;} .activity_right .new_li .pany_right img{width: 100%;} .activity_right .activity_txt{margin-top: 40px;} .activity_right .activity_txt .activity_top{text-align: center;} .activity_right .activity_txt .activity_top h2{font-size: 24px;font-weight: 600;} .activity_right .activity_txt .activity_top p{font-size: 16px;color: #999;margin-top: 10px;} .activity_right .activity_txt .activity_wz p{font-size: 16px;margin-top: 20px;} .activity_right .activity_txt .activity_wz p img{width: 100%;} /* 浼佷笟鏂囧寲 */ .culture_nav{height: 68px;line-height: 68px;background-color: #f8f8f8; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);} .culture_nav a{font-size: 12px;color: #999;font-weight: 600;} .culture_nav i{font-size: 12px;color: #999;font-weight: 600;} .culture_nav a.active{color: #009944;} .culture_con{margin-top: 20px;} .culture_con .culture_left{width: 25%;} .culture_con .culture_right{width: 70%;} .culture_left .culture_slide{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);width: 343px;height: 280px;} .culture_left .culture_slide .slide_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;} .culture_left .culture_slide .slide_tit p{font-size: 20px;font-weight: 600;} .culture_left .culture_slide .slide_log ul li{width: 343px;height: 67px;background-color: #fdfdfd;line-height: 67px;text-align: center;border: 1px solid #ddd;border-top: none;} .culture_left .culture_slide .slide_log ul li a{font-size: 16px;color: #777;width: 100%;display: inline-block;} .culture_left .culture_slide .slide_log ul li.on a{color: #009944;} .culture_left .culture_slide .slide_log ul li.on {border-right: 10px solid #009944;} .culture_left .culture_bott{margin-top: 30px;width: 343px;height: 290px;border: 1px solid #ddd;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);} .culture_left .culture_bott .bott_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;} .culture_left .culture_bott .bott_tit p{font-size: 20px;font-weight: 600;} .culture_left .culture_bott .bott_txt{width: 343px;padding: 0 10px;} .culture_left .culture_bott .bott_txt p{font-size: 16px;color: #777;margin-top: 10px;} .culture_right .culture_tit {border-bottom: 1px solid #ccc;padding-bottom: 10px;} .culture_right .culture_tit p{font-size: 20px;color: #009944;} .culture_right .culture_tit p span{font-size: 20px;color: #999;} .culture_right .new_list ul li{border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-top: 30px;} .culture_right .new_li{display: flex;justify-content: space-between;align-items: center;} .culture_right .new_li .pany_left{padding-right: 30px;} .culture_right .new_li .pany_left h2{font-size: 18px;font-weight: 600;margin-bottom: 10px;} .culture_right .new_li .pany_left span{font-size: 12px;color: #999;} .culture_right .new_li .pany_left p{font-size: 12px;margin-top: 10px;} .culture_right .new_li .pany_right img{width: 100%;} .culture_right .culture_txt{margin-top: 40px;} .culture_right .culture_txt .culture_top{text-align: center;} .culture_right .culture_txt .culture_top h2{font-size: 24px;font-weight: 600;} .culture_right .culture_txt .culture_top p{font-size: 16px;color: #999;margin-top: 10px;} .culture_right .culture_txt .culture_wz p{font-size: 16px;margin-top: 20px;} .culture_right .culture_txt .culture_wz p img{width: 100%;} .new_right .new_txt .new_wz video{width: 100%;} /* 鍒嗛〉 */ .pagination1 a{border: 1px solid #e2e2e2;padding: 10px 20px;} .pagination1 a.cur{background-color: #009944;color: #fff;} .pagination1 p{border: 1px solid #e2e2e2;padding: 10px 20px;display: inline-block;} /* 鍦ㄧ嚎鐣欒█ */ .liuyan_box{margin-top: 20px;} .liuyan_box .name span{font-size: 16px;color: #333;} .liuyan_box .name input{width: 325px;height: 40px;line-height: 40px;font-size: 14px;} .liuyan_box .tel{margin-top: 10px;} .liuyan_box .tel span{font-size: 16px;color: #333;} .liuyan_box .tel input{width: 325px;height: 40px;line-height: 40px;font-size: 14px;} .liuyan_box .email{margin-top: 10px;} .liuyan_box .email span{font-size: 16px;color: #333;} .liuyan_box .email input{width: 325px;height: 40px;line-height: 40px;font-size: 14px;} .liuyan_box .address{margin-top: 10px;} .liuyan_box .address span{font-size: 16px;color: #333;} .liuyan_box .address input{width: 325px;height: 40px;line-height: 40px;font-size: 14px;} .liuyan_box .content{margin-top: 10px;display: flex;justify-content: flex-start;} .liuyan_box .content p{font-size: 16px;color: #333;} .liuyan_box .content textarea{width: 735px;font-size: 14px;} .liuyan_box .submit{margin-top: 20px;} .liuyan_box .submit button{width: 55px;height: 35px;font-size: 16px;background-color: #009944;color: #fff;border: 0;} .liuyan_box .submit input{width: 59px;height: 30px;line-height: 30px;margin: 0 10px; font-size: 14px;} .liuyan_box .submit span{font-size: 16px;color: #333;margin-left: 10px;} .qiehuan{ position: relative; margin-top: 30px !important; } .qiehuan .swiper-slide a{ display: block; background-size: cover; background-position: center center; background-repeat: no-repeat; } .qiehuan .swiper-slide a img{ width: 100%; height: auto; display: block; } .qiehuan .swiper-slide a h2{ position: absolute; bottom: 0px; width: 100%; left: 0px; background: rgba(0, 0, 0, 0.2); color: #fff; padding: 15px; font-size: 17px; padding-bottom: 35px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .qiehuan .swiper-pagination span{ background: rgba(255, 255, 255, 0.7); opacity: 1; } .qiehuan .swiper-pagination span.swiper-pagination-bullet-active{ background: #3da765; } .main_list{ padding: 20px 0px; } .main_list ul{ display: flex; margin: 0px -20px; flex-wrap: wrap; } .main_list ul li{ width: calc(50% - 40px); margin: 0px 20px; margin-bottom: 30px; background: #f6f6f6; overflow: hidden; } .main_list ul li a h2{ overflow: hidden; } .main_list ul li a h2 b{ background-size: cover; background-position: center center; background-repeat: no-repeat; display: block; transition: all 0.5s ease 0s; } .main_list ul li a h2 img{ width: 100%; height: auto; } .main_list ul li a:hover h2 b{ transform: scale(1.1); transition: all 0.5s ease 0s; } .main_list ul li a p{ font-size: 15px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 15px 10px; position: relative; z-index: 2; } @media (max-width: 1400px){ .g-wrap{width: 1280px;} } @media (max-width: 1320px){ .about_con .about_right{width: 68%;} .product_con .product_right{width: 68%;} .develop_con .develop_right{width: 68%;} .new_con .new_right{width: 68%;} .activity_con .activity_right{width: 68%;} .culture_con .culture_right{width: 68%;} .contact_con .contact_right{width: 68%;} } @media (max-width: 1280px){ .g-wrap{width: 1172px;} .index2 .ind2_right .ind2_cot .cot_left h2{margin-top: 0px;} .about_con .about_right{width: 65%;} .product_con .product_right{width: 65%;} .develop_con .develop_right{width: 65%;} .new_con .new_right{width: 65%;} .activity_con .activity_right{width: 65%;} .culture_con .culture_right{width: 65%;} .contact_con .contact_right{width: 65%;} .develop_right .develop_list .develop_li{width: 230px;height: 385px;} .develop_right .develop_list .develop_li .content{height: 230px;} .contact_right .develop_list .develop_li{width: 230px;height: 385px;} .contact_right .develop_list .develop_li .content{height: 230px;} } @media (max-width: 1200px){ .index2 .ind2_right .ind2_cot .cot_left h2{margin-top: 0px;} .index2 .ind2_right .ind2_cot .cot_left{width: 55%;} .index2 .ind2_right .ind2_cot .cot_right{width: 45%;} .g-wrap{width: 1100px;} .page{margin-left: 20%;} .develop_right .develop_list .develop_li{width: 220px;height: 390px;} .develop_right .develop_list .develop_li .content{height: 230px;} .contact_right .develop_list .develop_li{width: 220px;height: 390px;} .contact_right .develop_list .develop_li .content{height: 230px;} } @media (max-width: 900px){ .header .nav{display: none;} .phone-header{display: block;} .container { width: 100%; box-sizing: border-box; padding: 0px 15px; } .header { height: 70px; position: fixed; width: 100%; top: 0px; left: 0px; line-height: normal; } .header .logo img { height: 30px; margin-top: 15px; } .search1{width: 100%;} .search1 .text { width: calc(100% - 40px); } .banner{margin-top: 70px;} #subjects{display: none;} .index2 .ind2_left{float: none;width: 100%;} .index2 .ind2_right{float: none;width: 100%;margin-top: 30px;} .index2 .ind2_left .bd .nr{border-right: none;padding-right: 0px;} .index2 .ind2_left .hd{padding-right: 0px;} .about_con .about_left{ display: none; } .about_con .about_right{ float: none; width: 100%; } .mainBan_bg{ margin-top: 70px; height: 260px; } .row{ margin-right: -15px; margin-left: -5px; } .product_con .product_left{ display: none; } .product_con .product_right{ float: none; width: 100%; } .develop_con .develop_left{ display: none; } .develop_con .develop_right{ float: none; width: 100%; } .new_con .about_left{ float: none; margin-bottom: 15px; } .new_con .new_left{ display: none; } .new_con .new_right{ float: none; width: 100%; } .activity_con .activity_left{ display: none; } .activity_con .activity_right{ float: none; width: 100%; } .culture_con .culture_left{ display: none; } .culture_con .culture_right{ float: none; width: 100%; } .contact_con .contact_left{ display: none; } .contact_con .contact_right{ float: none; width: 100%; } .footer_yq{ display: none; } .footer_bott .foot_res{ float: none; } .footer_bott p:first-child{ line-height: 25px; } .footer_bott .foot_icon{ float: none; } .qiehuan .swiper-slide a h2{ font-size: 14px; } .main_list ul{ margin: 0px -10px; } .main_list ul li{ margin: 0px 10px; width: calc(50% - 20px); margin-bottom: 15px; } .main_list ul li a p{ padding: 10px; font-size: 13px; } } @media (max-width: 768px){ .banner{ height: 410px !important; } a.ban_arrR{ right: 0; } a.ban_arrL{ left: 0; } a.ban_arrL, a.ban_arrR{ padding: 0; } .index1_ph{display: block;} .index1{display: none;} .index2{ margin-top: 20px; margin-bottom: 30px; } .index2 .ind2_left .bd .nr .ind2_list .ind2_li p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .index2 .ind2_left .bd .nr .ind2_list .ind2_li span{ width: 95px; text-align: right; } .index2 .ind2_right .ind2_cot .cot_left h2{ font-size: 16px; } .index2 .ind2_right .ind2_cot .cot_left p{ font-size: 12px; padding-right: 0; margin-top: 15px; } .index2 .ind2_right .ind2_cot .cot_left{ float: none; width: 100%; } .index2 .ind2_right .ind2_cot .cot_right{ display: none; } .index2 .ind2_right .ind2_cot{ margin-top: 20px; } .footer_bott{ display: inline-block; text-align: center; } .index1 .slideBox .bd .nr{ padding: 20px 0; } .mainBan_bg .mainBan_wz h1{ font-size: 24px; } .mainBan_bg .mainBan_wz p{ font-size: 14px; } .about_right .about_txt .about_wz p{ font-size: 14px; } .about_right .about_tit p{ font-size: 16px; } .about_right .about_tit p span{ font-size: 16px; } .about_right .about_txt .about_wz{ margin-top: 20px; } .footer{ margin-top: 30px; margin-bottom: 10px; } .about_right .about_list ul li{ padding: 10px; } .page{ margin-left: 0; } .page ul li{ padding: 10px 14px; } .product_right .product_tit p{ font-size: 16px; } .product_right .product_tit p span{ font-size: 16px; } .product_right .product_list ul li{ padding: 10px; } .product_right .product_list .product_li .product_wz p{ font-size: 14px; } .develop_right .develop_tit p{ font-size: 16px; } .develop_right .develop_tit p span{ font-size: 16px; } .develop_right .develop_list .develop_li{ width: 165px; padding: 20px 20px; } .develop_right .develop_list .develop_li .title h2{ font-size: 16px; } .develop_right .develop_list .develop_li .content p{ font-size: 14px; } .develop_right .develop_list .develop_li .content{ margin-top: 10px; height: 275px; } .develop_right .develop_list ul li{ margin-top: 20px; width: 50%; } .new_right .new_tit p{ font-size: 16px; } .new_right .new_tit p span{ font-size: 16px; } .new_right .new_li{ display: inline-block; } .new_right .new_list ul li{ margin-top: 20px; } .new_right .new_li .pany_left h2{ font-size: 14px; } .new_right .new_li .pany_left{ padding-right: 0; } .new_right .new_li .pany_right{ margin-top: 10px; } .new_right .new_txt .new_top h2{ font-size: 20px; } .new_right .new_txt .new_wz p{ font-size: 14px; } .new_right .new_txt{ margin-top: 20px; } .new_right .new_txt .new_top p{ font-size: 14px; } .activity_right .activity_tit p{ font-size: 16px; } .culture_right .culture_tit p{ font-size: 16px; } .activity_right .activity_tit p span{ font-size: 16px; } .culture_right .culture_tit p span{ font-size: 16px; } .activity_right .new_li{ display: inline-block; } .culture_right .new_li{ display: inline-block; } .activity_right .new_list ul li{ margin-top: 20px; } .culture_right .new_list ul li{ margin-top: 20px; } .activity_right .new_li .pany_left h2{ font-size: 14px; } .culture_right .new_li .pany_left h2{ font-size: 14px; } .activity_right .new_li .pany_right{ margin-top: 10px; } .culture_right .new_li .pany_right{ margin-top: 10px; } .activity_right .new_li .pany_left{ padding-right: 0; } .culture_right .new_li .pany_left{ padding-right: 0; } .activity_right .activity_txt .activity_top h2{ font-size: 20px; } .culture_right .activity_txt .activity_top h2{ font-size: 20px; } .activity_right .activity_txt .activity_wz p{ font-size: 14px; } .culture_right .culture_txt .culture_top p{ font-size: 14px; } .activity_right .activity_txt{ margin-top: 20px; } .culture_right .culture_txt{ margin-top: 20px; } .contact_right .contact_tit p{ font-size: 16px; } .contact_right .contact_tit p span{ font-size: 16px; } .contact_right .contact_wz .address .contact_01{ width: 110px; } .contact_right .contact_wz .address .contact_01 p{ font-size: 14px; } .contact_right .contact_wz .address .contact_02 p{ font-size: 14px; } .contact_right .contact_idea h2{ font-size: 14px; } .contact_right .contact_wz{ margin-top: 30px; } .contact_right .develop_list ul li{ width: 50%; margin-top: 20px; } .contact_right .develop_list .develop_li{ width: 165px; padding: 20px 20px; } .contact_right .develop_list .develop_li .title h2{ font-size: 16px; } .contact_right .develop_list .develop_li .content p{ font-size: 14px; } .contact_right .develop_list .develop_li .content{ height: 275px; margin-top: 10px; } .index1_ph .slideBox .hd {height: 30px;line-height: 30px;border-bottom: 1px solid #dddddc;background-color: #eaeae9;} .index1_ph .slideBox .hd ul li{float: left;cursor: pointer;padding: 0 15px;} .index1_ph .slideBox .hd ul li.on{height: 30px;background-color: #fff;border: 1px solid #dddddc;border-bottom: 2px solid #fff;color: #333;font-weight: 600;} .index1_ph .slideBox .bd .nr{border-bottom: 1px solid #dddddc;padding: 30px 0;} .index1_ph .slideBox .bd .nr .img p{color: #009944;margin-top: 10px;} .index1_ph .slideBox .bd .nr .img img{box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.2);} .index1_ph .slideBox .bd .nr .img{text-align: center;} .index1_ph .slideBox .bd .nr .index1swiper{padding: 0 40px;} .index1swiper .swiper-button-next, .index1swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;} .index1_ph .slideBox .bd .nr .index2swiper{padding: 0 40px;} .index2swiper .swiper-button-next, .index2swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;} .index1_ph .slideBox .bd .nr .index3swiper{padding: 0 40px;} .index3swiper .swiper-button-next, .index3swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;} .index1_ph .slideBox .bd .nr .index4swiper{padding: 0 40px;} .index4swiper .swiper-button-next, .index4swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;} .fixed_box .job_fix{width: 92%; height: 75%; overflow-y: scroll;} .fixed_box .job_bot{padding: 20px;} }