@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}

a:hover img{opacity:0.9;filter:alpha(opacity=90);}

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

.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{ height:35px; line-height:35px; border:1px solid #cccccc; background:#fff; font-size:14px; text-indent:5px; border-radius:4px; margin:5px;}
._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:#5BA4DD;border:1px solid #5A9BD9;border-radius:4px;color:#fff;padding:7px 15px;*padding:7px 15px 6px 15px;cursor:pointer;font-size:14px;*overflow:visible;*filter:chroma(color=#000000); margin:5px;}
.bnt_save:hover{background:#f60;border:1px solid #f60;}

/*搜索*/
.s_input{border:1px solid #ff7f32; background:#fff; height:40px; line-height:40px; text-indent:10px; width:70%; border-top-left-radius:4px; border-bottom-left-radius:4px;}
.so_save{background:#ff7f32; border:1px solid #ff7f32; color:#fff; cursor:pointer; height:42px; line-height:40px; width:28%; font-size:18px; font-weight:bold; border-top-right-radius:4px; border-bottom-right-radius:4px;}
.so_save:hover{background:#7fbd3e;border:1px solid #7fbd3e;}

/*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 #432774; 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:#432774; 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;}

.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:#1767dd; 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;}
	.anco33{width:100%; height:auto; background:#f5f5f5; }
	.anco44{width:100%; max-width:100%; margin-top:30px }
	.anco44 img{width:100%; max-width:100%;}
	.coco{width:95%; height:auto; margin:0 auto;}
	.coco22{width:90%; height:auto; margin:0 auto;}
	.coco33{width:95%; height:auto; background:#ef6d31;height:180px;margin-top:-110px;}
	.coco88{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;}	
	.pro_page_sl{ width:100%; height:auto; text-align:center; margin-top:15px;}
	
	/*page分页*/
	ul.pagination{display:table; margin: auto; padding:0px;	overflow:hidden;}
	ul.pagination li{float:left; border: 1px solid #ddd; font-size:0.12rem; line-height:0.35rem}
	ul.pagination li a{display:block; color:#333; text-decoration:none; transition: background-color .5s; padding:0 10px;}
	ul.pagination li a.active{background-color: #ff6700; color:#FFF; }
	ul.pagination li a:hover{background-color: #ff6700; color:#FFF; }
	ul.pagination span{float:left; color:#CCCCCC; line-height:0.35rem; padding:0 2px; border: 1px solid #ddd; font-size:0.12rem;}
	/*page*/
	/*列表分页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-color:#432774; font-size:0.12rem; border-radius:50px; color:#fff!important;}
	.a_more:hover{ background-color:#ff6700}
}

/*当页面大于960px时候*/
@media screen and (min-width:960px){
	.mobile{ display:none}
	.anco{width:100%; height:auto; min-width:1260px; }
	.anco33{width:100%; height:auto; min-width:1260px; background:#f5f5f5; }
	.anco44{width:100%; max-width:100%; margin-top:50px }
	.anco44 img{width:100%; max-width:100%;}
	.coco{width:1270px; height:auto; min-width:1270px; margin:0 auto;}
	.coco88{width:1450px; min-width:1450px; height:auto; margin:0 auto;}	
	.coco22{width:1640px; height:auto; min-width:1640px; margin:0 auto;}
	.coco33{width:1270px; height:auto; min-width:1270px; background:#ef6d31;height:105px;margin-top:-50px;}
	.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:50px; 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;}	
	.pro_page_sl{ width:100%; height:auto; text-align:center; margin-top:15px;}
	
	/*page分页*/
	ul.pagination{display:table; margin: auto; padding:0px;	overflow:hidden;}
	ul.pagination li{float:left; border: 1px solid #ddd; font-size:14px; line-height:35px}
	ul.pagination li a{display:block; color:#333; text-decoration:none; transition: background-color .5s; padding:0 15px;}
	ul.pagination li a.active{background-color: #ff6700; color:#FFF; }
	ul.pagination li a:hover{background-color: #ff6700; color:#FFF; }
	ul.pagination span{float:left; color:#CCCCCC; line-height:35px; padding:0 15px; border: 1px solid #ddd; font-size:14px;}
	/*page*/
	/*列表分页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:10px 20px; background-color:#432774; border-radius:50px; color:#fff!important; margin-right:12px;}
	.a_more:hover{ background-color:#ff6700}
}