dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td{padding:0;list-style-type:none;font-weight:normal;}
a{color: #000; transition: all .3s ease!important;}
a:hover{color: #000;text-decoration:none; transform: scale(1.06)!important;}
html{font-size: 62.5%;margin: 0;padding: 0;}
body{padding: 0;}

.fr{float: right;}
.fl{float: left;}
.clear{clear: both;}
.w1200{width: 120rem;}
@media screen and (max-width: 1200px){.container{max-width: 1200px;}}


.header{
    position: fixed;
	width:100%;
	top:0;
	left:0;
	z-index:999;
	height:12rem;
	padding: 0 3rem;
	background: rgba(255, 255, 255, 0);
}

.header .left{
    display: flex; align-items: center; transition: all 0.5s;
}
.header .left a img{
	transition: all 0.5s;
    align-items: center;
}
.header .left .name{font-size: 1.6rem;color: #fff;line-height: 12rem;opacity: 0.8;}
.header .left .name::before{content: '';width: 0.1rem;height: 2.9rem;background-color: #fff;display: inline-block;margin: 2.8rem 1.5rem 0 1.5rem;vertical-align: -1rem;}

.xtelphone{padding: 2.1rem 3.6rem;width: 20rem; background: #087d5c; color: #fff;font-size: 1.8rem; font-weight: bold; line-height: 3rem; height: 10rem;margin-right: 0;transition: all 0.5s;}
.xtelphone img{width: 2.2rem; height: 2.2rem; text-align: left; float: left;}
@media screen and (max-width:992px) and (min-width:300px){
    .xtelphone{display: none;}
    .container{width: 100%;}
}

.header .nav{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	height: 100%;
	line-height: 12.5rem;
	display: block;
    margin: 0 0 0 4rem;
}
.header .navbar_nav li{
	float:left;
	position: relative;
	display: block;
}
.header .navbar_nav li:after{
    content: "";
    width: 0;
    height: 0.1rem;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
.header .navbar_nav li:hover:after{
    width: 100%;
}
.header .navbar_nav li a{
	text-decoration: none;
	height: 100%;
	padding: 0 1.7rem;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #fff;
	font-size: 1.7rem;
}
.header .navbar_nav li:nth-last-child(2){font-size: 1.8rem;font-weight: bold;color: #fff;}
.header .hea_btn{margin-left: 4rem;}
.header .hea_btn li a{border: 0.1rem solid rgba(255,255,255,0.8);display: inline;padding: 0.4rem;font-size: 1.6rem;}

.header .navbar_nav li:hover a{
	color: #fff;
}
.header .navbar_nav li.dropdown{
	display: inherit;
	position: relative;
}
.header .navbar_nav li.dropdown .jt{
	width: 2rem;
	height: 2rem;
	background: url(404.png) no-repeat;
	background-size: 100% 100%;
	display: block;
}
.header .navbar_nav li.dropdown .dropdown_menu{
	display: none;
    z-index: 888;
	position: absolute;
	top:12.5rem;
	width: 100%;
	background: #fff;
	box-shadow: 0 1.5rem 2.7rem 0 rgba(167,165,165,0.38);
	width: 120%;
    left: 0%;
    min-width: 18rem;
}
.header .navbar_nav li.dropdown .dropdown_menu a{
	font-size: 1.4rem;
	color: #666;
	padding: 0 3rem;
	line-height: 4.5rem;
	text-align: center;
	background: #fff;
	margin-bottom: 0.1rem;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu{
	display: block;
	background: #f3f3f3;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{
	color: #666;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{
	color: #fff;
	background: #03254b;
}
.znav{transition: all 0.5s;}

.header.on{
	background: #03254b;
    height: 5.5rem;
    z-index: 888;
}
.header.on .nav{line-height: 5.5rem;}
.header.on li.dropdown .dropdown_menu{
	display: none;
    z-index: 888;
	position: absolute;
	top: 5.5rem;
	width: 100%;
	background: #fff;
	box-shadow: 0 1.5rem 2.7rem 0 rgba(167,165,165,0.38);
	width: 120%;
    left: 0%;
    min-width: 18rem;
}

.header.on .navbar_nav li a{
	color: #fff;
}
.header.on .navbar_nav li:hover a{
	color: #fff;
}
.header.on .left{
    display:block;  transition: all 0.5s;
}
.header.on .left a img{
	transition: all 0.5s;
    align-items: center;
    max-height: 5rem;
    margin-top: 0.3rem;
}
.header.on .left .name{line-height: 5.5rem;}

.header.on .left .name::before{content: '';width: 0.1rem;height: 2.9rem;background-color: #fff;display: inline-block;margin:0.8rem 1.5rem 0 1.5rem;vertical-align: -1rem;}
.m_nav{
	position: fixed;
	top: 0px;
	box-shadow: 0 1.5rem 2.7rem 0 rgba(167,165,165,0.38);
	width: 100%;
    height: 100%;
    background: #03254b;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
	z-index: 1000;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: 0;
    transform: translateX(100%);
}
.m_nav.open{
    transform: translateX(0);
}
.m_nav .top{
	height: 6rem;
	padding: 2rem;
	box-sizing: border-box;
}
.m_nav .top .closed{
	width: 3rem;
	height: 3rem;
	vertical-align: middle;
	float:right;
	cursor: pointer;
}
.m_nav .logo{
	width: 100%;
	margin:0 auto;
}
.m_nav .logo img{
	height: 4rem;
	display: block;
	margin:1rem 0 2rem 1rem;
}
.m_nav .ul{
	margin-top:0rem;
}
.m_nav .ul li{
	padding: 0 2rem;
	border-bottom: 0.1rem dashed rgba(255,255,255,0.2);
	transform: translateY(0);
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0;
}
.m_nav.open .ul li{
	opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.m_nav .ul li a{
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 1.6rem;
	height: 7rem;
	line-height: 7rem;
	width: 100%;
}
.m_nav .ul li .dropdown_menu{
	display: none;
}
.m_nav .ul li.dropdown.active .dropdown_menu{
	display: block;
}

.m_nav .ul li .dropdown_menu a{
	display: block;
	height: 4.5rem;
	line-height: 7rem;
	padding: 0 4rem;
	box-sizing: border-box;
	border-bottom: 0.1rem solid #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child{
	border: none;
}
.banner{
	width: 100%;
}
.banner img{
	width: 100%;
}
    .tp-banner-container{margin-top: 0px;}
@media screen and (max-width: 1024px){
    
}
@media screen and (max-width: 992px){
    .header.on{height: 6rem;}
    .header.on .left{margin-top: 1.5rem;}
	.header{
        position: fixed;
		padding: 0 1rem 0 3rem; background:#03254b;
        height: 6rem;
        border: none;
	}

    .tp-bullets{display: none;}
    .header .left{margin-top: 1.5rem;}
    .header .left a img{height: 3rem;margin-top: 0rem;}
    .header .left .name{font-size: 1.4rem;color: #fff;line-height: 24px;margin-top: 0rem;}
    .header .left .name::before{content: '';width: 0.1rem;height: 2rem;background-color: #fff;display: inline-block;margin: 0rem 1.5rem 0.4rem 1.5rem;}
	.header #navToggle {
		height: 100%;
		padding: 0.9rem 1.5rem;
		margin-right: -1.5rem;
		display: inline-block;
		float: right;
	}
	.header #navToggle span {
		position: relative;
		width: 2.8rem;
		height: 0.1rem;
		margin-top: 2.4rem;
	}
	.header #navToggle span:before,
	.header #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 0.1rem;
		left: 0;
	}
	.header #navToggle span,
	.header #navToggle span:before,
	.header #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #999;
	}
	.header #navToggle span:before {
		top: 0.8rem;
	}
	.header #navToggle span:after {
		bottom: 1rem;
	}
	.header #navToggle.open span:before {
		top: 1rem;
		-webkit-transform: translateY(-1.1rem) rotate(-45deg);
		-moz-transform: translateY(-1.1rem) rotate(-45deg);
		-ms-transform: translateY(-1.1rem) rotate(-45deg);
		-o-transform: translateY(-1.1rem) rotate(-45deg);
		transform: translateY(-1.1rem) rotate(-45deg);
	}
	.header #navToggle.open span:after {
		bottom: 1.2rem;
		-webkit-transform: translateY(1rem) rotate(45deg);
		-moz-transform: translateY(1rem) rotate(45deg);
		-ms-transform: translateY(1rem) rotate(45deg);
		-o-transform: translateY(1rem) rotate(45deg);
		transform: translateY(1rem) rotate(45deg);
	}
	.header #navToggle.open span {
		background: none;
	}
	.header #navToggle.open span:before,
	.header #navToggle.open span:after {
		background: #4f4f4f;
	}
	
	.header .nav{
		display: none;
	}
	
	.banner img{
		height: 60rem;
		object-fit: cover;
	}
.m_nav .ul li .dropdown_menu a{
	display: block;
	height: 3.5rem;
	line-height: 3.5rem;
	padding: 0 4rem;
	box-sizing: border-box;
    color: rgba(255,255,255,.6);
	border-bottom: 0.1rem solid rgba(255,255,255,.1);
}
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 576px){
    .header .left .name{display: none;}
}

.sub_main_title{position: absolute; text-align: center; text-transform: uppercase; margin: 180px 0 0 0; font-size: 40px; color: #fff; text-align: center; width: 100%; font-family:"MicrosoftYaHei",微软雅黑,open,Arial,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu; line-height: 55px;}
.sub_main_title ul{display: flex; justify-content: center;}
.sub_main_title ul li {padding: 10px 30px; border: 1px solid rgba(255,255,255,.5); font-size: 16px; color: #fff; line-height: 35px; margin: 30px 15px; transition: all .35s ease;}
.sub_main_title ul li a{color: #fff; display: block;}
.sub_main_title ul li:hover{background: #05a4b3; border:1px solid #05a4b3;}


@media screen and (max-width: 768px){.sub_main_title{position: absolute; text-align: center; text-transform: uppercase; margin:50px 0 0 0; font-size: 26px; color: #fff; text-align: center; width: 100%; font-family:"MicrosoftYaHei",微软雅黑,open,Arial,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu; line-height:35px;}
    
    
.sub_main_title ul{display: flex; justify-content: center;}
.sub_main_title ul li {padding: 5px 5px; border: 1px solid rgba(255,255,255,.5); font-size: 14px; color: #fff; line-height: 35px; margin: 10px 5px; transition: all .35s ease;}
.sub_main_title ul li a{color: #fff; display: block;}
.sub_main_title ul li:hover{background: #05a4b3; border:1px solid #05a4b3;}
}

.index_program_title{text-align: center;color: #000;font-size: 3rem;width:85%;margin: 1.5rem auto 1.5rem auto;}
.index_program_title p{text-align: center;color: #888888;font-size: 1.6rem;line-height: 2.4rem;margin-top: 1rem;}
.index_program_main li{text-align: center;width: 100%; overflow: hidden;}
.index_program_main li img{width: 100%; height: 300px; transition: .3s ease all;}
.index_program_main li img:hover{transform:scale(1.06);}
.index_program .owl-dots{display: none!important;}
.program_main{ height: 18rem; background: linear-gradient(to right, #e4e4e4,#fbfbfb);padding: 3.6rem 2.5rem;}
.program_main .program_title{font-size: 1.8rem;color: #000; transition: all .3s ease; font-weight: bold;}
.program_main .program_title:hover{font-size:2rem; color: #05a4b3;}
.program_main .program_title::after{content: "";width: 20%;height: 0.1rem;background-color: #000;display: block;margin: 0.5rem auto 1rem auto;}
.program_text{font-size: 1.5rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.program_main .program_title p{font-size: 1.4rem;color: #888888;font-weight: 500;line-height: 2.4rem;}
@media screen and (max-width: 1400px){
.program_main{height:13.7rem;background: linear-gradient(to right, #e4e4e4,#fbfbfb);padding:2rem 3.4rem;}
.program_text{font-size: 1.4rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index_program_title{text-align: center;color: #000;font-size: 3rem;width:55%;margin: 2.5rem auto 2.5rem auto;}
.index_program_title p{text-align: center;color: #888888;font-size: 1.6rem;line-height: 2.4rem;margin-top: 1rem;}
}

@media screen and (max-width: 1024px){
    .index_program_title{text-align: center;color: #000;font-size: 3rem;width: 90%;margin: 4.5rem auto 2rem auto;}
    .index_program_title p{text-align: center;color: #888888;font-size: 1.6rem;line-height: 2.4rem;margin-top: 1rem;}
}
@media screen and (max-width: 992px){
    
}
@media screen and (max-width: 768px){
    
}
@media screen and (max-width: 576px){
    .index_program_title{text-align: center;color: #000;font-size: 2.4rem;width: 90%;margin: 2rem auto 3rem auto;}
    .index_program_title p{text-align: center;color: #888888;font-size: 1.3rem;line-height: 2.2rem;margin-top: 1rem;}
}





.move_wrapper{height: 630px; overflow: hidden;}

.index_move{width: 1200px; height: 856px; z-index: 0; position: relative; background:url(404.png) center top no-repeat; margin: -180px auto 0 auto;transform: scale(.85);}

.index_move .md1{width: 440px; height: 365px; position: absolute; left: 340px; top:150px;}
.index_move .md2{width: 301px; height: 275px; position: absolute; left: 0px; top: 69px;}
.index_move .md3{width: 476px; height: 395px; position: absolute; right: 0px; top: 0;}
.index_move .md4{width: 389px; height: 360px; position: absolute; left: 0px; top: 407px;}
.index_move .md5{width: 386px; height: 363px; position: absolute; left: 646px; top: 418px;}
.index_move .md0txt{width: 443px; height: 407px; position: absolute; left: 0px; top: 0;}

.index_move .act{width: 1200px; margin: 0 auto;}
.index_move .act_light_h{width: 35px; height: 35px; background: url(404.png) no-repeat; background-size: cover; position: absolute; left: 435px; top: 291px; z-index: -1; opacity: 0; filter:alpha(opacity=0);}
.index_move .act_light_s{width: 35px; height: 35px; background: url(404.png) no-repeat; background-size: cover; position: absolute; left: 435px; top: 291px; z-index: -1; opacity: 0; filter:alpha(opacity=0);}


.act_light1{
	animation: packact 3s infinite;
}
.act_light1back{
	animation: packactback 3.5s infinite;
}

.act_light2{
	animation: packact2 3s infinite;
}

.act_light2back{
	animation: packact2back 5s infinite;
}

.act_light3{
	animation: packact3 3s infinite;
}

.act_light3back{
	animation: packact3back 5s infinite;
}



.act_light4{
	animation: packact4 3s infinite;
}
.act_light4back{
	animation: packact4back 2s infinite;
}

@keyframes packact {
5% {
 left: 292px; top: 487px; opacity: 0; filter:alpha(opacity=0);
}
6% {
 left: 292px; top: 487px; opacity: 1; filter:alpha(opacity=1);
}
50% {
 left: 560px; top: 309px; opacity: 1; filter:alpha(opacity=1);
}
75% {
 left: 686px; top: 243px; opacity: 1; filter:alpha(opacity=1);
}
99% {
 left: 806px; top: 167px; opacity: 1; filter:alpha(opacity=1);
}
100% {
 left: 806px; top: 167px; opacity: 0; filter:alpha(opacity=0);
}
}


@keyframes packactback {
5% {
 left: 806px; top: 167px; opacity: 0; filter:alpha(opacity=0);
}
6% {
 left: 806px; top: 167px; opacity: 1; filter:alpha(opacity=1);
}
50% {
 left: 686px; top: 243px; opacity: 1; filter:alpha(opacity=1);
}
75% {
 left: 560px; top: 309px; opacity: 1; filter:alpha(opacity=1);
}
99% {
 left: 292px; top: 487px; opacity: 1; filter:alpha(opacity=1);
}
100% {
 left: 292px; top: 487px; opacity: 0; filter:alpha(opacity=0);
}
}





@keyframes packact2 {
5% {
 left: 763px; top: 427px; opacity: 0; filter:alpha(opacity=0);
}
6% {
 left: 763px; top: 427px; opacity: 1; filter:alpha(opacity=1);
}
99% {
 left: 1000px; top: 280px; opacity: 1; filter:alpha(opacity=1);
}
100% {
 left: 1000px; top: 280px; opacity: 0; filter:alpha(opacity=0);
}
}
@keyframes packact2back {
100% {
 left: 763px; top: 427px; opacity: 0; filter:alpha(opacity=0);
}
99% {
 left: 763px; top: 427px; opacity: 1; filter:alpha(opacity=1);
}
6% {
 left: 1000px; top: 280px; opacity: 1; filter:alpha(opacity=1);
}
5% {
 left: 1000px; top: 280px; opacity: 0; filter:alpha(opacity=0);
}
}


@keyframes packact3 {
5% {
 left: 493px; top: 741px; opacity: 0; filter:alpha(opacity=0);
}
6% {
 left: 493px; top: 741px; opacity: 1; filter:alpha(opacity=1);
}
99% {
 left: 725px; top: 598px; opacity: 1; filter:alpha(opacity=1);
}
100% {
 left: 725px; top: 598px; opacity: 0; filter:alpha(opacity=0);
}
}


@keyframes packact3back {
100% {
 left: 493px; top: 741px; opacity: 0; filter:alpha(opacity=0);
}
99% {
 left: 493px; top: 741px; opacity: 1; filter:alpha(opacity=1);
}
6% {
 left: 725px; top: 598px; opacity: 1; filter:alpha(opacity=1);
}
5% {
 left: 725px; top: 598px; opacity: 0; filter:alpha(opacity=0);
}
}
    
    



@keyframes packact4 {
5% {
 left: 13px; top: 321px; opacity: 0; filter:alpha(opacity=0);
}
6% {
 left: 13px; top: 321px; opacity: 1; filter:alpha(opacity=1);
}
99% {
 left: 525px; top: 626px; opacity: 1; filter:alpha(opacity=1);
}
100% {
 left: 525px; top: 626px; opacity: 0; filter:alpha(opacity=0);
}
} 
@keyframes packact4back {
100% {
 left: 13px; top: 321px; opacity: 0; filter:alpha(opacity=0);
}
99% {
 left: 13px; top: 321px; opacity: 1; filter:alpha(opacity=1);
}
6% {
 left: 525px; top: 626px; opacity: 1; filter:alpha(opacity=1);
}
3% {
 left: 525px; top: 626px; opacity: 0; filter:alpha(opacity=0);
}
} 
    



@media screen and (max-width: 576px){
    .index_move{display: none;}
}


.index_jg{padding: 6rem 0 8.7rem 0;background: linear-gradient(to right, #062865,#03254b); z-index: -99;}
.index_jg_title{font-size: 3rem;color: #fff;text-align: center;}
.index_jg_title p{font-size: 1.4rem;color: rgba(255,255,255,0.6);text-align: center;line-height: 3rem;}
.index_jg img{width: 100%;}
.index_jg_mobile{display: none;}


@media screen and (max-width: 1440px)
{
.index_move{width: 1200px; height: 856px; z-index: 0; position: relative; background:url(404.png) center top no-repeat;margin: -160px auto 0 auto!important; transform: scale(0.85);}
.index_jg{padding:3rem 0 3rem 0;background: linear-gradient(to right, #062865,#03254b); z-index: -99;}
.move_wrapper{height: 670px; overflow: hidden;}
}
@media screen and (max-width: 576px){
.index_jg{margin-top: -2rem; display: none;}
.index_jg_mobile{padding: 6rem 0 8.7rem 0;background: linear-gradient(to right, #062865,#03254b); z-index: -99; display: block;}
.index_jg_mobile img{max-width: 100%;}
}


.suojin p span{text-indent: 2.2rem;}
.suojin p{text-indent: 2.9rem; line-height:2.1rem; font-size: 1.5rem; color: #444;}



.index_pl{height: 59.4rem;background: url(404.png) bottom no-repeat;background-size:contain;}
.index_pl_main{width: 38%;margin: 8% 0 0 56%;}
.index_pl_main .index_pl_main_title{font-size: 3rem;color: #000; text-align: right;display: block; clear: both; width: 100%;}
.index_pl_main .index_pl_main_title p{font-size: 1.4rem;color: #888888;line-height: 2.4rem;margin-top: 1rem;}
.index_pl_main li a{font-size: 1.6rem;color: #888888;line-height: 4.8rem; transition: all ease .3s; }
.index_pl_main li a:hover{color: #05a4b3;}
.index_pl_main li {transition: all ease .3s; float: right; margin: 0 0 0 0% ;}
.index_pl_main li:hover{transform: scale(1); }
.index_pl_main li img{margin-right: 1rem!important;}

.index_pr{height: 59.4rem;background:#f2f2f2 url(404.png) bottom no-repeat;background-size:contain;}
.index_pr_main{width: 50%;margin: 8% 0 0 7%;}
.index_pr_main .index_pr_main_title{font-size: 3rem;color: #000;}
.index_pr_main li{float: left;margin-right: 10%; width: 185px;}
.index_pr_main li {transition: all ease .3s; }
.index_pr_main li:hover{transform: scale(1.02)}
.index_pr_main li a:hover{color: #05a4b3;}
.index_pr_main li a{font-size: 1.6rem;color: #888888;line-height: 4.8rem;}
.index_pr_main li a img{margin-right: 1rem;}

.index_about{text-align: center;padding: 3% 5% 3% 5%;}
.index_about .title{font-size: 3rem;color: #000;}
.index_about .text{font-size: 1.4rem;color: #888888;line-height: 2.4rem;margin-top: 3.8rem; text-align:left; text-indent: 3.2rem;}
.index_about .index_about_img{margin-top:3rem;}
.index_about .index_about_img li{float: left;width: 33.3%;text-align: center;font-size: 1.8rem;color: #000; transition: all .3s ease;}
.index_about .index_about_img li:hover a{color: #05a4b3; font-weight: bold;}
.index_about .index_about_img li label{font-size:5rem; font-weight: bold;}
.index_about .index_about_img li img{display: block;margin: 0 auto 3rem auto; transition: .3s ease;}
.index_about .index_about_img li:hover img{transform: rotateY(180deg)!important;}
.index_about .index_about_img li::after{content: '';width: 20%;height: 0.1rem;background-color: #000;display: block;margin: 1.8rem auto 0 auto;}

.index_about .index_about_img li:hover{transform: scale(1.06)}

.index_about_video{background: url(404.png)center no-repeat;background-size: 100% 100%;}
.index_about_video .v_logo{text-align: center;margin-top: 23%;}
.index_about_video .v_logo a{display: block;}
.index_about_video .v_logo a img{margin-top: 1rem;cursor:pointer;}
.modal-content{margin-top: 20%;}


@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
    
}
@media screen and (max-width: 992px){
    
}
@media screen and (max-width: 768px){
    
}
@media screen and (max-width: 576px){
    .index_jg{padding: 4rem 0 5rem 0;}
    .index_jg_title{font-size: 2.4rem;color: #fff;text-align: center;}
    .index_pl{height: 33rem;}
    .index_pr{height: 33rem;}
    .index_pl_main{width: 85%;margin: 5% 0 0 10%;text-align: right;}
    .index_pl_main .index_pl_main_title{font-size: 2.4rem;color: #000;}
    .index_pl_main .index_pl_main_title p{font-size: 1.3rem;color: #888888;line-height: 2.4rem;margin-top: 1rem;}
    .index_pl_main li a{font-size: 1.4rem;color: #888888;line-height: 3rem;}
    .index_pr_main{width: 98%;margin: 5% 0 0 3%;}
    .index_pr_main ul{margin-top: 2rem;}
    .index_pr_main li{float: left;margin-right: 5%;}
    .index_pr_main li a{font-size: 1.4rem;color: #888888;line-height: 3rem;}
    .index_pr_main .index_pr_main_title{font-size: 2.4rem;color: #000;}
    .index_about{height: auto;text-align: center;padding: 8% 8% 8% 8%;}
    .index_about .title{font-size: 2.4rem;color: #000;}
    .index_about .text{font-size: 1.4rem;color: #888888;line-height: 2.4rem;margin-top: 1.5rem;}
    .index_about .index_about_img{margin-top: 5rem;}
    .index_about .index_about_img li{float: left;width: 33.3%;text-align: center;font-size: 1.4rem;color: #000;}
    .index_about .index_about_img li img{display: block;margin: 0 auto 1rem auto;width: 30%;}
    .index_about .index_about_img li::after{content: '';width: 20%;height: 0.1rem;background-color: #000;display: block;margin: 1rem auto 0 auto;}
    .index_about_video{height: 33rem;background: url(404.png)center no-repeat;background-size: 100% 100%;}
    .index_about_jobs{height: 33rem;background: url(404.png)center no-repeat;background-size: 100% 100%;}
    .index_about_video .v_logo{text-align: center;margin-top: 23%;}
    .index_about_video .v_logo a{display: block;}
    .index_about_video .v_logo a img{margin-top: 1rem;cursor:pointer;}
    .modal-content{margin-top: 20%;}
    
}


.index_newsl{padding: 0 2%;}
.index_newsr{padding: 0 1%;}
.index_newsl .index_news_title{font-size: 3rem;margin: 4.4rem 0;}
.index_newsr .index_news_title{font-size: 3rem;margin: 4.4rem 0;}
.index_newsl img{width: 100%;}
.index_newsl li{padding: 4rem 0;border-bottom: 0.1rem solid #ddd;height: 16.3rem;}
.index_newsl li .date{font-size: 3rem;color: #d3d3d3;font-weight: bold;line-height: 2.4rem;}
.index_newsl li .date p{font-size: 1.8rem;color: #d3d3d3;font-weight: lighter;line-height: 2.4rem;}
.inews_l_main{margin-left: 3%;width: 82%;}
.inews_l_main .title{font-size: 1.7rem;color: #000000;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; transition: .3s ease;}
.inews_l_main:hover .title{font-size: 1.9rem;color: #05a4b3;}
.inews_l_main .text{font-size: 1.4rem;color: #888;font-weight: 500;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 2.4rem;margin-top: 1.5rem;}
.index_newsr li{padding: 4.8rem 2.5rem;box-shadow: 0.5rem 0.3rem 1.5rem rgba(0,0,0,0.1);margin-top: 2rem; transition: .3s ease;}
.index_newsr li:hover{background: #f1f1f1;}
.index_newsr li .title{font-size: 1.7rem;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index_newsr li .date{font-size: 1.4rem;color: #888888;margin-top: 1rem;}

@media screen and (max-width: 1300px){
    .index_newsr li{padding: 5.3rem 2.5rem;box-shadow: 0.5rem 0.3rem 1.5rem rgba(0,0,0,0.1);margin-bottom: 2rem;}
}
@media screen and (max-width: 1024px){
    
}
@media screen and (max-width: 992px){
    .index_newsr{padding: 0 2%;margin-bottom: 8rem;}
}
@media screen and (max-width: 768px){
    
}
@media screen and (max-width: 576px){
    .index_newsl{padding: 0 8%;}
    .index_newsr{padding: 0 8%;margin-bottom: 8rem;}
    .index_newsr li{padding: 3rem 2.5rem;box-shadow: 0.5rem 0.2rem 1.5rem rgba(0,0,0,0.1);margin-bottom: 1.5rem;}
    .inews_l_main{margin-left: 4%;width: 73%;}
    .index_newsl .index_news_title{font-size: 2.4rem;margin: 2.5rem 0;}
    .index_newsr .index_news_title{font-size: 2.4rem;margin: 2.5rem 0;}
    .index_newsl li{padding: 2.5rem 0;border-bottom: 0.1rem solid #ddd;height: 13rem;}
    .index_newsl li .date{font-size: 2.6rem;color: #d3d3d3;font-weight: bold;line-height: 2.4rem;}
    .index_newsl li .date p{font-size: 1.6rem;color: #d3d3d3;font-weight: lighter;line-height: 2.4rem;}
    .inews_l_main .title{font-size: 1.7rem;color: #000000;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    .inews_l_main .text{font-size: 1.4rem;color: #888;font-weight: 500;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 2.0rem;margin-top: 0.5rem;}
}

.news_content_bigtitle{line-height:50px; font-size:24px; width: 100%; text-align:center; color:#000;}
.xinwenneirong{max-width: 800px; margin:  0 auto;}
.xinwenneirong p span img{max-width: 100%; height: auto;}
@media screen and (max-width: 992px){
    .news_content_bigtitle{height:100px; line-height:40px; font-size:22px; text-align:center; color:#000;}
    
}


.index_footer{padding: 2.2rem 10rem 2.2rem 6rem;background: #03254b;margin-top: 6rem;}
.index_footer_r li{float: left;}
.index_footer_r li a{color: #fff;font-size: 1.6rem;padding: 0 2rem;}
.index_footer_main{margin-top: 2.5rem;margin-left: 2.2rem;}
.index_footer_main p{font-size: 1.4rem;color: #fff;line-height: 2rem;}
.index_footer_img img{margin-top: -3.5rem;width: 13.3rem;}

.index_footer_copyright{font-size: 1.4rem; color:rgba(255,255,255,.5); height:4rem; line-height: 4rem; border-top: 1px solid rgba(255,255,255,.2); margin-top:1rem;}
.index_footer_copyright a{color:rgba(255,255,255,.5);}

@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
    
}
@media screen and (max-width: 992px){
    
}
@media screen and (max-width: 768px){
    
}
@media screen and (max-width: 576px){
    
}


footer{display: none;}
@media (min-width: 300px) and (max-width: 992px) {
footer{display: block; position:fixed; z-index: 9; padding:1rem 0;width:100%;height:6rem;bottom:0.5rem;background: linear-gradient(to right,#05a4b3,#03254b);box-shadow: 0.5rem 0 1.5rem rgba(4, 52, 109, 0.5); border-radius: 6rem;}
footer ul{height:5rem;  position: relative;}
footer ul li{width:33.33%;float:left;color:#fff;}
footer ul li dl{width:auto;margin:0 auto;text-align:center;}
footer ul li dt{width:auto;height:2.5rem;overflow:hidden;}
footer ul li dd{width:auto;height:2rem; font-size:1rem; color:#fff;line-height:2rem;}
    .index_footer{display: none;}
}


.goTop >img{
            width: 50px;
            height: 50px;
            cursor: pointer;
        }
        .goTop{
            position: fixed;
            right : 20px;
            bottom : 20px;
        }
@media screen and (max-width: 992px){
    .goTop{display: none;}
}


.dqloc{float: right; position: absolute; right: 0; font-size: 1.3rem;}
.s_banner{width: 100%; background: url(404.png)center no-repeat; height:40rem;transition: all 0.5s;background-color: #03254b;}
.s_banner_dianli{width: 100%; background: url(404.png) center no-repeat; height:40rem;transition: all 0.5s;background-color: #03254b;}
.s_banner_yejin{width: 100%; background: url(404.png) center no-repeat; height:40rem;transition: all 0.5s;background-color: #03254b;}
.s_banner_huagong{width: 100%; background: url(404.png) center no-repeat; height:40rem;transition: all 0.5s;background-color: #03254b;}
.s_banner_zaozhi{width: 100%; background: url(404.png) center no-repeat; height:40rem;transition: all 0.5s;background-color: #03254b;}
.s_banner_guijiao{width: 100%; background: url(404.png) center no-repeat; height:40rem;transition: all 0.5s;background-color: #03254b;}
.s_banner_shuini{width: 100%; background: url(404.png) center no-repeat; height:40rem;transition: all 0.5s;background-color: #03254b;}
.s_banner_meitan{width: 100%; background: url(404.png) center no-repeat; height:40rem;transition: all 0.5s;background-color: #03254b;}













.breadcrumb{border-bottom: 0.1rem solid #f3f3f3;line-height: 6rem; margin: 0 auto; width: 1200px; background-color: #fff;position: relative;}
.pro_sorts{position: absolute; right: 0;}
.pro_sorts li{line-height: 3rem!important; font-weight: normal!important; font-size: 14px!important; color: #777!important; float: left; background: none; padding: 20px 0 0 0!important; margin: 0 15px!important;}
.breadcrumb li{font-size: 2.4rem;font-weight: bold;background: linear-gradient(to right, #03254b,#05a4b3);-webkit-background-clip: text;color: transparent;padding-left: 1rem;}
.breadcrumb .pro_fl{position: absolute;right: 0;}
.pro_fl li{float: left;}
.pro_fl li::before{content: '';width: 0.1rem;height: 1.5rem;background-color: #f3f3f3;display: inline-block;vertical-align: -0.2rem;margin-left: 0.3rem;}
.pro_fl li a{font-size: 1.6rem;font-weight: 500;margin-left: 1.5rem;transition: all 0.5s;color: #666;}
.pro_fl li a:hover{font-size: 1.7rem;font-weight: bold;margin-left: 1.5rem;transition: all 0.5s;color: #087d5c;}
.sub_main{margin: 5rem auto; width: 1200px;}
.sub_main2{margin: 3rem auto; width: 1170px;}

@media (max-width: 992px) {
    .s_banner{height:30rem;margin-top: 5rem;background-size: cover;}
    .s_banner_dianli{height:30rem;margin-top: 5rem;background-size: cover;}
    .s_banner_shuini{height:30rem;margin-top: 5rem;background-size: cover;}
    .s_banner_yejin{height:30rem;margin-top: 5rem;background-size: cover;}
    .s_banner_huagong{height:30rem;margin-top: 5rem;background-size: cover;}
    .s_banner_zaozhi{height:30rem;margin-top: 5rem;background-size: cover;}
    .s_banner_guijiao{height:30rem;margin-top: 5rem;background-size: cover;}
    .s_banner_meitan{height:30rem;margin-top: 5rem;background-size: cover;}
    .breadcrumb{border-bottom: 0.1rem solid #f3f3f3;line-height: 6rem;background-color: #fff;}
    .breadcrumb li{font-size: 1.5rem;font-weight: bold;background: linear-gradient(to right, #03254b,#05a4b3);-webkit-background-clip: text;color: transparent;}
    .sub_main{margin: 4rem 0 8rem 0; width:100%;}
    .sub_main2{margin: 4rem 0 8rem 0; width:100%;}
.dqloc{display:none;}
    .pro_sorts{display: none;}
}
@media (max-width: 768px) {
    .s_banner{height:30rem;margin-top: 5rem;background-size: cover;}
    .s_banner_dianli{height:30rem;margin-top: 5rem;background-size: cover;}
    .s_banner_shuini{height:30rem;margin-top: 5rem;background-size: cover;}
    .s_banner_yejin{height:30rem;margin-top: 5rem;background-size: cover;}
    .s_banner_huagong{height:30rem;margin-top: 5rem;background-size: cover;}
    .s_banner_zaozhi{height:30rem;margin-top: 5rem;background-size: cover;}
    .s_banner_guijiao{height:30rem;margin-top: 5rem;background-size: cover;}
    .s_banner_meitan{height:30rem;margin-top: 5rem;background-size: cover;}
    .breadcrumb{border-bottom: 0.1rem solid #f3f3f3;line-height: 5rem;background-color: #fff;}
    .breadcrumb li{font-size: 1.4rem;font-weight: bold;background: linear-gradient(to right, #03254b,#05a4b3);-webkit-background-clip: text;color: transparent;}
    .breadcrumb .pro_fl{display: none;}
    .sub_main{margin: 4rem 0 8rem 0; width:100%;}
}
@media (max-width: 576px) {
    .s_banner{height:16rem;margin-top: 5rem;background-size: cover;}
    .s_banner_dianli{height:16rem;margin-top: 5rem;background-size: cover;}
    .s_banner_shuini{height:16rem;margin-top: 5rem;background-size: cover;}
    .s_banner_yejin{height:16rem;margin-top: 5rem;background-size: cover;}
    .s_banner_huagong{height:16rem;margin-top: 5rem;background-size: cover;}
    .s_banner_zaozhi{height:16rem;margin-top: 5rem;background-size: cover;}
    .s_banner_guijiao{height:16rem;margin-top: 5rem;background-size: cover;}
    .s_banner_meitan{height:16rem;margin-top: 5rem;background-size: cover;}
    .breadcrumb{border-bottom: 0.1rem solid #f3f3f3;line-height: 4rem;background-color: #fff;}
    .breadcrumb li{font-size: 1.4rem;background: linear-gradient(to right, #03254b,#05a4b3);-webkit-background-clip: text;color: transparent;font-weight: bold;}
    .sub_main{margin: 3rem 0 8rem 0;}
}


.news_main{padding: 4rem 5rem;box-shadow: 0.1rem 0.1rem 2rem rgba(0,0,0,0.1);margin: 2rem 0rem;}
.news_main .title{font-size: 1.7rem;color: #333;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height:5rem; transition: .3s ease;}
.news_main .date{font-size: 1.4rem;color: #05a4b3;font-weight: 500;margin-top: 1rem;}
.news_main .des{font-size: 1.4rem;color: #999;font-weight: 500;margin-top: 1rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; height: 6.2rem;}

.news_main:hover .title{color: #05a4b3; font-size: 1.9rem;}
@media (max-width: 576px) {
    .news_main{padding: 3rem 2rem;box-shadow: 0.1rem 0.1rem 2rem rgba(0,0,0,0.1);margin: 1rem 0rem;}
}



.spro_main{margin-top: 2rem;}
.spro_maina{margin-top: 1rem; overflow: hidden;}
.spro_maina img{width: 100%; height:auto; transition: all 0.5s;}
.spro_maina p{line-height: 5rem; color: #fff; background-color: #03254b; transition: all 0.5s;padding: 0 1rem;font-size: 1.5rem;}
.spro_maina p span{float: right;color: #fff;font-size: 1.2rem;transition: all 0.5s;}
.spro_maina:hover p{background-color: #05a4b3;color: #fff;}
.spro_maina:hover span{color: rgba(255,255,255,0.5);}
.spro_maina:hover img{transform: scale(1.04)}

@media (max-width: 576px) {
    .spro_main{margin-top: 2rem;}
    .spro_maina img{width: 100%;height:auto; transition: all 0.5s;}
    .spro_main{margin-left: 0rem;}
    .spro_maina p{line-height:2rem;background-color: #03254b;transition: all 0.5s;padding: 0 1rem;font-size: 1.4rem;}
}





.proxq_title{line-height: 5rem;background-color: #087d5c;font-size: 1.7rem;font-weight: bold;color: #fff;}
.proxq_title i{font-size: 1.6rem;font-weight: lighter;color: #fff;float: right;}
.proxq_text{padding: 3rem 2rem;}
.proxq_text p{font-size: 1.6rem;line-height: 2.6rem;letter-spacing: 0.04rem;}
.proxq_img img{width: 100%;text-align: center;margin: 1rem auto;height: 20rem;}
.proxq_img{margin: 2rem 0 3rem 0;}

.swiper-container {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-slide img{max-width: 100%;max-height:100%;}

.pros_img{height:auto;}
.pros_name{line-height: 5rem;background-color: #f2f2f2;color: #333;font-size: 2rem;padding-left: 2rem; font-weight: bold;}
.pros_text{line-height: 2.8rem;color: #666;font-size: 1.4rem;padding-left: 2rem;border-top: 0.1rem solid #f3f3f3;margin-top: 3rem;padding-top: 2rem; }
.pros_btn{width: 20rem;height: 5.5rem;background-color: #05a4b3;line-height: 5.5rem;text-align: center;color: #fff;float: right;margin-top: 5rem; font-size: 1.6rem;}
.pros_btn:hover{background-color: #067d88;}
.pros_btn2{width: 20rem;height: 5.5rem;background-color: #03254b;line-height: 5.5rem;text-align: center;color: #fff;float: right;margin-top: 5rem; margin-right: 2rem; font-size: 1.6rem;}
.pros_name2{line-height:6rem;background-color: #fff;color: #666; border-bottom: 1px solid #eee; font-size: 2.6rem;padding-left:1rem; font-weight: bold;}
.pros_text2{line-height: 2.8rem;color: #666;font-size: 1.5rem;padding-left:0;margin-top: 2rem;padding-top: 1rem;margin-bottom: 3rem;}


@media (max-width: 576px) {
    .pros_img{height: 20rem;}
    .swiper-slide img{max-width: 100%;}
    .pros_name{line-height: 5rem;background-color: #fafafa;color: #000;font-size: 1.6rem;padding-left: 1rem;border-top: 0.2rem solid #3e8767;margin-top: 3rem;}
    .pros_text{line-height: 2.8rem;color: #666;font-size: 1.4rem;padding-left: 0rem;border-top: 0.1rem solid #f3f3f3;margin-top: 3rem;padding-top: 2rem;text-indent: 2em;}
    .pros_name2{line-height: 5rem;background-color: #fafafa;color: #000;font-size: 1.6rem;padding-left: 2rem;border-top: 0.2rem solid #3e8767;}
    .pros_text2{line-height: 2.8rem;color: #666;font-size: 1.5rem;padding-left: 0rem;margin-top: 2rem;padding-top: 1rem;margin-bottom: 3rem;}
    .pros_text2 img{max-width: 100%;}
    
.pros_btn{width: 15rem;height: 5rem;background-color: #05a4b3;line-height: 5rem;text-align: center;color: #fff;float: right;margin-top: 3rem;}
    
.pros_btn2{width: 15rem;height: 5rem;background-color: #03254b;line-height: 5rem;text-align: center;color: #fff;float: right; display: block; clear: right;margin-top:2rem!important; margin-right: 0rem!important; font-size: 1.6rem;}
    
}
.sulumoreback{padding:20px 30px; text-align: center; font-size: 1.3rem; color: #fff; width:250px; display:block; clear:both; margin:2rem auto; background: #05a4b3;}

.sub_about_info img{max-width: 100%;}

.index_about_jobs{background: url(404.png)center no-repeat;background-size: 100% 100%;}

.sub_contact{height: 59.4rem;text-align: left;padding: 3% 5% 3% 5%;}
.sub_contact .title{font-size: 3rem;color: #000;}
.sub_contact li{font-size: 1.6rem;color: #888888;line-height: 4.5rem;height: 4.5rem;margin-top: 3.8rem; border-bottom: 1px solid #eee;}
.sub_contact li label{font-weight: bold; color: #05a4b3;}
.index_about_contact{height: 59.4rem; padding:0!important;}



@media screen and (max-width: 576px){
    .index_about_jobs{height: 33rem;background: url(404.png)center no-repeat;background-size: 100% 100%;}
    
}


.sbplustitle2{text-align: center; font-size: 26px; font-weight:500;color: #fff; padding:35px 0 15px 0;}
.index_solution_wrapper{width: 100%; background:url(404.png) center top no-repeat fixed; padding: 50px 0 50px 0;}
.index_solution{width: 1300px; margin: 0 auto; padding: 60px 0;}
.index_solution_div{ height:260px;  border: 1px solid rgba(255,255,255,.3);  float: left; margin:-1px 0 0 -1px; padding:50px 20px 20px 20px;}
.index_solution_div:hover{background: rgba(5,164,179,.8);}
.index_solution_div .solu_icon{width: 100%; font-size: 17px; line-height: 27px; font-weight: bold; color:rgba(255,255,255,1);}
.index_solution_div .solu_icon .txt{font-size: 20px; text-align: center;line-height:40px; font-weight: bold; color:rgba(255,255,255,1);}
.index_solution_div .solu_icon .icon{width: 100%; height: 90px;line-height: 90px; float: left; text-align: center; margin: 0 10px 0 0;}
.index_solution_div .solu_icon .icon i{font-size: 60px; color: #fff; font-weight: lighter;}
.index_solution_div .solu_icon .line{width: 50px; height: 1px; background: #fff; margin:2px auto;}
.index_solution_div .solu_icon p{font-size: 13px;line-height: 18px; text-align: center; margin: 0 auto;}





.index_solution_dark_wrapper{width: 100%; background:url(404.png) center top no-repeat fixed; padding: 50px 0 50px 0;}

.index_solution_dark2_wrapper{width: 100%; background:url(404.png) center top no-repeat fixed; padding: 50px 0 50px 0;}

.index_solution_dark3_wrapper{width: 100%; background:url(404.png) center top no-repeat fixed; padding: 50px 0 50px 0;}
.sub_solutions_img{width: 90%; margin: 0 auto;}
.sub_solutions_img img{width: 100%;}
.sub_solutions_dark_con{width: 90%; margin: 0 auto;}
.sub_solutions_dark_con .title{font-size: 24px; font-weight: bold; color: #fff; line-height: 90px;}
.sub_solutions_dark_con .title::after{width:50px; height: 5px; background: rgba(5,164,179,1); content: "";   
display: block;}
.sub_solutions_dark_con .con{font-size: 16px; color: #fff; overflow: hidden;}
.sub_solutions_dark_con .con p{line-height: 35px;}




.index_solution_w_wrapper{width: 100%; background:#f5f5f5; padding: 50px 0 50px 0;}
.sub_solutions_w_con{width: 90%; margin: 0 auto;}
.sub_solutions_w_con .title{font-size: 24px; font-weight: bold; color: #000; line-height: 90px; float: left;}
.sub_solutions_w_con .title::after{content: ""; display: block; width:50px; height: 5px; background: rgba(5,164,179,1);}
.sub_solutions_w_con .con{font-size: 16px; color: #777; overflow: hidden; float: left;}
.sub_solutions_w_con .con p{line-height: 35px;}




.spro_logo{margin-top: 2rem;}
.spro_logo .title{margin-top: 2rem;}
.spro_logoa{margin-top: 1rem;}
.spro_logoa img{width: 100%; height:auto; transition: all 0.5s;}
.spro_logoa p{line-height: 5rem; color: #666; background-color: #eee; transition: all 0.5s;padding: 0 1rem;font-size: 1.5rem; text-align: center;}
.spro_logoa p span{float: right;color: #fff;font-size: 1.2rem;transition: all 0.5s;}
.spro_logoa:hover p{background-color: #05a4b3;color: #fff;}
.spro_logoa:hover span{color: rgba(255,255,255,0.5);}

@media (max-width: 576px) {
    .spro_logo{margin-top: 2rem;}
    .spro_logoa img{width: 100%;height:auto; transition: all 0.5s;}
    .spro_logo{margin-left: 0rem;}
    .spro_logoa p{line-height: 4rem;background-color: #eee;transition: all 0.5s;padding: 0 1rem;font-size: 1.4rem;}
}



.pre_nex{width: 100%; margin: 25px auto;}
.pre_nex li:nth-last-child(odd){float: left;}
.pre_nex li:nth-last-child(even){float: right;}
.pre_nex li{width: 48%; height: 40px; line-height: 40px; color: #aaa; background: #f8f8f8; text-align: center;}
.pre_nex li a{display: block; color: #777; font-size: 14px;}
.pre_nex li a:hover{color: #000; background: #f1f1f1;}



.inner-team .team > ul > li
{
    margin-top: 60px;
}
.inner-team .team .item
{
    font-size: 0;
}
.inner-team .team .item .pic,
.inner-team .team .item .text
{
    font-size: 14px;

    display: inline-block;

    vertical-align: top;
}
.inner-team .team .item .pic
{
    width: 320px;
}
@media (max-width: 767px)
{
    .inner-team .team .item .pic
    {
        width: 100%;
    }
}
.inner-team .team .item .pic .ibox
{
    padding-bottom: 2%;
}
.inner-team .team .item .pic .ibox img
{
   max-width: 100%;
}
.inner-team .team .item .text
{
    width: 770px;
    padding-left: 100px;
}
@media (max-width: 767px)
{
    .inner-team .team .item .text
    {
        width: 100%;
        padding: 20px 0 0 0;
    }
}
.inner-team .team .item .text .title-text:after
{
    display: block;

    width: 32px;
    height: 6px;
    margin-top: 10px;

    content: '';

    background-color: #05a4b3;
}
.inner-team .team .item .text .title-text h3
{
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;

    display: -webkit-box;
    overflow: hidden;

    height: 40px;
    margin: 14px 0 0 0;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 767px)
{
    .inner-team .team .item .text .title-text h3
    {
        font-size: 24px;

        margin: 0;
    }
}
.inner-team .team .item .text .title-text h4
{
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;
    margin: 14px 0 0 0;

    color: #666;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 767px)
{
    .inner-team .team .item .text .title-text h4
    {
        font-size: 16px;

        margin: 4px 0 0 0;
    }
}
.inner-team .team .item .text .note
{
    margin-top: 14px;
}
.inner-team .team .item .text .note p
{
    font-size: 16px;
    line-height: 2;

    margin: 0;

    color: #666;
}
@media (max-width: 991px)
{
    .inner-team .team .item .text .note p
    {
        font-size: 15px;
    }
}
@media (max-width: 767px)
{
    .inner-team .team .item .text .note p
    {
        font-size: 14px;
    }
}
.inner-team .team .item .text .note img
{
    max-width: 100%;
    height: auto !important;
}
.inner-team .team-other .item
{
    position: relative;

    display: block;

    margin-top: 40px;

    cursor: default;
    cursor: pointer;
}
@media (max-width: 767px)
{
    .inner-team .team-other .item
    {
        margin-top: 20px;
    }
}
.inner-team .team-other .item .ibox
{
    padding-bottom: 117.77777778%;
}
.inner-team .team-other .item .text
{
    position: absolute;
    z-index: 2;
    bottom: 0;

    overflow: hidden;

    width: 100%;
    height: 130px;
    padding: 10px 20px 20px 20px;

    -webkit-transition: all .6s;
            transition: all .6s;

    color: #fff;
    background-color: #051d49;
}
@media (max-width: 1199px)
{
    .inner-team .team-other .item .text
    {
        position: relative;
        bottom: auto;

        height: auto;
    }
}
.inner-team .team-other .item .text .title-text:after
{
    display: block;

    width: 32px;
    height: 6px;
    margin-top: 10px;

    content: '';

    background-color: #05a4b3;
}
.inner-team .team-other .item .text .title-text h3
{
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;

    display: -webkit-box;
    overflow: hidden;

    height: 32px;
    margin: 14px 0 0 0;

    color: #05a4b3;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 991px)
{
    .inner-team .team-other .item .text .title-text h3
    {
        font-size: 20px;
    }
}
.inner-team .team-other .item .text .title-text h4
{
    font-size: 18px;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;
    margin: 6px 0 0 0;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 991px)
{
    .inner-team .team-other .item .text .title-text h4
    {
        font-size: 16px;
    }
}
.inner-team .team-other .item .text .note
{
    margin-top: 20px;
}
@media (max-width: 991px)
{
    .inner-team .team-other .item .text .note
    {
        margin-top: 10px;
    }
}
.inner-team .team-other .item .text .note p
{
    font-size: 16px;
    line-height: 1.875;

    margin: 0;
}
@media (max-width: 991px)
{
    .inner-team .team-other .item .text .note p
    {
        font-size: 15px;
    }
}
@media (max-width: 767px)
{
    .inner-team .team-other .item .text .note p
    {
        font-size: 14px;
    }
}
.inner-team .team-other .item .text .note p span
{
    color: #05a4b3;
}
.inner-team .team-other .item:hover .text
{
    height: 100%;

    background-color: rgba(5, 29, 73, .7);
}


.page_info{text-align:center; width: 100%; margin:10px auto; padding: 50px 0; color:#999; clear: both;font-size: 1.4rem!important;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center; clear: both; letter-spacing:0;font-size:10px;margin:50px auto; padding: 50px 0; clear: both; width: 100%;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}



.table_a table{border-right:1px solid #05a4b3;border-bottom:1px solid #05a4b3; width: 100%!important;max-width: 100%!important;}
.table_a table td{border-left:1px solid #05a4b3;border-top:1px solid #05a4b3; text-align:left; font-size:14px; height:30px; line-height:30px; padding: 0 0 0 5px; font-family:"Microsoft YaHei";}
.table_a table tr:nth-child(odd){background: #f5f5f5;}
.table_a table th{border-left:1px solid #05a4b3;border-top:1px solid #05a4b3; background:#fbffff; color:#0b8c98; font-weight:bold; text-align: left;font-size:16px; height:40px; line-height:40px; padding:5px; font-family:"Microsoft YaHei";}
.biao2{background:#f1f1f1;}



@media (max-width: 767px)
{
    
    .table_a{overflow:scroll;}
    .table_a  table{table-layout: fixed;word-wrap:break-word;}
    .table_a table tbody{max-width: auto!important;}
    .table_a table tr{max-width: auto!important;}
    
.table_a table th{border-left:1px solid #05a4b3;border-top:1px solid #05a4b3; background:#fbffff; color:#0b8c98; font-weight:bold; text-align: left;font-size:14px; height:40px; line-height:40px; padding:5px; font-family:"Microsoft YaHei";}

.table_a table td{border-left:1px solid #05a4b3;border-top:1px solid #05a4b3; text-align:left; font-size:12px; height:30px; line-height:30px; padding: 0 0 0 5px; font-family:"Microsoft YaHei";}
}










.m0{margin: 0 auto;}

.new_solu_list{width: 30%; margin: 1.5%; position: relative; text-align: center; transition: all ease .3s;}
.new_solu_list .txt{font-size: 20px;z-index: 99; color: #fff; position: absolute; left: 15px; top: 15px; font-weight: bold;}
.new_solu_list img{max-width: 100%; border-radius: 5px; transition: all ease .3s;}

.new_solu_list:hover img{transform: scale(1.06)}

@media (max-width: 767px)
{
    .new_solu_list{width: 45%; margin: 1.5%;}
}

.int{text-indent: 3rem;}
.solu_txt_con{font-size: 16px; line-height: 2.8rem;}
.solu_txt_con b{font-weight: bold; font-size: 18px;}
.sub_about_info_img{float:right;}
.sub_about_info_img img{max-width: 100%;}

.sulu_bigbg{width: 100%; background: #f5f5f5; padding: 3rem 0;}

.solu_program_title{text-align: center;color: #000;font-size: 2.2rem; font-weight: bold; width:85%;margin: 4rem auto 4rem auto;}
.solu_program_title p{text-align: center;color: #888888;font-size: 1.6rem;line-height: 2.4rem;margin-top: 1rem;}



.tongdian_frame{background: #fff; height: 340px; padding: 50px 30px; transition: all ease .3s;}
.solu_tongdian{font-size: 1.7rem;color: #000;font-weight:bold;}
.solu_tongdian::after{content: "";width: 20%;height: 0.2rem;background-color: #0a50a1;display: block;margin: 0.5rem auto 1rem auto;}
.solu_tongdian p{font-size: 1.5rem;color: #888888;font-weight: 500;line-height: 2.4rem;}
.solu_tongdian_text{font-size: 1.4rem; color: #666; text-indent: 2.9rem; text-align: left;}


.solu_tongdian_box i{font-size: 70px; color: #0a50a1;}
.solu_tongdian_box li{text-align: center;width:31%; float: left; margin: 0 1%;}

.tongdian_frame:hover{background: #0a50a1; margin-top: -20px;}
.tongdian_frame:hover i,.tongdian_frame:hover p,.tongdian_frame:hover .solu_tongdian_text,.tongdian_frame:hover .solu_tongdian{color: #fff;}
.tongdian_frame:hover .solu_tongdian::after{background-color: #fff;}




.case_frame{background: linear-gradient(to right, #f5f5f5,#ffffff); height: 370px; padding: 50px 30px; transition: all ease .3s;}
.solu_case{font-size: 1.7rem;color: #000;font-weight:bold; float: left;}
.solu_case::after{content: "";width: 40%;height: 0.2rem;background-color: #0a50a1;display: block;margin: 0.5rem 0 1rem 0; float: left;}
.solu_case p{font-size: 1.5rem;color: #888888;font-weight: 500;line-height: 2.4rem;}
.solu_case_text{font-size: 1.4rem; line-height: 2.5rem; color: #666; float: left;}


.solu_case_box i{font-size: 70px; color: #0a50a1;}
.solu_case_box li{text-align: left;width:31%; float: left; margin: 1%;}




.case_frame:hover{background: #0a50a1; transform: scale(1.06)}
.case_frame:hover i,.case_frame:hover p,.case_frame:hover .solu_case_text,.case_frame:hover .solu_case{color: #fff;}
.case_frame:hover .solu_case::after{background-color: #fff;}


@media (max-width: 767px)
{
.case_frame{height: 270px;}
.solu_tongdian_box li{width:100%; float: left; margin: 1%;}
.solu_case_box li{width:100%; float: left; margin: 1%;}
    
body{padding: 0 0 80px 0;}
}