@charset "utf-8"; 
.main{ overflow:hidden; width:100%}
/*banner*/
.banner{ position:relative; z-index:1}
.banner .item{ height:27vw; background-repeat:no-repeat; background-position:center; background-size:cover} 
.banner .item a{ display:block; width:100%; height:100%}
.banner .owl-dots{ text-align:center; position:absolute; z-index:1; bottom:10px; left:0; right:0;}
.banner .owl-dot{ display:inline-block; width:42px; height:5px; margin:0 5px; background-color:#fff}
.banner .owl-dot.active{ background-color:#0da945} 

.plo{ margin-bottom:55px; text-align:center; margin-bottom:75px}
.plo h3{ font-size:40px; line-height:1.2}
.plo .line{ height:1px; background-color:#aaaaaa; width:175px; margin:0 auto; position:relative; margin-top:25px; margin-bottom:25px;} 
.plo .line:after{ content:""; display:block; width:60px; height:5px; background-color:#0da945; position:absolute; z-index:2; left:50%; margin-left:-30px; bottom:-2px;}
.plo p{ font-size:16px; }

.bannerbox{ position:relative}
.bnav{ position:absolute; z-index:2;top:0; bottom:0; width:240px; left:50%; background-color:rgba(49,49,49,.86); margin-left:-600px}
.bnav li{ border-bottom:1px solid #404040}
.bnav li a{ color:#fff; display:block; line-height:50px; padding:0 30px; font-size:16px; position:relative}
.bnav li a:after{ content:">"; font-family:"宋体"; position:absolute; z-index:2; right:35px; display:block;top:0; font-weight:bold}

.serviceindex{ padding-top:40px; padding-bottom:100px;}
.serviceindex .plo{ margin-bottom:25px}
.serviceindex .hd{ text-align:center; max-width:750px; margin:0 auto; margin-bottom:90px; border:1px solid #efefef; border-radius:60px; box-shadow:0 0 3px rgba(0,0,0,.1)}
.serviceindex .hd li{ display:inline-block; vertical-align:middle; margin:0 5%;}
.serviceindex .hd li a{ display:block; height:55px; line-height:55px; font-size:18px; position:relative;}
.serviceindex .hd li.on a:after{ content:""; display:block; position:absolute; z-index:1; bottom:0;left:0; right:0; height:2px;background:#25b532} 
.serviceindex .hd li i{ display:inline-block; width:22px; height:22px; background-position:0 0; vertical-align:middle; margin-right:8px; background-size:22px;}
.serviceindex .hd li .ico-a01{ background-image:url(../images/ico-a01.png)}
.serviceindex .hd li .ico-a02{ background-image:url(../images/ico-a02.png)}
.serviceindex .hd li .ico-a03{ background-image:url(../images/ico-a03.png)}
.serviceindex .hd li .ico-a04{ background-image:url(../images/ico-a04.png)}
.serviceindex .hd li.on a{ color:#03a03f}
.serviceindex .hd li.on i{background-position:0 -23px;}
.serviceindex .conn .ms{ width:49%; float:left;}
.serviceindex .conn .img{ width:48.7%; float:right; overflow:hidden}
.serviceindex .conn .img img{ width:100%}
.serviceindex .conn .ms h3{ font-size:30px; font-weight:normal; margin-bottom:20px; line-height:1.3}
.serviceindex .conn .ms h3 span{ color:#e0e0e0; margin-left:10px; font-size:28px; display:inline-block}
.serviceindex .conn .ms .conn{ font-size:16px;  height:110px; margin-bottom:20px; overflow:hidden; }
.serviceindex .conn .more a{ display:inline-block; width:160px; height:48px; line-height:48px; border:1px solid #01923e; color:#fff; background-color:#01923e; text-align:center; border-radius:50px;}
.serviceindex .conn .more a:hover{ background-color:#fff; color:#01923e}

.productseries{ padding-top:50px;} 
.productseries .bd a{ display:block; border:1px solid #f0f0f0}
.productseries .bd .img{ overflow:hidden; position:relative}
.productseries .bd a:hover .img:after{ content:""; display:block; position:absolute; z-index:1; left:0; right:0; bottom:0;top:0; background:rgba(0,0,0,.5) url(../images/ico-jia.png) no-repeat center; background-size:15%;}
.productseries .bd .txt{ padding:20px 30px; padding-bottom:39px; background-color:#e8e8e8; } 
.productseries .bd h3{ font-size:18px; position:relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:10px;}
.productseries .bd a:hover .txt{ background-color:#88b829; color:#fff; }
.productseries .bd .txt .ms{ font-size:14px;height:50px; overflow:hidden}

.productseries .owl-prev,.productseries .owl-next{ display:block; position:absolute; z-index:1; width:50px; height:50px; border-radius:50%; border:1px solid #88b829; background-repeat:no-repeat; background-position:center; background-size:31%;  overflow:hidden; text-indent:-99px; position:absolute; z-index:1;top:50%; margin-top:-25px;}
.productseries .owl-prev{ left:-60px; background-image:url(../images/owl-prev.png)}
.productseries .owl-next{ right:-60px; background-image:url(../images/owl-next.png)}

.aboutindex .bd{ background-color:#01923e; overflow:hidden; padding-left:46.6%; position:relative; color:#fff; padding-top:50px; padding-bottom:45px; padding-right:2.5%}
.aboutindex .bd .img{ float:left; height:100%; width:44%; position:absolute; z-index:1; left:0;top:0; bottom:0; background-repeat:no-repeat; background-position:center; background-size:cover}
.aboutindex .bd .eng{ color:#7fbf34; font-size:36px; font-weight:bold; text-transform:uppercase}
.aboutindex .bd h3{ font-size:28px; font-weight:normal; margin-bottom:10px}
.aboutindex .bd .conn{ text-align:justify; font-size:18px; margin-bottom:30px}
.aboutindex .bd .conn p{ text-indent:32px;}
.aboutindex .bd .more a{ display:inline-block; width:120px; height:38px; border:1px solid #fff; border-radius:40px; background:url(../images/ico-jt.png) no-repeat 45px center;}
.aboutindex .bd .more a:hover{ background:url(../images/ico-jt.png) no-repeat 55px center;}

.newsindex{ padding-top:50px; padding-bottom:80px;}
.newsindex .hotnews{ float:left; width:46.66%}
.newsindex .hotnews .img{ overflow:hidden; margin-bottom:5px}
.newsindex .hotnews .img img{ width:100%}
.newsindex .hotnews h3{ font-size:22px; font-weight:normal;    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsindex .hotnews .ms{ margin-bottom:15px; height:56px; overflow:hidden; color:#999}
.newsindex .hotnews .more span{ border:1px solid #01923e; display:inline-block; width:170px; height:35px; line-height:35px; background-color:#01923e; color:#fff; text-align:center}
.newsindex .hotnews .more span:hover{ background-color:#fff; color:#01923e}
.newsindex ul{ float:right; width:52%}
.newsindex ul h3{ font-size:18px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsindex ul li{ border-bottom:1px solid #e5e5e5; padding-bottom:29px; margin-bottom:29px; margin-top:-10px}
.newsindex ul a{ display:block;  position:relative; padding-left:88px;}
.newsindex ul .date{ display:block; position:absolute; z-index:1; left:0;top:0px; width:88px; text-align:center; line-height:1.2}
.newsindex ul .date span{ display:block; }
.newsindex ul .date .d{ font-size:50px; color:#aaaaaa}
.newsindex ul .date .y{ color:#666}
.newsindex ul .ms{ color:#999;height:56px; overflow:hidden;}

/*关于我们*/
.mainlanmu{ min-height:400px; padding:60px 0}
.nbanner{ height:350px; background-repeat:no-repeat; background-position:center; background-size:cover; color:#fff} 
.nbanner .weap{ padding-top:5%; line-height:1.5}
.nbanner .title{ font-size:46px; font-weight:bold; text-align:center; text-shadow:0 0 5px rgba(0,0,0,.5) }
.nbanner .line{ height:5px ; width:38px; background-color:#fff}
.nbanner .eng{ font-size:24px;}
.pathbar{ background-color:rgba(0,0,0,.7); height:60px; line-height:60px; margin-top:-60px;}
.pathbar .path{ float:right; font-size:14px; color:#fff}
.pathbar .path a{ font-size:14px; color:#fff}
.pathbar .classify{ float:left;}
.pathbar .classify li{ float:left;}
.pathbar .classify li a{ display:block; padding:0 35px;text-align:center; color:#fff; font-size:16px}
.pathbar .classify li a:hover,.pathbar .classify li.on a{ background-color:#1077d4; color:#fff}

.pagesconn{  overflow:hidden; line-height:2;  }
.pagesconn img{ max-width:100%; height:auto !important}
.pagesconn .title{ font-size:32px; color:#00933d; font-weight:normal}
.pagesconn .eng{ font-size:28px; text-transform:uppercase; margin-bottom:10px;}

/*产业*/ 
.industrylist li{ overflow:hidden; margin-bottom:40px; background-color:#f7f7f7; position:relative; padding-right:49.5%}
.industrylist .img{ position:absolute; z-index:1; right:0;top:0; bottom:0; width:49.5%}
.industrylist .img a{ display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover}
.industrylist .txt{ padding:30px}
.industrylist .txt h3{ margin-bottom:10px}
.industrylist .txt h3 a{ font-size:30px; color:#1e9d50}
.industrylist .txt .ms{ font-size:14px; line-height:2.2; margin-bottom:15px} 
.industrylist .txt .more a{ display:inline-block; border:1px solid #1e9d50; background-color:#1e9d50; color:#fff; text-align:center; font-size:14px; width:135px; height:40px; line-height:40px}
.industrylist .txt .more a:hover{ background-color:#fff; color:#1e9d50}

/*产品*/ 
.productlist ul{ margin-left:-1%; margin-right:-1%}
.productlist li{ float:left; width:31.33%; margin:0 1%; margin-bottom:25px;}
.productlist li a{ display:block}
.productlist li .img{ overflow:hidden; position:relative;}
.productlist li .img img{ width:100%}
.productlist li .txt{ background-color:#e8e8e8; padding:20px 30px;}
.productlist li .txt h3{overflow: hidden; font-size:16px; white-space: nowrap;text-overflow: ellipsis;}
.productlist li .txt .ms{ font-size:14px; height:50px; overflow:hidden}
.productlist li a:hover .txt{ color:#fff; background-color:#0da945}
.productlist li a:hover .img:after{ content:""; display:block; position:absolute; z-index:1; left:0; right:0; bottom:0;top:0; background:rgba(0,0,0,.5) url(../images/ico-jia.png) no-repeat center; background-size:15%;}

/*新闻*/
.newslist li{ margin-bottom:40px;}
.newslist li a{ display:block; position:relative; padding-left:275px;}
.newslist li .img{ position:absolute; z-index:1; left:0;top:0; width:260px; height:145px; overflow:hidden;}
.newslist li .img img{ width:100%}
.newslist li .txt{ height:145px; border-bottom:1px solid #e8e8e8; padding-left:118px; position:relative}
.newslist li .txt .date{ position:absolute; z-index:1; left:0;top:0; text-align:center; width:88px; line-height:1.5; border-right:1px solid #e8e8e8; padding-bottom:15px;}
.newslist li .txt .date span{ display:block; color:#666}
.newslist li .txt .date .d{ font-size:45px; color:#333}
.newslist li .txt h3{overflow: hidden; white-space: nowrap;text-overflow: ellipsis; margin-bottom:10px;}
.newslist li .txt .ms{ font-size:14px; height:50px; overflow:hidden; color:#666}

/*新闻详情*/
.newspages .title{ color:#333; text-align:center; font-size:24px; font-weight:normal; line-height:1.5; margin-bottom:15px;}
.newspages .info{ text-align:center; font-size:14px; border-bottom:1px dashed #dbdbdb; padding-bottom:10px; margin-bottom:20px}
.newspages .info a{ font-size:14px;}
.newspages .info span{ margin:0 10px}
.newspages .conn{ overflow:hidden}
.newspages .conn img{ max-width:100%; height:auto !important}
.nextpages { margin-top:30px; padding-top:50px; border-top:1px dashed #dbdbdb;}
.nextpages ul{ overflow:hidden}
.nextpages ul li{ width:48%; margin:0 1%; float:left}
.nextpages ul li a{ display:block; text-align:center; border:1px solid #d2d2d2; height:40px; line-height:40px; border-radius:50px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; padding:0 10px }
.nextpages ul li a:hover{ background-color:#4eb540; color:#fff}
/*专家*/
.expertlist li{ overflow:hidden; min-height:270px; position:relative; margin-bottom:55px}
.expertlist li a{ color:#666}
.expertlist li:nth-child(odd){ padding-left:315px;}
.expertlist li:nth-child(odd) .img{ left:0}
.expertlist li:nth-child(even){ padding-right:315px;}
.expertlist li:nth-child(even) .img{ right:0}
.expertlist li .img{ width:270px; height:270px; border-radius:50%; overflow:hidden; position:absolute;top:0;}
.expertlist li .img img{ width:100%; display:block}
.expertlist li .txt{ padding-top:20px;}
.expertlist li .title{ margin-bottom:20px;}
.expertlist li .title h3{ display:inline; font-size:18px; font-weight:normal}
.expertlist li .title span{ font-size:14px; margin-left:20px; color:#999}
.expertlist li .ms{ font-size:14px; line-height:2}

.index01{ padding:75px 0}
.index01 .bd ul{ font-size:0}
.index01 .bd li{ display:inline-block; vertical-align:top; width:33.33%; text-align:center}
.index01 .bd li h3{ font-size:22px; line-height:1.4; margin-top:20px; font-weight:normal;}
.index01 .bd li img{ width:160px; max-width:80%;}

.index02{ background-color:#eff1f4; padding:75px 0}
.index02 .bd{ position:relative}
.index02 .img{ text-align:center}
.index02 .img img{ max-width:100%}
.index02 .bd li{ position:absolute; z-index:2; width:360px;}
.index02 .bd .a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index02 .bd .a .num{ color:#3991f5; font-size:60px; font-weight:bold; font-family:Impact; line-height:1.1; margin-right:10px}
.index02 .bd .a .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.index02 .bd .a .txt h3{ font-size:24px; font-weight:normal }
.index02 .bd .a .txt .p{ color:#666; line-height:1.6}
.index02 .bd li:nth-child(1){ left:0;top:30px}
.index02 .bd li:nth-child(2){ left:0;top:160px; width:310px}
.index02 .bd li:nth-child(3){ left:0;top:315px}
.index02 .bd li:nth-child(4){ right:0;top:120px; width:330px}
.index02 .bd li:nth-child(5){ right:35px;top:290px}

.owl-prev{ position:absolute; z-index:2; width:44px; height:44px; position:absolute; z-index:2; left:-55px;top:50%; margin-top:-22px; overflow:hidden; text-indent:-999px; background:url(../images/ico-prev.png) no-repeat center; background-size:100%; opacity:.6}
.owl-next{ position:absolute; z-index:2; width:44px; height:44px; position:absolute; z-index:2; right:-55px;top:50%; margin-top:-22px;overflow:hidden; text-indent:-999px; background:url(../images/ico-next.png) no-repeat center; background-size:100%; opacity:.6}
.owl-prev:hover{ opacity:1}
.owl-next:hover{ opacity:1}

.index03{ padding:75px 0;}
.index03 a{ display:block; position:relative}
.index03 .img{ overflow:hidden; height:328px;}
.index03 .img img{ display:block; width:100%; height:100%;object-fit: cover;}
a:hover .img img{ transform:scale(1.1)}
.img img{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index03 a .txt{ position:absolute; z-index:2; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.7); color:#fff; padding:10px; text-align:center; opacity:1;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index03 a .txt h3{ font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index03 a .txt .p{ display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.index03 a .poptxt{ position:absolute; z-index:3; left:0; right:0; bottom:0; background-color:#3991f5; color:#fff; padding:10px 20px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:9; font-size:15px; opacity:0;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index03 a:hover .txt{ opacity:0}
.index03 a:hover .poptxt{ opacity:1}

.mores{ text-align:center; margin-top:65px;}
.mores a{ display:inline-block; width:140px; height:40px; line-height:40px; background-color:#0da945; color:#fff; border-radius:40px;}
.mores a:after{ content:""; display:inline-block; width:16px; height:16px; background:url(../images/ico-jtright.png) no-repeat center; background-size:auto 100%; vertical-align:middle; margin-left:10px}
.mores a:hover{ background-color:#016dc3}

.index04{ padding-bottom:75px}
.plo .p{ font-size:36px; margin-top:10px}
.index04 .bd ul{ margin:0 -12px}
.index04 .bd li{ float:left; width:25%;}
.index04 .bd li a{ display:block; margin:0 12px;}
.index04 .bd li .img{ height:188px; overflow:hidden}
.index04 .bd li .img img{ display:block; width:100%; height:100%;object-fit: cover;}
.index04 .bd li h3{ font-size:16px; background-color:#eeeeee; line-height:46px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding:0 10px; font-weight:normal; text-align:center}

.index05{ background:url(../images/index05bg.jpg) no-repeat center; background-size:auto 100%; padding:65px 0; height:auto; padding-bottom:95px}
.index05 .plo{ margin-bottom:46px}
.index05 .bd img{ max-width:100%}

.index06{ padding:75px 0}
.index06 .a{ margin-bottom:20px}
.index06 .a a{ display:block}
.index06 .a .img{ overflow:hidden; height:210px;}
.index06 .a .img img{ display:block; width:100%; height:100%;object-fit: cover;}

.index07{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:url(../images/index07bg.png) no-repeat center bottom; margin-bottom:75px; background-size:cover}
.index07>div{ width:50%}
.index07 .txt{ width:600px; float:right; padding-right:60px}
.index07 .txt .title{ font-size:38px; margin-bottom:25px}
.index07 .txt .title:after{ content:""; display:block; width:30px; height:4px; background-color:#0da945; margin-top:10px}
.index07 .img{ overflow:hidden; position:relative}
.index07 .img .pay{ display:block; width:91px; height:91px; background:url(../images/ico-pay.png) no-repeat center; background-size:100%; position:absolute; z-index:3; left:50%;top:50%; margin-left:-45px; margin-top:-45px; cursor:pointer}
.index07 .img img{ display:block; width:100%}
.index07 .img:hover img{ transform:scale(1.1)}
.index07 .txt .mores{ text-align:left;}
.index07 .txt .mores a{ text-align:center}

.index08{ padding-bottom:75px;}
.index08 .item a{ display:block; padding:10px; font-size:0; height:208px; border:1px solid #d5d5d5; text-align:center; line-height:188px; position:relative}
.index08 .item img{ max-width:100%; max-height:100%; display:inline !important}
.index08 .item .txtpop{ position:absolute; z-index:2; left:0; right:0;top:0; bottom:0; background-color:rgba(0,0,0,.7); color:#fff; line-height:1.6; font-size:16px; font-weight:normal; padding:10px; padding-top:60px; opacity:0}
.index08 .item a:hover .txtpop{ opacity:1}
.index08 .item .txtpop h3{ font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index08 .item .txtpop .arrow{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; width:43px; height:43px; background:url(../images/ico-arrowleft.png) no-repeat center; background-size:100%; margin:0 auto; margin-top:10px; position:relative;top:30px;}
.index08 .item a:hover .txtpop .arrow{top:0;}

.index09{ padding-bottom:75px;}
.index09 .item a{ display:block}
.index09 .item .img{ overflow:hidden; height:235px; margin-bottom:25px;}
.index09 .item .img img{ display:block; width:100%; height:100%;object-fit: cover;}
.index09 .item .txt h3{ font-size:18px; font-weight:bold; margin-bottom:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index09 .item .txt .p{ color:#666; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;   margin-bottom:15px}
.index09 .item .info{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; line-height:1.1;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;padding-top:15px;border-top:1px solid #eee;}
.index09 .item .info .times{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;color:#858585}
.index09 .item .info .date{ font-size:28px; }
.index09 .item .info .jt{ width:34px; height:34px; background-color:#f7f7f7; border:1px solid #d3d3d3; border-radius:50%; background-image:url(../images/icon_06.png); background-repeat:no-repeat; background-position:center;    animation: xia 1s linear infinite; -webkit-animation: xia 1s linear infinite;-webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms; background-size:40%}
.index09 .item a:hover .info .jt{  background-color:#0da945; background-image:url(../images/icon_06h.png);}	

.plo02{ text-align:center; margin-bottom:65px}
.plo02 h3{ font-size:36px; color:#333}
.plo02 .line{ width:68px; height:3px; background-color:#0da945; margin:0 auto}

.aboutx01{ overflow:hidden}
.aboutx01 .imgs{ float:right; margin-left:10px; margin-bottom:10px; cursor:pointer}
.aboutx01 .imgs img{ max-width:585px; width:100%; border-radius:10px; display:block}
.aboutx01 img{ max-width:100%; height:auto !important}

.contact01{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:40px}
.contact01>div{ width:50%;}
.contact01 .contact01left{ padding-right:10px}
.contact01 .contact01left h3{ color:#0da945; font-size:22px; margin-bottom:15px}
.contact01 .contact01left .line{ width:40px; height:1px; background-color:#0da945; margin-bottom:15px}
.contact01 .contact01left li{ padding-left:30px; background-repeat:no-repeat; background-position:left 5px ;}
.contact01 .contact01left .li1{ background-image:url(../images/ico-adder.png); background-size:18px;}
.contact01 .contact01left .li2{ background-image:url(../images/ico-tel.png); background-size:20px;}
.contact01 .contact01left .li3{ background-image:url(../images/ico-email.png); background-size:24px;}
.contact01 .contact01right{ border-left:1px solid #cdcdcd}
.contact01 .contact01right ul{ text-align:center}
.contact01 .contact01right li{ display:inline-block; vertical-align:top; text-align:center; margin:0 25px;}
.contact01 .contact01right li .img{ border:1px solid #cbcbcb; padding:5px; width:122px; margin-bottom:5px}
.contact01 .contact01right li .img img{ display:block; width:100%}
.contact01 .contact01right li .p{ font-size:14px}

.contact02{ margin-bottom:60px;}
.contact02 .map{ height:400px}
.contact03 .hd{ margin-bottom:55px;}
.contact03 .hd h3{ text-align:center; font-size:30px; font-weight:normal}

.contact03 li{ width:30.33%; margin:0 1.5%; float:left; position:relative; margin-bottom:20px}
.contact03 ul{ margin:0 -1.5%}
.contact03 li .input{ width:100%; height:55px; background-color:#f0f0f0; border:none; padding-left:60px; padding-right:10px;-webkit-box-sizing: border-box; box-sizing: border-box;}
.contact03 li i{ display:block; position:absolute; z-index:2; left:20px;top:0; line-height:55px;}
.contact03 li textarea{ width:100%; height:145px;background-color:#f0f0f0; border:none; padding:10px;-webkit-box-sizing: border-box; box-sizing: border-box;resize: none;}
.contact03 li.w100{ width:97%}
.contact03 li.libtn{ text-align:center; margin-top:30px}
.contact03 li .inbtn{ width:275px; height:52px; background-color:#fff; border:1px solid #d5d6e3; cursor:pointer; color:#0da945}
.contact03 li .inbtn:hover{ background-color:#0da945; color:#fff;border:1px solid #0da945;}

/*业务*/ 
.businesslist li{ margin-bottom:50px;}
.businesslist li:nth-child(odd) { background-color:#f4f4f4}
.businesslist li a{ display:block; overflow:hidden}
.businesslist li .img{ width:54.1%; overflow:hidden}
.businesslist li .img img{ display:block; width:100%}
.businesslist li:nth-child(odd) .img{ float:left}
.businesslist li:nth-child(even) .img{ float:right}
.businesslist li .txt{ width:40.8%; padding-top:66px;}
.businesslist li:nth-child(odd) .txt{ float:right}
.businesslist li:nth-child(even) .txt{ float:left}
.businesslist li .txt h3{ font-size:24px; position:relative; margin-bottom:35px}
.businesslist li .txt i{ display:block; color:#e4e4e4; font-family:Arial, Helvetica, sans-serif; font-size:60px; font-weight:normal; line-height:1.1; position:absolute; z-index:1; left:240px;top:50%; transform:translateY(-50%)}
.businesslist li .txt i:before{ content:""; display:inline-block; vertical-align:middle; height:2px; background-color:#e7e7e7; width:90px; vertical-align:middle; margin-right:25px}
.businesslist li .txt .p{ line-height:2; margin-bottom:35px; color:#333}
.businesslist li .txt .more span{ display:inline-block; width:170px; text-align:center; line-height:38px; height:38px; background-color:#0177d8; color:#fff; border-radius:38px; font-size:14px;}
.businesslist li .txt .more span:after{ content:""; display:inline-block; vertical-align:middle; width:17px; height:12px; background:url(../images/icon_06h.png) no-repeat center; background-size:100%; margin-left:5px}
.businesslist li .txt .more span:hover{background-color:#038cfd;}
.businesslist li .txt{ font-size:20px;}
.businesslist li .txt span{ display:block}
.businesslist li .txt em{ color:#fea227; font-size:30px; font-weight:bold; line-height:1.2}

.applist li{ float:left; width:33.33%; margin-bottom:20px;}
.applist li a{ display:block; background-color:#f4f4f6; margin: 0 10px; text-align:center; padding:20px 10px;}
.applist li .img{ margin-bottom:10px}
.applist li .img img{ width:158px; max-width:100%;}
.applist li .p{ border-top:1px solid #dcdcdc; color:#999; font-size:16px; padding-top:10px; height:95px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.applist li .txt h3{ font-size:20px; margin-bottom:10px}

.aboutmain{ padding-top:0}
.aboutpage01{ padding:75px 0}
.aboutpage01 .conn{ overflow:hidden; margin-bottom:20px; font-size:15px;}
.aboutpage01 .conn img{ max-width:100%; height:auto !important}
 
.aboutpage02{ padding:75px 0}
.aboutpage02 li{ float:left; width:25%; margin-bottom:30px;}
.aboutpage02 li a{ display:block; position:relative; margin:0 15px;}
.aboutpage02 li .img{ overflow:hidden; height:328px;}
.aboutpage02 li .img img{ display:block; width:100%; height:100%;object-fit: cover;}
.aboutpage02 li a .txt{ position:absolute; z-index:2; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.7); color:#fff; padding:10px; text-align:center; opacity:1;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.aboutpage02 li a .txt h3{ font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.aboutpage02 li a .txt .p{ display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; font-size:15px;}
.aboutpage02 li a .poptxt{ position:absolute; z-index:3; left:0; right:0; bottom:0; background-color:#0da945; color:#fff; padding:10px 20px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 9; font-size:15px; opacity:0;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.aboutpage02 li a:hover .txt{ opacity:0}
.aboutpage02 li a:hover .poptxt{ opacity:1}

.aboutpage03{ padding:75px 0}
.aboutpage03 .item a{ display:block; padding:10px; font-size:0; height:208px; border:1px solid #d5d5d5; text-align:center; line-height:188px; position:relative}
.aboutpage03 .item img{ max-width:100%; max-height:100%; display:inline !important}
.aboutpage03 .item .txtpop{ position:absolute; z-index:2; left:0; right:0;top:0; bottom:0; background-color:rgba(0,0,0,.7); color:#fff; line-height:1.6; font-size:16px; font-weight:normal; padding:10px; padding-top:60px; opacity:0}
.aboutpage03 .item a:hover .txtpop{ opacity:1}
.aboutpage03 .item .txtpop h3{ font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.aboutpage03 .item .txtpop .arrow{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; width:43px; height:43px; background:url(../images/ico-arrowleft.png) no-repeat center; background-size:100%; margin:0 auto; margin-top:10px; position:relative;top:30px;}
.aboutpage03 .item a:hover .txtpop .arrow{top:0;}

.nbanner .a{ display:block; width:100%; height:100%}
.nbanner.n05{ height:509px;}

.joinmain{ padding-top:0}
.join01{ padding:75px 0; background-color:#f0f5f8}
.join01 li{ overflow:hidden; background-color:#fff}
.join01 li>div{ width:50%; float:left}
.join01 li:nth-child(even) .img{ float:right}
.join01 li .img{ overflow:hidden}
.join01 li .img img{ display:block; width:100%; height:100%}
.join01 li .txt{ padding:45px;}
.join01 li .txt h3{ font-size:32px; font-weight:normal; margin-bottom:20px}
.join01 li .txt .p{ font-size:16px; color:#666; padding-left:25px; background:url(../images/ico-g.png) no-repeat left 10px;}
.join01 em{ font-weight:bold; color:#f65b2d}

.join02{ padding:75px 0}
.join02 .bd{ padding:136px 0; position:relative;}
.join02 .bd ul{ height:210px; background:url(../images/join02bg.png) no-repeat center right; }
.join02 .bd ul:before{ content:""; display:block; width:39px; height:32px; background:url(../images/ico-jtrifht.png) no-repeat center; background-size:100%; position:absolute; z-index:2; left:5px; bottom:120px}
.join02 .bd ul li{ text-align:center; width:16.66%; position:absolute;top:0; height:136px;}
.join02 .bd ul li:before{ content:""; display:block; width:12px; height:12px; background-color:#3fa3fc; position:absolute; z-index:2; border-radius:50%; bottom:-6px; left:50%; margin-left:-6px;}
.join02 .bd ul li:nth-child(n+7):before{top:-6.5px; bottom:auto}
.join02 .bd ul li:nth-child(1){ left:0}
.join02 .bd ul li:nth-child(2){ left:16.66%}
.join02 .bd ul li:nth-child(3){ left:33.32%}
.join02 .bd ul li:nth-child(4){ left:49.98%}
.join02 .bd ul li:nth-child(5){ left:66.64%}
.join02 .bd ul li:nth-child(6){ left:83.3%}
.join02 .bd ul li:nth-child(n+7){ bottom:0;top:auto; padding-top:32px}
.join02 .bd ul li:nth-child(7){right:83.3%}
.join02 .bd ul li:nth-child(8){right:66.64%}
.join02 .bd ul li:nth-child(9){right:49.98%}
.join02 .bd ul li:nth-child(10){right:33.32%}
.join02 .bd ul li:nth-child(11){right:16.66%}
.join02 .bd ul li:nth-child(12){right:0}
.join02 .bd ul li h3{ font-size:18px; font-weight:normal; position:absolute; left:0; right:0;}
.join02 .bd ul li h3{ bottom:-50px}
.join02 .bd ul li:nth-child(n+7) h3{ bottom:auto;top:-50px}
.join02 .bd ul li .ico{ width:104px; height:104px; margin:0 auto; background-color:#0da945; border-radius:50%; position:relative; position:relative}
.join02 .bd ul li .ico img{ width:100%;}
.join02 .bd ul li .ico:before{ content:""; display:block; width:15px; height:17px; position:absolute; z-index:3; background:url(../images/ico-djt.png) no-repeat center; background-size:100%; left:50%; margin-left:-7.5px; bottom:-16px;}
.join02 .bd ul li:nth-child(n+7) .ico:before{ bottom:auto;top:-16px;background:url(../images/ico-djtup.png) no-repeat center; }

.join03{ background:url(../images/join03bg.jpg) no-repeat center; background-size:cover; padding:75px 0; }
.join03 .plo h3{ color:#fff}
.join03 li{ float:left; width:33.33%; margin-bottom:30px}
.join03 li .a{ margin:0 15px; background-color:#f1f1f1; padding:25px; border-radius:10px;}
.join03 li .a h3{ font-size:26px; font-weight:normal; margin-bottom:10px}
.join03 li .a .p{ height:77px; color:#999; font-size:15px; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:3;}

.join04 .tis{ text-align:center; font-size:36px; font-weight:bold; margin-top:30px}
.join04 .tis a{ font-size:48px; color:#ff5c19}
.join02 .bd ul li i{ display:none}

.appmain{ padding-bottom:0}
.app02{ background:url(../images/app02bg.jpg) no-repeat center; background-size:cover; color:#fff; margin-top:70px}
.app02 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; height:200px; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.app02 .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; padding-right:30px}
.app02 .txt h3{ font-size:26px;}
.app02 .txt .p{ font-size:16px; margin-top:15px}
.app02 .more a{ display:inline-block; height:40px; line-height:38px; border:1px solid #fff; background-color:rgba(255,255,255,.2); padding:0 20px; color:#fff}
.app02 .more a:hover{ background-color:#fff; color:#333}
.app02 .more a i{ margin-left:60px; font-size:10px}

.xplo{ margin-bottom:30px; overflow:hidden}
.xplo .more{ float:right}
.xplo .more a{ font-size:16px;}
.xplo h3{ font-size:24px; line-height:1.1; float:left}
.xindex01{ padding:50px 0}
.xindex01 .item h3{ font-size:16px; font-weight:normal; line-height:1.6;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-bottom:10px; height:50px;}
.xindex01 .item a{ display:block}
.xindex01 .item .img{ overflow:hidden; height:160px;margin-bottom:10px}
.xindex01 .item .img img{ display:block; width:100%; height:100%;object-fit: cover;}
.xindex01 .item .p{ color:#969696; margin-bottom:10px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height:50px;}
.xindex01 .item .info{ color:#969696;}
.xindex01 .item .info span{ margin-right:15px; display:inline-block;}
.xindex01 .item .info .nums{ background:url(../images/ico-nums.png) no-repeat center left; background-size:16px; padding-left:20px}
.xindex01 .item .info .date{ background:url(../images/ico-date.png) no-repeat center left; background-size:16px; padding-left:20px}

.xindex02{ padding:50px 0; background-color:#f5f6f9; padding-bottom:25px}
.xindex02 ul{ margin:0 -10px}
.xindex02 li{ float:left; width:25%; margin-bottom:25px}
.xindex02 li a{ display:block; margin:0 10px; background-color:#fff; border-radius:5px; overflow:hidden; box-shadow:0 0 5px rgba(0,0,0,.2)}
.xindex02 li .img{ height:205px; overflow:hidden}
.xindex02 li .img  img{ display:block; width:100%; height:100%;object-fit: cover;}
.xindex02 li .txt{ padding:10px 15px; padding-bottom:20px}
.xindex02 li .txt h3{ font-size:16px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:10px}
.xindex02 li .txt .info{ color:#999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.xindex03{ padding:50px 0; }
.xindex03 .imgbox{ overflow:hidden; width:215px; height:215px; margin:0 auto; border:10px solid #e3e2e2; border-radius:50%; position:relative}
.xindex03 .imgbox .img{ width:100%; height:100%;}
.xindex03 .imgbox .img img{ display:block;width:100%; height:100%;object-fit: cover;}
.xindex03 .imgbox .txt{ position:absolute; z-index:2; left:10px; right:10px; bottom:0; text-align:center; background-color:#0da945; color:#fff; padding-top:5px; padding-bottom:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xindex03 .imgbox .txt h3{ display:inline; font-weight:normal; font-size:16px}
.xindex03 .imgbox .txt i{ margin:0 5px}
.xindex03 .poptxt{ margin-top:18px; text-align:center}

.xindex05{ padding:50px 0;}
.xindex05 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}

.xindex05 .left{ overflow:hidden; width:50%}
.xindex05 .left img{ display:block; width:100%; height:100%;    object-fit: cover;}
.xindex05 .right{ background-color:#fff; padding:20px  60px; border:1px solid #eee;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.xindex05 .right .hd{ font-size:28px; margin-bottom:10px}
.xindex05 .right li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:10px}
.xindex05 .right li .t{ font-size:16px}
.xindex05 .right li .pinput{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.xindex05 .right li .pinput:nth-child(3){ padding-left:10px}
.xindex05 .right li .input,.xindex05 .right li select{ width:100%; border:1px solid #eee; font-size:16px; padding:0 10px; height:42px}

.inbtn{ margin-top:30px}
.inbtn .btna{ width:160px; height:42px; background-color:#0da945; border:none; border-radius:42px; color:#fff; cursor:pointer}

.lanmu-video{ background-color:#f5f6fa; padding-top:20px}
.pathbox{ margin-bottom:20px}
.pathbox a{ margin:0 10px; display:inline-block; vertical-align:middle; position:relative;top:-2px}
.pathbox .ico-home{ width:20px; background:url(../images/ico-home.png) no-repeat center; background-size:100%; height:20px}

.screenlist{ background-color:#fff; padding:5px 20px;  }
.screenlist .row{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; padding-top:10px; border-bottom:1px solid #eee}
.screenlist .row:last-child{ border-bottom:none}
.screenlist .col-sm-10{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;}
.screenlist .btn{ display:inline-block; margin-bottom:10px; vertical-align:top; padding:0 5px; border-radius:5px; margin-left:10px}
.screenlist .btn.btn-info{ background-color:#61aa4e; color:#fff}

.pathtop{ background-color:#2c2c2c; color:#fff; padding:10px 0}
.pathtop .pathbox{ margin-bottom:0}
.pathtop a{ color:#fff;}
.pathtop .pathbox .ico-home{    background: url(../images/ico-homeb.png) no-repeat center;  background-size: 100%;}

.lanmu-videopage{ padding-top:0; padding-bottom:0}
.videopage01{ background-color:#1f1f1f; color:#fff; padding:40px 0}
.videopage01 a{ color:#fff}
.videopage01 .left{ width:73%; float:left}
.videopage01 .right{ width:27%; float:right; height:610px; background-color:#2b2b30}
.videopage01 .right .hd{ font-size:20px; border-bottom:1px solid #fff; padding:0 15px; height:60px; line-height:60px}
.videopage01 .right ul{ width:100%; height:550px; overflow-y:auto; padding:0 15px}
.videopage01 .right ul::-webkit-scrollbar{ width:4px;}
.videopage01 .right ul::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#535256}
.videopage01 .right ul::-webkit-scrollbar-track{border-radius:0; background-color:rgba(0,0,0,.1)}

.videopage01 .right ul li{ padding:10px 0; border-bottom:1px solid rgba(255,255,255,.1)}
.videopage01 .right 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;}
.videopage01 .right ul li a:hover h3{ color:#cc8127}
.videopage01 .right ul li .img{flex:0 0 120px; overflow:hidden; height:90px; margin-right:20px}
.videopage01 .right ul li .img img{ display:block; width:100%; height:100%;    object-fit: cover;}
.videopage01 .right ul li h3{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; color:#999; min-width:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal}
.videopage01 .left .info{ width:100%; float:left; color:#fff; height:60px; background-color:#313131;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;}
.videopage01 .left .info span,.videopage01 .left .info a{ display:block; margin-left:20px; font-size:20px; background-repeat:no-repeat; background-position:center left; color:#b0b1b0; cursor:pointer}
.videopage01 .left .info a.on{ color:#cc8127}
.videopage01 .left .info .nums{ background-image:url(../images/ico-nums.png); background-size:20px; padding-left:25px}
.videopage01 .left .info .zan{ background-image:url(../images/ico-zan.png); background-size:20px; padding-left:25px}
.videopage01 .left .info .zan.on{ background-image:url(../images/ico-zanon.png);  }
.videopage01 .left .info .collect{ background-image:url(../images/ico-sc.png); background-size:22px; padding-left:27px}
.videopage01 .left .info .collect.on{ background-image:url(../images/ico-scon.png); }
.videopage01 .videobox{ height:550px;}
.videopage01 .videobox video{ width:100%; height:100%; background-color:#000}

.videopage01 .title{ margin-bottom:10px; width:100%; float:left;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;}
.topconn{ margin-bottom:30px; overflow:hidden}
.videopage01 .title h3{ font-size:30px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.videopage01 .title .tag{color:#999;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; line-height:30px;}
.videopage01 .title .tag span{ margin:0 20px; }
.videopage01 .title .tag a{ color:#999}

.videopage02{ background-color:#fff;}

.lanmu-login{ background:url(../images/bg_login.png) no-repeat center; background-size:cover}

.lanmu-login .weap{ min-height:calc(100vh - 336px); overflow:hidden}
.lanmu-login .box{ width:550px; float:right; background-color:#fff; padding:40px; border-radius:5px; position:relative; margin-top:8vh}
.lanmu-login .hd{ text-align:center; border-bottom:5px solid #60a74d; color:#60a74d; font-size:30px; line-height:1.1; padding-bottom:25px; margin-bottom:55px}
.lanmu-login li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:15px}
.lanmu-login li .ipput{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.lanmu-login li .input{ width:100%; height:40px; border:1px solid #d0d7ed; background-color:#f9f9f9; padding:0 15px; border-radius:5px;}
.lanmu-login li .yzm{ margin-left:20px;-webkit-box-flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex:0 0 auto;flex: 0 0 auto; cursor:pointer}
.lanmu-login li .yzm img{ height:40px; border:1px solid #cfd8ec; max-width:100%;}
.lanmu-login .inbtn{ width:100%; height:40px; background-color:#5fa74d; cursor:pointer; border:none; color:#fff; font-size:16px; border-radius:5px}

.xnbanner{  overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover}
.xnbanner .weap{height:315px;}
.xnbanner .title{ position:relative;top:50%; transform:translateY(-50%); color:#fff}
.xnbanner .title:before{ content:""; display:block; width:500px; height:1px; background-color:#fff; position:absolute; z-index:3; left:-520px;top:30px}
.xnbanner .title h3{ font-size:43px; font-weight:normal; line-height:1.4 }
.xnbanner .title .eng{ font-size:18px; opacity:.8}
.xnbanner .title .ico{ margin-top:20px}

.lanmu-news{ padding-top:0}
.news01{ padding:60px 0; background-color:#f5f6fa}
.news01 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.news01 .left{flex:0 0 520px; width:520px; margin-right:30px; height:350px}
.news01 .left .img{ display:block; height:350px; overflow:hidden;}
.news01 .left .img img{ display:block; width:100%; height:100%;    object-fit: cover;}
.news01 .left .owl-controls{ position:absolute; z-index:2; left:0; right:0; bottom:10px; text-align:right; padding-right:30px}
.news01 .left .owl-dot{ display:inline-block; vertical-align:middle; width:15px; height:15px; background-color:#fff; border-radius:50%; margin-left:10px}
.news01 .left .owl-dot.active{ background-color:#4e4e52}
.news01 .right{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.news01 .right .hd{ border-bottom:1px solid #e1e2e4; height:40px; margin-bottom:20px}
.news01 .right .hd h3{ float:left; line-height:1.1; font-size:20px; border-left:4px solid #60a74d; color:#60a74d; padding-left:15px}
.news01 .right .hd .more{ float:right}
.news01 .right .bd 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; line-height:36px; height:36px}
.news01 .right .bd li h3{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px; font-weight:normal}
.news01 .right .bd li span{ color:#999}
.news01 .right .bd li a:before{ content:""; display:block; width:8px; height:8px; margin:0 10px; background-color:#88b989; border-radius:50%}

.xnewslist .bd li{ padding:30px 0; border-bottom:1px solid #eee}
.xnewslist .bd a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.xnewslist .bd .img{flex:0 0 250px; height:150px; overflow:hidden; margin-right:20px;}
.xnewslist .bd .img img{ display:block; width:100%; height:100%;    object-fit: cover;}
.xnewslist .bd .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.xnewslist .bd .txt h3{ font-size:20px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:10px}
.xnewslist .bd .txt .p{ font-size:16px; color:#666; margin-bottom:10px; height:56px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.xnewslist .bd .txt .info span{ display:inline-block; color:#999; margin-right:25px; padding-left:25px; background-repeat:no-repeat; background-position:left center}
.xnewslist .bd .txt .info .date{ background-image:url(../images/ico-date.png); background-size:20px}
.xnewslist .bd .txt .info .nums{ background-image:url(../images/ico-nums.png); background-size:20px}
@media(max-width:1460px) {
.productseries .owl-prev{ left:10px;}
.productseries .owl-prev, .productseries .owl-next{ width:60px; height:60px; margin-top:-30px; background-color:rgba(255,255,255,.7)}
.productseries .owl-next{ right:10px;} 
}
@media(max-width:1360px) {
.index03 .bd,.index06 .bd,.index08 .bd,.index09 .bd{ padding:0 60px}
.owl-prev{ left:0px;}
.owl-next{ right:0px;}
}
@media(max-width:1201px) {
.banner .item{ height:53vw}

.index02 .img img{ width:500px}
.index02 .bd li:nth-child(1){top:10px}
.index02 .bd li:nth-child(2){top:100px}
.index02 .bd li:nth-child(3){top:220px}
.index02 .bd li:nth-child(4){top:60px}
.index02 .bd li:nth-child(5){top:190px}

.nbanner.n05{ height:42vw}

.bnav{ left:10px; margin-left:0}

.xnbanner .weap{ height:40vw}
.xnbanner .title h3{ font-size:20px}
.xnbanner .title .ico{ margin-top:10px}
.xnbanner .title .ico img{ height:30px}
}
 
@media(max-width:999px) {
 
.banner .owl-dot{ width:20px; height:3px; }

.mainlanmu{ padding:20px 0;}
.nbanner{ height:200px;}
.nbanner .title{ font-size:28px;text-align:center; }
.nbanner .eng{ font-size:18px}
.nbanner .line{ height:4px}
.nbanner .weap{ padding-top:30px}
.pathbar{ height:auto; background:none; line-height:normal}
.pathbar .weap{ margin-left:-10px; margin-right:-10px}
.pathbar .path{ float:none; background-color:#f7f7f7; margin-bottom:5px; padding:0 10px; height:45px; line-height:45px}
.pathbar .classify{ float:none; overflow:hidden; padding:0 10px; padding-top:1px}
.pathbar .classify li{ width:33.33%; margin-left:-1px; margin-top:-1px;}
.pathbar .classify li a{ line-height:40px; border:1px solid #eee; padding:0; text-align:center; width:auto; font-size:15px;}
 
.industrylist .txt{ padding:20px}
.industrylist li{ margin-bottom:20px;}

 

.pathbar{ margin-top:0}
.pathbar .path{ color:#666}
.pathbar .path a{ color:#666}
.pathbar .classify li a{ color:#666}
.plo02 h3{ font-size:24px}
.plo02{ margin-bottom:25px}
.contact01{ display:block}
.contact01>div{ width:100%; padding:0 !important}
.contact01 .contact01right{ border-left:none; margin-top:20px}
.contact01 .contact01left h3{ font-size:19px; text-align:center; line-height:1.4}
.contact01 .contact01left .line{ margin:0 auto; margin-bottom:15px}
.contact02{ margin-bottom:30px}
.contact02 .map{ height:50vw}
.contact03 .hd h3{ font-size:24px}
.contact03 .hd{ margin-bottom:25px}
.contact03 li{ width:97%; margin-bottom:10px}
.contact03 li.libtn{ margin-top:20px}
.contact03 li .inbtn{ width:100%}

.businesslist li{ padding-bottom:15px; margin-bottom:0px}
.businesslist li .img{  width:auto; float:none !important; margin-left:-10px; margin-right:-10px;}
.businesslist li .txt{ float:none !important; width:auto !important; padding-top:25px}
.businesslist li .txt i{ font-size:30px}
.businesslist li .txt i:before{ width:45px}
.businesslist li .txt h3{ font-size:18px; margin-bottom:15px}
.businesslist li .txt .p{ line-height:1.6; margin-bottom:15px}
.businesslist li .txt .more span{ width:120px; height:34px; line-height:34px}
.businesslist li a{ overflow:visible}

.plo h3{ font-size:28px;}
.plo p{ font-size:14px;}
.plo .line{ width:122px}
.plo .line:after{ width:42px; margin-left:-21px}
.index01 .bd li img{ width:112px}
.index01 .bd li h3{ font-size:16px}
.index02 .img{ display:none}
.index02 .bd li{ position:static; width:100% !important; margin-bottom:20px}
.index02 .bd .a .num{ font-size:42px}
.index02 .bd .a .txt h3{ font-size:18px;}
.plo .p{ font-size:14px}

.index07 .txt{ width:100%; padding-left:10px}
.index07 .txt .title{ font-size:26px}
.index07 .txt{ padding-right:10px}
.index07{ padding-bottom:10px}

.index02{ padding:30px 0}

.applist li .img img{ width:110px}
.aboutpage02 li{ width:33.33%}

.joinmain{ padding-top:0}
.join01 li .txt h3{ font-size:21px; margin-bottom:10px}
.join01 li .txt .p{ font-size:14px}
.join01 li .txt{ padding:20px}

.join03 li .a h3{ font-size:20px}
.join04 .tis{ font-size:25px}
.join04 .tis a{ font-size:32px}
.appmain{ padding-bottom:0}

.bnav{ position:static; width:100%}
.bnav ul{ overflow:hidden}
.bnav ul li{ float:left; width:50%}
.bnav li a{ padding:0 10px; font-size:14px; line-height:40px}
.bnav li a:after{ font-size:12px; right:10px}

.xindex01{ padding:30px 0}
.xplo{ margin-bottom:15px}
.xplo h3{ font-size:22px;}
.xplo .more a{ font-size:14px}

.xindex01 .item .img{ height:40vw}
.xindex01 .item .info span{ font-size:12px; margin-right:0}
.xindex01 .item .info .nums{ margin-right:10px}

.xindex02 li{ width:50%; margin-bottom:10px}
.xindex02 li a{ margin:0 5px;}
.xindex02 ul{ margin:0 -5px}
.xindex02 li .img{ height:40vw}
.xindex02 li .txt{ padding:5px}

.xindex02{ padding:30px 0}
.xindex03{ padding:30px 0}
.xindex03 .imgbox{ width:45vw; height:45vw;border: 5px solid #e3e2e2;}
.xindex03 .imgbox .txt{ padding-bottom:10px; left:0; right:0}
.xindex03 .imgbox .txt h3{ font-size:14px}
.xindex03 .imgbox .txt span{ font-size:12px}
.xindex03 .poptxt{ line-height:1.4}

.xindex05 .weap{ display:block}
.xindex05 .left{ width:100%;}
.xindex05{ padding:30px 0}
.xindex05 .right{ padding:10px}
.xindex05 .right li .t{ line-height:42px}
.xindex05 .right .hd{ font-size:22px; text-align:center}
.inbtn{ text-align:center}

.screenlist{ padding:10px 10px}
.screenlist .btn{ margin-left:5px}

.mainlanmu{ padding-top:0}
.news01 .weap{ display:block;}
.news01{ padding:10px 0}
.news01 .left{ width:100%; margin-bottom:10px}
.news01 .left,.news01 .left .img{ height:60vw}
.news01 .left .owl-dot{ width:10px; height:10px}
.news01 .right .hd{ margin-bottom:10px}
.news01 .right .bd li h3{ font-size:14px}
.news01 .right .bd li a:before{ width:4px; height:4px}
.xnewslist .bd a{ display:block}
.xnewslist .bd .img{ margin-right:0; height:40vw; margin-bottom:10px}
.xnewslist .bd li{ padding:15px 0}
.xnewslist .bd .txt h3{ font-size:16px}
.xnewslist .bd .txt .p{ font-size:14px; height:50px;}
.news01 .left .owl-controls{ bottom:5px}
.videopage01 .left{ float:none; width:100%}
.videopage01 .videobox{ height:60vw}
.videopage01 .right{ width:100%; float:none}
.videopage01 .left .info span, .videopage01 .left .info a{ font-size:16px}
.videopage01 .left .info{ height:40px; float:none}
.videopage01 .right .hd{ font-size:16px; padding:0 10px; border-bottom:1px solid rgba(255,255,255,.3)}
.videopage01{ padding-top:10px}
.videopage01 .right ul li .img{ height:60px;flex:0 0 70px}
.videopage01 .right{ height:auto}
.videopage01 .right ul{ height:130px}
.videopage01 .title{ margin-top:20px; display:block}
.videopage01 .title h3{ font-size:18px}
.videopage01 .title .tag span{ margin:0 10px}
.videopage01 .title .tag span:nth-child(1){ margin-left:0}
}
@media(max-width:766px) {
 
.banner .owl-dots{ bottom:0px;}
.plo{ margin-bottom:25px}
.serviceindex .plo{ margin-bottom:5px;}
.plo h3{ font-size:22px;} 
.plo p{ font-size:14px;}
.plo .t i{ margin:0 10px; width:60px}
.serviceindex{ padding-top:20px; padding-bottom:50px;}
.serviceindex .hd{ margin-bottom:20px}
.serviceindex .hd li i{ background-size:16px; width:16px; height:16px;}
.serviceindex .hd li{ margin:0}
.serviceindex .hd li a{ font-size:15px; height:50px; line-height:50px}
.serviceindex .hd{ border:none; border-bottom:1px solid #efefef; box-shadow:none; border-radius:0}
.serviceindex .hd li.on i{background-position: 0 -17px;}
.serviceindex .conn .img{ float:none; margin-bottom:10px; width:auto}
.serviceindex .conn .ms{ float:none; width:auto}
.serviceindex .conn .ms h3{ font-size:21px; margin-bottom:10px}
.serviceindex .conn .ms h3 span{ margin-left:10px; font-size:18px}
.serviceindex .conn .more{ text-align:center}
.serviceindex .conn .more a{ height:40px; line-height:40px; font-size:14px}
.aboutindex .bd{ padding:0}
.aboutindex .bd .img{ float:none; height:150px; width:auto; position:static}
.aboutindex .bd .txt{ padding:10px}
.aboutindex .bd .eng{ font-size:24px}
.aboutindex .bd h3{ font-size:22px; margin-top:-5px}
.aboutindex .bd .conn{ font-size:16px;}
.aboutindex .bd .more{ text-align:center}

.productseries .bd .txt{ padding:10px;}
.productseries .bd h3{ font-size:16px; margin-bottom:0px}
.productseries .owl-dots{ text-align:center; margin-top:10px}
.productseries .owl-dot{ display:inline-block; width:12px; height:12px; border:2px solid #00903b; margin:0 3px; border-radius:50%}
.productseries .owl-dot.active{ background-color:#00903b}
.productseries{ padding-top:20px}

.newsindex{ padding-top:20px; padding-bottom:30px}
.newsindex .hotnews{ float:none; width:auto; margin-bottom:0; border-bottom:1px solid #eee}
.newsindex ul{ float:none; width:auto}
.newsindex .hotnews h3{ font-size:18px;}
.newsindex ul h3{ font-size:18px;}
.newsindex .hotnews .more{ display:none}
.newsindex .hotnews .more span{ font-size:14px; width:100px}
.newsindex ul li{ margin-top:0; padding:10px 0; margin-bottom:0}
.newsindex ul li:last-child{ border-bottom:none}
.newsindex ul .date .d{ font-size:40px}
.newsindex ul .date{ width:58px;}
.newsindex ul a{ padding-left:68px;}
.newsindex .hotnews .ms{ font-size:14px; height:50px;}
.newsindex ul .ms{ font-size:14px; height:50px;}
.pagesconn{   line-height:1.6}
.pagesconn .title{ font-size:24px;}
.pagesconn .eng{ font-size:18px;}

.industrylist li{ padding-right:0; margin-bottom:10px}
.industrylist .img{ position:static; height:150px; width:100%}
.industrylist .txt{ padding:10px}
.industrylist .txt h3{ text-align:center; margin-bottom:5px}
.industrylist .txt h3 a{ font-size:21px}
.industrylist .txt .more{ text-align:center}
.industrylist .txt .ms{ line-height:2}

.productlist li{ width:48%; margin-bottom:10px}
.productlist li .txt{ padding:10px}

.newslist li{ margin-bottom:10px}
.newslist li a{ padding-left:150px;}
.newslist li .txt h3{ margin-bottom:5px;}
.newslist li .img{ width:140px; height:90px; padding-top:6px}
.newslist li .txt .date{ display:none} 
.newslist li .txt{ padding-left:0; height:auto; padding-bottom:10px}

.newspages .title{ font-size:20px}
.nextpages{ padding-top:30px}

.expertlist li .img{ width:120px; height:120px; position:static; margin:0 auto}
.expertlist li:nth-child(odd){ padding-left:0;}
.expertlist li:nth-child(even){ padding-right:0;}
.expertlist li{ margin-bottom:35px;}
.expertlist li .title{ margin-bottom:0px; text-align:center}

.index01{ padding:30px 0}
.plo .line{ margin-top:10px; margin-bottom:10px; margin-bottom:10px;}
.plo .line:after{ height:4px;}
.plo .line{ width:100px; }
.index01 .bd li img{ width:80px}
.index01 .bd li h3{ font-size:15px; margin-top:10px}

.index03 .bd, .index06 .bd, .index08 .bd, .index09 .bd{ padding:0}

.index03{ padding:30px 0}
.owl-dots .owl-dot{ display:inline-block; width:8px; height:8px; background-color:#999; border-radius:50%; margin:0 5px}
.owl-dots{ text-align:center}
.index03 a .txt .p{ font-size:13px}
.index03 .img{ height:280px}
.owl-dots .owl-dot.active{ background-color:#0da945}
.mores{ margin-top:25px;}
.mores a{ font-size:13px; line-height:32px; height:32px; width:120px}
.mores a:after{ position:relative;top:-1px}
.index04 .bd ul{ margin:0 -5px}
.index04 .bd li{ width:50%; margin-bottom:10px}
.index04 .bd li a{ margin:0 5px;}
.index04 .bd li .img{ height:30vw}
.index04 .bd li h3{ font-size:15px}
.index04{ padding-bottom:30px}
.index05{ padding-top:6vw; padding-bottom:8vw}

.index06{ padding:30px 0;}
.index06 .a{ width:50%; float:left}
.index06 .a a{ display:block; margin:0 5px;}
.index06 .a .img{ height:35vw}
.index07>div{ width:100%}
.index07{ display:block; margin-bottom:30px}
.index07 .txt{ margin-bottom:10px}
.index07 .txt .title{ text-align:center}
.index07 .txt .title:after{ margin:0 auto}
.index07 .txt .mores{ text-align:center}
.index07 .img{ padding:0 10px}
.index07 .img .pay{ width:50px; height:50px; margin-top:-25px; margin-left:-25px}
.index08 .item a{ height:170px; line-height:150px}
.index09 .item .img{ height:50vw; margin-bottom:10px}
.index09 .item .info .date{ font-size:18px}
.index08{ padding-bottom:30px}
.businesslist li .txt .p{ font-size:14px;}
.businesslist li .txt em{ font-size:21px;}

.applist ul{ margin:0 -5px}
.applist li{ width:50%; margin-bottom:10px}
.applist li a{ margin:0 5px;}
.applist li .img img{ width:80px}
.applist li .p{ font-size:14px; height:144px;-webkit-line-clamp: 7; line-height:1.4}

.aboutpage01{ padding:30px 0}
.aboutpage02 li a{ margin:0 5px;}
.aboutpage02 li{ width:50%; margin-bottom:10px}
.aboutpage02 ul{ margin:0 -5px}
.aboutpage02 li .img{ height:60vw}
.aboutpage01 .conn{ font-size:14px}
.aboutpage03 .item a{ height:170px; line-height:150px}
.aboutpage03{ padding:30px 0}

.join01{ padding:30px 0}
.join01 li>div{ float:none; width:100%}
.join01 li .txt .p{ background-size:10px}
.join01 li:nth-child(even) .img{ float:none}
.join02{ padding:30px 0}
.join03{ padding:30px 0}
.join03 li{ width:100%; margin-bottom:10px}
.join03 li .a{ margin:0 5px; padding:10px}
.join03 ul{ margin:0 -5px}
.join03 li .a h3{ font-size:18px}
.join03 li .a .p{ font-size:14px; line-height:1.4; height:auto;}
.join04 .tis{ margin-top:20px; font-size:16px}
.join04 .tis a{ font-size:20px; display:inline-block}
.join02 .bd ul li{ width:33.33%; position:static; float:left}
.join02 .bd ul{ background:none; height:auto}
.join02 .bd ul li{ margin-bottom:10px; height:auto}
.join02 .bd ul li h3{ position:static}
.join02 .bd ul li .ico:before{ display:none}
.join02 .bd ul li:before{ display:none}
.join02 .bd{ padding:0}
.join02 .bd ul li .ico{ width:60px; height:60px}
.join02 .bd ul li h3{ font-size:15px}
.join02 .bd ul li:nth-child(n+7){ padding-top:0}
.join02 .bd ul li i{ font-weight:bold; color:#f65b2d; display:inline}
.join02 .bd ul:before{ display:none}
.app02{ margin-top:30px}
.app02 .weap{ height:auto; padding-top:30px; padding-bottom:30px; display:block}
.app02 .txt{ padding-left:0; text-align:center; padding-right:0}
.app02 .txt h3{ font-size:19px;}
.app02 .txt .p{ font-size:14px}
.app02 .more{ text-align:center; margin-top:20px; font-size:13px}
.app02 .more a{ font-size:12px;height:34px; line-height:32px;}
.app02 .more a i{ margin-left:20px;  transform:scale(.6)}

.lanmu-login .box{ width:100%; float:none}
.lanmu-login li .yzm img{ width:120px}
.lanmu-login .hd{    border-bottom: 2px solid #60a74d; font-size:22px}


}
@media(max-width:580px) {
.nbanner{ height:30vw}
.nbanner .title{ font-size:24px; text-align:center; }
.nbanner .eng{ font-size:16px;}
}