@charset "utf-8";

/*@font-face{font-family:AlibabaPuHuiTi-2-65-Medium;src:url(../fonts/AlibabaPuHuiTi_2_65_Medium.eot);src:url(../fonts/AlibabaPuHuiTi_2_65_Medium.eot?#iefix) format('embedded-opentype'),url(../fonts/AlibabaPuHuiTi_2_65_Medium.woff2) format('woff2'),url(../fonts/AlibabaPuHuiTi_2_65_Medium.woff) format('woff'),url(../fonts/AlibabaPuHuiTi-2-65-Medium.ttf) format('truetype'),url(../fonts/AlibabaPuHuiTi_2_65_Medium.svg#novecentowide-bold-webfont) format('svg')}*/

html {

	width: 100%;

	margin: 0;

	padding: 0;

	-ms-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%;

}

body {

	width:100%;

	margin: 0 auto;

	font-family:AlibabaPuHuiTi-2-55-Regular;

	font-size: 14px;

	margin: 0;

	padding: 0;

	color: #000000;

	line-height: 200%;

}

img {

	border: none;

}

dl,dt,dd {

	display: block;

	margin: 0;

}

p,ul,li,form,h1,h2,h3,h4,h5,h6,dl,dd {

	margin: 0;

	padding: 0;

	list-style: none;

}

input,textarea{font-family:AlibabaPuHuiTi-2-55-Regular;font-family:AlibabaPuHuiTi-2-55-Regular;}

a {

	color: #000000;

	text-decoration: none !important;

	cursor: pointer;

	background: transparent;

	outline: none;

	blr: expression(this.onFocus=this.blur());

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-ms-transition: 0.5s;

	-o-transition: 0.5s;

	transition: 0.5s; 

}

a img {

	border: none;

}

a:hover {

	color: #000000;

}


footer,header{display:block}

*{-webkit-box-sizing:border-box;box-sizing:border-box;}


img {

	border: none; max-width: 100%;-webkit-user-drag:none;

}

.cf:after{content:""; display:block; height:0; clear:both;}

.wrap { width: 1200px;margin: 0 auto; overflow: hidden;}

/*》》》》》》》》》》flex布局《《《《《《《《《《*/

.flex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}

.flex_item{-webkit-box-flex: 1;-moz-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex:1;}

.flex-row {flex-direction: row;}

.flex-col {flex-direction: column;}

.justify-center {justify-content: center;}

.justify-end {justify-content: flex-end;}

.justify-evenly {justify-content: space-evenly;}

.justify-around {justify-content: space-around;}

.justify-between {justify-content: space-between;}

.items-center {align-items: center;}

.items-end {align-items: flex-end;}

/*自定义滚动条*/

::-webkit-scrollbar{width:5px;height:5px;}

::-webkit-scrollbar-button:vertical{display:none;}

::-webkit-scrollbar-track:vertical{background-color:black}

::-webkit-scrollbar-track-piece{background:#fff;}

::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}

::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B;}

