@charset "utf-8";
.navbar_row{width:100%; height:auto; margin:0px auto;}
.del_jhx {border: 1px solid #0CF;padding: 2px; display:none;}
@font-face {
    font-family: 'PingFang SC'; 
    src: url('../fonts/PingFang SC.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: "DIN";
  src: url("../fonts/DIN-Medium.woff") format("woff"),
       url("../fonts/DIN-Medium.ttf") format("truetype"),
       url("../fonts/DIN-Medium.eot") format("embedded-opentype"),
       url("../fonts/DIN-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family:"youshe";
  src: url("../fonts/youshe.woff") format("woff"),
       url("../fonts/youshe.ttf") format("truetype"),
       url("../fonts/youshe.eot") format("embedded-opentype"),
       url("../fonts/youshe.svg") format("svg");  
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family:"Futura";
  src: url("../fonts/Futura-Medium-01.woff") format("woff"),
       url("../fonts/Futura-Medium-01.ttf") format("truetype"),
       url("../fonts/Futura-Medium-01.eot") format("embedded-opentype"),
       url("../fonts/Futura-Medium-01.svg") format("svg"); 
  font-weight: normal;
  font-style: normal;
}


@-webkit-keyframes img-dt1 {
0% {-webkit-transform:translateX(-16%);transform:translateX(-16%)}
50%{-webkit-transform:translateX(8%);transform:translateX(8%)}
100% {-webkit-transform:translateX(-16%);transform:translateX(-16%)}
}
@keyframes img-dt1 {
0% {-webkit-transform:translateX(-16%);transform:translateX(-16%)}
50%{-webkit-transform:translateX(8%);transform:translateX(8%)}
100% {-webkit-transform: translateX(-16%);transform:translateX(-16%)}
}

@-moz-keyframes img-dt3{
    0%{-moz-transform:scale(1);}
    10%,20%{-moz-transform:scale(1) rotate(-3deg);}
    30%,50%,70%,90%{-moz-transform:scale(1) rotate(3deg);}
    40%,60%,80%{-moz-transform:scale(1) rotate(-3deg);}
    100%{-moz-transform:scale(1) rotate(0);}
}

@-webkit-keyframes img-dt3{
    0%{-webkit-transform:scale(1);}
    10%,20%{-webkit-transform:scale(1) rotate(-3deg);}
    30%,50%,70%,90%{-webkit-transform:scale(1) rotate(3deg);}
    40%,60%,80%{-webkit-transform:scale(1) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0);}
}



.bannerinlist_row{ width: 100%;height: auto;margin: 0px auto; text-align: center; }
.bannerinlist_row .container222{width:100%; margin: 0px auto; text-align: center; }
.bannerinlist_row .container222 .col-md-12 img{max-width:1920px;height:auto;}
.bannerinlist_row img{ width:100%;height: auto; opacity: 1;}
.bannerinlist_row img:hover{ opacity:0.98;}
.renthot_row_bt{ text-align: center;margin: 0px auto;}
.navbar_row .bt_smalltext{ text-align: center;margin: 0px auto;}
.navbar_row .bt_smalltext h4{font-size:36px;padding: 32px 0px 15px 0px; font-weight:600; color: #333;}
.bannerinlist_row .fourcommit{text-align: center; font-size:36px;padding:35px 0px 32px 0px; font-weight:900;color: #333; }
.bannerinlist_row .huodongxunzhan{text-align: center; font-size:36px;padding: 20px 0px 28px 0px; font-weight:900;color: #333; }
.bannerinlist_row .huodongxunzhan img{width:100%;height: auto;}
.liuchengpic { position: relative;  z-index: 9; padding: 140px 0px 140px 0px;margin: 0px auto; margin-top: 0px; background:url(../images/liuchengpic_con_list_bg-min.jpg) no-repeat center center;}
.liuchengpic:after { content: ''; position: absolute; background: rgba(95, 157, 207, 0.85); top: 0; left: 0; right:0; width: 1170px; height: 100%; z-index: -9; margin-left: auto; margin-right: auto;}
.liuchengpic_con{position: relative;}
.liuchengpic_con_text{text-align: center; font-size:50px;margin-bottom:125px; color: #fff; position: relative; margin-top: -50px;}
.liuchengpic_con_text:hover{color: #333; transition: 0.2s; -webkit-transition: 0.2s;} 
.liuchengpic_con_list{margin-bottom: 0px; }
.liuchengpic_con_list li:last-child::after{background: none;}
.liuchengpic_con:after{position: absolute; content: ''; background:url(../images/dot123.png) no-repeat; top:30%; left: 150px; width: 80px; height: 30px; background-size:  60%;}
.liuchengpic_con{display: inline-block; float: left; margin: 0px 0px 20px 78px; text-align: center; width: 12%; height: auto;}
.liuchengpic_con img{transition:transform 0.4s ease; -webkit-transition:transform 0.4s ease;margin-bottom:17px;}
.liuchengpic_con img:hover{transform: rotateY(180deg); -webkit-transform:rotateY(180deg); transition:transform 0.4s ease; -webkit-transition:transform 0.4s ease; }
.liuchengpic_con p{ padding-top:1px; font-size: 17px; color: #000; transition: 0.5s; -webkit-transition: 0.5s; font-family: "Microsoft Yahei";}
.liuchengpic_con p:hover{color: #fff; }
.shbz{margin: 0px 0px 45px 0px;}
.hdxz .col-md-12{background:#DCF3F9; padding-top:20px;}
.shbz_title{text-align: center; font-size:36px;padding: 25px 0px 38px 0px; font-weight:900;color: #333;}
.shbz_list{width: 100%; height: auto; margin: 0px auto; text-align: center;}
.shbz_list li{width: 24.5%; height:350px;float: left; margin-right:6px;}
.shbz_list li:last-child{margin-right: 0px;}
.shbz_list li img{width:100%;height: auto;}
.shbz_list li h4{ padding: 7px 0px 5px 0px; color:#000; font-weight:bold;}
.shbz_list li p{padding: 2px 10px 0px 10px; color:#666;}
.bt1,.bt2,.bt3,.bt4,.bt5{ height: 78px; margin:45px 0px;}
/* .bt1{margin: 25px 0px;}
.bt2{margin: 25px 0px;}
.bt3{margin: 25px 0px;}
.bt4{margin: 25px 0px;}
.bt5{margin: 25px 0px;} */

@media (max-width: 770px){
.productlist_row .productList li:last-child{display:none;}
.liuchengpic { position: relative;  z-index: 9; padding: 70px 0px 70px 0px;margin: 0px auto; }
.liuchengpic:after {width: auto; height: 100%; }
.liuchengpic_con{display: inline-block; float: left; margin: 0px 0px 10px 43px; text-align: center; width: 12%; height: auto;}
.liuchengpic_con img{transition:transform 0.4s ease; -webkit-transition:transform 0.4s ease;margin-bottom:17px; height:40px;}
.liuchengpic_con:after{position: absolute; content: ''; background:url(../images/dot123.png) no-repeat; top:30%; left:84px; width: 40px; height: 30px; background-size:  60%;}
.bt1,.bt2,.bt3,.bt4,.bt5{ height: 45px; margin:18px 0px;}
.shbz_list li{width: 99.7%; height:auto;float: left;margin-bottom:8px; margin-right:0px}
.shbz_list li p{padding: 2px 3px 0px 3px; color:#666; text-align:left;}
}

@media (max-width:620px){
.productlist_row .productList li:last-child{display:none;}
.liuchengpic { position: relative;  z-index: 9; padding: 40px 0px 40px 0px;margin: 0px auto; }
.liuchengpic:after {width: auto; height: 100%; }
.liuchengpic_con{display: inline-block; float: left; margin: 0px 0px 10px 30px; text-align: center; width:11%; height: auto;}
.liuchengpic_con img{transition:transform 0.4s ease; -webkit-transition:transform 0.4s ease;margin-bottom:17px; height:40px;}
.liuchengpic_con:after{display:none;position: absolute; content: ''; background:url(../images/dot123.png) no-repeat; top:30%; left:60px; width:20px; height: 15px; background-size:  60%;}

}