﻿@font-face{
     font-family: 'xiaokai'; 
     src: url('../images/simkai.ttf');      
}
@media screen and (max-width:1000px){
    .main4>ul>li>div>p{
        font-size: 8px;
        line-height: 16px;
    }
    .main4>ul>li>div>span{
    	font-size: 8px;
    	line-height: 16px;
    }
}
@media screen and (min-width:1500px){
	.preheating>h1>img{
		min-height: 46px;
	}
}
/* 基础样式 */
html,body{
    margin:0px;
	padding:0px;
	font-size:14px;
	line-height:26px;
	font-family:"微软雅黑";
}

h1,h2,h3,h4,h5,h6,a,p{
	margin:0;
	padding:0;
}
a{text-decoration:none;cursor:pointer;}
img{
	border:0;
}
ul,li{
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-width: thin;
}
p{
	text-indent: 2em;
}
.clear{
    clear:both;
	overflow:hidden;
}
.fr{
	float:right;
}
.fl{
	float:left;
}
/*nav*/
.nav_bg{
	width:100%;
	height:88px;
	box-sizing: border-box;
	background-color:#085c7e;
}
.nav_box{
	width:1000px;
	height:88px;
	margin:0 auto;
	text-align:center;
}
.nav_box .logo{
	margin-top:10px;
}
.nav_box::after{
	display: block;
	content: none;
	clear:both;
}
.nav>li{
	height:88px;
	float:left;
	text-align:center;
	position: relative;
}
.nav>li>a{
	display:block;
	color:#fff;
	font-size:16px;
	letter-spacing:3px;
	line-height: 88px;
	padding-left:20px;
	padding-right:20px;
}
.nav span{
	position:absolute;
	width:8px;
	height:48px;
	background: url(../images/nav_icon.png) no-repeat;
	right:-4px;
	top:20px;
	z-index: 3;
}
.nav>li:hover,.nav .active{
	background-color: rgba(0,0,0,.3);
}
.nav>li:hover>a,.nav .active a{
	text-decoration:none;
	color:#ffe732;
}
.huigu{
	display: none;
	position:absolute;
	left:0;
	z-index: 99;
	top:88px;
    padding-top:3px;
	background-color: #085c7e;
}
.huigu li{
	padding:3px 10px;
}
.huigu li:nth-child(1){
	border-bottom:1px solid rgba(255,255,255,.6);
}
.huigu li:hover a{
	color:#ffe732;

}
.huigu li a{
	color:rgba(255,255,255,.8);

}
/*banner*/
.banner{
	width:100%;
	height:472px;
	margin:auto;
	background: url(../images/banner.jpg) no-repeat center 0px #2b7ac9;
	}
