@import "common.css";
body{
  font-family: Microsoft YaHei, Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
body>div {
	/* margin: 5px; */
	/* font-family: "思源黑体"; */
	
}

.mt20{
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mb20{
	margin-bottom: 20px !important;
}
.mb100{
	margin-bottom: 100px !important;
}
.main {
	margin: 0 auto;
	max-width: 1660px;
}
/*
**logo+导航
*/
.navbar-default {
	background-color: #fff;
	border-color: #fff;
	margin-bottom: 0;
}

.navbar-default .navbar-brand {
	padding: 29px 15px;
	display: block;
	width: 253px;
	height: 98px;
	background: url(../images/logo.jpg) no-repeat left center;
	text-indent: -9999px;
}

.navbar-default .navbar-collapse {
	padding: 0;
}

.navbar-default .navbar-text {
	font-size: 16px;
	color: #b6b6b6;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 20px;
}

.navbar-default .navbar-text h4, .navbar-default .navbar-text span {
	letter-spacing: 0.19rem;
	display: block;
}
.navbar-default .navbar-nav > li > a {
	font-size: 18px;
	color: #333;
	padding: 15px 30px;
	transform: all 0.5s;
}

.navbar-default .navbar-nav > li.hover > a,.navbar-default .navbar-nav > li:hover > a{
	color:#ca243c;
	border-bottom: 1px solid #c4343c;
}
.navbar-nav {
	padding-top: 22px;
}
.navbar-nav li.hover,.navbar-nav li:hover{
	color:#ca243c ;
}
#newBridge {
	display: none
}
/*
**banner
*/
.banner img {
	width: 100%;
}

.banner video {
	width: 100%;
}

.banner .hd li {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #ddd;
	border-radius: 50%;
	margin: 0 5px;
}

.banner .hd  .on {
	background: #ca243c;
}

.banner {
	position: relative;
	z-index: 100;
}

.banner .hd {
	position: absolute;
	bottom: 2%;
	width: 100%;
	text-align: center;
	z-index: 20;
}
.banner .prev, .banner .next {
	opacity: 0;
	transition: all 0.8s;
	width: 30px;
    height: 42px;
    display: block;
    position: absolute;
    top: calc(50% - 21px);
	z-index: 20;
    background-size: 100% 100%;
}
.banner .prev {
	 left: 6%;
	 background: url(/theme/wskin43/images/banner_left.png) no-repeat;
}
.banner .next {
	 right: 6%;
	 background: url(/theme/wskin43/images/banner_right.png) no-repeat;
}
.banner:hover .prev, .banner:hover .next{
	opacity: 1;
}
.banner .bd li {
	position: relative;
	z-index: 1;
}
.banner .bd li div {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 12;
	padding-top: 240px;
	transition: all 1s;
}
.banner .bd li:hover div{
	opacity: 1;
} 
.banner .bd li div b {
	font-size: 36px;
	color: #c03a40;
	
}
.banner .bd li div p {
	font-size: 24px;
	color: #efefef;
	margin: 20px 0 0;
}
/*
**新闻
*/
.mod01 {
	font-size: 14px;
	padding: 0 108px 0 90px;
	background: url(../images/icon02.png) no-repeat 25px 6px;
	position: relative;
}

.mod01 .bd li {
	line-height: 40px;
	height: 40px;
	overflow: hidden;
}

.mod01 time {
	float: right;
}

.mod01 .hd {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 85px;
}

.mod01 .hd a {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 20px;
}

.mod01 .hd a img {
	width: 100%;
}
/*
**介绍
*/
.mod02 {
	text-align: center;
	margin: 50px 0 60px 0;
	color: #333;
	font-weight: lighter;
}

.mod02 .t1 {
	font-size: 36px;
	font-weight: bold;
}

.mod02 .t2 {
	font-size: 20px;
}

.zc_z {
	overflow: hidden;
	margin: 50px auto;
	width: 100%;
}
.zc_z ul {
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto;
}
.zc_z li {
	float: left;
	width: 33.33%;
	font-size: 32px;
	color: #666;
	/* font-weight: 600; */
}

.zc_z li b {
	font-size: 72px;
	line-height: 54px;
	color: #c4343c;
	vertical-align: bottom;
	display: block;
	float: left;
	margin-right: 15px;
}

.zc_z li span {
	display: block;
	font-size: 29px;
}

.zc_z li i {
	font-size: 23px;
	color: #333;
	display: inline-block;
	margin-left: 20px;
	display: block;
	height: 19px;
	line-height: 8px;
}

.zc_z li:last-child {
	padding-right: 0;
	border-right: 0;
	text-align: right;
	float: right;
	width: 26%;
} 

 

/*
**产品标题
*/
.title01 {
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
	letter-spacing: 2px;
}

.title01 h3, .title01 span {
	font-size: 30px;
	font-weight: bold;
	color: #c03a40;
	display:block;
	letter-spacing: 5px;
} 

.title01 h3 a, .title01 span a {
	color: #c4343c;
}
.title01 p{
	font-size: 18px;
	margin: 10px 0 0 ;
}
/*
**产品导航
*/
.navbar01 {
	/* margin-bottom: 20px; */
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
}

.navbar01 a {
	display: inline-block;
	padding: 0 140px;
	text-align: center;
	font-size: 18px;
	color: #000;
	line-height: 40px;
	/* width: 33.333%;
	float: left; */
}
/* .newsnav a{
	padding: 0;
}
.newsnav a:nth-child(1) {
	text-align: left;
}
.newsnav a:last-child {
	text-align: right;
} */
/*
**产品
*/
.mod17 {
	overflow: hidden;
}
.mod17 a {
	display: block;
	float: left;
	width: calc((100% - 15px) / 4);
    margin-top: 5px; 
    margin-right: 5px; 
	position: relative;
}

.mod17 a:nth-child(4n) {
	margin-right: 0px;
} 

.mod17 .mask {
	color: #f9f9f9;
	background: rgba(0,0,0,.5);
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 5%;
	width: 100%;
	height: 80px;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding: 20px;
}


.mod20 a {
	display: block;
	float: left;
	width: calc(20%);
	/* margin-bottom: 5px; */
	/* margin-right: 5px; */
	position: relative;
	margin-top: 30px;
}
.mod20 a img{
	width: 60%;
	margin: 0px auto;
}
.mod20 a .t{
	text-align: center;
}
.mod03 {
	overflow: hidden;
	position: relative;
}

.more {
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 56px;
	margin: 0 auto;
	background: #fcfcfc;
	width: calc(89% - 5px);
}
/*.mod03>a{float:right;margin-right: 5px;margin-bottom: 5px;position: relative;overflow: hidden;}
.mod03>a:nth-of-type(7n+1), .mod03>a:nth-of-type(7n+3), .mod03>a:nth-of-type(7n+5){width:calc(40% - 5px);}
.mod03>a:nth-of-type(7n+2), .mod03>a:nth-of-type(7n+4){width: calc(20% - 5px);}
.mod03>a:nth-of-type(7n+6){width: calc(40% - 5px);}
.mod03>a:nth-of-type(7n){width: calc(60% - 5px);}
.mod03 img{height: 100%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}*/
.mod03>a, .mod03 .mask_top{
	float: left;
   margin-right: 5px; 
  margin-bottom: 5px;
	position: relative;
	overflow: hidden;
	height: 400px;
	
}

/* .mod03>a:nth-of-type(7n+1),
.mod03>a:nth-of-type(7n+3),
.mod03>a:nth-of-type(7n+5) {
	width: calc(33.333%);
}

.mod03>a:nth-of-type(7n+2),
.mod03>a:nth-of-type(7n+4) {
	width: calc(33.3%);
}

.mod03>a:nth-of-type(7n+6) {
	width: calc(33.3%);
}

.mod03>a:nth-of-type(7n) {
	width: calc(33.3%);
} */

.mod03>a, .mod03 .mask_top {
	width: calc((100% - 15px) / 4);
}
.mod03>a:nth-child(4n), .mod03>a:last-child {
	margin-right: 0;
}
.mod03 img {
	/* height: 395px; */
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	width: 100%;
}


.mask {
	color: #f9f9f9;
	background: rgba(0,0,0,.5);
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 5%;
	width: 100%;
	height: 88px;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding: 20px;
	overflow: hidden;
}

.mask h1 {
	font-size: 14px;
}

.mask>div {
	position: absolute;
	width: 90%;
}

.mask .t {
	font-size: 18px;
}
.mask>div p{
	font-size: 15px;
}
.mask_hot {
	height: 100%;
	background: #c4343cd6;
	opacity: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.mask_top:hover .mask_hot{
	opacity: 1;
}
.mask_hot a {
	display: block;
	font-size: 28px;
	color: #fff;
	margin-bottom: 40px;
	font-weight: bold;
}
.mask_hot>div {
  /* margin-top: 50px; */
  /* padding-top: 300px; */
	text-align: center;
	/* padding: 300px 75px; */
}
.mask_hots>div{
	/* padding: 300px 65px; */
}
.mask_hot .t {
	font-size: 30px;
	font-weight: 600;
	color: #fff;
}

.mask_hot span {
	width: 100px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #fff;
	font-size: 18px;
	color: #fff;
	line-height: 40px;
	display: block;
	border-radius: 25px;
	margin: 0px auto;
	margin-top: 80px;
}
.mask_hot span a{
	margin-bottom: 0;
	font-size: 18px;
}

.mod03_hot .mask {
	height: 100%;
}

.mod04 {
	overflow: hidden;
}

.mod04>a, .mod04 .mask_top {
	float: right;
	width: calc((100% - 15px) / 4);
	position: relative;
	overflow: hidden;
	margin-left: 5px;
	margin-bottom: 5px;
}
.mod04>a:nth-child(4n), .mod04>a:last-child {
	margin-left: 0;
}
/* .mod04>a:nth-of-type(7n+3),.mod04>a:nth-of-type(7n+5){width: calc(20% - 5px);}
.mod04>a:nth-of-type(7n){width: calc(60% - 5px);} */
.mod04 img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	height: auto;
}
/* .mod04>a:nth-child(1) img {width: 100%; height: 639px;}
.mod04>a:nth-child(2) img {width: 100%; height: 317px;}
.mod04>a:nth-child(3) img {width: 100%; height: 317px;}
.mod04>a:nth-child(4) img {width: 100%; height: 317px;}
.mod04>a:nth-child(5) img {width: 100%; height: 317px;}
.mod04>a:nth-child(6) img {width: 100%; height: 346px;}
.mod04>a:nth-child(7) img {width: 100%; height: 346px;} */



.page {
	width: 89%;
	text-align: center;
	margin: 20px auto;
	overflow: hidden;
	clear: both;
}

.page a {
	display: inline-block;
	padding: 5px 12px;
	font-size: 14px;
}

.page .active {
	color: #ca243c;
}

.mod10 {
	overflow: hidden;
}

.mod10>a {
	float: right;
	margin-right: 5px;
	margin-bottom: 5px;
	position: relative;
	overflow: hidden;
}

.mod10>a:nth-of-type(7n+1),.mod10>a:nth-of-type(14n+3),.mod10>a:nth-of-type(14n+5),.mod10>a:nth-of-type(14n+9),.mod10>a:nth-of-type(14n+11) {
	width: calc(40% - 5px);
}

.mod10>a:nth-of-type(14n+2),.mod10>a:nth-of-type(14n+4),.mod10>a:nth-of-type(14n+10),.mod10>a:nth-of-type(14n+12) {
	width: calc(20% - 5px);
}

.mod10>a:nth-of-type(7n+6) {
	width: calc(40% - 5px);
}

.mod10>a:nth-of-type(7n) {
	width: calc(60% - 5px);
}

.mod10 img {
	height: 100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
/*
**核心能力
*/
.mod15,.mod16 {
	display: none;
}

.mod15.on,.mod16.on {
	display: block;
}

.mod15 {
	overflow: hidden;
}

.mod15>a {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	width: calc(33.333% - 5px);
	position: relative;
	overflow: hidden;
}


/* 关于我们 */
.modry {
	color: #666;
	text-align: center;
	overflow: hidden;
	/* height: 417px; */
	/* padding: 50px; */
	line-height: 35px;
	/* font-family: fangsong; */
	width: 100%;
	margin-top: 30px;
	position: relative;
}

.modry strong {
	font-size: 30px;
	font-weight: bold;
	color: #333;
	display: block;
	/* margin-top: 30px; */
	letter-spacing: 2px;
}

.modry i {
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

.modry p {
	font-size: 18px;
	line-height: 30px;
}

.modry_hot {
	width: 100%;
}

.modry_hot li {
	float: left;
	width: 12.5%;
}

.modry_hot li a {
	width: 100%;
}

.modry_hot li a img {
	width: 100%;
}

.modstq {
	color: #fff;
	/* background: url(../images/about_2.jpg) no-repeat;
	height: 417px; */
	width: 100%;
}

.modstq strong {
	color: #fff;
	letter-spacing: 5px;
}

.modstq i {
}

.modstq p {
}

.about_ry{
	overflow: hidden;
}
.about_ry > img {
	display: block;
	margin: 40px auto;
	width: 1154px;
}
.about_ry a{
	width: 12.5%;
	float: left;
	margin: 20px 0px;
	position: relative;
	height: 80px;
	display: block;
}
.about_ry a img{
	width: 45%;
	display: block;
	/* margin: 15px auto; */
	max-height: 66px;
	position: absolute;
	left: 20%;
	bottom: 10px;
}
.modstq_hot {overflow: hidden;width: 1160px;}

.modstq_hot li {
	width: 14%;
	float: left;
	/* margin: 2%; */
}

.modstq_hot li a {
	width: 100%;
}

.modstq_hot li a img {
	width: 100%;
}

.modtd {
	color: #fff;
	/* background: url(../images/con_4.jpg) no-repeat;
	overflow: hidden;
	height: 417px; */
	width: 100%;
}

.modtd strong {
	color: #fff;
	letter-spacing: 5px;
}

.modtd i {
}

.modtd p {
}

.about_1{
	/* background: url(../images/about_1.jpg) no-repeat; */
	color: #fff;
	/* height: 417px; */
}
.about_2{
	background: url(../images/about_1.jpg) no-repeat;
}
.about_3{
	/* background: url(../images/about_4.jpg) no-repeat; */
}
/* .about_4{
	background: url(../images/about_6.jpg) no-repeat;
} */
.about_5{
	/* background: url(../images/about_7.jpg) no-repeat; */
	color: #fff;
}
.about_6{
	/* background: url(../images/about_8.jpg) no-repeat; */
	color: #fff;
}
.about_more img{
		width: 920px;
		margin: 0px auto;
}
.about_mores img{
	width: 1150px;
	margin: 40px auto; 
}
/* .about_sw img{
	width: 714px;
	margin: 30px auto;
} */
.about_sw ul {
	overflow: hidden;
	margin: 40px auto;
	width: 1130px;
}
.about_sw ul li {
	float: left;
	width: 230px;
	margin: 30px 70px 0 0;
	text-align: center;
}
.about_sw ul li:nth-child(4) {
	margin-right: 0;
}
.about_sw ul li span {
	width: 230px;
	height: 230px;
	border-radius: 50%;
	background-color: #c13a40;
	color: #fff;
	font-size: 32px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.about_sw ul li span b {
	font-weight: bold;
	display: block;
}
.about_sw ul li i {
	display: block;
	width: 100%;
	font-size: 22px;
	color: #666;
	font-style: normal;
	font-weight: bold;
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #c13a40;
}
.about_bg{
	position: absolute;
	left: 0;
	top: 0;
	background: #13100dab;
	display: flex;
	flex-direction: column;
	justify-content: center;
    align-items: center;
	width: 100%;
	height: 100%;
	z-index: 5;
}
.modry:hover .about_bg{
	display: flex;
}
.about_bg p {
	/* max-width: 1140px; */
	margin-bottom: 10px;
	text-align: left;
	/* text-indent: 2em; */
}
.about_1 .about_bg > div{
	max-width: 1140px;
	margin: 0 auto;
}


.slideTxtBox{width: 100%;/* border:1px solid #ddd; */text-align:left;overflow: hidden;/*height: 1200px;*/margin-top: 30px; margin-bottom: 100px;}
.slideTxtBox .hd{/* height:30px; *//* line-height:30px; *//* background:#f4f4f4; *//* padding:0 10px 0 20px; *//* border-bottom:1px solid #ddd; */position:relative;width: 100%;}
.slideTxtBox .hd ul{/*float:left;position:absolute;left: 0px;top:-1px; height:32px; */width: 100%; overflow: hidden;}
.slideTxtBox .hd ul li{float:left;/* padding:0 15px; */ position: relative; cursor:pointer;width: calc((100% - 15px) / 4); /* background: #efefef url(../images/person.png) no-repeat center center; */ margin-right:5px; margin-bottom: 5px; overflow: hidden;}
.slideTxtBox .hd ul li:nth-child(4n) {margin-right:0;}
.slideTxtBox .hd ul li div, .slideTxtBox .bd li .slideTxtBoxImg > div {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 104px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #f9f9f9;
	background: rgba(0,0,0,.5);
	padding: 0 20px;
	opacity: 0;
	transition: all 0.5s;
}
.slideTxtBox .hd ul li div span, .slideTxtBox .bd li .slideTxtBoxImg span {
	display: block;
	font-size: 22px;
	margin-bottom: 5px;
}
.slideTxtBox .hd ul li div p, .slideTxtBox .bd li .slideTxtBoxImg p {
	display: block;
	font-size: 16px;
}
.slideTxtBox .hd ul li img {
	transition: all .3s ease-in-out;
}
.slideTxtBox .hd ul li:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1)
}
.slideTxtBox .hd ul li:hover div {
	opacity: 1;
}
.slideTxtBox .bd ul{zoom:1; margin-bottom: 5px; display: none;}
.slideTxtBox .bd li{width: 100%; overflow: hidden; height: 100%; background: #efefef; }
.slideTxtBox .bd li .slideTxtBoxImg{width: calc((100% - 15px) / 4 );float: left;position: relative; display: block;}
.slideTxtBox .bd li .slideTxtBoxImg img {display: block;}
.slideTxtBox .bd li .slideTxtBoxImg > div {opacity: 1;}
.slideTxtBox .bd li .slideTxtBoxCon{width: calc(100%  -  (100% - 15px) / 4 ); height: 411px; float: right; border-left: 5px solid #fff;   display: flex; align-items: center; }
.slideTxtBox .bd li .slideTxtBoxCon > div {padding: 60px; background: #efefef;  }
/* .slideTxtBox .bd li span {display: block; font-size: 24px; margin-bottom: 10px;} */
.slideTxtBox .bd li .slideTxtBoxCon p{
	font-size: 16px;
	line-height: 35px;
	text-indent: 2em;
}
.team-item {
	overflow: hidden;
}
.team-item li{
	float:left;
	/* cursor:pointer; */
	width: calc((100% - 15px) / 4); 
	/* background: #efefef url(../images/person.png) no-repeat center center;  */
	margin-right:5px; 
	margin-bottom: 5px;
	position: relative;
}
.team-item li:nth-child(4n) {
	margin-right:0;
}
.team-img {
	position: relative;
	overflow: hidden;
}
.team-item img {
	transition: all .3s ease-in-out;
}
.team-item li:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1)
}
.team-item li:hover .team-img div {
	opacity: 1;
}
.team-img div {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 104px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #f9f9f9;
	background: rgba(0,0,0,.5);
	padding: 0 20px;
	opacity: 0;
	transition: all 0.5s;
}
.team-img div span {
	display: block;
	font-size: 22px;
	margin-bottom: 5px;
}
.team-img div p {
	display: block;
	font-size: 16px;
}
.team-item li .team-con {
	position: absolute;
	top: 0;
	height: 100%;
	background: #efefef;
	padding: 60px;
	display: none;
	transition: all 0.5s;
	font-size: 16px;
	line-height: 35px;
}
.team-item li:hover  .team-con {
	display: block;
}
/* .team-item li .team-con span{
	display: block; 
	font-size: 24px; 
	margin-bottom: 10px;
} */
.team-item li .team-con  p{
	font-size: 16px;
	line-height: 35px;
	text-indent: 2em;
}


/*
**新闻资讯
*/
.mod05 {
	overflow: hidden;
	display: none;
	margin-bottom: 50px;
}
.modnews {
	overflow: hidden;
	display: none;
}
.mod05.on, .modnews.on {
	display: block;
}

.mod05>div {
	float: left;
	width: 33%;
	margin-right: 5px;
	text-align: center;
	background: #f8f8f8;
}
.mod05>div img {
	width: 100%;
	height: 205px;
}
.mod05>div.mod05_hot:last-child, .mod05>div:nth-child(3n) {
	margin-right: 0px;
}

.mod05>div div {
	font-size: 16px;
	border-top: 5px solid #fff;
/* position: relative *//* padding: 20px; */
	text-align: left;
}

.mod05>div div.t {
	padding: 20px;
}

.mod05>div div span {
  /* position: absolute; */
  /* top: 20px; */
	width: 100%;
  /* left: 0; */
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: #c4343c;
  /* height: 30px; */
  margin-bottom: 10px;
}
.mod05>div div p {
	height: 48px;
	line-height: 24px;
	overflow: hidden;
}
.mod05>div div h1 {
	font-size: 20px;
	line-height: 1.7;
	padding-top: 6%;
	padding-bottom: 17.1%;
}

.mod05>div div p {
/* padding-bottom: 15.2%; */
	text-indent: 2em;
	font-size: 14px;
}

.mod05>div div a {
	display: block;
	color: #666;
	font-size: 16px;
/* padding-bottom: 9%; */
}

.mod05 ul {
	float: left;
	width: calc(60% - 5px);
}

.mod05 li {
	margin-bottom: 5px;
	overflow: hidden;
	text-align: center;
	background: #f8f8f8;
}

.mod05 li img {
	float: left;
	width: 40%;
	border-right: 5px solid #fff;
}

.mod05 li div {
	float: right;
	width: 59.4%;
	height: 100%;
}

.mod05 li p {
	font-size: 20px;
	padding: 4% 10%;
}
  /*
  **服务客户
  */
.mod06 {
	margin-bottom: 30px;
}

.mod06 img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
/*
**pc - 底部
*/
.flink {
	margin: 40px auto;
	color: #bababa;
}
.flink a{
	color: #bababa;
}
.footer01 {
	background: #333;
	color: #fff;
	padding: 30px 65px;
	font-size: 16px;
	line-height: 2.6;
	overflow: hidden;
/*min-height: 427px;*/
	margin-top: 100px;
}

.footer01 .fooer_left {
	float: left;
	width: 40%;
}
.footer01 .fooer_left img{
	width: 226px;
	overflow: hidden;
	display: block;
	float: left;
	margin-bottom: 30px;
}
.footer01 .fooer_left .footer_logo {
	margin-bottom: 30px;
	color: #fff;
}
.footer01 .fooer_left .footer_logo b {
	display: block;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 15px;
	letter-spacing: 5px;
}
.footer01 .fooer_left .footer_logo  span {
	display: block;
	font-size: 20px;
	line-height: 20px;
	opacity: 0.8;
	letter-spacing: 4.4px;
}
.footer01 .fooer_left ul {
	width: 100%;
	overflow: hidden;
}

.footer01 .fooer_left ul li {
	width: 20%;
	float: left;
	font-size: 14px;
}
.footer01 .fooer_left ul.ul0 li a{
	font-size: 18px;
}
.footer01 .fooer_right {
	float: right;
	/* width: 46%; */
}

.footer01 .fooer_right ul {
	float: left;
	/* width: 19.3%; */
	margin-right: 60px;
}
.footer01 .fooer_right ul:last-child {
	margin-right: 0;
}
.footer01>ul:last-of-type {
	/* width: 40%; */
}

.footer01 h3, .footer01 b {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8;
	letter-spacing: 10px;
}

.footer01>ul h3, .footer01>ul b {
	height: 43px;
}

.footer01 a {
	color: #fff;
	font-size: 14px;
}

.footer01 img {
	float: right;
	width: 10.5%;
	margin-left: 15px;
}
.footer01 p{
	width: 100%;
	text-align: center;
	overflow: hidden;
	color: #666;
	font-size: 12px;
}
.footer01 p a{
	color: #666;
	font-size: 12px;
}
/*
**手机 - 底部
*/
@font-face {
	font-family: 'fontello';src: url('../font/fontello.eot?8730118');src: url('../font/fontello.eot?8730118#iefix') format('embedded-opentype'),
  url('../font/fontello.woff?8730118') format('woff'),
  url('../font/fontello.ttf?8730118') format('truetype'),
  url('../font/fontello.svg?8730118#fontello') format('svg');font-weight: normal;font-style: normal;
}

.foot-icon {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1rem;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.footer02 {
	position: fixed;
	width: 100%;
	bottom: 0;
	text-align: center;
	background: rgba(0,0,0,.8);
	font-size: 14px;
	padding: 10px 15px;
	z-index: 20;
	display: none;
}

.footer02 a {
	float: left;
	width: 25%;
	color: #fff;
}

.toTop {
	position: fixed;
	top: 80%;
	right: 2%;
	width: 50px;
	height: 50px;
	cursor: pointer;
}
/*
**案例列表
*/
.pro_banner{
	margin-bottom: -20px;
	position: relative;
	z-index: 100;
}
.pro_banner_hot{

width: 100%;

position: absolute;

left: 0px;

/* top: 18%; */

top: 0;

color: #fff;

text-align: center;

height: 100%;

font-size: 17px;

line-height: 35px;

display: flex;
flex-direction: column;
justify-content: center; 
align-items: center;
}
/* .pro_banner:hover .pro_banner_hot{
	opacity: 1;
} */
.pro_banner_hot strong{
	
font-size: 36px;
	
/* font-weight: 400; */
	
display: block;
	
line-height: 60px;
	
color: #ca243c;
	
letter-spacing: 20px;
}
.pro_banner_hot i{
	font-size: 16px;
	letter-spacing: 4px;
}
.pro_banner_hot p{
	
letter-spacing: 1px;
}
.about_banner{
	/* padding-top: 2%; */
}
.bgfa {
	background: #fafafa;
	overflow: hidden;
}

.nav_hot {
	width: 100%;
	background: #c4343c;
}

.navbar03 {
	text-align: center;
	overflow: hidden;
	margin-top: 16px;
	display: flex;
	justify-content: space-between;
}

.navbar03 li {
	display: inline-block;
	text-align: center;
	padding: 10px 0px;
	float: left;
	/* padding: 50px 30px; */
	/* background: #fff; */
	letter-spacing: 5px;
}
/* 
.navbar03_ser li{
	width: 25%;
}
.navbar03_pro li{
	width: 33.33%;
}
.navbar03_new li{
	width: 33.33%;
}
.navbar03 li:first-child {
	text-align: left;
}
.navbar03 li:last-child {
	text-align: right;
} 
.navbar03_about {
	display: flex;
	justify-content: space-between;
}
.navbar03_about li{
	 width: 14.285%; 
}
.navbar03_about li:first-child, .navbar03_about li:last-child {
	text-align: center;
}
.navbar03_con li{
	width: 50%;
}
*/
.navbar03 a {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	transition: all 0.8s;
	font-weight: bold;
	text-align: center;
}
.navbar03 a:hover {
	opacity: 0.5;
}
.navbar03 li i{
	display: block;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 2px;
	zoom: 0.8;
}
.mod07 {
	margin: 0 30px;
}

.mod07 li {
	float: left;
	width: 25%;
	position: relative;
	overflow: hidden;
}

.mod07 img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.mod07 li:last-of-type {
	font-size: 32px;
}

.mod07 li:last-of-type .mask {
	opacity: 1;
	height: 100%;
	background: transparent;
	text-align: center;
	padding-top: 24%;
}
/*
**案例展示页
*/
.mod08 {
	background: #fff;
}

.mod08 h1 {
	/* font-size: 24px; */
	font-size: 36px;
	margin-bottom: 20px;
}

.mod08 p {
	color: #666;
	font-size: 18px;
	line-height: 2;
}
.pros_left{
	width: 80%;
	float: left;
}
.pros_hot img{
	width: 40px;
	float: right;
	margin-left: 20px;
}
.pros_hot img:first-child{
	width: 50px
}
.pro_big {
	position: relative;
	z-index: 100;
}
.ser_page_img img{
	margin: 40px auto;
	max-width: 1186px;
}
/*
**其他相关案例
*/
.mod09 {
	/* background: #f3f3f3; */
}

.title02 {
	font-size: 30px;
	line-height: 70px;
	color: #444;
	text-align: center;
	background-color: #eee;
}

.mod09 ul {
	overflow: hidden;
}

.mod09 li {
	float: left;
	width: calc(25% - 3.75px);
	margin-right: 5px;
	margin-top: 5px;
	position: relative;
}

.mod09 li:last-of-type {
	margin-right: 0;
}

/* .mod09 li p {
	font-size: 16px;
	color: rgba(0,0,0,.5);
	text-align: center;
	padding: 20px 0;
} */

.mod09 li img {
	
}
/*
**新闻列表
*/
.navbar02 {
	width: 1070px;
	margin: 0 auto;
	color: #5f6061;
	margin-bottom: 20px;
	overflow: hidden;
}

.navbar02 h3 {
	float: left;
	width: 16.66%;
	font-size: 30px;
	line-height: 60px;
}

.navbar02 a {
	color: #5f6061;
	padding: 0 30px;
}

.navbar02 li {
	float: left;
	font-size: 14px;
	line-height: 60px;
}

.navbar02 li:after {
	content: '|';
}

.navbar02 li:last-of-type:after {
	content: '';
}
.mod11 {
	margin-top: 20px;
}
.mod11 li {
	overflow: hidden;
	font-size: 14px;
	background: #f8f8f8;
	margin-bottom: 5px;
	position: relative;
}

.mod11 li .con {
	float: left;
	width: calc(59% - 5px);
	padding: 0 2.5%;
}

.mod11 li .img {
	float: left;
	width: 41%;
	border-right: 5px solid #fff;
	overflow: hidden;
}

.mod11 li img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.mod11 li h3 {
	font-size: 16px;
	color: #d8223b;
	margin-top: 30px;
	font-weight: 600;
	margin-bottom: 10px;
}

.mod11 li p {
	line-height: 3;
	color: #3e3a39;
}
.mod11 li i{
  position: absolute;
  right: 30px;
  bottom: 30px;
}
/*
**单页面
*/
.navbar04 {
	width: 89%;
	margin: 20px auto 30px auto;
	overflow: hidden;
	background: #fff;
}

.navbar04 li {
	float: left;
}

.navbar04 li a {
	display: block;
	line-height: 106px;
	font-size: 14px;
	text-align: center;
	color: #999;
	background: #fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.navbar04 li.hover a {
	background: #FCA158;
	color: #fff;
	text-decoration: none;
}

.mod12,.mod13 {
	width: 89%;
	margin: 0 auto 5px auto;
	padding: 30px 0;
	background: #fff;
}

.mod12 h3 {
	font-size: 16px;
	color: #363636;
	font-weight: bold;
}

.mod12 p {
	color: #999999;
	line-height: 1.8;
	margin-top: 25px;
}

.mod13 p {
	line-height: 1.8;
	color: #333;
	font-size: 14px;
	margin-bottom: 30px;
}
/*
**单页面 - 地址
*/
/*#ul1 li{overflow: hidden;zoom:1;font-size:14px; }
#ul2 li{overflow: hidden;zoom:1;font-size:14px; }
#ul3 li{overflow: hidden;zoom:1;font-size:14px; }*/
#ul1 i {
	float: left;
	width: 31px;
	height: 27px;
	margin-right: 25px;
	margin-top: 6px;
}

#ul2 i {
	float: left;
	width: 31px;
	height: 27px;
	margin-right: 25px;
	margin-top: 6px;
}

#ul3 i {
	float: left;
	width: 31px;
	height: 27px;
	margin-right: 25px;
	margin-top: 6px;
}

#ul1 {
	width: 100%;
	margin: 0;
	padding: 0;
}

