﻿body {
	margin: 0 auto;
	max-width: 640px;
	min-width: 320px;
}

.w_640 {
	width: 100%;
}
.m20{
	margin: 1.25rem;
}
.w_640 img {
	width: 100%;
}
.w_p20 {
	padding: 0 1.25rem;
}

.w_m20 {
	margin: 0 1.25rem;
}
.m_b60{
	margin-bottom: 3rem;
}

.bg_gray {
	background: #ebebeb;
}

.bg_white {
	background: #FFFFFF;
}


/*page分页*/

#page {
	text-align: center;
	padding: 2rem 0;
}

#page li {
	display: inline-block;
	margin: 0 0.2rem;
}

#page li a,
#page li span {
	display: inline-block;
	height: 2rem;
	line-height: 2rem;
	padding: 0 1rem;
	background: #e6e9ea;
	color: #666666;
	-webkit-border-radius: 0.25rem;
	-moz-border-radius:  0.25rem;
	border-radius:  0.25rem;
}

#page li a:hover {
	background: #107bc6;
	color: #fff;
}

#page .thisclass a,
#page .thisclass span {
	background: #107bc6;
	color: #fff;
}


/*当前位置*/

.public_position {
	color: #999999;
	background: #eeeeee;
	height: 3.5rem;
	line-height: 3.5rem;
}

.public_position a{
	color: #107bc6;
}


/*上一篇，下一篇*/
.product_art_mid_page li{
	color: #999999;
	height: 3rem;
	line-height: 3rem;
	background: #e7e7e7;
	padding-left: 1rem;
}
.product_art_mid_page li a{
	color: #999999;
}
.product_art_mid_page li:nth-child(1){
	color:#1070c6;
	border-bottom: 1px dashed #dcdcdc;
}
.product_art_mid_page li:nth-child(1) a{
	color:#1070c6;
}
.product_art_mid_page .on a{
	color: #1070c6;
}
.product_art_mid_page li a:hover{
	color: #1070c6;
}

/*公用手机img*/

.public_img {
	width: 100%;
	height: auto;
}


/*公用副导航*/

.public_nav {
	padding:1.75rem 1.25rem;
	overflow: hidden;
	background: #f0f0f0;
	padding-bottom: 0;
}
.public_nav_con li {
	float: left;
	width: 30%;
	margin-right: 5%;
	margin-bottom: 5%;
}

.public_nav_con li:nth-child(3n){
	margin-right: 0;
}
.public_nav_con li a{
	display: block;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	color: #333333;
	font-size: 1.1rem;
	border: 1px solid #c8c8c8;
}

.public_nav_con li .on,
.public_nav_con li a:hover {
	background: #107bc6;
	color: #FFFFFF;
	border: 1px solid #107bc6;
}

.public_nav_title{
	font-size: 1.3rem;
	color: #666666;
	margin-bottom: 5%;
	padding-left: 0.75rem;
	font-weight: bold;
	border-left: 5px solid #08b0f0;
}




/*----header----*/

#header {
	position: relative;
	background: #FFFFFF;
	width: 90%;
	padding: 0 5%;
}

.nav_html_bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0);
	z-index: 999;
	overflow-y: hidden;
}

#logo {
	float: left;
	width:8.5rem;
	height: 4.5rem;
	background: url(../images/logo.png) no-repeat center center;
	background-size: 100% 2rem;
}

.head_info{
	display: inline-block;
	line-height: 4.5rem;
	font-size: 1rem;
	color: #999999;
	font-weight: bold;
	margin-left:1rem;
}

@media only screen and (max-width:320px ) {
	.head_info{
		margin-left:0.5rem;
	}
}

#head_menu {
	float: right;
	width: 1.9rem;
	height: 4.5rem;
	background: url(../images/head_menu.png) no-repeat center center;
	background-size: 100% 1.4rem;
}


#head_menu_hide {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 16rem;
	background: rgba(255, 255, 255, 0.9);
	z-index: 9999;
	overflow: auto;
}

.nav_ul {
	line-height: 3.75rem;
	background: #FFFFFF;
	border-bottom: 1px solid #d2d2d2;
}

.nav_ul a {
	display: block;
	width: 90%;
	padding: 0 5%;
	font-size: 1.2rem;
	color: #333333;
	background: url(../images/nav_arrow.png) no-repeat center right;
	background-size: 1.4rem 0.9rem;
	background-position: 95%;
}

