@charset "utf-8"; /* 鍏叡css閮ㄥ垎 */ body{font-family: "Microsoft Yahei", Tahoma, Arial, serif;} a:hover{text-decoration: none;} .container{padding-left: 0;padding-right: 0; width:1200px;} .ft12{ font-size:12px;} .ft13{ font-size:13px;} .ft14{ font-size:14px;} .ft20{ font-size: 20px;} .ft18{ font-size: 18px;} .mt10{ margin-top:10px;} .mt16{ margin-top:16px;} .mt20{ margin-top:20px;} .mt22{ margin-top:22px;} .mt28{ margin-top:28px;} .mt30{ margin-top:30px;} .mt40{ margin-top:40px;} .mt60{ margin-top:60px!important;} .ml10{margin-left: 10px;} .pt10{padding-top: 10px;} .mt8{ margin-top:8px;} .mt6{ margin-top:6px;} .fb{ font-weight:bold;} .tx_l{ text-align:left;} .tx_r{ text-align:right;} .tx_c{ text-align:center;} .red{ color:#F00;} .yellow{color: #ffff00;} .b_b{ border-bottom:solid 1px #ccc;} .pt6{ padding-top:6px;} .pr6{ padding-right:6px;} .pl5{padding-left: 5px;} .pb10{padding-bottom: 10px;} .pb15{padding-bottom: 15px;} .dis{ display:block;} .udis{ display:none;} .fl{ float:left;} .ft0{ font-size:0;} .ml3{ margin-left:3px;} .box_center{ margin:20px auto 0 auto;} .img-block img{ display:block;} .pb60{ padding-bottom: 60px; } .modal-vertical-centered .modal-dialog { transform: translateY(50%); top: 20%; } .topbg{height: 40px;background: #333;line-height: 40px;} .top{padding: 0;color: #b3b3b3;} .top div{float: right;} .top div.top_welcome{width: 50%;font-size: 12px;color: #ccc;} .top a{color: #ccc;} .top div.tx_r{color: #ccc;text-align: right;} .cn,.en{cursor: pointer;} .top div.tx_r a,.top div.tx_r span{display: inline-block;font-size: 12px;padding-right: 10px;border-right: solid 1px #666;height: 16px;line-height: 16px;margin-right: 5px;} .top div.tx_r span:last-child{padding-right: 0;margin-right: 0;border-right: none;} .header_centent{ height: 100px; background: #ffffff; } .header_centent.navFixed{ width: 100%; position: fixed; top: 0; left: 0; padding: 0; line-height: 30px; z-index: 9999; /*border-bottom: 1px solid #ddd;*/ -webkit-transform-origin: left top; transform-origin: left top; -webkit-animation: docMenuFixed 0.2s ease-out; animation: docMenuFixed 0.2s ease-out; } .header{} .header>div{float: left;} .header div.logo_box{ width: 270px; height: 100px; } .header .logo{width: 270px;position: relative;padding-top: 20px;} .header .logo img{width: 182px;height: 60px;} .nav{float: left;width: 930px;} .nav>ul>li{float: left;width: 120px; height: 100px;line-height: 100px;text-align: center;cursor: pointer;margin-right: 15px;} .nav>ul>li:nth-child(6){margin-right: 14px;} .nav>ul>li:nth-child(7){margin-right: 0;} .nav>ul>li:nth-child(8){ width: 1px; position: relative; margin-right: 0; } .nav>ul>li>a{color: #666;font-size: 16px;display: block;width: 120px;text-decoration: none;position: relative;z-index: 1;} .nav ul li a span{ display: block; width: 100%; height: 100%; position: relative; z-index: 999; } .nav ul li a:after{ content: ''; position: absolute; height: 100px; top: 0; width: 120px; display: none; border-left: solid 1px #e9e9e9; border-right: solid 1px #e9e9e9; border-bottom: solid 4px #9c0; border-radius: 2px 2px 0 0; } .nav>ul>li.on>a{color: #9c0;z-index: 0;} .nav>ul>li.on>a:after{ display: block; } /*浜岀骇瀵艰埅閮ㄤ唤*/ .nav .nav_fir_bg{position: absolute;left: 0;width: 100%;background-color: #f3f3f3;z-index: 999;display: none;height: 120px;} .nav .nav_fir_bg.nav_search_bg{background:#f3f3f3;width: 530px;height: 80px;left: auto;right: -120px;} .nav_fir{width: 1200px;margin: 0 auto;height: 120px;position: relative;} .nav_fir>div{ float: left; } .nav .search_ico{ position: absolute; right: 0; width: 530px; background-color: #f3f3f3; z-index: 999; display: block; height: 80px; float: none; padding: 0; } .nav_title{ width: 260px; color: #333333; line-height: 30px; position: relative; padding-top: 30px; } .nav_title:before{ content: ''; position: absolute; height:120px; width: 1px; background-image: linear-gradient(#f3f3f3,#dbdbdb, #f3f3f3); right: 0; top: 0; } .nav_title div:nth-child(1){ font-size: 24px; } .nav_title div:nth-child(1) strong{ color: #99cc00; } .nav_title div:nth-child(2){ font-size: 18px; } .nav_fir_list{ padding-left: 50px; padding-top: 40px; width: 940px; text-align: left; } .nav_fir_list ul{ display: inline; } .nav_fir_list ul li{position: relative;text-align: left;height: auto;float: left;line-height: 44px;margin-right: 20px;} .nav_fir_list ul li:last-child{ margin-right: 0; } .nav li .nav_fir_list ul li a{color: #666;font-size: 16px;display: block;height: 44px;line-height: 44px;border-radius: 22px;text-align: center;padding: 0 30px;} .nav li .nav_fir_list ul li a.active{color: #ffffff;background: #99cc00;} .search_topbox{ margin-top: 22px; } .search_topbox label{ background: #ffffff; border: solid 1px #CCCCCC; display: block; width: 300px; margin: 0 auto; height: 36px; border-radius: 20px; font-weight: normal; padding-left: 20px; padding-top: 5px; } .search_topbox label>*{ display: block; float: left; } .search_topbox label .search_topinput{ height: 24px; line-height: 24px; width: 240px; border: none; outline: none; font-size: 14px; color: #333; } .search_topbox label .search_inputsub{ height: 24px; line-height: 22px; width: 30px; border: none; outline: none; background: none; font-size: 16px; color: #99cc00; } .search_topbox label .search_topinput::-webkit-input-placeholder{ color:#999; } /*浜岀骇瀵艰埅缁撴潫*/ .banner{width: 100%;margin: 0px auto;overflow: hidden;} .banner img{width: 100%;} .ssxf_szys{ position: relative; } .bays_text{width: 1200px;background: #ffffff;padding-top: 75px;padding-bottom: 75px;} .bays_text div{float: left;} .bays_text div>*{display: block;color: #333;} .bays_text div strong{font-size: 50px;font-weight: bold;position: relative;color: #000;line-height: 60px;} .bays_text div strong i{font-style: normal;line-height: 50px;vertical-align: top;} .bays_text div strong em{font-style: normal;line-height: 50px;} .bays_text div span{font-size: 16px;} .bays_text > div:not(:last-child){ margin-right: 94px; } .bays_text div:nth-child(1){ width: 110px; } .bays_text div:nth-child(2){ width: 110px; } .bays_text div:nth-child(3){ width: 160px; } .bays_text div:nth-child(4){ width: 180px; } .bays_text div:nth-child(5){ width: 240px; } .bays_text div strong:after{ position:absolute; width: 36px; height: 36px; border-radius: 50%; color: #ffffff; background: #9c0; font-size: 16px; line-height: 36px; font-weight: normal; text-align: center; top: 10px; margin-left: 10px; } .bays_text div:nth-child(1) strong:after{content:'骞?;} .bays_text div:nth-child(2) strong:after{content:'椤?;} .bays_text div:nth-child(3) strong:after{content:'浜?;} .bays_text div:nth-child(4) strong:after{content:'m虏';} .bays_text div:nth-child(5) strong:after{content:'m虏';margin-left: 5px;} .bays_text div:hover strong:after{ /*background: #333;*/ } .jiejuefangan_bg{ background: #f3f3f3; padding-top: 1px; padding-bottom: 80px; } .dqyjfa_title.index_title1{ margin-top: 70px; padding-bottom: 60px; } .index_title1{ margin-top: 75px; text-align: center; position: relative; padding-bottom: 80px; } .index_title1 h3{font-size: 36px;font-weight: normal;margin: 0;line-height: 48px;color: #333333;} .index_title1 h3>*{ display: inline-block; vertical-align: middle; } .index_title1 h3 b{ color: #99cc00; margin-left: 10px; } .index_title1 h3 strong{font-weight: normal;} .index_title1 span{font-size: 16px;position: relative;height: 32px;display: block;line-height: 36px;color: #999;} .goods4_box .index_title1 span{color: #CCCCCC;} .index_title1 span.iempty{font-size: 12px;position: relative;height: 1px;display: block;line-height: 1px;} .index_title1 span:before{ content: ''; position: absolute; left: 50%; width: 30px; height: 3px; background: #99cc00; border-radius: 2px; transform: translateX(-50%); bottom: -20px; } .index_title1 em{ position: absolute; top: -180px; } .jiejuefangan{ } .jiejuefangan ul{ display: flex; } .jiejuefangan ul li{ flex:1; height: 300px; position: relative; } .jiejuefangan ul li:nth-child(1) { background: url("../images/pro_1.jpg") no-repeat left top; } .jiejuefangan ul li:nth-child(2) { background: url("../images/pro_2.jpg") no-repeat left top; } .jiejuefangan ul li:nth-child(3) { background: url("../images/pro_3.jpg") no-repeat left top; } .jiejuefangan ul li:nth-child(4) { background: url("../images/pro_4.jpg") no-repeat left top; } .jiejuefangan ul li:nth-child(5) { background: url("../images/pro_5.jpg") no-repeat left top; } .jiejuefangan ul li:last-child{ border-right: none; } .jiejuefangan ul li a{ display: block; height: 300px; color: #ffffff; text-align: center; position: relative; z-index: 1; padding-top: 90px; } .jiejuefangan ul li a>*{ display: block; text-align: center; } .jiejuefangan ul li a i{ font-size: 52px; } .jiejuefangan ul li a strong{ margin-top: 30px; font-size: 18px; font-weight: normal; } .jiejuefangan ul li a span{ margin-top: 15px; } .jiejuefangan ul li a em{ font-size: 14px; font-style: normal; display: none; margin-top: 15px; line-height: 26px; } .jiejuefangan ul li.active:after{ display: none; } .jiejuefangan ul li.active a{ background: rgba(0,0,0,.5); } .jiejuefangan ul li.active a i{ display: none; } .jiejuefangan ul li.active a strong, .jiejuefangan ul li.active a span{ } .jiejuefangan ul li.active a strong{ margin-top: 20px; } .jiejuefangan ul li:after{ background: rgba(51,51,51,.5); display: block; content: ''; height: 300px; width:100%; position: absolute; left: 0; top: 0; } .jiejuefangan ul li:before{ display: none; content: ''; background: rgba(153,204,0,.7); position: absolute; width: 100%; height: 300px; z-index: 0; left: 0; top: 0; } .jiejuefangan ul li.active:before{ display: block; } .jiejuefangan ul li.active a em{ display: block; padding: 10px; } .jiejuefangan ul li:before{ z-index: 0; content: ''; height: 300px; width: 100%; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .jiejuefangan ul li.active:before, .jiejuefangan ul li:hover:before{ left: 0; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .khml_nav{ width: 800px; } .khml_nav ul{ display: flex; } .khml_nav ul li{ height: 100px; flex: 1; text-align: center; position: relative; } .khml_nav ul li:not(:last-child):before{ content: ''; position: absolute; height:60px; width: 1px; background-image: linear-gradient(#fff,#CCCCCC, #fff); right: 0; top: 20px; } .khml_nav ul li a>*{ display: block; } .khml_nav ul li a strong{ color: #333; font-weight: normal; font-size: 18px; } .khml_nav ul li a span{ font-size: 12px; } .khml_nav ul li a i{ font-size: 40px; } .khml_nav ul li a i,.khml_nav ul li a span{ color: #ccc; } .khml_nav ul li.active a i,.khml_nav ul li.active a strong, .khml_nav ul li:hover a i,.khml_nav ul li:hover a strong{ color: #9c0; } .kfal_list{ margin-top: 40px; padding-bottom: 85px; } .kfal_list .swiper{padding-top: 0;} .kfal_list ul{display: block;} .kfal_list ul li{float: left;width: 390px;height: 293px;margin-right: 15px;margin-bottom: 15px;} .kfal_list ul li:nth-child(3n){ margin-right: 0; } .kfal_list .swiper-slide a{display:block;width: 390px;height: 293px;position: relative;} .kfal_list .swiper-slide a span{display: block;width: 390px;height: 293px;overflow: hidden;} .kfal_list .swiper-slide a span img{width: 390px;height: 293px;} .kfal_list .swiper-slide a strong{display: block;position: absolute;left: 0;bottom: 0;height: 50px;background: rgba(0,0,0,.5);width:100%;font-size: 16px;color: #ffffff;text-align: center;line-height: 50px;font-weight: normal;overflow: hidden;padding: 0 15px;} .kfal_list .mykfalSwiper{ width: 1200px; height: 616px; padding-top: 0; padding-bottom: 0; overflow: hidden; } .kfal_list .swiper-slide { text-align: center; font-size: 18px; background: #fff; height: 293px; /* 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; margin-bottom: 10px; } .mykfalSwiper_nav{ position: relative; } .kfal_list .swiper-pagination{ left: 50%; transform: translateX(-50%); bottom: -50px; } .swiper-button-next{} .swiper-button-prev{ } .kfal_list .swiper-pagination .swiper-pagination-bullet{ width: 40px; height: 4px; border-radius: 0; margin-right: 10px; background: rgb(204,204,204,.94); } .kfal_list .swiper-pagination .swiper-pagination-bullet:last-child{ margin-right: 0; } .kfal_list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: rgb(153,204,0,.94); } /*logo鍥炬爣*/ .kfal_logo .box{width: 1200px;} .kfal_logo ul{display: block;} .kfal_logo{overflow: hidden;} .kfal_logo ul{} .kfal_logo ul li{width: 220px;height:110px;float: left;margin-right: 25px;margin-bottom: 25px;} .kfal_logo ul li:nth-child(5n){ margin-right: 0; } .kfal_logo ul li a{display: block;width: 220px;height: 110px;background: #ffffff;} .kfal_logo ul li a span{ width: 220px; height: 110px; margin: 0 auto; /*闈濱E鐨勪富娴佹祻瑙堝櫒璇嗗埆鐨勫瀭鐩村眳涓殑鏂规硶*/ display: table-cell; vertical-align:middle; /*璁剧疆姘村钩灞呬腑*/ text-align:center; /* 閽堝IE鐨凥ack */ *display: block; *font-size: 175px;/*绾︿负楂樺害鐨?.873锛?00*0.873 绾︿负175*/ *font-family: Arial, serif;/*闃叉闈瀠tf-8寮曡捣鐨刪ack澶辨晥闂锛屽utf-8缂栫爜*/ position: relative; } .kfal_logo ul li a span img{ max-width: 190px; max-height: 95px; } .index_more{ text-align: center; padding-top: 60px; } .index_more a{ display: inline-block; width: 150px; height: 50px; border: solid 1px #ccc; font-size: 16px; color: #666666; line-height: 50px; border-radius: 30px; } .index_more a:hover{ border-color: #9c0; background: #9c0; color: #ffffff; } .heidian.index_title1 h3 i{background: #333;} .xzly_bg{ width: 100%; position: relative; overflow: hidden; } .xzly_bg >div.xzly_left,.xzly_bg >div.xzly_right{ width: 50%; float: left; position: relative; } .xzly_bg>div.xzly_right{ overflow: hidden; height: 600px; } .xzly_right>div{ opacity: 0; transition: all 0.5s ease 0s; position: absolute; left: 0; top: 0; z-index: 1; } .xzly_right>div.active{ opacity: 1; z-index: 99; } .xzly_info{ position: absolute; left: 50%; width: 1200px; margin-left: -600px; } .xzly_ico{width: 630px;height: 220px;box-shadow:2px 2px 10px rgba(0,0,0,.32);background: #ffffff;margin-top: 80px;padding: 20px 35px;position: relative;z-index: 100;} .xzly_ico .xzly_list{float: left;width: 280px;height: 90px;padding-left: 50px;padding-top:20px;cursor: pointer;} .xzly_ico .xzly_list:nth-child(1){ border-right: solid 1px #E5E5E5; border-bottom: solid 1px #E5E5E5; padding-left: 49px; } .xzly_ico .xzly_list:nth-child(2){ border-bottom: solid 1px #E5E5E5; } .xzly_ico .xzly_list:nth-child(3){ border-right: solid 1px #E5E5E5; padding-left: 49px; } .xzly_ico .xzly_list div > *{ display: block; float: left; } .xzly_ico .xzly_list div > div{ height: 62px; width: 56px; text-align: center; position: relative; overflow: hidden; } .xzly_ico .xzly_list div > div>div{ display: block; height: 130px; width: 56px; position: absolute; left: 0; top: 0; -webkit-transition:all .5s;transition:all .5s; } .xzly_ico .xzly_list.active div>div>div{ top: -65px; } .xzly_ico .xzly_list div em{ display: block; height: 65px; width: 56px; position: relative; } .xzly_ico .xzly_list div strong{ width: 173px; padding-left: 11px; padding-top: 5px; font-size: 20px; } .xzly_ico .xzly_list div span{ width: 173px; padding-left: 11px; } .xzly_ico .xzly_list div em:last-child b{ display: block; content: ''; position: absolute; width: 56px; height: 56px; background: #9c0; z-index: 0; left: 0; top: 0; border-radius: 50%; transition: all 0.5s ease 0s; } .xzly_ico .xzly_list div em:last-child b:after{ content: ''; position: absolute; width: 0; height: 0; left: 18px; bottom: -6px; border-top: 10px solid #9c0; border-right: 10px solid transparent; border-left: 10px solid transparent; display: block; } .xzly_ico .xzly_list div em i{ position: relative; font-size: 30px; z-index: 1; display: inline-block; padding-top: 5px; } .xzly_ico .xzly_list:nth-child(1) div em i{ font-size: 34px; } .xzly_ico .xzly_list:nth-child(2) div em i{ font-size: 34px; } .xzly_ico .xzly_list:nth-child(3) div em i{ font-size: 34px; padding-top: 5px; } .xzly_ico .xzly_list.active:nth-child(3) div em i{ padding-top: 5px; } .xzly_ico .xzly_list:nth-child(4) div em i{ font-size: 34px; } .xzly_ico .xzly_list.active div em i{ color: #ffffff; } .xzly_txt_box{ /*height: 138px;*/ } .xzly_txt{ margin-top: 45px; margin-left: 50px; width: 500px; } .xzly_txt *{ display: block; } .xzly_txt strong{font-size: 28px;width: auto;height: 60px;border-bottom: solid 1px #d2d2d2;line-height: 55px;} .xzly_txt span{ margin-top: 18px; line-height: 28px; font-size: 16px; } .xzly_nav{ margin: 50px auto 0 auto; width: 190px; } .xzly_nav a{ display: block; width: 40px; height: 4px; float: left; margin-right: 10px; position: relative; text-indent: -9999px; background: #CCCCCC; } .xzly_nav a:last-child{ margin-right: 0; } .xzly_nav a:hover,.xzly_nav a.active{ background:#99cc00; } .index_about_bg{background: #f3f3f3;width: 100%;padding-top: 1px;margin-top: 60px;padding-bottom: 80px;} .index_about_bg .index_title1{margin-top: 42px;} .index_about_box{ position: relative; padding: 25px; } .index_about_box .index_about_box_bg{ position: absolute; left: 0; top: 0; width: 1200px; height: 327px; background: #F9F9F9; z-index: 0; } .index_about_box>div:not(:first-child){ float: left; position: relative; z-index: 1; } .index_about_video{ width: 585px; height: 330px; position: relative; } .index_about_video img{ width: 585px; height: 330px; } #video .vdo_img{ position: absolute; width: 585px; height: 330px; left: 0; top: 0; z-index: 1; cursor: pointer; } .index_about_content{ width: 565px; padding-left: 50px; } .index_about_content>div:nth-child(1){ } .index_about_content>div:nth-child(1)>*{ } .index_about_content>div:nth-child(1) span{ font-size: 20px; color: #9c0; height: 40px; text-align: center; } .index_about_content>div:nth-child(1) strong{ font-size: 16px; } .index_about_content>div:nth-child(2){ text-align: left; font-size: 14px; line-height: 28px; color: #666; margin-top: 15px; } .index_about_content>div:nth-child(3){ padding-top: 35px; } .index_about_content>div:nth-child(3) a{ position: relative; display: block; float: left; width: 150px; height: 40px; text-align: center; line-height: 40px; color: #666; } .index_about_content>div:nth-child(3) a span{ width: 120px; height: 40px; display: block; border: solid 1px #e6e6e6; background: #F9F9F9; position: relative; z-index: 1; } .index_about_content>div:nth-child(3) a:before{ position: absolute; content: ''; width: 120px; height: 40px; background: #99cc00; left: 6px; top: 6px; z-index: 0; } .index_about_content>div:nth-child(3) a:hover span{ background: #99cc00; color: #ffffff; } .index_about_content>div:nth-child(3) a:hover:before{ background: #000; } .index_album_bg{margin-top: 30px;} .index_album_nav{width: 780px; } .index_album_nav ul li{width: 260px; float: left; position: relative; text-align: center; padding-left: 60px; padding-top: 10px; } .index_album_nav ul li:before{ content: ''; position: absolute; width: 1px; height: 70px; right: 0; top:0; background-image: linear-gradient(#ededed,#CCCCCC, #ededed); } .index_album_nav ul li:last-child:before{display: none;} .index_album_nav ul li a{font-size: 18px;color: #666;} .index_album_nav ul li a>*{display: block;float: left} .index_album_nav ul li a span{width: 110px;line-height: 24px;margin-left: 6px;} .index_album_nav ul li a span>*{display: block;text-align: left;} .index_album_nav ul li a span strong{font-size: 20px;color: #333333;font-weight: normal;} .index_album_nav ul li a span b{font-size: 14px;font-weight: normal;line-height: 22px;} /*鏂板涓婁笅娴姩鍔ㄧ敾*/ .index_album_nav ul li a div{ width: 50px; height: 40px; overflow: hidden; display: block; position: relative; } .index_album_nav ul li a em{ width: 50px; height: 80px; display: block; position: absolute; left: 0; top:0; -webkit-transition:all .5s; transition:all .5s; } .index_album_nav ul li.active a em{ top:-40px; } .index_album_nav ul li a div i{ font-size: 40px; color: #333333!important; vertical-align: top; display: block; height: 40px; line-height: 40px; } .index_album_nav ul li a em i:last-child{ color: #9c0!important; } .album_nav{ position: relative; } .album_nav a{ display: block; position: absolute; width: 50px; height: 50px; border: solid 2px #dbdbdb; top: -180px; border-radius: 50%; text-align: left; line-height: 46px; font-family: SimSun, serif; font-size: 35px; font-weight: bold; color: #dbdbdb; } .album_nav a:hover{ border-color: #9c0; color: #9c0; } .album_nav a:active,.album_nav a:focus{ text-decoration: none;outline: 0; } .album_nav a:first-child{ left: -80px; padding-left: 12px; } .album_nav a:last-child{ right: -80px; padding-left: 16px; } .index_album_nav ul li:nth-child(2) a i{font-size: 52px;} .index_album_nav ul li:nth-child(3) a i{font-size: 54px;} .index_album_nav ul li.active,.index_album_nav ul li:hover{ color: #9c0; } .index_album_nav ul li.active *, .index_album_nav ul li:hover *{color: #9c0;} .index_album_list_box{ position: relative; /* overflow: hidden;*/ height: 262px; padding-top: 46px; } .index_album_list{width:1200px;position: absolute;opacity: 0;z-index: 1;} .index_album_list.active{opacity: 1;transition: all 0.5s ease 0s;z-index: 99;} .index_album_list .swiper-slide{} .index_album_list .swiper-slide a{display: block;width: 285px;} .index_album_list .swiper-slide a span{display: block;width: 285px;height: 214px;overflow: hidden;} .index_album_list .swiper-slide a img{width: 285px;height: 214px;transition: all 0.5s ease 0s;} .index_album_list .swiper-slide a:hover img{transform:scale(1.12,1.12);-webkit-transform:scale(1.12,1.12)} .index_album_list .swiper-slide a strong{ display: block; width: 285px; height: 45px; line-height:45px; overflow: hidden; text-align: center; font-weight: normal; font-size: 16px; color: #333333; position: relative; /*-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);*/ box-shadow: 0 0 1px transparent; } .index_album_list .swiper-slide a strong:before{ content: ''; height: 2px; background: #9c0; position: absolute; left: 0; right: 100%; bottom: 0; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .index_album_list .swiper-slide a strong:after{ content: ""; width: 100%; height: 1px; background: #D6D6D6; position: absolute; bottom: 0; left: 0; } .index_album_list .swiper-slide a:hover strong:before{ right: 0; } .index_album_list .swiper-slide a:hover strong:after{ display: none; } .index_album_list .swiper-slide a:hover strong{color: #9c0;} /*鎴戜滑鐨勬祦绋?/ .indexfwlc_bg{ padding-bottom: 120px; } .indexfwlc_box{padding-top: 60px; } .indexfwlc_box ul li{ float: left; width: 133px; text-align: center; position: relative; cursor: pointer; } .indexfwlc_box ul li span{ font-size: 16px; } .indexfwlc_box ul li:nth-child(odd)>*{ display: block; } .indexfwlc_box ul li:nth-child(odd) strong{ width: 60px; height: 60px; border-radius: 50%; border: solid 1px #CCCCCC; text-align: center; font-weight: normal; padding-top: 10px; margin: 0 auto; } .indexfwlc_box ul li:nth-child(odd) strong i{ font-size: 30px; display: block; vertical-align: top; line-height: 40px; } .indexfwlc_box ul li em i{ font-size: 40px; color: #dbdbdb; } .indexfwlc_box ul li:nth-child(10){ width: 1200px; } .indexfwlc_box ul li:nth-child(10) em{ display: block; width: 100px; height: 60px; float: right; transform: rotate(90deg); position:relative ; } .indexfwlc_box ul li:nth-child(10) em i{ position: absolute; left: 30px; top: 20px; } .indexfwlc_box ul li:nth-child(15) strong i{ font-size: 40px; } .indexfwlc_box ul li:nth-child(n+11):nth-child(2n) em{ display: block; width: 100px; height: 100px; float: right; transform: rotate(180deg); position: relative; } .indexfwlc_box ul li:nth-child(n+11):nth-child(2n) em i{ position: absolute; left: 50px; top: 30px; } .indexfwlc_box ul li div{ display: none!important; position: absolute; left: 50%; top: -45px; width: 320px; transform: translateX(-50%); height: 30px; line-height: 30px; font-size: 14px; background: #ffffff; text-align: center; } .indexfwlc_box ul li div em{ display: inline-block; border: solid 1px #99cc00; border-radius: 15px; height: 30px; line-height: 30px; padding: 0 20px; font-style: normal; } .indexfwlc_box ul li:nth-child(3) div em{ padding: 0 10px; } .indexfwlc_box ul li:nth-child(n+11) div{ top: auto; bottom: -45px; } .indexfwlc_box ul li.active div{ display: block!important; } .indexfwlc_box ul li.active strong{ background: #99cc00; } .indexfwlc_box ul li.active strong i{ color: #ffffff; } /*鏂伴椈璧勮閮ㄥ垎*/ .indexnews_nav{ width: 280px; height: 42px; border-radius: 20px; background: #ffffff; } .indexnews_nav ul li{ width: 140px; float: left; text-align: center; line-height: 40px; } .indexnews_nav ul li a{ font-size: 16px; color: #666666; } .indexnews_nav ul li.active{ background: #99cc00; border-radius: 20px; } .indexnews_nav ul li.active a{ color: #ffffff; } .inews_list{ margin-top: 20px; display: none!important; } .inews_list.active{ display: block!important; } .inews_list ul li{ float: left; width: 285px; margin-right: 20px; } .inews_list ul li:last-child{ margin-right: 0; } .inews_list ul li a span{ display: block; width: 285px; height: 171px; overflow: hidden; } .inews_list ul li a span img{ width: 285px; height: 171px; } .inews_list ul li a:hover span{ border-radius: 30px 0 30px 0; } .inews_list ul li a>*{ display: block; } .inews_list ul li a> em{ font-size: 14px; color: #999999; font-style: normal; height: 50px; line-height: 50px; } .inews_list ul li a> strong{ font-size: 16px; color: #333; font-weight: normal; height: 35px; line-height: 35px; margin-bottom: 15px; overflow: hidden; } .inews_list ul li a> b{ padding: 15px 0 0 0; font-size: 14px; height: 71px; overflow: hidden; color: #666; font-weight: normal; line-height: 28px; margin-bottom: 15px; } .inews_list ul li a> i{ font-size: 12px; color: #999999; position: relative; line-height: 20px; } .inews_list ul li a> i:before{ position: absolute; top: 0; left: 50px; font-size: 20px; } .inews_list ul li a:hover strong,.inews_list ul li a:hover i{ color: #99cc00; } /*搴曢儴*/ .footer_bg2{color: #999;text-align: center;font-size: 14px;background: #ffffff;padding: 15px 0;border-bottom: solid 1px #ededed} .link_box{text-align: left;line-height: 26px;} .link_box a{color:#666666;margin-right: 30px;white-space: nowrap;font-size: 14px;} .link_box strong{display: inline-block;font-weight: normal;margin-right: 20px;height: 26px;line-height: 26px;font-size: 14px;} .link_box strong em{ font-style: normal; font-size: 12px; } .footer_bg{background: #ffffff;padding-top: 60px;} .footer_box{padding-bottom: 60px;} .footer_box>div{ float: left; } .footer_left{ width: 310px; font-size: 14px; color: #999999; line-height: 32px; } .footer_left a{ color: #999999; } .footer_left strong{ font-size: 16px; color: #333333; font-weight: normal; } .footer_center{ padding-left: 110px; } .footer_center>div{ float: left; } .footer_center>div:nth-child(1){ width: 260px; } .footer_center>div:nth-child(2){ width: 280px; } .footer_center>div>*{ display: block; } .footer_center >div>i{ display: block; width: 45px; height: 45px; border-radius: 50%; background: #ededed; font-size: 28px; text-align: center; margin-bottom: 20px; color: #666666; } .footer_center >div>i:before{ display: block; padding-top: 5px; } .footer_center >div> span,.footer_center >div> strong{ line-height: 24px; } .footer_center >div.footer_phone span{ font-size: 16px; color: #333333; } .footer_center >div.footer_phone strong{ font-size: 20px; color: #99cc00; } .footer_center >div.footer_address span{ font-size: 16px; color: #333333; } .footer_center >div.footer_address strong{ font-size: 14px; color: #999999; font-weight: normal; } .footer_center >div.footer_qr{ width: 170px; float: right; margin-left: 70px; } .footer_qr>*{ display: block; float: left; } .footer_qr span{ width: 120px; height: 120px; } .footer_qr span{ width: 120px; height: 120px; border: solid 1px #cdcdcd; } .footer_qr span img{ width: 118px; height: 118px; } .footer_center >div.footer_qr strong{ font-size: 14px; font-weight: normal; color: #999999; line-height: 18px; padding-left: 10px; text-align: center; padding-top: 7px; } .footer_center >div.footer_qr em{ font-size: 14px; font-style: normal; color: #999999; line-height: 18px; padding-left: 5px; text-align: center; padding-top: 35px; } /*棣栭〉banner鍒囨崲*/ .cxslide_y{overflow:hidden;position:relative;width:100%;max-width:1920px;height:700px;} .cxslide_y .box{overflow:hidden;position:relative;width:100%;max-width:1920px;height:700px;} .cxslide_y .list{overflow:hidden;height:9999px;position: relative;} .cxslide_y .list li{overflow:hidden;position:relative;width:100%;height:700px;_vertical-align:top;} .cxslide_y .list img{_vertical-align:top;} .cxslide_y .list:hover img{opacity:0.7;} .cxslide_y .list:hover img:hover{opacity:1;} .cxslide_y .btn2{overflow:hidden;position:absolute;bottom:60px;left:0;right:0;margin:0 auto;width:auto;height:20px;padding:0;list-style: none;z-index: 100;text-align: center;display: none;} .cxslide_y .btn2:focus{border: none;} .cxslide_y .btn2 li{display:inline-block;width:40px;height:4px;margin:0 15px 0 0;border-radius:2px;text-align:center;cursor:pointer;font-size: 0;background: none;background: #ffffff} .cxslide_y .btn2 li.selected{background:#9c0;color:#fff;} .banner_nav{position: relative;height: 0;} .banner_nav a{position: absolute;right:72px;top: -70px;width: 70px;height: 70px;z-index: 99;text-align: center;line-height:70px;background: rgba(0,0,0,.4);} .banner_nav a i{font-size: 30px;color: #fff;padding-top: 10px;font-weight: normal;} .banner_nav a:last-child{position: absolute;left:auto;right: 0;} .banner_box:hover .banner_nav a:hover{background: rgba(102,153,0,.4);} .banner_box:hover .banner_nav a:active{text-decoration: none;outline: 0;} .banner_box:hover .banner_nav a:focus{text-decoration: none;outline: 0;} .index_more a:active,.index_more a:focus,a.job_show:active, a.job_show:focus{ text-decoration: none;outline: 0; } .neiyebg{background: #F7F7F7;} /*浜岀骇椤甸潰*/ .link_map_bg{height: 46px;line-height: 46px;color: #666666;vertical-align: top;} .link_map_box *{float: left;display: block;margin: 0 3px;} .link_map_box a{color: #666666;} .link_map_box a:hover{color: #666666;} .link_map_box i{color: #666666} .link_map_box a,.link_map_box span{} .link_map_box span.title{height: 46px;line-height: 46px;} .link_map_box.link_pro span.title{width: 600px;height: 46px;line-height: 46px;} .link_map_box span:first-child{margin: 0 3px 0 0;} .link_map_box span:first-child i{margin: 0 3px 0 0;} .about_box{ } .box_bg{ padding-bottom: 60px; border-bottom: solid 1px #f3f3f3; } .box_bg.paddingbottom0{ padding-bottom: 0; border-bottom: none; } .about_box_bg{width: 100%;margin-top: 113px;padding-top: 1px;} .about_box_bg .index_title1{margin-top: 80px;} .page_nav_box{ width: 100%; height: 71px; border-bottom: solid 1px #ededed; } .about_nav_box{ height: 70px; } .about_nav{ height: 70px; text-align: center; float: left; /* 鑷€傚簲鍐呭瀹藉害 */ position: relative; left: 50%; } .about_nav ul{ display: block; position: relative; left: -50%; } .about_nav ul li{display: block;width: 124px;height: 70px;float: left;position: relative;margin-right: 30px;} .about_nav ul li:last-child{ margin-right: 0; } .about_nav a{display: block;color: #666;font-size: 16px;height: 70px;position: relative;line-height: 70px;z-index: 1;text-align: center;} .about_nav a:hover, .about_nav a.active{background: #99cc00;color: #ffffff;} .about_viewvideo{ display: block; width: 180px; height: 46px; border-radius: 23px; border: solid 1px #ccc; line-height: 46px; color: #333333; font-size: 16px; margin: 35px auto 0; } .about_viewvideo>*{ display: inline-block; vertical-align: top; font-weight: normal; } .about_viewvideo i{ font-size: 22px; margin-left: 10px; } .about_pic_box{ width: 100%; padding-bottom: 80px; overflow: hidden; } .about_pic_box>div{ width: 50%; float: left; position: relative; height: 640px; } .about_pic_box>div:nth-child(1){ text-align: right; } .about_pic_text{ position: absolute; right: 0; top:0; width: 600px; height: 640px; text-align: left; padding-right: 85px; background: url("../images/about_content_bg.jpg") no-repeat left top; } .about_pic_text>div:nth-child(1){ position: relative; padding-bottom: 10px; } .about_pic_text>div:nth-child(1)>*{ display: block; line-height: 60px; } .about_pic_text>div:nth-child(1) span{ font-size: 18px; color: #9c0; line-height: 50px; } .about_pic_text>div:nth-child(1):before{ content: ''; width: 60px; height: 2px; background: #9c0; position: absolute; left: 0; bottom: 0; } .about_pic_text>div:nth-child(2){ font-size: 16px; color: #666; padding-top: 35px; } .about_pic_text>div:nth-child(2) p{ line-height: 35px; } .about_pic span{ display: block; overflow: hidden; width: 960px; height: 640px; } .count{ position: absolute; width: 800px; height: 140px; z-index: 99; left: 0; bottom: 40px; } .count>div{ float: left; width: 200px; height: 140px; padding-top: 28px; } .count div>*{display: block;color: #333;text-align: center} .count div strong{font-size: 48px;font-weight: normal;position: relative;color: #fff;line-height: 60px;} .count div strong i{font-style: normal;line-height: 55px;vertical-align: top;height: 60px;display: inline-block;} .count div strong em{font-style: normal;line-height: 50px;} .count div span{font-size: 16px;color: #ffffff;} .count div{ background: #9c0; } .count div:nth-child(odd){ background: #690; } .count div strong:after{ display: inline-block; width: 25px; height: 25px; border-radius: 50%; color: #ffffff; background: #690; font-size: 14px; line-height: 25px; font-weight: normal; text-align: center; vertical-align: middle; } .count div:nth-child(odd) strong:after{ background: #9c0; } .count div:nth-child(1) strong:after{content:'椤?;} .count div:nth-child(2) strong:after{content:'浜?;} .count div:nth-child(3) strong:after{content:'m虏';} .count div:nth-child(4) strong:after{content:'m虏';} .chuangshiren_bg{ background: #f3f3f3; padding-top: 1px; padding-bottom: 80px; } .chuangshiren_txt>div{ float: left; width: 50%; } .chuangshiren_txt>div:nth-child(2){ padding-left: 50px; } .chuangshiren_txt>div:nth-child(2) p{ line-height: 32px; font-size: 16px; } .chuangshiren_txt>div:nth-child(2) div:nth-child(2){ text-align: right; } .chuangshiren_txt>div:nth-child(2) div:nth-child(2)>*{ display: inline-block; vertical-align: middle; } .chuangshiren_txt>div:nth-child(2) div:nth-child(2) img{ width: 130px; } .chuangshiren_txt>div:nth-child(2) div:nth-child(2)> span{ height: 1px; background: #333333; width: 40px; margin-right: 30px; } .course_box{ /*overflow: hidden;*/ } .course_bg{ height: 870px; } .swiper { width: 100%; padding-top: 50px; padding-bottom: 50px; } .swiper-slide { background-position: center; background-size: cover; } .swiper-slide img { display: block; width: 100%; } .course_nav{ position: relative; height: 80px; } .course_btn{ position: absolute; width: 50px; height: 50px; border-radius: 50%; color: #dadada; border: solid 2px #dbdbdb; font-size: 40px; font-family: Simsun, Arial, serif; line-height: 46px; font-weight: bold; padding-left: 12px; top: 15px; text-align: left; } .course_btn:nth-child(2){ padding-left: 14px; } .course_btn:hover{ color: #99cc00; border-color: #99cc00; } .course_nav .course-prev{ left: -110px; } .course_nav .course-next{ right:-110px; } .mykfalSwiper_nav .course_btn{ top: -350px; } .mykfalSwiper_nav .mykfalSwiper_nav-prev{ left: -100px; } .mykfalSwiper_nav .mykfalSwiper_nav-next{ right:-100px; } .course_page_box{ width: 1200px; overflow: hidden; position: relative; height: 80px; } .mySwiper_nav{ padding-top: 20px; height: 80px; } .course_page_box:before{ content: ''; height: 1px; background: #ededed; position: absolute; left: 0; top: 45px; width: 1200px; z-index: 0; } .course_page_box div.swiper-slide{ display: block; width: 180px; float: left; border-radius: 0; height: 50px; position: relative; opacity:1; padding-left: 50px; } .course_page_box div.swiper-slide.swiper-slide-active span{ color: #99cc00; } .course_page_box div.swiper-slide.swiper-slide-active:before{ border: solid 1px #99cc00; } .course_page_box div.swiper-slide.swiper-slide-active:after{ background: #99cc00; } .course_page_box div.swiper-slide:before{ content: ''; width: 20px; height: 20px; border-radius: 50%; background: #ffffff; z-index: 2; border: solid 1px #CCCCCC; position: absolute; left: 50px; top: 15px; } .course_page_box div.swiper-slide:after{ content: ''; width: 10px; height: 10px; border-radius: 50%; background: #cccc; z-index: 2; position: absolute; left: 55px; top: 20px; } .course_page_box div.swiper-slide span{ color: #666; font-size: 18px; position: absolute; top: -15px; left: 40px; } .mySwiper{ padding-top: 20px; } .mySwiper .course_txt{ font-size: 16px; color: #666666; line-height: 28px; text-align: center; padding-top: 20px; display: none; } .mySwiper .swiper-slide.swiper-slide-active .course_txt{ display: block; } .mySwiper .swiper-slide{ width: 600px; height: 485px; } .mySwiper .swiper-slide.swiper-slide-active{ } .mySwiper .swiper-slide .course_img{ width: 600px; height: 360px; background: #ffffff; box-shadow:0px 0px 10px rgba(0,0,0,.32); padding: 10px; } .mySwiper .swiper-slide .course_img img{ width: 580px; height: 340px; } .culture_bg{ background: #f3f3f3; padding-top: 1px; } .culture_list{ padding-bottom: 80px; } .culture_list li{ float: left; width: 300px; height: 300px; } .culture_list li.culture_txt{ padding-top: 60px; background: #fff; cursor: pointer; } .culture_list li.culture_txt:hover{ background: #99cc00; color: #ffffff; } .culture_list li.culture_txt:hover i{ color: #ffffff; } .culture_list li.culture_txt>*{ display: block; text-align: center; } .culture_list li.culture_txt i{ font-size: 50px; color: #9c0; } .culture_list li.culture_txt strong{ font-size: 20px; margin-top: 25px; } .culture_list li.culture_txt span{ font-size: 16px; margin-top: 20px; } .reasons_box{ padding-top: 1px; padding-bottom: 60px; } .zhanluehuoban_box{ background: #f3f3f3; padding-top: 1px; padding-bottom: 80px; } .zhanluehuoban_list{ position: relative; height: 360px; } .zhanluehuoban_list>div{ width: 1200px; height: 360px; position: absolute; z-index: 1; opacity: 0; transition: all 0.5s ease 0s; } .zhanluehuoban_list>div.active{ z-index: 2; opacity: 1; } .zhanluehuoban_list>div:nth-child(1){ background: url("../images/jets.jpg") no-repeat left top; } .zhanluehuoban_list>div:nth-child(2){ background: url("../images/evac.jpg") no-repeat left top; } .zhanluehuoban_list>div:nth-child(3){ background: url("../images/zky.jpg") no-repeat left top; } .zhanluehuoban_list>div>div{ right: 0; top:50%; position: absolute; width: 650px; height: 300px; background: #ffffff; transform: translateY(-50%); font-size: 18px; color: #666; line-height: 40px; font-weight: normal; padding: 50px 62px; box-shadow:2px 2px 10px rgba(0,0,0,.32); } .zhanluehuoban_list>div>div *{ display: block; } .zhanluehuoban_list>div>div strong{ color: #99cc00; font-weight: normal; } .zhanluehuoban_list>div>div span{ font-size: 16px; } .zhanluehuoban_list>div.active{ display: block; } .zhanluehuoban_nav{ margin-top: 45px; height: 100px; background: url("../images/zhanluehuoban_nav.png") no-repeat center top; } .zhanluehuoban_nav li{ float: left; width: 400px; } .zhanluehuoban_nav li span{ width: 400px; height: 100px; border-bottom: solid 4px transparent; display: flex; align-items: center; justify-content: center; margin: 0 auto; } .zhanluehuoban_nav li span img{ display: inline-block; filter: grayscale(100%); } .zhanluehuoban_nav li.active span{ border-color: #9c0; } .zhanluehuoban_nav li.active img{ filter: grayscale(0); } /*璧勮川鑽h獕*/ .honor_nav{ padding-top: 80px; text-align: center; } .honor_nav ul li{ display: inline-block; width: 112px; height: 41px; border: solid 1px #CCCCCC; border-radius: 20px; line-height: 39px; margin-right: 30px; } .honor_nav ul li:last-child{ margin-right: 0; } .honor_nav ul li a{ font-size: 16px; color: #666666; } .honor_nav ul li:hover,.honor_nav ul li.active{ background: #000; } .honor_nav ul li:hover a,.honor_nav ul li.active a{ color: #ffffff; } .margintop0{margin-top: 0;} .pro_list{padding-top: 53px;} .pro_list ul li{float: left;width: 320px;height: 430px;margin-right:40px;background: #ffffff;margin-bottom: 40px;border: solid 1px #e3e1e1;} .pro_list ul li:nth-child(4n){margin-right: 0;} .pro_list ul li a{text-decoration: none;display: block;color: #333333;} .pro_list ul li a span{display: block;width: 318px;height: 318px;} .pro_list ul li a span img{max-width: 318px;max-height: 318px;} .pro_list ul li a span{width: 318px;height: 318px;margin: 0 auto; /*闈濱E鐨勪富娴佹祻瑙堝櫒璇嗗埆鐨勫瀭鐩村眳涓殑鏂规硶*/ display: table-cell; vertical-align:middle; /*璁剧疆姘村钩灞呬腑*/ text-align:center; /* 閽堝IE鐨凥ack */ *display: block; *font-size: 175px;/*绾︿负楂樺害鐨?.873锛?00*0.873 绾︿负175*/ *font-family: Arial, serif;/*闃叉闈瀠tf-8寮曡捣鐨刪ack澶辨晥闂锛屽utf-8缂栫爜*/ position: relative; overflow: hidden; } .pro_list ul li a span i{ position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .6); color: #ffffff; padding: 0 10px; width: 318px; height: 318px; margin: 0 auto; /*闈濱E鐨勪富娴佹祻瑙堝櫒璇嗗埆鐨勫瀭鐩村眳涓殑鏂规硶*/ vertical-align:middle; /*璁剧疆姘村钩灞呬腑*/ text-align:center; *font-family: Arial, serif;/*闃叉闈瀠tf-8寮曡捣鐨刪ack澶辨晥闂锛屽utf-8缂栫爜*/ display: table-cell; /* 閽堝IE鐨凥ack */ *display: block; transition: all 0.5s ease; opacity: 0; } .pro_list ul li a:hover span i{ opacity: 1; } .pro_list ul li a span i em{ color: #ffffff; font-size: 16px; position: absolute; height: 35px; line-height: 35px; overflow: hidden; transform: translate(-50%, -50%); display: block; width: 60%; top: 50%; left: 50%; } .pro_list ul li a span i em:before{ content: ''; height: 1px; background: #ffffff; position: absolute; left: 50%; transform: translateX(-50%); width: 60%; top: 0; transition: all .5s ease; } .pro_list ul li a span i em:after{ content: ''; height: 1px; background: #ffffff; position: absolute; left: 50%; transform: translateX(-50%); width: 60%; bottom: 0; transition: all .5s ease; } .pro_list ul li a:hover span i em:before,.pro_list ul li a:hover span i em:after{ width: 1rem; } .pro_list ul li a strong{display: block;line-height: 50px;text-align: center;font-size: 16px;height: 50px;overflow: hidden;padding: 0 10px;margin-top: 10px;} .pro_list ul li a em{display: block;text-align: center;font-style: normal;color: #999999;font-size: 14px;line-height: 30px;} .pro_list ul li:hover a{} .pro_list ul li:hover a strong{color: #e60012;} /*鍒嗛〉*/ .page{margin: 80px auto 60px auto;text-align: center;} .page .page_list *{display: inline-block;min-width: 38px;height: 25px;background: #e6e6e6;color: #666;margin-right: 10px;font-size: 14px;line-height: 25px;padding: 0 10px;} .page .page_list *:first-child,.page .page_list *:last-child{color: #666;} .page .page_list .active{background: #9c0;color: #ffffff;} .page .page_list a:hover{background: #9c0;color: #ffffff;} .page .page_list a.long_page{ width: 70px; } .product_nav{ margin-top: 50px; padding: 10px 50px; box-shadow:2px 2px 10px rgba(0,0,0,.32); position: relative; min-height: 128px; } .product_nav:after{ content: ''; position: absolute; height: 1px; border-bottom: solid 1px #e7e4e4; top: 50%; left: 50px; width: 1300px; } .product_nav a{color: #333;margin-right: 38px;font-size: 16px;line-height: 32px;display: inline-block;padding: 0 10px;border: solid 1px #fff;border-radius: 5px;margin-bottom: 10px;margin-top: 10px;} .product_nav a:hover,.product_nav a.active{border: solid 1px #f00;color: #f00;} .contact_top{ margin-top: 30px; } .contact_top>div{ float: left; } .contact_top>div:nth-child(1){ width: 500px; height: 282px; } .contact_top>div:nth-child(1) img{ width: 500px; height: 282px; } .contact_top>div:nth-child(2){ width: 700px; height: 282px; padding: 40px; border: solid 1px #ededed; } .contact_top>div:nth-child(2) div:nth-child(1)>*{ display: block; } .contact_top>div:nth-child(2) div:nth-child(1) strong{ height: 40px; text-align: center; font-size: 20px; line-height: 40px; width: 140px; color: #ffffff; background: #99cc00; } .contact_top>div:nth-child(2) div:nth-child(1) span{ margin-top: 25px; font-size: 16px; color: #666666; line-height: 32px; text-align: justify; } .contact_top>div:nth-child(2) div:nth-child(2){ margin-top: 30px; } .contact_top>div:nth-child(2) div:nth-child(2) a{ display: inline-block; margin-left: 20px; width: 120px; height: 40px; background: #9c0; color: #ffffff; border-radius: 6px; text-align: center; line-height: 40px; } .contact_bg{ height: 345px; background: #f3f3f3; padding-top: 75px; } .contact_ico{ } .contact_ico ul{ width: 1200px; } .contact_ico ul li{ float: left; width: 225px; height: 200px; margin-right: 18px; border: solid 1px #ededed; text-align: center; padding-top: 25px; cursor: pointer; } .contact_ico ul li:hover{ box-shadow: 2px 0 9px rgb(0,0,0,.2); } .contact_ico ul li:last-child{ margin-right: 0; } .contact_ico ul li:hover{} .contact_ico ul li>*{ display: block; text-align: center; font-size: 16px; color: #333333; } .contact_ico ul li i{ font-size: 40px; color: #99cc00; height: 50px; line-height: 50px; } .contact_ico ul li strong{ font-size: 18px; color: #333333; padding-top: 20px; } .contact_ico ul li span{ color: #666; padding: 10px 20px 0 20px; } .contact_ico ul li span{ color: #666666; } .contact_map{padding-top: 30px;position: relative;} .contact_map img{border: solid 1px #ccc;width: 100%;} #guest_book{position: absolute;bottom: 40px;width: 100px;height: 100px;} .guest_box{margin-top: 15px;} .guest_box table tr td{border-top: none;padding: 8px 0;} .guest_box table tr td div{width: 575px;height: 60px;border: solid 1px #CCCCCC;padding: 10px 15px;line-height: 38px;} .guest_box table tr td:last-child div{float: right;} .guest_box table tr td div strong{font-weight: normal;display: block;width: 30px;float: left;} .guest_box table tr td div strong span{font-size: 17px;color: #666666;} .guest_box table tr td div strong i{font-size: 17px;color: #dadada;} .guest_box table tr td div label{font-weight: normal;width:513px;} .guest_box table tr td div label input{width: 100%;outline: none;border: none;font-size: 16px;} .guest_box table tbody tr:nth-child(3) td div{height: 150px;width: 100%;position: relative;} .guest_box table tbody tr:nth-child(3) td div strong{position: absolute;left: 15px;top:15px;} .guest_box table tbody tr:nth-child(3) td div label{height: 150px;width: 100%;padding-left: 30px;} .guest_box table tbody tr:nth-child(3) td div label textarea{height: 130px;width: 100%;border: none;outline: none;font-size: 16px;} .table>tbody>tr>td.guest_btn_box{padding-top:30px;} .guest_box table tbody tr:nth-child(3) td div.guest_txt{width: 100%;} .guest_btn1{ width: 200px; height: 50px; background: #99cc00; border: none; font-size: 17px; color: #ffffff; } .guest_btn2{ background: #333; } .contact_online{ margin-top: 70px; } .gfsm_box{} .gfsm_box ul li{ float: left; width: 240px; text-align: center; } .gfsm_box ul li>*{ display: block; text-align: center; font-weight: normal; } .gfsm_box ul li> strong{ font-size: 18px; color: #333333; padding-top: 10px; } .gfsm_box ul li> span{ font-size: 16px; color: #666666; } .gfsm_box ul li img{ width: 120px; height: 120px; } .index_title4 strong{font-size: 24px;color: #666666;font-weight: normal;} .index_title4 span{font-size: 16px;color: #999;} .job_box{ padding-top: 80px; } .job_list_tab{ margin-bottom: 15px; } .job_list_tab div{ width: 200px; float: left; text-align: center; height: 40px; line-height: 40px; font-size: 16px; color:#999999; } .job_list{ margin-bottom: 10px; } .job_list.active .job_info{ display: block; } .job_list.active,.job_list.active a{ color: #ffffff!important; } .job_list .job_nav{ height: 50px; background: #edebeb; } .job_list .job_nav div{ float: left; height: 50px; width: 200px; text-align: center; line-height: 50px; font-size: 16px; color: #666666; } .job_list.active .job_nav{ background: #9c0; } .job_list.active .job_nav div{ color: #ffffff; } .job_list .job_nav div a{ color: #9c0; } .job_info{ padding: 25px 50px; display: none; } .job_title{ font-size: 18px; color: #333333; } .job_info2{ padding-top: 20px; } .job_info2 div{ float: left; height: 28px; line-height: 28px; color: #999999; } .job_info2 div:nth-child(1),.job_info2 div:nth-child(4),.job_info2 div:nth-child(7){ width: 470px; } .job_info2 div:nth-child(2),.job_info2 div:nth-child(5),.job_info2 div:nth-child(8){ width: 410px; } .job_info2 div:nth-child(3),.job_info2 div:nth-child(6),.job_info2 div:nth-child(9){ width: 180px; } .job_info2 div strong{ font-weight: normal; } .job_info3{margin-top: 30px;} .job_info3 .job_info_title{ height: 30px; } .job_info3 .job_info_title{ height: 30px; font-size: 16px; border-bottom: solid 1px #e6e6e6; padding-left: 13px; position: relative; color: #666666; } .job_info3 .job_info_title:before{ content: ''; position: absolute; left: 0; top: 3px; height: 18px; width: 2px; background: #9c0; } .job_info3 .job_info_content{ padding-top: 15px; line-height: 30px; color: #666666; } .article_bg{ margin-bottom: 0; padding-bottom: 60px; } .page_article_box{ background: #ffffff; height: 70px; border-bottom: solid 1px #ededed; } .article_nav_box{ height: 70px; } .article_topnav{ height: 70px; text-align: center; position: relative; } .article_topnav ul{ } .article_topnav ul li{display: inline-block;height: 70px;position: relative;margin-right: 25px;} .article_topnav ul li:last-child{ margin-right: 0; } .article_topnav a{display: block;color: #666666;font-size: 16px;height: 70px;position: relative;line-height: 70px;z-index: 1;padding: 0 30px;} .article_topnav a:hover, .article_topnav a.active{background: #9c0;color: #ffffff} .article_view_tab{ display: none; } .article_view_tab.active{ display: block; } .service{display: flex;margin-top: 50px;margin-bottom: 110px;} .service>div:nth-child(1){ width: 700px; } .service>div:nth-child(2){ padding: 49px 0 0 49px; } .service>div:nth-child(2) div:nth-child(1){ height: 180px; border: solid 5px #f00; padding: 40px; } .service>div:nth-child(2) div:nth-child(1)>*{ display: block; } .service>div:nth-child(2) div:nth-child(1) strong{ font-size: 30px; }.service>div:nth-child(2) div:nth-child(1) span{ font-size: 21px; line-height: 42px; } .service>div:nth-child(2) div:nth-child(2){ font-size: 17px; color: #333333; padding-top: 20px; line-height: 36px; } .honor_box{padding-top: 60px;} .honor_box ul{} .honor_box ul li{width: 285px;height: 264px;float: left;margin-right: 20px;margin-bottom: 20px;} .honor_box ul li:nth-child(4n){margin-right: 0;} .honor_box ul li a{display: block;text-align: center;width: 285px;} .honor_box ul li a span{ padding: 4px; width: 285px; height: 214px; margin: 0 auto; /*闈濱E鐨勪富娴佹祻瑙堝櫒璇嗗埆鐨勫瀭鐩村眳涓殑鏂规硶*/ display: table-cell; vertical-align:middle; /*璁剧疆姘村钩灞呬腑*/ text-align:center; /* 閽堝IE鐨凥ack */ *display: block; *font-size: 175px;/*绾︿负楂樺害鐨?.873锛?00*0.873 绾︿负175*/ *font-family: Arial, serif;/*闃叉闈瀠tf-8寮曡捣鐨刪ack澶辨晥闂锛屽utf-8缂栫爜*/ overflow: hidden; border: solid 1px #EBEBEB; } .honor_box ul li a span img{max-width: 275px;max-height: 204px;} .honor_box ul li a strong{display: block;height: 50px;font-size: 16px;color: #666;background: #EBEBEB;line-height: 50px;overflow: hidden;font-weight: normal;padding: 0 20px;} .honor_bg{ background: #f3f3f3; padding-top: 1px; } .honor_bg .honor_box ul li{background: #ffffff;} .honor_bg .honor_box ul li a span{ padding: 4px; width: 335px; height: 250px; margin: 0 auto; /*闈濱E鐨勪富娴佹祻瑙堝櫒璇嗗埆鐨勫瀭鐩村眳涓殑鏂规硶*/ display: table-cell; vertical-align:middle; /*璁剧疆姘村钩灞呬腑*/ text-align:center; /* 閽堝IE鐨凥ack */ *display: block; *font-size: 175px;/*绾︿负楂樺害鐨?.873锛?00*0.873 绾︿负175*/ *font-family: Arial, serif;/*闃叉闈瀠tf-8寮曡捣鐨刪ack澶辨晥闂锛屽utf-8缂栫爜*/ overflow: hidden; border: solid 1px #ffffff; border-bottom-color: #edebeb; } .honor_bg .honor_box ul li a span img{max-width: 325px;max-height: 240px;} .honor_bg .honor_box ul li a strong{display: block;height: 50px;font-size: 15px;color: #333333;background: #ffffff;line-height: 50px;overflow: hidden;} .album_box{padding-top: 60px;} .album_ul{} .album_ul li{float: left;margin-right: 20px;width: 285px;height:266px;text-align: center;margin-bottom: 20px;} .album_ul li:nth-child(4n){margin-right: 0;} .album_ul li a span{display: block;width: 285px;height: 214px;overflow: hidden;} .album_ul li img{width: 285px;height: 214px;} .album_ul li a:hover strong{color: #9c0;} .album_ul li div{display: none;} .album_ul li a strong{ font-size: 15px; color: #333; font-weight: normal; height: 50px; line-height:50px; overflow: hidden; display: block; position: relative; box-shadow: 0 0 1px transparent; text-align: center; padding: 0 20px; /*-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);*/ } .album_ul li a strong:before{ content: ''; height: 3px; background: #9c0; position: absolute; left: 0; right: 100%; bottom: 0; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .album_ul li a strong:after{ content: ""; width: 100%; height: 1px; background: #D6D6D6; position: absolute; bottom: 0; left: 0; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .album_ul li a:hover strong:before{ right: 0; } .album_ul li a:hover strong:after{ display: none; } .video_box_bg{ background: #f3f3f3; padding-bottom: 80px; } .page_margin{ margin-bottom: 50px; } .video_box{padding-top: 80px;} .video_box ul li{width: 285px;height: 240px;float: left;margin-right: 20px;margin-bottom: 20px;background: #ffffff;} .video_box ul li:nth-child(4n){margin-right: 0;} .video_box ul li a span{ display: block; width: 285px; height: 170px; position: relative; } .video_box ul li a span img{width: 285px;height: 170px;} .video_box ul li a strong{display: block;height: 70px;font-size: 16px;color: #666666;font-weight: normal;text-align: left;padding: 10px 10px;} .video_box ul li a strong em{display: block;height: 50px;line-height:25px;font-style: normal;overflow: hidden;} .video_box ul li a span i{position: absolute;display: block;width: 285px;height: 170px;font-size: 40px;color: #ffffff;left: 0;top: 0;line-height: 170px;text-align: center;} .video_box ul li a:hover span i{background: rgba(255,255,255,.3);} .video_content{padding-top: 30px;padding-bottom: 40px;} .newsviewtitle{text-align: center;} .newsviewtitle h1{font-size: 24px;} .customer_view{padding:30px 0;font-size: 16px;line-height: 32px; } .video_list{width: 1200px;position: relative;} .video_list .box{width: 1200px;height: 210px;overflow: hidden;} .video_list ul li{width: 306px;height: 210px;float: left;} .video_list ul li a{display: block;width:284px; } .video_list ul li a span{display: block;width:284px;height: 160px;position: relative; } .video_list ul li a span img{display: block;width:284px;height: 160px; } .video_list ul li a span i{position: absolute;display: block;width: 284px;height: 160px;font-size: 30px;color: #ffffff;left: 0;top: 0;line-height: 160px;text-align: center;} .video_list ul li a:hover span i{background: rgba(255,255,255,.3);} .video_list ul li a strong{display: block;height: 50px;font-size: 15px;color: #333333;line-height: 50px;font-weight: normal;text-align: center;} /*婊氬姩鎻掍欢鏍峰紡*/ .cxscroll{} .cxscroll .box{overflow:hidden;} .cxscroll .list{overflow:hidden;width:9999px;margin-bottom: 0;} .cxscroll .list li{float:left;} .index_zszs_nav2{height: 1px;position: relative;width: 1200px;} .index_zszs_nav2 a{display: block;position: absolute;left: -80px;top:-150px;} .index_zszs_nav2 a:last-child{right: -80px;left: auto; } .index_zszs_nav2 a i{font-size: 23px;color: #dbdbdb;width: 57px;height: 57px;line-height: 47px;display: inline-block;text-align: center; } .index_zszs_nav2 a:hover i{color: #1357c6;} .index_kfal_nav{height: 1px;position: relative;width: 1400px;} .index_kfal_nav a{display: block;position: absolute;left: -50px;top:-181px;z-index: 999;} .index_kfal_nav a:last-child{right: -50px;left: auto; } .index_kfal_nav a i{font-size: 23px;color: #333;width: 40px;height: 40px;line-height: 40px;display: inline-block;text-align: center; } .index_kfal_nav a:hover i{color: #f33;} .dnews_box{margin-top: 30px;} .dnews_box ul{} .dnews_box ul li{width: 100%;height: 80px;border: solid 1px #EBEBEB;margin-bottom: 25px;} .dnews_box ul li a{display: flex;text-align: left;width: 100%;} .dnews_box ul li a:hover{display: flex;text-align: left;width: 100%;} .dnews_box ul li a span{ display: block; height: 80px; line-height: 80px; padding-left: 45px; color: #666; font-size: 16px; flex: 1; } .dnews_box ul li a strong{ display: block; width: 80px; height: 80px; color: #999; background: #ededed; line-height: 80px; text-align: center; } .dnews_box ul li a strong i{ font-size: 25px; } .dnews_box ul li a:hover span{ background: #9c0; color: #ffffff; } .dnews_box ul li a:hover strong{ background: #000; color: #ffffff; } .franchiseebg_box{ background: #ffffff; margin-top: 60px; } .franchisee_box{} .franchisee_box ul li{width: 220px;height: 155px;float: left;margin-right: 25px;margin-bottom: 25px;} .franchisee_box ul li:nth-child(5n){margin-right: 0;} .franchisee_box ul li a{ display: block; } .franchisee_box ul li a span{ width: 220px; height: 110px; margin: 0 auto; /*闈濱E鐨勪富娴佹祻瑙堝櫒璇嗗埆鐨勫瀭鐩村眳涓殑鏂规硶*/ display: table-cell; vertical-align:middle; /*璁剧疆姘村钩灞呬腑*/ text-align:center; /* 閽堝IE鐨凥ack */ *display: block; *font-size: 175px;/*绾︿负楂樺害鐨?.873锛?00*0.873 绾︿负175*/ *font-family: Arial, serif;/*闃叉闈瀠tf-8寮曡捣鐨刪ack澶辨晥闂锛屽utf-8缂栫爜*/ overflow: hidden; border: solid 1px #d7d5d5; } .franchisee_box ul li a span img{max-width: 220px;max-height: 110px;} .franchisee_box ul li a strong{border: solid 1px #d7d5d5;border-top:none;display: block;height: 45px;font-size: 15px;color: #333333;line-height: 45px;font-weight: normal;text-align: center;background: #f3f3f3;overflow: hidden;padding: 0 20px;} .article_box{padding-top: 60px;} .article_box ul li{width: 390px;height: 293px;float: left;margin-right: 15px;margin-bottom: 15px;position: relative;} .article_box ul li:nth-child(3n){margin-right: 0;} .article_box ul li a{ display: block; } .article_box ul li a span{ width: 390px; height: 293px; margin: 0 auto; /*闈濱E鐨勪富娴佹祻瑙堝櫒璇嗗埆鐨勫瀭鐩村眳涓殑鏂规硶*/ display: table-cell; vertical-align:middle; /*璁剧疆姘村钩灞呬腑*/ text-align:center; /* 閽堝IE鐨凥ack */ *display: block; *font-size: 175px;/*绾︿负楂樺害鐨?.873锛?00*0.873 绾︿负175*/ *font-family: Arial, serif;/*闃叉闈瀠tf-8寮曡捣鐨刪ack澶辨晥闂锛屽utf-8缂栫爜*/ overflow: hidden; position: relative; } .article_box ul li a span img{width: 390px;height: 293px;} .article_box ul li a strong{display: block;height: 50px;font-size: 16px;color: #ffffff;line-height: 49px;font-weight: normal;text-align: center;overflow: hidden;padding: 0 5px;position: absolute;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,.47);} /*妗堜緥閮ㄥ垎*/ .articleview_box{ padding-top: 60px; position: relative; } .articleview_left,.articleview_right{ float: left; width: 600px; height: 450px; } .articleview_left img{ width: 600px; height: 450px; } .articleview_right{ padding-left: 60px; } .articleview_title{ border-bottom: solid 1px #e6e6e6; position: relative; height: 55px; font-size: 24px; font-weight: bold; color: #333333; } .articleview_title:before{ content: ''; height: 3px; width: 30px; background: #9c0; position: absolute; bottom: -2px; left: 0; } .articleview_info{ padding-top: 25px; line-height: 40px; height: 335px; overflow: hidden; font-size: 14px; color: #999999; } .articleview_contact{} .articleview_contact>div{ float: left; } .onLine_box{ width: 200px; height: 60px; text-align: center; line-height: 55px; } .onLine_box a{ display: block; border-radius: 30px; background: #9c0; width: 200px; height: 60px; } .onLine_box *{ display: inline-block; vertical-align: middle; color: #ffffff; font-size: 22px; } .onLine_box i{ font-size: 28px; } .phone{ height: 60px; width: 270px; margin-left: 60px; } .phone *{ float: left; } .phone i{ width: 50px; height: 50px; font-size: 50px; vertical-align: top; line-height: 60px; margin-right: 5px; } .phone span,.phone strong{ width: 215px; } .phone span{ font-size: 14px; line-height: 20px; padding-top: 5px; } .phone strong{ font-size: 22px; line-height: 30px; font-weight: normal; } .article_tab{ height: 60px; background: #f3f3f3; margin-top: 60px; } .article_tab ul li{ width: 200px; float: left; text-align: center; line-height: 56px; border-top: solid 4px #f3f3f3; cursor: pointer; font-size: 16px; } .article_tab ul li.active{ border-top-color:#9c0; background: #ffffff; } .article_content3{ background: #f3f3f3; margin-top: 92px; padding-top: 60px; padding-bottom: 80px; } .article_real_title{ height: 45px; } .article_real_title div{ height: 45px; position: relative; border-bottom: solid 1px #e6e6e6; } .article_real_title div:before{ content: ''; width: 30px; height: 2px; background: #9c0; position: absolute; left: 0; bottom: 0; } .article_real_title div>*{ display: block; width: 50%; float: left; height: 45px; line-height: 44px; } .article_real_title div>a{ text-align: right; font-size: 14px; color: #666666; } .article_real_title div>strong{ font-size: 18px; color: #333333; } .article_real_list{ padding-top: 30px; } .article_real_list ul li{ float: left; width: 285px; margin-right:20px; height: 265px; } .article_real_list ul li:last-child{ margin-right: 0; } .article_real_list ul li a span{ display: block; height: 214px; width: 285px; overflow: hidden; } .article_real_list ul li a span img{ width: 285px; height: 214px; } .article_real_list ul li a strong{ display: block; text-align: center; font-size: 16px; height: 50px; line-height: 50px; padding: 0 15px; overflow: hidden; font-weight: normal; color: #333333; } .article_real_list ul li a:hover strong{ color: #9c0; } .article_news_title{ height: 45px; } .article_news_title div{ height: 45px; position: relative; border-bottom: solid 1px #e6e6e6; } .article_news_title div:before{ content: ''; width: 30px; height: 2px; background: #9c0; position: absolute; left: 0; bottom: -1px; } .article_news_title div>*{ display: block; width: 50%; float: left; height: 45px; line-height: 44px; } .article_news_title div>a{ text-align: right; font-size: 14px; color: #666666; } .article_news_title div>strong{ font-size: 20px; color: #333333; } .article_news_list{ background: #ffffff; padding: 35px; position: relative; height: 198px; } .article_news_list:before{ position: absolute; left: 50%; width: 1px; background: #f3f3f3; top: 35px; height: 140px; } .article_news_list ul li{ height: 32px; float: left; width: 50%; position: relative; line-height: 32px; padding-left: 30px; padding-right: 30px; } .article_news_list ul li:nth-child(2n){ padding-right: 0; padding-left: 60px; } .article_news_list ul li a{ display: block; width: 100%; height: 32px; } .article_news_list ul li a>*{ display: block; float: left; } .article_news_list ul li a strong{ font-weight: normal; color: #333333; width: 420px; overflow: hidden; height: 32px; font-size: 16px; } .article_news_list ul li a:hover strong{ color: #9c0; } .article_news_list ul li a span{ width: 70px; float: right; color: #666; } .article_news_list ul li:before{ content: ''; width: 8px; height: 8px; border-radius: 50%; border: solid 2px #9c0; background: #ffffff; position: absolute; left: 0; top: 12px; } .article_news_list ul li:nth-child(2n):before{ left: 30px; } .news_bg{ background: #f3f3f3; } .news_box{ padding-top: 20px; position: relative; } .news_box>div{ } .news_left{ width: 1060px; } .new_right{ width: 250px; margin-left: 90px; } .topimgs{ height: 300px; background: #ffffff; padding: 40px; } .topimg_title{ width: 715px; float: left; } .topimg_title div:nth-child(1){ padding-left: 100px; font-size: 18px; height: 36px; line-height: 36px; color: #333333; position: relative; overflow: hidden; } .topimg_title div:nth-child(1):before{ content: '澶存潯'; display: block; width: 80px; height: 36px; line-height: 34px; border: solid 1px #99cc00; font-size: 18px; color: #99cc00; font-weight: bold; text-align: center; position: absolute; left: 0; top: 0; } .topimg_pic{ width: 367px; margin-left: 38px; float: right; } .topimg_pic img{ width: 367px; height: 220px; } .topimg_title div:nth-child(2){ padding-top: 25px; height: 145px; font-size: 14px; color: #666666; line-height: 28px; } .topimg_title div:nth-child(3) strong{ display: block; width: 150px; float: left; height: 40px; background: #99cc00; border-radius: 20px; text-align: center; line-height: 40px; color: #ffffff; font-weight: normal; font-size: 14px; } .topimg_title div:nth-child(3) strong i{ vertical-align: middle; } .topimg_title div:nth-child(3) span{ display: block; float: right; height: 40px; line-height: 40px; color: #9999; font-weight: normal; font-size: 14px; } .news_img_box{position: relative;margin-top: 20px;} .news_img_box ul li{ display: flex; height: 230px; padding: 40px; background: #ffffff; margin-bottom: 2px; position: relative; z-index: 1; } .news_img_box ul li:hover{ box-shadow:2px 3px 10px rgba(0,0,0,.32); z-index: 2; } .news_img_box ul li:hover a{color: #9c0;} .news_img_box ul li:hover .news_foot a{background: #9c0;color: #ffffff;border-color: #9c0} .news_img_box ul li img{ transition: all 0.5s ease 0s; } .news_img_box ul li:hover img{ transform:scale(1.12,1.12);-webkit-transform:scale(1.12,1.12) } .news_pic_box{width: 250px;height: 150px;overflow: hidden;} .news_pic_box img{width: 250px;height: 150px;} .news_right{width:870px;padding-left: 30px;} .news_right.noleft{width: 100%;margin-left: 0;} .news_title{ height: 40px; } .news_title>*{ display: block; float: left; } .news_title a{font-size: 18px;color: #333333;height: 40px;line-height: 40px;width: 90%;overflow: hidden;padding-right: 30px;} .news_title span{font-size: 14px;color: #999;line-height: 40px;} .news_info{font-size: 14px;color: #666;line-height: 28px;padding-top: 20px;height: 76px;} .news_foot{padding-top: 15px;text-align: right;position: relative;} .news_foot a{ right: 0; top: -6px; position: absolute; display: inline-block; width: 40px; height: 40px; line-height: 35px; font-size: 25px; text-align: center; border: solid 3px #cdcdcd; border-radius: 50%; color: #cdcdcd; font-family: Simsun,sans-serif; font-weight: bold; padding-left: 3px; } .news_nav{} .news_nav ul li{height: 50px;margin-bottom: 10px;} .news_nav ul li a{display: block;background: #333333;color: #ffffff;border-radius: 25px;line-height: 50px;text-align: center;font-size: 18px;font-weight: bold;} .news_nav ul li a:hover,.news_nav ul li a.active{ background: #9c0; } .renews{ margin-top: 40px; } .sec_title{margin-bottom: 10px;} .sec_title>*{display: block;text-align: center;} .sec_title strong{font-size: 24px;color: #f00;} .sec_title span{font-size: 15px;color: #666;} .renews_list{ } .renews_list li{ margin-bottom: 20px; } .renews_list li a span{ display: block; overflow: hidden; border-radius: 8px; width: 250px; height: 150px; } .renews_list li a img{ width: 250px; height: 150px; } .renews_list li a strong{ font-weight: normal; color: #333333; font-size: 17px; padding-top: 12px; display: block; line-height: 28px; height: 68px; overflow: hidden; } .customer_title{font-size: 24px;color: #9c0;text-align: center;height: 60px;line-height: 60px;margin: 10px 0;font-weight: bold;} .newsviewauthor{border-bottom: solid 1px #EBEBEB;color: #ccc;line-height: 36px;text-align: center;position: relative;font-size: 14px;} .newsviewauthor span{ display: inline-block; margin-right: 15px; } .newsviewauthor a{color: #ccc;font-size: 13px;} .article_view_img{padding-top: 37px;} .newsviewauthor a{color: #ccc;} .newsviewcontent{padding: 20px 0;line-height: 28px;color: #666;font-size: 16px;} .newsviewcontent img{max-width: 100%;} .page_box a.art_list{width: 100px;height: 32px;background: #CCCCCC;color: #ffffff;position: absolute;right: 0;top: 0;text-align: center;line-height: 32px;} .page_box .newsviewauthor a.art_list{right: 0;bottom: 0;top: auto;} .page_box a.art_list:hover{background: #9c0;color: #fff;} .page_keywords{border-top: solid 1px #E5E5E5;padding-top: 5px;position: relative;color: #999;margin-top: 30px;} .page_keywords span{color: #666;font-size: 14px;} .page_keywords a.page_tag{color: #666;font-size: 14px;margin-right: 13px;} .page_keywords a.page_tag:hover{color: #9c0;} .nextprea{ position: relative; } .nextprea:before{ position: absolute; content: ''; width: 1125px; border-bottom: dashed 1px #ccc; right: 0; top: 50%; } .nextprea div{ width: 100%; } .nextprea div:last-child{ margin-top: 5px; } .nextprea div > *{ display: block; float: left; } .nextprea div span{ width: 60px; height: 30px; background: #ccc; color: #ffffff; line-height: 30px; text-align: center; } .nextprea div>*:nth-child(2){ margin-left: 15px; font-style: normal; display: block; width: 1125px; height: 30px; line-height: 30px; } .nextprea div a strong{ width: 50%; display: block; font-weight: normal; float: left; color: #666666; font-size: 14px; } .nextprea div a strong:last-child{ text-align: right; } .nextprea div a:hover strong{ color: #9c0; } .fanhuiliebiao{ width: 140px; height: 50px; color: #ffffff; background: #99cc00; line-height: 50px; position: absolute; right: 0; top: -50px; text-align: center; } .fanhuiliebiao:hover{ color: #ffffff; } .fanhuiliebiao strong{ font-family: Simsun,sans-serif; margin-right: 15px; } .custormer_box{ padding: 30px 0 0 0; } .custormer_box ul li{ float: left; width: 450px; height: 460px; margin-right: 25px; margin-bottom: 25px; } .custormer_box ul li:nth-child(3n){ margin-right: 0; } .custormer_box ul li em{ display: block; overflow: hidden; width: 450px; height: 338px; }.custormer_box ul li img{ width: 450px; height: 338px; } .custormer_box ul li div{ padding: 20px; border: solid 1px #e6e6e6; height: 122px; } .custormer_box ul li div *{ display: block; } .custormer_box ul li div strong{ height: 40px; font-size: 18px; color: #333333; font-weight: normal; } .custormer_box ul li div span{ font-size: 14px; color: #666; } /*鐜拌揣渚涘簲*/ .partinfo_box{ padding-top: 30px; } .partinfo_box ul li{ float: left; width: 438px; height: 570px; margin-right:43px; margin-bottom: 43px; } .partinfo_box ul li:nth-child(3n){ margin-right: 0; } .partinfo_box ul li span{ border: solid 1px #e6e6e6; width: 438px; height: 438px; margin: 0 auto; /*闈濱E鐨勪富娴佹祻瑙堝櫒璇嗗埆鐨勫瀭鐩村眳涓殑鏂规硶*/ display: table-cell; vertical-align:middle; /*璁剧疆姘村钩灞呬腑*/ text-align:center; /* 閽堝IE鐨凥ack */ *display: block; *font-size: 175px;/*绾︿负楂樺害鐨?.873锛?00*0.873 绾︿负175*/ *font-family: Arial, serif;/*闃叉闈瀠tf-8寮曡捣鐨刪ack澶辨晥闂锛屽utf-8缂栫爜*/ overflow: hidden; position: relative; } .partinfo_box ul li span img{ max-width: 438px; max-height: 438px; } .partinfo_box ul li a div{ height: 132px; } .partinfo_box ul li a div *{ display: block; } .partinfo_box ul li a div strong{ height: 55px; color: #333; font-weight: normal; font-size: 18px; line-height: 55px; position: relative; padding: 0 25px; } .partinfo_box ul li a div strong:before{ content: ''; position: absolute; background: #9c0; left: 0; top: 18px; width: 5px; height: 20px; } .partinfo_box ul li a div em{ color: #666; font-size: 14px; font-style: normal; line-height: 28px; } .partinfo_real_list{ padding-top: 30px; } .partinfo_real_list ul li{ float: left; width: 335px; margin-right:20px; height: 385px; } .partinfo_real_list ul li:last-child{ margin-right: 0; } .partinfo_real_list ul li a span{ display: block; height: 335px; width: 335px; overflow: hidden; } .partinfo_real_list ul li a span img{ width: 335px; height: 335px; } .partinfo_real_list ul li a strong{ display: block; text-align: center; font-size: 16px; height: 50px; line-height: 50px; padding: 0 15px; overflow: hidden; font-weight: normal; color: #333333; } .partinfo_real_list ul li a:hover strong{ color: #9c0; } .partinfo_top{ margin-top: 60px; } .partinfo_left{ width: 700px; height: 700px; float: left; overflow: hidden; border: solid 1px #e6e6e6; } .partinfo_right{ width: 700px; float: left; padding-left: 60px; } .partinfo_left .mySwiper { position: relative; } .partinfo_left .mySwiper .swiper-button-prev,.partinfo_left .mySwiper .swiper-button-next{ color: #9c0; } .partinfo_left .mySwiper .swiper-pagination-fraction{ text-align: right; padding-right: 20px; } .partinfo_left .swiper { width: 100%; height: 100%; } .partinfo_left .swiper-slide { text-align: center; /* 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; } .partinfo_left .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .partinfo_right{} .partinfo_right .partinfo_title{ height: 52px; font-size: 24px; color: #333333; font-weight: bold; } .partinfo_info{ height: 105px; border-top: solid 1px #e6e6e6; background: #f3f3f3; padding: 14px 15px; color: #666666; font-size: 16px; line-height: 28px; position: relative; } .partinfo_info:before{ content: ''; position: absolute; left: 0; top: -1px; height: 3px; width: 30px; background: #9c0; } .partinfo_list{ padding: 15px; height: 490px; } .partinfo_list>div>*{ display: inline-block; color: #666666; font-weight: normal; font-size: 16px; height: 38px; line-height: 38px; } .partinfo_contact>*{ display: inline-block; width: 145px; height: 50px; line-height: 50px; border-radius: 10px; text-align: center; vertical-align: middle; margin-right: 10px; } .partinfo_contact>*:nth-child(1) i{ font-size: 22px; } .partinfo_contact>*:nth-child(1){ background: #9c0; } .partinfo_contact>*:nth-child(1) *{ display: inline-block; vertical-align: middle; color: #ffffff; } .partinfo_contact>*:nth-child(2){ border: solid 1px #9c0; font-size: 18px; color: #360; font-weight: bold; } .partinfo_contact>*:nth-child(2):hover{ background: #f7f7f7; } .partinfo_contact>*:nth-child(3){ background: url("../images/product_ico1.png") no-repeat 25px 15px; border: solid 1px #e6e6e6; font-size: 18px; color: #666; } .partinfo_contact>*:nth-child(3):hover{ background: url("../images/product_ico1.png") no-repeat 25px 15px #f7f7f7; } .partinfo_contact>*:nth-child(4){ background: url("../images/product_ico2.png") no-repeat 18px 15px; border: solid 1px #e6e6e6; font-size: 18px; color: #666; } .partinfo_contact>*:nth-child(4):hover{ background: url("../images/product_ico2.png") no-repeat 18px 15px #f7f7f7; } .partinfoview{ padding-top: 30px; width: 1000px; margin: 0 auto; } .partinfoview img{ display: block; margin: 0 auto; } /*璇︽儏椤典骇鍝佹粴鍔?/ .realpro_title strong{font-size: 18px;font-weight: normal;color: #333333;} .realpro_title{font-size: 14px;color: #d4d4d4;margin-top: 30px;} .realproduct{padding: 20px 0;} .realproduct ul li{width: 270px;height: 281px;float: left;} .realproduct ul li a{display: block;width: 240px;height: 281px;border: solid 1px #e6e6e6;} .realproduct ul li a:hover{border-color: #c00;} .realproduct ul li a span{ width: 238px; height: 225px; margin: 0 auto; /*闈濱E鐨勪富娴佹祻瑙堝櫒璇嗗埆鐨勫瀭鐩村眳涓殑鏂规硶*/ display: table-cell; vertical-align:middle; /*璁剧疆姘村钩灞呬腑*/ text-align:center; /* 閽堝IE鐨凥ack */ *display: block; *font-size: 175px;/*绾︿负楂樺害鐨?.873锛?00*0.873 绾︿负175*/ *font-family: Arial, serif;/*闃叉闈瀠tf-8寮曡捣鐨刪ack澶辨晥闂锛屽utf-8缂栫爜*/ overflow: hidden; } .realproduct ul li a span img{max-width: 238px;max-height: 225px;} .realproduct ul li a strong{display: block;height: 56px;overflow: hidden;font-weight: normal;font-size: 15px;color: #333333;text-align: center;line-height: 56px;} .productlistcontent_top{margin-top: 50px;} .productlistcontent_left{float: left;} .productlistcontent_right{float: right;width: 660px;} .productlistcontent_left .connected-carousels .stage{float: left;} .productlistcontent_right_title{font-size: 21px;color: #333333;border-bottom: solid 1px #dbdbdb;padding-bottom: 15px;} .product_info{ line-height: 28px; padding-top: 10px; height: 280px; } .zxzx2{width: 100%;height: 50px;} .zxzx2>*{display: block;float: left;width: 180px;height: 50px;line-height: 50px;text-align: center;font-size: 17px;color: #ffffff;border-radius: 10px;} .zxzx2 a{ background: #e60012; color: #ffffff; } .zxzx2 a:hover{ background: #d61b1b; } .zxzx2 a i{font-size: 22px;vertical-align: top;padding-top: -5px;} .zxzx2 strong{ background: #f90; margin-left: 60px; } .zxzx2 strong:hover{ background-image: linear-gradient(90deg,rgba(255,140,0,.5),rgba(255,191,0,.5)); } .zxzx2 strong i{font-weight: normal;font-size: 24px;vertical-align: middle;} .caigou{margin-top: 30px;} .caigou>*{display: block;width: 180px;height: 50px;color: #666;font-size: 16px;float: left;line-height: 50px;border: solid 1px #e3e1e1;border-radius: 10px;text-align: center;} .caigou a:nth-child(1){ background: url("../images/product_ico1.png") no-repeat 40px center; }.caigou a:nth-child(1):hover{ background: url("../images/product_ico1.png") no-repeat 40px center #f7f7f7; } .caigou a:nth-child(2){ margin-left: 60px; background: url("../images/product_ico2.png") no-repeat 30px center; } .caigou a:nth-child(2):hover{ margin-left: 60px; background: url("../images/product_ico2.png") no-repeat 30px center #f7f7f7; } .pcontentbg{margin-top: 80px;} .pdtitle{ border-bottom: solid 1px #e3e1e1; } .pdtitle strong{display: inline-block;padding:0 25px;height: 45px;line-height: 45px;background: #f00;color: #ffffff;font-weight: normal;font-size: 18px;} .pdcontent{ padding: 30px 25px 50px 25px; } .pdcontent table tr p{ margin-bottom: 0; } .baozhuang{ } .baozhuang ul li{ float: left; width: 320px; height: 430px; margin-right:40px; position: relative; } .baozhuang ul li div{ position: absolute; left: 0; top: 0; transition: all 0.5s ease 0s; } .baozhuang ul li:hover div{ top:-15px; } .baozhuang ul li:last-child{ margin-right: 0; } .baozhuang ul li span{ width: 320px; height: 360px; margin: 0 auto; /*闈濱E鐨勪富娴佹祻瑙堝櫒璇嗗埆鐨勫瀭鐩村眳涓殑鏂规硶*/ display: table-cell; vertical-align:middle; /*璁剧疆姘村钩灞呬腑*/ text-align:center; /* 閽堝IE鐨凥ack */ *display: block; *font-size: 175px;/*绾︿负楂樺害鐨?.873锛?00*0.873 绾︿负175*/ *font-family: Arial, serif;/*闃叉闈瀠tf-8寮曡捣鐨刪ack澶辨晥闂锛屽utf-8缂栫爜*/ overflow: hidden; border-radius: 10px; border-bottom: solid 4px #ec0403; box-shadow:2px 2px 10px rgba(0,0,0,.32); } .baozhuang ul li strong{ display: block; text-align: center; font-size: 16px; color: #333333; line-height: 70px; font-weight: normal; } .scjd{} .scjd ul li{float: left;width: 445px;height: 334px;margin-right: 32px;margin-bottom: 32px;overflow: hidden;} .scjd ul li:nth-child(3n){ margin-right: 0; } .ssyoushi{} .ssyoushi ul li{display: flex;} .cpys_text{padding: 70px;} .youshi_secico_bg{ height: 100px; } .youshi_secico{ width: 298px; height: 100px; } .youshi_secico > *{ display: block; float: left; } .youshi_secico em{ height: 62px; width: 56px; text-align: center; position: relative; } .youshi_secico strong{ width: 184px; padding-left: 11px; padding-top: 10px; font-size: 20px; } .youshi_secico span{ width: 184px; padding-left: 11px; font-size: 14px; } .youshi_secico.active em:before{ content: ''; position: absolute; width: 56px; height: 56px; background: #e60012; z-index: 0; left: 0; top: 0; border-radius: 50%; } .youshi_secico.active em:after{ content: ''; position: absolute; width: 0; height: 0; left: 18px; bottom: 0; border-top: 10px solid #e60012; border-right: 10px solid transparent; border-left: 10px solid transparent; } .youshi_secico em i{ position: relative; font-size: 30px; z-index: 1; display: inline-block; padding-top: 5px; } .youshi_secico.active em i{ color: #ffffff; } .youshi_sectitle{ font-weight: bold; font-size: 30px; color: #000; border-bottom: solid 1px #e3e1e1; padding-bottom: 20px; margin-bottom: 20px; } .youshi_info{ font-size: 17px; color: #000; line-height: 28px; } .cpys_img{ width: 700px;height: 438px; } .cpys_img a{ display: block; width: 700px;height: 438px; overflow: hidden; } .hotproduct{padding: 20px 0;} .hotproduct ul li{width: 360px;height: 427px;float: left;} .hotproduct ul li div{display: block;width: 320px;height: 427px;border: solid 1px #e6e6e6;} .hotproduct ul li div:hover{border-color: #c00;} .hotproduct ul li div:hover strong{color: #c00;} .hotproduct ul li div span{ width: 318px; height: 318px; margin: 0 auto; /*闈濱E鐨勪富娴佹祻瑙堝櫒璇嗗埆鐨勫瀭鐩村眳涓殑鏂规硶*/ display: table-cell; vertical-align:middle; /*璁剧疆姘村钩灞呬腑*/ text-align:center; /* 閽堝IE鐨凥ack */ *display: block; *font-size: 175px;/*绾︿负楂樺害鐨?.873锛?00*0.873 绾︿负175*/ *font-family: Arial, serif;/*闃叉闈瀠tf-8寮曡捣鐨刪ack澶辨晥闂锛屽utf-8缂栫爜*/ overflow: hidden; } .hotproduct ul li div span img{max-width: 318px;max-height: 318px;} .hotproduct ul li div strong{display: block;overflow: hidden;font-size: 15px;color: #333333;text-align: center;line-height: 50px;height: 50px;} .hotproduct ul li div em{display: block;text-align: center;font-style: normal;color: #999999;font-size: 14px;line-height: 30px;} .sitemap{ margin-top: 30px; } .sitemaplist1{ margin-bottom: 40px; }.sitemaplist1 div{ margin-bottom: 15px; } .sitemaplist1 div a{ width: 150px; height: 45px; display: block; line-height: 48px; text-align: center; font-size: 18px; color: #ffffff; background: #9c0; } .sitemaplist1 ul{ display: block; background: url("../images/map_li.jpg") repeat-y left top; } .sitemaplist1 ul li{ height: 52px; float: left; line-height: 52px; min-width: 200px; text-align: center; } .sitemaplist1.sitemapfangan1 ul li{ height: 52px; float: left; line-height: 52px; text-align: left; width: 455px; padding-left: 70px; } .fwnr_bg{ padding-top: 1px; } .fwnr_list{ width: 1200px; } .fwnr_list ul li{ float: left; width: 361px; height: 408px; margin-right: 58px; border:solid 1px #ededed; border-radius: 60px 0 60px 0; text-align: center; color: #333333; padding: 50px 20px 0 20px; } .fwnr_list ul li:last-child{ margin-right: 0; } .fwnr_list ul li>*{ display: block; } .fwnr_list ul li i{ font-size: 70px; color: #99cc00; } .fwnr_list ul li strong{ font-size: 20px; margin-top: 30px; color: #99cc00; } .fwnr_list ul li p{ font-size: 16px; margin-top: 30px; color: #666666; text-align: left; } .cjwenti_box{ background: url("../images/cjwenti_box.png") no-repeat right center; height: 604px; } .cjwenti_bg{ padding-top: 1px; } .cjwenti_box ul li{ height: 240px; width: 690px; position: relative; } .cjwenti_box ul li:before{ content: ''; position: absolute; border-bottom: solid 1px #e6e6e6; left: 0; bottom: 60px; width: 690px; height: 1px; } .cjwenti_box ul li:last-child:before{ display: none; } .cjwenti_box ul li>*{ display: block; float: left; } .cjwenti_box ul li>i{ width: 120px; height: 120px; font-size: 60px; border-radius: 50%; text-align: center; line-height: 120px; } .cjwenti_box ul li:nth-child(1)>i{ color: #9d610a; background: #ffd581; } .cjwenti_box ul li:nth-child(2) i{ color: #669; background: #a0b0db; } .cjwenti_box ul li:nth-child(2) i .icon{ fill: #669; } .cjwenti_box ul li:nth-child(3)>i{ color: #690; background: #9c6; } .cjwenti_box ul li>strong{ font-size: 24px; color: #333333; width:570px; padding-left: 30px; padding-top: 30px; font-weight: normal; } .cjwenti_box ul li>span{ width:570px; padding-left: 50px; padding-top: 20px; position: relative; font-size: 16px; color: #999999; } .cjwenti_box ul li>span:before{ content: ''; width: 8px; height: 8px; border-radius: 50%; left: 30px; top: 28px; position: absolute; } .cjwenti_box ul li:nth-child(1)>span:before{ background: #9d610a; } .cjwenti_box ul li:nth-child(2)>span:before{ background: #669; } .cjwenti_box ul li:nth-child(3)>span:before{ background: #9c0; } .shfwxc_left{ } .shfwxc_left img{ margin-right: 7px; display: block; float: left; margin-bottom: 7px; } .shfwxc_left img:nth-child(2){ width: 256px; height: 200px; } .shfwxc_left img:nth-child(3){ margin-right: 0; width: 256px; height: 200px; } .shfwxc_left img:nth-child(6){ margin-right: 0; } .sitemaplist1 ul li a{color: #666666;} .sitemaplist1 ul li a:hover{color: #9c0;} /*瑙e喅鏂规鍗曠嫭鏍峰紡*/ .page_custormer_box{ width: 100%; height: 170px; box-shadow:2px 2px 10px rgba(0,0,0,.06); padding-top: 30px; } .custormer_nav{ height: 170px; text-align: center; position: relative; } .custormer_nav ul{ display: block; position: relative; margin-bottom: 0; } .custormer_nav ul li{display: block;width: 460px;height: 50px;float: left;position: relative;margin-right: 10px;margin-bottom: 10px;} .custormer_nav ul li:nth-child(3n){ margin-right: 0; } .custormer_nav a{display: block;color: #333333;background:#f3f3f3;font-size: 16px;height: 50px;position: relative;line-height: 50px;z-index: 1;} .custormer_nav a:hover, .custormer_nav a.active{background: #9c0;color: #ffffff} .csfzlc{} .csfzlc ul li{ float: left; width: 230px; margin-right: 93px; padding-top: 20px; text-align: center; } .csfzlc ul li:last-child{ margin-right: 0; } .csfzlc ul li div:nth-child(2) strong{ display: table-cell; vertical-align: middle; text-align: center; width: 320px; height: 100px; font-size: 24px; color: #333333; } .csfzlc ul li div:nth-child(3){ font-size: 14px; color: #999; line-height: 32px; } .csfzlc ul li div:nth-child(2){ border-bottom: solid 1px #CCCCCC; margin-bottom: 10px; } .fahyzc_bg{ background: #f3f3f3; padding-top: 1px; margin-top: 60px; } .gjzc_list{ padding-bottom: 30px; } .gjzc_list li{ width: 560px; float: left; margin-right: 80px; margin-bottom: 30px; } .gjzc_list li:nth-child(2n){ margin-right: 0; } .gjzc_list li a{ display: block; height: 81px; border-bottom: solid 1px #dedede; color: #333333; } .gjzc_list li a>*{ display: block; float: left; height: 80px; } .gjzc_list li a>span{ width: 80px; background: #dedede; } .gjzc_list li a>span *{ display: block; width: 80px; text-align: center; font-style: normal; font-weight: normal; } .gjzc_list li a>span em{ font-size: 30px; height: 50px; line-height: 50px; } .gjzc_list li a>span b{ font-size: 14px; height: 20px; line-height: 20px; } .gjzc_list li a strong{ font-weight: normal; line-height: 80px; padding-left: 20px; font-size: 16px; } .gjzc_list li a:hover{ color: #99cc00; border-bottom-color: #99cc00; } .gjzc_list li a:hover strong{ font-weight: bold; } .gjzc_list li a:hover>span{ background: #99cc00; color: #ffffff; } .csxz_list{} .csxz_list ul li{ float: left; width: 450px; height: 320px; margin-right:25px; margin-bottom: 25px; } .csxz_list ul li:nth-child(3n){ margin-right: 0; } .csxz_list ul li span{ display: block; width: 450px; height: 270px; } .csxz_list ul li img{ width: 450px; height: 270px; } .csxz_list ul li strong{ height: 50px; text-align: center; line-height: 50px; color:#666666; font-size: 18px; font-weight: normal; display: block; } .cszkpsxtys_bg{ background: #f3f3f3; padding-top: 1px; padding-bottom: 80px; } .cszkpsxtys_list{} .cszkpsxtys_list ul li{ float: left; width: 233px; height: 300px; border-right: solid 1px rgba(204,204,204,.8); cursor: pointer; text-align: center; padding:35px 0; } .cszkpsxtys_list ul li:hover{ background: #ffffff; } .cszkpsxtys_list ul li>*{ display: block; } .cszkpsxtys_list ul li i{ font-size: 55px; color: #2c2c2c; } .cszkpsxtys_list ul li:hover i{ font-size: 55px; color: #9c0; } .cszkpsxtys_list ul li strong{ color: #333333; font-size: 20px; font-weight: normal; height: 60px; line-height: 60px; } .cszkpsxtys_list ul li:hover strong{ font-weight: bold; } .cszkpsxtys_list ul li span{ padding: 0 15px; font-size: 14px; color: #666666; } .cszkpsgs_bg{ padding-bottom: 60px; } .cszkpsgs_content{} .cszkpsgs_content div.cszkpsgs_content_left{ width: 570px; height: 500px; } .cszkpsgs_content_right{ width: 630px; padding-left: 60px; } .cszkpsgs_content_right ul li{ width: 640px; height: 110px; border: solid 1px #CCCCCC; border-radius: 10px; margin-bottom: 15px; position: relative; padding: 25px 50px; font-size: 16px; color: #666666; line-height: 30px; } .cszkpsgs_content_right ul li:nth-child(3){ padding: 10px 50px; } .cszkpsgs_content_right ul li strong{ display: block; position: absolute; left: -25px; top: 30px; background: #9c0; width: 50px; height: 50px; border-radius: 50%; font-size: 24px; color: #ffffff; text-align: center; line-height: 50px; } .cszkpsxtjg_bg{ background: #f3f3f3; padding-top: 1px; padding-bottom: 60px; } .xgalbse_bg{ padding-top: 60px; background: #f3f3f3; padding-bottom: 60px; } .zsjjh{ border: solid 10px #ededed; margin-top: 75px; padding: 60px 0; text-align: center; font-size: 28px; color: #666; height: 300px; line-height: 56px; } .zsjjh strong{ color: #99cc00; } .sdbd_list{ padding-bottom: 60px; } .sdbd_list ul li{ float: left; display: flex; position: relative; width: 256px; height: 300px; border: solid 1px #ccc; margin-right: 58px; align-items: center; justify-content: center; } .sdbd_list ul li:last-child{ margin-right: 0; } .sdbd_list ul li span:first-child{ display: block; width: 100px; height: 45px; background: #99cc00; position: absolute; left: 50%; top: -22px; border-radius: 6px; font-size: 20px; color: #ffffff; text-align: center; line-height: 45px; transform: translateX(-50%); } .sdbd_list ul li div{ width: 210px; height: 110px; } .sdbd_list ul li div *{ display: block; text-align: center; } .sdbd_list ul li div strong{ font-size: 24px; color: #333333; } .sdbd_list ul li div span{ font-size: 18px; color: #999; margin-top: 30px; line-height: 32px; } .zkps4dys{ margin-bottom: 25px; } .zkps4dys ul li{ float: left; width: 208px; height: 208px; margin-right: 40px; } .zkps4dys ul li:last-child{ margin-right: 0; } .zkps4dys ul li:nth-child(3){ background: url("../images/customer2/sdys_c.png") no-repeat center center; background-size: 208px 208px; } .zkps4dys ul li:not(:nth-child(3)){ border-radius: 50%; border: solid 1px #ededed; position: relative; text-align: center; padding-top: 40px; } .zkps4dys ul li:not(:nth-child(3))>*{ display: block; } .zkps4dys ul li:not(:nth-child(3)) strong{ font-size: 24px; color: #333333; font-weight: normal; } .zkps4dys ul li:not(:nth-child(3)) span{ margin-top: 15px; font-size: 18px; color: #999; font-weight: normal; padding: 0 15px; } .zkps4dys ul li:not(:nth-child(3)) i{ width: 50px; height: 50px; background: #99cc00; border-radius: 50px; font-size: 34px; position: absolute; left: 50%; transform: translateX(-50%); bottom: -25px; text-align: center; color: #ffffff; } .zkxtyl_pic{ width: 900px; } .zkxtyl_pic img{ width: 900px; } .zkxtyl_txt{ font-size: 18px; line-height: 36px; text-align: center; padding: 30px 0 60px 0; } .xtgs_more{ text-align: center;display: flex; align-items: center;justify-content: center; padding-top: 60px; } .xtgs_more a{ display: block; width: 150px; height: 50px; text-align: center; font-size: 20px; color: #99cc00; border: solid 1px #99cc00; line-height: 48px; } .swr_list{ padding-bottom: 1px; } .swr_list ul li{ float: left; width: 350px; margin-right: 75px; } .swr_list ul li:last-child{ margin-right: 0; } .swr_list ul li>*{ display: block; text-align: center; } .swr_list ul li strong{ font-weight: normal; font-size: 24px; color: #333333; height: 44px; margin-top: 24px; line-height: 44px; } .swr_list ul li em{ font-style: normal; font-size: 18px; color: #999; margin-top: 10px; height: 35px; line-height: 35px; } .ctpwjx_list{ padding-bottom: 60px; } .ctpwjx_list ul li{ float: left; width: 350px; height: 350px; margin-right: 75px; border: solid 1px #CCCCCC; text-align: center; padding-top: 40px; } .ctpwjx_list ul li:last-child{ margin-right: 0; } .ctpwjx_list ul li>*{ display: block; } .ctpwjx_list ul li i{ font-size: 55px; color: #99cc00; width: 60px; height: 60px; margin: 0 auto; line-height: 60px; } .ctpwjx_list ul li:nth-child(2) i{ font-size: 30px; border: solid 2px #99cc00; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; margin-top: 5px; margin-bottom: 5px; } .ctpwjx_list ul li:nth-child(3) i{ font-size: 40px; } .ctpwjx_list ul li:nth-child(2) strong{ margin-top: 35px; } .ctpwjx_list ul li strong{ font-size: 24px; color: #333333; font-weight: normal; margin-top: 30px; margin-bottom: 30px; } .ctpwjx_list ul li span{ font-size: 18px; line-height: 32px; color: #999; } .wswcl_list{ } .wswcl_list ul li{ float: left; width: 600px; height: 360px; } .wswcl_list ul li:not(.wswcl_list_txt) span{ display: block; width: 600px; height: 360px; overflow: hidden; } .wswcl_list ul li.wswcl_list_txt{ padding: 0 27px; } .wswcl_list ul li.wswcl_list_txt>*{ display: block; } .wswcl_list ul li:nth-child(2){ padding-top: 75px; } .wswcl_list ul li:nth-child(2) strong{ font-size: 24px; color: #333333; height: 55px; line-height: 55px; font-weight: normal; margin-bottom: 10px; } .wswcl_list ul li:nth-child(2) span{ font-size: 18px; color: #999; line-height: 36px; text-align: justify; } .wswcl_list ul li:nth-child(3){ padding-top: 40px; } .wswcl_list ul li:nth-child(3) strong{ font-size: 24px; color: #333333; height: 55px; line-height: 55px; font-weight: normal; } .wswcl_list ul li:nth-child(3) span{ font-size: 18px; color: #666666; line-height: 36px; text-align: justify; } .wswclys_list{ padding-bottom: 60px; } .wswclys_list ul li{ float: left; width: 208px; height: 400px; margin-right: 40px; border: solid 1px #CCCCCC; border-radius: 60px 0 60px 0; position: relative; padding: 60px 20px; text-align: center; } .wswclys_list ul li:last-child{ margin-right: 0; } .wswclys_list ul li>*{ display: block; } .wswclys_list ul li em{ position: absolute; right: 0; top: 0; width: 50px; height: 50px; font-size: 28px; font-style: normal; text-align: left; line-height: 40px; overflow: hidden; z-index: 2; padding-left: 15px; } .wswclys_list ul li em b{ position: relative; z-index: 2; color: #ffffff; } .wswclys_list ul li em:before{ content: ''; width: 100px; height: 100px; position: absolute; left: 0; bottom: 0; border-radius: 50%; background: #99cc00; z-index: 0; } .wswclys_list ul li strong{ font-size: 24px; color: #333333; height: 50px; font-weight: normal; position: relative; margin-bottom: 10px; } .wswclys_list ul li strong:before{ content:''; width: 20px; height: 2px; position: absolute; left: 50%; transform: translateX(-50%); background: #99cc00; bottom: 5px; } .wswclys_list ul li span{ font-size: 16px; color: #999; line-height: 26px; } .wsxtclyl_pic{ border: solid 10px #dedede; padding-top: 43px; } .wsxtclyl_pic>*{ display: block; text-align: center; } .wsxtclyl_pic strong{ font-size: 16px; height: 85px; line-height: 85px; color: #666666; font-weight: normal; } .wsxtclyl_txt{ font-size: 16px; line-height: 32px; color: #333333; text-align: center; padding: 25px 0 0 0; } .ctgcwt_list{ } .ctgcwt_list ul li{ float: left; width: 300px; border-right: solid 1px #e6e6e6; text-align: center; height: 200px; padding-top: 50px; } .ctgcwt_list ul li:last-child{ border-right: none; } .ctgcwt_list ul li>*{ display: block; } .ctgcwt_list ul li>i{ width: 60px; height: 60px; margin: 0 auto; font-size: 55px; line-height: 60px; color: #2c2c2c; } .ctgcwt_list ul li:nth-child(2)>i{ font-size: 95px; } .ctgcwt_list ul li:nth-child(3)>i{ font-size: 70px; } .ctgcwt_list ul li:nth-child(4)>i{ font-size: 70px; } .ctgcwt_list ul li>span{ color: #333333; font-size: 18px; } .zhyyjjfa_list{ padding-bottom: 80px; } .zhyyjjfa_list ul li{ float: left; width: 600px; height: 460px; } .zhyyjjfa_list ul li.zhyyjjfa_txt{ padding: 70px 60px 0 60px; } .zhyyjjfa_list ul li.zhyyjjfa_txt *{ display: block; } .zhyyjjfa_list ul li.zhyyjjfa_txt span{ font-size: 20px; text-align: center; line-height: 50px; height: 200px; color: #666; } .zhyyjjfa_list ul li.zhyyjjfa_txt a{ width: 180px; height: 50px; line-height: 50px; color: #99cc00; font-size: 20px; border: solid 1px #99cc00; text-align: center; margin: 70px auto 0 auto; } .zhyyys_list{ /*padding-bottom: 60px;*/ } .zhyyys_list ul li{ float: left; width: 350px; height: 375px; margin-right: 75px; border: solid 1px #e6e6e6; border-radius: 0 60px 0 60px; padding-top: 50px; } .zhyyys_list ul li:last-child{ margin-right: 0; } .zhyyys_list ul li>*{ display: block; text-align: center; } .zhyyys_list ul li i{ height: 70px; line-height: 70px; font-size: 60px; color: #99cc00; } .zhyyys_list ul li strong{ font-size: 24px; color: #333333; height: 90px; line-height: 90px; } .zhyyys_list ul li span{ width: 310px; margin: 0 auto; color: #999999; font-size: 18px; line-height: 36px; } .dqyjxq_list{ } .dqyjxq_list ul li{ float: left; width: 350px; margin-right: 75px; height: 400px; border: solid 1px #e6e6e6; } .dqyjxq_list ul li:last-child{ margin-right: 0; } .dqyjxq_list ul li>*{ display: block; text-align: center; } .dqyjxq_list ul li strong{ font-size: 24px; color: #333333; height: 70px; line-height: 70px; font-weight: normal; } .dqyjxq_list ul li em{ font-size: 16px; color: #666666; line-height: 32px; font-style: normal; } .cszlys_list{} .cszlys_list ul li{ float: left; width: 350px; height: 330px; margin-right: 75px; position: relative; padding-top: 80px; border: solid 1px #CCCCCC; margin-bottom: 75px; } .cszlys_list ul li:nth-child(3n){ margin-right: 0; } .cszlys_list ul li:nth-child(n+3){ margin-bottom: 60px; } .cszlys_list ul li>*{ display: block; text-align: center; } .cszlys_list ul li strong{ height: 70px; font-size: 24px; color: #333333; } .cszlys_list ul li span{ font-size: 18px; color: #666666; line-height: 36px; padding: 0 15px; } .cszlys_list ul li em{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 40px; width: 60px; background: #99cc00; border-radius: 0 0 30px 30px; font-size: 25px; color: #f3f3f3; font-style: normal; } .cszlfa_list{ padding-bottom: 60px; } .cszlfa_list ul li{ float: left; position: relative; } .cszlfa_list ul li>*,.cszlfa_list ul li>*>*{ display: block; } .cszlfa_list ul li:nth-child(1){ width: 595px; margin-right: 10px; height: 610px; background: url("../images/customer5/4.jpg") no-repeat; background-size: 595px 610px; padding: 55px 0 0 60px; color: #ffffff; } .cszlfa_list ul li:nth-child(1) strong{ font-size: 24px; height: 60px; } .cszlfa_list ul li:nth-child(1) span{ font-size: 16px; line-height: 32px; } .cszlfa_list ul li:nth-child(1) a{ position: absolute; width: 120px; height: 40px; background: #ffffff; color: #333333; font-size: 16px; text-align: center; line-height: 40px; left: 60px; bottom: 30px; } .cszlfa_list ul li:nth-child(2),.cszlfa_list ul li:nth-child(3){ width: 595px; height: 300px; } .cszlfa_list ul li:nth-child(2){ margin-bottom: 10px; background: url("../images/customer5/5.png") no-repeat 232px 70px #f3f3f3; } .cszlfa_list ul li:nth-child(2) a, .cszlfa_list ul li:nth-child(3) a{ height: 300px; padding: 70px 0 0 35px; position: relative; } .cszlfa_list ul li:nth-child(3){ background: url("../images/customer5/6.png") no-repeat 276px 68px #f3f3f3; } .cszlfa_list ul li:nth-child(2):hover,.cszlfa_list ul li:nth-child(3):hover{ color: #ffffff; background-color: #99cc00; } .cszlfa_list ul li:nth-child(2):hover a,.cszlfa_list ul li:nth-child(3):hover a{ color: #ffffff; } .cszlfa_list ul li:nth-child(2) a strong, .cszlfa_list ul li:nth-child(3) a strong, .cszlfa_list ul li:nth-child(2) a span, .cszlfa_list ul li:nth-child(3) a span{ height: 45px; line-height: 45px; } .cszlfa_list ul li:nth-child(2) a strong, .cszlfa_list ul li:nth-child(3) a strong{ font-size: 20px; color: #000; font-weight: normal; } .cszlfa_list ul li:nth-child(2) a span, .cszlfa_list ul li:nth-child(3) a span{ font-size: 16px; color: #666666; } .cszlfa_list ul li:nth-child(2) a:hover strong, .cszlfa_list ul li:nth-child(3) a:hover strong{ color: #ffffff; } .cszlfa_list ul li:nth-child(2) a:hover span, .cszlfa_list ul li:nth-child(3) a:hover span{ color: #ffffff; } .cszlfa_list ul li:nth-child(2) a em, .cszlfa_list ul li:nth-child(3) a em{ font-style: normal; font-size: 16px; color: #666666; border: solid 1px #CCCCCC; width: 120px; height: 40px; text-align: center; line-height: 38px; position: absolute; left: 35px; bottom: 74px; } .cszlfa_list ul li:nth-child(2) a:hover em, .cszlfa_list ul li:nth-child(3) a:hover em{ color: #333333; border-color: #ffffff; background: #ffffff; } .cszlfa_list ul li:nth-child(n+4){ height: 240px; background-color: #f3f3f3; background-repeat: no-repeat; margin-top: 10px; } .cszlfa_list ul li:nth-child(n+4):hover{ background-color: #99cc00; } .cszlfa_list ul li:nth-child(n+4) a{ display: block; height: 240px; padding: 52px 0 0 23px; } .cszlfa_list ul li:nth-child(n+4) a strong{ font-size: 16px; font-weight: normal; color: #000000; height: 35px; } .cszlfa_list ul li:nth-child(n+4) a em{ height: 34px; line-height: 32px; border: solid 1px #CCCCCC; font-size: 14px; color: #666666; width: 100px; text-align: center; font-style: normal; } .cszlfa_list ul li:nth-child(n+4) a span{ color: #666666; font-size: 14px; height: 52px; } .cszlfa_list ul li:nth-child(n+4) a:hover strong,.cszlfa_list ul li:nth-child(n+4) a:hover span{ color: #ffffff; } .cszlfa_list ul li:nth-child(n+4) a:hover em{ color: #333333; border-color: #ffffff; background: #ffffff; } .cszlfa_list ul li:nth-child(n+4):not(:nth-child(6)){ width: 450px; margin-right: 10px; background-image: url("../images/customer5/7.png"); background-position: 179px 52px; background-repeat: no-repeat; } .cszlfa_list ul li:nth-child(6){ width: 280px; background-image: url("../images/customer5/8.png"); background-position: 164px 33px; } .csxtdbys_bg{ padding-bottom: 60px; } .csxtdbys_info>div{ float: left; } .csxtdbys_left{ width: 540px; height: 800px; } .csxtdbys_left div:nth-child(1){ width: 540px; text-align: center; border: solid 1px #ededed; height: 550px; padding-top: 24px; } .csxtdbys_left div:nth-child(2){ width: 540px; height: 250px; background: #f1f5fe; padding-left: 50px; padding-right: 50px; } .csxtdbys_left div:nth-child(2) strong{ display: block; height: 95px; line-height: 95px; text-align: center; font-size: 24px; color: #333333; } .csxtdbys_left div:nth-child(2) ul li{ height: 65px; position: relative; padding-left: 20px; line-height: 32px; font-size: 16px; color: #666666; } .csxtdbys_left div:nth-child(2) ul li:before{ content: ''; width: 9px; height: 9px; background: #9c0; border-radius: 50%; position: absolute; left: 0; top: 12px; } .csxtdbys_right{ width: 810px; float: right!important; } .csxtdbys_right div:nth-child(1){ width: 810px; border: solid 1px #ededed; height: 550px; padding-top: 24px; text-align: center; } .csxtdbys_right div:nth-child(2){ width: 810px; height: 250px; background: #f1f5fe; padding-left: 50px; padding-right: 50px; } .csxtdbys_right div:nth-child(2) strong{ display: block; height: 95px; line-height: 95px; text-align: center; font-size: 24px; color: #333333; } .csxtdbys_right div:nth-child(2) ul li{ height: 65px; position: relative; padding-left: 20px; line-height: 32px; font-size: 16px; color: #666666; } .csxtdbys_right div:nth-child(2) ul li:before{ content: ''; width: 9px; height: 9px; background: #9c0; border-radius: 50%; position: absolute; left: 0; top: 12px; } .yycj_lst{} .yycj_lst ul li{ float: left; margin-right: 20px; margin-bottom: 20px; width: 264px; height: 158px; text-align: center; cursor: pointer; } .yycj_lst ul li:nth-child(5n){ margin-right: 0; } .yycj_lst ul li:nth-child(2n){ background: #eee; border-radius: 10px; font-size: 24px; color: #333333; line-height: 158px; } .yycj_lst ul li:nth-child(2n):hover{ background: #9c0; color: #ffffff; } /*楂樺瘨楂樻捣鎷?/ .ghghbcs_list{} .ghghbcs_list ul li{ float: left; width: 335px; height: 201px; margin-right: 20px; } .ghghbcs_list ul li:last-child{ margin-right: 0; } .ghghbcs_list2{ margin-top: 40px; } .ghghbcs_list2 ul li{ float: left; width: 400px; height: 430px; margin-right: 95px; line-height: 32px; font-size: 16px; color: #666666; } .ghghbcs_list2 ul li div:nth-child(1){ margin-bottom: 10px; padding-top: 20px; } .ghghbcs_list2 ul li:nth-child(2) div:nth-child(1){ margin-bottom: 10px; padding-top: 0; } .ghghbcs_list2 ul li:nth-child(3) div:nth-child(1){ margin-bottom: 10px; padding-top: 53px; } .ghghbcs_list2 ul li strong{ color: #333333; } .ghghbcs_list2 ul li:last-child{ margin-right: 0; width: 410px; } .btlxcsbj_table{ padding-bottom: 60px; } .btlxcsbj_table table{ border-collapse: separate; margin-bottom: 0; } .btlxcsbj_table table thead th{ background: #99cc66; height: 55px; vertical-align: middle; color: #ffffff; font-size: 20px; font-weight: normal; text-align: center; } .btlxcsbj_table table thead th{ border-right: solid 1px #ffffff; border-left: none; border-bottom: none; } .btlxcsbj_table table thead th:nth-child(1){ width: 180px; } .btlxcsbj_table table thead th:nth-child(2){ width: 450px; } .btlxcsbj_table table thead th:nth-child(3){ width: 318px; } .btlxcsbj_table table thead th:nth-child(4){ border-right: none; } .btlxcsbj_table table tbody tr td{ border-right: solid 1px #ffffff; background: #e2f0d9; border-bottom: solid 1px #ffffff; border-top: none; padding: 15px; vertical-align: middle; text-align: center; } .btlxcsbj_table table tbody tr td:last-child{ border-right: none; } .btlxcsbj_table table tbody tr:nth-child(2n) td{ background: #fff; } .btlxcsbj_table table tbody tr td>*{ display: inline-block; font-size: 16px; color: #333333; width: 90%; } .btlxcsbj_table table tbody tr td:first-child{ vertical-align: middle; text-align: center; font-size: 18px; } .btlxcsbj_table table tbody tr td:nth-child(2){ padding: 15px 35px; } .btlxcsbj_table table tbody tr td:nth-child(3){ text-align: center; } .btlxcsbj_table table tbody tr td strong{ font-size: 20px; color: #333; text-align: center; } .btlxcsbj_table table tbody tr td span{ text-align: center; } .btlxcsbj_table table tbody tr td span em{ font-weight: bold; color: #9c0; font-style: normal; } .ghhbcsxz_list{ padding-bottom: 60px; } .ghhbcsxz_list>div{ float: left; } .ghhbcsxz_list_left{ width: 850px; } .ghhbcsxz_list_left img{ float: left; } .ghhbcsxz_list_left img:nth-child(1){ margin-right: 33px; } .ghhbcsxz_list_left img:nth-child(2){ margin-bottom: 33px; } .ghhbcsxz_list_right{ width: 550px; padding-left: 50px; } .ghhbcsxz_list_right ul li{ margin-top: 50px; padding-left: 25px; position: relative; line-height: 28px; font-size: 18px; } .ghhbcsxz_list_right ul li:before{ content: '鈼?; width: 11px; height: 11px; font-size: 20px; color: #333333; position: absolute; left: 0; top: 0; } .ghhbcsxz_list_contact{ text-align: center; margin-top: 90px; } .ghhbcsxz_list_contact span{ display: inline-block; width: 400px; height: 60px; line-height: 60px; font-size: 18px; color: #333333; border: solid 1px #3f3f3f; border-radius: 30px; } .ghhbcsxz_list_contact span strong{ font-size: 20px; } .chat_top{position: fixed;right: 8px;width: 82px;height: 320px;top:50%;z-index: 99990;margin-top: -160px;} .chat_top ul li{padding-bottom: 0;position: relative;border-top: solid 1px #f3f3f3;border-left: solid 1px #f3f3f3;border-right: solid 1px #f3f3f3;} .chat_top ul li:last-child{border-bottom: 0;} .chat_top ul li:last-child{display: none;} .chat_top ul li a{display: block;height: 80px;width: 80px;position: relative;background: #fff;text-align: center;padding-top:12px;z-index: 2; } .chat_top ul li a:hover{background: #99cc00;border-color: #99cc00;} .chat_top ul li:hover{border-color: #99cc00;} .chat_top ul li a:hover>*{ color: #ffffff!important; } .chat_top ul li:last-child{ border-bottom: solid 1px #f3f3f3; } .chat_top ul li a i{font-size: 28px;color: #666;z-index: 99;} .chat_top ul li:last-child a {padding-top: 14px;} .chat_top ul li:last-child a i{font-size: 36px;} .chat_top ul li a em{font-size: 12px;color: #666;z-index: 99;font-style: normal;width: 80px;display: block;margin: 0 auto;} .chat_top ul li strong,.chat_top ul li div{ transition:all .5s ease-in-out; -wekbit-transition:all .5s ease-in-out; left: 104px; box-shadow: 0 2px 5px #999; } .chat_top ul li:hover strong{ left: -220px; } .chat_top ul li:nth-child(1):hover strong{ left: -194px; } .chat_top ul li:hover div{ left: -148px; } .chat_top ul li strong{position: absolute;width: 200px;height: 66px;background: #ffffff;top: 0;border-radius: 1px;line-height: 24px;color: #999;font-size: 15px;text-align: center;padding-top: 10px;font-weight: normal;padding-left: 14px;} .chat_top ul li strong b{font-size: 18px;color: #666;} .chat_top ul li:nth-child(1) strong{ padding-top: 15px; padding-left: 5px; width: 178px; } .chat_top ul li:nth-child(1) strong span{ display: block; float: left; margin-left: 5px; } .chat_top ul li strong i{display: block;font-size: 38px;float: left;padding-top: 15px;color: #666;} .chat_top ul li strong:before{content:'';width:0;height:0;border-left:6px solid #99cc00;border-bottom:6px solid transparent;border-top:6px solid transparent;position: absolute;right: -6px;top: 20px;display: none;} .chat_top ul li div{position: absolute;width: 132px;height: 142px;background: #ffffff;top: 0;line-height: 24px;color: #666;padding-top: 14px;text-align: center;font-size: 13px;z-index: 1;} .chat_top ul li div img{width: 97px;display: block;margin: 0 auto;} .chat_top ul li div:before{content:'';width:0;height:0;border-left:6px solid #99cc00;border-bottom:6px solid transparent;border-top:6px solid transparent;position: absolute;right: -6px;top: 20px;display: none} .connected-carousels .carousel-navigation li{border-color: #dbdbdb;} .connected-carousels .carousel-navigation li.active{border-color: #99cc00;} .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } .link_map_bg{ height: 400px; position: relative; } .link_map_bg .link_map_box{ position: absolute; left: 0; bottom: 0; color: #ffffff; } .link_map_bg .link_map_box i,.link_map_bg .link_map_box a{ color: #ffffff; } .cp-more a { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .cp-more a:hover { -webkit-animation-name: hvr-pulse-shrink; animation-name: hvr-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Pulse Shrink */ @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } /*浜у搧1*/ .product_top{ } .product_top>div{ float: left; width: 700px; } .product1_top_right{ padding-left: 30px; padding-top: 30px; } .product1_top_right ul li{ width: 310px; float: left; display: flex; margin-bottom: 30px; } .product1_top_right ul li:nth-child(odd){ } .product1_top_right ul li:nth-child(even){ padding-left: 50px; } .product1_top_right ul li div:last-child *{ display: block; } .product1_top_right ul li div:nth-child(1){ width: 30px; } .product1_top_right ul li div:nth-child(2){ flex: 1; } .product1_top_right ul li div:nth-child(1) i{ display: block; height: 35px; line-height: 35px; font-size: 20px; color: #9c0; } .product1_top_right ul li div:last-child strong{ height: 35px; line-height: 35px; font-size: 18px; color: #333333; } .product1_top_right ul li div:last-child span{ font-size: 16px; color: #999; } .product_bg{ background: #f3f3f3; } .product_ul_bg{ padding: 50px 0 80px 0; } .product_ul{ } .product_ul>ul{ display: flex; } .product_ul>ul>li{ width: 700px; display: flex; align-items:flex-start; flex-wrap:wrap; align-content:flex-start; } .product_ul>ul li div:nth-child(1){ width: 700px; font-size: 30px; text-align: center; height: 100px; line-height: 70px; } .product_ul>ul li div:nth-child(2){ width: 350px; text-align: center; display: flex; align-items: flex-start; justify-content: center; position: relative; } .product_ul>ul li div:nth-child(2):before{ content: ''; height: 200px; width: 1px; background: #9c0; position: absolute; right: 0; top: 10px; } .product_ul>ul li div:nth-child(3){ width: 350px; font-size: 14px; text-align: left; padding-left: 50px; } .product_ul>ul li div:nth-child(3) ul li{ display: flex; line-height: 22px; min-height: 28px; padding: 3px 0; } .product_ul>ul li div:nth-child(3) ul li>*{ display: block; } .product_ul>ul li div:nth-child(3) ul li>strong{ font-weight: normal; white-space: nowrap; padding-right: 2px; color: #333333; } .product_ul>ul li div:nth-child(3) ul li>span{ color: #999999; } .back_url{ text-align: center; } .back_url a{ display: inline-block; width: 200px; height: 50px; border: solid 1px #9c0; color: #9c0; line-height: 50px; text-align: center; font-size: 18px; vertical-align: top; } .back_url a span{ line-height: 30px; display: inline-block; height: 30px; } .back_url a i{ font-size: 30px; display: inline-block; vertical-align: top; } /*绗簩涓骇鍝?/ .product_ul_nav{ text-align: center; } .product_ul_nav a{ display: inline-block; width: 200px; height: 50px; border-radius: 25px; border: solid 1px #ccc; line-height: 48px; color: #666666; font-size: 18px; } .product_ul_nav a:first-child{ margin-right: 25px; } .product_ul_nav a.active{ background: #9c0; border-color: #9c0; color: #ffffff; } .product2_top{ padding-top: 60px; } .product2_top>div{ float: left; } .product2_top>div:first-child{ width: 800px; height: 450px; } .product2_top_right{ width: 520px; margin-left: 60px; padding-top: 60px; } .product2_top_right ul li{ width: 520px; float: left; display: flex; margin-bottom: 90px; } .product2_top_right.product2_top_right2 ul li{ margin-bottom: 60px; } .product2_top_right ul li div:last-child *{ display: block; } .product2_top_right ul li div:nth-child(1){ width: 30px; } .product2_top_right ul li div:nth-child(2){ flex: 1; } .product2_top_right ul li div:nth-child(1) i{ display: block; height: 35px; line-height: 25px; font-size: 20px; color: #9c0; } .product2_top_right ul li div:last-child span{ font-size: 16px; color: #666666; } .product2_table{ display: flex; padding-top: 40px; padding-bottom: 60px; } .product2_table.pb0{ padding-bottom: 0; } .product2_table>div{ width: 50%; } .product2_table>div:first-child{ width: 50%; padding-right: 30px; } .product2_table>div:last-child{ padding-left: 30px; } .product2_table>div div{ text-align: center; height: 50px; line-height: 50px; font-weight: bold; font-size: 16px; color: #333333; } .product2_table>div table.table tr td{ border: none; min-height: 50px; line-height: 28px; vertical-align: middle; font-size: 16px; color: #666666; } .product2_table>div table.table tbody tr td:first-child{ padding-left: 35px; } .product2_table1{ padding-top: 20px; padding-bottom: 60px; } .product2_table1>div{ width: 100%; } .product2_table1>div div{ text-align: center; height: 50px; line-height: 50px; font-weight: bold; font-size: 16px; color: #333333; } .product2_table1>div table.table tr td{ border: none; min-height: 50px; line-height: 28px; vertical-align: middle; font-size: 16px; color: #666666; padding: 15px 8px; } .product2_table1>div table.table tbody tr td:first-child{ padding-left: 35px; } .product_ul_bg2{ padding: 1px 0 80px 0; } .product2_pic1{ padding-top: 60px; } .product2_pic1 ul li{ float: left; width: 50%; } .product2_pic1 ul li:first-child{ padding-right: 35px; } .product2_pic1 ul li:last-child{ padding-left: 35px; } .product2_pic1 ul li>div:first-child{ height: 200px; display: table-cell; vertical-align: middle; } .product2_pic1 ul li:nth-child(2)>div:first-child{ text-align: right; } .product2_pic1 ul li>div:first-child img{ width: 95%; } .product2_pic1 ul li>div:last-child{ padding-top: 55px; } .product2_pic1 ul li:nth-child(2)>div:last-child{ padding-left: 30px; } .product2_pic1 ul li>div:last-child div{ font-size: 18px; color: #333333; display: flex; padding-bottom: 20px; } .product2_pic1 ul li>div:last-child div strong{ font-weight: normal; display: block; position: relative; } .product2_pic1 ul li>div:last-child span{ display: block; width: 100%; font-size: 16px; } .product2_pic1 ul li>div:last-child span>*{ display: inline-block; height: 28px; line-height: 28px; } .product2_pic1 ul li>div:last-child span i{ color: #9c0; font-size: 14px; margin-right: 15px; } .product2_pic1 ul li:nth-child(2)>div:last-child span i{ font-size: 18px; line-height: 32px; } .product2_pic1 ul li:nth-child(2)>div:last-child span em{ line-height: 36px; } .product2_pic1 ul li>div:last-child span em{ font-style: normal; line-height: 24px; color: #666666; } .product2_pic1 ul li:first-child>div:last-child div strong{ margin-right: 15px; padding-left: 60px; height: 25px; line-height: 25px; } .product2_pic1 ul li:first-child>div:last-child div strong:before{ content: ''; position: absolute; left: 0; top: 0; width: 50px; height: 25px; background: #f9c; } .product2_pic1 ul li:first-child>div:last-child div strong:nth-child(2):before{ background: #69c; } .product2_pic1 ul li:first-child>div:last-child div strong:nth-child(3):before{ background: #9c6; } .product2_pic1 ul li:first-child>div:last-child div strong:nth-child(4):before{ background: #c00 } .product2_pic2{ margin-top: 60px; } .product2_pic2 div{ } .product2_pic2 p{ text-align: center; padding-top: 24px; line-height: 30px; font-size: 16px; color: #666666; } .product2_pic3{} .product2_pic3 ul li{ float: left; position: relative; width: 240px; margin-right: 50px; } .product2_pic3 ul li:last-child{ margin-right: 0; } .product2_pic3 ul li>*{ display: block; } .product2_pic3 ul li span{ width: 240px; height: 240px; } .product2_pic3 ul li strong{ width: 240px; height: 45px; background: #84ccc9; text-align: center; line-height: 45px; color: #ffffff; font-weight: normal; } .product2_pic3 ul li:nth-child(2n) strong{ width: 240px; height: 45px; background: #88abda; } .product2_pic3 ul li em{ width: 240px; font-size: 16px; font-style: normal; padding: 20px; color: #666666; line-height: 24px; text-align: center; } .product2_pic4{ padding-top: 45px; } .product2_pic4 div:last-child{ text-align: center; font-size: 16px; color: #666666; line-height: 32px; padding-top: 45px; } .product2_pic5{ padding-top: 60px; } .product2_pic5 ul li{ width: 320px; height: 530px; margin-right: 40px; float: left; background: #ffffff; padding:35px 20px 30px 25px; } .product2_pic5 ul li:last-child{ margin-right: 0; } .product2_pic5 ul li div:nth-child(1){ width: 320px; height: 150px; display: table-cell; vertical-align: middle; text-align: center; } .product2_pic5 ul li div:nth-child(1) img{ max-height: 150px; } .product2_pic5 ul li div:nth-child(2){ height: 50px; line-height: 50px; font-size: 24px; color: #333333; margin-bottom: 15px; text-align: center; } .product2_pic5 ul li div:nth-child(2) strong{ font-weight: normal; } .product2_pic5 ul li div:nth-child(3) span{ display: block; position: relative; font-size: 14px; line-height: 22px; padding-left: 20px; margin-bottom: 8px; color: #666666; } .product2_pic5 ul li div:nth-child(3) span:before{ content: ''; background: #000; width: 6px; height: 6px; left: 0; top: 9px; position: absolute; border-radius: 50%; } .product2_pic6{ padding-top: 60px; } .product2_pic6>div:last-child{ text-align: center; font-size: 16px; color: #666666; line-height: 32px; margin-top: 40px; } .product2_pic6>div:last-child i{ color: #9c0; margin-right: 15px; } .product2_pic7{ padding-top: 60px; } .product2_pic7 ul li{ float: left; width: 320px; height: 500px; background: #ffffff; margin-right: 40px; padding: 40px 50px 0 50px; } .product2_pic7 ul li:last-child{ margin-right: 0; } .product2_pic7 ul li div strong{ display: block; height: 90px; line-height: 90px; font-size: 24px; text-align: center; font-weight: normal; color: #333333; } .product2_pic7 ul li div span{ font-size: 16px; color: #999; line-height: 24px; } .product2_pic8{} .product2_pic8>div{ float: left; } .product2_pic8>div:first-child{ width: 700px; height: 700px; } .product2_pic8>div:last-child{ width: 650px; height: 700px; margin-left: 50px; } .product2_pic8 ul li{ width: 650px; height: 100px; background: #f3f3f3; margin-bottom: 20px; position: relative; padding: 20px 65px 20px 85px; } .product2_pic8 ul li:last-child{ margin-bottom: 0; } .product2_pic8 ul li span{ display: block; width: 50px; height: 50px; background: #9c0; border-radius: 50%; font-weight: bold; font-size: 24px; line-height: 50px; text-align: center; position: absolute; left: -25px; top: 25px; color: #ffffff; } .product2_pic8 ul li strong{ font-weight: normal; color: #666666; font-size: 16px; line-height: 28px; } .product2_pic9{ } .product2_pic9 table tr td{ border-right: solid 2px #f3f3f3; border-bottom: solid 2px #f3f3f3; height: 55px; border-top: none!important; } .product2_pic9 table thead tr td{ height: 55px; background: #69c; text-align: center; vertical-align: middle; font-size: 20px; color: #ffffff; } .product2_pic9 table thead tr td:nth-child(1){ width: 170px; } .product2_pic9 table thead tr td:nth-child(2){ width: 340px; } .product2_pic9 table thead tr td:nth-child(3){ width: 340px; } .product2_pic9 table thead tr td:nth-child(4){ width: 371px; background: #9c0; } .product2_pic9 table thead tr td:nth-child(5){ background: #9c0; } .product2_pic9 table tr td:last-child{ border-right: none; } .product2_pic9 table tbody tr:last-child td{ border-bottom: none; } .product2_pic9 table tbody tr td{ height: 100px; vertical-align: middle; text-align: center; font-size: 16px; } .product2_pic9 table tbody tr:nth-child(2n) td:nth-child(-n+3){ background: #e9ecf4; } .product2_pic9 table tbody tr:nth-child(2n-1) td:nth-child(-n+3){ background: #d0d7e8; } .product2_pic9 table tbody tr:nth-child(2n) td:nth-child(n+4){ background: #ccff99; } .product2_pic9 table tbody tr:nth-child(2n-1) td:nth-child(n+4){ background: #a9d18e; } .product2_pic9 table tbody tr td:first-child{ font-size: 18px; } .product2_pic9 table tbody tr td:last-child{ font-size: 18px; font-weight: bold; color: #009900; } .product2_pic10{ padding-top: 60px; } .product2_pic10 ul li{ float: left; width: 335px; height: 250px; margin-right: 20px; margin-bottom: 20px; } .product2_pic10 ul li:nth-child(4n){ margin-right: 0; } .product2_pic10 ul li span{ display: block; width: 335px; height: 200px; } .product2_pic10 ul li span img{ height: 200px; } .product2_pic10 ul li strong{ display: block; width: 335px; height: 50px; color: #ffffff; text-align: center; line-height: 50px; background: #696; font-size: 16px; } .product2_pic10 ul li:nth-child(2) strong { background: #ff6666; } .product2_pic10 ul li:nth-child(3) strong { background: #dac05a; } .product2_pic10 ul li:nth-child(4) strong { background: #25e6dd; } .product2_pic10 ul li:nth-child(5) strong { background: #1077ad; } .product2_pic10 ul li:nth-child(6) strong { background: #339632; } .product2_pic10 ul li:nth-child(7) strong { background: #94220e; } .product2_pic10 ul li:nth-child(8) strong { background: #cc3366; } .product2_pic11{ padding-top: 60px; } .product2_pic11 div:last-child>*{ display: block; text-align: center; } .product2_pic11 div:last-child>strong{ padding-top: 30px; line-height: 40px; font-size: 18px; } .product2_pic11 div:last-child >span i{ font-size: 15px; color: #9c0; margin-right: 10px; } .product2_pic11 div:last-child>span em{ font-size: 16px; color: #666; font-style: normal; line-height: 30px; } .product2_pic12{ padding-top: 60px; } .product2_pic12 ul li{ float: left; width: 680px; height: 560px; margin-right: 40px; margin-bottom: 10px; } .product2_pic12 ul li:nth-child(2n){ margin-right: 0; } .product2_pic12 ul li span{ display: block; width: 680px; height: 510px; } .product2_pic12 ul li strong{ display: block; width: 680px; height: 50px; line-height: 50px; text-align: center; color: #333333; font-weight: normal; font-size: 18px; } .hide.active{ display: block!important; } .cstsnd_pic{ position: relative; margin-bottom: 60px; } .cstsnd_pic>div:not(:last-child){ position: absolute; height: 80px; width:290px; } .cstsnd_pic>div:not(:last-child)>*{ display: block; } .cstsnd_pic>div:not(:last-child)>strong{ font-size: 24px; color: #9c0; } .cstsnd_pic>div:not(:last-child)>span{ font-size: 16px; color: #999; } .cstsnd_pic>div:nth-child(1){ left: 40px; top: 100px; text-align: right; } .cstsnd_pic>div:nth-child(2){ right: 40px; top: 100px; text-align: left; } .cstsnd_pic>div:nth-child(3){ left: 5px; top: 300px; width: 200px; text-align: right; } .cstsnd_pic>div:nth-child(4){ right: -5px; top: 300px; width: 210px; text-align: left; } .cstsnd_pic>div:nth-child(5){ left: 50%; transform: translateX(-50%); bottom: -80px; width: 256px; text-align: center; } .cs4s_list{ padding-bottom: 60px; } .cs4s_list li{ float: left; width: 240px; height: 400px; margin-right: 80px; background: #99cc00; border-radius: 120px; padding: 5px 10px 5px 10px; } .cs4s_list li:last-child{ margin-right: 0; } .cs4s_list li *{ display: block; } .cs4s_list li strong{ width: 220px; height: 220px; background: #ffffff; border-radius: 50%; text-align: center; padding-top: 30px; } .cs4s_list li strong em{ font-size: 60px; font-style: normal; color: #99cc00; height: 80px; line-height: 80px; }.cs4s_list li strong b{ font-size: 48px; color: #333333; } .cs4s_list li span{ font-size: 18px; color: #ffffff; text-align: center; width: 200px; margin: 30px auto 0 auto; line-height: 28px; } .zps_list{} .zps_list ul li{ float: left; width: 600px; height: 360px; overflow: hidden; } .zps_list ul li.zps_txt{ } .zps_list ul li.zps_txt *{ display: block; } .zps_list ul li.zps_txt strong{ height: 250px; font-size: 24px; padding-top: 60px; text-align: center; color: #666; font-weight: normal; line-height: 50px; } .zps_list ul li.zps_txt a{ width: 150px; height: 50px; line-height: 48px; border: solid 1px #99cc00; font-size: 20px; color: #99cc00; margin: 0 auto; text-align: center; } .zps_list2{margin-top: 80px;padding-bottom: 60px;} .zps_list2 ul li{ float: left; width: 160px; height: 160px; margin-right:48px; border-radius: 50%; border: solid 1px #99cc00; text-align: center; padding-top: 25px; } .zps_list2 ul li *{ display: block; text-align: center; } .zps_list2 ul li:last-child{ margin-right: 0; } .zps_list2 ul li i{ font-size: 45px; color: #99cc00; height: 70px; } .zps_list2 ul li span{ font-size: 16px; color: #666666; } .cstsnd_pic>div:last-child{ height: 520px; position: relative; } .cstsnd_pic>div:last-child>*{ display: block; width: 236px; height: 264px; position: absolute; } .cstsnd_pic > div:last-child > :nth-child(1) { left: 359px; top: 0; } .cstsnd_pic > div:last-child > :nth-child(2) { left: 604px; top: 0; } .cstsnd_pic > div:last-child > :nth-child(3) { left: 236px; top: 205px; } .cstsnd_pic > div:last-child > :nth-child(4) { left: 482px; top: 205px; } .cstsnd_pic > div:last-child > :nth-child(5) { left: 728px; top: 205px; } .cstsnd_pic2{ margin-top: 80px; padding-bottom: 80px; } .cstsnd_pic2 ul li{ float: left; width: 320px; margin-right: 40px; height: 400px; background: #fff; } .cstsnd_pic2 ul li:last-child{ margin-right: 0; } .cstsnd_pic2 ul li:first-child{ color: #ffffff; font-size: 36px; background: #9c0; font-weight: bold; text-align: center; padding-top: 145px; } .cstsnd_pic2 ul li:not(:first-child){ padding-top: 40px; } .cstsnd_pic2 ul li:not(:first-child)>*{ display: block; text-align: center; } .cstsnd_pic2 ul li:not(:first-child)>span{ height: 150px; } .cstsnd_pic2 ul li:not(:first-child)>strong{ height: 65px; line-height: 65px; font-weight: bold; font-size: 24px; color: #333333; } .cstsnd_pic2 ul li:not(:first-child)>em{ color: #666666; font-size: 16px; line-height: 28px; font-style: normal; } .cstsnd_pic3{ margin-top: 30px; } .cstsnd_pic3 ul li{ float: left; width: 264px; height: 352px; margin-right: 20px; margin-bottom: 70px; position: relative; background: #ffffff; padding-top: 40px; } .cstsnd_pic3 ul li:nth-child(5n){ margin-right: 0; } .cstsnd_pic3 ul li>*{ display: block; } .cstsnd_pic3 ul li em{ width: 80px; height: 80px; font-size: 36px; font-style: normal; font-weight: bold; text-align: center; line-height: 80px; border-radius: 50%; color: #ffffff; background: #9c0; position: absolute; left: 50%; top: -40px; transform: translateX(-50%); } .cstsnd_pic3 ul li strong{ height: 90px; line-height: 90px; font-size: 20px; color: #9c0; text-align: center; } .cstsnd_pic3 ul li span{ line-height: 28px; font-size: 16px; color: #666; text-align: left; width: 210px; margin: 0 auto; } .cstsnd_picbg4{ background: url("../images/customer3/customerbg.jpg") no-repeat center top; height: 795px; padding-top: 1px; } .cstsnd_picbg4 .index_title1{color: #ffffff} .cstsnd_picbg4 .index_title1 span{color: #ffffff} .customer_3 .index_title1 span{margin-top: 0px;margin-bottom: 20px;} .cstsnd_pic4{ position: relative; height: 794px; } .cstsnd_pic4>div{ position: absolute; } .cstsnd_pic4>div *{ display: block; color: rgba(255,255,255,.95); } .cstsnd_pic4>div strong{ font-size: 24px; position: relative; } .cstsnd_pic4>div strong em{ font-size: 18px; font-style: normal; position: absolute; border-radius: 50%; width: 30px; height: 30px; border: solid 2px rgba(255,255,255,.95); text-align: center; line-height: 26px; } .cstsnd_pic4>div span{ text-align: right; font-size: 18px; padding-top: 10px; } .cstsnd_pic4>div:nth-child(1){ width: 360px; height:60px; left: 70px; top: 110px; } .cstsnd_pic4>div:nth-child(1) strong{ text-align: right; padding-right: 35px; } .cstsnd_pic4>div:nth-child(1) strong em{ right: 0; top: 5px; } .cstsnd_pic4>div:nth-child(1) span{ text-align: right; font-size: 18px; padding-top: 10px; } .cstsnd_pic4>div:nth-child(2){ width: 360px; height:60px; right: 70px; top: 110px; } .cstsnd_pic4>div:nth-child(2) strong{ text-align: left; padding-left: 35px; } .cstsnd_pic4>div:nth-child(2) strong em{ left: 0; top: 5px; } .cstsnd_pic4>div:nth-child(3){ width: 416px; height:60px; left: 50%; transform: translateX(-50%); top: 430px; } .cstsnd_pic4>div:nth-child(3) strong{ text-align: center; } .cstsnd_pic4>div:nth-child(3) strong em{ left: 51%; top: -35px; transform: translateX(-50%); } .cstsnd_pic5{ padding-bottom: 80px; } .cstsnd_pic5>div{ float: left; } .cstsnd_pic5>div:nth-child(1){ width: 800px; height: 550px; } .cstsnd_pic5>div:nth-child(1)>div{ float: left; } .cstsnd_pic5>div:nth-child(1)>div:nth-child(1){ width: 412px; height: 550px; margin-right: 50px; } .cstsnd_pic5>div:nth-child(1)>div:nth-child(2){ width: 142px; margin-right: 54px; } .cstsnd_pic5>div:nth-child(1)>div:nth-child(3){ width: 142px; } .cstsnd_pic5>div:nth-child(1)>div:nth-child(2) strong, .cstsnd_pic5>div:nth-child(1)>div:nth-child(3) strong{ font-weight: normal; text-align: center; display: block; height: 38px; line-height: 48px; color: #9c0; font-size: 16px; } .cstsnd_pic5>div:nth-child(1)>div:nth-child(4){ height: 342px; } .cstsnd_pic5>div:nth-child(2){ width: 600px; height: 550px; padding-left: 70px; } .cstsnd_pic5>div:nth-child(2) ul li{ border-bottom: solid 1px #e8e5e5; padding-top: 14px; padding-bottom: 15px; } .cstsnd_pic5>div:nth-child(2) ul li:first-child{ padding-top: 5px; } .cstsnd_pic5>div:nth-child(2) ul li:last-child{ border-bottom: none; } .cstsnd_pic5>div:nth-child(2) ul li *{ display: block; } .cstsnd_pic5>div:nth-child(2) ul li strong{ height: 30px; font-size: 24px; color: #9c0; margin-bottom: 6px; } .cstsnd_pic5>div:nth-child(2) ul li span{ position: relative; padding-left: 20px; font-size: 16px; line-height: 24px; margin-bottom: 5px; } .cstsnd_pic5>div:nth-child(2) ul li span:last-child{ margin-bottom: 0; } .cstsnd_pic5>div:nth-child(2) ul li span:before{ content: ''; width: 6px; height: 6px; transform: rotate(45deg); background: #9c0; position: absolute; left: 6px; top: 10px; } .zkpsxt_ys{ height: 800px; position: relative; } .zkpsxt_ys_nav{ height: 80px; } .zkpsxt_ys_nav>div{ width: 685px; height: 80px; float: left; background-image: linear-gradient(to bottom, rgba(51, 102, 0,1), rgba(102, 153, 0,1)); border-radius: 15px 15px 0 0; font-size: 30px; font-weight: bold; color: #ffffff; text-align: center; line-height: 80px; } .zkpsxt_ys_nav>div:last-child{ float: right; } .zkpsxt_ys_vs{ width: 500px; height: 500px; border-radius: 50%; border:solid 3px rgba(255,255,255,.7); background: rgba(243,243,243,.7); position: absolute; left: 50%; transform: translateX(-50%); top:200px; } .zkpsxt_ys_vs strong{ margin: 67px auto; display: block; font-size:120px; width: 360px; height: 360px; border-radius: 50%; color: #ffffff; text-align: center; line-height: 360px; background-image: radial-gradient(rgba(99,150,0,.6), rgba(53,103,0,1)); } .zkpsxt_ys ul li{ height: 80px; background: #f3f3f3; margin-top: 10px; padding: 0 45px; } .zkpsxt_ys ul li>div{ width: 50%; float: left; display: flex; height: 80px; align-items: center; } .zkpsxt_ys ul li>div:last-child{ text-align: right; justify-content:flex-end ; } /*浜у搧涓績*/ .goods_view{ padding-top: 60px; position: relative; min-height: 600px; } .goods_cate{ position: absolute; width: 100px; left:-105px; } .goods_cate ul li a{ display: block; width: 100px; text-align: center; color: #ffffff; } .goods_cate>ul>li{ width: 100px; margin-bottom: 10px; } .goods_cate>ul>li>a{ height: 80px; font-weight: bold; font-size: 18px; display: flex; justify-content: center; align-items: center; background: #99cc00; margin-bottom: 5px; } .goods_cate>ul>li ul li{ } .goods_cate>ul>li ul li a{ background: #CCCCCC; display: block; height: 60px; line-height: 60px; font-size: 16px; margin-bottom: 5px; } .goods_cate>ul>li ul li a:hover, .goods_cate>ul>li ul li.active a{ background: #999999; } .zksjx_list{ padding-top: 60px; } .zksjx_title{ height: 22px; line-height: 22px; border-left: solid 3px #99cc00; padding-left: 20px; font-size: 24px; } .zkbxl_list{padding-top: 60px;} .zkbxl_list ul{ display: flex; flex-wrap: wrap; } .zkbxl_list ul li{ width: 600px; display: flex; margin-bottom: 100px; } .zkbxl_list ul li div:first-child{ width: 290px; display: flex; align-items: center; justify-content: center; } .zkbxl_list ul li div:first-child img{ width: 290px; height: 290px; } .zkbxl_list.zkjjxl_list ul li div:first-child img{ width: 260px; height: 260px; } .zkbxl_list ul li div:nth-child(2){ } .zkbxl_list ul li div:nth-child(2)>*{ display: block; } .zkbxl_list ul li div:nth-child(2) strong{ font-size: 24px; color: #333333; height: 30px; padding-left: 15px; border-left: solid 2px #99cc00; line-height: 30px; } .zkbxl_list ul li div:nth-child(2) span{ font-size: 14px; color: #999999; white-space: nowrap; line-height: 28px; border-left: solid 2px #ededed; padding-left: 15px; padding-top: 15px; } .zkbxl_list.zkjjxl_list ul li:not(:last-child) div:nth-child(2) span{ min-height: 183px; } .zkjmf_list{ margin-bottom: 20px; } .zkjmf_list ul li{ float: left; width: 380px; margin-right: 30px; text-align: center; } .zkjmf_list ul li:last-child{ margin-right: 0; } .zkjmf_list ul li img{ width: 250px; height: 250px; } .zkjmf_list ul li strong{ display: inline-block; font-size: 24px; font-weight: normal; border-left: solid 2px #99cc00; padding-left: 16px; height: 30px; line-height: 30px; } .wswcl_list2{ padding-bottom: 60px; } .wswcl_list2 ul li{ float: left; width: 600px; height: 335px; overflow: hidden; } .wswcl_list2 ul li.wswcl_list_txt{ padding: 0 27px; display: flex; align-items: center; justify-content: center; } .wswcl_list2 ul li.wswcl_list_txt>*{ display: block; } .wswcl_list2 ul li.wswcl_list_txt span{ font-size: 18px; color: #666; line-height: 36px; text-align: center; } .xgzlzs_list ul li{ float: left; width: 360px; margin-right: 60px; height: 598px; } .xgzlzs_list ul li:nth-child(3n){ margin-right: 0; } .xgzlzs_list ul li *{ display: block; } .xgzlzs_list ul li strong{ height: 56px; line-height: 56px; font-weight: normal; text-align: center; font-size: 16px; } .zhyyxt_nav{ width: 628px; height: 160px; } .zhyyxt_nav ul li{ width: 160px; height: 160px; margin-right: 74px; float: left; position: relative; cursor: pointer; } .zhyyxt_nav ul li:last-child{ margin-right: 0; } .zhyyxt_nav ul li *{ display: block; } .zhyyxt_nav ul li strong { width: 160px; height: 160px; border-radius: 50%; border: solid 5px #CCCCCC; font-size: 48px; font-weight: normal; color: #CCCCCC; text-align: center; line-height: 150px; } .zhyyxt_nav ul li.active strong { border: solid 5px #99cc00; color: #99cc00; } .zhyyxt_nav ul li span{ display: block; position: absolute; width: 32px; height: 32px; background: #f3f3f3; right: 5px; bottom: 20px; border-radius: 50%; } .zhyyxt_box { position: relative; height: 590px; margin-top: 80px; } .zhyyxt_list { width: 1200px; position: absolute; opacity: 0; z-index: 1; height: 530px; display: flex; } .zhyyxt_list.active { opacity: 1; transition: all 0.5s ease 0s; z-index: 99; } .zhyyxt_list div:nth-child(1){ width: 600px; height: 530px; } .zhyyxt_list div:nth-child(2){ width: 600px; height: 530px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding-left: 65px; } .zhyyxt_list div:nth-child(2) em{ font-style: normal; } .zhyyxt_list div:nth-child(2) em *{ display: block; font-size: 16px; color: #666666; line-height: 38px; } .zhyyxt_list div:nth-child(2) em strong{ font-size: 24px; color: #333333; line-height: 80px; } .csgyq_list { } .csgyq_list ul li { float: left; width: 256px; height: 487px; margin-right: 58px; border: solid 1px #e6e6e6; } .csgyq_list ul li:last-child { margin-right: 0; } .csgyq_list ul li > * { display: block; } .csgyq_list ul li > strong { text-align: center; } .csgyq_list ul li > span { font-size: 16px; color: #999999; padding: 25px 19px 19px; line-height: 32px; } .csgyq_list ul li > em{ font-style: normal; padding: 0 19px 19px; } .csgyq_list ul li > em b{ display: inline-block; width: 83px; height: 30px; color: #999; border: solid 1px #CCCCCC; border-radius: 15px; text-align: center; line-height: 28px; font-weight: normal; margin-right: 10px; } .hjcgq_list { padding-bottom: 60px; } .hjcgq_list li { float: left; width: 341px; height: 526px; padding-top: 4px; margin-right: 88px; } .hjcgq_list li:nth-child(1) { background: #1ddd9a; } .hjcgq_list li:nth-child(2) { background: #4472c4; } .hjcgq_list li:nth-child(3) { background: #2babe6; margin-right: 0; } .hjcgq_list li >*{ display: block; text-align: center; color: #ffffff; } .hjcgq_list li strong{ height: 80px; line-height: 80px; font-size: 24px; } .hjcgq_list li em{ padding: 0 38px; font-size: 16px; line-height: 28px; text-align: left; font-style: normal; } .cstsdxl_pic{ } .cstsdxl_pic div:nth-child(1){ text-align: center; } .cstsdxl_pic div:nth-child(2) { text-align: center; font-size: 16px; color: #666666; padding-top: 25px; line-height: 32px; } .csyddp_pic{ padding-bottom: 40px; } .csyddp_pic div:nth-child(1){ text-align: center; } .csyddp_pic div:nth-child(2) { font-size: 16px; color: #666666; padding-top: 25px; line-height: 32px; } .csyddp_pic div:nth-child(2) ul li{ font-size: 16px; color: #666666; position: relative; height: 60px; padding-left: 40px; } .csyddp_pic div:nth-child(2) ul li:before{ content: '鈼?; font-size: 36px; position: absolute; left: 0; top: 0; color: #CCCCCC; } .wspj_list1{ background: url("../images/product4/12.png") no-repeat left center; padding-left: 440px; height: 276px; } .wspj_list1 div{ display: flex; align-items: center; justify-content: center; height: 276px; font-size: 16px; color: #666666; line-height: 38px; text-align: center; } .wspj_list2{ background: url("../images/product4/13.png") no-repeat right center; padding-right: 530px; height: 290px; } .wspj_list2 ul li{ padding-left: 75px; } .wspj_list2 ul li:nth-child(1){ background: url("../images/product4/wshj.jpg") no-repeat left top; background-size: 45px 45px; height: 90px; margin-bottom: 40px; } .wspj_list2 ul li:nth-child(2){ background: url("../images/product4/tzyy.jpg") no-repeat left top; background-size: 45px 45px; } .wspj_list2 ul li *{ display: block; } .wspj_list2 ul li strong{ font-size: 24px; color: #333333; line-height: 40px; height: 50px; } .wspj_list2 ul li span{ font-size: 16px; color: #999; line-height: 32px; } .wspj_list2 ul li em{ font-size: 16px; color: #999; line-height: 32px; position: relative; font-style: normal; padding-left: 24px; } .wspj_list2 ul li em:before{ content: '鈼?; font-size: 24px; position: absolute; left: 0; top: 0; } .znkqhxt_list{ height: 600px; background: url("../images/product4/14.png") no-repeat left top; padding-left: 760px; padding-bottom: 60px; } .znkqhxt_list>div{ display: flex; align-items: center; justify-content: center; height: 580px; } .znkqhxt_list>div>div *{ display: block; } .znkqhxt_list>div>div strong{ font-size: 24px; color: #333333; height: 70px; line-height: 70px; } .znkqhxt_list>div>div em{ font-style: normal; position: relative; padding-left: 30px; font-size: 16px; color: #666666; line-height: 32px; margin-bottom: 20px; } .znkqhxt_list>div>div em:before{ content: '鈼?; font-size: 30px; position: absolute; left: 0; top: 0; color: #CCCCCC; line-height: 30px; } .znkqhxt_list>div>div em:last-child{ margin-bottom: 0; } .znwwcp_list{ padding-bottom: 60px; } .znwwcp_list div:nth-child(1){ text-align: center; } .znwwcp_list div:nth-child(2){ text-align: center; } .znwwcp_list div:nth-child(2) img{ max-width:1084px; } .hcyl_list{ padding-bottom: 60px; } .hcyljccp_list{display: flex;padding-top: 66px;} .hcyljccp_list .hcyljccp_list2{ flex: 1; } .hcyljccp_list .hcyljccp_list1{ position: relative; width: 275px; } .hcyljccp_list .hcyljccp_list1 div{ position: relative; padding-left: 26px; margin-bottom: 50px; } .hcyljccp_list .hcyljccp_list1 div>*{ display: block; } .hcyljccp_list .hcyljccp_list1 div strong{ font-size: 24px; color: #333333; line-height: 48px; } .hcyljccp_list .hcyljccp_list1 div span{ font-size: 16px; color: #999; line-height: 24px; } .hcyljccp_list .hcyljccp_list1 div:before{ content: '鈼?; font-size: 36px; position: absolute; left: 0; top: 10px; color: #333; line-height: 30px; } .hcyljccp_list2 ul{ display: flex; } .hcyljccp_list2 ul li{ margin-left: 65px; text-align: center; } .hcyljccp_list2 ul li>*{ display: block; } .hcyljccp_list2 ul li>span{ height: 250px; display: flex; align-items: center; } .hcyljccp_list2 ul li>strong{ font-weight: normal; line-height: 60px; } .hcyljccp_list2 ul li:last-child{ margin-right: 0; } .hcyljccp_list2 ul li:nth-child(1){ width: 180px; }.hcyljccp_list2 ul li:nth-child(2){ width: 150px; }.hcyljccp_list2 ul li:nth-child(3){ width: 180px; }.hcyljccp_list2 ul li:nth-child(4){ width: 150px; } .sdnhjc_list{ width: 550px; margin: 0 auto; } .sdnhjc_list ul li{ position: relative; line-height: 48px; text-align: left; padding-left: 35px; font-size: 16px; color: #666666; } .sdnhjc_list ul li:before{ content: '鈼?; font-size: 36px; position: absolute; left: 0; top: 8px; color: #999; line-height: 30px; } .ytsznzjh_list{ /*padding-bottom: 20px;*/ } .ytsznzjh_list ul li{ float: left; width: 400px; height: 711px; } .ytsznzjh_list ul li:nth-child(2){ text-align: center; display: flex; align-items: center; justify-content: center; } .ytsznzjh_list ul li:nth-child(2) img{ max-width: 290px; } .ytsznzjh_txt>div{ width: 300px; position: relative; padding-left: 30px; text-align: left; } .ytsznzjh_txt>div>*{ display: block; } .ytsznzjh_txt>div> strong{ font-size: 24px; color: #333333; line-height: 48px; position: relative; margin-bottom: 20px; } .ytsznzjh_txt>div:before{ content: '鈼?; font-size: 36px; position: absolute; left: 0; top: 8px; color: #333333; line-height: 30px; } .ytsznzjh_txt>div>em{ width: 150px; height: 36px; border: solid 1px #99cc00; line-height: 34px; font-size: 18px; color: #666666; border-radius: 18px; text-align: center; font-style: normal; margin-bottom: 20px; } .ytsznzjh_txt>div>b{ text-align: center; width: 150px; line-height: 5px; margin-bottom: 20px; } .ytsznzjh_txt>div>span{ font-size: 16px; line-height: 24px; color: #999999; } .sdnjcxt_list{} .sdnjcxt_list div:nth-child(2){ text-align: center; padding: 55px 0; } .sdnjcxt_list div:nth-child(2) img{ max-width: 527px; } .znwgxlcp_list{ position: relative; } .znwgxlcp_list ul{ display: block; } .znwgxlcp_list ul:before{ content: ''; position: absolute; width: 1px; background: #99cc00; left: 50%; transform: translateX(-50%); height: 120px; } .znwgxlcp_list ul li{ float: left; width: 50%; text-align: left; line-height: 24px; margin-bottom: 24px; } .znwgxlcp_list ul li:nth-child(1){ background: url("../images/product4/bgx1.png") no-repeat left center; padding-left: 44px; } .znwgxlcp_list ul li:nth-child(2){ background: url("../images/product4/bgx2.png") no-repeat 144px center; padding-left: 187px; } .znwgxlcp_list ul li:nth-child(3){ background: url("../images/product4/bgx3.png") no-repeat left center; padding-left: 44px; } .znwgxlcp_list ul li:nth-child(4){ background: url("../images/product4/bgx4.png") no-repeat 144px center; padding-left: 187px; }