@charset "utf-8";
/*@font-face {
	font-family: 'Glyphicons Halflings';
	src: url(../fonts/glyphicons-halflings-regular.eot);
	src: url(../fonts/glyphicons-halflings-regular.eot) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}*/


/**初始**/
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {font: normal 14px "Microsoft YaHei";-webkit-text-size-adjust: 100%; font-size: 16px;}
body {padding: 0;margin: 0 auto;font-size: 14px;color: #666;background-color: #fff;font-family: "Microsoft YaHei";
-webkit-text-size-adjust: none;
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight: rgba(0,0,0,0); 
/*控制内容的可选择性*/
-webkit-user-select: none; 
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul, 
li, 
form, 
dl, 
dt, 
dd, 
div, 
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
 .ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
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: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}  
a:hover {color: #47a0ec;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
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; } 

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*2行文本省略号*/
.dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
/*垂直居中,容器设置宽高*/
.ycenter {align-items: center;
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
/*水平居中,容器设置宽高*/
.xcenter {justify-content: center;
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
/*盒子布局*/
.flexbox{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}

/*弹性布局水平垂直居中 兼容性高*/
.xycenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	-webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
/*弹性布局水平居中 兼容性高*/
.xcenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
/*弹性布局垂直居中 兼容性高*/
.ycenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}

:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.nM{ margin:0;}
.nP{ padding:0;}
*::-webkit-input-placeholder{ color: #999;}    /* 使用webkit内核的浏览器 */
*:-moz-placeholder{ color: #999;}                  /* Firefox版本4-18 */
*::-moz-placeholder{ color: #999;}                  /* Firefox版本19+ */
*:-ms-input-placeholder{ color: #999;}           /* IE浏览器 */
/**字体大小**/
.fz_24{ font-size:24px;}
.fz_20{ font-size:20px;}
.fz_18{ font-size:18px;}
.fz_16{ font-size:16px;}
.fz_14{ font-size:14px;}
.fz_12{ font-size:12px;}
@media(max-width:1240px){
	.fz_24{ font-size:22px;}
}
@media(max-width:1024px){
	.fz_24{ font-size:20px;}
	.fz_18{ font-size:16px;}
}
@media(max-width:768px){
	.fz_24{ font-size:18px;}
	.fz_18{ font-size:14px;}
}
@media(max-width:488px){
	.fz_24{ font-size:16px;}
}
/**初始 End**/

.auto{ margin: 0 auto; width: 100%;padding:0px 80px;clear: both;}
@media(max-width:1640px){
	.auto{ padding-left: 60px; padding-right: 60px;}
}
@media(max-width:1366px){
	.auto{ padding-left: 40px; padding-right: 40px;}
}
@media(max-width:1240px){
	.auto{ padding-left: 30px; padding-right: 30px;}
}
@media(max-width:1024px){
	.auto{ padding-left: 15px; padding-right: 15px;}
}

.index-tit{ text-align: center; padding: 68px 0 38px; position: relative;}
.index-tit:before {
    position: absolute;
    bottom: 15px;
    left: 50%;
    width: 32px;
    height: 3px;
    content: '';
    margin-left: -16px;
    background: #a4141d;
}
.index-tit .line{ width: 28px; height: 5px; margin: 0 auto; background: #ff3366; position: absolute; top: 0; left: 50%; margin-left: -14px;}
.index-tit>span{ display: block; color: #333; font-size: 30px; font-weight: 600; line-height: 1;}
.index-tit .cn{ padding-top: 10px;font-size:14px;color:#999}
.index-tit .cn em{ font-style: normal; color: #ff3366;}
.index-tit .en{font-family: Tahoma,arial;  text-transform: uppercase;}
.index-tit .en em{ font-style: normal; font-weight:300; padding-left: 10px;}
@media(max-width:1240px){
	.index-tit{ padding: 44px 0 22px;}
	.index-tit>span{ font-size: 24px;}
	.index-tit .cn{ padding-top: 15px;}
}
@media(max-width:1000px){
	.index-tit{ padding: 34px 0 19px;}
	.index-tit>span{ font-size: 20px;}
	.index-tit .cn{ padding-top: 10px;}
}

.index-more{ display: block; text-align: center; padding: 60px 0;}
.index-more a{ display: inline-block; font-size: 18px; color: #a4141d; border:1px solid #a4141d; padding: 8px 24px; line-height: 0.95;}
.index-more a:hover{ background: #a4141d; color: #fff;}
@media(max-width:1240px){
	.index-more{ padding: 40px 0;}
	.index-more a{font-size: 16px;}
}
@media(max-width:1000px){
	.index-more{ padding: 30px 0;}
	.index-more a{font-size: 14px;}
}

.pic-list{ overflow: hidden;min-height: 400px;}
.pic-list .ul{ margin: 0 -10px;}
.pic-list li{ float: left; width: 33.3334%; padding: 10px;}
.index-section2 .list2.pic-list li:nth-child(3){ clear: both; }
.pic-list li .pic{ overflow: hidden; position: relative;}
.pic-list li .pic .href{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;	}
.pic-list li .Ispic{ display: block; /* padding-bottom: 67%; */}
.pic-list li .word{ padding: 0 5%; color: #333; font-size: 14px; text-align: center; line-height: 1.25;}
.pic-list li .word h3{ font-weight: normal; margin: 15px 0 10px; font-size: 15px;}
.pic-list li .word h3 a{ color: #333;}
.pic-list li .word h3 a:hover{ color: #ff3366;}
.pic-list li .word>span{ display: block;}
.pic-list li .word figure{ color: #999; font-size: 12px; line-height: 1.85; height:5.55em; overflow:hidden;}
.pic-list li .layer{ position: absolute; bottom:0; width: 100%; height: 100%; left: 0; overflow: hidden;
    background: rgba(0, 0, 0, 0.5) !important; /* IE无效，FF有效 */filter: alpha(opacity=50); opacity: 0;}
.pic-list li .layer figure{ padding: 4% 8%; text-align: left; position: absolute; bottom: 0; left: 0; width: 100%; line-height: 1.85; font-size: 14px; color: #fff; opacity: 1;}
.pic-list li .Ispic{ /* padding-bottom: 58%; */ padding-bottom: 16.35rem;}
@media (min-width:1367px) {
	.pic-list li .Ispic{ padding-bottom: 20rem;}
}
@media(max-width:1000px){
	.pic-list li{ padding: 5px;}
}
@media(max-width:767px){
	.pic-list li{width: 50%;}
	.pic-list li .word figure{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
}
@media(max-width:640px){
	.pic-list .ul{ margin: 0;}
	.pic-list li{width: 100%; padding: 10px 0;}
	.pic-list li .Ispic{padding-bottom: 10.8rem;}
	.pic-list li .word figure {height:auto;}
}
.pic-list1 li .word{ text-align: left; padding: 0;}
.pic-list1 li .word h3{ margin-bottom: 0;line-height: 1.85; margin-top: 15px;}

.link-list{overflow: hidden;}
.link-list .ul{ margin: 0 -2%;}
.link-list li{ margin:1% 2%; float: left; width:12.285%;}
.link-list li .Ispic{ padding-bottom:57%; display: block;position: relative;}
.link-list li .layer{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: rgba(0, 0, 0, 0.4) !important;filter: alpha(opacity=50); display: flex; align-items: center; opacity: 0;}
.link-list li .layer figure{ text-align: center; position: relative ;z-index: 1; color: #fff; padding: 15px;}
.link-list li h3{ font-size: 14px; margin: 10px 0 0; font-weight: normal;}
.link-list li h3 a{ color: #999; text-align: center;}
.link-list li .Ispic:hover .layer{ opacity: 1;}
@media(max-width:1240px){
	.link-list li{ width: 16%;}
}
@media(max-width:1024px){
	.link-list li{ width: 21%;}
}
@media(max-width:767px){
	.link-list li{ width: 29.3334%;}
}

.popup{ position: fixed; top: 0; left: 0; z-index: 99;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000; width: 100%; height: 100%; display: none;}
.popup-table-type{ display: table;  text-align: center; width: 100%; height: 100%;}
.popup-table-cell{ display: table-cell; vertical-align: middle; height: 100%; width: 100%;}
.popup-container{ box-shadow: 0 0 27px 29px rgba(0,0,0,0.11); border-radius: 20px; background: #f6f6f6 url(../images/popup_bg.jpg) no-repeat center top; max-width:500px; width: 90%; height: 315px; margin:auto; padding: 24px; position: relative;}
.popup .closed{ position: absolute;top: 27px; right: 15px; cursor: pointer;}
.popup .closed:before{ content: "×"; font-family: "宋体"; font-size: 22px; color: #999;  }
.popup .form{ width: 220px;}
.popup .form .tit{ color: #ff3366; font-size: 20px; padding-bottom: 20px; line-height: 1;}
.popup .form dl{ padding: 10px 0;}
.popup .form dl .text,
.popup .form dl select{ background: #fff; border: 1px solid #ededed; line-height: 33px; height: 35px; display: block; padding: 0 10px; width: 100%;}
.popup .form .btns{ text-align: center; padding-top: 23px;}
.popup .form .btn{ display: inline-block; width: 130px; height: 35px; line-height: 35px; color: #fff; background: #ff3366; border-radius: 35px; font-size: 14px; cursor: pointer; border: none; text-align: center;}



@media(max-width:500px){
.popup .form{ width: 51%;}
}