@CHARSET "UTF-8";
#header{width:100%; height:44px; background:#3290c4; text-align:center; padding-bottom:5px; line-height:44px; font:100 20px/44px "微软雅黑"; color:#fff; position:relative;}
.header_left{width:74px; height:34px; background:url(../images/icon.png) 10px -135px no-repeat; position:absolute; left:0; top:0; background-size:100px 375px; margin-top:5px;}
.header_right{width:74px; height:34px; background:url(../images/icon.png) 43px -166px no-repeat; position:absolute; right:0; top:0; background-size:100px 375px; margin-top:5px;}
/*header css style*/

.naver{padding:5px;}
#nav{border-radius:6px; text-align:left;background:#0177a9;overflow:hidden;}
#nav li{height:28px; line-height:28px; font:100 14px/28px '微软雅黑'; width:33.33%;float:left;border-bottom:1px solid #fff;
border-right:1px solid #fff;}
#nav li a{display:block; color:#fff; }
#nav li:nth-child(3n+0){border-right:none;}
#nav li:nth-last-child(1){border-bottom:none;}
#nav li:nth-last-child(2){border-bottom:none;}
#nav li:nth-last-child(3){border-bottom:none;}


 
 /*banner css style*/
.out_b{padding:0 5px 0 5px; overflow:hidden; margin:0 auto; width:310px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;x-sizing: border-box;}
.slide {position : relative; height:150px; overflow:hidden; width:310px; overflow:hidden; margin:0 auto;}
.slide .content{height:100%; -webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;}
.slide a {display:inline-block; float:left; width:310px; height:150px; }
.slide a img{width:310px;}
.slide .mark {width: 100%; position: absolute;height: 3px; bottom: 0; background-color: rgba(51,51,51,0.5); -webkit-transform: translate3d(0,0,0); display: -webkit-box;} 
.slide .mark li {display: block; -webkit-box-flex: 1; height: 100%; overflow: hidden;}
.slide .mark li.active { background-color:#25a4bb;}

 /*product css style*/
 
.products{position:relative;border:1px solid #d3d3d3; width:99.5%; margin:0 auto;margin-top:20px; border-radius:11px;}
.products_title{position:absolute; top:-10px; background:url(../images/aa.jpg) 34px center no-repeat #fff; background-size:24px 24px; height:34px; line-height:34px; font:100 14px/34px "微软雅黑"; width:100%; border-radius:11px; border:1px solid #d3d3d3; box-shadow:0 5px 5px #aaa;}
.products ul{padding-bottom:5px; text-align:left !important; padding-top:20px;}
.products ul li{display: inline-block;margin-top: 15px;text-align: center;overflow: hidden; width:49.0%; padding:5px;}
.products ul li a{display: inline-block;overflow: hidden;border: 1px solid #fff;box-shadow: 3px 3px 5px #aaa; width:100%;}
.products ul li a img{display: block;width:100%;height: auto;vertical-align: middle;}
.products ul li  h3{display: block;width:100%;line-height: 30px;height: 30px;overflow: hidden;text-align: center;background: #eee;}


 /* news css style*/
.news{position:relative;border:1px solid #d3d3d3; width:99.5%; margin:0 auto;margin-top:20px; border-radius:11px;}
.news_title{position:absolute; left:-1px; top:-10px;  background:url(../images/aa.jpg) 34px center no-repeat,url(../images/right_buttom.jpg) 95% center no-repeat,#fff; background-size:25px 25px,18px 18px; height:34px; line-height:34px; font:100 14px/34px "微软雅黑"; width:100%; border-radius:11px; border:1px solid #d3d3d3; box-shadow:0 5px 5px #aaa;}
.news ul{padding-top:30px;}
.news ul li{height:35px; line-height:35px; border-bottom:1px solid #d3d3d3; background:url(../images/dd1.jpg) 95% center no-repeat; background-size:20px 20px;}
.news ul li a{font:100 14px/35px "微软雅黑"; padding-left:10px; text-align:left; display:block;}

/* product_cate css style*/
.product_cate{position:relative;border:1px solid #d3d3d3; width:99.5%; margin:0 auto;margin-top:20px; border-radius:11px;}
.product_cate_title{position:absolute; left:-1px; top:-10px; background:url(../images/aa.jpg) 34px center no-repeat,url(../images/right_buttom.jpg) 95% center no-repeat,#fff; background-size:25px 25px,18px 18px; height:34px; line-height:34px; font:100 14px/34px "微软雅黑"; width:100%; border-radius:11px; border:1px solid #d3d3d3; box-shadow:0 5px 5px #aaa;}
.product_cate ul{padding-top:30px;}
.product_cate ul li{height:35px; line-height:35px; border-bottom:1px solid #d3d3d3; background:url(../images/dd1.jpg) 95% center no-repeat; background-size:20px 20px;}
.product_cate ul li a{font:100 14px/35px "微软雅黑"; padding-left:20px; text-align:left; display:block;}
 
/* footer css style*/
.distraction{height:78px; width:100%;}
.footer{background:url(../images/footer_img.jpg) repeat-x; display:-webkit-box; width:100%; margin-top:6px; background-size:9px 128px; position: fixed; z-index: 110;bottom: 0;left: 0;}
.footer a{-webkit-box-flex: 1;display: -webkit-box; padding-top:10px; color:#fff;padding-top:26px;
	background:url(../images/footback1.jpg) 50% 15px no-repeat; background-size:30px 24px;display:block;}
.footer span{width:78px; display:block; margin:0 auto; color:#fff;font-size:16px;font-family:"微软雅黑";}
.footer a.back2{background:url(../images/footback2.jpg) 50% 15px no-repeat; background-size:30px 24px;}
.footer a.back3{background:url(../images/footback3.jpg) 50% 15px no-repeat; background-size:30px 24px;}
.footer a.back4{background:url(../images/footback4.jpg) 50% 15px no-repeat; background-size:30px 24px;}
.footer a.share{background:url(../images/footback5.jpg) 50% 15px no-repeat; background-size:30px 24px;}
 
 
/*share css style*/
#mobile_share{position:fixed;right:0;bottom:90px;
width: 123px;z-index: 99999;background: #fff;padding: 0;overflow: hidden;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;-webkit-transform: translateX(100%);}
#mobile_share h2.title{text-align:center;line-height:30px;height:30px;background: #717577;color: #fff;font-size:14px;}
#mobile_share .share_item{padding: 8px;background: #fff;border: 1px solid #f1f1f1;}
#mobile_share .share_item li{display: block;overflow:hidden;margin: 8px 0;border-bottom: 1px solid #f1f1f1;padding-bottom: 8px;}
.share-link {display: block;margin:0 auto;width: 105px;overflow: hidden;line-height: 32px;font-size: 12px;padding-left: inherit;}
.share-link i{background: url(../images/share_icon.png) no-repeat;background-size: 200px 32px;width:32px;height:32px;display: block;margin-right: 20px;float: left;}
.share-link span{display:inline-block;}
.share-weibo i{background-position:0 0;}
.share-renren i{background-position:-42px 0;}
.share-douban i{background-position:-84px 0;}
.share-qweibo i{background-position:-126px 0;}
.share-qzone i{background-position:-168px 0;}
body{width:100%; height:100%; overflow-x:hidden; position:relative;}