* {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
}

@font-face {

	font-family: 'iconfont';
	/* project id 812352 */

	src: url('../other/font_812352_2loxhm8kpt3.eot');

	src: url('../other/font_812352_2loxhm8kpt3.eot?#iefix') format('embedded-opentype'),

	url('../other/font_812352_2loxhm8kpt3.woff') format('woff'),

	url('../other/font_812352_2loxhm8kpt3.ttf') format('truetype'),

	url('../other/font_812352_2loxhm8kpt3.svg#iconfont') format('svg');

}



html {
	width: 100%;
	height: 100%;
	overflow: auto;
}

body {
	width: 100%;
	min-width: 1200px;
	/*padding-top: 60px;*/
	position: absolute;
	/*height: 100%;*/
	overflow: hidden;
	box-sizing: border-box;
}

.reservation {
	background: url(../images/bg3.png);
	width: 100%;
	height: 240px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	/* margin: 40px auto 0; */
}

.trialListening {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
	color: #fff;
	font-weight: 600;
	height: 100px;
}

.probation {
	font-size: 22px;
}

.contactInformation {
	font-size: 16px;
	padding-left: 20px;
	font-weight: 400;
}

.consultingService {
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px;
}

.nameid {
	height: 45px;
	padding-left: 10px;
}

.telephoneid {
	height: 45px;
	padding-left: 10px;
	margin-left: 10px;
}

.buttonid {
	width: 100px;
	height: 45px;
	margin-left: 10px;
	font-weight: 600;
	color: #253360;
	background-color: #fff;
}

.login_img {
	display: flex;
	width: 15%;

	align-items: center;
}

.login_input {
	background: none;
	padding-left: 10px;
	color: #1D2129;
}

.login_peixun {
	width: 10%;
	height: 35px;
	background: #3370FF;
	border-radius: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
}

