@charset "utf-8";
@import url('reset.css');
*{-webkit-box-sizing: border-box;; box-sizing: border-box;}
body{background-color: #fff; overflow:hidden}
a{background:transparent;text-decoration:none;color:#000b00}a:active,a:hover{outline:0}a:hover{text-decoration:none;color:#e8526f}
.wrapper{width:1251px;margin:0 auto;text-align:left}
.ts{text-transform:uppercase}
.mauto{margin:0 auto}
.pz{position:relative;z-index:0}
.pa{position:absolute;z-index:0}
.bz{box-sizing:border-box}
.b{font-weight:bold}
.i{font-style:italic}
.hidden{display:none !important}
.ov{overflow: hidden}
.cb{clear:both}
.db{display: block;}
@keyframes slideDown{0%{top:40px;opacity:0}to{top:48px;opacity:1}}@-webkit-keyframes slideDown{0%{top:40px;opacity:0}to{top:48px;opacity:1}}
.all{overflow:hidden}
.flex{display: flex; display: -webkit-flex;}
.flexJb{display: flex; display: -webkit-flex; justify-content: space-between;}
.flexAc{display: flex; display: -webkit-flex; align-items: center;}
.flexCenter{display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
.flexWrap{display: flex; display: -webkit-flex; flex-wrap: wrap;}
.flexRight{display: flex; display: -webkit-flex; justify-content: flex-end;}
.ovd{overflow: hidden;}
.db{display: block;}
.mySwiper .swiper-button-next, .mySwiper .swiper-button-prev{color: #b31111 !important;}
.mySwiper .swiper-pagination{text-align: center; bottom: 10px; left: 0; width: 100%;}
.mySwiper .swiper-pagination .swiper-pagination-bullet{margin-right: 10px; background-color: #fff; opacity: 1;}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active{background-color: #b31111;}
/*header*/
header{width:100%; height: 172px; background-color: #fff;}
header .logo{width: 205px; height: 172px;}
header .logo img{max-height: 172px; width: auto;}
header .r{width: 945px; margin-right: 15px;}
header .r .tel{height: 68px; font-size: 30px; color: #b31111;}
header .r .tel span{font-size: 22px;}
/*nav*/
.navs{width: 100%; height: 58px; margin-top: 18px; border: 2px solid #d78181; border-radius: 7px;}
.navs ul{overflow:visible !important;margin:0 auto;}
.navs li{position:relative; z-index:9999999; height: 52px; padding: 0 14px;}
.navs li .a{height: 52px; text-align:center; line-height: 52px; font-size: 24px; color:#b31111; font-weight: bold;}
.navs li .a:hover,.navs li .a.active{}
.navs .dl{overflow:hidden;display:none;position:absolute;z-index:999; top: 48px; left:0; width:100%; background:#b31111;text-align:center;-webkit-animation:slideDown 0.3s 1;-khtml-animation:slideDown 0.3s 1;animation-direction:alternate}
.navs dt{overflow:hidden;width:100%; height:32px}
.navs dt a{overflow:hidden;display:block;width:100%;height:32px;text-align:center;line-height:32px}
.navs dt a:link,.navs dt a:visited{font-size:14px;color:#fff}
.navs dt a:hover{background-color:#675314;text-decoration:none;font-size:14px;color:#fff}
/*footer*/
footer{background-color: #383838;}
footer .copyright{padding: 80px 0 40px 0; line-height: 41px; font-size: 26px; color: #fff;}
footer .copyright a{color:#fff}
footer .copyright a:hover{color: #ccc;}
footer .copyright .up{width: 170px; height: 53px; background-color: #b31111; right: 0; top: 0; border-radius: 8px;}
/*index*/
.iTop{width: 100%; padding-bottom: 20px;}
.iTop .t{display: inline-block; padding: 0 25px; text-align: center; line-height: 85px; border: 3px solid #504c4c; font-size: 30px; color: #b31111; font-family: Arial, Helvetica, sans-serif; min-width: 270px;}
.iTop .title{bottom: 0; line-height: 50px; font-size: 34px; color: #b31111; background-color: #fff;}
.iTop2{border-bottom: 8px solid #b31111;}
.iTop2 h3{line-height: 130%; font-size: 15px; color: #b31111;}
.iTop2 h2{line-height: 160%; font-size: 25px; color: #b31111; padding-left: 20px; background: url(../images/arrowRight.png) no-repeat left center}
.index1{padding: 50px 0}
.index1 .c{margin-top: 50px;}
.index1 .c .intro{flex: 1; margin-left: 40px; line-height: 180%; font-size: 18px; text-indent: 2em;}
.index1 .c .more{width: 130px; height: 38px; margin-top: 30px; background-color: #b31111; border-radius: 6px; text-indent: 0; font-size: 18px; color: #fff;}
.index1 .c .more:hover{text-indent: 5px;}

.index2{width: 100%; padding: 35px 0; background: url(../images/bg_index2.jpg) no-repeat center top; background-size: cover}
.index2>div{width: 100%; padding: 0 60px; max-width: 1920px; margin: 0 auto;}
.index2 .iTop .t{border-color: #fff; background: url(../images/bg_index2_k.png) no-repeat 0 10px; background-size: 100%; color: #fff; border: 0; min-height: 100px;}
.index2 .iTop .title{color: #fff; background: none;}
.index2 .productsSwiper{margin-top: 35px;}
.index2 .productsSwiper img{max-width: 100%}
.index2 .swiper-button-next, .index2 .swiper-button-prev{color: #fff !important; font-weight: bold; margin-top: 0; top: 50%;}
.index2 .swiper-button-prev{left:  10px;}
.index2 .swiper-button-next{right: 10px;}
.index2 .swiper-slide a p{width: 100%; height: 500px; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; top: 50%; left: 0; background: rgba(0, 0, 0, .5); transform: translateY(-40%); font-size: 16px; color: #fff;}
.index2 .swiper-slide a:hover p{-webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; transform: translateY(-50%);}
.index3{padding: 50px 0;}
.indexHonor{width: 44%;}
.indexHonor .honorSwiper{width: 393px; margin: 30px auto;}
.indexHonor .swiper-slide a{width: 393px; height: 281px; background: url(../images/bg_pics.jpg) no-repeat;}
.indexHonor .swiper-slide a .img{width: 300px; height: 204px;}
.indexHonor .swiper-slide a img{width: 300px; height: 204px;}
.indexHonor .swiper-slide a .title{bottom:0;left:0;width:230px;height:27px;background:rgba(0,0,0,0.52);line-height:27px;font-size:14px;color:#fff}
.indexHonor .swiper-slide a:hover .title{color:#efae2e}
.indexHonor .swiper-pagination{text-align: right; width: 100%; bottom: inherit; top: 390px; left: 0; padding-right: 60px;}
.indexHonor .swiper-pagination .swiper-pagination-bullet{background-color: #b31111 !important; opacity: .5; margin-right: 10px;}
.indexHonor .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #b31111 !important;
    opacity: 1;
}
.indexContact{width: 44%;}
.indexContact .intro{padding: 50px 0; line-height: 200%; font-size: 18px;}
/*other*/
.banner{position:relative;z-index:0;width:1142px; margin: 0 auto;margin-bottom:2px;text-align:center}
.banner:after{content:'';position:absolute;z-index:999;bottom:0;left:0;display:block;width:100%;height:232px;background:url(../images/bg_slider.png) center bottom no-repeat}
.banner img{display:block;width:100%;margin:0 auto}
.otherMain{padding: 50px 20px; margin: 25px auto; line-height: 170%; font-size: 20px; color: #b31111;}
.otherMain.bg::before{content: ''; display: block; width: 282px; height: 217px; background: url(../images/rborder.png) no-repeat; position: absolute; right: 0; top: 0;}
.otherMain.bg::after{content: ''; display: block; width: 282px; height: 217px; background: url(../images/lborder.png) no-repeat; position: absolute; left: 0; bottom: 0;}
.positions{margin-bottom:28px;line-height:30px;font-size:14px;color:#000}
.positions a{color:#000}
.positions a:hover{color:#b31111}
/*sidebar*/
aside{width: 250px; height: 100%; padding: 17px 8px 0 8px; margin: 0 21px 15px 0; background-color: #b31111; border-radius: 8px;}
aside li{margin-bottom: 20px;}
aside li a{width: 100%; height: 53px; background-color: #fff; border-radius: 7px; font-size: 25px; color: #b31111;}
aside li a.active, aside li a:hover{background-color: #f9daac;}
/*main content*/
.mainContent{width: 880px}
.thisClassname{line-height: 47px; font-size: 30px; font-weight: bold; color: #b31111;}
.sortname{margin-bottom:13px;text-align:center;line-height:27px;font-size:23px;color:#29221d}
.introduction{padding:24px 0;text-align:justify;line-height:40px;font-size:16px;color:#4c3907; flex:1}
.introduction.nmt{margin-top:0}
.introduction div,.introduction p{font-size:18px;color:#4c3907}
.introduction img{max-width:100%}
.articleImg{width:100%;margin:0 0 0 0;text-align:center}
.articleImg img{display:block;max-width:100%;margin:0 auto}
.articleImg2{width:100%;margin:0 0 22px 0;text-align:center}
.articleImg2 img{display:block;max-width:100%;margin:0 auto}
.articleBody{width:400px;margin:20px 0}
.articleTitle{overflow:hidden;width:100%;padding:39px 0 0;text-align:center;line-height:71px;font-size:36px;color:#b31111; font-weight: bold;}
.articleTime{width:100%;margin-bottom:15px;border-bottom:1px solid #d2d2d2;text-align:center;line-height:38px;font-size:12px;color:#969797}
.articleDes{text-align:center;line-height:28px;font-size:14px;color:#42403f}
.articlePages{margin-top:20px;padding-top:10px;border-top:1px dashed #969797}
.articlePages div{width:50%;font-size:16px;color:#666}
.articlePages a{font-size:16px;color:#333}
.articlePages a:hover{color:#efae2e}
.askNow a{width:165px;height:35px;background:#ea6000;margin:10px auto;line-height:35px;font-size:14px;color:#fff}
.askNow a:hover{background:linear-gradient(to bottom,#f78e45,#ea6000)}
/*新闻列表*/
.newslist{margin:30px 0 0}
.newslist li{height:42px;}
.newslist li a{font-size: 20px; color: #000; background: url(../images/arrowRight.png) no-repeat left center; height: 42px; line-height: 42px; padding-left: 31px;}
.newslist li a .addtime{width: 100px;}
.newslist li a .title{flex: 1;}
.newslist a:hover{color:#b31111}
/*在线留言*/
.guestbook{width:764px;margin:0 0 0 118px}
.guestbook h2{line-height:41px;font-size:24px;color:#333}
.guestbook h2:before,.guestbook h2:after{content:'';display:block;width:25px;height:2px;background:#6e6e6e;position:absolute;z-index:999;top:22px}
.guestbook h2:before{left:231px}
.guestbook h2:after{left:506px}
.guestbook h3{line-height:22px;font-size:12px;color:#999;font-family:Arial, Helvetica, sans-serif}
.guestbook ul{margin-top:29px}
.guestbook li{position:relative;z-index:0;overflow:hidden;width:100%;padding-bottom:25px}
.guestbook li .pm{position:absolute;z-index:999;left:567px;top:0;line-height:39px;color:#000301;font-size:16px;font-weight:bold}
.guestbook .wz{width:198px;padding-right:20px;text-align:right;line-height:31px;font-size:16px;color:#696969}
.guestbook .wbk{width:372px;height:29px;background:none;border:1px solid #b5b5b5;border-radius:5px;line-height:29px;text-indent:5px;font-size:16px;color:#000b05}
.guestbook .wbk2{width:72px;height:29px;background:none;border:1px solid #d0cfd0;border-radius:5px;line-height:29px;tedxt-indent:5px;font-size:16px;color:#000b05}
.guestbook .wby{width:372px;height:220px;background:none;border:1px solid #d0cfd0;border-radius:5px;line-height:39px;font-size:16px;color:#000b05}
.guestbook .wbk:focus,.guestbook .wbk2:focus,.guestbook .wby:focus{border-color:#efae2e}
.guestbook .btnSubmit{width:82px;height:28px;margin:5px 0 0 351px;background:#009cff;border:0;border-radius:4px;line-height:28px;font-size:16px;color:#fff}
/*图片列表*/
.picslist{}
.picslist li{margin-bottom: 70px;}
.picslist li, .picslist li a{width: 393px; height: 281px;}
.picslist li a{background: url(../images/bg_pics.jpg) no-repeat;}
.picslist .img{width: 300px; height: 205px;}
.picslist img{width: 300px; height: 205px;}
.picslist .title{bottom:0;left:0;width:230px;height:27px;background:rgba(0,0,0,0.52);line-height:27px;font-size:14px;color:#fff}
.picslist a:hover .title{color:#efae2e}
/*产品列表*/
.productslist li{width: 19%; margin-right: 1.25%; margin-bottom: 3rem}
.productslist li:nth-child(5n) {margin-right: 0;}
.productslist li .img, .productslist li img{width: 100%}
.productslist a p{width: 100%; height: 500px; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; top: 50%; left: 0; background: rgba(0, 0, 0, .5); transform: translateY(-40%); font-size: 16px; color: #fff;}
.productslist a:hover p{-webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; transform: translateY(-50%);}

.openHtml{overflow:hidden;width:798px;height:533px;background-color:#fff}
.openHtml .h1{position:relative;z-index:0;width:100%;height:46px;border-bottom:1px solid #eee;line-height:46px;text-indent:25px;font-size:14px;font-family:"Microsoft YaHei";color:#333}
.openHtml .close{position:absolute;z-index:999;top:14px;right:17px;display:block;width:13px;height:11px;background:url(../images/close.gif) no-repeat}
.openHtml .htmlContent{overflow:scroll;overflow-x:hidden;overflow-y:auto;width:753px;height:420px;padding:10px 0 0 25px;padding-right:10px;border-bottom:1px solid #ddd;line-height:28px;font-size:14px;font-family:"Microsoft YaHei";color:#333}
.openHtml .closeBlock{position:relative;z-index:0;width:100%;height:54px;margin-top:1px;background-color:#f5f5f5}
.openHtml .close2{position:absolute;z-index:999;top:13px;left:15px;display:block;width:82px;height:30px;background:#2384ef;background:linear-gradient(to bottom, #0080eb, #0565b2);text-align:center;line-height:30px;font-size:14px;font-family:"Microsoft YaHei";color:#fff}

.floatMenu{position:fixed;z-index:99999;_position:absolute;_bottom:expression(eval(document.documentElement.scrollTop+50));right:5px;top:50%;margin-top:-90px;width:56px}
.floatMenu a{display:block;width:56px;height:56px;margin-bottom:4px}
.floatMenu a.qq{background:url(../images/fqq.png) no-repeat}
.floatMenu a.mobile{position:relative;z-index:0}
.floatMenu a.mobile .icon{position:absolute;z-index:999;left:0;top:0;width:56px;height:56px;background:url(../images/fmobile.png) no-repeat}
.floatMenu a.mobile span{position:absolute;z-index:1;top:0;right:15px;width:1px;height:56px;background-color:#ff7777;border-radius:8px 0 0 8px;-moz-border-radius:8px 0 0 8px;-webkit-border-radius:8px 0 0 8px;-khtml-border-radius:8px 0 0 8px;-ms-border-radius:8px 0 0 8px;-o-border-radius:8px 0 0 8px;text-align:center;line-height:56px;font-size:20px;font-weight:bold;font-family:微软雅黑;color:#fff}
.floatMenu a.mobile:hover span{right:45px;width:202px}
.floatMenu a.weixin{position:relative;z-index:0;background:url(../images/fweixin.png) no-repeat}
.floatMenu a.weixin img{*display:none;position:absolute;z-index:999;right:-100px;top:0;width:90px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-opacity:0}
.floatMenu a.weixin:hover img{*display:block;left:-100px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-opacity:1}
.floatMenu a.up{background:url(../images/fup.png) no-repeat}
.floatMenu a.up:hover{background-position:0 -56px}
/*分页*/
.pages{padding:0 0 15px 0;text-align:right}
.pages li{display: inline;}
.pages a,.pages em{display:inline-block;height:28px;margin-right:5px;padding:0 8px;background:#f10011;border:1px solid #fff;line-height:28px;font-size: 14px;color:#fff}
.pages span{display:inline-block;height:28px;margin-right:5px;padding:0 8px;line-height:28px;font-size: 14px;color:#fff}
.pages span.disabled{background:#f10011;color:#fff}
.pages em{background:#efae2e;color:#fff; font-style: normal;}