锘緻charset "utf-8"; @font-face { font-family: 'lsfont'; /* project id 752944 */ src: url('//at.alicdn.com/t/font_752944_hmu5c3kc9u.eot'); src: url('//at.alicdn.com/t/font_752944_hmu5c3kc9u.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_752944_hmu5c3kc9u.woff') format('woff'), url('//at.alicdn.com/t/font_752944_hmu5c3kc9u.ttf') format('truetype'), url('//at.alicdn.com/t/font_752944_hmu5c3kc9u.svg#lsfont') format('svg'); } video:focus {outline: none;} .iconfont{font-family:"lsfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;} /* CSS Document */ body{ font-family: 'PingFang SC','Helvetica Neue',Helvetica,'Hiragino Sans GB',STHeitiSC-Light,'Microsoft YaHei',Arial,sans-serif; font-size:12px;font-weight:normal;color:#666;margin:0px;padding:0px; background:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0); } p,form,h1,h2,h3,h4,h5,h6,input,dl,dd,table,td,input,ul,li{margin:0px;padding:0px;} h1,h2,h3,h4,h5,h6{ font-weight:normal} ul,ol{margin:0px;padding:0px;list-style-type:none;} img{border:none; -webkit-user-select: none; /* Chrome all / Safari all */-moz-user-select: none; /* Firefox all */-ms-user-select: none; /* IE 10+ /* No support for these yet, use at own risk */-o-user-select: none;user-select: none;} li{ list-style:none} a{color:#666;text-decoration:none;-webkit-transition:all ease-in-out 200ms;transition:all ease-in-out 200ms;} a:link{text-decoration:none;outline: none;/* 鎸囨甯哥殑鏈璁块棶杩囩殑閾炬帴*/} a:visited{text-decoration:none;outline: none;/*鎸囧凡缁忚闂繃鐨勯摼鎺?/} a:hover{text-decoration:none;outline: none;/*鎸囬紶鏍囧湪閾炬帴*/} a:active{text-decoration:none;outline: none;/* 鎸囨鍦ㄧ偣鐨勯摼鎺?/} .clear{clear:both;} input,button,textarea{outline: none;border:none;font-family:"寰蒋闆呴粦";} :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #333;} ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #333;} input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {color: #333;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder{color: #333;} .contain{width: 1100px;margin: 0 auto;} .content{width: 1200px;margin: 0 auto;} /* 棣栭〉 */ .top{height: 35px;width: 100%;background-color: rgba(34,34,34,0.08);} .top span{color: #666;font-size: 12px;line-height: 35px;} .top span b{color:#ff0000; font-size:14px;} .top_main{margin:0 30px;} .top_main a{color: #fff;font-size: 12px;line-height: 30px;display: inline-block;padding:0 15px;} .top_main a.bor{background: url(../images/bor_white.png) no-repeat center right;} .top_main a.red{background-color: #e70012;} .wx_code{margin-top:15px;text-align: center;float: left;padding-left:10px;} .wx_code p{line-height:30px; color:#fff;} header{height: 100px;width: 1200px;margin:0 auto;} /* logo */ .logo{background: url(../images/logo.png) no-repeat center;width:460px;height: 100px;float: left;} .logo a{display: block;height: 100px;} /* nav */ .nav{float: right;} .nav li{float: left;margin:0 16px;} .nav li:last-child{margin-right: 0;} .nav ul li>a{color: #333;font-size: 16px;display: block;padding:35px 0 33px;border-bottom: 2px solid transparent} .nav ul li.active>a,.nav ul li:hover>a{color: #009b63;border-bottom: 2px solid #009b63;} /* 鎵嬫満瀵艰埅*/ .ph_header{height: 60px;width: 100%;background-color: #fff;display: none;} .ph_header .menu{display: block;width: 28px;height: 18px;padding: 11px;position: absolute;top: 10px;left: 10px;} .ph_header .menu:before,.ph_header .menu:after{content: '';display: block;background: #009e62;height: 2px;} .ph_header .menu span{background: #009e62;display: block;height: 2px;margin: 6px 0;} .ph_language{position: absolute;right: 0;padding:10px;top: 0;} .ph_language a{display: inline-block;margin-left:5px;font-size: 12px;color: #3ab488;line-height: 30px; } .ph_language a:hover,.ph_language a.active{color: #3ab488} /* logo */ .ph_logo{position: absolute;top: 10px;left: 50%;margin-left: -80px;} .ph_logo img{height: 40px;} nav:not(.mm-menu){display: none;} /* nav */ .mm-panel, .mm-panels,.mm-navbar{background-color: #fff;} .submenu{width: 100%;position: absolute;padding: 35px 0;background: rgba(255,255,255,0.95);display: none;left: 0;z-index: 2;border-top: 1px solid #e7e7e7;} .submenu_main{width: 955px;margin: 0 auto;} .case_l{float: left;width:255px;padding-right: 60px;background: url(../images/bor2.png) no-repeat center right;margin-right: 55px;} .case_l p{font-size: 13px;color: #666;line-height: 24px;padding-top: 10px;} .case_r{float: left;width: 585px;} .case_nav{float: left;width: 150px;padding-right: 45px;} .case_nav a{display: block; padding: 0 0 0 10px;font-size: 14px;color: #666;margin-bottom: 5px;background: url(../images/yuan.png) no-repeat center left;} .case_nav a:hover{color: #009b63} .submenu_pro{text-align:right;margin: 0 60px; margin-right: 380px;} .submenu_pro a{color: #444;font-size: 14px;display: inline-block;padding:0 50px 0 15px; background: url(../images/yuan.png) no-repeat center left;} a.search{float: right; cursor:pointer; width: 40px;height: 40px;position: relative; padding: 0;margin-top: 28px;text-align: center;margin-left: 30px;line-height: 40px; color:#333;} a.search:hover{background-color:#009b63; color:#fff;} a.search .iconfont{font-size:26px;} /* 杞挱 */ .slide_banner,.ban,.ban img{width: 100%;} .slide_banner .swiper-slide,.slide_banner .swiper-slide img{width: 100%;} .slide_banner .banner_pagination{bottom:20px;text-align:center;position: absolute;z-index:1;} .slide_banner .swiper-pagination-bullet{opacity:1;border-radius:5px;} .slide_banner .swiper-pagination-bullet-active{width:30px;} .caseph_slide{width: 100%;display: none} .caseph_slide .swiper-slide,.caseph_slide .swiper-slide img{width: 100%;} .caseph_slide .banner_pagination{bottom:20px;text-align:center;position: absolute;z-index:1;} .caseph_slide .swiper-pagination-bullet{border-radius:5px;} .caseph_slide .swiper-pagination-bullet-active{width:30px;background-color: #3ab488;} .home_about {background-color: #f7f7f7;padding: 50px 0;text-align: center;} .home_about span{font-size: 14px;color: #65828f;padding: 5px 20px;border:1px solid #869ea9;text-align: center;border-radius: 5px } .home_about .content{width:100%;} .menu_title{max-width: 1120px;text-align: center;padding: 60px 0 40px;margin: 0 auto;} .menu_title h1{font-size: 36px;color: #333;} .menu_title p{font-size: 16px;color: #666;line-height: 28px;margin-top: 20px;} .about_list{width: 100%;margin: 0 auto;} .about_list ul{overflow: hidden;zoom: 1;} .about_list li{width: 20%;float: left;text-align: center;box-sizing: border-box;transition: all ease-in-out 300ms;position: relative; height:420px;} .about_list li a{display:block;padding: 60px 0;margin-top: 20px;transition: all ease-in-out 300ms; height:260px;} .about_list li h1{font-size: 24px;color: #fff;padding-top: 25px;} .about_list li p{color:#fff; font-size:16px; line-height:26px; padding:15px 30px 0; opacity:0;transition: all ease-in-out 300ms;} .about_list li i{width: 50px;height: 2px;background: #fff;display: block;opacity: 1; margin:30px auto 0;} .about_list li.icon1 a{background-color:#009b62;} .about_list li.icon2 a{background-color:#32d499;} .about_list li.icon3 a{background-color:#35a4d2;} .about_list li.icon4 a{background-color:#446760;} .about_list li.icon5 a{background-color:#96be41;} .about_list li:hover a{transition: all ease-in-out 300ms;margin-top: -20px; padding-bottom:120px;} .about_list li:hover p{opacity:1;transition: all ease-in-out 300ms;} .content.i_w100{width:100%;} .slide_bg{width: 50%;height: 500px;background-size: cover;background-repeat: no-repeat;float: left;background-position: center center;} .slide_txt{background-color: #3ab487;width: 50%;float: left;height: 500px;position: relative;text-align: center;} .slide_text{max-width: 500px;margin: 0 auto;text-align: center;color: #fff;position: absolute;width: 100%;left:50%;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);margin-left: -250px;} .slide_text h1{font-size: 16px;} .slide_text h2{font-size: 44px;padding:15px 0 30px;background: url(../images/bor1.png) no-repeat center bottom;margin-bottom: 40px;} .slide_text p{font-size: 18px;line-height: 36px;} .slide_text h3{font-size: 18px;line-height: 30px;margin: 40px 0;} .slide_text a{display: block;background-color:#fff;width: 125px;line-height: 30px;font-size: 14px;color: #3ab487;text-align: center;margin: 0 auto;} .slide_text a:hover{background-color:#066743; color:#fff;} .pro_slide .swiper-button-next,.pro_slide .swiper-button-prev{width:40px;height: 40px;margin-top: -35px;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;} .pro_slide .swiper-button-next{background: url(../images/right.png) no-repeat;right: 40px;background-size: contain;} .pro_slide .swiper-button-prev{background: url(../images/left.png) no-repeat;left: 40px;background-size: contain;} .pro_slide .swiper-button-next:hover{width:50px;height: 50px;margin-top: -40px;right: 35px;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;} .pro_slide .swiper-button-prev:hover{width:50px;height: 50px;margin-top: -40px;left: 35px;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;} .home_case{padding-bottom: 50px;background-color: #f7f7f7;} .home_item{padding-bottom: 70px;} .home_item ul{margin:0 auto;} .home_item li{width:calc((100% - 60px)/3); margin:0 5px;} .case_main{position: relative;width: 1315px;margin: 0 auto;overflow: hidden;zoom: 1;} .case_main .swiper_next,.case_main .swiper_prev{width: 27px;height: 50px;position: absolute;top: 50%;margin-top: -25px;cursor: pointer;} .case_main .swiper_next{background: url(../images/next.png) no-repeat center;right: 0;} .case_main .swiper_prev{background: url(../images/prev.png) no-repeat center;left: 0;} .case_slide{width: 1200px;margin: 0 auto;padding-bottom: 40px;} .case_slide .swiper-pagination-bullet{opacity: 1;background-color: #cccccc;width: 12px;height: 12px;border-radius: 12px;} .case_slide .swiper-pagination-bullet-active{background-color: #999999;width: 30px;} .case_slide .swiper-slide h1{margin: 40px 30px;padding: 13px 0 0;font-size: 24px;color: #fff;background: url(../images/bor1.png) no-repeat top left;} .case_slide a{display: block;} .case_slide a h1{-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;} .case_slide a:hover h1{font-size:30px;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;} .case1{width: 30%;margin-right: 0.1%;float: left;height: 675px;background-size: cover;background-repeat: no-repeat;} .case2{width: 69.9%;float: left;margin-bottom: 1px;height: 337px;background-size: cover;background-repeat: no-repeat;} .case3{width: 34.9%;float: left;margin-right: 0.1%;height: 337px;background-size: cover;background-repeat: no-repeat;} .case4{width: 34.9%;float: left;height: 337px;background-size: cover;background-repeat: no-repeat;} .case5{width: 33.23%;float: left;height: 337px;background-size: cover;background-repeat: no-repeat;margin-right: 0.1%;margin-bottom: 1px;} .case6{width: 66.5%;float: left;height: 337px;background-size: cover;background-repeat: no-repeat;margin-right: 0.1%;margin-bottom: 1px;} .case7{width: 33.33%;float: left;height: 337px;background-size: cover;background-repeat: no-repeat;margin-bottom: 1px;} .home_case ul{margin:0 auto;} .home_case li{width:calc((100% / 4) - 10px);margin:15px 5px;float:left;} .home_case>.content>a{display:block;width:150px;height:35px;line-height:35px;text-align:center;font-size:14px;color:#009b63;border:1px solid #009b63;margin:20px auto;} .home_case>.content>a:hover{background:#009b63;color:#fff;} .recommend_img{width:100%;overflow: hidden;} .home_case li p{font-size: 16px;color: #009b63; text-align: center;padding: 10px;background-color: #f5f5f5;transition: all .4s cubic-bezier(.4,0,.2,1);} .home_case li:hover p {color: #fff;background-color: #009b63;transition: all .4s cubic-bezier(.4,0,.2,1);} .recommend_img img{width:100%;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 0.5s ease .0s;-moz-transition: all 0.5s ease .0s;-ms-transition: all 0.5s ease .0s;transition: all 0.5s ease .0s;} .home_case li:hover .recommend_img img{-webkit-transform: scale(1.10);-moz-transform: scale(1.10);-ms-transform: scale(1.10);transform: scale(1.10);} .home_news{padding-bottom: 70px;} .home_news ul{overflow: hidden;zoom: 1; margin:0 auto;} .home_news li{width:calc((100% / 3) - 10px);margin:15px 5px;float: left;background-color: #ebebeb;} .home_news li a{ display:block; color:#333;} .home_news li a:hover{color: #009b63; text-decoration:underline;} .home_news li img{width:100%; height:100%;} .home_news li.none{margin-right: 0} .home_news li h1{font-size: 16px;color: #333;margin: 25px 0 0;overflow:hidden;padding: 0 20px; line-height:26px;} .home_news li p{font-size: 14px;color: #666;line-height: 24px;overflow:hidden;padding: 0 20px 15px;} .home_news>.content>a{display:block;width:150px;height:35px;line-height:35px;text-align:center;font-size:14px;color:#333;border:1px solid #333;margin:50px auto 20px;} .home_news>.content>a:hover{background:#009b63;color:#fff;border:1px solid #009b63;} /* foot */ .foot{background-color: #3e4540;padding: 45px 0;overflow: hidden;zoom: 1;} .foot>.content>ul{float: left;width: 130px;margin-right: 50px;} .foot>.content>ul h1{color:#c9c9c9;padding-bottom: 10px;border-bottom: 1px solid rgba(255,255,255,0.1);margin-bottom: 20px;font-size: 15px;} .foot>.content>ul li{margin-bottom: 13px;} .foot>.content>ul li a{font-size: 13px;color: #a4a4a4;} .foot>.content>ul li a:hover{color: #c9c9c9;} .foot>.content>ul.case_ul{width: 480px;overflow: hidden;zoom: 1;} .foot>.content>ul.case_ul li{float: left;width:123px;margin-right:36px; } .foot .wx{text-align: center;clear: both;padding-top: 15px;} .foot_share{float: right;} .foot_copy{background-color: #343b36;width: 100%;font-size: 13px;color: #a4a4a4;padding: 12px 0; } .foot_copy p span{float:right;} .foot_copy p span span{padding: 2px 0 0 5px;} .foot_copy p a{color: #a4a4a4;} .foot_copy p a:hover{color:#c9c9c9;} .about_nav{border-bottom: 1px solid #dddddd;overflow: hidden;zoom: 1;} .about_nav a{display: block;float: left;width: 275px;line-height: 50px;text-align: center;font-size: 16px;color: #666;border-right: 1px solid #dddddd;box-sizing: border-box;} .about_nav a:first-child{border-left: 1px solid #dddddd;} .about_nav a:hover,.about_nav a.active{color: #fff;background-color: #3ab488;} .about{font-size: 14px;color: #666;line-height: 24px;padding: 0 50px 60px; } .about h1{font-size: 18px;color: #009b63;padding: 25px 0 15px;} .about ul{overflow: hidden;zoom: 1;border-bottom: 1px solid #dddddd;padding: 30px 0;border-top: 1px solid #dddddd;margin: 25px 0 0} .about li{width: 190px;float: left;text-align: center;padding: 0 15px;} .about li h1{font-size: 18px;color: #009b63;margin: 30px 0 20px;padding: 0} .about li p{font-size: 14px;color: #666;} .structure{background-color: #f7f7f7;width: 100%;padding-bottom: 80px;} .structure_contain{width: 1020px;background-color: #fff;padding: 30px 40px;margin: 0 auto;} .structure_main{position: relative;} .structure_main .swiper-button-next,.structure_main .swiper-button-prev{width:38px;height: 38px;margin-top: -19px; } .structure_main .swiper-button-next{background: url(../images/ar.png) no-repeat center;right: 30px;} .structure_main .swiper-button-prev{background: url(../images/al.png) no-repeat center;left: 30px;} .structure_con{overflow: hidden;zoom: 1;} .structure_img{width: 42%;float: left;} .structure_img img{width: 100%;} .structure_txt{width: 55%;float: left;padding-left: 3%;} .structure_txt h1{font-size: 22px;color: #009b63;margin: 20px 0 25px;} .structure_txt p{font-size: 16px;color: #333;line-height: 32px;} .structure_txt p span{font-size: 14px;color: #666;} .honnor ul{overflow: hidden;zoom: 1;padding: 0 50px;} .honnor ul li{width: 210px;float: left;margin-right: 20px;margin-bottom: 25px;background-color: #f2f2f2;padding: 25px 25px 0;} .honnor_img{width: 122px;height:168px;overflow: hidden;margin: 0 auto;} .honnor_img img{width: 100%;} .honnor ul li.none{margin-right: 0;} .honnor ul li h1{font-size: 12px;color: #666;margin: 20px 0;text-align: center;line-height: 24px;} .download{display: block;height: 47px;border:1px solid #dddddd;margin:15px 0 60px;background: url(../images/download.png) no-repeat center; } .brand{width: 100%;background-color: #f7f7f7;} .brand_main{width: 1100px;margin: 0 auto;font-size: 14px;color: #666;line-height: 26px;} .brand_main h1{font-size: 18px;color: #009b63;margin: 30px 0;} .brand_main img{max-width: 100%;} .brand_main h2{font-size: 16px;color: #000} .brand_main h2 span{color: #009b63} .news_nav{border-bottom: 1px solid #dddddd;overflow: hidden;zoom: 1;} .news_nav ul{width: 1100px;margin: 0 auto;} .news_nav ul li{width: 50%;text-align: center;font-size: 16px;color: #666;line-height: 50px;float: left;} .news_nav ul li a{font-size: 16px;color: #666;display: block;border-left: 1px solid #dddddd;} .news_nav ul li:last-child a { border-right: 1px solid #dddddd; } .news_nav ul li:hover a,.news_nav ul li.active a{color: #fff;background-color: #3ab488;} .news{width: 100%;background-color: #f7f7f7;padding-bottom: 100px;} .news ul{width: 1100px;margin: 0 auto;overflow: hidden;zoom: 1;} .news ul li{width: 340px;border:1px solid #dddddd;box-sizing:border-box;margin-right: 35px;margin-bottom: 42px;float: left;} .news ul li.none{margin-right: 0;} .news ul li:hover{border:1px solid #c7c7c7;} .news ul li .news_pic{overflow: hidden;} .news ul li .news_pic img{width: 100%;} .news ul li h1{font-size: 16px;color: #01754b;height:40px;overflow:hidden;} .news ul li p{font-size: 14px;color: #666;line-height: 24px;height: 70px;overflow:hidden;margin:10px 0 25px} .news ul li time{display: block;border-top: 1px solid #dddddd;padding: 15px 25px;} .news ul li time span{display: block;font-size: 14px;color: rgba(102,102,102,0.9);background: url(../images/jt.png) no-repeat center right 5px;-webkit-transition: all 0.2s ease .0s;-moz-transition: all 0.2s ease .0s;-ms-transition: all 0.2s ease .0s;transition: all 0.2s ease .0s;} .news ul li:hover time{background-color: #dadada;-webkit-transition: all 0.2s ease .0s;-moz-transition: all 0.2s ease .0s;-ms-transition: all 0.2s ease .0s;transition: all 0.2s ease .0s;} .news ul li:hover time span{background: url(../images/jt.png) no-repeat center right;-webkit-transition: all 0.2s ease .0s;-moz-transition: all 0.2s ease .0s;-ms-transition: all 0.2s ease .0s;transition: all 0.2s ease .0s;} .news_txt{padding: 25px 25px 0;} .big {overflow: hidden;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 0.5s ease .0s;-moz-transition: all 0.5s ease .0s;-ms-transition: all 0.5s ease .0s;transition: all 0.5s ease .0s;} .big:hover{-webkit-transform: scale(1.10);-moz-transform: scale(1.10);-ms-transform: scale(1.10);transform: scale(1.10);} .news_detail{border:1px solid #dddddd;background-color: #fff;padding: 42px 50px;width: 1000px;margin: 0 auto;font-size: 14px;color: #666;line-height: 24px;} .news_detail img{max-width: 100%;height: auto!important;} .detail_title{overflow: hidden;zoom: 1;padding-bottom: 20px;border-bottom: 1px solid #dddddd;margin-bottom: 30px;} .detail_title h1{float: left;font-size: 20px;color: #333;line-height: 30px;} .detail_title time{float: right;font-size: 14px;color: rgba(102,102,102,0.9);line-height: 30px;} .news_detail iframe{width:600px; height:400px; margin:0 auto;display: flex;} .page_button{overflow: hidden;zoom: 1;padding:60px 0 ;} /* .page_prev{float: left;} .page_next{float: right;} .page_next,.page_prev{display: block;width: 115px;line-height: 45px;text-align: center;font-size: 16px;color: #666;border:1px solid #c5c5c5;} .page_next:hover,.page_prev:hover,.page_next.active,.page_prev.active{background-color: #3ab488;color: #fff;} */ .pro_nav{border-bottom: 1px solid #dddddd;overflow: hidden;zoom: 1;} .pro_nav a{display: block;float: left;width: 370px;line-height: 50px;text-align: center;font-size: 16px;color: #666;border-right: 1px solid #dddddd;box-sizing: border-box;} .pro_nav a:first-child{border-left: 1px solid #dddddd;} .pro_nav a:hover,.pro_nav a.active{color: #fff;background-color: #3ab488;} .bg{background-color: #f7f7f7;width: 100%;padding-bottom: 100px;} .pro_profile{width: 1100px;margin: 0 auto;font-size: 14px;color: #666;line-height: 24px;padding-bottom: 50px;} .pro_profile h1{font-size: 18px;color: #009b63;} .main_pro{width: 1100px;margin: 0 auto;background-color: #fff;padding-bottom: 40px;} .main_pro ul{overflow: hidden;zoom: 1;padding: 0 15px;} .main_pro li{width: 326px;float: left;margin: 0 15px;} .pro_img{width: 100%;} .pro_img img{width: 100%;} .pro_txt{padding: 20px;border:1px solid #d4d4d4;} .pro_txt h1{font-size: 16px;color: #009b63;} .pro_txt p{font-size: 14px;color: #666;height: 45px;margin: 15px 0 25px;line-height: 24px;overflow: hidden;} .pro_txt a{display: block;width: 120px;line-height: 30px;border:1px solid #d3d3d3;-webkit-transition: all 0.2s ease .0s;-moz-transition: all 0.2s ease .0s;-ms-transition: all 0.2s ease .0s;transition: all 0.2s ease .0s;} .pro_txt a:hover{background-color: #d3d3d3;-webkit-transition: all 0.2s ease .0s;-moz-transition: all 0.2s ease .0s;-ms-transition: all 0.2s ease .0s;transition: all 0.2s ease .0s;} .pro_txt a span{display: block;margin: 0 18px;background: url(../images/jt1.png) no-repeat center right 8px; padding-right: 20px;font-size: 13px;-webkit-transition: all 0.2s ease .0s;-moz-transition: all 0.2s ease .0s;-ms-transition: all 0.2s ease .0s;transition: all 0.2s ease .0s;} .pro_txt a:hover span{margin:0 20px;background: url(../images/jt1.png) no-repeat center right;} .pro_list{width: 1100px;margin: 0 auto;} .pro_list li{overflow: hidden;zoom: 1;border:1px solid #dddddd;padding: 30px;background-color: #fff;margin-bottom: 25px;} .list_img{float: left;width:295px; } .list_img img{width: 100%;} .list_txt{width: 650px;float: left;margin: 0 35px;} .list_txt h1{font-size: 22px;color: #009b63;padding-bottom: 20px;border-bottom: 1px solid #dddddd;} .list_txt h1 a{font-size: 22px;color: #009b63;border:0; width:auto!important;} .list_txt h1 a:hover{background:none;color:#03905d;} .list_txt p{font-size: 14px;color: #444;line-height: 24px;margin: 20px 0;} .list_txt a{display: block;width: 120px;line-height: 30px;border:1px solid #d3d3d3;-webkit-transition: all 0.2s ease .0s;-moz-transition: all 0.2s ease .0s;-ms-transition: all 0.2s ease .0s;transition: all 0.2s ease .0s;} .list_txt a:hover{background-color: #d3d3d3;-webkit-transition: all 0.2s ease .0s;-moz-transition: all 0.2s ease .0s;-ms-transition: all 0.2s ease .0s;transition: all 0.2s ease .0s;} .list_txt a span{display: block;margin: 0 18px;background: url(../images/jt1.png) no-repeat center right 8px; padding-right: 20px;font-size: 13px;-webkit-transition: all 0.2s ease .0s;-moz-transition: all 0.2s ease .0s;-ms-transition: all 0.2s ease .0s;transition: all 0.2s ease .0s;} .list_txt a:hover span{margin:0 20px;background: url(../images/jt1.png) no-repeat center right;} .list_top,.pro_detail{width: 1100px;margin: 0 auto;overflow: hidden;zoom: 1;border:1px solid #e0e0e0;background-color: #fff;} .top_img{width: 550px;float: left;} .top_img img{width: 100%;} .top_txt{float: left;padding: 0 50px;width: 450px;font-size: 14px;color: #666;line-height: 24px;} .top_txt h1{font-size: 22px;color: #009b63;padding: 40px 0 20px;border-bottom: 1px solid #e0e0e0;margin-bottom: 20px;} .pro_detail{margin: 30px auto;} .product_detail{padding: 30px;font-size: 14px;color: #666;line-height: 24px;} .product_detail table{width: 100%;border-collapse: collapse;margin: 25px 0;} .product_detail table thead tr td{background-color: #00c09e;padding: 10px 0;text-align: center; color: #fff;} .product_detail table thead tr td h1{font-size: 14px;color: #333;line-height: 24px;} .product_detail table tr td{padding: 10px;text-align: center;font-size: 14px;color: #666;line-height: 24px;border:1px solid #d0d0d0;} .product_detail table tr:nth-child(odd) {background-color: #f5f5f5;} .case{overflow: hidden;zoom: 1;width: 1100px;margin: 0 auto;background-color: #fff;border:1px solid #dddddd;box-sizing:border-box;} .case_img img{width: 100%;} .case_left{float: left;width: 825px;border:1px solid #dddddd;box-sizing:border-box;border-bottom: 0;} .case_txt{background-color: #e4e4e4;padding:15px 30px; font-size: 14px;color: #666;line-height: 24px;} .case_txt h1{line-height: 50px;background-color: #e9e9e9;font-size: 20px;color: #333;margin-bottom: 15px;text-indent: 40px;} .case_txt h2{font-size: 18px;color: #333;padding: 20px 0;} .case_txt p{line-height:26px; font-size:16px;} .case_right{float: left;padding: 35px 20px;width:225px;background-color: #fff;border-top:1px solid #dddddd;} .case_right li{margin-bottom: 20px;} .right_img img{width: 100%;} .right_txt{margin-top: 12px;} .right_txt a{font-size: 14px;color: #666;} .case_right li:hover .right_txt a{color: #009b63;} .contact_ditu{width: 1100px;margin: 0 auto;} .contact_ditu li{overflow: hidden;zoom: 1;margin-bottom: 40px;border:1px solid #dddddd;box-sizing:border-box;background-color: #fff;} .ditu_img{float: left;width:550px;overflow: hidden;height: 395px;} .ditu_img img{max-width:100%;} .ditu_txt{float: left;width:428px;display: table;height: 395px;padding: 0 60px;} .ditu_txt h1{display: table-cell;font-size: 22px;color: #01754b;height: 395px;vertical-align: middle;} .ditu_txt p{font-size: 14px;color: #666;line-height: 30px;margin-top: 30px;} .ditu_txt h1 span{font-size: 14px;} .ditu_load{width: 550px;height: 395px;} #dituContent{width: 100%;height: 395px;} .auditing{background-color: #fff;border:1px solid #dddddd;box-sizing:border-box;padding: 45px 50px;width: 1000px;margin: 0 auto;} .auditing img{max-width: 100%;} .auditing h1{font-size: 18px;color: #009b63;line-height: 28px;} .auditing h2{font-size: 16px;color: #333;line-height: 26px;} .auditing p{font-size: 14px;color: #666;line-height: 24px;} .auditing hr{border: 0;background-color: #ddd;height: 1px;width: 100%;margin: 30px 0;} .message_block{margin-bottom: 10px;} .message_block input{width: 100%;height: 45px;line-height: 45px;border:1px solid #cccccc;font-size: 14px;color: #333;text-indent: 20px;border-radius: 5px;} .message_block textarea{width: 100%;height: 195px;line-height: 45px;border:1px solid #cccccc;font-size: 14px;color: #333;text-indent: 20px;border-radius: 5px;} .message{background-color: #fff;border:1px solid #dddddd;box-sizing:border-box;width: 1100px;margin: 0 auto;padding: 45px 0 50px;} .contact_form{width: 660px;margin: 0 auto;} a.submit{display: block;width: 125px;color: #fff;line-height: 45px;font-size: 18px;text-align: center;margin-top: 20px;background-color: #3ab488;border-radius: 5px;} .career{width: 1100px;margin: 0 auto;border:1px solid #dddddd;box-sizing:border-box;padding: 30px 0 0;background-color: #fff;} .career_select select{width: 270px;height: 25px;border:1px solid #dddddd;line-height: 25px;background-color: #fff;margin-right: 20px;} .career_select{font-size: 14px;color: #333;line-height: 25px;padding-left: 40px;padding-bottom: 30px;border-bottom:1px solid #dddddd;} .career_select a{display: inline-block;width: 88px;color: #fff;text-align: center;line-height: 25px;background-color: #009b63;} .operate ul{ padding:0} .operate li{border-bottom: 1px solid #d6d6d6;background: #fff;} .operate li h4{cursor:pointer;font-size:16px;color:#333; position:relative; padding:25px 40px;} .operate li h4 i{ float:right; font-style:normal} .operate li h4 .re_sub{background:url("../images/down.png") no-repeat right;-webkit-transform:rotate(0deg);transform:rotate(0deg);float:right;padding-right: 30px;} .operate li h4 .join_add{padding-right: 107px;} .trans {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .operate li:hover h4{color:#009b63 } .operate li.selected {border-top:2px solid #009b63;} .operate li.selected h4 {color:#009b63 } .operate li.selected h4 .re_sub{background:url("../images/up.png") no-repeat right;} .operate li .list-item{color: #666;z-index: 2; padding:20px 40px; display:none;background: #f0f0f0;} .operate li .list-item span{ font-size: 14px;color: #666; line-height: 30px;margin-right:160px;} .operate li .list-item h2{font-size: 14px;color: #333;line-height: 26px;} .operate li .list-item p{ font-size: 14px;color: #666; line-height:24px;} .operate li .list-item h3{ width:120px; text-align:center;font-size:16px; margin-top:40px;font-size: 16px;text-align: center;background-color:#3ec1d9;border:1px solid #3ec1d9;line-height: 35px;} .operate li .list-item h3 a{ color:#fff; width:100%; display:block;} .operate li .list-item h3 a:hover{ background:#f4f4f4; color:#3ec1d9} .ban2{ width:1030px; height:455px; position:relative; overflow:hidden;} .ban2 ul{ position:absolute; left:0; top:0;} .ban2 ul li{ width:1030px; height:455px;position: relative;} .ban2 ul li p{position: absolute;bottom:0;background: rgba(0,0,0,0.6);text-align: center;font-size: 14px;color: #fff;line-height: 56px;width: 100%;} .prev{ float:left; cursor:pointer;} .num{ height:104px;overflow:hidden; width:940px; position:relative;float:left;} .min_pic{ padding-top:10px; width:1030px;overflow: hidden;zoom: 1;} .num ul{ position:absolute; left:0; top:0;} .num ul li{ width:166px; height:74px; margin:0 10px;opacity: 0.8;overflow:hidden;margin-top:15px;} .num ul li img{width: 100%;} .num ul li.on{opacity: 1;} .prev_btn1{ width:40px; text-align:center; height:104px; margin-right:10px; cursor:pointer; float:left;} .next_btn1{ width:40px; text-align:center; height:104px;cursor:pointer;float:right;} .prev1{ position:absolute; top:220px; left:0px; width:53px; height:53px;z-index:9;cursor:pointer;} .next1{ position:absolute; top:220px; right:0px; width:53px; height:53px;z-index:9;cursor:pointer;} .mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;} .pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;} .pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;} .pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;} .pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;} .pop_up2 ul{ position:absolute; left:0; top:0;} .pop_up2 ul li{ width:500px; height:500px; float:left;} .team{border:1px solid #ddd;width: 1100px;margin: 0 auto;padding: 35px;background-color: #fff;box-sizing:border-box;} .language_dropdown { /* Size and position */ position: relative; width: 80px; margin: 0 auto; padding:0px; /* Styles */ border-radius: 5px; border: 1px solid #cacaca; cursor: pointer; outline: none; float: right; margin-top:6px; /* Font settings */ color: #666; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } .language_dropdown.active{background-color: #009b63; border: 1px solid #009b63;} .language_dropdown:hover{background-color: #009b63; border: 1px solid #009b63; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } .language_dropdown.active span,.language_dropdown:hover span{color:#fff; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } .language_dropdown.active:after,.language_dropdown:hover:after{border-color: #fff transparent;} .language_dropdown span{line-height: 20px;font-size: 12px;padding-left: 9px;} .language_dropdown:after { content: ""; width: 0; height: 0; position: absolute; right: 8px; top: 50%; margin-top: -1px; border-width: 4px 4px 0 4px; border-style: solid; border-color: #666 transparent; } .language_dropdown .dropdown { /* Size & position */ position: absolute; top: 140%; left: 0; right: 0; z-index: 10; /* Styles */ background: white; border-radius: inherit; border: 1px solid rgba(0,0,0,0.17); box-shadow: 0 0 5px rgba(0,0,0,0.1); font-weight: normal; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; list-style: none; /* Hiding */ opacity: 0; pointer-events: none; } .language_dropdown .dropdown:after { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 15px; border-width: 0 6px 6px 6px; border-style: solid; border-color: #fff transparent; } .language_dropdown .dropdown:before { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 13px; border-width: 0 8px 8px 8px; border-style: solid; border-color: rgba(0,0,0,0.1) transparent; } .language_dropdown .dropdown li a { display: block; text-align: center; padding: 3px; text-decoration: none; color: #666; border-bottom: 1px solid #e6e8ea; box-shadow: inset 0 1px 0 rgba(255,255,255,1); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .language_dropdown .dropdown li i {float: right;color: inherit;} .language_dropdown .dropdown li:first-of-type a {border-radius: 7px 7px 0 0;} .language_dropdown .dropdown li:last-of-type a {border: none;border-radius: 0 0 7px 7px;} /* Hover state */ .language_dropdown .dropdown li:hover a {background: #e0e0e0;} /* Active state */ .language_dropdown.active .dropdown {opacity: 1;pointer-events: auto;} /* No CSS3 support */ .no-opacity .language_dropdown .dropdown, .no-pointerevents .language_dropdown .dropdown { display: none; opacity: 1; /* If opacity support but no pointer-events support */ pointer-events: auto; /* If pointer-events support but no pointer-events support */} .no-opacity .language_dropdown.active .dropdown,.no-pointerevents .language_dropdown.active .dropdown {display: block;} #share{margin-top:20px;} #share a{ width: 30px;height: 30px; margin: 0px 5px 0; float:right; border:1px solid #686d74; padding:0; border-radius:30px} #share a.bds_tsina{ background:url(../images/share_img_1.png) no-repeat center; background-size:17px 14px} #share a.bds_weixin{ background:url(../images/share_img_2.png) no-repeat center; background-size:17px 13px} #share a.email{ background:url(../images/share_img_3.png) no-repeat center;background-size:16px 12px } #share a:hover{ background-color:#009b63; border:1px solid #009b63} .language{width: 105px;line-height: 30px;display: block;border:1px solid #555c57;float: right;} .language span{margin: 0 15px;display: block;background: url(../images/jt2.png) no-repeat center right;font-size: 12px;color: #fff;line-height: 30px;} .foot_dropdown { /* Size and position */ position: relative; width: 120px; margin: 25px auto 0; padding:0px; /* Styles */ border: 1px solid #555c57; cursor: pointer; outline: none; float: right; /* Font settings */ color: #666; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } .foot_dropdown span{line-height: 30px;font-size: 12px;padding-left: 9px;color: #bababa;} .foot_dropdown:after { content: ""; width: 0; height: 0; position: absolute; right: 8px; top: 50%; margin-top: -1px; border-width: 4px 4px 0 4px; border-style: solid; border-color: #bababa transparent; } .foot_dropdown .dropdown { /* Size & position */ position: absolute; top: 140%; left: 0; right: 0; z-index: 1; /* Styles */ background-color: #e6e6e6; border-radius: inherit; border: 1px solid rgba(0,0,0,0.17); box-shadow: 0 0 5px rgba(0,0,0,0.1); font-weight: normal; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; list-style: none; /* Hiding */ opacity: 0; pointer-events: none; } .foot_dropdown:hover,.foot_dropdown.active{ background-color:#555c57; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } .foot_dropdown .dropdown:after { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 15px; border-width: 0 6px 6px 6px; border-style: solid; border-color: #e6e6e6 transparent; } .foot_dropdown .dropdown:before { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 13px; border-width: 0 8px 8px 8px; border-style: solid; border-color: rgba(0,0,0,0.1) transparent; } .foot_dropdown .dropdown li a { display: block; text-align: center; padding: 8px; text-decoration: none; color: #666; border-bottom: 1px solid #d2d2d2; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .foot_dropdown .dropdown li i {float: right;color: inherit;} /* Hover state */ .foot_dropdown .dropdown li:hover a {background: #d7d7d7;} /* Active state */ .foot_dropdown.active .dropdown {opacity: 1;pointer-events: auto;} /* No CSS3 support */ .no-opacity .foot_dropdown .dropdown, .no-pointerevents .foot_dropdown .dropdown { display: none; opacity: 1; /* If opacity support but no pointer-events support */ pointer-events: auto; /* If pointer-events support but no pointer-events support */} .no-opacity .foot_dropdown.active .dropdown,.no-pointerevents .foot_dropdown.active .dropdown {display: block;} .top_language{float: right;} .top_language .code{float:left; padding-top:7px;font-weight: bold;font-size: 14px;} .top_language img{margin: 6px 9px 0} .big {overflow: hidden;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 0.5s ease .0s;-moz-transition: all 0.5s ease .0s;-ms-transition: all 0.5s ease .0s;transition: all 0.5s ease .0s;} .big:hover{-webkit-transform: scale(1.10);-moz-transform: scale(1.10);-ms-transform: scale(1.10);transform: scale(1.10);} .rotate{-webkit-transition:all ease-in-out 400ms;transition:all ease-in-out 400ms;-ms-transform:all ease-in-out 400ms;-moz-transform:all ease-in-out 400ms;} .rotate:hover{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg)} .news_img{overflow: hidden;height:350px; width:100%;} #example5{position: relative;} #example5 .sp-thumbnail-image-container { height: 168px; overflow: hidden; border-bottom: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; } #example5 .sp-thumbnail-image { height: 168px;max-width: 100%; } .sp-thumbnail{padding: 0 20px;} #example5 .sp-thumbnail-text { width: 100%; color:#666; font-size:14px; line-height:24px; } .sp-mask{width: 100%!important;} #example5 .sp-thumbnail-title { margin-bottom: 5px; text-transform: uppercase; color: #333; } #example5 .sp-thumbnail-description { font-size: 14px; color: #333; } @media (max-width: 500px) { #example5 .sp-thumbnail { text-align: center; } #example5 .sp-thumbnail-image-container { display: none; } #example5 .sp-thumbnail-text { width: 120px; } #example5 .sp-thumbnail-title { font-size: 12px; text-transform: uppercase; } #example5 .sp-thumbnail-description { display: none; } } .case_category {background: #fff;width: 1100px;margin: 0 auto;} .case_category ul{overflow: hidden;zoom: 1;padding: 0 15px 50px;} .case_category li{width: 326px;float: left;margin: 0 15px 15px;transition:all .4s cubic-bezier(.4,0,.2,1)} .category_img img{width: 100%;} .case_category li h1{font-size: 16px; color: #009b63;text-align: center;padding:10px;background-color: #f5f5f5;transition:all .4s cubic-bezier(.4,0,.2,1)} .case_category li:hover h1{color: #fff;background-color: #009b63;transition:all .4s cubic-bezier(.4,0,.2,1)} .detail_nav{width: 1100px;margin: 20px auto 40px;text-align: center;} .detail_nav li{display: inline-block;font-size: 0;margin: 10px;} .detail_nav li a{display: block;font-size:16px;color: #666;padding: 10px 20px;border:1px solid #ddd;transition:all .4s cubic-bezier(.4,0,.2,1);} .detail_nav li a:hover{border:1px solid #009b74;color: #009b74;transition:all .4s cubic-bezier(.4,0,.2,1);} .detail_nav li a.active{border:1px solid #009b74;color: #009b74;} /**浠ヤ笅鏄悳绱唬鐮?*/ .searchbar { display: block; position: fixed; visibility: hidden; transition: visibility .3s ease } .searchbar.open { visibility: visible; opacity: 1 } .searchbar input { background: transparent; outline: 0; border: 0; text-align: left; display: block; box-sizing: border-box; height: 50px; line-height: 49px; padding: 0 6%; font-size: 1.125rem; color: #333; width: 75%; float: left } .searchbar input:focus { border-bottom: 0 } .searchbar .btn { width: 25%; display: block; float: left; height: 50px; padding: 0 } .searchbar { width: 100%; height: 100%; z-index: 9000; transition: background-color .4s ease } .searchbar>div { position: absolute; left: 50%; top: 50%; width: 70%; max-width: 720px; border-radius: 5px; overflow: hidden; opacity: 0; -webkit-box-shadow: 0 -3px 19px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 -3px 19px 2px rgba(0,0,0,0.1); box-shadow: 0 -3px 19px 2px rgba(0,0,0,0.1); transform: translate(-50%,-200%); transition: transform .5s ease,opacity .5s ease; transition-delay: .1s } .searchbar input { background-color: #fff; height: 60px; line-height: 59px; font-size: 20px; } .searchbar .btn { line-height: 59px; height: 60px; font-size: 1.375rem; border-radius: 0 5px 5px 0 } .searchbar.open { background-color: rgba(0,0,0,0.8) } .searchbar.open>div { transform: translate(-50%,-50%); opacity: 1 } .searchbar.open .search-close { transform: translateY(0) } .btn { display: inline-block; vertical-align: middle; transform: perspective(1px) translateZ(0); position: relative; transition: color .3s ease-out; cursor: pointer; border: 0; color: #fff; height: 45px; line-height: 44px; text-align: center; font-weight: 400; background-color: #009b63; padding: 0 2em; font-size: 1rem } .btn:before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; background-color: #24bf87; transform: scaleX(0); transform-origin: 0 50%; transition: transform .2s ease-out } .btn:hover,.btn:focus,.btn:active { color: #fff } .btn:hover:before,.btn:focus:before,.btn:active:before { transform: scaleX(1) } .search-close { display: block; position: absolute; background-image: url("../images/search-close.svg"); background-size: 28px auto; background-position: center center; background-color: transparent; background-repeat: no-repeat; width: 60px; height: 60px; right: 50px; top: 53px; transform: translateY(-50%); transition: transform .5s ease,background-color .3s ease; font-size: 0 } .search-close:hover {background-color: #009b63} .home_title{border-bottom: 1px solid #e5e5e5;} .home_title h1{padding:20px 0 20px 30px;background: url(../images/home.png) no-repeat center left;font-size: 14px;color: #666;} .home_title a.active{color: #009b63} /* 淇敼璧勮川鑽h獕 10-11 */ .honnor_slide{padding-bottom:60px;margin-bottom:50px;} .honnor_item{margin:20px 0px;border: 1px solid #f2f2f2;box-sizing: border-box;height:185px;overflow:hidden;padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1);background-color:#efefef;} .honnor_item h1{font-size:22px;color:#009b63;margin-bottom:20px;transition:all .4s cubic-bezier(.4,0,.2,1);margin-top:10px;} .honnor_item p{font-size:16px;color:#666;line-height:30px;transition:all .4s cubic-bezier(.4,0,.2,1);} .honnor_slide .swiper-pagination-bullet{width:12px;height:12px;} .honnor_slide .swiper-pagination-bullet-active{background: #3ab488;} .honnor_item:hover{background:#3ab488;border:1px solid #3ab488;transition:all .4s cubic-bezier(.4,0,.2,1);} .honnor_item:hover h1,.honnor_item:hover p{color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);} /* 淇敼浜у搧浠嬬粛 10-19 */ .slide-item{position:relative;float:left;color:#000;font-size:0;text-align:center;width:400px;height:420px;cursor:pointer;background-position: center;background-repeat: no-repeat;background-size: cover;} .slide-item .item-bg{width:100%;height:100%} .slide-item .mask{position:absolute;left:0;right:0;top:0;bottom:0} .slide-item .mask .bg{position:absolute;left:0;right:0;top:0;bottom:0;background:#161a1d;opacity:.3;filter:alpha(opacity=30);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(30));transition:all .4s cubic-bezier(.4,0,.2,1)} .slide-item .mask .item_text{position:absolute;left:0;right:0;top:190px;bottom:0;transition:all .6s cubic-bezier(.4,0,.2,1)} .slide-item .mask .item_text .line-panel{padding:0;margin:0;font-size:0;line-height:0;margin-top:30px;transition:all .3s cubic-bezier(.4,0,.2,1);text-align: center;} .slide-item .mask .item_text .line-panel .item-line{width:80px;height:3px;background:#fff;display:inline-block;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));transition:all .4s cubic-bezier(.4,0,.2,1)} .slide-item .mask .item_text .item-img-panel{position:relative;width:68px;height:68px;display:inline-block} .slide-item .mask .item_text .item-img-panel .item-img,.slide-item .mask .item_text .item-img-panel .item-img-hover{position:absolute;left:0;right:0;top:0;width:100%;display:inline-block;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));transition:all .4s cubic-bezier(.4,0,.2,1)} .slide-item .mask .item_text .item-img-panel .item-img-hover{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));transition:all .6s cubic-bezier(.4,0,.2,1)} .slide-item .mask .item_text .item-title{color:#fff;font-size:26px;line-height:24px;margin:0;padding:0;margin-top:24px;transition:all .6s cubic-bezier(.4,0,.2,1)} .slide-item .mask .item_text .item-desc{font-size:18px;color:#fff;text-align:center;margin-top:30px;padding:0 60px;line-height:30px;height:72px} .slide-item .mask .item_text .item-link{display:inline-block;width:120px;height:36px;line-height:36px;font-size:14px;color:#fff;text-decoration:none;margin-top:62px;border:1px solid #fff;} .slide-item .mask .item_text .item-desc,.slide-item .mask .item_text .item-link{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));transition:all .3s cubic-bezier(.3,0,.2,1)} .slide-item:hover .bg{background:#009b63;opacity:.8;filter:alpha(opacity=80);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(80))} .slide-item:hover .item_text{top:50px;} .slide-item:hover .item_text .item-img-panel .item-img{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))} .slide-item:hover .item_text .item-img-panel .item-img-hover{opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))} .slide-item:hover .item_text .line-panel{margin-top:10px}.slide-item:hover .item_text .line-panel .item-line{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))} .slide-item:hover .item_text .item-title{margin-top:120px}.slide-item:hover .item_text .item-desc,.slide-item:hover .item_text .item-link{opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))} .slide-item:hover .item_text .item-desc{margin-top:20px;} .slide-item:hover .item_text .item-link{margin-top:20px;} /*淇敼涓婁竴椤典笅涓€椤垫牱寮 10-22*/ .news_shares{width:100%;padding-top:60px;margin-bottom:100px;} .news_shares .news_sharesL{float:left;} .news_sharesL>a{font-size:13px;color:#828798;line-height:24px;} .news_sharesL>a:hover{text-decoration:underline;color:#3ab488;} .news_sharesR .ToMenu{width:160px;height:34px;border:1px solid #3ab488;text-align:center;line-height:34px;color:#3ab488;margin-bottom:20px;transition:0.6s;display: block;font-size:13px;} .news_sharesR .ToMenu:hover{background:#3ab488;color:#fff;} .news_shares .news_sharesR{float:right;} .clearfix:after {display: block;content: '';clear: both;visibility: hidden;} /*11-20 鏂板鎶曡祫鑰?/ .announcement_nav{padding: 60px 0 20px;} .announcement_nav a{display: inline-block;width: 160px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #333;background-color: #f2f2f2;margin-right: 10px;} .announcement_nav a:hover,.announcement_nav a.active{color: #fff;background-color: #3ab488;} .announcement,.system{padding-bottom: 100px;} .announcement li,.system li{padding: 30px 0;border-bottom: 1px solid #e5e5e5;overflow: hidden;zoom: 1;} .announcement li a,.system li a{display: block;} .announcement li p{padding-left: 25px;background: url(../images/yuan1.png) no-repeat center left;font-size: 16px;color: #333;padding-right: 80px;float: left;} .announcement li span{font-size: 14px;color: #333;float: right;} .announcement li:hover p,.announcement li:hover span{color: #3ab488;} .system li a{background: url(../images/pdf.png) no-repeat center left,url(../images/download1.png) no-repeat center right;font-size: 16px;color: #3ab488;padding:0 50px;} .system li time{font-size: 14px;color: #333;} .text{padding: 60px 0;} .text img{max-width: 100%;} .investor_l{padding: 45px;float: left;width: 530px;border: 1px solid #e5e5e5;box-sizing:border-box;margin-right: 30px;min-height: 455px;} .investor_l h1,.investor_r h1{font-size: 30px;color: #333;margin-bottom: 25px;} .investor_l p{font-size: 18px;color: #666;padding-left: 45px;margin-bottom: 25px;line-height: 30px;} .investor_l p.tel{background: url(../images/tel.png) no-repeat center left;} .investor_l p.email{background: url(../images/email.png) no-repeat center left;} .investor_l p.fax{background: url(../images/fax.png) no-repeat center left;} .investor_l p.add{background: url(../images/add.png) no-repeat center left;} .investor_r{width: 540px;border: 1px solid #e5e5e5;box-sizing:border-box;padding: 45px;float: left;} #dituContent{width: 100%;height: 300px;} .investor{padding: 60px 0 120px;} .shares_l{width: 515px;float: left;margin-right: 30px;overflow: hidden;zoom: 1;} .shares_r{width: 550px;float: left;border:1px solid #e5e5e5;box-sizing:border-box;} .shares_self{width: 265px;float: left;background-color: #3ab488;text-align: center;line-height: 30px;padding: 64px 0;} .shares_self h1{font-size: 24px;color: #fff;margin-bottom: 20px;} .shares_self time{display: block;font-size: 16px;color: #fff;} .shares_number{float: left;background-color: #f2f2f2;width: 250px;border:1px solid #e5e5e5;box-sizing:border-box;padding: 45px;text-align: center;overflow: hidden;zoom: 1;} .shares_number h1{font-size: 40px;color: #b1020c;line-height: 50px;margin-bottom: 30px;} .shares_number h1 b{padding-right: 55px;background: url(../images/nqhicon_02.png) no-repeat center right;display: inline-block;} .shares_number span{font-size: 24px;color: #b1020c;margin:0 10px} .shares_number.number2 h1,.shares_number.number2 span{color: #018000;} .shares_number.number2 h1 b{background: url(../images/nqhicon_03.png) no-repeat center right;} .fr{float: right;} .shares_r h1{background-color: #f2f2f2;padding: 20px 25px;} .shares_r h1 span{display: block;font-size: 18px;color: #333;padding-left: 30px;background: url(../images/delay.png) no-repeat center left;} .shares_data{padding:15px;} .shares_data h2{display: inline-block;padding: 15px;font-size: 16px;color: #666;} .shares_slide,.shares{margin: 50px 0;} .shares_slide .hd{border-bottom: 2px solid #3ab488;margin-bottom: 30px;overflow: hidden;zoom: 1;} .shares_slide .hd li{cursor: pointer;width: 120px;height: 50px;text-align: center;float: left;margin-right: 10px;background-color: #f2f2f2;font-size: 18px;color: #666;line-height: 50px;} .shares_slide .hd li.on,.shares_slide .hd li:hover{background-color: #3ab488;color: #fff;} .shares_slide .bd{border:1px solid #e5e5e5;border-top: 0;} .shares_slide>h1{padding: 15px 30px;background-color: #f2f2f2;border:1px solid #e5e5e5;border-bottom: 0;} .shares_slide>h1 span{font-size: 16px;color: #666;display: inline-block;margin-right: 30px;} .shares_slide>h1 span b{font-weight: normal;color: #f03c3e;} .shares_slide .bd ul{padding: 80px;text-align: center;} .shares_slide .bd ul img{max-width: 100%;} .investor_nav{border-bottom: 1px solid #dddddd;overflow: hidden;zoom: 1;} .investor_nav a{display: block;float: left;width: 33.33%;line-height: 50px;text-align: center;font-size: 16px;color: #666;border-right: 1px solid #dddddd;box-sizing:border-box;} .investor_nav a:first-child{border-left: 1px solid #dddddd;} .investor_nav a:hover,.investor_nav a.active{color: #fff;background-color: #3ab488;} .table-responsive{overflow-x:auto;} .down{margin:0 0 80px;} .down li{padding: 25px 0 15px;border-bottom: 1px solid #e5e5e5;overflow: hidden;zoom: 1;} .down li a{display: block;} .down li img{width:26px;} .down li p{padding-left: 25px;background: url(../images/yuan1.png) no-repeat top 3px left; width:calc(80% - 25px);font-size: 16px;color: #333;float: left;} .down li span{font-size: 14px;color: #333;float: right;width:20%;text-align: right;} .down li:hover p,.announcement li:hover span{color: #3ab488;} #menu li.lan{border-bottom-color: #fff;float: right; right: 15px;} #menu li.lan:after{content:none;} #menu li.lan a{ padding: 0; width: 30px; height: 30px; line-height: 30px; background-color: #d5d5d5; margin: 0 5px; text-align: center; } .main_pro .video {width:1040px;margin: 0 auto;padding: 60px 0;border:0;} .main_pro .video:focus{outline: -webkit-focus-ring-color auto 0px;} .main_pro .video .video-container {position: relative;} .main_pro .video .video-container img {display: block;height: auto;width: 100%;} .main_pro .video video {position: absolute;height:100%;width: 100%;left: 0;top: 0;cursor: pointer;}