body {color:#666666} a{color:#333333}a:active,a:hover {color:#449284} @media (min-width: 1630px) {.container{ width: 1262px; }} @media (min-width: 1920px) {.container{ width: 1262px; }} /*首页top */ #Top .width{width:100%; display:block; float:left;} #Top .h110{height:56px;} #Top .top1{width: 100%; z-index:999999;} #Top .top1.active{box-shadow:0 4px 15px rgba(0,0,0,0.1);} #Top .top1 .top_a{background:#ffffff;} #Top .logo{width:634px; height: auto; float:left; margin:15px 0;} #Top .logo img{float:left;} #Top .logo .i{border-left:1px solid #e2e2e2; line-height:34px; height:34px; display:block; float:left; font-size:24px; font-weight:normal; margin-left:15px; padding-left:15px; color:#333333; } #Top .top1 .tel{float:right; margin-top:33px;} #Top .top1 .tel .i_a{float:left; width:40px; height:40px; margin-top:3px;} #Top .top1 .tel .p_a{float:left; padding-left:14px;} #Top .top1 .tel .span_a{font-size:16px; color:#666666;} #Top .top1 .tel .b_a{display:block; font-weight:bold; color:#333333; font-size:30px; font-family: "Arial";} #Top .nav{width:100%; position:relative;background:rgba(54,62,69,1) } #Top .menu_box{ width:100%; display:block; position:relative; } #Top .menu_box::after{width:800%;;transform: skewX(32deg); position:absolute; left:20px; top:0; content:""; height:100%; } #Top .menu{width:100%;margin-left:20px;} #Top .menu .nli{ float:left; z-index:15; position:relative; text-align:center; } #Top .menu .nli span a{float:left; font-size:16px; line-height:56px; position:relative; color:#ffffff; padding:0 37px;height:56px; position: relative; display: flex; justify-content: center; align-items: center; text-decoration: none; } #Top .menu .nli span a::after{content: ''; position: absolute;top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background:#449284;transform: skewX(-32deg); width:0; } #Top .menu .nli:nth-last-child(1){ float: right; } .nli .dropdown-item{ float: left; font-size: 14px; line-height: 56px; position: relative; color: #ffffff; height: 56px; padding: 0 5px; position: relative; display: flex; justify-content: center; align-items: center; text-decoration: none; } .dropdown-item:hover{ color: #449284; } #Top .menu .nli.active span a::after, #Top .menu .nli:hover span a::after{ width:100%;} #Top .menu .sub{ display:none; float:left; position:absolute; top:56px; width:150px; z-index:66; background:rgba(54,62,69,0.7); left:25%; margin-left:-55px; } #Top .menu .sub li{ float:left; text-align:center; width:100%; padding:10px 0;} #Top .menu .sub li a{ text-align:center; color:#fff; font-size:14px; line-height:22px; position:relative; display:inline-block; } #Top .menu .sub li::after{position:absolute; left:0; width:100%; height:1px; border-bottom:1px dashed #fff; bottom:0; content: ''; opacity: 0; } #Top .menu .sub li:hover a::after{opacity: 1;} #Top .menu .sub li:hover{background:#449284;} /*手机头*/ #Top .top2{width:100%; height:71px;display: none ; position: fixed; z-index: 600; background-color: #fff;} #Top .top2.active{box-shadow: 0 4px 10px rgba(0,0,0,0.1)} #Top .top2 .logo{width:500px; height:auto; float:left; margin:20px 0; position:relative;} #Top .top2 .logo .img02{position:absolute; width:300px; left:0; top:0; opacity: 0;} /*下拉*/ #Top .menuph{ float:right; margin:20px 0 0 0; cursor: pointer; width: 40px; height: 40px;text-align: center;} #Top .menuph .point{ display: inline-block; width: 28px; height: 22px; margin-top: 10px; position: relative;} #Top .menuph .point:hover .navbtn, #Top .menuph .point:hover .navbtn::after, #Top .menuph .point:hover .navbtn::before{width: 28px;} #Top .menuph .navbtn{ position: absolute; top: 10px; right: 0; display: inline-block; width:30px; height: 2px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #000; } #Top .menuph .navbtn::after, #Top .menuph .navbtn::before{ position: absolute; right: 0; display: inline-block; width:30px; height: 2px;content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; background: #000; } #Top .menuph .navbtn::after{top: -11px;} #Top .menuph .navbtn::before{ top: 10px;} #Top .menuph .point.active .navbtn{ background: transparent;} #Top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);top: 0px; } #Top .menuph .point.active .navbtn::before{ -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } /*手机下拉*/ #Top .xialaph{position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; padding-top:76px; overflow-y: auto;z-index: 200; background-color:#fff; } #Top .xialaph .img_d{ display:none;} #Top .xialaph .ul2, #Top .xialaph .ul3{display: none;} #Top .xialaph h4 a{ display: block;color: #333; font-size: 14px; line-height: 40px; position: relative; /* font-weight: bold;*/ text-transform: uppercase; } #Top .xialaph h4{ position: relative;} #Top .xialaph h4 .ico{width:22px; line-height: 0; display: inline-block ; vertical-align: middle; margin-right:5px;} #Top .xialaph li:last-child h4::before{ content: '';position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #f2f2f2;display: none } #Top .xialaph li:first-child h4::after{display:none;} #Top .xialaph h4::after{ content: '';position: absolute;top: 0; left: 0; width: 100%;height: 1px; background-color:#dedede; /*opacity: 0.1;*/ } #Top .xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;} #Top .xialaph h5 a{ display: block; color: #666;font-size: 14px;line-height: 42px; padding:0 10px;} #Top .xialaph h5{position: relative;} #Top .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0;height: 1px; background-color:rgba(95,123,118,0.1);; /*opacity: 0.05;*/ } #Top .xialaph li:last-child h5::after{display: none;} #Top .xialaph h4 b{ position: absolute; right: 5px; top: 50%; width: 9px; height: 9px; float: right; border-top: #666 solid 1px; border-right: #666 solid 1px; margin-top: -5px;cursor: pointer; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear; } #Top .xialaph h4.active b{ transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg); -o-transform:rotate(135deg);margin-top: -7px; } /*.xialaph .ul2{ padding-left: 30px; }*/ #Top .xialaph .ul3{ padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative;} #Top .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0;right: 0; height: 1px; background-color: #e5e5e5;} #Top .xialaph li:last-child .ul3::after{ display: none;} #Top .xialaph .ul3 li a{ color: #666; font-size: 14px; line-height: 35px; display: block;} #Top .xialaph .ul3 li{ padding-top: 5px;} #Top .xialaph .ul3 li:first-child{padding-top: 0;} #Top .xialaph h5 b{ position: absolute; right: 5px; top: 50%; width: 9px;height: 9px;float: right; border-top: #999 solid 1px; border-right: #999 solid 1px;margin-top: -5px;cursor: pointer;transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;transition: all 0.3s linear; } #Top .xialaph h5.active b{ transform:rotate(135deg);-webkit-transform:rotate(135deg); -moz-transform:rotate(135deg);-o-transform:rotate(135deg); margin-top: -7px; } #Top .phonemeng{ position: fixed; top: 0; left: 0;width: 100%;height: 100%; background-color: rgba(0,0,0,0.9); opacity: .6; z-index: 99;display: none; } #Top .phonemeng.active{ display: block;} @media screen and (max-width:1630px){ #Top .menu .nli span a{padding:0 25px;} } @media screen and (max-width:1200px){ #Top .menu .nli span > a{font-size:15px; padding:0 15px; } #Top .menu .sub li a{font-size:14px;} #Top .menu .sub{width:120px;left:70%;} #Top .menu .sub li a{line-height:20px;} } @media screen and (max-width:992px){ #Top .top2{ display:block;} #Top .top1{ display:none;} #Top .h110{height:71px;} } @media screen and (max-width:768px){ #Top .top2 .logo{width:200px;} #Top .top2 .logo .img01{opacity: 0;} #Top .top2 .logo .img02{opacity:1;} #Top .menuph{margin-top:12px;} #Top .h110{height:60px;} #Top .top2{height:60px;} } /*banner*/ #Slide .pz_banner{clear: both; position:relative; padding-top:100px; float:left; width:100%;} #Slide .pz_banner img{display: block;} #Slide .pz_banner a{display:block; width:100%;} #Slide .pz_banner .slide1 .list{line-height:0; position: relative;} #Slide .pz_banner .slide1 .slick-dots{width:100%; bottom:20px; font-size:0; display:none;} #Slide .pz_banner .slick-prev{left:8%;} #Slide .pz_banner .slick-next{right:8%;} #Slide .pz_banner .slick-prev, #Slide .pz_banner .slick-next{width:33px; height:64px; background-size:33px 64px;} #Slide .pz_banner .slick-prev{background:url(/template/theme/CN/899_left.png)no-repeat; } #Slide .pz_banner .slick-next{background:url(/template/theme/CN/899_right.png)no-repeat;} #Slide .pz_banner .slick-prev:hover{background:url(/template/theme/CN/899_left_a.png)no-repeat;} #Slide .pz_banner .slick-next:hover{background:url(/template/theme/CN/899_right_a.png)no-repeat;} @media screen and (max-width:1630px){ #Slide .pz_banner .slick-prev, #Slide .pz_banner .slick-next{width:30px; height:58px; background-size:30px 58px;} #Slide .pz_banner .slick-prev:hover, #Slide .pz_banner .slick-next:hover{background-size:30px 58px;} } @media screen and (max-width:1200px){ #Slide .pz_banner .slick-prev, #Slide .pz_banner .slick-next{width:26px; height:50px; background-size:26px 50px;} #Slide .pz_banner .slick-prev:hover, #Slide .pz_banner .slick-next:hover{background-size:26px 50px;} #Slide .pz_banner .slick-prev{left:5%;} #Slide .pz_banner .slick-next{right:5%;} } @media screen and (max-width:992px){ #Slide .pz_banner{padding-top:70px;} #Slide .pz_banner .slick-prev{left:30px;} #Slide .pz_banner .slick-next{right:30px;} } @media screen and (max-width:768px){ #Slide .pz_banner{padding-top:60px;} #Slide .pz_banner .slick-prev, #Slide .pz_banner .slick-next{width:20px; height:39px; background-size:20px 39px;} #Slide .pz_banner .slick-prev:hover, #Slide .pz_banner .slick-next:hover{background-size:20px 39px;} #Slide .pz_banner .slick-prev{left:10px;} #Slide .pz_banner .slick-next{right:10px;} } /*main*/ #Content .pro_index01{display:block; width:100%; float:left; position:relative; position:relative;} #Content .pro_index01 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;} #Content .pro_index01 .h3_y{ margin-bottom: 6px;;font-weight:bold; font-size:42px; color:#333333; display:block; } #Content .pro_index01 .p_h3{font-weight:bold; font-size:30px; color:#449284; position:relative;} #Content .pro_index01 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px; width:86%; content:"";background:#cfcfcf; } #Content .pro_index01 .top_rig{position:absolute; right:0; bottom:43%;} #Content .pro_index01 .li_a{float:left; padding:0 20px; line-height:45px; margin-left:10px; background:#363e45; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Content .pro_index01 .li_c { float: left; padding: 0 20px; line-height: 45px; margin-left: 10px; background: #363e45; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Content .pro_index01 .right{float:right;} #Content .pro_index01 .li_a a{font-size:16px; color:#ffffff; display:block; width:100%;} #Content .pro_index01 .li_a:hover, #Content .pro_index01 .li_a.on{background:#449284;} #Content .pro_index01 .li_c a{font-size:16px; color:#ffffff; display:block; width:100%;} #Content .pro_index01 .li_c:hover, #Content .pro_index01 .li_c.active{background:#449284;} #Content .pro_index01 .sea_form{float:left; position:relative; width:212px; height:45px; border:1px solid #e5e5e5;padding-right:39px; } #Content .pro_index01 .sea_form .input{float: left; width: 100%; height:43px; line-height:28px; padding: 5px 10px; color: #363e45; font-size: 14px; background: white; outline: none; } #Content .pro_index01 .sea_form .search_b{position: absolute;right:-1px;top: -1px; width:39px; height:45px;display:block; border: none;background: url(../images/901_top9.png) center no-repeat #449284; cursor: pointer ; background-size: contain; } #Content .pro_index01 .pro_ul{width:100%; display:block;} #Content .pro_index01 .ul_a{padding-bottom:60px; display:block;} #Content .pro_index01 .li_b{width:32%; float:left; margin:0 2% 3% 0; padding-bottom:20px;} #Content .pro_index01 .li_b:nth-child(3n){margin-right:0;} #Content .pro_index01 .li_b a{width:100%; display:block;position:relative; padding:20px 20px 10px; background:#f0f0f0; height:100%;transition:all 0.5s ease;} #Content .pro_index01 .li_b .pic{display:block; overflow: hidden;} #Content .pro_index01 .li_b img{display:block;transition:all 0.5s ease;} #Content .pro_index01 .li_b .h4_b{display:block; padding-top:10px; line-height:40px; color:#333333; font-size:14px; width:100%; text-align:center;transition:all 0.5s ease; } #Content .pro_index01 .li_b .p_b{line-height:30px; color:#888888; font-size:14px; text-align:center; display:block; width:100%;transition:all 0.5s ease;} #Content .pro_index01 .li_b .more{position:absolute; left:50%;margin-left:-27px; bottom:-20px; z-index:2; border:4px solid #f0f0f0; background:#ffffff; line-height:48px; width:54px; height:54px; text-align:center; color:#b3b3b3; font-size:12px; border-radius:50%;transition:all 0.5s ease; } #Content .pro_index01 .li_b:hover a{background:#449284;} #Content .pro_index01 .li_b:hover .h4_b, #Content .pro_index01 .li_b:hover .p_b, #Content .pro_index01 .li_b:hover .more{color:#ffffff;} #Content .pro_index01 .li_b:hover .more{border:4px solid #449284; background:#449284;} #Content .pro_index01 .li_b:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #Content .pro_index01 .more_a{width:184px; height:44px; background:#363e45; line-height:44px; color:#ffffff; margin:0 auto; display:block; padding:0 15px; position:relative; } #Content .pro_index01 .more_a::after{position:absolute; right:0; top:0; width:65px; content:""; height:0; border-top:44px solid #449284; border-left:28px solid transparent;transition:all 0.5s ease; } #Content .pro_index01 .more_a a{color:#ffffff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;} #Content .pro_index01 .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;} #Content .pro_index01 .more_a:hover::after{background:#449284; width:100%; height:100%;} @media screen and (max-width:1630px){ #Content .pro_index01 .li_a{padding:0 16px;} } @media screen and (max-width:1200px){ #Content .pro_index01 .h3_y{font-size:36px;} #Content .pro_index01 .p_h3{font-size:30px;} #Content .pro_index01 .li_a{padding:0 16px;} #Content .pro_index01 .top_rig{position:inherit; margin-top:20px;} #Content .pro_index01 .sea_form{float:right; margin-bottom:20px;} #Content .pro_index01 .right{float:left;} } @media screen and (max-width:992px){ #Content .pro_index01 .p_h3::after{width:80%;} #Content .pro_index01 .h3_y{font-size:32px;} #Content .pro_index01 .p_h3{font-size:24px;} #Content .pro_index01 .li_a{padding:0 16px;} #Content .pro_index01 .top_rig{position:inherit; margin-top:20px;} #Content .pro_index01 .sea_form{float:right; margin-bottom:20px;} #Content .pro_index01 .right{float:left; width:100%; display:flex;align-items: center; justify-content: center; } #Content .pro_index01 .li_b{width:49%;} #Content .pro_index01 .li_b:nth-child(3n){margin-right:2%;} #Content .pro_index01 .li_b:nth-child(2n){margin-right:0;} #Content .pro_index01 .li_b:nth-child(9){display:none;} .list>#Content .pro_index01 .li_b{ width: 48%!important; } } @media screen and (max-width:768px){ #Content .pro_index01 .h3_y{font-size:24px;} #Content .pro_index01 .p_h3{font-size:18px;} #Content .pro_index01 .p_h3::after{width:70%;} #Content .pro_index01 .sea_form{width:100%;} #Content .pro_index01 .right{display:block;} #Content .pro_index01 .li_a{width:46%; padding:0 10px; text-align:center; margin:2%; line-height:36px;} #Content .pro_index01 .li_a a{font-size:14px; width:100%; display:block; text-align:center;} #Content .pro_index01 .li_b .h4_b{line-height:28px; padding-top:10px; font-size:14px;} #Content .pro_index01 .li_b a{padding:10px 10px 32px;} #Content .pro_index01 .ul_a{padding-bottom:30px;} #Content .pro_index01 .more_a{width:160px; height:38px;} #Content .pro_index01 .more_a a{line-height:38px; padding-left:5px; font-size:15px;} #Content .pro_index01 .more_a::after{border-top:38px solid #449284;} #Content .pro_index01 .more_a .b{line-height:38px;} #Content .pro_index01 .li_b .more{width:50px; height:50px; margin-left:-25px; } } .swiper-container{ background: #d5d5d5; } #swiper4{ background: #fff; } #Content2,#Content,#Content3,#Content4{ overflow: hidden; clear: both; } #Content2{ background: #d5d5d5; } #Content2 .adv_index02{display:block; width:100%; float:left; padding:98px 0;} #Content2 .adv_index02 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;} #Content2 .adv_index02 .h3_y{font-weight:bold; font-size:42px; color:#ffffff; display:block; } #Content2 .adv_index02 .p_h3{font-weight:bold; font-size:30px; color:#ffffff; position:relative;} #Content2 .adv_index02 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px; width:86%; content:"";background:#ffffff; } #Content2 .adv_index02 .adv_ul{width:100%; display:block;} #Content2 .adv_index02 .li_c{width:23%; float:left; margin-right:2%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content2 .adv_index02 .li_c a{display:block; width:100%; height:100%; padding:30px 10px; background:rgba(0,0,0,0.5); position:relative; } #Content2 .adv_index02 .li_c .span_c img{ position: relative; width: 33px; top: 25px; } #Content2 .adv_index02 .li_c .span_c{text-align: center; width:80px; height:80px; float:left; background:rgba(255,255,255,0.1); border-radius:50%;} #Content2 .adv_index02 .li_c .span_right{float:left; width:68%; padding-left:15px; color:#ffffff;} #Content2 .adv_index02 .li_c .p_c{line-height:38px; font-size:20px;} #Content2 .adv_index02 .li_c .b_c{padding-top:6px; line-height:20px; font-size:12px; font-weight:normal; display:block; height:46px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; } #Content2 .adv_index02 .li_c:nth-child(4n){margin-right:0;} #Content2 .adv_index02 .li_c:hover a{background:rgba(68,146,132,0.9);} #Content2 .adv_index02 .li_c:hover{ -webkit-transform: translateY(-10px); transform: translateY(-10px); } @media screen and (max-width:1630px){ #Content2 .adv_index02 .li_c .span_right{width:68%;} } @media screen and (max-width:1200px){ #Content2 .adv_index02 .h3_y{font-size:36px;} #Content2 .adv_index02 .p_h3{font-size:30px;} #Content2 .adv_index02 .li_c .span_c{width:80px; height:80px;} #Content2 .adv_index02 .li_c a{padding:15px;} #Content2 .adv_index02 .li_c .span_right{width:70%;} } @media screen and (max-width:992px){ #Content2 .adv_index02 .p_h3::after{width:80%;} #Content2 .adv_index02 .h3_y{font-size:32px;} #Content2 .adv_index02 .p_h3{font-size:24px;} #Content2 .adv_index02{padding:60px 0;} #Content2 .adv_index02 .li_c a{padding:15px;} #Content2 .adv_index02 .li_c .span_c{width:70px; height:70px;} #Content2 .adv_index02 .li_c .span_right{width:66%; padding-left:10px;} #Content2 .adv_index02 .li_c .p_c{font-size:18px; line-height:24px;} #Content2 .adv_index02 .li_c .b_c{font-size:12px;} } @media screen and (max-width:768px){ #Content2 .adv_index02 .h3_y{font-size:24px;} #Content2 .adv_index02 .p_h3{font-size:18px;} #Content2 .adv_index02 .p_h3::after{width:70%;} #Content2 .adv_index02{padding:40px 0;} #Content2 .adv_index02 .li_c{width:100%; margin-right:0; margin-bottom:15px;} #Content2 .adv_index02 .li_c a{padding:15px;} #Content2 .adv_index02 .li_c .span_c{width:70px; height:70px;} #Content2 .adv_index02 .li_c .span_right{width:66%; padding-left:10px;} #Content2 .adv_index02 .li_c .p_c{font-size:16px; line-height:24px;} #Content2 .adv_index02 .li_c .b_c{font-size:12px;} } #Content3 .case_index03{display:block; width:100%; float:left; background:#f0f0f0; padding:100px 0;} #Content3 .case_index03 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;} #Content3 .case_index03 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; } #Content3 .case_index03 .p_h3{font-weight:bold; font-size:30px; color:#449284; position:relative;} #Content3 .case_index03 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px; width:86%; content:"";background:#e5e5e5; } #Content3 .case_index03 .more_a{width:184px; height:44px; background:#363e45; line-height:44px; position:absolute; right:0; bottom:43%; color:#ffffff; display:block; padding:0 15px; } #Content3 .case_index03 .more_a::after{position:absolute; right:0; top:0; width:65px; content:""; height:0; border-top:44px solid #449284; border-left:28px solid transparent;transition:all 0.5s ease; } #Content3 .case_index03 .more_a a{color:#ffffff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;} #Content3 .case_index03 .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;} #Content3 .case_index03 .more_a:hover::after{background:#449284; width:100%; height:100%;} #Content3 .case_index03 .case_ul{width:100%; display:block;} #Content3 .case_index03 .li_d{float:left; width:32%; margin-right:2%; background:#ffffff;} #Content3 .case_index03 .li_d:nth-child(3n){margin-right:0;} #Content3 .case_index03 .li_d a{display:block; width:100%; height:100%;} #Content3 .case_index03 .li_d .pic{position:relative; } #Content3 .case_index03 .li_d img{display:block;} #Content3 .case_index03 .li_d .mor{display:flex;align-items: center; justify-content: center; width:100%; height:100%; background:rgba(16,68,146,0.7); position:absolute; left:0; top:0; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } #Content3 .case_index03 .li_d .i{width:54px; height:54px; border:1px solid #ffffff; line-height:54px; font-size:12px; border-radius:50%; color:#ffffff; text-align:center; } #Content3 .case_index03 .li_d .text{line-height:68px; height:68px; width:100%; padding:0 10px; text-align:center; display:block; font-size:18px; color:#333333; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #Content3 .case_index03 .li_d:hover .mor{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #Content3 .case_index03 .li_d:hover .text{background:#449284; color:#ffffff;} @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ #Content3 .case_index03 .h3_y{font-size:36px;} #Content3 .case_index03 .p_h3{font-size:30px;} #Content3 .case_index03 .li_d .text{line-height:60px; height:60px;} #Content3 .case_index03 .more_a{bottom:46%;} } @media screen and (max-width:992px){ #Content3 .case_index03{padding:50px 0;} #Content3 .case_index03 .p_h3::after{width:80%;} #Content3 .case_index03 .h3_y{font-size:32px;} #Content3 .case_index03 .p_h3{font-size:24px;} #Content3 .case_index03 .more_a{bottom:46%; width:160px; height:40px;} #Content3 .case_index03 .more_a a{padding-left:10px; line-height:40px;} #Content3 .case_index03 .more_a .b{line-height:40px;} #Content3 .case_index03 .more_a::after{border-top: 40px solid #449284;} #Content3 .case_index03 .li_d .text{line-height:50px; height:50px; font-size:16px;} #Content3 .case_index03 .li_d .i{width:46px; height:46px; line-height:46px;} } @media screen and (max-width:768px){ #Content3 .case_index03{padding:30px 0;} #Content3 .case_index03 .h3_y{font-size:24px;} #Content3 .case_index03 .p_h3{font-size:18px;} #Content3 .case_index03 .p_h3::after{width:70%;} #Content3 .case_index03 .more_a{ float:right; width:120px; height:36px; position:inherit; } #Content3 .case_index03 .more_a a{padding-left:0px; line-height:36px; font-size:14px;} #Content3 .case_index03 .more_a .b{line-height:36px;} #Content3 .case_index03 .more_a::after{border-top: 36px solid #449284; width:56px;} #Content3 .case_index03 .li_d .text{line-height:44px; height:44px; font-size:14px;} #Content3 .case_index03 .li_d .i{width:46px; height:46px; line-height:46px;} #Content3 .case_index03 .li_d{width:100%; margin-right:0; margin-top:15px; display:block;} } #Content4{ overflow: hidden; background: url("../images/indexabt.jpg")no-repeat top ; } #Content4 .about_index04{display:block; width:100%; float:left; padding-bottom: 50px;} #Content4 .about_index04 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;} #Content4 .about_index04 .h3_y{font-weight:bold; font-size:42px; color:#fff; display:block; } #Content4 .about_index04 .p_h3{font-weight:bold; font-size:30px; color:#fff; position:relative;} #Content4 .about_index04 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px; width:86%; content:"";background:#e5e5e5; } #Content4 .about_index04 .abou_text{width:100%; display:block;} #Content4 .about_index04 .left{ box-shadow: 0 0 4px 0 rgba(54,62,69,0.6); background: #fff; padding: 20px 50px;width:41.112%; float:left; position:relative; height:100%; } #Content4 .about_index04 .left:before{ position: absolute; left: -50px; top: 0; border-left: 50px solid transparent; border-bottom: 80px solid #363e45; content: ""; } #Content4 .about_index04 .left .span_a{display:block; width:556px; position:relative; left:45px; top:-40px; } #Content4 .about_index04 .left .span_a img{display:block;} #Content4 .about_index04 .right{float:left; background:#ffffff; width:51.5%;margin-right:90px; box-shadow:0 1px 18px 1px rgba(54,62,69,0.6); padding:60px 80px; margin-top:60px; height:440px; } #Content4 .about_index04 .right .h4_a{display:block; line-height:26px; font-size:24px; color:#333333; font-weight:bold; width:100%;} #Content4 .about_index04 .right .p{display:block; margin:25px 0 40px 0; line-height:36px; color:#666666; font-size:16px; width:100%; height:180px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:5;-webkit-box-orient: vertical; } #Content4 .about_index04 .right .more_a{width:184px; height:44px; background:#363e45; line-height:44px; color:#ffffff; display:block; padding:0 15px; position: relative; } #Content4 .about_index04 .right .more_a::after{position:absolute; right:0; top:0; width:65px; content:""; height:0; border-top:44px solid #449284; border-left:28px solid transparent;transition:all 0.5s ease; } #Content4 .about_index04 .right .more_a a{color:#ffffff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;} #Content4 .about_index04 .right .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;} #Content4 .about_index04 .right .more_a:hover::after{background:#449284; width:100%; height:100%;} @media screen and (max-width:1630px){ #Content4 .about_index04 .right{width:50.9%;} } @media screen and (max-width:1200px){ #Content4 .about_index04 .h3_y{font-size:36px;} #Content4 .about_index04 .p_h3{font-size:30px;} #Content4 .about_index04 .left .span_a{width:430px;} #Content4 .about_index04 .right{width:50%; margin-right:80px;padding:30px; height:331px;} #Content4 .about_index04 .right .h4_a{font-size:22px;} #Content4 .about_index04 .right .p{line-height:30px; font-size:15px; margin:15px 0 30px; height:145px;} #Content4 .about_index04 .right .more_a{ width:160px; height:40px; } #Content4 .about_index04 .right .more_a a{ line-height:40px; font-size:16px;} #Content4 .about_index04 .right .more_a .b{line-height:40px;} #Content4 .about_index04 .right .more_a::after{border-top: 40px solid #449284; width:56px;} } @media screen and (max-width:992px){ #Content4 .about_index04 .p_h3::after{width:80%;} #Content4 .about_index04 .h3_y{font-size:32px;} #Content4 .about_index04 .p_h3{font-size:24px;} #Content4 .about_index04 .left .span_a{width:330px; left:30px; top:-30px;} #Content4 .about_index04 .right{margin-right:57px; width: 51%; margin-top:30px; height:265px;} #Content4 .about_index04 .right .h4_a{font-size:20px;} #Content4 .about_index04 .right .p{font-size:14px; line-height:24px; height:118px;} #Content4 .about_index04 .right .more_a{ width:120px; height:36px; } #Content4 .about_index04 .right .more_a a{padding-left:0; line-height:36px; font-size:14px;} #Content4 .about_index04 .right .more_a .b{line-height:36px;} #Content4 .about_index04 .right .more_a::after{border-top: 36px solid #449284; width:56px;} } @media screen and (max-width:768px){ #Content4 .about_index04 .left:before{ display: none; } #Content4 .about_index04 .h3_y{font-size:24px;} #Content4 .about_index04 .p_h3{font-size:18px;} #Content4 .about_index04 .p_h3::after{width:70%;} #Content4 .about_index04 .index_top{padding-bottom:10px;} #Content4 .about_index04 .left{width:100%; height:100%; margin-top:30px;} #Content4 .about_index04 .left .span_a{right:0; top:-20px; width:100%;} #Content4 .about_index04 .right{width:100%; margin:0; padding:25px; min-height:200px; height:auto;} #Content4 .about_index04 .right .h4_a{font-size:16px;} #Content4 .about_index04 .right .p{font-size:14px; line-height:22px; min-height:100px; height:auto;} } #Content5 .news_index05{background:#f0f0f0; padding:100px 0; display:block; width:100%; float:left;} #Content5 .news_index05 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;} #Content5 .news_index05 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; } #Content5 .news_index05 .p_h3{font-weight:bold; font-size:30px; color:#449284; position:relative;} #Content5 .news_index05 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px; width:86%; content:"";background:#cfcfcf; } #Content5 .news_index05 .top_rig{position:absolute; right:0; bottom:43%;} #Content5 .news_index05 .li_a{float:left; padding:0 20px; line-height:45px; margin-left:10px; background:#449284; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Content5 .news_index05 .right{float:right;} #Content5 .news_index05 .li_a a{font-size:16px; color:#ffffff; display:block; width:100%;} #Content5 .news_index05 .li_a:hover, #Content5 .news_index05 .li_a.on{background:#363e45;} #Content5 .news_index05 .news_ul{display:block; width:100%;} #Content5 .news_index05 .li_e{width:49%; float:left; margin:0 2% 2% 0; height:120px; overflow: hidden;position: relative} #Content5 .news_index05 .li_e::after{ content: ""; position: absolute; left: 108px; top: 32px; width: 1px; height: 67px; background-color: #dddddd; } #Content5 .news_index05 .li_e:nth-child(2n){margin-right:0;} #Content5 .news_index05 .li_e a{display:block; width:100%; height:100%; background:#ffffff; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Content5 .news_index05 .li_e .span_left{float:left; width:20%; position:relative;color:#000;} #Content5 .news_index05 .li_e .i{padding:40px 20px 10px; display:block; font-size:48px; line-height:18px; position:relative; z-index:2; font-family: "Arial";} #Content5 .news_index05 .li_e .b_e{position:relative; z-index:2; font-weight:bold; font-size:16px; display:block;padding:0 20px; line-height:40px; font-family: "Arial";} #Content5 .news_index05 .li_e .span_left::after{ } #Content5 .news_index05 .li_e .span_right{float:left; width:80%;padding:20px 28px;} #Content5 .news_index05 .li_e .h4_e{font-size:18px; line-height:20px; display:block; color:#333333;} #Content5 .news_index05 .li_e .p_e{line-height:24px; margin-top:12px; display:block; font-size:14px; color:#666666; height:48px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; } #Content5 .news_index05 .li_e:hover .span_left::after{} #Content5 .news_index05 .li_e:hover a{} #Content5 .news_index05 .li_e .h4_e,#Content5 .news_index05 .li_e .i{ transition: 0.5s; } #Content5 .news_index05 .li_e:hover .h4_e,#Content5 .news_index05 .li_e:hover .i { color: #449284; } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ #Content5 .news_index05 .h3_y{font-size:36px;} #Content5 .news_index05 .p_h3{font-size:30px;} #Content5 .news_index05 .top_rig{bottom:46%;} #Content5 .news_index05 .li_a{padding:0 16px;} #Content5 .news_index05 .li_e .i{padding:30px 15px 10px;} #Content5 .news_index05 .li_e .span_left::after{width:150px;} #Content5 .news_index05 .li_e .span_right{padding:20px 45px;} } @media screen and (max-width:992px){ #Content5 .news_index05{padding:50px 0;} #Content5 .news_index05 .p_h3::after{width:80%;} #Content5 .news_index05 .h3_y{font-size:32px;} #Content5 .news_index05 .p_h3{font-size:24px;} #Content5 .news_index05 .top_rig{position:inherit;width: 100%; margin-top:10px; display: flex; align-items: center; justify-content: center; } #Content5 .news_index05 .li_e{height:110px;} #Content5 .news_index05 .li_e .i{padding:25px 10px 10px; font-size:20px;} #Content5 .news_index05 .li_e .span_left::after{width:130px;border-bottom: 110px solid #dfdfdf;} #Content5 .news_index05 .li_e .span_right{padding:20px 45px;} #Content5 .news_index05 .li_e .b_e{font-size:36px; line-height:30px; padding:0 10px; text-align:center;} #Content5 .news_index05 .li_e .span_left{width:23%;} #Content5 .news_index05 .li_e .span_right{width:77%;} #Content5 .news_index05 .li_e .h4_e{font-size:16px;} #Content5 .news_index05 .li_e .p_e{line-height:22px; margin-top:8px; height:43px;} } @media screen and (max-width:768px){ #Content5 .news_index05{padding:30px 0;} #Content5 .news_index05 .index_top{padding-bottom:20px;} #Content5 .news_index05 .h3_y{font-size:20px;} #Content5 .news_index05 .p_h3{font-size:18px;} #Content5 .news_index05 .p_h3::after{width:70%;} #Content5 .news_index05 .top_rig{display:block;} #Content5 .news_index05 .right{float:none;} #Content5 .news_index05 .li_a{width:46%; padding:0 10px; text-align:center; margin:2%; line-height:36px;} #Content5 .news_index05 .li_a a{font-size:14px; width:100%; display:block; text-align:center;} #Content5 .news_index05 .li_e{width:100%; margin-right:0; height:98px; margin-bottom:15px;} #Content5 .news_index05 .li_e .i{padding:30px 15px 6px; font-size:28px;} #Content5 .news_index05 .li_e .span_left::after{width:116px;border-bottom: 98px solid #dfdfdf;} #Content5 .news_index05 .li_e .span_right{padding:16px 27px;} #Content5 .news_index05 .li_e .b_e{font-size:16px; line-height:20px; padding:0 20px; text-align:left;} #Content5 .news_index05 .li_e .span_left{width:27%;} #Content5 .news_index05 .li_e .span_right{width:73%;} #Content5 .news_index05 .li_e .h4_e{font-size:16px;} #Content5 .news_index05 .li_e .p_e{line-height:20px; font-size:14px; margin-top:5px; height:40px;} } /*底部*/ #Down .footer{width:100%; float:left; display:block;} #Down .footer .d_footer{width:100%; display:block;} #Down .d_footer .top_d{background:#272c31; padding-top:60px; display:block; width:100%;} .changleft{ float:left; width:20%; } .changleft .footlogo{ margin-bottom: 30px; } #Down .d_footer .ul_left{float:left; width:61.5%;} #Down .d_footer .ul_left .li_f{float:left; width:14.666%; margin-right:2%;} #Down .d_footer .ul_left .h4_a{display:block; line-height:20px; font-size:18px; color:#ffffff; position:relative; padding-bottom:16px; } #Down .d_footer .ul_left .h4_a a{ color:#ffffff; } #Down .d_footer .ul_left .h4_a .b{position: absolute; display:none; right:15px;top:56%; width: 9px;height: 9px; float: right; border-top:solid 1px #bdbebf; border-right:solid 1px #bdbebf;margin-top: -5px; cursor: pointer;transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Down .d_footer .ul_left .h4_a.active .b{ transform: rotate(135deg);-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);-o-transform: rotate(135deg); margin-top: -7px; } #Down .d_footer .ul_left .h4_a::after{width:20px; height:1px; background:#52565a; position:absolute; left:0; bottom:0; content:""; } #Down .d_footer .ul_left ul{margin-top:20px; display:block;} #Down .d_footer .ul_left .li{line-height:30px;} #Down .d_footer .ul_left .li a{font-size:14px; color:#bdbebf; display:block;} #Down .d_footer .ul_left .li:hover a{color:#449284;} #Down .d_footer .right_d{width:17.5%; float:right;} .right_d div{ padding: 0 5px; } #Down .d_footer .top_g{ width:50%; color:#ffffff;font-size:16px; line-height:24px; float: left;} #Down .d_footer .top_g p, #Down .d_footer .bot_g p{ font-size: 14px; font-weight: 400; color: #FFFFFF; text-align: center; } #Down .d_footer .bot_g{ width:50%; color:#ffffff;font-size:16px; line-height:24px; float: left; } #Down .d_footer .span_1{float:left; } #Down .d_footer .span_2{float:right; border-top:1px solid #52565a; border-bottom:1px solid #52565a; font-size:14px; line-height:28px; padding:20px 0; margin:10px 0 0 6px; writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rlï¼›*/ } #Down .d_footer .ul{margin-top:30px; position:relative; display:block; border-top:1px dashed #52565a; width:100%; padding:25px 0;} #Down .d_footer .h5_a{padding-left:30px; line-height:18px; position:relative; font-size:16px; float:left;color:#bdbebf;} #Down .d_footer .h5_a .i{width:16px; height:16px; background:url(/template/theme/CN/907_link.png)no-repeat; position: absolute; left:0; top:0; } #Down .d_footer .ul_a{float:left;width:86%;} #Down .d_footer .ul_a .li_g{line-height:16px; font-size:14px; float:left; color:#363b41; font-size:12px;} #Down .d_footer .ul_a .li_g a{ color:#bdbebf; font-size:14px;padding:0 8px; } #Down .d_footer .ul_a .li_g:hover a{color:#449284;} #Down .d_footer .ul .span{font-size:14px; float:right;} #Down .d_footer .ul .span a{color:#bdbebf; font-size:14px;} #Down .bottom_d{background:#449284; padding:15px 0; line-height:26px; width:100%; display:block;} #Down .bottom_d .span_3{float:left; width:100%; line-height:26px; font-size:14px; color:#fff;} #Down .bottom_d .span_3 a{ color: #fff; } #Down .bottom_d .span_3 a:hover{ color: #fff; } #Down .pf_down{display:none; box-shadow:0 -6px 4px -6px #ccc;} /*右侧漂浮*/ #Down .pf_right{display: none; width:72px; right:30px; position:fixed; top:50%; z-index:999; } #Down .pf_right ul{ width:100%; float:left;} #Down .pf_right ul li{ width:72px; height:72px; float:left; margin-bottom:1px;} #Down .pf_right ul li a{ display:block; float:right; width:72px; height:72px; position:relative; padding:8px 0; background:#494d52;} #Down .pf_right ul li a img{ float:left;} #Down .pf_right ul li a .ico{ width:30px; height:30px; margin:0 auto;} #Down .pf_right ul li a .i{color:#ffffff; line-height:24px; font-size:16px; display:block; text-align:center; width:100%;} #Down .pf_right ul li:hover a{background:#203764;} #Down .pf_right ul li.r_ewm .z_ewm{position:absolute; right:80px;width:100px; height:100px; display:none; top:-12px;border:5px solid #203764;} #Down .pf_right ul li.r_ewm .z_ewm img{width:100%; height:100%;} #Down .pf_right ul li.r_ewm:hover a .z_ewm{display:block;} /* 20200413修改开始 */ #Down .pf_right{ top: 35%;} #Down .pf_right ul li{ position: relative;} #Down .pf_right ul li .z_dh{ display: none; width: 170px; height: 72px; line-height: 72px; overflow: hidden; text-align: center; position: absolute; top: 0; right: 80px; color: #fff; background:#203764;} #Down .pf_right ul li:hover .z_dh{ display: block;} /* 20200413修改结束 */ /*留言弹窗*/ #Down .mess-wrapper{width:100%; height:100%; background:rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 99999; } #Down .mess-wrapper .mess_width{width:600px; margin:0 auto; position:relative; top:20%;} #Down .mess-wrapper .top_1{background:#449284; line-height:64px; border-radius:20px 20px 0 0; text-align:center; color:#ffffff; font-size:24px; } #Down .mess-wrapper .form_width{background:#ffffff; padding:26px 46px 46px; border-radius:0 0 20px 20px;} #Down .mess-wrapper .h4_1{font-size:16px; color:#666666; padding-bottom:22px; text-align:center;} #Down .mess-wrapper .li_1{width:100%; margin-bottom:10px; float:left; background:#efefef; padding:13px 24px; line-height:28px; position:relative;} #Down .mess-wrapper .input{background:none; border:none; padding:0 5px; outline: none; width:79%; height:28px; line-height:28px;} #Down .mess-wrapper .input_1{width:40%;} #Down .mess-wrapper .i{float:left; font-size:16px; color:#666666; line-height:28px;} #Down .mess-wrapper .b{color:#449284; font-size:16px;} #Down .mess-wrapper .li_2{width:49%; margin-right:2%; float:left;} #Down .mess-wrapper .li_3{margin-right:0;} #Down .mess-wrapper .li_4{background:#449284;} #Down .mess-wrapper .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;} #Down .mess-wrapper .ri{padding-left:100px;} #Down .mess-wrapper .demo--label{float:left; margin:0 5px; font-size:16px; color:#666666;} #Down .mess-wrapper .demo--radio{display:none; } #Down .mess-wrapper .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1; position:relative;} #Down .mess-wrapper .demo--radio:checked + .demo--radioInput:after{background-color:#449284;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2.5px;margin-top:2px;width:5px;position: absolute;} #Down .mess-wrapper .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0} #Down .mess-wrapper .demo--radio:checked + .demo--radioInput{border:1px solid #449284;} #Down .mess-wrapper .span_d{float:right; position:absolute; right:24px; top:13px;} #Down .mess-wrapper .span_d img{display:block;} #Down .mess-wrapper .pointa{position:absolute; right:18px; top:20px; display:block; display: inline-block;width: 22px;height: 22px; cursor: pointer; } #Down .mess-wrapper .pointa:hover .navbtna, #Down .mess-wrapper .pointa:hover .navbtna::after, #Down .mess-wrapper .pointa:hover .navbtna::before { width: 22px; } #Down .mess-wrapper .pointa .navbtna { position: absolute; top: 8px; right: 0; display: inline-block; width: 16px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); background: transparent; } #Down .mess-wrapper .pointa .navbtna::after, #Down .mess-wrapper .pointa .navbtna::before { position: absolute; right: 0; display: inline-block; width: 22px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); } #Down .mess-wrapper .pointa .navbtna::after { top:-8px; } #Down .mess-wrapper .pointa .navbtna::before { top:8px; } #Down .mess-wrapper .pointa .navbtna::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; background:rgba(255,255,255,0.9);} #Down .mess-wrapper .pointa .navbtna::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; background:rgba(255,255,255,0.9);} #Down .visible-lg{display:block!important;} @media screen and (max-width:1630px){ #Down .d_footer .right_d{width:18.5%;} #Down .d_footer .ul_a{width:86%;} } @media screen and (max-width:1200px){ #Down .d_footer .right_d{width:18.5%;} #Down .d_footer .ul_a{width:84%;} #Down .d_footer .ul_left{width:61.5%;} .changleft{ width: 20%; } } @media screen and (max-width:992px){ #Down .d_footer .right_d{width:30%; float:left; margin-top:20px;} #Down .d_footer .ul_a{width:78%;} #Down .d_footer .ul_left{width:100%;} .changleft{ width: 100%; } } @media screen and (max-width:768px){ .changleft .footlogo{ text-align: center; } #Down .d_footer .top_d{padding-top:30px;} #Down .d_footer .ul_left .h4_a .b{display:block;} #Down .d_footer .ul_left .h4_a{line-height:36px; font-size:16px; height:36px;padding: 0 15px; } #Down .d_footer .ul_left .h4_a::after{display:none;} #Down .d_footer .ul_left ul{display:none; margin:0; padding:0 15px;} #Down .d_footer .ul_left .li_f{width:49%; margin-bottom:15px; border:1px solid #bdbebf;} #Down .d_footer .ul_left .li_f:nth-child(2n){margin-right:0;} #Down .d_footer .right_d{width:100%; margin-top:10px;} #Down .d_footer .ul{margin-top:20px; padding:15px 0;} #Down .d_footer .bot_g{} #Down .d_footer .ul .span{position:absolute; right:0; top:20;} #Down .d_footer .ul_a{width:100%; margin-top:10px;} #Down .bottom_d{text-align:center;} #Down .bottom_d .span_3, #Down .bottom_d .span_4{width:100%; line-height:22px; font-size:14px;} #Down .q_d_m{float:left; width:100%; height:50px;} #Down .pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; height:50px; z-index:99;} #Down .pf_down li{ width:20%; float:left; text-align:center; padding:0 0 5px 0; position:relative;} #Down .pf_down li .ico{ width:100%; float:left; height:30px;} #Down .pf_down li .ico img{ height:36px;} #Down .pf_down li .name{ width:100%; float:left; margin-top:0px; font-size:12px; color:#929292; line-height:14px;} #Down .pf_down li.l1 a{ display:inline-block; *zoom:1; *display:inline; width:56px; height:56px; background:rgba(255,255,255,0.8); border:solid 2px #449284; margin-top:-20px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Down .visible-lg{display:none!important;} #Down .mess-wrapper .mess_width{width:90%; top:10%;} #Down .mess-wrapper .top_1{line-height:44px; font-size:18px;border-radius:15px 15px 0 0;} #Down .mess-wrapper .pointa{right:12px; top:10px;} #Down .mess-wrapper .form_width{padding:15px 20px 20px; overflow-y: auto; height:400px;border-radius: 0 0 15px 15px;} #Down .mess-wrapper .h4_1{font-size:12px; padding-bottom:15px;} #Down .mess-wrapper .li_2{width:100%;} #Down .mess-wrapper .li_1{padding:10px 15px; line-height:24px;} #Down .mess-wrapper .i{line-height:24px; font-size:14px;} #Down .mess-wrapper .input{line-height:24px; height:24px; font-size:12px;} #Down .mess-wrapper .li_11 .input{width:60%;} #Down .mess-wrapper .demo--label{font-size:14px;} #Down .mess-wrapper .span_d{width:100px; right:10px; top:10px;} #Down .mess-wrapper .tj{font-size:15px;} #Down .mess-wrapper .li_4{padding:8px 10px;} /* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */ #Down .mess-wrapper .form_width::-webkit-scrollbar { width:10px; height:10px; background-color: #F5F5F5;} /* 定义滚动条轨道 内阴影+圆角 */ #Down .mess-wrapper .form_width::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #F5F5F5;} /* 定义滑块 内阴影+圆角 */ #Down .mess-wrapper .form_width::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color: rgba(16,68,146,.9);} } /* 内页banner */ #Slide2{ width: 100%; float: left;} #Slide2 .zy_banner{ line-height: 0;} @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 内页导航 */ #Content6{ width: 100%; float: left;} #Content6 .subNav{ text-align: center;} #Content6 .subNav .u1{ display: inline-block;} #Content6 .subNav .l1{ float: left; font-size: 16px; height: 48px; line-height: 48px; padding: 0 40px; margin: 5px 10px; background: #363e45;} #Content6 .subNav .l1 a{ color: #fff;} #Content6 .subNav .l1.on,#Content6 .subNav .l1:hover{ background: #449284;} @media screen and (max-width:1200px){ #Content6 .subNav .l1{ padding: 0 20px;} } @media screen and (max-width:1023px){ #Content6 .subNav .l1{ font-size: 14px; height: 28px; line-height: 28px; padding: 0 10px; margin: 2px 5px;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ #Content6 .subNav .u1{ margin: 0 -5px;} #Content6 .subNav .l1{ font-size: 12px; padding: 0 6px; margin: 1px 2px;} } /*1关于宏工*/ #Content7 .about_width{width:100%; display:block; float:left;} #Content7 .about_width .title{text-align:center; margin-bottom:60px; display:block;} #Content7 .about_width .title .h3_a{ font-family: "Arial";text-align:center; color:#1c1f21; font-size:30px;font-weight:bold; display:block; line-height:40px;} #Content7 .about_width .title .h4_a{position: relative; text-align:center; padding:0 42px; display:inline-block; font-size:24px; color:#449284; font-weight:bold; line-height:30px; } #Content7 .about_width .title .h4_a::after{position:absolute; right:0; top:50%; height:1px; width:22px; background:#449284; content:""; } #Content7 .about_width .title .h4_a::before{position:absolute; left:0; top:50%; height:1px; width:22px; background:#449284; content:""; } #Content7 .about_width .text{line-height:28px; ccolor:#444444; font-size:16px; display:block; min-height:60px;} @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ #Content7 .about_width .title .h3_a{font-size:26px; line-height:36px;} #Content7 .about_width .title .h4_a{font-size:22px; line-height:26px; padding:0 30px;} } @media screen and (max-width:992px){ #Content7 .about_width .title .h3_a{font-size:24px; line-height:30px;} #Content7 .about_width .title .h4_a{font-size:20px; line-height:26px; padding:0 25px;} #Content7 .about_width .title{margin-bottom:20px;} } @media screen and (max-width:768px){ #Content7 .about_width .title .h3_a{font-size:22px; line-height:28px;} #Content7 .about_width .title .h4_a{font-size:18px; line-height:22px; padding:0 20px;} #Content7 .about_width .title .h4_a::after, #Content7 .about_width .title .h4_a::before{width:12px;} #Content7 .about_width .title{margin-bottom:20px;} #Content7 .about_width .text{line-height:22px; font-size:14px;} } #Content9 .cor_width{width:100%; display:block; float:left; } #Content9 .cor_width .title{text-align:center; margin-bottom:30px; display:block;} #Content9 .cor_width .title .h3_a{text-align:center; color:#1c1f21; font-size:30px;font-weight:bold; display:block; line-height:40px;} #Content9 .cor_width .title .h4_a{position: relative; text-align:center; padding:0 42px; display:inline-block; font-size:24px; color:#449284; font-weight:bold; line-height:30px; } #Content9 .cor_width .title .h4_a::after{position:absolute; right:0; top:50%; height:1px; width:22px; background:#449284; content:""; } #Content9 .cor_width .title .h4_a::before{position:absolute; left:0; top:50%; height:1px; width:22px; background:#449284; content:""; } #Content9 .cor_width .cor_list{width:100%; display:block;} #Content9 .cor_width .li_a{width:23.5%; margin-right:2%; float:left; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content9 .cor_width .li_a:last-child{margin-right:0;} #Content9 .cor_width .li_a a{dispaly:block; width:100%; height:100%; text-align:center;} #Content9 .cor_width .li_a .img_1{max-width:100%; margin-bottom:16px;} #Content9 .cor_width .li_a img{display:block; width: 100px; margin: 0 auto} #Content9 .cor_width .li_a .h3_a{font-size:20px; margin-bottom:10px; line-height:30px; font-weight:bold; colro:#333333; display:block;} #Content9 .cor_width .li_a .p{line-height:22px; color:#666666; font-size:14px; display:block;} #Content9 .cor_width .li_a:hover{-webkit-transform: translateY(-10px); transform: translateY(-10px);} #Content9 .cor_width .li_a:hover .p{color:#449284;} @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ #Content9 .cor_width .title .h3_a{font-size:26px; line-height:36px;} #Content9 .cor_width .title .h4_a{font-size:22px; line-height:26px; padding:0 30px;} } @media screen and (max-width:992px){ #Content9 .cor_width .title .h3_a{font-size:24px; line-height:30px;} #Content9 .cor_width .title .h4_a{font-size:20px; line-height:26px; padding:0 25px;} #Content9 .cor_width .title{margin-bottom:20px;} #Content9 .cor_width .li_a{width:31.3%; margin:0 4% 4% 0;} #Content9 .cor_width .li_a:nth-child(2n){margin-right:0;} } @media screen and (max-width:768px){ #Content9 .cor_width .title .h3_a{font-size:22px; line-height:28px;} #Content9 .cor_width .title .h4_a{font-size:18px; line-height:22px; padding:0 20px;} #Content9 .cor_width .title .h4_a::after, #Content9 .cor_width .title .h4_a::before{width:12px;} #Content9 .cor_width .title{margin-bottom:20px;} #Content9 .cor_width .li_a{width:31.3%; margin:0 0 15px 0;} #Content9 .cor_width .li_a .img_1{margin-bottom:10px;} #Content9 .cor_width .li_a .h3_a{font-size:16px; margin-bottom:5px;} } .styled-pagination{ margin-top: 50px; position:relative; display: block; width: 100%; } .styled-pagination ul{ position:relative; width: 100%; text-align: center; } .styled-pagination li{ position:relative; display: inline-block; margin: 0 5px 8px; } .styled-pagination li a{ position:relative; display: block; padding: 0 15px; text-align: center; line-height:36px; font-weight:400; font-size:14px; background:#ffffff; color:#bbbbbb; border:1px solid #ddd; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .styled-pagination li a:hover, .styled-pagination li.active a{ color:#449284; border-color:#449284; } .styled-pagination li.next-post a, .styled-pagination li.prev-post a{ width: auto; padding: 0 20px; } .styled-pagination li.next-post a:hover, .styled-pagination li.prev-post a:hover{ color: #449284; border-color: #449284; } /*产品中心*/ #List .pro_list{width:100%; display:block; float:left;} #List .pro_list .pro_left{width:21.754%; float:left;} #List .pro_list .pro_left .top_a{width:100%; background:url(/template/theme/CN/914_cp_bg1.png)no-repeat #449284; border-radius:0 30px 0 0; background-size:100% 100%; height:115px; display:block; padding:30px 22px; } #List .pro_list .pro_left .h3_a{color:#ffffff; font-size:28px; font-weight:bold;display:block;} #List .pro_list .pro_left .b_a{color:#ffffff; font-size:18px; font-weight:bold; line-height:24px;display:block;} #List .pro_list .bottom_a{dispaly:block; width:100%;} #List .pro_list .bottom_a .h4_a{display:none;} #List .pro_list .bottom_a .li_a{margin-bottom:2px; width:100%; } #List .pro_list .bottom_a .li_a .h5_a{background:#363e45; padding:18px 20px 18px 46px; display:block; width:100%; position:relative; font-size:18px; color:#ffffff; cursor: pointer; } #List .pro_list .bottom_a .li_a .h5_a .b{position: absolute; left:20px;top:56%; width: 6px;height: 6px; float: right; border-top:solid 1px #ffffff; border-right: solid 1px #ffffff;margin-top: -5px; cursor: pointer;transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #List .pro_list .bottom_a .li_a .h5_a.active .b{ transform: rotate(135deg);-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);-o-transform: rotate(135deg); margin-top: -7px; } #List .pro_list .bottom_a .li_a .ul_a{width:100%; display:none; padding:0 20px; border:1px solid #dadada; border-top:none; border-bottom:none; } #List .pro_list .bottom_a .li_a .li_b{width:100%; border-bottom:1px dashed #dadada; padding:20px 25px;} #List .pro_list .bottom_a .li_a .li_b a{width:100%; padding:0; display:block; height:100%; color:#333333; font-size:16px; } #List .pro_list .bottom_a .li_a .li_b:last-child{border:none;} #List .pro_list .bottom_a .li_a .li_b:hover a{color:#449284;} #List .pro_list .pro_right{float:right; width:74%;} #List .pro_list .pro_right .pro_ul{width:100%; display:block;} #List .pro_list .pro_right .li_c{width:31.3333%; float:left; margin:0 3% 4% 0; padding-bottom:20px;} #List .pro_list .li_c:nth-child(3n){margin-right:0;} #List .pro_list .li_c a{width:100%; display:block;position:relative; background:#f0f0f0; border:1px solid #f0f0f0; height:100%;transition:all 0.5s ease;} #List .pro_list .li_c .pic{display:block; overflow: hidden;} #List .pro_list .li_c img{display:block;transition:all 0.5s ease;} #List .pro_list .li_c .h4_b{display:block; padding:16px 20px; line-height:40px; color:#333333; font-size:14px; width:100%; text-align:center;transition:all 0.5s ease; } #List .pro_list .li_c .p_b{line-height:30px; color:#888888; font-size:14px; text-align:center; display:block; width:100%;transition:all 0.5s ease; padding:0 20px;} #List .pro_list .li_c .more{position:absolute; left:50%;margin-left:-27px; bottom:-20px; z-index:2; border:4px solid #f0f0f0; background:#ffffff; line-height:48px; width:54px; height:54px; text-align:center; color:#b3b3b3; font-size:12px; border-radius:50%;transition:all 0.5s ease; } #List .pro_list .li_c:hover a{background:#449284;} #List .pro_list .li_c:hover .h4_b, #List .pro_list .li_c:hover .p_b, #List .pro_list .li_c:hover .more{color:#ffffff;} #List .pro_list .li_c:hover .more{border:4px solid #449284; background:#449284;} #List .pro_list .li_c:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /*分页*/ #List{ width: 100%; float: left;} #List .wack1{ text-align: center;} #List .pz_fy{ display: inline-block; *display: inline; *zoom: 1;} #List .pz_fy a { float: left; width: 36px; height: 36px; line-height: 36px; border: 1px solid #e1e1e1; color: #272727; font-size: 14px; margin: 0 10px;} #List .pz_fy a:hover, #List .pz_fy a.on { background: #449284; color:#fff; border: 1px solid #449284;} #List .pz_fy .l2{ width: 100px; height: 36px;} #List .pz_fy .l2:hover{ background-color: #449284; border: 1px solid #449284;} #List .pz_fy .r2{ width: 100px; height: 36px;} #List .pz_fy .r2:hover{ background-color: #449284; border: 1px solid #449284;} @media screen and (max-width:1023px){ #List .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #List .fy_pc a{ padding:5px 25px; background: #449284; color:#fff; border: transparent; border-radius:16px; overflow:hidden;} #List .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ #List .pro_list .pro_left .top_a{padding:25px 18px; height:102px;} #List .pro_list .bottom_a .li_a .li_b{padding:12px 10px;} #List .pro_list .bottom_a .li_a .h5_a{padding:10px 15px 10px 40px;} } @media screen and (max-width:992px){ #List .pro_list .pro_left .top_a{display:none;} #List .pro_list .bottom_a .li_a{width:48%; margin-right:4%; float:left;} #List .pro_list .bottom_a .li_a:nth-child(2n){margin-right:0;} #List .pro_list .pro_left{width:100%; margin-bottom:15px;} #List .pro_list .pro_right{width:100%;} #List .pro_list .pro_right .li_c{width:48%;} #List .pro_list .li_c:nth-child(3n){margin-right:4%;} #List .pro_list .li_c:nth-child(2n){margin-right:0;} #List .pro_list .li_c:nth-child(9){display:none;} } @media screen and (max-width:768px){ #List .pro_list .bottom_a .li_a .h5_a{padding:6px 10px 6px 30px; font-size:14px;} #List .pro_list .bottom_a .li_a .h5_a .b{left:12px;} #List .pro_list .bottom_a .li_a .ul_a{padding:0 10px;} #List .pro_list .bottom_a .li_a .ul_a:last-child{border-bottom:1px solid #dadada;} #List .pro_list .bottom_a .li_a .li_b{padding:10px 0;} #List .pro_list .bottom_a .li_a .li_b a{font-size:12px;} #List .pro_list .bottom_a .li_a{width:48%; margin-right:4%; float:left;} #List .pro_list .li_c .h4_b{line-height:28px; padding-top:10px; font-size:16px;} #List .pro_list .li_c a{} #List .pro_list .li_c .more{width:50px; height:50px; margin-left:-25px; } } /*产品详情页*/ /*产品中心*/ #Subpage .pro_list{width:100%; display:block; float:left;} #Subpage .pro_list .pro_left{width:21.754%; float:left;} #Subpage .pro_list .pro_left .top_a{width:100%; background:url(/template/theme/CN/915_cp_bg1.png)no-repeat #449284; border-radius:0 30px 0 0; background-size:100% 100%; height:115px; display:block; padding:30px 22px; } #Subpage .pro_list .pro_left .h3_a{color:#ffffff; font-size:28px; font-weight:bold;display:block;} #Subpage .pro_list .pro_left .b_a{color:#ffffff; font-size:18px; font-weight:bold; line-height:24px;display:block;} #Subpage .pro_list .bottom_a{dispaly:block; width:100%;} #Subpage .pro_list .bottom_a .h4_a{display:none;} #Subpage .pro_list .bottom_a .li_a{margin-bottom:2px; width:100%; } #Subpage .pro_list .bottom_a .li_a .h5_a{background:#363e45; padding:18px 20px 18px 46px; display:block; width:100%; position:relative; font-size:18px; color:#ffffff; cursor: pointer; } #Subpage .pro_list .bottom_a .li_a .h5_a .b{position: absolute; left:20px;top:56%; width: 6px;height: 6px; float: right; border-top:solid 1px #ffffff; border-right: solid 1px #ffffff;margin-top: -5px; cursor: pointer;transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Subpage .pro_list .bottom_a .li_a .h5_a.active .b{ transform: rotate(135deg);-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);-o-transform: rotate(135deg); margin-top: -7px; } #Subpage .pro_list .bottom_a .li_a .ul_a{width:100%; display:none; padding:0 20px; border:1px solid #dadada; border-top:none; border-bottom:none; } #Subpage .pro_list .bottom_a .li_a .li_b{width:100%; border-bottom:1px dashed #dadada; padding:20px 25px;} #Subpage .pro_list .bottom_a .li_a .li_b a{width:100%; padding:0; display:block; height:100%; color:#333333; font-size:16px; } #Subpage .pro_list .bottom_a .li_a .li_b:last-child{border:none;} #Subpage .pro_list .bottom_a .li_a .li_b:hover a{color:#449284;} #Subpage .pro_list .pro_right{float:right; width:74%;} #Subpage .pro_pic{width:100%; display:block;} #Subpage .pro_pic .top_c{text-align:center;} #Subpage .pro_pic .h4_title{text-align:center; color:#333333; display:block; line-height:36px; font-size:30px;} #Subpage .pro_pic .pro_span{color:#888888; display:inline-block; font-size:14px; line-height:22px; text-align:center; padding-top:10px;} #Subpage .pro_pic .pro_span .ico{ display: block; float: left; width: 18px; height: 18px; margin: 5px 8px 5px 0;} #Subpage .pro_pic .pro_span .wz{ float: left; margin-right: 20px;} #Subpage .pro_pic .pro_span .i img{vertical-align:middle; margin-right:5px;} #Subpage .pro_pic .text{color:#666666; font-size:14px; line-height:30px; padding:20px 0; border-top:1px dashed #b2b2b2; margin:26px 0 20px; } #Subpage .pro_pic .bdsharebuttonbox{display: inline-block; *display: inline; *zoom:1; vertical-align: top; padding: 0!important; margin: 0!important;} #Subpage .pro_pic .bdsharebuttonbox span{float: left; padding-right: 5px; line-height: 26px; height: 26px; color: #666; font-size: 14px;} #Subpage .pro_pic .bdsharebuttonbox a{float: left; width: 26px !important; height: 26px !important; margin: 0 8px !important; padding: 0!important; } #Subpage .pro_pic .bdsharebuttonbox .bds_weixin{background:url(/template/theme/CN/915_share_wx.png) no-repeat !important; background-size: 100% !important;} #Subpage .pro_pic .bdsharebuttonbox .bds_sqq{background:url(/template/theme/CN/915_share_qq.png) no-repeat !important; background-size: 100% !important;} #Subpage .pro_pic .bdsharebuttonbox .bds_qzone{background:url(/template/theme/CN/915_share_kj.png) no-repeat !important; background-size: 100% !important;} #Subpage .pro_pic .bdsharebuttonbox .bds_tsina{background:url(/template/theme/CN/915_share_wb.png) no-repeat !important; background-size: 100% !important;} #Subpage .pro_pic .bdsharebuttonbox .bds_tqq{background:url(/template/theme/CN/915_share_txwb.png) no-repeat !important; background-size: 100% !important;} #Subpage .pro_pic .bdsharebuttonbox .bds_tt{background:url(/template/theme/CN/915_cpxq_im8.png) no-repeat !important; background-size: 100% !important;} #Subpage .pro_pic .fy_xq{margin:20px auto; width:100%; background:#f7f7f7; padding:15px 18px;} #Subpage .pro_pic .fy_xq a{width:49%; text-align:left; line-height:18px; color:#333333; font-size:14px;} #Subpage .pro_pic .fy_xq .left{float:left; text-align:left;} #Subpage .pro_pic .fy_xq .right{text-align:right; float:right;} #Subpage .pro_pic .fy_xq a:hover{color:#449284;} #Subpage .pro_pic .caseConAl{padding-top:20px;} #Subpage .pro_pic .caseConAl .tit{ width: 100%; overflow: hidden;} #Subpage .pro_pic .caseConAl .tit .t1{ float: left; font-size: 24px; line-height: 24px; padding-bottom: 15px; color: #449284; position: relative;} #Subpage .pro_pic .caseConAl .tit .t1::before{ content: ""; display: block; width: 95px; height: 3px; background: #449284; position: absolute; bottom: -2px; left: 0;} #Subpage .pro_pic .caseConAl .tit .fh{ float: right; font-size: 16px; padding-left: 25px; color: #888888; background: url(/template/theme/CN/915_fh.png) no-repeat left center;} #Subpage .pro_pic .caseConAl .tit .fh:hover{ text-decoration: underline;} #Subpage .pro_pic .caseConAl .tit .lin{ width: 100%; height: 1px; padding-bottom: 2px; float: left; border-top: 1px solid #d1d1d1;} #Subpage .pro_pic .list{margin:0 -63px; display:block; padding-top:30px; overflow: hidden;} #Subpage .pro_pic .list .list_ul{display:block; padding:0 63px; width:100%; } #Subpage .pro_pic .list .slick-list{position: relative;} #Subpage .pro_pic .list .slick-slide{margin:0 15px; background:#f0f0f0; border:1px solid #f0f0f0;} #Subpage .pro_pic .list .slick-slide:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1); } #Subpage .pro_pic .list .slick-slide:hover .h4_b a{color:#449284;} #Subpage .pro_pic .list .slick-prev, #Subpage .pro_pic .list .slick-next{width:34px; height:34px; display:block; border-radius:50%; margin-top:-17px;} #Subpage .pro_pic .list .slick-prev{background:url(/template/theme/CN/915_left_a1.png)no-repeat #f0f0f0; background-size:100% 100%; left:0;} #Subpage .pro_pic .list .slick-next{background:url(/template/theme/CN/915_right_a1.png)no-repeat #f0f0f0; background-size:100% 100%; right:0;} #Subpage .pro_pic .list .slick-prev:hover{background:url(/template/theme/CN/915_left_b1.png)no-repeat rgba(16,68,146,0.6); background-size:100% 100%;} #Subpage .pro_pic .list .slick-next:hover{background:url(/template/theme/CN/915_right_b1.png)no-repeat rgba(16,68,146,0.6); background-size:100% 100%;} #Subpage .pro_pic .list .pic{width:100%; overflow: hidden;} #Subpage .pro_pic .list .pic img{display:block; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align:middle; -ms-interpolation-mode:bicubic; } #Subpage .pro_pic .list .h4_b{padding:20px 10px; color:#333333; font-size:18px; line-height:22px; display:block; text-align:center;} #Subpage .pro_pic .list .h4_b a{color:#333333; font-size:18px;} @media screen and (max-width:1630px){ #Subpage .pro_pic .list{margin:0 -5px;} #Subpage .pro_pic .list .slick-slide{margin-right:20px;} #Subpage .pro_pic .list .list_ul{padding:0 50px; } } @media screen and (max-width:1200px){ #Subpage .pro_list .pro_left .top_a{padding:25px 18px; height:102px;} #Subpage .pro_list .bottom_a .li_a .li_b{padding:12px 10px;} #Subpage .pro_list .bottom_a .li_a .h5_a{padding:10px 15px 10px 40px;} } @media screen and (max-width:992px){ #Subpage .pro_list .pro_left .top_a{display:none;} #Subpage .pro_list .bottom_a .li_a{width:48%; margin-right:4%; float:left;} #Subpage .pro_list .bottom_a .li_a:nth-child(2n){margin-right:0;} #Subpage .pro_list .pro_left{width:100%; margin-bottom:15px;} #Subpage .pro_list .pro_right{width:100%;} #Subpage .pro_pic .fx_xq{display:none;} #Subpage .pro_pic .h4_title{font-size:20px;} } @media screen and (max-width:768px){ #Subpage .pro_list .bottom_a .li_a .h5_a{padding:6px 10px 6px 30px; font-size:14px;} #Subpage .pro_list .bottom_a .li_a .h5_a .b{left:12px;} #Subpage .pro_list .bottom_a .li_a .ul_a{padding:0 10px;} #Subpage .pro_list .bottom_a .li_a .ul_a:last-child{border-bottom:1px solid #dadada;} #Subpage .pro_list .bottom_a .li_a .li_b{padding:10px 0;} #Subpage .pro_list .bottom_a .li_a .li_b a{font-size:12px;} #Subpage .pro_list .bottom_a .li_a{width:48%; margin-right:4%; float:left;} #Subpage .pro_pic .text{line-height:24px; } #Subpage .pro_pic .h4_title{font-size:18px; line-height:24px;} #Subpage .pro_pic .pro_span{text-align:center; line-height:22px; padding-top:5px;} #Subpage .pro_pic .text{margin:18px 0 10px; padding:15px 0;} #Subpage .pro_pic .fy_xq a{width:100%; display:block; margin:5px 0;} #Subpage .pro_pic .fy_xq .right{text-align:left; float:left; } #Subpage .pro_pic .caseConAl .tit .t1{font-size:18px; line-height:20px;} #Subpage .pro_pic .caseConAl .tit .t1::before{width:70px;} #Subpage .pro_pic .list .slick-slide{margin-right:0;} #Subpage .pro_pic .list .list_ul{padding:0 40px;} #Subpage .pro_pic .list .h4_b{padding:10px 10px;} #Subpage .pro_pic .list .h4_b a{font-size:14px; line-height:22px;} } /* 4工程案例 */ #List2 .caseList .u1{width:102%; margin: 0 -1%;} #List2 .caseList .l1{float:left; width:31.3%; margin: 15px 1%; background:#ffffff;} #List2 .caseList .l1 a{display:block; width:100%; height:100%;} #List2 .caseList .l1 .pic{position:relative; } #List2 .caseList .l1 img{display:block;} #List2 .caseList .l1 .mor{display:flex;align-items: center; justify-content: center; width:100%; height:100%; background:rgba(102,165,154,0.7); position:absolute; left:0; top:0; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } #List2 .caseList .l1 .i{width:54px; height:54px; border:1px solid #ffffff; line-height:54px; font-size:12px; border-radius:50%; color:#ffffff; text-align:center; } #List2 .caseList .l1 .text{line-height:68px; height:68px; width:100%; padding:0 10px; text-align:center; display:block; font-size:18px; background: #f3f3f3; color:#333333; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #List2 .caseList .l1:hover .mor{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #List2 .caseList .l1:hover .text{background:#449284; color:#ffffff;} @media screen and (max-width:1023px){ #List2 .caseList .l1{ width: 48%; margin: 5px 1%;} #List2 .caseList .l1 .text{line-height:44px; height:44px; font-size:14px;} #List2 .caseList .l1 .i{width:46px; height:46px; line-height:46px;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 页码 */ #Pagination{ width: 100%; float: left;} #Pagination .wack1{ text-align: center;} #Pagination .pz_fy{ display: inline-block; *display: inline; *zoom: 1;} #Pagination .pz_fy a { float: left; width: 36px; height: 36px; line-height: 36px; border: 1px solid #e1e1e1; color: #272727; font-size: 14px; margin: 0 10px;} #Pagination .pz_fy a:hover, #Pagination .pz_fy a.on { background: #449284; color:#fff; border: 1px solid #449284;} #Pagination .pz_fy .l2{ width: 100px; height: 36px;} #Pagination .pz_fy .l2:hover{ background-color: #449284; border: 1px solid #449284;} #Pagination .pz_fy .r2{ width: 100px; height: 36px;} #Pagination .pz_fy .r2:hover{ background-color: #449284; border: 1px solid #449284;} @media screen and (max-width:1023px){ #Pagination .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #Pagination .fy_pc a{ padding:5px 25px; background: #449284; color:#fff; border: transparent; border-radius:16px; overflow:hidden;} #Pagination .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 5案例详情 */ #Subpage2{ width: 100%; float: left;} #Subpage2 .caseCon .title{ font-size: 30px; line-height: 32px; color: #333; text-align: center;} #Subpage2 .caseCon .time{ width: 100%; overflow: hidden; position: relative; line-height: 28px; font-size: 14px; margin: 15px 0 18px 0; color: #888888; text-align: center;} #Subpage2 .caseCon .time .fbt{ display: inline-block;} #Subpage2 .caseCon .time .ico{ display: block; float: left; width: 18px; height: 18px; margin: 5px 8px 5px 0;} #Subpage2 .caseCon .time .wz{ float: left; margin-right: 20px;} #Subpage2 .caseCon .line{ width: 100%; height: 1px; border-bottom: 1px dashed #b2b2b2;} #Subpage2 .caseCon .nyfx { position: absolute; right: 0; top: 0;} #Subpage2 .caseCon .nyfx .p{ float: left;} #Subpage2 .caseCon .bdsharebuttonbox{ display: inline-block;} #Subpage2 .caseCon .bdsharebuttonbox a{ display: inline-block; width: 27px; height: 27px; margin: 0 7px;} #Subpage2 .caseCon .bdsharebuttonbox a:nth-child(1){ background: url(/template/theme/CN/918_fx1.png) no-repeat center;} #Subpage2 .caseCon .bdsharebuttonbox a:nth-child(2){ background: url(/template/theme/CN/918_fx2.png) no-repeat center;} #Subpage2 .caseCon .bdsharebuttonbox a:nth-child(3){ background: url(/template/theme/CN/918_fx3.png) no-repeat center;} #Subpage2 .caseCon .bdsharebuttonbox a:nth-child(4){ background: url(/template/theme/CN/918_fx4.png) no-repeat center;} #Subpage2 .caseCon .bdsharebuttonbox a:nth-child(5){ background: url(/template/theme/CN/918_fx5.png) no-repeat center;} #Subpage2 .caseCon .bdsharebuttonbox a:nth-child(6){ background: url(/template/theme/CN/918_fx6.png) no-repeat center;} #Subpage2 .caseCon .home_res11{ float: left; width: 100%;} #Subpage2 .caseCon .slick_res1l{ float: left; width: 74.3%;} #Subpage2 .caseCon .home_res12{ float: right; width: 23.5%; padding-top: 40px; overflow: hidden; position: relative;} #Subpage2 .caseCon .home_res12 .imgk{ line-height: 0; margin-bottom: 20px; border: 0;} #Subpage2 .caseCon .home_res12 .imgk:hover,#Subpage2 .caseCon .home_res12 .slick-current .imgk{ border: 4px solid #449284;} #Subpage2 .caseCon .home_res12 .slick-prev,#Subpage2 .caseCon .home_res12 .slick-next{ width: 128px; height: 23px; position: absolute; top: -30px; z-index: 9;} #Subpage2 .caseCon .home_res12 .slick-prev{ left: auto; right: 160px; background-color: #e7e7e7;} #Subpage2 .caseCon .home_res12 .slick-prev::before{ content: ""; display: block; width: 9px; height: 9px; position: absolute; top: 10px; left: 50%; margin-left: -5px; border-top: solid 1px #449284; border-right: solid 1px #449284; transform: rotate(-45deg);} #Subpage2 .caseCon .home_res12 .slick-next{ left: auto; right: 0; background-color: #e7e7e7;} #Subpage2 .caseCon .home_res12 .slick-next::before{ content: ""; display: block; width: 9px; height: 9px; position: absolute; top: 5px; left: 50%; margin-left: -5px; border-top: solid 1px #449284; border-right: solid 1px #449284; transform: rotate(135deg);} #Subpage2 .caseCon .home_res12 .slick-prev:hover{ background: #449284;} #Subpage2 .caseCon .home_res12 .slick-prev:hover::before{ border-top: solid 1px #fff; border-right: solid 1px #fff;} #Subpage2 .caseCon .home_res12 .slick-next:hover{ background: #449284;} #Subpage2 .caseCon .home_res12 .slick-next:hover::before{ border-top: solid 1px #fff; border-right: solid 1px #fff;} #Subpage2 .caseCon .caseConJs{ margin: 60px 0;} #Subpage2 .caseCon .caseConJs .tit{ background: url(/template/theme/CN/918_casecon4.png) repeat-x center 15px;} #Subpage2 .caseCon .caseConJs .tit span{ font-size: 24px; padding-right: 20px; background: #fff;} #Subpage2 .caseCon .caseConJs .info{ font-size: 16px; margin-top: 40px; line-height: 30px; color: #555;} #Subpage2 .caseCon .caseConAl .tit{ width: 100%; overflow: hidden;} #Subpage2 .caseCon .caseConAl .tit .t1{ float: left; font-size: 24px; line-height: 24px; padding-bottom: 15px; color: #449284; position: relative;} #Subpage2 .caseCon .caseConAl .tit .t1::before{ content: ""; display: block; width: 95px; height: 3px; background: #449284; position: absolute; bottom: -2px; left: 0;} #Subpage2 .caseCon .caseConAl .tit .fh{ float: right; font-size: 16px; padding-left: 25px; color: #888888; background: url(/template/theme/CN/918_fh.png) no-repeat left center;} #Subpage2 .caseCon .caseConAl .tit .fh:hover{ text-decoration: underline;} #Subpage2 .caseCon .caseConAl .tit .lin{ width: 100%; height: 1px; padding-bottom: 2px; float: left; border-top: 1px solid #d1d1d1;} #Subpage2 .caseCon .caseConAl .tab{ margin: 30px -15px 0 -15px; position: relative;} #Subpage2 .caseCon .caseConAl .tab .pic{ margin: 0 15px;} #Subpage2 .caseCon .caseConAl .tab .img{ line-height: 0; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Subpage2 .caseCon .caseConAl .tab .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align:middle; -ms-interpolation-mode:bicubic;} #Subpage2 .caseCon .caseConAl .tab .pic:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Subpage2 .caseCon .caseConAl .tab .t1{ font: 18px; height: 64px; line-height: 64px; text-align: center; color: #333; background: #f3f3f3; overflow: hidden;} #Subpage2 .caseCon .caseConAl .tab .pic:hover .t1{ color: #449284;} #Subpage2 .caseCon .caseConAl .slick-prev{ display: block; width: 34px; height: 34px; position: absolute; left: -65px; top: 50%; margin-top: -17px; background: url(/template/theme/CN/918_casecon8.png) no-repeat center; border-radius: 50%; background-color: #f0f0f0; background-size: cover;} #Subpage2 .caseCon .caseConAl .slick-prev:hover{ background: url(/template/theme/CN/918_casecon8_1.png) no-repeat center; background-color: #b7c7de;} #Subpage2 .caseCon .caseConAl .slick-next{ display: block; width: 34px; height: 34px; position: absolute; right: -65px; top: 50%; margin-top: -17px; background: url(/template/theme/CN/918_casecon9.png) no-repeat center; border-radius: 50%; background-color: #f0f0f0; background-size: cover;} #Subpage2 .caseCon .caseConAl .slick-next:hover{ background: url(/template/theme/CN/918_casecon9_1.png) no-repeat center; background-color: #b7c7de;} @media screen and (max-width:1200px){ #Subpage2 .caseCon .home_res12 .slick-prev,#Subpage2 .caseCon .home_res12 .slick-next{ width: 100px; height: 23px;} #Subpage2 .caseCon .home_res12 .slick-prev{ right: 130px;} } @media screen and (max-width:1023px){ #Subpage2 .caseCon .title{ font-size: 16px; line-height: 18px;} #Subpage2 .caseCon .time{ line-height: 18px; font-size: 12px; margin: 5px 0 10px 0;} #Subpage2 .caseCon .time .ico{ margin: 0 3px 0 0;} #Subpage2 .caseCon .time .wz{ margin-right: 5px;} #Subpage2 .caseCon .home_res12 .imgk{ margin-bottom: 10px;} #Subpage2 .caseCon .home_res12 .slick-prev,#Subpage2 .caseCon .home_res12 .slick-next{ width: 100%; height: 16px;} #Subpage2 .caseCon .home_res12 .slick-prev{ right: 0; top: -32px;} #Subpage2 .caseCon .home_res12 .slick-next{ right: 0; top: -14px;} #Subpage2 .caseCon .home_res12 .slick-prev::before{ top: 7px;} #Subpage2 .caseCon .home_res12 .slick-next::before{ top: 0;} #Subpage2 .caseCon .caseConJs{ margin: 15px 0;} #Subpage2 .caseCon .caseConJs .tit{ background: url(/template/theme/CN/918_casecon4.png) repeat-x center 8px;} #Subpage2 .caseCon .caseConJs .tit span{ font-size: 16px; padding-right: 10px;} #Subpage2 .caseCon .caseConJs .info{ font-size: 14px; margin-top: 10px; line-height: 24px;} #Subpage2 .caseCon .caseConAl .tit .t1{ font-size: 16px; line-height: 16px; padding-bottom: 10px;} #Subpage2 .caseCon .caseConAl .tit .t1::before{ width: 65px;} #Subpage2 .caseCon .caseConAl .tit .fh{ font-size: 14px; padding-left: 25px;} #Subpage2 .caseCon .caseConAl .tab{ margin: 10px -5px 0 -5px;} #Subpage2 .caseCon .caseConAl .tab .pic{ margin: 0 5px;} #Subpage2 .caseCon .caseConAl .tab .t1{ font: 16px; height: 30px; line-height: 30px;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 6新闻列表 */ #List3{ width: 100%; float: left;} #List3 .newsList .l1:nth-child(1){ border-top: 1px solid #ededed; } #List3 .newsList .l1{ padding: 30px 0; width: 100%; border-bottom: 1px solid #ededed; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #List3 .newsList .l1 .img{ float: left; width: 21.15%; line-height: 0; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #List3 .newsList .l1 .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align:middle; -ms-interpolation-mode:bicubic;} #List3 .newsList .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #List3 .newsList .l1 .text{ float: left; border-right: 1px solid #ededed; width: 65%; padding: 30px 55px 25px 40px;} #List3 .newsList .l1 .text .tit{ font-size: 20px; margin-bottom: 20px; line-height: 20px; height: 20px; overflow: hidden; color: #4f4b4c;} #List3 .newsList .l1 .text .info{ font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; color: #656262;} #List3 .newsList .l1:hover .text .info{ color: #449284; } #List3 .newsList .l1 .date{ float: left; width: 13.85%; font-family: "Arial"; padding: 45px 0 0 40px;} #List3 .newsList .l1 .date .date_r{ font-size: 28px; line-height: 28px; color: #888;} #List3 .newsList .l1 .date .date_ny{ font-size: 16px; line-height: 16px; margin: 10px 0 20px 0; color: #888;} #List3 .newsList .l1 .date .ico{ font-size: 34px; height: 14px; line-height: 14px; font-weight: lighter; color: #888;} #List3 .newsList .l1:hover{ padding-left: 2%;} #List3 .newsList .l1:hover .text .tit{ color: #449284;font-weight: bold} #List3 .newsList .l1:hover .date{ width: 9.35%;} #List3 .newsList .l1:hover .text{ width: 68.5%;} #List3 .newsList .l1:hover .date .ico{ color: #449284;} @media screen and (max-width:1023px){ #List3 .newsList .l1{ padding: 10px 0;} #List3 .newsList .l1 .img{ width: 26.15%;} #List3 .newsList .l1 .text{ width: 55%; padding: 0 10px 5px 10px;} #List3 .newsList .l1 .text .tit{ font-size: 16px; line-height: 16px; height: 16px; margin-bottom: 10px;} #List3 .newsList .l1 .text .info{ line-height: 16px; height: 32px;} #List3 .newsList .l1 .date{ width: 18.85%; padding: 5px 0 0 8px;} #List3 .newsList .l1 .date .date_r{ font-size: 16px; line-height: 16px;} #List3 .newsList .l1 .date .date_ny{ font-size: 12px; line-height: 12px; margin: 5px 0 8px 0;} #List3 .newsList .l1 .date .ico{ width: 24px; height: 12px; font-size: 22px;} #List3 .newsList .l1:hover .text{ width: 58.5%;} #List3 .newsList .l1:hover .date{ width: 13.35%;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 7新闻详情 */ #Subpage3{ width: 100%; float: left;} #Subpage3 .newsCon{ width: 100%; float: left;} #Subpage3 .newsConLeft{ float: left; width: 100%;} #Subpage3 .newsConLeft .tit{ font-size: 30px; line-height: 32px; color: #333;text-align: center;font-weight: bold} #Subpage3 .newsConLeft .time{text-align: center; width: 100%; overflow: hidden; line-height: 18px; font-size: 14px; margin: 25px 0; color: #888888;} #Subpage3 .newsConLeft .time .ico{ display: block; float: left; width: 18px; height: 18px; margin-right: 8px;} #Subpage3 .newsConLeft .time .wz{ margin-right: 20px;} #Subpage3 .newsConLeft .line{ width: 100%; height: 1px; border-bottom: 1px solid #eeeeee;} #Subpage3 .newsConLeft .info{ font-size: 14px; line-height: 30px; margin: 30px 0 40px 0; color: #666;} #Subpage3 .newsConLeft .zan{ display: block; margin: 0 auto; width: 62px; height: 62px; border-radius: 50%; text-align: center; border: 1px solid #449284;} #Subpage3 .newsConLeft .zan:hover{transform: translateY(-10px)} #Subpage3 .newsConLeft .zan .ico{ width: 26px; height: 26px; margin: 8px auto 4px auto; line-height: 0;} #Subpage3 .newsConLeft .zan .ico I{ font-size: 26px; line-height: 26px; color: #449284;} #Subpage3 .newsConLeft .zan .wz{ font-size: 12px; color: #449284;position: relative} #Subpage3 .newsConLeft .nyfx{ text-align: center;display: inline-block; position: absolute} #Subpage3 .newsConLeft .bdsharebuttonbox{ display: inline-block;} #Subpage3 .newsConLeft .bdsharebuttonbox a{ display: inline-block; margin: 0 7px;} #Subpage3 .newsConLeft .sx_fy{ float: left; width: 100%; font-size: 14px; line-height: 16px; padding: 20px 0 70px 0; border-top: 1px solid #eeeeee;} #Subpage3 .newsConLeft .sx_fy a{ color: #333;} #Subpage3 .newsConLeft .sx_fy a:hover{ color: #449284;} #Subpage3 .newsConLeft .sx_fy .l_fy{ width: 50%; float: left;} #Subpage3 .newsConLeft .sx_fy .r_fy{ width: 50%; float: right; text-align: right;} #Subpage3 .newsConLeft .newsXg .title{ width: 100%; overflow: hidden;} #Subpage3 .newsConLeft .newsXg .title .t1{ float: left; font-size: 24px; line-height: 24px; padding-bottom: 15px; color: #449284; position: relative;} #Subpage3 .newsConLeft .newsXg .title .t1::before{ content: ""; display: block; width: 95px; height: 3px; background: #449284; position: absolute; bottom: -2px; left: 0;} #Subpage3 .newsConLeft .newsXg .title .fh{ float: right; font-size: 16px; padding-left: 25px; color: #888888; background: url(/template/theme/CN/920_fh.png) no-repeat left center;} #Subpage3 .newsConLeft .newsXg .title .fh:hover{ text-decoration: underline;} #Subpage3 .newsConLeft .newsXg .title .lin{ width: 100%; height: 1px; padding-bottom: 2px; float: left; border-top: 1px solid #d1d1d1;} #Subpage3 .newsConLeft .newsXg .u1{ overflow: hidden; width: 102%; margin: 10px -1% 0 -1%;} #Subpage3 .newsConLeft .newsXg .u1 .l1{ float: left; overflow: hidden; width: 48%; line-height: 18px; padding: 15px 0; overflow: hidden; margin: 0 1%; border-bottom: 1px dotted #cccccc;} #Subpage3 .newsConLeft .newsXg .u1 .l1 .tit{ width: 100%; float: left; font-size: 16px; line-height: 18px; height: 18px; overflow: hidden; color: #333333;} #Subpage3 .newsConLeft .newsXg .u1 .l1 .date{ width: 20%; float: right; text-align: right; font-size: 16px; color: #777777;} #Subpage3 .newsConLeft .newsXg .u1 .l1:hover .tit{ color: #449284;} #Subpage3 .newsConRight{ float: right; width: 29%;} #Subpage3 .newsConRight .pic .slick-dots{ position: absolute; bottom: 10px; z-index: 10; height: 10px; text-align: center;} #Subpage3 .newsConRight .pic .slick-dots li{ vertical-align: top; width: 10px; height: 10px; background: #b5c1d6; margin: 0 5px; border-radius: 50%; cursor: pointer; text-indent: -999px; overflow: hidden;} #Subpage3 .newsConRight .pic .slick-dots .slick-active{ background: #449284;} #Subpage3 .newsConRight .pic .img{ line-height: 0; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Subpage3 .newsConRight .pic .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align:middle; -ms-interpolation-mode:bicubic;} #Subpage3 .newsConRight .pic .img:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Subpage3 .newsConRight .tab{ margin: 20px 0; border-radius: 10px; border: 1px solid #efefef; box-shadow: 0 5px 5px -5px #ccc; overflow: hidden;} #Subpage3 .newsConRight .tab .hd{ width: 100%; overflow: hidden; border-bottom: 1px solid #efefef;} #Subpage3 .newsConRight .tab .hd .l1{ float: left; width: 50%; font-size: 18px; height: 50px; line-height: 50px; cursor: pointer; color: #333; text-align: center;} #Subpage3 .newsConRight .tab .hd .l1.on{ color: #fff; background: #449284;} #Subpage3 .newsConRight .tab .bd{ padding: 0 0 30px 0;} #Subpage3 .newsConRight .tab .bd .l1{ padding: 20px 20px 0 20px;} #Subpage3 .newsConRight .tab .bd .l1:hover{ background: #fafafa;} #Subpage3 .newsConRight .tab .bd .tit{ font-size: 16px; line-height: 18px; color: #333;} #Subpage3 .newsConRight .tab .bd .time{ width: 100%; overflow: hidden; line-height: 14px; font-size: 14px; margin: 15px 0 0 0; color: #888888;} #Subpage3 .newsConRight .tab .bd .time .ico{ display: block; float: left; width: 14px; height: 14px; margin-right: 8px;} #Subpage3 .newsConRight .tab .bd .time .wz{ float: left; margin-right: 20px;} #Subpage3 .newsConRight .tab .bd .l1 .xian{ width: 98%; margin: 0 1%; height: 1px; margin-top: 20px; background: #f1f3f4;} #Subpage3 .newsConRight .mess{ padding: 20px 30px; border-radius: 10px; border: 1px solid #efefef; box-shadow: 0px 5px 5px -5px #ccc;} #Subpage3 .newsConRight .mess .tit{ font-size: 18px; margin-bottom: 20px; color: #449284;} #Subpage3 .newsConRight .mess .li_1{width: 100%; margin-bottom:10px; float:left; background:#efefef; padding:13px; line-height:28px; position:relative;} #Subpage3 .newsConRight .mess .input{background:none; border:none; padding:0 5px; outline: none; width:75%; height:28px; line-height:28px;font-size:14px;} #Subpage3 .newsConRight .mess .input_1{width:40%;} #Subpage3 .newsConRight .mess .input_2{width:50%;} #Subpage3 .newsConRight .mess .i{ font-size:16px; color:#666666; line-height:28px;} #Subpage3 .newsConRight .mess .b{color:#449284; font-size:16px;} #Subpage3 .newsConRight .mess .li_2{width:100%; float:left;} #Subpage3 .newsConRight .mess .li_3{margin-right:0;} #Subpage3 .newsConRight .mess .li_4{background:#449284;} #Subpage3 .newsConRight .mess .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;} #Subpage3 .newsConRight .mess .ri{width: 100%; margin-top: 10px;} #Subpage3 .newsConRight .mess .demo--label{float:left; margin:0 30px 0 5px; font-size:16px; color:#666666;} #Subpage3 .newsConRight .mess .demo--radio{display:none; } #Subpage3 .newsConRight .mess .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1; position:relative;} #Subpage3 .newsConRight .mess .demo--radio:checked + .demo--radioInput:after{background-color:#449284;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2px;margin-top:2px;width:5px;position: absolute;} #Subpage3 .newsConRight .mess .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0} #Subpage3 .newsConRight .mess .demo--radio:checked + .demo--radioInput{border:1px solid #449284;} #Subpage3 .newsConRight .mess .span_d{float:right; position:absolute; right:13px; top:16px;} #Subpage3 .newsConRight .mess .span_d img{display:block; height:26px;} #Subpage3 .newsConRight .mess .pointa{position:absolute; right:18px; top:20px; display:block; display: inline-block;width: 22px;height: 22px; cursor: pointer; } #Subpage3 .newsConRight .mess .pointa:hover .navbtna, #Subpage3 .newsConRight .mess .pointa:hover .navbtna::after, #Subpage3 .newsConRight .mess .pointa:hover .navbtna::before { width: 22px; } #Subpage3 .newsConRight .mess .pointa .navbtna { position: absolute; top: 8px; right: 0; display: inline-block; width: 16px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); background: transparent; } #Subpage3 .newsConRight .mess .pointa .navbtna::after, #Subpage3 .newsConRight .mess .pointa .navbtna::before { position: absolute; right: 0; display: inline-block; width: 22px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); } #Subpage3 .newsConRight .mess .pointa .navbtna::after { top:-8px; } #Subpage3 .newsConRight .mess .pointa .navbtna::before { top:8px; } #Subpage3 .newsConRight .mess .pointa .navbtna::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; background:rgba(255,255,255,0.9);} #Subpage3 .newsConRight .mess .pointa .navbtna::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; background:rgba(255,255,255,0.9);} @media screen and (max-width:1023px){ #Subpage3 .newsConLeft{ width: 100%;} #Subpage3 .newsConLeft .tit{ font-size: 16px; line-height: 18px;} #Subpage3 .newsConLeft .time{ line-height: 18px; font-size: 12px; margin: 5px 0 10px 0;} #Subpage3 .newsConLeft .time .ico{ width: 16px; height: 16px; margin-right: 3px;} #Subpage3 .newsConLeft .time .wz{ margin-right: 5px;} #Subpage3 .newsConLeft .info{ font-size: 12px; line-height: 24px; margin: 10px 0 15px 0;} #Subpage3 .newsConLeft .sx_fy{ font-size: 12px; line-height: 18px; padding: 10px 0 20px 0; margin-top: 10px;} #Subpage3 .newsConLeft .sx_fy .l_fy{ width: 100%;} #Subpage3 .newsConLeft .sx_fy .r_fy{ width: 100%; text-align: left;} #Subpage3 .newsConLeft .newsXg .title .t1{ font-size: 16px; line-height: 16px; padding-bottom: 10px;} #Subpage3 .newsConLeft .newsXg .title .t1::before{ width: 65px;} #Subpage3 .newsConLeft .newsXg .title .fh{ font-size: 14px; padding-left: 25px;} #Subpage3 .newsConLeft .newsXg .u1{ width: 100%; margin: 10px 0 0 0;} #Subpage3 .newsConLeft .newsXg .u1 .l1{ width: 100%; line-height: 18px; padding: 5px 0; margin: 0;} #Subpage3 .newsConLeft .newsXg .u1 .l1 .tit{ font-size: 12px; line-height: 18px; height: 18px;} #Subpage3 .newsConLeft .newsXg .u1 .l1 .date{ font-size: 12px;} #Subpage3 .newsConRight{ width: 100%; margin-top: 15px;} #Subpage3 .newsConRight .tab{ margin: 10px 0; border-radius: 5px;} #Subpage3 .newsConRight .tab .hd .l1{ font-size: 16px; height: 30px; line-height: 30px;} #Subpage3 .newsConRight .tab .bd{ padding: 0 0 10px 0;} #Subpage3 .newsConRight .tab .bd .l1{ padding: 10px 10px 0 10px;} #Subpage3 .newsConRight .tab .bd .tit{ font-size: 14px; line-height: 16px;} #Subpage3 .newsConRight .tab .bd .time{ line-height: 14px; font-size: 14px; margin: 10px 0 0 0;} #Subpage3 .newsConRight .tab .bd .time .wz{ margin-right: 5px;} #Subpage3 .newsConRight .tab .bd .l1 .xian{ margin-top: 10px;} #Subpage3 .newsConRight .mess{ padding: 10px 15px; border-radius: 5px;} #Subpage3 .newsConRight .mess .tit{ font-size: 16px; margin-bottom: 10px;} #Subpage3 .newsConRight .mess .mess_width{width:90%; top:10%;} #Subpage3 .newsConRight .mess .top_1{line-height:44px; font-size:18px;border-radius:15px 15px 0 0;} #Subpage3 .newsConRight .mess .pointa{right:12px; top:10px;} #Subpage3 .newsConRight .mess .form_width{border-radius: 0 0 15px 15px;} #Subpage3 .newsConRight .mess .h4_1{font-size:12px; padding-bottom:15px;} #Subpage3 .newsConRight .mess .li_2{width:100%;} #Subpage3 .newsConRight .mess .li_1{padding:10px 15px; line-height:24px;} #Subpage3 .newsConRight .mess .i{line-height:24px; font-size:14px;} #Subpage3 .newsConRight .mess .input{line-height:24px; height:24px;font-size:12px;} #Subpage3 .newsConRight .mess .li_11 .input{width:60%;} #Subpage3 .newsConRight .mess .ri{margin-top: 5px;} #Subpage3 .newsConRight .mess .demo--label{font-size:14px;} #Subpage3 .newsConRight .mess .span_d{/*width:70px;*/ right:10px; top:10px;} #Subpage3 .newsConRight .mess .tj{font-size:15px;} #Subpage3 .newsConRight .mess .li_4{padding:8px 10px;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ .fenxiang{ display: none; } } /* 8常见问题 */ #List4{ width: 100%; float: left;} #List4 .qustList .l1{ margin: 20px 0;} #List4 .qustList .l1 .ico{ font-size: 12px; width: 26px; margin: 0 0 0 20px; height: 26px; line-height: 26px; font-family: "Tahoma"; text-align: center; float: left; color: #fff;} #List4 .qustList .l1 .tit{ font-size: 16px; color: #333; line-height: 26px; padding: 15px 20px 15px 0; background: #f4f4f4; position: relative; cursor: pointer;} #List4 .qustList .l1 .tit .ico{ background: #8f9499;} #List4 .qustList .l1 .tit .t1{ padding: 0 20px 0 60px;} #List4 .qustList .l1 .tit .more{ position: absolute; right: 20px; top: 15px; font-size: 18px; color: #449284; font-family: "宋体";} #List4 .qustList .l1 .tit.on{ background: #449284; color: #fff;} #List4 .qustList .l1 .tit.on .ico{ background:rgba(255,255,255,0.2);} #List4 .qustList .l1 .tit.on .more{ color: #fff; transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg);} #List4 .qustList .l1 .box{ display: none; background: #f4f4f4; padding: 15px 20px 15px 0;} #List4 .qustList .l1 .box .ico{ background: #449284;} #List4 .qustList .l1 .box .info{ font-size: 14px; line-height: 26px; color: #449284; padding: 0 20px 0 60px;} @media screen and (max-width:1023px){ #List4 .qustList .l1{ margin: 10px 0;} #List4 .qustList .l1 .tit{ font-size: 14px;} #List4 .qustList .l1 .box .info{ font-size: 12px;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ #List4 .qustList .l1 .tit .t1{padding:0 20px 0 20px;} } #Content10 .cor_width{width:100%; display:block; float:left; } #Content10 .cor_width .title{text-align:center; margin-bottom:30px; display:block;} #Content10 .cor_width .title .h3_a{text-align:center; color:#1c1f21; font-size:30px;font-weight:bold; display:block; line-height:40px;} #Content10 .cor_width .title .h4_a{position: relative; text-align:center; padding:0 42px; display:inline-block; font-size:24px; color:#449284; font-weight:bold; line-height:30px; } #Content10 .cor_width .title .h4_a::after{position:absolute; right:0; top:50%; height:1px; width:22px; background:#449284; content:""; } #Content10 .cor_width .title .h4_a::before{position:absolute; left:0; top:50%; height:1px; width:22px; background:#449284; content:""; } #Content10 .cor_width .cor_list{width:100%; display:block;} #Content10 .cor_width .li_a{width:31.9%; margin-right:2%; float:left; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content10 .cor_width .li_a:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); } #Content10 .cor_width .li_a:last-child{margin-right:0;} #Content10 .cor_width .li_a a{dispaly:block; width:100%; height:100%; text-align:center;} #Content10 .cor_width .li_a .img_1{width:100%; margin-bottom:16px;} #Content10 .cor_width .li_a img{display:block;} #Content10 .cor_width .li_a .h3_a{font-size:20px; margin-bottom:10px; line-height:30px; font-weight:bold; colro:#333333; display:block;} #Content10 .cor_width .li_a .p{line-height:22px; color:#666666; font-size:14px; display:block;} #Content10 .cor_width .li_a:hover{-webkit-transform: translateY(-10px); transform: translateY(-10px);} #Content10 .cor_width .li_a:hover .p{color:#449284;} @media screen and (max-width:1200px){ #Content10 .cor_width .title .h3_a{font-size:26px; line-height:36px;} #Content10 .cor_width .title .h4_a{font-size:22px; line-height:26px; padding:0 30px;} } @media screen and (max-width:992px){ #Content10 .cor_width .title .h3_a{font-size:24px; line-height:30px;} #Content10 .cor_width .title .h4_a{font-size:20px; line-height:26px; padding:0 25px;} #Content10 .cor_width .title{margin-bottom:20px;} #Content10 .cor_width .li_a{width:31.3%; margin:0 4% 4% 0;} #Content10 .cor_width .li_a:nth-child(2n){margin-right:0;} } @media screen and (max-width:768px){ #Content10 .cor_width .title .h3_a{font-size:22px; line-height:28px;} #Content10 .cor_width .title .h4_a{font-size:18px; line-height:22px; padding:0 20px;} #Content10 .cor_width .title .h4_a::after, #Content10 .cor_width .title .h4_a::before{width:12px;} #Content10 .cor_width .title{margin-bottom:20px;} #Content10 .cor_width .li_a{width:31.3%; margin:0 0 15px 0;} #Content10 .cor_width .li_a .img_1{margin-bottom:10px;} #Content10 .cor_width .li_a .h3_a{font-size:16px; margin-bottom:5px;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ #Content9 .cor_width .title .h3_a{font-size:26px; line-height:36px;} #Content9 .cor_width .title .h4_a{font-size:22px; line-height:26px; padding:0 30px;} } @media screen and (max-width:992px){ #Content9 .cor_width .title .h3_a{font-size:24px; line-height:30px;} #Content9 .cor_width .title .h4_a{font-size:20px; line-height:26px; padding:0 25px;} #Content9 .cor_width .title{margin-bottom:20px;} #Content9 .cor_width .li_a{width:31.3%; margin:0 4% 4% 0;} #Content9 .cor_width .li_a:nth-child(2n){margin-right:0;} } @media screen and (max-width:768px){ #Content9 .cor_width .title .h3_a{font-size:22px; line-height:28px;} #Content9 .cor_width .title .h4_a{font-size:18px; line-height:22px; padding:0 20px;} #Content9 .cor_width .title .h4_a::after, #Content9 .cor_width .title .h4_a::before{width:12px;} #Content9 .cor_width .title{margin-bottom:20px;} #Content9 .cor_width .li_a{width:31.3%; margin:0 0 15px 0;} #Content9 .cor_width .li_a .img_1{margin-bottom:10px;} #Content9 .cor_width .li_a .h3_a{font-size:16px; margin-bottom:5px;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 11在线留言 */ #Content12{ width: 100%; float: left;} #Content12 .messCon .text{ float: left; width: 48%;} #Content12 .messCon .text .tit{ font-size: 36px; line-height: 38px; margin: 45px 0; color: #242424;} #Content12 .messCon .text .info{ font-size: 16px; line-height: 36px; color: #666;} #Content12 .messCon .mess{ float: right; width: 48%; padding: 40px; background: #f2f2f2;} #Content12 .messCon .mess .t1{ font-size: 24px; line-height: 24px; color: #449284;} #Content12 .messCon .mess .t2{ font-size: 16px; line-height: 16px; margin: 20px 0 25px 0; color: #666;} #Content12 .messCon .mess .form_width{ border-radius:0 0 20px 20px;} #Content12 .messCon .mess .li_1{width:100%; margin-bottom:10px; float:left; background:#ffffff; padding:13px 24px; line-height:28px; position:relative;} #Content12 .messCon .mess .input{background:none; border:none; padding:0 5px; outline: none; width:75%; height:28px; line-height:28px;} #Content12 .messCon .mess .input_1{width:40%;} #Content12 .messCon .mess .i{float:left; font-size:16px; color:#666666; line-height:28px;} #Content12 .messCon .mess .b{color:#449284; font-size:16px;} #Content12 .messCon .mess .li_2{width:49%; margin-right:2%; float:left;} #Content12 .messCon .mess .li_3{margin-right:0;} #Content12 .messCon .mess .li_4{background:#449284;} #Content12 .messCon .mess .li_4:hover{ opacity: 0.8;} #Content12 .messCon .mess .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;} #Content12 .messCon .mess .ri{padding-left:100px;} #Content12 .messCon .mess .demo--label{float:left; margin:0 5px; font-size:16px; color:#666666;} #Content12 .messCon .mess .demo--radio{display:none; } #Content12 .messCon .mess .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1; position:relative;} #Content12 .messCon .mess .demo--radio:checked + .demo--radioInput:after{background-color:#449284;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2px;margin-top:2px;width:5px;position: absolute;} #Content12 .messCon .mess .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0} #Content12 .messCon .mess .demo--radio:checked + .demo--radioInput{border:1px solid #449284;} #Content12 .messCon .mess .span_d{float:right; position:absolute; right:24px; top:13px;} #Content12 .messCon .mess .span_d img{display:block;} #Content12 .messCon .mess .pointa{position:absolute; right:18px; top:20px; display:block; display: inline-block;width: 22px;height: 22px; cursor: pointer; } #Content12 .messCon .mess .pointa:hover .navbtna, #Content12 .messCon .mess .pointa:hover .navbtna::after, #Content12 .messCon .mess .pointa:hover .navbtna::before { width: 22px; } #Content12 .messCon .mess .pointa .navbtna { position: absolute; top: 8px; right: 0; display: inline-block; width: 16px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); background: transparent; } #Content12 .messCon .mess .pointa .navbtna::after, #Content12 .messCon .mess .pointa .navbtna::before { position: absolute; right: 0; display: inline-block; width: 22px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); } #Content12 .messCon .mess .pointa .navbtna::after { top:-8px; } #Content12 .messCon .mess .pointa .navbtna::before { top:8px; } #Content12 .messCon .mess .pointa .navbtna::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; background:rgba(255,255,255,0.9);} #Content12 .messCon .mess .pointa .navbtna::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; background:rgba(255,255,255,0.9);} @media screen and (max-width:1023px){ #Content12 .messCon .text{ width: 100%; margin-bottom: 15px;} #Content12 .messCon .text .tit{ font-size: 16px; line-height: 18px; margin: 0 0 10px 0;} #Content12 .messCon .text .info{ font-size: 14px; line-height: 24px;} #Content12 .messCon .mess{ width: 100%; padding: 10px;} #Content12 .messCon .mess .t1{ font-size: 16px; line-height: 16px;} #Content12 .messCon .mess .t2{ font-size: 14px; line-height: 14px; margin: 5px 0 10px 0;} #Content12 .messCon .mess .mess_width{width:90%; top:10%;} #Content12 .messCon .mess .top_1{line-height:44px; font-size:18px;border-radius:15px 15px 0 0;} #Content12 .messCon .mess .pointa{right:12px; top:10px;} #Content12 .messCon .mess .form_width{border-radius: 0 0 15px 15px;} #Content12 .messCon .mess .li_2{width:100%;} #Content12 .messCon .mess .li_1{padding:10px 15px; line-height:24px;} #Content12 .messCon .mess .i{line-height:24px; font-size:14px;} #Content12 .messCon .mess .input{line-height:24px; height:24px; font-size:12px;} #Content12 .messCon .mess .li_11 .input{width:60%;} #Content12 .messCon .mess .demo--label{font-size:14px;} #Content12 .messCon .mess .span_d{width:70px; right:10px; top:10px;} #Content12 .messCon .mess .tj{font-size:15px;} #Content12 .messCon .mess .li_4{padding:8px 10px;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 12证书 */ #List5{ width: 100%; float: left;} #List5 .certList .u1{ width: 102%; margin: 0 -1%; overflow: hidden;} #List5 .certList .l1{ float: left; width: 31.3%; margin: 15px 1%; box-shadow: 0 0 5px #ccc; position: relative;} #List5 .certList .l1 .img{ line-height: 0; margin: 20px 0;} #List5 .certList .l1 .bg{ display: none; position: absolute; top: 0; width: 100%; height: 100%; background: rgba(16,68,146,0.8);} #List5 .certList .l1 i{ width: 60px; height: 60px; background:url(/template/theme/CN/924_cert2.png) center no-repeat; background-size:100% 100%; z-index: -1; position:absolute; top: 50%; left: -60px; margin-left: -30px; margin-top: -30px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #List5 .certList .l1 em{ width: 60px; height: 60px; background:url(/template/theme/CN/924_cert3.png) center no-repeat; background-size:100% 100%; z-index: -1; position:absolute; top: 50%; right: -60px; margin-top: -30px; margin-right: -30px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #List5 .certList .l1 .t1{ width: 100%; font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; color: #333; text-align: center; margin-bottom: 30px; padding:0 5px;} #List5 .certList .l1 .t2{ display: none; width: 100%; font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; color: #fff; text-align: center; position: absolute; bottom: 30px; padding:0 5px;} #List5 .certList .l1:hover .bg{ display: block;} #List5 .certList .l1:hover em{ right: 50%; z-index: 1;} #List5 .certList .l1:hover i{ display: block; left: 50%; z-index: 1;} #List5 .certList .l1:hover .t1{ color: #fff;} #List5 .certList .l1:hover .t2{ display: block;} #List5 .imgPop{ width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: fixed; top: 0; left: 0; z-index: 99; display: none;} #List5 .imgPop2{ background:#fff; min-height: 100px; width:40%; left:30%; padding:10px; position: absolute; top:50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #List5 .imgPop2 .img{ display:block;width: 100%;} #List5 .imgPop2 .clo{ width: 30px; height: 30px; position: absolute; top: -15px; right: -15px; background: url(/template/theme/CN/924_close.png) no-repeat center; background-size: cover;} @media screen and (max-width:1023px){ #List5 .certList .l1{ width: 48%; margin: 5px 1%;} #List5 .certList .l1 .img{ margin: 5px 0;} #List5 .certList .l1 i{ width: 40px; height: 40px; left: -40px; margin-left: -20px; margin-top: -20px;} #List5 .certList .l1 em{ width: 40px; height: 40px; right: -40px; margin-top: -20px; margin-right: -20px;} #List5 .certList .l1 .t1{ font-size: 14px; height: 16px; line-height: 16px; margin-bottom: 10px;} #List5 .certList .l1 .t2{ font-size: 14px; height: 16px; line-height: 16px; bottom: 10px;} #List5 .imgPop2{ width:80%; left: 10%;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 9联系我们 */ #Content13{ width: 100%; float: left;} #Content13 .contCon .conLeft{ width: 48%; float: left;} #Content13 .contCon .conLeft .bdmap{ border: 1px solid #e5e5e5; height: 310px; margin-bottom: 20px;} #Content13 .contCon .conLeft .bdmap img{ max-width:none;} #Content13 .contCon .conLeft .bdmap .iw_poi_content{ padding-left: 0px; margin-top: 0px; white-space: nowrap; font-size: 14px; color: #333333; line-height: 30px; width: 100%; background: none!important;} #Content13 .contCon .conLeft .bdmap .BMap_pop{ float:right; font-size:14px; color:#333333; background-color:#fff; background-repeat:no-repeat; border:none !important; width:435px!important; height:50px; margin:0; left: 40px!important; top: 150px!important;} #Content13 .contCon .conLeft .bdmap .BMap_shadow, .BMap_shadow img, .BMap_shadow div{display:none;} #Content13 .contCon .conLeft .bdmap .BMap_pop .BMap_top{display:none;} #Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(8){display:none;} #Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(7){display:none;} #Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(3){display:none;} #Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(5){display:none !important;} #Content13 .contCon .conLeft .bdmap .BMap_bottom{display:none !important;} #Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(2){background:none !important;} #Content13 .contCon .conLeft .bdmap .BMap_bubble_content{width:435px !important; height:50px !important;} #Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(9), #Content13 .contCon .conLeft .bdmap .BMap_center{left: 0 !important; top:0 !important; width:435px !important; height:50px !important; border:none !important; background: none!important;} #Content13 .contCon .conLeft .bdmap .BMap_pop img:nth-child(10){display:none;} #Content13 .contCon .conLeft .bdmap .iw_poi_content p{width:435px !important; height:50px !important; border:1px solid #e5e5e5 !important; line-height: 50px; padding: 0 30px; font-size:14px; color:#333333;} #Content13 .contCon .conLeft .mess{ padding: 40px; background: #f2f2f2;} #Content13 .contCon .conLeft .mess .t1{ font-size: 24px; line-height: 24px; color: #449284;} #Content13 .contCon .conLeft .mess .t2{ font-size: 16px; line-height: 16px; margin: 20px 0 25px 0; color: #666;} #Content13 .contCon .conLeft .mess .form_width{ border-radius:0 0 20px 20px;} #Content13 .contCon .conLeft .mess .li_1{width:100%; margin-bottom:15px; float:left; background:#ffffff; padding:13px 11px; line-height:28px; position:relative;} #Content13 .contCon .conLeft .mess .input{background:none; border:none; padding:0 5px; outline: none; width:70%; height:28px; line-height:28px; font-size:14px;} #Content13 .contCon .conLeft .mess .input_1{width:40%;} #Content13 .contCon .conLeft .mess .i{float:left; font-size:16px; color:#666666; line-height:28px;} #Content13 .contCon .conLeft .mess .b{color:#449284; font-size:16px;} #Content13 .contCon .conLeft .mess .li_2{width:49%; margin-right:2%; float:left;} #Content13 .contCon .conLeft .mess .li_3{margin-right:0;} #Content13 .contCon .conLeft .mess .li_4{background:#449284;} #Content13 .contCon .conLeft .mess .li_4:hover{ opacity: 0.8;} #Content13 .contCon .conLeft .mess .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;} #Content13 .contCon .conLeft .mess .ri{padding-left:100px;} #Content13 .contCon .conLeft .mess .demo--label{float:left; margin:0 5px; font-size:16px; color:#666666;} #Content13 .contCon .conLeft .mess .demo--radio{display:none; } #Content13 .contCon .conLeft .mess .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1; position:relative;} #Content13 .contCon .conLeft .mess .demo--radio:checked + .demo--radioInput:after{background-color:#449284;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2px;margin-top:2px;width:5px;position: absolute;} #Content13 .contCon .conLeft .mess .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0} #Content13 .contCon .conLeft .mess .demo--radio:checked + .demo--radioInput{border:1px solid #449284;} #Content13 .contCon .conLeft .mess .span_d{float:right; position:absolute; right:0; top:13px;} #Content13 .contCon .conLeft .mess .span_d img{display:block;} #Content13 .contCon .conLeft .mess .pointa{position:absolute; right:18px; top:20px; display:block; display: inline-block;width: 22px;height: 22px; cursor: pointer; } #Content13 .contCon .conLeft .mess .pointa:hover .navbtna, #Content13 .contCon .conLeft .mess .pointa:hover .navbtna::after, #Content13 .contCon .conLeft .mess .pointa:hover .navbtna::before { width: 22px; } #Content13 .contCon .conLeft .mess .pointa .navbtna { position: absolute; top: 8px; right: 0; display: inline-block; width: 16px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); background: transparent; } #Content13 .contCon .conLeft .mess .pointa .navbtna::after, #Content13 .contCon .conLeft .mess .pointa .navbtna::before { position: absolute; right: 0; display: inline-block; width: 22px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); } #Content13 .contCon .conLeft .mess .pointa .navbtna::after { top:-8px; } #Content13 .contCon .conLeft .mess .pointa .navbtna::before { top:8px; } #Content13 .contCon .conLeft .mess .pointa .navbtna::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; background:rgba(255,255,255,0.9);} #Content13 .contCon .conLeft .mess .pointa .navbtna::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; background:rgba(255,255,255,0.9);} #Content13 .contCon .conRight{ width: 49%; float: right;} #Content13 .contCon .conRight .box{ width: 100%; float: left; margin-bottom: 80px;} #Content13 .contCon .conRight .box:last-child{ margin-bottom: 0;} #Content13 .contCon .conRight .tit{ width: 100%; float: left;} #Content13 .contCon .conRight .tit .t1{ float: left; font-size: 24px; color: #333;} #Content13 .contCon .conRight .tit .zx{ float: right; position: relative; cursor: pointer;} #Content13 .contCon .conRight .tit .zx .wz{ display: inline-block; font-size: 14px; height: 26px; line-height: 26px; padding: 0 40px 0 15px; border-radius: 13px; color: #888888; background: url(/template/theme/CN/925_cont1.png) no-repeat 80px center; background-color: #e9e9e9;} #Content13 .contCon .conRight .tit .zx .img{ display: none; position: absolute; right: -110px; top: -30px; line-height: 0; border: 3px solid #449284;} #Content13 .contCon .conRight .tit .zx .img::before{ display: none; content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; border: 1px solid #449284; position: absolute; top: 36px; left: -19px;} #Content13 .contCon .conRight .tit .zx .img::after{ display: none; content: ""; display: block; width: 12px; height: 1px; background: #449284; position: absolute; top: 39px; left: -12px;} #Content13 .contCon .conRight .tit .zx:hover .wz{ color: #fff; background: url(/template/theme/CN/925_cont1_1.png) no-repeat 80px center; background-color: #449284;} #Content13 .contCon .conRight .tit .zx:hover .img{ display: block;} #Content13 .contCon .conRight .tit .zx:hover .img::before{ display: block;} #Content13 .contCon .conRight .tit .zx:hover .img::after{ display: block;} #Content13 .contCon .conRight .info{ width: 100%; float: left; font-size: 14px; line-height: 30px; padding-left: 20px; margin: 24px 0 0 0; border-left: 3px solid #449284; color: #666;} @media screen and (max-width:1400px){ #Content13 .contCon .conRight .tit .zx .img{ right: auto; left: -110px; top: -30px;} #Content13 .contCon .conRight .tit .zx .img::before{ top: 36px; left: auto; right: -19px;} #Content13 .contCon .conRight .tit .zx .img::after{ top: 39px; left: auto; right: -12px;} } @media screen and (max-width:1200px){ #Content13 .contCon .conLeft .bdmap .BMap_pop{ left: 0!important;} } @media screen and (max-width:1023px){ #Content13 .contCon .conLeft{ width: 100%;margin-bottom:15px; min-height:400px; display:block;} #Content13 .contCon .conLeft .bdmap .BMap_pop{ display: none;} #Content13 .contCon .conLeft .bdmap .BMap_bubble_content{ width:315px !important; height:50px !important;} #Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(9), #Content13 .contCon .conLeft .bdmap .BMap_center{ width:315px !important; height:50px !important;} #Content13 .contCon .conLeft .bdmap .iw_poi_content p{ font-size: 12px; padding: 0 5px; width:315px !important; height:50px !important;} #Content13 .contCon .conLeft .mess{ width: 100%; padding: 10px; } #Content13 .contCon .conLeft .mess .t1{ font-size: 16px; line-height: 16px;} #Content13 .contCon .conLeft .mess .t2{ font-size: 14px; line-height: 14px; margin: 5px 0 10px 0;} #Content13 .contCon .conLeft .mess .mess_width{width:90%; top:10%;} #Content13 .contCon .conLeft .mess .top_1{line-height:44px; font-size:18px;border-radius:15px 15px 0 0;} #Content13 .contCon .conLeft .mess .pointa{right:12px; top:10px;} #Content13 .contCon .conLeft .mess .form_width{border-radius: 0 0 15px 15px;} #Content13 .contCon .conLeft .mess .li_2{width:100%;} #Content13 .contCon .conLeft .mess .li_1{padding:10px 15px; line-height:24px;} #Content13 .contCon .conLeft .mess .i{line-height:24px; font-size:14px;} #Content13 .contCon .conLeft .mess .input{line-height:24px; height:24px; font-size:12px;} #Content13 .contCon .conLeft .mess .li_11 .input{width:71%;} #Content13 .contCon .conLeft .mess .demo--label{font-size:14px;} #Content13 .contCon .conLeft .mess .span_d{width:70px; right:10px; top:10px;} #Content13 .contCon .conLeft .mess .tj{font-size:15px;} #Content13 .contCon .conLeft .mess .li_4{padding:8px 10px;} #Content13 .contCon .conRight{ width: 100%; margin-bottom: 15px; clear:both; display:block; } #Content13 .contCon .conRight .box{ margin-bottom: 15px;} #Content13 .contCon .conRight .tit .t1{ font-size: 18px;} #Content13 .contCon .conRight .tit .zx .wz{ font-size: 12px; padding: 0 30px 0 10px; background: url(/template/theme/CN/925_cont1.png) no-repeat 61px center; background-color: #e9e9e9;} #Content13 .contCon .conRight .tit .zx:hover .wz{ background: url(/template/theme/CN/925_cont1_1.png) no-repeat 61px center; background-color: #449284;} #Content13 .contCon .conRight .info{ font-size: 14px; line-height: 24px; padding-left: 10px; margin: 10px 0 0 0; border-left: 1px solid #449284;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /*1关于我们*/ #Content14{width:100%; display:block; float:left;} #Content14 .text{line-height:28px; color:#444444; font-size:16px; display:block; min-height:60px;} @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content14 .text{line-height:26px ;} } @media screen and (max-width:768px){ #Content14 .text{line-height:24px; font-size:14px;} } .clear{ clear: both; } .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; border-width: 0; background-color: #fff; background-clip: padding-box; box-shadow: 0 0 5px 1px rgba(68,146,132,0.6) ; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .form-group{ margin-bottom: 20px; } .custom-btn2 { border: none; display: inline-block; background-color: #449284; font-size: 14px; font-weight: 600; text-transform: capitalize; color: #ffffff; padding: 12px 35px; margin-right: 20px; position: relative; z-index: 1; } .daohang{ background: #e5e5e5; } .daohang .bread a{ display: inline-block; margin: 10px 0; font-size: 14px; } .cpzxfl{ background: #363e45; padding: 18px 20px 18px 46px; display: block; width: 100%; position: relative; font-size: 16px; color: #ffffff; cursor: pointer; margin-bottom: 2px; transition: 0.5s; } .cpzxfl a{ color: #FFFFFF; } .cpzxfl:hover{ background: #449284; } .service{ float: left; width: 100%; padding: 50px 0; } .service .container{ max-width: 1500px; margin: 0 auto; position: relative; padding: 50px; overflow: hidden; background: #272c31; } .service .container .box{ color: #fff; max-width: 550px; position: absolute; top: 0; left: 0; z-index: 10; pointer-events: none; } .service .container .box .title { border-bottom: 1px solid rgba(141,144,149,.5); padding:0 25px; pointer-events: auto; } .service .container .box .title .en{ font-size: 38px; text-transform: uppercase; } .service .container .box .title .en p{ font-family: arial;} .service .container .box .title .en{ line-height: 55px;} .service .container .box .title .cn { font-size: 35px; line-height: 55px; } .service .container .box .content{ font-size: 14px; color: #efefef; line-height: 30px; padding: 25px; pointer-events: none; } .service .container .box .link { border: 1px solid #fff; color: #fff; padding: 5px 10px; text-transform: uppercase; width: 250px; max-width: 100%; margin-top: 25px; margin-left: 25px; cursor: pointer; position: relative; overflow: hidden; -webkit-transition: .3s; transition: .3s; pointer-events: auto; } .service .container .map{ max-width: 1339px; margin: 0 auto; position: relative; overflow: hidden; } .service .container .map { max-width: 1339px; margin: 0 auto; position: relative; overflow: hidden } .service .container .map>img { width: 100% } .service .container .map .hint { position: absolute; width: 60px; height: 60px; transition: opacity .5s ease, transform .5s cubic-bezier(.5, 0, 0, 1), -webkit-transform .5s cubic-bezier(.5, 0, 0, 1); -webkit-transition-delay: 1s; transition-delay: 1s } .service .container .map .hint:before { width: 8px; height: 8px; background-color: #fff } .service .container .map .hint:after, .service .container .map .hint:before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50% } .service .container .map .hint:after { width: 2px; height: 2px; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; -webkit-animation: home_hero_item_hints_glow 2s cubic-bezier(.25, .1, .2, 1) infinite; animation: home_hero_item_hints_glow 2s cubic-bezier(.25, .1, .2, 1) infinite } .service .container .map .hint:hover:after { opacity: 0 } @-webkit-keyframes home_hero_item_hints_glow { 0% { -webkit-box-shadow: 0 0 30px 5px #fff; box-shadow: 0 0 30px 5px #fff } 70% { -webkit-box-shadow: 0 0 70px 50px rgba(72, 170, 72, 0); box-shadow: 0 0 70px 50px rgba(72, 170, 72, 0) } to { -webkit-box-shadow: 0 0 0 50px rgba(72, 170, 72, 0); box-shadow: 0 0 0 50px rgba(72, 170, 72, 0) } } @keyframes home_hero_item_hints_glow { 0% { -webkit-box-shadow: 0 0 30px 5px #fff; box-shadow: 0 0 30px 5px #fff } 70% { -webkit-box-shadow: 0 0 70px 50px rgba(72, 170, 72, 0); box-shadow: 0 0 70px 50px rgba(72, 170, 72, 0) } to { -webkit-box-shadow: 0 0 0 50px rgba(72, 170, 72, 0); box-shadow: 0 0 0 50px rgba(72, 170, 72, 0) } } .service .container .map .hint .hint-radius{ position: absolute; top: 50%; left: 50%; width: 250px; height: 250px; margin: -125px 0 0 -125px; border-radius: 50%; transition-property: background-color, opacity, visibility, transform, -webkit-transform; -webkit-transition-timing-function: ease, ease, ease, cubic-bezier(.5, 0, 0, 1); transition-timing-function: ease, ease, ease, cubic-bezier(.5, 0, 0, 1); -webkit-transition-duration: .5s; transition-duration: .5s; opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0) } .service .container .map .hint:hover .hint-radius{ background-color: #fff; opacity: .1; visibility: visible; -webkit-transform: scale(1); transform: scale(1) } .service .container .map .hint .hint-dot{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60px; height: 60px; border-radius: 50%; border: 1px solid; -webkit-animation: home_hero_item_hints_border 2s linear infinite; animation: home_hero_item_hints_border 2s linear infinite } @-webkit-keyframes home_hero_item_hints_border { 0%, to { border-color: hsla(0, 0%, 100%, .6); -webkit-transform: translate(-50%, -50%) scale(.95); transform: translate(-50%, -50%) scale(.95) } 50% { border-color: hsla(0, 0%, 100%, .3); -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1) } } @keyframes home_hero_item_hints_border { 0%, to { border-color: hsla(0, 0%, 100%, .6); -webkit-transform: translate(-50%, -50%) scale(.95); transform: translate(-50%, -50%) scale(.95) } 50% { border-color: hsla(0, 0%, 100%, .3); -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1) } } .service .container .map .hint .hint-content { position: absolute; width: 180px; color: #fff; z-index: 5; padding: 12px 0; font-size: 12px; color: #b0b0b0; -webkit-transition: opacity .7s ease, visibility .7s ease; transition: opacity .7s ease, visibility .7s ease; opacity: 0; visibility: hidden } .service .container .map .hint:hover .hint-content { opacity: 1; visibility: visible } .service .container .map .hint .hint-content:after, .service .container .map .hint .hint-content:before { content: ""; position: absolute; height: 1px; background-color: #fff; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 0 } .service .container .map .hint .hint-content:before { width: 180px } .service .container .map .hint .hint-content:after { width: 80px } .service .container .map .hint:hover .hint-content:after, .service .container .map .hint:hover .hint-content:before { opacity: 1 } .service .container .map .hint:hover .hint-content:before { -webkit-transition-delay: .15s; transition-delay: .15s } .service .container .map .hint .hint-content p { opacity: 0; -webkit-transition-delay: .3s; transition-delay: .3s } .service .container .map .hint:hover .hint-content p{ opacity: 1 } .service .container .map .hint.beimei { top: calc(41.64% - 30px); left: calc(18.29% - 30px) } .service .container .map .hint.beimei .hint-content { top: 85px; right: 50%; -webkit-transform: translateX(100%); transform: translateX(100%); margin-right: -55px } .service .container .map .hint.beimei .hint-content:before { top: 0; left: 0 } .service .container .map .hint.beimei .hint-content:after { top: 0; left: 0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } .service .container .map .hint.ouzhou{ top: calc(31.5% - 30px); left: calc(50.17% - 30px); } .service .container .map .hint.ouzhou .hint-content { top: 85px; left: 50%; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px } .service .container .map .hint.ouzhou .hint-content:before { top: 0; right: 0 } .service .container .map .hint.ouzhou .hint-content:after { top: 0; right: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } .service .container .map .hint.ouzhou3 { top: calc(47.06% - 30px); left: calc(62.94% - 30px); } .service .container .map .hint.ouzhou3 .hint-content { top: 85px; left: 50%; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px } .service .container .map .hint.ouzhou3 .hint-content:before { top: 0; right: 0 } .service .container .map .hint.ouzhou3 .hint-content:after { top: 0; right: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } .service .container .map .hint.ouzhou2{ top: calc(71.5% - 30px); left: calc(34.47% - 30px); } .service .container .map .hint.ouzhou2 .hint-content { top: 85px; left: 50%; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px } .service .container .map .hint.ouzhou2 .hint-content:before { top: 0; right: 0 } .service .container .map .hint.ouzhou2 .hint-content:after { top: 0; right: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } .service .container .map .hint.ouzhou4{ top: calc(23.5% - 30px); left: calc(54.17% - 30px); } .service .container .map .hint.ouzhou4 .hint-content { top: 85px; left: 50%; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px } .service .container .map .hint.ouzhou4 .hint-content:before { top: 0; right: 0 } .service .container .map .hint.ouzhou4 .hint-content:after { top: 0; right: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } .service .container .map .hint.ouzhou5{ top: calc(39.5% - 30px); left: calc(51.17% - 30px); } .service .container .map .hint.ouzhou5 .hint-content { top: 85px; left: 50%; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px } .service .container .map .hint.ouzhou5 .hint-content:before { top: 0; right: 0 } .service .container .map .hint.ouzhou5 .hint-content:after { top: 0; right: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } .service .container .map .hint.ouzhou6{ top: calc(40.5% - 30px); left: calc(56.7% - 30px); } .service .container .map .hint.ouzhou6 .hint-content { top: 85px; left: 50%; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px } .service .container .map .hint.ouzhou6 .hint-content:before { top: 0; right: 0 } .service .container .map .hint.ouzhou6 .hint-content:after { top: 0; right: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } .service .container .map .hint.ouzhou7{ top: calc(49.5% - 30px); left: calc(54.7% - 30px); } .service .container .map .hint.ouzhou7 .hint-content { top: 85px; left: 50%; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px } .service .container .map .hint.ouzhou7 .hint-content:before { top: 0; right: 0 } .service .container .map .hint.ouzhou7 .hint-content:after { top: 0; right: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } .service .container .map .hint.ouzhou8{ top: calc(81.5% - 30px); left: calc(53.7% - 30px); } .service .container .map .hint.ouzhou8 .hint-content { top: 85px; left: 50%; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px } .service .container .map .hint.ouzhou8 .hint-content:before { top: 0; right: 0 } .service .container .map .hint.ouzhou8 .hint-content:after { top: 0; right: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } .service .container .map .hint.yatai{ top: calc(21.5% - 30px); left: calc(75.52% - 30px) } .service .container .map .hint.yatai .hint-content { bottom: 85px; right: 50%; -webkit-transform: translateX(100%); transform: translateX(100%); margin-right: -55px } .service .container .map .hint.yatai .hint-content:before { bottom: 0; left: 0 } .service .container .map .hint.yatai .hint-content:after { bottom: 0; left: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } .service .container .map .hint.nanmei { top: calc(54.06% - 30px); left: calc(68.94% - 30px); } .service .container .map .hint.nanmei .hint-content { top: 32px; left: 50%; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px; } .service .container .map .hint.nanmei .hint-content:before { bottom: 0; left: 0 } .service .container .map .hint.nanmei .hint-content:after { top: -1px; right: -136px; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } .service .container .map .hint.dayang{ top: calc(63.13% - 30px); left: calc(78.86% - 30px); } .service .container .map .hint.dayang .hint-content { bottom: -28px; right: 50%; -webkit-transform: translateX(100%); transform: translateX(100%); margin-right: -55px } .service .container .map .hint.dayang .hint-content:before { bottom: 0; left: 0 } .service .container .map .hint.dayang .hint-content:after { bottom: 0; left: 0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } .service .container .map .hint.dayang2{ top: calc(55.63% - 30px); left: calc(75.16% - 30px); } .service .container .map .hint.dayang2 .hint-content { bottom: -28px; right: 50%; -webkit-transform: translateX(100%); transform: translateX(100%); margin-right: -55px } .service .container .map .hint.dayang2 .hint-content:before { bottom: 0; left: 0 } .service .container .map .hint.dayang2 .hint-content:after { bottom: 0; left: 0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } .service .container .map .ningbo { position: absolute; top: 52.02%; left: 78.49% } .service .container .map .ningbo:before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 8px; height: 8px; background-color: #fff; border-radius: 50% } .service .container .map .ningbo .tq1 { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background-color: hsla(0, 0%, 100%, .2); -webkit-animation: bianda 2.5s linear infinite; animation: bianda 2.5s linear infinite } .service .container .map .ningbo .tq2 { -webkit-animation: bianda2 2s linear infinite; animation: bianda2 2s linear infinite } .service .container .map .ningbo .tq2, .service .container .map .ningbo .tq3{ position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background-color: hsla(0, 0%, 100%, .1) } .service .container .map .ningbo .tq3{ -webkit-animation: bianda3 3s linear infinite; animation: bianda3 3s linear infinite } .service .container .map .ningbo .content { position: absolute; left: 20px; bottom: -10px; font-size: 12px; color: #fff; width: 140px; } .service .container .map .ningbo .content img{ margin-left: -70px } .lgrage-banner{ display: block; } .small-banner{ display: none; } .span_3_1{ float: left; text-align: left; } .span_3_2{ float: right; } .contmap { height: 500px; } .baidumap{ width: 100%; float: left; } .shangxia1{ padding: 5px 0; } .shangxia2{ padding: 5px 0; } .cpjieshao::after{ content: ""; width: 3px; height: 60px; position: absolute; top: 10px; left: 5%; background: #449284; } .cpjieshao{ padding-left: 5%; } .propic{ text-align: center; margin-bottom: 20px; } .propic img{ box-shadow: 0 0 4px 0 rgba(0,0,0,0.4); } .propic:hover img{ box-shadow: 0 0 8px 0 rgba(102,165,154,0.8); } .trs{ font-family:Arial; font-size: 40px; font-weight: bold; } .cpmc p{ color: #000; } .cpmc .left{ font-size: 24px; font-weight: bold; margin-bottom: 30px; } .cpms div{ margin: 10px 0; font-size: 16px; } .cpms .more_a{ margin-top: 20px; } .cpms div p{ margin: 15px 0; } .cpms .share-icon{ margin: 15px 0; } .cpdjs{ margin-top: 50px; } .h3_y.D1{ font-family:Arial!important; } .footright{ position: fixed; width: 55px;right: 0px; top: 60%; margin-top: -133px; background: #272c31; z-index: 10; padding: 12px 0 5px 0; -moz-border-top-left-radius:12px; -webkit-border-top-left-radius:12px; -khtml-border-top-left-radius:12px; border-top-left-radius:12px; -moz-border-bottom-left-radius:12px; -webkit-border-bottom-left-radius:12px; -khtml-border-bottom-left-radius:12px; border-bottom-left-radius:12px;} .footright ul{ float: left; width:100%;} .footright ul li{ float: right; width: 55px; height: 50px; /*overflow: hidden;*/ position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -khtml-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -khtml-border-bottom-left-radius:5px; border-bottom-left-radius:5px;} .footright ul li .zbox{ position: absolute; left: 0; top: 0; width:200px;} .footright ul li .zbox.zbox img{ width: 55px; height: 50px; float: left;} .footright ul li .zbox .text{ float: left; width:130px; padding: 8px 0 11px 0;} .footright ul li .zbox .text h5{ width:100%; float: left; font-size: 14px; color: white; line-height: 17px;} .footright ul li .zbox .text h6{ width:100%; float: left; font-size: 14px; color: white; line-height: 14px; font-family: Arial;} .footright ul li .zbox .text h6 a{ color: white;} .footright ul li .zbox .ewm{ position: absolute; width: 105px; height: 105px; right: -120px; top: -18px; padding: 5px; background:rgba(102,165,154,0.8); z-index: -1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -khtml-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -khtml-border-bottom-left-radius:5px; border-bottom-left-radius:5px; } .footright ul li .zbox .ewm img{width:100%; height:100%;} .footright ul li:hover .ewm{ right: 200px;} .footright ul li:hover{ width: 200px; background:rgba(102,165,154,0.8);} .footright ul li.last .zbox .text h5{ line-height: 31px;} .footright ul li.wx:hover{width:55px;} @media screen and (max-width: 1024px) { .footright{ display: none;} } .prev-next{ width: 100%; } #Top .dingwei{ position: fixed; top: 0; z-index: 999; } .xuyao{ margin-bottom: 30px; } .xuyao p{ font-size: 24px; text-align: center; color: #333; font-weight: bold; } #cnzz_stat_icon_1279191489{ margin-left: 10px; } .share-icon{ color: #000; font-weight: bold; } .share-icon span{ color: #666; font-weight: 400; } .more_a{width:184px; height:44px; background:#363e45; line-height:44px; color:#ffffff; margin:0 auto; display:block; padding:0 15px; position:relative; } .more_a::after{position:absolute; right:0; top:0; width:65px; content:""; height:0; border-top:44px solid #449284; border-left:28px solid transparent;transition:all 0.5s ease; } .more_a a{color:#ffffff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;} .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;} .more_a:hover::after{background:#449284; width:100%; height:100%;} .list .index_top{ height: 88px; } .list>#Content .pro_index01 .li_b{ width: 23.5%; } .list>#Content .pro_index01 .li_b:nth-child(3n){ margin-right: 2%; } .list>#Content .pro_index01 .li_b:nth-child(4n){ margin-right: 0; } .shoujiditu{ text-align: center; display: none; } .shaoshouwangluo p{ text-align: center; line-height: 1.8; } .chanpinxq{ width: 100%; float: left; line-height: 45px; color: #FFFFFF; text-align: center; border-bottom: 1px solid #cfcfcf ; } .chanpinxq p{ width: 120px; padding: 0 15px; background: #449284; font-size: 16px; } @media (max-width:768px) { .service>.container{ display: none; } .shoujiditu{ display: block; } .cpjieshao::after{ left: 0; } .span_3_2{ float: left; } .lgrage-banner{ display: none; } .small-banner{ display: block; } .service .container { padding-top: 0 } .service .container .box .title .en{ font-size: 24px } .service .container .box .title .cn { font-size: 20px } .service .container .map .hint, .service .container .map .ningbo { display: none } .service .container .box{ position: static; padding-bottom: 50px } } .my-foto2{ display: none; } .fixon {position: fixed; left:0; top:0; width:100%; height: 100vh;z-index:10000;background-color: rgba(0,0,0,0.5)} .fixcenter{ display: block; position:fixed; text-align:center; z-index:10001; top: 20%; max-width: 100%; left: 35%; }