body{ color:#333; margin:0 auto;}
.wd{width:1440px; margin: 0 auto;}
/*********************************************************/
.top{width:100%;position:relative;}
.nav{width:100%;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;z-index:2;padding:30px 0;border-bottom:2px solid #009591;}
.logo{float:left;}
.logo a{display:block;}
.navbox{float:right;width:55%;}
.navli{float:left;width:22%;}
.navyjlm{ width:100%;display:block;}
.navyjlm a{ width:100%;display:block;text-align:center;color:#fff; line-height:60px;font-size:20px;font-weight:bold;}
.china{width:30px; float:right;margin:15px 0 0 0;}
.china a{width:100%;background:#009591;border-radius: 50%;color:#fff;font-size:14px;display:block;text-align:center;line-height:30px;}
.navyjlm a:hover,.china a:hover{background:#02c7c2;}
.banner{width:100%;overflow:hidden;}
.banner img{width:100%;}
/************************/
.cont{padding:73px 0 120px 0;}
.title span{width:100%;font-weight:bold;text-transform:uppercase;line-height:40px; font-size:50px;text-align:center; display:block;}
.title p{width:75px; height:3px;background:#00a8b1;margin:20px auto 0 auto;}
.jjnr{margin:20px 0 0 0;}
.jjnrimg{float:left;}
.jjnrfont{width:calc(100% - 640px); float:right;margin:50px 0 0 0;padding:0 35px 19px 35px;border:1px solid #00a8b1;border-left:0;position:relative;z-index:2;}
.jjnrfont:before{content:"";width:740px;height:347px; background: url(../img/bj01.png) no-repeat;background-size:cover;position:absolute;left:0;bottom:0;}
.jjnrfont h6{width:100%;font-weight:bold;text-transform:capitalize;line-height:30px; font-size:30px;display:block;margin:15px 0 20px 0;}
.jjnrfont p{width:100%; line-height:28px;text-indent:2em;}
/************************/
.box02{margin:70px auto;}
.yytop{margin:30px 0 0 0;background:#009591;padding:10px;}
.yyleft{width:67%;float:left;}
.yyright{width:33%;border-left:1px solid #43afad;float:right;}
.yyright h6,.yyleft h6{width:100%;display:block;line-height:30px;text-align:center;font-size:26px;color:#fff;}
.yyright>img{max-width:100%; margin:10px auto;}
.yyright p{width:100%; line-height:20px;text-align:center; color:#fff;}
.yyul{width:80%;margin:28px auto;}
.yyul li{width:33.3%;float:left;position:relative;}
.yyul li:before{content:"";width:60px;height:2px;background:#fff;position:absolute;right:-30px;bottom:25px;}
.yyul li:nth-child(3n):before{display:none;}
.yyul li h5{width:100%;line-height:30px;color:#7bcecc;display:block;text-align:center;}
.yyul li span{width:100%;line-height:50px;color:#fff;display:block;text-align:center;font-size:56px;font-weight:bold;}
.yyleft p{width:100%; line-height:20px;text-align:center; color:#fff;}
.yycont{border:1px dashed #fff;padding:20px;}
.yynr{background:#eafcfc;}
.yynrtitle{width:96%; border-bottom:1px solid #009591;font-size:26px;font-weight:bold; line-height:50px;text-align:center;margin:20px auto 0 auto;}
.yyfont{padding:20px 40px 40px 40px;}
.yyfont h6{display:block;font-size:18px;font-weight:bold; line-height:35px;}
.yyfont p{display:block;  line-height:35px;}
/************************/
.boxul{width:49%;float:left;}
.boxul:nth-child(2){ float:right;}
.video{width:100%;overflow:hidden;}
.video video{background:#333;margin:35px 0 0 0;height:463px;}
.boxcont{background:#009591;padding:0 0 10px 0;margin:35px 0 0 0;}
.boxcont>img{ width:100%;margin:0 0 10px 0;}
.boxcont P{width:100%;line-height:30px;text-align:center;color:#fff;}
/************************/
.bq{background:#383735;padding:40px 0;}
.bq .bqlogo{margin:0 auto 40px auto;display:block;}
.bq .bqlogo img{margin:0 auto;max-width:100%;}
.bq .wd p{color:#888;text-align:center; line-height:25px;}
/************************/
/************************/
/************************/
/************************/
/************************/
/************************/
@media screen and (max-width:1680px) {
}
@media screen and (max-width:1620px) {
}
@media screen and (max-width:1550px) {
}
@media screen and (max-width:1500px) {
}
@media screen and (max-width:1440px) {
	.wd{width:90%;}
	.jjnrfont{    padding: 0 20px 19px 20px;}
	.jjnrfont p{line-height: 22px;}
	.jjnrfont:before{width: 100%;height: 283px;background-size: contain;}
	.yyul{margin: 19px auto;}
	.video video{height: 423px;}
	.cont{padding:70px 0;}
}
@media screen and (max-width:1420px) {
}
@media screen and (max-width:1366px) {
	.title span{font-size: 30px;line-height:25px;}
	.video video{height:408px;margin: 20px 0 0 0;}
	.boxcont{margin: 20px 0 0 0;}
	.box02{margin: 30px auto;}
	.cont{padding:50px 0;}
	.jjnrfont h6{ font-size: 20px; margin: 10px 0;line-height: 20px;}
	.jjnrfont{ padding: 0 10px 10px 10px;}
}
@media screen and (max-width:1300px) {
}
@media screen and (max-width:1210px) {
	.jjnrfont{border-left:1px solid #00a8b1;width: 100%;min-height:283px;padding:20px;margin:0;}
	.jjnrfont p{line-height: 35px;}
	.yyleft{width: 100%;}
	.yyright{width: 100%;border-left:0;border-top:1px solid #43afad;padding:20px 0 0 0;margin:20px 0 0 0;}
	.video video{height:373px;}
	.jjnr{margin:0;}
	.jjnrimg{ float: none; margin: 0 auto;}
	.jjnrimg img{max-width:100%;margin: 0 auto;}
}
@media screen and (max-width:1024px) {
	.logo{float: none; margin: 0 auto;}
	.logo a img{ margin: 0 auto;}
	.navbox{width:100%;margin:20px 0 0 0;}
	.navyjlm a{ line-height:40px;}
	.china{margin: 5px 0 0 0;}
	.nav{padding: 10px 0;}
	.cont{ padding: 20px 0;}
	.title span{font-size:20px;}
	.boxul{width:100%;}
	.video video{height:auto;}
	.title p{margin: 10px auto 0 auto;}
	.boxul:nth-child(2){margin:20px 0 0 0;}
	.bq{ padding: 20px 0;}
	.bq .bqlogo{ margin: 0 auto 10px auto;}
	.yyul li span{font-size: 30px;font-weight: normal;}
	.yyright h6, .yyleft h6,.yynrtitle{ font-size: 20px;}
}
@media screen and (max-width:900px) {
}
@media screen and (max-width:800px) {
	.yyfont{padding:20px;}
	.navyjlm a{ font-weight: normal;}
	
}
@media screen and (max-width:700px) {
}
@media screen and (max-width:600px) {
	.logo,.logo a,.logo a img{max-width:100%;}
}
@media screen and (max-width:500px) {
	.navyjlm a{font-size: 18px;}
	.jjnrfont{padding:10px;}
	.jjnrfont h6{font-size:18px;text-align:center;}
	.jjnrfont p{ font-size: 14px; line-height:25px;}
	.box02{margin:20px auto;}
	.yyul li:before{display:none;}
	.yyul{width:100%;margin:10px auto;}
	.yyright h6, .yyleft h6, .yynrtitle{font-size:16px;}
	.yyul li h5{ line-height:20px;}
	.yyul li span{font-size:20px; line-height:20px;}
	.yyleft p{font-size:12px;}
	.title span{font-size:16px; line-height:20px;}
	.yytop{margin:20px 0 0 0;}
	.yynrtitle{margin:0 auto;}
	.yyfont h6{font-size:16px;}
	.yyfont p{font-size:14px;line-height:25px;}
	.boxcont P{font-size:14px;padding:0 10px; line-height:15px;margin:10px 0 0 0;}
	.title p{ margin: 5px auto 0 auto;}
	.yyul li h5{font-size:14px;}
}
@media screen and (max-width:414px) {
	.navyjlm a{font-size: 16px;}
	.navbox{margin:0;}
	.navyjlm a{line-height:20px;}
	.china{margin:0;}
	.china a{line-height:20px;font-size:12px;}
	.nav{padding:5px 0;}
	.banner img{height: 200px;object-fit: cover;}
	.yytop{padding:5px;}
	.yycont{padding:10px;}
	.bq .wd p{font-size:14px; line-height:20px;}
	.bq{padding:10px 0;}
}
@media screen and (max-width:375px){
}
@media screen and (max-width:320px){
	.navyjlm a{font-size:14px;}
}