html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
/*
body{background:#fff;color:#333;position:relative;font:14px/1.5 宋体,arial,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
*/
body{background:#fff;color:#333;position:relative;font:14px/1.5 宋体,arial,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:hover,a:active,a:focus{text-decoration:none;outline:none;}
input{padding:0;margin:0;font-family:'宋体';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin:0;}
/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}
#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}
.roll_product {float: left;}
@media (min-width: 990px){
/* aos */
.sun-delay0 {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.sun-delay1 {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.sun-delay2 {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.sun-delay3 {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.sun-delay4 {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.sun-delay5 {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.sun-delay6 {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
.sun-delay7 {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s;
}
.sun-delay8 {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s;
}
.sun-delay9 {
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
.sun-delay10 {
-webkit-transition-delay: 2.2s;
transition-delay: 2.2s;
}
.sun-ani-left,
.sun-ani-down,
.sun-ani-up,
.sun-ani-right {
opacity: 0;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: .7s;
transition-duration: .7s;
}
.sun-ani-left {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
.sun-ani-down {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
.sun-ani-up {
-webkit-transform: translateY(-100px);
transform: translateY(100px);
}
.sun-ani-right {
-webkit-transform: translatex(100px);
transform: translatex(100px);
}
.actives .sun-ani-left {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.active .sun-ani-left {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.active .sun-ani-down {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.active .sun-ani-up, .sun-ani-up {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.active .sun-ani-right {
opacity: 1;
-webkit-transform: translatex(0);
transform: translatex(0);
}
.pnav{
display: none;
}
}
.ovimg,
.ibw,
.miw,
.iml,
.imgbig {
overflow: hidden;
}
.imgbig img {
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
}
.imgbig:hover img {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
.ovimg img {
width: 100%;
min-height: 100%;
}
.ibw img {
width: 100%;
height: auto;
}
.miw img {
max-width: 100%;
max-height: 100%;
}
.iml {
text-align: center;
}
.iml img {
transform: translateY(-2px);
vertical-align: middle;
}
.bgmax {
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}
.bgmin {
background-repeat: no-repeat;
background-size: contain;
background-position: center top;
}
.fh {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* head */
.flexed {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
display: -webkit-flex;
}
.max1440{
max-width: 1470px;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
}
.head3{
position: fixed;
z-index: 99;
width: 100%;
left: 0;
right: 0;
top: 0;
}
.head-bg{
border-bottom: 1px solid rgba(239,239,239,.32);
}
.head-index{
align-items: center;
position: relative;
}
.head-index .logo {
width: 20%;
max-width: 350px;
}
.head-index .logo img{
max-width: 100%;
}
.head-index .logo img.im2{
display: none;
}
.head-index .logo img.im3{
display: none;
}
.head-index .headr{
width: 65%;
align-items: center;
}
.tnav{
width: 88.61%;
}
.tsou{
width: 35px;
}
.so img.im2{
display: none;
}
.so img.im3{
display: none;
}
.tdao img{
max-width: 100%;
}
.tdao img.im2{
display: none;
}
/* 导航下拉 */
.head1 .max1440 {
position: relative;
}
.head1 .tdao {
width: 30px;
height: 18px;
background: none !important;
background: url(m1.png) no-repeat center;
cursor: pointer;
font-size: 18px;
color: #fff;
margin-top: -10px;
}
.head1 .tdao.active{
background: url(close.png) no-repeat center;
z-index: 9;
}
.head2 {
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.9);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99999;
padding-top: 10%;
display: none
}
.head2 .btn2 {
width: 24px;
height: 24px;
background: url(close.png) no-repeat center;
position: absolute;
top: 12.6%;
right: 5%;
z-index: 99999;
cursor: pointer;
}
@media(max-width:1199px) {
.head3,
.head2 {
display: none !important;
}
}
/* 导航 */
.menuBox::before {
content: '';
display: block;
position: absolute;
top: -100%;
left: -100%;
width: 300%;
height: 300%;
/* background-image: url(../images/pixs.png); */
animation-name: grained;
animation-iteration-count: infinite;
animation-duration: .5s;
animation-timing-function: steps(20, end);
}
@-webkit-keyframes grained {
0% {
transform: translate(-10%, 10%)
}
10% {
transform: translate(-25%, 0)
}
20% {
transform: translate(-30%, 10%)
}
30% {
transform: translate(-30%, 30%)
}
40% {
transform: translate()
}
50% {
transform: translate(-15%, 10%)
}
60% {
transform: translate(-20%, 20%)
}
70% {
transform: translate(-5%, 20%)
}
80% {
transform: translate(-25%, 5%)
}
90% {
transform: translate(-30%, 25%)
}
100% {
transform: translate(-10%, 10%)
}
}
.menuBox {
width: 100%;
height: 100vh;
position: fixed;
left: 0px;
top: 0px;
background: rgba(40, 113, 74, 1);
background-size: 100% 100%;
opacity: 0;
visibility: hidden;
}
.menuBox.active {
opacity: 1;
visibility: visible;
}
.menuBox ul {
width: 75%;
margin: 0 auto;
height: auto;
position: absolute;
left: 0;
right: 0;
/* top: 50%;
-webkit-transform: translateY(-50%); */
top: 0;
bottom: 0;
display: flex;
justify-content: center;
flex-direction: column;
}
.menuBox ul li {
width: 100%;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #fff;
padding: 25px 0px;
align-items: center;
}
.menuBox ul li a {
color: #fff;
}
.menuBox ul li>a {
font-size: 24px;
font-weight: bold;
width: 18.1%;
}
.menuBox ul li .list {
width: calc(100% - 18.1%);
}
.menuBox ul li .list a {
position: relative;
margin-right: 15px;
font-size: 16px;
line-height: 30px;
padding-right: 15px;
color: rgba(255, 255, 255, 1);
}
.menuBox ul li .list a::after {
width: 2px;
height: 80%;
position: absolute;
right: 0%;
top: 20%;
content: '';
background: rgba(255, 255, 255, 1);
}
.menuBox ul li .list a:last-child::after {
display: none;
}
.menuBox ul li .list a:hover {
text-decoration: underline;
font-weight: 600;
}
/* banner */
.x-banner{
position: relative;
}
.x-banner{height:100vh;}
.x-banner video, .x-banner img{height:100vh;object-fit:cover;}
.x-banner a:link,.banner a:visited { color: #fff0d4;}
.x-banner a:active,.banner a:hover { color: #fff;}
/*.x-banner{ position: relative; overflow: hidden; width: 100%; height: 500px; background-color: #ddd; z-index: 5;}*/
/*.x-banner .pic{ position: relative; width: 100%; height: 100%; overflow:hidden; background-position: center top; background-repeat: no-repeat; background-size: cover;}*/
/*.x-banner .pic a{ display: block; width: 100%; height: 100%;}*/
/*.x-banner .pic .pimg { width: 100%; display: block; position: absolute;}*/
.x-banner .binbox{ position: absolute; color: #fff; width: 100%; top: 36%; margin:0 auto; text-align:center; -webkit-transition-delay: 0.6s; transition-delay: 0.6s;}
.x-banner .binbox{ transform:translateX(80px); -webkit-transform:translateX(80px); opacity:0; }
.x-banner .active .binbox{ transform:translate(0); -webkit-transform:translate(0); opacity:1; transition-duration:800ms; -webkit-transition-duration:800ms; }
.x-banner .binbox .en{ text-transform: uppercase; font-size: 44px; line-height: 1.5;}
.x-banner .binbox .zh{ padding: 0px 0px 15px; font-size: 60px; line-height: 100px; font-weight:bold}
.x-banner .binbox .zh .b{ font-weight: bold;}
.x-banner .binbox .c{font-size:24px; line-height:30px; margin-bottom:20px}
.x-banner .binbox .more{font-size:18px; line-height:30px; border:1px solid #fff; border-radius:8px; width:120px; padding:5px 10px; margin:0 auto}
.x-banner .binbox img{ display: block;}
.x-banner .binbox p{ position: relative;}
.x-banner .img1 img {
display: block;
width: 100%;
height: 100vh;
}
.x-banner video{
}
.x-banner .wz{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.x-banner .wz .wz1{
color: #fff;
text-align: center;
line-height: 1;
font-family: "Arial";
font-weight: 600;
}
.x-banner .wz .wz1 p:nth-of-type(1){
font-size: 3.90625vw;
text-transform: uppercase;
}
.x-banner .wz .wz1 p:nth-of-type(2){
font-size: 2.34375vw;
margin-top: 1vw;
}
.x-banner .wz .wz2{
margin-top: 1vw;
font-weight: 600;
line-height: 1;
}
.x-banner .wz .wz2 img{
max-width: 100%;
}
/* section */
.section {position: relative;overflow: hidden;width: 100%;}
.fbg{overflow: hidden;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: -1;}
/* about */
.section2 .fbg {
background: url(bg1.jpg) no-repeat center;
background-size: cover;
}
.ab-index{
align-items: center;
}
.abl{
width: 42%;
}
.abl .at1 h3{
color: #000000;
font-size: 30px;
}
.abl .at1 h4{
color: #888888;
font-size: 12px;
text-transform: uppercase;
margin-top: 5px;
}
.abl .at2{
margin-top: 1.30208333333333vw;
}
.abl .at2 img{
max-width: 100%;
}
.abl .at2 h3{
font-weight: 600;
margin-top: 0.5vw;
font-size: 36px;
}
.numlist{
margin-top: 1.5625vw;
}
.numlist li{
width: 33.33%;
background: url(line.png) no-repeat right center;
position: relative;
padding: 0 1.5625vw;
}
.numlist li:nth-of-type(1){
padding-left: 0;
}
.numlist li:last-child{
background: none;
}
.numlist li .img1{
text-align: right;
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.numlist li .img1 img{
max-width: 100%;
}
.numlist li .wz{
position: relative;
}
.numlist li .wz .num1{
display: flex;
align-items: center;
justify-content: flex-start;
color: #090059;
font-size:72px;
line-height: 1;
}
.numlist li .wz .num2{
color: #666666;
font-size: 16px;
text-align: left;
}
.abl .aw{
margin-top: 2.34375vw;
}
.abl .aw p{
color: #666666;
font-size: 18px;
line-height: 1.875;
text-indent: 2em;
text-align: justify;
}
.amore{
border-bottom: 2px solid #000;
width: 140px;
margin-top: 2vw;
padding: 0.6vw 0;
position: relative;
}
.amore:after {
position: absolute;
bottom: -2px;
left: 0;
width: 20px;
content: "";
display: block;
background: #090059;
height: 2px;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.amore a{
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
font-weight: lighter;
color: #000;
}
.amore:hover:after{
width: 100%;
}
.abr{
width: 50%;
}
.abr img{
width: 100%;
}
.alist{
margin-top: 1.30208333333333vw;
}
.alist li{
border-bottom: 1px solid #c8c8c8;
width: 18.06%;
text-align: center;
}
.alist li .img1 img{
max-width: 32px;
margin: 0 auto;
width: 100%;
}
.alist li .img1 img.im2{
display: none;
}
.alist li .wz{
color: #64676c;
font-size: 14px;
padding: 0.5vw 0;
}
.alist li:hover .img1 img.im1{
display: none;
}
.alist li:hover .img1 img.im2{
display: block;
}
.alist li:hover .wz{
color: #090059;
}
/* */
.c2 {
position: relative;
cursor: pointer;
}
@media (max-width: 480px) {
.x-banner{
padding-top: 50px;
}
.c2 {
/*background: url(bg2.jpg) no-repeat 50% 0;*/
/*background-size: cover;*/
padding-bottom: 40px;
}
.abl .at2 img{
display: none;
}
}
@media (max-width: 480px) {
.c2 .list2 {
display: none;
}
}
.c2 .list2 li .img img {
width: 100vw;
height: 100vh;
}
.c2 .con {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
}
@media (max-width: 480px) {
.c2 .con {
position: static;
}
}
.c2 .con .con1 {
display: flex;
height: 100%;
justify-content: flex-end;
}
@media (max-width: 480px) {
.c2 .con .con1 {
flex-wrap: wrap;
}
}
.c2 .list2 li{
position: relative;
}
.c2 .c2-1 {
width: 42.1875%;
display: flex;
justify-content: center;
flex-direction: column;
position: absolute;
top: 0;
bottom: 0;
}
@media (max-width: 480px) {
.c2 .c2-1 {
width: 100%;
padding-top: 40px;
}
}
.c2 .c2-1 h2 {
font-size: 60px;
color: #fff;
font-weight: 500;
display: none;
}
.c2 .c2-1 h3 {
margin-top: 2.1875vw;
font-size: 30px;
color: #fff;
margin-bottom: 2.8125vw;
width: 82%;
line-height: 36px;
position: relative;
z-index: 999;
}
.c2 .c2-1 h3::after{
content:'Advantage';
font-size: 60px;
font-weight: bold;
text-transform: uppercase;
color: #ffffff;
opacity: 0.23;
position: relative;
left: -158px;
bottom: 16px;
z-index: -1;
}
@media (max-width: 1025px) {
.c2 .c2-1 h3 {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 767px) {
.c2 .c2-1 h3 {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
font-size: 18px;
}
.mcv, .pnav a {
font-size: 14px;
display: block !important;
}
.pnav ul {
width: 100%;
position: unset !important;
display: block !important;
}
}
.c2 .c2-1 a.ck {
margin-top: 8.3vw;
position: relative;
width: 140px;
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 10px;
border-bottom: 2px solid #fff;
color: #fff;
font-weight: lighter;
}
.c2 .c2-1 a.ck::before{
position: absolute;
bottom: -2px;
left: 0;
width: 20px;
content: "";
display: block;
background: #090059;
height: 2px;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.c2 .c2-1 a:hover.ck::before{
width: 100%;
}
@media (max-width: 767px) {
.c2 .c2-1 a.ck {
margin-top: 10px;
}
}
.c2 .con .con1 .list3 {
width: 57.8125%;
display: flex;
flex-wrap: wrap;
}
@media (max-width: 480px) {
.c2 .con .con1 .list3 {
width: 100%;
margin-top: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
}
.c2 .con .con1 .list3 li {
width: 50%;
position: relative;
padding: 0 2.34375vw;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
border-right: 1px solid rgba(255, 255, 255, 0.3);
display: flex;
justify-content: center;
flex-direction: column;
}
@media (max-width: 1610px) {
.c2 .con .con1 .list3 li {
padding: 0 1.34375vw;
}
}
@media (max-width: 1025px) {
.c2 .con .con1 .list3 li {
padding: 0 1.14375vw;
}
}
@media (max-width: 767px) {
.c2 .con .con1 .list3 li {
width: 50%;
padding: 20px 10px;
}
}
.c2 .con .con1 .list3 li:nth-child(1) {
border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.c2 .con .con1 .list3 li:nth-child(3) {
border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.c2 .con .con1 .list3 li .img {
display: none;
}
.c2 .con .con1 .list3 li .img img {
max-width: 100%;
}
@media (max-width: 767px) {
.c2 .con .con1 .list3 li:nth-child(3){
border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.c2 .con .con1 .list3 li:nth-child(4){
border-left: none;
}
.c2 .con .con1 .list3 li:nth-child(5){
border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.c2 .con .con1 .list3 li .img img {
max-width: 32px;
}
}
.c2 .con .con1 .list3 li h2 {
color: #fff;
font-size: 18px;
font-weight: 500;
position: absolute;
bottom: 2.4vw;
}
@media (max-width: 1025px) {
.c2 .con .con1 .list3 li h2 {
margin-top: 1.76vw;
font-size: 18px;
}
}
.c2 .con .con1 .list3 li h2 span {
display: block;
font-size: 24px;
margin-top: 10px;
margin-bottom: 20px;
}
@media (max-width: 1025px) {
.c2 .con .con1 .list3 li h2 span {
font-size: 14px;
}
}
.c2 .con .con1 .list3 li dd {
display: none;
font-size: 14px;
line-height: 18px;
color: rgba(255, 255, 255, 0.6);
margin-top: 2.2vw;
/* width: 70.4%; */
}
@media (max-width: 1025px) {
.c2 .con .con1 .list3 li dd {
margin-top: 1.55vw;
}
}
@media (max-width: 767px) {
.c2 .con .con1 .list3 li dd {
font-size: 12px;
width: 100%;
display: none;
}
}
.c2 .con .con1 .list3 li .ck {
display: none;
position: absolute;
right: 0;
bottom: 0;
width: 6.72vw;
height: 6.04vw;
background-image: linear-gradient(-55deg, #090059 0%, #1e53a7 0%, #3c65b5 0%, #2554af 0%, #0e43a9 0%, #2655b1 0%, #3e67b9 0%, #78cbf7 100%, #6da9f1 100%);
border-radius: 100% 0 0 0;
text-align: center;
line-height: 7vw;
padding-left: 1vw;
}
@media (max-width: 480px) {
.c2 .con .con1 .list3 li .ck {
width: 28px;
height: 25px;
}
}
.c2 .con .con1 .list3 li.on .img {
display: block;
}
.c2 .con .con1 .list3 li.on h2 {
margin-top: 50px;
position: static;
}
.c2 .con .con1 .list3 li.on dd {
display: block;
}
.c2 .con .con1 .list3 li.on .ck {
display: block;
}
@media (max-width: 767px) {
.c2 .con .con1 .list3 li .img {
display: block;
}
.c2 .con .con1 .list3 li h2 {
margin-top: 50px;
position: static;
}
.c2 .con .con1 .list3 li .ck {
display: block;
}
}
/* news */
.section4 .fbg {
background: url(bg3.jpg) no-repeat center;
background-size: cover;
}
.c3 h2, .abl h2 {
font-size: 36px;
color: #333333;
font-weight: 500;
}
.section6 .c3 h2:after{
content:'news';
font-size: 60px;
font-weight: bold;
text-transform: uppercase;
color: #c3c6cd;
position: relative;
left: -158px;
bottom: 16px;
z-index: -1;
}
.section5 .abl h2:after{
content:'about us';
font-size: 60px;
font-weight: bold;
text-transform: uppercase;
color: #c3c6cd;
position: relative;
left: -140px;
bottom: 16px;
z-index: -1;
}
.c3 .tit {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-top: 1.82291666666667vw;
}
.c3 .tit h3 {
font-size: 30px;
line-height: 36px;
color: #333333;
}
@media (max-width: 1025px) {
.c3 .tit h3 {
font-size: 22px;
line-height: 28px;
}
}
.c3 .tit a.ck {
position: relative;
width: 140px;
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 10px;
border-bottom: 2px solid #090059;
color: #090059;
}
.c3 .tit a.ck::before{
position: absolute;
bottom: -2px;
left: 0;
width: 20px;
content: "";
display: block;
background: #fff;
height: 2px;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.c3 .tit a:hover.ck::before{
width: 100%;
}
.c3 .con {
margin-top: 3.18vw;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.c3 .con .list1 {
width: 42.77%;
}
.c3 .con .list1 li {
position: relative;
}
.c3 .con .list1 li .img img {
width: 100%;
}
.c3 .con .list1 li .timex {
color: #fff;
font-size: 12px;
position: absolute;
right: 1.88vw;
top: 1.88vw;
z-index: 1;
text-align: center;
line-height: 1;
}
.c3 .con .list1 li .timex b {
font-size: 36px;
display: block;
margin-top: 4px;
}
.c3 .con .list1 li .zi {
font-size: 18px;
line-height: 30px;
color: #ffffff;
position: absolute;
left: 1.71vw;
z-index: 1;
bottom: 1.61vw;
width: 47%;
}
.c3 .con .c3-2 {
width: 55.2%;
}
.c3 .con .c3-2 .list2 {
margin-left: -0.805vw;
margin-right: -0.805vw;
display: flex;
flex-wrap: wrap;
height: 100%;
}
.c3 .con .c3-2 .list2 li {
padding: 0 0.805vw;
width: 50%;
}
.c3 .con .c3-2 .list2 li a {
display: block;
background: #fff;
padding: 1.875vw 2.083vw 2.1875vw;
height: 100%;
position: relative;
}
.c3 .con .c3-2 .list2 li h3 {
color: #090059;
font-size: 14px;
margin-bottom: 25px;
line-height: 24px;
}
.c3 .con .c3-2 .list2 li h4 {
font-size: 18px;
color: #333333;
line-height: 24px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
transition: all .3s ease-out;
}
.c3 .con .c3-2 .list2 li dd {
font-size: 14px;
line-height: 24px;
color: #888888;
padding-top: 20px;
margin-top: 22px;
border-top: 1px solid #333333;
text-overflow: -o-ellipsis-lastline;
/*overflow: hidden;*/
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.c3 .con .c3-2 .list2 li .sc {
display: flex;
justify-content: space-between;
align-items: flex-end;
position: absolute;
bottom: 2.1875vw;
left: 0;
width: 100%;
padding: 0 2.083vw;
}
.c3 .con .c3-2 .list2 li .sc .timex {
color: #888888;
font-size: 12px;
text-align: center;
line-height: 1;
}
.c3 .con .c3-2 .list2 li .sc .timex b {
font-size: 36px;
display: block;
margin-top: 4px;
}
.c3 .con .c3-2 .list2 li:hover h4 {
color: #090059;
}
/* 我们的产品 */
.adimg{
}
.adimg-left{
width: 50%;
position: relative;
}
.adimg-left .img1{
overflow: hidden;
}
.adimg-left .img1 img{
width: 100%;
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
}
.adimg-left:hover .img1 img{
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
.adimg-left .wz{
position: absolute;
top: 0;
left: 12.5vw;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
flex-direction: column;
}
.adimg-left .wz .wz1{
color: #fffefe;
font-size: 16px;
}
.adimg-left .wz .wz2{
color: #ffffff;
font-size: 1.25vw;
line-height: 1.3;
margin-top: 1.2vw;
}
.amore1{
border-bottom: 2px solid #fff;
}
.amore1 a{
color: #fff;
}
.amore2{
border-bottom: 2px solid #fff;
}
.amore2 a{
color: #000;
}
.amore:after{
background: #090059;
}
.adimg-right{
width: 50%;
position: relative;
}
.adimg-right .img1{
overflow: hidden;
}
.adimg-right .img1 img{
width: 100%;
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
}
.adimg-right:hover .img1 img{
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
.adimg-right .wz{
position: absolute;
top: 0;
left: 3.85416666666667vw;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
flex-direction: column;
}
.adimg-right .wz .wz1{
color: #fffefe;
font-size: 16px;
}
.adimg-right .wz .wz2{
color: #ffffff;
font-size: 16px;
line-height: 1.3;
margin-top: 1.2vw;
}
.adimg-right .wz .wz2 p:nth-of-type(1){
font-weight: 600;
font-size: 1.77083333333333vw;
}
.foot-bg{
background: #eeeeee;
padding-top: 3.125vw;
padding-bottom: 2.08333333333333vw;
}
.foot-index{
}
.footl{
width: 240px;
}
.footc{
width: 450px;
}
.footc li{
width: 100px;
margin: 20px;
text-align: center;
float: left;
}
.footc li p{
text-align: center;
margin: 10px auto;
color: #999999;
}
.flogo img{
max-width: 100%;
}
.flx{
margin-top: 2.60416666666667vw;
}
.flx p{
color: #000000;
font-size: 14px;
}
.flx p:nth-of-type(2){
color: #090059;
font-size: 30px;
font-weight: bold;
}
.footr{
width: 800px;
}
.footr dl{
width: 25%;
}
.footr dl dt{
font-weight: 500;
color: #000000;
font-size: 16px;
margin-bottom: 0.9375vw;
}
.footr dl dd a{
display: block;
color: #999999;
font-size: 14px;
line-height: 30px;
}
.footr dl dd a:hover{
color: #090059;
}
.cop-bg{
background: #091930;
padding: 1.30208333333333vw 0;
}
.cop-index{
color: #fff;
font-size: 14px;
}
.cop-index a{
color: #fff;
margin: 0 10px;
}
.cop-index a:hover{
color: #fff;
}
@media (max-width: 1024px) {
.x-banner {
height: auto;
}
.x-banner .owl-carousel .banner-item a>img {
height: auto;
}
.x-banner .img1 img, video{
height: auto !important;
}
.fp-tableCell {
height: auto!important;
}
.fp-section {
height: auto!important;
}
#fp-nav {
display: none;
}
.section2,.section3,.section4,.section5,.section6,.section7,.section8{
padding: 30px 0;
}
}
@media(max-width: 995px){
.ab-index{
flex-wrap: wrap;
}
.abl{
width: 100%;
}
.abr{
width: 100%;
margin-top: 20px;
}
.c3 .con .list1 li .zi{
width: 85%;
font-size: 16px;
}
.adimg-left .wz{
left: 15px;
right: 15px;
}
.adimg-right .wz{
left: 15px;
right: 15px;
}
}
@media(max-width: 767px){
.section3{
padding: 0 0 30px;
}
.abl .at1 h3{
font-size: 24px;
}
.abl .at2{
margin-top: 5px;
}
.abl .at2 h3{
font-size: 22px;
margin-top: 5px;
display: none;
}
.numlist li .wz .num1{
font-size: 20px;
}
.numlist li .wz .num2{
margin-top: 10px;
font-size: 14px;
}
.abl .aw p{
font-size: 14px;
}
.alist{
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 20px;
}
.alist li{
width: 47.33%;
margin: 0 1% 30px;
}
/*.alist li:nth-child(n+3){*/
/* margin-bottom: 0;*/
/*}*/
.c3 .tit h3{
font-size: 14px;
line-height: 22px;
}
.c3 .con{
margin-top: 20px;
}
.c3 .tit a.ck {
width: 100px;
}
.c3 .con .list1 {
width: 100%;
}
.c3 .con .list1 li .zi {
font-size: 16px;
line-height: 24px;
}
.c3 .con .list1 li .timex b{
font-size: 24px;
}
.c3 .con .c3-2 {
width: 100%;
margin-top: 30px;
}
.c3 .con .c3-2 .list2 li {
width: 100%;
}
.c3 .con .c3-2 .list2 li:nth-child(1) {
margin-bottom: 20px;
}
.c3 .con .c3-2 .list2 li a {
padding: 25px 15px;
}
.c3 .con .c3-2 .list2 li h3 {
margin-bottom: 15px;
}
.c3 .con .c3-2 .list2 li h4 {
font-size: 16px;
}
.c3 .con .c3-2 .list2 li dd {
padding-top: 10px;
margin-top: 12px;
display: block;
}
.c3 .con .c3-2 .list2 li .sc {
position: static;
margin-top: 20px;
padding: 0;
}
.adimg{
flex-wrap: wrap;
}
.adimg-left{
width: 100%;
}
.adimg-left .wz .wz2{
font-size: 14px;
}
.adimg-right{
width: 100%;
}
.adimg-right .wz .wz2{
font-size: 14px;
}
.adimg-right .wz .wz2 p:nth-of-type(1){
font-size: 16px;
}
.section7{
padding: 0 !important;
}
.foot-bg{
padding: 20px 0;
}
.foot-index{
flex-wrap: wrap;
}
.footl{
width: 100%;
}
.flx p{
font-size: 16px;
}
.flx p:nth-of-type(2){
font-size: 24px;
}
.footr{
width: 100%;
display: none;
}
.footc{
width: 100%;
display: none;
}
.cop-bg{
padding: 20px 0;
padding-bottom: 20%;
}
}
/* neiye */
.f_nei{position: relative;background-color: #f7f7f7;border-bottom: 1px solid #e2e2e2;}
.f_nei .max1440{ justify-content: flex-start;}
.wll{position: relative;padding: 20px 0;line-height: 40px;font-size: 14px;color: #888;}
.wll a{color: #888;}
.wll a:hover{color: #090059;}
.wrr{position: relative;
/* margin-left: 50px; */
width: 100%;}
.wrr .xypg-left-nav {margin: 0;font-size: 0;}
.wrr .xypg-left-nav > li {position: relative;border: none;display: inline-block;text-align: center; margin:0 10px;}
.wrr .xypg-left-nav > li > a {display: block;font-size: 18px;line-height: 80px;color: #666;padding: 0 10px;
}
.wrr .xypg-left-nav > li .first-nav-btn {display: none;}
.wrr .xypg-left-nav > li:hover > a, .wrr .xypg-left-nav > li.clicked > a {
background: #090059;
color: #fff;
}
.wrr .xypg-left-nav > li.clicked > a:after{content: '';position: absolute;bottom: -1px;left: 0;right: 0;height: 2px;background: #e71f19;display: none;}
/* */
.nei_xwlist{display: flex;justify-content: flex-start;flex-wrap: wrap}
.nei_xwlist li{width: 32.33333%;padding: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: #fff;margin-bottom: 2%;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.nei_xwlist li a{display:block;}
.nei_xwlist li a .img img{width: 100% !important;height: auto}
.nei_xwlist h3{margin: 18px 0 14px;line-height: 1.6;font-size: 18px;color: #000;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.nei_xwlist .bottom{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;
align-items: center;margin-top: 20px;}
.nei_xwlist .timex{-webkit-box-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;min-width: 0;font-size: 14px;color: #999;}
.nei_xwlist .more{width: 22px;height: 22px;text-align: center;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;
background: url(right.png) no-repeat center center;}
.nei_xwlist li:hover{-webkit-transform: translateY(-4px);-moz-transform: translateY(-4px);transform: translateY(-4px);-webkit-box-shadow: 0 0.025rem 0.08rem rgb(0 0 0 / 15%);box-shadow: 0 0.025rem 0.08rem rgb(0 0 0 / 15%);}
.nei_xwlist li:hover h3{color: #090059;}
.nei_xwlist li:hover .more{background: url(right.png) no-repeat center center;}
@media screen and (max-width: 1199px){
.nei_xwlist li{width: 31.333%;margin-bottom: 3%;}
.nei_xwlist li{padding: 20px;}
}
@media screen and (max-width: 1024px){
.nei_xwlist li{width: 48%;}
.nei_xwlist h3{margin: 10px 0 6px;max-height: 41.6px;font-size: 13px;white-space: normal;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.nei_xwlist .bottom{margin-top: 10px;}
.nei_xwlist .timex{font-size: 12px;}
}
.inner {
margin: 0px auto;
}
/*新闻动态*/
.news-box{ padding: 50px 0 80px;}
.newslist{ margin-left: -15px; margin-right: -15px; margin-bottom: 68px;}
.newslist li{ float: left; width: 25%; margin-bottom: 23px;}
.newslist li a{ display: block; position: relative; top: 0; margin: 0 15px; z-index: 3; background: #F3F3F3; transition: 0.45s;}
.newslist li a figure{ position: relative; display: block; line-height: 1; overflow: hidden;}
.newslist li a figure:before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 3px solid #090059; transition: 0.5; z-index: 3; opacity: 0; visibility: hidden;}
.newslist li a figure img{ display: block; width: 100%; height: auto; transition: 0.65s;}
.news-main{ padding: 22px 28px 25px; position: relative;}
.news-main strong{ display: block; line-height: 1.5; color: #090059; font-size: 16px; font-weight: bold; margin-bottom: 12px; height: 48px; overflow: hidden; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: 0.4s;}
.news-main p{ color: #999999; font-size: 14px; height: 84px;font-weight: lighter; margin-bottom: 36px; line-height: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: 0.4s;}
.news-main time{ display: block; line-height: 1; color: #999999; font-size: 14px; padding-top: 13px; position: relative; transition: 0.4s;}
.news-main time:before{ content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 1px; background: #707070; opacity: 0.3; filter:alpha(opacity=30); transition: 0.4s;}
.newslist li a:hover{ background: #090059; box-shadow: 10px 10px 6px rgba(0,0,0,0.16); top: -20px;}
.newslist li a:hover figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.newslist li a:hover figure:before{ opacity: 1; visibility: visible;}
.newslist li a:hover .news-main strong{ color: #fff;}
.newslist li a:hover .news-main p{ color: #fff;}
.newslist li a:hover .news-main time{ color: #fff;}
.newslist li a:hover .news-main time:before{ background: #fff;}
.pagelist{ text-align: center; font-size: 0;}
.pagelist a, .pagelist span{ display: inline-block; margin-left: 20px; width: 56px; height: 56px; background:#C7C7C7; font-size: 14px; color: #FFFFFF; text-align: center; line-height: 56px;}
.pagelist a:first-child{ margin-left: 0;}
.pagelist a:hover,.pagelist span.cur{ background: #090059;}
/*contact style*/
.contactPage{ position: relative; overflow: hidden;}
.mapBox{width:100%; height:500px;}
.con-rightBox{ float: right; display: block; padding: 48px 3%; width: 40%; background-color: #090059; color: #fff; font-size: 14px;}
.con-rightBox .t{ font-size: 24px; border-bottom: 1px solid #4480d3; padding-bottom: 14px; margin-bottom: 18px;}
.con-rightBox .c{ padding-bottom: 45px;}
.f12{ font-size: 12px;}
.con-rightBox a:link, .con-rightBox a:visited { color: #fff; }
.con-rightBox a:active, .con-rightBox a:hover { color: #fff; }
.con-rightBox .c-i{ padding-left: 32px; background-position: left 2px; background-repeat: no-repeat; margin-bottom: 10px;}
.con-rightBox .c-i1{ background-image: url(c_i1.png);}
.con-rightBox .c-i2{ background-image: url(c_i2.png);}
.con-rightBox .c-i3{ background-image: url(c_i3.png);}
.con-rightBox .c-i4{ background-image: url(c_i4.png);}
.con-rightBox .c-i5{ background-image: url(c_i5.png);}
.ctxt{ border:0px none; padding: 5px 10px; box-sizing: border-box; width: 100%; background-color: #3a77cb; color: #fff; font-family: "宋体";}
.ctxt2{ font-size: 14px; height: 60px; resize: none;}
.con-rightBox a.cbtn{ background-color: #fff; width: 74px; height: 28px; line-height: 28px; text-align: center; display: block; color: #666666;}
.con-rightBox a.cbtn:hover{ background-color: #666666; color: #fff;}
.messageTBL td{ vertical-align: top; padding-bottom: 18px;}
.con-rightBox textarea { outline: none; }
.con-rightBox input[type="text"]:focus, .con-rightBox textarea:focus { background-color: #fff; color: #205BAB; }
/*contact style end*/
/*job style*/
.jobList a:link,.jobList a:visited { color: #fff;}
.jobList a:active,.jobList a:hover { color: #fff;}
.jobList ul{ margin-left: -3%;}
.jobList li{ float: left; display: block; width: 30.33%; margin:0px 0px 38px 3%; background-color: #fff; position: relative;}
.jobList .item{ padding: 36px 30px 30px; position: relative; }
.jobList .img{ position: relative; overflow: hidden;}
.jobList .img img{ width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms; -ms-transition:600ms;}
.jobList .black{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(black_50.png) repeat; background: none rgba(0,0,0,0.5); opacity: 0; visibility: hidden;}
.jobList .ntype{ position: absolute; left: 0px;top: 0px; padding: 2px 15px; background-color: #090059; color: #fff;}
.jobList .t{ font-size: 16px; line-height: 1.4; color: #3E3E3E; height: 45px; overflow: hidden; margin: 16px 0px;}
.jobList .bot{ color: #999; font-family: arial, helvetica, sans-serif;}
.ntime{ padding:2px 0px 2px 2px; margin-right: 12px;}
.nease{ background: url(new_i2.png) no-repeat scroll left center; padding:2px 0px 2px 28px;}
.jobList .blueBg{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0%; background-color: #090059; transition: all 0.7s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.7s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;}
.jobList .linkA{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block;}
.jobList li:hover .blueBg{ height: 100%;}
.jobList li:hover .ntype{ background-color: #fff; color: #090059;}
.jobList li:hover .t,.jobList li:hover .bot{ color: #fff;}
.jobList li:hover .bot .ntime{ background-image: url(new_i12.png);}
.jobList li:hover .bot .nease{ background-image: url(new_i22.png);}
.jobList li:hover .black{ opacity: 1; visibility: visible;}
.jobList li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.ledMore{ display: block; width: 100%; height: 36px; line-height: 36px; background-color: #799dcd; text-align: center;}
.max-views {width: 98%; height: 100%; margin: 0 auto;}
.max-views{position:relative;padding-top:20px;height:auto}
.max-views .title{margin-top:40px;text-align:center}
.max-views .title h1{color:#181623;font-size:30px}
.max-views .title p{margin-top:20px;color:#9e9e9f;font-size:14px}
.max-views .content{margin:70px 0;text-align:center}
.max-views .content img{height:auto!important;max-width:100%!important}
.max-views .content p{color:#545e67;text-align:left;font-size:14px}
.max-views h1{margin-bottom:40px;color:#181623;font-size:30px}
.max-views .cont,.max-views h1{text-align:center}
.max-views .cont p{margin-bottom:40px;color:#545e67;text-align:left;font-size:14px}
.max-views .cont img{margin-bottom:60px;height:auto!important;max-width:100%!important}
.max-views table{margin-bottom:50px;width:100%;border-collapse:collapse;border-spacing:0}
.max-views table thead{height:60px;background:#9e9e9f}
.max-views table tbody tr,.max-views table thead tr{height:60px;border-bottom:20px solid #fff}
.max-views table tbody tr{background:#fbfbfc;transition:.3s}
.max-views table tbody tr td{padding:10px;color:#545e67;text-align:center;font-size:14px}
.max-views table tbody tr td a{display:inline-block;width:100%;height:100%}
.max-views table tbody tr:hover{background:#e03b45}
.max-views table tbody tr:hover td{color:#fff}
.button-btn{width:100%;height:auto;background:#f8f8f8;margin-bottom:108px;display:flex;justify-content:space-between;align-items:center;flex-direction:row;box-sizing:border-box;padding:20px 20px}
.button-btn p{color:#181623}
.button-btn p a{color:#181623}
.button-btn p a:hover{color:#e03b45}
.proo-list{ overflow:hidden; margin-left:-15px; margin-right:-15px; }
.proo-list li{ width:25%; margin-bottom:23px; float:left; }
.proo-list a{ display:block; border:1px solid #b6b6b6; color:#939393; margin:0 15px;}
.proo-list .tx1{ font-size:16px; color:#000; font-weight:bold; margin-bottom:7px; }
.proo-list .tx2{ margin-bottom:22px; }
.proo-list .more{ width:100px; height:30px; line-height:30px; text-align:center; overflow:hidden; background:#bbb; color:#fff; margin:0 auto; transition:300ms; -webkit-transition:300ms; }
.proo-list .txts{ padding:36px 0 40px 0; }
.proo2{ padding:67px 0 192px 0; }
.pic,.pic2{display:block;overflow:hidden;position:relative}
.pic>img{display:block;width:100%;transition:.6s;-webkit-transition:.6s}
.pic2>img{display:block;width:100%}
.tac{text-align:center}
.proo-list a:hover { border-color: #091930; box-shadow: 0 0 8px rgba(0,0,0,.2); }
.proo-list a:hover .txts .more { background: #091930; }
.pt1{ /*background:#f6f6f6;*/ padding:35px 0 58px 0; }
.ptIntro{ overflow:hidden; background:#f6f6f6; padding:20px}
.piimg{ width:800px; height:495px; float:left; position:relative; background: #fff; }
.piBtn{ width:67px; height:67px; position:absolute; bottom:0; right:0; z-index:9; background:#091930 url(big2.png) no-repeat center center; }
.piimg .easyzoom{ height: 100%; width: 100%; }
.piimg .img{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; margin: auto; max-width: 100%; max-height: 100%; }
.pitxts{ background:#fff; float:right; width:580px; height:495px; overflow:hidden; }
.pitxts li{ border-bottom:2px solid #efefef; padding:0 38px; }
.pitxts .ti{ font-size:26px; font-weight:bold; color:#212121; }
.pitxts .freeTx{ font-size:16px; color:#7c7c7c; line-height:25px; }
.piDown{ display:block; height:59px; line-height:59px; overflow:hidden; background:#091930; color:#fff; font-size:18px; position:relative; }
.piDown p{ padding-left:25px; }
.piDown:before{ content:""; width:25px; position:absolute; top:0; bottom:0; right:20px; background:url(down.png) no-repeat center right; }
.piTel{ color:#7c7c7c; display:block; cursor:auto; line-height:1.4; }
.piTel strong{ font-size:24px; color:#091930; font-weight:bold; font-style:italic; margin-left:15px; }
.pitxts .p1{ padding-top:44px; padding-bottom:23px; }
.pitxts .p2{ padding-top:40px; padding-bottom:40px; }
.pitxts .p3{ border:none; padding-top:23px; }
.pitxts .piDown{ margin-bottom:37px; }
.pt-nav{ border-bottom:3px solid #f6f6f6; }
.pt-nav a{ display:block; color:#7a7a7a; float:left; line-height:24px; padding:18px 47px; position:relative; margin-right:28px; font-size:16px; }
.pt-nav a:before{ content:""; width:100%; height:5px; background:#ff0000; position:absolute; left:0; bottom:0; transform:translateY(-5px); -webkit-transform:translateY(-5px); opacity:0; visibility:hidden; transition:300ms; -webkit-transition:300ms; }
.pt-nav a.act{ background:#091930; color:#fff; }
.pt-nav a.act:before,
.pt-nav a.act:after{ transform:translate(0); -webkit-transform:translate(0); opacity:1; visibility:visible; }
.pt2{ color:#000; }
.proIntro{ overflow:hidden; margin-bottom:20px; font-size:14px;}
.proIntro .txts{ width:55%; float:left; }
.proIntro .pic{ width:41.75%; float:right; }
.pv-ti{ font-size:24px; font-weight:bold; border-bottom: 2px solid #f6f6f6; margin-bottom: 20px; padding-bottom: 10px; position:relative}
.pv-ti::after{position:absolute;content:" ";bottom:-2px;width:100px;left:0;height:3px;background-color:#ff0000}
.proIntro .txts .freeTx{ font-size:16px; line-height:2.5; height: 307px; overflow: hidden; overflow-y: auto; }
.proIntro .txts .freeTx p{ position:relative; padding-left:20px; }
.proIntro .txts .freeTx p:before{ content:""; width:8px; height:8px; background:#091930; border-radius:100%; position:absolute; left:0; top: 16px; }
.proIntro .pv-ti{ margin-bottom:20px; }
.proIntro .pv-ti:after{ content:""; width:8px; height:8px; background:#091930; border-radius:100%; position:absolute; left:0; top: 16px; }
.pv1{ padding:30px 0 0 0; }
.pvTable{ overflow:hidden; margin-top:17px; }
.pvTable table{ border-collapse:collapse; background:#f8f9fa; width:100%; }
.pvTable table th,.pvTable table td{ border:1px solid #adadad; line-height:24px; padding:13px 60px; font-size:16px; text-transform:uppercase; }
.pvTable table th{ background:#aaa; color:#fff; font-weight:normal; text-align:left; padding-top:22px; padding-bottom:22px; font-size:18px; }
.pvTable table th:nth-child(2){ background:#b4b4b4; }
.pvTable table th:nth-child(3){ background:#c3c3c3; }
.pv2{ padding-top:55px; }
.section3 .fbg{background:url(bg3.jpg) no-repeat center;background-size:cover}
.news-selected{display:flex;justify-content:space-between}
.news-boxs{visibility: inherit !important;}
.news-item{position:relative;display:inline-block;width:31.6%;padding:50px 2.4% 50px;box-sizing:border-box;overflow:hidden; background-color:#fff}
.news-item::after{content:'';position:absolute;left:0;bottom:0;width:0;height:0;background-color:#091930;transition:all .4s ease-in-out;z-index:1}
.news-item *{position:relative;z-index:2}
.news-item h4{font-size:30px;overflow:hidden;text-overflow:ellipsis;margin-bottom:30px; margin-top:30px; text-align:center; height:80px; line-height:40px; padding: 0 60px;}
.news-item .img{overflow:hidden; display:block}
.news-item .img img{transition:all .5s ease}
.news-item p{margin-top:30px;font-size:.73rem;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.news-item .info{font-size:.73rem;color:#999;margin-top:50px}
.news-item:hover::after{left:-9.09rem;bottom:-4.55rem;width:600px;height:1000px}
.news-item:hover *{color:#fff!important}
.news-item:hover .img img{transform:scale(1.04)}
.section4 .fbg{background:url(advantage.jpg) no-repeat center;background-size:cover}
.section5 .fbg{background:url(bg1.jpg) no-repeat center;background-size:cover}
.section6 .fbg{background:url(bg5.jpg) no-repeat center;background-size:cover}
.atitle{font-size:16px; font-weight:normal; margin-bottom:20px}
.btitle{font-size:20px; font-weight:bold; margin-top:80px;}
.contact-way {
padding: 100px 0;
}
.w1200 {
width: 1200px;
margin: 0 auto;
}
.action.loadscale {
opacity: 1;
visibility: visible;
transform: translate(0, 0) scale(1);
transition: 0.65s all ease-out;
}
.contact-map {
position: relative;
}
.contact-way {
padding: 20px 0;
}
.contact-way ul {
display: flex;
border-top: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
}
.contact-way li {
flex: 1;
padding: 50px 10px;
text-align: center;
}
.contact-way li:not(:first-child) {
border-left: 1px solid #EAEAEA;
}
.cwicon img{
width: 45px;
height: 45px;
}
.cwbt {
display: block;
color: #333333;
font-size: 18px;
font-weight: normal;
margin-top: 30px;
}
.cwms {
color: #848181;
font-size: 14px;
margin-top: 10px;
}
/*留言反馈*/
.fixbg {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-attachment: fixed;
}
.om-box { width: 848px; margin: 0 auto; color: #fff; }
.om-ti .ch { font-size: 30px; font-weight: bold; }
.om-ti .en { font-size: 18px; font-family: Arial; margin-top: 5px; }
.om-from li { overflow: hidden; font-size: 15px; }
.om-from .om-1 .o { float: left; margin-right: 28px; }
.om-from label, .om-from input, .om-from textarea { display: block; background:none; outline:0}
.om-from .s-input, .om-from .s-textarea { border: 1px solid #fff; line-height: 24px; padding: 7px 14px; color: #fff; transition: 300ms; -webkit-transition: 300ms; }
.om-from .om-1 .s-input { width: 254px; }
.om-from .om-1 .o:last-child { margin-right: 0; }
.om-from label { line-height: 24px; margin-bottom: 7px; }
.om-from .s-textarea { height: 112px; width: 818px; }
.om-from .o { margin-bottom: 17px; }
.om-from .v { width: 105px; height: 40px; overflow: hidden; float: left; margin-top: 31px; }
.om-from .v img { width: 100%; display: block; }
.om-from .suBtn { width: 100%; height: 50px; background: #fff; font-size: 16px; color: #090059; margin-top: 30px; cursor: pointer; transition: 400ms; -webkit-transition: 400ms; border:none}
.om-from .s-input:focus, .om-from .s-textarea:focus { border-color: #090059; }
.om-from .suBtn:hover { background: #090059; color: #fff; }
.om-from { margin-top: 63px; }
.om-tx { margin-top: 20px; }
.cta2 { padding: 76px 0 110px 0; }
.sidebar .widget {
box-shadow: 0 0 14px rgb(82 85 90 / 10%);
}
.sidebar.blog .widget .widget-title {
background: #090059;
font-size: 20px;
}
.sidebar .widget .widget-title {
background: #090059;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding: 15px 20px;
}
.sidebar .widget .widget-title h3 {
text-transform: uppercase;
color: #fff;
position: relative;
margin-bottom: 12px;
display: inline-block;
padding-top: 8px;
font-size: 20px;
}
.p-1-9 {
padding: 20px;
}
.list-style4 {
list-style: none;
padding: 0;
margin: 0;
}
.list-style4 li {
border-bottom: 1px solid #efefef;
line-height:40px;
height:40px;
}
.list-style4 li a{
font-size: 16px;
padding-left:15px;
}
.list-style4 li a:hover,.list-style4 li.clicked a{
color: #FFF; background:#090059; display:block;
}