* {
	margin: 0;
	padding: 0;
}
ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}
html{ overflow-x:hidden; width:100%}
body {
	font-family: "microsoft yahei";
	font-style: normal;
	/**/
	-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	/* For some Androids,个人感觉是低版本的安卓，4.0以下 */
}

h1,
h2,
h3,
strong {
	font-weight: normal;
}

section,
figure,
footer {
	clear: both;
}

/*===全局控制宽度=======*/
.wMedia {
	max-width: 1080px;
	min-width: 320px;
	/*padding: 0px 12px;*/
	margin: 0 auto;
}

.topBox {
	height: 80px;
}

.topBox .top {
	padding-top: 22px;
}

.topBox .top .left {
	float: left;
	padding-left: 12px;
}

.topBox .top .left img {
	width: 138px;
	height: auto;
}

.topBox .top .right {
	float: right;
	padding-top: 20px;
	padding-right: 16px;
	margin-right: 12px;
}

.topBox .top .right {
	width: 30px;
	height: 30px;
	background: url(../images/m_menu.png) no-repeat center center;
	background-size: 30px;
}

.topBox .top .menu_change {
	background: url(../images/m_menu_.png) no-repeat center center;
	background-size: 30px;
}

/**/

.imgAuto_,
.imgAuto_ img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	/* ie8 */
	/*ie的专有命令缩放图片*/
	/*-ms-interpolation-mode: bicubic*/
}

.swiper-index {
	/*width: 100%;*/
	width: 100%;
	/*height: 100%;*/
}

.swiper-index img {
	float: left;
	max-width: 100%;
	height: auto;
	width: auto\9;
	/* ie8 */
	/*ie的专有命令缩放图片*/
	/*-ms-interpolation-mode: bicubic*/
}

.swiper-index .swiper-slide {
	max-width: 100%;
	/*max-height: 400px;*/
	height: 100%;
	text-align: center;
	font-size: 18px;
	background: #fff;
}


/*===========*/


/*---滚动条默认显示样式--*/

::-webkit-scrollbar-thumb {
	background-color: #8f8f8f;
	height: 8px;
	outline-offset: -2px;
	/*outline:2px solid #fff;*/
	-webkit-border-radius: 4px;
	/*border: 2px solid #fff;*/
}


/*---鼠标点击滚动条显示样式--*/

::-webkit-scrollbar-thumb:hover {
	background-color: #7f7f7f;
	height: 8px;
	-webkit-border-radius: 4px;
}


/*---滚动条大小--*/

::-webkit-scrollbar {
	width: 2px;
	height: 2px;
}


/*---滚动框背景样式--*/

::-webkit-scrollbar-track-piece {
	background-color: #fff;
	-webkit-border-radius: 0;
}


/*=====nav======*/