#ul2 {
	display: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

#ul3 {
	display: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

#ul1 li,#ul2 li,#ul3 li {
	width: 100%;
}

.mod14 {
	margin: 0 auto;
	/* padding: 5px 0; */
	background: #fff;
	overflow: hidden;
	/* border-top: 5px solid #f8f8f8; */
	margin-bottom: 5px;
}
.mod14>div{
	float: left;
	width: 38%;
}
.mod14 .con_hots {
	float: left;
	width: calc(62% - 5px);
	margin-left: 5px;
	position: relative;
	height: 390px;
	background-color: #efefef;
	padding: 30px;

}
.mod14 .con_hots img{ 
	width: 100%;
	height: auto;
}

.mod14 .con_hots > div {
	position: absolute;
	left: 30px;
	bottom: 30px;
	width: 100%;
}
.mod14 .con_hots > div b {
	display: block;
	font-size: 30px;
	color: #444;
	margin-bottom: 15px;
	font-weight: bold;
}
.mod14 .con_hots > div p {
	font-size: 16px;
	color: #666;
	line-height: 30px;
}
/* .mod14 .sz{
	background: url(../images/con_1.jpg) no-repeat;
}
.mod14 .hz{
	background: url(../images/con_2.jpg) no-repeat;
}
.mod14 .nc{
	background: url(../images/con_3.jpg) no-repeat;
} */
.mod14 .con_hots dl{
	font-size: 14px;
	color: #fff;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #292929bf;
}
.mod14 .con_hots dl dt{
	width: 30%;
	float: left;
	text-align: center;
	padding: 42px 0px;
}
.mod14 em {
	font-size: 14px;
	text-align: center;
	font-weight: 600;
}

