@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:16px;
	color:#000;
	background: #f7f8fc;
}

a{
	color:#000;
}

a:hover{
	text-decoration: none;
	color: #032c7e !important;
}

img{
	display:block;
	max-width: 100%;
	max-height: 100%;
}

.wrapper{
	width:100%;
	min-width:1200px;
	max-width:1920px;
	margin:0px auto;
	overflow:hidden;
}

.w1200{
	width:1200px;
	margin:0px auto;
}

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

.fw a:hover{
	color: #dfdfdf !important;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}

.photo{
	position: relative;
	overflow: hidden;
}

.photo img{
	width: 100%;
	height: 100%;
}

.photo2{
	position: relative;
	overflow: hidden;
}

.photo2 img{
	width: 100%;
	height: 100%;
	transition: transform 0.2s;
}

.photo2:hover img{
	transform: scale(1.02,1.02);
}

.topic1{
	text-align: center;
	position: relative;
}

.topic1 img{
	display: inline-block;
	vertical-align: top;
}

.topic1 .more{
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 28px;
	line-height: 28px;
	color: #d5d7da;
}

#to-top{
	position: fixed;
	width: 82px;
	height: 80px;
	right: 1.3%;
	bottom: 3%;
	z-index: 99;
}

#phone-top{
	display: none;
}

#top{
	position: absolute;
	width: 100%;
	height: 136px;
	padding-top: 27px;
	left: 0px;
	top: 0px;
	font-size: 18px;
	z-index: 99;
}

#top .logo{
	float: left;
	margin-left: 3.2%;
	margin-top: -15px;
}

#top .right{
	margin-right: 1.5%;
}

#top .lang{
	float: right;
}

#top .lang .btn{
	float: left;
	width: 42px;
	height: 26px;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 3px;
	margin-left: 15px;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	transition: background 0.2s;
}

#top .lang .btn.on,#top .lang .btn:hover{
	background: rgba(255,255,255,0.2);
	border-color: rgba(255,255,255,0.2);
}

#top .nav{
	float: left;
}

#top .nav li{
	float: left;
	height: 35px;
	margin-right: 30px;
	position: relative;
	overflow: visible;
}

#top .nav li span{
	display: inline-block;
	vertical-align: top;
	line-height: 30px;
}

#top .nav i{
	position: absolute;
	width: 0px;
	height: 3px;
	bottom: 0px;
	left: 50%;
	margin-left: -17px;
	transition: all 0.2s;
	z-index: 9;
}

#top .nav .on i{
	background: #e2e0d8;
	width: 34px;
}

#top .nav li:hover i{
	background: #e2e0d8;
	width: 34px;
}

#top .nav dl{
	position: absolute;
	top: 33px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	background: #e72429;
	border-radius: 5px;
	padding: 0px 18px;
	height: 0px;
	overflow: hidden;
	transition: all 0.2s;
}

#top .nav dl dd{
	line-height: 36px;
	height: 36px;
	white-space:nowrap;
}

#top .nav li:hover dl{
	height: auto;
	padding: 13px 18px;
}

#header{
	position: relative;
}

#header .bg{
	position: relative;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
}

#header .bg img{
	width: 1920px;
	max-width: none;
}

#phone-btn{
	display: none;
}

#footer{
	background: #032c7e;
	padding: 75px 0px 75px 0px;
}

#footer .w1200{
	position: relative;
}

#footer .logo{
	position: absolute;
	left: 0px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

#footer .text{
	float: right;
	line-height: 30px;
	opacity: 0.8;
}

#footer .qrcode{
	float: right;
	margin-left: 20px;
}


#layout1{
	padding-bottom: 45px;
	margin-top: -80px;
	position: relative;
	z-index: 9;
}

#layout1 .w1200{
	background: #fff;
	border-radius: 6px;
	box-shadow: 0px 5px 10px rgba(234,235,239,0.4);
	overflow: hidden;
}

#layout1 .headline{
	text-align: center;
	padding: 35px 20px 25px 20px;
}

#layout1 .headline h2{
	font-size: 36px;
	height: 40px;
	line-height: 40px;
}

#layout1 .headline p{
	line-height: 20px;
	height: 20px;
	color: #adadad;
	margin-top: 12px;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#layout1 .headline p a{
	color: #adadad;
	font-weight: bold;
	margin-left: 10px;
}

#layout1 .block2{
	padding: 15px 20px 45px 20px;
}

#layout1 .block2 .focus{
	float: left;
	width: 580px;
	height: 420px;
}

#layout1 .block2 .focus .tag{
	position: absolute;
	left: 0px;
	top: 10px;
	padding: 0px 25px 0px 5px;
	height: 35px;
	line-height: 35px;
	font-size: 24px;
	color: #032c7e;
	background: #fff;
	border-radius: 0px 17px 17px 0px;
	font-weight: bold;
}

