/* CSS Document */

*{text-overflow: ellipsis;word-break:break-all;}
body{
	margin: auto;
	font-size: 14px;
	line-height: 2;
	color: #666666;
	min-width:1200px;
	font-family: "微软雅黑", "宋体", "Arial Unicode MS"; overflow-x:hidden;
}
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: #005aab;}
/*u{
	text-decoration-color:#CC3333;

}*/
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;}
@-webkit-keyframes mycolor{
		0%{
				
				}
				30%{
		
					transform: rotate(90deg);
					
				}
				
				60%{
		
					transform: rotate(270deg);
					
				}
				
				100%{
			
					transform: rotate(360deg);
				
				}
	}

.clear{ clear:both}
/*垂直居中*/
.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);}

.fl{ float:left}
.fr{ float:right}
.box{
	width:1200px;
	margin:auto;
	position: relative; max-width:96%; min-width:1100px;
}


.flash{ float:left; width:100%; overflow:hidden;}
.flash .swiper-slide a{
	background-repeat: no-repeat;
	background-position: center center;background-size:cover;float:left; width:100%; 
}
.flash .swiper-slide a span{ line-height:1; margin-top:-36px;
	top:50%;
	left:30%;
	position: absolute; z-index:2; font-size:100px; color:#FFFFFF;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; color:rgba(255,255,255,0.8);text-shadow:0 0 5px rgba(0,0,0,0.3); display:none
}
.flash .swiper-slide-active a span{
	left:20%;

}
/*.flash .swiper-slide a img{ display:none}*/
.app_header{ display:none;border-top-style: solid;
border-top-color: #0065b2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.3);}


.app_top{width:100%;height:112px; float:left; display:none}
.header .logo{ float:left; padding-top:5px;}
.headers{ float:right; }

/*首页*/
#menu{ z-index:22}

    #header {
	position: fixed; top:0px; left:0px;

	width: 100%;
	z-index: 22; padding-bottom:10px; padding-top:10px;
}
 .headerbg{background-color:rgba(0,0,0,0.8);}

 #header .box1{
	position: relative; 
}
 



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

.pagination li a{ color:#333333}



.header {
	text-align:center;
	position: fixed;
	z-index:2;
	left: 0px;
	top: 0px;
	width:100%;
	float:left;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;

}

.header div.box{ width:100%;  margin:auto;}


.header div.box>div{ width:1200px; max-width:96%; margin:auto;min-width:1100px;}


.headers ul,.headers ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.headers ul li{
	float:left;
	line-height:34px;
	text-align:center;
	font-size:16px;
	position: relative;
}
.headers ul li a{
	color: #ffffff;
	text-decoration: none;
	display:inline-block;
	position: relative;
}
.headers ul li{

	line-height:80px;

}
.headers ul li ul li{

	line-height:1.2;

}
.headers ul li ul li a{
color: #666666;

}
.logo img{ height:60px;}
/*.headers ul li a:hover,.headers ul li a.select,.headers ul li:hover>a{ color:#FFCC00; }*/
.headers> ul> li >a:after{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
	content:'';
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color:rgba(255,255,255,0.8);
	position: absolute;
	width: 0em;
	left: 50%; margin-left:-2em;
	top: 50%; margin-top:20px; 

}
.headers> ul> li >a.select:after,.headers> ul> li >a:hover:after{
	width: 4em;
	}

/*往下拉导航样式*/
.fixed{ background-color:#ffffff;background-color:rgba(255,255,255,0.9);z-index:2222;}
.fixed.yy{box-shadow: 10px 10px 5px rgba(0,0,0,0.2); }
.fixed ul li a{color: #666666;}
.fixed ul li a:hover,.fixed ul li a.select,.fixed ul li:hover>a{ color:#0065b2; }

.fixed .headers> ul> li >a:after{

	border-bottom-color:#0065b2;

}


.header{z-index:333;
font-size:16px;
line-height:60px;  float:right; margin-top:0px;
}
.headers ul li ul li{ padding:0px;}

.headers> ul >li> a{

	position: relative; padding-left:20px; padding-right:20px; display:inline-block;
}
.header ul li  ul li a{ padding:0px; margin-left:0px; margin-right:0px; padding-top:10px; padding-bottom:10px; display:block; float:left; width:100%;}
.header ul ul{
	font-size:14px;
	line-height:1.5; z-index:2;
	text-align:center;
	float: left;
	width: 100%;
	position: absolute;
	z-index:333;
	left: 0px;
	top: 80px; background-color:#ffffff;background-color:rgba(255,255,255,0.9); display:none; font-size:14px;
}
.header ul ul ul{ left:100%; top:0px;z-index:333;}
.header ul li ul li{ float:left; width:100%;}

.header ul li ul li>a{
	float:left;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	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.3); color:#333333; font-size:14px;
}

.header ul li{	position: relative;}
.header ul li:hover>ul{ display:block}
#top{
	font-size:12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; max-width:100%; margin:auto; margin-bottom:80px; color:#999999; line-height:28px; background-color:#f5f5f5; 
}
#top i.iconfont{ color:#999999; margin-right:5px;}



/*内页banner*/
.bannerin{
	clear:both;
	text-align: center;
	position: relative;  margin:auto; text-shadow:0 0 3px rgba(0,0,0,0.3);
}
/*.bannerin:after{
	content:'';
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px; float:left; background-color:rgba(0,0,0,0.3);
}*/
.bannerin .h1{

	text-align: center;
	position: absolute;

	width: 100%;
	left: 0px;
	top: 50%;
	color:#FFFFFF; 
	z-index:2;
	margin-top: -27px;  line-height:1.5;
}
.bannerin .h1 span{
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	position: relative;
	border: 1px solid #ffffff; font-size:36px;border: 1px solid rgba(255,255,255,0.5);
}
#foot{ background-color:#151515; clear:both; margin-top:20px; padding-top:20px; padding-bottom:20px; font-size:12px;}
#foot,#foot a{ color:#878787}

#foot .flx{}
#foot .flx .title{ font-size:24px; color:#FFFFFF;}
#foot .flx .lx{ font-size:14px}
#foot .flx .lx>div{ display:inline-block; margin-right:10px;}
#foot .flx .copy{
	clear:both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	margin-top: 10px;
	padding-top: 10px;
}
#foot .qrcode{
	border: 1px solid #333333;
	background-image: url(tel.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding:20px;padding-left: 100px;border-radius:5px; margin-top:15px;
}
#foot .qrcode .tel{ text-align:right; padding-right:20px; line-height:1.2; padding-top:30px;} 
#foot .qrcode .tel .h1{ font-size:14px;}
#foot .qrcode .tel .h2{
	font-size:22px;
	color:#FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.kefu {
	color: #FFFFFF;


	position:fixed; z-index:5;
	right: 20px;
	bottom: 50px; float:right; width:50px;  line-height:50px; text-align:center;

}

