*{ padding:0px; margin:0px; list-style-type: none; outline:none; }
a {
    color: #000;
	text-decoration: none;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
}



@font-face {
  font-family: 'hlwy';  /* Project id 2587410 */
  src: url('//at.alicdn.com/t/font_2587410_1ilueg2mq8v.woff2?t=1623134026160') format('woff2'),
       url('//at.alicdn.com/t/font_2587410_1ilueg2mq8v.woff?t=1623134026160') format('woff'),
       url('//at.alicdn.com/t/font_2587410_1ilueg2mq8v.ttf?t=1623134026160') format('truetype');
}
.hlwy {
  font-family: "hlwy" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}




a:hover {
    color: #0b4085;
}



::-webkit-scrollbar {
  width: 9px;
  background-color: #eaeaea;
}
::-webkit-scrollbar-thumb {
  border: solid 2px #eaeaea;
  width: 5px;
  border-radius: 10px;
  background-color: #045ba8;
}
::-webkit-scrollbar-corner {
  background-color: #eaeaea;
}
::-webkit-scrollbar:horizontal {
  height: 9px;
}
::-webkit-selection {
  background: #045ba8;
  color: #fff;
}
::-moz-selection {
  background: #045ba8;
  color: #fff;
}
::selection {
  background: #045ba8;
  color: #fff;
}



