@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:"fanti","Microsoft Yahei",Arial,"宋体"; color:#353535; position:relative;}
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;}
input:-webkit-autofill, 
 textarea:-webkit-autofill, 
 select:-webkit-autofill { 
       -webkit-box-shadow: 0 0 0 1000px #ffffff inset; 
}
 input[type=text]:focus, input[type=password]:focus, textarea:focus {
      -webkit-box-shadow: 0 0 0 1000px #ffffff inset; 
}

.clear{clear:both}/*清除浮动*/

#header { width:100%; position:relative;}
#middle { width:100%;}
.fl{ float:left;}
.fr{ float:right;}

/* 导航栏 */
.top_bg{ width: 100%; font-size: 16px; position:relative;}
.top_language{ height:112px; line-height:30px;}
.top_welcome{width: 1200px; margin: 0 auto; zoom: 1;}
.top_welcome_l{ float:left; margin: 0 auto 0; height: 112px;}
.top_welcome_l img{position: relative;top: 50%;transform: translate(0%, -50%); max-height:90px;}
.top_welcome_m{ width:100%; height:71px; background:#003586;}
.top_welcome_m.en{height:51px;}
.top_welcome_r{ float:right; height:112px;}
.top_welcome_r ul li {float: left;width: 70px;height: 53px;margin-top: 30px;}
.top_welcome_r ul li.cn{border-right: 1px solid #b0b0b0;}
.top_welcome_r ul li a {display: block;color: #666666;text-decoration: none;width: 70px;height: 53px;}
.top_welcome_r ul li a img {display: block;height: 24px;margin-left: 20px;margin-top: 2px;}
.top_welcome_r ul li a span {display: block;font-size: 12px;width: 100%;height: 27px;text-align: center;}
.hotline{}
 input[type=text].sea_txt:focus {
      -webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,0.27) inset; 
}


.top_left{float:left; width:100%; height:44px;}
.top_right{float:right; height:80px; text-align:right;}

.top_menu{ float: none;}
.menu{ position:relative;}
.menu>ul{ text-transform:uppercase; margin-top:0px;}
.menu ul:after{ content:""; display:block; clear:both;}
.menu>ul>li{ position: relative;float: left;width: 200px;height: 71px;text-align: center;font-size: 14px;z-index: 1;}
.menu.en>ul>li{ height: 51px;width:240px;}
.menu>ul>li>a{ display:block; height:45px; color:#fff;}
.menu.en>ul>li>a{ height:30px;}
.menu ul li a:hover{color:#ffffff; }
.menu ul li a span{ display:block; height:25px; text-align:center; font-size:15px; margin-top:13px;}
.menu.en ul li a span {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    margin-top: 11px;
}
.menu ul li a em{ display:block; font-style:normal; height:20px; text-align:center; font-size:11px; color:#fff; font-family:'Arial'
filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
-moz-opacity:0.5; /*Firefox私有，透明度50%*/
opacity:0.5;/*其他，透明度50%*/
 }
.move-bg{ display:none;position:absolute;left:0;top:0; width:200px; height:71px; background:url(../images/menu-line_18.png) no-repeat center; z-index:0}
.top_welcome_m.en .move-bg {height: 51px;width:240px; background: url(../images/menu-line_19.png) no-repeat center;}
/*.menu ul .current a,.menu ul .current:hover a:hover{color:#f7b000; border-bottom:2px solid #f7b000;}
.menu ul:hover .current a{color:#f7b000; border-bottom:2px solid #f7b000;}
.menu>ul>li:hover>a{background:#003586;}
.menu ul .current a,.menu ul .current:hover a:hover{color:#f7b000; }
.menu ul:hover .current a{color:#000000;}
.menu ul .current .hlink {
	border-bottom:3px solid #000000;
	width: 100%;
}
.menu ul:hover .current .hlink {
	width: 0px;
}

.menu ul .current:hover .hlink {
	width: 100%;
}
.menu>ul>li .hlink {
	transition: all .5s;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s; 
	-o-transition: all .5s; 
	position:absolute;
	top:45px;
	left:50%;margin-left:-77px;
	height: 0px;
	width:154px; background:#ffffff;box-shadow:0 3px 6px rgba(0,0,0,0.2);
	opacity:0;display:none;
	z-index:11; 
}
.menu>ul>li:hover .hlink {
	height: auto;
	opacity:1;display:block;
}
.hlink li{width:100%;position:relative;border-bottom:1px solid #ebebeb;background-color:#fff;line-height:1}
.hlink li a{ font-size:16px;padding:18px 0; color:#5a5a5a; display:block;}
.hlink li:hover{background-color:#f5f5f5}*/
/* 下滑菜单
.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{ position:absolute;top: 50%;left:50%;transform: translate(-50%, -50%); z-index:10;}
.serach_con .content{ display:inline-block;}
.serach_con .sea_txt { float:left; width:395px; cursor:text; color:#ffffff; font-size:14px; height:50px; line-height:50px; padding:0 10px; background:rgba(255,255,255,0.27); border:0px solid #ad0e1a; border-radius:6px 0 0 6px; outline:none;}
.serach_con .sea_btn { float:left; width:73px; height:50px; background: url(../images/serch_ico.png) center #f7b000 no-repeat; cursor:pointer; border:none; border-radius:0 6px 6px 0;}
.serach_con input { vertical-align:middle; margin:0; padding:0;}


.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 */
.banner{ width: 100%; overflow: hidden; position: relative; z-index: 0; }
.ind_banner{ width: 100%; overflow: hidden; position: relative; z-index: 0; }


/* 中间内容 */
.ind_content_bg{ width:1200px; 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;}



/* 友情连接 */
.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;}



/* 底部内容 */
#particles{position: fixed;top: 0px;width:100%;height:100%;z-index: -1}

.foot{padding: 99px 0 40px;background: #333;}
.foot_con{ width:1300px; margin:0 auto;}
.foot_con:after{ content:""; display:block; clear:both;}
.foot_con_l{ float: left;width: 150px;position: relative;color: #888; font-size:14px; text-align:center; line-height:2.5;}
.foot_con_m{ float:left; margin-left: 100px;}
.foot_con_r{ float: right;position: relative;color: #888; font-size:14px; text-align:center; line-height:2.5;}

.foot_con a {padding-right: 10px;color: inherit;}
.foot_con_m ul{ padding: 8px 0;font-size: 14px;line-height: 14px;color: #888;}
.foot_con_m ul:after{ content:""; display:block; clear:both;}
.foot_con_m ul li{float: left;border-right: 1px solid #888;margin-right: 10px;}
.foot_con_m ul li:last-child {border: none;}

.zbot{font-size: 14px;line-height: 30px;color: #888888;}

.foot_con_l img{position: relative;width: 150px;margin-top: -30px;}
.foot_con_r img{position: relative;width: 150px;margin-top: -30px;}

.ind_end{ width:100%; height:60px; color:#bfbfbf; line-height:60px;background: #222222; text-align:center;}
.ind_end_con{width: 1200px;margin: 0 auto; text-align:center; font-size:14px;}
.ind_end_content{ width: 1002px; margin: 0 auto; padding:25px 0 0; font-family: Arial,"宋体"; text-align:center;overflow: hidden;}

.ind_end_con_l{ float:left;margin-top:35px; color:#747474;}
.ind_end_con_m{ float:left;margin-top:35px;}
.ind_end_con_r{ float:right; margin:60px 40px 0 0;}
.ind_end_phone{ color:#bc8b25; font-family: Arial; font-size:18px; font-weight:bolder;}
.ind_end_con_m ul { width: 135px;float: left;}
.ind_end_con_m li a{float:left;font-size:12px;height:25px;line-height:25px;color:#595959;width: 100%;padding-left: 30px; }
.ind_end_con_m li.line{height:14px;width:1px;background:#ddd;margin:2px 20px;}
.ind_end_con_m li:hover a,.ind_end_con_l ul li span{color:#595959;}
.ind_end_con_m li h2 {float: left;padding-left: 30px;color: #000; font-size:14px; padding-top:40px; padding-bottom:10px}


.ind_end_con span{ padding: 0 5px;}

#gotop_box{ display:none; position:fixed; right:10px; bottom:60px; }
#gotop_box a{ display:block; margin-top:0px; cursor:pointer;}
#gotop_box a:hover{ opacity:0.8; filter:alpha(opacity=80);}
#gotop_box a img{ width:10vw; max-width:53px;}

/*右侧悬浮导航*/
.fixed-right-nav{ position:fixed; z-index:50;right:50%; margin-right:-688px !important; top:50%; margin-top:-100px; width:78px; text-align:center; opacity:.9;}
.fixed-right-nav a{ display:block; height:50px; border-radius:2px; margin-bottom:2px; background:#939393; overflow:hidden; color:#fff;}
.fixed-right-nav a:hover{ background:#f84f45;}
.fixed-right-nav .backtop i{ display:block; width:29px; height:17px; margin:17px auto 0; background:url(../images/ico.png) no-repeat -42px -116px;}
.fixed-right-nav .msg i{ display:block; width:16px; height:17px; margin:9px auto 0; background:url(../images/ico.png) no-repeat -48px -45px;}
.fixed-right-nav .decora i{ display:block; width:18px; height:18px; margin:8px auto 0; background:url(../images/ico.png) no-repeat -47px -68px;}
.fixed-right-nav .qrcode i{ display:block; width:18px; height:18px; margin:15px auto 0; background:url(../images/ico.png) no-repeat -47px -91px;}
.fixed-right-nav .qrcodePic{ position:absolute; bottom:2px; visibility:hidden;right:80px; width:150px; height:150px;transform:scale(0);-webkit-transform:scale(0);transition:all ease .3s;-webkit-transition:all ease .3s;transform-origin:right bottom;-webkit-transform-origin:right bottom;cursor:default}
.fixed-right-nav .qrcode:hover .qrcodePic{ visibility:visible;transform:scale(1);-webkit-transform:scale(1);}
@media(max-width:1410px){
	.fixed-right-nav{ right:0; margin-right:0;}
}


/*右边浮动*/
.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;

}