.wraps {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.clearfloat:after {
	display: block;
	content: "";
	clear: both;
	overflow: hidden;
}

.clearfloat {
	*zoom: 1;
}

.clearfloat:before,
.clearfloat:after {
	content: "";
	display: table;
	line-height: 0;
	visibility: hidden;
}

.clearfloat:after {
	clear: both;
}

.topbox {
	position: fixed;
	width: 100%;
	min-width: 1200px;
	height: 80px;
	z-index: 600;
	left: 0;
	top: 0;
	transition: all 0.3s;
}
.l-header,.click-header {
	background: rgba(255,255,255,1) !important;

}
.topbox:hover{
	/*background: rgba(255,255,255,1);*/
}
.head {
	height: 80px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	/*justify-content: center;*/
}

/*.nav > ul > li::before{*/
/*	content: '';*/
/*	width: 10px;*/
/*	height: 6px;*/
/*	background-image: url("../images/nav_down.png");*/
/*	background-color: transparent;*/
/*	background-size: 100% 100%;*/
/*	background-repeat: no-repeat;*/
/*	position: absolute;*/
/*	left: 66px;*/
/*	top: 28px;*/
/*	opacity: 0;*/
/*}*/
.nav > ul > li:hover::before{
	opacity: 1;
}
.nav > ul > li:first-of-type::before,
.nav > ul > li:nth-child(4)::before{
	display: none;
}
.nav > ul > li.active_li::before{
	transform: rotate(180deg);
}
.nav > ul > li.active_li::before{
	opacity: 1;
}

.topbox .mask-bg{
	position: fixed;
	width: 100%;
	height: 100vh;
	opacity: 0;
	z-index: -1;
	visibility: hidden;
}
.topbox .mask-bg.show{
	transition: all 0.5s;
	opacity: 1;
	background: rgba(0,0,0,.5);
	visibility:visible;
}

.logo {
	width: 500px;
	height: 80px;
	/* float: left; */
	display: flex;
	align-items: center;
	/* justify-content: center; */
}

.logo span {
	display: block;
	margin-top: 20px;
	margin-left: 17px;
	float: left;
	width: 201px;
	height: 23px;
	line-height: 23px;
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	text-align: left;
}

.logo em {
	display: block;
	float: left;
	margin-top: 12.39px;
	width: 227px;
	height: 57px;
}

.nav {
	float: right;
}

.nav li {
	float: left;
	position: relative;
	margin: 0px 30px;
	line-height: 80px;
	font-size: 16px;
	height: 80px;
	font-weight: 600;
}
.l-header .nav li>a {
	display: block;
	color: #161B2E!important;
}
.nav li>a {
	display: block;
	color: #FFF;
}

.nav li:after {
	/* transition: all .3s ease-in; */
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3px;
	width: 100%;
	/* background: none; */
}

.nav li.active:after {
	background-color: #3370FF;
	/* background: -webkit-linear-gradient(left, #0D70FE, #05A9FF); */
	/* background: -moz-linear-gradient(left, #0D70FE, #05A9FF);
	background: -ms-linear-gradient(left, #0D70FE, #05A9FF);
	background: -o-linear-gradient(left, #0D70FE, #05A9FF);
	background: linear-gradient(left, #0D70FE, #05A9FF); */
}

.nav li:hover:after {
	/* background-color: #FF7B00; */
	/* background: -webkit-linear-gradient(left, #0D70FE, #05A9FF);
	background: -moz-linear-gradient(left, #0D70FE, #05A9FF);
	background: -ms-linear-gradient(left, #0D70FE, #05A9FF);
	background: -o-linear-gradient(left, #0D70FE, #05A9FF);
	background: linear-gradient(left, #0D70FE, #05A9FF); */
}

.nav .active>a {
	/* color: #FF7B00; */
}
.nav li.active a {
	color: #3370FF;
}

.nav li:hover a {
	color: #3370FF;
	/* color: #048EF6; */
		cursor: default!important;
}

.nav_down {
	position: fixed;
	box-sizing: border-box;
	top: 80px;
	left: 0;
	width: 100%;
	background: #fff;
	text-align: center;
	padding: 0 40px;
	display: none;
	box-shadow: 0 1px 15px 0 #1a20281a;
	border-radius: 0 0 4px 4px;
}

.nav_down a {
	color: #000;
	font-size: 16px;
}

.nav_down p {
	float: left;
	padding-left: inherit;
}

.nav li:hover .nav_down a {
	color: #000;
}

.nav_down a {
	display: block;
}

.nav_down_nav{
	display: flex;
	width: 1200px;
	margin: 0 auto;
	min-height: 300px;
	padding: 30px 0;
}
.nav_down_nav_ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.nav_down_nav_ul_li{
	width: 100%;
	margin-right: 20px;
}
.nav_down_nav_ul_li:last-of-type{
	margin-right: 0;
}
.nav_down_nav_ul_li_title{
	font-size: 20px;
	line-height: 20px;
	padding-bottom: 14px;
	position: relative;
	text-align: left;
	border-bottom: 1px solid #d4d4d4;
	font-weight: normal;
}

.nav_down_nav_ul_li ul li {
	height: auto;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	width: 200px;
	margin: 0 0 15px;
}
.nav_down_nav_ul_li ul{
	margin-top: 22px;
}

.nav li .nav_down a:hover {
	color: #3370FF;
	/* color: #048EF6; */
}

/*top*/

.banner {
	width: 100%;
	height: 640px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

.bannerul li {
	height: 640px;
	position: relative;
	float: left;
	overflow: hidden;
}

.bannerul img {
	width: 100%;
	display: block;
	z-index: 10;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}

.ban_text {
	position: absolute;
	left: 360px;
	top: 355px;
	z-index: 100;
}

.ban_text h2 {
	margin-top: 142px;
	left: 708px;
	margin-bottom: 30px;
	font-weight: 300;
	text-align: center;
	height: 78px;
	line-height: 78px;
	color: rgba(255, 255, 255, 1);
	font-size: 56px;
}

.ban_info {
	margin: 0 auto 32px;
	text-align: center;
	width: 461px;
	height: 60px;
	line-height: 30px;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
}

.ban_more {

}

.ban_more a {
	display: block;
	margin: auto;
	width: 96px;
	height: 36px;
	font-size: 14px;
	line-height: 36px;
	text-align: center;
	border-radius: 8px;
	background-color: #fff;
	font-weight: 500;
	color: #161B2E;
	letter-spacing: 1px;

	/* background: -webkit-linear-gradient(left, #00A1FF, #0680FF, #0B61FF); */
	/* Safari 5.1 - 6.0 */
	/* background: -o-linear-gradient(right, #00A1FF, #0680FF, #0B61FF); */
	/* Opera 11.1 - 12.0 */
	/* background: -moz-linear-gradient(right, #00A1FF, #0680FF, #0B61FF); */
	/* Firefox 3.6 - 15 */
	/* background: linear-gradient(to right, #00A1FF, #0680FF, #0B61FF); */
	/* 标准的语法 */
}

.bannerul {
	width: 20000px;
	position: relative;
	z-index: 10;
}

.num {
	position: absolute;
	bottom: 20px;
	left: 50%;
	z-index: 20;
	transform: translateX(-50%);
}

.num li {
	position: relative;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
	width: 16px;
	cursor: pointer;
	height: 16px;
}

.num li:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-sizing: border-box;
	border: 2px solid rgba(255, 255, 255, 0.5);
}

.num li.active:after {
	border: 2px solid
		/*transparent*/
	rgba(255, 255, 255, 0.5);
}

.num li.active svg {
	opacity: 1;
}

.num li svg {
	opacity: 0;
	position: absolute !important;
	left: -1px !important;
	top: -1px !important;
}

/*banner*/





.pro_box {
	/* margin-top: 70px; */
	/* margin-bottom: 19px; */
	width: 100%;
	overflow: hidden;
	margin: 50px 0;
}

.pro_tit {
	margin: auto;
	/* margin-bottom: 5px; */
	text-align: center;
	height: 42px;
	line-height: 42px;
	color: #04060D;
	font-size: 26px;
	font-weight: 600;
}

.pro_info {
	text-align: center;
	height: 22px;
	line-height: 22px;
	opacity: 0.77;
	color: #04060D;
	font-size: 14px;
}

.learn_more {
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	text-align: center;
	color: #3370FF !important;
	border: 1.8px solid #E50113;
	width: 135px;
	margin-bottom: 5px;
	margin: 0 auto;
	margin-top: 15px;
	border-radius: 5px;
}

.pro_list {
	margin-top: 60px;
	width: 75%;
	margin: 40px auto 0;
	/* display: flex; */
}

.year {
	display: flex;
	height: 50px;
	margin-left: 30px;
	justify-content: center;
}

.year_number {
	font-weight: 700;
	font-size: 40px;
	color: #23457F;
}

.year_img {
	width: 8px;
	height: 8px;
	position: relative;
	top: 15px;
	padding-left: 5px;
}

.develop {
	line-height: 75px;
	font-size: 15px;
	/* width: 50px; */
	text-align: end;
	padding-left: 5px;
}

.pro_list li {
	/* width: 14%; */
	/* float: left; */
}

.service {
	background: url(../images/cp.png);
	width: 25%;
	height: 640px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	/* margin: auto; */
	transition: all .3s ease-in;
}

.bk_img {
	padding: 60px 25px;
}

.digitization {
	font-size: 20px;
	color: #ccc;
}

.innovate {
	padding-top: 40px;
	font-size: 25px;
	font-weight: 600;
	color: #fff;
}


.background {
	background: url(../images/background.png);
	/* width: 25%; */
	width: 100%;
	height: 500px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	/* text-align: center; */
	/* transition: all .3s ease-in; */
	margin: 40px auto 0;
}

.background1 {
	width: 100%;
	height: 500px;
	margin: 40px auto 0;
}

.mores {
	width: 20%;
	background: #fff;
	opacity: 0.7;
	padding: 7px 8px;
	border-radius: 8px;
	margin-top: 35px;
	font-size: 10px;
	text-align: center;
	color: #161B2E;
}
.conter {
	padding: 40px 0;
}

.names {
	font-size: 34px;
	font-weight: 600;
}

.details {
	color: #9b9595;
	padding-top: 15px;
	font-size: 18px;
}

.check {
	color: #FF7B00 !important;
	margin-top: 65px;
	font-size: 18px;
	border: 1.5px solid #FF7B00;
	width: 40px;
	padding: 5px 25px;
	border-radius: 5px;
	margin: 60px auto;
}

/* .check a:hover{
} */


.pro_top {
	transition: all .3s ease-in;
	background: url(../images/probj1.png)no-repeat;
	width: 63px;
	height: 72px;
	margin: auto;
}

.pro_top a {
	font-size: 25px;
	display: block;
	width: 100%;
	height: 100%;
	color: #cccccc;
	line-height: 72px;
	text-align: center;
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.pro_list li.active a {
	color: #048EF6;
}

.pro_top:hover a {
	color: #048EF6;
}

.pro_top:hover {
	color: #048EF6;
	background: url(../images/probj2.png)no-repeat;
	background-size: 100%;
}

.pro_list li.active .pro_top {
	color: #048EF6;
	background: url(../images/probj2.png)no-repeat;
	background-size: 100%;
}

.pro_name {
	color: #04060D;
	font-size: 16px;
	height: 22px;
	line-height: 0px;
	color: #04060D;
	font-size: 16px;
}

.pro_list li:hover .pro_name {
	color: #FF7B00;
}

.pro_list li.active .pro_name {
	color: #000000;
	border-bottom: 3px solid #E50113;
	font-weight: 600;
}



/*产业中心*/

.tmcbox {
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	background: #F9FBFF;
}

.tmc {
	display: none;
	/* width: 1105px; */
	margin: auto;
	width: 1200px;
}

.tmc.active {
	display: block;
}

.tmc_pic {
	width: 50%;
	float: left;
	height: 380px;
}

.tmc_pic img {
	display: block;
	width: 160%;
	height: 380px;
	background: #F9FBFF;
}

.tmc_text {
	width: 50%;
	float: left;
	height: 380px;
	background: #F9FBFF;
}

.workshop {
	/* padding-left: 92px; */
	height: 380px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.workshops {
	/* padding-left: 65px; */
	height: 400px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

.generate {
	display: flex;
	align-items: center;
	padding-bottom: 18px;
}

.check_more {
	margin-top: 50px;
	font-size: 10px;
	width: 75px;
	text-align: center;
	border: 1px solid #E50113;
	padding: 5px 6px;
	border-radius: 5px;
	background-color: #FFFFFF;
	font-size: 13px;
}

.more {
	color: #E50113;
}

.tmc_tit {
	font-weight: 600;
	/* margin-top: 49px; */
	/* margin-bottom: 17px; */
	height: 37px;
	line-height: 37px;
	color: rgba(51, 51, 51, 1);
	font-size: 26px;
}

.tmc_info {
	width: 480px;
	line-height: 30px;
	color: rgba(102, 102, 102, 1);
	font-size: 15px;
	padding-top: 10px;
}

.solut_box {
	width: 100%;
	height: 810px;
	position: relative;
	margin-bottom: 51px;
	overflow: hidden;
}

.solu_ban ul {
	position: absolute;
	width: 100%;
	height: 810px;
	z-index: 10;
}

.solu_ban li {
	display: none;
	position: relative;
	width: 100%;
	height: 810px;
	overflow: hidden;
}

.solu_ban li img {
	height: 810px;
	width: auto;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}

.solu_ban .active {
	display: block;
}

.plan_box {
	width: 1200px;
	position: absolute;
	height: 810px;
	left: 50%;
	margin-left: -600px;
	top: 0;
	z-index: 200;
}

.sidebar {
	width: 236px;
	float: left;
	margin-top: 140px;
}

.prev {
	display: none;
	height: 36px;
	cursor: pointer;
	line-height: 36px;
	width: 100%;
	text-align: center;
	background: #1a1a1a;
}

.prev.active {
	display: block;
}

.next {
	display: none;
	height: 36px;
	cursor: pointer;
	line-height: 36px;
	width: 100%;
	text-align: center;
	background: #1a1a1a;
}

.next.active {
	display: block;
}

.next img {
	opacity: 0.5;
	transition: all .3s ease-in;
}

.next:hover img {
	opacity: 1;
}

.prev img {
	opacity: 0.5;
	transition: all .3s ease-in;
}

.prev:hover img {
	opacity: 1;
}

.slide_ban {
	height: 563px;
	overflow: hidden;
	width: 100%;
	background: #000000;
}

.slide_ban li {
	transition: all .3s ease-in;
	height: 94px;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}

.slide_ban a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-left: 25px;
}

.slide_ban li+li a {
	border-top: 1px solid #3a3a3a;
}

.slide_ban li.active {
	background: -webkit-linear-gradient(left, #00D7FF, #0B61FF);
	background: -moz-linear-gradient(left, #00D7FF, #0B61FF);
	background: -ms-linear-gradient(left, #00D7FF, #0B61FF);
	background: -o-linear-gradient(left, #00D7FF, #0B61FF);
	background: linear-gradient(left, #00D7FF, #0B61FF);
}

.slide_ban li.active a {
	border: none;
}

.slide_ban h2 {
	padding-top: 20px;
	margin-bottom: 13px;
	height: 22px;
	line-height: 22px;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
}

.slide_ban li.active a {
	padding-left: 40px;
}

.slide_way {
	height: 20px;
	line-height: 20px;
	color: rgba(198, 198, 198, 1);
	font-size: 14px;
}

.slide_ban li.active .slide_way {
	color: #FFFFFF;
}



.blur_box {
	width: 920px;
	float: right;
}

.blut_top {
	width: 640px;
	text-align: center;
	margin-bottom: 95px;
}

.blut_top h2 {
	margin-top: 52px;
	margin-bottom: 23px;
	text-align: center;
	height: 42px;
	line-height: 42px;
	color: rgba(255, 255, 255, 1);
	font-size: 30px;
}

.blur_info {
	text-align: center;
	height: 22px;
	line-height: 22px;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
}

.blut_ban {
	width: 100%;
	padding-left: 36px;
	box-sizing: border-box;
}

.blut_name {
	height: 33px;
	margin-bottom: 27px;
	line-height: 33px;
	color: rgba(255, 255, 255, 1);
	font-size: 24px;
}

.blur_text {
	margin-bottom: 34px;
	height: 46px;
	line-height: 24px;
	color: #c6c6c6;
	font-size: 14px;
}

.blur_more a {
	display: block;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	color: #FFFFFF;
	width: 159px;
	height: 36px;
	border: 1px solid rgba(255, 255, 255, 1);
}

.blur_more a:hover {
	background: #048EF6;
}

.blur_more {
	margin-bottom: 34px;
}

.point_tit {
	height: 20px;
	margin-bottom: 19px;
	line-height: 20px;
	color: rgba(198, 198, 198, 1);
	font-size: 14px;
}

.point {
	margin-bottom: 45px;
}

.char {
	display: table;
	float: left;
	margin-right: 30px;
	text-align: center;
	width: 152px;
	height: 48px;
	background-color: rgba(33, 33, 33, 1);
	border: 1px solid rgba(151, 151, 151, 1);
}

.char p {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: left;
	padding: 0 11px;
	vertical-align: middle;
}

.char span {
	display: block;
	font-size: 12px;
	color: #FFFFFF;
}

.typi a {
	vertical-align: middle;
	margin-right: 60px;
}

.blut_ban li {
	display: none;
}

.blut_ban li.active {
	display: block;
}

.blut_ban ul {
	height: 440px;
	overflow: hidden;
}

/*解决方案*/

.apply_box {
	width: 1198px;
	margin: auto;
}

.apply_tit {
	text-align: center;
	height: 42px;
	line-height: 42px;
	color: rgba(51, 51, 51, 1);
	font-size: 26px;
	color: #1B3F85;
	font-weight: 600;
}

.apply_list {
	margin-top: 89px;
	margin-bottom: 93px;
}

.apply_list ul {
	width: 1200px;
}

.apply_pic {
	height: 200px;
}

.apply_list li img {
	transition: filter .2s ease-in;
	display: block;
	width: 404px;
	height: 200px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(1);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.apply_list li:hover img {
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
}

.apply_list li.active img {
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
}

.apply_list li {
	overflow: hidden;
	transition: transform 0.3s;
	transform: translateZ(0);
	/*transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);*/
	display: inline-block;
	padding-bottom: 30px;
	box-sizing: border-box;
	background: #FFFFFF;
	width: 390px;
	position: relative;
	z-index: 10;
	top: 0;
	vertical-align: top;
	border-radius: 8px;
	box-shadow: 0px 2px 14px 4px rgba(15, 52, 93, 0.09);
}

.apply_list li.active {
	/*z-index: 100;width: 440px;top: -33px;*/
	z-index: 100;
	transform: scale(1.1);
	padding-bottom: 42px;
	box-shadow: 0 3px 28px 0 rgba(19, 53, 91, 0.24);
}

.apply_list li:nth-child(3) .apply_pic img {
	float: right;
}

.apply_list li:nth-child(3) {
	right: 5px;
}

.apply_list li:nth-child(1) {
	left: 5px;
}

/*.apply_list li.active .apply_pic{height: 240px;}*/

.app_name {
	text-align: center;
	height: 25px;
	line-height: 25px;
	margin-top: 36px;
	color: rgba(136, 136, 136, 1);
	font-size: 18px;
}

.apptext {
	width: 330px;
	margin: auto;
	padding: 0 37px;
	margin-top: 19px;
	height: 170px;
	line-height: 30px;
	color: rgba(136, 136, 136, 1);
	font-size: 14px;
}

/*.apply_list li.active .app_name{height: 28px;line-height: 28px;margin-top: 34.92px; color: rgba(68, 68, 68, 1);font-size: 20px;}*/

/*.apply_list li.active .apptext{height: 175px;padding: 0 40.3px; width: 359px;height: 175px;line-height: 30px;color: rgba(102, 102, 102, 1);font-size: 16px;}*/

.apply_list li a {
	display: block;
}

.apply_list li:nth-child(3) .app_name {
	float: right;
	width: 100%;
}

.apply_list li:nth-child(3) .apptext {
	float: right;
}

/*应用案例*/

.friendbox {
	width: 1200px;
	overflow: hidden;
	box-sizing: border-box;
	padding: 60px 0px 40px 0;
	margin: 0 auto;
}

.fr_tit {
	text-align: center;
	height: 42px;
	line-height: 42px;
	color: rgba(51, 51, 51, 1);
	font-size: 30px;
}

.friend {
	width: 100%;
	/* margin: 20px auto 0; */
	margin: 0 auto;
	padding-top: 25px;
}

.friend ul {
	width: 100%;
	/* margin-left: -50px; */
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
}

.friend li {
	/* float: left; */
	margin: 10px 8px;
	height: 40px;
	/* width: 130px; */
	display: table;
	/* background: aliceblue; */
	text-align: center;
	/* display: flex; */
	width: 15%;
}

.friend li a {
	overflow: hidden;
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.friend img {
	transition: all .3s ease-in;
	width: 130px;
	height: 40px;
	display: block;
	margin: auto;
}

.friend li:hover img {
	transform: scale(1.07);
}

/*合作伙伴*/

.footerbox {
	width: 100%;
	padding-top: 40px;
	box-sizing: border-box;
	background-image: linear-gradient(180deg, #F7F7F7 0%, #ECECEC 100%);
}

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

.imgLogo {
	width: 200px;
	height: 50px;
}

.footer {
	width: 1200px;
	margin: auto;
	display: flex;
	/* height: 295px; */
}

.footernews {
	width: 100%;
	display: flex;
	padding-top: 20px;
	padding-bottom: 30px;
}

.code_pic {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	align-items: center;
}

.code_pic_img {
	width: 100px;
	height: 100px;
}

.scan_it {
	font-size: 14px;
	font-weight: 400;
	padding-top: 8px;
}

.xians {
	border-top: 1px solid #DDE0E4;
	margin: 0 auto;
	width: 1200px;
}

.hot_line {
	width: 342px;
	float: left;
	text-align: center;
}

.hot_tit {
	height: 26px;
	background: url(../images/hot.png)no-repeat;
	padding-left: 36px;
	background-size: 26px;
	background-position: 0;
	box-sizing: border-box;
	margin-bottom: 20px;
	line-height: 26px;
	color: rgba(255, 255, 255, 1);
	font-size: 18px;
}

.call {
	height: 30px;
	line-height: 30px;
	color: rgba(255, 255, 255, 1);
	font-size: 22px;
}

.qqin {
	display: block;
	margin-top: 14px;
	width: 151px;
	height: 45px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 45px;
	text-align: center;
	border-radius: 4px;
	background: -webkit-linear-gradient(left, #00A1FF, #0680FF, #0B61FF);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #00A1FF, #0680FF, #0B61FF);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #00A1FF, #0680FF, #0B61FF);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #00A1FF, #0680FF, #0B61FF);
	/* 标准的语法 */
}

.fast_nav {
	width: 15%;
	/* float: left; */
}

.fast_tit {
	height: 22px;
	margin-bottom: 5px;
	line-height: 22px;
	color: #161B2E;
	font-weight: 600;
	font-size: 15px;
}

.fast_list {
	/* height: 90px; */
	/* width: 260px; */
	line-height: 28px;
	color: rgba(204, 204, 204, 1);
	font-size: 12px;
}

.fast_list a {
	color: rgba(204, 204, 204, 1);
}

.herf_a {
	color: #161B2E !important;
}

.fast_list a:hover {
	color: #048EF6;
}

.contus {
	width: 420px;
	float: left;
}

.code {
	width: 75px;
	float: right;
}

.code img {
	display: block;
	width: 100%;
}

.code_text {
	/* margin-top: 10px; */
	/* text-align: center; */
	height: 22px;
	line-height: 22px;
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
}

.adds {
	color: #161B2E;
	display: flex;
	align-items: center;
}

.code_text {
	color: #161B2E;
}

.copy {
	text-align: center;
	/* border-top: 1px solid #DDE0E4; */
	/* height: 132px; */
	line-height: 50px;
	color: #161B2E;
	font-size: 14px;
	display: flex;
	/* width: 1200px; */
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

/*首页*/

.pro_ban{
	width: 100%;
	height: 440px;
	position: relative;
	z-index: 10;
	background-size: cover;
	background-position: center;
}

.pro_le {
	/* width: 570px;
	float: left; */
}

.good_tit {
	margin-top: 115px;
	margin-bottom: 23px;
	height: 50px;
	line-height: 50px;
	color: rgba(255, 255, 255, 1);
	font-size: 36px;
}

.good_info {
	margin-bottom: 54px;
	width: 569px;
	line-height: 32px;
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
}

.good_more a {
	display: block;
	width: 120px;
	height: 36px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 36px;
	text-align: center;
	border-radius: 4px;
	background: -webkit-linear-gradient(left, #00A1FF, #0680FF, #0B61FF);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #00A1FF, #0680FF, #0B61FF);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #00A1FF, #0680FF, #0B61FF);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #00A1FF, #0680FF, #0B61FF);
	/* 标准的语法 */
}

/*.good_more a:hover{background: #048EF6;}*/

.pro_use {
	/* width: 1146px; */
	margin: auto;
	position: relative;
	height: 320px;
}

.good_pic {
	width: 432px;
	float: right;
	height: 283px;
	position: relative;
	margin-top: 96px;
}

.good1 {
	position: absolute;
	z-index: 100;
	left: 50%;
	top: 50%;
}

.good2 {
	position: absolute;
	left: 50%;
	top: 50%;
}

.good3 {
	position: absolute;
	left: 50%;
	top: 50%;
}

#good1 {
	margin: -123px 0 0 -23px;
	transition: .5s ease-out;
}

#good2 {
	margin: -147px 0 0 -199px;
	transition: .5s ease-out;
}

#good3 {
	margin: -88px 0 0 -188px;
	transition: .5s ease-out;
}

#good1 img,
#good2 img,
#good3 img {
	transform: translate3d(0, 0, 0);
	transition: .3s;
}

/*ban*/

.main {
	width: 100%;
	overflow: hidden;
}

.main-top {
	text-align: center;
	line-height: 90px;
	width: 1200px;
	margin: 0 auto;
	/* border-bottom: 1px solid #D8D8D8; */
}

.main-top span {
	/* display: inline-block; */
	position: relative;
	border-bottom: 3px solid transparent;
	margin: 0 38px;
	cursor: pointer;
	color: rgba(102, 102, 102, 1);
	font-size: 16px;
	padding-bottom: 10px;
}

.main-top span.active {
	border-bottom: 3px solid #048EF6;
	color: #048EF6;
}

.firebox {
	padding-top: 51px;
	box-sizing: border-box;
	width: 1200px;
	/* height: 688px; */
	background-color: #fff;
}

.fire_tit {
	text-align: center;
	margin-bottom: 23px;
	height: 42px;
	line-height: 42px;
	color: rgba(51, 51, 51, 1);
	font-size: 30px;
}

.fire_info {
	text-align: center;
	height: 22px;
	line-height: 22px;
	color: rgba(102, 102, 102, 1);
	font-size: 16px;
}

.fire_ban {
	margin: 37px auto 0;
	width: 1196px;
	overflow: hidden;
	/* height: 443px; */
	background-color: rgba(255, 255, 255, 1);
}

.fir_cut {
	width: 210px;
	float: left;
	/* height: 443px; */
	background: #F7F7F7;
}

.fir_cut li {
	cursor: pointer;
	height: 147.6px;
	width: 100%;
	display: table;
}

/* .fir_cut li:nth-last-child(2) {
	background: #2b2b2b;
} */

/*.fir_cut li:nth-last-child(2).active{background:-webkit-linear-gradient(left,#0D70FF,#0B61FF); background:-moz-linear-gradient(left,#0D70FF,#0B61FF); background:-ms-linear-gradient(left,#0D70FF,#0B61FF); background:-o-linear-gradient(left,#0D70FF,#0B61FF); background:linear-gradient(left,#0D70FF,#0B61FF);}*/

/* .fir_cut li.active {
	background: -webkit-linear-gradient(left, #FF7B00, #FF7B00);
	background: -moz-linear-gradient(left, #FF7B00, #FF7B00);
	background: -ms-linear-gradient(left, #FF7B00, #FF7B00);
	background: -o-linear-gradient(left, #FF7B00, #FF7B00);
	background: linear-gradient(left, #FF7B00, #FF7B00);
} */

.fir_use {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}

.fir_pic {
	font-family: 'iconfont';
	font-size: 20px;
	/* margin-bottom: 20px; */
	color: #161B2E;
	padding-left: 20px;
}

.fire_name {
	height: 20px;
	line-height: 20px;
	/* color: #161B2E; */
	font-size: 16px;
	padding-left: 10px;
}


.fieline_box {
	/* padding-top: 52px; */
	box-sizing: border-box;
	/* width: 824px; */
	float: left;
	margin-left: 40px;
	/* height: 443px; */
	overflow: hidden;
}

.deta_tit span {

	/* padding-left: 11px; */
	box-sizing: border-box;
	display: inline-block;
	height: 22px;
	line-height: 22px;
	color: rgba(51, 51, 51, 1);
	font-size: 16px;
	/* border-left: 3px solid #048EF6; */
}

.deta_tit {
	/* margin-bottom: 20px; */
}

.detail {
	height: 46px;
	margin-bottom: 44px;
	line-height: 24px;
	opacity: 0.88;
	color: rgba(102, 102, 102, 1);
	font-size: 14px;
}

.fun_list li {
	text-align: center;
	float: left;
	box-sizing: border-box;
	line-height: 78px;
	width: 187px;
	height: 80px;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(238, 238, 238, 1);
}

.fun_list li+li {
	margin-left: 20px;
}

.fun_list li span {
	font-family: 'iconfont';
	line-height: 46px;
	text-align: center;
	vertical-align: middle;
	font-size: 21px;
	color: #FFFFFF;
	margin-right: 18px;
	display: inline-block;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: -webkit-linear-gradient(top, #1060FE, #01C1E6);
	background: -moz-linear-gradient(top, #1060FE, #01C1E6);
	background: -ms-linear-gradient(top, #1060FE, #01C1E6);
	background: -o-linear-gradient(top, #1060FE, #01C1E6);
	background: linear-gradient(top, #1060FE, #01C1E6);
}

.fun_list li em {
	vertical-align: middle;
	color: rgba(102, 102, 102, 1);
	font-size: 14px;
}

.firline {
	display: none;
}

.firline.active {
	display: block;
}

/*四个消防*/

.terr_box {
	/* height: 350px; */
	box-sizing: border-box;
	width: 1200px;
	margin: auto;
	padding-top: 60px;
}

.terr_list {
	margin-top: 15px;
}

.terr_list li {
	width: 200px;
	float: left;
	padding-top: 20px;
	box-sizing: border-box;
}

.terr_pic {
	transition: all .3s ease-in;
	font-family: 'iconfont';
	margin-bottom: 35px;
	font-size: 44px;
	color: #888888;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

.terr_name {
	transition: all .3s ease-in;
	height: 28px;
	line-height: 28px;
	color: rgba(102, 102, 102, 1);
	font-size: 16px;
	text-align: center;
}

.put_item .err {
	color: #a40000;
	position: absolute;
	left: 0;
	font-size: 12px;
	display: none;
}

/*平台功能*/

.costbox {
	height: 607px;
	width: 100%;
	/* background: #F5F5F5; */
	padding-top: 51px;
	box-sizing: border-box;
}

.cost_tit {
	text-align: center;
	margin-bottom: 60px;
	height: 42px;
	line-height: 42px;
	color: rgba(51, 51, 51, 1);
	font-size: 30px;
}

.cost {
	width: 1120px;
	margin: auto;
}

.cost_list {
	width: 400px;
	float: left;
	margin-top: 30px;
}

.cost_info {
	height: 20px;
	line-height: 20px;
	color: rgba(102, 102, 102, 1);
	font-size: 14px;
}

.cost_list li+li {
	margin-top: 38px;
}

.cost_name span {
	vertical-align: middle;
}

.cost_name em {
	vertical-align: middle;
	font-family: 'iconfont';
	margin-right: 7px;
	display: inline-block;
	width: 22px;
	color: rgba(4, 142, 246, 1);
	font-size: 16px;
}

.cost_name {
	line-height: 22px;
	color: rgba(4, 142, 246, 1);
	font-size: 16px;
	margin-bottom: 7px;
}

.cost_pic {
	width: 658px;
	float: right;
}

.cost_pic img {
	display: block;
	width: 100%;
}

/*平台价值*/

/* .stress_box {
	width: 700px;
	margin: auto;
	padding-top: 60px;
	box-sizing: border-box;
	height: 617px;
} */

.str_tit {
	text-align: center;
	/* margin-bottom: 55px; */
	height: 42px;
	line-height: 42px;
	color: rgba(51, 51, 51, 1);
	font-size: 30px;
}

.stress {
	width: 700px;
	height: 380px;
	position: relative;
}

.stress img {
	display: block;
	width: 100%;
}

.str_le {
	text-align: left;
	position: absolute;
	background: url(../images/lebj.png)no-repeat;
	width: 310px;
	height: 56px;
	left: -231px;
	top: 74px;
}

.str_le2 {
	text-align: left;
	position: absolute;
	background: url(../images/lebj.png)no-repeat;
	width: 310px;
	height: 56px;
	left: -231px;
	top: 255px;
}

.str_rig2 {
	text-align: right;
	position: absolute;
	background: url(../images/rigbj.png)no-repeat;
	width: 310px;
	height: 56px;
	right: -231px;
	top: 255px;
}

.str_rig {
	text-align: right;
	position: absolute;
	background: url(../images/rigbj.png)no-repeat;
	width: 310px;
	height: 56px;
	right: -231px;
	top: 74px;
}

.str_le span {
	line-height: 49px;
	display: inline-block;
	width: 174px;
	text-align: center;
	left: 1394px;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
}

.str_le2 span {
	line-height: 49px;
	display: inline-block;
	width: 174px;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
}

.str_rig span {
	line-height: 49px;
	display: inline-block;
	width: 174px;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
}

.str_rig2 span {
	line-height: 49px;
	display: inline-block;
	width: 174px;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
}

/*TMC智慧消防云平台*/

.bud_pic {
	width: 432px;
	float: right;
	height: 283px;
	position: relative;
	margin-top: 96px;
}

.bud1 {
	position: absolute;
	z-index: 100;
	left: 50%;
	top: 50%;
}

.bud2 {
	position: absolute;
	left: 50%;
	top: 50%;
}

.bud3 {
	position: absolute;
	left: 50%;
	top: 50%;
}

#bud1 {
	margin: -123px 0 0 -37px;
	transition: .5s ease-out;
}

#bud2 {
	margin: -156px 0 0 -241px;
	transition: .5s ease-out;
}

#bud3 {
	margin: -88px 0 0 -188px;
	transition: .5s ease-out;
}

#bud1 img,
#bud2 img,
#bud3 img {
	transform: translate3d(0, 0, 0);
	transition: .3s;
}

.term_top {
	width: 1200px;
	margin: 0 auto 44px;
}

.term_tit {
	margin-top: 62px;
	text-align: center;
	margin-bottom: 23px;
	height: 42px;
	line-height: 42px;
	color: rgba(51, 51, 51, 1);
	font-size: 30px;
}

.term_info {
	text-align: center;
	margin-bottom: 46px;
	height: 22px;
	line-height: 22px;
	color: rgba(102, 102, 102, 1);
	font-size: 16px;
}

.term_cut {
	text-align: center;
	border-bottom: 1px solid #E5F4FF;
}

.term_cut span {
	display: inline-block;
	cursor: pointer;
	margin: 0 36px;
	padding: 0 5px;
	line-height: 44px;
	border-bottom: 2px solid transparent;
	position: relative;
	color: rgba(102, 102, 102, 1);
	font-size: 16px;
}

.term_cut span.active {
	color: #048EF6;
	border-bottom: 2px solid #048EF6;
}

.truc_box {
	width: 1087px;
	height: 426px;
	margin: 55px auto 60px;
}

.truc_text {
	width: 539px;
	float: left;
	margin-top: 94px;
}

.role {
	height: 30px;
	line-height: 30px;
	margin-bottom: 12px;
}

.role span {
	display: inline-block;
	line-height: 28px;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
	vertical-align: middle;
	width: 70px;
	height: 28px;
	border-radius: 4px;
	background-color: rgba(68, 68, 68, 1);
}

.role em {
	vertical-align: middle;
	margin-left: 20px;
	color: rgba(51, 51, 51, 1);
	font-size: 22px;
}

.role_info {
	margin-bottom: 45px;
	height: 60px;
	line-height: 30px;
	color: rgba(102, 102, 102, 1);
	font-size: 14px;
}

.role_list li {
	float: left;
	width: 56px;
	margin-right: 50px;
	text-align: center;
}

.role_tit {
	transition: all .3s ease-in;
	margin-bottom: 18px;
	text-align: center;
	font-family: 'iconfont';
	font-size: 36px;
	color: rgba(136, 136, 136, 1);
}

.role_name {
	transition: all .3s ease-in;
	left: 511px;
	height: 20px;
	line-height: 20px;
	color: rgba(102, 102, 102, 1);
	font-size: 14px;
}

/*.role_list li:hover .role_tit{color: #048EF6;}*/

.role_list li:hover .role_name {
	color: #048EF6;
}

.truc_pic {
	width: 475px;
	height: 426px;
	float: right;
}

.truc_pic img {
	display: block;
	width: 100%;
	height: 100%;
}

/*角色1*/

.presibox {
	width: 100%;
	padding-top: 55px;
	box-sizing: border-box;
	height: 548px;
	background-color: rgba(245, 245, 245, 1);
}

.presi {
	width: 1087px;
	margin: auto;
}

.presi .truc_pic {
	float: left;
}

.presi .truc_text {
	float: right;
}

.presi .role_info {
	margin-bottom: 20px;
}

/*角色2*/

.rout_box {
	margin: 0px auto 60px;
	width: 1088px;
	height: 426px;
	padding-top: 55px;
}

/*角色3*/

.esta_box {
	width: 100%;
	padding-top: 55px;
	box-sizing: border-box;
	height: 548px;
	background-color: rgba(245, 245, 245, 1);
}

.esta {
	width: 1087px;
	margin: auto;
}

.esta .truc_pic {
	float: left;
}

.esta .truc_text {
	float: right;
}

/*角色4*/

.down_load {
	width: 1114px;
	margin: 45px auto 80px;
}

.down_tit {
	margin-bottom: 17px;
	height: 25px;
	line-height: 25px;
	color: rgba(102, 102, 102, 1);
	font-size: 18px;
}

.down_way {
	transition: all .3s ease-in;
	float: left;
	box-sizing: border-box;
	width: 536px;
	height: 107px;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(234, 234, 234, 1);
}

.down_way+.down_way {
	margin-left: 42px;
}

.down_way:hover {
	box-shadow: 0px 1px 10px 4px rgba(15, 52, 93, 0.08);
}

.down_ico {
	float: left;
	transition: all .3s ease-in;
	font-family: 'iconfont';
	font-size: 40px;
	color: #888888;
	width: 108px;
	height: 105px;
	text-align: center;
	line-height: 105px;
}

.down_way:hover .down_ico {
	color: #048EF6;
}

.down_text {
	width: 230px;
	float: left;
}

.down_text h1 {
	margin-top: 28px;
	margin-bottom: 4px;
	height: 25px;
	line-height: 25px;
	color: rgba(51, 51, 51, 1);
	font-size: 18px;
}

.down_info {
	height: 20px;
	line-height: 20px;
	color: rgba(102, 102, 102, 1);
	font-size: 14px;
}

.down_btn {
	overflow: hidden;
	float: right;
	margin-top: 36px;
	margin-right: 20px;
	width: 88px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	border-radius: 18px;
	background-color: rgba(4, 142, 246, 1);
}

.down_btn a {
	display: block;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	font-size: 16px;
}

.down_btn a:hover {
	background: #00A1FF;
}

/*TMC智慧消防移动端*/



.dire_pic {
	width: 432px;
	float: right;
	height: 283px;
	position: relative;
	margin-top: 96px;
}

.dire1 {
	position: absolute;
	z-index: 100;
	left: 50%;
	top: 50%;
}

.dire2 {
	position: absolute;
	left: 50%;
	top: 50%;
}

.dire3 {
	position: absolute;
	left: 50%;
	top: 50%;
}

#dire1 {
	margin: -89px 0 0 -10px;
	transition: .5s ease-out;
}

#dire2 {
	margin: -160px 0 0 -204px;
	transition: .5s ease-out;
}

#dire3 {
	margin: -80px 0 0 -178px;
	transition: .5s ease-out;
}

#dire1 img,
#dire2 img,
#dire3 img {
	transform: translate3d(0, 0, 0);
	transition: .3s;
}

.term1 {
	margin: 55px auto 64px;
	width: 1140px;
	height: 321px;
}

.term3 {
	margin: 0 auto 64px;
	width: 1140px;
	height: 376px;
	padding-top: 55px;
	box-sizing: border-box;
}

.term_pic {
	width: 550px;
	height: 321px;
	float: right;
}

.term_pic img {
	display: block;
	width: 100%;
	height: 100%;
}

.term_text {
	width: 500px;
	float: left;
}

.dire_tit {
	margin-top: 63px;
	margin-bottom: 12px;
	height: 30px;
	line-height: 30px;
	color: rgba(51, 51, 51, 1);
	font-size: 22px;
}

.dire_text {
	height: 103px;
	line-height: 30px;
	color: rgba(102, 102, 102, 1);
	font-size: 14px;
}

.term2_box {
	width: 100%;
	height: 440px;
	background-color: rgba(245, 245, 245, 1);
}

.term2 {
	width: 1140px;
	height: 100%;
	padding-top: 60px;
	box-sizing: border-box;
	margin: auto;
}

.term2 .term_text {
	float: right;
}

.term2 .term_pic {
	float: left;
}

.term4_box {
	width: 100%;
	height: 440px;
	background-color: rgba(245, 245, 245, 1);
}

.term4 {
	width: 1140px;
	height: 100%;
	padding-top: 60px;
	box-sizing: border-box;
	margin: auto;
}

.term4 .term_text {
	float: right;
}

.term4 .term_pic {
	float: left;
}

.hard_info {
	margin-bottom: 20px;
	height: 64px;
	line-height: 32px;
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
}

/*TMC可视化指挥平台*/



.hard_pic {
	width: 432px;
	float: right;
	height: 283px;
	position: relative;
	margin-top: 96px;
}

.hard1 {
	position: absolute;
	z-index: 100;
	left: 50%;
	top: 50%;
}

.hard2 {
	position: absolute;
	left: 50%;
	top: 50%;
}

.hard3 {
	position: absolute;
	left: 50%;
	top: 50%;
}

#hard1 {
	margin: -69px 0 0 -21px;
	transition: .5s ease-out;
}

#hard2 {
	margin: -130px 0 0 -204px;
	transition: .5s ease-out;
}

#hard3 {
	margin: -80px 0 0 -178px;
	transition: .5s ease-out;
}

#hard1 img,
#hard2 img,
#hard3 img {
	transform: translate3d(0, 0, 0);
	transition: .3s;
}

.hard_box {
	background: #F6F8FA;
	width: 100%;
	padding-bottom: 80px;
	box-sizing: border-box;
}

.hard_list {
	width: 1220px;
	margin: auto;
	padding-top: 20px;
	box-sizing: border-box;
	margin-bottom: 16px;
}

.hard_list li {
	transition: all .3s ease-in;
	top: 0;
	margin: 20px 13px 20px 13px;
	position: relative;
	float: left;
	width: 380px;
	height: 243.83px;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 20px 0px rgba(15, 52, 93, 0.09);
}

.hard_list li a {
	display: block;
	width: 100%;
	height: 100%;
}

.ware_pic {
	vertical-align: middle;
	width: 100%;
	height: 195px;
	text-align: center;
	line-height: 195px;
}

.ware_pic img {
	transition: all .3s ease-in;
	vertical-align: middle;
}

.ware_name {
	transition: all .3s ease-in;
	text-align: center;
	line-height: 48px;
	color: #666666;
	height: 48px;
	background-color: rgba(246, 248, 250, 1);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.hard_list li:hover .ware_name {
	color: #2676F9;
}

.hard_list li:hover img {
	transform: scale(1.05);
}

.hard_list li:hover {
	box-shadow: 0px 2px 20px 0px rgba(15, 52, 93, 0.5);
}

.page {
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}

.page em {
	position: relative;
	transition: all .3s ease-in;
	cursor: pointer;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin: 0 10px;
	text-align: center;
	vertical-align: middle;
}

.page em:after {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
}

.page .pre_page:after {
	background: url(../images/page1.png)no-repeat;
	background-size: 9px;
	background-position: center;
}

.page .pre_page.active:after {
	background: url(../images/pageh1.png)no-repeat;
	background-size: 9px;
	background-position: center;
}

.page .nex_page:after {
	background: url(../images/page2.png)no-repeat;
	background-size: 9px;
	background-position: center;
}

.page .nex_page.active:after {
	background: url(../images/pageh2.png)no-repeat;
	background-size: 9px;
	background-position: center;
}

.page a {
	display: inline-block;
	margin: 0 10px;
	text-align: center;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	border-radius: 2px;
}

.page a.active {
	background-color: rgba(38, 118, 249, 1);
	color: #FFFFFF;
}

.page a.active:hover {
	background-color: rgba(38, 118, 249, 1);
	color: #FFFFFF;
}

.page a:hover {
	background: #D8D8D8;
}

.page em:hover {
	background: #D8D8D8;
}

.page em.active {
	background-color: rgba(38, 118, 249, 1);
}

/*硬件终端*/

.ware_box {
	width: 1005px;
	margin: auto;
}

.ware_tit {
	padding-left: 13px;
	box-sizing: border-box;
	border-left: 3px solid #048EF6;
	height: 18px;
	line-height: 18px;
	margin-top: 11px;
	margin-bottom: 23px;
	color: rgba(68, 68, 68, 1);
	font-size: 18px;
}

.ware_te {
	float: left;
	width: 299px;
	height: 207px;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 14px 0px rgba(15, 52, 93, 0.09);
}

.ware_tep {
	height: 157px;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	line-height: 157px;
}

.ware_tep img {
	vertical-align: middle;
}

.hard_name {
	line-height: 48px;
	text-align: center;
	color: rgba(51, 51, 51, 1);
	font-size: 12px;
	width: 299px;
	height: 48px;
	background-color: rgba(246, 248, 250, 1);
}

.ware_info {
	float: right;
	width: 676px;
	height: 235px;
	line-height: 30px;
	color: rgba(136, 136, 136, 1);
	font-size: 14px;
	text-align: left;
}

.ware_list li {
	float: left;
	line-height: 30px;
	color: rgba(136, 136, 136, 1);
	font-size: 14px;
}

.ware_list li:nth-last-of-type(odd) {
	width: 465px;
	float: right;
}

.ware_list li:nth-last-of-type(even) {
	width: 482px
}

.ware_num {
	width: 780px;
	margin-bottom: 70px;
}

.ware_num img {
	display: block;
	width: 100%;
}

/*硬件终端详情页*/

.hard_pic {
	width: 432px;
	float: right;
	height: 283px;
	position: relative;
	margin-top: 96px;
}

.solve1 {
	position: absolute;
	z-index: 100;
	left: 50%;
	top: 50%;
}

.solve2 {
	position: absolute;
	left: 50%;
	top: 50%;
}

.solve3 {
	position: absolute;
	left: 50%;
	top: 50%;
}

#solve1 {
	margin: -69px 0 0 -21px;
	transition: .5s ease-out;
}

#solve2 {
	margin: -130px 0 0 -235px;
	transition: .5s ease-out;
}

#solve3 {
	margin: -80px 0 0 -178px;
	transition: .5s ease-out;
}

#solve1 img,
#solve2 img,
#solve3 img {
	transform: translate3d(0, 0, 0);
	transition: .3s;
}

.systebox {
	margin: 52px auto 61px;
	width: 1200px;
	min-height: 700px;
}

.sys_tit {
	text-align: inherit;
	height: 42px;
	line-height: 42px;
	color: rgba(51, 51, 51, 1);
	font-size: 22px;
	width: 1200px;
	margin: 0 auto;
	font-weight: 600;
}

.solv_pic {
	width: 100%;
	height: 600px;
	position: relative;
	padding-top: 37px;
}

.solv_pic img {
	display: block;
	width: 100%;
	height: 600px;
}

.sys {
	position: absolute;
	transition: all .3s ease-in;
	opacity: 0;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
}

.sys img {
	display: block;
	width: 100%;
}

.sys1 {
	left: 139px;
	top: 192px;
}

.sys2 {
	left: 396px;
	top: 76px;
}

.sys3 {
	left: 396px;
	top: 288px;
}

.sys4 {
	left: 602px;
	top: 192px;
}

.sys5 {
	left: 793px;
	top: 38px;
}

.sys6 {
	left: 793px;
	top: 193px;
}

.sys7 {
	left: 793px;
	top: 348px;
}

.sys8 {
	left: 1029px;
	top: 192px;
}

.sys:hover {
	opacity: 1;
}

/*系统结构图*/

.char_box {
	width: 100%;
	background: #F6F8FA;
	padding: 40px 0 55px;
	box-sizing: border-box;
}

.sys_list {
	width: 1200px;
	margin: 0 auto;
	margin-top: 40px;
}

.sys_list li {
	float: left;
	width: 25%;
	text-align: center;
}

.sys_list li a {
	cursor: default;
	display: block;
	width: 140px;
	margin: auto;
}

.tra_tit {
	transition: all .3s ease-in;
	color: #888888;
	font-family: 'iconfont';
	font-size: 37px;
	margin-bottom: 24px;
	height: 66px;
	line-height: 66px;
	text-align: center;
}

.tra_text {
	transition: all .3s ease-in;
	text-align: center;
	height: 56px;
	line-height: 28px;
	color: rgba(102, 102, 102, 1);
	font-size: 16px;
}

.sys_list li a:hover .tra_tit {
	color: #048EF6;
}

.sys_list li a:hover .tra_text {
	color: #048EF6;
}

.kern_box {
	width: 100%;
	height: 489px;
	background: url(../images/kernbj.png)no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 53px;
	box-sizing: border-box;
}

.kern_box .sys_tit {
	color: #FFFFFF;
}

.kern_list {
	width: 925px;
	margin: 44px auto 0;
}

.kern_list li {
	cursor: pointer;
	opacity: 0.88;
	position: relative;
	transition: all 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);
	top: 0;
	width: 268px;
	height: 280px;
	float: left;
	overflow: hidden;
	background: -webkit-linear-gradient(top, #2E3C4F, #1E1E31);
	background: -moz-linear-gradient(top, #2E3C4F, #1E1E31);
	background: -ms-linear-gradient(top, #2E3C4F, #1E1E31);
	background: -o-linear-gradient(top, #2E3C4F, #1E1E31);
	background: linear-gradient(top, #2E3C4F, #1E1E31);
}

.kern_list li+li {
	margin-left: 50px;
}

.kern_list li.active {
	/* background: -webkit-linear-gradient(top, #3C79C9, #50446E);
	background: -moz-linear-gradient(top, #3C79C9, #50446E);
	background: -ms-linear-gradient(top, #3C79C9, #50446E);
	background: -o-linear-gradient(top, #3C79C9, #50446E);
	background: linear-gradient(top, #3C79C9, #50446E); */
}

.kern_pic {
	transition: all .3s ease-in;
	margin-bottom: 24px;
	margin-top: 85px;
	font-family: 'iconfont';
	font-size: 39px;
	color: #FFFFFF;
	height: 48px;
	vertical-align: bottom;
	text-align: center;
}

.kern_list a {
	cursor: default;
	display: block;
	width: 100%;
	height: 100%;
}

.kern_list li.active .kern_pic {
	margin-top: 30px;
}

.kern_name {
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
	height: 25px;
	line-height: 25px;
	color: rgba(255, 255, 255, 1);
	font-size: 18px;
}

.kern_line {
	width: 20px;
	height: 1px;
	background: #FFFFFF;
	margin: 0 auto 32px;
}

.kern_info {
	opacity: 0;
	transition: all .3s ease-in;
	margin: auto;
	text-align: center;
}

.kern_info span {
	display: inline-block;
	text-align: left;
	position: relative;
	margin-bottom: 30px;
	padding-left: 16px;
	box-sizing: border-box;
	height: 22px;
	line-height: 22px;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
}

.kern_info span:nth-last-of-type(even) {
	width: 117px;
}

.kern_info span:nth-last-of-type(odd) {
	width: 85px;
}

.kern_info span:after {
	display: block;
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #FFFFFF;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.kern_list li.active .kern_info {
	opacity: 1;
}

.app_use {
	padding-top: 20px;
	box-sizing: border-box;
	padding-bottom: 50px;
}

.app_use .apply_list {
	margin-bottom: 0;
}

.econ_box {
	width: 100%;
	box-sizing: border-box;
	padding-top: 53px;
	height: 474px;
	background-color: rgba(246, 248, 250, 1);
}

.econlist {
	width: 1200px;
	margin: 57px auto 0;
}

.econlist ul {
	width: 1237px;
	margin-left: -37px;
}

.econlist li {
	transition: all .3s ease-in;
	top: 0;
	background: #FFFFFF;
	float: left;
	position: relative;
	width: 375px;
	height: 240px;
	margin-left: 37px;
}

.econlist a {
	display: block;
	width: 100%;
	height: 100%;
}

.econ_pic {
	width: 100%;
	height: 180px;
	line-height: 180px;
	text-align: center;
}

.econ_pic img {
	transition: all .3s ease-in;
	vertical-align: middle;
	transform: scale(0.6);
}

.econ_name {
	transition: all .3s ease-in;
	width: 100%;
	height: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 16px;
	color: #666666;
	background-color: rgba(246, 248, 250, 1);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.econlist li:hover .econ_name {
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
	color: #048EF6;
}

.econlist li:hover img {
	transform: scale(0.7);
}

/*电气火灾监控系统解决方案*/

.case1 {
	position: absolute;
	z-index: 100;
	left: 50%;
	top: 50%;
}

.case2 {
	position: absolute;
	left: 50%;
	top: 50%;
}

.case3 {
	position: absolute;
	left: 50%;
	top: 50%;
}

#case1 {
	margin: -108px 0 0 -8px;
	transition: .5s ease-out;
}

#case2 {
	margin: -135px 0 0 -201px;
	transition: .5s ease-out;
}

#case3 {
	margin: -80px 0 0 -178px;
	transition: .5s ease-out;
}

#case1 img,
#solve2 img,
#solve3 img {
	transform: translate3d(0, 0, 0);
	transition: .3s;
}

.case_box {
	background: #F6F8FA;
	padding-top: 45px;
	padding-bottom: 85px;
	box-sizing: border-box;
}

.case_list {
	width: 1200px;
	margin: 0 auto 20px;
}

.case_list ul {
	width: 1226px;
	margin-left: -26px;
}

.case_list li {
	transition: all .3s ease-in;
	position: relative;
	top: 0;
	overflow: hidden;
	margin-left: 26px;
	float: left;
	margin-bottom: 40px;
	width: 280px;
	height: 350px;
	border-radius: 2px;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 14px 4px rgba(15, 52, 93, 0.02);
}

.case_list a {
	display: block;
	width: 100%;
	height: 100%;
}

.case_pic {
	height: 143px;
	width: 100%;
	text-align: center;
	line-height: 143px;
}

.case_pic img {
	vertical-align: middle;
}

.case_name {
	text-align: center;
	height: 25px;
	line-height: 25px;
	color: rgba(68, 68, 68, 1);
	font-size: 18px;
}

.case_info {
	margin: 15px auto 35px;
	overflow: hidden;
	width: 224px;
	height: 67px;
	line-height: 24px;
	color: rgba(136, 136, 136, 1);
	font-size: 14px;
}

.case_more {
	transition: all .3s ease-in;
	margin: auto;
	line-height: 36px;
	font-size: 14px;
	color: #048EF6;
	text-align: center;
	width: 96px;
	height: 36px;
	border-radius: 2px;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(4, 142, 246, 1);
}

.case_more:hover {
	background: #048EF6;
	color: #FFFFFF;
}

.case_list li:hover {
	box-shadow: 0px 2px 14px 4px rgba(15, 52, 93, 0.11);
	top: -10px;
}

/*应用案例*/

.partbox {
	width: 1205px;
	margin: 40px auto 80px;
}

.part_le {
	float: left;
	box-sizing: border-box;
	padding-bottom: 50px;
	box-sizing: border-box;
	width: 280px;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(223, 223, 223, 1);
}

.part_logo {
	text-align: center;
	padding-top: 35px;
	box-sizing: border-box;
	margin-bottom: 40px;
}

.part_name {
	text-align: center;
	height: 25px;
	line-height: 25px;
	color: rgba(68, 68, 68, 1);
	font-size: 18px;
}

.part_cont {
	width: 232px;
	margin: auto;
}

.part_tit {
	margin-top: 42px;
	margin-bottom: 12px;
	height: 25px;
	line-height: 25px;
	color: rgba(68, 68, 68, 1);
	font-size: 18px;
}

.part_info {
	margin-bottom: 51px;
	line-height: 30px;
	color: rgba(136, 136, 136, 1);
	font-size: 14px;
}

.party {
	line-height: 30px;
	color: rgba(4, 142, 246, 1);
	font-size: 14px;
}

.party em {
	font-family: 'iconfont';
	display: inline-block;
	width: 20px;
	text-align: center;
	vertical-align: middle;
	font-size: 15px;
}

.party span {
	vertical-align: middle;
	margin-left: 10px;
}

.backbox {
	width: 877px;
	float: right;
}

.back_pic {
	text-align: center;
}

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

.back_tit {
	box-sizing: border-box;
	padding-left: 13px;
	border-left: 3px solid #048EF6;
	height: 18px;
	line-height: 18px;
	margin-top: 30px;
	margin-bottom: 12px;
	color: rgba(68, 68, 68, 1);
	font-size: 18px;
}

.back_text {
	width: 877px;
	line-height: 30px;
	color: rgba(136, 136, 136, 1);
	font-size: 14px;
}

/*应用案例详情*/

.agent_ban {
	height: 480px;
	position: relative;
	z-index: 10;
	background: url(../images/agenban.png)no-repeat;
	background-size: cover;
	background-position: center;
}

.agent_top h2 {
	padding-top: 146px;
	text-align: center;
	margin-bottom: 15px;
	height: 59px;
	line-height: 59px;
	color: rgba(255, 255, 255, 1);
	font-size: 42px;
}

.agent_info {
	text-align: center;
	margin-bottom: 54px;
	height: 30px;
	line-height: 30px;
	color: rgba(255, 255, 255, 1);
	font-size: 18px;
}

.agent_more a {
	display: block;
	margin: auto;
	width: 120px;
	height: 36px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 36px;
	text-align: center;
	border-radius: 4px;
	background: -webkit-linear-gradient(left, #00A1FF, #0680FF, #0B61FF);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #00A1FF, #0680FF, #0B61FF);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #00A1FF, #0680FF, #0B61FF);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #00A1FF, #0680FF, #0B61FF);
	/* 标准的语法 */
}

.doma_box {
	padding-top: 52px;
	box-sizing: border-box;
	width: 1200px;
	margin: 0 auto 59px;
}

.doma_tit {
	text-align: center;
	height: 42px;
	line-height: 42px;
	color: rgba(51, 51, 51, 1);
	font-size: 30px;
}

.doma_text {
	text-indent: 30px;
	margin-top: 22px;
	line-height: 36px;
	color: rgba(102, 102, 102, 1);
	font-size: 16px;
}

.supp_box {
	height: 753px;
	width: 100%;
	background: #F5F5F5;
	box-sizing: border-box;
	padding-top: 53px;
}

.supp_list {
	width: 1200px;
	margin: 44px auto 0;
}

.supp_list ul {
	width: 1280px;
	margin-left: -80px;
}

.supp_list ul li {
	margin-bottom: 36px;
	float: left;
	margin-left: 80px;
	width: 560px;
	height: 102px;
	left: 360px;
	background-color: rgba(255, 255, 255, 1);
}

.supp_list a {
	display: block;
	cursor: default;
	padding: 20px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	text-align: left;
	vertical-align: middle;
}

.supp_tit {
	font-family: 'iconfont';
	font-size: 30px;
	color: #FFFFFF;
	width: 62px;
	height: 62px;
	background: #048EF6;
	text-align: center;
	line-height: 62px;
	display: inline-block;
	vertical-align: middle;
}

.supp_name {
	transition: all .3s ease-in;
	width: 380px;
	margin-left: 25px;
	display: inline-block;
	vertical-align: middle;
	line-height: 25px;
	color: rgba(102, 102, 102, 1);
	font-size: 18px;
}

.supp_list a:hover {
	box-shadow: 0px 2px 14px 4px rgba(15, 52, 93, 0.09);
}

.supp_list a:hover .supp_name {
	color: #048EF6;
}

.assoc_box {
	width: 1200px;
	margin: 0 auto 88px;
	padding-top: 53px;
	box-sizing: border-box;
}

.doma_list li {
	transition: all .3s ease-in;
	padding: 15px 32px 26px;
	box-sizing: border-box;
	float: left;
	width: 360px;
	height: 492.63px;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 16px 0px rgba(19, 53, 91, 0.18);
}

.doma_list li+li {
	margin-left: 60px;
}

.doma_list {
	margin-top: 57px;
}

.doma_list li:hover {
	transform: scale(1.05);
}

.doma_list a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.doma_pic {
	font-family: 'iconfont';
	font-size: 52px;
	color: #048EF6;
	height: 98px;
	line-height: 98px;
	text-align: center;
}

.doma_name {
	transition: all .3s ease-in;
	text-align: center;
	margin-bottom: 35px;
	height: 25px;
	line-height: 25px;
	color: rgba(102, 102, 102, 1);
	font-size: 18px;
}

.doma_list li:hover .doma_name {
	color: #048EF6;
}

/*.doma_tit{line-height: 32px;color: rgba(136, 136, 136, 1);font-size: 14px;}*/

.doma_info {
	margin-bottom: 7px;
	line-height: 32px;
	font-size: 14px;
	color: #888888;
}

.ass_list {
	margin-left: 23px;
	line-height: 30px;
	color: rgba(153, 153, 153, 1);
	font-size: 12px;
}

.ass_list p {
	padding-left: 17px;
	box-sizing: border-box;
	position: relative;
}

.ass_list p:after {
	display: block;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #048EF6;
	position: absolute;
	left: 0;
	top: 11px;
}

.doma_use {
	height: 290px;
	overflow: hidden;
}

.putbox {
	padding-top: 55px;
	box-sizing: border-box;
	width: 100%;
	height: 579px;
	position: relative;
	background: url(../images/appbj.png)no-repeat;
	background-size: cover;
	background-position: center;
}

.putbox:after {
	position: absolute;
	display: block;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #FFFFFF;
	opacity: 0.18;
}

.putbox .doma_tit {
	color: #FFFFFF;
}

.putin {
	width: 1003px;
	margin: auto;
}

.putin li {
	float: left;
	width: 455px;
}

.putin li:nth-last-of-type(even) {
	float: left;
	width: 425px;
	float: right;
}

.put_name {
	width: 90px;
	float: left;
	line-height: 40px;
	font-size: 16px;
	color: #FFFFFF;
}

.putin li:nth-last-of-type(even) .put_name {
	width: 60px;
}

.put_item {
	position: relative;
	float: left;
	width: 360px;
	height: 40px;
	/*overflow: hidden;*/
	line-height: 40px;
	border-radius: 2px;
	background-color: rgba(255, 255, 255, 0.18);
	border: 1px solid rgba(125, 125, 125, 1);
}

.put_item input {
	display: block;
	width: 98%;
	color: #FFFFFF;
	font-size: 12px;
	padding-left: 11px;
	box-sizing: border-box;
	outline: none;
	border: none;
	line-height: 38px;
	height: 38px;
	background: transparent;
}

.putin li {
	margin-top: 34px;
	margin-bottom: 13px;
	position: relative;
	z-index: 10;
}

.putin .apply_text {
	width: 100%;
}

.putin .apply_text .put_item {
	width: 910px;
	height: 100px;
}

.putin textarea {
	background: transparent;
	color: #FFFFFF;
	background: #595a61;
	font-size: 12px;
	resize: none;
	width: 100%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.putin textarea::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: rgba(255, 255, 255, 0.48);
}

.put_item input::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: rgba(255, 255, 255, 0.48);
}

.put_item input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: rgba(255, 255, 255, 0.48);
}

.putin textarea:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: rgba(255, 255, 255, 0.48);
}

