/*banner*/
.banner{ height:610px; position:relative;}
.banner .item{ height:610px; background-repeat:no-repeat; background-position:center; background-size:cover}
.banner .item a{ display:block; width:100%; height:100%}
.banner .slick-dots{ position:absolute; z-index:2; left:0; right:0; bottom:20px; text-align:center}
.banner .slick-dots button{ display:none}
.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:96px; height:10px; margin:0 8px; border-radius:50%; cursor:pointer; position:relative; background-color:#fff; border-radius:10px; }
.banner .slick-dots li.slick-active{background-color:#008dff;}
/*首页*/
 
.index01 ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between; padding:45px 0; }
.index01 ul li{ border-left:1px solid #000000; padding:0 40px; width:25%}
.index01 ul li:last-child{border-right:1px solid #000000;}
.index01 ul li .num{ font-size:20px; display:inline-block; position:relative}
.index01 ul li .num i{ display:block; margin-bottom:2px;font-weight:700}
.index01 ul li .num em{ display:block; font-weight:700}
.index01 ul li .num span{ font-size:54.8px; color:#008dff; line-height:1.1; font-weight:bold;}
.index01 ul li .num .ts{ display:inline-block; vertical-align:text-bottom; line-height:1.1; text-align:left; margin-left:5px; }
.index01 ul li .t{ font-size:20.4px; line-height:1.1; margin-top:10px;}
.index01 ul li .a{ text-align:center}

.mindex01{ display:none}

.plo{ text-align:center; margin-bottom:30px;}
.plo h3{ font-size:48px; font-weight:normal; line-height:1.1}
.plo .line{ width:145px; height:2px; background-color:#000; margin:0 auto; margin-top:40px}
 
.index02 .item{ height:650px; background-position:center; background-size:cover; background-repeat:no-repeat;}
.index02 .item a{ display:block; width:100%; height:100%}
.index02 .slick-arrow{ position:absolute; z-index:2; width:84px; height:84px; border-radius:10px; background:rgba(54,54,54,.5); border:none; overflow:hidden; text-indent:-9999px; cursor:pointer;top:50%; margin-top:-42px; left:50%}
.index02 .slick-arrow:hover{ background-color:#008dff}
.index02 .slick-arrow:before{ content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; background:url(../images/ico-arrow.png) no-repeat center; background-size:100%; opacity:.5;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index02 .slick-arrow:hover:before{ opacity:1}
.index02 .slick-prev{ margin-left:-730px}
.index02 .slick-next{ margin-left:640px}
.index02 .slick-prev:before{-moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1);  filter:FlipH;}
.index03{ background:url(../images/index03bg.jpg) no-repeat center; background-size:cover; padding:75px 0}
.index03 .plo{ margin-bottom:48px;}			
.index03 .plo h3{ color:#fff;}
.index03 .plo .line{ background-color:#fff}		
.index03 .bd .video{ width:965px; height:490px; margin:0 auto; background-color:#000; max-width:100%; position:relative}
.index03 .bd .video video{ width:100%; height:100%}
.index03 .bd .video .videoplay{ position:absolute; z-index:6; left:0; right:0;top:0; bottom:0; background-position:center; background-repeat:no-repeat; background-size:cover; cursor:pointer}
.index03 .bd .video .videoplay:before{ content:""; display:block; width:60px; height:60px; position:absolute; z-index:2; left:50%;top:50%; margin-left:-30px; margin-top:-30px; background:#fff url(../images/ico-play.png) no-repeat center; background-size:40%; border-radius:50%}
.index03 .bd .video .videoplay:after{ content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; background:rgba(0,0,0,.3)}

.index04{ padding:45px 0}
.index04 .bd{ border-top:1px solid #e4e4e4} 
.index04 .bd li{ float:left; width:33.33%;}
.index04 .bd li a{ display:block; padding:45px 25px;}
.index04 .bd li a .img{margin-bottom:44px;/* height:220px;*/ overflow:hidden}
.index04 .bd li a .img img{ width:100%; height:100%}
.index04 .bd li .date{ color:#008dff; font-size:16px;   margin-bottom:14px}
.index04 .bd li .date:before{ content:""; display:inline-block; width:13px; height:13px; background:url(../images/ico-date.png) no-repeat center; background-size:100%; margin-right:10px;}
.index04 .bd li h3{ height:52px; overflow:hidden; font-size:20px; line-height:1.3; margin-bottom:30px; font-weight:normal; color:#333}
.index04 .bd li .more{ text-align:center}
.index04 .bd li .more span{ display:inline-block; border:1px solid #c9c9c9; line-height:36px; padding:0 25px; font-size:17.6px; border-radius:36px;}
.index04 .bd li .more span:after{ content:""; display:inline-block; width:12px; height:18px; background:url(../images/ico-jt05.png) no-repeat center right; background-size:auto 100%; margin-left:10px; vertical-align:middle; position:relative;top:-1px}
.index04 .bd li a:hover{ box-shadow:0 0 40px rgba(83,83,83,.45)}
.index04 .bd li a:hover span{ background-color:#008dff; color:#fff}
.index04 .bd li a:hover span:after{background:url(../images/ico-jt05on.png) no-repeat center right; background-size:auto 100%;}

.nbanner{ height:400px; background-position:center; background-repeat:no-repeat; background-size:cover}
.nbanner .txt{ position:relative;top:50%; transform:translateY(-50%)}
.nbanner .txt h3{ font-size:56px; color:#fff;}
.productbox{ background-color:#f7f8fa}

.productlist li{height:650px;}
.productlist li .a{ display:block; max-width:1200px; margin:0 auto; overflow:hidden; position:relative;top:50%; transform:translateY(-50%)}
.productlist li .img{ width:46%; float:right}
.productlist li .img img{ display:block; width:100%}
.productlist li .txt{ float:left; width:52%;padding-top:70px}
.productlist li .txt h3{ font-size:40px; color:#000; font-weight:normal; line-height:1.1; margin-bottom:25px; font-weight:600}
.productlist li .txt .tis{ font-size:30px; font-weight:bold; color:#0191ff; line-height:1.1; margin-bottom:18px}
.productlist li .txt .tis:before{content:""; display:inline-block; vertical-align:middle;width: 0; height: 0; border-top: 5px solid transparent; border-left: 10px solid #0191ff; border-bottom: 5px solid transparent; margin-right:10px;}
.productlist li .txt .ps{ font-size:16.88px; color:#6e6e6e; margin-bottom:36px; }
.productlist li .txt .more span{ display:inline-block; width:205px; height:54px; line-height:52px; border:1px solid #babbbd; text-align:center; border-radius:54px; font-size:22px; color:#333}
.productlist li .txt .more span:after{ content:""; display:inline-block; width:12px; height:20px; background:url(../images/ico-jt05.png) no-repeat center right; background-size:auto 100%; margin-left:10px; position:relative;top:-2px; vertical-align:middle}
.productlist li .a:hover .txt .more span{ background-color:#008dff; color:#fff; border:1px solid #008dff}
.productlist li .a:hover .txt .more span:after{background:url(../images/ico-jt05on.png) no-repeat center  right; background-size:auto 100%;}

.productlist li:nth-child(even){ background-color:#fff}
.productlist li:nth-child(even) .img{ float:left}
.productlist li:nth-child(even) .txt{ float:right}

.consult{ border-top:1px solid #e4e4e4}
.consult li{ float:left; width:50%; overflow:hidden; border-right:1px solid #e4e4e4}
.consult li:last-child{ border-right:none}
.consult li:nth-child(1) a{ float:right}
.consult li a{ width:600px; text-align:center; max-width:100%; padding:30px 0; display:block}
.consult li a:after{ content:""; vertical-align:middle; display:inline-block; width:17px; height:31px; background:url(../images/ico-jt05.png) no-repeat center right; background-size:auto 100%; margin-left:10px; position:relative;top:-1px}
.consult li .ico{ width:50px; height:50px; display:inline-block; vertical-align:middle;  background-repeat:no-repeat; background-position:center; background-size:100%; margin-right:10px}
.consult li .ico-b01{ background-image:url(../images/ico-b01.png)}
.consult li .ico-b02{ background-image:url(../images/ico-b02.png)}
.consult li h3{ display:inline-block; vertical-align:middle; font-size:32px; font-weight:normal; color:#333}

.consult li:hover{ background-color:#0191ff}
.consult li:hover h3{ color:#fff}
.consult li:hover a:after{background:url(../images/ico-jt05on.png) no-repeat  center right; background-size:auto 100%;}
.consult li:hover .ico-b01{ background-image:url(../images/ico-b01h.png)}
.consult li:hover .ico-b02{ background-image:url(../images/ico-b02h.png)}

.caselist li{ border-bottom:1px solid #e4e4e4}
.caselist li a{ display:block; overflow:hidden; padding:60px 0;}
.caselist li .img{ float:left; width:445px; height:275px;}
.caselist li .img img{ display:block; width:100%; height:100%}
.caselist li .txt{ padding-left:475px;}
.caselist li .txt .date{color: #008dff; font-size: 18.4px;   margin-bottom: 9px; line-height:1.1}
.caselist li .txt .date:before{content: ""; display: inline-block; width: 15px; height: 15px; background: url(../images/ico-date.png) no-repeat center; background-size: 100%; margin-right: 10px; position:relative;top:2px;}
.caselist li .txt h3{font-size:33px; line-height:1.4; font-weight:normal; height:100px; overflow:hidden; margin-bottom:2px}
.caselist li .txt .p{ font-size:16px; line-height:1.6; margin-bottom:37px; color:#333; height:50px; overflow:hidden}
.caselist li .txt .more span{display: inline-block; width: 205px; height: 54px; line-height: 52px; border: 1px solid #babbbd; text-align: center; border-radius: 54px; font-size: 20px; color: #333; }
.caselist li a:hover .txt .more span{background-color: #008dff; color: #fff; border: 1px solid #008dff;}
.caselist li .txt .more span:after{ content:""; display:inline-block; width:12px; height:19px; background:url(../images/ico-jt05.png) no-repeat center right; background-size:auto 100%; margin-left:10px;vertical-align:middle; position:relative;top:-1px}
.caselist li a:hover .txt .more span:after{background:url(../images/ico-jt05on.png) no-repeat center right;  background-size:auto 100%;  }

.lanmuplo{ text-align:center; margin-bottom:50px}
.lanmuplo h3{ font-size:40px; line-height:1.1; font-weight:normal;}
.lanmuplo .p{ font-size:20px; margin-top:20px}
.lanmuplo .line{ width:145px; height:2px; background-color:#333; margin:0 auto; margin-top:40px;}

.charge01{ padding-top:85px; padding-bottom:50px}

.list02 ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin:0 -8px}
.list02 ul li a{ position:relative; display:block; height:295px; position:relative; margin:0 8px; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:auto 100%}
.list02 ul li{width: 25%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.list02 ul li .txt{ position:absolute; z-index:2; color:#fff; left:25px; right:25px;top:190px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; }	
.list02 ul li a:before{ content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; background:#000; opacity:0;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.list02 ul li:hover a:before{ opacity:.5}
.list02 ul li .txt .ico img{ height:46px;}
.list02 ul li .txt h3{ font-size:20px; font-weight:normal; line-height:1.4;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list02 ul li .txt .line{width: 34px; border-top: 2px solid; margin-top: 16px; background-color:#fff; opacity:0; transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.list02 ul li .txt .p{ font-size:16px; margin-top:10px; width:350px; line-height:1.6; opacity:0; transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}	
.list02 ul li:hover{ width:37%; transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; background-position:left center}
.list02 ul li:hover .txt{top:50px}
.list02 ul li:hover .line{ opacity:1; transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.list02 ul li:hover .txt .p{ opacity:1; transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}

.charge02{ padding-bottom:80px;}
.charge02 .weap{ background:url(../images/charge02bg.jpg) no-repeat center bottom; background-size:100%; padding-top:45px; padding-bottom:315px;}
.charge02 .img{ max-width:962px; margin:0 auto;}
.charge02 .img img{ display:block; width:100%}

.charge03{ background:url(../images/charge03bg.jpg) no-repeat center; background-size:cover; color:#fff; padding-top:70px; padding-bottom:60px; margin-bottom:45px}
.charge03 .line{ background-color:#fff}

.charge03 .bd .item a{ display:block; background-color:#505050; margin:0 10px; padding:15px; padding-top:40px; border-radius:15px; color:#fff}
.charge03 .bd .item h3{ font-size:27px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:1.1; margin-bottom:25px; font-weight:bold}
.charge03 .bd .item .p{ margin-bottom:40px; overflow:hidden; font-size:15px; height:54px;}
.charge03 .bd .item .img{ overflow:hidden}
.charge03 .bd .item .img img{ width:100%; display:block}
.charge03 .bd .item a:hover{ background-color:#fff; color:#333}
.charge03 .bd .item a:hover h3{ color:#008dff}
.charge03 .slick-arrow{ position:absolute; z-index:2; width:84px; height:84px; border-radius:10px; background:rgba(54,54,54,1); border:none; overflow:hidden; text-indent:-9999px; cursor:pointer;top:50%; margin-top:-42px; left:50%}
.charge03 .slick-arrow:hover{ background-color:#008dff}
.charge03 .slick-arrow:before{ content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; background:url(../images/ico-arrow.png) no-repeat center; background-size:100%; opacity:.5;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.charge03 .slick-arrow:hover:before{ opacity:1}
.charge03 .slick-prev{ margin-left:-730px}
.charge03 .slick-next{ margin-left:640px}
.charge03 .slick-prev:before{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH; }

.charge03 .as{ text-align:center; margin-top:70px; font-size:0;color:#868686; }
.charge03 .as .a{ display:inline-block; vertical-align:middle; font-size:20px; color:#868686; padding:0 15px; border-right:1px solid #868686; height:24px; line-height:24px;}
.charge03 .as .a:last-child{ border-right:none}
.charge03 .as .a:hover{ color:#008dff; font-weight:bold}

.cooperate01{ padding-top:100px; padding-bottom:70px;}

.cooperate02{ padding-top:70px; padding-bottom:100px}
.cooperate02 .img{ text-align:center}
.cooperate02 .img img{ max-width:100%}
.cooperate02 .bd li{ height:60px; margin-bottom:30px;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;}
.cooperate02 .bd .d{white-space: nowrap; font-size:32px; margin-right:20px;}
.cooperate02 .bd .line{ background-color:#0393f6; height:60px; width:0;transition: all 2.5s;-moz-transition: all 2.5s;-webkit-transition: all 2.5s;-o-transition: alll 2.5s;}
.cooperate02 .bd.animated li:nth-child(1) .line{ width:2%}
.cooperate02 .bd.animated li:nth-child(2) .line{ width:6%}
.cooperate02 .bd.animated li:nth-child(3) .line{ width:12%}
.cooperate02 .bd.animated li:nth-child(4) .line{ width:26%}
.cooperate02 .bd.animated li:nth-child(5) .line{ width:82%; }
.cooperate02 .bd .last .line{background-color:#5cc645}
.cooperate02 .bd li.last .num span{color:#5cc645}
.cooperate02 .bd li .num{ font-size:25px; margin-left:20px;white-space: nowrap;}
.cooperate02 .bd li .num span{ font-size:54px; font-weight:bold; color:#0393f6; margin-right:20px}

.cooperate03{ background:url(../images/cooperate03bg.jpg) no-repeat center; background-size:cover; color:#fff; padding-top:70px; padding-bottom:60px; margin-bottom:45px}
.cooperate03 .line{ background-color:#fff}

.cooperate03 .slick-arrow{ position:absolute; z-index:2; width:84px; height:84px; border-radius:10px; background:rgba(54,54,54,1); border:none; overflow:hidden; text-indent:-9999px; cursor:pointer;top:50%; margin-top:-42px; left:50%}
.cooperate03 .slick-arrow:hover{ background-color:#008dff}
.cooperate03 .slick-arrow:before{ content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; background:url(../images/ico-arrow.png) no-repeat center; background-size:100%; opacity:.5;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.cooperate03 .slick-arrow:hover:before{ opacity:1}
.cooperate03 .slick-prev{ margin-left:-730px}
.cooperate03 .slick-next{ margin-left:640px}
.cooperate03 .slick-prev:before{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH; }

.cooperate03 .item .a{ display:block; background-color:#505050; margin:0 10px; border-radius:15px; padding:50px 25px; color:#fff;}
.cooperate03 .item .a:hover{ background-color:#008dff;}
.cooperate03 .item .a h3{ font-size:36px; line-height:1.1; font-weight:600; margin-bottom:20px}
.cooperate03 .item .a .p{ font-size:19px; height:130px}
.cooperate03 .item .a .ico{ text-align:center}
.cooperate03 .item .a .ico img{ margin:0 auto; height:115px}

.newsboxiist{ padding:90px 0;}
.newslist{ border-top:1px solid #e4e4e4; padding-top:20px}
.newslist li{ float:left; width:33.33%; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4}
.newslist li:nth-child(3n-3){ border-right:none}
.newslist li a{ display:block; padding:45px 25px;}
.newslist li a .img{ /*height:220px;*/ overflow:hidden; margin-bottom:44px;}
.newslist li a .img img{ width:100%; height:100%}
.newslist li .date{ color:#008dff; font-size:16px;  margin-bottom:14px}
.newslist li .date:before{ content:""; display:inline-block; width:13px; height:13px; background:url(../images/ico-date.png) no-repeat center; background-size:100%; margin-right:10px;}
.newslist li h3{ height:52px; overflow:hidden; font-size:20px; line-height:1.3; margin-bottom:30px; font-weight:normal; color:#333}
.newslist li .more{ text-align:center}
.newslist li .more span{ display:inline-block; border:1px solid #c9c9c9; line-height:36px; padding:0 25px; font-size:17.6px; border-radius:36px;}
.newslist li .more span:after{ content:""; display:inline-block; width:13px; height:18px; background:url(../images/ico-jt05.png) no-repeat center right; background-size:auto 100%; margin-left:10px; vertical-align:middle; position:relative;top:-1px}
.newslist li a:hover{ box-shadow:0 0 40px rgba(83,83,83,.35)}
.newslist li a:hover span{ background-color:#008dff; color:#fff}
.newslist li a:hover span:after{background:url(../images/ico-jt05on.png) no-repeat  center right; background-size:auto 100%; }

.newspagebox .info{ background-color:#f7f8fa; padding:60px 0}
.newspagebox .info .date{ color:#008dff; font-size:21px; margin-bottom:4px}
.newspagebox .info .date:before{ content:""; display:inline-block; width:17px; height:17px; background:url(../images/ico-date.png) no-repeat center; background-size:100%; margin-right:10px;}
.newspagebox .info h1.title{ font-size:33px; font-weight:normal; line-height:1.3}

.newspage{ padding-top:40px; padding-bottom:100px;}
.newspage .weap{ overflow:hidden; font-size:19px}
.newspage .weap a{ font-size:19px;}
.newspage img{ max-width:100%; height:auto !important}

.prevnext{ border-top:1px solid #e4e4e4}
.prevnext li.prev{ float:left}
.prevnext li.next{ float:right}
.prevnext li{   width:50%; overflow:hidden; border-right:1px solid #e4e4e4}
.prevnext li:hover{ background-color:#0191ff}
.prevnext li:last-child{ border-right:none}
.prevnext li:nth-child(1) a{ float:right}
.prevnext li a{ width:600px; text-align:center; max-width:100%; height:112px; display:block; padding-top:23px;}
.prevnext li .t{ font-size:32px; line-height:1.1}
.prevnext li.next .t:after{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; content:""; display:inline-block; width:18px; height:31px; background:url(../images/ico-jt05.png) no-repeat center right; background-size:auto 100%; margin-left:10px; position:relative;top:-2.5px; vertical-align:middle}
.prevnext li.prev .t:before{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; content:""; display:inline-block; width:18px; height:31px; background:url(../images/ico-jt05.png) no-repeat center right; background-size:auto 100%; margin-right:10px; position:relative;top:-2.5px; vertical-align:middle;-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;}
.prevnext li .p{ font-size:18px; margin-top:10px; padding:0 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prevnext li:hover a{ color:#fff}
.prevnext li.next:hover .t:after{background:url(../images/ico-jt05on.png) no-repeat center right; background-size:auto 100%; }
.prevnext li.prev:hover .t:before{background:url(../images/ico-jt05on.png) no-repeat center right; background-size:auto 100%; }

.about01{ padding-top:88px; padding-bottom:44px;}
.about01 .list02 ul li .txt{ left:15px; right:15px;}
.about02 .weap{ font-size:20px;}
.about02 .weap a{ font-size:20px;}
.about02 img{ max-width:100%}

.about03{ background-color:#fff}
.about04{ padding-bottom:50px;}
.about04 .video{ height:670px;}
.about04 video{ width:100%; height:100%; background-color:#000}

.about05 .bd{ border-top:1px solid #e0e0e0}
.about05 .bd li{ float:left; width:25%; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.about05 .bd li:nth-child(4n-4){ border-right:none}
.about05 .bd li .a{ display:table; width:100%; height:345px; font-size:0}
.about05 .bd li .a .img{ display:table-cell; vertical-align:middle; text-align:center}
.about05 .bd li .a .img img{ max-width:90%; max-height:90%}

.joinbox{ padding-top:100px; padding-bottom:100px}

.joinlist{ border-top:1px solid #e4e4e4;}
.joinboxiist .lanmuplo{ text-align:left}
.joinlist li{ float:left; width:33.33%; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4}
.joinlist li:nth-child(3n-3){ border-right:none}
.joinlist li a{ display:block; padding:45px 25px;}
.joinlist li .p{ font-size:18px; margin-bottom:65px; height:192px; overflow:hidden; color:#333}
.joinlist li .date{ color:#008dff; font-size:16px;   margin-bottom:14px}
.joinlist li .date:before{ content:""; display:inline-block; width:13px; height:13px; background:url(../images/ico-date.png) no-repeat center; background-size:100%; margin-right:10px;}
.joinlist li h3{ overflow:hidden; font-size:32px; line-height:1.3; margin-bottom:10px; font-weight:normal; color:#333; height:82px;}
.joinlist li .more{ text-align:center}
.joinlist li .more span{ display:inline-block; border:1px solid #c9c9c9; line-height:36px; padding:0 25px; font-size:17.6px; border-radius:36px;}
.joinlist li .more span:after{ content:""; display:inline-block; width:12px; height:18px; background:url(../images/ico-jt05.png) no-repeat center right; background-size:auto 100%; margin-left:10px; vertical-align:middle; position:relative;top:-1px}
.joinlist li a:hover{ box-shadow:0 0 40px rgba(83,83,83,.35)}
.joinlist li a:hover span{ background-color:#008dff; color:#fff}
.joinlist li a:hover span:after{background:url(../images/ico-jt05on.png) no-repeat  center right; background-size:auto 100%; }

.contactpage{ padding-top:100px; padding-bottom:50px}
.contactpage .lanmuplo{ text-align:left}
.contact01 .map{ height:465px}
.contact01{ margin-bottom:40px}
.contact02{ font-size:22px;  }
.contact02 a{ font-size:22px}
.contact02 .t{ font-size:32px}
#lxwm{ height:100px;}

.contact03 li{ float:left; width:100%; margin-bottom:32px; font-size:22px}
.contact03 li.flex{-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.contact03 li.w33{ width:30.33%; margin-right:3% }
.contact03 li.w33.mr0{ margin-right:0; width:33.33%}
.contact03 li .t{ min-width:80px; font-weight:700}
.contact03 li .t i{ color:#ff0000}
.contact03 .uiinput{ width:100%; height:49px; border:1px solid #008dff; padding:0 15px; font-size:22px}
.contact03 .yzmput{ width:190px}
.contact03 textarea{ width:100%; border:1px solid #008dff; padding:15px; font-size:25.6px; height:245px}
.contact03 li .png{ margin-left:17px}
.contact03 li .png img{ height:49px; display:block}
.contact03 li .yzm{ margin-left:10px; cursor:pointer}
.contact03 li .yzm i{ display:inline-block; width:25px; height:25px; vertical-align:middle; background:url(../images/ico-hyh.png) no-repeat center; background-size:100%; position:relative;top:-2px; margin-right:10px}
.contact03 li .inbtn{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; font-size:25.6px; width:200px; text-align:center; height:60px; line-height:60px; border:none; background-color:#008dff; color:#fff; cursor:pointer; border-radius:60px;}
.contact03 li .inbtn:after{ content:""; display:inline-block; vertical-align:middle; width:20px; height:19px; background:url(../images/ico-jtron.png) no-repeat center; background-size:100%; position:relative;top:-2px; margin-left:10px}
.contact03 li .inbtn:hover{ box-shadow:0 0 20px rgba(0,0,0,.3)}
.contact03 li .radios input{background: none; border: none; outline: none; appearance: none; -webkit-appearance: none; outline: none; display: inline-block; vertical-align: middle; width:23px; height:23px; border: 1px solid #008dff; border-radius: 50%; margin-right:5px; position: relative;top:-2px; cursor:pointer}
.contact03 li .radios input:checked{border: 7px solid #008dff;}
.contact03 li .radios label{ margin-right:20px; cursor:pointer}
.intextarea{ margin-top:25px}

.pagebox{ margin-bottom:40px}
.pagebox img{ display:block; width:100%}

.pagebox .pc{ display:block !important}
.pagebox .m{ display:none !important}

.layui-layer-msg>div{ font-size:18px !important; }

.aboutimgsbox{ position:relative; margin-bottom:45px}
.aboutimgsbox .aboutnext{background-image:url(../images/ico-prev03.png); background-repeat:no-repeat; background-position:center; background-size:100%; width:85px; height:85px; background-color:#b9b9b9; position:absolute; z-index:2; right:10px;top:50%; margin-top:-42px; border-radius:10px; cursor:pointer; transform:rotate(180deg);}
.aboutimgsbox .aboutprev{ background-image:url(../images/ico-prev03.png); background-repeat:no-repeat; background-position:center; background-size:100%; width:85px; height:85px; background-color:#b9b9b9; position:absolute; z-index:2; left:10px;top:50%; margin-top:-42px; border-radius:10px; cursor:pointer}

 
.aboutimgsbox .aboutnext:hover,.aboutimgsbox .aboutprev:hover{ background-color:#008dff;background-image:url(../images/ico-prev03h.png);}
@media(max-width:1480px){ 
.index02 .slick-prev{ margin:0;  left:20px}
.index02 .slick-next{ margin:0;  right:20px; left:auto}

.charge03 .slick-prev{ margin:0;margin-top:-42px; left:-90px}
.charge03 .slick-next{ margin:0; margin-top:-42px;right:-90px; left:auto}

.cooperate03 .slick-prev{ margin:0;margin-top:-42px; left:-90px}
.cooperate03 .slick-next{ margin:0;margin-top:-42px; right:-90px; left:auto}
}
@media(max-width:1420px){ 
.charge03 .slick-prev{  left:-80px}
.charge03 .slick-next{ right:-80px;  }

.cooperate03 .slick-prev{  left:-80px}
.cooperate03 .slick-next{ right:-80px;  } 
}
@media(max-width:1366px){ 
.charge03 .bd{ margin:0 85px}
.cooperate03 .bd{ margin:0 85px}
}
@media(max-width:1220px){ 
.banner .item,.banner{ height:44.16vw}
.banner .slick-dots{ bottom:10px;}
.banner .slick-dots li{ width:60px; height:4px;}
.index01 ul li .num{ font-size:34px}
.index01 ul li .t{ font-size:17px}
.plo h3{ font-size:33.6px}
.plo .line{ width:101px}
.index02 .item{ height:53vw}
.index02 .slick-arrow{ width:58px; height:58px; margin-top:-29px;}
.index03 .bd .video{ height:42vw}
.index04 .bd li h3{ font-size:15px; height:38px}
.index04 .bd li a{ padding:35px 15px}
.index04 .bd li .more span{ font-size:15px}

.nbanner{ height:30vw}
.productlist li{ height:550px}
.productlist li .a{ padding-left:10px; padding-right:10px}
.productlist li .txt h3{ font-size:28px}
.productlist li .txt .tis{ font-size:21px;}
.productlist li .txt .ps{ font-size:15px}
.productlist li .txt .more span{ width:140px; font-size:15px; line-height:42px; height:42px} 
.consult li .ico{ width:35px; height:35px}
.consult li a:after{ width:10px; height:20px;top:1px}
.consult li h3{ font-size:21px}
.caselist li .txt h3{ font-size:25.2px; height:70px;}
.caselist li .txt .more span{width:140px; font-size:15px; line-height:42px; height:42px}
.caselist li .txt .more span:after{    width: 12px; height: 13px;top:-2px}
.caselist li .img{ width:400px; height:250px}
.caselist li .txt{ padding-left:430px}
.nbanner .txt h3{ font-size:39.2px}
.lanmuplo h3{ font-size:28px;}
.lanmuplo .p{ font-size:15px;}
.lanmuplo .line{ width:100px}
.list02 ul li .txt .p{ width:28vw}
.charge03 .bd .item h3{ font-size:19px}
.charge03 .bd .item .p{ font-size:13px; height:46px}

.charge03 .slick-arrow{ width:58px; height:58px; margin-top:-29px;}
.charge03 .as .a{ font-size:17px; height:20px; line-height:20px}
.cooperate02 .bd .d{ font-size:22px;}
.cooperate02 .bd .line{ height:42px}
.cooperate02 .bd li .num span{ font-size:38px;}
.cooperate02 .bd li .num{ font-size:18px}
.cooperate02 .bd li{ height:42px}

.cooperate03 .slick-arrow{ width:58px; height:58px; margin-top:-29px;}
.cooperate03 .item .a h3{ font-size:25px}
.cooperate03 .item .a .p{ font-size:14px}
.cooperate03 .item .a .ico img{ height:78px;}

.newslist li h3{ font-size:16px; height:40px}
.newslist li .more span{ font-size:15px; width:140px;}
.newslist li .more span:after{width: 10px; height: 13px;top:-2px}

.newspagebox .info h1.title{ font-size:22px;}
.newspage .weap{ font-size:15px;}
.newspage .weap a{ font-size:15px}
.prevnext li .t{ font-size:21px}
.prevnext li .p{ font-size:15px}
.prevnext li.prev .t:before{ width:10px; height:17px}
.prevnext li.next .t:after{ width:10px; height:17px}

.list02 ul li .txt h3{ font-size:15px}
.about02 .weap{ font-size:15px}
.about02 .weap a{ font-size:15px}

.about04 .video{ height:55.8vw}
.joinlist li .p{ font-size:15px; height:162px; margin-bottom:35px}
.joinlist li h3{ font-size:22px; height:56px;}

.joinlist li .more span{ font-size:15px}
.contact01 .map{ height:38.75vw}
.contact02 .t{ font-size:22px;}
.contact02{ font-size:17px}
.contact02 a{ font-size:17px}
.contact03 .uiinput{ height:42px; font-size:17px}
.contact03 li{ font-size:17px}
.contact03 li .png img{ height:42px}
.contact03 li .inbtn{ width:140px; height:42px; font-size:17px}
.contact03 li .inbtn:after{ width:14px; height:10px;}
.contact03 .yzmput{ width:130px}
.contact03 textarea{ font-size:17px}
.productlist li .txt .more span:after{ width:10px; height:12px; }
}
@media(max-width:1000px){ 
.joinbox{ padding-top:50px; padding-bottom:50px}
.index01 ul li .num{ font-size:26px}
.index01 ul li .t{ font-size:16px}
.index04 .bd li a .img{ /*height:180px;*/}
.plo h3{ font-size:24px}
.plo{ margin-bottom:20px}
.index02 .slick-arrow{ width:36px; height:36px; margin-top:-18px;}
.index03 .plo{ margin-bottom:25px}

.productlist li .txt h3{ font-size:24px}
.productlist li .txt .tis{ font-size:17px}
.productlist li .txt .ps{ font-size:14px}
.productlist li .txt .more span{ width:120px; height:38px; line-height:38px;}

.caselist li .txt h3{ font-size:18px; height:50px}
.caselist li .txt .more span{ width:120px; height:38px; line-height:38px;}
 
.caselist li .img{ width:350px; height:215px}
.caselist li .txt{ padding-left:370px}

.nbanner .txt h3{ font-size:30px}
.lanmuplo h3{ font-size:24px}
.lanmuplo .p{ margin-top:10px}
.lanmuplo .line{ width:60px; margin-top:30px}
.charge02 .img img{ width:90%; margin:0 auto}

.charge03 .as .a{ font-size:15px}
.cooperate03 .item .a h3{ font-size:20px}
.cooperate03 .item .a .ico img{ height:60px}
.cooperate03 .slick-arrow{ width:36px; height:36px; margin-top:-18px;}
.newslist li a .img{/* height:180px;*/}

.joinlist li h3{ font-size:18px; height:46px;}
.joinlist li .more span{ width:120px; height:38px; line-height:38px; padding:0}
.joinlist li .more span:after{ width:10px; height:12px;}

.charge03 .slick-arrow{ width:36px; height:36px}

.pagebox .pc{ display:none !important}
.pagebox .m{ display:block !important}

.charge03 .bd{ margin:0 35px}
.charge03 .slick-prev{ left:-40px}
.charge03 .slick-next{ right:-40px}

.cooperate03 .bd{ margin:0 35px}
.cooperate03 .slick-prev{ left:-40px}
.cooperate03 .slick-next{ right:-40px}

.aboutimgsbox .aboutprev,.aboutimgsbox .aboutnext{ width:60px; margin-top:-30px; height:60px}
}
@media(max-width:766px){ 
.banner .slick-dots li{ width:30px; height:3px;}
.banner .slick-dots{ bottom:5px;}
.index01 ul li .num{ font-size:19px}
.index01 ul li .t{ font-size:14px}
.index01 ul{ display:block; padding:20px 0; overflow:hidden}
.index01 ul li{ float:left; width:50%; padding:5px 0; border-left:1px solid #000;border-right:1px solid #000; margin:0 -.5px}

.plo{ margin-bottom:15px}
.plo h3{ font-size:22px;}

 
.index02 .slick-arrow{ border-radius:5px;}
.index02 .slick-prev{ left:10px;}
.index02 .slick-next{ right:10px;}
.plo .line{ width:60px; margin-top:20px}
.index03{ padding:30px 0}
.index03 .bd .video{ height:auto}

.index04{ padding-top:40px; padding-bottom:20px}
.index04 .bd li{ width:auto; border-bottom:1px solid #e5e5e5}
.index04 .bd li:last-child{ border-bottom:none}
.index04 .bd li a{ padding:15px}
.index04 .bd li .date{ font-size:14px; margin-bottom:10px}
.index04 .bd li .date:before{ width:10px; height:10px; margin-right:5px}
.index04 .bd li h3{ margin-bottom:20px}
.index04 .bd li a .img{ /*height:45vw;*/ margin-bottom:20px}
.index04 .bd li .more span{ width:120px; font-size:14px; padding:0}
.index04 .bd li .more span:after{ width:10px; height:12px; margin-left:5px}

.productlist li{ height:auto;}
.productlist li .a{ position:static;transform:none; padding:30px 20px}
.productlist li .img{ float:none; width:80%; margin:0 auto; margin-bottom:20px}
.productlist li .txt{ float:none; width:auto; padding-top:0}
.productlist li .txt h3{ font-size:20px; margin-bottom:10px}
.productlist li .txt .tis{ font-size:16px; margin-bottom:15px}
.productlist li .txt .more{ }
.productlist li .txt .more span{ width:120px; font-size:14px; padding:0} 
.productlist li .txt .ps{ margin-bottom:25px}
.productlist li:nth-child(even) .img{ float:none}
.productlist li:nth-child(even) .txt{ float:none;}

.consult li h3{ font-size:16px;}
.consult li .ico{ width:32px; height:32px}
.consult li a:after{ width:9px; height:14px;top:0px; }
.consult li a{ padding:15px 0}
.caselist li a{ padding:20px 10px}
.caselist li .img{ width:auto; float:none; margin-bottom:10px; height:50vw}
.caselist li .txt{ padding:0}
.caselist li .txt .date{ font-size:14px;margin-bottom:10px}
.caselist li .txt .date:before{ width:10px; height:10px; margin-right:5px}
.caselist li .txt h3{ font-size:16px; margin-bottom:15px; height:44px}
.caselist li .txt .more{ text-align:center}
.caselist li .txt .more span{ width:120px; font-size:14px; padding:0}
.caselist li .txt .more span:after{ height:12px; margin-left:5px;top:-1px}

.nbanner .txt h3{ font-size:24px}

.charge01{ padding-top:40px; padding-bottom:20px}
.lanmuplo{ margin-bottom:20px}
.lanmuplo h3{ font-size:22px;}
.lanmuplo .line{ margin-top:20px}
.list02 ul li{ width:100%; margin-bottom:10px}
.list02 ul{ display:block}
.list02 ul li a{ margin:0; height:206px; background-size:cover}
.list02 ul{ margin:0 }
.list02 ul li:hover{ width:100%}
.list02 ul li .txt .p{ width:auto}
.list02 ul li .txt{top:100px; text-align:center}
.list02 ul li:hover .txt{top:25px}
.list02 ul li .txt .line{ margin:0 auto; margin-top:10px}

.charge02{ padding-bottom:40px}
.charge02 .weap{ padding-top:20px; padding-bottom:28vw}

.charge03 .bd .item a{ margin:0 5px; padding:10px 5px; border-radius:10px}
.charge03 .bd .item h3{ font-size:15px; margin-bottom:5px}
.charge03 .bd .item .p{ margin-bottom:10px; font-size:12px}
.charge03 .as{ margin-top:20px}
.charge03 .as .a{ font-size:14px;}
.charge03{ margin-bottom:20px}
.cooperate01{ padding-top:40px; padding-bottom:20px}
.cooperate02{ padding-top:20px; padding-bottom:40px}

.cooperate02 .bd .d{ font-size:16px}
.cooperate02 .bd li .num span{ font-size:20px; margin-right:10px}
.cooperate02 .bd li .num{ font-size:14px; margin-left:10px}
.cooperate02 .bd li{ height:36px; margin-bottom:20px}
.cooperate02 .bd .line{ height:36px;}
.cooperate02 .bd .d{ margin-right:10px}

.cooperate03 .item .a{ margin:0 5px; padding:15px 10px; border-radius:10px}
.cooperate03 .item .a h3{ font-size:15px; margin-bottom:5px; height:34px}
.cooperate03 .item .a .p{ height:63px; font-size:12px; overflow:hidden; margin-bottom:10px;}
.cooperate03 .item .a .ico img{ height:45px}

.newsboxiist{ padding-top:40px; padding-bottom:20px}
.newslist li{ width:auto; border-right:none}
.newslist li a{ padding:15px 10px}
.newslist li .date{ font-size:14px; margin-bottom:10px}
.newslist li .date:before{ width:10px; height:10px; margin-right:5px}
.newslist li h3{ margin-bottom:20px}
.newslist li a .img{ /*height:45vw;*/ margin-bottom:20px}
.newslist li .more span{ width:120px; font-size:14px; padding:0}
.newslist li .more span:after{ margin-left:5px; height:12px;top:-1px}

.newspagebox .info{ padding:20px 0}
.newspagebox .info .date{ font-size:16px}
.newspagebox .info .date:before{ width:15px; height:15px; vertical-align:middle}
.newspagebox .info h1.title{ font-size:20px}
.newspage{ padding-top:20px; padding-bottom:40px}
.prevnext li .t{ font-size:18px}
.prevnext li .p{ font-size:14px; padding:0 10px; margin-top:5px}
.prevnext li a{ padding-top:15px; height:75px}
 

.about01{ padding-top:40px;}
.about04 .video{ height:auto}
.about04{ padding-bottom:40px}
.about05 .bd li{ width:50%; }
.about05 .bd li .a{height:50vw; font-size:0}
.about05 .bd li .a .img img{ max-height:40vw; max-width:80%}
.about05 .bd li:nth-child(4n-4){    border-right: 1px solid #e0e0e0;}
.about05 .bd li:nth-child(2n-2){    border-right:none;}

.joinboxiist .lanmuplo{ padding-left:10px; padding-right:10px}
.joinlist li{ float:none; width:auto}
.joinlist li a{ padding:10px}
.joinlist li .p{ font-size:14px; line-height:1.6; height:132px; margin-bottom:15px}

.joinlist li .more span{ width:120px; font-size:14px; padding:0; text-align:center}
.joinlist li .more span:after{ margin-left:5px}
.joinlist li .more{ text-align:left}
.joinlist li {    border-right:none !important;}

.contact03 li.w33{ width:auto; margin-right:0}
.contact03 li.w33.mr0{ width:auto}
.contact03 li{ float:none; font-size:15px; margin-bottom:10px}
.contact03 .uiinput{ font-size:15px; height:36px; padding:0 10px}
.contact03 li .radios label{ margin-right:5px; font-size:14px}
.contact03 li .radios input{ width:15px; height:15px; margin-right:5px}
.contact03 li .radios input:checked{border:5px solid #008dff;}
.contact03 textarea{ padding:10px; height:180px; font-size:15px;}


.contactpage{ padding-top:40px;}
.contact01 .map{ height:60vw}
.contact02 .t{ font-size:20px}
.contact02{ font-size:15px}
.contact02  span{ display:block}
.contact03 .yzmput{ width:80px;}
.contact03 li .png img{ height:36px}
.contact03 li .png{ margin-left:10px}
.contact03 li .yzm{ font-size:13px; display:none}
.contact03 li .yzm i{ width:20px; height:20px; margin-right:0}
.contact03 li .inbtn{ width:100%}
.contact03 li:last-child{ margin-top:30px}
#lxwm{ height:40px;}

.index01{ display:none}
.mindex01{ display:block; overflow:hidden; margin-bottom:20px }
.mindex01 ul{ position:relative; bottom:-1px;padding-top:20px}
.mindex01 li{ padding-left:8vw; padding-bottom:10px; float:left; width:50%; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5}
.mindex01 li:nth-child(even){ border-right:none}
.mindex01 li .num{ font-weight:bold; display:inline-block; position:relative}
.mindex01 li .num i{ display:block; position:absolute; z-index:2;top:0; right:-10px;}
.mindex01 li .num em{font-weight:bold; display:block; position:absolute; z-index:2; right:-30px; bottom:4px; width:28px;}
.mindex01 li .num span{ font-size:42px; color:#008dff; line-height:1.1}
.mindex01 li:nth-child(3),.mindex01 li:nth-child(4){ padding-top:10px; padding-bottom:0}
.mindex01 li .t{ font-size:16px; line-height:1.1}

.mabout03 ul{ padding-top:0;}
.mabout03{ margin-bottom:40px; margin-top:15px}

.caselist li .txt .p{ font-size:14px; margin-bottom:20px; height:44px;}

 
.aboutimgsbox .aboutprev,.aboutimgsbox .aboutnext{ width:32px; margin-top:-16px; height:32px; border-radius:5px}
}
@media(max-width:640px){ 
.productlist li .txt h3{ font-size:5.8vw}
.productlist li .txt .tis{ font-size:4.4vw}

.consult li{ float:none; width:auto}
.consult li:nth-child(1){ border-bottom:1px solid #e4e4e4}
}
@media(max-width:372px){ 
.productlist li .txt h3{ font-size:6.1vw}
.productlist li .txt .tis{ font-size:4.6vw}
}

.layui-unselect{ display:none !important}