::-webkit-scrollbar-corner:vertical{background-color:#535353;}

::-webkit-scrollbar-resizer:vertical{background-color:#0054A7;}



.fadeInUp50 {

  -webkit-animation-name: fadeInUp50;

  -moz-animation-name: fadeInUp50;

  -ms-animation-name: fadeInUp50;

  animation-name: fadeInUp50;

}

@-webkit-keyframes fadeInUp50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    -moz-transform: translate3d(0, 50px, 0);

    -ms-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-moz-keyframes fadeInUp50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    -moz-transform: translate3d(0, 50px, 0);

    -ms-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-o-keyframes fadeInUp50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    -moz-transform: translate3d(0, 50px, 0);

    -ms-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@keyframes fadeInUp50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    -moz-transform: translate3d(0, 50px, 0);

    -ms-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.fadeInLeft50 {

  -webkit-animation-name: fadeInLeft50;

  -moz-animation-name: fadeInLeft50;

  -ms-animation-name: fadeInLeft50;

  animation-name: fadeInLeft50;

}

@-webkit-keyframes fadeInLeft50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-moz-keyframes fadeInLeft50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-o-keyframes fadeInLeft50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@keyframes fadeInLeft50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

.fadeInDown50 {

  -webkit-animation-name: fadeInDown50;

  -moz-animation-name: fadeInDown50;

  -ms-animation-name: fadeInDown50;

  animation-name: fadeInDown50;

}

@-webkit-keyframes fadeInDown50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-moz-keyframes fadeInDown50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-o-keyframes fadeInDown50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@keyframes fadeInDown50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

.fadeInRight50 {

  -webkit-animation-name: fadeInRight50;

  -moz-animation-name: fadeInRight50;

  -ms-animation-name: fadeInRight50;

  animation-name: fadeInRight50;

}

@-webkit-keyframes fadeInRight50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(50px, 0, 0);

    -moz-transform: translate3d(50px, 0, 0);

    -ms-transform: translate3d(50px, 0, 0);

    transform: translate3d(50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-moz-keyframes fadeInRight50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(50px, 0, 0);

    -moz-transform: translate3d(50px, 0, 0);

    -ms-transform: translate3d(50px, 0, 0);

    transform: translate3d(50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-o-keyframes fadeInRight50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(50px, 0, 0);

    -moz-transform: translate3d(50px, 0, 0);

    -ms-transform: translate3d(50px, 0, 0);

    transform: translate3d(50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@keyframes fadeInRight50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(50px, 0, 0);

    -moz-transform: translate3d(50px, 0, 0);

    -ms-transform: translate3d(50px, 0, 0);

    transform: translate3d(50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

/*》》》》》》》》》》flex布局《《《《《《《《《《*/
.flex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.flex_item{-webkit-box-flex: 1;-moz-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex:1;}
.flex-row {flex-direction: row;}
.flex-col {flex-direction: column;}
.justify-center {justify-content: center;}
.justify-end {justify-content: flex-end;}
.justify-evenly {justify-content: space-evenly;}
.justify-around {justify-content: space-around;}
.justify-between {justify-content: space-between;}
.items-center {align-items: center;}
.items-end {align-items: flex-end;}



.banner img{ display: block; width: 100%; height: auto;}

.bg{ clear: both;width: 100%;background:#feefd0 url(../images/bg.jpg) no-repeat bottom center; padding-bottom: 50px;}
.content{ padding-top: 65px;}
.mTit{ font-size: 22px; line-height: 32px; height: 41px; font-weight: bold; color: #141414; margin-bottom: 38px;background: url(../images/icon01.jpg) no-repeat left bottom;}
.news-list{margin-bottom:70px;}
.news-list .list1{ margin-bottom: 25px;}
.news-list .list1 .li{ width: 31.2%; height: 558px; float: left; margin-right: 3.2%; background: #fff;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.news-list .list1 .li:nth-child(3n){ margin-right:0;}
.news-list .list1 .li a{ display: block; width: 100%; height: 100%; padding:38px 25px 30px 25px;}
.news-list .list1 .li .d1{ font-size: 15px; line-height: 26px; color: #000; margin-bottom: 8px;}
.news-list .list1 .li .d2{ font-size: 18px; height: 48px; margin-bottom: 15px; line-height: 24px; color: #000; font-weight: bold;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.news-list .list1 .li .d3{ width: 100%; height: 220px; overflow: hidden; margin-bottom: 26px;}
.news-list .list1 .li .d3 img{ display: block; width: 100%; height: 100%;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.news-list .list1 .li .d4{ width: 100%;font-size: 14px; line-height: 22px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.news-list .list1 .li .d5{ width: 100%;font-size: 14px; line-height: 30px; font-weight: bold; border-top: 1px solid #000; margin-top: 28px; padding-top: 16px;background: url(../images/icon02.png) no-repeat right center;}
.news-list .list1 .li:hover{background: url(../images/icon03.png) no-repeat center center;}
.news-list .list1 .li:hover .d1{ color: #fff;}
.news-list .list1 .li:hover .d2{ color: #fff;}
.news-list .list1 .li:hover .d3 img{transform: scale(1.08);}
.news-list .list1 .li:hover .d4{ color: #fff;}
.news-list .list1 .li:hover .d5{ color: #fff; border-top: 1px solid #fff;background: url(../images/icon02-on.png) no-repeat right center;}


.news-list .list2{clear:both;}
.news-list .list2 .li{ width: 100%; height: 155px; margin-bottom: 20px; background: #fff;}
.news-list .list2 .li a{display: block; width: 100%; height: 100%; padding:30px 25px 0 25px; }
.news-list .list2 .li .li_1{ width: 100%; height: 90px;}
.news-list .list2 .li .liL{ width: 11%; height: 100%; float: left;font-size: 15px; line-height: 24px; font-weight:bold; color: #f7b22b;}
.news-list .list2 .li .liL_2{ color: #e5293c;}
.news-list .list2 .li .liR{ width: 66%; float: left;}
.news-list .list2 .li .liR .t1{ width: 100%; font-size: 18px; line-height: 26px; font-weight: bold;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom: 8px; }
.news-list .list2 .li .liR .t2{font-size: 14px; line-height: 22px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.news-list .list2 .li .li_2{ clear:both; width: 100%; text-align: right; font-size: 14px; line-height: 22px; font-weight: bold;}

.news-content{ width: 1100px; padding-top:50px;}
.newsdetail-content{line-height:32px; font-size: 16px; }
.newsdetail-content p { margin-bottom:15px;}
.newsdetail-content img { max-width:100%; display: block;}
.newsdetail-title { width: 100%; overflow: hidden; padding: 8px 0 20px 0;border-bottom:1px solid #ddd; margin-bottom: 34px; text-align:center }
.newsdetail-title .title { font-weight:normal; font-size: 34px; line-height: 44px; margin-bottom: 10px; }
.newsdetail-title .info { color: #8695a0; }

@media (max-width:1200px) {
	.wrap{width:94%;}
	.content{padding-top:40px;}
	.bg{padding-bottom:0;}
	.mTit{ font-size: 18px; line-height: 30px; height: 38px; margin-bottom: 25px;}
	.news-list{margin-bottom:50px;}
	.news-list .list1 .li{width:100%; height: auto;float: inherit; margin-right: 0; margin-bottom: 10px;}
	.news-list .list1 .li a{ padding: 4% }
	.news-list .list2 .li .li_1{ height: auto;}
	.news-list .list2 .li .liL{width:100%;float: inherit; margin-bottom: 5px;}
	.news-list .list2 .li .liR{width:100%;float: inherit;}
	.news-list .list2 .li a{padding:4%}
	.news-list .list2 .li .liR .t1{font-size: 16px; line-height: 26px;}
	.news-list .list1 .li .d2{font-size: 16px; line-height: 26px; height: 52px; margin-bottom: 10px;}
	.news-list .list1 .li .d3 {height:auto}
	.news-list .list1 .li .d3 img{height:auto}
	.news-list .list2 .li{margin-bottom: 12px; height: auto;}
	.news-list .list1{margin-bottom: 18px;}
	.news-list .list2 .li .li_2{text-align:left; padding-top: 8px;}
}