adicn/statics/my/style/doem.css

.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.clearfloat {
    zoom: 1
}

.container {
    width: 100% !important;
    max-width: 1200px;
    max-width: 1170px\9;
}

.lcontiner {
    padding: 6% 0;
}

.er-content {
    max-width: 1200px;
    margin: 0 auto;

}

.jiejue a {
    color: #fff;
}

.er-content2 {
    max-width: 1300px;
    margin: 0 auto;

}

/* //#F6F9F9 */
.lcontiner {
    background-color: #F6F9F9;
}

.er-con ul {
    display: flex;
}

.er-content li {
    flex: 1;
    width: 25%;
    text-align: center;
    padding: 0px 6% 0% 6%
}

.er-content ul li img {
    width: 100%;
}

.l_title {
    width: 100%;
    margin-top: 7%;
    height: 48px;
    text-align: center;
    line-height: 42px;
}

.lu_title {
    font-size: 36px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    position: relative;
}

.san {
    background-color: #F6F6F6;
    padding: 73px 0;
    position: relative;
    box-sizing: border-box;
    width: 100%;
}

.san .er-content {
    position: relative;

}

.san_header {
    position: relative;
}

.san_content {
    width: 340px;
    padding: 100px 0 130px 0;
    background-color: rgba(234, 241, 255, 0.65);
    height: 100%;
    position: relative;
    z-index: 1;
    float: left;
}

.san_content:hover {
    background-color: rgba(234, 241, 255, 1);
}

.san_content ul {
    margin-top: 46px;
    padding: 0 30px;
}

.san_tile2 {
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 600;
    color: #000000;
    line-height: 16px;
    padding: 14px 15px;
}

.san_title {
    padding: 0 15px;
}

.san_title:after {
    width: 4px;
    height: 67px;
    background-color: #0E50C8;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    content: "";
    position: absolute;
    left: 0;
    webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
.mySwiper1 .swiper-slide img{
    width: 100%;
}

.l_title2 {
    padding: 17px 0;
    height: 55px;
    line-height: 55px;
    font-size: 20px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    text-align: center;
    -webkit-background-clip: text;
}

.swiperslide .swiper-slide {
    border: 1px solid rgba(14, 80, 200, 0.5);
    margin-right: 10px;
    padding: 20px;
    padding: 10px 20px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    height: 540px;
    overflow: hidden;

}

.titlediv_text {
    margin-top: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 70px;
}

.banner .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.banner .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 1);
    border: 2px solid #fff;
    position: relative;

}

.banner .swiper-pagination-bullet-active::after {
    width: 18px;
    height: 18px;
    background: rgba(255, 255, 255, 0);
    border: 2px solid #fff;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    content: "";
    position: absolute;
    border: 1px solid #fff;
    top: -5px;
    left: -5px;
    border-radius: 50%;


}