.kefu .item{
	float:left;
	width:100%;
	border: 1px solid #FFFFFF;
	background-color: #000000;
	cursor:pointer;
	background-color:rgba(0,0,0,0.6);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgba(0,0,0,0.5);
	border-right-color: rgba(255,255,255,0.5);
	border-bottom-color: rgba(255,255,255,0.5);
	border-left-color: rgba(255,255,255,0.5);
	position: relative;
}
.kefu .item:nth-child(1){	
border-top-width: 1px;
border-top-style: solid;
border-top-color:rgba(255,255,255,0.5);}
.kefu .item:last-child{	border-top-width:0px;}
.kefu .item i{ font-size:36px; color:#FFFFFF}
.kefu .item>div{
	position: absolute;
	right: 51px;
	bottom: -50px;
	width:200px;
	padding:10px;
	text-align:center;
	background-color:#FFFFFF;
	color:#333333;
	line-height:32px;
	display:none;
	border: 1px solid #dddddd;
}
.kefu .item:hover>div{ display:block;}
.kefu .item>div img{ width:100%;}

#footnav{ display:none}

#footnav{border-top-width: 1px;
	border-top-style: solid;
	border-top-color:rgba(255,255,255,0.2);
	position: fixed; z-index:2;
	left: 0px;
	bottom: 0px; float:left; width:100%; background-color:rgba(0,0,0,0.7); display:none;
}
#footnav a{
	float:left;
	width:33.3333%;
	text-align:center;
	position: relative; line-height:35px; color:#FFFFFF;
}
#footnav a i{ margin-right:5px;}
#footnav a:after{ content:'';
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(0,0,0,0.6);
}
#footnav a:before{content:'';	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(255,255,255,0.2);
	position: absolute;
	height: 100%;
	right: 0px;
	top: 0px;
}