#layout1 .block2 .focus .shadow{
	position: absolute;
	width: 100%;
	height: 64px;
	left: 0px;
	bottom: 0px;
	background: url("images/ly1-shadow1.png") repeat-x center bottom;
	background-size: auto 100%;
}

#layout1 .block2 .focus p{
	position: absolute;
	left: 15px;
	bottom: 0px;
	max-width: 450px;
	height: 62px;
	line-height: 62px;
	font-size: 18px;
	z-index: 9;
}

#layout1 .block2 .focus .point{
	position: absolute;
	right: 10px;
	bottom: 26px;
	z-index: 10;
}

#layout1 .block2 .focus .point span{
	float: left;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	margin-right: 10px;
	cursor: pointer;
}

#layout1 .block2 .focus .point .on{
	background: #032c7e;
}

#layout1 .block2 .text{
	float: right;
	width: 535px;
}

#layout1 .block2 .text .title{
	border-top: 1px dotted #e6e6e6;
	border-bottom: 1px dotted #e6e6e6;
	height: 55px;
	line-height: 55px;
}

#layout1 .block2 .text .title span{
	float: left;
	font-size: 24px;
	color: #032c7e;
	font-weight: bold;
}

#layout1 .block2 .text .title .more{
	float: right;
	color: #d4d4d4;
	font-size: 18px;
}

#layout1 .block2 .text .list{
	height: 350px;
	margin-top: 12px;
}

#layout1 .block2 .text .list td{
	border-bottom: 1px dotted #e6e6e6;
	font-size: 20px;
	line-height: 30px;
}

#layout1 .block4{
	padding: 0px 20px;
	height: 68px;
	line-height: 68px;
	background: #f6f8fc;
}

#layout1 .block4 span{
	float: left;
	font-size: 24px;
	font-weight: bold;
	color: #032c7e;
}

#layout1 .block4 .text{
	float: left;
	margin-left: 25px;
	color: #032c7e;
	font-size: 18px;
	width: 960px;
}

#layout1 .block4 .text a{
	color: #032c7e;
}

#layout1 .block4 .more{
	float: right;
	background: url("images/ly1-more.png") no-repeat right center;
	padding-right: 21px;
	color: #acadb0;
}

#layout1 .block3{
	padding: 25px 20px 25px 20px;
}

#layout1 .block3 .title{
	float: left;
	width: 46px;
	height: 297px;
}

#layout1 .block3 .main{
	float: right;
	width: 1110px;
	height: 297px;
}

#layout1 .block3 .main li{
	float: left;
	width: 183px;
	height: 297px;
	margin-left: 2px;
}

#layout1 .block3 .main .shadow{
	position: absolute;
	width: 100%;
	height: 88px;
	left: 0px;
	bottom: 0px;
	background: url("images/ly1-shadow2.png");
}

#layout1 .block3 .main .text{
	position: absolute;
	left: 12px;
	width: 159px;
	bottom: 8px;
	z-index: 9;
}

#layout1 .block3 .main .text span{
	display: inline-block;
	vertical-align: top;
	background: #c00;
	border-radius: 2px;
	width: 56px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
}

#layout1 .block3 .main .text p{
	line-height: 20px;
	font-size: 14px;
	margin-top: 6px;
}

#layout2{
	background: url("images/ly2-bg.jpg") no-repeat center center;
	background-size: cover;
}

#layout2 .w1200{
	padding: 65px 0px;
}

#layout2 .main{
	line-height: 28px;
	margin-top: 30px;
}

#layout2 .main a{
	font-weight: bold;
	margin-left: 15px;
}

#layout3{
	padding: 35px 0px 35px 0px;
}

#layout3 .main{
	background: #fff;
	border-radius: 6px;
	box-shadow: 0px 0px 10px rgba(234,235,239,0.4);
	overflow: hidden;
	margin-top: 30px;
}

#layout3 .main .top{
	padding: 15px 30px 0px 30px;
	height: 50px;
	line-height: 50px;
}

#layout3 .main .top .tab{
	float: left;
}

#layout3 .main .top .tab li{
	float: left;
	font-size: 22px;
	color: #a3a3a3;
	margin-right: 55px;
	height: 50px;
	cursor: pointer;
	overflow: visible;
	position: relative;
	z-index: 9;
}

#layout3 .main .top .tab .active{
	font-size: 33px;
	line-height: 40px;
	color: #000;
}

#layout3 .main .top .tab .active i{
	position: absolute;
	width: 31px;
	height: 31px;
	background: url("images/ly3-tab.png");
	bottom: -15px;
	left: 50%;
	margin-left: -15px;
}

