/*-----------------[初始化]--------------*/
body{color: #333;font-size: 12px;font-family:"微软雅黑","Microsoft Yahei";}
@font-face {
    font-family: 'pf';
    src: url('../font/arial.ttf') format('truetype');
}
a{color: #333; outline:none; text-decoration:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

a:hover{color: #042c46;}
img{max-width: 100%;}
img,.ani{
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
input,textarea,select,button{font-size: 12px;font-family:"微软雅黑","Microsoft Yahei";
    outline: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],button,select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button'],button{cursor: pointer;border:0;}
.tc{text-align:center;}
.tl{text-align:left}
.tr{text-align:right}
.fl{float: left;}
.fr{float: right;}
/*布局*/
/* 清理浮动 */
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clearfix:after{zoom:1;}
.clear{clear: both;}
.rd2{-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.rd3{-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.rd4{-moz-border-radius:4px;-webkit-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
.rd5{-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.rd6{-moz-border-radius:6px;-webkit-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;}
.rd7{-moz-border-radius:7px;-webkit-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;}
.rd8{-moz-border-radius:8px;-webkit-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;}
.rd9{-moz-border-radius:9px;-webkit-border-radius:9px;-ms-border-radius:9px;-o-border-radius:9px;border-radius:9px;}
.rd10{-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
.rd15{-moz-border-radius:15px;-webkit-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;}
.rd20{-moz-border-radius:20px;-webkit-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;}
.rdhalf{-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.rdwhole{-moz-border-radius: 100%; /* Firefox */
  -webkit-border-radius:  100%; /* Safari 和 Chrome */
  border-radius:  100%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
  behavior: url(ie-css3.htc)} 
a{transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s}
.wp{width: 100%; max-width:1200px;margin: 0 auto; }