@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; border-radius: 35px;}
.ban_swi .swiper-slide{ text-align: center;}
.ban_swi .swiper-pagination{bottom: 35px;}
.ban_swi .swiper-pagination-bullet{width: 10px; height: 10px; background: #e8e4df; opacity: 1; border-radius: 5px;  outline: none; }
.ban_swi .swiper-pagination-bullet-active{ background: #ff7d0b;  border-radius: 5px;  width: 36px;}

.oth-top,.banner{ text-align: center;}
.oth-top img,.banner img{max-width: 100%;border-radius: 35px;}


.top_bg{ margin: 46px auto 0; width: 1820px; max-width: 95%; min-width: 1680px; position: relative;}
.top_menu{ width: 1600px; position: absolute; top: 25px; margin: 0 auto; left: 0;right: 0; z-index: 99; font-size: 0; text-align: justify; vertical-align: middle;}
.logo{ width: 245px;display: inline-block;}

.se_bx{display: inline-block; cursor: pointer;}
.top_ttl{ display: inline-block; cursor: pointer;}
.menu_list{display: inline-block; width: 1130px;  line-height: 0;}
.menu_item{ display: inline-block;}
.menu_item a{ font-size: 18px; color: #fff; margin-top: 10px;}

.kabout{ width: 1600px; height: auto; overflow: hidden; margin: 65px auto 95px;}
.kabout .left{ width: 605px; height: auto; overflow: hidden; background: url("/web/20220109232334im_/http://gzkmsxkj.com/skin/images/about_bg.jpg") no-repeat; padding: 40px 0 0 38px; }
.kabout .right{ width: 815px; margin-right: 85px; height: auto;}
.kabout .right h1{ font-size: 33px; color: #333333; font-weight: bold; margin-top: 80px;}
.kabout .right .desc{ font-size: 14px; line-height: 30px; margin: 30px auto 45px;}

.more1{ font-size: 14px; color: #263294;}

.gnum{ margin-top: 60px;}

.gnum_item{ font-size: 14px; color: #333333; width: 120px; float: left;}
.gnum_item p{ font-size: 50px; color: #333333; display: inline-block; margin-right: 5px; display: inline-block;}
.gnum_item div{ font-size: 14px; text-align: center;}

.gnum_item2{ width: 182px; float: left; margin-left: 130px;}
.gnum_item3{width: 225px; float: left; margin-left: 130px; text-align: center;}

.in_case{ background: #f6f6f6; height: auto; overflow: hidden;}
.in_case_con{ width: 1600px; height: auto; overflow: hidden; margin: 75px auto 78px;}
.in_case_con .right{ width: 774px; height: auto; overflow: hidden;}
.in_case_con .left{ width: 642px; height: auto; overflow: hidden;}

.in_case_con .left h1{ color: #333; font-size: 32px; font-weight: bold;}
.tl2{ font-size: 13px; color: #263294; margin: 20px auto; }
.in_case_desc{ font-size: 14px; color: #878787; line-height: 24px;}
.more2{ width: 150px; height: 33px; display: block; background: #263294; text-align: center; color: #fff; font-size: 14px; line-height: 33px; margin: 60px auto 60px 0;}
.more2:hover{ color: #fff;}

.in_case_lun{ position: relative; padding-top: 45px; }
.case_pn{ z-index: 99; height: auto; overflow: hidden; text-align: left;top: 0;}

.case_pn span{ color: #c5c5c5; font-size: 14px; margin-bottom: -10px; margin-right: 25px; cursor: pointer; display: inline-block; text-align: center; vertical-align: text-top; margin-left: 5px;}
.case_pn .swiper-pagination-customs-active{ color: #263294;}
.cser_pgn,.cser_pgp{  position: initial;outline: none;}
.cser_pgn::after,.cser_pgp::after{ font-size: 13px; position: initial;  color: #808080;}
.cser_pg{ width: 70px; margin-top: 30px; margin-left: 15px; }
.cser_pgn{ float: right;}
.cser_pgp{ float: left;}

.in_pro{ width: 1620px; padding: 50px 0 55px;margin: 0 auto; height: auto; overflow: hidden;}
.cn{ color: #333333; width: 100%; font-size: 32px; font-weight: bold; padding:0 10px;}
.en{ color: #263294; font-size: 14px; text-transform: uppercase; margin-top: 15px;padding:0 10px;}
.in_pro .left{ width: 785px;height: 673px; overflow: hidden; box-shadow: 0 0 5px 3px #ccc; border-radius: 8px; }
.in_pro .right{ width: 785px;height: 673px; overflow: hidden; box-shadow: 0 0 5px 3px #ccc; border-radius: 8px; }
.in_pro_con{ width: 100%; height: auto; overflow: hidden; margin-top: 40px; padding:10px;}

.ip1{ margin-left: 42px; margin-top: 42px; width: 365px; float: left;}
.ip2{ width: 290px; float: left; margin-left: 40px; margin-top: 50px;}
.ip2cn{ font-size: 20px; color: #3f3f3f;}
.ip2en{ margin-top: 15px; font-size: 15px; color: #3f3f3f; text-transform: uppercase;}
.ip2en::after{ content: '';display: block; margin-top: 30px; border-bottom: 1px dashed #dcdcdc; margin-bottom: 25px; }
.ip2_desc{ font-size: 12px; color: #555; line-height: 23px;}
.ip2_more{ width: 129px; line-height: 29px; border-radius: 15px; color: #fff; text-align: center; background: #263294; margin-top: 45px;}


.d_lins{ padding: 30px 0; background: #f9f9f9; height: auto; overflow: hidden;}
.d_lins_con{ width: 1600px; height: auto; overflow: hidden; margin: 0 auto; font-weight: bold; color: #666; font-size: 14px;}
.d_lins_con a{ font-size: 12px; color: #999999; margin-right: 20px; font-weight: lighter;}

.ip_lun{ clear: both; height: auto; overflow: hidden; width: 691px; margin: 25px auto 0;}
.ip_lun_con{ margin-top: 25px;}
.ip_lun_con .p_m{ border: 4px solid #d8d8d8; border-radius: 10px; position: relative;}
.ip_lun_pgp::after,.ip_lun_pgn::after{display: none;}
.ip_lun_pgp{ left: 4px; margin-top: -45px;}
.ip_lun_pgn{ right: 4px; margin-top: -45px;}
.ip_lun_con .swiper-slide p{ color: #3f3f3f; font-size: 22px; margin-top: 15px; text-align: center;}

.ip_lun_con .swiper-slide .p_m p{ position: absolute; top: -15px; border-radius: 10px; background: rgba(38,50,148,.6); color: #fff; width: 100%; height: 100%; display: none; align-items: center; justify-content: center;}
.ip_lun_con .swiper-slide:hover .p_m p{ display: flex;}


.in_zs{ width: 100%; background: #f6f6f6; height: auto; overflow: hidden; padding: 85px 0 95px;}
.zs_en{text-align: center; font-size: 36px; color: #263294;text-transform: uppercase; font-weight: bold;}
.zs_cn{ color: #333333; text-align: center;  font-size: 36px;}

.zs_list{width: 1600px; height: auto; overflow: hidden; margin: 0 auto; position: relative;}

.zs_con{width: 1382px; height: auto; overflow: hidden; margin: 60px auto 0; }

.zs_con .swiper-slide {

    text-align: center;


    height: auto;


    transition: 300ms;
    transform: scale(0.8);
}
.zs_con .swiper-slide-prev{
    transform: scale(0.9);margin-right: 15px;margin-left: -15px;
}
.zs_con .swiper-slide-next{
    transform: scale(0.9);margin-left: 15px;margin-right: -15px;
}
.zs_con .swiper-slide-active{
    transform: scale(1);
}
.zs_con_pgp::after,.zs_con_pgn::after{display: none; outline: none}
.zs_con_pgp{ left: 0; outline: none}
.zs_con_pgn{ right: 0; outline: none}

.ind_news{ width: 1600px; height: auto; overflow: hidden; margin: 65px auto;}
.more3{display: block; width: 192px; height: 57px; background: url("/web/20220109232334im_/http://gzkmsxkj.com/skin/images/more_news.png") no-repeat; font-size: 14px; color: #666666; text-align: center; line-height: 56px;}
.more3 span{ margin-left: 15px;}

.ind_news_tt{ height: auto; overflow: hidden; width: 100%;}
.ind_news_list{ margin: 45px auto 0; width: 1600px; height: auto; overflow: hidden; }

.ind_news_list .swiper-slide{ background: #f5f5f5; padding: 40px; border-radius: 10px; margin-top: 20px; transition: all 0.3s;}
.ind_news_pn{ position: initial;}
.ind_news_list .tim{ font-size: 16px; color: #666666;}
.ind_news_list .tit{ font-size: 24px; color: #333333; margin: 10px auto 30px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.ind_news_list .tdsc{ font-size: 16px; color: #666666; line-height: 28px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}

.ind_news_list .swiper-slide:hover{ margin-top:0;}

.ind_news_list .swiper-pagination{position: initial; margin-top: 40px;}
.ind_news_list .swiper-pagination-bullet{width: 15px; height: 15px; background: #e8e4df; opacity: 1; border-radius: 8px;  outline: none; margin: 0 8px;}
.ind_news_list .swiper-pagination-bullet-active{ background: #ff7d0b;  }

.foot_bg{ background: #222222; width: 100%; height: auto; overflow: hidden;}
.foot_con{ width: 1600px; height: auto; overflow: hidden; margin: 65px auto 0;}

.foot_con .left{ width: 1050px; height: auto; font-size: 0; text-align: justify; margin-right: 20px; }
.foot_con .left ul{ display: inline-block; color: #fff;   margin-bottom: 70px;vertical-align: text-top;}
.foot_con .left ul li{ font-size: 16px; color: #c5c5c5; line-height: 32px; }
.foot_con .left ul .tt{ font-size: 18px; font-weight: bold; margin-bottom: 30px;color: #fff; }

.foot_con .right{width: 495px;height: auto; overflow: hidden; padding-left: 35px; border-left: 1px solid #393939;}
.add{ width: 345px; float: left;}
.add .fw{ font-size: 16px; color: #999999;}
.add .dte{ font-size: 30px; color: #fff; font-weight: bold; }
.ddsc{ font-size: 14px; color: #999999; margin-top: 10px;}
.dwm{ float: right; text-align: center; color: #999;}
.dwm p{ margin-top: 10px;}


.oth_pro{ width: 1600px; margin: 43px auto; height: auto; overflow: hidden;}
.oth_pro .left{width:272px;}
.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("/web/20220109232334im_/http://gzkmsxkj.com/skin/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("/web/20220109232334im_/http://gzkmsxkj.com/skin/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: 1280px;}
.oth_pro .right .pro_list{ text-align: left;}
.pro_item{ width: 300px; display: inline-block; margin-right: 20px; margin-bottom: 30px;}
.pro_list a:nth-child(4n) .pro_item{ margin-right: 0;}
.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; }




/*******产品内页*******/
/*主容器*/
.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%;}

.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{ }
.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("/web/20220109232334im_/http://gzkmsxkj.com/skin/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{margin: 78px auto 100px auto; height: auto; overflow: hidden;width: 1600px;}
.about_tt .en,.about_tt .cn{ text-align: left;}
.at { background: url("/web/20220109232334im_/http://gzkmsxkj.com/skin/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(/web/20220109232334im_/http://gzkmsxkj.com/skin/images/left1.png) no-repeat;
    background-size: contain;
    width: 65px; height: 65px;
}
.ab .a2:hover {
    background: url(/web/20220109232334im_/http://gzkmsxkj.com/skin/images/left1_on.png) no-repeat;
    background-size: contain;
}
.ab .a1 {
    right: 30.5%;
    background: url(/web/20220109232334im_/http://gzkmsxkj.com/skin/images/right1.png) no-repeat;
    background-size: contain;
    width: 65px; height: 65px;
}
.ab .a1:hover{
    background: url(/web/20220109232334im_/http://gzkmsxkj.com/skin/images/right1_on.png) no-repeat;
    background-size: contain;
}

.case{ text-align: justify; width: 1600px; margin: 20px auto;}
.case_item{ display: inline-block; width: 32%; border: 1px solid #e5e5e5; color: #333; position: relative; margin-bottom: 30px; text-align: center;}
.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; }
.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;}






.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;}
.in_news_item .right p{ font-size: 14px; color: #5a5a5a; line-height: 20px; margin-top: 20px}
.in_news_item:hover .left{ color: #fff; background: #213e84; border:5px solid #d9dde8; }
.in_news_item:hover .left p{color: #fff;}


.c_list{ width: 1600px; margin: 60px auto 0;}
.c_ite{ display: inline-block; height: 225px; width: 32.5%; background: url("/web/20220109232334im_/http://gzkmsxkj.com/skin/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 p{ margin-top: 15px; line-height: 37px;}

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

.cont_msg{width: 1600px;margin: 0 auto;}
.join_f{background: #f1f3f5;padding: 40px 45px;}
.j_inp input,.join_f select{width: 730px;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;}


.copy{ width: 100%; border-top: 1px solid #393939; padding: 25px 0; font-size: 14px; color: #999;background: #222222;}
.copy_con{ width: 1600px; margin: 0 auto; height: auto; overflow: hidden;}
.copy_con a{color: #999;}

    /*
    分页
     */
.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: #c31522;border-color: #c31522;}
.Pagination a{color: #666666;font-size: 12px;}

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



.my-map { margin: 0 auto; width: 100%; height: 100%; }
.my-map .icon { background: url(//web.archive.org/web/20220109232334im_/http://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%;}

.pro_serh{position: absolute;top: 62px;right: 0;width: 380px;background: rgba(255,255,255,.9);border: 1px solid #e1e1e1;padding: 20px;z-index: 999;display: none;}
.pro_serh form{height: 40px;}
.pro_serh p{color: #044e8b;font-size: 16px;float: none;top: 0;margin-bottom: 10px;line-height: 35px;}
.pro_serh input{background: #f6f6f6;border: none;height: 40px;width: 80%;padding-left: 5px;border: 1px solid #CCCCCC;border-radius: 5px;vertical-align: top;font-size: 14px;}
.pro_serh button{border:none;background: transparent;margin-left: 5px;height: 40px;vertical-align: top;}
.pro_serh button img{vertical-align: top;}
.pro_serh ul li{display: inline-block;color: #888888;margin-right: 5px;}
.pro_serh ul li a{color: #888888;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #666;
  font-size: 16px;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #666;
  font-size: 16px;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #666;
  font-size: 16px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #666;
  font-size: 16px;
}

@media only screen and (max-width: 1680px) {
    body{zoom: 0.875;}
}

@media only screen and (max-width: 1440px) {
    body{zoom: 0.75;}
}

@media only screen and (max-width: 1366px) {
    body{zoom: 0.711;}	
	.gnum_item{width:130px;}
.gnum_item2 {
    width: 200px;
    float: left;
    margin-left: 100px;
}
.gnum_item3 {
    width: 280px;
    float: left;
    margin-left: 100px;
    text-align: center;
}

}



@media only screen and (max-width: 768px) {
    body{zoom: 1;}
    div {
        min-width: initial;
        max-width: 100%;
    }
    .navbar-header{margin-left: 0 !important;}
    .navbar-default .navbar-collapse{margin-right: 0;margin-left:0;}
    .mob {
        display: block;
    }

    .pc {
        display: none;
    }

    .header {
        display: none;
    }

    .y_nav {
        display: block;
    }

    .navbar-brand {
        padding: 5px 0 0 10px;
    }

    .navbar {
        margin-bottom: 0;
    }

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

    .container-fluid{ padding: 0;}
    .top,.menu_bg,.p1 img{display: none;}
    .ban_swi .swiper-pagination{ bottom: 10px; zoom: 0.75;}

    .top_menu,.gnum{ display: none;}
    .top_bg{ margin: 0 auto; width: 100%; min-width: 100%;}
    .ban_swi{ border-radius: 0;}
    .kabout{ width: 95%; margin: 30px auto 35px;}
    .kabout .left{ width: 100%;padding: 0; background: none;}
    .kabout .right{ width: 100%; margin-right: auto;}
    .kabout .right h1,.in_case_con .left h1{ font-size: 20px; margin-top: 15px;}
    .kabout .right .desc{ margin: 15px auto 20px; }
    .in_case_con{ width: 95%;margin: 30px auto 35px;}
    .in_pro{padding: 30px 0 35px;}
    .in_pro_con{ margin-top: 20px;}
    .ip1{ margin:0 auto; width: 100%; padding: 20px;}
    .in_pro .left{ width: 100%; height: auto; overflow: hidden; margin-bottom: 25px;}
    .ip2{ width: 90%; margin: 20px auto 0; float: none;}
    .ip_lun{ width: 90%;}
    .ip_lun_con .swiper-slide p{ font-size: 14px; margin-top: 5px; margin-bottom: 20px;}

    .zs_con .swiper-slide-prev{
        transform: scale(0.9);margin-right: auto;margin-left: auto;
    }
    .zs_con .swiper-slide-next{
        transform: scale(0.9);margin-left: auto;margin-right: auto;
    }
    .zs_list{ width: 95%;}
    .zs_con .swiper-slide{ transform: scale(0.9);}
    .in_zs{padding: 30px 0 35px;}

    .zs_en{ font-size: 22px;}
    .zs_cn{ font-size: 20px;}
    .zs_con{ margin-top: 25px;}

    .ind_news{width: 95%;}
    .ind_news_tt{zoom: 0.85;}
    .ind_news_list .swiper-slide{ padding: 15px; }
    .ind_news_list .tit{ font-size: 16px;margin: 10px auto 10px;}
    .ind_news_list .tdsc{ font-size: 14px;margin-top: 10px;}
    .d_lins{    padding: 15px 0;}
    .d_lins_con{ width: 95%;}
    .ind_news_list .swiper-pagination{ margin-top: 20px; zoom: 0.85;}

    .foot_con .left{display: none;}
    .foot_con{width: 95%;margin: 25px auto 0;}
    .foot_con .right{ width: 100%; padding: 0; border: none;}
    .add{width: 100%;}
    .dwm{ width: 100%; margin-top: 15px; text-align: left;}
    .oth-top img, .banner img{ border-radius:0;}

    .oth_pro{width: 95%;}
    .oth_pro .left{display: none;}
    .oth_pro .right {
        width: 100%;
    }
    .pro_item {
        width: 47.5%;    margin-right: 3%;
    }
.pro_list a:nth-child(2n) .pro_item{
    margin-right: 0;
}
    .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;
    }
    .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-menu li img{ display: none; }
    .oth-menu li{width: 32%; padding: 15px 0 0; margin: 0 auto; border: 0;}
    .oth-menu li p{ margin: 0;font-size: 15px;}
    .oth-menu{ padding-bottom: 15px;}

    .case{width: 95%;}
    .case_item {
        width: 48%;
    }

    .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; width: 95%;}

    .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;}
    .copy_con{ width: 95%;}
    .copy_con .left{width: 100%;}
    .copy_con .right{width: 100%;}
    .foot_bg{ padding-bottom: 15px;}
    .copy{padding: 10px 0; }
}
















/*
     FILE ARCHIVED ON 23:23:34 Jan 09, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:36:52 Jan 10, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.913
  exclusion.robots: 0.097
  exclusion.robots.policy: 0.079
  esindex: 0.013
  cdx.remote: 74.928
  LoadShardBlock: 307.456 (3)
  PetaboxLoader3.datanode: 319.657 (4)
  load_resource: 165.197
  PetaboxLoader3.resolve: 90.198
*/