#layout3 .main .top p{
	float: right;
	color: #bcbcbc;
}

#layout3 .main .show{
	background: url("images/ly3-bg.jpg") no-repeat center center;
	background-size: cover;
	position: relative;
	padding: 37px 0px 30px 0px;
	height: 312px;
	overflow: hidden;
}

#layout3 .main .show .bar{
	float: right;
	width: 5px;
	height: 312px;
	border-radius: 2px;
	background: rgba(255,255,255,0.04);
	margin-right: 25px;
	position: relative;
}

#layout3 .main .show .bar i{
	position: absolute;
	width: 100%;
	border-radius: 2px;
	cursor: pointer;
	background: rgba(35,183,255,0.53);
	transition: background 0.2s;
}

#layout3 .main .show .bar i:hover{
	background: rgba(35,183,255,0.8);
}

#layout3 .main .show .list{
	width: 1146px;
	margin-left: 6px;
}

#layout3 .main .show .list li{
	height: 42px;
	line-height: 42px;
	background: url("images/ly3-list.png");
	margin-bottom: 12px;
	padding: 0px 0px 0px 48px;
}

#layout3 .main .show .list h4{
	float: left;
	font-size: 18px;
	width: 365px;
	font-weight: normal;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

#layout3 .main .show .list .time{
	float: left;
	width: 210px;
	margin-left: 15px;
	color: #dee1ec;
	background: url("images/ly3-icon1.png") no-repeat left center;
	padding-left: 20px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

#layout3 .main .show .list .location{
	float: left;
	width: 225px;
	margin-left: 15px;
	color: #c0c6db;
	background: url("images/ly3-icon2.png") no-repeat left center;
	padding-left: 20px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

#layout3 .main .show .list .link{
	float: left;
	width: 60px;
	margin-left: 15px;
	color: #d8deff;
	background: url("images/ly3-icon3.png") no-repeat left center;
	padding-left: 20px;
	font-weight: bold;
	font-size: 14px;
}

#layout3 .main .show .list .link:hover{
	color: #a8b5ff !important;
}

#layout3 .main .show .list .live{
	float: left;
	margin: 9px 0px 0px 15px;
	width: 80px;
	height: 24px;
	background: #fff;
	border-radius: 12px;
	text-align: center;
	line-height: 24px;
	color: #1b2a74;
	font-size: 14px;
}

#layout3 .main .show .list .live.on{
	background-color: #1aa1e6;
	color: #fff !important;
}

/* Tiny Scrollbar */
.ly3-scroll { width: 1175px;  }
.ly3-scroll .viewport { width: 1146px; height: 312px; overflow: hidden; position: relative; }
.ly3-scroll .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.ly3-scroll .scrollbar{ background:rgba(255,255,255,0.04); position: relative; float: right; width: 5px; border-radius: 2px; }
.ly3-scroll .track {  height: 100%; width:5px; position: relative; padding: 0 1px; }
.ly3-scroll .thumb { background:rgba(76,100,198,0.53);  height: 120px; width: 5px; border-radius: 2px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
.ly3-scroll .thumb .end { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
.ly3-scroll .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#layout4{
	padding: 35px 0px 35px 0px;
}

#layout4 .main{
	position: relative;
	margin-top: 30px;
}

#layout4 .main .arrow1,#layout4 .main .arrow2{
	position: absolute;
	width: 37px;
	height: 48px;
	cursor: pointer;
	top: 203px;
	transition: all 0.2s;
}

#layout4 .main .arrow1{
	left: -80px;
	background: url("images/ly4-arrow1.png");
}

#layout4 .main .arrow1:hover{
	left: -85px;
}

#layout4 .main .arrow2{
	right: -80px;
	background: url("images/ly4-arrow2.png");
}

#layout4 .main .arrow2:hover{
	right: -85px;
}

@media screen and (max-width:1360px) {
	#layout4 .main .arrow1,#layout4 .main .arrow2{ top: 365px; }
	#layout4 .main .arrow1{ left: 245px; }
	#layout4 .main .arrow1:hover{ left: 240px; }
	#layout4 .main .arrow2{ right: 245px; }
	#layout4 .main .arrow2:hover{ right: 240px; }
}

#layout4 .main .list{
	height: 720px;
	overflow-y: auto;
	margin-left: -10px;
}

#layout4 .main .list li{
	float: left;
	width: 235px;
	height: 350px;
	margin: 10px 0px 0px 0px;
	position: relative;
}

