.main {
	min-width: 1200px;
	height: 1080px;
	background: url(../../Images/bg.jpg) top center no-repeat;
}
/*header*/
.header {
	margin: 0 auto;
	width: 1200px;
	height: 188px;
	overflow: hidden;
}
.logo-box {
	float: left;
	margin-top: 80px;
	width: 581px;
	height: 60px;
}
.search-box {
	position: relative;
	float: left;
	margin-top: 92px;
	width: 360px;
	height: 42px;
	background: #5cb8e7;
	border-radius: 2px;
}
.search-box>input {
	margin: 6px;
	width: 306px;
	height: 30px;
	background: #fff;
	border: none;
	text-indent: 1em;
}
.search-box>a {
	position: absolute;
	right: 9px;
	top: 6px;
	display: block;
	width: 30px;
	height: 30px;
	background: url(../../Images/search.png) center center no-repeat;
}
.links-box {
	float: left;
	margin-left: 40px;
	margin-top: 96px;
	width: 210px;
	height: 32px;
	background: #07c8d4;
	border-radius: 2px;
	line-height: 32px;
	text-align: center;
}
.links-box>a {
	display: inline-block;
	height: 20px;
	padding-left: 28px;
	font-size: 12px;
    font-family: "Microsoft YaHei";
    color: #fff;
    line-height: 20px;
}
.jianyang {
	padding-right: 14px;
	margin-right: 14px;
	background: url(../../Images/pc.png) 0 center no-repeat;
	border-right: 1px solid #fff;
}
.app-download {
	background: url(../../Images/app.png) 0 center no-repeat;
}
.links-box>a:hover {
	text-decoration: underline;
}
.content {
	margin: 0 auto;
	width: 1200px;
	min-height: 780px;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	background: rgba(255,255,255,0.8) url(../../Images/content.png) top left no-repeat;
}


.footer {
	margin-top: 34px;
	width: 100%;
}
.footer>p {
	font-size: 12px;
    font-family: "Microsoft YaHei";
    color: #575757;
	text-align: center;
	line-height: 26px;
}


/*首页*/
.con-top {
	padding-top: 31px;
	padding-bottom: 20px;
	margin: 0 auto;
	width: 1120px;
	height: 330px;
	border-bottom: 1px dashed #9bcee4;
}
.news {
	float: left;
	width: 651px;
	height: 293px;
}
.title-box {
	padding-left: 20px;
	width: 100%;
	height: 42px;
	box-sizing: border-box;
	border-left: 6px solid #23ace5;
}
.chinese-title {
	margin-bottom: 6px;
    font-size: 26px;
    font-family: "Microsoft YaHei";
    color: #313131;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 3px;
}
.english-title {
	font-size: 10px;
    font-family: "Arial";
    color: #24a9e8;
    text-transform: uppercase;
    line-height: 10px;
}
.news-title {
	float: left;
	width: 348px;
	height: 42px;
	background: url(../../Images/news.png) no-repeat;
}

