@charset "utf-8";
* {margin:0; padding:0; list-style:none; }
html{_background:url(about:blank);background-attachment:fixed;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,
button,input,textarea,th,td{margin:0;padding:0;}
body{  color:#333; font-size:14px; font-family: 'Arial', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; margin:0 auto; padding:0; line-height:25px;}
ul,li{list-style:none;}
input,textarea,button,select{font-size:14px; outline:none; resize:none; color:#333; font-family: 'Arial', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';}
button{cursor: pointer;}
table{border-collapse:collapse;border-spacing:0;}
.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}

a{color:#333; text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}
a:hover{color:#203B79;; text-decoration:none;}
img{border:none;}
#clear{width:100%; height:0px; clear:both;}

p{line-height:25px;}

.ban1{ width:100%; height:auto;position:relative;}
.ban1 img{ width:100%; height:auto; }
.menu1{ width:1088px; height:80px; position:absolute; bottom:-50px;  background:#fff; box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.1); left:50%; margin-left:-544px;}
.menu1 a{ width:25%; float:left; display:block; float:left; text-align: center; margin-top:25px; background:url(../images/img/line1.png) right center no-repeat;}
.menu1 a h2{ font-size:18px;}
.menu1 a p{ font-size:12px;}
.menu1 a:nth-child(4){ background:none;} 
.menu1 a:hover h2{ color:#08962b}
.menu1 a:hover p{ color:#08962b}
.about1{ width:1360px; height:auto; margin:130px auto 70px auto;}
.ab11{ float:left; width:573px; height:650px; float:left;}
.ab12{ float: right; width:720px; height:auto; line-height:30px; font-size:14px;}
.ab12 h2{ font-size:24px; line-height:70px; font-weight:bold; color:#333;}

.ab12 ul{overflow: hidden; padding-top: 55px; margin-left: -65px;}
.ab12 li{float: left; padding-left: 65px;text-align: center;}
.ab12 h4{font-weight:700;color: #666; font-size: 47px;}
.ab12 h4 span{font-weight: 400; font-size: 18px;display: inline-block;vertical-align: top;}
.ab12 h5{color:#999; font-size: 16px;margin-top: 10px;font-weight: 400;}

.ab2{ width:100%; height:800px; }
.ab21{ width:50%; height:800px; float:left; background:url(../images/img/a4.png) center no-repeat; background-size:cover;}
.ab2z{ width:680px; padding-top:150px; float:right; color:#fff; line-height:30px; }
.ab2z h2{ font-size:36px; height:90px; }
.ab2z a{ border:1px solid #fff; padding:10px 40px; color:#fff;}
.ab2z a:hover{ background:#fff; color:#333;}
.ab22{ width:50%; height:800px; float:right; background:url(../images/img/a5.png) center no-repeat; background-size:cover;}
.ab22z{ width:600px; padding-top:150px; float:left; color:#fff; line-height:30px; padding-left:80px; }
.ab22z h2{ font-size:36px; height:90px; }
.ab22z a{ border:1px solid #fff; padding:10px 40px; color:#fff; }
.ab22z a:hover{ background:#fff; color:#333;}

.ba_img{ width:100%; height:auto; text-align:center;}
.ba_img img{ display: inline-block;}

.gscp_qh1{position: relative; margin: 50px  auto 0 auto; padding: 0 60px;width: 1480px;}
.gsbox1 span{display: block; overflow: hidden;border: 1px solid #bdbdbd;}
.gsbox1 img{width: 100%;transition: All 0.4s ease-in-out;}
.gsbox1 p{font-size: 18px;color:#666666; line-height: 76px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;text-align: center;}
.gscp_qh1 a:hover p{color: #08962b;}
.gscp_qh1 a:hover  span{border: 1px solid #08962b;}
.gscp_qh1 .swiper-button-next{background: url(../images/right2.png);width: 36px;height: 36px;margin-top: 18px;top: 38%;}
.gscp_qh1 .swiper-button-prev{background: url(../images/left2.png);width: 36px;height: 36px;margin-top: 18px;top: 38%;}
@media(max-width:1500px){
.gscp_qh1{width: 100%; padding: 0 50px;}

}
@media(max-width:1200px){
.gscp_qh1{margin-top: 30px; padding: 0 30px;}
.gscp_qh1 .swiper-button-next{right: 0; width: 20px;height: 20px;background-size: 100%;top: 25%;}
.gscp_qh1 .swiper-button-prev{left: 0; width: 20px;height: 20px;background-size: 100%;top: 25%;}
}

.gscp_qh2{position: relative; margin: 0px  auto 50px auto; padding: 0 0px;width:1360px;}
.gsbox2 span{display: block; overflow: hidden;}
.gsbox2 img{width: 100%;transition: All 0.4s ease-in-out;}
.gsbox2 p{font-size: 18px;color:#666666; line-height: 76px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;text-align: center;}
.gscp_qh2 a:hover p{color: #08962b;}

.gscp_qh2 .swiper-button-next{background: url(../images/right1.png);width:48px;height: 48px;margin-top:-24px;top: 50%;}
.gscp_qh2 .swiper-button-prev{background: url(../images/left1.png);width: 48px;height: 48px;margin-top:-24px;top: 50%;}
@media(max-width:1500px){
.gscp_qh2{width: 100%; padding: 0 50px;}

}
@media(max-width:1200px){
.gscp_qh2{margin-top: 30px; padding: 0 30px;}
.gscp_qh2 .swiper-button-next{right: 0; width: 20px;height: 20px;background-size: 100%;top: 25%;}
.gscp_qh2 .swiper-button-prev{left: 0; width: 20px;height: 20px;background-size: 100%;top: 25%;}
}
.photz{ width:1360px; height:auto; padding:70px 30px;background: #E9EDF0;}



.m_tip{ width:1360px; height:60px; line-height:60px;  margin:15px auto 0px auto;border-bottom: 1px solid #E0E0E0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.gscp_bt1 ul{ width:1360px; height:50px;text-align:left; margin:40px auto 45px auto;border-bottom: 1px solid #E0E0E0; }
.gscp_bt1 li{display: inline-block; font-size: 14px;color: #666;line-height: 35px;}
.gscp_bt1 a{display: inline-block; border-radius: 18px;transition: All 0.4s ease-in-out;padding: 0 20px; margin: 0 10px;}
.gscp_bt1 .cur a{background: #f39c11;}
.gscp_bt1 a:hover{background: #f39c11;padding: 0 20px;}


/* 选项卡示例样式 */
.main3 {width:1360px;margin:50px auto;}
.tab1 {overflow: hidden;width: 100%;height:60px;background: #333;;cursor: pointer;}
.tab1 li {float: left;width: 150px;text-align: center;line-height:60px; color:#fff;}
.tab1 li.on { color:#fff;background: linear-gradient(119.42deg, #2A2B7B 9.01%, #0D81CA 88.23%);}
.con1 {width:1360px;padding:40px 20px;;border: 1px solid #ddd;border-top: none; font-size:14px; color:#666;}
.con1 img{ max-width:100%;}
.xjb{ width:1360px; height:auto; margin:0 auto;}
.xjb img{ width:100%;}

.main_xg{ width:100%; height:auto; background: url(../images/img/a9.png) top no-repeat ; padding-bottom:70px; margin-top:80px;}

.bt1{ width:100%; line-height:120px; margin-bottom:30px; background:url(../images/img/a10.png) center bottom no-repeat; text-align:center; font-size:36px; padding-top:130px; color:#fff;}

.product{ width:1360px; height:auto; padding:50px 0px 0px 0px; margin:0px auto 70px auto;}
.product li{width:320px; height:480px; float:left; margin-right:26.666px; margin-bottom:45px;}
.product li:nth-child(4n){ margin-right:0px;}
.product li img{ width:318px; height:410px;cursor: pointer;transition: all 1.2s;}
.product li img:hover{transform: scale(1.1);}
.product li p{ width:100%; height:70px; line-height:1.5; font-size:16px; text-align:center; color:#666;display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; }
.product li:hover p{ background:#08962b; color:#fff;}

/*分页*/
#nx_pg{width:100%; height: auto ; padding:40px 0px;  text-align:center;}
#nx_pg a{display:inline; padding:9px 16px 9px 16px; background:#fff;border: 1px solid #DEE2E6; color:#6C757D;;font-size:14px; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg a:hover{background:#58f67f;; color:#fff;border: 1px solid #58f67f;;}
#nx_pg .on{ background:#58f67f;; color:#fff;border: 1px solid #58f67f;;}

.artile{ width:100%; height:auto; margin:30px auto 15px auto;}
.artile li{ width:100%; height:391px; background:#fff;  padding:45px 0px;transition:all 0.5s;border-bottom: 1px solid #E0E0E0;;}
.xman{ max-width:1360px; width:96%; margin:0 auto; }
.art1{ width:420px; height:308px; float:left; margin-right:38px;}
.art1 img{width:420px; height:308px;}
.art2{ height:308px;overflow: hidden; }
.art2 h2{ width:100%; font-size:18px; color:#333333;transition:all 0.5s; height: auto; margin-top:42px; font-weight: bold; line-height:30px; height:30px; padding-bottom:15px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.art2 .art_p{ width:100%; height:75px; line-height:25px;transition:all 0.5s; color:#828282 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;;}
.art2 .art2_1{ width:100%; height:40px; line-height:40px; padding-top:25px;}
.art2 .art2_1 h3{ font-weight:normal; font-size:14px; color:#666; padding-bottom:20px; float:left;transition:all 0.5s;}
.art2 .art2_1 span{  font-size:12px; float:right; padding:0px 22px; color:#fff; background:#F39C11;transition:all 0.5s;}

.artile li:hover .art2 h2{ color:#fff;}
.artile li:hover{ background:#08962b;;}
.artile li:hover .art2 .art_p{ color:#fff;}
.artile li:hover .art2 .art2_1 h3{ color:#fff;}
.artile li:hover .art2 .art2_1 span{ background:#fff; color:#08962b;}

.conent1{ width:100%; height:auto;  padding-bottom:60px;}
#main-r{max-width:1360px; width:96%; margin:0 auto;padding-left:0px; padding-right:0px; }
.bt5{ position:relative; width:100%; height:60px; line-height:60px; border-bottom:1px solid #E0E0E0;; margin-bottom:20px; margin-top:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.bt5 a{ color:#666;}
.bt5 a:hover{ text-decoration:underline; color:#E84F3F}
.art_detail{ width:100%; height:auto; background:#fff; padding:20px 0px;box-sizing: border-box;}
#info-T{width:100%; min-height:26px; padding-top:0px; color:#242424; padding-bottom:15px; line-height:26px; text-align: center; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}

#info-C1{width:100%; line-height:28px; margin-top:0px; font-size:14px; text-align:center; padding-bottom:10px;}


/*帮助中心*/
.tab_h_content {width: 1360px; margin:50px auto;;}
.tab_h_content .q_bg {width: 1360px;height: 64px; color:#333;border-bottom: 1px solid #dadada;}
.q_title {line-height:64px;font-size: 14px;cursor: pointer;}
span.tip {float: right;line-height:64px;margin-right: 10px;color: #999;cursor: pointer;}
.q_bg_selected {width: 1360px;height: 64px;cursor: pointer;}
.tab_h_content dd p { font-size: 14px;color: #333;line-height: 25px;box-sizing: border-box; padding: 30px 15px;;background: #F0F0F2;}


.ab1z{ width:100%; height:900px;}
.bt{ width:100%; height:auto; line-height:70px; font-size:36px; text-align:center; color:#333; padding-bottom:20px; }

.bt p{ font-size:14px; color:#fff;}
.ct521{ width:1000px;;  margin:0px auto 0px auto; padding-top:150px;box-sizing: border-box; color:#fff;}
.ct521 p{ margin-bottom:5px;}
.jon1{ width:48%; height: auto; padding-bottom:35px; float:left; }
.jon2{ width:48%; height: auto; padding-bottom:35px; float:right;}
.b1{width:100%; height:68px; line-height:68px; margin:0;box-sizing: border-box; background:#fff;  border:#999999 1px solid; padding-left:40px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }
.b1:hover{border:#b0adad 1px solid; background-color:#f7f8f9; }
.b2{width:100%; height:150px; line-height:34px;margin:0;background:#fff; padding:0;box-sizing: border-box;border:#999999 1px solid; padding-left:40px;-}
.b2:hover{border:#b0adad 1px solid; background-color:#f7f8f9;  }

.jon4{ width:100%; height: auto ; margin-bottom:35px; display:block;}

.jon5{ width:30%; height:60px; margin:0 auto; }
.jon5 button{ display: block; width: 100%; height: 100%; border: none; outline: none; text-align: center; font-size:18px; line-height: 60px; color: #666; background:#fff; border: 1px solid #999999;;box-sizing: border-box;}
.jon5 button:hover{ color:#5581BB; }

.map{ width:100%; height:auto; }
.map img{ width:100%;}

.link{ width:100%; height:auto; padding:80px 0px;background: #F1F3F4;}
.link1{ width:1360px; height:auto; background:#fff; margin:0 auto;}
.link1 h2{ width:100%; height:100px; border-bottom:1px solid #bdbdbd; text-align:center; line-height:100px; color:#333; font-size:24px;}
.link1 li{ width:25%; float:left; border-right:1px solid #bdbdbd; text-align:center; float:left; padding-bottom:50px;}
.link1 li img{ width:68px; height:68px; margin-top:60px; display:inline-block; margin-bottom:15px;}
.link1 li h3{ width:100%; font-size:18px; color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.link1 li p{ width:100%; color:#666; height:50px; line-height:25px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}