@charset "utf-8";
/* CSS Document 合肥赢点网络营销策划有限责任公司 www.hfyingdian.com    公共样式 */
body,td,th {font-size: 13px;color: #555555; font-family:微软雅黑;}
body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}
a:link {color: #010101;text-decoration: none;}
a:visited {text-decoration: none;color: #010101;}
a:hover {text-decoration: none;color: #e60011;}
a:active {text-decoration: none;}
img{ border:0; max-width:100%;}
ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5{ padding:0; margin:0; list-style:none;}
.clear{ clear:both;}
.pt20{ padding-top:20px;}
.pt40{ padding-top:40px;}
.mainbox{ max-width:1200px; width:100%;clear:both; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}

/***head**/
.logo{ padding:15px 0 10px 0; float:left;}
#menu { float:right; z-index:10; margin-top:27px;}
#menu li { position:relative; z-index:10;float:left; background:url(../images/menua.jpg) left no-repeat;}
#menu li a {font-size:16px; display:block; padding:0px 25px; line-height:35px;}
#menu li a:hover {background:#f0f0f0;color:#000000;} 
#menu .clt a{background:#f0f0f0; color:#000000; display:block;}
#menu li ul {display: none;}
#menu li:hover ul {display: block; position:absolute;} 
#menu li:hover ul li a {display:block; background:#f0f0f0; color:#000000; width:150px; text-align:center; border-bottom: 1px solid #dedede;padding:5px; font-size:14px; line-height:30px;}
#menu li:hover ul li a:hover { background:#dedede; color:#000000; }


.dl-menuwrapper{ display:none;}
/****banner******/
.banner {position: relative;width: 100%;font-size: 18px;line-height: 24px;text-align: center;color: rgba(255,255,255,.6);text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);clear:both;}
.banner ul {list-style: none;width: 300%;}
.banner ul li {	display: block;	float: left;width: 33%; height:auto;-o-background-size: 100% 100%;-ms-background-size: 100% 100%;	-moz-background-size: 100% 100%;	-webkit-background-size: 100% 100%;	background-size: 100% 100%;
}
.banner .inner {padding: 160px 0 110px;}
.banner h1, .banner h2 {font-size: 40px;line-height: 52px;color: #fff;}
.banner .btn {display: inline-block;margin: 25px 0 0 0;padding: 9px 22px 7px;	clear: both;color: #fff;font-size: 12px;font-weight: bold;	text-transform: uppercase;	text-decoration: none;
border: 2px solid rgba(255,255,255,.4);	border-radius: 5px;}
.banner .btn:hover {background: rgba(255,255,255,.05);	}
.banner .btn:active {-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));		-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));		-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));		filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));	}
.banner .btn, .banner .dot {-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));	-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));	-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));	filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));}
.banner .dots {	position: absolute;	left:36%;right: 20;bottom: -10px;width:20%;}
.banner .dots li {display: inline-block;*display: inline;zoom: 1;width: 7px;height: 7px;line-height: 10px;margin: 0 4px;
text-indent: -999em;*text-indent: 0;border: 2px solid #e60011;	border-radius: 6px;	cursor: pointer;opacity: .4;-webkit-transition: background .5s, opacity .5s;		-moz-transition: background .5s, opacity .5s;		transition: background .5s, opacity .5s;	}
.banner .dots li.active {background: #e60011;opacity: 1;}
.banner .arrows { display:none;}
.banner .arrow {display: inline;padding-left: -100px;	cursor: pointer;}
.prev,.next{ display:none;}

.nei_banner{ clear:both; width:100%;}

/***我们的优势***/
.ys_tit{ clear:both; width:100%; text-align:center;}
.ys_tit h2{ font-size:25px; font-weight:normal; color:#010101;}
.ys_tit h4{ font-size:14px; font-weight:normal; color:#777777; font-family:Arial;}
.ys_tit i{ width:30px; height:2px; background:#ca1321; margin:0 auto; display:block; margin-top:8px;}
.ys_list{ clear:both; width:100%; padding:30px 0;}
.ys_list li{ float:left; width:20%; padding:20px 0; text-align:center; color:#010101;}
.ys_list li img{ padding:10px 0;}
.ys_list li h3{ font-size:18px; font-weight:normal;}
.ys_list li:hover{-webkit-box-shadow:0 0 10px #0CC;-moz-box-shadow:0 0 10px #0CC; box-shadow:0 0 4px #CCC;cursor:pointer;}

/******事业领域****
.ly_list{ clear:both; width:100%;}
.ly_list li{ float:left; width:33.33%; background:#FFF;display:block; overflow:hidden; height:auto;}
.ly_list li label{ font-size:0; clear:both; display:block;margin-bottom:0; padding:0; border:0;overflow:hidden;}
.ly_list li label img {cursor: pointer;width:100%;transition:transform 0.4s linear;height:auto;}
.ly_list li label img:hover {transform: scale(1.2);}
.ly_list li div{ clear:both; padding:30px 20px; line-height:20px;}
.ly_list li div h3{ font-size:20px; font-weight:normal; padding-bottom:20px; color:#010101;}
.ly_list li div h5{ background:#5e5e5e; color:#FFF;width:90px; display:block; margin-top:15px; clear:both; line-height:26px; height:26px; padding-left:10px;}
.ly_list li div h5 a{ color:#FFF; font-size:13px; font-weight:normal; display:block;}
.ly_list li div h5 a:hover{ color:#ca0d1b;}
.ly_list li div h5 i{ font-style:normal; background:#ca0d1b; color:#FFF; display:block; width:26px; height:26px; float:right; text-align:center; font-size:16px; font-family:宋体;}**/
.lybg{ clear:both; width:100%; background:url(../images/lybg.jpg) center repeat-y;}
.ly_list{ clear:both; width:100%;}
.ly_list li{ float:left; width:50%; background:#FFF;display:block; overflow:hidden; height:auto;}
.ly_list li label{ font-size:0;display:block;margin-bottom:0; padding:0; border:0;overflow:hidden; width:50%; float:left;}
.ly_list li label img {cursor: pointer;width:100%;transition:transform 0.4s linear;height:auto;}
.ly_list li label img:hover {transform: scale(1.2);}
#ly1,#ly2{ float:right;}
.ly_list li div{ float:left;padding:20px 4%; line-height:20px; width:42%;}
.ly_list li div h3{ font-size:20px; font-weight:normal; padding-bottom:15px; color:#010101;}
.ly_list li div h5{ background:#5e5e5e; color:#FFF;width:90px; display:block; margin-top:15px; clear:both; line-height:24px; height:24px; padding-left:10px;}
.ly_list li div h5 a{ color:#FFF; font-size:12px; font-weight:normal; display:block;}
.ly_list li div h5 a:hover{ color:#ca0d1b;}
.ly_list li div h5 i{ font-style:normal; background:#ca0d1b; color:#FFF; display:block; width:24px; height:24px; float:right; text-align:center; font-size:16px; font-family:宋体;}

/*****经典案例*****/
.case_list{ clear:both; width:100%;}
.case_list li{ float:left; width:24%; padding:0 0.5%; overflow:hidden; height:auto;}
.case_list li p{ text-align:center; display:block; font-size:15px; padding:10px 0;}
.case_list li label{display:block;margin-bottom:0; padding:0; border:0;overflow:hidden; font-size:0;}
.case_list li label img {cursor: pointer;width:100%;transition:transform 0.4s linear;height:auto;}
.case_list li label img:hover {transform: scale(1.2);}

/***footer*****/
.fttop{ clear:both; width:100%; background:url(../images/ftbg.png) center no-repeat; height:26px;}
.ftbg{ clear:both; width:100%; background:#272727; padding:20px 0;}
.ftmenu{ float:left;}
.ftmenu li{ float:left; padding-right:80px;}
.ftmenu li h3{ color:#FFF; font-size:18px; font-weight:normal; padding-bottom:10px; display:block;}
.ftmenu li p{ clear:both; line-height:23px; color:#d6d6d6;}
.ftmenu li p i{ font-style:normal; font-size:9px; padding-right:5px; float:left;}
.ftmenu li a{ color:#d6d6d6;}
.ftmenu li a:hover{ color:#ca0d1b;}
.fter{ float:right; width:120px;}
.fter p{ text-align:center; display:block; padding:5px; color:#FFF;}
.ftline{ clear:both; width:100%; border-bottom:1px #4f4f4f solid;}
.ftcopy{ clear:both; text-align:center; color:#8f8f8f; line-height:24px;}
.ftcopy a{ color:#8f8f8f;}

.nei_map{width:1200px;height:800px;border:#ccc solid 1px; float:left;}
#map img{max-width:none;}
/*****内页样式****/
.ab_fl{ clear:both; width:100%; text-align:center;display:table;}
.ab_fl li{ float:left;float:none;display:inline;zoom:1; padding:0 0.6%;}
.ab_fl li a{ line-height:32px; border:1px #e3e3e3 solid; text-align:center; display:inline-block; font-size:16px; padding:0 20px; margin:1% 0;}
.ab_fl li a:hover{ background:#484848; border:1px #484848 solid; color:#FFF;}
.ab_fl .cli a{background:#484848; border:1px #484848 solid; color:#FFF;}

.pro_fl{ clear:both; width:100%;}
.pro_fl li{ clear:both;line-height:35px; min-height:35px;border:1px #b9b9b9 dotted; margin:8px 0;}
.pro_fl li span{ float:left; width:10%; text-align:center;}
.pro_fl li span a{background:#dfdfdf; display:block}
.pro_fl li span a:hover{background:#484848;color:#FFF; }
.pro_fl li span .cli{background:#484848;color:#FFF; }
.pro_fl li ul{ float:left; width:90%; padding:0; margin:0;}
.pro_fl li ul li{ float:left; clear:none; margin:0; padding:0 10px; border:none;}

.nei_txt{ clear:both; padding:0 4%; line-height:24px;}

/***新闻列表***/
.nei_news{ clear:both; border-bottom:1px #CCC dotted; height:140px; width:100%;padding-top:20px;}
.nei_news dt{ float:left; width:180px; height:110px; background:#f2f2f2; margin:5px 0;overflow:hidden; font-size:0; padding:0; border:0;}
.nei_news dt img{ width:96%; height:auto; padding:2%;ursor: pointer;transition:transform 0.4s linear;}
.nei_news dt img:hover {transform: scale(1.2);}
.nei_news dt h3{ display:block; width:100%; text-align:center; padding:13% 0; font-size:25px; font-weight:normal;}
.nei_news dt h4{ display:block; width:80%; margin:0 auto; height:20px; background:#7ebf50; line-height:20px; padding:2% 0; text-align:center; color:#FFF;}
.nei_news dd{ float:right; width:890px;}
.nei_news dd h2{ font-size:16px; font-family:微软雅黑;}
.nei_news dd h2 a{ color:#000;}
.nei_news dd h2 a:hover{ color:#ca0d1b;}
.nei_news dd p{ padding-top:10px; color:#777777;}

.news_tit{ clear:both; width:100%; font-size:20px; text-align:center; border-bottom:1px #dedede dotted; line-height:50px;}
.news_ms{ text-align:center; padding:10px 0; color:#777777;}

/*****产品列表*****/
.pro_list2{ clear:both; width:100%;}
.pro_list2 li{ float:left; width:32.33%; padding:0 0.5%; overflow:hidden; height:auto;}
.pro_list2 li label{display:block;margin:0; padding:0; border:0;overflow:hidden; font-size:0; line-height:0;}
.pro_list2 li label img {cursor: pointer;width:100%;transition:transform 0.4s linear; height:auto;}
.pro_list2 li label img:hover {transform: scale(1.2);}
.pro_list2 li p{ text-align:center; display:block; font-size:15px; padding:10px 0;}

/*****案例列表*****/
.pro_list{ clear:both; width:100%;}
.pro_list li{ float:left; width:24%; padding:0 0.5%; overflow:hidden; height:auto;}
.pro_list li label{display:block;margin:0; padding:0; border:0;overflow:hidden; font-size:0; line-height:0;}
.pro_list li label img {cursor: pointer;width:100%;transition:transform 0.4s linear; height:160px;}
.pro_list li label img:hover {transform: scale(1.2);}
.pro_list li p{ text-align:center; display:block; font-size:15px; padding:10px 0;}

/****人才招聘****/
.jobBox{ clear:both; padding:10px 20px; display:block;}
.jbTit{ color:#b8070f; font-weight:bold; font-size:16px; padding-top:30px; display:block;}
.jbShow{ padding:10px 0;}
.jbBtns{ background:url(../images/yp.jpg) no-repeat; width:85px; height:28px; color:#FFF; float:right;}
.jbBtns label{ padding-top:4px; display:block; text-align:center; color:#FFF; font-size:15px;}
.jbBtns label a{ color:#FFF;}
.aboutBox h3{ padding-left:8px;}
.aboutBox span{ color:#F00;}

/*******page*******/
#bottompage{clear:both;height:auto;text-align:center; width:auto; line-height:20px;}
#bottompage ul{list-style:none; margin:0px; padding:0px;}
#bottompage ul li{float:left;display:block;margin-left:2px; padding:2px;width:auto;height:20px;border:1px solid #eee;text-align:center;}
#bottompage ul li.nextprev span{ width:50px; display:block; background-color:#FFF;}
#bottompage ul li.pagenum{ width:auto; display:block;  background-color:#FFF;}
#bottompage ul li.pagenum a{ display:block; padding:0px 5px;}
#bottompage ul li span{display:block;width:auto;height:20px; background-color:#700000;}
#bottompage ul li.nextprev{width:50px; display:block; background-color:#FFF;}
#bottompage ul li span{display:block;background-color:#FFFFFF; width:auto; }
#bottompage ul li.currentpage{font-weight:bold; background-color:#ca0d1b; display:block; color:#FFF; width:23px;}
#bottompage ul li.currentpage span{display:block;background-color:#09F; }
#bottompage span.recordcount{display:block; background-color:#09F; padding-left:20px; margin-left:10px;border:0px;cursor:pointer;}
#bottompage{font-size:12px;font-family:arial,宋体;margin-top:30px;}
@media screen and (max-width: 1100px) {
	.ly_list li div h3{ padding-bottom:5px;}
	.ly_list li div{ float:left;padding:20px 4%; line-height:18px; width:42%;}
}
@media screen and (max-width: 1000px) {
	/****mobile*****/
	.mainbox{ width:96%; padding:0 2%;}
	.logo{ padding:10px 0 5px 0;}
	.logo img{ width:170px;}
	#menu{ display:none;}
	.dl-menuwrapper { display:block;width: 100%;max-width: 250px;float: right;position: absolute;top:1%;right:0;padding-top: 45px;z-index: 999;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 200%;-moz-perspective-origin: 50% 200%;perspective-origin: 50% 200%;}
	.dl-menuwrapper:first-child {margin-right: 100px;}
	.dl-menuwrapper button {border: none;width:50px;height:50px;text-indent: -900em;overflow: hidden;position: absolute;top:0;right:10px;cursor: pointer;outline: none;background:url(../images/pm.gif) no-repeat center center;}
	.dl-menuwrapper button:hover ,.dl-menuwrapper button.dl-active {}
	.dl-menuwrapper ul {background: #e60011;}
	.dl-menuwrapper ul {padding: 0;list-style: none;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
	.dl-menuwrapper li {position: relative;}
	.dl-menuwrapper li a {display: block;position: relative;padding: 12px 20px;font-size: 16px;line-height: 20px;font-weight: 300;color: #fff;border-bottom:1px solid #ff1e2f;outline: none;}
	.no-touch .dl-menuwrapper li a:hover {background: rgba(255,248,213,0.1);}
	.dl-menuwrapper li.dl-back > a {padding-left: 30px;background: rgba(0,0,0,0.1);}
	.dl-menuwrapper li.dl-back:after,
	.dl-menuwrapper li > a:not(:only-child):after {position: absolute;top: 0;line-height: 50px;font-family: 'icomoon';speak: none;-webkit-font-smoothing: antialiased;content: "\e000";}
	.dl-menuwrapper li.dl-back:after {left: 10px;color: rgba(255,255,255,0.8);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
	.dl-menuwrapper li > a:after {right: 10px;color: rgba(255,255,255,0.8);}
	.dl-menuwrapper .dl-menu {margin: 10px 0 0 0;position: absolute;width: 100%;opacity: 0;pointer-events: none;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
	.dl-menuwrapper .dl-menu.dl-menu-toggle {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
	.dl-menuwrapper .dl-menu.dl-menuopen {opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
	
	.telp img{ float:none; clear:both;}
	.nei_map{ width:96%; margin:2%; height:500px;}
	
	.pro_fl li span{  width:25%;}
	.pro_fl li ul{ width:75%;}


	
}

@media screen and (max-width: 580px) {
	.pt40{ padding-top:20px;}
	/*我们的优势*/
	.ys_list li{ float:left; width:33.33%; padding:10px 0; text-align:center;}
	.ys_list li h3{ font-size:15px;}
	/*事业领域*/
	.ly_list li{width:94%; margin:2px 3%;}
	.ly_list li label{ font-size:0;display:block;margin-bottom:0; padding:0; border:0;overflow:hidden; width:100%; clear:both; float:none;}
	#ly1,#ly2{ float:none; clear:both;}
	.ly_list li div{ float:left;padding:15px 2%; width:94%; font-size:12px;}
	.ly_list li div h3{ font-size:18px;padding-bottom:5px;}

	
	/*经典案例*/
	.case_list li{ float:left; width:49%; padding:3px 0.5%;}
	.case_list li p{ font-size:14px;}
	/*footer*/
	.ftmenu,.ftcopy span{ display:none;}
	.ftcopy{ padding:0 5%; font-size:12px;}
	.fter{ float:none; text-align:center; width:100%;}
	.fter img{ width:30%;}
	
	/*****产品列表*****/
	.pro_list li{width:49%;}
	.pro_list li p{font-size:13px; padding:5px 0;}
	.pro_list li label img{ height:auto;}
	.nei_map{ width:96%; margin:2%; height:300px;}
	
	.pro_list2 li{width:49%;}
	.pro_list2 li p{font-size:13px; padding:5px 0;}

}