/* CSS Document*/
html{height:100%;border:none;}
body{height:100%;min-width: 1200px;border:none;padding:0;margin:0;text-align:left;font-size:14px;color:#484848;font-family:Arial, "microsoft yahei";background:#FFF;}
div,ul,li,img,dl,dd,dt,p{padding:0;margin:0;border:none;}
ul,dl{list-style-type:none;}
h1,h2,h3,h4,h5{margin:0;padding: 0;font-weight: normal;}
a{color:#333;text-decoration:none;}
a:hover{color:#e6212a;text-decoration:none;}
.clear{clear:both;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.container{width: 1200px;margin: 0 auto;}

.header{height: 157px;}
.top{height: 36px;line-height: 36px;color: #666; border-bottom: 1px solid #e2e2e2; }
.top a{padding: 5px 8px; color: #666;}
.top ul{ float:right;}
.top ul li{ float:left; padding:0 10px;}
.top .fr{ position:relative;}
.top .fr img{position:relative; top:3px; margin-right: 4px; }

#logo{height:140px;width: 100%;}
#logo .logo{}
#logo .logo img{margin-top: 24px; height: 67px;}
#logo .company{ padding-left: 15px; border-left: 1px solid #c4c4c4; height:60px; margin-top: 25px; margin-left: 10px; padding-top: 5px; }
#logo .company h2{font-size: 24px;color: #e6212a;font-weight: bold;}
#logo .company h3{font-size: 18px;margin-top: 5px;color: #666; }
#logo .tel{background: url(../images/tel.jpg) no-repeat left center;height: 120px;width: 200px; padding-left: 58px; }
#logo .tel p{ font-size: 16px; color: #666; margin-top: 35px; }
#logo .tel p span{ font-size: 30px; display: block; font-weight: bold; color: #666; }

.nav{background:url(../images/navbg.jpg) no-repeat top center;height: 68px;}
.nav ul li{float:left;display: inline;text-align: center;font-size: 16px; position: relative; margin-top: 7px;}
.nav ul li:after{ content: '┆'; position: absolute; left: 0;top: 18px; width: 1px; height: 60px; display: block; color: #FFF; }
.nav ul li a{color:#FFF;display: block;width:140px;height: 60px;line-height:60px;position: relative;z-index: 2;}
.nav ul li a:hover,.nav ul>li.on>a{ color: #e6212a; }
.nav ul li dl{margin:0px;padding:0;position:absolute;z-index:999;display:none;}
.nav ul li dl dt a{display:block;width:140px; height:50px; line-height:50px; text-align:center;background:#252525;color:#fff;}
.nav ul li dl dt a:hover{background:#e6212a;color:#fff; display:block;width:140px; height:50px;}
.nav ul .home{margin-left: 15px;}
.nav ul .on.home a{ color: #FFF; }
.nav ul .home a:hover{ color: #FFF; }
.nav ul .home:after,.nav ul li:nth-child(2):after{display: none;}

.banner{height:432px;overflow:hidden;position:relative;}
.banner .hd{height:18px;position:absolute;width: 100%;z-index:1; text-align: center; bottom: 20px;}
.banner .hd ul li{display: inline-block;margin:0 5px;width:10px;height:10px;cursor:pointer;background:#252525;border-radius:8px;}
.banner .hd ul li.on{background: #e6212a;}
.banner .bd{position:relative;height:100%;z-index:0;}
.banner .bd li{zoom:1;vertical-align:middle;width:100%;height:432px;display:block;}
.banner .bd li a{width:100%;height:432px;display:block;}

.search{height: 70px; border-bottom: 1px solid #e2e2e2;}
.search .fl{line-height: 70px;}
.search .fl a{margin-right: 15px;}
.search .fl span{color:#333; font-weight: bold;}
.search .fr{width:384px;height: 70px;}
.search .fr input{width: 280px;height: 36px;border: 1px solid #eee;margin-top: 15px;padding-left: 3px; border-radius: 6px 0 0 6px; padding-left: 15px;}
.search .fr button{width:75px;height: 40px;background: url(../images/search.jpg) no-repeat;border: none;position: relative;left: -10px;top:14px;}

.sec-title{ text-align: center; padding: 40px 0; height: 40px; position: relative; }
.sec-title h2{ font-size: 24px; color: #252525; font-weight: bold; }
.sec-title h2 span{ color: #e6212a; }
.sec-title p{ font-size: 14px; margin-top: 10px; }

.ys{ height: auto; overflow: hidden; padding-bottom: 40px; }
.ys .content{ margin-top: 5px; }
.ys .content dl{ float: left; display: inline-block; margin-right: 14px; width: 237px; height: 110px; border: 1px solid #cccccc; padding: 30px 20px 30px 30px;}
.ys .content dl:last-child{margin-right: 0;}
.ys .content dl:hover{ background: #e6212a; color: #FFF; }
.ys .content dl dt{ float: left; }
.ys .content dl dd{ float: right; margin-top: 25px; }
.ys .content dl dt h3{ font-size: 20px; font-weight: bold; color: #333; }
.ys .content dl dt p{line-height: 35px;}
.ys .content dl dt .more{ width: 90px; height: 28px;display: block; line-height: 28px; text-align: center; background: #e6212a;border-radius: 5px; margin-top: 15px; }
.ys .content dl dt .more a{ color: #FFF; width: 90px; height: 28px;display: block;border-radius: 5px;  }
.ys .content dl:hover h3{ color: #FFF; }
.ys .content dl:hover .more a{ background: #FFF; color: #e6212a }

.sec-titles{ text-align: center; padding:30px 0; height: 40px; position: relative; }
.sec-titles h2{ font-size: 30px; color: #252525; font-weight: bold; background: url(../images/line.png) no-repeat bottom center; padding-bottom: 10px; }
.sec-titles p{ font-size: 14px; margin-top: 8px; }

.index-pro{ padding: 30px 0 30px; height: auto; overflow: hidden; background:url(../images/probg.jpg) no-repeat top center;}
.index-pro .content{ margin-top: 30px; height: auto; overflow: hidden; }
.index-pro .content .fl{ width: 300px; }
.index-pro .content .fr{ width: 860px; }
.index-pro .content .fl .title{ height:70px; width: 270px; background: #e6212a url(../images/ico01.jpg) no-repeat 20px center; color: #FFF; padding: 15px 0 0 30px; }
.index-pro .content .fl .title span{ font-size: 28px;  padding-left: 50px; display: block; }
.index-pro .content .fl .title span i{ display: block; font-size: 14px; font-style: normal; }
.index-pro .content .fl .contact{ background: #e6212a; text-align: center; padding: 20px 0; }
.index-pro .content .fl .contact p{ font-size: 18px; color: #FFF; margin-top: 10px; }
.index-pro .content .fl .contact p span{ display: block; font-size: 24px; font-weight: bold; }

.category{width: 100%;padding: 20px 0; background: #FFF; height: auto; overflow: hidden;}
.category h3{line-height: 58px; width: 230px; height: 58px; margin-left: 25px; }
.category h3 a{float: left;line-height: 58px;color: #FFF;width: 230px; border-bottom: 1px solid #ccc;padding-left: 20px;;background:#484848 url(../images/ico02.png) no-repeat 210px center; display: block;}
.category h3.on a{background:#e6212a url(../images/ico02.png) no-repeat 210px center; color: #FFF;}
.category h3 span{float: left; }
.category ul{display: none;float: left;width: 100%; height: auto; overflow: hidden;}
.category li{display: block;line-height: 40px;}
.category li a{display: block;color: #666;font-size: 14px;padding-left: 58px;}
.category li.on a{color: #e6212a;}

.index-pro .content .fr ul li{ float: left; display: inline-block; margin-right: 23px; text-align: center; margin-bottom: 20px; font-size: 16px; }
.index-pro .content .fr ul li:nth-child(3n){margin-right:0}
.index-pro .content .fr ul li .img{width: 269px; height: 269px; border: 1px solid #ccc; position: relative;  overflow: hidden;  }
.index-pro .content .fr ul li .img img{ width: 269px; height: 269px;}
.index-pro .content .fr ul li .mask{ background: rgba(230,33,42,0.8); display: none; text-align: center; width: 269px; height: 269px; position: absolute; left:0; top:0; }
.index-pro .content .fr ul li:hover .mask{ display: block; }
.index-pro .content .fr ul li .mask h2{ font-size: 18px; line-height: 42px; padding-top:60px;}
.index-pro .content .fr ul li .mask .more{ width: 120px; height: 30px; margin: 0 auto; border: 1px solid #FFF; border-radius: 15px; line-height: 30px; }
.index-pro .content .fr ul li a:hover h2{ color: #FFF; }
.index-pro .content .fr ul li a:hover .more{ color: #FFF; }

.liucheng{ height: 330px; overflow: hidden;}
.liucheng ul li{float: left; display: inline-block; transition-duration: 0.8s; width: 172px; height: 155px; border: 1px solid #cccccc; margin-right: 30px; text-align: center;}
.liucheng ul li:hover{ margin-top: 10px; }
.liucheng ul li:last-child{margin-right: 0;}
.liucheng ul li img{ margin-top: 38px; }
.liucheng ul li p{ font-size: 16px; margin-top: 8px; }

.about{ background: url(../images/aboutbg.jpg) no-repeat top center; height: 440px; overflow: hidden; padding-top: 54px; }
.about .fl{ float: left; display: inline-block; width: 622px; }
.about .fr{ float: right; display: inline-block; padding-top: 20px;  }
.about .fr img{ width: 482px; height: 307px; border-radius: 10px; border: 15px solid #FFF; }
.about .fl span{ color: #4f5358; font-size: 30px; font-weight: bold; }
.about .fl h2{ font-weight: bold; color: #FFF; position: relative; height: 50px; }
.about .fl h2:after{ content:''; position: absolute; left: 0; bottom: 0; width: 70px; height: 3px; background:#e6212a; }
.about .fl .info{ font-size: 12px; line-height: 25px; color: #FFF; margin-top: 20px; }
.about .fl .more{ width: 185px; height: 42px; line-height: 42px;  border-radius: 5px; margin-top: 20px; background:#e6212a url(../images/ico03.jpg) no-repeat 40px center; display: block; }
.about .fl .more a{ color: #FFF; padding-left: 80px; }

.honor{ height: auto; overflow: hidden; text-align: center; margin-top: -55px; }
.honor .hd{ height: 55px; overflow: hidden; width: 100%; }
.honor .hd ul li{display: inline-block; width: 200px;height: 55px;  font-size: 16px; line-height: 55px; margin-right: 12px;  }
.honor .hd ul li a{ background: #f2f2f2;width: 200px;height: 55px; display: block; border-radius: 5px 5px 0 0 }
.honor .hd ul li a:hover{ background: #e6212a;color: #FFF;  }
.honor .hd ul li.on a{ background: #e6212a; color: #FFF; }
.honor .bd{ padding-top: 40px; }
.honor .bd ul li{ float: left; display: inline-block; margin-right: 20px; text-align: center; font-size: 16px;width: 285px; height: 189px;border: 1px solid #ccc; overflow: hidden; }
.honor .bd ul li img{  max-width: 287px; height: 190px;  }

.index-news{height: auto;width: 100%;overflow: hidden;padding-bottom: 40px;}
.index-news .fl{width: 675px;}
.index-news .fr{width: 500px;}
.index-news .fr .tit{font-size: 14px;color: #999999;}
.index-news .fr .tit span{font-weight: bold;font-size: 20px;color: #333;margin-right: 15px;}
.index-news .fr .tit em{float: right;margin-top: 4px;}
.index-news .fr .gun-news{padding-top: 20px;}
.index-news .fr .gun-news ul li{padding: 20px 0;border-bottom: 1px solid #ccc;}
.index-news .fr .gun-news h2{background: url(../images/wen.jpg) no-repeat left bottom;font-size: 14px;font-weight: bold;line-height: 29px;height: 29px;display: block;padding-left: 30px;}
.index-news .fr .gun-news p{background: url(../images/da.jpg) no-repeat left top;font-size: 14px;line-height: 26px;display: block;padding-left: 30px;}
.tab-news .hd{float: left;display: inline;width: 125px;margin-right: 20px;}
.tab-news .hd ul li{width:75px;height: 164px;background: #e6212a;margin-bottom: 1px;padding: 25px;}
.tab-news .hd ul li h3{font-size: 14px;padding-top: 15px;color: #FFF;}
.tab-news .hd ul li h3 span{font-size: 18px;font-weight: bold;padding-bottom: 5px;display: block;color: #FFF;}
.tab-news .hd ul li .more{padding:3px 5px ;border: 1px solid #FFF;text-align: center;margin-top: 15px;}
.tab-news .hd ul li .more a{color: #FFF;}
.tab-news .hd ul li.on{background: #ae0a11;}
.tab-news .bd{float: left;display: inline;width: 520px;}
.tab-news .bd dl{width: 490px;height: 165px;background: #f8f8f8;padding: 15px;}
.tab-news .bd dl dt{float: left;display: inline;}
.tab-news .bd dl dd{float: right;display: inline;width: 257px;}
.tab-news .bd dl dd .date{font-size: 18px;color: #e6212a;font-weight: bold;}
.tab-news .bd dl dd .date span{display: block;font-size: 12px;}
.tab-news .bd dl dd h4{font-weight: bold;font-size: 16px;padding: 5px 0}
.tab-news .bd dl dd p{ line-height: 25px; }
.tab-news .bd dl dt img{width: 220px;height: 162px;}
.tab-news .bd ul{padding-top: 15px;}
.tab-news .bd ul li{line-height: 40px;}
.tab-news .bd ul li span{float: right;}
.tab-news .bd ul li a:before{content:"●";font-size: 12px;margin-right: 7px;color: #e6212a}

.links{padding-bottom: 20px;}
.links span{ font-weight: bold; font-size: 18px; }
.links a{margin-right: 15px;}

.footer{background:#333333;height: 240px;overflow: hidden;padding-top: 45px; color: #bbbbbb;}
.footer .fl h3{ color: #FFF; margin-bottom: 20px; }
.footer .fl a{ color: #bbbbbb; }
.footer .fl a:hover{ color: #ae0a11; }
.footer .dh{ width: 220px; line-height: 30px;  }
.footer .dh ul li{ float: left; width: 45%;  }
.footer .pro{ width: 120px; margin-right: 50px; line-height: 30px; padding: 0 50px; border-left: 1px solid #484848; border-right: 1px solid #484848; }
.footer .contact{ line-height: 30px; }
.footer .fr h3{ background: #494949; width: 140px; height: 35px; text-align: center; line-height:35px; font-size: 14px; }
.footer .fr img{ height: 140px; }
.copyright{background:#333333; padding:15px 0;border-top: 1px solid #484848; color: #bbbbbb; text-align: center;}

.kefu{position:fixed;right:-170px;top:50%;z-index:900;}
.kefu li a{text-decoration:none; color: #FFF;}
.kefu li{margin-top:1px;clear:both;height:71px;position:relative;}
.kefu li i{background:url(../images/fx.png) no-repeat;display:block;width:30px;height:27px;margin:0 auto;text-align:center;}
.kefu li p{height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;margin: 0;}
.kefu .kefu-qq i{background-position:4px 5px;}
.kefu .kefu-tel i{background-position:0 -21px;}
.kefu .kefu-liuyan i{background-position:4px -53px;}
.kefu .kefu-weixin i{background-position:-34px 4px;}
.kefu .kefu-weibo i{background-position:-30px -22px;}
.kefu .kefu-ftop{display:none;}
.kefu .kefu-ftop i{width:33px;height:35px;background-position:-27px -51px;}
.kefu .kefu-left{float:left;width:77px;height:47px;position:relative;}
.kefu .kefu-tel-right{font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;}
.kefu .kefu-right{width:20px;}
.kefu .kefu-tel-main{background:#e6212a;color:#fff;height:56px;width:247px;padding:9px 0 6px;float:left;}
.kefu .kefu-main{background:#e6212a;width:97px;height:56px;position:relative;padding:9px 0 6px;float:left;}
.kefu .kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333;}
.kefu-weixin-pic img{width:115px;height:115px;}

.ban{ width: 100%; height: 320px; overflow: hidden; }
.ny{ height: auto; overflow: hidden; width: 100%; padding: 30px 0; }
.ny .fl{ width: 300px; border: 1px solid #ccc; }
.ny .fr{ width: 860px; }
.ny .fl .title{ height:70px; width: 270px; background: #e6212a url(../images/ico01.jpg) no-repeat 20px center; color: #FFF; padding: 15px 0 0 30px; }
.ny .fl .title span{ font-size: 28px;  padding-left: 50px; display: block; }
.ny .fl .title span i{ display: block; font-size: 14px; font-style: normal; text-transform:uppercase}

.ny .contact{ background: #e6212a; text-align: center; padding: 20px 0; }
.ny .contact p{ font-size: 18px; color: #FFF; margin-top: 10px; }
.ny .contact p span{ display: block; font-size: 24px; font-weight: bold; }

.ny .fr .title{line-height: 42px; border-bottom: 1px solid #e1e1e1;}
.ny .fr .title span{ font-size: 20px; color: #e6212a; border-bottom: 3px solid #e6212a; padding-bottom: 10px; }
.ny .fr .title p{ display: inline-block; float: right; }

.ny .fr .tit{line-height: 38px; border-bottom: 1px solid #e1e1e1; margin-bottom: 15px;}
.ny .fr .tit span{ font-size: 18px; color: #e6212a; border-bottom: 3px solid #e6212a; padding-bottom: 8px; }

.ny .fr .txt{ border: 1px solid #e1e1e1; background: #f4f4f4; margin-top: 20px; padding: 15px; }

.list-1 dl{ border-bottom: 1px solid #e1e1e1; padding: 15px 0; }
.list-1 dl dt{ line-height: 35px; font-size: 16px; }
.list-1 dl dt:before{ content:'■'; font-size: 12px; margin-right: 5px; color: #e6212a; position: relative; top:-3px; }
.list-1 dl dt span{ float: right; font-size: 14px; }
.list-1 dl dt a{ font-weight: bold; }
.list-1 dl dd{ color: #999; }

.list-2{ height: auto; overflow: hidden; padding-bottom: 30px; }
.list-2 ul li{ float: left; display: inline-block; margin-right: 27px; font-size: 16px; text-align: center; margin-top: 20px; }
.list-2 ul li:nth-child(3n){margin-right:0}
.list-2 ul li .img{ width: 266px; height: 190px; border: 1px solid #c1c1c1; }
.list-2 ul li img{ max-width: 100%; height: 190px; }
.list-2 ul li p{ margin-top: 5px; }

.news{ padding:0px 0 0;  }
.news h1{ text-align: center;font-size: 24px;padding-top:30px; }
.news .date{ text-align: center; font-size: 14px; padding: 15px 0; }
.news .date span{ padding: 0 15px; }
.news .info{ padding: 10px 0 0; line-height: 25px; }

.tags{ border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; height:35px; line-height:35px;}
.tags span{ font-weight: bold; }
.tags a{ margin-right: 15px; }

.page{line-height: 50px;}
.page span{ float: right; }

.xg-pro{ height: auto; overflow: hidden; margin-top: 5px; }
.xg-pro ul li{ float: left; display: inline-block; width: 200px; margin-right: 15px; margin-bottom: 10px; text-align: center; }
.xg-pro ul li img{ width: 200px; height: 160px; }

.xg-news{ height: auto; overflow: hidden;margin-top: 15px; }
.xg-news ul li{ float: left; display: inline-block; width: 47%; margin-right: 3%;line-height:25px; }
.xg-news ul li:before{ content:'■'; font-size: 12px; margin-right: 5px; color: #e6212a; position: relative; top:-10px; }
.xg-news ul li a{ text-overflow: ellipsis;  overflow: hidden; white-space: nowrap; width: 240px; display: inline-block; }
.xg-news ul li span{ float: right; }

.xg-area{ height: auto; overflow: hidden; margin-top: 0px; margin-bottom:15px; }
.xg-area ul li{ float: left; display: inline-block; margin-right: 25px; line-height:25px; }

.pro{ width: 100%; height: auto; overflow: hidden; padding: 10px 0 30px; }
.pro .img{ float: left; display: inline-block; width: 480px; }
.pro .text{ float: right; display: inline-block; width: 350px; }

.pro .text h1{ font-size: 24px; padding-top: 20px; }
.pro .text .desc{ padding: 20px 0; height: 150px; font-size: 16px; line-height: 25px; }
.pro .text .btn{ width: 120px; height: 40px; background: #e6212a; color: #FFF; display: block; text-align: center;line-height: 40px; font-size: 18px; }

.pro-content .tits{border-bottom: 1px solid #e1e1e1; height: 40px; width: 100%; font-size: 18px; }
.pro-content .tits span{ background:#e6212a; color:#FFF; display: block;width: 120px; height: 40px; text-align: center; line-height: 40px; }
.pro-content .info{ padding: 20px 0; }

div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.pc-slide{width: 100%;margin: 0 auto; text-align: center;}
.view .swiper-slide .imgauto{width: 100%;height: 350px; position: relative;}
.view .swiper-slide .imgauto img{ max-width:90%;max-height: 100%; position: absolute;margin: auto; top:0; bottom: 0;left:0;right: 0 }
.view .swiper-container{width: 100%;}
.preview{width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-container{width: 80%;margin: 0 10%;overflow: hidden;}
.preview .swiper-slide{width:22.5%;padding: 5px; }
.preview .swiper-slide .imgauto{width: 100%;height: 80px;line-height: 80px;border: 1px solid #ddd;text-align: center;cursor: pointer; position: relative; display: block;}
.preview .swiper-slide .imgauto img{display: inline-block;vertical-align: middle;max-width:90%;max-height: 100%; position: absolute;margin: auto; top:0; bottom: 0;left:0;right: 0}
.preview .slide6{width: 82px;}
.preview img{padding: 1px;}
.preview .active-nav .imgauto{border: 1px solid #e6212a;}
.preview .arrow-left{background: url(../images/prev1.png) no-repeat left center;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 10px;height: 18px;z-index: 10;}
.preview .arrow-right{background: url(../images/next1.png) no-repeat left center;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 10px;height: 18px;z-index: 10;}
.clearfix {*zoom: 1;}
.clearfix:after{content: " "; display: block; height: 0; clear: both; visibility: hidden;}

#message{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 1000;transform: scale(0);transition: .3s;}
.messagebg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 1001;}
#message .m-content{margin-top: 10%;}
#message .m-content .m-message{background: #fff;width: 580px;background: #fff;padding: 50px;margin: 0 auto;position: relative;z-index: 1002;box-shadow: 1px 1px 50px rgba(0,0,0,.3);}
.m-message{width: 494px;margin: 48px auto 0;}
.m-message label{margin-bottom: 15px;display: block;font-size: 14px;}
.m-message label em{display: block;float: right;color: red;height: 32px;line-height: 32px;}
.m-message label span{width: 70px;height: 34px;line-height: 34px;color: #2F2F2F;float: left;font-weight: bold;text-align: right;margin-right: 30px;display: inline-block;}
.m-message label input.inp,.m-message label textarea,.m-message label.code input{width: 77%;overflow: hidden;height: 32px;line-height: 32px;border: #cccccc 1px solid;border-radius: 3px;padding:0 14px;box-sizing: border-box;color: #555;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.m-message label input:focus,.m-message label textarea:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);}
.m-message label textarea{height: 72px;line-height: 24px;padding:10px 14px;}
.m-message label.code{line-height: 34px;}
.m-message label.code input{width: 30%;float: left;margin-right: 30px;}
.m-message label.code .pic{display: inline-block;vertical-align: top;width: 80px;height: 32px;}
.m-message label.code img{display: block;width: 100%;height: 100%;}
.btn-1 input{width: 52px;height: 32px;line-height: 32px;background: #e8e8e8;border: none;color: #333;margin-right: 22px;cursor: pointer;transition: 0.3s;}
.btn-1{padding-left: 100px;}
.btn-1 input.focus{background: #e6212a;color: #fff;}
.btn-1 input.focus:hover{background: #444;}
.btn-1 input:hover{background: #ccc;}
/* =========================================================
   移动端响应式适配补丁 v1（2026-10-12 追加，保留原样式不变）
   仅覆盖 <=768px 手机与 769-1024px 平板布局
   ========================================================= */
@media (max-width: 1024px){
  .container{max-width:100% !important;padding:0 12px !important}
  body{font-size:14px}
}
@media (max-width: 768px){
  *{box-sizing:border-box}
  html,body{overflow-x:hidden}
  body{font-size:14px;line-height:1.7;-webkit-text-size-adjust:100%}
  img,video,iframe,embed{max-width:100%;height:auto}
  .container{width:auto !important;max-width:100%;padding:0 12px !important;margin:0 auto}
  .fl,.fr{float:none !important;width:100% !important;margin:0 0 10px !important}
  .tel{width:auto !important;text-align:left !important;padding:4px 0 !important}
  .header{height:auto !important;padding:10px 12px !important}
  .header .logo{width:auto !important;max-width:62%;margin:0 !important}
  .header .logo img{height:auto !important;max-height:46px}
  .nav{position:relative !important;height:auto !important}
  .nav .container{width:100% !important;padding:0 !important}
  .nav ul{display:block !important;width:100% !important;padding:0 !important;margin:0 !important;background:none !important}
  .nav ul li{display:block !important;width:100% !important;float:none !important;text-align:left !important;border-bottom:1px solid rgba(255,255,255,.14);margin:0 !important;height:auto !important;line-height:normal !important}
  .nav ul li a{display:block !important;line-height:2.5 !important;padding:0 12px !important;font-size:15px !important;height:auto !important}
  .nav ul li dl{display:block !important;position:static !important;opacity:1 !important;visibility:visible !important;background:rgba(0,0,0,.08) !important;padding:0 !important;top:auto !important;left:auto !important;box-shadow:none !important}
  .nav ul li dl dt{display:block !important;width:100% !important;text-align:left !important;float:none !important;height:auto !important}
  .nav ul li dl dt a{padding-left:26px !important;font-size:13px !important;line-height:2.2 !important}
  .banner,.banner .bd,.banner .bd ul,.swiper-container,.slide6{height:auto !important;max-height:240px}
  .banner .bd li img,.swiper-slide img{height:auto !important;min-height:120px;object-fit:cover;width:100% !important}
  .arrow-left,.arrow-right,.banner .hd{display:none !important}
  .sec-title,.sec-titles{font-size:20px !important;padding:18px 0 12px !important}
  .index-news,.index-pro,.news,.tab-news,.xg-news,.xg-pro,.about,.honor,.liucheng,.focus,.company,.links,.contact,.category,.ny{width:100% !important;float:none !important;padding:0 0 12px !important;margin:0 !important}
  .index-news ul li,.index-pro ul li,.news ul li,.list-1 li,.list-2 li,.xg-news ul li,.xg-pro ul li,.ban li{width:100% !important;float:none !important;margin:0 0 10px !important}
  .index-pro ul li img,.xg-pro ul li img,.pro img,.pic img{width:100% !important;height:auto !important}
  .title,.tit,.tits,.dh,.more,.date{width:auto !important}
  .pic,.preview,.imgauto,.img,.mask{width:100% !important;max-width:100%;height:auto !important}
  .preview{display:block !important;text-align:center;padding:10px 0}
  .zoomDiv,.zoomMask{position:static !important;width:100% !important;height:auto !important;display:block !important}
  .text,.txt,.desc,.info{width:100% !important;padding:8px 0 !important}
  .m-message,.m-content{width:100% !important;max-width:100%;padding:10px !important;margin:0 !important}
  .inp,.btn,.btn-1{width:100% !important;max-width:100%;margin:6px 0 !important;font-size:16px !important;height:auto !important}
  textarea.inp{min-height:90px}
  .page{text-align:center;padding:14px 0}
  .page a,.page span{padding:6px 10px !important;margin:2px !important;display:inline-block}
  .footer{text-align:center;padding:20px 10px !important}
  .footer .container{width:100% !important}
  .code,.tags,.links{width:100% !important;float:none !important;text-align:center;margin:0 0 8px !important}
  .kefu{transform:scale(.85);transform-origin:right bottom}
  .kefu-tel-main{width:auto !important}
  .search{width:100% !important;padding:8px 0 !important;text-align:center}
  .search .inp{width:70% !important;display:inline-block !important}
  .search .btn{width:28% !important;display:inline-block !important;margin:0 !important}
  .clearfix{height:auto !important}
  .ny .fl,.ny .fr{margin:0 !important}
  .content,.m-content .content{padding:6px 0 !important}
  .content p,.m-content p{font-size:15px !important;line-height:1.85 !important}
  .content img{display:block;margin:8px auto}
  table{width:100% !important;max-width:100%;display:block;overflow-x:auto}
}

/* ===== v2 修复：覆盖 body/html 强制最小宽度与顶栏 ===== */
@media (max-width: 1024px){
  body{min-width:0 !important}
  html{min-width:0 !important}
}
@media (max-width: 768px){
  html,body{min-width:0 !important;width:100% !important;max-width:100% !important}
  .top{height:auto !important;line-height:1.6 !important;padding:6px 12px !important;border-bottom:1px solid #e2e2e2}
  .top ul{float:none !important;width:100% !important;text-align:center}
  .top ul li{float:none !important;display:inline-block;padding:2px 6px}
  .top .fr{position:static !important;float:none !important;width:100% !important;text-align:center}
  .header{min-width:0 !important;max-width:100%}
  .footer,.nav,.banner{min-width:0 !important}
}

/* ===== v3 修复：导航菜单项全宽、内页布局细节 ===== */
@media (max-width: 768px){
  .nav ul li a{width:auto !important;text-align:left !important}
  .nav ul li dl dt a{width:auto !important;text-align:left !important}
  .nav ul .home{margin-left:0 !important}
  .nav ul li:after{display:none !important}
  .content dl{float:none !important;width:100% !important;margin:0 0 10px !important}
  .content .fr ul li{float:none !important;width:100% !important;margin:0 0 16px !important}
  .content .fr ul li .img,.content .fr ul li .img img{width:100% !important;height:auto !important}
  .ny .fl .title,.ny .fl .contact{width:100% !important}
  .ny .fr .tit,.ny .fr .title{margin-bottom:10px !important}
  .list-1 li,.list-2 li{width:100% !important;float:none !important}
  .preview img{width:100% !important;height:auto !important}
  .m-content .title{font-size:20px !important;line-height:1.5 !important}
}

/* =========================================================
   移动端响应式补丁 v4（2026-10-29 综合修复）
   ========================================================= */
@media (max-width: 768px){
  /* 全局 */
  *{box-sizing:border-box}
  html,body{overflow-x:hidden;min-width:0;width:100%;max-width:100%}
  body{font-size:14px;line-height:1.7;-webkit-text-size-adjust:100%}
  img,video,iframe{max-width:100%;height:auto}
  
  /* 容器 */
  .container{width:100% !important;max-width:100%;padding:0 12px !important;margin:0 auto}
  
  /* 顶部欢迎条 */
  .top{height:auto !important;line-height:1.6 !important;padding:6px 0 !important;font-size:12px !important}
  .top .fl,.top .fr{float:none !important;width:100% !important;text-align:center !important;margin:0 !important}
  
  /* 头部 logo 区 */
  .header{height:auto !important;padding:10px 0 !important;min-width:0 !important}
  .header .logo{width:100% !important;max-width:180px !important;float:none !important;margin:0 auto 8px !important;text-align:center !important}
  .header .logo img{max-height:46px !important;width:auto !important}
  .header .company{display:none !important}
  .header .tel{width:100% !important;float:none !important;text-align:center !important;padding:4px 0 !important}
  .header .tel p{font-size:16px !important;margin:0 !important}
  .header .tel span{font-size:20px !important;color:#e6212a !important;font-weight:bold !important}
  
  /* 导航菜单 - 垂直折叠 */
  .nav{height:auto !important;min-width:0 !important;position:relative !important}
  .nav .container{width:100% !important;padding:0 !important}
  .nav ul{display:block !important;width:100% !important;padding:0 !important;margin:0 !important;background:#1a3c6e !important}
  .nav ul li{display:block !important;width:100% !important;float:none !important;text-align:left !important;border-bottom:1px solid rgba(255,255,255,.1) !important;margin:0 !important;height:auto !important;line-height:normal !important;position:relative !important}
  .nav ul li a{display:block !important;width:100% !important;line-height:2.5 !important;padding:0 12px !important;font-size:14px !important;height:auto !important;box-sizing:border-box !important}
  .nav ul li dl{display:block !important;position:static !important;opacity:1 !important;visibility:visible !important;background:rgba(0,0,0,.15) !important;padding:0 !important;top:auto !important;left:auto !important;box-shadow:none !important;width:100% !important}
  .nav ul li dl dt{display:block !important;width:100% !important;text-align:left !important;float:none !important;height:auto !important}
  .nav ul li dl dt a{padding-left:24px !important;font-size:13px !important;line-height:2.2 !important}
  .nav ul li:after{display:none !important}
  .nav ul .home{margin-left:0 !important}
  
  /* 轮播图 */
  .banner,.banner .bd,.banner .bd ul,.swiper-container,.slide6{height:auto !important;max-height:200px !important}
  .banner .bd li img,.swiper-slide img{height:200px !important;object-fit:cover !important;width:100% !important}
  .arrow-left,.arrow-right{display:none !important}
  
  /* 浮动元素全部改单列 */
  .fl,.fr{float:none !important;width:100% !important;margin:0 0 10px !important}
  
  /* 首页产品区 */
  .index-pro .content{padding:15px 0 !important}
  .index-pro .content .fl,.index-pro .content .fr{width:100% !important;float:none !important;padding:0 !important}
  .index-pro .content .fl .title,.ny .fl .title{width:100% !important;float:none !important;margin-bottom:10px !important}
  .index-pro .content .fr ul{padding:0 !important;margin:0 !important}
  .index-pro .content .fr ul li{width:100% !important;float:none !important;margin:0 0 12px !important;list-style:none !important}
  .index-pro .content .fr ul li .img{width:100% !important;height:auto !important;float:none !important}
  .index-pro .content .fr ul li .img img{width:100% !important;height:auto !important}
  
  /* 关于我们区 */
  .about .fl,.about .fr{width:100% !important;float:none !important;padding:0 !important}
  .about .fr img{width:100% !important;height:auto !important}
  
  /* 列表页 */
  .list-1 li,.list-2 li,.xg-pro ul li{width:100% !important;float:none !important;margin:0 0 10px !important;list-style:none !important}
  .list-2 ul li .img,.xg-pro ul li img{width:100% !important;height:auto !important}
  
  /* 内页布局 */
  .ny .fl,.ny .fr{width:100% !important;float:none !important;padding:0 !important}
  .ny .fl .title,.ny .fl .contact{width:100% !important}
  
  /* 搜索区 */
  .search .fr{width:100% !important;float:none !important;height:auto !important}
  .search .fr input{width:70% !important}
  
  /* 页脚 */
  .footer{min-width:0 !important;padding:20px 0 ! important}
  .footer .dh,.footer .pro{width:100% !important;float:none !important;margin:0 0 10px !important;padding:0 !important;border:none !important}
  .footer .fr h3{width:100% !important}
  .footer .container{padding:0 12px !important}
  
  /* 客服浮窗 - 手机端缩小 */
  .kefu{width:auto !important;right:5px !important}
  .kefu .kefu-tel-main{width:auto !important;float:none !important}
  .kefu-weixin-pic img{width:60px !important;height:60px !important}
  
  /* 通用 */
  .preview img{width:100% !important;height:auto !important}
  .m-content .title{font-size:20px !important;line-height:1.5 !important}
  .content dl{float:none !important;width:100% !important;margin:0 0 10px !important}
}

/* 超小屏（<480px）进一步优化 */
@media (max-width: 480px){
  body{font-size:13px !important}
  .nav ul li a{font-size:13px !important;line-height:2.2 !important}
  .header .tel span{font-size:18px !important}
  .banner .bd li img{height:160px !important}
  .container{padding:0 8px !important}
}