@charset "utf-8";
/* CSS Document */

body{ margin:0 auto; padding:0; font-family:微软雅黑;  font-size:12px; line-height:24px; background:#fff;color: #5d5d5d; min-width: 1300px;}
i,em,b,span,img,ul,li,h2,h1,p,h3,h4,dl,dt,dd{ margin:0; padding:0; list-style:none; border:0; line-height: 22px; color: #5d5d5d;  }
i,em,b,span,img,ul,li,div,h1,p,h3,h4,dl,dt,dd{ margin:0; padding:0; list-style:none; border:0; line-height: 22px; color: #5d5d5d;  }
a,p{ color:#666666; text-decoration: none;}
a:link { text-decoration: none;}
a:visited {text-decoration: none;}
a:hover { text-decoration:none;}
a:active {text-decoration: none; }
em { font-style:normal;}
.fl { float:left;}
.fc { float:left;}
.fr { float:right;}


.yqlj a{color:#fff;border-right: 1px solid #FFF;padding:0px 10px;}
.left { float:left}
.right { float:right}
.center { float:left}
.main { width:1200px; margin:0 auto; }
.clear { clear:both;}
.h50 { clear:both; height:50px; _height:0px; }
.h30 { clear:both; height:30px; _height:0px; }
.block{display: block;}
.none {display: none;}
/*头部*/
.head { height:115px; width:100%; margin:0 auto;}
.head .fl { margin-top:45px;}
.head .fr { margin-top:30px;width: 388px;}
.head .fr .top{ width:298px; height:20px; line-height:20px; margin-left:90px;margin-top: 2px;}
.head .fr .top a {float: left; height:20px; line-height:20px;padding-left: 2px;}
.head .fr .top a.a3 {padding-left: 17px;}

.head .fr .top a:hover{ color:#2588cc; }
.head .fr .bottom{ height:28px; margin-top:10px;}
.seach_div_keyword_so{ float:right; height:28px; line-height:28px;  width:230px; }
.seach_div_keyword_so_input_text{ float:left; width:190px; border:1px solid #ccc;border-right: 0; height:24px !important; height:24px;  line-height:24px !important; border-right:none; text-indent:6px;}
.seach_div_keyword_so_input_buttom{ float:left; width:35px; height:28px; border:0px; background:url(/img/search.jpg) no-repeat; cursor:pointer;}

/*导航*/
.nav { width:100%; height:45px; background:#2588cc;}
.nav ul li { width:149px; text-align:center; float:left; border-right:1px solid #83bbe2;position: relative;}
.nav ul li a { display:block; width:149px; color:#fff;  font-size:16px; line-height:45px;}
.nav ul li a:hover { background:#096db2;}
.nav .b{ border-left:1px solid #83bbe2; margin-left:-1px;}
.nav ul li:hover ul{display: block;}
.nav ul li ul{display: none;position: absolute;left: 0;z-index: 9999;background: #83bbe2;border-top: 2px solid #fff;}
.nav ul li ul li a{font-size: 12px;}
/*banner图*/

.flexslider {
	margin: 0px auto 20px;
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
	zoom: 1;
}
.flexslider .slides li {
	width: 100%;
	height: 100%;
}
.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(/img/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}
.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 10px;
}
.flex-direction-nav .flex-prev {
	left: 10px;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	background: url(/img/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

/*首页产品分类*/
.cpfl{ margin-top:25px;}
.cpfl .fl{ width:240px;margin-right:25px;}
.cpfl .fl .top{ width:240px;}
.cpfl .fl .top .title{ width:240px; height:65px; background:url(/img/fl_title.jpg) no-repeat; text-align:center;}
.cpfl .fl .top .title a{ display:block; text-align:center; font-family:黑体; font-size:24px; color:#fff; font-weight:bold; padding-top:12px;;}
.cpfl .fl .top .title em { font-style:normal; display:block; color:#FFF;}
.cpfl .fl .top .text {background:#FFF; border:3px solid #2588cc;}
.cpfl .fl .top .text .t{ width:200px; margin-left:17px; padding:10px 0;}
.cpfl .fl .top .text .t ul li{ line-height:30px; border-bottom:1px solid #e7e7e7;margin-bottom: 5px;}
.cpfl .fl .top .text .t ul li div a {display: block;background: url(/img/bj_k.png) center no-repeat; height: 30px;line-height: 30px;font-size: 14px;font-weight: normal; color: white;text-align: center;}
.cpfl .fl .top .text .t ul li div a:hover {background: url(/img/bj_k_s.png) center no-repeat;}
.cpfl .fl .top .text .t ul li ul {padding:10px 0;}
.cpfl .fl .top .text .t ul li ul li a{display:block; background:url(/img/t1.jpg) 10px 11px no-repeat; text-indent:22px;font-family: Arial;}
.cpfl .fl .top .text .t ul li ul li a:hover{ color:#2588cc; font-weight: 900; background:url(/img/t2.jpg) 10px 11px no-repeat;}

.cpfl .fl .contact{ width:240px; height:150px; margin-top:7px;}
.cpfl .fr{ width:935px; }
.cpfl .fr .main_a{ width:935px; height:270px;}
.cpfl .fr .main_a img { width:200px; height:180px; padding:8px;}
.cpfl .fr .main_a ul { margin-right:-21px;}
.cpfl .fr .main_a ul li{ position:relative;float:left; width:216px; height:268px; margin-right:21px; border:1px solid #e5e5e5; margin-bottom:20px;}
.cpfl .fr .main_a ul li .hide{display:none; position:absolute; top:8px; left:8px;z-index:2;width:200px; height:180px; background:url(/img/text_bj.png); }
.cpfl .fr .main_a ul li .hide span { display:block; color:white;text-align:center;padding:50px 10px;}
.cpfl .fr .main_a ul li:hover a .hide {display:block;}
.cpfl .fr .main_a ul li p { padding-left:8px;}
.cpfl .fr .main_a ul li p span{ display:block; font-size:14px; color:#333333;}
.cpfl .fr .main_a ul li p span:hover{ color:#2588cc;}
.cpfl .fr .main_a ul li p em { font-style:normal; display:block; color:#999999; line-height:14px;}
.cpfl .fr .main_a ul li .b a { float:right; color:#999999; margin-right:8px; line-height:28px;}
.cpfl .fr .main_a ul li .b a:hover{ color:#2588cc;}
.cpfl .fr .button { float:right; width:148px; height:32px; border:1px solid #2588cc; font-size:14px; color:#2588cc; text-align:center; line-height:32px;}
.cpfl .fr .button a{display: block; color: #2588cc;}
.cpfl .fr .button a:hover {width:150px; height:34px; background:#2588cc; font-size:14px; color:white; text-align:center; line-height:32px;}


/*案例*/
.case { width:1200px;}
.case .title { height:45px; background:url(/img/title.jpg) no-repeat;}
.case .title .fl a{ line-height:45px; font-size:14px; color:#2588cc; padding-left:745px;}
.case .title .fr img { margin-left:2px; margin-top:12px;}

.case .main_a { width:1200px; margin-top:26px;}
.case .main_a img{ width:273px; height:224px;}
.case .main_a ul{ margin-right:-36px;}
.case .main_a ul li { position:relative; float:left; width:273px; height:277px; margin-right:36px; background:#999999;}
.case .main_a ul li img { width:273px; height:224px;}
.case .main_a ul li p { position:absolute; bottom:3px; left:0; z-index:3; width:273px; height:50px; line-height:50px; text-align:center; background:#FFF;}
.case .main_a ul li .hide { position:absolute; top:0; left:0; z-index:2; display:none; width:273px; height:277px; background:url(/img/text_bj2.png) no-repeat;}
.case .main_a ul li:hover a .hide { display:block;}


/*优势*/
.advantage { width:100%;}
.advantage .title { width:100%; margin:0 auto;}
.advantage .main_a { width:1200px; height:1300px; margin:0 auto; background:url(/img/advantage_bj.jpg) no-repeat;}
.advantage .main_a .div1 { padding-top:114px; margin-left:215px; width:400px;}
.advantage .main_a .div1 a { font-family:黑体; font-size:22px; font-weight:bolder; color:#333;} 
.advantage .main_a .div2 { padding-top:153px; margin-left:565px; width:485px;}
.advantage .main_a .div2 a { font-family:黑体; font-size:22px; font-weight:bolder; color:#333;} 
.advantage .main_a .div3 { padding-top:120px; margin-left:210px; width:435px;}
.advantage .main_a .div3 a { font-family:黑体; font-size:22px; font-weight:bolder; color:#333;} 
.advantage .main_a .div4 { padding-top:146px; margin-left:575px; width:490px;}
.advantage .main_a .div4 a { font-family:黑体; font-size:22px; font-weight:bolder; color:#333;} 
.advantage .main_a .div5 { padding-top:168px; margin-left:185px; width:390px;}
.advantage .main_a .div5 a { font-family:黑体; font-size:22px; font-weight:bolder; color:#333;} 
.advantage .main_a .texts { font-size:16px; color:#333; padding-top:16px;}
.advantage .main_a .texts a { font-family:微软雅黑; font-size:16px; font-weight:normal; color:#2588cc;}

/*关于我们*/
.about_bg { background:url(/img/about_bg.png) top center no-repeat; height:736px;}
.about_main{ width:1000px; margin:0 auto;}

.jianjie .fr { width:600px; margin-top:50px;}

.jianjie .fl {width:380px; background:#fff; border:1px solid #ccc; border-radius:10px; margin-top:50px;}

.jianjie .fl embed { margin:10px}

.jianjie .fr span { display:block;  font-size:16px; color:#2588cc; font-weight:bold; margin-top:10px;}
.jianjie .fr span.a1 { font-size:20px; color:#333333}
.jianjie .fr span.a1 em { font-size:16px; color:#babab9; padding-left:10px; font-weight:normal;}
.jianjie .fr p { text-indent:2em; margin-top:15px;}
.jianjie .fr  a { display:block; background:#ededed; color:#2588cc; border:1px solid #2588cc; width:60px; height:22px; text-align:center; line-height:22px; margin-top:20px;}
.jianjie .fr  a:hover{ color:#FFF; background:#2588cc;}

.company { background:#fff; width:675px; padding:15px 0; margin-top:30px;  float:left}

.company .fc_c {}
.company .fc_c ul li { float:left; width:200px; margin:0 12px;}
.company .fc_c ul li span { text-align:center; display:block; height:35px; line-height:35px;}

.company .fl_c {  width:25px; float:left;  margin:10px 15px 0 300px;}
.company .fr_c{ width:25px; margin-top:10px ; float:left;}

.ry { float:right; width:290px; background:url(/img/ry_bg.png) no-repeat; height:230px; text-align:center; padding-top:23px; padding-left:30px;}
.ry ul li { float:left; width:257px; }
.ry p { margin-top:10px; }
.ry p img { margin-right:25px;}


/*新闻问答*/
.new{}
.new .new1{ width:380px; float:left; margin-right:30px;}
.new .new1 .main_a{ margin-top:15px;}
.new .new1 .main_a .fl { width:131px; height:76px; border:1px solid #CCC; display:block; padding:1px;}
.new .new1 .main_a .fc { width:230px; margin-left:15px;}
.new .new1 .main_a .fc a { color:#2588cc;}
.new .new1 .main_a .fc .font1 { font-size:14px; font-weight:bold; color:#333; margin-bottom:10px;}
.new .new1 .main_a ul { width:380px; margin-top:10px;}
.new .new1 .main_a ul li span { float:right;}
.new .new1 .main_a ul li { height:33px; line-height:33px; border-bottom:1px dashed #ccc;}
.new .new1 .main_a ul li a { background:url(/img/dd.jpg) 0 5px no-repeat; padding-left:13px;}
.new .new1 .main_a ul li a:hover { background:url(/img/dd2.jpg) 0 5px no-repeat; color:#2588cc}
.new .fr { width:380px;}
.new .fr .main_a { width:380px; margin-top:5px;}
.new .fr .main_a ul li { width:380px; border-bottom:1px dashed #dbdbdb;padding:11.5px 0;}
.new .fr .main_a ul li .one{ padding-top:-10px;}
.new .fr .main_a ul li a { background:url(/img/w.jpg) 0 2px no-repeat; padding-left:22px; color:#333; padding-bottom:20px;}
.new .fr .main_a ul li a:hover { color:#2588cc}
.new .fr .main_a ul li p { background:url(/img/d.jpg) 0 2px no-repeat; padding-left:22px;}

.new .title { border-bottom:2px solid #bbb; padding-bottom:5px;}
.new .title span { color:#000000;font-size:22px; font-weight:bold; background:url(/img/t_bg.jpg) 0 5px no-repeat; padding-left:15px;}
.new .title span em { font-size:12px; color:#b0b0b0; font-weight:normal;}
.new .title a{ float:right; margin-top:5px;}


/*合作伙伴*/
.hz{ width:100%; height:145px; margin:0 auto; background:url(/img/hzj.jpg) no-repeat;}
.hz .fl {width:14px; height:14px; background:url(/img/hz1.jpg) no-repeat; cursor:pointer; margin-top:70px;}
.hz .fr {width:14px; height:14px; background:url(/img/hz2.jpg) no-repeat; cursor:pointer; margin-top:70px;}
.hz .main_a{ float:left; margin-left:54px; margin-top:27px; width:1085px; height:90px;}
.hz .main_a ul li{ float:left; width:145px; height:90px; margin-right:10px;}


/*内页样式开始*/
/*左边分类样式（公共）*/
.contact_bg {margin-bottom: 50px;}
.contact_bg .fl{ width:240px;}
.contact_bg .fl .top{ width:240px;}
.contact_bg .fl .top .title{ width:240px; height:65px; background:url(/img/fl_title.jpg) no-repeat; text-align:center;}
.contact_bg .fl .top .title a{ display:block; text-align:center; font-family:黑体; font-size:24px; color:#fff; font-weight:bold; padding-top:12px;;}
.contact_bg .fl .top .title em { font-style:normal; display:block; color:#FFF;}
.contact_bg .fl .top .text {background:#FFF; border:3px solid #2588cc;}
.contact_bg .fl .top .text .t{ width:200px; margin-left:17px; padding:10px 0;}
.contact_bg .fl .top .text .t ul li{ line-height:30px; border-bottom:1px solid #e7e7e7;margin-bottom: 5px;}
.contact_bg .fl .top .text .t ul li h2 a {display: block;background: url(/img/bj_k.png) center no-repeat; height: 30px;line-height: 30px;font-size: 14px;font-weight: normal; color: white;text-align: center;}
.contact_bg .fl .top .text .t ul li h2 a:hover {background: url(/img/bj_k_s.png) center no-repeat;}
.contact_bg .fl .top .text .t ul li h2 a.hover {background: url(/img/bj_k_s.png) center no-repeat;}
.contact_bg .fl .top .text .t ul li ul {padding:10px 0;}
.contact_bg .fl .top .text .t ul li ul li a{display:block; background:url(/img/t1.jpg) 10px 11px no-repeat; text-indent:22px;font-family: Arial;}
.contact_bg .fl .top .text .t ul li ul li a:hover{ color:#2588cc; font-weight: 900; background:url(/img/t2.jpg) 10px 11px no-repeat;}
.contact_bg .fr {width: 935px; }
/*当前位置样式*/
.position {width: 100%; height: 30px;border-bottom:2px solid #ccc;margin-bottom: 25px;}
.position .left span {display: block; height: 29px; font-size: 22px;color: #000;font-weight: 600;text-indent:15px; background: url(/img/t_bg.jpg) left top no-repeat;}
.position .left span b {font: 12px Arial;color: #b0b0b0;padding-left: 10px;}
.position .right span {background: url(/img/dingwei.jpg) no-repeat;padding:2px 0 2px 15px;}
.position .right span,.position .right a {font-family: Arial;color: #666;}
.position .right a {padding:0 5px;}
.position .right a.color {color: #2588cc;}

/*分页样式*/
.page {clear: both; width: 100%; margin:50px 0;text-align: center;}
.page a {color: #666;padding:0 7px;font-family: Arial;}
.page a.thisclass{color:#2588cc;}
.page a:hover {color: #2588cc;}
.page span {color: #2588cc;font-weight: 600;}

/*新闻样式*/
.contact_bg .fr .detail {font-family: Arial;}
.contact_bg .fr .detail img{max-width:935px; }
.contact_bg .fr .news_list ul li {padding:17px 0;border-bottom: 1px dashed #ccc;font:12px Arial;}
.contact_bg .fr .news_list ul li.paddingtop {padding-top:0; }
.contact_bg .fr .news_list ul li a {display: block;}
.contact_bg .fr .news_list ul li a img { float: left;margin-right: 10px;padding:1px; border:1px solid #ccc; }
.contact_bg .fr .news_list ul li span a {font-weight:600;color: #242424;}
.contact_bg .fr .news_list ul li p {margin-top: 10px;}
.contact_bg .fr .news_list ul li p a{display:initial;color: #2588cc;}
.contact_bg .fr .detail .title {border-bottom:1px solid #ccc;margin-bottom: 20px;}
.contact_bg .fr .detail .title h2 {font:20px 微软雅黑;color: #333;text-align: center;}
.contact_bg .fr .detail .title p {text-align: center;margin:25px 0 5px;}
.contact_bg .fr .detail .title p a{padding:0 5px;font-family: Arial;color: #999999;}
.contact_bg .fr .detail .fy {margin-top: 50px;}
.contact_bg .fr .detail .fy span {display: block;}

/*案例样式*/
.contact_bg .fr .case_list ul{ margin-right:-58px;}
.contact_bg .fr .case_list ul li { position:relative; float:left; width:273px; height:277px; margin:0 57px 30px 0; background:#999999;}
.contact_bg .fr .case_list ul li img { width:273px; height:224px;}
.contact_bg .fr .case_list ul li p { position:absolute; bottom:3px; left:0; z-index:3; width:273px; height:50px; line-height:50px; text-align:center; background:#FFF;}
.contact_bg .fr .case_list ul li .hide { position:absolute; top:0; left:0; z-index:2; display:none; width:273px; height:277px; background:url(/img/text_bj2.png) no-repeat;}
.contact_bg .fr .case_list ul li:hover a .hide { display:block;}
.contact_bg .fr .detail .case_title h2 {font:20px 微软雅黑;color: #333;text-align: center;margin-bottom: 20px;}

.contact_bg .fr .product_list ul { margin-right:-21px;}
.contact_bg .fr .product_list ul li{ position:relative;float:left; width:216px; height:268px; margin-right:21px; border:1px solid #e5e5e5; margin-bottom:20px;}
.contact_bg .fr .product_list ul li img {padding:8px;}
.contact_bg .fr .product_list ul li .hide{display:none; position:absolute; top:8px; left:8px;z-index:2;width:200px; height:180px; background:url(/img/text_bj.png); }
.contact_bg .fr .product_list ul li .hide span { display:block; color:white;text-align:center;padding:50px 10px;}
.contact_bg .fr .product_list ul li:hover a .hide {display:block;}
.contact_bg .fr .product_list ul li p { padding-left:8px;}
.contact_bg .fr .product_list ul li p span{ display:block; font-size:14px; color:#333333;}
.contact_bg .fr .product_list ul li p span:hover{ color:#2588cc;}
.contact_bg .fr .product_list ul li p em { font-style:normal; display:block; color:#999999; line-height:14px;}
.contact_bg .fr .product_list ul li .b a { float:right; color:#999999; margin-right:8px; line-height:28px;}
.contact_bg .fr .product_list ul li .b a:hover{ color:#2588cc;}
.contact_bg .fr .detail .right{width: 545px;} 
.contact_bg .fr .detail .right h2 { font:20px 微软雅黑; color: #2588cc; height: 40px;margin-bottom: 25px; border-bottom:2px solid #ccc;}
.contact_bg .fr .detail .pro_title {height: 40px;background: #eee;margin-bottom: 20px;}
.contact_bg .fr .detail .pro_title a {display: inline-block;cursor:default; color: #333;font-size:16px;width: 115px; line-height: 40px;text-align: center;font-family: 微软雅黑;}
.contact_bg .fr .detail .pro_title a.hover {color: #fff;background: #2588cc;}



/*底部*/
.foot{ width:100%; height:310px; background:#2588cc;    margin-top: 20px;}
.foot .fl { width:245px; height:310px; background:#0771b9;}
.foot .fl span{ display:block; height:21px; background:url(/img/foot_logo.png) no-repeat; margin-left:30px; margin-top:55px;}
.foot .fl em { display:block; color:#FFF; text-align:center; line-height:35px; margin-top:45px;}
.foot .fr { width:870px; margin-top:30px;}
.foot .fr .div1{ height:35px; border-bottom:1px solid #4c9dd5;color: white;}
.foot .fr .div1 span a{ padding-left:28px; padding-right:28px;color:#FFF;}
.foot .fr .div1 span a.font1{ margin-left:-31px;}
.foot .fr .div1 span a.font2{ border-right:0;}
.foot .fr .div2 { border-bottom:1px solid #4c9dd5; padding-bottom:18px; margin-top:20px; line-height:30px;}
.foot .fr .div2 p{ color:#FFF;}
.foot .fr .div2 p a{ color:#FFF;}
.foot .fr .div2 p a.font1{ margin-left:-20px;}
.foot .fr .div2 p a.font2{ border-right:0;}
.foot .fr .div3 { margin-top:25px;}
.foot .fr .div3 p { font-size:14px; font-weight:bold; color:#FFF;}
.foot .fr .div3 a { line-height:32px; margin-right:20px; color:#FFF;}