锘?* CSS Document */
body {
	margin:0px;
	padding:0px;	
   	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#2F2F2F;
	background:#fff;
}
a:link{color:#2E2E2E;text-decoration:none;}
a:visited{color:#2E2E2E;text-decoration:none;}
a:hover{color:#F55F15;text-decoration:none;}
.clearBoth{clear:both;}
.clearfix{zoom:1;}
.clearfix:after {content:""; display:block; clear:both;}
.bound{position:relative;width:1260px;margin:auto;}
.arrange_icon_02{display:block;top:4px;position:relative;width:4px;height:7px;background:url(/icon/icon_all.gif) -135px -20px;float:left;overflow:hidden;}
.bluefont{color:#005BAC;}
.orangefont{color:#F55F15;}
.downloadLink{background:url(/icon/pdf.gif) no-repeat;padding-left:40px;display:block;height:30px;padding-top:10px;font-size:14px;font-weight:bold;}
#banner_user{position:relative;text-align:center;z-index:1;background-repeat:no-repeat; background-position:center 0px;min-width: 1236px;max-width: 100%;}
h3,h4{margin:0px;}
li{list-style:none;}
#sidebar{float:right;position:relative;width:120px;z-index:10;top:40px;right:5px;}
#top_div{position:relative;z-index:100;height:95px;zoom: 1;overflow:visible;display:block;background:#036ea2;}
#logo{position:absolute;z-index:3;top:5px;width:400px;}
#logo img{max-width: 100%;}
#hotline{display:block;position:absolute;z-index:4;width:214px;height:44px;background:url(/images/home/tel.gif);overflow:hidden;right:0px;top:35px;}
#menu_div{position:absolute;z-index:3;top:45px;height:36px;zoom: 1;display:block; overflow:visible;right:19px;}
#menu_div ul{margin:0px 0 0 50px;padding:0px;list-style:none;}
#menu_div ul li{float:left;}
#menu_div ul li a.menu{line-height:36px;color:#FFF;font-weight:bold;font-size:14px;display:block;}
#menu_div ul li .menu img{margin-top:10px;}
#menu_div ul li  .menu-ico{
 background:url(../images/home/pel.png)no-repeat 10px 10px;
 background-size:18px;
 padding-left:30px;
}
#menu_div  a.menu:hover{display:block;color:#FF8C27;}
#menu_div  .line_menu{width:1px;overflow:hidden;height:20px;top:8px;position:relative;margin-left:10px;margin-right:10px;}

#banner_index{position:relative;z-index:1;}
#middle_wrapper{position:relative;z-index:1; width: 1236px;margin:auto;clear:both;height:auto!important;height:auto;min-height:300px;}
.barBgHome{background:url(/images/home/bgBtnHome.gif) repeat-x;height:32px;line-height:32px;padding-left:8px;padding-right:5px;}
.barBgHome h4{float:left;display:inline-block;margin-left:5px;color:#115ec0;}
a.moreALink{float:right;display:inline-block;}
.borderHome{border:1px #ccc solid;}
.iconProfile{display:inline-block;width:15px;height:17px;background:url(/images/home/homeICON.png) no-repeat;float:left;position:relative;top:5px;}
.iconVideo{display:inline-block;width:18px;height:19px;background:url(/images/home/homeICON.png) no-repeat -18px 0;float:left;position:relative;top:5px;}
.iconCase{display:inline-block;width:15px;height:13px;background:url(/images/home/homeICON.png) no-repeat -24px -21px;float:left;position:relative;top:8px;}
.iconNews{display:inline-block;width:21px;height:14px;background:url(/images/home/homeICON.png) no-repeat 0px -22px;float:left;position:relative;top:8px;}
.iconKnowledge{display:inline-block;width:21px;height:22px;background:url(/images/home/homeICON.png) no-repeat -42px 0px;float:left;position:relative;top:2px;}
#middle_wrapper #middle_div{position:relative;width:730px;float:left;}
#middle_wrapper #right_div{position:relative;width:251px;float:right;}
#middle_wrapper  .products_box{position:relative;}
#middle_wrapper  .products_box .content{background:url(/images/home/products_bg.gif);height:auto!important;min-height:420px;height:420px;padding-top:10px;}
#middle_wrapper  .profile_box .content{padding-top:10px;padding-left:10px;padding-right:10px;padding-bottom:2px;line-height:17px;}
#middle_wrapper .recommend_box .content{height:auto!important;min-height:210px;height:210px;padding-top:10px;padding-left:10px;padding-right:10px;line-height:18px;}
.category_sub{margin:0px auto;padding:0px;list-style:none;width:90%;}
.category_sub li{margin-bottom:5px;background:url(/images/dottedLine.gif) repeat-x bottom;}
.category_sub li h3{margin:0px;font-size:12px;font-weight:normal;}
.category_sub a.out{display:block;height:26px;line-height:26px;color:#5C5C5C;padding-left:5px;overflow:hidden;}
.category_sub a.out:hover{display:block;height:26px;line-height:26px;color:#115EC0;padding-left:5px;overflow:hidden;}
.moreBtn_index{text-align:right;padding-top:7px;padding-bottom:10px;}
#news_box{position:relative;z-index:3;width:280px;float:left;padding-right:10px;}
#news_btn{width:75px;height:14px;background:url(/icon/icon_all.gif) -74px -64px;overflow:hidden;}
#news_box #content{padding-top:14px;}
#advantage_box{position:relative;z-index:3;width:280px;height:200px;float:left;left:30px;padding-right:10px;}
#advantage_btn{width:98px;height:16px;background:url(/icon/icon_all.gif) 0px -78px;overflow:hidden;}
#advantage_box #content{padding-top:14px;}
#case_box{position:relative;z-index:3;width:280px;height:200px;float:left;left:30px;}
#case_btn{width:74px;height:20px;background:url(/icon/icon_all.gif) 0px -248px;overflow:hidden;}
#case_box #content{padding-top:12px;}
.vertical_line{width:10px;height:215px;background:url(/images/dotted_vertical.gif) repeat-y;margin-left:30px;float:left;}
#links_div{padding-bottom:10px;}
/*video*/
.slide{position:relative;width:203px;margin:auto;top:15px;}
.slide .pic{
	width:203px;
	float:left;
	position:relative;
	overflow:hidden;
	height:187px;
}
.slide .pic a{color:#fff;text-align:center;position:relative;display:block;}
.slide .pic img{width:203px;height:187px;border:0px;z-index:5;overflow:hidden;}
.slide .pic span{background:rgba(0,0,0,0.5);z-index:10;display:block;position:absolute;width:100%;top:160px;height:27px;line-height:27px;}
.slide .pic a.cur{display:block;}
.slide .thumb{position: absolute;top:-18px;right:0px;}
.slide .thumb a{display:block;float:left;width:7px;height:7px;background:url(/images/thumb.gif);overflow:hidden;text-indent:-100px;margin-right:8px;}
.slide .thumb .cur, .slide .thumb a:hover{display:block;float:left;width:7px;height:7px;background:url(/images/thumb.gif) -8px 0px;overflow:hidden;}

.slide2{position:relative;width:203px;margin:auto;top:15px;}
.slide2 .pic{
	width:203px;
	float:left;
	position:relative;
	overflow:hidden;
	height:187px;
}
.slide2 .pic2 a{color:#fff;text-align:center;position:relative;display:block;}
.slide2 .pic2 img{width:203px;height:187px;border:0px;z-index:5;overflow:hidden;}
.slide2 .pic2 span{background:rgba(0,0,0,0.5);z-index:10;display:block;position:absolute;width:100%;top:160px;height:27px;line-height:27px;}
.slide2 .pic2 a.cur{display:block;}
.slide2 .thumb2{position: absolute;top:-15px;right:0px;}
.slide2 .thumb2 a{display:block;float:left;width:7px;height:7px;background:url(/images/thumb.gif);overflow:hidden;text-indent:-100px;margin-right:8px;}
.slide2 .thumb2 .cur, .slide2 .thumb2 a:hover{display:block;float:left;width:7px;height:7px;background:url(/images/thumb.gif) -8px 0px;overflow:hidden;}
#casePic_home{position:relative;overflow:hidden;height:200px;}
/*case*/
.news_list_ul{margin:0px;padding:0px;list-style:none;}
.news_list_ul li{padding-bottom:5px;padding-top:5px;}
.news_list_ul li .txt2{padding-left:5px;}
/*news index*/
.news_UL_index{margin:0px 0px 5px 0px;padding:0px;list-style:none;}
.news_UL_index li{padding:2px 0px 2px 0px;}
.news_UL_index  .title{position:relative;z-index:2;clear:both;border-bottom:1px #ccc dotted;height:22px;}
.news_UL_index .title_news{position:relative;z-index:3;display:block;float:left;width:600px;left:5px;font-size:13px;}
.news_UL_index  .date{position:relative;z-index:3;color:#ccc;padding-left:10px;}
.news_UL_index .icon{position:relative;z-index:3;display:block;float:left;width:3px;height:5px;background:url(/icon/icon_all.gif) no-repeat -135px -20px;top:7px;overflow:hidden;}
#products_index_box{position:relative;z-index:3;margin-top:15px;clear:both;}
#products_index_box #content{padding-top:10px;padding-bottom:10px;border:1px #C3C3C3 solid;margin-bottom:20px;padding-left:15px;}
#products_index_box #btn{height:28px;background:url(/images/bg_recommend.gif) repeat-x;}
/*menu Bar*/
#topNav_dropdownMenuDiv{}
.subMenuDiv {
	BACKGROUND:#E1EEFA; Z-INDEX: 6000;  PADDING-LEFT: 0px; PADDING-RIGHT: 0px;BACKGROUND-POSITION: 50% bottom; border-left:1px #599EE1 solid;;border-right:1px #599EE1 solid;
}


.L2Grey A:link {
	PADDING-TOP: 5px;PADDING-bottom: 5px; DISPLAY: block;  COLOR: #2F2F2F; TEXT-DECORATION: none; border-bottom:1px #599EE1 solid;background:url(/page/icon/arrowBlue.gif) no-repeat 8px 8px;
}
.L2Grey A:visited {
	PADDING-TOP: 5px;PADDING-bottom: 5px;  DISPLAY: block;  COLOR: #2F2F2F;TEXT-DECORATION: none; border-bottom:1px #599EE1 solid;background:url(/page/icon/arrowBlue.gif) no-repeat 8px 8px;
}
.L2Grey A:hover {
	PADDING-TOP: 5px;PADDING-bottom: 5px; COLOR: #fff; TEXT-DECORATION: none;border-bottom:1px #599EE1 solid;background:url(/page/icon/arrowWhite.gif) no-repeat 8px 8px #036ea2;}
#topNav_subMenu1{position:absolute;z-index:20;right:158px;top:94px;}
#topNav_subMenu2{position:absolute;z-index:20;left:581px;top:94px;}
#topNav_subMenu4{position:absolute;z-index:20;left:465px;top:94px;}
#topNav_subMenu3{position:absolute;z-index:20;right:225px;top:94px;}
.subMenuDiv .L2Grey{display:block;width:131px;text-align:center;}
/*sub*/
#banner_index_sub{position:relative;height:400px;background:url(/images/banner_sub.jpg) no-repeat center 0;text-align:center;min-width:1236px;
	max-width:100%;}
#banner_index_sub_m img{width: 100%;}	
#middle_div_sub{position:relative;height:auto!important;height:310;min-height:310px;width: 1236px;margin:auto;background:#fff;}
#location_div{position:relative;z-index:2;height:25px;clear:both;padding-top:10px;}
#left_box_sub{position:relative;z-index:2;width:157px;float:left;overflow:hidden;}
#top_category_box{background:url(/images/top_category_box.gif) no-repeat;height:37px;line-height:37px;color:#115EC0;font-size:13px;font-weight:bold;padding-left:30px;}
#middle_category_box{background:url(/images/middle_category_box.gif) repeat-y;height:auto!important;min-height:50px;height:50px;padding-bottom:10px;}
#bottom_category_box{background:url(/images/bottom_category_box.gif) no-repeat;height:2px;margin-bottom:15px;}
.category_sub_left{margin:0px auto;padding:0px;list-style:none;width:95%;overflow:hidden;}
.category_sub_left li{margin-bottom:8px;}
.category_sub_left a.on{width:155px;display:block;background:url(/php/icon/arrow_white.gif) 5px 50% no-repeat #298FE9;padding-top:5px;padding-bottom:5px;color:#fff;padding-left:18px;overflow:hidden;}
.category_sub_left a.out{width:155px;display:block;color:#5C5C5C;padding-left:18px;padding-top:5px;padding-right:5px;padding-bottom:5px;overflow:hidden;border-bottom:1px #E8E8E8 solid;background:url(/php/icon/arrow_blue.gif) 5px 50% no-repeat #f3f3f3;}
.category_sub_left a.out:hover{width:155px;display:block;color:#115EC0;padding-left:18px;overflow:hidden;background:url(/php/icon/arrow_blue.gif) 5px 50% no-repeat #D7E4F3;}
.category_sub_left h3{font-weight:normal;font-size:12px;margin:0px;padding:0px;}
.category_case{margin:0px auto;padding:0px;list-style:none;width:95%;overflow:hidden;}
.category_case li{margin-bottom:8px;}
.category_case a.on{width:155px;display:block;background:url(/php/icon/arrow_white.gif) 5px 50% no-repeat #298FE9;padding-top:5px;padding-bottom:5px;color:#fff;padding-left:18px;overflow:hidden;}
.category_case a.out{width:155px;display:block;color:#5C5C5C;padding-left:18px;padding-top:5px;padding-right:5px;padding-bottom:5px;overflow:hidden;border-bottom:1px #E8E8E8 solid;background:url(/php/icon/arrow_blue.gif) 5px 50% no-repeat #c3c3c3;}
.category_case a.out:hover{width:155px;display:block;color:#115EC0;padding-left:18px;overflow:hidden;background:url(/php/icon/arrow_blue.gif) 5px 50% no-repeat #D7E4F3;}
.category_case h3{font-weight:normal;font-size:12px;margin:0px;padding:0px;}
.small_category_ul{margin:0px;padding:0px;list-style:none;}
.small_category_ul li{margin:0px;padding:0px 5px 0px 10px;clear:both;padding-top:5px;padding-bottom:5px;margin-bottom:2px; border-bottom:1px #cccccc dotted;}
.small_category_ul .lineICON{display:block;width:7px;height:21px;background:url(/icon/icon_all.gif) -147px -98px;float:left;}
.small_category_ul .txt{display:block;width:110px;float:left;padding-top:5px;padding-left:6px;}
#right_box_sub{position:relative;z-index:2;width:790px;float:right;}
#title_sub{position:relative;z-index:1;height:27px;border-bottom:2px #458AC8 solid;}
#title_sub .icon_red_square{position:relative;z-index:4;display:block;width:4px;height:12px;float:left;background:url(/icon/icon_all.gif) no-repeat -116px -81px;top:8px;}
#title_sub .txt{font-size:12px;font-weight:bold;padding-left:8px;position:relative;z-index:1;float:left;width:500px;display:block;top:8px;color:#005BAC;}
#article_p{padding-bottom:20px;line-height:22px;clear:both;margin-top:5px;}
#article_p img{display:block;margin:auto;}
.location_div{position:relative;z-index:3;width:210px;float:right;top:7px;}
.location_div_2{position:relative;z-index:3;width:140px;float:right;top:7px;}
.locationICON{position:relative;z-index:4;display:block;width:11px;height:11px;float:left;background:url(/icon/icon_all.gif) no-repeat -102px -81px;top:1px;}
.location_div .location_txt{position:relative;z-index:4;display:block;width:11px;float:left;width:180px;padding-left:5px;}
.location_div_2 .location_txt{position:relative;z-index:4;display:block;width:11px;float:left;width:124px;padding-left:5px;}
.recommendProduct_UL_02{margin:10px auto 10px auto;padding:0px;list-style:none;}
.video_UL{margin:10px 0px 0px 0px;padding:0px;list-style:none;}
.video_UL li{width: 32.2%;float: left;margin-bottom: 20px;margin-right: 1.2%;}
.video_UL li:nth-child(3n) {margin-right: 0 !important;}
.video_UL li .product_name{font-size: 16px;color:#333;overflow: hidden;text-overflow: ellipsis;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;margin: 10px 0;}
.photoUL{margin:10px 0px 0px 0px;padding:0px;list-style:none;}
.photoUL li{width: 32.2%;float: left;margin-bottom: 20px;margin-right: 1.2%;}
.photoUL li img{width: 100%;height: 280px;}
.photoUL li:nth-child(3n) {margin-right: 0 !important;}
.photoUL li .product_name{font-size: 16px;color:#333;overflow: hidden;text-overflow: ellipsis;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;margin: 10px 0;}
.recommendProduct_UL_02 li{height:auto!important;min-height:320px;height:320px;float:left;width:50%;}
.recommendProduct_UL_02 li .left_pic{width:250px;float:left;text-align:center;border:1px #efefef solid;padding:5px;}
.recommendProduct_UL_02 li .middle_detail{height:280px;overflow:hidden;width:300px;float:left;padding-left:10px;padding-bottom:10px;}
.recommendProduct_UL_02 li .middle_detail p{margin:0px;}
.recommendProduct_UL_02 li .middle_detail.yin a{display: block;margin:10px auto;}
.recommendProduct_UL_02 li .more a:link{position:relative;z-index:2;display:block;width:98px;height:23px;background:url(/icon/icon_all.gif) no-repeat 0px -176px;margin:8px auto 0px auto;}
.recommendProduct_UL_02 li .more a:visited{position:relative;z-index:2;display:block;width:98px;height:23px;background:url(/icon/icon_all.gif) no-repeat 0px -176px;margin:8px auto 0px auto;}
.recommendProduct_UL_02 li .more a:hover{position:relative;z-index:2;display:block;width:98px;height:23px;background:url(/icon/icon_all.gif) no-repeat 0px -199px;margin:8px auto 0px auto;}
.recommendProduct_UL_03{margin:10px 0px 10px auto;padding:0px;list-style:none;}
.recommendProduct_UL_03 li{width:31%;float:left;margin:0px;padding:20px 5px 10px 5px;height:auto!important;min-height:50px;height:50px;text-align:center;}
.recommendProduct_UL_03 li .product_name{display:block;padding-top:5px;padding-bottom:5px;background:#E3F3FD;margin-top:8px;}
.caseUL{margin:10px 0px 0px 0px;padding:0px;list-style:none;}
.caseUL li{float:left;width:46%;margin-right:10px;margin-left:10px;border:1px #ccc solid;margin-bottom:10px;padding:8px;}
.caseUL li .pic img{border:1px #ccc solid;}
.caseUL li .pic{float:left;width:250px;}
.caseUL li .info{float:left;margin-left:5px;padding:5px;width:295px;}
.caseUL .product_name{display:block;padding:5px;background:#E3F3FD;margin-top:8px;clear:both;margin-top:5px;}
.caseUL  .date{float:right;}
/*products*/
.pager-links{clear:both;text-align:center;padding-top:10px;padding-bottm:10px;}
.pager-links .t2{position:relative;z-index:10;color:#DB0000;font-weight:bold;text-align:center;width:20px;height:18px;padding-left:5px;padding-right:5px;}
.pager-links a.t3{position:relative;z-index:10;color:#2D2D2D;font-weight:bold;text-align:center;width:20px;height:18px;padding-left:5px;padding-right:5px;}
/*news*/
.news_UL_3{margin:0px 0px 5px 0px;padding:0px;list-style:none;}
.news_UL_3 li{padding:5px 0px 2px 0px;}
.news_UL_3  .title{position:relative;z-index:2;clear:both;border-bottom:1px #ccc dotted;height:22px;}
.news_UL_3 .title_news{position:relative;z-index:3;display:block;float:left;width:650px;left:5px;font-size:13px;}
.news_UL_3  .date{position:relative;z-index:3;color:#ccc;padding-left:10px;}
.news_UL_3 .icon{position:relative;z-index:3;display:block;float:left;width:3px;height:5px;background:url(/icon/icon_all.gif) no-repeat -135px -20px;top:7px;overflow:hidden;}
/*knowledge*/
.knowledgeUL{margin:0px 0px 5px 0px;padding:0px;list-style:none;}
.knowledgeUL li{padding:5px 0px 2px 0px;width:48%;float:left;margin-right:2%;}
.knowledgeUL  .title{position:relative;z-index:2;clear:both;border-bottom:1px #ccc dotted;height:22px;}
.knowledgeUL .title_news{position:relative;z-index:3;display:block;float:left;width:500px;left:5px;font-size:13px;}
.knowledgeUL .date{position:relative;z-index:3;color:#ccc;padding-left:10px;}
.knowledgeUL .icon{position:relative;z-index:3;display:block;float:left;width:3px;height:5px;background:url(/icon/icon_all.gif) no-repeat -135px -20px;top:7px;overflow:hidden;}
#title_info{margin-top:40px;padding-bottom:10px;background:url(/images/dottedLine.gif) repeat-x bottom;font-weight:bold;color:#005BAC;padding-bottom:5px;font-size:18px;text-align:center;}
#title_info h1{font-size: 1.5em;}
#news_content{padding-top:12px;padding-bottom:12px;line-height:20px;max-width: 790px;margin: auto;}
#news_date{display:block;background:url(/images/dottedLine.gif) repeat-x top;width:100%;height:55px;padding-top:7px;}
#newsDate_left{float:left;width:65%;}
#newsDate_right{float:right;width:35%;text-align: right;}
#products_goBackBtn{padding-bottom:15px;text-align:right;background:url(/images/dottedLine.gif) repeat-x top;padding-top:7px;}
#product_left_pic{width:437px;float:left;text-align:center;margin-right:10px;}
#product_left_pic table{border:1px #ccc solid;padding:2px;}
#product_right_detail{position:relative;left:20px;width:500px;hieght:200px;float:left;line-height:29px;background:url(/icon/line_product.gif) repeat-y;overflow:hidden;padding-top:5px;padding-bottom:10px;}
#product_right_detail p{margin:0px;padding:0;}
#smallProductImg{position:relative;float:left;width:380px;}
#smallProductImg  ul li{float:left;margin-left:5px;margin-right:5px;}
#preBtn{display:inline-block;width:13px;height:57px;background:url(/icon/preBtn.gif) no-repeat;position:absolute;left:0px;top:20px;}
#nextBtn{display:inline-block;width:13px;height:57px;background:url(/icon/nextBtn.gif) no-repeat;position:absolute;right:0px;top:20px;}
#smallProductImg  ul li img{width:70px;height:70px;border:1px #ccc solid;}
#product_right_detail_2{padding-top:10px;}
#products_title{background:url(/images/dottedLine.gif) repeat-x bottom;padding-bottom:8px;height:25px;margin-bottom:15px;font-weight:bold;text-align:center;line-height:32px;}
#products_title .on{display:block;background:url(/icon/bar_detail.gif);width:89px;height:32px;float:left;color:#fff;}
#products_title .out{display:block;background:url(/icon/bar_detail.gif) -89px;width:89px;height:32px;float:left;}
#products_title .out a{color:#fff;}
#products_title .out a:hover{color:#333;}
#products_details{line-height:20px;padding-bottom:20px;}
#products_goBackBtn{padding-bottom:15px;text-align:right;}
.detail_title_icon{position:relative;z-index:3;display:block;float:left;width:3px;height:5px;background:url(/icon/icon_all.gif) no-repeat -135px -20px;top:7px;overflow:hidden;}
#viewICON{position:relative;z-index:3;display:block;float:left;width:18px;height:17px;background:url(/icon/icon_all.gif) no-repeat -98px -177px;top:2px;overflow:hidden;}
.news_list_sub{padding-bottom:30px;}
.news_list_sub ul{margin:0px 0px 5px 0px;padding:0px;list-style:none;}
.news_list_sub ul li{padding:2px 0px 2px 0px;width:45%;margin-right:5%;border-bottom:1px #ccc dotted;float:left;}
.news_list_sub ul li .title{position:relative;z-index:2;}
.news_list_sub ul li .title_news{position:relative;z-index:3;display:block;float:left;width:70%;left:5px;font-size:13px;}
.news_list_sub ul li .date{position:relative;z-index:3;color:#ccc;padding-left:10px;}
.news_list_sub ul li .icon{position:relative;z-index:3;display:block;float:left;width:3px;height:5px;background:url(/icon/icon_all.gif) no-repeat -135px -20px;top:7px;overflow:hidden;}
/*2015-7-15 Add*/
.hide{ display:none;}
.inner_nav{z-index:4;position:relative;width:1236px;margin:10px auto;}
.inner_nav{ margin-bottom:17px;}
.innav_ul1,.innav_ul2,.innav_ul3{width:100%;list-style:none;position:relative;margin:0px;padding:0px;}
.innav_ul3 li{float:left; background:#ECECEC; width:10.5%; position:relative;padding-top:5px;margin-right:12px;margin-bottom:8px;border-radius:8px;box-shadow:2px 2px 2px #909090}
.innav_ul3 li:nth-child(8){margin-right:0px}
.innav_ul3 li:nth-child(16){margin-right:0px}
.innav_ul3 li a.innav_a,.innav_ul3 li a.innav3_a{ display:block; width:100%; height:30px;text-align:center;margin:auto;padding-left:2px;padding-right:2px;display: flex;flex-direction: column;justify-content: center;}
.innav_ul3 dl{position:absolute; z-index:10; left:1px; top:35px; width:155px;margin:0px;}
.innav_ul3 dl dd{ background:#d8e6f7; border-bottom:1px solid #fff;margin:0px;padding-right:5px;padding-left:5px;padding-top:5px;padding-bottom:2px;}
.innav_ul3 dl dd a{display:block;color:#3764a3; font:12px;}
.innav_ul3 dl dd:hover,.innav_ul3 dl dd.select{background:#3e78c8;}
.innav_ul3 dl dd:hover a,.innav_ul3 dl dd.select a{ color:#fff;}
.innav_ul3 li h3{ color:#073779; font:13px/18px "寰????ゆ?烽?????存??;padding:0 5px;text-overflow: ellipsis; overflow: hidden; white-space:nowrap;}
.innav_ul3 li h4{ color:#4276a4; font:12px/15px "寰????ゆ?烽?????存??;}
.marginTop{position:relative;top:15px;}
.innav_ul3 li:hover,.innav_ul3 li.select{ background:url(../images/innav3_bg2.png) no-repeat center top;color:#fff;}
.innav_ul3 li:hover h3,.innav_ul3 li.select h3,.innav_ul3 li:hover h4,.innav_ul3 li.select h4{ color:#fff;}
.innav_ul2 li{float:left; margin-right:5px; background:url(../images/innav2_bg1.png) no-repeat left top; width:330px; }
.innav_ul2 li a.innav_a{ display:block; width:330px; height:71px;text-align:center;}
.innav_ul2 li h3{ color:#315eaa; font:18px/26px "瀵邦?胯?????寸拨"; padding-top:10px;}
.innav_ul2 li h4{ color:#999; font:14px/23px "瀵邦?胯?????寸拨";}
.innav_ul2 li:hover,.innav_ul2 li.select{ background:url(../images/innav2_bg2.png) no-repeat left top;}
.innav_ul2 li:hover h3,.innav_ul2 li.select h3,.innav_ul2 li:hover h4,.innav_ul2 li.select h4{ color:#fff;}
.prodr_tit{clear:both;height:35px;border-bottom:1px #ccc solid;}
.prodr_tit li{ float:left; width:152px; height:36px; background:url(../images/prodt_bg1.png) no-repeat left top;text-align:center; margin-right:2px; cursor:pointer;}
.prodr_tit li.select{background:url(../images/prodt_bg2.png) no-repeat left top;}
.prodr_tit li.select h3,.prodr_tit li.select h4{ color:#fff;}
.prodr_tit li h3{font:14px/18px "寰????ゆ?烽?????存??;color:#666;}
.prodr_tit li h4{font:10px/18px "寰????ゆ?烽?????存??;color:#999;}
.prodrm_tit{ height:28px; padding-left:8px; background:#eaeaea; margin-top:15px; margin-bottom:15px;}
.prod_r{width:100%;margin-top:10px;}
.prodrm_tit h3,.prodrm_tit h4{ float:left;}
.prodrm_tit h3{color:#6582a7; font:16px/28px "寰????ゆ?烽?????存??;}
.prodrm_tit h4{color:#f7312c; font:13px/28px "寰????ゆ?烽?????存??; padding-left:8px;}
.pro_p p{padding-left:24px;/* background:url(../images/p_ico.png) no-repeat 11px center;*/}
.pro_pag a{color:#666; font:14px/34px "寰????ゆ?烽?????存??;}
.pro_pag a:hover{text-decoration:underline;}
.con_tit{height:30px;width:200px;background:#4d87d1;margin-top:15px;}
.con_tit h3{font:16px/30px "寰????ゆ?烽?????存??; color:#fff; text-align:center; float:left; padding-left:10px;}
.con_tit h4{font:12px/30px "寰????ゆ?烽?????存??; color:#fff; text-align:center;float:left; padding-left:10px;}
.topNews_div{background:#F7F7F7;padding:10px;}
.topNews_div h3{color:#6582a7; font:16px/28px "寰????ゆ?烽?????存??;}
.topNews_div ul{margin:0px 0px 5px 0px;padding:0px;list-style:none;}
.topNews_div ul li{padding:2px 0px 2px 0px;width:30%;margin-right:10px;border-bottom:1px #ccc dotted;float:left;}
.topNews_div ul li .title{position:relative;z-index:2;}
.topNews_div ul li .title_news{position:relative;z-index:3;display:block;float:left;width:100%;left:5px;font-size:13px;}
.topNews_div ul li .date{position:relative;z-index:3;color:#ccc;padding-left:10px;}
.topNews_div ul li .icon{position:relative;z-index:3;display:block;float:left;width:3px;height:5px;background:url(/icon/icon_all.gif) no-repeat -135px -20px;top:13px;overflow:hidden;}
#officeList_div{background:#F7F7F7;padding:10px;}
#officeList_div h3{color:#6582a7; font:16px/28px "寰????ゆ?烽?????存??;}
#officeList_div ul{margin:0px 0px 5px 0px;padding:0px;list-style:none;}
#officeList_div ul li{padding:2px 0px 2px 0px;width:23%;margin-right:10px;border-bottom:1px #ccc dotted;float:left;}
#officeList_div ul li .title{position:relative;z-index:2;}
#officeList_div ul li .title_news{position:relative;z-index:3;display:block;float:left;width:100%;left:5px;font-size:13px;}
#officeList_div ul li .date{position:relative;z-index:3;color:#ccc;padding-left:10px;}
#officeList_div ul li .icon{position:relative;z-index:3;display:block;float:left;width:3px;height:5px;background:url(/icon/icon_all.gif) no-repeat -135px -20px;top:13px;overflow:hidden;}
.detailImgFull{text-align:center;}
.detailImgFull img{width:auto;max-width:100%;}
/*feedback*/
#msgForm h2{height:30px; margin-bottom:6px; font-size:20px; border-bottom:2px solid #e66416;}
#msgForm{margin-top:30px; color:#333; font-family:"microsoft yahei";}
.tips{font-size:14px; color:#f60; line-height:30px; margin-bottom:6px;}
#msgForm li{vertical-align:top; margin-bottom:18px;}
#msgForm label{float:left; width:70px; height:22px; line-height:22px; text-align:right;}
#msgForm label b{color:#f00; font-weight:normal; margin-right:2px; vertical-align:middle;}
#msgForm select, #msgForm input, #msgForm textarea{color:#333; border:1px solid; border-color:#999 #ddd #ddd #999;}
#msgForm select{float:left; width:160px; }
#msgForm input{float:left; width:154px; height:18px; line-height:18px; overflow:hidden; padding:1px 2px; font-size:12px;}
#msgForm .address{width:384px;}
#msgArea{width:610px; height:100px; line-height:20px; padding:4px;}
#msgForm .left{float:left; vertical-align:top;}
#msgForm .checkcode{width:60px; text-align:center; margin-right:10px;}
#checkImg{width:60px; height:22px;}
#msgForm .right{float:right;}
#msgForm .right input{width:125px; height:37px; line-height:37px; margin-left:12px; font-size:14px; cursor:pointer; border:none; background:url(../images/formbtn.png) no-repeat;}
/*office*/
#city_office_div{clear:both;margin-top:10px;}
#city_office_div ul{margin:0px;padding:0px;list-style:none;width:102%;}
#city_office_div ul li{width:46%;float:left;height:177px;margin-bottom:15px;margin-left:0px;margin-right:13px;overflow:auto;padding:0px 8px 5px 8px;background:#f7f7f7;border:1px #ccc solid;position:relative;}
#city_office_div .img{border:1px #ccc solid;position:absolute;right:10px;top:10px;}
#city_office_div .moreBtn{display:block;border-radius:8px;background:#dadada;color:#939393;width:120px;right:10px;position:absolute;bottom:10px;text-align:center;}
#city_office_div a.moreBtn:hover{background:#939393;color:#fff;}
#traffic_line{clear:both;padding-bottom:10px;}
#traffic_line .icon{position:relative;z-index:3;display:block;float:left;width:3px;height:5px;background:url(icon/icon_all.gif) no-repeat -135px -20px;top:7px;overflow:hidden;}
#traffic_line ul{margin:0px;padding:0px;list-style:none;}
#traffic_line ul li{float:left;padding-right:10px;font-size:13px;}
#officeDetailPage{clear:both;padding-top:20px;position:relative;}
#officeDetailPage .contactsPage{height:140px;}
#officeDetailPage h4{margin:0;padding:0;}
#officeDetailPage p{margin:0;padding:0;}
#officeDetailPage .img{border:1px #ccc solid;position:absolute;right:0px;top:20px;}
#officeDetailPage .detail{border-top:1px #ececec solid;padding-top:15px;}
/*officeICON*/
#officeICONBox{background:#f0f0f0;opacity:0.9;filter:alpha(opacity:90); border-radius:4px;width:280px;height:290px;position:absolute;z-index:2;right:115px;top:150px;overflow:hidden;}
#officeICONBox ul{margin:0;padding:0;width:110%;}
#officeICONBox ul li{float:left;margin-top:10px;margin-left:5px;margin-right:5px;height:60px;width:60px;text-align:center;overflow:hidden;}
#officeICONBox ul li img{width:46px;height:46px;border-radius:46px;}
#officeICONBox ul li .imgBox{width:46px;height:46px;margin:auto;}
#officeICONBox ul li span{display:block;}
#officeICONBox .maskBg{position:absolute;width:46px;height:46px;z-index:100;background:url(/icon/maskBg.png) no-repeat;}
/*companyShow*/
#companyShowBox{position:absolute;z-index:100;top:310px;overflow:hidden;}
#companyShowBox ul{margin:0;padding:0;width:110%;}
#companyShowBox ul li{float:left;margin-top:10px;margin-right:7px;height:66px;width:136px;overflow:hidden;background:#f0f0f0;opacity:0.9;filter:alpha(opacity:90); border-radius:4px;position:relative;}
#companyShowBox ul li img{width:46px;height:46px;float:left;position:relative;top:10px;left:5px;border-radius:46px;}
#companyShowBox ul li span{display:inline-block;width:70px;position:relative;left:12px;top:12px;}
#companyShowBox .maskBg{position:absolute;width:46px;height:46px;z-index:100;background:url(/icon/maskBg.png) no-repeat;top:10px;left:5px;}
/*onlineContact*/
#onlineContacts{position:absolute;left:470px;top:465px;}
#onlineContacts span{display:inline-block;padding-left:35px;font-size:14px;font-weight:bold;min-width:50px;position:relative;top:0;margin-right:10px;}
#onlineContacts .mobile{background:url(/icon/tel.png) no-repeat;}
#onlineContacts .tel{background:url(/icon/tel.png) no-repeat;}
#onlineContacts .qq{background:url(/icon/qq.png) no-repeat;}
#onlineContacts .notice{background:url(/icon/notice.gif) no-repeat;display:block;width:61px;height:19px;position:absolute;right:0px;top:-10px;}

/* online side */
.side{position:fixed;width:54px;height:275px;right:50px;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "寰????ゆ?烽?????存??;overflow:hidden;text-align:center;}
.side ul li .sidebox img{margin-left:12px;margin-top:10px;margin-right:5px;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#FF6000;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
#back-to-top{display:none;}
.titleArticle{width: 1236px;position:relative;margin:20px auto 10px auto;clear:both;height:30px;}
.titleArticle h3{float:left;text-indent:20px;background-color: #036ea2;padding:5px;width: 100px;display: block;color: #fff;}
.titleArticle a{float:right;}
#hotsearch{position:absolute;top:35px;z-index:5;width:183px;height:28px;border:1px #65A8DF solid;left:580px;border:1px #CBCBCB solid;}
#hotsearch .notice{position:absolute;top:35px;color:#666666;font-size:1em;}
#hotsearch .notice a{color:#666;display:inline-block;margin-right:5px;}
#hotsearch .notice a:hover{color:#333;}
#search_box{position:absolute;top:0px;z-index:5;width:183px;height:28px;overflow:hidden;border:1px #65A8DF solid;left:150px;border:1px #CBCBCB solid;}
#keywords{width:143px;height:28px;float:left;border:0px;padding:0px 5px 0px 5px;overflow:hidden;color:#2E2E2E;line-height:22px;background:#fff;}
#searchICON{position:relative;z-index:3;display:block;float:left;width:19px;height:17px;background:url(/images/search.gif) no-repeat;top:5px;}
#searchICON a{display:block;width:32px;height:25px;}
/*footer*/
.left{float:left;}
.right {
    float: right;}

footer{display:block;background: #121212;}
footer a:link{color:#fff;}
footer a:visited{color:#fff;}
footer .bottombar {
    padding: 20px 0;
    color: #fff;
	min-width:1236px;
 max-width:100%;
 font-size: 12px;
}
.bottombar a:hover{
	color:#036ea2;
    }
.hn_bottombox {
    width: 100%;
    background: #2d2d2d;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: auto;
    position: relative;
    z-index: 0;
	min-width:1236px;
	max-width:100%;
	border-top:6px #036ea2 solid;
}
.hn_bottombox a:hover {
    color: #fff;
}
.hn_bottombox a {
    color: #fff;
    line-height: 1.8em;
	
}
.hn_bottombox a:hover{
	color:#036ea2;
    }
.bottombar
.hn_bottombox  ul{margin:0 5px 0px 0;padding:0;width:90%;font-size:12px;}
.pure-g {
    position: relative;
}
.content {
    width: 1236px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}
.pure-g {
    text-rendering: optimizespeed;
    font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}
.pure-u-1-2, .pure-u-12-24 {
    width: 50%;
    *width: 49.969%;
}
.pure-u-1-4, .pure-u-6-24 {
    width: 25%;
    *width: 24.969%;
}
.hn_bottombox .footer_tit {
    font-size: 1.28em;
    line-height: 2em;
    padding-top: 5px;
    background-image: url(/icon/arrow.svg);background-size:22px 22px;background-repeat: no-repeat;padding-left:22px;margin-bottom: 5px;background-position:0px 8px;
}
.form-search {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	width: 100%;
	background: #f5f5f5;
	padding: 4px;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.form-search input[type="search"] {
	font-size: 12px;
	color: #777777;
	font-family: 'Montserrat', "Microsoft Yahei", sans-serif;
	font-weight: 400;
	line-height: 22px;
	margin: 0 0 10px;
	margin: 0;
	color: #333333;
	padding: 8px 10px;
	border: none;
	width: 97%;
	outline: none;
	background: transparent;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.form-search button {
	background: transparent;
	border: none;
	float: right;
	margin-top: -34px;
	margin-right: 10px;
	position: relative;
	z-index: 2;
}
.form-search button i {
 display: inline-block;
 width: 30px;
 height:30px;
 background:url(../images/search.png)no-repeat 5px 7px;
	color: #E60012;
	font-size: 16px;
}
.form-search.active {
	visibility: visible;
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.title-c .lianjie{
	position:absolute;
	display:block;
	top:-100px;
	width:100%;
	  height: 100px;
}
 .hn_mallZone .content .hn-mores a:hover{
	background:#036ea2;
	color:#fff;
}
.foot-l{
	float:left;
	display: inline-block;
	margin-right:10%;
	padding-right: 10px;
	padding-left: 20px;
}
.foot-l ul li{background-image: url(/icon/arrow.svg);background-size:18px 18px;background-repeat: no-repeat;padding-left:22px;margin-bottom: 5px;background-position:0px 4px;}
.foot-l ul{margin:0;padding:0;}
.pure-g  ul{ padding:0;}
#hm_t_13979{display: none;}
.shouj{display:flex;justify-content: space-between;}
.topCase{width: calc(50% - 6px);height:111px;float:left;background: #ececec;margin-right: 6px;margin-bottom: 20px;}
.topKnowledge{width:calc(34% - 6px);height:111px;float:left;background: #ececec;margin-right:6px;margin-bottom: 20px;}
.relatedVideo{width: 16%;height:111px;float:left;background: #ececec;margin-bottom: 20px;}
.topCase img{float: left;}
.topCase ul{width: calc(100% - 240px);float:left;margin:10px 0 0 20px;padding:0;}
.topCase ul li{line-height: 22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.topKnowledge img{float: left;}
.topKnowledge ul{width: calc(100% - 240px);float:left;float:left;margin:10px 0 0 20px;padding:0;}
.topKnowledge ul li{line-height: 22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
@media only screen and (min-width: 300px) and (max-width: 750px){
	.topCase,.topKnowledge,.relatedVideo{display: none;}
	.shouj {
		font-size: 12px!important;
		display: block;
}
.photoUL li{width: 49%;float: left;overflow: hidden;}
.photoUL li:nth-child(2n){margin-right: 0;}
.photoUL li img{width: 100%;height: 150px;}
}
.wid{margin-left: 5px;}
#proVideo{position: relative;display: block;}
#proVideo:before{content:'';position:absolute;top:50%;left:50%;background:url(/icon/video.png) no-repeat center center;width:48px;height:48px;margin-top:-24px;margin-left:-24px;}