#layout4 .main .list .photo2{
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -85px;
	border: 6px solid rgba(212,207,187,0.22);
	width: 170px;
	height: 170px;
	border-radius: 50%;
	transition: border-color 0.2s;
	z-index: 9;
}

#layout4 .main .list .photo2 img{
	border: 4px solid #fff;
	width: 162px;
	height: 162px;
	border-radius: 50%;
}

#layout4 .main .list .text{
	position: absolute;
	left: 10px;
	bottom: 10px;
	height: 129px;
	width: 181px;
	padding: 90px 20px 0px 20px;
	background: url("images/ly4-bg.png");
	box-shadow: 0px 0px 10px rgba(234,235,239,0.4);
	border-radius: 6px;
	transition: background 0.2s;
}

#layout4 .main .list .text h3{
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	text-align: center;
}

#layout4 .main .list .text p{
	color: #939498;
	line-height: 20px;
	margin-top: 10px;
}

#layout4 .main .list li:hover .photo2{
	border-color: rgba(255,255,255,0);
}

#layout4 .main .list li:hover .text{
	background: #063291;
}

#layout4 .main .list li:hover .text h3{
	color: #fff;
}

#layout4 .main .list li:hover .text p{
	color: #9badd3;
}

#layout4 .bottom{
	height: 5px;
	margin-top: 25px;
	text-align: center;
}

#layout4 .bottom .point{
	display: inline-block;
	vertical-align: top;
	border-radius: 2px;
	height: 5px;
}

#layout4 .bottom .point span{
	display: inline-block;
	vertical-align: top;
	width: 8px;
	height: 5px;
	background-color:rgba(204,201,201,0.2);
}

#layout4 .bottom .point .on{
	background: #c00;
	border-radius: 2px;
	transform: scale(3.2,1);
}

#layout5{
	padding: 35px 0px 0px 0px;
	background: url("images/ly5-bg.jpg") repeat-x center bottom;
}

#layout5 .main{
	padding-bottom: 35px;
	margin-top: 30px;
	background-size: auto 100%;
}

#layout5 .main .video{
	margin-top: 30px;
	border-radius: 6px;
}

#layout5 .main .video{
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0px 0px 10px rgba(234,235,239,0.4);
	position: relative;
}

#layout5 .main .video video{
	width: 100%;
	height: auto;
}

#layout5 .main .video .shadow{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 63px;
	background: url("images/ly5-shadow.png");
}

#layout5 .main .video p{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 62px;
	line-height: 62px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	z-index: 9;
}

#layout5 .main .video p i{
	display: inline-block;
	vertical-align: top;
	width: 76px;
	height: 22px;
	background: url("images/ly5-live.png");
	margin: 20px 10px 0px 0px;
}

#layout5 .main .video p span{
	display: inline-block;
	vertical-align: top;
}

#layout5 .main .video .play{
	position: absolute;
	width: 95px;
	height: 84px;
	left: 50%;
	top: 50%;
	margin: -42px 0px 0px -47px;
	background: url("images/ly5-play.png");
}

#layout5 .main .block2{
	margin-top: 35px;
}

#layout5 .main .block2 .side{
	float: left;
	width: 211px;
	height: 318px;
	padding: 28px 40px 0px 40px;
	background: url("images/ly5-block2-bg.jpg");
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0px 0px 10px rgba(234,235,239,0.4);
	position: relative;
}

#layout5 .main .block2 .side h3{
	font-size: 28px;
	line-height: 40px;
	margin-bottom: 8px;
}

#layout5 .main .block2 .side p{
	line-height: 20px;
	color: rgba(255,255,255,0.6);
}

#layout5 .main .block2 .side .circle{
	width: 93px;
	height: 93px;
	margin-top: 40px;
	border-radius: 50%;
	transition: box-shadow 0.2s;
}

#layout5 .main .block2 .side .circle:hover{
	box-shadow: 0px 0px 5px #fff inset;
}

#layout5 .main .block2 .list{
	float: right;
	width: 909px;
}

#layout5 .main .block2 .list ul{
	margin-top: -10px;
}

#layout5 .main .block2 .list li{
	float: left;
	width: 243px;
	height: 143px;
	background: url("images/ly5-list.png");
	margin: 10px 0px 0px 10px;
	border-radius: 6px;
	box-shadow: 0px 0px 10px rgba(234,235,239,0.4);
	padding: 25px 25px 0px 25px;
}

#layout5 .main .block2 .list h3{
	font-size: 22px;
	line-height: 30px;
	height: 60px;
	font-weight: normal;
}

#layout5 .main .block2 .list p{
	line-height: 20px;
	height: 20px;
	color: #949599;
	margin-top: 5px;
}

