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

a{
	color:#000;
}

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

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

.w1170{
	width:1170px;
	margin:0px auto;
}

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

p,li{
	overflow:hidden;
}


@media (max-width: 768px) {
	body{ font-size: 16px; }
	.wrapper{ width: auto;  min-width: 100%; }
	.w1170{ width: auto; }
}
@media (min-width: 768px) and (max-width: 992px) {
	body{ font-size: 12px; }
	.wrapper{ min-width:768px; }
	.w1170{	width:768px; }
}
@media (min-width: 992px) and (max-width: 1170px) {
	body{ font-size: 12px; }
	.wrapper{ min-width:992px; }
	.w1170{	width:992px; }
}

#top{
	border-bottom: 1px solid #efefef;
	background: #fafafa;
}

#top .w1170{
	height: 40px;
	line-height: 40px;
}

#top .icon1{
	background: url(images2018/top-icon1.gif) no-repeat right center;
	padding-right: 15px;
}

#top .icon2{
	background: url(images2018/top-icon2.gif) no-repeat right center;
	padding-right: 10px;
}

#top .left{
	color: #e3e3e3;
}

#top .left a{
	margin: 0px 10px;
	color: #333;
}

#top .right,#top .right a{
	color: #666;
}

#top .right a,#top .right span{
	margin-left: 20px;
	cursor: pointer;
}

#top .right span{
	position: relative;
	display: inline-block;
	z-index: 999;
}

#top .right .drop{
	position: absolute;
	right: 0px;
	top: 30px;
	background: #fff;
	border: 1px solid #40a4bf;
	box-shadow: 0px 0px 5px #aaa;
	border-radius: 3px;
	padding: 5px 10px;
	display: none;
	z-index: 999;
}

#top .right .drop p{
	line-height: 20px;
	padding: 3px 0px;
}

#top .right .drop a{
	margin: 0px;
	white-space:nowrap;
}

#top .right span:hover .drop{
	display: block;
}

@media (max-width: 768px) {
	#top{ display: none; }
}
@media (min-width: 768px) and (max-width: 992px) {
	#top .w1170{ height: 26px; line-height: 26px; }
	#top .left a{ margin: 0px 5px; }
	#top .right a,#top .right span{ margin-left: 5px; }
}
@media (min-width: 992px) and (max-width: 1170px) {
	#top .w1170{ height: 34px; line-height: 34px; }
	#top .left a{ margin: 0px 8px; }
	#top .right a,#top .right span{ margin-left: 17px; }
}

#header .w1170{
	height: 112px;
	background: url(images2018/header.gif) no-repeat center center;
	background-size: 100% 100%;
	position: relative;
}

#header .search{
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -19px;
	border: 1px solid #b5dce6;
	border-radius: 2px;
	height: 36px;
	width: 365px;
	background: #f0fafd;
}

#header .search .sub{
	float: right;
	width: 44px;
	height: 36px;
	background: url(images2018/search.png) no-repeat center center;
	background-size: 100% 100%;
	border: none;
	cursor: pointer;
}

#header .search .text{
	float: left;
	margin-left: 12px;
	border: none;
	height: 36px;
	line-height: 36px;
	padding: 0px;
	width: 290px;
	font-family: "Microsoft YaHei", "SimSun";
	color: #40a4bf;
	font-size: 14px;
	outline: none;
}

#nav{
	background: #40a4bf;
}

#nav .w1170{
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	text-align: center;
}

#nav li{
	float: left;
	width: 16.6%;
	color: #fff;
	position: relative;
	overflow: visible;
	z-index: 899;
}

#nav li:hover{
	text-decoration: none;
	background: #3297b2;
}

#nav li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none;
}

#nav li img{
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	width: auto;
	height: auto;
}

#nav .drop{
	position: absolute;
	width: 100%;
	left: 0px;
	top: 50px;
	background: #3297b2;
	font-size: 16px;
	z-index: 899;
	display: none;
}

#nav .drop p{
	line-height: 42px;
}

#nav .drop p:hover{
	background: #67b7cd;
}

#nav li:hover .drop{
	display: block;
}