.nav_ul_1 {
	padding: 0 5%;
	height: 3.75rem;
	line-height: 3.75rem;
	background: #FFFFFF;
	border-bottom: 1px solid #d2d2d2;
}

.nav_ul_1 a {
	display: initial;
	padding: 0;
	font-size: 1.2rem;
	color: #0066cc;
	background: none;
}

.nav_ul_1 .nav_close {
	float: right;
	width: 1.4rem;
	height: 1.35rem;
	margin-top: 4%;
}

@media only screen and (max-width: 320px) {
	.nav_ul_1 .nav_close {
		float: right;
		width: 1.1rem;
		height: 1.1rem;
		margin-top: 6%;
	}
}

.nav_ul_bg {
	background: #0066cc;
}

.nav_ul_bg a {
	color: #FFFFFF;
	background: url(../images/nav_w_arrow.png) no-repeat center right transparent;
	background-size: 1.2rem 0.7rem;
	background-position: 95%;
}

.nav_hide_ul {
	display: none;
	background: #e5e5e5;
}

.nav_hide_ul li {
	padding: 0 30px;
	height: 3.75rem;
	line-height: 3.75rem;
	border-bottom: 1px solid #d2d2d2;
}

.nav_hide_ul li:last-child {
	border: 0;
}

.nav_hide_ul li a {
	padding: 0;
	font-size: 1.1rem;
	color: #666666;
	background: none;
}

.index_banner {
	min-width: 320px;
	max-width: 640px;
	position: relative;
}

.index_banner .hd {
	width: 100%;
	height: 11px;
	position: absolute;
	z-index: 1;
	bottom: 6%;
	text-align: center;
}

.index_banner .hd ul {
	display: inline-block;
	height: 0.5rem;
	padding: 3px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 0;
	vertical-align: top;
}

.index_banner .hd ul li {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	border-radius: 75px;
	background: #FFFFFF;
	opacity: 0.3;
	margin: 0 0.5rem;
	vertical-align: top;
	overflow: hidden;
}

.index_banner .hd ul .on {
	width: 1.8rem;
	background: #FFFFFF;
	opacity: 1;
}

.index_banner .bd ul li img {
	width: 100%;
	height: auto;
	vertical-align: top;
	background: url(../images/loading.gif) no-repeat center center;
}

.index_banner .bd li a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* 取消链接高亮 */
}


/*footer*/

#footer {
	padding: 2rem;
	background: #292a37;
	color: #cccccc;
	margin-bottom:4.5rem;
}

.foot_top {
	margin-bottom: 30px;
}

.foot_top .weixin {
	float: left;
}

.foot_top .weixin img {
	width: 6.5rem;
	height: auto;
}
.foot_top .tel {
	float: left;
	margin-left: 1.75rem;
}

.foot_top .tel .h1 {
	color: #cccccc;
	margin-bottom: 0.6rem;
}

.foot_top .tel .h1 font {
	font-size: 1.3rem;
	font-weight: bold;
	color: #00adef;
}

.foot_top .tel .h2 {
	color: #999999;
	line-height: 1.5rem;
}


.foot_copyright p {
	font-size: 1rem;
	line-height: 1.8rem;
	color: #999999;
}

.foot_copyright p a {
	font-size: 1rem;
	color: #999999;
}

.index_float{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4.5rem;
	line-height: 4.5rem;
	background: #1070c6;
	z-index: 999999;
}
.index_float ul li{
	float: left;
	width: 20%;
	height: 4.5rem;
	line-height: 4.5rem;
}
.index_float ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
.index_float ul li:nth-child(1) a{
	background:url(../images/home.png) no-repeat center center #135ab0;
	background-size: 2.1rem 3.0rem;
}
.index_float ul li:nth-child(2) a{
	background:url(../images/tel.png) no-repeat center center;
	background-size: 3.15rem;
}
.index_float ul li:nth-child(3) a{
	background:url(../images/sms.png) no-repeat center center;
	background-size: 3.2rem 3.0rem;
}
.index_float ul li:nth-child(4) a{
	background:url(../images/qq.png) no-repeat center center;
	background-size: 2.9rem 3.05rem;
}
.index_float ul li:nth-child(5) .foot_weixin{
	background:url(../images/weixin.png) no-repeat center center;
	background-size: 3.2rem 3.05rem;
}

