html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
html,body,fieldset,img,iframe,abbr{border:0}
li{list-style:none}
textarea{overflow:auto;resize:none}
input{outline:0}
a,button{cursor:pointer;color: #333;}
table{border-collapse: collapse;border-spacing: 0;width: 100%;}
a,a:hover{text-decoration:none;}
body{min-width:950px;height:auto;font:14px/1.6 -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif; color: #4c4c4c;}
.tc{text-align: center;}
.cl{*clear: both; *zoom:1}
.cl:after {display: block;clear: both;visibility: hidden; height: 0;overflow: hidden; content: "."}
.responsive{display: block;max-width: 100%;height: auto}
.ti2{text-indent: 2em;}
/* .wrap{background:#fff; padding-top: 80px;} */
.wrap{background:#fff;}
.cont{width: 780px; margin: 0 auto; position: relative;}
.menu{background-color: #41ac87; position: fixed; top: 0; width: 100%;text-align: center; z-index: 10; font-family: 'Microsoft YaHei';}
.menu .cont{height: 80px; width: 770px;}
.menu a{float: left; color: #fff; font-size: 16px; position: relative; line-height: 40px; min-width: 70px; margin: 20px 32px 0; text-align: center;}
.menu a i{display:block;content:""; height: 2px; width: 0; position: absolute; bottom: 4px; left: 0px; background: #fff; transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-o-transition: all .2s ease-out; -ms-transition: all .2s ease-out;-moz-transition: all .2s ease-out;}
.menu a:hover i{width: 100%;}
.menu .link{margin-left: 120px;}
.logo{width: 92px; margin-top: 9px; float: left;}
.logo img{display: block; width: 100%;}
.foot{border-top: 1px solid #e2e2e2; text-align: center;}
.foot_con{padding: 25px 0 20px 65px;}
.foot .logo_df{width: 164px; height: 40px; float: left; margin-top: 24px;}
.foot .logo_ya{width: 118px; height: 84px; float: left; margin: 0 38px;}
.foot .qrcode{padding-left: 20px; float: left; position: relative;}
.foot .qrcode .line{content: '';width: 1px; height: 90px; background-color: #d5d5d5; position: absolute; left: 0; top: 8px;}
.foot .qrcode .item{width: 120px; float: left; margin: 0 12px;}
.foot .qrcode .item p{font-size: 12px; line-height: 1.4;}
.copyright{background-color: #fffcfb; line-height: 24px; font-size: 12px; color: #999;}

.desc{text-align: center; padding: 25px 0; font-size: 20px;}
.desc p{padding: 8px 0;}
.features{margin: 20px 0 40px; text-align: center; width: 100%; }
.features a{display: inline-block; width: 120px; height: 136px; margin: 0 35px; background: url('../imgs/features.jpg') no-repeat 0 0;}
.features .ico1{background-position-x: 0;}
.features .ico2{background-position-x: -130px;}
.features .ico3{background-position-x: -260px;}
.features .ico4{background-position-x: -390px;}
.features .ico5{background-position-x: -520px;}
.features .cur{background-position-y: -146px;}
.produce{margin: 70px auto 50px;}
.side{position: fixed; right: 0; top: 50%; margin-top: -170px;}
.side a{display: block; width: 96px;height: 53px; margin-top: 12px; background: url('../imgs/side.png') no-repeat;}
.side .s1{background-position: 0 0;}
.side .s2{background-position: 0 -59px;}
.side .s3{background-position: 0 -118px;}
.side .s4{background-position: 0 -178px;}
.side .s5{background-position: 0 -237px;}
.side .on{background-position-x: -100px;}
.tab_tit span i {font-style: normal;position: absolute;bottom: 6px;width: 110px;left: 5px;font-weight: 700;font-size: 18px;letter-spacing: 1px;color: #41ac87;background-color: #FFF;z-index: 9;line-height: 28px;border-radius: 10px}
.tab_tit span.cur i {color: #FFF;background-color: #41ac87}
.serve_main{font-size: 20px; line-height: 40px;}
.card{border: 2px solid #41ac87; color: #48ae8a; border-radius: 15px; background-color: #fff; padding: 25px 35px;}
.card .qrcode{float: right;}
.card .text{border-right: 2px solid #41ac87; width: 660px;padding: 15px 35px 15px 0; margin: 14px 0 0;}
.jk{margin-top: 64px; background: url('../imgs/jk_tit.png') no-repeat center top; padding-top: 200px;}
.jk_desc{text-indent: 2em; margin: 40px 0;}
.jk .card{width: 570px; margin: 0 auto 30px; padding: 10px 40px; height: 165px;}
.jk .card .text{width: 310px; padding:0 50px 0 0; border-right: 2px solid #41ac87; margin: 35px 0; line-height: 34px;}
.more{text-align: center; padding-bottom: 20px; margin-bottom: 40px; cursor: pointer; background: url('../imgs/more.png') no-repeat center 40px; color: #7f7f7f; transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-o-transition: all .2s ease-out; -ms-transition: all .2s ease-out;-moz-transition: all .2s ease-out;}
.more:hover{background-position: center 45px;}
.tab_tit{text-align: center; padding: 0 50px;}
.tab_tit span{display: inline-block; width:120px; height: 110px; margin: 0 30px 25px; position: relative; cursor: pointer;}
.tab_tit span img{display: block; width: 100%;}

.tab_cont{line-height: 38px;}
.tab_cont p{margin-top: 3px; text-align: justify;}
.tab_tit .before,
.tab_tit .cur .after,.tab_cont .item{display: none; overflow: hidden;}
.tab_tit .cur .before,.tab_cont .show{display: block;}
.tabs2 .tab_tit{padding: 0; margin-bottom: 80px;}
.tabs2 span{width: 178px; height: 142px; margin: 0 57px 0;}
.tabs .title{font-size: 28px; color: #41ac87; font-weight: bold; text-align: center; margin: 30px 0;}
.tv{margin: 20px 0; border: 3px solid #41ac87; position: relative; background-color: #41ac87; border-radius: 10px; overflow: hidden;}
.tv video{display: block; width: 100%; min-height: 530px;}
.tclose{width: 40px; height: 40px; display: block; margin: 0 auto; background: url('../imgs/close.png') no-repeat center; cursor: pointer;}
.step{margin: 60px 0 10px;}
.gx{background: url('../imgs/gx_tit.png') no-repeat center top; padding-top: 180px; margin-top: 50px;}
.gx_cont{padding-top: 60px;}
.gx_video{float: right; width: 480px; margin-left: 30px;}
.deadline{font-size: 18px; margin: 5px 0 10px;}
.table{border: 2px solid #41ac87; border-radius: 10px; text-align: center; border-collapse: separate; border-collapse: collapse\9; margin-bottom: 40px;}
.table thead{background-color: #41ac87; color: #fff; line-height: 66px;}
.table td{border: 1px solid #57b595; line-height: 60px;}
.table .tb{background-color: #edf7f3;}
.zy{background: url('../imgs/zy_tit.png') no-repeat center top; padding-top: 250px;}
.sm{background: url('../imgs/sm_tit.png') no-repeat center top; padding-top: 250px; margin: 70px 0 100px;}
.note{font-size: 18px; padding-left: 32px; position: relative;}
.note i{font-style: normal; position: absolute; left: 0; top: 0;}
.tbl-box {color: #56b796;font-family: 'Microsoft YaHei';font-size: 14px;text-shadow: .5px .5px rgba(65, 172, 135, .3);width: 950px;}
.tbl-box .tr {height: 47px;line-height: 47px;}
.tbl-box .tr.double {background: url(../imgs/produce_bg.jpg) 0 0 no-repeat;}
.tbl-box .td {float: left;position: relative;}
.tbl-box .td.left {margin-left: 130px;width: 410px;}
.tbl-box .td .circle {position: absolute;top: 50%;width: 4px;height: 4px;border-radius: 50%;margin-top: -2px;background-color: #44b28c;left: -12px;}