@charset "utf-8";

a{font-family:微软雅黑,"微软雅黑",Verdana,Arial,"宋体",Helvetica, sans-serif;font-size:13px;text-decoration:none;}
a:link   {color:#787878;}
a:visited{color:#787878;}
a:hover  {color:#278cad}
a:active {color:#787878;}

/*去掉链接（包括图片链接）的虚线边框*/ 
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */ 
:focus { outline: none; }/* for Firefox */ 

/*IE滚动条样式*/
body { SCROLLBAR-ARROW-COLOR:#FFFFFF;SCROLLBAR-FACE-COLOR:#a0a0a0;SCROLLBAR-DARKSHADOW-COLOR:#a0a0a0;SCROLLBAR-HIGHLIGHT-COLOR:#a0a0a0;SCROLLBAR-3DLIGHT-COLOR:#a0a0a0;SCROLLBAR-SHADOW-COLOR:#a0a0a0;SCROLLBAR-TRACK-COLOR:#E6E6E6;}
/* Webkit内核滚动条样式 */
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 0px; border-radius:0px;}/*滑轨*/
::-webkit-scrollbar-thumb {-webkit-border-radius:0px;border-radius:0px; background: rgba(160,160,160,1.0); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);}/*滑块*/
::-webkit-scrollbar-thumb:window-inactive {background: rgba(160,160,160,0.8);} 

body {color:#787878; margin:0; background:#fff; text-align:center; line-height:185%;}

div,ul,dl,dt,dd{ margin:0; padding:0;list-style:none;}
body,td,input,select,textarea{ font-family:微软雅黑,"微软雅黑",Verdana,Arial,"宋体",Helvetica, sans-serif; font-size: 13px;}
img{ border:0;}
form{ margin:0}
input,select{ vertical-align:middle;}
input[type=text],input[type=password],textarea{ border:#d7d7d7 1px solid; color:#646464}
hr{border-top:#cdcdcd 1px dotted; border-bottom:none; background:none; border-left:none; border-right:none}
*{-webkit-text-size-adjust:none;/*解决webkit内核浏览器强制最小字体*/} 
/*css3过渡效果*/
a,li,p,div{transition:background-color 0.3s,opacity 0.4s;-webkit-transition:background-color 0.3s,opacity 0.4s;-moz-transition:background-color 0.3s,opacity 0.4s; -o-transition:background-color 0.3s,opacity 0.4s;}

/*公共*/
.blank{ height:0; line-height:0; font-size:0; margin:0; padding:0; clear:both;}
.global_width{ width:1160px; margin:0 auto; text-align:left; position:relative;}
.fullWidth{width:100%; min-width:1160px; position:relative;}
.floatL{ float:left;}.floatR{ float:right;}
.hide{ display:none;}

#head{ position:relative; background:url(../images/body_bg.jpg) #fff; }
#logo{ text-align:center;}
#logo a{ display:inline-block; padding:25px 0;}
#language{ position:absolute; display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; color:#fff; right:0; background:#278cad; border-radius:50%; top:42%;}

/*主菜单*/
#Menu{ z-index:10; height:42px; margin-bottom:25px;}
#nav {height:42px; width:900px; float:left;}
.mainlevel { position: relative; float: left; height::42px; background:url(../images/menu_line.png) right center no-repeat;}
.mainlevel a{font-size:15px; height::42px; line-height:42px;display:block; color:#000; text-align:center;}
.mainlevel a:visited{ color:#000;}
.mainlevel a i{ display:inline-block; width:16px; height:20px; vertical-align:middle; background:url(../images/ele.png) -130px top no-repeat;}
.mainlevel.hover a:visited,.mainlevel.hover a{color:#278cad;}
.mainlevel.hover a i{ background-position:-146px top;}
.mainlevel a.Currpage,.mainlevel a.Currpage:visited{/*background:#278cad;*/color:#278cad}
.mainlevel p {display:none; background:#fff; left:0; top:42px; position:absolute; z-index:100; margin:0; padding:10px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; min-width:100%;}
.mainlevel p a{color:#fff; line-height:32px; height:32px; font-size:13px;  white-space:nowrap; text-align:center; padding:0 15px; display:block; margin:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.mainlevel p a:hover{ color:#000;}

/*搜索框*/
#Searchform{height:24px;line-height:24x;  text-align:left; width:200px; border:#c8c8c8 1px solid; float:right; margin-top:9px;}
#Searchform input,#Searchform img{ vertical-align: middle}
#Searchform input{height:24px; line-height:24px; border:none; width:162px; color:#b4b4b4; background:none; display:inline; font-size:12px; float:left; padding:0; margin:0 0 0 8px;}
#Searchform .SearchBtn{ width:30px; height:24px; display:inline-block; background:url(../images/ele.png) left -6px no-repeat; float:left;}
#Searchform .SearchBtn:hover{ background-color:#333;}

/*Banner*/
#banner_box{ padding-top:1px;}
#banner_bg{ position:absolute; width:100%; height:90%; background:#278cad; left:0; top:0;}
#banner{z-index:1; height:550px; margin:39px auto 50px auto; text-align:center; background:url(../images/loading.gif) center center no-repeat;}
.js{ position:relative; width:100%; height:550px; overflow:hidden; margin:0 auto; clear:both; float:left; background:#ebebeb;}
.js a{ display:block; width:100%; height:100%;}
.jsNav {POSITION:absolute; bottom:16px; height:40px; left:25px;}
.jsNav a,.jsNav a:visited{ float:left; display:inline-block; height:6px; width:6px; color:#585858; overflow:hidden; text-indent:-999px; background:#000; font-size:0; line-height:0;border-radius:50%; -moz-border-radius:50%;-webkit-border-radius:50%; margin:5px 2px 0 2px;}
a.imgSelected,a.imgSelected:visited{ background:#d2ac67;}
#currBanner{ display:inline-block; float:left; width:40px; height:40px;background:url(../images/num.png) left top no-repeat;font-size:0; line-height:0;}
#slash{ display:inline-block; width:10px; height:40px; float:left; margin-right:3px; background:url(../images/num.png) -320px top no-repeat;}
#allBanner{ display:inline-block; width:25px; height:25px; overflow:hidden; background:url(../images/num.png) left -40px no-repeat;font-size:0; line-height:0; }
/*内页banner*/
#subBanner{z-index:1; height:auto; margin:39px auto 0 auto; min-height:150px; text-align:center;background:url(../images/loading.gif) center center no-repeat;}

/*分享*/
#share{ position:relative; z-index:10; margin:100px auto -11px auto; clear:both; text-align:center; height:30px; width:180px; line-height:30px; background:url(../images/ele.png) left -38px no-repeat;}
.bdsharebuttonbox{ margin:4px auto 0 auto; display:inline-block;}
/*页脚*/
#foot{ width:100%; margin:0 auto;color:#a9a7a6; font-size:12px; clear:both; background:#212121; padding:1px 0 10px 0; text-align:center;}
#foot a{color:#cdcccb; font-size:12px;cursor:hand;cursor: pointer;}
#foot a:hover{ color:#278cad}
#fot{ height:25px; line-height:25px; margin:20px auto 0 auto; text-align:center;}
#fot a{ margin:0 15px}

/*公共*/
a.More{ float:right; width:50px; height:38px; display:inline-block; background:url(../images/ele.png) -30px top no-repeat; vertical-align:middle; margin:0 0 0 18px;}
a.More:hover{ background-position:-80px top;}
a.more2{ display:inline-block; height:40px; line-height:40px; text-align:center; border:#c8c8c8 1px solid; color:#3c3c3c; padding:0 25px; cursor:hand; cursor:pointer;}
a.more2:hover{ background:#278cad; color:#fff; border-color:#278cad;}
.blank{ clear:both; height:0; line-height:0; font-size:0;}

.List_Title{ background:url(../images/Tit-bg.png) left bottom repeat-x #FFF}
.List_Title span{ background:url(../images/ico_Titspan.gif) 10px center no-repeat; padding-left:25px}
.News_time{ float:right; font-size:11px; color:#969696}
.GlobalColor{ color:#c80000}

/*首页公共*/
.divider{ height:3px; background:#c8c8c8; text-align:center; margin:55px auto;}
.divider p{ margin:0 auto; padding:0; width:33%; background:#278cad; height:3px;}
.Title{ height:30px; line-height:30px; margin:10px 0 25px 0;}
.Title span{ display:inline-block; width:250px; height:30px; background:url(../images/index_Tit.png) left top no-repeat; float:left;}
.index_font{ float:right; vertical-align:middle;}

/*首页简介*/
#indexAbout_pic{ margin-left:40px;}
#about_box{ padding:8px 0 0 0;}

/*首页产品*/
#indexPro ul{ float:left; margin-right:-15px; position:relative;}
#indexPro li{ float:left; border:#dcdcdc 1px solid; height:220px; width:220px; margin:0 13px 15px 0; background:#fff;}
#indexPro li#proad{ width:455px;}
#indexPro li a{ position:relative; display:inline-block; width:100%; height:100%; overflow:hidden; text-align:center;}
#indexPro li a img{ max-height:100%; max-width:100%;}
#indexPro li a span{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; background:url(../images/tran.png); color:#fff; font-size:12px; line-height:18px; padding:10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; display:none;}
#indexPro li a span i{ display:inline-block; width:110px; height:80px; background:url(../images/ele.png) left -68px no-repeat; margin:50px auto 20px auto;}


/*首页新闻资讯*/
#indexNews{ padding:16px 0 0 0;}
#indexNews ul li{ width:30%; float:left; margin-left:5%;}
#indexNews ul li:first-child{ margin-left:0;}
#indexNews ul li a p{ color:#212121; font-size:15px; height:19px; line-height:19px; margin:18px 0 10px 0; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis; background:url(../images/ele.png) -162px top no-repeat; padding:0 0 0 12px}
#indexNews ul li a:hover p{ color:#278cad; background-position:-162px -19px;}
.NewsTime{font-size:26px; color:#a0a0a0;}
#indexNews ul li a span{ color:#a0a0a0; font-size:12px; line-height:18px;}

/* 列表 */
#sublist{ float:right; margin:5px 0 0 0; padding:0; height:28px;  text-align:right;}
#sublist a{  height:28px; line-height:28px; background:#4d4d4d; color:#fff; padding:0 18px; margin-left:6px; display:inline-block;}
#sublist a:hover,#sublist a.curr{ background:#278cad;}

/*当前位置*/
#position{background:#212121; line-height:38px;  margin-bottom:48px; text-align:right; padding-right:18px; }
#position,#position a{ color:#d6d6d6; font-size:12px;}
#position a:hover{ color:#278cad}
#ico_home{ display:inline-block; width:38px; height:38px; overflow:hidden; vertical-align:middle; background:url(../images/ele.png) -130px -68px no-repeat;}
#position2{ float:right; text-align:right;}

/*相册*/
#albumBox{ width:100%; overflow:hidden; }
#album{ width:1200px;}
.albumPic { width:370px; margin:0 22px 20px 0; overflow-x:hidden; position:relative; border:#dcdcdc 1px solid;float:left;}
.albumPic a{ display:block; margin:5px;}
.albumPic img { max-width:360px;  width:auto!important; *width:360px;}
.albumPic span{ line-height:18px; padding:5px 0; top:auto;display:inline-block; text-align:center; width:100%;}

/* 新闻列表*/
#NewsList { clear:both}
#NewsList li{line-height:26px; background:url(../images/dott.gif) bottom repeat-x; margin-top:1px; padding:15px 0}
#NewsList a{ padding-left:15px; background:url(../images/ele.png) -162px 2px no-repeat;  font-weight:bold; font-size:15px; line-height:23px; height:23px; display:block; margin:6px 0;}
#NewsList a:hover{ background-position:-162px -17px}
#NewsList .time{font-size:12px; color:#6F6F6F; float:right; font-weight:normal}
#NewsList .Content{color:#969696; font-size:12px}
.FTit{ text-align:center; border-bottom:#CCC 1px dotted; line-height:36px; color:#969696}

#proTop{ height:40px; background:#278cad;}
/*产品分类*/
#proCata dl{ width:100%; clear:both; border-bottom:#e1e1e1 1px dotted; padding:10px 0;}
#proCata dt{ width:100px; float:left;}
#proCata dt a{ color:#585858; display:block; width:100%; text-align:center; background:#c8c8c8;}#proCata dt a:hover,#proCata dt a.curr{ color:#fff; background:#278cad;}
#proCata dd{ float:left;}
#proCata dd a{ padding:0 10px;}
#proCata dd a.curr{ color:#d2ac67;}

/*产品展示页*/
#Product{width:100%; margin:35px auto 0 auto;}
#Product ul{ clear:both; margin-right:-45px; float:left; position:relative;}
#Product li{ float:left; border:#dcdcdc 1px solid;  width:220px; margin:0 13px 15px 0; background:#fff; padding-bottom:10px;}
#Product li:hover{ border-color:#278cad;}
#Product li a{ position:relative; display:inline-block; width:220px; overflow:hidden; text-align:center;}
#Product li a img{ max-height:100%;}


/*产品详细页*/
#proPic_box{ float:left; max-width:400px; margin-right:50px;}
a.Product_pic{ border:#dedede 1px solid; display:inline-block; max-width:100%; padding:6px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
a.Product_pic img{  max-width:100%;}
.Product_li{ font-weight:bold; margin:8px 0}
.Product_li li{ height:35px; line-height:35px}
.Product_li span{ font-weight:normal; color:#969696}
.Product_ExTitle{ height:26px; line-height:26px;border-bottom:#d7d7d7 1px solid; padding-left:16px; color:#278cad; font-weight:bold; background:url(../images/ico_news.gif) left -26px no-repeat; margin-bottom:25px; font-size:16px;}

/*联系我们*/
#QQ img{ vertical-align:middle; margin:0 5px 0 0 ;}
.my-map { z-index:1; margin: 39px auto 0 auto; height: 400px; border:#278cad 2px solid; border-top:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }

/* 翻页 */
#pageshow{text-align:center;margin:25px 0 15px 0; clear:both; height:26px; line-height:26px;}
#pageshow a{width:26px; height:26px; margin:0 4px; background: url(../images/pageshow_bg.gif) -65px top no-repeat; display:inline-block}
#pageshow a:hover{ background: url(../images/pageshow_bg.gif) -65px bottom no-repeat; color:#fff}
#pageshow span{ margin:0 4px; color:#9b9b9b; }
#pageshow #thisp{ background:url(../images/pageshow_bg.gif) -65px bottom no-repeat; color:#fff}
#pageshow .first{ display:inline-block; width:55px; background:url(../images/pageshow_bg.gif) left top no-repeat}
#pageshow .first:hover{ background:url(../images/pageshow_bg.gif) left bottom no-repeat}


/* 上一篇下一篇 */
#NewsNav{line-height:22px; font-size:12px; clear:both; padding-top:8px; color:#278cad; border-top:1px dotted #CCCCCC; margin-top:20px;}

/*右侧按钮*/
#CS{position:fixed; right:1%; left:auto; bottom:10%; top:auto; font-size:12px; z-index:100; width:45px; display:none;}
#CS a{ width:45px; height:45px; display:inline-block; overflow:hidden; background:url(../images/icos.gif) left -90px no-repeat; margin-bottom:4px;filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity:0.75;opacity:0.75;}
#CS a:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
a#CS_Order{ background-position:left -140px}
a#CS_Top{ background-position:left -190px;}
#CS a.CS_WangWang{ background-position:left -140px}