.container {
	width: 1200px;
	margin: 0 auto
}

.header {
	height: 108px;
	position: relative;
	z-index: 2;
	width: 100%;
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all
}

.header:before {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 108px;
	content: '';
	background: #ffffff
}

.header .container {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between
}

.header .logo {
	position: relative;
	z-index: 4;
	height: 80px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 14px;
}

.header .logo img {
	height: 80px;
	overflow: hidden;
	display: block
}

.header .tel {
	position: absolute;
	right: 0px;
	top: 14px;
	color: #333333;
	font-size: 16px;
	line-height: 1;
	z-index: 999;
}

.header .menu ul {
	width: 962px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding-top: 28px;
}

.header .menu ul li {
	width: 14.28%
}

.header .menu ul li>a {
	position: relative;
	z-index: 4;
	height: 80px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	color: #333333;
	font-size: 20px;
	/* font-weight: bold; */
	padding: 0 8px
}

.header .menu ul li>a:before {
	position: absolute;
	top: -28px;
	left: 50%;
	content: '';
	width: 0px;
	height: 4px;
	background-color: #4097aa;
	webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all
}

.header .menu ul li.cur>a {
	color: #4097aa
}

.header .menu ul li.cur>a:before {
	width: 80px
}

.header .popup {
	position: fixed;
	left: 0px;
	top: -78px;
	z-index: 1;
	width: 100%;
	height: 75px;
	overflow: hidden;
	background-color: #2d4057;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center
}

.header .popup>a {
	display: block;
	height: 75px;
	line-height: 75px;
	position: relative;
	color: #ffffff;
	font-size: 18px;
	margin: 0 20px
}

.header .popup>a:before {
	position: absolute;
	bottom: 0px;
	left: 50%;
	content: '';
	width: 0px;
	height: 4px;
	background-color: #ffffff;
	webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all
}

.header .popup>a:hover:before {
	width: 100%
}

.header_xg {
	height: 108px;
	position: fixed;
	top: -108px;
	z-index: 20;
	width: 100%
}

.header_xg:before {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 108px;
	content: '';
	background: #ffffff
}

.header_xg .container {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between
}

.header_xg .logo {
	position: relative;
	z-index: 4;
	height: 80px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 14px;
}

.header_xg .logo img {
	height: 80px;
	overflow: hidden;
	display: block
}

.header_xg .tel {
	position: absolute;
	right: 0px;
	top: 14px;
	color: #333333;
	font-size: 16px;
	line-height: 1;
	z-index: 999;
}

.header_xg .menu ul {
	width: 962px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding-top: 28px;
}

.header_xg .menu ul li {
	width: 14.28%
}

.header_xg .menu ul li>a {
	position: relative;
	z-index: 4;
	height: 80px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	color: #333333;
	font-size: 20px;
	/* font-weight: bold; */
	padding: 0 8px
}

.header_xg .menu ul li>a:before {
	position: absolute;
	top: -28px;
	left: 50%;
	content: '';
	width: 0px;
	height: 4px;
	background-color: #4097aa;
	webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all
}

.header_xg .menu ul li.cur>a {
	color: #4097aa
}

.header_xg .menu ul li.cur>a:before {
	width: 80px
}

.header_xg .popup {
	position: fixed;
	left: 0px;
	top: -78px;
	z-index: 1;
	width: 100%;
	height: 75px;
	overflow: hidden;
	background-color: #2d4057;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center
}

.header_xg .popup>a {
	display: block;
	height: 75px;
	line-height: 75px;
	position: relative;
	color: #ffffff;
	font-size: 18px;
	margin: 0 20px
}

.header_xg .popup>a:before {
	position: absolute;
	bottom: 0px;
	left: 50%;
	content: '';
	width: 0px;
	height: 4px;
	background-color: #ffffff;
	webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all
}

.header_xg .popup>a:hover:before {
	width: 100%
}

.header_wap {
	display: none;
	width: 100%;
	height: 50px;
	position: fixed;
	top: 0px;
	z-index: 999;
	background: #ffffff;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.06)
}

.header_wap .in {
	width: 100%;
	position: absolute;
	top: 0px;
	z-index: 1001;
	height: 50px;
	line-height: 44px
}

.header_wap .logo {
	height: 38px;
	float: left;
	height: 38px;
	line-height: 38px;
	margin: 4px 0 0 3%;
	overflow: hidden
}

.header_wap .logo a {
	display: block;
	height: 38px
}

.header_wap .logo img {
	height: 38px
}

.header_wap .menu_icon {
	width: 50px;
	height: 50px;
	float: right;
	background: url(../images/ic_nav_menu.png) no-repeat center #4097aa;
	background-size: 20px 20px
}

.header_wap .menubar {
	position: fixed;
	top: 0px;
	left: 800px;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1001
}

.header_wap .menubar ul {
	background: #ffffff;
	padding-bottom: 32px
}

.header_wap .menubar .navbar_close {
	position: absolute;
	top: 5px;
	right: 15px
}

.header_wap .menubar .navbar_close img {
	height: 24px
}

.header_wap .menubar .cont {
	position: absolute;
	right: 0px;
	background: #ffffff;
	width: 80%;
	height: 100%;
	z-index: 1001;
	padding: 70px 0 0 0;
	box-sizing: border-box
}

.header_wap .menubar .cont .showbtn {
	display: block;
	width: 100%;
	height: 100%;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #f6f6f6;
	text-align: left;
	font-size: 16px;
	color: #333333;
	padding: 0 10px 0 12px;
	text-transform: uppercase
}

.header_wap .menubar .cont .showbtn i {
	float: right;
	font-size: 14px
}

.header_wap .menubar .cont .navbar_close {
	text-align: right
}

.header_wap .menubar .cont a {
	display: block;
	height: 60px;
	line-height: 60px;
	text-align: left;
	padding: 0 0 0 50px;
	font-size: 18px;
	color: #666666;
	border-bottom: 1px solid #f6f6f6
}

.header_wap .pop_up a {
	position: relative;
	height: 40px !important;
	line-height: 40px !important;
	font-size: 14px !important
}

.header_wap .pop_up a:before {
	position: absolute;
	left: 25px;
	top: 19px;
	content: '';
	width: 15px;
	height: 1px;
	background: #CCCCCC
}

.banner_iner {
	position: relative;
	z-index: 1;
	top: 0px
}

