body{overflow-x:hidden;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.hidden{display:none;}
.last{border-bottom:none !important;}
blockquote{background:#f9f9f9;padding:8px 20px;border:1px solid #ccc;}
ul,h2,p,dl,dd{
padding: 0;
margin: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
}
input{ outline:none; }
input:focus{ outline:none; }
input{ outline:none; border:0; }
input,select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
border:none;}
.topindex-maxpic{width:100%;margin:0px auto; position:relative; }
.fullSlide {width:100%;position:relative;height:550px;background-color:#fff;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% ;}
.fullSlide .bd li {width:100% ;height:550px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:550px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:80px;line-height:30px;}
.fullSlide .hd ul {text-align:center;width:100%;margin:0px auto;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:30px;height:10px;margin:1px;border:solid 2px #fff;margin-right:5px; overflow:hidden; background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on {background:#fc9905;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute; z-index:1;top:50%;margin-top:-30px; left:5%;z-index:1;width:40px;height:60px;background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:5%;background-position:-6px -137px;}
.search {margin-top:35px;}
#box { width: 100%; padding: 3% 0px; display: none;}
.searchDiv { width: 90%; margin: 0px auto; position: relative;}
.searchDiv form {width: 100%;height: 100%;}
.searchDiv form dl dd.dd01{width: 100%;height: 100%;}
.searchDiv form dl dd.dd01 input{height: 48px;width: 100%;border: 1px solid #eaeaea;color: #999;box-sizing: border-box;text-indent: 2em;}
.searchDiv form dl dd.dd02 {position: absolute;top: 0;right: 0;}
.search form {width: 100%;height: 100%;}
.search form dl{width: 100%;height: 100%;position: relative;z-index: 2;}
.search form dl dd.dd01{width: 100%; height: 100%;}
.search form dl dd.dd01 input{background: transparent;width: 100%;height: 100%;background: url(images/search_bk.png) center center no-repeat;border: 0;text-indent: 1em;color: #fee6bd;}
.search form dl dd.dd02 {position: absolute;top: 8px;right: 14px;}
.w100{ width:100%}
.fd{ width:100%;}
.main{ width:80%; margin:0px auto; padding:0px; }
.jz{display:table; margin:0px auto;}
.l{ float:left;}
.r{ float: right;}
.tacenter{ text-align:center}
.cwhite{ color:#fff;}
.cblack{ color:#000;}
.czong{ color:#b60005}
.time {transition: all ease-out .3s 0s; -webkit-transition: all ease-out .3s 0s; -moz-transition: all ease-out .3s 0s; -o-transition: all ease-out .3s 0s;}
.time1 {transition: all ease-out 1.2s 0s; -webkit-transition: all ease-out 1.2s 0s; -moz-transition: all ease-out 1.2s 0s; -o-transition: all ease-out 1.2s 0s;}
a:hover {text-decoration: none;}
ul li { list-style: none;}
.mgt40{ margin-top:40px;}
.mgt60{ margin-top:60px;}
.table { display: table;}
.table-cell { display: table-cell; vertical-align: middle;}
.new_title img{max-width:100%}
.head { width: 100%; position:fixed; top:0; z-index:9999;background:#fff; border-bottom:2px solid #b60005; box-sizing:border-box;}
.head.active{ color:#000; background:#fff; transition: background 1s; -moz-transition: background 1s; -webkit-transition: background 1s; -o-transition:background 1s;}
.head.active .topmeau li a,.head1.active .rt_top p { color: #000;}
.head.active .topmeau li.lihover a{ color:#b60005}
.head.active .rt_top p{ color:#000}
.head1 { width: 100%; background:#fff; z-index:9999; padding:22px 0}
.head1.active{ color:#000; position:fixed; top:0; transition: background 1s; -moz-transition: background 1s; -webkit-transition: background 1s; -o-transition:background 1s;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.head1.active .topmeau li a,.head1.active .rt_top p { color: #fff;}
.head1.active .topmeau li.lihover a{ color:#b60005}
.topBox { display: none;}
.menuBox {display: none;}
.head_box {padding: 0px 7%;}
.logo a{ color: #fff;}
.logo a img{ margin:25.5px 0}
.topmeau { width: auto; margin-left:15%; margin-top:24.5px;}
.topmeau li{ float: left; width: auto; margin-right:100px;padding:8px 0; text-align: center; position:relative }
.topmeau li a.wz{font: 16px/16px "微软雅黑"; }
.topmeau li a.wz:hover{ color:#b60005}
.topmeau li.lihover a{ color:#b60005; }
.topmeau li.lihover{border-bottom:1px solid #b60005}
.topmeau li dl{ width:100%; height: 0; padding-bottom:10px; background:#b60005; position:absolute; left:0; top:65px; opacity:0; filter:alpha(opacity=0); z-index:9999999999999999}
.topmeau li:hover dl{ height:auto;opacity:1; filter:alpha(opacity=100)}
.topmeau li dl .mz{ width:100%; overflow:hidden; font:14px/35px "微软雅黑"; color:#fff; box-sizing:border-box; }
.topmeau li dl .mz:last-child mz{ border-bottom:none}
.topmeau li dl .mz:hover{background:#fff; color:#b60005;}
.rt_top { overflow: hidden;}
.rt_top p { font: 18px/65px "微软雅黑";}
.banner_min {padding: 30px 0px;background: #f7f7f7;text-align: center;}
.banner_min li {display: inline-block;background: #fff;padding: 36px 32px 32px;margin: 0px 0.71428%;width: 19%;}
.banner_min li h2{color: #222; text-align: left;font: 24px/24px "微软雅黑";}
.banner_min li p {color: #999999;font: 16px/16px "微软雅黑";margin-top: 21px;}
.footer{ display:none;width:100%; padding:6px 0; background:#000; position:fixed; left:0; bottom:0; display:none; z-index:9999}
.footer a{ width:25%}
.footer a .icon,.footer a .icon img{ width:auto; height:34px}
.footer a .wz{ width:100%; margin-top:3px; font:12px/18px "微软雅黑"; color:#fff; text-align:center}
/**首页标题**/
.title { width: 100%; margin: 0px auto; text-align:center; }
.title .titen { text-transform:uppercase; font: normal 40px/40px "微软雅黑"; color:#b60005; margin-bottom:28px}
.title .titcn { font:28px/28px "微软雅黑"; color:#000}
.title .intx{width:40%; margin:0px auto; display:table; height:1px; background:#b60005}
.title .intxw{width:20%; margin:0px auto; display:table; height:1px; background:#fff; margin-top:-1px;}
.in_title{ width:100%; float:left; font:bold 38px/45px "微软雅黑"; color:#b60005}
.in_title .inbt{width:100%; font:28px/40px '微软雅黑'; display: inline-block; text-align:center; color:#000; margin-top:30px; margin-bottom:30px;}
.in_title .xx{ width:430px; height:1px; background:#b60005; display:table; margin:0px auto}
.in_title .cx{ width:42px; height:3px; background:#b60005; display:-webkit-inline-box; margin-top:-2px }
.nytitle{ width:100%; font: bold 20px/26px "微软雅黑"; text-align:center; color:#4c4c4c}
.search2{ font:14px/25px "微软雅黑"; color:#999}
.bgblock{ background:#000}
.bgwhite{ background:#fff}
/**首页产品展示**/
.prodiv {width: 100%; margin-top:50px}
.inpfl{ width:100%; margin:50px 0 70px }
.inpfl .pflbt{ width:18.5%; height:110px;background:#b60005; position:relative; padding-top:30px; padding-left:100px; box-sizing:border-box; color:#fff}
.inpfl .pflbt i{ width:35px; height:33px; position:absolute; top:30px; left:55px}
.inpfl .pflbt i img{ max-width:100%}
.inpfl .pflbt b{ font:bold 26px/26px "微软雅黑"}
.inpfl .pflbt p{ font:14px/14px "微软雅黑"; text-transform:uppercase; margin-top:8px}
.inpfl .pfl{ width:81.5%; box-sizing:border-box; border:1px solid #e2e2e2; padding:15px 0 15px 40px; box-sizing:border-box}
.inpfl .pfl li{ width:auto; margin-right:35px; float:left;}
.inpfl .pfl li a{ font:21px/40px "微软雅黑"; color:#3c3c3c}
.inpfl .pfl li a:hover{ color:#b60005; font-style:italic}
.inpro { width: 100%; float: left; margin-bottom:25px}
.inpro li { width: 23.5%; text-align: center; margin-bottom: 25px; float: left; margin-right:2% }
.inpro li:nth-child(4n){ margin-right:0%}
.inpro li .pj { width: 100%; height:275px; overflow:hidden; position:relative; box-sizing: border-box; border:1px solid #e5e5e5}
.inpro li .pj img {width: 100%;height:100%;object-fit:cover;display:inline-block;}
.inpro li:hover .pj img{transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transform:scale(1.2)}
.inpro li .pwz{width: 100%; height:275px;position:absolute; left:0; top:0; background:rgb(182,0,5,0.72); opacity:0}
.inpro li .pwz .bk{ width:90%; height:235px; margin:20px 5%; box-sizing:border-box; border:1px solid rgb(255,255,255,0.7);display: flex; align-items: center; /*定义body的元素垂直居中*/ justify-content: center; /*定义body的里的元素水平居中*/}
.inpro li .pwz .bk .pname{ font:24px/30px "微软雅黑"; border-bottom:1px solid #fff; border-top:1px solid #fff; color:#fff; padding:10px 5px}
.inpro li:hover .pwz{ opacity:1}
.inpmore{font: 16px/55px "微软雅黑"; color: #343434; background: #fff; box-sizing: border-box; border: 1px solid #e5e5e5; padding: 0 50px;border-radius: 40px; display:table; margin:0px auto}
.inpmore:hover{ background:#b60005; color:#fff}
/**内页产品分类**/
.pb1{background:#E7E7E7 url(../images/products_09_1.png) right 54px bottom 32px no-repeat;}
.pb2{background:#2E2E2E url(../images/products_09_2.png) right 54px bottom 32px no-repeat;}
.plist2{ width:100%; }
.plist2 li{ width:100%; float:left;box-shadow: 0 8px 25px -8px rgba(0, 0, 0, 0.3); margin-bottom:30px;}
.plist2 li .bigpic{ width:40%; height:460px }
.plist2 li .bigpic img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.plist2 li .pnr{ width:60%; height:460px;box-sizing:border-box; padding:0 10% 0 5%; position:relative}
.plist2 li .pnr .pm{ width:175px; font:16px/50px "微软雅黑"; color:#fff; text-align:center; background:#b60005; position:absolute; right:0; top:0}
.plist2 li .pnr .pm1{ width:175px; font:16px/50px "微软雅黑"; color:#fff; text-align:center; background:#b60005; position:absolute; left:0; top:0}
.plist2 li .pnr .psn{ width:100%; float:left; box-sizing:border-box; border-bottom:2px solid #5b5b5b; margin-top:90px;}
.plist2 li .pnr .psn .wzl{ width:35%; padding-bottom:35px;}
.plist2 li .pnr .psn .wzl b{ font: bold 24px/30px "微软雅黑"}
.plist2 li .pnr .psn .wzl p{ font:14px/20px "微软雅黑"; text-transform:uppercase; margin-top:5px;}
.plist2 li .pnr .wzr{ width:100%; font:15px/28px "微软雅黑"; padding-right:350px; box-sizing:border-box; margin-top:20px;}
.plist2 li .pnr .cx{ width:235px; height:6px; background:#b60005; margin-top:-4px; float:left}
.plist2 li .pnr li{ width:30%; height:145px; float:left; overflow:hidden; box-sizing:border-box; border-radius:8px; margin-right:5%; margin-top:60px;}
.plist2 li .pnr li:last-child{ margin-right:0}
.plist2 li .pnr li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
/**首页min**/
.inmin{ width:100%; padding:135px 0;overflow: hidden;background: url(../images/inminbg.jpg) top center no-repeat; background-attachment: fixed; background-size: cover; text-align:center;color:#fff; margin-top:55px}
.inmin h2{ font:40px/40px "微软雅黑"; text-transform: uppercase}
.inmin span{ width:100%; float:left; font-size:28px; margin:25px 0}
.inmin font{ width:100%; float:left; font-size:14px}
/**首页新闻+图片展示*/
.inpn{ background:url(../images/kjbg.jpg) repeat-x; width:100%; padding-bottom:80px}
.inpn .ipnew{ width:30%;}
.inpn .ipnew .ipnew_img{ width:100%; height:240px; position:relative}
.inpn .ipnew .ipnew_img img{width:100%; height:100%; display:inline-block; object-fit:cover;}
.inpn .ipnew .ipnew_img .hk{ width:80%; left:10%; top:60px; position:absolute; background:rgb(182,0,5,0.92); color:#fefefe; padding:25px; box-sizing:border-box; text-align:center}
.inpn .ipnew .ipnew_img .hk h2{ font:normal 25px/25px "微软雅黑"}
.inpn .ipnew .ipnew_img .hk p{ font:normal 8px/12px "微软雅黑"; text-transform: uppercase; margin-top:5px}
.inpn .ipnew .ipnew_img .imgwz{ width:100%; font-size:17px; color:#fff; position:absolute; left:0; bottom:30px; text-align:center}
.inpn .ipnew .ipnul{ width:100%; float:left; background:#fff; padding:60px 70px; box-sizing:border-box; height:500px; overflow:auto}
.inpn .ipnew .ipnul li{ width:100%; float:left; box-sizing:border-box;border-bottom:1px solid #c9c9c9;font:18px/50px "微软雅黑"; }
.inpn .ipnew .ipnul li a{ color:#383333; }
.inpn .ipic{ width:66%;}
.inpn .ipic_img{ width:100%}
.inpn .ipic_img img{ max-width:100%}
.inpn .ipic .enbt{ font: 22px/30px "微软雅黑"; color:#e7e6e6; width:100%; padding-right:20%; box-sizing:border-box; text-transform:uppercase; margin-top:55px}
.inpn .ipic .cnbt{ font: 28px/40px "微软雅黑"; color:#000; width:100%; margin-top:-35px}
.inpn .ipic .pzs{ width:100%; margin-top:30px}
.inpn .ipic .pzs li{ width:23.5%; margin-right:2%; height:135px; float:left; margin-bottom:20px}
.inpn .ipic .pzs li:nth-child(4n){ margin-right:0}
.inpn .ipic .pzs li img{width:100%; height:100%; display:inline-block; object-fit:cover;}
/**首页为什么选择金其五金？**/
.inchoose{ width:100%; padding:55px 0 65px;}
.inchoose .incbt{ width:100%; font:bold 30px/56px "微软雅黑"; color:#000; margin-bottom:40px; position:relative}
.inchoose .incbt i{ width:63%; height:1px; background:#e5e5e5; position:absolute; right:200px; top:27.5px}
.inchoose .incbt .inzx:hover{ background:#000}
.inchoose .incbt .inzx{ width:auto; font:16px/56px "微软雅黑"; color:#fff; background:#b60005; border-radius:30px; padding:0 50px; }
.choose{ width:100%}
.choose li{ width:25%; background:#f5f5f5; float:left; height:358px; text-align:center; padding-top:80px}
.choose li:nth-child(2n){ background:#fff}
.choose li i{ width:70px; height:70px; display:table; margin:0px auto}
.choose li i img{ max-width:100%}
.choose li p{ width:100%; float:left; font:30px/30px "微软雅黑"; color:#000; margin:30px 0 45px}
.choose li .chwz{ width:100%; float:left; font:14px/22px "微软雅黑"; color:#000; padding:0 10%; box-sizing:border-box}
/**应用领域**/
.casebt{ height:149px; background: url(../images/casebg.jpg) no-repeat right center; margin-top:50px;}
.cbtl{ width:51.25%;}
.cbt{ font:24px/30px "微软雅黑"; width:100%; float:left; border-left:4px solid #b60005; text-indent:12px;}
.cbt2{font:48px/48px "微软雅黑"; width:100%; color:#d9d9d9; text-transform:uppercase; margin-top:15px;}
.cbt3{font:16px/30px "微软雅黑"; width:100%; color:#b60005; margin-top:20px;}
.cbtr{ width:48%; padding:30px 0px 0 40px; box-sizing:border-box}
.cbtr .rbt{ font:24px/24px "微软雅黑"; color:#fff}
.infl{ float:left; width:auto; margin-top:5px;}
.infl li{ width: auto; height:30px; float:left; margin:0 18px 0 0px;text-align:left;}
.infl li a{ font:16px/30px "微软雅黑"; color:#fff}
.infl li:hover a{ color:#ddd;}
.pmore{ width:125px; font:14px/40px "微软雅黑"; float:left; background:#fff; text-align:center; color:#b60005; margin-top:10px;}
.pmore:hover{ background:#000; color:#fff;}
.casel{ width:51.25%;}
.caser{ width:48%; height:397px}
.caser img{width: 100%;height:100%;object-fit:cover;display:inline-block}
.casel li{ list-style:none; float:left; width:49%; height:194px; margin-right:2%; margin-bottom:10px; position:relative; overflow: hidden}
.casel li:nth-child(2),.casel li:nth-child(4){ margin-right:0px}
.casel li img,.casel img{width: 100%;height:100%;object-fit:cover;display:inline-block}
.casel li span{position:absolute; right:15px; bottom:15px; font:20px/20px "微软雅黑"; color:#fff; text-shadow: 0px 1px 1px #000;}
.casel li:hover img{transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transform:scale(1.2)}
/**首页关于我们**/
.aboutdiv {width: 100%; height:735px; margin-bottom:80px; background:url(../images/aboutbg.jpg) no-repeat top center; position:relative }
.aboutdiv .aboutimg{ width:34.2%; position:absolute; left:9%; top:160px}
.aboutdiv .aboutimg img{ max-width:100%}
.aboutdiv .aboutk{ width:242px; height:200px; background:#b60005; position:absolute; right:0; top:80px}
.aboutdiv .aboutnr{ width:35%; margin-right:19%;}
.aboutdiv .aboutnr .inabt{ width:100%; margin-top:115px}
.aboutdiv .aboutnr .inabt h2{ text-transform: uppercase; font-size:36px; color:#b60005; font-weight:normal}
.aboutdiv .aboutnr .inabt p{ width:100%; float:left; margin-top:12px; font: bold 36px/36px "微软雅黑"; color:#000}
.aboutdiv .aboutnr .anrwz{ width:100%; font:14px/26px "微软雅黑"; margin-top:70px;}
.aboutdiv .aboutnr .amore{ font:16px/55px "微软雅黑"; color:#343434; background:#fff; box-sizing: border-box; border:1px solid #e5e5e5; padding:0 50px; border-radius:40px; margin-top:80px}
/**首页新闻**/
.innew{ width:100%; margin-bottom:30px}
.industry {width:100%; }
.industry li{ width:100%; float:left; background:#f5f5f5; margin:40px 0 65px;}
.industry li:hover .nrnr i{ background:#b60005; color:#fff}
.industry li:hover .nrnr .nbt,.industry dl:hover .qtnr .qtbt{ color:#b60005}
.industry li .npic{ width:42.5%; height:295px; box-sizing:border-box; border:1px solid #dcdcdc;}
.industry li .npic img{ display:inline-block; width:100%; height:100%; object-fit:cover;}
.industry li .nrnr{ width:49.5%; box-sizing:border-box; padding-top:60px}
.industry li .nrnr .nbt{ width:100%; float:left; font:21px/21px "微软雅黑"; height:21px; overflow:hidden; color:#343434; margin-bottom:25px;}
.industry li .nrnr .njs{ width:100%; float:left; font:14px/24px "微软雅黑"; color:#343434; height:48px; overflow:hidden;}
.industry li .nrnr i{ float:left; font:16px/55px "微软雅黑"; background:#fff; color:#343434; box-sizing:border-box; border:1px solid #e5e5e5; border-radius:30px; padding:0 50px; margin-top:40px}
.industry dl{ width:47.5%; float:left; margin-right:5%; margin-bottom:30px}
.industry dl:nth-child(2n){ margin-right:0}
.industry dl .ndate{ width:21%; font-size:18px; color:#000}
.industry dl .qtnr{ width:78%; padding-bottom:25px; box-sizing:border-box; border-bottom:1px solid #dfdfdf;}
.industry dl .qtnr .qtbt{ width:100%; float:left; font: bold 18px/20px "微软雅黑"; height:20px; overflow:hidden; color:#000}
.industry dl .qtnr .qtjs{ width:100%; float:left;font:14px/21px "微软雅黑"; color:#000; height:42px; overflow:hidden; margin-top:15px;}
.banner1{ width:100%; height:auto; float:left; overflow:hidden; position:relative; margin-top:86px;}
.banner1 img{ width:100%;}
.banner1 div{ width:100%; height:auto; overflow:hidden; position:relative;}
.banner1 div p{ width:100%; height:auto; overflow:hidden; float:left; position:relative;}
/**end首页新闻**/
.contbg{position: relative;background-position: center top;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;color: #fff; background:url(../images/contact_bg.jpg) no-repeat}
.contbg .cbt{ font:35px/60px "微软雅黑"; color:#666; font-weight:bold}
.contbg .c1{ width:65%; height:50px; margin-bottom:10px; text-indent:15px; display:inline; border-bottom:solid 1px #ddd; font:16px/50px "微软雅黑"; color:#666; background:none}
.contbg .c1:last-child{ margin-right:0}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#66;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#666;}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#666;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#666;}
.contbg textarea{ width:65%; border:solid 1px #ddd; box-sizing:border-box !important; height:150px; background:none;font:16px/40px "微软雅黑"; color:#666; padding:15px; display:inline; }
.contbg .submit{ width:200px; height:44px; float:left; background:#b60005; font:16px/44px "微软雅黑"; color:#fff; display:inline; margin-top:10px}
.nybox{width: 100%; margin-top:-80px; z-index:99; position:relative}
.nybox p { color: #FFF; font-size: 16px;}
.nybox i { display: block;width: 29px; height: 3px; background-color: #FFF; margin-top: 15px;}
.pro_mbx{ both; width: 100%; background-color: #EBEBEB; font:14px/55px "微软雅黑"; color:#666;}
.pro_mbx i{ float: left; display: block; width: 63px; height: 55px; margin-right: 15px; border-left: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; background: url(../images/products_03.png) center center no-repeat;}
.pro_mbx a{ color: #666;}
.pro_mbx a:hover{ color: #0065B9;}
.pro_mbx span{ display: inline-block; margin: 0 5px; width: 5px; height: 9px; background: url(../images/products_05.jpg) center center no-repeat;}
.news {width: 100%;background: #fff;}
.new_text {width: 100%;color: #222;}
.new_box{padding: 0px 7%;}
.box { width:100%; padding: 0px 7%;}
.about_sel {margin-top: 0;padding-bottom: 80px;}
.about_sel_box {width:25%;box-sizing:border-box; height: auto;float:left;}
.about_sel_box .tit { background-color: #F4F5F7; padding: 40px 17px 16px 17px; font-size: 24px; color: #333; border-bottom: 2px solid #E4E4E5; }
.about_sel_box .tit span {
display: inline-block;
margin-left: 5px;
font-size: 14px;
color: #999;
text-transform: uppercase;
}
.about_sel_box ul {height: 100%;}
.about_sel_box ul li {margin-top: 1px; background-color: #F4F5F7;width: 100%;float: left;cursor: pointer;}
.about_sel_box ul li > a { display: block; padding: 13px 17px; font-size: 16px; position: relative; float:left; width:100%; color:#333 }
.about_sel_box ul li > a:after { content: ""; display: block; position: absolute; top: 26px; right: 19px; width: 7px; height: 7px; border-top: 1px solid #4f4f4f; border-right: 1px solid #4f4f4f; transform: rotate(45deg); }
.about_sel_box li.focus > a { color: #fff; }
.about_sel_box li.focus > a:after { border-top-color: #fff; border-right-color: #fff; }
/*.about_sel_box ul h5 {height: 100%;text-align: center;font-size: 14px;color: #333;text-transform: capitalize;margin: 0;padding:20px 0;}
.about_sel_box ul li h5 span {font: bold 32px/36px "微软雅黑"; margin: 0;color:#b60005; line-height: 18px; padding:1px 0 5px;}*/
.about_sel_box li.focus,.about_sel_box li.focus a,.about_sel_box li:hover,.about_sel_box li:hover a,.about_sel_box li.focus span{color: #fff;background: #b60005;}
.about_sel_tubiao {text-align: center;margin: 0px 0 10px;}
.inLogoH {display: block;}
.inLogoS {display: none;}
.focus .inLogoS {display: block !important;}
.focus .inLogoH {display: none !important;}
.about_sel_box li:hover .inLogoH{display: none;}
.about_sel_box li:hover .inLogoS{display: block!important;}
.about_sel_box li:hover h5{color: #fff!important}
.about_sel_box li:hover h5 span{color: #fff!important}
.about_sel_tubiao img {/*width: 34%;*/margin: 0 auto;}
.about_sel_con {position: relative;z-index: 9;}
.about_sel_left {position: relative;padding-right: 15px;}
.about_sel_zhe {position: absolute;right: 15px;top: 0;height: 100%;width: 50%;background: #F2F2F2;}
.about_sel_con h3 {font-size: 24px;color: #000;letter-spacing: 2px;margin: 49px 0 10px;font-weight: bold;}
.about_sel_con h5 {font-size: 14px;color: #666;margin: 0;line-height: 24px;width: 90%;}
.aboutCompanyInfor {width: 100%;}
.nav {width: 100%;}
.about_txt {
width: 100%;
text-align: center;
margin: 35px 0;
}
.about_txt h2 {
font: 30px/60px "微软雅黑";
}
.about_txt h2::after {
content: '';
display: block;
width: 72px;
height: 2px;
background: #b60005;
margin: 0px auto;
}
.aboutDiv{ width:71%; font:16px/32px "微软雅黑"; }
.aboutDiv div,.aboutDiv span,{ line-height:32px!important; font-size:16px!important; color:#333; font-family:"微软雅黑","幼园"; }
.aboutDiv p { line-height:36px; font-size:16px; color:#666; font-family:"微软雅黑","幼园"; }
.aboutDiv .mnr{text-align:left; margin:0px auto; padding:0px auto; width:100%; margin-bottom:60px; float:left;}
.aboutDiv .mnr .lwz{height:auto; width:50%; float:left;}
.aboutDiv .mnr .rimg{height:auto; width:45%; float:right;}
.aboutDiv .mnr .rimg img {width: 100%;}
/*news*/
.news-txt{float:right;margin-top:70px;width:50%;height:600px;background:#f6f6f6;padding:4% 2% 4% 4%;}
.news-txt .news-date{float:left;width:100%;font-size:36px;font-family:Arial, Helvetica, sans-serif;color:#b60005;margin-top:40px;margin-bottom:36px;}
.news-txt h4{float:left;width:100%;font-size:18px;color:#f07d22;font-family:"微软雅黑";font-weight:normal;}
.news-txt p{float:left;margin-top:24px;width:100%;font-size:14px;color:#686868;font-family:"微软雅黑";line-height:26px;height:104px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.news-txt .ab-more{position:relative;left:0;margin-left:0;bottom:0;margin-top:80px;}
.news-list{width:100%;margin:0px auto 0 auto;}
.news-list ul{width:101.3%;margin-left:-1.3%;}
.news-list ul li{width:32%;float:left;margin-left:1.3%;margin-bottom:30px;border:1px solid transparent; -webkit-transition: -webkit-box-shadow .2s linear;transition: box-shadow .2s linear;}
.news-list ul li:hover{border:1px solid #b60005;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1); box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.news-list ul li a{width:100%;float:left;padding:16px;}
.news-list ul li a .news-pic{width:100%;float:left;overflow:hidden; height:200px;}
.news-list ul li a .news-pic img{width:100%; height:100%; display:inline-block; object-fit:cover;display:block;transition: 2s;}
.news-list ul li:hover a .news-pic img{-webkit-transform:scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);}
.news-list ul li a .news-tit{width:100%;float:left;margin-top:20px;}
.news-list ul li a .news-tit .nbt{float:left;width:100%;font-size:18px;color:#b60005;font-family:"微软雅黑";font-weight:normal;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list ul li a .news-tit p{float:left;margin-top:12px;width:100%; font:14px/22px "微软雅黑";color:#686868;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.news-list ul li a .news-tit .news-date{float:left;font-size:20px;font-family:Arial, Helvetica, sans-serif;color:#d1d3d4;margin-top:25px;margin-bottom:12px;}
.news-list ul li a .news-tit .news-more{float:right;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#b60005;margin-top:25px;margin-bottom:12px;}
.news-content{width:100%;margin:0 auto;}
.news-content .news-title{width:100%;max-width:1440px;margin:0 auto;padding-bottom:36px;border-bottom:#d1d3d4 dashed 1px;}
.news-content .news-title h2{width:100%;font-size:24px;color:#f07d22;line-height:32px;font-family:"微软雅黑";font-weight:normal;text-align:center;}
.news-content .news-title h4{width:100%;margin-top:12px;text-align:center;}
.news-content .news-title h4 span{display:inline-block; zoom:1;*display:inline;font-size:12px;font-family:"宋体";color:#989898;margin-left:4px;margin-right:4px;}
/*products*/
.pro-pd-list{width:100%;}
.pro-pd-list ul{width:100%;}
.pro-pd-list ul li{float:left;width:31%; margin-right:3.5%; height: auto; text-align: center; overflow:hidden; border:1px solid #ddd; margin-bottom:20px}
.pro-pd-list ul li:nth-child(3n+0){ margin-right:0}
.pro-pd-list ul li .pimg{width:100%; float:left; height:250px; display:table-cell; vertical-align:middle; overflow:hidden;}
.pro-pd-list ul li .pimg img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.pro-pd-list ul li a{width:100%;position:relative;overflow:hidden;vertical-align:middle; display:table; float:left; height:100%;}
.pro-pd-list ul li a img{max-width:100%;vertical-align: middle;transition: 2s; width:auto; max-height:360px;}
.pro-pd-list ul li:hover a img{-webkit-transform:scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);}
.pro-pd-list ul li a p{ width:100%; float:left; font:16px/28px "微软雅黑"; margin:10px 0; height:28px; overflow:hidden}
.pro-pd-list ul li a b{ font:normal 14px/22px "微软雅黑"; color:#666; text-transform:uppercase; margin-bottom:10px; width:100%; float:left }
.pro-pd-list ul li:nth-child(2) a p{left:32px;}
.pro-pd-list ul li:nth-child(4) a p{left:32px;}
.pro-pd-list ul li:hover a p{ -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate;}
.pro-pd-list ul li a .pvmore{width: auto; font:14px/30px '微软雅黑'; color:#000;position: absolute; bottom: 0;right: 5px; padding:0px 20px; background:#b60005; border-radius:20px; color:#fff;}
.pro-pd-list ul li a:hover .pvmore{ background:#b60005}
/** proDetails.html **/
.proDetails_sec {float:left;}
.proDetails_sec1_box {overflow: hidden;}
.fenye {text-align: center; margin-top: 50px; overflow: hidden;}
.fenye a {display: inline-block; padding: 0 5px; line-height: 30px; color: #b60005; font-size: 14px; border: 1px solid ##b60005; border-radius: 4px;}
#magnifier img {display: block;}
#magnifier {width: 100%; height: auto;float: left; position: relative; cursor: pointer;}
#magnifier img {display: block;}
#magnifier #showmagnifier {display: table-cell; text-align: center; width: 100%;border: 1px solid #ddd; vertical-align: middle;}
#showmagnifier>img {width: 100%;}
#magnifier #smallmagnifier {width: 184.5px; height: 200.5px ; position: absolute; top: 0px; display: none;}
#hiddenmagnifier {width: 100%; position: absolute;top: 0px; left: 0px; overflow: hidden; /*display:none;*/visibility: hidden; z-index: 5;}
#magnifier #bigmagnifier {position: absolute;}
#magnifierlist {width: 100%;height: 80px;margin-top: 20px; padding: 7px 30px; position: relative; overflow: hidden; border: 1px solid #dadada;}
#magnifierLeft {width: 30px;height: 100%;background: #000000;line-height: 80px;text-align: center;
color: #fff;
font-size: 20px;
position: absolute;
top: 0;
left: 0;
}
#magnifierMiddle {
width: auto !important;
height: 60px;
float: left;
}
#magnifierMiddle>li {
float: left;
/* border: 2px solid #ddd;*/
margin-left: 10px;
}
#magnifierMiddle>li>img {
height: 60px;
}
#magnifierMiddle>li:first-child {
border:1px solid #b60005;
}
#magnifierRight {
width: 30px;
height: 100%;
background: #000000;
line-height: 80px;
text-align: center;
color: #fff;
font-size: 20px;
position: absolute;
top: 0;
right: 0;
}
.zpbj a img {display: inline-block !important;}
.prodetails_sec_intfo {padding: 35px; background: #f9f9f9;}
.prodetails_sec_intfo h3 {border-bottom: 1px solid #dadada;
margin-top: 0;
font-size: 24px;
padding-bottom: 10px;
font-size: 24px;
color: #333;
}
.proD {margin:0px auto 0;overflow: hidden; font:14px/30px "微软雅黑"}
.proD img{ max-width:100%;}
.proD .jxdiv{height: auto; width:400px; margin:10px; }
.proD .jxdiv img{ max-width:100%;height: auto; float:left;border-radius:20px;}
.proD h4 {font-size: 20px;color: #333;line-height: 24px;margin: 0 auto 20px;}
.proD h4 i {color: #b60005; margin-right: 10px;}
.proD h6 {font-size: 14px;line-height: 30px;color: #666;margin-top: 10px;font-weight:normal;}
.proD h6 img{width:100%;}
.proD h6 span {display: inline-block;border: 1px solid #ddd;font-size: 14px;height: 30px;line-height: 30px;padding: 0 15px; margin-right: 10px; margin-bottom: 10px;color: #666;}
.proD a {font-weight: bold;color: #b60005;margin-left: 10px;font-size: 13px;}
.TabShowCon h3 {
font-size: 14px;
color: #333;
font-weight: bold;
line-height: 24px;
margin: 10px auto;
}
/*.proDetails_sec2 */
.proDetails_sec2 {
width:100%;
padding: 0;
padding: 0px 0;
margin-top:2%;
}
.proDetails_sec2_list {
width: 100%;
overflow: hidden;
}
.proDetails_sec2_list ul {width: 100%;overflow: hidden;}
.proDetails_sec2_list ul li {
width: 25% !important;
float: left;
text-align: center;
padding: 15px 0;
font-size: 16px;
color: #fff;
cursor: pointer;
border-right: solid 2px #fff;
background: #909090;
}
.proDetails_sec2_list ul li.active {
background: #b60005;
}
.TabHide4 {
display: none;
}
.TabShowCon {
margin: 30px auto 50px;
overflow: hidden;
}
.TabShowCon table {
width: 100% !important;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.TabShowCon table tr td, .TabShowCon table tr th {
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 10px;
text-align: center;
}
.TabShowCon table tr th {
background: #eee;
font-size: 15px;
}
.TabShowCon table tr:nth-child(2n+1) {
background: #f9f9f9;
}
.TabShowUL {
overflow: hidden;
margin: 0 auto;
}
.TabShowF {
text-align: center;
margin-bottom: 30px;
}
.TabShowF img {
display: block;
width: 100%;
border: 1px solid #f5f5f5;
}
.TabShowF a:hover h3 {
color: #b60005;
}
.TabShowF a:hover img {
border: 1px solid #b60005;
}
.tabVideo {
width: 60%;
margin: 50px auto;
}
.tabqiehuan4 {
margin-top: 50px;
}
.tabqiehuan4 h3 {
color: #333;
font-size: 24px;
}
.tabqiehuan4 h5 {
color: #666;
font-size: 16px;
}
.proDetails_sec2_p {
overflow: hidden;
}
.proDetails_sec2_p p {
line-height: 24px;
font-size: 14px;
color: #999;
}
.proDetails_sec2_p p i {
display: inline-block;
width: 5px;
height: 5px;
background: #000;
margin: 0 10px;
position: relative;
top: -2px;
border-radius: 100%;
}
.proDetails_sec2_more {
font-size: 16px;
line-height: 24px;
color: #000;
font-weight: 500;
}
.proDetails_sec2_more i {
display: inline-block;
width: 20px;
height: 20px;
position: relative;
top: 3px;
margin-right: 10px;
}
.proDetails_sec2_more i img {
display: block;
width: 100%;
height: 100%;
}
/* proDetails_sec3 */
.proDetails_sec3_tui h3 {
color: #333;
font-size: 24px;
padding: 0 0 10px;
border-bottom: 1px solid #dadada;
margin: 0;
}
.proDetails_sec3_tui {
overflow: hidden;
}
.proDetails_sec3_row {
margin-top: 50px;
overflow: hidden;
}
.proDetails_sec3_img {
width: 100%;
}
.proDetails_sec3_img img {
display: block;
width: 100%;
}
.proDetails_sec3_row img {
display: block;
width: 100%;
border: 1px solid #f5f5f5;
}
.proDetails_sec3_row h3 {
font-size: 14px;
color: #333;
font-weight: bold;
line-height: 24px;
margin: 10px auto;
text-align: center;
}
.proDetails_sec3_word h2 {
font-size: 16px;
color: #333;
line-height: 24px;
font-weight: bold;
margin: 20px auto 10px;
}
/* proDetails.html */
.down-list{width:100%;margin:60px auto 0 auto;padding:0px 0px;}
.down-list .down-table{width:100%;max-width:1440px;margin:25px auto 0 auto;/*overflow:auto;*/}
.down-list .down-table table{width:100%;min-width:640px;}
.down-list .down-table table tr td.td1{width:50%;}
.down-list .down-table table tr td.td2{width:50%;}
.down-list .down-table table tr td{background:#dedede;font-size:14px;color:#3f3f3f;font-family:"微软雅黑";height:40px;text-align:center;border-left:#fff solid 1px;border-bottom:#fff solid 1px;}
.down-list .down-table table tr td a{display:inline-block;width:96px;color:#3f3f3f;font-size:14px;font-family:"微软雅黑";line-height:40px;background:url(../images/down02.png) no-repeat right center;text-align:left;}
.down-list .down-table table tr:nth-child(even) td{background:#eee;}
.down-list .down-table table tr:hover td{background:#fff;color:#f27d21;}
.down-list .down-table table tr:hover td a{color:#f27d21;background:url(../images/down01.png) no-repeat right center;}
/* 常见焦点图 */
.focusBox{ width:100%; height: 100%; overflow:hidden; position:relative; margin:0px auto;}
.focusBox .hd{ z-index:1; text-align: center; width: 100%; position: absolute; bottom: 0px; }
.focusBox .hd ul{ overflow:hidden; zoom:1; }
.focusBox .hd ul li{ display: inline-block; margin:0px 6px; border-radius:50%; width:14px; height:14px; line-height:18px; text-align:center; cursor:pointer; font-family:Arial; color:#fff; background-color:#ffffff; }
.focusBox .hd ul li.on{ color:#919191; background-color:#919191;}
.focusBox .bd{ position:relative; }
.focusBox .bd li { width: 100%; height: 100%; text-align:center;}
.focusBox .bd li img { width: 100%;}
.focusBox .bd .con{ height:28px; line-height:28px; text-align:center; font-weight:bold; }
.ntion {width: 100%;height: 40px;background-color: rgba(183,146,112,.5);margin-top: -40px;position: relative;}
#gallery { width: 100%;position: relative;}
#gallery img { border: none;}
.pat60{ padding:60px 0}
.pros {}
#left { float:left; width:100%; height: 64px; border-bottom: 1px solid #F7F7F7;}
#left .sidebar{ width:100%; }
.prodLilist{text-align:center; width: 31.979%; margin-right: 2%;float:left; overflow:hidden; margin-bottom: 27px;}
.prodLilist span{ width:100%; height:350px; display:block;}
.prodLilist span img {height:100%;width: 100%;display:inline-block; object-fit:cover;}
.prodLilist:nth-child(3n) { margin-right: 0; float: left;}
.prodLilist a {display: block;}
.pc_ul {width:100%; text-align:center; margin:0px auto; }
.pc_ul p {text-align: left; font-size:16px; color: #666; width: 100%;text-align:center;line-height: 56px;background: #fff;}
.page {width: 100%;text-align: center;margin-top: 2.4%;float: left}
.page a {display: inline-block;height: 38px;padding: 0 15px;background-color: #fff;border: 1px solid #e5e5e5;line-height: 38px;color: #666;margin: 0 1px;}
.page span {display: inline-block;height: 38px;padding: 0 15px;background-color: #b60005;border: 1px solid #b60005;line-height: 38px;color: #666;margin: 0 1px;color: #fff;}
.sidebar ul,.sidebara ul{width:100%;margin:0px auto; }
.sidebar ul li{ line-height:64px; box-sizing: border-box; height:64px; position: relative; float: left; }
.sidebar ul li a{ height:64px; box-sizing: border-box; line-height:64px; padding: 0px 20px; box-sizing: border-box; overflow:hidden; display:block; color:#363636; font-size:16px;font-family:"微软雅黑",Arial, Helvetica, sans-serif; }
.sidebar ul li.left1 a{ color: #b60005; padding: 0px 20px; border-bottom: 3px solid #b60005; }
.sidebar ul li i { display: block; width: 0px; height: 0px; background: #fff; position: absolute; right: 0px; top:50%;}
.sidebar ul li:hover a{ color:#fff;background: #b60005; }
.sidebar ul li ul{ padding:5px 0 0 10px; background:none;}
.sidebar ul li ul li a{ background:url(/images/sidebarlili.jpg) no-repeat left top;}
.news_box {width: 100%;padding:3% 0;}
#newslist ul {margin-top: 0%;}
#newslist ul li {border-bottom: 1px solid #e5e5e5;}
#newslist ul li:hover { background-color: #f8f8f8;}
.new_txt {float: left;width: 80%; margin-top:22px; padding-right:3%; box-sizing:border-box}
.new_txt h2 {font-weight: normal;font-size: 18px;color: #000;height: 25px;overflow: hidden;}
.new_txt p {
font-size: 14px;
color: #777;
line-height: 22px;
height: 44px;
overflow: hidden;
margin-top: 18px;
}
.new_date {
box-sizing: border-box;
float: right;
width: 20%;
border-left: 1px solid #e5e5e5;
font-family: 'Arial';
color: #bababa;
margin-top: 22px;
font-size: 15px;
text-align:center
}
.new_date span {
text-align: center;
display: block;
}
.new_date span.d1 {
width:100%; float:left;
font-size: 50px;
color: #999;
line-height: 56px;
}
.new_date span.d2 { width:100%; float:left;}
.closeWindow { margin-top:48px; float: left;}
.closeWindow a { padding: 10px 8px; background: #b60005; color: #fff!important; }
.preNext {
border-top: dashed 1px #e5e5e5;
padding-top: 1%;
}
.preNext p{
width: 50%;
float: left;
}
.preNext p+p {
text-align: right;
}
.ption a{
padding: 14px 20px;
background: #b60005;
color: #fff;
}
#contact1 {
width: 100%;
margin: 64px 0px;
}
#contact1 li {
width: 48%;
float: left;
box-sizing: border-box;
}
#contact1 li.cont_text {
text-align: left;
line-height: 2;
font-size: 15px;
float:right;
}
#contact1 li.cont_img img{
width: 100%;
}
#contact1 li.cont_li {
margin: 0px 30px;
}
#contact1 li h2 {
color: #222;
font: 30px/200px "微软雅黑";
}
#contact1 li p {
color: #595959;
font: 14px/14px "微软雅黑";
margin-top: 34px;
}
.process ul li {
margin-right:79px;
}
.process ul li i {
width: 80px;
height: 80px;
}
.new_text {
font-size: 24px;
font-weight: bold;
height: 56px;
line-height: 1;
}
.honor {
width: 25%;
background: #f7f7f7;
height: 340px;
}
.focusBox .hd ul {
background: #222222;
height: 38px;
line-height: 38px;
padding-top: 4%;
}
.case_img li:nth-child(3n) {
margin-right: 0px;
}
.jiaoshiDiv_img img {
width: 100%;
height: 100%;
max-height: 240px;
}
.navigation {
width: 60%;
}
.navigation dl {
width: calc(100%/6);
float: left;
text-align: left;
}
.navigation dl p{ width:100%; font:14px/30px "微软雅黑"; text-align:center;}
.navigation dl dt {
font-size: 16px;
color: #fff;
padding-bottom: 4%;
position: relative;
}
.navigation dl dt::after {
content: '';
display:block;
width: 25px;
height: 1px;
margin-top: 3%;
position: absolute;
bottom: -1px;
}
.navigation dl dd {
width: 100%;
}
.navigation dl dd a {
color: #ccc;
font-size: 14px;
display: block;
margin-top: 8%;
}
.foot_bottom {
width: 100%;
color: #ccc;
line-height: 50px;
height: 50px;
margin-top: 2.3%;
border-top: 1px solid #4e8277;
position:relative;
text-align:center;
float:left;
}
.foot_bottom .db { position:absolute; right:7%; top:0%}
.foot_bottom .db img{ margin-left:20px;}
.foot_bottom a .db{ color:#fff;}
.footerdiv {
}
.field { width: 100%; padding: 48px 0px 0px; height: 648px; box-sizing: border-box; overflow: hidden; background-image:url(images/al_bk.jpg); background-repeat:no-repeat; background-position: top center;}
.field_img { width: 100%; height: 418px; overflow: hidden; margin-top: 48px;}
.mainl {
width:100%;
margin-top: 40px;
}
/*authen*/
.authen-banner{width:100%;height:250px;margin:0 auto;position:relative;}
.authen-list{width:100%;margin:0 auto; margin-bottom:60px;}
.authen-list .pub-title span{font-size:18px;color:#d1d3d4;line-height:22px;}
.authen-list .pub-title h3{font-size:24px;line-height:30px;color:#f27d21;}
.authen-list ul{float:left;width:100%;}
.authen-list ul li{float:left;width:25%;background:#f4f4f4; cursor:pointer;}
.authen-list ul li .authen-pic{padding:12% 22%;width:100%;height:100%;border:1px solid transparent;}
.authen-list ul li:hover .authen-pic{border:#f27d21 solid 1px; box-sizing:border-box;}
.authen-list ul li .authen-pic img{width:100%;display:block;}
.authen-list ul li:first-child{background:#e7e7e7;}
.authen-list ul li:nth-child(3){background:#e7e7e7;}
.authen-list ul li:nth-child(6){background:#e7e7e7;}
.authen-list ul li:nth-child(8){background:#e7e7e7;}
.pro-det-box{position:fixed;z-index:99999999;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); *zoom:1;}
.pro-det{position:absolute;width:960px;height:600px;top:50%;left:50%;margin-top:-300px;margin-left:-480px;border:#f27d21 solid 4px;background:#fff;text-align:center;}
.pro-det-pic{display:inline-block; zoom:1;*display:inline;height:100%;}
.pro-det-pic img{height:100%;display:block;}
.pro-close{position:absolute;width:42px;height:42px;top:8px;right:8px;background:url(../images/icon-nav-close.png) no-repeat center center;background-size:100%; cursor:pointer;}
.fma{ width:100%; margin-top:80px}
#footer{ width:100%;color:#fff; float: left; background: #3b3b3c; padding:70px 0 0px ;}
.footerdiv {text-align:center; color:#fff; }
.footerdiv ul{ width:100%; height:100%; margin:0px auto; float: right;}
.footerdiv ul li{ float:left; height:100%;}
.flogo{ width:20%;}
.flogo img{ max-width:100%}
.fjq{ width:15%; margin:0 10% 0 5%;}
.fbt{ width:100%; float:left; font-size:26px; color:#fff; margin-bottom:40px;}
.fwz{ font:14px/30px "微软雅黑"; color:#fff; width:100%; float:left; }
.flx{ width:35%}
.fl_ewm { width:8% ; height:auto; text-align: center}
.fl_ewm .eimg{ width:100% ; height:auto; float: right;}
.fl_ewm .eimg img{ max-width:100%}
.fl_ewm .eimg p{ width:100%; text-align:center; font:12px/18px "微软雅黑"; color:#707070; margin-bottom:15px;}
.fdb{ width:100%; font:14px/14px "微软雅黑"; color:#797979; padding:35px 0; border-top:1px solid #49494a; box-sizing:border-box; text-align:center; margin-top:45px}
.fdb a{ font:14px/14px "微软雅黑"; color:#797979; }
.fdb a:hover{ text-decoration:underline}
@media (max-width: 1700px) {
.main{ width:90%}
.aboutdiv .aboutimg{ left:5%}
.aboutdiv .aboutk {width: 200px; height: 150px;}
}
@media (max-width: 1650px) {
.topmeau{ margin-left:10%}
}
@media (max-width: 1450px) {
.topmeau li{ margin-right:80px}
}
@media (min-width: 1200px) and (max-width: 1600px) {
.main{ width:95%}
.head_box {padding: 0px 2%;}
.fullSlide {height: 400px;}
.topindex-maxpic {height: auto;}
.fullSlide .bd li{height: 400px;}
.banner_min li {width: 24%;}
.aboutdiv .aboutimg {
left: 2.5%;
}
.aboutdiv .aboutnr{ width:40%}
}
@media (max-width: 1350px) {
.topmeau li{ margin-right:60px}
.topmeau li a.wz {
font: 15px/16px "微软雅黑";
}
.title .titen { font: normal 35px/35px "微软雅黑"; margin-bottom:15px}
.title .titcn { font:22px/22px "微软雅黑";}
.inpfl .pflbt{ padding-left:80px}
.inpfl .pflbt i{ left:25px}
.inpfl .pfl li a { font: 18px/40px "微软雅黑";}
.choose li p {font: 25px/25px "微软雅黑";}
.inpn .ipnew .ipnul{padding: 60px 50px;}
.aboutdiv .aboutnr .inabt p{font: bold 35px/35px "微软雅黑";}
.aboutdiv .aboutnr .inabt h2{ font-size:30px}
.inpn .ipnew .ipnew_img .hk h2 { font: normal 20px/20px "微软雅黑";}
.inchoose .incbt i{ width:55%}
}
@media (max-width: 1200px) {
.inpfl .pfl li a {
font: 16px/40px "微软雅黑";
}
.inpro li .pj,.inpro li .pwz {height:225px; }
.inpro li .pwz .bk{ width:90%; height:185px; }
.inpro li .pwz .bk .pname{ font:18px/24px "微软雅黑"; }
.inpn .ipnew .ipnul li {font: 16px/40px "微软雅黑";}
.aboutdiv .aboutk {width: 150px; height: 100px;}
.aboutdiv .aboutnr {
width: 45%;
margin-right: 10%;
}
.fbt{ font-size:20px;}
.industry li .nrnr .nbt { float: left; font: 18px/18px "微软雅黑"; height: 18px;}
.industry dl .qtnr .qtbt {font: bold 16px/20px "微软雅黑"; }
.fl_ewm{ width:15%}
.main{ width:98%}
.prodiv {margin-top:40px;}
.fullSlide {height: 356px;}
.topindex-maxpic {height: auto;}
.fullSlide .bd li{height: 356px;}
.head_box {padding: 0px 1%;}
.topmeau{ margin-left:8%}
.topmeau li:last-child{ margin-right:0}
.topmeau li a.wz {
font: 14px/16px "微软雅黑";
}
.rt_top {display: none;}
.column{ float: right!important;}
.banner_min li { width: 30%;}
.box {padding: 0% 0%;}
.inpro li .pwz { font: 16px/45px "微软雅黑";}
.pro-pd-list ul li{width: 49%;margin-right: 2%; box-sizing: border-box;}
.pro-pd-list ul li:nth-child(2n+0){ margin-right:0}
.pro-pd-list ul li:nth-child(3n+0){ margin-right:2%}
.about_sel_box ul li h5 span { font: bold 25px/36px "微软雅黑"; margin: 0; color: #b60005; line-height: 18px; padding: 1px 0 5px;}
.aboutDiv {padding-bottom: 100px;}
.aboutDiv div,.aboutDiv span,{ line-height:32px!important; font-size:16px!important; color:#333; font-family:"微软雅黑","幼园"; }
.aboutDiv p { line-height:28px!important; font-size:15px!important; color:#666; font-family:"微软雅黑","幼园"; }
.aboutDiv .mnr{text-align:left; margin:0px auto; padding:0px auto; width:100%; margin-bottom:15px; float:left;}
.aboutDiv .mnr .lwz{height:auto; width:100%; float:left; margin-bottom:25px;}
.aboutDiv .mnr .rimg{height:auto; width:100%; float:right;}
.aboutDiv .mnr .rimg img {width: 100%;}
.mgt60{ margin-top:35px}
.contbg .c1,.contbg textarea { width: 100%; font: 14px/50px "微软雅黑";}
.news-list ul li { width: 49%; margin-right: 2%;margin-left:0}
.news-list ul li:nth-child(2n+0){ margin-right:0}
.news-list ul li a .news-tit .nbt{ font:17px/20px "微软雅黑";}
.news-list ul li a .news-tit p{ font:12px/22px "微软雅黑"}
.news-list ul li a .news-tit .news-date,.news-list ul li a .news-tit .news-more{ font-size:15px; margin-top:10px;}
.prodLilist { width: 49%; margin-right: 2%;}
.prodLilist:nth-child(2n+0){ margin-right:0}
.plist2 li .bigpic,.plist2 li .pnr{ height:350px}
.plist2 li .pnr .psn{ margin-top:60px}
.plist2 li .pnr .psn .wzl b { font: bold 20px/30px "微软雅黑";}
.plist2 li .pnr .psn .wzl p { font: 12px/18px "微软雅黑";}
.plist2 li .pnr .psn .wzl {width: 100%;padding-bottom: 20px;}
.plist2 li .pnr .wzr { padding-right: 150px;font: 14px/25px "微软雅黑";}
.industry ul li h2{ height:60px;}
#newslist ul li {float: left;width: 100%;margin-bottom: 6%;}
.focusBox .bd li img {width: 80%;margin-top: 20%;}
.wdiv {width: 100%;}
}
@media (max-width: 1100px) {
.inpfl .pfl li a {
font: 14px/40px "微软雅黑";
}
.inpfl .pflbt b {
font: bold 20px/20px "微软雅黑";
}
}
@media (max-width: 1065px) {
.topmeau{ margin-left:3%}
}
@media (max-width: 1024px) {
.inpfl{ margin:40px 0}
.logo{ width:35%}
.logo a img{ max-width:100%;margin: 30px 0;}
.p_pic{ margin-top:5%;}
.inpro span.active { width: 32%;}
.inpro {width: 100%;margin-right: 0px;}
.inpn .ipnew .ipnul{ height:auto; padding:30px}
.inpn .ipnew,.inpn .ipic{ width:100%}
.inpn .ipic_img{ margin-top:30px}
.inmin{ padding:80px 0}
.inmin h2 {font: 30px/30px "微软雅黑";}
.inmin span{ font-size:22px}
.inpfl .pflbt i{ display:none}
.inpfl .pflbt{ padding-left:0; text-align:center}
}
@media (max-width: 888px) {
.footer {
display: block;
}
.banner1{ margin-top:0}
.inpfl .pflbt{ display:none;}
.inpfl .pfl{ width:100%}
.inpfl .pfl li a {
font: 14px/30px "微软雅黑";
}
.mtop {height: 56px;}
#contact1{ margin: 35px 0px;}
#contact1 li{ width:100%}
.new_txt p{ margin-top:0px}
.new_txt h2 {font-size: 16px;}
.pat60{ padding:0 0}
.about_txt h2 {font: 22px/40px "微软雅黑";}
#footer,.cbtr,.head{ display:none}
.footer { display: block;}
.title .titcn { font: 22px/22px "微软雅黑";}
.title .titen {font: normal 22px/22px "微软雅黑";}
.plist1 dl .pnr .psn .wzl b { font: bold 18px/22px "微软雅黑";}
.plist1 dl .pnr .pm { width: 125px; font: 14px/40px "微软雅黑";}
.plist1 dl .pnr .psn{ margin-top:60px;}
.plist1 dl .bigpic { width: 100%; height: 250px;}
.plist1 dl .pnr{ width:100%;}
.plist1 dl .pnr li { height: 120px; margin-top:30px; margin-bottom:30px;}
.in_title {font: bold 28px/35px "微软雅黑";}
.in_title .inbt {font: 20px/30px '微软雅黑'; margin-top: 15px;margin-bottom: 15px;}
.pc_ul{ margin-top:30px}
.mindiv{ height:auto;}
.m43,.m22{ margin-left:0px;}
.inpro li { width: 49%; margin-right: 2%;}
.inpro li:nth-child(2n){ margin-right:0}
.inpro li .pj { height: 250px;}
.inchoose .incbt { font: bold 22px/45px "微软雅黑";}
.inchoose .incbt .inzx {font: 14px/45px "微软雅黑";padding: 0 30px;}
.inchoose .incbt i{ right:150px; width:50%; top:22px}
.choose li{ width:50%; height:310px}
.choose li p {
font: 20px/20px "微软雅黑"; margin:20px 0
}
.inpn{ padding-bottom:40px}
.inpn .ipnew .ipnul li {
font: 14px/35px "微软雅黑";
}
.inpn .ipic .enbt { font: 20px/28px "微软雅黑";}
.inpn .ipic .cnbt { font: 22px/34px "微软雅黑";}
.aboutdiv{ height:auto; padding:35px 0 15px; margin-bottom:30px}
.aboutdiv .aboutimg{ width:100%;}
.aboutdiv .aboutimg img{ opacity:0.35; max-width:80%}
.aboutdiv .aboutnr { padding:20px; box-sizing:border-box; width: 100%; margin-right: 0%;}
.aboutdiv .aboutnr .amore{ margin-top:30px}
.aboutdiv .aboutnr .inabt{ margin-top:0}
.aboutdiv .aboutnr .inabt p { font: bold 30px/30px "微软雅黑";}
.aboutdiv .aboutnr .inabt h2{ font:20px/20px "微软雅黑"}
.aboutdiv .aboutk{ top:30px; width:120px; height:70px;}
.aboutul li {height: 225px;}
.casebt { background:none; height:auto; margin-bottom:30px;}
.cbt2 { font: 24px/24px "微软雅黑";margin-top:5px;}
.cbt3 {font: 14px/25px "微软雅黑"; margin-top: 10px;}
.newsbox{ margin-bottom:60px;}
.aboutDiv .mnr .lwz { height: auto; width: 100%; float: left;}
.aboutDiv .mnr .rimg { height: auto;width: 100%; float: right;}
.aboutDiv .mnr .rimg img { width: 100%;}
.about_sel_box { width: 100%; background: #F4F4F4; height: auto;float:left;}
.about_sel_tubiao { text-align: center; margin: 10px 0 10px;}
.about_sel_tubiao img {width: 25%;margin: 0 auto;}
.about_sel_box ul {width:100%;height: 100%;margin: 0 0%;}
.about_sel_box ul li{width:20%;height: auto;padding: 0 2px;}
.about_sel_box ul li h5 {font-size: 12px;font-weight:normal; margin: 0;line-height: 18px; padding:1px 0 5px;}
.aboutDiv{ width:100%; margin-top:20px}
.news-list{margin:0px auto 30px auto;}
.news-list ul{width:100%;margin-left:0%;}
.news-list ul li{width:100%;float:left;margin-left:0%;margin-bottom:36px;border:1px solid #b60005;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1); box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.news-list ul li a .news-pic{ height:250px;}
.news-list ul li a .news-tit .news-date{float:left;font-size:18px;font-family:Arial, Helvetica, sans-serif;color:#d1d3d4;margin-top:24px;}
.news-list ul li a .news-tit .news-more{float:right;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#b60005;margin-top:26px;}
.fullSlide .hd {height: 30px;}
.fullSlide {height: 200px;}
.topindex-maxpic {height: auto;}
.fullSlide .bd li{height: 200px!important;}
.pros {padding: 3% 0px;}
.banner_min li {padding: 36px 1% 32px;}
#contact1 li h2 {font: 24px/48px "微软雅黑";}
.topBox {position: fixed; left: 0px; top: 0px; width: 100%; color: #ababab; z-index: 9999999; background-color: #f1f1f1; box-shadow: -1px 0 3px rgba(0, 0, 0, 0.5);display: block;}
.logoBox { width: 60%; float: left;display: block;font-size: 1.2em;}
.logoBox a {color: #fff;line-height: 56px;padding-left: 1em; box-sizing: border-box; }
.menu-handler { background-color: #e62129; display: block; width: 100%; height: 70px; cursor: pointer; position: relative; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.menu-handler .menu-txt{ text-align: center; display: block; position: absolute; left: 0px; top: 0px; line-height: 70px; font-size: 14px; color: #fff; width: 100%;}
.menu-handler .burger { width: 20px; height: 2px; background: #fff; display: block; position: absolute; z-index: 5; top: 29px; left: 50%; margin: 0px 0px 0px -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 34px; }
.menu-handler .burger-3 { top: 39px; }
/*.menu-handler.active { background-color: #e62129; }
.menu-handler.active .burger { background-color: #fff; }*/
.menu-handler.active .burger-1 { top: 34px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 34px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
#menu-moible-handler { width: 56px; height: 56px; background-color: #b60005; }
#menu-moible-handler .menu-txt{ line-height: 56px;}
#menu-moible-handler .burger { background-color: #fff; height: 3px; width: 30px; top: 18px; margin-left: -15px; }
#menu-moible-handler .burger-2 { top: 28px; }
#menu-moible-handler .burger-3 { top: 38px; }
#menu-moible-handler.active .burger-1, #menu-moible-handler.active .burger-3 { top: 28px; }
.navMobile { padding: 40px 0px;}
.menuBox {display: block;}
.menuBox { background-color: #f1f1f1; color: #9d9d9d; position: fixed; right: 0px; top: 0px; width: 584px; height: 100%; z-index: 910; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transform: translate(570px,0px); -moz-transform: translate(584px,0px); -webkit-transform: translate(584px,0px); -o-transform: translate(584px,0px); transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.menuBox-logo { padding: 30px 30px 0px;}
.menuBox-logo a {font-size: 24px;color: #b60005;}
.menuBox-logo .logo { margin-left: 0px;}
.menuBox-logo .logo img{ width: 146px;}
.moible-menu li { float: left; display: block; width: 56px; height: 56px;}
.moible-menu { float: right; display: block;}
.navMobile .item { padding: 12px 30px; display: block; position: relative; font-size: 16px; line-height: 1.4; color: #5b5b5b;}
.navMobile .subnav { display: none; background-color: #ffffff; padding: 20px 0px;}
.navMobile li.active .item { color: #fff; background-color: #b60005;}
.navMobile .subnav a {color: #828282; display: inline-block; margin: 0px 10px 6px 30px; background: #fff;width: 33.33333333%;}
.mobile-foot { padding: 40px 30px; border-top: 1px solid #d8d8d8;}
.mtop {height: 56px;}
.innew{ padding-bottom:80px; margin-top:20px}
.banner_min li h2 {font-size: 1.2em;font-weight: bold;}
.inpro span h2{font: 14px/35px "微软雅黑";color: #000;margin-top:0px;width: 100%;background:#f0f0f0;}
.new_text { font-size: 1.2em;height: 32px;}
.new_cnt { width: 100%; float: left; padding: 30px 0px;}
/* prdetails.html */
.proDetails_sec {
padding: 0px 0;
}
.proDetails_sec .SecCon{
width: 100%;
padding: 0 !important;
margin: 0;
}
.prodetails_sec_intfo {
float:left;
padding: 35px 15px;
background: #f9f9f9;
}
.prodetails_sec_intfo h3 {
font-size: 18px;
}
.proD {
margin: 20px auto 0;
overflow: hidden;
}
.proD h4 {
font-size: 16px;
line-height: 24px;
margin: 0 auto 10px;
}
.proD .jxdiv{height: auto; width: auto; margin:10px; }
.proD h6 {
font-size: 13px;
line-height: 20px;
margin-bottom:0px;
}
.proD h6 img{
width:100%;
}
.TabShowCon {
margin: 0px auto 50px;
overflow: hidden;
}
.proDetails_sec2{
padding: 0 15px;
}
.proDetails_sec2_list ul li {
width: 50% !important;
padding: 15px 0;
font-size: 13px;
border-right: none; margin-bottom:3px;
}
.proDetails_sec3_tui>h3{
margin:0 15px;
font-size: 18px;
}
.proDetails_sec3_row h3{
font-size: 13px;
}
#magnifierMiddle>li>img{ height: 50px !important;}
.about_sel_box{ display:none}
}
@media (max-width: 720px) {
.nybox{ margin-top:-40px}
.nybox p{ font-size:14px}
.nybox i{ margin-top:5px}
.pro_mbx { font: 12px/40px "微软雅黑";}
.pro_mbx i { width: 40px; height: 40px;}
.pro-pd-list ul li .pimg{ height:200px}
.mgt60 {
margin-top: 20px;
}
.aboutDiv,.new_title{ font:14px/30px "微软雅黑" !important }
.inpro li .pwz .bk .pname {
font: 14px/22px "微软雅黑";
}
.aboutDiv .mnr .lwz { height: auto;width: 100%; float: left;}
.aboutDiv .mnr .rimg {height: auto; width: 100%; float: right;}
.aboutDiv .mnr .rimg img,.casel,.caser { width: 100%;}
.inpmore,.aboutdiv .aboutnr .amore,.industry li .nrnr i {font: 13px/40px "微软雅黑"; padding: 0 30px ;}
.industry li .npic{ height:200px;}
.industry li .nrnr{ padding-top:30px}
.industry li .nrnr .nbt{ margin-bottom:10px}
.industry li .nrnr i{ margin-top:20px}
.industry dl{ width:100%}
.inpn .ipic .pzs li{ width:49%}
.inpn .ipic .pzs li:nth-child(2n){ margin-right:0}
.aboutdiv .aboutnr .inabt p { font: bold 22px/22px "微软雅黑";}
.aboutdiv .aboutnr .inabt h2{ font:16px/16px "微软雅黑"}
.ntion {display:none;}
.inpro span {width: 49%;}
.inpro span.active { width: 49%;}
.mainl {margin-top: 7%;}
.prodLilist {width: 48%;margin-right: 4%;}
.prodLilist span{ width:100%; height:350px; display:block;}
.prodLilist span img {height:100%;width: 100%;display:inline-block; object-fit:cover;}
.pros {width: 100%;padding-bottom: 3%;}
.prodLilist:nth-child(2n) {margin-right: 0px;}
.head,.head1,.column,.honor {display: none;}
.banner_min li h2 {font-size: 1.2em;}
.banner_min li { width: 31%;}
.banner_min li p {font-size: 1em;height: 32px;}
.case_img li {width: 48%;margin: 0px 0px 2% 2%;}
.case_img li:nth-child(2n) {margin: 0px 0px 2% 2%;}
.about_text,.about_rt,.about_lt{width: 100%;}
.navigation {width: 100%;margin-top: 8%;}
.new_cnt { width: 100%; float: left; padding: 30px 0px;}
}
@media (max-width: 580px) {
.inpro li .pj,.inpro li .pwz {height:185px; }
.inpro li .pwz .bk{ width:90%; height:145px; }
.inmin{ margin-top:35px; padding:50px 0}
.inmin h2 { font: 22px/22px "微软雅黑";}
.inmin span { font-size:18px; margin:10px 0}
.inmin font{ font-size:12px; padding:0 10%; box-sizing:border-box}
.choose li{ padding-top:45px; height:270px}
.choose li i{ width:55px; height:55px}
.choose li p {font: 18px/18px "微软雅黑"; margin: 15px 0;}
.inchoose{ padding:40px 0}
.inchoose .incbt { font: bold 20px/45px "微软雅黑";}
.inchoose .incbt i{ width:30%; right:150px}
.industry li .npic,.industry li .nrnr{ width:100% ; }
.industry li .nrnr{ padding:30px 10px; box-sizing:border-box}
.news-list ul li a .news-tit .nbt {
font: 15px/20px "微软雅黑";
}
.news-list ul li a .news-tit p{ height:50px; margin-top:5px; font:12px/20px "微软雅黑"}
}
@media (max-width: 500px) {
.news-list ul li a .news-pic {
height: 180px;
}
.logoBox{ width:80%}
.logo{ float:left; width:100%}
.logo img{ max-width:100%; margin-top:12px}
#contact1 li {width: 100%;}
#contact1 li.cont_img img {width: 100%;}
#contact1 {width: 100%;margin: 35px 0px;}
.news {padding: 6% 2%;}
.pro-pd-list ul li .pimg{ height:150px}
.pro-pd-list ul li a p {font: 14px/22px "微软雅黑" !important; height: 22px;}
.js_bk,.js_fw,.js_jj { background-size: 100% auto;}
.newsbox{ margin-top:30px;}
.inpn .ipnew .ipnew_img{ height:200px}
.inpn .ipnew .ipnew_img .hk{ top:30px}
.inpn .ipnew .ipnew_img .hk h2 {
font: normal 16px/16px "微软雅黑";
}
.inpn .ipnew .ipnew_img .imgwz{ font-size:15px}
.inpn .ipnew .ipnul{ padding:20px 10px;}
.inpn .ipic .enbt { font: 16px/22px "微软雅黑";}
.inpn .ipic .cnbt {
font: 20px/30px "微软雅黑";
}
.industry li .nrnr .nbt {
float: left;
font: 16px/16px "微软雅黑";
height: 16px;
}
.choose li .chwz {font: 12px/20px "微软雅黑";}
.inpfl .pfl {padding: 15px 0 15px 10px;}
.inpfl .pfl li{ margin-right:20px}
.title .titcn { font: 18px/18px "微软雅黑";}
.title .titen {font: normal 20px/20px "微软雅黑"; margin-bottom:10px}
.inpfl {
margin: 30px 0;
}
}
@media (max-width: 375px) {
.logo img { margin-top: 18px;}
.casel li {height: 150px;}
.cbt2,.mindiv .mdiv .m2{ display:none}
.new_cnt { width: 100%; float: left; padding: 30px 0px;}
#contact1 li {width: 100%;}
#contact1 li.cont_img img {width: 100%;}
#contact1 {width: 100%;margin: 35px 0px;}
.news {padding: 6% 2%;}
.industry ul li .npic{width: 100%; height:120px;}
.industry ul li .nrnr span{ left:0}
.js_bk,.js_fw,.js_jj { background-size: 100% auto;}
}
@media (min-width: 1200px) {
#newslist ul li {overflow: hidden;padding: 24px 0;}
.pros {width: 100%;padding: 3% 0;}
/* 常见焦点图 */
.focusBox .bd {width: 62%;margin: 0px auto;padding-top: 7.5%;}
.news {padding: 56px 0px;}
.new_box {padding: 3.5% 7%;}
}