.banner>.banner_box	{
	position: relative;
	width:1000px;
	height:472px;
	margin:0 auto;
}
.banner>.banner_box .title1{
	position: absolute;
	left:50%;
	margin-left:-334px;
	top:142px;
	animation:tiao 2s;
	transform-origin: center;
}
.banner>.banner_box .title2{
	position: absolute;
	left:50%;
	margin-left:-251px;
	top:202px;
	animation:tiao .8s .4s;
}
@keyframes tiao{
	0%{opacity: 0;transform:rotateY(180deg) scale(0.2);}
	10%{opacity: .3;transform:rotateY(180deg)  scale(0.8); }
	40%{opacity:.6;transform:rotateY(90deg)  scale(1); }
	70%{opacity:.6;transform:rotateY(0deg); }	
	90%{opacity:.6;transform:rotateY(-90deg); }	
	100%{}
}
/*main*/
.main_body{
	width:100%;
	height:auto;
	background-color:#fff;
	font-family: 'xiaokai';
}
.title_h1,.title_h2{
	width:1000px;
	margin:0 auto;
	text-align: center;
	position:relative;
	color:#085c7e;
	padding-top:36px;
}
.title_h2{
	margin-top:0px;
	padding-top:56px;
}
.title_h1 h1,.title_h2 h1{font-weight:800;letter-spacing:2px;font-size:42px;line-height: 50px;}
.title_h1 span,.title_h2 span{width:208px;height:7px;background:url(../images/title_bottom.png) no-repeat;position:absolute;left:50%;margin-left:-104px;}
.title_h1 h5,.title_h2 h5{font-weight:400;letter-spacing:2px;font-size:16px;line-height: 36px;}
.title_h2 h1,.title_h2 h5{color:#fff;}
.main1_box,.main2_box,.bottom{
	width:100%;
	height:auto;
}
.main1,.main2,.main3,.main4,.main5,.main6{
	width:1000px;
	margin:36px auto;
	position: relative;
}
.main1{
	margin-bottom:90px;
}
.main1::after{
	display: block;
	content:"";
	clear:both;
}
.main1 li{
	width:33.33%;
    height:auto;
    text-align: center;
    cursor: pointer
}
.main1 .qiu{
	width:161px;
	height:161px;
	border-radius:50%;
	margin-left:80px;
	background-color:#ffe732;
	position: relative;
	
}
.main1 .qiu img{
	position:absolute;
	left:0;
	top:0;
	transition: transform 1s;
}
.main1  .qiu1 img{
    left:50px;
    top:30px;
   
}
.main1  .qiu2 img{
    left:46px;
    top:32px;
   
}
.main1  .qiu3 img{
    left:48px;
    top:32px;
  
}
.main1  .qiu  a {
  display: block;
  padding-top:112px;
   margin-left:-29px;
   font-size:16px;
   color:#08517b;
   font-family: serif;
   font-weight:bolder;
}
.main1 li:hover .qiu{
	background-color: #1d81a8;
}
.main1 li:hover .qiu p{
	color:#fff;
	text-decoration: underline;
}
.main1 li:hover .qiu img{
	transform: rotateY(180deg);
}
.main2_box{
	height:200px;
	border-top:3px solid #fae631;
	border-bottom:3px solid #fae631;
	background-image: url(../images/bg_1.jpg);
	box-shadow: 2px 0 10px #fdf5b1; 
	background-attachment: fixed;
}
.main2{
	margin:37px auto;
}
.main2 .button{
	margin-left:223px;
	position: relative;
}
.main2 .button .anniu{
	position: absolute;
	left:370px;
	top:8px;
	animation:mymove 3s infinite;
	cursor: pointer;
}
@keyframes mymove{
	0%{transform: scale(0.9);opacity: 0.8;}
    50%{transform: scale(1);opacity: 1; }
	100%{transform:scale(0.9);opacity: 0.8;}
}
.main2 .button .anniu_text{
	position: absolute;
	left:402px;
	top:35px;
	z-index: 3;
	width:50px;
	font-size:22px;
	letter-spacing: 3px;
	line-height: 28px;
	text-align: center;
	text-indent: 0;
	color:#085e88;
	font-weight: 800;
	cursor: pointer;
}
.main2 .button:hover .anniu_text{
    color:#000;

}
.main3_box{
	background: url(../images/bg3.png) top center;
    height:804px;
}
.main3 .left_zj{
	position:relative;
	z-index:3;
}
.main3 .right_box{
	position: absolute;
	width:790px;
	height:420px;
	background:#127da9;
	left:180px;
	top:40px;
	z-index: 1;
	box-shadow: 1px 1px 12px #fff;
}
.main3 .right_box h3{
	font-size:26px;
	font-family: 'xiaokai';
	padding-left:220px;
	padding-top:16px;
	color:#fff;
}
.main3 .right_box .p1{
	font-size:18px;
	font-family:serif;
	padding-left:220px;
	padding-top:8px;
	padding-right:18px;
	color:#fff;
}
.main3 .right_box .p2{
	font-size:18px;
	font-family:serif;
	padding-left:18px;
	padding-right:18px;
	color:#fff;
}
.main3 .right_box .p3{
	font-size:24px;
	font-family: 'xiaokai';

	color:#fff;
	text-align: right;
	padding-right:30px;
}
.main3 .right_box .p3>span{
	font-size:16px;
	font-family: serif;
}
.dianji{
	text-decoration: underline;
	color:#ffe732;
}
/*底部*/
.bottom{
	background-color: #085c7e;
	padding:16px 0;
}
.bottom .biaoshi{
	width:1000px;
	margin:0 auto;
}
.bottom .biaoshi p{
text-align: center;
color:#fff;
line-height:20px;
}
.main4_box  .main4 p.baoming{
	font-size:28px;text-indent: 0;letter-spacing: 6px;color:#085c7e;
}
.main4_box  .main4 p{
	
	font-size:20px;line-height:36px;padding-top:16px;text-align: center;
}
.main4_box  .main5 p{
		font-size:22px;line-height:46px;
}
.main4_box  .main5 p.lianxi{
	font-size:18px;
}
.main4_box  .main3 p.zhuxici{
	text-align: right;font-size:18px;
}
.main4_box  .main6 p{
   text-align:left;font-size:22px;line-height:36px;
}

@media  only screen  and   (max-width:995px) { 
   .main4_box  .main4 p.baoming{
	font-size:16px;
}
		.main4_box  .main3 p.zhuxici{
			font-size:16px;
			text-align: right;
		}
		.main4_box  .main4 p{
			font-size: 26px;
		}
   .main4_box .main3,.main4_box .main5{
   	  padding-left:39px;
   	  padding-right:39px;
   	  box-sizing: border-box;
   }
    .main4_box .main3 p{
   	  padding-top:16px;
   	  line-height:26px;
   }
     .main4_box .main5 p{
   	  padding-top:16px;
   	  line-height:26px;
   }
   .main4_box  .main6 p{
   text-align: center;font-size:32px;line-height:42px;
}
.main4_box  .main5 p.lianxi{
	font-size:16px;
}
.bottom .biaoshi p{
	font-size:16px;
	line-height: 19px;
}
.img_box img{
	width:96vw;
}
.main2_box {
	background-position: left 59%;
}
.main2 .button .anniu_text{
	font-size:20px;
	line-height: 24px;
	top:40px;
}
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.interpretation_in{
	width: 1000px;
	margin: auto;
	margin-top: 20px;
}
.interpretation_in ul{
	overflow: hidden;
}
.interpretation_in ul li{
	float: left;
	width: 48.4%;
	position: relative;
	overflow: hidden;
	margin: 14px 8px;
}
.interpic{
	width: 246px;
	height: 200px;
	float: left;
	margin-top: -83px;
	margin-right: 10px;
}
.interpic>img{
	position:absolute;
	left: 0;
}
.intertitle{
	float: right;
	width: 220px;
	font-family: "微软雅黑";
	line-height: 20px;
	font-weight: normal;
	color: white;
	margin-bottom: 0px;
}
.txt{
	background: #fbfaf7;
	border: 1px solid #c2c2c2;
	padding-bottom: 10px;
	font-family: "微软雅黑";
	overflow: hidden;
	width: 98%;
}
.txt p{
	padding-right: 10px;
	padding-left: 10px;
/*	line-height: 26px;*/
}
.txt>a{
	display: block;
	width: 90px;
	height: 24px;
	background: #89c1dc;
	color: #ffffff;
	text-align: center;
	font-size: 12px;
	line-height: 24px;
	border-radius: 10px;
	float: right;
	margin-right: 10px;
}
.txt>a>i{
	margin-left: 6px;
}