.banner { position: relative; }

.banner .banner-list { float: left; position: relative; width: 100%; }

.banner .banner-list.on { display: block; }

.banner .banner-list .wrap { position: absolute; top: 0; left: 0; right: 0; height: 100%; margin: 0 auto; }

.banner .banner-list .animate-text { position: absolute; top: 0; bottom: 0; margin: auto; color: #fff; }

.banner .banner-list .title { top: -150px; left: 0; height: 45px; font-size: 44px; }

.banner .banner-list .summary { left: 0; width: 435px; height: 50px; font-size: 26px; font-weight: lighter; line-height: 22px; }

.banner .banner-list .view-btn { top: 175px; left: 0; width: 145px; height: 40px; line-height: 40px; text-align: center; }

.banner .banner-list:nth-of-type(2) .view-btn, .banner .banner-list:nth-of-type(6) .view-btn { border: 1px solid #fff; }

.banner .banner-list:nth-of-type(3) .title { color: #3686bc; }

.banner .banner-list:nth-of-type(3) .summary { color: #5496c4; }

.banner .banner-list:nth-of-type(3) .view-btn { border: 1px solid #3686bc; color: #3686bc; }

.banner .banner-list:nth-of-type(4) .summary:nth-of-type(2) { top: 60px; }

.banner .banner-list:nth-of-type(4) .view-btn { background: #6dbfc3; }

.banner .banner-list:nth-of-type(1) .view-btn, .banner .banner-list:nth-of-type(5) .view-btn { border: 1px solid #80a5e6; background: #3a578e; }

.banner .banner-btn-wrap { position: absolute; top: 90%; left: 50%; }

.banner .banner-btn-wrap li { float: left; width: 12px; height: 12px; margin: 0 5px; border: 1px solid transparent; border-radius: 50%; background: #fff; cursor: pointer; }

.banner .banner-btn-wrap li.on { border-color: #fff; background: #008dd5; }

.banner .arrow-btn { opacity: .6; position: absolute; top: 50%; margin-top: -29px; font-size: 50px; color: #fff; -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; cursor: pointer; }

.banner .arrow-btn:hover { opacity: 1; }

.banner .arrow-btn.banner-arrow-left { left: -5%; }

.banner .arrow-btn.banner-arrow-right { right: -5%; }

.banner:hover .banner-arrow-left { left: 2%; }

.banner:hover .banner-arrow-right { right: 2%; }

.main { background: #f8f8f8; }

.main .section { padding-bottom: 50px; }

.main .section .wrap { padding-top: 50px; }

.main .section .wrap > .title { font-size: 30px; }

.main .section .wrap > .summary { width: 780px; margin: 40px auto 0; line-height: 30px; }

.main .section.about, .main .section.product { background: #fff; }

.main .product-list-wrap { overflow: hidden; padding-top: 70px; }

.main .product-list { float: left; position: relative; width: 220px; height: 290px; margin-right: 30px; padding: 0 15px; border: 1px solid #ccc; }

.main .product-list .icon-wrap { position: absolute; top: 0; left: 50%; width: 70px; height: 56px; margin: -22px 0 0 -35px; background: #fff; text-align: center; }

.main .product-list .icon-wrap .iconfont { font-size: 50px; }

.main .product-list .product-title { display: inline-block; margin: 60px 0 20px; }

.main .product-list .line { display: inline-block; width: 40px; height: 2px; background: #ccc; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }

.main .product-list .product-summary { line-height: 28px; color: #8e8e8e; }

.main .product-list .view-btn { position: absolute; left: 0; right: 0; bottom: 30px; margin-top: 20px auto 0; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s; }

.main .product-list .view-btn .iconfont { font-size: 20px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }

.main .product-list .view-btn:hover .arrow { margin-left: 10px; }

.main .product-list.on { border-color: #008dd5; }

.main .product-list.on .iconfont, .main .product-list.on .title, .main .product-list.on .view-btn { color: #008dd5; }

.main .product-list.on .line { width: 100%; background: #008dd5; }

.main .product-list.on .summary { color: #333; }

.main .product-nav-btn-wrap li { display: inline-block; width: 30px; height: 5px; margin: 50px 10px 0 0; border-radius: 30px; background: #dcdcdc; cursor: pointer; }

.main .product-nav-btn-wrap li.on { background: #008dd5; }

.main .product-btn { position: absolute; top: 50%; font-size: 40px; cursor: pointer; }

.main .product-btn.left { left: -70px; }

.main .product-btn.right { right: -70px; }

.main .case-wrap { margin-top: 70px; }

.main .case-wrap .header-nav { position: relative; width: 550px; height: 40px; margin: 0 auto 30px; text-align: justify; }

.main .case-wrap .header-nav::after { content: ""; display: inline-block; width: 100%; }

.main .case-nav-list { display: inline-block; padding: 10px; cursor: pointer; }

.main .case-nav-list.on { color: #008dd5; }

.main .move-line { position: absolute; top: 0; left: 0; width: 76px; height: 38px; border-bottom: 1px solid #008dd5; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }

.main .case-con { display: none; }

.main .case-con:first-of-type { display: block; }

.main .case-list { float: left; width: 265px; height: 300px; margin-bottom: 16px; }

.main .case-list:nth-child(1), .main .case-list:nth-child(2), .main .case-list:nth-child(3), .main .case-list:nth-child(5), .main .case-list:nth-child(6), .main .case-list:nth-child(7) { margin-right: 16px; }

.main .case-list a { height: 100%; }

.main .about .about-img { margin-right: 40px; }

.main .about .title { margin-bottom: 20px; }

.main .about .about-summary { width: auto; margin: 0 0 20px; line-height: 30px; color: #8e8e8e; }

.main .about .view-btn { margin-top: 40px; }

.main .job { padding: 40px 0; }

.main .job .fl { width: 800px; margin-top: 17px; }

.main .job .fl .title { margin-right: 5px; padding-right: 5px; border-right: 2px solid #333; }

.main .about .view-btn, .main .case-list-wrap .view-btn, .main .job .view-btn { width: 180px; height: 50px; padding-left: 20px; border: 1px solid #333; line-height: 50px; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s; }

.main .about .view-btn .iconfont, .main .case-list-wrap .view-btn .iconfont, .main .job .view-btn .iconfont { display: inline-block; font-size: 20px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }

.main .about .view-btn:hover .iconfont, .main .case-list-wrap .view-btn:hover .iconfont, .main .job .view-btn:hover .iconfont { margin-left: 20px; }

@media screen and (max-width: 1024px) { .banner .arrow-btn { display: none; }
  .banner .banner-list:nth-of-type(4) .summary:nth-of-type(2) { top: 70px; }
  .banner .banner-list:nth-of-type(4) .view-btn { top: 130px; }
  .banner .banner-list .title { top: -80px; font-size: 30px; }
  .banner .banner-list .summary { top: 20px; font-size: 20px; }
  .banner .banner-list .view-btn { top: 100px; }
  .main .section .wrap > .summary { width: 100%; }
  .main .section .product-btn { display: none; }
  .main .section .product-list { width: 208px; margin-right: 10px; }
  .main .section .case-list { width: 231px; height: 262px; }
  .main .about .about-img { width: 50%; }
  .main .about .about-summary { line-height: 24px; }
  .main .about .view-btn { margin-top: 25px; }
  .main .job .fl { width: 70%; } }

@media screen and (max-width: 1023px) { .main .section .case-list { width: 170px; height: 192px; }
  .main .about .view-btn { float: none; margin: 0 auto; } }

@media screen and (max-width: 767px) { .banner .banner-list:nth-of-type(4) .title { top: -50px; }
  .banner .banner-list:nth-of-type(4) .summary:nth-of-type(1) { top: 50px; }
  .banner .banner-list:nth-of-type(4) .summary:nth-of-type(2) { top: 90px; }
  .banner .banner-list:nth-of-type(4) .view-btn { top: 130px; }
  .banner .banner-list .title { top: -20px; left: 0; height: 24px; font-size: 20px; text-align: center; }
  .banner .banner-list .summary { top: 80px; right: 0; width: 100%; height: 66px; font-size: 14px; }
  .banner .banner-list .view-btn { display: none; }
  .banner .banner-btn-wrap { top: 87%; }
  .main .section .wrap > .title { font-size: 20px; }
  .main .section .product-list { width: 260px; }
  .main .section .case-wrap .header-nav { width: 100%; border-bottom: 1px solid #ccc; }
  .main .section .case-wrap .header-nav .move-line { top: 2px; }
  .main .section .case-list { width: 170px; height: 181px; margin: 0 0 8px; }
  .main .section .case-list:nth-child(1), .main .section .case-list:nth-child(3), .main .section .case-list:nth-child(5), .main .section .case-list:nth-child(7) { margin-right: 8px; }
  .main .about { text-align: center; }
  .main .about .about-img { width: 100%; margin: 20px 0; }
  .main .about .about-text .title { display: none; }
  .main .about .about-summary, .main .about .title, .main .about .view-btn { float: none; }
  .main .about .about-summary { text-align: left; }
  .main .job .fl { float: none; width: 100%; }
  .main .job .view-btn { float: none; display: block; margin: 10px auto; } }

@media screen and (max-device-width: 767px) and (orientation: landscape) { .main .section .case-list { width: 24%; height: auto; }
  .main .section .case-list:nth-child(1), .main .section .case-list:nth-child(2), .main .section .case-list:nth-child(3), .main .section .case-list:nth-child(5), .main .section .case-list:nth-child(6), .main .section .case-list:nth-child(7) { margin-right: 8px; } }

/*************中间样式***************/
.clearfix:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.lf{
    float: left;
}
.rf{
    float: right;
}
.inter{
    padding-top: 1px;
}
.industryy{
    width:91.4%;
    margin:0 auto;
    background: #24629b;
    overflow: hidden;
    height:90px;
    position: relative;
    margin-top:-20px;
        z-index: 999;
}

.industryyy{
    width:91.4%;
    margin:0 auto;
    overflow: hidden;
    position: relative;

}
.cabout{
     width:91.4%;
    margin:0 auto;
    height:100px;
    border-bottom: 1px solid #bfbfbf;

}

.cabout_1{
    float:left;
    margin-top: 70px;
}

.cabout_2{
    float:right
   
}

.industry_1{
    width: 50%;
    overflow: hidden;
    background-color:#f5f5f5;
    height:100%;
}
.recomcom  {
    width:25%;
    overflow: hidden;
    background-color:#2063a3;
    height:100%;
}
.recomcom_1  {
    width:25%;
    overflow: hidden;
    background-color:#00a1e9;
    height:100%;
}
.wenh_1  {
    width:25%;
    overflow: hidden;
    background-color:#00a1e9;
    height:100%;
}
.wenh_2  {
    width:25%;
    overflow: hidden;
    background-color:#3d5377;
    height:100%;
}
.wenh_3  {
    width:25%;
    overflow: hidden;
    background-color:#00a1e9;
    height:100%;
}
.wenh_4  {
    width:25%;
    overflow: hidden;
    background-color:#3d5377;
    height:100%;
}



.ydvideo,.ydpres{
    height: 297px;
}

.cylytext{
    padding-left: 10px;
}
.cylyzn{
    font-size: 30px;
    color: #fff;
}
.cylyen{
    font-size: 18px;
    color: #fff;
    font-family: "STXihei","华文细黑",sans-serif;
}
.cylytext .line,.ydztbg .line{
    height: 3px;
    width: 60px;
    display: block;
    background-color: #fff;
    margin-top:10px;
}
.cylytext p {
    line-height: 40px;
}
.cylylc{
    margin-top: 108px;
}
.cylylc ul li{
    position: relative;
    float: left;
}
.cylylc ul li{
    width: 28.6%;
}
.lijg{
    margin-right: 7%;
}
.cylylc ul li a {
    color: #fff;
    height: 40%;
    padding-top: 60%;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 100%;
}