@charset "utf-8";
html{font-size: 62.5%;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {margin: 0;  padding: 0;  font-size:14px; font-family:"microsoft yahei";color: #333; line-height:1.8;}
ul,li{list-style: none;padding: 0;}
*{padding: 0;margin: 0;}
a{text-decoration: none;  margin: 0;  padding: 0;color: #333; }
p,span,i,em{  margin: 0;  padding: 0;  font-style: normal;  font-weight: normal;  }
tr,td{  margin: 0;  padding: 0;  }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.dn,.hidden{ display:none;}
div{ box-sizing:border-box;}
.clearfix {
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}

.w1200{ width:1200px; margin:0 auto}
.header{ position:relative}
.headbox{ position: fixed; left:0; right:0; top:0; background:rgba(0,0,0,.4); height:90px; z-index:99}
.logo{ width:30%; margin-top:5px;}
.logo img{ max-width:100%;max-height:80px}
.nav{ width:70%}
.menulist > li{ float:left; width:14.2%; height:90px; line-height:90px; text-align:center; position:relative}
.menulist > li > a{ display:inline-block; height:41px; line-height:41px; width:90%; box-sizing:border-box; font-size:18px; color:#fff;transition:all 300ms ease}
.menulist > li.active > a{ background:#bc342c; border-radius:50px; color:#fff; }
.menulist > li:hover > a{background:#bc342c; border-radius:50px; color:#fff;}
.ejmenu{display: none;
    position: absolute;
    left: 0px; right:0;
    top:100%;
    z-index: 999;
    background: #ebebeb;}
.ejmenu li{text-align:center; height:45px; line-height:45px; background:#373737; border-bottom:1px solid #454545;border-top:1px solid #292929}
.ejmenu li a{ display:block; white-space:nowrap; overflow:hidden;text-overflow: ellipsis; color:#fff; font-size:15px!important}
.ejmenu li:hover{ background:#bc342c;}
.ejmenu li:hover > a{}
.banner{}
.banner .swiper-slide a{ display:block}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px}
.banner .swiper-pagination-bullet{ opacity:.3; border:1px solid #bc342c; width:14px; height:14px;}
.banner .swiper-pagination-bullet-active{ background:#bc342c; border:1px solid #bc342c;opacity:1;}

.imgstyle{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative}
.imgstyle img{ width:100%}

.product{ padding:3% 0}
.title{ width:80%;}
.title h2{ font-size:30px; font-weight:bold; display:inline-block}
.title h3{font-size:16px; color:#999999;display:inline-block; margin-left:15px;}
.red{ color:#bc342c;font-weight:bold;}
.cpm{ color:#999999; font-size:16px; margin-top:1.6%}
.cpm:hover{ text-decoration:underline}
.cpmain{ margin-top:2%}
.cplist{}
.cplist li{ float:left; width:30%; margin-right:5%; margin-bottom:2%;}
.cplist li:nth-child(3n+0){ margin-right:0}
.cplist li dt{ overflow:hidden}
.cpimg{transition:all 500ms ease}
.cplist li dd{ margin-top:5px;}
.cplist li dd h2{ font-size:18px; font-weight:700; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;transition:all 500ms ease}
.cplist li dd p{ color:#888888; margin-top:5px; line-height:1.6; text-align:justify; height:44px; overflow:hidden}
.cplist li:hover .cpimg{ transform:scale(1.05)}
.cplist li:hover h2{ color:#bc342c}


.about{ background: url(../images/abg.jpg) no-repeat center center; background-size: cover; padding:5% 0}
.abmain{ background:#fff; position:relative}
.spimg{ background:#000; width:46%; position:absolute; left:0; top:0; bottom:0}
.spimg img{ width:100%}
.ab_r{ width:54%; padding:3%;}
.ab_r h2{ font-size:30px; font-weight:700}
.ab_r p{ margin-top:3%; font-size:16px; text-indent:2em}
.ab_r a{ display:block; float:right; margin-top:3%; color:#bc342c; font-size:16px;}
.ab_r a:hover{ text-decoration:underline}

.dzcbox{ padding:5% 0}
.zhici{ width:44%; padding-top:2%}
.dzct{ width:100%}
.gsimg{ width:48.75%}
.gsimg img{ width:100%}
.zcont{ margin-top:6%;}
.zcont i{ display:inline-block;}
.zcont i.zico1{ float:right}
.zcont p{ padding:0 2%; box-sizing:border-box; text-indent:2em; font-size:18px; margin:4% 0; text-align:justify}

/* 我们的优势 */
.advbox{ background:#f5f0e8; padding:5% 0}
.advmain{ margin-top:2%}
.advlist{ display:flex; flex-wrap:wrap; gap:30px 3.5%}
.advlist li{ width:31%; margin:0; background:#fff; border:1px solid #e8e0d4; padding:34px 28px; box-sizing:border-box; transition:all 300ms ease}
.advlist li:hover{ box-shadow:0 12px 28px rgba(0,0,0,.08); transform:translateY(-4px)}
.advlist li dt,.advlist li dd{ display:block; margin:0; float:none}
.advic{ width:52px; height:52px; border-radius:50%; background:#f5f0e8; text-align:center; line-height:52px; font-size:24px; margin-bottom:18px}
.advlist li dd h2{ font-size:18px; font-weight:700; margin-bottom:8px; transition:all 300ms ease}
.advlist li dd p{ color:#888888; font-size:14px; line-height:1.7; min-height:48px}
.advlist li:hover h2{ color:#bc342c}

.pinbox{ background:url(../images/wbg.jpg) no-repeat center center; padding:3% 0; background-size:cover}
.pinmain{ text-align:center;}
.pinmain h2{ font-size:30px; font-weight:bold}
.pincont{ margin-top:2%}
.pincont p{ font-size:18px; line-height:2}
.plogo{/*margin-top:2%;*/ text-align:center}
.fmenu{ text-align:center; background:#bc342c; height:40px; line-height:40px;}
.fmenu a{ display:inline-block; margin:0 1.5%;color:#fff; font-size:16px; }
.fmenu a:hover{ text-decoration:underline}

.foot{ background:#222222; padding:2% 0; padding-bottom:0}
.foot_l{ width:45%}
.foot_r{ width:40%}
.foot_l > h2,.foot_r > h2{ font-size:18px; font-weight:bold; color:#fff;}
.flxbox{ margin-top:5%}
.ewm{ width:30%}
.ewm img{ max-width:100%}
.flx{ width:68%; margin-left:2%}
.flx p{ color:#fff; font-size:16px; line-height:2.5}
.flx p img{ margin-bottom:-5px; margin-right:10px;}
.link{color:#6b6b6b; font-size:14px; margin-top:5%}
.link a{ color:#6b6b6b; font-size:14px; padding:0 2px; box-sizing:border-box; display:inline-block;}
.link a:hover{ text-decoration:underline; color:#888}
.ftext{ text-align:center; height:60px; line-height:60px; margin-top:2%; border-top:1px solid #383838; color:#5a5a5a}
.ftext .fsep{ margin:0 8px; color:#5a5a5a}
.ftext a{ color:#5a5a5a; text-decoration:none}
.ftext a:hover{ color:#2200e6; text-decoration:underline}

.npic{width:100%}
.npic img{ width:100%}

.nycont{ padding:3% 0; padding-bottom:6%}
.tree{ width:25%;}
.nycont_r{ width:72%; margin-top:5px;}
.tree > h2{ font-size:20px; font-weight:bold; padding-left:80px; box-sizing:border-box;height:55px; line-height:55px; background:#bc342c; color:#fff; box-shadow:0 0 18px 1px rgba(0,0,0,.45)}
.treelist{ margin-top:10px;}
.treelist li{ height:56px;line-height:56px; border-bottom:1px solid #dddddd;}
.treelist li a{ display:block; background:url(../images/ico.png) no-repeat 40px center; padding-left:80px; box-sizing:border-box; font-size:16px; transition:all 300ms ease}
.treelist li a:hover{ color:#bc342c;background:url(../images/ico1.png) no-repeat 40px center;}
.treelist li.active a{ color:#bc342c;background:url(../images/ico1.png) no-repeat 40px center;}
.nycontop{ border-bottom:1px solid #ddd; padding-bottom:5px;}
.ntitle{ font-size:18px; border-left:8px solid #333333; height:27px; line-height:27px; padding-left:10px;}
.adres{ color:#888888; font-size:14px;}
.adres a{color:#888888; font-size:14px;}
.adres a:hover{ text-decoration:underline}
.nyabout,.nycp{ margin-top:3%}
.nyabout p{ line-height:2; font-size:16px;}
.nyabout p img{ max-width:100%}
.nycplist li{ width:31.3%; margin-right:3%;}
.page{ text-align:center; margin-top:5%; clear:both;}
.page a{ display:inline-block;text-align:center; padding:5px 13px; color:#333; margin:0 3px; border:1px solid #dddddd;vertical-align:middle; border-radius:5px;
transition: all 400ms cubic-bezier(.4,0,.23,1);-moz-transition: all 400ms cubic-bezier(.4,0,.23,1);-webkit-transition: all 400ms cubic-bezier(.4,0,.23,1);}
.pageactive{display:inline-block; text-align:center; padding:5px 13px; background:#a5241c; border:1px solid #a5241c;color:#fff!important; margin:0 3px; vertical-align:middle;border-radius:5px;}
.page a:hover{ background:#a5241c; color:#fff!important;border:1px solid #a5241c;border-radius:5px;}


.zplist{}
.zplist > li{ background:#f0f0f0 url(../images/zbg.jpg) no-repeat right center; padding:2% 0; box-sizing:border-box; padding-bottom:3%; margin-bottom:3%}
.zplist > li dt{ float:left; width:80%}
.zplist > li dt h2{ font-size:16px; color:#fff; background:#333; padding:0 5%; box-sizing:border-box; height:35px; line-height:35px; display:inline-block}
.zpxx{ margin-top:2%; padding-left:5%; box-sizing:border-box;}
.zpxx li{ float:left; width:33.333333%; font-size:14px; line-height:30px;}
.zplist > li dd{ float:right; width:20%; text-align:center;}
.zplist > li dd a{ display:block; width:92px; margin:0 auto; height:34px; background:#fff; text-align:center; line-height:34px; border-radius:5px; color:#bc342c; margin-top:10%;}
.zplist > li dd a.yptext{ background:#bc342c; color:#fff}
.zplist > li dd a:hover{ text-decoration:underline}

.liuyan{ background:#333333; border-radius:5px; padding:13px; width:85%; margin:0 auto; margin-top:5%}
.lymain{ background:#fff; border-radius:5px; padding:5% 10%; padding-bottom:6%; box-shadow:inset 0 0 20px 1px rgba(0,0,0,.6)}
.lymain table{ width:100%}
.lymain table tr th{ text-align:right; font-weight:normal; font-size:16px; line-height:60px;}
.lymain table tr td{ font-size:16px;line-height:60px;}
.lymain table tr td input{ height:38px; line-height:38px; border:1px solid #ddd; width:290px; padding:0 3%; box-sizing:border-box}
.lymain table tr td textarea{ height:115px; border:1px solid #ddd; width:100%; padding:2% 3%; box-sizing:border-box; margin-top:12px; resize:none; font-family:"microsoft yahei";}
.lymain table tr td input:focus,.lymain table tr td textarea:focus{ outline:none}
.lymain table tr td button{ background:#bc342c; color:#fff; width:108px; height:35px; line-height:35px; text-align:center; cursor:pointer; border-radius:5px; border:none; margin-top:25px}
.line{ width:90%; margin:0 auto; background:#212121; height:26px; border-radius:50px; margin-top:2px;}
.lymain table tr td input::placeholder,.lymain table tr td textarea::placeholder{ color:#999}

.lxwm{ width:100%}
.lxmain{ margin-top:3%}
.dtimg{ width:100%}
.dtimg img{width:100%}
.lxfs{ width:90%; margin:0 auto; margin-top:50px; background:url(../images/lxbg.jpg) no-repeat center center; background-size:cover; padding:3% 0; position:relative; z-index:1000; box-shadow:0 0 15px 1px rgba(0,0,0,.1)}
.lxfslist{}
.lxfslist li{ float:left; width:25%; text-align:center; padding:0 5%; box-sizing:border-box; position:relative}
.lxfslist li:after{ content:""; position:absolute; right:0; top:25%; background:#333333; width:1px; height:66px;}
.lxfslist li:last-of-type:after{ display:none}
.lxfslist li dt{ height:77px;}
.lxfslist li dt img{ max-height:100%}
.lxfslist li dd{ margin-top:10%}
.lxfslist li dd h2{ font-size:16px; margin-bottom:3%}

.nav-2 { clear:both;
    background-color: #333; left:0;
    position: fixed; top:0; right:0; transform:translateY(-100%); transition:all 450ms ease-out;
    z-index: 130000; height:100%; overflow-y:auto; overflow-x:hidden
}
.gbnav{ position: fixed; right:0; top:0;width:30px; height:30px; text-align:center; font-weight:bold; font-size:16px; line-height:30px; background:#bc342c; color:#fff; z-index:999999; display:none}
.nav-2.active{ transform:translateY(0);}
.nav-2 > ul > li { padding:2px 0;
}
.nav-2 > ul > li:first-of-type{ padding-top:0}
.nav-2 > ul > li:first-child {
    border-top: 0;
}
.nav-2 > ul > li > a {
    font-size: 14px; display:block; background:#bc342c; padding:0 20px; box-sizing:border-box; height:45px; line-height:45px;
    width: 100%;
    color: #fff;
}
.nav-2 > ul > li ul{ display:none}
.nav-2 > ul > li ul{ margin-left:3%}
.nav-2 > ul > li ul li{ line-height:2.5; padding:0 20px; box-sizing:border-box}
.nav-2 > ul > li ul li a{ color:#fff;}
.nav-2 > ul > li ul li:first-child{border-top: 0;}
.chenggao {
    display: none;
    height:100px;
}
#nav-2-heidi {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 120000;
    background:rgba(0,0,0,.7);
    display: none;
}
.navico{ float:right; background:url(../images/sanlan.png) no-repeat center center; width:30px; height:30px; margin-top:12px; margin-right:1%;display: none}

.detail{ margin-top:3%}
.detail > h2{ font-size:22px; font-weight:bold; text-align:center}
.detail > h3{ text-align:center; border-bottom:1px dashed #e3e2e2; padding-bottom:5px; margin-top:1%}
.detail > h3 span{ font-size:14px; color:#999; margin:0 2%; display:inline-block;}
.xqcont{ margin-top:3%}
.xqcont p{}
.xqcont p img{ max-width:100%}


@media screen and (max-width:1024px){
.w1200{ width:95%}
.nav{ display:none}	
.navico{ display:block}
.headbox{ height:60px}
.title h2,.ab_r h2,.pinmain h2,.detail > h2{ font-size:20px;}
.title h3,.cpm,.ab_r p,.ab_r a,.zcont p,.fmenu a,.flx p,.pincont p,.zplist > li dt h2,.lymain table tr th,.lxfslist li dd h2{ font-size:14px}
.cplist li{ width:48%; margin-right:4%}
.cplist li:nth-child(3n+0){ margin-right:4%}
.cplist li:nth-child(even){ margin-right:0}
.cplist li dd h2,.foot_l > h2, .foot_r > h2,.advlist li dd h2{ font-size:16px;}
.cplist li dd p{ font-size:12px; height:40px}
.advlist{ gap:16px}
.advlist li{ width:calc(50% - 8px); padding:24px 20px}
.advlist li dd p{ font-size:12px; min-height:auto}
.spimg,.ab_r,.zhici,.gsimg,.foot_l,.foot_r,.ewm,.flx,.tree,.nycont_r,.zplist > li dt,.zplist > li dd{ float:none; width:100%}
.spimg{ position:inherit; left:inherit; bottom:inherit; top:inherit}
.gsimg,.flx,.foot_r,.nycont_r,.zplist > li dd{ margin-top:3%}
.flx p img{ height:18px}
.ftext{ line-height:inherit; font-size:12px; padding:3%; height:auto}
.ewm{ text-align:center}
.ewm img{ width:30%}
.treelist{display:flex; width:100%;overflow-x:auto; margin-top:1%; border-bottom:1px solid #ddd}
.treelist::-webkit-scrollbar {/*滚动条整体样式*/
        width:0px;     /*高宽分别对应横竖滚动条的尺寸*/
        height:0px;
    }
.treelist::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        background: #ccc;
    }
.treelist::-webkit-scrollbar-track {/*滚动条里面轨道*/
        background:#eaeaea;
    }
.treelist li{flex-shrink: 0;width: auto; margin-right:20px; border-bottom:none}
.treelist li a{ font-size:14px; padding-left:12px;background: url(../images/ico.png) no-repeat left center; background-size:6px 9px;}
.treelist li.active a{background: url(../images/ico1.png) no-repeat left center; background-size:6px 9px;padding-left:12px;}
.tree > h2{ height:33px; line-height:33px; font-size:14px; padding-left:12px;}
.adres,.adres a{ font-size:12px; letter-spacing:-1.2px}
.adres{ margin-top:1%}
.fmenu{display:flex; width:100%;overflow-x:auto; margin-top:1%;}
.fmenu a{ white-space:nowrap; margin:0 2%}
.zpxx li{ width:50%}
.zplist > li dd a{ display:inline-block; margin:0 2%}
.page a,.pageactive{ padding:0 8px; font-size:12px; margin:0 1px}
.lymain table tr td input{ width:100%}
.liuyan{ width:95%}
.line{ width:100%}
.lymain table tr td,.lymain table tr th{ line-height:40px;}
.lymain table tr td input{ height:30px; line-height:30px;}
.lymain table tr td textarea{ height:90px; margin-top:7px}
.lxfslist li{ width:50%; min-height:160px;}
.lxfslist li dt{ height:50px;}
.lxfs{ margin-top:-50px}
.lxfslist li:nth-child(2):after{ display:none}
.ntitle{ padding-left:6px; font-size:16px;border-left:6px solid #333333; height:20px; line-height:20px;}
	}