.titlediv_title {
    width: 100%;
    font-size: 24px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 28px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 56px;
}
.titlediv_text {
    width: 100%;
    height: 96px;
    font-size: 13px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 300;
    color: #3C3C3C;
    line-height: 20px;
    padding-top: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.titlediv_btn {
    width: 117px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 300;
    color: #0E50C8;
    border: 1px solid #0E50C8;
    margin-top: 10px;
    background: url(../images/img/02.png) right 15px center no-repeat;
    float: right;
    text-align: left;
    padding-left: 19px;
}

.tansuo {
    position: absolute;
    right: 0;
    bottom: 0;
}

.titlediv_bottom {}

.titlediv {
    margin: 18px 0;
}

.imgdiv {
    height: 276px;
    padding: 15px 0 15px 0;
    border-bottom: 1px solid rgba(14, 80, 200, 0.3);
}

.swiper2 {
    padding: 0 50px;
}

.s-next, .s-prev {
    width: 33px;
    height: 65px !important;
    background: #ADCAFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}

.swiper-button-next, .swiper-button-prev {
    color: #000000 !important;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    font-size: 25px !important;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    font-size: 25px !important;
}

.titlediv_btn:hover {
    color: #fff;
    background: url(../images/img/04.png) right 15px center no-repeat;
    background-color: #175394;
}

.titlediv_btn:hover a {
    color: #fff;
}

.h2after:after {
    width: 65px;
    height: 4px;
    background-color: #0E50C8;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -17px;
    webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.bg_img {

    position: absolute;
    width: 100%;
    height: 100%;


}

.b1 {
    background: url(../images/img/b1.jpg);
    background-size: cover;
    background-position-x: center !important;
    /*opacity: 0.4;*/
    z-index: 1;
}

.b2 {
    background: url(../images/img/b2.jpg);
    background-size: cover;
    background-position-x: center !important;
    /*opacity: 0.4;*/
    z-index: 1;
}

.b3 {
    background: url(../images/img/b3.jpg);
    background-size: cover;
    background-position-x: center !important;
    /*opacity: 0.4;*/
    z-index: 1;
}

.b4 {
    background: url(../images/img/b4.jpg);
    background-size: cover;
    background-position-x: center !important;
    /*opacity: 0.4;*/
    z-index: 1;
}

.b5 {
    background: url(../images/img/b5.jpg);
    background-size: cover;
    background-position-x: center !important;
    /*opacity: 0.4;*/
    z-index: 1;
}

.jiejue {
    position: relative;
    margin-top: 40px
}

.san_content .item {
    width: 112px !important;
    height: 72px;
    overflow: hidden;
    overflow: hidden;
    float: left;
    text-align: center;
    margin-top: 46px;
}

.san_content .list1 {
    background: url(../images/img/Component21.png) center no-repeat;
}

.san_content .list2 {
    background: url(../images/img/Group48.png) center no-repeat;
}

.san_content .list3 {
    background: url(../images/img/Group32.png) center no-repeat;
}

.san_content .list4 {
    background: url(../images/img/Group33.png) center no-repeat;
}

.san_content .list5 {
    background: url(../images/img/Group162.png) center no-repeat;
}

/* .san_content .list2:hover{
    background: url(../images/img/Group411.png)  45px center no-repeat;
} */
.san_content .active0 {
    background: url(../images/img/Component37.png) center no-repeat;

}

.san_content .active1 {
    background: url(../images/img/Group411.png) center no-repeat;
}

.san_content .active2 {
    background: url(../images/img/Group321.png) center no-repeat;
}

.san_content .active3 {
    background: url(../images/img/Group521.png) center no-repeat;
}

.san_content .active4 {
    background: url(../images/img/Group164.png) center no-repeat;
}

.san_container {
    height: 100%;
    position: relative;
    z-index: 1;

}

.titlediv_btn {
    width: 117px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 300;
    color: #0E50C8;
    border: 1px solid #0E50C8;
    margin-top: 10px;
    /* background: url(../images/tb_37.png) right 15px center no-repeat; */
    float: right;
    text-align: left;
    padding-left: 19px;
    bottom: 10px;
}

.santext {
    float: left;
    padding: 30px;
    overflow: hidden;
    right: 0;
    bottom: 0;

}

.santext h2 {
    height: 60px;
    font-size: 32px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 38px;
    letter-spacing: 1px;
}

.santext p {
    width: 70%;
    color: #FFFFFF;
}

.santext .title_btn {
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    width: 117px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 300;
    margin-top: 10px;
    background: url(../images/img/04.png) right 15px center no-repeat;
    float: right;
    text-align: left;
    padding-left: 19px;
    cursor: pointer;
}

.santext .tansuo {
    bottom: 34px;

}

.bgactive1, .bgactive2, .bgactive3, .bgactive4 {
    display: none;
}

.si {
    padding: 7% 0;
    background-color: #fff;
}

.tu1 {
    width: 100%;
    /* height: 470px;
    background: url(../images/img/Rectangle13.png) right center no-repeat;
    background-size: 100% 100%; 
    padding: 10px;
     margin-bottom: 15px; 
     z-index: 10; */
}

.text_si {
    height: 48px;
    font-size: 36px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    line-height: 42px;
    position: relative;
}

.si_left {

    margin-top: 2%;
    left: 10%;
    margin-left: 4%;
    overflow: hidden;
    float: left;
}

.heng:after {
    width: 65px;
    height: 4px;
    background-color: #0E50C8;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    content: "";
    position: absolute;
    left: 33px;
    bottom: -17px;
    webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.text {
    width: 90%;
    padding-top: 40px;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 300;
    color: #000000;
    line-height: 22px;
    height: 155px;
    overflow: hidden;
}

.si_rigth {
    float: left;
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.si_left .titlediv_btn {
    float: left;

}

.si a:hover {
    color: #fff;
}

.wu {
    background-color: #F6F9F9;
}

.bgwu {
    padding: 5% 10px;
    background: url(../images/img/Rectangle14.png) center no-repeat;
    background-size: 100%;
}

.l_title3 {
    width: 100%;
    text-align: center;
    line-height: 42px;
    -webkit-background-clip: text;

}

.eu_title {
    padding-top: 50px;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: Light;
    color: #000000;
    line-height: 25px;
}

.er-contentwu {
    max-width: 1100px;
    margin: 0 auto;
}

.bgwu ul li {
    float: left;
    margin-right: 4%;
    margin-top: 5%;
    overflow: hidden;
}

.wubtn {
    padding-top: 10%;
}

.bnt {
    margin: 0 auto;
    float: inherit;
}

.liu {
    background-color: #fff;
    padding: 5%;
}

.section.y6 {
    background-color: #333333;
}

.liu_left {
    border: 1px solid #ccc;
}
.liu_img {
    width: 100%;
    height: 233px;
    overflow: hidden;
}

.liu_left .liu_img img {
    width: 100%;
}

.liu_newtext a {
    color: #000;
}

.liu_newtext h4 {

    overflow: hidden;
    font-size: 20px;

    font-weight: bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.texttitle h4 {
    line-height: 1.5;
    height: 55px;
}

.texttitle p {
    padding: 10px 0;
}

.liu_newtext p {
    font-size: 14px;
    white-space: nowrap;
    /* 不换行 */
    overflow: hidden;
    /* 隐藏超出部分 */
    text-overflow: ellipsis;
    /* 显示省略号 */
}

.liu_ioc .ioc {
    display: inline-block;
    width: 22px;
    height: 17px;
    background: url(../images/img/Frame.png)center no-repeat;
    background-size: 100%;
}

.liu_newtext:hover .ioc {
    display: inline-block;
    width: 22px;
    height: 17px;
    background: url(../images/img/05.png)center no-repeat;
    background-size: 100%;
    overflow: hidden;
}

.liu_ioc .datatime {
    float: right;
}

.liu_right .dec {
    border: 1px solid #ccc;
    height: 121px;
    overflow: hidden;
}

.liu_conent {
    padding: 2.5% 0;
}

.liu_right .dec {
    padding: 2% 4%;
}

.h4 {
    line-height: 1.5;
    height: 46px;
}

.dec {
    margin-bottom: 1.2%;
}

.dec p {
    padding: 3.2px 0
}

.liu_newtext:hover {
    background-color: #0E50C8;
    /* -webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s; */
}

.liu_newtext:hover a {
    color: #fff;
}

.footertitle {
    font-size: 20px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 23px;
    letter-spacing: 1px;
}

.er-content .liu_footer li {
    width: 15% !important;
}

.i_con {
    width: 100% !important;
}

.liu_footer_content li {
    padding: 0;
}

.footertitle {
    padding-top: 15px;
}

.swiperslide .swiper-slide:hover {
    /* box-shadow: 0 0 13px #c6c4ce; */
    box-shadow: 0 8px 12px 0 rgba(198, 196, 206, 1);
}

.swiperslide .swiper-wrapper {
    padding: 40px 0px 40px 10px;
}

.texttitle {
    height: 140px;
    overflow: hidden;
}

.swiperslide .swiper-slide {
    background-color: #fff;

}
/* .swiper-button-prev:after{
    display: none;
}
.swiper-button-next:after{
    display: none;
} */
.swiperslide .swiper-slide .imgdiv img, .si_rigth img {
    width: 100%;
    height: 100%;
}

.gongsi {
    text-align: right;
    color: #666666;
    position: absolute;
    right: 58px;
    bottom: 24%;
}
.liu_footer{
position: relative;
display: flex;
}
.i_footer_tleft li {
    min-height: 204px !important;
}

.minwidth .i_morebtn {
    display: none;
}

.liu_phone {
    padding-left: 25px;
    height: 100px;
    line-height: -1.5;
    padding-right: 1%;
    padding-top: 37px;
    background: url(../images/img/Vector.png) left center no-repeat;
    color: #000
}

.l_input {
    margin-top: 39px;
    margin-right: 20px;
    height: 30px;
    border: none;
    background: url(../images/img/Group2.png) right center no-repeat;


}

.l_input input {
    margin-right: 40px;
    border: none;
    width: 126px;
}

.i_con {
    display: flex;
    justify-content: center;
}

.a_menu .a_menu_a:hover, .a_menu .a_menu_a.activetm1 {
    color: #05468d !important;
    background-color: #fff !important;
    font-weight: bold;
    font-size: 30px;
}

.a_menu .a_menu_a {
    font-size: 24px !important;
}

.adi_title {
    font-size: 36px;
    height: 60px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    line-height: 42px;
    position: relative;
    display: inline-block;
}

.yinwen {
    font-size: 16px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #CCCCCC;
    line-height: 19px;
}

.titleafter:after {
    width: 65px;
    height: 1px;
    background-color: #CCCCCC;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    content: "";
    position: absolute;
    left: 33px;
    bottom: 0;
    webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.adi_title2 {
    /* width: 191px; */
    font-size: 24px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 28px;
    padding: 20px 0;
    display: inline-block;
}

.aid_right {
    padding: 80px 0 0px 0px;
}

.img_r {
    display: inline-block;
    height: 440px;
}

.img_r img, .img_r2 img {
    width: 100%;
    height: 100%;
}

.img_r2 {
    display: inline-block;
    height: 433px;
    overflow: hidden;
}

.pad {
    margin-top: 100px;
}

.aid_bg {
    background-color: #FBFBFB;
}

.aid_bgimg {
    width: 100%;
    padding: 2% 0 0px 2%;

    background: url(../images/img/Rectangle47.png) center center no-repeat;
    background-size: cover;
    padding-bottom: 30px;
}

.l_fc {
    text-align: center;
}

.aid_bgimg .listg {
    width: 31.3%;
    position: relative;
    height: 650px;
    overflow: hidden;
    background-color: rgba(12, 39, 88, 0.3);
    padding: 70px 0;
    float: left;
   margin: 10px;
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   -moz-transition: all 0.5s;
   transition: all 0.5s;
}

.our_tile {
    width: 100%;
    height: 96px;
    display: inline-block;
    text-align: center;

    line-height: 42px;
    position: relative;
}

.our {
    font-size: 36px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
}

.q_ye:after {
    width: 65px;
    height: 1px;
    background: rgba(12, 39, 88, 0.5);
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    content: "";
    position: absolute;
    left: 50%;
    top: -20px;
    webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.l_tspiri:after {
    width: 65px;
    height: 1px;
    background: rgba(12, 39, 88, 0.5);
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    content: "";
    position: absolute;
    left: 50%;
    ;
    bottom: 5px;
    webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.listg p {
    margin: 30px 0;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 21px;

}

.listg .yitext {
    display: inline-block;
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 21px;
    width: 100%;
}

.listg .cultrue{
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 16px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%);
    
}
.classul{
    padding-bottom: 15px;
}
.bgcolor1{
    background-color: #F6F6F6 ;
    padding: 6.5% 0;
}
.l_ryu{
    /* padding: 0 360px; */
}
.l_ryu ul{
   float: left; 
}
.l_ryu ul li{
    width:100%;
    font-size: 17px;
font-weight: 400;
color: #000000;
line-height: 23px;
text-align: center;
margin-top: 20px;
padding: 5px 0;
position: relative;
line-height: 30px;
line-height: 38px;
height: 38px;
}

.l_ryuimg{
    width: 100%;
}
.l_ryuimg .home-swiper7{
    padding: 70px  0 0 0;
}
.h_zuo ul li{
    width: 20%;
    float: left;
    
}
.h_zuo  .he_zuo{
    padding: 6.5% 0 1% 0;

}
.lx_zuo{
    background-color:#F9F9F9 ;
 
}
.lx_bg{
    background: url(../images/img/Rectangle50.png) center no-repeat;
    background-size: 100%;
}

.lx_title{
    font-size: 32px;
    font-weight: 400;
    color: #000000;
    line-height: 40px; 
}
.lian_x span{
    font-size: 20px;
    font-weight: 300;
    color: #4D4D4D;
    line-height: 40px;
}
.lian_x  .l_text {
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    line-height: 40px;
}
.i_footer_tright_c{
    padding: 0 !important;
}
.footer_lx{
    padding: 0;
}
.l_footer{
  color: #fff !important;
}
.l_padding{
    padding: 6.5% 0;
 
}
.lx_css{
    width: 50%;
    text-align: center;
}
.lx_add{
    padding-left: 3%;
}
.lx_bottom{
    padding: 68px 0 0 0;
}

.lx_bottom ul li{
    flex: 1;
    position: relative;
    text-align: center;
}
.lx_bottom ul li:after{
    width: 1px;
    height: 120px;
    background: #999999 ;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
.lx_bottom .lx_h4{
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    line-height: 40px;
}
.lx_bottom .lx_h4_text{
    font-size: 20px;
font-weight: 300;
color: #4D4D4D;
line-height: 40px;
}
.a1_tile{
    color: #fff !important;
}
.lx_lx{
    margin-top: 20px;
}
.listg:hover {
    /* box-shadow: 0 0 13px #c6c4ce; */
    box-shadow: 0 8px 12px 0 rgba(14, 80, 200, 0.65);
    /* background-color: rgba(12, 39, 88, 0.65); */
}
.l_ryuimg .Amplification img{
    height: 100%;
}
.home-swiper7 .swiper-slide .a_img{
    width: 100%;
    height: 345px;
}
.lx_h4 img{
    padding-right: 9px;
}
.next-limg{
    background-image: url(../images/img/r.png) !important;
    right: 0 !important;
    left: auto;
}
.next-rimg{
    background-image: url(../images/img/le.png) !important;
    right: auto;
    left: 0 !important;
}   
.l_ryu .ul1 li .imgleft,.l_ryu .ul2 li .imgleft{
    position: absolute;
    left: 16px;
  

}
.l_ryu ul li .imgright{
    position: absolute;
    right: 16px;

}
.i_ss_c{
    display: block !important;
    width: 165px;
    height: 40px;
    background-color: #fff;
    position: absolute;
    right: 5px;
    top: -6px;
    background: url(../images/img/Group2.png) right center no-repeat;

}
.liu_sousuo{
    margin-top: 39px;
    margin-right: 20px;
    height: 30px;
    border: none;
    width: 170px;
    position: relative;
}
.lx_css{
    width: 100%;
}
.l_ryu .ul1{
    width: 20%;
 
}
.l_ryu .ul3{
    width: 45%;
 
}
.l_ryu .ul2{
    width: 30%;
 
}
.l_ryu .ul3{
    width: 45%;
 
}
.h_zuo ul li img{
    width: 100%;
    height: 100%;
    
}
.l_ryu .ul3 li{
    text-align: right;
    padding-right: 50px;
}
.ipt22{
    width: 30px;
    height: 30px;
    border: 0px;
    background-color: rgba(12, 39, 88,0);
    position: absolute;
    right: 7px;
}

.i_ss_c .ipt1{
    width: 134px;
    height: 31px;
    line-height: 40px;
    background-color: rgba(12, 39, 88,0);
}
input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #808080;
  transition: background-color 1000s ease-out 0.5s;
}
.i_ssbn_div .ipt1{
    font-size: 14px;
}
.header_div .i_logo{
    padding-top: 35px !important;
}
@media screen and (min-width:80px) and (max-width:640px) {
    .h_zuo ul li{
        width: 50%;
        
    }
    .san_content .item{
        width: 50% !important;
    }
    .l_ryu .ul1{
        width:100%;
    }
    .pad {
        margin-top: 11%;
    }
    .santext .tansuo {
        bottom: 0;
        float: left;
    }
    .liu_img {
        width: 100%;
        height: 119px;
        overflow: hidden;
    }
    .liu_img img {
        width: 100%;
      height: 100%;
    }
    .santext p{
        width: 100%;
    }
    .l_ryu .ul2{
        width: 100%;
     
    }
    .liu .tansuo{
       position: relative;
    }
    .liu{
        padding: 5% 10;
    }
    .san_header:after {
        display: block;
        clear: both;
        content: "";
        visibility: hidden;
        height: 0
    }
    
    .san_header {
        zoom: 1
    }
    
    .l_ryu .ul3{
        text-align: center;
        width: 100%;
     
    }
    .h_zuo ul li{
        width: 50%;
        
    }
    .aid_bgimg .listg{
        width: 90%;
        height: 500px;
    }
    .lx_title{
        font-size: 24px;
    }
    .texttitle{
        padding: 2% 4%;
    }
    .er-content,.san_title{
        padding: 0 10px;
    }
 .san .tansuo{
     position: relative;
 }
 .san .san_content{
     width: 100%;
 }
 .l_ryu .ul3 li .imgleft{
    position: absolute;
    left: 16px;
  
}
.l_ryu ul li
{
    font-size: 14px;
    text-align: center !important;
    padding-right:5px !important;
}
}

@media screen and (min-width: 640px) and (max-width: 992px) {
    .l_ryu .ul1{
        width: 100%;
     
    }
   
    /* .l_ryu .ul3 li .imgleft,.l_ryu .ul3 li .imgright {
        position: absolute;
        right: 16px;
    } */
    .l_ryu .ul3 li .imgleft{
        position: absolute;
        left: 16px;
      
    }
    .san .san_header{
        padding: 0 5%;
    }
    .n_box1 {
        padding: 20px 3%;
    }
    .l_ryu .ul2{
  
        width: 100%;
     
    }
    .l_ryu .ul3{
        text-align: center;
        width: 100%;
    }
    
    
    .liu_right {
        width: 100%;
    }
    .l_ryu ul li{
        text-align: center !important;
        width: 100%;
    }
    .lixian{
        width:100%;
    }
    .liu_left {
        width: 100%;
    }

    .bgwu ul li {
        width: 44%;
        margin-top: 10px;

    }

    .si_left, .si_rigth {
        width: 100% !important;
    }

    .si_left .titlediv_btn {
        margin-top: 3%;
    }

    .santext {
        width: 100%;
    }

    .texttitle {
        padding: 2% 4%;
    }
    .ui_div{
        background-color: #333333 !important;
    }
    .aid_bgimg .listg {
        width:47%;
    }
    .h_zuo ul li{
        width: 30%;
        
    }
    .lx_css{
        width: 100%;
    }
   .liu_input  .ui_div{
        background-color: none !important;
    }

}

@media screen and (min-width: 993px) and (max-width: 1970px) {
    .l_ryu .ul1{
        width: 25%;
     
    }
   
    .lx_bottom ul{
        display: flex;
    
    }
    .lixian{
        width: 50%;
    }
  .liu_left{
    float: left;
  }
  .liu_right{
    float: right;
  }
    /* .aid_bgimg .listg {
    
    } */
    .h_zuo ul li{
        width: 20%;
        margin-top: 10px;
        
    }
    .minwidth {
        max-width: 1200px;
        margin: 0 auto;
    }

    .ulwu {
        display: flex;
    }

    .liu_right {
        width: 49%;
    }

    .liu_left {
        width: 49%;
    }

    .liu_right {
        margin-left: 2%;
    }

    .si_left {
        width: 40%;
    }

    .si_rigth {
        width: 50.5%;
    }

    .si_left .titlediv_btn {
        margin-top: 14%;
    }

    .texttitle {
        padding: 2% 8%;
    }

    .santext {
        width: 71.7%;
        position: absolute;
    }
    .n_box1 .a_img_r_c{
        height: 268px !important;
    }

}