.mod14 .con_hots dl dd{
	width: 70%;
	float: left;
}
.mod14 i 
{
	float: left;
	width: 31px;
	height: 27px;
	margin-right: 25px;
}


.mod14 span {
	display: block;
	text-transform: uppercase;
	line-height: 1.7;
	margin: 20px 0;
}

.mod14 dd {
	margin-bottom: 10px;
	line-height: 28px;
	margin-top: 10px;
	color: #eee;
}

.icon01 {
	background: url(../images/icon06.png) no-repeat;
}

.icon011 {
	background: url(../images/icon011.png) no-repeat center;
}

.icon02 {
	background: url(../images/icon07.png) no-repeat;
}

.icon022 {
	background: url(../images/icon022.png) no-repeat;
}

.icon03 {
	background: url(../images/icon08.png) no-repeat;
}

.icon033 {
	background: url(../images/icon033.png) no-repeat center;
}

.icon04 {
	background: url(../images/icon09.png) no-repeat;
}

.icon044 {
	background: url(../images/icon044.png) no-repeat;
}

.icon05 {
	background: url(../images/icon10.png) no-repeat;
}

.icon055 {
	background: url(../images/icon055.png) no-repeat;
}

.icon06 {
	background: url(../images/icon11.png) no-repeat;
}

