@charset "utf-8";
.wrap {
	max-width:1200px;
	margin:0 auto;
}
html, body {
	margin:0 auto;
	font-size:14px;
}
html {
}
.pc {
	display:none;
}
.wap {
	display:block;
}
span {
	display:block;
	margin: 0;
	padding: 0;
}
.wrap {
	max-width:96%;
	margin:0 auto;
}
img {
	
}
a {
	cursor:pointer;
}
em, i, p {
	line-height:100%;
}
.fh50 {
	height:50px;
}
.h30 {
	height:10px !important;
}
.h50 {
	height:10px !important;
}
.h80 {
	height:10px !important;
}
.h90 {
	height:20px !important;
}
.fr {
	float:inherit;
}
.clearfix {
	display: block;
 *zoom: 1;
}
/*图片放大*/
.pic_big {
	overflow:hidden;
}
.pic_big img {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.pic_big:hover img {
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
}
/*限制文字,文字超出显示冒号*/ 
.text-cut {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
}
/*顶部导航*/
.m_img {
	display:block;
	height:50px;
	background:#fff;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:9999;
	border-bottom:1px solid #ddd;
	overflow: hidden;
}
.m_img .headlf {
	padding-top:4px;
	padding-left:5px;
	float: left;
}
.m_img .headlf .m_logo {
	height:40px;
	display: block
}
.m_img .headrg {
	padding-right:5%;
	padding-top:15px;
	float: right;
}
.m_img .headrg a .m_menuimg {
	height:20px;
	vertical-align:top;
	display: block
}
.m_nav {
	display:block;
	position:fixed;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	overflow:hidden;
	z-index:10000
}
.m_nav .closecover {
	position:absolute;
	width:100%;
	height:100%;
	background:#0b0d19;
	filter:alpha(opacity=0);
	opacity:0;
	left:0px;
	top:0px;
	z-index:1
}
.m_nav .closeicon {
	position:absolute;
	width:20%;
	left:30px;
	top:5%;
	z-index:100;
	text-align:center;
	filter:alpha(opacity=0);
	opacity:0
}
.m_navList {
	position:absolute;
	width:80%;
	right:0px;
	top:0px;
	background:#0b0d19;
	height:100%;
	z-index:100;
	right:-80%;
	overflow-y: scroll;
}
.m_navList ul {
	padding-left:5%;
	padding-right:5%
}
.m_navList ul li {
	border-bottom:1px solid #232530
}
.m_navList ul li a {
	display:block;
	height:45px;
	color:#fff;
	line-height:45px;
	padding-left:5%;
	font-size:16px
}
.m_navList ul li .m_f_a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%
}
.m_navList ul li .m_f_a a {
	flex: 1;
}
.m_navList ul li .m_f_a i {
	width: 40px;
	height:35px;
	box-sizing: border-box;
	padding:0 5px;
	display: block;
}
.icon {
	background:url(../mimages/plus.png) 100% no-repeat;
	background-position: 50% 50%;
	-webkit-transition:all 0s;
	-moz-transition:all 0s;
	transition:all 0s
}
.icon_on {
	background:url(../mimages/reduce.jpg) 50% no-repeat!important;
	background-position: 50% 50%;
	-webkit-transition:all 0s;
	-moz-transition:all 0s;
	transition:all 0s
}
.m_navList ul li .m_s_nav {
	display:none;
	width: 100%;
}
.m_navList ul li .m_s_nav a {
	display: block;
	height:40px;
	line-height:40px;
	font-size:14px;
	padding-left:10%;
	overflow: hidden;
	white-space: nowrap;
	width: 90%;
	text-overflow: ellipsis;
}
/*=========================== Ititle ===========================*/
.Ititle {
	margin:20px 0;
}
.Ititle_box {
	width:100%;
	margin:0 auto;
	padding-bottom:10px;
}
.Ititle_box h3 {
	font-size:20px;
}
.Ititle_box h4 {
	font-size:20px;
}
.Ititle_box:before {
	width:20%;
	left:40%;
}
/*=========================== title ===========================*/
.title {
	width:100%;
	margin:20px auto;
}
.title h2 {
	font-size:20px;
}
/*=========================== title ===========================*/
.title {
	width:100%;
	overflow:hidden;
	margin:20px auto;
	text-align:center;
}
.title h2 {
	font-size:32px;
	color:#3c3c3c;
	font-weight:normal;
}
.title p {
	color:#3c3c3c;
	line-height:30px;
}
.tltles h2 {
	color:#fff;
}
/*=========================== Ititle ===========================*/
.Ititle {
	width:100%;
	border-bottom:solid 1px #e7e7e7;
	margin:10px 0;
	text-align:center;
	position:relative;
}
.Ititle_box {
	width:100%;
	margin:0 auto;
	padding-bottom:10px;
}
.Ititle_box h3 {
	font-size:20px;
	font-weight:normal;
	color:#333;
}
.Ititle_box h4 {
	font-size:20px;
	text-transform:Uppercase;
	font-weight: normal;
}
.Ititle_box:before {
	content:'';
	display:block;
	width:20%;
	left:40%;
	height:2px;
	background:#ca1926;
	position:absolute;
	bottom:0px;
}
/*=========================== banner ===========================*/
.Ibanner {
	width:100%;
	overflow:hidden;
	position: inherit;
}
/*=========================== Iservice ===========================*/
.Iservice {
	background: #fff;
	overflow: hidden;
}
.Iservice_tabs {
	margin-bottom: 0em;
	background-color: #FFF;
}
.Iservice_tabs li {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align: center;
	float: left;
	width:32.7%;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom:20px;
	border-left:1px solid #efefef;
	border-bottom:1px solid #efefef;
}
.Iservice_tabs li a {
	display: block;
}
 .Iservice_tabs li:nth-child(1), .Iservice_tabs li:nth-child(4), .Iservice_tabs li:nth-child(7) {
border-left: 0px solid #efefef;
}