#layout5 .main .block2 .list .btn{
	display: inline-block;
	vertical-align: top;
	width: 91px;
	height: 24px;
	line-height: 24px;
	border-radius: 13px;
	border-width: 1px;
	border-style: solid;
	margin-top: 15px;
	text-align: center;
	transition: all 0.2s;
}

#layout5 .main .block2 .list .btn.color1{
	color: #284388;
	border-color: #c5d0e4;
}

#layout5 .main .block2 .list .btn.color2{
	color: #000;
	border-color: #c4c5c7;
}

#layout5 .main .block2 .list .btn:hover{
	background: #063291;
	border-color: #063291 !important;
	color: #fff !important;
}

#layout5 .main .block3 {
  margin-top: 15px;
  position: relative;
}

#layout5 .main .block3 ul {
  /* margin-left: -13px; */
  margin-top: -13px;
}

#layout5 .main .block3 li {
  float: left;
  width: 290px;
  height: 170px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  /* margin: 13px 0px 0px 13px; */
  margin: 13px 5px 0px;
}

#layout5 .main .block3 li .shadow {
  position: absolute;
  width: 100%;
  height: 48px;
  background: url('images/ly5-shadow3.png');
  left: 0px;
  bottom: 0px;
}

#layout5 .main .block3 li p {
  position: absolute;
  left: 20px;
  bottom: 0px;
  width: 250px;
  height: 40px;
  line-height: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 9;
}

#layout5 .main .block3 .arrow1,
#layout5 .main .block3 .arrow2 {
  position: absolute;
  width: 37px;
  height: 48px;
  top: 50%;
  margin-top: -24px;
  cursor: pointer;
  transition: background 0.2s;
  z-index: 9;
}

#layout5 .main .block3 .arrow1 {
  left: -80px;
  background: url('images/ly5-arrow1.png');
}

#layout5 .main .block3 .arrow2 {
  right: -80px;
  background: url('images/ly5-arrow2.png');
}

#layout5 .main .block3 .arrow1:hover {
  background: url('images/ly5-arrow1b.png');
}

#layout5 .main .block3 .arrow2:hover {
  background: url('images/ly5-arrow2b.png');
}

@media screen and (max-width: 1360px) {
  #layout5 .main .block3 .arrow1 {
    left: 0px;
  }
  #layout5 .main .block3 .arrow2 {
    right: 0px;
  }
}

#layout6{
	padding: 50px 0px 0px 0px;
	background: url("images/ly6-bg.jpg") no-repeat center top;
	height: 562px;
}

#layout6 .title{
	float: left;
	margin-top: 50px;
}

#layout6 .list{
	float: right;
	width: 501px;
	height: 234px;
	background: url("images/ly6-list.png");
	margin-top: 67px;
	padding: 35px 55px 0px 75px;
}

#layout6 .list li{
	line-height: 40px;
	height: 40px;
	background: url("images/ly6-li.png") no-repeat left center;
	padding-left: 12px;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#layout6 .list .more{
	margin-top: 20px;
	text-align: right;
	line-height: 18px;
}

#layout6 .list .more a{
	color: #213d81;
}

#layout7{
	padding: 35px 0px 35px 0px;
}

#layout7 .block1{
	margin-top: 30px;
	border: 1px solid #e5e5e5;
	background: #fff;
	height: 38px;
	line-height: 38px;
	border-radius: 20px;
	padding-left: 38px;
}

#layout7 .block1 select{
	float: left;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background: url("images/ly7-arrow.png") no-repeat center right 10px transparent;
	border: none;
	height: 38px;
	line-height: 38px;
	padding: 0px 20px 0px 10px;
	font-size: 16px;
	outline: none;
	width: 200px;
}

#layout7 .block1 .text{
	float: left;
	height: 38px;
	line-height: 38px;
	padding: 0px;
	background: #fff;
	font-size: 16px;
	width: 440px;
	margin-left: 20px;
	outline: none;
	border: none;
}

#layout7 .block1 .text::-webkit-input-placeholder { /* WebKit browsers */  
	color: #cecfd0;
}  
#layout7 .block1 .text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
	color: #cecfd0;
}  
#layout7 .block1 .text::-moz-placeholder { /* Mozilla Firefox 19+ */  
	color: #cecfd0;
}  
#layout7 .block1 .text:-ms-input-placeholder { /* Internet Explorer 10+ */  
	color: #cecfd0;
}  

#layout7 .block1 .line{
	float: left;
	width: 1px;
	height: 18px;
	margin: 10px 48px 0px 48px;
	background: #f2f2f2;
}

#layout7 .block1 .sub{
	float: right;
	width: 96px;
	height: 38px;
	background: url("images/ly7-search.png");
	border-radius: 19px;
	cursor: pointer;
	border: none;
	color: #fff;
	font-size: 16px;
	padding: 0px 15px 0px 39px;
	text-align: center;
	transition: margin 0.1s;
}

