﻿html{ background:#fff; color:#000; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0 auto;padding:0;}
img{border:0;}
ol,ul,li{list-style:none;}
h1,h2,h3{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{ background:#fff; color:#000; font-size:14px; font-family:'微软雅黑';}
a{ color:#000;}
a:hover{color:#d20000;}

/*******CSS reset*************/
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;}
.hidden{display:none;}
.jj_pic{ float:left; margin:0 10px 0 0;}
.nr_pic{ text-align:center; position:relative; width:100%;}
.red{ color:#f00; font-weight:bold; padding-left:10px;}
.nr_red{ color:#f00; font-weight:bold;}

.scale:hover img { transform: scale(1.1, 1.1);}
.scale img{ transition:transform 1s ease 0s}


#lxwm_nr { margin: 0 20px 20px;	font-size:14px;}
#lxwm_nr p { line-height: 35px; border-bottom: 1px dotted #ccc;	padding-left: 20px;}

#prev_next{ border-top:1px solid #f0f0f0; margin-top:10px; padding-top:5px;}
#prev_next li{ padding-left:10px; height:30px; line-height:30px;}

#con_lx{ height:auto; overflow:hidden; line-height:2.0; font-size:14px; width:90%; margin-bottom:20px;}
#con_lx p{ border-bottom:1px dotted #ccc; line-height:35px; padding-left:20px; transition:0.3s all 0s linear; }
#con_lx p:hover{ background:#efefef; color:#000; border-bottom:1px solid #ccc; padding-left:30px;}


/** header **/
#top_linebj{ height: 33px; width: 100%; background: #333333;}
#top_line{ width: 1200px; height: 33px; line-height: 33px; color: #fff;}
#top_line .right a{ padding: 0 10px; color: #fff;}
#top_line .right a:hover{ color: #ff0;}
#top_bj{ width:100%; height:120px; background:#fff;}
#top_index{ width:1200px; height:120px;}
#logo{ float:left; padding:30px 0 0;}
#top_tel{ float:right; padding:0 0 0 55px; height: 93px;margin-top:10px; background:url(tel.png) no-repeat left 35px;}
#top_tel font{ color:#cd0000; font-size:30px; font-family: impact;}


#nav_bj{ background:#004196; height:58px; width:100%;}
#nav{ width:1200px; height:58px;}
#nav a{ display:block; float:left; color:#fff; width:150px; height:58px; line-height:58px; text-align:center; font-size:16px; transition:0.3s all 0s linear;}
#nav a:hover{ background: #cd0000;}

.flash{ width:100%;height:500px; margin:0 auto; text-align:center; position:relative;}
.flash .flashBox {position:relative; margin:0 auto; width:1000px; height:500px; }
/*修改尺寸1920 {position:absolute; width:1920px; left:-460px;}*/
/*修改尺寸1440 {position:absolute; width:1440px; left:-221px;}*/
.flash .flashBox .bd{position:absolute;  width:1920px; left:-460px;}
.flash .flashBox .bd img{width:100%; height: 500px;}

#ggbj{ height: 48px; background: #333333; width: 100%;}
#ggnr{ width: 1200px; height: 48px;}
#ggnr .left{ height: 48px; line-height: 48px; color: #fff;}
#ggnr .left a{ color: #cd0000; padding: 0 20px 0 0 ;}
#ggnr .left a:hover{ color: #fff;}
#ggnr .right{ width: 264px; height: 48px;}

.ss{ width:252px; height:32px; margin-top: 8px;}
.sou_left{float:left; background: #fff; border: none; width:200px; height:32px; text-align:left; color:#787878; line-height:32px; padding-left:10px;}
.ss_pic{ float:right;}



/** footer **/
#end_nr_bj1{ background:#002b63; height:auto; padding:10px 0; text-align:center; color:#fff;}
#end_nr_bj1 a{ color:#fff;}
#end_nr_bj1 a:hover{ color:#ff0;}


#end_bj{ background: #004196; width: 100%; height: 313px; padding: 30px 0;}
#end{ width: 1200px; height: auto; overflow: hidden;}
#end_nav{ height: 45px; width: 1100px; line-height: 45px; background: #002d69; padding: 0 50px; margin-bottom: 50px;}
#end_nav a{ color: #fff; padding: 0 28px;}
#end_nav a:hover{ color: #ff0;}

#end .end_lxwm{ float: left; min-height: 166px; line-height: 30px; border-right: 1px solid #fff; padding: 0 70px; color: #fff;}
#end .right{ padding-top: 10px;}

#end .left{ border-right: 1px solid #fff;width: 350px;}
#end .left a{ color: #fff;float: left;  border: 1px solid #fff;width: 130px; margin: 8px;line-height: 30px;text-align: center; }
/** main **/ 
.main{ width:1200px; height:auto; overflow:hidden; padding: 30px 0;}

#pro_index{ text-align: center; height: 47px; padding: 20px 0 0;}
#pro_index li{ display: inline-block; height: 47px; line-height: 47px; margin: 0 7px; font-size: 15px; padding: 0 17px; background: #004196; border-radius:5px; transition:all 0.3s linear 0s;}
#pro_index li a{ color: #fff;}
#pro_index li:hover{ background: #cd0000;}

.picScroll-left{ width:1244px;  overflow:hidden; margin-bottom: 30px;}
.picScroll-left .prev{ display:block;  width:18px; height:33px; float:right; margin-left:5px; margin-top:130px;  overflow:hidden; cursor:pointer;}
.picScroll-left .next{ display:block;  width:18px; height:33px; float:left; margin-right:5px; margin-top:130px;  overflow:hidden; cursor:pointer;}
.picScroll-left .bd{ padding:15px; float:left; background: #fff;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{ margin:0 10px; width:272px; height:260px; background: #f4f4f4; line-height: 25px; color: #999999; float:left; position: relative; overflow:hidden; transition:all 0.3s linear 0s;}
.picScroll-left .bd ul li img{ width:272px; height:218px;}
.picScroll-left .bd ul li p{ color: #000; text-align: center; padding: 2px 0;}
.picScroll-left .bd ul li:hover{ background: #004196; color: #fff;}
.picScroll-left .bd ul li:hover p{ color: #ff0;}


#ysbj{ background: url(ysbj.jpg) repeat; width: 100%; height: auto; overflow: hidden;}
#ysgg{ background: url(ysfont.png) no-repeat center top; width: 100%; height: 296px;}
.ysnr{ border-bottom: 1px dashed #000; height: auto; overflow: hidden;}
.ysnr .ysfont{ width: 580px; padding-top: 50px;}
.ysnr .ysfont .num{ float: left; color: #000; font-size: 48px; font-family: impact;}
.ysnr .ysfont .tit{ float: left; color: #000; font-size: 24px; font-weight: bold; padding-left: 20px; line-height: 65px;}
.ysnr .ysfont .tit span{ color: #004196;}
.ysnr .ysfont .content{ clear: both !important; font-size: 16px; padding-left: 60px; padding-top: 0;}
.ysnr .ysfont .zx1{ float: left; width: 130px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #004196; border-radius: 5px; margin-top: 20px; margin-left: 60px; transition:0.3s all 0s linear;}
.ysnr .ysfont .zx2{ float: left; width: 130px; height: 40px; line-height: 40px; text-align: center; color: #000; background: #cd0000; border-radius: 5px; margin-top: 20px; margin-left: 30px; transition:0.3s all 0s linear;}
.ysnr .ysfont .zx1 a{ color: #fff;}
.ysnr .ysfont .zx2 a{ color: #fff;}
.ysnr .ysfont .zx1:hover{ background: #333;}
.ysnr .ysfont .zx2:hover{ background: #333;}






#gsjjbj{ background: url(gsjj_bj.jpg) no-repeat center top; width: 100%; height: 414px; padding: 50px 0;}
#gsjj{ width: 1200px; height: 354px; background: #fff; padding: 30px 0;}
#gsjj1{ width: 1200px; height: 680px; background: #fff; padding: 30px 0;}
#gsjj .right{ padding-right: 30px; padding-top: 20px;}
#gsjj .left{ padding-left: 30px; width: 800px; padding-top: 20px; line-height: 30px;}
#gsjj .left .more a{ width: 130px; height: 40px; display:block; line-height: 40px; text-align: center; color: #fff; background: #004196; border-radius: 5px; margin-top: 20px; margin-left: 0;}
#gsjj .left .more a:hover{ background-color:#cd0000;}

#btc{ text-align:center; margin-top:5px; margin-bottom:5px;
	width:1200px;
	float:left;
	background-image: url("font3.png");
	background-repeat: no-repeat;
	background-position: center center;
}
#btc h1{display: inline-block; font-weight:bold;
	zoom: 1;
	*display: inline;}
#btc h1 .c1{
	font-size:48px;
	color:#000;
	margin-right:12px;
	float:left;
	line-height:50px;
	font-family: Geneva, Arial, Helvetica, sans-serif;	
}
#btc h1 .c2{ font-size:24px; font-weight:normal; float:left; text-align:left; color:#101010; line-height:20px; padding-top:5px;}
#btc h1 .c3{ font-size:16px; color:#666; font-weight:normal; text-transform:uppercase; margin-left:4px;}

.proimg{ width:271px; height:203px; display:block; background-color:#FFF; margin-top: 10px;}
.proimg1{ width:271px; height:203px; display:table-cell; text-align:center; vertical-align:middle;}
.proimg1 img{ max-width:271px; max-height:203px;}

/**设备展示滚动区域CSS**/
#case{ width:1200px; float:left; margin-top:20px;}
#casea {
	WIDTH:1200px;
	FLOAT: left;
}
#casea UL {
	LIST-STYLE-TYPE: none
}
#casea UL LI {
	TEXT-ALIGN: center; WIDTH:224px; FLOAT: left; padding:8px;cursor:pointer; 
}

#casea UL LI h1{ width:220px; padding:1px;  border:#f1f1f1 solid 1PX; cursor:pointer;TEXT-ALIGN: center; height:170px; display:table-cell; vertical-align:middle; background-color:#fff; }
#casea UL LI IMG { border:0px;max-width:220px;HEIGHT: 170px;}
#casea UL LI p{ width:224px;  cursor:pointer; font-size:14px; height:35px; line-height:35px; overflow:hidden; background-color:#f1f1f1;}

#casea UL LI A {
	DISPLAY: block; color:#444;box-shadow: 0px 1px 4px #999;-webkit-box-shadow: 0px 1px 4px #999;-moz-box-shadow: 0px 1px 4px #999;transition:all 0.2s ease-in-out 0s;
}
#casea UL LI A:hover {
	color:#fff;
}
#casea UL LI A:hover p{ background-color:#cd0000}	
#casea UL LI A:hover h1{ border:#cd0000 solid 1px;}
#case .more { width:1200px; float:left; margin-top:2px; text-align:center;}
#case .more a{ width: 130px; height: 40px; display: inline-block; font-weight:bold;
	zoom: 1;
	*display: inline;/*IE7 life-saver */ line-height: 40px; text-align: center; color: #fff; background: #004196; border-radius: 5px; margin-top: 20px; margin-left: 0;}
#case .more a:hover{ background-color:#cd0000;}
/**设备展示滚动区域CSS结束**/

/**新闻自定义CSS**/
#indexNews{ height: auto; overflow: hidden; width:1180px; margin:20px; float:left;}
#indexNews li { float: left; padding: 20px 0; transition:0.3s all 0s linear; border-bottom: 1px dashed #a3a3a3; width: 580px; transition:0.3s all 0s linear; }
#indexNews li a{ display: block; float: left; color: #004196; width: 300px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#indexNews li p{ clear: both !important; color: #585858;  height:75px; overflow:hidden; font-size: 14px; padding: 10px 0 0 30px; line-height: 25px;}
#indexNews li:nth-child(2n){ float: right;}
.Newstime { float: right; color:#333;}
#indexNews li:hover{ background: #004196; padding: 20px; width: 540px;}
#indexNews li:hover a{ color:  #dd0000;}
#indexNews li:hover .Newstime{ color:  #dd0000;}
#indexNews li:hover p{ color: #fff;}
#indexNews .more { width:1200px; float:left; margin-top:2px; text-align:center;}
#indexNews .more a{ width: 130px; height: 40px; display: inline-block; font-weight:bold;
	zoom: 1;
	*display: inline;/*IE7 life-saver */ line-height: 40px; text-align: center; color: #fff; background: #004196; border-radius: 5px; margin-top: 20px; margin-left: 0;}
#indexNews .more a:hover{ background-color:#cd0000;}
/**新闻自定义CSS结束**/

/** sidebar **/
#sidebar{ width:269px; height:auto; overflow:hidden; float:left;}
#main_right{ width:900px; height:auto; overflow:hidden; float:right;}

#zi_banner{ background: url(banner.jpg) no-repeat center top; width: 100%; height: 300px;}

#cpbt{ background:#004196; height:100px; line-height: 100px; color: #fff; font-size: 30px; font-weight: bold; text-align:center;}
#cpbt1{ background:#004196; height:40px; line-height: 40px; color: #fff; font-size: 14px; font-weight: bold; text-align:left;padding-left:10px;}
#cpbt1 a{float: right; color: #fff;padding-right:10px;}
#pro_list{ background:#f9f7f7; padding: 20px;}
#pro_list li{ height:56px; line-height:56px; border-bottom: 1px dashed #878787; background: url(icon.png) no-repeat 7px center; padding-left:40px; transition:0.3s all 0s linear;font-weight:bold}
#pro_list li:hover{ background: url(icon1.png) no-repeat 15px center; background-color:#cd0000;}
#pro_list li:hover a{ color:#FFF;}
#pro_list li a{ color:#000;}
#pro_list dl{ height:38px; line-height:38px; border-bottom: 1px dashed #878787;  padding-left:60px; transition:0.3s all 0s linear;font-size: 12px;}

#lxwm{ background: #cd0000; height: auto; color: #fff; font-size: 16px; text-align: center; padding: 15px 0;}
#lxwm span{ background: #cd0000; height: auto; color: #fff; font-size: 24px; text-align: center; padding: 15px 0;}
#lxwm p{  padding: 5px;text-align: left; padding-left:20px;}
#lxwm p font{font-size: 34px; font-family: impact;}
#lxwm #zx{ width: 150px; height: 35px; border: 2px solid #ffffff; text-align: center; line-height: 35px; transition:all 0.3s linear 0s;}
#lxwm #zx a{ color: #fff;}
#lxwm #zx:hover{ background: #d20000;}
#lxwm #zx:hover a{ color: #000;}

.title_zy{ height: 40px; border: 3px solid #004196; height: 40px; line-height: 40px;}
.title_zy .left{ background: #004196; color: #fff; font-size: 16px; padding: 0 30px;}
.title_zy .right{ color: #000; width: 40%; text-align: right; padding: 0 10px 0 0;}
.title_zy .right a{ color: #000;}
.title_zy .right a:hover{ color: #f00;}


/** zy **/ 
.content{ line-height:30px; padding:20px 0 0; clear: both !important;}
#content_zy{ padding: 20px 10px 0;overflow:hidden;}
#content_zy p{line-height:30px;}

.n_detailCon{ height:auto!important; overflow:hidden!important; overflow:visible;}
.n_detailCon li{ width:100%; height:155px; margin:0 0 10px 0; padding: 10px 0; border-bottom: 1px dotted #ccc; }
.n_detailCon li a{ height:155px; width:100%; display:block; padding-top: 10px;}
.n_detailCon li a:hover{ background: #fffad8;}
.n_detailPic{ width:210px; float:left; margin-left:10px;}
.n_detailR{ width:640px; float:right; margin-right:10px;}
.n_detailTitle{ height:30px; width:100%;}
.n_detailTitle span{ font-size:16px; color:#000; display:block; float:left; font-weight:bold;}
.n_detailTitle small{ font-size:12px; float:right; display:block; color:#222222;}
.n_detailNr{ width:100%; padding:5px 0; line-height:25px; color:#6b6b6b;}
.n_time{ background:url(time.jpg) left no-repeat; text-indent:25px; line-height:25px; height:25px; color:#a8a8a8; font-size:16px;}




/************************************/
.page{margin:10px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
/***************global*****************/
.pro li{float:left; overflow:hidden; margin:0 10px 20px; width:271px; text-align:center; background: #fff; border:1px solid #ccc; height:255px;transition:0.3s all 0s linear; line-height:52px;}
.pro img{ max-width:271px; height:203px;}
.pro li:hover{ background: #d20000;}
.pro li p{ width: 95%; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; height: 30px;}
.pro a:hover{color:#fff;}
/*************index&goods**************/
.news{ width:100%;}
.news li{width:100%;height:35px;text-indent:2em;line-height:35px; font-size:14px; border-bottom:1px dotted #ccc; background:url(icon.png) no-repeat 10px center; transition:0.3s all 0s linear;}
.news li:hover{background-color:#efefef;}
.news li:hover a{color:#000;}
/****************news*****************/
.news_title{color:#da020d;text-align:center;line-height:40px;}
.meta{color:#999;text-align:center;line-height:28px; border:1px solid #f0f0f0; background:#fbfbfb; margin-bottom:10px;}
/***********news_info**************/
.jobs li{ height:auto; margin:23px 18px 18px 28px;border-bottom:1px dotted #666; position:relative;}
.jobs a{ position:absolute; right:0; top:0;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px; display:block; background:#f00;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.rel_center{ text-align:center; left:50%;}
.pro_name{display:block;color:#da020d; font-size:18px; text-align: center; padding-bottom: 10px;}
.info_title{margin:10px 0;width:100%;height:45px;background:#efefef;}
.info_title b{display:inline-block; width:230px; text-align: center; font-weight: normal; height:100%;border-right:5px solid #fff; background:#333; color:#fff; line-height:45px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
/********goods_info&jobs_info*******/
.order{margin:25px 0 20px 100px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
#submit{width:55px;height:29px;color:#000;cursor:pointer; background:url(button.gif) none center;}
/**************order&message********/
#banner{position:relative;overflow:auto;}
#banner li {float:left;}
.banner .dots li.active {
background: #fff;
opacity: 1;
}
.banner .dots li {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 4px;
text-indent: -999em;
border: 2px solid #fff;
border-radius: 6px;
cursor: pointer;
opacity: .4;
-webkit-transition: background .5s, opacity .5s;
-moz-transition: background .5s, opacity .5s;
transition: background .5s, opacity .5s;
}

/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#da020d;text-decoration:underline;}

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}

.f{ float:right; margin-right:10px; _margin-top:7px;}







/* 浮动客服面板 */
#cmsFloatPanel{overflow:hidden;}
#cmsFloatPanel .ctrolPanel{width:36px;height:248px;background:#fff url(cmsfloatpanel-bg.gif) no-repeat left top;border:solid 1px #ddd;position:fixed;right:30px;top:200px;overflow:hidden;z-index:10000;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));}
#cmsFloatPanel .ctrolPanel a{width:34px;font-size:12px;color:#ff3300;letter-spacing:1px;text-align:center;overflow:hidden;}
#cmsFloatPanel .ctrolPanel .arrow{height:29px;line-height:28px;display:block;margin:1px auto;}
#cmsFloatPanel .ctrolPanel .arrow span{display:none;}
#cmsFloatPanel .ctrolPanel .arrow:hover{background:#f4f4f4;}
#cmsFloatPanel .ctrolPanel .arrow:hover span{display:block;}
#cmsFloatPanel .ctrolPanel .service{height:60px;display:block;margin:2px auto;}
#cmsFloatPanel .ctrolPanel .service span{color:#09F;line-height:90px;}
#cmsFloatPanel .ctrolPanel .message{height:60px;display:block;margin:2px auto;}
#cmsFloatPanel .ctrolPanel .message span{color:#ff3300;line-height:90px;}
#cmsFloatPanel .ctrolPanel .qrcode{height:60px;display:block;margin:2px auto;}
#cmsFloatPanel .ctrolPanel .qrcode span{color:#0C6;line-height:90px;}


#cmsFloatPanel .arrow01{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #ddd;position:absolute;bottom:0;position:absolute;left:2px;top:0;}
#cmsFloatPanel .arrow02{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #fff;position:absolute;bottom:0;position:absolute;left:0;top:0;}

#cmsFloatPanel .servicePanel{width:120px;height:400px;position:fixed;right:70px;top:200px;z-index:10000;overflow:visible;display:none;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));}
#cmsFloatPanel .servicePanel .servicePanel-inner{width:120px;position:relative;overflow:visible;}
#cmsFloatPanel .servicePanel .servicePanel-inner .arrowPanel{width:10px;height:30px;position:absolute;right:1px;top:50px;}
#cmsFloatPanel .servicePanel .servicePanel-inner .arrowPanel .arrow02{border-left:10px solid #399;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel{width:110px;position:absolute;left:0;top:0;overflow:hidden;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd{width:110px;height:60px;background:url(cmsfloatpanel-service-hd-bg.gif) no-repeat left top;overflow:hidden;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd a{width:24px;height:24px;font-size:12px;color:#fff;line-height:24px;display:block;float:right;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd a span{display:none;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd{width:110px;background:url(cmsfloatpanel-service-bd-bg.gif) repeat-y left top;overflow:hidden;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd .msggroup{width:80px;font-size:12px;color:#666;font-weight:bold;line-height:24px;letter-spacing:1px;border-bottom:solid 1px #ddd;margin:0 15px;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd .msgtool{width:80px;font-size:12px;color:#666;font-weight:bold;line-height:24px;letter-spacing:1px;margin:6px 15px;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-ft{width:110px;height:40px;background:url(cmsfloatpanel-service-ft-bg.gif) no-repeat left top;overflow:hidden;}

#cmsFloatPanel .messagePanel{width:310px;height:400px;position:fixed;right:70px;top:200px;z-index:10000;overflow:visible;display:none;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));}
#cmsFloatPanel .messagePanel .messagePanel-inner{width:310px;position:relative;overflow:visible;}
#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel{width:10px;height:30px;position:absolute;right:1px;top:110px;}
#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel .arrow01{border-left:10px solid #ddd;left:2px;}
#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel .arrow02{border-left:10px solid #fff;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel{width:300px;border:solid 1px #ddd;background:#fff;position:absolute;left:0;top:0;overflow:hidden;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd{height:32px;font-family:"微软雅黑";font-size:14px;color:#fff;line-height:32px;letter-spacing:2px;text-indent:10px;background:url(cmsfloatformpanel-hd-bg.gif) no-repeat left top;overflow:hidden;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd a{width:32px;height:32px;font-family:"宋体";font-size:12px;color:#fff;line-height:32px;letter-spacing:1px;text-indent:0;display:block;float:right;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd a span{display:none;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-bd{padding:10px 15px;overflow:hidden;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-bd div{font-size:12px;color:#666;line-height:30px;padding:5px 0;overflow:hidden;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-ft{height:30px;background:#f4f4f4;text-align:right;padding:0 10px;overflow:hidden;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-ft a{font-size:12px;color:#999;line-height:30px;letter-spacing:1px;}

#cmsFloatPanel .qrcodePanel{width:230px;height:300px;position:fixed;right:70px;top:200px;z-index:10000;overflow:visible;display:none;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner{width:230px;position:relative;overflow:visible;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel{width:10px;height:30px;position:absolute;right:1px;top:180px;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel .arrow01{border-left:10px solid #ddd;left:2px;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel .arrow02{border-left:10px solid #fff;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel{width:220px;background:#fff;border:solid 1px #ddd;position:absolute;left:0;top:0;overflow:hidden;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd{height:32px;font-family:"微软雅黑";font-size:14px;color:#fff;line-height:32px;letter-spacing:2px;text-indent:10px;background:url(cmsfloatqrcodepanel-hd-bg.gif) no-repeat left top;overflow:hidden;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd a{width:32px;height:32px;font-family:"宋体";font-size:12px;color:#fff;line-height:32px;letter-spacing:1px;text-indent:0;display:block;float:right;overflow: hidden;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd a span{display:none;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-bd{padding:10px;overflow:hidden;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-bd img{width:200px;height:200px;border:none;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft{height:30px;background:#f4f4f4;text-align:center;padding:0 10px;overflow:hidden;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft a{font-size:12px;color:#666;line-height:30px;letter-spacing:1px;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft a:hover{color:#F00;}

.list_page{text-align:center;margin:10px;display:block;overflow:hidden;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.clear{clear:both;}
.title{ padding:10px 4px; }
.title h2 { font-size:18px; text-align:center; margin-bottom:10px; }
.info { font-size:14px; text-align:center; margin-bottom:10px; }
.disdoc { font-size:14px; line-height:30px;}
.prev_next_nav a { color:#0867B7;  }
.prev_next_nav { margin-top:25px; padding-top:10px; border-top:2px solid black; }


.ewmBox {
    background:url(xfbg.png) repeat;
    bottom: 0;
    height: 70px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 1;
}
.ewmBoxIn {
    height: 100px;
    line-height: 100px;
    margin: 0 auto;
    position: relative;
    width: 1400px;
}
.ewmBoxIn p{ font-size:28px; font-weight:bold; color:#fff;}

.ewmBoxIn p b{ font-size:48px; color:#f00;}
.ewmBox a {
    color: #fff;
    text-decoration: none;
}
.ewmBox .ico {
    background: url("ico.png") no-repeat scroll 0 0;
    float: left;
    height: 54px;
    width: 54px;
}
.ewmBox .font {
    color: #fff;
    float: left;
    font-family: 微软雅黑;
    font-size: 22px;
    font-weight: bold;
    padding-left: 10px;
    width: 250px;
}
.ewmBox .font p {
    line-height: 30px;
    margin: 0;
}
.ewmBox .font p.num {
    text-indent: 3em;
    width: 295px;
}
.ewmBox .phoneNum {
    float: left;
    padding: 5px 0;
    width: 365px;
}
.ewmBox .phoneNum .ico {
    background-position: 0 0;
}
.ewmBox .QQ {
    float: left;
    padding: 5px 0;
    width: 350px;
}
.ewmBox .QQ .ico {
    background-position: -57px 0;
}
.ewmBox .weChat {
    float: left;
    padding: 5px 0;
    width: 350px;
}
.ewmBox .weChat .ico {
    background-position: -113px 0;
}

.ewm3 {

    height: 65px;
    position: absolute;
    right: 123px;
    width: 65px;
    z-index: 999;
}
.ewm3 img.wxx {
    height: 100%;
    width: 100%;
}
.ewm3 img.wx {
    bottom: 78px;
    display: none;
    left: -144px;
    position: absolute;
}
.ewm3:hover .wx {
    display: block;
}