@charset "utf-8";

/*----公共样式-----*/
.main{width:1200px;margin:0px auto;position:relative;z-index:1;}
.parent{position:relative;}
.nbsp{width:100%;}
.mask{background: rgba(0,0,0,.6);position: fixed;top:0;left:0;bottom:0;right:0;display: none;z-index: 99}
.inspic{width:100%;overflow:hidden;}
.inspic img{width:100%;}
a:hover{color:#3877b7;}
/*head*/



.menu-box{width:100%;height:140px;color:#fff;min-width:1200px;background:#000;}
.logo{width:510px;height:70px;margin-top:35px;}
.logo img{max-width:100%;max-height:70px;display:block;}
.menu{width:620px;height:140px;}
.menu ul li{float:left;height:100%;padding:0 20px;}
.menu ul li a{height:58px;font-size:14px;color:#fff;line-height:60px;display:block;padding-top:40px;border-bottom:2px solid #000;}

.menu ul li.active a{border-color: #fc0000;}
.menu ul li a:hover{border-color: #fc0000;}

.fixsp{height:70px;}
.menubtn{display:none;width:36px;height:30px;position:absolute;top:10px;right:15px;z-index:9;}
.menubtn img{width:100%;}
.tel{height:80px;margin-top:18px;padding-left:45px;line-height:80px;color:#fff;font-size:14px;background:url(youxiang.png) no-repeat left center;}
.tel a{color:#fff;}
/**--banner--*/
/*广告轮播图*/
.banner{width:100%;min-width:1200px;overflow:hidden; }
/* 本例子css */
.slideBox{ width:100%; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:48%; bottom:25px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:12px;  width:12px; height:12px;border-radius:50%; line-height:12px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#fc0000;color:#fc0000; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;line-height:0px; overflow:hidden;}
.slideBox .bd img{ width:100%; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
/**--index main--*/


.main-one,.main-five{width:100%;min-width:1200px;}
.main-one{padding:30px 0 60px;}
.index-title{width:100%;}
.change-name{width:600px;line-height:30px;color:#000;font-size:20px;padding:15px 0;}
.index-title .change-name  span{color:#7c1111;font-size:14px;}
#in-title{width:100%;text-align:center;}

.index-more{width:100px;height:30px;display:block;text-align:center;line-height:34px;border:1px solid #ccc;color:#999;margin-top:15px;}
.index-subtitle{width:100%;line-height:20px;height:20px;padding:15px 0;}
.index-subtitle span{border-left:3px solid #3877b8;padding-left:15px;font-size:18px;color:#333;float:left;font-weight:bold;}
.index-subtitle a{font-size:18px;line-height:20px;color:#3375b9;float:right;}

.picScroll-case{ overflow:hidden; position:relative;width:100%;padding:5px 0;}
.picScroll-case .bd{    }
.picScroll-case .bd ul{ overflow:hidden; zoom:1;}
.picScroll-case .bd ul li{width:380px;float:left;margin:15px 10px 0; }
.picScroll-case .bd ul li h1{height:30px;text-align:center;width:100%;padding:15px 0;border-bottom:1px solid #ccc;}
.picScroll-case .bd ul li h1 a{line-height:30px;color:#333;font-size:20px;}
.inpic-pic-box{}
.inpic-pic-box,.inpic-pic-box img{width:380px;height:230px;}



.main-ab{width:100%;min-width:1200px;padding:200px 0 70px;background:url(abbg.jpg) no-repeat center top;}
.in-ab-box{width:100%;overflow:hidden;height:330px;background:#fff;box-shadow:0px 0px 10px #cecdcd;}
.in-ab-note{width:750px;padding:25px;}
.in-ab-note,.in-ab-note p{line-height:24px;color:#333;}

.rcontact{width:400px;height:330px;background:#fc1919;}
.in-contact{height:219px;padding:25px 35px;}
#i-r-c,#i-r-c span{color:#fff;}
.in-contact p{line-height:100px;font-size:24px;font-weight:bold;color:#fff;letter-spacing:2px;}
.go-lx{display:block;height:60px;border-top:1px solid #f96f6f;background:url(golxbg.png) no-repeat 35px center;text-align:right;color:#ccc;line-height:60px;}



.more1{display:block;width:160px;height:40px;margin:30px auto 0;border:1px solid #fff;border-radius:7px;line-height:40px;text-align:center;color:#fff;}
.more a{display:block;width:120px;height:30px;background:#097fc8;color:#fff;line-height:30px;font-size:14px;text-align:center;}



.main-five{background:#f8f8f8;padding:40px 0 80px;}
.in-news{width:100%;}
.ind-news-box{height:430px;width:100%;}
.ind-bpic,.ind-bpic img{width:480px;height:240px;}
.ind-news-big{width:480px;margin-right:45px;}
.ind-news-big h1{height:34px;border-bottom:1px solid #fff;margin-bottom:10px;}
.ind-news-big h1 a{font-size:16px;color:#fff;display:block;float:left;width:330px;overflow:hidden;}
.ind-news-big h1 span{font-size:13px;color:#fff;float:right;}
.ind-news-big .inn-big p{color:#e5e5e5;line-height:24px;}
.ind-news-big h1 a:hover{color:#3877b7;}
.inn-big{padding:15px 25px 25px;background:#fc1818;}

.ind-news-small{width:670px;padding-bottom:20px;border-bottom:1px solid #e6e6e6;transition:.3s;}
.modal-list-c{height:48px;color:#666;line-height:24px;margin-top:10px;}
.ind-news-small h1{height:30px;}
.ind-news-small h1 a{font-size:16px;line-height:30px;color:#333;display:block;float:left;width:520px;overflow:hidden;}
.ind-news-small h1 span{font-size:13px;color:#666;float:right;}
.mgt25{margin-top:25px;}
.ind-news-small h1 a:hover{color:#3877b7;}
.ind-news-small:hover{padding-left:20px;padding-right:20px;width:630px;}

.pt20{padding-top:20px;}


/***foot**/
.foot{width:100%;min-width:1200px;background:#282828;}
.f-note{padding:20px 0;}
.dibu,.dibu p{color:#fff;line-height:70px;}
.dibu{width:930px;}
.dibu h6{float:left;width:600px;}
.dibu h6:nth-child(2){width:250px;}
.erwei{width:82px;height:81px;padding-right:50px;background:url(d/wx.png) no-repeat 80px center;}
.erwei img,.erwei-add630 img{width:73px;height:73px;border:4px solid #fff;}
.copyright{width:100%;line-height:24px;padding:13px 0;color:#999;text-align:center;border-top:1px solid #3d3d3d;}

.qq{width:39px;padding-top:26px;}

/***内页**/
.dbanner{width:100%;min-width:1200px;line-height:0;}
.dbanner img{width:100%;margin:0 auto;}
.pagehome{width:100%;min-width:1200px;height:60px;background:#f7f7f7;}
.cate-name{width:50%;line-height:50px;font-size:16px;color:#333;}
.location{width:20%;line-height:60px;color:#666;}
.location a{color:#333;}

.pb50{padding-bottom:50px;}
.content{width:100%;min-width:1200px;padding-bottom:50px;}
.ntitle{text-indent:20px;height:62px;border-bottom:1px solid #e6e6e6;color:#333;font-size:24px;line-height:62px;}

.cate{width:80%;height:30px;text-align:right;padding:14px 0;}
.cate li{display:inline-block;}
.cate li a{display:block;line-height:30px;color:#333;font-size:16px;height:30px;background:url(d/catex.png) no-repeat left center;padding:0 15px;}

.cate li a.anb{background:none}
.cate li a:hover{background:#fc0000; color:#fff;}
#hov{background:#fc0000; color:#fff;}

.pro-cate li{text-align:left;text-indent:55px;}
.subcate{background:#e6e6e6;padding:7px 0;text-indent:55px;display:none;}
.subcate a{line-height:28px;color:#666;display:block;}
.subcate a:hover{color:#d6000f;}
#phov{color:#d6000f;background:url(d/cateup.png) no-repeat 195px center; background-color:#f2cc34;}


.bt-title{height:70px;}
.bt-title h1{color:#333;font-size:24px;line-height:36px;}
.bt-title p{color:#666;font-size:14px;line-height:26px;}




.msgcontent{font-size:15px;line-height:28px;padding:20px 50px;color:#777;}
.msgcontent p{font-size:15px;line-height:28px;color:#777;}
.msgcontent img{max-width:100%;}
.msg-title{text-align:center;margin-bottom:15px;border-bottom:1px solid #ececec;}
.msg-title h1{font-size:24px;color:#333;}
.msg-title p{font-size:12px;color:#999;margin:10px 0;}

.listcontent{padding:20px 0px;}

.video-page{-webkit-box-sizing:border-box;box-sizing:border-box;color:1px solid #333}
.mab{float:left;margin:0 20px 20px 0;}
.abp p{padding:15px 0;line-height:24px;border-bottom:1px solid #e6e6e6;}
.abp h1{font-size:18px;color:#333;}
/*新闻*/
.newslist li{height:125px;padding:30px 0;border-bottom:1px solid #ccc;transition:.3s;}
.newslist table{width:100%;height:100%;}
.newslist table tr td img{width:250px;height:125px;}
.newslist table tr td h1{width:100%;height:38px;}
.newslist table tr td h1 a{display:block;float:left;width:80%;font-size:18px;color:#333;}
.newslist table tr td h1 span{display:block;float:right;color:#666;line-height:34px;}
.newslist table tr td .news-c{line-height:24px;height:48px;overflow:hidden;color:#666;}
.newslist table tr td h1 a:hover{text-decoration:underline;color:#fc0000;}
.newslist table tr td h6{height:32px;text-align:right;}
.newslist table tr td h6 a{width:120px;height:32px;background:url(newsgo1.png) no-repeat left center;display:inline-block;}
.newslist table tr td h6 a:hover{background:url(newsgo.png) no-repeat left center;}
.newslist li:hover{padding:30px 20px;}

/*产品*/
.three-item{width:380px;height:292px;float:left;margin-bottom:30px;}
.pro-details-pic{width:380px;height:230px;}
.pro-details-pic a.abtn{position:absolute;left:0;top:0;z-index:9;display:block;width:100%;height:100%;background:url(d/jia.png) no-repeat;opacity:0;}
.three-item h1{height:30px;text-align:center;line-height:30px;padding:15px 0;border-bottom:2px solid #ccc;}
.three-item h1 a{display:block;color:#333333;font-size:20px;}
.three-item:nth-child(3n-1){margin:0 30px 30px;}
.three-item:hover h1 a{color:#fc0000;}
.three-item:hover .pro-details-pic a.abtn{opacity:1;transition:1s;}

/* 本例子css */
.proScroll{ width:300px;overflow:hidden; position:relative;background:#fff;   }
.proScroll .prev ,.proScroll .next{display:block; width:32px; height:32px;  overflow:hidden;cursor:pointer;position:absolute;top:134px;z-index:7}
.proScroll .next{ background:url(leftbtn.png) no-repeat;  right:5px;}
.proScroll .prev{ background:url(rightbtn.png) no-repeat;  left:5px;}
.proScroll .bd{ }
.proScroll .bd ul{ overflow:hidden; zoom:1; }
.proScroll .bd ul li{ margin:0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.proScroll .bd ul li .pic img{width:300px;height:300px;}

/*客户*/
.kehu-item{width:380px;height:280px;float:left;margin-bottom:30px;}
.kehu-details-pic{width:350px;height:170px;padding:29px 14px;border:1px solid #e6e6e6;}
.kehu-details-pic a.abtn{position:absolute;left:0;top:0;z-index:9;display:block;width:100%;height:100%;background:url(d/jia.png) no-repeat;opacity:0;}
.kehu-item h1{height:30px;text-align:center;line-height:30px;padding:10px 0;}
.kehu-item h1 a{display:block;color:#333333;font-size:20px;}
.kehu-item:nth-child(3n-1){margin:0 30px 30px;}
/*
.kehu-item:hover{box-shadow:2px 2px 5px #ccc;}
.kehu-item:hover h1 a{color:#fc0000;}
.kehu-item:hover .pro-details-pic a.abtn{opacity:1;transition:1s;}
*/

/*经销*/
.desbox{padding:0 85px 50px;text-align:center;}
.desbg{background:#f7f7f7;}


.book{width:950px;margin:30px auto;}
.book table{width:100%;}
.book table tr{height:60px;}
.book table tr td{width:33.33%;}
.book input[type=text],.book select{width:300px;height:38px;border:1px solid #e1e7ee;line-height:48px;color:#999;text-indent:20px;}
.book input[type=submit]{width:200px;height:50px;background:#fc0000;border:none;text-align:center;line-height:50px;font-size:18px;color:#fff;}
.book textarea{width:98%;border:1px solid #e1e7ee;height:72px;margin-top:30px;line-height:24px;text-indent:10px;}
.book p{margin-top:50px;}


/*联系*/
.lx-c{padding:0 50px;}
.lxnote{width:1100px;line-height:24px;color:#333;padding:40px 0px;border-bottom:1px solid #ccc;margin:0 auto 50px;}
.lxnote h1{padding:15px 20px 15px 90px;line-height:26px;font-size:16px;color:#333;width:240px;float:left;min-height:80px;}
.lxnote h1:nth-child(2){margin: 0 20px;}
.lxnote p{line-height:26px;color:#333;}
/*加入我们*/
.toggle .item{width:100%;}
.toggle .item .btn{padding:20px;background:url(d/left.png) 20px center no-repeat;padding-left:40px;cursor:pointer;font-size:18px;border-bottom: #ccc solid 1px;font-weight:bold;}
.toggle .item.active .btn{background:url(d/down.png) 20px center no-repeat}
.toggle .item .detials{padding:10px 20px;display:none;color:#777}

/* 公共分页样式*/
.page{ height:25px;  padding:25px 0px;}
.page span{ margin:1px; border:1px solid #CCC; padding:5px 10px;}
.page a{ margin:2px; color:#808080;}
.hover{ color:#F00}

#particles-js{
	position:absolute;
	left:0;
	top:0;
  width: 100%;
  height: 100%;
  z-index:1;
 /* background-color: #b61924;*/
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}