@charset "gb2312";
/* CSS Document */
/**/
* {margin:0;padding:0;}
select,input,img {border:0;vertical-align:middle;}
input{appearance: none;-moz-appearance: none;-webkit-appearance: none;outline: none;}
ul,li,dl,dt,dd {list-style-type:none;padding:0;margin:0;}
a {color:#333;text-decoration:none;}
body {font-family:'Microsoft Yahei';font-size:14px;color:#333;}
html, body{width: 100%;min-width:1000px;max-width:1920px;
margin:0 auto; overflow-x:hidden;margin:0 auto;
position: relative; font-family:'Microsoft Yahei';
background:#2c3f8c;}
*{
	font-family:'Microsoft Yahei';
}
.zx-side{
	display: none;
}
/*工具样式*/
.fl {float:left;}
.fr {float:right;}
.clearfix:after{display: block; content: ""; clear: both;}
.wrap{ width: 1000px; margin:0 auto;position:relative;text-align:center;}



/*头部*/
.hea_top {width:100%;height:60px;background:#fff;}
.h_t {width:1090px;height:60px;margin:0 auto;}
.headwrap{width:280px;height:60px;padding-right:10px;float:left;}
.logo {width:210px;height:52px;padding-right:8px;float:left; padding-top: 8px;}
.logo_r {width:510px;height:40px;text-align:right;padding-top:10px;}
.logo_r li {height:40px;float:left;display:inline;}
.logo_r .tel,.logo_r .zxqq {font:normal 16px/40px 'Microsoft Yahei';color:#333;}
.logo_r .tel {margin-right:10px;}
.logo_r .zxqq {background:url(../images/telqq1.png) no-repeat 0 2px;padding-left:30px;padding-right:6px;}
.logo_r .tel span{color: #e82633;font:normal 16px/40px 'Microsoft Yahei';}
.text{text-align:center;}
.logo_r .zxqq a{color:#333;font:normal 16px/40px 'Microsoft Yahei';}
.logo_r .zxqq a:hover{color:#333; text-decoration:underline;}
.logo_r .wei {width:78px;height:37px;padding-top:3px;position:relative;margin-left:4px;}
.logo_r .wei a.hover{width:70px;height:37px;display:block;background:#fff;z-index:20;top:3px;position:absolute;left:0;font:normal 16px/36px 'Microsoft Yahei';padding:0 3px;color:#504e4e;}
.logo_r .wei a.on {width:70px;height:38px;border:1px #ccc solid;border-bottom:none;color:#504e4e;text-decoration:none;top:2px;left:-1px;}
.logo_r .wei img {float:left;margin-right:3px;display:inline;}
.logo_r .wei_cont { width:195px; height:80px; padding:10px;position:absolute;top:40px;right:1px;display:none;border:1px #ccc solid;background:#fff;z-index:10;}
.logo_r .wei_cont img { width:80px; height:80px; float:left;margin-right:17px;}
.logo_r .wei_cont img.z1{margin-right:12px;}
.logo_r .wei_cont .gz {width:63px;height:24px;margin:28px 0 0;float:left;}
.logo_r .wei_cont span {float:left;text-align:left;line-height:20px;padding-top:20px;font-size:16px;}
.logo_r .wei_cont a {display:inline;}



@font-face {
	font-family:'fzty';
	src: url(../css/FZTYSJW.ttf);
}
.banner{
	max-width:1920px;
	overflow:hidden;
	background:url(../images/ban_bg.jpg) no-repeat center top;
}
.ban_div{
	height:742px;
}
.ban_d1{
	width:109px;
	height:188px;
	position:absolute;
	background:url(../images/ban_bg1.png);
	left:0px;
	top:-70px;
}
.ban_d1>p{
	font-size:30px;
	color:#ffe6cc;
	font-weight:bold;
	line-height:30px;
	padding-top:86px;
}
.ban_d2{
	width:1462px;
	height:231px;
	background:url(../images/ban_bg3.png) no-repeat;
	position:absolute;
	left:-236px;
	bottom:0px;
}
.ban_img1{
	position:absolute;
	top:236px;
	left:-40px;
	animation:ban_img 20s infinite linear;
}
.ban_img2{
	position:absolute;
	top:116px;
	right:-84px;
	animation:ban_img2 20s infinite linear;
}
.ban_img3{
	position:absolute;
	top:334px;
	right:0px;
	animation:ban_img3 30s infinite linear;
}
@keyframes ban_img{
	0%{transform:translateX(-100px);}
	50%{transform:translateX(400px);}
	100%{transform:translateX(-100px);}
}
@keyframes ban_img2{
	0%{transform:translateX(100px);}
	50%{transform:translateX(-300px);}
	100%{transform:translateX(100px);}
}
@keyframes ban_img3{
	0%{transform:translateX(100px);}
	50%{transform:translateX(-200px);}
	100%{transform:translateX(100px);}
}
.ban_bg1{
	width:960px;
	height:885px;
	background:url(../images/ban_bg2.png) top right;
	position:absolute;
	z-index:10;
	right:1260px;
	top:-280px;
	transform:translateX(760px);
	animation:ban_bg1 5s 1s linear forwards;
}
.ban_bg2{
	width:960px;
	height:885px;
	background:url(../images/ban_bg2.png) top left;
	position:absolute;
	z-index:10;
	left:1260px;
	top:-280px;
	transform:translateX(-760px);
	animation:ban_bg2 5s 1s linear forwards;
}
@keyframes ban_bg2{
	0%{transform:translateX(-760px);}
	100%{transform:translateX(0px);}
}
@keyframes ban_bg1{
	0%{transform:translateX(760px);}
	100%{transform:translateX(0px);}
}
.ban_img4{
	display:block;
	margin:0 auto;
	position:relative;
	padding-top:46px;
	transform:translateY(500px);
	animation:ban_img4 4s 2s forwards ease-in-out;
}
@keyframes ban_img4{
	0%{transform:translateY(500px);}
	100%{transform:translateY(0px);}
}
.ban_a1{
	display:block;
	position:absolute;
	padding:8px 14px;
	font-size:24px;
	font-family:'fzty';
	color:#ebddce;
	background:#18276b;
	border: 3px solid #f1e7de;
	border-radius:50px;
	left:236px;
	top:-20px;
}
.ban_a1>span{
	color:#d13c3b;
	font-family:'fzty';
}
.ban_p1{
	text-align:center;
	font-size:47px;
	color:#324174;
	font-family:'fzty';
	margin-top:98px;
}

.section1{
	max-width:1920px;
	background:url(../images/sec1_bg.jpg) no-repeat center top;
}
.sec1_div{
	height:1080px;
	padding-top:164px;
}
.sec1_d1{
	width:1298px;
	height:130px;
	background:url(../images/sec1_bg1.jpg) no-repeat center top;
	margin-left:-149px;
}
.sec1_p1{
	font-family:'fzty';
	font-size:24px;
	color:#36457b;
	float:left;
    margin-left: 154px;
    margin-top: 26px;
}
.sec1_p1>span{
	font-family:'fzty';
	font-size:42px;
}
.tori{
	float:left;
	margin-left: 10px;
    margin-top: 29px;
}
.sec1_p2{
	font-family:'fzty';
	font-size:28px;
	color:#36457b;
	float:left;
    margin-left: 20px;
    margin-top: 30px;
}
.sec1_p3{
	float:left;
	font-family:'fzty';
    font-size: 26px;
    color: #36457b;
    margin-top: 27px;
    margin-left:16px;
}
.sec1_p3>span{
	display: inline-block;
    padding: 6px 16px;
    font-family: 'fzty';
    border-radius: 10px;
    border: 3px #f7e9d8 solid;
    background: #df3332;
    box-shadow: #ac2428 0px 0px 10px 2px inset;
    font-size: 45px;
	color:#ffe6cc;
    margin-right: 4px;
    margin-left: -10px;
	*display:inline;
	zoom:1;
}
.sec1_d2{
	float:left;
	margin-left:22px;
}
.sec1_d2>a{
	display:block;
	width:140px;
	font-family:'fzty';
	font-size:24px;
	line-height:46px;
	color:#ffe6cc;
	height:46px;
	border-radius:50px;
	border:3px #f7e9d8 solid;
	transition:all 0.2s;
	margin-top:8px;
}
.sec1_d2>a:hover{
	transform:scale(1.1);
}
.sec1_a1{
	background:#2c3f8c;
	box-shadow:#202e77 0px 0px 10px 2px inset;
}
.sec1_a2{
	background:#df3332;
	box-shadow:#ae2629 0px 0px 10px 2px inset;
}
.sec1_a1:hover{
	box-shadow:#172151 0px 0px 16px 6px inset;
}
.sec1_a2:hover{
	box-shadow:#511416 0px 0px 16px 6px inset;
}
.title1{
	width:533px;
	height:90px;
	text-align:center;
	line-height:90px;
	margin:0 auto;
	font-size:50px;
	color:#ffe6cc;
	margin-top:74px;
}
.tes{
	width:100%;
	position:relative;
	margin-top:10px;
}
.tes>div{
	width:310px;
	height:419px;
	background:url(../images/sec1_bg3.png);
	text-align:center;
	position:absolute;
}
.te_p1{
	width:130px;
	height:40px;
	text-align:center;
	border-radius:50px;
	background:#df3332;
	margin:0 auto;
	margin-top:160px;
	box-shadow:#b8262b 0px 0px 10px 2px inset;
	font-size:32px;
	color:#ffe6cc;
	font-family:'fzty';
}
.te_p2{
	font-size:26px;
	color:#36457b;
	font-family:'fzty';
	margin-top:6px;	
}
.te_p3{
	font-size:18px;
	color:#36457b;
	margin-top:16px;
}

.section2{
	max-width:1920px;
}
.sec2_div{
	padding-bottom:78px;
}
.sec2_ul{
	margin-top:44px;
}
.sec2_ul li{
	width:256px;
	height:76px;
	background:url(../images/sec2_bg1.png);
	background-size:100% 100%;
	font-size:30px;
	color:#36457b;
	line-height:76px;
	font-family:'fzty';
	float:left;
	margin-left:60px;
	cursor:pointer;
	transition:all 0.2s;
}
.sec2_ul li.active{
	background:url(../images/sec2_bg2.png);
	background-size:100% 100%;
	color:#fff;
}
.sec2_p1{
	font-size:30px;
	color:#ffe6cc;
	font-family:'fzty';
	margin-top:20px;
}
.sec2_ol li{
	position:relative;
	display:none;
}
.sec2_le{
	width:839px;
	height:370px;
	border:3px #ffeedb solid;
	border-radius:20px;
	position:relative;
	background:linear-gradient(to bottom,#fefcfb,#ecc590);
	text-align:left;
	box-shadow:#767ea4 0px 0px 12px 1px;
	z-index:2;
	margin-left: 83px;
}
.sec2_p2{
    position: absolute;
    width: 10px;
    font-size: 62px;
    color: #6e6155;
    right: 96px;
    line-height: 67px;
    font-weight: bold;
    opacity: 0.1;
    top: 12px;
}
.sec2_ol{
	margin-top:30px;
}
.sec2_p3{
	font-size:20px;
	color:#d13c3b;
	font-family:'fzty';
	padding-left:26px;
	margin-top:20px;
}
.sec2_d1{
	width:114px;
	height:270px;
	border-right:2px #344890 dotted;
	margin-top:20px;
	position:relative;
}
.sec2_d1>p{
	font-size:20px;
	color:#36457b;
	font-family:'fzty';
	position:absolute;
	right:15px;
	height:40px;
	line-height:40px;
}
.sec2_d1>p::after{
	content:'';
	position:absolute;
	right:-21px;
	width:10px;
	height:10px;
	background:#344890;
	border-radius:50%;
	font-size:36px;
	top:14px;
}
.sec2_d1>div{
	position:absolute;
	width:380px;
	left:130px;
	text-align:left;
	font-size:20px;
	color:#36457b;
	line-height:30px;
}
.sec2_p4{
	text-align:left;
	font-size:20px;
	color:#36457b;
	margin-left:20px;
	margin-top:10px;
}
.sec2_p4>span{
	font-size:20px;
	color:#d13c3b;
	font-family:'fzty';
	margin-right:14px;
}
.sec2_p4>b{
	font-weight:400;
	color:#d13c3b;
}
.sec2_ri{
	width:430px;
	height:290px;
	position:absolute;
	right:0px;
	top:36px;
	border:3px #ffeedb solid;
	border-radius:20px;
	background:linear-gradient(to bottom,#fefcfb,#ecc590);
	text-align:left;
	box-shadow:lightgray 0px 0px 5px 1px;
	/*transform: translateX(-410px);*/
	/*animation:sec2_ri 5s forwards;*/
}
@keyframes sec2_ri{
	0%{transform:translateX(-410px);}
	100%{transform:translateX(0px);}
}
.sec2_p5{
	font-size: 20px;
    color: #d13c3b;
    font-family: 'fzty';
    padding-left:50px;
    margin-top: 20px;
}
.sec2_p6{
	font-size: 20px;
    color: #36457b;
    padding-left:50px;
    margin-top: 10px;
    line-height:36px;
}
.sec2_p6>span{
	font-size:24px;
	color:#d13c3b;
}
.sec2_a1{
	display: block;
    width: 140px;
    font-family: 'fzty';
    font-size: 24px;
    line-height: 46px;
    color: #ffe6cc;
    height: 46px;
    border-radius: 50px;
    border: 3px #f7e9d8 solid;
    transition: all 0.2s;
    margin-top: 8px;
    background: #2c3f8c;
    box-shadow: #202e77 0px 0px 10px 2px inset;
    float: left;
    margin-left: 402px;
    text-align: center;
    margin-top:215px;
}
.sec2_a2{
	display: block;
    width: 140px;
    font-family: 'fzty';
    font-size: 24px;
    line-height: 46px;
    color: #ffe6cc;
    height: 46px;
    border-radius: 50px;
    border: 3px #f7e9d8 solid;
    transition: all 0.2s;
    margin-top: 8px;
    background: #2c3f8c;
   box-shadow:#ae2629 0px 0px 10px 2px inset;
    float: left;
    margin-left: 571px;
    text-align: center;
    background: #df3332;
    margin-top:-51px;
}

.sec2_a1:hover{
	transform:scale(1.1);
	box-shadow:#172151 0px 0px 16px 6px inset;
}
.sec2_a2:hover{
	transform:scale(1.1);
	box-shadow:#511416 0px 0px 16px 6px inset;
}
.gskc{
	width:956px;
	height:120px;
	margin-left:60px;
	margin-top:36px;
	position:relative;
	background:linear-gradient(to right,#b0abb9,rgba(255,255,255,0));
}
.gs{
	position:absolute;
    left: -64px;
    top: -6px;
}
.gskc>a{
	display:table;
	float:left;
	width:54px;
	height:96px;
	position:relative;
    background:linear-gradient(to bottom,#fefcfb,#ecc590);
	border-radius:26px;
	margin-top:12px;
	margin-left:34px;
	font-size:26px;
	color:#36457b;
    font-family: 'fzty';
    transition:all 0.4s;
}
.gskc>a:hover{
	transform:translateY(-12px);
}
.gskc>a>b{
	display:table-cell;
	vertical-align:middle;
	font-weight:lighter;
	font-family: 'fzty';
}
.gskc>a>span{
	position: absolute;
    width: 10px;
    right: 12px;
    top: 26px;
    font-size: 16px;
    color: #36457b;
}
.gskc>a:first-child{
	margin-left:100px;
}
.gskc>a.ts{
    text-align: left;
    padding-left: 6px;
}

.section3{
	max-width:1920px;
}
.sec3_div{
	padding-bottom:76px;
}
.teas{
	width:1015px;
	height:459px;
	background:url(../images/teas.png);
	background-size:100% 100%;
	margin-left:-7px;
	position:relative;
	margin-top:60px;
}
.teas>p{
	position:absolute;
	width:20px;
	background: linear-gradient(to bottom,#fefcfb,#ecc590);
	font-size:20px;
	font-family: 'fzty';
    -webkit-background-clip: text;
    color: transparent;
}
.dd{
	display:block;
	margin:0 auto;
	padding-top:280px;
}
.sec3_d1{
	position:relative;
	margin-top:-20px;
}
.sec3_le{
	width:526px;
	height:420px;
	border:4px #ecc590 solid;
	box-shadow:#213375 0px 0px 14px 4px inset;
	border-radius:30px;
}
.sec3_p1{
	width:350px;
	height:74px;
	border-radius:50px;
    background: linear-gradient(to bottom,#fefcfb,#ecc590);
	font-size:40px;
	color:#36457B;
	text-align:center;
	line-height:74px;
	font-family: 'fzty';
	margin:0 auto;
	margin-top:-37px;
}
.sec3_p2{
	background: linear-gradient(to bottom,#fefcfb,#ecc590);
	font-size:28px;
	text-align:center;
	font-family: 'fzty';
    -webkit-background-clip: text;
    color: transparent;
    margin-top:10px;
}
.sec3_p3{
	padding-left:20px;
	width:490px;
	text-align:left;
	margin-top:20px;
	font-size:18px;
	color:#ffe6cc;
	line-height:30px;
}
.sec3_p3>span{
	display:block;
	font-size:22px;
	color:#ffe6cc;
	letter-spacing:1px;
}
.sec3_ri{
	position:absolute;
	right:0px;
	top:44px;
}

.section4{
	max-width:1920px;
}
.sec4_div{
	padding-bottom:78px;
}
.sec4_d1{
	width:100%;
	margin-top:40px;
}
.sec4_d1>div{
	width:210px;
	height:210px;
	background:url(../images/sec4_bg1.png);
	float:left;
	margin-left:52px;
}
.sec4_d1>div:first-child{
	margin-left:0px;
}
.sec4_d1>div:nth-child(2){
	background:url(../images/sec4_bg2.png);
}
.sec4_d1>div:nth-child(3){
	background:url(../images/sec4_bg3.png);
}
.sec4_d1>div:nth-child(4){
	background:url(../images/sec4_bg4.png);
}
.sec4_d1>div>p{
	font-family: 'fzty';
	font-size:22px;
	text-align:center;
	color:#36457B;
	margin-top:140px;
}
.section5{
	max-width:1920px;
}
.sec5_div{
	padding-bottom:78px;
}
.sec5_d1{
	margin-top:40px;
}
.sec5_d1>div{
	float:left;
	width:220px;
	height:220px;
	position:relative;
	border-radius:20px;
    background: linear-gradient(to bottom,#fefcfb,#ecc590);
    margin-left:88px;
}
.sec5_d1>div>p{
	position:absolute;
	bottom:-40px;
	text-align:center;
	width:100%;
	font-size:20px;
	color:#ffe6cc;
	font-family: 'fzty';
}
.sec5_d1>div>img{
	width:200px;
	height:200px;
	float:left;
	margin-left:10px;
	margin-top:10px;
}
.nav{
	width:140px;
	height:420px;
	border-radius:20px;
    background: linear-gradient(to bottom,#fefcfb,#ecc590);
    position:fixed;
    z-index:50;
    right:0px;
    top:50%;
    margin-top:-210px;
}
.nav_img1{
	margin-top:-50px;
	margin-left:20px;
}
.nav_a1{
	display:block;
	width:110px;
	height:50px;
	border-bottom:1px #cfcace dashed;
	margin:0 auto;
	font-size:20px;
	color:#36457b;
	font-family: 'fzty';
	text-align:center;
	line-height:50px;
}
.nav_a1:hover{
	text-decoration:underline;
	color:#d13c3b;
}
.nav_p1{
	font-size:20px;
	color:#36457b;
	font-family: 'fzty';
	text-align:center;
	margin-top:10px;
}
.wxewm{
	width:80px;
	height:80px;
	border:2px #2137a0 solid;
	display:block;
	margin:0 auto;
	margin-top:4px;
	background:#fff;
}
.totop{
	cursor:pointer;
	display:block;
	margin:0 auto;
	margin-top:24px;
}
.nav_cl{
	cursor:pointer;
	display:block;
	margin:0 auto;
	margin-top:20px;
	transition:all 1s;
}
.nav_cl:hover{
	transform:rotate(360deg);
}
.nav_sm{
	display:none;
	position:fixed;
	z-index:50;
	top:49%;
	cursor:pointer;
	right:0px;
}
.footer{
	max-width:1920px;
}
.footer_div{
	height:110px;
	padding-bottom:30px;
	text-align:center;
	line-height:110px;
	font-size:18px;
	color:#fff;
}