.put_item input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: rgba(255, 255, 255, 0.48);
}

.putin textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: rgba(255, 255, 255, 0.48);
}

.put_item input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: rgba(255, 255, 255, 0.48);
}

.putin textarea:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: rgba(255, 255, 255, 0.48);
}

.city {
	display: none;
}

.put_item select {
	width: 360px;
	color: #FFFFFF;
	font-size: 14px;
	padding-left: 11px;
	box-sizing: border-box;
	outline: none;
	border: none;
	line-height: 38px;
	height: 38px;
	background: transparent;
}

.putin select option {
	background: #595a61;
}

.put_btn {
	margin: 17px auto 0;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 48px;
	text-align: center;
	cursor: pointer;
	transition: all .3s ease-in;
	width: 180px;
	height: 48px;
	border-radius: 2px;
	background-color: rgba(4, 142, 246, 1);
}

.put_btn:hover {
	background: #00A1FF;
}

#province {
	display: none;
	border: 1px solid rgba(125, 125, 125, 1);
	position: absolute;
	height: 400px;
	overflow-y: hidden;
	left: -1px;
	top: 40px;
	width: 100%;
	background: #595a61;
}

#province p {
	transition: all .3s ease-in;
	cursor: pointer;
	text-indent: 11px;
	display: block;
	height: 36px;
	line-break: 36px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.48);
}

