@charset "utf-8"; 
/*banner*/ 
 
.banner{height:570px; position:relative; z-index:1}
.banner .item{ height:570px; background-position:center; background-repeat:no-repeat; background-size:cover} 
.banner .slick-dots{ position:absolute; z-index:2; bottom:20px; left:0; right:0; text-align:center}
.banner .slick-dots li{ display:inline-block; width:11px; height:11px; border:1px solid #fff; border-radius:50%; margin:0 8px; cursor:pointer}
.banner .slick-dots li.slick-active{ background-color:#fff;  }
.banner .slick-dots button{ display:none}
.banner .slick-arrow{ position:absolute; z-index:1; width:23px; height:37px; cursor:pointer; overflow:hidden; text-indent:-99px; border:none;top:50%; margin-top:-18px; background-color:transparent; background-repeat:no-repeat; background-position:center; background-size:100%} 

.plo{ text-align:center; margin-bottom:40px;line-height:1.1;} 
.plo .eng{ font-size:24px; color:#e5e5e6;font-weight:bold }
.plo h3{ font-size:36px; font-weight:normal; margin-bottom:12px;}

.index01{ padding-top:55px;} 
.index01 .bd{ overflow:hidden; background:url(../images/index01bg.jpg) no-repeat center bottom; background-size:cover; padding-bottom:100px;}
.index01 .bd .img{ float:left; width:47.62%}
.index01 .bd .img img{ display:block; width:100%}
.index01 .bd .txt{ float:right; width:46.2%;}
.index01 .bd .txt .ms{ color:#333; line-height:1.9}
.index01 .bd .txt .b{ font-weight:bold; color:#333}
.index01 .bd .txt .b span{ color:#096a09}
.index01 .bd .txt .more{ margin-top:60px}
.index01 .bd .txt .more a{ font-weight:bold; color:#096a09}
.index01 .bd .txt .more a:hover{ opacity:.7}
.index01 .bd .txt .more a:after{ content:""; display:inline-block; width:34px; height:10px; vertical-align:middle; background:url(../images/ico-03.png) no-repeat center; background-size:100%; margin-left:20px}
table{ max-width:100%; width:100%!important;}
.index02{ background:url(../images/index02bg.jpg) no-repeat center bottom; background-size:cover; min-height:426px; padding-top:45px; padding-bottom:60px;}
.index02 .plo{ margin-bottom:90px;}
.index02 .bd ul{ margin-left:-15px; margin-right:-15px;}
.index02 .bd li{ float:left; width:33.33%; text-align:center}
.index02 .bd li a{ display:block; background-color:#fff; margin:0 15px; padding:10px; box-shadow:0 2px 18px rgba(41,41,41,.18)}
.index02 .bd li a:hover{ color:#fff; background-color:#096a09}
.index02 .bd li h3{ font-size:16px; line-height:1.1; font-weight:normal; margin-bottom:2px}
.index02 .bd li .eng{ text-transform:uppercase}

.indexmore{ text-align:center; margin-top:60px}
.indexmore a{ display:inline-block; width:180px; height:42px; line-height:42px; background-color:#096a09; color:#fff; text-align:center;position:relative;top:0}
.indexmore a:hover{ background-color:#096a09; box-shadow:0 5px 15px rgba(0,102,146,.3);top:-5px; }
.indexmore a:after{ content:""; display:inline-block; width:34px; height:10px; vertical-align:middle; background:url(../images/ico-03on.png) no-repeat center; background-size:100%; margin-left:20px}

.index03{ padding-top:45px; padding-bottom:55px;}
.index03 .plo{ margin-bottom:48px;}
.index03 ul{  margin-left:-38px; margin-right:-38px}
.index03 li{ float:left; width:25%}
.index03 li a{ display:block; margin:0 38px;}
.index03 li .img{ box-shadow:0 2px 20px rgba(0,0,0,.5)}
.index03 li .img img{ display:block; width:100%}

.index04{ background:url(../images/index04bg.jpg) no-repeat center; background-size:cover; color:#fff; padding-top:80px; padding-bottom:105px}
.index04 .plo{ margin-bottom:85px;}
.index04 ul{ text-align:center; font-size:0; max-width:1600px; margin:0 auto; padding:0 10px}
.index04 ul li{ display:inline-block; vertical-align:middle; font-size:24px; width:25%;}
.index04 ul .ico{ width:122px; height:122px; background-color:#fff; border-radius:50%; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 auto; margin-bottom:25px}
.index04 ul .ico-a01{ background-image:url(../images/ico-a01.png)}
.index04 ul .ico-a02{ background-image:url(../images/ico-a02.png)}
.index04 ul .ico-a03{ background-image:url(../images/ico-a03.png)}
.index04 ul .ico-a04{ background-image:url(../images/ico-a04.png)}
.index04 ul h3{ line-height:1.1}

.index05{ background-color:#f5f7fa; padding-top:60px; padding-bottom:70px;}
.index05 .plo{ margin-bottom:40px}
.index05 .bd{ overflow:hidden}
.index05 .bd ul{ margin-left:-10px; margin-right:-10px;}
.index05 .bd li{ float:left; width:14.285%; margin-bottom:10px}
.index05 .bd li .img{ margin:0 10px; overflow:hidden}
.index05 .bd li .img img{ display:block; width:100%}

.index06{ padding-top:40px; padding-bottom:45px;}
.index06 .indexmore{ margin-top:40px}
.index06 .bdleft{ width:45.8%; float:left}
.index06 .bdleft li{ border-bottom:1px dashed #d6d6d6}
.index06 .bdleft li:last-child{ border-bottom:none;}
.index06 .bdleft li .img{ height:290px; overflow:hidden}
.index06 .bdleft li .img span{ display:block; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;transition:all .4s;
	-moz-transition:all .4s;
	-webkit-transition:all .4s;
	-o-transition:all .4s;}
.index06 .bdleft li a:hover .img span{transform:scale(1.1);}	
.index06 .bdleft li .txt{ padding: 22px 0;}
.index06 .bdleft li .txt h3{ font-size:16px; line-height:1.1; margin-bottom:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index06 .bdleft li .txt .p{ color:#797979}
.index06 .bdright{ width:51.3%; float:right}
.index06 .bdright a{ display:block; overflow:hidden; position:relative; padding:15px 0; padding-left:22px; padding-right:100px;transition: all 0s;-moz-transition: all 0s;	/* Firefox 4 */-webkit-transition: all 0s;	/* Safari 和 Chrome */-o-transition: alll 0s;	/* Opera */}
.index06 .bdright a:before{ content:"·"; font-size:30px; position:absolute; z-index:1; left:0;top:50%; line-height:16px; margin-top:-8px;}
.index06 .bdright .img{ float:left; width:208px; overflow:hidden; margin-right:20px; display:none}
.index06 .bdright .img img{ display:block; width:100%}
.index06 .bdright .txt{ overflow:hidden}
.index06 .bdright .txt h3{ font-size:16px; font-weight:bold; margin-bottom:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:1; font-weight:normal; padding-right:90px }
.index06 .bdright .txt .p{ color:#797979; height:44px; overflow:hidden; margin-bottom:5px;display:none}
.index06 .bdright .txt .date{ font-size:16px; color:#797979; position:absolute; z-index:1; right:0;top:50%; margin-top:-12px;}
.index06 .bdright .on .txt h3{ margin-bottom:6px; padding-right:0} 
.index06 .bdright .on .img{ display:block}
.index06 .bdright .on .txt .p{ display:block;}
.index06 .bdright .on a{ padding-left:0; padding-right:0; padding-bottom:20px; margin-bottom:5px; padding-top:0; border-bottom:1px dashed #d6d6d6;}
.index06 .bdright .on a:before{ display:none}
.index06 .bdright .on .txt .date{ position:static; margin-top:0;}

#maximg p{ background:none!important;}
.nbanner{ background-position:center; background-repeat:no-repeat; background-size:cover}
.nbanner .weap{ display:table;height:240px; width:1180px;}
.nbanner .td{ display:table-cell; vertical-align:middle}
.nbanner .txt{ color:#096a09; line-height:1.1}
.nbanner .eng{ font-family:"Geometr415 Blk BT"; font-size:48px; text-transform:uppercase; margin-bottom:15px}
.nbanner h3{ font-size:30px; font-weight:normal;}
.nbanner .line{ width:56px; height:5px; background-color:#096a09; margin-top:20px}

.path{ padding-top:20px; padding-bottom:10px; color:#999999; border-bottom:1px solid #e1e1e1; margin-bottom:40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.path a{ color:#999999}
.path a:last-child{ color:#096a09}

.lanmunav{ margin-bottom:40px}
.lanmunav ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-left:-6px; margin-right:-6px}
.lanmunav ul li{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.lanmunav ul li a{ display:block; height:60px; line-height:60px; font-size:18px; background-color:#f5f7fa; border:1px solid #e1e1e1; text-align:center; margin:0 6px;}
.lanmunav ul li.on a,.lanmunav ul li a:hover{ background-color:#096a09; color:#fff; border:1px solid #096a09}

.lanmumain{ padding-bottom:0px;}
.aboutpage{ line-height:2; overflow:hidden; }
.aboutpage img{ max-width:100%; height:auto !important}

.lanmuleft{ width:250px; float:left;}
.sideplo{ height:75px; line-height:75px; background-color:#096a09; text-align:center}
.sideplo h3{ font-size:24px; color:#fff; font-weight:normal}
.sidenav{ margin-bottom:20px}
.sidenav h3{ border-top:1px solid #edeff1}
.sidenav h3 a{ display:block; line-height:26px; font-size:18px; font-weight:normal; text-align:center;font-weight: bold;}
.sidenav h3.on a{ color:#096a09}
.sidenav .bd{ background-color:#f5f7fa}
.sidenav .t{ text-align:center; height:90px; border-bottom:1px solid #edeff1; display:table;  width:100%; cursor:pointer}
.sidenav .t .td{ display:table-cell;vertical-align:middle;}
.sidenav .t h3{ font-size:18px; font-weight:bold; border-top:none}
.sidenav .t img{ max-height:30px; display:block; margin:0 auto}
.sidenav ul{ display:none}
.sidenav li a{ display:block; 
	/* padding-left:50px; */
	 line-height:66px; text-align: center; font-size:16px; border-bottom:1px solid #fff}
.sidenav li.on a{ color:#096a09}

.sidecontact{margin-bottom:20px}
.sidecontact .bd{ background-color:#f5f7fa; padding:20px; padding-left:35px; position:relative}
.sidecontact .bd:before{ content:""; display:block; width:28px; height:28px; border:1px solid #17749c; background:url(../images/ico-tel.png) no-repeat center; background-size:cover; border-radius:50%; position:absolute; z-index:1; left:30px;top:25px}
.sidecontact .bd a{ display:block; font-size:20px; font-family:Arial, Helvetica, sans-serif; padding-left:40px}

.lanmuright{ padding-left:40px; overflow:hidden}
.mainplo{ border-bottom:1px solid #e1e1e1; height:42px; margin-bottom:20px}
.mainplo h3{ line-height:1; font-size:23px}

.productlist{ overflow:hidden}
.productlist ul{ margin-left:-10px; margin-right:-10px;}
.productlist li{ float:left; width:33.33%; margin-bottom:20px;}
.productlist li .img{ margin-bottom:10px; overflow:hidden}
.productlist li .img img{ display:block; width:100%}
.productlist li a{ display:block; margin:0 10px; position:relative; padding:18px; padding-bottom:26px}
.productlist li a:before{ content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; border:1px solid #dcdcdc}
.productlist li a:hover:before{border:3px solid #096a09}
.productlist li h3{ font-size:16px; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:5px}
.productlist li .p{ color:#666666; height:44px; overflow:hidden}
.productlist li .p span{ color:#096a09; }

.productpage01{ margin-bottom:70px;}
.productpage01left{ float:left; width:51.6%;   }
.productpage01left .smallimg img{ display:block; width:100%}
.productpage01left .bigimg{ border:1px solid #dcdcdc; margin-bottom:15px}
.productpage01left .bigimg .item{ height:320px;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;}
.productpage01left .bigimg img{ display:block; max-width:100%; max-height:100%;}
.productpage01left .smallimg{ padding:0 25px; position:relative}
.productpage01left .smallimg .slick-current  span{border:1px solid #096a09;}
.productpage01left .smallimg span{ display:block; margin:0 5px; border:1px solid #e1e1e1; cursor:pointer}
.productpage01left .smallimg img{ height:66px;}
.productpage01left .smallimg .slick-arrow{ position:absolute; z-index:1; width:18px; cursor:pointer; height:66px;top:50%; margin-top:-33px; background-color:#e6e6e6; border:none; overflow:hidden; text-indent:-999px; background-repeat:no-repeat; background-position:center}
.productpage01left .smallimg .slick-prev{ left:0;background-image:url(../images/ico-prev.png)}
.productpage01left .smallimg .slick-next{ right:0; background-image:url(../images/ico-next.png)}

.productpage01right{ width:43.8%; float:right}
.productpage01right h1.title{ font-size:18px; line-height:1.2; border-bottom:1px solid #e1e1e1; padding-bottom:20px; margin-bottom:20px}
.productpage01right .ms{ color:#666; line-height:1.6; margin-bottom:20px}
.productpage01right .ms p{ margin-bottom:10px}
.productpage01right .consulta{ padding-bottom:25px; border-bottom:1px solid #e1e1e1; margin-bottom:20px}
.productpage01right .consulta a{ display:inline-block; width:215px; height:50px; line-height:50px; text-align:center; font-size:18px; color:#fff; background-color:#096a09}
.productpage01right .tela{ padding-left:60px; position:relative}
.productpage01right .tela:before{content:""; display:block; width:48px; height:48px; border:1px solid #17749c; background:url(../images/ico-tel.png) no-repeat center; background-size:cover; border-radius:50%; position:absolute; z-index:1; left:0;top:0}
.productpage01right .tela a{ font-size:20px; font-family:Arial, Helvetica, sans-serif}
.productpage01right .tela .p{ overflow:hidden}
.productpage01right .tela .p a{ float:left}
.productpage01right .tela .p a:last-child{ float:right}

.plo02{border-bottom:1px solid #e1e1e1; margin-bottom:35px}
.plo02 h3{ font-size:18px; display:inline-block; color:#096a09; border-bottom:2px solid #096a09; font-weight:normal; line-height:1.1; padding-bottom:20px; position:relative; bottom:-1px;}
.productpage02{ margin-bottom:40px}
.productpage02 .bd{ overflow:hidden; line-height:1.8}
.productpage02 .bd img{ max-width:100%; height:auto !important}

.productpage03{ margin-bottom:40px}
.productpage03 ul{ margin-left:-10px; margin-right:-10px;}
.productpage03 li{ float:left; width:33.33%; margin-bottom:20px;}
.productpage03 li .img{ margin-bottom:10px; overflow:hidden}
.productpage03 li .img img{ display:block; width:100%}
.productpage03 li a{ display:block; margin:0 10px; position:relative; padding:18px; padding-bottom:26px}
.productpage03 li a:before{ content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; border:1px solid #dcdcdc}
.productpage03 li a:hover:before{border:3px solid #096a09}
.productpage03 li h3{ font-size:16px; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:5px}
.productpage03 li .p{ color:#666666; height:44px; overflow:hidden}
.productpage03 li .p span{ color:#096a09; }

.productpage04{ margin-bottom:40px}
.productpage04 .plo02{ margin-bottom:15px}
.productpage04 li a{ font-size:16px; display:block; position:relative; line-height:38px; padding-right:100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productpage04 li a:before{ content:"·"; font-size:20px; vertical-align:middle; margin-right:10px; display:inline-block;}
.productpage04 li span{ display:block; position:absolute; z-index:1; right:0;top:0; color:#797979}

.intellist ul{  margin-left:-38px; margin-right:-38px}
.intellist li{ float:left; width:25%; margin-bottom:35px}
.intellist li .a{ display:block; margin:0 38px;}
.intellist li .img{ overflow: hidden; height:300px; text-align:center;}
.intellist li .img img{max-width:100%; height:100%;}
.intellist li .title{ height:52px; background-color:#e8ebef;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; overflow:hidden}
.intellist li .title h3{ text-align:center; width:100%; font-weight:normal; padding:0 10px; line-height:1.4}
.intellist li .title h3 i{ display:block;}

.projectlist ul{ margin-left:-13px; margin-right:-13px;}
.projectlist li{ float:left; width:33.33%; margin-bottom:26px}
.projectlist li a{ display:block; margin:0 13px; background-color:#f5f7fa;}
.projectlist li a:hover{ box-shadow:0 3px 27px rgba(0,0,0,.18)}
.projectlist li .img{ overflow:hidden}
.projectlist li .img img{ display:block; width:100%;	transition:all .4s;
	-moz-transition:all .4s;
	-webkit-transition:all .4s;
	-o-transition:all .4s;}
.projectlist li a:hover .img img{transform:scale(1.1);}
.projectlist li h3{ line-height:78px; font-size:18px; text-align:center; font-weight:normal}

.projectpage01{ overflow:hidden; line-height:2; padding-bottom:100px;}
.projectpage01 img{ max-width:100%; height:auto !important}
.projectpage01 h3.t01{ font-size:16px}

.projectpage02.productpage03 ul{ }
.projectpage02.productpage03 li{ width:25%}
.projectpage03.productpage04 li{ float:left; width:45%}
.projectpage03.productpage04 li a{ font-size:14px; line-height:36px}
.projectpage03.productpage04 li:nth-child(2n){ float:right}

.nbanner.style2 .txt{ color:#096a09}
.nbanner.style2 .txt .line{ background-color:#096a09}
.newslist li{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e1e1e1}
.newslist li:last-child{ border-bottom:none}
.newslist li a{ display:block; overflow:hidden}
.newslist li .img{ float:left; overflow:hidden; width:300px; height:210px;}
.newslist li .img img{ display:block; width:100%; height:100%;	transition:all .4s;
	-moz-transition:all .4s;
	-webkit-transition:all .4s;
	-o-transition:all .4s;
}
.newslist li a:hover .img img{transform:scale(1.1);}
.newslist li .txt{ overflow:hidden; padding-left:28px;}
.newslist li .txt h3{ font-size:16px; line-height:1.1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:20px}
.newslist li .txt .p{ color:#666; height:66px; overflow:hidden; margin-bottom:20px}
.newslist li .txt .date{ color:#999; margin-bottom:22px} 
.newslist li .txt .more span{ display:inline-block; width:180px; height:42px; line-height:42px; background-color:#096a09; color:#fff; text-align:center}
.newslist li .txt .more span:hover{ background-color:#096a09}
.newslist li .txt .more span:after{ content:""; display:inline-block; width:34px; height:10px; vertical-align:middle; background:url(../images/ico-03on.png) no-repeat center; background-size:100%; margin-left:20px}

.newspagemain .lanmuleft{ float:right}
.newspagemain .lanmuright{ padding-left:0; padding-right:40px}

.newspage{ margin-bottom:40px}
.newspage h1.title{ font-size:24px; line-height:1.1; margin-bottom:26px;}
.newspage .info{ font-size:13px; color:#888; margin-bottom:40px}
.newspage .info span{ margin-right:10%}
.newspage .conn{ overflow:hidden; line-height:2; margin-bottom:40px; font-size:15px}
.newspage .conn a{ font-size:15px}
.newspage .conn img{ max-width:100%; height:auto !important}
.newspage .fx{margin-bottom:40px; overflow:hidden}
.newspage .prevnext{ border-top:1px solid #e1e1e1; padding-top:50px}
.newspage .prevnext li{ font-size:16px; margin:5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newspage .prevnext li a{ font-size:16px; color:#999999;}
.newspage .prevnext li a:hover{ color:#096a09}

.sidenews .plo02{ margin-bottom:15px}
.sidenews .bd li a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display:block; line-height:30px; position:relative; padding-left:18px}
.sidenews .bd li a:before{ content:"·"; font-size:30px; position:absolute; z-index:1; left:0;top:50%; line-height:16px; margin-top:-8px;}

.piplist{ margin-bottom:60px}
.piplist li{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e1e1e1}
.piplist li a{ display:block} 
.piplist li h3{ font-size:18px; line-height:1.1; margin-bottom:20px}
.piplist li .line{ width:60px; height:3px; background-color:#096a09; margin-bottom:20px}
.piplist .more span{transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */ display:inline-block; width:160px; height:36px; line-height:36px; background-color:#096a09; color:#fff; text-align:center;position:relative;top:0}
.piplist .more span:after{ content:""; display:inline-block; width:34px; height:10px; vertical-align:middle; background:url(../images/ico-03on.png) no-repeat center; background-size:100%; margin-left:5px}
.piplist .more span:hover{background-color:#096a09;box-shadow:0 5px 15px rgba(0,102,146,.3);top:-5px; }
.piplist .p{ color:#666; height:44px; overflow:hidden; margin-bottom:30px}

.contactpage01 .hd{ text-align:center; font-size:24px; font-weight:bold; line-height:1.1; margin-bottom:70px; padding-top:20px}
.contactpage01 ul{ text-align:justify; position:relative}
.contactpage01 ul:after{ content:"";display:inline-block;width:100%; height:50px;}
.contactpage01 ul:before{ content:""; display:block; height:7px; border:1px solid #efefef; position:absolute; z-index:1;top:55px; left:10%; right:10%}
.contactpage01 ul li{ display:inline-block; text-align:center; position:relative; z-index:2}
.contactpage01 ul li a{ display:block;}
.contactpage01 ul li a:after{ content:"";display:inline-block;width:26px; height:2px; background-color:#096a09}
.contactpage01 ul .ico{ width:114px; height:114px; border:1px dashed #ececec; border-radius:50%; padding:8px; background-color:#fff; margin:0 auto; margin-bottom:10px}
.contactpage01 ul .ico:after{ content:""; display:block; width:100%; height:100%; border:1px solid #ececec; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:30px}
.contactpage01 ul .ico-c01:after{ background-image:url(../images/ico-c01.png)}
.contactpage01 ul .ico-c02:after{ background-image:url(../images/ico-c02.png)}
.contactpage01 ul .ico-c03:after{ background-image:url(../images/ico-c03.png)}
.contactpage01 .p1{ font-size:20px; color:#666}
.contactpage01 .p2{ font-size:24px; color:#096a09; font-family:Arial, Helvetica, sans-serif; font-weight:bold}

.contactpage02 .map{ height:450px; background-position:center; background-repeat:no-repeat; background-size:cover}
.contactpage03{ padding-top:80px;}
.contactpage03 li{ width:50%; padding:0 3%; float:left}
.contactpage03 li .t{ font-size:24px; font-weight:bold; line-height:1.1; margin-bottom:30px}
.contactpage03 li .p{ color:#666}
.contactpage03 li .p a{ color:#666}  

.plo03{ text-align:center; font-size:34px; margin-bottom:35px;}
.plo03:after{ content:""; display:block; width:40px; height:4px; margin:0 auto; background-color:#096a09; margin-top:10px}
.plo03 b{ color:#096a09}

.extortpage01{ padding-bottom:40px;}
.extortpage01 .bd{ max-width:780px; margin:0 auto}
.extortpage01 li{ float:left; width:49%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:17px;}
.extortpage01 li:nth-child(odd){ float:right}
.extortpage01 li .t{flex:0 0 80px; width:80px; text-align:right; font-size:16px; line-height:44px; padding-right:18px}
.extortpage01 li .t i{ color:#F00}
.extortpage01 li .intxt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.extortpage01 li .intxt input{ width:100%; height:44px; line-height:42px; background:none; border:1px solid #d2d2d2; padding:0 15px; font-size:16px}
.extortpage01 li .intxt textarea{ width:100%;  background:none; border:1px solid #d2d2d2; padding:15px; height:210px; font-size:16px}
.extortpage01 li.w100{ width:100%}
.extortpage01 .btn{transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */ display:block; margin:0 auto; width:170px; height:44px; background-color:#096a09; border:none; cursor:pointer; font-size:18px; color:#fff;position:relative;top:0}
.extortpage01 .btn:hover{background-color:#096a09;box-shadow:0 5px 15px rgba(0,102,146,.3);top:-5px; }
.extortbox{ padding-bottom:0}
.extortpage02{ background-color:#f5f7fa; padding-top:50px; padding-bottom:70px;}
.extortpage02 .bd{ text-align:center}
.extortpage02 .bd li{ display:inline-block; vertical-align:top; width:310px; margin:0 15px}
.extortpage02 .bd li a{ display:block; background-color:#fff; border:1px solid #e1e1e1; padding:30px 0}
.extortpage02 .bd li .ico{ margin-bottom:40px;}
.extortpage02 .bd li .ico img{ height:74px;}
.extortpage02 .bd li h3{ font-size:16px; font-weight:normal; margin-bottom:25px;}
.extortpage02 .bd li .more{ transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */display:inline-block; width:170px; height:44px; line-height:44px; background-color:#096a09; color:#fff; font-size:18px;position:relative;top:0}
.extortpage02 .bd li .more:hover{background-color:#096a09;box-shadow:0 5px 15px rgba(0,102,146,.3);top:-5px; }
.extortpage02 .plo03{ margin-bottom:60px}
 
@media (max-width: 1200px){  
.banner .item,.banner{ height:45vw}
.index04 ul li{ font-size:20px;}

.nbanner .weap{ width:100%; height:39vw;}
.nbanner .eng{ font-size:4vw; margin-bottom:10px}
.nbanner h3{ font-size:2.5vw}
.nbanner .line{ width:4.7vw; height:2px; margin-top:10px;}

.contactpage02 .map{ height:38vw}
} 
@media (max-width:1000px){  
.banner .slick-dots{ bottom:5px;}
.banner .slick-dots li{ width:8px; height:8px; border-radius:50%; margin:0 4px}

.plo{ margin-bottom:20px}
.plo h3{ font-size:20px;}
.plo .eng{ font-size:14px}
.index01 .bd .img{ float:none; width:auto; margin-bottom:15px}
.index01 .bd .txt{ float:none; width:auto;}
.index01{ padding-top:30px}
.index01 .bd{ padding-bottom:30px}
.index01 .bd .txt .more{ margin-top:15px}
.index01 .bd .txt .ms{ line-height:1.6}
.index02 .plo{ margin-bottom:20px}
.index02{ padding:30px 0}
.index02 .bd ul{ margin:0}
.index02 .bd li{ float:none; width:auto; margin-bottom:15px}
.index02 .bd li a{ margin:0;box-shadow: 0 2px 5px rgba(41,41,41,.1);}
.indexmore{ margin-top:10px}
.index01 .bd .txt .more a:after{ width:25px}
.indexmore a:after{ width:25px}
.indexmore a{ width:160px; height:38px; line-height:38px}

.index03 li{ width:50%; margin-bottom:20px}
.index03 li a{ margin:0 10px}
.index03 ul{ margin-left:-10px; margin-right:-10px}
.index03 .plo{ margin-bottom:20px}
.index03 li .img{box-shadow: 0 2px 10px rgba(0,0,0,.2);}
.index04{ padding:30px 0; padding-bottom:0}
.index04 .plo{ margin-bottom:20px}
.index04 ul li{ width:50%; margin-bottom:20px}
.index04 ul h3{ font-size:16px; line-height:1.2; height:38px}
.index04 ul .ico{ width:70px; height:70px; margin-bottom:15px}

.index05{ padding:30px 0}
.index05 .plo{ margin-bottom:20px}
.index05 .bd li{ width:25%}

.index06{ padding:30px 0}
.index06 .bdleft{ float:none; width:auto; margin-bottom:15px}
.index06 .bdleft li .img{ height:50vw}
.index06 .bdleft li .txt{ padding:10px 0}
.index06 .bdright{ float:none; width:auto}
.index06 .bdright .img{ width:120px; margin-right:10px}
.index06 .bdright .on .txt .date{ display:none}
.index06 .bdright a{ padding:10px 0; padding-left:18px}

.index06 .bdright .on a{ padding-bottom:10px}
.index06 .indexmore{ margin-top:15px}

.path{ display:none}

.lanmunav{ margin-left:-10px; margin-right:-10px; padding:10px 0; background-color:#eee; padding-bottom:0; margin-bottom:20px}
.lanmunav ul li{ width:50%; float:left; margin-bottom:10px}
.lanmunav ul{ display:block; margin:0; overflow:hidden}
.lanmunav ul li a{ height:36px; line-height:34px; font-size:14px; margin:0 5px}

.lanmumain{ padding-bottom:0px}
.aboutpage{ line-height:1.6}

.lanmuleft{ float:none; width:auto}
.sidecontact{ display:none}
.lanmuright{ padding-left:0;}
.mainplo h3{ font-size:20px}

.sideplo{ height:50px; line-height:50px}
.sideplo h3{ font-size:20px; line-height:50px}
.sidenav{ padding-top:10px}
.sidenav .t h3{ font-size:16px}
.sidenav .t{ height:70px; text-align:left; padding-left:15px}
.sidenav .t img{ max-height:30px}
.sidenav .t img{ margin:0 auto;}
.sidenav li a{ font-size:14px; line-height:40px;}
.sidenav li a{ padding-left:25px}

.intellist li{ margin-bottom:20px}
.intellist li .a{ margin:0 5px;}
.intellist ul{ margin-left:-5px; margin-right:-5px}
.intellist li .img{ margin-bottom:10px;    box-shadow: 0 2px 10px rgba(0,0,0,.2);}

.projectlist{ padding-top:20px}
.projectlist li a{ margin:0 5px;}
.projectlist ul{ margin-left:-5px; margin-right:-5px}
.projectlist li h3{ height:42px; line-height:42px; font-size:16px}

.sidenav .bd{ overflow:hidden}
.sidenav .bd h3{ 
	/* float:left; max-width:50%; */
	 border-top:none}
.sidenav .bd h3 a{ height:42px; line-height:42px; font-size:16px}

.extortbox{ padding-bottom:0}
} 
@media (max-width:766px){ 
.productlist li{ float:none; width:auto; margin-bottom:15px}

.productpage01left{ float:none; width:auto; margin-bottom:20px}
.productpage01left .smallimg img{ height:15vw}
.productpage01left .smallimg .slick-arrow{ height:15vw; margin-top:-7.5vw}
.productpage01right{ float:none; width:auto}
.productpage01right h1.title{ padding-bottom:10px; margin-bottom:10px}
.productpage01right .consulta a{ height:38px; line-height:38px; font-size:16px; width:180px}
.productpage01right .tela:before{ width:38px; height:38px}
.productpage01right .tela .p a{ font-size:18px;}
.productpage01right .tela{ padding-left:48px}

.productpage01{ margin-bottom:30px}
.plo02 h3{ font-size:16px; padding-bottom:10px}
.plo02{ margin-bottom:25px}

.productpage02 .bd{ line-height:1.6}

.productpage03 li{ float:none; width:auto; margin-bottom:15px}
.productpage03{ margin-bottom:20px}
.productpage04{ margin-bottom:20px}

.intellist li{ width:50%}
.projectlist li{ width:50%; margin-bottom:10px}

productpage03 li{ width:50%; float:left; margin-bottom:10px}
.projectpage02.productpage03 li{ width:50%; float:left}
.productpage03 li a{ margin:0 5px;}
.productpage03 ul{ margin-left:-5px; margin-right:-5px}
.projectpage03.productpage04 li{ float:none; width:auto}
.projectpage03.productpage04 li:nth-child(2n){ float:none}
.projectpage01{ line-height:1.6; padding-bottom:50px}

.newslist li .img{ float:none; width:auto; margin-bottom:10px; height:auto}
.newslist li .txt{ padding-left:0;}
.newslist li .txt h3{ margin-bottom:5px}
.newslist li .txt .p{  margin-bottom:5px}
.newslist li .txt .date{ margin-bottom:0}
.newslist li .txt .more{ display:none}
.newslist li{ padding-bottom:15px; margin-bottom:15px}

.newspagemain .lanmuright{ padding-right:0}
.newspagemain .lanmuleft{ float:none}
.sidenews{ display:none}
.newspage h1.title{ font-size:20px; margin-bottom:15px}
.newspage .info{ margin-bottom:20px}
.newspage .conn{ line-height:1.8; margin-bottom:20px}

.newspage .prevnext{ padding-top:10px}
.newspage{ margin-bottom:20px}
.piplist li h3{ margin-bottom:10px}
.piplist li .line{ width:40px; height:2px; margin-bottom:10px}
.piplist .p{ margin-bottom:20px}
.piplist .more span:after{ width:25px;}
.piplist .more span{ width:140px}
.piplist li{ padding-bottom:15px; margin-bottom:15px}
.piplist{ margin-bottom:30px}

.contactpage01{ padding-bottom:20px}
.contactpage01 ul{ font-size:0; text-align:center}
.contactpage01 ul li a:after{ display:none}
.contactpage01 ul li:last-child{ width:100%}
.contactpage01 ul li{ width:50%; margin-bottom:10px;}
.contactpage01 ul:before{ display:none}
.contactpage01 ul .ico{ width:70px; height:70px}
.contactpage01 .p1{ font-size:16px}
.contactpage01 .p2{ font-size:20px}
.contactpage01 .hd{ font-size:20px; margin-bottom:20px}
.contactpage01 ul:after{ display:none}

.contactpage03 li{ float:none; width:auto; margin-bottom:20px} 
.contactpage03 li .t{ font-size:20px; margin-bottom:10px}
.contactpage03{ padding-top:30px}

.plo03{ font-size:20px; margin-bottom:20px}
.plo03:after{ width:30px; height:2px}
.extortpage01 li{ float:none; width:auto}
.extortpage01 li:nth-child(odd){ float:none}
.extortpage01 .btn{ width:100%}
.extortpage01 li:last-child{ padding-left:80px}
.extortpage01 li .intxt input{ height:40px; line-height:38px;}
.extortpage01 li .t{ line-height:40px}
.extortpage01 li{ margin-bottom:10px}
.extortpage02 .plo03{ margin-bottom:20px}
.extortpage02 .bd ul{ overflow:hidden}
.extortpage02 .bd li{ width:48%; margin:0 1%; float:left; }
.extortpage02 .bd li .more{ width:100%; height:38px; line-height:38px; font-size:12px}
.extortpage02 .bd li .ico img{ height:50px}
.extortpage02 .bd li .ico{ margin-bottom:20px}
.extortpage02 .bd li a{padding-left:10px; padding-right:10px}
.extortpage02 .bd li h3{ font-size:14px; line-height:1.2; height:32px; margin-bottom:10px}
.extortpage02{ padding:30px 0}
}