#layout7 .block1 .sub:hover{
	margin-right: -3px;
}

#layout7 .list{
	margin-top: 35px;
}

#layout7 .list ul{
	margin-left: -26px;
}

#layout7 .list li{
	float: left;
	width: 280px;
	height: 325px;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0px 0px 10px rgba(234,235,239,0.4);
	margin-left: 26px;
}

#layout7 .list .photo2{
	height: 170px;
}

#layout7 .list .text{
	margin: 0px 10px 0px 10px;
}

#layout7 .list .text h4{
	line-height: 46px;
	height: 46px;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin: 0px 5px;
}

#layout7 .list .text h4 a{
	color: #272a32;
}

#layout7 .list .text p{
	border-top: 1px solid #f2f2f2;
	height: 45px;
	line-height: 45px;
	padding: 0px 5px;
}

#layout7 .list .text p span{
	padding-left: 22px;
	background-position: left center;
	background-repeat: no-repeat;
}

#layout7 .list .text .icon1{ background-image: url("images/ly7-icon1.png"); }
#layout7 .list .text .icon2{ background-image: url("images/ly7-icon2.png"); }
#layout7 .list .text .icon3{ background-image: url("images/ly7-icon3.png"); }

#layout7 .list .text p b{
	color: #e02020;
}

#layout8{
	padding: 35px 0px 35px 0px;
}

#layout8 .main{
	margin-top: 30px;
}

#layout8 .main .line{
	margin-top: 10px;
}

#layout8 .main .big{
	width: 595px;
	height: 360px;
}

#layout8 .main .sty1 .big{
    float: left;
}

#layout8 .main .sty2 .big{
    float: right;
}

#layout8 .main .small{
	width: 292px;
	height: 360px;
}

#layout8 .main .sty1 .small{
    float: right;
	margin-left: 10px;
}

#layout8 .main .sty2 .small{
    float: left;
	margin-right: 10px;
}

#layout8 .main .photo table{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background-color: rgba(0,0,0,0.6);
	opacity: 0;
	transition: all 0.2s;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
}

#layout8 .main .photo table td{
	padding: 0px 25px;
}

#layout8 .main .photo:hover table{
	opacity: 1;
}

#layout8 .main2{
	margin-top: 35px;
	position: relative;
}

#layout8 .main2 .arrow1,#layout8 .main2 .arrow2{
	position: absolute;
	width: 73px;
	height: 73px;
	cursor: pointer;
	top: 50%;
	margin-top: -36px;
	transition: all 0.1s;
	z-index: 9;
}

#layout8 .main2 .arrow1{
	left: -36px;
	background: url("images/ly8-arrow1a.png");
}

#layout8 .main2 .arrow2{
	right: -36px;
	background: url("images/ly8-arrow2a.png");
}

#layout8 .main2 .arrow1:hover{
	background: url("images/ly8-arrow1b.png");
}

#layout8 .main2 .arrow2:hover{
	background: url("images/ly8-arrow2b.png");
}

@media screen and (max-width:1272px) {
	#layout8 .main2 .arrow1{ left: 0px; }
	#layout8 .main2 .arrow2{ right: 0px; }
}

#layout8 .main2 ul{
	margin-left: -8px;
	margin-top: -8px;
}

#layout8 .main2 li{
	float: left;
	border-radius: 6px;
	margin: 8px 0px 0px 8px;
}

#layout8 .main2 .small{
	width: 394px;
	height: 210px;
}

#layout8 .main2 .big{
	width: 596px;
	height: 249px;
}

#layout8 .main2 li .tag{
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 38px;
	line-height: 38px;
	width: 110px;
	border-radius: 0 6px 0 0;
	background: rgba(0,0,0,0.5);
	color: #fff;
	text-align: center;
	font-size: 20px;
	transition: opacity 0.2s;
}

#layout8 .main2 li:hover .tag{
	opacity: 0;
}

#layout8 .main2 li .shadow{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background:rgba(0,0,0,0.5);
	opacity: 0;
	transition: opacity 0.2s;
}

#layout8 .main2 li:hover .shadow{
	opacity: 1;
}

#layout8 .main2 li .shadow span{
	position: absolute;
	right: 25px;
	bottom: 20px;
	background: url("images/ly8-details.png") no-repeat right bottom;
	line-height: 38px;
	font-size: 30px;
	padding-bottom: 13px;
	color: #fff;
	width: 112px;
	text-align: center;
}

#layout8 .main2 li .shadow .text{
	position: absolute;
	width: 78%;
	left: 5%;
	top: 45px;
	color: #fff;
}

