﻿body, html {
    font-family: "Microsoft YaHei";
    background: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

* {
    margin: 0;
    padding: 0;
}

select, textarea, input { /*解决表单宽度不一致的问题*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: none
}

address, caption, cite, code, em, figcaption, h1, h2, h3, h4, h5, h6, p, pre, strong, th {
    font-weight: 400;
    font-style: normal;
}

dd, dl, dt, li, ul {
    list-style: none;
}

fieldset, iframe, img {
    border: 0;
}

img {
    /*display: block;*/
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

article, aside, figcaption, figure, footer, header, hgroup, nav, section, video {
    display: block;
}

a {
    text-decoration: none;
    color: #333;
    cursor:pointer;
}
a:hover{
	 text-decoration: none;
}
input[type='radio'], select {
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

input[type=text] {
    background-position-y: -1px;
}

input{
    outline: none;
}

input[type=radio] {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
    border: none;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

address, cite, em, var {
    font-style: normal;
}

.clear:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.clear{
    zoom: 1
}
.clyou{
  margin-right: 0!important;
}
.clxia{
  margin-bottom: 0!important;
}
.clshang{
  margin-top: 0!important;
}
.clzuo{
  margin-left: 0!important;
}

.fl {
    float: left;
}

.fr {
    float: right;
}
.hong{
  color: #ff4b4b;
}
.jiacu{
    font-weight: bold!important;
}


.inner{width: 1100px;margin: 0 auto;position: relative;}
.inner1{background: url("../images/logobg.png") no-repeat; width: 1100px; height: 80px; margin: 0 auto;}
/*logo鏍峰�?*/
.logo{width: 100%; height: 80px; background: #fff;}
.logo .logoImg{margin-top: 18px;}
.t_02 {
    width: 400px;
    font-size: 16px;
    color: #666;
    margin-top: 4px;
}
.t_02 span {
    float: right;
}
.t_02 span strong {
    color: #e4100d;
    font-weight: bold;
}
.denglu {
    width: 400px;
    margin-top: 14px;
}
.t_01 {
    color: #666;
    font-size: 14px;
}
.t_01 a.lan {
    color: #666;
}
.t_01 img {
    float: left;
}



/*nav*/
.nav{height: 80px; line-height: 80px; background: #fff;width: 1140px;margin: 0 auto; }
.nav ul{
	float: right;
	width: 50%;
	height: 80px;
}
.nav ul li{float: left; width: 25%; height: 80px; line-height: 80px; text-align: center;}
.nav ul li a{font-size: 18px; color: #333; display: block; width: 120px; margin: 0 auto;height: 80px; line-height: 80px; text-align: center;}
.nav ul li:hover a{color: #048afe;background: url(../images/navheng.png) no-repeat center bottom;}
.nav ul li.current a{color: #048afe;background: url(../images/navheng.png) no-repeat center bottom;}


.cont1k{
    width: 100%;
    background: url(../images/banner.jpg) no-repeat center; 
    background-size: cover;
    height: 400px;
}
.con1_l{
	width: 60%;
	height: 400px;
	box-sizing: border-box;
	padding-top: 46px;
	float: left;
	padding-left: 44px;
}
.con1_l h1{
	font-size: 48px;
	font-weight: bold;
	color: #1276fb;
}
.con1_l h2{
	font-size: 24px;
	font-weight: bold;
	color: #222;
	margin: 28px 0 ;
}
.con1_l ul{
	width: 90%;
	height: 50px;
	margin: 0 0 20px;
}
.con1_l ul li{
	font-size: 16px;
	color: #555555;
	float: left;
	line-height: 30px;
}

.l_bth{
	width: 440px;
	height:68px;
	}
.bt1{
	width: 200px;
	height: 68px;
	display: block;
	text-align: center;
	line-height: 68px;
	font-size: 18px;
	float: left;
	box-sizing: border-box;
	background: #1276fb;
	color: #fff;
}	
.bt1:hover{
	background: #fe8500;
}
.bt11{
	border: 1px solid #1276fb;
	background: none;
	color: #1276fb;
	float: right;
		width: 200px;
	height: 68px;
	display: block;
	text-align: center;
	line-height: 68px;
	font-size: 18px;
		box-sizing: border-box;
}	
.bt11:hover{

	background: #1276fb;
	color: #fff;
}	
.con1_r{
	width: 395px;
	height: 350px;
	background: url(../images/rit_04.png)no-repeat center;
	background-size: cover;
	box-shadow: 5px 0 16px rgba(64,65,83,.16);
	float: left;
	border-radius: 6px;
	margin-top: 25px;
	
	
}
.con1_r h1{
	color: #222;
	float: left;
	margin-left: 8px;
font-weight: bold;
	font-size: 22px;
	
}	
.con1_r ul{
	width:343px;
	height: 250px;
	margin: 0 auto;
}
.con1_r ul li{
	width: 100%;
	height: 40px;
transition: .2s;
	float: left;
	
	border-bottom: 1px dashed #d7d7d7;
}
.con1_r ul li div{
	width: 16px;
	height: 16px;
	border-radius: 14px;
	background: #92c1ff;
	float: left;
	color: #fff;
	text-align: center;
	line-height: 16px;
	font-size: 12px;
	margin-top: 12px;
	transition: .2s;
}	
.con1_r ul li a{
	float: left;
	display: block;
	font-size: 16px;
	color: #555555;
	line-height: 40px;
	margin-left: 12px;
	transition: .2s;
}
.con1_r ul li:hover{
	padding-left: 20px;
	transition: .2s;
}
.con1_r ul li:hover div{
	background: #1276fb;
	transition: .2s;
}
.con1_r ul li:hover a{
	color: #fe8500;
	transition: .2s;
}





.con2{
	width: 100%;
	height: 440px;
	background: #fff;
}	
	
.con2_l{
	width: 466px;
	height: 440px;
	float: left;
}
.con2_l_1{
	width: 100%;
	height: 111px;
	background: url(../images/con1_09.jpg)no-repeat center;
	margin-top: 21px;
}
.con2_l_1 h1{
	font-size: 20px;
	color: #fff;
	line-height: 20px;
	padding-top: 10px;
	margin-left: 30px;
	font-weight: bold;
}
.con2_l_1 ul{
	width: 94%;
	height: 70px;
	margin: 10px auto 0;
}
.con2_l_1 ul li{
	width: 25%;
	height: 20px;
	float: left;
	margin-top: 10px;
}
.con2_l_1 ul li a{
	display: block;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	color: #666;
}
.con2_l_1 ul li a:hover{
	color: #048afe;
}


.con2_l_2{
	width: 100%;
	height: 111px;
	background: url(../images/con1_11.jpg)no-repeat center;
	margin-top: 21px;
}
.con2_l_2 h1{
	font-size: 20px;
	color: #fff;
	line-height: 20px;
	padding-top: 10px;
	margin-left: 30px;
	font-weight: bold;
}
.con2_l_2 ul{
	width: 94%;
	height: 70px;
	margin: 10px auto 0;
}
.con2_l_2 ul li{
	width: 25%;
	height: 20px;
	float: left;
	margin-top: 10px;
}
.con2_l_2 ul li a{
	display: block;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	color: #666;
}
.con2_l_2 ul li a:hover{
	color: #fe8500;
}


.con2_r{
	width: 595px;
	height: 440px;
	float: right;
}

.con2_r ul{
	width: 100%;
	height: 250px;
	margin-top: 21px;
	background: #f4f7fc;
	box-sizing: border-box;
	padding: 10px 5% 0;
}
.con2_r ul li{
	float: left;
	width: 50%;
	height: 44px;
}
.con2_r ul li div{
	width: 16px;
    height: 16px;
    border-radius: 14px;
    background: #92c1ff;
    float: left;
    color: #fff;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    margin-top: 12px;
}
.con2_r ul li a{
	float: left;
    display: block;
    font-size: 16px;
    color: #222;
    line-height: 44px;
    margin-left: 12px;
}
.con2_r ul li:hover a{
	color: #fe8500;
}

.con2_r_b{
	display: block;
	width: 220px;
	height: 40px;
	border-radius: 20px;
	background: #1276fb;
	color: #fff;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
}
.con2_r_b:hover{
	background: #fe8500;
}









.time_wrap{
		width: 100%;
		height: 782px;
		background: url(../images/con3.jpg)no-repeat center;
		background-size: cover;
	}
	.time_wrap .time_box{
		width: 1140px;
		margin: 0 auto;
		text-align:center;
box-sizing:border-box;
	}
	
	.title_bd h2{
		font-size: 48px;
		color: #fff;
	padding-top: 60px;
   margin-bottom: 10px;
   font-weight: bold;
	}
	
	.time_wrap .title_bd .s_title p{
		width: 462px;
		height: 32px;
		margin: 0 auto;
		border: 1px solid #fff;
		font-size: 18px;
		line-height: 32px;
display: block;
margin-top: 30px;
margin-bottom: 40px;
		color: #fff;
	}
	.time_wrap .timehd_box{
		width: 1140px;
		min-width: 1140px;
		margin: 0 auto;
	}
	.time_wrap .timehd_box .time{ 
		width: 430px;
		margin: 30px auto;
	}
	.time_wrap .timehd_box .time div{
		width: 180px;
		height: 180px;
		border: 1px solid #a8a8a8;
		display: inline-block;
		border-radius: 10px;
		text-align: center;
		background: #fff;
		font-size: 70px;
		line-height: 180px;
		font-weight: bold;
		color: #2b8cff;
	}

.xx{
	width: 90%;
	height: 70px;
	margin: 0px auto 0;
	padding-top: 10px;
	box-sizing: border-box;
	border-bottom: 1px dashed #e8edf6;
	
}
.xx h1{
	width: 94px;
	height: 40px;
	background: #fea100;
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	border-radius: 4px;
	float: left;
	margin-top: 10px;
}
.xx p{
	float: left;
	line-height: 60px;
	font-size: 16px;
	color: #222;
	margin-left: 12px;
}
.xx a{
	font-size: 16px;
	display: block;
	float: left;
	color: #ff3434;
	line-height: 60px;
	margin-left: 20px;
}
.xx a:hover{
	text-decoration: underline;
}

.cc{
	width: 500px;
	height: 68px;
	margin: 60px auto 0;
}






.con4{
	width: 100%;
	height: 600px;
	margin-top: 80px;
}
.con4 ul{
	width: 100%;
	height: 380px;
	margin-top:90px;
}
.con4 ul li{
	width: 334px;
	height: 334px;
	box-shadow:  0 5px 10px rgba(98,148,250,.28) ;
	float: left;
	margin-left: 69px;
	position: relative;
}
.con4 ul li div{
	position: absolute;
	background: url(../images/title.png)no-repeat center;
	background-size: cover;
	width: 216px;
	height: 70px;
	left: 59px;
	top: -24px;
	text-align: center;
	line-height: 70px;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
}
.con4 ul li p{
	width: 292px;
	position: absolute;
	height: 158px;
	text-align: justify;
	color: #222;
	font-size: 18px;
	line-height: 30px;
	left: 21px;
	top: 88px;
}
.con4 ul li a{
	display: block;
	position: absolute;
	width: 220px;
	height: 50px;
	background: #1276fb;
	color: #fff;
	text-align: center;
	line-height: 50px;
	border-radius: 25px;
	font-size: 18px;
	box-shadow: 0 6px 18px rgba(18,118,251,.3);
	left: 57px;
	top: 254px;
}
.con4 ul li a:hover{
	background: #fea100;
	box-shadow: 0 6px 18px rgba(254,161,0,.3);
}



.con5{
	width: 100%;
	height: 800px;
	background: url(../images/con5_06.jpg)no-repeat center;
	margin-top: 90px;
}
.con5 ul{
	width: 100%;
	height: 434px;
	margin-top:80px;
}
.con5 ul li{
	position: relative;
	box-sizing: border-box;
	border: 1px solid #fff;
	float: left;
	overflow: hidden;
}
.fg{
	width: 100%;
	height: 100%;
	background: rgba(17,33,67,.8);
	position: absolute;
	left: -400px;
	top: -266px;
	opacity: 0;
	transition: .3s;
	z-index: 1;
}
.con5 ul li:hover .fg{
	left: 0px;
	top: 0px;
	transition: .3s;
	opacity: 1;
}
.fg1{
	width: 100%;
	height: 100%;
	background: rgba(17,33,67,.8);
	position: absolute;
	
	top: -266px;
	opacity: 0;
	transition: .3s;
	z-index: 1;
}
.fg1 a{
	width: 200px;
	height: 50px;
	border-radius: 25px;
	background: #1276fb;
	text-align: center;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	display: block;
	margin: 108px auto 0;
}

.con5 ul li:hover .fg1{
	left: 0px;
	top: 0px;
	transition: .3s;
	opacity: 1;
}
.fg1 a:hover{
	background: #fea100;
}

.fg2{
	width: 100%;
	height: 100%;
	background: rgba(17,33,67,.8);
	position: absolute;
	left: 370px;
	top: -266px;
	opacity: 0;
	transition: .3s;
	z-index: 1;
}
.fg2 a{
	width: 200px;
	height: 50px;
	border-radius: 25px;
	background: #1276fb;
	text-align: center;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	display: block;
	margin: 108px auto 0;
}

.con5 ul li:hover .fg2{
	left: 0px;
	top: 0px;
	transition: .3s;
	opacity: 1;
}
.fg2 a:hover{
	background: #fea100;
}

.fg3{
	width: 100%;
	height: 100%;
	background: rgba(17,33,67,.8);
	position: absolute;
	left: -285px;
	bottom: -168px;
	opacity: 0;
	transition: .3s;
	z-index: 1;
}
.fg3 a{
	width: 200px;
	height: 50px;
	border-radius: 25px;
	background: #1276fb;
	text-align: center;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	display: block;
	margin: 59px auto 0;
}

.con5 ul li:hover .fg3{
	left: 0px;
	bottom: 0px;
	transition: .3s;
	opacity: 1;
}
.fg3 a:hover{
	background: #fea100;
}

.fg4{
	width: 100%;
	height: 100%;
	background: rgba(17,33,67,.8);
	position: absolute;
	
	bottom: -168px;
	opacity: 0;
	transition: .3s;
	z-index: 1;
}
.fg4 a{
	width: 200px;
	height: 50px;
	border-radius: 25px;
	background: #1276fb;
	text-align: center;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	display: block;
	margin: 59px auto 0;
}

.con5 ul li:hover .fg4{
	left: 0px;
	bottom: 0px;
	transition: .3s;
	opacity: 1;
}
.fg4 a:hover{
	background: #fea100;
}


.fg5{
	width: 100%;
	height: 100%;
	background: rgba(17,33,67,.8);
	position: absolute;
	left: 285px;
	bottom: -168px;
	opacity: 0;
		transition: .3s;
	z-index: 1;
}
.fg5 a{
	width: 200px;
	height: 50px;
	border-radius: 25px;
	background: #1276fb;
	text-align: center;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	display: block;
	margin: 59px auto 0;
}

.con5 ul li:hover .fg5{
	left: 0px;
	bottom: 0px;
	transition: .3s;
	opacity: 1;
}
.fg5 a:hover{
	background: #fea100;
}

.con5_a{
	width: 320px;
	height: 68px;
	display: block;
	margin: 50px auto 0;
	background: #1276fb;
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 68px;
	border-radius: 34px;
	box-shadow: 0 6px 18px rgba(18,118,251,.3);
	
}
.con5_a:hover{
	background: #fea100;
    box-shadow: 0 6px 18px rgba(254,161,0,.3);

}



.con6{
	width: 100%;
	height: 600px;
	background: url(../images/con6.jpg)no-repeat center;
	background-size: cover;
}
.con6_a{
	width: 288px;
	height: 68px;
	background: #fea100;
	font-size: 18px;
	display: block;
	text-align: center;
	line-height: 68px;
	color: #fff;
	text-align: center;
	margin-left: 156px;
	margin-top: 10px;
}
.con6_a:hover{
	text-decoration: underline;
}
