@charset "utf-8";
/* CSS Document */
/* Author: zq */
/* Time: 2015/11/24*/

/*header*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0; padding:0px; margin:0px;}
ol,ul {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size:100%;}
body{ font:12px/24px 'Microsoft YaHei'; color:#666;}
a{ color:#333; text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.show{ display:block;}
.hide{ display:none;}
.cl{ clear:both;}
html{ overflow-x:hidden;}
*{ outline:none;}
.wd1200{ width:1200px; margin:0 auto;}
.bor_radius{ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.pdd{ padding:90px 0 132px;}
a:hover{ color:#428DCB;}
.clear {clear: both;}
/*头部公用*/
/*首页头部*/
.warp{ position:relative; z-index:1000; width:100%; height:auto; overflow:hidden;}
.header{ position:absolute; top:0; left:0; z-index:1000; width:100%;}
.head{ height:90px;}
.logo{ position:relative; z-index:900; width:300px; height:90px;}
.user{ position:relative; z-index:900; padding-top:40px; display:inline; width:36px; height:36px; overflow:hidden;}
.user_img{ width:30px; height:30px; overflow:hidden; border:3px solid rgba(0,0,0,0.15);}
.user_exit{ position:absolute; top:76px; left:0; z-index:10; width:36px; height:36px; overflow:hidden;}
.user_exit a{ display:block; background-color:#428DCB; color:#FFF; width:36px; height:36px; line-height:36px; text-align:center;}
.lg{ position:relative; z-index:900; line-height:36px; padding-top:40px; margin:0 28px 0 0; display:inline;}
.lg a{ color:#FFF; font-size:16px; opacity:0.3; filter: alpha(opacity=30);}
.serch{ padding-top:49px; width:18px; height:19px; padding-left:6px; padding-right:22px; display:inline;}
.ser_icon{ position:relative; z-index:900; width:18px; height:19px; cursor:pointer;}

/*公共导航*/
.nav{  width:auto; height:64px; display:inline;}
.nav li{ float:left; width:auto; height:64px;}
.nav_name{ display:block; position:relative; z-index:900; font-size:16px; width:auto; height:64px; line-height:64px; padding:0 22px;}
.nav li.cur .nav_name{ color:#428DCB;}
.sub_nav{ display:none; position:absolute; top:0; left:50%; z-index:800; background:url(/images/sub_yy.png) repeat; width:100%; height:auto; overflow:hidden;}
.sub_cen{ height:auto; overflow:hidden; padding-top:104px; padding-bottom:34px;}
.sub_show{ float:right; padding-right:64px; display:inline; width:760px; height:auto; overflow:hidden;}
.sub_shImg{ width:130px; height:130px; margin-right:42px; display:inline;}
.sub_chnal{ width:226px; padding-top:14px; display:inline;}
.nav .sub_chnal ul{ width:272px;}
.nav .sub_chnal li{ margin-right:46px; display:inline; width:90px; height:35px; line-height:35px; border-bottom:1px dotted rgba(0,0,0,0.8;)}
.sub_chnal li a{ display:block; font-size:14px; background:url(../images/sub_icon.png) no-repeat left; width:90px; height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub_infor{ width:266px; padding-top:20px; display:inline;}
.sub_infname a{ display:block; font-size:15px; width:266px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub_infname a:hover{ color:#428DCB;}
.sub_infIntro{ padding-top:5px;}
.sub_ser{ display:none; position:absolute; top:0; left:50%; z-index:800; width:100%; height:auto; overflow:hidden;}
.sub_seline{ width:100%; height:64px;}
.sub_serCen{ height:auto; overflow:hidden; padding:28px 0 34px;}
.serch_form{ width:290px; height:30px; margin-right:98px; display:inline;}
.ser_text{ display:block; font-family:'Microsoft YaHei'; font-size:14px; width:217px; height:20px; line-height:20px; padding:4px 10px; border-top:1px solid #868686; border-left:1px solid #868686; border-bottom:1px solid #868686; border-right:0; border-right:none;}
.nav2 .nav_name{ background:url(/images/top_navline.jpg) no-repeat right;}
.nav2 .nav_name:hover{ color:#428DCB;}
.ser_sub{ display:block; background-color:#009c4f; font-family:'Microsoft YaHei'; color:#FFF; font-size:14px; width:52px; height:30px; border:none; cursor:pointer;}




/**底部**/
.in_btm_box{ width:100%; background:#282828 url(/images/jq_d_2.jpg) 0 70px repeat-x; }
.in_btm{ width:1000px; height:235px; padding:45px 0 0 0; margin:0px auto; color:#FFF;}
.in_btm .lt{ float:left; width:628px;}
.in_btm .lt li{ float:left; width:157px;}
.in_btm .lt li .tit{ color:#FFF; line-height:18px; padding:0 0 0 26px;}
.in_btm .lt li .list{ padding:18px 0 0 7px;}
.in_btm .lt li p{ padding:0 0 15px 22px; font-size:12px; background:url(/images/jq_d_3.jpg) 0px 8px no-repeat;}
.in_btm .lt li p a{ color:#bebebe;}
.in_btm .lt li p a:hover,.in_btm .lt .box p a:active{ color:#FFF;}
.in_btm .lt li .bkg_0{ background:url(/images/jq_d_1.jpg) 0px 0px no-repeat;}
.in_btm .lt li .bkg_1{ background:url(/images/jq_d_1.jpg) -157px 0px no-repeat;}
.in_btm .lt li .bkg_2{ background:url(/images/jq_d_1.jpg) -317px 0px no-repeat;}
.in_btm .lt li .bkg_3{ background:url(/images/jq_d_1.jpg) -480px 0px no-repeat;}
.in_btm .rt .wxbox{ clear:both; padding:30px 0 0 0;}
.in_btm .rt .wx{ float:left; line-height:24px; width:280px;}
.in_btm .rt .wx img{ float:left; margin-right:15px;}
.in_btm .rt .wx p{ font-size:12px;}
.in_btm .rt .fx{ padding:45px 65px 0 0;}
.in_btm .rt .fx span{ float:left; margin-top:8px;}
.in_btm .rt .fx div{ float:left;}
.in_btm .rt{ float:right; width:366px; padding:33px 0 0 0; position:relative; font-size:13px}
.in_btm .rt .to_top{ position:absolute; right:0px; top:-47px; cursor:pointer;}
.in_cpy_box{ width:100%; background:#000; }
.in_cpy{ width:1000px; height:51px; line-height:51px; font-size:12px; margin:0px auto; color:#ccc;}
.in_cpy .lt{ float:left;}
.in_cpy .rt{ float:right;}
.in_cpy .rt a{color:#ccc}
.d_t{ line-height:36px;}

.fixed {
	background: rgb(0, 87, 169); border-radius: 5px; border: 10px solid rgb(0, 87, 169); top: 20%; width: 140px; left: 0px; position: fixed; z-index: 1000;}
.fixed span {
	text-align: center; color: rgb(255, 255, 255); font-family: "微软雅黑"; font-size: 22px; display: block;}
.fixed div {
	background: rgb(255, 255, 255); width: 100%; text-align: center; line-height: 26px; overflow: hidden; padding-top: 14px; font-family: "微软雅黑"; font-size: 14px; margin-top: 10px;}
.fixed div a {
	background: url("../images/qq_03.jpg") no-repeat center; margin: 0px auto 10px; width: 126px; height: 34px; text-align: left; color: rgb(67, 67, 67); line-height: 34px; text-indent: 38px; font-family: "微软雅黑"; font-size: 16px; display: block;}
.fixed div img {
	border: 1px solid rgb(221, 222, 222);}
	
	
/**首页**/
.jq_p_1 { width:100%; height:188px; background:url(/images/jq_22.jpg) no-repeat center}
.jq_p_2{ width:1000px; margin:0px auto; padding-bottom:70px;}
.jq_p_x{ height:50px; line-height:50px; text-align:center}
.jq_p_x span{ padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px; margin-right:9px; margin-left:9px; border:1px #cccccc solid; background-color: #F2F3E0}
.jq_p_n {background-color:#DDD6D0;  height:405px;}
.jq_p_n li{ width:187px; float:left; padding-left:10px; padding-top:15px;   }
.jq_p_n li p{background:url(/images/jq_p_1.jpg) no-repeat; height:30px; }
.jq_p_n li p a{ color:#FFF; padding-left:30px; line-height:26px;}


.jq_a_1 {width:100%; height:171px; background:url(/images/jq_25.jpg) repeat-x; text-align:center}
.jq_a_2 {width:100%; text-align:center;  background-color:#e7e8ea; line-height:30px; }
.jq_a_2_n{ width:1000px; margin:0px auto; text-align:left; padding-bottom:60px;}

.jq_l_1 {width:100%; height:150px; background:url(/images/jq_34.jpg) repeat-x; text-align:center; background-color:#292c3b; color:#FFF}
.jq_l_2 {width:100%; text-align:center; }

.jq_n_1 {width:100%; height:154px; background:url(/images/jq_42.jpg) repeat-x; text-align:center}
.jq_n_2 {width:100%;height:430px;  background-color:#e7e8ea;}
.jq_n_3 {width:1000px; margin:0px auto;  background-color:#fff; height:400px}
.jq_n_3 .jq_n_3_1{ width:300px; margin-left:25px; float:left; margin-top:20px; }
.jq_n_3 .jq_n_3_1 p{ font-size:16px;  font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,sans-serif; height:40px; line-height:40px; border-bottom:1px #e7e8ea solid; color:#000}
.jq_n_n{ line-height:30px; padding-top:15px;}
.n_more {padding-top:20px;}


/*内页头部*/
#warp3{ position:relative; z-index:1000; top:0; left:0; width:100%; height:80px;}
.header3{background-color:#FFF; border-bottom:4px solid #e9e9e9;}
.header3.header{ height:64px; padding:8px 0 4px;}
.header3 .head,.header3 .logo{ height:64px;}
.header3 .user,.header3 .lg{ padding-top:14px;}
.header3.user_exit{ top:50px;}
.header3 .serch{ padding-top:23px;}
.header3 .lg a{ color:#949494; opacity:1; filter: alpha(opacity=100);}
.header3 .user_img{ border:3px solid #FFF;}
.header3 .lg a:hover{ color:#428DCB;}
.header3 .sub_ser{ width:1920px; margin-left:-960px; border-bottom:1px solid #dcdcdc;}
.header3 .sub_ser,.header3 .ser_text{ background-color:#FFF;}
.header3 .ser_text{ color:#666;}
.header3 .sub_seline{ border-bottom:1px solid #dcdcdc;}
.header3 .nav>ul>li{ height:72px;}
.header3 .sub_nav{ left:0; top:80px; background:none #016BC1;}
.header3 .sub_cen{ padding:24px 0 42px;}
.header3 .nav2 .sub_chnal li a{ color:#FFF;}
.header3 .nav2 .sub_infname a{ color:#FFF;}
.header3 .nav2 .sub_infIntro{ color:#8ef2c0;}
.header3 .nav2 li.cur .nav_name,.header3 .nav2 li.nav_this .nav_name{ color:#428DCB;}
.header3 .nav .sub_chnal li{ border-bottom:1px dotted #99C9F1;}
.header3 .sub_chnal li a{ background:url(/images/sub_Vicon.png) no-repeat left;}

/*内页公司*/
.jq_about_d { width:100%; height:38px; background-color:#000;}
.jq_about_d_1{ width:1000px; height:38px; margin:0px auto; line-height:38px; font-size:12px; color:#FFF; padding:0 0 0 33px; background:url(../images/jq_1.png) 3px 11px no-repeat;}
.jq_about_d_1 a{ color:#FFF;}
.jq_about_d_1 a:hover,.ab_mbx a:active{ color:#FFF;}

.jq_cont_box{ width:100%; padding:30px 0 50px 0; background:url(/images/jq_12.jpg) repeat-x;}
.jq_cont{ width:1000px; margin:0px auto;}
.jq_cont .jqbox{ width:100%; height:60px;}
.jq_cont .jqbox .lt{ float:left; width:420px; height:1px; background:#ccc; margin-top:30px;}
.jq_cont .jqbox .ct{ float:left; width:160px; height:60px; background:none; color:#333; font-size:30px; font-weight:bold; text-align:center;}
.jq_cont .jqbox .ct p{ font-size:16px; font-weight:normal; color:#B2B2B2;}
.jq_cont .tit{ height:33px; margin-top:25px; margin-bottom:20px; }
.jq_cont .tit li{ width:151px; height:33px; float:left; left:0px; top:0px;}
.jq_cont .tit li a{ display:block; width:151px; height:33px; line-height:30px; text-align:center; color:#000000; font-weight:bold; border:1px #cccccc solid}
.jq_cont .tit li a:hover,.in_ab .tit li a:active{ background-color:#FC3url; color:#332105;}
.jq_cont .tit li a.cur,.in_ab .tit li a.cur:hover,.in_ab .tit li a.cur:active{ background-color: #FC3url; color:#332105;}
.jq_main{ clear:both; padding:0 0 35px ; line-height:30px; overflow:hidden;}
.jq_main_lt{ float:left; width:328px;}
.jq_main_rt{ float:right; width:645px;}
.jq_main_rt p{ text-indent:2em;}



.product-list{ width:218px; height:246px; background:#F1F1F1; margin-right:20px;  margin-bottom:12px; float:left; border:1px #999999 solid}

.product-name{ height:38px; line-height:38px; text-align:center; font-size:13px; color:#242424; background:url(/images/index_18.jpg) no-repeat;}
.product-name a{color:#FFF}
.product-name a:hover{ left:0px; color:#F90;}

.nextBox{line-height:30px; color:#074dbd; border-top:1px #999999 solid}
.nextBox span{padding:5px 30px 5px 5px;}

.page{clear:both; line-height:30px; padding:20px; text-align:center;}
.page a:link{font-size:12px; color:#666;text-decoration:none; }
.page a:visited{font-size:12px; color:#666;text-decoration:none;}
.page a:hover{font-size:12px; color:#FF0000;text-decoration:none;}
.page a:active{font-size:12px; color:#666;}

/*首页CSS*/
.i_hd { height:380px; position:relative; margin:-8px 0 0; border-top:1px #CCCCCC solid }
#Slidebox{ width:100%; height:380px; padding:0px; margin:0 auto;  /*position:relative;*/ overflow:hidden;}
#flashBg { width:100%; height:380px; overflow: hidden; clear:both; margin:0; padding:0;}
#flashLine { height:380px; width:100%; clear:both;}
#flash{ width:100%; height:380px; overflow: hidden; margin:0 auto; clear: both; position:relative; padding:0px 0px;}
#flash a {width:100%; height:380px; display:block; text-align:center;}
#flash img { display:block; width:100%; height:380px;}
#flash img { display:block; width:100%; height:380px;}
.flash_bar { display:block; z-index:69; height:5px; overflow:hidden; position:absolute; padding-top:13px!important; padding-top:12px; bottom:0px; text-align:center; width:100%; }
.flash_bar .dq {display: block;float: left;width:33.3%; height:5px;cursor: pointer;background:#ccc; overflow:hidden; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="" ,sizingMethod="crop");
}
.flash_bar .no {display: block;float: left;width:33.3%; height:5px;cursor: pointer; background:#ccc; overflow:hidden; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="" ,sizingMethod="crop");
}

/*******首页关于*******/

.gsh{text-align:center;width:100%;padding-top:30px;}
.gsh a,.gsh a:hover{width:156px;height:26px;line-height:26px;border:1px solid #000;display:block;margin:0 auto;}

/*产品菜单*/
.pro_l{ width:240px; background-color:#0057A9;}

.subnr { height: 419px; }
.arrowblue{width: 180px; margin:0px auto; /*width of menu*/}
.arrowblue ul{list-style-type: none;margin: 0;padding: 0;}
.arrowblue ul li{position: relative; border-bottom:1px dashed #093E70;}
	
.arrowblue li a{
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	
	display: block;
	background: transparent url(images/arrowblue.gif) 100% 0;
  height: 40px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 40px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	

/*1st level sub menu style */
.arrowblue ul li ul{
	left: 180px; /* Parent menu width - 1*/
	position: absolute;
	width: 200px; /*sub menu width*/
	top: 0;
	display: none;
	border-style: solid solid none solid;
	border-color: #7AA2FF;
	border-width: 1px;
	background-color:#0057A9;
}

/*All subsequent sub menu levels offset */
.arrowblue ul li ul li ul{ left: 200px; /* Parent menu width - 1*/border-style: solid solid none solid;border-color: #7AA2FF;border-width: 1px;}
.arrowblue li a:link, .arrowblue li a:visited {color: #FFF;}
.arrowblue li a:hover{color: #FFFA0C;background-position: 100% -32px;}
.arrowblue li a.selected{color: #FFFA0C;background-position: 100% -64px;}

/* Holly Hack for IE \*/
* html .arrowblue ul li { float: left; height: 1%; }
* html .arrowblue ul li a { height: 1%; }
/* End */

.qscpxld{ width:240px; padding-left:40px;}
.qscpxlz{width:240px; padding-left:40px; padding-top:30px;}

.pro_r{ width:725px; }


.hx_about{ width:100%; height:285px; background: url("../images/hx_about.jpg") no-repeat center;}
.hx_contact{ width:100%; height:285px; background: url("../images/hx_contact.jpg") no-repeat center;}
.hx_news{ width:100%; height:285px; background: url("../images/hx_news.jpg") no-repeat center;}
.hx_product{ width:100%; height:285px; background: url("../images/hx_product.jpg") no-repeat center;}
.hx_network{ width:100%; height:285px; background: url("../images/hx_network.jpg") no-repeat center;}
.hx_job{ width:100%; height:285px; background: url("../images/hx_job.jpg") no-repeat center;}

.jq_new_t {height:50px; line-height:50px; border-bottom:1px #CCCCCC dotted; font-size:18px; color:#F00; font-weight:bold; text-align:center}
.jq_new_n {padding-top:10px;border-bottom:1px #CCCCCC dotted; padding-bottom:30px; line-height:24px}
.jq_p_xg{ clear:both; margin-top:25px; height:65px; position:relative;}
.jq_p_xg ul{ position:absolute; left:-8px; top:0px;}
.jq_p_xg li{ float:left; width:150px; height:51px; padding:0 0 8px 10px; line-height:51px; color:#332105; text-align:center; font-size:16px; font-weight:bold; background:url(pro3_03.png) top center no-repeat;}
.pros_btnbox{ padding:50px 0 50px 0; position:relative;}
.pros_btnbox a{ float:left; display:block; width:148px; height:58px; padding:2px 23px 0 54px; text-align:center; line-height:51px; font-size:16px; font-weight:bold; position:absolute; left:0px; top:30px;}
.pros_btnbox .pros_btn_1{ color:#332105; background:url(pro2_03.png) top center no-repeat;}
.pros_btnbox .pros_btn_1:hover,.pros_btnbox .pros_btn_1:active{ color:#332105;}
.pros_btnbox .pros_btn_2{ color:#FFF; background:url(pro2_04.png) top center no-repeat; left:240px;}
.pros_btnbox .pros_btn_2:hover,.pros_btnbox .pros_btn_2:active{ color:#FFF;}