﻿@charset "utf-8";
@import url("jpage.css");
@import url("jpage2.css");
/* Css Document */
body{ width:100%;height:auto;margin:0; padding:0; font-size:12px; line-height:22px; font-family:"Microsoft Yahei",Arial,"宋体"; color:#555555;}
form,ul,li,p,h1,h2,h3,h4,h5,h6,h9{margin:0; padding:0;}
li{list-style:none;}
/* */
img, div, input { behavior: url("js/iepngfix.htc"); }/* png透明 */

/*文字，图片超链接消除虚线框*/ 
/*ie hidefocus="true" */
/*ff/chorme/opera/safari*/
a:focus,input,area,textarea,select {
    outline:none;
}
a {text-decoration: none;}

.clear{clear:both}/*清除浮动*/

#header { width:100%; position:relative;}
#middle { width:100%;}
.fenye li{float:left;background:#ddd;padding: 5px 15px;
margin-right: 5px;}
.fenye li a{color: #333;}
.fenye .thisclass{background: #006db8;}
.fenye .thisclass a{color:#fff}
/* 导航栏 */
.top_bg{ width: 100%; font-size: 14px;}
.top_language{ height:25px;}
.top_welcome{width: 100%; margin: 0 auto; zoom: 1;background: #006db8;}
.top_welcome_l{ float:left; margin: 0 auto 0;}
.top_welcome_m{width:1180px;margin:0px auto}
.top_welcome_r{ float:right;}
.mob{ background:url(../images/call.png) no-repeat left center; padding-left:25px; color:#ee0b1f; font-weight: bold; font-size:20px;}
.hotline{ height:100px; line-height:100px;color:#006db8;font-size:20px}

.top_sea{ float:left; margin-top:20px;width: 100%;}
.top_lang{ float:none; width: 960px; height: 33px; margin:auto;}
.top_lang_div1{ float: left; width: 550px; line-height: 33px; color: #cbcbcb; text-align: left; font-family: "Microsoft Yahei",Arial,"宋体";
}
.top_lang_div2{ float: right; width: 220px;}
.top_lang_div3{ float: right; width: 140px; text-align:right; color: #bdbdbd;}
.top_lang a:link,
.top_lang a:visited{ height: 33px; line-height: 33px; padding:0 10px; color: #bdbdbd; text-decoration: none;}
.top_lang a:hover{ color: #ffffff; text-decoration: underline;}

.top_left{float:left; width:100%; height:44px;}
.top_right{float:right; height:80px; text-align:right;}

.top_menu{ float: none;}
.menu ul{ float:left;}
.menu ul li{ float:left; height:50px; text-align: center; position:relative;}
.menu ul li:hover{background:#075a93}
.menu ul .hover{background:#075a93}
.menu ul li a{ font-size: 16px;
font-weight: bold;color:#fff;position: relative; display:block; padding:0 41px; height:50px; line-height:50px; text-decoration:none; z-index:1; font-family: "Microsoft Yahei",Arial,"宋体";
	-webkit-transition:color 200ms; 
	-moz-transition:color 200ms; 
	-o-transition:color 200ms; 
	transition:color 200ms;}
.menu ul li a:hover{color:#fff;}
/*.menu ul .current a,.menu ul .current:hover a:hover{color:#ffffff;}
.menu ul:hover .current a{color:#ffffff;}
.menu ul .current .hlink {
	background:#b6a885;
	height: 92px;
}
.menu ul:hover .current .hlink {
	height: 0px;
	transition: height 200ms;
	-moz-transition: height 200ms; 
	-webkit-transition: height 200ms; 
	-o-transition: height 200ms;
}

.menu ul .current:hover .hlink {
	height: 92px;
	transition: height 200ms;
	-moz-transition: height 200ms; 
	-webkit-transition: height 200ms; 
	-o-transition: height 200ms; 
}
.menu ul li .hlink {
	width: 100%;
	height: 0px;
	transition: height 200ms;
	-moz-transition: height 200ms; 
	-webkit-transition: height 200ms; 
	-o-transition: height 200ms; 
	position: absolute; z-index:0;
	left: 0;
	bottom: 0;
	background:#b6a885;
}
.menu ul li:hover .hlink {
	height: 92px;
	background:#b6a885;
}*/
/* 下滑菜单
.nav li.current{background:#333333;}
.nav li.current a .out{ color:#ffffff;}
.navShow-about{background:url(../images/navshow_bg.png) repeat;width:100%;height:38px;position:absolute;top:85px;left:0px;z-index:999;display:none;}
.navShow-technology{background:url(../images/navshow_bg.png) repeat;width:100%;height:38px;position:absolute;top:85px;left:0px;z-index:999;display:none;}
.navShow-new{background:url(../images/navshow_bg.png) repeat;width:100%;height:38px;position:absolute;top:85px;left:0px;z-index:999;display:none;}
.navShow-support{background:url(../images/navshow_bg.png) repeat;width:100%;height:38px;position:absolute;top:85px;left:0px;z-index:999;display:none;}
.navShow-contact{background:url(../images/navshow_bg.png) repeat;width:100%;height:38px;position:absolute;top:85px;left:0px;z-index:999;display:none;}
.navShow-product{background:url(../images/navshow_bg.png) repeat;width:100%;position:absolute;top:85px;left:0px;z-index:999;display:none;}
.navShow-product a:hover{text-decoration:underline;}
.navShow-dealers{background:url(../images/navshow_bg.png) repeat;width:100%;height:38px;position:absolute;top:85px;z-index:99;display:block;}
.navShowwrap{width:1000px;margin:0 auto;}
.navList{float:right; font-size:12px;}
.navList li{float:left;line-height:38px;}
.navList li a{color:#fff;background:url(../images/a_line.png) no-repeat right center;padding:0 15px;text-decoration:none;}
.navList li a:hover{color:#1fd7ae;text-decoration:none;}
.navList li .bKnone{background:none;}
.navList li.current a{color:#1fd7ae;}

.navList_p{float:right;margin:0 0px 0 0; padding: 0 0 10px 0; font-size:12px;}
.navList_p_list{float:left;width:100%;line-height:28px; font-size:14px; text-align:left;}
.navList_p_list a{color:#1fd7ae;padding:0 15px;text-decoration:none;}
.navList_p_list a:hover{color:#1fd7ae;text-decoration:none;}
.navList_p ul li{float:left;line-height:28px;}
.navList_p ul li a{color:#fff;background:url(../images/a_line.png) no-repeat right center;padding:0 15px;text-decoration:none;}
.navList_p ul li a:hover{color:#1fd7ae;text-decoration:none;}
.navList_p ul li .bKnone{background:none;}
.navList_p ul li.current a{color:#1fd7ae;}*/


.top_time{ float:right; width:400px; height:24px; margin-right:5px;}
.hy{ margin-right:20px;}
.cn_en{ float:right; width:230px; height:20px; margin-top:10px; padding-left:170px;}
/* 搜索 */
.serach_con{ width: 150px; height: 22px; position: relative; border:1px solid #d1d1d1; border-radius:11px;}
.serach_con span{ float:left;color: #9f9f9d; height:23px; line-height:23px;}
.serach_con .sea_txt {float:left; width: 110px; height: 22px; line-height: 22px; border: none; background: none; font-size: 13px; color: #666; padding:0 0 0 10px;}
.serach_con .sea_btn {float:right; width: 17px; height: 17px; background: url(../images/icon.png) no-repeat left top; border: none; margin: 3px 8px 0 0; cursor:pointer;}


.menu_bg{ width:100%; height:42px; background:#016295; border-bottom:1px solid #8d8b8c;}
.menu_content{ width:960px; margin: 0 auto; }
/*浮动始终位于顶部
.nav-wrapper-fixed{ position:fixed; top:0; width:100%; z-index:100;}
.nav-wrapper{ margin-top:0px; width:100%;}*/



/* banner */
.ind_banner{ width: 100%; margin:0 auto; overflow: hidden; position: relative; z-index: 0;}
.banner{ width: 100%; overflow: hidden; position: relative; z-index: 0;}
#wrapper{ width:1093px; margin:0 auto;}


/* 中间内容 */
.ind_content_bg{ width:1180px; margin:0 auto;}
.ind_content_pro_bg{ width:100%; background:#f4f4f4;}
.nei_content_bg{ width:100%; text-align:center; margin: 1px 0 0 0; padding:0px; background:url(../images/nei_m_bg.png) repeat-x;}
.top40{ padding-top:40px;}
.top45{ padding-top:45px;}
.top55{ padding-top:55px;}
.bottom20{ padding-bottom:20px;}
.ind_title2{ width:90%; margin:0 auto; font-size:16px; color:#929292; padding:20px 0 30px;}


/* 友情连接 */
.yq{ width:100%; table-align:center; margin-bottom:20px;}
.yq_div1{ width:1000px; margin:0 auto; border:1px solid #CCC;}
.yq_div1_div1{ margin:20px 20px 10px 20px; font-size:16px; font-weight:bold; font-family:"微软雅黑"; letter-spacing:2px;}
.yq_div1_div2{ margin:0 20px 20px 20px;}
.yq_div1_div2_div1 a{ color:#777777; line-height:25px; margin-right:15px; text-decoration:none;}
.yq_div1_div2_div1 a:hover{ color:#F00; text-decoration:underline;}



/* 底部内容 */
.ind_end{ width:100%; margin:0 auto;background: #006db8;
height: 140px;}
.ind_end_content{padding-top: 20px; width: 1180px; margin: 0 auto;  line-height:28px; font-size:14px; color:#fff; text-align:center;}

.ind_contact{ width:100%; background:#006db8; padding:75px 0 30px; font-size:14px; color:#ffffff;}
.ind_c_l{ float:left; text-align:left; padding:0 0 0 20px;}
.ind_c_r{ float:right; padding:0 20px 0 0;}
.ind_c_r ul{ float:left; padding-right:80px;}
.ind_c_r ul:last-child{ padding-right:0;}
.ind_c_r ul li a{ font-size:15px; color:#ffffff; line-height:30px; display:block; max-width:140px; white-space: nowrap;text-overflow: ellipsis; overflow:hidden;}
.ind_c_r ul li a:hover{ color:#ffffff;}

.ind_end_con_l{ float:left;margin-top:35px;}
.ind_end_con_r{ float:right; margin:7px 40px 0 0;}
.ind_end_phone{ color:#bc8b25; font-family: Arial; font-size:18px; font-weight:bolder;}
.ind_end_con_l ul li{float:left;font-size:15px;font-weight:bolder;height:18px;line-height:18px;color:#767a82;}
.ind_end_con_l ul li a{color:#333;}
.ind_end_con_l ul li.line{height:14px;width:1px;background:#ddd;margin:2px 20px;}
.ind_end_con_l ul li:hover a,.ind_end_con_l ul li span{color:#e60027;}
.foot_tel_icon{width:16px;height:16px;background-position:0 -35px;position:relative;margin-right:5px;top:4px;}
.foot_bot{margin-top:20px;font-size:13px;color:#999;}
.foot_bot span{padding:0 10px 0 15px;}


.ind_end_content span{ padding: 0 10px;}

.server{width:118px;position:fixed;top:150px;right:20px;}
.server .head{position:relative;background:url(../images/head.png) no-repeat;width:118px;height:36px;line-height:1000px;overflow:hidden;}
.server .head .close{position:absolute;z-index:1;right:0;top:0;width:30px;height:30px;cursor:pointer;}
.server .body{background:url(../images/body.png) repeat-y;line-height:30px;text-align:center; padding:10px 0 5px;}
.server .foot{background:url(../images/foot.png) no-repeat;height:6px;line-height:1000px;overflow:hidden;}
.server .body ul li{ height:30px;}



/*右边浮动*/
.SideBox{width:110px;overflow:hidden; z-index:100; position:fixed; right:2px; top:130px; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)))}
.SideBox .Sidetop{width:110px; height:55px; background:url(../images/qq_top.png) left top no-repeat;}
.SideBox ul{width:110px; background:url(../images/qq_bg.gif) repeat-y; float:left;  overflow:hidden;}
.SideBox ul li{width:103px; overflow:hidden; color:#232323; text-align:center; margin-left:2px; _display:inline; background:url(../images/1qq.png) 5px no-repeat;}
.SideBox ul li.one a{ height:30px; line-height:30px; display:block; padding-left:5px;}
.SideBox ul li.one2 a{ height:25px; line-height:25px; display:block; padding-left:5px;}
.SideBox ul li a{ color:#4f4f4f;font-family: "微软雅黑"; font-size:12px; text-decoration:none;}
.SideBox .Sidebot{width:135px; height:47px;background:url(../images/qq_bottom.png) no-repeat; float:left;}
.SideBox .Close{ float:right; display:block;width:15px;height:15px; margin:11px 7px 0px 0px; cursor:pointer;}

/*右边浮动*/
.SideBox1{width:120px; font-size: 14px; font-family: "微软雅黑"; overflow:hidden; z-index:100; position:fixed; right:20px; top:130px;background:white;border:1px solid #dfdbdc;
 _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)))
}
.SideBox1 .Sidetop{width:120px; height:85px; padding-top:73px; text-align:center; line-height:35px; background:url(../images/r_tel.jpg) center 12px no-repeat; border-bottom:1px solid #dfdbdc;}
.SideBox1 .Sideqq{width:120px; height:100px; padding-top:70px; text-align:center; font-size: 14px; font-family: "微软雅黑"; line-height:40px; background:url(../images/r_qq.jpg) center 12px no-repeat; border-bottom:1px solid #dfdbdc;}
.SideBox1 ul{width:120px; float:left;  overflow:hidden;}
.SideBox1 ul li{width:120px; height:30px; background:url(../images/r_qq_btn.jpg) center center no-repeat; overflow:hidden; color:#232323; text-align:center; margin:10px 0 0 0; _display:inline;}
.SideBox1 ul li.one a{ height:30px; line-height:30px; display:block; padding-left:0px; color:#ffffff;}
.SideBox1 ul li.one2 a{ height:25px; line-height:25px; display:block; padding-left:0px;}
.SideBox1 ul li a{ color:#4f4f4f;font-family: "微软雅黑"; font-size:12px; text-decoration:none;}
.SideBox1 .Sidebot{ float:left; width:120px; padding: 15px 0; text-align:center;}
.SideBox1 .Close{ float:right; display:block;width:15px;height:15px; margin:5px 5px 0px 0px; cursor:pointer; background:url(../images/close.gif) no-repeat;}

.box {

 /*非IE的主流浏览器识别的垂直居中的方法*/

 display: table-cell;

 vertical-align:middle;

 /*设置水平居中*/

 text-align:center;

 /* 针对IE的Hack */

 *display: block;

 *font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/

 *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/


}

.box img {

 /*设置图片垂直居中*/

 vertical-align:middle;

}
