@charset "utf-8";
body{margin:0 auto;padding:0;font-family:'微软雅黑';}
.w1000{width:1200px;padding:0;margin:0 auto;}
.w1000:after{clear:both;height:0;line-height:0;overflow:hidden;content:'.';display:block;visibility:hidden;}
.clear{clear:both;height:0;line-height:0;overflow:hidden;content:'.';display:block;visibility:hidden;}
ul li{list-style:none;}
a{text-decoration:none;color:#000;cursor: pointer;}

/* CSS Document */
/*************首页************/
.header{height:102px; background:#fff; border-bottom:1px solid #f1f3f4; position:fixed; top:0; left:0;display:block;width:100%;z-index:100;opacity:1}
.logo{margin-top:32px;}
.menu{line-height:102px;width:50%;}
.menu ul{float:right;}
.menu ul li{float:left;margin-left:25px;font-size:16px;position:relative;}
.menu ul li a{color:#000;}
.menu ul li a.on{color:#da251d;}
.menu ul li ol{display:none;position:absolute;top:102px;z-index:9;}
.menu ul li ol li{width:150px;line-height:30px;margin-left:0;padding-left:10px;font-size:14px;height:30px;overflow:ellipsis;background:#da251d;}
.menu ul li ol li a{color:#fff;}
.menu ul li ol li:hover{background:#003f78;}
.menu ul li:hover ol{display:block}

/* 轮播css */
.focusBox { position: relative; width:100%; height:560px; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img { width:100%; height:560px; display: block; }
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px;
}
.focusBox .hd .on{ background-position:0 0;}

.focusBox .prev,
.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;}

.ind_casebox{padding:30px 0px;}
.ind_case{overflow:hidden;}
.ind_case h2,.catebox h2,.friendlink h2{text-align: center;font-size:26px;color:#000;margin-bottom:20px;padding-bottom:20px;}
.ind_case h2 span{color:#666;font-size:16px;}
.ind_case ul li{float:left;margin-left:30px;width:275px;border:1px solid #c1cacf;background:#f1f3f4;}
.ind_case ul li img{width:275px;display: block;}
.ind_case ul li.firstli{margin:0px 11px;}
.ind_case ul li:hover{border:1px solid #da251d;}
.ind_case h3,.catebox h3,.friendlink h3{text-align: left;font-size:26px;color:#000;margin-bottom:20px;padding-bottom:20px;}
.ind_case ul li h4{padding:15px;color:#494949;background:f1f3f4;}
.ind_case ul li span{position:absolute;bottom:0px;left:0px;background:#b9b9bb;width:50%;padding:10px 10px;color:#fff;opacity:0.8;width:120px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ind_case ul li a{display:block;position:relative;}
.ind_case ul li a:hover span{display: block;background:#da251d;}

.catebox{padding:20px 0px;overflow:hidden;background:#f1f3f4;}
.catebox ul li {width:270px;float:left;padding-left:14px;padding-right:14px;text-align:center;}
.catebox ul li:first-child{border-left:0px;}
.catebox ul li a{display: block;border-radius:50%;-webkit-border-radius:50%;background:#adadad;width:106px;height:106px;text-align:center;line-height:106px;margin:0px auto;}
.catebox ul li a:hover{background:#da251d;}
.catebox ul li a img{vertical-align:middle;}
.catebox ul li h4{font-size:18px;color:#050505;margin:10px auto;}
.catebox ul li .title{font-size: 18px;margin: 10px auto;}
.catebox ul li span:hover{color:#da251d;}

.ind_about img{margin-right:30px;}
.ind_note{width:695px;float:right;font-family:Calibri;}
.ind_note a{background:#da251d;color:#fff;width:130px;height:40px;line-height:40px;text-align:center;display: block;margin-top:30px;}
.ind_note a:hover{background:#da251d;opacity:0.8; color:#fff;width:130px;height:40px;line-height:40px;text-align:center;display: block;margin-top:30px;}
.friendlink{margin-top:20px;background:#fff;padding:25px 0px;}
.friendlink h2{padding:0px 0px 10px 10px;}
.friendlink ul{overflow:hidden;}
.friendlink ul li{float:left;border:1px solid #d7d7d7;margin-left:10px;}
.friendlink ul li:hover{border:1px solid #da251d;}


.indexbox2{padding:10px 0px;overflow:hidden;}
.indexbox2 .cont1{height:295px;padding:20;margin:10px 0 0;}
.indexbox2 .cont1 .left{float:left;width:67%;height:295px;padding:50;margin:0;background:#fff;border-radius:6px;}
.indexbox2 .cont1 .left .img{float:left;width:282px;text-align:center;height:295px;padding:0;margin:0;font-size:14px;font-weight:normal;color:#333;}
.indexbox2 .cont1 .left .img img{width:262px;padding:0;margin:20px 10px 5px;}
.indexbox2 .cont1 .left h1{font-size:26px;color:#000;padding:14px;}
.indexbox2 .cont1 .left ul{float:left;width:500px;padding:0;margin:10px;}
.indexbox2 .cont1 .left ul li{height:30px;line-height:30px;width:100%;border-bottom:1px dashed #dadada;}
.indexbox2 .cont1 .left ul li a{display:block;float:left;width:300px;text-indent:25px;background:url('../images/01_03.png') 0 center no-repeat;font-size:14px;font-weight:normal;color:#333;}
.indexbox2 .cont1 .left ul li a:hover{text-decoration:underline;color:#003f78;}
.indexbox2 .cont1 .left ul li span{display:block;float:right;width:80px;text-align:right;font-size:12px;font-weight:normal;color:#666;}
.indexbox2 .cont1 .right{float:right;height:295px;padding:0;margin:0;background:#fff;border-radius:6px;}
.indexbox2 .cont1 .right h2{font-size:26px;color:#000;padding:14px;}
.indexbox2 .cont1 .right ul{float:left;width:340px;padding:0;margin:10px;}
.indexbox2 .cont1 .right ul li{height:30px;line-height:30px;width:100%;border-bottom:1px dashed #dadada;}
.indexbox2 .cont1 .right ul li a{display:block;width:100%;text-indent:25px;background:url('../images/02_03.png') 5px center no-repeat;font-size:14px;font-weight:normal;color:#333;}
.indexbox2 .cont1 .right ul li a:hover{text-decoration:underline;color:#003f78;}

.indexbox2 .cont2{width:100%;height:295px;padding:0;margin:20px 0 0;}
.indexbox2 .cont2 .li{float:left;width:235px;height:295px;padding:0;margin:0 20px 0 0;background:#fff;border-radius:6px;}
.indexbox2 .cont2 .li:last-child{margin:0;}
.indexbox2 .cont2 .li ul{width:215px;padding:0;margin:10px;}
.indexbox2 .cont2 .li ul li{height:30px;line-height:30px;width:100%;border-bottom:1px dashed #dadada;}
.indexbox2 .cont2 .li ul li a{display:block;width:100%;text-indent:25px;background:url('../images/01_03.png') 0 center no-repeat;font-size:14px;font-weight:normal;color:#333;}
.indexbox2 .cont2 .li ul li a:hover{text-decoration:underline;color:#9777c5;}

footer{background:#666666;height:288px;}
.footlogo{padding:10px 0px;}
.footnavbox{border-top:1px solid #999;padding:20px 0px;overflow:hidden;}
.footnavbox dl{float:left;margin-left:50px;}
.footnavbox dl:first-child{margin-left:0px;}
.footnavbox dl dt{font-size:16px;color:#fff;margin-bottom:15px;}

.footnavbox dl dd{line-height:25px;color:#fff;font-size:14px;}
.footnavbox dl dd:hover{color:#da251d;}
.share{float:right;}
.share a{display:block;background:url(../images/share.png) no-repeat;height:21px;float:left;margin-left:5px;}
.share a.s2{background-position:-34px 0px;}
.share a.s3{background-position:-76px 0px;}
.share a.s4{background-position:-117px 0px;}

footer{height:70px;color:#fff;}
.footcopy{color:#fff;}
.footcopy span{float:right;}

/*******about us**********/
.about_us{padding:30px 0px;}
.about_us h2{font-size:26px;color:#000;margin-bottom:15px;}
.about_us ul{height:33px;border-bottom:1px solid #ccc;margin-bottom:20px;}
.about_us ul li{float:left;margin-right:5px;height:41px;}
.about_us ul li a{color:#fff;display: block;padding:8px 10px;background:#a8a8a8}
.about_us ul li a.on{background:#da251d}
.about_us ul li.on{background:#fff url(../images/icon_down.png) no-repeat center bottom;}
.content p{margin-bottom:15px;}

/*****contact us*********/
.contact h2{font-size:18px;color:#000;border-bottom:1px solid #ccc;margin-bottom:20px;padding-bottom:20px;margin-top:20px;}
.contactbox .cont_note{width:455px;float:left;}
.cont_note h1{font-size:18px;color:#000;}
.cont_note p{font-size:14px;color:#000;}
.cont_note b{font-weight:normal;color:#da251d;font-size:16px;}
.cont_note p input{background:#fff;padding:7px;border:1px solid #e5e5e5;width:200px;}
.inp_form p{margin-top:10px;}
.inp_form span{display:inline-block;width:70px;}
.cont_note p input:focus{box-shadow:0 0 5px #CCC;-moz-transition:all .3s;-webkit-transition:all .3s;-transition:all .3s;}
.cont_note p textarea{border:1px solid #e5e5e5;width:200px;height:70px;padding:7px;outline:none;}
.cont_note p .inp_sub{background:#da251d;color:#fff;text-align:center;height:40px;width:150px;text-align:center;margin-left:70px;cursor:pointer;}

/******newslist********/
.newslist h4{font-size:18px;color:#000;border-bottom:1px solid #c4c4c4;margin-bottom:10px;padding-bottom:10px;}
.newslist h4 span{float:right;font-size:14px;color:#9d9d9d;}
.newslist h4 a{border-bottom:3px solid #da251d;padding-bottom:9px;font-size: 18px;color: #000;}
.newslist ul li{overflow:hidden;margin-bottom:25px;}
.newslist ul li p{line-height:25px;}

.newscont h1{font-size:24px;color:#000;}
.newscont span{font-size:14px;margin:20px 0px;display: block;border-bottom:1px solid #ccc;margin-bottom:20px;padding-bottom:20px;}
.newscont .content{margin-bottom:70px;}
/* 通用分页样式 */
.pages{height:26px;margin:50px 0px; border-top:1px solid #c4c4c4; padding-top:20px;position:relative;}
.pages ul{padding:0 10px;list-style:none;margin:0;position:absolute;left:50%;margin-left:-10%;}
.pages li{ float:left; margin-left:5px;}
.pages li a{ display:block; padding:0 10px; border:1px solid #e1e1e1; height:24px; line-height:24px; color:#666;}
.pages li a:hover{ border:1px solid #da251d; background:#da251d; color:#fff; text-decoration:none;}
.pages li span{ display:block; border:1px solid #e1e1e1; height:24px; line-height:24px; color:#c4c4c4;padding:0 10px; }
.pages .current a{ border:1px solid #da251d; background:#da251d; color:#fff;}

/******product*****/
.bann img{width:100%;margin:0px auto;}
.search{font-size:16px;}
.search a{margin-left:5px;}
.search a.on{background:#da251d;padding:0px 10px;color:#fff;}
.prolist ul{overflow:hidden;}
.prolist ul li{float:left;width:284px;margin: 0 8px 20px 8px;}
.prolist ul li.lastli{margin-right:0px;}
.prolist ul li a{display: block;position:relative;}
.prolist ul li a:hover i{position:absolute;width:73px;height:73px;background:url(../images/icon-pro.png)no-repeat center top;left:50%;margin-left:-35px;top:50%;margin-top:-35px;display: block;-webkit-transition:-moz-transform 0.4s;transition:transform 0.4s;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);}


.prolist ul li img{border:1px solid #c4c4c4;display: block;}
.prolist ul li img:hover{border:1px solid #da251d;}
.prolist ul li h4{font-size:18px;color:#000;margin-top:10px;}
.prolist ul li h4 a{color:#000;}
.prolist ul li h4 a:hover{color:#da251d;}
.prolist ul li p{line-height:20px;margin:10px 0px;color:#676767;}
.prolist ul li span a{color:#da251d;font-size:16px;}

.pro_detail{ overflow:hidden; margin-top:30px; padding-bottom:20px;}
.pro_detail .pro_title{ width:100%; border-bottom:1px solid #ccc; height:30px; margin-bottom:10px;}
.pro_detail .pro_title li{ float:left; height:30px; line-height:30px;padding:0 20px;cursor:pointer;font-size:18px;}
.pro_detail .pro_title .current{ border-bottom:3px solid #ff653f;height:29px; position:relative;font-weight:bold;;}

.pro_detail .pro_txt{ overflow:hidden; padding:0 5px;}
.pro_detail .pro_txt p{ margin-bottom:10px; line-height:22px;}
.pro_detail h3.attr{line-height:33px;height:33px;text-align:center;margin-top:10px;}
.pro_detail table.attr{border:1px solid #ccc;border-collapse:collapse;width:100%;}
.pro_detail table.attr th{background:#eee;border:1px solid #ccc;text-align:left;padding:5px 10px;}
.pro_detail table.attr td{border:1px solid #ccc;padding:5px 10px;}

/* 本例子css */
.procont{position:relative;}
.prophoto{border: 1px solid #c4c4c4;overflow: hidden; width:490px;float:left; }
.prophoto .bigImg{position: relative;height:366px;margin-bottom:10px;}
.prophoto .bigImg li img{ vertical-align:middle; width:490px;height:366px;}
.prophoto .smallScroll{overflow:hidden;}/**在此处可以定位小图摆放位置**/
.prophoto .sPrev,.prophoto .sNext{float:left; display: block;width:14px;height:20px;margin-top:25px;font-size:24px;color:#f00;}
.prophoto .smallImg{ float:left;display:inline; width:460px; overflow: hidden;}
.prophoto .smallImg ul{ height:90px;width:9999px;overflow: hidden; }
.prophoto .smallImg li{border:1px solid #ccc;float: left;margin-left:10px;width:100px; cursor:pointer;  display: inline;  }
.prophoto .smallImg li:hover{ border-color:#f00;}

.pronote{float:right;width:50%;}
.pronote h1{font-size:24px;color:#000;margin-bottom:20px;}
.pronote p{line-height:25px;margin-bottom:20px;}
.pronote a{display:block;width:140px;height:40px;text-align:center;background:#ff653f;line-height:40px;color:#fff;font-size:16px;}
.pronote b{font-weight:normal;color:#da251d;}




.ban2{ width:487px; height:365px; position:relative; overflow:hidden;border:#c4c4c4 1px solid;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:487px; height:365px;}
.ban2 ul li a{line-height:0;padding:0px;background:}
.prev{ float:left; cursor:pointer;}
.num{ height:80px;overflow:hidden; width:440px; position:relative;float:left;}
.min_pic{ float:right; width:500px;margin:-29% 10%;}
.min_pic .info span{font-size: 18px;margin-bottom: 40px;color:#000;display:block}
.min_pic .info ul li{font-size: 13px;list-style: url(../images/dot.jpg);line-height: 27px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:104px; height:73px; margin-right:2px; padding:1px;border:#c4c4c4 1px solid;float:left}
.num ul li a{line-height:0;padding:0px;}
.num ul li.on{ border:1px solid #ff653f; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:29px; margin-right:15px; cursor:pointer; float:left;}
.next_btn1{ width:16px; text-align:center; height:18px; margin-top:29px;cursor:pointer;float:right;}
}
.bshare-custom .bshare-facebook{background: url("../images/f.png") !important;}
.bshare-custom .bshare-facebook:hover{background: url("../images/f2.png") !important;}
.bshare-custom .bshare-facebook{background: url("../images/f.png") !important;}
.bshare-custom .bshare-facebook:hover{background: url("../images/f2.png") !important;}
.bshare-custom .bshare-twitter{background: url("../images/IN.png") !important;}
.bshare-custom .bshare-twitter:hover{background: url("../images/IN2.png") !important;}
.bshare-custom .bshare-linkedin{background: url("../images/t.png") !important;}
.bshare-custom .bshare-linkedin:hover{background: url("../images/t2.png") !important;}
.bshare-custom .bshare-qqmb{background: url("../images/1.png") no-repeat !important;}
.bshare-custom .bshare-qqmb:hover{background: url("../images/2.png") no-repeat   !important;}

.kfonline {
    width: 50px;
    height: 300px;
    display: block;
    position: fixed;
    z-index: 1000;
    right: 0;
    bottom: 120px;
}
.kfonline a {
    width: 50px;
    height: 49px;
    display: block;
    margin-bottom: 2px;
    text-align: center;
	}	