@charset "utf-8";

/*----公共样式-----*/
body{background:#f7f7f7;}
.main{width:1200px;margin:0px auto;position:relative;}
.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%;}
/*head*/

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

.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:200px;left:-72px;top:80px;z-index:999;display:none;border:1px solid #ccc;}
.subnav a{width:100%;height:45px;background:url(navbg.png) repeat-x left top;line-height:45px;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;}

.lang{width:95px;height:30px;margin-top:36px;border:1px solid #fff;transition: all .3s;overflow: hidden;}
.lang a{display: block;height:30px;padding-left:34px;background: url(zh.png) no-repeat 2px center;color:#333;line-height: 30px;font-size:12px;}
.lang a.en{background: url(en.png) no-repeat 2px center;}
.lang span{display: block;width:20px;height:10px;position: absolute;right:2px;top:10px;z-index: 9;background: url(d/down.png) no-repeat;}
.lang:hover{height:60px;}
.lang:hover span{background: url(d/up.png) no-repeat;}

/**--banner--*/
/*广告轮播图*/
.banner{width:100%;min-width:1200px;overflow:hidden;max-width:1530px;margin:0 auto;background:#fff;}
/* 本例子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:#851217; color:#851217; }
.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-one{padding:65px 0px 55px;height:400px;background:url(abbg.jpg) no-repeat center bottom;}
.in-title{height:50px;width:100%;}
.in-title h1{width:70%;height:50px;line-height:50px;color:#333;font-size:24px;float:left;}
.in-title span{width:100%;line-height:50px;color:#888;font-size:14px;}
.in-title h1 a:hover{text-decoration:underline;}
.in-title a{float:right;margin-top:10px;}

.slider-more{width:110px;height:30px;display:inline-block; line-height:30px;text-align:center;color:#666;font-size:14px;}
.in-title .color-wirte{color:#fff;}


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

.zs-box{width:400px;height:240px;padding:15px;margin-top:70px;}
.zs-box img{width:400px;height:240px;}


.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:110px;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:#851217; 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;}
.mt15{margin-top:15px;}
.case-box .tj-pic{width:360px;height:230px;}
.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 #851217;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;}
.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:#851217; color:#fff;}
.d-list-case li{width:380px;float:left;margin:0 9px 30px;}


.more{width:30%;height:32px;}
.more a{display:block;width:100px;height:30px;color:#a7a5a6;line-height:30px;font-size:14px;text-align:center;border:1px solid #e4e4e4;}
.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:-70px;right:110px;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:#851217; 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 .bigli-c{padding:0 20px 20px;background:#91292e;color:#fff;}
.slideNewsBox .bd ul li.bigli .bigli-c h1{height:66px;line-height:66px;border-bottom:1px solid #fff;}
.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;}
.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:#91292e;}
.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:#1f2024;padding-top:30px;}
.foot-one{padding-bottom:15px;}
.in-contact{float:right;width:600px;color:#ccc;line-height:24px;}
.in-contact p{color:#ccc;line-height:24px;}
.foot-logo{width:300px;float:left;text-align:left;}
.foot-logo img{width:230px;height:80px;}
.foot-logo 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;background:#fff;text-align:center;}
.dbanner img{width:100%;max-width: 1530px;margin:0 auto;}
.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:#ab8a50;color:#fff;}
#hov{background:#ab8a50;color:#fff;}

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

.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:32px;padding:20px 30px;color:#333;background: #fff;}
.msgcontent p{font-size:16px;line-height:32px;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;}
.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:#851217;}


/*产品*/
.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:412px;float:left;margin: 0 15px 35px; }
.modal-show-pic-one h1{height:60px;text-align:center;width:100%;padding-top:10px;overflow:hidden;}
.modal-show-pic-one h1 a{line-height:30px;color:#333;font-size:16px;}
.name-pic-box{}
.name-pic-box img{width:412px;height:272px;}


.pros-one{height:400px;overflow: hidden;}
.pd-left{width:700px;}

.proSlide{ width:100%;  overflow:hidden; position:relative;   }

.proSlide .bd{ position:relative; height:100%; z-index:0;   }
.proSlide .bd li{ zoom:1; vertical-align:middle; }
.proSlide .bd img{ width:100%; display:block; height:400px; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.proSlide .prev,
.proSlide .next{ position:absolute;top:50%; margin-top:-25px; display:block; width:50px; height:50px;filter:alpha(opacity=0);opacity:0; }
.proSlide .prev{ left:0;  background: url(pdleft.png) no-repeat; }
.proSlide .next{  right:0 ; background:url(pdright.png) no-repeat; }
.proSlide .prev:hover,
.proSlide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.proSlide .prevStop{ display:none;  }
.proSlide .nextStop{ display:none;  }




.pd-right{width:410px;}

.pnote{height:320px;width:100%;overflow: hidden;line-height: 28px;color:#666;}
.pnote p{line-height: 26px;color:#666;}
.pntitle{line-height:30px;color:#333;font-size:22px;border-bottom:1px solid #e6e6e6;}
.pcon{margin-top:20px;line-height: 26px;color:#808080;}

.pa{width:340px;height:42px;text-align: center;line-height: 42px;font-size: 18px;color:#333;border:1px solid #666;margin-top:30px;display: block;}
.pa:hover{background:#851217;color:#fff;}

.pdtel{margin-top:15px;}
.pdtel p{color:#333;font-size:22px;line-height:32px;}
.pdtel p span{color:#333;font-size:16px;line-height:24px;padding-bottom:7px;}

.pros-two{margin-top:70px;}
.pd-con{width:750px;}
.tuijian{width:360px;}

.pd-title{height:40px;color:#333;font-size:18px;}
.pd-msg{margin-top:15px;}





/*联系*/
.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;}


.lx-list li{padding:25px;color:#666;font-size:14px;line-height: 28px;min-height: 140px;}
.lx-list li h1{height:30px;color:#262626;font-size:18px;}
.lx-list li p{height:30px;color:#666;font-size:14px;line-height: 28px;}
.lx-list li:nth-child(even){background: #f7f7f7;}

.ditu{margin-top:50px;}

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