/* 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}
/*垂直居中*/
.center{ display: flex;
    justify-content:center;
    align-items:Center;}
/*图片放大*/
.fd img{    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.fd:hover img{    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);}

.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}




#foott1{
	float: left;
	width: 100%;
	min-height:100px;
	padding-top: 50px;
	padding-bottom: 15px;
	background-image: url(foot1.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	font-size:12px;
	text-align: center;

}
#foott1 .footnavs{ line-height:30px; text-align:center}
#foott1 .footnavs a{
	font-size: 12px;
	color: #666666;
	margin-bottom: 5px;
	margin-right: 10px;
}
#foott1 .copys{ clear:both; padding-top:20px;}
#foott1 .copys,#foott1 .copys a{ color:#999999; font-size:12px;}




#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{ width:220px; overflow:hidden;} 
.footnav ul li{ float:left; width:50%;}
.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:right; 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:left; 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 .picli{
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.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-color:#FFFFFF; padding-bottom:50px;

}
.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;


}

.pro .sort{ text-align:center; padding-top:10px; padding-bottom:10px; line-height:50px; font-size:16px; clear:both; padding-top:30px; padding-bottom:30px;}
.pro .sort a{
	background-color:#ececec;
	border-radius:3px;
	margin-bottom:10px;
	width:18%;
	text-align:center;
	float:left;
	margin-right: 1%;
	margin-left: 1%;
}
.pro .sort a:hover{ background-color:#c81624; color:#FFFFFF}
.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 .econtent{ clear:both; float:left; width:100%; padding-top:10px;}
.pro .econtent .picli{
	float: left;
	width: 48%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.pro .econtent .picli .img{
	float:left;
	width:236px;
	height:196px;
	border: 3px solid #CC0000; background-color:#FFFFFF; overflow:hidden; text-align:center
}
.pro .econtent .picli .img img{ max-height:100%; max-width:100%; }
.pro .econtent .picli .right{ margin-left:256px;}
.pro .econtent .picli .right .title{
	white-space: nowrap;
	overflow: hidden; font-size:16px;
}
.pro .econtent .picli .right .title b{
	font-weight: lighter;
}
.pro .econtent .picli .right .hc{ color:#666666; line-height:1.5; height:3em; overflow:hidden;}
.pro .econtent .picli .right .more{ line-height:28px; padding-top:10px; font-size:12px;}
.pro .econtent .picli .right .more a{
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	color: #FFFFFF;
	background-color: #666666;
	font-weight: bold;
}