#layout8 .main2 li .shadow .text h3{
	font-size: 28px;
	line-height: 32px;
	height: 32px;
	margin-bottom: 10px;
}

#layout8 .main2 li .shadow .text p{
	line-height: 20px;
	font-size: 14px;
	max-height: 80px;
}

#layout9{
    padding: 35px 0px 35px 0px;
}

#layout9 .main{
	background: #032c7e;
	margin-top: 30px;
	padding-bottom: 50px;
}

#layout9 .more{
	position: absolute;
	right: 0px;
	top: -115px;
	width: 76px;
	height: 105px;
	line-height: 105px;
	padding: 0px 15px 0px 176px;
	background: url("images/ly9-more.png");
	color: rgba(255,255,255,0.2);
	font-size: 18px;
	text-align: center;
}

#layout9 .more:hover{
	color: rgba(255,255,255,0.5) !important;
}

@font-face{
	font-family: "思源宋体";
	src: url("SourceHanSerifCN-Heavy.otf");
}

#layout9 .tab{
	float: left;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	width: 910px;
	margin-top: 20px;
	height: 70px;
	line-height: 70px;
	font-size: 30px;
	padding-left: 10px;
}

#layout9 .tab li{
	float: left;
	color: rgba(255,255,255,0.8);
	cursor: pointer;
	margin-right: 55px;
	position: relative;
	overflow: visible;
	font-family: "思源宋体";
}

#layout9 .tab .active{
	font-weight: bold;
	color: rgba(255,255,255,1);
}

#layout9 .tab .active i{
	position: absolute;
	width: 56%;
	height: 3px;
	border-radius: 1.5px;
	left: 22%;
	bottom: -1px;
	background: #fff;
}

#layout9 .show{
	margin-top: 50px;
	position: relative;
	margin-left: -25px;
}

#layout9 .show ul{
	margin-top: -25px;
}

#layout9 .show li{
	float: left;
	width: 305px;
	height: 370px;
	padding: 25px 30px 0px 55px;
	margin: 28px 10px 0px 0px;
	background: url("images/ly9-list.png");
}

#layout9 .show .text{
	font-size: 18px;
	line-height: 30px;
	height: 240px;
	color: #1b2a74;
	overflow: hidden;
}

#layout9 .show .text a{
	color: #1b2a74;
}

#layout9 .show .text p{
	text-indent: 2em;
	height: 240px;
	display: -webkit-box;
	display: -moz-box;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
}

#layout9 .show .tail{
	text-align: right;
	margin-top: 20px;
	color: #333;
}

#layout9 .show .tail h4{
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
}

#layout9 .show .tail p{
	font-size: 14px;
	line-height: 20px;
	margin-top: 2px;
}

/* Tiny Scrollbar */
.ly9-scroll { width: 1220px;  }
.ly9-scroll .viewport { width: 1200px; height: 400px; overflow: hidden; position: relative; }
.ly9-scroll .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.ly9-scroll .scrollbar{ background:rgba(255,255,255,0.04); position: relative; float: right; width: 5px; border-radius: 2px; }
.ly9-scroll .track {  height: 100%; width:5px; position: relative; padding: 0 1px; }
.ly9-scroll .thumb { background:rgba(76,100,198,0.53);  height: 120px; width: 5px; border-radius: 2px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
.ly9-scroll .thumb .end { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
.ly9-scroll .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#layout10{
    padding: 35px 0px 35px 0px;
}

#layout10 ul{
	margin-left: -31px;
	margin-top: 5px;
}

#layout10 li{
	float: left;
	width: 215px;
	height: 110px;
	background: #fff;
	border-radius: 5px;
	margin: 28px 0px 0px 31px;
	box-shadow: 0px 0px 10px rgba(234,235,239,0.4);
}

#layout10 li img{
	width: 100%;
	height: 100%;
}

#erji{
	background: #fff;
	border-radius: 6px 6px 0px 0px;
	box-shadow: 0px 0px 10px rgba(234,235,239,0.4);
	margin-top: -52px;
	position: relative;
	z-index: 9;
}

#erji .tail{
	position: absolute;
	width: 100%;
	height: 43px;
	bottom: -43px;
	left: 0px;
	background: #fff;
	border-radius: 0px 0px 6px 6px;
	z-index: 10;
}

#erji .top{
	height: 51px;
	line-height: 51px;
	border-bottom: 1px solid #f1efec;
	padding: 0px 35px;
}

#erji .top .tag{
	border-bottom: 1px solid #012c7b;
	font-size: 24px;
	font-weight: bold;
	color: #022c7c;
}

#erji .top .tree i{
	color: #ccc;
	font-style: normal;
	margin: 0px 15px;
}

