@charset "gb2312";
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,button,img,button,select,iframe{padding:0;margin:0;border:0;}
img,input,button,select,textarea,fieldset,iframe{vertical-align:top;*vertical-align:middle;}
ul,li{list-style-type:none;}
.mh2{margin-top: 2%;}
.wellbar{margin:0 auto;width:1136px;}
.nbanner{width:100%;margin:0 auto;margin-top: 4%;}
.pro{text-align: center;width:1046px;margin:0 auto;margin-top: 4%; position: relative}
.npo{text-align: center;width:300px;margin:0 auto;margin-top: 4%; position: relative}
.pro li,.npo li{float:left;width:130px;height:36px;line-height:36px;background:#e6e6e6;}
.pro li a,.npo li a{color:#666;padding:0;}
.pro li:nth-child(1n),.npo li:nth-child(1n){margin:0 7px;}
.pro li:hover,.pro .active,.npo li:hover,.npo .active{background:#bb0000;}
.pro .active a,.pro>li>a:hover,.npo .active a,.npo>li>a:hover{color:#fff;font-weight: bold;padding:0;}
/*产品列表*/
.prulist{margin-top:3%;width:100%;list-style:none;padding:0;}
.prulist li{float: left;width:31%;height:286px;background:#fff;margin:0 1.1% 30px 1.1%;display: block;border:1px solid #e6e6e6; }
.prulist>li>a{display:block;height:234px;overflow: hidden}
.prulist li:hover{background:#bb0000;padding:2px;color:#fff;     box-shadow: 0px 0px 12px rgba(58, 56, 56, 0.32);}
.prulist li img{height:234px;width: auto;text-align: center}
.prulist>li>p{line-height:52px;text-align: left;padding-left: 20px;padding-right:20px;border-top:1px solid #e6e6e6;background: url(/html/class/template/images/ico6.png)  no-repeat 95% 60%;}
.prulist>li:hover>p{color:#fff;background: url(/html/class/template/images/ico4.png) no-repeat 95% 60%;border:none;}

/*新闻列表*/
.nlist{width:100%;margin-top:3%;margin-bottom:2%;padding:0;}
.nlist ul,.nlist ul li{width:100%;}
.nlist ul li:hover{box-shadow:  5px 5px 12px rgba(58, 56, 56, 0.32);}
.nlist .col-md-1,.nlist .col-md-11{padding:0;}
.nlist .m20{padding-left:20px;}
.nlist .bd{border-bottom:1px dashed #333;padding-bottom:20px;}
.nlist>blockquote .small:before, blockquote footer:before, blockquote small:before{content:'';}
.nlist dl{width:100%}
.nlist>div>h1{font-size: 26px;font-weight: bold}
.nlist .tt{text-indent: 26px;line-height: 25px;}

/*相关新闻*/
.mnews{width:100%;margin-top:2%;border-top:1px dotted #333;padding:15px 0;}
.nlist .mnews li{float: left; width:45%;text-align:left; display: flex; box-sizing: content-box;padding:5px 5px 5px 15px;background:url(/html/class/template/images/ico.png) left center no-repeat;}
.nlist .mnews li:hover{ box-shadow: none}
/*分页*/
.pages {width: 100%; text-align:center; padding: 10px 0; margin-top:2px;}
.pages span, .pages a, .pages .current { font-size: 12px; font-family: Arial, Helvetica,  sans-serif; margin: 0 2px;color:#555; }
.pages span font { color: #f00; font-size: 12px; }
.pages a, .pages .current { border: 1px solid #dddddd; background: #fff; padding:8px 12px; text-decoration: none;color:#555; }
.pages span { padding-right: 10px }
.pages .current, .pages a:hover { background: #bb0000; color: #fff; }

.foot{width:100%;background:#f3f3f3;height:425px;border-top:2px solid #ededed;margin:0 auto;position: relative;bottom:0;margin-top:2%;}
.cline{border-right:1px solid #d9d9d9;height:205px;}
.foot a{color:#777;line-height:25px;}
.foot dl{padding:0%;}
.foot dl dt{font-weight: bold;color:#333;font-size: 16px;margin-bottom: 20px;}
.foot dl dd{color:#777;}
.coryright1{background:#303030;color:#999;}

.plist{width:100%;height: 54px;line-height: 54px;border-bottom:1px solid #e3e3e3;}
.plist ul{margin:0 auto;width:1136px;padding:0;list-style: none}
.plist ul li{float: left;width:130px;margin:9px 0 9px 1%;height:36px;line-height: 36px; vertical-align: middle;text-align:center;background:#e6e6e6;}
.plist .active{background:#bb0000;}
.plist a{color:#666;}
.plist .active a{color:#fff;}


#play{width:100%;text-align:center;position:relative;overflow:hidden;margin:5px auto;}
#play .change_a{width:50%;height:100%;position:absolute;top:0;z-index:1;cursor:pointer;display:block;overflow:hidden;background:url(/html/about:blank);}
#play .prev_a{left:0;}
#play .next_a{right:0}
#play .change_a span{width:24px;height:43px;display:block;position:absolute;top:50%;margin-top:-21px;display:none}
#play .prev_a span{background:url(/html/class/template/images/s_gallery_2012110702.png) no-repeat 0px -50px;left:0;}
#play .next_a span{background:url(/html/class/template/images/s_gallery_2012110702.png) no-repeat -30px -50px;right:0;}
#play .img_ul{position:relative;z-index:1;height:360px}
.img_hd {width:100%;overflow:hidden;height:66px;padding:2px 0;margin-top:15px;margin:5px auto;position:relative;}
.img_hd ul{position:absolute;z-index:1}
.img_hd ul li{float:left;width:80px;height:60px;border:1px solid #eee;cursor:pointer;margin:0 3px 0 1px;overflow:hidden;*display:inline;padding:1px;text-align:center}
.img_hd ul li img{height:60px;}
.img_hd ul li.on{border-color:rgb(84,84,84);}
.img_hd .bottom_a{background:url(/html/class/template/images/s_gallery_2012110702.png) no-repeat;width:22px;height:22px;position:absolute;display:block;top:50%;margin-top:-11px;cursor:pointer;z-index:10}
.img_hd .prev_a{background-position:0 -24px;left:5px;}
.img_hd .next_a{background-position:-30px -24px;right:5px;}

.ptitle {margin:8% 0 0 5%; text-align: left;}
.ptitle h1{font-size:24px;margin:0;padding:0 0 5% 10%;}
.ptitle span{font-size:24px;font-size: bold;padding:5% 0 0 10%;}
.ptitle p{height:52px;line-height:52px;width:100%;border-top:2px solid #d2d2d2;border-bottom:2px solid #d2d2d2;color:#666;padding-left:10%;}
.ptitle em{ font-weight: normal;color:#333;font-style: normal;}
.ptitle .mm{font-size:14px; color: #666;padding-top:15%}
.ptitle .pp{font-size:24px;color:#e00000;padding-left:0; font-style: italic}
.tablist1{background:url(/html/class/template/images/pline.jpg) left top repeat-x;width:1136px;height:66px;line-height:36px; vertical-align: middle}
.tablist1 li{float:left;width:174px;}
.tablist1 a{color:#333;font-size:16px;}
.tablist1>.active{background:url("/html/class/template/images/ptab.jpg") top center no-repeat;color:#fefefe;height:66px;padding:0;}
.tablist1>.active a{color:#fefefe;}
 .tt{margin-top:2%;text-align: left;line-height:25px;min-height: 320px;}
 .tt strong{font-weight:bold;font-size:16px}
 .tt img{max-width:1136px;}

.gleft{width:18%;text-align: left}
.gright{width:80%;}
.form-group {text-align: left}
@media screen and (max-width:768px) {
    .nbanner{margin-top:18%}
    .wellbar{width:100%}
    .pro{width:100%;}
    .pro li:nth-child(1n){margin:3px 13px;}
    .prulist li{height:190px;}
    .prulist>li>a{height:auto}
    .prulist li img{max-height:130px;max-width:100%}
    .prulist>li>p{padding-top:10px;padding-right:29px;padding-left:10px;line-height: normal;height:50px}
    .ptitle{margin:8% 0 0 0}
    .ptitle h1{padding:0 0 5% 0;}
    .ptitle span{padding:5% 0 0 0}
    .ptitle p{padding-left:0}
    .plist ul{width:100%}
    .tablist1{width:100%;}
    .tablist1 li{width:25%;}
    .tt{padding:0 10px;}
	.tt table{width:100% !important}
    .tt img{max-width:100%;}
	.pro li, .npo li{width:43%;}
	.prulist li{width:47.7%}
	.plist{min-height:170px}
	.plist ul li{width:48.2%}
    .nlist >.pull-right{float:none}
    #play .img_ul{height:265px}
	.tablist1{line-height:normal;}
	.foot{height:360px;}
	.foot>.contentbody>.col-xs-1{display:none}
	.foot>.contentbody>.col-xs-2{width:100%}	
	.foot dl{width:100%;}
	.foot dl dt{margin-bottom:3px;text-align:left;}
	.foot dl dd{float:left;width:25%;text-align:left; vertical-align:middle}
	.foot .cline{height:auto;}
	.foot br{display:none}
	.coryright1{line-height:37px}
	.gright{width:98%;margin:0 auto;float:none !important}
   }