#footnav a:hover{ background-color:#005aab; color:#FFFFFF;}









 .etitle{font-size: 36px;
	text-align: center;
	padding-bottom: 50px; line-height:1.3; 
}
.etitle .h1{
color:#333333;
}
 .etitle .h2{

	color:#cccccc;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
.bg{clear:both;
padding-top: 80px;
	padding-bottom: 80px; float:left; width:100%;background-color:#FFFFFF}
.bg:nth-child(2n),.about{background-color:#f5f5f5;}
.about{
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	float:left;
	width:100%;
	clear:both;
	margin-top:-15px;
	position: relative;
	z-index: 1;
}
.about .box{
	background-color:#ffffff;
	position: relative; padding:40px; padding-top:0px; width:1250px; max-width:100%;
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
.about .img{
	float:right;
	width:48%;
	overflow:hidden; padding-top:200px;
}
.about .img img{ width:100%;}
.about .right{
	float:left;
	width:50%;
	background-image: url(logo2.jpg);
	background-repeat: no-repeat;
	background-position: right top; padding-top:130px;
}
.about .right .h1{
	font-size: 36px; line-height:1.2;
color:#333333;
}
.about .right .h2 span{ margin-right:10px; font-size:20px; color:#454545;}
.about .right .econtent{ font-size:14px; padding-top:20px; color:#666666; }
.about .right .more{ padding-top:50px; padding-bottom:50px;}
.about .right .more a{
	display: block;
	 height:20px;

	font-size: 16px;
	color:#FFFFFF;
	background-image: url(jt.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

.about .newstop{
	width:50%;
	position: absolute;
	top: -70px;
	right: 0px;
	z-index: 2222;
	background-color:#FFFFFF;
	min-height:200px;
	padding:20px;
	box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 	padding-left:2%; padding-right:40px;

}
.about .newstop .picli{
	padding-top:20px;
border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; padding-bottom:10px; float:left; width:100%;
}
.about .newstop .picli .more{background-image: url(1_r4_c10.jpg);
	background-repeat: no-repeat;
	background-position: left bottom; clear:both; float:left; width:100%; padding-top:25px;}
.about .newstop .picli .more a{ height:45px;background-image: url(jt.jpg);
	background-repeat: no-repeat;
	background-position: right center; display:block; float:right; width:100px; }
.about .newstop .title{ font-size:16px}
.about .newstop .dp{ color:#7c7c7c; font-size:14px; max-height:4.5em;min-height:4.5em; overflow:hidden; line-height:1.5; }
.about .newstop .h1{ font-size:24px; color:#000000;}

.about .right .img{ display:none}
.about .right *{ max-width:100%;}
#cms1 .about  .right{ background-image:none}

#cms1 .about .img{ display:none; }
#cms1 .about .box{max-width:100%;min-width:0px; padding:0px;}
#cms1 .about{ padding:0px;} 
#cms1 .about  .right{ width:100%; margin-top:0px; padding-top:30px;}
#cms1 .about  .right .econtent{ clear:both}
#cms1 .about  .right .img{ display:block; clear:both; width:100%; text-align:center; padding-top:10px;}
#cms1 .about  .right .img img{ width:100%;}
	.pro{
	background-image: url(probg.jpg);
	background-repeat: no-repeat;
	background-position: center top; clear:both; padding-top:0px; background-color:#f7f7f7;
}
	.pro .etitle .h2{ display:none}
.pro .econtent .picli .img{
	text-align: center;
	overflow: hidden;
	position: relative;
	height:260px;
	border: 1px solid #dddddd; background-color:#FFFFFF;
}
.pro .econtent .picli .img span{

	position: absolute;
	
	width:80%; z-index:2; display:none; float:left; top:50%; left:10%; margin-top:-1.5em; color:#FFFFFF; font-size:18px; 
}
.pro .econtent .picli a:hover .img span{ display:block}
.pro .econtent .picli a:hover .img span font{

	position: relative; display:inline-block; font-size:24px;
}
.pro .econtent .picli a:hover .img span font:after{
	content:'';
	width:100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	left: 0px;
	bottom: 0px;position: absolute;
}
.pro .econtent .picli .img:after{ background-color:rgba(9,110,187,0.7);
	content:'';

	position: absolute;
	height: 100%;
	width: 100%;
	top: 0%;
	right: 0%; z-index:1; display:none;
}
.pro .econtent .picli a:hover .img span,.pro .econtent .picli a:hover .img:after{ display:block}
.pro .econtent .picli:nth-child(4n+1){ clear:both}
.pro .econtent .picli .img img{width:100%;}
.pro .econtent .picli .ntitle{
	text-align: center;
	overflow: hidden;
	line-height:3;
	padding-top: 10px;
	white-space: nowrap; font-size:16px;
}
.pro .econtent .more{
	text-align: center;
	padding-top: 20px;
}
.pro .econtent .more> div{	display: inline-block;}
.pro .econtent .more> div div{
	background-color: #E6E6E6;
	width: 50px;
	height: 50px;
	text-align: center;
	display: inline-block;
	margin: 0px;
	padding: 0px; line-height:50px; float:left; margin-right:2px; cursor:pointer;
}
.pro .econtent .more div a{
	height:50px;
	width:100%;
	float:left;
	background-image: url(more.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.pro .econtent .more div.next{}
.pro .econtent .more div.prev{}
	

.news,.news a{color: #000000; }


.news .econtent .picli{
	width:46%;
	float: left;
	margin-right: 2%;
	margin-left: 2%;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	padding-top: 15px;
	padding-bottom: 15px;
}
.news .econtent .picli:nth-child(2n+1){ clear:both}
.news .econtent .picli>a{
	text-align: left;width:100%; float:left;
}
.news .econtent .picli .img{
	float: left;
	width: 200px;
	overflow: hidden; height:130px;
}
.news .econtent .picli .img img{ width:100%; height:100%; }
.news .econtent .picli .right{
	margin-left:220px;	

}
.news .econtent .picli .right .sort{ line-height:1; font-size:12px;color: #005aab;}
.news .econtent .picli .right .ntitle{
	font-size:20px;
	float: left;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.news .econtent .picli .right .dp{
	font-size:12px;

	float: left;
	width: 100%;
	line-height:1.5;
	max-height:3em;
	overflow: hidden; color:#777777; font-size:14px;
}
.news .econtent .picli .right .more{
	line-height:30px;
padding-top: 10px;	float: left;
	width: 100%;
}
.news .econtent .picli .right .more span{
	border-radius:20px;
	display: inline-block;
	font-size:12px;
	padding-right: 20px;
	padding-left: 20px;
	border: 1px solid #dddddd;
	text-transform: uppercase; color:#777777;
}
.news .econtent .picli a:hover{color:#005aab}
.news .econtent .picli a:hover .right .more span{
	color: #000000;
	background-color: #FFFFFF;
}

.news .box>.more{
	text-align: center;
	clear: both;
	line-height:2.5;
	padding-top: 35px;
}
.news .box>.more a{
	display: inline-block;
	padding-right: 30px;
	padding-left: 30px;
	background-color:rgba(0,0,0,0.3);
	font-size: 16px; color:#FFFFFF;
}
.news .box>.more a:hover{background-color: #005aab; background-color:rgba(24,75,144,0.95); color:#FFFFFF}


.news+#foot,.contact+#foot,.pro+#foot{ margin-top:0px;}

.contact .left{ float:left; width:48%}
.contact .left *,.contact .right *{ max-width:100%;}
.contact .left input{ height:35px; line-height:35px; }
.contact .left textarea{
	padding-top: 5px;
	padding-bottom: 5px; height:100px;
}
	
.contact .left textarea,.contact .left input{
	border: 1px solid #dddddd;
	width: 96%;
	padding-right: 2%;
	padding-left: 2%;
	background-color: #eeeeee;
	font-size:16px;
	font-family: "微软雅黑", "宋体", "Arial Unicode MS";
}	
	.contact .left  ul li{
	float: left;
	width: 100%;
	line-height:35px;
}

	.contact .left  ul li.title+li{margin-bottom: 10px; }
.contact .left button{
	background-color: #065aa9;
	color:#FFFFFF;
	width:100%;
	font-size:16px;
	line-height: 45px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; height:45px;
}
.contact .right{ float:right; width:48%; font-size:18px}
.contact .right .lx{ padding-top:20px; clear:both;}
.contact .right .lx .title{
	font-weight: bold;
	color: #333333;
	font-size: 24px; padding-bottom:10px;
}
.contact .right .lx .item{ line-height:30px; padding-bottom:10px;}
.contact .right .lx .item,.contact .right .lx .item a{ color:#999999; font-size:16px}
.contact .right .lx .item i.iconfont{ margin-right:10px; font-size:18px; background-color:#CCCCCC; color:#FFFFFF;border-radius:100%; height:30px; width:30px; display:inline-block; text-align:center;}
.contact .box{ min-width:250px; max-width:98%;}
.contact .left form .h1{
	font-size:18px;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; margin-top:20px; display:none; color:#000000;
}
.tv .picli{ width:100%; float:left; overflow:hidden;	padding:2px;
	/*border: 1px solid #dddddd;*/box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */


display: flex;
    justify-content:center;
    align-items:Center;
}
.tv .picli a{ display:block; overflow:hidden;height:215px; }
.tv .picli img{
	width:100%;

}
#cms1 p{ padding-top:5px; padding-bottom:5px;}
@media screen and (max-width :1200px){.tv .picli{height:235px;} }
@media screen and (max-width :950px){.tv .picli{height:315px;}}

.null{ text-align:center; line-height:100px;}
.keyword{ color:#999999;}
#cms1 .about,#cms .about{ margin-top:0px;}