body {color:#545252;}
a{color:#545252}
a:active,
a:hover {color:#c8161f}
#obtn{float: left; width: 100%;}
.container1{margin: 0 auto; padding: 0 15px;}
@media (min-width: 768px) {
    .container{width:768px;}
    .container1{width:768px;}
}
@media (min-width: 992px) {
    .container{width:992px;}
    .container1{width:992px;}
}
@media (min-width:1230px) {
    .container{width:1230px;}
    .container1{width:1230px;}
}


._header{float: left; width: 100%;top:0; left: 0; z-index: 1;font-size:0; background: #fff;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._header .top{float: left; width: 100%; padding:22px 4% 0 4%;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._header .language{float: right; width: 100%; }
._header .language .langR{float: right; position: relative; z-index: 2;}
._header .language h5{float: left; height: 28px; line-height: 28px; width: 100%; font-size: 14px; color:#545252; padding:0 25px 0 10px; position: relative; cursor: pointer;}
/*20220730start*/
._header .language h5 em{font-family: 'Noto Sans SC',Arial; }
/*20220730end*/
._header .language h5 span{position: absolute; right:10px; top:50%; margin-top: -3px; line-height: 0; width: 10px; height: 7px; }

._header .language ul{ display:none; float:left; width:100%; position:absolute; right:0; top:28px; background:#fff;
    box-shadow:3px 3px 3px rgba(14,15,15,0.35);
}
/*20220730start*/
._header .language ul li{ float:left; width:100%; color:#545252; font-size:14px; line-height:30px; text-align:left; cursor:pointer; padding-left: 8px;font-family: 'Noto Sans SC',Arial;}
._header .language ul li a{color:#545252; display:block; width:100%;}
/*20220730end*/
._header .language ul li:hover{background: #f2f2f2; color:#c8161f;}
._header .language ul li:hover a{color:#c8161f;}


._header .logo{ line-height: 0; float: left; margin-top: 6px;}
._header .logo a{float: left; line-height: 0;}
._header .logo img{height:37px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

._header .topRight{float: right; margin-top: 15px;}
._header .menu{float: left;}
._header .menu .nli{float: left; position: relative;}
/*20220730start*/
._header .menu .nli span a{ float: left; line-height:30px; font-size:18px; color: #545252; position: relative; padding: 0 23px 23px 23px;font-family: 'Noto Sans SC',Arial;}
/*20220730end*/
._header .menu .nli.active span a,
._header .menu .nli.on span a,
._header .menu .nli span a:hover{color:#c8161f; font-weight: bold;}
._header .search{float: right; margin-left: 55px; width: 190px; height: 30px; border:1px solid #545252; position: relative; margin-right: 10px;
 border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
}
/*20220730start*/
._header .search input{float: left; width: 100%; color:#545252; height: 28px; line-height: 28px; font-size: 16px; border:0; text-indent: 15px;
    border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;font-family: 'Noto Sans SC',Arial;
}
/*20220730end*/
._header .search button{position: absolute; width: 22px; height: 22px; right: 12px; line-height: 0; top:50%; margin-top: -11px;}

._header .navDown{float:left; width:100%; position:relative; left:0; top:0; z-index:10; background:#fff;
    box-shadow: inset 0 -15px 10px -15px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 -15px 10px -15px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 -15px 10px -15px rgba(0,0,0,0.1);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._header .BackNav{float:left; width:100%; position:relative; left:0; top:0; z-index:10; background:#fff;min-height:auto;  display: none; opacity: 0;
    box-shadow: inset 0 -15px 10px -15px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 -15px 10px -15px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 -15px 10px -15px rgba(0,0,0,0.1);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;}
._header .BackNav.on{min-height: 60px; opacity: 1; display: block;border-top:3px solid #cccccc;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

._header .navDown .sub{float: left; width: 100%;display: none;border-top:3px solid #cccccc; position: relative;}
._header .navDown .sub:after{position: absolute; content: ''; width: 100%; height: 100px; bottom: -100px; left: 0;}
._header .navDown .sub.product{ padding: 17px 0;}
._header .navDown .sub.product .hd{float: left; width: 100%;}
._header .navDown .sub.product .tab{float: left; width: 100%; display: block; text-align: center;}
._header .navDown .sub.product .tab li{display: inline-block; color:#545252; font-size: 17px; line-height: 28px; cursor: pointer; margin: 0 4%;}
._header .navDown .sub.product .tab li:hover{color:#c8161f}
._header .navDown .sub.product .tab li.on{color:#c8161f; font-weight: bold;}
._header .navDown .sub.product .tab li.active{color:#545252; font-weight: 500;}
._header .navDown .sub.product .bd{float: left; width: 100%; margin-top: 35px;}
._header .navDown .sub.product .bd ul{float: left; width: 100%;}
._header .navDown .sub.product .bd li{float: left; width: 14.285%;}
._header .navDown .sub.product .bd li a{float: left; width: 100%;text-align: center;color:#545252;}
._header .navDown .sub.product .bd li a .tImg{float: left; width: 100%; height: 108px; position: relative; line-height: 0;}
._header .navDown .sub.product .bd li a .tImg img{position: absolute; left: 50%; top:50%; max-width: 100%;
    transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);
}
._header .navDown .sub.product .bd li a .dText{float: left; width: 100%; font-size: 15px;  line-height: 28px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
._header .navDown .sub.product .bd li a:hover{color:#c8161f; font-weight: bold;}
._header .navDown .sub.industry{ padding: 22px 0 20px 0;}
._header .navDown .sub.industry li{float: left; width:14.285%; text-align: center;}
._header .navDown .sub.industry li a{float: left; width: 100%;text-align: center;color:#545252;}
._header .navDown .sub.industry li a .tIco{float: left; width: 100%; height: 80px; position: relative; line-height: 0;}
._header .navDown .sub.industry li a .tIco img{position: absolute; left: 50%; top:50%; max-width: 100%;
    transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);
}
._header .navDown .sub.industry li a .dText{float: left; width: 100%; font-size: 15px;  line-height: 28px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
._header .navDown .sub.industry li a:hover{color:#c8161f; font-weight: bold;}
._header .sub.service{position: absolute; left:50%; top:53px;transform:translate(-50%,0); -moz-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); z-index:15; display: none;}
._header .sub.service:after{position: absolute; content: ''; width: 500%; height: 100px; left: 50%; bottom: -100px;
    transform:translate(-50%,0); -moz-transform:translate(-50%,0); -webkit-transform:translate(-50%,0);
}
._header .sub.service ul.second{float: left; width: 100%;  display: flex; text-align: center; }
._header .sub.service .li2{display: inline-block; text-align: center; margin: 0 50px; position: relative; z-index: 9;flex-wrap:nowrap;}
._header .sub.service .li2 .push{display: inline-block;}
._header .sub.service .li2 .push a{color:#545252; font-size: 17px; line-height: 60px;white-space:nowrap;}
._header .sub.service .li2:hover .push a,
._header .sub.service .li2 .push a:hover{color:#c8161f; font-weight: bold;}
._header .sub.service .dropDown{position: absolute; min-width: 145px; left: 50%; margin-left: -50px; top:60px; background: #fff; padding: 3px 0 18px 0; display: none;
    box-shadow: 3px 3px 3px rgba(14,15,15,0.25); -moz-box-shadow: 3px 3px 3px rgba(14,15,15,0.25); -webkit-box-shadow: 3px 3px 3px rgba(14,15,15,0.25);
}
._header .sub.service .dropDown li{display: block; width: 100%; text-align: left; padding: 0 15px;}
._header .sub.service .dropDown li a{float: left; width: 100%; color:#545252; font-size: 15px; line-height: 40px;}
._header .sub.service .dropDown li a:hover{color:#c8161f; font-weight: bold;}
._header .sub.service .li2:hover .dropDown{display: block;}

 .menuph{ display: none;}
 .xialaph{ display: none;}
@media screen and (max-width:1430px) {
    ._header .top{padding: 22px 3% 0 3%;}
}
@media screen and (max-width:1229px) {
    ._header .top{padding: 22px 3.5% 0 3.5%;}
    ._header .logo img{height: 30px;}
    ._header .topRight{margin-top: 8px;}
    ._header .menu .nli{}
    ._header .menu .nli span a{font-size: 16px; padding: 0 15px 23px 15px;}
    ._header .search{margin-left: 35px; width: 170px;}
    ._header .search input{font-size: 14px;}

    ._header .navDown .sub.product .tab li{font-size: 15px;}
    ._header .navDown .sub.product .bd{margin-top: 20px;}
    ._header .navDown .sub.product .bd li a .dText{font-size: 13px;}
    ._header .navDown .sub.industry li a .dText{font-size: 13px;}
    ._header .navDown .sub.service .li2 .push a{font-size: 15px;}
    ._header .navDown .sub.service .dropDown{padding: 3px 0 12px 0}
    ._header .navDown .sub.service .dropDown li a{font-size: 13px; line-height: 35px;}

}
@media screen and (max-width:991px) {
    ._header{z-index: 2}
    ._header .top{padding: 0 5%; margin: 10px 0;}
    ._header .top .search.pc{display: none;}

    ._header .menu{ display: none;}
     .menuph{ display: block;}
     .xialaph{ display: block;}
     .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 12px 10px  12px 0;}
     .menuph .point { display: inline-block;  width: 28px;  height: 22px; position: relative;}
     .menuph .point:hover .navbtn,
     .menuph .point:hover .navbtn::after,
     .menuph .point:hover .navbtn::before { width: 28px;}
     .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background:#c8161f;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;}
     .menuph .navbtn::after,
     .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #c8161f;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;}
     .menuph .navbtn::after { top: -11px;}
     .menuph .navbtn::before { top: 10px;}
     .menuph .point.active .navbtn{ background: transparent;}
     .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
     .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}
     .xialaph{ position: absolute; left: 0; top: 94px; float: left; width: 100%; height:auto; overflow: scroll; padding: 0 0 100px 0; display: none; z-index:3; background:#fff;}
    .xialaph .ul1{float: left; width: 100%;}
     .xialaph .ul2,
     .xialaph .ul3{ display: none;}
     .xialaph h4{padding: 0 15px;}
     .xialaph h5{padding: 0 10px;}
     .xialaph h4 a{ float: left; width: 80%; color: #444; font-size:15px; line-height: 50px; font-family: 'Noto Sans SC',Arial;}
     .xialaph h4 a span{ padding-left: 6px; color: #ccc; font-size: 14px;}
     .xialaph h4{ float: left; width: 100%; position: relative;}
     .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
     .xialaph h4.active a,
     .xialaph h4:hover a,
     .xialaph h5.active a,
     .xialaph h5:hover a{ color: #c8161f;}
     .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
     .xialaph h5 a{ float: left; width: 85%; color: #1f1f1f; font-size: 14px; line-height: 40px; text-transform: uppercase;}
     .xialaph h5{ float: left; width: 100%; position: relative;}
     .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
     .xialaph li:last-child h5::after{ display: none;}
    .xialaph h4 b{ position: absolute; right: 15px; top: 50%; width: 9px; height: 9px;  float: right; border-top: #333 solid 1px; border-right: #333 solid 1px; margin-top: -5px;cursor: pointer; transform:rotate(45deg); -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;
    }
    .xialaph h4.active b{ transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);
        -o-transform:rotate(135deg);margin-top: -7px; border-color:#333;
    }
    .xialaph h5 b{ position: absolute; right: 15px; top: 50%; width: 9px; height: 9px;  float: right; border-top: #333 solid 1px; border-right: #333 solid 1px; margin-top: -5px;cursor: pointer; transform:rotate(45deg); -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;
    }
    .xialaph h5.active b{ transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);
        -o-transform:rotate(135deg);margin-top: -7px; border-color:#333;
    }
     .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;}
     .xialaph .ul3{float: left; width: 100%; padding: 10px; position: relative;}
     .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color:#e7e7e7;}
     .xialaph li:last-child .ul3::after{ display: none;}
     .xialaph .ul3 li a{ color: #333; font-size: 12px; line-height: 24px; display: block;}
     .xialaph .ul3 li{ padding-top: 5px;}
     .xialaph .ul3 li:first-child{ padding-top: 0;}
     .xialaph .phsou{ position: relative; margin-top: 34px;}
     .xialaph .phsou input{ width: 100%; height: 56px; background-color: #fff; color: #aaa; font-size: 14px; padding-left: 20px; border: 1px solid #e5e5e5;}
     .xialaph .phsou img{ cursor: pointer; width: 21px; height: 22px; position: absolute; top: 17px; right: 29px;}
     .img_d,
     .disno{ display: none;}
    ._header .telBox{float: left; display: block; text-align: center; width: 100%; margin:25px 0 0 0;}
    ._header .telBox a{display: inline-block; font-size: 14px; color:#444; line-height: 28px; font-family: 'Noto Sans SC',Arial;}
    ._header .telBox a:hover{color:#c8161f}
    ._header .telBox span{display: inline-block; font-size: 14px; color:#444; line-height: 28px; font-family: 'Noto Sans SC',Arial; margin: 0 25px;}
    ._header .xialaph .search{width: 90%; margin: 15px 5% 0 5%;}
}

@media screen and (max-width:767px) {
    ._header{position: fixed; top:0; left: 0;}
    ._header .top{margin: 5px 0; padding: 0 15px;}
    ._header .logo span{margin-left: 15px;}
    ._header .logo span:after{left: -7px;}
    .xialaph{padding: 0 0 100px 0; top:84px; height: 100%; position: fixed;}
    .xialaph h4 a{font-size: 14px; line-height: 45px;}
    .xialaph h5 a{font-size: 13px; line-height: 35px;}
    ._header .telBox{margin-top: 15px;}
    ._header .telBox a{font-size: 12px;}
    ._header .telBox span{margin: 0 15px;}
}

/*banner*/
.slide_banner{float: left; width: 100%; position:relative; overflow:hidden;font-size: 0;line-height: 0; z-index: 1;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.slide_banner img{width: 100%;/*height:500px;*/object-fit:cover}

.slide_banner .slick-dots{ height:4px; bottom:29px; }
/*20220730start*/
.slide_banner .slick-dots li{ width:80px; height:4px; margin:0 15px; text-align:center; text-indent:-9999px; overflow:hidden; vertical-align:top; position: relative; background: #fff;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.slide_banner .slick-dots li.slick-active,
.slide_banner .slick-dots li:hover{background: #c8161f;}
.slide_banner .pic{width: 100%;height: calc(100vh - 118px);}
/*20220730end*/
@media screen and (max-width:991px) {
    .slide_banner .slick-dots{bottom: 20px; height: 3px;}
    .slide_banner .slick-dots li{width: 35px; margin: 0 7px; height: 3px;}
    .slide_banner img{width: 100%;height:auto !important;}
}
@media screen and (max-width:767px) {
    .slide_banner{margin-top: 84px;}
    .slide_banner .slick-dots{bottom: 15px; }
    .slide_banner .slick-dots li{width: 30px; margin: 0 5px;}
}


/*底部*/
.downBack{float: left; width: 100%;}
/*20220730start*/
.footerBox{float: left; width: 100%; padding: 50px 0 30px 0;background: #f5f5f7;}
/*20220730end*/
.footerBox .footNav{float: left; width:85%;}
.footerBox .footNav .u1{ width: 100%; overflow: hidden;}
.footerBox .footNav .u1 .l1{ float: left; width:16.666%;}
/*20220730satrt*/
.footerBox h1{float: left; width: 100%;font-size: 15px; color: #545252; font-weight: 600; line-height: 30px; padding-bottom:15px;font-family: 'Noto Sans SC',Arial;}
.footerBox .footNav .u1 .l1 .a{ float: left; width: 100%; line-height:25px; font-size: 14px; color:#828282;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-family: 'Noto Sans SC',Arial;}
/*20220730end*/
.footerBox .footNav .u1 .l1 .a:hover{color:#c8161f;}
.footerBox .footCon{float: right; width: 15%;}
.footerBox .footCon .QRCode{display: block; text-align: right; margin: 15px 8px 0 0;}
/*202207030start*/
.footerBox .footCon .DTel{display: block; text-align: right; color:#000000; font-size: 16px; line-height: 32px; margin-top: 30px;font-family: 'Noto Sans SC',Arial;}
.footerBox .footCon .DTel span{font-size: 25px; font-family: 'Noto Sans SC',Arial;}
.footerCopy{float: left; width: 100%; border-top:2px solid #dddcdc;background: #f5f5f7;}
.footerCopy .CopyRight{float: left; width: 100%; text-align: center; padding: 22px 0 30px 0; color:#828282; font-size: 14px; font-family: 'Noto Sans SC',Arial; text-transform: uppercase;}
.footerCopy .CopyRight p{font-family: 'Noto Sans SC',Arial;}
/*20220730end*/
.footerCopy .CopyRight img{vertical-align:middle; margin-top: -2px;}
.footerCopy .CopyRight a{color:#828282}
.footerCopy .CopyRight a:hover{color:#c8161f}

@media screen and (max-width:1229px) {
    .footerBox{padding: 40px 0 25px 0}
    .footerBox .footCon .DTel{font-size: 14px; margin-top: 25px;}
    .footerBox .footCon .DTel span{font-size: 23px;}
    .footerCopy .CopyRight{padding: 20px 0;}
}
@media screen and (max-width:991px) {
    .footerBox{padding: 25px 0 15px 0}
    .footerBox .footNav{display: none;}
    .footerBox .footCon{width: 100%; text-align: center;}
    .footerBox .footCon .QRCode{margin: 0; text-align: center; line-height: 0;}
    .footerBox .footCon .DTel{text-align: center; margin-top: 15px; line-height:25px;}
}
@media screen and (max-width:767px) {
    .downBack{margin-bottom: 50px;}
    .footerBox .footCon .DTel{margin-top: 10px;}
    .footerBox .footCon .DTel span{font-size: 20px;}
    .footerCopy .CopyRight{padding: 15px 0; font-size: 13px; line-height: 25px;}
}

/*手机底部导航*/
#obtn .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#c8161f;  box-shadow:0 -4px 7px rgba(0,0,0,0.05); z-index:999;}
#obtn .pf_down li{ width:33.33%; float:left; text-align:center; padding:7px 0 5px 0; border-right:1px solid rgba(255,255,255, 0.2);}
#obtn .pf_down li:last-child{ border:none;}
#obtn .pf_down li a{float: left; width: 100%;}
#obtn .pf_down li .ico{ width:100%; float:left; text-align: center; line-height: 0; height:20px;}
#obtn .pf_down li .ico img{ width:20px; height:20px;}
#obtn .pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}

._hPro{float: left; width: 100%; margin: 60px 0 30px 0;}
._hPro .ulPro{margin: 0 -4px;}
._hPro .liPro{float: left; width: 100%; padding: 0 4px;}
._hPro .liPro .dbPro{float: left; width: 100%; position: relative; padding-bottom: 13px;}
._hPro .liPro .dbPro .tImg{float: left; width: 100%; line-height: 0; text-align: center;}
._hPro .liPro .dbPro .dText{float: left; width: 100%; text-align: center; margin-top: 30px;font-size: 21px; line-height: 40px; font-family: 'Noto Sans SC',Arial;
    overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
._hPro .liPro .dbPro .dText b{font-family: 'Noto Sans SC',Arial;}
._hPro .liPro .infoPro{float: left; width: 100%; position: absolute; left: 0; top:0; border:1px solid #0087af; background: #fff; height: 100%; padding: 44px 28px 0 28px; opacity: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._hPro .liPro .tTit{float: left; width: 100%; color:#0087af; font-size: 21px; line-height: 30px; font-family: 'Noto Sans SC',Arial;
    overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
._hPro .liPro .tTit b{font-family: 'Noto Sans SC',Arial;}
._hPro .liPro .info{float: left; width: 100%; color:#545252; font-size: 16px; line-height: 28px; margin-top: 20px; height: 140px;font-family: 'Noto Sans SC',Arial;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
._hPro .liPro .info b{font-family: 'Noto Sans SC',Arial;}
._hPro .liPro .more{float: left; width: 100%; display: block; text-align: center; margin-top: 38px;}
._hPro .liPro .more a{display: inline-block; width: 140px; height: 40px; line-height: 40px; color:#fff; font-size: 16px; background: #0087af;font-family: 'Noto Sans SC',Arial;}
._hPro .liPro .dbPro:hover .infoPro{opacity: 1;}
._hPro .ulPro .slick-prev,
._hPro .ulPro .slick-next{width: 19px; height: 32px; left: -60px; background: url("_im_g/next.png") no-repeat; background-size: cover; z-index: 1;}
._hPro .ulPro .slick-next{left: auto; right: -60px;background: url("_im_g/prev.png") no-repeat; background-size: cover;}

@media screen and (max-width:1229px) {
    ._hPro .liPro .dbPro .dText{font-size: 18px;}
    ._hPro .liPro .infoPro{padding: 20px 18px 0 18px;}
    ._hPro .liPro .tTit{font-size: 18px;}
    ._hPro .liPro .info{font-size: 14px; margin-top: 15px;}
    ._hPro .liPro .more{margin-top: 28px;}
    ._hPro .liPro .more a{height: 35px; line-height: 35px;font-size: 14px;}
}
@media screen and (max-width:767px) {
    ._hPro{margin: 20px 0;}
    ._hPro .liPro .dbPro .dText{margin-top: 20px; font-size: 16px; line-height: 35px;}
    ._hPro .liPro .infoPro{padding: 10px;}
    ._hPro .liPro .tTit{font-size: 16px;}
    ._hPro .liPro .info{font-size: 12px; margin-top: 10px; line-height: 24px; height: 96px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }
    ._hPro .liPro .more{margin-top: 15px;}
    ._hPro .liPro .more a{width: 80%; height: 25px; line-height: 25px;}
    ._hPro .ulPro .slick-prev,
    ._hPro .ulPro .slick-next{width: 12px; height: 20px; left: -10px;}
    ._hPro .ulPro .slick-next{left: auto; right: -10px;}
}

.greyBack1{float:left; width: 100%; background: #f2f2f2}
._hAbout{float: left; width: 100%; margin: 60px 0; position:relative;}
._hAbout .lVideo{float: left; width: 58%; position:absolute; left:0; top:0; height:100%;}
._hAbout .lVideo video{width: 100%; height:100%; display:block; background:#000;}
._hAbout .rAbout{float: right; width: 40%;}
._hAbout .rAbout h1.tit{float: left; width: 100%; color:#545252; font-weight: bold; font-size: 28px; line-height: 32px; font-family: 'Noto Sans SC',Arial;}
._hAbout .rAbout h4.titEn{float: left; width: 100%; color:#858585; font-size: 18px; font-family: 'Noto Sans SC',Arial; line-height: 26px; margin-top: 10px; padding-bottom: 10px; border-bottom: 2px solid #b3b2b2; letter-spacing: 1px;}
._hAbout .rAbout .aboutInfo{float: left; width: 100%; color:#545252; font-size: 14px; line-height: 24px; margin-top: 18px; height: 250px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:10;
    overflow: hidden;
}
._hAbout .rAbout .aboutInfo p{text-indent: 30px;}
._hAbout .rAbout .aboutInfo span{font-family: 'Noto Sans SC',Arial;}
._hAbout .rAbout .more{float: right; width: 100%;}
._hAbout .rAbout .more a{float: right; color:#545252; font-size: 16px; font-weight: bold; line-height: 26px; margin-top: 5px;}
._hAbout .rAbout .more a:hover{color:#c8161f}
@media screen and (max-width:1229px) {
    ._hAbout .rAbout h1.tit{font-size: 22px;}
    ._hAbout .rAbout h4.titEn{font-size: 15px; line-height: 24px;margin-top: 5px;padding-bottom: 5px;}
    ._hAbout .rAbout .aboutInfo{font-size: 13px; margin-top: 12px;height:175px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:7;
        overflow: hidden;
    }
    ._hAbout .rAbout .more a{font-size: 15px; margin-top: 15px;}
}
@media screen and (max-width:991px) {
    ._hAbout{margin: 50px 0;}
    ._hAbout .lVideo{width: 100%; position:initial;}
    ._hAbout .rAbout{width: 100%; margin-top: 15px;}
    ._hAbout .rAbout .aboutInfo{max-height: 175px; height: auto;}
}
@media screen and (max-width:767px) {
    ._hAbout{margin: 20px 0;}
    ._hAbout .rAbout h1.tit{font-size: 18px; line-height: 28px;}
    ._hAbout .rAbout h4.titEn{font-size: 13px;}
    ._hAbout .rAbout .more a{font-size: 14px; margin-top: 10px;}
    ._hAbout .rAbout .aboutInfo p{text-indent: 26px;}
}

._hCorporate{float: left; width: 100%; margin: 45px 0;}
._hCorporate ul{float: left; width: 100%;}
._hCorporate li{float: left; width: 50%;}
._hCorporate li .tImg{float: left; width: 50%; line-height: 0;}
._hCorporate li .tImg img{width: 100%;}
._hCorporate li .dText{float: left; width: 50%; line-height: 0;position: relative}
._hCorporate li .dText img{width: 100%;}
._hCorporate li .dText .word{position: absolute; left: 0; top:0; width: 100%;}
._hCorporate li .dText .word h2.tit{float: left; width: 100%; text-align: center; color:#545252; font-size: 24px; line-height: 40px; margin-top: 30px;}
._hCorporate li .dText .word .p1{float: left; width: 100%; margin-top: 30px; padding: 0 17px; font-size: 14px; line-height: 24px; color:#545252;}
._hCorporate li:nth-child(3) .tImg,
._hCorporate li:nth-child(4) .tImg{float: right;}

@media screen and (max-width:1229px) {
    ._hCorporate li .dText .word h2.tit{font-size: 20px; line-height: 30px; margin-top: 20px;}
    ._hCorporate li .dText .word .p1{margin-top: 15px;padding: 0 15px; font-size: 12px;}
}
@media screen and (max-width:991px) {
    ._hCorporate li{width: 100%;}
    ._hCorporate li:nth-child(2) .tImg,
    ._hCorporate li:nth-child(4) .tImg{float: right;}
    ._hCorporate li:nth-child(3) .tImg{float: left;}
}
@media screen and (max-width:767px) {
    ._hCorporate{margin: 20px 0;}
    ._hCorporate li{width: 100%;}
    ._hCorporate li .tImg{width: 100%;}
    ._hCorporate li .dText{width: 100%; padding-bottom: 15px;}
    ._hCorporate li .dText img{display: none;}
    ._hCorporate li .dText .word{position: static; float: left; width: 100%;}
    ._hCorporate li .dText .word h2.tit{font-size: 18px; margin-top: 15px;}
    ._hCorporate li .dText .word .p1{padding: 0; margin-top: 5px;}
    ._hCorporate li:last-child .dText{padding-bottom: 0;}
}

._hNews{float: left; width: 100%; margin: 36px 0 20px 0;}
._hNews .headline{float: left; width: 100%; color:#222222; font-size: 36px; font-weight: bold; line-height: 45px;font-family: 'Noto Sans SC',Arial;}
._hNews ._hNewList{float: left; width: 100%; margin-top: 35px;}
._hNews ._hNewList ul{margin: 0 -28px;}
._hNews ._hNewList li{float: left; width: 33.333%; padding: 0 28px;}
._hNews ._hNewList li a{float: left; width: 100%;}
._hNews ._hNewList li .tImg{float: left; width: 100%; line-height: 0; position: relative; overflow: hidden;}
._hNews ._hNewList li .tImg img{width: 100%;}

._hNews ._hNewList li .tImg .titLi{position: absolute; width:100%; left: 0; bottom: 0; height: 40px; line-height: 40px; padding: 0 20px; background: rgba(0,0,0,0.5); opacity: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._hNews ._hNewList li .tImg .titLi span{float: left; width: 100%; color:#ffffff; font-size: 16px; font-family: 'Noto Sans SC',Arial;
    overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
._hNews ._hNewList li .p1{float: left; width: 100%; color:#545252; font-size: 15px; line-height: 26px; margin-top: 20px; height: 78px; font-family: Arial,'simHeiti';
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
._hNews ._hNewList li .p1 span{font-family: 'Noto Sans SC',Arial;}
._hNews ._hNewList li .more{float: left; width: 100%; margin-top: 15px; color:#545252; font-size: 14px; line-height: 24px; font-family: 'Noto Sans SC',Arial;}
._hNews ._hNewList li a:hover .tImg .titLi{opacity: 1;}
._hNews ._hNewList li a:hover .more{color:#c8161f}

@media screen and (max-width:1229px) {
    ._hNews .headline{font-size: 32px; line-height: 40px;}
    ._hNews ._hNewList{ margin-top: 25px;}
    ._hNews ._hNewList ul{margin: 0 -18px;}
    ._hNews ._hNewList li{padding: 0 18px;}
    ._hNews ._hNewList li .tImg .titLi span{font-size: 15px;}
    ._hNews ._hNewList li .p1{margin-top: 15px; font-size: 14px;}
    ._hNews ._hNewList li .more{margin-top: 10px;}
}
@media screen and (max-width:991px) {
    ._hNews .headline{font-size:28px;}
    ._hNews ._hNewList ul{margin: 0 -10px;}
    ._hNews ._hNewList li{padding: 0 10px;}
}
@media screen and (max-width:767px) {
    ._hNews{ margin: 20px 0 15px 0;}
    ._hNews .headline{font-size: 24px; line-height: 30px;}
    ._hNews ._hNewList{margin-top: 5px;}
    ._hNews ._hNewList li{width: 100%; margin-top: 15px;}
    ._hNews ._hNewList li .tImg .titLi span{font-size: 14px;}
    ._hNews ._hNewList li .p1{font-size: 13px; line-height: 24px; height: 72px; margin-top: 10px;}
    ._hNews ._hNewList li .more{margin-top: 5px;}
}

.Projection{float: left; width: 100%; height: 15px; background: #fff;
    box-shadow:0 7px 6px rgba(0,0,0,0.08); -moz-box-shadow:0 7px 6px rgba(0,0,0,0.08); -webkit-box-shadow:0 7px 6px rgba(0,0,0,0.08);
}
/*1产品*/
.secondLevel{float: left; width: 100%; border-bottom: 1px solid #ccc; padding: 42px 0 27px 0;}
.secondLevel ul{float: left;width: 100%;}
.secondLevel li{float: left; margin: 0 50px; text-align: center;}
.secondLevel li:first-child{margin-left: 0;}
.secondLevel li .tIco{display: block; line-height: 0;}
.secondLevel li .h2Tit{display: block; color:#545252; font-size: 14px; line-height: 24px; margin-top: 13px;}
.secondLevel li a:hover .h2Tit{color:#0087af}
.secondLevel li .h2Tit.noImg{margin-top: 66px;}

.proPage{float: left; width: 100%; padding-bottom: 70px;}
.proPage .h1Tit{float: left; width: 100%; color:#222222; font-size: 28px; font-weight: bold; line-height: 45px; margin-top: 30px;}
.proPage .p2{float: left; width: 100%; color:#545252; font-size: 16px; line-height: 30px; margin-top: 25px;}
.proPage .p2 p{text-indent: 34px;}
.proPage .ulBox{float: left; width: 100%; margin-top: 25px;  display:flex; flex-wrap: wrap; align-items: flex-start;}
.proPage .ulBox li{float: left; width: 25%; padding: 0 10px; margin-top:20px}
.proPage .ulBox li a{float: left; width: 100%;}
.proPage .ulBox li a .tImg{float: left; width: 100%; line-height: 0;}
/*20220820start*/
.proPage .ulBox li a .h2Title{float: left; width: 100%; color:#545252; font-size: 15px; font-weight: bold; /*padding-left: 15px;*/ line-height: 24px; margin-top: 20px;}
/*20220820end*/
.proPage .ulBox li a .brief{float: left; width: 100%; /*padding-left: 15px;*/ color:#787878; font-size: 14px; line-height: 20px; margin-top: 18px;}
.proPage .ulBox li a:hover .h2Title{color:#c8161f}

.proPage .ulBox li.center a{text-align:center;}


@media screen and (max-width:1229px) {
    .secondLevel{padding: 35px 0 20px 0}
    .proPage{padding-bottom: 60px;}
    .proPage .h1Tit{font-size: 26px; line-height: 35px;}
    .proPage .p2{font-size: 15px; line-height: 28px; margin-top: 20px;}
    .proPage .ulBox{margin-top: 20px;}
    .proPage .ulBox li{padding: 0 10px; margin-top:15px;}
    .proPage .ulBox li a .h2Title{/*padding-left: 10px;*/ margin-top: 30px;}
    .proPage .ulBox li a .brief{/*padding-left: 10px;*/ margin-top: 15px;}
}
@media screen and (max-width:991px) {
    .secondLevel li{margin: 0 40px;}
    .proPage{padding-bottom: 45px;}
    .proPage .ulBox li{padding: 0 8px; margin-top:15px;}
    .proPage .ulBox li a .h2Title{font-size: 14px;}
    .proPage .ulBox li a .brief{font-size: 13px;}
}
@media screen and (max-width:767px) {
    .secondLevel{padding: 15px 0 10px 0;}
    .secondLevel li{margin: 0 15px;}
    .secondLevel li:last-child{margin-right: 0;}
    .secondLevel li .tIco img{height: 40px;}
    .secondLevel li .h2Tit{font-size: 12px; margin-top: 8px; line-height: 20px;}
    .secondLevel li .h2Tit.noImg{margin-top: 48px;}
    .proPage{padding-bottom: 25px;}
    .proPage .h1Tit{font-size: 24px; margin-top: 20px; line-height: 30px;}
    .proPage .p2{font-size: 14px; line-height: 26px; margin-top: 15px;}
    .proPage .p2 p{text-indent: 30px;}
    .proPage .ulBox{margin-top: 10px;}
    .proPage .ulBox li{width: 50%; margin-top: 15px; padding: 0 10px;}
    .proPage .ulBox li a .h2Title{margin-top: 15px; padding-left: 10px;}
    .proPage .ulBox li a .brief{margin-top: 5px; padding-left: 10px;}
}
@media screen and (max-width:374px) {
    .secondLevel li{margin: 0 10px;}
}

/*2产品详情*/
._header.noBanner{position: relative}
._header.noBanner:after{position: absolute; content: ''; left: 0; top:118px; height: 3px; width: 100%; background: #ccc;}

.proInfo{float: left; width: 100%; margin-top: 55px; padding-bottom: 25px;}
.proInfo .lImg{float: left; width: 45.8%; line-height: 0; text-align: center;}
.proInfo .rText{float: right; width: 49.2%; margin-right: 2.5%;}
.proInfo .rText h1.h1Tit{float: left; width: 100%;color:#222222; font-size: 28px; font-weight: bold; line-height: 40px; margin-top: 6px;}
.proInfo .rText .p1{float: left; width: 100%; color:#545252; font-size: 17px; line-height: 30px; margin-top: 15px;}
.proInfo .rText .charaTit{float: left; width: 100%; color:#222222; font-size: 21px; font-weight: bold; line-height: 36px; margin-top: 22px;}
.proInfo .rText .p2{float: left; width: 100%; color:#545252; font-size: 16px; line-height: 30px; margin-top: 15px;}
.proInfo .lImg .slick-dots{height: 10px; text-align: right; line-height: 0; margin-right: 20px; bottom: -20px;}
.proInfo .lImg .slick-dots li{width: 10px; height: 10px; overflow:hidden;}
.proInfo .lImg .slick-dots li button{width: 10px; height: 10px; padding: 0; background: #ccc; }
.proInfo .lImg .slick-dots li.slick-active button{background: #c8161f}

.proInfo .lImg .imgbox{width:100%; padding-bottom:67.27%; position:relative; overflow:hidden;}
.proInfo .lImg .imgbox img,
.proInfo .lImg .imgbox video{position:absolute; max-height:100%; max-width:100%; top:50%; left:50%; display:block;
-webkit-transform: translate( -50%, -50%);
    -ms-transform: translate( -50%, -50%);
        transform: translate( -50%, -50%);
}
.proInfo .lImg .imgbox video{height:100%; width:100%;}

@media screen and (max-width:1229px) {
    ._header.noBanner:after{top:111px;}
    .proInfo{margin-top: 45px;}
    .proInfo .rText h1.h1Tit{margin-top: 15px; font-size: 26px; line-height: 35px;}
    .proInfo .rText .p1{font-size: 15px; line-height: 28px; margin-top: 10px;}
    .proInfo .rText .charaTit{font-size: 18px; line-height: 30px; margin-top: 15px;}
    .proInfo .rText .p2{font-size: 14px; line-height: 28px;}
}

@media screen and (max-width:991px) {
    ._header.noBanner:after{top:94px;}
    .proInfo{margin-top: 35px; padding-bottom: 15px;}
    .proInfo .rText h1.h1Tit{margin-top: 0;}
}
@media screen and (max-width:767px) {
    ._header.noBanner:after{top:84px;}
    .proInfo{margin-top: 20px; padding-bottom:10px;}
    .proInfo .lImg{width: 100%;}
    .proInfo .rText{width: 100%; margin-right: 0; margin-top: 10px;}
    .proInfo .rText h1.h1Tit{font-size: 22px; line-height: 30px;}
    .proInfo .rText .p1{font-size: 14px; line-height: 24px;}
    .proInfo .rText .charaTit{font-size: 16px;}
    .proInfo .rText .p2{font-size: 13px; line-height: 24px; margin-top: 10px;}
}

.technicalPar{float: left; width: 100%;}
.technicalPar .title{float: left; width: 100%; margin-top: 26px; color:#222222; font-size: 21px; font-weight: bold; line-height: 35px;}
.technicalPar .tableBox{float: left; width: 100%; margin-top: 20px;}
.technicalPar .tableBox dl{float: left; width: 100%; background-color:rgb(219, 238, 243); }
.technicalPar .tableBox dl dt{float:left; width: 32.16%; color:#545252; font-size: 16px; padding-left: 40px;line-height: 36px;}
.technicalPar .tableBox dl dd{float: left; width: 67.84%; color:#545252; font-size: 16px; border-left: 5px solid #fff; padding-left: 40px;line-height: 36px;}
.technicalPar .tableBox dl:nth-child(2n){background: #fff;}
.technicalPar .tableBox dl:nth-child(2n) dt{line-height: 38px;}
.technicalPar .tableBox dl:nth-child(2n) dd{line-height: 38px;}

@media screen and (max-width:1229px) {
    .technicalPar .title{font-size: 18px; margin-top: 20px; line-height: 30px;}
    .technicalPar .tableBox{margin-top: 15px;}
    .technicalPar .tableBox dl dt{padding-left: 30px; font-size: 14px;}
    .technicalPar .tableBox dl dd{padding-left: 30px; padding-right: 15px; font-size: 14px;}
}
@media screen and (max-width:767px) {
    .technicalPar .title{font-size: 16px; margin-top: 10px; line-height: 24px;}
    .technicalPar .tableBox{margin-top: 10px;}
    .technicalPar .tableBox dl dt{font-size: 13px; width: 100%; padding-left: 15px;}
    .technicalPar .tableBox dl dd{font-size: 13px; border-top: 2px solid #fff; border-left: 0; width: 100%; line-height: 24px; padding: 6px 15px 6px 15px;}
    .technicalPar .tableBox dl:nth-child(2n) dt{line-height: 36px;}
    .technicalPar .tableBox dl:nth-child(2n) dd{line-height: 24px; border-top:2px solid #e3f1f9;}
}

.orderTab{float: left; width: 100%; margin-top: 20px; overflow-x:auto; white-space: nowrap;}
.orderTab dl{display: inline-table; float: none;}
.orderTab dl dd{display: block; background-color:rgb(219, 238, 243); line-height: 24px; height: auto; padding: 6px 16px; color:#545252; font-size: 16px;}
.orderTab dl dd:first-child{color: #0087af; font-size: 18px; font-family: 'Noto Sans SC',Arial; font-weight: bold; text-align: left;}
.orderTab dl dd:nth-child(2n){background: #fff; height: auto; /*line-height: 38px;*/}
.orderTab dl dd:nth-child(2){font-weight: bold; text-align: left;}
.orderTab dl:nth-child(4) dd{text-align: left;}
@media screen and (max-width:1229px) {
    .orderTab{margin-top: 15px;}
    .orderTab dl dd{padding: 4px 9.5px; font-size: 14px; line-height:20px;}
    .orderTab dl dd:first-child{font-size: 16px;}
}
@media screen and (max-width:991px) {
    .orderTab{margin-top: 10px; width: 100%;white-space:nowrap; display: block; font-size: 0; line-height: 0; overflow-x: auto; position: relative; z-index: 1;}
    .orderTab dl{margin-top: 5px; display: inline-table; float: none;}
    .orderTab dl dd{padding: 4px 16px;}
}
@media screen and (max-width:767px) {
    .orderTab dl dd{font-size: 13px; padding: 4px 10px;}
    .orderTab dl dd:first-child{font-size: 15px;}
}





.technicalPar .apply{float: left; width: 100%; color:#545252; font-size: 16px; line-height: 30px; font-weight: bold; margin-top: 10px;}
.technicalPar .apply a{color:#c8161f}
.technicalPar .apply a:hover{text-decoration:underline;}
.technicalPar.use{margin-top: 17px;}
@media screen and (max-width:1229px) {
    .technicalPar .apply{font-size: 15px;}
}
@media screen and (max-width:767px) {
    .technicalPar .apply{font-size: 14px; line-height: 26px; margin-top: 5px;}
    .technicalPar.use{margin-top: 10px;}
}

.technicalPar.use.down{padding-bottom: 50px;}
.technicalPar.use ul{float: left; width: 100%; margin-top: 18px;}
.technicalPar.use li{float: left; margin: 0 25px; text-align: center;}
.technicalPar.use li:first-child{margin-left: 0;}
.technicalPar.use li a{float: left}
.technicalPar.use li a .tIco{display: block; line-height: 0;}
.technicalPar.use li a .dTit{display: block; color:#545252; font-weight: bold; font-size: 14px; line-height: 25px; margin-top: 14px;}
.technicalPar.use li a:hover .dTit{color:#0087af}

@media screen and (max-width:767px) {
    .technicalPar.use.down{padding-bottom: 15px;}
    .technicalPar.use ul{margin-top: 10px;}
    .technicalPar.use li{margin:8px 15px 0 15px;}
    .technicalPar.use li a .tIco img{width: 40px;}
    .technicalPar.use li a .dTit{font-size: 13px; margin-top: 8px;}
}

.greyBack1.pro{margin-bottom: 70px;}
.RelatedPro{float: left; width: 100%; margin: 35px 0 30px 0;}
.RelatedPro .tit{float: left; width: 100%; color:#222222; font-size: 28px; font-weight: bold; line-height: 45px;}
.RelatedPro .list{float: left; width: 100%; margin-top: 27px;}
.RelatedPro .list ul{margin: 0 -13px; display:flex; flex-wrap: wrap; align-items: flex-start;}
.RelatedPro .list li{float: left; width: 25%; padding: 13px 13px 0 13px;}
.RelatedPro .list li .tImg{float: left; width: 100%; /*text-align: center;*/ line-height: 0;}
.RelatedPro .list li .h2Title{float: left; width: 100%; /*padding-left: 80px;*/ color:#545252; font-size: 16px; line-height: 30px; margin-top: 20px; font-weight: bold;}
.RelatedPro .list li .brief{float: left; width: 100%; /*padding-left: 80px;*/ color:#787878; font-size: 14px; line-height: 20px; margin-top: 15px;}
.RelatedPro .list li a:hover .h2Title{color:#c8161f;}

@media screen and (max-width:1229px) {
    .greyBack1.pro{margin-bottom: 50px;}
    .RelatedPro .tit{font-size: 26px; line-height: 40px;}
    .RelatedPro .list{margin-top: 25px;}
    .RelatedPro .list ul{margin: 0 -10px;}
    .RelatedPro .list li{padding: 0 10px; padding-top:10px;}
    .RelatedPro .list li .h2Title{/*padding-left: 40px;*/ margin-top: 15px;}
    .RelatedPro .list li .brief{/*padding-left: 40px;*/ margin-top: 10px;}
}
@media screen and (max-width:991px) {
    .greyBack1.pro{margin-bottom: 35px;}
    .RelatedPro{margin: 30px 0 25px 0}
    .RelatedPro .tit{font-size: 24px; line-height: 35px;}
    .RelatedPro .list{margin-top: 20px;}
    .RelatedPro .list ul{margin: 0 -5px;}
    .RelatedPro .list li{padding: 0 5px; padding-top:5px;}
    .RelatedPro .list li .h2Title{font-size: 15px; /*padding-left: 20px;*/}
    .RelatedPro .list li .brief{font-size: 13px; /*padding-left: 20px;*/}
}
@media screen and (max-width:767px) {
    .greyBack1.pro{margin-bottom: 15px;}
    .RelatedPro{margin: 20px 0 15px 0}
    .RelatedPro .tit{font-size: 22px;}
    .RelatedPro .list{margin-top: 5px;}
    .RelatedPro .list li{width: 50%; margin-top: 15px;}
    .RelatedPro .list li .h2Title{font-size: 14px; line-height: 24px; margin-top: 10px; padding: 0 10px;}
    .RelatedPro .list li .brief{font-size: 12px; padding: 0 10px;}
}

/*3行业应用*/
.IndustryApp{float: left; width: 100%; padding-bottom: 46px;}
.IndustryApp .tit{float: left; width: 100%; color:#222222; font-size: 36px; font-weight: bold; line-height: 55px; margin-top: 40px;}
.IndustryApp .listBox{float: left; width: 100%; margin-top: -10px;}
.IndustryApp .listBox ul{margin: 0 -5px;}
.IndustryApp .listBox li{float: left; width: 25%; padding: 0 5px; margin-top: 37px;}
.IndustryApp .listBox li .tImg{float: left; width: 100%; line-height: 0; text-align: center;}
.IndustryApp .listBox li .dText{float: left; width: 100%; text-align: center; line-height: 30px; margin-top: 24px; color:#000000; font-size: 18px;}
.IndustryApp .listBox li a:hover .dText{color:#c8161f}

@media screen and (max-width:1229px) {
    .IndustryApp{padding-bottom: 30px;}
    .IndustryApp .tit{font-size: 32px; line-height: 40px;}
    .IndustryApp .listBox{margin-top: -5px;}
    .IndustryApp .listBox li{margin-top: 30px;}
    .IndustryApp .listBox li .dText{font-size: 16px; margin-top: 15px;}
}
@media screen and (max-width:767px) {
    .IndustryApp{padding-bottom: 10px;}
    .IndustryApp .tit{font-size: 26px; line-height: 30px; margin-top: 20px;}
    .IndustryApp .listBox{margin: 0;}
    .IndustryApp .listBox li{width: 50%; margin-top: 15px;}
    .IndustryApp .listBox li .dText{font-size: 14px; line-height: 20px; margin-top: 10px;}
}

/*4电力*/
.powerBox{float: left; width: 100%; margin: 45px 0 0 0;}
.powerBox .tit{float: left; width: 100%; color:#222222; font-size: 28px; line-height: 50px; font-weight: bold;}
.powerBox .p1{float: left; width: 100%; color:#545252; font-size: 16px; line-height: 30px; margin-top: 22px;}
.powerBox .p1 p{text-indent: 32px;}
.powerBox .bluePower{float: left; width: 100%; background: #e3f1f9; margin-top: 36px; padding: 20px 25px;}
.powerBox .bluePower .bd{float: left; width: 100%;}
.powerBox .bluePower .dl{float: left; width: 100%; color:#545252; font-size: 15px; line-height: 30px; margin-top: 30px; height: auto!important;}
.powerBox .bluePower .dl b{color:#0087af}
.powerBox .bluePower .dl:first-child{margin-top: 0;}
.powerBox .RelatedPro{margin: 45px 0 40px 0}
.powerBox .RelatedPro .tit{font-size: 24px; line-height: 40px;}

@media screen and (max-width:1229px) {
    .powerBox{margin: 40px 0 0 0;}
    .powerBox .tit{font-size: 26px; line-height: 40px;}
    .powerBox .p1{margin-top: 15px; font-size: 15px; line-height: 28px;}
    .powerBox .bluePower{margin-top: 30px; padding: 15px 20px}
    .powerBox .bluePower .dl{font-size: 14px; line-height: 28px; margin-top: 20px;}
    .powerBox .RelatedPro{margin: 35px 0 30px 0}
    .powerBox .RelatedPro .tit{font-size: 22px;}
}
@media screen and (max-width:767px) {
    .powerBox{margin: 20px 0 0 0;}
    .powerBox .tit{font-size: 22px; line-height: 30px;}
    .powerBox .p1{font-size: 14px; line-height: 26px; margin-top: 10px;}
    .powerBox .p1 p{text-indent: 28px;}
    .powerBox .bluePower{margin-top: 20px; padding: 10px 15px;}
    .powerBox .bluePower .dl{font-size: 13px; line-height: 24px; margin-top: 10px;}
    .powerBox .RelatedPro{margin: 20px 0 15px 0}
    .powerBox .RelatedPro .tit{font-size: 20px; line-height: 30px;}
}

.pz_SideLayer{float: left; width: 100%; border-bottom: 1px solid #ccc; margin-top: 18px;}
.pz_SideLayer li.l1{float: left; margin: 0 35px; line-height: 42px;}
.pz_SideLayer li.l1 a{float: left; font-size: 16px; color:#545252; font-weight: bold;}
.pz_SideLayer li.l1.on a,
.pz_SideLayer li.l1 a:hover{color:#c8161f}

@media screen and (max-width:767px) {
    .pz_SideLayer{ display: block; width: 100%; text-align: center; overflow-x: auto; overflow-y: hidden; white-space: nowrap; font-size: 0; margin-top:5px;}
    .pz_SideLayer li.l1{float: none; display: inline-block; margin: 0 10px; line-height: 38px;}
    .pz_SideLayer li.l1 a{font-size: 14px;}
}

.UHPBox{float: left; width: 100%; margin: 44px 0;}
.UHPBox .title{float: left; width: 100%; color:#000000; font-size: 28px; line-height: 45px; font-weight: bold;}
.UHPBox .UHPList{float: left; width: 100%; margin-top: -10px;}
.UHPBox .UHPList ul{margin: 0 -55px;}
.UHPBox .UHPList li{float: left; width: 25%; padding: 0 55px; margin-top: 55px;}
.UHPBox .UHPList li .tImg{float: left; width: 100%; line-height: 0; border:1px solid #969696;}
.UHPBox .UHPList li .tImg img{width: 100%;}
.UHPBox .UHPList li .titBox{float: left; width: 100%; font-size: 16px; font-weight: bold; line-height: 35px; margin-top: 25px; white-space:nowrap;}
.UHPBox .UHPList li .downLo{float: left; width: 100%; margin-top: 5px; }
.UHPBox .UHPList li .downLo a{float: left;font-size: 14px; color:#c8161f;line-height: 30px;}

@media screen and (max-width:1229px) {
    .UHPBox{margin: 40px 0;}
    .UHPBox .title{font-size: 26px; line-height: 40px;}
    .UHPBox .UHPList ul{margin: 0 -45px;}
    .UHPBox .UHPList li{padding: 0 45px; margin-top: 45px;}
    .UHPBox .UHPList li .titBox{font-size: 15px; line-height: 30px; margin-top: 20px;}
    .UHPBox .UHPList li .downLo a{font-size: 13px;line-height: 24px;}
}
@media screen and (max-width:991px) {
    .UHPBox .UHPList li .titBox{font-size: 15px;}
}
@media screen and (max-width:767px) {
    .UHPBox{margin: 20px 0 10px 0;}
    .UHPBox .title{font-size: 20px; line-height: 30px;}
    .UHPBox .UHPList{margin-top: 0;}
    .UHPBox .UHPList ul{margin: 0 -5px;}
    .UHPBox .UHPList li{width: 50%; padding: 0 5px; margin-top: 15px;}
    .UHPBox .UHPList li .titBox{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; font-size: 14px;line-height: 26px; margin-top: 10px;}
    .UHPBox .UHPList li .downLo{margin-top:0;}
    .UHPBox .UHPList li .downLo a{font-size: 12px; }
}

/*6最新动态*/
.FocusNews{float: left; width: 100%;}
.FocusNews .tit{float: left; width: 100%; font-size: 28px; line-height: 45px; margin-top: 43px;font-weight: bold;}
.focusBox{float: left; width: 100%; margin-top: 24px; position: relative;}
.focusBox .newBigInfo{float: left; width: 100%;}
.focusBox .newBigInfo .liBox{float: left; width: 100%;}
.focusBox .newBigInfo .liBox .lImg{float: left; width: 59.2%; line-height: 0;}
.focusBox .newBigInfo .liBox .lImg img{width: 100%;}
.focusBox .newBigInfo .liBox .rText{float: right; width: 37.5%;}
.focusBox .newBigInfo .liBox .time{float: left; width: 100%; font-family: 'Noto Sans SC',Arial; font-size: 24px;color:#b6b5b5;line-height: 24px;}
.focusBox .newBigInfo .liBox .nTit{float: left; width: 100%; font-size: 24px; color:#545252; margin-top: 35px; line-height: 30px;
    white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;
}
.focusBox .newBigInfo .liBox .nText{float: left; width: 100%; margin-top: 40px; color:#545252; font-size: 18px; line-height: 30px; height: 120px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:4;
    overflow: hidden;
}
.focusBox .newBigInfo .liBox .all{float: left; width: 100%; margin-top: 25px;}
.focusBox .newBigInfo .liBox .all a{float: left; width: 100px; height: 35px; background: #cbcbcb; color:#545252; font-size: 18px; line-height: 35px; text-align: center;}
.focusBox .newBigInfo .liBox .all a:hover{background: #c8161f; color:#fff;}
.focusBox .newSmall{position: absolute; width: 38.5%; right: -6px; bottom: 0;}
.focusBox .newSmall .liImg{float: left; width: 100%; line-height: 0; padding: 0 6px; opacity: 0.8;}
.focusBox .newSmall .liImg img{cursor: pointer;}
.focusBox .newSmall .slick-slide.slick-current.slick-active .liImg{opacity: 1;}

@media screen and (max-width:1229px) {
    .FocusNews .tit{font-size: 26px; line-height: 40px; margin-top: 35px;}
    .focusBox .newBigInfo .liBox .time{font-size: 22px;}
    .focusBox .newBigInfo .liBox .nTit{font-size: 22px; margin-top: 20px;}
    .focusBox .newBigInfo .liBox .nText{font-size: 16px; margin-top: 20px; line-height: 26px; height: 104px;}
    .focusBox .newBigInfo .liBox .all a{height: 30px; line-height: 30px; font-size: 16px;}
}
@media screen and (max-width:991px) {
    .focusBox .newBigInfo .liBox .time{font-size: 20px;}
    .focusBox .newBigInfo .liBox .nTit{font-size: 20px; margin-top: 15px;}
    .focusBox .newBigInfo .liBox .nText{font-size: 14px; margin-top: 15px; height: 78px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:3;
        overflow: hidden;
    }
    .focusBox .newBigInfo .liBox .all{margin-top: 15px;}
    .focusBox .newBigInfo .liBox .all a{font-size: 14px; height: 25px; line-height: 25px;}
}
@media screen and (max-width:767px) {
    .FocusNews .tit{font-size: 20px; margin-top: 20px; line-height: 30px;}
    .focusBox{margin-top: 20px;}
    .focusBox .newBigInfo .liBox .lImg{width: 100%;}
    .focusBox .newBigInfo .liBox .rText{width: 100%; margin-top: 15px;}
    .focusBox .newBigInfo .liBox .time{font-size: 18px;}
    .focusBox .newBigInfo .liBox .nTit{font-size: 18px; line-height: 28px; margin-top: 10px;}
    .focusBox .newBigInfo .liBox .nText{margin-top: 10px;}
    .focusBox .newSmall{position: static; float: left; width: 100%; right: 0; margin-top: 15px;}
}

.newsList{float: left; width: 100%; margin-top: 45px; border-top:1px solid #ccc;}
.newsList ul{float: left; width: 100%;}
.newsList li{float: left; width: 100%; border-bottom: 1px solid #ccc;}
.newsList li a{float: left; width: 100%; padding: 26px 0 30px 0;}
.newsList li a .lTime{float: left; width: 13.333%; color:#b6b5b5; font-size: 24px; line-height: 35px; font-family: 'Noto Sans SC',Arial;}
.newsList li a .rText{float: right; width: 82.5%; margin-right: 1.6%;}
.newsList li a .rText .tit{float: left; width: 100%; color:#545252; font-size: 21px; line-height: 35px;
    overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.newsList li a .rText .info{float:left; width: 100%; color:#545252; font-size: 16px; line-height: 28px; margin-top: 15px; height: 56px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
}
.newsList li a:hover .tit{color:#c8161f;}
@media screen and (max-width:1229px ){
    .newsList{margin-top: 35px;}
    .newsList li a{padding: 20px 0;}
    .newsList li a .lTime{font-size: 22px;}
    .newsList li a .rText .tit{font-size: 18px;}
    .newsList li a .rText .info{font-size: 14px; line-height: 24px; height: 48px; margin-top: 10px;}
}
@media  screen and (max-width:767px){
    .newsList{margin-top: 20px;}
    .newsList li a{padding: 15px 0;}
    .newsList li a .lTime{width: 100%; font-size: 18px; line-height: 26px;}
    .newsList li a .rText{width: 100%; margin-right: 0;}
    .newsList li a .rText .tit{font-size: 16px; line-height: 26px; margin-top: 5px;}
    .newsList li a .rText .info{font-size: 13px; margin-top: 5px;}
}

/*翻页*/
.wack1{ float:left; width:100%; text-align:center;padding:30px 0 50px 0;}
.wack1.pageFy{padding:60px 9.5% 90px 9.5%;}
.wack1 .pz_fy{ float: right;}
.wack1 .pz_fy a { float:left; width:30px; height:30px; line-height:30px; color:#545252; font-size:21px; font-family: 'Noto Sans SC',Arial; margin:0 5px;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{color:#c8161f;}
.wack1 .pz_fy .l_fy{ width:30px; display:inline-block; *display:inline; *zoom:1; text-align: center; line-height: 30px;}
.wack1 .pz_fy .r_fy{ width:30px; display:inline-block; *display:inline; *zoom:1; font-size: 21px;}
.wack1 .pz_fy .l_fy:hover{color:#c8161f;}
.wack1 .pz_fy .l_fy:hover .ri-arrow-left-line{color:#c8161f}
.wack1 .pz_fy .r_fy:hover{ color:#c8161f}
.wack1 .pz_fy .r_fy:hover .ri-arrow-right-line{ color:#c8161f;}
@media screen and (max-width:1229px ){
    .wack1{padding:30px 0 40px 0;}
    .wack1.pageFy{padding:45px 7% 60px 7%;}
    .wack1 .pz_fy a{font-size: 18px;}
    .wack1 .pz_fy .r_fy{font-size: 18px;}
}
@media  screen and (max-width:991px){
    .wack1{padding:30px 0;}
    .wack1.pageFy{padding:30px 0;}
    .wack1 .fy_pc{ text-align:center; font-size:14px; color:#545252; padding:5px 0;}
    .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #c8161f; background:#c8161f; border-radius:16px; overflow:hidden;}
    .wack1 .fy_pc span{ padding:5px 20px; color:#545252;}
}
@media  screen and (max-width:767px){
    .wack1{padding:20px 0 15px 0;}
    .wack1 .fy_pc a{font-size: 14px;}

}

/*7关于我们*/
.aboutPage{float: left; width: 100%; margin: 40px 0 55px 0;}
.aboutPage .h1Tit{float: left; width: 100%; color:#000000; font-size: 28px; font-weight: bold; line-height: 45px;}
.aboutPage .p1{float: left; width: 100%; margin-top: 35px; color:#545252; font-size: 18px; line-height: 30px;}
.aboutPage .p1 p{text-indent: 34px;}
@media screen and (max-width:1229px){
    .aboutPage{ margin: 30px 0 40px 0;}
    .aboutPage .h1Tit{font-size: 26px; line-height: 40px;}
    .aboutPage .p1{ margin-top: 25px; font-size: 16px;}
}
@media screen and (max-width:767px){
    .aboutPage{ margin: 20px 0 25px 0;}
    .aboutPage .h1Tit{font-size: 20px; line-height: 30px;}
    .aboutPage .p1{font-size: 14px; line-height: 24px; margin-top: 15px;}
    .aboutPage .p1 p{text-indent: 30px;}
}

.historyTit{float: left; width: 100%; background: #fff; position: relative;}
.historyTit:after{position: absolute; content: ''; width: 38%; background: #b2dbe7; z-index: 2; height: 96px; top:0; left: 0;}
.historyTit:before{position: absolute; content: ''; width: 56.75%; background: #e5f3f7; z-index: 1; height: 96px;top:0; left: 0;}
.historyTit .tit{float: left; width: 100%; color:#0087af; font-size: 28px; line-height: 96px; font-weight: bold; position:relative; z-index: 3;}

.historyBg{float: left; width: 100%; background: #f2f2f2; position: relative}
.historyBg:after{position: absolute; content: ''; width: 62%; background: #cde0f3; opacity: 0.5; height: 115%; top:0; right: 0;}

.hisListLeft{float: left; width:30%; padding: 37px 0 36px 0;}
.hisListLeft ul{float: left; width: 100%;}
.hisListLeft li{float: left; width: 100%; margin-top:20px;}
.hisListLeft li .lTime{float: left; width: 27.25%; font-size: 22px; line-height: 32px; padding-bottom: 10px; border-bottom: 1px solid #545252; position: relative}
.hisListLeft li .lTime:after{position: absolute; content: ''; width: 12px; height: 12px; background: #f2f2f2; border:1px solid #545252; left: -12px; bottom: -6px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
.hisListLeft li .rText{float: right; width: 68%; font-size: 14px; line-height: 24px; min-height: 72px;}
.hisListLeft li .rText span{font-family: 'Noto Sans SC',Arial; font-size: 12px;}

.hisListLeft.right{margin-left: 5%; position: relative; z-index: 2;}
.hisListLeft.right li .lTime{border-bottom: 0;}
.hisListLeft.right .lTime:after{display: none;}

.hisListImg{float: right; width: 32.6666%; position: relative; z-index: 2; margin-top: 38px;}
.hisListImg .TImg{float: left; width: 100%; line-height: 0; text-align: right; margin-top: 20px;}
@media screen and (max-width:1600px){
    .historyTit:after{width: 35%;}
    .historyTit:before{ width: 53.75%;}
    .historyBg:after{ width: 65%;}


}
@media screen and (max-width:1229px){
    .historyTit:after,
    .historyTit:before{height: 80px;}
    .historyTit .tit{font-size: 26px; line-height: 80px;}
    .hisListLeft li .lTime{font-size: 19px;}
    .hisListLeft li .rText{font-size: 13px;}
}
@media screen and (max-width:991px){
    .hisListLeft li .lTime{font-size: 16px;}
    .hisListLeft li .rText{font-size: 12px;}
}
@media screen and (max-width:767px){
    .historyTit:after,
    .historyTit:before{height:60px;}
    .historyTit:before{width: 80%;}
    .historyTit:after{width: 55%}
    .historyTit .tit{font-size: 20px; line-height: 60px;}
    .historyBg:after{display: none}
    .hisListLeft{width: 100%; padding: 15px 0 0 0;}
    .hisListLeft li{margin-top: 15px;}
    .hisListLeft li .rText{min-height: auto;}
    .hisListLeft.right{margin-left: 0; padding-top: 0;}
    .hisListLeft.right li .lTime{border-bottom: 1px solid #545252;}
    .hisListLeft.right .lTime:after{display: block;}
    .hisListImg{width: 100%; margin: 10px 0 20px 0;}
    .hisListImg .TImg{margin-top: 10px; text-align: center;}
}

.enterBox{float: left; width: 100%; margin: 120px 0 40px 0;}
.enterBox .tit{float: left; width: 100%; color:#000000; font-size: 28px; line-height: 45px; font-weight: bold;}
.enterList{float: left; width: 100%; margin-top: 37px;}
.enterList ul{margin: 0 -30px;}
.enterList li{float: left; width: 33.3333%; padding: 0 30px;}
.enterList li .tImg{float: left; width: 100%; line-height: 0; position:relative;}
.enterList li .tit{float: left; width: 100%; color:#545252; font-size: 18px; font-weight: bold; line-height: 30px; margin-top: 20px;}
.enterList li .text{float: left; width: 100%; color:#545252; font-size: 16px; line-height: 30px; height: 90px; margin-top: 15px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
}
.enterList li .more{float: right; margin-top: 20px;}
.enterList li .more a{float: left; color:#c8161f; font-size: 16px; line-height: 30px;}
.enterList li .more a:hover{text-decoration: underline;}


.enterList li .tImg .slick-dots{height: 8px; text-align: right; line-height: 0; margin:0; bottom: -40px; right:0; width:auto;}
.enterList li .tImg .slick-dots li{width: 8px; height: 8px; overflow:hidden; padding:0; border-radius:50%; margin:0 4px;}
.enterList li .tImg .slick-dots li button{width: 10px; height: 10px; padding: 0; background: #ccc; }
.enterList li .tImg .slick-dots li.slick-active button{background: #c8161f}

@media screen and (max-width:1229px){
    .enterBox{margin: 110px 0 30px 0}
    .enterBox .tit{font-size: 26px; line-height: 40px;}
    .enterList{margin-top: 30px;}
    .enterList ul{margin: 0 -20px;}
    .enterList li{padding: 0 20px;}
    .enterList li .tit{font-size: 16px; margin-top: 15px;}
    .enterList li .text{font-size: 14px; line-height: 26px; height: 78px; margin-top: 10px;}
    .enterList li .more{margin-top: 15px;}
    .enterList li .more a{font-size: 14px; line-height: 24px;}

    .enterList li .tImg .slick-dots{bottom:-34px;}
}
@media screen and (max-width:767px){
    .enterBox{margin: 20px 0;}
    .enterBox .tit{font-size: 20px; line-height: 30px;}
    .enterList{margin-top: 5px;}
    .enterList li{width: 100%; margin-top: 15px;}
    .enterList li .more{margin-top: 10px;}

    .enterList li .tImg .slick-dots li{margin-top:0;}
}

.cultureBg{float: left; width: 100%; position: relative; background: #f2f2f2;}
.cultureBg:after{position: absolute; content: ''; width: 65%; background: #cde0f3; height: 105%; opacity: 0.5; top:47px; right: 0;}
.corCulture{float: left; width: 100%; background: url("_im_g/about6.jpg") no-repeat left center; margin-top: 38px;}
.corCulture .tit{float: left; width: 100%; color:#000000; font-size: 28px; line-height: 45px; font-weight: bold;}

.corCulture .leftWord{float: left; width: 28.3333%; margin-top: 50px; margin-left: 15px;}
.corCulture .leftWord dl{float: left; width: 100%; margin-top: 19px;}
.corCulture .leftWord dt{float: left; width: 100%; text-align: center; color:#545252; font-size: 24px; line-height: 32px;}
.corCulture .leftWord dd{float: left; width: 100%; color:#545252; font-size: 16px; margin-top: 17px; line-height: 28px; min-height: 84px;}

.corCulture .rVideo{float: right; width: 57%; margin-right: 5.5%; position: relative; z-index: 2; padding-bottom: 30px;}
.corCulture .rVideo video{float: left; width: 100%; line-height: 0; border:13px solid #545252;}
@media screen and (max-width:1229px){
    .corCulture .tit{font-size:26px; line-height: 40px;}
    .corCulture .leftWord{ margin-top: 20px;}
    .corCulture .leftWord dt{font-size: 20px; line-height: 30px;}
    .corCulture .leftWord dd{font-size: 14px; line-height: 24px; min-height: 72px;}
}
@media screen and (max-width:767px){
    .corCulture{margin-top: 20px;}
    .cultureBg:after{display: none;}
    .corCulture .tit{font-size: 20px; line-height: 30px;}
    .corCulture .leftWord{width: 100%; margin-left: 0;margin-top: 0;}
    .corCulture .leftWord dl{margin-top: 15px;}
    .corCulture .leftWord dt{font-size: 18px;}
    .corCulture .leftWord dd{margin-top: 10px; min-height: auto;}
    .corCulture .rVideo{width: 100%; margin-right: 0; margin-top: 20px; padding-bottom: 25px;}
    .corCulture .rVideo video{border:5px solid #545252;}
}

.intellBox{float: left; width: 100%; margin: 135px 0 20px 0; position: relative;}
.intellBox .tit{float: left; width: 100%; color:#000000; font-size: 28px; line-height: 45px; padding-bottom: 11px; border-bottom: 1px solid #ccc; font-weight: bold;}
.intellBox .tabBox{float: left; width: 100%;}
.intellBox .tabTit{position: absolute; right: 0; top:16px;}
.intellBox .tabTit li{float: left; margin: 0 15px; color:#545252; font-size: 16px; font-weight: bold; line-height: 30px; cursor: pointer}
.intellBox .tabTit li.on,
.intellBox .tabTit li:hover{color:#c8161f}
.intellBox .tabList{float: left; width: 100%; margin-top: 28px;}
.intellBox .tabList ul{margin: 0 -58px;}
.intellBox .tabList li{float: left; width: 25%; padding: 0 58px;}
.intellBox .tabList li .tImg{float: left; width: 100%; line-height: 0; border:1px solid #969696; cursor:pointer;}
.intellBox .tabList li .tImg img{width:100%;}
.intellBox .tabList li .dText{float: left; text-align:center; width: 100%; color:#545252; font-size: 18px;line-height: 30px; margin-top: 15px; margin-bottom:25px; font-weight: bold;white-space: nowrap;}
@media screen and (max-width:1229px){
    .intellBox{margin: 110px 0 20px 0}
    .intellBox .tit{font-size: 26px;}
    .intellBox .tabList ul{margin: 0 -45px;}
    .intellBox .tabList li{padding: 0 45px;}
    .intellBox .tabList li .dText{font-size: 16px; }
}
@media screen and (max-width:991px){
    .intellBox{margin: 100px 0 20px 0}
    .intellBox .tabTit li{font-size: 14px;}
    .intellBox .tabList ul{margin: 0 -25px;}
    .intellBox .tabList li{padding: 0 25px;}
    .intellBox .tabList li .dText{font-size: 14px; margin-top: 10px; margin-bottom:15px;}
}
@media screen and (max-width:767px){
    .intellBox{margin:20px 0 10px 0}
    .intellBox .tit{font-size: 20px; line-height: 30px; padding-bottom: 5px;}
    .intellBox .tabTit{top:10px;}
    .intellBox .tabTit li{font-size: 12px; margin: 0 6px; line-height: 25px;}
    .intellBox .tabList{margin-top: 10px;}
    .intellBox .tabList ul{margin: 0 -5px;}
    .intellBox .tabList li{width: 50%; padding: 0 5px; margin-top: 10px;}
    .intellBox .tabList li .dText{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height: 25px; margin-top: 5px; margin-bottom:0; font-size: 12px;}
}

/*9加入我们*/
.joinBox{float: left; width: 100%; margin: 40px 0 30px 0;}
.joinBox .tit{float: left; width: 100%; color:#000000; font-size: 28px; line-height: 45px; font-weight: bold;}
.joinBox .text{float: left; width: 100%; color:#545252; font-size: 18px; line-height: 30px; margin-top: 27px;}
@media screen and (max-width:1229px){
    .joinBox{margin: 35px 0 30px 0;}
    .joinBox .tit{font-size: 26px; line-height: 40px;}
    .joinBox .text{font-size: 16px; line-height: 28px; margin-top: 20px;}
}
@media screen and (max-width:767px){
    .joinBox{margin: 20px 0 15px 0;}
    .joinBox .tit{font-size:20px; line-height: 30px;}
    .joinBox .text{font-size: 14px; line-height: 24px; margin-top: 15px;}
}

.recruitBox{float: left; width: 100%; margin: 27px 0 59px 0;}
.recruitBox ul{margin: 0 -20px;}
.recruitBox li{float: left; width: 50%; padding: 0 20px;}
.recruitBox li .tit{float: left; width: 100%; color:#000000; font-size: 28px; line-height: 45px; font-weight: bold;}
.recruitBox li a{float: left; width: 100%; line-height: 0; margin-top: 27px; overflow: hidden;}
.recruitBox li a img{
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.recruitBox li a:hover img{
    transform:scale(1.1, 1.1);
    -moz-transform:scale(1.1, 1.1);
    -webkit-transform:scale(1.1, 1.1);
}
@media screen and (max-width:1229px){
    .recruitBox{ margin: 25px 0 50px 0;}
    .recruitBox li .tit{font-size: 26px; line-height: 40px;}
    .recruitBox li a{margin-top: 25px;}
}
@media screen and (max-width:767px){
    .recruitBox{ margin:0 0 20px 0;}
    .recruitBox li{width: 100%; margin-top: 15px;}
    .recruitBox li .tit{font-size: 20px; line-height: 30px;}
    .recruitBox li a{margin-top: 10px;}
}

.joinTrain{float: left; width: 100%; margin: 10px 0 12px 0;}
.joinTrain ul{margin: 0 -15px;}
.joinTrain li{float: left; width: 50%; padding: 0 15px; margin-top: 35px;}
.joinTrain li .lImg{float: left; width: 31%; line-height: 0; border:1px solid #f2f2f2}
.joinTrain li .lImg img{width: 100%;}
.joinTrain li .rText{float: right; width: 63%;}
.joinTrain li .rText .tit{float: left; width: 100%; color:#545252; font-size: 21px; font-weight: bold; line-height: 35px;}
.joinTrain li .rText .info{float: left; width: 100%; margin-top: 15px; color:#545252; font-size: 16px; line-height: 26px; min-height: 96px;font-family: 'Noto Sans SC',Arial;}
.joinTrain li .rText .info span{font-family: 'Noto Sans SC',Arial;}

.joinComment{float: left; width: 100%; background: #f2f2f2;padding: 20px 20px 50px 20px; color:#545252; font-size: 15px;line-height: 30px; margin-bottom: 30px;}
.joinComment .bd{float:left; width: 100%;}
.joinComment .p1{float: left; width: 100%; margin-top: 30px; height: auto!important; font-family: 'Noto Sans SC',Arial;}
.joinComment .p1:first-child{margin-top: 0;}
.joinComment b{color:#0087af;font-family: 'Noto Sans SC',Arial;}
.joinComment .p1 span{font-family: 'Noto Sans SC',Arial;}
@media screen and (max-width:1229px){
    .joinTrain li{margin-top: 25px;}
    .joinTrain li .rText .tit{font-size: 18px; line-height: 30px;}
    .joinTrain li .rText .info{font-size: 15px; line-height: 26px; min-height: 104px;}
    .joinComment{font-size: 14px;line-height: 26px;}
    .joinComment .p1{margin-top: 25px;}
}
@media screen and (max-width:991px){
    .joinTrain li{width: 100%;}
}
@media screen and (max-width:767px){
    .joinTrain li{margin-top: 15px;}
    .joinTrain li .rText .tit{font-size: 16px; line-height: 26px;}
    .joinTrain li .rText .info{font-size: 14px; line-height: 24px; min-height: auto; margin-top: 5px;}
    .joinComment{padding: 15px 15px 25px 15px; font-size: 13px; line-height: 24px; margin-bottom: 15px;}
    .joinComment .p1{margin-top: 20px;}
}

/*10加入我们-校园招聘*/
.joinTit{float: left; width: 100%; margin-top: 30px; color:#000000; font-size: 28px; line-height: 45px; font-weight: bold;}
.joinSearch{float: left; width: 100%; background: #f2f2f2; padding: 18px 30px; margin-top: 25px;}
.joinSearch .tit{float: left; color:#545252; width: 9%; font-size: 22px; font-weight: bold; line-height: 36px;}
.joinSearch .inputBox{float: left; width: 25%; margin-left: 2%;}
.joinSearch .inputBox select{float: left; width: 100%; height: 36px; line-height: 34px; border:1px solid #a0a0a0; background: #fff; font-size: 16px; color:#a6a5a5; padding: 0 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.joinSearch .inputBox select option{border-radius: 0; padding: 0 10px; background: #fff!important; color:#545252; font-size: 16px; line-height: 28px;}
.joinSearch .inputBox select option:hover{background: #f2f2f2;}
.joinSearch .inputBox input{float: left; width: 100%; height: 36px; line-height: 34px; border:1px solid #a0a0a0; background: #fff; color:#545252; font-size: 16px; text-indent: 15px;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.joinSearch button{float: right; width:8%; background: #c8161f; height: 36px;border:0; line-height: 36px; color:#fff; margin-left: 2%;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
@media screen and (max-width:1229px){
    .joinTit{font-size: 26px;}
    .joinSearch{padding: 15px 25px;}
    .joinSearch .tit{font-size: 20px;}
    .joinSearch .inputBox select{font-size: 14px;}
    .joinSearch .inputBox select option{font-size: 14px;}
    .joinSearch .inputBox input{font-size: 14px;}
    .joinSearch button{font-size: 14px;}
}
@media screen and (max-width:991px){
    .joinSearch{padding: 15px 20px;}
    .joinSearch .tit{font-size: 18px; width: 11%;}
    .joinSearch button{width: 6%;}
}
@media screen and (max-width:767px){
    .joinTit{font-size: 20px; line-height: 30px; margin-top: 20px;}
    .joinSearch{padding:15px; margin-top: 15px;}
    .joinSearch .tit{width: 100%; font-size: 16px; line-height: 26px;}
    .joinSearch .inputBox{width: 100%; margin-left: 0; margin-top: 10px;}
    .joinSearch button{width: 100%; margin-left: 0; margin-top: 10px;}

}


.join_top{ float: left; width: 100%; background: #f2f2f2; border-top:1px solid #ccc; height:49px; line-height:49px; padding:0 75px 0 60px; margin-top:40px;}
.join_top ul{ float: left; width: 100%;}
.join_top ul li{ float: left; width: 23.45%; text-align: left; color:#545252; font-size:16px; font-weight: bold; line-height: 49px;}
.join_top ul li:last-child{text-align: left; width:6.2%;}

.joinlist{ float:left; width: 100%;}
.joinlist ul{ float: left; width: 100%;}
.joinlist ul li{ float: left; width: 100%; position: relative;}
.joinlist ul li .join_list{ float: left; width: 100%; padding:0 75px 0 60px; background: #fff;border-bottom: 1px solid #ccc; cursor: pointer;}
.joinlist ul li .join_list dl{ float: left; width: 100%; margin: 0;}
.joinlist ul li .join_list dd{float: left; width:23.45%; text-align: left; color:#333333; font-size:18px; line-height: 78px;margin: 0;}
.joinlist ul li .join_list dd span{ float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.joinlist ul li .join_list dd:last-child{ text-align: left; width:6.2%;}
.joinlist ul li .join_list.active dd:first-child{color:#c8161f; font-weight: bold;}
.joinlist .deta{ display:none; width:100%; float:left;color:#666666; line-height:32px; font-size:14px;  position:relative; background:#f2f2f2;padding:15px 60px 25px 60px;}
.joinlist .text1{float: left; width: 100%; color:#545252; font-size: 16px; line-height: 28px;}
.joinlist .text1 .span{float: left;}
.joinlist .text1 .p1{float: left;}
.joinlist .btn{ float: left; width:98px; text-align: center; color:#fff; line-height:36px; border-radius:5px; background:#c8161f; font-size:16px; margin-top: 25px;}
.joinlist .btn:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}


@media  screen and (max-width:1229px){
    .join_top{ padding:0 40px; margin-top: 30px;}
    .join_top ul li{font-size: 14px; width: 22.5%;}
    .join_top ul li:last-child{width: 10%;}
    .joinlist ul li .join_list{ padding:0 40px}
    .joinlist ul li .join_list dd{width: 22.5%; font-size: 16px; line-height: 68px;}
    .joinlist ul li .join_list dd:last-child{width: 8%;}
    .joinlist .deta{padding: 15px 40px 25px 40px}
    .joinlist .text1{font-size: 14px;}
    .joinlist .btn{font-size: 14px; margin-top: 20px;}

}
@media  screen and (max-width:991px){
    .join_top{ height: 50px; line-height: 50px; margin-top:20px; padding: 0 20px;}
    .join_top ul li{ height: 50px; line-height: 50px;}
    .joinlist ul li .join_list{padding: 0 20px;}
    .joinlist ul li .join_list dd{ font-size:14px; line-height: 50px;}
    .joinlist .deta{ padding:15px 20px 25px 20px; line-height:28px;}
    .joinlist #lermore{ height:50px;}
}
@media  screen and (max-width:767px){
    .join_top{padding: 0 10px;}
    .join_top ul li:nth-child(3),
    .join_top ul li:nth-child(5){display: none;}
    .join_top ul li{  width: 27%; font-size:14px;line-height: 50px;}
    .join_top ul li:first-child{ width: 46%; }
    .joinlist ul li .join_list{padding: 0 10px;}
    .joinlist ul li .join_list dl{width: 100%; margin: 0;}
    .joinlist ul li .join_list dd{width: 27%;}
    .joinlist ul li .join_list dd:first-child{ width: 46%;}
    .joinlist ul li .join_list dd:nth-child(3),
    .joinlist ul li .join_list dd:nth-child(5){display: none;}
    .joinlist .deta{padding: 10px 10px 20px 10px}
    .joinlist .text1{font-size: 13px; line-height: 26px;}
    .joinlist .btn{ position:static; margin-top:10px; width:140px; height:36px; line-height:34px;}
}

.uploadPopup{position: fixed; display: none; width: 410px; height: 280px; background: #fff; left: 50%; top:50%; z-index: 99;
    transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);
    border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
    box-shadow: 0 10px 10px rgba(14,14,15,0.35);
    -moz-box-shadow: 0 10px 10px rgba(14,14,15,0.35);
    -webkit-box-shadow: 0 10px 10px rgba(14,14,15,0.35);

}
.z_bj{width:100%; height:100%; display: none; position:fixed; top:0; left:0; z-index:98;}


.uploadPopup .UploadResume{float: left; width: 100%; padding: 0 20px; margin-top: 45px;}
.uploadPopup .UploadResume label{float: left; width: 100%;}
.uploadPopup .UploadResume span{float: left; color:#545252; font-size: 18px; line-height: 36px;}
#file_name{float: left; width: 54%; height: 36px; border:1px solid #a0a0a0; margin-left: 4.5%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.uploadPopup .UploadResume  a.input { width: 20.3%; float: right;line-height:36px;background:#cbcbcb;text-align:center;display:inline-block;overflow:hidden;position:relative;top:0; color:#545252;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.uploadPopup .UploadResume a.input:hover {background:#c8161f;color: #ffffff;}
.uploadPopup .UploadResume #file {opacity:0;filter:alpha(opacity=0);font-size:0;position:absolute;top:0;right:0; width: 100%; height: 100%; cursor: pointer;}
.uploadPopup .UploadResume .ps{float: left; width: 100%; color:#818080; font-size: 15px; line-height: 28px; margin-top: 16px;}
.uploadPopup .UploadResume .upDut{float: left; width: 100%; display: block; text-align: center; margin-top: 20px;}
.uploadPopup .UploadResume .upDut a.fix{display: inline-block; width: 74px; height: 36px; line-height: 36px; background: #c8161f; color:#fff; font-size: 16px;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.uploadPopup .fillIn{float:left; width: 100%; margin-top: 33px; color:#545252; font-size: 18px; line-height: 62px; padding-right: 40px; border-top:1px solid #ccc; text-align: right;}
.uploadPopup .fillIn a{color:#c8161f}
.uploadPopup .fillIn a img{vertical-align: middle; margin-top: -2px;}
@media  screen and (max-width:767px){
    .uploadPopup{width: 80%; height: auto;}
    .uploadPopup .UploadResume{margin-top: 25px; padding: 0 15px;}
    .uploadPopup .UploadResume span{font-size: 14px;}
    #file_name{width: 45%;}
    .uploadPopup .UploadResume a.input{font-size: 14px;}
    .uploadPopup .UploadResume .ps{ font-size: 13px;}
    .uploadPopup .UploadResume .upDut{margin-top: 15px;}
    .uploadPopup .UploadResume .upDut a.fix{font-size: 14px; }
    .uploadPopup .fillIn{margin-top: 25px; font-size: 16px; line-height: 55px;}
}

/*8联系我们*/
.mapBox{float: left; width: 100%; margin: 35px 0 33px 0;}
.mapBox .pos{float: left; width: 100%;margin-top: 53px; position: relative}
.mapBox .tit{float: left; width: 100%; color:#000000; font-size: 28px; line-height: 45px;font-weight: bold;}
.mapBox .mapImg{float: left; width: 68%; line-height: 0; position: relative;}
.mapBox .mapInfo{position: absolute; right: 30px; width: 25%; height: 100%;}
.mapBox .mapInfo .appBox{position: absolute; top:50%; left: 0;
    transform:translate(0,-50%); -moz-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); opacity: 0}
.mapBox .mapInfo .appBox .city{float: left; width: 100%; color:#0d80a6; font-size: 21px; font-weight: bold; line-height: 35px;}
.mapBox .mapInfo .appBox .address{float: left; width: 100%; margin-top: 26px;}
.mapBox .mapInfo .appBox .address dl{float: left; width: 100%; padding-left: 48px; position: relative;font-size: 16px;}
.mapBox .mapInfo .appBox .address dt{float: left; color:#545252; position: absolute; left: 0; top:0;line-height: 30px;}
.mapBox .mapInfo .appBox .address dd{float: left; width: 100%; line-height: 30px;}
.mapBox .mapInfo .appBox.active{opacity: 1;}
.mapBox .cityList{position: absolute; width: 100%; height: 100%; left: 0; top:0;}
.mapBox .cityList li{position: absolute; cursor: pointer;}
.mapBox .cityList li span{display: block;}
.mapBox .cityList li .iImg{display: block; text-align: center; line-height: 0; margin-top: 5px; position: relative;}
.mapBox .cityList li:hover span,
.mapBox .cityList li.on span{font-weight: bold;}
/*.mapBox .cityList li:first-child{right:13.5%; top:31%;}
.mapBox .cityList li:nth-child(2){right: 24.54%; top:33.58%;}
.mapBox .cityList li:nth-child(3){right:22.7%; top:46.2%;}
.mapBox .cityList li:nth-child(3) i{margin-top: 0}
.mapBox .cityList li:nth-child(3) span{margin-top: 5px;}
.mapBox .cityList li:nth-child(4){right:36.8%; top:50%;}
.mapBox .cityList li:nth-child(5){right:47.85%; top:59.7%;}
.mapBox .cityList li:nth-child(6){right:14.2%; top:61%;}
.mapBox .cityList li:nth-child(6) i{display: inline-block;}
.mapBox .cityList li:nth-child(6) span{display: inline-block;}
.mapBox .cityList li:nth-child(7){right:31.28%; bottom: 10.44%;}
.mapBox .cityList li:nth-child(8){right: 28%; top:61%;}*/

@media  screen and (max-width:1229px){
    .mapBox .tit{font-size: 26px; line-height: 40px;}

}
@media  screen and (max-width:991px){
    .mapBox .pos{margin-top: 30px;}
    .mapBox .mapInfo .appBox .city{font-size: 18px;}
    .mapBox .mapInfo .appBox .address{margin-top: 18px;}
    .mapBox .mapInfo .appBox .address dl{font-size: 14px;}
    .mapBox .mapInfo .appBox .address dt{line-height: 26px;}
    .mapBox .mapInfo .appBox .address dd{line-height: 26px;}
    .mapBox .cityList li:nth-child(6){right:13.2%; top:60%;}
}
@media  screen and (max-width:767px){
    .mapBox{margin: 20px 0;}
    .mapBox .tit{font-size: 20px; line-height: 30px;}
    .mapBox .pos{margin-top:15px;}
    .mapBox .mapImg{width: 100%;}
    .mapBox .mapInfo{width: 100%; position: static;}
    .mapBox .mapInfo .appBox{position: absolute;top:0;transform: translate(0,0);-moz-transform: translate(0,0);-webkit-transform: translate(0,0); z-index: -1;}
    .mapBox .mapInfo .appBox.active{position: relative; z-index: 1;}
    .mapBox .mapInfo .appBox .city{font-size: 16px; line-height: 26px;}
    .mapBox .mapInfo .appBox .address{margin-top: 12px;}
    .mapBox .mapInfo .appBox .address dl{font-size: 13px;}
    .mapBox .mapInfo .appBox .address dt{line-height: 24px;}
    .mapBox .mapInfo .appBox .address dd{line-height: 24px;}
    .mapBox .cityList li span{font-size: 12px;}
    .mapBox .cityList li i img{width: 8px; height: 8px;}
    /*.mapBox .cityList li:first-child{right:12%; top:26.5%;}
    .mapBox .cityList li:nth-child(2) {right: 23.54%;top: 31%;}
    .mapBox .cityList li:nth-child(3) {right: 21.7%;top: 46.2%;}
    .mapBox .cityList li:nth-child(4) {right: 36.8%;top: 47.5%;}
    .mapBox .cityList li:nth-child(6) {right: 12.2%;top: 60%;}
    .mapBox .cityList li:nth-child(8){right: 28%; top:56%;}*/
}

.headquarters{float: left; width: 100%; margin: 36px 0; padding: 0 25px;}
.headquarters .tit{float: left; width: 100%; color:#545252; font-size: 24px; line-height: 35px;}
.headquarters .dlBox{float: left; width: 31%; color:#545252; font-size: 16px; line-height: 28px;font-family: 'Noto Sans SC',Arial; margin-top: 28px;}
.headquarters .dlRight{float: right; width: 38%; padding-left: 115px; position: relative; margin-top: 28px;}
.headquarters .dlRight .lERM{position: absolute; left: 0; top:3px; width: 100px; height: 100px; line-height: 0; border:3px solid #fff;}
.headquarters .dlRight .text2{float: left; width: 100%; color:#545252; font-size: 16px; line-height: 28px; font-family: 'Noto Sans SC',Arial;}
@media  screen and (max-width:1229px){
    .headquarters .tit{font-size: 22px; line-height: 30px;}
    .headquarters .dlBox{width: 50%;}
    .headquarters .dlRight{width: 100%;}
}
@media  screen and (max-width:767px){
    .headquarters{margin: 20px 0; padding: 0;}
    .headquarters .tit{font-size: 18px; line-height: 28px;}
    .headquarters .dlBox{width: 100%; font-size: 14px; line-height: 26px; margin-top: 15px;}
    .headquarters .dlRight{margin-top:15px;}
    .headquarters .dlRight .text2{font-size: 14px; line-height: 26px;}
}

.LeavMes{float: left; width: 100%; margin: 30px 0 40px 0;}
.LeavMes .tit{float: left; width: 100%; color:#000000; font-size: 28px; line-height: 45px; font-weight: bold;}
.LeavMes .ps{float: left; width: 100%; color:#545252; font-size: 18px; line-height: 30px;margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.formBox{float: left; width: 100%; margin-top: 40px;}
.formBox .topInfo{float: left; width: 100%; position: relative; padding-left: 110px;}
.formBox .topInfo h5.h5{float: left; width:110px; position: absolute; left: 0; top:0; line-height: 36px; color:#545252; font-size: 18px;}
.formBox .topInfo h5.h5 sup{color:#ab0101}

.formBox .topInfo .lab{ float:left; width:25%; position:relative;}
.formBox .topInfo .lab .img{ float:left; position:absolute; right:17px; top:50%; margin-top: -5px; width:16px; height:10px; z-index: 1;}
.formBox .topInfo .fv0{ float:left; width:100%; height:36px; color:#545252; font-size:16px; line-height:34px; background:none; text-indent: 12px; position:relative; cursor:pointer; border:1px solid #a0a0a0; z-index: 2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.formBox .topInfo .ul0{ display:none; float:left; width:100%; position:absolute; left:0; top:36px; z-index:16; background:#fff;
box-shadow: 0 5px 5px rgba(14,15,15,0.35);
}
.formBox .topInfo .ul0 li{ float:left; width:100%; color:#545252; font-size:16px; line-height:28px; cursor:pointer; padding: 0 20px;}
.formBox .topInfo .ul0 li:hover{background: #f2f2f2; color:#545252;}
.formBox .formList{float: left; width: 100%; position: relative;}
.formBox .formList .ListBox{float: left; position: absolute; left: 0; top:0;opacity: 0; z-index: 1;}
.formBox .formList .ListBox.active{position: relative;opacity: 1; z-index: 5;}
.formBox .formList label{float: left; width: 100%; margin-top: 13px; padding-left: 110px; position: relative}
.formBox .formList label span{position: absolute; left: 0; top:0; line-height: 36px; color:#545252; font-size: 18px;}
.formBox .formList label span sup{color:#ab0101}
.formBox .formList label input{float: left; width:25%; height: 36px; line-height: 34px; text-indent: 15px; border:1px solid #a0a0a0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.formBox .formList label em{float: left; margin-left: 15px; line-height: 36px;}
.formBox .formList label input.sex{float: left; margin-left: 25px; width: 16px;  height: 16px; margin-top: 10px;}
.formBox .formList label i{float: left; margin-left: 14px; color:#545252; font-size: 18px;}
.formBox .formList label textarea{float: left; width: 65%;border:1px solid #a0a0a0; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding: 10px; line-height: 26px; font-size: 16px; color:#545252; height: 202px;}

.formBox .formList label.codeBox{margin-top: 22px;}
.formBox .formList label input.Code{float: left; width: 70px;}
.formBox .formList label .lImg{float: left; line-height: 0; margin-left: 11px;}
.formBox .formList label.codeBox em{float: left; margin-left: 5px; color:#545252; font-size: 16px; line-height: 36px; cursor: pointer;}
.formBox .formList label button{float: left; width: 74px; height: 36px; font-size: 16px; line-height: 36px; background: #c8161f; color:#fff; border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
.formBox .formList label.addBox input{margin-top: 13px;}
.cities{float: left; width: 100%;}
.cities .form-control { width: 11.66%;float: left; margin-right: 1.66%; border:1px solid #a0a0a0;
}
.form-control{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.formList .lab.proBox{ float:left; width:25%; position:relative;}
.formList .lab.proBox .img{ float:left; position:absolute; right:17px; top:50%; margin-top: -5px; width:16px; height:10px;}
.formList label input.fv0{ float:left; width:100%; height:36px; color:#545252; font-size:16px; line-height:34px; background:#fff; text-indent: 12px; position:relative; cursor:pointer; border:1px solid #a0a0a0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.formList .ul0{ display:none; float:left; width:100%; position:absolute; left:0; top:36px; z-index:16; background:#fff;
    box-shadow: 0 5px 5px rgba(14,15,15,0.35);
}
.formList .ul0 li{ float:left; width:100%; color:#545252; font-size:16px; line-height:28px; cursor:pointer; padding: 0 20px;}
.formList .ul0 li:hover{background: #f2f2f2; color:#545252;}

.formList .ListBox #file {opacity:0;filter:alpha(opacity=0);font-size:0;position:absolute;top:0;right:0; width: 100%; height: 100%; cursor: pointer;}
.formList #file_name{margin-left: 0; width: 25%;}
.formList a.input{float: left;position: relative; width: 74px; height: 36px; line-height: 36px; text-align: center; color:#545252; font-size: 16px; margin-left: 14px; background: #cbcbcb;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.formList .ListBox #file1 {opacity:0;filter:alpha(opacity=0);font-size:0;position:absolute;top:0;right:0; width: 100%; height: 100%; cursor: pointer;}
.formList #file_name1{margin-left: 0; width: 25%;}

.formList .ListBox label.data .daBox{float: left; width:7.8%;margin-right: 0.5%;position: relative;}
.formList .ListBox label.data select{float: left; width:100%; height: 36px; line-height: 34px; background: #fff; border:1px solid #a0a0a0;font-size: 16px;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.formList .ListBox label.data .daBox.year{width: 8.5%;}
.formList .ListBox label.data .daBox em{position:absolute; right: 15px; top:0;}

@media  screen and (max-width:1229px){
    .LeavMes .tit{font-size: 26px; line-height: 40px;}
    .LeavMes .ps{font-size: 16px; line-height: 26px;}
    .formBox .topInfo h5.h5{font-size: 16px;}
    .formBox .topInfo .lab{width: 30%;}
    .formBox .topInfo .fv0{font-size: 14px;}
    .formBox .topInfo .ul0 li{font-size: 14px;}
    .formBox .formList label span{font-size: 16px;}
    .formBox .formList label input{width: 30%;}
    .formList .lab.proBox{width: 30%;}
    .formList label input.fv0{width: 100%; font-size: 14px;}
    .formList .ul0 li{font-size: 14px;}
    .formBox .formList label i{font-size: 16px;}
    .cities .form-control{width: 14.17%;}
    .formList .ListBox label.data .daBox{width: 9%;}
    .formList .ListBox label.data .daBox.year{width: 11%;}
    .formList .ListBox label.data select{font-size: 14px;}
    .formList .ListBox label.data .daBox em{font-size: 14px;}
    .formList a.input{font-size: 14px;}
    .formList #file_name{width: 30%;}
    .formList #file_name1{width: 30%;}
    .formBox .formList label.codeBox em{font-size:14px;}
}
@media  screen and (max-width:991px){
    .formBox .topInfo .lab{width: 40%;}
    .formBox .formList label input{width: 40%;}
    .cities .form-control{width: 19.17%;}
    .formList .lab.proBox{width: 40%;}
    .formList label input.fv0{width: 100%;}
    .formList #file_name{width: 40%;}
    .formList #file_name1{width: 40%;}
    .formList .ListBox label.data .daBox{width: 12%;}
    .formList .ListBox label.data .daBox.year{width: 15%;}
    .formBox .formList label button{font-size: 14px;}
}
@media  screen and (max-width:767px){
    .LeavMes{margin: 20px 0 10px 0;}
    .LeavMes .tit{font-size: 20px; line-height: 30px;}
    .LeavMes .ps{font-size: 14px; line-height: 24px;margin-top: 12px;padding-bottom:12px;}
    .formBox{margin-top: 15px;}
    .formBox .topInfo{padding-left: 80px;}
    .formBox .topInfo h5.h5{font-size: 14px;}
    .formBox .topInfo .lab{width: 100%;}
    .formBox .topInfo .fv0{font-size: 13px;}
    .formBox .topInfo .ul0 li{font-size: 13px;}
    .formBox .formList label{padding-left: 80px; margin-top: 10px;}
    .formBox .formList label span{font-size: 14px;}
    .formBox .formList label input{width: 100%;}
    .formBox .formList label em{margin-left: 0;}
    .formBox .formList label input.sex:first-child{margin-left: 0;}
    .formBox .formList label i{font-size: 14px;}
    .cities .form-control{width: 49.17%;}
    .cities .form-control:last-child{margin-right: 0;}
    .formBox .formList label textarea{width: 100%;}
    .formBox .formList label .lImg{margin-left: 5px;}
    .formBox .formList label.codeBox{margin-top: 15px;}
    .formBox .formList label.codeBox em{font-size: 12px;}
    .formList .lab.proBox{width: 100%;}
    .formBox .formList label input{width: 100%; font-size: 12px;}
    .formList .ul0 li{font-size: 12px;}
    .formList #file_name{width: 60%;}
    .formList #file_name1{width: 60%;}
    .formList a.input{float: right; margin-left: 0; width: 35%;}
    .formList .ListBox label.data .daBox{width: 31%;}
    .formList .ListBox label.data .daBox.year{width: 36.5%;}
    formList .ListBox label.data .daBox:last-child{margin-right: 0;}
    .formList .ListBox label.data select{font-size: 12px;}
    .formList .ListBox label.data .daBox em{font-size: 12px;}
    .formList a.input{font-size: 12px;}
}

.Position{float: left; width: 100%; border-bottom: 1px solid #ccc; padding: 30px 0 10px 0;}
.posTit{float: left; width: 100%; color:#000000; font-size: 21px; font-weight: bold; line-height: 35px;}
.Position .info{float: left; width: 100%; color:#545252; font-size: 18px;line-height: 28px; margin-top: 18px; font-family: 'Noto Sans SC',Arial;}
.personalInfo{float: left; width: 100%; margin-top: 34px;}
.posForm{float: left; width: 85%; margin-top: 2px;}
.posForm .topLab{float: left; width:  41.2%; position: relative;}
.posForm .labBox.top{width: 100%;}
.posForm .labBox{float: left; width: 41.2%; padding-left: 110px; margin-top: 12px; position: relative;}
.posForm .labBox span{position: absolute; left: 0; color:#545252; font-size: 16px; line-height: 36px;}
.posForm .labBox span sup{color:#ab0101}
.posForm .labBox input.name{float: left; width: 42.3333%; border:1px solid #a0a0a0; height: 36px; line-height: 34px; font-size: 16px;text-indent: 10px;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.posForm .labBox em.sexBox{float: right;font-size: 16px; line-height: 36px;}
.posForm .labBox em.sexBox i{margin-left: 15px;}
.posForm .labBox em.sexBox input.sex:first-child{margin-left: 0;}
.posForm .labBox em.sexBox input.sex{margin-left: 20px;}
.posForm .labBox input.inpBox{width: 100%; text-indent: 10px;
    border:1px solid #a0a0a0; height: 36px; line-height: 34px; font-size: 16px;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.posForm .labBox select.selList{width: 100%; text-indent: 10px;
    border:1px solid #a0a0a0; height: 36px; line-height: 34px; font-size: 16px;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.posForm .labBox.campus{width: 100%;}
.posForm .labBox.campus textarea{float: left; width: 100%; border: 1px solid #a0a0a0;padding:5px 10px;font-size: 16px;line-height: 26px;height: 78px;background: none;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.posForm .picUpload{float: right; width: 104px; height: 138px; border:2px solid #bdbdbd; margin-top: -40px; text-align: center; color:#818080; font-size: 12px; position: relative}
.posForm .picUpload .text{position: absolute; width: 100%; text-align: center; left: 50%; top:50%;
    transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);
}
.posForm .picUpload img{position:absolute; width: 100%; left: 50%; top:50%; z-index: 3; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.posForm .picUpload span{font-size: 15px;}
.posForm .picUpload span sup{color:#ab0101}
.posForm .picUpload .avatar-input{float: left; width: 100%; height: 100%; position: relative; z-index: 2; opacity: 0;}
.posForm .downLab{float: left; width: 100%;}
.posForm .downLab .labBox:nth-child(2n){float: right;}
.posForm .downLab select.selList{float: left; width: 100%; color:#545252; font-size: 16px; border:1px solid #a0a0a0; height: 36px; line-height: 34px; padding: 0 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.posForm .labBox select.selData{float: left; width:46.6666%; background: #fff;border:1px solid #a0a0a0; height: 36px; line-height: 34px; padding: 0 10px; font-size: 16px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; }
.posForm .labBox select.selData:last-child{float: right;}

.StudyBox{float: left; width: 100%; margin-top: 45px;position: relative;}
.StudyBox .addText{position: absolute; color:#c8161f; font-size: 16px; font-weight: bold; line-height: 45px; top:0; right: 0; cursor: pointer;}
.studyList{float: left; width: 100%; padding: 10px 0; border-bottom: 1px solid #ccc;}
.studyList .ulBox{float: left; width: 100%; padding: 7px 55px 17px 0;}
.studyList .ulBox .time{float: left; width: 100%; color:#545252; font-size: 16px; line-height: 30px;}
.studyList .datBOX{float: left; width: 100%;}
.studyList .datBOX select.selData{float: left; width: 12%; margin-right: 0.8%; margin-top: 7px;background: none;border:1px solid #a0a0a0; height: 36px; line-height: 34px; padding: 0 10px; font-size: 16px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
}
.studyList .datBOX span{float: left; margin-right: 0.8%; line-height: 36px; color:#545252; font-size: 18px; margin-top: 7px;}
.studyList .labDL{float: left; width: 100%; margin-top: 20px;}
.studyList .labDL dl{float: left; width: 28.6666%; margin-right: 7%; padding-left: 84px; position: relative;}
.studyList .labDL dl:last-child{margin-right: 0;}
.studyList .labDL dl dt{position: absolute; left: 0; top:0; color:#545252; font-size: 16px; line-height: 36px;}
.studyList .labDL dl dd{float: left; width: 100%;}
.studyList .labDL dl dd input{float: left; width: 100%; border:1px solid #a0a0a0; text-indent:10px; font-size:16px;color:#545252; height: 36px; line-height: 34px; background: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.studyList.add{border-top:1px solid #ccc; border-bottom:1px solid #ccc; position: relative}
.studyList.add .ulBox{background: #f5f5f5}
.studyList.add .delete{position: absolute; right:15px; top:17px; color:#014df8; font-size: 15px; line-height: 30px; cursor: pointer;}
.studyList .datBOX .soFar{float: left; width: 18px; height: 18px; border: 1px solid #a4a4a4; margin: 16px 0 0 38px;}
.studyList .datBOX i{float: left; color:#545252; font-size: 16px; line-height: 36px; margin-top: 7px; margin-left: 12px;}
.studyList .desBox{float: left; width: 100%; padding-left: 84px; margin-top: 20px; position: relative}
.studyList .desBox span{position: absolute; left: 0; top:0;color:#545252; font-size: 16px; line-height: 36px;}
.studyList .desBox textarea{float: left; width: 100%;border:1px solid #a0a0a0; padding:5px 10px;font-size: 16px; line-height: 26px; height: 78px; background: none; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

.fileUpload{float: left; width: 100%; margin-top: 15px;}
.fileList{float: left; width: 100%; margin-top: 7px;}
.fileList dl{float: left; width: 100%; margin-top: 12px; padding-left: 84px; position: relative}
.fileList dl dt{position: absolute; left: 0; top:0; color:#545252; font-size: 16px; line-height: 36px;}
.fileList dl dd{float: left; width: 100%;}
.fileList dl dd input.fileInput{float: left; width: 25%; border:1px solid #b9b9b9; height: 36px;  line-height: 34px;font-size: 16px;  margin-left:0;text-indent: 10px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.fileList dl dd a.input{float: left; width: 7%; margin-left: 2%; color:#545252; font-size: 16px; line-height: 36px; text-align:center; background: #cbcbcb; position:relative; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.fileList dl dd .fileOne{opacity:0;filter:alpha(opacity=0);font-size:0;position:absolute;top:0;right:0; width: 100%; height: 100%; cursor: pointer;}
.fileList dl dd .ps{float: left; width: 31.2%; margin-left: 2%; color:#818080; font-size: 15px; line-height: 18px;}
.fileList dl dd .ps.one{line-height: 36px;}

.butBox{float: left; width: 100%; padding-left: 84px; margin: 35px 0 30px 0;}
.butBox button{float: left; width: 7%; background: #c8161f; color:#fff; font-size: 16px; line-height: 36px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

.SchoolExper{float: left; width: 100%; margin: 35px 0 25px 0; padding-right: 55px;}
.SchoolExper .desBox{float: left;width: 100%;padding-left: 84px;margin-top: 20px;position: relative;}
.SchoolExper .desBox span{position: absolute;left: 0;top: 0;color: #545252;font-size: 16px;line-height: 36px;}
.SchoolExper .desBox textarea {float: left;width: 100%;border: 1px solid #a0a0a0;padding:5px 10px;font-size: 16px;line-height: 26px;height: 78px;background: none;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}


@media  screen and (max-width:1229px){
    .posTit{font-size: 18px;}
    .Position .info{font-size: 16px; line-height: 26px; margin-top: 12px;}
    .posForm .labBox span{font-size: 14px;}
    .posForm .labBox em.sexBox{font-size: 14px;}
    .posForm .topLab{width: 45%;}
    .posForm .labBox{width: 45%;}
    .posForm .labBox em.sexBox i{margin-left: 10px;}
    .posForm .labBox select.selData{font-size: 14px;}
    .posForm .labBox input.inpBox{font-size: 14px;}
    .posForm .labBox select.selList{font-size: 14px;}
    .studyList .ulBox .time{font-size: 14px;}
    .studyList .datBOX select.selData{font-size: 14px;}
    .StudyBox .addText{font-size: 14px;}
    .studyList .labDL dl dt{font-size: 14px;}
    .studyList .labDL dl dd input{font-size: 14px;}
    .studyList.add .delete{font-size: 14px;}
    .studyList .datBOX i{font-size: 14px;}
    .studyList .desBox span{font-size: 14px;}
    .fileList dl dt{font-size: 14px;}
    .fileList dl dd a.input{font-size: 14px;}
    .fileList dl dd .ps{width: 38%; font-size: 14px;}
    .butBox button{font-size: 14px;}
    .studyList .desBox textarea{font-size: 14px;}
    .SchoolExper .desBox span{font-size: 14px;}
    .SchoolExper .desBox textarea{font-size: 14px;}
    .posForm .labBox.campus textarea{font-size: 14px;}
}

@media  screen and (max-width:991px){
    .posForm{width: 93%;}
    .posForm .labBox{padding-left: 84px;}
    .posForm .labBox em.sexBox input.sex{margin-left: 10px;}
    .studyList .labDL dl{padding-left: 74px;}
    .studyList .desBox{padding-left: 74px;}
    .fileList dl{padding-left: 74px;}
    .fileList dl dd .ps{width: 45%;}
    .butBox{padding-left: 74px;}
    .butBox{margin: 25px 0 20px 0;}
}
@media  screen and (max-width:767px){
    .posTit{font-size: 16px;line-height: 28px;}
    .Position{padding: 15px 0 10px 0;}
    .Position .info{font-size: 14px; line-height: 24px; margin-top: 5px;}
    .personalInfo{margin-top: 15px;}
    .posForm{width: 100%;}
    .posForm .picUpload{margin-top: -25px;}
    .posForm .topLab{width: 100%;}
    .posForm .labBox{padding-left: 65px;}
    .posForm .labBox span{font-size: 12px;}
    .posForm .labBox input.name{font-size: 12px;}
    .posForm .labBox em.sexBox{font-size: 12px;}
    .posForm .labBox input.inpBox{font-size:12px;}
    .posForm .labBox select.selList{font-size: 12px;}
    .posForm .labBox{width: 100%;}
    .posForm .labBox select.selData{font-size: 12px;}
    .StudyBox{margin-top: 25px;}
    .StudyBox .addText{font-size: 12px; line-height: 28px;}
    .studyList .ulBox{width: 100%; padding: 7px 0 17px 0}
    .studyList .datBOX select.selData{width: 22%; padding: 0; font-size: 12px;}
    .studyList .datBOX i{font-size: 12px;}
    .studyList .datBOX span{font-size: 16px;}
    .studyList.add .delete{font-size: 12px;}
    .studyList .labDL{margin-top: 0;}
    .studyList .labDL dl{width: 100%; margin-right: 0; padding-left: 65px; margin-top: 12px;}
    .studyList .labDL dl dt{font-size: 12px;}
    .studyList .labDL dl dd input{font-size: 12px;}
    .studyList .desBox span{font-size: 12px;}
    .studyList .datBOX .soFar{margin-left: 0;}
    .studyList .desBox{padding-left: 65px; margin-top:12px;}
    .studyList .desBox textarea{font-size: 12px;}
    .fileList dl{padding-left: 65px;}
    .fileList dl dt{font-size: 12px;}
    .fileList dl dd input.fileInput{width: 70%;}
    .fileList dl dd a.input{width: 28%; font-size: 12px;}
    .fileList dl dd .ps{width: 100%; margin-left: 0; font-size: 12px; margin-top: 5px;}
    .butBox{padding-left: 65px; margin: 15px 0 10px 0}
    .butBox button{width: 28%; font-size: 12px;}
    .SchoolExper{padding-right: 0;margin: 25px 0 15px 0;}
    .SchoolExper .desBox{padding-left: 65px;}
    .SchoolExper .desBox span{font-size: 12px;}
    .SchoolExper .desBox textarea{font-size: 12px;}
    .posForm .labBox.campus textarea{font-size: 12px;}
}

/*新闻详情*/
.newsInfoBox{float: left; width: 100%; margin: 40px 0 25px 0;}
.newsInfoBox .tImg{float: left; width: 100%; line-height: 0;}
.newsInfoBox .tit{float: left; width: 100%; color:#222; font-size: 28px; line-height: 40px; font-weight: bold; margin:40px 0 28px 0;}
.newsInfoBox .p1{float: left; width: 100%; color:#545252; font-size: 18px; line-height: 30px;}
/*.newsInfoBox .p1 p{text-indent: 36px;}*/
.newsInfoBox .cImg{float: left; width: 100%; line-height: 0; margin: 25px 0;}
.newsInfoBox .dImg{float: left; width: 100%; line-height: 0; margin-top: 30px;}

@media  screen and (max-width:1229px){
    .newsInfoBox .tit{font-size: 24px; line-height: 32px;}
    .newsInfoBox .p1{font-size: 16px; line-height: 28px;}
}

@media  screen and (max-width:767px){
    .newsInfoBox{margin:20px 0 5px 0}
    .newsInfoBox .tit{font-size: 18px; line-height: 28px; margin: 20px 0 15px 0}
    .newsInfoBox .p1{font-size: 14px; line-height: 24px;}
    /*.newsInfoBox .p1 p{text-indent: 30px;}*/
    .newsInfoBox .cImg{margin: 15px 0;}
    .newsInfoBox .dImg{margin-top: 15px;}
}

.popupBox{position: fixed; width: 680px; background: #fff; left: 50%; top:50%;z-index: 1; max-height: 625px; overflow-y: auto; overflow-x: hidden; display: none;
    transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);
    border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
    box-shadow: 5px 5px 7px rgba(14,15,15,0.35);
    -moz-box-shadow: 5px 5px 7px rgba(14,15,15,0.35);
    -webkit-box-shadow: 5px 5px 7px rgba(14,15,15,0.35);
}

.popupBox .close{width: 30px; height: 30px; line-height: 0;position:absolute; right: 10px; top:10px; cursor: pointer;}
.popupBox .title{float: left; width: 100%; text-align: center; color:#222222; font-size: 28px; line-height: 78px; font-weight: bold; border-bottom: 1px solid #ccc;}
.popupBox .form{float: left; width: 100%; margin-top:14px; position:relative; padding: 0 40px 0 70px;}
.popupBox .form .optional{position: absolute; left: 5.2%; top:-113px;}
.popupBox .form .labBox{float: left; width: 100%; margin-top: 8px;}
.popupBox .form .labBox span{float: left; width: 90px; color:#545252; font-size: 16px; line-height: 32px;}
.popupBox .form .labBox span sup{color:#ab0101;}
.popupBox .form .labBox input{float: left; margin-left: 10px; width: 270px; height: 32px; border:1px solid #a0a0a0; line-height: 30px; font-size:16px; text-indent:10px; color:#545252; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.popupBox .form .l1{ float:left; width: 270px; position:relative; margin-left: 10px; z-index: 1;}
.popupBox .form .l1 .fv1{ float:left; width:100%; background:none; color:#545252; font-size: 16px; margin-left: 0; cursor: pointer; position: relative; z-index: 2;}
.popupBox .form i{ float:left; position:absolute; right:5px; top:5px; font-size:24px; z-index: 1;}
.popupBox .form .ul0{ display:none; float:left; width:100%; position:absolute; left:0; top:32px; z-index:16; background:#eeeeee;  padding:0.5rem 0; max-height: 166px; overflow-y: auto; margin-left: 0;}
.popupBox .form .ul0 li{ float:left; width:100%; color:#333; font-size:14px; line-height:30px; cursor:pointer; padding: 0 10px;}
.popupBox .form .ul0 li:hover{color:#0087af;}
.popupBox .labBox ul{float: left; margin-left: 10px;}
.popupBox .labBox li{float: left; color:#0087af; font-size: 16px; line-height: 32px; margin-right: 45px;}
.popupBox .labBox li:last-child{margin-right: 0;}
.popupBox .labBox .ps{float: left; width: 90px; color:#969696; font-size: 16px; line-height: 20px; margin-top: -8px;}
.popupBox .labBox .choiceBox{float: left; margin-left: 10px;}
.popupBox .labBox .choiceBox .dlBox{float: left; margin-right: 45px; }
.popupBox .labBox .choiceBox .dlBox .liText{display: none;}
.popupBox .labBox .choiceBox .dlBox:first-child{min-width: 119px;}
.popupBox .labBox .choiceBox .dlBox:last-child{margin-right: 0;}
.popupBox .labBox .choiceBox .dlBox label{display: block; line-height: 28px; position: relative; cursor: pointer}
.popupBox .labBox .choiceBox .dlBox label input{margin:6px 0 0 0;}
.popupBox .labBox .choiceBox .dlBox label em{margin-left: 7px; font-size: 14px;}
.popupBox .labBox .choiceBox .dlBox label input[type="checkbox"] {width: 17px;height: 17px;
    background-color: #fff;-webkit-appearance: none;border: 1px solid #999;
    outline: none; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
}
.popupBox .labBox .choiceBox .dlBox label input[type="checkbox"]:checked{background: #0087af; border-color:#0087af;}
.popupBox .download{float: left; width: 100%; text-align: center; display: block; margin: 20px 0 25px 0; font-size: 0; line-height: 0; position: relative;}
.popupBox .download button{display: inline-block; width: 74px; height: 36px; line-height: 36px; border:0; background: #c8161f; color:#fff; font-size: 16px; margin-right: 30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.popupBox .download button:hover{
    box-shadow: 3px 3px 5px rgba(0,0,0,0.15);
}
.popupBox .download .ps{position: absolute; right: -18px; top:0; color:#c8161f; font-size: 14px; line-height: 36px; display: none;}
.popupBox .request{position: absolute; width: 484px; border:4px solid #e3f1f9; background: #fff; padding: 6px 0 12px 0; text-align: center; font-size: 18px; color:#222; line-height: 32px; left: 50%; margin-left:-242px; top:190px; z-index: 2; display: none;
    border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
}

.SendEmail{float: left; width: 100%; padding:9px 16% 0 16%; margin-top: 20px; position: relative; display: none}
.SendEmail:after{position: absolute; content: ''; width: 120%; left: -40px; height: 1px; background: #ccc; top:0;}
.SendEmail label{float: left; width: 100%; margin-top: 17px; padding-left: 86px; position: relative}
.SendEmail label span{position: absolute; left: 0; top:0; line-height: 36px; color:#545252; font-size: 18px;}
.SendEmail label span sup{color:#ab0101}
.SendEmail label input{float: left; width:100%; height: 36px; line-height: 34px; text-indent: 15px; border:1px solid #a0a0a0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.SendEmail label input.Code{width: 70px;}
.SendEmail label .lImg{float: left; line-height: 0; margin-left: 11px;}
.SendEmail label.codeBox em{float: left; margin-left: 5px; color:#545252; font-size: 16px; line-height: 36px; cursor: pointer;}
.SendEmail label.but{padding-left: 0; display: block; text-align: center;}
.SendEmail label.but button{display: inline-block; width: 74px; height: 36px; line-height: 36px; border:0; background: #c8161f; color:#fff; font-size: 16px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.SendEmail label.but button:hover{
    box-shadow: 3px 3px 5px rgba(0,0,0,0.15);
}

@media  screen and (max-width:767px){
    .popupBox{width: 90%; height: 440px;}
    .popupBox .title{font-size: 20px; line-height: 60px;}
    .popupBox .close{width: 20px; height: 20px;}
    .popupBox .imgBox{height: 240px;}
    .popupBox .imgBox span{font-size: 20px;}
    .popupBox .form{padding: 0 20px;}
    .popupBox .form .labBox{position: relative; padding-left: 80px;}
    .popupBox .form .labBox span{font-size: 13px; width:75px; position:absolute; left: 0; top:0;}
    .popupBox .form .labBox input{width: 100%; font-size: 13px; margin-left: 0;}
    .popupBox .form .l1{width: 100%; margin-left: 0;}
    .popupBox .form .l1 .fv1{font-size: 13px;}
    .popupBox .labBox ul{display: none;}
    .popupBox .labBox .choiceBox .dlBox{margin-top: 10px;}
    .popupBox .labBox .choiceBox .dlBox:first-child{margin-top: 0;}
    .popupBox .labBox .choiceBox .dlBox .liText{display: block; color:#0087af; font-size: 14px;}
    .popupBox .labBox .choiceBox .dlBox label em{font-size: 12px;}
    .popupBox .labBox .choiceBox .dlBox label input{margin: 10px 0 0 0;}
    .popupBox .labBox .choiceBox .dlBox label input[type="checkbox"]{width: 12px; height: 12px;}
    .popupBox .labBox .ps{position: absolute; left: 0; top:32px; font-size: 14px; line-height: 24px; width: 75px; margin-top: -10px;}
    .popupBox .download{margin: 10px 0 15px 0;}
    .popupBox .download button{height: 30px; line-height: 30px; font-size: 14px; margin-right: 0;}
    .popupBox .download .ps{position: static; width: 100%; font-size: 12px; line-height: 20px; margin-top: 10px;}
    .popupBox .form .optional{width: 80px; top:-103px;}
    .popupBox .download span{height: 30px; line-height: 30px; font-size: 14px;}
    .SendEmail{padding: 9px 0 0 0}
    .SendEmail label{margin-top: 10px; padding-left: 55px;}
    .SendEmail label span{font-size: 14px;}
    .SendEmail label input.Code{width: 65px;}
    .SendEmail label .lImg{margin-left: 5px;}
    .SendEmail label.codeBox em{font-size: 12px;}
    .SendEmail label.but button{height: 30px; line-height: 30px; font-size: 14px;}
}

.cityList .point{position:absolute;width:50px;height:50px; left: 50%; margin-left: -25px; top:50%; margin-top: -25px;}

.cityList .point:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #c8161f;opacity:0}

.mapBox .cityList li.on .point.point-10:after,
.mapBox .cityList li:hover .point.point-10:after{animation:4.5s ease-out 225ms infinite ripple; -moz-animation:4.5s ease-out 225ms infinite ripple; -webkit-animation:4.5s ease-out 225ms infinite ripple}
.mapBox .cityList li.on .point.point-40:after,
.mapBox .cityList li:hover .point.point-40:after{animation:4.5s ease-out .9s infinite ripple; -moz-animation:4.5s ease-out .9s infinite ripple; -webkit-animation:4.5s ease-out .9s infinite ripple}
.mapBox .cityList li.on .point.point-80:after,
.mapBox .cityList li:hover .point.point-80:after{animation:4.5s ease-out 1.8s infinite ripple;-moz-animation:4.5s ease-out 1.8s infinite ripple;-webkit-animation:4.5s ease-out 1.8s infinite ripple;}
.mapBox .cityList li.on .point.point-shadow:after,
.mapBox .cityList li:hover .point.point-shadow:after{box-shadow:inset 0 0 5em rgba(200,22,31,.16); -moz-box-shadow:inset 0 0 5em rgba(200,22,31,.16); -webkit-box-shadow:inset 0 0 5em rgba(200,22,31,.16);}
@media  screen and (max-width:767px){
    .cityList .point{width: 30px; height: 30px; margin-left:-15px; margin-top: -15px;}
}
@keyframes ripple{
    0%{opacity:0;transform:scale(.1)}
    5%{opacity:1}
    to{opacity:0;transform:scale(1)}
}

@-moz-keyframes ripple{
    0%{opacity:0;transform:scale(.1)}
    5%{opacity:1}
    to{opacity:0;transform:scale(1)}
}

@-ms-keyframes ripple{
    0%{opacity:0;transform:scale(.1)}
    5%{opacity:1}
    to{opacity:0;transform:scale(1)}
}

@-webkit-keyframes ripple{
    0%{opacity:0;transform:scale(.1)}
    5%{opacity:1}
    to{opacity:0;transform:scale(1)}
}

@-o-keyframes ripple{
    0%{opacity:0;transform:scale(.1)}
    5%{opacity:1}
    to{opacity:0;transform:scale(1)}
}

.mapChina{float: left;width: 68%;line-height: 0;position: relative; margin-left: 8.5%;}
.mapChina .cityInfo{position: absolute;background: #c8161f; opacity: 0; z-index: -1;}
.mapChina .cityInfo .rText{float: left; min-height: 100px; padding: 7px 10px 7px 9px;}
.mapChina .cityInfo .rText .tit{float: left; width: 100%; font-size: 18px; font-weight: bold;color:#fff; padding-left:24px; line-height: 30px;}
.mapChina .cityInfo .rText dl{float: left; width: 100%; padding-left: 24px; position: relative; margin-top: 4px;}
.mapChina .cityInfo .rText dl.first{margin-top: 0;}
.mapChina .cityInfo .rText dl dt{position: absolute; left: 0; top:6px; line-height: 0;}
.mapChina .cityInfo .rText dl dd{float: left; width: 100%; font-size: 14px; line-height: 26px; color:#fff;}
.mapChina .cityInfo.daLian{width: 265px; left: 60px; top:-30px;}
.mapChina .cityInfo.beiJing{width: 380px; top:-115px; right:0;}
.mapChina .cityInfo.qingDao{width: 325px; top:-25px; left:50px;}
.mapChina .cityInfo.xiAn{width: 425px; top:-115px; right:0;}
.mapChina .cityInfo.chengDu{width:375px;top:-110px; right:0;}
.mapChina .cityInfo.ShangHai{width:275px; top:20px; left: 45px;}
.mapChina .cityInfo.guangZhou{width: 385px; top:-5px; left: 50px;}
.mapChina .cityInfo.wuHan{width: 300px; top:45px; right: 40px;}

.mapBox .cityList li.on .cityInfo{opacity: 1; z-index: 1;}
.mapDown{display: none;}
@media  screen and (max-width:1229px){
    .mapChina .cityInfo .rText .tit{font-size: 16px; padding-left: 24px;}
    .mapChina .cityInfo .rText dl dd{font-size: 13px;}
}
@media  screen and (max-width:991px){
    .mapChina .cityInfo .lImg{height: 80px; width: 96px;}
    .mapChina .cityInfo .rText{min-height: 80px; padding: 5px 10px 0 9px}
    .mapChina .cityInfo .rText .tit{font-size: 15px; padding-left: 25px; line-height: 24px;}
    .mapChina .cityInfo .rText dl{margin-top: 0;}
    .mapChina .cityInfo .rText dl dd{font-size: 12px; line-height: 24px;}

    .mapChina .cityInfo.daLian{width: 245px;}
    .mapChina .cityInfo.beiJing{width: 320px;top: -100px;}
    .mapChina .cityInfo.qingDao{width: 275px;}
    .mapChina .cityInfo.ShangHai{width:230px;}
    .mapChina .cityInfo.xiAn{width: 380px;top: -100px;}
    .mapChina .cityInfo.guangZhou{width:330px;}
    .mapChina .cityInfo.chengDu{width: 330px;top: -95px;}
    .mapChina .cityInfo.wuHan{width: 260px;}
}

@media  screen and (max-width:767px){
    .mapChina{width: 100%; margin-left: 0;}
    .mapBox .cityList li .cityInfo{display: none;}
    .mapDown{float: left; width: 100%; margin-top: 15px; display: block;}
    .mapDown .cityInfo{float: left; width: 100%; position: absolute; z-index: -1; top:0; left: 0; background: #c8161f;}
    .mapDown .cityInfo.active{position: relative; z-index: 1;}
    .mapDown .cityInfo .rText{float: left; min-height:80px; padding: 5px 10px 5px 9px;}
    .mapDown .cityInfo .rText .tit{float: left; width: 100%; font-size: 15px; font-weight: bold;color:#fff; padding-left:25px; line-height: 24px;}
    .mapDown .cityInfo .rText dl{float: left; width: 100%; padding-left: 24px; position: relative;}
    .mapDown .cityInfo .rText dl dt{position: absolute; left: 0; top:6px; line-height: 0;}
    .mapDown .cityInfo .rText dl dd{float: left; width: 100%; font-size: 12px; line-height: 24px; color:#fff;}
}

/*13集团站首页*/
.groupHeader{float: left; width: 100%; padding:30px 75px;}
.groupHeader .lLogo{float: left; line-height: 0;}
.groupHeader .right{float:right; line-height: 0; margin-top: 19px;}

@media  screen and (max-width:1199px){
    .groupHeader{padding:20px 50px;}
    .groupHeader .lLogo img{height: 50px;}
    .groupHeader .right{margin-top: 12px;}
}
@media  screen and (max-width:991px){
    .groupHeader{padding:15px 40px;}
    .groupHeader .lLogo img{height: 40px;}
    .groupHeader .right{margin-top: 9px}
    .groupHeader .right img{height: 22px;}
}
@media  screen and (max-width:767px){
    .groupHeader{padding:12px 0;}
    .groupHeader .lLogo img{height: 30px;}
    .groupHeader .right{margin-top: 7px;}
    .groupHeader .right img{height: 17px;}
}

@media  screen and (max-width:374px){
    .groupHeader .lLogo img{height: 24px;}
    .groupHeader .right{margin-top: 5px;}
    .groupHeader .right img{height: 14px;}
}

.topFlash{float: left; width: 100%;}
.topFlash .flashImg{float: left; width: 100%; line-height: 0; position: relative; text-align: center}
.topFlash .flashImg .img{float: left; width: 100%; height: 700px; position:relative;}

.topFlash .flashImg .img video{width:100%; height:100%; position:absolute; left:0; top:0; display:block;}

.topFlash .flashImg:after{position: absolute; content: ''; width: 100%; height: 100%; opacity: 0.55; background: #000; left: 0; top:0;}
.topFlash .flashInfo{position: absolute; width: 100%; left: 0; top:45%; z-index: 2;
    transform:translate(0,-50%); -moz-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);
}
.topFlash .system{float: left; width: 100%; padding: 0 75px; text-align: center; position: relative; z-index: 2;}
.topFlash .system .en{float: left; width: 100%; color:#fff; font-size: 60px; text-transform: uppercase; line-height: 60px; font-family: 'Noto Sans SC',Arial;}
.topFlash .system .h1Tit{float: left; width: 100%; color:#fff; font-size: 48px; line-height: 60px; margin-top: 45px; letter-spacing: 4px;}
.topFlash .system .ps{float: left; width: 100%; margin-top: 65px; color:#fff; font-size: 15px; line-height: 30px; font-weight: 100;}
.topFlash .system .href{float: left; width: 100%; display: block; text-align: center; margin-top: 32px;}
.topFlash .system .href a{display: inline-block; width: 140px; height: 40px; background: #d6061c; color:#fff; font-size: 14px; line-height: 40px;}

@media  screen and (max-width:1199px){
    .topFlash .system{padding: 0 50px;}
    .topFlash .system .en{font-size: 50px; line-height: 50px;}
    .topFlash .system .h1Tit{font-size: 40px; line-height: 50px; margin-top: 35px;}
    .topFlash .system .ps{margin-top: 45px;}
    .topFlash .flashImg .img{height: 600px;}
}
@media  screen and (max-width:991px){
    .topFlash .system{padding: 0 40px;}
    .topFlash .system .en{font-size: 40px; line-height: 40px;}
    .topFlash .system .h1Tit{font-size: 32px; line-height: 40px; margin-top: 25px;}
    .topFlash .system .ps{font-size: 14px; line-height: 26px; margin-top: 30px;}
    .topFlash .system .href a{font-size: 13px;}
    .topFlash .flashImg .img{height: 500px;}
}
@media  screen and (max-width:767px){
    .topFlash .system{padding: 0;}
    .topFlash .system .en{font-size: 28px; line-height: 30px;}
    .topFlash .system .h1Tit{font-size: 24px; line-height: 30px; margin-top: 15px;}
    .topFlash .system .ps{font-size: 13px; line-height: 24px; margin-top: 20px;}
    .topFlash .system .href{margin-top: 20px;}
    .topFlash .flashImg .img{height: 450px;}

}


.below{float: left; width: 100%; margin-top: -144px; padding: 0 75px; position: relative; z-index:2;}
.SmallPicture{float: left; width: 100%; padding: 0 19px; background: rgba(255,255,255,0.4);
    box-shadow: 5px 10px 10px rgba(53,53,53,0.25);
    -moz-box-shadow: 5px 10px 10px rgba(53,53,53,0.25);
    -webkit-box-shadow: 5px 10px 10px rgba(53,53,53,0.25);
}
.SmallPicture .liBox{float: left; width: 50%; padding: 0 18px;}
.SmallPicture .liBox a{float: left; width: 100%;}
.SmallPicture .liBox .lImg{float: left; width: 53%; line-height: 0; border:3px solid #fff; margin: 14px 0;}
.SmallPicture .liBox .rText{float: right; width: 42.55%; color:#fff; font-size: 14px; line-height:24px; height: 72px; margin-top: 22px;
    text-shadow:0 3px 3px rgba(14,15,15,0.75);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.SmallPicture .liBox .dTit{float: left; width: 100%; line-height: 80px; color:#545252; font-size: 18px; padding-left: 70px; position: relative;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.SmallPicture .liBox .dTit i{position: absolute; width: 48px; height: 48px; left: 0; top:50%; margin-top: -24px;
    background: url("_im_g/img5.png") no-repeat center; background-size: cover;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.SmallPicture .liBox a:hover .dTit i{background: url("_im_g/img5_1.png") no-repeat center;background-size: cover;}
.SmallPicture .liBox.right .dTit{padding: 0 70px 0 0; text-align: right}
.SmallPicture .liBox.right .dTit i{left: auto; right: 0; background: url("_im_g/img6.png") no-repeat center;background-size: cover;}
.SmallPicture .liBox.right a:hover .dTit i{background: url("_im_g/img6_1.png") no-repeat center;background-size: cover;}
.SmallPicture .liBox a:hover .dTit{font-weight: bold; color:#0087af;}

@media  screen and (max-width:1199px){
    .below{margin-top: -115px; padding: 0 50px;}
    .SmallPicture .liBox .dTit{font-size: 16px; line-height: 60px; padding-left: 55px;}
    .SmallPicture .liBox .dTit i{width: 40px; height: 40px; margin-top: -20px;}
    .SmallPicture .liBox.right .dTit{padding: 0 55px 0 0}
}
@media  screen and (max-width:991px){
    .below{margin-top: -96px; padding: 0 40px;}
    .SmallPicture{padding: 0 10px;}
    .SmallPicture .liBox .rText{font-size: 12px; line-height: 20px; height: 60px; margin-top: 14px;}
    .SmallPicture .liBox .dTit{font-size: 14px;}
}
@media  screen and (max-width:767px){
    .below{padding: 0; margin-top: -65px;}
    .SmallPicture{background: rgba(0,0,0,0.3);}
    .SmallPicture .liBox{width: 100%; padding: 0 5px;}
    .SmallPicture .liBox .dTit{color:#fff;}
    .SmallPicture .liBox .dTit i{background: url("_im_g/img5_2.png") no-repeat center; background-size: cover;}
    .SmallPicture .liBox.right .dTit i{background: url("_im_g/img6_2.png") no-repeat center; background-size: cover;}
}

.groupFooter{float: left; width: 100%; margin-top: 150px; border-top:10px solid #a9a8a8; padding-bottom: 50px;}
.groupFooter .leftCopy{float: left; width: 60%; margin-left: 75px; margin-top: 8px;}
.groupFooter .leftCopy .copyBox{float: left; color:#030303; font-size: 14px; line-height: 30px; font-family: 'Noto Sans SC',Arial; text-transform: uppercase;}
.groupFooter .leftCopy .copyBox a{color:#030303;}
.groupFooter .leftCopy .keep{float: left; color:#030303; margin-left: 10px; line-height: 30px; font-size: 14px;}
.groupFooter .leftCopy .keep a{color:#030303;}
.groupFooter .leftCopy .keep img{vertical-align: middle; margin-top: -3px;}
.groupFooter .leftCopy .Network{float: left; width: 100%; margin-top: 15px; display: flex;align-items:center;}
.groupFooter .leftCopy .Network a{padding: 0 25px; position: relative;}
.groupFooter .leftCopy .Network a:after{position:absolute; content: ''; width: 1px; height: 60px; background: #a5a4a4; right: 0; top:50%; margin-top: -30px; opacity: 0.6;}
.groupFooter .leftCopy .Network a:first-child{padding-left: 0;}
.groupFooter .leftCopy .Network a:last-child:after{opacity: 0;}

.groupFooter .rightEwm{float: right; display: flex; align-items:center; margin-top: 18px; margin-right: 75px;}
.groupFooter .rightEwm .tel{font-size: 16px; color:#000; line-height: 35px;}
.groupFooter .rightEwm .tel p{font-size: 25.5px; font-family: 'Noto Sans SC',Arial;}
.groupFooter .rightEwm .ewmBox{margin-left: 18px;line-height: 0;}

@media  screen and (max-width:1199px){
    .groupFooter{margin-top:120px; padding-bottom: 40px;}
    .groupFooter .leftCopy{margin-left: 50px;}
    .groupFooter .rightEwm{margin-right: 50px;}
    .groupFooter .leftCopy .copyBox{font-size: 13px;}
    .groupFooter .leftCopy .keep{font-size: 13px;}
    .groupFooter .rightEwm .tel{font-size: 14px;}
    .groupFooter .rightEwm .tel p{font-size: 23px;}
}
@media  screen and (max-width:991px){
    .groupFooter{margin-top:100px; padding-bottom: 40px;}
    .groupFooter .leftCopy{margin-left: 40px; width: 55%;}
    .groupFooter .rightEwm{margin-right: 40px;}
    .groupFooter .leftCopy .Network a:first-child img{height:50px;}
    .groupFooter .leftCopy .Network a:nth-child(2) img{height:45px;}
    .groupFooter .leftCopy .Network a:nth-child(3) img{height:40px;}
    .groupFooter .leftCopy .Network a:after{height: 40px; margin-top: -20px;}
    .groupFooter .rightEwm .tel{font-size: 12px; line-height: 30px;}
    .groupFooter .rightEwm .tel p{font-size: 19.5px;}
    .groupFooter .rightEwm .ewmBox{width: 90px;}
}
@media  screen and (max-width:767px){
    .groupFooter{margin-top: 50px; padding-bottom: 20px;}
    .groupFooter .leftCopy{margin-left: 0; width: 100%;}
    .groupFooter .leftCopy .copyBox{line-height: 26px; width: 100%;}
    .groupFooter .leftCopy .keep{margin-left: 0;}
    .groupFooter .rightEwm{margin-right: 0; width: 100%;justify-content:center;}
}

.popFlash{position: absolute; right: -180px; bottom:25px; color:#000; font-size: 14px; line-height: 45px;}
.popFlash img{vertical-align: middle; margin-top: -12px;}

@media  screen and (max-width:1600px){
    .popFlash{right: -100px;}
}

@media  screen and (max-width:1229px){
    .popFlash{font-size: 12px; bottom: 10px;}
}
@media  screen and (max-width:767px){
    .popFlash{display: none;}
}




.newblock{float: left; width: 100%; color:#545252; font-size: 16px; line-height: 30px; margin-top: 20px; overflow-x:auto;}
.newblock table{min-width:100% !important; width:auto !important;}
.newblock table td{white-space:nowrap; padding:0 5px;}
@media screen and (max-width:1229px) {
    .newblock{font-size: 14px; line-height: 28px;}
}
@media screen and (max-width:767px) {
    .newblock{font-size: 13px; line-height: 24px; margin-top: 10px;}
}

.newblock1{float: left; width: 100%; color:#545252; font-size: 14px; line-height: 20px; margin-top: 10px; overflow-x:auto;}
.newblock table{min-width:100% !important; width:auto !important;}
.newblock table td{white-space:nowrap; padding:0 5px;}
@media screen and (max-width:1229px) {
    .newblock1{font-size: 13px; line-height: 18px;}
}
@media screen and (max-width:767px) {
    .newblock1{font-size: 12px; line-height: 16px; margin-top: 5px;}
}


.imgPop{ display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; z-index: 999999;}
.imgPop2{ min-height: 100px; height: 80%; /*overflow: hidden;*/ width: 55.5%; left: 22.25%; position: absolute; top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);}
.imgPop2 .tp{ display: block; width: 100%; margin: 15px auto; height:100%; position:relative;}
.imgPop2 .tp img{width:auto; max-width:100%; max-height:100%; display:block; margin:0 auto; position:absolute; left:50%; top:50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.imgPop2 .close2{ width: 36px; height: 36px; background: url(/theme/cn/_im_g/close1.png) no-repeat center; background-size: cover; position: absolute; top: -37px; right: 0;}

@media screen and  (max-width:991px){
.imgPop2{ width: 80%; left: 10%; height:60%;}
.imgPop2 .tp{ width: 80%; margin: 5px auto;}
.imgPop2 .close2{ width: 25px; height: 25px; top:-26px;}
}

/*20220730start*/
.sy_section1{width: 100%;padding-top: 66px;padding-bottom: 66px;}
.sy_section1 .words{font-size: 36px;color: #343434;line-height: 50px;text-align: center;font-family: 'Noto Sans SC',Arial;}
@media screen and  (max-width:1024px){
.sy_section1{padding-top: 20px;padding-bottom: 20px;}
.sy_section1 .words{font-size: 15px;line-height: 26px;}
}

._pop{ float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:99999999; display:none;background-color: rgba(0,0,0,0.8);}
._col{ float:left;  font-size: 0; position:absolute; right:-60px; top:-44px; width:44px; height:44px; border-radius: 100%;color: #999;cursor: pointer;background: url(img/zimg4.png)no-repeat center center;background-size: cover;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);}
._htm{ float:left; width:800px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);background-color: rgba(255,255,255,0.5);padding: 12px;}
._htm video{width: 100%;display: block;margin: 0 auto;}
._htm img{width: 100%;display: block;margin: 0 auto;}
@media  screen and (max-width: 1680px){
._htm{ float:left; width:600px;}
}
@media  screen and (max-width: 991px){
._col{ float:left;  font-size: 50px; position:absolute; right:-50px; top:0; width:34px; height:34px; border-radius: 100%;color: #999;cursor: pointer;background: url(images);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
._htm{ float:left; width:500px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
}           
@media  screen and (max-width: 767px){
._col{ float:left;  font-size: 50px; position:absolute; right:10px; top:-55px; width:20px; height:20px; border-radius: 100%;color: #999;cursor: pointer;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
._htm{ float:left; width: calc(100% - 30px);position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
}

.sy_section2{width: 100%;}
.sy_section2 .content{width: 100%;position: relative;}
.sy_section2 .content .pic{width: 100%;}
.sy_section2 .content .pic img{width: 100%;display: block;}
.sy_section2 .content .ico{width: 64px;position: absolute;left: 50%;top: 50%;cursor: pointer;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);}
.sy_section2 .content .ico img{width: 100%;display: block;}
@media screen and  (max-width:1024px){
.sy_section2 .content .ico{width: 40px;}
}

.sy_section3{width: 100%;padding-top: 60px;padding-bottom: 60px;}
.sy_section3 .top{width: 100%;margin-bottom: 30px;}
.sy_section3 .top::after{content: "";display: block;clear: both;}
.sy_section3 .top .left{width: 66.91%;float: left;padding-right: 15px;}
.sy_section3 .top .left .ul{width: 100%;}
.sy_section3 .top .left .ul .li{width: 100%;}
.sy_section3 .top .left .ul .li a{display: block;width: 100%;overflow: hidden;}
/*20220811satrt*/
.sy_section3 .top .left .ul .li a .picbox{width: 48.22%;float: left;position: relative;}
.sy_section3 .top .left .ul .li a .picbox .pic{width: 100%;height: 299px;overflow: hidden;position: relative;z-index: 2;}
.sy_section3 .top .left .ul .li a .picbox::after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;background: rgba(0,0,0,0.3);z-index: 4;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section3 .top .left .ul .li a:hover .picbox::after{opacity: 1;}
.sy_section3 .top .left .ul .li a .picbox .pic div{width: 100%;height: 100%;}
/*20220811end*/
.sy_section3 .top .left .ul .li a .words_r{width: 51.78%;float: left;height: 299px;background: #7ac9ea;position: relative;}
.sy_section3 .top .left .ul .li a .words_r .wordsbox{width: 100%;position: absolute;left: 0;top: 50%;padding: 0 24px 0 26px;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-o-transform: translate(0,-50%);}
.sy_section3 .top .left .ul .li a .words_r .wordsbox .tit{font-size: 21px;color: #ffffff;line-height: 24px;margin-bottom: 40px;font-family: 'Noto Sans SC',Arial;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.sy_section3 .top .left .ul .li a .words_r .wordsbox .info{font-size: 14px;color: #ffffff;line-height: 24px;margin-bottom: 26px;font-family: 'Noto Sans SC',Arial;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.sy_section3 .top .left .ul .li a .words_r .wordsbox .more{font-size: 14px;color: #ffffff;line-height: 20px;font-family: 'Noto Sans SC',Arial;}
.sy_section3 .top .left .ul .slick-dots{position: absolute; bottom: 14px; height: 3px; text-align: center;width: auto;right: 25px;}
.sy_section3 .top .left .ul .slick-dots li{ vertical-align: top; width: 25px; height: 3px;margin: 0 3px; background: #f9fdfe;}
.sy_section3 .top .left .ul .slick-dots li.slick-active{ background: #c51e28;}
.sy_section3 .top .right{width: 33.09%;float: right;padding-left: 15px;}
.sy_section3 .cons .r_box{width: 100%;position: relative;}
/*20220811start*/
.sy_section3 .cons .r_box .ba_pic{width: 100%;height: 299px;overflow: hidden;}
.sy_section3 .cons .r_box .ba_pic::after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;background: rgba(0,0,0,0.3);z-index: 4;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section3 .cons .r_box:hover .ba_pic::after{opacity: 1;}

.sy_section3 .cons .r_box .ba_pic div{width: 100%;height: 100%;}
/*20220811end*/
.sy_section3 .cons .r_box .wordsbox{width: 100%;position: absolute;left: 0;bottom: 28px;padding: 0 35px;}
.sy_section3 .cons .r_box .wordsbox .tit{font-size: 24px;color: #ffffff;line-height: 28px;margin-bottom: 10px;font-family: 'Noto Sans SC',Arial;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.sy_section3 .cons .r_box .wordsbox .info{font-size: 18px;color: #ffffff;line-height: 22px;margin-bottom: 24px;font-family: 'Noto Sans SC',Arial;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.sy_section3 .cons .r_box .wordsbox .more{font-size: 14px;color: #ffffff;line-height: 18px;}
.sy_section3 .cons .r_box .wordsbox .more span{color: #c8161f;}
.sy_section3 .bottom{width: 100%;}
.sy_section3 .bottom::after{content: "";display: block;clear: both;}
.sy_section3 .bottom .left{width: 33.09%;float: left;padding-right: 15px;}
.sy_section3 .bottom .right{width: 66.91%;float: right;padding-left: 15px;}
.sy_section3 .bottom .right .r_box .wordsbox{width: 51.78%;}
@media screen and  (max-width:1024px){
.sy_section3{padding-top: 30px;padding-bottom: 30px;}
.sy_section3 .top{margin-bottom: 14px;}
.sy_section3 .top .left{width: 100%;padding-right: 0;margin-bottom: 14px;}
.sy_section3 .top .left .ul .li a .picbox{width: 100%;}
.sy_section3 .top .left .ul .li a .picbox .pic{height: 250px;}
.sy_section3 .top .left .ul .li a .words_r{width: 100%;height: auto;}
.sy_section3 .top .left .ul .li a .words_r .wordsbox{position: static;padding: 12px;
transform: translate(0,0);
-ms-transform: translate(0,0);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);}
.sy_section3 .top .left .ul .li a .words_r .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 10px;}
.sy_section3 .top .left .ul .li a .words_r .wordsbox .info{line-height: 20px;margin-bottom: 12px;}
.sy_section3 .top .left .ul .slick-dots{bottom: 10px; height: 2px;right: 12px;}
.sy_section3 .top .left .ul .slick-dots li{width: 12px; height: 2px;margin: 0 2px;}
.sy_section3 .top .right{width: 100%;padding-left: 0;}
.sy_section3 .cons .r_box .ba_pic{height: 250px;}
.sy_section3 .cons .r_box .wordsbox{bottom: 12px;padding: 0 12px;}
.sy_section3 .cons .r_box .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 10px;}
.sy_section3 .cons .r_box .wordsbox .info{font-size: 14px;line-height: 20px;margin-bottom: 12px;}
.sy_section3 .bottom .left{width: 100%;padding-right: 0;margin-bottom: 14px;}
.sy_section3 .bottom .right{width: 100%;padding-left: 0;}
.sy_section3 .bottom .right .r_box .wordsbox{width: 100%;}
.sy_section3 .bottom .right .r_box .ba_pic{height: 150px;}
}

/*产品详情 阀门类*/
.cpfm_section1{width: 100%;padding-top: 68px;padding-bottom: 98px;border-top: 3px solid #cccccc;}
.cpfm_section1 .content{width: 100%;overflow: hidden;}
.cpfm_section1 .content .left{width: 520px;float: left;}
.cpfm_section1 .content .left img{max-width: 100%;display: block;}
.cpfm_section1 .content .right{width: calc(100% - 520px);float: left;padding-left: 30px;}
.cpfm_section1 .content .right .tit1{font-size: 24px;color: #0087af;line-height: 28px;margin-bottom: 34px;font-family: 'Noto Sans SC',Arial;font-weight: bolder;}
.cpfm_section1 .content .right .tit2{font-size: 21px;color: #222222;line-height: 26px;margin-bottom: 26px;font-family: 'Noto Sans SC',Arial;}
.cpfm_section1 .content .right .info{font-size: 17px;color: #343434;line-height: 32px;font-family: 'Noto Sans SC',Arial;margin-bottom: 46px;}
.cpfm_section1 .content .right .listbox{width: 100%;}
.cpfm_section1 .content .right .listbox .list{padding-left: 20px;font-size: 16px;color: #343434;line-height: 32px;width: 100%;font-family: 'Noto Sans SC',Arial;position: relative;}
.cpfm_section1 .content .right .listbox .list::after{content: "";display: block;width: 4px;height: 4px;background: #343434;position: absolute;left: 5px;top: 14px;border-radius: 100%;}
@media screen and  (max-width:1024px){
.cpfm_section1{padding-top: 30px;padding-bottom: 30px;border-top: 2px solid #cccccc;margin-top: 84px;}
.cpfm_section1 .content .left{width: 220px;float: none;margin: 0 auto;}
.cpfm_section1 .content .right{width: 100%;float: none;padding-left: 0;}
.cpfm_section1 .content .right .tit1{font-size: 18px;line-height: 22px;margin-bottom: 12px;}
.cpfm_section1 .content .right .tit2{font-size: 18px;line-height: 22px;margin-bottom: 12px;}
.cpfm_section1 .content .right .info{font-size: 14px;line-height: 26px;margin-bottom: 12px;}
.cpfm_section1 .content .right .listbox .list{padding-left: 16px;font-size: 14px;line-height: 26px;}
.cpfm_section1 .content .right .listbox .list::after{left: 4px;top: 11px;}
.cpfm_section1 .content .right .listbox .list br{display: none;}
}

.cpfm_section2{width: 100%;background: #afe4ee;}
.cpfm_section2 .ul{width: 100%;}
.cpfm_section2 .ul .li{padding: 66px 10px;position: relative;}
.cpfm_section2 .ul .li::after{content: "";display: block;width: 2px;height: 161px;background: url(img/zimg17.png)no-repeat center center;background-size: cover;position: absolute;right: 0;top: 50%;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-o-transform: translate(0,-50%);}
.cpfm_section2 .ul .li:last-child::after{display: none;}
.cpfm_section2 .ul .li a{display: block;width: 100%;}
.cpfm_section2 .ul .li a .ico{width: 80px;display: block;margin: 0 auto;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
/*.cpfm_section2 .ul .li a:hover .ico{transform: rotateY(180deg);}*/
.cpfm_section2 .ul .li a .wordsbox{width: 100%;padding-top: 30px;text-align: center;}
.cpfm_section2 .ul .li a .wordsbox .words1{font-size: 16px;color: #343434;line-height: 20px;margin-bottom: 10px;font-weight: bolder;font-family: 'Noto Sans SC',Arial;}
.cpfm_section2 .ul .li a .wordsbox .words2{font-size: 15px;color: #343434;line-height: 20px;}
@media  screen and (max-width: 1024px){
.cpfm_section2 .ul{padding-bottom: 30px;}
.cpfm_section2 .ul .li{padding: 20px 10px;}
.cpfm_section2 .ul .li::after{display: none}
.cpfm_section2 .ul .li a .ico{width: 40px;}
.cpfm_section2 .ul .li a .wordsbox{padding-top: 12px;}
.cpfm_section2 .ul .li a .wordsbox .words1{font-size: 14px;}
.cpfm_section2 .ul .li a .wordsbox .words2{font-size: 14px;}
.cpfm_section2 .ul .slick-dots{position: absolute; bottom: 20px; height: 8px; text-align: center;}
.cpfm_section2 .ul .slick-dots li{ vertical-align: top; width: 8px; height: 8px;border-radius: 100%; margin: 0 4px; background: rgba(255,255,255,0.5);}
.cpfm_section2 .ul .slick-dots li.slick-active{ background: #fff;}
}

.cpfm_section3{width: 100%;padding-top: 40px;padding-bottom: 40px;}
.cpfm_section3 .tit{font-size: 21px;color: #222222;line-height: 26px;margin-bottom: 64px;font-family: 'Noto Sans SC',Arial;font-weight: bolder;}
.cpfm_section3 .imgbox{width: 100%;}
.cpfm_section3 .imgbox img{max-width: 100%;display: block;margin: 0 auto;}
@media  screen and (max-width: 1024px){
.cpfm_section3{padding-top: 30px;padding-bottom: 30px;}
.cpfm_section3 .tit{font-size: 18px;line-height: 22px;margin-bottom: 20px;}
.cpfm_section3 .imgbox img{width: 100%;}
}

.cpfm_section4{width: 100%;padding-top: 40px;padding-bottom: 40px;background: #f5f5f7;}
.cpfm_section4 .tit{font-size: 21px;color: #222222;line-height: 26px;margin-bottom: 64px;font-family: 'Noto Sans SC',Arial;font-weight: bolder;}
@media  screen and (max-width: 1024px){
.cpfm_section4{padding-top: 30px;padding-bottom: 30px;}
.cpfm_section4 .tit{font-size: 18px;line-height: 22px;margin-bottom: 20px;}
}

.cpfm_section5{width: 100%;padding-top: 40px;padding-bottom: 40px;}
.cpfm_section5 .tit{font-size: 21px;color: #343434;line-height: 26px;margin-bottom: 30px;font-family: 'Noto Sans SC',Arial;font-weight: bolder;}
.cpfm_section5 .content1{width: 100%;margin-bottom: 14px;white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;}
.cpfm_section5 .content1 table{width: 1260px;}
/*20220811start*/
.cpfm_section5 .content1 th{width:auto !important; font-size: 18px;color: #0087af;line-height: 44px;background: #f5f5f7;font-family: 'Noto Sans SC',Arial;font-weight: bolder;text-align: left;padding-right: 20px;}
/*20220811end*/
.cpfm_section5 .content1 th:nth-child(1){width: 10.66%;padding-left: 50px;}
.cpfm_section5 .content1 th:nth-child(2){width: 12.16%;}
.cpfm_section5 .content1 th:nth-child(3){width: 7.83%;}
.cpfm_section5 .content1 th:nth-child(4){width: 12.16%;}
.cpfm_section5 .content1 th:nth-child(5){width: 12.33%;}
.cpfm_section5 .content1 th:nth-child(6){width: 8%;}
.cpfm_section5 .content1 th:nth-child(7){width: 7.83%;}
.cpfm_section5 .content1 th:nth-child(8){width: 7.5%;}
.cpfm_section5 .content1 th:nth-child(9){width: 7.5%;}
.cpfm_section5 .content1 th:nth-child(10){width: 7%;}
.cpfm_section5 .content1 th:nth-child(11){width: 7.03%;}
.cpfm_section5 .content1 th:nth-child(12){width: 7.03%;}
.cpfm_section5 .content1 tr{border-bottom: 1px dashed #ededed;}
.cpfm_section5 .content1 tr:first-child{border-bottom: 0;}
/*20220811start*/
.cpfm_section5 .content1 td{padding-top: 16px;padding-bottom: 16px;cursor: pointer;padding-right: 20px;}
/*20220811end*/
.cpfm_section5 .content1 td .words{font-size: 14px;color: #545252;line-height: 24px;height: 24px;overflow: hidden;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.cpfm_section5 .content1 tr.on td .words{height: auto;}
/*20220820satrt*/
.cpfm_section5 .content1 td img{display: inline-block;vertical-align: middle;width: 14px; ;margin-left: 12px;}
.cpfm_section5 .content1 td img.span2{color: #ce3038;}
.cpfm_section5 .content1 td img.span1{display: none;}
.cpfm_section5 .content1 tr.on td img.span1{display: inline-block;}
.cpfm_section5 .content1 tr.on td img.span2{display: none;}
.cpfm_section5 .content1 td .words_l{font-weight: bolder;display: inline-block;vertical-align: middle;padding-left: 18px;font-size: 14px;color: #545252;line-height: 24px;}
/*20220820end*/
.cpfm_section5 .content2{width: 100%;white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%; margin-top:30px; margin-bottom: 14px;}
.cpfm_section5 .content2 table{width: 1200px;}
/*20220820satrt*/
.cpfm_section5 .content2 table th{font-family: 'Noto Sans SC',Arial;background: #f5f5f7;font-size: 16px;color: #343434;text-align: left;padding-top: 10px;padding-bottom: 10px;padding-right: 20px;line-height: 28px;}
/*20220820end*/
.cpfm_section5 .content2 table th span{font-size: 18px;color: #0087af;line-height: 22px;font-weight: bold; font-family: 'Noto Sans SC',Arial;}
.cpfm_section5 .content2 table th:nth-child(1){width: 5.33%;padding-left: 12px;}
.cpfm_section5 .content2 table th:nth-child(2){width: 6.5%;}
.cpfm_section5 .content2 table th:nth-child(3){width: 7.83%;}
.cpfm_section5 .content2 table th:nth-child(4){width: 7.66%;}
.cpfm_section5 .content2 table th:nth-child(5){width: 8.16%;}
.cpfm_section5 .content2 table th:nth-child(6){width: 10.5%;}
.cpfm_section5 .content2 table th:nth-child(7){width: 11.25%;}
.cpfm_section5 .content2 table th:nth-child(8){width: 12.33%;}
.cpfm_section5 .content2 table th:nth-child(9){width: 16.83%;}
.cpfm_section5 .content2 table th:nth-child(10){width: 13.61%;}
/*20220811start*/
.cpfm_section5 .content2 table td{font-size: 14px;color: #343434;line-height: 24px;padding-top: 12px;padding-right: 20px;}
/*20220811end*/
.cpfm_section5 .content3{width: 100%;margin-bottom: 40px;}
.cpfm_section5 .content3 img{max-width: 100%;display: block;margin: 0 auto;}
.cpfm_section5 .content4{width: 100%;margin-bottom: 8px;white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;border-bottom: 1px solid #ededed;}
.cpfm_section5 .content4 table{width: 1200px;}
/*20220811start*/
.cpfm_section5 .content4 th{width:auto !important; font-family: 'Noto Sans SC',Arial;font-size: 18px;color: #0087af;line-height: 44px;background: #f5f5f7;font-weight: bolder;text-align: left;padding-right: 10px;}
/*20220811end*/
.cpfm_section5 .content4 th:nth-child(1){width: 17%;padding-left: 50px;}
.cpfm_section5 .content4 th:nth-child(2){width: 9.5%;}
.cpfm_section5 .content4 th:nth-child(3){width: 8.66%;}
.cpfm_section5 .content4 th:nth-child(4){width: 10%;}
.cpfm_section5 .content4 th:nth-child(5){width: 13.83%;}
.cpfm_section5 .content4 th:nth-child(6){width: 9.83%;}
.cpfm_section5 .content4 th:nth-child(7){width: 9.83%;}
.cpfm_section5 .content4 th:nth-child(8){width: 10.83%;}
.cpfm_section5 .content4 th:nth-child(9){width: 10.52%;}
.cpfm_section5 .content4 tr{border-bottom: 1px dashed #ededed;}
.cpfm_section5 .content4 tr:first-child{border-bottom: 0;}
.cpfm_section5 .content4 tr:last-child{border-bottom: 0;}
/*20220811start*/
.cpfm_section5 .content4 td{padding-top: 16px;padding-bottom: 16px;cursor: pointer;padding-right: 10px;}
/*20220811end*/
.cpfm_section5 .content4 td .words{font-size: 14px;color: #545252;line-height: 24px;height: 24px;overflow: hidden;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.cpfm_section5 .content4 tr.on td .words{height: auto;}
.cpfm_section5 .content4 td img{display: inline-block;vertical-align: middle;font-size: 18px;color: #cdcdcd;line-height: 24px;margin-left: 12px;}
.cpfm_section5 .content4 td img.span2{color: #ce3038;}
.cpfm_section5 .content4 td img.span1{display: none;}
.cpfm_section5 .content4 tr.on td img.span1{display: inline-block;}
.cpfm_section5 .content4 tr.on td img.span2{display: none;}
.cpfm_section5 .content4 td .words_l{font-weight: bolder;display: inline-block;vertical-align: middle;padding-left: 18px;font-size: 14px;color: #545252;line-height: 24px;}
.cpfm_section5 .content5{font-size: 12px;color: #6fba2c;line-height: 18px;font-family: 'Noto Sans SC',Arial;}
.cpfm_section5 .content6{margin-top: 24px;margin-bottom: 10px;border-bottom: 1px solid #ededed;}
.cpfm_section5 .content7{font-size: 12px;color: #6fba2c;line-height: 18px;font-family: 'Noto Sans SC',Arial;}
.cpfm_section5 .content8{width: 100%;white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;border-bottom: 1px solid #ededed;}
.cpfm_section5 .content8 table{width: 1340px;}
/*20220811satrt*/
.cpfm_section5 .content8 th{ width:auto !important; font-family: 'Noto Sans SC',Arial;font-size: 18px;color: #0087af;line-height: 44px;background: #f5f5f7;font-weight: bolder;text-align: left;padding-right: 10px;}
/*20220811end*/
.cpfm_section5 .content8 th:nth-child(1){width: 29.16%;padding-left: 50px;}
.cpfm_section5 .content8 th:nth-child(2){width: 9.83%;}
.cpfm_section5 .content8 th:nth-child(3){width: 8.33%;}
.cpfm_section5 .content8 th:nth-child(4){width: 14.83%;}
.cpfm_section5 .content8 th:nth-child(5){width: 13%;}
.cpfm_section5 .content8 th:nth-child(6){width: 3.33%;}
.cpfm_section5 .content8 th:nth-child(7){width: 3.83%;}
.cpfm_section5 .content8 th:nth-child(8){width: 3.33%;}
.cpfm_section5 .content8 th:nth-child(9){width: 14.36%;}
.cpfm_section5 .content8 th:nth-child(10){width: 14.36%;}
.cpfm_section5 .content8 tr{border-bottom: 1px dashed #ededed;}
.cpfm_section5 .content8 tr:first-child{border-bottom: 0;}
.cpfm_section5 .content8 tr:last-child{border-bottom: 0;}
/*20220811start*/
.cpfm_section5 .content8 td{padding-top: 16px;padding-bottom: 16px;cursor: pointer;padding-right: 10px;}
/*20220811end*/
.cpfm_section5 .content8 td .words{font-size: 14px;color: #545252;line-height: 24px;height: 24px;overflow: hidden;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.cpfm_section5 .content8 tr.on td .words{height: auto;}
.cpfm_section5 .content8 td img{display: inline-block;vertical-align: middle;font-size: 18px;color: #cdcdcd;line-height: 24px;margin-left: 12px;}
.cpfm_section5 .content8 td img.span2{color: #ce3038;}
.cpfm_section5 .content8 td img.span1{display: none;}
.cpfm_section5 .content8 tr.on td img.span1{display: inline-block;}
.cpfm_section5 .content8 tr.on td img.span2{display: none;}
.cpfm_section5 .content8 td .words_l{font-weight: bolder;display: inline-block;vertical-align: middle;padding-left: 18px;font-size: 14px;color: #545252;line-height: 24px;}




.cpfm_section5 .content9{font-size: 12px;color: #6fba2c;line-height: 18px;font-family: 'Noto Sans SC',Arial;padding-top: 8px;margin-top: 14px;border-top: 1px solid #ededed;}
@media  screen and (max-width: 1024px){
.cpfm_section5{padding-top: 30px;padding-bottom: 30px;}
.cpfm_section5 .tit{font-size: 18px;line-height: 22px;margin-bottom: 20px;}
.cpfm_section5 .content1{margin-bottom: 10px;}
.cpfm_section5 .content1 th{font-size: 16px;line-height: 40px;}
.cpfm_section5 .content1 td{padding-top: 12px;padding-bottom: 12px;}
.cpfm_section5 .content1 td .words{line-height: 20px;height: 20px;}
.cpfm_section5 .content1 td .words_l{padding-left: 16px;line-height: 20px;}
.cpfm_section5 .content2{margin-top:10px; margin-bottom:10px;}
.cpfm_section5 .content2 table th span{font-size: 16px;line-height: 20px;}
.cpfm_section5 .content2 table th:nth-child(1){padding-left: 10px;}
.cpfm_section5 .content2 table td{line-height: 20px;padding-top: 10px;}
.cpfm_section5 .content3{margin-bottom: 20px;}
.cpfm_section5 .content4 th{font-size: 16px;line-height: 40px;}
.cpfm_section5 .content4 td{padding-top: 12px;padding-bottom: 12px;}
.cpfm_section5 .content4 td .words{line-height: 20px;height: 20px;}
.cpfm_section5 .content4 td .words_l{padding-left: 16px;line-height: 22px;}
.cpfm_section5 .content8 table{width: 1300px;}
.cpfm_section5 .content8 th{font-size: 16px;line-height: 40px;}
.cpfm_section5 .content8 td{padding-top: 12px;padding-bottom: 12px;}
.cpfm_section5 .content8 td .words{line-height: 20px;height: 20px;}
.cpfm_section5 .content8 td .words_l{padding-left: 16px;line-height: 20px;}
.cpfm_section5 .content9{padding-top: 8px;margin-top: 8px;}
}

.cpfm_section6{width: 100%;padding-top: 40px;padding-bottom: 40px;background: #f5f5f7;}
.cpfm_section6 .tit1{font-size: 21px;color: #343434;line-height: 25px;margin-bottom: 40px;font-family: 'Noto Sans SC',Arial;font-weight: bolder;}
.cpfm_section6 .listbox1{width: 100%;margin-bottom: 40px;}
.cpfm_section6 .listbox1 .list{margin-bottom: 10px;width: 100%;}
.cpfm_section6 .listbox1 .list:last-child{margin-bottom: 0;}
.cpfm_section6 .listbox1 .list a{font-size: 16px;color: #343434;line-height: 20px;display: block;}
.cpfm_section6 .listbox1 .list a span{color: #c8161f;font-weight: bold;}
.cpfm_section6 .tit2{font-size: 21px;color: #343434;line-height: 25px;margin-bottom: 40px;font-family: 'Noto Sans SC',Arial;font-weight: bolder;}
.cpfm_section6 .listbox2{width: 100%;overflow: hidden;}
.cpfm_section6 .listbox2 .list{float: left;margin-right: 52px;}
.cpfm_section6 .listbox2 .list:last-child{margin-right: 0;}
.cpfm_section6 .listbox2 .list img{width: 50px;display: block;margin: 0 auto 16px auto;}
.cpfm_section6 .listbox2 .list img.img2{display: none;}
.cpfm_section6 .listbox2 .list:hover img.img1{display: none;}
.cpfm_section6 .listbox2 .list:hover img.img2{display: block;}
.cpfm_section6 .listbox2 .list .words{font-size: 16px;color: #343434;line-height: 20px;text-align: center;font-family: 'Noto Sans SC',Arial;}
@media  screen and (max-width: 1024px){
.cpfm_section6{padding-top: 30px;padding-bottom: 30px;}
.cpfm_section6 .tit1{font-size: 18px;line-height: 22px;margin-bottom: 20px;}
.cpfm_section6 .listbox1{margin-bottom: 16px;}
.cpfm_section6 .listbox1 .list a{font-size: 14px;}
.cpfm_section6 .tit2{font-size: 18px;line-height: 22px;margin-bottom: 20px;}
.cpfm_section6 .listbox2 .list{margin-right: 12px;}
.cpfm_section6 .listbox2 .list img{width: 32px;margin: 0 auto 12px auto;}
.cpfm_section6 .listbox2 .list .words{font-size: 14px;line-height: 20px;}
}

.cpfm_section7{width: 100%;padding-top: 40px;padding-bottom: 40px;}
.cpfm_section7 .tit{font-size: 21px;color: #343434;line-height: 25px;margin-bottom: 40px;font-family: 'Noto Sans SC',Arial;font-weight: bolder;}
.cpfm_section7 .content{width: 100%;/*padding-left: 64px;padding-right: 50px;*/}
.cpfm_section7 .content ul{margin: -12px;width: calc(100% + 24px);overflow:hidden;}
.cpfm_section7 .content ul li{float:left; width:25%; padding:12px 12px 24px 12px;}
/*20220811start*/
.cpfm_section7 .content ul li a{display: block;}
/*20220811end*/
.cpfm_section7 .content ul li a img{width: 150px;display: block;/*margin: 0 auto;*/}
/*20220820start*/
.cpfm_section7 .content ul li a .wordsbox{width: 100%;padding-top: 30px;}
/*20220820end*/
/*20220811start*/
.cpfm_section7 .content ul li a .wordsbox .words1{font-size: 15px;color: #545252;line-height: 20px;font-family: 'Noto Sans SC',Arial;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.cpfm_section7 .content ul li a .wordsbox .words2{font-size: 14px;color: #6e6e6e;line-height: 22px;margin-top: 20px;font-family: 'Noto Sans SC',Arial;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
/*20220811end*/
@media  screen and (max-width: 1024px){
.cpfm_section7{padding-top: 30px;padding-bottom: 30px;}
.cpfm_section7 .tit{font-size: 18px;line-height: 22px;margin-bottom: 20px;}
.cpfm_section7 .content{padding-left: 0px;padding-right: 0px;}
.cpfm_section7 .content ul{display: block;margin: -6px;width: calc(100% + 12px);overflow: hidden;}
.cpfm_section7 .content ul li{width: 50%;float: left;display: block;padding: 6px 6px 12px 6px;}
.cpfm_section7 .content ul li a img{width: 70px;}
.cpfm_section7 .content ul li a .wordsbox{padding-top: 8px;}
.cpfm_section7 .content ul li a .wordsbox .words1{font-size: 14px;line-height: 18px;}
.cpfm_section7 .content ul li a .wordsbox .words2{font-size: 14px;line-height: 22px;margin-top: 12px;}
}


.cpfm_section5 .content7{padding-top: 14px; border-top: 1px solid #ededed;}
.cpfm_section5 .content5{padding-top: 14px; border-top: 1px solid #ededed;}
/*.cpfm_section5 .content1{margin-bottom:0;}*/
.cpfm_section5 .content1 tr:last-child{border-bottom:0;}
@media  screen and (max-width: 1024px){
.cpfm_section5 .content7{padding-top: 10px; border-top: 1px solid #ededed;}
.cpfm_section5 .content5{padding-top: 10px; border-top: 1px solid #ededed;}
}

.fileList dl dd .ps{padding-left:12px; position:relative; width:35%;}
.fileList dl dd .ps span{position:absolute; left:0; top:1px;}
@media  screen and (max-width: 1229px){
.fileList dl dd .ps {width: 42%;font-size: 14px;}
}
@media  screen and (max-width: 1024px){
.fileList dl dd .ps {width: 100%;font-size: 12px;}
}


.a_anchor{color:#c8161f; text-decoration:underline;}









/*20230829start*/
.w_1920{max-width: 1920px;margin-left: auto;margin-right: auto;}
.jtyy_logo{width: 100%;padding-top: 30px;padding-bottom: 30px;}
.jtyy_logo img{height: 60px;margin: 0 auto;display: block;}
.jtyy_video{width: 100%;position: relative;}
.jtyy_video .content{position: relative;}
.jtyy_video video{width: 100%;display: block;}
.jtyy_video video::-webkit-media-controls{display:none !important;}
.jtyy_video .pics{display: none;width: 100%;}
.jtyy_video .pics img{width: 100%;display: block;}
.jtyy_video .btn{width: 480px;}
.jtyy_video .btn a{display: block;font-size: 48px;color: #ffffff;line-height: 90px;text-align: center;background: rgba(0,0,0,0.5);border-radius: 10px;}
.jtyy_video .btn a:hover{background: rgba(255,255,255,0.5);color: #c8161f;}
.jtyy_video .btn1{position: absolute;left: 25%;bottom: auto;top: 50%; transform: translate(-50%,-50%);}
.jtyy_video .btn2{position: absolute;left: 75%;bottom: auto;top: 50%; transform: translate(-50%,-50%);}
.jtyy_bq{width: 100%;padding-top: 40px;padding-bottom: 40px;}
.jtyy_bq .bqwords{font-size: 14px;color: #030303;line-height: 34px;display: flex;justify-content: center;align-items: center;}
.jtyy_bq .bqwords img{width: 18px;display: block;margin: 0 8px;}
.jtyy_bq .bqwords a{display: block;color: #030303;}
.jtyy_ph{display: none;}
@media  screen and (max-width: 1680px){
.jtyy_logo{padding-top: 20px;padding-bottom: 20px;}
.jtyy_logo img{height: 40px;}
.jtyy_video .btn{width: 260px;}
.jtyy_video .btn a{font-size: 20px;line-height: 60px;}
.jtyy_bq{padding-top: 30px;padding-bottom: 30px;}
.jtyy_bq .bqwords{line-height: 20px;}
.jtyy_bq .bqwords img{width: 16px;}
}
@media  screen and (max-width: 1024px){
.jtyy_logo{padding-top: 20px;padding-bottom: 20px;}
.jtyy_logo img{height: 26px;}
.jtyy_video{display: none;}
.jtyy_bq{padding-top: 20px;padding-bottom: 20px;}
.jtyy_bq .bqwords{line-height: 24px;display: block;text-align: center;}
.jtyy_bq .bqwords img{width: 14px;margin: 0 4px;display: inline-block;}
.jtyy_bq .bqwords a{display: block;color: #030303;display: inline-block;}
.jtyy_ph{display: block;}
.jtyy_ph ul{width: 100%;}
.jtyy_ph li{position: relative;}
.jtyy_ph ul .pic{width: 100%;}
.jtyy_ph ul .pic img{width: 100%;display: block;}
.jtyy_ph ul .btn{width: 180px;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;}
.jtyy_ph ul .btn a{display: block;font-size: 18px;color: #fff;line-height: 40px;width: 100%;text-align: center;border-radius: 10px;background: rgba(0,0,0,0.5);}
.jtyy_ph ul .btn a:hover{background: rgba(255,255,255,0.5);color: #c8161f;}
.jtyy_ph ul .info{font-size: 16px;color: #525454;line-height: 24px;padding: 20px 15px;text-align: center;}
}
/*20230829end*/