﻿*{padding:0px;margin:0px}
body{border:0px;padding:0px;margin:0px;font-size:12px;background:#f8f8f8}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;border:0px;list-style-type:none;}
a {
    color: #7c7c7c;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
}
.clear{clear:both;}
.right {float: right;}

.header{background:#0A8AF4;height:95px;width:100%}
@media screen and (max-width: 980px) { 
.header{background:#0A8AF4;height:195px;width:100%}
} 
.logo{margin-top:10px;}
@media screen and (max-width: 980px) { 
.logo{margin-top:50px;}
} 
.top_right{float:right;height:95px}
.top_left{float:left}
.tel_title{overflow:hidden;padding-top:20px;;padding-right:80px;padding-left:60px;background:url(../images/tel_bg.png) no-repeat 0 center;height:65px}
@media screen and (max-width: 980px) { 
.tel_title{margin-top:50px;}
} 
.tel_title h3{font-size:30px;color:#fff}
.index_warp{width:100%}

.nav{height:255px;width:1150px;margin:0 auto;}
@media screen and (max-width: 980px) { 
.nav {width:980px;height:255px;margin:0 auto;}  
} 
.nav_warp{background:url(../images/nav_bg.jpg) repeat 0 0;width:100%;height:225px}
@media screen and (max-width: 980px) { 
.nav_warp{background:url(../images/nav_bg.jpg) repeat 0 0;width:100%;height:325px} 
} 
.nav ul li{margin:26px;float:left;width:110px;height:110px;text-align:center;background:url(../images/nav_bg.png) no-repeat 0 0}
@media screen and (max-width: 980px) { 
.nav ul li{margin:10px;margin-top:105px;float:left;width:12.2%;height:110px;text-align:center;background:url(../images/nav_bg.png) no-repeat 0 0}
} 
.nav ul li a{color:#fff}
.nav_title{height:30px;line-height:30px}
.nav_pic{padding-top:20px}

.mn2{width:1150px;margin:0 auto}
@media screen and (max-width: 980px) { 
.mn2{width:100%;margin:0 auto}
} 

.mn2_warp{background:url(../images/bg2.jpg) repeat 0 0;width:100%;overflow:hidden}
.product_list ul li{float:left;margin:20px;}
.product_title{text-align:center;height:40px;line-height:40px;border-bottom:2px solid #ccc}

@media screen and (max-width: 980px) { 
.product_title{text-align:center;height:60px;line-height:60px;border-bottom:2px solid #ccc}

} 
.product_title2{text-align:center;height:40px;line-height:40px;}
.product_title_left{float:left}
.product{float:left}
.product_list{overflow:hidden}
.about_title{height:40px;line-height:40px;border-bottom:2px solid #ccc}

@media screen and (max-width: 980px) { 
.about_title{height:60px;line-height:60px;border-bottom:2px solid #ccc}
} 

.product_more{float:right}
.about_right{line-height:25px;padding-top:20px}
.about_more{float:right}
.about_title_left{float:left}


.index_about{float:right;width:450px;}
@media screen and (max-width: 980px) { 
.index_about{float:right;width:350px;}
} 
.footer{height:150px;background:#0378D8}
@media screen and (max-width: 980px) { 
.footer{height:250px;background:#0378D8}
} 
.copyright{color:#fff;text-align:center;line-height:30px;padding-top:20px;}
@media screen and (max-width: 980px) { 
.copyright{color:#fff;text-align:center;line-height:30px;padding-top:60px;}
} 
.copyright a{color:#fff}



.sub{ margin:25px auto 0;}
.clear{ clear:both; overflow:hidden;}
.left{ float:left; width:292px;}
.cateul{ margin:0 0 20px;}
.cateul li{ clear:both; overflow:hidden; height:29px; line-height:29px;border-bottom:1px dotted #ccc;}
.cateul li a:hover,ul.cateul li.cateli a,#pronav li .proli:hover,#pronav li .prolit{ background:#0468BA; color:#fff;
width:100%; height:29px; display:block; text-indent:10px; }
.cateul li a{ width:100%; height:29px; display:block; text-indent:10px;font-size:13px }
.leftp{ background:#eeeeee; padding:10px; line-height:24px; margin:5px 0 0;}

.right{ float:right; width:840px;}
@media screen and (max-width: 980px) { 
.right{ float:right; width:670px;}
}
.find{ margin:0 0 20px;border-bottom:2px solid #0468BA}
.find h2{ float:left; width:auto; color:#0468BA; font-size:14px;}
.find p{ float:right; width:auto; line-height:20px;}
.find p span{ float:left; display:block; padding:0 6px;text-align:center;}
.find p a{}
.subcont{ line-height:27px;}

.proul li{ float:left; width:166px; height:150px; overflow:hidden; margin:0 12px 20px; text-align:center;}
.proul li a{ width:166px; height:125px; display:block; margin:0 0 5px;}



/**************************pages******************************************/
.page {padding:30px 0;font-size:12px;font-family:Arial;text-align: left;clear:both;}
.page a {background-position:50% bottom;margin-right:3px;text-decoration:none;padding:3px 8px; border:1px solid #e0e0e0; display:inline-block}
.page span {background-position:50% bottom;margin-right:3px;text-decoration:none;padding:3px 8px; border:1px solid #e0e0e0; display:inline-block}
.page a:hover {border:1px solid #dddddd; color: #fff; background-color: #0468BA;display:inline-block}
.page span.current {padding:3px 8px;font-weight:bold;margin-right:3px;background:#0468BA; color:#fff;border:1px solid #e0e0e0; display:inline-block}
.page span.disabled {display: none;}
.page a.next {border: #d9d9d9 2px solid;margin: 0px 0px 0px 10px;}
.page a.next:hover {border: #d9d9d9 2px solid;}
.page a.prev {border: #d9d9d9 2px solid; margin: 0px 10px 0px 0px; }
.page a.prev:hover {border: #d9d9d9 2px solid;}
/**************************pages End******************************************/

.newsulzy{  margin:0 auto 15px;}
.newsulzy li{ clear:both; overflow:hidden; margin:0 0 10px;}
.newsabox{ display:block; width:748px; background:url(../images/bg_newsli2.gif) no-repeat left; border-bottom:1px solid #f0f0f0; height:54px;}
.newsabox:hover{ background:url("../images/bg_newsli.gif") no-repeat scroll left center; border:1px solid #0468BA;}
.newsspan2{ float:left; width:55px; text-align:center; color:#787878;}
.newsspan2 strong{ color:#767676; font-size:20px; margin:2px 0; clear:both; overflow:hidden; display:block; width:100%;}
.newsh2{ float:left; width:680px; font-size:13px; margin:10px 0 0 10px;}
.newsp{ float:left; width:680px; margin:0 0 0 10px;}
.newsabox:hover span.newsspan2,a.newsabox:hover span.newsspan2 strong{ color:#fff;}
.newsabox:hover h2.newsh2{ color:#4f4f4f;}
.newsabox:hover p.newsp{ color:#4f4f4f}
.newszh2t{ font-size:14px; margin:0 0 10px; text-align:center; }
.newspt{ background:#e3e3e3; height:30px; line-height:30px; text-align:center; margin:0 0 10px;}

.equipul li{ float:left; width:235px; height:180px; overflow:hidden; text-align:center; margin:0 22px 20px;}
@media screen and (max-width: 980px) { 
.equipul li{ float:left; width:205px; height:180px; overflow:hidden; text-align:center; margin:0 5px 5px;}
}
.equipul li a{ width:209px; height:158px; display:block; margin:0 0 5px;}

.mwidht{width:1150px;margin:0 auto;}
@media screen and (max-width: 980px) { 
.mwidht{width:100%;margin:0 auto;}
}
.mar_top{margin-top:25px;margin-bottom:25px}
.logo{ float:left; width:auto;}
#jsddm{ float:right; width:auto; overflow:hidden; padding:27px 0 0;}
#jsddm li{float: left; margin:0 0 0 5px;}
#jsddm li a{text-decoration: none;float:left; display:block; overflow:hidden; height:30px; font-size:14px; width:79px; text-align:center; line-height:27px;font-weight:bold}
#jsddm li a.nava,#jsddm li a:hover{ background:#0468ba; color:#fff; display:block;}
#jsddm li ul{position:absolute;visibility: hidden; z-index:9999; top:95px; overflow:hidden;}
#jsddm li ul li{float: none;margin:0;}
#jsddm li ul li a{width: auto;background: #0468BA;color: #fff; height:24px; line-height:24px; font-size:12px; font-weight:normal; border-top:1px solid #d8eaf9; text-indent:0; width:120px; text-align:center; margin:0;}
#jsddm li ul li a:hover{background: #01d1d5; color:#fff;}

.top{ background:#0468BA; height:36px; line-height:36px; color:#fff;}
.topspan{ float:left; width:auto; background:url(../images/icon_notice.gif) no-repeat 0 12px; padding:0 0 0 15px;}
.topspan2{ float:right; width:auto;}
.topspan2 span{ padding:0 5px;}
.topspan2 a{ color:#fff;}
.topspan2 a:hover{ text-decoration:underline;}


.fixed-bar .icon,.fixed-bar .consult-list .tel-icon{background:url("../images/JS_02.png") no-repeat;}
.fixed-bar .icon{display:block;position:absolute;top:50%;left:50%;width:23px;height:12px;overflow:hidden;margin:-18px 0 0 -12px;background-position:right -220px;text-indent:-999em;}
.fixed-bar{position:fixed;right:20px;bottom:180px;z-index:50;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))-30);}
.fixed-bar .gotop{position:relative;z-index:1;display:block;width:68px;height:36px;overflow:hidden;margin:-1px 0 0;padding:32px 0 0;border:1px solid #e6e6e6;border-top:1px dashed #eaeaea;background-color:#fff;color:#666;font:normal 14px/36px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";text-align:center;}
.fixed-bar .share{height:68px;overflow:hidden;margin:-1px 0 0;border:1px solid #e6e6e6;}
.fixed-bar .gotop:hover{z-index:10;border-color:#0378d8;background-color:#0378d8;color:#fff;text-decoration:none;}
.fixed-bar .gotop:hover .icon{background-position:right -251px;}
.fixed-bar .consult-box{border:1px solid #e6e6e6;}
.fixed-bar .consult-box .consult-header{position:relative;height:36px;margin:-1px -1px 0;background:#0378d8;}
.fixed-bar .consult-box .consult-title{color:#fff;font:normal 16px/36px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";text-align:center;}
.fixed-bar .consult-box .icon{display:none;top:0;left:-28px;width:28px;height:36px;overflow:hidden;margin:0;background-position:-80px -530px;cursor:pointer;}
.fixed-bar .consult-box .icon:hover{background-position:-110px -530px;}
.fixed-bar .consult-list{margin:0 2px -1px;padding:9px 0;border-bottom:1px dashed #eaeaea; overflow:hidden}
.fixed-bar .consult-list li{padding:6px 0 6px 23px;color:#666;font:normal 12px/24px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.fixed-bar .consult-list span,.fixed-bar .consult-list a{float:left;line-height:24px;}
.fixed-bar .consult-list span{padding-right:10px;}
.fixed-bar .consult-list img{vertical-align:top;}
.fixed-bar .wide-bar{width:134px;background:#fff;}
.fixed-bar .wide-bar .share .bds_more{width:148px;_width:146px;background-position:-252px -568px;}
.fixed-bar .wide-bar .share .bds_more:hover{background-position:-354px -568px;}
.fixed-bar .wide-bar .gotop{width:132px;}
.fixed-bar .consult-list .tel-icon{margin-left:-15px;padding:0 0 0 20px;background-position:-591px -264px;}