﻿.head_banner {
	height:600px;
	background-position:center bottom;
	background-repeat:no-repeat
}
.lunbo_banner0 {
	background-image:url(../images/index_banner0.jpg);
	background-position:center
}
.lunbo_banner1 {
	background-image:url(../images/index_banner.jpg)
}
.lunbo_banner2 {
	background-image:url(../images/index_banner2.jpg)
}
.lunbo_banner3 {
	background-image:url(../images/banner10.jpeg)
}
.head_bottom {
	height:8px;
	width:100%;
	/*background-color:#2179bb*/
	  background-color:#d22626;
}
.top_panel {
	padding:45px 0 40px 0;
	width:100%
}
.heading {
	position:relative
}
.heading .left {
	border-top:.5px solid #c1c1c1;
	width:430px;
	float:left;
	display:inline;
	margin-top:15px
}
.heading .right {
	border-top:.5px solid #c1c1c1;
	width:430px;
	float:right;
	display:inline;
	margin-top:15px
}
.heading .center {
	font-size:22px;
	line-height:30px;
	float:left;
	display:inline;
	width:216px;
	text-align:center
}
.diamond {
	width:12px;
	height:12px;
	background:#fff;
	border:1px solid #575757;
	position:absolute;
	display:inline;
	float:left;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	-webkit-transform-origin:0 100%;
	-moz-transform-origin:0 100%;
	-ms-transform-origin:0 100%;
	-o-transform-origin:0 100%;
	transform-origin:0 100%
}
.heading_word {
	font-size:18px;
	line-height:25px;
	color:#828282;
	text-align:center;
	padding:23px 0 30px 0
}
.heading_title {
	font-size:20px;
	line-height:26px;
	text-align:center;
	padding:30px 0 30px 0
}
.content_item_line {
	display:flex;
	flex-direction:row;
	height:260px
}
.content_item_line .item {
	flex:1;
	position:relative;
	margin-left:10px
}
.mask {
	background-color:rgba(0,0,0,.4);
	z-index:4;
	position:absolute
}
.item .mask {
	width:340px;
	height:191px
}
.item .item-icon {
	z-index:6;
	position:absolute;
	color:#fff;
	left:23%;
	top:10%
}
.content_item_line .item>img {
	width:340px;
	height:191px;
	position:absolute;
	top:0;
	left:0
}
.content_item_line .item p {
	position:absolute;
	bottom:0;
	font-size:16px;
	line-height:20px;
	color:#404040;
	margin-bottom:23px;
	left:50%
}
.center_banner {
	position:relative;
	width:100%;
	height:695px;
	background-image:url(../images/index_booking_bg.jpg);
	background-position:center bottom;
	background-repeat:no-repeat
}
.center_banner .mask {
	width:100%;
	height:695px
}
.center_banner .container {
	position:absolute;
	top:40px;
	margin:0 auto;
	left:0;
	right:0;
	z-index:6;
	height:665px
}
.center_banner .heading {
	color:#fff
}
.center_banner .diamond {
	background-color:rgba(255,255,255,0);
	border-color:rgba(255,255,255,.3)
}
.center_banner .left {
	border-color:rgba(255,255,255,.3)
}
.center_banner .right {
	border-color:rgba(255,255,255,.3)
}
.center_banner .heading_word {
	color:#fff
}
.center_content {
	padding:25px 0 43px 0;
	height:479px;
	position:relative;
	top:0;
	z-index:10
}
.center_content .left_content {
	width:482px;
	position:absolute;
	bottom:0;
	left:2px
}
.center_content .right_content {
	width:388px;
	border-left:.5px solid rgba(255,255,255,.3);
	position:absolute;
	right:0;
	height:486px;
	padding:0 50px 0 113px
}
.right_content .t {
	height:97px
}
.right_content .c {
	height:114px;
	padding:30px 0 30px 0;
	font-size:18px;
	line-height:38px;
	color:#fff
}
.inline {
	float:left;
	display:inline
}
.center_panel {
	padding:45px 0 40px 0
}
.center_panel .tech_line {
	display:flex
}
.tech_line .tech_item {
	flex:1;
	text-align:center
}
.tech_item p {
	font-size:18px;
	color:#d22626;
	text-align:center
}
.tech_line .tech_item .img_bg {
	width:220px;
	height:279px;
	background-color:#ececec;
	position:relative;
	left:25px
}
.tech_line .tech_item .img {
	width:188px;
	height:253px;
	position:absolute;
	bottom:0;
	text-align:center
}
.process_banner {
	position:relative;
	width:100%;
	height:401px;
	background-image:url(../images/index_process_bg.jpg);
	background-position:center bottom;
	background-repeat:no-repeat
}
.process_banner .mask {
	width:100%;
	height:401px
}
.process_banner .container {
	position:absolute;
	top:30px;
	margin:0 auto;
	left:0;
	right:0;
	z-index:6;
	height:665px
}
.process_banner .heading {
	color:#fff
}
.process_banner .diamond {
	background-color:rgba(255,255,255,0);
	border-color:rgba(255,255,255,.3)
}
.process_banner .left {
	border-color:rgba(255,255,255,.3)
}
.process_banner .right {
	border-color:rgba(255,255,255,.3)
}
.process_banner .heading_word {
	color:#fff
}
.process_banner .item_line {
	display:flex
}
.process_banner .item_line .item {
	flex:1;
	text-align:center
}
.process_banner .item_line .item p:nth-child(2) {
	font-size:18px;
	line-height:25px;
	color:#fff
}
.process_banner .item_line .item p:nth-child(3) {
	font-size:16px;
	line-height:22px;
	color:#fff
}
.tech_xie_panel {
	height:199px;
	margin:10px 0 40px;
	border:1px solid #cbcbcb;
	position:relative;
	padding:61px 0 48px 70px
}
.tech_xie_panel img {
	width:357px;
	height:198px;
	position:absolute;
	top:61px;
	right:70px
}
.tech_xie_panel p:nth-child(1) {
	font-size:22px
}
.tech_xie_panel p:nth-child(2) {
	font-size:16px
}
.tech_xie_panel .goto {
	width:120px;
	height:47px;
	line-height:47px;
	border:1px solid #2977b9;
	border-radius:100px;
	color:#2977b9;
	text-align:center;
	position:absolute;
	bottom:48px;
	left:70px
}
.media_line {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	flex-direction:row
}
.media_line .item {
	-moz-box-flex:1;
	-webkit-box-flex:1;
	flex:1;
	position:relative
}
.media_img {
	height:92px;
	border:1px solid #fff
}
.media_line .item:hover .media_img {
	border:1px solid rgba(27,113,185,.5);
	cursor:pointer
}
.select_xcw {
	margin:10px 0 40px 0;
	padding:96px 134px 99px 335px;
	position:relative;
	height:165px;
	background-image:url(../images/index_xcw_bg.jpg);
	background-position:center bottom;
	background-repeat:no-repeat
}
.select_xcw .mask {
	width:100%;
	height:360px;
	position:absolute;
	top:0;
	left:0;
	z-index:4
}
.select_xcw .logo {
	width:170px;
	height:170px;
	border-radius:170px;
	position:absolute;
	top:96px;
	left:130px;
	z-index:6
}
.select_xcw p:nth-child(1) {
	color:#ff0;
	font-size:22px;
	margin:0;
	line-height:37px
}
.select_xcw p:nth-child(2) {
	font-size:18px;
	color:#fff
}
.select_xcw p:nth-child(3) {
	font-size:16px;
	color:#fff
}
.select_xcw .left_arrow {
	width:24px;
	position:absolute;
	top:163px;
	left:41px;
	z-index:6
}
.select_xcw .right_arrow {
	width:24px;
	position:absolute;
	top:163px;
	right:41px;
	z-index:12
}
.font-white {
	color:#fff
}
.item_line_image {
	width:92px
}
.content_item_line_image {
	width:184px
}
.xc_avator {
	position:absolute;
	top:5px;
	left:5px;
	width:168.8px;
	height:168.8px;
	border:1px solid #d9d9d9;
	background-color:#d8d8d8;
	-webkit-border-radius:85.4px;
	-moz-border-radius:85.4px;
	border-radius:85.4px
}
.avator_box {
	position:relative;
	width:180px;
	height:180px;
	margin:0 auto 23px;
	-webkit-border-radius:91px;
	-moz-border-radius:91px;
	border-radius:91px;
	border:1px solid #d9d9d9
}
.tech_item p.position_title {
	font-size:16px;
	color:#404040
	
}
.tech_item p.position_title1 {
	font-size:12px;
	color:#404040
	
}
