@charset "utf-8";
/* CSS Document */

body, html {
	margin:0;
	padding:0;
	color: #666;
	font:12px/180% "微软雅黑", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
* {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: transparent;
}
body {
	width:100%;
	background-color:#fff;
	overflow-x:hidden;
}
body a {
	outline:none;
blr:expression(this.onFocus=this.blur());
}
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
	list-style:none;
}
li {
	list-style: none;
	vertical-align: bottom;
}
img {
	border: none;
	display: block;
}
em, i {
	font-style: normal;
}
a {
	text-decoration:none;
	color: #666;
	cursor: pointer;
}
.disable {
	display: none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clearfix:after {
	content:"";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}
* html .clearfix {
	height:1%;
}
* +html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
	clear:both;
}
input, textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
}
 input:-webkit-autofill( background: rgba(0, 0, 0, 0) !important;
outline:none;
)  input, textarea {
resize:none;
font-family:"微软雅黑";
outline:none;
}
button {
	font-family:"Arial";
	outline: none;
}
select {
	height:22px;
	line-height:18px;
	padding:2px 0;
	outline:none;
}
.m_cell_hd, .m_cell_ft {
	display: table-cell;
	vertical-align: middle;
	word-wrap: break-word;
	word-break: break-all;
	white-space: nowrap;
	overflow: hidden;
}
.m_cell_primary {
	width: 2000px;
	white-space: normal;
}
.wrapper {
	width: 1200px;
	margin: 0 auto;
}
.header {
	position: fixed;
	z-index: 990;
	left: 0;
	right: 0;
	top: 0;
	height: 64px;
	background-color: rgba(0, 0, 0, 0.6);
}
.logo {
	float:left;
	padding-top: 13px;
}
.nav_list {
	float:right;
	height: 64px;
	line-height: 64px;
}
.nav_list li {
	float:left;
	position:relative;
}
.nav_list a {
	display:block;
	padding: 0 7px;
	position: relative;
	margin: 0 25px;
	font-size: 14px;
	color: #fff;
}
.nav_list a i {
	display:none;
	position:absolute;
	left: 0;
	right: 0;
	bottom: 1px;
	height: 5px;
	background-color: #2d9ed0;
	overflow: hidden;
}
.nav_list li div {
	display:none;
	position:absolute;
	left: 15px;
	right: 15px;
	top:64px;
	background-color:rgba(0, 0, 0, 0.5);
	padding:0px 0 5px;
}
.nav_list li div a {
	display: block;
	width: 100%;
	height: 30px;
	font-size:14px;
	color:rgba(255, 255, 255, 0.4);
	line-height:30px;
	padding:0;
	margin:0;
	text-align: center;
	color:#fff!important;
}
.nav_list li div a.active, .nav_list li div a:hover {
	color: #2d9ed0;
}
.nav_list a:hover, .nav_list a.on {
	color:#2d9ed0;
}
.nav_list a:hover i, .nav_list a.on i {
	display:block;
}
.nav_list li:hover div {
	display:block;
}
.nav_list span {
	display: block;
	font-size: 0;
	height: 14px;
	border-right:2px #696969 solid;
	margin-top: 25px;
	margin-right: 35px;
}
.nav_list p {
	font-size:20px;
	line-height: 64px;
	height: 64px;
	font-weight: 600;
	color: #ffa302;
	position: relative;
	background-image: -webkit-linear-gradient(left, rgb(241, 237, 230), rgb(241, 228, 228));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.nav_list p i {
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	background: url(img/tel.png) no-repeat left center;
	background-size: 32px 32px;
	margin-right: 3px;
}
.play-box {
	position: fixed;
	left: 0;
	top: 0;
	z-index:999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	display: -webkit-flex;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	display: none;
}
.play-boxs {
	position: fixed;
	left: 0;
	top: 0;
	z-index:999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	display: -webkit-flex;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	display: none;
}
.mask {
	width: 1200px;
	height: 600px;
	z-index: 999;
	padding: 30px;
	position: relative;
	z-index: 1;
	background: rgba(0, 0, 0, .8);
	border:1px solid #222;
}
.mask video {
	width: 100%;
	height:100%;
}
.mask videos {
	width: 100%;
	height:100%;
}
.close-playbox {
	position: absolute;
	right: -10px;
	top: -10px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background:rgba(22, 188, 229, 1);
}
.close-playbox i {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	margin: 12px auto 0;
	background: url(img/close.png) no-repeat;
	background-size: 16px;
}
.close-playboxs {
	position: absolute;
	right: -10px;
	top: 60px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background:rgba(22, 188, 229, 1);
}
.close-playboxs i {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	margin: 12px auto 0;
	background: url(img/corylink.png) no-repeat;
	background-size: 16px;
}
.closes-playbox {
	position: absolute;
	right: -30px;
	top: -20px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background:rgba(22, 188, 229, 1);
}
.closes-playbox i {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	margin: 12px auto 0;
	background: url(img/close.png) no-repeat;
	background-size: 16px;
}
.floatR {
	position:fixed;
	top:35%;
	right:20px;
	z-index:10000;
}
.floatR p {
	cursor:pointer;
	margin-bottom:3px;
}
.floatR p a {
	display:block;
	position:relative;
}
.floatR p a span {
	display:block;
	width:70px;
	height:70px;
}
.floatR p a b {
	position:absolute;
	top:0;
	right:71px;
	display:none;
}
.floatR p a b.lx {
	display:none;
}
.kefu1 {
	width:70px;
	height:70px;
	background: url(img/kefu.png) 0px 0px no-repeat;
}
.kefu1:hover {
	background: url(img/kefu.png) -100px 0px no-repeat;
}
.kefu2 {
	width:70px;
	height:70px;
	background: url(img/kefu.png) 0px -72px no-repeat;
}
.kefu2:hover {
	background: url(img/kefu.png) -100px -72px no-repeat;
}
.kefu3 {
	width:70px;
	height:70px;
	background: url(img/kefu.png) 0px -144px no-repeat;
}
.kefu3:hover {
	background: url(img/kefu.png) -100px -144px no-repeat;
}
.kefu4 {
	width:70px;
	height:70px;
	background: url(img/kefu.png) 0px -216px no-repeat;
}
.kefu4:hover {
	background: url(img/kefu.png) -100px -216px no-repeat;
}
.kefu5 {
	width:70px;
	height:70px;
	background: url(img/kefu.png) 0px -288px no-repeat;
}
.kefu5:hover {
	background: url(img/kefu.png) -100px -288px no-repeat;
}
.alertbox {
	position:fixed;
	z-index:9999;
	width:100%;
	height:100%;
	background:url(img/opacity30.png);
	top:0px;
	left:0px;
}
.alertbox .boxpnl {
	position:absolute;
	z-index:99999;
	width:300px;
	left:50%;
	top:30%;
	margin-left:-150px;
	background-color:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.alertbox .boxpnl .msg {
	padding:20px 20px 20px 20px;
	font-size:14px;
	color:#888;
	line-height:22px;
	text-align:left;
	border-bottom:solid 1px #e8e8ea;
}
.alertbox .boxpnl .msg a {
	color:#0067cd;
}
.alertbox .boxpnl .btn {
	height:40px;
	display:block;
	line-height:40px;
	text-align:center;
	font-size:16px;
	color:#0bb20c;
	overflow:hidden;
}
.alertbox .boxpnl .btn:hover {
	background-color:#f0f0f0;
}
.alertbox.confirmbox {
}
.alertbox.confirmbox .btn {
	width:150px;
	float:left;
}
.alertbox.confirmbox .btn.cancel {
	width:149px;
	color:#353535;
	border-left:solid 1px #e8e8ea;
}
.index_banner {
	min-width: 1200px;
	padding-top: 116px;
	position: relative;
	z-index: 1;
	padding-bottom: 37px;
	background: url(img/img_01.jpg) no-repeat center top;
	background-color: #f3f4fa;
}
.index_order {
	text-align: center;
}
.index_order b {
	display:block;
	font-size:40px;
	color: #63e9fd;
	line-height: 100px;
}
.index_order p {
	color:#fff;
	line-height: 40px;
	padding-top: 10px;
	font-size: 20px;
}
.index_order span {
	display:block;
	padding-top: 45px;
	padding-bottom: 56px;
}
.index_order a {
	cursor: pointer;
	display:inline-block;
	vertical-align: top;
	width: 189px;
	height: 53px;
	line-height: 53px;
	font-size: 24px;
	color: #fff;
	font-weight: 600;
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
	background-color: rgba(0, 0, 0, 0.5);
	margin: 0 22px;
}
.index_order a.on {
	background-image:url(img/img_01.png);
}
.index_project_type {
	background-color:#fff;
	padding: 30px 0 49px 20px;
}
.index_project_type h2 {
	display:block;
	font-size: 26px;
	color: #333;
	line-height: 50px;
}
.index_project_type span {
	display:block;
	font-size: 18px;
	color: #999;
	line-height: 28px;
}
.index_project_type ul {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}
.index_project_type li {
	width: 218px;
	height: 330px;
	margin-right: 17px;
	text-align: center;
	background-color: #f6f6f6;
	overflow: hidden;
	float: left;
	display: inline-block;
}
.index_project_type h4 {
	display:block;
	font-size: 24px;
	color: #333;
	line-height: 35px;
	padding-top: 25px;
}
.index_project_type p {
	font-size: 16px;
	color: #999;
	line-height: 30px;
	padding-bottom: 12px;
}
.index_project_type a {
	display:block;
	margin: 0 auto;
	width: 100px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	background-image:url(img/img_02.png);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.index_project_type a i {
	color: #2d9ed0;
	background-image: -webkit-linear-gradient(left, rgb(62, 199, 211), rgb(50, 163, 209));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.index_project_type li:hover {
	background-image:url(img/img_07.jpg);
}
.index_project_type li:hover h4 {
	color:#fff;
}
.index_project_type li:hover p {
	color: #fff;
	opacity: 0.5;
}
.index_project_type li:hover a {
	background:#fff;
}
.index_project_type li:hover a i {
	background-image: -webkit-linear-gradient(left, rgb(50, 163, 209), rgb(50, 163, 209));
}
.main {
	min-width: 1200px;
	overflow: hidden;
}
.main01 {
	background: url(img/img_08.jpg) no-repeat center top;
	padding-bottom: 80px;
}
.main01 .title {
	padding:20px 0 42px;
}
.main .title {
	text-align:center;
}
.main .title ul, .main .title div {
	background: url(img/img_03.png) no-repeat center bottom;
	padding-top: 5px;
}
.main .title h2, .main .title h4 {
	display:block;
	font-size: 26px;
	color: #2d9ed0;
	line-height: 40px;
	background-image: -webkit-linear-gradient(left, rgb(45, 195, 208), rgb(45, 161, 208));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.main .title span {
	display:block;
	font-size: 18px;
	color: #999;
	line-height: 25px;
	padding-bottom: 16px;
}
.main .title p {
	font-size: 20px;
	color: #fff;
	line-height: 35px;
	padding-top: 18px;
}
.advantage .a_title {
	text-align:center;
	padding: 40px 0 0;
}
.advantage .a_title h2 {
	display:block;
	font-size: 22px;
	font-weight: 500;
	color: #fff;
	line-height: 40px;
	background: url(img/img_04.png) no-repeat center center;
}
.advantage .a_title p {
	font-size: 14px;
	color: #999;
	line-height: 25px;
}
.advantage .a_list li {
	float:left;
	width: 374px;
	overflow: hidden;
	margin-top: 40px;
	margin-right: 39px;
}
 .advantage .a_list li:nth-child(3n+3) {
margin-right: 0;
}
.advantage .a_list a {
	display:block;
	padding: 4px;
	background-color: rgba(255, 255, 255, 0.1);
}
.advantage .a_list .img {
	position: relative;
	height: 229px;
}
.advantage .a_list .img img {
	display: block;
	width: 100%;
	height: 100%;
}
.advantage .a_list .img h4 {
	position: absolute;
	left: -4px;
	right: -4px;
	bottom: 0;
	padding: 0 19px;
	font-size: 28px;
	color: #fff;
	font-weight: 400;
	height: 55px;
	line-height: 55px;
	background-color: rgba(0, 0, 0, 0.6);
	overflow: hidden;
}
.advantage .a_list .img em {
	display:none;
	position: absolute;
	left: 50%;
	margin-left: -40px;
	top: 50%;
	margin-top: -40px;
	width: 80px;
	height: 80px;
	background-image: url(img/img_05.png);
	z-index: 1;
}
.advantage .a_list .con {
	height:40px;
	text-align: center;
	padding: 0 15px;
	color: #fff;
	line-height: 35px;
}
.advantage .a_list .con b {
	display:block;
	font-size: 24px;
	font-weight: 500;
	padding-top: 15px;
	opacity: 0.5;
}
.advantage .a_list .con p {
	font-size: 16px;
}
.advantage .a_list a:hover {
	background:#fff url(img/img_10.jpg) no-repeat left bottom;
}
.advantage .a_list a:hover h4 {
	left:0;
	right: 0;
	padding: 0 15px;
}
.advantage .a_list a:hover b {
	opacity: 1.0;
}
.advantage .a_list a:hover em {
	display:block;
}
.main02 .title {
	padding: 45px 0 20px;
}
.main02 .title p {
	color: #666;
}
.index_special {
	padding-bottom:54px;
}
.index_special li {
	float:left;
	width: 590px;
	height: 380px;
	overflow: hidden;
	margin-bottom: 20px;
}
 .index_special li:nth-child(2n) {
float:right;
}
.index_special li a {
	display:block;
	position: relative;
}
.index_special .con01 {
	position:absolute;
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
	padding-top: 125px;
	background-image: url(img/img_06.png);
	text-align: center;
	overflow: hidden;
	color: #fff;
}
.index_special .con01 b {
	display: block;
	font-size: 34px;
	line-height: 65px;
	letter-spacing: 7px;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
}
.index_special .con01 p {
	font-size: 18px;
	line-height: 30px;
}
.index_special .con02 {
	display:none;
	position:absolute;
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
	background-color: rgba(0, 0, 0, 0.4);
	padding: 75px 30px 0 30px;
	color: #fff;
}
.index_special .con02 b {
	display:block;
	font-size: 28px;
	line-height: 53px;
}
.index_special .con02 span {
	display:block;
	font-size: 16px;
	line-height: 35px;
	padding-bottom: 20px;
}
.index_special .con02 p {
	font-size: 16px;
	line-height: 32px;
}
.index_special a:hover .con01 {
	display:none;
}
.index_special a:hover .con02 {
	display:block;
}
.main03 {
	background:url(img/img_15.jpg) no-repeat top center;
	padding-bottom: 70px;
}
.main03 .title {
	padding: 35px 0 49px;
}
.index_intro {
	background:#fff url(img/img_16.jpg) no-repeat left bottom;
	padding: 20px;
	overflow: hidden;
}
.index_intro .left {
	float:left;
	display: inline-block;
	width: 540px;
	padding-top: 32px;
	overflow: hidden;
}
.index_intro .right {
	float:right;
	display: inline-block;
	width: 578px;
}
.index_intro h1 {
	display:block;
	font-size: 30px;
	color: #333;
	line-height: 42px;
	height: 42px;
}
.index_intro h1 i {
	display:inline-block;
	vertical-align: top;
	/*width: 148px;*/
	text-align: center;
	background: url(img/img_17.jpg) no-repeat left bottom;
}
.index_intro span {
	display:block;
	font-size: 14px;
	color: #333;
	line-height: 35px;
	padding-left: 5px;
	padding-bottom: 25px;
}
.index_intro p {
	font-size: 16px;
	color: #333;
	line-height: 32px;
}
.index_banner video {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
 transition: .2s ease-in-out;
 -webkit-transition: .2s ease-in-out;
 -moz-transition: .2s ease-in-out;
 -ms-transition: .2s ease-in-out;
 -o-transition: .2s ease-in-out;
}
.ccH5playerBox video {
	width: 100%;
	height: 100%;
	background-color: rgb(0, 0, 0);
	top: 50%!important;
	left: 0px;
	margin-left: 0px;
	margin-top: 0px;
	display: block;
}
.main04 {
	background:#fff;
	padding-bottom: 70px;
}
.main04 .title {
	padding: 40px 0 50px;
}
.index_service ul {
	display: -webkit-flex;
	flex-wrap: wrap;
}
.index_service li {
	width: 240px;
	height: 70px;
	float: left;
	display: inline-block;
	margin:20px 0;
	overflow: hidden;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}
 .index_service li:nth-child(4n+4) {
margin-right:0;
}
.index_service li img {
	display: block;
	width: 133px;
	margin: 0 auto;
}
.footer {
	min-width: 1200px;
	margin-top:-1px;
	position: relative;
	z-index: 1;
	padding: 63px 0 75px;
	background: url(img/img_21.jpg) no-repeat center top;
	overflow: hidden;
	background-size: 100% 100%;
}
.f_left {
	float: left;
}
.coperight {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .3);
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 12px;
}

.coperight a{
padding-left: 5px;
	color: #fff;

}
.f_left .img {
	display: block;
	width: 200px;
}
.adress li {
	margin-top: 20px;
	height: 46px;
	padding-left: 66px;
	display:flex;
	display: -webkit-flex;
	flex-wrap:wrap;
	align-content:stretch;
	-webkit-flex-wrap:wrap;
	-webkit-align-content:stretch;
	background: url(img/icon_zhizuo.png) no-repeat;
	background-size: 46px;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
	color: #fff;
}
.adress li p {
	width: 100%;
}
 .adress li:nth-child(2) {
 background: url(img/icon_luzhi.png) no-repeat;
 background-size: 46px;
}
 .adress li:nth-child(3) {
 background: url(img/icon_paishe.png) no-repeat;
 background-size: 46px;
}
.f_code {
}
.f_code div {
	margin-top: 20px;
	float:left;
	width: 128px;
	margin-right: 59px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 40px;
}
.f_code div img {
	display: block;
	width: 100%;
}
.f_right {
	float:right;
	width: 536px;
	padding-top: 8px;
}
.f_form {
	background-color: rgba(0, 0, 0, 0.30);
	padding: 15px 45px 45px;
}
.f_form .tel {
	font-size:16px;
	line-height: 69px;
	font-weight: 600;
	color: #ffa302;
	position: relative;
	background-image: -webkit-linear-gradient(left, rgb(255, 163, 2), rgb(222, 20, 20));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text_info {
	height: 38px;
}
.text_info li {
	width:210px;
}
.text_info input {
	display:block;
	box-sizing: border-box;
	border: 0;
	width: 100%;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #333;
	padding-left: 20px;
	background-color: #fff;
}
.check {
	padding: 38px 0 42px;
}
.check li {
	float:left;
	width: 33.33%;
	box-sizing: border-box;
	position: relative;
	padding-left: 24px;
	font-size: 14px;
	color: #fff;
	line-height: 33px;
}
 //.check em {
position: absolute;
left: 0;
top: 10px;
width: 14px;
height: 14px;
background-color: #fff;
cursor: pointer;
}
 //.check em.on::after {
display:block;
content: "";
position: absolute;
left: 3px;
top: 3px;
right: 3px;
bottom: 3px;
background-color: #2dc3d0;
}
.f_form .submit {
	display:block;
	margin: 49px auto 0;
	border: 0;
	width: 236px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	font-size: 16px;
	color: #fff;
	background: url(img/img_07.jpg) no-repeat left top;
	background-size: 100% auto;
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	border-radius: 19px;
	cursor: pointer;
}
textarea {
	width: 100%;
	line-height: 42px;
	padding:0 18px;
	box-sizing: border-box;
	font-size: 14px;
	color: #333;
	border:none;
	resize: none;
}
.news_banner {
	min-width: 1200px;
	border-bottom: 20px #7f7f7f solid;
	position: relative;
	z-index: 1;
}
.news_banner img {
	display: block;
	width:100%;
	margin: 0 auto;
}
.jjfa_banner {
	min-width: 1200px;
	height: 510px;
	position: relative;
	overflow: hidden;
}
.jjfa_banner img {
	display: block;
	width: 689px;
	margin:162px auto 0;
}
.jjfa_banner.ban47 {
	background: url(img/banbg47.jpg) no-repeat center center;
	background-size: 100% 100%;
}
.jjfa_banner.ban48 {
	background: url(img/banbg48.jpg) no-repeat center center;
	background-size: 100% 100%;
}
.jjfa_banner.ban49 {
	background: url(img/banbg49.jpg) no-repeat center center;
	background-size: 100% 100%;
}
.jjfa_banner.ban50 {
	background: url(img/banbg50.jpg) no-repeat center center;
	background-size: 100% 100%;
}
.jjfa_banner.ban51 {
	background: url(img/banbg51.jpg) no-repeat center center;
	background-size: 100% 100%;
}
.news_list {
	min-width: 1200px;
	padding: 120px 0 60px;
	background-color: #292f33;
	overflow: hidden;
}
.news_list li {
	margin-bottom: 30px;
	padding: 30px;
	background-color: #494e51;
	height: 242px;
	overflow: hidden;
}
.news_list .con {
	float: left;
	width: 666px;
	overflow: hidden;
}
.news_list h4 {
	display:block;
	color: #3bd2f3;
	font-size: 26px;
	line-height: 55px;
	height: 55px;
	padding-top: 10px;
	overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;
}
.news_list h4 a {
	color: #3bd2f3;
}
.news_list p {
	font-size: 18px;
	color: #fff;
	line-height: 32px;
	overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
}
.news_list i {
	display:block;
	font-size: 14px;
	color: #fff;
	opacity: 0.7;
	padding-top: 30px;
}
.news_list .img {
	float: right;
	overflow: hidden;
}
.news_list .img img {
	width: 403px;
	height: 242px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.news_list li:hover .img img {
	-webkit-transform:scale(1.10);
	-moz-transform:scale(1.10);
	transform:scale(1.10);
}
.service_banner {
	min-width:1200px;
	height: 574px;
	background: url(img/fwxm_bbg.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.service_banner.ban41 {
	background: url(img/banbg41.jpg) no-repeat center center;
	background-size: cover;
}
.service_banner.ban42 {
	background: url(img/banbg42.jpg) no-repeat center center;
	background-size: cover;
}
.service_banner.ban43 {
	background: url(img/banbg43.jpg) no-repeat center center;
	background-size: cover;
}
.service_banner.ban44 {
	background: url(img/banbg44.jpg) no-repeat center center;
	background-size: cover;
}
.service_banner.ban46 {
	background: url(img/banbg46.jpg) no-repeat center center;
	background-size: cover;
}
.service_banner img {
	position:absolute;
	left: 50%;
	margin-left: -340px;
	top: 225px;
}
 video::-webkit-media-controls-enclosure {
overflow:hidden;
}
video::-webkit-media-controls-panel {
width: calc(100% + 30px);
}
.main05 {
	background-color:#f7f7f7;
	padding: 70px 0 47px;
}
.service_type li {
	float:left;
	width: 280px;
	height: 280px;
	background-color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
	overflow: hidden;
	margin: 0 26px 23px 0;
}
 .service_type li:nth-child(4n+4) {
margin-right:0;
}
.service_type li:hover {
	border:2px solid #41bcfe;
	width:276px;
	height:276px;
}
.contact_info b:hover {
	color:#41bcfe
}
.contact_info p:hover {
	color:#41bcfe
}
.case_more a:hover {
	background:#41bcfe;
	border-radius:15px;
	color:#fff;
}
.case_more a i:hover {
	color:#fff;
	background-image: -webkit-linear-gradient(left, #fff, #fff);
}
.idea .list li:hover {
	background:#41bcfe;
	border-radius:10px;
}
.service_type a {
	display:block;
	height: 100%;
	text-align: center;
}
.service_type i {
	display:block;
	height: 143px;
	padding-top: 15px;
	line-height: 134px;
}
.service_type i img {
	display:inline-block;
	vertical-align: middle;
}
.service_type b {
	display:block;
	font-size: 26px;
	color: #676767;
	line-height: 50px;
}
.service_type p {
	font-size: 16px;
	color: #676767;
	line-height: 30px;
	font-weight: 600;
}
.projects div:hover {
	height:88px;
}
.main06 {
	padding: 70px 0 0;
}
.production_advantages li {
	position:relative;
	height: 323px;
	margin-bottom: 37px;
	overflow: hidden;
}
.production_advantages li.on {
	text-align:right;
}
.production_advantages div {
	position:absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 35px 70px;
	width: 450px;
}
.production_advantages h4 {
	display:block;
	font-size: 30px;
	color: #3bd2f3;
	line-height: 60px;
}
.production_advantages b {
	display:block;
	font-size: 18px;
	color: #3bd2f3;
	line-height:35px;
}
.production_advantages p {
	font-size: 16px;
	color: #fff;
	line-height: 36px;
	padding-top: 25px;
}
.main07 {
	padding: 15px 0 60px;
}
.step .s_title {
	text-align:center;
	color:#333;
	padding-bottom:55px;
}
.step .s_title h2 {
	display:block;
	font-size: 26px;
	line-height:40px;
}
.step .s_title p {
	font-size: 16px;
	line-height:32px;
}
.step .s_con {
	display: -webkit-flex;
	-webkit-justify-content: center;
	padding-bottom: 40px;
}
.step .s_con li {
	overflow:hidden;
	text-align:center;
}
.step .s_con span, .step .s_con .line {
	display:block;
	width: 52px;
	height:2px;
	background-color:#333;
	margin-top: 32px;
}
.step .s_con b, .step .s_con strong {
	margin-bottom: 10px;
	display:block;
	width:164px;
	height:64px;
	line-height:64px;
	text-align:center;
	font-size:26px;
	color:#000411;
	font-weight:400;
	background:url(img/img_35.jpg) no-repeat;
	background-size: 100% 100%;
}
.step .s_con .img {
	width:164px;
	margin-top:10px;
	text-align:center;
	height:80px;
	line-height:80px;
}
.step .s_con img {
	display:inline-block;
	vertical-align:middle;
	margin-top: 10px;
}
.step .s_con .img02 {
	display:none;
}
.step .s_con h4 {
	width:164px;
	display:block;
	margin-top: 10px;
	text-align: center;
	font-size:16px;
	color:#333;
	font-weight:400;
	line-height: 40px;
}
.step .s_con p {
	width:164px;
	font-size: 16px;
	color:#666;
	line-height:26px;
}
.step .s_con li:hover b, .step .s_con li:hover strong {
	color: #fff;
	background:url(img/img_36.jpg);
}
.step .s_con li:hover .img01 {
	display:none;
}
.step .s_con li:hover .img02 {
	display:inline-block;
}
.step .s_con li:hover h4 {
	color: #2d9ed0;
	background-image: -webkit-linear-gradient(left, rgb(62, 199, 211), rgb(50, 163, 209));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.main08 {
	background:url(img/img_37.jpg) no-repeat center top;
}
.advantage .c_title, .idea .c_title {
	text-align:center;
	padding-top:45px;
}
.advantage .c_title h2 {
	display:block;
	font-size: 34px;
	line-height:55px;
	color: #2d9ed0;
	background-image: -webkit-linear-gradient(left, rgb(62, 199, 211), rgb(50, 163, 209));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.advantage .c_title p, .idea .c_title p, .guiest .c_title p {
	font-size:18px;
	color:#fff;
	line-height:40px;
}
.case_more {
	padding:80px 0 63px;
}
.case_more a {
	display:block;
	margin:0 auto;
	width:164px;
	height:47px;
	line-height:47px;
	text-align:center;
	font-size: 20px;
	background-image:url(img/img_12.png);
}
.case_more a i {
	color: #2d9ed0;
	background-image: -webkit-linear-gradient(left, rgb(62, 199, 211), rgb(50, 163, 209));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.main09 {
	background:url(img/img_10.jpg) repeat-y;
	background-size:100% auto;
	padding:0 0 65px;
}
.idea .c_title {
	padding-bottom:40px;
}
.idea .c_title h2, .guiest .c_title h2 {
	display:block;
	font-size: 26px;
	line-height:45px;
	color:#fff;
}
.idea .list li {
	float:left;
	width:280px;
	height:150px;
	text-align:center;
	background-image:url(img/img_13.png);
	color:#fff;
	margin-right:26px;
	overflow:hidden;
}
.idea .list li:last-child {
	margin-right:0;
}
.idea .list b {
	display:block;
	font-size: 18px;
	font-weight:400;
	line-height:30px;
	padding-top:50px;
}
.idea .list p {
	font-size:14px;
	line-height:22px;
}
.main10 {
	background-color:#f7f7f7;
}
.whitebg {
	background: #fff;
}
.guiest {
	padding:50px 0 0px;
}
.guiest .c_title {
	text-align:center;
	padding-bottom:30px;
}
.guiest .c_title h2, .guiest .c_title p {
	color:#333;
}
.guiest .list {
	border:2px #2d9ed0 solid;
	border-left:none;
}
.guiest .list li {
	border-left:2px #2d9ed0 solid;
	float:left;
	height:276px;
	width:236px;
	overflow:hidden;
}
.guiest .list .img {
	height:197px;
	overflow:hidden;
}
.guiest .list .img img {
	margin: 32px auto;
	box-shadow:0 0 20px rgba(0, 0, 0, 0.1);
}
.guiest .list .con {
	height:79px;
	text-align:center;
	color:#fff;
	background-color:rgba(0, 0, 0, 0.3);
}
.guiest .list h4 {
	display:block;
	font-size:24px;
	line-height:35px;
	padding-top:7px;
}
.guiest .list p {
	font-size:20px;
	line-height:30px;
}
.product_banner {
	border-bottom:none;
	z-index: 1;
}
.case_banner {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
.case_banner.ban52 {
	background: url(img/banbg52.jpg) no-repeat;
	background-size: 100% 100%;
}
.case_banner.ban53 {
	background: url(img/banbg53.jpg) no-repeat;
	background-size: 100% 100%;
}
.case_banner.ban54 {
	background: url(img/banbg54.jpg) no-repeat;
	background-size: 100% 100%;
}
.case_banner.ban55 {
	background: url(img/banbg55.jpg) no-repeat;
	background-size: 100% 100%;
}
.case_banner.ban56 {
	background: url(img/banbg56.jpg) no-repeat;
	background-size: 100% 100%;
}
.case_banner img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.case {
	min-width:1200px;
	background:#151628 url(img/img_40.jpg) no-repeat center top;
}
.case_slect {
	padding:33px 0 49px;
	background-color:rgba(255, 255, 255, 0.15);
}
.case_slect b {
	display:block;
	width:450px;
	font-size:30px;
	color:#fff;
	line-height:75px;
	background:url(img/img_10.jpg) no-repeat left bottom;
	background-size:100% 4px;
}
.case_slect ul {
	padding-top:5px;
}
.case_slect li {
	position:relative;
	padding-left:150px;
	min-height:60px;
	margin-top:20px;
	padding-top:10px;
}
.case_slect label {
	position:absolute;
	left:0;
	top:0;
	width:150px;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:24px;
	color:#fff;
	background-image:url(img/img_41.jpg);
}
.case_slect span {
	display:block;
	float:left;
	height:40px;
	margin-bottom:10px;
}
.case_slect span i {
	display:block;
	width:10px;
	height:2px;
	background-color:#2d9ed0;
	overflow:hidden;
	margin-top:19px;
}
.case_slect em {
	float:left;
	margin-bottom:10px;
	width:130px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:18px;
	color:#fff;
	background-image:url(img/img_14.png);
}
.case_all {
	padding:30px 0 30px;
}
.case_all .intro {
	text-align: center;
	font-size: 18px;
	line-height: 40px;
	color: #fff;
}
.main11 {
	background:url(img/img_43.jpg) no-repeat center top;
	padding:138px 0 108px;
}
.contact_tel {
	height:505px;
	padding-bottom:50px;
	overflow:hidden;
}
.contact_tel img.fl {
	width:695px;
}
.contact_info {
	position:relative;
	float:right;
	width:483px;
	height:505px;
	background-color:#fff;
}
.contact_info > img {
	position:absolute;
	left:-13px;
	top:50%;
	margin-top:-13px;
}
.contact_info ul {
	padding:20px 60px 0 45px;
}
.contact_info li {
	padding:37px 0;
}
 .contact_info li:not(:last-child) {
border-bottom:2px #999 dashed;
}
.contact_info b {
	display:block;
	font-size:26px;
	color:#333;
	line-height:50px;
	padding-left:43px;
	background-position:left center;
	background-repeat:no-repeat;
}
.contact_info p {
	font-size:26px;
	color:#333;
	line-height:40px;
	font-weight:600;
}
.contact_address >ul > li {
	float:left;
	width:380px;
	margin-right:30px;
	overflow:hidden;
}
.contact_address >ul > li:last-child {
	margin-right:0;
}
.contact_address .img {
	position:relative;
	overflow:hidden;
}
.contact_address .img img {
	width:100%;
}
.contact_address .img02 {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:505px;
	z-index:3;
}
.contact_address .img h4 {
	position:absolute;
	left:0;
	right:0;
	top:195px;
	text-align:center;
	color:#fff;
	font-size:34px;
	line-height:50px;
}
.contact_address .img i {
	display:block;
	font-size:24px;
}
.contact_address li:hover .img02 {
	display:block;
}
.contact_address .con {
	position:relative;
	height:380px;
	background-color:#fff;
	margin-top:26px;
	padding:15px 15px 0;
}
.contact_address .con > img {
	position:absolute;
	left:50%;
	margin-left:-10px;
	top:-11px;
}
.contact_address .con li {
	padding:8px 0;
}
.contact_address .con h4 {
	display:block;
	font-size:26px;
	color:#333;
	line-height:70px;
	border-bottom:2px #999 dashed;
}
.contact_address .con b {
	display:block;
	font-size:22px;
	color:#333;
	line-height:40px;
}
.contact_address .con p {
	font-size:14px;
	color:#333;
	line-height:30px;
	padding:5px 0;
}
.contact_address .con p strong {
	font-size: 18px;
}
.main12 {
	position: relative;
	z-index: 33;
	overflow: visible;
	padding: 51px 0 40px;
	background: url(img/img_10.jpg) no-repeat left bottom;
	background-size: 100% 201px;
}
.kecbox .swiper-slide {
	width: 310px;
	height: 260px;
	overflow: hidden;
}
.kecbox .swiper-slide img {
	display: block;
	width: 100%;
}
.kecbox .swiper-slide-active {
	width: 340px;
	height: 300px;
}
.kecbox .swiper-slide .con {
	position:absolute;
	left: 0;
	right:0;
	bottom: 0;
	height: 64px;
	background-color: rgba(0, 0, 0, 0.5);
	text-align: center;
	color: #fff;
	overflow: hidden;
	z-index: 1;
}
.kecbox .swiper-slide h4 {
	display: block;
	font-size: 24px;
	font-weight:400;
	line-height: 32px;
	padding-top: 5px;
}
.kecbox .swiper-slide p {
	font-size: 14px;
}
.main13 {
	padding: 25px 0 75px;
}
.solution {
	padding-top: 40px;
}
.solution p {
	text-align:center;
	font-size: 22px;
	color: #000;
	font-weight: 600;
	line-height: 55px;
}
.solution p i {
	color:#2db3d0;
}
.solution img {
	width: 1000px;
	display: block;
	margin: 40px auto 0;
}
.main14 {
	background: url(img/img_08.jpg) no-repeat center top;
	background-size: 100% 100%;
	padding-bottom: 80px;
}
.main14 .title {
	margin:20px auto 42px;
}
.main16 {
	background: url(img/img_60.jpg) no-repeat;
	background-size: 100% 100%
}
.company_intro img {
	display: unset;
	margin: 0 auto;
}
.company_intro h1 {
	display:block;
	font-size: 34px;
	padding-top: 40px;
	text-align: center;
	color: #3bd2f3;
	line-height: 55px;
}
/*.company_intro p {
	text-indent: 2em;
	font-size: 16px;
	text-align: left;
	line-height: 40px;
	padding-top: 20px;
}*/
.wrapper.txtcenter p em {
	color: #3bd2f3;
}
.wrapper.txtcenter p {
	text-indent: 2em;
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	padding-top: 50px;
}
.attr {
	padding:10px 0px 16px 0px;
	font-size:14px;
	color:#999;
	border-bottom:solid 1px #e9e9e9;
	text-align:center;
}
.company_advantage {
	padding: 40px 0 40px;
}
.about_title {
	text-align:center;
	color: #3bd2f3;
}
.about_title h2 {
	display:block;
	font-size: 26px;
	line-height: 40px;
	background: url(img/img_18.png) no-repeat center center;
}
.about_title p {
	font-size: 16px;
	line-height: 32px;
}
.company_advantage .list {
	background:url(img/img_19.png) no-repeat center 40px;
	background-size: 1200px auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.company_advantage .list li {
	margin-top: 40px;
	width: 580px;
	position: relative;
	text-align: right;
	overflow: hidden;
}
 .company_advantage .list li:nth-child(2n) {
text-align: left;
}
.company_advantage .list img {
	width:100%;
}
.company_advantage .list div {
	position:absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0 35px;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, 1) 100%);
}
.company_advantage .list b {
	display:block;
	font-size: 30px;
	color: #3bd2f3;
	line-height: 75px;
	padding-top: 145px;
}
.company_advantage .list p {
	font-size:16px;
	color: #fff;
	line-height: 32px;
}
.company_advantage .list li:hover {
	border:2px solid #41bcfe;
	width:576px;
	height:368px;
}
.our_coop {
	background:#fff;
	padding:40px 0 150px 0;
}
.our_coop .list {
	padding-top:40px;
}
.our_coop .list li {
	float: left;
	width: 25%;
	text-align: center;
	height: 144px;
	line-height: 144px;
	overflow: hidden;
}
.our_coop .list li a {
	display:inline-block;
	vertical-align: middle;
}
.page {
	width:100%;
	height:40px;
	padding:10px 0;
	margin-top:20px;
	color:#ffffff;
}
.page ul {
	text-align:center
}
.page .firstPage {
	width: 30px;
}
.page ul li {
	display:inline-block;
	line-height: 25px;
	height: 25px;
	margin-left: 5px;
	font-size: 12px;
	border: 1px solid #E9E9E9;
	padding: 0px 10px;
	width: auto;
	color:#ffffff;
}
.ccH5playerBox {
	background:none!important;
}
.ccH5playerBox section {
	display:none!important;
}
.page ul li a {
	color:#ffffff;
}
.page ul li a:hover {
	color:#ffffff;
	text-decoration: none;
}
.page ul li.thisclass, .page ul li.thisclass a, .page ul li.thisclass a:hover {
	background-color: #333;
	color:#ffffff;
}
.ccH5Info {
	font-size: 30px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	display: none;
	color: #FFF;
	text-shadow: 1px 1px 3px #000;
	position: absolute;
	top: 20%;
	left: 50%;
	width: 200px;
	height: auto;
	margin-left: -100px;
	text-align: center;
}
.x-advert, .picAd {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 80;
	font-size: 12px;
	color: #bbbbbb;
	-webkit-user-select: none;
	z-index: 10;
}
.page .pageinfo {
	line-height: 25px;
	padding: 12px 5px 10px 5px;
	color:#ffffff;
}
.page select {
	line-height: 25px;
	margin-top: 4px
}
.page .pageinfo strong {
	color:#ffffff;
	font-weight: normal;
	margin: 0px 2px;
}
.loading-more {
	padding:34px 0;
	font-size: 14px;
	text-align: center;
	color: #999;
}
.loading-more p {
	display: none;
}
.loading-more span {
	display: block;
	margin: 0 auto;
	width: 56px;
	height: 44px;
	cursor: pointer;
	background: url(img/icon_down.png) no-repeat;
}
.bgchangjing {
	background: url(img/changjing.jpg) center top no-repeat;
	height: 700px;
	position: relative;
	background-position: center;
	background-size: cover;
}
.bgchangjing .hd_banner_inner {
	padding-top:150px;
	text-align: center;
	color:#fff;
	position:absolute;
	left:50%;
	margin-left:-470px;
}
.bgchangjing .hd_banner_inner p {
	font-size:26px;
	line-height:50px;
	font-weight:500;
	color:#2dc1d0;
	padding-top:60px;
}
.bgchangjing .hd_banner_inner p .kefu {
	background: #2dc1d0;
	font-size: 24px;
	color: #fff;
	margin: 20px;
	padding: 13px 75px;
	line-height: 40px;
}
.bgchangjing .hd_banner_inner h4 {
	font-size:50px;
	font-weight: 700;
	margin: 0px auto 0px;
	line-height: 60px;
}
.bgchangjing .hd_banner_inner span {
	display: block;
	margin:130px auto 0px;
	overflow: hidden;
}
.bgchangjing .hd_banner_inner span a {
	width: 160px;
	background: rgba(255, 255, 255, 0.3);
	font-size: 24px;
	color: #fff;
	margin: 20px;
	padding: 5px 30px;
	border-radius: 40px;
	line-height:50px;
}
.changjing {
	background:#292f33;
	padding:60px 0px 100px 0px;
	text-align:center;
	color:#fff;
	font-size:14px;
	background-size:cover;
}
.changjing .title div {
	margin: 0 auto 40px;
}
.changjing ul {
	width:1200px;
	margin:0 auto;
	display: -webkit-flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.changjing ul li {
	margin: 10px 0;
	padding: 10px 0 0;
	width: 220px;
	border: solid 2px #FFF;
	height: 124px;
	overflow-x: hidden;
	overflow-y: hidden;
	cursor: pointer;
}
.changjing ul .twol {
	width:464px;
}
.changjing ul li h2 {
	font-size:26px;
	color:#fff;
	font-weight: normal;
	line-height:60px;
}
.changjing ul li p {
	font-size:16px;
	font-weight: normal;
	line-height:40px;
}
.changjing ul li hr {
	width:70%;
	line-height:10px;
	border:none;
	height:1px;
	background-color:#fff;
}
.changjing ul li:hover {
	background:url(img/hoverbg.jpg) no-repeat;
	background-size: 100% 100%;
	color:#fff;
}
.changjing ul li:hover hr {
	background-color:#fff;
}
.changjing ul li a {
	color:#fff;
}
.changjing ul li:hover a {
	color:#fff;
}
.wrap_tle {
	padding:60px 0px 50px 0px;
	line-height:35px;
	font-size:14px;
	text-align:center;
	background: #f1f1f1;
}
.wrap_tle h1 {
	font-size:36px;
	font-weight:lighter;
	padding:0px 0px 10px 0px;
}
.black {
	color:#000;
}
.blue {
	color:#00A2EB;
}
.hr {
	width:400px;
	margin:0 auto;
}
.gray {
	color:#666
}
.white {
	color:#fff;
}
.bgwhite {
	background:#fff;
	overflow: hidden;
}
.bgblack {
	background:#000;
	overflow: hidden;
}
.bggray {
	background:#f1f1f1;
	overflow: hidden;
}
.cwhat {
	width:1200px;
	margin:0px auto 50px;
	text-align:center;
	overflow:hidden;
}
.cwhat ul {
	display: flex;
	justify-content: space-between;
}
.cwhat li {
	width: 156px;
	height: 188px;
	padding-top: 3px;
	cursor: pointer;
	background: url(img/borderbg.png) no-repeat;
}
.cwhat li em {
	width: 150px;
	display: block;
	height: 140px;
	overflow: hidden;
	font-size: 0;
	background: url(img/nzsm.png) no-repeat;
}
.cwhat li p {
	width: 156px;
	height: 45px;
	line-height: 45px;
	margin:0 auto;
	font-size: 14px;
	color: #666;
}
.cwhat li:hover p {
	background: url(img/hoverbg.jpg) no-repeat;
	background-size: 100% 100%;
	color: #fff;
}
 .cwhat li:nth-child(2) em {
 background-position: 0 -140px;
}
 .cwhat li:nth-child(3) em {
 background-position: 0 -280px;
}
 .cwhat li:nth-child(4) em {
 background-position: 0 -420px;
}
 .cwhat li:nth-child(5) em {
 background-position: 0 -560px;
}
 .cwhat li:nth-child(6) em {
 background-position: 0 -700px;
}
.cliucheng {
	width:1200px;
	margin:0px auto 50px;
	text-align:center;
	overflow:hidden;
}
.cliucheng ul li {
	float:left;
	width:150px;
	height:155px;
	font-size:0;
	margin:0 auto;
	display:block;
}
.cliucheng ul li .round-wrap {
	width:100%;
	height:100px;
	display:block;
	float:left;
}
.cliucheng ul li .round-wrap img {
	width:94px;
	height:94px;
	display: block;
	margin:0 auto;
	transition: 1s all;
}
.cliucheng ul li p {
	font-style: normal;
	display: block;
	font-size: 14px;
	line-height: 65px;
	text-align:center;
	font-weight:600;
}
.cliucheng ul li:hover img {
	transform:rotate(360deg)
}
.cjliucheng {
	width:1200px;
	margin:10px auto 30px;
	text-align:center;
}
.cjliucheng ul li {
	margin:20px 0;
}
.cjliucheng ul li h1 {
	font-size:36px;
	font-weight: normal;
	line-height:80px;
	color:#000;
}
.cjliucheng ul li p {
	font-size:16px;
	font-weight: normal;
	line-height:60px;
}
.cjliucheng ul li hr {
	width:10%;
	line-height:10px;
	border:none;
	height:3px;
	background-color:#019CE5;
}
.cjliucheng .round-inline {
	overflow:visible;
	float:left;
	width:100%;
	padding-top:40px;
}
.cjliucheng .round-inline+.clearfix {
	margin-bottom:-5px
}
.cjliucheng .round-inline li {
	float:left;
	width:240px;
	padding-top: 186px;
	font-size:0;
	margin:0 auto;
	display:block;
	background:url(img/changjing2.png) no-repeat;
}
.cjliucheng .round-inline li p {
	text-align: center;
	width: 186px;
	color: #000;
	font-size: 18px;
	line-height: 30px;
}
.cjliucheng .round-inline li span {
	display: block;
	text-align: center;
	width: 186px;
	color: #666;
	font-size: 12px;
}
.cjliucheng .round-inline li.pic3 p, .cjliucheng .round-inline li.pic3 span {
	margin-left: 20px;
}
.cjliucheng .round-inline li.pic4 p, .cjliucheng .round-inline li.pic4 span {
	margin-left: 50px;
}
.cjliucheng .round-inline li.pic5 p, .cjliucheng .round-inline li.pic5 span {
	margin-left: 82px;
	width: 140px;
}
.cjliucheng .round-inline li.pic1 {
	background-position:0px 0px;
}
.cjliucheng .round-inline li.pic1:hover {
	background-position:0px -284px;
}
.cjliucheng .round-inline li.pic2 {
	background-position:-240px 0px;
}
.cjliucheng .round-inline li.pic2:hover {
	background-position:-240px -284px;
}
.cjliucheng .round-inline li.pic3 {
	background-position:-480px 0px;
}
.cjliucheng .round-inline li.pic3:hover {
	background-position:-480px -284px;
}
.cjliucheng .round-inline li.pic4 {
	background-position:-720px 0px;
}
.cjliucheng .round-inline li.pic4:hover {
	background-position:-720px -284px;
}
.cjliucheng .round-inline li.pic5 {
	background-position:-960px 0px;
}
.cjliucheng .round-inline li.pic5:hover {
	background-position:-960px -284px;
}
.changjing3 {
	background: url(img/changjing3.jpg) center center no-repeat;
	position: relative;
	background-size: cover;
	overflow: hidden;
}
.changjing31 {
	width:1400px;
	margin:50px auto;
	text-align:center;
	color:#fff;
	font-size:14px;
}
.changjing31 img {
	display: block;
	margin: 0 auto;
}
.yslst {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1200px;
	margin:40px auto 0;
	height: 351px;
	background: url(img/changjing33.png) no-repeat;
}
.yslst li {
	width: 316px;
	padding-top: 112px;
	font-size: 16px;
	color: #fff;
	text-align: center;
}
 .yslst li:nth-child(1), .yslst li:nth-child(4) {
margin-right: 50px;
}
 .yslst li:nth-child(3), .yslst li:nth-child(6) {
margin-right: 69px;
}
.hunajing {
	padding: 40px 45px 0;
	width:1110px;
	margin:0 auto;
	position: relative;
	z-index: 1;
}
.hunajing .swiper-slide {
	width: 356px;
}
.hunajing .swiper-slide img {
	display: block;
	width: 180px;
}
.swiper-button-next {
	right:-5px;
}
.swiper-button-prev {
	left: -5px;
}
.bggray {
	background: #f1f1f1;
	width: 1200px;
	padding: 40px 0;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.roundabout-holder {
	width: 1200px;
	height: 350px;
	margin: 0 auto;
}
.kecheng {
	width: 1200px;
	height: 300px;
	margin:-100px auto 0;
}
.fancase {
	background: url(img/img_08.jpg) no-repeat center bottom;
	background-size: 100% auto;
	padding-bottom: 80px;
}
.case-list2 {
	width: 100%;
	position: relative;
	z-index: 1;
}
.case-list2 li {
	float: left;
	width: 300px;
	height: 300px;
	border: 4px solid rgba(255, 255, 255, .1);
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	z-index: 1;
}
.case-list2 li img {
	display: block;
	width: 100%;
	height: 100%;
}
 .case-list2 li:nth-child(3) {
 width: 600px;
 height: 600px;
}
 .case-list2 li:nth-child(4) {
 position: absolute;
 left: 0;
 top: 300px;
}
 .case-list2 li:nth-child(5) {
 position: absolute;
 left: 300px;
 top: 300px;
}
 .case-list2 li:nth-child(6), .case-list2 li:nth-child(8) {
 width: 360px;
}
 .case-list2 li:nth-child(7), .case-list2 li:nth-child(9) {
 width: 240px;
}
.case-list2 li em {
	display: none;
}
.case-list2 li .cont {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: rgba(0, 0, 0, .3);
	font-size: 14px;
	color: #fff;
	width: 100%;
}
.case-list2 li:hover {
	border:4px solid #2d9ed0;
}
.case-list2 li:hover em {
	display: block;
	position: absolute;
	left: 50%;
	top: 48%;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	margin-top: -40px;
	background:url(img/img_07.png) no-repeat;
	background-size: 100% 100%;
}
.animamask {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background: rgba(0, 0, 0, .6);
	display: none;
}
.animamask .img {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: 540px;
	height: 300px;
	margin-left: -270px;
	margin-top: -150px;
	transform: translateY(-500px) scale(0);
}
.animamask.active {
	display: block;
}
.animamask.active .img {
	animation: upfadein 2s ease-in forwards, sake 3s 2s linear;
}
.animamask .img img {
	display: block;
	width: 100%;
}
.animamask span {
	display: block;
	position: absolute;
	top: -64px;
	z-index: 2;
	right: -64px;
	width: 44px;
	height: 44px;
}
.animamask a {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
 @keyframes upfadein {
 0% {
transform: translateY(-500px) scale(0);
}
 100% {
transform: translateY(0px) scale(1);
}
}
 @keyframes sake {
 0% {
transform: translateY(0px);
}
 20% {
transform: translateY(-15px);
}
 40% {
transform: translateY(5px);
}
 60% {
transform: translateY(-10px);
}
 80% {
transform: translateY(3px);
}
 100% {
transform: translateY(0px);
}
}