@media (max-width: 768px) {
	#header .w1170{ height: 50px; background-size: auto 145%; background-position: 15px center; }
	#header .search{ display: none; }
	#nav .w1170{ height: auto; line-height: 24px; font-size: 14px; padding: 3px 0px; }
	#nav li{ width: 33.33%; }
	#nav li img{ display: none; }
	#nav .drop{ position: relative; top: 0px; font-size: 12px; }
	#nav .drop p{ line-height: 20px; }
}
@media (min-width: 768px) and (max-width: 992px) {
	#header .w1170{ height: 74px; }
	#header .search{ margin-top: -12px;	height: 23px; width: 237px; }
	#header .search .sub{ width: 28px; height: 23px; }
	#header .search .text{ margin-left: 8px; height: 23px; line-height: 23px; width: 188px; font-size: 12px; }
	#nav .w1170{ height: 32px; line-height: 32px; font-size: 13px; }
	#nav li img{ margin-left: 3px; width: 19px; height: 17px; }
	#nav .drop{ top: 32px; font-size: 12px; }
	#nav .drop p{ line-height: 28px; }
}
@media (min-width: 992px) and (max-width: 1170px) {
	#header .w1170{ height: 95px; }
	#header .search{ margin-top: -15px;	height: 30px; width: 310px; }
	#header .search .sub{ width: 37px; height: 30px; }
	#header .search .text{ margin-left: 10px; height: 30px; line-height: 30px; width: 246px; font-size: 12px; }
	#nav .w1170{ height: 42px; line-height: 42px; font-size: 16px; }
	#nav li img{ margin-left: 4px; width: 25px; height: 22px; }
	#nav .drop{ top: 42px; font-size: 14px; }
	#nav .drop p{ line-height: 36px; }
}

#bottom1{
	background: #40a4bf;
	padding: 45px 0px 40px 0px;
	color: #fff;
}

#bottom1 a{
	color: #fff;
}

#bottom1 .word{
	background: #67b7cd;
	line-height: 24px;
	padding: 10px 35px;
	font-size: 16px;
	margin-bottom: 40px;
}

#bottom1 .word a{
	margin-left: 35px;
}

#bottom1 .links .title{
	float: left;
	width: 65px;
}

#bottom1 .links .title img{
	width: 100%;
}

#bottom1 .links .title span{
	display: none;
}

#bottom1 .links .con{
	float: right;
	width: 1072px;
	border-left: 1px dotted #d2ebf2;
}

#bottom1 .links .con li{
	float: left;
	width: 128px;
	margin-left: 25px;
	line-height: 24px;
	height: 24px;
}

#bottom2{
	background: url(images2018/bottom2.gif);
	line-height: 26px;
	padding: 10px 0px;
	text-align: center;
	color: #fff;
}

#bottom2 span{
	margin: 0px 25px;
}

#footer{
	text-align: center;
	background: #3297b2;
	color: #b6d4de;
	font-size: 12px;
	line-height: 25px;
	padding: 15px 0px;
}

#footer a{
	color: #b6d4de;
}

#footer-mobile{
	display: none;
}

@media (max-width: 768px) {
	#bottom1{ padding: 20px 0px 20px 0px; }
	#bottom1 .word{ display: none; }
	#bottom1 .links{ padding: 0px 3.5%; }
	#bottom1 .links .title{ float: none; width: auto; font-size: 26px; line-height: 32px; }
	#bottom1 .links .title img{ display: none; }
	#bottom1 .links .title span{ display: block; color: #fff; }
	#bottom1 .links .con{ float: none; width: auto; border: none; margin-top: 10px; }
	#bottom1 .links .con li{ margin: 0px; font-size: 12px; width: 50%; line-height: 28px; height: 28px; }
	#bottom2{ line-height: 20px; font-size: 12px; text-align: left; padding: 10px 0px; }
	#bottom2 p{ padding: 0px 3.5%; }
	#bottom2 span{ margin: 0px 20px 0px 0px; display: inline-block; }
	#footer{ display: none; }
	#footer-mobile{ display: block; font-size: 14px; background: #3297b2; text-align: center; color: #fff; line-height: 30px; padding: 10px 0px; }
}
@media (min-width: 768px) and (max-width: 992px) {
	#bottom1{ padding: 29px 0px 26px 0px; }
	#bottom1 .word{	line-height: 16px; padding: 6px 23px; font-size: 12px; margin-bottom: 26px; }
	#bottom1 .word a{ margin-left: 22px; }
	#bottom1 .links .title{	width: 42px; }
	#bottom1 .links .con{ width: 697px; }
	#bottom1 .links .con li{ width: 118px; margin-left: 21px; line-height: 16px; height: 16px; }
	#bottom2{ line-height: 18px; padding: 6px 0px; }
	#bottom2 span{ margin: 0px 16px; }
	#footer{ line-height: 16px; padding: 10px 0px; }
}
@media (min-width: 992px) and (max-width: 1170px) {
	#bottom1{ padding: 38px 0px 34px 0px; }
	#bottom1 .word{	line-height: 20px; padding: 8px 30px; font-size: 14px; margin-bottom: 34px; }
	#bottom1 .word a{ margin-left: 30px; }
	#bottom1 .links .title{	width: 55px; }
	#bottom1 .links .con{ width: 910px; }
	#bottom1 .links .con li{ width: 109px; margin-left: 21px; line-height: 20px; height: 20px; }
	#bottom2{ line-height: 22px; padding: 8px 0px; }
	#bottom2 span{ margin: 0px 21px; }
	#footer{ line-height: 21px; padding: 12px 0px; }
}


