/* CSS Document */
html,body{
    margin:0px;
	padding:0px;
	font-size:15px;
	color:#333;
	line-height:26px;
	background:#fdfdfd;
	font-family:"微软雅黑";
}
h1,h2,h3,h4,h5,h6,a,p{
	margin:0;
	padding:0;
}
a{ color:#333; text-decoration:none; }
img{
	border:0;
}
ul,li{
	list-style-type: none;
	padding: 0;
	margin: 0;	
	border-top-color: #036;
	border-right-color: #036;
	border-bottom-color: #036;
	border-left-color: #036;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.clear{
    clear:both;
	height:1px;
	overflow:hidden;
}
html body div.clear,html body span.clear{
	background:none;
	border:0;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	margin:0;
	padding:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0}
.font_12{ font-size:12px; line-height:22px;}
.zj img{ border:1px #cdcdcd solid; padding:3px; }
.zj2 img{ border:1px #cdcdcd solid; padding:3px; }
.l{ float:left;}
.r{ float:right;}
.mar_10{ margin-left:10px;}
.right_l{ width:360px;}
.mar_r10{ margin-right:10px;}
.mar_b10{ margin-bottom:10px;}
.mar_t10{ margin-top:10px;}
.name{ color: #039; font-weight:bold;}
.c4{ color:#34ad8e;}
.ks{padding:8px 8px; color:#ffffff; margin-right:8px;}
.bor_b{ border-bottom:1px #ccc dotted; padding-top:8px; margin-bottom:8px;}
.title1{ font-size:16px; line-height:30px; font-weight:bold; text-align:center; color:#0047a0;}
a.h_wz{ color:#C00;}
.c6{ color:#47833d; margin-bottom:6px;}
/*主体格式*/
.container{
	width: 1000px;
	height: auto;
	margin: auto;
	border-top-color: #009;
	border-right-color: #009;
	border-bottom-color: #009;
	border-left-color: #009;
}
.m12_mar{display:inline;float:left;margin:0 5px;text-align:left;}
.m12_all{width:990px}
.m12_1{ width:90px;}
.m12_2{ width:170px;}
.m12_3{ width:250px;}
.m12_4{ width:330px;}
.m12_5{ width:410px;}
.m12_6{ width:490px;}
.m12_7{ width:570px;}
.m12_8{ width:650px;}
.m12_9{ width:730px;}
.m12_10{ width:810px;}
.m12_11{ width:890px;}
/*格式结束*/
/*页眉开始*/
 .page-top{
 	width:100%;
 	background-color: #fff;
 	box-shadow: 0 3px 5px rgba(0,0,0,.03);

 }
 .page-top-container{
    height:50px;
    width:1000px;
    margin-left:auto;
    margin-right:auto;
  }
  .page-top-container .logo{
    margin-top:5px;
     margin-left:16px;
  }
  .page-top-container .login a{
     color:rgba(0,0,0,.6);
     line-height:50px;
     letter-spacing: 1px;
  }
  .page-top-container .login .weibo,.page-top-container .login .list-page{
     width:120px;
   }
  .page-top-container .login .weibo::before,.page-top-container .login .list-page::before{
    	content:'';
    	display: inline-block;
    	width:20px;
    	height:20px;
    	background-image: url(../images/weibo.png);
    	background-repeat: no-repeat;
    	vertical-align:middle;
    	transition: all .3s;
    }
  .page-top-container .login .list-page::before{
    	background-image: url(../images/list-page.png);
    }
     .page-top-container .login a:hover{
     	text-decoration: underline;
     	color:#e4353c;
     }
     .page-top-container .login .list-page:hover::before{
     	background-position:0  -20px;
     }
     .page-top-container .login .weibo:hover::before{
     	background-position:0  -20px;
     }
/*页眉结束*/
/*banner开始*/
.banner-box{
	background:url(../images/banner.jpg) no-repeat center;	
	height:370px;
}
/*banner结束*/	
.nav_bj{
	background:linear-gradient(#f97d7f, #fc6769);
	width:100%;
	height:50px;}
.nav_bj .nav{
	width:1000px;
	height:50px;
	margin:0 auto;
	padding:0px;
	text-align:center;
}
.nav_bj .nav li{
	float:left;
	text-align:center;
	box-sizing: border-box;
	position: relative;
}
.nav_bj .nav li::after{
	content: " ";
	display: black;
    position:absolute;
    bottom:0px;
    left:0;
    width:0;
    height:2px;
    background-color:#fc6769;
    transition: all .8s;
}
.nav_bj .nav li:hover::after{
    width:141px; 
}
.nav_bj .nav li::before{
	content: " ";
	display: black;
    position:absolute;
    top:0px;
    right:0;
    width:0;
    height:2px;
    background-color: #fc6769;
    transition: all .8s;
}
.nav_bj .nav li:hover::before{
    width:141px; 
}
.nav_bj .nav li a{
	display:block;
	line-height:50px;
	padding-left:33px;
	padding-right:32px;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	letter-spacing: 3px;
}
.nav_bj .nav li a:hover{
	text-decoration: none;
	background:#fff;
	color:#e4353c;
}
/*主体内容*/
.main_body{
	width:1000px;
	margin:12px auto 0;
}
.main_body .daoyu{
	margin-top:66px;
	margin-bottom:46px;
	width:888px;
	height:410px;
	background: url(../images/daoyu.png) no-repeat;
	margin-left:auto;
	margin-right:auto;
}
.main_body .daoyu .daoyu-text{
	padding-top:94px;
	padding-left:50px;
	padding-right:30px;
	text-indent: 2em;
	font-size: 18px;
	font-family: sans-serif;
	line-height:28px;
	color:#0353bf;
}
.title-topic{
	margin-top:30px;
	width:100%;
	height: 58px;
	background:#fc6769  url(../images/title1.jpg) no-repeat center;
}
.main-2-context,.main-2-context .two_main,.main-3-context,.main-4-context,.main-5-context,.main-6-context{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	position: relative;
}
.main-2-context{
	height:600px;
}
.main-3-context{
	margin-top:60px;
}
.main-2-context .two_main{
	margin-top:24px;
}
.main-2-context .two_main li>a{
	display: inline-block;
	width:97px;
	height:97px;
    background: url(../images/main-icon1.png) no-repeat center;
    border-radius: 50%;
    text-align: center;
    position: relative;
}
.main-2-context .two_main li>a span{
   position: absolute;
    letter-spacing: 6px;
    font-size:18px;
    left:26px;
    top:20px;
}

.main-2-context .two_main li .info4{
	position: absolute;
	left:140px;
	top:10px;
	width:800px;
	height:600px;
    box-sizing: border-box;
    padding:10px 16px;
	border:2px solid #fc6769;
	display: none;
	background:url(../images/info4.jpg);
}
.main-2-context .two_main li.active .info4{
	display:block;
}
.main-2-context .two_main li:hover>a,.main-2-context .two_main li.active>a{
	 background:#fc6769;
}
.main-2-context .two_main li:hover>a span,.main-2-context .two_main li.active a span{
	color:#fff;
}
.main-2-context .two_main li.active .info4::after{
	display: block;
	content: '';
	position: absolute;
	width:32px;
	height:51px;
	left:-30px;
	top:10px;
	z-index: 99;
	background:url(../images/xsj.jpg) no-repeat;
}
.main-2-context .two_main li:nth-child(2).active .info4::after{
	top:110px;
}
.main-2-context .two_main li:nth-child(3).active .info4::after{
	top:210px;
}
.main-2-context .two_main li:nth-child(4).active .info4::after{
	top:310px;
}
.title-topic>h2{
	text-align: center;
	font-size: 32px;
	line-height: 58px;
	letter-spacing: 6px;
	font-family:serif;
	color:#fff;
}
.main-3-context  ul,.main-4-context  ul{
	margin-top:36px;
}
.main-3-context  li{
	width:220px;
	height:180px;
	background:url(../images/bg1_2.jpg);
	border-radius: 8px;
	border:1px dotted #000;
	float: left;
	margin-left:14px;
	margin-right:14px;
	position:relative;
	text-align: center;
	position:relative;
} 
.main-3-context  li.start{
	background:url(../images/bg1_1.jpg);
} 
.main-3-context  li>span{
	position:absolute;
	width:58px;
	height:22px;
	background: url(../images/erduo.jpg) no-repeat;
	right:-42px;
	top:-22px;
}
.main-3-context  ul::after,.main-4-context  ul::after{
	display: block;
	content:'';
	clear:both;
}
.main-3-context li h2{
	margin-top:36px;
    color:#6e6c6a;
    letter-spacing: 6px;
}
.main-3-context li.start h2{
	margin-top:36px;
	font-size:26px;
	letter-spacing: 6px;
	color:#1b1b1b;
}
.main-3-context li p{
	margin-top:12px;
	font-size:18px;
	letter-spacing: 2px;
	cursor: pointer;
}
.main-3-context  li p span{
	font-size:16px;
	color:#e4353c;
	font-weight: 700;
}
.main-3-context li.start:hover>p{
	color:#e4353c;
}
.main-3-context  li.start:hover p span{
    text-decoration: underline;
}
.main-3-context  li .hidden{
	position:absolute;
	width:260px;height:200px;
	background:#87c8f9;
	right:-264px;top:0;
	border-radius: 6px;
	text-align: left;
	padding:6px 8px;
	box-sizing: border-box;
	display: none;
	transition:all .6s;
	z-index: 3;
}
.main-3-context  li:hover .hidden{
    display: block;
}
.main-3-context  li .hidden h3{
   letter-spacing: 3px;
   color:#fff;
   font-weight:400;
   	border-bottom:1px solid rgba(255,255,255,.3);
}
.main-3-context  li .hidden p{
	margin-top:1px;
	font-size:14px;
	line-height: 20px;
}
.main-3-context  .sg{
	animation:mymove 3s infinite;
    -webkit-animation:mymove 3s infinite;
   color:rgba(51,146,230,1);
}
@keyframes mymove{
	 0% {opacity: 0.4;color:rgba(51,146,230,.4);}
	 30% {opacity: 0.8;color:rgba(51,146,230,.6)}
     50% {opacity: 1;color:rgba(51,146,230,1)}
     70% {opacity: 1;color:rgba(51,146,230,1)}
     100% {opacity: 0.4;color:rgba(51,146,230,.8)}
}

.main-4-context li{
	width:300px;
    float:left;
    height:260px;
} 
.main-4-context li.left-distance{
	margin-right:50px;
} 
.main-4-context li p.topic{
	font-size:18px;
	line-height: 22px;
	letter-spacing: 3px;
	cursor: pointer;
} 
.main-4-context li:hover p.topic{
	color:#000;
} 
.main-4-context li p.jieshao{
	font-size:14px;
	line-height: 16px;
} 
.main-4-context li:hover p.jieshao{
	text-decoration: underline;
} 

.main-5 .title5{
	    margin-top:20px;
		background:url(../images/main-4-title.jpg) no-repeat;
		height:48px;
		background-size: contain;
		line-height:48px;
		color:#fff;
		padding-left:30px;
		font-size:24px;
		letter-spacing: 3px;
}
.main-5 .main-5-article,.main-6 .main-6-article{
	margin-top:20px;
}
.main-5 .main-5-article::after,.main-6 .main-6-article::after{
	display: block;
	content:"";
	clear:both;
}
.main-5-article-left,.main-6-article-left{
	float:left;
	width:288px;
	height:186px;
	border-radius: 6px;
	overflow: hidden;
}
.main-5-article-left img{
	transition:  transform .6s;
}
.main-5-article-left:hover img{
    transform: scale(1.1);
}
.main-5-article-right{
	float:right;
	width:688px;
}
.main-5-article-right h3{
	font-size:22px;
	line-height: 30px;
	color:#fc6769;
	font-weight:400;
}
.main-5-article-right p{
	margin-top:12px;
	font-size:16px;
	text-indent:2em;
}
.main-5-article-right p a{
	color:#fc6769;
}
.bottom_line{
	padding:16px 0;
	background-color: #fc6769;
	margin-top:12px;
}
.bottom_line p,.bottom_line p a{
	text-align: center;
	color:#fff;
	line-height: 18px;
}
@media screen and (max-width:996px){
		.main-5-article-right p{
			height:100px;
			overflow: hidden;
		}
		.bottom_line p,.bottom_line p a{
			font-size:12px;
			line-height: 14px;
        }
}