@charset "utf-8";
/* CSS Document */
* {
	list-style:none;
	MARGIN:0 auto;
}
/* 网站公共样式 */
body {FONT-FAMILY: "Microsoft Yahei", 宋体, Arial; margin:0; padding:0; font-size:14px; color:#000000; background-color:#fff; font-weight:400}
body,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,label,input,select,dl,dt,dd,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,textarea {margin:0;padding:0;border:0;}
li,dl{list-style-type:none;}
img,a img{border:0; margin:0; padding:0; vertical-align:middle}
em,i {font-style: normal;}
input{vertical-align:middle; margin:0; padding:0;}

A:link {COLOR:#000000; TEXT-DECORATION: none}
A:visited {COLOR: #020202; TEXT-DECORATION: none}
A:hover {CURSOR: hand; COLOR: #FF0000; TEXT-DECORATION:none}
A:active {COLOR: #00518a; TEXT-DECORATION: none}

TABLE {LINE-HEIGHT: 20px;}

h1{font-size:16px; margin:0; padding:0;}
h2{font-size:18px; margin:0; padding:0;}
h3{font-size:14px; margin:0; padding:0;}
h4{font-size:19px; margin:0; padding:0;}
h5{font-size:15px; margin:0; padding:0;}
h6{font-size:16px; margin:0; padding:0;}

/*去除div或是图片png图片点击会出现阴影，由其是手机端更明显*/
a {-webkit-tap-highlight-color: transparent;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /*清除button点击时周边阴影*/ } 

.clear {clear:both;height: 0; }
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}

.fl{ float: left; }
.fr{ float: right;}

/*表单*/
._input{width:98%; height:35px; line-height:35px; border:1px solid #cccccc; background:#fff; font-size:14px; text-indent:5px; border-radius:4px; }
._textarea{border:1px solid #d9d9d9; background:#fff; line-height:25px; font-size:14px; padding-left:5px; padding-right:5px; border-radius:4px; margin:5px; }
._select{border:1px solid #cccccc; background:#fff; height:38px; line-height:38px; color:#666666; padding:0 5px; border-radius:4px;}
.bnt_save{background:#2ca43a; border:1px solid #2ca43a; border-radius:4px; color:#fff; cursor:pointer; font-size:20px; width:90%; height:50px; line-height:50px; text-align:center}
.bnt_save:hover{background:#f60;border:1px solid #f60;}

/*搜索*/
/*
<form method="post" action="index.asp" name="form1" onSubmit="return check();">
	<input name="kw" type="search" class="s_input" placeholder="请输入关键词" />
	<input type="submit" name="Submit" value="搜索" class="so_save">
</FORM>
*/
.s_input{float:left; border:1px solid #70b442; background:#fff; height:43px; line-height:43px; text-indent:10px; width:80%; border-top-left-radius:4px; border-bottom-left-radius:4px;}
.so_save{float:left; background:#70b442; border:1px solid #70b442; color:#fff; cursor:pointer; height:43px; line-height:43px; width:20%; font-size:18px; font-weight:bold; border-top-right-radius:4px; border-bottom-right-radius:4px;}
.so_save:hover{background:#64a637; border:1px solid #64a637;}

/*button可执行一个链接或是函数<button type="button" class="button_menu" onclick="downup()">尝试一下</button>*/
.button_menu{ width:100%; height:0.4rem; line-height:0.38rem; background:#01b033; border:1px solid #01b033; color:#fff; cursor:pointer; font-size:0.16rem; border-radius:0.4rem}
.button_menu:hover{background:#7fbd3e;border:1px solid #7fbd3e;}

/*随意控制大小的输入框<INPUT NAME="hy_zeou_nianling" TYPE="tel" class="_input_suiyi" value="<%=rs6("hy_zeou_nianling")%>" onKeyUp="this.value=this.value.replace(/\D/g,'')" maxlength="4" size="4" placeholder="岁">*/
._input_suiyi{height:0.4rem; line-height:0.4rem; border:1px solid #cccccc; background:#fff; font-size:0.14rem; text-indent:5px; border-radius:4px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/*圆角搜索
<FORM action="index.asp" method="post">
	<input name="kw" type="search" class="yuan_input" placeholder="可按名字，电话，公司，地址搜索" />
	<input type="submit" name="Submit" value="搜索" class="yuan_save">
</FORM>
*/
.yuan_input{float:left; border:1px solid #3083ff; background:#fff; height:0.41rem; line-height:0.44rem; text-indent:10px; width:78%; border-radius:20px 0 0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.yuan_save{float:left; background:#3083ff; color:#fff; cursor:pointer; height:0.41rem; line-height:0.42rem; width:22%; font-size:0.16rem; border-radius:0 20px 20px 0;}
.yuan_save:hover{background:#f60;}

input{border:0;outline:none;}/*去掉input选中后去掉蓝色*/
textarea{border:0;outline:none;}/*去掉textarea选中后去掉蓝色*/
select{border:0;outline:none;}/*去掉select选中后去桔黄色*/

/*改变表单placeholder中文字的颜色*/
input::-webkit-input-placeholder{color:#CCCCCC;}
input::-moz-placeholder{color:#CCCCCC;}
input:-moz-placeholder{color:#CCCCCC;}
input:-ms-input-placeholder{color:#CCCCCC;}
textarea::-webkit-input-placeholder{color:#CCCCCC;}
textarea::-moz-placeholder{color:#CCCCCC;}
textarea:-moz-placeholder{color:#CCCCCC;}
textarea:-ms-input-placeholder{color:#CCCCCC;}
/*改变表单placeholder中文字的颜色*/

/*多选框改成圆形----<li><input name="xq" type="checkbox" class="tui-checkbox" value="<%=rsphoto("class")%>"><span><%=rsphoto("class")%></span></li>*/
.tui-checkbox:checked {background:#922100/*选中后的效果*/}
.tui-checkbox {
	width:28px;
	height:28px;
	background-color:#ffffff;
	border:solid 1px #999999;
	-webkit-border-radius:50%;
	border-radius:50%;
	font-size:0.8rem;
	margin:0;
	padding:0;
	position:relative;
	display:inline-block;
	vertical-align:top;
	cursor:default;
	-webkit-appearance:none;
	-webkit-user-select:none;
	user-select:none;
	-webkit-transition:background-color ease 0.1s;
	transition:background-color ease 0.1s;
	vertical-align:middle;
}
.tui-checkbox:checked::after {
	content:'';
	top:7px;
	left:7px;
	position:absolute;
	background:transparent;
	border:#fff solid 2px;
	border-top:none;
	border-right:none;
	height:6px;
	width:10px;
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
/*多选框改成圆形end*/

/*常用css_start*/

/* 右侧二维码*/
.fixed{position:fixed; width:55px; height:55px; right:46px; bottom:46px; z-index:999999;}
.fixed a{display:block;width:55px;height:55px;}
.fixed a.backup{background:url(../img/top.png) 0 0 no-repeat;background-position:0 0; height:55px;}
.fixed a.backup:hover{background-position:0 -55px;height:55px;}
/* 右侧二维码_end */

/*常用css_end*/

/*图片放大效果*/
.imgZoom{overflow:hidden;}
.imgZoom img {-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

/*图片是前端插入的，但是可以当成背景来用，并且适用父级元素的大小，父级需要position:relative调用例：<img src="b.jpg" class="_full ">*/
._full{position:absolute; left:0; top:0; width:100%; height:100%;}

.ov{overflow:hidden}

/*加内边距的不会影响外框大小*/
.p_box{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/*全局*/
.mt7{margin-top:7px!important}
.mt10{margin-top:10px!important}
.mt15{margin-top:15px!important}
.mt20{margin-top:20px!important}
.mt30{margin-top:30px!important}
.mt40{margin-top:40px!important}
.mt50{margin-top:50px!important}
.mt60{margin-top:60px!important}
.mt100{margin-top:100px!important}

.p10{ padding:10px;}
.pt10{ padding-top:10px;}

.center{ text-align:center}

.main_100{width:100%; height:auto}
.main_95{MARGIN:0 auto; width:95%; height:auto}
.main_90{MARGIN:0 auto; width:90%; height:auto}
.main_96{MARGIN:0 auto; width:96%; height:auto}

.bt10{border-top:10px solid #EFEFEF; margin-top:10px; padding-top:10px}
.bt10p0{border-top:10px solid #EFEFEF; margin-top:10px;}
.bt10m0{border-top:10px solid #EFEFEF; padding-top:10px}
.bt10mpb10{border-top:10px solid #EFEFEF; margin-top:10px; padding-top:10px; padding-bottom:10px}

/*按钮带图标<div class="btnbtn"><a href="reg.asp">更多数据...<span class="iconfont">&#xe6ab;</span></a></div>*/
.btnbtn{width:60%; height:0.4rem; line-height:0.4rem; margin-top:15px; background-color:#2ca43a; color:#FFFFFF; font-size:0.16rem; text-align:center; border-radius:4px;}
.btnbtn a{ display:block; color:#FFFFFF}
.btnbtn span{ padding-left:15px; font-size:0.18rem;}

/*表单专用来控制表单之间的缝隙*/
.input_li{ width:100%; height:auto;}
.input_li li{ text-align:center; color:#333333}
.input_li li+li{ margin-top:10px;}

/*当页面小于960px的时执行下面的CSS*/
@media screen and (max-width: 960px){
	html{font-size:100px; -webkit-text-size-adjust:none; max-height:100%; min-width: 320px;}
	body {margin:0 auto; font-size:0.14rem; color:#333333;}
	.pc{ display:none}
	.anco{width:100%; height:auto;}
	.coco{width:95%; height:auto; margin:0 auto;}
	.tocnc{width:100%; height:auto;}
	.coco95{width:95%; height:auto; margin:0 auto;}
	
	/*通用内容盒子*/
	.h2_title{font-size:0.2rem; line-height:0.4rem; text-align:center; border-bottom:1px dotted #999999; color:#333; margin-top:26px}
	
	.date{font-size:0.12rem; padding-top:16px; text-align:center; color:#999999;}
	.date span{ padding-right:15px;}
	
	.pic{width:100%; height:auto; text-align:center;}
	.pic img{max-width:100%; margin:20px 0}
	
	.view_content{width:100%; height:auto; margin-top:20px; line-height:0.26rem; font-size:0.14rem; overflow:hidden}
	.view_content img{display:block; max-width:100%; margin:10px 0!important;}
	
	/*列表分页*/
	.propage {width:100%; height:0.4rem; line-height:0.4rem; border-top:1px solid #CCCCCC; margin-top:30px; text-align:center;}
	.propage SPAN{color:#F00; font-weight:bold;}	

	ul.pagination{width:100%; height:auto; text-align:center; margin-top:15px;}
	ul.pagination li{display:inline-block; border:1px solid #ddd; font-size:0.12rem; line-height:0.35rem}
	ul.pagination li a{display:block; color:#333; transition: background-color .5s; padding:0 10px;}
	ul.pagination li a.active{background-color: #d71f1f; color:#FFF; }
	ul.pagination li a:hover{background-color: #d71f1f; color:#FFF; }
	/*列表分页end*/
	
	/*列表专用_明确分出左右两侧,超出文字隐藏*/
	.fl_list{ width:100%; height:auto; border-top:10px solid #EFEFEF; margin-top:30px; padding-top:10px}
	.fl_list li{ height:0.38rem; line-height:0.38rem; font-size:0.14rem; background:url(../img/jt.jpg) no-repeat right center; }
	.fl_list li+li{border-top:1px solid #E6E6E6;}
	.fl_list li a{ display:block; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
	
	/*a标签带个小块___demo：<a href="/" class="a_more">查看更多 ></a>*/
	.a_more{display:inline-table; padding:10px 18px; background:linear-gradient(to bottom,#fef6e6,#fbecad); font-size:0.12rem; border-radius:50px; color:#FF6600!important;}
	.a_more:hover{ background-color:#ff6700}
	
	/*css过度按钮<div class="d_more"><a href="p/">产品中心</a></div>*/
	.d_more{width:1.4rem; height:0.4rem; margin:0 auto; overflow:hidden; background-color:#402872; text-align:center; border-radius:50px; position:relative; }
	.d_more a{position:absolute; left:0; top:0; width:100%; height:100%; line-height:0.4rem; color:#fff; text-align:center; z-index:1; }
	.d_more:before{content: ""; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#f16d2d; transition: 0.4s all ease}
	.d_more:hover:before{right:0}
	
	/*a标签带个小块___demo：<a href="/" class="e_more">查看更多 ></a>*/
	.e_more{display:inline-table; padding:10px 20px; border:1px solid #70b442; background-color:#70b442; transition: 0.4s all ease; font-size:0.14rem; color:#FFF!important}
	.e_more:hover{ background-color:#fff; color:#70b442!important}
}

/*当页面大于960px时候*/
@media screen and (min-width:960px){
	.mobile{ display:none}
	.anco{width:100%; height:auto; min-width:1260px; }
	.coco{width:1260px; height:auto; min-width:1260px; margin:0 auto;}
	.tocnc{width:1260px; height:auto; min-width:1260px; margin:0 auto;}
	.coco95{width:95%; height:auto; min-width:1200px; margin:0 auto;}
	
	/*通用内容盒子*/
	.h2_title{font-size:22px; font-weight:600; line-height:50px; border-bottom:1px dotted #999999; color:#333; text-align:center; margin-top:26px}
	
	.date{ font-size:12px; padding-top:15px; text-align:center; color:#999999}
	.date span{ padding-right:15px;}
	
	.pic{width:100%; height:auto; text-align:center; overflow:hidden}
	.pic img{max-width:100%; margin:20px 0}
	
	.view_content{width:100%; height:auto; margin-top:22px; line-height:32px; font-size:16px; overflow:hidden}
	.view_content img{max-width:100%; margin:12px 0}
	.view_content table{line-height:30px; font-size:14px;}
	
	/*列表分页*/
	.propage {width:100%; height:40px; line-height:40px; border-top:1px solid #CCCCCC; margin-top:30px; text-align:center;}
	.propage SPAN{color:#F00; font-weight:bold;}	

	ul.pagination{width:100%; height:auto; text-align:center; margin-top:15px; }
	ul.pagination li{display:inline-block; border:1px solid #ddd; font-size:14px; line-height:35px}
	ul.pagination li a{display:block; color:#333; transition: background-color .5s; padding:0 15px;}
	ul.pagination li a.active{background-color: #d71f1f; color:#FFF;}
	ul.pagination li a:hover{background-color: #d71f1f; color:#FFF; }
	/*列表分页end*/
	
	/*列表专用_明确分出左右两侧,超出文字隐藏*/
	.fl_list{ width:100%; height:auto; margin:0 auto; border-top:10px solid #EFEFEF; margin-top:30px; padding-top:10px}
	.fl_list li{ height:38px; line-height:38px; font-size:14px; background:url(../img/jt.jpg) no-repeat right center;}
	.fl_list li+li{border-top:1px solid #E6E6E6;}
	.fl_list li a{ display:block; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
	
	/*a标签带个小块___demo：<a href="/" class="a_more">查看更多 ></a>*/
	.a_more{display:inline-table; padding:8px 26px; background:linear-gradient(to bottom,#fef6e6,#fbecad); border-radius:50px; letter-spacing:5px; color:#FF6600!important; cursor:pointer}
	.a_more:hover{background:linear-gradient(to bottom,#f3e299,#ffe5ba);}
	
	/*css过度按钮<div class="d_more"><a href="p/">产品中心</a></div>*/
	.d_more{width:140px; height:40px; margin:0 auto; overflow:hidden; background-color:#402872; text-align:center; border-radius:50px; position:relative; }
	.d_more a{position:absolute; left:0; top:0; width:100%; height:100%; line-height:40px; color:#fff; text-align:center; z-index:1; }
	.d_more:before{content: ""; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#f16d2d; transition: 0.4s all ease}
	.d_more:hover:before{right:0}
	
	/*a标签带个小块___demo：<a href="/" class="e_more">查看更多 ></a>*/
	.e_more{display:inline-table; padding:15px 40px; border:1px solid #70b442; background-color:#70b442; transition: 0.4s all ease; color:#FFF!important}
	.e_more:hover{ background-color:#fff; color:#70b442!important}
}