@charset "utf-8";
*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
body{ font-family: 'Arial', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:15px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#040000; }
a{color:#040000; text-decoration:none;outline:none;/* transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;*/-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; color:#040000}
ol,ul,li{list-style:none}
header, main, footer, figure{ display:block;}

*::before,
*::after { font: inherit; margin: 0; padding: 0; color: inherit;box-sizing: border-box;}

.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button,input{ outline:none;font-size:16px;font-family: 'Arial', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
input{-webkit-appearance: none ;}

.mbg{ background:#f4f4f4;}

.section{ padding:90px 0 120px 0;}
.sectionpre{ padding-top:90px;}
.sectionnext{ padding-bottom:90px;}
.iabout .section{ padding:120px 0 130px 0;}
#a01, #a02, #a03, #a04{ position: absolute;  margin-top:-80px;}
.wrap{ width:90%; max-width: 1680px; margin:0 auto}


.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.kuai:hover .pic img, .item:hover .pic img, li:hover .pic img, a:hover .pic img,  .pic:hover img{transform:scale(1.05);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}

.title {text-align: center;overflow: hidden;line-height: 1.3; margin-bottom:45px;}
.title h3{ font-size:40px;}
.title p{ font-size:24px; margin-top:20px;}

.jvzhong{ text-align:center;}

.ntitle {overflow: hidden;line-height: 1.3; margin-bottom:40px;}
.ntitle h3{ font-size:36px;}

.header{width: 100%;top:0;left:0;position:fixed; height:80px; z-index:9999;background:#fff; box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.header .logo{ position:absolute; left:calc(50% - 840px); top:50%; margin-top:-25px; z-index:99}
@media screen and (max-width:1826px){
.header .logo{left:5%;}
}
.space{ height:80px;}
.header .logo img{ display:block; height:50px; width:auto}

.header .search{ position:absolute; right:calc(50% - 840px); top:50%; margin-top:-30px; z-index:999}
@media screen and (max-width:1826px){
.header .search {right:5%;}
}
.header .search .sou{ width:18px; line-height:60px; height:60px; background:url(../images/search.png) no-repeat center center;  background-size:100% auto; display:block;}
.header .search .sub{ display:none; position:absolute; right:0; width:calc(100% - 168px); top:0; background:#fff; padding:15px 0 10px 0; line-height:30px; z-index:998;}
.header .search .sub .search_btn{background:url(../images/search-btn1.png) no-repeat center center; background-size:100% auto; width:16px; height:30px; border:none; float:left; cursor:pointer;}
.header .search .sub .inp{width:calc(100% - 30px); height:30px; border:none; font-size:14px; border-bottom:solid 1px #e6e6e6; float:right;}
.header .search.cur .sub{ display:block; width:250px;}
.header .wrap{ position:relative;}
.header .search .sub .search-con{ position:absolute; top:50%; right:0; margin-top:-7px; cursor:pointer; width:14px; height:14px; background:url(../images/closeb.png) no-repeat center center / cover;}

.header .menu {width:100%; text-align:center; z-index:-1}
.header .menu li{ display:inline-block;}
.header .menu li:nth-child(1), .header .menu li:nth-child(2), .header .menu li:nth-child(4), .header .menu li:nth-child(5), .header .menu li:nth-child(6), .header .menu li:nth-child(7){position:relative; }
.header .menu li .menu_a{ line-height:80px; display:block; font-size:18px; font-weight:bold; position:relative; margin:0 20px}
.header .menu li.arrow .menu_a{margin:0 25px 0 20px}
.header .menu li .menu_a:after {content: '';width: 0;height: 2px;background:#333;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.header .menu .cur a:after, .header .menu li:hover .menu_a:after {width: 100%}
.header .menu li .menu_a.cur{ color:#040000;}
.header .menu li.arrow .menu_a:before{ content:""; position:absolute; right:-20px; top:0%; width: 9px;  height: 100%; transition: all 0.3s;background: url(../images/arrow1.png) right center no-repeat;}
.header .menu li.arrow .menu_a.cur:before, .header .menu li.arrow .menu_a:hover:before{transform: rotate(180deg);}
.header .menu li .sub{position:absolute; display:none;clear:both; background:#fff; z-index:99;}
.header .menu li .sub.cur{ display:block}
.header .menu li .subchang{ width:100%; left:0%;box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.header .menu li .subduan{box-shadow: 0 0 10px rgba(0,0,0,0.15);position:absolute; display:none;clear:both; background:#fff; z-index:99;left: 50%;top: 100%; text-align: center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);}
.header .menu .subduan{ text-align:center; line-height:50px; border-radius:5px; overflow:hidden; }
.header .menu .subduan a{ display:block;white-space: nowrap; background-color:#fff; color:#6d6d6d; border-bottom:solid 1px #e5e5e5;padding:0 30px;  }
.header .menu .subduan a:hover{background-color: #ededed; color:#333;}

.header .menu li .subpro{width:450%; margin-left:-40%; box-shadow: 0 0 10px rgba(0,0,0,0.15); text-align:center; line-height:50px; border-radius:5px; overflow:hidden; display:none;}

.header .menu li .subpro .top{ height:50px; }
.header .menu li .subpro .top p{ display: block; width:33.33%; }
.header .menu li .subpro .inn{ position:relative;}
.header .menu li .subpro .kuai{ position:relative;}
.header .menu li .subpro .kuai .psub{ position:absolute; top:0; right:0; width:60%; padding:0 20px; height:357px; background:#fff; display:none}
.header .menu li .subpro .kuai .psub.cur{ display:block}
.header .menu li .subpro .kuai:nth-child(1) .psub{ top:0;}
.header .menu li .subpro .kuai:nth-child(2) .psub{ top:-51px;}
.header .menu li .subpro .kuai:nth-child(3) .psub{ top:-102px;}
.header .menu li .subpro .kuai:nth-child(4) .psub{ top:-153px;}
.header .menu li .subpro .kuai:nth-child(5) .psub{ top:-204px;}
.header .menu li .subpro .kuai:nth-child(6) .psub{ top:-255px;}
.header .menu li .subpro .kuai:nth-child(7) .psub{ top:-306px;}
.header .menu li .subpro .kuai:nth-child(8) .psub{ top:-357px;}
.header .menu li .subpro .hover{ width:40%; display:block;}
.header .menu .subpro a.hover{ display:block; background-color:#fff; color:#6d6d6d; border-bottom:solid 1px #e5e5e5; }
.header .menu .subpro a.hover:hover, .header .menu .subpro .kuai.cur a.hover{background-color: #ededed; color:#040000;}
.header .menu .subpro .img-dv .img1{ height:357px; width:auto;}
.header .menu .subpro .kuai:hover .pic img, .header .menu li .subpro .kuai a:hover .pic img{transform:scale(1) !important;}
.header .menu li .subpro .kuai .psub .img-dv .img2{ width:auto !important; height:auto !important; max-width:100% !important; max-height:auto !important; min-height:auto !important;}

.header .menu li .subpro .yiji a{ display:block; background-color:#fff; color:#6d6d6d; border-top:solid 1px #e5e5e5; font-weight:bold }
.header .menu li .subpro .yiji:nth-child(1){border-top:none; border-bottom:solid 1px #e5e5e5;}
.header .menu li .subpro .yiji a:hover{background-color: #ededed; color:#333;}

.header .menu li .subchang .item{ float:left; width:18.4%; margin-right:2%; padding:40px 0 60px 0; }
.header .menu li .subchang .item:nth-child(5n){ margin-right:0;}
.header .menu li .subchang .item .pic{ display:block; width:100%;transition: 0.5s; margin:20px auto 20px auto}
.header .menu li .subchang .item:hover .pic{ margin:10px auto 30px auto}
/*animate*/
@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
.header .menu li .sub p:nth-child(1){animation: 0.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(2){animation: 0.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(3){animation: 0.6s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(4){animation: 0.7s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(5){animation: 0.8s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(6){animation: 0.9s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(7){animation: 1.0s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(8){animation: 1.1s ease-in-out 0s 1 normal both running rightOpacityShow;}

.header .lang{ position:absolute; right:calc(50% - 840px); top:0%; z-index:99;}
@media screen and (max-width:1826px){
.header .lang {right:5%;}
}


.header .language{ position:absolute; right:calc(50% - 800px); top:0%; z-index:99; line-height:80px; color:#888}
@media screen and (max-width:1826px){
.header .language {right:calc(5% + 40px);}
}
.header .language a{ padding:0 8px; }
.header .language a{ color:#444}
.header .language a:hover{ color:#222}

.header .lang .tit{ width:110px; line-height:80px; position:relative; padding-left:20px; font-size:16px; }
.header .lang .tit:before{ content:""; position:absolute; right:15px; top:0%; width: 9px;  height: 100%; transition: all 0.3s;background: url(../images/arrow1.png) right center no-repeat;}
.header .lang:hover .tit:before{transform: rotate(180deg);}
.header .lang .sub{ text-align:center; line-height:40px;border-radius:5px;box-shadow: 0 0 10px rgba(0,0,0,0.15);  overflow:hidden;position:absolute; display:none;clear:both; background:#fff; z-index:99; width:100%; }
.header .lang .sub a{ display:block; background-color:#fff; color:#6d6d6d; border-bottom:solid 1px #e5e5e5; }
.header .lang .sub a:hover{background-color: #ededed; color:#333;}

.main .banner{ position:relative;}
.main .banner .swiper-slide img{ display:block; width:100%; height:auto;}
.main .banner .swiper-slide a{ display:block; position:relative;}
.main .banner .swiper-slide .text{position:absolute; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:53%; color:#fff; width:100%}
.main .banner .swiper-slide .text h3, .main .banner .swiper-slide .text .con{ font-size:45px; font-weight:bold;filter: alpha(opacity=0); opacity: 0;}
.main .banner .swiper-slide .text .con{ margin-top:45px; font-size:30px; font-weight:normal; line-height:50px; }
.main .banner .swiper-slide .text .con p{color:#fff !important;}
.main .banner .swiper-slide-active .text h3, .main .banner .swiper-slide-active .text .con { color:#fff !important; animation: mymove6 0.6s;-webkit-animation: mymove6 0.6s linear;animation-iteration-count: 1;animation-fill-mode: forwards;animation-delay: 0.2s;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: forwards;-webkit-animation-delay: 0.2s;}
.main .banner .swiper-slide .text .bmore{ margin-top:100px;font-size:14px; text-transform:uppercase; display:inline-block; padding:0 30px; line-height:50px; border-radius:25px; position:relative; overflow:hidden; border: solid 2px #fff; background-color:rgba(0,0,0,0.1); text-align:center; text-transform:uppercase; color:#fff}
.main .banner .swiper-slide .text .bmore span{ position:relative; z-index:2}
.main .banner .swiper-slide-active .text .con {-webkit-animation-delay: 0.5s;}
.main .banner .swiper-slide-active .text .bmore {-webkit-animation-delay: 1s;}
.main .banner .swiper-slide-active .text .bmore:after{ content:""; position:absolute; left:0; width:0; height:100%;background:#fff; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.main .banner .swiper-slide-active .text .bmore:hover:after{ width:100%}
.main .banner .swiper-slide-active .text .bmore:hover{ color:#333;}


.main .banner .swiper-other {position: absolute; left: 0; bottom:40px;z-index: 2;width: 100%;}
.main .banner .swiper-other .swiper-pagination-bullet {--cw: 16px; margin: 0 10px; position: relative; cursor: pointer;background:none;}
.main .banner .swiper-pagination-bullet-active{ background:none;}
.main .banner .swiper-other .swiper-pagination-bullet::before {content: "";position: absolute; left: 0;top: 0; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.8);
 width: var(--cw); height: var(--cw);opacity: 1; transition: opacity 0.3s;}
.main .banner .swiper-other .swiper-pagination-bullet-active::before {border: 2px solid rgba(255, 255, 255, 0.2);}
.main .banner .swiper-other .cycle-box {--size: var(--cw); --b-c: #ffffff; --b-w: 1px; display: block;}
.main .banner [flex]{display: flex;}
.main .banner [flex][flex~="aic"] {align-items: center;}
.main .banner [flex][flex~="jc"] {justify-content: center;}
.main .banner .cycle-box {--size: 36px; --time: 4s;--b-c: var(--main-color); --b-w: 3px; position: relative;width: var(--size);height: var(--size);}
.main .banner .cycle-box .cycle-son {position: absolute; top: 0;height: var(--size);width: calc(var(--size)*0.5);overflow: hidden;}
.main .banner .cycle-box .cycle-son::before {content: ''; display: block;position: absolute; left: 0;top: 0; width: 100%;height: 100%;}
.main .banner .cycle-box .left-c {left: 0;}
.main .banner .cycle-box .left-c::before {transform-origin: right center; border-radius: calc(var(--size)*0.5) 0 0 calc(var(--size)*0.5);border: var(--b-w) solid var(--b-c);
border-right: 0; transform: rotate(-180deg);}
.main .banner .cycle-box .right-c {right: 0;}
.main .banner .cycle-box .right-c::before {transform-origin: left center;border-radius: 0 calc(var(--size)*0.5) calc(var(--size)*0.5) 0;border: var(--b-w) solid var(--b-c);
 border-left: 0; transform: rotate(-180deg);}
.main .banner .cycle-box.run .left-c::before {transform: rotate(0deg);animation: cycle-left var(--time) linear;}
.main .banner .cycle-box.run .right-c {right: 0;}
.main .banner .cycle-box.run .right-c::before {transform: rotate(0deg);animation: cycle-right var(--time) linear;}
.main .banner .cycle-box-h:hover .left-c::before { transform: rotate(0deg);animation: cycle-left var(--time) linear;}
.main .banner .cycle-box-h:hover .right-c {right: 0;}
.main .banner .cycle-box-h:hover .right-c::before {transform: rotate(0deg); animation: cycle-right var(--time) linear;}
.main .banner .run .cycle-box .left-c::before {animation: cycle-left var(--time) linear;}
.main .banner .run .cycle-box .right-c {right: 0;}
.main .banner .run .cycle-box .right-c::before { animation: cycle-right var(--time) linear;}

@keyframes cycle-left {
  0% {
   transform: rotate(-180deg);
  }
  50% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes cycle-right {
  0% {
    transform: rotate(-180deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes mymove6
{
from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(60px) translateX(0);
  transform: translateY(60px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}

@-webkit-keyframes mymove6

{
from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(60px) translateX(0);
  transform: translateY(60px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}
.main .banner .btn {
	position: absolute;
	top: 50%;
	right: 0px;
	z-index: 10;
	width: 100%;
	z-index:999;
}
.main .banner:hover .btn .boxs {
	width: 98%;
}
.main .banner .btn .boxs {
	margin: 0 auto;
	width: 99%;
	transition: all 0.3s;
}
.main .banner .swiper-button-prev,  .main .banner .swiper-button-next,  .main .banner .swiper_button_play {
	width: 60px;
	height: 60px;
	/* margin: 0 0 0 10px;*/ font-size: 30px;
	color: #fff;
	border-radius: 50%;
	background: no-repeat center;
	background-size: 12px auto;
	position: static;
	margin-top: -30px;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
	background-color: rgba(31,45,61,.11)
}
.main .banner .swiper-button-prev {
	background-image: url(../images/arrow2.png);
	float: left;
}
.main .banner .swiper-button-prev:hover {
	/*opacity:0.8;filter:Alpha(opacity=80);*/background-color: rgba(31,45,61,.23)
}
.main .banner .swiper-button-next {
	background-image: url(../images/arrow3.png);
	float: right;
}
.main .banner .swiper-button-next:hover {
	/*opacity:0.8;filter:Alpha(opacity=80);*/background-color: rgba(31,45,61,.23)
}



.picture-transition{ overflow:hidden;}
.picture-transition figure .pc-version{display: flex;list-style: none;position: relative;padding-left: 0;width: 100%;}
.picture-transition figure .pc-version .img-item{width: 32.66%;  margin-right:1%;position: relative;padding-bottom: 37.75%;transition: all 1.6s; overflow:hidden; border-radius:30px;}
.picture-transition figure .pc-version .img-item:nth-child(3n){ margin-right:0;}
.picture-transition figure .pc-version .img-item .bg-img{width: 100%;background-position: 72% 0;background-size: auto 100%;background-repeat: no-repeat;height: 100%;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);top: 0;padding:70px 40px;display: flex;flex-direction: column;color: #fff;text-align: left;justify-content: flex-end;transition: all .6s; overflow:hidden; border-radius:30px; background-color:#040000;}
.picture-transition figure .pc-version .img-item .bg-img p{margin: 0;transition: all .6s}
.picture-transition figure .pc-version .img-item .bg-img .item-title{font-size:32px;color: #fff;z-index: 10; text-transform:capitalize;}
/*.picture-transition figure .pc-version .img-item .bg-img div{z-index: 10}
.picture-transition figure .pc-version .img-item .bg-img div .item-desc{font-size:26px;color: #fff}*/
.picture-transition figure .pc-version .img-item .bg-img div .item-function{font-size:26px;display: none;color: #fff}
.picture-transition figure .pc-version .img-item .bg-img:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;/*background-color: rgba(0,0,0,.5);*/z-index: 9; }
.picture-transition figure .pc-version .img-item:nth-of-type(2) .bg-img{background-position: 80% 0}
.picture-transition figure .pc-version .img-item+.img-item{border-left: 1px solid #fff}
.picture-transition figure .pc-version .active{width: 70%}
.picture-transition figure .pc-version .active .bg-img div .item-desc{margin-bottom: 60px}
.picture-transition figure .pc-version .active .bg-img div .item-function{display: block}
.picture-transition figure .pc-version .active .bg-img:before{background-color: rgba(0,0,0,0)}
.picture-transition figure .pc-version .active .bg-img .item-title .bb{animation: show_hiden2 2s ease-out;}
.picture-transition figure .pc-version .active .bg-img .item-desc .bb{animation: show_hiden2 2s ease-out;}
.picture-transition figure .pc-version .normal{width: 13%}
.picture-transition figure .pc-version .normal .bg-img{background: #040000!important}
.picture-transition figure .pc-version .normal .bg-img .item-title{writing-mode: vertical-lr;display: inline-flex;align-items: center;/*color: rgba(255,255,255,.5)*/}
.picture-transition figure .pc-version .normal .bg-img div .item-desc{display: none}
.picture-transition figure .pc-version .normal .bg-img div .item-function{display: none}
.picture-transition figure .mobile-version{display: none}



.iapp {overflow: hidden;position: relative;}
.iapp .title {top:100px; left: 0;width: 100%;z-index: 9;position: absolute;color: #fff; text-align:left;}
.iapp .tabbox {position: relative;}
.iapp .tabbox:before {top: 0;left: 0;z-index: 1;content: "";width: 100%;height: 100%;position: absolute;background: rgba(0, 0, 0, 0.25);}
.iapp .tabcot {height:calc(100vh - 80px); min-height:650px;display: none;background-repeat: no-repeat;background-position: top center;background-size: cover;position: relative;}
.iapp .tabnav {top: 0;left: 0;width: 100%;height: 100%;position: absolute;}
.iapp .tabnav ul {height:calc(100vh - 80px); min-height:650px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;text-align: center;}
.iapp .tabnav li {width: 20%;position: relative;}
.iapp .tabnav li:after {top: 0;left: 0;content: "";width: 100%;height: 100%;position: absolute;opacity: 0;z-index: 3;-webkit-transition: all 1000ms ease;transition: all 1000ms ease;background: rgba(23, 58, 127, 0.8);}
.iapp .tabnav li .item {height: 100%;z-index: 4;width: 100%;text-align: center;bottom: 0rem;display: block;position: absolute;}
.iapp .tabnav li .text {left: 0;width: 100%;bottom:100px;position: absolute;-webkit-transition: all 700ms ease;transition: all 700ms ease;}
.iapp .tabnav li .icon img {max-height: 100px;}
.iapp .tabnav li .tit {color: #fff;margin-top: 20px;font-weight: 700;font-size: 24px;overflow: hidden;}
.iapp .tabnav li .appmore {opacity: 0;-webkit-transition: all 700ms ease;transition: all 700ms ease;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0); position: relative;}
.iapp .tabnav li .appmore:before {content: ""; height:2px;width:40px;background: #fff;display: inline-block;}
.iapp .tabnav li .appmore:after {content: ""; left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);display: inline-block;height: 40px;width: 2px;background: #fff;position: absolute;}
@media (min-width: 1025px) {
.iapp .tabnav li:hover:after {opacity: 1;}
.iapp .tabnav li:hover .text .appmore {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);margin-top: 150px;}
}




.newpro .conn{ position:relative; }
.newpro .swiper-slide{ border-radius:20px; overflow:hidden;  }
.newpro .swiper-slide a{border:solid 1px #ddd; background:#f8f8f8; display: block; border-radius:20px; overflow:hidden; margin:0 1px;}
.newpro .swiper-slide .pic{ background:url(../images/probg.jpg) no-repeat center center; background-size:cover;}
.newpro .swiper-slide .text{ padding:25px 25px 40px 25px; text-align:center}
.newpro .swiper-slide .text h3{ margin-bottom:10px;}
.newpro .swiper-slide .text p{ opacity:0.7;  position:relative; /*padding-left:20px;*/ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*.newpro .swiper-slide .text p:after{ content:""; position:absolute; left:0; top:12px; width:6px; height:6px; border-radius:50%; background:#000;}*/
.more {margin-top: 40px;transition: all 0.3s; font-size:14px; display: inline-block; position:relative;border-radius: 25px;border: 1px solid #666666; overflow:hidden; }
.more .a {display: inline-block; position:relative; z-index:11; text-transform:uppercase;vertical-align: top;text-align: center;line-height: 40px;color: #666666;font-size: 14px;padding-left: 25px;padding-right: 25px;transition: all 0.3s;}
.more .a i {margin-left: 8px;font-family: "宋体";font-weight: bold;font-style: normal; position:relative; z-index:11;}
.more:after{content: " "; position: absolute;top: 0;left: 0;width: 0;height: 100%;background: rgba(0,0,0,1);-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;}
.newpro .swiper-slide:hover .more:after, .more:hover:after {width:100%;}
.newpro .swiper-slide:hover .a, .more:hover .a{ color:#fff;}
.newpro .swiper-slide .text .more{ margin-top:20px;}
.inewpro.newpro .swiper-slide .text .more{ margin-top:35px;}
.inewpro.newpro .swiper-slide .text{ text-align:left}
.inewpro.newpro .swiper-slide .text p{ opacity:0.7;  position:relative; padding-left:20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inewpro.newpro .swiper-slide .text p:after{ content:""; position:absolute; left:0; top:12px; width:6px; height:6px; border-radius:50%; background:#000;}

.newpro .swiper-button-prev,  .newpro .swiper-button-next,  newpro .swiper_button_play {
	width: 60px;
	height: 60px;font-size: 30px;
	color: #fff;
	border-radius: 50%;
	background: no-repeat center;
	background-size: 12px auto;
	position: absolute; top:50%; left:0;
	margin-top: -30px;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
	background-color: rgba(31,45,61,.11)
}
.newpro .swiper-button-prev {
	background-image: url(../images/arrow2.png);
}
.newpro .swiper-button-prev:hover {background-color: rgba(31,45,61,.23)}
.newpro .swiper-button-next {background-image: url(../images/arrow3.png); left:auto; right:0;}
.newpro .swiper-button-next:hover { background-color: rgba(31,45,61,.23) }


.iabout { background: url(../images/aboutbg.jpg) #000 no-repeat center center; background-size:cover; color:#fff; position:relative; overflow:hidden;}
.iabout .wrap{ position:relative; z-index:2}
.iabout .title{ text-align:left; width:50% }
.iabout .conn{ width:50%; opacity:0.8}
.iabout .more{ margin-top:100px;border: 1px solid #fff;}
.iabout .more .a {color: #fff;}
.iabout .more:after{background: rgba(255,255,255,1);}
.iabout .more:hover .a{ color:#333;}
.iabout .video{ position:absolute; height:100%; top:0; right:0}
.iabout .video:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-image: linear-gradient(90deg, rgba(0,0,0,0.7), rgba(0,0,0,0.1));}
.iabout .video video{ display:block; height:100%;}
.iabout .video .vbtn {top: 50%;left: 50%;height: 100px;width: 100px;border-radius: 50%;text-align: center;line-height: 100px;border: solid 6px #1c64a4;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);position: absolute; z-index:22; opacity:0.7;}
.iabout .video .vbtn a {display: block;position: relative;}
.iabout .video .vbtn a:after {content: "";margin-left: 5px; margin-top:-15px;vertical-align: middle;display: inline-block; border-radius:2px;border-left: solid 20px #1c64a4;border-top: solid 20px transparent;border-bottom: solid 20px transparent;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.iabout .video .vbtn a:hover:after {-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}



.inews ul{ font-size:0; margin:0 -12.5px}
.inews ul li{ display:inline-block; width:33.333333%; padding:0 12.5px}
.inews ul li .img, .inews ul li .img img{ overflow:hidden; width:100%;max-width:100%; border-radius:10px 10px 0px 0px;transition: transform 1s;}
.inews ul li .con{ padding:25px 25px 40px 25px; background-color:#f4f4f4;border-radius:0px 0px 10px 10px;}
.inews ul li .con h6{ font-size:15px; color:#888887}
.inews ul li .con h5{ font-size:18px; font-weight:normal; color:#424242; height:20px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:10px 0;}
.inews ul li .con p{color:#666;font-size:16px; line-height:25px; height:50px;  display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.inews ul li .img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s; }
.inews ul li:hover img{-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);}
.inews .miso-slide{ margin-bottom:10px;}
.inews ul.miso-dots li{ display:inline-block; width:9px; height:9px; margin:0 4px; padding:0; background:#bcbcbc; border-radius:4.5px; transition:0.6s}
.inews ul.miso-dots li.miso-active{ background:#333; width:1.875rem}

.miso-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.miso-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.miso-list:focus{outline: none;}
.miso-list.dragging{ cursor: pointer; cursor: hand;}
.miso-slider .miso-track,
.miso-slider .miso-list{ -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.miso-track {position: relative;left: 0;top: 0;display:inline-block;zoom: 1;margin-left: auto;margin-right: auto;vertical-align: top;}
.miso-track:before,
.miso-track:after{ display: table; content: '';}
.miso-track:after{ clear: both;}
.miso-loading .miso-track{ visibility: hidden;}
.miso-slide { float: left; height: 100%; min-height: 1px; display: none; -moz-user-select:text; -khtml-user-select: text; user-select:text;}
[dir='rtl'] .miso-slide{ float: right;}
.miso-slide img{ display: block;}
.miso-slide.miso-loading img{ display: none;}
.miso-slide.dragging img{ pointer-events: none;}
.miso-initialized .miso-slide{ display: block;}
.miso-loading .miso-slide{ visibility: hidden;}
.miso-vertical .miso-slide{ display: block; height: auto;}
.miso-arrow.miso-hidden {display: none;}


.miso-prev,
.miso-next{font-size: 0;line-height: 0;  position: absolute; top: 50%; display: block; width: 20px; height: 20px;padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.miso-prev:hover,
.miso-prev:focus,
.miso-next:hover,
.miso-next:focus{ color: transparent; outline: none; background: transparent;}
.miso-prev:hover:before,
.miso-prev:focus:before,
.miso-next:hover:before,
.miso-next:focus:before{ opacity: 1;}
.miso-prev.miso-disabled:before,
.miso-next.miso-disabled:before{ opacity: .25;}

.miso-prev:before,
.miso-next:before{ font-size:2rem; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; cursor:pointer}

.miso-prev{ left: 0px;}
[dir='rtl'] .miso-prev{ right: 0px; left: auto;}
.miso-prev:before{ content: ''; font-family:simsun;}
[dir='rtl'] .miso-prev:before{ content: ''; font-family:simsun;}

.miso-next{ right: 0px;}
[dir='rtl'] .miso-next{ right: auto; left: 0px;}
.miso-next:before{ content: ''; font-family:simsun;}
[dir='rtl'] .miso-next:before{ content: ''; font-family:simsun;}
/* Dots */
.miso-dots { position: absolute; bottom:-10%; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.miso-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.miso-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;}
.miso-dots li button:focus{ outline: none; }
.miso-dots li.miso-active a{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}



.f_bg {background: #222;clear: both;padding-top:10px;text-align: left;color: #666666;}
.f24 {font-size: 16px; font-weight:bold; }
.f_bg a {
	color: rgba(255,255,255,.7);
	text-decoration: none;
}
.f_bg .f_div2_r .p ul li{color: rgba(255,255,255,.7);}
.f_bg a:hover {
color: rgba(255,255,255,1);
}
.f_bg .f_one {
	padding: 30px 0 10px 0;
	border-bottom: 1px solid rgba(255,255,255,.1);
}
.f_bg .f_one .logo3 {
	float: left;
	height: 23px;
}
.f_bg .h2 {
	line-height: 24px;
	font-weight: normal;
	font-size: 17px; font-weight:bold;
	color: #fff;
	position: relative;
	text-transform: capitalize;margin-bottom:20px;
}
.f_bg .f_div2_r .p ul li.h2{ color:#fff}
.f_bg .f_m {
	float: left; margin:50px 0 20px 0;
	width: 64%;
	max-width: 1136px;
	position: relative;/* max-width:700px;*/
}
.f_bg .f_m:after {
	height: 320px;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	background:rgba(255,255,255,.1);
}
.f_bg .links {
	float: left;
	width: 25%;
	overflow: hidden;
	vertical-align: top;
	text-align: left;
}
.f_bg .links.w1 {
	width: calc(50.8% - 204px);
	width: -webkit-calc(50.8% - 204px);
	width: -moz-calc(50.8% - 204px);
}
.f_bg .links.w2 {
	width: 204px;
}
.f_bg .links.w2 li a {
	color: #333333;
	font-size: 18px;
}
/*.f_bg .links.w3{ width:15.91%;}

.f_bg .links.w4{ width:13.2%;}*/

.f_bg .links ul li {
	display: block;
	line-height: 24px;
	overflow: hidden;
	margin-top: 10px;
}
.f_bg .links ul li a {
	transition: all 0.3s;
	padding-right: 5px; display:block; 
}
.f_bg .links ul li .erji a{ display:block; margin-top:5px; margin-left:10px; font-size:90%; }
.f_bg .links ul li a:hover {
	margin-left: 5px;
	padding-right: 0;
}
.f_bg .f_div2_r {
	text-align: left;
	float: right;
	max-width: 450px; margin:50px 0;
	width: 34%;
}
.f_bg .f_div2_r .flogo img {
	max-width: 100%;
	height: 50px;
}
.f_bg .f_div2_r .p {
	line-height: 24px;
	overflow: hidden;
	margin-top: 15px;
}
.f_bg .f_div2_r .p ul li {
	display: block;
	overflow: hidden;
	margin-bottom: 12px;
}
.f_bg .f_div2_r .p ul li span {
	display: inline-block;
	vertical-align: top;
	width: 17px;
	height: 24px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: left top 3px;
	background-size: 17px 17px;
}
.f_bg .f_div2_r .p ul li.bgs1 span {
	background-image: url(../images/foot_pic1.png);
}
.f_bg .f_div2_r .p ul li.bgs2 span {
	background-image: url(../images/foot_pic2.png);
}
.f_bg .f_div2_r .p ul li.bgs3 span {
	background-image: url(../images/foot_pic3.png);
}

.f_bg .f_div2_r .fcontact{ width:180px; line-height:50px; background:#1c64a4; margin-top:40px;}
.f_bg .f_div2_r .fcontact:hover{ opacity:0.8;}
.f_bg .f_div2_r .fcontact a{ display:block; text-align:center; color:#fff; background:url(../images/pnext02.png) no-repeat 80% center; background-size:12px auto; padding-right:20px;}
.f_div3 {
	min-height: 24px; padding:10px 0;
	clear: both;
	padding-top: 15px;
	padding-bottom: 15px; border-top:solid 1px rgba(255,255,255,.1);
	overflow: hidden;
	color: rgba(255,255,255,0.5);
}
.f_div3 a {
	color: rgba(255,255,255,0.5);
}
.f_div3 a:hover {
	transition: all 0.3s;
	color: #fff;
}
.f_div3 em {
	font-style: normal;
	margin-left: 20px;
}

.gotop {
	position: fixed;
	bottom: 30px;
	right: 1%;
	width: 50px;
	height: 50px;
	background: url(../images/gotop.png) no-repeat;
	background-size: 100% 100%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	z-index: 99;
	display: none;
}
.gotop:hover {/*-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);*/
	opacity: 0.9;
	filter: Alpha(opacity=90);
}
.gotop.actives {
	display: block;
}
.foot_a { clear:both; margin-top:50px;}
.f_bg .foot_a em {
	float: left;
	overflow: hidden;
	font-style: normal;
	color: #fff;
	line-height: 30px;
}
.social-share {
	float: left; margin-left:30px
}
.social-share ul li{ width:40px; background-color:rgba(255,255,255,0.8); border-radius:50%; display:inline-block; margin-left:10px;}
.social-share ul li:first-child{ margin-left:0; }
.social-share ul li:hover{ background:#1c64a4;}
.social-share ul li a{ width:40px; height:40px; padding:5px; display:block}
.social-share ul li a img{ width:30px;display:block;}
.social-share ul li a:hover img{ filter: grayscale(100%) brightness(2000%);}
.backtop {
	position: fixed;
	bottom: 10px;
	right: 1%;
	width: 50px;
	height: 50px;
	background: url(../images/gotop.png) no-repeat;
	background-size: 100% 100%;
	z-index: 99;
}
.backtop:hover {/*-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);*/
	opacity: 0.9;
	filter: Alpha(opacity=90);
}


.nbanner{ position:relative}
.nbanner .nbannerbg{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1);}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ text-align:center; position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:47%; color:#fff; width:100%; z-index:22;}
.nbanner .text h3{ font-weight:bold; font-size:45px; line-height:50px;text-shadow: 0.5px 0.5px 5px #666;}


.nbanner .nguide{ position:absolute; left:0; bottom:0; width:100%; height:80px; background-color: rgba(0, 0, 0, 0.4); text-transform:capitalize; }
.nbanner .nguide ul{ text-align:center;display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: center;}
.nbanner .nguide ul li{ display:inline-block; line-height:80px;position:relative;padding:0 30px; }
.nbanner .nguide ul li:after{ content:""; position:absolute; right:0; top:50%; width:1px; height:16px; margin-top:-8px; background:#fff; opacity:0.7;}  
.nbanner .nguide ul li:last-child:after{ display:none;}
.nbanner .nguide ul li a{ display:block; color:#fff; font-size:17px; position:relative; opacity:0.8; }
.nbanner .nguide ul li a:hover, .nbanner .nguide ul li.cur a{ font-weight:bold; opacity:1; /*background-color: rgba(28, 100, 164, 1);*/}
.nbanner .nguide ul li.cur a:after{ content:""; position: absolute; left:0; bottom:0; width:100%; height:2px; background:#1c64a4;}


.nlist .wrap{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nlist .wrap .item{ width:49%; margin-right:2%; border-radius:20px; margin-bottom:2%; margin-top:0; border:solid 3px #fff; box-shadow: 0 0 15px rgba(0,0,0,0.15); padding:30px 30px 30px 0; position:relative;transition: all .5s ease;}
.nlist .wrap .item:hover{border:solid 3px #1c64a4; margin-top:-10px; margin-bottom:calc(2% + 10px); }
.nlist .wrap .item:nth-child(2n){ margin-right:0; }
.nlist .wrap .item a{ display: table;}
.nlist .wrap .item .pic{ width:45%; padding-right:5%; display: table-cell;vertical-align: middle;}
.nlist .wrap .item .pic.img-dv .img2{ width:auto; max-width:100%;}
.nlist .wrap .item .text{ width:55%; display: table-cell;vertical-align: middle;}
.nlist .wrap .item .text h3{ font-size:20px;line-height:32px;}
.nlist .wrap .item .text h4{ font-size:16px; line-height:26px;}
.nlist .wrap .item .text p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; margin:10px 0; color:#555; line-height:26px;}
.nlist .wrap .item .text .pmore{ display:inline-block; padding:5px 30px 5px 10px; background:url(../images/morejt03.png) no-repeat calc(100% - 10px); background-size:15px auto; float:right; margin-top:15px; color:#555}
.nlist .wrap .item:hover .text .pmore{ background:url(../images/morejt.png) #1c64a4 no-repeat calc(100% - 8px); background-size:15px auto; color:#fff; }


.protop .wrap { position:relative; }
.protop .proll{ width:44%; position:relative}
.protop .pbrief{ width:44%;position:absolute; right:0%;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); top:50%;}
.protop .pbrief .protitle{ border-bottom: 1px solid #d1d1d1; margin-bottom:15px; padding-bottom:15px;}
.protop .pbrief .protitle h3{ font-size:30px;}
.protop .pbrief .protitle h4{ font-weight:normal; font-size:16px;  opacity:0.7; margin-top:10px;}
.protop .pbrief .conn{ line-height:30px; opacity:0.7}
.protop .pbrief .use{ margin-top:30px;}
.protop .pbrief .use ul{ margin-top:15px; }
.protop .pbrief .use ul li{ display:inline-block; margin-right:10px; text-align:center; color:#666;}
.protop .pbrief .use ul li:last-child{ margin-right:0; }
.protop .pbrief .use ul li .icon{ border-radius:5px; border:solid 1px #1c64a4; width:74px; height:74px; padding:10px;}
.protop .pbrief .use ul li .icon img{ width:100%; height:auto;transition: all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.protop .pbrief .use ul li:hover .icon img{transform: rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform:rotateY(180deg);}

.protop .proll .swiper-button-prev,  .protop .proll .swiper-button-next{width: 60px;height: 60px;font-size: 30px;color: #fff;border-radius: 50%;background: no-repeat center;background-size: 12px auto;position: absolute; top:50%; left:0;margin-top: -30px;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;background-color: rgba(31,45,61,.23)}
.protop .proll .swiper-button-prev {background-image: url(../images/arrow2.png);}
.protop .proll .swiper-button-prev:hover {background-color:#1c64a4}
.protop .proll .swiper-button-next {background-image: url(../images/arrow3.png); left:auto; right:0;}
.protop .proll .swiper-button-next:hover { background-color:#1c64a4 }
.protop .proll .img-dv .img2{ width:100%; height:auto !important; min-height:auto !important; max-height:auto !important}

.features{ background:url(../images/pxbg.jpg) no-repeat center center; background-size:cover;}
.features .list{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.features .list .item{ width:32%; margin-right:2%; margin-bottom:2%;}
.features .list .item:nth-child(3n){ margin-right:0; }
.features .list .item .icon{ width:85px; height:85px; background-image: linear-gradient(90deg, #2795d3, #1b2e77); border-radius:50%; padding:20px;}
.features .list .item .icon img{ display:block; width:100%; height:auto;}
.features .list .item .text{ border-top: solid 1px #d1d1d1; margin-top:15px; padding-top:15px; position:relative;}
.features .list .item .text:after{ content:""; position:absolute; left:0; top:-1px; width:85px; height:2px; background:#1c64a4; }
.features .list .item .text p{ margin-top:5px; line-height:26px; opacity:0.7;}


.technical table{ border-bottom:solid 1px #dee2e6; border-right:solid 1px #dee2e6; text-align:center;}
.technical td{ border-left:solid 1px #dee2e6; border-top:solid 1px #dee2e6; padding:8px;}
.technical tr:first-child{ background:#1c64a4; color:#fff; font-weight:bold}
.technical tr td:first-child{ font-weight:bold}
.technical tr:nth-child(2n){ background:#f2f2f2;}

.proapp .proapproll, .inewpro .proapproll, .newpro .proapproll{ position:relative}
.proapp .proapproll .swiper-slide{ background:#fff; border-radius:20px; overflow:hidden }
.proapp .proapproll .swiper-slide .picout{ border-radius:20px; overflow:hidden; background:url(../images/pbgrepro.jpg) no-repeat center center; background-size:cover; padding:20px; }
.proapp .proapproll .swiper-button-prev,  .proapp .proapproll .swiper-button-next{width: 60px;height: 60px;font-size: 30px;color: #fff;border-radius: 50%;background: no-repeat center;background-size: 12px auto;position: absolute; top:50%; left:0;margin-top: -30px;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;background-color: rgba(31,45,61,.23)}
.proapp .proapproll .swiper-button-prev {background-image: url(../images/arrow2.png);}
.proapp .proapproll .swiper-button-prev:hover {background-color:#1c64a4}
.proapp .proapproll .swiper-button-next {background-image: url(../images/arrow3.png); left:auto; right:0;}
.proapp .proapproll .swiper-button-next:hover { background-color:#1c64a4 }
.proapp .proapproll .text{ text-align:center; padding:20px 10px 30px 10px;}
.proapp .proapproll .text .more{ margin-top:20px;}


.pro201 .title h3{ text-align:left; }
.pro201 .conn{ padding-left:40px; position:relative}
.pro201 .conn:after{ content:""; position:absolute; left:0; top:0; width:4px; height:100%; background:#a8a8a9;}

.pro202{ background:url(../images/aboutbg.jpg) no-repeat center center; background-size:cover;}
.pro202 .wrap{ position:relative}
.pro202 .title { position: absolute; left:0; top:0}
.pro202 .title h3{ color:#fff; text-align:left;}
.pro202 .ipro_probtn{ color:#fff; width:60%; float:right; margin-top:20px;}
.pro202 .ipro_probtn .probtn{ width:100%; display:flex;display:-webkit-flex;justify-content: space-between;}
.pro202 .ipro_probtn .probtn li{ display:inline-block; font-size:16px; padding-left:15px; position:relative}
.pro202 .ipro_probtn .probtn li.active{ color:#1c64a4;font-weight:bold}
.pro202 .ipro_probtn .probtn li:after{ content:""; position:absolute; left:0; top:50%; width:5px; height:20px; margin-top:-10px; background:#fff;}
.pro202 .ipro_probtn .probtn li.active:after{background:#1c64a4;}
.pro202 .proswiper{ margin-top:100px;}
.pro202 .proswiper .swiper-slide{ opacity:0 !important}
.pro202 .proswiper .swiper-slide.swiper-slide-active{ opacity:1 !important; z-index:99}
.pro202 .proswiper .pic{ float:right; width:60%;}
.pro202 .proswiper .text{ float:left; width:30%; color:#fff; margin-top:30px;padding-left:40px; position:relative}
.pro202 .proswiper .text:after{ content:""; position:absolute; left:0; top:0; width:4px; height:100%; background:#fff;}


.pro203 .ipro_probtn{ float:right;border-left:solid 1px #ddd; width:auto; max-width:240px;}
.pro203 .ipro_probtn li{ padding-left:60px; position:relative; color:#333; font-size:16px; line-height:40px;}
.pro203 .ipro_probtn li:after{ content:""; position:absolute; left:-2px; width:4px; height:20px; top:50%; margin-top:-10px;background:#1c64a4; opacity:0;}
.pro203 .ipro_probtn li.active{ color:#000}
.pro203 .ipro_probtn li.active:after{ opacity:1 }
.pro203 .proswiper{ float:left; width:calc(96% - 240px);}
.pro203 .proswiper .swiper-slide{ opacity:0 !important}
.pro203 .proswiper .swiper-slide.swiper-slide-active{ opacity:1 !important; z-index:99}

.pro203 .proswiper .jian h3{ margin-bottom:5px;}
.pro203 .proswiper .jian p{ opacity:0.8; line-height:25px;}
.pro203 table{ border-bottom:solid 1px #dee2e6; border-right:solid 1px #dee2e6; text-align:center;}
.pro203 td{ border-left:solid 1px #dee2e6; border-top:solid 1px #dee2e6; padding:8px;}
.pro203 tr:first-child{ background:#1c64a4; color:#fff; font-weight:bold}
.pro203 tr td:first-child{ font-weight:bold}
.pro203 tr:nth-child(2n){ background:#f2f2f2;}

.pro301 .wrap{ position:relative; }
.pro301 .pic{ width:50%; margin-left:50%}
.pro301 .text{width:45%; position:absolute;left:0%;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); top:48%; z-index:22;}
.pro301 .text .title h3{ text-align:left; font-size:80%}

.pro302 .list{ position:relative;}
.pro302 .list:after{ content:""; position: absolute; left:0; top:3px; width:100%; height:1px; background:#d4dceb}
.pro302 .list .wrap{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: center;}
.pro302 .list .wrap .item{ width:16.66%; text-align:center; position:relative}
.pro302 .list .wrap .item:after{ content:""; position:absolute; left:50%; top:0; width:6px; height:6px; margin-left:-3px; border-radius:50%; background:#1c64a4; z-index:2;}
.pro302 .list .wrap .item .num{ margin-top:20px; font-size:13px; color:#666}
.pro302 .list .wrap .item:hover .num{ color:#222;}
.pro302 .list .wrap .item .icon{ border:solid 1px #1c64a4; width:60%; max-width:110px; border-radius:50%; margin:20px auto; padding:15px;}
.pro302 .list .wrap .item:hover .icon{ background:#1c64a4;}
.pro302 .list .wrap .item .icon img{ display:block; width:100%; height:auto;}
.pro302 .list .wrap .item:hover .icon img{filter:brightness(2000);}
.pro302 .list .wrap .item .text{ font-size:16px;}


.pro303 .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: center;}
.pro303 .conn .item{ width:23.5%; margin-right:2%; margin-bottom:2%;position:relative;transition: all .5s ease;box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); padding: 30px 30px 45px 30px; text-align:center;}
.pro303 .conn .item:nth-child(4n){ margin-right:0; }
.pro303 .conn .item:hover{margin-top:-10px; margin-bottom:calc(2% + 10px); }
.pro303 .conn .item .icon{ width:25%; max-width:60px; margin:20px auto;}
.pro303 .conn .item .icon img{ display:block; width:100%; height:auto; transition: all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.pro303 .conn .item:hover .icon img{transform: rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform:rotateY(180deg);}
.pro303 .conn .item h3{ margin:15px 0;}
.pro303 .conn .item p{ line-height:26px; opacity:0.7; }


.quote{ background:url(../images/quotebg.png) no-repeat center center; background-size:cover; }
.quote.zixun{ background:url(../images/zixun.png) no-repeat center center; background-size:cover; }
.quote .title{ text-align:center; color:#fff; margin-bottom:0;}
.quote .out{ background-color:rgba(0,0,0,0.4);  padding:100px 0 120px 0;}
.quote .more{ border:solid 1px #fff; margin-top:25px;}
.quote .more:hover{border:solid 1px #1c64a4;}
.quote .more:hover:after{ background:#1c64a4; }
.quote .more .a{ color:#fff;}

.sol101 .conn{ max-width:1200px; margin:0 auto; text-align:center;}


.sol102 .title h3{ color:#fff; }
.sol102 .out{background-color:rgba(0,0,0,0.3);}
.sol102 .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: center;}
.sol102 .conn .item{ width:20%; position:relative; text-align:center; padding:0 40px;}
.sol102 .conn .item:after{ content:""; position:absolute; width:1px; height:100%; background-color:rgba(255,255,255,0.2); top:0; right:0;}
.sol102 .conn .item:last-child:after{ display:none; }
.sol102 .conn .item .icon{ width:25%; max-width:60px; margin:30px auto; }
.sol102 .conn .item .icon img{ display:block; width:100%; height:auto; }
.sol102 .conn .item  h3{ color:#fff; font-size:18px; margin:10px 0;}
.sol102 .conn .item  p{ color:#fff; opacity:0.7; line-height:26px; padding-bottom:30px;}

.sol103 .swiper-slide .pic{ border:solid 1px #ddd; overflow:hidden; border-radius: 20px;}

.sol104 .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: center;}
.sol104 .conn .item{ position:relative; padding:40px; margin-right:2%; transition: 0.3s;border-radius: 10px;box-shadow: 0 0 10px #ddd; background-color: #fff; position:relative;}
.sol104.li03 .conn .item{width:32%;  }
.sol104.li04 .conn .item{width:23.5%;  }
.sol104 .conn .item:hover{ background:#1c64a4; }
.sol104.li03 .conn .item:nth-child(3n){ margin-right:0; }
.sol104.li04 .conn .item:nth-child(4n){ margin-right:0; }
.sol104 .conn .item h3{ font-size:20px; margin-bottom:20px; padding-bottom:15px; position:relative;}
.sol104 .conn .item:hover h3{ color:#fff;}
.sol104 .conn .item h3:after{ content:""; position:absolute; left:0; height:4px; width:60px; background:#1c64a4; bottom:0;}
.sol104 .conn .item:hover h3:after{ background:#fff;}
.sol104 .conn .item p{ line-height:26px; opacity:0; color:#fff; min-height:52px;display:flex;align-items:flex-end;}
.sol104 .conn .item p span{ display:block}
.sol104 .conn .item:hover p{ opacity:1;}
.sol104 .conn .item .gd{ position:absolute; bottom:40px; left:40px; color:#666; text-transform:uppercase;}
.sol104 .conn .item:hover .gd{ opacity:0}


.contact01 .conn{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: center;}
.contact01 .conn .item{ width:23.5%; margin-right:2%; border-radius:15px; background-color:rgb(242, 242, 242); padding:20px 20px 40px 20px; text-align:center}
.contact01 .conn .item:nth-child(4n){ margin-right:0; }
.contact01 .conn .item .icon{ width:80px; height:80px; margin:0 auto 20px auto; background:#1c64a4; border-radius:50%;}
.contact01 .conn .item .icon img{ padding:30%; width:100%; display:block;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.contact01 .conn .item:hover .icon img{-webkit-animation: tada cubic-bezier(.17, .78, .38, .89) .8s; animation: tada cubic-bezier(.17, .78, .38, .89) .8s;}
.contact01 .conn .item h3{ font-size:17px; margin-bottom:10px;}
.contact01 .conn .item p{ opacity:0.8; line-height:26px;}

.contact02 .wrap{background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); padding: 80px 50px;border-radius:15px;}

.contact02 .input{ float:left; width:49%; border:solid 1px #ddd; border-radius:5px; margin-bottom:20px; line-height:50px; height:50px; padding:0 10px;}
.contact02  ::-webkit-input-placeholder { color: #999;}
.contact02 .input:nth-child(2n){ float:right}
.contact02 .select {float:left; width:49%; border:solid 1px #ddd;border-radius:5px; margin-bottom:20px; line-height:50px; height:50px; padding:0 10px; color: #999;}
.contact02 .select:nth-child(2n){ float:right}
.contact02 textarea{clear: both;width: 100%; border-radius: 5px;border: solid 1px #ddd; padding:10px; height: 160px;}
.contact02 .yzm{ margin-top:10px; }
.contact02 .yzm .ge{  float:left; width:49%}
.contact02 .yzm .ge .input{ float:none; width:100%;}
.contact02 .submit{border:none;margin-bottom:0px; float:right; width:49%; max-width:160px;  line-height:50px; height:50px;border-radius:25px; color:#fff; padding-right:24px; background: url(../images/morejt.png) #1c64a4 no-repeat 80% center; background-size:18px auto; color: #fff; text-align: center;}
.contact02 .submit:hover{box-shadow: 0 0 10px #ccc;}

.naqlist li{ background:#fff; border-radius:8px; border:solid 1px #ddd; padding:14px 22px; margin-bottom:12px;}
.naqlist li:hover, .naqlist li.cur{box-shadow: 0 0 10px #ccc;}
.naqlist li .aqlist_tit{background:url(../images/jia.png) no-repeat right center; line-height:24px; padding:5px 40px 5px 0 ;}
.naqlist li.cur .aqlist_tit{background:url(../images/jian.png) no-repeat right center;}
.naqlist .aqlist_tit{ line-height:30px; color:#000;  font-weight:bold; font-size:16px;}
.naqlist li.cur .aqlist_tit {color:#1c64a4}
.naqlist li.cur .aqlist_tit span{ display:none}
.naqlist .aqlist_con{ display:none;color:#666;padding-top:5px; position:relative;}
.naqlist .aqlist_con .cheng{ color:#1c64a4}


.sup01 ul{ margin-right:-2%}
.sup01 .item .pic{ position:relative; overflow:hidden; margin-bottom:10px;}
.sup01 .item .pic:before{ content:""; display:block; padding-top:58.33333%}
.sup01 .item .pic img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 100%;height: 100%; object-fit:cover}
.sup01 .item .pic .icon{position:absolute;width:100%; height:100%; background:url(../images/video-btn.png) rgba(0,0,0,0.4) no-repeat center center; background-size:15% auto;left:0%; top:0%;opacity: 0.5;}
.sup01 .item .tit{ font-size:20px; font-weight:bold;color:#333; padding:20px 0; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.sup01 .item .pic img,.sup01 .item.pic .ico{ -webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;}
.sup01 .item:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.sup01 .item:hover .pic .icon{ opacity:1;background:url(../images/video-btn.png) rgba(0,0,0,0.2) no-repeat center center; background-size:15% auto;}
.sup01 .item:hover .tit{color: #e71e1d;}
.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 99;background-color: rgba(0, 0, 0, 0.6); z-index:1000}
.show-video{ display:block}
.video-show {position: absolute;z-index: 1000;width:850px;top:50%; left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.video-show video{ width:100%}
.video-close{ position:absolute; width:35px; height:35px;right:3%;top:3%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;z-index:2}
.video-close:before{ content:""; width:100%; height:2px;background: #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left: 0;top: 50%; margin-top:-1px}
.video-close:after{ content:""; width:2px; height:100%;background: #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left:50%;top:0; margin-left:-1px}
.video-close:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}


.sup01 .tabmenu li{padding:0 35px; font-size:17px; line-height:55px; display:inline-block; color:#fff;background:#333; font-weight:bold;}
.sup01 .tabmenu li.cli{background:#1c64a4; }

.sup01 #tabcontent ul{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: flex-start;}
.sup01 .hidden{ display:none !important}
.sup01 #tabcontent .item{ width:23.5%; margin-right:2%; margin-top:2%;}
.sup01 #tabcontent .item:nth-child(4n){ margin-right:0; }
.sup01 #tabcontent .item p{background:url(../images/video-icon.png) no-repeat left center; padding-left:25px; color:#666;}
.sup01 #tabcontent .item h3{ font-size:17px;}


.sup02 .conn{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: flex-start;}
.sup02 .conn .item{ width:49%; margin-right:2%; margin-bottom:2%; background:#fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); padding:20px;}
.sup02 .conn .item:hover{background-image: linear-gradient(45deg, #2795d3, #1b2e77);}
.sup02 .conn .item a{ display:block; background: url(../images/file-pdf.png) no-repeat right center;background-size:auto 35px; }
.sup02 .conn .item:hover a{background: url(../images/file-pdf02.png) no-repeat right center;background-size:auto 35px;}
.sup02 .conn .item:nth-child(2n){ margin-right:0}
.sup02 .conn .item p{background:url(../images/video-icon.png) no-repeat left center; padding-left:25px; color:#666;}
.sup02 .conn .item h3{ font-size:17px;}
.sup02 .conn .item:hover p, .sup02 .conn .item:hover h3{ color:#fff}
.sup02 .conn .item:hover p{background:url(../images/video-icon02.png) no-repeat left center;}


.sup302 table{ border-bottom:solid 1px #dee2e6; border-right:solid 1px #dee2e6; text-align:center; background:#fff;}
.sup302 td{ border-left:solid 1px #dee2e6; border-top:solid 1px #dee2e6; padding:8px; }
.sup302 tr:first-child{ background:#1c64a4; color:#fff; font-weight:bold}
.sup302 tr:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.sup302 tr td:first-child{ font-weight:bold}
.sup302 tr:nth-child(2n){ background:#f2f2f2;}
.sup302 table img{ height:75px; width:auto;}

.sup401 .ntitle{ float:left;}
.sup401 .conn{ width:49%; float:right; margin-bottom:60px;}
.sup401 .list{ clear:both; display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: flex-start; width:100%;}
.sup401 .list p{ width:23.5%; margin-right:2%; display:block; font-size:18px; font-weight:bold; padding-top:22px; border-top:solid 5px #ddd; opacity:0.7}
.sup401 .list p:nth-child(4n){ margin-right:0; }
.sup401 .list p:hover{ opacity:1; border-top:solid 5px #1c64a4; }

.sup402 .conn{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: flex-start;}
.sup402 .conn .list{ width:32%; margin-right:2%; position:relative}
.sup402 .conn .list:nth-child(3n){ margin-right:0;}

.sup402.nhr02 .conn .list{ width:23.5%; margin-right:2%; position:relative}
.sup402.nhr02 .conn .list:nth-child(3n){ margin-right:2%;}
.sup402.nhr02 .conn .list:nth-child(4n){ margin-right:0;}

.sup402 .conn .list img{ display:block; width:100%; height:auto;}
.sup402 .conn .out{ position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.5);}
.sup402 .conn .out .inn{ padding:50px;transition: all 1.5s; color:#fff; width:100%; position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:48%; }
.sup402 .conn .out .inn h3{ font-size:22px; margin-bottom:15px;}
.sup402 .conn .out .inn p{ display:none}
.sup402 .conn .list:hover .out{background: rgba(23, 58, 127, 0.8);}
.sup402 .conn .list:hover .out .inn{left:50%;-moz-transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);transform:translate(-50%,0%); top:20%;}
.sup402 .conn .list:hover .out .inn p{ display:block}


.newslist .newskuai{ background:#f6f6f6; margin-bottom:30px;padding:35px; }
.newslist .newskuai, .newslist .newskuai a{ display:block;position:relative}
.newslist .newskuai .pic{ width:28%;}
.newslist .newskuai .text{ width:68%; position: absolute; right:0; top:0;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); top:48%; }
.newslist .newskuai .text h3{ font-size:18px; margin-bottom:15px;/*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/}
.newslist .newskuai:hover .text h3{ color:#1c64a4;}
.newslist .newskuai .text p{ line-height:26px; height:78px; color:#333; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newslist .newskuai .text .date{background:url(../images/video-icon.png) no-repeat left center; padding-left:25px; color:#666; margin-top:30px;}

.newslist02 .topnews .wrap{ border-bottom:1px solid #e4e4e4; padding-bottom:20px; }
.newslist02 .topnews .swiper-slide{ background:#f6f6f6; margin-bottom:50px;}
.newslist02 .topnews .swiper-slide a{ display:block;}
.newslist02 .topnews .swiper-slide .pic{ width:50%; float:right;}
.newslist02 .topnews .swiper-slide .text{ padding:4%; width:50%; float:left;}
.newslist02 .topnews .swiper-slide .text .date{ color:#1c64a4;background:url(../images/video-icon03.png) no-repeat left center; padding-left:25px;}
.newslist02 .topnews .swiper-slide .text h3{ margin:10px 0 15px 0; font-size:22px;}
.newslist02 .topnews .swiper-slide:hover .text h3{color:#1c64a4;}
.newslist02 .topnews .swiper-slide .text p{line-height:26px; height:78px; color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newslist02 .topnews .swiper-slide .text .nmore{ transition: 0.3s; display: flex; align-items: center; color:#1c64a4; margin-top:20px;}
.newslist02 .topnews .swiper-slide .text .nmore i { transition: 0.3s; width: 15px; height:30px; background:url(../images/ri_angle.png) no-repeat left center; background-size:15px auto; margin-left: 12px;position: relative;left: 0px;}
.newslist02 .topnews .swiper-slide .text .nmore:hover i{ left:10px;}

.newslist02 .topnews .swiper-pagination-bullet{ width:10px; height:10px; background:#1c64a4; opacity:0.3;}
.newslist02 .topnews .swiper-pagination-bullet-active{ opacity:1;}

.newslist02 .othernews .newsitem:hover{background:#f6f6f6; }
.newslist02 .othernews .newsitem .wrap{border-bottom:1px solid #e4e4e4;padding:35px 0;}
.newslist02 .othernews .newsitem a{ display:block; position:relative; }
.newslist02 .othernews .newsitem .pic{ width:28%;}
.newslist02 .othernews .newsitem .text{ width:68%; position: absolute; right:0; top:0;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); top:50%; }
.newslist02 .othernews .newsitem .text .date{ color:#1c64a4;background:url(../images/video-icon03.png) no-repeat left center; padding-left:25px;}
.newslist02 .othernews .newsitem .text h3{ margin:10px 0 15px 0; font-size:22px;}
.newslist02 .othernews .newsitem:hover .text h3{color:#1c64a4;}
.newslist02 .othernews .newsitem .text p{line-height:26px; height:78px; color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newslist02 .othernews .newsitem .text .nmore{ transition: 0.3s; display: flex; align-items: center; color:#1c64a4; margin-top:15px;}
.newslist02 .othernews .newsitem .text .nmore i { transition: 0.3s; width: 15px; height:30px; background:url(../images/ri_angle.png) no-repeat left center; background-size:15px auto; margin-left: 12px;position: relative;left: 0px;}
.newslist02 .othernews .newsitem .text .nmore:hover i{ left:10px;}

.newsdetail .newsntitle{ margin-top:80px; background-color: #f1f2f3; padding:100px 0 80px 0;}
.newsdetail .newsntitle h3{ font-size:24px; margin-bottom:10px}
.newsdetail .newsntitle p{ color:#666}
.newsdetail .newsconn{ padding:80px 0 0 0;}
.newsdetail .wrap{ max-width:1000px;}
.newsdetail .wrap img{ display:block; margin:0 auto; max-width:100%; height:auto;}

.shangxia{ margin:80px 0 60px 0}
.shangxia .wrap {border-top:1px solid #e4e4e4;}
.shangxia .wrap p{ padding:15px 0; border-bottom:1px solid #e4e4e4;}
.shangxia .wrap p a{ color:#666;}
.shangxia .wrap p  a:hover{ color:#1c64a4;}

.shareback{ padding-bottom:120px;}
.shareback .share{ float:left}
.shareback .share span{ display:block; float:left; font-size:17px; font-weight:bold}
.shareback ul{ float:left; margin-left:25px;}
.shareback ul li{ width:40px; background-color:rgba(0,0,0,0.3); border-radius:50%; display:inline-block; margin-left:5px;}
.shareback ul li:first-child{ margin-left:0; }
.shareback ul li:hover{ background:#1c64a4;}
.shareback ul li a{ width:40px; height:40px; padding:5px; display:block;}
.shareback ul li a img{ width:30px;display:block;}
.shareback ul li  img{ filter: grayscale(100%) brightness(2000%);}
.shareback .more{ float:right; margin-top:0}

.nbanner .nguide.fixeds ul li a{ color:#222}
.nbanner .nguide.fixeds ul li:after{ background:#666}
.nguide.fixeds{position:fixed; left:0;top:80px; width:100%; z-index:98; background:#eee}
.nguide.fixeds ul{ max-width:90%; margin:0 auto;}
.nguide.fixeds ul a{ color:#333}
.nguide.fixeds ul a:hover, .nguide.fixeds ul li.cur a{ color:#1c64a4;}
.section-wrapper {margin-top: -150px;padding-top: 150px;}

.nab01 .inn{ width:100%; position:relative}
.nab01 .inn:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:10%; background:#f4f4f4; z-index:-1; display:none;}
.nab01 .pic{ width:50%; }
.nab01 .text{position:absolute;right:5%;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); top:45%; width:42%; z-index:22;}
.nab01 .text .title{ text-align:left;}
.nab01 .text .title .line{ width:50px; height:2px; background:#1c64a4; margin:20px 0;}
.nab01 .text .title h4{ font-size:24px; font-weight:normal; margin-top:15px;}
.nab01 .text .conn{ color:#444}

.nab02 .inn{ position:relative}
.nab02 .maps{ position:relative; width:65%; margin-left:35%}
.nab02 .maps img{ display:block; }
.nab02 .maps .map{ width:100%; height:auto}
.nab02 .maps .mapicon{ position: absolute;top: 0;left: 0; opacity: 1;transition: all .3s;}
.nab02 .maps .mapicon img{ display: block;width: auto;height: auto;}
.nab02 .maps .mapicon01{top: 38%; left: 19%;}
.nab02 .maps .mapicon02{top: 29%; left: 46%;}
.nab02 .maps .mapicon03{top: 39%; left: 46%;}
.nab02 .maps .mapicon04{top: 29%; left: 50%;}
.nab02 .maps .mapicon05{top: 36%; left: 51%;}
.nab02 .maps .mapicon06{top: 38%; left: 56%;}
.nab02 .maps .mapicon07{top: 23%; left: 62%;}
.nab02 .maps .mapicon08{top: 47%; left: 68.5%;}
.nab02 .maps .mapicon09{top: 40%; left: 75%;}
.nab02 .maps .mapicon10{top: 44%; left: 75%;}
.nab02 .maps .mapicon11{top: 62.5%; left: 75.5%;}
.nab02 .maps .mapicon12{top: 40.5%; left: 77%;}
.nab02 .maps .mapicon13{top: 44%; left: 77%;}
.nab02 .maps .mapicon14{top: 49%; left: 78%;}
.nab02 .maps .mapicon15{top: 42%; left: 79%;}
.nab02 .maps .mapicon16{top: 34%; left: 80%;}
.nab02 .maps .mapicon17{top: 37%; left: 82%;}
.nab02 .maps .mapicon18{top: 42%; left: 85%;}
.nab02 .maps .mapicon19{top: 52%; left: 75%;}
.nab02 .maps .mapicon20{top: 17%; left: 53%;}
.nab02 .maps .mapicon21{top: 67%; left: 33%;}
.nab02 .maps .mapicon.hide{opacity: 0;}
.hide{ display:none;}
.nab02 .text{position:absolute;left:5%;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); top:45%; width:30%; z-index:22;}
.nab02 .text .title{ text-align:left; white-space:nowrap; overflow:visible; }
.nab02 .text .title .line{ width:50px; height:2px; background:#1c64a4; margin:20px 0 0 0;}
.nab02 .text  .tes{ margin-top:30px; padding-left:30px; position:relative}
.nab02 .text  .tes:after{ content:""; position:absolute; left:0; top:0; height:100%; width:3px; background:#1c64a4; line-height:25px;}
.nab02 .text .conn{ color:#444}


.nab03 .title{ text-align:;}
.nab03 .text .title .line{ width:50px; height:2px; background:#1c64a4; margin:20px auto 0 auto;}
.nab03 .conn{ position:relative; margin-top:-20px;}
.nab03 .conn:after{ content:""; position:absolute; left:0; width:100%; height:1px; top:50%; background:#ddd;}
.nab03 .conn .swiper-slide{ position:relative; height:460px; }
.nab03 .conn .swiper-slide:after{ content:""; position:absolute; left:7px; top:15%; height:70%; width:1px; background:#ddd;}
.nab03 .conn .swiper-slide .dian{ position:absolute; left:0; top:50%;  background:#fff; border-radius:50%; border:solid 1px #1c64a4; width:14px; height:14px; margin-top:-7px;  z-index:2}
.nab03 .conn .swiper-slide .dian:after{ content:""; position:absolute; width:8px; height:8px; border-radius:50%; left:50%; top:50%; background:#1c64a4; margin-left:-4px; margin-top:-4px;}
.nab03 .conn .swiper-slide .picout{ position:absolute; top:0; width:100%; text-align:left;}
.nab03 .conn .swiper-slide:nth-child(2n) .picout{ top:50%;}
.nab03 .conn .swiper-slide .picout .pic{ display:inline-block;}
.nab03 .conn .swiper-slide .picout .img-dv .img1{ height:230px; width:auto;}
.nab03 .conn .swiper-slide .picout .img-dv .img2{ width:auto; height:auto; min-width:auto; min-height:auto; max-width:100%; max-height:100%; left:0}
.nab03 .conn .swiper-slide .textout{ position:absolute; top:50%; width:100%; text-align:left}
.nab03 .conn .swiper-slide:nth-child(2n) .textout{ top:auto; bottom:50%; }
.nab03 .conn .swiper-slide .textout .text{ display:inline-block; text-align:left; padding:30px 50px;}
.nab03 .conn .swiper-slide .textout .text h3{ font-weight:bold; color:#1c64a4; font-size:24px; margin-bottom:5px;}

.nab03 .swiper-button-prev,  .nab03 .swiper-button-next{width:19px;height:33px; border-radius: 0%; top:50%; margin-top:-16.5px; left:2%}
.nab03 .swiper-button-prev {background: url(../images/hispre.png) no-repeat center center;}
.nab03 .swiper-button-next {background: url(../images/hisnext.png) no-repeat center center; left:auto; right:2%;}


.nwh .conn{ position:relative}
.nwh .conn img{ display: block; width:100%; height:auto;}
.nwh .conn .list{ position:absolute; left:0; top:0; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.3);}
.nwh .conn .list:before{ content:""; position:absolute; left:33.33%; top:0; width:1px; height:100%;background-color: rgba(255, 255, 255, 0.3);}
.nwh .conn .list:after{ content:""; position:absolute; left:66.66%; top:0; width:1px; height:100%;background-color: rgba(255, 255, 255, 0.3);}
.nwh .conn .list .item{ position:absolute; width:33.33%; height:100%; top:0; left:0; color:#fff;}
.nwh .conn .list .item:hover{background-color: rgba(0, 0, 0, 0.4);}
.nwh .conn .list .item:nth-child(2){ left:33.33%; }
.nwh .conn .list .item:nth-child(3){ left:66.66%; }
.nwh .conn .list .item .inn{position:absolute;left:50%;-moz-transform:translate(-50%,0);-webkit-transform:translate(-50%,0%);transform:translate(-50%,0%); top:15%; width:100%; padding:0 50px; text-align:center;}
.nwh .conn .list .item .inn h3{ display:inline-block; border-bottom:solid 1px #fff; border-top:solid 1px #fff; padding:20px 0; margin-bottom:30px; font-size:24px;}
.nwh .conn .list .item:hover .inn h3{border-bottom:solid 1px #1c64a4; border-top:solid 1px #1c64a4}
.nwh .conn .list .item .inn p{ font-size:16px; line-height:35px;}
.nwh .conn .list .item .biao{position:absolute; text-transform:uppercase; line-height:16px;left:50%;-moz-transform:translate(-50%,0);-webkit-transform:translate(-50%,0%);transform:translate(-50%,0%); font-size:12px; color:rgba(255,255,255,0.6); bottom:15%; width:100%; padding:0 50px; text-align:center;}

.nhonor{ background: url(../images/honorbg.jpg) no-repeat fixed; width: 100%; box-sizing: border-box;background-size: cover; }
.nhonor .title h3{ color:#fff}
.nhonor .swiper-slide {background-color: rgba(255,255,255,0.3);box-sizing: border-box;padding: 15px;transition: all .3s; margin-bottom:45px;}
.nhonor .swiper-slide .text {width: 100%;border: 1px solid #FFFFFF;box-sizing: border-box;padding: 15px;height: 200px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.nhonor .swiper-slide .text h3 {font-size: 16px;color: #ffffff;line-height: 30px;text-align: center;}
.nhonor .swiper-slide:hover {background-color: #1c64a4;}
.nhonor .swiper-pagination-bullet {width: 8px;height: 8px;background-color: transparent;border: 1px solid #ffffff;opacity: 1;margin-right: 10px;}
.nhonor .swiper-pagination-bullet-active {background-color: #ffffff;}

.nhr03 .item{ padding-bottom:35px; margin-bottom:35px; border-bottom:solid 1px #ddd}
.nhr03 .item .hrtitle h3{ font-size:20px; margin-bottom:15px;}

.sup202 .title h3, .sup203 .title h3{ text-align: left;}

.soft_cc{display: flex;justify-content: space-between;flex-flow: wrap; margin-top:-30px; }
.soft_cc dd { width: 48%;display: flex;align-items: center;justify-content: space-between;margin-top:30px;}
.soft_cc dd .icon {position: relative; width:24%; border-radius: 50%;border: 1px solid #ddd; background:#fff; display: flex;align-items: center;justify-content: center;}
.soft_cc dd .icon img {width:100%; padding:10%; display:block; transition: 0s;}
.soft_cc dd .icon span {color: #aeaaaa; position: absolute; left: 18px; top: 0px;}
.soft_cc dd .text {width:68%;position: relative;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.soft_cc dd .text::after {position: absolute; content: ""; height: 100%; width: 1px; background-color: #e6e4e4; left: -30px; top: 0px;}
.soft_cc dd .text::before {position: absolute; content: ""; height: 11px; width: 11px; background-color: #bbbbbb; top: 50%; transform: translateY(-50%); left: -35px; z-index: 1;}
.soft_cc dd .text h4 { font-size: 24px; font-weight: 500;color: #333333;margin-bottom: 14px;}
.soft_cc dd .text p {color: #666666;}
.soft_cc dd:hover img{filter: grayscale(5) brightness(10);}
.soft_cc dd:hover .icon {background-color: #1c64a4;}

.sup203 form h3{ font-size:18px; margin-bottom:10px;}
.sup203 .row03, .sup203 .row{ clear:both;}
.sup203 .row{ margin-top:10px;}
.sup203 .row03 .ge{float:left; width:32%; margin-right:2%; }
.sup203 .input{ border:solid 1px #ddd; border-radius:5px; margin-bottom:20px; line-height:50px; height:50px; padding:0 10px; width:100%}
.sup203  ::-webkit-input-placeholder { color: #999;}
.sup203 .row03 .ge:nth-child(3n){ margin-right:0}
.sup203 .select {border:solid 1px #ddd;width:100%; border-radius:5px; margin-bottom:20px; line-height:50px; height:50px; padding:0 10px; color: #999;}

.sup203 textarea{clear: both;width: 100%; border-radius: 5px;border: solid 1px #ddd; padding:10px; height: 160px;}
.sup203 .yzm{ margin-top:10px;}
.sup203 .submit{border:none;width:49%; max-width:160px; display:block; margin:15px auto 0 auto;  line-height:50px; height:50px;border-radius:25px; color:#fff; padding-right:24px; background: url(../images/morejt.png) #1c64a4 no-repeat 80% center; background-size:18px auto; color: #fff; text-align: center;}
.sup203 .submit:hover{box-shadow: 0 0 10px #ccc;}

.nab01 .youshi{ padding-top:60px;}
.nab01 .youshi ul{width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; }
.nab01 .youshi ul li{ display:inline-block}
.nab01 .youshi ul li img{ display:block; transition: 0.3s; float:left;  height:50px; width:auto; margin-right:10px;}
.nab01 .youshi ul li .wenzi{ float:left;}
.nab01 .youshi ul li .wenzi h3{ font-size:48px; line-height:48px;}
.nab01 .youshi ul li .wenzi p{ color:#666; font-size:18px;}
.nab01 .youshi ul li:hover h3{ color:#1c64a4;}
.nab01 .youshi ul li:hover img{transform: rotateY(180deg);}

.nsolpro .conn{ position:relative}
.nsolpro .swiper-slide{ background:#f8f8f8; overflow:hidden; border-radius:20px;}
.nsolpro .swiper-slide a{ display:block; position:relative; padding:20px 0 40px 0;}
.nsolpro .swiper-slide .pic{ position:relative; z-index:2}
.nsolpro .swiper-slide a:after{ content:""; display:none; position:absolute; z-index:3; left:0; top:0; width:100%; height:100%; background-image: linear-gradient(to bottom, rgba(248, 248, 248, 0) 30%, rgba(26, 108, 171, 1)); }
.nsolpro .swiper-slide:hover a:after{ display:block;}
.nsolpro .swiper-slide .text{ text-align:center; position:relative; z-index:4; padding:20px 20px 0 20px; }
.nsolpro .swiper-slide .text p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nsolpro .swiper-slide:hover .text h3, .nsolpro .swiper-slide:hover .text p{ color:#fff;}
.nsolpro .swiper-slide .text .smore{ color:#1c64a4; display:none; font-size:18px; width:35px; height:41px; line-height:41px; text-align:center; background:url(../images/lbx.png) no-repeat center center; margin:20px auto;}
.nsolpro .swiper-slide .text .inn{transition:all 1s; height:70px; }
.nsolpro .swiper-slide:hover .text .smore{ display:block}
.nsolpro .swiper-slide:hover .text .inn{ height:120px; margin-top:-50px;}


.nsolpro .swiper-button-prev,  .nsolpro .swiper-button-next,  nsolpro .swiper_button_play {
	width: 60px;
	height: 60px;font-size: 30px;
	color: #fff;
	border-radius: 50%;
	background: no-repeat center;
	background-size: 12px auto;
	position: absolute; top:50%; left:0;
	margin-top: -30px;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
	background-color: rgba(31,45,61,.11)
}
.nsolpro .swiper-button-prev {
	background-image: url(../images/arrow2.png);
}
.nsolpro .swiper-button-prev:hover {background-color: rgba(31,45,61,.23)}
.nsolpro .swiper-button-next {background-image: url(../images/arrow3.png); left:auto; right:0;}
.nsolpro .swiper-button-next:hover { background-color: rgba(31,45,61,.23) }

.pro203 .proswiper .swiper-slide .xpic{ float:right; width:32%;}
.pro203 .proswiper .swiper-slide .xpic img{ display:block; width:100%;}
.pro203 .proswiper .swiper-slide .xwz{ float:left; width:62%;}