.icon066 {
	background: url(../images/icon066.png) no-repeat;
}

.icon07 {
	background: url(../images/icon12.png) no-repeat;
}

.icon077 {
	background: url(../images/icon077.png) no-repeat;
}

#address03 {
	/* margin-bottom: 50px; */
}

.map {
	width: 100%;
	height: 390px;
}

.BMapLabel {
	padding: 0 173px 0 3px!important;
}

main {
	margin: 0 auto;
	max-width: 1660px;
}
.join {
	width: 100%;
}
.con_jr{
	width: 100%;
	 background-color: #efefef; 
	overflow: hidden;
	margin-top: 5px;
	line-height: 22px;
}
.con_jr a{
	width: 24%;
	float: left;
	position: relative;
}
.con_jr a:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.6);
	z-index: 2;
}
.con_jr a img{
	width: 100%;
	height: auto;
}
.con_jr a span{
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	z-index: 5;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	transform: translateY(-50%);
	text-align: center;
	letter-spacing: 10px;
}
.con_jr div{
	padding: 40px 40px;
	width: calc(76% - 5px);
	width: 76%;
	float: right;
	border-left: 5px solid #fff;
}
.con_jr div p strong span,.con_jr div p span strong{
	font-size: 16px !important;
	color: #c03a40;
}
.con_jr div p {
	color: #666;
	line-height: 30px;
}
.news-more {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #c9c9c9;
	color: #fff;
	text-align: center;
	font-size: 16px;
}
.news-more:hover {
	color: #fff;
}

