/* commom start */
@charset "utf-8";
*                       {margin: 0;padding: 0;box-sizing: border-box;}
html                    {overflow-x: hidden;}
body                    {max-width: 1920px;min-width: 1440px;margin: 0px auto;overflow: hidden;}
body, button, input, select, textarea    {font: 90% "Penrose,pingfang sc,hiragino sans gb,Tahoma,Arial,lantinghei sc,microsoft yahei,sans-serif"!important;}
input, select, textarea {font-size: 100%;}
table                   {border-collapse: collapse;border-spacing: 0;table-layout:fixed;}
address, caption, cite, code, dfn, em, th, var, strong      {font-style: normal;font-weight: normal;}
ol, ul, li              {list-style: none;}
h1, h2, h3, h4, h5, h6  {font-size: 100%;font-weight: bold;}
img 			        {display: block;max-width: 100%;}
i 				        {font-style: normal;}
a                       { color: #323232;text-decoration: none;display: inline-block;transition: all linear .3s;}
a:hover                 {text-decoration: none;}
.clearfix:before, 
.clearfix:after         {content: "";display: table;}
.clearfix:after         {clear: both;overflow: hidden;}
.clearfix               {zoom: 1;}
.fl, .fr                {display: inline;}
.fl                     {float: left;}
.fr                     {float: right;}
.main                   {width: 1400px;margin: 0 auto;}
.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;}
@font-face              {font-family:yiyingbao;src:url("../font/iconfont.ttf") format("truetype")}
.yiyingbaoicon          {font-family:yiyingbao;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.flex                   {display: flex;align-items: center;}
.db                     {display: block;}

/* common end */

.header                 {height: 130px;padding: 10px 0;}
.logo                   {padding: 40px 0 0 190px;height: 110px;position: relative;color: #18499d;}
.logo img               {display: block;width: 170px;height: 110px;position: absolute;left: 0;top: 0;}
.logo .ct               {padding-left: 20px;border-left: 1px solid #18499d;color:#18499d;}
.logo .bt               {font-size:25px;line-height: 40px;}
.logo .st               {font-size:18px;line-height: 30px;}
.logo2                  {margin-top: 45px;}
.tel                    {margin-top: 35px;margin-left: 80px;}
.tel .t                 {height: 40px;line-height: 40px;color: rgb(255, 0, 0);border-bottom: 1px solid #d9d9d9;font-weight: bold;font-size: 20px;}
.tel .t i               {font-size: 27px;background-size: 27px;width: 30px;height: 30px;line-height: 30px;display: inline-block;color: rgb(255, 0, 0);font-weight: normal;}
.tel .b                 {color: #555;font-size: 16px;white-space: normal;line-height: 30px;}
.tel .b em              {font-size: 12px;}

.float                      {position: fixed;z-index: 100;top: 0px;box-shadow: 0 0 5px #ccc;}
.nav                        {height: 60px;line-height: 60px;background: #fff;width: 100%;}
.nav li                     {width: calc(100% / 10);text-align: center;float: left;}
.nav li a                   {display: block;font-size: 16px;color: #666666;}
.nav li a:hover,
.nav li.on a                {color: #f00;}

.banner                         {position: relative;width: 100%;}
.banner img                     {width: 100%;display: block;}
.banner .swiper-button-prev,
.banner .swiper-button-next     {width: 50px;height: 50px;font-size: 40px;background: 0 none!important;color: #fff;text-align: center;line-height: 50px;}

.proList                    {background: #eeeeee;}
.proList .pic,
.proList .txt               {flex: 1;}
.proList .pic img           {display: block;width: 100%;}
.proList .txt .info         {padding-left: 100px;}
.proList .txt .bt           {font-size:35px;color:#2c3e50;}
.proList .txt .st           {color: #555;line-height: 40px;margin-bottom: 10px;}
.proList .txt ul            {padding-top: 40px;border-top: 1px solid #a0a0a0;}
.proList .txt li            {width: calc((100% - 90px) / 3);float: left;line-height: 40px;height: 40px;margin-right: 30px;position: relative;padding-right: 20px;}
.proList .txt li a          {display: block;}
.proList .txt li:hover      {border-bottom: 1px solid #434343;}
.proList .txt li i          {display: block;width: 20px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;color: #d9d9d9;}
.proList .txt li:hover i    {color: #ff0000;}

.comt,
.comt .main                 {height: 156px;background: #fff;}
.comtBg .main               {background: 0 none;}
.comt .main                 {position: relative;}   
.comtInfo                   {display: inline-block;text-align: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 150px;color: #000;}
.comt .before,
.comt .after                {color: rgb(85, 85, 85);font-size: 16px;}
.comt .name                 {line-height: 45px;font-size:30px;}
.comtBg                     {background: #18499e;}
.comtBg  .comtInfo          {color: #fff;}
.comtBg .before,
.comtBg .after              {color: #fff;}

.pro                        {background-size: cover;background: url("../images/probg.jpg") no-repeat center;}
.proLeft                    {background: #18499e;color: #fff;width: 530px;height: 470px;float: left;padding: 30px 40px;}
.proLeft .name              {font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.proLeft li                 {width: calc((100% - 30px) / 2);margin-right: 30px;float: left;height: 40px;border: 1px solid #fff;line-height: 38px;text-align: center;font-size: 15px;margin-bottom: 20px;cursor: pointer;transition: all linear .3s;}
.proLeft li:nth-child(2n)   {margin-right: 0;}
.proLeft li a               {color: #fff;display: block;}
.proLeft li:hover,       
.proLeft li:hover a         {color: #18499e;background: #fff;}
.proLeft .brief             {line-height: 25px;margin-bottom: 20px;}
.proRight                   {float: right;width: calc(100% - 530px);}
.proRight li                {float: left;width: 50%;border: 1px solid #d9d9d9;}
.proRight li:last-child     {margin-left: -1px;}
.proRight li .img           {width: 100%;height: 400px;overflow: hidden;position: relative;background: #fff;}
.proRight li .img img       {display: block;max-width: 90%;max-height: 80%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;transition: all linear .3s;}
.proRight li:hover img      {transform: scale(1.2);}
.proRight li .txt           {background: #000;color: #fff;height: 68px;padding: 10px 80px 10px 35px;position: relative;transition: all linear .3s;}
.proRight li:hover .txt     {background: #f00;}
.proRight li .tit           {font-size:18px;font-weight: bold;padding-bottom: 15px;position: relative;}
.proRight li .tit::before   {content: '';display: block;background: #fff;width: 40px;height: 2px;position: absolute;left: 0;bottom: 0;}
.proRight li .tit i         {font-size:18px;color:#ff0000;display: inline-block;position: absolute;right: 0;bottom: 0;line-height: 10px;}
.proRight li .txt .more     {font-weight: bold;font-size:15px;position: absolute;right: 10px;display: block;top: 35px;}
.proLc                      {height: 250px;padding: 75px 25px 75px 150px;position: relative;}
.proLc .name                {font-size:20px;color:#000000;position: absolute;left: 25px;top: 75px;padding-bottom: 20px;}
.proLc .name i              {display: block;position: absolute;left: 0;bottom: 0;width: 100%;}
.proLc ul                   {position: relative;}
.proLc li                   {width: 100px;height: 100px;border-radius: 50%;float: left;margin-right: 40px;background: #5f99fa;color: #fff;text-align: center;padding: 15px 0;position: relative;z-index: 2;}
.proLc ul::before           {content:'';display: block;width: 96%;height: 1px;border: 0 none;border-bottom: 1px solid #3d7eec;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 1;}
.proLc li:nth-child(2)      {background: #4b8bf7;}
.proLc li:nth-child(3)      {background: #3d7eec;}
.proLc li:nth-child(4)      {background: #2f72e3;}
.proLc li:nth-child(5)      {background: #2a69d3;}
.proLc li:nth-child(6)      {background: #2867d2;}
.proLc li:nth-child(7)      {background: #2662cb;}
.proLc li:nth-child(8)      {background: #1f57b7;}
.proLc li:nth-child(9)      {background: #18499d;}
.proLc li:last-child        {margin-right: 0;}
.proLc li:hover             {background: #f00;}
.proLc li span              {font-size: 16px;line-height: 30px;}
.proLc li i                 {font-size: 25px;line-height: 30px;margin-top: 5px;}

.fangan                     {background: #eeeeee;}
.faBtn                      {float: right;margin-top: 55px;}
.faBtn li                   {width: 140px;text-align: center;border: 1px solid #e5e5e5;border-radius: 5px;line-height: 40px;height: 40px;color: #666;float: left;margin-left: 30px;cursor: pointer;}
.faBtn li:hover             {background: #f00;color: #fff;border: 1px solid #f00;}
.faBtn li:hover a           {color: #fff;}
.faImfo                     {padding: 50px 0;}
.faImfo .Btit               {font-size:28px;color:#000000;font-weight: bold;margin-bottom: 70px;}
.faLeft                     {width: 365px;}
.faLeft li                  {margin-bottom: 1px;}
.faLeft .img                {float: left;width: 240px;height: 180px;}
.faLeft .img img            {display: block;width: 100%;height: 100%;}
.faLeft .txt                {float: left;margin-top: 100px;margin-left: 20px;}
.faLeft .txt .bt            {font-size:16px;color: #000;font-weight: bold;}
.faLeft .txt .st            {font-size:15px;color: #000;padding-bottom: 15px;position: relative;}
.faLeft .txt .st::before    {content: '';width: 30px;height: 1px;background: #000;position: absolute;left: 0;bottom: 0;}
.faRight                    {width: 1035px;}
.faRight img                {display: block;width: 100%;}

.ljwsInfo                       {width: 100%;background: url("../images/ljBg.jpg") no-repeat center top;padding: 40px 0;text-align: center;color: #fff;}
.ljwsInfo .bt1                  {font-size: 40px;}
.ljwsInfo .bt2                  {font-size: 35px;margin: 10px 0;}
.ljwsInfo .brief                {font-size: 16px;line-height: 1.75;margin: 40px 0;display: inline-block;text-align: justify;}
.ljwsInfo .hbpt                 {width: 1280px;margin: 0 auto;}
.ljwsInfo .hbpt li              {float: left;width: calc((100% - 75px) / 6);border: 1px solid #fff;line-height: 40px;height: 40px;margin-right: 15px;}
.ljwsInfo .hbpt li:last-child   {margin-right: 0;}
.wsYf                           {padding: 70px 0 40px;}
.wsyfleft,.wsyfright            {display: inline-block;}
.wsyfleft img                   {display: block;width: 225px;height: 225px;}
.wsyfleft .cn                   {font-size: 16px;font-weight: bold;}
.wsyfleft .en                   {font-size:12px;}
.wsyfright                      {width: 720px;}
.wsyfright li                   {width: 240px;padding: 0 30px;border-right: 1px solid #fff;float: left;position: relative;}
.wsyfright li:nth-child(3n)     {border: 0 none;}
.wsyfright li:last-child        {height: 125px;}
.wsyfright li .yf               {border-bottom: 1px solid #fff;padding: 20px 0;}
.wsyfright li:nth-child(n+4) .yf{border: 0 none;}
.wsyfright .num                 {font-size:50px;font-weight: bold;}
.wsyfright .num em              {font-size: 36px;line-height: 55px;}
.wsyfright li .more             {position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);}
.wsyfright li .more a           {color: #fff;font-weight: bold;font-size: 16px;}
.wsyfright li .more a:hover     {color: #f00;}

.serviceMain                        {padding: 100px 0;background: #e8e8e8 url("../images/serBg.png") no-repeat center;}
.serBox1                            {width: 555px;height: 555px;border: 1px solid #2196f3;margin: 0 auto;border-radius: 50%;position: relative;}
.serBox1 .sbg                       {display: block;width: 555px;height: 555px;position: absolute;animation: sbg 10s linear 0.3s infinite;}
@keyframes sbg                      {0%{transform: rotate(0);}100%{transform: rotate(-180deg);}}
.serBox2                            {width: 355px;height: 355px;border: 1px solid #2196f3;margin: 0 auto;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.serBox2 img                        {display: block;margin: 0 auto;width: 140px;}
.serBox2 .four                      {font-size:40px;color:#ff0000;line-height:1.5;text-align: center;font-weight: bold;}
.ysList li                          {width: 70px;height: 70px;border-radius: 50%;position: absolute;transition: all linear .3s;}
.ysList li:nth-child(1)             {background: #18499e url("../images/s1.png") no-repeat center;background-size: 60%;left: 30px;top: 60px;}
.ysList li:nth-child(2)             {background: #18499e url("../images/s2.png") no-repeat center;background-size: 60%;left: 450px;top: 60px;}
.ysList li:nth-child(3)             {background: #18499e url("../images/s3.png") no-repeat center;background-size: 60%;left: -10px;top: 350px;}
.ysList li:nth-child(4)             {background: #18499e url("../images/s4.png") no-repeat center;background-size: 60%;right: -10px;top: 350px;}
.ysList li .name                    {position: absolute;line-height: 70px;font-size: 22px;color: #18499e;top: 0;width: 250px;cursor: pointer;transition: all linear .3s;}
.ysList li .name:hover              {color: rgb(255, 0, 0);font-weight: bold;}
.ysList li:nth-child(1) .name,
.ysList li:nth-child(3) .name       {left: -300px;text-align: right;}
.ysList li:nth-child(2) .name,
.ysList li:nth-child(4) .name       {right: -300px;text-align: left;}
.ysList li .name .info              {background: #fff;padding: 23px;position: absolute;width: 406px;top: 70px;transition: all linear .3s;z-index: 99;font-size: 14px;line-height: 20px;text-align: left;opacity: 1;}
.ysList li:nth-child(1) .info,
.ysList li:nth-child(3) .info       {right: 0;}
.ysList li:nth-child(2) .info,      
.ysList li:nth-child(4) .info       {left: 0;}
.ysList li .info span               {color: #fff;position: absolute;font-size: 20px;top: -15px;}
.ysList li:nth-child(1) .info span,
.ysList li:nth-child(3) .info span  {right: 50px;}
.ysList li:nth-child(2) .info span,
.ysList li:nth-child(4) .info span  {left: 50px;}
.ysList li .info p                  {margin: 10px 0;font-weight: bold;}
.ysList li .info p font             {color: #f00;}
.ysList li:nth-child(3) .info p,
.ysList li:nth-child(4) .info p     {margin: 5px 0;}
.ysList li:nth-child(3) .info p     {text-align: right;}
.ysList li .name:hover .info        {transition: all linear .3s;color: #000;}

.case                               {background: #f1f1f1;}
.caseInfo                           {padding: 50px 0;position: relative;}
.caseMap                            {position: absolute;top: -40px;left: 200px;}
.caseLeft                           {width: 400px;position: relative;z-index: 9;}
.caseLeft .name                     {font-size:27px;color: #000;line-height: 1.75;font-weight: bold;margin: 50px 0;}
.caseLeft .brief                    {line-height: 25px;font-size: 16px;}
.caseLeft .brief p                  {margin-bottom: 20px;}
.caseLeft .more                     {text-align: center;background: #666666;height: 45px;line-height: 45px;margin-top: 70px;box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4);}
.caseLeft .more:hover               {background: #f00;}
.caseLeft .more a                   {display: block;color: #fff;font-size: 15px;}
.caseRight                          {width: 500px;}
.caseRight .bt .cn                  {font-size:24px;color: #555;}
.caseRight .bt .en                  {color:#dddddd;font-size: 12px;margin-bottom: 30px;}
.caseBanner                         {width: 500px;height: 333px;border-bottom: 3px solid #bfbfbf;}
.caseBanner img                     {object-fit: cover;width: 100%;height: 100%;margin: 0px auto;}
.caseBanner .tit                    {color: #fff;background: hsla(0, 0%, 26%, 0.79);position: absolute;left: 0;bottom: 0;width: 100%;padding: 10px;line-height: 30px;height: 50px;}
.caseBanner .swiper-pagination      {text-align: right;display: inline-block;width: auto!important;right: 5px;left: auto!important;bottom: 15px!important;}
.caseBanner .swiper-pagination span {width: 20px;height: 20px;text-align: center;line-height: 20px;border-radius: 0;background: #fff;opacity: 1;text-align: center;}
.caseBanner .swiper-pagination-bullet-active {background: #f00!important;color: #fff;}
.caseSlide                          {padding: 100px 40px;position: relative;}
.caseSlide li                       {width: calc(100% / 6);float: left;}
.caseSlide .hd .prev,
.caseSlide .hd .next                {position: absolute;top: 100px;width: 40px;height: 122px;text-align: center;line-height: 122px;color: #000;font-size: 20px;cursor: pointer;}
.caseSlide .hd .prev                {left: 0;}
.caseSlide .hd .next                {right: 0;}

.news                               {background:  url("../images/newsBg.png") no-repeat center;background-attachment: fixed;width: 100%;position: relative;}
.newsInfo                           {padding: 80px 0;}
.newsRight                          {width: 650px;}            
.newsRight li                       {width: calc((100% - 50px) / 2);float: left;margin-right: 50px;padding: 20px;border: 2px solid #3d9be9;transition: all linear .3s;}
.newsRight li:nth-child(n+3)        {margin-top: 50px;}
.newsRight li:hover                 {background: #fff;border: 2px solid #fff;}
.newsRight li:hover .tit a,.newsRight li:hover time,.newsRight li:hover .more a{color: #3498db;}
.newsRight li:nth-child(2n)         {margin-right: 0;}
.newsRight li .tit a{font-size:20px;line-height: 30px;height: 90px;color:white;}
.newsRight li time{color: white;}
.newsRight li .more                 {text-align: center;margin-top: 20px;}
.newsRight li .more a               {border: 1px solid #3498db;color: white;display: inline-block;line-height: 40px;padding: 0 30px;font-size: 16px;}
.newsRight li .more a:hover         {background: #f00;border: 1px solid #f00;color: white;}
.newsLeft                           {color: #fff;width: 540px;}
.newsLeft .time                     {font-size: 13px;}
.newsLeft .tit                      {font-size:36px;margin: 25px 0;padding-bottom: 25px;position: relative;height: 125px;line-height: 50px;}
.newsLeft .tit::before              {content: '';width: 100%;height: 3px;background: #f00;position: absolute;left: 0;bottom: 0;display: none;}
.newsLeft .tit:hover::before        {display: block;}
.newsLeft .brief                    {font-size: 16px;line-height: 30px;height: 30px;margin-bottom: 50px;}
.newsLeft .brief span               {margin-right: 10px;display: inline-block;vertical-align: top;}
.newsLeft .more a                   {display: inline-block;vertical-align: top;line-height: 40px;height: 40px;border: 1px solid #fff;padding: 0 60px;color: #fff;font-size: 16px;}
.newsLeft .more a:hover             {background: #f00;border: 1px solid #f00;}

.copy                               {width: 100%;background: #fff;padding: 20px 0;}
.copyLeft .bquan                    {color: #555;font-size: 16px;margin-bottom: 10px;}
.copyLeft .bquan span               {margin-right: 20px;}
.copyLeft .sming                    {font-size:12px;color: #ccc;}
.copyRight                          {font-size: 16px;color: #555;}
.copyRight a                        {color: #555;}
.copy a:hover                       {color: #f00;text-decoration: underline;}

.footer                             {padding: 50px 0;width: 100%;background: #f5f5f5;}
.footTop                            {padding-bottom: 50px;border-bottom: 1px solid #d9d9d9;}
.footLogo                           {padding-left: 230px;background: url("../images/logo2.png") no-repeat left center;}
.logoInfo                           {padding: 20px 0 20px 30px;border-left: 1px solid #d9d9d9;}
.footTel                            {color:#18499d;font-size: 36px;font-weight: bold;}
.footemail                          {color:#999999;font-size:30px;}
.footdz                             {color:#999999;font-size: 16px;}
.search .name                       {font-size:18px;color: #000;}
.search .brief                      {color:#999999;font-size: 14px;}
.searchBox                          {margin: 15px 0;width: 300px;height: 40px;border: 1px solid #d9d9d9;border-radius: 20px;background: #fff;position: relative;padding-right: 40px;overflow: hidden;}
.searchBox input[type="text"]       {width: 100%;padding: 0 10px;display: block;height: 38px;outline: none;border: 0 none;}
.searchBox input[type="submit"]     {display: block;width: 40px;height: 40px;position: absolute;right: 0;top: -1px;border-radius: 50%;background: #d9d9d9 url("../images/search.png") no-repeat center;border: 0 none;outline: none;transition: all linear .3s;}
.searchBox:hover input[type="submit"]{background: #f00 url("../images/search.png") no-repeat center;}
.footBottom                         {padding: 50px 0;}
.footNav li                         {width: 120px;float: left;margin-right: 50px;}
.footNav li h2                      {font-size:20px;font-weight: normal;margin-bottom: 15px;}
.footer p                           {line-height: 2;}
.footer p a                         {color:#999999;font-size: 15px;}
.footEwm img                        {width: 150px;height: 150px;border: 1px solid #d9d9d9;}
.footEwm p                          {text-align: center;margin-top: 20px;color: #666;}

.sideBar                            {position: fixed;right: 0;top: 50%;transform: translateY(-50%);font-size: 25px;}
.sideBar a,.sideBar span            {width: 100px;padding: 0 10px;text-align: left;height: 30px;line-height: 30px;color: #fff;text-shadow: 0 0 5px #ccc;display: block;cursor: pointer;}
.sideBar a.active,
.sideBar span:hover                 {color: #f00;}

.aboutNav                           {height: 70px;line-height: 70px;background: #eeeeee;width: 100%;text-align: center;}
.aboutNav li                        {display: inline-block;position: relative;transition: all linear .3s;font-size: 15px;}
.aboutNav li::before                {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #fff;width: 1px;height: 40%;}
.aboutNav li:last-child::before     {display: none;}
.aboutNav li a                      {border-bottom: 2px solid #eeeeee;padding: 0 40px;height: 68px;line-height: 68px;}
.aboutNav li:hover a,
.aboutNav li.on a                   {border-bottom: 2px solid #f00;color: #f00;}

.aboutComt                          {text-align: center;color: 000;padding: 100px 0 50px;}
.aboutComt .cn                      {font-size:28px;font-weight: bold;}
.aboutComt .en                      {color:#999999;font-size: 12px;}
.comNum                             {width: 60%;margin: 0 auto;}
.comNum li                          {flex: 1;text-align: center;}
.comNum li .size                    {font-size: 70px;color: #ff0000;font-weight: bold;}
.comNum li .name                    {font-size: 16px;color: #999;}
.gsInfo                             {min-height: 500px;background: url("../images/about.jpg") no-repeat right center;padding-top: 35px;margin-top: 50px;}
.gsInfo .gsTxt                      {background: #fff;width: 800px;padding: 40px;}
.gsInfo .gsTxt span                 {display: block;position: relative;height: 30px;line-height: 30px;margin-bottom: 30px;}
.gsInfo .gsTxt span::before         {content: '';position: absolute;left: -50px;top: 0;width: 5px;height: 100%;background: #f00;font-size:16px;}
.gsInfo .gsTxt p                    {line-height: 1.75;font-size:14px;color: #555;margin-top: 15px;}
.aboutb                             {background: url("../images/about2.jpg") no-repeat center;width: 100%;min-height: 580px;margin-top: 100px;}
.profile                            {background-color: rgba(255, 0, 0, 0.6);color: #fff;height: 580px;width: 570px;padding: 40px 50px;}
.profile .name .cn                  {font-size: 28px;}
.profile .name .en                  {font-size:12px;margin-bottom: 30px;}
.profile li                         {border-bottom: 1px solid #fff;}
.profile li:last-child              {border: 0 none;}
.profile li .l,
.profile li .r                      {display: inline-block;line-height: 35px;vertical-align: top;padding: 10px 0;}
.profile li .l                      {font-size:20px;}
.profile li .r                      {font-size: 16px;}
.profileBt                          {width: 830px;height: 260px;background: url("../images/trust.png") no-repeat center;background-size: cover;font-size: 20px;display: flex;align-items: center;justify-content: center;text-align: center;line-height: 40px;}
.aboutd                             {background: #eeeeee;}
.aboutFc .btit                      {height: 55px;line-height: 40px;border-bottom: 1px solid #a0a0a0;font-size: 20px;color: #555;padding-bottom: 15px;margin-bottom: 30px;}
.aboutFc-listA                      {margin-bottom: 100px;}
.aboutFc-listA li                   {width: 250px;height: 160px;position: relative;margin-right: calc((100% - 1250px) / 4);float: left;}
.aboutFc-listA li:last-child        {margin-right: 0;}
.aboutFc-listA li img               {display: block;width: 100%;height: 100%;object-fit: cover;}
.aboutFc-listB li img               {display: block;width: 100%;height: 100%;object-fit: cover;min-height: 195px;}
.aboutFc-listB li                   {width: calc(100% / 5);float: left;border-right: 1px solid #fff;}
.aboutFc-listB li:nth-child(5n)     {border: 0 none;}
.aboutFc-listB li .img              {padding: 10px;background: #eae8e8;}
.aboutFc-listB li .tit              {width: 100%;line-height: 40px;height: 40px;background: #fff;text-align: center;}
.aboutLc                            {position: relative;padding-right: 70px;padding-bottom: 50px;}
.aboutLc .slh                       {font-size:24px;width: 50px;color:#ff0000;display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-weight: bold;text-align: center;height: 30px;line-height: 30px;}
.aboutLc-swiper .swiper-slide       {padding: 250px 0;position: relative;}
.aboutLc-swiper .swiper-slide:nth-child(1) .info{border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.aboutLc-swiper .swiper-slide .info     {height: 30px;line-height: 30px;padding: 0 20px;color: #fff;}
.aboutLc-swiper .swiper-slide:nth-child(2n) .info {background: #ff0000;}
.aboutLc-swiper .swiper-slide:nth-child(2n+1) .info {background: #d9d9d9;}
.aboutLc-swiper .swiper-slide .info i   {margin-right: 15px;}
.aboutLc-swiper .swiper-slide .year {font-size: 36px;line-height: 55px;height: 55px;color:#ff0000;position: absolute;top: 180px;left: 50%;transform: translateX(-50%);}
.aboutLc-swiper .swiper-slide:nth-child(2n) .year {top: 295px;}
.aboutLc-swiper .swiper-slide .txt  {font-size: 14px;line-height: 1.5;text-align: center;position: absolute;width: 100%;left: 0;}
.aboutLc-swiper .swiper-slide:nth-child(2n) .txt {bottom: 300px;}
.aboutLc-swiper .swiper-slide:nth-child(2n+1) .txt {top: 300px;}
.aboutLc-swiper .swiper-slide .txt p {text-align: center;color: #f00;font-size: 16px;}
.aboutLc-swiper .swiper-button-prev,
.aboutLc-swiper .swiper-button-next     {width: 160px;height: 30px;color: #fff;text-align: center;line-height: 30px;background: #d9d9d9;top: auto;bottom: 0;}
.aboutLc-swiper .swiper-button-prev {left: 50%;margin-left: -165px;}
.aboutLc-swiper .swiper-button-next {right: 50%;margin-right: -165px;}
.aboutLc-swiper .swiper-button-prev:hover,
.aboutLc-swiper .swiper-button-next:hover {background: #f00;}
.ryBox                  {padding: 50px 0;}
.rytit                  {margin-bottom: 50px;}
.rytit i                {width: 80px;height: 80px;display: block;}
.ryBox1 .rytit i        {background: url("../images/ryt1.JPG") no-repeat center;background-size: 90%;}
.ryBox2 .rytit i        {background: url("../images/ryt2.JPG") no-repeat center;background-size: 80%;}
.ryBox3 .rytit i        {background: url("../images/ryt3.JPG") no-repeat center;background-size: 80%;}
.ryBox4 .rytit i        {background: url("../images/ryt4.JPG") no-repeat center;background-size: 90%;}
.rytit .cn              {font-size: 22px;color:#000000;}
.rytit .en              {font-size: 12px;color:#dddddd;text-transform: Uppercase;}
.ryBox1 .rytit          {margin-bottom: -125px;}
.ryBox li img           {display: block;width: 100%;height: 100%;object-fit: contain;}
.ryBox1                 {padding: 50px 0 100px;}
.ryBox1-bot             {margin-top: 50px;}
.ryBox-left             {width: 620px;float: left;}
.ryBox-left li          {width: 287px;height: 210px;float: left;margin-right: 45px;margin-bottom: 30px;}
.ryBox-right            {width: 630px;}
.ryBox-right li         {float: left;width: 300px;height: 210px;float: left;margin-right: 30px;margin-bottom: 30px;}
.ryBox1-bot li          {width: calc((100% - 90px) / 7);margin-right: 15px;margin-bottom: 15px;height: 230px;float: left;}
.ryBox2                 {background: url("../images/ryBg.jpg") no-repeat center;background-attachment: fixed;}
.ryBox2 .cn,
.ryBox2 .en             {color: #fff;}
.ryBox2 li              {width: calc((100% - 144px) / 10);margin-right: 16px;margin-bottom: 16px;height: 178px;float: left;}
.ryBox3 li              {width: 205px;margin-right: calc((100% - 1025px) / 4);float: left;height: 308px;}
.ryBox4 li              {width: calc((100% - 100px) / 6);margin-right: 20px;float: left;height: 167px;}
.ryBox1-bot li:nth-child(7n),
.ryBox2 li:nth-child(10n),
.ryBox3 li:last-child,
.ryBox4 li:last-child,
.ryBox-left li:nth-child(2n),
.ryBox-right li:nth-child(2n)   {margin-right: 0;}

.caseTop                        {font-size:20px;}
.caseNav                        {padding: 50px 0;border-bottom: 1px solid #d9d9d9;}
.caseNav li                     {float: left;width: calc((100% - 300px) / 7);text-align: center;border: 1px solid #d9d9d9;line-height: 40px;margin-right: 50px;border-radius: 4px;margin-bottom: 30px;}
.caseNav li:nth-child(7n)       {margin-right: 0;}
.caseNav li:hover               {background: #f00;border: 1px solid #f00;}
.caseNav li:hover a             {color: #fff;}
.caseTj                         {padding: 50px 0;}
.caseTj li                      {float: left;width: calc((100% - 160px) / 3);margin-right: 80px;transition: all linear .3s;border: 1px solid #cccccc;}
.caseTj li:last-child           {margin-right: 0;}
.caseTj li:hover                {box-shadow: 0 0 10px #999;}
.caseTj li .img                 {width: 100%;height: 275px;overflow: hidden;position: relative;}
.caseTj li .img img             {display: block;width: 100%;height: 100%;object-fit: cover;}
.caseTj li .txt                 {background: #fff;padding: 10px 10px 30px 10px;}
.caseTj li .txt .tit            {font-size: 18px;line-height: 50px;font-weight: bold;color: #000;text-align: center;}
.caseTj li .txt .brief          {color: #989898;line-height: 25px;height: 50px;}
.caseList li                    {border: 1px solid #f1f0f0;position: relative;margin-bottom: 30px;padding: 10px 170px 10px 20px;}
.caseList li .tit               {height: 80px;line-height: 40px;font-size: 20px;font-weight: bold;}
.caseList li .more              {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 170px;text-align: center;color:#d9d9d9;font-size: 18px;}
.caseList li:hover              {border: 0 none;border-bottom: 4px solid #f00;box-shadow: 0px -4px 4px 4px rgb(237, 236, 236);transition: all linear .3s;}
.caseList li .more:hover        {color: #f00;font-weight: bold;}

.page           		        {text-align: center;margin: 80px 0;}
.page a,.page b 		        {display: inline-block;border: 1px solid #a0a09f;padding: 0 6px;font-size: 14px;min-width: 30px;height: 30px;line-height: 30px;font-weight: normal;background: #efefef;}
.page b,
.page a:hover   		        {background: #fff;}

.newsList                       {padding: 80px 0;}
.newsList li                    {position: relative;padding: 15px 15px 15px 430px;height: 200px;border: 1px solid #efeeee;transition: all linear .3s;margin-bottom: 50px;}
.newsList li::before            {content: '';width: 100%;height: 3px;position: absolute;left: 0;bottom: -4px;background: #f00;transition: all linear .3s;display: none;}
.newsList li .img               {width: 380px;height: 198px;position: absolute;left: 0;top: 0;overflow: hidden;}
.newsList li .img img           {display: block;width: 100%;height: 100%;object-fit: cover;}
.newsList li .txt               {background: #fff;}
.newsList li .txt .tit          {height: 50px;line-height: 50px;color: #434343;font-size: 20px;font-weight: bold;}
.newsList li .txt .time         {font-size: 12px;color: #d9d9d9;}
.newsList li .txt .brief        {color: #878787;height: 50px;line-height: 25px;font-size: 14px;}
.newsList li:hover              {border-bottom: 1px solid #f00;box-shadow: 0px -4px 4px 4px rgb(223, 222, 222);}
.newsList li:hover::before      {display: block;}

.article                        {background: #f5f5f5;padding-bottom: 50px;}
.article .main                  {border-bottom: 1px solid #a0a0a0;padding-bottom: 50px;}
.article .title                 {font-size: 24px;color: #434343;text-align: center;line-height: 40px;padding: 60px 0;font-weight: normal;}
.article .view                  {line-height: 40px;height: 40px;border-bottom: 1px solid #fff;color: #666666;font-size: 12px;}
.article .view a                {color: #666666;}
.article .view a:hover          {color: #f00;}
.articleInfo                    {padding: 50px;background: #fff;margin: 40px 0 80px;}
.articleInfo p                  {margin: 20px 0;line-height: 1.8;color: #666666;}
.articleInfo img                {display: block;margin: 0 auto;}
.pagesNum                       {padding-right: 150px;position: relative;}
.pagesInfo                      {line-height: 30px;font-size: 14px;color: #000;margin: 5px 0;}
.pagesInfo a                    {color: #000;}
.pagesInfo a:hover              {color: #f00;text-decoration: underline;}
.pagesNum .goBack               {width: 150px;height: 35px;line-height: 35px;color: #fff;font-size: 16px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #666666;text-align: center;}
.pagesNum .goBack i             {margin-left: 20px;}
.pagesNum .goBack:hover         {background: #f00;}

.download                       {background: #fff;padding: 150px 0;}
.contactInfo                    {width:500px;}
.contactInfo .name              {font-size:27px;color:#999999;line-height: 40px;margin-bottom: 40px;}
.contactInfo .brief             {padding-left: 40px;line-height:2;font-size:15px;color: #555555;position: relative;}
.contactInfo .brief::before     {content: '';width: 6px;height: 30px;background: #f00;position: absolute;left: 0;top: 10px;}
.xzInfo                         {width: 700px;}
.xzBtit                         {height: 80px;line-height: 80px;color: #fff;font-size: 16px;padding: 0 40px;background: #666666;}
.xzBtit .fr                     {display: inline-block;width: 50px;text-align: center;}
.xzSlide                        {padding-bottom: 50px;}
.xzSlide .swiper-slide          {padding: 0 100px 0 40px;height: 80px;line-height: 80px;border-bottom: 1px solid #a0a0a0;font-size: 16px;color: #999;}
.xzSlide .swiper-slide .xzBtn   {width: 50px;height: 50px;border-radius: 50%;background: #d9d9d9;color: #fff;text-align: center;position: absolute;top: 15px;right: 40px;line-height: 20px;color: #fff;transition: all linear .3s;}
.xzSlide .swiper-slide .xzBtn a {color: #fff;}
.xzSlide .swiper-slide .xzBtn i {margin-top: 5px;}
.xzSlide .swiper-slide .xzBtn span  {display: block;text-align: center;font-size: 12px;}
.xzSlide .swiper-slide .xzBtn:hover {background: #f00;}
.xzSlide .swiper-button-prev,
.xzSlide .swiper-button-next    {width: 75px;height: 30px;background: #d9d9d9!important;color: #fff;text-align: center;line-height: 30px;top: auto!important;bottom: 0!important;}
.xzSlide .swiper-button-prev    {left: 0!important;}
.xzSlide .swiper-button-next    {right: calc(100% - 160px)}
.xzSlide .swiper-button-prev:hover,
.xzSlide .swiper-button-next:hover {background: #f00!important;}
.xzSlide .swiper-button-disabled{opacity: 0.8!important;}
.xzSlide .swiper-button-disabled:hover {background: #d9d9d9!important;}
.shouhou                        {padding: 100px 0;background: url("../images/shBg.jpg") no-repeat center;}
.shouhou .Bt                    {font-size: 27px;color: #000;text-align: center;margin-bottom: 50px;}
.shouhou li                     {width: 250px;margin-right: calc((1400px - 1250px) / 4);height: 330px;position: relative;float: left;}
.shouhou li:last-child          {margin-right: 0;}
.shouhou li .img                {display: block;width: 100%;height: 100%}
.shouhou li:nth-child(1) .img   {background: url("../images/sh1.jpg") no-repeat center;background-size: cover;}
.shouhou li:nth-child(2) .img   {background: url("../images/sh2.jpg") no-repeat center;background-size: cover;}
.shouhou li:nth-child(3) .img   {background: url("../images/sh3.jpg") no-repeat center;background-size: cover;}
.shouhou li:nth-child(4) .img   {background: url("../images/sh4.jpg") no-repeat center;background-size: cover;}
.shouhou li:nth-child(5) .img   {background: url("../images/sh5.jpg") no-repeat center;background-size: cover;}
.shouhou li .btit               {background: #fff;width: 100%;text-align: center;height: 70px;line-height: 70px;font-size:20px;position: absolute;left: 0;bottom: 0;}
.shouhou li .mask               {position: absolute;width: 100%;height: 100%;left: 0;top: 0;color: #fff;background: rgba(255, 0, 0, 0.8);padding: 15px;overflow: hidden;opacity: 0;;transition: 1s opacity ease;}
.shouhou li:hover .mask         {opacity: 1;}
.shouhou li .maskInfo           {border: 1px solid #fff;padding: 15px;height: 100%;text-align: center;}
.shouhou li .maskInfo .tit      {font-size:24px;padding-bottom: 25px;margin-bottom: 25px;position: relative;}
.shouhou li .maskInfo .tit::before  {content: '';width: 90px;height: 5px;position: absolute;left: 50%;bottom: 0;margin-left: -45px;background: #fff;}
.shouhou li .maskInfo .brief    {text-align: justify;line-height: 25px;font-size: 15px;}
.feedback                       {padding: 100px 0;background: #eeeeee;}
.backInfo .inputBox             {width: 790px;}
.backInfo .inputBox .input      {width: 360px;margin-bottom: 20px;}
.backInfo .inputBox input       {width: 100%;height: 40px;line-height: 40px;background: #fff;border: 1px solid #e6e6e6;outline: none;padding: 0 10px;}
.backInfo .inputBox textarea    {padding: 10px;min-height: 150px;width: 100%;resize: vertical;outline: none;max-height: 300px;margin-bottom: 20px;border: 1px solid #e6e6e6;}
.backInfo .inputBox input:focus,
.backInfo .inputBox textarea:focus    {border: 1px solid #ccc;}
.backInfo .inputBox input[type="submit"] {cursor: pointer;}
.backInfo .inputBox input[type="submit"]:hover {color: #fff;background: #18489d;border: 1px solid #18489d;}
.map                    {padding-bottom: 100px;}
.mapInfo                {width: 960px;height: 650px;}
.mapList                {width: calc(100% - 960px);padding-left: 100px;}
.mapList li             {padding: 30px 0;border-bottom: 1px solid #a0a0a0;}
.mapList li p           {color: rgb(85, 85, 85);font-size: 16px;line-height: 1.8;}
.mapList li p em        {color: #f00;font-weight: bold;}
.mapList li .bt         {font-size:20px;color:#000000;margin-bottom: 10px;font-weight: bold;}

.zpNav  {background: #eeeeee;padding: 50px 0 ;text-align: center;}
.zpNav li {width: 300px;display: inline-block;margin: 0 20px;border: 1px solid #d9d9d9;}
.zpNav li  a {padding: 20px 20px 40px;}
.zpNav li i     {width: 60px;height: 60px;display: block;margin: 0 auto 30px;}
.zpNav li:nth-child(1) i {background: url("../images/zp1.png") no-repeat center;background-size: 90%;}
.zpNav li:nth-child(2) i {background: url("../images/zp2.png") no-repeat center;background-size: 110%;}
.zpNav li:nth-child(3) i {background: url("../images/zp3.png") no-repeat center;background-size: 90%;}
.zpNav li .bt{font-size: 16px;color:#000000;font-weight: bold;line-height: 30px;}
.zpNav li .st{color: #555555;font-size:12px;}
.zpNav li .bt em{color:#ff0000;font-weight: bold;}
.zpNav li:hover {background: #fff;border: 0 none;transition: all linear .3s;}
.zpNav li:hover a {border-bottom: 4px solid #f00;transition: all linear .3s;}
.zpForm     {padding: 80px;background: url("../images/zpBg.jpg") no-repeat center;background-size: cover;}
.zpForm .bt {text-align: center;font-size:28px;font-weight: bold;position: relative;padding-bottom: 15px;margin-bottom: 40px;}
.zpForm .bt::before {content: '';width: 40px;height: 1px;background: #000;position: absolute;left: 50%;bottom: 0;margin-left: -20px;}
.formInfo .input   {width: calc((100% - 100px) / 5);margin-right: 25px;line-height: 40px;padding-right: 5px;position: relative;margin-bottom: 25px;}
.formInfo .input em     {display: block;line-height: 40px;height: 40px;width: 5px;position: absolute;right: 0;top: 0;color: #f00;}
.formInfo .input:nth-child(5n),
.formInfo .input:nth-child(n+18) {margin-right: 0;}
.formInfo .input input[type="text"] {outline: none;background: #fff;border: 1px solid #d9d9d9;padding: 0 5px;height: 40px;line-height: 40px;width: 100%;color: #444;}
.formInfo .input input[type="text"]:focus,
.formInfo .input textarea:focus {border: 1px solid #f00;}
.formInfo .input p {height: 20px;line-height: 20px;color: #444;}
.formInfo .input p span     {margin-right: 60px;}
.formInfo .input p input    {vertical-align: middle;margin-right: 3px;}
.formInfo .input:nth-child(n+18) {width: 100%;}
.formInfo .input textarea {width: 100%;resize: vertical;outline: none;padding: 5px;min-height: 150px;max-height: 300px;border: 1px solid #d9d9d9;}
.formInfo .input input[type="submit"]{background: #666666;color: #fff;line-height: 40px;width: 100%;height: 40px;border: 0 none;cursor: pointer;}
.formInfo .input input[type="submit"]:hover {background: #f00;}
.zpJob                  {margin: 100px auto;}
.joblist                {border: 1px solid #edecec;margin-bottom: 30px;transition: all linear .3s;}
.jobBt                  {height: 100px;line-height: 100px;padding-left: 30px;position: relative;font-size: 20px;cursor: pointer;color: #000;transition: all linear .3s;}
.joblist.on .jobBt      {background: #edecec;color: #000;font-weight: bold;}
.jobBt:hover            {background: #edecec;color: #f00!important;font-weight: bold;}
.jobBt i                {display: block;width: 30px;line-height: 100px;height: 100px;position: absolute;left: 0;top: 0;color: #d9d9d9;text-align: center;font-size: 18px;}
.jobBt i.downicon       {display: none;}
.joblist.on i           {color: #f00;}
.joblist.on i.upicon    {display: none;}
.joblist.on i.downicon  {display: block;}
.jobInfo                {display: none;padding: 60px;height: auto;}
.joblist.on .jobInfo    {display: block;}
.jobInfo li             {position: relative;color: #555555;padding: 40px 0 40px 130px;border-bottom: 1px solid #d9d9d9;}
.jobInfo li:last-child  {border-bottom: 0 none;}
.jobInfo li.on          {color: #f00;}
.jobInfo li p           {line-height:1.8;font-size: 16px;}
.jobInfo li span        {display: inline-block;position: absolute;left: 0;top: 40px;font-weight: bold;font-size: 16px;}
.jobInfo .jobTop        {padding: 30px 0;border-bottom: 2px solid #000;line-height: 40px;position: relative;}
.jobTop span            {display: inline-block;margin-right: 60px;color: #555;font-size: 16px;}
.jobTop span em         {margin: 0 15px;}
.jobTop span em:first-child {font-weight: bold;}
.jobTop .jobBtn         {float: right;height: 40px;border-radius: 3px;background: #d9d9d9;color: #fff;padding: 0 60px 0 30px;margin-left: 30px;font-size: 16px;display: block;position: relative;}
.jobTop .jobBtn i       {display: block;width: 30px;height: 30px;text-align: center;line-height: 30px;font-size: 20px;color: #b3b1b1;position: absolute;right: 15px;top: 5px;}
.jobTop .txBtn i        {background: url("../images/zicon1.png") no-repeat center;background-size: 80%;}
.jobTop .jobBtn:hover   {background: #f00;color: #fff;}
.jobTop .jobBtn:hover i {color: #fff;}

.proBanner              {width: 100%;height: 500px;position: relative;background: url("../images/proBanner.png")no-repeat center;}
.proBanner .main        {position: relative;height: 100%;}
.proBanner .txt         {position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.jiuBanner .txt         {width: 620px;}
.proBanner .name        {font-size:27px;color:#000000;line-height: 40px;padding-bottom: 20px;position: relative;}
.proBanner .name::before{content: '';width: 30px;height: 2px;background: #000;position: absolute;left: 0;bottom: 0;}
.proBanner .brief       {line-height: 2;margin: 20px 0;color:#555; font-size:16px;}
.jiuBanner li           {display: inline-block;padding: 0 30px;height: 45px;line-height: 45px;border: 1px solid #9d9c9c;position: relative;margin-right: 15px;margin-bottom: 10px;}
.jiuBanner li::before   {content: '';position: absolute;right: -10px;top: 50%;margin-top: -10px;border-top: 10px solid transparent!important;border-right: 0 solid transparent!important;border-left: 10px solid transparent;border-bottom: 10px solid transparent!important;border-color: rgb(157, 156, 156);}
.jiuBanner li:hover         {background: #fff;border: 1px solid #fff;}
.jiuBanner li:hover::before {border-color: #fff;}
.proBanner .img         {height: auto;position: absolute;right: 200px;bottom: -100px;}
.jiuBanner .img         {width: 465px;}
.comBanner .txt         {width: 670px;}
.dzBanner               {background: url("../images/probg.jpg")no-repeat center;}
.dzBanner .txt          {width: 520px;}
.comBanner li,
.dzBanner li            {display: inline-block;padding: 0 20px;height: 45px;line-height: 43px;border: 1px solid #666666;margin-right: 10px;margin-bottom: 10px;font-size: 16px;text-align: center;}
.dzBanner li            {width: 150px;}
.comBanner .img         {width: 437px;}
.dzBanner .img          {width: 270px;bottom: 50%;transform: translateY(50%);right: 100px;}
.dzBanner .img2         {width: 270px;bottom: 50%;transform: translateY(50%);right: 400px}
.proComt                {height: 105px;line-height: 105px;background: #eeeeee;color:#ff0000;font-size:24px;font-weight: bold;}
.xtYs                   {padding: 80px 0;}
.xtYs li                {width: 680px;height: 270px;}
.xtYs li p              {line-height: 35px;font-size: 16px;}
.xtYs li:nth-child(1)   {padding: 30px;background: #ebebeb;}
.xtYs li:nth-child(1) p {color: #f00;}
.xtYs li:nth-child(1) p span    {color: #555555;margin-left: 15px;}
.xtYs li:nth-child(2)   {display: flex;align-items: center;justify-content: center;background: #f00;padding: 60px;}
.xtYs li:nth-child(2) p {line-height: 2;color: #fff;}
.yingyong               {padding: 60px 0 120px;}
.yingyong li            {width: calc((100% - 120px) / 4);margin-right: 40px;float: left;}
.yingyong li:last-child {margin-right: 0;}
.yingyong li .img       {width: 100%;height: 200px;overflow: hidden;}
.yingyong li img        {object-fit: cover;width: 100%;height: 100%;margin: 0px auto;}
.yingyong li .tit       {text-align: center;height: 60px;line-height: 60px;color: #000;font-size: 16px;}
.yingyong .brief        {margin-top: 50px;font-size: 16px;line-height:1.75;}
.jiuTest                {padding: 80px 0;width: 100%;background: url("../images/test.jpg") no-repeat center;text-align: center;color: #fff;position: relative;}
.jiuTest::before        {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.3);}
.jiuTest .main          {position: relative;z-index: 9;}
.jiuTest h1             {font-size:36px;padding-bottom: 20px;position: relative;margin-bottom: 20px;}
.jiuTest h1::before     {content: '';width: 30px;height: 3px;border-radius: 1px;background: #f00;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
.jiuTest p              {font-size:24px;}
.jiuTest img            {width: 295px;display: block;margin: 20px auto 0;}
.jiuTd                  {padding: 50px 0 100px;}
.jiuTd li               {height: 40px;line-height: 40px;color: #f00;font-weight: bold;}
.jiuTd li span          {margin-left: 30px;color: #555555;font-size: 16px;font-weight: normal;}

.proMain                {padding: 200px 0 50px;background: #f5f5f5;}
.proNav                 {width: 280px;border: 1px solid #ebebeb;background: #fff;}
.proNav .Navname        {width: 100%;height: 70px;background: #18499d;padding: 0 115px 0 20px;position: relative;color: #fff;line-height: 70px;font-size:18px;}
.proNav .Navname i      {display: block;width: 82px;height: 54px;background: url("../images/logo5.png") no-repeat center;background-size: 90%;position: absolute;right: 10px;top: 8px;}
.proNav-info .level1>li {border-bottom: 1px solid #ebebeb;}
.proNav-info .name      {height: 60px;line-height: 60px;padding-left: 30px;position: relative;color: #292b2c;font-size: 16px;border-bottom: 1px solid #ebebeb;cursor: pointer;}
.proNav-info .name i    {display: block;width: 30px;height: 60px;line-height: 60px;text-align: center;color: #999999;font-size: 14px;position: absolute;left: 0;top: 0;}
.proNav-info .name i.hor_icon{display: none;}
.proNav-info .level1>li.on i.hor_icon {display: block;color: #18499d;}
.proNav-info .level1>li.on i.vert_icon{display: none;}
.proNav-info .level2    {display: none;margin: 20px 0;padding: 20px;}
.proNav-info .level2 li {height: 35px;line-height: 35px;padding:0 30px 0 15px;position: relative;border-bottom: 1px solid #fff;}
.proNav-info .level2 li i  {display: block;width: 25px;height: 25px;position: absolute;right: 0;top: 5px;text-align: center;line-height: 25px;color: #d9d9d9;font-size: 12px;}
.proNav-info .level2 li a {display: block;}
.proNav-info .level2 li:hover a,
.proNav-info .level2 li:hover i {color: #18489d;}
.proNav-info .level2 li:hover {border-bottom: 1px solid #18489d;}
.proShow                    {width: 1045px;}
.mbx                        {height: 60px;line-height: 60px;background: #fff;padding: 0 15px;}
.mbx i                      {margin-right: 5px;}
.mbx a                      {color: #000;}
.mbx a:hover                {color: #18489d;text-decoration: underline;}
.proShow li                 {width: calc((100% - 70px) / 3);margin-right: 35px;background: #fff;position: relative;transition: all linear .3s;margin-top: 30px;float: left;}
.proShow li:nth-child(3n)   {margin-right: 0;}
.proShow li::before         {content: '';width: calc(100%);height: calc(100%);position: absolute;left: -2px;top: -2px;border: 2px solid #f00;display: none;z-index: 0;}
.proShow li:hover::before   {display: block;}
.proShow li .img            {width: 100%;height: 325px;position: relative;overflow: hidden;z-index: 2;}
.proShow li .img img        {object-fit: contain;width: auto;height: auto;margin: 0px auto;transition: all linear .3s;}
.proShow li:hover .img img  {transform: scale(1.2);}
.proShow li .txt            {padding: 30px 20px;text-align: center;position: relative;z-index: 2;}
.proShow li .txt .tit       {font-size: 18px;font-weight: bold;color: #000000;padding-bottom: 15px;border-bottom: 1px solid #eee;margin-bottom: 15px;}
.proShow li .txt .brief     {color: #878787;font-size: 14px;line-height: 27px;height: 55px;overflow: hidden;text-align: left;}
.proShow li .txt .more span {display: inline-block;margin-top: 30px;padding: 0 50px;background: #d9d9d9;color: #fff;line-height: 30px;}
.proShow li .txt .more span:hover {background: #f00;}
.proFlex                    {padding: 50px 0;}
.proFlex .img,
.proFlex .txt               {align-items: center;justify-content: center;}
.proFlex .img               {flex: 4;border-right: 1px solid #d9d9d9;}
.proFlex .txt               {flex: 6;padding: 0 30px;}
.proFlex .txt .title        {font-size: 22px;color: #333333;padding-bottom: 30px;position: relative;margin-bottom: 50px;}
.proFlex .txt .title::before{content: '';width: 50px;height: 4px;background: #18499d;position: absolute;left: 0;bottom: 0;}
.proFlex .txt .brief        {line-height: 40px;font-size: 14px;color: #666666;border-bottom: 1px solid #d9d9d9;height: 240px;}
.proTel                     {margin-top: 50px;}
.proTel span                {color: #fff;display: inline-block;height: 40px;background: #d9d9d9;font-weight: bold;line-height: 40px;padding: 0 50px;font-size: 21px;cursor: pointer;}
.proTel span:hover          {background: #f00;}
.proTab-nav                 {height: 60px;line-height: 60px;}
.proTab-nav li              {width: calc(100% / 3);float: left;text-align: center;background: #eeeeee;font-size: 16px;cursor: pointer;transition: all linear .5s;}
.proTab-nav li:hover        {background: #cbcbcb;}
.proTab-nav li.on           {background: #18499d;color: #fff;transition: all linear .5s;}
.proTab-info                {font-size: 14px;color: #666666;line-height: 1.75em;width: 100%;min-height: 300px;}
.proTab-infoBox             {padding: 30px;}
.proTj                      {padding: 50px 0;}
.proTj .name                {height: 40px;line-height: 40px;margin-bottom: 30px;}
.proTj .name span           {display: inline-block;color: #666;font-size: 16px;border-bottom: 2px solid #18489d;height: 38px;}
.proTj li                   {width: calc((100% - 70px) / 3);margin-right: 35px;background: #fff;position: relative;transition: all linear .3s;margin-bottom: 30px;float: left;border: 1px solid #ebebeb;}
.proTj li:nth-child(3n)     {margin-right: 0;}
.proTj li .img              {width: 100%;height: 440px;position: relative;overflow: hidden;z-index: 2;}
.proTj li .img img          {object-fit: contain;width: auto;height: auto;margin: 0px auto;transition: all linear .3s;}
.proTj li:hover .img img    {transform: scale(1.2);}
.proTj li .tit              {font-size: 16px;color: #000000;border-top: 1px solid #eee;text-align: center;line-height: 40px;height: 40px;}
.proTj li:hover .tit        {color: #f00;font-weight: bold;}

.sitemap            {margin-bottom: 50px;}
.siteList h4        {background: #005cb3;width: 150px;text-align: center;margin-top: 40px;height: 40px;line-height: 40px;}
.siteList h4 a      {font-size: 18px;font-weight: bold;color: #fff;}
.siteInfo           {border: solid 1px #E0E0E0;padding: 10px;overflow: hidden;}
.siteInfo ul        {padding: 0 10px;}
.siteInfo ul li     {float: left;line-height: 40px;width: calc((100% - 40px) / 5);;white-space: nowrap;overflow: hidden;height: 40px;text-align: center;border: 1px solid #e1e1e1;margin-right: 10px;margin-top: 10px;}
.siteInfo ul li:nth-child(5n) {margin-right: 0;}
.siteInfo ul li a   {display: block;}
.siteInfo ul li:hover a{color: #005cb3;}

.searchMain .mbx                    {margin: 20px 0;box-shadow: 0 0 5px #eee;}
.searchMain .mbx strong             {font-weight: bold;margin: 0 3px;color: #f00;}
.searchList                         {background: #fff;box-shadow: 0 0 5px #eee;padding-bottom: 40px;}
.searchList li                    	{margin-top: 15px;padding:10px 15px;}
.searchList li a                  	{display: block;}
.searchList li .txt               	{width: 100%;border-bottom: 1px dashed #c5c5c5;padding-bottom: 10px;}
.searchList li .txt .tit          	{height: 30px;line-height: 30px;color: #252b3d;font-size: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.searchList li .txt .tit:hover      {color: #005cb3;}
.searchList li .txt .brief        	{margin: 10px 0;font-size: 15px;color: #878787;line-height: 25px;height: 50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.searchList li .txt .more span    	{display: inline-block;color: #333;line-height: 25px;margin-right: 20px;}
.searchList li .txt .more span a    {color: #333;}
.searchList li .txt .more span:hover a{color: #005cb3;}

/* 新增内容 */
.recommend_pro{margin: 30px auto;}
.recommend_pro::after,.recommend_news::after{content:''; clear: both;display: block;}
.recommend_pro h3,.recommend_news h3{display: inline-block; font-weight: normal; color: #666;font-size: 16px;line-height: 38px; border-bottom: 2px solid #18489d;height: 38px;margin-bottom: 20px;}
.recommend_pro ul li:first-child{margin-left: 1%;}
.recommend_pro ul li{width: 23.7%;margin-right: 1%;border: 1px solid #ebebeb; float: left;overflow: hidden;}
.recommend_pro ul li a img{width: 100%;object-fit: cover;}
.recommend_pro ul li span{display: block;height: 43px;text-align: center;line-height: 43px;border-top: 1px solid #ebebeb;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.recommend_news ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.recommend_news ul li{width: 47%;display: flex;justify-content: space-between;margin-top: 15px;}
.recommend_news ul li a{width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.index_products_more{display: block;margin-top: 20px; width: 120px;height: 50px;line-height: 50px;background-color: #3d9be9;text-align: center;font-size: 16px;color: white;border-radius: .5em;}
.index_products_more:hover{color: #3d9be9;background-color: white;font-weight: bold;}

.hot_keywords{width: 100%;margin-top: 15px;}
.hot_keywords a{text-decoration: underline;margin-right: 8px;color: #3d9be9;}
.hot_keywords a:nth-child(3),.hot_keywords a:nth-child(4){margin-top: 10px;}