/*nav*/
.slider{position:relative;text-align:center; margin:0 auto;z-index:1; width:100%}
.slider .bd,.slider .bd li,.slider .bd img{width:100%; height:auto}/*请给每个幻灯片套个div并设置id，通过id重置这个地方的宽度，达到自定义效果*/
.slider .bd{z-index:2;overflow:hidden}
.slider .bd li{float:left;width: 100%;overflow:hidden; background-position:center; background-repeat:no-repeat}
.slider .bd li a{ display:block; width: 100%; height:auto}
.slider .bd li img{display:block; width:100%; height:auto}
.slider .hd{ position: absolute; z-index: 3; left: 0; right: 0; bottom:10px; padding: 0 10px; text-align: center}
.slider .hd li{display:inline-block;text-align:center;margin-right:5px;cursor:pointer;background-color:#ff8f97}
.slider .hd li.active{background-color:#eee}

  /*圆点*/
  .dots li{width:7px; height:7px;font-size:0px;line-height:0px;border-radius:50%}
  /*数字*/
  .numbox li{width:20px; height:20px; line-height:20px; font-size:13px;font-family:Arial;font-weight:bold; text-indent:inherit}
  .numbox li.active{color:#fff}
  /*长方条*/
  .rectangle li{width:40px; height:10px;font-size:0px;line-height:0px}


.navBox {
	position: relative;
	display: none;
	right: 10px;
}

.navBox .navIco {
	width: 20px;
	height: 6px;
	background: url(../images/menu_listIco.jpg);
	background-size: 20px auto;
	position: absolute;
	z-index: 88888888;
	top: -7px;
	right: 20px;
}

.navBox_change {
	display: block;
}

.nav {
	right: 0px;
	float: right;
	position: absolute;
	z-index: 999;
	top: -2px;
	padding: 5px 0px;
	padding-top: 10px;
}

.nav {
	width: 216px;
	overflow: auto;
	background-color: rgba(255, 255, 255, 0.9);
	border: 1px solid #e1e1e1;
}

@media only screen and (max-width: 640px) {
	.nav {
		max-height: 300px;
		overflow: auto;
	}
	
}


/**/

/*导航 切换*/
.navToggle dd{
	display: none;
}

.navCur_dl dd{
	display: block;
}


.navToggle .ddHide{
	display: none;
}

.navToggle .ddShow{
	display: block;
}

/*=*/


.nav dl {
	padding-left: 18px;line-height:25px;
}

.nav dl dt a {
	position: relative;
	font-size: 16px;
}

.nav dl dt a,
.nav dl dd a {
	color: #5F5D5D;
	display: inline-block;
	text-indent: 16px;
}

.nav dl dd a {
	font-size: 16px;
	text-indent: 30px; line-height:25px;
}

.nav dl dt a::before,
.nav dl dt a::after {
	content: "";
	position: absolute;
	left: 0px;
	top: 8px;
	width: 6px;
	height: 6px;
	background: #5F5D5D;
	border-radius: 100px;
}


/**/

.nav .navCur_dl dt a::before,
.nav .navCur_dl dt a::after,
.nav dl .navCur_dl dt a::before,
.nav dl .navCur_dl dt a::after,
.nav dl .navCur::before,
.nav dl .navCur::after,
.nav dl:active dt a::before,
.nav dl:active dt a::after {
	background: red;
}

.nav .navCur_dl dt a,
.nav dl .navCur,
.nav dl dd a:active,
.nav dl:active dt a {
	color: #E20000;
}


/*===================================================*/

.index_ppBox {
	padding-bottom: 10px;
	border-bottom: 1px solid #E1E1E1;
	padding: 12px 0px;
}

.index_ppBox p,
.index_ppBox h2 {
	text-align: center;
	display: block;
	padding: 0px 12px;
}

.index_ppBox h2 {
	font-size: 16px;
	color: #E20000;
	margin-bottom: 8px;
}

.index_ppBox p {
	font-size: 12px;
	color: #474443;
	text-align: center;
}


/*==========base tab======*/

.tab_tit {
	overflow-x: scroll;
	overflow-y: hidden;
}

.tit_line {
	margin-top: 20px;
	border-bottom: 1px solid #E1E1E1;
	white-space: nowrap;
}

.tit_line p {
	text-align: center;
	margin-bottom: 30px;
	height: 36px;
	/*width: 90%;*/
	padding: 0px 16px;
	margin: 0 auto;
}

.tit_line p a {
	font-size: 15px;
	display: inline-block;
	margin: 0px 10px;
	padding-top: 0px;
	padding-bottom: 12px;
	/*border-bottom: 3px solid none;*/
	margin-bottom: -25px;
	position: relative;
	top: 4px;
}

.tit_line p a::before,
.tit_line p a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 39%;
	margin: 0 auto;
	height: 3px;
	background: none;
	/*transition: all .3s;*/
}

.tit_line p a:hover,
.tit_line p .baseTab_cur {
	cursor: pointer;
	color: #E20000;
	/*border-bottom: 3px solid #E20000;*/
}

.tit_line p .baseTab_cur::before,
.tit_line p .baseTab_cur::after,
.tit_line p a:hover::before,
.tit_line p a:hover::after {
	background: #E20000;
	/*transition: all .3s;*/
}


/*============开始*/

.hb_ssys {
	margin-top: 20px;
	padding: 0px 18px;
	margin-bottom: 10px;
}

.hb_ssys dd {
	font-size: 14px;
	color: #5F5D5D;
	line-height: 24px;
}
.hb_ssys dl {
	font-size: 13px;
	color: #5F5D5D;
	line-height: 24px;
}
.hb_ssys dl p {
	font-size: 13px;
	color: #5F5D5D;
	line-height: 24px;
}

.index_page .sjb section .wMedia.hb_ssys.wow.fadeIn dl h4{ padding-top:5px; font-weight:normal}
.index_page .sjb section .wMedia.hb_ssys.wow.fadeIn dl h5{ padding-top:0px; font-weight:normal}
/*案例*/


/*======*/

.case_box {
	/*margin-top: 35px;*/
}

.case_box .anli {
	display: none;
	overflow: hidden;
	/*margin-top: 40px;*/
	padding: 12px 10px 12px 10px;
}

.case_box .anli li {
	width: 48%;
	padding: 1%;
	float: left;
	/*margin-bottom: 5px;*/
	padding-bottom: 5px;
	display: none; text-align:center
}

.case_box .anli li:nth-child(-n+12) {
	display: block;
}

.case_box .anli li:hover h2 a {
	color: #E20000;
}

.case_box .anli li a {
	display: block;
	width: 100%;
	/*background: #e1e1e1;*/
	overflow: hidden;
	position: relative;
}

.case_box .anli li a .ch-grid {
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	background: rgba(102, 102, 102, 0.5);
	color: #FFFFFF;
	text-align: center;
	height: 100%;
}
.list_txt div img{max-width:100%; height:auto}
.inneBoxT div img{max-width:100%; height:auto}
.case_box .anli li a img {
	width: 100%;
	height: auto;
	transition: 1.2s linear;
	-webkit-transition: all 1.2s linear;
	-moz-transition: all 1.2s linear;
	-o-transition: all 1.2s linear;
}

.case_box .anli li a .ch-grid img {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transform: scale(0.5);
}

.case_box .anli li a img:hover {
	cursor: pointer;
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
}

.case_box .anli li h2 {
	font-size: 12px;
	color: #666666;
	line-height: 22px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;text-align:center
}

.case_box .anli li h2 a {
	color: #666666;
	background: #ffffff;
}

.case_box .anli li p {
	font-size: 10px;
	color: #999;
	line-height: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;text-align:center
}

.case_box .anli .col-md-3 {
	padding-left: 10px;
	padding-right: 10px;
}

.case_box .anli:nth-child(1) {
	display: block;
}

.case_box .m_call {
	text-align: center;
	margin: 20px 0;
}

.case_box .m_call a {
	display: inline-block;
	padding: 0 30px;
	line-height: 40px;
	background: #eeeff5;
	font-size: 16px;
	color: #333333;
	margin: 0 60px;
}

.case_box .m_call a img {
	width: 20px;
	vertical-align: middle;
}
/*案例*/


/*======*/

.case_box2 { width:100%; margin:0 auto; height:auto
}

.case_box2 .anli {
	/*margin-top: 40px;*/
	padding: 12px;
}

.case_box2 .anli li {
	width: 47%;
	padding: 1%;
	float: left;
	/*margin-bottom: 5px;*/
	padding-bottom: 5px;
	display: none;text-align:center
}

.case_box2 .anli li{
	display: block;
}

.case_box2 .anli li:hover h2 a {
	color: #E20000;
}

.case_box2 .anli li a {
	display: block;
	width: 100%;
	/*background: #e1e1e1;*/
	overflow: hidden;
	position: relative;
}

.case_box2 .anli li a .ch-grid {
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	background: rgba(102, 102, 102, 0.5);
	color: #FFFFFF;
	text-align: center;
	height: 100%;
}

.case_box2 .anli li a img {
	width: 100%;
	height: auto;
	transition: 1.2s linear;
	-webkit-transition: all 1.2s linear;
	-moz-transition: all 1.2s linear;
	-o-transition: all 1.2s linear;
}

.case_box2 .anli li a .ch-grid img {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transform: scale(0.5);
}

.case_box2 .anli li a img:hover {
	cursor: pointer;
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
}

.case_box2 .anli li h2 {
	font-size: 12px;
	color: #666666;
	line-height: 22px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.case_box2 .anli li h2 a {
	color: #666666;
	background: #ffffff;
}

.case_box2 .anli li p {
	font-size: 10px;
	color: #999;
	line-height: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.case_box2 .anli .col-md-3 {
	padding-left: 10px;
	padding-right: 10px;
}

.case_box2 .anli:nth-child(1) {
	display: block;
}

.case_box2 .m_call {
	text-align: center;
	margin: 20px 0;
}

.case_box2 .m_call a {
	display: inline-block;
	padding: 0 30px;
	line-height: 40px;
	background: #eeeff5;
	font-size: 16px;
	color: #333333;
	margin: 0 60px;
}

.case_box2 .m_call a img {
	width: 20px;
	vertical-align: middle;
}

/*更多*/

.moreCont {
	text-align: center;
	margin-bottom: 20px; margin-top:10px;
}

.moreCont a {
	height: 18px;
	font-size: 12px;
	color: #505050;
	display: inline-block; border:#E1E1E1 solid 1px;border-radius:5px; padding:5px 10px
}

.moreCont a:hover {
	color: #E20000;border-radius:5px
}


/*=========案例*/


/*荣誉 list====================*/

.ryList {
	width: 100%;
	margin-top: 17px;
}

.ryList li {
	padding: 0px 20px;
	clear: both;
	margin-bottom: 10px;
	overflow: auto;
	/**/
	overflow-y: hidden;border-bottom: 1px solid #E1E1E1; padding-bottom:6px;
}
.ryList li .left {
	float: left;
	width: 40%;
}

.ryList li .left img {
	width: 100%;
	height: auto;
}

.ryList li .right {
	width:60%;
	float: right;
}

.ryList li .right .right_inbox {
	padding: 0px 0px 0px 12px;
}
.ryList li .right .right_inbox h3 {
	font-size: 14px;
	color: #333333;
}

.ryList li .right .right_inbox .info_auda {
	padding-bottom: 2px;
}

.ryList li .right .right_inbox .info_auda span{
	color: #505050;
	font-size: 12px;
	margin-right: 12px;
}

.ryList li .right .right_inbox .info_txt {
	margin-top: 5px; line-height:20px; height:40px; overflow:hidden
}

.ryList li .right .right_inbox .info_txt p {
	font-size: 12px;
	color: #505050;
	line-height: 20px;
}


/**/

/*@media only screen and (max-width: 480px) {
	.ryList li .left,
	.ryList li .right {
		float: none;
		clear: both;
		width: 100%;
	}
	.ryList li .right .right_inbox {
		padding: 0;
	}
}

.ryList li .right .right_inbox h3 {
	font-size: 14px;
	color: #333333;
}

.ryList li .right .right_inbox .info_auda {
	padding-bottom: 2px;
}

.ryList li .right .right_inbox .info_auda span{
	color: #505050;
	font-size: 12px;
	margin-right: 12px;
}

.ryList li .right .right_inbox .info_txt {
	margin-top: 5px; line-height:20px; height:60px; overflow:hidden
}

.ryList li .right .right_inbox .info_txt p {
	font-size: 12px;
	color: #505050;
	line-height: 20px;
}

@media only screen and (max-width: 480px) {
	.ryList li .right .right_inbox {
		margin-top: 5px;
	}
	.ryList li .right .right_inbox .info_txt p {
		font-size: 12px;
		line-break: 24px;
	}
}
*/

/*更多*/

.getMore {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}

.getMore a {
	display: inline-block;
	font-size: 12px;
	color: #505050;
	border:#E1E1E1 solid 1px;border-radius:5px; padding:5px 10px;
	
}

.getMore a:hover {
	color: red;
}


/*===================================*/

.f_contactBox {
	border-top: 1px solid #E1E1E1;
}

.f_contact {
	margin-top: 20px;
	margin-left: 24px;
}

.f_contact dt {
	position: relative;
	font-size: 18px;
	color: #333333;
	margin-bottom: 20px;
}
.f_contact dd span{color: #333333;} 
.f_contact dt::before,
.f_contact dt::after {
	content: "";
	position: absolute;
	left: 0px;
	width: 36px;
	bottom: -8px;
	height: 3px;
	background: #E20000;
	border-radius: 100px;
}

.f_contact dd {
	font-size: 14px;
	color: #333333;
	line-height: 28px;
}


/*===================================================底部 bar*/


/*===================================================底部 bar*/


/*===================================================底部 bar*/


/*===================================================底部 bar*/


/*间距*/

.bottomMar {
	margin-top: 72px;
}

.bottomBar {
	height: 40px;
	background: #E1E1E1;
	position: fixed;
	z-index: 999999999999;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
}

.bottomBar li {
	width: 33.33%;
	float: left;
	background: #E20000;
	height: 40px;
}

.bottomBar li a {
	width:70%;
	margin: 0 auto;
	display: block;
	font-size: 16px;
	text-align: center;
	color: #FFFFFF;
	text-indent: 10px;
	line-height: 40px;
	position: relative;
	padding-left: 10px;
}

.bottomBar li a span {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(../images/bottomBar_sy.png) no-repeat 5px center;
	position: absolute;
	right: 0;
	top: 8px;
	left:10%; background-size:75%
}

@media only screen and (max-width: 480px) {
	.bottomBar li a span {
		left: -5px;
	}
}

.bottomBar li:nth-child(2) a span {
	background: url(../images/bottomBar_phone.png) no-repeat 3px center;background-size:80%
}
.bottomBar li:nth-child(3) a span {
	background: url(../images/bottomBar_qq.png) no-repeat 3px center;background-size:75%
}

.bottomBar li:active {
	background: #a9000d;
}


/*==========doc=================doc=================*/

.doc_banner img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.tit_line_sideNav p a {
	float: left;
	margin: 0;
	color: #333333;
}

.tit_line_sideNav p a:hover {
	color: #E20000;
}


/*清除*/

.tit_line_sideNav p a::before,
.tit_line_sideNav p a::after,
.tit_line_sideNav p a:hover::before,
.tit_line_sideNav p a:hover::after {
	display: none;
}

.tit_line_sideNav p span {
	float: left;
	display: inline-block;
	width: 20px;
	/*height: 16px;
	background: url(../images/skip__03.jpg) no-repeat center bottom;
	background-size: 14px auto;*/
	margin: 0 5px;color: #333333;margin-top:7px;
	
}


/**/

.docContIfo_warp {
	margin-top: 30px;
	margin-bottom: 20px;
}

.docContIfo {
	padding: 0px 16px;
	margin-bottom: 20px;
}

.docContIfo .tit_m h3 {
	color: #000000;
	font-size: 18px;
}

.docContIfo .tit_m p {
	position: relative;
	color: #505050;
	font-size: 14px;
	margin-top: 0px;
}

.docContIfo .tit_m p:before,
.docContIfo .tit_m p:after {
	content: "";
	position: absolute;
	left: 0px;
	width: 30px;
	height: 1px;
	bottom: -9px;
	background: #000;
	border-radius: 100px;
}

.docContIfo .inneBoxT {
	margin-top: 32px;
	border-bottom: 1px solid #E1E1E1;line-height: 28px;
	font-size: 14px;
	color: #505050;
}
img{max-width:100%; height:auto}
.docContIfo .inneBoxT_nobor {
	border-bottom: none;
}
.inneBoxT img{max-width:100%}

/**/

.docContIfo .inneBoxT dl {
	margin-bottom: 20px;
}

.docContIfo .inneBoxT dt,
.docContIfo .inneBoxT dd {
	line-height: 28px;
	font-size: 14px;
	color: #505050;
}

.docContIfo .inneBoxT_1 dd a {
	margin-right: 10px;
}


/**/

.caseList .tit_m p {
	font-size: 16px;
	color: #000000;
	padding-bottom: 2px;
}


/**/

.docContIfo .inneBoxT_caseList {
	margin-top: 10px;
}

.docContIfo .inneBoxT_caseList img {
	max-width: 100%;
	height: auto;
}

.inneBoxT_caseList .list_txt h3 {
	position: relative;
	padding-bottom: 20px;
	color: #333333;
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 5px;
}

.inneBoxT_caseList .list_txt h3::before,
.inneBoxT_caseList .list_txt h3::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 28px;
	height: 3px;
	background: #E20000;
	transition: all .3s;
}

.inneBoxT_caseList .list_txt {
	margin-bottom: 40px;
}

.inneBoxT_caseList .list_txt dd {
	color: #505050;
	font-size: 14px;
	text-align: justify;
	line-height: 24px;
}


/**/

.shengming_ {
	clear: both;
	overflow: auto;
	margin-bottom: 0px;
}

.shengming_ span,
.shengming_ a {
	float: left;
	color: #505050;
}

.shengming_ span {
	font-size: 12px;
}

.shengming_ a {
	float: right;
	margin-top: 10px;
	font-size: 16px;
	display: inline-block;
	padding-right: 20px;
	background: url(../images/skip_up_03.png) no-repeat right center;
}

.shengming_ a:hover {
	color: #E20000;background: url(../images/skip_up_003.png) no-repeat right center;
}
/*在线客服*/
.OnlineService_Bg {width:35px;overflow:hidden;position:fixed;right:10px;bottom:60px;z-index:10;}
.OnlineService_Box {width:100%;overflow:hidden;}
.OnlineService_Top {width:35px;height:35px;margin-bottom:10px;}
.OnlineService_Top a {display:block;width:35px;height:35px;background-color:#E20000;padding-top:23px;line-height:20px;font-size:12px;text-align:center;color:#fff;background-image:url(../images/icon_Top.png); background-size:60%;background-repeat:no-repeat;background-position:center 5px;cursor:pointer;text-decoration:none;color:#fff}