body{ color: #4B4948; min-width:1300px;  font-family: "Microsoft YaHei",Helvetica Neue, Helvetica, Arial, sans-serif; }


.header { position: fixed; top: 0; width: 100%; z-index: 99; background: #fff; box-sizing: border-box; padding: 10px 60px;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; }
.header.headerindex { background: none; box-shadow: none; padding: 20px 60px;padding-top: 10px;}
.header .logo { float: left;  width: 213px; overflow: hidden;  background: 0px 10px; background-size: 177px;}
.header.headerindex .logo {  background: url(../images/logothree.png) no-repeat 0px 0px;  background-size: 100%;}
.header .logo img { width: 100%; height: auto;}
.header.headerindex .logo img { opacity: 0;}
.nav { float: right;}
.nav li { float: left;}

.nav a { position: relative;  display: inline-block; height:90px; line-height:90px;  margin: 0 26px;  font-size: 16px; color: #5e5e5e;}
 
.nav .nav_two{ position: absolute;
    display: none;
    padding: 20px 0px;
    padding-top: 0px;
    width: 100%;
    border-top: 1px solid;
	border-top-color: rgba(255, 255, 255, 0.34);
    left: 0;
    text-align: center;
    top: 100px;}
	
.nav .nav_two li{ display:inline-block; float:none; margin:20px 20px; }	
.header.dbno .nav .nav_two{ background:#fff; padding-top: 13px;
    padding-bottom: 10px;
    width: 200%;
    left: -50%; border-top-color: rgb(213 213 213 / 34%);}

.header.dbno .nav .nav_two a{  height: auto; line-height: initial; width: 100%; text-align: center; }

.nav .nav_two a{    display: block; line-height: 30px; height:60px; }
.nav .nav_two a span{ font-size:50px; display:block; margin-bottom: 9px; }
.erj::after {
    content: ' ';
    height: 5px;
    width: 5px;
    display: inline-block;
    transform: rotate(45deg);
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    margin-left: 7px;
    margin-top: 0px;
    position: absolute;
    top: 45%;
}

.header.dbno .nav li.hover a{ color:#013c6f; }
.header.dbno .nav .nav_two a:hover{ color: #0059a7; }
.header.dbno .nav .nav_two a:hover span{ color: #0059a7; }


.header.dbno .erj::after{ border-bottom: 1px solid #929292; border-right: 1px solid #929292; }

.header .nav li:hover .nav_two {
    display: block;
}



.header.headerindex .nav a { color: #fff;}
.header.dbno .nav a{ height:90px; line-height:90px; }


.header.dbno{     -moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04); }

.header .sj_nav, .products_list.products_app { display: none;}

.banner { z-index: -1; width: 100%;  background-color: #ccc; height: calc(100vh); position: relative; }
.swiper01 {  width: 100%; height: 100%;}
.swiper01 .swiper-slide { position: relative; height: 100%;  background-position: top center; background-repeat: no-repeat !important; background-size: cover !important; overflow: hidden;}
.swiper01 .swiper-slide .txt { position: absolute; z-index: 5; top: 35%;  width: 100%;  color: #fff;}
.swiper01 .swiper-slide img {     min-height: 100%; display: block; width: 100%; height: auto; -webkit-transition: all 3s 0s; transition: all 3s 0s;}


.swiper01 .swiper-slide img.bigpc{ display:block; }
.swiper01 .swiper-slide img.bigap{ display:none; }

.swiper01 .swiper-slide.swiper-slide-active img {  }

.swiper01 .swiper-slide span { display: block; text-align: center; letter-spacing: 2px;}

.swiper01 .swiper-slide .txt_a{ font-size: 20px;    width:600px; margin:0 auto;    font-size: 70px; font-weight:bold;
 
background-image: url(../images/texbg.jpg);
    background-repeat: repeat-x;

  color: #fff;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
-webkit-animation: wavestwo 4s linear infinite;
    animation: wavestwo 4s linear infinite;
}





.swiper01 .swiper-slide .txt_b{ font-size:70px; margin:10px 0px; font-weight:bold; letter-spacing:5px;  

background-image: url(../images/texbgtwo.jpg);
    background-repeat: repeat-x;

  color: #fff;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
-webkit-animation: wavestwoa 4s linear infinite;
    animation: wavestwoa 4s linear infinite;

}



.swiper01 .swiper-slide .txt_c{ font-size:20px;  -webkit-animation: fadeOutDown 2s;  animation: fadeOutDown 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.swiper01 .swiper-slide .txt_d{ display: block; width: 160px; background: #fff; color:#6f6f6f; margin: 0 auto; line-height: 50px; font-size: 20px; margin-top: 20px;-webkit-animation: fadeOutDown 2s; animation: fadeOutDown 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
}
 

.swiper01 .swiper-slide.swiper-slide-active .txt_a{  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b{ }
.swiper01 .swiper-slide.swiper-slide-active .txt_c{ -webkit-animation: fadeInUp 1.8s; animation: fadeInUp 1.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.swiper01 .swiper-slide.swiper-slide-active .txt_d{  -webkit-animation: fadeInUp 2s;  animation: fadeInUp 2s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}



.swiper01 video { width: 100%; height: auto\9;  height: 100%;  object-fit: cover;}

.swiper01 .swiper-pagination{ bottom: 80px; }   


.swiper01 .swiper-button-prev {
    background-image: url(../images/jtleft.png);
    background-size: 24px;
    left: 4%;
}
.swiper01 .swiper-button-next {
    background-image: url(../images/jtright.png);
    background-size: 24px; right: 4%;
}
.swiper01 .swiper-button-prev, .swiper01 .swiper-button-next {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: #045ba8;
    color: #fff;
    text-align: center;
    margin: -30px 0 0;
    outline: none;
    border-radius: 100%;
    transition: all .5s ease;
    top: 45%;
    border: 1px solid #045ba8;
}

.swiper01  .swiper-pagination-bullet{ background:#045ba8; width: 14px; height: 14px; }

.bor_top{ background:rgba(0, 216, 255, 0.28); height:20px; width:100%; position: absolute; top:0; left:0; z-index:10; display:none; }   
.bor_top span{ display: block; height: 1px; background: #00d8ff; width: 97%; margin: 0 auto; margin-top: 20px; }
.bor_top img{ position: absolute; top:20px; left: 20px; }

.bor_left{ background: rgba(0, 216, 255, 0.28); height: calc(100% - 58px); width:19px; position: absolute; top: 20px; left: 0; z-index: 10;  display:none;} 
.bor_left span{ display: block; height:100%; background: #00d8ff; width:1px; margin: 0 auto; margin-left: 19px; }

.bor_right{ background: rgba(0, 216, 255, 0.28); height: calc(100% - 20px - 53px); width:19px; position: absolute; top: 20px; right: 0; z-index: 10; display:none; } 
.bor_right span{ display: block; height:100%; background: #00d8ff; width:1px; margin: 0 auto; margin-right:20px; }
.bor_right img{ position: absolute; top: -4px; right: 19px; }
 
.bor_bom_left{ background: url(../images/bor_bot_left.png) no-repeat left bottom; position: absolute; z-index: 10; height: 53px; width: 50%; left: 0;  bottom: 0;  }
.bor_bom_right{ background: url(../images/bor_bot_right.png) no-repeat right bottom; position: absolute; z-index: 10; height: 53px; width: 50%; right: 0;  bottom: 0; }


.profile{ background:#e2f1ff; width:100%; min-height:500px; padding: 50px 0px; position:relative; }

.profile::before {  position: absolute;  display: block;  top:-6px;  height: 11px;  width: 100%;  content: '';  background: #e2f1ff; z-index: 5;}
.profile::after {  position: absolute;  display: block;  bottom:-3px;  height: 11px;  width: 100%;  content: '';  background: #e2f1ff; z-index: 5;}


.profile_a{     width:1000px; margin-left: 3%; height:1000px;  position: relative;}
.profile_a .text{ background-image: linear-gradient(#007eff, #045ba8); color: #fff; width:200px; height:130px; text-align: center; padding: 40px 40px; font-size: 50px; font-weight: bold; border-radius: 50%; display: table-cell; vertical-align: middle; position: absolute;  left: 50%; margin-left: -140px; top: 50%;  margin-top: -140px; padding-top: 70px; padding-bottom: 80px; z-index:10; box-shadow: 0 0px 47px 0px rgb(0 114 255 / 56%);}

.profile_a .text .guan{ width: 106%; position: absolute; left: -3%; top: -3%; animation: roll_left 20s linear infinite;}
.profile_a .text .qiu{ width: 100%; position: absolute; left:0; top:0; animation: roll_right 50s linear infinite; opacity:0.3; }
.yuanguan { background-image: radial-gradient(closest-side at 50% 50%,rgb(255 255 255), rgb(226,241,255,0)); position: absolute; width: 100%;height: 100%; }

.c1png{     position: absolute; left: 50%; top: 50%; margin-left: -175px; margin-top: -175px;  width:350px;  animation: roll_right 15s linear infinite;}
.c3png{     position: absolute; left: 50%; top: 50%; margin-left: -225px; margin-top: -225px;  width:450px;  animation: roll_right 20s linear infinite;}
.c1_1png{   position: absolute; left: 50%; top: 50%; margin-left: -400px; margin-top: -400px;  width:800px;  animation: roll_left 20s linear infinite; }  

.xm_pic{  width:90%; height:90%; position:absolute; left:5%; top:5%; z-index:10;  }
.xm_pic li{ position: absolute; width: 200px; height: 200px; border: 20px #0084ff1f solid; border-radius: 50%;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; }
.xm_pic a{ display: block;  overflow: hidden;  border-radius: 50%; position: relative; z-index: 4; height:100%;}
.xm_pic li img{ width:auto; height:120%; margin-left: -57px;}
.xm_pic li span{     position: absolute;  background: #045ba8b5; z-index: 46;  display: block;  bottom: 0; width: 100%; text-align: center; color: #fff;  padding: 15px 0px 20px 0px;  font-size: 20px;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; }

.xm_pic li:nth-child(1){  width: 130px; height: 130px;   border: 15px #0084ff1f solid;  top: 0px;  left: 190px;}
.xm_pic li:nth-child(1) span{  font-size: 16px; padding: 10px 0px 20px 0px; }
.xm_pic li:nth-child(2){ left: 67%; top: -10px;}
.xm_pic li:nth-child(3){ top: 27%; left: -45px;   width: 180px;  height: 180px; border: 15px #0084ff1f solid; }
.xm_pic li:nth-child(4){  border: 15px #0084ff1f solid;  bottom: -50px;  margin-bottom: 30px;  left: 60px; }
.xm_pic li:nth-child(5){ right: -60px; top: 53%;}
.xm_pic li:nth-child(6){ right: 140px;  bottom: 0;   width: 130px;  height: 130px; }
.xm_pic li:nth-child(6) span{  font-size: 16px; padding: 10px 0px 20px 0px; }

.xm_pic li:hover{ transform: scale(1.1); }
.xm_pic li:nth-child(3):hover span{ padding: 85px 0px 80px 0px; }
.xm_pic li:nth-child(1):hover span{ padding: 60px 0px 55px 0px; }
.xm_pic li:nth-child(4):hover span{ padding: 90px 0px 90px 0px; }
.xm_pic li:nth-child(5):hover span{ padding:90px 0px 90px 0px; }
.xm_pic li:nth-child(6):hover span{ padding: 60px 0px 55px 0px; }
.xm_pic li:nth-child(2):hover span{ padding: 90px 0px 90px 0px; }

.bg { pointer-events: none; position: absolute;   width: 100%; height: 100%; top: 0; left: 0;  z-index: 3;}
.bg i {position: absolute;  top: 0; bottom: 0; left: 0;   right: 0;margin: auto; display: inline-block; width:130px; height:130px;}

.xm_pic li:nth-child(2) .bg i,.xm_pic li:nth-child(4) .bg i,.xm_pic li:nth-child(5) .bg i{ width:180px; height:180px; }

.bg i:nth-of-type(1) { z-index: 8; border-radius: 50%; line-height: 230px; text-align: center; background-color:rgb(199 227 255 / 0.7); animation: ripple1 3s linear infinite;}
.bg i:nth-of-type(2) { z-index: 8; border-radius: 50%; line-height: 230px; text-align: center; background-color:rgb(199 227 255 / 0.7);  animation: ripple1 3s linear infinite;animation-delay: 1.5s;}

.xm_pic li p{ position: absolute;
    background-color: rgba(4, 91, 168, 0.61);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    z-index: 5;
    width: 230px;
    bottom: 34%;
    left:100%; font-size: 14px;
    line-height: 22px;opacity:0; transition:all 0.3s ease-in; min-width: 210px; }
.xm_pic li:hover p{opacity:1; }



.profile_b{ position:absolute; top:50px; right:-300px; height: 1000px; text-align: right; }
.profile_b .dq{ height:100%; opacity: 0.4; }
.profile_b .more1{ position:absolute;  top:54%; right:110px; }
.profile_b .more2{ position:absolute; top:51%;   right:-100px; z-index: 11; color: #0361b8; }
.profile_b .more2 img{ display: block; margin-bottom: 15px; position: relative; z-index:5; }

.profile_b .more2::before{ top: 0; position:absolute; width:69px; height:69px; content:""; display: block; z-index:3; border-radius: 50%; line-height: 230px; text-align: center; background-color:rgb( 112 173 234 / 0.7);  animation: ripple1 3s linear infinite; }

.profile_b .more2::after{ top: 0; position:absolute; width:69px; height:69px; content:""; display: block; z-index:3; border-radius: 50%; line-height: 230px; text-align: center; background-color:rgb( 112 173 234 / 0.7);  animation: ripple1 3s linear infinite;animation-delay: 1.5s; }

.profile_b .more2:hover{ transform: scale(1.1); }
.profile_b .more2 a{ color: #0361b8; }

.about{ position: relative; height:1000px;  background:url(../images/bg.jpg) no-repeat top center; background-size: auto 100%; }
.about_top{ position: absolute; width: 100%; transform: rotate(180deg); height: 53px; }
.about_top .bor_bom_left{ top: 0;     background: url(../images/bor_bot_left_two.png) no-repeat left bottom;}
.about_top .bor_bom_right{ top: 0; background: url(../images/bor_bot_right_two.png) no-repeat right bottom; }


.net_num_box { position: absolute; right: 20%;  top: 270px;  width: 20%; }
.net_num_box div {  display: inline-block; vertical-align: middle;}
.net_num_box  div   div {  display: inline-block; vertical-align: middle; color: #fff;}
.net_num_box   div   div.net_icon_box { position: relative;  width: 4.79vw; height: 4.79vw; border-radius: 100%;  text-align: center; line-height: 4.79vw; background-color: #fff;  margin-right: 16px; background-image: url(../images/xx.png); display: none;}
.net_num_box > div > div.net_icon_box::before { content: "";  display: block;  width: 163%;  padding-bottom: 163%; position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%);  background-image: inherit;}

.net_num_box  .timer { font-size:70px;  font-weight: 100;}
.net_num_box .net_num_case,.net_num_box .miaos{ font-size: 18px;  display: block;}
.at_on{width:100%; text-align: right;}
.at_on:nth-child(1),.at_on:nth-child(2){ margin-bottom:100px; }
.at_on i{ display:block; }
.at_on i img{ vertical-align: middle; }
.at_on:nth-child(2n){  }
.line_bottom_left{ background:url(../images/line_bottom_left.png) left top no-repeat; height:29px; position: absolute; bottom: 0;
    width:20%;}
.line_bottom_right{ background:url(../images/line_bottom_right.png) right top no-repeat; height:29px; position: absolute; bottom: 0;
    width:20%; right:0;}
.line_bottom_center{ background:url(../images/line_bottom_center.png) center top no-repeat; height:29px; position: absolute; bottom: 0;
    width:60%; left:20%;}

.about_a{  width: 50%;margin-left:10%;position: absolute; top: 130px; }




.case{ background:url(../images/casesbgtwo.jpg) no-repeat top center; padding: 70px 0px; }

	
	.you_title {  padding: 10px 15px; position: relative; display: -webkit-box; display: -webkit-flex;
	    display: flex;-webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 590px; margin:0 auto; }
	
	.you_title .title_txt{     text-align: center;
    border: none;
    padding: 0;
    margin: 0 auto; }
	.you_title .title_txt img{ max-width:100%; height:auto!important; }
	.you_title .title_txt h2{ color: #000;  font-size: 42px; margin-bottom: 10px; font-weight: 400; }
	.you_title .title_txt h2::after{ content: ''; display: block; height: 5px;  width: 60px; border-radius: 3px;  background: #0059a7; margin: 0 auto; margin-top: 30px;  margin-bottom: 30px; }
	.you_title .title_txt p{     color: #b3b3b3; font-size: 16px;  letter-spacing: 4px;}


.produ .you_title .title_txt h2{ color:#fff; }
.produ  .you_title .title_txt h2::after{     background: #ffffff; }
.nr_banner{
    position: fixed;
    width: 100%;
    overflow: hidden;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 4;
    min-height: 100vh;
}

.nr_banner video{ width:100%; margin-top:-40vh; } 

.nr_banner.nr_two {
    min-height: auto;
    height: 520px;
}

.nr_banner.nr_two span{     position: absolute;
    top: 48%;
    z-index: 5;
    color: #fff;
    width: 500px;
    left: 50%;
    margin-left: -250px;
    text-align: center;
    font-size: 50px;
    font-weight: bold; }

.nr_banner .text{ width: 1920px;
    height: auto;
    position: relative;
    left: 50%;
    margin-left: -960px;
    display: block;
    animation: a2_6 10s ease infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1; }


#maintwo{
    padding-top:70vh;
    z-index: 10;
}

#mainfour{
    padding-top:520px;
    z-index: 10;
}

.produ{ background:#fff; min-height:1200px; }
.produ::before{ display: block; content:'';}


	#sw2{ margin-top:100px; }
	#sw2 .max-wid > .left {
	    position: relative;
	    width: 22%;
	    height: 100%;
	}
	#sw2 .num-box {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: auto;
	    pointer-events: auto;
	    z-index: 10;
	    height: 200px;
	    width: 200px;
	    border-radius: 50%;
	    overflow: hidden;
	}
	#sw2  .num-box > .a {
	    position: absolute;
	    z-index: 4;
	    overflow: hidden;
	    width: 100%;
	    height: 50%;
	    transform: skewy(-45deg);
	    line-height: 155px;
	    text-indent: 41px;
	}
	#sw2 .num-box > .a > em {
	    position: absolute;
	    width: 100%;
	    height: 200%;
	    left: 0;
	    top: 0;
	    transform: skewy(45deg);
	    color: #d70917;
	    line-height: 150px;
	    text-align: left;
	    text-indent: 33px;
	}
	#sw2 .num-box > .b {
	    position: absolute;
	    z-index: 4;
	    overflow: hidden;
	    width: 100%;
	    height: 50%;
	    bottom: 0;
	    transform: skewy(-45deg);
	}
	#sw2 .num-box:after {
	    position: absolute;
	    content: "";
	    height: 0;
	    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	    width: 30%;
	    top: 50%;
	    left: 50%;
	    display: block;
	    transform: translate(-50%, -50%) rotate(-45deg) scalex(1);
	}
	#sw2 .num-box  .b  em {
	    position: absolute;
	    width: 100%;
	    bottom: 0;
	    height: 200%;
	    left: 0;
	    transform: skewy(45deg);
	    color: rgba(0, 0, 0, 0.5);
	    line-height: 238px;
	    text-indent: 35px;
	    text-align: center;font-size:20px;font-family: en_b;
	}
	#sw2 .num-box .a  em {
	    position: absolute;
	        width: 100%;
	        height: 200%;
	        left: 0;
	        top: 0;
	        transform: skewy(45deg);
	        color: #0059a7;
	        line-height: 150px;
	        text-align: left;
	        text-indent: 33px; font-size:50px; font-family: en_b;
	}
	 
	#sw2 .swiper-wrapper .swiper-slide {
	    width: 45vw;
	    height: 100%;
	    position: relative;
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
	    align-items: center;
	    z-index: 10;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner {
	    display: block;
	    margin: 0 auto;
	    position: relative;
	    width: 100%;
		background:url(../images/casebg.png) no-repeat; 
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .top {
	   width: 87%;
	       margin: 40px 0px;
	       margin-left: 40px;
	       position: relative;
	       border-radius:10px;
	       overflow: hidden;
	}
	
	#sw2 .swiper-wrapper .swiper-slide .inner .top .photo {
	    width: 100%;
	    height: 0px;
	    padding-bottom: 56.25%; background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
	}
	
	
	#sw2 .swiper-wrapper .swiper-slide .inner .mid {
	   position: absolute;
	       left:40px;
	       z-index: 10;
	       width: 65%;
	       bottom: 40px; border-bottom-left-radius: 9px; overflow: hidden;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg {
	        padding: 20px 10px;
	        display: flex;
	        align-items: center;
	        justify-content: space-between;
			background:url(../images/casesbg.png) no-repeat left top;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3 {
	   color:#313131; font-size: 18px;  font-weight: 400; text-indent: 15px;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3 > i {
	    display: inline-block;
	    margin-right: 10px;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .right {
	    font-size: 12px;
	        color: #999999;
	        opacity: 0.3;
	        font-weight: bold;     font-family: en_b; opacity:0;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .btm {
	    width: 100%;
	}
	#sw2 .swiper-wrapper .swiper-slide .inner .btm .text_ {
	    color: #fff; display:none;
	}
 
 #sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left small {
     color: #666666; font-size: 16px; line-height: 28px; display:none;
 }
 
 .num-box.on {
     animation: e1 2s cubic-bezier(0.86, 0, 0.07, 1);
 }
 
 #sw2 { position: relative;}
 #sw2 .max-wid {
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
     top: 0;
     height: 72%;width: 82%;
     max-width: 1400px;
 }
 #sw2 .swiper-pagination {
     position: absolute;
     height: 100%;
     width: 22%;
     left: auto;
     right: 0;
     top: 0;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }
 #sw2 .swiper-pagination span {
     margin: 10px 0; width:15px; height:15px;
 }
 
  .num-box.on {
 	     animation: e1 2s cubic-bezier(0.86, 0, 0.07, 1);
 	 }
 




.index4 {  height: 100vh; display: flex; align-items: center; position: relative; width:80%;  margin: 0 auto;}
.weui-cell__bd { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}


.animatethis .js-m {
    opacity: 1;
    -webkit-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    transform: translate(0, 0px);
}


.idx4top {
    display: flex;
    align-items: center;
    padding-bottom:24px;
    border-bottom: 1px solid #d4d4d4;
}
.idx4top .title {
    font-size:42px;
    color: #333;
}
.idxwrapper .morebtn {
    width: 1.8rem;
    line-height: .54rem;
    background: #df2424;
    transition: all .3s ease-in-out;
    font-size: .16rem;
    color: #fff;
    display: block;
    text-align: center;
}
.idx4box {
    position: relative;
    margin-top:30px;
}
.idx4box .left {
    width: 65%;
    overflow: hidden;
    position: relative;
    display: block;
}
.idx4box .left img {
    transition: all .5s ease-in-out; width: 100%;
}
.idx4box .left .content {
    position: absolute;
    bottom:24px;
    left: 0;
    right: 0;
    padding: 0 28px;
}
.idx4box .left .h1 {
    font-size:16px;
    font-family: "DIN";
    color: #fff;
}
.idx4box .left .h2 {
    font-size:24px;
    color: #fff;
    margin-top:16px;
}

.idx4box .right {
    position: absolute;
    right: 0;
    width: 33%;
    top: 0;
    bottom: 0;
}
.idx4box .right .item {
    display: flex;
    align-items: center;
    height: 25%;
    border-bottom: 1px solid #e8e8e8;
    padding-right: .15rem;
}
.idx4box .right .item .imgbox {
    width: 34.8%;
    margin-right: .2rem;
    overflow: hidden; height:96px;
}
.idx4box .right .item img {
    object-fit: cover;
    height: 100%;
    transition: all .5s ease-in-out;
}
.idx4box .right .item .h1 {
    font-size: 12px;
    font-family: "DIN";
    color: #aaa;
    margin-bottom: .75vw;
}
.idx4box .right .item .h2 {
    font-size:16px;
    color: #373737;
    line-height: 1.625;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: all .3s ease-in-out;
}

.index4:after {
    content: "news";
    position: absolute;
    left:-16px;
    color: #f7f7f7;
    font-size: 9vw;
    text-transform: uppercase;
    font-family: "Microsoft Yahei";
    bottom: -4vw;
    font-weight: bold;
}

footer {
    background: #292929;
    padding-top:50px;
}
footer .logo {
    width: 2.02rem;
    display: block;
}

footer .container{ width: 80%; margin: 0 auto;}

.footer1 {
    display: flex;
    align-items: flex-start;
    padding:50px 0;
}
.footer1 .navs dl {
    float: left;
}
.footer1 .navs dl:not(:last-child) {
    margin-right: 5.5vw;
}
.footer1 dl dt {
    font-size:18px;
    color: #fff;
    font-weight: normal;
    padding-bottom:10px;
}
.footer1 dl dd a {
    font-size:14px;
    color: rgba(255,255,255,.4);
    display: block;
    margin-top:15px;
    transition: all .3s ease-in-out;
}

footer .codebox {
    text-align: center;
    margin-right: 3vw;
}
footer .codebox img {
    width:140px;
    margin: 0 auto;
}
footer .codebox p {
    font-size: 14px;
    color: #fff;
    line-height: 1.571;
    margin-top:1px;
}

footer .infobox .item {
    margin-bottom:20px;
    font-size: 0;
}
footer .infobox .item span {
    display: inline-block;
    vertical-align: middle;
    font-size:16px;
    color: #fff;
    line-height:23px;
}

footer .infobox .item span {
    
}

footer .infobox .item img {
    display: inline-block;
    vertical-align: middle;
    margin-right:12px;
}

.footer2 {
    border-top: 1px solid #636363;
    display: flex;
    align-items: center;
    padding:25px 0;
}
.footer2 .left {
    font-size:14px;
    color: #fff;
}
.footer2 .left a{color: #666;}
.footer2 .linkbox {
    position: relative;
}
.footer2 .linkbox .before {
        width: 300px;
        padding: 10px 10px;
        border-radius: 10px;
    border: 1px solid rgba(255,255,255,.6);
    cursor: pointer;
}
.footer2 .linkbox .before .txt {
    color: rgba(255, 255, 255, 0.702);
    font-size:14px;
}
.footer2 .linkbox .before img {
    transition: all .5s ease;
    transform: rotate(180deg);
}
.footer2 .linkbox .after {
    position: absolute;
    bottom: 100%;
    width: 100%;
    left: 0;
    border: 1px solid rgba(255,255,255,.6);
    border-radius:15px;
    background: #2d2d2d;
    display: none;
}
.footer2 .linkbox .after a {
    display: block;
    color: rgba(255, 255, 255, 0.702);
    padding: 10px 10px;
        font-size: 14px;
    border-bottom: 1px solid rgba(255,255,255,.6);
    transition: all .3s ease-in-out;
}
.footer2 .linkbox.on .before img {
    transform: rotate(0deg);
}
.weui-cell {
    padding: 10px 15px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.footer2 .linkbox .after a:last-child {
    border-bottom: 0;
}






.nav_nr {
       width: 100%;
       margin: 0 auto;
       margin-top: -100px;
       position: absolute;
       z-index: 5;
}
.nav_nr ul { padding: 0;
    background-color: rgba(0, 89, 167, 0.74);
    display: flex;
    box-shadow: 0 10px 25px -4px rgb(0 0 0 / 10%);
}
.nav_nr li {
    flex: 3;
    position: relative;
}
.nav_nr li a {
    display: block;
    color: #ffffff;
    line-height: 100px;
    text-align: center;
    font-size: 20px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; 
}
.nav_nr li a:hover,.nav_nr li a.hover{ background-color: #e63428; color: #fff; }
.nav_nr li a::after{ content: ""; position:absolute; top: 0; bottom:0; margin: auto; right: 0; width: 1px; height: 20px; background-color: #ddd;}
	.nav_nr li:last-child a::after{ display:none; }
	.nav_nr li a.hover:after {
	    opacity: 0;
	}




.produ{ background:url(../images/bg1.jpg) no-repeat top center; background-size:auto 100%;     background-image: radial-gradient(#013c6f, #0059a7); position:relative; } 
.produ .you_title{ padding-top:100px;  }





.shuzi{ width:80%; margin: 0 auto; margin-top:150px; position: relative;}
.shuzi .bigvideo{ width:400px;
    height:400px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 0px 0px 33px rgb(3 69 183 / 26%); position:relative;  border: 18px solid #fff;
    z-index: 5;}
.shuzi .bigvideo video{ position: relative; width:800px; margin-top: -20px; z-index:5; }

.bigvideo span{ display:block; }

.shuzi .bg{ width: 900px;
    height: 900px;
    left: 50%;
    margin-left: -450px;
    margin-top: -240px;}

.shuzi .bg i{ width:350px; height:350px; }


.shuzi  ul{ width: 900px; top:0;
    height: 900px;
    left: 50%;
    margin-left: -450px;
    margin-top: -240px; position: absolute; z-index:10; }

.shuzi  ul li{background-size: 100% 100%;
    position: absolute;
    width: 78px;
    height: 78px;
    text-align: center;
    background: #e83928;
    border-radius: 50%;
    color: #fff;
    padding: 10px; cursor:pointer;     line-height: 80px;
    font-size: 18px; }

.shuzi  ul li p{ margin-top: 29px;
    background: #045ba8;
    border-radius: 5px;
    padding: 15px;
    width: 160px;
    line-height: 33px;
    margin-left: -60px; display:none; }

.shuzi  ul li:hover p{ display:block; }

.shuzi  ul li img{width: 60%; display: block;  margin: 0 auto; display:none;}
	
.shuzi  ul li:nth-child(1){     top: 140px; left: 170px; }
.shuzi  ul li:nth-child(2){ top: 440px; left: 20px; background: #0085ff; }
.shuzi  ul li:nth-child(3){ top: 730px; left: 280px; background: #4f799a; }
.shuzi  ul li:nth-child(4){     top: 200px; left: 660px;background: #025ba9; }
.shuzi  ul li:nth-child(5){top: 550px; left: 690px; background: #003557;}


.bjdh{ position: absolute;     z-index: 0;  bottom: 0;  }


#mask_div1{ position: absolute;
    top: 790px;
    opacity: 0.4; }



.luans { overflow:hidden; background:#0059a7;overflow:hidden; }

.luans .luans_left{ width:35%; float:left; position:relative; z-index: 5;}
.luans .luans_left .bg1{ background: #0059a7; z-index: 5;
    display: block;
    height: 1280px;
    margin-left: 340px;
    width: 500px;
    border-radius: 50%;
    opacity: 0.3;
    margin-top: -300px;
    position: absolute;}
	
	.luans .luans_left .bg2{ background: #0059a7; z-index: 5;
    display: block;
    height: 1280px;
    margin-left: 270px;
    width: 500px;
    border-radius: 50%;
    opacity: 0.7;
    margin-top: -300px;
    position: absolute; }
	
	.luans .luans_left .bg3{ background: #0059a7; z-index: 5;
    display: block;
    height: 1280px;
    margin-left: 215px;
    width: 500px;
    border-radius: 50%;
    opacity: 1;
    margin-top: -300px;
    position: absolute; }


.luans .luans_right{ width:65%; float: right; overflow:hidden; position: relative;}
.luans .luans_right img{ display:block; }
 
.luans .swiper-button-prev{ background-image: url(../images/jtleft.png); background-size: 24px; left: 54px; border-radius: 50%;
    width: 46px;
    height: 46px;
    border: 1px solid #fff; }
.luans .swiper-button-next{ background-image: url(../images/jtright.png); background-size: 24px; right: auto; left: 120px; border-radius: 50%;
    width: 46px;
    height: 46px;
    border: 1px solid #fff;}

.luans .swiper-pagination-fraction{ color: #d5d5d5;  width:120px;  font-size: 30px; font-weight: bold;  left: auto; right: 5%;  bottom: 40px; }
.luans .swiper-pagination-current{ padding-bottom: 10px; display: block; position: absolute; top: -20px; color: #fff;  font-size:40px; }
.luans .swiper-pagination-total{ padding-left: 12px; position: absolute; }

.luans  .text{ color: #fff;  margin-top:200px;  position: absolute;  z-index: 8;  width: 100%; left: 20%; }
.luans  .text h2{ font-size: 42px;  margin-bottom: 40px; font-weight:400; }
.luans  .text ul li{ line-height:40px; }

.luans i{ display: block;
    background: url(../images/bg3.jpg) right;
    position: absolute;
    width: 100%;
    height: 690px;
    z-index: 6; }
.produ .you_title{ width:1000px; }
.produ .you_title .title_txt p {  color: #dcdcdc; line-height: 28px;  font-size: 18px; background: #045ba894; padding: 25px 25px;  border-radius: 5px; }




.alshow{ background:url(../images/bg4.jpg); padding:100px 0px; }
.alshow .you_title h2{ color: #fff; }

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

	 
	.classic-cl{ padding:50px 0px; position: relative; padding-bottom:0; }
	.classic-cl .swiper-slide{ opacity:0.3; text-align: center; }
	.classic-cl .swiper-slide.swiper-slide-active{ opacity:1; }
	
	.classic-cl .swiper-button-prev, .classic-cl .swiper-button-next {
	    width:60px;
	    height:60px;
	    line-height:60px;
	    background-image: none;
	    background-color: #045ba8;
	    color: #fff;
	    text-align: center;
	    margin:-30px 0 0;
	    outline: none;
	    border-radius: 100%;
	    transition: all .5s ease;
		top: 45%; border: 1px solid #045ba8;
	}
	
	
	.classic-cl .swiper-button-next{ background-image: url(../images/jtright.png); background-size:24px; }
	.classic-cl .swiper-button-prev{ background-image: url(../images/jtleft.png); background-size:24px; left: 4%;}
	
	.classic-cl .swiper-button-prev::before,.classic-cl .swiper-button-prev::after,.classic-cl .swiper-button-next::before,.classic-cl .swiper-button-next::after{ display:none; }
	
	.classic-cl .swiper-button-next {
	    left:92%;
	    right: auto;
	}
	
.classic-cl .swiper-slide img{ border-radius:15px; }
	
	
	
	
.khlogo{ background:url(../images/khlogobg.jpg) no-repeat top;     position: relative; padding: 100px 0px;}


.ocean{
    height: 70px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -2px;
    z-index: 10;
}

.wave {
    height: 70px;
    position: absolute;
    left: 0;
}

.wave {
    bottom: 0;
	background-image:url(../images/wabg.png);
    background-repeat: repeat-x;
    background-size: 50% 70px;
    background-position: 0 bottom;
    background-origin: center bottom;
    width: 200%;
    -webkit-animation: waves 4s linear infinite;
    animation: waves 4s linear infinite;
    z-index: 11;
}

.wave:nth-of-type(3) {
    -webkit-animation: waves 8s linear infinite;
    animation: waves 8s linear infinite;
    z-index: 13;
    opacity: .3;
}
.wave:nth-of-type(2) {
    -webkit-animation: waves 6s linear infinite;
    animation: waves 6s linear infinite;
    opacity: .5;
    z-index: 12;
}

.khlogo ul{overflow: hidden; padding:30px 90px;} 
.khlogo ul li{ float:left; width:20%; text-align:center; margin-bottom: 50px; }
.khlogo ul li img{ display:inline-block; }





.kuanj{ background:url(../images/bg6.jpg) top center;     position: relative;  padding-bottom:150px; }
.kuanj .you_title{ padding:100px 0; padding-bottom:100px; z-index:2; }
.kuanj .you_title h2{ color:#fff; }

.kuanj  .you_title .title_txt p{ color:#fff; }
.kuanj.aboutnr .you_title .title_txt p{     font-size: 30px; } 

.dqbg{ opacity: 0.2;  position: absolute;  left: 60%; }

.kuanj_pic{ width:1212px; margin: 0 auto; padding-bottom:90px; }

.kuanj_pic  .swiper-pagination-bullet-active{ background: #00ecf0; }
.kuanj_pic  .swiper-pagination-bullet{  width:15px; height:15px; margin: 30px 30px; background: #fff;}

.kuanj_pic.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:15px 15px; }  

.kuanj_pic .swiper-container-cube .swiper-cube-shadow{ background-color: rgba(1, 209, 221, 0.54); }



.guanx{ position: absolute; width: 1200px; height: 1420px;  top: -480px;  transform: rotate(125deg); z-index:0; }
.guanx .shooting_star {
     position: absolute;
     left:0;
     top: 20%;
     height:1px;
     background: linear-gradient(-45deg, #02f0fa, rgba(0, 0, 255, 0));
     border-radius: 999px;
     -webkit-filter: drop-shadow(0 0 6px #699bff);
     filter: drop-shadow(0 0 6px #699bff);
     -webkit-animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
     animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
	 webkit-filter: blur(1px);
	 filter: blur(1px);
 }

.guanx .shooting_star:nth-child(2){animation-delay:2s;-webkit-animation-delay:2s; top:25%; }
.guanx .shooting_star:nth-child(3){animation-delay:3s;-webkit-animation-delay:3s; top:10%; }
.guanx .shooting_star:nth-child(3){animation-delay:3s;-webkit-animation-delay:3s; top:0; }



.in_bgm {
   position: absolute;
       left: 50%;
       top: 888px;
       width: 241px;
       height: 234px;
       transition: all 1.5s;
       margin-left: -890px;
}
.in_bgm .in_circle1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 241px;
    height: 234px;
    background: url(../images/in_circle11.png) center no-repeat;
    animation: zhuan 13s infinite linear;
}
.in_bgm .in_circle2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 241px;
    height: 234px;
    background: url(../images/in_circle22.png) center no-repeat;
    animation: zhuan2 17s infinite linear;
}
.in_bgm .in_circle3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 241px;
    height: 234px;
    background: url(../images/in_circle33.png) center no-repeat;
    animation: zhuan 11s infinite linear;
}
.in_bgm .in_number {
    background: url(../images/in_number44.png) center no-repeat;
}
.in_bgm .in_number {
    width: 241px;
    height: 234px;
}


.in_conference {
    width: 100%;
    position: relative;
    padding-top: 374px;
}
.in_bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}
.in_conference .in_bg {
    height: 1069px;
}
.in_bg .in_bgl {
    position: absolute;
    left: 0;
    top: 0;
    width: 159px;
    height: 217px;
    background: url(../images/in_divbgl.png) center no-repeat;
    transition: all 1s 1s;
}
.in_bg .in_bgm {
    position: absolute;
    left: 143px;
    top: 28px;
    width: 241px;
    height: 234px;
    margin-left: 0;
    transition: all 1.5s;
}
.in_bg .in_bgr {
    position: absolute;
    left: 356px;
    top: 77px;
    z-index: 2;
    width: 1544px;
    height: 992px;
    background: url(../images/in_divbgr.png) left top no-repeat;
    overflow: hidden;
    margin-left: 0;
    transition: left 1.5s,margin-left 1.5s,width 1.5s;
}


.in_conference .in_content { height: 340px;}
.in_conference .in_content .in_confbg {
    position: absolute;
    overflow: hidden;
    width: 1636px;
    height: 279px;
    left: 50%;
    margin-left: -818px;
}
 
.in_conference .in_content .in_confbg .in_confl {
    display: block;
    width: 636px;
    height: 279px;
    background: url(../images/in_linel.png) center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 1s 0.5s;
}
.in_conference .in_content .in_confbg .in_confr {
    display: block;
    width: 643px;
    height: 279px;
    background: url(../images/in_liner.png) center no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 1s 0.5s;
}
.in_conference .in_content .in_conf1 {
    font-size: 51px;
    color: #fff;
    margin-bottom: 20px;
    transition: all 1s; text-align: center;
    padding-top: 40px;     display: block;
}
.in_conference .in_content .in_conf1 i {
    display: block;
    letter-spacing: 5px;font-style: normal;
}



 .show .in_confbg .in_confl {
     transform: translate(-400px,0);
     opacity: 0;
 }
.show .in_confbg .in_confr {
    transform: translate(400px,0);
    opacity: 0;
}



#mainthree .kuanj{ padding-top:130px; }  

.kuanj .diqiu{ background:url(../images/in_xzy_guang3.png) no-repeat; position:absolute; top:-140px; height:300px;     width: 100%; transform: rotate(180deg); }

 
.in_guest .in_crilist{ position:relative; z-index:10; width:85%; margin:0 auto; }
.in_guest .in_crilist ul {  overflow: hidden;}
.in_guest .in_crilist li {  width: 25%;  float: left; margin-bottom: 35px;  transition: all 1s;}
.in_guest .in_crilist li a { cursor: pointer; color:#8cb2d8; width: 100%;  display: block; background: url(../images/in_lbg-11.png) no-repeat bottom center;}
.in_guest .in_crilist li a:hover{ color:#fff; }
.in_guest .in_crilist li .in_lipic { width: 100%;  height: 212px; background: url(../images/in_pbg1.png) no-repeat top center; position: relative; transition: all 1s;}
.in_guest .in_crilist li .in_lipic2 {
    width: 100%;
    height: 212px;
    background: url(../images/in_pbg1-2.png) no-repeat top center;
    position: absolute;
    left: 0;
    bottom: 0;
}
.in_guest .in_crilist li .in_lipic3 {
    width: 100%;
    height: 212px;
    background: url(../images/in_pbg1-3.png) no-repeat top center;
    position: absolute;
    left: 0;
    bottom: 0;
}
.in_guest .in_crilist li .in_lipic_img {
    width: 100%;
    height: 212px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
}
.in_guest .in_crilist a:hover .in_lipic2 {
    animation: zhuan 7s infinite linear;
}
.in_guest .in_crilist a:hover .in_lipic3 {
    animation: zhuan2 11s infinite linear;
}
.in_guest .in_crilist .in_lipic_img{ line-height:212px; color:#fff; font-size:35px; font-weight:bold; } 

.in_guest .in_crilist .in_text{ text-align: center; line-height: 35px; margin-top: 10px;}



.kuanj .two{ width:80%; margin:0 auto; position:relative; z-index:3; margin-top:100px; }
.kuanj .two .top { display: flex;}
.kuanj .two .top .item {
 transition: all .3s ease-in-out; position: relative;  flex: 1;  text-align: center; padding:25px 0;  border-bottom: 1px solid rgba(234, 233, 229,.3); cursor: pointer; z-index: 0; border-top: 1px solid rgba(234, 233, 229,.3); border-left: 1px solid rgba(234, 233, 229,.3);}
.kuanj .two .top .item:last-child{ border-right: 1px solid rgba(234, 233, 229,.3); }
.kuanj .two .top .item.on { padding: 35px 0 15px;}
.kuanj .two .top .item img {  margin: 0 auto; width:60px;}
.kuanj .two .top .item p { color: rgba(255, 255, 255, 0.6); font-size:18px; margin-top:10px;}
.kuanj .two .top .item.on p {color: #fff;}
.kuanj .two .top .item:after {  transition: all .3s;  content: "";  position: absolute; left: 0;  right: 0;  top: 0;  bottom: 0;  background-image: linear-gradient(to bottom right, #e52b29, #f48b14); z-index: -1; opacity: 0;}
.kuanj .two .top .item.on:after {  bottom: -8%; opacity: 1;}
.kuanj .two .bottom {  padding: 40px 0 55px 90px; border: 1px solid rgba(234, 233, 229,.3); border-top:none;}
.kuanj .two .bottom .box { display: none;}

.kuanj .two .bottom h1 { font-size:30px; color: #fff;}
.kuanj .two .bottom p { font-size:18px; color: rgba(255, 254, 254, 0.7);padding-left:5px; margin-top:15px;}
.kuanj .two .bottom p:before {  content: "";  display: inline-block; width: 12px;  height: 4px; background: #f7b426;  vertical-align: middle;  margin-right: 15px;}



.kuanj.aboutnr{ background:url(../images/bannerthree.jpg) no-repeat #0b0e2c; }



.about_nr {  width: 80%;  margin: 0 auto;  position: relative; z-index: 2;  color: #fff;}

.about_nr .about_a_1 {  width: 70%;
    padding-top: 140px;
    margin: 0 auto;  position: relative;
    z-index: 5;}
.about_nr .about_a_1 h2{ margin-bottom: 20px;
    font-size: 40px; }
.about_nr .about_a_1 p{ line-height: 40px;
    font-size: 18px; }
.about_nr .en_b {
    -webkit-text-stroke: 1px rgb(4 91 168 / 55%);
    position:absolute;
    color: transparent;
    font-size:420px;
    white-space: nowrap;
    font-family: en_b;
    text-align: center; z-index:1; width: 100%; display: block; 
}
.about_nr .en_b em {
    display: inline-block;   font-style: normal;
}


.aboutnr .luans_right{ position:relative; z-index:5; width:80%; margin: 0 auto; overflow:hidden; }
.aboutnr .luans_right .swiper-luans{ width:70%; margin:0 auto; }
.aboutnr .luans_right img{ width:100%; height:auto; }

.aboutnr .luans_right .swiper-button-prev{ left: 0; top: 0; margin-top: 0; background-color: #0b0e2c9e; width: 11%; height: 100%; padding-left: 2px;}
.aboutnr .luans_right .swiper-button-next{ right: 0; top: 0; margin-top: 0; background-color: #0b0e2c9e; width: 11%; height: 100%; padding-right: 2px;}

.show .in_cont{opacity:0;}
.show .in_main .in_span{transform:scale(0,0);opacity:0;}
.show .in_main .in_img{transform:scale(0,0);opacity:0;}
.show .in_main .in_i{transform:scale(0,0);opacity:0;}
.show .in_bg .in_bgl{transform:translate(-159px,0);opacity:0;}
.show .in_bg .in_bgm{left:50%;margin-left:-120px;}
.show .in_bg .in_bgr{left:50%;margin-left:120px;width:0;}
.show .in_conf1 {  transform: translate(0,50px); opacity: 0;}


.scroll {
    border: 2px solid #fff;
    height: 40px;
    width: 20px;
    border-radius: 30px;
    position: absolute;
    top: 88vh;
    z-index: 6;
    left: 50%;
    margin-left: -10px;
}
.scroll span {
    height: 10px;
    width: 1px;
    background: #fff;
    display: block;
    margin: 0 auto;
}
.scroll em {
    height: 10px;
    width: 3px;
    background: #fff;
    display: block;
    margin: 0 auto;
    -moz-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-animation: line1Beforeaa 1.5s infinite alternate;
    animation: line1Beforeaa 0.5s infinite alternate;
}


.kuanj.fanse{ background: url(../images/bg7.jpg) no-repeat top  center  #0b0e2c;  }
.kuanj.fanse .you_title{ height: 100vh; margin-top: -130px; padding:0; width: 1000px;}
.yoush{ width:80%; min-width:1200px; margin:0 auto; padding-top:100px; position: relative; opacity:0.5;
-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
 
 
 .kuanj.fanse .you_title h2{ font-size: 52px; }
 .kuanj.fanse .you_title p{ font-size:20px; }
 
.yoush .yoush_a{ width: 46.2857%; float:left;     margin-top:40px; margin-left: -50px; transition:all 0.3s ease-in; }
.yoush .yoush_a h2{ font-size: 50px; color: #ffffff; padding-top: 50px; position:relative; padding-left: 70px;}
.yoush .yoush_a h2 p{ color: #fff;  text-align: justify; font-size: 30px;  font-family: en_b; opacity: 0.7; } 
.yoush .yoush_a .pp{     font-size: 18px; color: #cbcbcb; line-height: 2.22; text-align: justify; margin-top:20px; padding-left: 70px; }
.yoush .yoush_a span{ display: block; font-weight: bold;  font-family: en_b;  color: transparent; font-size: 180px;  -webkit-text-stroke: 1px #D70917;  -webkit-text-stroke: 1px #2e7ef0; opacity: .3; position: absolute;  left:0; top:80px; z-index: -1; }
 
.yoush .yoush_a i{ display: block; position:relative; display:inline-block; padding-left: 70px; margin-top:50px; }
.yoush .yoush_a i::before{ content: "";  width: 40px;  height: 2px;  background: #fff;  display: block; transition:all 0.3s ease-in; }
.yoush:hover .yoush_a i::before{ width:100px;}
 .yoush .yoush_a i::after{ content: "";  width: 20px; height: 2px;  background: #fff;  display: block;  position: absolute; right: -4px; bottom: 6px; transform: rotate(45deg); }
 .yoush:hover{ opacity:1; }
 
  
.yoush .yoush_b{ width: 46.2857%;  float:right; margin-right: -50px; transition:all 0.3s ease-in;}

.fanan .yoush:nth-child(2n) .yoush_a{ float:right; margin-left:0px;margin-right: -50px; }
.fanan .yoush:nth-child(2n) .yoush_b{ float:left; margin-right:0px;margin-left: -50px;}


.yoush:hover .yoush_a{ margin-left:0px; }
.yoush:hover .yoush_b{ margin-right:0px; }


.yoush:nth-child(2n):hover .yoush_a{ margin-right:0px; }
.yoush:nth-child(2n):hover .yoush_b{ margin-left:0px; }



.fanan .yoush:nth-child(1) .yoush_a span{  top:120px; }
.fanan .yoush:nth-child(2) .yoush_a span{  top:260px; }
.fanan .yoush:nth-child(3) .yoush_a span{  top:410px; }
.fanan .yoush:nth-child(4) .yoush_a span{  top:570px; }
.fanan .yoush:nth-child(5) .yoush_a span{  top:720px; }
.fanan .yoush:nth-child(6) .yoush_a span{  top:870px; }
.fanan .yoush:nth-child(7) .yoush_a span{  top:1020px; }
.fanan .yoush:nth-child(8) .yoush_a span{  top:1170px; }
.fanan .yoush:nth-child(9) .yoush_a span{  top:1320px; }
.fanan .yoush:nth-child(10) .yoush_a span{  top:1500px; }


.yoush .yoush_b img{ -webkit-mask: url(data:img/png;base64,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);
    -webkit-mask-size: 100% 100%;}
 
 


.fanan{ position:relative; z-index:2;}



.page2Wrap{ position: relative;  height: 500px; margin-top: 100px;}

.page2Wrap .wrap, .page2Wrap ul, .page2Wrap li, .page2Wrap img {
    transform-style: preserve-3d;
    transform-origin: center;
}

.page2Wrap .wrap, .page2Wrap ul, .page2Wrap li, .page2Wrap li span, .page2Wrap li .round {
    position: absolute;
    width: 26.0417vw;
    height: 26.0417vw;
    left: 50%;
    top: 50%;
    margin-left: -13.0208vw;
    margin-top: -13.0208vw;
}
.page2Wrap .wrap {
    -webkit-transform: translateX(1.5625vw) translateY(-1.0417vw) translateZ(10.4167vw) rotateX(75deg) rotateY(0deg) rotateZ(15deg) scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: translateX(1.5625vw) translateY(-1.0417vw) translateZ(10.4167vw) rotateX(75deg) rotateY(0deg) rotateZ(15deg) scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: translateX(1.5625vw) translateY(-1.0417vw) translateZ(10.4167vw) rotateX(75deg) rotateY(0deg) rotateZ(15deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(1.5625vw) translateY(-1.0417vw) translateZ(10.4167vw) rotateX(75deg) rotateY(0deg) rotateZ(15deg) scaleX(1) scaleY(1) scaleZ(1);
    transition: All 1s 0s;
}
.page2Wrap ul {
    -webkit-animation: y 20s linear 0s infinite;
    -moz-animation: y 20s linear 0s infinite;
    -ms-animation: y 20s linear 0s infinite;
    animation: y 20s linear 0s infinite;
}
.page2Wrap li {
    border: 5px solid #5ec0ff;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-transition: All 1.4s 0s;
    -moz-transition: All 1.4s 0s;
    -ms-transition: All 1.4s 0s;
    transition: All 1.4s 0s;
}
.page2Wrap li:nth-child(1) {
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}

.page2Wrap li:nth-child(2) {
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(60deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}

.page2Wrap li:nth-child(3) {
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(-60deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}

.page2Wrap li span {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: z 12s linear 0s infinite;
    -moz-animation: z 12s linear 0s infinite;
    -ms-animation: z 12s linear 0s infinite;
    animation: z 12s linear 0s infinite;
}
.page2Wrap li:nth-child(1) span {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
}
.page2Wrap li:nth-child(1) .round {
    -webkit-animation: z 3s linear 0s infinite;
    -moz-animation: z 3s linear 0s infinite;
    -ms-animation: z 3s linear 0s infinite;
    animation: z 3s linear 0s infinite;
}


.page2Wrap li:nth-child(2) .round {
    -webkit-animation: z 3s linear 1s infinite;
    -moz-animation: z 3s linear 1s infinite;
    -ms-animation: z 3s linear 1s infinite;
    animation: z 3s linear 1s infinite;
}

.page2Wrap li:nth-child(3) .round {
    -webkit-animation: z 3s linear 2s infinite;
    -moz-animation: z 3s linear 2s infinite;
    -ms-animation: z 3s linear 2s infinite;
    animation: z 3s linear 2s infinite;
}

#classify {  position: absolute;
    width: 500px;
    height: 500px;
    left: 50%;
    margin-left:-200px;
    top: 456px; }
#classify .classify {
    position: absolute;
    width: 26.0417vw;
    height: 26.0417vw;
    left: 50%;
    top:0;
    margin-left: -13.0208vw;
}
#classify .tit {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center;
    position: absolute;
    white-space: nowrap;
    cursor: pointer;
    transition: color .3s;
}
#classify .tit strong {
    font-size: 1.4rem;
}
#classify .classify_con h5 sup, #classify .tit strong sup {
    font-size: 12px;
}
#classify .tit span {
    font-size: 1rem;
}
#classify li:nth-child(1) .tit {
    top: -3.2083vw;
    left: 13.5104vw;
}
#classify li:nth-child(2) .tit {
    top: 2.6042vw;
    left: -7.5521vw;
}
#classify li:nth-child(3) .tit {
    top: 15.625vw;
    left: -6.5104vw;
}
#classify li:nth-child(4) .tit {
    top: 25vw;
    left: 9.1146vw;
}
#classify li:nth-child(5) .tit {
    top: 15.625vw;
    left: 25.5208vw;
}
#classify li:nth-child(6) .tit {
    top: 2.6042vw;
    left: 25.5208vw;
}

.softtoppic{ text-align:center; } 

.softtoppic img{ display:inline-block; }


.soft_pic{ width:100%; margin-top:200px; }
.soft_pic.soft_pictwo{ display:none; }
.soft_pic ul{  }
.soft_pic li{ display: flex;     justify-content: space-between; align-items: center; }
.soft_pic li .text i{ font-style: inherit; font-weight: bold;}
.soft_pic li .text span{ display: block;
    font-size: 40px;
    line-height: 40px;
    margin-bottom:40px; }
.soft_pic li .text{     width: 50%;
    color: #fff;
    padding: 50px 10%;
    box-sizing: border-box; line-height: 30px; }
.soft_pic li img{     width: 50%;  display: block; }

.kuanj.soft{ padding-bottom: 50px; }



.dhbg{
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 0;
 }



.project{ background:#101e4d; width:100%; margin:0 auto;  min-height:1000px; padding:150px 0px; position: relative; overflow: hidden; }
.project .animation-wrapper{ position:absolute; }
.pub_case {
    width:80%;
    margin-left: auto;
    margin-right: auto;display: flex;
    align-items: flex-start;
}
.pub_case .pub_casetxt {
    width: 37%;
        padding-right: 5%;
}

.pub_case .go_scr{ position:static; margin-top:30px; }

.pub_case .pub_info {
        width: 60%;
        padding-right: 0;
        margin-top: .12rem;
        color: #e2e2e2;
        line-height: 33px;
        text-align: justify;
        letter-spacing: 1px;
}
 .pub_title {
     color: #fff;
     line-height: 1.2;
     font-size: 50px; font-weight: bold;
 }
  .pub_title_en {
      color: #fff;
      line-height: 1.33;
      margin-top:20px;
      text-transform: capitalize; font-size: 30px; font-family:en_b;
  }
  @font-face {
    font-family: 'en_b';
    src: url("../fonts/EUCLIDCIRCULARA-BOLD_0.TTF");
  }
 
 
 .go_scr {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 80px;
     user-select: none;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     line-height: 0.6rem;
     background-color: #fff;
     text-align: center;
     display: flex;
     transform-origin: 50% 50%;
     justify-content: center;
     align-items: center; color:#0058a6;
 }
 
 
 
 .tupian {
     width: 100%;
     margin-left: -10%;
     margin-top: 180px;
     margin-bottom: 180px;
     position: relative;
 }
 .tupian .tupian_a {
     width: 100%;
 }
 .tupian .tupian_a img {
     width: 100%;
     height: auto;
     display: block;
 }
 .tupian span {
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     right: 0;
     background: #0058a6;
 }
 
.project_nr{ width:70%; margin: 0 auto; font-size: 16px; color: #fff; line-height:200%; }
.project_nr img{ margin:20px 0; }

.nr_banner h2 {
    text-align: center;
    font-size: 60px;
    line-height: 1;
    left: 50%;
    color: #fff;
    position: absolute;
    top: 21%;
    width: 1200px;
    z-index: 5;
    margin-left: -600px;
}
.nr_banner h2::after {
    margin: 0 auto;
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background: #fff;
    margin-bottom: 50px;
    margin-top: 50px;
}


.news_list{ padding:15px 0 27px 0;  width:1400px; margin: 0 auto; margin-top: 100px;}
	.news_list > a { display: block; margin-bottom: 20px;}
	.pure:before, .pure:after { content:""; display: table;}
	.pure:after {clear: both;}
	.new_time { float: left; width: 10%;  margin-top: 53px;  font-size: 30px; line-height: 30px; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt" !important;}
	.new_time > span { font-size: 18px;}
	.new_tex_box { float: right; padding: 35px 0;  width: 79.6%;  margin-right: -4.615%; transition: all .5s ease;  padding-right: 4.615%;}
	.new_tex_box> img { float: left; width: 40%;  margin-left:-15%; transition: all .5s ease;}
	.new_tex_box > div { float: right; width: 66.6666%;}
	.new_title { font-size: 20px; font-weight: bold; line-height: 1.5; margin-top: 40px; transition: all .5s ease;}
	.new_info {font-size:16px; line-height: 2; color: rgba(0,0,0,.5); margin-top: 40px; transition: all .5s ease; text-align: justify;}
	.news_list > a:hover .new_tex_box {
	    background-color: #fff;
	    -webkit-box-shadow: 0 0 54px rgba(29, 56, 75, .26);
	    -moz-box-shadow: 0 0 54px rgba(29, 56, 75, .26);
	    box-shadow: 0 0 54px rgba(29, 56, 75, .26);
	}
	.news_list > a:hover .new_tex_box > img {
	    margin-left: -18%;
	}

.news_all{ background:#fff; }

#mainnews{ padding-top:40vh; z-index: 10;}




	.newsart{ background:#fff; padding:80px 0px;margin-top: 100px; }
	.newsart .title {width:80%; height: 40px; font-size: 26px; font-family: 'Microsoft YaHei'; color: #2d2d2d; text-align: center; margin:0 auto; }
	.newsart .source { width:80%;  margin: 0 auto; display: block; text-align: center; padding-bottom: 30px;  padding-top: 10px;  color: #b7b7b7; font-size: 14px; float:none;}
	.newsart .article{   width:1200px; margin:0 auto; line-height: 190%; min-height: 400px; padding-bottom: 10px; overflow: hidden; font-size: 18px; }
	.newsart .article img{ max-width:100%; height:auto; }




.wuquan {
    width: 1200px;
    position: relative;
    margin: 0px auto;
    padding: 50px 0px;
}
.wuquan ul {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 310px;
    z-index: 5;
}
.wuquan ul li {
    float: left;
    margin-right: 200px;
    color: rgb(255, 255, 255);
    width: 150px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    font-size: 25px;
    background: rgb(4, 91, 168);
    border-radius: 50%;
}
.wuquan ul li:nth-child(1) {
    position: absolute;
    left: 50%;
    top: 0px;
    width: 180px;
    line-height: 180px;
    height: 180px;
    margin: 0px 0px 0px -90px;
}

.wuquan ul::after {
    content: "";
    display: block;
    clear: both;
}
.wuquan span {
    display: block;
    position: absolute;
    background-image: url(../images/xuxian.png);
    background-repeat: repeat-x;
}
.wuquan span.line_a {
    width: 650px;
    height: 20px;
    top: 290px;
    transform: rotate(-32deg);
    animation: 8s linear 0s infinite normal none running wavestwo;
}
.wuquan span.line_b {
    width: 340px;
    height: 20px;
    top: 260px;
    left: 350px;
    transform: rotate(-52deg);
    animation: 8s linear 0s infinite normal none running wavestwo;
}
.wuquan span.line_c {
    width: 340px;
    height: 20px;
    top: 260px;
    left: 510px;
    transform: rotate(-132deg);
    animation: 8s linear 0s infinite normal none running wavestwo;
}
.wuquan span.line_d {
    width: 650px;
    height: 20px;
    top: 290px;
    left: 540px;
    transform: rotate(-147deg);
    animation: 8s linear 0s infinite normal none running wavestwo;
}
.wuquan ul li:last-child{  margin-right:0;}






.fei{ width:100%; padding:160px 0px; background:#16307b; }
.feij{ width:1200px; margin:0 auto; position:relative; }
 .feij_b{ text-align: center; }
.feij_a{ background:url(../images/quan1.png) no-repeat left center; background-size: 100% 100%; height:550px; position:absolute; left:0; top:50%; margin-top:-275px; width: 170px; }

 .feij_a  ul{ height:100%; }
 
 .feij li .bg{     width: 35px; height: 35px;  background: #fff;  border-radius: 50%; right: 0; left: auto; top: -10px; }
 .feij li .bg i{ width:35px; height:35px;}

 
.feij_a li{ position: absolute; color: #fff; font-size: 18px; width: 140px; text-align: left; top: 25%;margin-left: -90px; }
.feij_a li:nth-child(2){ top: 50%; margin-left: -120px; }
.feij_a li:nth-child(3){ top: 75%; margin-left: -84px; }
 
 
 .feij_c{ background:url(../images/quan2.png) no-repeat right center; background-size: 100% 100%; height:550px; position:absolute; right:0; top:50%; margin-top:-275px; width: 170px; }
 .feij_c li{ position: absolute; color: #fff; font-size: 18px; width: 140px; text-align:right; top: 25%;margin-left:112px; line-height:28px; }
 .feij_c li:nth-child(2){ top: 50%; margin-left:134px; }
 .feij_c li:nth-child(3){ top: 75%; margin-left:90px; }
 
 .feij  .feij_c li .bg{     width: 35px; height: 35px;  background: #fff;  border-radius: 50%; right:auto; left:0; top: 8px; }
 .feij  .feij_c li .bg i{ width:35px; height:35px;}
 
 
 
 
.uino-sidebar{position:relative;width:60px;height:90px;background:#fff;-webkit-box-shadow:0 2px 10px 0 rgba(171,171,171,.24);box-shadow:0 2px 10px 0 rgba(171,171,171,.24);border-radius:6px;position:fixed;right:23px;bottom:50%;margin-bottom:-87.5px;z-index:9999;display:flex;flex-flow:column;justify-content:space-around;
z-index:100; 
}
.uino-sidebar .sidebar-flex{cursor:pointer;display:flex;flex-flow:column;justify-content:space-between;align-items:center}
.uino-sidebar .sidebar-flex a{display:flex;flex-flow:column;justify-content:space-between;align-items:center}
.uino-sidebar .sidebar-flex a:hover{color:#333}
.uino-sidebar .sidebar-flex a img{width:50%}
.uino-sidebar .sidebar-flex .sidebar-text{font-size:12px;margin:5px 0 0 0;color:#333;font-family:pingfang,Century Gothic,microsoft yahei,Avenir,Helvetica,Arial,sans-serif;font-weight:normal;line-height:normal;letter-spacing:0}
.uino-sidebar .advisory:hover .advisory-h{visibility:visible;display:block}
.uino-sidebar .advisory .advisory-h{width:170px;height:70px;position:absolute;right:75px;bottom:8px;background:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border:1px solid #e1e6f0;border-radius:6px;visibility:hidden;-webkit-transition:visibility .1s;transition:visibility .1s}
.uino-sidebar .advisory .advisory-h .advisory-h-top{margin:0;font-size:12px;color:#9b9b9b;padding:10px 0 7px 15px;border-radius:6px}
.uino-sidebar .advisory .advisory-h .number{margin:0;font-size:18px;padding-left:15px;color:#17212c;font-weight:600}
.uino-sidebar .advisory .advisory-h .triangle_icon{position:absolute;display:block;width:6px;height:6px;background:#fff;right:-7px;-webkit-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg);top:31px;border-color:#e1e6f0 transparent transparent #e1e6f0;border-style:solid;border-width:1px}
 
 

@media screen and (max-width: 640px){
	
	
	.header .logo img {
	    height: auto;
	    opacity: 1;
	    display: block;
	    width: auto;
	    height: 40px;
	    margin-top: 5px;
	    margin-left: 5px;
	}
	
	
	body {
	    min-width: auto;
	}
	
	.header{ padding: 0; }
	.header .logo{ height:50px; }
	.header.headerindex {
	    padding: 0;
	    min-width: auto;
	    background: #fff;
	}
	.nav {
	    position: fixed;
	    background: #fff;
	    width: 100%;
	    height: 100%;
	    margin-top: 0px;
	    display: none;
	    margin-top: 50px;
	    padding-top: 30px;
	    margin-left: 0; border-top:1px solid #f1f1f1 ;
	}
	
	.header.headerindex .nav a{ color: #000000; }
	.nav li{ float: none;  width: 100%;  text-align: center; }
	.header .sj_nav {
	    display: block;
	    position: relative;
	    width: 25px;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    float: right;
	    margin-right: 3%;
	    margin-top: 9px;
	}
	.header .sj_nav::before, .header .sj_nav::after {
	    content: "";
	    display: block;
	    height: 2px;
	    width: 80%;
	    background: #727272;
	}
	.header .sj_nav::before {
	    margin-bottom: 5px;
	    -moz-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -webkit-animation: line1Before 1.5s infinite alternate;
	    animation: line1Before 1.5s infinite alternate;
	}
	.header .sj_nav span {
	    display: block;
	    position: absolute;
	    width: 100%;
	    height: 2px;
	    background: #afafaf;
	    bottom: 2px;
	    -o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -webkit-animation: line1span 1.8s infinite alternate;
	    animation: line1span 1.8s infinite alternate;
	}
	.header .sj_nav::after {
	    -o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -webkit-animation: line1after 2s infinite alternate;
	    animation: line1after 2s infinite alternate;
	}
	.header .sj_nav::after {
	    width: 75%;
	    background: #0b4085;
	}
	.header.headerindex .logo img{ opacity:1;  display: block; width: auto;  height: 40px; margin-top: 5px; margin-left: 5px; }
	.header.headerindex .logo{ height: 50px; background-position:5px 5px; background:none;  }
	.header.dbno .nav a{ height: 60px;line-height: 60px; } 
	
	.bor_top img { position: absolute; top: 10px; left: 10px;}
	.header.dbno .nav .nav_two{ display:none!important; } 
	.header.dbno .erj::after{ display:none!important; }
	.bor_top,.bor_left,.bor_right,.bor_bom_left,.bor_bom_right{ display:none; }
	.banner{ height: calc(60vh); margin-top:0px; }
	.swiper01 video{ height: 107%; }
	.swiper01 .swiper-pagination { bottom: 30px;}
	.swiper01 .swiper-button-prev, .swiper01 .swiper-button-next{ top: 55%;  background-size: 15px; width: 30px; height: 30px;  line-height: 30px; }
	.swiper01 .swiper-slide .txt{ top: 43%; }
	.swiper01 .swiper-slide .txt_a{ width:100%;     font-size:30px; } 
	.swiper01 .swiper-slide .txt_b{ font-size:30px; width:100%;  }
	.swiper01 .swiper-slide img.bigpc{ display:none; }
	.swiper01 .swiper-slide img.bigap{ display:block; }
	.profile_b{ display:none; }
	.profile::before{ display:none; }
	.profile{ padding:30px 0px; }
	
	.profile_a{ width:90%; margin-left: 5%; height: 540px; }
	
	.profile_a .text{margin-top: -60px;
    font-size: 20px;
    height: 50px;
    width: 80px;
    padding: 20px 20px;
    padding-top: 35px;
    padding-bottom: 35px;
    margin-left: -60px;}
	
	
	.feij{ width:80%; }
	.feij_b img{ width:100%;  }
	
	.feij_a{ top: 50%;     left: 42%;  height: 310px;  width: 60px;  transform: rotate(90deg); }
	.feij_c{ width: 60px;  height: 310px; transform: rotate(90deg); right: 42%; top: 200%; }
	
	
	.feij li .bg,.feij .feij_c li .bg{ width: 20px; height: 20px;background: #fff; border-radius: 50%; right:40%; left: auto;  top: 30px; }
	.feij li .bg i,.feij .feij_c li .bg i{ width: 20px; height: 20px; }
	.feij_a li{     text-align: center; font-size:14px; transform: rotate(-90deg); width: 100px; top:8%; margin-left:-45px; }

	.feij_a li:nth-child(2) {  top: 45%; margin-left: -78px;}
	.feij_a li:nth-child(3) { top: 85%; margin-left: -49px;}
	
	.feij .feij_c li .bg{  right: 43%; left: auto;  top: -30px; }
	.feij_c li{ font-size: 14px;
    text-align: center;
    margin-left: -4px;
    transform: rotate(-90deg);
    line-height: 20px;
    top: 4%; }
	.feij_c li:nth-child(2) {
	    top: 42%;
	    margin-left: 26px;
	}
	.feij_c li:nth-child(3) {
	    top: 79%;
	    margin-left: -3px;
	}
	
	
	.c1png{ margin-left: -75px;
    margin-top: -75px;
    width: 150px; }
	.c3png{ margin-left: -95px;
    margin-top: -95px;
    width: 190px; }
	.c1_1png{     margin-left: -45vw;   margin-top: -45vw;   width: 100%; }
	
	.xm_pic{ width:100%; left: 0;}
	.xm_pic li img{ margin-left: -27px; } 
	
	.xm_pic li:nth-child(1){ width: 80px;
    height: 80px;
    top: 70px;
    left: 30px;
    border: 7px #0084ff1f solid;}
	
	.xm_pic li{width: 80px;  height: 80px;  border:7px #0084ff1f solid; }
	.xm_pic li:nth-child(2){ width: 80px;
    height: 80px;
    left: 65%;
    top: 76px; }
	.xm_pic li:nth-child(3){  width: 80px;
    height: 80px;
    top: 52%;
    left: -25px;
    border: 7px #0084ff1f solid;}
	.xm_pic li:nth-child(4){ bottom: 30px;
    margin-bottom: 0;
    left: 130px;
    border: 7px #0084ff1f solid; }
	.xm_pic li:nth-child(5){ right: -15px; top: 54%;}
	.xm_pic li:nth-child(6){  display:none;    width: 80px; height: 80px; }
	.bg i{ width: 80px; height: 80px;}
	.xm_pic li:nth-child(2) .bg i, .xm_pic li:nth-child(4) .bg i, .xm_pic li:nth-child(5) .bg i{width: 80px; height: 80px; }
	.xm_pic li:nth-child(n) span{font-size:12px; padding: 7px 0px 14px 0px; }
	
	.about_top,.profile::after{ display:none; }
	.about_a{ width: 90%; margin-left: 5%;  top: 30px; }
	.net_num_box{  width:90%; right:5%; top: 320px;}
	.at_on:nth-child(1), .at_on:nth-child(2) {
	   margin-bottom: 30px;
	    float: left;
	    width: 50%;
	    text-align: center; 
	}
	.at_on:nth-child(3){ text-align: center; } 
	.net_num_box .timer{  font-size:30px; font-weight: bold; }
	.net_num_box .net_num_case, .net_num_box .miaos { font-size: 16px;}
	
	
	 .nr_banner video{ width: auto;  margin-left: -40vh;   height: 75vh;  margin-top:0;}
	
	.about{ height: 520px; }
	.line_bottom_left,.line_bottom_center,.line_bottom_right{ display:none; }
	
	.you_title .title_txt h2{ font-size: 25px;}
	.you_title .title_txt p{ font-size:14px; }
	.kuanj.aboutnr .you_title .title_txt p{     font-size: 20px; }   
	 .xm_pic li:hover p{ display:none; }
		#sw2{ margin-top:0;      padding-top: 120px;padding-bottom: 50px;position: relative; overflow: hidden; }
			#sw2 .max-wid > .left {
			    position: relative;
			        width: 100%;
			}
			#sw2 .num-box {
			    position: absolute;
			    top: -30px;
			    bottom:auto;
			    left: 0;
			    right: 0;
			    margin: auto;
			    pointer-events: auto;
			    z-index: 10;
			    height: 200px;
			    width: 200px;
			    border-radius: 50%;
			    overflow: hidden;
			}
			#sw2  .num-box > .a {
			    position: absolute;
			    z-index: 4;
			    overflow: hidden;
			    width: 100%;
			    height: 50%;
			    transform: skewy(-45deg);
			    line-height: 155px;
			    text-indent: 41px;
			}
			#sw2 .num-box > .a > em {
			    position: absolute;
			    width: 100%;
			    height: 200%;
			    left: 0;
			    top: 0;
			    transform: skewy(45deg);
			    color: #d70917;
			    line-height: 150px;
			    text-align: left;
			    text-indent: 33px;
			}
			#sw2 .num-box > .b {
			    position: absolute;
			    z-index: 4;
			    overflow: hidden;
			    width: 100%;
			    height: 50%;
			    bottom: 0;
			    transform: skewy(-45deg);
			}
			#sw2 .num-box:after {
			    position: absolute;
			    content: "";
			    height: 0;
			    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
			    width: 30%;
			    top: 50%;
			    left: 50%;
			    display: block;
			    transform: translate(-50%, -50%) rotate(-45deg) scalex(1);
			}
			#sw2 .num-box  .b  em {
			    position: absolute;
			    width: 100%;
			    bottom: 0;
			    height: 200%;
			    left: 0;
			    transform: skewy(45deg);
			    color: rgba(0, 0, 0, 0.5);
			    line-height: 238px;
			    text-indent: 35px;
			    text-align: center;font-size:20px;font-family: en_b;
			}
			#sw2 .num-box .a  em {
			    position: absolute;
			        width: 100%;
			        height: 200%;
			        left: 0;
			        top: 0;
			        transform: skewy(45deg);
			        color: #2aa8ff;
			        line-height: 150px;
			        text-align: left;
			        text-indent: 33px; font-size:50px; font-family: en_b;
			}
			 
			#sw2 .swiper-wrapper .swiper-slide {
			    width: 45vw;
			    height: 100%;
			    position: relative;
			    display: flex;
			    justify-content: center;
			    flex-direction: column;
			    align-items: center;
			    z-index: 10;
			}
			#sw2 .swiper-wrapper .swiper-slide .inner {
			    display: block;
			    margin: 0 auto;
			    position: relative;
			    width: 100%; background:none; margin:0;
			}
			#sw2 .swiper-wrapper .swiper-slide .inner .top {
			    width: 100%;
			    position: relative; margin:0; border-radius: 0;
			}
			#sw2 .swiper-wrapper .swiper-slide .inner .top .photo {
			    width: 100%;
			    height: 0px;
			    padding-bottom: 56.25%; background-position: center;
		    background-repeat: no-repeat;
		    background-size: cover;
		    overflow: hidden;
		    position: relative;
			}
			#sw2 .swiper-wrapper .swiper-slide .inner .mid {
			   z-index: 10;
			       width: 100%;
			       left: 0;
			       bottom: 0;
			       box-shadow: 0 11px 50px -6px rgba(192, 196, 204, 0.71);
			       position: relative;
			       border-radius: 0;
			}
			#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg {
			    background-color: #fff;
			    padding: 2vw 2vw;
			    display: flex;
			    align-items: center;
			    justify-content: space-between;
			}
			#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3 {
			    color: #2aa8ff;
			    margin: 5px 0;
			        font-size: 16px;
			}
			#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3 > i {
			    display: inline-block;
			    margin-right: 10px;
			}
			#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .right {
			    font-size: 80px;
			        color: #999999;
			        opacity: 0.3;
			        font-weight: bold;     font-family: en_b; display: none;
			}
			#sw2 .swiper-wrapper .swiper-slide .inner .btm {
			    width: 100%;
			}
			#sw2 .swiper-wrapper .swiper-slide .inner .btm .text_ {
			    color: #fff;
			}
			#sw2 .swiper-wrapper .swiper-slide .inner .btm .text_ {
			    width: 100%;
			    text-align: left;
			    font-size:150px;
			    color: #fff; 
			    text-shadow: 0 0 1px #2aa8ff; font-weight:bold; display: none;
			}
		 #sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left small {
		     color: #666666; font-size: 14px; line-height: 20px; display: block;
	    margin-bottom: 10px; display:none;
		 }
		 .case{ padding: 30px 0px; margin: 0px;}
		 .num-box.on {
		     animation: e1 2s cubic-bezier(0.86, 0, 0.07, 1);
		 }
		 
		 
		 .mainhie{ overflow:hidden;}
		 
	
		 #sw2 .max-wid {
		     position: absolute;
		     left: 0;
		     right: 0;
		     margin: auto;
		         top: 0;
		         height: 100%;width: 82%;
		     max-width: 1400px;
		 }
		 #sw2 .swiper-pagination {
		     position: absolute;
		     width:100%;
		     left: auto;
		     right: 0;
		     top:auto;
			 bottom:0;
		     flex-direction: column;
		     justify-content: center;
		     align-items: center; height:auto;     display: block;
		 }
		 #sw2 .swiper-pagination span {
		     margin:0 10px;
		 }
		 .idx4box .right .item:last-child{ margin-bottom: 0; }
		 .you_title{ width:90%; }
		 .index4:after{ display:none; }
		 .idx4box .right{ position:relative; width:100%; margin-top: 15px;}
		 .idx4box .left{ width:100%; }
		 .idx4top .title{ font-size: 25px; }
		 .index4{ width:90%; height:auto; padding: 30px 0px; }
		 .idx4box .left .h2{ font-size:16px; }
		 .idx4box .right .item .imgbox{ margin-right: 10px; }
		 .idx4box .right .item{ margin-bottom: 15px;padding-bottom: 15px; }
		 footer .logo{ display:none; }
		 footer{ padding-top: 30px; }
		 .footer1 .weui-cell__bd,.footer2 .linkbox{ display:none; }
		 footer .container{ width:90%; }
		 .footer2 .left a{ display:block; }
		 .footer2 .left{ line-height:25px; }
		 footer .codebox{ margin-right:0; margin-bottom: 20px;}
		 .footer1 {
		     display:block;
		     
		     padding: 20px 0;
		 }
		 footer .infobox .item {text-align: center;}
		 footer .infobox .item span{     max-width: initial; }
		 
		 
		 .kuanj.aboutnr .you_title{ padding: 0px 0;  padding-bottom: 30px;  }
		 
		 .in_bgm .in_circle1,.in_bgm .in_circle2,.in_bgm .in_circle3,.in_bgm .in_number{ background-size:100%;     width:190px;
    height:180px;
 }
		 .in_bg .in_bgl{ background-size:100%; width: 100px;}
		 .in_bg .in_bgm{left: 83px; }
		 .in_bg .in_bgr{ width: 1000px; left:246px; top: 67px;  background-size: 100%; }
		 .kuanj.aboutnr {
		     background: url(../images/bannerthree.jpg) no-repeat #0b0e2c top center;
		     background-size: 190%;
		 }
		 .in_conference .in_content .in_conf1{ font-size:20px; }
		 .in_conference{ padding-top: 224px; }
		 .in_conference .in_content .in_confbg{ width: 100%; left:auto; margin:0;}
		 .in_conference .in_content .in_confbg .in_confl{ width:50%; background-size: 100%; left: -25%; height: 139px;}
		 .in_conference .in_content .in_confbg .in_confr{ width:50%; background-size: 100%; right: -25%; height: 139px;}
		 .in_conference .in_content {
		     height: 140px;
		 }
		 .aboutnr .luans_right{ width:100%; }
		 .aboutnr .luans_right .swiper-luans{ width:100%; }
		 .about_nr{ width:90%; }
		 .about_nr .en_b{ font-size:98px; }
		 .about_nr .about_a_1{ width:100%;padding-top: 50px;}
		 .about_nr .about_a_1 h2{ font-size:25px; }
		 .about_nr .about_a_1 p {
		     line-height: 30px;
		     font-size: 14px;
		 }
		 .kuanj{ padding-bottom: 90px; overflow:hidden; }
		 
		 .kuanj .diqiu{  background: url(../images/in_xzy_guang3.png) no-repeat top center; background-size: 220%;     top: -190px;}
		 .kuanj .you_title {  padding: 30px 0;  padding-bottom: 40px; }
		 .in_guest .in_crilist .in_text{ display:none; }
		 .in_guest .in_crilist .in_lipic_img{ font-size:20px; }
		 
		 .in_guest .in_crilist li .in_lipic,.in_guest .in_crilist li .in_lipic2,.in_guest .in_crilist li .in_lipic3{ background-size:100% ;height:82px; }
		 .in_guest .in_crilist li{     margin-bottom: 0; }
			.in_guest .in_crilist li .in_lipic_img{ height: 82px;
    line-height: 82px;
    font-weight: 500;
    font-size: 18px; }
	.in_guest .in_crilist{ width:90%; }
	.kuanj .two{     margin-top: 40px; width:90%; }
	.kuanj .two .top .item p{ font-size:14px; margin-top: 0px; }
	.kuanj .two .top .item img{ width:32px; }
	.kuanj .two .top .item{ padding: 15px 0;}
	.kuanj .two .top .item.on {  padding: 15px 0 0px; }
	.kuanj .two .bottom{ padding:20px; }
	.kuanj .two .bottom h1{ font-size:20px; }
	.kuanj .two .bottom p {
	    font-size: 14px;
	    color: rgba(255, 254, 254, 0.7);
	    padding-left: 5px;
	    margin-top: 15px;
	    line-height: 25px;
	}
	
	.nav_nr li a{     font-size: 16px;  line-height: 60px;}
	.nav_nr{ margin-top: -60px; }
	
	.produ .you_title{ width:90%; }
	.produ .you_title .title_txt p{ font-size: 14px;  padding: 15px; }
	.produ .you_title{ padding-top: 30px; }
	.shuzi .bigvideo{ width: 50vw;  height: 50vw; border: 10px solid #fff;}
	.shuzi .bg { top: 50%;
	    width: 150px;
	    height: 150px;
	    left: 50%;
	    margin-left: -85px;
	    margin-top: -75px;
	}
	.shuzi .bg i{  width:170px;  height:170px; }
	.shuzi ul {
	    width: 90%;
	    top: 0;
	    height: 300px;
	    left: 50%;
	    margin-left: -35vw;
	    margin-top: -40px;
	    position: absolute;
	    z-index: 10;
	}
	.shuzi ul li {
	    background-size: 100% 100%;
	    position: absolute;
	    width: 60px;
	    height: 60px;
	    text-align: center;
	    background: #e83928;
	    border-radius: 50%;
	    color: #fff;
	    padding: 10px;
	    cursor: pointer;
	    line-height: 60px;
	    font-size: 14px;
	}
	
	.shuzi ul li:nth-child(1){ top: 20px; left: 0px; }
	.shuzi ul li:nth-child(2) {    top: 170px;  left: -10px; }
	.shuzi ul li:nth-child(3) { top: 220px;
    left: 130px; }
	.shuzi ul li:nth-child(4) {  top: 124px;
    left: 220px; }
	.shuzi ul li:nth-child(5) {
	    top: 0;
	    left: 160px;
	    background: #003557;
	}
	
	.shuzi .bigvideo video{ width: 440px; }
	.shuzi{ margin-top: 100px;}
	.produ {  min-height: 910px;}
	
	.luans .luans_left{ width:100%; float:none; }
	.luans .luans_right{ width:100%; float:none; }
	
	.luans .luans_left .bg3,.luans .luans_left .bg2,.luans .luans_left .bg1{ display:none; }
	.luans i{ position:relative;height: 170px; }
	.luans .text {
	    color: #fff;
	    margin-top: 30px;
	    position: absolute;
	    z-index: 8;
	    width:90%;
	    left: 5%;
	}
	.luans .text h2 {
	    font-size: 20px;
	    margin-bottom: 20px;
	    font-weight: 400;
	    text-align: center;
	    font-weight: bold;
	}
	.luans .text ul li {
	    line-height: 30px;
	    width: 50%;
	    float: left;
	    font-size: 16px;
	    text-align: center;
	}
	.luans .luans_right img{ width:100%; }
	.luans .swiper-pagination-fraction{ font-size:18px; width: 87px;  bottom: 15px; }
	.luans .swiper-pagination-current{ font-size:25px; top: -10px;}
	
	.luans .swiper-button-next{ right:5%; left:auto; }
	.luans .swiper-button-prev{ left:5%; }
	
	.alshow{ padding:30px 0px; }
	.classic-cl .swiper-slide img{ width:100%; border-radius:0; }
	.classic-cl {   padding: 30px 0px; padding-bottom: 0;}
	.classic-cl .swiper-button-prev, .classic-cl .swiper-button-next{ width:48px; height:48px; }
	.classic-cl .swiper-button-prev{ left:5%; }
	.classic-cl .swiper-button-next{ right:5%; left:auto; }
	
	.khlogo{ padding: 30px 0px; }
	.khlogo ul {   padding: 10px; }
	.khlogo ul li{ width:33%; margin-bottom:10px; }
	.khlogo ul li img{ width:95%; }
	
	
	.kuanj.soft,.kuanj.kuanjkk{ overflow: initial; } 
	.page2Wrap { height: 320px; margin-top: 0;}
	#classify {
	    position: absolute;
	    width: 90%;
	    height: 230px;
	    left: 50%;
	    margin-left: -45vw;
	    top: 270px;
	}
	
	.page2Wrap .wrap, .page2Wrap ul, .page2Wrap li, .page2Wrap li span, .page2Wrap li .round{ width: 46.0417vw;
    height: 46.0417vw; margin-left: -23.0208vw;
    margin-top: -23.0208vw; }
	#classify .classify {
	    position: absolute;
	    width: 46.0417vw;
	    height: 46.0417vw;
	    left: 50%;
	    top: 0;
	    margin-left: -23.0208vw;
	}
	#classify .tit span{ display:none; }
	#classify .tit strong{ font-size:16px; } 
	#classify li:nth-child(2) .tit {
	    top: 48.6042vw;
	    left: 8.4479vw;
	}
	
	#classify li:nth-child(1) .tit {
	    top: -11.2083vw;
	    left: 8.5104vw;
	}
	#classify li:nth-child(3) .tit {
	    top: 15.625vw;
	    left: -23.5104vw;
	}
	#classify li:nth-child(4) .tit {
	    top: 42vw;
	    left: -10.8854vw;
	}
	
	#classify li:nth-child(5) .tit {
	    top: 10.625vw;
	    left: 47.5208vw;
	}
	
	
	#classify li:nth-child(2) .tit {
	    top: 44.6042vw;
	    left: 31.4479vw;
	}
	.soft_pic {  margin-top: 50px; display:none; }
	.soft_pic.soft_pictwo{ display:block; }
	.soft_pic li img{ width:90%; margin:0 auto; }
	.soft_pic li .text{ width: 90%;
    padding: 0;
    margin-left: 5%;
    line-height: 22px;
    margin-bottom: 10px;
    font-size: 14px; }
	.soft_pic li{ display:block; margin-top: 30px; }
	.soft_pic li .text span{ font-size:16px; margin-bottom: 10px; }
	
	
	.kuanj_pic{ width:90%; }
	.kuanj_pic img{ width:100%; }
	
	.dqbg img{ width:100%; }
	.kuanj.fanse{ background-size: 100%; }
	#mainthree .kuanj{   }
	.kuanj.fanse .you_title { height: 50vh;  width: 90%;     margin-top:0;}
	.kuanj.fanse .you_title h2{ font-size:25px; }
	.kuanj.fanse .you_title p{ font-size:14px; }
	
	.scroll{ display:none; }
	
	.yoush{ padding-top:0px; min-width:auto; width:90%; margin-bottom: 50px; opacity: 1;}
	.yoush .yoush_a{ width:100%; float:none; margin-left: 0; position: relative; margin-top: 0; margin-bottom:10px;}
	.yoush .yoush_b{ width:100%; float:none; }
	.yoush .yoush_a h2{  }
	.yoush .yoush_a h2 {
	    font-size: 25px;
	    color: #ffffff;
	    padding-top: 0;
	    position: relative;
	    padding-left: 0;
	}
	.yoush .yoush_a .pp {
	    font-size: 16px;
	    color: #cbcbcb;
	    line-height: 1.8;
	    text-align: justify;
	    margin-top: 10px;
	    padding-left: 0;
	}
	.yoush .yoush_a h2 p{ font-size:18px;     display: none; }
	.yoush .yoush_a i {
	    display: block;
	    position: absolute;
	    display: inline-block;
	    right: 0;
	    top: 18px; margin-top: 0;
	}
	.yoush .yoush_b img{ width:100%; }
	.yoush .yoush_a span{display:none; }
	.fanan .yoush:nth-child(2n) .yoush_a{ margin:0; margin-bottom:10px; }
	.fanan .yoush:nth-child(2n) .yoush_b{ margin:0; }
	
	
	.yoush:hover .yoush_a i::before{ width:60px; }
	
	
	#mainfour{ padding-top: 350px; }
	.nr_banner .text{ width:auto; height:100%; }
	.nr_banner.nr_two span{ font-size:30px;  top: 35%;}
	.project{ padding: 50px 0px; min-height: 500px; }
	.pub_case{ width:90%; display:block; }
	.pub_case .pub_casetxt{ padding-right:0; width:100%; margin-bottom:10px; }
	.pub_title{ font-size:25px; }
	.pub_title_en{ font-size: 18px; margin-top: 10px; }
	.pub_case .go_scr{ display:none; }
	.pub_case .pub_info{ color: #bebebe; line-height: 25px; width:100%; }
	
	.tupian { margin-top: 30px;  margin-bottom: 30px; margin-left: -5%;}
	.project_nr{ width:90%; }
	.project_nr img{ max-width:100%; height:auto; margin-top:0; }
	
	.wuquan{ width:90%; }
	.wuquan ul li {
	    float: left;
	    color: rgb(255, 255, 255);
	    width: 21%;
	    margin-right: 5%;
	    height: 20vw;
	    line-height: 20vw;
	    text-align: center;
	    font-size: 16px;
	    background: rgb(4, 91, 168);
	    border-radius: 50%;
	}
	.wuquan ul li:nth-child(1) {
	    position: absolute;
	    left: 35%;
	    top: 0px;
	    width: 30%;
	    line-height: 28vw;
	    height: 28vw;
	    margin: 0;
	    font-size: 18px;
	}
	.wuquan ul{ padding-top: 170px; }
	.wuquan span{ background-size: 170%; }
	.wuquan span.line_a{     transform: rotate(-40deg); width: 210px;  height: 20px;  top: 170px; }
	.wuquan span.line_b {     background-size: 270%; width: 120px;  height: 20px; top: 160px;left:26vw;  transform: rotate(-58deg);}
	.wuquan span.line_c {
	    width: 160px;
	    height: 20px;
	    top: 190px;
	    left: 33vw;
	    transform: rotate(-119deg);
	    animation: 8s linear 0s infinite normal none running wavestwo;
	    background-size: 270%;
	}
	
	
	.wuquan span.line_d {
	    width: 180px;
	    height: 20px;
	    top: 180px;
	    left: 43vw;
	    transform: rotate(-135deg);
	    animation: 8s linear 0s infinite normal none running wavestwo;
	}
	
	.softtoppic img { width:80%; }
	
}


@keyframes line1after
		{
			from {width:10%;}
			to {width:80%;}
		}

@keyframes line1span
		{
			from {width:30%;}
			to {width:100%;}
		}
@keyframes line1Before
		{
			from {width:50%;}
			to {width:85%;}
		}
@keyframes zhuan
{
	0%{ transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
@keyframes zhuan2
{
	0%{ transform:rotate(0deg)}
	100%{transform:rotate(-360deg)}
}
@-webkit-keyframes tail {
  0% {
    width: 0;
  }
  30% {
    width: 100px;
  }
  100% {
    width: 0;
  }
}

@keyframes tail {
  0% {
    width: 0;
  }
  30% {
    width: 100px;
  }
  100% {
    width: 0;
  }
}


@-webkit-keyframes shining {
  0% {
    width: 0;
  }
  50% {
    width: 30px;
  }
  100% {
    width: 0;
  }
}
@keyframes shining {
  0% {
    width: 0;
  }
  50% {
    width: 30px;
  }
  100% {
    width: 0;
  }
}
@-webkit-keyframes shooting {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(800px);
            transform: translateX(800px);
  }
}
@keyframes shooting {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(800px);
            transform: translateX(800px);
  }
}

@-webkit-keyframes waves{
	0%{-webkit-transform:translateX(0) translateZ(0) scaleY(1);transform:translateX(0) translateZ(0) scaleY(1)}
	0%{-webkit-transform:translateX(-25%) translateZ(0) scaleY(.5);transform:translateX(-25%) translateZ(0) scaleY(.5)}
	0%{-webkit-transform:translateX(-50%) translateZ(0) scaleY(1);transform:translateX(-50%) translateZ(0) scaleY(1)}
}

@keyframes waves{
	0%{-webkit-transform:translateX(0) translateZ(0) scaleY(1);transform:translateX(0) translateZ(0) scaleY(1)}
	0%{-webkit-transform:translateX(-25%) translateZ(0) scaleY(.5);transform:translateX(-25%) translateZ(0) scaleY(.5)}
	0%{-webkit-transform:translateX(-50%) translateZ(0) scaleY(1);transform:translateX(-50%) translateZ(0) scaleY(1)}
}

@-webkit-keyframes wavestwo{
	0%{ background-position: 0; }
	50%{ background-position: 300px;}
	100%{ background-position:600px;}
}

@keyframes wavestwo{
	0%{ background-position: 0; }
	50%{ background-position: 300px;}
	100%{ background-position:600px;}
}



@-webkit-keyframes wavestwoa{
	0%{ background-position: 0; }
	50%{ background-position: -300px;}
	100%{ background-position:600px;}
}

@keyframes wavestwoa{
	0%{ background-position: 0; }
	50%{ background-position: -300px;}
	100%{ background-position:-600px;}
}

@keyframes roll_left {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes roll_right {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes ripple1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    opacity: 0.1;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
  }
}

@keyframes e1 {
  to {
    transform: rotate(360deg);
  }
}

 @font-face {
   font-family: 'en_b';
   src: url("../fonts/EUCLIDCIRCULARA-BOLD_0.TTF");
 }
 
  @keyframes a2_6{from { transform: scale(1.1);}  to { transform: scale(1);}}

@keyframes line1Beforeaa
	{
		from {margin-top:5px;}
		to {margin-top:15px;}
	}
@keyframes z {
    from {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
    to {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    }
}

@keyframes y {
    from {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
    to {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
}