@charset "utf-8"; 
.main{ overflow:hidden; width:100%}
/*banner*/
.banner{ position:relative; z-index:1}
.banner video{    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;}
.banner .item{ height:850px; 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:20px; height:20px; margin:0 5px; border:2px solid transparent; border-radius:50%; position:relative}
.banner .owl-dot:before{ content:""; display:block; position:absolute; z-index:2; left:3px; right:3px;top:3px; bottom:3px; background-color:#fff; border-radius:50%;}
.banner .owl-dot.active{border:2px solid #fff;} 

.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} 
.plo .line:after{ content:""; display:block; width:60px; height:5px; background-color:#00a73c; position:absolute; z-index:2; left:50%; margin-left:-30px; bottom:-2px;}

.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;}

.about02{ padding:70px 0; background:url(../images/about02bg.jpg) no-repeat center; background-size:cover}
.about02 .lanmuplo h3{ color:#333;}
.about02 .lanmuplo p{ font-size:16px; text-align:center}
.about02 .lanmuplo .lanmuplo .line{ background-color:#fff}

.about02 ul{ margin:0 -15px;}
.about02 li{ float:left; width:25%; margin-bottom:17px}
/*.about02 li .a{ background-color:#daeed5; margin:0 15px; height:310px; border-radius:10px 40px 10px 40px; padding:50px; padding-bottom:30px}
.about02 li:nth-child(even) .a{ background-color:#4dbd2b; color:#fff}*/
.about02 li .a{ margin:0 8px; }
.about02 li .img img{ width:100%; display:block;}
.about02 li .ico{ height:90px; margin-bottom:20px; background-repeat:no-repeat; background-position:center right; background-size:auto 100%}
.about02 li .ico-e01{ background-image:url(../images/ico-e01.png)}
.about02 li .ico-e02{ background-image:url(../images/ico-e02.png)}
.about02 li .ico-e03{ background-image:url(../images/ico-e03.png)}
.about02 li .ico-e04{ background-image:url(../images/ico-e04.png)}
.about02 li .ico-e05{ background-image:url(../images/ico-e05.png)}
.about02 li .ico-e06{ background-image:url(../images/ico-e06.png)}
.about02 li .txt h3{ font-size:30px; font-weight:normal; margin-bottom:10px}
.about02 li .txt .p span{ display:block; font-size:16px}
.about02 li.last .a{ background:url(../images/about0201.jpg) no-repeat center; background-size:cover}

.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:850px; background-repeat:no-repeat; background-position:center; background-size:cover; color:#fff} 
.nbanner .weap{ padding-top:10%; line-height:1.5}
.nbanner .title{ font-size:52px; font-weight:bold; }
.nbanner .p{ font-size:20px; margin-top:10px}
.nbanner .line{ height:5px ; width:38px; background-color:#fff}
.nbanner .eng{ font-size:24px;}
.pathbar{  height:60px; line-height:60px; border-bottom:1px solid #e3e3e3}
.pathbar .path{ float:right; font-size:14px; color:#fff}
.pathbar .path a{ font-size:14px; color:#fff} 
.pathbar .classify ul{ font-size:0; text-align:center}
.pathbar .classify li{ display:inline-block; padding:0 50px; position:relative}
.pathbar .classify li a{ display:block; padding:0 10px;text-align:center; color:#333; font-size:16px; position:relative}
.pathbar .classify li a:after{ content:""; display:block; position:absolute; z-index:2; height:1px; background-color:#00a73c; left:0; right:0; bottom:-1px; opacity:0}
.pathbar .classify li a:hover,.pathbar .classify li.on a{ color:#00a73c }
.pathbar .classify li a:hover:after,.pathbar .classify li.on a:after{ opacity:1}

.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:#00a73c}
.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:#0179d8; 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:26px; 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:#1078d4; 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:#0179d8; 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:#c52a30; 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:#a92e33; font-size:22px; margin-bottom:15px}
.contact01 .contact01left .line{ width:40px; height:1px; background-color:#a92e33; 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:#a92e33}
.contact03 li .inbtn:hover{ background-color:#a92e33; color:#fff;border:1px solid #a92e33;}

/*业务*/ 
.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 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:#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;}
.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;}
.nbanner.n09{ height:850px;}

.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:#1078d4; 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}


.xindex01{ padding:100px 0; background:url(../images/xindex01bg.jpg) no-repeat center; background-size:cover}
.xindex01 .left{ width:55%; float:left}
.xindex01 .right{ float:right; width:44%; position:relative; cursor:pointer}
.xindex01 .right img{ display:block; width:100%}
.xindex01 .right .pay{ display:block; width:180px; height:180px; position:absolute; z-index:23; left:50%;top:50%; margin-left:-90px; margin-top:-90px; background:url(../images/xico-pay.png) no-repeat center center; background-size:100%}

.xindex01 .hd{ line-height:1.4; margin-bottom:50px;}
.xindex01 .hd a{ display:inline-block;}
.xindex01 .hd h3{ font-size:42px; color:#00a73c; padding-right:60px; background:url(../images/xico-arrow.png) no-repeat right 12px; display:inline-block}
.xindex01 .hd .p{ font-size:22px; letter-spacing:8px; color:#666666}
.xindex01 .bd{ max-width:685px; padding-right:20px;}
.xindex01 .bd .ms{ color:#666666; font-size:18px; }
.xindex01 .bd .ms p{text-indent:36px}
.xindex01 .bd 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; margin-top:1px}
.xindex01 .bd ul li{ line-height:1.2; background:url(../images/xindex0102.png) no-repeat center right 1px; padding-right:25px;}
.xindex01 .bd ul li:last-child{ background:none}
.xindex01 .bd ul .num span{ font-size:66px; color:#00a73c}
.xindex01 .bd ul .num i{ font-size:23px;color:#00a73c}
.xindex01 .bd ul .num .p{ font-size:18px; color:#666; margin-top:10px}

.xindex02{ padding:100px 0;  background-size:cover}
.xplo{ text-align:center; margin-bottom:60px;}
.xplo h3{ font-size:40px; font-weight:bold}
.xplo h3:after,.xplo h3:before{ content:""; display:inline-block; height:3px; width:42px; vertical-align:middle; background-color:#00a73c; margin:0 15px;}
.xplo .p{ font-size:20px; color:#999}

.xindex02 .bd ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.xindex02 .bd li{ -webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; border-right:1px solid #848484}
.xindex02 .bd li:hover{flex:0 0 495px;}
.xindex02 .bd li a{ display:block;  position:relative; height:699px; background-repeat:no-repeat; background-position:center left; background-size:auto 100%}

.xindex02 .bd li .txt{ padding:110px 55px;color:#fff;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; opacity:0}
.xindex02 .bd li .txt .p{display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.xindex02 .bd li:hover .txt{ opacity:1}
.xindex02 .bd li h3{ font-size:35px; color:#fff}
.xindex02 .bd li .more{ position:absolute; z-index:2; width:134px; height:40px; line-height:38px; border:1px solid #fff; text-align:center; bottom:55px; left:50%; margin-left:-67px;}
.xindex02 .bd li .more:hover{ background-color:#fff; color:#333;}
.xindex02 .bd li .t{ position:absolute; z-index:2; font-weight:normal; text-align:center; width:50px; left:50%; margin-left:-25px;top:110px; line-height:1.4}
.xindex02 .bd li:hover .t{ opacity:0}

.xindex03{ padding:100px 0; padding-bottom:50px }
.xindex03 .left{ float:left; width:60%}
.xindex03 .left li{ float:left; width:47%; margin-right:3%}
.xindex03 .left li a{ display:block; border-radius:10px; overflow:hidden; background-color:#f7f7f7}
.xindex03 .left li .img{ overflow:hidden; height:300px; position:relative}
.xindex03 .left li .img span{ display:block; position:absolute; z-index:2; left:0;top:0; line-height:40px; background:rgba(0,0,0,.5); padding:0 20px; color:#fff; border-radius:0 0 10px 0; font-size:14px}
.xindex03 .left li .img img{ width:100%; height:100%; display:block;object-fit: cover;}
.xindex03 .left li .txt{ padding:20px 30px}
.xindex03 .left li .txt h3{ font-size:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:10px}
.xindex03 .left li .txt .p{ font-size:14px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; color:#666; height:47px;}
.xindex03 .left li .txt .date{ font-size:16px; margin-top:5px}
.xindex03 .right{ float:right; width:40%; position:relative; background-color:#f7f7f7; height:465px; border-radius:10px; padding:0 40px; padding-top:40px}
.xindex03 .right .title{ position:absolute; z-index:2;position:absolute; z-index:2; left:0;top:0; line-height:40px; background:rgba(0,0,0,.5); padding:0 20px; color:#fff; border-radius:10px 0 10px 0; font-size:14px}
.xindex03 .right  li{ padding:20px 0; line-height:1.4; border-bottom:1px solid #d1d9e1}
.xindex03 .right  li:last-child{ border-bottom:none}
.xindex03 .right  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;}
.xindex03 .right  li a:after{ content:""; display:block; width:20px; height:20px; background:url(../images/xico-arrow2.png) no-repeat center; background-size:100%; margin-left:10px}
.xindex03 .right  li a:hover:after{ background:url(../images/xico-arrow2h.png) no-repeat center; background-size:100%; }
.xindex03 .right  li h3{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; font-size:18px; font-weight:normal; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.xindex03 .right  li .date{ text-align:center; margin-right:30px; line-height:1.2}
.xindex03 .right  li .date .d{ font-size:40px}
.xindex03 .right  li .date .m{ font-size:12px}

.xindex04{ padding:50px 0; padding-bottom:100px}
.xindex04 ul{ margin:0 -5px}
.xindex04 li{ float:left; width:16.66%; margin-bottom:10px}
.xindex04 li .a{ display:block; margin:0 5px; height:110px; text-align:center; line-height:110px;box-shadow: inset 0px 0px 26px 0px rgba(0, 0, 0, .5); border-radius:5px}
.xindex04 li .a img{ max-height:80%; max-width:80%}

.aindex01{ padding:100px 0; background:url(../images/xindex01bg.jpg) no-repeat center; background-size:cover}
.aindex01 .left{ width:56%; float:left}
.aindex01 .right{ float:right; width:44%; position:relative; cursor:pointer}
.aindex01 .right img{ display:block; width:100%}
 

.aindex01 .hd{ line-height:1.4; margin-bottom:35px;} 
.aindex01 .hd h3{ font-size:42px; color:#00a73c} 
.aindex01 .hd .line{ width:48px; height:4px; background-color:#e60012; margin-top:20px}
.aindex01 .bd{ max-width:685px; padding-right:20px;}
.aindex01 .bd .ms{ color:#666666; font-size:18px; }
.aindex01 .bd .ms p{text-indent:36px} 
.amores{ margin-top:36px; text-align:center}
.amores a{ display:inline-block; width:196px; height:45px; line-height:41px; border:2px solid #00a73c; font-size:18px; color:#00a73c; text-align:center}
.amores a:hover{ background-color:#00a73c; color:#fff}
.aindex01 .bd .amores{ text-align:left}

.aindex02{ padding:100px 0; background:url(../images/xindex02bg.jpg) no-repeat center; background-size:cover }
.aindex02 ul{ margin:0 -10px}
.aindex02 li{ float:left; width:14.28%; margin-bottom:20px}
.aindex02 li .a{ display:block; margin:0 10px; height:130px; text-align:center; line-height:128px; border:1px solid #ddd}
.aindex02 li .a img{ max-height:80%; max-width:80%}

.aindex04{ padding-bottom:100px;background:url(../images/xindex02bg.jpg) no-repeat center; background-size:cover }
.aindex04 .bd li{ float:left; width:25%}
.aindex04 .bd ul{ margin:0 -28px;}
.aindex04 .bd li a{ display:block; margin:0 28px; text-align:center}
.aindex04 .bd li .imgbox{ border:1px solid #ddd; padding:5px;}
.aindex04 .bd li .img{ overflow:hidden; height:215px;}
.aindex04 .bd li .img img{ width:100%; height:100%; display:block;object-fit: cover;}
.aindex04 .bd li h3{ font-weight:normal; font-size:16px; margin-top:15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.aindex05{ padding:100px 0;}
.aindex05 .item a{ display:block;  padding:5px; border:1px solid #ddd; text-align:center}
.aindex05 .item .img{ height:210px; overflow:hidden; line-height:210px;}
.aindex05 .item .img img{ max-width:100%; max-height:100%; width:auto; display:inline-block}

/*门店列表*/
.storelist .hd{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; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:25px;}
.storelist .hd .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; font-size:18px;}
.storelist .hd .left span{ margin:0 20px; font-size:30px; color:#c4262e}
.storelist .hd .right{ position:relative}
.storelist .hd .right .input{ width:250px; border:1px solid #ddd; height:40px; padding:0 10px; padding-right:50px; border-radius:5px; background-color:#fff}
.storelist .hd .right .inbtn{ position:absolute; z-index:9; right:0;top:0; bottom:0; width:40px; border:none; background:url(../images/ico-sh.png) no-repeat center; background-size:20px; cursor:pointer;}
.storelist .bd li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:50px;}
.storelist .bd li .img{flex:0 0 385px; height:270px; overflow:hidden; margin-right:30px}
.storelist .bd li .img img{ display:block; width:100%; height:100%;    object-fit: cover;}
.storelist .bd li dl{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;}
.storelist .bd li dl dt{ margin-bottom:10px}
.storelist .bd li dl h3{ font-size:30px}
.storelist .bd li dl dd{ font-size:18px; margin-bottom:5px; color:#666}
.storelist .bd li dl dd a{ font-size:18px; color:#666}
.storelist .bd li dl dd.more{ margin-top:20px}
.storelist .bd li dl dd.more a{ display:inline-block; border:1px solid #dcdcdc; line-height:36px; background-color:#f2f2f2; padding:0 20px; border-radius:5px; font-size:16px;}
.storelist .bd li dl dd.more a:hover{ background-color:#c50018; border:1px solid #c50018; color:#fff; }

.storepage .hd{ margin-bottom:20px}
.storepage .hd h3{ font-size:40px; font-weight:normal}
.storepage .bd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.storepage .bd .left{flex:0 0 600px; height:530px; margin-right:35px; border:1px solid #ddd}
.storepage .bd .map{ width:100%; height:100%}
.storepage .bd .right{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; font-size:18px; line-height:2.4}
.storepage .bd .right a{ font-size:18px;}
.storepage .bd .right img{ max-width:100%; height:auto !important}

.pindex03{ height:900px; position:relative;  overflow:hidden; background:url(../images/pindex03bg.jpg) no-repeat center; background-size:cover}
.pindex03 .weap{ position:relative; z-index:3; color:#fff; padding-top:240px}
.pindex03:after{ content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; background:url(../images/video_bg.png)}
.pindex03 video {
    position: absolute;
    top: 0;
     width: 100%;
	 height:100%;
    object-fit: cover;
    object-position: center;
}
.pindex03 .item span{ display:block}
.pindex03 .item .p1{ font-size:30px; font-weight:bold; margin-bottom:30px}
.pindex03 .item .p1:before{ content:""; display:inline-block; height:1px;  background-color:#fff; width:70px; margin-right:10px; vertical-align:middle}
.pindex03 .item .p2{ font-size:46px}

.pindex03 .owl-dots{ margin-top:60px}
.pindex03 .owl-dot{ display:inline-block; width:20px; height:20px; margin:0 5px; border:2px solid transparent; border-radius:50%; position:relative}
.pindex03 .owl-dot:before{ content:""; display:block; position:absolute; z-index:2; left:3px; right:3px;top:3px; bottom:3px; background-color:#fff; border-radius:50%;}
.pindex03 .owl-dot.active:before{ background-color:#00a73c}
.pindex03 .owl-dot.active{border:2px solid #00a73c;} 

.pindex04{ padding:100px 0}
.pindex04 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: flex-start}
.pindex04 .left{flex:0 0 402px; overflow:hidden; border-radius:20px; height:474px;}
.pindex04 .left img{ display:block; width:100%; height:100%;object-fit: cover;}
.pindex04 .center{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; padding:0 4%}
.pindex04 .center .p1{ font-size:40px; color:#00a73c}
.pindex04 .center .ms{ line-height:2}
.pindex04 .center 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; margin-bottom:20px}
.pindex04 .center ul li{ border-right:1px solid #e5e5e5; padding-right:20px}
.pindex04 .center ul li:last-child{ border-right:none;  }
.pindex04 .center ul .num{ line-height:1.4}
.pindex04 .center ul .num span{ font-size:38px; font-weight:bold; color:#666666}
.pindex04 .center ul .num i{ vertical-align:top}
.pindex04 .center ul .p{ font-size:16px}
.pindex04 .center .more{ margin-top:10px}
.pindex04 .center .more a{ display:inline-block; width:216px; line-height:50px; background-color:#00a73c; position:relative; text-align:center; color:#fff; border-radius:50px; position:relative}
.pindex04 .center .more a:before{ content:">"; display:block; position:absolute; z-index:2; right:30px;top:0; bottom:0; color:#fff; font-weight:bolder; font-family:"宋体" }
.pindex04 .right{flex:0 0 24.6%; border:1px solid #c1cfbe; border-radius:20px; position:relative} 
.pindex04 .right .hd{ height:56px; line-height:56px; background-color:#00a73c; color:#fff; text-align:center;border-radius:20px 20px 0 0 ;}
.pindex04 .right ul{ padding:20px}
.pindex04 .right ul li{ margin-bottom:12px;}
.pindex04 .right ul li input{ width:100%; border:1px solid #00a73c; height:48px; border-radius:48px; background-color:#f6f9f5; padding:0 15px;}
.pindex04 .right ul li select{ width:100%; border:1px solid #00a73c; height:48px; border-radius:48px; background-color:#f6f9f5; padding:0 15px;}
.pindex04 .right .btn{ position:absolute; z-index:2;height:48px; border:none; background-color:#00a73c; color:#fff; border:none; left:20px; display:block; width:calc(100% - 40px); border-radius:24px; cursor:pointer}
.pindex04 .right textarea{width:100%; border:1px solid #00a73c; border-radius:24px; background-color:#f6f9f5; padding:15px;}

.pindex05{ background-color:#f5f5f5; padding:100px 0}
.pindex05 ul{ margin:0 -10px;}
.pindex05 li{ float:left; width:25%; margin-bottom:20px;}
.pindex05 li a{ display:block; margin:0 10px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.05)}
.pindex05 li .img{ overflow:hidden; height:220px}
.pindex05 li .img img{ display:block; width:100%; height:100%;    object-fit: cover;}
.pindex05 li .txt{ padding:10px}
.pindex05 li .txt .p1{ color:#999; font-size:12px;}
.pindex05 li .txt h3{ font-weight:normal; font-size:16px; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height:1.5; height:48px;}
.pindex05 li .txt .p2{ color:#999; font-size:12px; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height:40px;}
.pindex05 li .txt .p3{ color:#999; font-size:12px; margin-top:5px; position:relative}
.pindex05 li .txt .p3:before{ content:">"; display:block; position:absolute; z-index:2; right:0;top:0; bottom:0; font-weight:bolder; font-family:"宋体" }
.pindex05 li .txt .p3 span{ display:inline-block; padding-left:15px; background-repeat:no-repeat; background-position:center left; background-size:14px; margin-right:10px}
.pindex05 li .txt .p3 .date{ background-image:url(../images/ico-date.png)}
.pindex05 li .txt .p3 .num{ background-image:url(../images/ico-nums.png)}
.pindex05 .more{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; margin-top:45px}
.pindex05 .more:before,.pindex05 .more:after{ content:""; display:block;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; background-color:#e6e6e6; height:1px}
.pindex05 .more a{ display:block; margin:0 20px; font-size:12px; color:#999}
.pindex05 .more a:before{ content:""; display:block; width:30px; height:30px; background:#e1e1e1 url(../images/ico-downb.png) no-repeat center; background-size:50%; border-radius:50%; margin:0 auto; margin-bottom:5px}

.pindex06{ background:url(../images/pindex06bg.jpg) no-repeat center; background-size:cover;}
.pindex06 .weap{ height:310px;}
.pindex06 a{ display:block; height:100%; text-align:right; color:#fff; font-size:32px; padding-top:100px}
.pindex06 .p1{ font-weight:bold}
.pindex06 .p1 i{ display:inline-block; border:1px solid #fff; width:38px; height:38px; line-height:36px; text-align:center; font-weight:normal; vertical-align:middle; margin-right:10px}

.page01 .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;    padding: 20px;
    border: 1px solid #f2f2f2;
    background: #fff;
    
    border-radius: 10px;}
.page01 .bd li a:hover {
  box-shadow: 4px 4px 4px #ddd;
}
.page01 .bd li {margin-bottom: 50px;}
.page01 .bd li .img{flex:0 0 360px; height:205px; overflow:hidden; margin-right:40px;}
.page01 .bd li .img img{ display:block; width:100%; height:100%;    object-fit: cover;}
.page01 .bd li .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.page01 .bd li .txt h3{color: #363636;
    font-size: 24px;
    font-weight: bold; margin-bottom:20px}
.page01 .bd li .txt .p{ color:#666}	

.classify02{ padding:55px 0}
.classify02 ul{ text-align:center; font-size:0;}
.classify02 ul li{ display:inline-block; vertical-align:middle; margin:0 10px; margin-bottom:10px}
.classify02 ul li a{ display: block; min-width: 140px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 25px;
    font-size: 20px;
    color: #fff; 
    background: linear-gradient(to right, #8ec320, #46ab32); padding:0 10px;}
.classify02 ul li a:hover,.classify02 ul li.on a{    background: linear-gradient(to right, #f7a500, #f18900);}

.page02 .bdbox{ border:1px solid #9dbd97; padding:40px 55px; border-radius:20px}
.page02 .title h1{ font-size:30px; margin-bottom:20px}
.page02 .conn{ overflow:hidden; margin-bottom:40px;}
.page02 .owl-dots{ text-align:center; margin-top:40px}
.page02 .owl-dots .owl-dot { display:inline-block; width:12px; height:12px; background-color:#0ea944; border-radius:50%; margin: 0 8px;}
.page02 .owl-dots .owl-dot.active{ background-color:#8fc31f}
.page02 .item{ height:225px; overflow:hidden}
.page02 .item img{ display:block; height:100%;    object-fit: cover;}

.jiamen{ background-color:#11682d; padding:10px 0; margin-top:60px}
.jiamen .weap{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; padding-right:205px; position:relative}
.jiamen .weap:before{ content:""; display:block; width:162px; height:232px; position:absolute; z-index:2; right:33px; background:url(../images/ico-renwu.png) no-repeat center; background-size:100%; bottom:-23px;}
.jiamen .left{ margin-right:135px;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;}
.jiamen .left .p{ margin-right:25px; line-height:1.4}
.jiamen .left .pp1{ font-size:50px; color:#beee9f; font-weight:bold}
.jiamen .left .pp2{ font-size:30px; color:#fff; letter-spacing:9px}
.jiamen .right{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;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;}
.jiamen .right .hd span{ display:block; color:#fff; font-size:26px; line-height:1.4; font-weight:bold}
.jiamen .right .hd{ margin-right:10px;}
.jiamen .right .bd{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;}
.jiamen .right .bd li{ float:left; width:49%; margin:2px .5%;}
.jiamen .right .bd li input{ width:100%; height:38px; background-color:#fff; padding:0 10px; border:none}
.jiamen .right .bd li select{width:100%; height:38px; background-color:#fff; padding:0 10px; border:none}
.jiamen .right .btn{ width:96px; height:83px; background:url(../images/btnbg.png) no-repeat center; background-size:100%; cursor:pointer; display:block; border:none; margin-left:25px}
.jiamen .close{ width:33px; height:33px; position:absolute; z-index:3; background:url(../images/ico-close.png) no-repeat center; background-size:100%; right:0;top:-80px; cursor:pointer}

.page03 .bd ul{ margin:0 -10px;}
.page03 .bd li{ float:left; width:25%; margin-bottom:20px;}
.page03 .bd li a{ display:block; margin:0 10px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.05)}
.page03 .bd li .img{ overflow:hidden; height:220px}
.page03 .bd li .img img{ display:block; width:100%; height:100%;    object-fit: cover;}
.page03 .bd li .txt{ padding:10px}
.page03 .bd li .txt .p1{ color:#999; font-size:12px;}
.page03 .bd li .txt h3{ font-weight:normal; font-size:16px; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height:1.5; height:48px;}
.page03 .bd li .txt .p2{ color:#999; font-size:12px; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height:40px;}
.page03 .bd li .txt .p3{ color:#999; font-size:12px; margin-top:5px; position:relative}
.page03 .bd li .txt .p3:before{ content:">"; display:block; position:absolute; z-index:2; right:0;top:0; bottom:0; font-weight:bolder; font-family:"宋体" }
.page03 .bd li .txt .p3 span{ display:inline-block; padding-left:15px; background-repeat:no-repeat; background-position:center left; background-size:14px; margin-right:10px}
.page03 .bd li .txt .p3 .date{ background-image:url(../images/ico-date.png)}
.page03 .bd li .txt .p3 .num{ background-image:url(../images/ico-nums.png)}
.page03 .more{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; margin-top:45px}
.page03 .more:before,.page03 .more:after{ content:""; display:block;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; background-color:#e6e6e6; height:1px}
.page03 .more a{ display:block; margin:0 20px; font-size:12px; color:#999}
.page03 .more a:before{ content:""; display:block; width:30px; height:30px; background:#e1e1e1 url(../images/ico-downb.png) no-repeat center; background-size:50%; border-radius:50%; margin:0 auto; margin-bottom:5px}
.page0401{ margin-bottom:90px}
.page0401 .bd{ width:1200px; margin:0 auto; max-width:100%}
.page0401 .owl-carousel .owl-stage{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.page0402 img{ display:block; width:100%; margin-bottom:65px}
.page0402 .weap{ max-width:1200px}

.mainpage05{ padding:0}
.mainpage0501 .map{ height:550px}

.mainpage0502{ padding-top:80px; padding-bottom:120px}
.mainpage0502 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.mainpage0502 .left{flex:0 0 500px; margin-right:60px; padding-right:60px; border-right:1px solid #d9d9d9}
.mainpage0502 .t{ font-size:28px; margin-bottom:25px;}
.mainpage0502 .t:after{ content:""; display:block; width:25px; height:2px; background-color:#666666}
.mainpage0502 .right{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.mainpage0502 .right li{ display:inline-block; vertical-align:top; text-align:center; margin-right:15px;}
.mainpage0502 .right li .img{ margin-bottom:5px;width:124px;}
.mainpage0502 .right li .img img{ display:block; width:100%}

.xxplo{color:#11712a; text-align:center; line-height:1.4; margin-bottom:40px}
.xxplo h3{  font-size:30px;}
.xxplo .eng{ text-transform:uppercase; font-size:20px;}

.xxabout01{ padding:70px 0; padding-bottom:0} 
.xxabout01 .bd{ background:url(../images/xxabout01bg.jpg) no-repeat center; background-size:cover; color:#fff; padding:20px 0 }
.xxabout01 li{ float:left; width:33.33%; text-align:center; padding:60px 0; line-height:1.3; position:relative}
.xxabout01 li .p1{ font-size:27px}
.xxabout01 li i.jia{ content:""; display:block; width:191px; height:191px; background:url(../images/ico-jia.png) no-repeat center; background-size:100%; position:absolute; z-index:3; right:-95px; bottom:-95px;}
.xxabout01 li .p1 span{ font-size:50px}
.xxabout01 li .p2{ font-size:30px}
.xxabout01 li .p3{ margin-top:10px;}
.xxabout01 li .p3 img{ height:62px;}

.xxabout02{ background-color:#f5f5f5; padding:70px 0;}
.xxabout02 .weap{ overflow:hidden; padding-bottom:50px}
.xxabout02 .hd{ text-align:center; color:#00a139; margin-bottom:25px;}
.xxabout02 .hd .p1{ font-size:24px; text-transform:uppercase;}
.xxabout02 .hd .p2{ font-size:31px; font-weight:bold;}
.xxabout02 .left{ float:left; width:48%; background-color:#fff; padding-top:65px;}
.xxabout02 .right{ float:right; width:48%; background-color:#fff; padding-top:65px;}
.xxabout02 .hd .line{ width:42px; height:2px; background-color:#00a139; margin:0 auto; margin-top:10px;}
.xxabout02 .bd{ text-align:center; padding:0 65px; font-size:16px; min-height:168px;}
.xxabout02 .bd span{ display:block}

.xxabout02Swiper{ position:relative}
.xxabout02Swiper .owl-dots{ position:absolute; z-index:3; left:0; right:0; text-align:center;bottom:-40px;}
.xxabout02Swiper .owl-dots .owl-dot{  width:15px; height:15px; border-radius:50%; display:inline-block; background-color:#c7c7c7; margin:0 8px}
.xxabout02Swiper .owl-dots .owl-dot.active{ background-color:#01a73b}

.xxabout03{ padding:70px 0}
.xxabout03 img{ width:100%;}
.xxabout03 .weap{max-width: 1445px;}
.xxabout03 .left{ width:55%; float:left}
.xxabout03 .left .hd{ text-align:center; color:#00a139; margin-bottom:25px;}
.xxabout03 .left .hd .p1{ font-size:24px; text-transform:uppercase;}
.xxabout03 .left .hd .p2{ font-size:31px; font-weight:bold;}
.xxabout03 .left .hd .line{ width:42px; height:2px; background-color:#00a139; margin:0 auto; margin-top:10px;}
.xxabout03 .right{ width:40%; float:right; padding-top:30px;}
.xxabout03 .right .t{ text-align:center; font-size:23px; color:#00a139; margin-bottom:20px; font-weight:bold}
.xxabout03 .right .bd01{ margin-bottom:40px}
.xxabout03 .right .bd02{ margin-bottom:40px}
.xxabout03 .right .bd01 ul{ font-size:0;}
.xxabout03 .right .bd01 li{ display:inline-block; vertical-align:middle; width:50%; text-align:center}
.xxabout03 .right .bd01 li .p1{ font-size:20px; font-weight:bold}
.xxabout03 .right .bd01 li .p2{ font-size:16px;}
.xxabout03 .right .bd03 .txt{ max-width:430px; margin:0 auto; font-size:16px;}

.xxabout05{ padding-bottom:130px;}
.xxabout05 .weap{ max-width:1410px;}
.xxabout05 .hd{ text-align:center; color:#00a139; margin-bottom:25px; line-height:1.4}
.xxabout05 .hd .p1{ font-size:24px; text-transform:uppercase;}
.xxabout05 .hd .p2{ font-size:31px; font-weight:bold;}
.xxabout05 .hd .line{ width:42px; height:2px; background-color:#00a139; margin:0 auto; margin-top:10px;}
.xxabout05 .hd li{ cursor:pointer}
.xxabout05 .bhd{ float:left; width:37%;}
.xxabout05 .bbdd{ float:right; width:60%;}

.xxabout05 .bhd li{ height:105px; background-color:#f4f4f4; padding-right:18px; border-bottom:1px solid #d8d8d8; border-top:1px solid #f3f3f3; position:relative}
.xxabout05 .bhd li.on:before{ content:""; display:block;width:0;
height:0;
border-top:8px solid transparent;
border-bottom:8px solid transparent;
border-left:8px solid #06872b; right:-8px;top:50%; margin-top:-7px; position:absolute; z-index:2;}
.xxabout05 .bhd li:last-child{ border-bottom:none}
.xxabout05 .bbdd{ height:524px}
.xxabout05 .bbdd .tempWrap,.xxabout05 .bbdd ul,.xxabout05 .bbdd li{ height:100%;}
.xxabout05 .bbdd li img{ display:block; width:100%; height:100%}
.xxabout05 .bhd li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; cursor:pointer}
.xxabout05 .bhd li .t{flex:0 0 110px; text-align:center; background-color:#e9e9e9}
.xxabout05 .bhd li .t span{ display:block; position:relative;top:50%; transform:translateY(-50%); font-size:50px; font-family:Impact;}
.xxabout05 .bhd li .txt{position:relative;top:50%;transform:translateY(-50%); }
.xxabout05 .bhd li .txtbox{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; padding-left:20px}
.xxabout05 .bhd li .txtbox .p1{ font-size:22px; }
.xxabout05 .bhd li .txtbox .p2{ font-size:16px; color:#666666}
.xxabout05 .bhd li.on{ background-color:#06872b}
.xxabout05 .bhd li.on .t{background-color:#00a139}
.xxabout05 .bhd li.on .t span{ color:#fff}
.xxabout05 .bhd li.on .txtbox .p1,.xxabout05 .bhd li.on .txtbox .p2{ color:#fff}

.xxabout06{ height:493px; background-repeat:no-repeat; background-position:center; background-size:cover}
.xxabout07{  background-repeat:no-repeat; background-position:center; background-size:cover; padding:70px 0;}
.xxabout07 .weap{ max-width:1330px;}
.xxabout07 .title{ text-align:center; margin-bottom:70px;}
.xxabout07 ul{ overflow:hidden;}
.xxabout07 ul li{ float:left;padding:0 25px; border-right:2px solid #3e3a39}
.xxabout07 ul li:last-child{ border-right:none}
.xxabout07 ul li img{ display:block; width:100%}

.xindex02 .mbd{ display:none !important}

.tool-bar .topa{ position:relative}
.tool-bar .topa:hover .popsub{ display:block}
.popsub{ position:absolute; z-index:999;top:50%; transform:translateY(-50%); padding-right:15px; width:230px; right:60px; display:none}
.popsub .subboxs{ position:relative; background-color:#fff; border-radius:5px; box-shadow:5px 5px 13px 0px rgba(80, 80, 80, 0.2)}
.popsub .subboxs .hd{ background-color:#00a73c; color:#fff; line-height:40px; padding:0 10px;border-radius:5px 5px 0 0; text-align:left; position:relative; font-size:16px;}
.popsub .subboxs::after{position: absolute;
    width: 15px;
    height: 15px;
    background: #fff;
    box-shadow: 5px 5px 13px 0px rgba(80, 80, 80, 0.2);
    content: "";
    display: block;
    top: 50%;
    margin-top: -7.5px;
    right: -7.5px;
    transform: rotateZ(-45deg);}
.popsub .subboxs .bd{ padding:10px}	
.popsub .subboxs li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; margin-bottom:5px; }
.popsub .subboxs li .t{ margin-right:10px;}
.popsub .subboxs .inputs{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;  font-size:12px; }
.popsub .subboxs .inputs .inputtxt{ width:100%; border:1px solid #eee; padding:0 5px;height:32px; font-size:12px;}
.popsub .subboxs select{ width:100%; border:1px solid #eee; padding:0 5px;height:32px;  font-size:12px;}
.popsub .subboxs textarea{width:100%; border:1px solid #eee; padding:5px;}
.popsub .subboxs .btn{ width:100%; height:32px;background-color:#00a73c; color:#fff; border:none; cursor:pointer; margin-left:38px}
.tool-bar .bottoma .a:hover .popsub{ display:block}
@media(max-width:1920px) {
.banner .item{ height:44vw}
}
@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;} 

.xindex01 .hd h3{ font-size:28px; background-size:24px}
.xindex01 .hd .p{ font-size:16px}
.xindex01 .bd .ms{ font-size:15px}
.xindex01 .bd ul .num span{ font-size:42px}
.xplo h3{ font-size:28px}
.xplo .p{ font-size:16px}
.xplo h3:after, .xplo h3:before{ width:28px}
.xindex02 .bd li h3{ font-size:24px; }
.xindex02 .bd li .t{ width:40px; margin-left:-20px}
.xindex02 .bd li a{ height:490px}
.pindex03{ height:630px;}
.pindex03 .weap{ padding-top:160px}
.pindex03 .item .p1{ font-size:21px}
.pindex03 .item .p2{ font-size:30px}
.pindex04 .center .p1{ font-size:28px}
.pindex04 .center ul .num span{ font-size:32px}

.xxabout06{ height:39.7vw}
}
@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) {
 
.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}
.nbanner.n09{ height:60vw}

.pindex04 .left{flex:0 0 300px;  }
.pindex04 .center{ padding:0 2%}
}
 
@media(max-width:999px) {
 
.banner .owl-dot{ width:20px; height:3px; }

.mainlanmu{ padding:50px 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 .classify ul{ 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:10px}
.pathbar .classify li{ width:50%;  display:block; padding:0; float:left; margin-bottom:10px}
.pathbar .classify li a{ line-height:40px; border:1px solid #eee; padding:0; text-align:center; width:auto; font-size:15px; margin:0 5px;}
 
.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 .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}
.about02 li{ width:50%}

.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}
 
 
.banner .owl-dots{ bottom:0px;}
.plo{ margin-bottom:25px}
.serviceindex .plo{ margin-bottom:5px;}
.plo h3{ font-size:22px;} 
.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}
.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:#fff; 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:#00a73c}
.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}

.about02 ul{ margin:0 -5px}
.about02 li{   margin-bottom:10px}
.about02 li .a{ margin:0 5px } 
.about02 li .ico{ height:60px; margin-bottom:15px}
.about02 li .txt h3{ font-size:21px}
.about02 li .txt .p span{ font-size:14px}
.about02{ 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)}

.xindex01{ padding:40px 0}
.xindex01 .left{ float:none; width:100%; margin-bottom:20px}
.xindex01 .right{ float:none; width:100%}
.xindex01 .bd ul .num span{ font-size:30px}
.xindex01 .hd h3{ font-size:22px;background: url(../images/xico-arrow.png) no-repeat right 4px; background-size:24px}
.xindex01 .hd .p{ font-size:16px}
.xindex01 .hd a { background-size:20px;}
.xindex01 .hd{ margin-bottom:20px}
.xindex01 .bd .ms{ font-size:14px}
.xindex01 .bd ul .num i{ font-size:14px}
.xindex01 .bd ul li{ padding-right:4vw;  min-width:0; text-align:center}
.xindex01 .bd ul li:last-child{ padding-right:0}
.xindex01 .bd ul li .p{ font-size:12px}
.xindex01 .bd ul{ margin-top:20px; }
.xindex01 .right .pay{ width:80px; height:80px; margin-left:-40px; margin-top:-40px}

.xindex02{ padding:40px 0}
.xplo h3{ font-size:22px}
.xplo h3:after, .xplo h3:before{ height:2px; width:30px}
.xplo{ margin-bottom:20px}
.xindex02 .bd ul{ margin:0 -5px}
.xindex02 .bd li{ width:33.33%; }
.xindex02 .bd li a{ margin:0 5px;}
.xindex02 .bd li .img{ height:70vw}
.xindex02 .bd li .txt h3{ font-size:16px}
.xindex02 .bd li .more { font-size:12px}
.xindex03{ padding:40px 0}
.xindex03 .left{ float:none; width:100%; margin-bottom:10px}
.xindex03 .right{ float:none; width:100%;}
.xindex03 .left li .img{ height:30vw}
.xindex03 .left li .txt{ padding:5px 10px}
.xindex03 .left li .txt h3{ font-size:16px; margin-bottom:5px}
.xindex03 .left li .txt .date{ font-size:14px}
.xindex03 .left li .img span{ line-height:36px; font-size:12px}
.xindex03 .right{padding:10px; padding-top:40px; height:auto}
.xindex03 .right .title{ line-height:36px; font-size:12px; }
.xindex03 .right li h3{ font-size:16px}
.xindex03 .right li .date .d{ font-size:28px}
.xindex03 .right li{ padding:10px 0}
.xindex04{ padding:40px 0; padding-top:0}
.xplo .p{ font-size:12px}
.xindex04 li{ width:33.33%}
.xindex04 li .a{ height:20vw; line-height:20vw}

.aindex01{ padding:40px 0}
.aindex01 .hd h3{ font-size:22px}
.aindex01 .left{ float:none; width:100%}
.aindex01 .bd .ms{ font-size:14px;}
.aindex01 .bd .ms p{ text-indent:2em}
.aindex01 .hd{ text-align:center; margin-bottom:20px}
.aindex01 .hd .line{ width:30px; height:2px; margin:0 auto; margin-top:10px}
.amores a{ height:36px; line-height:32px; width:120px; font-size:12px;}
.aindex01 .bd .amores{ text-align:center}
.amores{ margin-top:20px}
.aindex01 .right{ float:none; width:100%; margin-top:20px}
.aindex02{ padding:40px 0}
.aindex02 ul{ margin:0 -5px}
.aindex02 li{ width:33.33%; margin-bottom:10px}
.aindex02 li .a{ margin:0 5px; height:20vw; line-height:20vw}
.aindex04 .bd li{ width:50%; margin-bottom:15px}
.aindex04 .bd ul{ margin:0 -5px}
.aindex04 .bd li a{ margin:0 5px;}
.aindex04 .bd li h3{ font-size:16px; margin-top:5px}
.aindex04 .bd li .img{ height:30vw}
.aindex04{ padding-bottom:40px}
.aindex05 .owl-nav{ display:none !important}
.aindex05{ padding:40px 0}
.storelist .hd{ display:block;}
.storelist .hd .right .input{ width:100%}
.storelist .hd .left{ font-size:16px;}
.storelist .hd .left span{ font-size:22px; margin:0 10px}
.storelist .hd .right .input{ font-size:14px}
.storelist .bd li{ display:block; margin-bottom:25px}
.storelist .bd li .img{ margin-right:0; height:60vw; margin-bottom:20px}
.storelist .bd li dl h3{ font-size:22px; text-align:center}
.storelist .bd li dl dd{ font-size:16px}
.storelist .bd li dl dd a{ font-size:16px}
.storelist .bd li dl dd.more a{ font-size:12px; line-height:36px; height:38px}
.storelist .bd li dl dd.more{ text-align:center}

.storepage .hd h3{ font-size:22px; text-align:center; margin-bottom:20px}
.storepage .bd{ display:block}
.storepage .bd .left{ margin-right:0px; height:35vw; margin-bottom:20px}
.storepage .bd .right{ font-size:14px; line-height:2}
.storepage .bd .right a{ font-size:14px}

.xindex02 .bd ul{ display:block}
.xindex02 .bd li{ width:100%}
.xindex02 .bd li a{ background-size:cover; height:50vw}
.xindex02 .bd li .txt{ opacity:1; padding:10px; text-align:center}
.xindex02 .bd li .t{ display:none}
.xindex02 .bd li .more{ bottom:10px; height:34px; line-height:32px}

.pindex03 .item .p2{ font-size:22px}
.pindex03 .weap{ padding-top:20vw}
.pindex03 .item .p1:before{ width:49px}
.pindex03{ height:100vw}
.pindex03 .owl-dots{ margin-top:4vw}
.pindex04{ padding:40px 0}
.pindex04 .weap{ display:block}
.pindex04 .left{ height:30vw; margin-bottom:10px}
.pindex04 .center ul .num span{ font-size:30px}
.pindex04 .center ul .p{ font-size:14px}
.pindex04 .center .p1{ font-size:24px}
.pindex04 .center .more{ margin-top:15px; text-align:center}
.pindex04 .center .more a{ height:36px; line-height:34px; width:130px}
.pindex04 .center .more a:before{ right:15px}
.pindex04 .center{ margin-bottom:20px}
.pindex04 .right .hd{ height:42px; line-height:42px}
.pindex04 .right ul li input{ height:42px}
.pindex04 .right ul li select{ height:42px}
.pindex04 .right .btn{ height:42px; bottom:-21px}
.pindex05{ padding:40px 0}
.pindex05 li{ width:50%; margin-bottom:10px}
.pindex05 li a{ margin:0 5px;}
.pindex05 ul{ margin:0 -5px}
.pindex05 li .img{ height:30vw}
.pindex05 .more{ margin-top:25px}
.pindex06 .weap{ height:210px}
.pindex06 a{ padding-top:70px; font-size:21px}
.pindex06 .p1 i{ width:28px; height:28px; line-height:26px;}
.nbanner .p{ font-size:16px; text-align:center}
.page01 .bd li a{ display:block}
.page01 .bd li .img{ margin-right:0; height:50vw; margin-bottom:10px}
.page01 .bd li .txt h3{ margin-bottom:10px}
.page01 .bd li{ margin-bottom:20px}
.mainpage05{ padding:0}
.mainpage0501 .map{ height:90vw}
.mainpage0502 .weap{ display:block}
.mainpage0502{ padding-top:40px; padding-bottom:40px}
.mainpage0502 .left{ padding:0; margin:0; border-right:none; margin-bottom:20px}
.mainpage0502 .t{ font-size:22px; text-align:center}
.mainpage0502 .t:after{ margin:0 auto}
.mainpage0502 .right ul{ font-size:0}
.mainpage0502 .right li{ width:calc(50% - 20px); margin:0 10px; margin-bottom:10px}
.mainpage0502 .right li .img{ margin:0 auto}
.mainpage0502 .right li .p{ font-size:14px}
.jiamen .weap{ display:block; padding-right:10px}
.jiamen .left{ margin-right:0; margin-bottom:10px}
.jiamen .left .p{ margin-right:10px}
.jiamen .left .p img{ width:70px}
.jiamen .left .pp1{ font-size:30px}
.jiamen .left .pp2{ font-size:20px}
.jiamen .weap:before{ display:none}
.jiamen .right .btn{ margin-left:10px}
.jiamen .right .hd{ display:none}
.jiamen .close{ right:10px; width:30px; height:30px;top:-50px}

.classify02{ padding:10px 0}
.page0401 .owl-nav{ display:none !important}
.page0401 .owl-dots .owl-dot{ background-color:#e2e2e2}
.page0401 .owl-dots .owl-dot.active{background-color: #00a73c;}
.page0401{ margin-bottom:40px}
.page02 .bdbox{ padding:15px; border-radius:5px}
.page02 .title h1{ font-size:22px; margin-bottom:10px; text-align:center}
.page02 .owl-dots{ margin-top:20px}
.page02 .owl-dots .owl-dot{ width:10px; height:10px}

.page03 .bd li{ width:50%; margin-bottom:10px}
.page03 .bd li a{ margin:0 5px;}
.page03 .bd ul{ margin:0 -5px}
.page03 .bd li .img{ height:30vw}
.page03 .more{ margin-top:25px}

.xxabout01{ padding:40px 0}
.xxplo h3{ font-size:22px}
.xxplo .eng{ font-size:16px}
.xxplo{ margin-bottom:20px}
.xxabout01 li{ padding:40px 0}
.xxabout01 li .p1 span{ font-size:32px}
.xxabout01 li .p1{ font-size:16px}
.xxabout01 li .p2{ font-size:18px;}
.xxabout01 li .p3 img{ height:42px}
.xxabout01 li i.jia{ width:100px; height:100px; right:-50px; bottom:-50px;}

.xxabout02{ padding:40px 0}
.xxabout02 .left{ width:98%; float:none; padding-top:40px; margin-bottom:70px;}
.xxabout02 .right{ width:98%; float:none; padding-top:40px;}
.xxabout02 .hd .p1{ font-size:16px}
.xxabout02 .hd .p2{ font-size:22px}
.xxabout02 .bd{ min-height:50px; margin-bottom:10px; padding:0 10px; }
.xxabout02Swiper .owl-dots .owl-dot{ width:12px; height:12px;}

.xxabout03{ padding-top:40px; padding-bottom:20px}
.xxabout03 .left{ float:none; width:100%}
.xxabout03 .right{ float:none; width:100%}
.xxabout03 .left .hd .p1{ font-size:16px}
.xxabout03 .left .hd .p2{ font-size:22px;}
.xxabout03 .right .t{ font-size:18px}
.xxabout05{ padding-top:20px; padding-bottom:40px;}
.xxabout05 .bhd{ float:none; width:100%}
.xxabout05 .hd .p1{ font-size:16px;}
.xxabout05 .hd .p2{ font-size:22px;}
.xxabout05 .bbdd{ float:none; width:100%; height:auto}
.xxabout05 .bhd li .t span{ font-size:35px;}
.xxabout05 .bhd li .txtbox .p1{ font-size:16px;}
.xxabout05 .bhd li .txtbox .p2{ font-size:14px;}
.xxabout05 .bhd li:before{ display:none !important}
.xxabout05 .bbdd{ display:none}

.xxabout05 .bhd li:before{ content:""; display:block;width:0;
height:0;
border-top:8px solid transparent;
border-bottom:8px solid transparent;
border-left:8px solid #06872b; right:-8px;top:50%; margin-top:-7px; position:absolute; z-index:2;}
 
.xxabout05 .bhd li{ background-color:#06872b; height:auto}
.xxabout05 .bhd li .t{background-color:#00a139; padding-top:20px; padding-bottom:20px;}
.xxabout05 .bhd li .t span{ color:#fff}
.xxabout05 .bhd li .txtbox .p1,.xxabout05 .bhd li .txtbox .p2{ color:#fff}
.xxabout05 .bhd li .txtbox{padding-top:20px; padding-bottom:20px;}
.xxabout07{ padding:40px 0}
.xxabout07 .title{ margin-bottom:20px;}
.xxabout07 .title img{ height:50px}
.xxabout07 ul li{ float:none; width:100%; padding:20px 0; border-right:none; border-bottom:2px solid #3e3a39}
.xxabout07 ul li:last-child{ border-bottom:none}

.xindex02 .bd{ display:none !important}
.xindex02 .mbd{ display:block !important; margin:0 5px;}
.xindex02 .mbd a{ display:block; margin:0 5px; text-align:center; background-repeat:no-repeat; background-size:cover; background-repeat:no-repeat; color:#fff; padding:25vw 0}
.xindex02 .mbd h3{ font-size:20px; margin-bottom:20px}
.xindex02 .mbd .more{ display:inline-block; padding:5px 20px; border:1px solid #fff; font-size:12px;}
.xindex02 .owl-dots .owl-dot{ background-color:#8ac80f}
.xindex02 .owl-dots .owl-dot.active{ background-color:#00a73c}

.popsub.block{ display:block !important;visibility: visible;}
.popsub{ position:fixed; padding-right:0; left:0; right:0;top:0; bottom:0; background-color:rgba(0,0,0,.7); width:100%;transform:none}
.popsub .subboxs::after{ display:none}
.tool-bar{ z-index:1000}
.popsub .subboxs{ width:70%; margin:0 auto; position:relative;top:50%; transform:translateY(-50%)}
.popsub .subboxs .mclsoe{ position:absolute; z-index:3; width:40px; height:40px; right:0;top:0; background:url(../images/ico-clsoe.png) no-repeat center; background-size:50%}
}


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

.pindex03 .item .p1{ font-size:16px}
.nbanner .p{ font-size:14px}
.classify02 ul { text-align:left}
.classify02 ul li{ margin:0 2.5px; margin-bottom:5px}
.classify02 ul li{ width:calc(50% - 5px)}
.classify02 ul li a{ font-size:15px; height:42px; line-height:42px}
}