@charset "utf-8";
/* CSS Document */
* {
	list-style:none;
	MARGIN:0 auto;
}
/* 网站公共样式 */
body, html{font-size:100%;}
body {font-family: 'Work Sans', sans-serif; margin:0; padding:0; font-size:14px; color:#000000; background-color:#fff; font-weight:400; -webkit-font-smoothing: antialiased}
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 #d6000f; 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:#d6000f; border:1px solid #d6000f; 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:#b5000d; border:1px solid #b5000d;}

/*随意控制大小的输入框<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{ padding:9px; border:1px solid #cccccc; background:#fff; font-size:0.07rem; 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_96{MARGIN:0 auto; width:96%; height:auto}
.main_95{MARGIN:0 auto; width:95%; height:auto}
.main_93{MARGIN:0 auto; width:93%; height:auto}
.main_90{MARGIN:0 auto; width:90%; 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;}

/*带阴影的盒子*/
.box_touying{width:1000px; height:auto; padding-bottom:20px; background-color:#FFF; border-radius:5px; box-shadow:2px 2px 5px #C8C8C8; border-top:4px solid #c12c25}

/*图片控制*/
.images{width:100%; height:auto; text-align:center}
.images img{max-width:100%; height:auto}

/*图片控制*/
.pic{width:100%; height:auto; text-align:center;}
.pic img{max-width:100%; margin:20px 0}

/*当页面小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
	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;}
	
	.main{width:95%; height:auto; margin:0 auto;}
	
	.pc{ display:none}
	
	/*通用内容盒子*/
	.news_title{font-size:0.4rem; line-height:0.8rem; text-align:center; color:#0a50b4; font-weight:400}
	.news_title a{color:#0a50b4;}
	
	.date{font-size:0.26rem; padding-top:20px; text-align:center; color:#999999;}
	.date span{ padding-right:15px;}	
	
	.view_content{width:97%; height:auto; margin:0 auto; line-height:0.73rem!important; font-size: 0.38rem!important; color: #333333; overflow:hidden; margin-top: 0.6rem;}
	.view_content img{display:block; max-width:100%; margin:15px 0!important;}
	
	/*列表分页*/
	.page {width:100%; height:auto; line-height:0.4rem; font-size:0.28rem; border-top:1px solid #CCCCCC; margin-top:0.9rem; padding-top:0.5rem; text-align:center;}
	.page SPAN{color:#F00; font-weight:bold;}	

	/*按钮式分页*/
	.page_menu{width:95%; height:auto; margin:0 auto; text-align:center; margin-top:15px;}
	.page_menu a{display: inline-block; margin-right:10px; padding:10px 12px 10px 12px; background:#f36f2e; border:1px solid #f36f2e;  font-size:0.28rem; color:#fff; border-radius:3px;}
	.page_menu a:hover{background:#ff6700; border:1px solid #ee6000; color:#fff; text-decoration:none;}
	.page_menu a.active{border:1px solid #ff6700; background-color:#ff6700; color:#FFF; }
	/*列表分页end*/
	
	/*列表专用_明确分出左右两侧,超出文字隐藏*/
	.fl_list{ width:100%; height:auto; border-top:10px solid #EFEFEF; margin-top:40px; padding-top:20px}
	.fl_list li{ height:0.7rem; line-height:0.7rem; font-size:0.26rem; 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;}
	
	/*列表专用_带箭头,超出文字隐藏*/
	.ul_list{ width:100%; height:auto;}
	.ul_list li{ height:0.45rem; line-height:0.45rem; font-size:0.16rem; background:url(../img/jt.jpg) no-repeat right center;}
	.ul_list li+li{border-top:1px solid #E6E6E6;}
	.ul_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:#2ca43a; font-size:0.12rem; border-radius:50px; color:#fff!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}
	
	/*css过度按钮<div class="d_more"><a href="p/">产品中心</a></div>*/
	.f_more{width:1rem; height:0.3rem; margin:0 auto; overflow:hidden; background-color:#ececec; border:2px solid #2e3759; text-align:center; border-radius:50px; position:relative; font-size:0.12rem}
	.f_more a{position:absolute; left:0; top:0; width:100%; height:100%; line-height:0.3rem; color:#333; text-align:center; z-index:1; }
	.f_more a:hover{color:#fff;}
	.f_more:before{content: ""; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#2e3759; transition: 0.4s all ease}
	.f_more:hover:before{right:0}
	
	/*a标签带个小块___demo：<a href="/" class="e_more">查看更多 ></a>*/
	.e_more{display:inline-table; padding:10px 20px; border:1px solid #d6000f; background-color:#d6000f; transition: 0.4s all ease; font-size:0.14rem; color:#FFF!important}
	.e_more:hover{ background-color:#fff; color:#d6000f!important}
	
	/* 公共按钮 <a href="syjc.html" class="common_more"><span class="text">关于我们</span><span class="icon"></span></a>*/
	.common_more{display:inline-block; padding:0 0.9rem 0 0.4rem; border:1px solid #fff; border-color:rgba(255,255,255,.3); border-radius:10px; position:relative; background:#fff;}
	.common_more span{display:inline-block;}
	.common_more span.text{font-size:0.16rem; line-height:0.5rem; color:#4479c9;}
	.common_more span.icon{width:26px; height:14px; background:url(../img/common_more.png) no-repeat center; position:absolute; top:50%; margin-top:-7px; right:0.3rem; transition:all 0.5s ease;}
	.common_more:hover span.icon{right:35px;}
}

/*当页面大于992px小于1450px时，此处主要为了适应19及以下显示器，包括笔记本电脑1360分辨率的情况*/
@media only screen and (min-width:992px) and (max-width:1450px){
	.main{width:98%; height:auto; margin:0 auto;}
}

/*当页面大于1450px时候*/
@media screen and (min-width:1450px){
	.main{width:78.329%; height:auto; margin:0 auto;}
}

/*当页面大于992px时候*/
@media screen and (min-width:992px){
	.mobile{ display:none}
	
	/*通用内容盒子*/
	.news_title{font-size:0.19rem; line-height:0.39rem; font-weight:400; color:#0a50b4; text-align:center}
	.news_title a{color:#0a50b4;}
	
	.date{font-size:0.0833rem; padding-top:15px; text-align:center; color:#999999}
	.date span{ padding-right:15px;}
	
	.view_content{width:100%; height:auto; line-height:0.18rem!important; font-size: 0.0938rem!important; color: #333333; overflow:hidden; margin-top: 0.22rem;}
	.view_content img{max-width:100%; margin:15px 0}
	
	/*列表分页*/
	.page {width:100%; height:0.26rem; line-height:0.26rem; border-top:1px solid #CCCCCC; margin-top:40px; text-align:center; font-size:0.09rem; color:#999999; padding-top:0.1rem}
	.page SPAN{color:#F00; font-weight:bold;}	

	/*按钮式分页*/
	.page_menu{width:95%; height:auto; margin:0 auto; text-align:center; margin-top:20px; font-size:0.08rem!important;}
	.page_menu a{display: inline-block; margin-right:10px; padding:5px 12px 8px 12px; background:#f36f2e; border:1px solid #f36f2e; color:#fff; border-radius:3px;}
	.page_menu a:hover{background:#ff6700; border:1px solid #ff6700; color:#fff; text-decoration:none;}
	.page_menu a.active{border:1px solid #ff6700; background-color:#ff6700; color:#FFF; }
	
	/*button可执行一个链接或是函数<button type="button" class="button_menu" onclick="downup()">尝试一下</button>*/
	.button_menu{ display: inline-block; padding:7px 12px 10px 12px;  background:#f36f2e; font-size:0.08rem!important; color:#fff; border-radius:3px; cursor:pointer;}
	.button_menu:hover{background:#ff6700; color:#fff; text-decoration:none;}
	/*列表分页end*/
	
	/*列表专用_明确分出左右两侧,超出文字隐藏*/
	.fl_list{ width:100%; height:auto; margin:0 auto; border-top:10px solid #EFEFEF; margin-top:0.3rem; padding-top:10px}
	.fl_list li{line-height:0.3rem!important; font-size:0.0938rem!important; 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;}
	
	/*列表专用_带箭头,超出文字隐藏*/
	.ul_list{ width:100%; height:auto;}
	.ul_list li{ height:45px; line-height:45px; font-size:16px; background:url(../img/jt.jpg) no-repeat right center;}
	.ul_list li+li{border-top:1px solid #E6E6E6;}
	.ul_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:#2ca43a; border-radius:50px; color:#fff!important; margin-right:12px;}
	.a_more:hover{ background-color:#ff6700}
	
	/*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}
	
	/*css过度按钮<div class="d_more"><a href="p/">产品中心</a></div>*/
	.f_more{width:140px; height:40px; margin:0 auto; overflow:hidden; background-color:#ececec; border:2px solid #2e3759; text-align:center; border-radius:50px; position:relative; }
	.f_more a{position:absolute; left:0; top:0; width:100%; height:100%; line-height:40px; color:#333; text-align:center; z-index:1; }
	.f_more a:hover{color:#fff;}
	.f_more:before{content: ""; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#2e3759; transition: 0.4s all ease}
	.f_more:hover:before{right:0}
	
	/*a标签带个小块___demo：<a href="/" class="e_more">查看更多 ></a>*/
	.e_more{display:inline-table; padding:15px 40px; border:1px solid #d6000f; background-color:#d6000f; transition: 0.4s all ease; color:#FFF!important}
	.e_more:hover{ background-color:#fff; color:#d6000f!important}
	
	/* 公共按钮 <a href="syjc.html" class="common_more"><span class="text">关于我们</span><span class="icon"></span></a>*/
	.common_more{display:inline-block; padding:0 95px 0 50px; border:1px solid #fff; border-color:rgba(255,255,255,.3); border-radius:10px; position:relative; background:#fff;}
	.common_more span{display:inline-block;}
	.common_more span.text{font-size:16px; line-height:60px; color:#4479c9;}
	.common_more span.icon{width:26px; height:14px; background:url(../img/common_more.png) no-repeat center; position:absolute; top:50%; margin-top:-7px; right:47px; transition:all 0.5s ease;}
	.common_more:hover span.icon{right:35px;}
}