#erji .top .tree span,#erji .top .tree a{
	color: #8d8d8d;
}

#erji .main1{
	float: left;
	width: 840px;
	margin: 15px 0px 0px 35px;
}

#erji .list1 li{
	border-bottom: 1px solid #eee;
	transition: background 0.1s;
}

#erji .list1 li:hover{
	background-color:rgba(238,238,238,0.4);
}

#erji .list1 li a{
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 10px);
	height: calc(100% - 50px);
	padding: 25px 5px;
}

#erji .list1 img{
	float: left;
	width: 220px;
	height: 145px;
	border-radius: 6px;
	margin-right: 25px;
}

#erji .list1 .text{
	height: 106px;
}

#erji .list1 h3{
	font-size: 22px;
	line-height: 26px;
	max-height: 52px;
	color: #333;
}

#erji .list1 p{
	line-height: 22px;
	height: 44px;
	font-size: 14px;
	color: #333;
	margin-top: 10px;
}

#erji .list1 .bottom{
	line-height: 26px;
	height: 26px;
	color: #999;
	font-size: 14px;
	margin-top: 12px;
}

#erji .list1 .bottom span{
	margin-right: 15px;
}

#erji .flip{
	text-align: center;
	margin-top: 40px;
}

#erji .flip a{
	display: inline-block;
	vertical-align: top;
	height: 36px;
	line-height: 36px;
	border-radius: 3px;
	background: #e6e6e6;
	width: 66px;
	margin: 0px 5px;
	transition: all 0.2s;
}

#erji .flip .on{
	background: #032c7e;
	font-weight: bold;
	color: #fff !important;
}

#erji .flip a:hover{
	background: #032c7e;
	font-weight: bold;
	color: #fff !important;
}

#erji .side1{
	float: right;
	width: 220px;
	margin: 32px 35px 0px 0px;
}

#erji .list2 li{
	margin-top: 8px;
	border-radius: 6px;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 46px center;
	transition: all 0.2s;
}

#erji .list2 li a{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 100%;
}

#erji .list2 li span{
	display: inline-block;
	vertical-align: top;
	margin-left: 96px;
	color: #fff;
}

#erji .list2 .color1{ background-color: #009ee3; background-image: url("images/ej-btn1.png"); }
#erji .list2 .color2{ background-color: #0075be; background-image: url("images/ej-btn2.png"); }
#erji .list2 .color3{ background-color: #00519e; background-image: url("images/ej-btn3.png"); }
#erji .list2 .color4{ background-color: #022c7c; background-image: url("images/ej-btn4.png"); }

#erji .list2 li:hover{
	box-shadow: 0px 0px 20px rgba(255,255,255,0.5) inset;
}

#erji .ad{
	margin-top: 8px;
}

#erji .ad img{
	border-radius: 6px;
}

#erji .side2{
	float: right;
	width: 48px;
	margin: 220px 75px 0px 0px;
	text-align: center;
}

#erji .side2 h4{
	font-weight: normal;
	font-size: 14px;
	color: #808080;
	line-height: 18px;
	margin-top: 30px;
}

#erji .side2 p{
	margin-top: 12px;
	transition: all 0.2s;
}

#erji .side2 p:hover{
	opacity: 0.7;
}

#erji .main2{
	float: left;
	width: 860px;
	margin: 50px 0px 0px 125px;
	padding-bottom: 50px;
}

#erji .news-head{
	border-bottom: 1px solid #eee;
	padding-bottom: 25px;
}

#erji .news-head h2{
	line-height: 56px;
	font-size: 38px;
	color: #333;
	text-align: center;
}

#erji .news-head .bottom{
	line-height: 20px;
	font-size: 15px;
	color: #999;
	margin-top: 15px;
}

#erji .news-head .bottom .left{
	margin-right: 25px;
}

#erji .news-head .bottom .right{
	margin-left: 25px;
}

#erji .news-body{
	margin-top: 25px;
}

#erji .news-body p{
	line-height: 40px;
	font-size: 18px;
}

#erji .news-body p img{
	display: block;
	border-radius: 6px;
	margin: 25px auto;
}

#erji .related{
	margin-top: 50px;
}

#erji .related .title{
	border-bottom: 1px solid #eee;
	height: 42px;
	line-height: 42px;
}

#erji .related .title span{
	float: left;
	font-size: 20px;
	font-weight: bold;
	color: #022c7c;
}

#erji .related ul{
	margin-top: 5px;
}

#erji .related li{
	line-height: 40px;
	height: 40px;
	background: url("images/ly6-li.png") no-repeat left center;
	padding-left: 15px;
	font-size: 18px;
}