/* CSS Document */
*{
	text-overflow: ellipsis;
	
}
body{
	margin: auto; background-color:#FFFFFF;
	font-size: 14px;
	line-height: 2;
	font-family: "微软雅黑", "宋体", Arial;
	color: #000000; min-width:1200px; 
}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}
table{
border-collapse: collapse;
}
a{
color: #000000;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
a:hover{
	color: #C7161F;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
.clear{ clear:both}
.box{
	width:1100px; max-width:96%;
	margin: auto; 
}
.box1{ margin:auto; width:1210px;max-width:100%}
.fl{ float:left}
.fr{ float:right}

.header .logo{ float:left;}
.app_header{ display:none;border-top-style: solid;
	border-top-color: #192734;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;}


.app_top{width:100%;/*height:162px;*/ float:left;}
.header{
/*	position:fixed;*/
	width:100%;
	z-index:99;
	left:0px;
	top:0px;
background-color: #FFFFFF;
/*		border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #0151A8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;*/
}
.header .box1{
	position: relative; padding-top:10px; padding-bottom:10px;
}

.header  .lan{
		float: right;
	font-size: 14px;
	color: #FFFFFF;
	position: absolute;
	top: 15px;
	right:10px;
	text-align: left;
	 z-index:2; line-height:50px;background-image: url(q.jpg);
	background-repeat: no-repeat;
	background-position: left center; padding-left:35px;

}

.header  .lan a{
	color:#666666;

	
}
.search{ float:right; margin-right:120px; margin-top:10px;}
.search input{
	border: 1px solid #dddddd; float:left; height:38px; width:300px; padding-left:10px;
}
.search button{ height:40px;
	background-color: #1651B9; float:left;
	font-size: 24px;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; text-align:center;width:40px;
}
.search button i{ font-size:24px; }
#nav{
	background-color: #192734;
	line-height: 60px;
	float:left;
	width:100%;
	clear:both;

}
#nav >.box1{ padding:0px;}
#nav >.box1>ul>li{
	float:left;
	width:12.5%;
	text-align:center;
	position: relative;
}
#nav >.box1>ul>li>a{
	color:#FFFFFF;
	display:block;
	position: relative; margin-left:1px; margin-right:1px;	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color:#192734; font-size:18px;
}
#nav >.box1>ul>li>a.select,#nav >.box1>ul>li>a:hover{
	background-color:#303C4A;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #e62129;
}
#nav >.box1>ul>li>a:after{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #5C5A5B;
	height:60px;
	content:'';
	position: absolute;
	left: -2px;
	top: 0px;
}
#nav >.box1>ul>li:first-child>a:after{ display:none}
#nav ul li{	position: relative; }

#nav ul ul{
	float:left;
	width:100%;
	position: absolute;
	left: 0px;
	top: 63px;background-color:rgba(255,255,255,0.8); display:none; z-index:2;
}
#nav ul ul li{ 
	float:left;
	width:100%;
	font-size: 12px;
	line-height: 28px;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(0,0,0,0.1);
	border-bottom-color:rgba(255,255,255,0.1);background-color:#303C4A;
}

#nav ul ul ul{ left:100%; top:0px;}



#nav ul li:hover{background-color:#303C4A;}





#nav ul ul li a{
	color: #ffffff; display:block; float:left; width:100%; line-height:1.5; padding-top:8px; padding-bottom:8px;
}
#nav ul ul li a:hover{background-color:#192734;color:#FFFFFF;}
#nav ul ul ul{
	position: absolute;
	left: 100%;
	top: 0px;
}



.back{ clear:both; padding-top:15px; padding-bottom:15px; text-align:right; line-height:32px;}
.back a{
	display:inline-block;
	background-color: #192734;
	color: #FFFFFF; padding-left:15px; padding-right:15px;
}
.nextpage div{
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
}

.pagination{ clear:both; text-align:center}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#192734; color:#FFFFFF}