.main{
	float: left;
	width: 775px;
}

.side{
	float: right;
	width: 365px;
}

@media (max-width: 768px) {
	.main{ float: none; width: 93%; margin-left: auto; margin-right: auto; }
	.side{ float: none; width: 93%; margin-left: auto; margin-right: auto; }
}
@media (min-width: 768px) and (max-width: 992px) {
	.main{ width: 504px; }
	.side{ width: 237px; }
}
@media (min-width: 992px) and (max-width: 1170px) {
	.main{ width: 659px; }
	.side{ width: 310px; }
}

#layout1{
	margin-top: 30px;
}

.focus1{
	position: relative;
	width: 100%;
	height: 460px;
	overflow: hidden;
}

.focus1 .text{
	position: absolute;
	left: 5%;
	width: 90%;
	bottom: 30px;
	z-index: 9;
}

.focus1 .text h3{
	font-size: 20px;
	line-height: 30px;
	height: 30px;
	font-weight: bold;
	text-align: center;
}

.focus1 .text h3 a{
	color: #fff;
}

.focus1 .text p{
	color: #ccc;
	line-height: 22px;
	height: 44px;
	margin-top: 10px;
}

.focus1 .shadow{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 132px;
	background: #000;
	filter:alpha(opacity=60);
	opacity:0.6;
	z-index: 1;
}

.focus1 .tab{
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 13px;
	text-align: center;
	height: 3px;
	z-index: 10;
}

.focus1 .tab li{
	width: 18px !important;
	    display: inline-block !important;
    vertical-align: top !important;
 
    height: 3px !important;
   
    cursor: pointer !important;
    margin: 0px 5px !important;
}
.focus1 .tab .active{
    background: #fd9c26;
    }
.focus1 .tab li{
	display: inline-block;
	vertical-align: top;
	width: 18px;
	height: 3px;
	background: #cecece;
	cursor: pointer;
	margin: 0px 5px;
}

.focus1 .tab .current{
	background: #fd9c26;
}

@media (max-width: 768px) {
	#layout1{ margin-top: 15px; }
	.focus1{ height: auto; }
	.focus1 .shadow{ height: 50px; }
	.focus1 .text{ left: 0; width: 100%; bottom: 10px; }
	.focus1 .text h3{ font-size: 16px; font-weight: normal; }
	.focus1 .text p{ display: none; }
	.focus1 .tab{ bottom: 0px; }
	.focus1 .tab span{ margin: 0px 1%; width: 13%; }
}
@media (min-width: 768px) and (max-width: 992px) {
	#layout1{ margin-top: 20px; }
	.focus1{ height: 299px; }
	.focus1 .text{	bottom: 20px; }
	.focus1 .text h3{ font-size: 14px; line-height: 20px; height: 20px; }
	.focus1 .text p{ line-height: 15px; height: 30px; margin-top: 6px; }
	.focus1 .shadow{ height: 86px; }
	.focus1 .tab{ bottom: 8px; }
	.focus1 .tab span{ width: 12px; margin: 0px 3px; }
}
@media (min-width: 992px) and (max-width: 1170px) {
	#layout1{ margin-top: 26px; }
	.focus1{ height: 391px; }
	.focus1 .text{	bottom: 26px; }
	.focus1 .text h3{ font-size: 17px; line-height: 26px; height: 26px; }
	.focus1 .text p{ line-height: 19px; height: 38px; margin-top: 8px; }
	.focus1 .shadow{ height: 112px; }
	.focus1 .tab{ bottom: 11px; }
	.focus1 .tab span{ width: 15px; margin: 0px 4px; }
}

.list1{
	border: 1px solid #eaeaea;
	margin-top: 20px;
	padding: 15px 0px;
}

.list1 li{
	float: left;
	font-size: 16px;
	background: url(images2018/list1.gif) no-repeat left center;
	padding-left: 14px;
	height: 34px;
	line-height: 34px;
	margin-left: 25px;
	width: 215px;
}

.list2 ul{
	margin-top: -20px;
}

.list2 li{
	height: 100px;
	background-size: 100% 100%;
	margin-top: 20px;
	text-indent: -9999px;
}

.list2 li a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#card1{ background-image: url(images2018/card1a.jpg); }
#card2{ background-image: url(images2018/card2a.jpg); }
#card3{ background-image: url(images2018/card3a.jpg); }
#card4{ background-image: url(images2018/card4a.jpg); }
#card5{ background-image: url(images2018/card5a.jpg); }

#card1:hover{ background-image: url(images2018/card1b.jpg); }
#card2:hover{ background-image: url(images2018/card2b.jpg); }
#card3:hover{ background-image: url(images2018/card3b.jpg); }
#card4:hover{ background-image: url(images2018/card4b.jpg); }
#card5:hover{ background-image: url(images2018/card5b.jpg); }

