.aside {
	position: fixed;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	z-index: 18;
	background: url(../images/aside.jpg) center top repeat;
	box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
}
.aside ul {
	margin-top: 100px;
}
.aside ul li a {
	display: block;
	margin-top: 30px;
	text-align: center;
	color: #fff;
}
.aside ul li img {
	display: block;
	text-align: center;
	margin: 0 auto;
}
.aside ul li.consulting .img2 {
	display: none;
}
.aside ul li.consulting span {
	display: inline-block;
	margin: 0 2px;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background: #fff;
}
.aside ul li.consulting span:nth-child(1) {
	-webkit-animation: consulting 0.6s 0.07s infinite ease-in-out;
	animation: consulting 0.6s 0.07s infinite ease-in-out;
}
.aside ul li.consulting span:nth-child(2) {
	-webkit-animation: consulting 0.6s 0.14s infinite ease-in-out;
	animation: consulting 0.6s 0.14s infinite ease-in-out;
}
.aside ul li.consulting span:nth-child(3) {
	-webkit-animation: consulting 0.6s 0.21s infinite ease-in-out;
	animation: consulting 0.6s 0.21s infinite ease-in-out;
}
 @keyframes consulting {
 33% {
 -webkit-transform: translateY(5px);
 transform: translateY(5px);
}
 66% {
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @-webkit-keyframes consulting {
 33% {
 -webkit-transform: translateY(5px);
 transform: translateY(5px);
}
 66% {
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
.aside ul li.consulting.active {
	background: #fff;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
}
.aside ul li.consulting.active a {
	color: #3F82ED;
}
.aside ul li.consulting.active span {
	background: #3F82ED;
}
.aside ul li.consulting.active .img1 {
	display: none;
}
.aside ul li.consulting.active .img2 {
	display: block;
}
.consulting_box {
	width: 250px;
	height: 100%;
	background: #fff;
	overflow: hidden;
	z-index: 15;
	position: fixed;
	top: 0;
	right: -250px;
	box-shadow: -2px 0 10px rgba(0, 0, 0, .1);
	transition: 0.8s all;
	-webkit-transition: 0.8s all;
}
.consulting_box .title {
	background: url(../images/002.png) center top no-repeat;
	text-align: center;
	padding: 26px 0 2px 0;
	color: #fff;
}
.consulting_box .title_t1 {
	font-size: 12px;
}
.consulting_box .title_t2 {
	font-size: 16px;
	margin: 5px 0;
}
.consulting_type {
	padding: 40px 0;
	border-bottom: solid 1px #399BEC;
}
.consulting_type_title {
	padding-left: 30px;
	font-size: 16px;
	color: #333;
}
.consulting_type ul {
	margin: 30px 0 20px 0;
}
.consulting_type ul li a {
	display: block;
	height: 40px;
	line-height: 40px;
	text-indent: 30px;
	z-index: 2;
	position: relative;
	color: #666;
	margin: 0;
	text-align: left;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
}
.consulting_type ul li a img {
	margin: 0;
	display: inline-block;
	padding-right: 30px;
}
.consulting_type ul li a .img2 {
	display: none;
}
.consulting_type ul li a:before {
	z-index: -1;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #3c9af2;
	opacity: 0;
	-webkit-transform: scale3d(1, 0.1, 1);
	transform: scale3d(1, 0.1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.consulting_type ul li a, .consulting_type ul li a:before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.consulting_type ul li a:hover:before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.consulting_type ul li a:hover {
	color: #fff;
}
.consulting_type ul li a:hover .img2 {
	display: inline-block;
}
.consulting_type ul li a:hover .img1 {
	display: none;
}
.consulting_box .problem {
	padding-top: 40px;
}
.consulting_box .problem_title {
	padding-left: 30px;
	font-size: 16px;
	color: #333;
}
.consulting_box .problem ul {
	padding: 20px 0 0 30px;
}
.consulting_box .problem ul li {
	margin-bottom: 8px;
}
.consulting_box .problem ul li a {
	display: inline-block;
}
.consulting_box .problem ul li span {
	display: inline-block;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background: #3c9af2;
	margin: 3px 10px 3px 0;
	animation: none;
}
.consulting_box .problem ul li a {
	font-size: 12px;
	color: #818181;
}
.consulting_box .problem ul li a:hover {
	color: #3c9af2;
}
.consulting_type .time {
	color: #818181;
	font-size: 12px;
	padding-left: 30px;
}
.consulting_box .close {
	position: absolute;
	top: 5px;
	right: 8px;
	cursor: pointer;
}
.consulting_box .close img {
	transition: 0.4s all;
	-webkit-transition: 0.4s all;
}
.consulting_box .close:hover img {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.all_title1 {
	margin-bottom: 10px;
	text-align: center;
}
.all_title1 .title {
	font-size: 35px;
	color: #333;
}
.all_title1 .text {
	color: #818181;
}

.all_title1 .textaa {
	color: #818181;
	background-color:#09F;
	height:2px;
	width:140px;
	margin:0 auto;
	margin-top:10px;
}
.all_title2 {
	margin-bottom: 50px;
	text-align: center;
	color: #fff;
}
.all_title2 .title {
	font-size: 35px;
}
.all_button {
	display: inline-block;
	background: #3B9FF2;
	border: solid 1px #3B9FF2;
	color: #fff;
	padding: 6px 30px;
	border-radius: 3px;
	overflow: hidden;
}
.all_button:hover {
	background: #fff;
	background: transparent;
	color: #3B9FF2;
}

.header {
	height: 80px;
	line-height: 80px;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 11;
	transition: 0.4s all;
	-webkit-transition: 0.4s all;
}
.header .jz{
	margin:auto;
	left:0;
	right:0;
	top:0;
	height: 80px;
	line-height: 80px;
	position: fixed;
	width: 1300px;
}
.header .jz .logo {
	margin-left: 20px;
}
.header .jz .header_menu ul {
	text-align: center;
}
.header .header_menu ul li {
	display: inline-block;
	padding-top: 2px\0;
}
.header .jz .header_menu ul li a {
	display: block;
	padding: 0 25px;
	color: #fff;
	border-top: solid 2px rgba(0, 0, 0, 0);
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.header .jz .header_menu ul li a:hover, .header .header_menu ul li a.active {
	border-top: solid 2px #fff;
	opacity: 1;
	filter: alpha(opacity=100);
}
.header .jz .login {
	float: right;
	background: rgba(255, 255, 255, .1);
	margin: 20px 50px 0 0;
	height: 36px;
	line-height: 36px;
	font-size: 12px;
}
.header .jz .login span {
	color: #fff;
}
.header .jz .header_avatar {
	width: 30px;
	border-radius: 50%;
	height: 30px;
	overflow: hidden;
	display: block;
	float: left;
	margin-top: 3px;
	margin-left: 5px;
}
.header .jz .header_avatar img {
	display: block;
	max-width: 100%;
}
.header .jz .login a {
	padding: 0 10px 0 10px;
	color: #fff;
}
.header .jz .md-show {
	display: none;
}
.header_scroll {
	background: #F8F8F8;
	transition: 0.4s all;
	-webkit-transition: 0.4s all;
}
.header .jz .mobileMenuBtn {
	position: fixed;
	right: 20px;
	top: 18px;
	width: 32px;
	text-align: center;
	cursor: pointer;
	z-index: 100;
	display: none;
	transition: 0.4s all;
	-webkit-transition: 0.4s all;
}
.header .jz .mobileMenuBtn.active {
	right: 220px;
}
.header .jz .mobileMenuBtn span {
	display: block;
	width: 100%;
	height: 3px;
	background: #fff;
	margin-bottom: 8px;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
}
.header .jz .mobileMenuBtn span:last-child {
	margin: 0;
}
.header .jz  .mobileMenuBtn span:first-child, .header .mobileMenuBtn span:last-child {
	transform-origin: 100% 50%;
	-webkit-transform-origin: 100% 50%;
	transform: rotate(0);
	-webkit-transform: rotate(0);
}
.header .jz .mobileMenuBtn.active span:first-child {
	transform: rotate(-43deg);
	-webkit-transform: rotate(-43deg);
}
.header .jz .mobileMenuBtn.active span:last-child {
	transform: rotate(43deg);
	-webkit-transform: rotate(43deg);
}
.header .jz .mobileMenuBtn span:nth-child(2) {
	transform: translateX(0);
	-webkit-transform: translateX(0);
}
.header .jz .mobileMenuBtn.active span:nth-child(2) {
	transform: translateX(80px);
	-webkit-transform: translateX(80px);
	opacity: 0;
}
.mpage {
	width: 100%;
	height: 188px;
	overflow: hidden;
	margin: 0 auto;
	position: absolute;
	top: 0;
	z-index: -1;
}
.anitOut {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.index_product {
	padding-top:50px;
	padding-bottom:0px;
	background: #f9f9f9;
}
.index_product_content {
	margin-left: -10px;
}
.index_product_list {
	display: block;
	margin: 0 0 10px 10px;
	position: relative;
	overflow: hidden;
}
.index_product_list:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.4);
	content: '';
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);
	transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);
}
.index_product_list:hover:before {
	-webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);
	transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);
}
.index_product_list .list_backimg {
	padding: 20px 0;
	text-align: center;
}
.index_product_list .list_backimg1 {
	background: url(../images/002.png) center repeat;
}
.index_product_list .list_backimg2 {
	background: url(../images/003.png) center repeat;
}
.index_product_list .list_backimg3 {
	background: url(../images/004.png) center repeat;
}
.index_product_list .list_backimg4 {
	background: url(../images/005.png) center repeat;
}
.index_product_list .list_backimg5 {
	background: url(../images/006.png) center repeat;
}
.index_product_list .list_backimg6 {
	background: url(../images/007.png) center repeat;
}
.index_product_list .list_txt {
	color: #fff;
	margin-top: 10px;
}
.index_product_list .list_title {
	font-size: 16px;
}
.index_product_list .list_text {
	font-size: 12px;
}
.platform_advantage {
	background: #fff url(../images/01411.jpg) center top repeat-x;
	padding: 50px 0;
	position: relative;
	overflow: hidden;
}
.platform_advantage_content {
	margin-left: -70px;
	overflow: hidden;
}
.platform_advantage_list {
	display: block;
	overflow: hidden;
	margin: 0 0 60px 60px;
}
.platform_advantage_img {
	float: left;
}
.platform_advantage_brief {
	float: left;
	color: #fff;
	padding-left: 50px;
}
.platform_advantage_brief .brief_title {
	font-size: 18px;
}
.platform_advantage_brief .brief_text {
	height: 40px;
	line-height: 20px;
	overflow: hidden;
}
.waves_box canvas {
	height: 150px !important;
	width: 100% !important;
	margin-bottom: 30px;
}
.response_shows .response_shows_box {
	padding: 0 0 100px;
	position: relative;
	display: inline-block;
	width: 100%;
}
.response_shows .response_shows_box img {
	width: 100%;
}
.response_shows .response_shows_width {
	position: relative;
}
.response_shows .response_shows_box .pic {
	overflow: hidden;
	position: absolute;
	float: none;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
.response_shows .response_shows_box .pc {
	position: relative;
	margin-top: -2%;
	max-width: 75%;
	width: 100%;
}
.response_shows .response_shows_box .pc .pic {
	top: 2.5%;
	bottom: 20%;
	left: 2.22%;
	right: 1.5%;
}
.response_shows .response_shows_box .pad {
	position: absolute;
	bottom: 2%;
	right: 0px;
	max-width: 40%;
	width: 100%;
}
.response_shows .response_shows_box .pad .pic {
	top: 3%;
	bottom: 6%;
	left: 2%;
	right: 1.6%;
	overflow: hidden;
}
.response_shows .response_shows_box .phone {
	position: absolute;
	bottom: 0;
	right: 38%;
	max-width: 15%;
	width: 100%;
}
.response_shows .response_shows_box .phone .pic {
	top: 8%;
	bottom: 10.5%;
	left: 5%;
	right: 5%;
}
.response_shows .response_shows_box .item {
	width: 100%;
	height: 101%;
	position: relative;
	float: left;
	-webkit-transition: all 0.8s ease-out;
	-moz-transition: all 0.8s ease-out;
	-ms-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
}
.response_shows .response_shows_box .thumb {
	width: 120px;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	bottom: -15%;
}
.response_shows .response_shows_box .thumb span {
	width: 25px;
	height: 25px;
	position: relative;
	float: left;
	border-radius: 100%;
	cursor: pointer;
	margin: 0 0 0 10px;
}
.response_shows .response_shows_box .thumb span:before {
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 100%;
	border: solid 1px #2D9EDD;
	background: #fff;
	z-index: 1;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
}
.response_shows .response_shows_box .thumb span:hover::before, .response_shows .response_shows_box .thumb span.active:before {
	background: #2D9EDD;
}
.platform_advantage_bg {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.platform_advantage_bg_z {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.platform_advantage_bg li {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, .15);
	bottom: -160px;
	-webkit-animation: square 28s infinite;
	animation: square 28s infinite;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear
}
.platform_advantage_bg_z li {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, .15);
	bottom: -300px;
	-webkit-animation: square_z 22s infinite;
	animation: square_z 22s infinite;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear
}
.platform_advantage_bg li:nth-child(1), .platform_advantage_bg_z li:nth-child(1) {
	left: 10%
}
.platform_advantage_bg li:nth-child(2), .platform_advantage_bg_z li:nth-child(2) {
	left: 20%;
	width: 80px;
	height: 80px;
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
	-webkit-animation-duration: 17s;
	animation-duration: 17s
}
.platform_advantage_bg li:nth-child(3), .platform_advantage_bg_z li:nth-child(3) {
	left: 25%;
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms
}
.platform_advantage_bg li:nth-child(4), .platform_advantage_bg_z li:nth-child(4) {
	left: 40%;
	width: 60px;
	height: 60px;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	background-color: rgba(255, 255, 255, .25)
}
.platform_advantage_bg li:nth-child(5), .platform_advantage_bg_z li:nth-child(5) {
	left: 70%
}
.platform_advantage_bg li:nth-child(6), .platform_advantage_bg_z li:nth-child(6) {
	left: 80%;
	width: 120px;
	height: 120px;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
	background-color: rgba(255, 255, 255, .2)
}
.platform_advantage_bg li:nth-child(7), .platform_advantage_bg_z li:nth-child(7) {
	left: 32%;
	width: 100px;
	height: 100px;
	-webkit-animation-delay: 7s;
	animation-delay: 7s
}
.platform_advantage_bg li:nth-child(8), .platform_advantage_bg_z li:nth-child(8) {
	left: 55%;
	width: 20px;
	height: 20px;
	-webkit-animation-delay: 15s;
	animation-delay: 15s;
	-webkit-animation-duration: 40s;
	animation-duration: 40s
}
.platform_advantage_bg li:nth-child(9), .platform_advantage_bg_z li:nth-child(9) {
	left: 25%;
	width: 10px;
	height: 10px;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-duration: 40s;
	animation-duration: 40s;
	background-color: rgba(255, 255, 255, .3)
}
.platform_advantage_bg li:nth-child(10), .platform_advantage_bg_z li:nth-child(9) {
	left: 90%;
	width: 120px;
	height: 120px;
	-webkit-animation-delay: 11s;
	animation-delay: 11s
}
 @-webkit-keyframes square {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-1700px)rotate(600deg);
 transform: translateY(-1700px)rotate(600deg)
}
}
 @keyframes square {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-1700px)rotate(600deg);
 transform: translateY(-1700px)rotate(600deg)
}
}
 @-webkit-keyframes square_z {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-700px)rotate(500deg);
 transform: translateY(-700px)rotate(500deg)
}
}
 @keyframes square_z {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-700px)rotate(500deg);
 transform: translateY(-700px)rotate(500deg)
}
}
.marketing_advantage {
	padding: 50px 0;
	background: url(../images/0181.jpg) center top repeat;
}
.marketing_advantage_content {
	margin-left: -15px;
}
.marketing_advantage_list {
	position: relative;
	margin: 0 0 15px 15px;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	overflow: hidden;
}
.marketing_advantage_brief {
	position: absolute;
	top: 15%;
	padding: 0 20px;
}
.marketing_advantage_brief .brief_title {
	font-size: 16px;
	color: #606060;
	margin-bottom: 10px;
}
.marketing_advantage_brief .brief_title span {
	margin-left: 15px;
}
.marketing_advantage_brief .brief_text {
	font-size: 12px;
	color: #a5a5a5;
	line-height: 1.6;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
}
.marketing_advantage_list:hover {
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
	transform: translate3d(0, -5px, 0);
	-webkit-transform: translate3d(0, -5px, 0);
}
.marketing_advantage_list:hover .brief_text {
	color: #333;
}
.partners {
	padding: 0;
	height: 300px;
}
.partners_content {
	text-align: center;
}
.partners_content_list {
	display: inline-block;
	margin: 20px 10px;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
}
.partners_content_list:hover {
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
	transform: translate3d(0, -5px, 0);
	-webkit-transform: translate3d(0, -5px, 0);
}
.join_in {
	padding: 100px 0;
	background: url(../images/033.jpg) center top repeat;
	text-align: center;
}
.join_in_title {
	font-size: 36px;
	color: #fff;
}
.join_in_title span {
	color: #31b5ff;
}
.join_in_text {
	color: #e3e3e3;
	font-size: 18px;
	margin: 15px 0 50px 0;
}
.join_in_button {
	padding: 8px 60px;
}
.news_center {
	padding: 0 0 50px 0;
}
.news_center_list_title {
	font-size: 16px;
	color: #333;
	margin: 25px 0;
}
.news_center_content {
	margin-left: -60px;
}
.news_center_list {
	margin-left: 60px;
}
.news_center_list_img {
	overflow: hidden;
}
.news_center_list_img img {
	width: 100%;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
}
.news_center_list_img:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.news_center_content ul li a {
	display: block;
	color: #767676;
	font-size: 12px;
	margin-bottom: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background: url(../images/056.png) left center no-repeat;
	padding: 3px 0 3px 15px;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
}
.news_center_content ul li a .text {
	float: left;
	width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news_center_content ul li a .time {
	float: right;
	width: 20%;
	text-align: right;
}
.news_center_content ul li a:hover {
	color: #333;
	text-indent: 5px;
}
.footer {
	background: url(../images/0371.jpg) center top repeat;
}
.footer_content {
	padding: 30px 0;
	overflow: hidden;
	margin-left: -70px;
}
.footer_list {
	margin-left: 70px;
}
.quick_navigation_title, .footer_link_title, .footer_cotact_title {
	color: #D9D9DA;
	font-size: 16px;
	margin-bottom: 15px;
}
.quick_navigation {
	padding-left: 50px;
}
.quick_navigation ul li a {
	display: block;
	margin-bottom: 10px;
	color: #ffffff;
	font-size: 13px;
}
.quick_navigation ul li a:hover {
	color: #fff;
}
.footer_link ul li {
	float: left;
}
.footer_link ul li a {
	display: block;
	margin: 0 1px 1px 0;
	color: #ffffff;
	font-size: 13px;
	padding-right:16px;
}
.footer_link ul li a:hover {
	color: #fff;
}
.footer_cotact {
	color: #ffffff;
	font-size: 13px;
}
.footer_cotact .footer_cotact_type {
	width: 15%;
	display: block;
	float: left;
}
.footer_cotact .footer_cotact_content {
	width: 85%;
	display: block;
	float: left;
}
.footer_cotact ul li {
	margin-bottom: 10px;
	overflow: hidden;
}
.footer_cotact ul li a {
	color: #ffffff;
}
.footer .copyright {
	text-align: center;
	padding: 18px 10px;
	color: #ffffff;
	background: #257EFF;
	font-size: 12px;
	border-top: solid 1px #eee;
}
.z_banner {
	background: url(../images/0555.jpg) center top repeat;
	text-align: center;
	padding: 170px 0;
	overflow: hidden;
}
.support_z_banner {
	padding: 150px 0 70px 0;
}
.z_banner_title {
	font-size: 34px;
	color: #fff;
	margin-bottom: 10px;
}
.z_banner_text {
	font-size: 16px;
	color: #aedaff;
}
.case_show_content {
	margin: 50px 0;
	border-bottom: solid 1px #F7F7F7;
	overflow: hidden;
}
.case_show_list {
	overflow: hidden;
	padding-top: 50px;
	border-top: solid 1px #F7F7F7;
}
.case_show_brief_title {
	color: #333;
	font-size: 16px;
}
.case_show_brief_title span {
	color: #8a8a8a;
}
.case_show_brief_text {
	color: #8a8a8a;
	margin: 20px 60px 30px 0;
	line-height: 1.8;
}
.case_show_brief_button .all_button {
	padding: 8px 50px;
}
.case_show_more {
	padding: 50px 0;
	text-align: center;
}
.case_show_more .all_button {
	padding: 8px 50px;
}
.know_more {
	text-align: center;
	padding: 50px 0;
}
.know_more_text {
	font-size: 16px;
	color: #818181;
	margin-bottom: 20px;
	width: 1148px;
	margin: 0 auto;
}
.know_more_text img{
    width: 100%;
}
.know_more .all_button {
	margin: 0 15px;
}
.z_banner_input {
	position: relative;
	width: 100%;
	max-width: 800px;
	margin: 50px auto 20px auto;
}
.z_banner_input input {
	background: #fff;
	color: #829BC4;
	border: solid 1px #78ADF4;
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-radius: 3px;
	text-indent: 20px;
}
.z_banner_input img {
	position: absolute;
	top: 10px;
	right: 20px;
	cursor: pointer;
}
.hot_search {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.hot_search ul li {
	float: left;
	color: #C2D6F9;
	margin-right: 20px;
}
.hot_search ul li a {
	color: #A3BBE0;
}
.hot_search ul li a:hover {
	color: #C2D6F9;
}
.support_type {
	margin: 50px 0;
}
.support_type_content {
	margin-left: -50px;
}
.support_type_list {
	display: block;
	border: solid 1px #F2F2F2;
	text-align: center;
	padding: 10px 0;
	color: #7b7b7b;
	margin-left: 50px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.support_type_list.active {
	color: #fff;
	background: #3DA6F7;
	border: solid 1px #3DA6F7;
}
.support_type_list.normal:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: 0;
	height: 100%;
	background: #3DA6F7;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	z-index: -1;
}
.support_type_list.normal:hover:before {
	width: 100%;
}
.support_type_list.normal:hover {
	color: #fff;
	background: #3DA6F7;
	background: rgba(0, 0, 0, 0);
	border: solid 1px #3DA6F7;
	border: solid 1px rgba(0, 0, 0, 0);
}
.technical_support {
	background: #F5F7F9;
	overflow: hidden;
	padding: 50px 0;
}
.technical_support_content {
	overflow: hidden;
	margin-left: -30px;
}
.technical_support_list {
	margin-left: 30px;
	overflow: hidden;
}
.technical_support_type {
	background: #fff;
}
.technical_support_type .title {
	background: url(../images/074.png) center no-repeat;
	color: #fff;
	font-size: 16px;
	text-indent: 35px;
	padding: 15px 0;
	position: relative;
}
.technical_support_type .title span {
	position: absolute;
	top: 13px;
	right: 20px;
	display: none;
}
.technical_support_type .title span img {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transition: 0.4s all;
	-webkit-transition: 0.4s all;
}
.technical_support_type .title span.active img {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.technical_support_type ul li {
	position: relative;
	z-index: 1;
}
.technical_support_type ul li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	width: 0;
	height: 100%;
	background: #fafafa;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	z-index: -1;
}
.technical_support_type ul li a {
	display: block;
	color: #4e4e4e;
	padding: 15px 0;
	margin: 0 10px;
	border-bottom: solid 1px #F7F7F7;
	text-indent: 25px;
}
.technical_support_type ul li:last-child a, .technical_support_type ul li:hover:last-child a {
	border: none;
}
.technical_support_type ul li:hover:before {
	width: 100%;
}
.technical_support_type ul li:hover a {
	background: #3DA6F7;
	background: rgba(0, 0, 0, 0);
	border-bottom: solid 1px #3DA6F7;
}
.technical_support_type ul li:first-child.active {
	border-top: none;
}
.technical_support_type ul li.active {
	background: #3DA6F7;
	border-bottom: solid 1px #fff;
	border-top: solid 1px #fff;
}
.technical_support_type ul li.active a {
	color: #fff;
	border-bottom: solid 1px #3DA6F7;
}
.technical_support_type ul li.active:hover:before {
	display: none;
}
.technical_support_box {
	padding: 30px 20px;
	background: #fff;
}
.technical_support_box .title {
	font-size: 16px;
	color: #4e4e4e;
	text-indent: 10px;
}
.technical_support_box ul {
	margin: 15px 0;
	padding: 10px 0;
	border-top: solid 1px #F7F7F7;
	border-bottom: solid 1px #F7F7F7;
}
.technical_support_box ul li a {
	display: block;
	overflow: hidden;
	color: #9a9a9a;
	position: relative;
	z-index: 1;
	padding: 10px;
}
.technical_support_box ul li a:before {
	z-index: -1;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FAFAFA;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale3d(1, 0.1, 1);
	transform: scale3d(1, 0.1, 1);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.technical_support_box ul li a, .technical_support_box ul li a:before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.technical_support_box ul li a:hover:before {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.technical_support_box ul li a:hover {
	color: #333;
}
.technical_support_box ul li a .text {
	float: left;
	width: 85%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.technical_support_box ul li a .time {
	float: right;
	width: 15%;
	text-align: right;
}
.technical_support_page {
	padding: 0 20px 30px 20px;
	overflow: hidden;
	background: #fff;
}
.technical_support_page ul li {
	float: left;
}
.technical_support_page ul li a {
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border: solid 1px #D1D1D1;
	border-radius: 3px;
	color: #c1c1c1;
	margin-right: 15px;
}
.technical_support_page ul li a.active, .technical_support_page ul li a:hover {
	background: #3c9af2;
	color: #fff;
	border: solid 1px #3c9af2;
}
.technical_support_page ul li a.disable {
	cursor: not-allowed;
}
.technical_support_page ul li a.disable:hover {
	color: #c1c1c1;
	background: #fff;
	border: solid 1px #D1D1D1;
}
.technical_support_box_z {
	background: #fff;
	padding: 30px;
}
.technical_support_box_z_header .title {
	color: #4E4E4E;
	font-size: 24px;
}
.technical_support_box_z_header ul {
	overflow: hidden;
	margin-top: 10px;
}
.technical_support_box_z_header ul li {
	float: left;
	font-size: 12px;
	color: #989898;
	margin-right: 20px;
}
.technical_support_box_z_info_box {
	border-top: solid 1px #F7F7F7;
	border-bottom: solid 1px #F7F7F7;
	margin: 30px 0;
	padding: 30px 0;
}
.technical_support_box_z_info img {
	max-width: 100%;
	height: auto !important;
}
.technical_support_page_z {
	background: #fff;
	overflow: hidden;
	padding: 0 30px 30px 30px;
}
.technical_support_page_z a {
	display: inline-block;
	padding: 8px 45px;
	background: #fff;
	border: solid 1px #F7F7F7;
	color: #9a9a9a;
	border-radius: 3px;
}
.technical_support_page_z a.active, .technical_support_page_z a:hover {
	background: #3F98F2;
	color: #fff;
	border: solid 1px #3F98F2;
}
.technical_support_page_z a.page_next {
	float: right;
}
.template_search {
	text-align: center;
	margin: 50px 0;
	overflow: hidden;
}
.template_search_select {
	display: inline-block;
	margin: 0 30px;
}
.template_search_select select {
	color: #adadad;
	width: 280px;
	height: 40px;
	text-indent: 15px;
	border: solid 1px #F0F0F0;
	border-radius: 3px;
	cursor: pointer;
}
.template_search_select option {
	color: #adadad;
}
.template_search_button {
	display: inline-block;
	margin: 0 30px;
}
.template_search_button .all_button {
	display: initial;
}
.template_show_content {
	position: relative;
	overflow: hidden;
}
.template_show_content:before {
	content: "";
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	background: #F7F7F7;
}
.template_show_list_box {
	border-bottom: solid 1px #F7F7F7;
}
.template_show_list {
	width: 96%;
	max-width: 540px;
	margin: 0 auto;
	padding: 80px 0;
}
.template_show_list_text {
	margin: 25px 0;
	overflow: hidden;
}
.template_show_list_text ul li {
	float: left;
	margin-right: 30px;
	color: #9a9a9a;
}
.template_show_list_text ul li span {
	color: #636363;
}
.template_show_list_button a:last-child {
	float: right;
}
.template_show_list_button .all_button {
	padding: 8px 40px;
}
.template_show .know_more {
	border-top: solid 1px #F7F7F7;
}
.introduce {
	padding: 50px 0;
}
.introduce1 {
	padding-bottom:30px;
	padding-top:100px;
}
.introduce2 {
	padding-bottom:0px;
	padding-top:100px;
}
.introduce_content {
	overflow: hidden;
	position: relative;
}
.absolute10{
	position: absolute;
	width: 100%;
	height: 55%;
	background: #F2F9FC;
	left: 0;
	bottom: 0;
}
.swiper-pagination{
    padding-top: 30px;
}
.introduce_list_brief {
	margin: 0 50px 20px 0;
}
.introduce_list_title {
	font-size: 25px;
    color: #A2A2A2;
    font-weight: 600;
    margin-bottom: 10px;
    padding-top: 30px;
}
.introduce_list_text {
	color: #969696;
}
.cloud_platform {
	padding: 100px 0;
	background: url(../images/076.jpg) center top repeat;
}
.cloud_platform_content {
	overflow: hidden;
	margin: 80px 0 80px -30px;
}
.cloud_platform_list {
	display: block;
	margin-left: 30px;
	background: #fff;
	text-align: center;
	padding: 60px 20px;
}
.cloud_platform_list_title {
	font-size: 16px;
	color: #333;
}
.cloud_platform_list_text {
	color: #aeaeae;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	margin-top: 10px;
}
.cloud_platform_solution {
	text-align: center;
	color: #fff;
}
.cloud_platform_solution .title {
	font-size: 24px;
}
.cloud_platform_solution .text {
	color: #c0e3ff;
	margin-top: 10px;
}
.industry {
	padding: 100px 0;
}
.industry_content {
	margin-top: 50px;
	overflow: hidden;
}
.industry_list_img {
	text-align: center;
}
.industry_list_left {
	text-align: right;
	padding-right: 60px;
}
.industry_list_rigth {
	text-align: left;
	padding-left: 60px;
}
.industry_list_brief {
	margin-bottom: 40px;
}
.industry_list_title {
	color: #474747;
	font-size: 18px;
	margin-bottom: 30px;
}
.industry_list_brief_title {
	color: #464646;
}
.industry_list_brief_text {
	margin-top: 5px;
	height: 40px;
	line-height: 20px;
	color: #9c9c9c;
	overflow: hidden;
}
.advantage_project {
	padding-top: 100px;
	background: url(../images/079.jpg) center bottom repeat;
}
.advantage_project_content {
	overflow: hidden;
	margin: 50px 0 0 -30px;
}
.advantage_project_list {
	overflow: hidden;
	margin: 0 0 100px 30px;
}
.advantage_project_list_brief {
	padding-left: 10px;
	color: #fff;
}
.advantage_project_list_brief .title {
	font-size: 16px;
}
.advantage_project_list_brief .text {
	font-size: 12px;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
}
.marketing_support {
	padding: 100px 0;
}
.marketing_support_content {
	overflow: hidden;
	margin-left: -20px;
}
.marketing_support_list {
	margin-left: 20px;
}
.marketing_support_list_brief {
	margin-top: 30px;
}
.marketing_support_list_brief .title {
	color: #383838;
	font-size: 18px;
}
.marketing_support_list_brief .text {
	color: #686868;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
}
.proxy_process {
	padding: 100px 0;
	background: #3BA1F2;
}
.proxy_process_line {
	height: 15px;
	width: 96%;
	max-width: 1000px;
	margin: 0 auto;
	background: #fff;
	margin-top: 60px;
}
.proxy_process_content {
	margin: -55px 0 0 -20px;
}
.proxy_process_list {
	display: block;
	text-align: center;
	margin-left: 16px;
	margin-bottom: 20px;
}
.proxy_process_list_top {
	width: 90px;
	height: 90px;
	text-align: center;
	line-height: 90px;
	margin: 0 auto;
	border-radius: 100%;
	background: #fff;
	color: #3ba1f2;
	font-size: 28px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.proxy_process_list_top:before {
	content: "";
	width: 70px;
	height: 70px;
	background: #fff;
	background: rgba(59, 161, 242, 1);
	border-radius: 100%;
	position: absolute;
	top: 12%;
	left: 12%;
	z-index: -1;
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: 0.4s all;
	-webkit-transition: 0.4s all;
}
.proxy_process_list_middle {
	width: 15px;
	height: 15px;
	background: #fff;
	margin: -1px auto 0 auto;
}
.proxy_process_list_bottom {
	background: #fff;
	padding: 30px 0;
	min-height: 190px;
	border-radius: 5px;
}
.proxy_process_list_bottom .title {
	color: #3b3b3b;
	font-size: 15px;
	margin-bottom: 10px;
}
.proxy_process_list_bottom .text {
	color: #939393;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
}
.proxy_process_list:hover .proxy_process_list_top:before {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
}
.proxy_process_list:hover .proxy_process_list_top {
	color: #3ba1f2;
	color: rgba(255, 255, 255, 1);
}
.proxy_process_list:hover .proxy_process_list_bottom .text {
	color: #333;
}
.h82 {
	height: 82px;
	padding: 0px;
}
.page_num_box {
	float: right;
}
.page_num_box ul li {
	float: left;
}
.page_num_box ul li a {
	display: block;
	border: solid 1px #E9E9E9;
	padding: 3px 0;
	width: 25px;
	text-align: center;
	font-size: 12px;
}
.page_num_box ul li a:hover, .page_num_box ul .page_num_active {
	background: #008BD6;
	color: #fff;
	border: solid 1px #008BD6;
}
.news_banner {
	padding: 40px 0;
}
/*
*  Author:????(Jabo)
*  Time: 2016/07/19
*  Dec: ??????????????
*/

/*????????????li*/

/*
.header .header_menu ul li:last-child {
    display:none;
}*/

/*?????IE?????*/
.header .header_menu ul .nav-last-li {
	display: none;
}
/**
 * AUTHOR:????(Jabo)
 * TIME:2016/07/25
 * DESC:???????
 * */

.template_show_list_button .all_button {
	padding: 6px 30px;
}
.template_show_list_button .all_button:first-child {
	float: right;
	margin-left: 25px;
}
.template_show_list {
	width: 82%;/*	padding: 80px 0;*/
	/*padding-right: 10px;*/
}
.template_show-container {
	background: #fff;
	height: 100%;
	padding: 10px 10px 68px 10px;
}
.template_show_list_text {
	position: absolute;
	margin: 22px 0 12px 0;
}
.template_show_list_pic img {
	background: transparent;
	background-color: rgba(0, 0, 0, 0);
}
.template_show_list_pic {
	position: relative;
}
.template_show_list_pic .front-model {
/*position: relative;*/
}
.template_show_list_pic .front-img {
	position: absolute;
	transition: all 0.3s;
}
.template_show_list_pic .front-img:hover {
	opacity: 0;
	filter: Alpha(opacity=0);
}
.template_show_list_button {
	margin-top: 28px;
}
.template_show_list_text h3 {
	color: #636363;
	padding-bottom: 3px;
}
.template_show_list_text p {
	color: #9A9A9A;
}
.web_tip {
	margin: 76px 0 36px;
	text-align: center;
	position: relative;
}
.web_tip:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	right: 0;
	width: 80%;
	max-width: 600px;
	margin: 0 auto;
	border-bottom: 1px solid #eee;
}
.web_tip h4 {
	font-size: 16px;
	position: relative;
	display: inline-block;
	background-color: #fff;
	padding: 0 30px;
	z-index: 1;
}
.web_tip .create_web {
	margin-top: 18px;
}
.web_tip a {
	display: inline-block;
	padding: 6px 30px;
	background: #3B9EF3;
	border-radius: 3px;
	color: #fff;
	border: solid 1px #3B9FF2;
	transition: all 0.3s;
}
.web_tip a:hover {
	background: transparent;
	color: #3B9FF2;
}

/*
 * @Autor:Jabo(????)
 * Time:2016/09/07
 * Desc:????????
 */

.support_type_content .kzf-mod-center {
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-25%);
	-moz-transform: translateX(-25%);
	-ms-transform: translateX(-25%);
	transform: translateX(-25%);
}
.kzf-mod-new-container {
	margin-bottom: 95px;
}
.kzf-mod-new-container .container {
	max-width: 900px;
}
.kzf-mod-new-container .kzf-mod-new-li {
	position: relative;
	overflow: hidden;
	padding: 10px 0;
	margin: 4px 0;
}
.kzf-mod-new-container .kzf-mod-new-li:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	background: #3DA6F7;
	z-index: -1;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
.kzf-mod-new-container .kzf-mod-new-li:hover:after {
	right: 0;
	width: 100%;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box {
	padding: 6px 0;
	border-right: 1px solid #eee;
	text-align: center;
	color: #ccc;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
.kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-time-box {
	color: #fff;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {
	padding: 12px 40px;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {
	font-size: 36px;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-year {
	font-size: 14px;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {
	position: relative;
	font-size: 16px;
	color: #767676;
	line-height: 24px;
	padding-bottom: 12px;
	text-indent: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title:before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	border: 7px solid;
	border-color: transparent transparent transparent #afafaf;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-text {
	font-size: 14x;
	color: #b2b2b2;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
.kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-title {
	color: #fff;
}
.kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-text {
	color: #fff;
}
.kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-title:before {
	border-left-color: #fff;
}
 
.kzf-mod-new-btn-more {clear: both;margin:0 auto;overflow: hidden; text-align: center;font-size:12px; padding: 55px 0;     max-width: 900px;}
.kzf-mod-new-btn-more ul{ margin:0 auto; display:inline-block;}
.kzf-mod-new-btn-more li{padding:0 13px; line-height:36px; display:inline-block; font-size:14px; border:1px solid #ddd; margin-left:-1px; float:left; background-color:#FFF; cursor:pointer;}
.kzf-mod-new-btn-more li.thisclass,.kzf-mod-new-btn-more li.thisclass a,.kzf-mod-new-btn-more li.thisclass a:hover{color:#fff !important; background-color: #257dff;}




/*
 * @Autor:Jabo(????)
 * Time:2016/09/12
 * Desc:???????
 */

.kzf-mod-case-container {
	padding: 65px 0;
}
.kzf-mod-so-title-box {
	margin: 25px 0 56px;
	text-align: center;
}
.kzf-so-title {
	margin-bottom: 10px;
	font-size: 36px;
	color: #3c94f1;
}
.kzf-so-text {
	color: #818181;
}
.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box {
	margin-left: -30px;
	text-align: center;
}
.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap {
	margin: 0 0 60px 30px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap .kzf-mod-pic {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap:hover .kzf-mod-pic {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}
.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap .kzf-mod-title {
	color: #818181;
}
.kzf-mod-link-container {
	padding: 76px 6px 110px;
	background: url(../images/so-link-bg.png) no-repeat;
	background-size: cover;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {
	margin: 0 0 30px -26px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box> div {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box> div a {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {
	padding: 20px 3px;
	margin: 0 0 3px 26px;
	width: 100%;
	text-align: center;
	background-color: rgba(180, 180, 180, .2);
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-pic {
	margin-bottom: 20px;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-txt {
	color: #fff;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box {
	margin-left: -15px;
	/*QQ????*/
	display: none;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap {
	margin-left: 15px;
	margin-bottom: 1px;
	padding: 12px 3px;
	text-align: center;
	color: #fff;
	background-color: rgba(180, 180, 180, .2);
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap img {
	margin-right: 10px;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span {
	vertical-align: middle;
	font-size: 16px;
}

/*
 * @Autor:?????
 * Time:2016/09/12
 * Desc:????????
 */

.kzf-mod-product {
	padding: 90px 0;
	text-align: center;
}
.kzf-mod-product-title {
	font-size: 36px;
	color: #3c94f1;
}
.kzf-mod-product-brief {
	color: #818181;
	margin: 20px 0 55px 0;
}
.kzf-mod-product-list-title {
	color: #333;
	font-size: 18px;
	margin: 25px 0 10px 0;
}
.kzf-mod-product-list p {
	line-height: 2;
	color: #818181;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
}
.kzf-mod-product-list img {
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	position: relative;
	top: 0;
}
.kzf-mod-product-list:hover img {
	top: 5px;
}
.kzf-mod-product-list:hover p {
	color: #444;
}

.kzf-mod-custom {
	padding: 90px 0;
	text-align: center;
	background: #11121C;
}
.kzf-mod-custom-title {
	font-size: 36px;
	color: #3c94f1;
}
.kzf-mod-custom-brief {
	color: #818181;
	margin: 20px 0 55px 0;
}
.kzf-mod-custom-content {
	overflow: hidden;
}
.kzf-mod-custom-list {
	width: 14.2%;
	float: left;
}
.kzf-mod-custom-list img {
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	position: relative;
	top: 0;
}
.kzf-mod-custom-list-title {
	color: #fff;
	font-size: 18px;
	margin: 25px 0 10px 0;
}
.kzf-mod-custom-list p {
	line-height: 2;
	color: #818181;
	padding: 0 15px;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
}
.kzf-mod-custom-list:hover img {
	top: 5px;
}
.kzf-mod-custom-list:hover p {
	color: #FAFAFA;
}

.animenu__toggle {
  display: none;
  cursor: pointer;
  background-color: #111;
  border: 0;
  padding: 10px;
  height: 40px;
  width: 40px;
}
.animenu__toggle:hover {
  background-color: #0186ba;
}

.animenu__toggle__bar {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #fff;
  -webkit-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
  -o-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
  transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
}
.animenu__toggle__bar + .animenu__toggle__bar {
  margin-top: 4px;
}

.animenu__toggle--active .animenu__toggle__bar {
  margin: 0;
  position: absolute;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {
  opacity: 0;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animenu {
  display: block;
  float: right;
}
.animenu ul {
  padding: 0;
  list-style: none;
  font: 0px 'Open Sans', Arial, Helvetica;
}
.animenu li, .animenu a {
  display: inline-block;
  font-size: 15px;
}
.animenu a {
  color: #ffffff;
  text-decoration: none;
}

.animenu__nav {
}
.animenu__nav > li {
  position: relative;

}

.animenu__nav > li strong{
    display: inline-block;
}

.animenu__nav > li > a {
	margin-top:20px;
	padding:15px 24px;
    color: #000000;
	

}
.animenu__nav > li > a:hover {
	margin-top:20px;
    color: #ffffff;
    background-color: #257EFF;
	padding:15px 25px;
}
.animenu__nav > li > a:first-child:nth-last-child(2):before {
  
}
.animenu__nav > li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
}
.animenu__nav > li:hover > a {
  color: #ffffff;
    background-color: #257EFF;
}

.animenu__nav > li > .phone_th{
    color: #A4A4A4;
    font-size: 12px;
    float: left;
    width: 50px;
    /*margin-top: -5px;*/
}
.animenu__nav > li > .phone_img{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
}

.animenu__nav > li > .phone_img img{
    margin-bottom: 20px;
}



.animenu__nav__child {
  min-width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  margin: 30px 0 0 0;
  background-color: #373737;
  transition: margin .15s, opacity .15s;
}
.animenu__nav__child > li {
  width: 100%;
  border-bottom: 1px solid #515151;
}
.animenu__nav__child > li:first-child > a:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  left: 3em;
  top: -6px;
  border: 6px solid transparent;
  border-top: 0;
  border-bottom-color: inherit;
}
.animenu__nav__child > li:last-child {
  border: 0;
}
.animenu__nav__child a {
	padding-top:10px;
	padding-bottom:10px;
  width: 100%;
  border-color: #373737;
  font-size:12px;
  text-align:center;
}
.animenu__nav__child a:hover {
  background-color: #0186ba;
  border-color: #0186ba;
  color: #fff;
}



.animenu__nav--open {
  display: block !important;
}
.animenu__nav--open .animenu__nav__child {
  display: block;
}


.mian_tab.navbg{ 
    /*position:absolute; */
    z-index:1; }
  .mian_tab.navbg1{
      z-index: 11;
  }  
  

.mian_tab{ width:100%; background:url(../images/about_line.jpg) repeat-x center bottom;  overflow:hidden;    clear:both;}
.mian_tab_y{
    max-width: 1200px;
    transform:translateY(-62px);
    margin: 0 auto;
}

.mian_tab ul{ width:100%; text-align:center; margin:0 auto; overflow:hidden; position:relative;}

.mian_tab ul li{ display:inline; text-align:center; }

.mian_tab ul li a{ font-size:16px; line-height:62px; color:#333; display:inline-block;   margin:0 40px;}

.mian_tab ul li a:hover{ color:#257EFF; 
border-bottom:3px solid #257EFF;
}

.mian_tab ul li a.current{ color:#257EFF; border-bottom:3px solid #257EFF; }

/*宸﹀彸閿?/
.mian_tab .owl-carousel.owl-carousel .owl-stage-outer{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.mian_tab .owl-carousel .owl-nav .owl-prev{
    font-size: 0;
    background:url(../images/left.png);
    width: 35px;
    height: 34.8px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -17.5px;
    margin-left: 10%;
}
.mian_tab .owl-carousel .owl-nav .owl-next{
    font-size: 0;
    background:url(../images/right.png);
    width: 35px;
    height: 32px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -17.5px;
    margin-right: 10%;
}

.mian_tabaa.navbg{ position:absolute; z-index:1; }

.mian_tabaa{ width:100%; background:url(../images/about_line.jpg) repeat-x left bottom;  overflow:hidden;    clear:both;}

.mian_tabaa ul{ width:100%; text-align:center; margin:0 auto; overflow:hidden; }

.mian_tabaa ul li{ display:inline; text-align:center; }

.mian_tabaa ul li a{ font-size:16px; line-height:62px; color:#333; display:inline-block;   margin:0 10px;}

.mian_tabaa ul li a:hover{ color:#257EFF; border-bottom:3px solid #257EFF; }

.mian_tabaa ul li a.current{ color:#257EFF; border-bottom:3px solid #257EFF; }


@font-face {
	font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?qradjf');
    src:url('../fonts/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?qradjf') format('truetype'),
        url('../fonts/icomoon.woff?qradjf') format('woff'),
        url('../fonts/icomoon.svg?qradjf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
  font-family:"icomoon";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}

/*new right*/
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#ff6800;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#ff6800;}
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(../images/02index-banner-8.gif) no-repeat #ff6800 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url({eyou:global name='cfg_templets_skin'/}/images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../images/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#ff6800}
.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#ff6800}
.meau-zs .cndns-right-btn{background-color:#ff6800;color:#fff;margin-top:80px;border-color:#ff6800}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}











/*头锟斤拷*/
#bd {
	padding-top: 90px;
}
#hd {
	/*height: 101px;*/
	height: 90px;
	background: #fff;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index:9999;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.fixed {
	top: -101px !important;
}
#hd .logo {
	float: left;
	margin-right: 65px;
	/*height: 101px;*/
	height: 90px;
}
#hd .logo a {
	display: block;
	height: 100%;
	/*line-height: 101px;*/
	line-height: 90px;
}
#hd .logo a img {
	display: inline-block;
	vertical-align: middle;
}
#nav ul li {
	float: left;
	line-height: 90px;
	width: 100px;
	margin-right: 10px;
}
#nav ul li a {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	border-bottom: 3px solid #fff;
	height: 90px;
}
#nav ul li a:hover {
	border-bottom: 3px solid #e4392a;
}
#hd .tel {
	background: url(../images/tel_bg.png) left center no-repeat;
	line-height: 90px;
	float: right;
	padding-left: 37px;
	color: #e4392a;
	font-size: 18px;
}
/*锟街伙拷头锟斤拷*/
#m-hd {
	display: none;
}
#m-hd {
	height: 50px;
	line-height: 50px;
	background-color: #fff;
	padding: 0;
	position: fixed;
	width: 100%;
	z-index: 999999;
}
#m-hd img {
	height: 40px;
	padding: 10px 0 0 10px;
}
.m-trigger {
	position: absolute;
	top: 0;
	right: 10px;
	width: 50px;
	color: #fff;
	text-align: center;
	font-size: 30px;
	line-height: 45px;
	cursor: pointer;
	background: url(../images/menu_add.png) center center no-repeat;
	-webkit-background-size: 50px;
	background-size: 25px;
	height: 50px;
}
.m-nav {
	z-index: 60;
	position: absolute;
	top: 50px;
	width: 100%;
	left: 0;
	background: url(../images/alpha_black_70.png) repeat;
	text-align: center;
	display: none;
}
.m-nav li {
	border-bottom: 1px solid #565656;
}
.m-nav a {
	display: block;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	text-align:center;
	color: #fff;
	font-size: 14px;
}
.m-nav a:hover, .m-nav a:active {
	color: #e4392a;
}
.m-sub {
	text-align: left;
	display: none;
	width:100%;
}
.m-sub a {
	border-bottom: none;
	font-size: 13px;
}
/*锟阶诧拷*/
#fd {
	background: url(../images/fd_bg.png) center top no-repeat;
	padding-top: 75px;
}
.index-fd {
	margin-top: -31px;
}
#fd .fd-top {
	overflow: hidden;
	color: #fff;
	padding-bottom: 45px;
}
#fd dl {
	float: left;
	width: 20%;
}
#fd dl dt {
	font-size: 16px;
	padding-bottom: 20px;
}
#fd .ul-fd li {
	line-height: 26px;
}
#fd .ul-fd li a {
	color: #a8a8af;
}
#fd .ul-fd li a:hover {
	text-decoration: underline;
}
#fd .weixin, #fd .sina {
	background: url(../images/fd_icon1.png) no-repeat;
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 25px;
}
#fd .weixin-pic {
	position: absolute;
	left: -150px;
	top: 0;
	display: none;
}
#fd .tel {
	font-weight: normal;
	font-size: 24px;
	padding-bottom: 15px;
}
#fd h5 {
	font-size: 16px;
	color: #a8a8af;
}
#fd .sina {
	background-image: url(../images/fd_icon2.png);
}
#fd .fd-copy {
	height: 40px;
	line-height: 40px;
	color: #a3a3a9;
	background-color: #000022;
}
/* side */
.side {
	position:fixed;
	width:50px;
	height:275px;
	right:0;
	top:250px;
	z-index:100;
}
.side ul li {
	width:50px;
	height:50px;
	float:left;
	position:relative;
	margin-bottom: 2px;
}
.side ul li .sidebox {
	position:absolute;
	width:50px;
	height:50px;
	border-radius:5px 0 0 5px;
	top:0;
	right:0;
	transition:all 0.3s;
	background:#000022;
	color:#fff;
	font:16px/50px "微锟斤拷锟脚猴拷";
	overflow:hidden;
}
.side ul li a:hover .sidebox {
	width: 175px;
}
.side ul li .sidetop {
	width:50px;
	height:50px;
	line-height:50px;
	display:inline-block;
	background:#000;
	opacity:0.8;
	filter:Alpha(opacity=80);
	transition:all 0.3s;
}
.side ul li .sidetop:hover {
	background:#e4392a;
}
.side ul li img {
	float:right;
}
.side2 {
	position: fixed;
	width: 40px;
	right: 10px;
	z-index: 100;
	top: 500px;
	height: 80px;
}
.side2 ul li {
	width: 40px;
	height: 40px;
}
.side2 ul li a {
	display: block;
	background-color: #e4392a;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
}
.side2 ul li a img {
	vertical-align: middle;
	display: inline-block;
}
.side2 ul li a:hover {
	background-color: #000022;
}
.side2 ul li .weixin {
	position: absolute;
	left: -154px;
	bottom: 0;
	display: none;
}
.side2 ul li .weixin em {
	background: url(../images/arr3.png) no-repeat;
	width: 5px;
	height: 17px;
	display: block;
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: 3px;
}
.side2 ul li .weixin img {
	display: block;
}

.banner-bg {
	background: url(../images/ban_bg.png) center top no-repeat;
	height: 54px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -30px;
	z-index: 60;
}
/*锟斤拷页*/
.tit-i {
	text-align: center;
	padding: 50px 0;
	line-height: 36px;
	overflow: hidden;
}
.tit-i h3 {
	font-size: 30px;
	color: #002;
	margin-bottom: 10px;
}
.tit-i h5 {
	font-size: 20px;
	color: #cacace;
	text-transform: uppercase;
	font-family: Arial;
}
.tit-i h5 span {
	color: #e4392a;
}
.tit-i em {
	width: 45px;
	border-bottom: 1px solid #7f7f90;
	display: inline-block;
}
.ul-icon-i li {
	float: left;
	width: 25%;
	text-align: center;
	padding-bottom: 70px;
	overflow: hidden;
}
.ul-icon-i li .pad {
	padding: 0 40px;
	position: relative;
}
.ul-icon-i li a {
	display: block;
}
.ul-icon-i li a span {
	background: url(../images/i_icon1.png) no-repeat;
	width: 134px;
	height: 134px;
	display: inline-block;
	margin-bottom: 55px;
}
.ul-icon-i li h3 {
	font-size: 16px;
	margin-bottom: 18px;
}
.ul-icon-i li em {
	width: 25px;
	border-bottom: 2px solid #707070;
	display: inline-block;
	margin-bottom: 30px;
}
.ul-icon-i li p {
	text-align: left;
	line-height: 24px;
	font-size: 14px;
}
.ul-icon-i li.li1 a span {
	background-position: 0 0;
}
.ul-icon-i li.li2 a span {
	background-position: -305px 0;
}
.ul-icon-i li.li3 a span {
	background-position: -615px 0;
}
.ul-icon-i li.li4 a span {
	background-position: -930px 0;
}
/*.ul-icon-i li a:hover span{
	background-image: url(../images/i_icon1_h.png);
}*/
.ul-icon-i li .pad .pic {
	position: absolute;
	left: 50%;
	top: 0;
	width: 134px;
	margin-left: -67px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-icon-i li .pad .pic img {
	display: none;
}
.ul-icon-i li .pad .pic .pic-icon {
	position: absolute;
	left: 0;
	top: -134px;
	display: block;
}
.ul-icon-i li a:hover p {
	text-decoration: underline;
	color: #333;
}
.row2 {
	background: url(../images/bg_1.png) center top no-repeat;
	padding-top: 20px;
}
.case-i-l, .case-i-r {
	width: 50%;
}
.case-i-l {
	float: left;
	padding-right: 15px;
}
.case-i-r {
	float: right;
	padding-left: 15px;
}
.case-img, .case-img a img {
	width: 100%;
}
.case-img {
	position: relative;
	overflow: hidden;
}
.case-img .hover {
	position: absolute;
	left: 0;
	top: -434px;/*top: -433px;*/
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	width: 100%;
	height: 100%;
	text-align: center;
	background: url(../images/alpha_red_80.png) repeat;
	color: #fff;
}
.case-img.on .hover {
	top: 0;
}
.ul-case-i {
	margin: 0 -15px;
}
.ul-case-i li {
	float: left;
	width: 25%;
	padding: 0 15px;
	margin-bottom: 30px;
	overflow: hidden;
}
.ul-case-i li a {
	display: block;
	position: relative;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-case-i li .pic img {
	width: 100%;
	display: block;
}
.ul-case-i li a .hover {
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	text-align: center;
	background: url(../images/alpha_red_80.png) repeat;
	color: #fff;
	/*display: none;*/
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-case-i li .hover b, .ul-case-i li .hover .txt, .case-img .hover b, .case-img .hover .txt {
	display: inline-block;
	vertical-align: middle;
}
.ul-case-i li .hover b, .case-img .hover b {
	width: 0;
	height: 100%;
}
.ul-case-i li a:hover .hover {
	/*display: block;*/
	top: 0;
}
.ul-case-i-1 li {
	width: 25%;
}
.more-i {
	text-align: center;
	padding-bottom: 35px;
}
.more-i a {
	display: inline-block;
	width: 65px;
	height: 65px;
	background: url(../images/arr2.png) center center no-repeat #000014;
	border-radius: 100%;
}
.more-i a:hover {
	background-color: #e4392a;
}
.news-bg {
	background: url(../images/bg_2.png) center top no-repeat;
	overflow: hidden;
}
.tit-i-1 h3 {
	color: #fff;
}
.tit-i-1 em {
	border-bottom-color: #dddde1;
}
.ul-news-i {
	/*margin-right: -10px;*/
	margin-left: -30px;
	width: 110%;
}
.ul-news-i li {
	float: left;
	width: 24.5%;
	color: #fff;
	position: relative;
	min-height: 295px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	overflow: hidden;
}
.ul-news-i li:last-child {
/*width: 21%;*/
}
.ul-news-i li .txt {
	padding-left: 30px;
	padding-right: 58px;
}
.ul-news-i li .txt span {
	padding: 15px 8px;
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 5px;
	font-size: 14px;
}
.ul-news-i li .txt span em {
	display: block;
	font-size: 20px;
}
.ul-news-i li:last-child .txt {
/*padding-right: 0;*/
}
.ul-news-i li h3 a {
	color: #fff;
	display: inline-block;
	padding: 20px 0;
}
.ul-news-i li p {
	color: #bbbbbe;
	line-height: 20px;
}
.ul-news-i li .more {
	background: url(../images/more1.png) no-repeat;
	width: 36px;
	height: 36px;
	display: inline-block;
	margin-top: 50px;
}
.ul-news-i li .hover {
}
.ul-news-i li .hover .img {
	width: 100%;
	position: absolute;
	top: -165px;
	left: 7px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-news-i li .hover .pad {
	padding: 0 27px 20px 27px;
	position: absolute;
	left: 7px;
	bottom: -148px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	background-color: #000022;
	width: 92%;
}
.ul-news-i li .hover .img {
	height: 165px;
	width: 92%;
}
.ul-news-i li.on .hover .img {
	/*display: block;*/
	top: 0;
}
.ul-news-i li.on .hover .pad {
	bottom: 0;
}
.news-more {
	text-align: center;
	padding-bottom: 100px;
	padding-top: 50px;
}
.news-more a {
	display: inline-block;
	width: 178px;
	height: 48px;
	border: 1px solid #fff;
	border-radius: 5px;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
}
.news-more a:hover {
	background-color: #e4392a;
}
.contact-l {
	width: 38%;
	float: left;
}
.contact-r {
	width: 62%;
	float: right;
}
.ul-contact li {
	background: url(../images/i_icon2.png) no-repeat;
	padding-left: 60px;
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 35px;
}
.ul-contact li.li1 {
	background-position: 0 0;
}
.ul-contact li.li2 {
	background-position: 0 -74px;
}
.ul-contact li.li3 {
	background-position: 0 -184px;
}
.contact-form .inp {
	width: 49%;
	border: 1px solid #6d6d88;
	height: 33px;
	padding: 0 10px;
	margin-bottom: 15px;
}
.contact-form textarea {
	width: 100%;
	border: 1px solid #6d6d88;
	height: 98px;
	margin-bottom: 24px;
}
.contact-form .sub {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #63637f;
	border: 0;
	cursor: pointer;
	font-family:"微锟斤拷锟脚猴拷", "Microsoft Yahei";
	font-size: 16px;
}
.map {
	margin-top: 100px;
	position: relative;
}
.map em {
	background: url(../images/arr1.jpg) center top no-repeat;
	width: 100%;
	height: 15px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.map-s {
	background: url(../images/map_s.png) center top;
	height: 107px;
	text-align: center;
	overflow: hidden;
}
.map .btn {
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 132px;
	display: inline-block;
}
.map .btn-down {
	background: url(../images/map_down.png) no-repeat;
	width: 112px;
	height: 48px;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 52px;
	margin-left: -50px;
	z-index: 99;
}
#map {
}
.map-pop {
	display: none;
	height: 540px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.map .map-bg1, .map .map-bg2 {
	background: url(../images/ban_bg_top.png) no-repeat center 0;
	height: 54px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 66;
}
.map .map-bg2 {
	background-image: url(../images/map_bg2.png);
	height: 41px;
	bottom: 0px;
	top: auto;
}
.map-pop-big {
	height: 600px;
	bottom:auto;
	top: 0;
}
.map-big {
	height: 600px;
	margin-top: 0;
}
/*锟斤拷页*/
#ban-in {
	position: relative;
	background-position: center 0;
	background-repeat: no-repeat;
	/*padding-top: 16%;*/
	height: 300px;
}
#ban-in .ban-bg {
	background: url(../images/ban_bg.png) center top no-repeat;
	height: 54px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -30px;
	z-index: 60;
}
.pages {
	text-align: center;
	margin-bottom: 105px;
	margin-top: 20px;
}
.pages a {
	display: inline-block;
	width: 41px;
	height: 41px;
	background-color: #edecec;
	border-radius: 3px;
	text-align: center;
	line-height: 41px;
	font-family: Arial;
	font-size: 18px;
	color: #666;
	margin: 0 4px;
}
.pages a:hover, .pages .page-on {
	background-color: #e4392a;
	color: #fff;
}
/*锟斤拷思锟斤拷态*/
.ul-list {
	margin: 0 -15px;
}
.ul-list li {
	float: left;
	width: 25%;
	margin-bottom: 30px;
}
.ul-list li .pic img {
	width: 100%;
	height:170px;
	display: block;
	transform: perspective(800px) rotateY(0deg);
	transition: all 1s ease 0s;
	-moz-transform: perspective(800px) rotateY(0deg);
	-moz-transition: all 1s ease 0s;
	-webkit-transform: perspective(800px) rotateY(0deg);
	-webkit-transition: all 1s ease 0s;
	-o-transform: perspective(800px) rotateY(0deg);
	-o-transition: all 1s ease 0s;
	-ms-transform: perspective(800px) rotateY(0deg);
	-ms-transition: all 1s ease 0s;
	zoom:1;
}
.ul-list li:hover img {
	transform: perspective(800px) rotateY(-179.9deg);
	-moz-transform: perspective(800px) rotateY(-179.9deg);
	-webkit-transform: perspective(800px) rotateY(-179.9deg);
	-o-transform: perspective(800px) rotateY(-179.9deg);
	-ms-transform: perspective(800px) rotateY(-179.9deg);
}
.ul-list li .pad {
	padding: 0 15px;
}
.ul-list li .bor {
	border: 1px solid #e2e3e8;
}
.ul-list li:hover .bor {
	border-color: #e4392a;
}
.ul-list li .txt {
	padding: 20px 14px;
	line-height: 20px;
	color: #666;
}
.ul-list li .more {
	height: 42px;
	line-height: 42px;
	border-top: 1px dotted #e2e3e8;
	background-color: #f0f2f5;
	padding: 0 14px;
	display: none;
}
.ul-list li .more a {
	color: #e4392a;
}
.ul-list li .more a:hover {
	text-decoration: underline;
}
.ul-list li .title {
	height: 55px;
	margin-bottom: 20px;
}
.ul-list li .title span {
	float: left;
	border: 1px solid #e2e3e8;
	background-color: #f0f2f5;
	display: inline-block;
	text-align: center;
	padding: 6px 5px;
	margin-right: 15px;
}
.ul-list li .title span em {
	display: block;
	font-size: 16px;
}
.ul-list li .title h3 {
	border-bottom: 1px solid #e2e3e8;
	overflow: hidden;
	height: 54px;
	font-size:14px;
}
/*锟斤拷思锟斤拷锟斤拷*/
.sub-nav {
	text-align: center;
	margin-bottom: 50px;
	margin-top: -18px;
}
.sub-nav ul li {
	display: inline-block;
	margin: 0 18px;
	font-size: 16px;
}
.sub-nav ul li a {
	padding-left: 14px;
	display: inline-block;
}
.sub-nav ul li a:hover, .sub-nav ul li.on a {
	background: url(../images/disc.jpg) left center no-repeat;
	color: #e4392a;
}
.ul-case {
	margin: 0 -15px;
}
.ul-case li {
	float: left;
	width: 30.8%;
	padding: 0 15px;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
}
.ul-case li .block {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.ul-case li .pic img {
	display: block;
	width: 100%;
	height:250px;
}
.ul-case li .txt {
	position: absolute;
	left: 0;
	top: 0%;
	width: 100%;
	height: 100%;
	background: url(../images/alpha_blue_60.png) repeat;
	text-align: center;
	color: #fff;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	opacity:0;
}
.ul-case li .txt h5, .ul-case li .txt h3 {
	color: #fff;
}
.ul-case li .txt:hover {
	opacity:1;
}
.ul-case li .txt b, .ul-case li .txt .pad {
	display: inline-block;
	vertical-align: middle;
}
.ul-case li .txt b {
	width: 0;
	height: 100%;
}
.ul-case li .txt h5 {
	font-size: 16px;
}
.ul-case li .txt em {
	width: 45px;
	height: 0;
	border-bottom: 1px solid #fff;
	display: inline-block;
	margin: 20px 0 40px 0;
}
.ul-case li .txt h3 {
	font-size: 18px;
	margin-bottom: 40px;
}
.ul-case li .txt .more {
	width: 122px;
	height: 45px;
	display: inline-block;
	text-align: center;
	line-height: 45px;
	background-color: #e4392a;
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
}
.ul-case li .txt .more:hover {
	opacity: .8;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.ul-case li.on .txt {
	top: 0;
}
/*锟斤拷锟斤拷锟斤拷思*/
.about-info {
	text-align: center;
	font-size: 14px;
	line-height: 34px;
	color: #666;
	padding-bottom: 50px;
}
.customer {
	background: url(../images/bg_3.jpg) center top no-repeat;
	padding-top: 25px;
	padding-bottom: 54px;
	margin-top: 50px;
}
.ul-customer li {
	float: left;
	width: 20%;
}
.ul-customer li a {
	display: block;
	width: 100%;
	height: 87px;
	border: 1px solid #fff;
	text-align: center;
	border: 0;
}
.ul-customer li a b, .ul-customer li a img {
	display: inline-block;
	vertical-align: middle;
}
.ul-customer li a b {
	width: 0;
	height: 100%;
}
.ul-customer li a img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.ul-customer li a:hover {
	border: 1px solid #fff;
}
.team {
	padding-bottom: 95px;
}
.team .flexslider {
	position: relative;
}
.team .flexslider em {
	width: 10px;
	height: 30px;
	display: inline-block;
	position: absolute;
	left: 50%;
	bottom: 0;
	background-color: #fff;
}
.team .flexslider .slides li {
	/*background-position: 89% 0;*/
	height: 468px;/*background-repeat: no-repeat;*/
}
.team .flexslider li .txt {
	padding-top: 85px;
	font-size: 14px;
	line-height: 36px;
	width: 30%;
	float: left;
}
.team .flexslider li .txt h3 {
	font-size: 30px;
	color: #63637f;
	padding-bottom: 25px;
}
.team .flexslider li .txt .more {
	width: 123px;
	height: 37px;
	border-radius: 5px;
	display: inline-block;
	line-height: 37px;
	text-align: center;
	margin-top: 40px;
	font-size: 16px;
	border: 1px solid #63637f;
	color: #63637f;
}
.team .flexslider li .txt .more:hover {
	border: 1px solid #e85346;
	color: #e4392a;
}
.team .flexslider li .pic {
	float: right;
	position: relative;
	width: 70%;
	margin-right: -308px;
}
.team .flexslider li .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 1\0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'\9;
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)\9;
}
.team .flex-direction-nav {
	max-width: 1170px;
	margin: 0 auto;
	background: url(../images/line.jpg) repeat-x center center;
	height: 30px;
	text-align: center;
}
.team .flex-direction-nav li {
	display: inline-block;
}
.team .flex-direction-nav a {
	position: relative;
	width: 216px;
	height: 30px;
	text-align: center;
	background: url(../images/arr_t.png) center center no-repeat #63637f;
	border-radius: 10px;
	display: inline-block;
	opacity: 1 !important;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	top: 13px;
}
.team .flex-direction-nav .flex-prev {
}
.team .flex-direction-nav .flex-next {
	background-image: url(../images/arr_b.png);
	left: 10px;
}
.team .flex-direction-nav a:hover {
	background-color: #e4392a;
}
.flexslider .animated {
	opacity: 0;
	filter: alpha(opacity=0);
	opacity: 100\9;
	filter: alpha(opacity=100)\9;
}



.ul-about li {
	float: left;
	width: 33.333%;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.ul-about li h3 {
	font-size: 24px;
	color: #002;
	line-height: 36px;
}
.ul-about li em {
	display: inline-block;
	width: 45px;
	height: 0;
	border-bottom: 1px solid #7f7f90;
	margin-bottom: 20px;
	margin-top: 25px;
}
.ul-about li .block {
	position: relative;
	height: 235px;
	margin: 0 auto;
}
.ul-about li .block img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.ul-about li.li1 .block {
	width: 150px;
}
.ul-about li.li2 .block {
	width: 215px;
}
.ul-about li.li3 .block {
	width: 252px;
}
.ul-about li.li1 .block, .ul-about li.li2 .block {
	padding-top: 30px;
}
.wp {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}
/*锟斤拷态锟斤拷锟斤拷页*/
.cur {
	line-height: 76px;
	font-family: "锟斤拷锟斤拷";
	color: #666;
	background-color: #f8f9fa;
}
.cur1 {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 31px;
}
.cur a {
	color: #666;
}
.article {
	color: #666;
	line-height: 30px;
}
.article h1 {
	font-size: 26px;
	color: #333;
	text-align: center;
	padding-top: 45px;
}
.article .time {
	line-height: 25px;
	height:25px;
	border-bottom: 1px solid #999;
	text-align: center;
	margin-bottom: 25px;
}
.article .share {
	margin-bottom: 70px;
}
.article .share span {
	font-size: 14px;
	float: left;
	display: inline-block;
	line-height: 37px;
}
/*锟斤拷锟斤拷锟斤拷锟斤拷*/
.case-article {
	line-height: 30px;
	color: #666;
}
.case-article-bg {
	margin-bottom: 13%;
	margin-bottom: 5%\0 !important;
	background-position: top center\0 !important;
}
.case-article .case-logo {
	text-align: center;
	padding-top: 38px;
}
.case-article h1 {
	line-height: 40px;
	font-size: 18px;
	text-align: center;
}
.case-article .btn {
	text-align: center;
	padding: 10px 0;
	margin-bottom: 30px;
}
.case-article .btn a {
	display: inline-block;
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background-color: #e4392a;
	color: #fff;
	font-size: 14px;
	margin: 0 12px;
	border-radius: 5px;
}
.case-article .computer-bg {
	position: relative;
	text-align: center;
	background: url(../images/computer.png) center top no-repeat;
	transform: translateY(45.9%);
	-webkit-transform: translateY(45.9%);
	-moz-transform: translateY(45.9%);
	width: 70%;
	margin: 0 auto;
	margin: -32% auto 0 auto;
	-webkit-background-size: 100%;
	background-size: 89%;
	padding-top: 70%;
	margin:0 auto\0;
	padding-top: 50%\0;
}
.case-article .computer-bg img {
	position: absolute;
	left: 8.5%;
	top: 4%;
	width: 83%;
}
.case-article .case-back {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 90px;
}
.case-article .case-back a {
	display: inline-block;
	width: 178px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	border: 1px solid #63637f;
	color: #002;
	font-size: 18px;
	border-radius: 5px;
}
.case-article .case-back a:hover {
	background-color: #e4392a;
	color: #fff;
	border-color: #e4392a;
}
.article-prev, .article-next {
	position: absolute;
	top: 50%;
	background: url(../images/article_prev.png) no-repeat;
	width: 36px;
	height: 66px;
	margin-top: -33px;
	left: 0;
	z-index: 2;
}
.article-next {
	background-image: url(../images/article_next.png);
	left: auto;
	right: 0;
}
/*锟斤拷思锟斤拷锟斤拷*/
.h50 {
	height: 50px;
	overflow: hidden;
	clear:both;
}
.ul-webset li {
	float: left;
	width: 33.333%;
	text-align: center;
	height: 322px;
}
.ul-webset li .block {
	position: relative;
	height: 220px;
	margin: 0 auto;
}
.ul-webset li.li1 .block {
	width: 366px;
}
.ul-webset li.li2 .block {
	width: 316px;
}
.ul-webset li.li3 .block {
	width: 230px;
}
.ul-webset li .block img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.ul-webset li h3 {
	font-size: 24px;
	line-height: 34px;
	color: #333;
}
.ul-webset li .btn {
	background: url(../images/disc2.png) center center no-repeat #e60012;
	width: 34px;
	height: 34px;
	border-radius: 100%;
	display: inline-block;
	margin-top: 30px;
}
.ul-webset li .btn:hover {
	opacity: .6;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 60)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}
.ul-webset {
}
.webset-pop {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #f5f6fa;
	border: 1px solid #e4e5e7;
	z-index: 60;
	padding: 0 27px;
	padding-bottom: 30px;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1;
	left: -100%;
	width: 100%;
	overflow: hidden;
}
.webset-pop h2 {
	font-size: 20px;
	text-align: left;
	line-height: 66px;
}
.webset-pop h2 a.close {
	background: url(../images/close.png) no-repeat;
	width: 28px;
	height: 28px;
	display: inline-block;
	position: relative;
	top: 20px;
	left: auto;
	float: right;
}
.webset-pop .txt {
	width: 25%;
	margin-right: -10px;
	display: inline-block;
	text-align: left;
	vertical-align: top;
}
.nowrap * {
	white-space: nowrap;
}
.webset-pop .txt h4 {
	font-size: 20px;
	background: url(../images/icon1.png) left top no-repeat;
	padding-left: 60px;
	height: 40px;
}
.webset-pop .txt h4.tit-web1 {
	background-image: url(../images/icon2.png);
}
.webset-pop .txt h4.tit-web2 {
	background-image: url(../images/icon3.png);
}
.webset-pop .txt dl {
	padding-left: 57px;
}
.webset-pop .txt dl dd {
	font-size: 16px;
	line-height: 34px;
	background: url(../images/disc4.png) left center no-repeat;
	padding-left: 15px;
}
.webset-pop .txt1 {
	width: 50%;
}
.ul-webset li .ul-txt {
	padding-left: 57px;
	border: 0;
}
.ul-webset li .ul-txt li {
	width: 100%;
	text-align: left;
	height: auto;
}
.ul-webset li .ul-txt li h5 {
	border: 0;
	font-size: 16px;
	height: 36px;
	line-height: 36px;
}
.ul-webset li .ul-txt li h5 a {
	padding-left: 15px;
	background: url(../images/disc4.png) left center no-repeat;
}
.ul-webset li .ul-txt li .txt-1 {
	font-size: 14px;
	line-height: 24px;
	color: #999;
	padding-left: 27px;
	padding-bottom: 15px;
	display: none;
}
.ul-webset li .ul-txt li.ok .txt-1 {
	display: block;
}
 ..ul-web {
 background: url(../images/jjd.png) center center no-repeat;
 overflow: hidden;
 background-size: 100%;
}
.ul-web li {
	float: left;
	text-align: center;
	width: 25%;
	padding-left: 5%;
}
.ul-web li h3 {
	display: inline-block;
	border: 1px dashed #358acb;
	height: 38px;
	line-height: 38px;
	border-radius: 5px;
	padding: 0 17px;
	color: #358acb;
	font-size: 16px;
	margin-top: 20px;
}
.ul-web li .block {
	position: relative;
	height: 151px;
}
.ul-web li .block img {
	position: absolute;
	left: 20px;
	top: 0;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.ul-web li.li1 .block {
	width: 116px;
	left: 50%;
	margin-left: -70px;
}
.ul-web li.li2 .block {
	width: 151px;
	left: 50%;
	margin-left: -95px;
}
.ul-web li.li3 .block {
	width: 125px;
	left: 50%;
	margin-left: -85px;
}
.ul-web li.li4 .block {
	width: 195px;
	left: 50%;
	margin-left: -120px;
}
.bg-blue {
	background: url(../images/bg_4.png) center top no-repeat;
	padding-top: 25px;
	padding-bottom: 100px;
}
.ul-tab {
	width: 193px;
	float: left;
	background: url(../images/line3.png) repeat-y 183px top;
	margin-right: 80px;
	padding-top: 45px;
}
.ul-tab li {
	margin-bottom: 50px;
}
.ul-tab li a {
	color: #666;
}
.ul-tab li h3 {
	font-size: 20px;
	background: url(../images/circle.png) right center no-repeat;

}
.ul-tab li span {
	display: block;
	font-size: 14px;
	color: #999;
}
.ul-tab li.hover h3, .ul-tab li a:hover h3 {
	background-image: url(../images/circle1.png);
	color: #e4392a;
}
.ul-tab li.hover span, .ul-tab li a:hover span {
	color: #e4392a;
}
.tab-show {
}
.tab-con {
	overflow: hidden;
}
.tab-con .animated {
	opacity: 0;
	filter: alpha(opacity=0);
}
.tab-show {
	height: 419px;
	overflow: hidden;
}
.web-con .shou {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}
.web-con .pic {
	float: right;
	position: relative;
	width: 139px;
	text-align: center;
	margin-top: 50px;
	margin-right: 40px;
}
.web-con .flex-control-nav {
	display: none;
}
.web-con .pic .img {
	/* position: absolute;
	left: 43px;
	top: 50px; */
	width: 139px;
	z-index: -1;
	display: inline-block;
}
.tab-con .txt {
	/*width: 66%;*/width: 84%;
}
.tab-con .pic {
	float: right;
	position: relative;
	width: 218px;
	text-align: center;
	margin-top: 50px;
}
.tab-con .pic .img {
	/* position: absolute;
	left: 43px;
	top: 50px; */
	width: 139px;
	z-index: -1;
}
.tab-con-box {
	width: 59%;
	float: left;
}
.tab-con .txt p {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	padding-bottom: 45px;
}
.ul-icon {
	/*padding-right: 50px;*/
	overflow: hidden;
}
.ul-icon li {
	width: 94px;
	height: 94px;
	border-radius: 100%;
	background-color: #e4e5e7;
	color: #666;
	text-align: center;
	float: left;
	font-size: 15px;
	line-height: 22px;
	padding: 0 17px;
	margin:  0 25px 30px 25px;
}
.ul-icon li b, .ul-icon li span {
	display: inline-block;
	vertical-align: middle;
}
.ul-icon li b {
	width: 0;
	height: 100%;
}
.service {
	background: url(../images/bg_5.png) center top no-repeat;
	padding-top: 25px;
	padding-bottom: 63px;
}
.process {
	overflow: hidden;
}
.process .con {
	position: relative;
}
.animate-box, .animate-box .con {
	width: 1170px;
}
.process .pad {
	padding-top: 26%;
}
.process img {
	position: absolute;
	left: 0;
	top: 0;
}
.process span {
	display: inline-block;
	color: #90a1b3;
	font-size: 16px;
	position: absolute;
}
.process span.s1 {
	left: 0%;
	top: 0%;
}
.process span.s2 {
	left: 4.6%;
	top: 0%;
}
.process span.s3 {
	left: 1.6%;
	top: 22%;
}
.process span.s4 {
	left: 1.6%;
	top: 65%;
}
.process span.s5 {
	left: 9.5%;
	top: 42%;
}
.process span.s6 {
	left: 20%;
	top: 65%;
}
.process span.s7 {
	left: 27%;
	top: 50%;
}
.process span.s8 {
	left: 38%;
	top: 89%;
}
.process span.s9 {
	left: 49%;
	top: 15%;
}
.process span.s10 {
	left: 57%;
	top: 89%;
}
.process span.s11 {
	left: 77.5%;
	top: 64%;
}
.process span.s12 {
	left: 94%;
	top: 4%;
}
.process em {
	position: absolute;
	background: url(../images/r1.png) no-repeat;
	display: inline-block;
	z-index: 60;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.process em.q1 {
	width: 60px;
	height: 61px;
	left: 0;
	top: 40%;
}
.process em.q2 {
	width: 57px;
	height: 57px;
	top: 42%;
	left: 19%;
	background-image: url(../images/r2.png);
}
.process em.q3 {
	background-image: url(../images/r3.png);
	width: 62px;
	height: 56px;
	top: 68%;
	left: 38%;
}
.process em.q4 {
	background-image: url(../images/r4.png);
	width: 86px;
	height: 86px;
	top: 29%;
	left: 47%;
}
.process em.q5 {
	background-image: url(../images/r5.png);
	width: 63px;
	height: 59px;
	top: 68%;
	left: 57%;
}
.process em.q6 {
	background-image: url(../images/r6.png);
	width: 51px;
	height: 51px;
	left:77%;
	top: 40%;
}
.process em.q7 {
	background-image: url(../images/r7.png);
	width: 68px;
	height: 63px;
	left: 94%;
	top: 18%;
}
.ul-solution {
	overflow: hidden;
}
.ul-solution li {
	float: left;
	width:16.66666%;/*width: 15.67%;*/
	text-align: center;
	margin-bottom: 65px;
	position: relative;
}
.ul-solution li a {
	display: block;
	height: 140px;
	font-size: 16px;
	line-height: 30px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-solution li a span {
	display: block;
	background: url(../images/icon_solution.png) no-repeat;
	width: 102px;
	height: 102px;
	margin: 0 auto;
	margin-bottom: 20px;
	position: relative;
}
.ul-solution li a em {
	display: block;
	position: relative;
}
.ul-solution li.li1 span {
	background-position: -1px 0;
}
.ul-solution li.li2 span {
	background-position: -215px 0;
}
.ul-solution li.li3 span {
	background-position: -429px 0;
}
.ul-solution li.li4 span {
	background-position: -643px 0;
}
.ul-solution li.li5 span {
	background-position: -857px 0;
}
.ul-solution li.li6 span {
	background-position: -1070px 0;
}
.ul-solution li.li7 span {
	background-position: 0px bottom;
}
.ul-solution li.li8 span {
	background-position: -215px bottom;
}
.ul-solution li.li9 span {
	background-position: -429px bottom;
}
.ul-solution li.li10 span {
	background-position: -643px bottom;
}
.ul-solution li.li11 span {
	background-position: -857px bottom;
}
.ul-solution li.li12 span {
	background-position: -1070px bottom;
}
.ul-solution li a:hover span {
	background-image: url(../images/icon_solution_h.png);
}
.service-con .pic a:hover {
	opacity: .8;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.service-con .col-l, .service-con .col-r {
	width: 50%;
	float: left;
}
.service-con .tit-s {
	line-height: 100px;
	background: url(../images/disc3.png) left center no-repeat;
	padding-left: 14px;
	font-size: 18px;
}
.ul-service li {
	float: left;
	width: 50%;
	padding-right: 29px;
	margin-bottom: 30px;
}
.ul-service li .pad {
	font-size: 14px;
	padding: 14px;
	height: 148px;
	border: 1px solid #e5e5e5;
}
.ul-service li .pad p {
	max-height: 60px;
	overflow: hidden;
}
.ul-service li .pad span {
	display: block;
	overflow: hidden;
	clear: both;
}
.ul-service li .pad span i {
	display: block;
	font-style: normal;
	vertical-align: top;
	padding-left: 40px;
	padding-top: 6px;
}
.ul-service li img {
	display: block;
	float: left;
	margin-bottom: 16px;
}
.ul-txt {
	border: 1px solid #e5e5e5;
}
.ul-txt li {
}
.ul-txt li h5 {
	background: url(../images/jia.png) 95% center no-repeat;
	font-size: 14px;
	height: 48px;
	line-height: 48px;
	border-bottom: 1px solid #e5e5e5;
	padding-left: 14px;
}
.ul-txt li .txt {
	border-bottom: 1px solid #e5e5e5;
	line-height: 20px;
	display: none;
	color: #666;
	height: 130px;
	padding: 0 14px;
}
.ul-txt li.ok .txt {
	display: block;
}
.ul-txt li.ok h5 {
	background-image: url(../images/jian.png);
	border-bottom: 0;
}
.service-btn {
	text-align: center;
	padding: 55px 0;
}
.service-btn a {
	display: inline-block;
	width: 170px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: #e4392a;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
	margin: 0 22px;
}
.service-btn a:hover {
	opacity: .8;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.case-img2 p {
	text-align: center;
}
.d_pages {
	text-align:center;
	margin-top:30px;
	display:inline-block;
	width:100%;
	margin-bottom:50px;
}
.d_pages ul {
	padding:12px 0px 12px 16px;
	text-align:center;
}
.d_pages ul li {
	float:left;
	font-family:Tahoma;
	line-height:28px;
	margin-right:6px;
	padding:0px 8px;
	border:1px solid #E9E9E9;
}
.d_pages ul li select {
	height:28px;
	line-height:28px;
	text-align:center;
}
.d_pages ul li a {
	float:left;
	color:#555;
	display:block;
	padding:0px 8px;
	line-height:28px;
}
.d_pages ul li a:hover {
	color:#690;
	text-decoration:none;
	line-height:28px;
	padding:0px 8px;
}
.d_pages ul li.thisclass, .d_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover {
	background-color:#F8F8F8;
	padding:0px 8px 0px;
	font-weight:bold;
}
.d_pages .pageinfo {
	line-height:28px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.d_pages .pageinfo strong {
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}
#nav .mycur {
	color:#e4392a;
	border-bottom:3px solid #e4392a;
}
.sub-nav ul li .mycur {
	background:url(../images/disc.jpg) left center no-repeat;
	color:#e4392a;
}





.m-til{
	position: relative;
	padding: 65px 0 15px 0;
	border-bottom:1px solid #c1c0c0;
}
.m-til h1{
	font-size: 14px;
	color:#969696;
	font-weight: normal;
}
.m-til h1 > span{
	font-size: 28px;
	color: #676767;
	position: relative;
}
.m-til h1 > span::after{
	display: block;
	content: "";
	width: 100%;
	position: absolute;
	height: 3px;
	bottom: -26px;
	background: #676767;
}
.m-til .more{
	color: #969696;
	font-size: 16px;
	margin-top: 20px;
}
.m-til .more span{
	font-family: monospace;
	font-weight: bold;
	font-size: 16px;
}
.m-til .more:hover {
	color: #3ba9c3;
}
.cnt-y{
	font-size: 14px;
	color: #676767;
	padding: 40px 0;
}
.cnt-yt{
	padding: 50px 0;
}

.btn-join{
	display: inline-block;
	width: 178px;
	line-height: 38px;
	border-radius: 19px;
	background: #ef9b11;
	color: #fff;
	font-size: 22px;
}
.cnt-yt{
	padding-bottom:50px;
	padding-top:0px;
	line-height:30px;
}
.cnt-yt p{
	line-height:28px;
}


/*锟斤拷页锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷*/
.contentCon08{ margin-bottom:-20px;}
.contentCon08 .students{margin:0 auto;width:1200px;height:220px;position:relative;}
.contentCon08 .students p.PP{width:410px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:160px; left:100px;}
#four_flash{position:relative;width:1200px;height:300px; margin:0 auto;position:absolute;bottom:0px;}
#four_flash .flashBg{width:1000px;height:300px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:300px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{display: inline-block;
	width: 160px;
	line-height: 47px;
	background: #efefef;
	margin:150px 0px 40px 30px;
	font-size: 18px;
	border-radius: 24px;
	text-align:center;
	}
#four_flash .flashBg ul.mobile li:hover{ background: #3bb3c2; color:ffffff;}
#four_flash .flashBg ul.mobile li p{font-size:16px; text-align:center;width:250px; line-height:24px;margin-top:10px; margin-left:10px}
#four_flash .flashBg ul.mobile li a{color:#676767;
	display: block;}
#four_flash .flashBg ul.mobile li a:hover{color: #ffffff;}
#four_flash .but_left{width:50px;height:100px;position:absolute; top:136px; left:0px;}
#four_flash .but_right{width:50px;height:100px; position:absolute; top:136px; right:0px;}
#four_flash .but_left:hover{background:url(../images/qianxleft1.png) no-repeat;}
#four_flash .but_right:hover{background:url(../images/qianxr1.png) no-repeat;}



/*鏂伴椈鍐呴〉*/
.p2_main{ width: 100%; min-width: 1200px; margin:0 auto; overflow: hidden; background: #fff;}
.p5_new_list{ width: 1260px; margin:0 auto; margin-top: 20px;}
.p5_new_left{ width: 835px; float: left; background: #fff; border-right:2px solid #F2F2F2;}
.p5_new_left h1{ font-size: 24px; color: #744935; text-align: center; margin-top: 30px;}
.p5_new_left h3{ font-size: 14px; color: #c6c6c6; text-align: center; padding-top:8px;}
.p5_new_left h4{ width: 756px; height:1px; background: #dadada; margin:0 auto; margin-top: 25px;}
.p5_new_word p{ padding:0 30px 0 30px; color: #8f8e8e; line-height: 30px; text-align: justify;}
.p5_new_left a{ color: #744935; text-decoration: none;}
.p5_new_left img{ display: block; margin:0 auto; }
.p5_new_word .new_button{ width: 500px;margin:0 auto; overflow: hidden; margin-bottom: 150px; margin-top: 48px; }
.p5_new_word .new_button li{ width: 104px; height: 36px; background: #4b4b4b; color: #fff; text-align: center; line-height: 36px; float: left; margin-left: 47px;}
.p5_new_word .new_button a{ display: block; text-decoration: none; color: #fff;}
.p5_new_word .new_button a:hover{ background: #004c56; color: #fff; border: none;}
.new_list_page{ width: 800px; margin:0 auto; margin-top: 40px; margin-bottom: 60px;}
.new_list_page h5{ font-size: 14px; color: #004c56; padding-left: 30px;}
.new_list_page h5 a{ text-decoration: none; color:#004c56; }
.p5_new_right{ width: 420px; float: right; background: #fff; padding-bottom: 40px;}
.p5_new_right h1{ width: 380px;font-size: 18px; margin-left: 30px; border-left:3px #744935 solid; padding-left: 8px; margin-top: 20px;  margin-bottom: 20px; color: #000; }
.p5_new_right_img{ width: 400px; margin:0 auto; overflow: hidden;padding-bottom: 15px;}
.p5_new_right_img li{ float: left; width: 180px; height: 159px; margin-left: 7px; margin-bottom: 40px; }
.p5_new_right img{ display: block; width: 180px; height: 159px;}
.p5_new_right_img li span{ display: block; float: left; text-align: left;}
.p5_new_right_img li a{ text-decoration: none; color: #333;}
.p5_new_right_img li a:hover{ color:#004c56; }
.p5_new_right h2{width: 380px; font-size: 18px; margin-left: 30px; margin-bottom: 20px; margin-top: 20px; border-left:3px #744935 solid; padding-left: 8px; color: #000;}
.p5_new_right_word{ width: 400px;  margin:0 auto; margin-bottom: 20px;}
.p5_new_right_word h3{ font-size: 16px;margin-left: 30px; padding-left: 10px; }
.p5_new_right_word h3:hover{ color:#004c56; }
.p5_new_right_word p{ font-size: 14px; color: #8f8e8e; padding:20px 40px 20px 40px; text-align: justify;}


.fyvideo {
	text-align: center;
}
.fyvideo video:focus{
	outline: none;
	border: none;
}



.content .header {padding-bottom: 50px;padding-top: 80px}#indexPage .content .header {padding-top: 0}
.content .header p {text-align: center;}.content .header p.title {color: #444;font-size: 26px}
#category li.hasmore div ul a.active, #category li.hasmore div ul a:hover {background: #7d7d7d;color: #fff}#teamlist {margin: 0 auto;width: 1100px;}#teamlist .wrap {margin-right: -70px}.teamitem {float: left;width: 320px;height: 460px;margin-right: 70px;margin-bottom: 50px}.teamitem a {width: 320px;height: 320px;display: block;position: relative;overflow: hidden}

.teamitem .title a{color: #9a9a9a;display:inline;}.teamitem a div.wrap {height: 50px;width: 100%;background: #da0000;position: absolute;bottom: -50px;color: #fff;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transform: translate(0, 0px)}


/*锟斤拷页锟脚讹拷*/
.Pageteam #teamlist .wrap { margin-right:0; }
#teamlist { width:1200px; padding-top:100px; }
#teamlist .teamitem .wrap { display:none; }
#teamlist .teamitem { width:560px; height:260px; margin: 0 40px 20px 0; transition: all 0.3s ease-out 0s; }
#teamlist .teamitem a { float:left; width:180px; height:160px; overflow:hidden; transition: all 0.3s ease-out 0s; }
#teamlist .teamitem a img { width:290px; height:200px; }
#teamlist .teamitem .teaminfo { float:right; width:308px; height:130px; transition: all .6s cubic-bezier(.215, .61, .355, 1);
padding:40px 20px 10px 0px; margin:0px; text-align:left; }
#teamlist .teamitem .title a { float:none; color:#333; left: 0; top: 0; }
#teamlist .teamitem .title { display:inline-block; padding-right: 12px; }
#teamlist .teamitem .subtitle { display:inline-block; max-width:202px; font-size:13px; color: #999; margin-top:7px; }
#teamlist .teamitem .seo_description { font-size:13px; line-height:26px; height: 80px; overflow: hidden; color: #757575; }
#teamlist .teamitem a.details:after { content: ''; width: 37px; height: 20px; display: block; position: absolute; top: 30px; left: 10px; background: transparent url(../images/icon.png) no-repeat -20px -66px; transition: all 0.3s ease-out 0s; }
#teamlist .teamitem:hover { border-top:1px solid #8cd4c1; }
#teamlist .teamitem:hover a { margin-top:0px; }
#teamlist .teamitem:hover .teaminfo { padding-top:48px; }
#teamlist .teamitem:hover a.details { opacity:1; margin-top:48px; border-color:#C8C8C8; }
.nobanner #projectlist .projectitem a .project_info p.title { color:#666; }
.nobanner #projectlist .projectitem a .project_info p.subtitle { color:#999; }

.Pageteam #teamlist { padding-top:10px; width: 1200px; }
.Pageteam #teamlist .teamitem a img { width:227px; height:240px; overflow:hidden;}
.Pageteam #teamlist .teamitem a img:after{ content:''; position:absolute; width:1px; border:1px solid rgba(0,0,0,.1); height:50px;}
.Pageteam #teamlist .teamitem { margin-bottom:30px; height:258px; background:#f8f8fa; width:578px; margin-right:20px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border:1px solid transparent;}
.Pageteam #teamlist .teamitem a { position:relative; top:10px; left:10px; width:auto;height: 250px;}
.Pageteam #teamlist .teamitem .seo_description { line-height:26px; color:#999;width: 270px;margin-top:15px;}
.Pageteam #teamlist .teamitem a.details { display:block; border-radius:0px; width:40px; height:40px; text-indent:-9999px; position:relative; border:none; top: 160px; transition: all 0.3s ease-out 0s; opacity:1;left: 52px;}
.Pageteam #teamlist .teamitem:hover { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08); background:#fff; border:1px solid #f2f2f2;}
.Pageteam #teamlist .teamitem .teaminfo { width:300px; padding:55px 0 0;}
.Pageteam #teamlist .teamitem:hover .teaminfo { padding-top:40px; }
.Pageteam #teamlist .teamitem .subtitle { display:block;}
.Pageteam #teamlist .teamitem .title a { top:0; left:0; color:#444;}
.Pageteam #teamlist .teamitem a.details::after {content: '';width: 37px;height: 20px;display: block;position: absolute;top:6px;left:-7px;background: transparent url(../images/icon.png) no-repeat -20px -66px;transition: all 0.3s ease-out 0s;}
.Pagenews #newslist .newsbody { width:700px;display: block;}
.Pagenews #newslist .left .newsbody { padding-left:0; margin-left:100px; }
.Pagenews #newslist .right .newsbody { padding-right:0; margin-left:100px; }
.Pagenews #newslist .right .newsbody .date {right: auto;left: 75px;}
















.fw {margin: 0 auto;width: 1180px;}
#teambody .theader .title {color: #343434;font-size: 30px}
#teambody .theader .subtitle {color: #626262;font-size: 14px}
#teambody .theader .postbody {margin-top: 36px}
#projectwrap {padding-top: 50px;min-height: 600px}
#projectbody {width: 800px;float: left;}

#projectimages {background: #fff;}
#projectimages li {margin-bottom: 10px}

#projectimages li img {display: block;float: none;margin: 0 auto;max-width: 100%}
#projectbody .postbody {padding: 20px 0;}
#projectinfo {width: 340px;margin-left: 40px;float: left}
#projectih {width: 340px}
#projecttags {margin-top: 20px}
#projecttags a {float: left;font-size: 13px;color: #989898;padding: 5px 10px;background: #f3f3f3;margin-right: 5px;margin-bottom: 5px}

#projecttags a:hover {color: #989898;background: #f3f3f3;}
#projectib {margin-right: -10px;margin-top: 20px}
#projectib .projectitem {width: 160px;height: auto;float: left;margin-right: 10px;margin-bottom: 14px}
#projectib .projectitem img {width: 100%;height: auto;float: none}
#projectib .projectitem a .project_info {width: 100%;height: 30px}
#projectib .projectitem a .project_info p {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#projectib .projectitem a .project_info p.title {margin-top: 10px;color: #333;font-size: 12px;transition: all ease-out .3s;}#projectib .projectitem a .project_info p.subtitle {margin-top: 0px;color: #b7b7b7;font-size: 12px;transition: all ease-out .3s;}

#projectinfo .header11 {padding: 0;border-bottom: #cccccc 1px dotted;width: 340px}
#projectinfo .header11 p {text-align: left}

#projectinfo .header11 .seo_description {color: #6a6a6a;font-size: 13px;line-height: 24px;margin: 30px 0}
.postbody {line-height: 24px;font-size: 13px;color: #6a6a6a}
.postbody a {color: #e0a240}.postbody a:hover {text-decoration: underline}
.postbody img {float: none}
.postbody hr {height: 1px;border: none;border-top: 1px dotted rgb(211, 211, 211);margin-top: 20px;margin-bottom: 20px;}

.postbody p {word-wrap: break-word;word-break: normal}.lowB #header11, .lowB #indexPage #mslider .bx-wrapper, .lowB .npagePage #banner div {position: relative}.lowB #indexPage .module.bgShow {background-attachment: scroll}.lowB #header11 {background: rgb(23, 28, 32)}.lowB .nobanner .npagePage {padding: 0}#footer {background: #000;width: 100%;position: relative;z-index: 2}






body.ipusher #header11 #logo {width: 100%;float: none;margin: 20px 0 0 0}
body.ipusher #header11 #logo img {float: none;margin: 0 auto;display: block}
body.ipusher #header11 ul li.navitem {width: 100%;padding: 0;text-align: center;line-height: 50px;border-top: 1px solid #272727;}
body.ipusher #header11 ul li.navitem ul.subnav li a:hover {text-indent: 0px;}
body.ipusher #header11 ul li.navitem ul.subnav {left: 100%;top: 0}
#logoClone {position: fixed;top: 0;left: 0;z-index: 98;width: 100%;height: 40px;}
#logoClone img {float: none}#teamlist .wow {animation-name: slideInUp;}
#projecttags {margin-top: 20px;width: 340px;margin-left: 40px;float: left;}
#projectib {margin-right: -10px;margin-top: 20px;margin-left: 40px;float: left;width: 340px;}
#pageswitch{margin-top:-150px; display:none;}#pageswitch a{width:50%;height:40px;padding:20px 0;float:left;background:#fff;font-family: "HELVETICANEUELTPRO-THEX", "微锟斤拷锟脚猴拷";transition: all ease-out .3s;position:relative;}
#pageswitch a:hover{background:#CCC;box-shadow:0 0 15px #ccc;z-index:3}
#pageswitch a .title{color: #444;}#pageswitch a .subtitle{color: #a5a5a5;}
#pageswitch .prev div{ text-align:left; margin-left:30px;}#pageswitch .next div{ text-align:right;margin-right:30px;}

.content #projectih1 .header11,.content #projectih2 .header11{ padding:0;}

#npagePage #projectlist .projectitem a .project_info div{ margin-top:0px;}
#npagePage #projectlist .projectitem a:hover img{ transform: scale(1, 1);}
#npagePage #projectlist .projectitem a:hover .project_info{ width:100%; height:100%;}
#npagePage #projectlist .projectitem a .project_info{ position:inherit;}
#npagePage #projectlist .projectitem a .project_info p.subtitle{color:#333;margin-top:0px; height:24px; line-height:24px; text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#npagePage #projectlist .projectitem a .project_info p.title{color: #b7b7b7; margin-top:0px; height:22px; line-height:22px;text-align:left; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#post_slider,#post_slider1{ height:500px;}
#post_slider li,#post_slider1 li{height:500px;}
ul.content_list:after {content: '';display: block;clear: both;}
.projectSubList{ margin-bottom:20px;}
.projectSubTitle{ font-size:24px; line-height:24px; margin:20px auto 50px; display:none}
.postbody img{max-width:100%;}
.bx-wrapper .bx-controls-direction a{z-index: 0;}
#indexPage #mslider .bx-wrapper .bx-pager{z-index: 0;}
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}
#projectbody img{max-width:820px; height:auto !important}





#indexPage #mproject .content .header11 { padding-top:40px; padding-bottom:40px; width:300px; float:left; }
#indexPage #mproject .content .header11 p.title, #indexPage #mproject .content .header11 p.subtitle { text-align:left; }
#indexPage #mproject #projectlist { width:1260px; }
#indexPage #mproject #projectlist { width:100%; margin:0 auto; margin-top:0 }
#indexPage #mproject .content .wrapper { width:1260px; margin: 0 auto; }
#indexPage #mproject #projectlist .projectitem { width:300px; margin:0 12px 25px 0; height:281px; background:none; border: 3px solid #fff; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mproject #projectlist .projectitem:hover { border-color:#ff7e46; box-shadow: 0 12px 10px rgba(0, 0, 0, 0.1); }
 #indexPage #mproject #projectlist .projectitem:nth-child(4n) {
margin-right:0;
}
#projectlist .projectitem a:hover .project_info { background:none }
#indexPage #mproject #projectlist .projectitem a .project_info div { height:81px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; bottom:0px; top:auto; width:100%; background:#fff; }
#indexPage #mproject #projectlist .projectitem a .project_info p { width:auto; text-align:left; }
#indexPage #mproject #projectlist .projectitem a .project_info .title { font-size: 16px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height:24px; line-height:24px; margin:0px; padding: 26px 30px 1px 20px; }
#indexPage #mproject #projectlist .projectitem:hover a .project_info .title, #indexPage #mproject #projectlist .projectitem:hover a .project_info .subtitle { color:#fff; }
#indexPage #mproject #projectlist .projectitem a .project_info .subtitle { color:#b7b7b7; display: block; height: 20px; line-height:24px; overflow: hidden; margin:0px; padding:0px 20px; }
#indexPage #mproject #projectlist .projectitem a img { height:200px; overflow:hidden; }
#indexPage #mproject #projectlist .projectitem a .project_info div:after { content:''; width:37px; height:20px; display:block; position:absolute; top:50%; right:2px; background: transparent url(../images/icon.png) no-repeat -30px -66px; transition: all 0.3s ease-out 0s; margin-top:-11px; border-left: 1px solid rgba(0, 0, 0, .0); }
#indexPage #mproject #projectlist .projectitem:hover a .project_info div { padding:5px 0; background:#ff7e46; }
#indexPage #mproject #projectlist .projectitem:hover a .project_info div:after { background: url(../images/icon.png) no-repeat 10px -66px; border-left:1px solid rgba(255, 255, 255, .2); }
/*锟斤拷页锟斤拷锟斤拷*/
#projectlist { text-align:center; float:right; width:960px; }
.npagePage #projectlist .wrapper { margin-left:24px; display:inline-block; width:auto; }
#sitecontent .npagePage #projectlist .projectitem { width:299px; margin:0 15px 25px 0; height:277px; background:none; display:inline-block; transition: all 0.3s ease-out 0s; }
#projectlist .projectitem a:hover .project_info { background:none }
.npagePage #projectlist .projectitem a .project_info div { height:80px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; bottom:0px; top:auto; width:100%; background:#fff; border-top: 1px solid rgba(0, 0, 0, .08); }
.npagePage #projectlist .projectitem a .project_info p { width:auto; text-align:left; }
.npagePage #projectlist .projectitem a .project_info .title { font-size: 15px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height:24px; line-height:24px; margin:0px; padding:14px 70px 0px 0px; }
.npagePage #projectlist .projectitem a .project_info .subtitle { color: #999; display: block; height: 20px; line-height: 20px; overflow: hidden; margin:0px; padding:0px 70px 0px 0px; }
.npagePage #projectlist .projectitem a .project_info div:after { content:''; width:37px; height:20px; display:block; position:absolute; top:50%; right:0; background: transparent url(../images/icon.png) no-repeat -30px -66px; transition: all 0.3s ease-out 0s; margin-top:-13px; border-left: 1px solid rgba(0, 0, 0, 0); }
.npagePage #projectlist .projectitem:hover a .project_info div { padding:5px 0; }
.npagePage #projectlist .projectitem:hover a .project_info div:after { background: url(../images/icon.png) no-repeat 16px -66px; border-left:1px solid rgba(0, 0, 0, .1); }
#projectlist .projectitem a:hover .project_info p.title { color: #666; font-size:15px; }
.npagePage #category { margin-left:0; padding-bottom:35px; width:182px; float: left; text-align:left; margin-top: -15px; }
.npagePage #category li { float:none; display:block; height:auto; line-height:43px; border-bottom:1px solid rgba(0, 0, 0, .08); padding-left: 16px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.npagePage #category li:hover { padding-left:25px; }
.npagePage #category li:last-child { border-bottom:none; }
.npagePage #category a { border:0px; background:none; color:#666; font-size:13px; position:relative; padding:0; line-height: 42px; height: 42px; }
.npagePage #category a::before {content:'';position:absolute;width:3px;height:12px;background:transparent;left:-16px;margin-top:15px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.npagePage #category li:hover a::before {background:#ff7e46;}
.npagePage #category a.active::before {background:#ff7e46;}
/*more效锟斤拷*/
#indexPage #mproject a.more, #indexPage #mnews a.more, #indexPage #mservice a.more { width:150px; height:45px; border-bottom:1px solid rgba(0, 0, 0, 0); border-top:1px solid rgba(0, 0, 0, 0); position:relative; border:0px; border-radius:0px; text-indent:-9999px; margin-top:70px; margin-bottom:90px; }
#indexPage #mproject a.more { margin-bottom:0px; margin-top:55px; }
#indexPage #mproject a.more i, #indexPage #mnews a.more i, #indexPage #mservice a.more i { width: 34px; height: 14px; display:block; background: url(../images/icon.png) no-repeat 0 -22px; position:absolute; top:50%; left:50%; margin-top:-7px; margin-left:-17px; z-index:3 }
#indexPage #mproject a.more i.fa-angle-right:before, #indexPage #mnews a.more i.fa-angle-right:before, #indexPage #mservice a.more i.fa-angle-right:before { display:none; }
#indexPage #mproject a.more:before, #indexPage #mnews a.more:before, #indexPage #mservice a.more:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 45px; z-index: 1; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-bottom:1px solid rgba(0, 0, 0, .4); border-top:1px solid rgba(0, 0, 0, .4); -webkit-transform: scale(0.1, 1); transform: scale(0.1, 1); display:block; }
#indexPage #mproject a.more:after, #indexPage #mnews a.more:after, #indexPage #mservice a.more:after { content: ''; display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:1; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); background-color: rgba(0, 0, 0, .6); opacity: 1; }
#indexPage #mproject a.more:hover, #indexPage #mnews a.more:hover, #indexPage #mservice a.more:hover { background: transparent; border: inherit; }
#indexPage #mproject a.more:hover::before, #indexPage #mnews a.more:hover::before, #indexPage #mservice a.more:hover::before {
opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
 #indexPage #mproject a.more:hover::after, #indexPage #mnews a.more:hover::after, #indexPage #mservice a.more:hover::after {
webkit-transform: scale3d(0.7, 0.7, 1);transform: scale3d(0.7, 0.7, 1);opacity:0;}
#indexPage #mproject a.more:hover i, #indexPage #mnews a.more:hover i, #indexPage #mservice a.more:hover i { background: url(../images/icon.png) no-repeat 0 -38px; }
/*锟斤拷锟斤拷*/
#indexPage #mpage.module.bgShow .bgmask { display:none; }
#mpage .module-content .header11 { padding-top:130px; padding-bottom:70px; }
#mpage .content .header11 p.title, #mpage .content p.seo_description { font-family: HELVETICANEUELTPRO-THEX, "微锟斤拷锟脚猴拷"; }
#mpage .content .header11 p.subtitle { font-family: "Times New Roman", Times, serif, HELVETICANEUELTPRO-THEX, "微锟斤拷锟脚猴拷"; }
#mpage .content p.seo_description { float: left; position: absolute; top: 50px; left: 50%; width: 800px; padding: 140px 0 10px 0; line-height: 30px; height: 80px; margin-left: -400px; }
#indexPage #mpage a.more { position:absolute; left:50%; margin-left:-100px; top: 270px; border-radius:0px; width:200px; height:45px; font-size:15px; font-family:"Times New Roman", Times, serif, '微锟斤拷锟脚猴拷'; color:#999; line-height:46px; text-align: center; text-indent:inherit; }
#indexPage #mpage a.more i { position:relative; top:2px; }
#indexPage #mpage a.more:hover { background:#fff; border:1px solid #999; }
#indexPage #mpage a.more:hover i { text-indent: 15px; }
/*锟斤拷锟斤拷*/
#indexPage #mnews .content .header11 { display:block; padding:90px 0 70px; }
#newslist .newstitem.left a.newscontent, #newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent, #newslist .newstitem.right a.newscontent:hover { padding:0px; }
#newslist .newstitem .newsimg { display:none; }
#newslist .news_wrapper, #newslist .newstitem a.newscontent:hover .news_wrapper { width:100%; background:transparent; }
#mnews #newslist { width:1100px; margin:0 auto; }
#indexPage #newslist .wrapper { margin-left:0px; }
#newslist .newsbody { width:100%; position:relative; max-width:100%; height:100%; }
/*#newslist .newsbody:after{ content:'';width: 25px; height:10px;background: url(../images/icon.png) no-repeat 0 -71px; position:absolute; left:100px; bottom:44px; opacity:0;transition: all 0.3s ease-out 0s}*/
#newslist .newsbody .title { height:42px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; font-size:16px; color: #575757; line-height:32px; text-align:left; position:absolute; top:54px; text-indent:0px; }
#indexPage #newslist .newsbody .title {padding-left:40px; font-size: 17px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*#indexPage #newslist .newstitem .newsbody .date::before { content:''; position:absolute; width:50px; height:1px; background:rgba(0,0,0,.0);transition: all 0.3s ease-out 0s;margin-top:58px; z-index:99;left: 40px;margin-block-start: 56px;    -webkit-margin-before:59px;}
#indexPage #newslist .newstitem:hover .newsbody .date::before { width:calc(100% - 40px); background:rgba(0,0,0,5);}
#newslist .separator { display:none; }*/
#newslist .newsbody .seo_description { height:78px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: all 0.3s ease-out 0s; margin-top: 0; color: #999; line-height:24px; text-align:left; position:absolute; top:108px; }
#newslist .newsbody .date { width:70px; height:88px; background: transparent; position: relative; top:-50px; padding:20px 30px 0 40px; font-weight:100; text-align:right; }
#indexPage #newslist .newsbody .date { width:auto; text-align:left; top: 10px; }
/*#newslist .newsbody .date:after{ content:'';width: 35px;height: 1px;background: rgba(0,0,0,.25);display: block;position: relative;top: 2px;left:-40px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}*/
#newslist .newsbody .date .md { color:#adadad; position: relative; top: 40px; transition: all 0.3s ease-out 0s; font-family: HELVETICANEUELTPRO-THEX, "微锟斤拷锟脚猴拷"; display:block; line-height:20px; width:100%; }
#indexPage #newslist .newsbody .date .md { font-size:12px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; top:35px;}
#newslist .newsbody .date .md span { display:none; border:none; }
#newslist .newsbody .date .year { font-size:38px; float: left; color: #999; font-family: HELVETICANEUELTPRO-THEX, "微锟斤拷锟脚猴拷"; display:block; line-height: 46px; position:relative; top:-30px; width:100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#newslist li.newstitem:hover .newsbody .date .year { color:#555; }
#newslist li.newstitem:hover { transition: all .3s ease-out 0s;}
#newslist li.newstitem:hover .date:after { left:85px; }
#indexPage #newslist li.newstitem:hover .newsbody .title { text-indent:0; top:100px; }
#newslist li.newstitem:hover .newsbody .seo_description { top:93px; }
#newslist li.newstitem:hover .newsbody:after { opacity:1; bottom:54px; left:135px; }
#mnews a.more { display:block; margin-bottom:80px; }
/*锟斤拷页锟斤拷锟斤拷*/
.Pagenews .content { text-align:center; }
.Pagenews #newslist { width:960px; float:right; }
.Pagenews #newslist .newstitem { width:100%; margin:0; height:190px; border-bottom: 1px solid rgba(0, 0, 0, .06); }
.Pagenews #newslist .wrapper .news_wrapper { position:inherit; margin-left:85px; }
.Pagenews #newslist .newstitem .newsimg { display:block; width: 300px; height: 127px; margin-top:30px;opacity:1;}
.Pagenews #newslist .news_wrapper, .Pagenews #newslist .newstitem a.newscontent:hover .news_wrapper { width:920px; }
.Pagenews #newslist .newsbody .date { width:120px; top:0; text-align:left; float: right; padding-right:50px; padding-right:0; padding-left:0; padding-top:14px;}
.Pagenews #newslist .left .newsbody .date { left:75px;}
.Pagenews #newslist .newsbody .date .year { color:#999; top:22px; font-size:30px; text-align:right; }
.Pagenews #newslist .newsbody .date .md { display:none; }
.Pagenews #newslist .newsbody .date:after { left:100px; top:8px; }
.Pagenews #newslist .newsbody .title { left:155px; width:460px; margin-top:-10px; line-height:24px; height:24px; }
.Pagenews #newslist .newsbody .seo_description { left:155px; width:460px; top:100px; margin-top:-12px; height:52px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.Pagenews #newslist .newstitem:hover .newsbody .title { left:170px;color:#333;}
.Pagenews #newslist .newstitem:hover .newsbody .seo_description { left:170px;color: #666;}
.Pagenews #newslist .newstitem:hover .newsbody .date:after { width:60px; background:#7D7D7D; }
.Pagenews #newslist .newstitem:hover .title { color:#333 }
.Pagenews #newslist .newstitem:hover .date .year { color:#333; }
.Pagenews #newslist .newstitem a.details { width:35px; height:35px; display:block; border-radius: 0; border:none; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
overflow:hidden; position:relative; margin:0px; z-index:3; top:-66px; right:0; float: right; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity:0;}
.Pagenews #newslist .newstitem:hover a.details { opacity:1; top:-96px;}
.Pagenews #newslist .newstitem a.details:after { content:''; width: 15px; height: 9px; background: url(../images/icon.png) no-repeat -110px -11px; display: block; margin: 13px 0 0 11px; position:absolute; top:0px; left:0px; }
.Pagenews #newslist .newstitem:hover .details { border-color: #b6b6b6; text-indent:130px; background:transparent; }
.Pagenews #newslist .newstitem:hover .details:after { background: url(../images/icon.png) no-repeat -1px -71px; }
.Pagenews #newslist .newstitem .details:hover { border:none; }
#indexPage #mteam .header11 img { width:360px; height:380px; overflow:hidden; border-radius: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list li:hover .header11 img { }
#indexPage #mteam .bx-wrapper .bx-controls-direction a { margin-top:-81px; border-radius: 3px; background: rgba(0, 0, 0, .1); width: 30px; height: 70px; }
#indexPage #mteam .bx-wrapper .bx-controls-direction a.bx-prev i { margin-left:10px; }
#indexPage #mteam .bx-wrapper .bx-controls-direction a i { font-size:26px; margin-top: 21px; margin-left: 11px; }
#indexPage #mteam .bx-wrapper .bx-controls-direction a:hover { background-color:rgba(0, 0, 0, .4); }
#indexPage #mteam .content_list li { background: rgba(255, 255, 255, .0); height: 400px; border-bottom: 1px solid rgba(255, 255, 255, .0); transition: all 0.3s ease-out 0s; }
#indexPage #mteam .content_list #teamitem_0:before { content:'01'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_0:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_1:before { content:'02'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_1:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_2:before { content:'03'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_2:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_3:before { content:'04'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_3:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_4:before { content:'05'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_4:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_5:before { content:'06'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_5:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_6:before { content:'07'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_6:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_7:before { content:'08'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_7:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_8:before { content:'09'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_8:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_9:before { content:'10'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_9:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_10:before { content:'11'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_10:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_11:before { content:'12'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_11:hover:before { top:80px; }
#indexPage #mteam .content_list li:hover { margin-top:0; border-bottom:1px solid rgba(255, 255, 255, .6); }
#indexPage #mteam .summary { padding:80px 30px 0 0px; width:500px; float: right; margin-right:130px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list li:hover .summary { padding-top:70px; }
#indexPage #mteam .header11 { width: 360px; float: left; display: block; margin-left: 100px; }
#indexPage #mteam a.details { display:block; width:140px; height:35px; border-radius:3px; color:#fff; font-size:0px; text-indent:0; position: relative; margin-top: 255px; line-height: 35px; text-align: center; }
#indexPage #mteam a.details:hover {  }
#indexPage #mteam a.details i { width:34px; height:11px; background:url(../images/icon.png) no-repeat 0 -130px; position:relative; top:5px !important; transition: all 0.3s ease-out 0s; }
#indexPage #mteam a.details:hover i { background:url(../images/icon.png) no-repeat 0 -150px; }
#indexPage #mteam a.details i.fa-angle-right::before {content:'';}
/*锟斤拷锟斤拷锟斤拷锟?/
#indexPage #mpartner .content .header11 { display:none; }
#indexPage #mpartner .module-content { padding:30px 0; height:80px; }
#indexPage #mpartner .wrapper { height:auto; }
#indexPage #mpartner .wrapper ul li { height:60px; padding-top:20px; }
#indexPage #mpartner .wrapper ul li a { width:112px; height:auto; margin-right:10px; }
#indexPage #mpartner .bx-wrapper .bx-pager { display:none; }
#indexPage #mpartner .bx-wrapper .bx-controls-direction { display:block; }
#indexPage #mpartner .bx-wrapper .bx-controls-direction a.disabled { display:block; }
#mpartner .bx-wrapper .bx-controls-direction a { background:none; }
#mpartner .bx-wrapper .bx-controls-direction a i { color:#c3c6ca; }
#mpartner .bx-wrapper .bx-controls-direction a:hover { background:#5d5d5d; }
#mpartner .bx-wrapper .bx-controls-direction a:hover i { color:#fff; }
#indexPage #mpartner .bx-wrapper .bx-prev { left:-58px; }
#indexPage #mpartner .bx-wrapper .bx-next { right:-58px; }
/*锟斤拷系*/ 
#indexPage #mcontact { background-color:#f3f3f3 }
#indexPage #mcontact .content { width:1200px; margin:0 auto; padding:80px 0 68px; height:auto; }
#indexPage #mcontact .content:after { content:''; display:block; clear: both; }
#indexPage #mcontact .content .header11 { width:480px; float:left; }
#indexPage #mcontact .content .header11 p.title { color: #666; text-align:left; }
#indexPage #mcontact .content .header11 .subtitle { text-align:left; font-family:"Times New Roman", Times, serif, HELVETICANEUELTPRO-THEX, "微锟斤拷锟脚猴拷"; }
#indexPage #mcontact .content #contactlist { width:720px; float:left; }
#mcontact .content #contactform { display:none; }
#mcontact .content #contactinfo { width:720px; float:left; position:relative; }
#mcontact .content #contactinfo p { float:left; width:290px; padding-right:60px; margin-top:14px; height:auto; color:#999; font-size:12px; line-height:inherit; }
#mcontact .content #contactinfo h3 { color:#696969; }
#mcontact #contactinfo div { position: absolute; top:35px; left:-250px; }
#mcontact #contactinfo div:after { content:'锟斤拷注'; color: #696969; height: 20px; font-size: 16px; line-height: 20px; overflow: hidden; position: absolute; top:-56px; left:0px; }
#mcontact #contactinfo div a { background-color: transparent; color:#9b9b9b; font-size:16px; border:2px solid rgba(0, 0, 0, 0) }
#mcontact #contactinfo div a:hover { background-color:#ff7e46; border:2px solid #ff7e46; border-radius:0px; }
#mcontact #contactinfo div a:hover i { color:#fff; }
/*footer*/
#indexPage .module.bgShow .bgmask { display:none; }
#footer { background:#fff; }
#footer a path { fill: rgb(148, 148, 148); }
#footer p { width:1200px; margin:0 auto; line-height:44px; padding:0; text-align:left; }
/*锟斤拷页*/
/*#pages a{ visibility:hidden;}*/
#pages a.active, #pages a:hover { background-color: #6b6b6b; }
/*锟斤拷页banner*/
.npagePage #banner, .npagePage #banner div { height:260px; }
/*0801*/
#header11 .content { text-align:center; width: 1200px; margin: 0 auto; }
#header11 .content img { float:none; }
#header11 #logo { padding:10px 0; float:left; }
.content .header11 p.subtitle { font-family:HELVETICANEUELTPRO-THEX, "微锟斤拷锟脚猴拷"; }
#indexPage #mproject #category { display: block; float: right; text-align: right; width: 900px; padding-bottom: 0; margin-top: 46px; }
#category a { border:none; font-size: 14px; padding:10px 28px; margin-right:0; }
#category a.active, #category a:hover { color:#000; }
#indexPage #category a.active, #indexPage #category a:hover { color:#fff; background:#ff7e46; }
#category a:hover::after {background:transparent;}
#header11 #logo img { transform: scale(1, 1); transition: all 0.3s ease-out 0s; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#header11.mini #logo img { transform: scale(0.8, 0.8); -moz-transform:scale(0.8, 0.8); -webkit-transform:scale(0.8, 0.8); -o-transform:scale(0.8, 0.8); }
#indexPage #mpage .content .header11 { width:100%; text-align:center; padding-top:80px; }
#indexPage #mcontact .content .header11 { padding-top:0; }
#indexPage #mslider .bx-wrapper { position:relative; }
#indexPage #mpage .wrapper li .fimg { width:100%; height:500px; margin-top:200px; }
#indexPage #mnews a.details { display:block; border:none; text-indent:100px; margin:0; color:#999; font-size:15px; width:40px; font-family:Georgia, "Times New Roman", Times, serif; height:11px; line-height:50px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: absolute; top: 145px; border-radius:0; overflow:hidden; background:#fff; opacity:0; background:url(../images/icon.png) no-repeat 0 -150px;}
#indexPage #mnews a.details i { position:relative; top:3px; }
#indexPage #mnews a.details:hover i { text-indent:10px; }
#indexPage #mnews #newslist .newstitem { margin: 0; transition: all 0.3s ease-out 0s; position:relative; }
#indexPage #mnews #newslist .newstitem:hover a.details i { text-indent: 10px; color: #707070; }
#indexPage #mnews { background-color: #f8f8fa; border-top: 1px solid rgba(0, 0, 0, .0); }
#indexPage #servicelist { height:300px; overflow:hidden; position: relative; top: -90px; z-index: 2; width:1260px; }
#sitecontent #indexPage #mservice .serviceitem a.details { width:35px; height:35px; text-align:center; display:block; border-radius: 0; border: 1px solid transparent; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
margin:0 auto; overflow:hidden; position:relative; top:-20px; display: none; }
#indexPage #servicelist .serviceitem div p.seo_description { margin-top:15px; padding:0 40px; line-height:24px; color:#fff; }
#indexPage #servicelist .serviceitem div p.title { font-size:18px; color:#fff; }
#indexPage #servicelist .serviceitem { height:280px; min-height:280px; margin-bottom:50px; padding-bottom:0; background:#fff; margin-right:0; width:420px; transition: all 0.3s ease-out 0s; }
#indexPage #servicelist #serviceitem_0 { background:#43b9f6; }
#indexPage #servicelist #serviceitem_1 { background:#6686ff; }
#indexPage #servicelist #serviceitem_2 { background:#9878ff; }
#indexPage #servicelist .serviceitem:hover { box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1); margin-top:-20px; height:320px; }
#indexPage #servicelist .serviceitem a { text-align:center; }
#indexPage #servicelist .serviceitem:last-child, #indexPage #servicelist .serviceitem:nth-child(3n) {margin-right:0}
#indexPage #mservice a.more { margin-top:0; display:none; }
#indexPage #mpartner { border-top:1px solid rgba(0, 0, 0, .05) }
.Pageanli #category a.active::after {display:none;}
#projectlist .projectitem a:hover img { transform: scale(1.08, 1.08); }
#sitecontent .npagePage #projectlist .projectitem { float:none; }
 #sitecontent .npagePage #projectlist .projectitem:nth-child(3n) {margin-right:0;}
#sitecontent .npagePage #projectwrap { width:1200px; }
#sitecontent .npagePage #projectwrap #projectbody { width:820px; }
#projecttags a:hover { background: #ff7e46; color:#fff; }
#projectib .projectitem a .project_info p.title { margin-bottom:4px; color:#666;}
#projectib .projectitem { margin-bottom:25px; }
.npagePage #banner { padding-top:80px; height:280px; }
.npagePage #banner div { height:280px; position:relative; }
.Pageservice #servicelist .serviceitem div::after {top:-5px;left:5%;}
.Pageservice #servicelist .serviceitem:hover div::after {width:94%;left:3%;height: 180px;top: -10px;}
.Pageservice #servicelist .serviceitem a.details { margin-top: -20px; opacity: 0; }
.Pageservice #servicelist .serviceitem:hover .details { margin-top:-51px; opacity: 1; border:transparent; }
.Pageservice #servicelist .serviceitem div { top:0; padding-top: 5px; }
.Pageservice #servicelist .serviceitem { margin-bottom:20px; padding-bottom:0; height:308px; min-height:308px;  margin-right:0; width:398px;border: 1px solid rgba(0,0,0,.0);}
.Pageservice #servicelist .serviceitem:hover { background:#fff; border-color:rgba(0,0,0,.08);margin-bottom:28px;}
.Pageservice #servicelist .serviceitem a img { top:0; width:380px; height:auto;}
.Pageservice #servicelist .serviceitem:nth-child(3n+1) a img {background: #43b9f6;}
.Pageservice #servicelist .serviceitem:nth-child(3n+2) a img {background: #6686ff;}
.Pageservice #servicelist .serviceitem:nth-child(3n+3) a img {background: #9878ff;}
.Pagenews #newslist .newstitem:nth-of-type(2n+1) {border-right:none;}
.Pageservice #servicelist .serviceitem div p.title::after {top:50px;background: rgba(0,0,0,.1);}
.Pageservice #servicelist .serviceitem div p.seo_description { margin-top:22px; }
.npagePage .postbody { width:1100px; overflow:hidden; }
#teampost .postbody { width:730px; overflow:hidden; }
#teampost #teambody .theader .title { font-size:26px; margin-bottom:5px; }
#indexPage #mteam { background:#449ce7; background-position: center; }
/*锟斤拷锟铰斤拷锟斤拷锟斤拷*/
#shares a { width:40px; height:40px; }
#shares a#sshare { display:none; }
#shares a i { margin-top:11px; }
#shares a i.fa-weixin { margin: 11px 0 0 14px; background-image: url(../images/shouji-.png); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#shares a#gotop { margin-top:0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; bottom: 40px; position: fixed; right: 10px; }
#shares a#gotop i { margin-top:8px; }
#shares a#gotop:hover { background:rgba(0, 0, 0, .9) }
#shares a#sweibo, #shares a#sweixin { background-color:rgba(255, 255, 255, .8); border: 1px solid rgba(0, 0, 0, .1); width: 38px; height: 39px; border-bottom:none; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: fixed; bottom: 120px; right: 10px; }
#shares a#sweixin { border-bottom: 1px solid rgba(0, 0, 0, .1); height:38px; position: fixed; bottom: 80px; }
.fa-weibo::before {color:#999;}
#mcontact #contactinfo div a:hover i.fa-weibo::before {color:#fff;}
#shares a#sweibo:hover { background-color:#555; }
 #shares a#sweibo:hover .fa-weibo::before {color:#fff;}
#shares a#sweixin:hover { background-color:#555; }
#shares a#sweixin:hover i.fa-weixin { background-image: url(../images/shouji.png); }
#projectlist .projectitem a .project_info div::before {content:'';position:absolute;width:100%;height: 90%;border-bottom: 1px solid rgba(0, 0, 0, .1);left:0;
top:0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
 #projectlist .projectitem:hover a .project_info div::before {border-bottom: 1px solid rgba(0, 0, 0, .4);top:11px;border-color:transparent;}
#projecttags a { border-radius: 2px; padding: 5px 15px;margin-bottom: 8px;}
/*锟斤拷页锟脚讹拷*/
.Pageteam #teamlist .wrap { margin-right:0; }
#teamlist { width:1200px; padding-top:100px; }
#teamlist .teamitem .wrap { display:none; }
#teamlist .teamitem { width:560px; height:260px; margin: 0 40px 20px 0; transition: all 0.3s ease-out 0s; }
#teamlist .teamitem a { float:left; width:180px; height:160px; overflow:hidden; transition: all 0.3s ease-out 0s; }
#teamlist .teamitem a img { width:290px; height:200px; }
#teamlist .teamitem .teaminfo { float:right; width:308px; height:130px; transition: all .6s cubic-bezier(.215, .61, .355, 1);
padding:40px 20px 10px 0px; margin:0px; text-align:left; }
#teamlist .teamitem .title a { float:none; color:#333; left: 0; top: 0; }
#teamlist .teamitem .title { display:inline-block; padding-right: 12px; }
#teamlist .teamitem .subtitle { display:inline-block; max-width:202px; font-size:13px; color: #999; margin-top:7px; }
#teamlist .teamitem .seo_description { font-size:13px; line-height:26px; height: 80px; overflow: hidden; color: #757575; }
#teamlist .teamitem a.details:after { content: ''; width: 37px; height: 20px; display: block; position: absolute; top: 30px; left: 10px; background: transparent url(../images/icon.png) no-repeat -20px -66px; transition: all 0.3s ease-out 0s; }
#teamlist .teamitem:hover { border-top:1px solid #8cd4c1; }
#teamlist .teamitem:hover a { margin-top:0px; }
#teamlist .teamitem:hover .teaminfo { padding-top:48px; }
#teamlist .teamitem:hover a.details { opacity:1; margin-top:48px; border-color:#C8C8C8; }
.nobanner #projectlist .projectitem a .project_info p.title { color:#666; }
.nobanner #projectlist .projectitem a .project_info p.subtitle { color:#999; }







/*page contact*/
.contact_con{ position: relative; height: 512px; margin: -5% 5% 5% 17%; background-repeat: no-repeat; background-position: center top; }
.contanct_nr{
	position: absolute;
	top: 10%;
	left: 5%;
	width: 35%;
	background-color: #fff;
	padding: 40px 2%;
	box-shadow: 0 0 10px rgba(0,0,0,.18);
	font-size: 14px;
}
.c_n_item{ margin-bottom: 1px; }
.c_n_i_title{ height: 59px; line-height: 59px; font-size: 16px; color: #333; background-color: #efefef; padding-left: 3%; margin-bottom: 1px; cursor: pointer; }
.c_n_i_title.curr{ background-color: #f39800; color: #fff; }
.c_n_i_main{ padding: 10px 0 0 1%; }
.c_n_i_main div{ margin-bottom: 15px; }
.c_n_i_main div span{ color: #999; }
/*page service*/
.service_border{ width: 28px; height: 2px; background-color: #f39800; margin: 20px auto 0; }
.fontsize24{ font-size: 24px; }
.fontsize18{ font-size: 18px;}
.service_con{ padding: 0 5%; }
.service_item{ margin-top: 55px; }
.s_i_left,
.s_i_right{ position: relative; width: 50%; float: left; }
.s_i_text{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 117px;
	text-align: center;
	margin: auto;
	display: inline-block;
}
.s_i_t_icon span{ 
	font-size: 30px;
	padding-left: 60px;
	color: #333;
	background: url(../images/service_icon.png) no-repeat left center; 
	display: inline-block; *display: inline; *zoom:1; 
}
.s_i_t_text{ font-size: 20px; color: #666; margin-top: 20px; }
.service_item.odd .s_i_left{ float: right; }
/*page recruit*/
.recruit_item{ padding: 75px 5%; }
.recruit_item.r_gray_bg{ background-color: #f6f6f6; }
.r_i_left{ width: 20%; float: left; }
.r_i_l_button button{
	margin-top: 25px;
	padding: 0 20px;
	background-color: #ededed;
	line-height: 31px;
	font-size: 14px;
	color: #666;
	border:0;
	border-radius: 3px;
	cursor: pointer;
}
.r_i_l_button button:hover{ background-color: #f39800; color: #fff; }
.r_i_left h3{ font-size : 24px; color: #333; }
.r_i_content{ width: 40%; float: left; padding-right: 3%; }
.r_i_content h3{ font-size: 16px; color: #333; }
.r_i_c_text{ font-size: 16px; color: #999; line-height: 30px; margin-top: 20px; }
/*page join*/
.join_con{ background-color: #f9faf9; margin-top: 60px; }
.join_con dl dd,
.join_con dl dt{ position: relative; width: 50%; float: left; }
.j_c_phone{ 
	position: absolute; top: 50%; left: 62%; color: #fff; font-size: 16px;
	background: url(../images/phone.png) no-repeat left center;
	padding-left: 70px;
	margin-top: -27px;
}
.j_c_phone span{ font-size: 36px; }
.join_con dl dd{ padding: 30px 5% 0; }
.j_c_d_con{ margin-bottom: 20px; }
.j_c_d_text{ width: 110px; min-height: 1px; font-size: 18px; float: left; line-height: 42px; }
.j_c_d_enter{ width: calc(100% - 110px); width: -webkit-calc(100% - 110px); float: left; }
.j_c_d_input{
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: transparent;
	padding-left: 15px;
	border: 1px solid #cbcbcb;
	font-size: 14px;
}
.j_c_d_input::-webkit-input-placeholder { color: #b3b3b3; }
.j_c_d_input::-ms-input-placeholder { color: #b3b3b3; }
.j_c_d_input::-moz-placeholder { color: #b3b3b3; }
.j_c_d_input::-moz-placeholder { color: #b3b3b3; }
.j_c_select{ width: 31.333%; height: 50px; border: 1px solid #cbcbcb; padding-left: 12px; float: left; background: transparent; }
.j_c_s_mlr{ margin: 0 3%; }
.j_c_d_textarea{ width: 100%; height: 200px; border: 1px solid #cbcbcb; padding: 3%; font-size: 14px; background: transparent; }
.j_c_d_button{
	height: 52px;
	padding: 0 12%;
	font-size: 18px;
	color: #fff;
	background-color: #f39800;
	border: 0;
	cursor: pointer;
}
/*page news*/
.news_con{ padding: 0 5%; }
.news_con dl{ background-color: #f4f4f4; margin-bottom: 50px; }
.news_con dl dd,
.news_con dl dt{ width: 50%; float: left; }
.news_con dl dd{ padding: 50px 3% 30px; }
.n_c_time{ font-size: 18px; color: #969696; }
.news_con dl dd h3{ font-size: 24px; color: #3d3d3d; margin: 25px 0; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.n_c_text{ font-size: 16px; line-height: 27px; color: #999; margin-bottom: 30px; }
.n_c_more span,
.n_c_more{ 
	height: 35px;
	line-height: 33px;
	padding: 0 17px;
	font-size: 14px;
	color: #999;
	border: 1px solid #999;
	border-radius: 3px;
	display: inline-block; *display: inline; *zoom:1; 
}

.n_c_more span:hover,
.n_c_more:hover{ border-color: #f39800; background-color: #f39800; color: #fff; }
.news_con dl.odd dt{ float: right; }
.floor_d_left.n_bg_none{ background-color: transparent; padding: 0; }
.news_d_content{ padding: 40px 3%; background-color: #fff; }
.news_d_time{ font-size: 14px; color: #999; text-align: center; margin: 15px 0 20px; }
.news_d_page{ margin-top: 20px; background-color: #fff; padding: 15px 5%; }
.news_d_page a{ display: block; line-height: 30px; }
.n_d_fl{ float: left; }
.n_d_fr{ float: right; }
.news_d_page a em{ font-style: normal; font-size: 14px; color: #999; padding-left: 10px; }
.news_d_page a:hover em,
.news_d_page a:hover{ color: #f39800; }
.news_d_r_time{ font-size: 14px; color: #999; margin: 20px 0 -10px; }
/*page distribution*/
.distribution_map{ width: 90%; height: 812px; margin: 0 5%; }
.distribution_map .pop .center{ width: 252px !important; }
.distribution_map .pop .bottom{ height: 25px !important; }
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/*footer*/
.foot_bg{ background-color: #444; }
.foot_text{ padding: 40px 5% 20px; }
.f_l_item,
.f_t_link{ float: left; }
.f_t_link{ width: 50%; }
.f_l_item{ width: 25%; }
.f_l_item.f_l_icon{ width: 28%; }
.f_l_item h3{ font-size: 16px; color: #fff; margin-bottom: 15px; }
.f_l_item ul li{ font-size: 14px; line-height: 27px; }
.f_l_item ul li a{ color: #cfcfcf; }
.f_l_item ul li a:hover{ color: #fff; }
.f_l_icon li{ color: #fff; }
.f_l_icon li img{ padding-right: 10px; }
.foot_code{ float: right; }
.foot_code ul li{ width: 103px; margin-left: 25px; float: left; text-align: center; color: #fff; font-size: 14px; }
.foot_code ul li img{ padding-right: 5px; }
.f_c_img{ margin-bottom: 15px; }
.honnor_item ul li img,
.f_c_img img{ max-width: 100%; }
.foot_bottom{ border-top: 1px solid #3d3d3d; padding: 20px 5%; color: #cecece; font-size: 14px; }
.foot_bottom span{ padding-right: 3%; color:#fff;}
.foot_bottom img{ position: relative; top: -2px; }
.f_b_icon{ display: inline-block; *display: inline; *zoom:1; background: url(../images/foot_icon.png) no-repeat left center; padding-left: 36px; color: #fff; margin-right:3%;}

.news_con dl dt img,
.join_con dl dt img,
.s_i_left img,
.s_i_right img,
.b_group dt img,
.f_d_r_list img,
.floor_d_left img{ width: 100%; }
.img_style{ overflow: hidden; }
.img_style p{ overflow: hidden; }
.i_produt_con ul li:hover .i_p_img img,
.img_style:hover img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}
.img_style.hws:hover img{
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.life_list img,
.floor_list li img{ max-width: 100%; }
.page_submenu a.curr,
.page_submenu a:hover,
.header_pc.head_white .pc_menu li a:hover,
.header_pc.head_white .pc_menu li.curr a{ color: #f39800; }
.i_p_more,
.r_i_l_button button,
.brand_list li:after,
.img_style img,.img_style p img,
.banner_pagination .swiper-pagination-bullet{
	-webkit-transition-duration:.2s;
       -moz-transition-duration:.2s;
         -o-transition-duration:.2s;
            transition-duration:.2s;
}
.i_p_img img{
	-webkit-transition-duration:.5s;
       -moz-transition-duration:.5s;
         -o-transition-duration:.5s;
            transition-duration:.5s;
}
.header_pc{
	-moz-transition: background 0.5s ease-in,color 0.3s ease-out; 
	-webkit-transition: background 0.5s ease-in,color 0.3s ease-out; 
	-o-transition: background 0.5s ease-in,color 0.3s ease-out; 
	transition: background 0.5s ese-in,color 0.3s ease-out;

}


/*phone*/
.phone_menu{ float: right; margin: 7px 0 0 0; display: none; }
.p_m_button{ 
	width: 40px; 
	height: 40px; 
	background: url(../images/menu.png) no-repeat; 
	background-size: 100% 100%; 
	border: 0; 
	cursor: pointer;
}
.phone_head_en{ float: right; font-size: 16px; margin: 16px 3% 0 2%; color: #999; text-transform: uppercase; display: none; }
.p_m_list{ position: fixed; top: 50px; left: 0; width: 100%; background-color: #fff; display: none; }
.p_m_list a{ display: block; line-height: 2.5rem; padding: 0 3%; border-top: 1px solid #f8f8f8; }
.p_m_list a h1{
	font-size:1rem;
}
/*.total_img_con{ background-position: center top; background-repeat: no-repeat;background-size:100% 100%;}*/
.p_banner_container .swiper-slide img{ width: auto;display:block; }
.phone_index .i_c_l_con,
.phone_index .i_c_l_img,
.phone_index .i_case_list{ position: static; }
.phone_index .i_product_list{ width: 90%; margin: 1.5rem auto; }
.phone_index .i_product_list li{ position: relative; width: 31.33%; float: left; margin: 0 0 1rem 2%; }
.phone_index .i_product_list li .i_p_c_con{ bottom: 0; text-align: center; }
.phone_index .i_product_list li .i_p_c_text{ top: 36%; }
.phone_index .i_c_l_con{ padding-top: 1.5rem; }
.phone_index .i_p_img img,
.phone_index .i_c_l_img img{ width: 100%; }
.phone_index .news_con{ margin-top: 2.3rem; }
.index_con{ display: none; }

.w100_con{ width: 100%; }
.phone_product_i{ position: relative; width: 90%; margin: 1.2rem auto; }
.phone_product_i .i_p_c_con{ padding: 1rem 0 2rem; }
.phone_product_i .i_p_c_con{
	position:absolute;
	bottom:0;
	left:0;
	height:auto;
	display: block;
}
.phone_product_i .i_p_c_text{
	position:static;
}
.phone_product_i .i_p_img{ width: 100%; }
.product_container.swiper-container {
    width: 100%;
}
.product_container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.n_c_text{
	width:100%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
/*.a_phone_img{ display: none; }
.a_phone_img img{ width: 100%; }*/


.phone-product-sub{ display: none; }
.phone-product-sub #pages2{ display: none; }
.phone-product-sub a{ font-size: 13px; display: block; line-height: 2.5rem; color: #646464; text-align:center; padding: 0px; }
.phone-product-sub a h2{
	font-size:13px;
}
.phone-product-sub .swiper-button-next{ 
	right: 0rem; 
	width: 2rem; 
	height: 2rem; 
	margin-top: -1rem; 
	background: url(../images/arrow-l-gray3.png) no-repeat center center; 
	background-size: .7rem
}

.phone-product-sub .swiper-button-prev{ 
	left: 0rem; 
	width: 2rem; 
	height: 2rem; 
	margin-top: -1rem; 
	background: url(../images/arrow-l-gray2.png) no-repeat center center; 
	background-size: .7rem
}
.phone-product-sub .swiper-slide a{ display: inline-block; }
.phone-product-sub .swiper-slide.active a{ border-bottom: #f39800; color: #f39800 }


/*2017.9.6*/
.total_i_c_left{ width: 50%; height: 773px; float: left; background-position: center top; background-repeat: no-repeat; background-size: 100%; }
.total_i_c_right{ width: 50%; height: 773px; float: left; background-position: center top; background-repeat: no-repeat; background-size: 100%; }
.total_i_c_phone{ width: 100%; display: none; }


@media screen and (max-width: 1388px){
	.index_container .news_con dl{height: 47%; }
	.news_con dl dd{ padding: 1.2rem 3% 0.2rem }
	.f_d_p_gray iframe{width:100%;height:500px;}
}
@media screen and (max-width: 1388px) and (min-width:1280px){
	.j_c_phone{
		background-size: 20%;
		padding-left: 50px;
	}
	.j_c_phone span {
		font-size:25px;
	}
	.join_con dl dd{ padding: 1rem 5% 0 }
	.j_c_d_con{ margin-bottom: .6rem; }
	.j_c_d_text{ line-height:42px; }
	.j_c_d_input,.j_c_select{
		height:40px;
		line-height:40px;
	}
	.j_c_d_textarea{
		height:125px;
	}
	.j_c_d_button{
		height:42px;
		margin-top:.8rem;
	}
	.total_img_con{
		height:528px;
	}
	.boss_nr{
		padding:0 3%;
	}
	/*.total_img_con{
		max-height:521px;
	}*/
	.boss_nr  h3{ margin-top: 1rem; } 
	.b_people li div{
		font-size:12px;
	}
	.b_people li{
		margin-top:15px;
	}
	.about_n_gary {
		margin-top:2%;
	}
	.contact_con{
		height:260px;
	}
	.contanct_nr{
		top:5%;
		padding:10px 2%;
	}
	.c_n_i_main {
		padding: 10px 0 10px 3%;
	}
	.c_n_i_main div {
		margin-bottom: 5px;
	}
	.c_n_i_title{
		height:42px;
		line-height:42px;
	}
	.distribution_map{
		height:450px;
	}
}
@media screen and (max-width: 1260px){
	.page_m_pc,
	.pc_hide,
	.swiper-container.index_container,
	.foot_text,
	.head_p_right{ display: none; }
	.phone-product-sub,
	/*.a_phone_img,*/
	.index_con,
	.phone_menu,
	.phone_head_en{ display: block; }
	.header_pc{ height: 50px; }
	.fixed_top{ padding-top: 50px; }
	.page_submenu{ line-height: 3rem; }
	.page_submenu a{ margin: 0 5%; }
	.about_con{ padding: 2.5rem 0 3rem; }
	.about_img{ background: none }
	.about_text{ top: 5%; left: 5%; }
	.about_text img{ width: 55%; }
	.about_nr{ position: static; width: 100%; padding: 0 5% 5rem; }
	.about_nr h3{ margin-top: 2rem; } 
	.boss_nr h3{ margin-top: 0; }
	.about_n_gary{ margin-top: 1rem; } 
	.b_group{ padding: 1.2rem 5% 0; }銆?锟?
	.f_d_p_gray iframe{width:100%;height:400px;}
	
}
@media screen and (max-width: 1260px){
	
}
@media screen and (max-width: 1260px){
	.f_d_p_gray iframe{width:100%;height:370px;}
	.gray_main{ padding: 2.5rem 5%; }
	/*.total_img_con{ height: auto; background-size: 100% 100% }*/
	.b_group dl{ margin-top: 1.2rem; }
	.b_group dt, 
	.b_group dd{ width: 100%; }
	.b_group dd{ padding: 2rem 5%; }
	.b_g_border{ margin: 1.4rem auto; height: 2px; }
	.b_group dd h3{ font-size: 1.2rem }
	.brand_g_color{ padding: 3rem 5%; }
	.brand_text{ padding: 2rem 5%; }
	.brand_list li{ padding: 2rem 3%; min-height: 300px; }
	.brand_list li img{ width: 30%; }
	.brand_list li h3{ margin: 1rem 0 1.2rem; font-size: 1.1rem }
	.floor_list{ padding-top: 2.5rem; }
	.f_l_left h3{ font-size: 1rem; margin-bottom: .3rem; }
	.f_l_more{ width: 70px; }
	.f_l_more span{ line-height: 30px; }
	.floor_d_left{ padding: 1.2rem 3%; }
	.floor_d_right{ padding: 1.2rem 2% 1rem }
	.f_d_r_title{ margin-bottom: 1.2rem }
	.f_d_r_title span{ font-size: 1.1rem }
	.f_d_r_list li{ margin-bottom: 1.2rem; }
	.total_more_a{ padding: 1rem 0 2rem }
	.floor_d_left h3{ font-size: 1.1rem }
	.f_d_property{ margin: 1.2rem 0 .6rem; font-size: .9rem; line-height: 1.5rem; }
	.f_d_p_sub{ padding: .9rem 0 .5rem }
	.contanct_nr{ width: 60%; }
	.honnor_item ul li{ padding: 1.3rem 3% 1.1rem; }
	.honnor_item ul li span{ margin-top: .6rem; font-size: .9rem; }
	.join_con{ margin-top: 1.2rem; }
	.j_c_phone{ left: 10%; background-size: 30px 32px; padding-left: 40px; }
	.j_c_phone span{ font-size: 1.3rem; }
	.join_con dl dt,
	.join_con dl dd{ width: 100%; }
	.join_con dl dt img{ width: 100%; }
	.life_gray{ margin: .8rem 5% .8rem; font-size: .9rem; }
	.mem_title{ font-size: 1.5rem; }
	.news_con dl dd{ padding: 1.5rem 3% 1.2rem }
	.news_con dl dd h3{ margin: .5rem 0; }
	.recruit_item{ padding: 2rem 5%; }
	.r_i_left{ padding-right: 3%; }
	.r_i_left h3{ font-size: 1.1rem; }
	.r_i_c_text{ font-size: .9rem; line-height: 1.4rem; }
	.r_i_l_button button{ margin-top: 1.2rem; }
	.about_text{ /*position: static;*/ padding: 1rem 5% 0; }
	.total_img_con{ height: auto; background:none !important;}
	.total_i_c_left{ width: 100%; float: none; background-image: none !important; height: auto; padding:0 5%;}
	.total_i_c_phone{ display: block;width:100%; }
	.total_i_c_right{ width: 100%; float: none; height: auto;  background-image: none !important;padding:0 5%;}
	.boss_nr{ position: static; width: 100%; padding: 2rem 5% }
	.i_c_l_con{background: #fff;}
	.s_i_left, .s_i_right {    position: relative;    width: 100%;    float: left;}
}
@media screen and (max-width: 1000px){
	.m_n_time{ position: static; width: auto; text-align: left; margin-bottom: .8rem; }
	.m_n_radius,
	.mem_n_pore:before,
	.m_b_radius,
	.m_n_sj{ display: none; }
	.mem_nr ul li{ width: 100%; padding: 0 0 2rem 0 }
	.mem_nr ul li.m_n_space{ padding: 0 0 1.2rem 0; }

	.m_n_text{ margin-top: .7rem; }
	.page_banner img{ position: static; width: 100%; margin-left: 0; }
	.phone_index .i_product_list li{ width: 100%; margin: 0 0 1rem 0; }
	.phone_index .i_c_l_con{ padding-top: 1rem; }
	.brand_g_color{ width: 100%; padding: 1.5rem 5%; }
	.f_d_p_gray iframe{width:100%;height:300px;}
}
@media screen and (max-width: 900px){	
	.service_item{ margin-top: 2rem; }
	.s_i_text{ height: 84px; }
	.s_i_t_icon span{ background-size: 25px 22px; padding-left: 35px; font-size: 1.5rem; }
	.service_border{ margin: .8rem auto 0 }
	.s_i_t_text{ font-size: .9rem; margin-top: .7rem; }
}
@media screen and (max-width: 700px){
	.contanct_nr{ top: 7%; width: 90%; padding: 1.2rem 3% }
	.honnor_item{ margin-bottom: 0rem }
	.news_con dl dd h3{ font-size: 1.2rem; }
	.n_c_text{ font-size: .9rem; margin-bottom: .7rem; }
	.news_con dl{ margin-bottom: 2rem; }
	.news_con dl dd, 
	.news_con dl dt{ width: 100%; }
	.distribution_map{ width: 90%; height: 312px; margin: 0 5%; }
	.phone_index .i_case_list li{ width: 100%; margin: 0 0 1.2rem 0;  }
	.life_list ul{ margin-left: 0; }
	.life_list li{ width: 100%; margin: 2% 0 0 0; }
	.floor_list li{ width: 100%; margin: 0 0 3% 0 }
	.n_c_more,
	.f_l_more{ display: none; }
	.j_c_d_enter,
	.j_c_d_text{ width: 100%; }
}
@media screen and (max-width: 600px){
	.boss_nr h3, 
	.about_nr h3{ font-size: 1.4rem; } 
	.b_people li{ width: 50%; margin-top: 1.3rem; }
	.b_people li span{ display: block; min-height: 40px; }
	.brand_g_color h3{ font-size: 1.3rem; margin-bottom: 1rem; }
	.brand_text span{ font-size: 1.3rem; }
	.brand_list li{ width: 100%; min-height: auto; padding: 1rem 3%; }
	.floor_d_left,
	.floor_d_right,
	.f_l_left{ width: 100%; float: none; }
	.f_l_text{ font-size: .9rem; }
	.f_d_p_list li{ width: 31.333%; margin-bottom: 4%; }
	.floor_d_right{ margin-top: 1rem; }
	.c_n_i_title{ height: 45px; line-height: 47px; font-size: .9rem; }
	.c_n_i_main div{ margin-bottom: .4rem; }
	.c_n_i_main{ padding: 1rem 0 .3rem 3% }
	.about_text{ top: 2%; }/*
	.j_c_d_text{ width: 80px; font-size: 1rem; }
	.j_c_d_enter{ width: calc(100% - 80px); width: -webkit-calc(100% - 80px); }*/
	.j_c_d_button{ height: 40px; }
	.r_i_left,.r_i_content{ width: 100%; margin-bottom: 1.5rem; }
	.r_i_c_text{ margin-top: .8rem; }
	.service_item{ margin-top: 1.2rem; }
	.s_i_text{ height: 73px; }
	.s_i_t_icon span{ background-size: 20px 18px; padding-left: 27px; font-size: 1.2rem; }
	.s_i_t_text{ font-size: .8rem; }
	.m_n_time{ margin-bottom: .4rem; }
	.m_n_time b{ font-size: 1.4rem; }
	.m_n_text{ font-size: .9rem; }
	.b_people li div{ height: 42px; }
	.f_d_p_gray iframe{width:100%;height:250px;}
}
@media screen and (max-width: 500px){
	.honnor_item ul li{ padding: 1.3rem 3% .5rem; width: calc(50% - 1px); width: -webkit-calc(50% - 1px); width: -moz-calc(50% - 1px); overflow: hidden;    margin-bottom: 1rem; }
	.honnor_item ul li{ border-width: 0 0 1px 0; }
	.honnor_item ul li:first-child{ border-width: 0; }
	.n_c_time{ font-size: .9rem; }
	.news_con dl dd h3{ font-size: 1rem; }
	.recruit_item{ padding: 2rem 5% 1.2rem; }
}
@media screen and (max-width: 400px){
	.s_i_left, 
	.s_i_right{ width: 100%; }
}

/*huangwen add*/
.a_phone_img img{
	width:100%;
	display:none;
}
.contact_con iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
@media screen and (max-width: 1260px){
	.a_phone_img {
		padding:0 5%;
	}
	.a_phone_img img{
		display:block;
	}
}
/*huangwen add start*/

.swiper-container .swiper-slide div.ct{
	position:absolute;
	left:0;
	top:30%;
	width:100%;
	color:#ffffff;
	line-height:40px;
	padding-left:6%;
	text-align:left;
	font-family:榛戜綋;
}
.swiper-container .swiper-slide div.ct .t1{
	font-size:30px;
}
.swiper-container .swiper-slide div.ct h3{
	font-size:60px;
	margin:2% 0;
}
.swiper-container .swiper-slide div.ct .t2{
	font-size:36px;
}
.swiper-container .swiper-slide div.ct .en{
	font-size:18px;
	margin:1% 0;
}
@media screen and (max-width: 1388px){
	.swiper-container .swiper-slide div.ct{
		position:absolute;
		left:0;
		top:24%;
		width:100%;
		color:#ffffff;
		line-height:30px;
		padding-left:6%;
		text-align:left;
		font-family:榛戜綋;
	}
	.swiper-container .swiper-slide div.ct .t1{
		font-size:22px ;
	}
	.swiper-container .swiper-slide div.ct h3{
		font-size:38px ;
		margin:1% 0;
	}
	.swiper-container .swiper-slide div.ct .t2{
		font-size:22px ;
	}
	.swiper-container .swiper-slide div.ct .en{
		font-size:16px;
		margin:1% 0;
	}
}
@media(max-width:1260px){
	.i_p_text{
		height:76px;
	}
	.swiper-container .swiper-slide{
		overflow:hidden;
	}
	.swiper-container .swiper-slide a.banner_img{
		display:block;
	}
	
	.swiper-container .swiper-slide div.ct{
		top:30%;
		padding-left:5%;
		text-align:left;
	}
	.swiper-container .swiper-slide div.ct .t1{
		font-size:1.2rem;
	}
	.swiper-container .swiper-slide div.ct h3{
		font-size:2.8rem;
		margin:2% 0;
	}
	.swiper-container .swiper-slide div.ct .t2{
		font-size:1.6rem;
	}
	.swiper-container .swiper-slide div.ct .en{
		font-size:.7rem;
		margin:1% 0;
	}
}




.detailpro-m{
	margin:10px auto; width:1200px;
	background-color:#fff;
    border:1px solid #eee;
}
.detailpro-m h2{
	height:58px; line-height:58px; padding:0 30px; border-bottom:1px solid #e6e6e6;
	font-size:18px; font-weight:normal; color:#666;
}
.detailpro-m h2 i{ font-size:18px;}
.detailpro-m ul{
	background:none;
}



.pro-ul{
	overflow:auto;
	padding:30px 0;
    list-style:none;
}
.pro-ul li{
	float:left; width:279px; height:257px; padding:0; text-align:center; position:relative; padding-left:15px; margin-top:-30px;
}
.pro-ul li .icon{
	width:56px; height:56px; display:block;
	position:absolute; right:10px; top:10px;
	background-repeat:no-repeat;
}
.pro-ul li .xinpin{
	background-image:url(/images/discount1.png);
}
.pro-ul li .youhui{
	background-image:url(/images/discount2.png);
}
.pro-ul li .huodong{
	background-image:url(/images/discount3.png);
}
.pro-ul li .cuxiao{
	background-image:url(/images/discount4.png);
}
.pro-ul li a{
	height:100%; display:block;
    transition:0.5s;    
}
.pro-ul li a img{
	width:180px; height:180px; margin-top:30px;
}
.pro-ul li a span{
	line-height:22px; margin-top:15px; display:block;
	font-size:14px;
}

.pro-ul-over{ display:none; position:absolute; left:0; top:0;width:279px; height:257px; background:rgba(251,3,44,0.7); transition:0.5s; opacity:0; transition: all .3s; }
.pro-ul-border{ border:1px solid #fff; width:257px; height:277px; margin:10px 0 0 10px;}
.pro-ul li a:hover .pro-ul-over{ display:block;width:279px; height:297px; opacity:1;transition: all .3s; }
.pro-ul-over-i{ margin:20px auto; font-size:50px; color:#fff;}
.pro-ul-over-i i{font-size:120px;}
.pro-ul-over-no{ font-size:24px; color:#fff;}