.pagination li a{ color:#333333}
.copy{
	background-color: #333333; font-size:14px; padding-top:5px; padding-bottom:5px; clear:both; text-align:center;
}
.copy,.copy a{ color:#CCCCCC}
#foot1{
	background-color: #ECEDEF;
	clear: both;
	float: left;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px; margin-top:20px; font-size:12px;
}
#foot1,#foot1 a{ color:#333333;}
#foot1 .title{
	font-size: 16px;
	font-weight: bold;
}
#foot1 .econtent{ float:left; width:100%; padding-top:10px; line-height:2;}
.footnav,.flx,.qrcode{ width:160px; overflow:hidden;} 
.flx{ width:300px;}
.flx .item i{ margin-right:5px;color: #e62129;}
.message{ width:300px;}
/*.qrcode{ width:150px;}*/
.message .item{
	float:left;
	width:48%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.message .item input{
	height: 32px;
	border: 1px solid #dddddd;
	width:96%;
	padding-right: 2%;
	padding-left: 2%;font-size: 14px;font-family: "微软雅黑", "宋体", Arial;
}
.message .item3{ width:96%; clear:both}
.message textarea{
	border: 1px solid #dddddd;
	float: left;
	width: 98%;
	padding-top: 5px;
	padding-right: 1%;
	padding-bottom: 5px;
	padding-left: 1%;
	font-size: 14px;font-family: "微软雅黑", "宋体", Arial;
}
.message button{
	color: #FFFFFF;
	background-color: #e62129;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 35px;
	width: 100px; margin-left:1%;
}
/*首页关于我们*/
.about{
	background-image: url(aboutbg.png);
	background-repeat: no-repeat;
	background-position: center top;  clear:both;
}
.about,.about a{ color:#FFFFFF}
.about .box1{
	position: relative; padding-top:30px; padding-bottom:30px;
}
.about .title{ font-size:48px; color:#FFFFFF; text-align:center; line-height:120px;}
.about .econtent{ font-size:14px; float:left; width:48%;}
.about .more{
	clear:both;
	padding-bottom:20px;
	text-align:center;
	padding-top:30px;
	font-size: 12px;
	line-height: 32px;
}
.about .more a{
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	background-color:#5A5A5A;
	font-weight: bold;
}
.about .tv{ float:right; width:48%;}
.about .econtent *,.about .tv *{ max-width:100%;}
/*首页新闻*/
.news{ clear:both}
.news .nleft{ float:left; width:48%;}
.news .nleft .title{ font-size:26px; line-height:3;}
.news .nleft .title b{}
.news .nleft .title b a{ color:#363636;}
.news .nleft .econtent{
	border: 1px solid #dddddd;
}
.news .nleft .econtent .picli{
	float: left;
	width: 100%;
}
.news .nleft .econtent .picli .img{ text-align:center; float:left; width:285px; height:200px; overflow:hidden}
.news .nleft .econtent .picli .img img{ max-width:100%; height:100%;}
.news .nleft .econtent .picli .right{ margin-left:300px; margin-top:10px; margin-right:10px;}
.news .nleft .econtent .picli .right .ntitle{
	font-size: 16px;
	font-weight: bold; line-height:1.2; height:2.4em; overflow:hidden;}
.news .nleft .econtent .picli .right .ntitle a	{ color:#060606}
.news .nleft .econtent .picli .right .dp{ color:#414141; font-size:12px; min-height:3.5em; overflow:hidden; line-height:1.5; margin-top:10px;}

.news .nleft .econtent .picli .right .more{ font-size:12px; padding-top:10px;}
.news .nleft .econtent .picli .right  .more a{ display:inline-block; background-color:#5A5A5A; color:#ffffff; padding-left:20px; padding-right:20px;}
.news .nright{ float:right; width:48%; margin-top:78px;}
.news .nright .li{
	float: left;
	width: 100%;

	line-height: 35px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #dddddd;
}

.news .nright .li .ntitle{	position: relative;
	float:left;
	width:300px;
	overflow:hidden;
	white-space: nowrap; padding-left:20px;
}
.news .nright .li .ntitle:after{
	content:'';
	background-color: #FF0000;
	height: 6px;
	width: 3px;
	position: absolute;
	left: 8px;
	top: 13px;
}

.news .nright .li .ntitle a{ color:#333333;}
.news .nright .li .time{
	float:right;
	width:75px;
	color: #999999;
}

/*首页合作伙伴*/
.links{ clear:both; margin-top:50px; float:left; width:100%;}
.links .title{
	background-color: #ECEDEF; float:left; width:100%; line-height:26px; color:#363636;
}
.links .title b{
	font-size:24px;
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	background-color:#ffffff;
	font-weight: lighter;
}
.links .econtent { float:left; width:100%; clear:both; margin-top:50px; padding-bottom:30px;}
.links .econtent img{
	border: 1px solid #dddddd;
}
.links .econtent .swiper-slide{ overflow:hidden;}
.swiper-button-next-red{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23D70101'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-pre-red {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23D70101'%2F%3E%3C%2Fsvg%3E");
}

/*首页产品展示*/
.pro{
	padding-top:20px;
	background-image: url(probg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.pro .etitle{
	text-align: center; line-height:2;
}
.pro .etitle span{
	display:inline-block;
	color: #000000;
	font-size: 30px;
	position: relative;
}
.pro .etitle span:after{
	content:'';
	width:2em;
	float:left;
	left: 1em;
	position: absolute;
	bottom: -3px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #c81624;
}
.pro .dp{
	font-size: 16px;
	color: #666666;
	padding-top:20px; width:90%; margin:auto;padding-bottom:100px;


}

.pro .sort{ text-align:center; padding-top:10px; padding-bottom:10px; line-height:50px; font-size:16px; clear:both}
.pro .sort a{ display:inline-block; padding-left:30px; padding-right:30px; margin-left:2px; background-color:#ffffff;border-radius:3px; margin-bottom:5px;}
.pro .sort a:hover{ background-color:#c81624; color:#FFFFFF}
/*.pro .econtent{ padding-top:100px; clear:both; float:left; width:100%;}*/
.pro .box2{
	float:left;
	width:100%;
	clear:both;
	padding-top:10px;

	position: relative;
}
.pro .box2 .mksort{	position: absolute;
	left: 0px;
	top: 0px; z-index:2;}
.pro  .item{
	float:left;
	width:50%;
	background-repeat: no-repeat;
	background-position: left top; overflow:hidden;

}
.pro .item *{ max-width:100%;}
.pro .item .title{
	font-size: 30px;
	 line-height:50px;
}
.pro .item .title b{
	display:inline-table;
	position: relative;
	padding-left:10px;
	font-weight: lighter;
}
.pro .item .title b:after{
	content:'';
	float:left;
	width:3px;
	height:15px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 18px;
	background-color: #E70012;
}
.pro .item .hc{ font-size:12px; padding-top:10px; padding-bottom:10px;} 
.pro .item .hc,.pro .item .hc a{color:#333333;}

.pro .item .hc ul{ padding-bottom:10px;  width:100%; float:left;}
.pro .item .hc ul li,.pro .item .hc ul li a{  color:#000000}
.pro .item0 .hc,.pro .item0 .hc a{color:#666666;}
.pro .item .hc ul li{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap;
	font-size:16px;
	list-style-position: inside;
	list-style-image: url(lis.png);
}
.pro .item .more{ font-size:12px;}
.pro .item .more a{
	color:#666666;
	background-image: url(more.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px; display:inline-block;
}
.pro .item  .img,.pro .item  .img2{ float:left}
.pro .item  .img2{ display:none}
.pro  .item0{
	 min-height:472px;
}
.pro  .item1{
	 min-height:332px;
}


.pro  .item3{
	 height:310px;
}
.pro  .item2{
	 height:250px;
}
.pro  .item4{
	 height:310px;
}


.pro  .item0 .right{ clear:both}

.pro  .item1 .right,.pro  .item2 .right,.pro  .item5 .right{ float:right; width:250px; text-align:right; margin-top:50px;}
.pro  .item1 .img{ margin-left:20px;}
.pro  .item2 .img{ margin-top:17px;}
.pro  .item4 .img{ margin-left:60px;}
.pro  .item3 .right,.pro  .item4 .right{ }
.pro  .item3 .more,.pro  .item4 .more{ display:none}
.pro .item3 .title,.pro .item4 .title{ text-align:left}
.pro .item4 .title{ text-align:right; margin-right:20px;}
.pro .item3  .img2,.pro .item4  .img2{ display:block; padding-top:10px;}
.pro .item3  .img,.pro .item4  .img{ display:none}
.pro .item3 .hc,.pro .item4  .hc{ display:none}

/*.pro  .item4 .right{
	float:right;
	text-align:right;
	margin-top:0px;
	position: absolute;
	top: 0px;
	right: 0px;
}*/

.pro  .item5 .img{ margin-left:60px; margin-right:60px;}

.pro  .item3,.pro  .item4{position: relative;
	width:25%;
	overflow:hidden;
}




.pro .econtent .item.item3{
clear:both;
}