@media screen and (max-width:10240px) and (min-width: 640px){
.Iservice_dot1, .Iservice_dot2, .Iservice_dot3, .Iservice_dot4, .Iservice_dot5, .Iservice_dot6, .Iservice_dot7, .Iservice_dot8, .Iservice_dot9 {
	width: 100px;
	height: 100px;
	display: inline-block;
}
}

@media screen and (max-width:639px) and (min-width: 321px){
.Iservice_dot1, .Iservice_dot2, .Iservice_dot3, .Iservice_dot4, .Iservice_dot5, .Iservice_dot6, .Iservice_dot7, .Iservice_dot8, .Iservice_dot9 {
	width: 80px;
	height: 80px;
	display: inline-block;
}
}

@media screen and (max-width: 320px) and (min-width: 0px) {
.Iservice_dot1, .Iservice_dot2, .Iservice_dot3, .Iservice_dot4, .Iservice_dot5, .Iservice_dot6, .Iservice_dot7, .Iservice_dot8, .Iservice_dot9 {
	width: 65px;
	height: 65px;
	display: inline-block;
}
}




.Iservice_dot1 {
	
	background: url(../mimages/home1.png) no-repeat center right;
	background-size:cover;
}
.Iservice_dot2 {
	
	background: url(../mimages/home2.png) no-repeat center right;
	background-size:cover;
}
.Iservice_dot3 {

	background: url(../mimages/home3.png) no-repeat center right;
	background-size:cover;
}
.Iservice_dot4 {
	
	background: url(../mimages/home4.png) no-repeat center right;
	background-size:cover;
}
.Iservice_dot5 {

	background: url(../mimages/home5.png) no-repeat center right;
	background-size:cover;
}
.Iservice_dot6 {
	
	background: url(../mimages/home6.png) no-repeat center right;
	background-size:cover;
}
.Iservice_dot7 {

	background: url(../mimages/home7.png) no-repeat center right;
	background-size:cover;
}
.Iservice_dot8 {
	
	background: url(../mimages/home8.png) no-repeat center right;
	background-size:cover;
}
.Iservice_dot9 {

	background: url(../mimages/home9.png) no-repeat center right;
	background-size:cover;
}


