锘緻charset "utf-8"; /* CSS Document */ /*鍒囧浘锛歾cy*/ @font-face { font-family: myFirstFont; src: url('fonts/NotoSansHans-Regular.otf'); font-weight: normal; font-style: normal; } html{ overflow-x:hidden; overflow-y:auto;} *{ padding:0; margin:0;} ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;} body, button, input, select, textarea{ font-family:'NotoSansHans-Regular','Microsoft yahei' ,Arial; font-size:12px;} code, kbd, pre, samp { font-family:'NotoSansHans-Regular','Microsoft yahei' ,Arial;} address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; } a{ text-decoration:none; color:#333; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-tap-highlight-color:rgba(0,聽0,聽0,聽0); -webkit-tap-highlight-color:聽transparent; } a:hover{color:#ab1032; cursor:pointer;} img{border:0; max-width:100%;} table { border-collapse: collapse; border-spacing: 0; } h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'NotoSansHans-Regular','Microsoft yahei' ,Arial;} h1{font-size:36px;} h2{font-size:24px;} h3{font-size:22px;} h4{font-size:18px;} h5{font-size:14px;} h6{font-size:12px;} input,table,tr,td{ margin:0; padding:0; border:none;} button,table{ border:none; background:none; margin:0; padding:0;} select{ margin:0; padding:0; font-family:'NotoSansHans-Regular','Microsoft yahei' ,Arial;} textarea{ resize:none; outline:0;} input{ outline:0;} body{ overflow:hidden; background:#fff;} .pz_top{ float:left; width:100%; position:relative; z-index:99; background:#fff;} .pz_banner{ float:left; width:100%; overflow:hidden; position:relative; z-index:8; } .pz_main{ float:left; width:100%; min-height:200px; /*overflow:hidden;*/} .pz_down{ float:left; width:100%;} .banner,.banner img{ float:left; width:100%;} .pz_top .container{ padding:0;} /*top*/ .topTel{ float:left; margin:52px 0 37px 0; color:#ab1032; font-size:18px; line-height:32px; font-weight: 500; background:#f5f5f5 url(../images/top1.png) left center no-repeat; padding:0 11px 0 43px;} .www{ float:left; margin:52px 0 37px 0; position:relative;} .www .la{ float:left; margin:0 0 0 20px; color:#333333; font-size:16px; line-height:32px; background:url(../images/top4.png) right center no-repeat;padding:0 25px 0 0;} .www .la:hover{ color:#ab1032; background:url(../images/top5.png) right center no-repeat;} .www .la1{ float:left; margin:0 0 0 20px; color:#333333; font-size:16px; line-height:32px; background:url(../images/top3.png) right center no-repeat;padding:0 25px 0 0;} .www .la1:hover{ color:#ab1032; background:url(../images/top2.png) right center no-repeat;} .www .sub{ display:none; float:left; position:absolute; left:-3px; width:130px; top:37px; background:#fff; border:1px solid #ebebeb; z-index:999; padding:7px 0;} .www .sub a{ float:left; width:100%; text-align:center; color:#333; font-size:14px; line-height:26px;} .www .sub a:hover{ color:#ab1032;} .logo{ float:right; width:197px; height:76px; line-height:0; margin:19px 30px 25px 0;} .so{ float:left; width:260px; position:relative; margin:52px 0 37px 26px; } .so::after{ float:left; width:1px; height:10px; position:absolute; left:28px; top:50%; margin-top:-5px; content:''; background:#bdbab9;} .so .Search{ float:left; width:100%; height:32px; background:none; border:none; line-height:24px; padding:4px 12px 4px 42px; color:#bdbab9; font-size:16px;} .so .sear_sub{ float:right; width:16px; height:16px; border:none;background:url(../images/sear_sub.png) center no-repeat; position:absolute; left:0; top:50%; margin-top:-8px;} .so ::-webkit-input-placeholder{color:#bdbab9} .so :-moz-placeholder{color:#bdbab9} .so ::-moz-placeholder{color:#bdbab9} .so :-ms-input-placeholder{color:#bdbab9} /*menu*/ .menu{ float:left; width:100%; border-top:1px solid #e5e5e5;} .menu ul{ float:left; width:100%;} .menu .nli{ float:left; width:14.2857%; text-align:center; position:relative;} .menu .nli::after{float:left; width:1px; height:14px; position:absolute; right:0; top:50%; margin-top:-7px; content:''; background:#e4e1e0;} .menu .nli:last-child::after{ display:none;} .menu .nli span a{float:left; width:100%; color:#3c3c3c; font-size:16px; line-height:54px; position:relative; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;} /*20220905satrt*/ .menu .nli span a::after{ float:left; width:0; height:2px; background:#be0028; position:absolute; left:50%; top:-1px; content:'';oz-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;} /*20220905end*/ .menu .nli.active span a, .menu .nli:hover span a{ color:#ab1032;} .menu .nli.active span a::after, .menu .nli:hover span a::after{ width:100%; left:0; margin-left:0;} .menu_sub{ display:none; float:left; position:absolute; left:0; top:54px; width:100%; z-index:66; text-align:center; margin:0 !important;} .menu_sub .l2{ float:left; width:100%; margin-top:1px; background:#fff; background:rgba(255,255,255,1); position:relative;} .menu_sub .l2 a{ float:left; width:100%; width:100%; text-align:center; color:#333333; font-size:14px; line-height:40px; position:relative;} .menu_sub .l2.on a, .menu_sub .l2 a:hover{ color:#ab1032;} .menu_ul3{ display:none; float:left; position:absolute; left:100%; top:-1px; width:140px; margin:0 !important; padding-left:1px;} .menu_ul3 li{ float:left; width:100%; margin-top:1px; background:#000; background:rgba(0,0,0,0.2); position:relative;} .menu_ul3 li a{ float:left; width:100%; width:100%; color:#fff !important; font-size:14px; line-height:40px; position:relative;} .menu_ul3 li.on a, .menu_ul3 li a:hover{ color:#ab1032 !important;} .menu_sub .l2:hover .menu_ul3{ display:block;} .pc_top{ display:block;} .ph_top{ display:none;} .pc_menu{ display:block;} .menuph{ display:none;} .xialaph{ display:none;} @media screen and (max-width:767px ) { .pz_top .container{ padding:0 15px;} } @media screen and (max-width:1229px ) { .menu ul{ margin:0 -10px;} .menu .nli{ padding:0 10px;} .menu_sub li{ margin:0 20px;} .menu_sub li:first-child{ margin-left:170px;} } @media screen and (max-width:1023px ) { .logo{ float:right; width:113px; height:44px; margin:8px 0;} .so{ float:left; width:100%; margin:15px 0 10px 0; border:1px solid #ab1032;} .so::after{ display:none;} .so .sear_sub{ left:14px;} .so .Search{ font-size:14px;} .www{ margin:0 0 15px 0; text-align:center; } .www .la{ margin:0 7px; float:none; display:inline-block;} .www .sub{ left:7px; top:auto; bottom:37px;} .menuph{ display:block;} .xialaph{ display:block;} /*鎵嬫満鎸夐挳*/ /*20220906start*/ .menuph{ float:left; width:28px; height:22px; cursor: pointer; text-align: center; margin:19px 0;} .menuph .point { display: inline-block; width: 28px; height: 22px; position: relative;} .menuph .point:hover .navbtn, .menuph .point:hover .navbtn::after, .menuph .point:hover .navbtn::before { width: 28px; } .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; 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: #fff; } .menuph .navbtn::after, .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; 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: #fff; } .menuph .navbtn::after { top: -11px; } .menuph .navbtn::before { top: 10px; } .menuph .point.active .navbtn{ background: transparent; } .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; } .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } /*20220906end*/ /*鎵嬫満涓嬫媺*/ .xialaph{ position:fixed; left:0; top:0; float:left; width: 100%; height:100%; overflow:scroll; padding:65px 0 140px 0; display: none; z-index:98; background:#fff;} .xialaph .ul2, .xialaph .ul3{display: none;} .xialaph h4 a{ float:left; width:92%; color: #333333; font-size:16px; line-height: 55px;} .xialaph h4 a span{ padding-left:6px; color:#ccc; font-size:14px;} .xialaph h4{ float:left; width:100%; position:relative;} .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7; /*opacity: 0.1;*/ } .xialaph h4:hover a, .xialaph h5:hover a{ color: #ab1032; } .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7; /*opacity: 0.1;*/ } .xialaph h5 a{ float:left; width:100%; color: #1f1f1f; font-size:14px; line-height: 45px; text-transform:uppercase; } .xialaph h5{ float:left; width:100%;position: relative; } .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7; /*opacity: 0.05;*/ } .xialaph li.l2:last-child>h5::after{ display: none; } .xialaph li.l2:last-child>.ul3{ border-top:1px solid #e7e7e7; } .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;} .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 26px; margin-right: 18px; cursor: pointer; } .xialaph h4.active img.img_s, .xialaph h5.active img.img_s{ display: none; } .xialaph h4.active img.img_d, .xialaph h5.active img.img_d{ display: block; } .xialaph .ul2{ float:left; width:100%; position:relative;} .xialaph .ul2 h5{ position:relative;} .xialaph .ul2 h5 > a{ padding:0 10px;} .xialaph .ul2 h5 i{ width:45px; height:45px; position:absolute; right:0; top:0; line-height:0;} .xialaph .ul2 h5 i img{ margin-top:20px; margin-right:20px;} .xialaph .ul3{ padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative; width:100%; float:left;} .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #3c3a3a; } /*.xialaph li:last-child .ul3::after{ display: none; }*/ .xialaph .ul3 li a{ color: #333; font-size: 14px; line-height: 35px; display: block; } .xialaph .ul3 li{ padding-top: 5px; } .xialaph .ul3 li:first-child{ padding-top: 0; } .xialaph .ul3 li:last-child>h5::after{ display: none; } .xialaph .phsou{ position: relative; margin-top: 34px; } .xialaph .phsou input{ width: 100%; height: 56px; background-color: #fff; color: #aaa; font-size: 14px; padding-left: 20px; border: 1px solid #e5e5e5; } .xialaph .phsou img{ cursor: pointer; width: 21px; height: 22px; position: absolute; top: 17px; right: 29px; } .img_d, .disno{ display: none; } } /*phone搴曢儴瀵艰埅*/ .q_d_m{float:left; width:100%; height:50px;} /*20220906start*/ .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#be0028; z-index:999;border-top: 1px solid #fff;} /*20220906end*/ .pf_down li{ width:25%; float:left; text-align:center; padding:7px 0 4px 0; border-right:1px solid #fff;} .pf_down li .ico7{ width:100%; float:left; height:20px;} .pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;} .pf_down li.l1 .ico7{ background:url(../images/btn14.png) no-repeat center; background-size:20px 20px;} .pf_down li.l2 .ico7{ background:url(../images/right1.png) no-repeat center; background-size:20px 20px;} .pf_down li.l3 .ico7{ background:url(../images/btn16.png) no-repeat center; background-size:20px 20px;} .pf_down li.l4 .ico7{ background:url(../images/btn17.png) no-repeat center; background-size:20px 20px;} .pf_down li:last-child{ border:none;} /*鍙充晶婕傛诞*/ .right_pf{ float:left; width:82px; position:fixed; right:5px; top:50%; margin-top:-155px; border:1px solid #e4e4e4; width:82px; background:#fff; z-index:101; text-align:center;} .right_pf .ul1{ float:left; width:100%; padding:8px;} .right_pf .ul1 i{ float:left; width:100%; border:1px solid #e4e4e4; line-height:0;} .right_pf .ul1 h5{ float:left; width:100%; color:#3e3d3d; font-size:12px; line-height:14px; margin-top:6px;} .right_pf .ul2{ float:left; width:100%; padding:9px; border-top:1px solid #e4e4e4;} .right_pf .ul2 li{ float:left; width:100%; margin-top:1px;} .right_pf .ul2 li a{ float:left; width:100%; background:#98989a; height:62px;} .right_pf .ul2 li a i{ float:left; width:100%; line-height:0; margin-top:12px;} .right_pf .ul2 li a h5{ float:left; width:100%; color:#fff; font-size:12px; line-height:24px;} .right_pf .ul2 li a:hover{ background:#ab1032;} .right_pf .ul2 li.rtelbox{position:relative;} .right_pf .ul2 li.rtelbox .rtel{display:none; position:absolute; right:62px; top:0; line-height:62px; background:#ab1032; font-size:14px; width:180px; text-align:center; color:#fff;} .right_pf .ul2 li.rtelbox:hover .rtel{display:block;} .messagePo{ display:none; float:left; width:295px; background:#f3f3f3; background:rgba(243,243,243,.8); position:fixed; right:0; top:50%; margin-top:-199px; padding:20px 30px 22px 30px; box-shadow: 0 5px 35px rgba(178,178,178,.75); z-index:102;} .messagePo .title{ float:left; width:100%; color:#828282; font-size:16px; line-height:26px; margin-bottom:9px;} .messagePo .lab{ float:left; width:100%; position:relative; margin-top:6px;} .messagePo .fv1{ float:left; width:100%; color:#a1a1a1; font-size:13px; line-height:24px; height:32px; border:1px solid #e2e2e2; background:#fff; padding:3px 15px;} .messagePo .fv2{ float:left; width:100%; color:#a1a1a1; font-size:13px; line-height:24px; height:58px; border:1px solid #e2e2e2; background:#fff; padding:3px 15px;} .messagePo .fv3{ float:left; width:100%; color:#fff; font-size:13px; line-height:24px; height:32px; border:none; background:#ad0e34; cursor:pointer;} .messagePo .fv3:hover{ box-shadow:0 5px 10px rgba(0,0,0,.2);} .yanzhengma{ float:left; position:absolute; right:1px; top:1px; width:60px; height:30px;} .messagePo .messcolse{width:26px; height:26px; background:url(../images/x.png) no-repeat; position:absolute;right:6px; top:8px; cursor:pointer;} .messagePo form{float:left; width:100%;} /*banner*/ .slide_banner{ float:left; width:100%; margin:0; overflow:hidden; text-align:center;} .slide_banner .slick-slide{ width:100%; padding:0; position:relative;} .slide_banner img{ width:100%;} .slide_banner .slick-dots{bottom:30px; height:4px;} .slide_banner .slick-dots li{ background:#000; width:46px; height:4px; margin:0 2px; opacity:0.15; filter:alpha(opacity=15); text-indent:-9999px; vertical-align:top;} .slide_banner .slick-dots li.slick-active{ background:#ab1032; opacity:1; filter:alpha(opacity=100);} .zy_banner{ float:left; width:100%; line-height:0;} ._zy_banner .slick-dots{ position: absolute; bottom: 25px; z-index: 10; height: 10px;} .slide_banner .slick-prev{width:18px; height:34px; left:100px; margin-top:-17px; background:url(../images/solut12_1.png) no-repeat; background-size:100% 100%;} .slide_banner .slick-next{width:18px; height:34px; right:100px; margin-top:-17px; background:url(../images/solut13_1.png) no-repeat; background-size:100% 100%;} .ban_pf{ float:left; position:absolute; left:50%; margin-left:-600px; top:26.83%;} @media screen and (max-width:1023px ) { .slide_banner .slick-dots{bottom:15px;} .slide_banner .slick-dots li{ width:26px;} .messagePo{ padding:12px 12px 15px 12px; width:250px;} .messagePo .title{ margin-bottom:0;} .messagePo .fv1{ padding:3px 10px;} .messagePo .fv2{ padding:3px 10px;} .slide_banner .slick-prev{width:13px; height:24px; left:20px; margin-top:-12px; } .slide_banner .slick-next{width:13px; height:24px; right:20px; margin-top:-12px;} } .elli{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-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;} .ImgHover{-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;} .ImgHover:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} @media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}} @media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}} @media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}} @media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}} /*foot*/ /*20220905start*/ .foot1{ float:left; width:100%; background:#BE0028; padding:0.8% 0;} /*20220905end*/ .bq{ float:left; color:#fff; font-size:16px; line-height:26px;} .bq a{ color:#fff; } .bq a:hover{ color:#ab1032; } .copyright{ float:left; color:#ededed; font-size:14px; line-height:26px;} .copyright a{ color:#ededed; } .copyright a:hover{ color:#ab1032; } .footMap{ float:right; color:#b7b7b7; font-size:12px; line-height:26px; margin-top:26px;} /*20220905start*/ .footMap a{ color:#ededed; font-size:16px;} /*20220905end*/ .footMap a:hover{ color:#ab1032;} /*20220905start*/ .foot2{ float:left; width:100%; background:#1a1a1a;padding:3.33% 0 3.75% 0;} /*20220905end*/ .footBox{ float:left; width:100%; margin-top:1.83%;} .footTit{ float:left; width:100%; background:#989898; line-height:42px;} .footTit span{ float:left; padding:0 24px 0 21px; background:#ab1032; color:#fff; font-size:16px; position:relative;} .footTit span::after{ float:left; width:0; height:0; border-top: 21px solid transparent; border-bottom:21px solid transparent;border-left: 14px solid #ab1032; content:''; position:absolute; right:-14px; top:0; } .Fnav{ float:left; width:15.1%;} .Fnav:first-child{width:16%;} /*20220905start*/ .Fnav .title{ display:block; color:#ffffff; font-size:21px; line-height:24px;} .Fnav .sub{ display:block; margin-top:12px;} .Fnav .sub li a{ display:block; color:#ffffff; font-size:16px; line-height:24px;} .Fnav .sub li a span{color: #be0028;} /*20220905end*/ .Fnav .sub li a:hover{ color:#ab1032;} .Fnav.last{ margin-right:0; width:8.5%;} @media screen and (max-width:1169px) { .Fnav .sub li a{ font-size:14px; line-height:22px;} } @media screen and (max-width:1023px) { .foot2{padding:4% 0;} .foot1{ padding:2% 0;} .footTit { line-height:34px; position:relative;} .footTit span{padding:0 12px; font-size:16px;} .footTit span::after{ border-top: 17px solid transparent; border-bottom:17px solid transparent;border-left:10px solid #ab1032; right:-10px; } .footTit::before{ float:left; width:15px; height:8px; content:''; position:absolute; right:12px; top:50%; margin-top:-4px; background:url(../images/xiap1.png) center no-repeat;} .Fnav{ width:13.8%;} .Fnav.last{ width:10%;} .Fnav:first-child{width:21%;} .Fnav .title{ font-size:16px;} } @media screen and (max-width:767px) { .footNav{ padding:15px 0;} .Fnav{ width:100%; margin:5px 0;} .Fnav .title{ font-size:16px; line-height:26px;} .Fnav .sub{ margin-top:0;} .Fnav .sub li{ /*width:33.33%;*/ float:left; padding-left:10px;} .Fnav.last{ width:100%;} .footBox{ display:none;} .bq{ text-align:center;} .copyright{ font-size:14px; line-height:22px; width:100%; text-align:center; margin:5px 0 0 0;} .footMap{line-height:22px; width:100%; text-align:center; margin:0 0 5px 0;} .footMap a{ font-size:14px;} } /*@media screen and (max-width:374px) { .Fnav .sub li{ width:50%; float:left;} }*/ .heightFooter{ float: left; width: 100%; height:65px;} @media screen and (max-width:1169px ) { .heightFooter{ height:50px;} } @media screen and (max-width:1023px ) { .heightFooter{ height:30px;} } @media screen and (max-width:767px ) { .heightFooter{ height:25px;} } .index1{ width:100%; float:left; margin-top:72px;} .indexHead{ width:100%; float:left; background:url(../images/index4.png) no-repeat right bottom; position:relative;} .indexHead .more{ display:block; float:right; font-size:14px; color:#ab1032; line-height:34px; font-family:Arial; text-transform:uppercase;} .indexHead .more:hover{ text-decoration:underline;} .indexHead .zbox{ float:left; background:white; padding-right:30px; font-size:30px; color:#ab1032; line-height:46px; height:46px;} .indexHead .zbox span{ font-size:14px; color:#999; font-family:Arial; text-transform:uppercase;} .index1 .head{ width:100%; float:left; margin-top:29px; height:80px; background:#efefef;} .index1 .head li{ width:33.333%; float:left; text-align:center; border-left:solid 1px #e2e2e2; font-size:21px; color:#333; cursor:pointer; height:80px; line-height:80px; position:relative;} .index1 .head li:first-child{ border-left:0;} .index1 .head li:before{ content:''; background:url(../images/index5.png) no-repeat center center; width:25px; height:11px; position:absolute; left:50%; bottom:-42px; margin-left:-12.5px; opacity:0;} .index1 .head li.on:before{ opacity:1;} .index1 .head li .ico{ width:44px; height:44px; display:inline-block; vertical-align:middle; margin:-3px 12px 0 0;} .index1 .head li .ico img{ width:100%; float:left;} .index1 .head li .ico .img2{ display:none;} .index1 .head li.on .ico .img1{ display:none;} .index1 .head li.on .ico .img2{ display:block;} .index1 .head li.on{ color:white; background:#ab1032;} .index1 .body{ width:100%; float:left; margin-top:42px;} .index1 .body ul{ width:100%; float:left; position:relative; background:#efefef; height:290px; padding-right:42.9%;} .index1 .body .img{ width:36.9%; height:290px; position:absolute; right:0; top:0; overflow:hidden;} .index1 .body .img img{ max-width:none; width:432px; height:290px; position:absolute; left:50%; top:50%; margin:-145px 0 0 -216px;} .index1 .body .text{ width:100%; float:left; padding:39px 0 0 43px;} .index1 .body .text .title{ width:100%; float:left; font-size:21px; color:#ab1032; line-height:32px;} .index1 .body .text .title span{ font-size:16px; color:#98989a; font-family:Arial; text-transform:uppercase; margin-left:12px;} .index1 .body .text .p{ width:100%; float:left; margin-top:22px; padding-top:25px; border-top:solid 1px #dedede; font-size:16px; color:#333; line-height:24px; height:97px; overflow:hidden;} .index1 .body .text .detail{ width:100%; float:left; margin-top:29px;} .index1 .body .text .detail a{ display:block; float:left; width:125px; text-align:center; height:30px; line-height:30px; font-size:14px; color:white; background:#ab1032;} .index1 .body .text .detail a:hover{ background:#222;} @media screen and (max-width:1023px ) { .index1{ margin-top:42px;} .indexHead .more{ line-height:30px;} .indexHead .zbox{ padding-right:20px; font-size:24px; line-height:40px; height:40px;} .index1 .head{ margin-top:20px; height:60px;} .index1 .head li{ font-size:16px; height:60px; line-height:60px;} .index1 .head li .ico{ width:38px; height:38px; margin:-3px 8px 0 0;} .index1 .head li:before{ bottom:-32px;} .index1 .body{ margin-top:32px;} .index1 .body ul{ height:250px; padding-right:40%;} .index1 .body .img{ width:38%; height:250px;} .index1 .body .img img{ width:372px; height:250px; margin:-125px 0 0 -186px;} .index1 .body .text{ padding:29px 0 0 23px;} .index1 .body .text .title{ font-size:16px; line-height:28px;} .index1 .body .text .title span{ font-size:14px; margin-left:8px;} .index1 .body .text .p{ margin-top:16px; padding-top:15px; font-size:14px; height:87px;} .index1 .body .text .detail{ margin-top:19px;} } @media screen and (max-width:767px ) { .index1{ margin-top:22px;} .indexHead{ background-size:auto 8px;} .indexHead .more{ line-height:24px;} .indexHead .zbox{ padding-right:10px; font-size:18px; line-height:36px; height:36px;} .indexHead .zbox span,.indexHead .zbox img{ display:none;} .index1 .head{ margin-top:10px; height:40px;} .index1 .head li{ font-size:12px; height:40px; line-height:40px;} .index1 .head li .ico{ width:30px; height:30px; margin:-3px 6px 0 0;} .index1 .head li:before{ width:20px; height:9px; background-size:contain; bottom:-22px;} .index1 .body{ margin-top:22px;} .index1 .body ul{ height:auto; padding-right:0;} .index1 .body .img{ width:40%; float:left; height:auto; position:relative; left:auto; top:auto; margin-top:10px; padding-left:10px; display:none;} .index1 .body .img img{ width:100%; height:auto; position:relative; left:auto; top:auto; margin:0; float:left;} .index1 .body .text{ padding:10px 10px 10px 13px; float:left; width:100%;} .index1 .body .text .title{ font-size:14px; line-height:24px;} .index1 .body .text .title span{ font-size:12px; margin-left:6px;} .index1 .body .text .p{ margin-top:10px; padding-top:10px; font-size:12px; line-height:20px; height:90px;} .index1 .body .text .detail{ margin-top:12px;} .index1 .body .text .detail a{ font-size:12px;} } .index2{ width:100%; float:left; margin-top:72px;} .ul_1{ width:100%; float:left; margin-top:12px;} .ul_1 li{ width:33.33%; float:left; margin-top:10px; padding:0 15px;} .ul_1 li a{ display:block; float:left; width:100%; background:#efefef;} .ul_1 li a .img{ width:100%; float:left; padding-bottom:74.59%; position:relative; overflow:hidden;} .ul_1 li a .img img{ width:100%; position:absolute; left:0; top:0; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} .ul_1 li a:hover .img img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} .ul_1 li a .img .time{ position:absolute; left:0; top:0; width:98px; height:29px; line-height:29px; color:white; font-size:16px; background:#969897; text-align:center;} .ul_1 li a .text{ width:100%; float:left; padding:23px 25px 29px 25px;} .ul_1 li a .text .title{ width:100%; font-size:21px; color:#1e1e1e; line-height:24px; height:48px; overflow:hidden;} .ul_1 li a .detail{ width:100%; float:left; border-top:solid 1px #e4e4e4; padding:0 25px 0 25px; font-size:21px; color:#1e1e1e; line-height:48px; height:48px; overflow:hidden; background:url(../images/index11.png) no-repeat 88% center;} .ul_1 li a:hover{ background:#ab1032;} .ul_1 li a:hover .img .time{ background:#ab1032;} .ul_1 li a:hover .text .title{ color:white;} .ul_1 li a:hover .detail{ color:white; background-image:url(../images/index11_h.png); border-color:#b63a56;} @media screen and (max-width:1023px ) { .index2{ margin-top:42px;} .ul_1{ margin-top:6px;} .index2 .row{ margin:0 -5px;} .ul_1 li{ padding:0 5px;} .ul_1 li a .text{ padding:13px 15px 20px 15px;} .ul_1 li a .text .title{ font-size:16px; line-height:22px; height:44px;} .ul_1 li a .detail{ padding:0 15px 0 15px; font-size:16px; line-height:44px; height:44px;} .ul_1 li a .img .time{ font-size:14px;} } @media screen and (max-width:767px ) { .index2{ margin-top:22px;} .ul_1 li{ width:50%;} .ul_1 li a .text{ padding:13px 10px 10px 10px;} .ul_1 li a .detail{ padding:0 10px;} .ul_1 li a .text .title,.ul_1 li a .detail{ font-size:14px;} .ul_1{ padding-bottom:30px; position:relative;} .ul_1 .slick-dots{bottom:0; height:8px;} .ul_1 .slick-dots li{ background:#98989a; width:8px; height:8px; margin:0 4px; text-indent:-9999px; vertical-align:top; float:none; padding:0;} .ul_1 .slick-dots li.slick-active{ background:#ab1032;} } .index3{ width:100%; float:left; padding:70px 0 80px 0;} .index3 .body{ width:100%; float:left; margin-top:22px; position:relative; border-left:solid 1px #eee; border-right:solid 1px #eee;} .index3 .body .img{ width:100%; float:left; border:solid 1px #eee; border-left:0; display:block; padding-bottom:55.9%; overflow:hidden; position:relative;} .index3 .body .img img{ width:100%; position:absolute; left:0; top:0; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} .index3 .body .img:hover img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} .index3 .body .slick-prev, .index3 .body .slick-next { position: absolute; left:-42px; top: 50%; display: block; width: 22px; height: 22px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; background:url(../images/index15.jpg) no-repeat left center; margin-top:-11px; z-index:6; } .index3 .body .slick-next{ left:auto; right:-42px; background-position:right center; } .index3 .body .slick-prev:hover, .index3 .body .slick-next:hover{ background-image:url(../images/index15_h.jpg);} @media screen and (max-width:1221px ) { .index3 .body .slick-prev{ left:0;} .index3 .body .slick-next{ right:0;} } @media screen and (max-width:1023px ) { .index3{ padding:40px 0 40px 0;} .index3 .body{ border-left:0;} .index3 .body .img{ border-right:0; border-left:solid 1px #eee;} } @media screen and (max-width:767px ) { .index3{ padding:20px 10px 20px 10px;} .index3 .body{ border-left:0;} .index3 .body .img{ border-right:0; border-left:solid 1px #eee;} .index3 .body .slick-prev{ left:-10px;} .index3 .body .slick-next{ right:-10px;} } .subhead{ width:100%; float:left; background:#efefef; position:relative; z-index:3;} .pz_SideLayer{ float:left;} .pz_SideLayer .l1{ float:left; position:relative;} .pz_SideLayer .l1 .l1_a{ display:block; float:left; padding:0 15px; height:62px; line-height:62px; font-size:16px; color:#333; text-align:center; background-position:center bottom;} .pz_SideLayer .l1.on .l1_a,.pz_SideLayer .l1:hover .l1_a{ color:white; background:#ab1032 url(../images/ny1.png) no-repeat center bottom;} .headline{ width:247px; background:white; background:rgba(255,255,255,0.85); position:absolute; left:50%; top:62px; border:solid 2px #eee; padding:15px 20px 20px 20px; text-align:center; box-shadow:0 8px 36px rgba(0,0,0,0.1); margin-left:-123.5px; display:none;} /*.headline:before{ content:''; background:url(../images/ny9.png) no-repeat center center; width:25px; height:13px; position:absolute; left:50%; top:-13px; margin-left:-12.5px;}*/ .headline dd{ width:100%; float:left; border-top:dashed 1px #d9d9d9;} .headline dd:first-child{ border-top:0;} .headline dd a{ display:block; padding:14px 10px 15px 10px; font-size:16px; color:#333; line-height:24px; width:100%; float:left;} .headline dd a:hover, .headline dd a.on{ color:#ab1032; font-weight:bold;} .pz_SideLayer .l1:hover .headline{display:block;} @media screen and (max-width:1023px){ .subhead{ padding-bottom:0px; border-bottom:0;} .subhead .container{ padding:0;} .pz_SideLayer{ float:left; width:100%; text-align:center;} .pz_SideLayer .l1{ float:none; display:inline-block; vertical-align:top;} .pz_SideLayer .l1 .l1_a{ /*width:110px;*/ height:42px; line-height:42px; font-size:13px;} .headline{ float:left; position:relative; left:auto; top:auto; box-shadow:none; } .headline{ width:100%; padding:5px 10px 10px 10px; margin-left:0; border-width:0; background:#e9e9e9; text-align:center;} .headline:before{ display:none;} .headline dd{ width:auto; display:inline-block; vertical-align:top; border-top:0; float:none;} .headline dd a{ width:100%; padding:5px 10px 5px 10px; font-size:14px; line-height:22px;} .pz_SideLayer .headline{ display:none !important;} } @media screen and (max-width:767px){ .pz_SideLayer .l1 .l1_a{ padding:0 10px; background-image:none !important;} .headline{ padding:0;} .headline .container{ padding:0; overflow:hidden;} .headline dd{ width:50%; float:left; padding:0 5px; line-height:40px; height:40px; border-bottom:solid 1px white; border-right:solid 1px white;} .headline dd:nth-child(2n){ border-right:0} .headline dd a{ display:inline-block; vertical-align:middle; font-size:13px; line-height:18px; float:none; padding:0;} .headline dd a.hover{ font-weight:normal;} } /*鑱旂郴鎴戜滑*/ .contactBox{ width:100%; float:left; padding:80px 0;} .contactBox .contactLeft{ float:left; width:50%; padding:0 20px 0 0;} .contactBox .contactLeft .contactTit{ color:#ab1032; font-size:30px; line-height:40px; letter-spacing:1px;} .contactBox .contactLeft .tent{ padding:19px 0 25px 0; border-bottom:#b9b9b9 dashed 1px; border-top:#b9b9b9 dashed 1px; margin-top:35px;} .contactBox .contactLeft .tent .tentLi{ float:left; width:100%; margin:15px 0; line-height:22px; font-size:16px; padding-left:36px; min-height:22px; position:relative;} .contactBox .contactLeft .tent .tentLi b{ position:absolute; left:0; top:0;} .contactBox .contactLeft .ewm{ margin:40px 0 0 0;} .contactBox .contactLeft .ewm .ewmPic{ float:left; width:130px; height:130px; background:url(../images/ny7.jpg); padding:9px;} .contactBox .contactLeft .ewm .ewmCon{ float:left; width:415px; padding:85px 0 0 16px; color:#1f1f1f; line-height:24px; font-size:16px;} .contactBox .contactRight{ float:left; width:50%; padding-left:15px;} .contactRight .cmap{ height:552px;} .contactRight label{ max-width:224px;} .contactRight .BMapLabel a{ color:#fff;} @media screen and (max-width:1023px){ .contactBox{ padding:40px 0;} .contactBox .contactLeft{ width:100%; padding:0;} .contactBox .contactLeft .contactTit{ font-size:23px;} .contactBox .contactLeft .tent{ padding:10px 0 15px 0; margin-top:25px;} .contactBox .contactLeft .tent .tentLi{ margin:10px 0; font-size:14px; } .contactBox .contactLeft .ewm{ margin:20px 0 0 0;} .contactBox .contactRight{ width:100%; padding-left:0; margin-top:20px;} .contactRight .cmap{ height:200px;} } @media screen and (max-width:767px){ .contactBox{ padding:20px 0;} .contactBox .contactLeft .contactTit{ font-size:17px;} .contactBox .contactLeft .tent{ padding:10px 0 10px 0; margin-top:15px;} .contactBox .contactLeft .tent .tentLi{ margin:6px 0; } .contactBox .contactLeft .ewm{ position:relative; float:left;} .contactBox .contactLeft .ewm .ewmPic{ width:120px; height:120px; float:left; background-size:contain;} .contactBox .contactLeft .ewm .ewmCon{ width:auto; margin-left:140px; padding:65px 0 0 0; float:none; } .contactBox .contactLeft .english{ padding:10px 0 10px 0;} } /*鍦ㄧ嚎鐣欒█*/ .message{ float:left; width:100%; padding:10px 18px 40px 18px; background:#efefef; margin:90px 0 80px 0;} .message .form{ float:left; width:100%; margin-top:7px;} .message .lab{ float:left; width:100%; margin-top:20px;} .fm1{ float:left; width:50%; padding:0 10px; position:relative;} .fm2{ float:left; width:100%; padding:0 10px; position:relative;} .fm3{ display:block; margin:0 auto; width:215px; height:50px; background:#ab1032; position:relative;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden; cursor:pointer;} .fm3:before{ content:''; width:0; height:100%; position:absolute; left:0; top:0; z-index:1; background:#1f1f1f; -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;} .fm3:hover:before{ width:100%;} .fm1_2{ float:left; width:100%; border:1px solid #ebebeb; background:#fff; padding:0 18px; color:#434343; font-size:14px; height:50px; line-height:48px; padding:0 15px 0 100px;} .fm1_3{ float:left; width:100%; border:1px solid #ebebeb; background:#fff; color:#434343; font-size:14px; height:140px; line-height:24px; padding:13px 15px 13px 100px;} .fm1_4{ float:left; width:100%; border:none; color:#fff; height:50px; line-height:50px; text-align:center; font-size:18px; appearance:none;-webkit-appearance:none; position:relative; z-index:2; background:none; border:0; cursor:pointer;} .fm1_1{ float:left; position:absolute; left:29px; top:0; line-height:50px; color:#999; font-size:16px;} .fm1_1 span{ color:#e60012;} .fm1_5{ float:left; position:absolute; right:20px; top:9px; width:98px; height:32px; } .message input[placeholder], [placeholder], *[placeholder] {color:#434343 !important;} .message ::-webkit-input-placeholder{color:#434343} .message :-moz-placeholder{color:#434343} .message ::-moz-placeholder{color:#434343} .message :-ms-input-placeholder{color:#434343} .message textarea[placeholder], [placeholder], *[placeholder] {color:#434343 !important;} .message ::-webkit-textarea-placeholder{color:#434343} .message :-moz-placeholder{color:#434343} .message ::-moz-placeholder{color:#434343} .message :-ms-textarea-placeholder{color:#434343} .message input:focus,.message textarea:focus{ border-color:#ab1032 !important;} @media screen and (max-width:1023px){ .message{ padding:10px 15px 20px 15px; margin:50px 0 40px 0;} .message_tit{ padding:30px 15px 0 15px;} .message .lab{ margin:10px 0;} .message_tit h5{ margin:10px 0 5px 0;} .fm1{ padding:0 10px;} .fm2{ padding:0 10px;} } @media screen and (max-width:767px){ .message{ padding:0px 0px 10px 0px; margin:20px 0 20px 0;} .message_tit{ padding:0px;} .message .form{padding:0;} .message .lab{ margin:0;} .fm1{ width:100%; padding:0 10px; margin-top:15px;} .fm2{ width:100%; padding:0 10px; margin:15px 0;} .fm3{ width:160px;} } .partner{ width:100%; float:left; margin-top:52px; margin-bottom:80px;} .ul_2{ width:100%; float:left;} .ul_2 li{ width:25%; float:left; padding:0 10px; margin-top:28px;} .ul_2 li a{ display:block; width:100%; float:left; border:solid 1px #ddd; padding-bottom:66px; position:relative;} .ul_2 li a .img{ width:100%; float:left; padding-bottom:55.9%; overflow:hidden;} .ul_2 li a .img img{ width:100%; position:absolute; left:0; top:0;} .ul_2 li a .text{ width:100%; position:absolute; left:0; bottom:0; height:65px; overflow:hidden; text-align:center; padding:17px 10px 16px 10px; background:#efefef; overflow:hidden; border-top:solid 1px #ddd; -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;} .ul_2 li a .text .title{ width:100%; float:left; font-size:18px; color:#333; line-height:30px; font-family:Arial;} .ul_2 li a .text .jj{ width:100%; float:left; font-size:16px; color:#fff; line-height:24px; opacity:0.8; margin-top:10px; display:none; height:48px; overflow:hidden;} @media screen and (min-width:1024px){ .ul_2 li a:hover .text{ height:124px; background:#ab1032;} .ul_2 li a:hover .text .title{ color:white;} .ul_2 li a:hover .text .jj{ display:block;} } @media screen and (max-width:1023px){ .partner{ margin-top:32px; margin-bottom:40px;} .ul_2 .row{ margin:0 -5px;} .ul_2 li{ padding:0 5px; margin-top:10px;} .ul_2 li a .text{ padding:11px 10px 10px 10px; height:50px; position:relative; left:auto; top:auto; float:left;} .ul_2 li a .text{ height:100px;} .ul_2 li a .text .title{ font-size:16px; line-height:26px;} .ul_2 li a .text .jj{ font-size:14px; line-height:22px; margin-top:8px; height:44px; display:block; color:#666;} .ul_2 li a{ padding-bottom:0;} } @media screen and (max-width:767px){ .partner{ margin-top:12px; margin-bottom:20px;} .ul_2 li{ width:50%;} } /*鏂伴椈鍔ㄦ€?/ .news_list1{ float:left; width:100%;} .news_list1 li{ float:left; width:100%; background:#efefef; margin-top:30px; padding:30px 30px 30px 0;-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; } .news_list1 li a{ float:left; width:100%; position:relative;} .news_list1 li .time{ float:left; position:absolute; left:0; top:50%; margin-top:-58px; width:166px; height:116px; text-align:center; border-right:1px solid #e0e0e0;-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;} .news_list1 li .time time{ float:left; width:100%; color:#c2c2c2; font-size:72px; line-height:64px; font-family:Arial; font-weight:bold; margin:0 0 14px 0;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .news_list1 li .time span{ float:left; width:100%; color:#4c4c4c; font-size:21px; line-height:21px; font-family:Arial;} .news_list1 li .img{ float:left; width:212px; height:158px; line-height:0; overflow:hidden; position:absolute; right:0; top:0;} .news_list1 li .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;} .news_list1 li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .news_list1 li .text{ float:left; width:100%; padding:0 270px 0 202px; min-height:158px;} .news_list1 li .text h5{ float:left; width:100%; color:#333333; font-size:21px; line-height:31px; margin:24px 0 22px 0;-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; } .news_list1 li .text p{ float:left; width:100%; color:#777777; font-size:16px; line-height:23px; height:46px; overflow:hidden;} .news_list1 li:hover{ background:#ab1032;} .news_list1 li:hover .text h5,.news_list1 li:hover .text p{ color:#fff;} .news_list1 li:hover .time time,.news_list1 li:hover .time span{ color:#fff;} .news_list1 li:hover .time{ border-right:1px solid #bc405b;} @media screen and (max-width:1229px){ .news_list1 li .text{padding:0 296px 0 197px; min-height:190px;} .news_list1 li .img{ width:255px; height:190px;} .news_list1 li .text h5{ font-size:18px; line-height:28px; margin:40px 0 22px 0;} .news_list1 li .text p{ font-size:14px;} .news_list1 li .time{ height:100px; margin-top:-50px;} .news_list1 li .time time{ font-size:60px; line-height:52px;} } @media screen and (max-width:1023px){ .news_list1 li{ margin-top:15px; padding:15px 15px 15px 0;} .news_list1 li .time{ width:120px; height:80px; margin-top:-40px;} .news_list1 li .time time{ font-size:50px; line-height:42px; margin:5px 0;} .news_list1 li .time span{ font-size:14px; line-height:14px;} .news_list1 li .img{ width:130px; height:97px;} .news_list1 li .text{ padding:0 160px 0 140px; min-height:97px;} .news_list1 li .text h5{ font-size:16px; line-height:24px; margin:12px 0 5px 0;} .news_list1 li .text p{ line-height:22px; height:44px;} } @media screen and (max-width:767px){ .news_list1 li{ margin-top:10px; padding:8px;} .news_list1 li .time{ display:none;} .news_list1 li .img{ width:120px; height:90px;} .news_list1 li .text{ padding:0 132px 0 4px; min-height:90px;} .news_list1 li .text h5{ font-size:16px; line-height:24px; margin:10px 0 4px 0;} .news_list1 li .text p{ line-height:20px; height:38px; font-size:12px;} .news_list1 li .text time{ display:block; float:left; width:100%; color:#c2c2c2; font-size:12px; line-height:22px; } } .news_list2{ float:left; width:100%; margin-top:94px;} .news_list2 .l1{ width:100%; background:#efefef; position:relative;} .news_list2 .img{ float:left; width:35.21%; line-height:0; overflow:hidden;} .news_list2 .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;} .news_list2 .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .news_list2 .cont{ float:right; width:58.97%; margin-right:30px;} .news_list2 .time{ float:left; width:100%; color:#4d4d4d; font-size:21px; line-height:64px; height:64px; margin:38px 0 20px 0;} .news_list2 .time time{ display:inline-block; color:#c2c2c2; font-size:72px; font-family:Arial; font-weight:bold; padding-right:14px;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .news_list2 .title{ float:left; width:100%; color:#333333; font-size:21px; line-height:31px; -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; } .news_list2 .info{ float:left; width:100%; color:#666666; font-size:16px; line-height:23px; height:46px; overflow:hidden;margin:12px 0 35px 0;} .news_list2 .more{ float:left; width:100%; line-height:34px; font-size:16px; color:#666666;} .news_list2 .more img{ vertical-align:middle; margin:-3px 0 0 0; display:inline-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;} .news_list2 .l1:hover{ box-shadow:0 5px 10px rgba(0,0,0,.15);} .news_list2 .l1:hover .title{ color:#ab1032;} .news_list2 .l1:hover .time time{ color:#ab1032;} .news_list2 .l1:hover .more{ color:#ab1032;} .news_list2 .l1:hover .more img{ margin-left:10px;} .news_list2 .slick-dots{ width:auto; left:auto; right:38px;bottom:25px; height:9px;} .news_list2 .slick-dots li{ border:1px solid #ab1032; width:9px; height:9px; margin:0 0 0 9px;text-indent:-9999px; vertical-align:top;} .news_list2 .slick-dots li.slick-active{ background:#ab1032;} @media screen and (max-width:1169px){ .news_list2 .info{ margin-bottom:15px;} .news_list2 .time{ margin-top:18px;} } @media screen and (max-width:1023px){ .news_list2{ margin-top:54px;} .news_list2 .l1::after{ width:5px;} .news_list2 .cont{padding:0 15px 0 20px;} .news_list2 .time{ font-size:14px; line-height:42px; height:42px; margin:20px 0 12px 0;} .news_list2 .time time{ font-size:50px; padding-right:6px;} .news_list2 .title{ font-size:16px; line-height:26px;} .news_list2 .info{ font-size:14px; height:46px; margin:6px 0 10px 0;} .news_list2 .more{ line-height:30px; font-size:14px;} .news_list2 .slick-dots{ right:15px;} } @media screen and (max-width:767px){ .news_list2{ margin-top:24px;} .news_list2 .l1::after{ display:none;} .news_list2 .img{ width:40%; margin-top:0;} .news_list2 .cont{ width:60%;padding:12px 12px 0 12px; margin-right:0;} .news_list2 .time{ display:none;} .news_list2 .info{ margin:3px 0 12px 0; line-height:21px; font-size:12px; line-height:18px; height:34px;} .news_list2 .more{ line-height:42px; display:none;} .news_list2 .slick-dots{ right:12px; bottom:10px;} } /*鏂伴椈璇︽儏*/ .c_0100_6{ width:100%; float:left; padding:63px 0 80px 0;} .c_0100_6 h1{ width:100%; float:left; text-align:center; font-size:30px; color:#333; line-height:38px;} .c_0100_6 .main_1{ width:100%; float:left; margin-top:36px; border-top:solid 1px #d7d8d8; border-bottom:solid 1px #d7d8d8; line-height:53px;} .c_0100_6 .main_1 .p{ float:left; font-size:14px; color:#777;} .c_0100_6 .main_1 .p span{display:inline-block;*display:inline; *zoom:1; margin-right:15px;} .c_0100_6 .main_1 .btn1{ float:right;} .c_0100_6 .main_1 .btn1 img{ vertical-align:middle; margin-left:10px; margin-top:-3px;} .c_0100_6 .main_1 .btn1 a{ color:#777;} .c_0100_6 .main_1 .btn1 a:hover{ color:#ab1032;} .c_0100_6 .text{ width:100%; float:left; margin-top:47px; font-size:16px; color:#4c4c4c; line-height:23px;} .c_0100_6 .main_2{ width:100%; float:left; margin-top:53px;} .c_0100_6 .main_2 .title{ width:100%; float:left; font-size:21px; color:#000000; line-height:41px;} .c_0100_6 .main_2 .title span{ color:#ab1032; font-size:16px; text-transform:uppercase; margin-left:14px; vertical-align:middle;} .c_0100_6 .main_2 ul{ width:100%; float:left; margin-top:8px;} .c_0100_6 .main_2 ul li{ width:48.46%; float:left; border-bottom:solid 1px #dcdcdc; line-height:38px; padding-right:80px; position:relative;} .c_0100_6 .main_2 ul li h5{ width:100%; float:left; font-size:16px; color:#333333; line-height:38px;} .c_0100_6 .main_2 ul li .time{ position:absolute; right:0; top:0; font-size:14px; line-height:38px; color:#777;} .c_0100_6 .main_2 ul li.l1{ float:right;} .c_0100_6 .main_2 ul li:hover h5{ color:#ab1032;} .c_0100_6 .main_3{ width:100%; float: left; margin-top: 50px; border-top: solid 1px #dbdbdb; border-bottom: solid 1px #dbdbdb; overflow: hidden;} .c_0100_6 .main_3 h5{ width:50%; float: left; padding: 15px 0; font-size: 16px; color: #333; line-height: 30px;} .c_0100_6 .main_3 h5 a{ line-height: 30px; color: #333;} .c_0100_6 .main_3 h5.last{text-align: right; border-left:solid 1px #dbdbdb;} .c_0100_6 .main_3 h5:hover a,.c_0100_6 .main_3 h5:hover{ color: #ab1032;} @media screen and (max-width:1023px) { .c_0100_6{ padding:33px 0 40px 0;} .c_0100_6 h1{ font-size:24px; line-height:32px;} .c_0100_6 .text{ margin-top:20px; font-size:14px;} .c_0100_6 .main_1{ margin-top:20px;} } @media screen and (max-width:767px) { .c_0100_6{ padding:13px 0 20px 0;} .c_0100_6 h1{ font-size:18px; line-height:26px;} .c_0100_6 .main_1{ margin-top:10px; line-height:43px;} .c_0100_6 .main_1 .p{ font-size:12px; width:100%;} .c_0100_6 .main_1 .p span{ margin-right:10px;} .c_0100_6 .main_1 .btn1 img{ width:30px;} .c_0100_6 .text{ margin-top:22px; font-size:12px; line-height:22px;} .c_0100_6 .bshare-custom{ margin-top:17px;} .c_0100_6 .main_2{ margin-top:18px;} .c_0100_6 .main_2 .title{ font-size:16px;} .c_0100_6 .main_2 .title span{ font-size:12px; margin-left:8px;} .c_0100_6 .main_2 ul{ height: auto; margin-top: 10px;} .c_0100_6 .main_2 ul li{ width:100%;} .c_0100_6 .main_2 ul li h5{ font-size:12px;} .c_0100_6 .main_2 ul li .time{ font-size:12px;} .c_0100_6 .main_3{ padding: 5px 0; margin-top: 18px;} .c_0100_6 .main_3 h5{ width:100%; padding: 0; font-size:12px; line-height:30px;} .c_0100_6 .main_3 h5.last{ text-align: left; border-left:0;} } @media screen and (max-width:480px) { .c_0100_6 .main_1{ border:0;} .c_0100_6 .main_1 .p{ display:none;} .c_0100_6 .text{ margin-top:12px;} .c_0100_6 .main_2 ul{ margin-top:6px;} } /*鎴戜滑鐨勬湇鍔?/ .service{ width:100%; float:left; padding:72px 0 45px 0;} .service .head{ width:100%; float:left; text-align:center;} .service .head h3{ width:100%; font-size:30px; color:#ab1032; line-height:36px; letter-spacing:1px; float:left;} .service .head h4{ width:100%; font-size:14px; color:#d1d1d1; line-height:21px; margin-top:10px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; float:left;} .service .body{ width:100%; font-size:21px; color:#515151; line-height:30px; margin-top:48px; font-weight:bold; letter-spacing:1px; float:left; padding:0 125px; background:url(../images/ny15.png) no-repeat 45px center, url(images/ny16.png) no-repeat 96% center; text-align:center;} .service .bottom{ width:100%; float:left; margin-top:70px;} .service .bottom ul{ width:100%; float:left; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} .service .bottom li{ width:33.333%; float:left; margin:45px 0 33px 0; text-align:center; cursor:pointer; padding:0 10px;} .service .bottom li .ico{ display:inline-block; vertical-align:top; width:128px; height:128px; border:solid 1px #e1e1e1;} .service .bottom li .ico img{ width:100%; float:left; -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;} .service .bottom li h4{ width:100%; margin-top:19px; font-size:21px; color:#333; line-height:28px; letter-spacing:1px;} .service .bottom li .jj{ width:100%; margin-top:15px; font-size:16px; color:#999; line-height:22px; letter-spacing:1px;} .service .bottom li:hover .ico img{ transform:rotateY(180deg);} @media screen and (max-width:1169px) { .service .body{ padding:0 85px;} } @media screen and (max-width:1023px) { .service{padding:32px 0 55px 0;} .service .head h3{ font-size:24px; line-height:30px;} .service .head h4{ font-size:12px; line-height:19px; margin-top:8px;} .service .body{ background-position:left center, right center; padding:0 45px; font-size:16px; line-height:24px; margin-top:28px;} .service .bottom{ margin-top:40px;} .service .bottom li{ margin:25px 0 13px 0;} .service .bottom li .ico{ width:88px; height:88px;} .service .bottom li h4{ margin-top:14px; font-size:16px; line-height:24px;} .service .bottom li .jj{ margin-top:10px; font-size:14px; line-height:20px;} } @media screen and (max-width:767px) { .service{padding:22px 0 35px 0;} .service .head h3{ font-size:18px; line-height:24px;} .service .body{ padding:0 25px; background-size:16px auto; font-size:14px; line-height:22px; margin-top:18px; text-align:justify;} .service .bottom{ margin-top:20px;} .service .bottom li{ width:50%; margin:15px 0 8px 0;} .service .bottom li .ico{ width:68px; height:68px;} .service .bottom li h4{ margin-top:10px; font-size:14px; line-height:22px;} .service .bottom li .jj{ margin-top:6px; font-size:12px; } } .product{ width:100%; float:left; margin-top:50px;} .ul_3{ width:100%; float:left;} .ul_3 li{ width:33.33%; float:left; padding:0 15px; margin-top:30px;} .ul_3 li a{ display:block; width:100%; float:left; padding-bottom:70px; position:relative; border:solid 1px #eee;} .ul_3 li a .img{ width:100%; float:left; padding-bottom:74.86%; overflow:hidden; position:relative;} .ul_3 li a .img img{ width:100%; position:absolute; left:0; top:0; min-height:100%;} .ul_3 li a .text{ width:100%; height:70px; position:absolute; left:0; bottom:0; background:#efefef; text-align:center; padding:17px 10px; -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;} .ul_3 li a .text:before{ content:''; background:url(../images/ny26.png) no-repeat center center; width:33px; height:15px; position:absolute; left:50%; top:-13px; margin-left:-16.5px;} .ul_3 li a .text .title{ width:100%; font-size:21px; color:#333; line-height:36px; font-family:Arial;} .ul_3 li a .text .jj{ width:100%; font-size:16px; color:#fff; line-height:28px; display:none;} .ul_3 li a .text .detail{ width:100%; margin-top:11px; font-size:16px; color:#fff; line-height:22px; text-transform:capitalize; display:none;} @media screen and (min-width:1024px) { .ul_3 li a:hover .text{ background:#ab1032; height:130px;} .ul_3 li a:hover .text .title{ color:white;} .ul_3 li a:hover .text:before{ background-image:url(../images/ny27.png);} .ul_3 li a:hover .text .jj,.ul_3 li a:hover .text .detail{ display:block;} } @media screen and (max-width:1023px) { .product{ margin-top:30px;} .ul_3 li{ padding:0 5px; margin-top:10px;} .product .row{ margin:0 -5px;} .ul_3 li a{ padding-bottom:0;} .ul_3 li a .text{ float:left; height:50px;padding:10px 10px; height:100px; position:relative; left:auto; top:auto; } .ul_3 li a .text .title{ font-size:16px; line-height:30px;} .ul_3 li a .text .jj{ font-size:14px; line-height:24px; display:block; color:#666;} .ul_3 li a .text .detail{ margin-top:6px; font-size:14px; line-height:20px; display:block; color:#666;} .ul_3 li a .text:before{ background-image:url(../images/ny26.png);} } @media screen and (max-width:767px) { .product{ margin-top:10px;} .ul_3 li{ width:50%;} .ul_3 li a .text{ height:auto;} .ul_3 li a .text .detail{ display:none;} .ul_3 li a .text .title{ font-size:14px; line-height:26px;} .ul_3 li a .text .jj{ height:38px; white-space:normal !important; text-overflow:none; font-size:12px; line-height:20px;} } .productHead{ width:100%; float:left; border:solid 1px #e6e6e6; margin-top:80px;} .productHead .img{ width:47.86%; float:left; position:relative;} .productHead .img img{ width:100%; float:left;} .productHead .text{ float:right; width:42.3%; margin-right:3.76%; padding:48px 0 66px 0; position:relative;} .productHead .text:before{ content:''; width:1px; height:70%; position:absolute; left:-10%; top:10%; background:#eff0f1;} .productHead .text .name{ width:60%; float:left; font-size:30px; color:#161616; line-height:38px; letter-spacing:1px; padding-bottom:14px; background:url(../images/ny28.jpg) no-repeat left bottom;} .productHead .text .return{ float:right;} .productHead .text .return a{ display:block; float:left; line-height:53px; text-align:center; color:#777;} .productHead .text .return a img{ vertical-align:middle; margin-left:10px; margin-top:-3px;} .productHead .text .return a:hover{ color:#ab1032;} .productHead .text .p{ width:100%; float:left; margin-top:28px; font-size:16px; line-height:23px; letter-spacing:1px; max-height:138px; overflow:hidden;} .productHead .text .p.auto{max-height:none;} .productHead .text .more{float:right; font-size:14px; color:#ab1032;line-height:23px; margin-top:10px; display:none; cursor:pointer;} .productHead .text .logo1{ width:100%; float:left; margin-top:50px;} .productHead .text .logo1 img{ float:left;} .productHead .img .slick-dots{bottom:36px; height:8px;} .productHead .img .slick-dots li{ background:#98989a; width:8px; height:8px; margin:0 11px; text-indent:-9999px; vertical-align:top;} .productHead .img .slick-dots li.slick-active{ background:#ab1032;} @media screen and (max-width:1023px) { .productHead{ margin-top:60px;} .productHead .img{ width:100%;} .productHead .text{ padding:28px 20px 36px 20px; width:100%; margin-right:0;} .productHead .text:before{ display:none;} .productHead .text .name{ font-size:24px; line-height:30px; padding-bottom:10px;} .productHead .text .return a{ line-height:30px;} .productHead .text .return a img{ margin:-3px 0 0 6px; width:30px;} } @media screen and (max-width:767px) { .productHead{ margin-top:30px;} .productHead .text{ padding:18px 10px 26px 10px;} .productHead .text .name{ font-size:18px; line-height:24px; padding-bottom:8px;} .productHead .img .slick-dots{bottom:16px; height:6px;} .productHead .img .slick-dots li{ width:6px; height:6px; margin:0 6px;} .productHead .text .p{ margin-top:18px; font-size:13px; line-height:20px; max-height:120px;} .productHead .text .more{font-size:12px; color:#ab1032;line-height:20px; margin-top:5px; } .productHead .text .logo1{ margin-top:20px;} } .productBody{ width:100%; float:left; margin-top:30px; border:solid 1px #ebebeb;} .productBody .head{ background:#efefef; border-bottom:solid 1px #ebebeb; height:45px;} .productBody .head li{ float:left; background:white; text-align:center; font-size:16px; color:#666;width:119px;border-right:solid 1px #ebebeb; letter-spacing:1px; line-height:45px; margin-top:-1px; height:45px; border-top:solid 1px #ebebeb; cursor:pointer;} .productBody .head li.on{ color:#ab1032; border-top:solid 3px #ab1032;} .productBody .body,.productBody .zbox{ width:100%; float:left;} .productBody .body .text{ width:100%; float:left; font-size:16px; line-height:26px; color:#333; letter-spacing:1px; padding:24px 30px 29px 30px;} .productBody .body .text ul{ width:33.33%; float:left; margin-bottom:22px;} .productBody .body .text ul li{ width:100%; float:left; font-size:16px; color:#4c4c4c; line-height:24px;} @media screen and (max-width:1023px) { .productBody .body .text ul li{ font-size:14px; line-height:22px;} .productBody .body .text{ font-size:14px; line-height:24px; padding:24px 20px 20px 20px;} } @media screen and (max-width:767px) { .productBody .body .text ul{ width:100%; margin-bottom:12px;} .productBody .body .text{ font-size:12px; line-height:22px; padding:14px 10px 10px 10px;} .productBody .head li{ font-size:14px; width:33.33%;} } .productDown{ width:100%; float:left; padding:51px 0 80px 0;} .productDown .head{ width:100%; float:left; font-size:30px; color:#ab1032; line-height:44px; letter-spacing:1px;} .productDown .ul_3{ margin-top:-7px;} @media screen and (max-width:1023px) { .productDown{ padding:31px 0 40px 0;} .productDown .head{ font-size:20px; line-height:38px;} .productDown .ul_3{ margin-top:0px;} } @media screen and (max-width:767px) { .productDown{ padding:21px 0 30px 0;} .productDown .ul_3{ padding-bottom:30px; position:relative;} .productDown .ul_3 .slick-dots{bottom:0; height:8px;} .productDown .ul_3 .slick-dots li{ background:#98989a; width:8px; height:8px; margin:0 4px; text-indent:-9999px; vertical-align:top; float:none; padding:0;} .productDown .ul_3 .slick-dots li.slick-active{ background:#ab1032;} } /*鍚堜綔浼欎即璇︽儏*/ .partnerHead{ width:100%; float:left; margin-top:80px;} .partnerHead .img{ float:left; width:48.72%;} .partnerHead .img img{ width:100%; float:left;} .partnerHead .text{ float:right; width:46.9%; padding-top:20px;} .partnerHead .text .title{ width:100%; font-size:30px; color:#ab1032; line-height:38px; font-family:Arial; padding-bottom:34px; background:url(../images/ny34.jpg) no-repeat left bottom;} .partnerHead .text .p{ width:100%; margin-top:38px; font-size:16px; color:#333; line-height:22px;} @media screen and (max-width:1023px) { .partnerHead .text{ padding-top:10px;} .partnerHead .text .title{ font-size:20px; line-height:30px; padding-bottom:24px;} .partnerHead .text .p{ margin-top:28px; font-size:14px; line-height:20px;} .partnerHead{ margin-top:40px;} } @media screen and (max-width:767px) { .partnerHead .img{ width:100%;} .partnerHead .text{ width:100%; margin-top:10px;} .partnerHead .text .title{ font-size:16px; line-height:24px; padding-bottom:14px;} .partnerHead .text .p{ margin-top:18px;} .partnerHead{ margin-top:20px;} } .partnerBody{ width:100%; float:left;} .partnerBody h3{ width:100%; float:left; font-size:30px; color:#ab1032; line-height:40px; letter-spacing:1px; } .partnerBody h4{ width:100%; float:left; font-size:21px; color:#333; line-height:28px; letter-spacing:1px; margin-top:24px;} .partnerBody h5{ width:100%; float:left; font-size:16px; color:#666; line-height:34px; letter-spacing:1px;} .partnerBody .text{ width:100%; float:left; background:#f5f5f5; border:solid 1px #eaeaea; padding:18px 20px 7px 20px; margin-top:12px; font-size:16px; color:#333; line-height:23px; letter-spacing:1px;} .partnerBody .text ul{ width:50%; float:left;} .partnerBody dl{ width:100%; float:left; margin-top:-5px; padding-left:45px; position:relative;} .partnerBody dl dt{ width:1px; height:85%; background:#e5e5e5; position:absolute; left:7px; top:10%;} .partnerBody dl dd{ width:100%; float:left; margin-top:20px; position:relative; background:#f5f5f5; padding:10px 20px 10px 22px; font-size:16px; color:#333; line-height:28px; position:relative; border:solid 1px #eaeaea;} .partnerBody dl dd:before{ content:''; background:url(../images/ny35.png) no-repeat center center; width:10px; height:15px; position:absolute; left:-10px; top:50%; margin-top:-7.5px;} .partnerBody dl dd:after{ content:''; width:7px; height:7px; background:#ab1032; position:absolute; left:-42px; margin-top:-3.5px; top:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .partnerBody .partner_block{margin-top:45px; float:left; width:100%;} .partnerBody .text1{ width:100%; float:left; margin-top:57px;} .partnerBody .text1 .img{ float:right; width:43%; border:solid 1px #eaeaea;} .partnerBody .text1 .p{ width:45%; float:left; font-size:16px; color:#333; line-height:24px;} .partnerBody .text1 .p h3{ margin-bottom:20px;} @media screen and (max-width:1023px) { .partnerBody .partner_block{ margin-top:25px;} .partnerBody h3{ font-size:24px; line-height:34px; } .partnerBody h4{ font-size:16px; line-height:22px; margin-top:14px;} .partnerBody h5{ font-size:14px; line-height:28px;} .partnerBody .text{ padding:12px 10px 5px 10px; margin-top:6px; font-size:14px; line-height:21px;} .partnerBody .text ul{ width:100%;} .partnerBody dl dd{ margin-top:15px; padding:10px 10px 10px 12px; font-size:14px; line-height:24px;} .partnerBody .text1{ margin-top:37px;} .partnerBody .text1 .p{ font-size:14px; line-height:22px;} .partnerBody .text1 .p h3{ margin-bottom:10px;} } @media screen and (max-width:767px) { .partnerBody .partner_block{ margin-top:15px;} .partnerBody h3{ font-size:18px; line-height:28px; margin-top:15px} .partnerBody h4{ font-size:14px; line-height:20px; margin-top:8px;} .partnerBody h5{ font-size:12px; line-height:24px;} .partnerBody .text1{ margin-top:17px;} .partnerBody .text1 .img{ width:100%;} .partnerBody .text1 .p{ font-size:12px; line-height:20px;} } .partnerDown{ margin-top:10px;} .partnerDown .ul_3{ position:relative;} .partnerDown .ul_3 .slick-prev, .partnerDown .ul_3 .slick-next { position: absolute; left:-42px; top: 50%; display: block; width: 22px; height: 22px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; background:url(../images/index15.jpg) no-repeat left center; margin-top:-11px; z-index:6; } .partnerDown .ul_3 .slick-next{ left:auto; right:-42px; background-position:right center; } .partnerDown .ul_3 .slick-prev:hover, .partnerDown .ul_3 .slick-next:hover{ background-image:url(../images/index15_h.jpg);} @media screen and (max-width:1221px ) { .partnerDown .ul_3 .slick-prev{ left:0;} .partnerDown .ul_3 .slick-next{ right:0;} } @media screen and (max-width:767px ) { .partnerDown{ margin-top:0px;} } /*鍏充簬鎴戜滑*/ .aboutHead{ width:100%; float:left;} .aboutHead h3{ width:100%; float:left; font-size:30px; color:#ab1032; line-height:44px; letter-spacing:1px;} .aboutHead h4{ width:100%; float:left; font-size:16px; color:#999; line-height:30px;} .about1{ width:100%; float:left; margin-top:72px;} .about1 .text{ width:100%; float:left; margin-top:17px; font-size:16px; color:#666; line-height:22px;} .about2{ width:100%; float:left; margin-top:54px;} .row_1{ margin:0 -10px;} .about2 .ul_2{ position:relative;} .about2 .ul_2 li{ padding:0 10px; width:100%;} .about2 .ul_2 li a{ padding-bottom:0; overflow:hidden;} .about2 .ul_2 li .text{ height:79px; position:relative; left:auto; bottom:auto; float:left; overflow:visible; padding:17px 18px 10px 18px; border-top:0; -webkit-transition: all 0s ease-out 0s; -moz-transition: all 0s ease-out 0s; -o-transition: all 0s ease-out 0s; transition: all 0s ease-out 0s;} .about2 .ul_2 li .text:before{ content:''; background:url(../images/ny26.png) no-repeat center center; width:33px; height:13px; position:absolute; left:50%; top:-13px; margin-left:-16.5px;} .about2 .ul_2 li a .img img{transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} .about2 .ul_2 li a:hover .img img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} .about2 .ul_2 li .text .jj{ display:block; font-size:16px; color:#666; line-height:23px; height:46px; overflow:hidden; margin-top:0;} @media screen and (min-width:1024px ) { .about2 .ul_2 li a:hover .text:before{ background-image:url(../images/ny27.png);} .about2 .ul_2 li a:hover .text{ height:79px; background:#ab1032;} .about2 .ul_2 li a:hover .text .jj{ color:white;} } .about2 .ul_2 .slick-prev, .about2 .ul_2 .slick-next { position: absolute; left:-42px; top: 50%; display: block; width: 22px; height: 22px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; background:url(../images/index15.jpg) no-repeat left center; margin-top:-11px; z-index:6; } .about2 .ul_2 .slick-next{ left:auto; right:-42px; background-position:right center; } .about2 .ul_2 .slick-prev:hover, .about2 .ul_2 .slick-next:hover{ background-image:url(../images/index15_h.jpg);} @media screen and (max-width:1221px ) { .about2 .ul_2 .slick-prev{ left:0;} .about2 .ul_2 .slick-next{ right:0;} } @media screen and (max-width:1023px ) { .aboutHead h3{ font-size:20px; line-height:34px;} .aboutHead h4{ font-size:14px; line-height:24px;} .about1{ margin-top:42px;} .about1 .text{ margin-top:12px; font-size:14px;} .about2{ margin-top:34px;} .about2 .ul_2 li a .text:before{ background-image:url(../images/ny26.png);} } @media screen and (max-width:767px ) { .about1{ margin-top:22px;} .about2{ margin-top:14px;} .row_1{ margin:0 -5px;} .about2 .ul_2 li{ padding:0 5px;} .about2 .ul_2 li .text{ height:55px; padding:10px 10px 10px 10px;} .about2 .ul_2 li .text .jj{ font-size:12px; line-height:19px; height:36px; } } .about3{ width:100%; float:left; margin-top:60px; position:relative; padding-bottom:75px;} .about3:before{ content:''; background:#efefef; width:85.13%; position:absolute; left:0; top:0; height:100%; z-index:1;} .about3 .about3Head{ position:relative; z-index:2; float:left; width:34.2%; background:#ab1032; padding:66px 50px 55px 50px;} .about3 .about3Head .logo1{ width:100%; float:left; height:60px;} .about3 .about3Head .logo1 img{ height:100%;} .about3 .about3Head h4{ width:100%; float:left; margin-top:12px; font-size:21px; color:white; line-height:40x; letter-spacing:1px;} .about3 .about3Head h5{ width:100%; float:left; font-size:16px; color:white; line-height:36px; letter-spacing:1px;} .about3 h1{ position:absolute; left:40px; bottom:20px; line-height:0; z-index:3;} .about3 .img{ float:right; width:65.8%; position:relative; z-index:2;} .about3 .img img{ width:100%; float:left;} @media screen and (max-width:1199px ) { .about3 .about3Head{ padding:66px 40px 55px 40px;} } @media screen and (max-width:1023px ) { .about3{ margin-top:30px; padding-bottom:45px;} .about3 .about3Head{ padding:46px 20px 35px 20px;} .about3 .about3Head .logo1{ height:40px;} .about3 .about3Head h4{ margin-top:8px; font-size:16px; line-height:30x;} .about3 .about3Head h5{ font-size:14px; line-height:30px;} .about3 h1{ height:60px;} .about3 h1 img{ height:100%;} } @media screen and (max-width:767px ) { .about3{ margin-top:20px; padding-bottom:0;} .about3 .about3Head{ padding:26px 20px 15px 20px; width:100%; text-align:right;} .about3 .about3Head .logo1{ height:40px;} .about3 .about3Head h4{ margin-top:8px; font-size:16px; line-height:30x;} .about3 .about3Head h5{ font-size:14px; line-height:30px;} .about3 .img{ width:100%;} .about3 h1{ height:40px; top:40px; bottom:auto; left:20px;} } .about4{ margin:52px 0 78px 0;} .about4 ul{ width:100%; float:left; margin-top:24px; text-align:center;} .about4 ul li{ width:25%; float:left; text-align:center; position:relative;} .about4 ul li:before{ content:''; width:1px; height:70%; position:absolute; left:0; top:20%; background:#e5e5e5;} .about4 ul li h2{ width:100%; font-size:50px; color:#ab1032; line-height:62px; font-weight:bold;} .about4 ul li h2 span{ font-size:18px; margin-left:5px; font-weight:normal;} .about4 ul li h5{ width:100%; margin-top:10px; font-size:18px; color:#333; line-height:22px;} .about4 ul li:first-child,.about4 ul li:last-child{ width:12.5%;} .about4 ul li:first-child{ text-align:left;} .about4 ul li:last-child{ text-align:right;} .about4 ul li:first-child:before{ display:none;} @media screen and (max-width:1023px ) { .about4{ margin:32px 0 48px 0;} .about4 ul li h2{ font-size:30px; line-height:42px;} .about4 ul li h2 span{ font-size:16px;} .about4 ul li h5{ font-size:16px;} } @media screen and (max-width:767px ) { .about4{ margin:12px 0 28px 0;} .about4 ul{ margin-top:14px;} .about4 ul li{ width:33.33%; margin-top:10px;} .about4 ul li:first-child, .about4 ul li:last-child{ text-align:center; width:33.33%;} .about4 ul li:nth-child(2){ width:66.66%;} .about4 ul li h2{ font-size:20px; line-height:32px;} .about4 ul li h2 span{ font-size:14px;} .about4 ul li h5{ font-size:14px;} .about4 ul li:nth-child(3):before{ display:none;} } /*鍏充簬DKSH*/ .about5{ text-align:center;} .about5 .text{ text-align:left; color:#333;} .about6.about3{ padding-top:72px; padding-bottom:0;} .about6.about3 .about3Head{ position:absolute; left:0; bottom:0;} .about6.about3 h1{ bottom:auto; top:30px;} @media screen and (max-width:767px ) { .about6.about3{ padding-top:0;} .about6.about3 .about3Head{ position:relative; left:auto; bottom:auto; float:left;} } .about7{ width:100%; float:left; margin-top:74px; text-align:center;} .about7 ul{ width:100%; float:left; margin-top:4px;} .about7 ul li{ width:33.33%; float:left; margin-top:30px; padding:0 15px;} .about7 ul li .zbox{ width:100%; float:left; height:119px; background:#efefef; padding:0 20px; line-height:119px; font-size:48px; color:#ab1032; font-weight:bold; font-family:Arial; overflow:hidden;} .about7 ul li .zbox i{ font-size:21px; font-weight:normal; font-style:normal; margin:0 5px;} .about7 ul li .zbox span{ display:inline-block; vertical-align:middle; font-size:16px; color:#333; line-height:24px; font-weight:normal; text-align:left; margin:0 5px; word-wrap:break-word; max-width:40%;} @media screen and (max-width:1023px ) { .about7{ margin-top:44px;} .about7 ul li{ width:100%; margin-top:10px;} .about7 ul li .zbox{ font-size:38px; height:90px; line-height:90px;} .about7 ul li .zbox i{ font-size:16px;} .about7 ul li .zbox span{ font-size:14px; line-height:22px;} } @media screen and (max-width:767px ) { .about7{ margin-top:24px;} .about7 ul li .zbox{ font-size:28px; height:70px; line-height:70px;} .about7 ul li .zbox i{ font-size:14px;} .about7 ul li .zbox span{ font-size:12px; line-height:20px; max-width:50%;} } .about8{ text-align:center; width:100%; float:left; margin-top:75px;} .aboutHead h5{ width:100%; float:left; margin-top:12px; font-size:16px; color:#666; line-height:24px;} .about8 ul{ width:100%; float:left; margin-top:5px;} .about8 ul li{ width:25%; float:left; margin-top:30px; padding:0 15px;} .about8 ul li .zbox{ width:100%; float:left; position:relative; padding-bottom:74.07%; overflow:hidden;} .about8 ul li .zbox img{ width:100%; position:absolute; left:0; top:0;} .about8 ul li .zbox .title{ position:absolute; left:0; bottom:0; background:black; background:rgba(0,0,0,0.6); color:white; font-size:16px; width:130px; height:51px; line-height:51px; -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;} .about8 ul li .zbox:hover .title{ width:100%;} @media screen and (max-width:1023px ) { .about8{ margin-top:45px;} .aboutHead h5{ margin-top:8px; font-size:14px; line-height:22px;} .about8 .row{ margin:0 -5px;} .about8 ul li{ margin-top:10px; padding:0 5px;} .about8 ul li .zbox .title{ font-size:14px; width:100px; height:41px; line-height:41px;} } @media screen and (max-width:767px ) { .about8{ margin-top:25px;} .aboutHead h5{ margin-top:4px; font-size:12px; line-height:20px;} .about8 ul li{ width:50%;} } .about9{ width:100%; float:left; margin:70px 0 100px 0; text-align:center;} .about9 ul{ width:100%; float:left; margin-top:6px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} .about9 ul li{ width:50%; float:left; margin-top:30px; padding:0 15px;} .about9 ul li .zbox{ width:100%; float:left; background:#efefef; padding:0 34px 0 52.35%; min-height:240px; position:relative;} .about9 ul li .zbox .img{ position:absolute; left:0; top:0; height:240px; width:47.12%; overflow:hidden;} .about9 ul li .zbox .img img{ max-width:none; width:270px; height:240px; position:absolute; left:50%; top:50%; margin:-120px 0 0 -135px;} .about9 ul li .zbox .text{ width:100%; float:left; text-align:left; padding-top:24px; padding-bottom:10px;} .about9 ul li .zbox .text .title{ width:100%; float:left; font-size:21px; color:#333; line-height:28px; padding-bottom:28px; background:url(../images/ny48.png) no-repeat left bottom;} .about9 ul li .zbox .text .p{ width:100%; float:left; margin-top:19px; font-size:16px; line-height:23px; color:#666;} @media screen and (max-width:1023px ) { .about9{ margin:30px 0 60px 0;} .about9 ul li{ width:100%; margin-top:10px;} .about9 ul li .zbox{ padding-left:0; padding-top:0;} .about9 ul li .zbox .img{ width:50%; padding-right:40px; position:relative; left:auto; top:auto; height:auto; float:left;} .about9 ul li .zbox .img img{ width:100%; height:auto; position:relative; left:auto; top:auto; float:left; margin:0;} .about9 ul li .zbox .text{ width:50%;} } @media screen and (max-width:767px ) { .about9{ margin:20px 0 40px 0;} .about9 ul li .zbox .img{ padding-right:15px;} .about9 ul li .zbox .text{ width:50%; padding-top:14px;} .about9 ul li .zbox .text .title{ font-size:16px; line-height:22px; padding-bottom:18px;} .about9 ul li .zbox .text .p{ margin-top:12px; font-size:14px; line-height:21px;} .about9 ul li .zbox{ min-height:0; padding-right:14px;} } /*.side_tit{ background: #989898; height: 42px; line-height: 42px; font-size: 16px; position:relative;} .side_tit span::after{ float: left; width: 15px; height: 8px; content: ''; position: absolute; right: 12px; top: 50%; margin-top: -4px; background: url(../images/xiap1.png) center no-repeat;} .side_tit .l1{ display: inline-block; height: 42px; line-height: 42px; position: relative; background: #989898; padding: 0 30px;} .side_tit .l1 a{ color: #fff; display: block; width: 100%;} .side_tit .l1:first-child a::before{ display: none;} .side_tit .l1 a::before{ content: ""; position: absolute; left: -18px; display: inline-block; width: 18px; height: 42px; background: url(../images/foot2.png) no-repeat right center; background-size: cover;} .side_tit .l1.on{ background: #ab1032;} .side_tit .l1.on a::before{ content: ""; position: absolute; left: -18px; display: inline-block; width: 18px; height: 42px; background: url(../images/foot3.png) no-repeat right center; background-size: cover;} .side_tit .l1.on:first-child a::before{ display: none;} .side_tit .l1.on a::after{ content: ""; position: absolute; right: -18px; display: inline-block; width: 18px; height: 42px; background: url(../images/foot1.png) no-repeat right center; background-size: cover;} @media screen and (max-width:1023px) { .side_tit .pz_SideLayer{ text-align:left;} } @media screen and (max-width:767px) { .side_tit{ height: 26px; line-height: 26px;} .side_tit .l1{ height: 26px; line-height: 26px; padding: 0 8px;} .side_tit .l1 a::before{ left: -11px; width: 11px; height: 26px;} .side_tit .l1.on a::before{ left: -11px; width: 11px; height: 26px;} .side_tit .l1.on a::after{ right: -11px; width: 11px; height: 26px;} }*/ .side_tit{ background: #989898; height: 42px; line-height: 42px; font-size: 16px; position:relative;} /*20220906satrt*/ .side_tit span::after{ float: left; width: 15px; height: 8px; content: ''; position: absolute; right: 12px; top: 50%; margin-top: -4px; background: url(../images/xiap1_1.png) center no-repeat;} /*20220906end*/ .side_tit{ } .side_tit a{ color: #fff; display: block; display: inline-block; height: 42px; line-height: 42px; position: relative; background: #989898; padding: 0 30px;} .side_tit a::before{ content: ""; position: absolute; left: -18px; display: inline-block; width: 18px; height: 42px; background: url(../images/foot2.png) no-repeat right center; background-size: cover;} .side_tit a.on{ background: #ab1032;} .side_tit a.on::before{ content: ""; position: absolute; left: -18px; display: inline-block; width: 18px; height: 42px; background: url(../images/foot3.png) no-repeat right center; background-size: cover;} .side_tit a.on:first-child:before{ display: none;} .side_tit a.on::after{ content: ""; position: absolute; right: -18px; display: inline-block; width: 18px; height: 42px; background: url(../images/foot1.png) no-repeat right center; background-size: cover;} /*20220905start*/ .side_tit a:last-child{ background: #BE0028;} /*20220905end*/ .side_tit a:last-child::before{ content: ""; position: absolute; left: -18px; display: inline-block; width: 18px; height: 42px; background: url(../images/foot3.png) no-repeat right center; background-size: cover;} /*20220905start*/ .side_tit a:last-child::after{ content: ""; position: absolute; right: -18px; display: inline-block; width: 18px; height: 42px; background: url(../images/foot1_1.png) no-repeat right center; background-size: cover;} /*20220905end*/ .side_tit a:first-child::before{ display: none;} @media screen and (max-width:1023px) { .side_tit .pz_SideLayer{ text-align:left;} } @media screen and (max-width:767px) { .side_tit{ height: 26px; line-height: 26px;} .side_tit a{ height: 26px; line-height: 26px; padding: 0 12px 0 10px; font-size:14px;} .side_tit a::before{ left: -11px; width: 11px; height: 26px;} .side_tit a:last-child::before{ left: -11px; width: 11px; height: 26px;} .side_tit a:last-child::after{ right: -11px; width: 11px; height: 26px;} } /* 澶ф槍鍗庡槈 */ .groupCon{ width:100%; float:left; margin-top:40px;} .groupCon .title{ font-size: 30px; color:#ab1032; padding-bottom: 15px; border-bottom: 3px solid #f6e7ea; position: relative;} .groupCon .title::after{ content: ""; display: block; width: 280px; height: 3px; background: #ab1032; position: absolute; bottom: -3px;} .groupCon .info{ font-size: 16px; line-height: 24px; margin: 15px 0 0 0;} .groupCon .bg{ margin: 30px 0 60px 0; background-size: cover; padding: 20px;} .groupCon .bg .kuang{ width: 100%; height: 100%; border: 1px solid #3e4a5b;} .groupCon .bg .text{ font-size: 24px; line-height: 36px; margin-top: 10px; text-align: center; color: #fff;} .groupCon .bg .more{ display: block; width: 140px; height: 42px; line-height: 42px; margin: 5px auto 12px auto; text-align: center; background:#ab1032;} .groupCon .bg .more .cen{ display: inline-block;} .groupCon .bg .more .ico{ display: block; float: left; width: 15px; height: 16px; margin-right: 10px; margin-top: 14px; background: url(../images/group2.png) no-repeat center; line-height: 0;} .groupCon .bg .more span{ display: block; float: left; color: #fff; font-size: 16px;} .groupCon .bg .more:hover{ box-shadow:3px 3px rgba(142,41,36,0.6);} @media screen and (max-width:1023px){ .groupCon{ width: 98%; margin: 20px auto 0 auto;} .groupCon .title{ font-size: 18px; padding-bottom: 10px;} .groupCon .title::after{ width: 180px;} .groupCon .info{ font-size: 14px; line-height: 24px;} .groupCon .bg{ margin: 15px 0 20px 0; padding: 10px;} .groupCon .bg .text{ font-size: 16px; line-height: 24px; margin-top: 10px;} .groupCon .bg .more{ width: 100px; height: 28px; line-height: 28px;} .groupCon .bg .more .ico{ width: 15px; height: 16px; margin-right: 5px; margin-top: 6px;} .groupCon .bg .more span{ font-size: 14px;} } .groupCon .title::after{ content: ""; display: block; width: 180px; height: 3px; background: #ab1032; position: absolute; bottom: -3px;} @media screen and (max-width:1023px){ .groupCon .title::after{ width: 110px;} } .about10{ width:100%; float:left; margin-top:56px;} .about10 li{ float:left; position:relative; overflow:hidden;} .about10 li.l1{ width:25.64%; height:550px; margin-right:0.85%;} .about10 li .img{ width:100%; height:100%; position:absolute; left:0; top:0;} .about10 li.l2{ width:47.86%; height:270px; margin-right:0.85%;} .about10 li.l3{ width:24.8%; height:270px;} .about10 li.l4{ width:45.13%; height:270px; margin-right:0.85%; background:url(../images/87-5.jpg); line-height:270px; text-align:center; margin-top:10px;} .about10 li.l5{ width:27.53%; height:270px; margin-top:10px;} .about10 li.l4 .text{ display:inline-block; vertical-align:middle; position:relative; width:100%;} .about10 li.l4 .text h3{ width:100%; color:white; letter-spacing:1px; font-size:24px; line-height:32px;} .about10 li.l4 .text h5{ width:100%; margin-top:3px; color:white; font-size:14px; line-height:24px; opacity:0.6; text-transform:uppercase;} .about10 li.l4 .text:before{ content:''; background:url(../images/87-6.png) no-repeat center center; width:40px; height:162px; position:absolute; left:50%; top:50%; margin:-81px 0 0 -20px;} .about2{ margin-bottom:82px;} @media screen and (max-width:1023px){ .about10 li.l1{ height:450px;} .about10 li.l2,.about10 li.l3,.about10 li.l4,.about10 li.l5{ height:220px;} .about10 li.l4{ line-height:220px;} .about10 li.l4 .text h3{ font-size:20px; line-height:26px;} .about10 li.l4 .text h5{ margin-top:2px; font-size:12px; line-height:20px;} .about10{ margin-top:36px;} .about2{ margin-bottom:42px;} } @media screen and (max-width:767px){ .about10 li.l1{ display:none;} .about10 li.l2{ width:53%; height:120px; margin-right:1%;} .about10 li.l3{ width:46%; height:120px;} .about10 li.l4{ width:51%; height:120px; margin-right:1%; margin-top:3px; line-height:120px;} .about10 li.l5{ width:48%; height:120px; margin-top:3px;} .about10 li.l4 .text{ padding:0 10px;} .about10 li.l4 .text h3{ font-size:14px; line-height:20px;} .about10 li.l4 .text h5{ font-size:10px; line-height:16px;} .about10 li.l4 .text:before{ display:none;} } .zy_banner{ float:left; width:100%; overflow:hidden; position:relative; z-index:8; } .zy_banner .slick-dots{ position: absolute; bottom: 25px; z-index: 10; height: 10px;} .zy_banner .slick-dots li{ vertical-align: top; width: 10px; height: 10px; background: #918f82; margin: 0 10px; border-radius: 50%; cursor: pointer; text-indent: -999px; overflow: hidden;} .zy_banner .slick-dots .slick-active{ background: #ab1032;} @media screen and (max-width:1023px ) { .zy_banner .slick-dots{ bottom: 10px; height: 6px;} .zy_banner .slick-dots li{ width: 6px; height: 6px; margin: 0 5px;} } /* 鍒嗛〉 */ .wack1{ float:left; width:100%; padding:40px 0 86px 0; text-align:center;} .pz_fy{ display:inline-block; *display:inline; *zoom:1;} .pz_fy a { float:left;padding:5px 10px ;line-height:30px; color:#323232; font-size:12px; margin:0 5px; border:solid 1px #e1e1e1;} .pz_fy a:hover{color:#fff; background-color:#ab1032; border-color:#ab1032;} .pz_fy span{ float:left; padding:5px 10px ; line-height:30px; color:#fff; font-size:12px; margin:0 5px;border-color:#ab1032; background-color:#ab1032; } @media screen and (max-width:1023px){ .wack1{padding:5% 0;} .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} .fy_pc a { float:left; width:32px; height:32px; line-height:30px; color:#323232; font-size:12px; margin:0 5px; border:solid 1px #e1e1e1;} .fy_pc a:hover{color:#fff; background-color:#ab1032; border-color:#ab1032;} .fy_pc span{ float:left; width:32px; height:32px; line-height:30px; color:#fff; font-size:12px; margin:0 5px;border-color:#ab1032; background-color:#ab1032; } } @media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}} @media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}} @media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}} @media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}} .search_ts{font-size:16px; color:#333; line-height:30px;} @media screen and (max-width:1023px){ .search_ts{ font-size:14px; padding-bottom:10px;} } .sitemap{ width:100%;float:left;} .sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; } .sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;} .sitemap li a:hover{color:#ab1032;} .sitemap li .font16{ font-size:16px; /*color:#135fb1*/} .sitemap li .font14{font-size:14px; } .sitemap li .font12{ font-size:12px; color:#999} .c_0100_6 .text .rich_media_content{ width:60%; margin:0 20%; } @media screen and (max-width:767px){ .c_0100_6 .text .rich_media_content{ width:100%; margin:0 ; } } /*20220905start*/ .pz_top .w_ts{width: 100%;position: relative;z-index: 20;} .pz_top .w_ts .cons{width: 100%;} .pz_top .w_ts .cons::after{content:"";display: block;clear: both;} .pz_top .w_ts .cons .qh_box{float: left;margin-right: 24px;position: relative;} .pz_top .w_ts .cons .qh_box ._ts{font-size: 0;} .pz_top .w_ts .cons .qh_box ._ts a{/*display: block;font-size: 0;*/padding-right:10px} .pz_top .w_ts .cons .qh_box ._ts a .words{font-size: 16px;color: #ffffff;line-height: 70px;display: inline-block;vertical-align: middle;margin-right: 10px;} .pz_top .w_ts .cons .qh_box ._ts a img{width: 15px;display: inline-block;vertical-align: middle;} .pz_top .w_ts .cons .qh_box ._bs{display: none; padding: 7px 0; width: 130px;position: absolute;left: 50%;top: 100%;background-color: #fff;border: 1px solid #ebebeb;margin-left: -65px;} .pz_top .w_ts .cons .qh_box ._bs a{display: block;font-size: 14px;color: #333;line-height: 26px;text-align: center;} .pz_top .w_ts .cons .qh_box ._bs a:hover{color: #be0028;} .pz_top .w_ts .cons .inputbox{float: left;position: relative;margin: 19px 7px 19px 0;} .pz_top .w_ts .cons .inputbox::after{content: "";display: block;width: 1px;height: 10px;background: #BDBAB9;position: absolute;left: 41px;top: 50%;margin-top: -5px;} .pz_top .w_ts .cons .inputbox input{width: 270px;height: 32px;background: #e5e5e5;padding: 0 20px 0 54px;font-size: 16px;color: #999999;} .pz_top .w_ts .cons .inputbox:hover input{background: #fff;} .pz_top .w_ts .cons .inputbox input::-webkit-input-placeholder{font-size: 16px;color: #999999;} .pz_top .w_ts .cons .inputbox input:-moz-placeholder{font-size: 16px;color: #999999;} .pz_top .w_ts .cons .inputbox input::moz-placeholder{font-size: 16px;color: #999999;} .pz_top .w_ts .cons .inputbox input:-ms-input-placeholder{font-size: 16px;color: #999999;} .pz_top .w_ts .cons .inputbox img{width: 16px;display: block;position: absolute;left: 13px;top: 50%;margin-top: -8px;} .pz_top .w_ts .cons .logo{float: left;width: 129px;height:20px;margin-top:25px;} .pz_top .w_bs{position: relative;z-index: 10;} @media screen and (max-width: 1024px){ .pz_top .w_bs{width: auto;float: left;} .pz_top .w_ts{width: auto;float: right;background: rgba(255,255,255,0)!important;} .pz_top .w_ts .cons .logo{width: 113px;height:20px;margin-top:20px;} .pz_top .w_ts .cons .qh_box{display: none;} .pz_top .w_ts .cons .inputbox{display: none;} .pz_top{background: #000;} } /*20220905end*/ .new_wind{width:800px;margin:0 auto} /*20221223start*/ .index1 .head li{ width:25%; font-size:20px;} .menu .nli{ width:13.8857%; /*width:12.5%;*/} .menu_sub{ display:none; width:100%; position:absolute; left:0; top:100%; z-index:10; background:rgba(255,255,255,1); border-top:1px solid #e5e5e5;} .menu_sub .ul0{ z-index:5; float:left; width:100%; position:relative; display:flex; flex-wrap:nowrap; justify-content:center;} .menu_sub .ul0 .li{ float:left; width:25.4%; margin:0; border-right:1px solid #e5e5e5;} .menu_sub .ul0 .li:first-child{ border-left:1px solid #e5e5e5;} .menu_sub .ul0 .li span a{ float:left; width:100%; color:#555555; font-size:16px; line-height:28px; position:relative; padding:10px;} .menu_sub .ul0 .li span a:after{ float:right; content:''; position:absolute; left:50%; top:100%; margin-left:-6px; border-left:6px solid transparent; border-right:6px solid transparent;border-top:9px solid #be0028; opacity:0; } .menu_sub .ul0 .li.on span a, .menu_sub .ul0 .li:hover span a{ background:#be0028; color:#fff;} .menu_sub .ul0 .li.on span a:after, .menu_sub .ul0 .li:hover span a:after{ opacity:1;} .menu_sub .box{ z-index:4; float:left; width:100%; position:relative;} .menu_sub .ul3{ float:left; width:100%; padding:30px 0 23px 8%; border-top:1px solid #e5e5e5; position:absolute; left:0; top:0; z-index:1; opacity:0;} .menu_sub .ul3.on{ position:relative; z-index:6; opacity:6;} .menu_sub .ul3 li{ float:left; margin:5px 5%;} .menu_sub .ul3 li a{ float:left; color:#555555; font-size:14px; line-height:26px;} .menu_sub .ul3 li a:hover{ color:#be0028;} @media screen and (max-width: 1024px){ .index1 .head li{ font-size:16px;} .xialaph h5 a{ width:90%;} } @media screen and (max-width: 767px){ .index1 .head{ display:flex; overflow-x:auto;} .index1 .head::-webkit-scrollbar{ display: none;} .index1 .head li{ display:flex; white-space:nowrap; align-items:center; width:auto; padding:0 16px 0 12px; font-size:12px;} } ._Solution{ float:left; width:100%; margin:75px 0 0 0;} ._Solution .list{ float:left; width:100%; margin-top:25px;} ._Solution .list .img{ float:left; width:49.12%; position:relative; z-index:3;} ._Solution .list .img .ul{ float:left; width:100%; line-height:0; overflow:hidden;} ._Solution .list .img .ul a{ float:left; width:100%; position:relative; height:396px; overflow:hidden;flex-wrap:wrap; display: flex; align-items: center; justify-content:center;} ._Solution .list .img .ul a img{ display: flex; -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;} ._Solution .list .img .ul a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} ._Solution .list .title{ float:right; width:50.88%; position:relative; z-index:6; padding-left:29px;} ._Solution .list .title ul{ float:left; width:100%; margin-top:-19px;} ._Solution .list .title ul li{ float:left; width:100%; position:relative; margin-top:19px;} ._Solution .list .title ul li:after{ position:absolute; right:100%; top:0; content:''; width:0; height:100%; background:#ab1032;clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 50%); -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 50%); z-index:1; -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; } ._Solution .list .title ul li:before{ float:left; width:8px; height:8px; content:''; position:absolute; right:100%; top:50%; margin-top:-4px; background:#ffffff; border-radius:50%; z-index:3; -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; } ._Solution .list .title ul li a{ float:left; width:100%; position:relative; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; color:#555555; font-size:18px; line-height:30px; border:1px solid #e5e5e5; padding:16px 69px 16px 26px;} ._Solution .list .title ul li a:after, ._Solution .list .title ul li a:before{ float:left; width:19px; height:1px; content:''; position:absolute; right:25px; top:50%; background:#bdbdbd;} ._Solution .list .title ul li a:before{ width:1px; height:19px; margin-right:9px; transform:translateY(-50%); -ms-transform:translateY(-50%);} ._Solution .list .title ul li.on:after{ width:58px;} ._Solution .list .title ul li.on:before{ margin-right:25px;} ._Solution .list .title ul li.on a{ background:#ab1032; border:1px solid #ab1032; color:#fff;} ._Solution .list .title ul li.on a:after, ._Solution .list .title ul li.on a:before{ background:#fff;} @media screen and (max-width: 1200px){ ._Solution .list .img .ul a{ height:346px;} ._Solution .list .title ul li a{ font-size:16px; line-height:28px; padding:12px 51px 12px 16px;} } @media screen and (max-width: 1024px){ ._Solution{ margin:22px 0 0 0;} ._Solution .list{ margin-top:15px;} ._Solution .list .img .ul a{ height:260px;} ._Solution .list .title ul{ margin-top:-10px;} ._Solution .list .title ul li{ margin-top:10px;} ._Solution .list .title ul li a{ font-size:14px; line-height:26px; padding:8px 22px 8px 14px;} ._Solution .list .title ul li a:after, ._Solution .list .title ul li a:before{ width:11px; height:1px; right:10px;} ._Solution .list .title ul li a:before{ width:1px; height:11px; margin-right:5px;} } @media screen and (max-width: 767px){ ._Solution .list .title{ width:100%; padding-left:0;} ._Solution .list .title ul li:after{ clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 50%); -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 50%); } ._Solution .list .title ul li:before{ width:4px; height:4px; margin-top:-2px;} ._Solution .list .title ul li.on:after{ width:12px;} ._Solution .list .title ul li.on:before{ margin-right:-2px;} ._Solution .list .title ul li a{ font-size:14px; line-height:26px; padding:6px 22px 6px 14px;} ._Solution .list .img{ width:100%; margin-top:20px;} ._Solution .list .img .ul a{ height:auto;} } ._ul_3{ width:100%; float:left; padding:0 5px; display:flex; flex-wrap: wrap; align-items: flex-start;} ._ul_3 li{ width:25%; float:left; padding:0 10px; margin-top:20px;} ._ul_3 li a{ display:block; width:100%; float:left; position:relative; border:solid 1px #eee;} ._ul_3 li a .img{ width:100%; float:left; padding-bottom:74.86%; overflow:hidden; position:relative;} ._ul_3 li a .img img{ width:100%; position:absolute; left:0; top:0; min-height:100%;transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} ._ul_3 li a:hover .img img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} ._ul_3 li a .text{ float:left; width:100%; position:relative; background:#efefef; text-align:center; padding:18px 20px 16px 20px; -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;} ._ul_3 li a .text:before{ content:''; width:0; height:0; position:absolute; left:50%; top:-8px; margin-left:-7px; border-left:7px solid transparent; border-right:7px solid transparent;border-bottom: 8px solid #efefef; } ._ul_3 li a .text .title{ width:100%; font-size:16px; color:#333333; line-height:26px;} ._ul_3 li a .text .jj{ width:100%; font-size:14px; color:#888888; line-height:24px; margin-top:8px; } ._ul_3 li a:hover .text{ background:#ab1032;} ._ul_3 li a:hover .text .title{ color:white;} ._ul_3 li a:hover .text .jj{ color:white;} ._ul_3 li a:hover .text:before{border-bottom: 8px solid #ab1032;} @media screen and (max-width:1023px) { ._ul_3{ padding:0 5px;} ._ul_3 li{ padding:0 5px; margin-top:10px;} ._ul_3 li a{ padding-bottom:0;} ._ul_3 li a .text{ padding:10px 10px;} ._ul_3 li a .text .jj{ margin-top:0;} } @media screen and (max-width:767px) { ._ul_3{ padding:0 3px;} ._ul_3 li{ width:50%;} ._ul_3 li a .text{ height:auto;} ._ul_3 li a .text .title{ font-size:14px; line-height:24px;} ._ul_3 li a .text .jj{ font-size:12px; line-height:22px;} } ._ul_3_tab{ margin-bottom:80px;} ._ul_3_tab .slick-prev, ._ul_3_tab .slick-next { position: absolute; left:-42px; top: 50%; display: block; width: 22px; height: 22px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; background:url(../images/index15_1.jpg) no-repeat left center; margin-top:-11px; z-index:6; } ._ul_3_tab .slick-next{ left:auto; right:-42px; background-position:right center; } ._ul_3_tab .slick-prev:hover, ._ul_3_tab .slick-next:hover{ background:url(../images/index15_h_1.jpg) no-repeat left center;} ._ul_3_tab .slick-next:hover{ background-position:right center;} ._in_title{ float:left; width:100%; margin-top:55px; border-bottom:1px solid #e5e5e5; display:flex; justify-content:space-between; align-items:flex-end;} ._in_title .tit{ float:left; position:relative; color:#ab1032; font-size:24px; line-height:34px; padding-bottom:20px; border-bottom:1px solid #ab1032; margin-bottom:-1px; z-index:3;} ._in_title .more{ float:right; color:#ab1032; font-size:14px; line-height:24px; text-transform:uppercase; margin-bottom:5px;} @media screen and (max-width:1221px ) { ._ul_3_tab .slick-prev{ left:0;} ._ul_3_tab .slick-next{ right:0;} ._in_title .tit{ font-size:18px; line-height:28px; padding-bottom:10px;} } @media screen and (max-width:1023px) { ._ul_3_tab{ margin-bottom:30px;} ._in_title{ margin-top:20px;} } ._Solution_det{ float:left; width:100%; margin-top:75px;} ._Solution_det .main_1{ float:left; width:100%; position:relative; border-bottom:solid 1px #e5e5e5; padding-bottom:25px;} ._Solution_det h1{ width:100%; float:left; font-size:30px; color:#333333; line-height:38px; padding-right:100px;} ._Solution_det .p{ float:left; line-height:24px; font-size:14px; color:#888888; margin-top:20px; } ._Solution_det .p span{ float:left; margin-right:28px; display:flex;align-items:center;} ._Solution_det .p span img{ max-width:none; width:18px; margin-right:7px;} ._Solution_det .btn1{ float:right; position:absolute; right:0; top:7px;} ._Solution_det .btn1 img{ vertical-align:middle; margin-left:10px; margin-top:-3px;} ._Solution_det .btn1 a{ color:#777;} ._Solution_det .btn1 a:hover{ color:#ab1032;} ._Solution_det .text{ width:100%; float:left; margin-top:24px; font-size:16px; color:#555555; line-height:29px;} ._Solution_det .xiazai{ width:100%; float:left; margin-top:52px;} ._Solution_det .xiazai a{ float:left; padding:6px 33px; background:#ab1032; font-size:16px; color:#fff; line-height:36px; display: flex; align-items: center;} ._Solution_det .xiazai a img{ display:flex; max-width:none; width:22px; margin-left:9px;} @media screen and (max-width:1023px) { ._Solution_det{ margin-top:30px;} ._Solution_det h1{ font-size:24px; line-height:32px;} ._Solution_det .p{ margin-top:10px;} ._Solution_det .main_1{ padding-bottom:12px;} ._Solution_det .text{ margin-top:18px; font-size:14px; line-height:26px;} ._Solution_det .xiazai{ margin-top:20px;} ._Solution_det .xiazai a{ padding:6px 25px; font-size:14px; line-height:24px;} } @media screen and (max-width:767px) { ._Solution_det h1{ font-size:18px; line-height:26px; padding-right:0;} ._Solution_det .p{ font-size:12px; width:100%;} ._Solution_det .p span{ margin-right:18px;} ._Solution_det .btn1{ top:auto; bottom:10px;} ._Solution_det .btn1 img{ width:30px;} ._Solution_det .text{ font-size:12px; line-height:22px;} } .comlb{ float:right; color:#555555; font-size:14px; line-height:24px; margin:19px 0;} .comlb a{ color:#555555;} .comlb a.on, .comlb a:hover{ color:#ab1032;} @media screen and (max-width:1023px) { .comlb{ display:none;} } ._Solution_list{ float:left; width:100%;} ._Solution_list ul{ float:left; width:100%;} ._Solution_list ul li{ float:left; width:100%; position:relative;} ._Solution_list ul .dowld{ float:left; width:30px; position:absolute; right:20px; top:27px; line-height:0;} ._Solution_list ul .la{ float:left; width:100%; position:relative; padding:26px 185px 29px 38px; border-bottom:1px solid #e5e5e5;} ._Solution_list ul .la:after{ float:left; width:9px; height:15px; content:''; position:absolute; left:10px; top:50%; margin-top:-8px; background:url(../images/ico3.png) right center no-repeat;} ._Solution_list ul li:first-child .la{border-top:1px solid #e5e5e5;} ._Solution_list ul li:hover .la{ background:#efefef; border-bottom:1px solid #efefef;} ._Solution_list ul li:hover:first-child .la{border-top:1px solid #efefef;} ._Solution_list ul .la .tit{ float:left; width:100%; color:#000000; font-size:16px; line-height:24px; font-weight:bold;} ._Solution_list ul .la .text{ float:left; width:100%; display:flex; flex-wrap:nowrap; color:#ab1032; font-size:16px; line-height:24px; margin:14px 0;} ._Solution_list ul .la .text span{ background:#ab1032; color:#fff; margin-right:12px; padding:0 5px;} ._Solution_list ul .la .p{ float:left; width:100%; color:#888888; font-size:16px; line-height:24px; height:48px; overflow:hidden;} ._Solution_list-1{ margin-top:29px;} ._Solution_list-1 ul{ display:flex; flex-wrap:wrap; justify-content:space-between;} ._Solution_list-1 ul li{ width:48.9%;} ._Solution_list-1 ul li:nth-child(2) .la{border-top:1px solid #e5e5e5;} ._Solution_list-1 ul li:hover:nth-child(2) .la{border-top:1px solid #efefef;} @media screen and (max-width:1023px) { ._Solution_list ul .dowld{ width:22px; right:10px; top:17px;} ._Solution_list ul .la{ padding:15px 44px 15px 29px;} ._Solution_list ul .la .tit{ font-size:14px; line-height:22px;} ._Solution_list ul .la .text{ font-size:14px; line-height:22px; margin:8px 0;} ._Solution_list ul .la .text span{ margin-right:8px;} ._Solution_list ul .la .p{ font-size:14px; line-height:22px; height:44px;} } @media screen and (max-width:767px) { ._Solution_list ul .la .text{ font-size:12px; line-height:20px; } ._Solution_list ul .la .p{ font-size:12px; line-height:20px; height:40px; } ._Solution_list-1{ margin-top:10px;} ._Solution_list-1 ul li{ width:100%;} ._Solution_list-1 ul li:nth-child(2) .la{border-top:none;} ._Solution_list-1 ul li:hover:nth-child(2) .la{border-top:none;} } ._selact01{ float:left; width:100%; margin:35px 0 47px 0;} ._selact01 .li{ float:left; width:100%; position:relative; margin-top:40px;} ._selact01 .li .tit{ float:left; position:relative; color:#000000; font-size:16px; line-height:24px; margin-top:5px;} ._selact01 .li .tit span{ display:inline-flex; background:#ab1032; color:#fff; padding:0 6px;} ._selact01 .ul{ float:left; width:100%;flex-wrap:wrap; display: flex; margin-top:5px; overflow:hidden; height:129px; } ._selact01 .active .ul{ height:auto;} ._selact01 .ul li{ float:left; width:12.7%; margin-top:15px; margin-right:1.85%; } ._selact01 .ul li:nth-child(7n){ margin-right:0;} ._selact01 .ul li a{ float:left; width:100%; text-align:center; color:#555555; font-size:14px; line-height:24px; } ._selact01 .ul li a i{ float:left; width:100%; border:1px solid #e5e5e5; line-height:0; overflow:hidden;-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; } ._selact01 .ul li a span{ float:left; width:100%; margin-top:8px; } ._selact01 .ul li a:hover, ._selact01 .ul li.on a{ color:#ab1032;} ._selact01 .ul li a:hover i, ._selact01 .ul li.on a i{ border:1px solid #ab1032;} ._selact01 .dl{ float:left; width:-webkit-calc(100% + 36px); width:-moz-calc(100% + 36px); width:calc(100% + 36px); margin-top:17px; } ._selact01 .dl dd{ float:left; margin-right:36px; margin-top:5px; } ._selact01 .dl dd a{ float:left; color:#555; font-size:14px; line-height:24px; } ._selact01 .dl dd.on a, ._selact01 .dl dd:hover a{ color:#ab1032; text-decoration:underline;} ._selact01 .zhankai{ float:right; position:absolute; right:0; color:#ab1032; z-index:6; cursor:pointer; font-size:14px; line-height:34px; padding-right:18px;} ._selact01 .zhankai:after{ float:right; content:''; position:absolute; right:0; top:50%; margin-top:-2px; border-left:5px solid transparent; border-right:5px solid transparent;border-top:5px solid #ab1032; } ._selact01 .box{ float:left; width:100%; position:relative;} ._selact01 .dl1{ float:left; width:100%; background:#efefef; margin-top:20px; padding:10px 30px; position:absolute; left:0; top:0; z-index:1; opacity:0; } ._selact01 .dl1.on{ position:relative; z-index:6; opacity:1;} ._selact01 .dl1 dd{ float:left; margin:5px 17px; } ._selact01 .dl1 dd a{ float:left; color:#555; font-size:14px; line-height:24px; } ._selact01 .dl1 dd.on a, ._selact01 .dl1 dd:hover a{ color:#ab1032; text-decoration:underline;} ._selact01 .li .tit-1{ width:auto; margin-right:28px;} ._selact01 .dl-0{ height:24px; overflow:hidden;} ._selact01 .active .dl-0{ height:auto;} ._selact01 .dl-1{ margin-top:0; width:auto;} ._selact01 .dl-1 dd a{ position:relative;} ._selact01 .dl-1 dd a:after{ float:right; content:''; position:absolute; left:50%; top:100%; margin-top:11px; margin-left:-7px; border-left:7px solid transparent; border-right:7px solid transparent;border-bottom:9px solid #efefef; opacity:0; } ._selact01 .dl-1 dd.on a:after{ opacity:1;} @media screen and (max-width:1023px) { ._selact01{ margin:10px 0 25px 0;} ._selact01 .li{ margin-top:20px;} ._selact01 .ul{ height:118px; } ._selact01 .active .ul{ height:auto;} ._selact01 .ul li{ width:19%; margin-top:10px; margin-right:1.25%; } ._selact01 .ul li a{ line-height:20px;} ._selact01 .ul li:nth-child(7n){ margin-right:1.25%;} ._selact01 .ul li:nth-child(5n){ margin-right:0%;} ._selact01 .dl{ width:-webkit-calc(100% + 16px); width:-moz-calc(100% + 16px); width:calc(100% + 16px); margin-top:10px; } ._selact01 .dl dd{ margin-right:16px; margin-top:5px; } ._selact01 .dl1{ margin-top:20px; padding:5px 8px; } ._selact01 .dl1 dd{ margin:2px 8px; } ._selact01 .li .tit-1{ width:auto; margin-right:14px;} ._selact01 .dl-1{ margin-top:0; width:auto;} } @media screen and (max-width:767px) { ._selact01 .ul li{ width:32%; margin-top:10px; margin-right:2%; } ._selact01 .ul li a i{ height:60px;flex-wrap:wrap; display: flex; align-items: center; justify-content:center;} ._selact01 .ul li a i img{ max-height:100%;} ._selact01 .ul li a span{ min-height:40px;} ._selact01 .ul li:nth-child(7n){ margin-right:2%;} ._selact01 .ul li:nth-child(5n){ margin-right:2%;} ._selact01 .ul li:nth-child(3n){ margin-right:0;} } /*20221223end*/