@media (max-width: 768px) {
	.list1{ display: none; }
	.list2{ margin-top: 20px; }
	.list2 ul{ margin: 0px; }
	.list2 li{ background-image: none !important; background-color: #40a4bf; text-indent: 0; text-align: center; height: 34px; line-height: 34px; font-size: 18px; margin-top: 2px; letter-spacing: 10px; }
	.list2 li a{ color: #fff; }
}
@media (min-width: 768px) and (max-width: 992px) {
	.list1{	margin-top: 13px; padding: 10px 0px; }
	.list1 li{ font-size: 12px; padding-left: 9px; height: 22px; line-height: 22px; margin-left: 16px; width: 140px; }
	.list2 ul{ margin-top: -13px; }
	.list2 li{ height: 65px; margin-top: 13px; }
}
@media (min-width: 992px) and (max-width: 1170px) {
	.list1{	margin-top: 17px; padding: 13px 0px; }
	.list1 li{ font-size: 14px; padding-left: 12px; height: 29px; line-height: 29px; margin-left: 21px; width: 183px; }
	.list2 ul{ margin-top: -17px; }
	.list2 li{ height: 85px; margin-top: 17px; }
}

#layout2{
	margin-top: 20px;
}

#layout2 .main .left{
	width: 265px;
}

#layout2 .main .right{
	width: 470px;
}

#layout2 .side .block{
	margin-top: 50px;
}

.title img{
	height: auto;
}

.title span{
	display: none;
}