/*主页内容*/

/*困扰*/
.index_worry{
	padding: 2.25rem 0 3.25rem 0;
}
.index_worry .info{
	font-size: 1.6rem;
	color: #333333;
	text-align: center;
}
.index_worry .title{
	font-size:1.8rem;
	color: #333333;
	text-align: center;
	font-weight: bold;
	margin-bottom: 2.25rem;
}
.index_worry .title span{
	font-size: 2.2rem;
	color: #1070c6;
	font-style: italic;
}


/*难题*/
.index_difficult{
	background: #f0f0f0;
}
.index_difficult .title{
	font-size: 1.5rem;
	margin-top: 10px;
}
.index_difficult .title span{
	font-size: 1.5rem;
	margin-right: 0.3rem;
}
.index_difficult_con li{
	background: #FFFFFF;
	clear: both;
	padding:0.75rem 1.5rem;
	margin-bottom: 0.5rem;
}
.index_difficult_con li:last-child{
	margin-bottom: 0;
}
.index_difficult_con li img{
	float: left;
	width: 5.5rem;
	height: 5.5rem;
}
.index_difficult_con li .txt {
	float: right;
	width:73%;
}
@media only screen and (max-width: 320px) {
	.index_difficult_con li .txt {
		float: right;
		width:70%;
	}
}

.index_difficult_con li .txt .h1{
	font-size: 1.1rem;
	color: #333333;
	font-weight: bold;
	margin-bottom: 0.5rem;
	margin-top: 0.4rem;
}
.index_difficult_con li .txt .h2{
	font-size: 0.9rem;
	color: #666666;
	line-height: 1.35rem;
}


/*6大功能*/
.index_function .title{
	width: 100%;
	height: 5.65rem;
	background: url(../images/index_function_title.jpg) no-repeat center center;
	background-size: 23rem 5.65rem;
	margin: 3rem 0 1.5rem 0;
}
.index_function .info{
	font-size: 1.3rem;
	color: #666666;
	line-height: 2rem;
	text-align: center;
	margin-bottom: 2rem;
}
.index_function .info span{
	font-size: 1.3rem;
	color: #00a2b1;
	font-weight: bold;
}
.index_function_slider{
	width: 100%;
	overflow: hidden;
}
.index_function_slider .hd li{
	float: left;
	width: 16%;
	height: 5.25rem;
	position: relative;
}
.index_function_slider .hd .a1{
	background: url(../images/index_case_a1.png) no-repeat center center;
	background-size: 3.5rem 3.5rem;
	background-position: center 0px;
}
.index_function_slider .hd .a2{
	background: url(../images/index_case_a2.png) no-repeat center center;
	background-size: 3.5rem 3.5rem;
	background-position: center 0px;
}
.index_function_slider .hd .a3{
	background: url(../images/index_case_a3.png) no-repeat center center;
	background-size: 3.5rem 3.5rem;
	background-position: center 0px;
}
.index_function_slider .hd .a4{
	background: url(../images/index_case_a4.png) no-repeat center center;
	background-size: 3.5rem 3.5rem;
	background-position: center 0px;
}
.index_function_slider .hd .a5{
	background: url(../images/index_case_a5.png) no-repeat center center;
	background-size: 3.5rem 3.5rem;
	background-position: center 0px;
}
.index_function_slider .hd .a6{
	background: url(../images/index_case_a6.png) no-repeat center center;
	background-size: 3.5rem 3.5rem;
	background-position: center 0px;
}

