@charset"utf-8";
html, body, section, article, nav, header, footer, form, div, em, span, a, label, p, h1, h2, h3, h4, h5, h6, dl, ul, ol, li, dt, dd, select { margin: 0; padding: 0; font-size: 14px; font-weight: normal; font-style: normal;line-height:20px;}
ul{list-style:none}
li{list-style:none}
a{outline:none; text-decoration:none}
a:link,a:active,a:visited{color:#000}
a:hover{color:#BF0919;text-decoration:none;}
a strong{cursor:pointer;}
.c{clear:both;width:100%;height:0;overflow:hidden;}
img{border:none;}
input[type=text]:focus::-webkit-input-placeholder, input[type=search]:focus::-webkit-input-placeholder{ color: rgba(0,0,0,0); }
input:focus, :active, :focus { outline: 0 none; }
.warnning,.red{color:#F00} .blue{color:#0F0} .gray{color:#777} .white{color: #FFF}
table{border-collapse:collapse;border-spacing:0;margin: 0 auto;}
fieldset,a img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
article{float:left;width:100%;}
audio,canvas,video {display: inline-block;}
.strong{ font-weight: bold;}
.left{float: left;} .right{float: right;} .center{margin:0 auto; text-align:center;}
.show{display:block; visibility:visible;} .hide{display: none; visibility:hidden;}
.hf{text-align: left;text-indent: -9879px;overflow: hidden;}
.oh{overflow:hidden} .tal{text-align:left} .tar{text-align:right;}

.row {}
.row:before,.row:after {display: table;  content: " ";}
.row:after {clear: both;}
.row:before,.row:after {display: table;  content: " ";}
.row:after {clear: both;}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{position: relative;  min-height: 1px;}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {float: left;}
.col-12 {width: 100%;}
.col-11 {width: 91.66666666666666%;}
.col-10 {width: 83.33333333333334%;}
.col-9 {width: 75%;}
.col-8 {width: 66.66666666666666%;}
.col-7 {width: 58.333333333333336%;}
.col-6 {width: 50%;}
.col-5 {width: 41.66666666666667%;}
.col-4 {width: 33.33333333333333%;}
.col-3 {width: 25%;}
.col-2 {width: 16.666666666666664%;}
.col-1 {width: 8.333333333333332%;}

/* 全局 */
body{font-family: Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;overflow-x: hidden;}
html{overflow-x: hidden;}
#home{min-width: 320px;max-width:640px;margin:0 auto;overflow-x: hidden;background:#1E53C5}

#menu{height:80px;width:100%;}
#container{width:100%;background: #FFF;}
#footer{width:100%;background: #FFF;}
.img-responsive {display: block;height: auto;width: 100%;}
/* head */
#head{width:100%;background:#FFF url(logo.jpg) center 0 no-repeat;}
#topinfo{width:100%;height:60px;}
#logo{width:60%;height:60px;}
#bddh{width:40%;height:60px;}

#menu ul{width:100%;float: left;height:80px;}
#menu ul li{width:33.33333333%;float: left;height:40px;background: url(li.png) 0 0 repeat-x;}
#menu ul li a{width:100%;float: left;color:#FFF;text-shadow: 1px 1px 1px #000000;height:40px;line-height:40px;}
#menu ul li a:hover,#menu ul li.active a{color:#FFFFFF;background: url(li.png) 0 -40px repeat-x;}


/* foot */
#footer .footc{width: 100%;text-align:center;color:#000;margin-top: 10px;border-top:1px solid #ccc;padding: 10px 0;font-size: 12px;}
#footer .footc a{color:#000;font-size: 12px;}
#footer .footnav{width: 100%;text-align:center;height:40px;background: url(li.png) 0 0 repeat-x;
}
.footnav ul{width:100%;height:40px;color: #FFF;}
.footnav ul li{width:25%;height:40px;float: left;line-height:40px;}
.footnav ul li a{width:99%;float: left;color:#FFF;height:40px;line-height:40px;border-right:1px solid #1E53C5;text-align: center;}

/* home */
.indextitle{color: #FFF;width:100%;height:35px;background: url(li.png) 0 0 repeat-x;}
.indextitle a{color:#FFF;text-shadow: 1px 1px 1px #000000;}
.indextitle span{line-height:35px;width:90px;margin-left:10px;float:left;}
.indextitle span i{float:left;margin-top:9px}
.indextitle span a{line-height:35px;width:70px;float:right;}
.indextitle em{line-height:35px;width:16px;font-size:12px;margin-right:10px;float:right}
.indextitle em a{line-height:35px;width:30px;font-size:12px;float:right}
.icont{padding-bottom:10px;}
ul.idTabs{width:100%;height:35px;}
ul.idTabs li{width:100px;height:35px;float:left;}
ul.idTabs a{width:100px;height:35px;float:left;line-height:35px;text-align: center;}
ul.idTabs i{margin-right:5px;}
ul.idTabs a.selected{background: url(li.png) 0 -40px repeat-x;}

article{width:94%;padding:0 3%;}
#category{padding:5px 0 20px 0;}
.proclass{width: 100%}
.proclass li{width: 33.3333333%;text-align: center;overflow: hidden;float:left;display: block;margin:20px 0 0 0}
.proclass a{width:100%;text-align: center;display: block;}
.proclass img{width:90%;text-align: center;border: none;margin: 0 auto;}
#about{margin:14px 0 ;height:100px;overflow: hidden;}
#maimg{background: url(li.png) center -840px no-repeat;height:100px;}
#macon{height:100px;}

#products{width:100%;}
.product{width:100%;}
.product ul{width:100%;}
.product li{width:33.33333%;text-align: center;float: left;margin:20px 0 0;overflow: hidden;}
.product a{width:100%;float: left;}
.product img{width:92%;margin: 0 auto;}
.product span{width:100%;height:20px;float: left;overflow:hidden;}
#news {width:100%;}
#news ul{width:100%;}
#news li{width:100%;height:30px;background: url(li.png) 5px -586px no-repeat;}
#news a{width:100%;height:29px;border-bottom:1px dashed #CCC;text-align:left;float:left;line-height:29px;text-indent:15px;background: url(li.png) right -628px no-repeat;}
#news span{display: none;}

#mcontact{margin-top:14px;height:100px;overflow: hidden;width:100%;}
#mcontact #mcimg{background: url(intr.jpg) center -153px no-repeat;height:100px;}
#mcontact #mccon{height:100px;}

/* subody */
#crumb{width: 100%;margin:0;}
#current_cate{width: 100%;margin:0;border-bottom: 1px solid #ccc;background:#fff;border-top:1px solid #0661B0;}
#current_cate ul{width: 100%;margin:0;float:left;}
#current_cate li{width:49.5%;margin:0;float:left;overflow: hidden;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
#current_cate a{width:100%;margin:0;float:right;text-indent:10px;background: url(li.png) right -630px no-repeat;color:#555;line-height: 30px;}
#current_cate a:hover{background:#aaa url(li.png) right -630px no-repeat;color:#fff;line-height: 30px;}

.breadcrumb{width: 100%;padding: 8px 15px;margin:0;list-style: none;background-color: #f5f5f5;border:1px solid #eee;float:left;}
.breadcrumb li {display: inline-block;}
.breadcrumb li + li:before {padding: 0 5px;color: #cccccc;content: "/\00a0";}
.breadcrumb .active {color: #999999;}
.breadcrumb li.crumbhome i{color:#888;padding-right: 4px;}



#ddselect{position:absolute;top:0;right:0;z-index: 99;float:right;display: none;background: url(li.png) 0 -553px no-repeat;text-indent: 10px;}
#ddselect .dropdown{display: none;background: #FFF;border:1px solid #055296;border-bottom: none;}
#ddselect .dropdown li{padding:0 5px;border-bottom: 1px solid #055296}
#ddselect .dropdown a{color:#000;height:30px;display: block;line-height: 30px;}
#ddselect .dropdown a:hover{color:#055296;}

.gradient{
background: -moz-linear-gradient(top, #ffffff, #eeeeee); 
background: -webkit-gradient(linear,top,from(#ffffff),to(#eeeeee));
background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
background: -o-linear-gradient(top, #ffffff, #eeeeee);
}
.gradient:hover{
background: -moz-linear-gradient(top, #eeeeee, #dddddd); 
background: -webkit-gradient(linear,top,from(#eeeeee),to(#dddddd));
background: -webkit-linear-gradient(top, #eeeeee, #dddddd);
background: -o-linear-gradient(top, #eeeeee, #dddddd);
}

.piclist{width:100%;background: #ccc;padding:4px 0;}
.piclist ul{width:97%;margin:0 auto;}
.piclist li{width:100%;height:80px;border:1px solid #ccc;border-top:1px solid #fff;}
.piclist a{width:100%;height:80px;}
.piclist img{width:95px;height:70px;margin:5px 0 0 5px;float:left;}
.piclist h3{height:30px;float:left;width:100%;line-height:30px;overflow: hidden;}
.piclist p{height:18px;float:left;width:100%;font-size:12px;line-height:18px;overflow: hidden;float:left;}
.piclist .more{border-left:1px solid #DDDDDD;}



/*.piclist ul{width:97%;margin:0 auto;}
.piclist li{width:49%;height:auto;float:left;margin-top: 5px;}
.piclist a{height:auto;float:left;}
.piclist a table td{width:100%;height:auto;float:left;}
.piclist img{width:100%;height:auto;float:left;margin: 0;}
.piclist h3{width:100%;text-align: center;}
.piclist p{display: none;}*/




.txtlist{width:100%;background: #ccc;padding:4px 0;}
.txtlist ul{width:97%;margin:0 auto;}
.txtlist li{width:100%;height:50px;border:1px solid #ddd;border-top:1px solid #fff;}
.txtlist a{width:100%;height:50px;}
.txtlist h3{height:30px;float:left;width:100%;line-height:30px;overflow: hidden;font-size:16px;text-indent:10px;background: url(li.png) right -620px no-repeat;}
.txtlist ul li p{height:20px;float:left;width:100%;font-size:12px;line-height:20px;overflow: hidden;color:#777;text-indent:2em;}

.c{clear:both;width:100%;height:0;overflow:hidden;}

.pager{width:100%;float:right;margin:10px;height:32px;overflow: hidden;text-align:center;padding-top:10px;}
.pager a{text-decoration:none;}
ul#pager{float:right;word-spacing:4px;font-size:12px;line-height:18px;margin-right:2px;}
ul#pager li{width:18px;height:18px;display:block;overflow:hidden;float:left;border:#DDD solid 1px;padding:0;text-indent:0;text-align:center;margin:0 0 0 5px;}
ul#pager li.ect{border:none;}
ul#pager li.current{color:#F00;font-weight: bold;}
ul#pager li.disabled{color:#999;}
ul#pager li a{border:none;color:#000;width:100%;height:100%;float:left;padding: 0;}
ul#pager li.current a{border:none;}
ul#pager li a:hover{background:#EEE;color:#F00}

.proname{font-weight: bold;color:#0066CC;margin: 10px 0;}
.prodescript{font-weight: bold;}

.newstitle{color:#055296;font-size:18px;line-height:30px;width:100%;margin: 10px 0 0 0;}
.newinfo{font-size:12px;line-height:22px;width:100%;}
.line{height:1px;border-bottom:1px solid #CCC;width:100%;float:left;margin:10px 0;width: 100%;}

#zintro{padding-top: 120px;background: url(zintro.jpg) center 0 no-repeat;font-size: 16px;}
#zintro p{text-indent:2em;}
#zjob{width: 100%;}
#zjob p{text-indent:2em;}
#zcase{width: 100%;}
#zcase p{text-indent:2em;}
#zcontact{width:95%;padding-top: 20px;}

/* other */

#main_visual{display:block;width:100%;height:320px;position:relative;}
#main_image {display:block;width:100%;}
#main_image ul {display:block;width:100%;float:left;position:relative;}
#main_image li {display:block;width:100%;}
#main_image li span {display:block; width:100%;}
#main_image li a {display:block; width:100%;}
/*#main_image li .img_1 {background: url('1.jpg') center top no-repeat}
#main_image li .img_2 {background: url('11.jpg') center top no-repeat}
#main_image li .img_3 {background: url('111.jpg') center top no-repeat}
#main_image li .img_4 {background: url('1111.jpg') center top no-repeat}*/
.flicking_con {position:absolute; bottom:10px; left:20px; z-index:999; width:300px; height:21px;}
.flicking_con a {float:left; width:18px; height:18px; margin:0; padding:0; background:url('btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px}
.flicking_con a.on {background-position:0 -18px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:25px!important;height:50px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(hover_left.png) no-repeat left top;left:5px;}
#btn_next{background:url(hover_right.png) no-repeat right top;right:5px;}

.oti{width:100%;height:30px;border-bottom: 1px solid #ddd;text-indent:40px;color:#000;line-height: 30px;font-size: 16px;border-bottom: 1px solid #066cb4;font-weight: bold;}
.oco{width:100%;padding: 10px 0;}

.para{margin-bottom:10px;border: 1px solid #CCC;border-right:none;font-size: 12px;overflow: hidden;}
.para .oddo,.para .oddl{background: #E9E9E9;border-right: 1px solid #CCC;height:25px;text-align:center;word-break: break-all;}
.para .oddl{background: #F9F9F9;}
.para .oddol{text-align:right;word-break: break-all;}
.para .oddll{text-align:right;word-break: break-all;}

.conprowrap{padding: 10px 0;}
.conprowrap ul{width: 100%;text-align: center;}
.conprowrap li{width:300px;height:80px;float:left;background: url(conpro.jpg) -10px 0 no-repeat;}
.conprowrap li a{width:300px;height:80px;float:left;text-align: left;text-indent: -9876px;}
.conprowrap li.pc1{background-position:-10px 0;}
.conprowrap li.pc2{background-position:-340px 0;}
.conprowrap li.pc3{background-position:-10px -97px;}
.conprowrap li.pc4{background-position:-340px -97px;}
.conprowrap li.pc5{background-position:-10px -194px;}
.conprowrap li.pc6{background-position:-340px -194px;}
.conprowrap li.pc7{background-position:-10px -291px;}
.conprowrap li.pc8{background-position:-340px -291px;}
.conprowrap li.pc9{background-position:-10px -388px;}

.icn{background: url(li.png) no-repeat;width: 16px;height:16px;display: block;}
.icn-jingpin{background-position: 0 -440px;}
.icn-jianjie{background-position: 0 -400px;}

#sharemasker {
position: absolute;z-index: 99;top: 0;left: 0;right: 0;bottom: 0;background-color: #000;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
visibility: hidden;background-color: rgba(0,0,0,0.5);position: fixed;}
.share-qzone,.share-sinaweibo,.share-renren,.share-qqweibo{font-size:34px;display:block;width:34px;height:46px;line-height:46px;}
.share-qzone {color:#D72C2B;}
.share-sinaweibo {color:#20C7E5;}
.share-renren {color:#A2D712;}
.share-qqweibo {color:#42ADFF;}
.share-cancel {padding: 8px;background-color: #F0F0F0;}
.share-cancel a {display: block;height:25px;width: 100%;text-align: center;background-color: #fff;padding: 10px 0;border: 1px solid #E1E1E1;}
.share-tool {background-color: #fff;width: 100%;position: absolute;bottom: 0px;z-index: 999;}
.share-item{width: 100%;height: 60px;}
.share-item dl{display:block;width: 100%;height: 60px;}
.share-item dl dd{height: 60px;line-height: 40px;text-align: center;width: 25%;float:left;padding-top: 10px}
.share-item dl dd a{display: inline-table;width: 85px;height: 50px;background: url('share.png');font-size: 12px;}
.share-item dl dd a.sinashare-item{background-position: 23px 0;}
.share-item dl dd a.sinashare-item:before{content: '新浪微博';}
.share-item dl dd a.qqweiboshare-item{background-position: -177px 0;}
.share-item dl dd a.qqweiboshare-item:before{content: 'QQ微博';}
.share-item dl dd a.renrenshare-item{background-position: -377px 0;}
.share-item dl dd a.renrenshare-item:before{content: '人人网';}
.share-item dl dd a.qqshare-item{background-position: -377px -100px;}
.share-item dl dd a.qqshare-item:before{content: 'QQ好友';}
.share-item dl dd a.dobanshare-item{background-position: -177px -100px;}
.share-item dl dd a.dobanshare-item:before{content: '豆瓣网';}
.share-item dl dd a.mail-item{background-position: -277px -100px;}
.share-item dl dd a.mail-item:before{content: '邮件';}
.share-item dl dd a.sms-item{background-position: -77px -100px;}
.share-item dl dd a.sms-item:before{content: '短信';}
.share-item dl dd a:before{margin-top: 25px;display: inline-block;content: 'QQ微博';}