.modcompany {
	overflow: hidden;
}
.modcompany > div {
	float: left;
	width: calc((100% - 10px) / 3);
	margin: 5px 5px 0 0;
}
.modcompany > div:nth-child(3n) {
	margin-right: 0;
}

#newBridge {
	z-index: 10 !important;
}

@media screen and (max-width: 1600px) {
	.pro_banner_hot{
		/* top: 1%; */
	}
}
@media screen and (min-width: 750px) {

	a:hover .mask {
		opacity: 1;
	}

	.mod03 a:hover img,.mod04 a:hover img,.mod07 li:hover img,.mod10 a:hover img, .mod03 .mask_top:hover img, .mod04 .mask_top:hover img {
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1)
	}

	.mod11 li img:hover {
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1)
	}

	.navbar01 a:hover,.mod01 .bd li a:hover {
		text-decoration: none;
		color: #ca243c;
	}

	.navbar04 li a:hover {
		background: #FCA158;
		color: #fff;
		text-decoration: none;
	}

	.navbar03 a:hover,a:hover,.mod09 li p:hover {
		text-decoration: none;
		/* color: #ca243c; */
	}

	.mod05 a:hover {
		text-decoration: none;
	}

	.more:hover {
		text-decoration: none;
		color: #ca243c;
	}
}

