@charset "utf-8";
/* CSS Document 合肥赢点网络营销策划有限责任公司 www.hfyingdian.com    公共样式 */
body,td,th {font-size: 13px;color: #333333; font-family:微软雅黑;}
body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}
a:link {color: #333333;text-decoration: none;}
a:visited {text-decoration: none;color: #333333;}
a:hover {text-decoration: none;color: #2e5497;}
a:active {text-decoration: none;}
img{ border:0; max-width:100%;}
ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,ol{ padding:0; margin:0; list-style:none;}
.clear{ clear:both;}
.pt20{ padding-top:20px;}
.pt40{ padding-top:40px;}
.mainbox{ max-width:1200px; clear:both; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
*{box-sizing: border-box;}
/*****header****/
.header{ clear:both; width:100%; height:60px; position:absolute; top:0; background-color: rgba(0,0,0,0.5); z-index:10; padding:8px 0; overflow:hidden;}
.logo{ float:left; padding:30px 0;}
.menu{ float:left; margin:55px 0 0 60px;}
.menu li{ float:left; padding:0 6px;}
.menu li a{ color:#343434; font-size:16px; padding:5px 10px;border-radius:5px;}
.menu li a:hover{ color:#ffffff; background:#00368f;}
.menu .clt a{ color:#ffffff; background:#00368f;}
.logo2{ float:right; font-size:16px; padding:40px 0;}

.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);clear:both;}
.banner ul {list-style: none;width: 300%;}
.banner ul li {	display: block;	float: left;width: 33%;height:auto; overflow:hidden;-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:40%;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 #FFFFFF;	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: #FFFFFF;opacity: 1;}
.banner .arrows { display:none;}
.banner .arrow {display: inline;padding-left: -100px;	cursor: pointer;}
.prev,.next{ display:none;}

/***product**/
.pro_tit{ clear:both; width:100%; text-align:center; padding:30px 0;}
.pro_tit h2{ color:#00368f; font-size:30px;}
.pro_tit p{text-transform:uppercase; font-size:16px; color:#818181;}
.pro_line{ margin:0 auto; width:50px; height:3px; background:#00368f; clear:both; margin-top:10px;}

.proimg{ clear:both; width:100%;}
.proimg li{ float:left; width:23%; margin:1%; text-align:center; background:#FFF;}
.proimg li a{display:block; padding:10px;-moz-box-shadow:2px 2px 5px #dcdcdc; -webkit-box-shadow:2px 2px 5px #dcdcdc; box-shadow:2px 2px 8px #dcdcdc;}
.proimg li a:hover{-moz-box-shadow:2px 2px 5px #2e5497; -webkit-box-shadow:2px 2px 5px #2e5497; box-shadow:2px 2px 8px #2e5497; }
.proimg li img{ max-width:100%; height:170px;}
.proimg li p{ padding:5px 0;}

/**youshi**/
.ysbg{ clear:both; background:url(../images/in2_bg.jpg) no-repeat; background-size:cover; width:100%; padding:10px 0;}
.ys_tit{ clear:both; width:100%; text-align:center; padding:30px 0;}
.ys_tit h2{ color:#ffffff; font-size:30px;}
.ys_tit p{text-transform:uppercase; font-size:16px; color:#afafaf;}
.ys_line{ margin:0 auto; width:50px; height:3px; background:#d7d7d7; clear:both; margin-top:10px;}

.ys_list{ clear:both; width:100%; padding:20px 0;}
.ys_list li{ float:left; width:23%; margin:0 1%; text-align:center; background-color: rgba(0,0,0,0.5); padding:60px;}
.ys_list li h3{ font-size:25px; color:#FFF; padding:20px 0; font-weight:normal;}
.ys_list li p{ font-size:14px; color:#c9c9c9; line-height:26px;}

.box{ width:46%;}
.ab_tit{ clear:both; width:100%;}
.ab_tit h2{ color:#00368f; font-size:25px; font-weight:normal; float:left;}
.ab_tit span{ float:right;}
.ab_txt{ clear:both; width:100%; padding-top:20px; line-height:26px;}
.ab_txt img{ width:100%;}

.news_list{width:100%; padding-top:20px; clear:both;}
.news_list dl{width:100%; clear:both; padding:15px 0;}
.news_list dt{ float:left; width:20%; height:98px; background:#2e5497; text-align:center; font-size:36px; color:#FFF; padding-top:10px;}
.news_list dt p{ font-size:14px; padding:6px 0; display:block;}

.news_list dl dd{ width:76%; float:left; padding-left:2%; line-height:25px;}
.news_list dl dd h3{ padding-bottom:6px; font-size:16px;}

/**footer***/
.ftbg{ clear:both; width:100%; padding:20px 0; background:#00368f;}
.copy{ text-align:center; line-height:24px; color:#FFF;}
.copy a{ color:#FFF;}

/***nei pages***/
.nei_txt{ clear:both;line-height:26px; padding:10px;}

.nei_news{ clear:both; border-bottom:1px #CCC dotted;width:100%;padding-top:20px;}
.nei_news dt{ float:left; width:140px; height:100px; background:#2e5497; text-align:center; font-size:36px; color:#FFF; padding-top:20px;}
.nei_news dt p{ font-size:14px; padding:18px 0; display:block;}
.nei_news dt img{ width:100%; height:100%;}
.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:85%;}
.nei_news dd h2{ font-size:16px; font-family:微软雅黑;}
.nei_news dd h2 a{ color:#000;}
.nei_news dd p{ padding-top:10px;}

.show_tit{ clear:both; width:100%; padding-top:20px;text-align:center; border-bottom:1px #CCCCCC dotted;line-height:80px;}
.show_tit h1{ font-size:30px; display:block; }
.nei_ms{ clear:both; display:block; text-align:center; padding:10px 0;}
.show_txt{ clear:both; width:100%;}
.show_img{ text-align:center; padding-top:20px;}

.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;}

.ab_box{ clear:both; width:100%; margin:20px 0;box-shadow: 0px 0px 10px 5px rgba(78,78,78,0.1);}
.ab_w40{ width:40%; font-size:0; line-height:0;}
.ab_w40 img{ width:100%;}
.ab_w60{ width:55%; padding:50px;}
.ab_w60 h3{ font-size:28px; padding-bottom:20px;}

.ab_list{ clear:both; width:100%;}
.ab_list li{ float:left; box-shadow: 0px 0px 6px 1px rgba(78,78,78,0.1); margin:10px; padding:4px 30px;cursor:pointer;}
.ab_list li:nth-of-type(even){ background:#e8e8e8;}
.ab_list li:hover{ background:#00368f; color:#FFF;}

/*****product*****/
.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;}


/*******page*******/
#bottompage{clear:both;height:auto;text-align:center; width:auto; line-height:22px;}
#bottompage ul{list-style:none; margin:0px; padding:0px;}
#bottompage ul li{float:left;display:block;margin-left:2px; padding:2px;width:auto;height:26px;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:#2e5497; 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;}

.tel_list{ clear:both; width:100%; padding:50px 0;}
.tel_list li{ float:left; width:25%; text-align:center;}
.tel_list li img{ width:20%;}
.tel_list li p{ padding:10px 0;}


/***留言**/
.ly_tit{ font-size:24px; text-align:center; padding:20px 0; font-weight:600;}
.ly_in{ width:calc(33.3334% - 20px); margin:10px; float:left; line-height:40px; border:1px #CCCCCC solid; padding:0 10px;cursor:pointer}
.ly_in:hover{ border:1px #005737 solid;}
.ly_in label{ float:left; width:30px;cursor:pointer}
.ly_in input{ float:left; width:calc(100% - 30px); line-height:38px; border:0;}
.ly_text{ width:100%;}
.ly_text textarea{ width:calc(100% - 20px); margin:10px;border:1px #CCCCCC solid; padding:10px;}
.ly_send{ clear:both; width:100%; text-align:center;cursor:pointer}
.ly_send input{ line-height:45px; width:180px; margin:30px auto; background-image: linear-gradient(#4191db, #00368f); color:#FFF; border:0;cursor:pointer}



@media all and (max-width:1150px){
	.logo2{ display:none;}
}
/**小于998**/
@media all and (max-width: 998px){
	.logo{ display:none;}
	.proimg li{width:48%;}
	.proimg li img{ max-width:100%; height:120px;}
	
	.ys_list li{ width:48%; padding:40px 20px; margin:1%;}
	.ys_list li p{ font-size:12px;}
	
	.box{ clear:both; width:100%; padding:10px;}
	.nei_news dt{ display:none;}
	.nei_news dd{ float:none; clear:both; width:100%; padding:0 20px;}
	.nei_news dd p{ height:60px; overflow:hidden;}
	
	.ab_w40,.ab_w60{ clear:both; width:100%;}
	.ab_list li{ width:calc(33.3334% - 10px); margin:5px; padding:4px 10px;}
	
	.tel_list li{ float:none; width:100%; padding:10px 0;}
	.tel_list li img{ width:15%;}
	.ly_in{ width:calc(100% - 20px);}
	
}

@media all and (max-width: 360px){
	.proimg li img{ max-width:100%; height:100px;}
}