@charset "utf-8";
@import url('reset.css');
@import url('animate.min.css');
@import url('//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
html,body{font-family:"fnuo Roboto Condensed","微软雅黑",'宋体',sans-serif;height:100%}
a{background:transparent;text-decoration:none;color:#9d9d9d}a:active,a:hover{outline:0}a:hover{text-decoration:none;color:#c91f3a}
.wrapper{overflow:hidden;width:1200px;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;999}
.bz{box-sizing:border-box}
.b{font-weight:bold}
.i{font-style:italic}
.crp{cursor:pointer}
.muato{margin:0 auto}
.cz{cursor:pointer}
.hidden{display:none !important}
@keyframes slideDown{0%{top:35px;opacity:0}to{top:39px;opacity:1}}@-webkit-keyframes slideDown{0%{top:35px;opacity:0}to{top:39px;opacity:1}}
.xz360:hover{transform:rotate(360deg)}
.xzY360:hover{transform:rotateY(360deg)}
.transition1s{transition-property:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
/*nav*/
nav.pc{z-index:10000;overflow:visible;width:100%;height:120px;background:#24272c}
nav.pc .logo{top:0;left:22px;width:auto;height:120px;box-shadow:0 0 5px #666}
nav.pc  .wrapper{width:62.5%;overflow:visible !important}
nav.pc ul{width:100%;margin-top:38px}
nav.pc li{position:relative;z-index:9999999;height:44px}
nav.pc li .a{position:relative;z-index:0;display:block;height:43px;margin:0 27px;text-align:center;line-height:43px;font-size:16px;color:#8e8e8e}
nav.pc li .a:hover,nav.pc li .a.active{color:#fff;border-bottom:1px solid #fff}
nav.pc .dl{overflow:hidden;display:none;position:absolute;z-index:999;top:39px;left:0;width:100%;background:#000;padding:5px 0;text-align:center;-webkit-animation:slideDown 0.3s 1;-khtml-animation:slideDown 0.3s 1;animation-direction:alternate}
nav.pc dt{overflow:hidden;width:100%;height:32px}
nav.pc dt a{overflow:hidden;display:block;width:100%;height:32px;text-align:center;line-height:32px}
nav.pc dt a:link,nav.pc dt a:visited{font-size:14px;color:#fff}
nav.pc dt a:hover{background-color:#c91f3a;text-decoration:none;font-size:14px;color:#fff}
nav.pc .lan{right:0;top:0;width:117px;height:120px;background:#c91f3a;line-height:120px;font-size:16px;color:#fff}
nav.pc.active{position:fixed;z-index:999999;left:0;top:0;height:100px}
nav.pc.active ul{margin-top:28px}
nav.pc.active .lan{height:100px;line-height:100px}
/*footer*/
footer{position:relative;z-index:0;width:100%;background:#161719}
footer .t{padding:49px 0 55px 0}
footer .t .aboutus{width:597px}
footer .t .aboutus .ts{line-height:53px;font-size:28px;color:#fff}
footer .t .aboutus .body{margin-top:17px;line-height:26px;font-size:16px;color:#fff}
footer .contactusName{width:132px;line-height:32px;margin-top:10px;font-size:14px;color:#fff}
footer .contactusName i{margin-left:10px;font-size:16px;color:#c91f3a}
footer .contactus{width:350px;margin:10px 0 0 74px}
footer .contactus h2{line-height:32px;margin-bottom:5px;font-size:14px;color:#fff}
footer .contactus h2 i{margin-right:8px}
footer .contactus h2:first-child i{margin-right:12px}
footer .contactus h2:last-child i{margin-right:13px}
footer .b{padding:25px 0;border-top:1px solid #363532}
footer .copyright{line-height:33px;font-size:14px;color:#fff}
footer .copyright *,footer .copyright a{color:#fff}
footer .b .fr{line-height:33px;font-size:0}
footer .b .fr img{margin-right:14px;vertical-align:middle}
footer .up{position:absolute;z-index:999;top:0;right:225px;width:50px;height:40px;background:url(../images/up.gif) no-repeat}
/*topSliders*/
.topSliders{width:100%;height:auto;background:#000}
.sliders-swiper-container{width:100%;height:auto}
.sliders-swiper-container .swiper-slide{width:100%;height:auto}
.sliders-swiper-container .swiper-wrapper img{width:100%;height:auto}
.topSliders .swiper-pagination{bottom:20px !important}
.topSliders .swiper-pagination-bullet{background:#fff;opacity:1 !important;width:12px;height:12px}
.topSliders .swiper-pagination-bullet-active{background:#c91f3a}
/*index*/
.index1{padding:59px 0 62px 0;background:#f1f2f6}
.index1 .wrapper{overflow:visible}
.index1 .title{line-height:54px;font-size:30px;color:#333}
.index1 .body{width:510px;padding:148px 0 0 6px;line-height:36px;font-size:18px;color:#333}
.index1 img.fr{width:578px;margin:90px 32px 0 0;box-shadow:0 0 15px #ccc}
.index2{overflow:visible !important;padding:48px 0}
.index2 .wrapper{overflow:visible !important}
.index2 h2.text-center{height:60px;font-size:0;margin-bottom:61px}
.index2 h2.text-center span{line-height:58px;padding:0 23px;font-size:30px;color:#000;border-bottom:2px solid #c91f3a}
.products-swiper-wrapper{width:1232px}
.products-swiper-wrapper .swiper-slide{width:308px;height:350px}
.products-swiper-wrapper .swiper-slide .img,.products-swiper-wrapper .swiper-slide img{width:269px;height:221px}
.products-swiper-wrapper .swiper-slide .img{border:1px solid #e2e2e2}
.products-swiper-wrapper .swiper-slide .title{margin-top:10px;min-width:108px;max-width:271px;height:50px;line-height:50px;font-size:18px;color:#000;border-bottom:2px solid #c91f3a}
.products-swiper-wrapper .swiper-slide .body{width:271px;margin-top:13px;max-height:40px;line-height:20px;font-size:14px;color:#000}
.products-swiper-wrapper .swiper-slide a:hover .img{border-color:#c91f3a}
.products-swiper-wrapper .swiper-slide a:hover .title,.products-swiper-wrapper .swiper-slide a:hover .body{color:#c91f3a}
.index2 .products-swiper-button-prev,.index2 .products-swiper-button-next{z-index:10000;width:49px;height:49px;background:#e0e0e0;border-radius:50px;top:215px;line-height:49px;font-size:24px}
.index2 .products-swiper-button-prev{left:-70px}
.index2 .products-swiper-button-next{right:-70px}
.index2 .swiper-button-disabled{opacity:0.5}
.index2 .swiper-pagination{position:static;margin-top:51px}
.index2 .swiper-pagination-bullet-active{background:#c91f3a}
.index3 a.ts{width:164px;margin:40px 0 0 82px;line-height:49px;background:#c91f3a;font-size:18px;color:#fff}
.index3 a.ts:hover{margin-left:92px}
.index4{padding:55px 0 47px 0}
.index4 .wrapper{height:961px}
.index4 h2.ts{margin-top:89px;line-height:59px;font-size:36px;color:#343434}
.index4 .body{margin-top:20px;line-height:32px;font-size:18px;color:#666;width:306px}
.index4 .img0{top:319px;left:397px;width:402px;height:319px}
.index4 .img0 img{width:402px;height:319px}
.index4 .ct{width:96px;margin-top:20px;line-height:25px;font-size:14px;color:#343434}
.index4 .ct i{margin-left:30px;font-size:12px;color:#c91f3a}
.index4 .ct:hover{color:#c91f3a}
.index4 .div{overflow:hidden;width:402px;height:319px}
.index4 .div .img,.index4 .div .img img{width:402px;height:319px}
.index4 .div.div1{top:0;left:397px}
.index4 .div.div2{width:401px;height:321px;top:319px;left:799px}
.index4 .div.div2 .img,.index4 .div.div2 .img img{width:401px;height:321px}
.index4 .div.div3{width:397px;height:321px;top:638px;left:0}
.index4 .div.div3 .img,.index4 .div.div3 .img img{width:397px;height:321px}
.index4 .div.div4{width:401px;height:318px;top:638px;left:799px}
.index4 .div.div4 .img,.index4 .div.div4 .img img{width:401px;height:318px}
.index4 .div a{width:402px;height:319px}
.index4 .a .img{z-index:-1;width:402px;height:319px}
.index4 .a .img img{z-index:-1;width:402px;height:319px}
.index4 .a .bg{z-index:0;top:0;left:0;width:402px;height:319px;background:rgba(0,0,0,0.6)}
.index4 .a .icon{margin:83px 0 0 23px}
.index4 .a .title{margin:0 23px;height:59px;line-height:59px;font-size:30px;color:#fff}
.index4 .a .body{margin:0 23px;max-height:56px;line-height:28px;font-size:18px;color:#dfdfdf}
@media only screen and (max-width:1339px)
{
.index2 .products-swiper-button-prev{left:0}
.index2 .products-swiper-button-next{right:0}
}
.index3{width:100%;height:768px;background:url(../images/bg_index3.png) center top no-repeat}
.index3 .wrapper{height:768px}
.index3 h2.title{padding-left:82px;margin-top:178px;line-height:51px;font-size:30px;color:#353535}
.index3 h2.title:before{content:'';position:absolute;z-index:999;top:22px;left:0;display:block;width:56px;height:6px;background:#c91f3a}
.index3 .body{width:680px;margin:41px 0 0 82px;line-height:27px;font-size:16px;color:#333}
.index3 ul.pa{top:158px;right:187px}
.index3 ul.pa li{line-height:50px;margin-bottom:155px;font-size:20px;color:#343434}
/*other*/
.mains{}
.otherMain{margin:25px auto 15px auto;min-height:200px}
.positions{position:relative;z-index:0;width:100%;height:33px;font-size:0}
.positions span{height:32px;padding-bottom:11px;background:url(../images/bg_positions.gif) left bottom no-repeat;font-size:14px;color:#333}
.positions span a{font-size:14px;color:#050000}
.positions span a:hover{text-decoration:none;color:#006830}
.positions span a:last-child{color:#006830}
.banner{width:100%}
.banner img{display:block;width:100%;margin:0 auto}
/*sidebar*/
.sidebar{width:227px;margin-bottom:20px;border:1px solid #ccc}
.sidebar .t{line-height:50px;background:#c91f3a;text-indent:20px;font-size:16px;color:#fff}
.sidebar .t i{right:10px;top:20px;font-size:16px}
.sidebar .sort{width:100%}
.sidebar .sort a{display:block;padding:7px 30px;border-bottom:1px solid #666;line-height:25px;font-size:14px;color:#4b4b4b;text-decoration:none}
.sidebar .sort li:last-child a{border-bottom:0}
.sidebar .sort a:hover,.sidebar .sort a.active{background:#ccc;color:#333}
.mainContents{width:937px;min-height:300px}
/*main content*/
.mainContent{overflow:hidden;width:940px}
.mainContent .classname{margin-bottom:20px;line-height:40px;border-bottom:1px solid #d2d2d2;margin-bottom:20px;font-size:18px;text-indent:10px}
.introduction{padding:12px 20px;text-align:justify;line-height:35px;font-size:14px;color:#2e2e2c}
.introduction.nmt{margin-top:0;padding-top:20px}
.introduction div,.introduction p{font-size:14px;color:#2e2e2c}
.introduction img{max-width:100%}
.introduction .none{width:100% !important}
.introduction .none,.introduction .none tr,.introduction .none td{border:0 !important}
.articleImg{width:100%;margin:45px 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}
.aImg{width:100%;text-align:center}
.aImg img{display:block;max-width:100%;margin:0 auto}
.articleBody{width:400px;margin:20px 0}
.articleTitle{overflow:hidden;width:100%;padding:15px 0;text-align:center;line-height:40px;font-size:24px;color:#151515}
.aTitle{overflow:hidden;width:100%;text-align:center;line-height:40px;font-size:24px;font-weight:bold;color:#c91f3a}
.articleTime{width:100%;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;line-height:200%;font-size:16px;color:#151515}
.articlePages div{font-size:16px;color:#151515}
.articlePages a{font-size:16px;color:#151515}
.articlePages a:hover{color:#8fc51f}
/*新闻列表*/
.newslist{margin:0 20px}
.newslist li{width:100%;height:38px}
.newslist a{width:100%;height:38px;line-height:38px}
.newslist a i{margin-right:10px}
.newslist a span.title{width:800px;line-height:38px;font-size:16px;color:#666}
.newslist a span.addtime{width:80px;line-height:38px;font-size:16px;color:#666}
.newslist a:hover .title,.newslist a:hover .addtime{color:#c91f3a}
/*产品*/
.productslist{width:924px;margin:10px 25px 0}
.productslist li{width:308px;height:355px}
.productslist .img,.productslist img{width:269px;height:269px}
.productslist .img{border:1px solid #e2e2e2}
.productslist .title{margin-top:10px;min-width:108px;max-width:271px;height:50px;line-height:50px;font-size:18px;color:#000;border-bottom:2px solid #c91f3a}
.productslist .body{width:271px;margin-top:13px;max-height:40px;line-height:20px;font-size:14px;color:#000}
.productslist a:hover .img{border-color:#c91f3a}
.productslist a:hover .title,.productslist a:hover .body{color:#c91f3a}
.productImg{width:400px;height:400px;line-height:400px;font-size:0;border:1px solid #ccc}
.productImg img{max-width:100%;vertical-align:middle}
.productMemo{width:500px}
.productMemo h2{margin-bottom:15px;line-height:200%;font-size:18px;border-bottom:1px solid #ccc}
.productMemo li{line-height:180%;font-size:14px}
/*图片列表*/
.picslist{width:924px;margin:10px 25px 0}
.picslist li{width:308px;height:320px}
.picslist .img,.picslist img{width:269px;height:221px}
.picslist .img{border:1px solid #e2e2e2}
.picslist .title{margin-top:10px;min-width:108px;max-width:271px;height:50px;line-height:50px;font-size:18px;color:#000;border-bottom:2px solid #c91f3a}
.picslist a:hover .img{border-color:#c91f3a}
.picslist a:hover .title,.picslist a:hover .body{color:#c91f3a}
/*图片列表2*/
.picslist2{width:960px;margin:10px 5px 0}
.picslist2 li{width:160px;height:173px}
.picslist2 .img,.picslist2 img{width:130px;height:120px}
.picslist2 .img{border:1px solid #e2e2e2}
.picslist2 .title{width:132px;height:40px;line-height:40px;font-size:14px;color:#000a}
.picslist2 a:hover .img{border-color:#c91f3a}
.picslist2 a:hover .title,.picslist2 a:hover .body{color:#c91f3a}
/*在线留言*/
.guestbook{width:443px;margin-left:270px;border:1px solid #c9c9c9;padding:24px 0 0 0}
.guestbook ul{}
.guestbook li{position:relative;z-index:0;overflow:hidden;width:100%;padding-bottom:24px}
.guestbook .wz{width:154px;padding-right:10px;text-align:right;line-height:39px;font-size:21px;color:#000}
.guestbook .wbk{box-sizing:border-box;width:237px;height:39px;background:none;border:1px solid #cdcdcd;line-height:37px;text-indent:5px;font-size:16px;color:#000b05}
.guestbook .wbk2{box-sizing:border-box;width:137px;height:39px;background:none;border:1px solid #cdcdcd;line-height:37px;text-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:#0359a8}
.guestbook .btnSubmit{width:82px;height:28px;margin:0 0 0 164px;background:#009cff;border:0;border-radius:5px;line-height:28px;font-size:16px;color:#fff}

.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}

/*分页*/
.pages{overflow:hidden;width:100%;padding:30px 0 0;text-align:center;line-height:32px;font-size:14px;color:#666}
.pages a,.pages span{display:inline-block;*display:inline;*zoom:1;height:32px;margin-right:10px;padding:0 10px;border:1px solid #c8c8c8;line-height:32px;border-radius:5px}
.pages a.active{background-color:#1c8542;color:#fff}
/*up*/
.up{color:#fff;text-align:center;position:fixed;width:50px;height:50px;line-height:50px;background:rgba(0, 0, 0, 0.81);border:1px solid #ccc;bottom:30px;right:20px;cursor:pointer}
.up:hover{background:#c91f3a}
.up i{font-size:20px}
.up:hover i{color:#fff}
.hidden-pc{display:none}
@media only screen and (max-width:786px)
{
  *{box-sizing:border-box}
  .wrapper{width:100%;padding:0 2%}
  .hidden-m{display:none !important}
  .hidden-pc{display:block !important}
  header{height:auto}
  header div,header h2{line-height:35px;font-size:14px}
  nav.pc{width:100%;height:100px;overflow:hiddenp;mine-height:100px}
  nav.pc .logo{height:100px;margin:0 auto}
  nav.pc .lan{display:none}
  nav.pc .wrapper{position:relative;z-index:0}
  nav.pc .mnav{position:absolute;z-index:999;right:10px;top:30px;display:block;width:44px;height:44px;background:#c91f3a;line-height:44px;border-radius:50%;font-size:18px;color:#fff}
  .up{right:5px;bottom:5px;width:30px;height:30px;line-height:30px}
  footer{padding:20px 2%}
  footer .t .aboutus .ts{line-height:180%;font-size:24px}
  footer .t .aboutus .body{line-height:160%;font-size:14px}
  footer .contactusName{width:80px}
  footer .contactus{width:100%;margin:0;padding:10px 4%}
  footer .t{padding:0}
  .topSliders{height:auto}
  .sliders-swiper-container{margin:0}
  .topSliders .swiper-pagination{bottom:10px}
  .sliders-swiper-container,.sliders-swiper-container .swiper-slide{width:100%;height:auto;text-align:center}
  .sliders-swiper-container .swiper-wrapper img{width:100%;height:auto}
  .mainContent{width:100%}
  .sidebar{width:100%}
  .newslist{margin:0}
  .newslist a{position:relative;z-index:0;padding-right:80px}
  .newslist a span.title{width:100%;font-size:14px}
  .newslist a span.addtime{right:0;top:0;position:absolute;z-index:999;font-size:14px}
  .productslist,.picslist{width:100%;margin:10px 0}
  .productslist li,.picslist li{width:48%;height:auto}
  .productslist li:nth-child(2n+1),.picslist li:nth-child(2n+1){clear:both}
  .productslist li:nth-child(2n+2),.picslist li:nth-child(2n+2){margin-left:4%}
  .productslist .img,.productslist .img img,.picslist .img,.picslist .img img{width:100%;height:auto}
  .productslist .title,.picslist .title{font-size:16px}
  .productslist .body,.picslist .body{width:100%;font-size:14px}
  .productImg{width:100%;height:auto}
  .productImg img{display:block;width:100%;height:auto}
  .productMemo{width:100%;margin:15px 0 0}
  .index1{padding:20px 0}
  .index1 .title{line-height:180%;font-size:18px}
  .index1 .body{width:100%;padding-top:20px;line-height:160%;font-size:14px;text-indent:2em}
  .index1 img.fr{width:100%;margin:20px 0 0}
  .index2{padding:20px 0}
  .index2 h2.text-center{margin-bottom:20px}
  .index2 h2.text-center span{font-size:18px;line-height:180%}
  .products-swiper-wrapper{width:100%}
  .products-swiper-wrapper .swiper-slide{height:auto}
  .products-swiper-wrapper .swiper-slide .img, .products-swiper-wrapper .swiper-slide img{width:100%;height:auto}
  .products-swiper-wrapper .swiper-slide .img{width:92%;margin:0 auto}
  .products-swiper-wrapper .swiper-slide .body{width:92%;margin:0 auto}
  .index3{height:auto;padding:20px 0;background:none;background-color:#eee}
  .index3 .wrapper{height:auto}
  .index3 h2.title{margin-top:0;line-height:180%;font-size:18px}
  .index3 .body{width:100%;margin:0;padding:20px 0;line-height:160%;font-size:14px}
  .index3 a.ts{margin:0 auto;max-width:50%}
  .index3 ul.pa{top:0;right:0;position:static;display:none}
  .index4{padding:20px 0}
  .index4 .wrapper{height:auto}
  .index4 h2.ts{margin:0;line-height:180%;font-size:18px}
  .index4 .body{line-height:160%;font-size:14px}
  .index4 .img0 img,.index4 .img0{position:static;top:0;left:0;width:100%;height:auto}
  .index4 .img0{margin-top:20px}
  .index4 .div img.img,.index4 .div{position:static;top:0;left:0;width:100%;height:auto;margin-top:20px}
}