@charset "UTF-8";

.left{ float: left;}
.right{float: right;}
.y_nav{display: none;}
.justify_fix{display:inline-block; width:100%; height:0; overflow:hidden;}

.mob{display: none;}
.pc{display: block;}


/*banner*/
.ban_swi{ float: none;}
.ban_swi .swiper-slide{ text-align: center;}
.ban_swi .swiper-button-next,.ban_swi .swiper-button-prev{width: 63px;height: 63px;text-align:center; border: 1px solid #fff; color: #fff; font-size: 14px; background: none;line-height: 63px; border-radius: 50%;}
.ban_swi .swiper-button-next:hover,.ban_swi .swiper-button-prev:hover{background:#213e84; border: 1px solid #213e84;}
.ban_swi .swiper-button-next{right: 5%;}
.ban_swi .swiper-button-prev{left: 5%;}
.ban_swi .swiper-pagination-bullet{width: 12px; height: 12px; background: #fff; opacity: 1;}
.ban_swi .swiper-pagination-bullet-active{ background: #213e84; width: 80px; border-radius: 6px; }

.header{ position: absolute; top: 0; width: 100%; height: 109px; z-index: 2;transition: all 0.3s ease-out; }
.header .l2{display: none;}
.search{display: inline-block; width: 12%; height: 38px; border: 1px solid #fff; border-radius: 3px;  float: right;}
.search input{ border: none; background: transparent;}
.search .sebox{ float: left; width: calc( 100% - 30px);}
.search .se_sub{ width: 20px; height: 20px; background: url("../images/seico.png") center no-repeat; float: right; margin-top: 8px; margin-right: 10px;}
.header:hover{ background: #fff;}
.header:hover .l1{display: none;}
.header:hover .l2{display: block;}
.header:hover .nav_list li a{ color: #333;}
.header:hover .search{border: 1px solid #333; }
.header:hover .se_sub{background: url("../images/seico2.png") center no-repeat;}
.navs{width: 85%; margin: 19px auto 10px auto; height: 80px; max-width: 1600px;    display: flex;  align-items: center; }
.navs .logo{ float: left;  }
.nav_list{float: left; margin-left: 4%; width: 75%; text-align: justify; height: 109px;     display: flex;
    justify-content: center;
}
.nav_list li{float: left; margin: 0 3%;  }
.nav_list li a{ color: #fff; font-size: 18px;line-height: 107px;}

.sub{ position: absolute; top: 109px; width: 100%; left: 0; text-align: center;background: rgba(0,0,0,.5);  display: none; height:auto;}
.nav_list li:hover .sub{ display: block;}
.header .nav_list .sub li{ display: inline-block; float: none; line-height: 73px;}
.header .nav_list .sub li a{line-height: 73px;}
.header:hover .nav_list .sub li a{ color: #e3e3e3; }


.cp_tt{ margin-top: 50px; margin-bottom: 60px; text-align: center;}
.cn_in{ font-size: 46px; text-align: center; color: #000; font-weight: bold; }
.en_in{ font-size: 16px; text-align: center; color: #424242; text-transform: uppercase; margin-top: 5px;}
.cp_tt .en_in{margin-bottom: 35px;}




.cp_list{ width: 1730px; margin: 0 auto; height: 583px; position: relative;}
.cp{ width: 1600px; margin: 0 auto; text-align: center;}
.cp_d{ width: 360px; height: 198px; background: url("../images/cp_bg1.jpg") center no-repeat; margin:-80px auto 0 auto; padding:20px 30px; transition: all 0.3s;}
.cp_cn{ font-size: 19px; margin-top: 85px; color: #fff;}
.cp_en{ font-size: 10px; color: #9acaf0; text-transform: uppercase; height: 12px;}
.mre{ margin: 42px auto; }
.cp_list .swiper-slide:hover .cp_d{ background: url("../images/cp_bg2.png") center no-repeat; height: auto; }
.cp_list .pbn11 {
    left: 0;
    background: url(../images/left1.png) no-repeat;
    background-size: contain;
    width: 65px; height: 65px;
    margin-top: -80px;
}
.cp_list .pbn11:hover {
    background: url(../images/left1_on.png) no-repeat;
    background-size: contain;
}
.cp_list .pbp11 {
    right: 0;
    background: url(../images/right1.png) no-repeat;
    background-size: contain;
    width: 65px; height: 65px;
    margin-top: -80px;
}
.cp_list .pbp11:hover{
    background: url(../images/right1_on.png) no-repeat;
    background-size: contain;
}


.in_case{ width: 100%; background: url("../images/case_bg.jpg") no-repeat center; background-size: cover; height: auto; overflow: hidden;}
.case_tt{ color: #fff ; margin: 57px auto 40px;}
.case_tt .cn_in,.case_tt .en_in{ color: #fff;}

.in_case_con{ width: 1600px; margin: 0 auto; text-align: justify;}
.in_case_item p{ font-size: 20px; background: #fff;  line-height: 68px; text-indent: 1em; color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.in_pn{ position: initial; text-align: center;}
.in_pn .swiper-pagination-bullet{ width: 13px; height: 13px; margin: 48px 9px 40px; background: #90a7db; opacity: 1;}
.in_pn .swiper-pagination-bullet-active{ background: #fff;}
.in_case_item p img{ float: right; margin-top: 20px;margin-right: 1em; display: inline-block;filter: invert(49%) sepia(6%) saturate(9%) hue-rotate(333deg) brightness(93%) contrast(86%);}
.in_case_item:hover p{ color: #213e84;}
.in_case_item:hover p img{filter: none;}

.in_news{ background: #f9f9f9; height: auto; overflow: hidden;}
.in_news_con{ width: 1600px; text-align: justify; margin: 0 auto 80px;}
.in_news_tt{ width: 1600px; margin: 50px auto 40px;height: auto; overflow: hidden;}
.in_news_tt .left .nc1{ font-size: 30px; font-weight: bold;}
.in_news_tt .left .nc2{ font-size: 16px; color: #424242; text-transform: uppercase; margin-top: 10px;}
.in_news_tt .right a{ display: block; line-height: 58px; width: 165px; color: #333; border: 1px solid #333; text-align: center;font-size: 16px; margin-top: 15px;}
.in_news_tt .right a:hover{border: 1px solid #213e84;
    color: #213e84;}

.in_news_item{display: inline-block; width: 49%; border: 1px solid #eeeeee; margin-bottom: 20px;}
.in_news_item a{color: #333; display: block; width: 100%; height: auto; overflow: hidden;}
.in_news_item a:hover h1{color: #213e84;}


.in_news_item .left{font-size: 28px; text-align: center; width: 105px; height: 105px; border: 1px solid #dfdfdf; border-radius: 50%; padding-top: 14px; margin: 35px 50px 35px 40px;}
.in_news_item .left p{ font-size: 16px; }
.in_news_item p{color: #5a5a5a;}
.in_news_item .right{width: 70%; float: left; margin: 35px auto;}
.in_news_item .right h1{ font-size: 18px;    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.in_news_item .right p{ font-size: 14px; color: #5a5a5a; line-height: 20px; margin-top: 20px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.in_news_item:hover .left{ color: #fff; background: #213e84; border:5px solid #d9dde8; }
.in_news_item:hover .left p{color: #fff;}


.in_hz{width: 1600px; height: auto; margin: 55px auto 85px; text-align: justify;}
.hz_item{display: inline-block; border: 6px solid #f0f0f0;}
.hz_item:hover{border: 6px solid #213e84;}






.oth-top,.banner{ text-align: center;}
.oth-top img,.banner img{width: 100%;}

.oth-menu{ text-align: center;border-bottom: 1px solid #f4f4f4;}
.oth-menu li{ display: inline-block; margin: 55px auto 50px auto; padding:0 80px; border-right: 1px solid #e5e5e5;}
.oth-menu li:last-child{ border: none;}
.oth-menu li a{ color: #787878; font-size: 18px;}
.oth-menu li p{ margin-top: 20px;}
.oth-menu li img{width:48px;height:50px;filter: invert(49%) sepia(6%) saturate(9%) hue-rotate(333deg) brightness(93%) contrast(86%);}
.oth-menu .oth-act img,.oth-menu li:hover img,.oth-menu .oth-act a,.oth-menu li:hover a{ color: #213e84;filter:none;}


.about_video_bg{ background: url("../images/about_bg.jpg") center no-repeat; background-size: cover; height: 929px;    overflow: hidden;}
.about_video_tt{ margin-top: 88px;}
.cn{ font-size: 30px; color: #000; text-align: center; font-weight: bold;}
.en{ text-transform: uppercase; font-size: 16px; font-family: Arial; text-align: center; color: #424242; margin-top: 10px;}
.about_video{width: 1288px; height: 649px; margin:55px auto auto;}

.about{width: 85%; margin: 78px auto 100px auto; height: auto; overflow: hidden;max-width: 1600px;}
.about_tt .en,.about_tt .cn{ text-align: left;}
.at { background: url("../images/at_bg.png") no-repeat;color: #fff; margin: 30px auto 30px 0;  font-size: 18px;text-indent: 2em; line-height: 45px; width: 542px;}
.about .dsc{ font-size: 16px; line-height: 24px; text-indent: 2em;}
.about .left{width: 53%; margin-right: 2%;}
.about .right{width: 43%;}
.about .right img{max-width: 100%;}

.ab{ margin-top: 30px; margin-bottom: 70px;}

.ab .a2 {
    left: 30.5%;
    background: url(../images/left1.png) no-repeat;
    background-size: contain;
    width: 65px; height: 65px;
}
.ab .a2:hover {
    background: url(../images/left1_on.png) no-repeat;
    background-size: contain;
}
.ab .a1 {
    right: 30.5%;
    background: url(../images/right1.png) no-repeat;
    background-size: contain;
    width: 65px; height: 65px;
}
.ab .a1:hover{
    background: url(../images/right1_on.png) no-repeat;
    background-size: contain;
}

.oth_pro{ width: 85%; margin: 43px auto; height: auto; overflow: hidden;max-width: 1600px;}
.oth_pro .left{width: 17%;}
.oth_tt{ width: 100%; background: #213e84; line-height: 70px; font-size: 24px; text-align: center; color: #fff;}
.oth_pro .left ul{ margin-top: 15px;}
.oth_pro .left ul li{ line-height: 50px; border-bottom: 1px solid #c6c6c6; font-size: 16px; background: url("../images/icopro2.png") right center no-repeat; margin: 0 20px;}
.oth_pro .left ul li p{ display: inline-block; color: #333;}
.oth_pro .left ul li img{ display: inline-block; margin-right: 12px;}
.oth_pro .left ul li:hover,.oth_pro .left ul li.oth-act{background: url("../images/icopro2_on.png") right center no-repeat;}
.oth_pro .left ul li:hover p,.oth_pro .left ul li.oth-act p{ color: #213e84;    }

.oth_pro .right{width: 80%;}
.oth_pro .right .pro_list{ text-align: justify;    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;}
.oth_pro .right .pro_list>a{width: 30.3%; margin-bottom: 35px;margin-right: 3.8%;}
.oth_pro .right .pro_list>a:nth-child(3n){margin-right: 0;}
.pro_item{ }
.pro_item .pro_m{ border: 1px solid #e5e5e5;}
.pro_item .pro_m img{max-width: 100%; text-align: center;}
.pro_item .pro_tt{ font-size: 18px; text-align: center; color: #333; margin-top: 20px;    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.pro_item:hover p{ color: #213e84;}
.pro_item:hover .pro_m{border: 1px solid #213e84; }



.video,.case,.down{width: 85%; margin: 40px auto 70px auto;max-width: 1600px;}
.video_item{ display: inline-block; width: 30.5%; border: 1px solid #e5e5e5; color: #333;    margin-bottom:45px;}
.video_item .video_m img{width: 100%;}
.video_item p{ line-height: 86px; text-align: center; font-size: 20px; }
.video_item:hover{ color: #fff; background: #213e84; }

.case{ text-align: justify;}
.case_item{ display: inline-block; width: 32%; border: 1px solid #e5e5e5; color: #333; position: relative; margin-bottom: 30px;}
.case_item .video_m img{width: 100%;}
.case_item p{ line-height: 36px; text-align: center; font-size: 20px;margin-top: 25%; color: #fff;  width: 100%;}
.case_item .fa{ margin-top: 35px;}
.case_item:hover{ color: #fff; background: #213e84; }
.case_item .info{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; display: none; transition: all 0.3s;}
.case_item:hover .info{ display: block;}



.sub_menu{ margin: 45px auto; text-align: center;}
.sub_item{display: inline-block; color: #213e84; padding: 0 3.5%; line-height: 40px; border: 1px solid #213e84; border-radius: 20px; margin: 0 1%;}
.sub_item.oth-act{ color: #fff; background: #213e84;}

.down_item{ border: 1px solid #d9d9d9; padding: 28px 0 20px 65px; height: auto; overflow: hidden; margin-bottom: 20px;}
.down_item .img{ float: left; }
.down_item .d_tt{ float: left; font-size: 18px; line-height: 65px; color: #000; margin-left: 20px;}
.down_item .more{ background: #213e84; line-height: 40px; float: right; border-radius: 20px;padding: 0 3.5%; font-size: 18px; color: #fff; margin-right: 2.5%; margin-top: 10px;}

.c_list{width: 85%; text-align: justify;  margin: 0 auto;}
.c_ite{ display: inline-block; height: 225px; width: 32.5%; background: url("../images/cbg1.jpg") center no-repeat;vertical-align: middle; text-align: center; font-size: 16px; color: #fff;}
.c_ite img{ margin-top: 40px;}
.c_ite .con{ margin-top: 15px; line-height: 1.5;}

.msg_tt{ margin: 60px auto 22px;}

.cont_msg{width: 85%;margin: 0 auto;}
.join_f{background: #f1f3f5;padding: 40px 45px;}
.j_inp input,.join_f select{    width: 48%;height: 48px;border: 1px solid #e4e6e8;padding-left: 20px;font-size: 16px;}
.j_inp input:nth-child(even){float: right;}
.j_inp{margin-bottom: 20px;}
.join_f textarea{width: 100%;height: 125px;border: 1px solid #e4e6e8;padding-left: 20px;padding-top: 15px;}
.b_cent{text-align: center;margin-top: 30px;}
.b_cent input{width: 180px;height: 45px;border: none;background: #21409d;color: white;font-size: 18px;}

.map{ margin: 20px auto 62px; width: 85%; height: 400px;}

.content{ font-size: 16px; line-height: 35px;}

.content img{max-width: 100%; height:auto !important;}
.content iframe,.content video{max-width: 100%; }


.video{    text-align: justify;}





.foot_bg{
    width: 100%; background: #0d2147;
}
.foot_con{ margin: 0 auto; width: 85%; height: auto; overflow: hidden; padding: 55px 0;  border-bottom: 1px solid #1f3357; max-width: 1600px;}
.foot_con .left{ width: 60%;}
.foot_con .left ul{ float: left; margin-right: 8%;}
.foot_con .left ul li{font-size: 13px; line-height: 36px; }
.foot_con .left ul li.tt{ font-size: 18px; margin-bottom: 20px;}
.foot_con .left ul li.tt a{color: #fff;}
.foot_con .left ul li a{ color: #b7bac1; }
.foot_con .left .pro{ width: 35%; margin-right: 0;}
.foot_con .pro .tt{ width: 100%;}
.foot_con .pro li{float: left; width: 50%; }
.foot_con .right{width: 40%;}

.ewmd{ float: right; width: 21.5%; margin-right: 10%;}
.ewmd .tt,.tel .tt{ font-size: 18px; color: #fff; text-align: left;margin-bottom: 20px; line-height: 36px;}

.tel{ color: #fff; float: left; width: 60%; }
.tel_con{ height: auto; overflow: hidden;}
.tel_con .img{ text-align: left; float: left;}
.tel_con .text{ float: left; margin-left: 12px; margin-bottom: 10px; }
.tel_con .text .t1{ font-size: 14px; color: #9da2ad; line-height: 14px;}
.tel_con .text .t2{ font-size: 24px;}
.dc{ line-height: 30px; color:#9da2ad; font-size: 14px; }

.copy{width: 85%; margin: 0 auto; line-height: 70px; font-size: 12px; color: #acafb8;}
.copy a{ color: #acafb8}
.copy span{ float: right;}

    /*
    分页
     */
.Pagination{width: 100%;height: auto;text-align: center;margin-top: 15px; margin-bottom: 70px;}
.Pagination a{display: inline-block;padding: 5px 10px;border: 1px solid #CCCCCC;}
.Pagination .current{color: white;}
.Pagination .current{background: #1185fc;border-color: #1185fc;}
.Pagination a{color: #666666;font-size: 12px;}

.ny{ margin-top: 40px;}
.nabouts{width: 85%; margin: 0 auto; max-width: 1600px;}



.my-map { margin: 0 auto; width: 100%; height: 100%; }
.my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}




.Pagination{width: 100%;height: auto;text-align: center;margin-top: 15px; margin-bottom: 70px;}
.Pagination a{display: inline-block;padding: 5px 10px;border: 1px solid #CCCCCC;}
.Pagination .current{color: white;}
.Pagination .current{background: #1185fc;border-color: #1185fc;}
.Pagination a{color: #666666;font-size: 12px;}


.c_m{width: 100%;
    overflow: hidden;}
.c_m img{
transition: all .4s;
}

.c_m:hover img{
 -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}


/*******产品内页*******/
/*主容器*/
.con-FangDa{
	display: inline-block;
       width: 30%;
    height: auto;
    margin: 10px auto;
    background-color:#fff;
}
/*正常容器*/
.con-fangDaIMg{
    width: 100%;
        height: auto;
    position: relative;
    border: 1px solid #aaaaaa;
    padding: 1px;
	text-align: center;
}
.con-fangDaIMg > img{
    width: 100%;
    height:auto;
}
/*滑块*/
.magnifyingBegin{
    width: 150px;
    height: 150px;
    left: 0;
    top: 0;
    background-color: #454545;
    opacity: 0.5;
    filter:alpha(opacity=50);
    position: absolute;
    cursor: move;
    display: none;
}
/*放大镜显示区域*/
.magnifyingShow{
    width: 380px;
    height:380px;
    display: none;
    position: absolute;
    right: -110%;
    top: 0;
    overflow: hidden;
    background-color: #454545;
}
.magnifyingShow > img{
    width: 260%;
    height: auto;
    margin-left:0;
    margin-top: 0;max-width: inherit;
}
/*设置选择图片容器*/
.con-FangDa-ImgList{
    margin-top:10px;
    height:60px;
    width:425px;
    list-style: none;
    text-align: center;
}
.con-FangDa-ImgList > li{
    margin-right:7px;
    width: 70px;
    height: auto;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #aaaaaa;
    /*background-color: #454545;*/
    text-align:center;
}
 
.con-FangDa-ImgList > li > img{
    vertical-align:top;
    display:inline;
    width:100%;
    height:auto;
}
.con-FangDa-ImgList > .active{
    border-color:#213e84;
}

.lg_list{width: 65%;float: right;    float: right;
    margin-top: 15px;}
.lg_list h3{border-bottom: 1px dashed #ececec;color: #373737;font-size: 16px;font-weight: bold;padding-bottom: 8px;}
.list_u li{color: #696969;margin-bottom: 10px;}
.list_u li:nth-child(1){font-size: 16px;margin-bottom: 25px;}
.list_u li:last-child{font-weight: bold;}
.list_u li:last-child span{color: #213e84;font-size: 20px;}
.list_u{margin: 10px 0;}
.zxj{margin-left: 70px;margin-top: 30px;}
.pro_xq{width: 100%;overflow: hidden;margin-top: 30px;}
.pro_xq .xq_t{border-bottom: 3px solid #213e84;}
.pro_xq .xq_t span{display: inline-block;font-size: 16px;color: #333;font-weight: bold;padding: 5px 20px;background: #f6f6f6;}
.pro_xq .xq_t span:hover{    cursor: pointer;}
.pro_xq .xq_t span.active{
background:#213e84;color: #fff;
}

.xq_sec{width: 100%;}
.xq_sec_t{border-bottom: 1px solid #9a9a9a;padding-bottom: 10px;text-align: center;margin: 30px 0;}
.xq_sec_t h1{color: #666666;font-size: 36px;}
.xq_sec p{color: #7a7a7a;text-indent: 2em;line-height: 25px;}
.xq_sec img{width: 100%;margin: 15px 0;}

.about_video iframe{width: 100%;height: 100%;}


.xq_sec iframe{max-width: 100%;}
.hzs .case_m{    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;}
.hzs .case_item .info{    position: initial;
    display: block;}
.hzs .case_item .info p{    margin: 0;}
.hzs .case_item .info .fa{  display: none;}

.in_case_item p span{    display: inline-block;
    white-space: nowrap;
    width: calc(100% - 75px);
    text-overflow: ellipsis;
    overflow: hidden;    text-indent: 0;}
#wrap label {
    max-width: initial;
}
#wrap img {
    max-width: initial;
}
.honor {

    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
}
.honor>a{width: 23.5%; margin-bottom: 35px;margin-right: 2%;}
.honor>a .case_item{    width: 100%;}
.honor>a:nth-child(4n){margin-right: 0;}
.in_hz {    display: flex;}
.hz_item{ width:15%;    margin-right: 2%;}
.in_hz .hz_item:nth-child(6n){margin-right: 0;}


@media only screen and (max-width: 1680px) {
    .nav_list{ margin-left: 2%;}
    .nav_list{width: 77%;}
    .cp_list{width: 95%;}
    .cp,.in_news_tt{width: 85%;}
    .in_case_con,.in_news_con,.in_hz{width: 85%;}
    .hz_item{width: 15%;}
    .foot_con .left ul{ margin-right: 6%;}
    .at{font-size: 16px;}
    .about .dsc{ font-size: 14px; line-height: 22px;}
}
@media only screen and (max-width: 1600px) {
    .nav_list{ margin-left: 2%;}
    .nav_list{width: 77%;}
    .nav_list li{    margin: 0 2.5%;}
    .cp_d{width: 285px; }
    .in_news_item .right{width: 66%}
}
@media only screen and (max-width: 1440px) {
    .cp_d{width:255px; }
    .in_news_item .right{width: 60%;}
    .in_news_item .right h1{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .in_news_item .right p{overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.c_ite p{    line-height: 26px;padding: 0 15px;}
.c_ite img {
    margin-top: 25px;
}
}
@media only screen and (max-width: 1400px) {
    .nav_list{margin-left: 2%; width: 77%;}
    .navs{ width: 90%;}
.c_ite p{}
.oth_pro .left {
    width: 21%;
}
.oth_pro .right {
    width: 75%;
}
}
@media only screen and (max-width: 1366px) {
    .foot_con .left ul{ margin-right: 5%;}
    .navs{width: 1210px;}
    .cp_list{width: 1280px;}
    .in_case_con, .in_news_con, .in_hz{width: 1150px; }
    .foot_con{width: 1150px;}
    .copy{width: 1150px;}
}

.lang a{color:#fff; margin-left:10px;}
.header:hover .lang a{color:#333}


@media only screen and (max-width: 768px) {
    .mob {
        display: block;
    }

    .pc ,.sbanner{
        display: none;
    }

    .header {
        display: none;
    }

    .y_nav {
        display: block;
    }

    .navbar-brand {
        padding-top: 0;
        padding-left: 0;
    }

    .navbar-brand > img {
        height: 48px;
    }

    .navbar {
        margin-bottom: 0;
    }

    .ban_swi .swiper-button-next, .ban_swi .swiper-button-prev {
        width: 30px;
        height: 30px;
        line-height: 24px;
    }

    .ban_swi .swiper-button-next img, .ban_swi .swiper-button-prev img {
        height: 12px;
    }

    .cp_tt {
        margin-top: 25px;
        margin-bottom: 30px
    }

    .cn_in {
        font-size: 24px;
    }

    .en_in {
        font-size: 12px;
    }

    .cp_tt .en_in {
        margin-bottom: 0;
    }

    .cp_tt img, .mre {
        display: none;
    }

    .cp_list .pbn11, .cp_list .pbp11 {
        width: 40px;
        height: 40px;
    }

    .cp_list {
        width: 100%;
        min-width: initial;
    }

    .cp_list {
        margin-bottom: 30px;
        height: auto;
    }

    .case_tt {
        margin: 20px auto 30px;
    }

    .in_case_con, .in_news_con, .in_hz {
        width: 95%;
    }

    .in_pn .swiper-pagination-bullet {
        margin: 28px 5px 20px;
    }

    .cp, .in_news_tt {
        width: 95%;
    }

    .in_news_tt .right a {
        width: 100px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }

    .in_news_tt .left .nc1 {
        font-size: 18px;
    }

    .in_news_tt .left .nc2 {
        font-size: 12px;
    }

    .in_news_item {
        width: 100%;
    }

    .in_news_item .left {
        width: 80px;
        height: 80px;
        margin: 10px;
        font-size: 20px;
    }

    .in_news_item .left p {
        font-size: 12px;
    }
    .in_news_item .right{margin: 10px; width: calc(100% - 120px);}
    .in_news_item .right p{ font-size: 12px; margin-top: 5px; line-height: 18px;}
    .in_news_item .right h1{ font-size: 16px;}
    .in_news_con{ margin-bottom: 15px;}
    .hz_item{width:calc(50% - 6px); margin-bottom: 15px;}
    .in_hz{ margin-bottom: 35px;}
    .foot_con .left{display: none;}
    .foot_con{width: 95%; padding: 20px 0; height: auto;}
    .foot_con .right{width: 100%;}
    .tel,.ewmd{width: 100%; margin: 15px auto;}
    .copy{width: 95%; height: auto; line-height: 25px; padding: 10px 0; height: auto; overflow: hidden;}
    .foot_bg{    height: auto;
        overflow: hidden; }
    .copy span{display: block; text-align: left; width: 100%;}
    .oth-menu li img{ display: none; }
    .oth-menu li{width: 25%; padding: 15px 0 0; margin: 0 auto; border: 0;}
    .oth-menu li p{ margin: 0;}
    .oth-menu{ padding-bottom: 15px;}
    .about_video_tt{ margin-top: 28px;}
    .cn{font-size: 18px;}
    .en{ font-size: 12px; margin-top: 5px;}
    .oth-menu li a{ font-size: 15px;}
    .about_video{width: 85%; height: auto; margin: 25px auto 30px;}
    .about_video_bg{ height: auto;}
    .about{ margin: 28px auto 40px; width: 95%;}
    .about .left{width: 100%;}
    .at{width: 100%; font-size: 14px; background-size: cover; margin: 15px auto; line-height: 38px; border-radius: 5px;}
    .about .right{width: 100%;}
    .about_q{ margin: 0 auto; width: 100%;}
    .about_q .swiper-container{ width: 95%;}
    .ab .a2{width: 35px; height: 35px; left: 0;}
    .ab .a1{ width: 35px; height: 35px; right: 0;}
    .oth_pro{width: 95%;}
    .oth_pro .left{display: none;}
    .oth_pro .right{width: 100%;}
.oth_pro .right .pro_list{    justify-content: space-between;}
    .oth_pro .right .pro_list>a{width: 48.5%;    margin-right: initial;}
.pro_item .pro_tt{font-size: 14px;margin-top: 5px;}
    .video, .case, .down{width: 95%;}
    .video_item{width: 48.5%;}
    .video_item p{ font-size: 14px; line-height: 35px;}
    .ny{ margin-top: 25px;}
    .case_item{width: 48%;}
    .sub_menu{ margin: 20px  auto;}
    .sub_item{ font-size: 14px; line-height: 26px;}
    .down_item{    padding: 14px 0 10px 15px;}
    .down_item .img img{ height: 30px;}
    .down_item .d_tt{ font-size: 14px; line-height: 30px; }
    .down_item .more{ font-size: 14px; line-height: 30px; margin-top: 0;}
    .c_list{width: 95%;}
    .c_ite{width: 100%; height: auto; line-height: 22px; font-size: 14px; padding-bottom: 40px; margin-bottom: 25px;background-size: cover;}
    .c_ite:last-child{margin-bottom: 0;}
    .j_inp input, .join_f select{width: 100%;height: 40px;font-size: 14px;margin-bottom: 15px;}
    .b_cent input{height: 40px;font-size: 14px;width: 120px;}
    .b_cent{margin-top: 0;}
    .join_f textarea{margin-bottom: 15px;}
    .msg_tt{ margin-top: 30px;}
    .cont_msg{width: 95%;}
    .map{width: 95%; height: 300px;}
    .join_f{ padding: 25px;}
    .c_ite p{ line-height: 26px;}

    .content{ font-size: 14px; line-height: 26px;}

    .content img{max-width: 100%; height:auto !important;}
    .content iframe,.content video{max-width: 100%; height: 260px; }

.nabouts{width:95%;}

.con-FangDa{width:100%;}
.lg_list{width:100%;float:none;}
.pro_xq .xq_t span{
width: 24%;
    font-size: 14px;
    padding: 5px 0;
    text-align: center;
}

.con-FangDa-ImgList {
    width: 100%;
    height: 70px;white-space: nowrap;
    overflow-x: scroll;    overflow-y: hidden;
}
.con-FangDa-ImgList > li{    }
.xq_sec p{text-indent:0;}
.xq_sec img {
    max-width: 100%;
    height: auto !important;
}

.xq_sec video,.xq_sec iframe{max-width:100%; height:220px;  }



.honor>a{width: 48.5%; margin-bottom: 35px;margin-right: 3%;}

.honor>a:nth-child(2n){margin-right: 0;}


.hz_item{width:49%}
.in_hz .hz_item:nth-child(2n){margin-right: 0;}
.in_hz {    flex-wrap: wrap;}

.ban_swi{}
.cp_d {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: auto;
    background-size: cover;    padding: 10px 10px 5px 10px
}
.cp_cn{   margin: 0 auto;font-size: 16px;}
    body{ margin-bottom: 0;-webkit-overflow-scrolling: touch;    width: 100%;-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);}
.in_case_item p{line-height: 1.5;        line-height: 1.5;
    font-size: 16px;
    display: flex;
    align-items: center;
    padding: 10px 10px;
    justify-content: space-between;}
.in_case_item p img{ height:20px;margin-top: 0;    margin-right: 0;}
.cp_en{    display: none;}
.cp_list .pbp11,.cp_list .pbn11{    margin: 0 ;}
}