@charset "UTF-8";
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; /*去掉input获取焦点后的外边框*/}
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; } /*防止拖动,影响布局*/
img {border:0; vertical-align:middle; }  /*  去掉图片底测默认的3像素空白缝隙
还可以采用display:block*/
table { border-collapse:collapse; }/*合并边框*/
body {
    font:14px/150% tahoma,Arial,"Microsoft YaHei",'Hiragino Sans GB',sans-serif,'\5b8b\4f53';/*unicode 编码 宋体*/
    color:#333;
    background:#fff;
}
/*清除浮动 -- 减少浏览器渲染负担 -- 推荐*/
.clearfix:before,.clearfix:after{
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}
a{color:#333; text-decoration:none; }
a:hover{color:#333;}
h1,h2,h3,h4,h5,h6{text-decoration:none;font-weight:normal;font-size:100%;}
s,i,em{font-style:normal;text-decoration:none;}
/* ========  基本样式   ======= */
html {
    font-size:100%;
    color:#333;
}
ul {
    margin:0;
    padding:0;
}
li {
    list-style: none;
}
/* ========   工具样式   ======= */
.w {
    width: 1230px;
    margin: 0 auto;
}
.fr {
    float:right !important;
}
.fl {
    float: left !important;
}
.text-right {
    text-align: right !important;
}
.text-left {
    text-align:left !important;
}
.text-center {
    text-align: center !important;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.invisible {
    /*这个属性的作用也是隐藏，只不过，通过这个属性隐藏之后元素所占的位置依旧保留，但是display则不会保留隐藏
    元素之前所占用的位置*/
    visibility: hidden;
}
.text-hide {
    font:0/0 a;
    color:transparent;
    text-shadow: none;
    background-color:transparent;
    border:0;
}
/* ========   浏览器更新提示   ======= */
.browserupgrade {
    margin:0;
    padding:10px;
    color: #666;
    background-color: #ccc;
}
.browserupgrade a {
	color: #2263d4;
}
.browserupgrade a:hover {
	color: #f56a00;
}
.qddl-banner{
	width: 100%;
}
.qddl-banner img{
	width: 100%;
}
.content{
	margin: 100px auto;
}
.title h3{
	font-size: 36px;
	font-weight: 700;
	text-align: center;
	line-height: 36px;
	margin: 80px auto 12px;
}
.title p{
	font-size: 18px;
	text-align: center;
	padding-top: 15px;
	line-height: 26px;
}
.c1,.c2{
	width: 1200px;
	margin: 60px auto;
	display: flex;
}
.c1 li{
	width: 282px;
	height: 250px;
	text-align: center;
	margin-right: 20px;
}
.c1 li h3{
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	padding: 70px 0 20px;
	letter-spacing: 3px;
}
.c1 li span{
	display: block;
	width: 30px;
	height: 4px;
	background: #fff;
	margin: 0 auto;
}
.c1 li p{
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding:30px 15px;
}
.c1 .tp1{
	background: url("../images/tp1.png") no-repeat;
}
.c1 .tp2{
	background: url("../images/tp2.png") no-repeat;
}
.c1 .tp3{
	background: url("../images/tp3.png") no-repeat;
}
.c1 .tp4{
	background: url("../images/tp4.png") no-repeat;
	margin-right: 0;
}
.cptd,.qddl{
	padding-bottom: 10px;
	
}
.cptd .title p{
	color: #666;
	padding-top: 20px;
	line-height: 30px;
}
.c2 li{
	height: 220px;
	border: 1px solid #efefef;
	flex: 1;
	margin-right: 25px;
	cursor: pointer;
	box-shadow: 0px 1px 9px 2px #eaeef3;
	border-radius: 6px;
}
.c2 li:hover{
	transform: scale(1.1);
	transition: all 1s;
}
.c2 li:last-child{
	margin-right: 0;
}
.c2 li img{
	width: 60px;
	height: 60px;
	display: block;
	margin: 30px auto 20px;
}
.c2 li p{
	text-align: center;
	font-weight: 700;
	font-size: 16px
}
.c2 li span{
	padding: 15px;
	display: block;
	text-align: center;
	color: #999;
	font-size: 12px;
}
.xlfs-tel{
	width: 100%;
	height: 260px;
	box-sizing: border-box;
}
.xlfs-tel ul{
	width: 900px;
	margin: 0 auto;
}
/* .xlfs-tel ul li{
	float: left;
	margin-right: 50px;
} */
.ft3{
	height: 120px;
	margin-top: 40px;
	color: #2e313a;
}
.xlfs-tel .ft1{
	width: 556px;
	height: 90px;
	color: #2e313a;
	margin: 0 auto;
	margin-top: 60px;
	/* border-right: 1px solid #999; */
	padding-top: 10px;
	box-sizing: border-box;
	
}
.ft1 img{
	width: 36px;
	float: left;
	margin-right: 15px;
}
.ft1 p{
	font-size: 36px;
	float: left;
	margin-top: 5px;
	padding-bottom: 20px;
	color: #2e313a;
}
.ft1 span{
	font-size: 20px;
	color: #2e313a;
	padding-left: 15px;
	margin-top: 7px;
	float: left;
}
.xlfs-tel .ft3{
	float: right;
}
.ewm{
	float: left;
	margin-right: 50px;
	font-size: 14px;
}
.ewm:nth-child(2){
	margin-right: 0;
}
.ewm img{
	width: 100px;
}
.ewm p{
	text-align: center;
	padding-top: 8px;
}