.index_function_slider .hd .a1.on{
	background: url(../images/index_case_b_a1.png) no-repeat;
	background-size: 3.5rem 3.5rem;
	background-position: center 0px;
}
.index_function_slider .hd .a2.on{
	background: url(../images/index_case_b_a2.png) no-repeat center center;
	background-size: 3.5rem 3.5rem;
	background-position: center 0px;
}
.index_function_slider .hd .a3.on{
	background: url(../images/index_case_b_a3.png) no-repeat center center;
	background-size: 3.5rem 3.5rem;
	background-position: center 0px;
}
.index_function_slider .hd .a4.on{
	background: url(../images/index_case_b_a4.png) no-repeat center center;
	background-size: 3.5rem 3.5rem;
	background-position: center 0px;
}
.index_function_slider .hd .a5.on{
	background: url(../images/index_case_b_a5.png) no-repeat center center;
	background-size: 3.5rem 3.5rem;
	background-position: center 0px;
}
.index_function_slider .hd .a6.on{
	background: url(../images/index_case_b_a6.png) no-repeat center center;
	background-size: 3.5rem 3.5rem;
	background-position: center 0px;
}
.index_function_slider .hd li.on span{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.8rem;
	background: url(../images/index_case_img_bottom.png) no-repeat center center;
	background-size: 1.55rem 0.8rem;
	background-position: center 0px;
}
.index_function_slider .bd{
	background: #1070c6;
}
.index_function_slider .bd .con{
	min-height: 35rem;
	margin-left: 1.5rem;
	background: #1070c6;
	padding: 0 1.25rem;
}
.index_function_slider .bd .con .h1{
	font-size: 1.8rem;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	margin: 3rem 0 1.5rem 0;
	background: url(../images/index_function_slider_bd_con_h1.png) no-repeat center top;
}
.index_function_slider .bd .con .h2{
	font-size: 1.3rem;
	color: #FFFFFF;
	line-height: 2.5rem;
	text-align: center;
}
.index_function_slider .bd .con img{
	margin: 2.5rem 0 2rem 0;
}

/*5大优势*/
.index_advantage{
	padding: 3rem 0;
}
.index_advantage .title{
	font-size: 1.8rem;
	color: #333333;
	font-weight: bold;
	text-align: center;
}
.index_advantage .title span{
	font-size: 2.8rem;
	color: #1070c6;
	font-weight: bold;
	font-style: italic;
	margin-right: 0.4rem;
}
.index_advantage .info{
	text-align: center;
	font-size: 1.4rem;
	color: #FFFFFF;
	height: 2.25rem;
	line-height: 2.25rem;
	background: #107bc6;
	border-radius:3.75rem;
	width: 21rem;
	margin: 0 auto;
	margin-top: 1rem;
	margin-bottom: 1.5rem;
}

.index_advantage_con li{
	float: left;
	width: 41.5%;
	height: 9.5rem;
	padding:3%;
	margin-bottom: 5%;
	border: 1px solid #d2d2d2;
}

.index_advantage_con li:nth-child(even){
	float: right;
}
.index_advantage_con li:last-child{
	width:94%;
	height:7rem;
}

@media only screen and (max-width:375px ) {
	.index_advantage_con li{
		height: 11rem;
	}
}

@media only screen and (max-width:320px ) {
	.index_advantage_con li{
		height: 12.5rem;
	}
	.index_advantage_con li:nth-child(1),.index_advantage_con li:nth-child(2){
		height: 12rem;
	}
}


.index_advantage_con li .h1{
	font-size: 1.1rem;
	color: #333333;
	font-weight: bold;
	height: 3rem;
	line-height: 3rem;
	padding-left: 3rem;
}
.index_advantage_con li:nth-child(1) .h1{
	background:url(../images/index_advantage_a1.png) no-repeat center left;
	background-size: 2.5rem 2.4rem;
}
.index_advantage_con li:nth-child(2) .h1{
	background:url(../images/index_advantage_a2.png) no-repeat center left;
	background-size: 2.5rem 2.4rem;
}
.index_advantage_con li:nth-child(3) .h1{
	background:url(../images/index_advantage_a3.png) no-repeat center left;
	background-size: 2.5rem 2.4rem;
}
.index_advantage_con li:nth-child(4) .h1{
	background:url(../images/index_advantage_a4.png) no-repeat center left;
	background-size: 2.5rem 2.4rem;
}
.index_advantage_con li:nth-child(5) .h1{
	background:url(../images/index_advantage_a5.png) no-repeat center left;
	background-size: 2.5rem 2.4rem;
}
.index_advantage_con li .h2{
	font-size: 0.9rem;
	color: #666666;
	line-height: 1.5rem;
	margin-top: 0.5rem;
}

