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 Microsoft YaHei,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:'Microsoft YaHei';}
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: "microsoft yahei";}
.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;
}