@charset "utf-8";

/*----公共样式-----*/
body{background:#f7f7f7;}
.main{width:1200px;margin:0px auto;position:relative;}
.parent{position:relative;z-index:3;}
.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%;}
#qb-sougou-search,.last-btn,iframe{ display:none}
/*head*/

.head-box{height:126px;width:100%;background:#fff;}
.logo{width:330px;height:60px;margin-top:33px}
.logo img{width:100%;display:block;max-height:60px;}
.menu-box{width:630px;height:126px;color:#262626;}
.menu{width:100%;}
.menu li{float:left;margin:0 15px;height:126px;position:relative;}
.menu li>a{font-size:14px;color:#262626;line-height:126px;padding:5px 0;}
.menu li.last{margin-right:0px;}
.menu li.active>a{border-bottom:1px solid #00479d;}
.menu li:hover>a{ border-bottom:1px solid #00479d;}

.fixsp{height:70px;}
.menubtn{display:none;width:36px;height:30px;position:absolute;top:10px;right:15px;z-index:9;}
.menubtn img{width:100%;}

.subnav{position:absolute;width:150px;left:-46px;top:88px;z-index:999;display:none;border:1px solid #ccc;box-sizing: border-box;}
.subnav a{width:100%;height:46px;background:url(navbg.png) repeat-x left top;line-height:46px;color:#666;display:block;text-align:center;}
.subnav a:hover{background:url(navhov.png) repeat-x left top;}

#spnav{width:400px;left:-172px;}
#spnav a{width:50%;float:left;}
/**--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:47%; bottom:50px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:15px;  width:10px; height:10px;border-radius:50%; line-height:10px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#046ab5; color:#046ab5; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.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-notice{width:100%;min-width:1200px;height:40px;background:#f7f7f7;}
/* 本例子css */
.txtScroll-top{ width:1100px;padding:20px 34px 20px 66px;overflow:hidden; position:absolute;top:-40px;left:0; background:url(gg.png) no-repeat 17px center;background-color:#fff;height:40px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);  }
.txtScroll-top .bd{ overflow:hidden; }
.txtScroll-top .infoList li{ height:40px; line-height:40px;   }
.txtScroll-top .infoList li a{ float:left; color:#333;  }
.txtScroll-top .infoList li span{ float:right; color:#666;  }





.main-one{padding:30px 0px 50px;height:400px;background:url(onebg.png) no-repeat center bottom;}
.in-title{height:50px;width:100%;}
.in-title h1{width:100%;height:50px;line-height:50px;color:#333;font-size:24px;}
.in-title span{width:100%;line-height:50px;color:#888;font-size:14px;}
.in-title h1 a:hover{text-decoration:underline;}

.inab-box{width:660px;}
.inab-c{line-height:30px;color:#666;height:260px;overflow:hidden;margin-bottom:35px;}
.inab-c h1{font-size:18px;color:#333;line-height:50px;}
.inab-c p{line-height:30px;color:#666;}

.zs-box{width:300px;padding:60px;}
.picScroll-left{ width:100%; overflow:hidden; position:relative;}

.picScroll-left .prev,.picScroll-left .next{ display:block;  width:14px; height:20px;  margin-top:130px;  overflow:hidden;
	 cursor:pointer; }
.picScroll-left .next{ background:url(left.png) no-repeat center;float:left; }
.picScroll-left .prev{ background:url(right.png) no-repeat center;float:right;  }


.picScroll-left .bd{ float:left;margin-left:32px;width:200px;overflow:hidden;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:200px; height:290px; display:block; }
.picScroll-left .bd ul li .title{ line-height:30px;height:60px;overflow:hidden;width:100%; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }
.picScroll-left .bd ul li:hover .title a{ color:#00479d;  }



.main-two{background:#fff;width:100%;min-width:1200px;padding:40px 0 50px;}
/* 本例子css */
.slideTxtBox{ width:100%;  position:relative;}
.slideTxtBox .hd{ height:50px;width:700px; position:absolute;top:-60px;right:0px;z-index:99; }
.slideTxtBox .hd ul{width:100%;text-align:right;}
.slideTxtBox .hd ul li{ width:110px;height:30px;display:inline-block; cursor:pointer;line-height:30px;text-align:center;color:#666;font-size:14px;overflow:hidden;  }
.slideTxtBox .hd ul li.on{ background:#00479d; color:#fff; }
.slideTxtBox .bd ul{zoom:1;  }
.slideTxtBox .bd ul li{width:380px;float:left;margin-bottom:30px;}
.slideTxtBox .bd ul li:nth-child(3n-1){margin-left:28px;margin-right:28px;}
.case-box img{width:380px;height:240px;}
.case-box h1{height:78px;line-height:78px;overflow:hidden;}
.case-box h1 a{color:#333;}
.case-box .xian{height:3px;width:100%;background:url(xian.png) repeat-x left bottom;}
.case-box .xian h3{height:2px;width:0;border-bottom:1px solid #00479d;transition:width .3s;}
.case-box .list-more{display:block;width:90px;height:34px;background:url(more.png) no-repeat center;margin-top:20px;}
.case-box:hover .xian h3{width:100%;}

.case-cate{padding:15px 0;}
.case-cate a{padding:0 15px;line-height:30px;color:#666;font-size:14px;display:inline-block;margin-right:20px;margin-bottom:5px;}
.case-cate a.on{ background:#00479d; color:#fff;}
.d-list-case li{width:380px;float:left;margin:0 9px 30px;}


.more{width:100%;height:50px;}
.more a{display:block;width:140px;height:40px;background:#f7f7f7;color:#666666;line-height:40px;font-size:14px;text-align:center;border:1px solid #ccc;}
.mt60{margin-top:60px;}

.about-box{margin-top:20px;}
.about-text{width:585px;height:600px;overflow:hidden;}
.about-text,.about-text p{font-size:16px;color:#333;line-height:36px;}
.about-pic{width:585px;height:600px;}
.about-pic img{width:585px;height:600px;}


.main-three{width:100%;min-width:1200px;padding:30px 0;background:#f8f8f8;}
.slideNewsBox{ width:100%;  position:relative;margin-top:30px;}
.slideNewsBox .hd{ height:50px;width:700px; position:absolute;top:-60px;right:0px;z-index:99; }
.slideNewsBox .hd ul{width:100%;text-align:right;}
.slideNewsBox .hd ul li{ width:110px;height:30px;display:inline-block; cursor:pointer;line-height:30px;text-align:center;color:#666;font-size:14px;  }
.slideNewsBox .hd ul li.on{ background:#00479d; color:#fff; }
.slideNewsBox .bd ul{zoom:1;  }
.slideNewsBox .bd ul li{width:670px;float:left;border-bottom:1px solid #ccc;}
.slideNewsBox .bd ul li.bigli{width:480px;border:none;margin-right:45px;}
.slideNewsBox .bd ul li.bigli img{width:100%;height:327px;}
.slideNewsBox .bd ul li.bigli .bigli-c{padding:0 20px;background:#1858a6;color:#fff;}
.slideNewsBox .bd ul li.bigli .bigli-c h1{height:66px;line-height:66px;}
.slideNewsBox .bd ul li.bigli .bigli-c h1 a{color:#fff;float:left;font-size:16px;transition:all .3s;}
.slideNewsBox .bd ul li.bigli .bigli-c h1 span{color:#ccc;float:right;font-size:13px;}
.slideNewsBox .bd ul li.bigli .bigli-c div{padding:10px 0;height:130px;}
.slideNewsBox .bd ul li.bigli .bigli-c div,.slideNewsBox .bd ul li.bigli .bigli-c div p{line-height:24px;color:#fff;font-size:13px;}
.slideNewsBox .bd ul li h2{height:32px;line-height:20px;}
.slideNewsBox .bd ul li h2 a{color:#333;float:left;font-size:15px;transition:all .3s;}
.slideNewsBox .bd ul li h2 span{color:#888;float:right;font-size:13px;}
.slideNewsBox .bd ul li .litwo-c{padding:10px 0;}
.slideNewsBox .bd ul li .litwo-c,.slideNewsBox .bd ul li .litwo-c p{line-height:22px;font-size:13px;color:#666;}
.slideNewsBox .bd ul li h3{height:78px;line-height:78px;}
.slideNewsBox .bd ul li h3 a{color:#333;float:left;font-size:14px;transition:all .3s;}
.slideNewsBox .bd ul li h3 span{color:#888;float:right;font-size:13px;}
.slideNewsBox .bd ul li:hover h2 a,.slideNewsBox .bd ul li:hover h3 a{padding-left:15px;color:#00479d;}
.slideNewsBox .bd ul li:hover h1 a{padding-left:15px;}

.three-item{width:380px;float:left;overflow:hidden;display:block;}
.three-item:nth-child(3n-1){margin:0 30px;}
.three-item h1{height:50px;line-height:50px;color:#333;font-size:18px;}
.news-text{line-height:26px;color:#666;}


.one-title{height:62px;width:100%;text-align:center;}
.one-title a{display:block;width:100%;height:100%;line-height:62px;color:#333;font-size:16px;background:#fff;}


/***foot**/
.foot{background:#333;padding-top:30px;}
.foot-one{padding-bottom:15px;}
.in-contact{float:left;width:800px;color:#ccc;line-height:24px;}
.in-contact p{color:#ccc;line-height:24px;}
.erwei{width:300px;float:right;text-align:center;}
.erwei img{width:80px;height:80px;}
.erwei p{font-size:12px;color:#ccc;line-height:30px;}
.foot-two{height:40px;line-height:40px;}
.fast-link{float:left;width:500px;color:#888;}
.fast-link a{margin:0 15px;color:#888;}
.dibu{float:right;width:700px;text-align:right;color:#888;}
.dibu p{color:#888;}
.link{padding:15px 0;border-top:1px solid #888;}
.link span{line-height:26px;color:#888;}
.link a{color:#888;margin:0 10px;line-height:26px;}


/***内页**/
.dbanner{width:100%;min-width:1200px;}
.dbanner img{width:100%;}
.cate{width:260px;}
.cate li{width:100%;}
.cate li>a{height:50px;display:block;width:100%;text-indent:50px;line-height:50px;color:#333;font-size:15px;transition:all .3s;}
.cate li>a:hover{background:#00479d;color:#fff;}
#hov{background:#00479d;color:#fff;}

.model-title{height:50px;border-bottom:1px solid #eee;line-height:50px;padding:0 30px;font-size:18px;color:#00479d;}

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

.content{width:100%;min-width:1200px;overflow:hidden;padding:50px 0;}


.msgcontent{font-size:16px;line-height:36px;padding:20px 30px;color:#333;}
.msgcontent p{font-size:16px;line-height:36px;color:#333;}
.msgcontent img{max-width:100%;}
.msg-title{margin-bottom:15px;}
.msg-title h1{font-size:16px;color:#333;line-height:30px;}
.msg-title p{font-size:12px;color:#999;margin-bottom:10px;}

.listcontent{padding:20px 0px;background:#fff;}



/*新闻*/
.news-item{height:158px;padding:30px 0;border-bottom:1px solid #ccc;}
.news-item table{width:100%;height:100%;}
.news-item table tr td img{width:200px;}
.news-item table tr td h1{width:100%;height:38px;}
.news-item table tr td h1 a{display:block;float:left;width:80%;font-size:18px;color:#333;}
.news-item table tr td h1 span{display:block;float:right;color:#666;line-height:34px;}
.news-item table tr td .news-c{line-height:26px;height:104px;overflow:hidden;color:#666;}
.news-item table tr td h1 a:hover{text-decoration:underline;}

.news-list li{border-bottom:1px solid #ccc;}
.news-list li h3{height:78px;line-height:78px;}
.news-list li h3 a{color:#333;float:left;font-size:14px;transition:all .3s;display:inline-block;max-width:700px;height:100%;overflow:hidden;}
.news-list li h3 span{color:#888;float:right;font-size:13px;}
.news-list li.list-one{padding-bottom:30px;}
.news-list li.list-one p{color:#888;font-size:13px;}
.news-list li.list-one h2{height:40px;line-height:40px;border-bottom:1px solid #eee;}
.news-list li.list-one h2 a{color:#333;font-size:16px;transition:all .3s;}
.news-list li.list-one .litwo-c{padding:10px 0;}
.news-list li.list-one .litwo-c,.news-list li.list-one.litwo-c p{line-height:22px;font-size:13px;color:#666;}
.news-list li.list-one img{width:300px;height:150px;}

.news-list li:hover h3 a,.news-list li.list-one:hover h2 a{padding-left:15px;color:#00479d;}


/*产品*/
.four-item{width:300px;float:left;}
.pro-title{border-top:1px solid #f3f5fa;padding:15px 0}
.pro-title h1{height:30px;text-align:center;line-height:30px;}
.pro-title h1 a{font-size:18px;color:#666;}
.pro-title p{line-height:22px;text-align:center;color:#ec0101;}
.pro-title a.buy{display:block;width:120px;height:32px;margin:15px auto;color:#fff;font-size:16px;background:#666;text-align:center;line-height:32px;}
.four-item:hover h1 a.buy{background:#097fc8;}
.pro-img{width:300px;height:300px;}
.show-pic{position:absolute;left:0;top:0;width:300px;height:300px;z-index:9;display:none;}


.zhaopin{}
.zhaopin li{border-bottom:1px solid #eee;}
.zhaopin li  h3{height:78px;line-height:78px;color:#333;font-size:15px;padding:0 30px 0 10px;background:url(d/down.png) no-repeat right center;cursor:pointer;}
.zhaopin li  h3 span{float:right;line-height:78px;font-size:13px;color:#888;}
.zhaopin li div{display:none;padding:15px;color:#333;line-height:30px;}
.zhaopin li  h3:hover{color:#00479d;}

.modal-show-pic-one{width:200px;float:left;margin: 0 15px 35px; }
.modal-show-pic-one h1{height:60px;text-align:center;width:100%;padding-top:10px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.modal-show-pic-one h1 a{line-height:30px;color:#333;font-size:16px;}
.name-pic-box{}
.name-pic-box img{width:200px;height:290px;}

/*联系*/
.lxnote{padding:110px 0;}
.lx-info{padding:25px;background:#f7f7f7;height:200px;width:535px;}
.lx-info h1{font-size:24px;height:48px;color:#333;}
.lx-info p{line-height:32px;color:#333;}

.ditu{margin-top:50px;}

/* 公共分页样式*/
.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;
}