/*html{

filter: grayscale(100%);

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

}*/

/* commom css start */
@charset "utf-8";
*                                     {margin: 0;padding: 0;box-sizing: border-box;}
@font-face                            {font-family: "microsoft yahei";}
html                                  {font-family: "microsoft yahei";}
body, button, input, select, textarea {font: 90% "microsoft yahei"!important;}
input,textarea                        {font-size: 100%;-webkit-appearance : none;}
input:focus, select:focus, textarea:focus{border: 1px solid #66A6FF !important;outline:0 !important;}
table                                 {border-collapse: collapse;border-spacing: 0;table-layout:fixed;}
ol, ul                                {list-style: none;}
h1, h2, h3, h4, h5, h6                {font-size: 100%;font-weight: bold;}
a                                     {color: #323232;text-decoration: none;display: inline-block;}
a:hover                               {text-decoration: none;}
img                                   {max-width: 100%;border: none;}
.clearfix:before,
.clearfix:after                       {content: "";display: table;}
.clearfix:after                       {clear: both;overflow: hidden;}
.clearfix                             {zoom: 1;}
i{font-style: normal;}
.fl, .fr                              {display: inline;}
.fl                                   {float: left;}
.fr                                   {float: right;}
.main                                 {width: 100%;margin: 0 auto;/*max-width: 96%;*/}
.ellipsis                             {overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.ellipsis2                            {overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.ellipsis3                            {overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}


.menu                                 {position: fixed;top:0;left: 0;width: 100%;height: 90px;z-index:999;background: rgba(0,0,0,0.4);border-bottom:1px solid #fff;}
.nav                                  {width: 60%;float:right;}
.nav ul                               {width: calc(100% - 140px)}
.nav li                               {float: left;overflow: hidden;width: calc(100% / 6);height: 90px;line-height: 90px;transition: ease 0.65s;}
.nav li:hover                         {border-bottom:2px solid #71C80A;}
.nav li a                             {display: block;text-align:center;}
.nav li a h2                          {font-size: 16px;color: #fff;font-weight: normal;}
.nav li.active a h2,.nav li:hover a h2{font-weight: bold;}
.logo                                 {height:90px;width:180px;margin-left: 40px;}
.logo a                               {overflow:hidden;display: block;margin:auto;position: relative;width:100%;height:100%;}
.logo a img                           {vertical-align: middle;position: absolute;width: 180px;top:0;bottom:0;left:0;right:0;margin:auto;}
.search_icon                          {position: relative;transition: ease 0.3s;text-align: right;width: 140px;margin-top: 28px;)}
.search_icon a                        {float: left;color: #fff;width: 36px;height: 36px;border-radius: 50px;text-align: center;line-height: 36px;margin-left: 10px;background:url("../images2/search.png") no-repeat center;background-size:18px;}
.search_icon a:nth-of-type(1)         {margin-left: 0}
.search_icon a:hover                  {background-size:20px;}
.search_icon a .iconfont              {font-size:22px;}
/*.search_icon a                        {width: 40px;display: block;height: 90px;background: url("../images2/search_icon.png") no-repeat center;}*/
.search_box                           {width: 278px;padding:20px;border-top: 1px solid #71C80A;box-shadow: 0 0 2px 0 #ddd;background: #fff;position: absolute;top: 0px;right: 0;opacity: 0;z-index: -1;transition: all .3s;}
.search_box.on                        {opacity: 1;top: 90px;z-index: 1;}
.search_box:before                    {content: "";width: 0;height: 0;margin: -20px 0 0;border: 10px solid transparent;border-bottom-color: #71C80A;position: absolute;top: 0;right: 10px;z-index: 3;}
.search_box:after                     {content: "";width: 0;height: 0;margin: -19px 0 0;border: 10px solid transparent;border-bottom-color: #fff;position: absolute;top: 0;right: 10px;z-index: 3;}
.search_box input[type=text]          {width: 200px;height: 36px;float: left;padding: 0 10px;font-size: 14px;color: #303030;line-height: 36px;border: 1px solid #e4e8eb !important;outline: 0;background: #fff;}
.search_box .searchButton             {width: 38px;height: 36px;float: right;margin-left: -1px;padding: 0;border: 0;outline: 0;cursor: pointer;background: #71C80A url("../images2/search_h.png") no-repeat center;}


/*第一页*/
#fp-nav                               {display: none;}
.section                              {background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;overflow: hidden;}
.center-wrap                          {position: relative;z-index: 1;width:100%;height: 100%;margin: 0 auto;}
.bannerBox                            {position: absolute; width: 100%; height: 100%; right: 0;top: 0px; z-index: 20; background:url("../images2/home-01.jpg") no-repeat center;animation:move-back 3s cubic-bezier(.215,.61,.355,1) 1s 1 normal both;}
.index_banner_text                    {position: absolute;bottom: 0;transform: translateY(-50%);z-index:0;color: #fff;font-size: 50px;width:100%;opacity:0;}
.index_banner_text h3                 {position:relative;float:right;right:20%;margin-bottom:20px;}
.index_banner_text .fontimg           {width: 100%;height:250px;background:url("../images2/fontimg.png") no-repeat center;float:left;}
.index_banner_mob                     {display:none;}
.zhezhao                              {position: absolute;width: 100%; height: 100%;background:#71C80A;z-index:1001;}
.zhezhao .pc_box                      {position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.active .zhezhao                      {animation:move-left 3s cubic-bezier(.215,.61,.355,1) 1s 1 normal both;}
.active .zhezhao .pc_box              {animation:move-top 1s cubic-bezier(.215,.61,.355,1) 1s 1 normal both;}
.active .index_banner_text            {animation:move-bot 6s cubic-bezier(.215,.61,.355,1) 1s 1 normal both;}
@-webkit-keyframes move-left          {0%{width:100%;height:100%;opacity:1}50%{width:100%;height:90px;opacity:1}100%{width:0;height:90px;opacity:0}}
@keyframes move-left                  {0%{width:100%;height:100%;opacity:1}50%{width:100%;height:90px;opacity:1}100%{width:0;height:90px;opacity:0}}
@-webkit-keyframes move-top           {0%{opacity:1}100%{opacity:0}}
@keyframes move-top                   {0%{opacity:1}100%{opacity:0}}
@-webkit-keyframes move-bot           {0%{z-index:0;opacity:0;background-size:100%;}100%{z-index:999;opacity:1;background-size:110%;}}
@keyframes move-bot                   {0%{z-index:0;opacity:0;background-size:100%;}100%{z-index:999;opacity:1;background-size:110%;}}
@-webkit-keyframes move-back          {0%{background-size:100%;}100%{background-size:110%;}}
@keyframes move-back                  {0%{background-size:100%;}100%{background-size:110%;}}
/*第二页*/
.page2_img                            {opacity: 1;width: 60%}
.page2_img img                        {height: 100vh;}
.active .page2_img                    {position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-animation:fade-data .5s cubic-bezier(.215,.61,.355,1) .5s 1 normal both;animation:fade-data .5s cubic-bezier(.215,.61,.355,1) .5s 1 normal both}
@-webkit-keyframes fade-data          {0%{opacity:0}to{opacity:1}}
@keyframes fade-data                  {0%{opacity:0}to{opacity:1}}
.page2 .page2_text                    {position: relative;height: 100vh;width:40%;padding:8% 1% 5%;}
.page2 .page2_text .page_title        {text-align: left;margin-bottom: 40px;}
.page2 .page2_text .page_title h3     {font-size: 100px;font-weight: bold;color: #000;opacity:1;line-height: 120px;}
.page2 .page2_text .page_title h5     {color: #000;font-size: 20px;font-weight: normal;}

.page2 .main                          {position: relative;height: 100vh;}
.page2 .index_about                   {position: absolute;width: 60%;right: -100%;bottom: 10%;opacity: 0;transition: all 1s;background:#F9F9F9;padding:2% 10% 2% 5%;}
.active.page2 .index_about            {right: 0;opacity: 1;transition-delay: .6s;}
.index_about p                        {font-size:18px;text-align:center;line-height:40px;position:relative;overflow:hidden;}
.index_about p span                   {position:relative;}
.index_about p.p1 span                {display: inline-block;width: 50px;}
.index_about p.p2                     {letter-spacing:20px;font-weight:bold;line-height:80px;}
.index_about p.p3 span                {display: inline-block;width: calc( 100% / 4 );line-height:50px;}
.index_about p.p4 span                {display: inline-block;width: calc( 100% / 5 );line-height:50px;}
/*.index_about p                        {text-indent: 2rem;font-size: 16px;color: #303030;line-height: 34px;text-align: justify;}*/
.more a                               {width:155px;height: 40px;line-height: 40px;text-align:center;display: block;margin-top: 60px; transition: all 1s;border:1px solid #000;}
.more a:hover                         {background:#71C80A; color:#fff;border-color:#71C80A;}

/*第三页*/
.page3                                {background: url("../images2/home-03.jpg") no-repeat center;position:relative;}
.page3:after                          {background-color: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;width:100%;height:100%;z-index:1;content: '';}
.page3 .main                          {z-index:2;position: relative;width:100%;height:100%;}
.page3 .main .page_title              {text-align: left;position:absolute;top:15%;left:15%;}
.page3 .main .page_title h3           {font-size: 100px;font-weight: bold;color: #FFF;opacity:1;line-height: 120px;}
.page3 .main .page_title h5           {color: #FFF;font-size: 20px;font-weight: normal;}
.page3 .main .page3_slide             {width:100%;height:100%;}
.page3 .main .page3_slide .swiper-container{width:100%;height:100%;}
.page3 .main .page3_slide ul li       {height:100%;}
.page3 .main .page3_slide ul li:hover {background-color: rgba(0,0,0,0.3);transition: all 0.3s ease;}
.page3 .main .page3_slide ul li a     {display: initial;height: auto;position: absolute;width: 100%;bottom:10%;}
.page3 .main .page3_slide ul li img   {width:100%;}
.page3 .main .page3_slide ul li a h3  {width: 100%;height: 20px;line-height: 20px;font-size: 20px;color: #ffffff;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;font-weight: bold;margin: 20px 0px 0px 0px;padding:0 20px;position: relative;}
.page3 .main .page3_slide ul li a p   {width: 100%;height: 40px;line-height: 20px;font-size: 14px;color: #ffffff;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;margin: 8px 0px 0px 0px;padding:0 20px;position: relative;}
.page3 .main .page3_slide .swiper-button-prev {background-image:none;width:120px;height: 40px;line-height: 40px;text-align:center;display: block;color:#fff;border:1px solid #fff;top:20%;left:auto;right:22%;}
.page3 .main .page3_slide .swiper-button-next {background-image:none;width:120px;height: 40px;line-height: 40px;text-align:center;display: block;color:#fff;border:1px solid #fff;top:20%;right:13%;}
.page3 .main .page3_slide .swiper-button-prev:hover,.page3 .main .page3_slide .swiper-button-next:hover{background:rgba(255,255,255,0.3)}
/*第四页*/
.page4                                {background:url("../images2/home-04.jpg") no-repeat center;position:relative;}
.page4:after                          {background-color: rgba(255,255,255,0.7);position: absolute;top: 0;left: 0;width:100%;height:100%;z-index:1;content: '';}
.page4 .main                          {z-index:2;position: relative;height:100%;}
.page4 .main .page4_left              {position: absolute;height: 100%;width:calc((100% - 1200px)/2 + 310px);}
.page4 .main .page4_left .page_title  {text-align: left;position:absolute;top:15%;left:35%;}
.page4 .main .page4_left .page_title h3{font-size: 100px;font-weight: bold;color: #000;opacity:1;line-height: 120px;}
.page4 .main .page4_left .page_title h5{color: #000;font-size: 20px;font-weight: normal;}
.page4 .main .page4_left .page_more   {position:absolute;bottom:15%;left:35%;border:1px solid #000;color:#000;display:block;width: 120px;height: 40px;line-height: 40px;text-align: center;cursor:pointer;z-index:99;}
.page4 .main .page4_left .page_more:hover{background:rgba(225,225,225,0.3)}
.page4 .main .page4_left .page4_mob   {display:none;} 
.page4 .main .page4_right             {position: absolute;height: 100%;z-index: 2;width: 1200px;left: 50%;margin-left: -600px;top: 0px;padding: 0px 0px 0px 310px;background: url("../images2/shuline.png") no-repeat right center;}
.page4 .main .page4_right .line2      {position: relative;width:100%;height:100%;background: url("../images2/shuline.png") no-repeat left center;}
.page4 .main .page4_right .line3      {position: relative;width:100%;height:100%;background: url("../images2/shuline.png") no-repeat center center;}
.page4 .main .page4_right .line4      {position: absolute;height: 600px;top: 50%;margin-top: -300px;left: 0px;width: 100%;}
.page4 .main .page4_right .line4:before {display: block;content: "";height: 1px;width: 1200px;position: absolute;left: 50%;margin-left: -600px;top: 200px;background: url("../images2/shuline2.png") no-repeat center;}
.page4 .main .page4_right .line4:after {display: block;content:"";height: 1px;width: 1200px;position: absolute;left: 50%;margin-left: -600px;top: 400px;background: url("../images2/shuline2.png")no-repeat center;;}
.page4 .main .page4_right .line4 .listone {width: 445px;height: 200px;position: relative;padding: 45px 35px 0px 35px;transition: all 0.3s ease;float:left;}
.page4 .main .page4_right .line4 .listone:hover{background:rgba(255,255,255,0.3)}
.page4 .main .page4_right .line4 .listone a{display: block;width: 100%;position:relative;overflow:hidden;}
.page4 .main .page4_right .line4 .listone .page4_time {width: 100%;color: #333;font-size: 14px;line-height: 14px;height: 14px;}
.page4 .main .page4_right .line4 .listone .page4_title{width: 100%;margin: 20px 0px;color: #000;font-size: 18px;line-height: 18px;height: 18px;overflow: hidden;text-overflow: ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;white-space: nowrap;}
.page4 .main .page4_right .line4 .listone .page4_cont {width: 100%;height: 50px;overflow: hidden;color: #000;font-size: 14px;line-height: 25px;}


.footer                               {background:#000;background-size:100% auto;}
.footer:before                        {position: absolute;display: block;content: '';width: 100%;height: calc(100% - 40px);top: 0;left: 0;z-index: 1;background-color: rgba(49,45,46,0.9)}
.footer .main                         {padding: 70px 0;position: relative;z-index:99;width:1400px;}
.footer_center                        {width: 127px;font-size: 14px;color: #fff;text-align: center;}
.footer_left,.footer_right            {width: calc((100% - 127px) / 2);font-size: 16px;color: #fff;line-height: 30px;}
.footer_left a                        {color: #fff;}
.footer_right                         {text-align: right;}
.footer_right dt                      {color: #71C80A;font-size: 18px;font-weight: bold;}
.footer_left img                      {margin-top: 15px;}
.footer_code                          {width: 100%;height: 127px;background: url("../images2/code_p.png") no-repeat;padding: 10px;margin-bottom: 5px;}
.footer_code img                      {width: 100%;height: 100%;}
.footer_top                           {width: 100%;height: 40px;background-color: #71C80A;position: relative;}
.top_icon                             {width: 80px;height: 80px;border-radius: 50%;background: #71C80A url("../images2/top.png") no-repeat center 15px;position: absolute;left: 50%;top: -40px;transform: translateX(-50%);z-index:999;cursor: pointer;}
.pc_box                               {display: block;}
.m_box                                {display: none;}

.secwen.animate                       {opacity: 1;filter: alpha(opacity=100);transform: translateY(0);transition: 0.5s;}
.secwen                               {opacity: 0;filter: alpha(opacity=0);transform: translateY(30px);transition: .5s;}
.animate.add1                         {transition-delay: .1s;}
.animate.add2                         {transition-delay: .2s;}
.animate.add3                         {transition-delay: .3s;}
.animate.add4                         {transition-delay: .4s;}
.animate.add5                         {transition-delay: .5s;}
.animate.add6                         {transition-delay: .6s;}
.nav-btn                              {display: none;}


/*其他列表页头部及公用banner*/
.menu2                                           {position: fixed;top:0;left: 0;width: 100%;height: 90px;z-index:999;background-color:#fff;}
.menu2 .main                                     {position:relative;width:1200px;margin:0 auto;}
.menu2 .nav                                      {width: 60%;float:right;}
.menu2 .nav ul								     {width: calc(100% - 140px)}
.menu2 .nav li									 {float: left;overflow: hidden;width: calc(100% / 6);height: 90px;line-height: 90px;transition: ease 0.65s;}
.menu2 .nav li:hover							 {border-bottom:2px solid #71C80A;}
.menu2 .nav li a								 {display: block;text-align:center;}
.menu2 .nav li a h2								 {font-size: 16px;color: #000;font-weight: normal;}
.menu2 .nav li.active a h2,.nav li:hover a h2	 {font-weight: bold;}
.menu2 .logo									 {height:90px;width:180px;}
.menu2 .logo a									 {overflow:hidden;display: block;margin:auto;position: relative;width:100%;height:100%;}
.menu2 .logo a img								 {vertical-align: middle;position: absolute;width: 180px;top:0;bottom:0;left:0;right:0;margin:auto;}
.public_banner									 {position:relative;margin-top:90px;}
.public_banner .banner li						 {position:relative;height: auto; line-height: 0; }
.public_banner .banner li img					 {line-height: 0;max-width: 100%;height:auto !important;transition: transform 5.5s ease 0s, opacity 2s ease 0s; -webkit-transition: transform 5.5s ease 0s, opacity 2s ease 0s; opacity: 1;}

/*栏目页面部分*/
.content											{width:100%;background:#F6F6F6;position:relative;overflow: hidden;}
.content .main										{width:1250px;position:relative;margin:60px auto;background:#fff;padding:25px;}
.content .main.about								{padding-right:0;}
.content .main .bread								{width:100%;height:auto;position:relative;overflow:hidden;border-bottom:1px solid #F2F2F2;padding:10px;}
.content .main .bread p								{float:left;line-height:40px;height:40px;width:auto;}
.content .main .bread p a							{font-size:16px;color:#000;}
.content .main .bread ul							{float:right;}
.content .main .bread ul li							{float:left;width:80px;line-height:40px;height:40px;}
.content .main .bread ul li a						{display:inline-block;width:100%;height:100%;color:#000;font-size:16px;text-align:center;}
.content .main .bread ul li a.on					{color:#71C80A;}
.content .main .bread ul li a:hover					{color:#71C80A;}
.content .main .bread_mob							{width:100%;height:auto;position:relative;overflow:hidden;border-bottom:1px solid #F2F2F2;padding:10px;}
.content .main .bread_mob ul						{position:relative;overflow:hidden;}
.content .main .bread_mob ul li						{float:left;width: calc( 100% / 4 );line-height:40px;height:40px;}
.content .main .bread_mob ul li a					{display:inline-block;width:100%;height:100%;color:#000;font-size:16px;text-align:center;}
.content .main .bread_mob ul li a.on				{color:#71C80A;}
.content .main .bread_mob ul li a:hover				{color:#71C80A;}
.content .main .title								{width:100%;height:auto;position:relative;overflow:hidden;padding:30px 10px 10px;}
.content .main .title .top							{width:100%;height:auto;position:relative;overflow:hidden;background:url("../images2/list_tit_back.png") no-repeat 80px 10px;}
.content .main .title .top h3						{font-size:60px;color:#656565;line-height:60px;}
.content .main .title .top h3 span					{font-size:60px;color:#71C80A;}
.content .main .title .top h5						{font-size:32px;color:#000;font-weight:normal;}
.content .main .title .bot							{width:100%;height:auto;position:relative;overflow:hidden;border-left:1px solid #71C80A;margin-top:20px;}
.content .main .title .bot h1						{font-size:100px;color:#F0F0F0;padding-left:30px;line-height:85px;}
.content .main .title .line							{width:140px;border-bottom:1px solid #F0F0F0;position:relative;margin-top:30px;}
.content .main .title .line .line_1					{width:60px;border-bottom:3px solid #71C80A;position:relative;}
.content .main .article								{width:100%;height:auto;position:relative;overflow:hidden;padding:10px;}
.content .main.about .article						{padding-right:0;}
.content .main .article .ab							{width:100%;height:100%;position:relative;overflow:hidden;background:#F9FCF3;}
.content .main .article p							{text-indent:2em;font-size:16px;line-height:32px;}
.content .main .article .about_left					{width:850px;line-height:32px;font-size:16px;background:#fff;padding-right:50px;}
.content .main .article .about_right				{width: calc(100% - 850px);height:100%;}
.content .main .article .about_right img			{display:block;width:100%;}
.content .main .article .about_right p				{line-height:50px;line-height:50px;margin-top:20px;text-indent:0em;color:#71C80A;}
.content .main .article .about_right p span			{background:#EAF7DB;font-size:22px;border-radius:0 50px 50px 0;display:inline-block;height:50px;text-indent:1em;color:#71C80A;padding-right:30px;}
.content .main .article .about_right p span i		{font-size:14px;color:#71C80A;}
.content .main .article .about_right p.p2 span		{background:#71C80A;color:#fff;}
.content .main .article .about_right p.p2 span i	{color:#fff;}

.content .main .article_list                        {width:100%;height:auto;position:relative;overflow:hidden;padding:10px;}
.content .main .article_list ul                     {width:100%;height:auto;position:relative;overflow:hidden;}
.content .main .article_list ul li                  {float:left;width:calc((100% - 100px) / 3);height:auto;position:relative;overflow:hidden;margin:25px;}
.content .main .article_list ul li:nth-child(3n+1)  {margin-left:0px;}
.content .main .article_list ul li:nth-child(3n)    {margin-right:0px;}
.content .main .article_list ul li a                {display:block;position:relative;overflow:hidden;}
.content .main .article_list ul li a img            {width:100%;display:block;height: 240px;}
.content .main .article_list ul li a p              {text-align:center;width:100%;line-height:40px;height:40px;font-size:16px;overflow:hidden;}

.content .main .content_info                           {padding: 30px 10px 10px 10px;}
.content .main .content_head                           {text-align: center;font-size: 24px;color: #303030;}
.content .main .content_time span                      {color: #666;font-size: 14px;margin-right: 10px;}
.content .main .content_newstext                       {border-top: 1px solid #e9e9e9;margin-top: 40px;padding: 60px 0 45px 0;color: #666;font-size: 16px;line-height: 30px;text-align: justify;}
.content .main .content_newstext img                   {height: auto !important;}

.content .main .article_list2                          {width:100%;height:auto;position:relative;overflow:hidden;padding:10px;}
.content .main .article_list2 ul                       {padding: 40px 0 20px 0;}
.content .main .article_list2 li                       {width: 100%;padding:20px 0;margin-bottom: 20px;background-color: #fff;position: relative;border-bottom:1px dashed #DBDBDB;}
.content .main .article_list2 li a                     {display: block;}
.content .main .article_list2 .news_img                {width: 290px;}
.content .main .article_list2 .news_img img            {transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s;}
.content .main .article_list2 .news_more               {width: 30px;margin-top:20px;margin-bottom:15px;}
.content .main .article_list2 .news_info               {width: calc(100% - 290px - 96px);padding:20px 2% 0 2%;font-size: 14px;color: #303030;line-height: 26px;}
.content .main .article_list2 .news_info h3            {font-size: 18px;color: #303030;line-height: 30px;}
.content .main .article_list2 .news_info time          {margin: 10px 0;display: block;}
.content .main .article_list2 .news_more  span         {display: block;height: 10px;background: url("../images2/more.png") no-repeat right center;position: relative;}


.content .main .contact_info                           {width:100%;height:auto;position:relative;overflow:hidden;padding:10px;}
.content .main .contact_info .contact_tip li           {border-bottom:1px dashed #ddd;}
.content .main .contact_info .contact_tip li span      {width: 50%;float: left;overflow: hidden;line-height: 60px;font-size: 16px;color: #8b8b8b;padding-left:10px; }
.content .main .contact_info .contact_weixin p         {float: left;padding-left: 40px;background: url("../images2/weixin.png") no-repeat left center;margin-right: 10px;line-height: 109px;color: #9f9f9f;font-size:16px;}
.content .main .contact_info .contact_weixin p         {float: left;padding-left: 40px;background: url("../images2/weixin.png") no-repeat left center;margin-right: 10px;line-height: 109px;}
.content .main .contact_info .contact_weixin           {padding: 20px 0 20px 10px;border-bottom:1px dashed #ddd;}
.content .main .contact_info .contact_weixin img       {border: 1px solid #ddd;width:100px;}
.content .main .contact_info .contact_map p            {line-height: 70px;color: #9f9f9f;font-size: 16px;}
#map                                                   {width: 100%;height: 400px;}

.content .main .tuan                                   {width:100%;height:auto;position:relative;overflow:hidden;padding:10px;}
.content .main .tuan .img1                             {width:589px;height:300px;position:relative;overflow:hidden;float:left;margin-bottom: 2px;}
.content .main .tuan .img1 img                         {width:100%;height:100%;}
.content .main .tuan .img2                             {width:589px;height:300px;position:relative;overflow:hidden;float:left;margin-left:2px;margin-bottom: 2px;}
.content .main .tuan .img2 img                         {width:100%;height:100%;}
.content .main .tuan .img3                             {width:639px;height:auto;position:relative;overflow:hidden;float:left;}
.content .main .tuan .img3 img                         {width:100%;}
.content .main .tuan .img4                             {width:539px;height:auto;position:relative;overflow:hidden;float:left;margin-left:2px;}
.content .main .tuan .img4 img                         {width:100%;}

.pages                                   {text-align: center;font-size: 0;margin-bottom: 35px;}
.pages *                                 {display: inline-block;font-size: 14px;}
.pages a, .pages b                       {padding: 0px 20px;background: #71C80A;text-align: center;color: #fff;height: 40px;line-height: 40px;margin-right: 2px;}
.pages b                                 {background: #71C80A;color: #fff;cursor: default;border-color: #71C80A;font-weight: normal;}

/*.recruit_info .fl                        {width: 40%;}
.recruit_info .fr                        {width: 60%;}
.recruit_info .fl h3                     {font-size: 42px;margin-bottom: 40px;font-weight: normal;}
.recruit_info .fl p                      {font-size: 22px;line-height: 30px;}
.recruit_info .fl p i                    {display: block;color: #71C80A;}
.table_th                                {padding: 30px;border: 1px solid #ddd;}
.table_th li                             {float: left;overflow: hidden;width: 20%;color: #303030;font-size: 18px;}
.zw_info                                 {padding: 30px;border: 1px solid #ddd;border-top:0;cursor: pointer;}
.zw_info span                            {float: left;overflow: hidden;width: 20%;color: #666;font-size: 16px;}
.zw_require                              {padding: 30px;border: 1px solid #ddd;border-top: 0;display: none;}
.zw_require h3                           {font-size:20px;color:#303030;margin-bottom:20px;font-weight: normal;}
.zw_require p                            {font-size: 14px;line-height: 28px;color: #666;text-align: justify;}
.recruit_zw li.on                        {background-color: #fafafa;}
.recruit_info,.contact_info              {padding: 80px 0 100px 0;}*/                                 {width: 100%;height: 400px;}
.search_container ul                     {padding: 40px 0 20px 0;}
.search_container li                     {padding: 20px;background-color: #fff;margin-bottom: 20px;}
.search_container li a                   {display: block;line-height: 30px;}
.search_container li h3                  {float: left;overflow: hidden;font-size: 18px;color: #303030;width:calc(100% - 100px);}
.search_container li time                {float: right;overflow: hidden;font-size: 14px;color: #303030;width:100px;text-align: right;}

.footer_left, .footer_right              {width: calc((100% - 127px - 127px - 10px) / 2)}
.footer_center                           {width: 264px;}
.footer_code                             {width:127px;margin: 0 auto;}

.dibu                                    {width: 1200px;position: fixed;text-align: center;bottom: 30px;left: 50%;margin-left: -600px;z-index: 999;}
.dibu_xiala                              {display: inline-block;position: relative;margin: 0px auto;cursor: pointer;animation: mymove 2s infinite;-webkit-animation: mymove 2s infinite;}
@keyframes mymove                        {from {top:0px;opacity:0;}to {top:30px;opacity:1}}
@-webkit-keyframes mymove                {from {top:0px;opacity:0;}to {top:30px;opacity:1}}

@media screen and (max-width:768px){
	.content .main .content_newstext img        {width:100% !important;}
	.content .main .content_newstext table      {width:100% !important;}
	.public_banner .banner li img               {width:100%;height:140px !important;}
	.content .main                              {width:100%;margin:0 auto;padding:0;}
	.content .main .title .bot                  {display:none;}
	.content .main .tuan .img1,
	.content .main .tuan .img2,
	.content .main .tuan .img3,
	.content .main .tuan .img4                  {width:100%;margin:0;}
	.content .main .article_list ul li          {width: calc((100% - 50px) / 2);margin:12.5px;}
	.content .main .article_list ul li:nth-child(3n+1) {margin-left:12.5px;}
	.content .main .article_list ul li:nth-child(3n) {margin-right:12.5px;}
	.content .main .article_list ul li a img    {height:120px;}
	.content .main .article_list2 ul            {padding:0;}
	.content .main .article_list2 li            {margin:0;padding: 20px 0 0;}
	.content .main .article_list2 .news_img     {width:100%;}
	.content .main .article_list2 .news_img img {width:100%;}
	.content .main .article_list2 .news_info    {width:100%;padding:0;}
	.content .main .article .about_left         {width:100%;padding-right:10px;}
	.content .main .article .about_right        {display:none;}

    .pc_box                                     {display: none;}
    .m_box                                      {display: block;}
    .nav-btn                                    {display: block;line-height: 48px;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);color: #fff;transition: all .3s ease-out;background: #71C80A;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);border-radius: 3px;color: #fff;cursor: pointer;display: block;height: 40px;outline-style: none;pointer-events: all;text-align: center;width: 40px;z-index: 1020;position: fixed;right: 10px;top: 10px;}
    .nav-btn-icon                               {-webkit-transform: rotate(0deg);cursor: pointer;display: inline-block;height: 17.3px;position: relative;transform: rotate(0deg);transition: .5s ease-in-out;width: 22px;}
    .nav-btn-icon span                          {-webkit-transform: rotate(0deg);background-color: #fff;border-radius: 2px;display: block;height: 2px;left: 0;opacity: 1;position: absolute;transform: rotate(0deg);transition: .25s ease-in-out;width: 100%;}
    .nav-btn-icon span:first-child              {-webkit-transform-origin: left center;top: 0;transform-origin: left center;}
    .nav-open .nav-btn-icon span:first-child    {-webkit-transform: rotate(45deg);left: 3px;top: 0;transform: rotate(45deg);}
    .nav-btn-icon span:nth-child(2)             {-webkit-transform-origin: left center;top: 6px;transform-origin: left center;}
    .nav-open .nav-btn-icon span:nth-child(2)   {opacity: 0;width: 0;}
    .nav-btn-icon span:nth-child(3)             {-webkit-transform-origin: left center;top: 12px;transform-origin: left center;}
    .nav-open .nav-btn-icon span:nth-child(3)   {-webkit-transform: rotate(-45deg);left: 3px;top: 16px;transform: rotate(-45deg);}
    .nav .nav-level                             {width: 100%;height: 100%;overflow: hidden;position: fixed;left: 0;top: 66px;background: #fff;z-index:99;display: none;border-top: 1px solid #71C80A;padding-bottom:66px;overflow: auto;}
    .nav li                                     {width: 100%;line-height: 40px;text-align: left;}
    .nav li span                                {display: none;}
    .menu                                       {height: 66px;line-height: 66px;background:none;background-color: #fff;box-shadow: 0 0 10px #ddd;}
    .menu2                                      {height: 66px;line-height: 66px;background:none;background-color: #fff;box-shadow: 0 0 10px #ddd;}
	.menu2 .nav ul                              {width:100%;}
	.menu2 .nav ul li                           {float:none;height:40px;line-height:40px;width:100%;}              
	.public_banner                              {margin-top:66px;}
    .bannerBox                                  {height: auto;position: static;margin-top: 66px;}
    .page2_img                                  {display: none;}
    .page2                                      {padding: 20px 0;}
    .pt100                                      {padding-top: 20px;}
	.page2 .page2_text                          {width:100%;padding:0 2%;height:auto;float:none;}
	.page2 .page2_text .page_title              {margin-bottom: 10px;text-align:center;}
	.page2 .page2_text .page_title h3           {font-size:50px;line-height:40px;}
    .page2 .page2_text .page_title h5           {position: static;top: auto;left: auto !important;transform: none !important;font-size: 20px;text-align: center;margin-top:5px;}
    .page2 .main                                {height: auto;}
    .page2 .index_about                         {position: static;top: auto;right: auto;transform: none;opacity: 1;width: 100%;}
	.index_about p.p2                           {line-height:40px;}
	.index_about p.p3 span                      {display: inline-block;width: calc( 100% / 2 );line-height:40px;float:left;}
	.index_about p.p4 span                      {display: inline-block;width: calc( 100% / 2 );line-height:40px;float:left;}
    .page_title h5 span                         {display:none;}
    .more a                                     {width: 100px;margin-top: 10px;}
	.page3 .main                                {height:auto;}
	.page3 .main .page_title                    {position:relative;margin-bottom: 10px;text-align:center;top:0;left:0;}
	.page3 .main .page_title h3                 {font-size:50px;line-height:40px;}
    .page3 .main .page_title h5                 {position: static;top: auto;left: auto !important;transform: none !important;font-size: 20px;text-align: center;margin-top:5px;}
	.page3 .main .page3_slide                   {height:auto;}
	.page3 .main .page3_slide ul li             {padding:30px 0 120px}
	.page3 .main .page3_slide ul li a           {position:relative;}
	.page3 .main .page3_slide .swiper-button-prev{top:auto;bottom:30px;left:10%;}
	.page3 .main .page3_slide .swiper-button-next{top:auto;bottom:30px;right:10%;}
	.page3 .main .page3_slide ul li a h3        {padding:0 10px;}
	.page3 .main .page3_slide ul li a p         {padding:0 10px;height:40px;white-space: normal;overflow:hidden;}
    .page4                                      {padding-top: 20px;}
    .page4 .main                                {height: auto;background: none;}
    .page4 .main .page4_left                    {position:relative;width:100%;}
	.page4 .main .page4_left .page_more         {display:none;}
	.page4 .main .page4_left .page_title        {position:relative;width:100%;text-align:center;top:auto;left:auto;}
	.page4 .main .page4_left .page_title h3     {font-size:50px;line-height:40px;}
    .page4 .main .page4_left .page_title h5     {position: static;top: auto;left: auto !important;transform: none !important;font-size: 20px;text-align: center;margin-top:5px;}
	.page4 .main .page4_right                   {position:relative;width:100%;height: auto;left:auto;margin:20px 0;padding:0 10px;}
	.page4 .main .page4_right .line2            {background:none;}
	.page4 .main .page4_right .line3            {background:none;}
	.page4 .main .page4_right .line4            {position:relative;width:100%;height:auto;top:0;left:auto;margin:0;}
	.page4 .main .page4_right .line4:before     {background:none;}
	.page4 .main .page4_right .line4:after      {background:none;}
	.page4 .main .page4_right .line4 .listone   {width:100%;height:auto;padding:10px 0 20px;border-bottom:1px solid #000;float:none;}
	.page4 .main .page4_mob                     {display:block;text-align:center;margin-bottom:20px;}
	.page4 .main .page4_mob a                   {position:relative;border:1px solid #000;color:#000;display:inline-block;width: 120px;height: 40px;line-height: 40px;text-align: center;cursor:pointer;z-index:99;}
    .footer                                     {background: #2F2A2C;}
    .footer .main                               {padding: 20px 0;max-width: 96%;}
    .footer_left, .footer_right                 {width: 100%;text-align: left;font-size: 14px;}
    .footer_left img                            {display: none;}
    .footer_center                              {width: 100%;}
    .footer_code                                {width: 127px;margin: 0 auto;}
    .footer_container p.m_box                   {margin: 0 auto;margin-bottom: 30px;text-align: center;}
    .footer_top                                 {height: 50px;}
    .bannerBox .banner li a                     {height: auto;}
    .content .main .contact_info .contact_tip li{border-bottom: none;}
    .content .main .contact_info .contact_tip li span{width: 100%;border-bottom:1px solid #ddd;line-height: 45px;font-size: 14px;}
    .recruit_info, .contact_info                {padding: 20px 0;}
    .content_head                               {font-size: 20px;}
    .content_time span                          {font-size: 12px;}
    .content_newstext                           {padding: 30px 0 20px 0;}
    .news_more                                  {display: none;}
    .news_container li                          {padding: 10px;}
    .news_img                                   {width: 40%;}
    .news_info h3                               {font-size: 16px;}
    .news_info p                                {font-size: 12px;text-align: justify;}
    .news_info time                             {margin: 0;}
    .recruit_info .fl                           {width: 100%;}
    .recruit_info .fr                           {width: 100%;}
    .recruit_info .fl h3                        {font-size: 30px;margin-bottom: 20px;}
    .recruit_info .fl p                         {font-size: 18px;margin-bottom: 20px;}
    .table_th,.zw_info,.zw_require              {padding: 10px;}
    .factory_good dd span                       {font-size: 22px;width: 50px;height: 50px;line-height: 50px;}
    .search_container li                        {padding: 10px;}
    .search_container li h3                     {font-size: 16px;}
    .product_slide .swiper-slide a              {display:block;}
    .search_icon a                              {display:none;}
    .nav li a                                   {padding-left:10px;background-image: none !important;}
	.logo                                       {height:66px;margin-left:10px;}
    .logo a img                                 {}
	.menu2 .logo                                {height:66px;}
    .menu2 .logo a img                          {}
    .nav li a h2                                {background: none;color: #303030;}
    .nav li                                     {height: 40px;}
    .nav li:nth-of-type(5)                      {margin-left: 0;}
    .nav li.active,.nav li:hover                {background-color: #71C80A;background-image: none;}
    .nav li.active a h2, .nav li:hover a h2     {color: #fff;}
    .product_slide                              {background:none;}
    .product_slide_img img                      {height: 224px;}
	.search_icon                                {display:none;}
    .index_banner_text                          {display:none;}
    .index_banner_mob                           {display:block;height:200px;position:relative;width:100%;text-align:center;}
	.index_banner_mob img                       {width:100%;height:100%;position:relative;z-index:99;}
	.index_banner_mob h3                        {position:absolute;top: 50%;left:50%;transform: translate(-50%,-50%);z-index:100;color:#fff;font-size:20px;}
    .fooetr_code:nth-of-type(2)                 {float:left !important;margin-left:15px;}
    .footer:before                              {display:none;}

}