@charset "utf-8";
/* CSS Document */

.middle{ background:url(/cms/templates/30658556849800000/images/pc-mbg1.png) no-repeat center top #e0eeff;background-size:cover;}
.midbg{background: url(/cms/templates/30658556849800000/images/bodybg01.jpg) repeat-y top center; background-size:cover; padding-bottom:100px; overflow: hidden; }

.dqwz{ font-size:14px; line-height:24px; padding:15px 0;}

.tqhd-list{ margin:24px auto 0;}
.qy-box{background:rgba(255,255,255,0.6); font-size:22px; color:#000000; text-indent:2em; line-height:48px; padding: 30px 25px 25px 30px; border:1px dashed #0f6cc3; box-sizing:border-box; border-radius:30px; position:relative; }
.qy-box span{color:#e10e0e; font-weight:bold; }
.qy-icon{ position:absolute; right:-32px; bottom:-80px; z-index:9;}

.ctzs-box{margin:100px 0 40px;}
.ctzs-title{font-size:40px; font-weight:bold; background:url(/cms/templates/30658556849800000/images/tqhd-btbg01.jpg) no-repeat bottom; color:#0f6cc3; text-align:center; height: 90px; margin-bottom:40px; }
.ctzs-list{background:rgba(255,255,255,0.6); border:1px dashed #0f6cc3; box-sizing:border-box; padding:60px 45px 60px 50px; border-radius:30px; }
.ctzs-list ul li{margin-bottom:60px;}
.ctzs-left{float:left; width:48%;}
.tp{width:100%;}
.tp img{width:100%; border-radius: 30px;}
.tpmc{font-size:16px; color:#000000; text-align:center; line-height:48px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ctzs-right{float:right; width:48%;}
.ctzs-intro{width:100%; font-size:20px; line-height:48px; color:#000000; text-indent:2em;}
.ctzs-intro span{font-weight:bold;}

.cyfs01-box{margin-bottom:40px;}
.cyfs-main{background:rgba(255,255,255,0.6); border:1px dashed #0f6cc3; box-sizing:border-box; padding:40px 35px 20px 35px; border-radius:30px; text-align:left;}
.cyfs-main p{font-size:18px; line-height:36px; color:#000000; margin-bottom:25px; text-indent:2em; }
.cyfs-main div{font-size:20px; line-height:36px; color:#000000; margin:25px 0;}
.cyfs-main div span{display:block; font-size:30px; line-height:36px; color:#000000; }
.cyfs-main img{width:100%; text-align:center;}

.yyczsc-box{margin-bottom:40px;}
.yyczsc-main{background:rgba(255,255,255,0.6); border:1px dashed #0f6cc3; box-sizing:border-box; padding:40px 35px 20px 35px; border-radius:30px; }

.main-top{margin-bottom:30px;}
.top01{float:left; width:30%; margin-right:40px; }
.bz{font-size:18px; color:#000000; line-height:48px; margin-bottom:20px; text-align:left;}
.bz span{font-size:24px; font-weight:bold; width:48px; height:48px; line-height:48px; color:#0f6cc3; border-radius:100%; display:inline-block; margin-right:15px; border:3px solid #0f6cc3; text-align:center; float:left;}
.bzjt{width:100%;}
.bzjt img{width:100%; height: 64vw;}

.top02{float:left; width:calc(70% - 40px);}
.top02 .bz{font-size:18px; color:#000000; height:48px; line-height:26px; text-align:left; margin-bottom:20px;}

.bzjt-list02 ul{width:calc(100% + 40px);}
.bzjt-list02 ul li{margin:0 40px 0 0; float:left; width:calc(100% / 2 - 40px); }
.bzjt-list02 ul li img{width:100%; height: 64vw;}

.top03{float:left; width:calc(100% / 3 - 40px); margin:0 40px 0 0;}
.top03:nth-child(3){float:right; width:calc(100% / 3); margin:0;}
.top03 .bz{font-size:18px; color:#000000; height:48px; line-height:26px; text-align:left; margin-bottom:50px;}
.top03 .bzjt img{width:unset; height:unset;}

.top06{width:100%;}
.bzjt-list06 ul{width:calc(100% + 60px);}
.bzjt-list06 ul li{margin:0 60px 0 0; float:left; width:calc(100% / 4 - 60px); }
.bzjt-list06 ul li img{width:100%; }

.pthd-box{margin-bottom:40px;}
.pthd-main{background:rgba(255,255,255,0.6); border:1px dashed #0f6cc3; box-sizing:border-box; padding:35px 30px 25px 35px; border-radius:30px; font-size:18px; color:#000000; line-height:36px; margin-bottom:40px;}
.pthd-list{background:rgba(255,255,255,0.6); border:1px dashed #0f6cc3; box-sizing:border-box; padding:35px 30px 25px 35px; border-radius:30px;}
.hbap{float:left; width:58%; margin-right:2%;}
.hbap span{display:block; font-size:22px; line-height:36px; color:#0f6cc3; margin-bottom:20px; }
.hbap p{font-size:18px; color:#000000; line-height:36px;}

.hcap{float:left; width:40%;}
.hcap span{display:block; font-size:22px; line-height:36px; color:#0f6cc3; margin-bottom:20px;}
.hcap p{font-size:18px; color:#000000; line-height:36px;}

.cyfs-left{float:left; width:25%; margin-right:40px;}
.gpfs{font-size:18px; line-height:24px; color:#000000; margin-bottom:15px;}
.gpfs span{display:block; font-size:30px; line-height:48px; color:#0f6cc3; font-weight:bold; margin-bottom:15px;}
.xcx-ewm{text-align:center;}
.xcx-ewm div{margin-top:10px;}

.cyfs-mid{float:left; width:calc(50% - 80px); margin-right:40px;}
.mid-tpqh{ position:relative;}
.mid-tpqh img{width:calc(100% - 35px); height:calc(100% - 35px); box-shadow: 35px 35px 0px rgba(153,153,153,0.2); border-radius:30px;}

#controlBar{ position:absolute !important; bottom:-60px !important; left:50% !important; margin-left:-35px !important; }
.circle1, .circle2{display:inline-block; width:15px; height:15px; border-radius:100%; margin-right:15px; background:rgba(153,153,153,0.2);}
.circle1{background:#0f6cc3;}
.circle2{background:rgba(153,153,153,0.2);}

.cyfs-right{float:left; width:25%; background:rgba(255,255,255,0.6); border:1px dashed #0f6cc3; box-sizing:border-box; padding: 30px 20px 25px 30px; border-radius:30px; font-size:18px; color:#000000; line-height:36px; }
.cyfs-right p{margin-bottom:20px; text-indent:2em; }
.cyfs-right span{font-weight:bold; text-indent:2em; }
.cyfs-right span p{font-weight:bold; text-indent:2em; }


/* =================@media================== */
@media screen and (max-width:1350px) {
	
}


@media screen and (max-width:1200px) {

	
}

@media screen and (max-width:1000px) {

.midbg{ padding:0 18px 30px;}
.dqwz { display: none; }
.tqhd-list{ margin-top:40px;}

	.qy-box {
		font-size: 18px;
		line-height: 36px;
		padding: 20px 20px 80px 25px;
	}
	
	.ctzs-list{padding: 40px 20px 20px 20px;}
	.ctzs-list ul li{ margin-bottom: 40px; }
	.ctzs-title { font-size: 36px; height: 70px; margin-bottom: 40px; }
	.ctzs-left { width: 100%; }
	.ctzs-right { width:100%; }
	
	.ctzs-intro { font-size: 18px; line-height: 36px; }
	.cyfs-main{padding: 40px 20px 20px 20px;}
	.cyfs-main p { font-size: 16px; line-height: 30px; margin-bottom: 15px; }
	.cyfs-main div span { font-size: 24px; line-height: 32px; }
	.cyfs-main div { font-size: 18px; line-height: 32px; margin: 20px 0 15px; }
	
	.top01 { width: 100%; margin: 0 0 30px 0; }
	.bzjt img { width: 100%; height: auto; }
	.top02 { width: 100%; }
	.top03 { width: 100%; margin: 0 0 30px 0; }
	.top03 .bzjt img { width: 100%; height: auto; }
	.top03:nth-child(3) { width: 100%; margin: 0 0 30px 0; }
	.bz {height:unset; line-height: 30px; margin-bottom: 30px; }
	.bz span {
		font-size: 20px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin-right: 15px;
	}
	.bzjt-list06 ul{width: calc(100% + 40px);}
	.bzjt-list06 ul li { margin: 0 40px 40px 0; width: calc(100% / 2 - 40px); }
	.hbap { width: 100%; margin: 0 0 30px 0; }
	.hcap { width: 100%; }

	.yyczsc-main{padding: 40px 20px 20px 20px;}
	.cyfs-left{width: 100%; margin: 0 0 30px 0; background:rgba(255,255,255,0.8); border-radius: 30px;}
	.cyfs-mid{width: 100%; margin: 0 0 30px 0; padding-bottom: 100px; }
	.cyfs-right{width: 100%; padding: 25px 20px 20px 25px;}
	.pthd-list { padding: 35px 20px 25px 20px; }
	
}

@media screen and (max-width:700px) {
	.qy-box {
		font-size: 16px;
		line-height: 30px;
		padding: 20px 20px 80px 25px;
	}
	.ctzs-title { font-size: 30px; height: 66px; margin-bottom: 40px; }
	.bzjt-list02 ul { width:100%; }
	.bzjt-list02 ul li{ margin: 0 0 30px 0; width: 100%;}
	.bzjt-list02 ul li img { width: 100%; height: auto; }
	.top02 .bz { height:unset; line-height: 26px; margin-bottom: 30px; }
	.top03 .bz { height: unset; line-height: 26px; margin-bottom: 30px; }
	.bzjt-list06 ul { width:100%; }
	.bzjt-list06 ul li{ margin: 0 0 30px 0; width: 100%;}
	.bzjt-list06 ul li img { width: 100%; height: auto; }
	
	.pthd-main { padding: 20px 15px 20px 20px; font-size: 16px; line-height: 30px; margin-bottom: 40px; }
	.hbap span { font-size: 20px; line-height: 24px; margin-bottom: 10px; }
	.hbap p { font-size: 16px; line-height: 30px; }
	.hcap span { font-size: 20px; line-height: 24px; margin-bottom: 10px; }
	.hcap p { font-size: 16px; line-height: 30px; }
	
	.gpfs span{
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	.gpfs { font-size: 16px; line-height: 24px; }
	
}

@media screen and (max-width:450px) {
	.bz { font-size: 16px; line-height: 30px; margin-bottom: 30px; }
	.bz span {
		font-size: 18px;
		width: 36px;
		height: 36px;
		line-height: 36px;
		margin-right: 15px;
	}
	.cyfs-right { padding: 25px 20px 20px 25px; font-size: 16px; line-height: 30px; }
    .ctzs-title {
        font-size: 24px;
        height: 60px;
        margin-bottom: 40px;
    }
}

@media screen and (max-width:375px) {

	.tqhd-list{margin-top:30px;}

	
}