.header         {position: fixed;}
.gizle          {top: -500px;background-color: rgba(0,0,0,0.8);}
.sabit          {top:0;z-index: 9999;}
.com_banner     {width: 100%;height: auto;position: relative;}
.com_banner img {display: block;width: 100%;}
.banner-info    {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;color: #fff;}
.banner-info .en{font-size: 40px;}
.banner-info .cn{font-size: 26px;margin-top: 20px;letter-spacing: 3px;}
.case-nav       {width: 100%;background: #fff;padding: 30px 0;text-align: center;}
.case-nav a     {display: inline-block;margin: 0 20px;font-size: 16px;width: 80px;}
.case-nav a:hover{color: #cc0000;}
.case-nav a.cur {color: #cc0000;}
.case-list      {background: #f5f5f5;}
.case-list li   {width: calc((100% - 60px) / 4);margin:30px 20px 30px 0;}
.case-list li:nth-child(4n) {margin-right: 0;}
.case-list li a             {display: block;overflow: hidden;height: 100%;transition: all .5s ease 0s;}
.case-list li img           {height: 100%;width: 100%;object-fit: cover;display: block;max-width: 100%;}
.case-list .caseImg         {position: relative;overflow: hidden;}
.caseText                   {overflow: hidden;padding: 15px;background: #FFF;}
.caseIco                    {float: right;width: 20px;height: 26px;background: url("../images/hotNews.png") center center no-repeat;transition: all .8s ease 0s;}
.caseTit                    {color: #333;font-size: 16px;line-height: 26px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.caseImgicon                {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("../images/hotNews.png") center center rgba(0,0,0,0.8) no-repeat;opacity: 0;transition: all 1s ease 0s;transform: scale(10);}
.case-list li:hover .caseImgicon {opacity: 1;transform: scale(1);}
.case-list li:hover .caseIco{margin-right: -100px;transform: rotate(-180deg);}
.comLx                      {padding: 80px 0;width: 100%;background: url("../images/lxbg.jpg") no-repeat center;text-align: center;color: #fff;background-size: cover;}
.comLx-txt                  {padding: 0 15px;color: #FFF;}
.comLx-txt .en              {letter-spacing: .6em;font-size: 24px;font-family: Arial;line-height: 150%;opacity: 1;transition: all 1s ease .3s;transform: translateX(0);text-transform: uppercase;}
.comLx-txt .cn              {font-size: 28px;line-height: 150%;opacity: 1;transition: all 1s ease .3s;transform: translateX(0);}
.comLx-text                 {position: relative;margin: 60px auto;padding: 45px 80px;max-width: 650px;border: 1px solid rgba(255,255,255,.5);color: #a7a7a8;font-size: 16px;line-height: 34px;transition: all .6s ease 0s;}
.comLx-text:after,
.comLx-text:before          {position: absolute;top: 0;left: 0;display: block;width: 80px;height: 1px;background: rgba(255,255,255,.5);content: "";font-size: 0;transition: all 1s ease 1s;transform: rotate(-45deg);transform-origin: left top;}
.comLx-text:before          {top: -15px;left: 60px;}
.comLx-text:after           {top: 120px;left: -70px;}
.comLx-text .text-top       {position: absolute;top: 0;left: 50%;margin: -40px 0 0 -5px;width: 10px;height: 80px;color: #FFF;}
.text-top .Cir              {display: block;margin: 0 auto;width: 5px;height: 5px;border-radius: 50%;background: #FFF;}
.text-top .Line             {display: block;margin: 10px auto 0;width: 1px;height: 50px;background: #FFF;}
.text-top .Arrow            {line-height: 12px;animation: swing 1s linear infinite;}
.comLx-text span            {padding: 0 4px;color: #f22;}
.comLx-text span.f24        {font-size: 24px;}
.comLx-text span.f16        {font-size: 16px;}
.comLx-text span.f28        {font-size: 28px;}
.comLx-text .Link           {position: absolute;bottom: -21px;display: block;margin-left: -80px;width: 160px;background: #da0502;color: #fff;text-align: center;font-size: 16px;line-height: 42px;left: 50%;opacity: 1;transition: all 1s ease 1.5s;animation: shake 10s linear infinite;}

.map-info                   {padding-top: 140px;width: 100%;height: 100%;position: relative;}
.map-Btit .en               {display: inline-block;line-height: 80px;font-size: 80px;color: #ebebeb;font-weight: bold;margin-right: 15px;}
.map-Btit .cn               {display: inline-block;}
.map-Btit .cn .b            {font-weight: bold;font-size: 30px;line-height: 50px;}
.map-Btit .cn .s            {font-size: 20px;line-height: 30px;}
.map                        {width: 100%;position: relative;}
.anchorBL                   {display: none;}
.contact-comt               {padding: 44px 0 32px;display: block;clear: both;overflow: hidden;text-align: center;line-height: 36px;font-size: 24px;color: #000;}
.contact .map               {width: calc(100% - 670px);height: 615px;}
.contact-info               {width: 670px;background: #0098c5;padding: 55px 65px 0 88px;height: 615px;}
.contact-info .con1         {line-height: 30px;font-size: 14px;color: #ffffff;border-bottom: 1px solid #22a9d1;padding-bottom: 23px;}
.contact-info .con2         {padding-top: 13px;line-height: 40px;font-size: 14px;color: #FFF;overflow: hidden;}
.contact-info .con2 .add    {position: relative;overflow: hidden;}
.add1                       {float: left;width: 20px;height: 40px;position: relative;overflow: hidden;}
.add2                       {position: relative;margin-left: 30px;}
.add1 img                   {position: relative;display: block;top: 8px;}
.sao_ewm                    {display: block;float: left;margin-right: 20px;text-align: center;line-height: 28px;font-size: 14px;color: #FFF;position: relative;margin-top: 20px;left: 0;}

.aboutbanner .Ben       {font-size: 200px;font-weight: bold;}
.aboutbanner .Sen       {font-size: 100px;font-weight: bold;}
.aboutbanner .form      {font-size: 40px;letter-spacing: 5px;}
.exper                  {background: url("../images/aboutBg2.png") no-repeat center;background-size: cover;width: 100%;padding: 150px 0;}
.experinfo              {display: flex;align-items: center;justify-content: center;}
.experImg,.experTxt     {flex: 1;}
.experImg img           {width: 50%;display: block;margin: 0 auto;}
.experTxt p             {margin: 30px 0;line-height: 2;font-size: 18px;text-indent: 2em;}
.aboutYs                {background: #202020;width: 100%;display: flex;justify-content: center;}
.aboutYs-fl             {flex: 3;background: #d94900;}
.aboutYs-fl img         {display: block;width: 100%;}
.aboutYs-fl .txt        {background: #d94900;padding: 40px;justify-content: center;align-items: center;display: flex;}
.aboutYs-fl .txt .info  {flex: 2;text-align: center;color: #fff;text-align: left;line-height: 2;}
.aboutYs-fl .txt .info .name {font-size: 26px;font-weight: bold;}
.aboutYs-fl .txt .info .brief {font-size: 30px;}
.aboutYs-fl .exper-num  {flex: 1;}
.exper-num li       {width: 100%;margin: 40px 0;}
.exper-num .num-txt {color: #fff;}
.number_s           {text-align:left;}
.number_s span      {display:inline-block;width:46px;height:80px;overflow:hidden;background:url(../images/num3.png) no-repeat;transition:all .3s}
.number_s .num_a    {color: #fff;font-size: 16px;background: 0 none;width:20px;height:30px;line-height: 30px;}
.exper-num li:last-child .number_s .num_a {width: 40px}
.number_s span:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
.animated .num_1{-webkit-animation:num1 2s ease 0s forwards;animation:num1 2s ease 0s forwards}
.animated .num_2{-webkit-animation:num2 1s ease 1.6s forwards;animation:num2 1s ease 1.6s forwards}
.animated .num_3{-webkit-animation:num3 2s ease 0s forwards;animation:num3 2s ease 0s forwards}
.animated .num_4{-webkit-animation:num1 2.3s ease 0s forwards;animation:num1 2.3s ease 0s forwards}
.animated .num_5{-webkit-animation:num1 2.5s ease 0s forwards;animation:num1 2.5s ease 0s forwards}
.animated .num_6{-webkit-animation:num1 2s ease 0s forwards;animation:num1 2s ease 0s forwards}
.animated .num_7{-webkit-animation:num7 2s ease 0s forwards;animation:num7 2s ease 0s forwards}
.animated .num_8{-webkit-animation:num1 2.3s ease 0s forwards;animation:num1 2.3s ease 0s forwards}
.animated .num_9{-webkit-animation:num1 2.5s ease 0s forwards;animation:num1 2.5s ease 0s forwards}
.animated .num_10{-webkit-animation:num10 2.5s ease 0s forwards;animation:num10 2.5s ease 0s forwards}
.animated .num_11{-webkit-animation:num11 2.5s ease 0s forwards;animation:num11 2.5s ease 0s forwards}
@keyframes num1{0%{background-position:0 0}100%{background-position:0 -800px}}
@-webkit-keyframes num1{0%{background-position:0 0}100%{background-position:0 -800px}}
@keyframes num2{0%{background-position:0 0}100%{background-position:0 -80px}}
@-webkit-keyframes num2{0%{background-position:0 0}100%{background-position:0 -80px}}
@keyframes num3{0%{background-position:0 0}100%{background-position:0 -240px}}
@-webkit-keyframes num3{0%{background-position:0 0}100%{background-position:0 -240px}}
@keyframes num6{0%{background-position:0 0}100%{background-position:0 -800px}}
@-webkit-keyframes num6{0%{background-position:0 0}100%{background-position:0 -800px}}
@keyframes num7{0%{background-position:0 0}100%{background-position:0 -400px}}
@-webkit-keyframes num7{0%{background-position:0 0}100%{background-position:0 -400px}}
@keyframes num10{0%{background-position:0 0}100%{background-position:0 -160px}}
@-webkit-keyframes num10{0%{background-position:0 0}100%{background-position:0 -160px}}
@keyframes num11{0%{background-position:0 0}100%{background-position:0 -1119px}}
@-webkit-keyframes num11{0%{background-position:0 0}100%{background-position:0 -1119px}}
.aboutYs-fr         {flex: 2;}
.aboutYs-fr .choose {height: 50%;padding: 50px;color: #fff;justify-content: center;display: flex;flex-direction:column}
.aboutYs-fr .choose .btit   {font-size: 40px;font-weight: bold;color: #fff;position: relative;padding: 10px 0;margin-bottom: 30px;}
.aboutYs-fr .choose .btit::before {content: '';display: block;position: absolute;left: 0;bottom: 0;width: 15%;height: 4px;background: #d94900;}
.aboutYs-fr .choose .stit   {font-size: 20px;font-weight: bold;margin: 30px 0;color: #fff;}
.aboutYs-fr .choose .brief  {line-height: 3;font-size: 16px;}
.article-title      {margin: 60px 0;font-size: 30px;text-align: center;}
.article-view       {border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 10px 0;text-align: center;}
.article-view span  {display: inline-block;margin: 0 20px;}
.article-box        {margin: 50px 0;font-size: 16px;line-height: 2;}
.article-box p      {margin: 20px 0;}
.article-box img    {display: block;max-width: 90%;margin: 0 auto;}
.article-arrow      {margin: 30px 0;}
.article-arrow p    {padding: 5px 0;color: #666;font-size: 16px;}
.article-arrow a    {color: #666;font-size: 16px;}
.article-arrow a:hover {color: #cc0000;}
.tuijian            {margin: 50px auto;border-top: 1px solid #e5e5e5;padding-top: 30px;}
.tuijian-tit        {font-size: 22px; margin-bottom: 40px;}
.tuijian li         {width: calc((100% - 120px) / 4);margin-right: 40px;}
.tuijian li:last-child {margin-right: 0;}
.tuijian li .imgBg  {position: relative;overflow: hidden;height: 195px;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.tuijian li .txt    {padding: 15px 0;overflow: hidden;}
.tuijian li .tit    {font-size: 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tuijian li:hover .tit {color: #dc0000;}
.tuijian li .time   {font-size: 14px;margin: 10px 0;color: #888;}
.tuijian li .brief  {font-size: 14px;line-height: 20px;height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;color: #888;}
.Nmore              {margin-top: 20px;position: relative;padding-bottom: 10px;font-size: 16px;}
.Nmore::before      {content: '';position: absolute;left: 0;bottom: 0;width: 40%;height: 1px;background: #e5e5e5;z-index: 1;}
.Nmore::after       {content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background: #dc0000;z-index: 2;transition: all 0.5s ease;}
.tuijian li:hover .Nmore::after {width: 40%;}
.newsList           {margin: 0 auto;width: 1400px;max-width: 94%;padding: 60px 0;}
.news-box           {width: 100%;}
.news-box li        {border-bottom: 1px dashed #ccc;padding-bottom: 20px;margin-bottom: 20px;}
.news-box li .imgBg {height: 200px;width: 330px;border: 1px solid #d2d2d2;}
.news-box li .imgBg img,
.tuijian li .imgBg img,
.news-tj li .imgBg img  {display: none;}
.news-box li .txt   {width: calc(100% - 350px);}
.news-box li .tit   {font-size: 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-box li:hover .tit {color: #dc0000;}
.news-box li .time  {font-size: 14px;margin: 10px 0;color: #888;}
.news-box li .brief {font-size: 14px;line-height: 25px;height: 75px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;color: #888;}
.Nmore              {margin-top: 20px;position: relative;padding-bottom: 10px;font-size: 16px;}
.news-box li .Nmore::before      {content: '';position: absolute;left: 0;bottom: 0;width: 20%;height: 1px;background: #e5e5e5;z-index: 1;}
.news-box li:hover .Nmore::after {width: 20%;}
.news-tj            {width: 350px;border: 1px solid #e5e5e5;padding: 20px;}
.news-tjBtit        {border-bottom: 1px solid #e5e5e5;line-height: 40px;font-size: 18px;margin-bottom: 15px;}
.news-tj li         {padding-bottom: 15px;margin-bottom: 20px;border-bottom: 1px dashed #e5e5e5;}
.news-tj li .imgBg  {width: 100%;height: 160px;}
.news-tj li .txt    {padding: 10px;}
.news-tj li .tit    {font-size: 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-tj li .time   {font-size: 14px;margin: 5px 0;color: #888;}
.news-tj li .brief  {font-size: 14px;line-height: 20px;height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;color: #888;}

.service-info li    {display: flex;align-items: center;justify-content: center;background: #fff;}  
.service-info li:nth-child(2n-1) {background: #f8f8f8;}
.service-info li:nth-child(2n)  {flex-direction:row-reverse}
.service-info li .img,
.service-info li .txt {flex: 1;width: 50%;}
.service-info li .img img {display: block;width: 100%;height: 100%;}
.service-info li .txt .info{padding: 50px;}
.service-info li .txt .icon span{display: block;width: 60px;height: 60px;}
.service-info li:nth-child(1) .txt .icon span   {background: url("../images/sicon1.png") no-repeat center;}
.service-info li:nth-child(2) .txt .icon span   {background: url("../images/sicon2.png") no-repeat center;}
.service-info li:nth-child(3) .txt .icon span   {background: url("../images/sicon3.png") no-repeat center;}
.service-info li:nth-child(4) .txt .icon span   {background: url("../images/sicon4.png") no-repeat center;}
.service-info li:nth-child(5) .txt .icon span   {background: url("../images/sicon5.png") no-repeat center;}
.service-info li .txt .cnname                   {font-size: 26px;color: #333;margin-top: 20px;}
.service-info li .txt .enname                   {font-size: 20px;color: #c2c2c2;margin-bottom: 20px;text-transform: uppercase;}
.service-info li .txt .brief                    {font-size: 14px;margin: 20px 0 30px;}
.service-info li .txt .class                    {font-size: 14px;line-height: 2;}
.service-info li .txt .class span               {display: inline-block;}
.service-info li .txt .more                     {display: inline-block;border-radius: 20px;border: 1px solid #d2d2d2;color: #ff0000;padding: 3px 20px;margin-top: 20px;}
.service-info li .txt .more:hover               {border: 1px solid #ff0000;color: #fff;background: #ff0000;}
.service-comt               {text-align: center;margin-bottom: 50px;color: #222222;}
.service-comt .b            {font-size: 36px;font-weight: bold;}
.service-comt .s            {font-size: 16px;margin-top: 5px;}
.service-fa                                 {background: url("../images/servicebg3.png") no-repeat top center;padding: 100px 0 0;margin: 60px 0;}
.service-fa .service-comt                   {padding-top: 75px;}
.service-faList                            {position: relative;padding: 55px 0 295px;}
.service-faList .con                       {display: block;margin: 0 37px;text-align: center;padding: 61px 30px 65px;background-color: #fff;border-radius: 10px;box-shadow: 0px 0px 30px rgba(7,18,101,.09);transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.service-faList h4                         {font-size: 1.632vw;color: #000;font-weight: normal;position: relative;padding-bottom: 12px;margin-bottom: 14px;}
.service-faList h4:after                   {content: '';position: absolute;bottom: 0;left: 50%;height: 1px;width: 45px;background-color: #8c8c8c;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.service-faList p                          {font-size: 16px;line-height: 27px;color: #333;height: 54px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.service-faList .icon                      {display: block;height: 100px;margin-bottom: 40px;position: relative;}
.service-faList .icon em                   {position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.service-faList .icon i                    {position: absolute;left: 0;right: 0;bottom: 0;height: 0;transition: 2s;-ms-transition: 2s;-moz-transition: 2s;-webkit-transition: 2s;-o-transition: 2s;}
.service-faList .con:hover .icon           {background-image: none !important;}
.service-faList .con:hover .icon i         {height: 100px;}
.service-faList .swiper-pagination         {bottom: 205px !important;}
.service-faList .swiper-pagination-bullet  {width: 16px;height: 16px;}
.service-faList .swiper-pagination-bullet-active{background-color: #000;}
.service-faList .swiper-button-next,
.service-faList .swiper-button-prev        {width: 60px;height: 30px;top:auto;bottom: 199px;z-index: 12;-o-background-size: 100% auto;-ms-background-size: 100% auto;-moz-background-size: 100% auto;-webkit-background-size: 100% auto;background-size: 100% auto;}
.service-faList .swiper-button-next        {right: 50%;margin: 0 -170px 0 0;background-image: url("../images/i-r.png");}
.service-faList .swiper-button-prev        {left: 50%;margin: 0 0 0 -170px;bottom: 205px;background-image: url("../images/i-l.png");}
.service-faList .swiper-button-next:after,
.service-faList .swiper-button-prev:after  {content: '';position: absolute;top: 0;bottom: 0;width: 0;transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.service-faList .swiper-button-next:after  {right: 0;background: url("../images/i-r-on.png") no-repeat right center;}
.service-faList .swiper-button-prev:after  {left: 0;background: url("../images/i-l-on.png") no-repeat left center;}
.service-faList .swiper-button-next:hover:after,
.service-faList .swiper-button-prev:hover:after{width: 100%;}
.service-faList .swiper-slide              {opacity: .4;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 40)';filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 40);}
.service-faList .swiper-slide-active,
.service-faList .swiper-slide-prev,
.service-faList .swiper-slide-next         {opacity: 1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100);}
.service-faList .con:hover                 {box-shadow: 0px 0px 30px rgba(7,18,101,.4);}
.service-faList .con:hover h4:after        {width: 100px;}
.service-faList .con:hover .icon i         {height: 100px;}

.caseArticle-btit               {margin-top: 30px;}
.caseArticle-btit strong        {height: 26px;line-height: 26px;padding: 0 14px;background: url("../images/anliTitleBg.png") left center no-repeat;font-size: 20px;color: #333333;}
.caseArticle-title              {padding: 18px 1% 10px;height: 36px;line-height: 36px;color: #3c3c3c;font-size: 18px;font-weight: bold;box-sizing: content-box;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;}


@media screen and (max-width: 1440px) {
    .news-tj                {width: 330px;}
    .news-box li .imgBg     {height: 180px;width: 310px;}
    .news-box li .txt       {width: calc(100% - 330px);}
}


@media (max-width: 1400px){
    .comLx-text {margin: 40px auto;padding: 35px;max-width: 560px;font-size: 14px;line-height: 30px;}
    .comLx-txt .en              {font-size: 22px;}
    .comLx-txt .cn {font-size: 24px;}
    .aboutbanner .Ben {font-size: 100px;}
    .aboutbanner .Sen {font-size: 50px;}
    .aboutbanner .form {font-size: 30px;}
}


@media screen and (max-width: 1260px) {
    .youshi-list li {width: calc((100% - 20px) / 2);}
    .youshi-list li:nth-child(3n) {margin-right: 20px;}
    .youshi-list li:nth-child(2n) {margin-right: 0;}
    .service-info li .txt .info     {padding: 30px 50px;}
}


@media screen and (max-width: 1140px) {
    .service-xzBox li                   {width: calc((100% - 30px) / 2);margin: 0 30px 30px 0;}
    .service-xzBox li:nth-child(3n)     {margin-right: 30px;}
    .service-xzBox li:nth-child(2n)     {margin-right: 0;}
    .service-faList .con                {margin: 0 20px;}
    .service-fwBox img,.fwLeft,.fwRight {width: 33%;}
    .number_s span              {width: 17px;height: 30px;background: url("../images/num4.png") no-repeat;}
    @keyframes num1{0%{background-position:0 0}100%{background-position:0 -300px}}
    @-webkit-keyframes num1{0%{background-position:0 0}100%{background-position:0 -300px}}
    @keyframes num2{0%{background-position:0 0}100%{background-position:0 -30px}}
    @-webkit-keyframes num2{0%{background-position:0 0}100%{background-position:0 -30px}}
    @keyframes num3{0%{background-position:0 0}100%{background-position:0 -90px}}
    @-webkit-keyframes num3{0%{background-position:0 0}100%{background-position:0 -90px}}
    @keyframes num7{0%{background-position:0 0}100%{background-position:0 -150px}}
    @-webkit-keyframes num7{0%{background-position:0 0}100%{background-position:0 -150px}}
    @keyframes num10{0%{background-position:0 0}100%{background-position:0 -60px}}
    @-webkit-keyframes num10{0%{background-position:0 0}100%{background-position:0 -60px}}
    @keyframes num11{0%{background-position:0 0}100%{background-position:0 -419px}}
    @-webkit-keyframes num11{0%{background-position:0 0}100%{background-position:0 -419px}}
    .aboutYs-fl .txt .info .name,
    .aboutYs-fl .txt .info .brief {font-size: 20px;}
    .aboutYs-fr .choose .btit   {font-size: 24px;margin-bottom: 10px;}
    .aboutYs-fr .choose .stit   {margin: 10px 0;font-size: 16px;}
    .aboutYs-fr .choose .brief  {line-height: 2;font-size: 14px;}
    .service-info li .txt .info     {padding: 10px 50px;}
    .contact-info   {width: 100%;}
    .contact .map   {width: 100%;}
}


@media screen and (max-width: 1060px) {
    .fwLeft2, .fwRight2 {margin-top: 30px;}
    .fwList .s          {line-height: 20px;}
    .tuijian li .imgBg  {height: 135px;}
    .news-tj            {width: 250px;padding: 15px;}
    .news-tj li .imgBg  {height: 120px}
    .news-box li .imgBg {height: 140px;width: 240px;}
    .news-box li .txt   {width: calc(100% - 250px);}
    .news-box li .brief {line-height: 25px;height: 50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    .news-box li .time  {margin: 5px 0;}
    .Nmore              {margin-top: 5px;}
    .news-tj li .brief  {height: 40px;-webkit-line-clamp: 2;}
    .news-tjBtit        {line-height: 30px;font-size: 16px;margin-bottom: 10px;}
    .news-tj li         {padding-bottom: 10px;margin-bottom: 10px;}
    .news-tj li .txt    {padding: 5px;}
    .service-info li .txt .icon span {width: 40px;height: 40px;}
    .service-info li:nth-child(1) .txt .icon span   {background: url("../images/sicon1.png") no-repeat center;background-size: 80%;}
    .service-info li:nth-child(2) .txt .icon span   {background: url("../images/sicon2.png") no-repeat center;background-size: 80%;}
    .service-info li:nth-child(3) .txt .icon span   {background: url("../images/sicon3.png") no-repeat center;background-size: 80%;}
    .service-info li:nth-child(4) .txt .icon span   {background: url("../images/sicon4.png") no-repeat center;background-size: 80%;}
    .service-info li:nth-child(5) .txt .icon span   {background: url("../images/sicon5.png") no-repeat center;background-size: 80%;}
    .service-info li .txt .cnname   {font-size: 20px;margin-top: 10px;}
    .service-info li .txt .enname   {font-size: 16px;}
    .service-info li .txt .brief    {font-size: 13px;margin: 10px 0 15px;}
    .service-info li .txt .class    {line-height: 1.6;}
}


@media screen and (max-width: 970px){
    .service-lxBox li           {padding: 15px 30px 15px 130px;}
    .service-lxBox li .icon     {left: 30px;top: 25px;width: 70px;height: 70px;}
    .service-lxBox li .tit      {font-size: 18px;}
    .service-lxBox li .brief    {font-size: 12px;}
    .fwLeft1, .fwRight1         {margin-top: 0;}
    .service-lc li img          {height: 50px}
    .service-comt .b            {font-size: 24px;}
    .tuijian li .imgBg          {height: 125px;}
    .case-list li               {width: calc((100% - 40px) / 3);margin:20px 20px 20px 0;}
    .case-list li:nth-child(4n) {margin-right: 20px;}
    .case-list li:nth-child(3n) {margin-right: 0;}
}


@media screen and (max-width: 920px){
    .number_s span              {width: 17px;height: 30px;background: url("../images/num4.png") no-repeat;}
    @keyframes num1{0%{background-position:0 0}100%{background-position:0 -300px}}
    @-webkit-keyframes num1{0%{background-position:0 0}100%{background-position:0 -300px}}
    @keyframes num2{0%{background-position:0 0}100%{background-position:0 -30px}}
    @-webkit-keyframes num2{0%{background-position:0 0}100%{background-position:0 -30px}}
    @keyframes num3{0%{background-position:0 0}100%{background-position:0 -90px}}
    @-webkit-keyframes num3{0%{background-position:0 0}100%{background-position:0 -90px}}
    @keyframes num7{0%{background-position:0 0}100%{background-position:0 -150px}}
    @-webkit-keyframes num7{0%{background-position:0 0}100%{background-position:0 -150px}}
    @keyframes num10{0%{background-position:0 0}100%{background-position:0 -60px}}
    @-webkit-keyframes num10{0%{background-position:0 0}100%{background-position:0 -60px}}
    @keyframes num11{0%{background-position:0 0}100%{background-position:0 -419px}}
    @-webkit-keyframes num11{0%{background-position:0 0}100%{background-position:0 -419px}}
    .service-info                   {margin: 30px 0;}
    .service-info li                {display: block;background: #f8f8f8!important;padding-bottom: 40px;}
    .service-info li .img,
    .service-info li .txt           {flex: auto;display: block;width: 100%;}

}


@media screen and (max-width: 840px) {
    .youshi-list li .s  {line-height: 20px;height: 40px}
    .case-nav a         {margin: 0 10px;}
}


@media screen and (max-width: 768px) {
    .comLx,
    .newsList               {padding: 30px 0;}
    .comLx .b               {font-size: 20px;}
    .comLx .s               {font-size: 14px;margin: 10px 0;}
    .comLx .n               {font-size: 16px;}
    .comLx .btn             {padding-top: 20px;}
    .comLx .btn a           {font-size: 13px;padding: 5px 15px;}
    .service-faList p       {font-size: 1.4vw;}
    .service-xzBox li       {padding: 15px 15px 15px 80px;}
    .service-xzBox li .icon {top: 25px;}
    .service-xzBox li .tit  {line-height: 30px;font-size: 18px;}
    .service-xzBox li .brief{line-height: 20px;height: 40px;font-size: 14px;}
    .service-lxBox li       {padding: 10px 20px 10px 90px;}
    .service-lxBox li .tit  {line-height: 30px;font-size: 16px;}
    .service-lxBox li .icon {width: 50px;height: 50px;left: 20px;}
    .fwLeft,.fwRight        {position: initial;width: 50%;float: left;padding: 0 10px;}
    .fwLeft .fwList         {padding-right: 0;padding-left: 70px;text-align: left;}
    .fwRight .fwList        {padding-left: 70px;}
    .fwLeft .fwList .icon   {left: 0;right: auto;}
    .fwLeft2,.fwRight2,
    .fwLeft1,.fwRight1      {margin-top: 20px;}
    .service-fwb            {margin-top: 20px;float: left;width: 100%;}
    .service-lc li          {width: calc((100% - 20px) / 2);margin-right: 20px;margin-bottom: 20px;}
    .service-lc li:nth-child(2n)    {margin-right: 0;}
    .service-lc li img      {height: 45px}
    .service-fw,.service-lc,.service-lx,.service-xz {padding: 40px 0;}
    .service-faList         {padding: 55px 0 125px;}
    .service-faList .swiper-pagination,
    .service-faList .swiper-button-prev     {bottom: 13px!important;}
    .service-faList .swiper-button-next     {bottom: 5px!important;}
    .service-comt           {margin-bottom: 40px;}
    .service-fwBox img      {margin: 35px auto;}
    .service-lc li .name,
    .youshi-list li .b      {font-size: 20px;}
    .service-comt .b        {font-size: 22px;}
    .fwList .b              {font-size: 16px;}
    .fwList .s              {font-size: 13px;}
    .service-faList .swiper-pagination-bullet   {width: 10px;height: 10px;}
    .banner-info            {padding-top: 50px;}
    .banner-info .en        {font-size: 22px;}
    .banner-info .cn        {font-size: 16px;margin-top: 5px;}
    .tuijian                {margin: 30px auto;}
    .tuijian-tit            {margin-bottom: 20px;}
    .tuijian li             {width: calc((100% - 15px) / 2);margin-right: 15px;margin-bottom: 20px;}
    .tuijian li:last-child  {margin-right: 15px;}
    .tuijian li:nth-child(2n) {margin-right: 0;}
    .article-title          {font-size: 20px;margin: 20px 0;}
    .article-box            {font-size: 14px;margin: 20px 0;}
	.article-box>* 			{white-space:normal;}
    .article-arrow,
    .abxz-info .s           {margin: 15px 0;}
    .article-arrow a,
    .youshi-list li .s,
    .abxz-info .s,
    .abxz-info .brief       {font-size: 14px;}
    .news-box               {width: 100%;}
    .news-tj                {width: 100%;}
    .news-tj li .imgBg      {width: 30%;height: 100px;float: left;}
    .news-tj li .txt        {margin-left: calc(30% + 10px);}
    .youshi-list li .s      {margin-top: 0;}
    .youshi-more a              {margin: 10px 0;}
    .abxz-info .b,
    .abbtit .b              {font-size: 20px;}
    .youshi-more            {margin: 20px 0;}
    .case-nav               {font-size: 0;}
    .case-nav a             {width: 33%;margin: 5px 0;}
    .caseArticle-btit       {margin-top: 10px;}
    .caseArticle-title      {padding: 10px 0;}
    .comLx-text             {margin: 40px auto;max-width: 90%;}
    .banner-info            {padding-top: 0;}
    .aboutbanner .Ben       {font-size: 30px;}
    .aboutbanner .Sen       {font-size: 20px;}
    .aboutbanner .form      {font-size: 16px;}
    .exper                  {padding: 50px 0;}
    .aboutYs,
    .experinfo              {display: block;}
    .aboutYs-fl,
    .aboutYs-fr,
    .experImg,
    .experTxt               {flex: auto;width: 100%;}
    .aboutYs-fr .choose     {padding: 30px;}
    .contact-info           {padding: 20px;height: auto;}
    .contact-info .con1     {padding-bottom: 15px;} 
    .contact .map           {height: 400px;}
	
}


@media screen and (max-width: 675px) {
    .service-xzBox li .brief,
    .news-box li .time          {font-size: 12px;}
    .service-lxBox li           {width: 100%;margin: 0 0 10px 0;}
    .news-box li .imgBg         {height: 120px;width: 210px;}
    .news-box li .txt           {width: calc(100% - 230px);}
    .news-box li .tit           {font-size: 16px;}
    .news-box li .brief         {line-height: 20px;height: 40px;}
    .Nmore                      {font-size: 14px;padding-bottom: 5px;}
    .case-list li               {width: calc((100% - 15px) / 2);margin:8px 15px 8px 0;}
    .case-list li:nth-child(4n) {margin-right: 15px;}
    .case-list li:nth-child(3n) {margin-right: 15px;}
    .case-list li:nth-child(2n) {margin-right: 0;}
    .aboutYs-fl .txt .info .brief   {padding-right: 10px;font-size: 16px;}
    .aboutYs-fl .txt .info .name    {font-size: 18px;}
}


@media screen and (max-width: 620px) {
    .service-xzBox li .icon     {left: 10px;top: 20px;}
    .service-xzBox li           {padding: 10px 10px 10px 70px;}
}


@media screen and (max-width: 590px) {
    .service-xzBox li           {width: 100%;margin: 0 0 10px 0;}
    .fwLeft,
    .fwRight,
    .service-fw, .service-lc, .service-lx, .service-xz {padding: 30px 0;}
    .article-view               {font-size: 0;text-align: left;}
    .article-view span          {margin: 10px 0;width: 50%;font-size: 12px;}
    .news-box li .imgBg         {width: 160px}
    .news-box li .txt           {width: calc(100% - 170px);}
    .number_s                   {margin: 20px 0 0;}
}


@media screen and (max-width: 470px) {
    .youshi-list li {width: 100%;margin-right: 0;}
}