.page{border-collapse:collapse; width: 100%;border: 1px solid #EEEEEE; }

.header{width: 1202px;margin: 30px auto;}

.nav{ margin: 0;padding: 0;font-family: Arial, 微软雅黑, sans-serif; width: 100%; height: 48px;}
.nav .menu{ margin: 0; padding: 0; font-family: Arial, 微软雅黑, sans-serif;width: 1202px;margin: 0 auto; height: 48px; overflow: hidden; }
.nav .menu ul{ margin: 0; padding: 0; font-family: Arial, 微软雅黑, sans-serif;transition: all .4s; transform: translateY(-48px); display: inline-block;}
.nav .menu ul li:nth-child(1){ margin: 0;padding: 0; font-family: Arial, 微软雅黑, sans-serif; background: #2E6284;color: #ffffff;}
.nav .menu ul:hover{ margin: 0; padding: 0;font-family: Arial, 微软雅黑, sans-serif; transform: translateY(0px);}
.nav .menu li{margin: 0; padding: 0; font-family: Arial, 微软雅黑, sans-serif; width: 186px;line-height: 48px; text-align: center; list-style: none;color: #FFFFFF; }

.Slide{transition: background-position .5s; }

.about{ background-repeat: no-repeat; height: 530px;idth: 100%; }
.about .box{width: 1260px; margin: 0 auto;overflow: hidden; padding-top: 80px; position: relative; height: 430px; }
.about ul{text-align: center;line-height: 35px;}
.about ul li{display: inline-block; }
.about .content{ width: 700px;height: 180px;}

.product{ width: 1202px; margin: 0 auto; overflow: hidden; }
.product ul{ margin: 0 auto;overflow: hidden;  }
.product ul li{display: inline-block;font: 22px/45px "微软雅黑";}
.product .text{width: 100%; text-align:center; line-height: 35px;  }
.product ol { margin-top: 35px; text-align: center;  }
.product ol li{display: inline-block;  }
.product span{width: 370px;  height: 250px; }
.product p{width: 370px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;  overflow: hidden;  text-align: left;height: 42px; }
.product img{max-width: 370px;max-height: 250px; }

.new .code{  float: left;width: 84px; height: 74px; text-align: center;margin-bottom: 18px;background: #0c7dbf; color: #fff; vertical-align: middle;  }
.new .item{display:inline-block; padding: 8px 0 0 8px;margin: 8px; border: 1px solid #d8d8d8;height: 80px; }
.new .code em{display: block;font-size: 25px; line-height: 35px; font-family: arial; padding-top: 10px; }
.new .code b{font-size: 14px; line-height: 14px;font-family: arial;  font-weight: normal; }
.new .text{ width: 460px;  padding: 0 8px ;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-align: left; font: 12px/25px "微软雅黑";  height: 75px; }

.bottom{width: 1202px; display: flex;margin: 0 auto;overflow: hidden; height: 250px; }
.bottom .item{font-size: 14px; color: #fffefe;text-align: center; flex: 1;}

.Slide { position: relative;  overflow: hidden;height: 600px; }
.Slide .item{position: absolute;transition: all .3s;display: flex; }
.Slide .item img{ float: left; }
.Slide .left{ position: absolute; z-index: 100;font-size: 100; opacity: .3;line-height: 600px; cursor:pointer}
.Slide .right{ position: absolute; z-index: 100;font-size: 100; opacity: .3;line-height: 600px; right: 0;cursor:pointer}
.Slide .bottom{  position: absolute;display:block; text-align: center; width: 100%; z-index: 100;  font-size: 100px;opacity: .3; cursor:pointer; bottom: 0; height: 100px;   }  
 
 
.txtblack16{COLOR: #2b2b2b;font-family: "Arial","微软雅黑","Microsoft YaHei","黑体","宋体",sans-serif; font: 18px/45px "微软雅黑";letter-spacing:0.5px;}  
.txtblack25{COLOR: #2b2b2b;font-family: "Arial","微软雅黑","Microsoft YaHei","黑体","宋体",sans-serif; font: 22px/45px "微软雅黑";letter-spacing:-0.5px;}



.txtgleen25{COLOR: #BD132E;font-family: "Arial","微软雅黑","Microsoft YaHei","黑体","宋体",sans-serif; font: 22px/45px "微软雅黑";letter-spacing:-0.5px;}
.txtgleen38{COLOR: #323232;font-family: "Arial","微软雅黑","Microsoft YaHei","黑体","宋体",sans-serif; font: 30px/70px "微软雅黑";letter-spacing:-0.5px;}

.txtwhite{COLOR: #ffffff;font-family: "Arial","微软雅黑","Microsoft YaHei","黑体","宋体",sans-serif; font: 16px "微软雅黑";letter-spacing:0.2px;}
.txtwhite12{COLOR: #ffffff;font-family: "Arial","微软雅黑","Microsoft YaHei","黑体","宋体",sans-serif; font: 12px "微软雅黑";letter-spacing:0.2px;}
.txtwhite24{COLOR: #ffffff;font-family: "Arial","微软雅黑","Microsoft YaHei","黑体","宋体",sans-serif; font: 24px "微软雅黑";letter-spacing:0.2px;}
.txtwhite50{COLOR: #ffffff;font-family: "Arial","微软雅黑","Microsoft YaHei","黑体","宋体",sans-serif; font: 50px "微软雅黑";letter-spacing:0.2px;}
.txtwhite30{COLOR: #ffffff;font-family: "Arial","微软雅黑","Microsoft YaHei","黑体","宋体",sans-serif; font: 30px "微软雅黑";letter-spacing:0.2px;}

.txt6F6F6F{COLOR: #6F6F6F;font-family: "Arial","微软雅黑","Microsoft YaHei","黑体","宋体",sans-serif; font: 16px "微软雅黑";letter-spacing:0.2px;LINE-HEIGHT: 32px;}

.text-12-18 {FONT-SIZE: 12px; LINE-HEIGHT: 18px; FONT-STYLE: normal; TEXT-DECORATION: none;}
.text-20-1e2059 {COLOR: #1e2059;font-family: "Arial","微软雅黑","Microsoft YaHei","黑体","宋体",sans-serif; font: 20px/30px "微软雅黑";letter-spacing:0.5px;}
.text12 {COLOR: #A3A3A3;FONT-SIZE: 12px; LINE-HEIGHT: 18px; FONT-STYLE: normal; TEXT-DECORATION: none;LINE-HEIGHT: 30px;}
.text14 {COLOR: #0061a3;FONT-SIZE: 14px; LINE-HEIGHT: 5px; FONT-STYLE: normal; TEXT-DECORATION: none;}
.text20 {COLOR: #6F6F6F;FONT-SIZE: 16px; LINE-HEIGHT: 34px; FONT-STYLE: normal; TEXT-DECORATION: none;}

.txt24ca5e{COLOR: #0061a3;font-family: "Arial","微软雅黑","Microsoft YaHei","黑体","宋体",sans-serif; font: 14px "微软雅黑";letter-spacing:0.2px;LINE-HEIGHT: 32px;}

.txtblack45{COLOR: #2b2b2b;font-family: "Arial","微软雅黑","Microsoft YaHei","黑体","宋体",sans-serif; font: 45px/65px "微软雅黑";letter-spacing:-0.5px;}


.black-white:link {TEXT-DECORATION: none;font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; font-size:17px; letter-spacing:1.5px; COLOR: #000000;}
.black-white:visited {TEXT-DECORATION: none;font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; font-size:17px; letter-spacing:1.5px; COLOR: #000000;}
.black-white:active { TEXT-DECORATION: none;font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; font-size:17px; letter-spacing:1.5px; COLOR: #000000;}
.black-white:hover {COLOR: #FFFFFF;}


A:link {COLOR: #000; TEXT-DECORATION: none;}
A:visited {COLOR: #000; TEXT-DECORATION: none;}
A:active {COLOR: #000; TEXT-DECORATION: none;}
A:hover {COLOR: #000;}



.A:link {COLOR: #fff; TEXT-DECORATION: none;}
.A:visited {COLOR: #fff; TEXT-DECORATION: none;}
.A:active {COLOR: #fff; TEXT-DECORATION: none;}
.A:hover {COLOR: #fff;}




.HA:link {COLOR: #6F6F6F; TEXT-DECORATION: none;}
.HA:visited {COLOR: #6F6F6F; TEXT-DECORATION: none;}
.HA:active {COLOR: #6F6F6F; TEXT-DECORATION: none;}
.HA:hover {COLOR: #000000;}