/*鏂扮珯*/ #warp{ width:100%; max-width:1920px; min-width:320px; overflow:hidden; margin:auto;} .select-none{ background:url(/template/images/img68.png) no-repeat 95% center; background-size:18px !important; -moz-appearance: none; -webkit-appearance:none; appearance:none;} .b{ font-weight:bold;} [data-scroll-top]{ position:relative; z-index:3;} /*css3*/ @-webkit-keyframes warn{ 0%{ opacity:0; -webkit-transform:scale(.1); transform:scale(.1); } 5%{ opacity:1; } to{ opacity:0; -webkit-transform:scale(4); transform:scale(4); } } @keyframes warn{ 0%{ opacity:0; -webkit-transform:scale(.1); transform:scale(.1); } 5%{ opacity:1 } to{ opacity:0; -webkit-transform:scale(4); transform:scale(4); } } @-webkit-keyframes warn-2{ 0%{ opacity:0; -webkit-transform:scale(.1); transform:scale(.1); } 5%{ opacity:8; } to{ opacity:0; -webkit-transform:scale(10); transform:scale(10); } } @keyframes warn-2{ 0%{ opacity:0; -webkit-transform:scale(.1); transform:scale(.1); } 5%{ opacity:8; } to{ opacity:0; -webkit-transform:scale(10); transform:scale(10); } } @-webkit-keyframes rotating{ from{ transform:rotate(1800deg); -ms-transform:rotate(1800deg); -moz-transform:rotate(1800deg); -webkit-transform:rotate(1800deg); -o-transform:rotate(1800deg); } to{ transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); } } @keyframes rotating{ from{ transform:rotate(1800deg); -ms-transform:rotate(1800deg); -moz-transform:rotate(1800deg); -webkit-transform:rotate(1800deg); -o-transform:rotate(1800deg); } to{ transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); } } @-webkit-keyframes flashing{ 0%{ opacity:1; } 50%{ opacity:0.2; } 100%{ opacity:1; } } @keyframes flashing{ 0%{ opacity:1; } 50%{ opacity:0.2; } 100%{ opacity:1; } } /*澶撮儴鏍峰紡*/ #header{ width:100%; background-image:linear-gradient(rgba(0,0,0,1), rgba(0,0,0,.0)); position:fixed; top:0; left:0; right:0; z-index:5;} #header .logo{ width:290px;padding:20px 0;} #header .right{} #header .right .nav{} #header .right .nav .slide{ border-bottom:4px solid transparent; padding:37px 0 36px; margin-left:76px;} #header .right .nav .slide .txt1{ color:#fff;} #header .right .nav .slide.cur{} #header .right .nav .slide.cur .txt1{ color:#6fba2c !important; font-weight:bold;} #header .right .nav .slide:hover{ border-bottom:4px solid #72bb38;} #header .right .nav .slide:hover .txt1{ font-weight:bold; color:#6fba2c !important;} #header .right .nav .slide:hover .two-nav{display: block;} #header .right .nav .slide:nth-child(1){ margin-left:0;} #header .right .nav .two-nav{width: 234px;top: calc(100% + 4px);left: 0;padding-bottom: 18px;border-bottom-right-radius: 25px;background: #fff;} #header .right .nav .two-nav .txt2{line-height: 45px;height: 45px;display: block;background: #fff url(/template/images/icon1.png) no-repeat center right 17px;padding-left: 17px;font-size: 16px;} #header .right .nav .two-nav .txt2:focus{ font-weight:bold;} #header .right .nav .two-nav .list2:hover .txt2{color: #fff;background: #72bb38 url(/template/images/icon1.png) no-repeat center right 17px;} #header .right .nav .two-nav .list2:hover .three-nav{display: block;} #header .right .nav .three-nav{width: 234px;top: 0;left: 100%;padding-bottom: 18px;border-bottom-right-radius: 25px;background: #fff;} #header .right .nav .three-nav .txt3{line-height: 45px;height: 45px;display: block;background: #fff url(/template/images/icon1.png) no-repeat center right 17px;padding-left: 17px;font-size: 16px;} #header .right .nav .three-nav .txt3:hover{color: #fff;background: #72bb38 url(/template/images/icon1.png) no-repeat center right 17px;} #header .right .other{ margin-left:70px; padding:26px 0;} #header .right .other .lang{ position:relative;} #header .right .other .lang .icon{ width:42px; height:42px; background:#fff; border-radius:50%;font-size:20px;line-height: 42px;text-align: center;} #header .right .other .lang .language{ width:60px; position:absolute; top:100%; left:50%; z-index:2; padding-top:10px; transform:translate3d(-50%,0,0);} #header .right .other .lang .language .slide{ width:100%; text-align:center; text-transform:uppercase; background:#fff; font-size:20px; border-bottom:1px solid #6fba2c; padding:10px 0;} #header .right .other .lang .language .slide:last-child{ border-bottom:none;} #header .right .other .lang:hover .language{ display:block;} #header .right .other .search{ position: relative; margin-left:25px;width: 42px;height:42px;overflow: hidden;z-index: 2;} #header .right .other .search .icon{width: 42px; height:42px; background:#68ac2c; border-radius:50%;position: relative;z-index: 2;display: none;} #header .right .other .search .form{width: 42px;background: #f3f3f3;height: 42px;border-radius:21px;overflow: hidden;position:absolute;z-index: 1;} #header .right .other .search .form form{height: 42px;} #header .right .other .search .form .input{ width:0; height: 100%; padding:0;} #header .right .other .search .form .submit{ width: 42px; height:100%; cursor:pointer; background:#68ac2c url(/template/images/img2.png) no-repeat center;border-radius:50%;} #header .right .other .search:hover{width: 210px;} #header .right .other .search:hover .form{width: 210px;} #header .right .other .search:hover .input{width: 128px;padding:0 20px;} #header .right .other .search:hover .icon{display: none;opacity: 0;} /* #header .right .other .search .form{ position:absolute; top:100%; right:0; z-index:2; padding-top:10px; display:none;} #header .right .other .search .form form{ width:260px; height:36px; background:#fff; border:1px solid #ccc;} #header .right .other .search .form form .input{ width:220px; height:100%; padding:0 10px;} #header .right .other .search .form form .submit{ width:36px; height:100%; cursor:pointer; background:#68ac2c url(/template/images/img2.png) no-repeat center;} #header .right .other .search:hover .form{ display:block;} */ #header .right .other .target{ width:44px; margin-left:25px;} #header.cur,#header:hover{ background:#fff;} #header.cur .logo img:nth-child(1),#header:hover .logo img:nth-child(1){ display:none;} #header.cur .logo img:nth-child(2),#header:hover .logo img:nth-child(2){ display:block;} #header.cur .right .nav .slide .txt1,#header:hover .right .nav .slide .txt1{ color:#333;} #header.cur .right .other .lang .icon,#header:hover .right .other .lang .icon{ background:#f3f3f3;} #header-block{ width:100%; height:94px;} /*鎵嬫満鐗堝鑸�*/ #phone-nav{ width:100%; text-align:center; background:rgba(255,255,255,.9); position:fixed; top:94px; left:0; right:0; z-index:5; margin:auto;} #phone-nav .slide{ width:100%; color:#333; border-top:1px solid #333; padding:24px 0;} #phone-nav .slide.cur{ color:#5ED6D5;} /*骞垮憡鏍峰紡*/ #banner{ width:100%; position:relative;} #banner .slide{ width:100%; position:relative;} #banner .slide .video:after{padding-top: 47.92%;} #banner .slide .video .vi{top: 0;left: 0;width: 100%;height: 100%;} #banner .slide video{width: 100%;object-fit:fill;} #banner .slide .ites{} #banner .slide .ites .list{ position:absolute;} #banner .slide .ites .list .dot{ border:5px solid rgba(255,255,255,.15); border-radius:50%; animation:flashing 1s linear infinite;} #banner .slide .ites .list .dot::before{ width:10px; height:10px; display:block; background:#fff; border-radius:50%; content:'';} #banner .slide .ites .list .cont{ width:1px; height:80px; background:rgba(255,255,255,.6); position:absolute; bottom:14px; left:0; right:0; z-index:2; margin:auto;} #banner .slide .ites .list .cont .images{ position:absolute; bottom:100%; left:0; z-index:2; padding:5px; transform:translate3d(-50%,0,0);} #banner .slide .ites .list .cont .images::before{ width:100%; height:100%; background:url(/template/images/img157.png) no-repeat center; background-size:100% 100%; border-radius:50%; position:absolute; top:0; left:0; z-index:2; margin:auto; content:'';} #banner .slide .ites .list .cont .images .img{ width:60px; border:5px solid rgba(255,255,255,.6); border-radius:50%; position:relative; z-index:3;} #banner .slide .ites .list .cont .images .img img{ max-width:90%; max-height:90%; z-index:3;} #banner .slide .ites .list .cont .images .img::before{ width:100%; height:100%; background:rgba(255,255,255,.8); position:absolute; top:0; left:0; z-index:2; content:'';} #banner .slide .ites .list .cont .name{ position:absolute; left:100%; bottom:124%; padding-left:45px; transform:translate3d(60px,0,0);} #banner .slide .ites .list .cont .name::before{ width:45px; height:5px; background:url(/template/images/img159.png) no-repeat center; background-size:100%; position:absolute; top:50%; left:0; z-index:2; margin-top:-2.5px; content:'';} #banner .slide .ites .list .cont .name .txt{ background:url(/template/images/img158.png) no-repeat center; background-size:100% 100%; padding:5px 7px;} #banner .slide .ites .list .cont .name .txt a{ width:146px; line-height:1; text-align:center; background:rgba(0,0,0,.4); color:#fff; padding:4px 5px;} #banner .slide .ites .list:hover .cont .images{ -webkit-transform:translate3d(-50%,0,0); -moz-transform:translate3d(-50%,0,0); transform:translate3d(-50%,0,0);} #banner .slide .ites .list:hover .cont .images::before{ animation:rotating 20s linear infinite;} #banner .slide .ites .list:hover .cont .name .txt a{ background:#6fba2c; color:#fff;} #banner .slide .ites .list:nth-child(1){ left:14.2%; top:42.4%;} #banner .slide .ites .list:nth-child(1):hover .cont .images .img{ width:75px;} #banner .slide .ites .list:nth-child(2){ left:40.46875%; top:58.26%;} #banner .slide .ites .list:nth-child(2) .cont{ height:60px;} #banner .slide .ites .list:nth-child(2) .cont .images{ padding:8px;} #banner .slide .ites .list:nth-child(2) .cont .images .img{ width:75px;} #banner .slide .ites .list:nth-child(2):hover .cont .images .img{ width:90px;} #banner .slide .ites .list:nth-child(3){ left:73.69%; top:82.5%;} #banner .slide .ites .list:nth-child(3) .cont{ height:73px;} #banner .slide .ites .list:nth-child(3) .cont .images{ padding:10px;} #banner .slide .ites .list:nth-child(3) .cont .images .img{ width:90px;} #banner .slide .ites .list:nth-child(3):hover .cont .images .img{ width:105px;} #banner .slide .ites .list:nth-child(4){ left:80.15625%; top:44.56%;} #banner .slide .ites .list:nth-child(4) .cont{ height:73px;} #banner .slide .ites .list:nth-child(4) .cont .images{ padding:8px;} #banner .slide .ites .list:nth-child(4) .cont .images .img{ width:75px;} #banner .slide .ites .list:nth-child(4):hover .cont .images .img{ width:90px;} #banner .slide .index-contents{ position:absolute; left:0; right:0; bottom:120px;} #banner .slide .index-contents .txt1{ line-height:1; color:#fff;} #banner .slide .index-contents .txt1 b{ color:#6fba2c;} #banner .slide .index-contents .txt2{ line-height:1; letter-spacing:4px; color:#fff; margin-top:16px;} #banner .swiper-pagination{ width:100%; font-size:0; bottom:50px;} #banner .swiper-pagination span{ width:6px; height:6px; opacity:1; background:#fff; border:4px solid #fff; margin:0 10px;} #banner .swiper-pagination span.swiper-pagination-bullet-active{ background:none; border-color:#6fba2c;} #banner .contents{ position:absolute; top:50%; left:0; right:0; z-index:2; transform:translate3d(0px,-50%,0);} #banner .contents .txt1{ color:#fff;} #banner .contents .txt2{ width:100%; max-width:820px; line-height:2; color:#fff; margin-top:24px;} #banner .contents .txt3{ color:#6db72c;} #banner .contents .txt4{ line-height:1; display:inline-block; font-size:16px; color:#fff; border:1px solid rgba(255,255,255,.5); border-radius:50px; padding:12px 42px; margin-top:60px;} #banner .contents .txt4:hover{ background:#6db72c; color:#fff; border-color:#6db72c;} #banner .inside-prev, #banner .inside-next{opacity: 0.2;} #banner .inside-prev:hover, #banner .inside-next:hover{opacity: 1;} /*鎮诞鏍峰紡*/ #float{} #float .one{ position:fixed; top:50%; right:0; z-index:6; transform:translate3d(0px,-50%,0);} #float .one .item{ position:relative;} #float .one .item .ites{ width:80px; margin-right:20px;} #float .one .item .ites .shutdown{ width:100%; cursor:pointer; border:1px solid #6fba2c; border-radius:50px 0 0 0; padding:8px 0;} #float .one .item .ites .slide{ width:80px; height:80px; cursor:pointer; background:#fff; border:1px solid #6fba2c; position:relative; padding-top:12px; margin-top:2px;} #float .one .item .ites .slide .icon{ width:30px;} #float .one .item .ites .slide .txt{ line-height:1; color:#666; margin-top:8px;} #float .one .item .ites .slide .tel{ width:260px; text-align:left; display:none; background:#6fba2c; position:absolute; right:104%; top:0; z-index:2; padding:12px 24px;} #float .one .item .ites .slide .tel .txt1{ color:#fff;} #float .one .item .ites .slide .tel .txt2{ color:#fff;} #float .one .item .ites .slide .qr-code{ width:120px; display:none; background:#fff; border:1px solid #6fba2c; position:absolute; right:104%; top:0; z-index:2;} #float .one .item .ites .slide:hover .tel{ display:block;} #float .one .item .ites .slide:hover .qr-code{ display:block;} #float .one .item .ites .slide.cur{ background:#6fba2c;} #float .one .item .ites .slide.cur .txt{ color:#fff; margin-top:0;} #float .one .item .ites .slide:nth-child(1){ margin-top:0;} #float .one .item .show{ background:#6fba2c; display:flex; align-items:center; cursor:pointer; border-radius:25px 0 0 25px; position:absolute; top:50%; right:-30px; z-index:2; padding:30px 8px; margin:auto; transform:translate3d(0px,-50%,0);} #float .one .item .show .txt{ width:14px; line-height:2; text-align:center; cursor:pointer; color:#fff;} #float .one.cur .item .ites{ margin-right:-100px;} #float .one.cur .item .show{ right:0;} /*闈㈠寘灞�*/ #crumbs{ width:100%; /* height:15px; */ line-height:1; border-bottom:1px solid rgba(255,255,255,.2); position:absolute; top:0; left:0; right:0; z-index:2; padding:30px 0;} #crumbs i{ font-size:14px; _opacity:.5; color:#fff; margin:0 16px;} #crumbs a{ vertical-align:top; font-size:14px; _opacity:.5; color:#fff;} #crumbs a img{ display:inline-block !important; vertical-align:top; margin-top:-1px;} #crumbs a:hover{ opacity:1;} #crumbs span{ font-size:14px; color:#fff;} /*鍐呴〉瀵艰埅*/ #current{ width:100%; background:#fff; text-align:center;} #current .slide{ line-height:1; position:relative; padding:24px 56px;} #current .slide::before{ width:1px; height:12px; background:#e6e6e6; position:absolute; top:50%; right:0; z-index:2; content:''; transform:translate3d(0px,-50%,0);} #current .slide.cur{ background:#72bb38; color:#fff; font-weight:bold;} #current .slide.cur::before{ background:#72bb38;} /*搴曢儴鏍峰紡*/ #footer{ width:100%; background:#353535; position:relative; z-index:3; padding:80px 0 90px;} #footer .one{ width:100%;} #footer .one .item{ margin-left:160px;} #footer .one .item .title{ width:100%; color:#fff;} #footer .one .item .ites{ margin-top:30px;} #footer .one .item .ites .ul{ margin-left:80px;} #footer .one .item .ites .ul .slide{ line-height:1; margin-top:20px;} #footer .one .item .ites .ul .slide a{ color:#999;} #footer .one .item .ites .ul .slide a:hover{ color:#6fba2c;} #footer .one .item .ites .ul .slide:nth-child(1){ margin-top:0;} #footer .one .item .ites-two{ width:400px; margin-top:36px;} #footer .one .item .ites-two .brief{} #footer .one .item .ites-two .brief li{ line-height:1; color:#999; margin-top:12px;} #footer .one .item .ites-two .brief li b{ display:inline-block; color:#6fba2c; margin-top:6px;} #footer .one .item .ites-two .brief li:nth-child(1){ margin-top:0;} #footer .one .item .ites .ul:nth-child(1){ margin-left:0;} #footer .one .item:nth-child(1){ margin-left:0;} #footer .two{ width:100%; margin-top:40px;} #footer .two .contents{ width:60%;} #footer .two .contents .title{ line-height:1; color:#72bb38;} #footer .two .contents .item{ margin-top:24px;} #footer .two .contents .item b{ color:#999; margin-right:10px;} #footer .two .contents .item a{ color:#999; margin-right:20px; margin-bottom:10px;line-height: 19px;} #footer .two .contents .item a:hover{ color:#72bb38;} #footer .two .contents .item a:last-child{ margin-right:0;} #footer .two .contents .icp{ font-size:14px; color:#999;} #footer .two .contents .icp a{ font-size:14px; color:#999;} #footer .two .contents .icp a:hover{ color:#72bb38;} #footer .two .contents .icp span{ font-size:14px; color:#999;} #footer .two .qr-code{ width:400px;} #footer .two .qr-code .slide{ width:120px; margin-left:40px;} #footer .two .qr-code .slide .img{ width:100%; background:#fff;} #footer .two .qr-code .slide .txt{ text-align:center; color:#999; margin-top:12px;} #footer .two .qr-code .slide:nth-child(1){ margin-left:0;} /*棣栭〉鏍峰紡*/ #index{ width:100%; background:#fff;} #index .inside-title{ font-size:36px;} #index .inside-brief{ color:#999; margin-top:16px;} #index .one{} #index .two{ width:100%; background:url(/template/images/img103.jpg) no-repeat center; background-size:cover !important; padding:70px 0 120px;} #index .two .inside-title{ color:#fff;} #index .two .item{ width:100%; margin-top:70px;} #index .two .item .slide{ width:32%; border-radius:0 50px 0 0; margin-right:2%;} #index .two .item .slide .img{ width:100%;} #index .two .item .slide .img::after{ padding-top:52.88%;} #index .two .item .slide .contents{ width:100%; background:#fff; padding:30px 36px;} #index .two .item .slide .contents .title{ width:100%; color:#333;} #index .two .item .slide .contents .brief{ width:100%; line-height:1.6; color:#666; margin:16px 0 20px;} #index .two .item .slide .contents .more{ color:#6fba2c;} #index .two .item .slide:hover .contents{ background:#6fba2c;} #index .two .item .slide:hover .contents .title{ color:#fff;} #index .two .item .slide:hover .contents .brief{ color:#fff;} #index .two .item .slide:hover .contents .more{ color:#fff;} #index .two .item .slide:last-child{ margin-right:0;} #index .two .inside-prev{ top:25%;} #index .two .inside-next{ top:25%;} #index .thr{ width:100%; background:#fff; padding-top:90px;} #index .thr .top{ margin-top:52px;} #index .thr .top .slide{ line-height:1; cursor:pointer; color:#999; position:relative; padding-bottom:20px; margin-right:70px;} #index .thr .top .slide::before{ width:100%; height:3px; display:none; background:#6fba2c; position:absolute; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} #index .thr .top .slide.cur{ color:#6fba2c; font-weight:bold;} #index .thr .top .slide.cur::before{ display:block;} #index .thr .top .slide:hover{ color:#6fba2c; font-weight:bold;} #index .thr .top .slide:hover::before{ display:block;} #index .thr .top .slide:last-child{ margin-right:0;} #index .thr .item{ width:100%; background:#2a2a2a; border-radius:50px 0 0 0; margin-top:60px;} #index .thr .item .slide{ width:6.25%; height:720px; overflow:hidden; border-left:1px solid #535353; border-radius:50px 0 0 0;} #index .thr .item .slide .default{ width:100%; height:100%; line-height:2.4; text-align:center; cursor:pointer; display:flex; align-items:center; background:#2a2a2a;} #index .thr .item .slide .default .txt{ width:20%; color:#666; margin:auto;} #index .thr .item .slide .default .txt span{ display:inline-block; color:#666; margin-top:30px;} #index .thr .item .slide .default:hover .txt{ color:#6fba2c;} #index .thr .item .slide .default:hover .txt span{ color:#6fba2c;} #index .thr .item .slide .ites{ width:100%; height:100%; display:none; align-items:center; background-size:cover !important; position:relative; padding:0 120px;} #index .thr .item .slide .ites .contents{ width:100%;} #index .thr .item .slide .ites .contents .title{ color:#6fba2c;} #index .thr .item .slide .ites .contents .brief{ width:80%; max-width:960px; line-height:2; color:#fff; margin-top:30px;} #index .thr .item .slide .ites .contents .more{ width:35px; margin-top:46px;} #index .thr .item .slide .ites .contents .its1{ width:100%; margin-top:60px;} #index .thr .item .slide .ites .contents .its1 .list{ margin-right:80px;} #index .thr .item .slide .ites .contents .its1 .list .txt1{ line-height:.8; letter-spacing:2px; color:#fff;} #index .thr .item .slide .ites .contents .its1 .list .txt1 span{ color:#fff; font-weight:400; margin-left:10px;} #index .thr .item .slide .ites .contents .its1 .list .txt2{ color:#6fba2c; position:relative; padding-bottom:20px; margin-top:20px;} #index .thr .item .slide .ites .contents .its1 .list .txt2::before{ width:56px; height:2px; background:#6fba2c; position:absolute; bottom:0; left:0; z-index:2; content:'';} #index .thr .item .slide .ites .contents .its1 .list:last-child{ margin-right:0;} #index .thr .item .slide .ites .contents .its2{ width:100%; margin-top:30px;} #index .thr .item .slide .ites .contents .its2 .list{ width:100%; line-height:1; color:#999; position:relative; padding-left:20px; margin-top:14px;} #index .thr .item .slide .ites .contents .its2 .list::before{ width:6px; height:6px; border:2px solid #999; border-radius:50%; position:absolute; left:0; top:50%; z-index:2; content:''; transform:translate3d(0px,-50%,0);} #index .thr .item .slide .ites .contents .its3{ width:100%; margin-top:70px;} #index .thr .item .slide .ites .contents .its3 .list{ border-right:1px solid rgba(255,255,255,.1); padding:0 46px;} #index .thr .item .slide .ites .contents .its3 .list .icon{ width:60px;} #index .thr .item .slide .ites .contents .its3 .list .txt{ width:100%; line-height:1.6; color:#fff; margin-top:24px;} #index .thr .item .slide .ites .contents .its3 .list:nth-child(1){ padding-left:0;} #index .thr .item .slide .ites .contents .its3 .list:last-child{ border-right:none; padding-right:0;} #index .thr .item .slide .ites .contents.w2{ width:50%;} /*#index .thr .item .slide .ites .contents.w2{ width:46%;}*/ #index .thr .item .slide .ites .img{ width:44.87%;} #index .thr .item .slide:nth-child(2) .ites .contents{ width:auto; position:absolute; left:120px; bottom:24%; z-index:2;} #index .thr .item .slide.cur{ width:81.25%; border-color:#6fba2c;} #index .thr .item .slide.cur .default{ display:none;} #index .thr .item .slide.cur .ites{ display:flex;} #index .four{ padding:100px 0;} #index .four .item{ width:100%; margin-top:70px;} #index .four .item .slide{ width:32%; margin-right:2%;} #index .four .item .slide .img{ width:100%; border-radius:0 30px 0 0;} #index .four .item .slide .img::after{ padding-top:52.88%;} #index .four .item .slide .title{ width:100%; margin-top:30px;} #index .four .item .slide .brief{ width:100%; line-height:1.8; color:#666; margin:16px 0 26px;} #index .four .item .slide .time{ color:#6fba2c;} #index .four .item .slide:hover .title a{ color:#6fba2c;} #index .four .item .slide:last-child{ margin-right:0;} #index .four .inside-prev{ top:25%;} #index .four .inside-next{ top:25%;} /*鍐呴〉鏍峰紡*/ .inside-title{ font-size:30px; color:#333; font-weight:bold;} .inside-brief{ line-height:2; font-size:18px; color:#333;} .inside-more{ font-size:18px; color:#333;} .inside-prev{ width:60px; overflow:hidden; border-radius:50%; position:absolute; top:50%; left:20px; z-index:2; transform:translate3d(0px,-50%,0);} .inside-next{ width:60px; overflow:hidden; border-radius:50%; position:absolute; top:50%; right:20px; z-index:2; transform:translate3d(0px,-50%,0);} .c .inside-prev{ width:60px; overflow:hidden; border-radius:50%; position:absolute; top:55%; left:150px; z-index:2; transform:translate3d(0px,-55%,0); display:none;} .c .inside-next{ width:60px; overflow:hidden; border-radius:50%; position:absolute; top:55%; right:150px; z-index:2; transform:translate3d(0px,-55%,0); display:none;} .d .inside-prev{ width:60px; overflow:hidden; border-radius:50%; position:absolute; top:65%; left:150px; z-index:2; transform:translate3d(0px,-65%,0); display:none;} .d .inside-next{ width:60px; overflow:hidden; border-radius:50%; position:absolute; top:65%; right:150px; z-index:2; transform:translate3d(0px,-65%,0); display:none;} /*swiper-page*/ .inside-swiper-page{ width:100%; text-align:center; font-size:0; margin-top:60px;} .inside-swiper-page span{ width:8px; height:8px; background:#adadad; border:4px solid #adadad; border-radius:50%; margin:0 6px;} .inside-swiper-page span.swiper-pagination-bullet-active{ background:none; border-color:#6fba2c;} /*鍐呴〉-鍒嗙被鏍峰紡*/ .inside-category-list{ width:100%; background:#f7f7f7; padding:80px 0;} .inside-category-list .slide{ width:12.5%; text-align:center; background:#fff; color:#333; border-radius:50px; padding:14px 0; margin-right:2.08%; margin-top:2.08%; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .inside-category-list .slide.cur{ background:#72bb38; color:#fff;} .inside-category-list .slide:hover{ color:#72bb38;} .inside-category-list .slide:nth-child(7n){ margin-right:0;} .inside-category-list .slide:nth-child(-n+7){ margin-top:0;} /*鍐呴〉缈婚〉*/ .inside-page{ width:100%; background:#fff; border-top:1px solid #e6e6e6; position:relative; padding:50px 0;} .inside-page .text{ height:20px; line-height:20px; background-size:30px !important; color:#333;width: 38%;} .inside-page .text b{ color:#333;} .inside-page .text:hover{ color:#6fba2c !important;} .inside-page .text:hover b{ color:#6fba2c !important; border-color:#6fba2c !important;} .inside-page .text.fl{ background:url(/template/images/img25.png) no-repeat left center; padding-left:60px;} .inside-page .text.fl b{ border-right:1px solid #ccc; padding-right:20px; margin-right:20px;} .inside-page .text.fl:hover{ background:url(/template/images/img25_1.png) no-repeat left center;} .inside-page .text.fr{ background:url(/template/images/img26.png) no-repeat right center; padding-right:60px;} .inside-page .text.fr b{ border-left:1px solid #ccc; padding-left:20px; margin-left:20px;} .inside-page .text.fr:hover{ background:url(/template/images/img26_1.png) no-repeat right center;} .inside-page .back{ width:170px; height:50px; line-height:1; text-align:center; border:1px solid #e6e6e6; border-radius:50px; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; padding:15px 30px; margin:auto;} .inside-page .back:hover{ background:#6fba2c; color:#fff; border-color:#6fba2c;} /*瑙ｅ喅鏂规-鍒楄〃*/ .inside-case{ width:100%;} .inside-case .slide{ width:32%; margin-right:2%; margin-top:4.6%;} .inside-case .slide .img{ width:100%; overflow:hidden; border-radius:0 50px 0 0;} .inside-case .slide .img::after{ padding-top:63.15%;} .inside-case .slide .title{ width:100%; background:url(/template/images/img17.png) no-repeat 95% center; margin-top:26px;} .inside-case .slide .title a{ color:#333;} .inside-case .slide:hover .title{ background:url(/template/images/img18.png) no-repeat 95% center;} .inside-case .slide:hover .title a{ color:#72bb38; font-weight:bold;} .inside-case .slide:nth-child(-n+3){ margin-top:0;} .inside-case .slide:nth-child(3n){ margin-right:0;} /*瑙ｅ喅鏂规-鏍峰紡1*/ .inside-CaseViewOne{ width:100%; display:flex; align-items:center; padding:100px 0;} .inside-CaseViewOne .contents{ width:50%; padding-left:12%; margin-right:2%;} .inside-CaseViewOne .contents .inside-brief{ color:#1a1a1a; margin-top:36px;} .inside-CaseViewOne .contents .item{ width:100%; margin-top:46px;} .inside-CaseViewOne .contents .item .slide{ width:100%; margin-top:40px;} .inside-CaseViewOne .contents .item .slide .title{ width:100%; color:#7dc141;} .inside-CaseViewOne .contents .item .slide .brief{ width:100%; line-height:1.6; color:#1a1a1a; margin-top:10px;} .inside-CaseViewOne .contents .item .slide:nth-child(1){ margin-top:0;} .inside-CaseViewOne .contents .item-two{ width:100%; border:1px solid #e6e6e6; border-radius:10px; padding:30px 50px; margin-top:60px;} .inside-CaseViewOne .contents .item-two .title{ width:100%; color:#7dc141;} .inside-CaseViewOne .contents .item-two .ites{ width:100%; margin-top:20px;} .inside-CaseViewOne .contents .item-two .ites .slide{ width:44%; line-height:1.6; color:#1a1a1a; border-right:1px solid #d9d9d9; padding-right:11%; margin-right:11%;} .inside-CaseViewOne .contents .item-two .ites .slide:nth-child(2n){ border:none; padding-right:0; margin-right:0;} .inside-CaseViewOne .contents .item-thr{ width:85%; margin-top:50px;} .inside-CaseViewOne .contents .item-thr .slide{ width:100%; line-height:1; border-bottom:1px solid #e6e6e6; padding:25px 0;} .inside-CaseViewOne .contents .item-thr .slide .txt1{ width:32%; color:#72bb38;} .inside-CaseViewOne .contents .item-thr .slide .txt2{ width:63%; line-height:1.4; color:#333;} .inside-CaseViewOne .contents .item-four{ width:100%; margin-top:26px;} .inside-CaseViewOne .contents .item-four .slide{ width:100%; margin-top:20px;} .inside-CaseViewOne .contents .item-four .slide .txt1{ width:100%; color:#6fba2c;} .inside-CaseViewOne .contents .item-four .slide .txt2{ width:100%; color:#333; margin-top:6px;} .inside-CaseViewOne .contents .item-four .slide:nth-child(1){ margin-top:0;} .inside-CaseViewOne .contents .item-five{ width:100%; margin-top:70px;} .inside-CaseViewOne .contents .item-five .slide{ width:100%; margin-right:1px;} .inside-CaseViewOne .contents .item-five .slide .list{ width:32%; cursor:pointer; border:1px solid #ccc; border-radius:0 50px 0 0; padding:20px 30px; margin-right:2%; margin-top:4%;} .inside-CaseViewOne .contents .item-five .slide .list .icon{ width:35%;} .inside-CaseViewOne .contents .item-five .slide .list .icon img:nth-child(1){ opacity:1;} .inside-CaseViewOne .contents .item-five .slide .list .icon img:nth-child(2){ opacity:0;} .inside-CaseViewOne .contents .item-five .slide .list .txt{ width:53%; margin-left:12%; margin-top:10%;} .inside-CaseViewOne .contents .item-five .slide .list:hover{ background:#6fba2c; border-color:#6fba2c;} .inside-CaseViewOne .contents .item-five .slide .list:hover .icon img:nth-child(1){ opacity:0;} .inside-CaseViewOne .contents .item-five .slide .list:hover .icon img:nth-child(2){ opacity:1;} .inside-CaseViewOne .contents .item-five .slide .list:hover .txt{ color:#fff;} .inside-CaseViewOne .contents .item-five .slide .list.cur{ background:#6fba2c; border-color:#6fba2c;} .inside-CaseViewOne .contents .item-five .slide .list.cur .icon img:nth-child(1){ opacity:0;} .inside-CaseViewOne .contents .item-five .slide .list.cur .icon img:nth-child(2){ opacity:1;} .inside-CaseViewOne .contents .item-five .slide .list.cur .txt{ color:#fff;} .inside-CaseViewOne .contents .item-five .slide .list:nth-child(3n){ margin-right:0;} .inside-CaseViewOne .contents .item-five .slide .list:nth-child(-n+3){ margin-top:0;} .inside-CaseViewOne .contents.fl{ order:1; padding-right:5.5%; padding-left:12%; margin-right:2%; margin-left:0;} .inside-CaseViewOne .contents.fr{ padding-left:5.5%; padding-right:12%; margin-left:2%; margin-right:0;} .inside-CaseViewOne .img{ width:48%; overflow:hidden; border-radius:50px 0 0 0; position:relative;} .inside-CaseViewOne .img::before{ width:80px; height:80px; display:none; background:url(/template/images/img27.png) no-repeat center; background-size:100%; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} .inside-CaseViewOne .img::after{ padding-top:65.22%;} .inside-CaseViewOne .img[video]{ cursor:pointer; background-size:cover !important;} .inside-CaseViewOne .img[video]::before{ display:block;} .inside-CaseViewOne .img.fl{ border-radius:0 50px 0 0;} .inside-CaseViewOne .img.fr{ order:2; border-radius:50px 0 0 0;} .inside-CaseViewOne .img .item-one{ width:100%;} .inside-CaseViewOne .img .item-one .slide{ width:100%; position:relative;} .inside-CaseViewOne .img .item-one .slide .background{ width:100%;} .inside-CaseViewOne .img .item-one .slide .background::after{ padding-top:65.21%;} .inside-CaseViewOne .img .item-one .slide .cont{ width:50%; background:rgba(111,186,44,.95); border-radius:50px 0 0 0; position:absolute; right:0; bottom:0; z-index:2; padding:30px 40px;} .inside-CaseViewOne .img .item-one .slide .cont .title{ width:100%; line-height:1; color:#fff;} .inside-CaseViewOne .img .item-one .slide .cont .brief{ width:100%; line-height:1.6; color:#fff; margin-top:20px;} .inside-CaseViewOne .img .item-one .slide .cont .more{ width:35px; margin-top:20px;} .inside-CaseViewOne .img .item-one .slide .cont:hover{ background:rgba(111,186,44,1);} /*瑙ｅ喅鏂规-鏍峰紡2*/ .inside-CaseViewTwo{ width:100%; margin-top:46px;} .inside-CaseViewTwo .slide{ width:32%; background:#fff; border-radius:0 30px 0 0; padding:50px 40px; margin-right:2%;} .inside-CaseViewTwo .slide .num{ width:100%; line-height:0.7; color:#6fba2c; font-weight:bold;} .inside-CaseViewTwo .slide .title{ width:100%; line-height:1; color:#6fba2c; margin-top:40px;} .inside-CaseViewTwo .slide .brief{ width:100%; height:96px; line-height:2; overflow:auto; color:#333; margin-top:16px;} .inside-CaseViewTwo .slide:last-child{ margin-right:0;} /*涓氬姟鍦板尯*/ .inside-mapArea{ width:100%; overflow-x:auto; overflow-y:hidden; display:block; margin:auto;} .inside-mapArea .scroll{ width:100%; position:relative; margin:auto;} .inside-mapArea .scroll .map-background{ width:100%; position:relative; z-index:1;} .inside-mapArea .scroll .area{} .inside-mapArea .scroll .area .map-slide{ width:100%; opacity:0; position:absolute; top:0; left:0; z-index:2;} .inside-mapArea .scroll .area .map-slide.cur{ opacity:1;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(1){ left:78.45%; top:40.37%;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(1) .base .map-txt{ color:#ffff00; margin-left:10px; margin-top:6px; margin-bottom:0;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(1) .base .map-icon span{ width:15px; background:#ffff00;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(1) .base .map-icon{box-sizing:content-box;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(2){ left:20%; top:27%;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(3){ left:17.23%; top:43.7%;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(4){ left:26.92%; top:41.85%;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(5){ left:27.69%; top:62.22%;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(6){ left:51.53%; top:9.26%;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(7){ left:48.46%; top:16.66%;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(8){ left:50.76%; top:22.22%;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(9){ left:53.07%; top:32.03%;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(10){ left:45.92%; top:40.7%;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(11){ left:53.53%; top:50.74%;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(12){ left:55.38%; top:64.81%;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(13){ left:58.46%; top:48.14%;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(14){ left:60%; top:33.7%;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(15){ left:63.07%; top:22.22%;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(16){ left:68.15%; top:34.44%;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(17){ left:71.53%; top:14.07%;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(18){ left:76.15%; top:29.62%;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(19){ left:80.76%; top:55.55%;} .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(20){ left:89.76%; top:73.33%;} /*寮瑰嚭鍦板浘*/ .inside-country{ width:100%; height:100%; background:rgba(0,0,0,.9); position:absolute; top:0; left:0; right:0; z-index:4; margin:auto;display: flex;align-items: center;} .inside-country .cw1440{ padding:50px;} .inside-country .cw1440 .shutdown{ width:100%;} .inside-country .cw1440 .shutdown img{ width:30px; cursor:pointer;} .inside-country .cw1440 .country-item{ width:100%; max-width:700px; position:relative; margin-top:20px; margin-right:170px;} .inside-country .cw1440 .country-item .country-background{ width:100%;} .inside-country .cw1440 .country-item .country-line{ width:100%; position:absolute; top:0; left:0; z-index:2;} .inside-country .cw1440 .country-item .country-area{} .inside-country .cw1440 .country-item .country-area .country-slide{ width:100%; opacity:0; position:absolute; top:0; left:0; z-index:2;} .inside-country .cw1440 .country-item .country-area .country-slide.cur{ opacity:1;} .inside-country .cw1440 .country-item .inside-flag .flag-slide:nth-child(1){ left:23.71%; top:31.53%;} .inside-country .cw1440 .country-item .inside-flag .flag-slide:nth-child(2){ left:35.71%; top:59.61%;} .inside-country .cw1440 .country-item .inside-flag .flag-slide:nth-child(3){ left:57.5%; top:28.07%;} .inside-country .cw1440 .country-item .inside-flag .flag-slide:nth-child(4){ left:57.14%; top:53.46%;} .inside-country .cw1440 .country-item .inside-flag .flag-slide:nth-child(5){ left:56%; top:65.38%;} .inside-country .cw1440 .country-item .inside-flag .flag-slide:nth-child(6){ left:51.42%; top:77.3%;} .inside-country .cw1440 .country-item .inside-flag .flag-slide:nth-child(7){ left:77.2%; top:16.92%;} .inside-country .cw1440 .country-item .inside-flag .flag-slide:nth-child(8){ left:67.14%; top:51.92%;} .inside-country .cw1440 .country-item .inside-flag .flag-slide:nth-child(9){ left:69.71%; top:66.38%;} .inside-country .cw1440 .country-item .inside-flag-two .flag-slide:nth-child(1){ left:61%; top:82.69%;} .inside-country .cw1440 .country-item .inside-flag-two .flag-slide:nth-child(2){ left:64%; top:82%;} .inside-country .cw1440 .country-item .inside-flag-two .flag-slide:nth-child(3){ left:72%; top:56%;} .inside-country .cw1440 .country-item .inside-flag-two .flag-slide:nth-child(4){ left:75.14%; top:58.84%;} .inside-country .cw1440 .country-item .inside-flag-two .flag-slide:nth-child(5){ left:51.14%; top:62.69%;} .inside-country .cw1440 .country-item .inside-flag-two .flag-slide:nth-child(6){ left:65.14%; top:36.15%;} .inside-country .cw1440 .country-item .inside-flag-two .flag-slide:nth-child(7){ left:66.28%; top:38.84%;} .inside-country .cw1440 .country-item .inside-flag-two .flag-slide:nth-child(8){ left:74%; top:64%;} /*#index .thr .item .inside-country{display: flex;align-items: center;}*/ #index .inside-country .cw1440 .country-item{ margin-right:0;} /*鍦板尯鏍囩偣*/ .inside-flag .flag-slide{ position:absolute; z-index:3;} .inside-flag .flag-slide .base{ cursor:pointer; position:relative; z-index:2;} .inside-flag .flag-slide .base .map-txt{ line-height:1; color:#fff; margin-bottom:6px;} .inside-flag .flag-slide .base .map-icon{ max-width:20px; background:rgba(111,186,44,.3); border-radius:50%; position:relative; padding:5px; margin:auto;} .inside-flag .flag-slide .base .map-icon span{ width:10px; overflow:visible; background:#6fba2c; position:relative; border-radius:50%;line-height: normal;} .inside-flag .flag-slide .base .map-icon span::before{ width:100%; height:100%; opacity:0; border-radius:50%; box-shadow:inset #6fba2c 0 0 5px; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} .inside-flag .flag-slide .base .map-icon::before{ width:100%; height:100%; opacity:0; border-radius:50%; box-shadow:inset #6fba2c 0 0 5px; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} .inside-flag .flag-slide .bubbles{ width:200px; opacity:0; visibility:hidden; border-radius:6px; position:absolute; left:50%; bottom:50%; z-index:3; padding-bottom:13px; margin-left:-100px; transform:translateY(5px); -ms-transform:translateY(5px); -webkit-transform:translateY(5px);} .inside-flag .flag-slide .bubbles::before{ width:26px; height:13px; background:url(/template/images/img145.png) no-repeat center; background-size:100%; position:absolute; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} .inside-flag .flag-slide .bubbles .map-title{ width:100%; line-height:1; background:#6fba2c; color:#fff; padding:8px 16px;} .inside-flag .flag-slide .bubbles .map-ites{ width:100%; background:#fff; padding:16px;} .inside-flag .flag-slide .bubbles .map-ites .map-txt{ width:100%; line-height:1; vertical-align:middle; margin-top:10px;} .inside-flag .flag-slide .bubbles .map-ites .map-txt a{ max-width:90%; color:#333;} .inside-flag .flag-slide .bubbles .map-ites .map-txt img{ vertical-align:middle; margin-top:-5px; margin-left:5px;} .inside-flag .flag-slide .bubbles .map-ites .map-txt:hover a{ color:#6fba2c;} .inside-flag .flag-slide .bubbles .map-ites .map-txt:hover img{ display:none;} .inside-flag .flag-slide .bubbles .map-ites .map-txt:hover img.hide{ display:inline-block;} .inside-flag .flag-slide .bubbles .map-ites .map-txt:nth-child(1){ margin-top:0;} .inside-flag .flag-slide .bubbles .map-ites.of{ padding:20px 16px;} .inside-flag .flag-slide:hover .base .map-icon::before,.inside-flag .flag-slide.on2 .base .map-icon::before{ animation:warn 2s ease-out .1s infinite; -webkit-animation:warn 2s ease-out .1s infinite;} .inside-flag .flag-slide:hover .base .map-icon span::before,.inside-flag .flag-slide.on2 .base .map-icon span::before{ animation:warn-2 2s ease-out .1s infinite; -webkit-animation:warn-2 2s ease-out .1s infinite;} .inside-flag .flag-slide.on .bubbles{ opacity:1; visibility:visible; transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0);} .inside-flag .flag-slide.cur .base .map-icon::before{ animation:warn 2s ease-out .1s infinite; -webkit-animation:warn 2s ease-out .1s infinite;} .inside-flag .flag-slide.cur .base .map-icon span::before{ animation:warn-2 2s ease-out .1s infinite; -webkit-animation:warn-2 2s ease-out .1s infinite;} .inside-flag-two{} .inside-flag-two .flag-slide{ position:absolute; z-index:3;} .inside-flag-two .flag-slide .base{ cursor:pointer; position:relative; z-index:2;} .inside-flag-two .flag-slide .base .map-txt{ line-height:1; color:#999; margin-bottom:6px;} .inside-flag-two .flag-slide .base .map-icon{ width:8px; height:8px; background:#999; border-radius:50%; margin:auto;} .inside-flag-two .flag-slide .base .map-icon.fl{ margin-top:2px; margin-right:5px;} .inside-flag-two .flag-slide.big .base .map-txt{ color:#ffff00; font-size:14px; margin-bottom:0; margin-top:6px;} .inside-flag-two .flag-slide.big .base .map-icon{ width:auto; max-width:25px; height:auto; background:rgba(213,253,0,.3); position:relative; padding:5px;} .inside-flag-two .flag-slide.big .base .map-icon span{ width:15px; overflow:visible; background:#ffff00; position:relative; border-radius:50%;line-height: normal;} .inside-flag-two .flag-slide.big .base .map-icon span::before{ width:100%; height:100%; opacity:0; border-radius:50%; box-shadow:inset #ffff00 0 0 5px; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} .inside-flag-two .flag-slide.big .base .map-icon::before{ width:100%; height:100%; opacity:0; border-radius:50%; box-shadow:inset #ffff00 0 0 5px; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} .inside-flag-two .flag-slide.big:hover .base .map-icon::before,.inside-flag-two .flag-slide.big.on2 .base .map-icon::before{ animation:warn 2s ease-out .1s infinite; -webkit-animation:warn 2s ease-out .1s infinite;} .inside-flag-two .flag-slide.big:hover .base .map-icon span::before,.inside-flag-two .flag-slide.big.on2 .base .map-icon span::before{ animation:warn-2 2s ease-out .1s infinite; -webkit-animation:warn-2 2s ease-out .1s infinite;} /*寮圭獥*/ #alert-window{ width:100%; max-width:1920px; height:100%; opacity:0; display:flex; align-items:center; position:fixed; top:0; left:0; right:0; z-index:6; margin:auto;} #alert-window::before{ width:100%; height:100%; background:rgba(0,0,0,.7); position:absolute; top:0; left:0; right:0; z-index:2; margin:auto; content:'';} #alert-window .item{ width:90%; max-width:1000px; background:#fff; border-radius:0 50px 0 0; position:relative; z-index:3; padding:40px 60px 80px; margin:auto;} #alert-window .item .shutdown{ width:100%;} #alert-window .item .shutdown .title{ color:#333;} #alert-window .item .shutdown .img{ width:25px; cursor:pointer; margin-top:3px;} #alert-window .item .one{ border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:40px 0 60px; margin:30px 0 60px;} #alert-window .item .one .title{ width:100%; color:#333;} #alert-window .item .one .title span{ color:#72bb38;} #alert-window .item .one .ites{ width:100%; margin-top:30px;} #alert-window .item .one .ites .slide{} #alert-window .item .one .ites .slide .txt{ width:90px; line-height:3;} #alert-window .item .one .ites .slide .txt2{ line-height:3; color:#999; margin-left:20px;} #alert-window .item .one .ites .slide .radio{ line-height:3; background:url(/template/images/img117.png) no-repeat left center; background-size:16px !important; position:relative; padding-left:25px; margin-right:20px;} #alert-window .item .one .ites .slide .radio.cur{ background:url(/template/images/img118.png) no-repeat left center;} #alert-window .item .one .ites .slide .radio:last-child{ margin-right:0;} #alert-window .item .one .ites .slide .input{ width:320px; height:50px; border:1px solid #e3e3e3; padding:0 16px;} #alert-window .item .one .ites .slide .file{ width:450px; height:50px; cursor:pointer; border:1px solid #e3e3e3;} #alert-window .item .one .ites .slide .file .text{ width:70%; height:100%; line-height:3; padding:0 16px;} #alert-window .item .one .ites .slide .file .text2{ width:30%; height:100%; line-height:3; text-align:center; background:#f3f3f3; color:#333;} #alert-window .item .one .ites .slide .file .text2 img{ margin-right:10px;} #alert-window .item .one .ites .slide.cur{} #alert-window .item .one .ites .slide.cur .input{ width:200px;} #alert-window .item .one .ites .slide.cur2{ width:100%;} #alert-window .item .one .ites .slide.border-box{ padding:0 30px;} #alert-window .item .one .ites .sendBtn{ line-height:3; cursor:pointer; background:#f3f3f3; color:#333; border:1px solid #e3e3e3; padding:0 24px; margin-left:4%;} #alert-window .item .one .ites:nth-child(1){ margin-top:0;} #alert-window .item .submit{ line-height:1; cursor:pointer; background:#72bb38; color:#fff; border-radius:50px; padding:16px 46px;} #alert-window.show{ opacity:1;} /*瑙ｅ喅鏂规-鍒嗙被鍒楄〃*/ #case.index{ padding:90px 0;} /*瑙ｅ喅鏂规-鍒嗙被璇︾粏*/ #case.category .two{ width:100%; background:url(/template/images/img21.jpg) no-repeat center; background-size:cover; padding:140px 0 200px;} #case.category .two .inside-CaseViewTwo{ margin-top:60px;} #case.category .thr{ padding:180px 0;} #case.category .thr .inside-case{ position:relative; margin-top:50px;} #case.category .thr .inside-case .slide{ margin-top:0; margin-right:2%;} #case.category .thr .inside-prev{ top:42%;} #case.category .thr .inside-next{ top:42%;} /*瑙ｅ喅鏂规-妗堜緥鍒楄〃*/ #case.list{} #case.list .one{ padding:80px 0 150px;} #case.list .one .inside-case{ margin-top:64px;} /*瑙ｅ喅鏂规-妗堜緥璇︾粏*/ #case.detail{} #case.detail .one{ width:100%; background:#f7f7f7; padding:80px 0 130px;} #case.detail .one .inside-brief{ margin-top:30px;} #case.detail .two{} #case.detail .thr{ width:100%; background:url(/template/images/img28.jpg) no-repeat center; background-size:cover !important; padding:80px 0 160px;} #case.detail .thr .inside-brief{ margin:30px 0 60px;} #case.detail .thr .inside-CaseViewTwo .title{ color:#1a1a1a;} #case.detail .four{ width:100%; background:#f7f7f7; padding:140px 0;} #case.detail .four .inside-CaseViewTwo .slide{ padding:100px 40px;} #case.detail .four .inside-CaseViewTwo .slide .title{ margin-top:0;} #case.detail .thr:hover .inside-prev , #case.detail .thr:hover .inside-next{display:block;} #case.detail .four:hover .inside-prev , #case.detail .four:hover .inside-next{display:block;} /*浜у搧涓績-鍒嗙被椤�*/ #products.index{ width:100%; background:#f7f7f7;} #products.index .one{ width:100%; margin-bottom:110px;} #products.index .one .item{} #products.index .one .item .title{ width:100%; color:#1a1a1a;} #products.index .one .item .brief{ width:100%; line-height:1.8; color:#333; margin-top:30px;} #products.index .one .item .img{ width:100%; margin-top:60px;} #products.index .two{ width:100%;} #products.index .two .slide{ width:100%; background:#fff;} #products.index .two .slide .img{ width:44%; border-radius:50px 0 0 0; order:2;} #products.index .two .slide .img::after{ padding-top:59.17%;} #products.index .two .slide .contents{ width:43%; order:1; margin-right:13%;} #products.index .two .slide:nth-child(2n){ background:url(/template/images/img83.jpg) no-repeat center; background-size:cover !important;} #products.index .two .slide:nth-child(2n) .img{ order:1; border-radius:0 50px 0 0;} #products.index .two .slide:nth-child(2n) .contents{ order:2; margin-right:0; margin-left:13%; padding-left:0; padding-right:12%;} /*浜у搧涓績-鍒楄〃椤�*/ #products.list{ width:100%; background:#f7f7f7; padding-bottom:120px;} #products.list .item{} #products.list .item .slide{ width:49%; background:#fff; border-radius:0 50px 0 0; padding:20px 56px 70px; margin-right:2%; margin-top:2%;} #products.list .item .slide .img{ width:100%;} #products.list .item .slide .img::after{ padding-top:82.14%;} #products.list .item .slide .title{ width:100%; color:#333; margin-top:24px;} #products.list .item .slide .brief{ width:100%; line-height:1.6; color:#333; margin-top:12px;} #products.list .item .slide .more{ line-height:1; color:#666; border:1px solid #e6e6e6; border-radius:50px; padding:12px 38px; margin-top:36px;} #products.list .item .slide:hover{ box-shadow:0 0 10px 1px #f0f0f0;} #products.list .item .slide:hover .title a{ color:#6fba2c;} #products.list .item .slide:hover .brief{ color:#6fba2c;} #products.list .item .slide:hover .more{ background:#6fba2c; color:#fff; border-color:#6fba2c;} #products.list .item .slide:nth-child(2n){ margin-right:0;} #products.list .item .slide:nth-child(-n+2){ margin-top:0;} /*浜у搧涓績-璇︾粏椤�*/ #products.detail{} #products.detail .one{} #products.detail .one .top{ width:100%; background:#f7f7f7;} #products.detail .one .top .slide{ line-height:1; color:#1a1a1a; position:relative; padding:24px 90px;} #products.detail .one .top .slide::before{ width:12px; height:8px; display:none; background:url(/template/images/img92.png) no-repeat center; background-size:100%; position:absolute; bottom:6px; left:0; right:0; z-index:2; margin:auto; content:'';} #products.detail .one .top .slide.cur{ background:#fff; color:#72bb38;} #products.detail .one .top .slide.cur::before{ display:block;} #products.detail .one .bot{ width:100%; padding:80px 0;} #products.detail .one .bot .inside-title.margin{ margin-top:46px;} #products.detail .one .bot .inside-CaseViewOne{ padding:0;} #products.detail .one .bot .inside-CaseViewOne .img .slide::after{ padding-top:71%;} #products.detail .one .bot .parameter{} #products.detail .one .bot .parameter .ites{ width:100%; border-bottom:1px solid #e6e6e6; padding:20px 0;} #products.detail .one .bot .parameter .ites .slide{ width:50%; line-height:1.4;} #products.detail .one .bot .parameter .ites .slide .txt1{ min-width:16%; color:#999; margin-right:4%;} #products.detail .one .bot .parameter .ites .slide .txt2{ max-width:70%;} #products.detail .two{ width:100%; background:url(/template/images/img58.jpg) no-repeat center; background-size:cover; padding:180px 0;} #products.detail .two .inside-title{ color:#fff;} #products.detail .two .inside-case{ margin-top:40px;} #products.detail .two .inside-case .slide{ margin-top:0; margin-right:2%;} #products.detail .two .inside-case .slide .title{ background:none;} #products.detail .two .inside-case .slide .title a{ color:#fff;} #products.detail .two .inside-case .slide:last-child{ margin-right:0;} #products.detail .thr{ width:100%; padding:180px 0;} #products.detail .thr .inside-case{ margin-top:40px;} #products.detail .thr .inside-case .slide{ margin-top:0; margin-right:2%;} #products.detail .thr .inside-case .slide .title{ background:none;} #products.detail .thr .inside-case .slide:last-child{ margin-right:0;} #products.detail .four{ width:100%; height:700px; background:url(/template/images/img121.jpg) no-repeat center; background-size:cover; position:relative;} #products.detail .four .cw1440{ height:100%; display:flex; align-items:center;} #products.detail .four .contents{ width:50%;} #products.detail .four .contents .txt1{ line-height:1; color:#7dc141;} #products.detail .four .contents .txt2{ line-height:1; color:#fff; margin-top:30px;} #products.detail .four .contents .txt3{ line-height:1; color:#fff; border:1px solid rgba(255,255,255,.5); border-radius:50px; padding:12px 36px; margin-top:80px;} #products.detail .four .contents .txt3:hover{ background:#7dc141; border-color:#7dc141;} #products.detail .four .img{ width:39%; margin-left:5%;} #products.detail .four .img .slide{ width:100%;} #products.detail .four .img .slide::after{ padding-top:82.14%;} #products.detail .four .img .inside-swiper-page{ margin-top:40px;} #products.detail .four .img .inside-swiper-page span{ width:6px; height:6px; background:#d2d2d2; border-color:#d2d2d2; margin:0 10px;} #products.detail .four .img .inside-swiper-page span.swiper-pagination-bullet-active{ background:none; border-color:#6fba2c;} /*鏈嶅姟鏀寔-鍝佽川鏈嶅姟*/ #support.index{} #support.index .one{ width:100%; background:#f7f7f7; padding:70px 0 90px;} #support.index .one .item{ width:100%; margin-top:40px;} #support.index .one .item .slide{ width:32%; overflow:hidden; border-radius:0 50px 0 0; margin-right:2%;} #support.index .one .item .slide .img{ width:100%;} #support.index .one .item .slide .img::after{ padding-top:45.7%;} #support.index .one .item .slide .contents{ width:100%; background:#fff; padding:36px 0;} #support.index .one .item .slide .contents .txt1{ line-height:1; color:#6fba2c;} #support.index .one .item .slide .contents .txt2{ line-height:1; color:#ccc; font-family:'Arial'; margin-top:10px;} #support.index .one .item .slide:last-child{ margin-right:0;} #support.index .two{ padding:70px 0 110px;} #support.index .two .item{ width:100%; margin-top:60px;} #support.index .two .item .slide{ width:9%; margin-right:6%; margin-bottom:6%;} #support.index .two .item .slide .img{ width:100%; overflow:visible; border:1px solid #666; border-radius:50%; position:relative;} #support.index .two .item .slide .img::before{ width:10px; height:17px; background:url(/template/images/img39.png) no-repeat center; position:absolute; left:135%; top:50%; z-index:2; content:''; transform:translate3d(0px,-50%,0);} #support.index .two .item .slide .txt{ width:100%; color:#333; margin-top:30px;} #support.index .two .item .slide:last-child{ margin-right:0;} #support.index .two .item .slide:last-child .img::before{ display:none;} #support.index .thr{ width:100%; background:#212121; padding:120px 0;} #support.index .thr .contents{ position:absolute; top:0; left:0; z-index:4;} #support.index .thr .contents .inside-title{ color:#6fba2c;} #support.index .thr .contents .item{ width:100%; margin-top:24px;} #support.index .thr .contents .item .slide{ width:100%; line-height:1; color:#999; position:relative; padding-left:20px; margin-top:14px;} #support.index .thr .contents .item .slide::before{ width:6px; height:6px; border:2px solid #999; border-radius:50%; position:absolute; left:0; top:50%; z-index:2; content:''; transform:translate3d(0px,-50%,0);} #support.index .four{} #support.index .four.hui{ background:#f7f7f7;} #support.index .four.hui .img::after{ padding-top:65.4%;} /*鏈嶅姟鏀寔-涓嬭浇涓績*/ #support.download{} #support.download .one{ background:#f7f7f7; padding:100px 0 150px;} #support.download .one .slide{ width:32%; background:#fff; border-radius:0 50px 0 0; padding:34px 32px; margin-right:2%; margin-top:2%;} #support.download .one .slide .title{ width:100%; line-height:1.4; color:#333;} #support.download .one .slide .brief{ width:100%; line-height:1.6; color:#999; margin-top:16px;} #support.download .one .slide .option{ line-height:1; vertical-align:middle; background:#72bb38; color:#fff; border-radius:50px; padding:10px 20px 10px 24px; margin-top:32px;} #support.download .one .slide .option img{ vertical-align:middle; margin-top:-3px; margin-left:10px;} #support.download .one .slide:hover .title{ color:#72bb38;} #support.download .one .slide:nth-child(3n){ margin-right:0;} #support.download .one .slide:nth-child(-n+3){ margin-top:0;} /*鏈嶅姟鏀寔-鏂伴椈鍔ㄦ€�-鍒楄〃*/ #support.news-list{ width:100%; background:#f7f7f7; padding:90px 0;} #support.news-list .inside-category-list{ padding:0;} #support.news-list .one{ margin-top:70px;} #support.news-list .one .ites{ width:100%; border-bottom:1px solid #dbdbdb; padding-bottom:46px; margin-top:60px;} #support.news-list .one .ites .slide{ width:48.61%;} #support.news-list .one .ites .slide .img{ width:100%;border-radius: 0 50px 0 0;overflow: hidden;} #support.news-list .one .ites .slide .img::after{ padding-top:56.14%;} #support.news-list .one .ites .slide .img img{width: 100%;} #support.news-list .one .ites .slide .title{ width:100%; line-height:1; margin-top:36px;} #support.news-list .one .ites .slide .title a{ color:#333;} #support.news-list .one .ites .slide .brief{ width:100%; line-height:1.6; color:#999; margin-top:16px;} #support.news-list .one .ites .slide .time{ width:100%; color:#999; margin-top:20px;} #support.news-list .one .ites .slide:hover .title a{ color:#72bb38;} #support.news-list .one .ites:nth-child(1){ margin-top:0;} /*鏈嶅姟鏀寔-鏂伴椈鍔ㄦ€�-璇︾粏*/ #support.news-detail{} #support.news-detail .one{ width:100%; background:#f7f7f7; padding:80px 0;} #support.news-detail .one .title{ width:100%; color:#72bb38;} #support.news-detail .one .other{ width:100%; line-height:1; margin-top:20px;} #support.news-detail .one .other .txt{ color:#999; margin:0 20px;} #support.news-detail .two{ padding:60px 0 90px;} /*鍏充簬浣抽『-浣抽『浠嬬粛*/ #about.index{} #about.index .one{ width:100%; background:#f7f7f7; padding:120px 0 130px;} #about.index .one .inside-brief{ font-size:16px;} #about.index .two{} #about.index .thr{ width:100%; background:url(/template/images/img58.jpg) no-repeat center; background-size:cover; padding:130px 0 200px;} #about.index .thr .inside-title{ color:#fff;} #about.index .thr .item{ width:100%; margin-top:120px;} #about.index .thr .item .slide{ margin:0 70px;} #about.index .thr .item .slide .txt1{ width:100%; line-height:1; color:#fff;} #about.index .thr .item .slide .txt1 span{ color:#fff; font-weight:400; margin-left:6px;} #about.index .thr .item .slide .txt2{ width:100%; color:#6fba2c; position:relative; padding-bottom:16px; margin-top:20px;} #about.index .thr .item .slide .txt2::before{ width:54px; height:2px; background:#6fba2c; position:absolute; left:0; bottom:0; z-index:2; content:'';} #about.index .four{ width:100%; /*min-height:880px;*/ position:relative; padding:80px 0 100px;min-height: 0 !important;padding-bottom: 0;background: #2a2a2a;} #about.index .four .ites{margin-top: 50px;} #about.index .four .ites .contents.border-box{display: none;} #about.index .four .inside-title{ position:relative; z-index:3;color: #fff;} #about.index .four .background{ width:100%; height:100%; background-size:cover !important; position:absolute; top:0; left:0; right:0; z-index:2; margin:auto;} #about.index .four .item{ position:absolute; bottom:110px; left:0; right:0; z-index:3; margin:auto;} #about.index .four .item .slide{ color:#333; position:relative; padding-left:28px; margin:0 40px;} #about.index .four .item .slide::before{ width:9px; height:9px; border:3px solid #6fba2c; border-radius:50%; position:absolute; left:0; top:50%; z-index:2; content:''; transform:translate3d(0px,-50%,0);} #about.index .five{ width:100%; background:#f7f7f7; padding:70px 0 90px;} #about.index .five .img{ margin-top:60px;} #about.index .six{ width:100%;} #history{ max-width: 1920px;margin: 0 auto;background-size:cover !important; position:relative;} #history .swiper-prev{ width:60px; height:60px; display:none; cursor:pointer; background:rgba(0,0,0,.2); border-radius:50%; position:absolute; left:60px; top:50%; z-index:4; margin-top:-33px;} #history .swiper-prev::before{ width:20px; height:20px; border-top:3px solid #fff; border-left:3px solid #fff; position:absolute; left:38%; top:50%; margin-top:-10px; content:''; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);} #history .swiper-next{ width:60px; height:60px; display:none; cursor:pointer; background:rgba(0,0,0,.2); border-radius:50%; position:absolute; right:60px; top:50%; z-index:4; margin-top:-33px;} #history .swiper-next::before{ width:20px; height:20px; border-top:3px solid #fff; border-left:3px solid #fff; position:absolute; right:38%; top:50%; margin-top:-10px; content:''; -webkit-transform:rotate(130deg); -moz-transform:rotate(130deg); -ms-transform:rotate(130deg); -o-transform:rotate(130deg); transform:rotate(130deg);} #history .swiper-wrapper{} #history .swiper-wrapper .swiper-slide{} #history .swiper-wrapper .six1{ width:100%; height:920px; text-align:center; position:relative; z-index:2;} #history .swiper-wrapper .six1 .background{ width:100%; height:100%; opacity:0; background:url(/assets/img/shenda.jpg) no-repeat center; background-size:cover; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; margin:auto;background-size: cover !important;} #history .swiper-wrapper .six1 .content{ width:100%; opacity:0; position:relative; z-index:2;} #history .swiper-wrapper .six1 .content .title{ line-height:40px; color:#fff;margin: 105px 0 183px;font-weight: bold;} #history .swiper-wrapper .six1 .content .brief{ line-height: 40px; color:#fff;margin: 0 0 25px;} #history .swiper-wrapper .six1 .content .time{ line-height: 60px; color:#fff; margin-top:10px;font-weight: bold;} #history .swiper-wrapper .six1 .content .text{ width:22px; height:22px; border:1px solid #fff; border-radius:50%; position:relative; margin-top:30px;} #history .swiper-wrapper .six1 .content .text::before{ width:14px; height:14px;background:#fff; border-radius:50%; position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; margin:auto; content:'';} #history .swiper-wrapper .six1 .line{ width:0; height:0; border-top:1px solid #c2c2c2; position:absolute; left:50%; right:50%; top:495px; bottom:auto; z-index:3; margin-left:17px; transition:all 6000ms ease 0s;} #history .swiper-wrapper .six2{ width:auto; position:relative; z-index:3;margin-top: 84px;} #history .swiper-wrapper .six2 .slide{ width:380px; position:relative; padding-right:20px; margin-left: 80px;} #history .swiper-wrapper .six2 .slide .brief{ width:100%; height:288px; line-height:36px; overflow:hidden; color:#333; margin:16px 0 6px;opacity:0;} #history .swiper-wrapper .six2 .slide .title{ width:100%; color:#6fba2c; line-height:60px;font-weight: bold;opacity:0;} #history .swiper-wrapper .six2 .slide .circle{border:1px solid #6fba2c; width:22px; height:22px; border-radius:50%; position:absolute; bottom:-52px; z-index:2;opacity:0;} #history .swiper-wrapper .six2 .slide .circle i{ width:14px; height:14px; display:block; background:#6fba2c; border-radius:50%; position:relative; margin:3px auto;} #history .swiper-wrapper .six2 .slide .circle i::before{ height:15px; display:block; border-right:1px solid #6fba2c; position:absolute; bottom:18px; right:50%; z-index:2; content:'';opacity:0;} #history .swiper-wrapper .six2 .slide.to{ margin-left:320px; margin-top:82px;} #history .swiper-wrapper .six2 .slide.to .brief{ margin:0px 0 16px;} #history .swiper-wrapper .six2 .slide.to .circle{ top:-51px; bottom:auto;} #history .swiper-wrapper .six2 .slide.to .circle i::before{ width:90px;bottom:auto; top:18px;} #history .swiper-wrapper .six2 .slide.last{ margin-right:50px;} #history .swiper-wrapper .six2.show .slide .brief{ display: flex; align-items: center; animation:history-content 2s linear; -webkit-animation:history-content 2s linear; animation-fill-mode:forwards;opacity:1;} #history .swiper-wrapper .six2.show .slide .title{ animation:history-content 2s linear; -webkit-animation:history-content 2s linear; animation-fill-mode:forwards;opacity:1;} #history .swiper-wrapper .six2.show .slide .circle{ opacity:1;} #history .swiper-wrapper .six2.show .slide .circle i::before{ animation:line 1s linear; -webkit-animation:line 1s linear;opacity:1;} @media only screen and (max-width:1680px){ .b .inside-prev , .b .inside-next , .d .inside-prev , .d .inside-next{display:none;} } @media only screen and (max-width:1440px){ #history .swiper-prev, #history .swiper-next{margin-top: -2px;} #history .swiper-wrapper .six1 .line{ top:438px;} #history .swiper-wrapper .six1 .content .title{margin: 114px 0;} #history .swiper-wrapper .six1 .content .text{ width:28px; height:28px;} #history .swiper-wrapper .six1 .content .text::before{ width:16px; height:16px;} #history .swiper-wrapper .six2{margin-top: 170px;} #banner .slide .ites .list .cont .name .txt a{ width:128px; font-size:14px;} #history .swiper-wrapper .six2 .slide{ width:280px;} } @media only screen and (max-width:1280px){ #banner .slide .ites .list .cont .name .txt a{ width:110px; font-size:12px;} #banner .slide .ites .list:nth-child(2) .cont .images .img{ width:65px;} #banner .slide .ites .list:nth-child(3) .cont .images .img{ width:80px;} #banner .slide .ites .list:nth-child(4) .cont .images .img{ width:65px;} #banner .slide .ites .list:nth-child(4) .cont .name{ transform:translate3d(50px,0,0);} } @media only screen and (max-width:780px){ #history .swiper-wrapper .six2 .slide{margin-left: 30px;} #history .swiper-prev{ display:none !important;} #history .swiper-next{ display:none !important;} } /*鍏充簬浣抽『-璧勮川鑽ｈ獕*/ #about.honor{ width:100%; background:#f7f7f7; padding:84px 0 120px;} #about.honor .inside-category-list{ padding:0;} #about.honor .inside-category-list.pc{display: block;} #about.honor .inside-category-list.mobile{display: none;} #about.honor .one{ margin-top:60px;} #about.honor .one .item{ width:100%;} #about.honor .one .item .slide{ width:32%; margin-right:2%; margin-top:4%;} #about.honor .one .item .slide .img{ width:100%; background:#fff; border-radius:0 50px 0 0; padding:50px 30px;} #about.honor .one .item .slide .img::after{ padding-top:140%;} #about.honor .one .item .slide .title{ width:100%; color:#333; margin-top:30px;} #about.honor .one .item .slide:hover .title{ color:#72bb38; font-weight:bold;} #about.honor .one .item .slide:nth-child(3n){ margin-right:0;} #about.honor .one .item .slide:nth-child(-n+3){ margin-top:0;} /*鍏充簬浣抽『-鑱旂郴鎴戜滑*/ #about.contact{ width:100%; background:#f7f7f7; padding:100px 0;} #about.contact .one{} #about.contact .one .item{ width:100%;} #about.contact .one .item .slide{ width:100%; overflow:hidden; background:#fff; border-radius:0 50px 0 0; margin-top:50px;} #about.contact .one .item .slide .contents{ width:57%; padding:80px 70px;} #about.contact .one .item .slide .contents .title{ width:100%; line-height:1; color:#333;} #about.contact .one .item .slide .contents .brief{ width:100%; margin-top:40px;} #about.contact .one .item .slide .contents .brief li{ width:100%; font-size:16px; color:#333; margin-top:16px;} #about.contact .one .item .slide .contents .brief li:nth-child(1){ margin-top:0;} #about.contact .one .item .slide .img{ width:43%;} #about.contact .one .item .slide .img::after{ padding-top:68%;} #about.contact .one .item .slide:hover .contents .title{ color:#72bb38;} #about.contact .one .item .slide:nth-child(1){ margin-top:0;} /*鍏充簬浣抽『-鍔犲叆鎴戜滑*/ #about.join{ width:100%; background:#f7f7f7; padding:100px 0;} #about.join .one{} #about.join .one img{ width:100%;} #about.join .two{ margin-top:60px;} #about.join .two .search{ width:100%; background:#4d4d4d; padding:54px 70px;} #about.join .two .search .text{ line-height:1; color:#fff; margin-top:16px; margin-right:20px;} #about.join .two .search .select{ width:270px; height:50px; background-color:#fff; padding:0 16px; margin-right:17px;} #about.join .two .search .input{ width:270px; height:50px; background:#fff; color:#666; padding:0 16px; margin-right:20px;} #about.join .two .search .submit{ width:50px; height:50px; cursor:pointer; background:#72bb38 url(/template/images/img69.png) no-repeat center; background-size:20px !important;} #about.join .two .item{ width:100%; margin-top:12px;} #about.join .two .item .slide{ width:100%; background:#fff; border:1px solid #fff; margin-top:10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} #about.join .two .item .slide .top{ width:100%; line-height:1; cursor:pointer; padding:32px 0;} #about.join .two .item .slide .top .td{ min-height:1px; vertical-align:middle; float:left; font-size:16px; color:#333; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} #about.join .two .item .slide .top .td img{ vertical-align:middle; margin-top:-3px; margin-right:8px;} #about.join .two .item .slide .top .td:nth-child(1){ width:26%; font-size:18px; color:#333; font-weight:bold; padding-left:80px;} #about.join .two .item .slide .top .td:nth-child(2){ width:20%; text-align:center; color:#999;} #about.join .two .item .slide .top .td:nth-child(3){ width:20%; text-align:center; color:#999;} #about.join .two .item .slide .top .td:nth-child(4){ width:16%; text-align:center; color:#999;} #about.join .two .item .slide .top .td:nth-child(5){ width:18%; text-align:right; padding-right:50px;} #about.join .two .item .slide .top .td .img{ width:36px; position:relative;} #about.join .two .item .slide .top .td .img img{ position:absolute; top:0; left:0; right:0; z-index:2; transform:translate3d(0px,-20%,0);} #about.join .two .item .slide .bot{ width:100%; border-top:1px solid #72bb38; padding:50px 80px;} #about.join .two .item .slide .bot .ites{ width:100%; margin-top:46px;} #about.join .two .item .slide .bot .ites .txt1{ width:100%; color:#72bb38;} #about.join .two .item .slide .bot .ites .txt2{ width:100%; line-height:1.8; color:#666; margin-top:16px;} #about.join .two .item .slide .bot .ites:nth-child(1){ margin-top:0;} #about.join .two .item .slide .bot .btn{ line-height:1; color:#fff; background:#72bb38; border-radius:50px; padding:16px 48px; margin-top:40px;} #about.join .two .item .slide.cur{ border-color:#72bb38;} #about.join .two .item .slide.cur .top .td:nth-child(1){ color:#72bb38;} #about.join .two .item .slide.cur .top .td .img img:nth-child(1){ display:none;} #about.join .two .item .slide.cur .top .td .img img:nth-child(2){ display:block;} #about.join .two .item .slide:nth-child(1){ margin-top:0;} /*鍏充簬浣抽『-鍚堜綔浼欎即*/ #about.cooperation{ width:100%; background:#f7f7f7; padding:100px 0 160px;} #about.cooperation .item{ margin-top:40px;} #about.cooperation .item .ites{ width:100%; background:#fff; border-radius:0 50px 0 0; margin-top:30px;} #about.cooperation .item .ites .slide{ width:16.66%;} #about.cooperation .item .ites .slide::after{ padding-top:49.16%;} #about.cooperation .item:nth-child(1){ margin-top:0;} /*缃戠珯鍦板浘*/ #map{ padding:80px 0;} #map .one{ width:100%;} #map .one .logo{ width:280px;} #map .one .txt{ margin-top:16px;} #map .two{ width:100%; margin-top:50px;} #map .two .item{ width:100%; border-bottom:1px solid #ededed; padding-bottom:20px; margin-top:30px;} #map .two .item .title{ width:100%; line-height:1.2; position:relative; padding-left:16px;} #map .two .item .title::before{ width:5px; height:100%; background:#6fba2c; position:absolute; top:0; left:0; z-index:2; content:'';} #map .two .item .ites{ width:100%;} #map .two .item .ites .slide{ margin-right:20px; margin-top:20px;} #map .two .item:nth-child(1){ margin-top:0;} /*H5鍏煎*/ @media only screen and (max-width:1780px){ .inside-CaseViewOne .contents .item-two{ padding:20px 30px;} .inside-CaseViewOne .contents .item-two .ites .slide{ padding-right:9%; margin-right:9%;} } @media only screen and (max-width:1680px){ #footer .one .item{ margin-left:100px;} #about.index .thr .item .slide{ margin:0 3%;} #about.join .two .search .select{ width:20%;} #about.join .two .search .input{ width:20%;} .inside-CaseViewOne .contents .item-two .ites .slide{ font-size:16px;} .inside-CaseViewOne .contents{padding-left: 4.5%;} .inside-CaseViewOne .contents.fl{padding-left: 4.5%;} } @media only screen and (max-width:1600px){ } @media only screen and (max-width:1440px){ #about.join .two .search .select{ margin-right:16px;} #about.join .two .search .input{ margin-right:16px;} /*#header{ padding:20px 0;}*/ #header .logo{ width:240px;} #header .right .nav .slide{ padding:37px 0; margin-left:46px;} #header .right .nav .slide .txt1{ font-size:16px;} #header .right .nav .two-nav .txt2{ font-size:14px;} #header .right .nav .three-nav .txt3{ font-size:14px;} #header .right .other{ padding:26px 0;} /*#header .right .other{ margin-top:4px;}*/ #header .right .other .lang .icon{ width:38px; height:38px;} #header .right .other .search .icon{ width:38px; height:38px;} #index .inside-title{ font-size:30px;} #index .inside-brief{ font-size:14px; margin-top:12px;} .inside-CaseViewOne{ padding:80px 0;} .inside-CaseViewOne .contents{ width:60%; padding-left:4%;} .inside-CaseViewOne .contents .item-five{ margin-top:50px;} .inside-CaseViewOne .contents .item-five .slide .list{ padding:14px 20px;} .inside-CaseViewOne .contents .item-five .slide .list .icon{ width:40px;} .inside-CaseViewOne .contents .item-five .slide .list .txt{ font-size:14px; margin-top:9px;} .inside-CaseViewOne .img .item-one .slide .cont{ width:80%; padding:20px 30px;} .inside-CaseViewOne .img .item-one .slide .cont .title{ font-size:20px;} .inside-CaseViewOne .img .item-one .slide .cont .brief{ font-size:14px; margin-top:16px;} .inside-CaseViewOne .img .item-one .slide .cont .more{ width:30px; margin-top:16px;} #index .two{ padding:80px 0;} #index .two .item{ margin-top:50px;} #index .two .item .slide .contents{ padding:20px;} #index .two .item .slide .contents .title{ font-size:20px;} #index .two .item .slide .contents .brief{ font-size:14px;} #index .two .item .slide .contents .more{ font-size:14px;} #index .thr .item{ margin-top:40px;} #index .thr .item .slide .ites{ padding:0 5%;} #index .thr .item .slide .ites .contents{} #index .thr .item .slide .ites .contents .title{ font-size:30px;} #index .thr .item .slide .ites .contents .brief{ font-size:14px; margin-top:20px;} #index .thr .item .slide .ites .contents .its1{ margin-top:40px;} #index .thr .item .slide .ites .contents .its1 .list{ margin-right:46px;} #index .thr .item .slide .ites .contents .its1 .list .txt1{ font-size:30px;} #index .thr .item .slide .ites .contents .its1 .list .txt1 span{ font-size:14px;} #index .thr .item .slide .ites .contents .its1 .list .txt2{ font-size:14px; margin-top:12px;} #index .thr .item .slide .ites .contents .more{ width:28px;} #index .thr .item .slide .default .txt{ font-size:16px;} #index .thr .top .slide{ font-size:16px; margin-right:50px;} #index .thr .item .slide .ites .contents .its3{ margin-top:40px;} #index .thr .item .slide .ites .contents .its3 .list{ padding:0 24px;} #index .thr .item .slide .ites .contents .its3 .list .icon{ width:50px;} #index .thr .item .slide .ites .contents .its3 .list .txt{ font-size:14px; margin-top:16px;} #index .thr .item .slide:nth-child(2) .ites .contents{ left:5%;} #index .four{ padding:80px 0;} #index .four .item{ margin-top:60px;} .inside-category-list{ padding:60px 0;} .inside-category-list .slide{ width:23.5%; margin-right:2%; margin-top:2%;} .inside-category-list .slide:nth-child(-n+7){ margin-top:2%;} .inside-category-list .slide:nth-child(7n){ margin-right:2%;} .inside-category-list .slide:nth-child(-n+4){ margin-top:0;} .inside-category-list .slide:nth-child(4n){ margin-right:0;} #footer .one .item{ margin-left:60px;} #footer .one .item .ites .ul{ margin-left:40px;} #footer .one .item.fr{ margin-left:0;} .inside-CaseViewOne .contents.fr{ padding:0 4%;} .inside-title{ font-size:26px;} #banner .slide .index-contents .txt1{ font-size:46px;} #banner .slide .index-contents .txt2{ font-size:22px;} } @media only screen and (max-width:1280px){ #header .right .nav .slide{ margin-left:36px;} #header .right .other{ margin-left:40px;} #index .thr .item .slide .ites .contents .its1 .list{ margin-right:24px;} #index .thr .item .slide .ites .contents .title{ font-size:28px;} #crumbs{ padding:20px 0;} #banner .contents .txt3{ font-size:30px;} #banner .contents .txt2{ font-size:16px;} .inside-brief{ font-size:16px;} .inside-CaseViewOne .contents .item .slide .brief{ font-size:16px;} #about.index .thr .item .slide{ margin:0 2%;} #about.index .thr .item .slide .txt1{ font-size:40px;} #about.index .thr .item .slide .txt1 span{ font-size:16px;} #about.index .thr .item .slide .txt2{ font-size:16px; padding-bottom:20px; margin-top:10px;} #about.join .two .search{ padding:30px 20px;} #about.join .two .search .text{ font-size:14px;} #about.join .two .search .select{ font-size:14px;} #about.join .two .search .input{ font-size:14px;} .inside-CaseViewOne .contents .item-two{ padding:20px;} .inside-CaseViewOne .contents .item-two .title{ font-size:16px;} .inside-CaseViewOne .contents .item-two .ites .slide{ font-size:14px; padding-right:6%; margin-right:6%;} } @media only screen and (max-width:1200px){ #header .right .nav .slide{ margin-left:20px;} #header .right .other{ margin-left:20px;} } @media only screen and (max-width:1180px){ #footer{ padding:60px 0;} #footer .one .item{ margin-left:36px;} #footer .one .item .ites{ margin-top:20px;} #footer .one .item .ites .ul{ margin-left:20px;} #footer .one .item .ites .ul .slide{ margin-top:16px;} #footer .one .item .title{ font-size:14px;} #footer .one .item .ites .ul .slide a{ font-size:12px;} #footer .one .item .ites-two{ margin-top:20px;} #footer .one .item .ites-two .brief li:nth-child(1){ margin-top:0;} #footer .one .item .ites-two .brief li b{ font-size:24px; margin-top:12px;} #footer .two .qr-code{ width:40%;} #about.join .two .search .select{ width:19%;} #about.join .two .search .input{ width:19%;} } @media only screen and (max-width:1024px){ /*#header .right .other{ margin-left:40px;}*/ } @media only screen and (max-width:980px){ .inside-mapArea .scroll{ width:1300px;} .inside-prev.hide{ display:block;} .inside-next.hide{ display:block;} #products.detail .four{ height:auto; padding:80px 0;} #products.detail .four .cw1440{ display:block;} #products.detail .four .contents{ display:none;} #products.detail .four .img{ width:90%; max-width:560px; display:block; float:none; margin:auto;} #products.detail .inside-title{ font-size:30px !important;} #products.detail .one .top .slide{ font-size:24px;} #products.detail .one .bot .parameter .ites{ border:none; padding:0;} #products.detail .one .bot .parameter .ites .slide{ width:100%; border-bottom:1px solid #e6e6e6; padding:20px 0;} #products.detail .one .bot .parameter .ites .slide .txt1{ width:30%; font-size:20px; margin-right:5%;} #products.detail .one .bot .parameter .ites .slide .txt2{ width:65%; font-size:20px;} .inside-swiper-page.hide{ display:block;} #header .right .nav{ display:none;} #header .right .other{ margin-left:0;} #header .right .other .target{ display:block;} #banner{ display:none;} #banner.phone{ display:block;} #banner.inside{ display:block;} #banner.inside img:nth-child(1){ display:none;} #banner.inside img:nth-child(2){ display:block;} .inside-CaseViewOne{ display:inline-block;} .inside-CaseViewOne .img{ width:100%; float:none; border-radius:none !important;} .inside-CaseViewOne .contents{ width:92%; float:none; padding:0 !important; margin:50px auto !important;} .inside-swiper-page{ margin-top:40px;} #index .two{ padding:60px 0;} #index .two .item .slide{ width:49%;} #index .two .item .slide .contents .title{ font-size:24px;} #index .two .item .slide .contents .brief{ font-size:18px;} #index .two .item .slide .contents .more{ font-size:18px;} #index .four .item{ margin-top:40px;} #index .four .item .slide{ width:49%;} #footer{ padding:60px 0;} #footer .one .item{ width:100%; border-bottom:1px solid #fff; padding:30px 0; margin:0;} #footer .one .item .title{ font-size:24px; position:relative;} #footer .one .item .title::before{ font-size:36px; font-weight:400; color:#fff; position:absolute; right:0; top:50%; z-index:2; transform:translate3d(0px,-50%,0); content:'+';} #footer .one .item .ites{ display:none;} #footer .one .item .ites .ul{ width:100%; margin:24px 0 0;} #footer .one .item .ites .ul:nth-child(1){ margin-top:0;} #footer .one .item .ites .ul .slide{ width:100%; margin-top:24px;} #footer .one .item .ites .ul .slide a{ font-size:20px;} #footer .one .item .ites-two{ width:100%; display:none;} #footer .one .item .ites-two .brief li{ font-size:20px; margin-top:20px;} #footer .one .item .ites-two .brief li b{ font-size:36px;} #footer .one .item:nth-child(1){ padding-top:0;} #footer .one .item.cur .title::before{ content:'-';} #footer .one .item.cur .ites{ display:block;} #footer .one .item.cur .ites-two{ display:block;} #footer .two .contents{ width:100%;} #footer .two .contents .title{ font-size:30px;line-height: 32px;} #footer .two .contents .item b{ font-size:22px;line-height: 32px;} #footer .two .contents .item a{ font-size:22px;line-height: 32px;} #footer .two .contents .icp{ font-size:22px;line-height: 32px;} #footer .two .contents .icp a:nth-child(1){display: block;} #footer .two .contents .icp a{ font-size:22px;} #footer .two .contents .icp span{ font-size:22px;} #footer .two .qr-code{ width:100%; text-align:center; margin-top:40px;} #footer .two .qr-code .slide{ width:200px; display:inline-block; float:none;} #footer .two .qr-code .slide .txt{ font-size:20px; margin-top:20px;} .inside-case .slide{ width:48%; margin-top:40px;} .inside-case .slide:nth-child(-n+3){ margin-top:40px;} .inside-case .slide:nth-child(3n){ margin-right:2%;} .inside-case .slide:nth-child(-n+2){ margin-top:0;} .inside-case .slide:nth-child(2n){ margin-right:0;} .inside-case .slide .title{ font-size:24px;} #case.category .two{ padding:60px 0;} .inside-CaseViewTwo .slide{ width:49%;} #case.category .thr{ padding:60px 0;} #case.category .thr .inside-prev{ width:40px;} #case.category .thr .inside-next{ width:40px;} .inside-page{ padding:30px 0;} .inside-page .text{ width:100%; height:auto; line-height:1.4; background:none !important; font-size:24px; padding:0 !important;white-space: inherit;text-overflow:inherit;} .inside-page .text.fr{ margin-top:24px;} .inside-page .text b{ font-size:24px;} .inside-page .back{ width:220px; height:auto; float:left; font-size:24px; position:relative; padding:20px 30px; margin-left:215px; margin-top:30px;} .inside-category-list{ padding:60px 0;} .inside-category-list .slide{ width:31.33%; margin-top:2% !important; margin-right:2% !important;} .inside-category-list .slide.all{ width:100%; margin:auto;} .inside-category-list .slide.has{ margin-right:0 !important;} .inside-category-list .slide:last-child{margin-right:0;} #case.list .one{ padding:60px 0;} #case.list .one .inside-case{ margin-top:40px;} #banner .contents .txt4{ font-size:20px; padding:18px 46px;} #case.detail .one{ padding:60px 0;} .inside-title{ font-size:36px;} .inside-brief{ font-size:22px;} #case.detail .one .inside-brief{ margin-top:24px;} .inside-CaseViewOne{ padding:60px 0;} .inside-CaseViewOne .contents .item{ margin-top:30px;} .inside-CaseViewOne .contents .item .slide .title{ font-size:30px;} .inside-CaseViewOne .contents .item .slide .brief{ font-size:22px;} #case.detail .thr{ padding:60px 0;} #case.detail .four{ padding:60px 0;} #current .slide{ font-size:22px;} #products.index .two .slide .img{ width:100%;} #products.index .two .slide .contents{ width:92%; padding:0; margin:30px auto 0;} #products.index .two .slide:nth-child(2n) .contents{ width:92%; padding:0; margin:30px auto 0;} #products.list .item .slide{ padding:30px;} #products.list .item .slide .title{ font-size:30px; margin-top:30px;} #products.list .item .slide .brief{ font-size:22px; margin-top:20px;} #products.list .item .slide .more{ font-size:20px; padding:18px 46px; margin-top:30px;} .inside-CaseViewOne .contents .item-four .slide .txt1{ font-size:28px;} .inside-CaseViewOne .contents .item-four .slide .txt2{ font-size:22px;} #products.detail .one .bot{ padding:60px 0;} #products.detail .two{ padding:60px 0;} #products.detail .thr{ padding:60px 0;} #support.index .one{ padding:60px 0;} #support.index .one .item .slide{ width:49%;} #support.index .one .item .slide .contents .txt1{ font-size:30px;} #support.index .one .item .slide .contents .txt2{ font-size:24px;} #support.index .two{ padding:60px 0 30px;} #support.index .two .item .slide{ width:23.5%; margin-right:2%;} #support.index .two .item .slide:nth-child(4n){ margin-right:0;} #support.index .two .item .slide:nth-child(4n) .img::before{ display:none;} #support.index .two .item .slide .img{ width:80%; display:inline-block;} #support.index .two .item .slide .img::before{ left:114%;} #support.index .two .item .slide .txt{ font-size:22px;} #support.index .thr{ min-height:500px; padding:60px 0;} #support .four .contents{ padding:0; margin:50px auto 0;} .inside-CaseViewOne .contents .item-two{ padding:30px 40px;} .inside-CaseViewOne .contents .item-two .title{ font-size:28px;} .inside-CaseViewOne .contents .item-two .ites .slide{ width:46%; font-size:22px; padding-right:8%; margin-right:8%;} #support.download .one{ padding:60px 0;} #support.download .one .slide{ width:49%; padding:30px 20px;} #support.download .one .slide .title{} #support.download .one .slide:nth-child(-n+3){ margin-top:2%;} #support.download .one .slide:nth-child(3n){ margin-right:2%;} #support.download .one .slide:nth-child(-n+2){ margin-top:0;} #support.download .one .slide:nth-child(2n){ margin-right:0;} #support.download .one .slide .title{ font-size:26px; min-height:74px;} #support.download .one .slide .brief{ font-size:22px;} #support.download .one .slide .option{ font-size:20px;} #support.news-list{ padding:60px 0;} #support.news-list .one .ites{ padding-bottom:36px; margin-top:36px;} #support.news-list .one .ites .slide .title{ font-size:28px;} #support.news-list .one .ites .slide .brief{ font-size:22px;} #support.news-list .one .ites .slide .time{ font-size:20px;} #support.news-detail .one{ padding:60px 0;} #support.news-detail .one .title{ font-size:36px;} #support.news-detail .one .other{ margin-top:30px;} #support.news-detail .one .other .txt{ font-size:20px;} #support.news-detail .two{ padding:60px 0;} #support.news-detail .two *{ font-size:22px !important;} #about.index .one{ padding:60px 0;} .inside-title{ font-size:40px;} #about.index .one .inside-brief{ font-size:24px;} .inside-CaseViewOne .contents .item-thr{ width:100%; margin-top:30px;} .inside-CaseViewOne .contents .item-thr .slide{ padding:30px 0;} .inside-CaseViewOne .contents .item-thr .slide .txt1{ font-size:26px;} .inside-CaseViewOne .contents .item-thr .slide .txt2{ font-size:26px;} #about.index .thr{ padding:60px 0;} #about.index .thr .item{ margin-top:60px;} #about.index .thr .item .slide{ margin:30px;} #about.index .thr .item .slide .txt1{ font-size:36px;} #about.index .thr .item .slide .txt1 span{ font-size:22px;} #about.index .thr .item .slide .txt2{ font-size:20px; margin-top:16px;} #about.index .four{ min-height:480px; padding:60px 0;} #about.index .four .item{ bottom:5%;} #about.index .four .item .slide{ font-size:22px; margin:8px 16px;} #about.index .five{ padding:60px 0;} #about.honor .inside-category-list.pc{display: none;} #about.honor .inside-category-list.mobile{display: block;} #about.honor .one .item .slide{ width:49%; margin-top:6%;} #about.honor .one .item .slide .img{ padding:20px;} #about.honor .one .item .slide .title{ font-size:24px; margin-top:24px;} #about.honor .one .item .slide:nth-child(-n+3){ margin-top:6%;} #about.honor .one .item .slide:nth-child(3n){ margin-right:2%;} #about.honor .one .item .slide:nth-child(-n+2){ margin-top:0;} #about.honor .one .item .slide:nth-child(2n){ margin-right:0;} #about.contact{ padding:60px 0;} #about.contact .one .item .slide .contents{ width:100%; padding:60px 40px;} #about.contact .one .item .slide .contents .title{ font-size:32px;} #about.contact .one .item .slide .contents .brief li{ font-size:22px;} #about.contact .one .item .slide .img{ width:100%;} #about.contact .one .item .slide .img img{ width:100%;} #about.join{ padding:60px 0;} #about.join .two{ margin-top:40px;} #about.join .two .search{ padding:50px 30px;} #about.join .two .search .text{ width:100%; font-size:28px; margin:0;} #about.join .two .search .select{ width:100%; height:70px; font-size:24px; margin-right:0; margin-top:24px;} #about.join .two .search .input{ width:100%; height:70px; font-size:24px; margin-right:0; margin-top:24px;} #about.join .two .search .submit{ width:70px; height:70px; background-size:36px !important; margin-top:24px;} #about.join .two .item .slide .top{ padding:36px 0;} #about.join .two .item .slide .top .td{ /*font-size:22px;*/font-size:18px; line-height: 28px;} #about.join .two .item .slide .top .td:nth-child(1){ font-size:22px; padding-left:20px;} #about.join .two .item .slide .top .td:nth-child(2){ width:24%;} #about.join .two .item .slide .top .td:nth-child(3){ width:24%;} #about.join .two .item .slide .top .td:nth-child(5){ width:10%; padding-right:30px;} #about.join .two .item .slide .bot{ padding:30px;} #about.join .two .item .slide .bot .ites .txt1{ font-size:24px;} #about.join .two .item .slide .bot .ites .txt2{ font-size:20px;} #about.cooperation{ padding:60px 0;} #about.cooperation .item .ites .slide{ width:33.33%;} .inside-CaseViewOne .contents .item-five .slide .list .txt{ font-size:20px;} .inside-CaseViewOne .img .item-one .slide .cont .title{ font-size:26px;} .inside-CaseViewOne .img .item-one .slide .cont .brief{ font-size:20px;} #float .one .item .ites .slide .tel .txt1{ font-size:20px;} #float .one .item .ites .slide .tel .txt2{ font-size:28px;} #alert-window .item{ max-height:90%; overflow:auto; padding:40px;} #alert-window .item .one{ padding:30px 0; margin:30px 0;} #alert-window .item .one .ites .slide .txt{ width:100%; line-height:1; font-size:24px;} #alert-window .item .one .ites .slide .input{ width:100%; height:76px; font-size:24px; margin-top:20px;} #alert-window .item .one .ites .sendBtn{ font-size:26px; margin-top:33px; margin-left:0;} #alert-window .item .submit{ font-size:26px;} #alert-window .item .shutdown .title{ font-size:30px;} #alert-window .item .one{ margin:50px 0;} #alert-window .item .one .title{ font-size:28px;} #alert-window .item .one .ites .slide{ width:100%; margin-top:30px;} #alert-window .item .one .ites .slide:nth-child(1){ margin-top:0;} #alert-window .item .one .ites .slide.cur .input{ width:100%;} #alert-window .item .one .ites .slide.border-box{ padding:0;} #alert-window .item .one .ites .slide .radio{ background-size:22px !important; font-size:24px; padding-left:30px;} #alert-window .item .one .ites .slide .file{ width:100%; height:76px; margin-top:20px;} #alert-window .item .one .ites .slide .file .text2{ line-height:4; font-size:20px;} #alert-window .item .one .ites .slide .file .text2 img{ width:24px;} #alert-window .item .one .ites .slide .txt2{ width:100%; font-size:22px; margin-left:0; margin-top:20px;} #header .right .other .search .icon{display: block;width: 42px;height: 42px;} #header .right .other .search:hover{width: 42px;} #header .right .other .search:hover .form{width: 42px;} #header .right .other .search:hover .input{width: 0;padding:0;} #header .right .other .search:hover .icon{display: block;opacity: 1;} #header .right .other .search.cur{width: 210px;} #header .right .other .search.cur .form{width: 210px;} #header .right .other .search.cur .input{width: 128px;padding:0 20px;} #header .right .other .search.cur .icon{display: none;opacity: 0;} /* #header .right .other .search{ position:inherit;} #header .right .other .search .form{ width:100%; background:#fff; padding-top:0;} #header .right .other .search .form form{ width:100%; height:56px;} #header .right .other .search .form form .input{ width:80%; font-size:22px;} #header .right .other .search .form form .submit{ width:56px; float:right;} #header .right .other .search .form.cur{ display:block;} */ #index .thr{ padding:60px 0;} #index .thr .top{ width:100%; margin-top:30px;} #index .thr .top .slide{ font-size:24px; margin-right:40px;} #index .thr .item .slide{ height:980px;} #index .thr .item .slide .default .txt{ width:100%; font-size:24px;} #index .thr .item .slide .default .txt span{ display:block;} #index .thr .item .slide .ites{ padding:0 60px;} #index .thr .item .slide .ites .contents{} #index .thr .item .slide .ites .contents .title{ font-size:32px;} #index .thr .item .slide .ites .contents .brief{ width:100%; font-size:22px;} #index .thr .item .slide .ites .contents .its1 .list{ margin:3% 2%;} #index .thr .item .slide .ites .contents .its1 .list .txt1{ font-size:28px;} #index .thr .item .slide .ites .contents .its1 .list .txt1 span{ font-size:20px;} #index .thr .item .slide .ites .contents .its1 .list .txt2{ font-size:18px;} #index .thr .item .slide .ites .contents .its2 .list{ font-size:22px;} #index .thr .item .slide .ites .contents .its1 .list:nth-child(4){width: 274px;} #index .thr .item .slide .ites .contents.w2{ width:100%;} #index .thr .item .slide .ites .contents.w2 .img{ width:100%; display:block; margin-bottom:30px;} #index .thr .item .slide .ites .contents.w2 .img img{ max-width:100%; width:auto;} #index .thr .item .slide .ites .img{ width:100%; display:none;} #index .thr .item .slide .ites .contents .its3 .list{ width:32%; border:none; padding:0; margin-right:2%; margin-top:50px;} #index .thr .item .slide .ites .contents .its3 .list:nth-child(3n){ margin-right:0;} #index .thr .item .slide .ites .contents .its3 .list:nth-child(-n+3){ margin-top:0;} #index .thr .item .slide .ites .contents .its3 .list .icon{ width:80px;} #index .thr .item .slide .ites .contents .its3 .list .txt{ font-size:20px;} #index .thr .item .slide:nth-child(2) .ites .contents{ left:30px;} #products.detail .one .bot .editor{ display:none;} #products.detail .one .bot .editor.phone{ display:block;} .inside-category-list.pc{ display:none;} .inside-category-list.mobile{ display:block; margin-top:50px;} .inside-category-list.mobile .slide{ margin-top:0; margin-right:2%;} .inside-category-list.mobile .slide:last-child{ margin-right:0;} #footer .two .contents .item{margin: 40px auto;} #products.detail .four .cw1440.prodetail *{display: none;} #products.detail .four .cw1440.prodetail span:last-child{display: inline;font-size: 28px;} .inside-country .cw1440 .country-item{margin-right: 0;} } @media only screen and (max-width:750px){ #index .inside-title{ font-size:36px;} #index .inside-brief{ font-size:22px;} #index .four{ padding:60px 0;} #index .four .item .slide .title{ font-size:28px;} #index .four .item .slide .brief{ font-size:22px;} #index .four .item .slide .time{ font-size:20px;} #banner .contents .txt1{ font-size:40px;} #banner .contents .txt2{ font-size:24px;} #crumbs{ font-size:20px;} #crumbs i{ font-size:20px;} #crumbs a{ font-size:20px;} #crumbs a img{ width:20px;} #crumbs span{ font-size:20px;} #products.detail .one .bot .editor *{ font-size:20px;} /*#float .one .item .ites .shutdown{ display:none;}*/ /*#float .one .item .show{ display:none;}*/ /*#float .one.cur .item .ites{ margin-right:20px;}*/ }