@charset "utf-8";
/* CSS Document */
.img_title{display: none;}
.ls-special-header{ height: 400px; border-bottom: 6px #5e97ac solid; background: url("../images_cyzc/top_bg.jpg") center 0 no-repeat; background-size: cover;}

.ls-special-logo{padding: 22px 0 0; font-size: 0; line-height: 0;}
.ls-special-logo li span{display: none;}

.ls-special-right{ font-size: 0; text-align: right; line-height: 0; padding: 24px 0 0;}
.ls-special-right li{display: inline;}
.ls-special-right li > a,.ls-special-right li.ls-login > span{display: inline-block; margin-left: 16px; position: relative; padding: 0 0 0 17px; color: #666; transition: 0.4s all; font-size: 16px; line-height: 1.875;}
.ls-special-right li > a:before{position: absolute; content: ""; display: block; height: 0.875em; width: 1px; background: rgba(102, 102, 102, 0.25); top: 50%; margin-top: -0.4375em; left: 0;}
.ls-special-right li.ls-login a{ padding-left: 5px; color: #666;}
.ls-special-right li a:hover{color: #00668d;}
.ls-special-right li.ls-goback a{ padding: 0 15px; border-radius: 4px; background: rgba(0, 102, 141, 0.1);}
.ls-special-right li.ls-goback a:before{display: none;}
.ls-special-right li.ls-goback a:hover{ background: #00668d; color: #fff;}


.ls-special-banner{ padding: 91px 0 0 17px; clear: both; text-align: center;}
.ls-special-banner img{ max-width: 96%; height: auto;}

.ls-technology-content{ padding: 30px 0 54px;}
.ls-technology-title{ text-align: center; position: relative; line-height: 0; font-size: 0; background: url("../images_cyzc/tel_bg.png") center 22px no-repeat;}
.ls-technology-title::after,.ls-technology-title::before{display: block; content: ""; position: absolute; border: 1px solid rgb(94, 151, 172); width: 5px; height: 5px; background: #fff; border-radius: 50%;}
.ls-technology-title::before{left: 0; top: 25px;}
.ls-technology-title::after{right: 0; top: 28px;}

.ls-technology-title .tit{ display: inline-block; position: relative; background: #fff; font-size: 36px; font-weight: bold; color: #5e97ac; min-width: 218px; padding: 0 15px; height: 56px; line-height: 56px;}
.ls-technology-title .tit::after,.ls-technology-title .tit::before{display: block; content: ""; position: absolute; width: 137px; height: 12px; background: no-repeat;}
.ls-technology-title .tit::before{left: -138px; top: 21px; background-image: url("../images_cyzc/line2_left.png"); background-position: 0 0;}
.ls-technology-title .tit::after{right: -138px; top: 27px; background-image: url("../images_cyzc/line2_right.png"); background-position: right 0;}
.ls-technology-list{ padding: 13px 0 54px;}
.ls-technology-list li{ font-size: 24px; text-align: center; line-height: 32px; padding: 13px 0;}

.ls-footer{ border-top-color: #5e97ac;}

@media (max-width: 991px) {
    .ls-technology-title{background-size:100% 15px;}
    .ls-technology-title .tit{font-size: 30px; min-width: 150px;}
    .ls-technology-list{ padding: 10px 10px 40px;}
    .ls-technology-list li{ font-size: 20px; line-height: 1.5; padding: 10px 0;}
}
@media (max-width: 767px) {
    .ls-special-header{height: auto;}
    .ls-special-logo{padding: 8px 0 0 8px;}
    .ls-special-logo img{ height: 35px; width: auto;}
    .ls-special-right{padding: 8px 8px 0 0;}
    .ls-special-right li > a, .ls-special-right li.ls-login > span{font-size: 14px; margin-left: 8px; padding-left: 8px;}
    .ls-special-right li.ls-goback a{padding: 0 5px;}
    #member_info{margin-left: 0; padding-left: 0;}
    .ls-special-banner{ padding:50px 0 80px;}

    .ls-technology-content{ padding: 10px 10px 15px;}
    .ls-technology-title .tit{font-size: 24px; min-width: 50px; padding: 0 10px;}
    .ls-technology-list{ padding: 0;}
    .ls-technology-list li{ font-size: 16px; line-height: 1.5; padding: 8px 0;}
    .ls-technology-title .tit::after,.ls-technology-title .tit::before{ width: 70px; background-size: 100% auto;}
    .ls-technology-title .tit::before{left: -72px;}
    .ls-technology-title .tit::after{right: -72px;}
}
@media (max-width: 424px) {
    .ls-technology-title{ background-size: auto auto; overflow: hidden;}
    .ls-technology-title .tit::after,.ls-technology-title .tit::before{ width: 137px; background-size: auto auto;}
    .ls-technology-title .tit::before{left: -138px;}
    .ls-technology-title .tit::after{right: -138px;}
    .ls-technology-title::after,.ls-technology-title::before{display: none;}
}
.secnr{border: 1px #ddd solid;}

@media (max-width: 768px) {
    .secnr{margin-left: 10px; margin-right: 10px;}
}