.aside {
	position: fixed;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	z-index: 18;
	background: url(../image/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;
}
.biaoqian{
	padding: 20px 16px;
}
.biaoqian a{
	font-weight:700;
	padding: 0px 5px;
    color: #14467b;
    text-decoration: underline;
}
.biaoqian a:hover{
    color: #007cff;
}
.yq_p a{color:#99a6bf;}
.footer_b p{color:#99a6bf;}
.font a{color:#99a6bf;}
.span8-index{    float: right;}

.technical_support_box_z_info p strong a{color:#0584f5; font-size:16px; }
.technical_support_box_z_info p a{color:#0584f5;    text-decoration: underline;}
.technical_support_box_z_info h2 a{color:#0584f5;}
.technical_support_box_z_info h3 a{color:#0584f5;}
.technical_support_box_z_info strong a{color:#0584f5;}
.technical_support_box_z_info b a{color:#0584f5;}
.technical_support_box_z_info p{margin-top:10px;line-height: 32px;letter-spacing:1px;color:#333;font-size:16px;}
.technical_support_box_z_info div{margin-top:10px;    line-height: 32px;letter-spacing:1px;color:#333;font-size:16px;}
.technical_support_box_z_info div a{color:#0584f5;}
.technical_support_box_z_info h2{    margin: 20px 0px;display:block;font-size:16px;}
.technical_support_box_z_info h3{    margin: 15px 0px;display:block;font-size:16px;}
.technical_support_box_z_info img{margin:0px auto;display:flex;}
.technical_support_box_z_info div strong{  margin: 20px 0px;font-size:16px;    line-height: 40px;}
.technical_support_box_z_info p strong{ margin: 20px 0px;font-size:16px;    line-height: 40px;}



 @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(../image/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: 50px;
	text-align: center;
}
.all_title1 .title {
	font-size: 35px;
	color: #333;
}
.all_title1 .text {
	color: #818181;
}
.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.active {
	background: #fff;
	border-bottom: 1px solid #eee;
}

.header.active .yj-bot .yj-link,
.header.active .headright a {
	color: #666;
}

.header.active .img1 {
	display: none;
}

.header.active .img2 {
	display: block;
}

.head-wrap {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.header .head-logo {
	position: absolute;
	left: 0;
	top: 18.5px;
	z-index: 99;
}

.head-logo .img2 {
	display: none;
}

.head-logo img {
	display: block;
	width: 100%;
}

.header .nav {
	text-align: center;
}

.header .yj-bot {}

.header .yj-bot li {
	display: inline-block;
	transition: 0.45s;
	z-index: 1;
}

.header .yj-bot li:hover .yj-link,
.header .yj-bot li.active .yj-link {
	color: #00A2EA;
}

.header .yj-bot .yj-link {
	position: relative;
	z-index: 1;
	color: #fff;
	font-size: 16px;
	display: block;
	padding: 0 20px;
	height: 69px;
	line-height: 69px;
}

.header .yj-bot .yj-link div {
	float: left;
	display: block;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	font-size: 16px;
	overflow: hidden;
	padding: 0;
}

.header .yj-bot li:hover .ej-list {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}

.headright {
	position: absolute;
	top: 21px;
	right: 0;
}

.headright a {
	
	display: block;
	float: left;
	color: #FFFFFF;
	font-size: 14px;
	margin: 0 0 0 20px;
}

.headright a i {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
	font-size: 27px;
}
.hrn{
	position: absolute;
	top: 48px;
	left: -25px;
	opacity: 0;
	visibility: hidden;
	padding: 0 20px;
    height: 35px;
    line-height: 35px;
    border-radius: 4px;
    padding: 3px 10px;
    color: #fff;
    font-size: 14px;
    transition: 0.65s;
    background: linear-gradient(to right, #74CCF1, #3CA6D3);
}
.sjnum{
	left: 18px;
}
.hrnum.active .hrn{
	opacity: 1;
	visibility: visible;
}
.hrn:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -3px;
    border-right: 6px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 6px solid #00A1E9;
}

.mr10 {
	margin-right: 10px;
}

.hrewm {
	width: 24px;
	height: 24px;
	background: url(../image/hewm.png) no-repeat;
	background-size: contain;
}

.hrcd {
	width: 24px;
	height: 16px;
	background: url(../image/hcd.png) no-repeat;
	background-size: contain;
}

.headright a:hover i {
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: gelatine 0.5s 1;
	animation: gelatine 0.5s 1;
}

.ej-list {
	position: absolute;
	z-index: 10;
	left: 0;
	width: 100%;
	top: 100%;
	padding: 50px 0 70px;
	background-color: #333;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	transition: 0.48s;
}

.menu-handler {
	position: fixed;
	right: 0;
	top: 0;
	width: 70px;
	height: 55px;
	display: none;
	cursor: pointer;
	z-index: 1010;
	background-color: #00A2EA;
}

.menu-handler span {
	position: relative;
	display: block;
	margin: 27.5px auto 0;
	width: 22px;
	height: 2px;
	background-color: #fff;
	-webkit-transition-duration: .3s, .3s;
	-moz-transition-duration: .3s, .3s;
	-ms-transition-duration: .3s, .3s;
	-o-transition-duration: .3s, .3s;
	transition-duration: .3s, .3s;
	-webkit-transition-delay: .3s, 0s;
	-moz-transition-delay: .3s, 0s;
	-ms-transition-delay: .3s, 0s;
	-o-transition-delay: .3s, 0s;
	transition-delay: .3s, 0s;
}

.menu-handler span:after,
.menu-handler span:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 2px;
	left: 0;
	background-color: #fff;
	-webkit-transition-duration: .3s, .3s;
	-moz-transition-duration: .3s, .3s;
	-ms-transition-duration: .3s, .3s;
	-o-transition-duration: .3s, .3s;
	transition-duration: .3s, .3s;
	-webkit-transition-delay: .3s, 0s;
	-moz-transition-delay: .3s, 0s;
	-ms-transition-delay: .3s, 0s;
	-o-transition-delay: .3s, 0s;
	transition-delay: .3s, 0s
}

.menu-handler span:before {
	top: -7px;
	-webkit-transition-property: top, transform;
	-moz-transition-property: top, transform;
	-ms-transition-property: top, transform;
	-o-transition-property: top, transform;
	transition-property: top, transform;
}

.menu-handler span:after {
	bottom: -7px;
	-webkit-transition-property: bottom, transform;
	-moz-transition-property: bottom, transform;
	-ms-transition-property: bottom, transform;
	-o-transition-property: bottom, transform;
	transition-property: bottom, transform;
}

.menu-handler.active span {
	background-color: transparent;
	-webkit-transition-delay: 0s, 0s;
	-moz-transition-delay: 0s, 0s;
	-ms-transition-delay: 0s, 0s;
	-o-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s
}

.menu-handler.active span:after,
.menu-handler.active span:before {
	background-color: #fff;
	-webkit-transition-delay: 0s, .3s;
	-moz-transition-delay: 0s, .3s;
	-ms-transition-delay: 0s, .3s;
	-o-transition-delay: 0s, .3s;
	transition-delay: 0s, .3s
}

.menu-handler.active span:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.menu-handler.active span:after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.menuBox a:link,
.menuBox a:visited {
	color: #707070;
}

.menuMoblie .nav-link:active,
.menuMoblie .nav-link:hover {
	
}

.menuMoblie .nav-link:active i,
.menuMoblie .nav-link:hover i {
	color: #fff;
	transform: rotate(90deg);
}

.menuBox a:active,
.menuBox a:hover {
	color: #00A2EA;
}

.menuBox {
	border-top: 1px solid #e4e4e4;
	background-color: #fff;
	color: #333333;
	position: fixed;
	display: none;
	right: 0px;
	top: 55px;
	width: 100%;
	height: 100%;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-overflow-scrolling: touch;
	z-index: 1008;
	-webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);
	-moz-transition: all .5s cubic-bezier(.25, .46, .45, .94);
	-ms-transition: all .5s cubic-bezier(.25, .46, .45, .94);
	-o-transition: all .5s cubic-bezier(.25, .46, .45, .94);
	transition: all .5s cubic-bezier(.25, .46, .45, .94);
}

.menuMoblie {
	padding: 0 0 80px 0;
}

.menuMoblie .nav-link {
	position: relative;
	display: block;
	font-size: 18px;
	padding: 15px 5%;
	text-align: center;
}

.menuMoblie .nav-link i {
	float: right;
	color: #b1b1b1;
	font-size: 20px;
	vertical-align: middle;
}

.menuMoblie li {
	border-bottom: 1px solid #E6E6E6;
}

.menuMoblie .subnav {
	padding: 0 0px 15px 0;
	display: none;
}

.menuMoblie .subnav .item {
	display: block;
	padding: 0px 5%;
	text-align: center;
}

.menuMoblie .subnav .item:active,
.menuMoblie .subnav .item:hover {
	background: #eeeeee;
}

.menuMoblie .subnav a {
	position: relative;
	display: block;
	padding: 12px 0;
	line-height: 1.4;
	font-size: 16px;
}

.menuOpen .menuBox {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.banner {
	overflow: hidden;
	text-align: center;
	z-index: 10;
	position: relative;
	background: #000;
	background: rgba(0, 0, 0, 0);
	background-image: url(../image/bg-new.png);
	height: 700px;
}
.mpage {
	width: 100%;
	height: 888px;
	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;
}
.banner_title {
	color: #fff;
	font-size: 42px;
	padding-top: 260px;
}
.banner_text {
	color: #9ad0ff;
	font-size: 16px;
}
.banner_button {
	margin-top: 30px;
}
.banner_button a {
	display: inline-block;
	margin: 0 10px;
	padding: 5px 30px;
	border: solid 1px #fff;
	color: #fff;
}
.banner_button a:hover, .banner_button a.active {
	background: #fff;
	color: #3ca0f3;
}
.banner .owl-pagination {
	margin-top: 150px;
}
.banner .owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
 *display: inline;

}
.banner .owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);
	
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #fff;
	overflow: hidden;
	border: 1px #fff solid;
	transition: all .3s;
}
.banner .owl-theme .owl-controls .owl-page.active span, .banner .owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);
	
	opacity: 1;
	background: none;
}
.banner .owl-buttons {
	display: none
}
.banner .owl-prev, .banner .owl-next {
	width: 39px;
	height: 39px;
	border-radius: 100%;
	opacity: 0.5;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	margin-top: -100px;
	display: none;
}
.banner .owl-prev {
	margin-left: 40px;
	float: left;
	background: #fff url(../image/icon_prev2_1.png) center no-repeat;
	display: none;
}
.banner .owl-next {
	margin-right: 40px;
	float: right;
	background: #fff url(../image/icon_next2_1.png) center no-repeat;
	display: none;
}
.index_product {
	padding: 100px 0;
	background: #fff;
}
.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(../image/002.png) center repeat;
}
.index_product_list .list_backimg2 {
	background: url(../image/003.png) center repeat;
}
.index_product_list .list_backimg3 {
	background: url(../image/004.png) center repeat;
}
.index_product_list .list_backimg4 {
	background: url(../image/005.png) center repeat;
}
.index_product_list .list_backimg5 {
	background: url(../image/006.png) center repeat;
}
.index_product_list .list_backimg6 {
	background: url(../image/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(../image/01411.jpg) center top repeat-x;
	padding: 100px 0;
	position: relative;
	overflow: hidden;
}
.platform_advantage_content {
	margin-left: -100px;
	overflow: hidden;
}
.platform_advantage_list {
	display: block;
	overflow: hidden;
	margin: 0 0 60px 100px;
}
.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
}

.turn-page ul{
	font-size: 0;
	margin-bottom: 60px;
}
.turn-page li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 100px;
	text-align: center;
}
.turn-page li::before{
	z-index: 11;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	transition: all 0.36s ease-out;
}
.turn-page li:hover::before{
	background: rgba(0,0,0,.5);
	transition: all 0.36s ease-out;
}
.turn-page li img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.turn-page li a{
	z-index: 22;
	position: relative;
	display: block;
	padding: 0 15px;
	padding-top: 5px;
	font-size: 16px;
	color: #fff;
}
.turn-page li span{
	display: block;
	margin-bottom: 8px;
	color: #fff;
	margin-top:20px;
}


.push-box{
	position: relative;
	margin-top: 30px;
	padding-top: 36px;
	padding-bottom: 20px;
	background: url(../image/2018092517163620.jpg) center no-repeat;
	-moz-background-size: cover;
	  -o-background-size: cover;
	     background-size: cover;
}
.push-box::before{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,.5);
}
.push-box>.container{
	z-index: 33;
}
.push-title{
	margin-bottom: 24px;
	line-height: 24px;
	font-size: 20px;
	color: #fff;
}
.push-title a{
	float: right;
	color: #fff;
	letter-spacing: 3px;
}
.push-title i{
	margin-left: 8px;
}
.nlist li em{
	display: block;
	padding: 0 16px;
	max-height: 40px;
	line-height: 1.4;
	color: #666;
	margin-top: 8px;
	overflow: hidden;
}

.itemlist{
	overflow: hidden;
}
.itemlist .push-title{
	margin-bottom: 16px;
	color: #333;
}
.itemlist .push-title a{
	margin-top: 2px;
	font-size: 12px;
	color: #666;
}
.itemlist>div{
	float: left;
	width: 380px;
}
.itemlist>div:nth-of-type(2){
	margin: 0 30px;
}
.itemlist .item-img{
	margin-bottom: 10px;
}
.itemlist li{
	overflow: hidden;
	line-height: 30px;
}
.itemlist li a{
	float: left;
	max-width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #666;
}
.itemlist li a:hover{
	color: #222;
}
.itemlist li span{
	float: right;
	font-size: 12px;
	color: #999;
}

.botlist .push-title{
	color: #333;
}
.botlist .push-title a{
	color: #666;
}
.botlist ul{
	margin: 0 -10px;
}
.botlist li{
	padding: 0 10px;
	margin-bottom: 20px;
}
.botlist li a{
	position: relative;
	z-index: 33;
	display: block;
	-moz-border-radius: 8px;
	     border-radius: 8px;
	overflow: hidden;
}
.botlist li a::before{
	z-index: 11;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.botlist li a:hover::before{
	background: rgba(0,0,0,.2);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.botlist li img{
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.botlist li a:hover img{
	-webkit-transform: scale(1.06);
	   -moz-transform: scale(1.06);
	    -ms-transform: scale(1.06);
	     -o-transform: scale(1.06);
	        transform: scale(1.06);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.a-seo{
	height: 120px;
	overflow: hidden;
}
.a-seo-fold{
	height: auto;
}


.delist>div{
	width: 47%;
	margin-top: 50px;
}
.delist>div:nth-of-type(2){
	float: right;
	margin: 0;
	margin-top: 50px;
}

.news_box{ width:100%; border-top:1px solid #e9e9e9; overflow:hidden; margin-top:30px; padding-top:40px; padding-bottom:30px;}

.news_box.wu{ width:100%; border-top:0; padding-top:20px; margin:0;}

.news_box.wu h1{ text-align:left; width:1200px; margin:0 auto;}

.news_box.wu .case_con dl{ margin-top:20px; }

.news_box.wu a.allnews{ font-size:16px; margin:15px auto 30px auto;}

.news_box h1{ font-size:24px; line-height:40px; text-align:center;}

.news_box_list{ width:1200px; margin:0 auto; line-height:24px; overflow:hidden;}

.news_box_list dl{ width:320px; float:left; color:#555; margin:30px 35px 0 37px;}

.news_box_list dl.last{ margin:30px 0 0 0;}

.news_box_list dl dd{ margin-bottom:5px;     width: 321px;
    height: 215px;

}

.news_box_list dl dd a{ width:100%; display:block; height:100%;}

.news_box_list dl h2 a{ font-size:16px; color:#222;    line-height: 36px;}

.news_box_list dl h2 a:hover{ color:#257DFF;}

.news_box_list dl a.bt{ color:#257DFF;}

.news_box_list dl a.bt:hover{ text-decoration:underline;}

a.allnews{ background:#257DFF; width:160px; height:40px; text-align:center; font-size:14px; color:#fff; border-radius:2px; display:block; margin:0 auto; clear:both; line-height:40px; margin-top:40px; -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;}

a.allnews:hover{ background:#2571e2;}


 @-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: 100px 0;
	background: url(../image/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: 30%;
	padding: 0 40px;
}
.marketing_advantage_brief .brief_title {
	font-size: 18px;
	color: #606060;
	margin-bottom: 10px;
	font-weight: 700;
}
.marketing_advantage_brief .brief_title span {
	margin-left: 15px;
}
.marketing_advantage_brief .brief_text {
	font-size: 14px;
	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: 100px 0;
}
.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(../image/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: 100px 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: 14px;
	margin-bottom: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background: url(../image/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 {

}
.auto{width:1200px;margin:0px auto;}
.footer_content {
	padding: 100px 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: #8A8A8A;
	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;
	background: #292929;
	color: #8A8A8A;
	font-size: 13px;
	padding: 5px 16px;
}
.footer_link ul li a:hover {
	color: #fff;
	background: #222;
}
.footer_cotact {
	color: #8A8A8A;
	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: #8A8A8A;
}
.footer .copyright {
	text-align: center;
	padding: 8px 10px;
	color: #8a8a8a;
	background: #000;
	font-size: 12px;
}
.z_banner {
	background: url(../image/0555.jpg) center top repeat;
	text-align: center;
	padding: 170px 0;
	overflow: hidden;
}
.support_z_banner {
	    padding: 173px 0 160px 0;
}
.z_banner_title {
	font-size: 34px;
	color: #fff;
	margin-bottom: 10px;
}
.z_banner_text {
	font-size: 18px;
	color: #fff;
}
.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;
}
.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: 20px 0;
}
.support_type_content {
	margin-left: -50px;
}
.support_type_list {
	display: block;
	border: solid 1px #e4e4e4;
	text-align: center;
	padding: 10px 0;
	color: #444;
	margin-left: 50px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.support_type_list.active {
	color: #fff;
	background: #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: 0px 0px 50px 0px;
	
}
.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(../image/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: #222;
	font-size: 32px;
	text-align:center;
	    padding: 18px 0px;
}
.technical_support_box_z_header ul {
	overflow: hidden;
	margin-top: 10px;
	justify-content: center;
    display: flex;
}
.technical_support_box_z_header ul li {
	float: left;
	font-size: 14px;
	color: #888;
	margin-right: 20px;
}
.technical_support_box_z_info_box {
	border-top: solid 1px #F7F7F7;
	border-bottom: solid 1px #F7F7F7;
	margin: 30px 0;
	padding: 8px 16px;
	    font-size: 16px;
	        line-height: 28px;
}
.technical_support_box_z_info_box h2 {
	
	font-size: 20px;
     color:#333;
       font-weight: 700;
}
.technical_support_box_z_info_box h3 {
	
	font-size: 18px;
	color:#333;
}

.technical_support_box_z_info img {
	max-width: 100%;
	height: auto !important;
	    padding: 24px 0px;
}
.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: 100px 0;
}
.introduce_content {
	overflow: hidden;
}
.introduce_list_brief {
	margin: 0 50px 20px 0;
}
.introduce_list_title {
	font-size: 16px;
	color: #333;
	font-weight: 600;
	margin-bottom: 5px;
}
.introduce_list_text {
	color: #969696;
}
.cloud_platform {
	padding: 100px 0;
	background: url(../image/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(../image/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 -60px;
}
.proxy_process_list {
	display: block;
	text-align: center;
	margin-left: 60px;
}
.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: 48px;
	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: 90px;
	border-radius: 5px;
}
.proxy_process_list_bottom .title {
	color: #3b3b3b;
	font-size: 18px;
	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;
}

.dx-banner {
    background: url(../image/dx-banner1.jpg) center top no-repeat;
}

.dx-404 {
    color: white;
    font-size: 52px;
    text-align: center;
    margin-top: 160px;
    font-weight: bold;
    
    letter-spacing: 2px;
}

.dx-1-5 {
    background: url(../image/dx-1.png) center top no-repeat;
    width: 246px;
    height: 69px;
    font-size: 23px;
    color: white;
    text-align: center;
    line-height: 63px;
    margin: 0px auto;
    margin-top: 105px;
}



}
.banner .owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);
	
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #fff;
	overflow: hidden;
	border: 1px #fff solid;
	transition: all .3s;
}
.banner .owl-theme .owl-controls .owl-page.active span, .banner .owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);
	
	opacity: 1;
	background: none;
}
.banner .owl-buttons {
	display: none
}
.banner .owl-prev, .banner .owl-next {
	width: 39px;
	height: 39px;
	border-radius: 100%;
	opacity: 0.5;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	margin-top: -100px;
	display: none;
}
.banner .owl-prev {
	margin-left: 40px;
	float: left;
	background: #fff url(../image/icon_prev2_1.png) center no-repeat;
	display: none;
}
.banner .owl-next {
	margin-right: 40px;
	float: right;
	background: #fff url(../image/icon_next2_1.png) center no-repeat;
	display: none;
}
.index_product {
	padding: 100px 0;
	background: #fff;
}
.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(../image/002.png) center repeat;
}
.index_product_list .list_backimg2 {
	background: url(../image/003.png) center repeat;
}
.index_product_list .list_backimg3 {
	background: url(../image/004.png) center repeat;
}
.index_product_list .list_backimg4 {
	background: url(../image/005.png) center repeat;
}
.index_product_list .list_backimg5 {
	background: url(../image/006.png) center repeat;
}
.index_product_list .list_backimg6 {
	background: url(../image/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(../image/01411.jpg) center top repeat-x;
	padding: 100px 0;
	position: relative;
	overflow: hidden;
}
.platform_advantage_content {
	margin-left: -100px;
	overflow: hidden;
}
.platform_advantage_list {
	display: block;
	overflow: hidden;
	margin: 0 0 60px 100px;
}
.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
}

.turn-page ul{
	font-size: 0;
	margin-bottom: 60px;
}
.turn-page li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 100px;
	text-align: center;
}
.turn-page li::before{
	z-index: 11;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	transition: all 0.36s ease-out;
}
.turn-page li:hover::before{
	background: rgba(0,0,0,.5);
	transition: all 0.36s ease-out;
}
.turn-page li img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.turn-page li a{
	z-index: 22;
	position: relative;
	display: block;
	padding: 0 15px;
	padding-top: 5px;
	font-size: 16px;
	color: #fff;
}
.turn-page li span{
	display: block;
	margin-bottom: 8px;
	color: #fff;
	margin-top:20px;
}


.push-box{
	position: relative;
	margin-top: 30px;
	padding-top: 36px;
	padding-bottom: 20px;
	background: url(../image/2018092517163620.jpg) center no-repeat;
	-moz-background-size: cover;
	  -o-background-size: cover;
	     background-size: cover;
}
.push-box::before{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,.5);
}
.push-box>.container{
	z-index: 33;
}
.push-title{
	margin-bottom: 24px;
	line-height: 24px;
	font-size: 20px;
	color: #fff;
}
.push-title a{
	float: right;
	color: #fff;
	letter-spacing: 3px;
}
.push-title i{
	margin-left: 8px;
}
.nlist li em{
	display: block;
	padding: 0 16px;
	max-height: 40px;
	line-height: 1.4;
	color: #666;
	margin-top: 8px;
	overflow: hidden;
}

.itemlist{
	overflow: hidden;
}
.itemlist .push-title{
	margin-bottom: 16px;
	color: #333;
}
.itemlist .push-title a{
	margin-top: 2px;
	font-size: 12px;
	color: #666;
}
.itemlist>div{
	float: left;
	width: 380px;
}
.itemlist>div:nth-of-type(2){
	margin: 0 30px;
}
.itemlist .item-img{
	margin-bottom: 10px;
}
.itemlist li{
	overflow: hidden;
	line-height: 30px;
}
.itemlist li a{
	float: left;
	max-width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #666;
}
.itemlist li a:hover{
	color: #222;
}
.itemlist li span{
	float: right;
	font-size: 12px;
	color: #999;
}

.botlist .push-title{
	color: #333;
}
.botlist .push-title a{
	color: #666;
}
.botlist ul{
	margin: 0 -10px;
}
.botlist li{
	padding: 0 10px;
	margin-bottom: 20px;
}
.botlist li a{
	position: relative;
	z-index: 33;
	display: block;
	-moz-border-radius: 8px;
	     border-radius: 8px;
	overflow: hidden;
}
.botlist li a::before{
	z-index: 11;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.botlist li a:hover::before{
	background: rgba(0,0,0,.2);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.botlist li img{
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.botlist li a:hover img{
	-webkit-transform: scale(1.06);
	   -moz-transform: scale(1.06);
	    -ms-transform: scale(1.06);
	     -o-transform: scale(1.06);
	        transform: scale(1.06);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.a-seo{
	height: 120px;
	overflow: hidden;
}
.a-seo-fold{
	height: auto;
}


.delist>div{
	width: 47%;
	margin-top: 50px;
}
.delist>div:nth-of-type(2){
	float: right;
	margin: 0;
	margin-top: 50px;
}

.news_box{ width:100%; border-top:1px solid #e9e9e9; overflow:hidden; margin-top:30px; padding-top:40px; padding-bottom:30px;}

.news_box.wu{ width:100%; border-top:0; padding-top:20px; margin:0;}

.news_box.wu h1{ text-align:left; width:1200px; margin:0 auto;}

.news_box.wu .case_con dl{ margin-top:20px; }

.news_box.wu a.allnews{ font-size:16px; margin:15px auto 30px auto;}

.news_box h1{ font-size:24px; line-height:40px; text-align:center;}

.news_box_list{ width:1200px; margin:0 auto; line-height:24px; overflow:hidden;}

.news_box_list dl{ width:320px; float:left; color:#555; margin:30px 35px 0 37px;}

.news_box_list dl.last{ margin:30px 0 0 0;}

.news_box_list dl dd{ margin-bottom:5px;     width: 321px;
    height: 215px;

}

.news_box_list dl dd a{ width:100%; display:block; height:100%;}

.news_box_list dl h2 a{ font-size:16px; color:#222;    line-height: 36px;}

.news_box_list dl h2 a:hover{ color:#257DFF;}

.news_box_list dl a.bt{ color:#257DFF;}

.news_box_list dl a.bt:hover{ text-decoration:underline;}

a.allnews{ background:#257DFF; width:160px; height:40px; text-align:center; font-size:14px; color:#fff; border-radius:2px; display:block; margin:0 auto; clear:both; line-height:40px; margin-top:40px; -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;}

a.allnews:hover{ background:#2571e2;}


 @-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: 100px 0;
	background: url(../image/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: 30%;
	padding: 0 40px;
}
.marketing_advantage_brief .brief_title {
	font-size: 18px;
	color: #606060;
	margin-bottom: 10px;
	font-weight: 700;
}
.marketing_advantage_brief .brief_title span {
	margin-left: 15px;
}
.marketing_advantage_brief .brief_text {
	font-size: 14px;
	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: 100px 0;
}
.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(../image/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: 100px 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: 14px;
	margin-bottom: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background: url(../image/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 {

}
.auto{width:1200px;margin:0px auto;}
.footer_content {
	padding: 100px 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: #8A8A8A;
	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;
	background: #292929;
	color: #8A8A8A;
	font-size: 13px;
	padding: 5px 16px;
}
.footer_link ul li a:hover {
	color: #fff;
	background: #222;
}
.footer_cotact {
	color: #8A8A8A;
	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: #8A8A8A;
}
.footer .copyright {
	text-align: center;
	padding: 8px 10px;
	color: #8a8a8a;
	background: #000;
	font-size: 12px;
}
.z_banner {
	background: url(../image/05555.jpg) center top repeat;
	text-align: center;
	padding: 170px 0;
	overflow: hidden;
}

.b_banner {
	background: #2655CD;
	text-align: center;
	overflow: hidden;
}
.support_z_banner {
	    padding: 173px 0 160px 0;
}
.support_b_banner {
	    padding: 100px 0 0px 0;
}
.z_banner_title {
	font-size: 34px;
	color: #fff;
	margin-bottom: 10px;
}
.n_banner_title {
	font-size: 34px;
	color: #fff;
	margin-bottom: 10px;
	text-align:left;
}
.nn_banner{
	text-align:left;font-size:18px;color:white;
	opacity: 0.7;padding-top:15px;
}
.z_banner_text {
	font-size: 18px;
	color: #fff;
}
.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;
}
.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: 20px 0;
}
.support_type_content {
	margin-left: -50px;
}
.support_type_list {
	display: block;
	border: solid 1px #e4e4e4;
	text-align: center;
	padding: 10px 0;
	color: #444;
	margin-left: 50px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.support_type_list.active {
	color: #fff;
	background: #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: 0px 0px 50px 0px;
	
}
.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(../image/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: #222;
	font-size: 32px;
	text-align:center;
	    padding: 18px 0px;
}
.technical_support_box_z_header ul {
	overflow: hidden;
	margin-top: 10px;
	justify-content: center;
    display: flex;
}
.technical_support_box_z_header ul li {
	float: left;
	font-size: 14px;
	color: #888;
	margin-right: 20px;
}
.technical_support_box_z_info_box {
	border-top: solid 1px #F7F7F7;
	border-bottom: solid 1px #F7F7F7;
	margin: 30px 0;
	padding: 8px 16px;
	    font-size: 16px;
	        line-height: 28px;
}
.technical_support_box_z_info_box h2 {
	
	font-size: 18px;
     color:#333;
}
.technical_support_box_z_info_box h3 {
	
	font-size: 18px;
	color:#333;
}

.technical_support_box_z_info img {
	max-width: 100%;
	height: auto !important;
	    padding: 24px 0px;
}
.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: 100px 0;
}
.introduce_content {
	overflow: hidden;
}
.introduce_list_brief {
	margin: 0 50px 20px 0;
}
.introduce_list_title {
	font-size: 16px;
	color: #333;
	font-weight: 600;
	margin-bottom: 5px;
}
.introduce_list_text {
	color: #969696;
}
.cloud_platform {
	padding: 100px 0;
	background: url(../image/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(../image/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 -60px;
}
.proxy_process_list {
	display: block;
	text-align: center;
	margin-left: 60px;
}
.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: 48px;
	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: 90px;
	border-radius: 5px;
}
.proxy_process_list_bottom .title {
	color: #3b3b3b;
	font-size: 18px;
	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;
}







.header .header_menu ul .nav-last-li {
	display: none;
}
 @media screen and (max-width: 1199px) {
.header .header_menu ul li:last-child {
	display: block;
	line-height: 40px;
	border-bottom: 1px solid #378fdd;
}
.header .header_menu ul li:last-child a {
	display: inline;
	padding: 0 20px;
	border: none;
}
.header .header_menu ul li:last-child span {
	color: #fff;
	filter: alpha(opacity=20); 
	opacity: 0.8;
}
.header .header_menu ul li:last-child a:hover {
	border: none;
}
}


.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%;
	
}
.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 {

}
.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;
}
 @media only screen and (max-width: 1110px) {
.web_tip h4 {
	padding: 0 26px;
}
.template_show_list_text {
	position: relative;
	margin: 22px 0 12px 0;
	text-align: center;
}
.template_show_list_button {
	margin-top: 12px;
	text-align: center;
}
.template_show_list_button .all_button:first-child {
	float: none;
	margin-left: 0;
}
.template_show_list_button a:last-child {
	float: none;
}
.template_show-container {
	padding: 10px 10px 18px 10px;
}
.web_tip {
	margin: 50px 0 26px;
}
}
 @media only screen and (min-width: 420px) and (max-width: 770px) {
.web_tip h4 {
	padding: 0 20px;
}
.web_tip {
	margin: 40px 0 16px;
}
.template_show_list_button .all_button:first-child {
	margin-left: 0;
}
}
 @media only screen and (max-width: 420px) {
.web_tip h4 {
	padding: 0 15px;
}
.web_tip {
	margin: 40px 0 6px;
}
.template_show_list {
	padding: 30px 0 !important;
}
}
 @media only screen and (max-width: 322px) {
.web_tip:before {
	display: none;
}
}


.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%);
	margin:0px auto;
}
.col-xs-4{margin-top:20px;}
.kzf-mod-new-container {
	margin-bottom: 95px;
}

.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: #333;
	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: #555;
	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;}



 @media only screen and (max-width: 1199px) {
.kzf-mod-new-container {
	margin-bottom: 60px;
}
.kzf-mod-new-container .kzf-mod-new-btn-more {
	padding: 25px 0;
}
}
 @media only screen and (max-width: 960px) {
.kzf-mod-new-container {
	margin-bottom: 40px;
}
.kzf-mod-new-container .kzf-mod-new-btn-more {
	padding: 15px 0;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box {
	padding: 6px 0;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {
	font-size: 38px;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {
	padding-bottom: 22px;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {
	padding: 6px 20px;
}
.kzf-mod-new-container .kzf-mod-new-li {
	padding: 14px 0;
}
}
 @media only screen and (max-width: 767px) {
.kzf-mod-new-container {
	margin-bottom: 25px;
}
.kzf-mod-new-container .kzf-mod-new-btn-more {
	padding: 15px 0;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box {
	padding: 3px 0;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {
	font-size: 24px;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {
	padding-bottom: 12px;
	line-height: 19px;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {
	padding: 3px 10px;
}
.kzf-mod-new-container .kzf-mod-new-li {
	padding: 4px 0;
}
}
 @media only screen and (max-width: 479px) {
.kzf-mod-new-container {
	margin-bottom: 25px;
}
.kzf-mod-new-container .kzf-mod-new-btn-more {
	padding: 10px 0;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {
	font-size: 14px;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-year {
	font-size: 12px;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {
	padding-bottom: 2px;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {
	padding: 0 10px;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {
	font-size: 14px;
}
.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-text {
	font-size: 12px;
}
.kzf-mod-new-container .kzf-mod-new-li {
	padding: 4px 0;
}
.support_type_content .kzf-mod-center {
	position: relative;
	left: 0;
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
}


.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(../image/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;
	
	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;
}
 @media screen and (max-width: 967px) {
.kzf-so-title {
	font-size: 30px;
}
.kzf-mod-case-container {
	padding: 50px 0;
}
.kzf-mod-so-title-box {
	margin: 25px 0 45px;
}
.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap {
	margin: 0 0 55px 30px;
}
.kzf-mod-link-container {
	padding: 50px 6px 82px;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {
	margin: 0 0 30px -16px;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {
	margin: 0 0 3px 16px;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span {
	font-size: 14px;
}
}
 @media screen and (max-width: 767px) {
.kzf-mod-case-container {
	padding: 40px 0;
}
.support_b_banner{
	    padding: 80px 0 0px 0;
}
.kzf-mod-so-title-box {
	margin: 25px 0 30px;
}
.kzf-so-title {
	margin-bottom: 3px;
	font-size: 26px;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {
	margin: 0 0 1px 5px;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {
	margin: 0 0 10px -5px;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box {
	margin-left: -5px;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap {
	margin-left: 5px;
}
}
 @media screen and (max-width: 479px) {
.kzf-mod-case-container {
	padding: 15px 0;
}
.kzf-mod-so-title-box {
	margin: 15px 0 30px;
}
.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap {
	margin: 0 0 30px 30px;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {
	margin: 0 0 5px -5px;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-pic {
	margin-bottom: 10px;
}
.kzf-mod-link-container {
	padding: 15px 6px 35px;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {
	padding: 10px 3px;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-txt {
	font-size: 12px;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box {
	margin-left: -3px;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap {
	margin-left: 3px;
	margin-bottom: 1px;
	padding: 6px 2px;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap img {
	margin-right: 3px;
}
.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span {
	font-size: 12px;
}
}


.kzf-mod-product {
	    padding: 80px 0px;
	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-brief a {
	    color: #333;
    
        margin: 0 16px;
    font-size: 18px;
}
.kzf-mod-product-list-title {
	color: #333;
	font-size: 18px;
	margin: 25px 0 10px 0;
}
.kzf-mod-product-list p {
	line-height: 2;
	color: #666;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	font-size: 16px;
}
.kzf-mod-product-list-title-p {
	line-height: 2;
	color: #666;
	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: #333;
}
.kzf-mod-product-list:hover h3 {
	color: #333;
}
 @media only screen and (max-width: 967px) {
.kzf-mod-product {
	padding: 60px 0;
}
.kzf-mod-product-title {
	font-size: 30px;
}
.kzf-mod-product-brief {
	margin: 20px 0 40px 0;
}
.kzf-mod-product-list-title {
	font-size: 16px;
	margin: 20px 0 10px 0;
}
.kzf-mod-product-list p {
	line-height: 1.8;
}
}
 @media only screen and (max-width: 767px) {
.kzf-mod-product {
	padding: 40px 0 0 0;
}
.kzf-mod-product-title {
	font-size: 26px;
}
.kzf-mod-product-brief {
	margin: 15px 0 25px 0;
}
.kzf-mod-product-list {
	margin-bottom: 40px;
}
.kzf-mod-product-list-title {
	font-size: 16px;
	margin: 20px 0 10px 0;
}
.kzf-mod-product-list p {
	line-height: 1.8;
}
}
.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;
}

.footer{background: #20243e;}
.footer_b{padding:15px 0;border-top:1px solid #3c415e;}
.footer_b p{font-size: 13px;color: #99a6bf;text-align: center;line-height: 26px;}

.footer_t{padding:60px 0 30px;}
.ft_col1{    width: 194px;
    float: left;
    padding: 0px 5px;}
.ft_col1 .tit{font-size: 18px;color: #ffffff;}
.ft_col1 .box{margin-top: 25px;}
.ft_col1 .lk{font-size: 14px;color: #99a6bf;line-height: 30px;display: block;}
.ft_col1 a.lk:hover{color: #fff;text-decoration: underline;}
.ft_txt{width: 340px;border-left:1px solid #3c415e;padding:10px 0 10px 40px;float:left;}
.ft_txt .logo{width: auto;margin:0 auto;display: block;}
.ft_txt .brief{font-size: 14px;color: #99a6bf;line-height: 29px;margin-top: 20px;}
@media screen and (min-width:320px) and (max-width:767px){
	 .footer_t{padding:20px 0 5px;}
  .ft_col1{width: 100%;margin-bottom: 10px;}
  .ft_txt{width: 100%;display: none;}
  .ft_col1 .tit{font-size: 14px;}
  .ft_col1 .box{margin-top: 5px;}
  .ft_col1 .lk{font-size: 12px;line-height: 24px;display: inline-block;margin-right: 15px;}
  .footer_b p{font-size: 12px;line-height: 22px;}
  .footer_b a{color:#99a6bf;}
  

  .auto{width: 94%;
    padding: 0 3%;}
}

.jiage-1{width:1200px;margin:0px auto;}
.jiage-2{margin-bottom:50px;}
.jiage-2 ul{}
.jiage-2 ul li{color:#666;padding-top:5px;padding-bottom:5px;}
.jiage-3{font-size:18px;color:#333333;}


 @media only screen and (max-width: 760px){
	 
	 .jiage-1{width:96%;margin:0px auto;}
.jiage-2{margin-top:70px;}
.jiage-2 ul{}
.jiage-2 ul li{}


 }

@media (min-width:768px) {

}
@media (min-width:720px) {

}

@media (min-width:767px) and (max-width:1200px) {
.met-index-service .service_item img {
	max-width: 300px;
	margin: 0 auto
}
}
@media (min-width:991px) {
.met-index-service .service_item {
	margin-right: 25px
}
}
.met-index-service .slick-arrow {
	width: 20px
}
.met-index-service .slick-arrow.slick-next {
	right: -10px
}
.met-index-service [class*=blocks] li {
	margin: 50px 0 0;
	clear: none
}
.met-index-service [class*=blocks] li i {
	width: 120px;
	height: 120px;
	background: #eee;
	text-align: center;
	font-size: 50px;
	line-height: 120px;
	color: #5e7387;
	border-radius: 100%;
	transition: background .5s, color .5s;
	-moz-transition: background .5s, color .5s;
	-webkit-transition: background .5s, color .5s;
	-o-transition: background .5s, color .5s
}
.met-index-service [class*=blocks] li:hover i {
	background: #4e97d9;
	color: #fff
}
.met-index-service [class*=blocks] li h4 {
	margin-top: 20px;
	margin-bottom: 5px;
	font-weight: 300;
	font-size: 20px;
	color: #2a333c
}
.met-index-service [class*=blocks] li p {
	width: 90%;
	margin: 0 auto;
	font-weight: 300;
	color: #5e7387;
	text-align: left
}
.met-index-service [class*=blocks] li a {
	text-decoration: none
}
.met-index-service [class*=blocks] li a:active, .met-index-service [class*=blocks] li a:focus, .met-index-service [class*=blocks] li a:hover {
	text-decoration: none
}
.met-index-service [class*=blocks] li a img {
	width: 100%
}
@media (max-width:767px) {
.met-index-service [class*=blocks] li {
	margin-top: 30px
}
.met-index-service [class*=blocks] li i {
	width: 90px;
	height: 90px;
	font-size: 40px;
	line-height: 90px
}
}
@media (max-width:479px) {
.met-index-service [class*=blocks] li p {
	width: 100%
}
}

.service_item h4 {
	font-size: 16px;
	height: 46px;
	line-height: 46px;
	color: #595959;
	-webkit-transition: all ease-out .2s;
	transition: all ease-out .2s;
	border-bottom: 1px solid #e1e1e1;
	text-align: left;
	width: 100%
}
@media (max-width:991px) {
.service_item h4 {
	text-align: center
}
}
.service_item h4:before {
	position: absolute;
	content: "";
	width: 10px;
	height: 1px;
	background-color: #3c3c3c;
	margin-top: 46px;
	-webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s
}
@media (max-width:991px) {
.service_item h4:before {
	display: none
}
}
.service_item p {
	color: #555;
	font-size: 13px;
	line-height: 24px;
	height: 50px;
	overflow: hidden;
	width: 100%;
	margin-top: 10px
}
.service_item a {
	display: block;
	width: 100%;
	position: relative
}
.service_item a img {
	margin: 0 auto
}
@media (max-width:767px) {
.service_item a {
	text-align: center;
	margin-top: 20px
}
}
.service_item a:hover {
	text-decoration: none
}
.service_item a:hover h4 {
	color: #272727
}
.service_item a:hover h4:before {
	width: 100%
}
.slick-slide{float:left;}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.service_item{float:left;}
.service_item h3 {
	font-size: 16px;
	height: 46px;
	line-height: 46px;
	color: #333;
	-webkit-transition: all ease-out .2s;
	transition: all ease-out .2s;
	border-bottom: 1px solid #e1e1e1;
	text-align: left;
	width: 100%;
	padding-top:20px;
}
@media (max-width:991px) {
.service_item h4 {
	text-align: center
}
}
.service_item h4:before {
	position: absolute;
	content: "";
	width: 10px;
	height: 1px;
	background-color: #3c3c3c;
	margin-top: 46px;
	-webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s
}
@media (max-width:991px) {
.service_item h4:before {
	display: none
}
}
.service_item p {
	color: #555;
	font-size: 13px;
	line-height: 24px;
	height: 50px;
	overflow: hidden;
	width: 100%;
	margin-top: 10px
}
.service_item a {
	display: block;
	width: 100%;
	position: relative
}
.service_item a img {
	margin: 0 auto
}
@media (max-width:767px) {
.service_item a {
	text-align: center;
	margin-top: 20px
}
}
.service_item a:hover {
	text-decoration: none
}
.service_item a:hover h4 {
	color: #272727
}
.service_item a:hover h4:before {
	width: 100%
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}


.met-index-service .service_item {
	margin-right: 25px;
	margin-left: 22px
}
.met-index-service .service_item h4 {
	overflow: hidden
}
@media (min-width:767px) and (max-width:1200px) {
.met-index-service .service_item img {
	max-width: 300px;
	margin: 0 auto
}
}
@media (min-width:991px) {
.met-index-service .service_item {
	margin-right: 22px;
	width:255px;
}
}
.service_item{}



@media (min-width:720px){
.met-index-service .service_item img {
	max-width: 300px;
	margin: 0 auto;
	text-align:center;
}



}
.met-index-service .service_item{margin-top:60px;margin-bottom:70px;}
.slick-slide {
	outline: none
}


.announcement_panel{background-image:url('../image/announcement_bgimg.png');width: 100%;height: 120px;background-position: center;background-size: cover;}
            .announcement_window{width: 100%;height: 100%;position: fixed;background: #333;opacity: .2;z-index: 999998;top:0;left: 0;}
            .announcement_page{max-width:800px;width:100%;background: #f7f8fb;border-radius: 4px;margin:0 auto;position: fixed;z-index: 999999;top:100%;box-shadow: 0 0 32px #999;color:#333;transition: all .4s ease-in-out;overflow: scroll;max-height: 100%;}
            .announcement_page p{margin-bottom: 15px;font-size: 16px;text-indent: 2em;}
            .announcement_page p code{font-size: 16px;}
            .announcement_page .bg{background-image: url('../image/announcement_window_bg.png');width: 100%;padding: 0;}
            .announcement_page a{margin:0 auto;max-width:160px;background:#eee;color:#333;text-indent: 0;}
            .announcement_page a:hover{color:#007ffc;}
            .price_announcement{background: rgba(0,126,252,1);background: -moz-linear-gradient(left, rgba(0,126,252,1) 0%, rgba(57,156,255,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,126,252,1)), color-stop(100%, rgba(57,156,255,1)));background: -webkit-linear-gradient(left, rgba(0,126,252,1) 0%, rgba(57,156,255,1) 100%);background: -o-linear-gradient(left, rgba(0,126,252,1) 0%, rgba(57,156,255,1) 100%);background: -ms-linear-gradient(left, rgba(0,126,252,1) 0%, rgba(57,156,255,1) 100%);background: linear-gradient(to right, rgba(0,126,252,1) 0%, rgba(57,156,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007efc', endColorstr='#399cff', GradientType=1 );max-width: 160px;margin:32px 0;border-radius: 4px;font-size: 16px;line-height: 28px;border:none;opacity: .9;float: right;}
            .price_announcement:hover{opacity: 1}


 @media only screen and (max-width: 967px) {
.kzf-mod-custom {
	padding: 60px 0 20px 0;
}
.kzf-mod-custom-title {
	font-size: 30px;
}
.kzf-mod-custom-brief {
	margin: 20px 0 40px 0;
}
.kzf-mod-custom-list {
	width: 25%;
	margin-bottom: 40px;
}
.kzf-mod-custom-list-title {
	font-size: 16px;
	margin: 20px 0 10px 0;
}
.kzf-mod-custom-list p {
	line-height: 1.8;
}
}




 @media only screen and (max-width: 767px) {
.kzf-mod-custom {
	padding: 40px 0 0 0;
}
.kzf-mod-custom-title {
	font-size: 26px;
}
.kzf-mod-custom-brief {
	margin: 15px 0 25px 0;
}
.kzf-mod-custom-list {
	margin-bottom: 40px;
}
.kzf-mod-custom-list-title {
	font-size: 16px;
	margin: 20px 0 10px 0;
}
.kzf-mod-custom-list p {
	line-height: 1.8;
}
}
 @media only screen and (max-width: 479px) {
.kzf-mod-custom-list {
	width: 33.333%;
}
.kzf-mod-custom-list img {
	width: 100px;
}
.kzf-mod-custom-list p {
	padding: 0 10px;
	font-size: 12px;
}
.kzf-mod-custom-list-last {
	float: none;
	animation-delay: inherit;
	visibility: visible;
	animation-name: inherit;
	-webkit-animation-fill-mode: inherit;
	animation-fill-mode: initial;
	margin-left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
}


.m-sms-func {
  background: #eff0f2;
}
.m-sms-func .tab {
    display: inline-block;
    margin-top: 38px;
	text-align:center;
	justify-content:center;
	display:flex;
}


.sy-table>td{
    width: 16.5%;height: 55px;
}
.sy-table1>td{
    width: 16.5%;height: 55px;
}
.area-3{
    overflow: hidden;
}




.pro-1{width:100%;overflow:hidden;background:#F5F5F5;}
.pro-2{width:1200px;margin:0px auto;overflow:hidden;}
.pro2-2{width:1200px;margin:0px auto;overflow:hidden;}
.pro-2 h1{font-size:36px;color:#3c94f1;text-align:center;padding-top:50px;}
.pro-2 p{font-size:14px;color:#555;text-align:center;padding-top:30px;}
.pro-3{margin-top:30px;}
.pro-3 ul{justify-content:center;display:flex;}
.pro-3 ul li{float:left;cursor:pointer;}
.pro-3 ul li h3{color:#333;font-size:16px;}
.pro-3-1{color:#333;border:1px solid #D2D2D2;padding:8px 20px 8px 20px;font-size:16px;margin-right:5px;margin-left:5px;}
.pro-3-2{background:#3C94F1;color:white;border:1px solid #F5F5F5;}
.pro-4{}
.pro-4 ul{}
.pro-4 ul li{text-align:center;margin-bottom: 50px;background:url(../image/pro-1.jpg) center top no-repeat;width:100%;height:626px;}
.pro-4 ul li span{ display: block;
    width: 24%;
    margin: 0px auto;
    padding-top: 185px;
    text-align: left; }

.dishow{display:none;}

.pro-5{background:url(../image/pro-2.png) top left no-repeat;font-size:16px;color:#595959;
		background-position-y:5px;
		padding-left:20px;
		margin-top:45px;
		}
		.pro-5 h2{font-size:16px;}
.pro-5:hover{color:#3C94F1}
.pro-5 p{font-size:14px;color:#555;text-indent:20px;text-align:left;padding-top:10px;}
.pro-5-1{width:168px;height:42px;color:#3C94F1;margin:0px auto;border:1px solid #3C94F1;font-size:16px;line-height:42px;text-align:center;border-radius:5px;
		margin-bottom:100px;margin-top:40px;overflow:hidden;
		}
.pro-5-1:hover{background:#3C94F1;color:white;}
.pro-6{width:100%;background:url(../image/pro-9.jpg) center top no-repeat;overflow:hidden;
		height:355px;
}
.pro-6 ul{    justify-content: center; display: flex;margin-top:70px;}
.pro-6 ul li{float:left;width:112px;text-align:center;}
.pro-6 ul li p{text-align:center;padding-top:15px;}
.pro-6-1{padding-top:20px;width:112px;height:100px;background:url(../image/pro-4.png) center top no-repeat;margin-top:25px;}



.dropdown-content {
    position: absolute;
    background-color: #0979E8;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index:9999;

}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}
.dropdown-content a:hover {
    color: white;
    background-color: #1f75cf;
}






.tel-input{    width: 528px;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	margin:0px auto;
	text-align:center;
	margin-top:50px;
	margin-bottom:120px;
	}
	.tel-input .teipnut{    width: 378px;
    height: 52px;
    background: white;
    border: 1px solid #837F95;
    border-right: none;
    border-radius: 100px 0 0 100px;
    padding: 0 20px;
    font-size: 18px;}
	
	.tel-input .btn-try{
		    display: inline-block;
    width: 149px;
    line-height: 54px;
    background: #076BF2;
    border-radius: 0 100px 100px 0;
    color: #FFF;
    cursor: pointer;
	}
	
	
	
	
	
.pro-banner{
	width:100%;
	overflow:hidden;
	background:url(../image/pro-banner.jpg) center top no-repeat;
	height:550px;
}

.pro-8{font-size:40px;color:white;font-weight:bold;margin-top:170px;margin-left:90px;}
.pro-8-1{font-size:21px;color:white;margin-top:15px;margin-left:90px;}
.pro-8-1 ul{margin-top:15px;}
.pro-8-1 ul li{background:url(../image/se-2.png) center left no-repeat;    float: left;
    padding-left: 10px;
    margin-right: 40px;
    font-size: 16px;
    color: #ffffffba;}
.pro-8-2{width:185px;height:55px;background:#188BFD;font-size:18px;text-align:center;line-height:55px;color:white;margin-top:90px;margin-left:90px;}
.art-1{width:100%;}
.art-1-1{width:1100px;margin:0px auto;font-size:14px;color:#333;padding-top:15px;padding-bottom:15px;background:url(../image/lb-2.png) center left no-repeat;padding-left:20px;}
.art-1-1 a{color:#333;}
.jk{font-size: 36px;
    color: #3c94f1;
    text-align: center;
    padding-top: 50px;}

.dx-banner{background:url(../image/dx-banner.jpg) center top no-repeat;}
.dx-1{width:1200px;margin:0px auto;overflow:hidden;}
.dx-111{width:1200px;margin:0px auto;overflow:hidden;justify-content: center;display: flex;}
.dx-1-1{color:white;font-size:64px;text-align:center;margin-top:160px;font-weight:bold;text-shadow:5px 2px 6px #6b6060;letter-spacing: 2px;}
.dx-1-1 span{font-size:74px;color:#ffe400;}
.dx-1-2{font-size:28px;color:white;text-align:center;}
.dx-1-3{    color: #C3C5F4;
    font-size: 18px;
    margin-top: 130px;
    margin-left: 236px;
    line-height: 32px;
}
.dx-1-3 ul{}
.dx-1-3 ul li{}
.dx-1-4{padding-bottom:5px;}
.dx-1-5{background:url(../image/dx-1.png) center top no-repeat;width:246px;height:69px;
		font-size:23px;color:white;text-align:center;line-height:63px;
		margin:0px auto;margin-top:105px;}
.dx-2{font-size:32px;text-align:center;
		color:#222;padding-top:60px;}
.dx-2-tehui{font-size:32px;text-align:center;
		color:#222;padding-top:80px;}
.area-dx-2{    font-size: 36px;
    text-align: center;
    
    color: #3c94f1;}
.dx-2-1{text-align:center;font-size:16px;color:#666;padding-top:3px;padding-bottom:10px;}
.dx-2-10{text-align:center;font-size:16px;color:#666;padding-top:3px;padding-bottom:60px;}
.dx-3{padding-top:60px;padding-bottom:60px;float:left;}
.dx-3-tehui{padding-top:60px;padding-bottom:60px;float:left;    padding-left: 80px;}
.dx-3-1{width:100%;background:#F8F8F8;}
.dx-3-2{float:right;width:522px;height:94px;margin-top:10px;}
.dx-3-3-1{background:url(../image/dx-4.jpg) left top no-repeat;margin-left: 50px;margin-top: 20px;background-position-y:5px;}
.dx-3-3-2{background:url(../image/dx-5.jpg) left top no-repeat;margin-left: 50px;margin-top: 20px;background-position-y:5px;}
.dx-3-3-3{background:url(../image/dx-6.jpg) left top no-repeat;margin-left: 50px;margin-top: 20px;background-position-y:5px;}
.dx-3-3-4{background:url(../image/dx-7.jpg) left top no-repeat;margin-left: 50px;margin-top: 20px;background-position-y:5px;}
.dx-3-4{font-size:16px;color:#666666;}
.dx-3-5{font-size:21px;color:#3165D6;padding-left:37px;}
.dx-3-6{margin-top:50px;    overflow: hidden;margin-right: 80px;}

.dx-4{background:url(../image/dx-8.jpg) right center no-repeat;width:1050px;height:568px;margin:0px auto;}
.dx-44{    padding-top: 100px;padding-left: 90px;}
.dx-44 span{font-size:21px;color:#3165D6;}
.dx-44 p{font-size:16px;color:#555555;padding-bottom:50px;}
.dx-4-1{background:url(../image/dx-4.jpg) left top no-repeat;width:32%;padding-left: 32px;background-position-y: 4px;}
.dx-4-1:hover{transform:translateY(-20px);transition:transform .6s ease;}
.dx-4-2{background:url(../image/dx-5.jpg) left top no-repeat;width:32%;padding-left: 32px;background-position-y: 4px;}
.dx-4-2:hover{transform:translateY(-20px);transition:transform .6s ease;}
.dx-4-3{background:url(../image/dx-6.jpg) left top no-repeat;width:32%;padding-left: 32px;background-position-y: 4px;}
.dx-4-3:hover{transform:translateY(-20px);transition:transform .6s ease;}

.dx-5{background:url(../image/dx-9.jpg) left top no-repeat;height:730px;margin-top:30px;}
.dx-5-1{    width: 272px;
    height: 340px;
    background: white;
    text-align: center;
    border-radius: 17px;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
	margin-top:30px;
	}
.dx-5-1:hover{transform:translateY(-20px);transition:transform .6s ease;}
.dx-5-1 img{margin-top:48px;}
.dx-5-2{font-size:21px;color:#333333;padding-top:30px;padding-bottom:10px;}
.dx-5-3{    color: #555555;
    font-size: 14px;
    width: 80%;
    margin: 0px auto;
    text-align: left;
	padding-bottom:15px;
	}
	.dx-5-4{width:230px;height:50px;color:#3165d6;text-align:center;line-height:50px;margin:0px auto;
			background:white;font-size:21px;border-radius:50px;margin-top:35px;}
	
	.dx-5-4:hover{background:#257DFF;color:white;}
	
.dx-6{background:url(../image/dx-14.jpg) center top no-repeat;width:464px;height:207px;color:white;float:left;margin-left:35px;margin-top:30px;}
.dx-6-1-1{background:url(../image/dx-15.jpg) center top no-repeat;width:464px;height:207px;color:white;float:left;margin-left:35px;margin-top:30px;}
.dx-6-2-2{background:url(../image/dx-16.jpg) center top no-repeat;width:464px;height:207px;color:white;float:left;margin-left:35px;margin-top:30px;}
.dx-6-3-3{background:url(../image/dx-17.jpg) center top no-repeat;width:464px;height:207px;color:white;float:left;margin-left:35px;margin-top:30px;}
.dx-6-1{font-size:26px;text-align:center;padding-top:35px;}
.dx-6-2{}
.dx-6-2 ul{margin-top:15px;}
.dx-6-2 ul li{float:left;    padding-left: 90px;
    padding-top: 7px;
	
		}
.dx-7{    width: 210px;
    height: 330px;
    float: left;
    text-align: center;
    box-shadow: 0px 0px 30px #8888886e;
    margin: 25px 15px 25px 15px;
    overflow: hidden;
}
	.dx-7:hover{transform:translateY(-20px);transition:transform .6s ease;}
.dx-7-1{font-size:21px;color:#333333;padding-top: 30px;
    padding-bottom: 8px;
	
	}
.dx-7-2{font-size:16px;color:#555555;}
.dx-7-3{color:red;text-decoration:line-through}
.dx-7-4{font-size:30px;color:#23a2ff;padding-top:20px;    border-top: 1px solid #DDDDDD;
    width: 73%;
    margin: 0px auto;
    margin-top: 15px;
}
.dx-7-4 p{font-size:14px;color:#555555;}
.dx-7-5{width: 73%;
    background: #23a2ff;
    color: white;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px auto;
    margin-top: 17px;
	
	}
.dx-7-5:hover{color:#23a2ff;background:white;border:1px solid #23a2ff;}
.dx-7-6{background:url(../image/dx-22.png) center top no-repeat;width:74%;height:32px;margin:0px auto;color:white;font-size:16px;line-height:32px;
		margin-top:10px;
		
		}

.dx-7-7{font-size:16px;color:#666666;overflow:hidden;margin-top:50px;}
.dx-7-7 p a{color:red;}

.dx-8{width:33.333%;float:left;margin-top:50px;}
.dx-8-1{font-size:16px;color:#555555;text-align:center;margin-top:30px;padding-bottom:80px;}
.dx-8-1 p{}
.dx-8-1 p span{color:#3a84ff;font-size:18px;}
.dx-8-2{width:100%;background:#EFF7FD;overflow:hidden;margin-top:100px;}
.area-dx-8-2{width:100%;overflow:hidden;}
.dx-9{width:520px;height:54px;margin:0px auto;border:1px solid #3C94F1;border-radius:50px;font-size:18px;overflow:hidden;margin-top:50px;margin-bottom:90px;}
.dx-9-1{float: left;
    width: 70%;
    margin-top: 12px;
    margin-left: 20px;}
.dx-9-1 input{border:0px;width: 70%;}
.dx-9-2{background:#3C94F1;color:white;float:right;   
	padding-left: 5%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 7%;}
.dx-10{width:100%;background:url(../image/dx-21.jpg) center top no-repeat;height:140px;}
.dx-404{    color: white;
    font-size: 52px;
    text-align: center;
    margin-top: 160px;
    font-weight: bold;
    
    letter-spacing: 2px;}

.are-4-1 {
    float: left;
    color: #ffffff;
    margin-left: 60px;
    margin-top: 37px;
}

.are-4-2 {
    font-size: 28px;
}

.are-4-3 {
}

.are-4-3 ul {
}

.are-4-3 ul li {
    font-size:14px;
    float: left;
    background: url(../image/are-11.png) no-repeat center left;
    padding-left: 10px;
    margin-right: 40px;
}

.are-4-4 {
    width: 190px;
    height: 45px;
    border: 1px solid #BAD8FA;
    float: right;
    color: #ffffff;
    text-align: center;
    margin-top: 47px;
    line-height: 270%;
    border-radius: 5px;
	margin-right:75px;
	font-size:16px;

}

.are-4-4:hover{color:#3A7AFF;background:white;}

 #menu li:hover #pull-menu{
            height: 250px;
        }
        #pull-menu{
            
            position: absolute;
            top: 75px;
            left: 0px;
            width: 100%;
            height: 0px;
            background-color: #fff;
            opacity: 1;
            overflow: hidden;
            transition: all 0.5s;
        }



.head-1{width:190px;float:left;text-align:center;margin-top:40px;font-size:18px;color:#333333;}
.head-1:hover{border-bottom:3px solid #98C4F3;color:#98C4F3;}
.head-1-1{padding-top:20px;width:80px;height:80px;background: url(../image/head-1.png) no-repeat center center;margin:0px auto;}
.head-1-1-1{padding-top:20px;width:80px;height:80px;background: url(../image/head-2.png) no-repeat center center;margin:0px auto;}
.head-1-1-2{padding-top:20px;width:80px;height:80px;background: url(../image/head-3.png) no-repeat center center;margin:0px auto;}
.head-1-1-3{padding-top:20px;width:80px;height:80px;background: url(../image/head-4.png) no-repeat center center;margin:0px auto;}
.head-1-1-4{padding-top:20px;width:80px;height:80px;background: url(../image/head-5.png) no-repeat center center;margin:0px auto;}
.head-1-1-5{padding-top:20px;width:80px;height:80px;background: url(../image/head-6.png) no-repeat center center;margin:0px auto;}
.head-1-2{}
.head-1-3{border-left:1px solid #E6E6E6;}

.gywm-banner{width:100%;height:600px;background: url(../image/gywm-banner.jpg) no-repeat center top;}
.gywm-1{color:white;font-size:36px;font-weight:bold;padding-left:40px;margin-top:180px;}
.gywm-2{margin-top:35px;font-size:18px;color:#D0D5F1;padding-left:40px;}
.gywm-3{width:292px;height:47px;border:1px solid #96ABE7;font-size:16px;text-align:center;margin-left:40px;color:white;line-height:47px;margin-top:70px;}
.gywm-3:hover{background:white;color:#257DFF;}

.jjfa-banner{width:100%;height:600px;background: url(../image/jjfa-banner.jpg) no-repeat center top;}
.jiage-banner{width:100%;height:600px;background: url(../image/jiage-banner.jpg) no-repeat center top;}
.mfsy-banner{width:100%;height:600px;background: url(../image/mfsy-banner.jpg) no-repeat center top;}

.tag-1{overflow:hidden;}
.tag-2{float:left;width:80px;height:80px;background: url(../image/tag-1.jpg) no-repeat center top;}
.tag-3{float:left;margin-left:25px;}
.tag-3 h1{font-size:24px;color:#333333;font-weight:normal;}
.tag-3 p{font-size:16px;color:#999999;margin-top:10px;}

.tag-4{width:100%;border-bottom:2px solid #F0F0F0;overflow:hidden;margin-top:40px;}
.tag-4 p{border-bottom:2px solid #3da6f7;color:#3da6f7;float:left;font-size:18px;}
.tag-4 p span{color:#444444;}

.su-1{width:100%;height:550px;background:#F6F6F6;overflow:hidden;}
.su-2{    
width:1000px;
margin:0px auto;
background: #fff;
    padding: 30px 40px;
    border: 3px #F1EDED solid;	
	overflow:hidden;
	    margin-top: 50px;
	}
.su-2-1{float:left;padding: 80px 50px 0px 0px;}
.su-2-2{    float: left;
    overflow: hidden;
    width: 60%;
	font-size:14px;
	line-height:30px;
	padding-left: 30px;
	color:#666;
	}
.su-2-2 p{text-indent: 28px;
    margin-bottom: 15px;
	
		}	
	.su-2-3 a{color:red;font-weight:bold;}
.su-2-4{}
.su-2-4 b{color:red;}
.su-2-4 ul{}
.su-2-4 ul li{color:orange;}

.su-2-5{float:right;}
.su-2-5 p{padding-bottom:0px;margin-bottom:0px;}

.tjcg_qd{margin: 0 auto;
    width: 254px;
    padding: 40px 0px;}
.tjcg_qd a.qd{
	background: #3b91f4;
    border: 1px #3b91f4 solid;
    margin-right: 20px;
    color: #fff;
	line-height: 200%;
}
.tjcg_qd a{
	    display: block;
    width: 115px;
    height: 30px;
    border: 1px #cfcfcf solid;
    float: left;
    text-align: center;
	line-height: 200%;
}


 @media only screen and (max-width: 720px){
	 
		.head-1-1{padding-top:0px;width:auto;height:auto;background: none;margin:0px auto;}
		.head-1-1-1{padding-top:0px;width:auto;height:auto;background: none;margin:0px auto;}
		.head-1-1-2{padding-top:0px;width:auto;height:auto;background: none;margin:0px auto;}
		.head-1-1-3{padding-top:0px;width:auto;height:auto;background: none;margin:0px auto;}
		.head-1-1-4{padding-top:0px;width:auto;height:auto;background: none;margin:0px auto;}
		.head-1-1-5{padding-top:0px;width:auto;height:auto;background:  none;margin:0px auto;}
	 
	 
	 .dx-3-tehui{display:none;}
	 .pro-6{height:auto;}
	 .dx-10{display:none;}
	 .head-1-3{border:0px;}
 .head-1{font-size:16px;}
	 .head-1:hover{border-bottom:0px;color:white;}
	 .head-1-2{color:white;padding-top:9px;padding-bottom:9px;border-bottom:1px solid #3173af;}
	 #pull-menu{position:unset;background:#2368a5;color:white;}
#pull-menu .dx-1 a {border-bottom:0px;}
	 .head-1-3{border:0px;}
	 .head-1{width:100%;margin-top:0px;}
	 .head-1-1{padding-top:0px;display:none;}
	 .dx-7{    width: 46%;
    margin: 0px auto;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 40px;
}
.dx-9{width:99%;}
.dx-9-1{width:66%;}
.dx-8{width:50%;}
	 .dx-1-1{font-size:5rem;}
	 .dx-1-1 span{font-size:5rem;}
	 .dx-1-3{display:none;}
	 .dx-2{font-size:3rem;padding-top:3rem;}
	 .dx-2-1{font-size:1.5rem;}
	 .dx-3{display:none;}
	 .dx-3-2{width:100%;height:auto;background:unset}
	 .dx-3-3-1{margin-left:20px}
	 .dx-3-3-2{margin-left:20px}
	 .dx-3-3-3{margin-left:20px}
	 .dx-3-3-4{margin-left:20px}
	 .dx-4{width:90%;background:#ffffff;margin:0px auto;height:auto;}
	 .dx-4-1{width:100%;}
	 .dx-4-2{width:100%;}
	 .dx-4-3{width:100%;}
	 .dx-4-4{width:100%;}
	 .dx-44{    padding-top: 20px;
    padding-left: 0px;}
	.dx-5{height:auto;background-size:cover;overflow:hidden;}
	.dx-6{width: 48%;
    margin-left: 0px;
    background-size: cover;
    height: auto;
	margin-right:2%;
	}
	
	.dx-6-2 ul{margin-bottom:15px;}
	.dx-6-2 ul li{padding-top: 7px;
    text-align: center;padding-left:0px;float:none;}
	.dx-6-2-2{}
	.dx-6-1-1{width: 48%;
    margin-left: 0px;
    background-size: cover;
    height: auto;
	margin-right:2%;}
	
	
	.dx-6-2-2{width: 48%;
    margin-left: 0px;
    background-size: cover;
    height: auto;
	margin-right:2%;}
	
	.dx-6-3-3{width: 48%;
    margin-left: 0px;
    background-size: cover;
    height: auto;
	margin-right:2%;}
	.dx-6-2 ul li{}
	.dx-5-1{width:43%;}
	.dx-5-4{width:50%;margin:0px auto;margin-top:30px;margin-bottom:30px;}
	 .dx-1{width:96%;margin:0px auto;}
	 .dx-111{width:96%;margin:0px auto;justify-content:none;display:block;}
	 .pro2-2{width:96%;margin:0px auto;}
	 .pro-2{width:96%;margin:0px auto;}
	 .pro-3{margin-top:30px;}
		.pro-3 ul{justify-content:center;display:flex;}
		.pro-3 ul li{float:left;cursor:pointer;}	
		.pro-3-1{color:#6f6f6f;border:1px solid #D2D2D2;font-size:14px;margin-right:5px;margin-left:5px;width:20%;text-align:center;}
		.pro-6 ul li{float:left;width:33.3333%;text-align:center;margin-top:30px;}
		.pro-3-2{background:#3C94F1;color:white;border:1px solid #F5F5F5;}
		.pro-6-1{display:none;}
		.pro-6 ul{  margin-top:0px; justify-content: normal; display: block;}
		.tel-input{display:none;}
		.pro-2 h1{font-size:28px;color:#3c94f1;text-align:center;padding-top:70px;}
		.pro-2 p{font-size:14px;color:#333;text-align:center;}
		.pro-5 p{text-align:left;}
		.met-index-service .service_item{margin-top: 0px;
			margin-bottom: 20px;
			margin-right: 0px;
	margin-left: 0px;
			width:100%;
			}
		.pro-7{display:none;}
		.service_item p{text-align:left;}
		.pro-4 ul li span{width:60%;}
		.dropdown-content {
    position:unset;
    background-color: #0979E8;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index:9999;
}

#agent-7{float:left;margin-top:45px;display:none;}
#agent-8{float:right;margin-top:45px;display:none;}
.agent-9-1{width:90%;}

.agent-9-3 p{padding-right:23%;}




 }
 
 
.agent_banner{background: url(../image/agent-banner.jpg) center top no-repeat;
    text-align: center;
    padding: 170px 0;
    overflow: hidden;}
 .agent-1{width:1200px;margin:0px auto;overflow:hidden;}
 .agent-1 h1{font-size:32px;color:#3c94f1;text-align:center;padding-top:70px;}
  .agent-1-1 h1{text-align:center;font-size:45px;color:white;font-weight:bold;letter-spacing:2px;}
  .agent-1-2{text-align:center;font-size:20px;color:white;padding-top:30px;}
  .agent-1-3{text-align:center;height:60px;width:250px;margin:0px auto;background:#FFED27;font-size:24px;font-weight:bold;line-height:60px;border-radius:50px;margin-top:50px;}
 .agent-1-3:hover{background:#efde27;}
 
.agent-2{text-align:center;width:33.333%;float:left;margin-top:70px;margin-bottom:5%;}
.agent-2 div:hover{color:#257DFF}
.agent-2-1{}
.agent-2-2{font-size:18px;color:#333;padding-top:30px;}
.agent-2-3{font-size:14px;color:#555;padding-top:10px;}

.agent-3{width:100%;background:#F5F5F5;overflow:hidden}

.agent-4{width:278px;float:left;margin:60px 10px 90px 10px;}
.agent-4-1{text-align:center;width:278px;height:104px;font-size:18px;color:white;line-height:104px;}
.agent-4-1a{background: url(../image/agent-4.png) center top no-repeat;}
.agent-4-1b{background: url(../image/agent-5.png) center top no-repeat;}
.agent-4-1c{background: url(../image/agent-6.png) center top no-repeat;}
.agent-4-1d{background: url(../image/agent-7.png) center top no-repeat;}
.agent-4-2{border:1px solid #3C94F1;padding:25px;font-size:16px;color:#595959;}
.agent-5{float:left;    width: 52%; border-right: 1px solid #EEEEEE;margin-top:3%;}
.agent-5-1{font-size:20px;color:#3c94f1;}
.agent-5 ul{padding-top:20px;padding-bottom:40px;}
.agent-5 ul li{padding-top:5px;padding-bottom:5px;font-size:16px;color:#333333}
.agent-6{float:left;margin-left:40px;margin-top:3%;margin-bottom:5%;}
.agent-6-1{width:460px;height:48px;border:1px solid #BEC8D2;border-radius:5px;margin-bottom:20px;}
.agent-6-2{background:url(../image/agent-8.png) center left no-repeat;width:14px;height:50px;background-position-y: 15px;margin-left: 15px;}
.agent-6-3{background:url(../image/agent-9.png) center left no-repeat;width:14px;height:50px;background-position-y: 15px;margin-left: 15px;}
.agent-6-4{background:url(../image/agent-10.png) center left no-repeat;width:20px;height:50px;background-position-y: 15px;margin-left: 15px;}
.agent-6-2 input{margin-left:30px;margin-top:14px;;border:0px;font-size:16px;width:400px;}
.agent-6-3 input{margin-left:30px;margin-top:14px;;border:0px;font-size:16px;width:400px;}
.agent-6-4 input{margin-left:30px;margin-top:14px;;border:0px;font-size:16px;width:400px;}
 .agent-6-5{width:460px;height:48px;border-radius:5px;background:#3C94F1;margin-top:5px;font-size:20px;color:white;text-align:center;line-height:48px;}
#agent-7{float:left;margin-top:45px;cursor:pointer;}
#agent-8{float:right;margin-top:45px;cursor:pointer;}
#agent-9{width:1125px;float:left;}
.agent-9-1{background:#EFF7FD;width:545px;height:165px;float:left;margin-left:15px;}
.agent-9-2{float:left;width:14%;margin-left:30px;margin-top:40px;}
.agent-9-3{font-size:18px;color:#222222;float:left;width:76%;margin-top:35px;margin-left:18px;}
.agent-9-3 p{font-size:14px;color:#595959;padding-top:10px;margin-left:4px;text-align:left;}
 
  @media only screen and (max-width: 720px){
	  .agent-1{width:98%;margin:0px auto;}
	  .agent-1-1{text-align:center;font-size:3rem;color:white;font-weight:bold;letter-spacing:2px;}
	  .agent-1-2{text-align:center;font-size:20px;color:white;padding-top:30px;}
	  .agent-1-3{text-align:center;height:60px;width:250px;margin:0px auto;background:#FFED27;font-size:24px;font-weight:bold;line-height:60px;border-radius:50px;margin-top:50px;}
	  .agent-2{width:100%;float:none;}
	  .agent-4{width:45%;float:left;margin: 9px;height:auto;}
	  .agent-4-1{text-align:center;width:100%;height:104px;font-size:18px;color:white;line-height:104px;}
	  .agent-4-2{border:1px solid #3C94F1;padding:25px;font-size:0.5rem;}
	   .agent-1 h1{font-size:3rem;color:white;text-align:center;padding-top:30px;}
	   .agent-5{width:100%;float:none;}
	   .agent-6{float:none;width:100%;margin-left:0px;}
	   .agent-6-1{width:70%;margin:0px auto;margin-top:30px;}
	   .agent-6-2{background:url(../image/agent-8.png) center left no-repeat;width:14px;height:50px;background-position-y: 15px;margin-left: 15px;}
		.agent-6-3{background:url(../image/agent-9.png) center left no-repeat;width:14px;height:50px;background-position-y: 15px;margin-left: 15px;}
		.agent-6-4{background:url(../image/agent-10.png) center left no-repeat;width:20px;height:50px;background-position-y: 15px;margin-left: 15px;}
	   .agent-6-2 input{margin-left:30px;margin-top:14px;;border:0px;font-size:16px;width:1500%;}
		.agent-6-3 input{margin-left:30px;margin-top:14px;;border:0px;font-size:16px;width:1500%;}
		.agent-6-4 input{margin-left:30px;margin-top:14px;;border:0px;font-size:16px;width:1500%;}
		 .agent-6-5{width:70%;margin:0px auto;margin-top:40px;}
  }
 
 
 
 
 .slideGroup{ width:100%; text-align:left; padding: 20px; }
.slideGroup .parHd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.slideGroup .parHd ul li{ float:left; padding:0 15px; cursor:pointer; margin-right:10px; }
.slideGroup .parHd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative; width: 100%;   }

.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:30px; display:block; width:30px; height:84px;  background:url("../image/left-arrow.png"); }
.slideGroup .sNext{ left:auto; right:30px; background:url("../image/right-arrow.png") center center no-repeat #161c27;  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;background: #161c27; width: 45%;   }
.slideGroup .parBd ul li .pic{ text-align:left; margin-left: 10px; padding: 30px 10px; float:left;  }
.slideGroup .parBd ul li .pic img{  padding:2px; display: block;  float:left;  }
.slideGroup .parBd ul li .pic p{ color: #9a9a9a; line-height: 22px; margin-left: 15px; float: left; width: 380px; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{line-height:24px; }
 
 


.m-sms-func .tab .itm {
      float: left;
      width: 166px;
      height: 52px;
      line-height: 52px;
      border: 1px solid #d7d7e3;
      border-left-width: 0;
      font-size: 16px;
      cursor: pointer;
      background: #fff;
}
.m-sms-func .tab .itm:hover {
        background: #eff0f2;
}
.m-sms-func .tab .itm.active {
        border-color: #2d6cf8;
        border-left-width: 1px;
        margin-left: -1px;
        background: #eff0f2;
}
.m-sms-func .tab .itm1 {
      border-left-width: 1px;
      border-top-left-radius: 2px;
      border-bottom-left-radius: 2px;
}
.m-sms-func .tab .itm1:hover, .m-sms-func .tab .itm1.active {
        margin-left: 0px;
}
.m-sms-func .tab .itm4 {
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px;
}
.m-sms-func .tabView {
    margin: 30px auto 0;
    width: 760px;
    height: 550px;
}
.m-sms-func .tabView.show {
      display: block;
}
.m-sms-func .tabView .img {
      float: left;
}
.m-sms-func .tabView .tabViewCnt {
      overflow: hidden;
      text-align: left;
}
.m-sms-func .tabView .tabViewCnt .tt {
        font-size: 30px;
        color: #2c2d46;
        margin-top: 80px;
}
.m-sms-func .tabView .tabViewCnt .tt span {
          color: #8e9097;
          font-size: 14px;
}
.m-sms-func .tabView .tabViewCnt .cntDes {
        color: #606181;
        font-size: 14px;
        line-height: 20px;
        margin-top: 26px;
        margin-bottom: 30px;
}
.m-sms-func .tabView .tabViewCnt .points {
        font-size: 14px;
        line-height: 14px;
        color: #616183;
}
.m-sms-func .tabView .tabViewCnt .points .point {
          display: inline-block;
          width: 118px;
}
.m-sms-func .tabView .tabViewCnt p + p {
        margin-top: 18px;
}
.g-hdc{    position: relative;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;}


.m-production .page{text-align:center;}



.left_side-1 strong{font-size:20px;font-weight:normal;}
.left_side-1 ul{}
.left_side ul li{margin-bottom:15px;}


.news_module{ width:1200px; margin:0 auto; overflow:hidden;}

.news_module .left_side{ width:380px; float:right;    padding-bottom: 30px;}

.tree_menu{ width:100%;  margin-top:50px;}

.tree_menu ul{ line-height:50px;}

.tree_menu ul li{ border-bottom:1px solid #e6e6e6; font-size:14px;}

.tree_menu ul li a{ color:#222; display:block;}

.tree_menu ul li a:hover{ color:#257DFF;}

.tree_menu ul li.on a{ color:#257DFF;}

.tree_menu ul li a i{ background:url(../image/common.png) no-repeat; width:16px; height:16px; display:inline-block; margin:0 3px 0 0px; vertical-align:-3px;}

.tree_menu ul li a i.t1{ background-position:-29px 0; vertical-align:-5px}

.tree_menu ul li a i.t2{ background-position:-29px -24px;}

.tree_menu ul li a i.t3{ background-position:-29px -57px;}

.tree_menu ul li a i.t4{ background-position:-29px -86px;}

.tree_menu ul li a i.t5{ background-position:-29px -116px;}

.tree_menu ul li a:hover i.t1{ background-position:0px 0; vertical-align:-5px}

.tree_menu ul li a:hover i.t2{ background-position:0px -24px;}

.tree_menu ul li a:hover i.t3{ background-position:0px -57px;}

.tree_menu ul li a:hover i.t4{ background-position:0px -86px;}

.tree_menu ul li a:hover i.t5{ background-position:0px -116px;}



.tree_menu ul li.on a i.t1{ background-position:0px 0; vertical-align:-5px}

.tree_menu ul li.on a i.t2{ background-position:0px -24px;}

.tree_menu ul li.on a i.t3{ background-position:0px -57px;}

.tree_menu ul li.on a i.t4{ background-position:0px -86px;}

.tree_menu ul li.on a i.t5{ background-position:0px -116px;}



.green_bt{ width:100%; height:88px; background:#257DFF; display:block; color:#fff; margin-top:30px; transition:all 1s ease-in-out;}

.green_bt:hover{ background:#018904;}

.green_bt span { background:url(../image/common.png) no-repeat -59px 0; width:35px; height:35px; display:inline-block; margin:27px 12px 0 30px; vertical-align:-3px; float:left;  }

.green_bt ul{ float:left;}

.green_bt ul h2{ font-size:16px; margin:32px 0 2px 0;}

 

.blue_bt{ width:100%; height:88px; background:#208dd8; display:block; color:#fff; margin-top:20px; transition:all 1s ease-in-out;}

.blue_bt:hover{ background:#005fa0;}

.blue_bt span { background:url(../image/common.png) no-repeat -105px 0; width:35px; height:35px; display:inline-block; margin:27px 12px 0 30px; vertical-align:-3px; float:left; }

.blue_bt ul{ float:left;}

.blue_bt ul h2{ font-size:16px;  margin:32px 0 2px 0;}


.news_module .right_side{width: 770px;
    float: left;
    margin: 0px auto;}

.news_list{ width:100%; margin:50px auto; clear:both; overflow:hidden; padding-bottom:50px; border-bottom:1px dotted #c0c2c3;}

.news_list .pic{ float:left; display:block; width:270px; height:180px; }

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

.news_list ul{     width: 430px;
					float: right;
					margin-right: 25px;
					text-align: left;
					color: #666;
					font-size: 14px;
					line-height: 24px;
					margin-left: 25px;}

.news_list ul li{ margin-bottom:7px;line-height:249%;}

.news_list ul h1 a{ font-size:24px; color:#222; display:block; margin-bottom:5px; font-weight:normal;}

.news_list ul h1 a:hover{ color:#257DFF; text-decoration:none;}

.news_list ul a{ color:#257DFF;}

.news_list ul a:hover{ text-decoration:underline;}



a.allnews_n{ background:#fff; width:158px; height:38px; text-align:center; font-size:14px; color:#333; border-radius:2px; display:block; margin:40px auto 100px auto; line-height:38px;  }

a.allnews_n:hover{ background:#1ea721;color:#fff;}

.news_con_banner{ width:100%; overflow:hidden; text-align:center; height:440px;}

.news_con_banner h1{ font-size:36px; line-height:50px; color:#fff; margin-top:230px;} 

.case_con_banner{ width:100%; height:670px; text-align:center;  overflow:hidden;  }

.case_con_banner_con{ width:100%; height:780px; text-align:center;  overflow:hidden;  }

.case_con_banner_big{ width:100%; height:800px; text-align:center;  overflow:hidden;  }

.service1{ width:100%; margin:0 auto;  overflow:hidden; padding-top:62px;}

.service1 .title h1{ font-size:28px; color:#333; text-align:center; margin-top:75px;}

.service1 .con{ width:1200px; margin: 0 auto; margin-top:60px; overflow:hidden; border-bottom:1px solid #e9e9e9; padding-bottom:50px;}

.service1 dl{ float:left; width:130px; height:270px; line-height:26px; color:#666; margin:0px 35px;}

.service1 dl h2{ font-size:16px; margin:25px 0 5px 0; color:#333;}



.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul{ margin:0 auto; display:inline-block;}
.pagess 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;}
.pagess li.thisclass,.pagess ul li.thisclass a,.pagess ul li.thisclass a:hover{color:#fff !important; background-color: #257DFF;}




@media screen and (max-width:590px){

.follow ul{ width:300px; overflow:hidden;  }

.follow ul li{ display:inline-block; margin:5px;}	

.solution .con{ width:100%;}

.solution .con dl{ width:45%;  margin:30px 2.5%;}

.news_list .pic{  height:220px; }

.case_con_banner_big{ height:300px;}

.case_con_banner_con{ height:300px;}

}



@media screen and (max-width:520px){
.main_about{ padding-top:30px;} .about_box{} .main_about .bottom dl dd{ height:180px;}.main_about .bottom dl dt h2{ font-size:12px; } 

.examples .jise_b{ height:220px;}

.examples .jise_v_s{ height:220px;}

.examples .jise{ height:300px; }

.examples .jise_s{ height:200px;}

}



@media screen and (max-width:470px){

 

.news_box_list{ width:100%;}

.news_box_list dl{ width:100%; font-size:14px;}

.news_box_list dl h2{ font-size:18px; margin:5px 0;}

.news_box_list dl img{ width:100%;}

.news_box_list dl dt{ padding:0 12px;}

.about_box h1{ font-size:22px; line-height:45px;}

.main_about .bottom dl{ float:none; width:90%; margin:10px auto; }

.main_about .bottom dl dd{ height:auto;}

.main_about .bottom dl dt h2{ font-size:20px; line-height:32px; }

.solution{ padding-bottom:10px;}

.project{ margin:25px auto 0 auto;}

.project_gray{ padding-bottom:0px;}

.project_con{ margin:15px auto 0 auto; }

.project_con dl{ width:100%; margin:30px auto 0 auto; float:none;  }

.project_con dl dt{ padding:0 12px; line-height:22px;}

.project_con dl{ width:100%; margin:15px auto 30px auto; float:none;  }

.client{ padding-top:40px;}

.path{ padding-top:0;}

.demand_table label span{ top:13px;}

.news_banner{  height:250px;} 

.news_banner h1{ font-size:18px; line-height:30px;}

.news_banner h1 p{ font-size:14px; line-height:20px;}

.news_banner h1 span{ font-size:14px; }

  

.news_con_banner{ height:250px;} 

.news_con_banner h1{ font-size:22px;line-height:32px; width:90%; margin:0 auto;  margin-top:130px; }

 

.case_con_banner{  height:280px;} 



.team{ width:100%;} 

 

.demand_table .btn{ float:none;}

.demand_table .row p.xin{ float:none; }

 

.demand_bottom .con .xinwe{ width:100%; margin:0 auto;}

.demand_bottom .con .xinwe dl{ width:50%; margin:20px 0px; line-height:22px;}

.demand_bottom h2{ font-size:20px;} 





.jion_banner{ width:100%; height:280px; }

.partner_con .list{ width:96%; height:auto; margin:20px auto; float:none;} 

.partner_con .list .pic{ height:180px;}

.partner{ padding-top:35px;}



.link li{ width:50%; margin:0; text-align:center; }

.service1{ padding-top:35px;}

.service1 .con{ border-bottom:0;}



.solution h1{ margin-top:0px;}

.solution .con{ width:100%;}

.solution .con dl{ width:100%; height:auto; float:none; margin:0 auto 30px auto;}

.solution .con dd{ height:240px;}

.solution .con dl dt{ padding:0 12px;}



.blog_banner{ height:220px;}

 



.blog_tab ul li{ display:block; float:left; width:46%; margin:5px 2%;}

.tree_menu ul li{ display:block; float:left; width:46%; margin:5px 2%;}

.case_con dl h3 a{ font-size:18px; color:#333; }

 



.demand_box{ padding-top:35px;}

.job .con{ margin-top:0;}

.job{ margin-top:30px;}

.partner_con{   margin:0 auto;}



.who{ width:100%;}

.who p{ padding:0 22px; margin-top:15px; line-height:24px; }



.team .top{ width:100%;}

.team .top p{ padding:0 22px; margin-top:15px; line-height:24px;}



.main_about .bottom{ margin:40px auto 10px auto;}

.main_about .bottom dl{ margin:10px auto 35px auto;}

.team_box{ padding-top:40px;}

.team .top{ width:100%;  margin:15px auto 0 auto;}

.team .top p{ line-height:24px; padding:0 22px;}

.team_con{ margin:45px auto;}

.news_list ul li{ margin-bottom:4px; line-height:22px;}

.news_con p{ font-size:16px;}

.news_con .show{ margin-top:30px;}

.news_box{ padding-top:30px;}

.news_box_list dl h2{ margin-top:12px;}

.news_box_list dl h2 a{ font-size:18px;}

.news_box_list dl dt{ margin-bottom:4px; line-height:22px;}

a.allnews{ margin:30px auto 0 auto;}

.news_box{ padding-bottom:60px;}

.link .btn{ margin:40px auto 60px auto;}

.nicelab li h1{ font-size:20px; margin:10px auto 2px auto;}

.nicelab li p{ line-height:22px;}

.nicelab ul{ margin-top:35px;}

.nicelab{ padding-bottom:35px;}

 .news_list .pic{  height:240px; }

 .news_box_list dl dd{ height:240px;}

 .case_con_banner_big{ height:280px;}

 .case_con_banner_con{ height:280px;}

.examples .jise_big{ height:350px;}

}



@media screen and (max-width:300px){

.public{ width:100%;}



.about h1{ width:90%; font-size:22px;}

 

.jion_banner{ width:100%; height:200px; }

.follow ul{ width:98%; overflow:hidden; }

.follow ul li{ display:inline-block; margin:5px;}	

.link li{ width:96%; margin:0 auto; float:none;  }



.case_con_banner{ height:200px;} 

.case_con_banner_big{ height:200px;}

.case_con_banner_con{ height:200px;}

.examples .jise_big{ height:300px;}

}





.shrae{ font-size:14px; line-height:40px; margin-top:25px;}

.iconfont{color:#fff}

@font-face{font-family:iconfont;src:url(../font/iconfont.eot);src:url(../other/../font/iconfont.eot?#iefix)format('embedded-opentype'),url(../font/iconfont.woff)format('woff'),url(../font/iconfont.ttf)format('truetype'),url(../font/iconfont.svg#iconfont)format('svg')} 

.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;width:40px;height:40px;line-height:40px;border-radius:50%;display:inline-block;vertical-align:top}

.icon-sina{background-color:#ea493c;font-size:26px; margin-left:5px;}

.icon-wechat{cursor:pointer;background-color:#257DFF;font-size:26px; margin-left:5px;}



 .theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5; display:none; }

.popover{ width:360px; height:400px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}

.popover dl{ margin-top:60px; font-size:14px; color:#333; line-height:40px;}

.popover dl a{ width:110px; height:40px; background:#24b728; color:#fff; display:inline-block; border-radius:2px; font-size:14px;}

.examples .hight1000{ height:1000px;}

.blog_tab{ width:100%; overflow:hidden;    clear:both;border-bottom:1px solid #E9E9E9;}

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

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

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

.blog_tab ul li a:hover{ color:#3c94f1; border-bottom:3px solid #3c94f1; }

.blog_tab ul li a.current{ color:#3c94f1; border-bottom:3px solid #3c94f1;  }

.case{ width:1230px; margin:0 auto; overflow:hidden; }

.case.wu{ margin-top:0px;}

.case h1{ font-size:24px; line-height:40px; color:#333; text-align:center; margin:50px auto;}

.case .tabs{ width:1200px;background:url(../image/about_line.jpg) repeat-x left bottom;  overflow:hidden; margin:0 auto;}

.case .tabs a{ color:#333; font-size:14px; display:inline-block;  margin-right:5px; padding:0 10px; line-height:35px;}

.case .tabs a:hover{ color:#3c94f1; border-bottom:2px solid #19b22b;}

.case .tabs a.on{ color:#3c94f1; border-bottom:2px solid #19b22b;}

.case_con{ overflow:hidden;}

.case_con dl{ width:380px; height:306px; margin:0 15px; margin-top:14px;  float:left; color:#666;overflow:hidden;}

.case_con.blog_bg dl dt{ padding:0 20px;}

.case_con.blog_bg dl{ height:380px; background:#f3f0ed; line-height:24px;}

.case_con dl dd{  height:220px;}

.case_con dl dd:hover{background-color:#ccc;  }

.case_con dl dd a{ display:block; width:100%; height:100%;}

.case_con dl dd a img{ width:380px;height:220px; }

.case_con dt{ margin-top:3px;}

.case_con h3{ margin-top:15px; margin-bottom:5px;}

.case_con dl h3 a{ font-size:16px; color:#333; }

.case_con h3{ margin-top:15px; margin-bottom:5px;}

.case_con dl h1 a{     font-size: 16px;
    color: #555;
    font-weight: 700; }
.case_con dl h1{margin:0px;text-align:left;}
.case_con dl h1 a:hover{ color:#3c94f1;}

.case .btn{ background:#257DFF; width:120px; height:35px; text-align:center; font-size:14px; color:#fff; border-radius:2px; display:block; margin:40px auto 80px auto; clear:both; line-height:35px;   -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;}

.case .btn:hover{ background:#1ea721;}



.case .btn.wu{ background:#fff;  width:158px; height:38px; text-align:center; font-size:14px; color:#fff; border-radius:2px; display:block; margin:40px auto 80px auto; clear:both; line-height:35px;   -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out; color:#333;}

.case .btn.wu:hover{ background:#1ea721; color:#fff;}

.about_box{ width:100%;  }

.blog_banner{ width:100%; height:370px;  }

.about_box h1{  line-height:60px; margin-top:185px; font-size:34px;  }

 

.mian_tab.navbg{ position:absolute; }

.mian_tab{ width:100%; border-bottom:1px solid #E9E9E9; overflow:hidden;    clear:both;}

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

.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:#257DFF; border-bottom:3px solid #257DFF; }

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







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

.who{ width:1200px; margin:0px auto; overflow:hidden; text-align:left;}

.who h1{ font-size:28px; color:#333; text-align:center; margin-top:75px;}

.who p{   margin:0px auto; overflow:hidden;  line-height:30px;  font-size:14px; color:#333;  margin-top:30px; }

.main_about .bottom{ width:1180px; margin:70px auto 90px auto; overflow:hidden;}

.main_about .bottom dl{ width:31%; margin:0 1.1%; float:left; text-align:center; }

.main_about .bottom dl dd{ margin-bottom:10px;}

.main_about .bottom dl dt h2{ font-size:18px; line-height:32px; color:#333;}



.project_gray{ background:#f6f6f6; overflow:hidden; padding-bottom:60px;}

 

.project{ width:1230px; overflow:hidden; margin:60px auto 0px auto;}

.project .title{ width:100%; text-align:center;}

.project .title h1{ font-size:28px; color:#333; line-height:35px; margin:15px 0; }

.project .title span{ font-size:16px; color:#666;}

.project_con{ width:100%; overflow:hidden; clear:both; margin:50px auto;} 

.project_con dl{ width:380px; float:left; font-size:14px;  margin:15px;  overflow:hidden; color:#333; line-height:26px;}

.project_con dl dd{ height:240px; margin-bottom:12px; padding:1px; transition:box-shadow 218ms; } 



.project_con dl dd a{ display:block; width:100%; height:100%;}

.project_con dl dt a{ margin-right:25px; display:inline-block; line-height:24px; color:#333;}

.project_con dl dt a:hover{ color:#226ede;}







.path{ background:#f6f6f6; overflow:hidden; text-align:center; padding-top:10px;}

.path h1{ font-size:28px; color:#333; line-height:30px; }

.path .pic{ margin:50px auto;}



.team_box{  padding-top:80px; overflow:hidden;}

.team{ width:1200px; margin:0px auto;  lear:both;  overflow:hidden;  }

.team h1{ text-align:center; font-size:28px; line-height:30px; margin-bottom:30px; color:#333;}

.team .top{ width:995px; margin:0 auto;}

.team .top p{ font-size:14px; line-height:28px;   text-align:left;}



.team_con{ width:100%; clear:both; overflow:hidden; margin:50px auto; }

.team_con .left_cor{ width:66.6%; float:left;}

.team_con .left_cor .boxgrid{ width:50%; height:220px; border:1.5px solid #fff; float:left; overflow: hidden; position: relative;  box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;   background-position:center top;   }

.team_con .left_cor .boxgrid img{ position:absolute; top: 0; left: 0; border: 0; }

.team_con .left_cor .boxgrid .cover{ position: absolute; background:#000; height:220px; width:100%; 

opacity: .7; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}

.team_con .left_cor .boxgrid .cover { top:220px; left: 0;}

.team_con .left_cor .boxgrid .cover h3{ font-size:14px; color:#fff; line-height:40px; text-align:left; margin-left:15px;}



.team_con .right_cor{ width:33.3%; float:right; margin-top:1px; }

.team_con .right_cor .boxgrid{ width:100%; height:438px; overflow: hidden; position: relative; background-position:center top ;  }

.team_con .right_cor .boxgrid img{ position:absolute; top: 0; left: 0; border: 0; }

.team_con .right_cor .boxgrid .cover1{ position:absolute; background:#000; height:438px; width:100%; 

opacity: .7; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}

.team_con .right_cor .boxgrid .cover1 { top:438px; left: 0;}

.team_con .right_cor .boxgrid .cover1 h3{ font-size:14px; color:#fff; line-height:40px; text-align:left; margin-left:15px;}





.demand_box{ width:100%;  overflow:hidden; border-top:1px solid #e9e9e9; padding-top:80px; } 

.demand  h1{ text-align:center; font-size:28px; line-height:35px; margin-bottom:20px; color:#333;}

.demand_table{ width:685px; margin:20px auto; overflow:hidden;}

.demand_table .row{ width:100%; clear:both;  margin:0 auto;}

.demand_table label{ position:relative;  float:left;  margin:20px 15px 0 15px; display:block; }

.demand_table label span{ position:absolute; left:10px; top:10px; font-size:14px; color:#999;}

.demand_table .txt{ border:1px solid #d9d9d9; padding:10px; background:#fff;}

.demand_table .txt:focus{ border:2px solid #257DFF; padding:9px; background:#fff;}

.demand_table .txt.w1{ width:290px; height:20px; line-height:20px; font-size:14px;}

.demand_table .txt.w2{ width:631px; height:116px; line-height:20px; font-size:14px;}

.demand_table .btn{ float:left; border:0; background:#257DFF; border-radius:2px; width:170px; padding:0 11px;  height:50px; cursor:pointer; text-align:center; font-size:16px; color:#fff; margin-left:15px; margin-top:20px;}

.demand_table .row .btn:hover{ background:#226ede;}

.demand_table .row p.xin{ color:#666; line-height:50px; font-size:14px; float:right;  margin-top:20px;  margin-right:15px;}

.demand_table .row p.xin a{ color:#257DFF;}

.demand_table .row p.xin a:hover{ text-decoration:underline;}

.demand_bottom{ width:655px; margin:70px auto; overflow:hidden; }

.demand_bottom h2{ font-size:20px; line-height:30px; color:#333;}

.demand_bottom .con{ width:100%; overflow:hidden; margin-top:10px;}

.demand_bottom .con ul{ float:left; font-size:14px; color:#333; line-height:32px;}

.demand_bottom .con .xinwe{ width:320px; float:right; margin-top:12px;}

.demand_bottom .con .xinwe dl{ text-align:center; font-size:14px; color:#333; float:left; margin-left:30px;}

.demand_bottom .con .xinwe dl dd{ margin-bottom:10px;}

.demand_bottom .con ul i{ background:url(../image/icon.png) no-repeat; width:19px; height:16px; display:inline-block; margin-right:15px; vertical-align:-4px;}

.demand_bottom .con ul i.j1{ background-position:0 -114px;}

.demand_bottom .con ul i.j2{ background-position:-27px -114px;}

.demand_bottom .con ul i.j3{ background-position:-51px -114px;}

.demand_bottom .con ul i.j4{ background-position:-85px -114px;}

.demand_bottom .con ul i.j5{ background-position:-112px -114px;}

.demand_bottom .con ul a{ color:#257DFF; margin-left:10px;}

.demand_bottom .con ul a:hover{ text-decoration:underline;}





@media screen and (max-width:760px){

.public{ width:470px;}

.mian_tab ul li a{ margin:0 10px;}

.about_box{ height:330px;}

.examples .jise_b{ height:320px;}

.examples .jise{ height:400px; }

.examples .jise_s{ height:300px;}



.main_about .bottom dl dd{ height:200px;}

.main_about .bottom dl dt h2{ font-size:14px; }



.project_con dl{  width:45%;  margin:15px 2.5%;  }



.news_box_list{ width:100%;}

.news_box_list dl h2 a{ font-size:18px; margin-top:10px; display:inline-block;}

.news_box_list dl{ width:100%;  margin:30px auto 0 auto; float:none;}

.news_box_list dl dt{ padding:0 12px; line-height:22px; font-size:14px; margin-top:5px;} 

.news_box_list dl dd{ width:100%; height:320px;}

.news_box_list dl.last{ margin:30px auto 0 auto; float:none;}

.news_banner{  height:280px;}

.news_banner h1 p{ font-size:16px; line-height:20px;}

.news_con_banner{  height:280px;} 

.news_con_banner h1{ font-size:26px; margin-top:170px;}

 

.case_con_banner{  height:380px;}

 

.news_module{ width:100%;}

.news_module .right_side{ width:100%;}

.news_list{ border:0; height:auto; margin:20px auto 35px auto; padding-bottom:0;}

.news_list ul h1 a{ font-size:18px;}

.news_list .pic{ width:100%;float:none; text-align:center;}

.news_list .pic img{ width:100%;}

.news_list ul{ padding:0 12px; width:auto; float:none; margin-top:20px;}

.news_con_top .con{ width:90%;}

.news_con{ width:90%;}

.news_con_top .con strong{ display:none;} 

.team{ width:100%;} 

.team_con .left_cor{ width:100%; clear:both; float:none; margin:0 auto; }

.team_con .left_cor .boxgrid{ width:100%;}

.team_con .right_cor{ width:100%; clear:both; float:none; margin:0 auto;  }

.team_con .right_cor .boxgrid{ width:100%; border:1.5px solid #fff; } 





 

.demand_table label{ float:none; margin:20px auto 0 auto;  }

.demand_table{ width:90%; margin:20px auto;}

 

.demand_table .txt.w1{ width:92%; } 

.demand_table .txt.w2{ width:92%; }

.demand_table .btn{ margin-left:0; width:99%;  font-size:16px;   height:52px;}

.demand_table .row p.xin{ line-height:35px; margin-right:0;}



.demand_bottom{ width:90%; margin:30px auto; overflow:hidden; }

.demand_bottom .con ul{ float:none;  }

.demand_bottom .con .xinwe{ float:none; margin:20px auto 0 auto;}

.demand_bottom .con .xinwe dl{ margin:0 5px;}



 

.case .tabs{  border-bottom:0px;}

.case .tabs a{ display:block; border-bottom:1px solid #d8d8d8; height:45px; line-height:45px;}

.case .tabs a:hover{ height:44px; line-height:44px;}

.case{ width:100%;}

.case_con dl{ width:100%;  margin:0 auto; height:auto; margin-bottom:35px;   float:none; font-size:14px;}

.case_con dl dd{  height:220px;}

.case_con dl dt{ padding:0 12px;}

 



.job{ width:90%; margin:0 auto;}

.job .list{ width:100%; margin:40px auto; float:none; clear:both;}

.job .list .pic{ text-align:center;}

.partner_con{ width:100%; } 

.partner_con .list{ width:45%; height:320px; margin:2.5%;} 

.partner_con .list .pic{ height:180px;}



.link li{ width:31%; margin:0 1%; }



 

.service1 .con{ width:90%; margin-top:20px; padding-bottom:0px;}

.service1 dl{ width:48%; margin:20px 0%; text-align:center;}

 

.client{ width:100%;}

 

.service1 .title h1{ font-size:24px; margin:5px 0;}

.project .title h1{ font-size:24px; margin:5px 0;}

.solution h1{ font-size:24px; margin:5px 0;}

.path h1{ font-size:24px; margin:5px 0;}

.client .title h1{ font-size:24px; margin:5px 0;}

.client .title h4{ font-size:24px; margin:15px 0;}

.demand  h1{ font-size:24px; margin:5px 0;}

.who h1{ font-size:24px; margin:5px 0;}

.team h1{  font-size:24px; margin:5px 0;}

.job .top h1{  font-size:24px; margin:5px 0;}

.follow h1{  font-size:24px; margin:5px 0;}

.partner h1{  font-size:24px; margin:5px 0;}

.link h1{  font-size:24px;margin:35px 0 25px 0;}

.blog_banner{ height:260px;}

.case_con.blog_bg{ margin-top:22px;} 

.case_con.blog_bg dl{ height:auto; padding-bottom:30px; margin:0;}

.follow{ padding-top:35px;}

.partner_con .list ul h2{ font-size:18px; margin:5px 0;}

.partner_con .list ul{ font-size:14px;}



.solution .con h3{ font-size:18px;}

.solution .con dl dt{ font-size:14px; line-height:22px;}



.case_con_banner_big{ height:360px;}

.case_con_banner_con{ height:360px;}

.examples .jise_big{ height:400px;}

.client_list li{ width:35%; height:auto;  margin:12px 7.5%; }

.client_list.big li{ width:35%; height:auto;  margin:12px 7.5%; }

}





.news_list .pic{     }

.news_list ul{ }

.news_con_top .con{ width:760px;}

.news_con{ width:760px;}

.news_box.wu h1{ width:90%; font-size:22px; margin:0 auto; }


.main_about{ width:100%; overflow:hidden; padding-top:62px;}

.who{ width:995px; margin:0px auto; overflow:hidden; text-align:left;}

.who h1{ font-size:28px; color:#333; text-align:center; margin-top:75px;}

.who p{   margin:0px auto; overflow:hidden;  line-height:30px;  font-size:14px; color:#333;  margin-top:30px; }

.main_about .bottom{ width:1180px; margin:70px auto 90px auto; overflow:hidden;}

.main_about .bottom dl{ width:31%; margin:0 1.1%; float:left; text-align:center; }

.main_about .bottom dl dd{ margin-bottom:10px;}

.main_about .bottom dl dt h2{ font-size:18px; line-height:32px; color:#333;}

@media screen and (max-width:1000px){

 

.public{ }

.mian_tab ul li a{ margin:0 30px;}

.who{ width:90%;}

.team .top{ width:90%;}

.about_box{}



.examples .jise_b{ height:420px;}

.examples .jise{ height:500px; }

.examples .jise_s{ height:360px;}



.project{ width:100%;}  

.project_con dl{  }

.news_box_list dl{}

.news_box_list dl.last{ margin:30px 50px 0 50px;}



.green_bt{ display:none;}

.blue_bt{ display:none;} 

 

.news_module{ width:100%; margin:0 auto;}

.news_module .left_side{ width:100%; float:none;}

.tree_menu{ width:100%; border-top:0; margin-top:20px;}

.tree_menu ul{ overflow:hidden;}

.tree_menu ul li{ border-bottom:0; display:block; float:left; width:29%; margin:5px 2%;}

.tree_menu ul li a{ display:block;  line-height:39px;  margin:0; border-radius:2px; border:1px solid #dadada; }

.tree_menu ul li a:hover{ color:#fff; background:#24b727; border:1px solid #24b727;}

.tree_menu ul li.on a{ color:#fff; background:#24b727; border:1px solid #24b727;}



.tree_menu ul li a:hover i.t1{ background-position:-156px 0; vertical-align:-5px}

.tree_menu ul li a:hover i.t2{ background-position:-156px -24px;}

.tree_menu ul li a:hover i.t3{ background-position:-156px -57px;}

.tree_menu ul li a:hover i.t4{ background-position:-156px -86px;}

.tree_menu ul li a:hover i.t5{ background-position:-156px -116px;}



.tree_menu ul li.on a i.t1{ background-position:-156px 0; vertical-align:-5px}

.tree_menu ul li.on a i.t2{ background-position:-156px -24px;}

.tree_menu ul li.on a i.t3{ background-position:-156px -57px;}

.tree_menu ul li.on a i.t4{ background-position:-156px -86px;}

.tree_menu ul li.on a i.t5{ background-position:-156px -116px;}







.news_module .right_side{}

.news_list .pic{ }

.news_list ul{ width:63%;  margin-right:0;}

.news_con_top .con{ width:760px;}

.news_con{ width:760px;}

.news_box.wu h1{ width:90%; font-size:22px; margin:0 auto; }



.team{ }

.case{ width:90%;}

.case .tabs{ width:100%;}

.case_con dl{ }

 



.job{ width:100%;}

.job .list{ width:30%; margin:0 2%;}

.partner_con{ width:100%; }  

.partner_con .list{ width:30%; margin:1.5%;}

.partner_con .list .pic{ height:140px;}





.mian_tab{ display:none;}

.service1 .title h1{ margin-top:0;}

.who  h1{ margin-top:0;}

 

.service1 .con{ width:90%; margin-top:30px; padding-bottom:30px;}

.service1 dl{ margin:20px 8%;}

 

.client{ width:100%;}

.client_list li{ margin:15px 1%;}

.client_list.big li{ margin:15px 12px;}



.solution .con{ width:100%;}

.solution .con dl{ width:30%;  margin:30px 1.3%;}

.blog_banner{ height:320px;}



.main_about .bottom dl dt h2{ font-size:16px; line-height:26px; }

.case_con.blog_bg dl{ height:400px;}

.case_con_banner{  height:420px;}

.case_con_banner_big{ height:420px;}

.case_con_banner_con{ height:420px;}

.examples .jise_big{ height:500px;}

}

@media screen and (max-width:1208px){

.public{  }

.news_module{ width:100%;}

.news_module .right_side{}

.news_list ul{ width:94%;}

.main_about .bottom{ width:100%;}

 

.team{}

.news_box.wu h1{  width:970px; }

.case{ width:100%;}

.case .tabs{ width:1000px;}

.job{ width:1000px;}

.job .list{ width:300px; margin-right:50px;}

.partner_con{ width:1000px; }  

.link{ width:96%;}

.link li{ width:18%; margin:0 1%; }

.nicelab{ width:90%; }

.examples .describe{ width:100%;}

.examples .describe .con{ width:90%; padding:35px 0 45px 0;  }

.examples .describe .con .txt h1{ margin-bottom:5px;}

a.allnews{ background:#257DFF; width:90%; height:55px; font-size:20px; line-height:55px; margin:30px auto; }

.service1 .con{ width:100%;}

.service1 dl{ margin:0px 1%;}

.client{ width:1000px;}



.solution .con{ width:1000px;}

.solution .con dl{  margin:30px 16px 0 16px;}

.case_con_banner_con{ height:500px;}

.examples .jise_big{ height:600px;}

}


.team{}

.case{}

.case .tabs{ width:100%;}

.case_con dl{ ;}

 @media screen and (max-width:780px){

.blog_tab{ background:none; padding-top:10px; padding-bottom:10px;}	

.blog_tab ul li{ display:block; float:left; width:29%; margin:5px 2%;}

.blog_tab ul li a{ display:block; font-size:15px;  line-height:39px;  margin:0; border-radius:2px; border:1px solid #dadada; }

.blog_tab ul li a:hover{ color:#fff; background:#257DFF; border:1px solid #257DFF;}

.blog_tab ul li a.current{ color:#fff; background:#257DFF; border:1px solid #257DFF; }



}


@media screen and (max-width:520px){ .main_about{ padding-top:30px;} .about_box{ } .main_about .bottom dl dd{ height:180px;}.main_about .bottom dl dt h2{ font-size:12px; } 

.examples .jise_b{ height:220px;}

.examples .jise_v_s{ height:220px;}

.examples .jise{ height:300px; }

.examples .jise_s{ height:200px;}

}




@media screen and (max-width: 768px){
	.pc_show{
		display: none;
	}
	.mob_show{
		display: block;
	}
	header{
		padding-top: 0;
		height: 50px;
		background: #000;
	}
	header .logo{
		width: 50%;
	}
	.head-box{
		height: 100%;
	}
	header .fa-bars{
		position: absolute;
		right: 10px;
		top: 50%;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		font-size: 24px;
		color: #fff;
		line-height: 30px;
		-webkit-text-stroke: 2px black;
	}
	.mob-nav{
		z-index: 9999;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: #fff;
	}
	.mob-nav ul{
		padding-top: 90px;
	}
	.mob-nav li{
		float: none;
		display: block;
	}
	.mob-nav li a{
		font-size: 16px;
		text-align: center;
		color: #333;
		line-height: 50px;
	}
	.mob-nav li a span{
		font-size: 16px;
	}
	.mob-nav li>a:hover,.mob-nav li.active>a{
		color: #666;
	}
	.mob-nav .fa-remove{
		position: absolute;
		right: 20px;
		top: 20px;
		font-size: 28px;
		-webkit-text-stroke: 3px white;
	}
	.ban-area{
		height: 240px;
		padding: 0;
		margin-top: 60px;
		background-size: 120% 100%;
	}
	.ban-area::before{
		background: none;
	}
	.hot-tj span,.hot-tj a{
		font-size: 12px;
	}

	.macke-1 li h3{
		font-size: 16px;
	}
	.footer-con p{
		width: 100%;
	}
	.itemlist>div:nth-of-type(2){
		margin: 0 0 15px 0;
	}
	.itemlist>div{
		width: 100%;
		margin-bottom: 15px;
	}

	.sidebar{
		width: 100%;
	}
	.sidebar ul{
		overflow: hidden;
		border-left: 1px solid #ddd;
	}
	.sidebar li{
		float: left;
		width: 33.3%;
		border-bottom: 1px solid #ddd;
	}
	.sidebar li a,.sidebar_nav a{
		display: block;
		padding: 0 6px;
		font-size: 13px;
		line-height: 40px;
		border-right: 1px solid #ddd;
		border-bottom: 0;
	}
	.sidebar li i{
		font-size: 14px;
	}
	.sidebar_nav a{
		float: left;
		width: 33.33%;
		border-bottom: 1px solid #ddd;
	}
	.sidebar_nav a:last-child{
		border-bottom: 1px solid #ddd;
	}
	
	.r_content{
		width: 100%;
		padding: 0 15px;
		margin-top: 20px;
	}
	.rzlist li .fl{
		float: none;
		width: 65%;
		padding: 0;
		margin: 0;
		border-radius: 4px;
		overflow: hidden;
	}
	.rzlist li h3{
		padding-top: 15px;
	}
	.pageBox li {
		margin: 0;
	}
	.pageBox li a, .pageBox li span{
		padding: 0 8px;
		margin-bottom: 10px;
		height: 24px;
		line-height: 22px;
		font-size: 12px;
	}
	.delist>div{
		margin-top: 30px;
	}
	
	.topbar{
		display: block;
		height: 140px;
		padding: 0 20px;
		margin-top: 50px;
		background-position: center top;
		background-size: 100% 100%;
	}
	.con_box{
		padding: 0;
		border-left: 0;
		border-right: 0;
	}
	.con_box::after{
		height: 0;
	}

	.art-content{
		width: 100%;
		padding: 0;
	}
	.article-title{
		padding: 15px;
		margin-top: 10px;
		font-size: 18px;
	}
	.entry-action{
		padding: 0 10px;
	}
	.entry-action time, .entry-action span, .entry-action i{
		font-size: 12px;
	}
	.entry-body{
		padding: 10px
	}
	.turn-page ul{
		margin-bottom: 0;
	}
	.turn-page li{
		width: 100%;
		height: 70px;
		margin-bottom: 15px;
	}
	.turn-page li a{
		padding-top: 10px;
	}
	.item-box a div{
		padding: 10px;
	}
	.explanation{
		width: 90%;
		padding: 15px;
		margin: 20px auto;
	}
	.delist>div{
		width: 100%;
		margin-top: 20px;
	}
	.delist>div:nth-of-type(2){
		margin-top: 20px;
	}
	.r_sidebar{
		width: 40px;
		height: 40px;
	}
	.r_sidebar>div i{
		width: 40px;
	}
	.r_sidebar>div{
		display: none;
	}
	.r_sidebar .go_top{
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.r_sidebar .go_top:hover {
		width: 40px;
	}
	.online_zx{
		width: 100px;
		height: 45px;
	}	

}
.footer_b p a{color:#99a6bf;}

.zzz_banner{    background: url(../image/055555.jpg) center top no-repeat;
    height: 500px;
    padding: 0px;}
.index_banner{    background: url(../image/055551.jpg) center top no-repeat;
    height: 500px;
    padding: 0px;}
.container img{}
.client_list ul li{}
@media screen and (max-width: 768px){
	.zzz_banner{background-size:cover;padding:0px !important;height:auto !important;}
	.index_banner{background-size:cover;padding:0px !important;height:auto !important;}
	.project_con dl dd{height:auto;}
.client_list ul li{width:48%;}
.client{width:100%;}
.project_con dl dd a{height:145px;}
}



.banner_button1 {
	margin-top: 50px;
	text-align:left;
}
.banner_button1 a {
	display: inline-block;
	margin: 0 10px;
	padding: 15px 45px;
	color: #fff;
	background:#083B78;
	border-radius:3px;
}
.banner_button1 a:hover, .banner_button a.active {
	background: #fff;
	color: #3ca0f3;
}