#province p:hover {
	color: #048EF6;
	background: #64676F;
}

.city_btn {
	transition: all .3s ease-in;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	opacity: 0.48;
	cursor: pointer;
	height: 100%;
	background: url(../images/down.png)no-repeat;
	background-size: 16px;
	background-position: 96%;
}

.city_btn.active {
	background: url(../images/up.png) no-repeat;
	background-size: 16px;
	background-position: 96%;
}















.putin li:first-child {
	z-index: 100;
}

/*招商代理*/

.about_ban {
	width: 100%;
	height: 560px;
	position: relative;
	z-index: 10;
	background: url(../images/company.png)no-repeat;
	background-size: cover;
	background-position: center;
}

.complay_box {
	width: 1200px;
	margin: 53px auto 63px;
}

.commplay {
	margin-top: 34px;
}

.com_pic {
	width: 410px;
	float: left;
}

.com_pic img {
	display: block;
	width: 100%;
}

.com_text {
	width: 745px;
	float: right;
	position: relative;
	top: -10px;
	line-height: 36px;
	color: rgba(102, 102, 102, 1);
	font-size: 16px;
}

.lore_box {
	width: 100%;
	overflow: hidden;
	padding-top: 53px;
	box-sizing: border-box;
	height: 618.94px;
	background-color: rgba(245, 245, 245, 1);
}



