﻿﻿@charset "utf-8"
html{
	padding:0;
	margin:0px;
	font-size:14px;font-family:"Microsoft YaHei","微软雅黑",-apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB",sans-serif;
	height:100%;
	width:100%;
	-webkit-overflow-scrolling:touch;
	background-color:#fbfbfb;
	overflow:hidden;
}
.body{margin:0px !important;background-color:#fbfbfb;}
img{border:0;margin-bottom:10px;}
div,p,ul,li{ list-style:none;padding:0;margin:0}
a{cursor:pointer;text-decoration:none;color:black}
.clear{clear:both;height:0}
input0,textarea0{font-size:14px;-webkit-appearance: none;}
input:focus {outline: none !important;border:none;}
input::-webkit-input-placeholder {color: white;}

/* 公共样式 */
.hide{display:none !important}

.nodata{display:block;width:100%;height:30px;line-height:30px;text-align:center}
/* 
	加载图片时显示loading
*/
[data-original]{text-align:center}
.swiper-container {width: 100%;height: 100%;}
.slider {width:100%;font-size: 18px;display:table;}
.swiper-wrapper,.swiper-slide{height:100%;}
.slider p {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.loading-img {
	position: relative;
	top:50%;margin-top:-16px;
    z-index:900;
    width:32px;height:32px;
	vertical-align:middle
}
/*
    图片自动适配
*/
.cover,.contain {
    background-repeat:no-repeat !important;
    background-position:center center;
    text-align:center;
	vertical-align:middle;
	transition: all 0.3s;font-size:0px;
}
.cover{background-size:cover !important;}
.contain{background-size:contain !important;}

/* common picture */
.g_cover{
	background-repeat:no-repeat !important;
	background-size:cover !important;
	height:200px;
	line-height:200px;
	margin-bottom:10px;
	background-position:center center;
}
.g_cover .loading-img {left:0;margin-left:0px;}
.cover .g_cover:last-child{margin-bottom:0px}

.boxing{float:left;box-sizing:border-box;-moz-box-sizing:border-box;}
.clear{both:clear}
.nodata{text-align:center;font-size:18px;}
/* 页面样式 */
[class^="page-"],
[class*=" page-"]{
	display:block;margin:auto;padding:0;border:0px solid black
}
.main{display:block;position: absolute;top:0;bottom:0;right:0;left:0;overflow:auto;}
.bgwhite{background-color:white;}
.main-footer{position:absolute;bottom:0;height:189px;display:block;}
.main-bodyer{}
/* page-banner */
.page-slide{height:450px;background:url(images/banner.png) no-repeat center;background-size:cover;}
.swiper-slide{background-size:100% 100%}
.swiper-pagination{height:40px;line-height:40px;bottom:0 !important;}
.swiper-pagination .swiper-pagination-bullet{width:40px;height:6px;background-color:white;opacity:1;margin:0 5px !important;border-radius:0}
.swiper-pagination .swiper-pagination-bullet-active{background-color:#35725D}
/* fixed width in page middle */
.fixed{margin:0 auto;width:1280px;height:100%;display:block;box-sizing: content-box;}
.page-bodyer .fixed{background:url(images/bg.png) repeat-y;}

/* header */
.page-header{background-color:white;min-height:104px;margin-bottom:0px;z-index:99;position:relative;}
.page-header .fixed{z-index:99;position:relative;height:64px;}
.page-header .top{height:40px;display:block;background-color:#212121 }
.page-header .welcome{color:white;line-height: 40px;}
.page-header .logo{width:355px;height:53px;margin-top:5px;float:left;background:url(images/logo.png) no-repeat center center;background-size:cover;z-index:99;}
.page-header .search{float:right;display:inline-block;height:24px;line-height:24px;border:1px solid white;border-radius:26px;background-color:transparent;margin:6px 5px 0 0 ;padding-left:10px;font-size:0;}
.page-header .search input[type=text]{color:white;width:50px;height:100%;padding:0 5px;border:none;background-color:transparent;}
.page-header .search a{float:right;display:inline-block;width:25px;height:25px;margin-right:5px;background:url(images/search.png) no-repeat center 3px;cursor:pointer;}

.page-header .header-menu{float:right;display:flex;align-items:center;justify-content:center;width:875px;padding:0px;list-style:none;height:64px;font-size:16px;font-weight:500;text-align:center;color:white}
.page-header .header-menu > li{width:12.5%;height:64px;line-height:64px;cursor:pointer}
.page-header .header-menu > li a{color:#000000;height:40px;line-height:40px;margin-top:6px;display:inline-block;}
.page-header .header-menu > li a label{display:block;font-size:9pt;}
.page-header .header-menu > li:hover a,.page-header .header-menu > li.actived a{color:#35725D;border-bottom:3px solid #35725D;}

.banner-top{background:#fbfbfb url(images/top-border.png) repeat-x center top;background-size:auto 13px;padding-top:30px;}
.page-banner{height:300px;width:1280px;background-position: center}
/* page-footer */
.page-footer{position:relative;display:none;height:200px;color:white;font-size:14px;background-color:#313131;min-width:1280px;}
.page-footer .fixed{height:200px;font-size:14px;display:block;text-align:center;}
.page-footer .fixed > div.left{display:inline-block;width:800px;text-align:left}
.page-footer .fixed > div.left p{display:block;height:30px;line-height:30px;}
.page-footer .fixed > div.left ul{display:block;height:30px;line-height:30px;}
.page-footer .fixed > div.left ul li{float:left;display:inline;margin-right:20px;}
.page-footer .fixed > div.left a{color:white;}
.page-footer .fixed > div.left a:hover{color:red;}

.page-footer .fixed > div.center{width:250px;padding:0 40px;box-sizing:border-box;border:1px solid rgba(172,172,172,.2);border-width:0 1px;}
.page-footer .fixed > div.center ul{display:flex;flex-wrap: wrap;}
.page-footer .fixed > div.center ul li {display:block;width:49%;height:24px;line-height:24px;}
.page-footer .fixed > div.center ul li a{color:white;}

.page-footer .fixed > div.right{display:inline-block;width:200px;text-align:center;}

.qrcode{display:inline-block;width:100px;height:100px;background:url(images/qrcode.png) no-repeat center;background-size:100%}

/* 首页 */
.home{}

.home .orange{border-color:#EAC254;background-color:#EAC254;}
.home .white{border:1px solid white;color:white;}
.home a{display:block;color:white;font-size:12px;}
.home > .one{width:1280px;height:350px;}
.home > .one a{margin:255px 0 0 175px;float:left;display:none;}

.swiper-container {width:100%;height:auto;margin-left: auto;margin-right: auto;vertical-align: top;}
.swiper-slide {background-size: cover;background-position: center;}

.gallery-slide{height: 100%;width: 100%;}
.gallery-thumbs {height: 90px;width:450px;margin-right:15px;box-sizing: border-box;margin-top:-35px;margin-left:100px;text-align:left;}
.gallery-thumbs .swiper-slide {width:145px;height: 90px;border:1px solid white}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}

.half{width:50%;height:auto;display:inline-block;padding:0px 50px 0px 50px;box-sizing:border-box;}
.row .half:first-child{padding-right:25px;}
.row .half:last-child{padding-left:25px;}
.half ul{display:block;}
.half ul li{float:left;text-align:left;width:264px;display:block;height:150px;background-color: #EFEFEF;border-radius:4px;margin:0 30px 30px 0;padding:20px;box-sizing:border-box;color:black;}
.half ul li:nth-child(2n){margin-right:0;}
.half ul li:hover,.half ul li.active{background-color: #38B781;color:white;cursor:pointer;}
.half ul li:hover a,.half ul li.active a{color:white;}
.half ul li label{display: block}
.half ul li label:nth-child(2){font-size:12px;margin-top:20px;}
.half ul li i{float:right;display:inline-block;width:40px;height:40px;background-size: 100%;background-repeat: no-repeat;margin: -20px -10px 0 0;}
.half ul li a{display:block;margin-top:20px;color:rgba(0,0,0,.7);}

.caption {margin-bottom:20px;}
.caption p{color:black;}
.caption p label{display:block;letter-spacing: 1px}
.caption p label:first-child{color:rgba(0,0,0,.5);font-family:sans-serif;font-weight: 400}
.caption p label:last-child{margin-top:10px;font-weight: 600;font-size:20px}
.caption a{float:right;color:black;font-family:sans-serif;margin-top:20px;font-size:16px;}

.row{display:flex;border-top:1px solid rgba(172,172,172,.2);padding-top:30px}

.home > .two{width:100%;height:638px;}
.home > .two > p{position:relative;float:right;background:url(images/1-2-5.png) no-repeat center;background-size:100%;width:180px;height:80px;margin:-112px 40px 0 0;}
.home > .two div{position:relative;float:left;}
.home > .two .one{margin:134px 0 0 180px;width:480px;height:320px;box-sizing: border-box;padding:30px 120px 0 40px;}
.home > .two .one > p:first-child{background:url(images/1-2-3.png) no-repeat center;background-size:100%;width:150px;height:80px;}
.home > .two .one label.title{color:#2B2B2B;font-size:16px;font-weight: bold}
.home > .two .one label.content{display:block;line-height:140%;font-size:13px;padding:10px 0;margin-bottom:10px}

.home > .two .two{margin:-330px 0 0 816px;width:328px;height:155px;background-size:100%;}
.home > .two .two a{float:left;margin:55px 0 0 180px;}

.home > .two .three{margin:-200px 0 0 587px;width:518px;height:415px;background-color:white;box-sizing: border-box;padding:20px 40px 40px 40px;}
.home > .two .three > p:first-child{background:url(images/1-2-4.png) no-repeat center;background-size:100%;width:150px;height:70px;}
.home > .two .three ul{display:block;width:100%;height:280px;padding-bottom:0px !important;}
.home > .two .three ul li{display:block;width:430px;margin-top:25px;}
.home > .two .three i{width:95px;height:75px;float:left;}
.home > .two .three ul li p{display:inline-block;width:310px;margin-left:15px;}
.home > .two .three label.title{color:#2B2B2B;font-size:13px;font-weight: bold;line-height:110%;}
.home > .two .three label.content{display:block;line-height:120%;font-size:13px;padding:0px;height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.home > .two .three a{float:right;}
.home > .two .one label:hover,.home > .two .three label:hover{color:#eac254;cursor: pointer;}

.home > .three{width:100%;height:578px;}
.home > .three ul{display:block;padding:200px 100px 0 100px;}
.home > .three ul li{display:inline-block;width:175px;height:175px;padding-top:80px;text-align:center;cursor:pointer;}
.home > .three ul li label{display:block;color:white;margin:10px;font-size:16px;font-weight:bold}
.home > .three ul li label:last-child{font-size:12px;font-weight:100}
.home > .three ul li i{display:block;height:90px;width:175px;background-position:center;background-size:70%;background-repeat: no-repeat;margin:5px auto;}
.home > .three ul li.actived,.home > .three ul li:hover{background:url(images/icon-bg.png) no-repeat center bottom;background-size:contain}

.icon1{background-image:url(images/icon-1.png?s=0);}
.icon2{background-image:url(images/icon-2.png?s=0);}
.icon3{background-image:url(images/icon-3.png?s=1);}
.icon4{background-image:url(images/icon-4.png?s=0);}
.icon5{background-image:url(images/icon-5.png?s=1);}
.icon6{background-image:url(images/icon-6.png?s=0);}

.home > .four{width:1280px;height:730px;}
.home > .four .header{width:100%;height:220px;background:url(images/1-4-0.png) no-repeat center;background-size:100%;}
.home > .four .header a{float:right;border-color:#499176;color:#499176;position:relative;margin-right:100px;margin-top:120px;}
.home > .four div{float:left;display:inline;width:760px;}
.home > .four div.west{width:520px !important;height:450px;background:url(images/1-4-1.png) no-repeat center;background-size:100%;}
.home > .four div p{float:left;display:-inline-block;width:380px;height:265px;color:white;padding:50px;box-sizing: border-box}

.home > .four div p:first-child{}
.home > .four div p:last-child{background-color:#4EA48B;}
.home > .four div.south p:first-child{float:right;}
.home > .four div.south p:last-child{background-color:#EAC254}
.home > .four div label{display:block}
.home > .four div label.title{font-size:14px;}
.home > .four div label.content{line-height:140%;font-size:13px;padding:10px 0;}

.btn:hover{background-color:#d2af3b;cursor: pointer;}

/* page-bodyer */
.page-bodyer{background-color:transparent;z-index:100;min-height:640px;}
.page-bodyer .fixed{min-height: 640px}
.sub-bodyer{display:block;height:100%;}
.page-bodyer .fixed{background-color:white;position:relative;}
/* page-subtitle */
.sub-title{display:none;height:80px;text-align:left;border-bottom:1px solid #cccccc;}
.sub-title label{display:inline-block;height:77px;line-height: 90px;color:white;letter-spacing: 2px; font-size:22px;padding:0 5px;border-bottom:4px solid #35725D;}
.sub-title label a{color:#4F4f4f;font-weight:bold;}
.sub-title label i{color:#7F7f7f;font-size:18px;font-style:normal;font-weight:500;letter-spacing:1px;}

.sub-title p{float:right;height:50px;line-height:48px;margin-right:0px;}
.sub-title p input[type=text]{width:200px;height:26px;line-height:26px;border:1px solid white;border-right-width:0;background-color:transparent;color:white;padding:1px 10px;font-size:14px;}
.sub-title p input[type=button]{background-color:#046D8A;width:60px;height:30px;line-height:28px;border:none;color:white;font-size:14px;}

.sub-menu{width:1280px;display:block;height:50px;background-color:#efefef;}
.sub-menu ul{width:100%;background-color: #F5F5F5;}
.sub-menu li{float:left;width:120px;display:block;height:50px;line-height:50px;text-align:center;font-weight:600;}
.sub-menu li a{color:#999;}
.sub-menu li:hover,.sub-menu li.actived{background-color:#38B781;color:white;}
.sub-menu li:hover a,.sub-menu li.actived a{color:white;}
.sub-menu li:last-child{display:none}
.sub-middle{width:1280px;display:block;min-height:300px;padding-top:35px;display:block;height:100%;}
.sub-middle .item{}
.sub-middle .content{margin:0 35px 35px 35px;}
.sub-middle .content div p{line-height:200%;text-indent:32px;}
.sub-middle .picturetext{}

.sub-noright{width:1280px;padding:0px;box-sizing: border-box;padding-right:0px;}
.sub-noright .item{margin:25px 25px 0 0;}
.sub-noright .pager{margin-right:30px;}

.sub-page{}
.sub-page-top{margin:20px 40px 0 40px;}
.sub-page .sub-middle{}
.sub-page .picture .item{margin:0 35px 35px 0;}
.sub-page .picture .item:nth-child(4n){margin-right:0;}

.sub-search{display:block;border:1px solid #BFBFBF;border-top-width:0;margin:auto;height:60px;line-height:60px;}
.sub-search p{float:left;border-right:1px solid #BFBFBF;text-align: center}
.sub-search p:first-child{width:100px;}
.sub-search p:nth-child(2){width:220px;}
.sub-search p:nth-child(3){width:810px;border-right-width:0;}
.sub-search select{width:200px;height:58px;border:none;font-size:16px;}
.sub-search input[type=text]{width:100%;height:40px;line-height:60px;padding:8px 10px;border:none;color:#595959;font-size:16px;}
.sub-search a{float:right;display:inline-block;width:60px;height:60px;background:#EAC254 url(images/search.png) no-repeat center center;cursor:pointer;}

.page-detail img{display:block;margin:10px auto;max-width:800px;}

#page-notice div{display:flex;margin-bottom:30px;}
#page-notice div *{cursor:pointer}
#page-notice p{display:flex;height:90px;flex-direction:column;}

#page-notice p:first-child{width:80px;border-right:0.5px solid rgba(172,172,172,0.7);align-items: flex-start;justify-content:center;}
#page-notice p:first-child a:first-child{display:block;font-size:36px;}
#page-notice p:first-child a {color:black;text-align:center;font-family: arial}

#page-notice p:last-child{width:500px;padding-left:30px;}
#page-notice p:last-child label:first-child{font-weight: 600}
#page-notice p:last-child label:nth-child(2){margin:5px 0;font-size:12px;color:rgba(0,0,0,.6);max-height:34px;text-overflow:ellipsis;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; }
#page-notice p:last-child a{font-size:12px;color:rgba(0,0,0,.7)}

#page-news div label:first-child{font-weight:600;display:block;}
#page-news div label:last-child{margin-top:20px;font-size:12px;color:#525252;line-height:150%;height:102px;text-overflow:ellipsis;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;}
.news-slide .swiper-button-prev,.news-slide .swiper-button-next{color:gray;border:1px solid gray;width:30px;height:30px;border-radius:100%;top:160px;}
.news-slide .swiper-button-prev:after,.news-slide .swiper-button-next:after{font-size:16px;}
.news-slide .swiper-button-next{left:50px;right:auto;color:#35725D;border:1px solid #35725D;}

#page-news-img{}
#page-news-img li{display:inline-block;width:265px;height:250px;}
#page-news-img li:first-child{margin-right:30px;}
#page-news-img li i{display:block;width:100%;height:100%;}

#page-exhi div label:first-child{font-weight:600;display:block;}
#page-exhi div label:last-child{margin-top:20px;font-size:12px;color:#525252;line-height:150%;height:102px;text-overflow:ellipsis;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;}

#page-exhi-img{}
#page-exhi-img li{display:inline-block;width:560px;height:250px;}
#page-exhi-img li i{display:block;width:560px;height:100%;}

#page-collect .item{width:265px;margin-right:40px;margin-bottom:20px;height:250px;display:inline-block;float:left;}
#page-collect .item:nth-child(4n){margin-right:0;}
#page-collect .item a{display:block;width:100%;height:200px;}
#page-collect .item label{padding-top:10px;font-weight:600;height:40px;text-overflow:ellipsis;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;line-height:120%;}

#page-science{display:flex;height:280px;width:1020px;float:left}
#page-science .item{display:block;width:320px;height:280px;margin-right:30px;}
#page-science .item:last-child{margin-right:0;}
#page-science .item a{display:flex;height:280px;align-item:bottom;position: relative;}
#page-science .item a label{font-size:14px;background-color:rgba(0,0,0,.4);width:100%;padding:0 10px;height:40px;line-height:40px;text-align:left;color:white;display:block;position:absolute;bottom:0;box-sizing:border-box;}

.expo-prev,.expo-next{color:gray;border:1px solid gray;width:30px;height:30px;border-radius:100%;top:280px;left:50px;}
.expo-prev:after,.expo-next:after{font-size:16px;}
.expo-next{right:auto;color:#35725D;border:1px solid #35725D;top:320px;}

.row .more{display:block;text-align: right;padding:30px 0;clear:both;}
.row .more a{color:black;font-size:16px;}

.column{flex-direction:column;}
.ellipsis{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.swiper-slide *{cursor:pointer}
