body {font-family: "Lantinghei SC","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,sans-serif;;background-color: #F4F4F4; font-size: 14px; line-height: 1.5em; position: relative;    overflow-x: hidden; padding:0;margin:0;}
ul {padding:0; margin:0;}
p { word-wrap:break-word;word-break:all-break;}
.clear {clear: both;}
.btn { display: inline-block; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1.5em; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px;}
a {text-decoration: none;}
.show {display: block;}
.hide {display: none;}
div,a,p{ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
textarea {font-size: 14px; line-height: 1.5em; font-family: "Helvetica Neue", Helvetica, Arial, "微软雅黑", sans-serif;}
.left {float: left;}
.right {float: right;}
.center {margin:0 auto; text-align: center;}
h1, h2, h3 {padding:0; margin: 0;}

/* 图片右上按钮 start */
.banner .fbn-btn-block {top: 5px;}
.fbn-btn-block {position: absolute; right: 5px; top: 51px;  width: 3%; background: #58585a; border-radius: 5px; padding: 3px 0; min-width: 20px;}
.fbn-btn-block a {cursor:pointer;}
.fbn-btn-block img {width: 100%;}
.embed-code-gallery-iframe { width: 395px; height: 97px;}    
.fn-box {display: none; max-width:500px; padding: 40px 38px 34px 38px; border-radius: 4px;}
/* 图片右上按钮 end */

svg.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
	font-size: 30px;
}
/* fancybox start */
.jwplayer {margin: 40px auto !important ;}
.fb-popup-img-block { width: 100%; text-align: center; position: relative;}
.fb-popup-img-block img { max-width: 100%; width: auto;}
/* fancybox end */

/* img-thumbnail start */
.img-thumbnail {position: relative; height: auto;}
.img-thumbnail .img-ratio-sizer {position: relative; padding-top: 58%;}
.img-thumbnail .imgCon {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }
.img-thumbnail .imgCon img {width: 100%; position: absolute; }
/* img-thumbnail end */

.row {}
.row:after {content: ' '; display: table; clear: both;}
.row .col-4 { float: left; width: 33.33%; padding: 15px;}
.row .col-4c { width: 33.33%; padding: 15px;}
.row .col-6 { float: left; width: 50%; padding: 15px;}
.row .col-12 { float: left; width: 100%; padding: 15px;}

.captionIcon { padding-right: 10px; }



.container {}
.nav { position: fixed; height: 90px; box-shadow: 1px 1px 5px #666; background-color: #f8954c; width: 100%; z-index: 100;}
.nav-border {border-bottom-width: 2px; border-bottom-color: #89abd4; border-bottom-style: solid; }
.nav .nav-block {position:relative;}
.nav .nav-block:after {content: ' '; display: table; clear: both;}
.nav .nav-share {float: right; padding: 28px 20px 0 15px;}
.nav .nav-btn-toggle {position: absolute; top: 20px; right:15px ; width: 44px; height: 44px; display: none;}

.nav .logo-btn { float: left;}
.nav .logo-btn  a.logo { display: inline-block; padding: 8px 15px; vertical-align: middle; }
.nav .logo-btn  a.logo img { max-height: 70px; max-width: 100%; vertical-align: middle;}
.nav .logo-btn .btn { background-color: #003768; border: 1px solid #003768; color: #ffffff; vertical-align: unset; margin: 28px 10px 0 10px;}
.nav .logo-btn .btn:hover { background-color: #006793; border: 1px solid #002309; }
.nav .logo-btn-mobile-hide { float: left; }
.nav .logo-btn-mobile-hide a.logo { display: inline-block; padding: 10px 15px; vertical-align: middle;}
.nav .logo-btn-mobile-hide a.logo img { max-height: 70px; max-width: 100%; vertical-align: middle;}
.nav .logo-btn-mobile-hide .btn { background-color: #003768; border: 1px solid #003768; color: #ffffff; vertical-align: unset; margin: 28px 10px 0 10px;}
.nav .logo-btn-mobile-hide .btn:hover { background-color: #006793; border: 1px solid #002309; }
.nav .btn-toggle { display: block; color: #666;
    background-image: url(//static.prnasia.com/pro/mnr/includes/image/share.png);
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-color: #ddd;
    width: 44px; height: 44px; background-color: transparent; border: 1px solid #dddddd; border-radius: 4px;
}
.navMobileHS {display: block;}

.content { padding-top: 90px; }

.banner {}
.banner .bannerBlockVideo { text-align: center; background-color: #000000;    background-repeat: repeat;}
.banner .bannerBlockVideo .banner-video {width: 100%; display: block; margin-left: auto; margin-right: auto;}

.banner .bannerBlockVideoFnb { text-align: center; background-color: #000000;    background-repeat: repeat; margin: 0 auto;
}
.banner .bannerBlockVideoFnb a {display: block; position: relative; width: 70%; margin-left: auto; margin-right: auto;}
.banner .bannerBlockVideoFnb a img {width: 100%; display: block; }
.banner .bannerBlockVideoFnb a .desc {position: absolute; background: black; color: white; bottom: 0; padding: 6px; width: 100%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}





.banner .bannerBlockImage {position: relative;}
.banner .bannerBlockImage .bannerImg {width: 100%; display: block; margin-left: auto; margin-right: auto;}

.banner .bannerBlockRoll { text-align: center; background-color: #000000; background-repeat: repeat; }
.banner .bannerBlockRoll ul.rollpic li a img {width: 100%;}
.banner .bannerBlockRoll ul.rollpic li img {width: 100%;}
.banner .bannerBlockRoll ul.rollpic li .rolllipic {position: relative;}
.banner .bannerBlockRoll .slick-prev:before, .banner .bannerBlockRoll .slick-next:before {font-size: 50px;}
.banner .bannerBlockRoll .slick-next {right : 25px; width: 50px; height: 50px; z-index: 10;}
.banner .bannerBlockRoll .slick-prev {left : 25px; width: 50px; height: 50px; z-index: 10;}
.banner .bannerBlockRoll .slick-dots {bottom: 25px;}
.banner .bannerBlockRoll .slick-dotted.slick-slider {margin-bottom: 0px; margin: 0 auto;}


.text { margin: 0 auto; }
.text .textc { margin: 0 auto; padding-right: 30px; padding-left: 30px; background-color: #98dc34; opacity: 1;}
.text .textc:first-child { padding-top: 32px; }
.text .textc:last-child { padding-bottom: 20px; }
.text .textcg { margin: 0 auto; }
.text .subject {font-weight: bold; font-size: 34px; line-height: 2.0em; padding-bottom: 25px; margin:0;}
.text .subject a {color: #333;}
.text .subject2 { font-weight: normal; font-size: 24px; line-height: 2.0em; padding-bottom: 25px; margin:0;}
.text .subject2 p {margin: 0;}
.text .subject2 p a {color: inherit;}
.text .paragraph { font-size: 16px; }
.text .zdy { padding-bottom: 22px; }
.text .paragraph:after {content: ""; display: block; clear: both;}
.text-t4.text .paragraph:after {content: ""; display: none; clear: none;}
.text .paragraph a { color: #7788ca;}
.text .paragraph p {text-align: justify; color: #333333; padding-bottom: 22px; line-height: 2.0em; font-size: 16px; margin: 0;}
.text .galleryBlock { background-color: #ed56ad; padding: 30px 15px; }
.text .galleryBlock .desc {position: absolute; background: black; color: white; bottom: 0; padding: 6px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.text .galleryBlock + .textc { padding-top: 22px; }
.text .zhwb { margin-left: -30px; margin-right: -30px; }
.textc-pb { padding-bottom: 22px; }


.text .paragraph .galleryConBlock { padding-bottom: 22px; }
.text .paragraph .galleryCon { display: block; text-align: center; position: relative; width: 80%; margin: 0 auto;}
.text .paragraph .galleryConLeft { display: block; text-align: center; position: relative; width: 40%; margin: 10px 22px 22px 0; float: left;}
.text .paragraph .galleryConRight { display: block; text-align: center; position: relative; width: 40%; margin: 10px 0 22px 22px; float: right;}
.text .paragraph .galleryCon .desc {position: absolute; background: black; color: white; bottom: 0; padding: 6px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left;}
.text .paragraph .galleryConLeft .desc {position: absolute; background: black; color: white; bottom: 0; padding: 6px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left;}
.text .paragraph .galleryConRight .desc {position: absolute; background: black; color: white; bottom: 0; padding: 6px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left;}
.text .paragraph .galleryCon img { width: 100%; }
.text .paragraph .galleryConLeft img { width: 100%; }
.text .paragraph .galleryConRight img { width: 100%; }

.text .paragraph .galleryMoreConRight { text-align: center; width: 40%; margin: 10px 0 22px 22px; float: right; }
.text .paragraph .galleryMoreConRight .gallerySlidePer {margin-bottom: 22px; display: block; position: relative;}
.text .paragraph .galleryMoreConRight .gallerySlidePer img { width: 100%; }
.text .paragraph .galleryMoreConRight .gallerySlidePer .desc {position: absolute; background: black; color: white; bottom: 0; padding: 6px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left;}

.text .paragraph .galleryMoreConLeft { text-align: center; width: 40%; margin: 10px 22px 22px 0; float: left; }
.text .paragraph .galleryMoreConLeft .gallerySlidePer {margin-bottom: 22px; display: block; position: relative;}
.text .paragraph .galleryMoreConLeft .gallerySlidePer img { width: 100%; }
.text .paragraph .galleryMoreConLeft .gallerySlidePer .desc {position: absolute; background: black; color: white; bottom: 0; padding: 6px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left;}


.text .paragraph .galleryConCenter { float: left; width: 40%; padding: 10px 0 22px 0; position: relative; }
.text .paragraph .galleryConCenter .desc {position: absolute; background: black; color: white; bottom: 0; padding: 6px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left;}
.text .paragraph .galleryConCenter img { width: 100%; }
.text .paragraph .textLeft { float: left; width: 30%; padding: 0 22px 0 0;}
.text .paragraph .textRight { float: left; width: 30%; padding: 0 0 0 22px;}

.text .langBlock { padding-bottom: 22px; text-align: center; }
.text .langBlock .langbtn {text-align: center; display: inline-block; background-color: #008000; text-decoration: none; color: #fff; font-size: 16px; width: 30px; height: 30px; font-weight: bold; padding: 4px 0 0 0; margin-right: 10px;}
.text .langBlock .langimg {text-align: center; display: inline-block; max-width:60px; padding-right: 10px; vertical-align: middle;}
.text .langBlock .langimg img {width: 100%;}
.text .langBlock .langdesc {display: inline-block;margin-right: 6px; color: #0088f2;}
.text .langBlock .langlink {display: inline-block; text-decoration: none; color: #e783de; font-size: 16px; border-right:1px solid #99ca5d; padding-right: 8px; margin-right: 5px;}
.text .langBlock .langlink:last-child { border-right:0px solid #99ca5d; }


.text .remarkBlock { padding-bottom: 22px; }
.text .remarkBlock .remark {display: block; background-color: #dcfe5d; padding: 18px 32px; line-height: 1.5em; font-size: 16px; font-weight: bold; color: #cf7835;}
.text .remarkBlockLeft { width: 33%; margin: 9px 22px 22px 0; float: left;}
.text .remarkBlockRight { width: 33%; margin: 9px 0 22px 22px; float: right;}
.text .footer{
	padding-bottom: 22px;
	width: 40%;
}
.text .footer.footerLeft{ margin: 9px 22px 22px 0; float: left;}
.text .footer.footerRight{ margin: 9px 0 22px 22px; float: right;}
.text .footer .footerBlock{ padding: 18px 32px;}
.text .footer .footerBlock{ padding: 18px 32px;}
.text .footer .footerBlock .textc{ width: 100%!important; background:inherit;}
.text .footer .footerBlock .footer-placeholder {margin: 0px -32px;}
.text .shareBlock { padding-bottom: 22px; text-align: right;}

.text .fgx { padding-bottom:22px;}
.text .fgx hr {margin:0; border:0px none white; display: inline-block;}

.footer {text-align: center;}
.footer .footerBlock {background-color: #78ab37; padding: 20px 0;}
.footer-t2 .footerBlock, .footer-t3 .footerBlock{ padding: 15px;}
.footer .footerBlock .footer-title {color: #ffffff; font-weight: bold; font-size: 20px; line-height: 1.5em; padding-bottom: 5px; padding-top: 4px; margin-bottom: 16px;}
.footer .footerBlock .footer-link { display: block; color: #f0cb0d;  padding-bottom: 20px; font-size: 16px; }
.footer .footerBlock .footer-text { display: block; color: #fff98c; padding-bottom: 20px; font-size: 16px; }
.footer .footerBlock .footer-btn { display: block; background-color: #f58377; border: 1px solid #f55b54; color: #ffffff; padding: 10px 0 10px 0; border-radius: 5px; margin: 0 auto 20px; width: 360px; max-width: 100%; font-size: 16px;}
.footer .footerBlock .footer-img {display: block; padding-bottom: 20px; margin: 0 auto; width: 360px; max-width: 100%;}
.footer .footerBlock .footer-socialShow {padding-bottom: 20px;}
.footer .footerBlock .footer-socialShow iframe { height: 400px; width: 350px; }
.footer .footerBlock .footer-placeholder {margin: 0px -15px;background-position: center center;background-size: cover;}
.footer .footerBlock .footer-fa {}
.footer .footerBlock .footer-hr { margin-top: 30px; margin-bottom: 30px; border: none; height: 1px; background-color: #999;}
.footer .textc { margin: 0 auto; padding-right: 30px; padding-left: 30px;}
.footer .langBlock { padding-bottom: 22px; text-align: center;}   
.footer .langBlock .langbtn {text-align: center; display: inline-block; background-color: #008000; text-decoration: none; color: #fff; font-size: 16px; width: 30px; height: 30px; font-weight: bold; padding: 4px 0 0 0; margin-right: 10px;}
.footer .langBlock .langimg {text-align: center; display: inline-block; max-width:60px; padding-right: 10px;vertical-align: middle;}
.footer .langBlock .langimg img {width: 100%;}

.langdesc {display: inline-block;margin-right: 3px; color: #0088f2;}
.langlink {display: inline-block; text-decoration: none; color: #e783de; font-size: 16px; border-right:1px solid #99ca5d; padding-right: 8px; margin-right: 5px;}
.langlink:last-child { border-right:0px solid #99ca5d; }

.text-t2, .text-t3 {width: 66.66666667%; float: left;padding-left: 15px; padding-right: 15px; margin-top: 20px;}
.text-t3 { float: right}
.footer-t2, .footer-t3{width: 33.33333333%; float: left; padding-left: 15px; padding-right: 15px; margin-top: 20px;}

/* @media (min-width: 1200px) {
	.text-t2 .textc {
		width: 100%;
	}
} */

.text-t4 { background-color: #98dc34; padding-top: 30px;}
.text-t4 .remarkBlock100 {margin-left: -30px; margin-right: -30px;}
.t4-sider { float: right!important; clear: both!important; margin: 20px 0px 20px 20px; width: 35%;}
.t4-sider .textc:first-child { padding-top: 0; }
.t4-sider-m {display: none;}





@media (max-width: 767px) {
	.mobileShow {display: inline-block;}
	.mobileHide {display: none;}
	.nav .nav-btn-toggle {display: block;}
	.nav .nav-share {float: none; padding: 15px; border-top: 1px solid #ccc; background-color: #f8954c; }
	.nav .logo-btn-mobile-hide { float: none; padding: 0 15px; border-top: 1px solid #ccc; background-color: #f8954c; }
	.nav .logo-btn-mobile-hide a.btn { margin-bottom: 10px;}
	.navMobileHS {display: none;}
	.nav .logo-btn {float: none; width: 80%;}
	.textc {width: 100%;}
	.textg {width: 100%;}
	.text .remarkBlockLeft { width: 100%; margin: 0; float: none;}
	.text .remarkBlockRight { width: 100%; margin: 0; float: none;}
	.text .footer{
		width: 100%;
		margin: 0; 
		float: none;
	}
	.row .col-4 { width: 100%; }
	.row .col-6 { width: 100%; }
	.row .col-4c { width: 100%; }
	.text .paragraph .galleryConLeft { width: 100%; margin: 0 22px 22px 0; float: none;}
	.text .paragraph .galleryConRight { width: 100%; margin: 0 22px 22px 0; float: none;}
	.text .paragraph .galleryConCenter { float: none; width: 100%; padding: 0 0 22px 0 ;}
	.text .paragraph .galleryCon { width: 100%; }
	.text .paragraph .textLeft { float: none; width: 100%; padding: 0 0 0 0 ;}
	.text .paragraph .textRight { float: none; width: 100%; padding: 0 0 0 0 ;}


	.text .paragraph .galleryMoreConLeft { width: 100%; margin: 0 22px 22px 0; float: none; }
	.text .paragraph .galleryMoreConLeft .gallerySlidePer {margin-bottom: 22px;}

	.text .paragraph .galleryMoreConRight { width: 100%; margin: 0 22px 22px 0; float: none; }
	.text .paragraph .galleryMoreConRight .gallerySlidePer {margin-bottom: 22px;}


	.text-t2, .text-t3 {width: 100%; float: none;}
	.footer-t2, .footer-t3 {width: 100%; float: none; }

	.t4-sider {display: none;}
	.t4-sider-m {display: block;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.navMobileHS {display: block;}
	.text-t1 .textc {width: 750px;}
	.text-t1 .textcg {width: 750px;}
	.text .remarkBlockLeft { width: 100%; margin: 0; float: none;}
	.text .remarkBlockRight { width: 100%; margin: 0; float: none;}
	.text .paragraph .galleryConLeft { width: 100%; margin: 0 22px 22px 0; float: none;}
	.text .paragraph .galleryConRight { width: 100%; margin: 0 22px 22px 0; float: none;}

	.text .paragraph .galleryConCenter { float: none; width: 100%; padding: 0 0 22px 0 ;}
	.text .paragraph .galleryCon { width: 100%; }
	.text .paragraph .textLeft { float: none; width: 100%; padding: 0 0 0 0 ;}
	.text .paragraph .textRight { float: none; width: 100%; padding: 0 0 0 0 ;}

	.text .paragraph .galleryMoreConLeft { width: 100%; margin: 0 22px 22px 0; float: none; }
	.text .paragraph .galleryMoreConLeft .gallerySlidePer {margin-bottom: 22px;}

	.text .paragraph .galleryMoreConRight { width: 100%; margin: 0 22px 22px 0; float: none; }
	.text .paragraph .galleryMoreConRight .gallerySlidePer {margin-bottom: 22px;}

	.text-t2, .text-t3 {width: 100%; float: none;}
	.footer-t2, .footer-t3 {width: 100%; float: none; }

	.text-t4 {width: 750px;}

}

@media (min-width: 992px) and (max-width: 1199px) {

	.navMobileHS {display: block;}
	.text-t1 .textc {width: 970px;}
	.text-t1 .textcg {width: 970px;}

	.text-t4 {width: 970px;}
}

@media (min-width: 1200px){
	.navMobileHS {display: block;}
	.text-t1 .textc {width: 1170px;}
	.text-t1 .textcg {width: 1170px;}

	.text-t4 {width: 1170px;}

}