@media (max-width: 768px) {
	.title{ font-size: 26px; line-height: 32px;  }
	.title img{ display: none; }
	.title span{ display: block; color: #40a4bf; }
	#layout2{ margin-top: 30px; }
	#layout2 .main .left{ width: 100%; float: none; }
	#layout2 .main .right{ width: 100%; float: none; margin-top: 30px; }
	#layout2 .side .block{ margin-top: 30px; }
}
@media (min-width: 768px) and (max-width: 992px) {
	#layout2{ margin-top: 13px; }
	#layout2 .main .left{ width: 172px; }
	#layout2 .main .right{ width: 305px; }
	#layout2 .side .block{ margin-top: 32px; }
}
@media (min-width: 992px) and (max-width: 1170px) {
	#layout2{ margin-top: 17px; }
	#layout2 .main .left{ width: 225px; }
	#layout2 .main .right{ width: 400px; }
	#layout2 .side .block{ margin-top: 42px; }
}

.list3 ul{
	margin-top: -20px;
}

.list3 li{
	position: relative;
	height: 180px;
	width: 100%;
	margin-top: 20px;
}

.list3 i{
	position: absolute;
	width: 100%;
	height: 36px;
	left: 0px;
	bottom: 0px;
	background: #333;
	filter:alpha(opacity=65);
	opacity:0.65;
	z-index: 1;
}

.list3 p{
	position: absolute;
	width: 100%;
	height: 36px;
	line-height: 36px;
	left: 0px;
	bottom: 0px;
	text-align: center;
	font-weight: bold;
	z-index: 9;
}

.list3 p a{
	color: #fff;
}

.list4{
	overflow: hidden;
	margin-top: 10px;
}

.list4 ul{
	margin-top: -21px;
}

.list4 li{
	border-top: 1px dotted #ccc;
	padding-top: 20px;
	margin-top: 20px;
}

.list4 h3{
	font-weight: bold;
	font-size: 20px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.list4 p{
	line-height: 22px;
	height: 66px;
	color: #737373;
	margin-top: 18px;
}

.list4 p a{
	color: #737373;
}

.list4 .tail{
	color: #a3a3a3;
	font-size: 12px;
	line-height: 18px;
	height: 18px;
	margin-top: 8px;
}

.list4 .tail span{
	float: left;
}

.list4 .tail label{
	float: right;
}

@media (max-width: 768px) {
	.list3 ul{ margin-top: 0px; }
	.list3 li{ margin-top: 15px; }
	.list3 p{ font-weight: normal; height: 30px; line-height: 30px; }
	.list3 i{ height: 30px; }
	.list4{ margin-top: 0px; }
	.list4 ul{ margin: 0px; }
	.list4 li{ margin-top: 10px; border-top: none; border-bottom: 1px dotted #ccc; padding: 0px 0px 10px 0px; }
	.list4 h3{ font-size: 16px; height: 30px; line-height: 30px; font-weight: normal; text-align: left; }
	.list4 p{ font-size: 12px; line-height: 18px; height: auto; margin-top: 5px; }
	.list4 .tail{ margin-top: 5px; }
}
@media (min-width: 768px) and (max-width: 992px) {
	.list3 ul{ margin-top: -13px; }
	.list3 li{ height: 117px; margin-top: 13px; }
	.list3 i{ height: 23px; }
	.list3 p{ height: 23px; line-height: 23px; }
	.list4{	margin-top: 6px; }
	.list4 ul{ margin-top: -11px; }
	.list4 li{ padding-top: 10px; margin-top: 10px; }
	.list4 h3{ font-size: 13px; height: 20px; line-height: 20px; }
	.list4 p{ line-height: 18px; height: 72px; margin-top: 5px; }
	.list4 .tail{ display: none; }
}
@media (min-width: 992px) and (max-width: 1170px) {
	.list3 ul{ margin-top: -17px; }
	.list3 li{ height: 153px; margin-top: 17px; }
	.list3 i{ height: 31px; }
	.list3 p{ height: 31px; line-height: 31px; }
	.list4{	margin-top: 8px; }
	.list4 ul{ margin-top: -18px; }
	.list4 li{ padding-top: 17px; margin-top: 17px; }
	.list4 h3{ font-size: 17px; height: 26px; line-height: 26px; }
	.list4 p{ line-height: 18px; height: 54px; margin-top: 15px; }
	.list4 .tail{ line-height: 16px; height: 16px; margin-top: 7px; }
}

.ad1{
	height: 235px;
}

.focus2{
	position: relative;
	width: 100%;
	height: 235px;
	overflow: hidden;
	margin-top: 20px;
}

.focus2 p{
	position: absolute;
	width: 100%;
	left: 0px;
	height: 20px;
	line-height: 20px;
	bottom: 20px;
	text-align: center;
	font-weight: bold;
	z-index: 9;
}

.focus2 p a{
	color: #fff;
}

.focus2 .shadow{
	position: absolute;
	width: 100%;
	height: 50px;
	left: 0px;
	bottom: 0px;
	background: #333;
	filter:alpha(opacity=75);
	opacity:0.75;
	z-index: 1;
}

.focus2 .tab{
	position: absolute;
	width: 100%;
	height: 6px;
	left: 50% !important;
	bottom: 8px;
	text-align: center;
	z-index: 10;
}

.focus2 .tab span{
	display: inline-block;
	vertical-align: top;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	cursor: pointer;
	background: #a9a7a4;
	margin: 0px 4px;
}



.focus2  .active span{
	background: #fd9c26;
}

.focus2 .arrow1,.focus2 .arrow2{
	position: absolute;
	
	margin-top: -46px;
	width: 27px;
	height: 42px;
	cursor: pointer;
	z-index: 20;
}

.focus2 .arrow1{
	left: 0px;
	background: url(images2018/focus2-arrow1.png);
	background-size: 100% 100%;
}

.focus2 .arrow2{
	right: 0px;
	background: url(images2018/focus2-arrow2.png);
	background-size: 100% 100%;
}

@media (max-width: 768px) {
	.ad1{ margin-top: 30px; }
	.focus2{ margin-top: 15px; height: auto; }
	.focus2 p{ font-weight: normal; }
}
@media (min-width: 768px) and (max-width: 992px) {
	.ad1{ height: 153px; }
	.focus2{ height: 153px;	margin-top: 13px; }
	.focus2 p{ height: 14px; line-height: 14px; bottom: 13px; }
	.focus2 .shadow{ height: 32px; }
	.focus2 .tab{ height: 4px; bottom: 5px; }
	.focus2 .tab span{ width: 4px; height: 4px;	margin: 0px 3px; }
	.focus2 .arrow1,.focus2 .arrow2{ margin-top: -30px; width: 17px; height: 27px; }
}
@media (min-width: 992px) and (max-width: 1170px) {
	.ad1{ height: 200px; }
	.focus2{ height: 200px;	margin-top: 17px; }
	.focus2 p{ height: 17px; line-height: 17px; bottom: 17px; }
	.focus2 .shadow{ height: 43px; }
	.focus2 .tab{ height: 5px; bottom: 7px; }
	.focus2 .tab span{ width: 5px; height: 5px;	margin: 0px 3px; }
	.focus2 .arrow1,.focus2 .arrow2{ margin-top: -39px; width: 23px; height: 36px;     top: 50%;}
}

#layout3{
	margin-top: 50px;
}

#layout4{
	margin-top: 50px;
	margin-bottom: 30px;
}

.ad2{
	margin-top: 20px;
}

.ad2 img{
	height: auto;
}

.tab2{
	border: 1px solid #badee8;
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
	height: 42px;
	line-height: 42px;
	color: #8ac3d5;
}

.tab2 a{
	color: #40a4bf;
	margin: 0px 26px;
}

.tab2 .current{
	color: #000;
}

@media (max-width: 768px) {
	#layout3{ margin-top: 30px; }
	#layout3 .side{ margin-top: 30px; }
	#layout4{ margin-top: 30px; margin-bottom: 0px; }
	#layout4 .side{ margin-top: 30px; }
	.ad2{ margin-top: 15px; }
	.tab2{ height: auto; line-height: 30px; background: #40a4bf; margin-top: 10px; }
	.tab2 em{ display: none; }
	.tab2 a{ display: inline-block; margin: 0px; width: 25%; color:#fff; }
	.tab2 .current{ background: #3297b2; color:#fff; box-shadow:0px 0px 5px #ccc inset; border-radius: 3px; }
}
@media (min-width: 768px) and (max-width: 992px) {
	#layout3{ margin-top: 32px; }
	#layout4{ margin-top: 32px; margin-bottom: 20px; }
	.ad2{ margin-top: 13px; }
	.tab2{ margin-top: 13px; font-size: 12px; height: 27px; line-height: 27px; }
	.tab2 a{ margin: 0px 15px; }
}
@media (min-width: 992px) and (max-width: 1170px) {
	#layout3{ margin-top: 42px; }
	#layout4{ margin-top: 42px; margin-bottom: 25px; }
	.ad2{ margin-top: 17px; }
	.tab2{ margin-top: 17px; font-size: 14px; height: 36px; line-height: 36px; }
	.tab2 a{ margin: 0px 21px; }
}

.list5{
	overflow: hidden;
	margin-top: 22px;
}

.list5 ul{
	margin-top: -24px;
}

.list5 li{
	border-top: 1px dotted #ccc;
	padding-top: 23px;
	margin-top: 23px;
}

.list5 .mobile-clear{
	display: none; 
}

.list5 img{
	float: left;
	margin-right: 25px;
	width: 210px;
	height: 125px;
}

.list5 h3{
	font-size: 25px;
	height: 30px;
	line-height: 30px;
}

.list5 p{
	line-height: 26px;
	height: 52px;
	color: #737373;
	margin-top: 12px;
}

.list5 p a{
	color: #737373;
}

.list5 .tail{
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	color: #a3a3a3;
	margin-top: 12px;
}

.list5 .tail span{
	float: left;
}

.list5 .tail label{
	float: right;
}

@media (max-width: 768px) {
	.list5{	margin-top: 10px; }
	.list5 ul{ margin: 0; }
	.list5 li{ border-top: none; border-bottom: 1px dotted #ccc; padding: 0px 0px 10px 0px; margin-top: 10px; }
	.list5 img{ width: 32%; height: auto; margin-right: 3%; margin-bottom: 5px; margin-top: 5px; }
	.list5 h3{ font-size: 16px; height: 26px; line-height: 26px; }
	.list5 p{ font-size: 12px; line-height: 18px; height: auto; max-height: 36px; margin-top: 5px; }
	.list5 .tail{ margin-top: 5px; }
	.list5 .mobile-clear{ display: block; clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0 }
}
@media (min-width: 768px) and (max-width: 992px) {
	.list5{	margin-top: 14px; }
	.list5 ul{ margin-top: -16px; }
	.list5 li{ padding-top: 15px; margin-top: 15px; }
	.list5 img{	margin-right: 16px; width: 136px; height: 81px; }
	.list5 h3{ font-size: 16px; height: 20px; line-height: 20px; }
	.list5 p{ line-height: 17px; height: 34px; margin-top: 5px; }
	.list5 .tail{ height: 14px; line-height: 14px; margin-top: 8px; }
}
@media (min-width: 992px) and (max-width: 1170px) {
	.list5{	margin-top: 19px; }
	.list5 ul{ margin-top: -21px; }
	.list5 li{ padding-top: 20px; margin-top: 20px; }
	.list5 img{	margin-right: 21px; width: 178px; height: 106px; }
	.list5 h3{ font-size: 21px; height: 25px; line-height: 25px; }
	.list5 p{ line-height: 22px; height: 44px; margin-top: 10px; }
	.list5 .tail{ height: 15px; line-height: 15px; margin-top: 10px; }
}

.video1{
	margin-top: 20px;
	position: relative;
	height: 235px;
}

.video1 .play{
	position: absolute;
	width: 58px;
	height: 58px;
	left: 50%;
	margin-left: -29px;
	top: 63px;
	background: url(images2018/play.png);
	background-size: 100% 100%;
}

.video1 p{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
	z-index: 9;
}

.video1 p a{
	color: #fff;
}

.video1 i{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 50px;
	background: #333;
	filter:alpha(opacity=75);
	opacity:0.75;
}

.list6{
	margin-top: 45px;
	height: 700px;
	background: url(images2018/list6-bg.png);
	background-size: 100% 100%;
	padding: 23px 20px 0px 20px;
}

.list6 ul{
	margin-top: 10px;
}

.list6 li{
	position: relative;
	padding: 14px 0px;
}

.list6 li span{
	position: absolute;
	left: 0px;
	top: 14px;
	width: 21px;
	height: 28px;
	line-height: 24px;
	background-image: url(images2018/list6-type2.png);
	background-size: 100% 100%;
	text-align: center;
	color: #fff;
}

.list6 li h4{
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	margin-left: 35px;
}

.list6 li p{
	line-height: 22px;
	height: 44px;
	color: #737373;
	font-size: 12px;
	margin-top: 10px;
}

.list6 li p a{
	color: #737373;
}

.list6 .head span{
	background-image: url(images2018/list6-type1.png);
}

.list6 .no1{
	border-bottom: 1px dotted #c2e2ea;
	margin-bottom: 8px;
}

@media (max-width: 768px) {
	.video1{ margin-top: 15px; height: auto; }
	.video1 p{ font-weight: normal; height: 30px; line-height: 30px; }
	.video1 i{ height: 30px; }
	.video1 .play{ top:50%; margin-top: -44px; }
	.list6{ margin-top: 30px; background: none; height: auto; padding: 0px; }
	.list6 li{ padding: 0px; height: 32px; line-height: 32px; }
	.list6 li p{ display: none; }
	.list6 .no1{ margin: 0px; border: none; }
	.list6 li span{  position: relative; left: auto; top:auto; background: #40a4bf!important; float: left; width: auto; height: auto; background: none; height: 24px; line-height: 24px; width: 24px; margin-top: 3px; margin-right: 2%; border-radius:3px; }
	.list6 li h4{ margin: 0px; }
}
@media (min-width: 768px) and (max-width: 992px) {
	.video1{ margin-top: 13px; height: 153px; }
	.video1 .play{ width: 38px; height: 38px; margin-left: -19px; top: 41px; }
	.video1 p{ height: 32px; line-height: 32px; }
	.video1 i{ height: 32px; }
	.list6{ margin-top: 29px; height: 469px; padding: 15px 13px 0px 13px; }
	.list6 ul{ margin-top: 6px; }
	.list6 li{ padding: 9px 0px; }
	.list6 li span{	top: 9px; width: 14px; height: 18px; line-height: 16px; }
	.list6 li h4{ height: 18px; line-height: 18px; font-size: 12px; margin-left: 23px; }
	.list6 li p{ line-height: 14px; height: 42px; margin-top: 6px; }
	.list6 .no1{ margin-bottom: 5px; }
}
@media (min-width: 992px) and (max-width: 1170px) {
	.video1{ margin-top: 17px; height: 200px; }
	.video1 .play{ width: 49px; height: 49px; margin-left: -24px; top: 53px; }
	.video1 p{ height: 42px; line-height: 42px; }
	.video1 i{ height: 42px; }
	.list6{ margin-top: 38px; height: 595px; padding: 19px 17px 0px 17px; }
	.list6 ul{ margin-top: 8px; }
	.list6 li{ padding: 12px 0px; }
	.list6 li span{	top: 12px; width: 18px; height: 24px; line-height: 20px; }
	.list6 li h4{ height: 24px; line-height: 24px; font-size: 14px; margin-left: 30px; }
	.list6 li p{ line-height: 19px; height: 38px; margin-top: 8px; }
	.list6 .no1{ margin-bottom: 7px; }
}

.hot1{
	margin-top: 20px;
	padding-bottom: 8px;
}

.hot1 img{
	height: 145px;
}

.hot1 h3{
	text-align: center;
	font-size: 20px;
	height: 30px;
	line-height: 30px;
	margin-top: 20px;
}

.hot1 p{
	line-height: 26px;
	max-height: 52px;
	color: #737373;
	margin-top: 10px;
}

.hot1 p a{
	color: #737373;
}

.list7{
	margin-top: 15px;
}

.list7 li{
	font-size: 16px;
	padding-left: 20px;
	border-bottom: 1px dotted #bfe1ea;
	height: 55px;
	line-height: 55px;
	background: url(images2018/list7.gif) no-repeat left center;
}

@media (max-width: 768px) {
	.hot1{ margin-top: 15px; padding: 0px; }
	.hot1 img{ height: auto; }
	.hot1 h3{ margin-top: 5px; font-size: 16px; height: 26px; line-height: 26px; }
	.hot1 p{ margin-top: 5px; font-size: 12px; line-height: 18px; }
	.list7{ margin-top: 10px; }
	.list7 li{ height: 32px; line-height: 32px; padding-left: 15px; }
}
@media (min-width: 768px) and (max-width: 992px) {
	.hot1{ margin-top: 13px; padding-bottom: 5px; }
	.hot1 img{ height: 94px; }
	.hot1 h3{ font-size: 13px; height: 19px; line-height: 19px; margin-top: 13px; }
	.hot1 p{ line-height: 17px; max-height: 34px; margin-top: 6px; }
	.list7{ margin-top: 10px; }
	.list7 li{ font-size: 12px; padding-left: 13px;	height: 35px; line-height: 35px; }
}
@media (min-width: 992px) and (max-width: 1170px) {
	.hot1{ margin-top: 17px; padding-bottom: 7px; }
	.hot1 img{ height: 123px; }
	.hot1 h3{ font-size: 17px; height: 25px; line-height: 25px; margin-top: 17px; }
	.hot1 p{ line-height: 22px; max-height: 44px; margin-top: 8px; }
	.list7{ margin-top: 13px; }
	.list7 li{ font-size: 14px; padding-left: 17px;	height: 47px; line-height: 47px; }
}

#layout5{
	background: #e3f6fc url(images2018/ly5-bg.jpg) repeat-x;
	padding: 60px 0px 70px 0px;
}

#layout5 .show{
	margin-top: 50px;
	height: 646px;
	position: relative;
}

#layout5 .show li{
	position: absolute;
}

#layout5 .show .big{
	width: 584px;
	height: 322px;
}

#layout5 .show .small{
	width: 291px;
	height: 160px;
}

#ly5-photo01{ left: 0px; top:0px; }
#ly5-photo02{ right: 0px; bottom:0px; }
#ly5-photo03{ right: 293px; top:0px; }
#ly5-photo04{ right: 0px; top:0px; }
#ly5-photo05{ right: 293px; top:162px; }
#ly5-photo06{ right: 0px; top:162px; }
#ly5-photo07{ left: 0px; bottom:162px; }
#ly5-photo08{ left: 293px; bottom:162px; }
#ly5-photo09{ left: 0px; bottom:0px; }
#ly5-photo10{ left: 293px; bottom:0px; }

#layout5 i{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	bottom: 0px;
	background: #000;
	filter:alpha(opacity=60);
	opacity:0.6;
	z-index: 1;
	display: none;
}

