/* CSS Document */

.pro{ margin:0px 20px; height:500px; overflow:hidden}
.pro_n{ margin:20px 0px; position:relative}
.pro_n li{ width:200px; float:left; line-height:24px; text-align:center; height:210px; display:block; margin:0px 12px;}
.pro_n li img{ width:193px; display:block;height:168px; float:left; padding:1px; border:1px solid #0091f1;}
.pro_n li img:hover{ border:1px solid #333}
.pro_n li a{ color:#000;}



.zwyw_xw{  height:31px; margin-top:20px; border-bottom:1px solid #7f7f7f; }

.zwyw_xw li{background:url(../images/pro_c_hover.jpg) repeat-x top left; width:120px; margin-right:3px; height:31px; display:block;float:left; font-size:14px; color:#FFF}


.zwyw_xw a{ width:120px; display:block; height:31px;line-height:31px;text-align:center; color:#000000}

.zwyw_xw a:hover{background:url(../images/pro_c_nbg.jpg) repeat-x top left; height:31px; width:120px; line-height:31px; text-align:center; font-size:14px; color:#FFF; font-weight:bold; display:block; }
.zwyw_xw a.tag_xw{background:url(../images/pro_c_nbg.jpg) repeat-x top left; height:31px; width:120px; line-height:31px; text-align:center; font-size:14px; color:#FFF; font-weight:bold; display:block;}


.pro_n .more1{ position:absolute; right:15px; top:-40px;}

.none{ display:none}
.block{ display:block}
.main{ width:1180px; margin:0 auto;}







.solution{width:100%; height:659px; background:url(../images/solution_bg.jpg) no-repeat center top; margin-top:20px;}
.solution_cont{width:1180px; margin:0 auto; position:relative; color:#FFF; font-size:16px; font-weight:bold;}
.solution_cont .one{width:174px; height:30px; position:absolute; top:214px; left:170px; text-align:center;}
.solution_cont .two{top:386px;}
.solution_cont .three{left:321px; top:300px;}
.solution_cont .four{left:321px; top:473px;}
.solution_cont .five{left:673px; top:300px;}
.solution_cont .six{left:673px; top:476px;}
.solution_cont .seven{left:820px; top:214px;}
.solution_cont .eight{left:820px; top:386px;}




/*ad1*/
.ad1{width:100%; height:200px; background:url(../images/ad1.jpg) no-repeat center top;}
.ad1_cont{width:1180px; margin:0 auto; position:relative;}
.ad1_cont .text{width:536px; height:120px; color:#FFF; font-size:18px; font-weight:bold; text-align:center; line-height:40px; position:absolute; top:24px; right:87px;}
.ad1_cont .text em{color:#3ee251; font-style:normal;}
.ad1_cont .text span{font-size:24px;}
.ad1_cont .text .current{font-size:28px; }
.ad1_cont .text button{width:100px; height:30px; text-align:center; line-height:30px; border:1px solid #FFF; position:absolute; background:none; color:#FFF; right:219px;}



/*advantage*/
.advantage{width:100%; height:1694px; background:url(../images/advantage_bg.jpg) no-repeat center top;}
.advantage_cont{width:1180px; margin:0 auto; position:relative;}
.advantage_cont .box1{width:210px; height:160px; color:#FFF; position:absolute; left:295px; top:342px;}
.advantage_cont .box1 h4{font-size:24px;}
.advantage_cont .box1 p{margin-top:20px;}
.advantage_cont .box2{left:768px; top:791px;}
.advantage_cont .box3{width:570px; height:130px; position:absolute; top:1179px; left:314px;}
.advantage_cont .box3 h4{font-size:24px; margin-left:183px;}
.advantage_cont .box3 p{margin-top:20px;}
.advantage_cont .box4{top:1312px;}






/*ad2*/
.ad2{width:100%; height:195px; margin:0 auto;background:url(../images/ad2.jpg) no-repeat center top;}
.ad2_cont{width:1180px; margin:0 auto; position:relative;}
.ad2_cont button{width:100px; height:30px; text-align:center; line-height:30px; border:1px solid #FFF; position:absolute; background:none; color:#FFF;top:140px; right:219px;}





/*abhon*/
#abhon{ width: 100%; height: 360px;  margin-top: 50px}
.abhon_all{ width: 1180px; height: auto; overflow: hidden; margin: 0 auto;}
.about_left{ width: 868px; height: 360px; float: left;}
.about_title{  height: 40px; font-family: "Microsoft YaHei";  background:#0669b2; position:relative;}
.about_title h3{ font: bold 18px "Microsoft YaHei"; line-height: 40px; float: left; color:#fff;  }
.about_title h3 img{ vertical-align:middle;}
.about_title span{ display: block; width: 50px; height: 30px; line-height: 30px; position:absolute; right:0px;top:7px;}
.about_title span a{ color: #fff;}
.about_main{ width: 868px; height: 210px; background: url(../images/about_text_bg.png) center no-repeat; margin-top: 36px;}
.about_pic{ width: 299px; height:210px; float: left; padding: 7px;}
.about_text{ width: 466px; height: 210px; float: right; margin-right: 57px;}
.about_text span a{color:#F00;}
.about_text p{ line-height: 21px; color:#2b2b2b; margin: 25px auto;} 
.honor_right{ width: 290px; height: 360px; float: right; display: inline;}
.honor_main{ width: 290px; height: 210px; margin-top: 36px; }
.honor_title{  height: 40px; font-family: "Microsoft YaHei"; background:#0669b2; position:relative;}
.honor_title h3{ font: bold 18px "Microsoft YaHei"; line-height: 40px; float: left; color:#fff; }
.honor_title h3 img{ vertical-align:middle;}
.honor_title span{ display: block; width: 50px; height: 30px; line-height: 30px; position:absolute; right:-14px;top:7px;}
.honor_title span a{color:#fff;}
/*honor_G*/
.focus {width: 265px;height: 277px;position: relative;}
.xx {width: 265px;height: 200px; overflow:hidden;position: absolute; top: 7px;}
.f-img-list {height: 200px;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 100;width: 265px;}
.f-img-list li {width: 265px;height:200px;text-align: center;position: absolute;left: 0;top: 0;z-index: 101; background: #fff; }
.f-img-list li p{margin-top:5px;}
.f-img-list li.on {z-index: 105;}
.f-img-list li img{width: 233px;height: 152px; }
.focus_box{width: 290px; height: 210px;}
.focus-page-btn {width: 44px;height: 44px;background:url(../images/focus-page-btns.fw.png) no-repeat;position: absolute;top: 110px;z-index: 110;}
.focus-btn-prev {background-position: 0 0;left: -33px; top:70px;}
.focus-btn-next {background-position: -44px 0;right: -28px; top:70px;}
.focus_box{width: 290px; height: 210px;}

/*honor_G end*/



/*customer*/
.customer{width:1180px; height:auto; overflow:hidden; margin:0 auto; padding-bottom:10px;}
.customer_title{height:61px; background:url(../images/customer_title_bg.jpg) no-repeat center center; line-height:40px;}
.customer_title h3{font-size:18px; margin-left:80px;}
.customer_title h3 a{color:#FFF;}
.customer_title span{width:80px; height:40px; float:right; margin-top:-40px; text-align:center;}
.customer_title span a{color:#FFF;}
.customer .content{height:auto; overflow:hidden; padding:15px 0;}
.customer .content dl{width:560px; height:160px; float:left; margin-left:20px;}
.customer .content dl dt{float:left;}
.customer .content dl dd{float:left; width:350px; margin-left:20px;}
.customer .content dl dd .current{font-size:14px; color:#0e0e0e; margin-bottom:15px;}
.customer .content dl dd p{line-height:21px;}
.customer .content dl dd .detailed{margin-top:15px;}
.customer .content dl dd .detailed a{color:#F00; }





/*plan*/
#plan_all{width:100%;height:436px; background:url(../images/plan_bg.jpg) no-repeat center center; margin-top:27px;}
#plan{ width: 1180px; height: 436px;  margin:0 auto; }
.plan_title{width:100%;height:48px;text-align:center; padding-top:10px;}
.plan_title h3{font-weight:bold; font-size: 36px; color:#fff; float:left; margin-top:20px; margin-left:458px;}
.plan_title h3 span{color:#494949; margin-left:32px;}
.plan_title .more{width:49px; height:18px;float:right; margin-top:10px; text-align:center; line-height:48px;}
.plan_title .more a{color:#fff;}

/*case_dg end*/

.plan_main{width:1180px;height:308px; margin-top:29px;}
.left{overflow:hidden; width: 1040px ;height:308px; margin:0 auto;}
.left ul{list-style-type:none;float:left;}
.left ul li{ float:left;}
.left ul li a{color:#FFF;}
.left ul li .jxcase_pic img{width:254px; height:228px; display:block; padding: 27px;}
.left ul li div span{ display:block; width: 253px; height: 30px; text-align: center; color:#7e7e7e;}









/*newsf*/
#newsf{ width: 1180px; height: 565px; margin: 30px auto 0;}
.news_left{ width: 388px; height: 565px; float: left;}
.news_center{margin-left:30px;}
.fqw_right{ width: 344px; height: 565px; float: right;}
.fqw_title{ width: 100%; height: 41px;background:#0669b2;}
.fqw_title h3{ width: 114px; height: 41px; float: left; font-family: "Microsoft YaHei"; font-size: 18px;  font-weight: bold; line-height: 41px; color:#FFF;}
.fqw_title h3 img{ vertical-align:middle; margin-left:10px;}
.fqw_title span{ display: block; width: 45px; height: 41px; line-height: 41px; text-align: center; float: right;}
.fqw_title span a{color:#fff;}
/*news*/
#news{width: 823px; height: 640px; margin: 40px auto;}
#news .about_T span{ display: block; width: 139px; height: 15px;  margin-bottom: 5px;}


#title_cp1 {position:absolute;z-index:1;left: 0px;top: 0px; color: #fff; font-family: "Microsoft YaHei"; font-size: 18px; font-weight: bold; }
#title_cp1 img{ vertical-align:middle; margin-left:10px;}
#title_cp01 {
	position:absolute;
	width:100px;
	height:41px;
	border-radius:3px;
	z-index:1;
	left: 0px;
	top: 0px;
	text-align: center;
	visibility: hidden;
	color: #fff; font-weight: 300; font-family: "Microsoft YaHei"; font-size: 18px;
	background: #707070;
	
}
#title_cp2 {
	position:absolute;
	width:100px;
	height:41px;
	border-radius:3px;
	z-index:1;
	left: 100px;
	top: 0px;
	text-align:left;
	color: #fff;
	background: #707070;
	text-align: center;
	font-family: "Microsoft YaHei"; font-size: 18px; font-weight: 300;
	
}

#title_cp02 {
	position:absolute;
	width:100px;
	height:41px;
	z-index:1;
	left: 100px;
	top: 0px;
	text-align: center;
	background: #ff9500;
	border-radius:3px;
color: #fff; font-family: "Microsoft YaHei"; font-size: 18px; font-weight: bold;
	visibility: hidden;
	
}
#cp_c_1{
	position:absolute;
	left:0px;
	height: 510px;
	width:388px;
}
#cp_c_2{visibility: hidden;position:absolute;left:0px;height: 510px;  width:388px;}


.box_hd{
	width:388px;
	height:565px;
	position:relative;
}
.box_hd_title{
	width:388px;
	height:40px;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	background:#0669b2;
	}
	
#gd_cp{
	width: 40px;
	height: 30px;
	line-height: 30px;
	position:absolute;
	right:9px;
	top:6px;
	font-size: 12px;
	font-weight: normal;
}
#gd_cp a{color:#ff9500;}
#gd_cp_m{
	width: 40px;
	height: 30px;
	line-height: 30px;
	position:absolute;
	right:9px;
	top:6px;
	font-size: 12px;
	font-weight: normal;
}
#gd_cp_m a{color:#fff;}	

/*news 内容*/
.pic_textone{width: 388px; height: 132px; overflow: inherit; margin-top: 20px ;}
.pic_textone dl dd{width: 177px; height: 107px; float: left; margin-left:30px;}
.pic_textone dl dd span a{color:#F00;}
.pic_textone dl dt{width: 160px; height: 107px; float: left;}
.pic_textone dl dt h3{font-size: 14px; color: #333; font-weight: bold; width: 230px; float: left; line-height: 28px; }
.pic_textone dl dt h3 a{ color: #1d64bc;}
.pic_textone dl dt p{ width: 230px; height: 72px; overflow: hidden; line-height: 24px; float: left; margin: 4px 0px 10px 0px; display: inline;}
.w77{width: 64px; height: 21px; text-align: center;}
.w77 a{color: #1d64bc;}
.news_list{width: 823px; clear: both; margin: 0 auto;}
.news_list ul{ width: 388px; height: 350px; overflow: hidden; float: left;}
.news_list ul li{width: 388px; height: 35px; line-height: 35px; border-bottom: 1px dashed #dedede; white-space: nowrap;
text-overflow: ellipsis; overflow:hidden;}
.news_list ul li img{ margin-right:5px;}

.news_list ul li span{float: right;}
.news_list ul li a:hover{color: #ff6600;}

.fqw_main{ width: 344px; height:482px; overflow: hidden;}
.qa_M{ width: 344px; height: 482px; float: left; margin-top: 20px; display: inline;}
/*QW*/
.wt_con
{
	width: 344px;
	height: auto;
	float: left;
	overflow: hidden;
	padding-bottom: 20px;
}
.went
{
	width: 312px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.went ul li
{
	width: 312px;
	overflow: hidden;
	margin-top: 15px;
}
.went .wen
{
	width: 312px;
	height: 30px;
	line-height: 30px;
}
.went .da
{
	width: 312px;
	height: auto;
	line-height: 25px;
	margin-top: 5px;
}

.w20
{width: 20px; height: 21px; float: left; background: #0669b2; margin-top: 5px; color: #fff; text-align: center; line-height: 21px;}

.da20{width: 20px; height: 21px; float: left; background: #113f73; margin-top: 5px; color: #fff; text-align: center; line-height: 21px;}

.w_title
{
	width: 280px;
	height: 30px;
	float: left;
	color: #333;
	overflow: hidden;
	margin-left: 10px;
}
.da_titile
{
	width: 280px;
	height: auto;
	float: left;
	margin-left: 10px;
}







/*link*/
.link{width:1180px; margin:0 auto; height:auto; overflow:hidden; padding:10px;}
.link_title{height:38px; border-top:1px dashed #113f73; line-height:38px;}
.link_title h3{font-size:18px; color: #113f73; font-weight:bold;}
.link_bottom a:hover{color:#F30; margin:0 10px;}
.link_bottom{margin-top:15px;}
.link_bottom a{ margin:0 10px;}