body, button, input, select, textarea {
    font: 12px/1.5 'PingFang SC','microsoft yahei',tahoma,arial,'helvetica neue','hiragino sans gb',sans-serif;
    overflow-x: hidden;
}
article, aside, blockquote, body, button, code, dd, details, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}
ul{
	list-style: none;
}
a:hover, a:active, a:focus{
	text-decoration: none;
	transition:all 0.5s ease; 
	-webkit-transition:all 0.5s ease;
}
.topBar{
	width: 100%;
	height: 9px;
	background: #02328d;
}
.header{
	width: 100%;
	padding-left: 47px;
}
.header .logo{
	float: left;
	margin-top: 16px;
	margin-right: 68px;
}
.header .header_ul li{
	float: left;
}
.header .header_ul li a{
	display: block;
	padding: 22px 26px 23px 26px;
	text-align: center;
	line-height: 1;
	font-size: 16px;
	color: #000;
}
.header .header_ul li span{
	display: block;
	margin: 0;
	margin-top: 11px;
	font-size: 12px;
	color: #999;
	text-transform: uppercase;
}
.header .header_ul li a:hover, .header .header_ul li.active a{
	color: #fff;
	background: #02328d;
}
.header .header_ul li a:hover span, .header .header_ul li.active a span{
	color: #ccc;
}
.big_case{
	position: relative;
	width: 100%;
	height: 860px;
	padding-top: 90px;
	background: url(/templates/default/images/dev1.jpg) no-repeat center center;
	background-size: cover;
}
.big_case_title_e{
	position: relative;
	z-index: 2;
	text-align: center;
	font-size: 20px;
	color: #999;
	text-transform: uppercase;
}
.big_case_title{
	position: relative;
	z-index: 2;
	text-align: center;
	font-size: 35px;
	color: #333;
	margin-top: 10px;
}
.com_main{
	width: 100%;
	height: 760px;
	padding-top: 65px;
	background: url(/templates/default/images/jtyw.jpg) no-repeat center center;
	background-size: cover;
}
.same_title_e{
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	color: #4b4b4b;
	line-height: 1;
	text-transform: uppercase;
}
.same_title{
	position: relative;
	z-index: 2;
	font-size: 30px;
	color: #4b4b4b;
	text-align: center;
	line-height: 1;
	margin-top: 15px;
}
.same_title{
	font-size: 30px;
	color: #555;
}
.four_main{
	width: 1160px;
	overflow: hidden;
	margin: 52px auto 99px auto;
}
.four_son{
	float: left;
	width: 260px;
	height: 318px;
	margin-right: 40px;
	background: #fafafa;
	border-bottom: 8px solid #c3c3c3;
	transition:all 1s ease;-webkit-transition:all 1s ease;
}
.four_son:last-child{margin-right: 0;}
.four_son .four_img{ display:block; width:260px; height:174px; overflow:hidden;}
.four_son .four_pad{
	padding: 20px 15px 6px 15px;
}
.four_son .four_img img{ display:block; width:260px; height:174px; transition:all 1s ease; -webkit-transition:all 1s ease;}
.four_son .four_img:hover{ overflow:hidden;}
.four_son a:hover img{ transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2);}

