/* 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: #0066CC;
}
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: #0151A8;
	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:25px; padding-bottom:25px;
}
.header .tel{
	line-height: 30px;

	visibility: inherit; float:right; margin-top:30px; min-height:50px; text-align:right;
}
.header .tel i{ font-size:36px; color:#05429f; margin-top:10px; margin-left:15px;}
.header .tel span,.header .tel b{
	display:block;
	color: #333333;
	line-height: 24px;font-family: "宋体";
}
.header .tel b{
	color: #F30100;
	font-family: "微软雅黑", "宋体", "Arial Unicode MS";
	font-style: italic;
	font-size: 24px;
}
.header  .lan{
	line-height: 27px;

	float: right;
	height: 27px;

	font-size: 12px;
	color: #FFFFFF;
	position: absolute;
	top: 0px;right:0px; padding-right:50px; padding-left:30px;
	/*left: 60%; width:40%;*/
	text-align: left;
	z-index:2; overflow:hidden;background-color: #0143a3;	background-image: url(lantop.jpg);background-repeat: no-repeat;
	background-position: left top;

}

.header  .lan a{
	color:#FFFFFF; margin-left:5px; margin-right:5px;
	
}
.header  .lan,.header  .lan a{ color:rgba(255,255,255,0.8);}
.header  .lan>div >div.fr{ margin-left:50px;}

#nav{
	background-color: #0143a3;
	line-height: 50px;
	float:left;
	width:100%;
	clear:both;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #01398c;
}
#nav >.box1{ padding:0px;}
#nav >.box1>ul>li{
	float:left;
	width:12.5%;
	text-align:center;
	position: relative; font-size:16px;
}
#nav >.box1>ul>li>a{
	color:#FFFFFF;
	display:block;
	position: relative; margin-left:1px; margin-right:1px;
}
#nav >.box1>ul>li>a.select,#nav >.box1>ul>li>a:hover{ background-color:#FF6600}
/*#nav >.box1>ul>li>a:after{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #014B96;
	border-left-color: #005FBB;
	height:30px;
	content:'';
	position: absolute;
	left: -2px;
	top: 10px;
}*/
#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: 50px;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: #0151A8; 
}

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



#nav ul li:hover{background-color:#0151A8;}





#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:#155FB0;color:#FFFFFF;}
#nav ul ul ul{
	position: absolute;
	left: 100%;
	top: 0px;
}

