/*common start*/ .scroll::-webkit-scrollbar { /*滚动条整体样式*/ width:4px; /*高宽分别对应横竖滚动条的尺寸*/ height:1px; } .scroll::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius:10px; /*box-shadow:inset 0 0 2px #000;*/ background:var(--primary-color); } .scroll::-webkit-scrollbar-track { /*滚动条里面轨道*/ /*box-shadow:inset 0 0 2px #999;*/ border-radius:10px; background:#eee; } /*@font-face { font-family: 'SourceHanSansCN'; src: url('../fonts/SourceHanSansCN-Light.eot'); src: url('../fonts/SourceHanSansCN-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceHanSansCN-Light.woff2') format('woff2'), url('../fonts/SourceHanSansCN-Light.woff') format('woff'), url('../fonts/SourceHanSansCN-Light.ttf') format('truetype'), url('../fonts/SourceHanSansCN-Light.svg#SourceHanSansCN-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'SourceHanSansCN'; src: url('../fonts/SourceHanSansCN-Regular.eot'); src: url('../fonts/SourceHanSansCN-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceHanSansCN-Regular.woff2') format('woff2'), url('../fonts/SourceHanSansCN-Regular.woff') format('woff'), url('../fonts/SourceHanSansCN-Regular.ttf') format('truetype'), url('../fonts/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'SourceHanSansCN'; src: url('../fonts/SourceHanSansCN-Bold.eot'); src: url('../fonts/SourceHanSansCN-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceHanSansCN-Bold.woff2') format('woff2'), url('../fonts/SourceHanSansCN-Bold.woff') format('woff'), url('../fonts/SourceHanSansCN-Bold.ttf') format('truetype'), url('../fonts/SourceHanSansCN-Bold.svg#SourceHanSansCN-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }*/ :root{ --primary-color:#007BC7; --secondary-color:#0050A4; --third-color:#ff8a00; --fourth-color:#74b4fb; --black000:#000; --black333:#333; --black666:#666; --black999:#999; --grayeee:#eee; --grayccc:#ccc; --grayaaa:#aaa; --grayf5:#f5f5f5; --white:#fff; --red:#f00; --black-opacity99:rgba(0,0,0,.99); --black-opacity90:rgba(0,0,0,.9); --black-opacity70:rgba(0,0,0,.7); --black-opacity50:rgba(0,0,0,.5); --black-opacity10:rgba(0,0,0,.1); --black-gradation90:linear-gradient(180deg,transparent,rgba(0,0,0,.9)); --white-opacity99:rgba(255,255,255,.99); --white-opacity90:rgba(255,255,255,.9); --white-opacity90:rgba(255,255,255,.7); --white-opacity50:rgba(255,255,255,.5); --white-opacity10:rgba(255,255,255,.1); --white-gradation90:linear-gradient(180deg,transparent,rgba(255,255,255,.9)); --font48:48px; --font36:36px; --font32:32px; --font24:24px; --font20:20px; --font18:18px; --font16:16px; --font14:14px; } body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;} body{ font-size:12px;/* font-family: 'SourceHanSansCN';*/ font-family: Arial,'Microsoft YaHei'; color:#333; overflow-x:hidden; min-height:101vh;} a{ color:#666;} a:hover{ color:var(--primary-color); text-decoration:none;} p{line-height:1.5em; padding:5px 0;} .clear{ margin:0; padding:0; font-size:0; clear:both; } .wapper1{ width:90%; margin:0 auto;} .wapper2{ width:78%; margin:0 auto;} .wapper3{ width:70%; margin:0 auto;} input,textarea,select{outline:none;/* font-family: 'SourceHanSansCN';*/ font-family: Arial,'Microsoft YaHei'; font-size:14px;} input,input:link,input:visited,input:hover,input:active,input:focus{ outline:none;} img{object-fit: cover; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor;} .xiangqing img{ width:auto !important; height:auto !important; max-width:100%;} @media(max-width:999px){ p{ padding:0;} .wapper1{ width:90%; } .wapper2{ width:90%; } .wapper3{ width:90%; } :root{ --font48:28px; --font36:24px; --font32:22px; --font24:20px; --font20:18px; --font18:16px; --font16:14px; --font14:12px; } } /*common end*/ .html{ opacity:1; visibility:visible; transition:all 2s ease;} .html.onload{ opacity:0; visibility:hidden;} .loading_box{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:999999; transition:all .5s ease;} .loading_box.removeload{ transform:translateY(-100%); opacity:0; visibility:hidden;} .loading_close1{ width:100%; height:100%; background:#fff; position:absolute; top:0; left:0; z-index:1;} .loadingbg{ width:90%; max-width:750px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;} .loading{ text-align:center; } .loading_logo{ width:200px; height:200px; position:relative; margin:0 auto;} .loading_logo img{ max-width:50%; max-height:50%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .loading_logo:before{ } .loading_txt{ font-size:20px; line-height:30px; margin-top:55px; color:var(--primary-color); } .loadEffect { width: 100%; height: 100%; position:absolute; top:0; left:0;} .loadEffect div{ width: 100%; height: 100%; position: absolute; -webkit-animation: load 2s linear infinite; } .loadEffect div span{ display: inline-block; width: 20px; height: 20px; border-radius: 50%; background: var(--primary-color); position: absolute; left: 50%; margin-top: -10px; margin-left: -10px; } @-webkit-keyframes load{ 0%{ -webkit-transform: rotate(0deg); } 10%{ -webkit-transform: rotate(45deg); } 50%{ opacity: 1; -webkit-transform: rotate(160deg); } 62%{ opacity: 0; } 65%{ opacity: 0; -webkit-transform: rotate(200deg); } 90%{ -webkit-transform: rotate(340deg); } 100%{ -webkit-transform: rotate(360deg); } } .loadEffect div:nth-child(1){ -webkit-animation-delay:0.2s; } .loadEffect div:nth-child(2){ -webkit-animation-delay:0.4s; } .loadEffect div:nth-child(3){ -webkit-animation-delay:0.6s; } .loadEffect div:nth-child(4){ -webkit-animation-delay:0.8s; } @media(max-width:999px){ .loading_txt{ font-size:16px; line-height:26px; margin-top:35px;} } .m10_more1{} .m10_more1 a{ display:inline-block; border-radius:50px; background:var(--secondary-color); color:#fff; box-shadow:0px 0px 7px rgba(0, 123, 199, 0.2); overflow:hidden; position:relative;} .m10_more1 a:hover{ color:var(--secondary-color);} .m10_more1 span{ display:block; font-size:.84vw; width:9.38vw; line-height:3.5em; text-align:center; cursor:pointer; position:relative; z-index:2;} .m10_more1 a:before{ content:""; width:calc(100% - 4px); height:calc(100% - 4px); border-radius:50px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(0); z-index:1; transition:all .3s ease;} .m10_more1 a:hover:before{ transform:translate(-50%,-50%) scale(1);} .m10_more1 span i{ margin-left:.52vw; transition:all .3s ease;} .m10_more1 a:hover span i{ transform:translateX(.52vw);} @media(max-width:999px){ .m10_more1 span{ font-size:14px; width:160px; line-height:46px; } .m10_more1 span i{ margin-left:5px; } .m10_more1 a:hover span i{ transform:translateX(5px);} } .m10_headbg{ width:100%; background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, 0.04); position:fixed; z-index:55; left:0; top:0;} .m10_head{ height:100px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .m10_head .logo{ width:25%; height:100px; position:relative; } .m10_head .logo img{ display:block; max-width:100%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .m10_head .rt{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .h_phone_open{ width:30px; height:20px; background:url(../images/hico_tel.png); background-size:contain; cursor:pointer;} .h_phone_box{ width:100%; padding:5.2vw 0; background:#fff; box-shadow:0px 4px 10px 0 #f9f9f9; position:absolute; top:100%; left:0; display:none;} .h_phone_close{ width:33px; height:33px; border:1px solid rgba(0, 0, 0, 0.15); border-radius:100%; background:url(../images/chahao2.png) center no-repeat; cursor:pointer; transition:all .3s ease; position:absolute; top:30px; right:5%;} .h_phone_close:hover{ border-color:var(--primary-color); background-color:var(--primary-color); background-image:url(../images/chahao.png);} .h_phone_con{ width:90%; max-width:1200px; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: flex-start; align-items: flex-start;} .h_phone_box .h_phone_lt{ width:50%;} .h_phone_box .h_phone_lt .h2{ font-size:1.36vw; line-height:1.2em; margin-bottom:1.82vw;} .h_phone_box .h_phone_lt ul li{ font-size:.84vw; line-height:1.8em; color:#666; margin-bottom:1.04vw;} .h_phone_box .h_phone_lt ul li span{ display:inline-block; width:3.5em;} .h_phone_box .h_phone_lt ul li strong{ vertical-align:middle; font-weight:normal; color:var(--primary-color); font-size:1.36vw;} .h_phone_box .h_phone_lt .m10_more1{ margin-top:2.6vw;} .h_phone_box .h_phone_rt{ width:40%;} .h_phone_box .h_phone_rt .h2{ font-size:1.36vw; line-height:1.2em; margin-bottom:1.82vw;} .h_phone_box .h_phone_rt .message_h{} .h_phone_box .h_phone_rt .message_h form{} .h_phone_box .h_phone_rt .message_h form ul li{ margin-bottom:.78vw;} .h_phone_box .h_phone_rt .message_h form .input_text{ border:1px solid rgba(0, 0, 0, 0.15); background:#fff; height:2.86vw; line-height:2.86vw; padding:0 1.04vw; width:calc(100% - 2.08vw - 2px); border-radius:4px;} .h_phone_box .h_phone_rt .message_h form textarea{ border:1px solid rgba(0, 0, 0, 0.15); background:#fff; height:5.2vw; line-height:2.86vw; padding:0 1.04vw; width:calc(100% - 2.08vw - 2px); border-radius:4px;} .h_phone_box .h_phone_rt .message_h form .input_button{ display:inline-block; border-radius:50px; border:none; background:var(--secondary-color); color:#fff; box-shadow:0px 0px 7px rgba(0, 123, 199, 0.2); overflow:hidden; position:relative;} .h_phone_box .h_phone_rt .message_h form .input_button:hover{ color:var(--secondary-color);} .h_phone_box .h_phone_rt .message_h form .input_button span{ display:block; font-size:.84vw; width:9.38vw; line-height:3.5em; text-align:center; cursor:pointer; position:relative; z-index:2;} .h_phone_box .h_phone_rt .message_h form .input_button:before{ content:""; width:calc(100% - 4px); height:calc(100% - 4px); border-radius:50px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(0); z-index:1; transition:all .3s ease;} .h_phone_box .h_phone_rt .message_h form .input_button:hover:before{ transform:translate(-50%,-50%) scale(1);} .h_search_open{ position:relative; border-radius:50px; background:var(--primary-color); color:#fff; box-shadow:0px 0px 7px rgba(0, 123, 199, 0.2); overflow:hidden; margin-left:1.3vw;} .h_search_open:hover{ color:var(--primary-color);} .h_search_open span{ display:block; font-size:.84vw; width:6.25vw; line-height:3em; text-align:center; cursor:pointer; position:relative; z-index:2;} .h_search_open:before{ content:""; width:calc(100% - 4px); height:calc(100% - 4px); border-radius:50px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(0); z-index:1; transition:all .3s ease;} .h_search_open:hover:before{ transform:translate(-50%,-50%) scale(1);} .h_search_open i{ margin-right:.52vw;} .h_search_box{ width:100%; padding:5.2vw 0; background:#fff; box-shadow:0px 4px 10px 0 #f9f9f9; position:absolute; top:100%; left:0; display:none;} .h_search_close{ width:33px; height:33px; border:1px solid rgba(0, 0, 0, 0.15); border-radius:100%; background:url(../images/chahao2.png) center no-repeat; cursor:pointer; transition:all .3s ease; position:absolute; top:30px; right:5%;} .h_search_close:hover{ border-color:var(--primary-color); background-color:var(--primary-color); background-image:url(../images/chahao.png);} .h_search_box form{ width:90%; max-width:1150px; margin:0 auto; height:60px; border-bottom:1px solid rgba(0, 0, 0, 0.15);} .h_search_box form #search_keywords2{ float:left; border:none; background:#fff; height:60px; line-height:60px; padding:0; width:calc(100% - 152px);} .h_search_box form #search2{ float:right; border:none; background:url(../images/top_search_btn2.png) center no-repeat; height:60px; width:60px; font-size:0; cursor:pointer; transition:all .3s ease; opacity:.7;} .h_search_box form #search2:hover{ opacity:1;} /*menu*/ .m10_head .menu{height:100px;line-height:100px; } .m10_head .menu>ul{} .m10_head .menu>ul>li{ float:left; position:relative; } .m10_head .menu>ul>li>a{ color:#333; display:block; font-size:16px; font-weight:bold; position:relative; padding:0 1.56vw;} .m10_head .menu>ul>li>a:hover,.m10_head .menu>ul>li:hover>a,.m10_head .menu>ul>li.hover>a{ color:var(--primary-color);} .m10_head .menu>ul>li>ul{ width:100%; background:#fff; padding:.52vw 0; border-radius:0 0 4px 4px; box-shadow:0px 5px 5px rgba(0, 0, 0, 0.05); position:absolute; top:100%; left:50%; transform:translate(-50%,0); z-index:5; display:none;} .m10_head .menu>ul>li>ul li{ position:relative; } .m10_head .menu>ul>li>ul li a{ color:#666; display:block; font-size:.72vw; font-weight:normal; padding:.52vw .26vw; line-height:1.5em; text-align:center;} .m10_head .menu>ul>li>ul li a:hover,.m10_head .menu>ul>li>ul li:hover>a{ color:var(--primary-color); } .m10_head .menu>ul>li>ul li ul{ width:100%; background:rgba(255,255,255,0.95); box-shadow:0 8px 16px rgba(0,0,0,0.1); position:absolute; top:0; left:100%; display:none;} .m10_head .menu>ul>li>ul li:hover>ul{ display:block;} .m10_head_height{ height:100px;} @media(max-width:999px){ .m10_head_height{ height:60px;} .m10_head{ height:60px;} .m10_head .logo{ width:50%; height:60px; } .m10_head .menu{ display:none;} .m10_head .rt{ display:none;} } /*nav*/ .m10_head .nav_open{ width:24px; height:18px; cursor:pointer; display:none; position:relative; } .m10_head .nav_open i,.m10_head .nav_open:before,.m10_head .nav_open:after{ width:24px; height:2px; background:#999; position:absolute; left:0; transition:all .3s ease;} .m10_head .nav_open i{ top:50%; transform:translate(0,-50%);} .m10_head .nav_open:before{ content:""; top:0; } .m10_head .nav_open:after{ content:""; bottom:0; } .m10_head .nav_open.active i{ opacity:0; visibility:hidden;} .m10_head .nav_open.active:before{transform: translateY(8px) rotate(45deg);} .m10_head .nav_open.active:after{transform: translateY(-8px) rotate(-45deg);} .m10_head .nav_box{ width:100%; height:calc(100% - 61px); border-top:1px solid #ededed; position:fixed; left:0; top:60px; display:none;} .m10_head .nav_close1{ width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:998;} .m10_head .navbg{ width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:999;} .m10_head .nav{ position:relative;} .m10_head .nav_close2{ display:none;} .m10_head .nav_list{ max-height:calc(100vh - 60px); overflow-y:auto;} .m10_head .nav_list ul{ } .m10_head .nav_list ul li{ padding:5px 5%;} .m10_head .nav_list>ul>li{ border-bottom:1px solid #ededed; padding:10px 5%;} .m10_head .nav_list ul li span{ display:block; position:relative;} .m10_head .nav_list ul li span a{ display:inline-block; font-size:12px; line-height:22px; position:relative; z-index:2;} .m10_head .nav_list>ul>li>span a{ font-size:14px; line-height:24px; font-weight:normal;} .m10_head .nav_list ul li span i{ width:100%; height:100%; background:url(../images/ico_down1.png) right center no-repeat; position:absolute; top:0; right:0; z-index:1;} .m10_head .nav_list ul li ul{ padding:5px 0 0 0; display:none;} .m10_head .nav_list ul li.active>span>i{ background-image:url(../images/ico_up1.png);} @media(max-width:999px){ .m10_head .nav_open{ display:block;} } /*banner*/ .m10_banner { overflow:hidden;} .m10_banner .swiper-container{} .m10_banner .swiper-slide { position:relative; overflow:hidden; z-index:1;} .m10_banner .swiper-slide.swiper-slide-active{ z-index:2;} .m10_banner .swiper-slide img{ display:block; width:100%; height:40vw; background:#0050A4; transform:scale(1.1); transition:all 4s ease;} .m10_banner .swiper-slide.swiper-slide-active img{ transform:scale(1);} .m10_banner .swiper-slide .txtbg{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);} .m10_banner .swiper-slide .txt{ color:#fff; text-align:center;} .m10_banner .swiper-slide .txt .h2{ display:none;} .m10_banner .swiper-slide .txt .h3{ font-size:2.6vw; line-height:1.2em; } .m10_banner .swiper-pagination{ height:10px; bottom:3.12vw;} .m10_banner .swiper-pagination span{ display:inline-block; vertical-align:top; width:10px; height:10px; border-radius:10px; margin:0 8px; background:#fff; opacity:1; transition:all .3s ease;} .m10_banner .swiper-pagination span.swiper-pagination-bullet-active{ width:24px; background:#fff; opacity:1;} .m10_banner .swiper-button-prev,.m10_banner .swiper-button-next{/* width:50px; height:50px; border-radius:100%; border:1px solid #fff;*/ background-size:15px 30px; opacity:0; transition:all .3s ease;} .m10_banner .swiper-button-prev{ left:5%; transform:translateX(-100%);} .m10_banner .swiper-button-next{ right:5%; transform:translateX(100%);} .m10_banner:hover .swiper-button-prev,.m10_banner:hover .swiper-button-next{ opacity:.7; transform:translateX(0) !important;} .m10_banner .swiper-button-prev:hover,.m10_banner .swiper-button-next:hover{ opacity:1;} @media(max-width:999px){ .m10_banner .swiper-slide img{ height:120vw;} .m10_banner .swiper-slide .txt .h3{ font-size:26px; line-height:1.2em; } .m10_banner .swiper-pagination{ bottom:35px;} } .m10_tit1{} .m10_tit1 .h3{ color:var(--primary-color); font-size:.84vw; line-height:1.8em; padding-left:3.64vw; position:relative; margin-bottom:.78vw;} .m10_tit1 .h3:before{ content:""; width:2.86vw; height:1px; background:var(--primary-color); position:absolute; left:0; top:50%; transform:translateY(-50%);} .m10_tit1 .h2{ font-size:1.78vw; line-height:1em; font-weight:bold;} .m10_tit2{} .m10_tit2 .h3{ color:#fff; font-size:.84vw; line-height:1.8em; padding-left:3.64vw; position:relative; margin-bottom:.78vw;} .m10_tit2 .h3:before{ content:""; width:2.86vw; height:1px; background:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%);} .m10_tit2 .h2{ font-size:1.78vw; line-height:1em; font-weight:bold;} @media(max-width:999px){ .m10_tit1 .h3{ font-size:14px; line-height:1.8em; padding-left:40px; margin-bottom:10px;} .m10_tit1 .h3:before{ width:30px; height:1px; } .m10_tit1 .h2{ font-size:24px; line-height:1em;} .m10_tit2 .h3{ font-size:14px; line-height:1.8em; padding-left:40px; margin-bottom:10px;} .m10_tit2 .h3:before{ width:30px; height:1px; } .m10_tit2 .h2{ font-size:24px; line-height:1em;} } .m10_con01bg{ padding:5.2vw 0;} .m10_con01{} .m10_con01_top{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: flex-start; align-items: flex-start;} .m10_con01_lt{ width:23%;} .m10_con01_rt{ width:68%;} .m10_con01_rt .txt{ font-size:16px; line-height:1.8em; margin-bottom:1.56vw;} .m10_con01_btm{ margin-top:-8vw;} .m10_con01_btm img{ display:block; width:100%;} @media(max-width:999px){ .m10_con01bg{ padding:40px 0;} .m10_con01_top{ display:block;} .m10_con01_lt{ width:100%; margin-bottom:15px;} .m10_con01_rt{ width:100%;} .m10_con01_rt .txt{ font-size:14px; line-height:1.8em; margin-bottom:20px;} .m10_con01_btm{ margin-top:0;} } .m10_con02bg{ padding:5.2vw 0; background:url(../images/index_ysbg.jpg) center no-repeat; background-size:cover; background-attachment:fixed; position:relative;} .m10_con02{ } .m10_con02 .m10_tit2{ color:#fff;} .m10_con02 .list{ margin-top:2.6vw;} .m10_con02 .list ul{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: flex-start; align-items: flex-start;} .m10_con02 .list ul li{ width:19%; background:#fff;} .m10_con02 .list ul li .nr_box{ } .m10_con02 .list ul li .imgbg{ margin-bottom:1.04vw;} .m10_con02 .list ul li .img{ margin:0 auto;/* width:6.25vw; height:6.25vw; border-radius:100%; background:var(--primary-color);*/ padding-bottom:56%; overflow:hidden; position:relative;} .m10_con02 .list ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;} .m10_con02 .list ul li:hover .img img{/* transform:rotate(360deg);*/ transform:scale(1.1);} .m10_con02 .list ul li .txtbg{ } .m10_con02 .list ul li .txt{ text-align:center;} .m10_con02 .list ul li .txt .h2{ font-size:1.04vw; line-height:1.5em; height:1.5em; margin-bottom:.52vw;} .m10_con02 .list ul li .txt .h3{ font-size:.84vw; line-height:1.8em; height:7.2em;} @media(max-width:999px){ .m10_con02bg{ padding:40px 0; } .m10_con02 .list ul{flex-wrap:wrap;} .m10_con02 .list ul li{ width:48%; margin:0 0 20px 0;} .m10_con02 .list ul li .txt .h2{ font-size:18px; line-height:1.5em; margin-bottom:5px;} .m10_con02 .list ul li .txt .h3{ font-size:14px; line-height:1.5em;} } .m10_con03bg{ padding:5.2vw 0;} .m10_con03{} .m10_con03 .list{ margin-top:2.08vw;} .m10_con03 .list ul{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: flex-start; align-items: flex-start;} .m10_con03 .list ul li{ width:28%; margin-left:1%; position:relative; overflow:hidden; transition:all .4s ease;} .m10_con03 .list ul li:nth-child(1){ margin-left:0;} .m10_con03 .list ul li .imgbg{} .m10_con03 .list ul li .img{ height:25vw; position:relative; overflow:hidden;} .m10_con03 .list ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; z-index:1;} .m10_con03 .list ul li .img:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,.1); position:absolute; top:0; left:0; z-index:2;} .m10_con03 .list ul li .nr_box1{ width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3; transition:all .4s ease;} .m10_con03 .list ul li .nr_box1 .ico{ height:3.12vw; position:relative; margin-bottom:1.3vw;} .m10_con03 .list ul li .nr_box1 .ico img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .m10_con03 .list ul li .nr_box1 .txt{ text-align:center; color:#fff;} .m10_con03 .list ul li .nr_box1 .txt .h2{ font-size:1.14vw; line-height:1.4em; height:1.4em; font-weight:bold;} .m10_con03 .list ul li .nr_box2{ width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3; opacity:0; visibility:hidden;} .m10_con03 .list ul li .nr_box2 .ico{ height:3.12vw; position:relative; margin-bottom:1.3vw;} .m10_con03 .list ul li .nr_box2 .ico img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;} .m10_con03 .list ul li .nr_box2 .txt{ color:#fff; padding:0 5%; width:60%;} .m10_con03 .list ul li .nr_box2 .txt .h2{ font-size:1.14vw; line-height:1.4em; height:1.4em; font-weight:bold; margin-bottom:1.04vw;} .m10_con03 .list ul li .nr_box2 .txt .h3{ font-size:.84vw; line-height:1.8em; margin-bottom:1.56vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .m10_con03 .list ul li.on{ width:44%;} .m10_con03 .list ul li.on .img:before{ background:rgba(0,0,0,.2);} .m10_con03 .list ul li.on .nr_box1{ opacity:0; visibility:hidden;} .m10_con03 .list ul li.on .nr_box2{ opacity:1; visibility:visible; transition:all .4s ease;} @media(max-width:999px) { .m10_con03bg{ padding:40px 0;} .m10_con03 .list{ margin-top:20px;} .m10_con03 .list ul{ display:block;} .m10_con03 .list ul li{ width:100% !important; margin:0 0 15px 0; } .m10_con03 .list ul li .img{ height:35vw; transition:all .4s ease;} .m10_con03 .list ul li .nr_box1 .ico{ height:40px; margin-bottom:1.3vw; margin-bottom:10px;} .m10_con03 .list ul li .nr_box1 .txt .h2{ font-size:18px; line-height:1.4em; height:1.4em; } .m10_con03 .list ul li .nr_box2 .ico{ height:60px; margin-bottom:15px;} .m10_con03 .list ul li .nr_box2 .txt{ width:100%;} .m10_con03 .list ul li .nr_box2 .txt .h2{ font-size:18px; line-height:1.4em; height:1.4em; margin-bottom:10px;} .m10_con03 .list ul li .nr_box2 .txt .h3{ font-size:14px; line-height:1.8em; margin-bottom:20px; } .m10_con03 .list ul li.on .img{ height:86vw; } } .m10_con04bg{ padding:5.2vw 0; background:#F8F8F8;} .m10_con04{} .m10_con04 .list{ margin-top:1.56vw;} .project_swiper{ position:relative; margin:0 -15px;} .project_swiper .swiper-container{ padding:0 15px;} .project_swiper .swiper-slide { position:relative; z-index:1; padding:20px 0;} .project_swiper .swiper-slide .nr_box{ display:block; border:1px solid #E5E5E5; transition:all .3s ease; overflow:hidden; position:relative;} .project_swiper .swiper-slide .nr_box:hover{ box-shadow:0px 5px 10px rgba(0, 80, 164, 0.2);} .project_swiper .swiper-slide .nr_box:before{ content:""; width:100%; height:.26vw; position:absolute; bottom:0; left:0; background: -moz-linear-gradient(0% 50% 0deg, #007ac6 0%, #0051a4 100%); background: -webkit-linear-gradient(0deg, #007ac6 0%, #0051a4 100%); background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, #007ac6), color-stop(1, #0051a4)); background: -o-linear-gradient(0deg, #007ac6 0%, #0051a4 100%); background: -ms-linear-gradient(0deg, #007ac6 0%, #0051a4 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#007AC6', endColorstr='#0051A4' ,GradientType=0)"; background: linear-gradient(90deg, #007ac6 0%, #0051a4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007AC6', endColorstr='#0051A4', GradientType=1);} .project_swiper .swiper-slide .img{ padding-bottom:70%; position:relative; overflow:hidden;} .project_swiper .swiper-slide .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;} .project_swiper .swiper-slide:hover .img img{ transform:scale(1.1);} .project_swiper .swiper-slide .txtbg{ padding:2.08vw 6%;} .project_swiper .swiper-slide .txt{ color:#666; height:7.82vw;} .project_swiper .swiper-slide .txt .h2{ font-size:.94vw; line-height:1.6em; color:#333; font-weight:bold; margin-bottom:.26vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .project_swiper .swiper-slide:hover .txt .h2{ color:var(--primary-color);} .project_swiper .swiper-slide .txt .h3{ font-size:.84vw; line-height:1.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} .project_swiper .swiper-slide .txt .h3 p{ padding:0; line-height:inherit;} .project_swiper .swiper-pagination{ display:none;} .project_swiper .swiper-pagination span{ } .project_swiper .swiper-pagination span.swiper-pagination-bullet-active{ } .project_swiper .swiper-button-prev,.project_swiper .swiper-button-next{/* width:50px; height:50px; border-radius:100%; border:1px solid #fff;*/ background-size:12px 20px; transition:all .3s ease; opacity:.5;} .project_swiper .swiper-button-prev{ left:0%; transform:translateX(-100%);} .project_swiper .swiper-button-next{ right:0%; transform:translateX(100%);} .project_swiper .swiper-button-prev:hover,.project_swiper .swiper-button-next:hover{ opacity:1;} @media(max-width:999px) { .m10_con04bg{ padding:40px 0; } .m10_con04 .list{ margin-top:10px;} .project_swiper{ margin:0 -5px;} .project_swiper .swiper-container{ padding:0 5px;} .project_swiper .swiper-slide { padding:20px 0;} .project_swiper .swiper-slide .nr_box:before{ height:4px;} .project_swiper .swiper-slide .txtbg{ padding:10px 5%;} .project_swiper .swiper-slide .txt{ height:140px;} .project_swiper .swiper-slide .txt .h2{ font-size:16px; line-height:1.6em; margin-bottom:5px; } .project_swiper .swiper-slide .txt .h3{ font-size:14px; line-height:1.8em; } .project_swiper .swiper-button-prev{ left:4%; transform:translateX(-100%);} .project_swiper .swiper-button-next{ right:4%; transform:translateX(100%);} } .m10_more2{} .m10_more2 span{ display:inline-block; font-size:.84vw; line-height:1.8em; color:var(--primary-color);} .m10_more2 span i{ margin-left:.52vw; transition:all .3s ease;} .m10_more2 span:hover i{ transform:translateX(.52vw);} .m10_con05bg{ padding:5.2vw 0; background:url(../images/index_newsbg.jpg) center no-repeat; background-size:cover;} .m10_con05{ color:#fff;} .m10_con05 .list{ margin-top:2.6vw;} .news_swiper{ position:relative; } .news_swiper .swiper-container{ } .news_swiper .swiper-slide { position:relative; z-index:1; } .news_swiper .swiper-slide .nr_box{ background:#fff;} .news_swiper .swiper-slide .imgbg{ } .news_swiper .swiper-slide .img{ padding-bottom:66%; position:relative; overflow:hidden; } .news_swiper .swiper-slide .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;} .news_swiper .swiper-slide:hover .img img{ transform:scale(1.1);} .news_swiper .swiper-slide .txtbg{ padding:.78vw 6% 1.82vw 6%;} .news_swiper .swiper-slide .txt{ color:#666; height:8.86vw;} .news_swiper .swiper-slide .txt .date{ font-size:.84vw; line-height:1.8em; color:#999; margin-bottom:.26vw;} .news_swiper .swiper-slide .txt .h2{ font-size:.94vw; line-height:1.6em; color:#333; font-weight:bold; margin-bottom:.26vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .news_swiper .swiper-slide:hover .txt .h2{ color:var(--primary-color);} .news_swiper .swiper-slide .txt .h3{ font-size:.84vw; line-height:1.8em; margin-bottom:.78vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .news_swiper .swiper-slide .txt .h3 p{ padding:0; line-height:inherit;} .news_swiper .swiper-pagination{ display:none;} .news_swiper .swiper-pagination span{ } .news_swiper .swiper-pagination span.swiper-pagination-bullet-active{ } .news_swiper .swiper-button-prev,.news_swiper .swiper-button-next{/* width:50px; height:50px; border-radius:100%; border:1px solid #fff;*/ background-size:12px 20px; transition:all .3s ease; opacity:.5;} .news_swiper .swiper-button-prev{ left:0%; transform:translateX(-100%);} .news_swiper .swiper-button-next{ right:0%; transform:translateX(100%);} .news_swiper .swiper-button-prev:hover,.news_swiper .swiper-button-next:hover{ opacity:1;} @media(max-width:999px) { .m10_more2 span{ font-size:14px; line-height:1.8em; } .m10_more2 span i{ margin-left:5px; } .m10_more2 span:hover i{ transform:translateX(5px);} .m10_con05bg{ padding:40px 0; } .m10_con05 .list{ margin-top:20px;} .news_swiper .swiper-slide .txtbg{ padding:20px 5% 25px 5%;} .news_swiper .swiper-slide .txt{ height:150px;} .news_swiper .swiper-slide .txt .date{ font-size:14px; line-height:1.8em; margin-bottom:5px;} .news_swiper .swiper-slide .txt .h2{ font-size:16px; line-height:1.6em; margin-bottom:5px; } .news_swiper .swiper-slide .txt .h3{ font-size:14px; line-height:1.8em; margin-bottom:15px; } .news_swiper .swiper-button-prev{ left:4%; transform:translateX(-100%);} .news_swiper .swiper-button-next{ right:4%; transform:translateX(100%);} } .m10_con06bg{ padding:5.2vw 0; background:#F8F8F8;} .m10_con06{ } .m10_con06 .list{ margin-top:2.08vw;} .m10_con06 .list ul{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: flex-start; align-items: flex-start; flex-wrap:wrap;} .m10_con06 .list ul li{ width:calc((100% - 125px)/6); margin:0 0 25px 25px; background:#fff;} .m10_con06 .list ul li:hover{ box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1);} .m10_con06 .list ul li:nth-child(6n-5){ margin-left:0;} .m10_con06 .list ul li .img{ padding-bottom:46%; position:relative; overflow:hidden;} .m10_con06 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;} .m10_con06 .list ul li:hover .img img{ transform:scale(1.1);} .m10_con06 .list ul li .txtbg{ display:none;} @media(max-width:999px) { .m10_con06bg{ padding:40px 0; } .m10_con06 .list{ margin-top:20px;} .m10_con06 .list ul li{ width:calc((100% - 30px)/3); margin:0 0 15px 15px; } .m10_con06 .list ul li:nth-child(6n-5){ margin-left:15px;} .m10_con06 .list ul li:nth-child(3n-2){ margin-left:0;} } .m10_footbg{ background:var(--secondary-color);} .m10_foot{ color:#fff;} .m10_foot a{ color:rgba(255,255,255,.7);} .m10_foot a:hover{ color:#fff;} .m10_foot_top{ padding:2.08vw 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .m10_foot_top .lt{ width:20%;} .m10_foot .f_logo{} .m10_foot .f_logo img{ max-width:100%;} .m10_foot .rt{ width:60%;} .m10_foot .f_message{ } .m10_foot .f_message form ul{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .m10_foot .f_message form ul li{ width:25%;/* margin-top:.52vw; height:2.08vw; line-height:2.08vw; background:#fff; border-radius:4px; overflow:hidden;*/} .m10_foot .f_message form ul li:last-child{ width:20%;} .m10_foot .f_message form .input_text{/* float:right; */border:none; background:#fff; height:2.6vw; line-height:2.6vw; padding:0 10px; width:calc(100% - 20px); border-radius:4px; display:block;} .m10_foot .f_message form textarea{/* float:right;*/ border:none; background:#fff; height:2.6vw; line-height:2.6vw; padding:0 10px; width:calc(100% - 20px); border-radius:4px; display:block;} .m10_foot .f_message form .input_text:-webkit-autofill,.message_banner form textarea:-webkit-autofill{ background:none; -webkit-box-shadow: 0 0 0px 1000px white inset;} .m10_foot .f_message form .input_button{ width:100%; border-radius:4px; border:none; background:var(--primary-color); color:#fff; box-shadow:0px 0px 7px rgba(0, 123, 199, 0.2); overflow:hidden; position:relative;} .m10_foot .f_message form .input_button:hover{ color:var(--primary-color);} .m10_foot .f_message form .input_button span{ display:block; font-size:.84vw; width:100%; line-height:2.6vw; text-align:center; cursor:pointer; position:relative; z-index:2;} .m10_foot .f_message form .input_button:before{ content:""; width:calc(100% - 4px); height:calc(100% - 4px); border-radius:4px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(0); z-index:1; transition:all .3s ease;} .m10_foot .f_message form .input_button:hover:before{ transform:translate(-50%,-50%) scale(1);} .m10_foot_btm{ border-top:1px solid rgba(255, 255, 255, 0.15); padding:.78vw 0;} .m10_foot .f_info{ text-align:center; font-size:.84vw; line-height:1.8em;} .m10_foot .f_info p{ line-height:inherit; padding:0;} @media(max-width:999px) { .m10_foot_top{ padding:20px 0; display:block;} .m10_foot_top .lt{ width:100%;} .m10_foot .f_logo img{ display:block; margin:0 auto; max-width:100%;} .m10_foot .rt{ width:100%;} .m10_foot .f_message form ul{ display:block;} .m10_foot .f_message form ul li{ width:100% !important; margin:10px 0;} .m10_foot .f_message form .input_text{ height:30px; line-height:30px; } .m10_foot .f_message form textarea{ height:60px; line-height:30px; } .m10_foot .f_message form .input_button span{ font-size:14px; line-height:30px; } .m10_foot_btm{ padding:10px 0;} .m10_foot .f_info{ font-size:12px; line-height:1.8em;} } .go_top{ width:50px; line-height:50px; border-radius:100%; text-align:center; color:#fff; background:rgba(0,0,0,.5) url(../images/ico_backtop.png) center no-repeat; position:fixed; z-index:44; bottom:10px; right:10px; font-size:0;} .go_top:hover{ background-color:var(--primary-color); color:#fff;} .go_top i{} @media(max-width:999px) { .go_top{ display:none;} } .m10_foot_sbjbg{ width:300px; background:rgba(0, 0, 0, 0.7); position:fixed; z-index:11; bottom:0; left:0; display:none;} .m10_foot_sbjbg .wapper1{ width:100%;} .m10_foot_sbj{ color:#fff; /*height:100px;*/ padding:0 20px 20px 0; position:relative; /*display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;*/} .m10_foot_sbj .foot_sbj_close{ width:20px; height:20px; background:url(../images/chahao.png) center no-repeat; cursor:pointer; position:absolute; top:5px; right:5px; transition:all .3s ease;} .m10_foot_sbj .foot_sbj_close:hover{ transform:rotate(180deg);} .m10_foot_sbj .txt{ padding:10px 0 0 0; text-align:center;} .m10_foot_sbj .txt .h2{ font-size:20px; line-height:24px; margin-bottom:5px;} .m10_foot_sbj .txt .h3{ font-size:12px; line-height:16px;} .m10_foot_sbj .txt .h3 span{ vertical-align:middle; font-size:16px; margin-left:5px;font-weight:500;} .m10_foot_sbj .message_f2{} .m10_foot_sbj .message_f2 ul{ /*display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;*/} .m10_foot_sbj .message_f2 ul li{ margin-left:20px; margin-top:10px;} .m10_foot_sbj .message_f2 .input_text{ border:1px solid #fff; background:none; height:30px; line-height:30px; padding:0 10px; width:calc(100% - 22px); border-radius:5px; color:#fff;} .m10_foot_sbj .message_f2 textarea{ border:1px solid #fff; background:none; height:60px; line-height:30px; padding:0 10px; width:calc(100% - 22px); border-radius:5px; color:#fff;} .m10_foot_sbj .message_f2 .input_button{ border:1px solid var(--primary-color); background:var(--primary-color); height:32px; line-height:30px; width:100%; border-radius:5px; color:#fff; font-size:16px; cursor:pointer; transition:all .3s ease;} .m10_foot_sbj .message_f2 .input_text::-webkit-input-placeholder,.m10_foot_sbj .message_f2 textarea::-webkit-input-placeholder{ color: #fff; } .m10_foot_sbj .message_f2 .input_text:-moz-placeholder,.m10_foot_sbj .message_f2 textarea:-moz-placeholder{ color: #fff; } .m10_foot_sbj .message_f2 .input_text::-moz-placeholder,.m10_foot_sbj .message_f2 textarea::-moz-placeholder{ color: #fff; } .m10_foot_sbj .message_f2 .input_text:-ms-input-placeholder,.m10_foot_sbj .message_f2 textarea:-ms-input-placeholder{ color: #fff; } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(0.9); transform: scale(0.9); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(0.9); transform: scale(0.9); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heart { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-iteration-count:infinite; } @media(max-width:999px) { .m10_foot_sbjbg{ display:none !important;} } /*客服*/ .m1_side_kefu_box{ width:70px; position:fixed; z-index:44; right:10px; bottom:50px; display:none;} .m1_side_kefu{ width:70px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.1); border-radius:8px; position:relative; right:0; transition:all .5s ease;} .m1_side_kefu.active{ right:-80px;} .m1_side_kefu ul li{ position:relative; padding:0 10px;} .m1_side_kefu ul li>a{ display:block; padding:10px 0; position:relative; z-index:2; border-top:1px solid #f5f5f5;} .m1_side_kefu ul li:nth-child(1)>a{ border:none;} .m1_side_kefu ul li .ico{ height:28px; position:relative;} .m1_side_kefu ul li .ico img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .m1_side_kefu ul li .ico .img2{ display:none;} .m1_side_kefu ul li:hover .ico .img1{ display:none;} .m1_side_kefu ul li:hover .ico .img2{ display:block;} .m1_side_kefu ul li .h2{ font-size:12px; line-height:1em; margin-top:10px; text-align:center;} .m1_side_kefu ul li:hover .h2{ color:var(--primary-color);} .m1_side_kefu ul li .boxbg{ width:fit-content; padding:0 10px 0 0; position:absolute; top:50%; right:100%; transform:translate(-50%,-50%); opacity:0; visibility:hidden; transition:all .5s ease;} .m1_side_kefu ul li:hover .boxbg{ transform:translate(0,-50%); opacity:1; visibility:visible;} .m1_side_kefu ul li .box{ width:fit-content; padding:10px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:4px;} .m1_side_kefu ul li .box:before { content: ""; border: 5px solid transparent; border-left: 5px solid #fff; position: absolute; top: 50%; margin-top: -5px; right: 0; } .m1_side_kefu ul li .box .h3{ white-space:nowrap; line-height:30px; font-size:20px; text-align:center; min-width:150px;} .m1_side_kefu ul li .box .h3 img{ vertical-align:top; height:30px; width:28px; object-fit:contain; margin-right:5px;} .m1_side_kefu ul li .box .ewm{ text-align:center;} .m1_side_kefu ul li .box .ewm .h4{ font-size:16px; margin-bottom:5px;} .m1_side_kefu ul li .box .ewm img{ display:block; margin:0 auto; width:124px; padding:5px; border:1px solid #ccc; border-radius:4px;} .m1_side_kefu_btn{ width:28px; height:28px; text-align:center; border-radius:100%; background:#fff; color:#999; box-shadow:0 0 10px rgba(0,0,0,.1); position:absolute; z-index:66; bottom:-38px; right:21px; cursor:pointer; transition:all .3s ease; } .m1_side_kefu_btn.active{transform:rotate(45deg);} .m1_side_kefu_btn i{ display:block; width:28px; height:28px; background:url(../images/ico_btn1.png) center no-repeat; background-size:contain; position:absolute; top:0; left:0;} .m1_side_kefu_btn.active{} .m1_side_kefu_btn i.m1_side_kefu_open{ display:none;} .m1_side_kefu_btn i.m1_side_kefu_close{} .m1_side_kefu_btn.active i.m1_side_kefu_open{ display:block;} .m1_side_kefu_btn.active i.m1_side_kefu_close{ display:none;} @media(max-width:999px) { .m1_fheight{ height:70px;} .m1_side_kefu_box{ width:100%; right:0; top:auto; bottom:0; transform:translateY(0); display:block;} .m1_side_kefu{ width:100%; border-radius:0;} .m1_side_kefu.active{ right:0 !important;} .m1_side_kefu ul li{ margin-bottom:0; float:left; width:25%; padding:0;} .m1_side_kefu ul li>a{ border:none; border-left: 1px solid #f5f5f5;} .m1_side_kefu ul li .h2{ font-size:12px; line-height:1em; margin-top:8px; } .m1_side_kefu ul li.gotop{ display:block !important;} .m1_side_kefu ul li .boxbg{ padding:0 0 10px 0; top:auto; bottom:100%; right:auto; left:50%; transform:translate(-50%,-20%) !important;} .m1_side_kefu ul li:hover .boxbg{ transform:translate(-50%,0) !important; } .m1_side_kefu ul li .box:before { border: 5px solid transparent; border-top: 5px solid #fff; position: absolute; top: auto; bottom:0; margin-top: 0; margin-left:-5px; right: auto; left:50%; } .m1_side_kefu ul li .box1{ display:none !important;} .m1_side_kefu_btn{ display:none;} } /*客服2*/ .m1_side_kefu2_box{ width:40px; position:absolute; top:50%; right:0; z-index:44; } .m1_side_kefu2{} .m1_side_kefu2 ul li{ width:40px; margin:1px 0; position:relative;} .m1_side_kefu2 ul li>a{ display:block; text-align:center; background:var(--primary-color); color:#fff; opacity:.9;} .m1_side_kefu2 ul li>a:hover,.m1_side_kefu2 ul li:hover>a{ background:var(--primary-color); color:#fff; opacity:.9;} .m1_side_kefu2 ul li .ico{ line-height:40px; font-size:20px;} .m1_side_kefu2 ul li .ico i{} .m1_side_kefu2 ul li .boxbg{ background:var(--primary-color); color:#fff; padding:5px 10px; text-align:center; position:absolute; top:50%; right:100%; transform:translate(-10%,-50%); opacity:0; visibility:hidden; transition:all .3s ease;} .m1_side_kefu2 ul li:hover .boxbg{ transform:translate(0,-50%); opacity:.9; visibility:visible;} .m1_side_kefu2 ul li .box1{} .m1_side_kefu2 ul li .box1 .h3{ white-space:nowrap; line-height:30px; font-size:20px; text-align:center; min-width:150px;} .m1_side_kefu2 ul li .box1 .h3 i{ margin-right:5px;} .m1_side_kefu2 ul li .box2{ padding:5px 10px 10px 10px;} .m1_side_kefu2 ul li .box2 .h4{ font-size:16px; margin-bottom:5px;} .m1_side_kefu2 ul li .box2 img{ display:block; width:124px;} @media(max-width:999px) { .m1_side_kefu2_box{ width:30px; display:none;} .m1_side_kefu2 ul li{ width:30px; } .m1_side_kefu2 ul li .ico{ line-height:30px; font-size:12px;} } .inbanner_box{ position:relative;} .inbanner img{ display:block; width:100%; } .inbarbg{ background: -moz-linear-gradient(0% 50% 0deg, #007ac6 0%, #0051a4 100%); background: -webkit-linear-gradient(0deg, #007ac6 0%, #0051a4 100%); background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, #007ac6), color-stop(1, #0051a4)); background: -o-linear-gradient(0deg, #007ac6 0%, #0051a4 100%); background: -ms-linear-gradient(0deg, #007ac6 0%, #0051a4 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#007AC6', endColorstr='#0051A4' ,GradientType=0)"; background: linear-gradient(90deg, #007ac6 0%, #0051a4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007AC6', endColorstr='#0051A4', GradientType=1);} .inbar{ height:70px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .weizhi{ font-size:.84vw; line-height:70px; color:#fff;} .weizhi a{ color:rgba(255,255,255,.9);} .weizhi a:hover{ color:#fff;} .weizhi i{ margin-right:.1vw;} .inner_menu{ font-size:.84vw; } .inner_menu ul{ height:70px; line-height:70px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .inner_menu ul li{ margin-right:1.56vw;} .inner_menu ul li a{ display:block; position:relative; color:rgba(255,255,255,.9);} .inner_menu ul li.hover a,.inner_menu ul li a:hover{ color:#fff;} .inner_menu ul li a:before{ content:""; width:0; height:2px; background:var(--primary-color); position:absolute; bottom:0; left:0; transition:all .3s ease;} .inner_menu ul li.hover a:before,.inner_menu ul li a:hover:before{ width:100%;} .inner_menu ul li ul{ display:none;} @media(max-width:999px) { .inbanner img{ width:100%; min-height:0;} .inbarbg{ width:100%; position:static; transform:translateX(0); border-bottom:1px solid #eee;} .inbar{ padding:0 5%; height:40px; } .weizhi{ font-size:12px; line-height:40px;} .weizhi i{ margin-right:2px;} .inner_menu{ display:none;} } .m10_insidebg{ padding:4.68vw 0;min-height: 40vh;} .m10_inside{} .m10_inside_lt{ float:left; width:240px;/* margin-top:-160px;*/} .m1_side_a{ width:240px; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.1); margin-bottom:30px; position:relative; z-index:11;} .m1_side_a.active{ position:fixed; top:100px;} .m1_side_a>ul{} .m1_side_a.active>ul{ max-height:calc(100vh - 100px); overflow-y:auto;} .m1_side_a h2{ font-size:20px; line-height:24px; padding:20px 15px; font-weight:normal; background:var(--primary-color); color:#fff; border-bottom:1px solid rgba(255,255,255,.5); letter-spacing:2px;} .m1_side_a h2 strong{ display:block; font-size:24px; line-height:28px;} .m1_side_a h2 span{ display:block; margin-top:6px; opacity:.7;} .m1_side_a ul li{} .m1_side_a>ul>li:nth-child(1){/* margin-bottom:10px; border:none;*/} .m1_side_a>ul>li{ border-bottom:1px solid #eee;} .m1_side_a>ul>li:last-child{ } .m1_side_a ul li a{ display:block; font-size:16px; line-height:26px; padding:7px 40px 7px 35px; background:url(../images/ico_list1.png) left 10px center no-repeat; } .m1_side_a ul li a:hover,.m1_side_a ul li.hover>span a{ color:#fff; background-color:var(--primary-color); background-image:url(../images/ico_list1_hover2.png);} .m1_side_a ul li.active>span a{ } .m1_side_a ul li span{ display:block; position:relative;} .m1_side_a ul li span>i{ width:40px; height:100%; position:absolute; right:0; top:0; z-index:2; cursor:pointer; background:url(../images/ico_list3.png) center no-repeat;} .m1_side_a ul li.active>span>i{ background-image:url(../images/ico_list3_hover.png);} .m1_side_a ul li.hover span>i{ background-image:url(../images/ico_list4.png);} .m1_side_a ul li.hover.active>span>i{ background-image:url(../images/ico_list4_hover.png);} .m1_side_a ul li ul{ padding-left:20px; padding-bottom:10px; display:none;} .m1_side_a ul li ul li{} .m1_side_a ul li ul li a{ padding-top:7px; padding-bottom:7px;} .m1_side_c{background:#fff;} .m1_side_c.lfixed{ position:fixed; left:0; bottom:0; background:#f5f5f5; z-index:22; transform:translateX(0); transition:all .3s ease;} .m1_side_c.lfixed.hiden{ transform:translateX(-240px);} .m1_side_c.lfixed.shown{ transform:translateX(0px);} .inLt_contact_btn{ position:absolute; top:0; left:100%; display:none;} .m1_side_c.lfixed .inLt_contact_btn{ display:block;} .inLt_contact_btn span{ display:block; text-align:center; font-size:12px; line-height:2em; padding:10px 5px; width:20px; background:var(--primary-color); color:#fff; border-radius:0 4px 4px 0; cursor:pointer;} .inLt_contact_btn .inLt_contact_close{ display:block;} .inLt_contact_btn .inLt_contact_open{ display:none;} .m1_side_c.lfixed .inLt_contact_btn .inLt_contact_close{ display:block;} .m1_side_c.lfixed .inLt_contact_btn .inLt_contact_open{ display:none;} .m1_side_c.lfixed.hiden .inLt_contact_btn .inLt_contact_close{ display:none;} .m1_side_c.lfixed.hiden .inLt_contact_btn .inLt_contact_open{ display:block;} .m1_side_c.lfixed.shown .inLt_contact_btn .inLt_contact_close{ display:block;} .m1_side_c.lfixed.shown .inLt_contact_btn .inLt_contact_open{ display:none;} .inLt_contact{/* background:#f5f5f5; border-radius:8px; padding:20px 0 10px 0;*/ width:240px;} .inLt_contact .h2{ font-size:18px; line-height:20px; padding:15px 0 15px 60px; background:#f5f5f5 url(../images/ico_phone2.png) left center no-repeat; background-size:auto 60px; color:var(--primary-color); position:relative; margin-bottom:15px;} .m1_side_c.lfixed .inLt_contact .h2{ border-bottom:1px solid #ddd;} .inLt_contact .h2:before{/* content:""; width:100%; border-bottom:1px solid #eee; position:absolute; left:0; bottom:-10px;*/} .inLt_contact .h2 span{ display:block; margin-bottom:6px;} .inLt_contact .h2 strong{ display:block; font-size:22px; line-height:24px;} .inLt_contact .h3{ font-size:16px; line-height:26px; font-weight:bold; padding:0 10px;} .inLt_contact ul{ padding:5px 10px 10px 10px;} .inLt_contact ul li{ font-size:14px; line-height:24px; margin:5px 0;} .inLt_contact ul li span{} .m10_inside_rt{ float:right; width:calc(100% - 280px);} @media(max-width:1699px){ .m1_side_c.lfixed{ transform:translateX(-240px); } .m1_side_c.lfixed .inLt_contact_btn .inLt_contact_close{ display:none;} .m1_side_c.lfixed .inLt_contact_btn .inLt_contact_open{ display:block;} } @media(max-width:999px) { .m10_insidebg{ padding:30px 0 60px 0;} .m10_inside_lt{ display:none;} .m10_inside_rt{ float:right; width:100%;} } .m10_news1{ } .m10_news1_lt{ float:left; /*width:calc(94% - 240px);*/width: 100%;} .m10_news1_rt{ float:right; width:240px;} .m1_side_b{ margin-bottom:30px;background:#fff;padding:10px;} .m1_side_b .h1{ font-size:var(--font20); line-height:24px; padding-left:30px; position:relative; border-bottom:1px solid #eee; padding-bottom:10px;} .m1_side_b .h1 i{ width:24px; height:24px; background:url(../images/ico_hot.png) center no-repeat; background-size:contain; position:absolute; left:0; top:0;} .m1_side_b .list{ margin-top:20px;} .m1_side_b .list ul li{ margin-bottom:10px; position:relative; border-radius:8px; overflow:hidden;} .m1_side_b .list ul li .nr_box{} .m1_side_b .list ul li .imgbg{ height:0; opacity:0; visibility:hidden; transform:translateY(50%); transition:all .5s ease;} .m1_side_b .list ul li .img{ padding-bottom:38%; position:relative; border-radius:8px; overflow:hidden;} .m1_side_b .list ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .m1_side_b .list ul li .txtbg{} .m1_side_b .list ul li .txt{} .m1_side_b .list ul li .txt .h2{ font-size:var(--font14); line-height:24px; height:24px; padding:0 0 0 30px; position:relative; color:#333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .m1_side_b .list ul li .txt .h2 em{ width:24px; height:24px; line-height:24px; border-radius:0 8px 0 8px; text-align:center; color:#999; font-style:normal; position:absolute; left:0; top:0;} .m1_side_b .list ul li .txt .h2 span{} .m1_side_b .list ul li.active .imgbg{ height:auto; opacity:1; visibility:visible; transform:translateY(0);} .m1_side_b .list ul li.active .txtbg{ width:100%; background:linear-gradient(180deg,transparent,rgba(0,0,0,.9)); position:absolute; bottom:0; left:0;} .m1_side_b .list ul li.active .txt .h2{ color:#fff;} .m1_side_b .list ul li:nth-child(1) .txt .h2 em{ color:#FE2D46;} .m1_side_b .list ul li:nth-child(2) .txt .h2 em{ color:#F60;} .m1_side_b .list ul li:nth-child(3) .txt .h2 em{ color:#FAA90E;} .m1_side_b .list ul li.active .txt .h2 em{ color:#fff;} .m1_side_b .list ul li.active:nth-child(1) .txt .h2 em{ background:#FE2D46;} .m1_side_b .list ul li.active:nth-child(2) .txt .h2 em{ background:#F60;} .m1_side_b .list ul li.active:nth-child(3) .txt .h2 em{ background:#FAA90E;} @media(max-width:999px){ .m10_news1_lt{ float:left; width:100%; } .m10_news1_rt{ float:right; width:100%; display:none;} } /*inner_news1*/ .m10_newslist{ } .m10_newslist ul li{ float:left; width:100%; margin:0 0 20px 0; padding:2.6vw 0; border-bottom:1px solid rgba(0, 0, 0, 0.15); position:relative;} .m10_newslist ul li:before{ content:""; width:0; height:1px; background:var(--primary-color); position:absolute; bottom:0; left:0; transition:all .3s ease;} .m10_newslist ul li:hover:before{ width:100%;} .m10_newslist ul li .nr_box{} .m10_newslist ul li .imgbg{ display:none;} .m10_newslist ul li .img{ position:relative; padding-bottom:66%; position:relative; overflow:hidden;} .m10_newslist ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;} .m10_newslist ul li:hover .img img{ transform:scale(1.1);} .m10_newslist ul li .txtbg{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: flex-start; align-items: flex-start;} .m10_newslist ul li .date{ width:4.42vw; height:4.42vw; border-radius:4px; font-size:12px; color:#fff; background: -moz-linear-gradient(0% 50% 0deg, #007ac6 0%, #0051a4 100%); background: -webkit-linear-gradient(0deg, #007ac6 0%, #0051a4 100%); background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, #007ac6), color-stop(1, #0051a4)); background: -o-linear-gradient(0deg, #007ac6 0%, #0051a4 100%); background: -ms-linear-gradient(0deg, #007ac6 0%, #0051a4 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#007AC6', endColorstr='#0051A4' ,GradientType=0)"; background: linear-gradient(90deg, #007ac6 0%, #0051a4 100%); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .m10_newslist ul li .date strong{ display:block;} .m10_newslist ul li .date span{ display:block; font-size:1.56vw;} .m10_newslist ul li .txt{ width:calc(100% - 6.25vw); color:#666;} .m10_newslist ul li .txt .h2{ font-size:1.36vw; line-height:1.2em; color:#333; margin-bottom:.52vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .m10_newslist ul li:hover .txt .h2{ color:var(--primary-color);} .m10_newslist ul li .txt .h3{ font-size:.84vw; line-height:1.8em; margin-bottom:1.04vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .m10_newslist ul li:nth-child(1){ width:calc((100% - 30px)/2); border:none;} .m10_newslist ul li:nth-child(2){ width:calc((100% - 30px)/2); border:none; margin-left:30px;} .m10_newslist ul li:nth-child(1),.m10_newslist ul li:nth-child(2){ box-shadow:0px 0px 10px rgba(0, 80, 164, 0.2); padding:0; margin-bottom:2.6vw;} .m10_newslist ul li:nth-child(1):before,.m10_newslist ul li:nth-child(2):before{ display:none;} .m10_newslist ul li:nth-child(1) .imgbg,.m10_newslist ul li:nth-child(2) .imgbg{ display:block;} .m10_newslist ul li:nth-child(1) .txtbg,.m10_newslist ul li:nth-child(2) .txtbg{ padding:1.04vw 3% 2.08vw 3%;} .m10_newslist ul li:nth-child(1) .txt,.m10_newslist ul li:nth-child(2) .txt{ height:10.42vw;} .m10_newslist ul li:nth-child(1) .txt .h2,.m10_newslist ul li:nth-child(2) .txt .h2{ font-size:1.56vw; line-height:1.5em; font-weight:bold;-webkit-line-clamp: 2;} .m10_newslist ul li:nth-child(1) .txt .h3,.m10_newslist ul li:nth-child(2) .txt .h3{ margin-bottom:.78vw;} @media(max-width:999px){ .m10_newslist ul li{ width:100% !important; margin:0 0 20px 0 !important; padding:20px 0; } .m10_newslist ul li .date{ width:60px; height:60px; border-radius:4px; font-size:12px; } .m10_newslist ul li .date span{ font-size:26px;} .m10_newslist ul li .txt{ width:calc(100% - 70px); } .m10_newslist ul li .txt .h2{ font-size:18px; line-height:1.2em; margin-bottom:5px; } .m10_newslist ul li .txt .h3{ font-size:14px; line-height:1.8em; margin-bottom:5px; } .m10_newslist ul li:nth-child(1),.m10_newslist ul li:nth-child(2){ margin-bottom:0;} .m10_newslist ul li:nth-child(1) .txtbg,.m10_newslist ul li:nth-child(2) .txtbg{ padding:10px;} .m10_newslist ul li:nth-child(1) .txt,.m10_newslist ul li:nth-child(2) .txt{ height:auto;} .m10_newslist ul li:nth-child(1) .txt .h2,.m10_newslist ul li:nth-child(2) .txt .h2{ font-size:18px; line-height:1.5em; } .m10_newslist ul li:nth-child(1) .txt .h3,.m10_newslist ul li:nth-child(2) .txt .h3{ margin-bottom:10px;} } .m10_newsdetail{} .m10_newsdetail .tit{ text-align:center;} .m10_newsdetail .tit .h2{ font-size:1.56vw; line-height:1.4em; font-weight:bold;} .m10_newsdetail .tit .h3{ font-size:.84vw; line-height:1.4em; color:#999; margin-top:5px;} .m10_newsdetail .tit .h3 span{ display:inline-block; margin:0 10px;} .m10_newsdetail .list1{ border-top:1px solid #eee; border-bottom:1px solid #eee; padding:2.08vw 0; margin:2.08vw 0 0 0;} @media(max-width:999px){ .m10_newsdetail .tit .h2{ font-size:20px; line-height:1.4em; } .m10_newsdetail .tit .h3{ font-size:12px; line-height:1.4em; margin-top:5px;} .m10_newsdetail .tit .h3 span{ margin:0 5px;} .m10_newsdetail .list1{ padding:20px 0; margin:20px 0 0 0;} } .prev_next{ font-size:.94vw; line-height:2.08vw; padding:2.6vw 0;} .prev_next a{ float:left; max-width:40%; height:2.08vw; background:#f5f5f5; text-align:center; border-radius:4px; padding:0 1.04vw; min-width:5.2vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .prev_next a:nth-child(2){ float:right; } @media(max-width:999px){ .prev_next{ font-size:14px; line-height:24px; padding:10px 0;} .prev_next a{ float:none !important; max-width:100%; height:24px; margin:10px 0; display:block; text-align:left !important; padding:0 5%;} } .m10_solution1bg{ padding:6.25vw 0;} .m10_solution1{} .m10_solution1 .list{ margin-top:2.6vw;} .m10_solution1 .list ul li{ margin-bottom:2.6vw;} .m10_solution1 .list ul li .nr_box{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .m10_solution1 .list ul li:nth-child(2n) .nr_box{ flex-direction:row-reverse;} .m10_solution1 .list ul li .imgbg{ width:48%;} .m10_solution1 .list ul li .img{ overflow:hidden;} .m10_solution1 .list ul li .img img{ display:block; width:100%; transition:all .3s ease;} .m10_solution1 .list ul li:hover .img img{ transform:scale(1.1);} .m10_solution1 .list ul li .txtbg{ width:48%;} .m10_solution1 .list ul li .txt{} .m10_solution1 .list ul li .txt .h2{ font-size:1.56vw; line-height:1.5em; font-weight:bold; margin-bottom:.78vw;} .m10_solution1 .list ul li .txt .h3{ font-size:.84vw; line-height:1.8em;} @media(max-width:999px){ .m10_solution1bg{ padding:40px 0;} .m10_solution1 .list{ margin-top:20px;} .m10_solution1 .list ul li{ margin-bottom:20px;} .m10_solution1 .list ul li .nr_box{ display:block;} .m10_solution1 .list ul li .imgbg{ width:100%; margin-bottom:10px;} .m10_solution1 .list ul li .txtbg{ width:100%;} .m10_solution1 .list ul li .txt .h2{ font-size:20px; line-height:1.5em; margin-bottom:5px;} .m10_solution1 .list ul li .txt .h3{ font-size:14px; line-height:1.8em;} } .m10_aboutus1bg{ padding:5.2vw 0;} .m10_aboutus1{} .m10_aboutus1 .list{ font-size:.84vw; line-height:1.8em; margin-top:.78vw;} .m10_aboutus1 .list2{ margin-top:-8vw;} .m10_aboutus1 .list2 img{ display:block; width:100%;} @media(max-width:999px){ .m10_aboutus1bg{ padding:40px 0;} .m10_aboutus1 .list{ font-size:14px; line-height:1.8em; margin-top:15px;} .m10_aboutus1 .list2{ margin-top:0;} } .m10_aboutus2bg{ padding:5.2vw 0; background:#F8F8F8;} .m10_aboutus2{ position:relative;} .m10_aboutus2 .list{ margin-top:1.56vw;} .brand_swiper{} .brand_swiper .swiper-container{} .brand_swiper .swiper-slide{} .brand_swiper .nr_box{ padding-top:4.68vw; position:relative;} .brand_swiper .imgbg{ position:relative;} .brand_swiper .img{ margin:0 auto; width:7.3vw; height:7.3vw; border:.52vw solid #fff; background:#fff; box-shadow:0 -5px 10px rgba(0, 0, 0, 0.0375); border-radius:100%; position:absolute; top:0; left:50%; transform:translate(-50%,-50%); transition:all .3s ease; overflow:hidden;} .brand_swiper .nr_box:hover .img{ border-color:var(--primary-color);} .brand_swiper .img img{ max-width:70%; max-height:70%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;} .brand_swiper .nr_box:hover .img img{ transform:scale(1.1);} .brand_swiper .txtbg{ background:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.0875); padding:4.94vw 5% .84vw 5%;} .brand_swiper .txt{ height:14.58vw;} .brand_swiper .txt .h2{ font-size:1.04vw; line-height:1.5em; text-align:center; margin-bottom:.52vw;} .brand_swiper .txt .h3{ font-size:.84vw; line-height:1.8em;} .brand_swiper .swiper-button-controls{ position:absolute; top:0; right:0;} .brand_swiper .swiper-pagination{ position:static; display:inline-block; height:14px; } .brand_swiper .swiper-pagination span{ display:inline-block; vertical-align:middle; width:6px; height:6px; border:2px solid transparent; border-radius:10px; margin:0 8px; background:#D9D9D9; opacity:1; transition:all .3s ease;} .brand_swiper .swiper-pagination span.swiper-pagination-bullet-active{ width:10px; height:10px; border-color:var(--priamry-color); background:transparent; opacity:1;} .brand_swiper .swiper-button-prev,.brand_swiper .swiper-button-next{ position:static; display:inline-block; vertical-align:top; width:14px; height:14px; margin:0; background-size:14px 14px; opacity:.7; transition:all .3s ease;} .brand_swiper .swiper-button-prev{ } .brand_swiper .swiper-button-next{ } .brand_swiper .swiper-button-prev:hover,.brand_swiper .swiper-button-next:hover{ opacity:1;} @media(max-width:999px){ .m10_aboutus2bg{ padding:40px 0; } .m10_aboutus2 .list{ margin-top:20px;} .brand_swiper .nr_box{ padding-top:70px; } .brand_swiper .img{ width:100px; height:100px; border:10px solid #fff; } .brand_swiper .txtbg{ padding:75px 5% 20px 5%;} .brand_swiper .txt{ height:190px;} .brand_swiper .txt .h2{ font-size:18px; line-height:1.5em; margin-bottom:10px;} .brand_swiper .txt .h3{ font-size:14px; line-height:1.8em;} } .m10_aboutus3bg{ padding:5.2vw 0; } .m10_aboutus3{ } .m10_aboutus3 .list{ margin-top:2.08vw;} .culture_gallery{ position:relative;} .culture_gallery-thumbs{ width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.3); position:absolute; top:0; left:0; z-index:2;} .culture_gallery-thumbs .swiper-container{} .culture_gallery-thumbs .swiper-slide{ height:3.9vw; line-height:3.9vw; text-align:center; cursor:pointer;} .culture_gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ background:var(--primary-color);} .culture_gallery-thumbs .h2{ font-size:16px; color:#fff;} .culture_gallery-top{} .culture_gallery-top .swiper-container{} .culture_gallery-top .swiper-slide{ position:relative;} .culture_gallery-top .nr_box{ } .culture_gallery-top .img{ padding-bottom:44%; position:relative;} .culture_gallery-top .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; background:#f9f9f9;} .culture_gallery-top .txtbg{ width:100%; height:calc(100% - 3.9vw); position:absolute; left:0; bottom:0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .culture_gallery-top .txt{ width:80%; color:#fff; font-size:1.46vw; line-height:1.2em;} .culture_gallery .swiper-pagination{ display:none;} .culture_gallery .swiper-button-prev,.culture_gallery .swiper-button-next{ display:none;} @media(max-width:999px){ .m10_aboutus3bg{ padding:40px 0; } .m10_aboutus3 .list{ margin-top:20px;} .culture_gallery-thumbs .swiper-slide{ height:50px; line-height:50px;} .culture_gallery-thumbs .h2{ font-size:15px; } .culture_gallery-top .img{ padding-bottom:80%; } .culture_gallery-top .txtbg{ width:100%; height:calc(100% - 50px); } .culture_gallery-top .txt{ width:90%; font-size:18px; line-height:1.2em;} } .m10_aboutus4bg{ padding:5.2vw 0; } .m10_aboutus4{ } .m10_aboutus4 .list{ margin-top:2.08vw; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .m10_aboutus4_lt{ width:48%;} .m10_aboutus4_lt .img{} .m10_aboutus4_lt .img img{ display:block; width:100%;} .m10_aboutus4_rt{ width:48%;} .m10_aboutus4_rt .txt{ font-size:16px; line-height:1.2em;} .m10_aboutus4_rt .txt p{ padding:0; line-height:inherit;} @media(max-width:999px){ .m10_aboutus4bg{ padding:40px 0; } .m10_aboutus4 .list{ margin-top:20px; display:block;} .m10_aboutus4_lt{ width:100%; margin-bottom:10px;} .m10_aboutus4_rt{ width:100%;} .m10_aboutus4_rt .txt{ font-size:14px; line-height:1.2em;} } .m10_aboutus5bg{ padding:5.2vw 0; background:url(../images/history_bg.jpg) center no-repeat; background-size:cover;} .m10_aboutus5{ color:#fff; position:relative;} .m10_aboutus5 .list{ margin-top:3.12vw; } .history_swiper{} .history_swiper .swiper-container:before{ content:""; width:100%; height:1px; background:rgba(255, 255, 255, 0.15); position:absolute; top:5.2vw; left:0;} .history_swiper .swiper-container{ position:relative;} .history_swiper .swiper-slide{ position:relative;} .history_swiper .swiper-slide:before{ content:""; width:1.04vw; height:1.04vw; border:2px solid #fff; border-radius:100%; background:var(--primary-color); position:absolute; left:0; top:5.2vw; transform:translateY(-50%);} .history_swiper .nr_box{} .history_swiper .h2{ font-size:3.12vw; line-height:1em; font-weight:bold;} .history_swiper .txtbg{ margin-top:5.2vw; padding-top:1.56vw; position:relative;} .history_swiper .txtbg:before{ content:""; border:1.56vw solid transparent; border-left-color:#fff; position:absolute; top:0; left:0;} .history_swiper .txt{ background:#fff; color:#333; padding:1.04vw 5%; font-size:.84vw; line-height:1.8em;} .history_swiper .txt p{ padding:0; line-height:inherit;} .history_swiper .swiper-button-controls{ position:absolute; top:25px; right:0;} .history_swiper .swiper-pagination{ position:static; display:inline-block; height:14px; } .history_swiper .swiper-pagination span{ display:inline-block; vertical-align:middle; width:6px; height:6px; border:2px solid transparent; border-radius:10px; margin:0 8px; background:#D9D9D9; opacity:1; transition:all .3s ease;} .history_swiper .swiper-pagination span.swiper-pagination-bullet-active{ width:10px; height:10px; border-color:var(--priamry-color); background:transparent; opacity:1;} .history_swiper .swiper-button-prev,.history_swiper .swiper-button-next{ position:static; display:inline-block; vertical-align:top; width:14px; height:14px; margin:0; background-size:14px 14px; opacity:.7; transition:all .3s ease;} .history_swiper .swiper-button-prev{ } .history_swiper .swiper-button-next{ } .history_swiper .swiper-button-prev:hover,.history_swiper .swiper-button-next:hover{ opacity:1;} @media(max-width:999px){ .m10_aboutus5bg{ padding:40px 0; } .m10_aboutus5 .list{ margin-top:30px; } .history_swiper .swiper-container:before{ top:60px; } .history_swiper .swiper-slide:before{ width:16px; height:16px; border:2px solid #fff; top:60px; transform:translateY(-50%);} .history_swiper .h2{ font-size:30px; line-height:1em; } .history_swiper .txtbg{ margin-top:60px; padding-top:30px; } .history_swiper .txtbg:before{ border:28px solid transparent; border-left-color:#fff; } .history_swiper .txt{ padding:20px 5%; font-size:14px; line-height:1.8em;} } .m10_join1bg{ padding:5.2vw 0;} .m10_join1{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .m10_join1_lt{ width:48%;} .m10_join1_lt .list{ margin-top:1.3vw;} .m10_join1_lt .list .h2{ font-size:1.14vw; line-height:1.8em; font-weight:bold; color:var(--primary-color); margin-bottom:1.56vw; padding-right:60px; } .m10_join1_lt .list .h3{ font-size: .84vw; line-height:1.8em; padding-right:60px; background:url(../images/ico_right1.png) right top no-repeat;} .m10_join1_rt{ width:48%;} .m10_join1_rt .txt{ font-size:3.9vw; line-height:1em; height:2em; font-weight:bold; color:#fff; text-shadow:0 0 1px #000;} .m10_join1_rt .txt span{ display:block; transition:all .3s ease;} .m10_join1_rt .txt span:nth-child(2){ margin-left:4em;} @media(max-width:999px){ .m10_join1bg{ padding:40px 0;} .m10_join1{ display:block;} .m10_join1_lt{ width:100%; margin-bottom:20px;} .m10_join1_lt .list{ margin-top:20px;} .m10_join1_lt .list .h2{ font-size:16px; line-height:1.8em; margin-bottom:10px; } .m10_join1_lt .list .h3{ font-size: 14px; line-height:1.8em; } .m10_join1_rt{ width:100%;} .m10_join1_rt .txt{ font-size:40px; line-height:1em; height:2em; } .m10_join1_rt .txt span:nth-child(2){ margin-left:4em;} } .m10_join2bg{ padding:5.2vw 0; background:var(--primary-color) url(../images/employee_bg.png) center no-repeat; background-size:cover;} .m10_join2{ color:#fff; position:relative;} .m10_join2 .list{ margin-top:2.08vw;} .employee_gallery{} .employee_gallery-thumbs{ position:absolute; top:0; right:0; z-index:2;} .employee_gallery-thumbs .swiper-container{} .employee_gallery-thumbs .swiper-slide{ line-height:1.8em; text-align:center; cursor:pointer; width:auto !important; margin-left:1.56vw;} .employee_gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ } .employee_gallery-thumbs .h2{ font-size:1.04vw; color:#fff; position:relative; padding-bottom:8px;} .employee_gallery-thumbs .h2:before{ content:""; width:0; height:2px; background:#fff; position:absolute; bottom:0; left:0; transition:all .3s ease;} .employee_gallery-thumbs .swiper-slide.swiper-slide-thumb-active .h2:before{ width:100%;} .employee_gallery-top{} .employee_gallery-top .swiper-container{} .employee_gallery-top .swiper-slide{ position:relative;} .employee_gallery .swiper_list{} .employee_gallery .swiper_list ul li{ float:left; width:23%; margin-left:2%; margin-bottom:1.56vw;} .employee_gallery .swiper_list ul li .img{ height:10.42vw; position:relative; overflow:hidden;} .employee_gallery .swiper_list ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;} .employee_gallery .swiper_list ul li:hover .img img{ transform:scale(1.1);} .employee_gallery .swiper_list ul li:nth-child(1){ width:50%; margin-left:0;} .employee_gallery .swiper_list ul li:nth-child(1) .img{ height:22.4vw;} .employee_gallery .swiper-pagination{ display:none;} .employee_gallery .swiper-button-prev,.employee_gallery .swiper-button-next{ display:none;} @media(max-width:999px){ .m10_join2bg{ padding:40px 0; } .m10_join2 .list{ margin-top:20px;} .employee_gallery-thumbs{ position:static; margin-bottom:10px;} .employee_gallery-thumbs .swiper-slide{ line-height:1.8em; margin:0 10px 0 0;} .employee_gallery-thumbs .h2{ font-size:18px; padding-bottom:8px;} .employee_gallery .swiper_list ul li{ float:left; width:49%; margin-left:2%; margin-bottom:1.56vw;} .employee_gallery .swiper_list ul li:nth-child(2n){ margin-left:0;} .employee_gallery .swiper_list ul li .img{ height:27.46vw; } .employee_gallery .swiper_list ul li:nth-child(1){ width:100%; margin-left:0;} .employee_gallery .swiper_list ul li:nth-child(1) .img{ height:57.6vw;} } .m10_more3{} .m10_more3 span{ display:inline-block; text-align:center; font-size:14px; line-height:42px; padding:0 15px; min-width:120px; border-radius:4px; background:var(--primary-color); color:#fff;} .m10_more3 span:hover{ opacity:.9;} .m10_join3bg{ padding:5.2vw 0;} .m10_join3{} .m10_join3 .list{ margin-top:2.08vw;} .job2{ border-top:1px solid #DDDDDD; } .job2.active{} .job2 ul li{ border-bottom:1px solid #DDDDDD; } .job2 ul li .txt1{ position:relative; cursor:pointer; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .job2 ul li .txt1 .h2{ width:20%; font-size:.84vw; line-height:1.6em; height:3.12vw; text-align:left; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .job2 ul li .txt1 .h2 span{ display:block; width:calc(100% - 4.16vw); padding:0 2.08vw;} .job2 ul li .txt1 .h3{ width:65%; font-size:.84vw; line-height:2.5em; padding-right:10%;} .job2 ul li .txt1 .h3 span{ display:inline-block; width:24%;} .job2 ul li .txt1 i{ width:2.08vw; height:2.08vw; background:url(../images/down0.png) center no-repeat; position:absolute; top:50%; right:2.08vw; transform:translateY(-50%);} .job2 ul li .txt2{ border-top:1px dashed #D3D3D3; background:#E2EBF1; padding:2.08vw; display:none;} .job2 ul li .txt2 .h4{ font-size:.78vw; line-height:2em;} .job2 ul li.active{ box-shadow:0 0 10px rgba(0,0,0,.1);} .job2 ul li.active .txt1{ background:var(--primary-color); color:#fff;} .job2 ul li.active .txt1 i{background-image:url(../images/up01.png);} @media(max-width:999px){ .m10_more3 span{ font-size:12px; line-height:30px; padding:0 10px; min-width:100px; } .m10_join3bg{ padding:40px 0;} .m10_join3 .list{ margin-top:20px;} .job2 ul li .txt1{ display:block;} .job2 ul li .txt1 .h2{ width:100%; font-size:16px; line-height:1.6em; height:50px; border-right:none; border-bottom:1px dashed #DDDDDD; } .job2 ul li .txt1 .h2 span{ width:calc(100% - 40px); padding:0 20px;} .job2 ul li .txt1 .h3{ width:calc(100% - 40px); font-size:14px; line-height:1.6em; padding:10px 20px;} .job2 ul li .txt1 .h3 span{ display:inline-block; width:49%; margin:5px 0;} .job2 ul li .txt1 i{ width:40px; height:50px; top:0; right:10px; transform:translateY(0);} .job2 ul li .txt2{ padding:10px 20px; } .job2 ul li .txt2 .h4{ font-size:14px; line-height:2em;} .job2 ul li.active .txt1{ background:#E2EBF1; color:#666;} .job2 ul li.active .txt1 .h2{ background:var(--primary-color); color:#fff;} } .m10_contact1bg{ padding:5.2vw 0; } .m10_contact1{} .m10_contact1 .list{ margin-top:1.56vw; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: flex-start; align-items: flex-start;} .m10_contact1_lt{ width:240px; height:400px; overflow-y:scroll; box-shadow:0 0 10px rgba(0, 0, 0, 0.116);} .m10_contact1_lt ul li{ border-bottom:1px solid #eee; padding:10px 5%;} .m10_contact1_lt ul li a{ display:block; font-size:18px; line-height:29px; font-weight:bold;} .m10_contact1_lt ul li .txt{ font-size:14px; line-height:24px; margin-top:10px; color:#999; display:none;} .m10_contact1_lt ul li.on a{ color:var(--primary-color);} .m10_contact1_rt{ width:calc(100% - 240px);} #allmap {width: 100%;height: 400px; } #allmap b{color: #CC5522;font-weight: bold;} #allmap img{max-width: none;} @media(max-width:999px){ .m10_contact1bg{ padding:40px 0; } .m10_contact1 .list{ margin-top:20px; } .m10_contact1_lt{ width:80px; height:300px; } .m10_contact1_lt ul li{ font-size:12px; line-height:26px; padding:5px 5%;} .m10_contact1_rt{ width:calc(100% - 80px);} #allmap {width: 100%;height: 300px; } } .m10_contact2bg{ padding:5.2vw 0; background:#F8F8F8;} .m10_contact2{} .m10_contact2 .list{ margin-top:1.56vw;} .m10_contact2 .list .h2{ font-size:.84vw; line-height:1.8em; margin-bottom:1.56vw;} .m10_contact2 .list .message2{} .m10_contact2 .list .message2 ul{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: flex-start; align-items: flex-start; flex-wrap:wrap;} .m10_contact2 .list .message2 ul li{ width:48%; margin-bottom:1.56vw;} .m10_contact2 .list .message2 ul li.li1{ width:100%;} .m10_contact2 .list .message2 .h3{ font-size:16px; line-height:26px;} .m10_contact2 .list .message2 .h3 font{ color:#F00;} .m10_contact2 .list .message2 .input_text{ border:1px solid #ddd; background:#fff; height:2.82vw; line-height:2.82vw; padding:0 10px; width:calc(100% - 22px); border-radius:4px;} .m10_contact2 .list .message2 textarea{ border:1px solid #ddd; background:#fff; height:5.64vw; line-height:2.82vw; padding:0 10px; width:calc(100% - 22px); border-radius:4px;} .m10_contact2 .list .message2 .yzm{ height:calc(2.82vw + 2px);} .m10_contact2 .list .message2 .input_text1{ border:1px solid #ddd; background:#fff; height:2.82vw; line-height:2.82vw; padding:0 .52vw; width:calc(100% - 6.76vw); border-radius:4px; float:left;} .m10_contact2 .list .message2 #sendcode2{ border:1px solid var(--secondary-color); background:var(--secondary-color); color:#fff; height:calc(2.82vw + 2px); line-height:2.82vw; width:5.2vw; cursor:pointer; border-radius:4px; transition:all .3s ease; float:right;} .m10_contact2 .list .message2 #sendcode2:hover{} .m10_contact2 .list .message2 #sendcode2[disabled]{ background:#999;} .m10_contact2 .list .message2 .input_button{ display:inline-block; border-radius:4px; border:none; background:var(--secondary-color); color:#fff; box-shadow:0px 0px 7px rgba(0, 123, 199, 0.2); overflow:hidden; position:relative; margin-top:10px;width: 180px;height: 56px;} .m10_contact2 .list .message2 .input_button:hover{ color:var(--secondary-color);} .m10_contact2 .list .message2 .input_button span{ display:block; font-size:.84vw; width:9.38vw; line-height:3.5em; text-align:center; cursor:pointer; position:relative; z-index:2;} .m10_contact2 .list .message2 .input_button:before{ content:""; width:calc(100% - 4px); height:calc(100% - 4px); border-radius:4px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(0); z-index:1; transition:all .3s ease;} .m10_contact2 .list .message2 .input_button:hover:before{ transform:translate(-50%,-50%) scale(1);} @media(max-width:999px){ .m10_contact2bg{ padding:40px 0; } .m10_contact2 .list{ margin-top:20px;} .m10_contact2 .list .h2{ font-size:14px; line-height:1.8em; margin-bottom:10px;} .m10_contact2 .list .message2 ul{ display:block;} .m10_contact2 .list .message2 ul li{ width:100%; margin-bottom:10px;} .m10_contact2 .list .message2 .h3{ font-size:14px; line-height:24px;} .m10_contact2 .list .message2 .input_text{ height:44px; line-height:44px; } .m10_contact2 .list .message2 textarea{ height:88vw; line-height:44px; } .m10_contact2 .list .message2 .yzm{ height:46px;} .m10_contact2 .list .message2 .input_text1{ height:44px; line-height:44px; padding:0 10px; width:calc(100% - 110px); } .m10_contact2 .list .message2 #sendcode2{ height:46px; line-height:44px; width:80px; } .m10_contact2 .list .message2 .input_button{ width:100%;} .m10_contact2 .list .message2 .input_button span{ font-size:14px; width:100%; line-height:3.5em; } } .m10_contact2 .list .message2 ul li{position:relative;} .m10_contact2 .list .message2 font{position: absolute;top: 50%;right: 10px;color: #f00;transform: translateY(-50%);} /*搜索*/ .search_form{ background:#f9f9f9; padding:1.56vw; margin-bottom:2.08vw; } .search_form form{ height:2.6vw;} .search_form form #search_keywords{ float:left; border:none; background:#fff; height:2.6vw; line-height:2.6vw; padding:0 .5vw; width:calc(100% - 6.2vw);} .search_form form #search{ float:right; border:none; width:5.2vw; height:2.6vw; line-height:2.6vw; font-size:.84vw; background:var(--primary-color); color:#fff; cursor:pointer;} .search_form form #search:hover{ opacity:.9;} @media(max-width:999px){ .search_form{ padding:10px; margin-bottom:20px; } .search_form form{ height:40px;} .search_form form #search_keywords{ height:40px; line-height:40px; padding:0 10px; width:calc(100% - 80px);} .search_form form #search{ width:60px; height:40px; line-height:40px; font-size:14px; } } /*inner_news1*/ .inside_news1{ } .inside_news1 ul li{ margin:0 0 20px 0; background:#fff;} .inside_news1 ul li .nr_box{ border:1px solid #f2f2f2; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: flex-start; align-items: flex-start; flex-wrap:wrap;} .inside_news1 ul li .imgbg{ width:25%;} .inside_news1 ul li .img{ position:relative; padding-bottom:66%;} .inside_news1 ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .inside_news1 ul li .txtbg{ width:75%;} .inside_news1 ul li .txt{ padding:20px 20px;} .inside_news1 ul li .txt .h2{ font-size:24px; line-height:34px; height:34px; overflow:hidden;} .inside_news1 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:10px 0 0 0;} .inside_news1 ul li .txt .time{ font-size:14px; line-height:24px; color:#999; padding-left:24px; position:relative; margin:10px 0 0 0;} .inside_news1 ul li .txt .time i{ width:20px; height:24px; background:url(../images/ico_time.png) center no-repeat; position:absolute; left:0; top:0;} @media(max-width:768px){ .inside_news1 ul li{ margin:0 0 20px 0; } .inside_news1 ul li .nr_box{ display:block;} .inside_news1 ul li .imgbg{ width:100%;} .inside_news1 ul li .txtbg{ width:100%;} } /*Add------------------------------------------------------------------------------*/ /**/ .popup_tip2_box { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10000; background: rgba(0, 0, 0, .6);/* display: none;*/ } .popup_tip2bg { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .popup_tip2 { width: 440px; position: absolute; overflow: hidden; box-sizing: border-box; z-index: 10000; background-color: #fff; border-radius: 4px; box-shadow: 1px 1px 50px rgba(0, 0, 0, .3); } .popup_tip2-body { width: 100%; height: calc(100% - 72px); } .zoomIn{ -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: zoomIn; animation-name: zoomIn;} @-webkit-keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale3d(.5, .5, .5); transform:scale3d(.5, .5, .5) } 50% { opacity:1 } } @keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale3d(.5, .5, .5); transform:scale3d(.5, .5, .5) } 50% { opacity:1 } } @media(max-width:750px){ .popUpBox { width: 90%; } } .ts{ padding:20px 20px 20px 20px;} .ts .h2{ font-size:18px; line-height:28px; margin-bottom:10px;} .ts .h3{ font-size:14px; line-height:24px; margin-bottom:14px; display:inline-block; position:relative; padding-left:30px;} .ts .h3 img{ display:inline-block; vertical-align:top; width:24px;} .ts .h3 i{ width:24px; height:24px; background-position:center; background-repeat:no-repeat; background-size:contain; position:absolute; left:0; top:0;} .success .ts i{ background-image:url(../images/ico_success.png);} .error .ts i{ background-image:url(../images/ico_error.png);} .warning .ts i{ background-image:url(../images/ico_warning.png);} .ts .h3 span{ } .ts_btn{ text-align:right; font-size:12px; line-height:32px;} .ts_btn a{ display:inline-block; text-align:center; border-radius:4px; width:78px; border:1px solid #1890ff; background:#1890ff; color:#fff; margin-left:10px;} .ts_btn a:hover{ border-color:#2e80e2; background:#2e80e2; color:#fff;} .ts_btn a.bg2{ border:1px solid #ccc; background:#fff; color:#666;} .ts_btn a.bg2:hover{ border-color:#1890ff; background:#fff; color:#1890ff;} /*提示框*/ .popup_tip_box{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:999999;} .popup_tip_close1{ width:100%; height:100%; position:absolute; top:0; left:0;} .popup_tipbg{ min-width:100px; max-width:750px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);} .popup_tip{ border-radius:8px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); } .popup_tip_close2{ display:none;} .popup_tip_txt{ padding:15px 20px; text-align:center; font-size:14px; line-height:24px;} .popup_tip_txt span{ display:inline-block; padding-left:30px; position:relative;} .popup_tip_txt span i{ width:24px; height:24px; background-position:center; background-repeat:no-repeat; background-size:contain; position:absolute; left:0; top:0;} .success .popup_tip_txt span{ color:#4ebb23; } .error .popup_tip_txt span{ color:#f34b51; } .warning .popup_tip_txt span{ color:#f1b306; } .success .popup_tip_txt span i{ background-image:url(../images/ico_success.png);} .error .popup_tip_txt span i{ background-image:url(../images/ico_error.png);} .warning .popup_tip_txt span i{ background-image:url(../images/ico_warning.png);} @-webkit-keyframes fadeInUp2 { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp2 { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUp2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 } /*联系弹窗*/ .proContact1_box{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; display:none;} .proContact1_close1{ width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:0; left:0; z-index:1;} .proContact1_bg{ width:90%; max-width:700px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;} .proContact1_close2{ width:20px; height:20px; background:url(../images/chahao2.png) center no-repeat; cursor:pointer; position:absolute; top:10px; right:10px; z-index:3; opacity:.9; transition:all .3s ease;} .proContact1_close2:hover{ opacity:1; transform:rotate(180deg)} .proContact1{ min-height:260px; background:#fff; border-radius:10px; position:relative; z-index:2; padding-left:235px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .proContact1>img{ width:230px; position:absolute; bottom:0; left:5px;} .proContact1_con{ font-size:16px; line-height:20px; } .proContact1_con ul li{ float:left; width:50%; margin:10px 0; color:var(--primary-color); padding-left:50px; min-height:40px;box-sizing: border-box; position:relative;} .proContact1_con ul li:nth-child(1){ width:100%; padding-left:0;} .proContact1_con ul li i{ width:40px; height:40px; line-height:40px; text-align:center; border-radius:100%; background:var(--primary-color); color:#fff; font-size:20px; position:absolute; left:0; top:0;} .proContact1_con ul li .h2{ font-size:24px; line-height:34px; font-weight:bold; color:var(--primary-color);} .proContact1_con ul li span{ display:block; color:#333; } .proContact1_con ul li .h2 span{ color:var(--primary-color);} @media(max-width:999px){ .proContact1{ min-height:0; padding:15px 5%; } .proContact1>img{ width:36%; bottom:auto; top:0; left:50%; transform:translate(-50%,-100%)} .proContact1_con{ font-size:14px; line-height:18px; } .proContact1_con ul li{ float:left; width:100% !important; margin:5px 0; } .proContact1_con ul li .h2{ font-size:20px; line-height:30px; } } /*pro1*/ .index_product1{ padding:40px 0; background:#f2f2f2;} .index_product1 ul li{ float:left; width:calc((100% - 40px)/3); margin:0 20px 20px 0; text-align:center; background:#fff;} .index_product1 ul li:nth-child(3n){ margin-right:0;} .index_product1 ul li .nr_box{ border:1px solid #f2f2f2;} .index_product1 ul li .img{ padding-bottom:100%; position:relative;} .index_product1 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .index_product1 ul li .txtbg{} .index_product1 ul li .txt{ padding:20px 10px;} .index_product1 ul li .txt .h2{ font-size:24px; line-height:34px; height:34px; overflow:hidden;} .index_product1 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:10px 0 0 0;} @media(max-width:999px){ .index_product1 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 20px 0; } .index_product1 ul li:nth-child(3n){ margin-right:20px;} .index_product1 ul li:nth-child(2n){ margin-right:0;} } /*news1*/ .index_news1{ padding:40px 0; background:#f2f2f2;} .index_news1 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 20px 0; background:#fff;} .index_news1 ul li:nth-child(2n){ margin-right:0;} .index_news1 ul li .nr_box{ border:1px solid #f2f2f2;} .index_news1 ul li .imgbg{ float:left; width:25%;} .index_news1 ul li .img{ position:relative; height:166px;} .index_news1 ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .index_news1 ul li .txtbg{ float:right; width:75%;} .index_news1 ul li .txt{ padding:20px 20px;} .index_news1 ul li .txt .h2{ font-size:24px; line-height:34px; height:34px; overflow:hidden;} .index_news1 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:10px 0 0 0;} .index_news1 ul li .txt .time{ font-size:14px; line-height:24px; color:#999; padding-left:24px; position:relative; margin:10px 0 0 0;} .index_news1 ul li .txt .time i{ width:20px; height:24px; background:url(../images/ico_time.png) center no-repeat; position:absolute; left:0; top:0;} @media(max-width:999px){ .index_news1 ul li{ float:left; width:100%; margin:0 0 20px 0; } } /*news2*/ .index_news2{ padding:40px 0;} .index_news2 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 0 0; border-bottom:1px solid #ccc; padding:20px 0;} .index_news2 ul li:nth-child(2n){ margin-right:0;} .index_news2 ul li .txt{} .index_news2 ul li .txt .h2{ font-size:16px; line-height:26px; height:26px; overflow:hidden; padding-left:25px; position:relative;} .index_news2 ul li .txt .h2:before{ content:""; width:6px; height:6px; background:#000; position:absolute; left:0; top:10px;} .index_news2 ul li .txt .h2 a{ float:left; width:70%; height:26px; overflow:hidden; color:#333;} .index_news2 ul li .txt .h2 span{ float:right; color:#999;} .index_news2 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:5px 0 0 0;} @media(max-width:999px){ .index_news2 ul li{ float:left; width:100%; margin:0 0 20px 0; } } /*news3*/ .index_news3{ padding:40px 0;} .index_news3 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 20px 0; } .index_news3 ul li:nth-child(2n){ margin-right:0;} .index_news3 ul li .date{ float:left; width:80px; height:80px; background:#f2f2f2; color:#999; text-align:center;} .index_news3 ul li .date strong{ display:block; font-size:36px; line-height:36px; padding:15px 0 2px 0;} .index_news3 ul li .date span{ display:block; font-size:12px; line-height:12px;} .index_news3 ul li .txt{ float:right; width:calc(100% - 100px); } .index_news3 ul li .txt .h2{ font-size:16px; line-height:26px; height:26px; overflow:hidden;} .index_news3 ul li .txt .h2 a{ color:#333;} .index_news3 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:5px 0 0 0;} @media(max-width:999px){ .index_news3 ul li{ float:left; width:100%; margin:0 0 20px 0; } } .f_nav{ } .f_nav>ul{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: flex-start; align-items: flex-start; flex-wrap: nowrap;} .f_nav ul li{flex-grow:1;flex-shrink:1; margin-bottom:10px;} .f_nav>ul>li{ margin-left:4.16vw;} .f_nav ul li a{ display:block; font-size:.84vw; line-height:1.8em;} .f_nav>ul>li>a{ color:#fff; font-size:.94vw; line-height:1.8em; margin-bottom:10px;} /*inner_news2*/ .inside_news2{ padding:40px 0;} .inside_news2 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 0 0; border-bottom:1px solid #ccc; padding:20px 0;} .inside_news2 ul li:nth-child(2n){ margin-right:0;} .inside_news2 ul li .txt{} .inside_news2 ul li .txt .h2{ font-size:16px; line-height:26px; height:26px; overflow:hidden; padding-left:25px; position:relative;} .inside_news2 ul li .txt .h2:before{ content:""; width:6px; height:6px; background:#000; position:absolute; left:0; top:10px;} .inside_news2 ul li .txt .h2 a{ float:left; width:70%; height:26px; overflow:hidden; color:#333;} .inside_news2 ul li .txt .h2 span{ float:right; color:#999;} .inside_news2 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:5px 0 0 0;} @media(max-width:999px){ .inside_news2 ul li{ float:left; width:100%; margin:0 0 20px 0; } } /*inner_news3*/ .inside_news3{ padding:40px 0;} .inside_news3 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 20px 0; } .inside_news3 ul li:nth-child(2n){ margin-right:0;} .inside_news3 ul li .date{ float:left; width:80px; height:80px; background:#f2f2f2; color:#999; text-align:center;} .inside_news3 ul li .date strong{ display:block; font-size:36px; line-height:36px; padding:15px 0 2px 0;} .inside_news3 ul li .date span{ display:block; font-size:12px; line-height:12px;} .inside_news3 ul li .txt{ float:right; width:calc(100% - 100px); } .inside_news3 ul li .txt .h2{ font-size:16px; line-height:26px; height:26px; overflow:hidden;} .inside_news3 ul li .txt .h2 a{ color:#333;} .inside_news3 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:5px 0 0 0;} @media(max-width:999px){ .inside_news3 ul li{ float:left; width:100%; margin:0 0 20px 0; } } /*inpic1*/ .inside_picList1{ padding:40px 0; } .inside_picList1 ul li{ float:left; width:calc((100% - 60px)/4); margin:0 20px 20px 0; text-align:center; background:#fff;} .inside_picList1 ul li:nth-child(4n){ margin-right:0;} .inside_picList1 ul li .nr_box{ border:1px solid #f2f2f2;} .inside_picList1 ul li .img{ padding-bottom:100%; position:relative;} .inside_picList1 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .inside_picList1 ul li .txtbg{} .inside_picList1 ul li .txt{ padding:20px 10px;} .inside_picList1 ul li .txt .h2{ font-size:24px; line-height:34px; height:34px; overflow:hidden;} .inside_picList1 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:10px 0 0 0;} @media(max-width:999px){ .inside_picList1 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 20px 0; } .inside_picList1 ul li:nth-child(4n){ margin-right:20px;} .inside_picList1 ul li:nth-child(2n){ margin-right:0;} } /*inphoto1*/ .inside_photo1{ padding:40px 0; } .inside_photo1 ul li{ float:left; width:calc((100% - 60px)/4); margin:0 20px 20px 0; text-align:center; background:#fff;} .inside_photo1 ul li:nth-child(4n){ margin-right:0;} .inside_photo1 ul li .nr_box{ border:1px solid #f2f2f2;} .inside_photo1 ul li .imgbg{ position:relative;} .inside_photo1 ul li .img{ padding-bottom:75%; position:relative;} .inside_photo1 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .inside_photo1 ul li i{ width:40px; height:40px; background:url(../images/ico_search1.png) center no-repeat; background-size:contain; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);} .inside_photo1 ul li .txtbg{ background:#eee;} .inside_photo1 ul li .txt{ padding:20px 10px;} .inside_photo1 ul li .txt .h2{ font-size:24px; line-height:34px; height:34px; overflow:hidden;} .inside_photo1 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:10px 0 0 0;} @media(max-width:999px){ .inside_photo1 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 20px 0; } .inside_photo1 ul li:nth-child(4n){ margin-right:20px;} .inside_photo1 ul li:nth-child(2n){ margin-right:0;} } /*inpro1*/ .inside_product1{ padding:40px 0; background:#f2f2f2;} .inside_product1 ul li{ float:left; width:calc((100% - 40px)/3); margin:0 20px 20px 0; text-align:center; background:#fff;} .inside_product1 ul li:nth-child(3n){ margin-right:0;} .inside_product1 ul li .nr_box{ border:1px solid #f2f2f2;} .inside_product1 ul li .img{ padding-bottom:100%; position:relative;} .inside_product1 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .inside_product1 ul li .txtbg{} .inside_product1 ul li .txt{ padding:20px 10px;} .inside_product1 ul li .txt .h2{ font-size:24px; line-height:34px; height:34px; overflow:hidden;} .inside_product1 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:10px 0 0 0;} @media(max-width:999px){ .inside_product1 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 20px 0; } .inside_product1 ul li:nth-child(3n){ margin-right:20px;} .inside_product1 ul li:nth-child(2n){ margin-right:0;} } /*innewsClass1*/ .itit1{} .itit1 .h2{ height:20px; line-height:20px; font-size:20px;} .itit1 .h2 strong{ float:left; font-weight:bold; border-left:5px solid var(--primary-color); padding-left:5px;} .itit1 .h2 a{ float:right; font-size:14px; color:var(--primary-color);} .inside_newsClass1{} .inside_newsClass1_box{ padding:20px 0; border-bottom:1px solid #eee;} .inside_newsClass1 .ilist{ padding:10px 10px 0 10px;} .inside_newsClass1 .ilist ul li{ height:40px; line-height:40px; padding-left:15px; position:relative;} .inside_newsClass1 .ilist ul li:before{ content:""; width:6px; height:6px; border-radius:100%; background:#ccc; position:absolute; left:0; top:17px;} .inside_newsClass1 .ilist ul li a{ float:left; width:70%; height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size:16px;} .inside_newsClass1 .ilist ul li span{ float:right; font-size:14px; color:#999;} /*inproClass1*/ .imore1{} .imore1 span{ display:inline-block; vertical-align:top; border:1px solid #fff; height:38px; line-height:38px; padding:0 20px; font-size:14px;} .imore1 span:hover{ background:#fff; color:#333;} .inside_proClass1{ padding:40px 0; background:#f2f2f2;} .inside_proClass1 ul li{ float:left; width:calc((100% - 40px)/3); margin:0 20px 20px 0; text-align:center; background:#fff; position:relative;} .inside_proClass1 ul li:nth-child(3n){ margin-right:0;} .inside_proClass1 ul li .nr_box{ border:10px solid #eee;} .inside_proClass1 ul li .img{ padding-bottom:100%; position:relative;} .inside_proClass1 ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .inside_proClass1 ul li .txtbg{ width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:0; left:0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .inside_proClass1 ul li .txt{ padding:20px 5%; width:90%; color:#fff;} .inside_proClass1 ul li .txt .h2{ font-size:24px; line-height:34px; height:34px; overflow:hidden;} .inside_proClass1 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:10px 0 0 0;} @media(max-width:999px){ .inside_proClass1 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 20px 0; } .inside_proClass1 ul li:nth-child(3n){ margin-right:20px;} .inside_proClass1 ul li:nth-child(2n){ margin-right:0;} }