@charset "utf-8";
*{ margin:0px; padding:0px; line-height:20px;}
body{ color:#555; font-size:15px; font-family:"微软雅黑", Arial, Helvetica, sans-serif;}
img{ vertical-align:top; border:0;}
div,form,img,ul,ol,li,dl,dt,dd { border:0; }
ul,li,dl,dd,dt{ margin:0; padding:0; list-style:none;}

a{text-decoration:none; color:#555;}
a:hover { color:#005b99; text-decoration: none; }
a:focus { outline: none; }
.fl{ display:block; float: left; }
.fr{ display:block; float: right; }
table tr td{ font-size:12px;}
.fl{ display: block; float: left; }
.fr{ display: block;  float: right; }

#header{ width:100%;}
#header .logoContainer{ width:100%; padding-bottom: 6px;}
#header .logoContainer .logo{ width:100px; margin-top:5px; padding-left: 1%;}
#header .logoContainer .logo img{ width:100%;}
#header .logoContainer h4{ width:64%; padding-left:13px; margin: 11px 0px 0px 10px; font-size:14px; border-left:1px solid #ccc; color:#8a8a8a; line-height:25px; height:51px; overflow:hidden;}

#header .menu{ width:100%; padding: 0px 3%; background-color:#0063a7;  font-size:15px; color:#444; display:flex; justify-content:space-between; flex-wrap: wrap;}
#header .menu a{ display: block; color: #fff; text-align: left; line-height:40px; }

.proCotent{ width:100%; background-color:rgba(0,99,167,1); color:#fff; padding:15px 20px 20px 20px;}
.proCotent .proTitle{border-bottom:1px solid #fff; position:relative; text-align:center; }
.proCotent .proTitle .line{ bottom:-1px; width:35px; height:3px; margin:0 auto; margin-bottom:-2px; background-color:#ff8900;}
.proCotent .proTitle h2{ font-size:26px; font-weight:bold; line-height:60px;}
.proCotent h4{ text-align:left; line-height:30px; margin-top:10px; font-size:15px;}
.proCotent .telContent{ width:100%; height:40px; border:1px dashed rgba(255,255,255,0.75); margin-top:22px; margin-bottom:15px;}
.proCotent .telContent .img{ margin:4px 3px 0px 5px;}
.proCotent .telContent h1{ font-size:20px; font-weight:bold;line-height:38px;}
.proCotent .telContent .more a{ display:inline-block; width:100px; height:40px; font-size: 14px; line-height:40px; background-color:#ff8900; color:#fff; text-align:center;}

#syTeam .proCotent .jtTitle{ width: 205px; margin:0 auto;}
#syTeam .proCotent .jyImg{ width: 86px; margin:14px 10px 0px 5px;}
#syTeam .proCotent .jyImg img{ width: 100%;}
#syTeam .proCotent .proTitle h2{ font-size:25px; font-weight:bold; line-height:70px;}

.screenBj{ width:100%;}
.screenBj img{ display:block; width:100%; object-fit: cover;}

#shusong{ width:100%; position: relative; }
#shusong ul { display:flex; justify-content: space-between; flex-wrap:wrap; }
#shusong li{ width:50%; height: 300px; border: 1px solid #fff;}
#shusong li div{ width: 100%; height: 100%; overflow: hidden;}
#shusong li img{ object-fit: cover; width: 100%; height: 100%; cursor: pointer; transition: all 0.6s;}
#shusong li img:hover{ transform: scale(1.1);}

.syEquientment{ width:100%; height: 449px; position: relative; text-align:left; background-color:rgba(0,99,167,1); overflow:hidden;}
.syEquientment .syTitle{ width: 265px; margin: 0 auto; margin-top: 15px; color:#fff; padding:0px 30px;}
.syEquientment .syTitle .textImg{ width: 86px; margin-right:10px; }
.syEquientment .syTitle .textImg img{ width: 100%; }
.syEquientment .syTitle h2{ font-size:26px; font-weight:bold; line-height:44px; }
.swiper-container {
      width: 100%;
	    margin-top: 15px;
    }

    .swiper-slide {
      text-align: left;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-slide  h3{ font-size: 16px; color: #333; border-left: 6px solid #0063a7; line-height: 26px; margin: 12px 0px; padding-left: 7px; font-weight:bold;}
.swiper-slide .proText{ color:#999; border-bottom:1px solid #ddd; margin: 10px 2%; font-size: 14px; padding-bottom: 10px; height: 43px; overflow: hidden;;}
.swiper-slide .img img{ width:100%;}
.syEquientment .swiper-slide .img{ height: 272px; overflow: hidden;}


    .swiper {
      width: 100%;
      height: 300px;
    }

    .swiper .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
	    padding:0px;
    }

    .swiper .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .autoplay-progress {
      position: absolute;
      right: 16px;
      bottom: 16px;
      z-index: 10;
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      color: var(--swiper-theme-color);
    }

    .autoplay-progress svg {
      --progress: 0;
      position: absolute;
      left: 0;
      top: 0px;
      z-index: 10;
      width: 100%;
      /* height: 100%; */
      stroke-width: 4px;
      stroke: var(--swiper-theme-color);
      fill: none;
      stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
      stroke-dasharray: 125.6;
      transform: rotate(-90deg);
    }

#syCase .case{ position:relative; width:100%;}
#syCase .case .content{ width:100%; text-align:left; background-color:#005b99; padding:15px 20px;}
#syCase .case .content .caseLeft{ width:100%; color:#fff; margin:15px 0px 0px 0px; text-align: center; }
#syCase .case .content .caseLeft h2{ width:70% ; margin: 0 auto; font-size:26px; font-weight:bold; line-height:45px; border: 1px dashed rgba(255,255,255,0.7); text-align:center;}
#syCase .case .content .caseLeft p{ margin-top:15px; line-height:28px;}
#syCase .case .content .caseLeft .more a{ display:inline-block; width:100%; background-color:#F93; text-align:center; color:#fff; line-height: 35px; margin-top: 15px;}
#syCase .case .content ul.caseRight{ width:100%; display:flex; justify-content: space-between; flex-wrap:wrap; align-items: center; }
#syCase .case .content ul.caseRight li{ width:48%; background-color:#fff; padding:2px; margin: 5px 1%; }
#syCase .case .content ul.caseRight li img{ width:100%; height:auto;}

#syCase .application{ position:relative; width:100%;}
#syCase .application .content{ width:100%; text-align:left; background-color:#fff; padding:10px 5px; }
#syCase .application .content ul.applicationLeft{ width:100%; display:flex; justify-content: space-between; flex-wrap:wrap; align-items: center; margin-top:10px;}
#syCase .application .content ul.applicationLeft li{ width: 50%; height: 50px; line-height: 50px; padding-left: 10px; font-size: 14px; border-bottom:1px solid #f1f1f1;}
#syCase .application .content .applicationRight{ background-color:#005b99; border-radius:10px; color:#fff; padding: 4px 0px;}
#syCase .application .content .applicationRight_Line{ margin:14px; border:1px dashed rgba(255,255,255,0.7); border-radius:10px; padding:35px;}
#syCase .application .content .applicationRight_Line p{ text-align:center; line-height:50px;}
#syCase .application .content .applicationRight_Line .jtTitle { width: 220px; margin: 0 auto;}
#syCase .application .content .applicationRight_Line .jtTitle .jyImg{ margin-right:10px;}
#syCase .application .content .applicationRight_Line .jtTitle h2{ font-size:29px; font-weight:bold; line-height:42px; }

#syContact .contactbj{width:100%; }
#syContact .contactbj img{display:block; width:100%; height: 200px; object-fit: cover;}
#syContact .content{ width:100%; text-align:left;}
#syContact .content .contentLeft{ width:100%; padding-left: 7%;}
#syContact .content .contentLeft h3{ font-size:22px; color:#333; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#syContact .content .contentLeft h2{ font-size:20px; color:#0063a7; font-weight:bold;}
#syContact .content .contentLeft h4{ font-size:18px; color:#444; margin-top:10px; line-height:40px;}
#syContact .content .contentLeft ul li{ color:#888; line-height:35px;font-size: 14px;}

#syContact .content .contentMidder{ width:100%; padding:0px 8% 15px 8%;}
#syContact .content .contentMidder h3{ font-size:18px; font-family:Arial, Helvetica, sans-serif; line-height:30px;}
#syContact .content .contentMidder h2{ font-size:17px;}
#syContact .content .contentMidder ul{ display:flex; justify-content: space-between; flex-wrap:nowrap; margin-top: 15px; text-align:center; }
#syContact .content .contentMidder ul li p{ line-height:35px; color: #888; font-size: 14px;}