@charset "utf-8";
/* CSS Document */
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
.ul, 
form, 
dl, 
dt, 
dd,  
.ol,
figure,
aside,
menu,
nav,
.p,
.h1,.h2,.h3,.h4,.h5{padding: 0;margin: 0;}
.h1,.h2,.h3,.h4,.h5{ font-weight:normal;}
.ul,
.ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #555;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}  
a:hover {color: #0378bb;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
.ul li em,
.ul li i{ font-style:normal}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	margin:0;
	font-family: "Microsoft YaHei";
/*	text-align:justify;
	text-justify:inter-ideograph;*/
	}
	
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 

div.box-absolute{ position:absolute; width:100%; height:100%; z-index:10}
div.table{ display:table; width:100%; height:100%; table-layout: fixed;}
div.table-cell{ display:table-cell; vertical-align:middle;}

.row {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display:block}
.row1,.row2, .row3, .row4, .row5, .row6 {display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical;}
.row1 {	-webkit-line-clamp: 1;}
.row2 {	-webkit-line-clamp: 2;}
.row3 {	-webkit-line-clamp: 3;}
.row4 {	-webkit-line-clamp: 4;}
.row5 {	-webkit-line-clamp: 5;}
.row6 {	-webkit-line-clamp: 6;}
.fl{ float:left}
.fr{ float:right}

.auto{ margin:0 auto; position:relative}
.auto_1440{ max-width:1470px; padding:0 15px}
.auto_1680{ max-width:1680px;}

.f-30{ font-size:30px; line-height:36px;}
.f-24{ font-size:24px;}
.f-18{ font-size:18px; line-height:32px;}
.f-16{ font-size:16px; line-height:30px;}
.f-12{ font-size:12px;}
@media(max-width:960px){
.f-30{ font-size:22px; line-height:30px;}
.f-24{ font-size:18px;}
.f-18{ font-size:16px; line-height:25px;}
.f-16{ font-size:15px; line-height:24px;}
}
@media(max-width:640px){
.f-30{ font-size:20px; line-height:26px;}
}

.more_all{ padding-top:20px;}
.more_all a{ font-size:16px; text-indent:30px; display:block; width:180px; line-height:56px; border-radius:100px; background:no-repeat 84% center;transition:transform 0.6s; }
.more_all a:hover{box-shadow:3px 3px 10px 5px rgba(0,0,0,0.2)}
.more_all a.blue{ color:#fff; background-color:#014099; background-image:url(../images/more_jt.png)}
.more_all a.white{ color:#fff; border:solid 1px #fff; line-height:44px; background-image:url(../images/more_jt.png)}
.more_all a.white:hover{background-color:#014099; border-color:#014099;}
.more_all a.gray{ border:solid 1px #dddddd; line-height:52px; background-image:url(../images/more_jt2.png)}
@media(max-width:960px){
.more_all{ padding-top:10px;}
.more_all a{ font-size:14px; text-indent:20px; width:140px; line-height:40px;}
.more_all a.white{ line-height:32px;}
.more_all a.gray{ line-height:34px; }
}

.about_editor{ padding:6% 0; background:url(../images/about_bg.jpg) no-repeat center center; background-size:contain}
.about_editor .intro{ font-size:16px; line-height:30px; float:left; width:50%;}
.about_editor .intro .h1{ font-size:30px; color:#023894; padding-bottom:2%}
.about_editor .intro .h2{ font-size:24px; padding-bottom:3%}
.about_editor .intro .txt2{ padding-top:7%}
.about_editor .intro .txt2 ul li{ float:left; width:25%; color:#014099;}
.about_editor .intro .txt2 ul li b{ font-size:48px; display:inline-block;font-family:Impact Regular; font-weight:normal}
.about_editor .intro .txt2 ul li em{ display:inline-block}
.about_editor .intro .txt2 ul li span{ display:block; color:#999}
.about_editor .photo{ float:right; width:44.792%; padding-top:4%}
@media(max-width:1200px){
.about_editor .intro .txt2 ul li{ padding:2% 0; width:50%}
.about_editor .intro .txt2 ul li b{ font-size:30px;}
.about_editor .intro .txt2 ul li em{ line-height:16px;}
}
@media(max-width:768px){
.about_editor .intro,
.about_editor .photo{ float:none; width:100%}
.about_editor .intro{ font-size:14px; line-height:24px;padding-bottom: 10px;}
.about_editor .intro .h1{ font-size:24px;}
.about_editor .intro .h2{ font-size:16px;}
}