@media screen and (max-width: 749px) {
	.mod04>a:nth-child(1) img {
		width: 100%;
		height: auto;
	}

	.mod04>a:nth-child(2) img {
		width: 100%;
		height: auto;
	}

	.mod04>a:nth-child(3) img {
		width: 100%;
		height: auto;
	}

	.mod04>a:nth-child(4) img {
		width: 100%;
		height: auto;
	}

	.mod04>a:nth-child(5) img {
		width: 100%;
		height: auto;
	}

	.mod04>a:nth-child(6) img {
		width: 100%;
		height: auto;
	}

	.mod04>a:nth-child(7) img {
		width: 100%;
		height: auto;
	}
	.about_sw ul {
		width: 100%;
	}
	.about_sw ul li {
		float: none;
		display: block;
		width: 230px;
		margin: 30px auto 0;
		text-align: center;
	}
	.about_sw ul li:nth-child(4) {
		margin-right: auto;
	}
	.about_ry > img {
		width: 100%;
	}
}

@media screen and (min-width: 320px) and (max-width: 750px) {
	.main {
		width: auto;
		margin: 5px;
	}
/*
**logo+导航
*/
	.navbar-brand > img {
		width: 120px;
	}

	.navbar-default .navbar-header {
		margin: 0;
	}

	.navbar-brand {
		padding-top: 9px;
		padding-bottom: 9px;
	}

	.navbar-default .navbar-toggle {
		padding: 14px 10px;
		border-radius: 50%;
		border-color: transparent;
		margin-top: 0;
	}

	.navbar-default .navbar-brand {
		padding: 11px 15px;
		width: 253px;
		height: 52px;
	}

	.navbar-default .navbar-text {
		margin: 0;
		font-size: 12px;
		text-align: center;
	}

	.navbar-default .navbar-text h4, .navbar-default .navbar-text span {
		letter-spacing: 0.13rem;
		display: block;
	}

	.navbar-nav {
		background-position: center 5%;
		background-size: 40% 5%;
	}

	.navbar-default .navbar-nav > li > a {
		text-align: center;
		font-size: 12px;
	}

	.zc_z li{
		/* width: 100%; */
		margin-bottom: 20px;
	}
	.zc_z li b{
		font-size: 36px;
		width: 100%;
		text-align: center;
	}
	.zc_z li span{
		font-size: 16px;
		width: 100%;
		text-align: center;
	}
	.zc_z li span i{
		
/* right: 16%; */
		
display: contents;
	}
	.about_ry a{
		width: 25%;
	}
	.about_ry a img{
		width: 60%;
	}

	.modstq,.modtd{
		background-size: 100%;
		/* height: 150px; */
	}
	.about_mores img,.about_more img{
		width: 100%;
	}
	.about_bg{
		display: block;
		padding: 10px;
		height: auto;
		position: static;
		background: #fff;
		color: #333;
	}
	.about_bg strong{
		font-size: 16px;
		margin-top: 0px;
	}
	.modry  i{
		display: none;
	}
	.modry p{
		font-size: 14px;
		line-height: 28px;
	}
	.zc_z li:last-child{
		float: left;
		width: 33.33%;
	}
	
	.team-item li {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.team-item li:hover .team-con {
		display: none;
	}
/*
**新闻
*/
	.mod01 {
		font-size: 14px;
		padding: 0;
		background: none;
		overflow: hidden;
	}

	.mod01 time {
		display: none;
	}

	.mod01 .bd {
	}

	.mod01 .hd {
		text-align: center;
		width: auto;
		right: 0;
		top: 8px;
	}

	.mod01 .hd a {
		margin: 0 10px;
		width: 18px;
		height: 18px;
	}

	.navbar01 a {
		margin: 0;
	}

	.mod03>a,.mod04>a,.mod10>a,.mod15>a, .mod03 .mask_top, .mod04 .mask_top {
		width: 100%!important;
		margin: 0 0 5px 0;
	}

	.more {
		font-size: 14px;
		margin-top: 0;
	}

	.mod15 h1 {
		padding-top: 5%;
		line-height: 4;
		font-size: 24px;
	}

	.mod15 h2 {
		font-size: 16px;
		line-height: 2;
	}

	.mod15 p {
		margin: 20px 0;
	}

	.mod15 h4 {
		font-size: 12px;
	}
	
	.mod17 a {
		width: 100%;
		margin-right: 0;
	}
	
	.mod17 .mask {
		opacity: 1;
	}
	
/*
**介绍
*/
	.mod02 {
		margin: 10px 0 20px 0;
	}

	.mod02 .t1 {
		font-size: 20px;
	}

	.mod02 .t2 {
		font-size: 12px;
	}
/*
**产品标题
*/
	.title01 {
		font-size: 12px;
		margin: 10px 0 5px 0;
	}

	.title01 h2 {
		font-size: 18px;
	}

	.mask {
		opacity: 1;
		/* height: auto;
		top: auto;
		bottom: 0; */
		padding: 2%;
	}

	.mask h1, .mask p {
		display: none;
	}

	.mask .t {
		font-size: 18px;
	}

	.mask>div {
		position: static;
		width: 100%;
		bottom: 2%;
	}

	.mod03,.mod04 {
		margin-bottom: 0;
	}
/*
**产品导航
*/
	.navbar01 {
		width: 275px;
		margin: 0 auto!important;
	}

	.navbar01 a {
		font-size: 16px;
		line-height: 42px;
		padding: 0 10px;
	}
	
	.mod11 li i {
		position: static;
		display: block;
		text-align: right;
	}
/*
**新闻
*/
	.mod05 {
		margin: 0 5px;
	}

	.mod05>div,.mod05 ul,.mod05 li img,.mod05 li div {
		width: 100%;
	}

	.mod05 li {
		padding-left: 0;
		margin-top: 5px;
	}

	.mod05 li div {
		padding-bottom: 0%;
	}

	.mod05 li h2 {
		font-size: 16px;
	}

	.mod05.on {
		margin-bottom: 50px;
	}

	body>.more:last-of-type {
		margin-bottom: 60px;
	}

	.footer01 {
		display: none;
	}

	.footer02 {
		display: block;
	}

	main {
		width: calc(100% - 10px);
		margin-bottom: 60px;
	}
/*
**案例列表
*/
	.navbar03 {
		margin: 5px 15px;
		overflow: hidden;
	}

	.navbar03 li {
		float: left;
		width: 50%;
		padding: 10px 0;
		text-align: center !important; 
	}

	.navbar03 a {
		font-size: 12px;
	}

	.pro_banner_hot{
		top:10px
	}
	.pro_banner_hot p{
		display: none;
	}
	.pro_banner_hot strong{
		font-size: 18px;
		line-height: 30px;
	}
	.pro_banner_hot i {
		font-size: 12px;
		letter-spacing: 1px;
	}
/*
**案例展示页
*/
	.mod08,.mod09 {
		margin: 0;
		padding: 0;
	}

	.mod08 h1 {
		font-size: 18px;
	}

	.mod08 p,.mod09 li p {
		font-size: 12px;
	}

	.mod09 li p {
		padding: 10px 0;
	}

	.title02 {
		font-size: 16px;
		margin: 20px 0;
	}

	.mod09 ul {
		overflow: hidden;
	}

	.mod09 li {
		width: 100%;
	}

	.mod09 li  img {
		height: auto;
	}
/*
**新闻列表
*/
	.navbar02 {
		width: 100%;
		padding: 0 15px;
	}

	.navbar02 h3,.navbar02 ul {
		float: none;
	}

	.navbar02 li {
		line-height: 30px;
	}

	.navbar02 a {
		padding: 0 15px;
	}

	.navbar02 li:first-of-type a {
		padding-left: 0;
	}

	.mod11 {
		width: 100%;
/*padding: 0 15px;*/
		margin-bottom: 50px;
		margin-top: 30px;
	}

	.mod11 li {
/*padding: 25px 0;*/
	}

	.mod11 li .con {
		width: 100%;
	}

	.mod11 li .img {
		width: 100%;
		margin-bottom: 10px;
		border: none;
	}

	.mod11 li h3 {
		margin: 10px 0 20px 0;
		font-size: 16px;
	}

	.mod11 li p {
		font-size: 14px;
		line-height: 2;
		margin-bottom: 20px;
	}

	.navbar04 {
		width: 100%;
	}

	.navbar04 li a {
		line-height: 50px;
		font-size: 12px;
	}

	.mod12,.mod13 {
		width: 100%;
		padding: 15px;
	}

	.mod12 p,.mod13 p {
		font-size: 12px;
	}

	.mod14>div,.mod14>dl,.mod14 .con_hots {
		width: 100%;
	}
	
	.mod14 .con_hots > div {
		position: static;
	}

	.mod14>dl {
		font-size: 12px; 
		padding-top: 0;
	}

	.mod14 dd {
		margin-bottom: 10px;
		line-height: 20px;
	}

	.mod14 em {
		font-size: 16px;
	}

	.mod14 i {
		margin-right: 15px;
		width: 15px;
		height: 15px;
		background-size: 100% 100%;
		margin-top: 2px;
	}
	.con_jr a,.con_jr div{
		width: 100%;
	}
	.nav_hot{
		margin-top: 20px; 
	}
	.map {
		height: 300px;
	}

	.toTop {
		width: 20px;
		height: 20px;
	}

	.mod05 li img {
		border-right: none;
	}

	.mod05>div div h1 {
		padding: 4% 0;
	}
	
	.slideTxtBox .hd ul li, .slideTxtBox .bd li .slideTxtBoxImg, .slideTxtBox .bd li .slideTxtBoxCon {
		width: 100%;
	}
	.slideTxtBox .bd li .slideTxtBoxCon {
		height: auto;
		border-left: 0;
	}
	.slideTxtBox .bd li .slideTxtBoxCon > div {
		padding: 20px;
	}
	.slideTxtBox .hd ul li div, .slideTxtBox .bd li .slideTxtBoxImg > div {
		opacity: 1;
	}
}

.fix_tel {
	position: fixed;
	/* top: 20%; */
	top: 180px;
	right: 10px;
	width: 80px;
	font-size: 16px;
	line-height: 30px;
	padding: 20px;
	/* background:rgba(202,36,60,0.8); */
	/* background-color: #c4343c; */
	/* border-radius: 5px; */
	/* color: #fff; */
	/* text-align: center; */
}



.fix_tel ul{

}
.fix_tel ul li{
	
position: relative;
	
margin-bottom: 30px;
}
.fix_tel ul li img{
	
}
.fix_tel ul li div{
	
position: absolute;
	
right: 50px;
	
top: 0px;
	
width: 140px;
	
display: none;
}
.fix_tel ul li div img{
	
}

.fix_tel ul li span{
	display: block;
	/* width: 150px; */
	/* height: 80px; */
	line-height: 26px;
	background-color: #fff;
	color: #fff;
	border-radius: 5px;
	margin: 10px auto;
	position: absolute; 
	right: 50px;
	background: #c03a40;
	display: none;
	top: 0px;
	padding: 10px;
}
.fix_tel ul li span i{
	display: block;
	width: 100%;
	font-weight: 600;
	font-size: 20px;
}
.fix_tel ul li:hover div,.fix_tel ul li:hover span{
	display: block;
}
/* .fix_tel{ position: fixed;top: 50%; right:10px;width: 240px;font-size: 16px; line-height:46px; padding: 20px;background:rgba(202,36,60,0.8);}
.fix_tel ul li a{display: block; color: #fff; text-indent: 60px;}
.fix_tel ul li.msg a{background: url("../images/msg.png") no-repeat left center;}
.fix_tel ul li.tel a{background: url("../images/tel.png") no-repeat left center;}
 */

.article_content *{
	font-size: 18px !important;
	line-height: 2 !important;
	/* text-align: left !important; */
}
.article_content img {
	margin-bottom: 10px;
}
.article_content p {
	
}

@media screen and (min-width: 320px) and (max-width: 480px) {
/*
**产品导航
*/
	.navbar01, .navbar02 {
		margin: 0;
	}

	.navbar03 {
		margin: 5px 0;
	}

	.fix_tel {
		display: none
	}
}