@charset "utf-8";
/* CSS Document */
.banner{position: relative;margin-top: 90px;}
.banner .swiper-pagination-yi{position: absolute;bottom:20px;z-index: 1000;text-align: center;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-pagination-yi .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;border-radius: 10px;border:1px solid #111;}
.banner .swiper-pagination-bullet-active{background: #00ff00;opacity: 1;border:1px solid #00ff00;}
.banner .swiper-button-next{background: none;width: 50px;height: 50px;line-height: 50px;text-align: center;margin-top: -25px;outline: medium;}
.banner .swiper-button-prev{background: none;width: 50px;height: 50px;line-height: 50px;text-align: center;margin-top: -25px;outline: medium;}
.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 1%;}
.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 1%;}
.banner .swiper-button-next i, .banner .swiper-button-prev i{font-size: 30px;color: #eee;}


.banner .swiper-button-next:hover{background:rgba(0,0,0,0.5);}
.banner .swiper-button-prev:hover{background:rgba(0,0,0,0.5);}

.banner .subiao{position: absolute;left: 50%;bottom:70px;z-index: 100;width: 50px;text-align: center;margin-left: -25px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.banner .subiao i{color: #FFF;font-size: 30px;opacity: 0.4;}
.banner .subiao p{width: 4px;height: 4px;border-radius: 50px;background: rgba(255,255,255,0.4);margin-top: 4px;}
.banner .subiao p:last-child{width: 6px;height: 6px;}

.index_box{max-width: 1250px;margin:0 auto;}

.dLp{margin: 5px 0; overflow: hidden;}
.chpp{background: url(../images/left5.png) center center no-repeat;height: 68px;text-align: center;}
.cppti{font-size: 23px;line-height: 68px; color:#000;}
.dLp .p_box{margin: 15px auto 0 auto; overflow: hidden;}
.dLp .p_box ul{margin-left: -3%;}
.dLp .p_box ul li{float: left; width: 47%; margin-left: 3%; margin-bottom:2%;border-radius: 5px;background:#2a2d39 url(../images/pp_bg.jpg) 100% 100% repeat;background-size: contain;}
.dLp .p_box ul li .cpimg{float: left; width: 52%; overflow:hidden;}
.dLp .p_box ul li .cpimg img{ width:100%;}
.dLp .p_box ul li .cp_pro{float: right; width: 40%; background-size: cover; padding:8% 4%; overflow:hidden;}
.dLp .p_box ul li .cp_pro h3 {font-weight:normal;color: #fff; font-size: 15px; line-height: 32px; padding-bottom: 8px;}
.dLp .p_box ul li .cp_pro p{box-sizing: border-box;color: #fff;text-align:left; font-size: 12px; line-height: 28px;}


.dyip{margin: 5px 0 30px; overflow: hidden;}
.dyip .title{text-align: center; font-size: 30px;font-weight: normal;}
.dyip .box{margin: 15px auto 0 auto; max-width: 1250px; }
.dyip .index_case{text-align: center;padding-bottom: 0;}
.dyip .swiper-slide .pic{margin-bottom: 10px;border: 1px solid #ccc}
.dyip .swiper-slide .pic img{width: 100%;}
.dyip .swiper-slide .titleer{color: #333; font-size: 12px; line-height: 30px;}
.dyip .swiper-pagination{bottom: 0px;}
.dyip .swiper-button-next, .swiper-button-prev{background: none;width: 40px;height: 40px;line-height: 40px;text-align: center;margin-top: -25px;outline: medium;}
.dyip .swiper-pagination-bullet{width: 8px;height: 8px;background: none;border-radius: 10px;border:1px solid #FFF;}
.dyip .swiper-pagination-bullet-active{background: #e42887;border:1px solid #e42887;}
.dyip .swiper-button-next, .swiper-button-prev{background: none;width: 40px;height: 40px;line-height: 40px;text-align: center;margin-top: -25px;outline: medium;}
.dyip .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:-3.5%;}
.dyip .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: -3.5%;}
.dyip .swiper-button-next i, .dyip .swiper-button-prev i{font-size: 36px;color: #777;}
.dyip .swiper-father{position: relative;}


.derp{background:url(../images/ab_bg.jpg) left bottom no-repeat; background-size: cover; padding:48px 0; overflow: hidden;}
.derp .pic{float: left;width: 45%;}
.derp .pic img{width: 92%;border: 8px solid #fff;}
.derp .right{float: right;width: 54%; margin-top: 10px;}
.derp .right h2{font-size: 23px;color: #333; font-weight: normal;}
.derp .right .txt{margin-top: 18px;line-height: 30px;font-size: 12px;}
.derp .right .more{width: 125px;height: 36px;border:1px solid #555;line-height: 36px;text-align: center;margin-top: 24px;}
.derp .right .more a{display: block;color: #333;}
.derp .right .more a:hover{display: block;text-decoration: none;color: #fff;}
.derp .right .more:hover{background: #00772b; border: 1px solid #00772b;}


.djap{background: url(../images/bg_book.jpg) left center no-repeat; background-size: cover; padding: 20px 0; overflow: hidden;}
.djap .jjfa{width: 100%;margin-top: 20px; overflow: hidden;}
.djap .jjfa ul{margin-left: -3%;}
.djap .jjfa ul li{display: inline-block;margin-left: 3%; width: 30.1%;margin-bottom: 3%; box-sizing: content-box;  overflow: hidden;}
.djap .jjfa ul li .home_app1{background: #fff; padding: 12px; border-radius: 5px; overflow: hidden;}
.djap .jjfa ul li .home_app1 img{max-width: 100%;}
.djap .jjfa ul li .home_app1 p{font-size:14px;color:#333;text-align: center; padding: 12px 0 8px;}


.dwup{background: #fff;padding:5px 0 25px;overflow: hidden;}
.dwup .news_box{ padding:0; overflow: hidden;}
.dwup .news_box .new_L{float: left; width: 48%; background: #eef0f5;position: relative; }

.dwup .news_box .new_L .latest_pic{width:100%; overflow:hidden;}
.dwup .news_box .new_L .latest_pic img{width:100%;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.dwup .news_box .new_L:hover .latest_pic img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.dwup .news_box .new_L .latest_text{padding:2%; position: absolute; left: 0; bottom: 0;width: 96%; background: rgba(0,0,0,0.75); text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.dwup .news_box .new_L .latest_text a{font-size:13px; font-weight: bold; line-height:30px; color: #fff;}
.dwupdwup .news_box .new_L .latest_text p{line-height: 28px;font-size: 14px;margin-top: 15px;overflow: hidden;}
.dsanp .news_box .new_L:hover .latest_text a{color:#014535;}

.dwup .news_box .new_R{float: right; width: 48%; }
.dwup .news_box .new_R .news_list{margin-top:0;}
.dwup .news_box .new_R .news_list li{line-height:54px;border-top:1px solid #e7e7e7; overflow: hidden;;}
.dwup .news_box .new_R .news_list li a{font-size:12px;color:#333; width: 78%; float: left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dwup .news_box .new_R .news_list li span{font-size:12px;color:#888; float: right;  width: 80px;text-align: right;} 
.dwup .news_box .new_R .news_list li:hover a{color:#014535;}


/**/
.banner_ny{margin-top: 90px;}
.banner_ny img{width: 100%;}

/*当前位置*/
.page-locate{line-height:42px;font-size:12px;text-align:left;background:#eeeeef; padding: 5px 0;}
.page-locate a:first-child{display:inline-block;padding:0 0 0 25px;background:url(../images/icon-home.png) no-repeat left 12px;}
.page-locate span{margin:0 8px; color: #00772b;}


.pro_left{width: 22.5%; float: left; margin: 20px 0;}
.pro_left h2{ height:55px; line-height:55px; background:#353535;text-align:center; color:#fff; font-size:18px; font-weight: normal; border-bottom:3px solid #fff;}
.pro_left ul{ padding-bottom:3px;}
.pro_left ul li{border-bottom:3px solid #fff; position: relative; }
.pro_left ul li p{display:block; line-height:42px;text-align:left; background:#eee url(../images/ico1.png) no-repeat right center; padding-left: 20px; font-size:13px;}
.pro_left ul li ul{width: 100%;}
.pro_left ul li ul li { line-height:35px; border-bottom:dashed 1px #eee;  display:block; background:transparent; padding-left: 20px;  font-size:12px;}
.pro_left ul li ul li a:hover{ text-decoration:none; display:block;color: #00772b;}

.pro_left ul li p.hover{ background:#00772b url(../images/ico2.png) no-repeat right center; padding-left: 20px; font-size:13px; }
.pro_left ul li p.hover a{color: #fff;}

.pro_right{width: 73.5%;  float: right; margin-top: 20px;}
.pro_right h3{width: 100%; color:#00772b; font-size:16px; line-height:30px; border-bottom:1px solid #e5e5e5; padding-bottom: 6px;}

.prott_right{width:100%; margin-top: 20px;}
.prott_right h3{width: 100%; color:#00772b; font-size:15px; line-height:30px; border-bottom:1px solid #e5e5e5; padding-bottom: 6px; font-weight:bold;}


.main-about{padding:0 0 30px;background-color:#fff; overflow: hidden;}
.main-about .profile{margin:15px 0;line-height:29px; font-size: 12px; overflow:hidden;}
.main-about .profile img{max-width: 100%; padding: 8px 0;}

.Ulimg{margin-top:20px;overflow: hidden;}
.Ulimg ul{ margin-left:-2%;}
.Ulimg li{ float:left; width:31.333%; margin-left:2%; text-align:center; margin-bottom:1.6%; box-sizing: border-box; }
.Ulimg li img{ max-width:100%;}
.Ulimg li span{display:block; line-height:30px; font-size:13px; padding: 5px 0;}

.product{ margin-top:20px;overflow: hidden;}
.product ul{ margin-left: -2%}
.product li{ float:left; width:23%; text-align:center; background:#FFF;  margin-left:2%; margin-bottom: 2.5%;position: relative;}
.product li .box { border:1px solid #DDD; overflow:hidden;}
.product li .box img{ width:100%;}
.product li .box:hover{ border:1px solid #00772b;}
.product li .caption{width: 100%;height: 50px;left: 0;bottom: 0;-webkit-transition: all .3s ease;transition: all .3s ease;background-color: #fff;border-bottom: 1px solid #e5e5e5;text-align: left;}
.product li .caption .title{line-height: 50px;font-size: 13px;color: #555;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product li .caption .info{color: #b5b5b5}
.product li .caption .title i{font-style: normal;}
.product li .insert{width: 78px;height: 20px;line-height: 20px;position: absolute;bottom:16px;right: 0;margin-top: -10px;border-left: 1px solid transparent;-webkit-transition: all .3s ease;transition: all .3s ease;}
.product li .insert::before{content: "→ PDF下载";font-size: 13px;color: #00772b;-webkit-transition: all .3s ease;transition: all .3s ease;font-family: "Arial"}

.product li:hover .caption{border-color:#00772b;}
.product li:hover .caption .title{color: #00772b;}
.product li:hover .insert{border-color: #eee}
.product li:hover .insert::before{margin-left: 20%}


.products_con{width:100%;  margin:20px 0; overflow: hidden;}
.promore_l{width:54%;float:left;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:98%; border:1px solid #e6e6e6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:30px;}
.spec-scroll .items{float:left;position:relative;width:86%; height:80px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px; margin-top:16px;}
.spec-scroll .items ul li{float:left;width:80px; margin-right: 6px; text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;max-width:95%;}
.spec-scroll .items ul li img:hover{border:1px solid #00772b; padding:2px;}

.pros_right{width:43%; float:right; overflow:hidden;}
.pros_right_top{width:100%;  border-bottom:1px dashed #e6e6e6;}
.pros_right_top h4{overflow:hidden; display:inline-block; font-size:17px; color:#333; font-weight:normal;}
.proleft{width:100%; font-size:12px; line-height:28px; margin-top:12px;}

.proleft_btn{width:100%; float:left; margin-top:30px;}
.proleft_btn li{width:125px; float:left; margin-right:10px;}
.proleft_btn li a{width:100%; height:38px; float:left; line-height:38px; text-align:center; font-size:14px; background:#444; display:block; color:#fff;}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#00772b; color:#fff;}
.proleft_btn li img{max-width: 90%;}

.products_conss{width:100%;  margin:0 0 25px 0; overflow: hidden;}

.products_T{width:100%; height:40px; line-height:40px; background:#eee;}
.products_T span{padding:0 35px;height:40px; background:#00772b;color:#fff; font-size:14px; display: inline-block;}
.products_b{margin-top: 10px; line-height: 28px; font-size: 12px; overflow: hidden;}
.products_b img{max-width: 100%;margin: 2px 0;}

.inerCase {width:100%;margin-top: 20px; overflow: hidden;}
.inerCase ul{ margin-left: -3%;}
.inerCase li{ width: 47%; float: left; margin-left:3%;  margin-bottom: 3%; line-height: 26px; transition: 0.3s;}
.inerCase li  img{max-width: 100%;}
.inerCase li h4{ padding: 10px 0; font-size: 16px; transition: 0.3s;}
.inerCase li p{font-size: 12px;}
.inerCase li a{ display: block;}
.inerCase li a:hover h4{ color: #00772b;}

.solution{width: 100%; padding:25px 0; overflow: hidden;}
.solution .sol-note{width:46%;}
.solution .sol-note .ind-tit{text-align:left;padding-bottom:20px; font-size:15px; font-weight:bold; margin-top:3%;}
.solution .sol-note .ind-tit:after{left:0px;margin-left: 0px;}
.solution .sol-note .info{font-size:12px;color:#333;line-height: 27px;}
.solution .sol-pic{width:38%;}
.solution .sol-pic img{width:100%;height:auto;object-fit:cover;}
.jj_omore{ display:inline-block; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; 
padding: 0 20px; height:40px; line-height:40px; background:#00772b ; color:#fff; margin-top:14px; overflow: hidden;}
.solution a.jj_omore:hover{color:#fff !important;}
.solution:nth-child(even){background: #fff;}
.solution:nth-child(odd){background: #eaeaea;}


/*news*/
.news{width: 100%; overflow: hidden;}
.news .news_t{margin-top: 20px;}
.news .news_t .pic{float: left;width: 30%;}
.news .news_t .pic img{width: 100%;height: auto;}
.news .news_t .right{float: right;width:calc(100% - 33%);}
.news .news_t .right .news-date{font-size: 12px;color: #777;margin-top: 10px;}
.news .news_t .right h2{font-size: 15px; font-weight: bold;}
.news .news_t .right p{line-height: 27px;font-size: 12px;margin-top:10px; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
.news .news_t .right .more{width: 100px;height: 32px;line-height: 32px;text-align: center;border:1px solid #e2e2e2;background: #e2e2e2;  margin-top: 10px;}
.news .news_t .right .more a{display: block;}
.news .news_t .right .more:hover a{display: block;text-decoration: none;}

.NewsDetailed{ width:100%;margin-top: 20px; overflow: hidden;}
.NewsDetailed h4{line-height:30px;margin-bottom:5px;text-align:center;font-size:15px;font-weight:600;color:#444;}
.NewsShowHits{padding-bottom:10px;text-align:center;border-bottom:1px #DEDEDE solid;color:#888;font-size:12px;}
.NewsDetailed-content{line-height:27px;padding-top:15px;padding-bottom:10px;margin-bottom:10px;font-size:12px;text-align:left; color: #555;}
.NewsDetailed-content img {max-width:100%;margin:10px auto;text-align:center;display:table-cell;clear:both;overflow:hidden;}



.fanhui{float:right;width:115px;margin:0 auto;position:relative;}
.fanhui a{ position:absolute;z-index:2;width:115px;height:38px;line-height:38px;top:25px;right:0; text-align:center;background:#00772b;font-size:14px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:14px;font-weight:100;text-decoration:underline;}

.PreveNext {border-top:1px #DEDEDE solid; margin:0px auto;width:100%;height:auto;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;height:70px;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left;}


/* download */
.service-page{width: 100%;padding-top: 20px;position: relative;overflow: hidden;}
.service-page table{ margin: 5px 0; width: 100%; max-width: 100%; border-collapse: collapse;}
.service-page .table > tbody > tr{ margin-bottom: 1px; background-color: #f8f8f8;overflow: hidden;  }
.service-page .table > tbody > tr:after{ content: ""; display: block; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; }
.service-page .table > tbody > tr:first-child > td{font-weight: 600; font-size: 14px; }
.service-page .table > tbody > tr > td{  border-color: #fff;line-height: 2.2;padding: 8px;}
.service-page .table > tbody > tr:not(:first-child) > td:first-child{ overflow: hidden; border-left: 3px solid #00772b; } 


/*faq*/
.cpxqer{width:100%;margin-top: 20px; overflow: hidden;}
.cpxqer ul{}
.cpxqer li{ margin-bottom:1.2%;background: #FFF;}
.cpxqer li span{float: right;}
.cpxqer li .border.active{background: #00772b url(../images/pic27.png) no-repeat 98% center;color: #FFF; border:1px solid #00772b;}
.cpxqer li .border{ line-height: 50px; font-size:14px; border:1px solid #DDD; padding:0 2%;background: url(../images/pic26.png) no-repeat 98% center;height: 50px;overflow: hidden;}
.cpxqer li .con_er{ display:none; line-height:27px; padding:2%; background:#FFF;border:1px solid #ccc;overflow: hidden;}
.cpxqer li .con_er table{ border-top:1px solid #DDD; border-left:1px solid #DDD;}
.cpxqer li .con_er table td{ border-right:1px solid #DDD; border-bottom:1px solid #DDD; padding:0 1%;}


.lxwmgs-item{width: 100%;padding-top: 20px;}
.lxwmgs-item .th3{font-size: 21px;color: #333;text-align: center; padding: 10px 0;}
.lxwmgs-list{width: 100%;}
.lxwmgs-list.ontrue{display: block;}
.lxwmgs-list ul{margin-left: -3%;}
.lxwmgs-list li{width: 46.5%;display: inline-block; vertical-align: top; margin-top: 20px;margin-left:3%;background: #f6f6f6;height: auto;padding: 28px 0;position: relative;}
.lxwmgs-list h6{padding: 0 36px;font-size: 16px;color: #333;line-height:30px;position: relative;margin-bottom: 15px;}
.lxwmgs-list h6:after{content: "";position: absolute;width: 3px;background: #00772b;left: 0;top: 0;height: 100%;}
.lxwmgs-list p{padding: 0 36px;font-size: 13px;color: #666;line-height:25px;margin-top: 6px;}
.lxwmgs-list p span{display: inline-block;position: relative;padding-left: 26px;background-repeat: no-repeat;background-position: left top 8px;}
.lxwmgs-list p.lxwmgs-dz span{background-image: url('../images/lxwm2_1.png');}
.lxwmgs-list p.lxwmgs-dh span{background-image: url('../images/lxwm2_2.png');}
.lxwmgs-list p.lxwmgs-cz span{background-image: url('../images/lxwm2_3.png');}
.lxwmgs-list p.lxwmgs-yb span{background-image: url('../images/lxwm2_4.png');}
.lxwmgs-list p.lxwmgs-fz span{background-image: url('../images/lxwm2_5.png');}

#map_container{height: 500px; margin-top: 25px;}

/*feedback*/
.content_box{margin-top:20px;}
.content_box .messages_box{width:auto;padding:0 0 10px 0;}
.content_box .messages_box ul{width:100%;}
.content_box .messages_box ul li{padding:5px 28px 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #00772b;border:none;}