/*案例展示*/
.index_case{
	overflow: hidden;
	background: url(../images/index_case_bg.jpg) no-repeat center top;
}
.index_case .title{
	font-size: 1.8rem;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	margin: 3rem 0 1.5rem 0;
}
.index_case .info{
	font-size: 1.25rem;
	color: #ffffff;
	text-align: center;
	margin-bottom: 1.75rem;
}
.index_case_con{
	margin-bottom: 1.75rem;
}
.index_case_more{
	display: block;
	color: #FFFFFF;
	font-size: 1rem;
	width: 9.25rem;
	height: 2.25rem;
	line-height: 2.25rem;
	margin: 0 auto;
	text-align: center;
	border: 1px solid #FFFFFF;
	border-radius: 3.75rem;
	margin-bottom: 3rem;
	opacity: 0.7;
}


/*保障承诺*/
.index_promise{
	padding: 3rem 0;
}
.index_promise .title{
	font-size: 1.8rem;
	color: #222222;
	text-align: center;
	font-weight: bold;
	margin-bottom: 2rem;
}
.index_problem_con li{
	width: 46%;
	margin-bottom: 1.75rem;
	float: left;
	height:14rem;
	text-align: center;
}
.index_problem_con li img{
	width: 6rem;
	height:6.7rem;
}


.index_problem_con li:nth-child(even){
	float: right;
}

.index_problem_con li .h1{
	font-size: 1.1rem;
	color: #222222;
	font-weight: bold;
	margin: 0.8rem 0;
}
.index_problem_con li .h2{
	font-size: 0.9rem;
	color: #666666;
	line-height: 1.45rem;
}

/*留言效果*/
.index_message{
	padding: 2.5rem 0;
	overflow: hidden;
}
.index_message .title{
	font-size: 1.8rem;
	color: #333333;
	line-height: 3rem;
	text-align: center;
}
.index_message .title span{
	font-size: 2.15rem;
	color: #333333;
	font-weight: bold;
}
.index_message .info{
	text-align: center;
	margin: 1.5rem 0;
	margin-bottom: 2.5rem;
}
.index_message_con{
	width: 100%;
	height: 13.25rem;
	background: url(../images/index_message_con_m.png) no-repeat center center;
	background-size: 24rem 13.25rem;
	margin-bottom: 2rem;
}
.index_message_from{
	width: 100%;
	overflow: hidden;
	background: url(../images/index_message_from.png) no-repeat;
	background-size:100% 100%;
	font-size: 1rem;
	color: #3a3a3a;
}
.index_message_from .h1{
	font-size: 1.5rem;
	color: #135ab0;
	font-weight: bold;
	text-align: center;
	margin-top: 6rem;
}
.index_message_from .index_form{
	margin: 0 2rem;
}
.index_message_from .index_form_con{
	background: #edeff2;
	margin-top: 1.8rem;
	padding: 1.5rem;
	margin-bottom: 1.5rem;
}
.index_message_from .ipt{
	margin-bottom: 1.5rem;
	height: 3rem;
	width: 15rem;
	padding: 0 1rem;
	background: #f8f9fa;
}

@media only screen and (max-width:375px ) {
	.index_message_from .ipt{
		width: 14.5rem;
	}
}
@media only screen and (max-width:320px ) {
	.index_message_from .ipt{
		width: 10rem;
	}
}

