/* CSS Document */
body{ background:#f8ecc9; min-width:1024px;}
.header{ position:relative; text-align:center;}
.nav_main{ width:1024px; margin:0 auto; }
.nav_main p a{ font-size:40px; font-family:"微软雅黑"; color:#68bdff; line-height:60px;}
.nav{ background:#FFF; }
.nav_1{ height:60px; width:100%;}
.nav ul{ float:right;}
.nav li{ float:left; margin-left:80px; font-size:18px; font-family:"微软雅黑"; letter-spacing:4px; line-height:60px; color:#333;}
.nav i{ height:21px; width:21px; display:block; float:left; margin-top:21px; margin-right:5px;}
.nav li a{ display:block; color:#333;height:50px;text-decoration: none}
.nav li a:hover{ color:#f0b502; border-bottom:2px  solid #f0b502;text-decoration: none}
.nav_2{ position:fixed; top:0;height:60px; width:100%; display:none; z-index:300;border-bottom:1px solid #dddddd;}
.banner{ min-width:1024px;}
.banner img{ width:100%;}
.fl{float: left}
.contents{ width:1024px; margin:0 auto;}
.contents_xueqian{ width:1024px; margin:0 auto; text-align:center;}
.contents_xueqian img{ width:97%;}
.question{ height:980px; margin-top:38px;}
.module{ position:relative; width:100%; background:#fcf8e3;  box-shadow:0 5px 5px #bfbfbf; margin-top:40px; padding-top:60px; padding-bottom:50px;}
.yemei{ position:absolute; top:0; left:0; height:120px; width:120px; background: url(../images/yemei.png) no-repeat;}
.yejiao{ position:absolute; bottom:0; right:0; height:190px; width:197px; background:url(../images/yejiao.png) no-repeat;}

.title{ float:right; width:90%; font-family:"微软雅黑";}
.title_top{ font-size:24px; line-height:25px; color:#333;  letter-spacing:3px; padding-bottom:20px; border-bottom:2px solid #7d5701;}
.title_main{ padding-left:40px; margin-top:20px; background:url(../images/p_list.png) no-repeat; font-size:18px; letter-spacing:2px; line-height:28px;}
.title_main span{ color:#0fafd7;}
.sub_title{ margin-top:80px; margin-left:-22px;}
.sub_mod{ position: relative;}
.sub_mod p{ width:445px; font-size:16px; color:#1c5ab5;  font-family:"微软雅黑"; line-height:28px; text-indent:40px; margin-left:54px;}
.pic_4{ margin-top:-160px; margin-left:260px;}
#show{ position:absolute; bottom:200px; left:458px;height:73px; width:73px;}


.patr{ position:relative; height:700px;}
.layer{ position:absolute; top:0; left:0; height:100%; width:100%;  z-index:299;}
.shou{height:426px; width:213px;text-align:center;font-size:50px;position: absolute; top:230px; left:105px; overflow:hidden;}
.shou ul{height:426px; width:213px;position:relative;}
.shou ul li{height:426px; width:213px;left:300px;top:0;position:absolute;}
.shou ol{position:absolute;bottom:15px;width:260px;margin-left:-130px;left:50%;z-index:20;text-align:center; display:none;}
.shou ol a{width:16px;height:16px;margin-right:10px;background:#3F9;border-radius:50%;display:inline-block;box-shadow:2px 3px 5px #CCCCCC;}
.shou	 ol a.active{background:white;z-index:18;}

.shou1{height:468px; width:336px;text-align:center;font-size:50px;position: absolute; top:140px; left:500px; overflow:hidden;}
.shou1 ul{height:468px; width:370px;position:relative;}
.shou1 ul li{height:468px; width:370px;left:300px;top:0;position:absolute;}
.shou1 ol{position:absolute;bottom:15px;width:260px;margin-left:-130px;left:50%;z-index:20;text-align:center; display:none;}
.shou1 ol a{width:16px;height:16px;margin-right:10px;background:#3F9;border-radius:50%;display:inline-block;box-shadow:2px 3px 5px #CCCCCC;}
.shou1	 ol a.active{background:white;z-index:18;}

.patr_1{ height:670px; margin-top:80px;}
.patr_1 .title_main{ letter-spacing:0; }
.part_left{ width:50%}
.part_right{ width:50%}
.part_right .title_main{ text-align:left; width:300px; margin:0 auto; margin-top:20px; }
.patr_2{ width:65%; margin:0 auto; margin-bottom:80px;}
.patr_2 .title{ float:none !important; width:100%;}
.patr_2 .title_main{ text-align:left; width:400px; margin:0 auto; margin-top:20px; }

.returntop{ position:fixed; right:1%; top:80%; display:none;}
.returntop a{ display:block; width:70px; height:70px; background:url(../images/return.png) no-repeat; }
	div.theVideoStratumBox {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		width: 70.0%;
	}
	
	.closeTheVideo {
		cursor: pointer;
    position: absolute;
    /*top: -25px;
    right: 0;
    width: 25px;*/
	}
	
	div.theVideoStratumBox video {
		width: 100%;
	}
	
	@media screen and (max-width: 768px) {
		div.theVideoStratumBox {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			width: 100.0% !important;
		}
		.closeTheVideo {
			cursor: pointer;
    position: absolute;
    /*top: -25px;
    right: 0;
    width: 25px;*/
		}
	}