.banner_iner .swiper-slide{ height: 450px; overflow: hidden;}
.banner_iner .swiper-videobg{ height: 860px; overflow: hidden;}
.banner_iner .videobg{position: absolute;z-index: 1;height: 860px; overflow: hidden;width: 100%;}
.banner_iner .videobg video{min-width: 100%;min-height: 100%;height: auto;width: 100%;}
.banner_iner .text{ width: 100%;  height: 860px; position: absolute;z-index: 2;}
.banner_iner .text .cont{
	width: 1200px; margin: 0 auto;
}
.banner_iner .text .in{height: 860px;display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.banner_iner .text .in .txt1{font-size: 20px;color: #ffffff; line-height: 1;}
.banner_iner .text .in .txt2{font-size: 80px;color: #ffffff; line-height: 1;margin: 58px 0 28px 0;}
.banner_iner .text .in .txt3{font-size: 30px;color: #ffffff; line-height: 1;}


.banner_iner .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	background-color: #ffffff;
	opacity: 0.5;
	border-radius: initial
}

.banner_iner .swiper-pagination-bullet-active {
	background-color: #4097aa
}

.banner_iner_wap .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background-color: #ffffff;
	opacity: 0.5;
	border-radius: initial
}

.banner_iner_wap .swiper-pagination-bullet-active {
	background-color: #4097aa
}

.banner_iner_wap {
	display: none
}

.modtit {
	text-align: center
}

.modtit h3 {
	font-size: 40px;
	color: #333333;
	line-height: 1
}

.modtit p {
	margin-top: 19px;
	font-size: 20px;
	line-height: 1;
	color: #333333;
	opacity: 0.5;
	text-transform: uppercase
}

.choose {
	margin-top: 39px
}

.choose .cont {
	margin: 110px 0;
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: space-between
}

.choose .cont .item {
	width: 18.66%;
	background-color: rgba(9, 158, 223, 0.1);
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	justify-content: flex-start;
	padding: 52px 20px 38px 20px;
	color: #333333
}

.choose .cont .item .img {
	height: 60px
}

.choose .cont .item .img img {
	display: block
}

.choose .cont .item .name {
	font-size: 16px;
	line-height: 1;
	margin: 20px 0;
	font-weight: bold
}

.choose .cont .item .des {
	height: 192px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	font-size: 16px;
	line-height: 28px
}

.choose .cont .item:hover {
	cursor: pointer;
	background-color: #2d4057;
	color: #FFFFFF;
	padding: 30px 20px 28px 20px
}

.choose .cont .item:hover .des {
	height: 224px;
	-webkit-line-clamp: 7
}

.choose_wap {
	display: none
}

.project_swiper .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	background-color: #ffffff;
	opacity: 0.5;
	border-radius: initial
}

.project_swiper .swiper-pagination-bullet-active {
	background-color: #4097aa
}

.projectr_wap{display: none;}

.project_swiper_wap .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background-color: #ffffff;
	opacity: 0.5;
	border-radius: initial
}

.project_swiper_wap .swiper-pagination-bullet-active {
	background-color: #4097aa
}


.area {
	margin-top: 104px
}

.area .cont {
	margin-top: 40px;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start
}

.area .cont .item {
	position: relative;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #FFFFFF;
	width: 33%;
	height: 301px;
	overflow: hidden
}

.area .cont .item .des .in a {
	display: block;
	width: 100%;
	height: 35%;
	color: #ffffff;
}

.area .cont .item .img {
	position: relative;
	height: 300px;
	width: 100%;
	overflow: hidden;
	background: no-repeat center;
	background-size: cover;
	-webkit-transition: 0.5s ease-in-out all;
	transition: 0.5s ease-in-out all
}

.area .cont .item .img::before {
	position: absolute;
	top: 0px;
	left: 0px;
	content: '';
	width: 100%;
	height: 300px;
	background: rgba(0, 0, 0, 0.3)
}

.area .cont .item .i_name {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 20px;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between
}

.area .cont .item .i_name .name {
	font-size: 22px;
	color: #ffffff;
	line-height: 1
}

.area .cont .item .i_name .name span {
	display: block;
	margin-top: 16px;
	line-height: 1
}

.area .cont .item .i_name .line {
	width: 200px;
	margin-bottom: 9px;
	height: 1px;
	background-color: #ffffff
}

.area .cont .item .des {
	position: absolute;
	left: -50%;
	right: 20px;
	top: 20px;
	width: 90%;
	webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: 0.5s ease-in-out all;
	transition: 0.5s ease-in-out all
}

.area .cont .item .des .in {
	height: 150px;
	font-size: 16px;
	line-height: 50px;
	color: #ffffff;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.area .cont .item:hover .img::before {
	background: rgba(0, 0, 0, 0.5)
}

.area .cont .item:hover .des {
	left: 50%
}

.process {
	margin-top: 80px
}

.process .container {
	width: 1230px;
	margin: 0 auto
}

.process .cont {
	position: relative;
	margin-top: 60px;
	height: 585px;
	background: no-repeat top center;
	background-size: contain
}

.process .cata {
	display: flex;
	flex-direction: row
}

.process .cata span {
	display: none
}

.process .cata .item {
	width: 8%;
	height: 258px;
	cursor: pointer
}

.process .cata .item1 {
	position: absolute;
	left: 78px;
	bottom: -48px;
	transform: rotate(-74deg);
	-ms-transform: rotate(-74deg);
	-moz-transform: rotate(-74deg);
	-webkit-transform: rotate(-74deg);
	-o-transform: rotate(-74deg)
}

.process .cata .item2 {
	position: absolute;
	left: 131px;
	bottom: 72px;
	transform: rotate(-59deg);
	-ms-transform: rotate(-59deg);
	-moz-transform: rotate(-59deg);
	-webkit-transform: rotate(-59deg);
	-o-transform: rotate(-59deg)
}

.process .cata .item3 {
	height: 318px !important;
	position: absolute;
	left: 212px;
	bottom: 142px;
	transform: rotate(-46deg);
	-ms-transform: rotate(-46deg);
	-moz-transform: rotate(-46deg);
	-webkit-transform: rotate(-46deg);
	-o-transform: rotate(-46deg)
}

.process .cata .item4 {
	position: absolute;
	left: 315px;
	top: 68px;
	transform: rotate(-29deg);
	-ms-transform: rotate(-29deg);
	-moz-transform: rotate(-29deg);
	-webkit-transform: rotate(-29deg);
	-o-transform: rotate(-29deg)
}

.process .cata .item5 {
	position: absolute;
	left: 439px;
	top: 18px;
	transform: rotate(-14deg);
	-ms-transform: rotate(-14deg);
	-moz-transform: rotate(-14deg);
	-webkit-transform: rotate(-14deg);
	-o-transform: rotate(-14deg)
}

.process .cata .item6 {
	position: absolute;
	left: 568px;
	top: 1px;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg)
}

.process .cata .item7 {
	position: absolute;
	left: 701px;
	top: 19px;
	transform: rotate(16deg);
	-ms-transform: rotate(16deg);
	-moz-transform: rotate(16deg);
	-webkit-transform: rotate(16deg);
	-o-transform: rotate(16deg)
}

.process .cata .item8 {
	position: absolute;
	left: 824px;
	top: 73px;
	transform: rotate(32deg);
	-ms-transform: rotate(32deg);
	-moz-transform: rotate(32deg);
	-webkit-transform: rotate(32deg);
	-o-transform: rotate(32deg)
}

.process .cata .item9 {
	height: 318px !important;
	position: absolute;
	left: 936px;
	top: 117px;
	transform: rotate(32deg);
	-ms-transform: rotate(32deg);
	-moz-transform: rotate(32deg);
	-webkit-transform: rotate(46.1deg);
	-o-transform: rotate(32deg)
}

.process .cata .item10 {
	position: absolute;
	left: 1008px;
	top: 261px;
	transform: rotate(61deg);
	-ms-transform: rotate(61deg);
	-moz-transform: rotate(61deg);
	-webkit-transform: rotate(61deg);
	-o-transform: rotate(61deg)
}

.process .cata .item11 {
	position: absolute;
	left: 1057px;
	bottom: -57px;
	transform: rotate(77deg);
	-ms-transform: rotate(77deg);
	-moz-transform: rotate(77deg);
	-webkit-transform: rotate(77deg);
	-o-transform: rotate(77deg)
}

.process .destxt {
	display: none
}

