/* CSS Document */
@font-face {
  font-family: 'iconfont';  /* Project id 1264008 */
  src: url('//at.alicdn.com/t/font_1264008_c3s1urh8gq.woff2?t=1637738775082') format('woff2'),
       url('//at.alicdn.com/t/font_1264008_c3s1urh8gq.woff?t=1637738775082') format('woff'),
       url('//at.alicdn.com/t/font_1264008_c3s1urh8gq.ttf?t=1637738775082') format('truetype');
}
*{ padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
body { margin: 0 auto; overflow-x: hidden; color: #5a5a5a; font: 14px 'Microsoft Yahei',Arial, sans-serif;}
img{border:0;}
ul,li{list-style:none;}
a{ text-decoration:none; color: #5a5a5a; cursor: pointer;}
a:hover{color:#47cdff;}
s, i { font-style: normal;}
.w100{ width:100%; min-width: 1200px;}
.w1200{ width:1200px; margin:0 auto;}
.content { position: relative; width: 1200px; margin: 0 auto; overflow: hidden;}
.clearfix{ clear:both;}
.clearfix:after,.clearfix:before{clear:both;display:table;line-height:0;content:""}
.q{zoom: 1;}
.clear{ clear:both;}
.fl{ float:left}
.fr{ float:right}
.center{ text-align:center; }
.inb{  display: inline-block;}
.fixed{ position: fixed; top: 0; z-index: 999;}
.block{ display: block!important;}
input,select,button,option,textarea{ border:0; outline:none; cursor: pointer;}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: unset;
    -moz-osx-font-smoothing: grayscale;
}

/*head*/

/* banner */
/* 头部banner */
.banner{ width: 100%; position: relative; overflow: hidden; z-index: 1;}



/* nav */
.top{ padding-top: 50px; position: absolute; z-index: 999999999999;top:0}
.top .content{ overflow: visible;}
.top .logo{ width: 20%;}
.top .logo img{ height: 75px;}
.nav { width: 78%; padding-top: 12px;}
.nav  li{ position: relative; margin: 0 5px;}
.nav  li .arr{float: right; height: 40px; width: 40px; position: relative; display: none;}
.nav  li.dropdown:before{content: ""; position: absolute; border: 6px solid transparent; color: #fff; border-bottom: 0; border-top-color: currentColor; top: 50%; margin-top: -2px; right: 0px;}
.nav  li a { padding: 0 15px; display: block;text-align: center;text-decoration: none;color: #fff;line-height: 50px; font-size: 16px; transition: all ease .3s;-webkit-transition: all ease .3s;}
.nav  li:hover>a , .nav  li.active>a{color: #ed1b24; border-bottom: 3px solid #ed1b24;}
.nav  li:hover.dropdown:before, .nav  li.active.dropdown:before{color: #ed1b24;}
.nav .dropdown-box{ display: none;}
.nav li.open .dropdown-box{ display: block;}
.nav .dropdown-box{position: absolute;border-top: 2px solid #ed1b24;background: #ed1b24; left: 0;min-width: 100%;visibility: hidden;transition: all ease .3s;-webkit-transition: all ease .3s;transform: translateY(20px);-webkit-transform:  translateY(20px);opacity: 0;z-index: 99999;}
.nav  li:hover .dropdown-box{visibility: visible;opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);box-shadow: 0 2px 5px rgba(0, 0, 0, .5)}
.nav  li:hover .dropdown-box .nav2{ padding: 0 5px;}
.nav .dropdown-box a{display: block; font-size: 14px; padding: 0 5px; font-weight: normal;background: #ed1b24;border-bottom: 1px solid #ed1b24;color: #fff; line-height: 40px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.nav .dropdown-box a:hover{ background: #434343; color: #fff;}
.nav .nav2 .dropdown-box2{ position: absolute; left: 100.5%; top: 0; visibility: hidden;transition: all ease .3s;-webkit-transition: all ease .3s;transform: translateY(20px);-webkit-transform:  translateY(20px);opacity: 0;z-index: 99999;}
.nav .nav2:hover .dropdown-box2{visibility: visible;opacity: 1;transform: translateY(0);-webkit-transform:  translateY(0);box-shadow: 0 2px 5px rgba(0, 0, 0, .5)}
.nav .nav2 .dropdown-box2 a{ line-height: 40px;}

/* bnwz */
.bnwz{ position: absolute; z-index: 1;top:120px}
.bnwz .wz-one{ margin-top: 150px; height: 157px; text-align: center; background: url(../image/box.png) center no-repeat;}
.bnwz .wz-one p{ padding-top: 5px; font-size: 50px; font-family: 华文中宋; color: #fff; text-shadow: 5px 5px 5px #434343;}
.bnwz .wz-two{ font-size: 72px; text-align: center; padding-top: 60px; color: #fff; font-family: KaiTi;text-shadow: 5px 5px 5px #989797;}

/* sytybt */
.sytybt{ text-align: center; font-weight: normal;}
.sytybt h1{ padding-top: 30px; font-size: 36px; line-height: 42px; text-transform: uppercase; color: #fff; font-family: 'Alpida Unicode System';}
.sytybt h5{ font-family: KaiTi; font-size: 48px; line-height: 68px; color: #ffd200;}

/* .more */
.more{ text-align: center; margin-top: 35px;}
.more a{ display: inline-block; width: 200px; height: 50px; background: #8a0b04; line-height: 50px; color: #fff; border-radius: 30px;}
.more a:hover{ background: #ffd200; color: #000;}
.moreb a{ background: #fff; color: #000;}
.moreb a:hover{ background: #000; color: #fff;}

/* about */
.about{ background: url(../image/bj1.jpg) no-repeat center; padding: 65px 0;}
.about .aboutnr h2{ color: #a55c5a; font-size: 30px; text-transform: uppercase; font-family: 'Alpida Unicode System'; font-weight: normal;}
.about .aboutnr h1{ color: #ffd200; font-size: 55px; font-family: KaiTi; font-weight: normal;}
.about .aboutnr{ width: 558px;}
.about .aboutnr p{ padding-top: 20px; height: 335px; width: 558px; font-size: 15px; line-height: 220%; color: #fff;}
.about .aboutimg{display: none;}

/* product */
.product{ padding: 50px 0; background: #cccccc; height: 1030px; background-position: center top; background-attachment: fixed;}
.product .profl a{ margin: 0 0 20px; display: inline-block; width: 130px; line-height: 50px; color: #fff;}
.product .profl a:hover, .product .profl a li.on{ background: url(../image/flhover.png) no-repeat center;}
.product .pronr{ width: 1220px;}
.product .pronr li{ position: relative; width: 285px; height: 272px; margin-right: 20px; margin-bottom: 20px; padding: 15px; border: 1px solid #5a5a5a; text-align: center; overflow: hidden;}
.product .pronr li .imgdw{ display: inline-block; width: 100%; height: 210px; overflow: hidden;}
.product .pronr li .imgdw::before{ content:''; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.2) url(../image/ss.png) no-repeat center center; transform: scale(0,0); -webkit-transform: scale(0,0); transition: all ease .6s; -webkit-transition: all ease .6s; z-index: 999;}
.product .pronr li .imgdw img{ width: 100%; height: 100%; object-fit: contain; transform: translateY(0px);}
.product .pronr li .imgdw img:hover{ transform: translateY(-5%);transition: all .5s ease-out;}
.product .pronr .protit{ padding-top: 10px; line-height: 140%; color: #cccccc;}
.product .pronr li:hover{ border: 1px solid #8a0b04;}
.product .pronr li:hover .imgdw::before{transform: scale(1,1);-webkit-transform: scale(1,1);}

/* news */
.news{ background: url(../image/bj2.jpg) no-repeat bottom; padding: 25px 0 50px 0;}
.news .sytybt h1{ color: #222;}
.news .newsimg{ width: 650px;  text-align:center ; overflow: hidden;}
.news .newsimg img{ max-width: 100%; max-height: 100%; object-fit: contain;}
.news .newsnr{ width: 545px; margin-top: 40px;}
.news .newsnr a{ position: relative; display: inline-block; width: 100%; font-size: 14px; height: 50px;line-height: 50px; overflow: hidden; padding-left: 3px; border-bottom: 1px dashed #a55c5a; overflow: hidden;}
.news .newsnr a span{ position: absolute; right: 0; font-size: 12px; color: #acacac;}

/* foot */
.foot{ background: url(../image/bjs3.jpg) no-repeat center;  padding: 30px 0;}
.foot .footnr{ text-align: right; padding-top: 20px;}
.foot .footnr p{ font-size: 13px; color: #fff; line-height: 210%;}
.foot .bq{ padding-top: 15px; text-align: center; color: #fff; }
.foot .bq img{ max-height: 16px; vertical-align: middle;}
.foot .bq a{color: #fff;}
/* ny banner */
.nybanner{ height: 650px;}
.bnwz .nywz-two{ padding-top: 155px;}

/* ny comm */
.ny_left{ width: 278px;}
.ny_left .nylm{ position: relative; top: -116px; width: 100%; z-index: 999;}
.ny_left .nylm .lmtit{ background: #9c0800; height: 116px; text-align: center; color: #fff;}
.ny_left .nylm .lmtit h1{ font-size: 45px; padding-top: 36px; padding-bottom: 5px; letter-spacing: -3px; font-family: KaiTi;}

.ny_left .nylm .zlm{ width: 100%;}
.ny_left .nylm .zlm a{ float: left; width: 100%; margin-bottom: 3px; line-height: 60px; font-size: 15px; text-align: center; color: #fff; background: url(../image/btl.jpg) no-repeat left;}
.ny_left .nylm .zlm a:hover, .ny_left .nylm .zlm a.active{ background: #530602; color: #fff;}
.ny_left .nyzcimg{ width: 278px;}
.ny_left .nylx{ width: 100%;}
.ny_left .nylx{ padding: 15px 10px; border: 1px solid #eaeaea;}
.ny_left .nylx p{ font-size: 14px; color: #333; line-height: 2em;}
.ny_right{ width: 890px; margin-bottom: 30px;}

.mbx{ line-height: 40px;}
.mbx p{ color: #666; font-size: 12px;}
.mbx p a{ color: #666;}
.mbx p a:hover { text-decoration: underline;}
.mbxbg{ background: url(../image/mbxbg.png) repeat; height: 7px; margin-bottom: 20px;}

/* ny danye */
.ny_right .danye{ width: 100%;}
.ny_right .danye p{ font-size: 15px; line-height: 2em; letter-spacing: .5px;}
.ny_right .danye p img{ max-width: 100%; height: auto; text-align: center;}
.ny_right .danye table img{ max-width: 430px; padding: 10px; transition: all 0.6s;}
.ny_right .danye table img:hover{ transform: scale(1.1);}

/* ny contact */
.ny_right .contact-nr{ background: #e45461; padding: 20px;}
.ny_right .contact-nr p{ line-height: 200%; float: left; width: 70%; color: #fff; font-size: 12px;}
.ny_right .contact-nr img{ width: 120px; vertical-align: middle;}
.ny_right .contact-nr span{ color: #fff; font-size: 12px; padding-left: 5px;}
.ny_right .contact-ly{ margin-top: 30px;}
.ny_right .contact-ly h1{ color: #333; font-size: 18px;}
.ny_right .contact-ly p{ color: #999; font-family: 'Times New Roman'; text-transform: uppercase;}

/* ny message */
.ny_right .contact-ly ul{ margin-top: 20px; width: 102%;}
.ny_right .contact-ly ul li{ float: left; width: 48%; margin-right: 2%; margin-bottom: 20px;}
.ny_right .contact-ly ul li .form-tit{ font-size: 13px; padding: 10px 0;}
.ny_right .contact-ly ul li input{ width: 100%; border: 1px solid #dedede; border-radius: 3px; line-height: 18px; padding: 10px; font-family: Microsoft Yahei;}
.ny_right .contact-ly ul li.form-submit{ width: 98%;}
.ny_right .contact-ly ul li button{ width: 100%; line-height: 40px; background-color: #4199dd; color: #fff; font-size: 15px; border-radius: 6px; cursor: pointer;}
.ny_right .contact-ly ul li button:hover{ background: #005ea6;}

/* ny news list */
.ny_news ul li{ display:block; height:40px; line-height: 40px; overflow: hidden ; text-align:left; border-bottom:1px dashed #D9D9D9;}
.ny_news ul li img{ padding-right:10px;}
.ny_news ul li i{ float:left}
.ny_news ul li i:hover{ color:#9c0800;}
.ny_news ul li dl{width:80%; float:left}
.ny_news ul li a{ color:#333; padding-left: 5px;}
.ny_news ul li span{ float:right;}
.ny_news ul li a:hover{ color:#9c0800;}

/* ny news content */
.nynews_nr{ font-size: 17px; line-height: 2.2em;}
.nynews_nr .tt{ font-size: 20px; font-weight: bold;}
.nynews_nr .date{ font-size: 12px; color: #5A5A5A; border-bottom: 1px #c0c0c0 dashed; margin: 5px 0 15px 0;}
.nynews_nr img{ max-width: 80%;}

/* ny img list */
.img_list ul{ width: 920px;}
.img_list ul li{ width: 281px; height: 255px; padding: 10px; margin-right: 15px; margin-bottom: 20px; border: 2px solid #eee;}
.img_list ul li .imgdw{ width: 100%; height: 190px; display: inline-block; overflow: hidden;}
.img_list ul li .imgdw img{ object-fit: cover; width: 100%; height: 100%; transition: all 0.6s;}
.img_list ul li p{ width: 100%; display: inline-block; margin-top: 8px; text-align: center;}
.img_list ul li:hover{ border: 2px solid #9c0800;}
.img_list ul li:hover .imgdw img{ transform: scale(1.2);}
.img_list ul li:hover p{ color: #9c0800;}

/* ny img content */
.ny_right .img-nr{ margin: 20px 0;}
.ny_right .img-nr .title h2{ text-align: center; font-size: 20px; color: #000;}
.ny_right .img-nr .nrxq{ padding: 20px 0;}
.ny_right .img-nr .nrxq img{ max-width: 700px;}
.ny_right .img-nr .nrxq p{ font-size: 14px; line-height: 2em;}
.ny_right .img-nr .nrxq p img{ max-width: 100%; height: auto;}

/* ny pro list */
.prot li{ float: left; width: 33.33%;margin-bottom: 30px; background-color: #fff; overflow: hidden;}
.prot li a{ display: block; position: relative; margin: 0 2%; height: 360px; margin: 0 1%; overflow: hidden;}
.prot li .imgdw{ position: relative; width: 100%; height: 290px; border: 1px solid #eee; overflow: hidden;}
.prot li .imgdw::before{ content:''; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.2) url(../image/ss.png) no-repeat center center; transform: scale(0,0); -webkit-transform: scale(0,0); transition: all ease .6s; -webkit-transition: all ease .6s; z-index: 999;}
.prot li:hover .imgdw::before{transform: scale(1,1);-webkit-transform: scale(1,1);}
.prot li .imgdw img{ width: 100%; height: 100%; object-fit:contain; transition: all 0.6s;}
.prot li .imgdw img:hover{ transform: scale(1.2);}
.prot li .imgtt{ width: 100%; height: 60px; padding: 0 50px 0 10px; border: 1px solid #eee; border-top: 0; position: relative; left: 0; bottom: 0; -webkit-transition: all .3s ease; transition: all .3s ease; background-color: #fff;}
.prot li .imgtt::after{ content: ''; display: block; width: 0; height: 4px; background-color: #9c0800; position: absolute; right: 0; bottom: -2px; transition: all cubic-bezier(0.42, 0, 0.58, 1) .3s;}
.prot li .imgtt p{ line-height: 60px; font-size: 15px; color: #555; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prot li i{ width: 30px; height: 30px; line-height: 30px; position: absolute; top: 50%; right: 10px; font-weight: bold; -webkit-transition: all .3s ease; transition: all .3s ease; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.prot li i::before { content: "＋"; display: inline-block; font-size: 30px; color: #cdcdcd; -webkit-transition: all .3s ease; transition: all .3s ease;}
.prot li:hover .imgtt::after{	right: auto; left: 0; width: 100%;}
.prot li:hover i{border-color: transparent}
.prot li:hover i::before{ color: #9c0800; transform: rotate(360deg); -webkit-transform: rotate(360deg);}

/* ny pro content */
#outBox{width:1002px;height:540px;margin:2px auto; position: relative;}
.pronr .w{width:450px;height:450px}
.pronr .leftBox{width:450px;height:540px;float:left}
.pronr .normalBox{overflow:hidden;position:relative;border:1px solid #f2f2f2}
.pronr .normalBox .w{display:none}
.pronr .normalBox .w img{width: 100%; height: 100%; object-fit: contain;}
.pronr .botBox{width:100%;height:90px;background:white; padding: 20px 0; overflow:hidden}
.pronr .botBox ul li{float:left;width:54px;height:54px;border:2px solid #ddd;border-radius:5px;margin-left:26.5px;}
.pronr .botBox ul li img{width: 100%; height: 100%; object-fit: contain;}
.pronr .bord{border-color:#e4393c !important;}
.pronr .moveBox{width:200px;height:200px;background:rgba(222,0,0,0.4);position:absolute;top:0;left:0;display:none;cursor:move}
.pronr .magBox{width:540px;height:540px;border:1px solid #f2f2f2;position:absolute; right: 0; top: 0; float:left;overflow:hidden;display:none; z-index: 1;}
.pronr .magBox ul li{display:none;position:absolute;top:0;left:0}
#n,.m{display:block !important}
.pronr .box{width:110px;margin:auto}
.pronr .rightBox { position: relative; float: left; width: 400px; margin-left: 40px;}
.pronr .rightBox h1{ font-size: 24px; border-bottom: 1px solid #e2e2e2; line-height: 35px; margin-bottom: 10px; padding-bottom: 10px;}
.pronr .rightBox p{ font-size: 15px; line-height: 2em;}
.proxq{ margin-top: 10px;}
.proxq .showbt{ width: 100%; height: 48px; line-height: 48px; background: #e6e6e6; margin-bottom: 15px;}
.proxq .showbt span{ display: inline-block; padding: 0 30px; color: #fff; font-size: 16.8px; letter-spacing: 2px; background: #9c0800;}
.proxq p{ text-align: center;}

/* ny message */
.message {background-color: #f2f2f2;padding: 50px;max-width: 890px;margin: 0 auto;}
.message form {overflow: hidden;display: block;margin: -30px 0 0 -60px;}
.message .form-group {float: left;margin: 30px 0 0 60px;width: 365px;}
.message .form-label {display: block;margin-bottom: 10px;}
.message .form-label span {color: red;}
.message .form-content {border: 1px solid #ddd;background-color: #fff;padding: 10px 15px;}
.message .form-control {border: 0;background-color: transparent;padding: 0;line-height: 30px;font-size: 14px;width: 100%;display: inline-block;vertical-align: middle;}
.message .form-submit {display: block;background: #9c0800;color: #fff;border: 0;padding: 0;cursor: pointer;outline: none;height: 54px;font-size: 16px;width: 280px;margin: 0 auto;}
.message .form-submit:hover{ background: #ffd200;}
.message .form-group.full {float: none;width: auto;}
.message .form-tips {text-align: center;color: #666;margin-top: 10px;}
.message .form-tips span {color: red;}
.yzm-box {position: relative;}
.yzm-box .yzm-pic {position: absolute;right: 10px;top: 10px;height: 30px;line-height: 30px;}

/* fanye */
.ny_right .change{ margin: 30px 0 10px 0;}
.ny_right .change p{ font-size: 14px; color: #595959; line-height: 200%;}
.ny_right .change a{ color: #595959;}
.ny_right .change p a:hover{ color: #9c0800;}
#pages{ width: 100%; text-align: center; line-height: 22px; padding-top: 20px; clear:both;}
#pages a, #page span{ display: inline-block; background: #f5f5f5; border: #ddd solid 1px; padding: 2px 8px; margin: 2px;}
#pages .page-num-current{ background: #9c0800; color: #fff;}