#layout5 p{
	color: #fff;
	position: absolute;
	left: 10%;
	width: 80%;
	top: 38%;
	z-index: 9;
	display: none;
}

#layout5 .big p{
	text-align: center;
	font-size: 24px;
	line-height: 30px;
}

#layout5 .small p{
	font-size: 18px;
	line-height: 24px;
}

#layout5 li:hover i,#layout5 li:hover p{
	display: block;
}

@media (max-width: 768px) {
	#layout5{ background: none; padding: 30px 0px; }
	#layout5 .title{ padding: 0px 3.5%; }
	#layout5 .show{ margin-top: 15px; height: auto; }
	#layout5 .show li{ position: relative; left: auto!important; right: auto!important; top:auto!important; bottom: auto!important; }
	#layout5 .show .big{ width: 93%; height: auto; margin: 15px auto 0px auto; }
	#layout5 .show .small{ width: 43%; height: auto; margin: 15px 3.5% 0px 3.5%; float: left; }
	#layout5 .show i{ display: none!important; }
	#layout5 .big p,#layout5 .small p{ display: block; left: 0; width: 100%; text-align: center; top: auto; bottom:0px; max-height: 36px; padding: 0px; background-color:rgba(0,0,0,0.5); }
	#layout5 .big p{ font-size: 14px; line-height: 30px; height: 30px;  }
	#layout5 .small p{ font-size: 12px; line-height: 20px; height: 20px; }
}
@media (min-width: 768px) and (max-width: 992px) {
	#layout5{ padding: 39px 0px 45px 0px; }
	#layout5 .show{ margin-top: 32px; height: 423px; }
	#layout5 .show .big{ width: 383px; height: 211px; }
	#layout5 .show .small{ width: 191px; height: 105px; }
	#ly5-photo03{ right: 192px; }
	#ly5-photo05{ right: 192px; top:106px; }
	#ly5-photo06{ top:106px; }
	#ly5-photo07{ bottom:106px; }
	#ly5-photo08{ left: 192px; bottom:106px; }
	#ly5-photo10{ left: 192px; }
	#layout5 .big p{ font-size: 16px; line-height: 20px; }
	#layout5 .small p{ font-size: 12px; line-height: 16px; }
}
@media (min-width: 992px) and (max-width: 1170px) {
	#layout5{ padding: 50px 0px 60px 0px; }
	#layout5 .show{ margin-top: 42px; height: 548px; }
	#layout5 .show .big{ width: 495px; height: 273px; }
	#layout5 .show .small{ width: 246px; height: 135px; }
	#ly5-photo03{ right: 248px; }
	#ly5-photo05{ right: 248px; top:137px; }
	#ly5-photo06{ top:137px; }
	#ly5-photo07{ bottom:137px; }
	#ly5-photo08{ left: 248px; bottom:137px; }
	#ly5-photo10{ left: 248px; }
	#layout5 .big p{ font-size: 20px; line-height: 26px; }
	#layout5 .small p{ font-size: 15px; line-height: 20px; }
}