.process .destxt .in {
	position: absolute;
	bottom: 0px;
	left: 423px;
	width: 384px;
	height: 265px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.process .destxt .name {
	font-size: 32px;
	color: #007db9;
	line-height: 1
}

.process .destxt .des {
	font-size: 18px;
	line-height: 32px;
	color: #999999;
	margin-top: 13px
}

.process_wap {
	display: none
}

.wap_techer {
	display: none
}

.techer {
	margin-top: 146px
}

.techer .i_txt {
	margin-top: 37px;
	height: 592px;
	background-color: #2d4057;
	overflow: hidden;
	box-sizing: border-box
}

.techer .txt {
	padding: 58px 0
}

.techer .txt .container a {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between
}

.techer .txt .img {
	width: 29.2%;
	height: 475px;
	overflow: hidden;
	background: no-repeat top center;
	background-size: contain
}

.techer .txt .content {
	width: 60.8%;
	height: 475px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between
}

.techer .txt .content .name {
	font-size: 55px;
	line-height: 1;
	color: #ffffff;
	margin-bottom: 60px
}

.techer .txt .content .des {
	height: 120px;
	font-size: 16px;
	line-height: 40px;
	color: #ffffff;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.techer .txt .content .en {
	height: 160px;
	margin-top: 12px;
	font-size: 14px;
	line-height: 40px;
	color: #ffffff;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

.techer .txt .content .more {
	display: block;
	font-size: 14px;
	color: #ffffff;
	opacity: 0.5
}

/*imglist增加轮播*/
.imglist .i_swiper{
    position: relative;
    width: 1324px;
    margin: 0 auto;
}
.imglist .container{
	height: 219px;
}

.imglist .swiper-container-multirow>.swiper-wrapper{
	flex-wrap: nowrap;
}
.imglist .swiper-button-next,
.imglist .swiper-button-prev {
	width: 42px;
	height: 42px;
	border-radius: 42px;
	box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.05);
	background-size: 42px 42px
}

.imglist .swiper-button-prev.swiper-button-disabled {
	background-image: url(../images/right.png);
	right: 0px
}

.imglist .swiper-button-next.swiper-button-disabled {
	background-image: url(../images/left.png);
	right: 0px
}

.imglist .swiper-button-next {
	background-image: url(../images/right_h.png);
	right: 0px
}

.imglist .swiper-button-prev {
	background-image: url(../images/left_h.png);
	left: 0px
}
/*imglist 增加结束*/

.techer .imglist {
	margin-top: 20px;
	height: 219px;
	/*display: flex;*/
	/*flex-direction: row;*/
	/*align-items: flex-start;*/
	/*justify-content: flex-start*/
}

.techer .imglist .item {
	width: 12.5%;
	margin-right: 2%;
}

.techer .imglist .item .img {
	width: 100%;
	height: 219px;
	background: no-repeat top center;
	background-size: cover
}

.techer .imglist .item.on {
	outline: solid 2px #06a8ed
}

.techer .imglist .item:hover {
	cursor: pointer
}

.techer .imglist .item:last-child {
	margin-right: 0%
}

.team {
	margin-top: 78px
}

.team .wap_cont {
	display: none
}

.team .cont {
	margin-top: 37px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start
}

.team .cont .item {
	width: 32.2%;
	margin-right: 1.66%
}

.team .cont .item .img {
	width: 100%;
	height: 240px;
	background: no-repeat top center;
	background-size: cover
}

.team .cont .item .des {
	background-color: #dddddd;
	padding: 20px;
	box-sizing: border-box
}

.team .cont .item .des span {
	display: block;
	font-size: 30px;
	color: #333333;
	line-height: 1;
	font-family: inherit
}

.team .cont .item .des p {
	height: 270px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 9;
	-webkit-box-orient: vertical;
	margin-top: 20px;
	font-size: 16px;
	line-height: 30px;
	color: #333333
}

.team .cont .item:last-child {
	margin-right: 0
}

.team .cont .item:hover .des {
	background-color: #4097aa
}

.team .cont .item:hover .des span {
	color: #FFFFFF
}

.team .cont .item:hover .des p {
	color: #FFFFFF
}

.case {
	margin-top: 60px
}

.case .cont {
	margin-top: 37px;
	height: 538px;
	background-color: #4097aa
}

.case .cont .li {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start
}

.case .cont .li .btn {
	display: none
}

.case .cont .li .l {
	width: 33.33%;
	height: 458px;
	overflow: hidden;
	margin-top: 40px
}

.case .cont .li .l a {
	display: block
}

.case .cont .li .l .img_t {
	width: 100%;
	height: 300px;
	background: no-repeat top center;
	background-size: cover
}

.case .cont .li .l .img_b {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start
}

.case .cont .li .l .img_b .item {
	width: 100%;
	height: 157px;
	background: no-repeat top center;
	background-size: cover
}

.case .cont .li .r {
	width: 66.66%;
	height: 458px;
	padding: 32px 40px;
	box-sizing: border-box;
	overflow: hidden;
	margin-top: 40px;
	box-sizing: border-box;
	background: #FFFFFF
}

.case .cont .li .r a {
	display: block
}

.case .cont .li .r .closedes {
	display: none
}

.case .cont .li .r .name {
	font-size: 20px;
	color: #4097aa;
	line-height: 1;
	font-weight: bold
}

.case .cont .li .r .des {
	height: 335px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 11;
	-webkit-box-orient: vertical;
	margin-top: 30px;
	font-size: 16px;
	line-height: 30px;
	color: #333333
}

.case .swiper-pagination {
	text-align: right;
	right: 20px;
}

.case .swiper-pagination-bullet {
	width: 40px;
	height: 10px;
	background-color: #CCCCCC;
	border-radius: 0px;
	opacity: 1
}

.case .swiper-pagination-bullet-active {
	width: 40px;
	height: 10px;
	background-color: #2d4057
}

.case .swiper-container-horizontal>.swiper-pagination-bullets {
	right: 20px !important;
	left: initial
}


/*留言板块*/
.message {
	margin-top: 60px;
	position:relative;
}

.message .cont {
	margin-top: 37px;
	height: 600px;
	display: flex;
	/*flex-direction: row;*/
}
.message .container{
	position: absolute;
	bottom: 0;
	top: 116px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
}

.waterMark{
	position: absolute;
	bottom: 0;
	left:60px;
}
.waterMark img{
	/*width: 180px;*/
}
.message .message_swiper:nth-child(1){
	background: #ccd3db;
}
.message .message_swiper:nth-child(2){
	background: #2e4058;
}
.message .message_swiper{
	flex: 1;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start	
}

.message .container .l{
	flex: 1;
}

.message .container .r{
	flex: 1;	
}

.message .container .llr h2{
	color: #2f4771;
	text-align: left;
	margin-top: 89px;
	margin-bottom: 79px;
}

.message .container .llr p.c1{
	margin-bottom: 63px;
}
.message .container .llr p.h30{
	margin-bottom: 30px;
}
.message .container .llr p.c2{
	margin-bottom: 60px;
}
.message .container .llr p{
	color: #3f547a;
	text-align: left;
}


.message .container .r {
	width:  100%;
	/*height: 458px;*/
	padding:0;
	box-sizing: border-box;
	overflow: hidden;
	box-sizing: border-box;
	background:#2e4058;
	margin-left: 98px;
}


.message .r h4{
	color: #fff;
	margin-top: 58px;
	margin-bottom:53px;
	/*font-weight: normal;*/
	font-size: 26px;
}
.message .b{
	padding-right: 36px;
}
.message .b input {
	width: 100%;
	height: 56px;
	line-height: 56px;
	padding: 0 36px;
	font-size: 14px;
	color: #999999;
	background-color: #f5f5f5;
	border: 0px;
	margin-bottom: 20px;
}

.message .b button {
	width: 100%;
	height: 56px;
	line-height: 56px;
	text-align: center;
	background-image: linear-gradient(#4097aa, #4097aa), linear-gradient(90deg, #26ad27 0%, #19a483 0%, #0b9bdf 0%, #01cfee 100%), linear-gradient(#f5f5f5, #f5f5f5);
	background-blend-mode: normal, normal, normal;
	font-size: 18px;
	color: #ffffff;
	border: 0px;
	border-radius: 20px;
	margin-top: 12px;
}

.message .b button:hover {
    filter: brightness(1.2);
}
/*留言板块结束*/

.partner {
	margin: 53px 0 80px 0
}

.partner .wap_partner {
	display: none
}

.partner .i_swiper {
	position: relative;
	width: 1324px;
	margin: 0 auto;
	margin-top: 79px
}

.partner .li {
	width: 15.25%;
	height: 150px;
	background-color: #f5f5f5
}

.partner .li:hover{
	border: 2px solid #4097aa; cursor: pointer;
}

.partner .li .img {
	width: 100%;
	height: 110px;
	margin-top: 20px;
	overflow: hidden;
	background: no-repeat center;
	background-size: contain
}

.partner .swiper-button-next,
.partner .swiper-button-prev {
	width: 42px;
	height: 42px;
	border-radius: 42px;
	box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.05);
	background-size: 42px 42px
}

.partner .swiper-button-prev.swiper-button-disabled {
	background-image: url(../images/right.png);
	right: 0px
}

.partner .swiper-button-next.swiper-button-disabled {
	background-image: url(../images/left.png);
	right: 0px
}

.partner .swiper-button-next {
	background-image: url(../images/right_h.png);
	right: 0px
}

.partner .swiper-button-prev {
	background-image: url(../images/left_h.png);
	left: 0px
}

.contactus {
	background-color: #2d4057;
	padding: 48px 0 65px 0
}

.contactus .t {
	height: 40px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}

.contactus .t .name {
	font-size: 32px;
	color: #ffffff
}

.contactus .t a {
	display: block;
	width: 300px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: #4097aa;
	border-radius: 20px;
	font-size: 16px;
	color: #ffffff
}

.contactus .t a:hover {
    filter: brightness(1.2);
}

.contactus .m {
	margin-top: 82px;
	font-size: 32px;
	line-height: 1;
	color: #ffffff
}

.contactus .m span {
	display: block;
	font-size: 16px;
	line-height: 1;
	margin-top: 18px;
	color: #ffffff
}

.contactus .b {
	margin-top: 62px;
	display: flex;
	flex-direction: row
}

.contactus .b input {
	width: 35%;
	height: 36px;
	line-height: 36px;
	padding: 0 36px;
	font-size: 14px;
	color: #999999;
	background-color: #f5f5f5;
	border: 0px;
	border-radius: 10px 0 0 10px;
}

.contactus .b button {
	width: 10%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background-image: linear-gradient(#4097aa, #4097aa), linear-gradient(90deg, #26ad27 0%, #19a483 0%, #0b9bdf 0%, #01cfee 100%), linear-gradient(#f5f5f5, #f5f5f5);
	background-blend-mode: normal, normal, normal;
	font-size: 12px;
	color: #ffffff;
	border: 0px;
	border-radius: 0px 10px 10px 0;
}

.contactus .b button:hover {
    filter: brightness(1.2);
}

.foot .container {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between
}

.foot .l {
	width: 34%;
	margin-top: 61px
}

.foot .r {
	width: 60.34%
}

.foot .logo img {
	display: block;
	height: 80px
}

.foot .tel {
	margin-top: 40px;
	font-size: 32px;
	color: #4097aa;
	line-height: 1;
	/* font-family: 'LiSu' */
}

.foot .address {
	margin: 9px 0 48px 0;
	font-size: 14px;
	line-height: 32px;
	color: #333333
}

.foot .code {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start
}

.foot .code .item {
	margin-right: 25px;
	text-align: center
}

.foot .code img {
	display: block;
	width: 160px;
	height: 160px;
	overflow: hidden;
	padding: 2px;
	/*border: solid 1px #dddddd;*/
	margin-bottom: 26px;
	background: #FFFFFF
}

.foot .code span {
	display: block;
	font-size: 14px;
	color: #333333;
	opacity: 0.5;
	line-height: 1
}

.foot .tool {
	margin-top: 48px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start
}

.foot .tool a {
	display: block;
	margin-right: 36px
}

.foot .menu {
	margin-top: 22px
}

.foot .menu ul {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start
}

.foot .menu ul li {
	width: 25%;
	margin-top: 66px
}

.foot .menu ul li>a {
	font-size: 16px;
	color: #333333;
	line-height: 1
}

.foot .menu ul .popup {
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: 15px
}

.foot .menu ul .popup a {
	font-size: 14px;
	line-height: 30px;
	color: #999999
}

.foot .menu ul .popup a:hover {
	color: #2d4057
}

.foot .i_copy {
	height: 44px;
	line-height: 44px
}

.foot .i_copy .container {
	position: relative;
	border-top: solid 1px #dddddd;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between
}

.foot .i_copy .container .copy {
	font-size: 14px;
	color: #999999
}

.foot .i_copy .container .copy a{
	font-size: 14px;
	color: #999999
}

.foot .i_copy .container .wap {
	width: 116px;
	font-size: 14px;
	color: #999999;
	cursor: pointer;
	text-align: center
}

.foot .i_copy .container .wap a{
	width: 116px;
	font-size: 14px;
	color: #999999;
	cursor: pointer;
	text-align: center
}

.foot .i_copy .container .wapcode {
	display: none;
	position: absolute;
	bottom: 44px;
	right: 0px
}

.foot .i_copy .container .wapcode img {
	display: block;
	width: 200px;
	height: 200px;
	overflow: hidden;
	padding: 2px;
	/*border: solid 1px #dddddd;*/
	background: #FFFFFF
}

.bottomnav {
	display: none;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 20;
	width: 100%;
	height: 50px;
	background: #FD771E
}

.bottomnav .item {
	width: 25%;
	float: left;
	text-align: center;
	display: block
}

.bottomnav .item img {
	height: 28px;
	margin-top: 2px
}

.bottomnav .item span {
	display: block;
	font-size: 12px;
	margin-top: 0px;
	color: #ffffff
}

.page{text-align: center;padding: 30px 0 35px 0;}
.page ul{display: flex;flex-direction: row;align-items: center;justify-content: center;}
.page ul li .num{ display: block; width: 42px;height: 42px; text-align: center; line-height: 42px; background-color: #fdf9f0;border: solid 1px #e8e8e8;font-size: 15px;color: #999999; margin: 0 5px;}
.page ul li .prev,.page ul li .next{display: block; width: 80px;height: 42px; text-align: center; line-height: 42px; background-color: #fdf9f0;border: solid 1px #e8e8e8;font-size: 15px;color: #999999; margin: 0 5px;}
.page ul li .cur{background: #4097aa;color: #FFFFFF;}


.columnName{width: 1200px; margin: 0 auto;position: relative ; top: -280px;z-index: 1;}
.columnName .in{ max-width: 400px; display: inline-block; background: #e6f5fd;padding: 28px 28px 18px 28px;border-radius: 10px;}
.columnName .titile{font-size: 26px; color: #333333; font-weight: bold; line-height: 30px;}
.columnName .en_title{font-size: 14px;color: #999999; line-height:20px;margin-top: 14px;}
.columnName .btn{width: 138px;height: 40px; line-height: 40px;text-align: center; background: #4097aa;border-radius: 4px;font-size: 12px; color: #FFFFFF;text-transform: capitalize;margin-top: 36px;}

.columnName .btn:hover {
    filter: brightness(1.2);
}

.nydan_modline{margin-top: -180px;}
.nydan2_modline{margin-top: -155px;}
.nylist_modline{margin-top: -155px;}
.nyother_modline{margin-top: -180px;}

.modbg{background: #f5f5f5;}
.nydan .iner{display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between}

.nydan .submenu{height: 60px; line-height: 60px; font-size: 14px;color: #333333;}
.nydan .submenu a{color: #333333;}
.nydan .submenu a:hover{color: #4097aa;}
.nydan .cata a{font-size: 16px;color: #333333;margin-left: 20px;}
.nydan .cata .on{color: #4097aa;}
.nydan .cata a:hover{color: #4097aa;}
.nydan .catawap{display: none}

.nydan .side{width: 240px;border: solid 1px #dddddd;border-bottom: 0px;}
.nydan .side a{height: 80px;background-color: #ffffff;border-bottom: solid 1px #dddddd;padding: 0 18px;display: flex; flex-direction: column; align-items: flex-start; justify-content: center;color: #333333;}
.nydan .side a.on{color: #4097aa;font-weight: bold;}
.nydan .side a:hover{color: #4097aa;font-weight: bold;}
.nydan .main{width: 936px;background-color: #ffffff;border: solid 1px #dddddd;padding: 30px 20px;font-size: 16px; line-height: 30px;color: #333333;}
.main img{width: 100%!important}
.columnList{margin: 67px 0 0 0; padding-bottom: 117px; display: flex; flex-direction: row;align-items: flex-start;justify-content: space-between;}
.columnList .item{width: 581px;height: 180px;background-color: #ffffff;border: solid 1px #dddddd;}
.columnList .item a{display: flex; flex-direction: row;align-items: flex-start;justify-content: flex-start;}
.columnList .item .img{width: 239px;height: 180px; background: no-repeat center; background-size: cover;}
.columnList .item .cont{ width: 342px; height: 180px; padding-left: 20px;box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.columnList .item .cont h3{font-size: 18px; height: 18px;overflow: hidden; line-height: 1;color: #333333;}
.columnList .item .cont p{height: 56px;font-size: 14px;line-height: 28px;color: #999999; margin: 23px 20px 20px 0;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.columnList .item .cont span{font-size: 12px;line-height: 1;color: #999999;}

.nylist .iner{display: flex; flex-flow: row wrap;align-items: flex-start;justify-content: space-between;}

.nylist .iner .item{width: 580px; height: 180px;margin-bottom: 30px;}
.nylist .iner a{display: flex; flex-direction: row;align-items: flex-start;justify-content: flex-start;}
.nylist .iner .item .img{width: 239px; height: 180px;background: no-repeat center;background-size: cover;border-radius: 10px 0 0 10px;}
.nylist .item .cont{ width: 342px; height: 180px; padding-left: 20px;box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;background: #304055;border-radius: 0px 10px 10px 0;}
.nylist .item .cont .tips{font-size: 14px; color: #FFFFFF; line-height: 1;margin-bottom: 12px;}
.nylist .item .cont h3{font-size: 18px; height: 18px; overflow: hidden; line-height: 1;color: #FFFFFF;}
.nylist .item .cont p{height: 56px;font-size: 14px;line-height: 28px;color: #FFFFFF; margin: 13px 0 12px 0;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.nylist .item .cont span{font-size: 12px;line-height: 1;color: #FFFFFF;}
.nylist .item:hover .cont{background: #4097aa;}


.nylist2 .iner{display: flex; flex-flow: column wrap;align-items: flex-start;justify-content: space-between;}
.nylist2 .iner .item{ width: 100%; height: 570px;}
.nylist2 .iner a{display: flex; flex-direction: row;align-items: flex-start;justify-content: flex-start;}
.nylist2 .iner .item .img{width: 50%; height: 570px;background: no-repeat center;background-size: cover;}
.nylist2 .item .cont{ width: 50%; height: 570px; padding:0 92px;box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;background: #ffffff;}
.nylist2 .item .cont h3{font-size: 30px; overflow: hidden;color: #333333;}
.nylist2 .item .cont p{max-height: 240px;font-size: 16px;line-height: 30px;color: #333333; margin: 20px 0 33px 0;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;}
.nylist2 .item .cont span{width: 126px;height: 40px; text-align: center; line-height: 40px; background-color: #297997;border-radius: 20px;font-size: 16px;color: #ffffff;}

.nylist2 .item .cont span:hover {
    filter: brightness(1.3);
}

.nydan2 .detail{background: #FFFFFF;padding: 40px 14px 0 14px; border-bottom: 40px solid #f5f5f5;}

.nydan2 .detail .title{font-size: 40px;color: #333333;}
.nydan2 .detail .data{font-size: 14px;color: #999999;line-height: 1;margin-top: 7px}
.nydan2 .detail .cont{margin: 56px 0;font-size: 15px;color: #333333;}
.nydan2 .detail .pg{display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;padding-bottom: 20px}
.nydan2 .detail .pg a{color: #333333;}
.nydan2 .detail .pg a:hover{color: #4097aa;}


.i_submenu{display: flex;flex-direction: row;align-items: center; justify-content: space-between;}
.i_submenu .submenu{height: 120px; line-height: 120px; font-size: 14px;color: #333333;}
.i_submenu .submenu a{color: #333333;}
.i_submenu .submenu a:hover{color: #4097aa;}
.i_submenu .cata a{font-size: 14px;color: #333333;margin-left: 20px;}
.i_submenu .cata .on{color: #4097aa;}
.i_submenu .cata a:hover{color: #4097aa;}
.i_submenu .catawap{display: none}

.nyother .bg{background: #FFFFFF;padding: 25px 20px 30px 20px;border-bottom: 6px solid #f5f5f5;}
.nyother .des{font-size: 16px;line-height: 40px;color: #333333;}
.nyother .list{display: flex;flex-flow: row wrap;align-items: flex-start;justify-content: space-between;}
.nyother .list .item{width: 367px;margin-top: 30px}
.nyother .list .item a{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.nyother .list .item .img{width: 367px;height: 260px;background: no-repeat center;background-size: cover;}
.nyother .list .item .text{width: 100%; height: 140px;background-color: #2d4057;text-align: center}
.nyother .list .item .text span{display: block;font-size: 22px;color: #ffffff;line-height: 40px;margin-top: 30px;}
.nyother .list .item .text p{font-size: 16px;color: #FFFFFF;margin-top: 10px;}
.nyother .list .item:hover .text{background-color: #297997;}


@media only screen and (max-width: 768px) {
	.container {
		width: 100%
	}
	.header {
		display: none
	}
	.header_wap {
		display: block
	}
	.header_xg {
		display: none
	}
	.banner_iner {
		display: none
	}
	.banner_iner_wap {
		display: block;
		margin-top: 50px
	}
	
.banner_iner_wap .swiper-slide{ height: 260px; overflow: hidden;}
.banner_iner_wap .videobg{z-index: 1;}
.banner_iner_wap .videobg video{width:100%; height:260px; object-fit:fill}
.banner_iner_wap  .text{ width: 100%;  height: 260px; position: absolute;z-index: 2;left: 0;top: 0;right: 0;}
.banner_iner_wap  .text .cont{
	width: 80%; margin: 0 auto;
}
.banner_iner_wap .text .in{height: 260px;display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.banner_iner_wap .text .in .txt1{font-size: 12px;color: #ffffff; line-height: 1;}
.banner_iner_wap .text .in .txt2{font-size: 20px;color: #ffffff; line-height: 1;margin: 20px 0 10px 0;}
.banner_iner_wap .text .in .txt3{font-size: 12px;color: #ffffff; line-height: 16px;}
	
.side111{display: none;}	
	
	
	.modtit {
		text-align: center
	}
	.modtit h3 {
		font-size: 24px
	}
	.modtit p {
		margin-top: 10px;
		font-size: 14px
	}
	.choose {
		display: none
	}
	.choose_wap {
		display: block
	}
	.choose_wap .modtit {
		margin-top: 30px
	}
	.choose_wap .swiper-container {
		padding-bottom: 10px
	}
	.choose_wap .cont {
		margin: 30px 15px 20px 15px
	}
	.choose_wap .item {
		background-color: rgba(9, 158, 223, 0.1);
		display: flex;
		flex-flow: column wrap;
		align-items: center;
		justify-content: flex-start;
		padding: 26px 10px 19px 10px;
		color: #333333;
		margin-bottom: 3%
	}
	.choose_wap .item .img {
		height: 40px
	}
	.choose_wap .item .img img {
		height: 40px
	}
	.choose_wap .item .name {
		height: 15px;
		line-height: 15px;
		overflow: hidden;
		font-size: 15px;
		line-height: 1;
		margin: 10px 0;
		font-weight: bold
	}
	.choose_wap .item .des {
		height: 154px;
		display: -webkit-box;
		overflow: hidden;
		white-space: normal !important;
		text-overflow: ellipsis;
		word-wrap: break-word;
		-webkit-line-clamp: 7;
		-webkit-box-orient: vertical;
		font-size: 12px;
		line-height: 22px
	}
	.choose_wap .swiper-container-horizontal>.swiper-pagination-progressbar {
		top: initial;
		bottom: 0px;
		height: 3px
	}
	.choose_wap .swiper-pagination-progressbar {
		background: #e6f5fd
	}
	.choose_wap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
		background: #4097aa;
		border-radius: 2px
	}
	.project{display: none;}
	.projectr_wap{display: block;}
	.area {
		margin-top: 30px
	}
	.area .cont {
		margin: 30px 15px 0 15px
	}
	.area .cont .item {
		width: 50%;
		height: 150px
	}
	.area .cont .item a {
		height: auto!important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.area .cont .item .img {
		height: 150px;
		width: 100%;
		-webkit-transition: initial;
		transition: initial
	}
	.area .cont .item .img::before {
		position: absolute;
		top: 0px;
		left: 0px;
		content: '';
		width: 100%;
		height: 300px;
		background: rgba(0, 0, 0, 0.3)
	}
	.area .cont .item .i_name {
		left: 10px;
		right: 10px;
		bottom: 10px
	}
	.area .cont .item .i_name .name {
		font-size: 16px
	}
	.area .cont .item .i_name .name span {
		margin-top: 10px;
		font-size: 12px
	}
	.area .cont .item .i_name .line {
		width: 82px;
		margin-bottom: 5px
	}
	.area .cont .item .des {
		display: block;
		width: 100%;
		top: 0px;
		right: 0px;
		left: initial;
		webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
	.area .cont .item .des .in {
		height: 60px;
		margin: 12px 22px 0 10px;
		font-size: 12px;
		line-height: 20px
	}
	.area .cont .item:hover .img::before {
		background: rgba(0, 0, 0, 0.5)
	}
	.area .cont .item:hover .des {
		left: 0;
	}
	.process {
		display: none
	}
	.process_wap {
		display: block
	}
	.process_wap .modtit {
		margin: 30px 0
	}
	.process_wap .cont {
		margin: 0 15px
	}
	.process_wap .swiper-container {
		padding-bottom: 19px
	}
	.wap_techer .swiper-pagination-progressbar{
		top: initial;
		bottom: 34px!important;
		height: 3px;
		/*position: absolute;		*/
	}
	.wap_techer .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
		background: #4097aa;
	}

	.process_wap .swiper-container-horizontal>.swiper-pagination-progressbar {
		top: initial;
		bottom: 12px;
		height: 3px
	}
	.process_wap .swiper-pagination-progressbar {
		background: #e6f5fd
	}
	.process_wap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
		background: #4097aa;
		border-radius: 2px
	}
	.process_wap .item {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		color: #FFFFFF
	}
	.process_wap .item img {
		width: 40px;
		height: 40px;
		display: block
	}
	.process_wap .item span {
		height: 36px;
		overflow: hidden;
		font-size: 14px;
		color: #ffffff;
		line-height: 18px;
		text-align: center;
		display: block;
		margin: 20px 0 0px 0;
		padding: 0 5px
	}
	.process_wap .item .text {
		height: 126px;
		font-size: 12px;
		line-height: 18px;
		transform: scale(0.9);
		margin-bottom: 30px;
		display: -webkit-box;
		overflow-y: scroll;
		white-space: normal !important;
		/*text-overflow: ellipsis;*/
		word-wrap: break-word;
		/*-webkit-line-clamp: 4;*/
		-webkit-box-orient: vertical
	}
	.process_wap .item:before {
		position: absolute;
		z-index: -1;
		top: 18px;
		left: 0px;
		content: '';
		width: 100%;
		height: 226px;
		border-radius: 6px
	}
	.process_wap .item1:before {
		background-color: #2d4057
	}
	.process_wap .item2:before {
		background-color: #007db9
	}
	.process_wap .item3:before {
		background-color: #046881
	}
	.process_wap .item4:before {
		background-color: #4b969c
	}
	.process_wap .item5:before {
		background-color: #00a7c5
	}
	.process_wap .item6:before {
		background-color: #2484b2
	}
	.process_wap .item7:before {
		background-color: #2d4057
	}
	.process_wap .item8:before {
		background-color: #007db9
	}
	.process_wap .item9:before {
		background-color: #4b969c
	}
	.process_wap .item10:before {
		background-color: #00a7c5
	}
	.process_wap .item11:before {
		background-color: #008890
	}
	.pc_techer {
		display: none
	}
	.wap_techer {
		display: block
	}
	.wap_techer .techetxt {
		height: 240px;
		overflow: hidden;
		background-color: #2d4057;
		margin-top: 30px
	}
	.wap_techer .techerwaptxt {
		display: none;
		padding: 20px 15px
	}
	.wap_techer .techerwaptxt .container a {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between
	}
	.wap_techer .techerwaptxt .img {
		width: 38%;
		height: 200px;
		background: no-repeat center;
		background-size: contain
	}
	.wap_techer .techerwaptxt .content {
		width: 58%;
		height: 200px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between
	}
	.wap_techer .techerwaptxt .content .name {
		font-size: 20px;
		line-height: 1;
		color: #ffffff;
		margin: 26px 0 12px 0
	}
	.wap_techer .techerwaptxt .content .des {
		width: 70%;
		height: 60px;
		font-size: 12px;
		line-height: 15px;
		color: #ffffff;
		display: -webkit-box;
		overflow: hidden;
		white-space: normal !important;
		text-overflow: ellipsis;
		word-wrap: break-word;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical
	}
	.wap_techer .techerwaptxt .content .en {
		width: 100%;
		height: 40px;
		margin-top: 12px;
		font-size: 12px;
		line-height: 20px;
		color: #ffffff;
		display: -webkit-box;
		overflow: hidden;
		white-space: normal !important;
		text-overflow: ellipsis;
		word-wrap: break-word;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		transform: scale(0.8);
		margin-left: -10%
	}
	.wap_techer .techerwaptxt .content .more {
		display: block;
		font-size: 14px;
		color: #ffffff;
		opacity: 0.5
	}
	.wap_techer .techerwap_swiper {
		padding-bottom: 50px;
		margin: 10px 10% 0 10%
	}
	.wap_techer .techerwap_swiper .li {
		width: 33%;
		height: 52px
	}
	.wap_techer .techerwap_swiper .li .img {
		width: 100%;
		height: 52px;
		background: no-repeat center;
		background-size: cover;
		margin-top: 1px
	}
	.wap_techer .techerwap_swiper .li.on {
		margin-left: 1px;
		margin-right: 1px
	}
	.wap_techer .techerwap_swiper .li.on .img {
		outline: solid 1px #06a8ed
	}
	.wap_techer .techerwap_swiper .swiper-pagination-bullet {
		width: 32px;
		border-radius: 0px;
		height: 3px
	}
	.wap_techer .techerwap_swiper .swiper-pagination-bullet-active {
		background-color: #4097aa
	}
	.techer {
		margin-top: 30px
	}
	.team {
		margin-top: 15px
	}
	.team .pc_cont {
		display: none
	}
	.team .teamwap_swiper {
		padding-bottom: 40px
	}
	.team .wap_cont {
		display: block
	}
	.team .wap_cont .cont {
		margin-top: 20px;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: flex-start
	}
	.team .wap_cont .cont .item {
		width: 100%
	}
	.team .wap_cont .cont .item .img {
		width: 100%;
		height: 240px;
		background: no-repeat top center;
		background-size: cover
	}
	.team .wap_cont .cont .item .des {
		background-color: #4097aa;
		padding: 22px 15px;
		box-sizing: border-box
	}
	.team .wap_cont .cont .item .des span {
		display: block;
		font-size: 20px;
		color: #ffffff;
		line-height: 1;
		font-family: inherit
	}
	.team .wap_cont .cont .item .des p {
		height: 180px;
		display: -webkit-box;
		overflow: hidden;
		white-space: normal !important;
		text-overflow: ellipsis;
		word-wrap: break-word;
		-webkit-line-clamp: 9;
		-webkit-box-orient: vertical;
		margin-top: 12px;
		font-size: 12px;
		line-height: 20px;
		color: #ffffff
	}
	.team .wap_cont .swiper-pagination-bullet {
		width: 32px;
		border-radius: 0px;
		height: 3px
	}
	.team .wap_cont .swiper-pagination-bullet-active {
		background-color: #4097aa
	}
	.team .wap_cont .swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: 17px
	}
	.case {
		margin-top: 15px
	}
	.case .cont {
		margin-top: 20px;
		height: initial;
		background-color: initial
	}
	.case .cont .case_swiper {
		padding-bottom: 40px
	}
	.case .cont .li {
		position: relative;
		height: 458px;
		flex-direction: column
	}
	.case .cont .li .btn {
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 2;
		background: #4097aa;
		padding: 10px 15px;
		font-size: 14px;
		color: #FFFFFF;
		border-radius: 0px 0px 0px 10px
	}
	.case .cont .li .l {
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 458px;
		margin-top: 0px
	}
	.case .cont .li .l .img_t {
		width: 100%;
		height: 300px;
		background: no-repeat top center;
		background-size: cover
	}
	.case .cont .li .l .img_b {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: flex-start
	}
	.case .cont .li .l .img_b .item {
		width: 100%;
		height: 157px;
		background: no-repeat top center;
		background-size: cover
	}
	.case .cont .li .r {
		display: none;
		position: absolute;
		z-index: 2;
		width: 100%;
		padding: 16px 20px;
		margin-top: 0;
		background: rgba(0, 0, 0, 0.4)
	}
	.case .cont .li .r .closedes {
		display: block;
		background: rgba(0, 0, 0, 0.5);
		width: 100px;
		padding: 8px 0;
		font-size: 14px;
		color: #cccccc;
		text-align: center
	}
	.case .cont .li .r .name {
		font-size: 20px;
		line-height: 28px;
		color: #17c8ef
	}
	.case .cont .li .r .des {
		height: 268px;
		margin: 30px 0 20px 0;
		font-size: 14px;
		line-height: 24px;
		color: #FFFFFF;
		overflow-y: auto!important;
		-webkit-line-clamp:unset;
	}
	.case .swiper-pagination {
		text-align: center;
		right: initial
	}
	.case .swiper-pagination-bullet {
		width: 32px;
		height: 3px
	}
	.case .swiper-pagination-bullet-active {
		width: 32px;
		height: 3px
	}
	.case .swiper-container-horizontal>.swiper-pagination-bullets {
		right: initial !important;
		left: initial;
		bottom: 17px
	}
	.partner {
		margin: 30px 0 45px 0;
	}
	.partner .pc_partner {
		display: none;
	}
	.partner .wap_partner {
		display: block;
		margin: 0 15px
	}
	.partner .i_swiper {
		width: 100%;
		margin-top: 30px
	}
	.partner .li {
		height: 44px
	}
	.partner .li .img {
		height: 40px;
		margin-top: 2px
	}
	
	
	/*留言板块适配修改*/
	.message{
		margin-top: 15px;
	}
	.message .message_swiper:nth-child(1){
		display: none;
	}
	.message .waterMark{
		display: none;
	}
	.message .cont {
		height: 420px;
	}
	.message .container .l{
		width: 0!important;
		flex: none;
	}
	.message .container .l .llr{
		display: none;
	}
	.message .container .r{
		margin: 0;
		padding: 0px 15px 30px 15px;
	}
	.message .container .r h4{
		margin-top: 0;
		margin-bottom: 20px;
		font-size: 18px;
	}	
	.message .container .b{
		padding-right: 0;
	}	
	.message .container .b input{
		height:44px;
		line-height: 44px;
	}
	.message .container .b button{
		height:44px;
		line-height: 44px;
	}
	/*留言板块适配修改结束*/
	
	.contactus {
		margin: 0;
		padding: 20px 15px 30px 15px
	}
	.contactus .t {
		height: initial;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center
	}
	.contactus .t .name {
		font-size: 18px;
		color: #ffffff
	}
	.contactus .t a {
		display: block;
		width: initial;
		height: 30px;
		text-align: center;
		line-height: 30px;
		border-radius: 15px;
		font-size: 12px;
		padding: 0 15px;
		margin-top: 10px;
		transform: scale(0.9)
	}
	.contactus .m {
		margin-top: 15px;
		font-size: 16px;
		text-align: center
	}
	.contactus .m span {
		font-size: 12px;
		line-height: 22px;
		margin-top: 6px;
		transform: scale(0.7)
	}
	.contactus .b {
		margin-top: 10px
	}
	.contactus .b input {
		width: 70%;
		height: 44px;
		line-height: 44px;
		padding: 0 10px;
		font-size: 12px;
		border-radius: 5px 0px 0px 5px
	}
	.contactus .b button {
		width: 30%;
		height: 44px;
		line-height: 44px;
		font-size: 12px;
		border-radius: 0px 5px 5px 0
	}
	.foot {
		margin: 15px 15px 50px 15px
	}
	.foot .container {
		display: initial
	}
	.foot .l {
		width: initial;
		margin-top: 0px;
		padding-bottom: 20px;
		border-bottom: solid 1px #dddddd
	}
	.foot .r {
		width: initial
	}
	.foot .logo img {
		height: 30px
	}
	.foot .tel {
		margin-top: 14px;
		font-size: 30px
	}
	.foot .address {
		margin: 9px 0 15px 0;
		font-size: 12px;
		line-height: 20px;
		color: #333333
	}
	.foot .code .item {
		margin-right: 15px
	}
	.foot .code img {
		width: 70px;
		height: 70px;
		margin-bottom: 14px
	}
	.foot .code span {
		font-size: 12px
	}
	.foot .tool {
		display: none
	}
	.foot .menu {
		margin-top: 0px
	}
	.foot .menu ul li {
		width: 33%;
		margin-top: 20px
	}
	.foot .menu ul li>a {
		font-size: 14px
	}
	.foot .menu ul .popup {
		display: flex;
		flex-flow: column nowrap;
		align-items: flex-start;
		justify-content: flex-start;
		margin-top: 12px
	}
	.foot .menu ul .popup a {
		font-size: 12px;
		line-height: 20px
	}
	.foot .i_copy {
		height: 44px;
		line-height: 44px
	}
	.foot .i_copy .container {
		border-top: initial;
		margin: 10px 0 20px 0
	}
	.foot .i_copy .container .copy {
		font-size: 12px;
		color: #999999
	}
	.foot .i_copy .container .wap {
		display: none
	}
	.bottomnav {
		display: block
	}
.columnName{width:initial;position: relative ; top: -153px;z-index: 1; left: 15px;}
.columnName .in{ max-width: 300px; display: inline-block; background: #e6f5fd;padding: 12px;border-radius: 5px;}
.columnName .titile{font-size: 14px;line-height:18px;}
.columnName .en_title{margin-top: 5px;}
.columnName .btn{width: 100px;height: 30px; line-height: 30px;margin-top: 10px;}

.modline{margin-top: -100px;}
.submenu{height: 50px; line-height: 50px; font-size: 14px;color: #333333;padding: 0 15px;}

.modbg{background: #f5f5f5;}
.nydan .iner{flex-direction: column;}
.nydan .side{width: initial; margin: 0 15px 15px 15px; border: solid 1px #dddddd; display: flex; flex-flow: row wrap;background-color: #ffffff;}
.nydan .side a{width: 50%; height: 50px; overflow: hidden; padding: 0 18px;display: flex; flex-direction: column; align-items: flex-start; justify-content: center;color: #333333;}
.nydan .main{width: calc(100% - 30px);padding:15px; margin:0 15px 15px 15px; font-size: 14px; line-height: 22px;}
.nydan .main iframe {width: 100%!important;}
.columnList{margin:0px 15px 0 15px; padding-bottom: 30px;flex-direction: column;}
.columnList .item{width: 100%;height: 120px;overflow: hidden;}
.columnList .item .img{width: 30%;height: 120px;}
.columnList .item .cont{ width: 70%; height: 120px; padding-left: 12px;}
.columnList .item .cont h3{font-size: 14px;}
.columnList .item .cont p{height: 36px;font-size: 12px;line-height: 18px;color: #999999; margin: 10px 0 10px 0;}
.columnList .item .cont span{font-size: 12px;line-height: 1;color: #999999;}

.nylist .iner{margin:0px 15px 0 15px; padding-bottom: 30px;flex-direction: column;}
/*.nylist .iner .item{width: initial;height: 120px;overflow: hidden;margin-bottom: 15px;}*/
.nylist .iner .item{width: 100%;height: 120px;overflow: hidden;margin-bottom: 15px;}
.nylist .iner .item .img{width: 30%;height: 120px;}
.nylist .iner .item .cont{ width: 70%; height: 120px; padding:0 12px;}
.nylist .iner .item .cont .tips{font-size: 12px;}
.nylist .iner .item .cont h3{font-size: 14px;}
.nylist .iner .item .cont p{height: 36px;font-size: 12px;line-height: 18px;color: #999999; margin: 5px 0 5px 0;}
.nylist .iner .item .cont span{font-size: 12px;line-height: 1;color: #999999;}

.nylist2 .iner .item{ width: 100%; height: 160px;}
.nylist2 .iner .item .img{height: 160px;}
.nylist2 .item .cont{ height: 160px; padding:0 15px;}
.nylist2 .item .cont h3{font-size: 16px;}
.nylist2 .item .cont p{max-height: 120px;font-size: 14px;line-height: 20px;color: #333333; margin: 10px 0;-webkit-line-clamp: 3;}
.nylist2 .item .cont span{width: 80px;height: 30px;line-height: 30px;font-size: 12px;}

.nydan2 .detail{padding: 12px 12px 0 12px; border-bottom: 20px solid #f5f5f5;}
.nydan2 .detail .title{font-size: 16px;color: #333333;}
.nydan2 .detail .data{font-size: 12px;}
.nydan2 .detail .cont{margin: 28px 0;font-size: 12px;}
.nydan2 .detail .pg{flex-direction: column;font-size: 12px; line-height: 30px;padding-bottom: 20px}
.nydan2 .detail .pg a{color: #4097aa;}

.nyother .i_submenu{display: flex;flex-direction: column;align-items: flex-start; justify-content: space-between;padding-bottom: 20px;}
.nyother .i_submenu .cata{display: none;}
.nyother .catawap{display: block;margin: 0 15px;width: 90%;}
.nyother .catawap select{width: 100%;overflow: hidden;}
.nyother .bg{padding: 12px;border-bottom: 6px solid #f5f5f5;}
.nyother .des{font-size: 14px;line-height: 24px;}
.nyother .list .item{width: 100%;margin-top: 15px}
.nyother .list .item .img{width: 100%;height: 200px;}
.nyother .list .item .text{width: 100%; height: 60px;}
.nyother .list .item .text span{font-size: 14px;line-height: 20px;margin-top: 5px;}
.nyother .list .item .text p{font-size: 12px;margin-top: 5px;}

.i_submenu{display: flex;flex-direction: column;align-items: flex-start; justify-content: space-between;padding-bottom: 20px;}
.i_submenu .cata{display: none;}
.i_submenu .catawap{display: block;margin: 0 15px;width: 90%;}
.i_submenu .catawap select{width: 100%;overflow: hidden;}

.nydan_modline{margin-top: -82px;}
.nydan2_modline{margin-top: -82px;}
.nylist_modline{margin-top: -82px;}
.nyother_modline{margin-top: -99px;}


}