@charset "utf-8";


*{ margin: 0; padding: 0;   box-sizing: border-box; }
html,body{ min-height:100% ; width: 100%; margin: 0 auto; color: #666;   }
body{ position: relative; background: #fff ; font-size: 14px; margin: auto;  font-family: "微软雅黑" ; overflow-x: hidden;  -webkit-font-smoothing: antialiased;}

a{ color: #666; text-decoration: none;cursor:pointer;}
	
a:hover,
a:focus{ text-decoration: none;}
i,em{font-style: normal; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{ max-width: 100%; border: none;}
/*body{ -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;  -khtml-user-select:none; user-select:none;}
html{-webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none; -khtml-user-select:none;  }*/
input,select,textarea{ outline: none;}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color:#ccc;}
input::-moz-placeholder , textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#ccc;}
input::-ms-placeholder ,textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#ccc; }
input::-o-placeholder { /* Mozilla Firefox 19+ */ color:#ccc; }
input::-ms-input-placeholder, textarea:-ms-input-placeholder  { /* Internet Explorer 10+ */ color:#ccc;}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}




/* fonts特殊字体 */
@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
	url('../fonts/dincond-medium-webfont.woff') format('woff'),
	url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
	url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-bold-webfont';
    src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
	url('../fonts/dincond-bold-webfont.woff') format('woff'),
	url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
	url('../fonts/dincond-bold-webfont.svg#dincond-bold-webfont') format('svg');
}

@font-face {
    font-family: 'din-bold-webfont';
    src: url('../fonts/din-bold-webfont.eot');
	src: url('../fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-bold-webfont.woff2') format('woff2'),
	url('../fonts/din-bold-webfont.woff') format('woff'),
	url('../fonts/din-bold-webfont.ttf') format('truetype'),
	url('../fonts/din-bold-webfont.svg#din-bold-webfont') format('svg');
}

@font-face {
    font-family: 'din-light-webfont';
    src: url('../fonts/din-light-webfont.eot');
	src: url('../fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-light-webfont.woff2') format('woff2'),
	url('../fonts/din-light-webfont.woff') format('woff'),
	url('../fonts/din-light-webfont.ttf') format('truetype'),
	url('../fonts/din-light-webfont.svg#din-light-webfont') format('svg');
}

@font-face {
    font-family: 'din-medium-webfont';
    src: url('../fonts/din-medium-webfont.eot');
	src: url('../fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-medium-webfont.woff2') format('woff2'),
	url('../fonts/din-medium-webfont.woff') format('woff'),
	url('../fonts/din-medium-webfont.ttf') format('truetype'),
	url('../fonts/din-medium-webfont.svg#din-medium-webfont') format('svg');
}

@font-face {
  font-family: "din-regular";
  src: url("../fonts/din-regular.woff2") format("woff2"),
   url("../fonts/din-regular.woff") format("woff"),
   url("../fonts/din-regular.ttf") format("truetype"),
   url("../fonts/din-regular.eot") format("embedded-opentype"),
   url("../fonts/din-regular.svg") format("svg");
}

@font-face {
  font-family: "DINPro-Regular";
  src: url("../fonts/DINPro-Regular.woff2") format("woff2"),
       url("../fonts/DINPro-Regular.woff") format("woff"),
       url("../fonts/DINPro-Regular.ttf") format("truetype"),
       url("../fonts/DINPro-Regular.eot") format("embedded-opentype"),
       url("../fonts/DINPro-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}




body::-webkit-scrollbar{
  width:10px;
  height:10px;
}
body::-webkit-scrollbar-track{
  background: #f1f4f7;
  border-radius:2px;
}
body::-webkit-scrollbar-thumb{
  background: #123aaf;
  border-radius:10px;
}



.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.clearfix:after{ content: ''; display: block; clear: both; width: 0px; height: 0px; overflow: hidden;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); background:none; outline: none;}
img{vertical-align: middle;  max-width:100%; border:none;-webkit-tap-highlight-color:rgba(255,0,0,0); blr:expression(this.onFocus=this.blur());}

.wrapper{ width: 1200px; margin: auto;}


.bgwhite{ background: #fff;}


.img{ overflow: hidden;}
.img img{ width: 100%; height: 100%; object-fit: cover;}
.scale img{ width: 100%; height: 100%; transition: 1s;}
.scale:hover img{ transform: scale(1.03);}
.fushu{ position: relative; transition: all .2s linear; }
.fushu:hover{  transform: translate3d(0, -7px, 0);   /*box-shadow: 0px 0px 10px rgba(209,169,62,0.4);*/ }


/*    hover 效果         */
.self{ position: relative;  transition: all 0.5s; cursor: pointer;}
.self:hover:before{
    content: "";
    width: 220px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -185px;
    overflow: hidden;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,.05)),color-stop(50%,hsla(0,0%,100%,.15)),color-stop(100%,hsla(0,0%,100%,.05)));
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
	z-index: 55;
}
.self:before{  
	-webkit-animation: shine-left 1.2s infinite;
    -moz-animation: shine-left 1.2s infinite;
    -o-animation: shine-left 1.2s infinite;
    animation: shine-left 1.2s infinite;
 }
@-webkit-keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}





.over1{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.over2,
.over3,
.over4,
.over5,
.over6,
.over7,
.over9{ display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; }
.over2{ -webkit-line-clamp: 2;}
.over3{ -webkit-line-clamp: 3;}
.over4{ -webkit-line-clamp: 4;}
.over5{ -webkit-line-clamp: 5;}
.over6{ -webkit-line-clamp: 6;}
.over7{ -webkit-line-clamp: 7;}
.over9{ -webkit-line-clamp: 9;}





/* *****header******** */
.header{ padding:0 5.2%; height: 80px; display: flex; justify-content: space-between; align-items: center; }

.toplink{ display: inline-block;float: right; padding: 26px 0 26px 120px;}
.toplink ul li{ position: relative; float: left; margin-left: 15px;}
.toplink ul li span{ display: block; width: 28px; line-height: 28px; height: 28px; border-radius: 28px; overflow: hidden; background: #ff9600;}
.toplink ul li span input[type=text]{ padding:0 28px 0 10px; background: none; border: 0 none; color: #FFFFFF; height: 28px; line-height: 28px; width: 112px;}
.toplink ul li span input[type=submit]{ background: url(../img/search.png) #ff9600 no-repeat center center; width: 28px; height: 28px; position: absolute; top: 0px; right: 0px; z-index: 10; border: 0 none;  cursor: pointer; border-radius: 28px;}
.toplink ul li a{ display: block; background: #ff9600; border-radius: 28px; overflow: hidden; width: 28px; line-height: 28px; height: 28px; text-align: center;}
.toplink ul li.t1:hover span{background:#ff9600; }
.toplink ul li.t1:hover span input[type=button]{background: url(../images/search.png) #ff9600 no-repeat center center; }
.toplink ul li a img{ vertical-align: middle;}
.toplink ul li.t2:hover a{ background: #ff9600;}
.toplink ul li.t2:hover a img{ transform:rotate(360deg); transition: 1s; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);}
.toplink ul li.t3:hover a{ background: #ff9600;}
.toplink ul li.t3:hover a img{ transform:rotate(360deg); transition: 1s; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);}


.unav{}
.unav ul{ display: flex; justify-content: center; }
.unav li{ width: 110px; height: 34px; line-height: 34px; text-align: center; border-radius: 30px; margin: 0 15px; }
.unav li a{ color: #444;  transition: 0.2s;}
.unav li a:hover{ color: #123AAF; }
.unav li.active{ background: #123aaf; }
.unav li.active a{ color: #fff; }

.sec{ width: 148px; }



.bana{ position: relative;height:870px;overflow:hidden;width:100%;background-repeat:no-repeat;background-position:center top; background-attachment:fixed;}
.dlboxya{ display: flex; flex-direction: column; /* justify-content: center; */padding-top:190px;box-sizing:border-box; position:relative; width: 1200px; top: 0; height: 860px; left: 50%; transform: translateX(-50%); }
.imga{ margin-bottom: 1vw; }
.dlboxya .dltitle{font-size:60px;color:#fff;}
.baok{ width: 50%; color: rgba(255,255,255,0.5); line-height: 22px;padding-top:20px; }
.zhuan{ margin: 1.5vw 0 5.2vw; }
.zhuan img{ animation: roto linear 8s infinite  ; }
.ulli ul{  display: flex;  flex-wrap: wrap; width: 350px;}
.ulli li{ width: 160px;border-radius: 20px; border: 1px solid #2568ff; margin-bottom: 20px;margin-right:25px;  transition: 0.3s;}

.ulli li:nth-child(2n){margin-right:0;}

.ulli.ulli02 li:nth-child(2n){margin-right:25px;}
.ulli.ulli02 li:nth-child(3n){margin-right:0;}

.ulli li a{ display: flex; height: 70px;  align-items: center; justify-content:center;}
.ulli li p{ width: 75px;  margin-left: 15px; color: #fff; line-height: 20px; font-weight: bold; }
.ulli li:hover{ background: #123aaf; border-color: #123AAF; padding-left: 8px;}

.ulli.ulli02 ul {width:550px;}
.ulli.ulli02 ul li {}
.ulli.ulli02 ul li a{ justify-content: flex-start;padding-left:15px;width:100%;box-sizing:border-box;}
.ulli.ulli02 ul li p{width:90px;}

@keyframes roto{
	from{ transform: rotate(0deg); }
	to{ transform: rotate(360deg); }
}
 .bmt{width:142px;height:142px;border-radius:71px;-moz-border-radius:71px;-webkit-border-radius:71px;-ms-border-radius:71px;margin:0 auto; border:solid 1px rgba(255,255,255,0.2);}
 .bmt .bc01{width:72px;height:72px;border-radius:36px;-moz-border-radius:36px;-webkit-border-radius:36px;-ms-border-radius:36px;margin:0 auto;border:solid 1px rgba(255,255,255,0.2);position:relative;top:50%;margin-top:-36px;}
.bmt .bc02{width:46px;height:46px;border-radius:23px;-moz-border-radius:23px;-webkit-border-radius:23px;-ms-border-radius:23px;margin:0 auto;border:solid 2px rgba(255,255,255,1);position:relative;top:50%;margin-top:-23px;}

.bmt .bc03{width:18px;height:18px;border-radius:9px;margin:0 auto; position:relative;top:50%;margin-top:-9px;background:url(../img/djt.png) no-repeat center;}

.babot .mid{width:675px;height:346px;background:url(../img/bfbg.png) no-repeat center/cover;margin:0 auto;margin-top:8px;}
.babot .mid .inner{text-align:center;font-size:40px;color:#fff;position:relative;top:50%;transform:translate(0,-50%);-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);line-height:2em;}

.icTitle{ position: relative; text-align: center; font-size: 40px; color: #000; font-weight: bold; line-height: 1; padding-top: 47px; margin: 75px 0 63px; }
.icTitle p{letter-spacing:4px;position:relative; z-index: 11;}
.icTitle span{ position: absolute; left: 50%; top: 0; transform: translateX(-50%); font-size: 100px; color: #eee;  font-family: 'din-bold-webfont';  z-index: 1;}

.datainfo{clear:both;width:100%;}
.datainfo .wrapper{width:1300px;}
.stitle{padding-top:142px;background:url(../img/sline.png) no-repeat left bottom;padding-bottom:25px;}
.stitle span{display:block;position:relative;z-index:1;}
.stitle p{font-size:34px;color:#fff;position:relative;z-index:11;top:-25px;line-height:1em;font-weight:bold;}

.datainfo01{background:url(../img/bgs01bg.jpg) no-repeat center top;height:946px;}
.datainfo02{background:url(../img/bgs02.jpg) no-repeat center top;height:948px;}
.datainfo03{background:url(../img/bgs03.jpg) no-repeat center top;height:956px;padding-top:83px;box-sizing:border-box;}
.datainfo04{background:url(../img/bgs04.jpg) no-repeat center top;height:940px;}
.datainfo05{background:url(../img/bgs05.jpg) no-repeat center top;height:940px;}

.datainfo01 .con{display:flex;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;} 
.datainfo01 .sleft{width:300px;}
.datainfo01 .sleft .limg{padding-top:220px;}
/* 204px */
.datainfo01 .rtxt{width:700px;/* background:url(../img/xuanbg.png) no-repeat center bottom; padding-top:56px;*/padding-bottom:16px; }
.datainfo01 .rtxt .list{width:700px;position:relative;left:60px;}

.datainfo01 .rtxt .list .swiper-wrapper{align-items:flex-end;}

.datainfo01 .rtxt .list ul li{width:310px;background:#fff;display:inline-block;border-radius:0 20px 0 20px;-moz-border-radius:0 20px 0 20px;-webkit-border-radius:0 20px 0 20px;-ms-border-radius:0 20px 0 20px;-o-border-radius:0 20px 0 20px;overflow:hidden;}
/* height:505px; */
.datainfo01 .rtxt .list ul li .inner{padding:20px;}
.datainfo01 .rtxt .list ul li .top{display:flex;flex-direction:column;align-items:flex-start;background:url(../img/xiaoquan.png) no-repeat right top;padding-top:25px;}

.datainfo01 .rtxt .list ul li .tt{position:relative;width:100%;}
.datainfo01 .rtxt .list ul li .tt span{font-size:120px;font-weight:bold;color:#f6f6f6;display:block;line-height:1em;}
.datainfo01 .rtxt .list ul li .tt strong{font-size:20px;font-weight:bold;color:#000000;display:block;position:absolute;left:0;top:50%;transform:translate(0,-50%);}
.datainfo01 .rtxt .list ul li .rmore{height:50px;line-height:50px;}
.datainfo01 .rtxt .list ul li .rmore span{display:inline-block;background:url(../images/brrow.png) no-repeat right center;padding-right:42px; font-family:'DINPro-Regular';font-weight:bold;color:#222;}
.datainfo01 .rtxt .list ul li .mid{background:url(../img/wblbg.jpg) no-repeat left bottom;padding-bottom:50px;}
.datainfo01 .rtxt .list ul li .mid .desc{display:none;}
.datainfo01 .rtxt .list ul li.swiper-slide-active .top{flex-direction:row;align-items:center;justify-content:space-between;}
.datainfo01 .rtxt .list ul li.swiper-slide-active  .mid .desc{display:block;height:220px;font-size:14px;line-height: 2em;}
.datainfo01 .rtxt .list ul li.swiper-slide-active  .rmore span{display:none;}

.datainfo02 .con{padding-top:75px;}

.datainfo02 .con,
.datainfo04 .con
{ display:flex;justify-content:space-between; }
.datainfo04 .con{padding-top:90px;}
.datainfo04 .rinfo{padding-top:20px;}

.datainfo02 .lnav{position:relative;}
.datainfo02 .lnav .line{position:absolute;left:0;top:0;width:4px;background:url(../img/lline.jpg) no-repeat left top;height:44px;display:inline-block;}
.datainfo02 .lnav ul li{padding-left:55px;padding-bottom:70px;}
.datainfo02 .lnav ul li .inner{}
.datainfo02 .lnav ul li .desc{display:none;} 
.datainfo02 .lnav ul li .inner strong{font-size:24px;color:#fff;display:block;font-weight:normal;}
.datainfo02 .lnav ul li .inner p{font-size:14px;color:rgba(255,255,255,0.3);}

.datainfo02 .lnav ul li.active .inner strong{color:#48d5ff;font-weight:bold;}
.datainfo02 .lnav ul li.active .inner p{color:rgba(72,213,255,0.4);}

.datainfo02 .mcircle{width:455px;height:455px;position:relative;background:url(../img/tou.png) no-repeat center;display:flex;justify-content:center;align-items:center;}
.mcircle .bg{width:345px;height:345px; background:url(../img/xquan.png) no-repeat center;position:relative;}
/* 
left:50%; top:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);
 */
.mcircle .bg.active{
	animation: roto linear 8s infinite;
}

@keyframes roto{
	from{ transform: rotate(0deg); }
	to{ transform: rotate(360deg); }
}


.mcircle  ul li{position:absolute;width:128px;height:128px;}
.mcircle  ul li:nth-child(1){left:50%;top:0;transform:translate(-50%,0);}
.mcircle  ul li:nth-child(2){left:0%;top:50%;transform:translate(0,-50%);}
.mcircle  ul li:nth-child(3){left:50%;bottom:0;transform:translate(-50%,0);}
.mcircle  ul li:nth-child(4){right:0%;top:50%;transform:translate(0%,-50%);}
.mcircle ul li .cbox{position:absolute;left:0;top:0;width:100%;height:100%;}

.mcircle ul li .cimg{transition:all .6s;position:absolute;left:50%;top:50%;}

.mcircle  ul li .img01{display:block;width:92px;height:92px;margin-top:-46px;margin-left:-46px; box-shadow:0 0 13px rgba(41,164,255,0.13);border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;opacity:1;transform:scale(1);}
.mcircle  ul li .img02{width:128px;height:128px;margin-left:-64px;margin-top:-64px; box-shadow:0 0 13px rgba(41,164,255,0.36);border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;transform:scale(0);opacity:0;}

.mcircle  ul li.active .img01{opacity:0;transform:scale(0);}
.mcircle  ul li.active .img02{opacity:1;transform:scale(1);}

.datainfo02 .rinfo{width:365px;}
.datainfo04 .rinfo{width:520px;}
.datainfo02 .rinfo .t span,
.datainfo04 .rinfo .t span{width:260px; display:block;font-size:40px;color:#0c8eed;}
.datainfo02 .rinfo .t  strong,
.datainfo04 .rinfo .t  strong
{font-size:24px;color:#fff;display:block;font-weight:normal;}

.datainfo04 .rinfo .d,
.datainfo02 .rinfo .d{font-size:14px;color:#fff;line-height:40px;padding-top:45px;}
.datainfo04 .limg{position:relative;}
.datainfo04 .limg img{position:relative;left:-75px;top:-82px;}

.datainfo05 .con{padding-top:55px;}
.datainfo05 .sleft {width:743px;height:528px;position:relative;}
.datainfo05 .sleft .rbg{width:477px;height:528px;position:absolute;right:0;top:0;}
.datainfo05 .sleft .bg{width:477px;height:528px; background:url(../img/fbg05.png) no-repeat right top;}

.datainfo05 .sleft ul li {padding-bottom:30px;}
.datainfo05 .sleft ul li:nth-child(2n){padding-left:160px;}
.datainfo05 .sleft ul li .inner{width:302px;height:82px;text-align:center;line-height:82px;text-align:center;background:url(../img/ptab.png) no-repeat center;}
.datainfo05 .sleft ul li .inner span{display:block;font-size:14px;color:#fff;}





.datainfo03 .con{position:relative;height:840px;}
.datainfo03 .cb4{position:absolute;left:0;bottom:0;width:100%;}
.datainfo03 .mdquan{width:840px;height:840px;margin:0 autop;position:relative;margin:0 auto;}
.datainfo03 .mdquan .mdbg{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../img/dquan.png) no-repeat center;border-radius:50%; }
.datainfo03 .mdquan .msbg{width:486px;height:486px;position:absolute;left:50%;top:50%;margin-left:-243px;margin-top:-243px; border-radius:50%; }
.datainfo03 .mdquan .msbg .bg{width:486px;height:486px;position:absolute;left:0%;top:0%;  background:url(../img/mcbg.png) no-repeat center;}

.datainfo03 .mdquan .msbg .shalf{width:100%;height:50%;position:absolute;left:0;}
.datainfo03 .mdquan .msbg .shalf .desc{display:none;}
.shalf.stop{top:0;display:flex;align-items:flex-end;justify-content:flex-start;}
.shalf.sbot{bottom:0;display:flex;align-items:flex-start;justify-content:flex-end;}
.datainfo03 .mdquan .msbg .shalf .squan{height:101px;overflow:hidden;width:101px;z-index:88;border-radius:50%;}
.datainfo03 .mdquan .msbg .shalf.stop .squan{position:relative;top:50.5px;left:-2px;}
.datainfo03 .mdquan .msbg .shalf.sbot .squan{position:relative;top:-50.5px;left:2px;}
.datainfo03 .mdquan .msbg .shalf .squan img{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;}
.datainfo03 .mdquan .msbg .shalf .squan img:nth-child(1){display:inline-block;}
.datainfo03 .mdquan .msbg .shalf .squan img:nth-child(2){display:none;}

.datainfo03 .mdquan .msbg .shalf .squan.active img:nth-child(1){display:none;}
.datainfo03 .mdquan .msbg .shalf .squan.active img:nth-child(2){display:inline-block;}

.datainfo03 .mdquan .msbg .bg{
	animation: sroto2 linear 1s forwards;
}
@keyframes sroto2{
	from{ transform: rotate(180deg); }
	to{ transform: rotate(0deg); }
}


.datainfo03 .mdquan .msbg .bg.active{
	animation: sroto linear 1s forwards;
}

@keyframes sroto{
	from{ transform: rotate(0deg); }
	to{ transform: rotate(180deg); }
}


.datainfo03 .mdquan .mlinfo{width:288px;height:288px;position:absolute;left:50%;top:50%;margin-left:-144px;margin-top:-144px; /* background:#fff; */border-radius:50%;overflow:hidden; }
.mlinfo .inner{padding-top:45px;}
.mlinfo  .t{text-align:center;}
.mlinfo .t strong{font-size:26px;color:#0b8ced;display:block;}
.mlinfo .t p{color:rgba(11,140,237,0.4);}
.mlinfo .desc{font-size:14px;line-height:24px;color:#fff;width:204px;margin:0 auto;padding-top:15px;}

.sectiontop{padding-bottom:47px;}
.boxolistTop{padding-bottom:16px;}
.boxolistTop ul{ display: flex; justify-content: space-between;background:url(../img/xline.png) no-repeat center bottom; }
.boxolistTop li{ width: 340px; padding-bottom: 73px; background:url(../img/sline.png) no-repeat center  bottom ; position:relative;}
.boxolistTop li::after{width:33px;height:33px;display:inline-block;content:'';position:absolute;bottom:-16px;left:50%;margin-left:-16.5px;box-shadow: 5px 0 20px rgba(18,58,175,0.1);border-radius:50%;-moz-border-radius:50%;}
.boxolistTop li:nth-child(1)::after{background:url(../img/c1.png) no-repeat center center;}
.boxolistTop li:nth-child(2)::after{background:url(../img/c2.png) no-repeat center center;}
.boxolistTop li:nth-child(3)::after{background:url(../img/c3.png) no-repeat center center;}

.boxolistTop li .inner{height: 400px;  padding-bottom:70px;  background: #fff url(../img/obg.jpg) no-repeat left 30px bottom 25px;border-radius: 0 30px 30px 30px; box-shadow: 10px 0 40px rgba(18,58,175,0.1);  }

.oboxbg{ background: #2568ff; height: 330px;padding:52px 30px 0;   border-radius: 0 30px 0 0 }

.boxolistTop li:nth-child(2) .oboxbg{ background: #eaf0ff; }
.Oname{ margin-top: 25px; font-size: 22px; color: #fff; } 
.Otook{ margin-top: 10px; font-size: 13px; color: rgba(255,255,255,0.8); line-height: 22px;} 
.boxolistTop li:nth-child(2) .oboxbg{ background: #eaf0ff; }
.boxolistTop li:nth-child(2) .Oname{ color: #000; }
.boxolistTop li:nth-child(2) .Otook{ color: #888; }


.sectionbot{padding-top:50px;background:url(../img/xxbg01.jpg) no-repeat center top;height:540px;box-sizing:border-box;}
.pc{padding-left:242px;}
.pc .con{position:relative;display:inline-block;}
.pc .quan{width:110px;height:110px;border-radius:50%;-moz-border-radius:50%;text-align:center;color:#fff;position:absolute;z-index:88;}
.quan::after{width:100%;height:100%;display:inline-block;content:'';background:rgba(0,0,0,0.1);border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;position:absolute;bottom:-18px;left:50%;transform:translate(-50%,0);z-index:1;}
.quan.quan01 {left:-185px;top:152px;font-size:20px;}
.quan.quan02{left:-30px;top:40px;font-size:18px;width:100px;height:100px;}
.quan.quan03{right:-83px;top:124px;font-size:22px;width:115px;height:115px;}
.quan.quan04{right:-262px;top:8px;font-size:16px;width:140px;height:140px;}
.quan dl{width:100%;height:100%;display:flex;justify-content:center;align-items:center; position:relative;z-index:111;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;}
.quan.quan01 dl{ background:#f7b73a; }
.quan.quan02 dl{ background:#3fb92f; }
.quan.quan03 dl{ background:#2baec4; }
.quan.quan04 dl{ background:#90abb0; }
.quan dd{display:none;}

.section02{background:url(../img/xxbg02.jpg) no-repeat center top;height:1228px;padding-top:40px; padding-bottom:0; box-sizing:border-box;position:relative;}

.section02 .bg{width:100%;display:block;height:1045px;position:absolute;left:0;bottom:0;  background:url(../img/xxbfg02.png) no-repeat center bottom;}

.section02 .icTitle,
.section03 .icTitle
{color:#fff;margin-top:0;}
.section02 .icTitle span{color:rgba(255,255,255,0.6);}
.section03 .icTitle span{color:rgba(255,255,255,0.2);}
.section02 .icTitle span,
.section03 .icTitle span
{z-index:1;}
@media screen and (min-width:1000px) and (max-width:1920px) {
	
	
}
.section02 .con{height:815px;position:relative;}
.section02 .zx{position:absolute;left:598px;top:356px;}

.section02 .point{position:absolute;}
.section02 .point strong{font-size:22px;color:#00ffca;display:block;}
.section02 .point p{color:#fff;font-size:14px;}
.section02 .point01{left:455px;top:135px;}
.section02 .point02{left:783px;top:98px;}
.section02 .point03{left:617px;top:272px;}
.section02 .point04{left:1000px;top:285px;width:310px;}
.section02 .point05{left:665px;top:753px;}
.section02 .point06{left:896px;top:606px;}

.section02 .point dl{display:flex;flex-direction:row;align-items:center;}
.section02 .point dl dt{display:inline-block;margin-right:20px;}
.section02 .point dl dd{}
.section02 .point dl dd strong{font-weight:normal;}
.section02 .point dl dd p{text-transform:uppercase;}


.section03{background:url(../img/cxbg.jpg) no-repeat center top;height:950px;padding-top:30px; padding-bottom:0; box-sizing:border-box;position:relative;}
.section03 .con{position:relative;height:605px;}
/* background:url(../img/cxcbg.png) no-repeat center bottom; */
.section03 .circle,.section03 .scircle{background:rgba(18,58,175,0.8);border-radius:50%;-moz-border-radius:50%;border:solid 2px #2568ff;position:absolute;}
.section03 .circle01{font-size:30px;width:198px;height:198px;left:0;top:342px;}
.section03 .circle02{font-size:40px;left:124px;top:36px;width:348px;height:348px;}
.section03 .circle03{font-size:30px;width:178px;height:178px;left:317px;top:388px;}
.section03 .circle04{font-size:30px;left:510px;top:175px;width:194px;height:194px;}
.section03 .circle05{font-size:26px;left:460px;top:0;width:160px;height:160px;}
.section03 .circle06{font-size:30px;width:212px;height:212px;left:674px;top:25px;}
.section03 .circle07{font-size:30px;width:212px;height:212px;left:674px;top:25px;}

.section03 .circle07{font-size:30px;width:238px;height:238px;left:629px;top:364px;}

.section03 .circle08{font-size:40px;width:334px;height:334px;left:866px;top:175px;}
.section03 .circle09{font-size:26px;width:145px;height:145px;left:901px;top:25px;}

.section03 .circle dl{display:flex;flex-direction:row;align-items:center;width:100%;height:100%;justify-content:center;color:#fff;}


.section03 .scircle{width:38px;height:38px;}
.section03 .scircle.scircle01{left:40px;top:47px;width:90px;height:90px;}
.section03 .scircle.scircle02{left:40px;top:240px;width:74px;height:74px;}
.section03 .scircle.scircle03{left:216px;top:403px;width:74px;height:74px;}
.section03 .scircle.scircle04{left:517px;top:388px;width:89px;height:89px;}
.section03 .scircle.scircle05{left:760px;top:260px;width:90px;height:90px;}
.section03 .scircle.scircle06{left:1067px;top:87px;width:74px;height:74px;}

.ititle h3{color:#123aaf;font-size:30px;font-weight:bold;}

.section04 {padding-bottom:77px;}
.section04 .st{padding-bottom:47px;}
.section04 .txt{width:450px;}
.section04 .ititle h3{display:inline-block;padding-bottom:23px;background:url(../img/xline.png)  repeat-x left bottom;position:relative;}
.section04 .ititle h3::after{width:36px;height:3px;display:inline-block;content:'';position:absolute;left:153px;bottom:0;background:#2568ff;z-index:11;}
.section04 .desc{padding-top:18px;}
.section04 .desc h4{ font-size:30px;color:#000;font-weight:normal;}
.section04 .desc p{padding-top:15px; font-size:14px;line-height:24px;color:#888;}
.section04 .st{display:flex;justify-content:space-between;}
.section04 .sb ul {display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;margin-top:-50px;}


.section04 .sb ul li{background:#fff;height:230px;width:260px;display:inline-block;margin:0 20px;box-shadow: 5px 0 20px rgba(18,58,175,0.1);margin-top:50px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;}
.section04 .sb ul li .inner{padding:35px 10px 35px 35px;box-sizing:border-box;}
/* .section04{background:url(../img/ysbg.jpg) no-repeat center top;height:950px;} */
.section04 .sb ul li .txt{padding-top:12px;width:100%;}
.section04 .sb ul li .txt strong{font-size:22px;color:#000;font-weight:normal;padding-bottom:12px;position:relative;display:block;width:300px;}
.section04 .sb ul li .txt strong::after{width:20px;height:1px;display:inline-block;content:'';background:#2568ff;position:absolute;left:0;bottom:0;}
.section04 .sb ul li .txt p{padding-top:14px; font-size:14px;color:#888;}

.section05{height:400px;background:url(../img/wnfw.jpg) no-repeat center bottom;}
.section05 .wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;height:inherit;}
.section05 h3{font-size:40px;color:#fff;letter-spacing:20px;font-weight:normal;}


.wnfw{width:160px;height:40px;background:#fff;margin:0 auto;line-height:40px;text-align:center;color:#123aaf;font-size:14px;font-weight:bold;margin-top:40px;border-radius:20px;-moz-border-radius:20px;}


.footer{clear:both;background:#222; display: flex; justify-content: space-between; align-items: center;padding:35px 5.2%; }

.fnav a{display:inline-block;padding:0 40px;font-size:16px;border-left:solid 1px #666;line-height:14px;height:14px;color:#fff;}
.fnav a:nth-child(1){padding-left:0;border-left:none;}
.copyright span{border-right:solid 1px #666;padding-right:3px;margin-right:3px;line-height:14px;display:inline-block; }
.copyright span:last-child{padding-right:0;border-right:none;}
.copyright{padding-top:10px;}

.fnav a:hover{color:rgba(255,255,255,0.5);transition:all .3s;}




.network{ clear:both; width:100%;}
.network01 .ntbg{background:url(../img/ntbg02.png) no-repeat center bottom;padding-bottom:70px;}
.network01 .nbbg{background:#f7f7f7;}

.network01 .icTitle p{position:relative;display:inline-block;}
.network01 .icTitle i{position:absolute;left:-53px;}
.network01 .ct{text-align:center;}
.network01 .ctxt{font-size:30px;color:#252525;letter-spacing:4px;}
.network01 .ctxt span{color:#ff9700;}
.network01 .ntbg .list{padding-top:57px;}
.network01 .ntbg .list ul{display:flex;justify-content:space-between;}
.network01 .ntbg .list ul li{text-align:center;position:relative;width:33.322%;padding:0 40px;box-sizing:border-box;}
.network01 .ntbg .list ul li strong{display:block;font-size:20px;color:#3a3a3a;font-weight:bold;letter-spacing:4px;padding-top:25px;}
.network01 .ntbg .list ul li .desc{font-size:14px;color:#9b9b9b;padding-top:10px;line-height:24px;}

.network01 .nbbg {padding-top:95px;padding-bottom:80px;}
.network01 .nbbg .list {padding-top:65px;}
.network01 .nbbg .list ul{display:flex;justify-content:space-between;flex-wrap:nowrap;}
.network01 .nbbg .list ul li{text-align:center;position:relative;width:33.322%;padding:0 55px;box-sizing:border-box;}
.network01 .nbbg .list ul li strong{display:block;font-size:20px;color:#3a3a3a;font-weight:bold;letter-spacing:4px;padding-top:25px;}
.network01 .nbbg .list ul li .desc{font-size:14px;color:#9b9b9b;padding-top:10px;line-height:24px;}





.network02{padding-bottom:120px;}
.network02 .icTitle p{position:relative;display:inline-block;}
.network02 .icTitle i{position:absolute;left:-94px;}
.network02 .wt{display:flex;justify-content:space-between;}

.wleft{width:420px;overflow:hidden;padding-left:65px;padding-top:120px;}
.wlt{width:370px;}
.wlt .swiper-container{padding-bottom:100px;}
.wlt .swiper-container .prev,
.wlt .swiper-container .next
{width:61px;height:61px;display:inline-block;position:absolute;bottom:0;z-index:88;transition:all .6s;}
.wlt .swiper-container .prev{left:20px;background:url(../img/wleft.png) no-repeat center;}
.wlt .swiper-container .next{right:20px;background:url(../img/wright.png) no-repeat center;}
.wlt .swiper-container .prev:hover{ background:url(../img/wleft02.png) no-repeat center;}
.wlt .swiper-container .next:hover{ background:url(../img/wright02.png) no-repeat center;}

.wlt dl{display:flex;flex-direction:row;flex-wrap:nowrap;padding-top:20px;}
.wlt dl dt{padding-left:20px;padding-right:20px;}
.wlt dl dt i{display:inline-block;width:40px;height:45px;line-height:45px;border-radius:10px;background:#fff;font-size:28px;color:#ff6600;font-family:'din-medium-webfont';text-align:center;box-shadow:0 0 23px rgba(0,0,0,0.1);}
.wlt dl dd strong{font-size:20px;color:#2b2b2b;display:block;letter-spacing:4;}
.wlt dl dd p{font-size:14px;color:#aeaeae;display:block;letter-spacing:4;text-transform:uppercase;}
.wb{margin-top:75px;border:solid 1px #eee;border-radius:20px;padding-top:45px;padding-bottom:55px;height:285px;box-sizing:border-box;}
.wb ul{display:flex;justify-content:space-between;}
.wb ul li{text-align:center;position:relative;width:25%;}
.wb ul li::after{width:1px;height:54px;display:inline-block;content:'';background:#ededed;position:absolute;right:0;top:55px;}
.wb ul li:last-child::after{display:none;}
.wb ul li strong{display:block;font-size:20px;color:#3a3a3a;font-weight:bold;letter-spacing:4px;padding-bottom:25px;}
.wb ul li .desc{font-size:14px;color:#9b9b9b;padding-top:35px;line-height:24px;}


.network03{padding-bottom:120px;}
.network03 .icTitle p{position:relative;display:inline-block;}
.network03 .icTitle i{position:absolute;left:-59px;}
.network03 .info{display:flex;justify-content:space-between;align-items:center;height:575px;}
.network03 .rlist{width:563px;position:relative;}
.network03 .rlist .rbg{background:#e8f3ff;width:300px;position:absolute;left:265px;padding-left:5px; top:66px;border-radius:0 10px 10px 0;z-index:1;}
.network03 .rlist .rbg dl{}
.network03 .rlist .rbg dl dd{height:85px;line-height:85px;text-align:center;background:url(../img/xline.png) no-repeat center bottom;}
.network03 .rlist .rbg dl dd:last-child{background:none;}
.network03 .rlist .rbg dl dd span{display:block;font-size:20px;color:#3c3c3c;letter-spacing:4px;}

.network03 .rlist .crtlist{width:270px;position:relative;z-index:22;}
.network03 .rlist .crtlist ul li{width:270px;height:84px;border:solid 2px #1086ff;background:#fff; border-radius:10px;display:flex;justify-content:center;align-items:center;margin-top:-1px;}

/* text-align:center;line-height:84px;text-align:center; */
.network03 .rlist .crtlist ul li span{font-size:20px;color:#3c3c3c;letter-spacing:4px;}
.network03 .rlist .crtlist ul li:hover{background:#1086ff;height:144px;transition:all .6s;}
.network03 .rlist .crtlist ul li:hover span{color:#fff;/* transition:all .3s; */}


.network03 .list {padding-top:75px;}
.network03 .list ul{display:flex;justify-content:space-around;}
.network03 .list ul li{display:flex;flex-direction:column;align-items:center;align-items:center;}
.network03 .list ul li.row{width:7px;height:200px;background:url(../img/brow.png) no-repeat center 140px;}
.network03 .list .tip{width:80px;height:30px;background:url(../img/tipbg.png) no-repeat center;line-height:30px;text-align:center;font-size:20px;font-weight:bold;color:#fff;margin:0 auto;}
.network03 .list .tip span{letter-spacing:4px;}
.network03 .list .txt{padding-top:14px;padding-bottom:28px;font-size:30px;color:#3a3a3a;font-family:"DINPro-Regular";font-weight:bold;}




.network04{padding-bottom:110px;}
.network04 .icTitle p{position:relative;display:inline-block;}
.network04 .icTitle i{position:absolute;left:-62px;}
.network04 .con{}
.network .con .ct{text-align:center;}
.network .con .ct p{color:rgba(163,163,163,0.5);text-transform:uppercase;letter-spacing:4px;padding-top:15px;}
.network04 .con .cb{position:relative;height:570px;}
.network04 .con .cbrihgt{width:318px;height:570px;position:absolute;right:0;top:0;}

.network04 .con  .ctab{padding-top:73px;}
.network04 .con  .ctab ul li{width:240px;height:88px;display:inline-block;margin-right:30px;}
.network04 .cinfo{width:885px;height:326px;background:url(../img/nt4bg.png) no-repeat center top;margin-top:45px;}
.network04 .cinfo .cinner{width:880px;}
.network04  .cinfo .cinner ul{width:100%; display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;align-items:center;}
.network04  .cinfo .cinner ul li{width:230px;padding-top:42px;cursor:pointer;}
.network04  .cinfo .cinner ul li dl{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:20px;position:relative;}
.network04  .cinfo .cinner ul li dl::after{width:24px;height:2px;display:inline-block;content:'';background:#baa3ab;position:absolute;left:50%;margin-left:-12px;bottom:0;}
.network04  .cinfo .cinner ul li dl dt{}
.network04  .cinfo .cinner ul li dl dt img{}
.network04  .cinfo .cinner ul li dl dt img:nth-child(2){display:none;}
.network04  .cinfo .cinner ul li dd{font-size:20px;color:#3a3a3a;font-weight:bold;padding-top:15px;letter-spacing:6px;}

.network04  .cinfo .cinner ul li:hover dl::after{background:#308ec2;}
.network04  .cinfo .cinner ul li:hover dl dt img:nth-child(1){display:none;}
.network04  .cinfo .cinner ul li:hover dl dt img:nth-child(2){display:inline-block;}

.network05{padding-bottom:43px;}
.network05 .icTitle p{position:relative;display:inline-block;}
.network05 .icTitle i{position:absolute;left:-115px;}
.network05 .con{}
.network05 .con ul{display:flex;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;align-items:center;}
.network05 .con ul li dl{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.network05 .con ul li dl dd{font-size:24px;color:#252525;text-align:center;font-weight:bold;padding-top:10px;}
.network05 .con ul li.jt{background:url(../img/row05.png) no-repeat center;width:14px;height:94px;}

.network06{clear:both;background:url(../img/yydtbg.jpg) no-repeat center top;height:705px;padding-top:28px;box-sizing:border-box;}
.network06 .icTitle{margin-bottom:128px;}
.network06 .icTitle span{color:#d0dae8;z-index:1;}
.network06 .list {display:flex;justify-content:flex-end;}
.network06 .list ul{display:flex;flex-direction:column;margin-top:-24px;}
.network06 .list ul li .inner{display:flex;justify-content:flex-start;flex-direction:row;align-items:flex-start;}
.network06 .list ul li .inner i{font-size:30px;color:#9a9a9a;font-family: "DINPro-Regular";font-weight:bold;}
.network06 .list ul li .txt{padding-left:25px;}
.network06 .list ul li .txt strong{font-size:36px;color:#5271b8;display:block;}
.network06 .list ul li .txt p{font-size:18px;color:rgba(82,113,184,0.4);display:block;}
.network06 .list ul li{position:relative;margin-top:24px;}
.network06 .list ul li:nth-child(1){left:-97px;}
.network06 .list ul li:nth-child(2){left:-14px;}