/* CSS Document */
@font-face { font-family: 'siyuansong' ; src: local('Slidefu'), url(/_upload/tpl/06/d6/1750/template1750/sjxt/fonts/siyuansong.ttf) format('truetype');}


.flex{ display: flex; justify-content: space-between; align-items: center;display:-webkit-flex; flex-wrap: wrap; }
.left{justify-content: flex-start;}
.right{justify-content: flex-end;}
.no{flex-wrap: nowrap;}
.top{align-items: flex-start;}

.nr{max-width: 14.6rem;  margin: 0 auto;padding-left: 0.3rem;padding-right: 0.3rem; }


/* 标题 */
.sjbt{justify-content: center; flex-wrap: wrap;text-align: center;margin-top: .5rem;}
.sjbt p{width: 100%;  font-family: "siyuansong" !important; color: #333333; font-size: 42px;}
.sjbt img{margin: 10px auto;display: block; width: 200px;}
.sjbt span{width: 100%; font-family: "siyuansong" !important; color: #999999; font-size: 32px;text-transform:uppercase }


/* 基础部分*/
.jcbf{text-align: center; margin-top: 40px;}
.jcbf img{width: 1.3rem; height:1.3rem;}
.jcbf em{min-height:1.3rem; display: block;}
.jcbf em::before{font-family: "iconfont"; color: #004f9b; font-size: 1rem; content: "\e63f"; font-style: normal; line-height: 1.3rem;}
.jcbf:nth-child(3) em::before{content:"\e685" ;font-size: 1.2rem; color: #2973b3;}
.jcbf:nth-child(4) em::before{content:"\e61d" ;font-size: 1.2rem; color: #5398cc;}
.jcbf:nth-child(5) em::before{content:"\e663" ;font-size: 1.2rem; color: #7cbce6;}
.jcbf p{font-family: "siyuansong" !important; color: #333; font-size: 30px; margin-top: 30px; margin-bottom: 10px;}
.jcbf span{font-family: "siyuansong" !important; color: #999999; font-size:20px;text-transform:uppercase }
.jcbf:hover a p{color:#215faa}


/* 应用部分*/
.yybfbj{width: 100%; height: auto; min-height:5rem; background: url(/_upload/tpl/06/d6/1750/template1750/sjxt/images/yybj.png); margin-top: .8rem;}
.yybfbj .sjbt{margin-top: 0;padding-top: .5rem;}
.yybfbj .nr{padding-bottom: .8rem; max-width:60%;}
.yybf{text-align: center; margin-top: 40px;}
.yybf em{min-height:1.5rem ; display: block;}
.yybf em::before{font-family: "iconfont"; color: #004f9b; font-size: 1rem; content: "\e63f"; font-style: normal; line-height: 1.5rem;}
.yybf:nth-child(1) em::before{content:"\e600" ;font-size: 1.2rem; color: #2973b3;}
.yybf:nth-child(2) em::before{content:"\e6a1" ;font-size: 1.2rem; color: #2973b3;}
.yybf:nth-child(3) em::before{content:"\e7c7" ;font-size: 1.2rem; color: #2973b3;}
.yybf p{font-family: "siyuansong" !important; color: #333; font-size: 30px; margin-top: 30px; margin-bottom: 10px;}
.yybf span{font-family: "siyuansong" !important; color: #999999; font-size:20px;text-transform:uppercase }
.yybf:hover a p{color:#215faa}


/* 下载部分*/
.wjxzleft{width: 70%; height: 290px; background: #215faa; margin-top: .8rem;}
.wjxzrightbj{width: 30%; height:290px; background: #eb9000;margin-top: .8rem; flex-wrap: wrap;}
.wjleft{padding-left: 40px; padding-top: 35px;}
.fbsj hx{width: 60px;height: 1px;background: #9cc0ec;}
.fbsj sj{font-size: 18px; font-family: Arial, Helvetica, sans-serif; color:#9cc0ec;margin-left: 20px;}
.fbwz{font-size: 26px; margin-top: 10px; }
.fbwz a{color: #fff;font-family: "siyuansong" !important;}
.wjxzright{height:1.5rem;width: 100%;}
.wjxzright em{text-align: center;width: 100%;}
.wjxzright em::before{font-family: iconfont; content: "\e69a"; color: #fff; font-size: 90px; font-style: normal;}
.wjxzright a{width: 100%; display: block; text-align: center;}
.wjxzright a p{font-family: "siyuansong" !important; color: #fff; font-size:32px;}




/* 内页左侧 */
.nyleft{width:22%; margin-top: 80px; position:sticky;top:0}
.nybt{width: 100%; height: 70px; border-radius:  10px 10px 0 0; background: #215faa; text-align: center; line-height: 70px; font-size: 30px; 
color: #fff; font-family: siyuansong;}
.sjnyzlm {width: 100%;color: #4e4e4e;}
.sjnyzlm li{width: 100%;height: auto;border-bottom: 1px dashed #c2c2c2;color: #4e4e4e; padding-top:10px; padding-bottom: 10px;}
.sjnyzlm a{color: #4e4e4e; font-size: 16px; padding-left: 20px;}
.sjnyzlm li:hover a{color: #215faa;}
.fh{width: 100%; height: 60px; border-radius: 60px; background: #215faa; color: #fff; font-size: 25px; font-family: siyuansong; text-align: center;line-height: 60px;margin-top: 30px;}

/* 内页右侧 */
.nyright{width: 74%; margin-top:100px;}
.rightbt{font-size:28px; font-family: siyuansong; color: #5c5c5c; width: 100%; border-bottom: 1px solid #e4e4e4; padding-bottom:20px;text-align:center}
.nynr {width: 100%; margin-top: 40px;}
.nynr img{max-width: 95%; margin: 20px auto; height:auto !important }

.nyrightlist{width: 100%; height: .7rem; line-height: .7rem; border-bottom: 1px dashed #e4e4e4;}
.nyrightlist a{font-size: .18rem; color: #5c5c5c;}
.nyrightlist:hover a{font-weight: bolder; color: #215faa;}

.rightnr{font-size: 18px;color: #5c5c5c; width: 100%; line-height: 36px; margin-top:15px; margin-bottom:35px}
.wp_articlecontent{margin-top:30px}



@media screen and (max-width: 1500px){
html{font-size: 90px;}
.ymtop{height: 3rem;}
.nr{max-width: 13.5rem;}

.wjxzright a p{font-size:30px;}
}



@media screen and (max-width: 1400px){
	html{font-size: 85px;}
}

@media screen and (max-width: 1300px){
html{font-size: 80px;}
.jcbf p{font-size: 26px;}
.jcbf span{font-size: 18px;}
.yybf p{font-size: 26px;}
.yybf span{font-size: 18px;}
.wjxzright a p{font-size: 28px;}
}

@media screen and (max-width: 1200px){
	html{font-size: 75px;}
	.jcbf p{font-size: 24px;}
	.jcbf span{font-size: 16px;}
	.yybf p{font-size: 24px;}
	.yybf span{font-size: 16px;}
	.wjxzright a p{font-size: 26px;}
	.fbwz{font-size: 24px;}
	.rightbt{font-size: 30px;}
	.sjnyzlm li{padding-top: 15px; padding-bottom: 15px; line-height: 36px;}
	.sjnyzlm a{font-size: 18px;}
}

@media screen and (max-width: 1100px){
	html{font-size: 70px;}
	.sjbt p{font-size: 32px;}
	.sjbt span{font-size: 24px;}
	.jcbf p{font-size: 20px;}
	.jcbf span{font-size: 14px;}
	.yybf p{font-size: 20px;}
	.yybf span{font-size: 14px;}
	.wjxzright a p{font-size: 24px;}
	.fbwz{font-size: 22px;}
	.rightbt{font-size: 34px;}
	.sjnyzlm li{padding-top: 15px; padding-bottom: 15px; line-height: 36px;}
	.sjnyzlm a{font-size: 18px;}
	.fh{font-size: 22px;}
}

@media screen and (max-width: 1000px){
	html{font-size: 60px;}
}

@media screen and (max-width: 800px){
html{font-size: 70px;}
.ymtop{height: 2rem;}
.logo{width: 55%;}
.jcbf{width: 100%;}
.jcbf p{margin-top:10px}

.yybf{width: 100%;}
.yybf p{margin-top:10px}
.wjxzleft{width: 100%;}
.wjxzright{width: 100%;margin-top:0;height: auto;}
.wjxzrightbj{margin-top:0;height:200px;width: 100%;}

.nyleft{width: 100%;order: 2;margin-top: 30px;position:relative }
.nyright{width: 100%; margin-top: 30px; order: 1;}

.wjxzleft{height: auto; padding-bottom: 30px;}
.fbwz{width: 90%; margin: 0 auto;}
.rightbt{font-size: 34px;height: auto;padding-bottom: 20px;}
	.nybt{height:60px; line-height:60px; font-size:26px;}
}