.index_message_from p{
	line-height: 3rem;
}
.index_form_con .tel{
	margin-bottom: 0;
}
.index_message_from .but{
	width: 100%;
	background: #107bc6;
	border: none;
	height: 3.5rem;
	font-size: 1.5rem;
	color: #ffffff;
}
.index_message_from .h2{
	font-size: 0.9rem;
	color: #3a3a3a;
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.index_message_from .h2 span{
	color: #880000;
}


/*产品功能 - 云排名*/

.product_center{
	padding:2.25rem 0;
}
.product_center .text{
	width: 100%;
	margin-bottom: 1.75rem;
}
.product_center .text .h1{
	font-size: 1.7rem;
	color: #999999;
	font-weight: bold;
	margin-bottom: 1rem;
}
.product_center .text .h1 span{
	color: #1070c6;
}
.product_center .text .h2{
	color: #737373;
	line-height: 1.5rem;
	margin-top: 0.75rem;
}
.product_center .text .h3{
	display: inline-block;
	color: #FFFFFF;
	background: #2d7ac9;
	padding: 0 1rem;
	height: 2.25rem;
	line-height: 2.25rem;
	margin-top: 1.75rem;
}
.product_center_bd{
	margin-top: 1rem;
}
.product_center_bd li{
	color: #1070c6;
	line-height: 1.75rem;
}



.product_center .img{
	width: 100%;
	-webkit-box-shadow: 0px 0px 10px #CCCCCC;
	-moz-box-shadow: 0px 0px 10px #CCCCCC;
	box-shadow: 0px 0px 10px #CCCCCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.product_point_core{
	font-size: 1.1rem;
	color: #666666;
	padding:2.5rem 0;
	line-height: 2rem;
}
.product_point_core .img{
	width: 100%;
}
.product_point1:nth-child(odd){
	background: #eeeeee;
}

.product_point_core1 .text .h1{
	margin-bottom:1.5rem;
	font-size: 2.5rem;
	color: #1070c6;
	height: 3rem;
	line-height: 3rem;
	font-weight: lighter;
}
.product_point_core1 .text .h1 img{
	float: left;
	margin-right: 1.25rem;
	width: 3rem;
	height: 3rem;
}
.product_point_core1 .text .h2{
	font-size: 1.1rem;
	color: #666666;
	line-height: 2rem;
	margin-bottom: 1.5rem;
}


/*产品功能  底部*/
.product_bottom{
	padding: 1.25rem;
	border-top: 1px solid #d9d9d9;
}
.product_bottom a{
	display: block;
	float: left;
	width: 49%;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	color: #FFFFFF;
	background: #0098bc;
}
.product_bottom a:last-child{
	float: right;
	background: #1070c6;
}


/*云新闻*/
.product_point_core3 .h1_2{
	float: left;
	width: 2.4rem;
	height: 3.1rem;
	margin-top: 0.5rem;
}
.product_point_core3 .h2{
	float: left;
	width: 80%;
	margin-left: 5%;
}


/*产品优势*/
.advantages_mid_con:nth-child(odd){
	background: #FFFFFF;
}
.advantages_mid_con:nth-child(even){
	background: #eeeeee;
}
.advantages_mid_con .text .h1{
	text-align: center;
	height: auto;
	line-height:0;
}
.advantages_mid_con .text .h1 img{
	width: auto;
	height: 1.75rem;
	float:none;
    margin-right:0;
}
.advantages_praise{
	overflow: hidden;
	background: url(../images/advantages_praise_bg.jpg) no-repeat center top;
}
.advantages_praise .title{
	font-size: 1.9rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	margin-top: 4.75rem;
}
.advantages_praise_con{
	width:100%;
	margin: 0 auto;
	margin-top: 2.5rem;
	margin-bottom: 3rem;
	position: relative;
}
.advantages_praise_slider{
	width: 80%;
	margin: 0 auto;
}
@media only screen and (max-width:375px ) {
	.advantages_praise_slider{
		width: 78%;
		margin: 0 auto;
	}
}
@media only screen and (max-width:320px ) {
	.advantages_praise_slider{
		width: 75%;
		margin: 0 auto;
	}
}

.advantages_praise_slider .swiper-slide {
	width:12rem;
	height:21rem;
}
@media only screen and (max-width:425px ) {
	.advantages_praise_slider .swiper-slide {
		width:155px;
		height:272px;
	}
}
@media only screen and (max-width:375px ) {
	.advantages_praise_slider .swiper-slide {
		width:144px;
		height:252px;
	}
}
@media only screen and (max-width:320px ) {
	.advantages_praise_slider .swiper-slide {
		width:124px;
		height:232px;
	}
}

.advantages_praise_slider .swiper-slide img {
	width: 100%;
	height: 100%;
}


/*成功案例*/
.case_mid_con{
	max-width:640px;
	min-width: 320px;
	overflow: hidden;
}
.case_mid_con li{
	float: left;
	width: 33.3%;
}
.case_mid_con li img{
	width: 100%;
	height: 5.85rem;
	border: 1px solid #e5e5e5;
}
@media only screen and (max-width:320px ) {
	.case_mid_con li img{
		width: 109px;
		height: 65px;
	}
}
@media only screen and (max-width:375px ) {
	.case_mid_con li img{
		width: 127px;
		height: 75px;
	}
}
@media only screen and (max-width:420px ) {
	.case_mid_con li img{
		width: 140px;
		height: 83px;
	}
}

/*成功案例-详细页*/
.case_art_info{
	margin-top: 2rem;
	margin-bottom: 3.5rem;
}
.case_art_info_text .h1{
	font-size: 1.5rem;
	color: #000000;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.case_art_info_text .h2{
	margin-bottom: 1.5rem;
}
.case_art_info_text .h2 li{
	color: #107bc6;
	line-height: 1.8rem;
}
.case_art_info_text .info{
	color: #666666;
	line-height: 1.8rem;
	margin-bottom: 1.8rem;
}

.case_art_project_con{
	padding-bottom: 3.5rem;
	overflow: hidden;
}

.case_art_project_con .h1{
	font-size: 1.2rem;
	color: #333333;
	font-weight: bold;
	margin-bottom: 1.5rem;
	padding-left: 0.75rem;
	height: 1.25rem;
	line-height: 1.25rem;
	border-left: 0.4rem solid #107bc6;
}

.case_art_project_con .info{
	color: #666666;
	line-height: 1.8rem;
}
.case_art_effect{
	margin-bottom: 2.5rem;
}
.case_art_effect .h1{
	font-size: 1.2rem;
	color: #333333;
	font-weight: bold;
	margin-bottom: 1.5rem;
	padding-left: 0.75rem;
	height: 1.25rem;
	line-height: 1.25rem;
	border-left: 0.4rem solid #107bc6;
}


.case_art_effect_slider{
	width:100%;
	overflow: hidden;
	margin-bottom: 2.5rem;
}
.case_art_effect_slider .hd{
	width: 90%;
	margin: 0 5%;
	overflow: hidden;
	margin-bottom: 2.25rem;
	display: block;
}

.case_art_effect_slider .hd ul li{
	float: left;
	width: 24%;
	text-align: center;
	height:3rem;
	line-height:3rem;
	color: #ffffff;
	margin-right: 1%;
	background: #1070c6;
	cursor: pointer;
	font-size: 0.9rem;
}

.case_art_effect_slider .hd ul li.on{
	background: #0098bc;
}
.case_art_effect_slider .bd ul{
	margin-right: 0.25rem;
}
.case_art_effect_slider .bd ul li{
	margin: 0 5%;
}
.case_art_effect_slider .bd ul li img{
	width:100%;
	height:auto;
}

.case_art_back_con{
	padding: 1.25rem;
	background: #e7e7e7;
}
.case_art_back{
	display: block;
	height: 3rem;
	line-height: 3rem;
	background: #1070c6;
	color: #ffffff;
	text-align: center;
}
.case_art_back img{
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	margin-top: 0.9rem;
	margin-right:0.75rem;
}


/*新闻资讯*/
.news_mid_con{
	width: 92%;
	margin: 0 4%;
	margin-top: 2.5rem;
}
.news_mid_con li{
	float: left;
	width: 45%;
	margin-bottom: 1.5rem;
}
.news_mid_con li:nth-child(even){
	float: right;
}
.news_mid_con li img{
	width: 100%;
	height: 9.15rem;
	border: 1px solid #e7e7e7;
}
@media only screen and (max-width:420px ) {
	.news_mid_con li img{
		width: 173px;
		height: 111px;
		border: 1px solid #e7e7e7;
	}
}

@media only screen and (max-width:375px ) {
	.news_mid_con li img{
		width: 157px;
		height: 101px;
		border: 1px solid #e7e7e7;
	}
}

@media only screen and (max-width:320px ) {
	.news_mid_con li img{
		width: 134px;
		height: 86px;
		border: 1px solid #e7e7e7;
	}
}

.news_mid_con li .time{
	color: #999999;
	font-size: 0.9rem;
	margin: 0.75rem 0;
}
.news_mid_con li .info{
	color: #333333;
	line-height: 1.5rem;
	height: 3rem;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/*新闻资讯 - 详情*/
.news_art_body{
	padding:2.25rem 0;
}
.news_art_body .h1{
	font-size:1.5rem;
	font-weight: bold;
	color: #000000;
	line-height: 2rem;
}
.news_art_body .time{
	font-size: 0.9rem;
	color: #999999;
	line-height: 1.75rem;
	padding: 1.5rem 0 2rem 0;
}
.news_art_body .body p,.news_art_body .body{
	color: #666666;
	line-height: 1.75rem;
}
.news_art_body .body img{
	width: 100% !important;
	height: auto;
}
