/*banner*/
.banner{ height:500px; position:relative}
.banner .item{ height:500px;background-repeat:no-repeat; background-position:center; background-size:cover}
.banner .item a{ display:block; height:100%}
.banner .slick-dots{ position:absolute; z-index:2; left:0; right:0; bottom:28px; text-align:center}
.banner .slick-dots li{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;display:inline-block; width:100px; cursor:pointer; position:relative; height:1px; background-color:rgba(255,255,255,.5); position:relative}
.banner .slick-dots li:before{ content:""; display:block; width:1px; height:2px; background-color:#fff; position:absolute; z-index:1; right:0; bottom:0;}
.banner .slick-dots li:last-child:before{ display:none}
.banner .slick-dots li:after{ content:""; display:block; width:0px; height:1px; background-color:#fff; position:absolute; z-index:1; left:0; bottom:0;}
.banner .slick-dots li.slick-active:after{ width:100%; transition: all 3s;-moz-transition: all 3s;-webkit-transition: all 3s;-o-transition: alll 3s; }
.banner .slick-dots button{ background:none; border:none; color:#fff; cursor:pointer}  
.banner .slick-dots button:before{ content:"0";}

.index01{ background-color:#fff}
.index01 ul{ -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; background-color:#fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; height:200px;   position:relative; z-index:9;  }
.index01 ul li{ width:25%; text-align:center; position:relative }
.index01 ul li:after{ content:""; display:block; height:46px; width:1px; background-color:#ebebeb; position:absolute; z-index:1; right:0;top:50%; margin-top:-23px;}
.index01 ul li:last-child:after{ display:none} 
.index01 ul li .num{ font-size:60px; font-weight:lighter;line-height:1; font-family:"dinprom"}
.index01 ul li .num i{ display:inline-block; vertical-align:text-top; font-size:24px;  }
.index01 ul li .p{ color:#999; font-size:14px; margin-top:10px}

 
.index02{ overflow:hidden; padding:100px 0; background-color:#f7f7f7}
.index02 .img{ float:left; width:50%; }
.index02 .img .imgbox{position:relative;}
.index02 .img .imgbox{transition: all 0.6s;}
.index02 .img:hover .imgbox{ transform: scale(1.1);-ms-transform: scale(1.1);}
.index02 .img img{ display:block; width:100%}
.index02 .img i{ display:block; width:20.4%; position:absolute; z-index:2; right:-16.11%;top:25px}
.index02 .txt{ float:right; width:40.61%; padding-top:70px;}
.index02 .txt h3{ font-size:30px; margin-bottom:15px}
.index02 .txt .t{ font-size:18px; margin-bottom:20px}
.index02 .txt .ms{ font-size:14px; color:#999}
.index02 .txt .ms p{ margin-bottom:10px; display:block; position:relative; padding-left:15px;}
.index02 .txt .ms p:before{ content:""; display:block; width:4px; height:4px; border-radius:50%; background-color:#c2c2c2; position:absolute; z-index:1; left:0;top:10px}
.mores{ margin-top:30px}
.mores .a{ transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;display:inline-block; width:130px; height:42px; color:#fff; background-color:#004d9f; border-radius:5px; text-align:center; line-height:42px}
.mores .a:hover{ border:1px solid #004d9f; background-color:#fff; color:#004d9f}

.plo{ text-align:center; margin-bottom:56px}
.plo h3{ font-size:30px; line-height:1.1; margin-bottom:18px;}
.plo .p{ color:#999}

.index03{ padding:60px 0; }
.index03 .plo{ margin-bottom:32px;}
.index03 .bd{ padding-top:32px; padding-bottom:32px}
.index03 .bd ul{ margin-left:-12px; margin-right:-12px; overflow:hidden; padding:18px 0;}
.index03 .bd li{ float:left; width:20%}
.index03 .bd li .a{ margin:0 12px; text-align:center; background-color:#fff; box-shadow:0 0 18px rgba(0,0,0,.11); display:block;top:0; position:relative}
.index03 .bd li .a:hover{top:-10px}
.index03 .bd li .a:hover .txt h3{ color:#004d9f}
.index03 .bd li .ico{ height:218px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; background-repeat:no-repeat; background-position:center; background-size:cover}
.index03 .bd li .ico i{ display:block; width:84px; height:74px; margin:0 auto;background-repeat:no-repeat; background-position:center; background-size:auto 100%}
.index03 .bd li.l1 .ico{ background-image:url(ico-a01bg.jpg)}
.index03 .bd li.l1 .ico i{ background-image:url(ico-a05.png)}
.index03 .bd li.l2 .ico{ background-image:url(ico-a01bg.jpg)}
.index03 .bd li.l2 .ico i{ background-image:url(ico-a06.png)}
.index03 .bd li.l3 .ico{ background-image:url(ico-a01bg.jpg)}
.index03 .bd li.l3 .ico i{ background-image:url(ico-a07.png)}
.index03 .bd li.l4 .ico{ background-image:url(ico-a01bg.jpg)}
.index03 .bd li.l4 .ico i{ background-image:url(ico-a08.png)}
.index03 .bd li.l5 .ico{ background-image:url(ico-a01bg.jpg)}
.index03 .bd li.l5 .ico i{ background-image:url(ico-a09.png)}
.index03 .bd li.l6 .ico{ background-image:url(ico-a01bg.jpg)}
.index03 .bd li.l6 .ico i{ background-image:url(ico-a010.png)}
.index03 .bd li.l7 .ico{ background-image:url(ico-a01bg.jpg)}
.index03 .bd li.l7 .ico i{ background-image:url(ico-a01.png)}
.index03 .bd li.l8 .ico{ background-image:url(ico-a01bg.jpg)}
.index03 .bd li.l8 .ico i{ background-image:url(ico-a02.png)}
.index03 .bd li.l9 .ico{ background-image:url(ico-a01bg.jpg)}
.index03 .bd li.l9 .ico i{ background-image:url(ico-a03.png)}
.index03 .bd li.20 .ico{ background-image:url(ico-a01bg.jpg)}
.index03 .bd li.20 .ico i{ background-image:url(ico-a04.png)}
.index03 .bd li .txt{ padding:35px 10px; height:144px; padding-bottom:0; color:#999}
.index03 .bd li .txt span{ display:block}
.index03 .bd li .txt h3{ font-size:20px; line-height:1.2; color:#333}
.index03 .bd li .txt .eng{ margin-bottom:5px}
.index03 .bd li .txt .p{ line-height:1.4;padding-top:10px; }
.index03 .bd .slick-track{ padding:18px 0}
.index03 .slick-dots{ text-align:center; margin:0}
.index03 .slick-dots li{ width:12px; height:12px; display:inline-block; vertical-align:middle; float:none; background-color:#eee; border-radius:50%; margin:0 5px; cursor:pointer}
.index03 .slick-dots li button{ display:none;}
.index03 .slick-dots li.slick-active{ background-color:#004d9f}
 

.index04{ padding-top:75px; padding-bottom:140px; background-color:#f7f7f7}
.index04 .plo{ text-align:left; overflow:hidden}
.index04 .plo h3{ float:left; margin-bottom:0}
.index04 .plo .more{ float:right}
.index04 .plo .more:after{ content:">"; font-family:"宋体"; font-weight:bold; margin-left:10px}
.index04 .bd ul{ margin-left:-24px; margin-right:-24px;}
.index04 .bd li{ float:left; width:50%}
.index04 .bd li a{ display:block; margin:0 24px; position:relative; box-shadow:0 0 21px rgba(102,102,102,.1)}
.index04 .bd li .img{ position:absolute; z-index:1; left:0; right:0;top:0; bottom:0;}
.index04 .bd li .txt{ transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: alll 0.6s;position:relative; z-index:2; background-color:rgba(255,255,255,1); height:375px; padding:25px 35px; }
.index04 .bd li .txt .date{ line-height:1.2; font-size:27px; color:#004d9f; margin-bottom:35px; font-family:"dinprom"}
.index04 .bd li .txt .date .d{ font-size:55px;}
.index04 .bd li .txt h3{ font-size:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal; margin-bottom:20px}
.index04 .bd li .txt .p{ max-width:435px; height:44px; overflow:hidden}
.index04 .bd li a:hover{ color:#fff;  }
.index04 .bd li a:hover .txt{background-color:rgba(0,0,0,.4)}
.index04 .bd li a:hover .date{ color:#fff}
.index04 .bd li a:hover .mores .a{ background:none; border:1px solid #fff}

.nbanner{ height:480px; background-repeat:no-repeat; background-position:center; background-size:cover}

 
.lanmunav .weap{ position:relative}
.lanmunav ul{ height:70px; border-bottom:1px solid #e1e1e1; text-align:right}
.lanmunav ul li{ display:inline-block; text-align:center;margin-left:6.4%}
.lanmunav ul a{ display:block; line-height:69px; font-size:18px; position:relative; }
.lanmunav ul li.on a:after{ content:""; display:block; height:2px; background-color:#004d9f; position:absolute; z-index:1; left:0; right:0; bottom:-1px;}
.lanmunav ul li.on a{ color:#004d9f}
.lanmutitle{ position:absolute; z-index:1; right:72.8%; left:-200%; bottom:0; background:url(../images/lanmubg.jpg) no-repeat center right; height:162px; text-align:right}
.lanmutitle .title{ display:inline-block; width:365px; text-align:left; color:#fff; font-size:28px; line-height:1.2; padding-top:30px}
.lanmutitle .title .p{ font-size:45px; text-transform:uppercase; font-weight:bold}

.about0101{ padding-top:90px; padding-bottom:105px; font-size:16px; text-align:center; line-height:2}
.about0101 .fz24{ font-size:24px; color:#004d9f}
.about0101 .weap{ max-width:1160px;}

.about0102{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; height:585px;}
.about0102>div{ width:50%; background-position:center; background-repeat:no-repeat; background-size:cover}
.about0102 .txt{ max-width:670px; padding-right:90px; padding-top:120px}
.about0102 .txt h3{ font-size:30px; margin-bottom:35px}
.about0102 .txt li{ font-size:16px; line-height:2; padding-left:30px; position:relative; margin-bottom:15px}
.about0102 .txt li:before{ content:""; display:block; width:8px; height:8px;border-radius:50%; position:absolute; z-index:1; left:0;top:12px;}
.about0102 .txt .line{ width:42px; height:3px; margin-bottom:55px}

.about0102 .about0102left .line{ background-color:#fff}
.about0102 .about0102left .txt{ float:right; color:#fff}
.about0102 .about0102left .txt li:before{ background-color:#fff}

.about0102 .about0102right .line{ background-color:#00479d}
.about0102 .about0102right .txt{ padding-left:70px; color:#666666; max-width:580px;} 
.about0102 .about0102right .txt li:before{ background-color:#777}
.about0102 .about0102right .txt h3{ color:#333}

.index01.about0103 ul{ height:350px}

.about0104{ background-color:#f7f7f7; padding:65px 0}
.about0104 .bd{ overflow:hidden}
.about0104 .bd li{ float:left; width:15%;text-align:center;  margin:40px 5%;}
.about0104 .bd li img{ display:block; max-width:100%; max-height:100%; margin:0 auto}
.about0104 .bd li .a{ padding:20px 30px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.about0104 .bd li:hover .a{ box-shadow:0 0 10px rgba(0,0,0,.2)}

.about0201{ padding-top:105px;}
.about02box .plo .p{ color:#333; font-size:16px}

.about0201 .bdd{ background:url(../images/about0201bg.jpg) no-repeat center; background-size:cover; color:#fff; padding-top:45px; padding-bottom:80px}
.about0201 .bdd a{ color:#fff}
.about0201 .bdd .title{ text-align:center; font-size:24px; margin-bottom:45px}
.about0201 .bdd .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.about0201 .bdd .hd{flex:0 0 215px; text-align:center; border-right:3px solid #5575a1}
.about0201 .bdd .hd li{ margin-bottom:60px; }
.about0201 .bdd .hd span{ display:inline-block; width:120px; height:38px; line-height:38px; border-radius:3px; font-size:16px;cursor:pointer}
.about0201 .bdd .hd li.on span{ background-color:#fff; color:#004d9f}
.about0201 .bdd .bd{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.about0201 .bdd .tit h3{ font-size:18px;}
.about0201 .bdd .tit{ margin-left:50px; margin-bottom:14px}
.about0201 .bd ul{ overflow:hidden; margin-left:50px; border-bottom:1px dashed #627fa7; margin-bottom:15px}
.about0201 .bd ul:last-child{ border-bottom:none}
.about0201 .bd ul li{ float:left; width:33.33%; margin-bottom:20px;}
.about0201 .bd ul li:nth-child(n+4){ margin-top:20px}
.about0201 .bd ul li .a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.about0201 .bd ul li .a .ico{ flex:0 0 74px; height:74px; background-color:#fff; border-radius:50%; background-position:center; background-repeat:no-repeat; background-size:100%}
.about0201 .bd ul li .a .ico-b01{ background-image:url(../images/ico-b01.png)}
.about0201 .bd ul li .a .ico-b02{ background-image:url(../images/ico-b02.png)}
.about0201 .bd ul li .a .ico-b03{ background-image:url(../images/ico-b03.png)}
.about0201 .bd ul li .a .ico-b04{ background-image:url(../images/ico-b04.png)}
.about0201 .bd ul li .a .ico-b05{ background-image:url(../images/ico-b05.png)}
.about0201 .bd ul li .a .ico-b06{ background-image:url(../images/ico-b06.png)}
.about0201 .bd ul li .a .ico-b07{ background-image:url(../images/ico-b07.png)}
.about0201 .bd ul li .a .ico-b08{ background-image:url(../images/ico-b08.png)}
.about0201 .bd ul li .a .ico-b09{ background-image:url(../images/ico-b09.png)}
.about0201 .bd ul li .a .ico-b10{ background-image:url(../images/ico-b10.png)}
.about0201 .bd ul li .a .ico-b11{ background-image:url(../images/ico-b11.png)}
.about0201 .bd ul li .a .ico-b12{ background-image:url(../images/ico-b12.png)}
.about0201 .bd ul li .a .ico-h01{ background-image:url(../images/ico-h01.png)}
.about0201 .bd ul li .a .ico-h02{ background-image:url(../images/ico-h02.png)}
.about0201 .bd ul li .a .ico-h03{ background-image:url(../images/ico-h03.png)}
.about0201 .bd ul li .a .ico-h04{ background-image:url(../images/ico-h04.png)}
.about0201 .bd ul li .a .ico-h05{ background-image:url(../images/ico-h05.png)}
.about0201 .bd ul li .a .ico-h06{ background-image:url(../images/ico-h06.png)}
.about0201 .bd ul li .a .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; padding:0 15px; font-size:14px; line-height:1.3}
.about0201 .bd ul li .a .txt .eng span{ display:block}
.about0201 .bd ul li .a .txt .eng span:nth-child(2){ font-size:12px}
.about0201 .bd ul li .a .txt h3{ font-weight:normal}
.about0201 .bd .ul{ margin-left:50px}
.about0201 .bd .ul span{ display:inline-block; padding-left:20px; position:relative; margin-right:65px}
.about0201 .bd .ul span:before{ content:""; display:block; width:6px; height:6px; border-radius:50%; background-color:#fff; position:absolute; z-index:1; left:0;top:8px}

.about0202{ background:#fafafa url(../images/about0202bg.jpg) no-repeat center bottom; background-size:cover; padding-top:60px; padding-bottom:88px;}
.about0202 .plo{ margin-bottom:46px}
.about0202 .bd ul{ overflow:hidden; margin-left:-12px; margin-right:-12px; padding:18px 0}
.about0202 .bd li{ float:left; width:25%;}
.about0202 .bd .a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align:flex-end;-ms-flex-align:flex-end;-webkit-align-items:flex-end;align-items:flex-end; margin:0 12px; background-color:#fff; box-shadow:0 0 18px rgba(0,0,0,.11); padding:30px; padding-right:20px;}
.about0202 .bd .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; line-height:1.1}
.about0202 .bd .txt .p{ font-size:18px}
.about0202 .bd .txt h3{ font-size:18px; margin-top:5px}
.about0202 .bd .txt .eng{ color:#666; opacity:.3; font-weight:bold; margin-top:10px}
.about0202 .bd .txt .line{ height:2px; width:20px; background-color:#407ab7; margin-top:15px}
.about0202 .bd .a .ico{ flex:0 0 80px; height:72px; background-repeat:no-repeat; background-position:center; background-size:auto 100%}
.about0202 .bd .a .ico-c01{ background-image:url(../images/ico-c01.png)}
.about0202 .bd .a .ico-c02{ background-image:url(../images/ico-c02.png)}
.about0202 .bd .a .ico-c03{ background-image:url(../images/ico-c03.png)}
.about0202 .bd .a .ico-c04{ background-image:url(../images/ico-c04.png)}
.about0202 .bd .a:hover .ico-c01{ background-image:url(../images/ico-c01on.png)}
.about0202 .bd .a:hover .ico-c02{ background-image:url(../images/ico-c02on.png)}
.about0202 .bd .a:hover .ico-c03{ background-image:url(../images/ico-c03on.png)}
.about0202 .bd .a:hover .ico-c04{ background-image:url(../images/ico-c04on.png)}
.about0202 .bd .a:hover{background-image: linear-gradient(to bottom right, #0bc2d2, #0176bc); color:#fff}
.about0202 .bd .a:hover .eng{ color:#fff}
.about0202 .bd .a:hover .line{ background-color:#fff}

.about0203{ padding-top:160px; padding-bottom:100px; background:url(../images/about0203bg.jpg) no-repeat center; background-size:cover}
.about0203 ul{ text-align:justify}
.about0203 ul:after{content:'';width: 100%;display: inline-block;height: 0; }
.about0203 li{ display:inline-block; color:#fff; text-align:center}
.about0203 li .a{top:0; position:relative;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.about0203 li .a:hover{top:-10px;}
.about0203 li .ico{ width:164px; height:164px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:100%; margin-bottom:10px}
.about0203 li .ico-d01{ background-image:url(../images/ico-d01.png)}
.about0203 li .ico-d02{ background-image:url(../images/ico-d02.png)}
.about0203 li .ico-d03{ background-image:url(../images/ico-d03.png)}
.about0203 li .ico-d04{ background-image:url(../images/ico-d04.png)}
.about0203 li .txt h3{ font-size:18px; margin-bottom:10px}

/* .about0301{ padding-top:85px; padding-bottom:65px;} */
.about0301{ margin-top:40px;margin-bottom:40px; }

.about0301 .weap{ background-color:#fff; box-shadow:0 0 12px rgba(0,0,0,.09); padding:60px; padding-left:80px}
.about0301 .hd{ background:url(../images/ico-adder.png) no-repeat top left; background-size:32px; height:70px; line-height:1; border-bottom:1px solid #e1e1e1; padding-left:60px}
.about0301 .hd{ margin-bottom:50px}
.about0301 .hd h3{ font-size:30px; font-weight:normal}
.about0301 .bd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.about0301 .bd ul{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
/* .about0301 .bd ul li{ font-size:16px; color:#666; float:left; width:55%; padding-right:1%} */
.about0301 .bd ul li{ font-size:16px; color:#666; float:left; width:26%; padding-right:1%}
.about0301 .bd ul li:nth-child(even){ width:45%}
/* .about0301 .bd ul li:nth-child(n+3){ margin-top:120px} */
.about0301 .bd ul .t{ margin-bottom:10px}
.about0301 .bd .map{ width:37%}
.about0301 .bd .map img{ width:100%}
.about0301 .bd .num,.about0301 .bd .num a{ font-size:32px; color:#333;font-family:"dinprom"}

.about0302{ background-color:#f7f7f7; padding-top:70px; padding-bottom:55px}
.about0302 .weap{ background-color:#fff; padding:40px 70px;}
.about0302 .bd li{ float:left; width:48%; margin:0 1%; margin-bottom:22px;}
.about0302 .bd li:nth-child(n+5){ width:98%;}
.about0302 .bd .intxt{ width:100%; height:60px; border:1px solid #ccc; background-color:#fff; font-size:16px; padding:0 25px;}
.about0302 .bd textarea.intxt{ height:205px; padding:20px 25px;resize: none;}
.about0302 .bd .inbtn{ transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;margin:0 auto; width:208px; height:42px; display:block; background-color:#023f92; color:#fff; border:none; border-radius:3px; cursor:pointer; font-size:16px; opacity:1}
.about0302 .bd .inbtn:hover{ opacity:.8}

.solution0101 .img{  text-align:center; position:relative}
.solution0101 .img i{ display:none}
.solution0101 .img img{ max-width:784px; width:100%; display:block;margin:0 auto;}
.solution0101 .weap{ padding-top:240px; position:relative; padding-bottom:165px;}
.solution0101 li{ position:absolute; z-index:1; width:450px}
.solution0101 li.l2,.solution0101 li.l3{ width:440px}
.solution0101 li .t{ font-size:22px; height:22px; line-height:22px; margin-bottom:20px}
.solution0101 li .p{ font-size:0;}
.solution0101 li .p span{ font-size:14px; display:inline-block; height:34px; line-height:34px; padding:0 10px; margin-bottom:10px; color:#fff; border-radius:3px;}
.solution0101 li.l1 .p span,.solution0101 li.l3 .p span{ margin-right:10px}
.solution0101 li.l2 .p span,.solution0101 li.l4 .p span{ margin-left:10px}
.solution0101 li.l1,.solution0101 li.l2{top:75px;}
.solution0101 li.l3,.solution0101 li.l4{top:545px; }
.solution0101 li.l1,.solution0101 li.l3{ left:0;}
.solution0101 li.l2,.solution0101 li.l4{ right:0; text-align:right;  }
.solution0101 li.l1 .t{ padding-left:17px; border-left:3px solid #2bddd7}
.solution0101 li.l2 .t{ padding-right:17px; border-right:3px solid #14cfde}
.solution0101 li.l3 .t{ padding-left:17px; border-left:3px solid #3066af}
.solution0101 li.l4 .t{ padding-right:17px; border-right:3px solid #8ba6bc}
.solution0101 li.l1 .p span{ background-color:#2bddd7}
.solution0101 li.l2 .p span{ background-color:#14cfde}
.solution0101 li.l3 .p span{ background-color:#3066af}
.solution0101 li.l4 .p span{ background-color:#8ba6bc}

.solution0102{ background-color:#f7f7f7; padding:95px 0;}
.solution0102 .txt{ float:left; width:53.7%}
.solution0102 .txt h3{ font-size:30px}
.solution0102 .txt .eng{ font-size:18px; color:#999; font-weight:bold; margin-bottom:30px}
.solution0102 .img{ float:right; width:40.29%; overflow:hidden }
.solution0102 .img img{ display:block; width:100%}
.solution0102 ul li{ font-size:16px; color:#666; position:relative; padding-left:25px; margin-bottom:11px}
.solution0102 ul li:before{ content:""; display:block; width:8px; height:8px; border-radius:50%; background-color:#666666; position:absolute; z-index:1; left:0;top:8px}

.solution0103{ background:url(../images/solution0103bg.jpg); padding-top:84px; padding-bottom:110px}
.solution0103 .bd{ background:url(../images/solution010301.png) no-repeat center top; background-size:auto 100%; height:225px;}
.solution0103 .bd ul{ margin-left:-1%; margin-right:-1%}
.solution0103 .bd li{ float:left; width:20%; text-align:center}
.solution0103 .bd li .ico{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; width:100px; height:100px; background-color:rgba(37,143,252,.3); padding:8px; margin:0 auto; border-radius:50%;}
.solution0103 .bd li .ico span{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; display:block; width:100%; height:100%;background-image: linear-gradient(#38afec, #2363f5); border-radius:50%;}
.solution0103 .bd li .ico span::before{ content:""; display:block; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:100%}
.solution0103 .bd li .ico span.ico-e01::before{ background-image:url(../images/ico-e01.png)}
.solution0103 .bd li .ico span.ico-e02::before{ background-image:url(../images/ico-e02.png)}
.solution0103 .bd li .ico span.ico-e03::before{ background-image:url(../images/ico-e03.png)}
.solution0103 .bd li .ico span.ico-e04::before{ background-image:url(../images/ico-e04.png)}
.solution0103 .bd li .ico span.ico-e05::before{ background-image:url(../images/ico-e05.png)}
.solution0103 .bd li:nth-child(2){ padding-top:46px}
.solution0103 .bd li:nth-child(3){ padding-top:15px}
.solution0103 .bd li:nth-child(4){ padding-top:90px}
.solution0103 .bd li:nth-child(5){ padding-top:5px}
.solution0103 .bd li h3{ font-size:16px; font-weight:normal; margin-top:10px}
.solution0103 .bd li .a:hover .ico{ background-color:rgba(17,211,215,.3)}
.solution0103 .bd li .a:hover .ico span{background-image: linear-gradient(#35d4db, #0157a3); }

.solution0201{ padding-top:150px;}
.solution0201 .plo{ text-align:left}
.solution0201 .plo .p{ font-size:18px;}
.solution0201 .bd{ background:url(../images/solution0201bg.jpg) no-repeat center; background-size:cover; padding:65px; }
.solution0201 .bd .title{ text-align:center; line-height:1.1; margin-bottom:60px}
.solution0201 .bd .title h3{ color:#fff; font-weight:bold; font-size:30px}
.solution0201 .bd ul{ background-color:#fff;padding:0 1%; padding-top:88px;padding-bottom:50px ; overflow:hidden; }
.solution0201 .bd li{  float:left; width:31.33%; margin:0 1%; margin-bottom:40px; text-align:center}
.solution0201 .bd li .a{ display:block;max-width:320px; height:48px; line-height:48px; font-size:18px; color:#fff;background-image: linear-gradient(to bottom right,#11d3d7, #0176bc); border-radius:3px; margin:0 auto;}

.solution0202{ padding-top:65px; padding-bottom:130px;}
.solution0202 .plo{ margin-bottom:76px}
.solution0202 .bd{ overflow:hidden}
.solution0202 .bd li{ float:left; width:33.33%; height:230px; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; margin-bottom:-1px; padding:0 5%; color:#666; padding-top:40px; text-align:center}
.solution0202 .bd li:nth-child(3n){ border-right:none}
.solution0202 .bd li .ico{ width:66px; height:58px; margin:0 auto; margin-bottom:40px; background-repeat:no-repeat; background-position:center; background-size:auto 100%}
.solution0202 .bd li .ico-f01{ background-image:url(../images/ico-f01.png)}
.solution0202 .bd li .ico-f02{ background-image:url(../images/ico-f02.png)}
.solution0202 .bd li .ico-f03{ background-image:url(../images/ico-f03.png)}
.solution0202 .bd li .ico-f04{ background-image:url(../images/ico-f04.png)}
.solution0202 .bd li .ico-f05{ background-image:url(../images/ico-f05.png)}
.solution0202 .bd li .a{ display:inline-block; text-align:left}
.solution0202 .bd li .a span{ display:block}

.solution0301{ padding-bottom:90px; padding-top:140px;}
.solution0301 .hd { font-size:36px; margin-bottom:85px}
.solution0301 .hd h3{ font-weight:bold; margin-bottom:5px;}
.solution0301 .bd ul{ overflow:hidden}
.solution0301 .bd li{ float:left; width:25%;}
.solution0301 .bd .img{ overflow:hidden; margin-bottom:20px}
.solution0301 .bd .img img{ display:block; width:100%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.solution0301 .bd li:hover .img img{transform:scale(1.2);}
.solution0301 .bd .txt h3{ font-size:24px; font-weight:normal; margin-bottom:10px;}
.solution0301 .bd .txt .p{ color:#666; }
.solution0301 .bd .txt .p p{ display:block;position:relative; padding-left:15px; margin-bottom:5px; padding-right:5px}
.solution0301 .bd .txt .p p:before{ content:""; display:block; width:4px; height:4px; border-radius:50%; background-color:#004d9f; position:absolute; z-index:1; left:0;top:9px}

.solution0302{ padding-top:75px; padding-bottom:110px; background-color:#f7f7f7} 
.solution0302 .bd ul{ margin-left:-10px; margin-right:-10px;}
.solution0302 .bd li{ float:left; width:25%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; position:relative;top:0}
.solution0302 .bd li:hover{top:-10px}
.solution0302 .bd li .a{ margin:0 10px; background-color:#fff; box-shadow:0 0 12px rgba(221,221,221,.6)}
.solution0302 .bd li .title{ height:120px; background-repeat:no-repeat; background-position:center; background-size:cover}
.solution0302 .bd li:nth-child(1) .title{ background-image:url(../images/solution030201.jpg)}
.solution0302 .bd li:nth-child(2) .title{ background-image:url(../images/solution030202.jpg)}
.solution0302 .bd li:nth-child(3) .title{ background-image:url(../images/solution030203.jpg)}
.solution0302 .bd li:nth-child(4) .title{ background-image:url(../images/solution030204.jpg)} 
.solution0302 .bd li .title h3{ color:#fff; text-align:center; font-size:24px; font-weight:normal; position:relative;top:50%; transform:translateY(-50%)}
.solution0302 .bd li .p{ padding:14px 30px; height:180px;}
.solution0302 .bd li .p p{ display:block;position:relative; padding-left:15px; margin-bottom:4px; padding-right:5px}
.solution0302 .bd li .p p:before{ content:""; display:block; width:4px; height:4px; border-radius:50%; background-color:#004d9f; position:absolute; z-index:1; left:0;top:9px}

.solution0303{ background:url(../images/solution0303bg.jpg) no-repeat center; background-size:cover}
.solution0303 .weap{ height:135px; color:#fff; font-size:26px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }
.solution0303 .weap .bd{text-align:center;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}


.solution0501{ padding-top:150px;}
.solution0501 .plo{ text-align:left}
.solution0501 .plo .p{ font-size:18px;} 
.solution0501 .bd{ background:#f7f7f7 url(../images/solution0501bg.jpg) no-repeat center bottom; background-size:100%; padding-top:50px; padding-bottom:55px;}
.solution0501 .bd .title{ text-align:center; line-height:1.1; margin-bottom:60px}
.solution0501 .bd .title h3{ font-weight:bold; font-size:30px}

.solution0501 li{ margin-bottom:50px; float:left; width:100%}
.solution0501 li.l1{ float:left; width:50%}
.solution0501 li.l1 .a{ margin-right:25px}
.solution0501 li.l2{ float:left; width:50%}
.solution0501 li.l2 .a{margin-left:25px}
.solution0501 li .a{ display:block; background-color:#fff; box-shadow:0 0 32px rgba(0,0,0,.1); padding:35px;}

.solution0501 li .a:hover{ color:#fff;background-image: linear-gradient(to bottom right,#11d3d7, #0176bc);}
.solution0501 li .a:hover .t{ border-bottom:1px solid #fff}
.solution0501 li .a .t{ font-size:24px; border-bottom:1px solid #e1e1e1; padding-bottom:12px; margin-bottom:16px}
.solution0501 li .a .p{ font-size:16px; overflow:hidden}
.solution0501 li .a span{ display:block;position:relative; padding-left:15px; margin-bottom:12px; padding-right:5px; float:left; width:100%}
.solution0501 li .a span:before{ content:""; display:block; width:4px; height:4px; border-radius:50%; background-color:#004d9f; position:absolute; z-index:1; left:0;top:12px}
.solution0501 li .a:hover span:before{ background-color:#fff}
.solution0501 li.l3 .p span:nth-child(3n-2){ width:39%}
.solution0501 li.l3 .p span:nth-child(3n-1){ width:29%}
.solution0501 li.l3 .p span:nth-child(3n){ width:32%}

.solution0501 li.l4 .p span:nth-child(3n-2){ width:38%}
.solution0501 li.l4 .p span:nth-child(3n-1){ width:29%}
.solution0501 li.l4 .p span:nth-child(3n){ width:32%}
.solution0501 li.l4 .p span.w2{ width:61%}

.solution0502{ padding-top:65px; padding-bottom:75px;}
.solution0502 .plo{ margin-bottom:70px}
.solution0502 .bd{ overflow:hidden}
.solution0502 .bd li{ float:left; height:255px; width:33.33%; text-align:center; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; margin-bottom:-1px; padding:0 5%}
.solution0502 .bd li:nth-child(3n){ border-right:none}
.solution0502 .bd li:nth-child(n+4){ padding-top:60px;}
.solution0502 .bd li .a{ display:inline-block; text-align:left;}
.solution0502 .bd li .p{ color:#666; }
.solution0502 .bd li .p p{margin-bottom:3px}
.solution0502 .bd li h3{ text-align:center; font-size:16px; margin-bottom:10px}
.solution0502 .bd li .ico{ height:60px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; margin-bottom:25px}
.solution0502 .bd li .ico-g01{ background-image:url(../images/ico-g01.png)}
.solution0502 .bd li .ico-g02{ background-image:url(../images/ico-g02.png)}
.solution0502 .bd li .ico-g03{ background-image:url(../images/ico-g03.png)}
.solution0502 .bd li .ico-g04{ background-image:url(../images/ico-g04.png)}
.solution0502 .bd li .ico-g05{ background-image:url(../images/ico-g05.png)}
.solution0502 .bd li .ico-g06{ background-image:url(../images/ico-g06.png)}

.solution0503{ background:url(../images/solution0503bg.jpg) no-repeat center; background-size:cover; padding-top:65px; padding-bottom:40px}
.solution0503 .plo{ border-bottom:1px solid #fff; padding-bottom:30px; margin-bottom:54px}
.solution0503 .plo h3{ text-align:center; color:#fff; font-weight:normal}
.solution0503 .bd{ max-width:1140px; margin:0 auto}
.solution0503 .bd li{ float:left; width:33.33%; text-align:center; margin-bottom:30px;}
.solution0503 .bd li span{ display:inline-block; width:160px; height:40px; line-height:38px; border:1px solid #fff; border-radius:40px; font-size:16px; color:#fff}

.solution0401{ padding-top:120px; padding-bottom:140px; background:url(../images/solution0401bg.jpg) no-repeat center bottom 70px; background-size:100%}
.solution0401 .plo{ margin-bottom:100px}
.solution0401 .bd{ max-width:763px; height:233px; background:url(../images/solution0401png.png) no-repeat center; background-size:100%; position:relative; margin:0 auto;}
.solution0401 .bd span{ display:block; text-align:center; position:absolute; z-index:1;}
.solution0401 .bd .sp1{ width:118px; height:118px; background:url(../images/lipng.png) no-repeat center; background-size:100%; font-size:20px; font-weight:bold; }
.solution0401 .bd .sp1 i{ display:block; top:50%; position:relative; transform:translateY(-50%)}
.solution0401 .bd .l1 .sp1{left:-58px;top:-58px;}
.solution0401 .bd .l2 .sp1{left:50%;top:-58px; margin-left:-59px;}
.solution0401 .bd .l3 .sp1{right:-58px;top:-58px;}
.solution0401 .bd .sp2{ background-color:#fff; padding:15px 20px; border:1px dotted #b5b5b5; box-shadow:0 3px 7px rgba(0,0,0,.1)}
.solution0401 .bd .sp2 i{ display:inline-block; height:42px; line-height:42px; padding:0 8px; border-radius:3px; color:#fff;background-image: linear-gradient(to bottom right,#11d3d7, #0176bc);}
.solution0401 .bd .l1 .sp2{top:116px; left:-95px}
.solution0401 .bd .l2 .sp2{ width:484px; text-align:left;top:116px; left:50%; margin-left:-242px   } 
.solution0401 .bd .l2 .sp2 i:nth-child(1){ float:left}
 .solution0401 .bd .l2 .sp2 i:nth-child(2){ margin-left:20px}
.solution0401 .bd .l2 .sp2 i:nth-child(3){ float:right}
.solution0401 .bd .l3 .sp2{top:116px; right:-95px}
.solution0401 .bd .sp3{top:224px}
.solution0401 .bd .sp3 i{ display:inline-block;background-image: linear-gradient(to bottom right,#768299, #d9dde3); height:35px; line-height:35px; padding:0 20px; border-radius:3px; color:#fff;}
.solution0401 .bd .l1 .sp3{ left:60px;}
.solution0401 .bd .l2 .sp3{ right:60px;}
.solution0401 .bd02{ margin-top:100px; text-align:center}
.solution0401 .bd02 .title{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; margin-bottom:25px;}
.solution0401 .bd02 .title h3{ font-size:18px; font-weight:normal; margin:0 35px;}
.solution0401 .bd02 .title:after, .solution0401 .bd02 .title:before{ content:""; height:1px; background-color:#ccc;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.solution0401 .bd02 li{ display:inline-block; font-size:16px; color:#999999; margin:0 55px; position:relative; padding-left:25px;}
.solution0401 .bd02 li:before{ content:""; display:block; width:14px; height:14px; border:2px solid #175da8; border-radius:50%; position:absolute; z-index:1; left:0;top:6px}

.solution0402{ background-color:#f7f7f7; padding-top:70px; padding-bottom:90px;}
.solution0402 .plo{ margin-bottom:95px}
.solution0402 .bd{ overflow:hidden}
.solution0402 .bd .img{ float:left; width:50%; text-align:center}
.solution0402 .bd .img img{ max-width:452px; width:100%}
.solution0402 .bd .txt{ float:right; width:47.3%; padding-top:45px }
.solution0402 .bd .txt h3{ font-size:30px; margin-bottom:40px;}
.solution0402 .bd .txt li{ padding-left:20px; color:#666; font-size:16px; margin-bottom:10px; position:relative}
.solution0402 .bd .txt li:before{ content:""; display:block; width:4px; height:4px; border-radius:50%; background-color:#004d9f; position:absolute; z-index:1; left:0;top:12px}

.join01{ padding:100px 0;}
.join01 .weap{ overflow:hidden}
.join01 .txtbox{ float:left; width:50%} 
.join01 .txt{ max-width:525px; font-size:22px; color:#666}
.join01 .txt .p1{ font-size:36px; font-weight:bold; color:#333}
.join01 .txt .p2{ font-size:36px; color:#333; margin-bottom:35px}
.join01 .img{ float:right; width:50%}
.join01 .img img{ display:block; width:100%}

.joinlist .bd li{ padding:50px 60px; background-color:#f7f7f7; margin-bottom:35px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.joinlist .bd li .title{ flex:0 0 220px; border-right:1px solid #e1e1e1}
.joinlist .bd li .title h3{ font-size:24px; color:#023f92}
.joinlist .bd li .txtbox{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; margin-left:50px; color:#666; overflow:hidden; max-height:80px; position:relative;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: alll 1s;}
.joinlist .bd li .txtbox:before{ content:""; display:block; width:15px; height:15px; position:absolute; z-index:1; right:0;top:0; background-image:url(../images/ico-down.png); background-repeat:no-repeat; background-position:center; background-size:100%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.joinlist .bd li.hover .txtbox:before{ background-image:url(../images/ico-downon.png); transform:rotate(180deg);}
.joinlist .bd li.hover .txtbox{ max-height:800px; height:auto; }
.joinlist .bd li.hover{border-bottom:2px solid #023f92;}
.joinlist .bd li .txtbox h4{ font-size:18px; line-height:1.1; margin-bottom:5px}
.joinlist .bd li .txtbox .conn{ overflow:hidden; position:relative; line-height:1.8; padding-right:130px}
.joinlist .bd li .txtbox .conn .mores{ position:absolute; z-index:1; bottom:0; right:0; display:none}
.joinlist .bd li.hover .txtbox .conn .mores{ display:block}
.joinlist .bd li .title .line{ width:34px; height:3px; background-color:#999999; margin-top:5px; margin-bottom:30px}
.joinlist .bd li .title .adder{ font-size:16px; color:#666}

.newsbox{ padding:60px 0;} 
.newslist ul{ margin-left:-24px; margin-right:-24px;}
.newslist li{ float:left; width:50%; margin-bottom:48px}
.newslist li a{ display:block; margin:0 24px; position:relative; box-shadow:0 0 21px rgba(102,102,102,.1);} 
.newslist li .txt{ transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: alll 0.6s;position:relative; z-index:2; background-color:rgba(255,255,255,1); height:375px; padding:25px 35px; }
.newslist li .txt .date{ line-height:1.2; font-size:27px; color:#004d9f; margin-bottom:35px; font-family:"dinprom"}
.newslist li .txt .date .d{ font-size:55px;}
.newslist li .txt h3{ font-size:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal; margin-bottom:20px}
.newslist li .txt .p{ max-width:435px; height:44px; overflow:hidden; color:#666} 
 
.newslist li a:hover .mores .a{ background:#fff; border:1px solid #004d9f; color:#004d9f;}

 
.newspage .box{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.newspage .box .page-left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; padding-right:40px; min-width:0}
.newspage .box .page-left .title{ font-size:30px; font-weight:normal; line-height:1.2; margin-bottom:28px}
.newspage .box .page-left .info{ color:#888888; font-size:13px; margin-bottom:30px}
.newspage .box .page-left .conn{ font-size:15px; line-height:2; overflow:hidden; padding-bottom:60px}
.newspage .box .page-left .conn a{ font-size:15px;}
.newspage .box .page-left .conn img{ max-width:100%; height:auto !important}
.newspage .box .page-left .fx{border-top:1px solid #e1e1e1; padding-top:25px; padding-bottom:50px}
.newspage .box .page-left .fx span{ font-weight:bold; font-size:16px; line-height:24px; vertical-align:middle}
.newspage .box .page-left .fx>div{ display:inline-block}
.newspage .box .page-right{ width:298px; text-align:center; border-left:1px solid #e1e1e1; }
.newspage .box .page-right img{ max-width:155px;}
.newspage .box .page-right .p{ font-size:12px}

.solution0601{ padding-top:138px; padding-bottom:110px;}
.solution0601 .hd{ line-height:1.1;font-size:36px; margin-bottom:100px}
.solution0601 .hd .p1{  font-weight:bold; margin-bottom:30px} 
.solution0601 .bd ul{ font-size:0; margin:0 -10px}
.solution0601 .bd li{ display:inline-block; vertical-align:top; width:20%; font-size:16px; color:#666666; text-align:center}
.solution0601 .bd li span{ display:block; margin-bottom:3px}
.solution0601 .bd li .ico{ width:162px; height:162px; margin:0 auto; background-color:#ededed; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:100%; margin-bottom:20px}
.solution0601 .bd li .ico-solution060101{ background-image:url(../images/solution060101.png)}
.solution0601 .bd li .ico-solution060102{ background-image:url(../images/solution060102.png)}
.solution0601 .bd li .ico-solution060103{ background-image:url(../images/solution060103.png)}
.solution0601 .bd li .ico-solution060104{ background-image:url(../images/solution060104.png)}
.solution0601 .bd li .ico-solution060105{ background-image:url(../images/solution060105.png)}
.solution0601 .bd li h3{ font-size:22px; color:#333; margin-bottom:13px}

.solution0602{ position:relative; padding-top:85px; padding-bottom:55px; overflow:hidden}
.solution0602:before{ content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; height:396px; background:url(../images/solution0602bg.jpg) no-repeat center; background-size:cover}
.solution0602 .weap{ position:relative; z-index:2}
.solution0602 .bd ul{ font-size:0; margin:0 -40px;}
.solution0602 .bd li{ display:inline-block; vertical-align:top; width:33.33%; }
.solution0602 .bd li .a{font-size:16px; color:#666; margin:0 40px; background-color:#fff}
.solution0602 .bd li h3{ font-size:22px; color:#333; line-height:1.2; margin-bottom:15px}
.solution0602 .bd li .img{ margin-bottom:15px}
.solution0602 .bd li .img img{ width:100%; display:block}
.solution0602 .bd li .p{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.solution0602 .bd li .p span{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.solution0602 .bd li .p i{ display:block; width:4px; height:4px; felx:0 0 4px; background-color:#666666; border-radius:50%; margin-right:5px; position:relative;top:10px}

.solution0603{ background:url(../images/solution0603bg.jpg) no-repeat center; background-size:cover; padding-top:60px; padding-bottom:90px; overflow:hidden}
.solution0603 ul{ margin:0 -10px; font-size:0}
.solution0603 li{ display:inline-block; vertical-align:top; width:25%}
.solution0603 li .a{ font-size:16px; color:#666; margin:0 10px; background-color:#fff; text-align:center; padding-top:40px; border-radius:5px}
.solution0603 li .ico{ height:104px; background-position:center; background-repeat:no-repeat; background-size:auto 100%; margin-bottom:25px}
.solution0603 li .solution060301{ background-image:url(../images/solution060301.png)}
.solution0603 li .solution060302{ background-image:url(../images/solution060302.png)}
.solution0603 li .solution060303{ background-image:url(../images/solution060303.png)}
.solution0603 li .solution060304{ background-image:url(../images/solution060304.png)}
.solution0603 li h3{ font-size:20px; color:#333}
.solution0603 li .eng{ font-size:14px; color:#adadad; margin-bottom:15px}
.solution0603 li .line{ width:50px; height:1px; background-color:#cccccc; margin:0 auto; margin-bottom:25px}
.solution0603 li .ps{ height:170px; display:inline-block; text-align:left}
.solution0603 li .ps .p{ padding-left:24px; position:relative; margin-bottom:20px;}
.solution0603 li .ps .p:before{ content:""; display:block; width:10px; height:10px; background-color:#004d9f; position:absolute; z-index:2; left:0;top:9px; border-radius:50%;}
@media(max-width:1370px){
.banner .item,.banner{ height:40vw}
.weap{ padding-left:10px; padding-right:10px;}

.index03 .bd li .ico{ height:120px}
.index03 .bd li .ico i{ height:50px}
.index03 .bd li .txt{ padding:25px 10px}
.index03 .bd li .txt .p{ font-size:13px}

.nbanner{ height:30vw}

.about0301 .weap{ box-shadow:none}
.about0102 .txt{ padding-left:10px;}
}
@media(max-width:1340px){
.lanmutitle{ left:0; text-align:left; padding-left:20px; height:120px; right:auto; padding-right:20px}
.lanmutitle .title{ width:auto; text-align:left; font-size:20px}
.lanmutitle .title .p{ font-size:30px}
.solution0302 .bd li .p{ padding:10px}

/* .about0301{ padding-top:40px; padding-bottom:35px} */
.about0301{ padding-top:20px; padding-bottom:20px}
.about0301 .weap{ padding:0 10px}
.about0302 .weap{ padding:30px 10px}
.about0302{ padding-bottom:0}

.join01{ padding:50px 0}

.solution0301{ padding-top:45px; padding-bottom:70px}
.solution0101 li.l1, .solution0101 li.l3{ left:10px}
.solution0101 li.l2, .solution0101 li.l4{ right:10px}

.solution0501 li .a span{ width:auto !important; float:none}

.solution0601 .bd li .ps{ font-size:14px}
.solution0601 .bd li span{  margin-right:10px}
.solution0601 .bd li .ico{ width:140px; height:140px}
.solution0602:before{ height:29vw}
}
@media(max-width:999px){
 
.about0301{margin-top: 10px;margin-bottom: 10px;}
.banner .item,.banner{ height:50vw}	
.index01 ul li .num{ font-size:40px}
.index01 ul{ height:150px}
.index02{ padding:40px 0}
.index02 .img{ float:none; width:auto; margin-right:16%; margin-bottom:20px}
.index02 .txt{ padding-top:0; width:auto; float:none}

.index03{ padding:40px 0}
.index03 .bd li{ width:33.33%; margin-bottom:24px}
.index03 .bd{ padding:0}
.index04{ padding-top:40px; padding-bottom:70px}

.lanmunav ul li{ margin-left:30px}
.solution0301{ padding-top:70px; padding-bottom:45px}
.solution0301 .hd{ font-size:30px; margin-bottom:40px}
.solution0302{ padding-top:35px; padding-bottom:55px}
.solution0302 .bd li{ width:50%; margin-bottom:20px}

.about0301 .bd{ display:block}
.about0301 .bd ul{ overflow:hidden; margin-bottom:20px}
.about0301 .bd .map{ width:auto}
.about0301 .bd ul li:nth-child(n+3){ margin-top:10px}

.about0302{ padding-top:30px}

.about0101{ padding-top:45px; padding-bottom:55px; font-size:15px; line-height:1.8}
.about0101 .fz24{ font-size:20px}
.about0102{ display:block; height:auto}
.about0102>div{ float:none; width:auto}
.about0102 .about0102left .txt{ float:none; padding:20px}
.about0102 .about0102right .txt{ float:none; padding:20px}

.index01.about0103 ul{ height:150px}
.about0104{ padding:35px 0}
.about0104 .bd li{ margin: 20px 5%}

.join01 .txt{ font-size:18px}
.join01 .txtbox{ float:none; width:auto; margin-bottom:20px}
.join01 .img{ float:none; width:auto}

.solution0201{ padding-top:65px}
.solution0201 .bd{ padding:60px 0}
.solution0202 .bd li{ padding:0 1%; padding-top:30px}

.solution0101 .weap{ padding-top:50px; padding-bottom:50px}
.solution0101 li{ position:static; margin-bottom:20px}
.solution0101 li .t{ position:relative}
.solution0101 li.l1 .t{ text-align:center; border-left:none ;}
.solution0101 li.l3 .t{border-left:none }
.solution0101 li.l4 .t{border-right:none}
.solution0101 li.l2 .t{border-right:none}
.solution0101 li.l2, .solution0101 li.l4{ text-align:center; width:auto}
.solution0101 li.l2, .solution0101 li.l3{ width:auto; text-align:center}
.solution0101 li{ width:auto !important}
.solution0101 li .t:after,.solution0101 li .t:before{ content:""; display:block; height:1px; background-color:#ccc;top:50%; position:absolute; z-index:1}
.solution0101 li .t span{ display:inline-block; background-color:#fff; position:relative; z-index:2; padding:0 10px}
.solution0101 li .p{ text-align:center}
.solution0101 li .t:after{ left:0; right:0}
.solution0101 li.l1 .p span{ margin:0 5px; margin-bottom:10px}
.solution0101 .img{ position:relative}
.solution0101 .img i{ display:block; position:absolute; z-index:1;}
.solution0101 .img .i1{ font-size:3vw; top:-4vw; border-left:2px solid #2bddd7; height:3vw; line-height:3vw; padding-left:1vw; left:0;}
.solution0101 .img .i2{ font-size:3vw; top:-4vw; border-right:2px solid #14cfde; height:3vw; line-height:3vw; padding-right:1vw; right:0;}
.solution0101 .img .i3{ font-size:3vw; bottom:7vw; border-left:2px solid #3066af; height:3vw; line-height:3vw; padding-left:1vw; left:0;}
.solution0101 .img .i4{ font-size:3vw; bottom:7vw;  border-right:2px solid #8ba6bc; height:3vw; line-height:3vw; padding-right:1vw; right:0;}

.solution0103 .bd{ background:none; height:auto}
.solution0103 .bd li{ padding-top:0 !important}

.solution0501{ padding-top:75px}
.solution0502 .bd li{ padding:0 1%}

.solution0401 .bd{ max-width:750px; height:966px;    background: url(../images/solution0401pngm.png) no-repeat center top;background-size: 100%;}
.solution0402 .plo{ margin-bottom:45px}
.solution0402 .bd .txt{ padding-top:0}

.solution0401 .bd span{ display:block; margin:0 auto; position:static}
.solution0401 .bd .l1 .sp1{ margin-bottom:30px}
.solution0401 .bd .sp2{ background:none; padding:0; box-shadow:none; border:none}
.solution0401 .bd .l1 .sp2{ margin-bottom:47px}
.solution0401 .bd .l1 .sp2 i{ width:320px; height:80px; line-height:80px; font-size:30px}
.solution0401 .bd .sp3 i{ width:197px; height:62px; line-height:62px; font-size:30px}
.solution0401 .bd .l1 .sp3{ margin-bottom:30px}
.solution0401 .bd .l2 .sp1{ margin:0 auto; margin-bottom:50px}
.solution0401 .bd .l2 .sp2{ width:100%; overflow:hidden; margin:0 auto; margin-bottom:47px}
.solution0401 .bd .l2 .sp2 i:nth-child(1){ margin-right:30px}
.solution0401 .bd .l2 .sp2 i{ width:230px; height:58px; line-height:58px; font-size:24px}
.solution0401 .bd .l2 .sp3{ margin-bottom:30px}
.solution0401 .bd .l3 .sp1{ margin-bottom:30px}
.solution0401 .bd .l3 .sp2 i{ width:320px; height:80px; line-height:80px; font-size:30px}
.solution0401 .bd02 li{ margin:0 10px}
.plo h3{ font-size:28px}

.path{ display:none}
.newspage .box{ display:block}
.newspage .box .page-right{ display:none}
.newspage .box .page-left{ padding-right:0;}
.newspage .box .page-left .title{ font-size:20px; margin-bottom:20px; text-align:center}
.newspage .box .page-left .info{ margin-bottom:15px}
.newspage .box .page-left .conn{ line-height:1.8; padding-bottom:30px}
.newspage{ padding-bottom:50px}
.newspage .box .page-left .fx{ padding-bottom:0}
.newspage .box .page-left .fx span{ font-size:15px}
.newspage .box .page-left .conn{ font-size:14px}
.newspage .box .page-left .conn a{ font-size:14px}

.solution0601{ padding-top:65px; padding-bottom:60px; }
.solution0601 .bd {text-align:center}
.solution0601 .bd li{ width:33.33%; margin-bottom:10px}

.solution0602{ padding-top:60px; padding-bottom:40px}
.solution0602 .bd ul{ margin:0 -10px}
.solution0602 .bd li .a{ margin:0 10px;}
.solution0603 li{ width:50%; margin-bottom:20px}


}
@media(max-width:766px){
.banner .slick-dots li{ width:50px}	
.banner .slick-dots{ bottom:5px;}
.banner .slick-dots button{ font-size:12px;}
.index01{ padding-top:20px}
.index01 ul{ display:block; height:auto; overflow:hidden}
.index01 ul li{ float:left; width:50%; margin-bottom:20px}
.index01 ul li .num{ font-size:34px;} 
.index01 ul li .p{ font-size:13px; margin-top:5px;}
.index01 ul li .num i{ font-size:20px}
.index01 ul li:after{ display:none}
.index02 .txt h3{ font-size:22px; margin-bottom:0}
.index02 .txt .t{ font-size:16px; margin-bottom:10px}
.mores .a{ width:110px; line-height:38px; height:38px}
.plo{ margin-bottom:20px}
.plo h3{ font-size:20px; margin-bottom:10px; line-height:1.2}
.index03{ padding-bottom:20px}
.index03 .plo{ margin-bottom:15px}
.index03 .bd li{ width:50% !important; margin-bottom:10px}
.index03 .bd li .a{ margin:0 5px;}
.index03 .bd ul{ margin-left:-5px; margin-right:-5px; padding-top:0}
.index03 .bd li .txt h3{ font-size:18px}
.index03 .bd li .txt .p{ font-size:12px}
.index03 .bd li .txt .eng{ font-size:12px;}
.index03 .bd li .txt{ padding:15px 10px; height:110px}

.index04{ padding-bottom:20px}
.index04 .bd ul{ margin:0}
.index04 .bd li{ float:none; width:auto; margin-bottom:15px}
.index04 .bd li a{ margin:0}
.index04 .bd li .txt{ padding:15px; height:auto}
.index04 .bd li .txt .date{ font-size:18px; margin-bottom:10px}
.index04 .bd li .txt .date .d{ font-size:30px}
.index04 .bd li .txt h3{ font-size:16px; margin-bottom:10px}

.lanmutitle{ display:none}
.lanmunav ul{ height:auto; background-color:#eee; margin-left:-10px; margin-right:-10px; overflow:hidden; padding:10px 5px; padding-bottom:0}
.lanmunav ul li{ display:block; float:left; width:33.33%; margin-left:0; margin-bottom:10px}
.lanmunav ul a{ line-height:40px; height:40px; margin:0 5px; background-color:#fff; font-size:14px}
.lanmunav ul li.on a{ background-color:#004d9f; color:#fff}

.about0201{ padding-top:50px}
.about02box .plo .p{ font-size:14px}
.about0201 .bdd{ padding-top:25px; padding-bottom:40px}
.about0201 .bdd .title{ font-size:18px; margin-bottom:20px;}
.about0201 .bdd .weap{ display:block}
.about0201 .bdd .hd{ border-right:none; text-align:center; border-bottom:1px solid rgba(255,255,255,.3); padding-bottom:15px; margin-bottom:20px; margin-left:-10px; margin-right:-10px}
.about0201 .bdd .hd li{ display:inline-block; margin-bottom:0;}
.about0201 .bdd .hd span{ font-size:14px; line-height:34px; height:34px; width:110px}
.about0201 .bdd .tit{ margin-left:0; text-align:center; margin-bottom:25px}
.about0201 .bd ul{ margin-left:0; font-size:0}
.about0201 .bd ul li{ display:inline-block; vertical-align:top; float:none}
.about0201 .bd ul li .a{ display:block; margin-bottom:5px}
.about0201 .bd ul li .a .ico{ width:70px; height:70px; margin:0 auto; margin-bottom:15px}
.about0201 .bd ul li .a .txt .eng{ display:none}
.about0201 .bd ul li .a .txt{ text-align:center}
.about0201 .bdd{ padding-bottom:20px}
.about0201 .bd ul li:nth-child(n+4){ margin-top:0px}
.about0201 .bd .ul{ margin-left:0; text-align:center}
.about0201 .bd .ul span{ margin:0 10px}

.about0202{ padding-top:30px; padding-bottom:0}
.about0202 .plo{ margin-bottom:10px}
.about0202 .bd li{ width:100%; margin-bottom:15px}
.about0202 .bd .a{ margin:0 10px}
.about0202 .bd ul{ margin-left:-10px; margin-right:-10px;}
.about0202 .bd .a .ico{ height:60px}
.about0203 ul{ text-align:center; font-size:0}
.about0203 li{  width:50%}

.about0203{ padding-top:60px; padding-bottom:50px;}
.about0203 li .ico{ width:120px; height:120px; margin-bottom:0}
.about0203 li .txt h3{ font-size:16px}

.about0301 .hd h3{ font-size:22px}
.about0301 .hd{background: url(../images/ico-adder.png) no-repeat top left; background-size: 20px; padding-left:30px; height:45px; margin-bottom:20px}
.about0301 .bd ul li{ float:none; width:auto !important; font-size:14px;}
.about0301 .bd .num, .about0301 .bd .num a{ font-size:24px; }
.about0301 .bd ul .t{ margin-bottom:5px;}
.about0302 .bd li{ float:none; width:auto; margin-bottom:10px}
.about0302 .bd .intxt{ height:42px; padding:0 10px; font-size:14px}
.about0302 .bd textarea.intxt{ padding:10px; height:120px}
.about0302{ padding-top:10px}

.about0102 .txt h3{ font-size:22px; margin-bottom:15px}
.about0102 .txt .line{ width:30px; height:2px; margin-bottom:10px}

.about0102 .txt li{ font-size:15px; padding-left:20px}
.index01.about0103 ul{ height:auto}
.about0104 .bd li{ width:23.33%}
.about0104 .bd li .a{ padding:10px 10px}
.about0104 .bd li{ margin:10px 5%}

.joinbox{ margin-top:-10px; background-color:#fff; position:relative}
.join01{ padding-bottom:20px; padding-top:30px;}
.join01 .txt{ font-size:16px}
.join01 .txt .p1{ font-size:24px}
.join01 .txt .p2{ font-size:24px; margin-bottom:15px}
.joinlist .bd li{ padding:10px; display:block; margin-bottom:10px}
.joinlist .bd li .title h3{ font-size:18px}
.joinlist .bd li .title .line{ width:25px; height:2px; margin-bottom:10px}
.joinlist .bd li .title{ flex:0 0 120px; margin-bottom:10px; border-right:none; border-bottom: 1px solid #e1e1e1; padding-bottom:10px}
.joinlist .bd li .txtbox{ margin-left:0; max-height:75px}
.joinlist .bd li .title .adder{ font-size:14px}
.joinlist .bd li .txtbox h4{ font-size:16px}
.joinlist .bd li .txtbox .conn{ padding-right:0; padding-bottom:45px}
.joinlist .bd li .txtbox .conn .mores{ left:0; }

.solution0301{ padding:30px 0}
.solution0301 .hd{ font-size:20px;}
.solution0301 .hd .p{ font-size:17px}

.solution0301 .bd ul{ font-size:0}
.solution0301 .bd li{ width:50%; float:none; display:inline-block; font-size:14px; vertical-align:top}
.solution0301 .bd .txt h3{ font-size:18px}
.solution0301 .bd .img{ margin-bottom:10px}

.solution0302{ padding-bottom:20px}
.solution0302 .bd ul{ margin-left:-5px; margin-right:-5px}
.solution0302 .bd li .a{ margin:0 5px;}
.solution0302 .bd li .p{ font-size:12px}
.solution0302 .bd li:nth-child(n+3) .p{ height:110px;}
.solution0302 .bd li .p p{ padding-right:0}
.solution0302 .bd li{ margin-bottom:10px}
.solution0303 .weap{ font-size:18px; height:auto; padding:20px 10px}

.solution0201{ padding-top:30px}
.solution0201 .plo h3{ line-height:1.4}
.solution0201 .plo .p{ font-size:16px}

.solution0201 .bd{ padding:30px 0}
.solution0201 .bd .title h3{ font-size:22px}
.solution0201 .bd .title{ margin-bottom:20px}
.solution0201 .bd li{ width:98%; margin-bottom:10px}
.solution0201 .bd li .a{ font-size:15px}
.solution0201 .bd ul{ padding-top:30px; padding-bottom:20px}
.solution0202{ padding-top:30px; padding-bottom:60px}
.solution0202 .bd ul{ font-size:0;}
.solution0202 .bd li{ text-align:center;width:100%; border:none !important; padding:0 5px; height:auto; display:inline-block; float:none; vertical-align:top; font-size:14px; margin-bottom:25px}
.solution0202 .bd li .ico{ margin-bottom:15px}
.solution0202 .bd li .p{ text-align:center}
.solution0202 .plo{ margin-bottom:30px}
.solution0202 .bd li .a span{ display:inline}
.solution0202 .bd li .ico{ height:50px}

.solution0101 li  .t{ font-size:18px}
.solution0101 li .p span{ line-height:30px; height:30px; font-size:13px}
.solution0101 .weap{ padding-top:60px; padding-bottom:30px}

.solution0102{ padding:40px 0}
.solution0102 .txt{ float:none; width:auto}
.solution0102 .txt h3{ font-size:20px; line-height:1.4}
.solution0102 .txt .eng{ font-size:16px; margin-bottom:10px}
.solution0102 ul li{ font-size:14px;  padding-left:15px}
.solution0102 .img{ float:none; width:auto; margin-top:15px}

.solution0103 .bd li .ico{ width:70px; height:70px; padding:4px}

.solution0103 .bd li{ width:33.33%; margin-bottom:20px}
.solution0103{ padding-top:30px; padding-bottom:20px}

.solution0501{ padding-top:30px}
.solution0501 .plo h3{ font-size:18px}
.solution0501 .plo .p{ font-size:16px}
.solution0501 .bd .title h3{ font-size:22px}
.solution0501 .bd{ padding-top:30px; padding-bottom:30px}
.solution0501 .bd .title{ margin-bottom:20px}
.solution0501 li.l1{ float:none; width:auto}
.solution0501 li.l2{ float:none; width:auto}
.solution0501 li.l1 .a{ margin-right:0}
.solution0501 li.l2 .a{ margin-left:0}
.solution0501 li{ margin-bottom:10px}
.solution0501 li .a{ padding:10px;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.solution0501 li .a .t{ font-size:18px; padding-bottom:10px; margin-bottom:15px}
.solution0501 li .a .p{ font-size:14px}
.solution0501 li .a span{ margin-bottom:8px}
.solution0501 li .a span:before{top:10px} 
.solution0502 .bd li{ float:none; width:auto; margin-bottom:20px; border-bottom:none; height:auto}
.solution0502 .bd li .ico{ margin-bottom:10px}
.solution0502 .bd li:nth-child(n+4){ padding-top:0}
.solution0502 .plo{ margin-bottom:20px}
.solution0502{ padding-top:40px; padding-bottom:20px}

.solution0503{ padding-top:35px; padding-bottom:20px}
.solution0503 .plo{ padding-bottom:15px; margin-bottom:20px}
.solution0503 .plo h3{ font-size:18px; line-height:1.4}
.solution0503 .bd li{ width:50%; margin-bottom:15px}
.solution0503 .bd li span{ font-size:14px; max-width:150px}


.solution0402{ padding-top:35px; padding-bottom:40px}
.solution0402 .plo{ margin-bottom:35px}
.solution0402 .bd .img{ float:none; width:auto; margin-bottom:20px}
.solution0402 .bd .txt{ float:none; width:auto}
.solution0402 .bd .txt h3{ font-size:22px; margin-bottom:10px}
.solution0402 .bd .txt li{ font-size:14px; padding-left:15px}

.solution0401 .plo{ margin-bottom:30px}

.solution0401{ padding-top:40px; padding-bottom:40px;    background: url(../images/solution0401bg.jpg) no-repeat center bottom 20px;
    background-size: 180%;}
.solution0401 .bd02{ margin-top:30px}
.solution0401 .bd02 li{ font-size:14px; padding-left:15px}
.solution0401 .bd02 li:before{ width:10px; height:10px}

.newsbox{ padding:30px 0; background-color:#fff; margin-top:-10px; position:relative; z-index:4}
.newslist ul{ margin:0}
.newslist li{ float:none; width:auto; margin-bottom:15px}
.newslist li a{ margin:0}
.newslist li .txt{ padding:15px; height:auto}
.newslist li .txt .date{ font-size:18px; margin-bottom:10px}
.newslist li .txt .date .d{ font-size:30px}
.newslist li .txt h3{ font-size:16px; margin-bottom:10px}

.solution0601{ padding:30px 0}
.solution0601 .hd .p1{ font-size:20px; margin-bottom:10px}
.solution0601 .hd{ font-size:22px; margin-bottom:45px}

.solution0601 .plo,.solution0601 .plo h3{ margin-bottom:0}
.solution0601 .bd li .ico{ width:100px; height:100px; margin-bottom:10px}
.solution0601 .bd ul{ margin:0}
.solution0601 .bd li{ width:100%; margin-top:20px; border-top:1px solid #eee; padding-top:20px; margin-bottom:0}
.solution0601 .bd li h3{ font-size:20px}

.solution0602{ padding:30px 0}
.solution0602 .bd li{ width:100%; margin-bottom:20px}
.solution0602 .bd li h3{ font-size:20px;}
.solution0602 .bd li .p{ font-size:14px}
.solution0602:before{ height:70vw}

.solution0603{ padding:30px 0}
.solution0603 li{ width:100%; margin-bottom:15px}
.solution0603 ul{ margin:0}
.solution0603 li .ps{ height:auto}
.solution0603 li .a{ padding-top:20px; margin:0; padding-bottom:10px}
.solution0603 li .ico{ height:80px}
.solution0603 li h3{ font-size:18px}
.solution0603 li .ps .p{ margin-bottom:10px}

.index03 .slick-dots{ display:none !important}
.index03 .bd .slick-track{ width:auto !important;transform:none !important}
.index03 .bd .slick-list{ overflow:visible !important}
}
@media(max-width:750px){
.solution0401 .bd .sp1{ width:15.733vw; height:15.733vw; font-size:2.66vw; line-height:1.2;  }	
.solution0401 .bd{ height:128vw; }  
.solution0401 .bd .l1 .sp1{ margin-bottom:3.5vw} 
.solution0401 .bd .l1 .sp2{ margin-bottom:6vw}
.solution0401 .bd .l1 .sp2 i{ width:42.66vw; height:10.66vw; line-height:10.66vw; font-size:4vw}
.solution0401 .bd .sp3 i{ width:26.66vw; height:8.26vw; line-height:8.26vw; font-size:4vw; padding:0}
.solution0401 .bd .l1 .sp3{ margin-bottom:3.5vw}
.solution0401 .bd .l2 .sp1{ margin-bottom:6vw}
.solution0401 .bd .l2 .sp2{   margin-bottom:6.266vw}
.solution0401 .bd .l2 .sp2 i{ width:30.66vw; height:7.73vw; line-height:7.73vw; font-size:3.2vw}
.solution0401 .bd .l2 .sp3{ margin-bottom:3.5vw}
.solution0401 .bd .l3 .sp1{ margin-bottom:3.5vw}
.solution0401 .bd .l3 .sp2 i{ width:42.66vw; height:10.6vw; line-height:10.6vw; font-size:4vw}
.solution0401 .bd02 li{ margin:0 10px}
.solution0401 .bd .l2 .sp2 i:nth-child(2){ margin-left:0}
.solution0401 .bd .l2 .sp2 i:nth-child(1){ margin-right:2vw}

}