@charset "utf-8";

/* CSS Document */
/*html,body{ overflow-x:hidden; }*/
.mobilenav{ display:block; width:50px; height:60px; line-height:65px; position:fixed; right:0; top:0; z-index:9999; text-align:center;  font-size:16px; color:#124ac3;}

.chulaila{ display:block; transform:translatey(100vh);transition:0.5s; margin-top:0px;}

.tianmu{ display:block;height:100vh; transition:0.5s; width:100%; position:fixed; z-index:888; right:0; top:-100vh;  flex-wrap: wrap; background:rgba(0, 0, 0, 0.5); }

.topn5 .tnav{
    display: block;
    height: 100vh !important;
    transition: 0.5s;
    width: 80% !important;
    position: fixed;
    right: 0;
    top: -100vh; z-index:8889;
    flex-wrap: wrap;
    background-color: #fff;
    margin-left: 0 !important;
    padding: 0 ;padding-top:35px; 
    flex-wrap: wrap;
}
.topn5 .tnav li { border-bottom:1px solid rgba(0, 0, 0, 0.1);display:flex;  justify-content:space-between; }
.topn5 .tnav li a{ color:#333; height:40px; line-height:40px; text-align:left; width:120px; font-weight:bold; padding:0 0 0 10px;}
.topn5 .tnav li p{ opacity:1; position:static; overflow:visible; height:auto; line-height:160%; padding:0 5px; }
.topn5 .tnav li p a{ display:inline-block; font-size:12px; border-bottom:0; padding:0 5px; width:auto; font-weight:normal; background:#fff; color:#333;}
.topn5toptop .tnav li:hover p a{ color:#333; }
.topn5index .tnav li:hover p a{ color:#333;}
.topn5index .tnav li:hover a{ color:#333; }
.topn5 .tnav li:hover p{ height:auto; }
.topn5 .tnav li:nth-child(5) p{ width:100%;left:0; }



.topn5{ height: 62px;    position: fixed; z-index:8889; padding:0 8px; background: rgba(255,255,255, 1);}
.topn5index{ z-index:888;background: rgba(255,255,255, 0); }
.topn5toptop{ z-index:888;background:#fff; }

.topn5 ul{ width:100% !important; z-index:888; left:0; margin-left:0;height: 62px; }
.topn5 .tso{ display:none; }
.topn5 .tlogo{ margin-top:0; }
.nonav{ height:62px; } 

.layui-carousel>[carousel-item]>div{ background-size:100% auto; }
.indblbt{ height:520px !important; }
.xindexby{ padding:40px 0 60px 0; }
.xindexby .jtyw{ width:100%; padding:0 8px; }
.xindexby a{ margin-top:30px; }

.indexhlt{ height:320px; background-size:auto 100% !important; }

.lgyw{ width:100%;  flex-wrap: wrap; margin-top:20px; margin-bottom:0; }
.lgyw a{ width:100%; height:auto; margin-bottom:20px;}

.foot5{ padding:30px 8px; margin-top:30px; }
.foot5 ul{ width:100%; flex-wrap: wrap;  }
.foot5 ul li.left .flogo{ width:100%; text-align:center; }
.foot5 ul li.left .flogo img{ width:65%; }
.foot5 ul li.left{ width:100%; }
.foot5 ul li.left span{ display:block; text-align:center; padding-left:0; }
.foot5 ul li.left font{ display:block; text-align:center; }
.foot5 ul li.left .fdizhi span{ }
.foot5 ul li.left i{ display:none; }
.foot5 ul li.right{ width:100%; text-align:center; }
.foot5 ul li.cen { padding-top:20px; padding-bottom:20px; width:100%; display:block; }
.foot5 ul li.cen div{ display:none;}
.foot5 ul li.cen div:last-child{ display:block; padding:0; text-align:center;}
.foot5 ul li.cen div:last-child a{ display:inline-block; margin-right:15px; margin-top:0; }
.foot5 .cpicp{ text-align:center; }

.listbanner5{ height:160px; background-size:auto 100% !important; }
.about01{ width:100%;  }
.about01 h3{ text-align:center; }
.about01 .cbox{  flex-wrap: wrap; width:100%; }
.about01 .cbox .left{ display:none; }
.about01 .cbox .right{ width:100%; padding:0 8px; }

.about02{ margin-top:50px; padding:0 8px; padding-top:50px; padding-bottom:80px; box-sizing:border-box; height:auto; background-size:auto 100%; }
.about02 .cq{ width:100%; font-size:16px; }
.about02 .sigwh{ width:100%; }
.about02 .sigwh li{ width:100%; margin-bottom:10px; }

.about03{ background-size:auto 100%; height:200px; }

.kuajingdianshang{ width:100%; }
.kuajingdianshang .geguo{}
.kuajingdianshang .geguo img{width:100%;}

.navlistzi{ width:100%; padding-left:8px; height:auto; }
.navlistzi ul{ width:100%; overflow-y:hidden; overflow-x:scroll; display:flex; flex-wrap: wrap;}
.navlistzi a{ margin-right:6px; }
.navlistzi a:after{ display:none; }
.navlistzi a i{ margin-right:5px; }

.casenpic2{ margin-top:0; width:100%; }
.casenpic2 a{ margin-bottom:30px; }
.casenpic2 a span{ height:190px; background-size:auto 100%; }
.casenpic2 a p{ height:30px; line-height:30px; font-size:14px; }

.mui-content-padded{ width:100%; }
.mui-content-padded .mui-pager{ width:100%;display:flex;  justify-content:center; }
.mui-content-padded .mui-pager li{ min-width:20px; height:20px; line-height:20px; margin:0 5px; text-align:center; }

.casevideo{ width:100%; margin-top:0; }
.casevideo a{ width:100%; height:250px; }
.casevideo a span{ width:100%; height:250px; }
.casevideo a img{ height:100%; }
.casevideo a p{ height:30px; line-height:30px; font-size:14px; }

.caseynr{ width:100%; padding:0 8px; }
.caseynr .left{ width:100%; float:none;}
.caseynr .left .zehzeriq{ margin-bottom:15px; }

.caseynr .left .con{}
.caseynr .left .con img{ max-width:100%; width: }

.caseynr .right{ float:none; margin-top:50px; width:100%; }

.gongchangbanner{ height:160px; background-size:auto 100%; background-position:-110px center; }

.gongchangjianjie{ width:100%; padding:40px 8px 0 8px; }
.gongchangjianjie h3{ margin-bottom:25px; }
.gongchangjianjie p{ font-size:16px; }
.gongchangjianjie2{ width:100%; padding:40px 8px 0 8px;}
.gongchangjianjie2 h3{ margin-bottom:25px; }
.gongchangjianjie2 p{ font-size:16px; }
.gongchangjianjie3{ width:100%; padding:40px 8px 0 8px; }
.gongchangjianjie3 h3{ margin-bottom:25px; }
.gongchangjianjie3 p{ font-size:16px; }

.tesechanping{height:auto;}
.tesechanping .tesebox{ position:static; }
.tesechanping .tesebox .tsfl{ width:100%; margin-top:40px; }
.tesechanping .tesebox .tsfl a{ height:100px; width:49.5%; margin-bottom:3px;background: rgba(255, 255, 255,0.5); font-size:16px; padding:14px 10px; }
.tesechanping .tesebox .tsfl a i{ margin-bottom:0; }

.chenpingjianshang{ width:100%; padding-top:50px; }
.chenpingjianshang .chengpingbox{flex-wrap: wrap; }
.chenpingjianshang .chengpingbox a{ width:100%; margin-bottom:30px; }
.chenpingjianshang .chengpingbox a p{ height:30px; line-height:30px; font-size:14px; }
.chenpingjianshang a.morechanpin{ margin-top:40px; }

.gongchangshijing{padding:40px 0 40px 0}
.gongchangshijing h3{ margin-bottom:40px; }
.gongchangshijing .picz{ height:auto; width:100%; }

.gongchangshijing .picz .p1,.gongchangshijing .picz .p2,.gongchangshijing .picz .p3,.gongchangshijing .picz .p4,.gongchangshijing .picz .p5,.gongchangshijing .picz .p6{ position:static; }
.gongchangshijing .picz img{ width:100%; height:auto; margin-bottom:2px; }

.gongchangvideo{ margin-top:20px; padding:40px 0; }
.gongchangvideo h3{ margin-bottom:40px; }
.gongchangvideo .videoz{flex-wrap: wrap; width:100%;}
.gongchangvideo .videoz a{ width:100%; }
.gongchangvideo .videoz a p{ height:30px; line-height:30px; font-size:14px; }
.gongchangvideo a.morechanpin{ margin-top:40px; }

.cplistw{ width:100%; margin-top:10px; }
.cplistw .left{ display:none; float:none; }
.cplistw .right{ width:100%; float:none; padding: 0 5px; }

.cplistw .right .whcpl a{ width:49.5%; margin-bottom:4px; height:150px; }
.cplistw .right .whcpl a span{ width:100%; height:100%; }
.cplistw .right .whcpl a img{ width:100%; height:100%; }

.mobiledisplay{ display:block; width: 100%; margin: 0; height: 36px; line-height:36px; background: #124ac3; padding:5px 15px; color: #fff; font-size: 16px; font-weight:normal; border: 0; text-align:center;}
.mobiledisplay option{ height: 36px; line-height: 36px; }

.chanpinxiq2{ width:100%; margin-top:0; }
.chanpinxiq2 .ttcsl{flex-wrap: wrap; display:block;}
.chanpinxiq2 .ttcsl .limg{ height:auto; }
.chanpinxiq2 .ttcsl .limg .wrap{ width:100%; height:auto; }
.chanpinxiq2 .ttcsl .limg .imgs{ position:static; height:auto; }
.chanpinxiq2 .ttcsl .limg .biger{ position:static;left:0; width:100%; height:380px; }
.chanpinxiq2 .ttcsl .limg .main{ width:100%; height:auto; }
.chanpinxiq2 .ttcsl .limg .smaller{ width:100%; height:60px; margin-top:5px;  position:relative;left: 0; top: auto;}
.chanpinxiq2 .ttcsl .limg .smaller li{ width:50px; height:50px; margin-top:0px; margin-left:5px;}
.chanpinxiq2 .ttcsl .tics{ width:100%; padding:12px 8px; }
.chanpinxiq2 .ttcsl .tics .t{ font-size:22px; font-weight:bold; line-height:140%; margin-top:0; margin-bottom:5px; }
.chanpinxiq2 .ttcsl .tics .cs{ width:100%; height:40px; line-height:40px; padding-right:0; }
.chanpinxiq2 .ttcsl .tics a{ margin-top:8px; }
.chanpinxiq2 .xia{ margin-top:30px; }
.chanpinxiq2 .xia .tbsy span{ margin-left:0; margin:0 auto; }
.chanpinxiq2 .xia .xqyfl{ display:none; float:none;}
.chanpinxiq2 .xia .xiangqing2{ float:none; width:100%; }
.chanpinxiq2 .xia .xiangqing2 .xiangqingceontent img{ width:100%; }

.meiyouneirong{ width:100%; height:80px; line-height:80px; text-align:center; font-size:16px; }

.videown .video-img{ z-index:555; }

.listnew{ width:100%; margin-top:0; padding:0 8px; }
.listnew .newsww a{ width:49.5%; margin-bottom:4px; height:200px; }
.listnew .newsww a span{ height:110px; }
.listnew .newsww a span img{ height:100%; }
.listnew .newsww a h3{margin:8px 0; font-size:14px; font-weight:normal;}

.newswcon{ width:100%; padding:0 8px; }
.newswcon .left{ float:none; width:100%; }
.newswcon .left .the{ margin-top:10px; }
.newswcon .left .zehzeriq{ margin-bottom:0; }
.newswcon .left .con{}
.newswcon .left .con img{ width:100%; }

.newswcon .right{ float:none; width:100%; margin-top:30px; }

.contact55{ height:750px; margin-bottom:-30px; }
.contact55 .boxc{ padding-top:80px; }

.contact55 .boxc .wta{ width:100%; flex-wrap: wrap; }
.contact55 .boxc .wta li{ width:50%; }
.contact55 .boxc .wta li.cdizhi{ width:100%; margin-top:30px; padding:0 15px; }
.contact55 .boxc .wta li.cdizhi p{ margin-bottom:10px; }

.listbanner6{ height:160px; background-size:auto 100% !important;}
.listbanner6 p{ width:100%; padding:0 8px; position:static; left:0; margin-left:0; font-size:28px; padding-top:50px; padding-left:20px;}
.listbanner6 div{ width:100%; padding:0 8px;  position:static; left:0; margin-left:0; display:none;}

.jionsyzw{ width:100%;display:flex;  justify-content:space-between; }
.jionsyzw a{ min-width:30px; margin-right:0; padding:0 5px; font-size:14px; }
.jionjs{ width:100%; padding:0 8px; margin-top:30px;}
.jionjs img{ width:160px; float:none; }
.jionjs .pbldcz{ float:none; font-size:16px; margin-top:10px; margin-left:10px; }

.jionlist{ width:96%; margin:0 auto;}
.jionlist li{ padding:10px; padding-bottom:60px; }
.jionlist li .g1{ margin-top:10px; }
.jionlist li .g1 .gwzz{ float:none;  }
.jionlist li .g1 .zzjs{ float:none;    width: 100%;}

.qiuzhibiao .shengqingbiao{ padding:8px; margin-top:20px; padding-bottom:100px; }
.qiuzhibiao ul{ width:100%; }
.qiuzhibiao .shengqingbiao .lzdd{ padding-bottom:15px; }
.qiuzhibiao .shengqingbiao .bk .di{ width:100%; font-size:16px;}
.qiuzhibiao .shengqingbiao .bk .di span{ width:80px; font-size:16px; }
.qiuzhibiao .shengqingbiao .bk .di input{ width:calc(100% - 80px); }

.qiuzhibiao .shengqingbiao .flr{ float:none; width:100%; }
.qiuzhibiao .shengqingbiao .flr .bk .di span{width:80px; font-size:16px; }
.qiuzhibiao .shengqingbiao .flr .bk .di input{width:calc(100% - 80px);}

.qiuzhibiao .shengqingbiao textarea{ width:100%; }

.qiuzhibiao .shengqingbiao .clear10{ height:2px; }

.qiuzhibiao .shengqingbiao .tj{ height:45px; margin-top:30px;  }


.joinshenqing{ margin-bottom:-30px; }
.joinshenqing .shengqingbiao{ width:96%; margin:0 auto; padding:10px;position:static; right:0; margin-top:15px; }

.xindexby .t{ font-size:32px; }
.xindexby .wmdyw{ font-size:22px; }
.xindexby .jtyw{ font-size:16px; }
.xindexby a{ font-size:12px; }

.lgyw a span{ font-size:16px; }