.four_son:hover{ border-color:#15448f;}
.four_son .title{font-size:18px; font-weight:normal; line-height:20px; color:#333;}
.four_son .para{ font-size:12px; text-align:left; line-height:20px; color:#666; text-indent:1em; padding:8px 0px;}
.four_son .para:before{ content:""; width:5px; height:5px; display:block; position:absolute; border-radius:5px; background:#666; margin:7px 0px 0px 3px;}
.four_son:hover>div .para:before{ background:#15448f;}
.four_son:hover .title, .four_son:hover .para{color: #15448f;}
.four_son .four_more{ font-size:12px; display:block; color:#666; line-height:30px; padding-left:40px;}
.four_son .four_more:before{content:""; width:26px; height:26px; display:block; position:absolute; background:url(/templates/default/images/arrow3.png) no-repeat 0px 0px; margin:2px 0px 0px -40px; transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.four_son:hover>div>.four_more:before{ background-position:-34px 0px;}
.find_more_bot{display: block; width: 150px; height: 50px; line-height: 45px; text-align: center; margin: 0 auto; border: 2px solid #999;font-size: 16px; color: #333;}
.find_more_bot:hover{color: #fff; background: #15448f; border-color: #15448f; transition:all 1s ease; -webkit-transition:all 1s ease;}
.main_city{
	width: 100%;
	height: 640px;
	background-image: url(/templates/default/images/cityBg.jpg);
    background-position: 50% 90%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.main_city.white{
	background: #fff;
}
.main_city{
	padding-top: 74px;
}
.color_white{
	color: #fff !important;
}
.city_father{
	width: 1162px;
	margin: 58px auto 0 auto;
}
.city_son{
	float: left;
	width: 210px;
	height: 304px;
	background: rgba(2,94,185,0.7);
	margin-right: 28px;
	text-align:center; 
	padding-top:55px; 
	transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	cursor: pointer;
}
.city_son:last-child{
	margin-right: 0;
}
.city_son a{
	display: block;
	width: 100%;
	height: 100%;
}
.city_son .city_logo{ width:70px; height:60px; margin: 0 auto; transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.city_son .city_logo.logo1{
	background:url(/templates/default/images/city1.png) no-repeat center center;
}
.city_son .city_logo.logo2{
	background:url(/templates/default/images/city2.png) no-repeat center center;
}
.city_son .city_logo.logo3{
	background:url(/templates/default/images/city3.png) no-repeat center center;
}
.city_son .city_logo.logo4{
	background:url(/templates/default/images/city4.png) no-repeat center center;
}
.city_son .city_logo.logo5{
	background:url(/templates/default/images/city5.png) no-repeat center center;
}
.city_text{
	padding: 65px 15px 0 15px;
	transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;
}
.city_text h2{
	font-size: 20px;
	color: #fff45c;
}
.city_text p{
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	margin-top: 15px;
}
.city_son:hover{ background:#0b4180;}
.city_son:hover .city_logo{ transform:translateY(-10px);-webkit-transform:translateY(-10px); -ms-transform:translateY(-10px);}
.city_son:hover .city_text{ transform:translateY(10px);-webkit-transform:translateY(10px); -ms-transform:translateY(10px);}
.group_nice{
	width: 100%;
	height: 748px;
	background: #fff;
	padding-top: 83px;
}
.nice_father{
	width: 1140px;
	margin: 54px auto 0 auto;
}
.nice_father .left_imgs{
	float: left;
	width: 528px;
	margin-right: 20px;
}
.nice_father .left_imgs .top{
	display: block;
	width: 528px;
	height: 249px;
	margin-bottom: 20px;
}
.nice_father .left_imgs .left{
	float: left;
	width: 254px;
	height: 174px;
}
.nice_father .left_imgs .right{
	float: right;
	width: 254px;
	height: 174px;
}
.nice_father .right_video{
	float: right;
	width: 591px;
	height: 443px;
}
.beauty_img{
	position: relative;
	overflow: hidden;
}
.beauty_img img{
	transition:all 1s ease; -webkit-transition:all 1s ease;
}
.beauty_img:hover img{
	transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2);
}
.nice_text{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	background: rgba(0,0,0,0.6);
	color: #fff;
	padding: 15px 0 10px 0;
	text-align: center;
	font-size: 16px;
}
.partner{
	position: relative;
	width: 100%;
	padding-top: 74px;
	background: url(/templates/default/images/wave.jpg) no-repeat;
	background-size: cover;
	padding-bottom:30px;
}
.part_father{
	width: 1340px;
	margin: 80px auto 0 auto;
}
.part_son{
	float: left;
	width: 208px;
	height: 71px;
	margin-right: 60px;
        margin-bottom: 30px;
	display:flex;
  	align-items:center;
  	justify-content: center;
  	opacity: 0;
}
.part_son img{
	max-width: 208px;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}
.A_flipInY{ animation:flipInY 2s; -webkit-animation:flipInY 2s; -ms-animation:flipInY 2s;}
.blue_footer{
	width: 100%;
	height: 72px;
	line-height: 72px;
	background: #005ea6;
	font-size: 12px;
	color: #fff;
}
.blue_mid{
	width: 1160px;
	margin: 0 auto;
}
.float_span{
	float: right;
	margin-left: 12px;
}
.white_footer{
	width: 100%;
	height: 64px;
	line-height: 64px;
	background: #fafbfd;
	text-align: center;
	font-size: 14px;
	color: #666;
}
.grey_footer{
	width: 100%;
	background: #f7f7f7;
	padding: 50px 0 60px 0;
}
.grey_mid{
	width: 1160px;
	margin: 0 auto;
	
}
.footer_dl{
	float: left;
	margin-right: 70px;
}
.footer_dl dt{
	font-size: 16px;
	color: #333;
	line-height: 1;
	font-weight: normal;
	padding-bottom: 17px;
	margin-bottom: 17px;
	background: url(/templates/default/images/dl_bg.png) no-repeat left bottom;
}
.footer_dl dd{
	line-height: 1;
	margin-bottom: 13px;
}
.footer_dl dd a{
	font-size: 14px;
	color: #999;
}
.hot_line{
	float: left;
	border-left: 1px solid #ccc;
	padding-left: 70px;
	padding-bottom: 36px;
}
.hot_num{
	font-size: 20px;
	color: #333;
	line-height: 1;
	margin-bottom: 35px;
}
.hot_grey{
	font-size: 14px;
	color: #999;
	line-height: 1;
	margin-bottom: 12px;
}
.wrapper_timeline{
	position: relative;
	width: 1294px;
	padding: 0 60px;
	margin: 82px auto 0 auto;
	left: 23px;
	overflow: hidden;
}
.timeline_bra{
	position: relative;
	width: 1175px;
	overflow: hidden;
}
.time_line_style{
	position: absolute;
	z-index: -1;
	top: 399px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #ccc;
}
.time_line .item{
	position: relative;
	float: left;
	width: 375px;
	height: 796px;
	margin-right: -175px;
}
.time_line .item .wrapper{
	position: relative;
	z-index: 500;
	width: 375px;
	height: 375px;
	border: 1px solid #eeeeee;
}
.time_line .item .wrapper:hover .time{
	background: #02328d;
	color: #fff;
}
.time_line .item.top .wrapper:hover .time::before{
	border-top-color: #02328d;
}
.time_line .item.bottom .wrapper:hover .time::before{
	border-bottom-color: #02328d;
}
.time_line .item .wrapper:hover .time .time_spot{
	background: #02328d;
}
.time_line .item .wrapper:hover{
	border-color: #02328d
}
.time_line .item.bottom .wrapper{
	position: absolute;
	bottom: 0;
	transition:all 0.5s ease; 
	-webkit-transition:all 0.5s ease;
}
.time_line .item.bottom .content{
	position: absolute;
	bottom: 123px;
	left: 0;
	width: 100%;
	height: 204px;
	padding: 0 20px 15px 20px;
}
.time_line .item.top .content{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 204px;
	padding: 15px 20px 0 20px;
}
.time_line .item .time{
	transition:all 0.5s ease; 
	-webkit-transition:all 0.5s ease;
}
.time_line .item.bottom .time{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 42px;
	line-height: 42px;
	background: #eee;
	font-size: 16px;
	color: #666;
	text-align: center;
}
.time_line .item.bottom .time .time_spot{
	position: absolute;
	top: -32px;
	left: 50%;
	margin-left: -8px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #ccc;
	cursor: default;
}
.time_line .item .time::before{
	transition:all 0.5s ease; 
	-webkit-transition:all 0.5s ease;
}
.time_line .item.bottom .time::before{
	position:absolute;
	top: -12px;
	left: 50%;
	margin-left: -12px;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #eee;
	content:" ";
	display:block;
	width:0;
	height:0;
}
.time_line .item.top .time{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 42px;
	line-height: 42px;
	background: #eee;
	font-size: 16px;
	color: #666;
	text-align: center;
}
.time_line .item.top .time .time_spot{
	position: absolute;
	bottom: -32px;
	left: 50%;
	margin-left: -8px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #ccc;
	cursor: default;
}
.time_line .item.top .time::before{
	position:absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -12px;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #eee;
	content:" ";
	display:block;
	width:0;
	height:0;
}
.time_line .item .content .text{
	display:flex;
  	align-items:center;
	width: 100%;
	height: 74px;
	font-size: 12px;
	color: #666;
}
.time_line .item .content .img{
	position: relative;
	width: 100%;
	height: 239px;
}
.time_line .item .content .img img{
	display: block;
	width: 100%;
	height: 100%;
	transition:all 0.5s ease; 
	-webkit-transition:all 0.5s ease;
}
.time_next{
	position: absolute;
	bottom: 50%;
	right: 0;
	margin-bottom: -20px;
	width: 40px;
	height: 40px;
	background: url(/templates/default/images/time_next.png) no-repeat;
}
.time_prev{
	display: none;
	position: absolute;
	bottom: 50%;
	left: 0;
	margin-bottom: -20px;
	width: 40px;
	height: 40px;
	background: url(/templates/default/images/time_prev.png) no-repeat;
}
.zjlh_banner{
	position: relative;
}
.zjlh_banner .zjlh_text{
	position: absolute;
	z-index: 100;
	bottom: -17px;
	left: 50%;
	margin-left: -662px;
	width: 1325px;
}
.lh_jieshao{
	width: 100%;
	height: 724px;
	background: url(/templates/default/images/zj_ab_bg.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 74px;
}
.big_title{
	font-size: 45px;
	color: #333;
	text-align: center;
}
.lt_title{
	font-size: 18px;
	color: #666;
	text-align: center;
	margin: 18px 0 30px 0;
}
.lh_father{
	width: 1100px;
	height: 489px;
	margin: 0 auto;
	background: url(/templates/default/images/map.png) no-repeat center center;
	border-bottom-right-radius: 50px;
}
.lh_father .left_img{
	float: left;
	width: 684px;
	height: 489px;
}
.lh_father .right_text{
	float: right;
	width: 425px;
	height: 444px;
	padding: 29px 27px 0 0;
}
.lh_father .right_text h3{
	font-size: 30px;
	color: #fff45c;
	margin-bottom: 10px;
}
.lh_father .right_text p{
	font-size: 14px;
	color: #fff;
	line-height: 29px;
}
.zongcai{
	width: 100%;
	height: 774px;
	background: url(/templates/default/images/zongcai.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 63px;
}
.zj_title_e{
	font-size: 45px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	line-height: 1;
}
.zj_title{
	font-size: 30px;
	color: #fff;
	text-align: center;
	margin-top: 20px;
	line-height: 1;
}
.zj_title_e.grey{
	color: #999
}
.zj_title.grey{
	color: #333;
}
.zc_father{
	width: 1070px;
	margin: 72px auto 0 auto;
}
.zc_father .left_img{
	float: left;
}
.zc_father .right_content{
	float: right;
	width: 754px;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	margin-top: -10px;
}
.zhanlve{
	width: 100%;
	height: 945px;
	padding-top: 40px;
	background: url(/templates/default/images/spot_bg.jpg) no-repeat center center;
	background-size: cover;
}
.zhanlve_short{
	width: 955px;
	margin: 20px auto;
	font-size: 16px;
	color: #333;
	text-align: center;
	line-height: 24px;
}
.zhanlve_wrapper{
	width: 1102px;
	margin: 0 auto;
	overflow: hidden;
}
.zhanlve_more{
	width: 1140px;
}
.zhanlve_son{
	float: left;
	width: 532px;
	height: 206px;
	background: #f1f1f1;
	border-radius: 5px;
	margin-bottom: 20px;
	margin-right: 38px;
	padding: 20px 30px 0 30px;
	transition:all 0.5s ease; 
	-webkit-transition:all 0.5s ease;
}
.zhanlve_son h3{
	color: #666;
	font-size: 20px;
	text-align: center;
	margin-bottom: 15px;
}
.zhanlve_son h3 span{
	color: #999;
}
.zhanlve_son h3 span.left{
	margin-right: 10px;
}
.zhanlve_son h3 span.right{
	margin-left: 10px;
}
.zhanlve_son p{
	font-size: 14px;
	color: #999;
	line-height: 20px;
	text-align: center;
}
.zhanlve_son:hover{
	background: #02328d;
}
.zhanlve_son:hover h3, .zhanlve_son:hover p{
	color: #fff;
}
.zhanlve_son:hover h3 span{
	color: #fff;
}
.jiagou{
	width: 100%;
	height: 930px;
	padding-top: 100px;
	background: url(/templates/default/images/jiagou.jpg) no-repeat center center;
	background-size: cover;
}
.jg_detail{
	width: 991px;
	margin: 55px auto 0 auto;
}
.beauty_en{
	position: absolute;
	z-index: 1;
	top: 98px;
	left: 50%;
	width: 356px;
	margin-left: -178px;
}
.beauty_en.ry{
	margin-left: -184px;
}
.beauty_en.wd{
	margin-left: -200px;
}
.rongyu{
	position: relative;
	width: 100%;
	height: 730px;
	padding-top: 74px;
	background: #fff;
}
.ry_father{
	width: 1104px;
	margin: 85px auto 0 auto;
}
.ry_father .ry_more{
	width: 1124px;
}
.ry_father .ry_son{
	float: left;
	margin-bottom: 40px;
	margin-right: 20px;
}

.ry_father .ry_son .img{width: 259px; height: 169px; overflow:hidden;}
.ry_father .ry_son .img img{ transition:all 1s ease; -webkit-transition:all 1s ease;}
.ry_father .ry_son .img:hover img{ transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2);}



.ry_father .ry_son .text{
	font-size: 14px;
	color: #666;
	text-align: center;
	padding-top: 20px;
}
.wangdian{
	position: relative;
	width: 100%;
	height: 901px;
	padding-top: 64px;
	background: url(/templates/default/images/fs.jpg) no-repeat center center;
	background-size: cover;
}
.big_th{
	width: 100%;
	height: 842px;
	padding-top: 83px;
}
.line_title{
	text-align: center;
	color: #313232;
	font-size: 36px;
	line-height: 1;
	margin-bottom: 21px;
	background: url(/templates/default/images/title_line.png) no-repeat center bottom;
	padding-bottom: 9px;
}
.line_title.line_w{
	background: url(/templates/default/images/title_line_w.png) no-repeat center bottom;
}
.line_title_e{
	text-align: center;
	font-size: 30px;
	color: #c4c4c4;
	text-transform: uppercase;
	line-height: 1;
}
.big_th_mid{
	width: 1082px;
	margin: 45px auto 0 auto;
}
.big_th_mid .left_img{
	float: left;
	width: 486px;
	padding-left: 30px;
}
.big_th_mid .right_content{
	float: right;
	width: 596px;
	padding-right: 55px;
	padding-top: 42px;
}
.big_th_mid .right_content .th_gn{
	font-size: 14px;
	color: #e29233;
}
.th_para{
	margin-top: 75px;
}
.th_para h3{
	font-size: 18px;
	color: #383838;
	margin-bottom: 7px;
}
.th_para p{
	font-size: 14px;
	color: #666;
	line-height: 28px;
}
.touzi{
	width: 100%;
	height: 840px;
	padding-top: 67px;
	background: url(/templates/default/images/tz.jpg) no-repeat center center;
	background-size: cover;
}
.touzi_mid{
	width: 1082px;
	margin: 87px auto 0 auto;
}
.touzi_mid .left_img{
	float: left;
	width: 689px;
}
.touzi_mid .left_img .touzi_text{
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	padding: 25px 100px 0 25px;
	margin-bottom: 67px;
}
.touzi_mid .left_img .touzi_text span{
	color: #e29233;
}
.touzi_mid .right_content{
	float: right;
	width: 355px;
	height: 470px;
	background: rgba(0,20,73,0.5);
	color: #fff;
	padding: 74px 0 0 72px;
}
.touzi_mid .right_content h3{
	font-size: 17px;
	margin-bottom: 10px;
}
.touzi_mid .right_content p{
	font-size: 14px;
	line-height: 28px;
}
.margin_top_47{
	margin-top: 47px;
}
.binggou{
	width: 100%;
	height: 843px;
	padding-top: 170px;
	background: url(/templates/default/images/snow.jpg) no-repeat center center;
	background-size: cover;
}
.binggou_mid{
	width: 992px;
	margin: 55px auto 0 auto;
}
.binggou_mid .left_img{
	float: left;
	width: 374px;
}
.binggou_mid .right_content{
	float: left;
	width: 618px;
	margin-top: 50px;
	background: #fff;
	box-shadow: 0 0 8px #c9c8c8;
	padding: 35px 78px 40px 35px;
}
.binggou_mid .right_content .bg_y{
	font-size: 14px;
	color: #e29233;
}
.binggou_mid .right_content .bg_text h3{
	font-size: 18px;
	color: #383838;
	margin-top: 40px;
	margin-bottom: 8px;
}
.binggou_mid .right_content .bg_text p{
	font-size: 14px;
	color: #666;
	line-height: 28px;
}
.ct_fund{
	width: 100%;
	height: 844px;
	padding-top: 100px;
	background: url(/templates/default/images/hand.jpg) no-repeat center center;
	background-size: cover;
}
.ctjj_text{
	width: 544px;
	margin: 54px auto 0 auto;
	font-size: 14px;
	color: #e29233;
	line-height: 28px;
	text-align: center;
}
.ctjj_father{
	width: 1006px;
	margin: 30px auto 0 auto;
}
.ctjj_father .ctjj_left{
	float: left;
	width: 444px;
}
.ctjj_father .ctjj_right{
	float: right;
	width: 562px;
	padding-left: 20px;
	padding-top: 130px;
}
.ctjj_father .ctjj_right h3{
	font-size: 18px;
	color: #f5f5f5;
	margin-bottom: 8px;
}
.ctjj_father .ctjj_right p{
	font-size: 14px;
	color: #fff;
	line-height: 28px;
}
.cyfh_wrapper{
	width: 100%;
	height: 1130px;
	padding-top: 84px;
	background: url(/templates/default/images/wave_big.jpg) no-repeat;
	background-size: cover;
}
.cyfh_shadow{
	width: 888px;
	height: 182px;
	padding: 40px 170px;
	margin: 36px auto 0 auto;
	background: url(/templates/default/images/shadow.png) no-repeat center center;
	background-size: cover;
	font-size: 14px;
	color: #383838;
	line-height: 24px;
}
.fuhua_img{
	width: 1078px;
	margin: 24px auto 0 auto;
}
.ss_banner{
	position: relative;
}
.ss_banner h3{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -55px;
	margin-left: -490px;
	width: 980px;
	text-align: center;
	line-height: 60px;
	font-size: 35px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 2px 2px 15px rgba(0,0,0,0.7);
}
.ss_banner h4{
	position: absolute;
	left: 50%;
	top: 40%;
	margin-top: -55px;
	margin-left: -119px;
	width: 238px;
	font-size: 75px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
.cgal_banner{
	position: relative;
}
.al_text{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -55px;
	margin-left: -450px;
	width: 900px;
	text-align: center;
	line-height: 80px;
	font-size: 60px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 4px;
	text-shadow: 2px 2px 15px rgba(0,0,0,0.7);
}
.ssfw_text{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -55px;
	margin-left: -447px;
	width: 894px;
	text-align: center;
	line-height: 80px;
	font-size: 60px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 4px;
	text-shadow: 2px 2px 15px rgba(0,0,0,0.7);
}
.ss_banner p{
	position: absolute;
	top: 250px;
	left: 50%;
	margin-left: -280px;
	width: 560px;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 0 15px rgba(0,0,0,0.5);
}
.zhengce{
	position: relative;
	width: 100%;
	height: 730px;
	padding-top: 66px;
	background: #fff;
}
.bm_title{
	position: relative;
	z-index: 2;
	font-size: 30px;
	color: #555555;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}
.beauty_en.zc{
	width: 414px;
	top: 65px;
	margin-left: -207px;
}
.zc_yellow{
	width: 1104px;
	margin: 56px auto 0 auto;
}
.zc_yellow .text p{
	margin-top: 50px;
	font-size: 16px;
	color: #333;
	line-height: 26px;
}
.zhuanjia{
	width: 100%;
	height: 741px;
	background: url(/templates/default/images/zhuanjia.jpg) no-repeat center center;
	background-size: cover;
}
.zhuanjia_mid{
	width: 1104px;
	margin: 0 auto;
}
.zhuanjia_mid .left_text{
	float: left;
	width: 448px;
	height: 702px;
	background: #fff;
	margin-top: -23px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	border-top-right-radius: 15px;
	padding: 64px 30px 0 30px;
}
.zhuanjia_mid .left_text h3{
	font-size: 30px;
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
	line-height: 1;
}
.zhuanjia_mid .left_text h4{
	font-size: 25px;
	color: #005ea6;
	font-weight: bold;
	line-height: 1;
	margin-top: 10px;
	margin-bottom: 25px;
}
.zhuanjia_mid .left_text .para p{
	font-size: 14px;
	color: #666;
	margin-top: 15px;
	line-height: 23px;
}
.zhuanjia_mid .zj_wrapper{
	float: left;
	width: 304px;
	height: 387px;
	margin-top: 100px;
	margin-left: 64px;
}
.zhuanjia_mid .zj_wrapper img{
	width: 100%;
	height: 100%;
}
.zhuanjia_more{
	width: 1500px;
}
.guapai{
	width: 100%;
	height: 922px;
	padding-top: 80px;
	background: url(/templates/default/images/dz_bg.jpg) no-repeat center center;
	background-size: cover;
}
.guapai_title{
	font-size: 30px;
	color: #555;
	font-weight: bold;
	text-align: center;
}
.guapai_nav{
	text-align: center;
	margin-top: 30px;
}
.guapai_nav a{
	display: inline-block;
	height: 38px;
	line-height: 38px;
	padding: 0 25px;
	font-size: 16px;
	color: #333;
	margin-right: 10px;
}
.guapai_nav a:last-child{
	margin-right: 0;
}
.guapai_nav a.active, .guapai_nav a:hover{
	background: #fff;
	border-radius: 25px;
	color: #02328d;
}
.guapai_wrapper{
	width: 1104px;
	margin: 30px auto 0 auto;
}
.guapai_wrapper .right_img{
	float: right;
	width: 550px;
	height: 547px;
	background: #fff;
	display:flex;
  	align-items:center;
  	justify-content: center;
}
.guapai_wrapper .left_text{
	float: left;
	width: 554px;
	height: 547px;
	padding: 40px 10px 0 40px;
	background: #fff;
}
#inner-content-div{
	padding-left: 40px;
}
#inner-content-div h3{
	font-size: 19px;
	color: #003786;
	margin-bottom: 15px;
	margin-top: 15px;
}
#inner-content-div h3:first-child{
	margin-top: 0;
}
#inner-content-div p{
	font-size: 14px;
	color: #666;
	line-height: 22px;
}
.slimScrollBar{
	opacity: 1 !important;
}
.success_case{
	position: relative;
	width: 100%;
	height: 812px;
	padding-top: 95px;
	background: url(/templates/default/images/shadow_repeat.png) repeat-x left top;
}
.success_pos{
	position: absolute;
	z-index: -1;
	top: 110px;
	left: 50%;
	margin-left: -368px;
}
.success_case .top_title{
	font-size: 58px;
	font-weight: bold;
	color: #006cb6;
	text-align: center;
	margin-bottom: 24px;
	line-height: 1;
}
.success_case .top_title span{
	color: #ff0000;
}
.success_case .desc{
	font-size: 16px;
	color: #006cb6;
	text-align: center;
}
.case_wrapper{
	position: relative;
	width: 1224px;
	height: 475px;
	padding-bottom: 50px;
	margin: 68px auto 0 auto;
	overflow: hidden;
}
.some_show{
	position: absolute;
	bottom: 6px;
	right: 60px;
	font-size: 16px;
	color: #999;
}
.suc_text{
	width: 552px !important;
	height: 425px;
	background: #006cb6;
	text-align: left;
	color: #fff;
	padding: 35px 25px 35px 35px;
}
.swiper-wrapper{
	position: relative;
}
.cover_text_top{
	position: absolute;
	z-index: 200;
	top: 0;
	left: 60px;
	width: 552px;
	height: 30px;
	background: #006cb6;
}
.cover_text_bottom{
	position: absolute;
	z-index: 200;
	bottom: 0;
	left: 60px;
	width: 552px;
	height: 30px;
	background: #006cb6;
}
.suc_text h3{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.suc_text p{
	font-size: 12px;
	margin-top: 10px;
	line-height: 22px;
	color:#fff !important;
}
.suc_text p span{
	color:#fff !important;
}
.suc_img{
	width: 552px;
	height: 425px;
}
.linian{
	width: 100%;
	height: 740px;
	padding-top: 83px;
	background: url(/templates/default/images/rl_d.jpg) no-repeat center center;
	background-size: cover;
}
.linian_mid{
	width: 1086px;
	margin: 78px auto 0 auto;
}
.linian_mid .left_ca{
	float: left;
	width: 625px;
	height: 360px;
}
.linian_mid .right_text{
	float: left;
	padding-left: 43px;
}
.linian_mid .right_text h3{
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 8px;
	line-height: 1;
}
.linian_mid .right_text div{
	font-size: 14px;
	color: #666;
	line-height: 1;
}
.fengcai{
	width: 100%;
	height: 740px;
	padding-top: 107px;
	background: url(/templates/default/images/rl_blue.jpg) no-repeat center center;
	background-size: cover;
}
.fengcai_mid{
	width: 1086px;
	height: 230px;
	padding: 0 15px;
	margin: 110px auto 0 auto;
	background: #edf2fa;
}
.zhaoxian{
	width: 100%;
	height: 1190px;
	padding-top: 96px;
	background: #fff;
}
.zx_nav{
	width: 700px;
	height: 42px;
	margin: 10px auto 0 auto;
	border: 1px solid #fcebd6;
	border-radius: 20px;
	overflow: hidden;
}
.zx_nav a{
	float: left;
	width: 116px;
	height: 42px;
	line-height: 42px;
	font-size: 15px;
	color: #e29233;
	text-align: center;
	border-radius: 20px;
}
.zx_nav a.active, .zx_nav a:hover{
	background: #e29233;
	color: #fff;
}
.zx_grey{
	width: 1084px;
	height: 650px;
	padding: 77px 80px 80px 80px;
	margin: 68px auto 0 auto;
	background: #f2f2f2;
}
.zx_grey p,.zx_grey span,.zx_grey p span{
	background: #f2f2f2 !important;
	color:#666 !important;
}
#inner-content-div h2{
	text-align: center;
	font-size: 24px;
	color: #383838 !important;
	margin-bottom: 50px;
}
#inner-content-div h4{
	font-size: 15px;
	color: #383838 !important;
	margin-bottom: 15px;
}
#inner-content-div h5{
	font-size: 14px;
	color: #383838 !important;
}
#inner-content-div h6{
	font-size: 14px;
	color: #383838 !important;
	margin-bottom: 5px;
	margin-top: 15px;
}
#inner-content-div div{
	font-size: 14px;
	color: #666 !important;
	line-height: 24px;
}
.gongyi{
	width: 100%;
	height: 730px;
	background: #fff;
}
.heart_gy{
	text-align: center;
	font-size: 30px;
	color: #333;
	margin-bottom: 24px;
}
.list_nav{
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -552px;
	width: 1104px;
	height: 50px;
	background: #fff;
}
.list_nav a{
	float: left;
	width: 368px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	color: #333;
	border-right: 2px solid #30497c;
}
.list_nav a:last-child{
	border-right: 0;
}
.list_nav a.active, .list_nav a:hover{
	background: #0d3a91;
	color: #fff;
}
.xw_list_wrapper{
	padding: 30px 0 100px 0;
	background: #f2f2f2;
}
.xw_list_mid{
	width: 1104px;
	margin: 0 auto;
	background: #fff;
	padding: 54px;
	box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
}
.xw_list_son{
	border-bottom: 1px dotted #999;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.xw_list_son .left_img{
	float: left;
	width: 232px;
	height: 158px;
}
.xw_list_son .right_text{
	float: left;
	width: 764px;
	padding-left: 20px;
}
.xw_list_son .right_text .title{
	line-height: 1;
	margin-bottom: 15px;
}
.xw_list_son .right_text .title a{
	font-size: 18px;
	color: #333;
}
.xw_list_son .right_text .title a:hover{
	color: #0d3a91;
}
.xw_list_son .right_text .time{
	font-size: 12px;
	color: #999;
	border-bottom: 1px solid #eee;
	line-height: 1;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.xw_list_son .right_text .para{
	font-size: 14px;
	color: #999;
	line-height: 24px;
}
.xw_detail{
	float: right;
	margin-top: 5px;
	line-height: 20px;
	background: url(/templates/default/images/detail_ico.png) no-repeat 100% 58%;
	padding-right: 20px;
	color: #666;
}
.xw_detail:hover{
	color: #0d3a91;
}
.detail_page{
	width: 100%;
	background: #f2f2f2;
	padding: 30px 0 90px 0;
}
.detail_page_mid{
	position: relative;
	width: 1104px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #666;
	padding: 45px 30px 50px 30px;
}
.page_time{
	position: absolute;
	z-index: 1;
	top: 40px;
	left: -30px;
	background: #02328d;
	text-align: center;
	color: #fff;
	display: block;
	font-size: 16px;
	width: 240px;
	height: 37px;
	line-height: 37px;
}
.page_title_top{
	font-size: 24px;
	color: #333;
	margin-top: 60px;
	margin-bottom: 18px;
}
.detail_text_page img{
	display: block;
	margin: 20px auto;
}
.detail_text_page p,.detail_text_page p span,.detail_text_page span{
	font-size: 14px;
	color: #666 !important;
	line-height: 28px;
}
.detail_change{
	height: 40px;
	position: relative;
	margin-top: 40px;
	font-size: 14px;
	color: #666;
}
.detail_change > div{
	margin-bottom: 8px;
}
.detail_change > div a{
	color: #005ea6;
}
.bottom_back{
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 14px;
	color: #666;
	display: block;
    width: 60px;
    height: 36px;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
}
.bottom_back:hover {
    background: #4b83d0;
    color: #fff;
}
.top_share{
	position: absolute;
	top: 50px;
	right: 30px;
}
.top_share .return_page{
	display: inline-block;
	width: 60px;
	height: 28px;
	line-height: 28px;
	padding-left: 32px;
	font-size: 14px;
	color: #666;
	background: url(/templates/default/images/ico_return.png) no-repeat left center;
	margin-left: 10px;
}
.top_share .return_page:hover{
	background: url(/templates/default/images/ico_return_act.png) no-repeat left center;
}
.top_share .share_page{
	position: relative;
	display: inline-block;
	width: 60px;
	height: 32px;
	padding-bottom: 4px;
	line-height: 28px;
	padding-left: 32px;
	font-size: 14px;
	color: #666;
	background: url(/templates/default/images/ico_share_b.png) no-repeat left 1px;
}
.top_share .share_page:hover{
	background: url(/templates/default/images/ico_share.png) no-repeat left 1px;
}
.top_share .share_page:hover .hide_share{
	display: block;
}
.top_share .share_page .hide_share{
	display: none;
	position: absolute;
	top: 32px;
	left: 0;
	width: 66px;
	height: 81px;
	background: #1462a4;
	border-radius: 5px;
	overflow: hidden;
}
.top_share .share_page .hide_share span{
	display: block;
	width: 100%;
	height: 27px;
	line-height: 27px;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
	padding-left: 30px;
}
.top_share .share_page .hide_share span:hover{
	background-color: #02328d;
}
.top_share .share_page .hide_share .share_qq{
	background: url(/templates/default/images/share_qq.png) no-repeat 10px 50%;
}
.top_share .share_page .hide_share .share_wx{
	background: url(/templates/default/images/share_wx.png) no-repeat 10px 50%;
}
.top_share .share_page .hide_share .share_wb{
	background: url(/templates/default/images/share_wb.png) no-repeat 8px 50%;
}
.wrapper_wx_hide{
	display: none;
	position: fixed;
	z-index: 300;
	top: 50%;
	left: 50%;
	margin-left: -165px;
	margin-top: -180px;
	width: 330px;
	height: 360px;
	background: #fff;
	box-shadow: 2px 2px 15px rgba(0,0,0,0.5);
	border: 1px solid #ccc;
}
.wrapper_wx_hide .wx_title{
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #f2f2f2;
	color: #666;
	padding-left: 15px;
}
.wrap_qrcode{
	height: 330px;
	display:flex;
  	align-items:center;
  	justify-content: center;
}
.close_wx{
	float: right;
	width: 30px;
	height: 30px;
	background: url(/templates/default/images/close.png) no-repeat center center;
	background-size: 20px 20px;
}
.company_title{
	text-align: center;
	margin-top: 7px;
	margin-bottom: 30px;
}
.about_text{
	padding-right: 20px;
}
.slide_text{
	position: absolute;
	top: 50%;
	margin-top: -35px;
	left: 50%;
	margin-left: -291px;
	width: 582px;
	font-size: 70px;
	font-weight: bold;
	color: #fff;
	text-shadow: 2px 2px 15px #666;
}
.jr_text{
	position: absolute;
	top: 38%;
	left: 48%;
	width: 684px;
}
.max_height_text{
	height: 260px;
	overflow: hidden;
}
.rl_logo{
	position: absolute;
	top: 8%;
	left: 24.5%;
}
.ri_text{
	position: absolute;
	top: 38%;
	left: 40%;
}
.click_detail{
	float: right;
	margin-top: 10px;
}
.sh_more{
	display: block;
	width: 198px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	background: #005ea6;
	color: #fff;
	font-size: 16px;
	margin: 0 auto 80px auto;
	border-radius: 23px;
}
.sh_more:hover{
	background: #0f75c4;
	color: #fff;
}
 .sh_more:active, .sh_more:focus{
 	color: #fff;
 }
.loaddiv{
	display: none;
	position: fixed;
	z-index: 1000;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
}
.mainDiv{
        display: none;
	position: relative;
	width: 1104px;
	margin: 0 auto;
        padding-top: 30px;
        border: 1px solid #fff;
	background: url(/templates/default/images/line_repeat.png) repeat-y center center;
}
.mainDiv::before{
	content: /templates/default/style/'';
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -6px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #d2d2d2;
}
.timeLine_son{
    position: relative;
    float: left;
    width: 496px;
    height:173px;
    padding: 30px 15px;
    background: #eee;
    border-radius: 5px;
    transition:all 0.5s ease; 
    -webkit-transition:all 0.5s ease;
    margin-bottom: 90px;
    cursor: pointer;
}
.timeLine_son::before{
    content: /templates/default/style/'';
    position: absolute;
    right: -67px;
    top: 45px;
    width: 23px;
    height: 23px;
    background: url(/templates/default/images/line_before.png) no-repeat center center;
}
.timeLine_son.right::before{
    content: /templates/default/style/'';
    position: absolute;
    left: -66px;
    top: 45px;
    width: 23px;
    height: 23px;
    background: url(/templates/default/images/line_before.png) no-repeat center center;
}
.timeLine_son:hover::before{
    background: url(/templates/default/images/line_before_active.png) no-repeat center center;
}
.timeLine_son:hover{
    background: rgb(68,108,187);
}
.timeLine_son:hover .content{
    color: #fff
}
.timeLine_son.right{
   float: right;
   margin-top: 100px;
}
.timeLine_son .img{
    float: left;
}
.timeLine_son .content{
    float: right;
    width: 265px;
    height: 116px;
    color: #666;
    line-height: 20px;
    display:flex;
    align-items:center;
}
.time_year_wrapper{
    width: 150px;
    height: 40px;
    line-height: 38px;
    background: #fff;
    border: 1px solid #ccc;
    margin: 0 auto 50px auto;
    border-radius: 20px;
    text-align: center;
    color: rgb(68,108,187);
    font-size: 20px;
    clear: both;
}
.vol_list{float:left;margin-left:60px;margin-top:20px;width: 685px;height: 530px;}
.vol_list ul li{float: left;cursor: pointer;}
.vol_list .vol_big{display: none;}
.vol_list .vol_big.active{display: block;}
.vol_list .vol_small.none{display: none;}
.vol_list .vol_small{width: 110px;height: 421px;}
.vol_wrap{margin:50px auto;width:685px;height:530px;position:relative;overflow:hidden;}
.pic{width:539px;height:530px;cursor:pointer;}
.pic1{background:url('/templates/default/images/bing.jpg?=1') no-repeat; background-size:cover;position:absolute;top:0;left:0;z-index:1;}
.pic_num1{width:70px;height:79px;position:absolute;bottom:2px;left:25px;background:url(/templates/default/style/'');background-position:0 0;display:none;}
.pic2{background:url('/templates/default/images/bing.jpg?=1') no-repeat; background-size:cover;position:absolute;top:0;left:535px;z-index:3;}
.pic_num2{width:70px;height:79px;position:absolute;bottom:3px;left:25px;background:url(/templates/default/style/'');background-position:-69px 0;}



.flag_father{
	position: absolute;
	top: 480px;
	left: 50%;
	margin-left: -640px;
	width: 1280px;
}
.flag_father li{
	width: 238px;
	height: 158px;
	font-size: 20px;
	color: #000;
}
.red_flag{
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -57px;
	width: 114px;
	height: 124px;
	background: url(/templates/default/images/red_flag.png) no-repeat;
}
.flag_father li:hover .red_flag{
	animation:mymove 1s infinite;
	-webkit-animation:mymove 1s infinite linear; /* Safari 和 Chrome */
}
@keyframes mymove {
	0% {bottom: 0;}
	50% {bottom: 5px}
	100%{bottom: 0;}
}
@-webkit-keyframes mymove {
	0% {bottom: 10px;}
	50% {bottom: 5px}
	100%{bottom: 0;}
}
.flag_father li .hide_big{
	display: none;
	position: absolute;
	z-index: 10;
	bottom: 185px;
	left: -46px;
	background: rgba(255, 255, 255, 0.8);
	color: #666;
	font-size: 14px;
	width: 300px;
	box-shadow: 0 0 25px rgba(0,0,0,0.1);
}
.flag_father li .hide_big::after{
	position: absolute;
	content: /templates/default/style/'';
	bottom: -14px;
	left: 50%;
	margin-left: -7px;
	width: 0;
	height: 0;
	border-left: 14px solid transparent;  
    border-right: 14px solid transparent;  
    border-top: 14px solid #3f61a4;  
}
.flag_father li .hide_big .text{
	padding: 20px;
}
.flag_father li .hide_big .title{
	font-size: 16px;
	background: #3f61a4;
	color: #fff;
	text-align: center;
	line-height: 1;
	padding: 12px 0 15px 0;
}
.flag_father li .date_center{
	text-align: center;
}
.red_arrow_ico{
	display: inline-block;
	vertical-align: -1px;
	margin-right: 4px;
}
.zIndex{
	z-index: 100;
}
.flag_father li:nth-child(1){
	position: absolute;
	z-index: 100;
	top: 24px;
	left: 0;
}
.flag_father li:nth-child(2){
	position: absolute;
	top: -75px;
	left: 180px;
}
.flag_father li:nth-child(3){
	position: absolute;
	top: 12px;
	left: 360px;
}
.flag_father li:nth-child(4){
	position: absolute;
	top: 43px;
	left: 550px;
}
.flag_father li:nth-child(5){
	position: absolute;
	top: -75px;
	left: 720px;
}
.flag_father li:nth-child(6){
	position: absolute;
	top: -129px;
	left: 920px;
}
.flag_father li:nth-child(7){
	position: absolute;
	top: -165px;
	left: 1100px;
}