.more-box {
	float: right;
	width: 90px;
	height: 25px;
	background: url(../../Images/more.png) no-repeat;
	text-align: right;
	line-height: 25px;
}
.more-box>a {
	margin-right: 7px;
	font-size: 12px;
    font-family: "Microsoft YaHei";
    color: #fff;
}
.more-box>a:hover {
	text-decoration: underline;
}
.news-con {
	margin-top: 42px;
	width: 651px;
	height: 209px;
	overflow: hidden;
}
.news-slide {
	float: left;
	width: 380px;
	height: 209px;
	overflow: hidden;
}
.news-slide a {
	display: block;
	width: 380px;
	height: 209px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.news-font {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 36px;
	background-color: rgba(0,0,0,0.3);
	font-size: 16px;
    font-family: "Microsoft YaHei";
    color: #fff;
    line-height: 36px;
    text-align: center;
}
.news-slide .slick-slide {
	position: relative;
}
.news-slide .slick-prev {
	margin-top: -13px;
	left: 12px;
	width: 15px;
	height: 27px;
	background: url(../../Images/left.png) no-repeat;
	background-size: 100% 100%;
	opacity: 0.7;
}
.news-slide .slick-next {
	margin-top: -13px;
	right: 12px;
	width: 15px;
	height: 27px;
	background: url(../../Images/right.png) no-repeat; 
	background-size: 100% 100%;
	opacity: 0.7;
}
.news-slide .slick-arrow:hover {
	opacity: 1;
}
.slick-prev,.slick-next {
	z-index: 999;
}
.slick-prev:before,
.slick-next:before {
	content: "";
}
.news-ul {
	float: right;
	margin-top: -9px;
	width: 255px;
	height: 209px;
}
.news-ul>li {
	position: relative;
	width: 100%;
	height: 35px;
	border-bottom: 1px dotted #cad2d4;
	line-height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-ul>li>a {
	display: inline-block;
	max-width: 220px;
	font-size: 14px;
    font-family: "Microsoft YaHei";
    color: #626262;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-ul>li:nth-child(1)>a,
.news-ul>li:nth-child(2)>a {
	color: #000;
}
.news-ul>li>a:hover {
	color: #ff0000;
}
.news-ul>li>span {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 12px;
    font-family: "Microsoft YaHei";
    color: #707070;
}

.notice {
	float: right;
	width: 406px;
	height: 293px;
}
.notice-title {
	float: left;
	width: 113px;
	height: 42px;
	background: url(../../Images/notice.png) no-repeat;
}
.notice-ul {
	margin-top: 41px;
	width: 100%;
}
.notice-ul>li {
	margin-bottom: 33px;
	width: 100%;
	height: 46px;
}
.notice-date {
	float: left;
	width: 45px;
	height: 46px;
}
.notice-date>.day {
	width: 45px;
	height: 28px;
	background: #23ace5;
	font-size: 20px;
    font-family: "Microsoft YaHei";
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
}
.notice-date>.month {
	width: 45px;
	height: 18px;
	background: #c0e2f0;
	font-size: 12px;
    font-family: "Microsoft YaHei";
    color: #626262;
	text-align: center;
	line-height: 18px;
}
.notice-font {
	float: right;
	width: 346px;
	height: 46px;
}
.notice-font>a {
	display: inline-block;
	max-width: 100%;
    font-size: 18px;
    font-family: "Microsoft YaHei";
    color: #313131;
    font-weight: bold;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.notice-font>div {
	font-size: 12px;
    font-family: "Microsoft YaHei";
    color: #959595;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nav-box {
	margin: 4px auto 0;
	width: 1152px;

}

.nav-item {
	float: left;
	margin: 0 19px 10px;
	width: 250px;
	height: 80px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 14px center;
	border: #23ace5 solid;
	border-width: 1px 1px 1px 6px;
	box-shadow: 3px 4px 0px 0px rgba(14, 5, 10, 0.1);
	box-sizing: border-box;
	border-radius: 2px;
}
/*.nav-item:nth-child(1) {
	background-image: url(../../Images/lab1.png);
}
    .nav-item:nth-child(2) {
        background-image: url(../../Images/lab2.png);
    }
    .nav-item:nth-child(3) {
        background-image: url(../../Images/lab3.png);
    }
    .nav-item:nth-child(4) {
        background-image: url(../../Images/lab4.png);
    }
    .nav-item:nth-child(5) {
        background-image: url(../../Images/lab5.png);
    }
    .nav-item:nth-child(6) {
        background-image: url(../../Images/lab6.png);
    }
    .nav-item:nth-child(7) {
        background-image: url(../../Images/lab7.png);
    }
    .nav-item:nth-child(8) {
        background-image: url(../../Images/lab8.png);
    }*/
.nav-item>a {
	display: block;
	width: 100%;
	height: 80px;
	font-size: 22px;
    font-family: "Microsoft YaHei";
    color: #11a2de;
    font-weight: bold;
	text-align: center;
	text-indent: 67px;
	line-height: 80px;
}
.nav-item:hover {
	box-shadow: none;
}


/*列表*/
.map-box {
	margin: 0 auto;
	width: 1120px;
	height: 51px;
	border-bottom: 1px dashed #9bcee4;
	font-size: 12px;
    font-family: "Microsoft YaHei";
    color: #9b9b9c;
    line-height: 70px;
}
.map-box>a {
	font-size: 12px;
    font-family: "Microsoft YaHei";
    color: #9b9b9c;
}
.map-box>a:hover {
	text-decoration: underline;
}
.map-box>a:last-of-type {
	color: #31b1e7;
}
.list-title {
	margin: 32px auto 16px;
	width: 1120px;
}
.list-ul {
	position: relative;
	margin: 0 auto;
	width: 1120px;
	height: 415px;
	overflow: hidden;
}
.list-ul:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	width: 1px;
	background: #eeeeee;
}
.list-ul>li {
	margin-bottom: 13px;
	width: 530px;
	height: 93px;
	border-bottom: 1px dotted #c9d2d3;
}
.list-ul>li:nth-child(2n-1) {
	float: left;
}
.list-ul>li:nth-child(2n) {
	float: right;
}
.list-ul>li>a {
	font-size: 20px;
    font-family: "Microsoft YaHei";
    color: #000;
    font-weight: bold;
    line-height: 42px;
}
/*.list-ul>li>a:hover {
	text-decoration: underline;
}*/
.list-ul>li>div {
	width: 100%;
    font-size: 12px;
    font-family: "Microsoft YaHei";
    color: #707070;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 14px;
}
.list-ul>li>div:last-of-type {
	margin-top: 16px;
	color: #8fbfd2;
}

.page-box {
    margin: 35px auto 0;
    width: 440px;
    height: 26px;
}
.page-box>a {
    padding: 5px 9px;
    border: 1px solid #dddddd;
    font-size: 12px;
    color: #333333;
    font-family: "Microsoft YaHei";
}
.page-box>span {
    color: #b9b9b9;
}
.page-box>a:hover,.page-box>a.check {
    background: #eaeaea;
}
.m-pagination-page > li > a {
    border-color: #dddddd !important;
}
.m-pagination-page > li.active > a {
    background: #eaeaea !important;
    
}
/*details*/
.details-title {
    position:relative;
    margin: 0 auto;
    width: 1120px;
    height: 85px;
    border-bottom: 1px dotted #ccd2d3;
}
.details-title>.title {
	font-size: 22px;
    font-family: "Microsoft YaHei";
    color: #000;
    font-weight: bold;
    text-align: center;
    line-height: 66px;
}
.details-title>.copyright {
    font-size: 12px;
    font-family: "Microsoft YaHei";
    color: #8fbfd2;
    text-align: center;
    line-height: 18px;
}
.share-table {
    position:absolute;
    right:0;
    bottom:0;
}
.details-con {
    position: relative;
    margin: 33px auto 0;
    width: 1120px;
    min-height: 415px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: #626262;
    line-height: 28px;
    /*overflow: scroll;*/
}
/*.details-con:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	width: 1px;
	background: #eeeeee;
}*/
.details-con img {
	/*display: block;
	margin: 0 auto 26px;*/
	max-width: 90%;
}
.details-con p {
	text-indent: 2em;
}
.details-left,
.details-right {
	width: 530px;
	height: 415px;
}
.details-left {
	float: left;
}
.details-right {
	float: right;
}


.banner-slide {
	float: left;
	width: 1120px;
    height: 330px;
	overflow: hidden;
}
.banner-slide a {
	display: block;
	width: 1120px;
    height: 330px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.banner-slide img {
        width:100%;
	height:100%;
}
.banner-slide .slick-slide {
	position: relative;
}
.banner-slide .slick-prev {
	margin-top: -28px;
	left: 12px;
	width: 37px;
	height: 56px;
	background: url(../../Images/left.png) no-repeat;
	background-size: 100% 100%;
	opacity: 0.7;
}
.banner-slide .slick-next {
	margin-top: -28px;
	right: 12px;
	width: 37px;
	height: 56px;
	background: url(../../Images/right.png) no-repeat; 
	background-size: 100% 100%;
	opacity: 0.7;
}
.banner-slide .slick-arrow:hover {
	opacity: 1;
}