.clearfix:after {
	content:"";
	display: block;
	clear:both;
}
.Iservice_tabs p {
	color: #5c6066;
	font-size: 15px;
	line-height: 40px;
}
/*=========================== ICase ===========================*/
.ICase {
	background: #f9f9f9;
	overflow: hidden;
}
.ICase_content {
	overflow:hidden;
	margin:10px auto;
}
.ICase_content li {
	width:49%;
	float:left;
	margin:5px 0; background:#FFF;
}
.pro_pic {
	width:100%;
	height: auto;
	text-align:center;
	display:block;
	background:#fff;
	overflow:hidden;
}
.ICase_content>ul>li:hover{
   box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .25);
    transition: all .2s ease-in-out;
}
.pro_pic img {
	border: 0;
    display: inline-block;
    max-width: 100%;
}
.ICase_content li .txt p {
	height:40px;
	background:#fff;
	line-height:40px;
	text-align:center;
	font-size:16px; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ICase_content li:nth-child(2n) {
 float:right;
}

/*=========================== Iabout ===========================*/
.Iabout {
	background: #fff;
	overflow: hidden;
}
.body_about {
	background: #fff;
	overflow: hidden;
}
.body_content {
	line-height:30px;
	font-size:15px;
	padding-bottom:15px;
	color:#666;
}
.body_content p {
	line-height:30px;
	font-size:15px;
}
.body_content img,.body_content p img{
	 max-width:100%; height:auto;
}

/*=========================== INews ===========================*/
.INews {
	background: #fff;
	overflow: hidden;
}
.News_content {
	line-height:30px;
	font-size:15px;
	padding-bottom:15px;
}
.News_pics {
	width:100%;
	margin:10px 0 10px 0;
}
.News_pics img {
	width:100%;
}
.News_content {
	overflow:hidden;
}
.News_content li {
	height:45px;
	line-height:45px;
	border-bottom:dashed 1px #e3e3e3;
	background:url(../mimages/ico11.png) no-repeat left center;
	padding-left:20px;
}
.News_content li a {
	color:#666;
}
.News_content li a:hover {
	color:#ca1926;
}
.News_content li a span {
	float: right;
}


.fanye {
	width:100%;
	overflow:hidden;
	margin:10px auto;
}
.fanyeA, .fanyeB {
	line-height:30px;
}
.fanye span {
	color:#666;
}
.fanye a {
	line-height:25px;
	font-size:15px;
	text-indent:0px;
	color:#333;
	margin-right: 5px;
	padding:5px 6px;
	display: inline-block;
}
.fanye a:hover {
	color: #F00;

}


/* 数字上下页 */
.page_fanye {
	width:100%;
	height:auto;
	text-align:center;
	padding:40px 0 20px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}
.page_fanye a {
	line-height:28px;
	font-size:14px;
	text-indent:0px;
	color: #333;
	margin-right:5px;
	padding:0px 10px;
	margin-bottom:5px;
	background:#efefef;
	display: inline-block;
}
.page_fanye span {
	height:24px;
	line-height:20px;
	padding:0 10px 0 5px;
	display: inline-block;
}
.page_fanye span input {
	width:30px;
	height:20px;
}
.page_fanye a.page_home, .page_fanye a.page_home:hover, .page_fanye a.page_end, .page_fanye a.page_end:hover {
	width:60px;
	color:#666666;
}
.page_fanye .current, .page_fanye a:hover {
	color: #fff;
	background:#e4011f;
}
/* 数字上下页 end */

/*=========================== body case ===========================*/
.body_case {
	background: #f9f9f9;
	overflow: hidden;
}
.Case_content {
	overflow:hidden;
	margin:10px auto;
}
.Case_content li {
	width:49%;
	float:left;
	margin:5px 0; background:#FFF;
}
.pro_pic {
	width:100%;
	height: auto;
	text-align:center;
	display:block;
	background:#fff;
	overflow:hidden;
}
.Case_content>ul>li:hover{
   box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .25);
    transition: all .2s ease-in-out;
}
.pro_pic img {
	border: 0;
    display: inline-block;
    max-width: 100%;
}
.Case_content li .txt p {
	height:40px;
	background:#fff;
	line-height:40px;
	text-align:center;
	font-size:16px; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.Case_content li:nth-child(2n) {
 float:right;
}



/*=========================== foot ===========================*/

.footer {
	background:#2b2e33;
	overflow:hidden;
}
/*底部导航*/
.foot_navList ul {
}
.foot_navList ul li {
	border-bottom:1px solid #4c5058
}
.foot_navList ul li a {
	display:block;
	height:40px;
	color:#adb4c0;
	line-height:40px;
	padding-left:5%;
	font-size:14px
}
.foot_navList ul li .m_f_a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%
}
.foot_navList ul li .m_f_a a {
	flex: 1;
}
.foot_navList ul li .m_f_a i {
	width: 40px;
	height:35px;
	box-sizing: border-box;
	padding:0 5px;
	display: block;
}
.foot_navList ul li .m_s_nav {
	display:none;
	width: 100%;
}
.foot_navList ul li .m_s_nav a {
	display: block;
	height:40px;
	line-height:40px;
	font-size:14px;
	padding-left:10%;
	overflow: hidden;
	white-space: nowrap;
	width: 90%;
	text-overflow: ellipsis;
}
.icon1 {
	background:url(../mimages/fplus.png) 100% no-repeat;
	background-position: 50% 50%;
	-webkit-transition:all 0s;
	-moz-transition:all 0s;
	transition:all 0s
}
.icon_on1 {
	background:url(../mimages/freduce.jpg) 50% no-repeat!important;
	background-position: 50% 50%;
	-webkit-transition:all 0s;
	-moz-transition:all 0s;
	transition:all 0s
}
.go_top {
	display: none;
	background: url(../mimages/top.png) center center/50% no-repeat;
	width: 32px;
	height: 32px;
	cursor: pointer;
	text-align: center;
	background-color: #ca1926;
	border-radius: 50%;
	position: fixed;
	right: 5px;
	bottom: 200px;
	z-index: 99999999999;
}
.copybox {
	overflow: hidden;
}
.copyright {
	height: 50px;
	line-height: 50px;
	color: #adb4c0;
	text-align: center;
	width: 100%;
	overflow: hidden;
}