.aboutlist {
	width: 1230px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.abou_ban {
	width: 100%;
	overflow: hidden;
	height: auto;
}

.abou_ban ul {
	width: 30000px;
}

.abou_ban li {
	width: 1230px;
	float: left;
	padding-bottom: 51px;
	padding-top: 46px;
}

.abou_ban div {
	background: #fff;
	margin: 0 15px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
	width: 380px;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.abou_ban div a {
	display: block;
	border: 1px solid #fff;
	padding: 38px 0 46px;
}

.abou_ban div span {
	display: block;
	text-align: center;
}

.abou_ban div img {
	margin: 0 auto;
	display: block;
	width: 150px;
	height: 205px;
}

.abou_ban div p {
	margin-top: 34px;
	color: #333333;
	text-align: center;
	height: 25px;
	line-height: 25px;
	font-size: 18px;
}

.abou_ban div:hover {
	box-shadow: 0px 2px 14px 4px rgba(15, 52, 93, 0.09);
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
}

.abou_ban div:hover p {
	color: #048EF6;
}

.abo_num {
	height: 30px;
	width: 100%;
	background: #f4f4f4;
	padding: 0 10px;
	text-align: center;
	overflow: hidden;
	zoom: 1;
	zoom: 1;
	padding-bottom: 40px;
}

.abo_num span {
	display: inline-block;
	width: 12px;
	height: 12px;
	overflow: hidden;
	margin: 0 11px;
	text-indent: -999px;
	cursor: pointer;
	border-radius: 50px;
	border: 1px solid #cdcdcd;
	background: #fff;
}

.abo_num .on {
	border: 1px solid #048EF6;
	background: #048EF6;
}

.team_box {
	width: 1200px;
	margin: 51px auto 93px;
}



.teamList {
	padding: 50px 0 0;
	width: 1200px;
	height: auto;
}

.teamList li {
	float: left;
	width: 353px;
	padding: 38px 0 30px;
	height: auto;
	border: 1px solid #cccccc;
	margin: 0 22px;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.teamList li .team_pic {
	margin: 0 auto;
	display: block;
	width: 170px;
	height: 170px;
	border-radius: 50%;
	overflow: hidden;
}

.teamList li img {
	margin: 0 auto;
	display: block;
	width: 170px;
	height: 170px;
}

.teamList li h2 {
	height: 36px;
	margin: 22px 0 18px;
	line-height: 36px;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	text-align: center;
}

.teamList li p {
	padding: 0 40px;
	line-height: 24px;
	font-size: 14px;
	color: #666;
}

.teamList li:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	box-shadow: 0 0 8px rgba(120, 120, 120, 0.4);
}

.teamList li:hover h2,
.teamList li:hover p {
	color: #048EF6;
}

.teamList a {
	display: block;
	cursor: default;
}

/*关于我们*/

.contact {
	/* height: 230px; */
	position: fixed;
	right: 40px;
	top: 60%;
	z-index: 200;
	box-shadow: 0 1px 15px 0 #1a20281a;
	border-radius: 4px;
	background-color: #fff;
}

.callbox {
	transition: all .3s ease-in;
	position: relative;
	/* margin-bottom: 25px; */
	width: 48px;
	height: 48px;
	border-radius: 2px;
	/* background: #FFFFFF; */
	/* border: 1px solid rgba(230, 230, 230, 1); */
}

/* .callbox:hover {
	background: rgba(92, 92, 92, 1);
} */

.wxbox {
	transition: all .3s ease-in;
	position: relative;
	/* margin-bottom: 42px; */
	width: 48px;
	height: 48px;
	border-radius: 2px;
	/* background: #FFFFFF; */
	/* border: 1px solid rgba(230, 230, 230, 1); */
}

/* .wxbox:hover {
	background: rgba(92, 92, 92, 1);
} */

.callbox span {
	transition: all .3s ease-in;
	font-family: 'iconfont';
	color: rgba(92, 92, 92, 1);
	font-size: 18px;
	text-align: center;
	display: block;
	width: 85px;
	height: 48px;
	line-height: 48px;
	cursor: pointer;
}

.tels {
	display: flex;
	align-items: center;
	padding-left: 15px;
}

.tele {
	color: #FF7B00 !important;
}

.callbox:hover span {
	color: #FFFFFF;
}

.call_num {
	display: none;
	position: absolute;
	right: 54px;
	top: -2px;
	color: #666666;
	text-align: center;
	font-size: 18px;
	/* background: url(..//puxun/images/call_bj.png); */
	/* width: 180px;
    height: 60px;
    line-height: 60px; */
	width: 240px;
	height: 86px;
	background: #FFFFFF;
	box-shadow: 0 1px 15px 0 #1a20281a;
	border-radius: 4px;
}

.contact_span {
	background: url(../images/news.png);
	width: 24px !important;
	height: 24px !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.contact_span:hover {
	background: url(../images/news_up.png);
	width: 24px !important;
	height: 24px !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.callbox {
	transition: all .3s ease-in;
	position: relative;
	width: 48px;
	height: 48px;
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;

}

.wxbox span {
	transition: all .3s ease-in;
	text-align: center;
	display: block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	cursor: pointer;
	background: url(../images/wechat.png)no-repeat;
	background-size: 24px;
	background-position: center;
}

.wxbox:hover span {
	background: url(../images/wechat_up.png)no-repeat;
	background-position: center;
	background-size: 24px;
}

.wxpic {
	display: none;
	/* margin-bottom: 53px; */
	width: 120px;
	height: 116px;
	position: absolute;
	right: 54px;
	top: -7px;
	font-weight: 500;
}

.wxpic img {
	display: block;
	width: 100%;
}

.return span {
	transition: all .3s ease-in;
	text-align: center;
	display: block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	cursor: pointer;
	background: url(../images/top.png)no-repeat;
	background-size: 24px;
	background-position: center;
}

.return {
	display: none;
	transition: all .3s ease-in;
	width: 48px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	line-height: 48px;
	height: 48px;
	border-radius: 2px;
	/* background-color: rgba(255, 255, 255, 1); */
	/* border: 1px solid rgba(230, 230, 230, 1); */
}

/* .return:hover {
	background: rgba(92, 92, 92, 1);
} */

.return:hover span {
	background: url(../images/top_up.png)no-repeat;
	background-position: center;
	background-size: 24px;
}

.return img {
	width: 24px;
	vertical-align: middle;
}

.terr_pic.jing {
	background: url(../images/jing.png)no-repeat;
	background-size: 44px;
	background-position: center;
}

/*.terr_list li:hover .terr_pic.jing{background: url(..//puxun/images/jing2.png)no-repeat;background-size: 44px;background-position: center;}*/

.terr_list li {
	cursor: default;
}

.main-top.active {
	position: absolute;
	left: 0;
	top: 60px;
	width: 100%;
	background: #FFFFFF;
	z-index: 300;
}

.term_cut.active {
	position: absolute;
	left: 0;
	top: 60px;
	width: 100%;
	background: #FFFFFF;
	z-index: 300;
}

.copy a {
	color: #fff
}

.affix-placeholder{
	width: 100%;
	background: #ffffff;
	border-top: 1px solid #e5e5e5;
	position: fixed;
	top: 80px;
	z-index: 400;
	min-height: 50px;
}
.main-subnav{
	display: flex;
	width: 1200px;
	margin: 0 auto;
}
.nav-box{
	/*display: flex;*/
	width: 100%;
}
.navbar-collaps{
	width: 100%;
}
.main-subnav .name{
	height: auto;
	line-height: 22px;
	padding-right: 30px;
	float: left;
	border-right: 1px solid #e5e5e5;
	width: auto;
	margin-top: 14px;
	font-weight: bold;
}
.navbar-collaps ul{
	display: flex;
}
.navbar-collaps ul li{
	margin: 0 15px;
	border: none;
	padding: 0;
	overflow: visible;
	line-height: 50px;
	position: relative;
}
.navbar-collaps ul li.active a{
	color: #FF7B00;
}
.navbar-collaps ul li:after{
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3px;
	width: 100%;
}
.navbar-collaps ul li.active:after{
	background-color: #FF7B00;
}