@import url("reset.css");
body { font-family: Microsoft YaHei, Segoe UI, Tahoma, Arial, Verdana, sans-serif; font-size: 12px; color: #666; }
/*共用部分开始*/
.w1{width:1200px; margin:0 auto;}
.l_title{font-size:18px; height:40px; line-height:40px; background:url(../images/titlebg.jpg) repeat-x left bottom; font-weight:bolder; text-indent:20px;color: #727272; padding-bottom:5px;}
.l_title span{color: #adadad; font-size: 12px; margin-left: 10px; margin-right:20px;}
.l_title span a:link{color:#adadad;}
.l_title span a:visited{color:#adadad;}
.l_title span a:hover{color:#666;}
.l_title span a:active{color:#adadad;}
.detail{ background:#337a09;}
.detail a:link{color:#f2f2f2;padding:0 10px; height:25px; line-height:25px;}
.detail a:visited{color:#f2f2f2;}
.detail a:hover{color:#fff; background:#666; display:block; width:auto;}
.detail a:-webkit-any-link {display:block;}
.page_list { padding: 15px 0; text-align: center; }
.page_list a, .page_list .totle { display: inline-block; border: 1px solid #ccc; height: 25px; line-height: 25px; margin: 0 2px; padding: 0 10px; }
.page_list a:link { color: #666; }
.page_list a:visited { color: #666; }
.page_list a:hover, .page_list .cur:link, .page_list .cur:visited, .page_list .cur:active { color: #fff; background: #306000; text-decoration: none; }
.page_list a:active { color: #666; }
.detail a:active{color:#f2f2f2;}
.white a:link{ color:#fff;}
.white a:visited{ color:#fff;}
.white a:hover{ color:#ccc;}
.white a:active{ color:#fff;}
/*共用部分结束*/

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.grWidth{width:1200px; margin:0 auto;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb25{margin-bottom:25px;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.erp{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

/* 头部  */
.topBar{height:40px;line-height:40px;background:#f3f3f3;font-size:12px;color:#888;}
.topBar .right{height:40px;}
.topBar .right a{background: url('../images/topIcon.png') no-repeat left 10px;margin-left:15px;padding-left:25px;color:#888;display:inline-block;}
.topBar .right .a2{position:relative;background-position: 0 -30px;}
.topBar .right .a2 span{position: absolute;top:35px;left:-15px;background:#ececec;padding:5px;display:none;z-index:5;}
.topBar .right .a2 span::before{position: absolute;content: "";top:-12px;left:50px;border:6px solid transparent;border-bottom-color:#ccc;}
.topBar .right .a2 img{width:100px;height:100px;}
.topBar .right .a3{background-position: 0 -71px;}
.topBar .right a:hover{color:#007ed3;}

.header{height:105px;padding-top:30px;}
.header .title{font-size:20px;color:#a4a4a4;margin-left:17px;font-weight:normal;padding-left:28px;background: url('../images/h_line.jpg') no-repeat left center;}
.header .title a{color:#a4a4a4;}
.header .title strong{display:block;font-size:25px;color:#28a7e1;display:block;line-height:28px;}
.header .phone{background: url('../images/phone.png') no-repeat left center;padding-left:50px;font-size:14px;}
.header .phone span{display:block;font-size:20px;color:#0088d7;}

/* 导航  */
.nav{height:60px;line-height:60px;background:#29a7e1 url('../images/nav_bg.jpg') no-repeat center top;font-size:16px;}
.nav li{float:left;text-align:center;width:133px;}
.nav li a{color:#fff;height:60px;display:block;background: url('../images/nav_line.png') no-repeat right center;}
.nav li:last-child a{background:none;}
.nav li a.current,.nav li a:hover{background:#333;}

/*  广告轮播图 */
.banner{ margin: 0 auto;position:relative; overflow:hidden;height:610px;}
.banner .bd{height:610px; z-index:0;position:relative;left:50%; margin-left:-960px;}
.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:50%;margin-left:-600px;}
.banner_ctr a{ display:block;width:40px;height:40px; background: url('../images/ctrl.png') no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1280px; background-position: -40px 0px;}
.banner_ctr a:hover{opacity:1;filter:alpha(opacity=100);}
.banner .hd{position:absolute; bottom:10px; text-align: center; z-index:5;left: 50%;font-size: 0; line-height: 0;height: 0px; margin-left:-50px;height:12px;overflow:hidden;}
.banner .hd li{background:#268cd4; z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:8px; height:8px;*display:inline; zoom:1; border-radius: 100%;border:2px solid #268cd4;}
.banner .hd li:hover,.banner .hd .on{background:none;border:2px solid #268cd4;}

/*底部*/
.footMenu{background: url('../images/nav_bg.jpg') no-repeat center top;height:60px;line-height:60px;text-align:center;overflow:hidden;}
div.footMenu a{float:left;width:133px;font-size:16px;color:#fff;text-align:center;background: url('../images/nav_line.png') no-repeat right center;}
.footMenu a:last-child{background:none;}
.footMenu a:hover{background:#333;}
.footer{background:#f1f1f1;padding:40px 0;overflow:hidden;font-size:14px;line-height:24px;}
.footLeft{width:310px;background: url('../images/foot_line.jpg') repeat-y right top;min-height:160px;margin-right:30px;line-height:30px;}
.footContact{width:690px;overflow:hidden;}
.footContact a{margin:0 5px;}
.footContact .phone {position:relative;margin-bottom:20px;}
.footContact .phone span{font-size:24px;color:#0088d7;font-family:Arial;display:block;}
.footContact .phone:after{position:absolute;content:"";left:0;bottom:-8px;height:2px;background:#0088d7;width:30px;}
.footWx{width:120px;text-align:center;}
.footer a{color:#666;}
.footer a:hover{color:#0088d7;}


/*内页开始*/
.listBanner{ width:1920px; position: relative; left:50%; margin-left:-960px; height:200px;}
.i_product {padding:30px 0 50px 0;}
.listLeft{width:250px;}
.sidebar{margin-bottom:15px;}
.sidebar .side_title{background:#0088d7 url('../images/side_bg.jpg') no-repeat;height:65px;color:#fff;font-size:26px;padding-top:25px;overflow:hidden;text-align:center;line-height:26px;text-transform: uppercase;}
.sidebar .side_title span{display:block;font-size:12px;font-family:Arial;font-weight:normal;opacity:.8;}
.sidebar ul{padding:10px 25px 10px 25px;text-align:left;border:1px solid #ccc;border-top:none;}
.sidebar li{height:36px;line-height:36px;font-size:14px;margin-bottom:3px;}
.sidebar li a{display:block;color:#333;padding-left:50px;background: url('../images/side_lih.png') no-repeat 25px center;}
.sidebar li a:hover,.sidebar li a.current{background:#7cc62c url('../images/side_li.png') no-repeat 25px center;color:#fff;border-radius:18px;}
.sidebar li:last-child{border-bottom:none;}
.nbanner{ margin:2px auto 10px;}
.sidetitle{ font-size:16px; height:35px; line-height:35px;background:url(../images/sidetitbg.jpg) no-repeat;text-indent:35px;color: #fff;}
.sidetitle span{font-size: 12px; margin-left: 10px;opacity:.6;}
.side_list{border:1px solid #ccc;border-top:none;}
.i_product .i_p_list .side_list li { font-family:"宋体";height:30px; line-height:30px; border-bottom:1px #ccc dashed;text-indent:15px;width:215px; overflow:hidden; background:url(../images/listbg.gif) no-repeat left 10px; margin:5px auto;padding-top:10px;}
.i_product .i_p_list .side_list li a:link{color:#666;}
.i_product .i_p_list .side_list li a:visited{color:#666;}
.i_product .i_p_list .side_list li a:hover{color:#306000; text-decoration:underline;}
.i_product .i_p_list .side_list li a:active{color:#666;}
.i_product .i_p_list .side_list dl{padding:5px; height:80px;}
.i_product .i_p_list .side_list dl dt{float:left; width:100px; height:80px; border:1px #bababa solid;}
.i_product .i_p_list .side_list dl dt img{width:100px; height:80px;}
.i_product .i_p_list .side_list dl dd{float:left; width:110px; padding:0 0 0 14px; text-align:justify; height:80px; overflow:hidden; line-height:1.7;}
.i_product .i_p_list .side_list dl dd h2{ font-weight:bolder; height:20px; line-height:20px; width:102px; overflow:hidden;}
.i_product .position{background:url(../images/positionbg.jpg); height:40px; line-height:40px;width:920px; margin-left:25px; color:#f2f2f2; text-indent:15px;font-family:"宋体";}
.i_product .position a{margin:0 10px;}
.i_product .news_list dl{ padding:5px;}
.i_product .news_list dl dt{background:url(../images/icon_2.jpg) no-repeat 2px center; height:35px; line-height:35px; font-size:16PX; text-indent:15px; overflow:hidden; border-bottom:1px #bababa dotted;}
.i_product .news_list dl dt span{font-size:12px; margin-right:10px;}
.i_product .news_list dl a:link{color:#306000;}
.i_product .news_list dl a:visited{color:#306000;}
.i_product .news_list dl a:hover{color:#333;}
.i_product .news_list dl a:active{color:#306000;}
.i_product .news_list dl dd{font-family:"宋体"; padding:10px; line-height:2;}

.i_product .news_article{width:908px;margin-left:25px;padding:5px; background:#fff; border:1px #E1E1E1 solid; margin-top:0;}
.i_product .news_article h2{display:block; font-size:16px; text-align:center; width:860px; margin:5px auto; border-bottom:1px #bababa dashed; height:40px; line-height:40px;}
.i_product .news_article .article_info{ text-align:center; height:30px; line-height:30px;}
.i_product .news_article .article_info span{display:inline-block; margin:auto 10px; font-family:"宋体";}
.i_product .news_article .article_info .bdsharebuttonbox,.i_product .news_article .article_info .bdshare-button-style0-16:after{display:inline-block;margin:auto 10px;_display:inline;*display:inline;}
.i_product .news_article .n_content,.p_content{text-align:justify; line-height:1.7; font-size:14px; font-family:"宋体"; text-indent:20px; padding:0 10px 10px; border-bottom:1px #bababa dashed;padding-top:20px;}
.i_product .news_article .n_content p,.p_content p{margin:10px auto; max-width:860px;}
.i_product .news_article .n_content img,.p_content img{max-width:860px;}

.npre,.nnext{width:350px; height:35px; line-height:35px; overflow:hidden; padding:5px; font-family:"宋体";}
.nnext{text-align:right;}
.interested{ padding:10px 5px 5px; font-weight:bolder; text-indent:10px; border-top:1px #bababa dashed;}
.int_list{display:block;padding:5px;}
.int_list li{display:block; float:left; width:343px; margin:0 10px; height:35px; line-height:35px; text-indent:20px; overflow:hidden; font-family:"宋体";background:url(../images/intbg.jpg) no-repeat 2px center;}
.int_list li a:link{color:#333;}
.int_list li a:visited{color:#333;}
.int_list li a:hover{color:#306000; text-decoration:underline;}
.int_list li a:active{color:#333;}
 #marquee { overflow: hidden; padding: 10px 0; position: relative; width: 100%; height: 200px; }
 #marquee img { height: 162px; width: 214px; border: 0; padding: 5px; }
 #marquee dl, #marquee dt, #marquee dd, #marquee a { float: left; padding: 0; text-align: center; border: 0;margin: 0; }
 #marquee dl dt a { display: inline; float: left; line-height: 24px; }
 #marquee a { line-height: 24px; margin: 0 10px; }
 #marquee dl { width: 1000%; height: 180px; }
 #marquee dd{ width: auto; height: 198px; }
 #marquee dd p{ text-align: center; }
 .img { border: 1px solid #EEEEEE; overflow: hidden; }
.i_product .nplist , .i_product .c_list{margin-left:25px;margin-left:25px;width:918px;background:#fff; border:1px #E1E1E1 solid; margin-top:0;margin-right:0;}

.i_product .nplist ul , .i_product .c_list ul {display: block; }
.i_product .nplist ul li ,  .i_product .c_list ul li {display: block; float: left; width: 260px; margin: 20px 18px 0px 18px; text-align: center;_margin-left:3px;_height:201px; }
.i_product .nplist ul li img , .i_product .c_list ul li img {background: #fff; border: 1px solid #BABABA; width: 260px; height: 180px; padding: 4px; }

.i_product .nplist dl{padding-bottom:10px; height:152px;}
.i_product .nplist dl dt{float:left; padding:5px; }
.i_product .nplist dl dt img{width:400px; height:300px; padding:5px; background:#fff; border:1px solid #bababa;}
.i_product .nplist dl dd{float:left;width:480px;}
.i_product .nplist dl dd p{ padding:0 5px; text-align:justify; line-height:2.2; font-family:"宋体";}
.i_product .nplist dl dd h2{height:30px; line-height:30px; font-size:14px; border-bottom:1px #bababa dashed; padding-left:5px; margin-top:5px;}
.i_product .nplist dl dd h2 span{font-size:12px; margin-right:5px;}
.i_product .nplist dl dd h2 a{margin-left:5px;}
.i_product .nplist dl dd h3{ font-size:16px; border-bottom:1px #bababa dashed; padding-left:5px; margin:10px 0; font-weight:normal;padding-bottom:10px;line-height:24px;color:#333;}
.i_product .nplist dl dd .p_info{display:block;line-height:3; font-size:14px; padding-left:10px;}

.c_list{}
.c_list dl{margin:10px 15px; height:220px;}
.c_list dl dt{ padding:5px; border:1px #bababa solid; background:#fff; float:left;}
.c_list dl dt img{ width:265px; height:200px;}
.c_list dl dd{padding:10px 10px 0; float:left; width:400px;}
.c_list dl dd h2{font-size:16px; font-weight:bolder; height:25px; line-height:25px; border-bottom:1px dashed #bababa; padding-bottom:5px;}
.c_list dl dd h2 a:link{color:#424242;}
.c_list dl dd h2 a:visited{color:#424242;}
.c_list dl dd h2 a:hover{color:#666;}
.c_list dl dd h2 a:active{color:#424242;}
.c_list dl dd .c_time{border-top:1px dashed #bababa; display:block; font-size:10px; margin-top:5px; padding-top:5px;}
.c_list dl dd .c_info{ margin:10px auto 0;}
.c_list dl dd .c_info p{height:28px; line-height:28px; font-size:14px;font-family:"宋体";}

.c_list .client ul{display:block; padding:10px 15px;}
.c_list .client ul li{display:block; float:left; width:210px; text-align:center; margin:10px 14px; color:#333; font-size:14px;_margin:10px 10px;}
.c_list .client ul li img{width:200px; padding:5px; background:#fff; height:80px; border:1px #bababa solid; margin-bottom:5px;}
.news_list {width:920px;margin-left:25px;}
/*内页结束*/
/* 本例子css */
.slideBox{ width:100%; height:450px; overflow:hidden; position:relative;margin: 0 auto; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:450px; 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;  }