/*底部*/
.footer2{
	background-color: #2d3236;
	float: left;
	width: 100%; padding-top:50px; padding-bottom:50px;
}
.footer{
	background-color:#23282c;
	text-align: center;
	float: left;
	width: 100%;
	line-height:1.5;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footer,.footer a,.footer2,.footer2 a{ color:#dddddd}
.footer2 .message{
	width:200px;
	float: left;

}
.footer2 .footnav{ width:250px; float:left;}
.footer2 .footnav ul{ float:left; width:100%;}
.footer2 .footnav ul li{ float:left; width:50%; line-height:32px;}
.footer2 .flx{ width:280px; float:left; }
.footer2 .qrcode{ width:250px; float:right}
.footer2 .etitle{
	color:#FFFFFF;
	font-size: 22px;
	text-align: left;
	line-height: 32px;
}
.footer2 .etitle span{ color:#d4bb56}
.footer2 .econtent{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.footer2 .message .item span{ display:none}
.footer2 .message .item,.footer2 .message .tijiao{
	float:left;
	width:100%;
	clear:both;
	margin-top: 10px; 
}
.footer2 .message input{
	width: 96%;
	border: 0px solid #ddd;
	height: 24px; padding-left:2%; padding-right:2%;
}
.footer2 .message button{
	background-color: #d4bb56;
	width:100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height:32px;
	font-size: 16px;
	color: #FFFFFF;
}
.footer2 .footnav .etitle,.footer2 .qrcode  .etitle,.footer2 .flx  .etitle{
	text-align: left;
	text-indent: 30px;
}
.footer2 .footnav .econtent,.footer2 .qrcode  .econtent,.footer2 .flx  .econtent{
padding-left:30px; 

}
.footer2 .footnav,.footer2 .qrcode ,.footer2 .flx {

margin-left: 30px;
}
.footer2 .footnav .econtent,.footer2 .qrcode  .econtent,.footer2 .flx  .econtent{
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #ccc;
min-height:180px;
}



#foot1{
	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;

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


.back{ clear:both; padding-top:15px; padding-bottom:15px; text-align:right; line-height:32px;}
.back a{
	display:inline-block;
	background-color: #0066CC;
	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:#006699; color:#FFFFFF}

.pagination li a{ color:#333333}





.list{
	float: left;
	margin: 10px;

}
.list .img{
	background-color:#FFFFFF;
/*	position: relative;*/
display: table-cell;
    vertical-align: middle;
    text-align: center;     
}
.list .img img{ max-width:100%;max-height:100%; align-items: center;}
/*.list div{
	text-align: center;
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
}*/
.list div.ntitle{text-align: center;white-space: nowrap;	overflow: hidden;
	line-height:32px;
	float: left;
	width: 98%;

	padding-right: 1%;
	padding-left: 1%;
}
.list a:hover div.ntitle{ color:#0066CC;

}


.hot{
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color:#ffffff;
	background-image: url(1_r7_c8.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.hot .search{
	background-image: url(gg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	text-indent: 30px;
}
.hot .search,.hot form{ float:left; color:#333333; font-size:14px; line-height:40px;}

.hot form{ margin-left:15px; padding-top:8px;}
.hot form input{
	/*	background-image: url(s.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
	height: 26px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
	float:left;
	border-right-style: none;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #cccccc;

	padding-left:10px; float:left; width:200px;
}
.hot form button{
	background-image: url(sbtn.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	background-color: #015595;
}
.hot .share{  line-height:28px; color:#666666; font-size:12px;}

.hot .search b{ color:#CC0000; padding-right:10px;}


/*首页产品*/
.pro{ clear:both; float:left; width:100%; margin-top:5px; margin-bottom:20px;}


.etitle{ text-align:center}
.etitle b{
	font-size:30px;
	position: relative;
	display:inline-block;
	font-weight: lighter;
}
.etitle b:after{content:'';
	width:2em;
	left:1em;
	float:left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	position: absolute;
	z-index: 1;
	bottom: 0px;
}
.pro  .etitle1{ color:#585858; font-size:16px; padding-top:10px; padding-bottom:10px;}
.pro .sort{ float:left; width:100%; padding-top:10px; padding-bottom:15px;}
.pro .sort a{
	background-color:#ECECEC;
	font-size:16px;
	position: relative;
	margin-right:1%;
	margin-left:1%;
	float: left;
	width: 18%;
	text-align: center;
	border-radius:3px;
	line-height:50px;
	margin-bottom:8px;
	white-space: nowrap;
	overflow: hidden;
}
.pro .sort a:hover{ background-color:#c81624; color:#FFFFFF}


.pro .tjcontent{ clear:both}
.pro .tjcontent .picli{ float:left; width:100%; background-color:#ececec}
.pro .tjcontent .picli .img{ float:left; width:640px; height:auto; overflow:hidden; max-width:100%;}

.pro .tjcontent .picli .right{ margin-left:655px; margin-right:10px; max-width:100%;}
.pro .tjcontent .picli .right .ntitle{ color:#0143a3; font-size:29px;}
.pro .tjcontent .picli .right .ntitle a{ color:#0143a3}

.pro .tjcontent .picli .right .hc{ font-size:14px;}

.pro .econtent{ clear:both; float:left; width:100%; margin-top:30px; padding-bottom:20px;}
.pro .econtent .list{
	width:25%;
	float: left;
	
	margin: 0px; background-color:#FFFFFF;
}
.pro .econtent .list a{
	overflow:hidden;
	border: 1px solid #dddddd;
	display:block;
	text-align:center;
	margin-left: -1px;
}
.pro .econtent .list .img{
	width:100%;
	height:185px;
	float:left;
    display: flex;
    justify-content:center;
    align-items:Center; overflow:hidden;display: table-cell;
    vertical-align: middle;
    text-align: center;  
}
.pro .econtent .list .img img{ max-width:100%; max-height:100%;}

.pro .econtent .list .ntitle{
	float:left;
	width:100%;
	background-color: #e5e5e5;
	white-space: nowrap;
	overflow: hidden; line-height:55px;
}
.pro .econtent .list a:hover{border: 1px solid #0143A3;}
.pro .econtent .list a:hover .ntitle{ background-color:#0143A3; color:#FFFFFF}
.pro .more{ clear:both; text-align:center; padding-top:20px; padding-bottom:20px; line-height:40px;}
.pro .more a{border-radius:3px;
	border: 1px solid #dddddd;
	font-size: 16px;
	color: #666666; display:inline-block; padding-left:50px; padding-right:50px;
}







.links{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd; background-color:#FFFFFF
}
.link{
	background-image: url(link.jpg);
	background-repeat: no-repeat;
	background-position: left 11px; font-size:12px;
	clear: both;
	min-height: 27px;
	padding-left: 110px;
	padding-top:15px;
	padding-bottom:10px;
}
.link .etitle{ display:none}

/*关于我们*/
.about{
	background-image: url(about.jpg);
	background-repeat: no-repeat;
	background-position: center top; /*height:878px;*/ clear:both
}
.about .box1{
	position: relative; padding-top:20px; padding-bottom:80px;
}



.about .title{
	text-align:center;
	font-size:48px;
	line-height:2;
	padding-bottom:30px;
	padding-top:30px;

}
.about .title b{
	font-weight: lighter;
	color:#ffffff;	
	position: relative; display:inline-block;
}


.about  .picli .img{ float:left; width:552px; overflow:hidden; max-width:100%;}
.about  .picli .img img{ max-width:100%;}
.about .right{ margin-left:580px ; font-size:16px; line-height:2;
}
.about .right,.about .right a{ color:#FFFFFF;}


.about .more{
	clear:both;
	text-align:center;
	font-size:12px;
	clear:both;
	line-height:32px;
	padding-top:30px;
	font-weight: bold;
	text-transform: uppercase;
}
.about  .more a{ color:#ffffff; display:inline-block; background-color:#5a5a5a; padding-left:15px; padding-right:15px;}
.about  .more a:hover{ background-color:rgba(255,255,255,0.6); color:rgba(0,0,0,0.6) }
/*首页新闻*/
.news{
	float:left;
	width:100%;
	background-image: url(newsbg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: relative; margin-top:30px;
}
.news:after{
	content:'';
	left:1px;
	top:0px;
	height:100%;
	width:294px;
	background-color:#1E64BC;
	float:left;
	z-index:-1;
	position: absolute;
}

.news .econtent{ margin-left:315px;}
.news .econtent .picli{
	float: left;
	width: 100%;

	background-color: #F3F3F3;
	border: 1px solid #dddddd;
	margin-bottom: 10px;
}
.news .econtent .picli:last-child{	margin-bottom: 0px;}
.news .econtent .picli .img{ float:left; width:372px; height:272px; overflow:hidden;
	background-color:#FFFFFF;

display: flex;align-items: center; text-align:center;
}
.news .econtent .picli .img img{ max-width:100%;max-height:100%;}
.news .econtent .picli .right{ margin-left: 400px; margin-right:20px; }
.news .econtent .picli .right .ntitle{
	text-align: left;
	white-space: nowrap;
	overflow: hidden; font-size:18px; padding-top:10px;
}


.news .econtent .picli .right .time{ font-size:12px; color:#999999}
.news .econtent .picli .right .dp{ line-height:1.5; font-size:14px; color:#616161; height:6em; overflow:hidden;}

.news .econtent .picli .right .more{ line-height:35px;}
.news .econtent .picli .right .more a{
	display:inline-block;
	background-color:#FFFFFF;
	color:#666666;
	padding-left:20px;
	padding-right:20px;
	border-radius:20px;
	border: 1px solid #dddddd;
}
.news .econtent .picli .right .more a:hover{ background-color:#1E64BC; color:#FFFFFF;}
.news .title{
	height: 544px;
	width: 255px;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}
.news .title .h1{ color:#ffffff; font-size:40px; padding-top:30px;}
.news .title .h1 b{
	font-weight: lighter;
	position: relative; display:inline-block;
}
.news .title .h1 b:after{
	float: left;
	width: 2em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	position: absolute;
	left: 0px;
	bottom: 0px;content:'';
}
.news .title .h2{ padding-top:30px; font-size:16px; padding-bottom:30px; color:#FFFFFF}
.news .title .more{ padding-top:30px;}
.news .title .more a{
	float:left;
	color:#FFFFFF;
	font-size: 36px;
	border: 1px solid #dddddd; width:45px; text-align:center; line-height:45px;
}
.news .title .more a:hover{color:#FFFF66;
	border: 1px solid #FFFF66;
}


/*首页合作伙伴*/
.hezuo{
	clear:both;

	float:left;
	width:100%;
	background-image: url(hezuobg.jpg);
	background-repeat: no-repeat;
	background-position: center top; padding-top:80px; padding-bottom:50px;
}

.hezuo .econtent { float:left; width:100%; clear:both; margin-top:60px; padding-bottom:50px;}
.hezuo .econtent img{
	border: 1px solid #dddddd; max-height:100%; max-height:100%;
}
.hezuo .econtent .swiper-slide{ padding:1px;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.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");
}

.hezuo .caseli{ clear:both; float:left; width:100%; padding-top:20px;}
.hezuo .caseli .li{
	white-space: nowrap;
	float: left;
	width: 30.3333333%;
	margin-right: 1.5%;
	margin-left: 1.5%;
	overflow: hidden;
	background-image: url(li.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	text-indent: 20px;
}

.hezuo .caseli .li:nth-child(3n+1){ margin-left:0px;}
.hezuo .caseli .li:nth-child(3n+2){ margin-left:3%; margin-right:3%;}
.hezuo .caseli .li:nth-child(3n){ margin-right:0px;}

.hezuo .more{ clear:both; text-align:center; padding-top:20px; line-height:45px;}
.hezuo .more a{
	display:inline-block;
	padding-left:30px;
	padding-right:30px;
	background-color:#FFFFFF;
	background-color:rgba(255,255,255,0.6);
	border-radius:35px;
	border: 1px solid #dddddd; color:#666666;
}
.hezuo .more a:hover{ background-color:#1E64BC; color:#FFFFFF;}


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