@charset "utf-8";
/* 全局 */
html{webkit-text-size-adjust:none;-webkit-text-size-adjust:none;text-justify:inter-ideograph;}
a{text-decoration:none;outline:0;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
/* 基础 */
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{border-radius:0;background:#fff;}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);}
::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.4);background-color:#4788d7;}
input,textarea{-webkit-user-select:text}
/*分页样式*/
.pglist{padding-top: 40px;width:100%;text-align: center;clear: both;}
.pglist a,.pglist span{color: #999;padding: 0 12px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 32px;background: #fff;border: 1px solid #ccc;}
.pglist a:hover,.pglist .hover{display:inline-block;color: #fff;background: #4788d7;border-color: #4788d7;}
/*返回首页*/
#tip{padding-top: 30px;min-height: 640px;}
#tip b{color: #4788d7;}
/*网站地图*/
.sitemap{overflow:hidden;line-height:30px;padding: 10px;border-bottom:1px solid #ddd;}
.sitemap dt{float: left;margin-right: 2%;width: 14.66666667%;}
.sitemap dt a{display:block;text-align:center;background: #ececec;font-size:14px;padding:8px 0;font-weight:normal;}
.sitemap dt a:hover{background: #ccc;color:#fff;}
.sitemap dd{float: left;width: 83.333333%;}
.sitemap dd a{float:left;color:#666;padding-right:35px;line-height:39px;transition:none;}
.sitemap dd a:hover{color:#333;}
/*网站标签*/
.tags_list{overflow:hidden;line-height:30px;padding: 10px;border-bottom:1px solid #ddd;}
.tags_list dt{float: left;margin-right: 2%;margin-bottom: 2%;width: 14.66666667%;}
.tags_list dt a{display:block;text-align:center;background: #ececec;font-size:14px;padding:8px 0;font-weight:normal;}
.tags_list dt a:hover{background: #ccc;color:#fff;}
.tags{overflow:hidden;font-size: 14px;margin-bottom: 20px;}
.tags span{float: left;display: block;line-height: 40px;}
.tags a{border-radius: 4px;-webkit-border-radius: 4px;display: inline-block;line-height: 28px;padding: 0 6px;margin: 5px;background: #fff;border: 1px solid #dadada;}
.tags a:hover {background: #4788d7;border-color: #4788d7;color: #fff;}
/*评论列表*/
.comment-main{width: 100%;background: #FFF;border-bottom: 3px solid #eee;margin-top: 30px;font-size: 12px;color: #666;line-height: 14px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.comment-main:hover{border-bottom: 3px solid #4788d7;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC;}
.comment-title{width: 100%;height: 49px;line-height: 50px;background: #FFF;border-bottom: 1px solid #CCC;}
.comment-title span{float: left;height: 50px;font-size: 14px;line-height: 50px;display: block;padding: 0 30px;background: #4788d7;color: #FFF;}
.comment-show-box{margin: 20px 12px}
.comment-show-box .pl-box2{width: 100%}
.comment-show-box .pl-box2 dl{float: left;width: 100%;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #EEE;}
.comment-show-box .pl-box2 dl dt{float: left;width: 50px;margin-right: 15px;}
.comment-show-box .pl-box2 dl dt img{width: 50px;height: 50px}
.comment-show-box .pl-box2 dl dd{float: right;width: 92%;}
.comment-show-box .pl-box2 dl dd h1{font-weight: 700;font-size: 100%;}
.comment-show-box .pl-box2 dl dd h1 span{color: #656565;font-weight: 400;float: right;}
.comment-show-box .pl-box2 dl dd p{margin-top: 10px;line-height: 20px}
.comment-show-box .pl-box2 dl dd p.xz-fc1{color: #4788d7;}
.comment-show-box .xz-cb{zoom: 1}
.comment-show-box .xz-cb:after{display: block;clear: both;visibility: hidden;height: 0;overflow: hidden;content: "."}
.c-more {text-align: center;line-height: normal;}
.c-more a {border-radius: 2px;-webkit-border-radius: 2px;display: block;background: #4788d7;color: #ffffff;padding: 13px 0;}
.c-more a:hover {background: #333;}
/*评论表单*/
.comment-show-box .fb-box{background: #FAFAFA;border: 1px solid #EEE;margin-top: 20px;}
.comment-show-box .fb-box dl{float: left;width: 97%;padding: 12px;}
.comment-show-box .fb-box dt{float: left;width: 50px;margin-right: 15px;}
.comment-show-box .fb-box dt img{-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;width: 50px;height: 50px}
.comment-show-box .fb-box dd{float: right;width: 92%;}
.comment-show-box .fb-box dd p{color: #656565;}
.comment-show-box .fb-box dd p textarea{width: 97%;height: 120px;line-height: 20px;color: #6C6C6C;padding: 12px;border: 1px solid #EEE;outline: 0;font-family: "microsoft yahei";-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.comment-show-box .fb-box dd p textarea:focus{border: 1px solid #4788d7;box-shadow: 0 0 10px 0 #4788d7}
.comment-show-box .fb-box-div{margin-top: -1px;background: #FAFAFA;border-radius: 0 0 5px 5px;border: 1px solid #EEE;}
.comment-show-box .fb-box-div dl{padding: 12px;position: relative;}
.comment-show-box .fb-box-div dd{font-size: 12px;line-height: 13px;color: #666;}
.comment-show-box .fb-box-div input{-webkit-border-radius: 0 0 5px 0;-moz-border-radius: 0 0 5px 0;-ms-border-radius: 0 0 5px 0;-o-border-radius: 0 0 5px 0;border-radius: 0 0 5px 0;position: absolute;top: -1px;right: -1px;width: 80px;height: 39px;font-size: 12px;line-height: 39px;background: #AAA;color: #FFF;border: 0;cursor: pointer;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.comment-show-box .fb-box-div input:hover{background: #4788d7;color: #FFF;}
/*点赞*/
#mood{margin-bottom: 30px;text-align:center;}
#mood p{font-size: 16px;color: #555;font-weight:bold;margin-bottom: 20px;}
#mood a{display:inline-block;margin:0 10px;cursor:pointer;color: #555;background:#fff;border-radius:4px;border:1px solid #ddd;padding:6px 20px;min-width:100px;-webkit-box-sizing: border-box;box-sizing: border-box;}
#mood a span{display: inline-block;width: 18px;height: 18px;margin-right:10px;vertical-align: sub;background: url(../images/dianzan.png) no-repeat;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
#mood a span.dianzan-down{background-position: top right;}
#mood a em{font-style:normal;font-size: 16px;}
#mood a:hover{background: #4788d7;border-color: #4788d7;color:#fff;}
#mood a:hover span.dianzan-up{background-position: bottom left;}
#mood a:hover span.dianzan-down{background-position: bottom right;}
/*视频样式*/
video {background-color: #000;}

/* pic右侧内容 */
.sp_content{
	width: 758px;
	float: right;
	margin-top: 15px;
}
.content{
	min-height: 672px;
	line-height: 28px;
	_height:expression(this.scrollHeight < 672 ? "672px" : "auto");
}
#contentRight{float:right;width:740px;height:auto;overflow:hidden}
/* 产品 */
.product1,.product2,.product3,.product4,.product5,.product6,.product7,.product7 li,.product8,.product8 li{width:100%;height:auto;overflow:hidden;}
.product1 li,.product2 li,.product3 li,.product4 li,.product5 li,.product6 li{width:150px;float:left;height:auto;overflow:hidden;position:relative;margin-top:30px;margin-left:45px}
.product1 li>a,.product2 li>a,.product6 li>a{display:block;width:88%;margin:3px auto;height:auto;overflow:hidden;position:relative;}
.product1 li>a>img,.product2 li>a>img,.product3 li img,.product4 li div a img,.product5 li div a img,.product6 li a img{display:block;}
.product1 li>p,.product2 li>p,.product3 li>p,.product4 li>p,.product5 li>p,.product6 li>p{width:88%;margin:0 auto;text-align:center;font:14px/42px "microsoft yahei";}
.product2 li>a>span{display:block;position:absolute;width:90%;padding:5%;left:0;top:0;font:14px/30px "microsoft yahei";color:#fff;background:url(../images/blackbg.png) 0 0 repeat;height:90%;overflow:hidden;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;filter:alpha(opacity=0);opacity: 0;}
.product2 li>a:hover span{display:block;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;filter:alpha(opacity=100);opacity: 1;}
.product3 li>div{width:88%;margin:3px auto;height:auto;position:relative;}
.product3 li>div>p,.prod-zoom{position:absolute;background:url(../images/product_zoom.png) 0 0 no-repeat;width:53px;height:53px;left:50%;top:50%;margin:-26px 0 0 -26px;cursor: pointer;z-index:1;top:-100%;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;}
.product3 li>div:hover p,.prod7-left:hover p,.prod8-left:hover p{top:50%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.product4 li div{width:88%;padding:4px;margin:3px auto;border:2px solid transparent;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.product4 li div a,.product5 li div a{display:block;width:100%;overflow:hidden;}
.product5 li div{width:88%;padding:6px;margin:3px auto;position:relative;}
.product5 li div p,.product5 li div:hover p,.product6 li,.product6 li:hover{-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.pro5-border1{position: absolute;left:0;top:0;width:0;border-top:2px solid transparent;}
.pro5-border2{position: absolute;left:0;top:0;height:0;border-left:2px solid transparent;}
.pro5-border3{position: absolute;right:0;top:0;height:0;border-right:2px solid transparent;}
.pro5-border4{position: absolute;left:0;bottom:0;width:0;border-bottom:2px solid transparent;}
.product5 li div:hover p.pro5-border1,.product5 li div:hover p.pro5-border4{width:100%;}
.product5 li div:hover p.pro5-border2,.product5 li div:hover p.pro5-border3{height:100%;}
.product6{padding-top:12px;}
.product6 li{position:relative;top:0}
.product6 li:hover{top:-12px;}
.product7 li,.product8 li{padding-bottom:16px;}
.prod7-left{float:left;width:31.25%;height:auto;overflow:hidden;position:relative;}
.prod7-left a,.prod8-left a{display:block;width:100%;height:auto;overflow:hidden;}
.prod7-left a img,.prod8-left a img{display:block;width:100%;}
.product7 li>p{float:left;width:63.4375%;margin-left:3.4375%;font:16px/36px "microsoft yahei";color:#9a9a9a;height:36px;overflow:hidden;}
.product7 li>p>a,.product8 li>p a{float:left}
.product7 li>p>span,.product8 li>p span{float:right; font-size:12px; padding:0 20px 0 0;}
.prod7-right{float:left;width:63.4375%;margin-left:3.4375%;height:120px;overflow:hidden;font:14px/30px "microsoft yahei";color:#7c7c7c;}
.product8 li>p{width:100%;height:36px;overflow:hidden;font:16px/36px "microsoft yahei";color:#9a9a9a;}
.prod8-left{float:left;width:22.8125%;height:auto;overflow:hidden;position:relative;margin-right:1.875%;}
.prod8-right{float:left;width:73.125%;height:120px;overflow:hidden;font:14px/30px "microsoft yahei";color:#7c7c7c;}
/* 图片放大部分 */
#picShow{position: fixed;width:100%;height:100%;background:url(../images/blackbg.png) 0 0 repeat;left:0;top:0;z-index:9999}
.pic_show_box{width:100%;height:100%;overflow:hidden;position: relative;}
.pic_show_box img{display:block;margin:93px auto 0;border:5px solid rgba(255,255,255,.2);}
#pic_quit{position: absolute;background:url(../images/quit.png) 0 0 no-repeat;width:64px;height:64px;top:0;right:0;cursor: pointer}
#lbtn{display:block;position: absolute;background:url(../images/leftbtn1.png) 0 0 no-repeat;width:53px;height:53px;top:287px;left:65px;}
#rbtn{display:block;position: absolute;background:url(../images/rightbtn1.png) 0 0 no-repeat;width:53px;height:53px;top:287px;right:65px;}
.pic_show_box p{width:593px;text-align:center;margin:0 auto;overflow:hidden;font:18px/106px "microsoft yahei";color:#0c4201;text-overflow: ellipsis;white-space: nowrap}
.pic_show_box p a{color:#fff;}