/*通用样式*/

div, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea {
margin: 0px;
padding:0px;
}

ul {
list-style-type:none;
}
li {
list-style-type:none;
text-align:left;
}

div {
	font:14px/1.7em 微软雅黑;
	color: #737373;
	letter-spacing: 0px;
	text-align:left;
}

a{ blr:expression(this.onFocus=this.blur());outline:none;}
a:focus{ -moz-outline-style: none;} 
input,textarea {outline:none;}


LI {
	color: #737373;
}

td {

	font:14px/1.7em 微软雅黑;
	color: #737373;
	letter-spacing: 0px;


}


body {
	margin: 0px;
	font:14px/1.7em 微软雅黑;
	color: #737373;
	padding:0px;
	text-align:center;
	overflow-x:hidden;
	background-color:#FFFFFF;



}





a {
	text-decoration: none;
	color: #737373;

}

a:hover {
	text-decoration:none;
	color:#0097d7;

}




.prdlistinput {
font-family: "微软雅黑";
	color: #737373;
	background:transparent;
	border:none;
width: -moz-calc(100% - 60px);
width: -webkit-calc(100% - 60px);
width: calc(100% - 60px);
	}



SELECT {
	FONT: 12px; COLOR: #0F0F0F;
}
INPUT {
	FONT: 12px  #0F0F0F;
}
TEXTAREA {
	FONT: 12px  COLOR: #0F0F0F;
}



.form {
	font-family: "微软雅黑";
	font-size: 12px;
	line-height: 17px;
	height:22px;
	padding:0px;
	margin:0px;
}





.form2 {

	font-family: "微软雅黑";
	font-size: 12px;
	line-height: 17px;
	border: 1px solid #CCCCCC;
}
.clears {
clear:both;
display:block;

}
.floatleft {
float:left;
}

.floatright {
float:right;
}



.mcenter {
width:100%;
clear:both;
margin:0px auto;
text-align:center;
max-width:1200px;
}





@media (max-width: 1200px) {
.mcenter {
width:97%;

}
}
.mcn {
width:100%;
clear:both;
margin:0px auto;
text-align:center;
max-width:1200px;

}

.contentP {
padding:30px 0px;
clear:both;
}

.contentA {
padding:30px 0px 60px;
clear:both;
line-height:30px;
}


.contentA img {
max-width:100%;
}

.textcenter {
text-align:center;

}
.mpp_tmid  {
	padding-TOP: 13px; PADDING-BOTTOM: 3px; BORDER-BOTTOM: #ccc 1px solid;height:25px;
}
.tileft {
	line-height: 35px;
	text-align: right;
	float: left;
	height: 35px;
	width: 120px;


}


.tright {
	line-height: 35px;
	text-align: left;
	height: 35px;
	width: 550px;
	padding-top:5px;

}





.borders {
border:#d2d2d2 1px solid;
clear:both;
zoom:1;
}



.qtul {
*zoom:1;
}


.xs {
display:block;
}
.yc {
display:none;
}

.pageN {
clear:both;
width:100%;
text-align:center;
padding-bottom:20px;
}



/*顶部样式*/

#toplogo {
float:left;
width:45%;
}

#toplogo img {
width:100%;
margin:20px 0px;
}

#topmenu {
float:left;
width:55%;
padding-top:20px;
text-align:right;
}
#topm {
float:right;
width:100%;
max-width:580px;
display:table;
}

#topm ul  {
display:table-row;
}

#topm ul li {
display:table-cell;
font-size:15px;
text-align:right;
line-height:50px;
height:50px;
font-weight:bold;
}

#topm ul li:hover a {
color:#0097d7;
}

#topban {
width:100%;
clear:both;
}


/*下拉菜单样式*/

.dropmenu {
position:absolute;
left:0px;
top:50px;
background:#fff;
z-index:500;
display:none;
padding-top:35px;
padding-bottom:18px;
}

#topm .dropmenu ul li  {
line-height:38px;
display:block;
clear:both;
white-space:nowrap;
height:38px;
padding:0px 15px;
text-align:left;
font-size:14px;
font-weight:normal;
}



#topm ul li:hover .dropmenu ul li a {
color: #737373;
}

.dropmenu ul li:hover {
background:#f8f8f8;
}


#topm ul li:hover .dropmenu ul li:hover a {
color:#0097d7;
}

#topm ul li:hover .dropmenu {
display:block;
}

/*幻灯片样式*/
.js-silder{
	position: relative;	
	min-width: 320px;
}
.silder-scroll{
	width: 100%;
	overflow: hidden;
}
.silder-main{
	position: relative;
	width: 100%;
	
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.silder-main-img img{
	width: 100%;
	display:block;
}
.js-silder-ctrl{
	width: 100%;
	text-align: center;
	position:absolute;
	left:0px;
	bottom:20px;

}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "宋体";
	font-size: 52px;
	font-weight: 600;
	text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
	left: 0;
	text-align: left;
}
.silder-ctrl-next{
	right: 0;
	text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -250%;
}
.silder-ctrl-prev>span{
	left: 0;
}
.silder-ctrl-next>span{
	right: 0;
}
.silder-ctrl-con{
	display: inline-block;
	width: 14px;
	height: 14px;
	padding:0;
	margin: 0 10px;
	cursor: pointer;


}
.silder-ctrl-con>span{
	display: block;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;

	cursor: pointer;
	background-color: #e4e4e4;
	border-radius: 50%;
	width: 100%;
		height: 100%;
}
.silder-ctrl-con.active>span{
	background-color: #7bbedf;
}

@media (max-width: 768px){
	.silder-ctrl-prev,
	.silder-ctrl-next{
		width: 10%;
		font-size: 26px;
		
	}
	.silder-ctrl-con{
	
		margin: 0 5px;
	}
	
	
	.silder-ctrl-prev>span,
.silder-ctrl-next>span{

	margin-top: -150%;
}

}








/*首页主体样式*/

#indexab {
clear:both;
padding-top:40px;
padding-bottom:50px;
}

.indexbtwz {
text-align:center;
line-height:50px;
color:#0097d7;
font-weight:bold;
font-size:32px;
clear:both;
}

#indexabmain {
clear:both;
padding-top:15px;
text-align:center;
}

#indexabmore {
clear:both;
padding-top:50px;
text-align:center;
}

.indexmorebut {
clear:both;
width:65px;
height:25px;
background-color:#0097d7;
border-radius:5px;
margin:0px auto;
transition: .7s;-moz-transition: .7s;
-webkit-transition: .7s;
-o-transition: .7s;

}

.indexmorebut a {
display:block;
text-align:center;
color:#fff;
font-size:12px;
line-height:25px;
}

#indexabmore .indexmorebut {
width:130px;
height:30px;
}

#indexabmore .indexmorebut a {
line-height:30px;
}

.indexmorebut:hover {
background-color:#0db0f5;
}

#indexzz {
width:100%;
clear:both;
background:url(../image/ysbg.jpg) no-repeat  center;
background-size:cover;
text-align:center;
padding:45px 0px 60px;
}

.indexsm {
text-align:center;
font-size:12px;
clear:both;
padding:10px 0px;
}

#indexzzpic {
clear:both;
padding-top:20px;
position:relative;
display:table-cell;
}

#indexzzleft {
width:32%;
float:left;
}
.imgzoom {
width:100%;
overflow:hidden;
}

.imgzoom img {
width:100%;
transition: .7s;-moz-transition: .7s;
-webkit-transition: .7s;
-o-transition: .7s;
}

.imgzoom:hover  img {

transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transition: scale(1.2);
}

#indexzzmd {
float:left;
width:32%;
margin:0px 2%;
}

#indexzzright {
float:left;
width:32%;
}

#indexzzrtpic {
clear:both;
}

#indexzzendpic {
position:absolute;
right:0px;
bottom:0px;
width:32%;
}




@media (max-width: 900px){
#indexzzleft {
width:49%;
}

#indexzzmd {
float:right;
width:49%;
margin:0px;
}

#indexzzright {
width:49%;
clear:both;
margin-top:15px;
}

#indexzzendpic {
width:49%;
}

}



@media (max-width: 500px){


#indexzzleft {
width:100%;
margin-top:15px;
}

#indexzzmd {
float:right;
width:100%;
margin:0px;
margin-top:15px;
}

#indexzzright {
clear:both;
width:100%;;
margin:15px 0px;
}

#indexzzendpic {
position:relative;
width:100%;
clear:both;
}

}

#indexys {
clear:both;
width:100%;
display: flex;

}


#indexyspic {
width:50%;
line-height:0px;
}

#indexyspic img {
width:100%;
}

#indexysright {
width:50%;

}


.advan_scroll {
	width: 100%; 
	height: 100%;


}

.advan_scroll .hd {
width: 100%; 
height: 100%;
	
}

.advan_scroll .hd ul {
	height: 100%;
	width:100%;
}
.advan_scroll .hd li {
	width: 100%; 
	height: 25%; 
	position: relative;

	clear:both;
}


.advan_scroll .hd li::before {
background-color:#eeeeee;
	transition:0.3s; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
	display: block; 
	position: absolute; 
	content: "";
}
.advan_scroll .hd li:nth-child(2n)::before {
background-color:#FFFFFF;
}

.advan_scroll .hd li.on::before {
background-color:#0097d7;
left: -13%; 
width: 113%;
}

.advan_scroll .hd li .advan_hd_icon {
	left: -20%; 
	top: 20%; 
	width: 229px; 
	height: 229px; 
	position: absolute;
}
.advan_hd_icon_box {
	background-color:#0097d7; 
	border-radius: 50%; 
	width: 97px; 
	height: 97px; 
	text-align: center; 
	color: rgb(255, 255, 255); 
	overflow: hidden; 
	padding-top: 53px; 
	font-size: 14px; 
	float: right; 
	position: relative; 
	z-index: 2; 
	box-sizing: border-box;
}
.advan_scroll .hd li.on .advan_hd_icon .advan_hd_icon_box {
	background: rgb(255, 255, 255); 
	color: #0097d7; 
}
.advan_hd_icon_img {
	left: 0px; 
	top: 0px; 
	width: 97px; 
	height: 97px; 

	position: absolute;
}
.advan_hd_icon_img img {
	left: -97px;
	position: absolute;

	display:block;
}

.advan_scroll .hd li.on .advan_hd_icon .advan_hd_icon_box .advan_hd_icon_img img {
	left: 0px;
}
.advan_hd_cont {
	top: 50%; 
	

	left:100px;
	color:#555555; 
	position: absolute; 
	transform: translateY(-50%);
}

.advan_hd_cont div {
color:#555555;
}
.advan_scroll .hd li.on .advan_hd_cont div {
color:#fff;
}

.advan_hd_cont_title {
	font-size: 16px;
}
.advan_hd_cont_nr {
	text-align: justify; line-height: 24px; overflow: hidden; font-size: 12px; margin-top: 8px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.advan_scroll .hd li.on .advan_hd_cont_nr {
	text-align: justify; overflow: hidden;  -webkit-box-orient: vertical; -webkit-line-clamp: 5;
}


@media (min-width: 600px) {
.advan_hd_cont {
width: 100%;
	max-width:500px;

}

}

@media (max-width: 1300px) {
.advan_hd_icon_box {
margin-right:50px;
}
.advan_scroll .hd li .advan_hd_icon {
	top: 5%; 
}

}


@media (max-width: 900px) {
#indexys {
display:block;

}
#indexyspic {
width:100%;
clear:both;
}


#indexysright {
width:100%;
clear:both;
}

.advan_scroll .hd li .advan_hd_icon {
left: -70px; 
top: 15%; 
}

.advan_scroll .hd li {
	height: 150px; 

}

.advan_hd_cont {

	left:130px;

}

}


#indexprd {
width:100%;
text-align:center;
background-color:#eeeeee;
padding:40px 0px 10px;
clear:both;
}


.prdmove {
clear:both;
position: relative;
padding-top:15px;
}

.indexprdlist {
float:left;
width:32%;
background-color:#FFFFFF;
text-align:center;
padding-bottom:100px;
}
.indexprdlist:nth-child(2n) {
margin:0px 2%;
}

.indexprdpic {
clear:both;
padding:10px 0px;
}

.indexprdpic img {
width::100%;
}

.indexprdname {
clear:both;
line-height:60px;
text-align:center;
font-size:20px;
}

.scroaroow {
background-color:#eeeeee;
clear:both;
height:65px;
margin-top:40px;
}


#indexvideo {
width:100%;
height:680px;
overflow:hidden;
background:url(../image/loading.gif) no-repeat center #021435;

position:relative;

text-align:center;

}

#videos {
width:100%;
position:absolute;
left:0px;
top:-20%;
}

#videos video {
width:100%;
z-index:100;

}

@media (max-width: 1450px) {
#videos {
top:-10%;
}
}

@media (max-width: 1320px) {
#videos {
top:0px;
}

#videos video {
height:680px;
}
}


@media (max-width: 950px) {


#videos video {
width:200%;
}
}

@media (max-width: 600px) {


#videos video {
width:100%;
}
}

#videowz {
position:absolute;
left:0px;
top:0px;
text-align:center;
width:100%;
}

#videowzleft {
float:left;
width:45%;
margin-left:5%;
color:#fff;
font-size:18px;
margin-top:250px;
line-height:40px;
}

#videowzleft span {
font-weight:bold;
font-size:32px;
}

@media (min-width: 1450px) {
#videowzleft {
width:430px;
}
}

#videobut {
width:50%;
text-align:center;
margin-top:300px;
float:left;

}

#vdbut {
width:114px;
height:114px;
margin:0px auto;
}
#videobut  a {
display:table-cell;
vertical-align:middle;
width:110px;
height:110px;
border:#fff 4px solid;
text-align:center;
border-radius: 50%;

}



@media (max-width: 500px) {
#indexvideo {
height:300px;
background:transparent;
background-color:#021435;
}

#videos video {
display:none;
}

#videowzleft {
clear:both;
margin:20px 3% 0px;

color:#fff;
font-size:16px;
line-height:35px;
width:95%;
}
#videowzleft span {

font-size:27px;
}
#videobut {
width:100%;

margin-top:30px;
clear:both;

}

#vdbut {
width:90px;
height:90px;

}
#videobut  a {

width:86px;
height:86px;



}


}


#indexfc {
clear:both;
padding-top:30px;
padding-bottom:65px;
}


#indexfcmain {
clear:both;
padding-top:20px;
}

#indexfcleft {
width:32%;
float:left;
}

#indexfclefttop {
width:100%;
clear:both;
border:#eeeeee 1px solid;
}

#indexfcleftend {
width:100%;
clear:both;
margin-top:20px;
border:#eeeeee 1px solid;
}

#indexfcright {
float:right;
width:65%;
border:#eeeeee 1px solid;
padding-top:20px;
}

#indexfcright ul li {
text-align:center;
width:33.33%;
line-height:30px;
float:left;
line-height:30px;
padding-bottom:15px;
}

.indexfcpic {
width:80%;
margin:0px auto;
border:#eeeeee 1px solid;

text-align:center;
}



@media (max-width: 700px) {
#indexfcleft {
width:100%;

}


#indexfcright {
width:100%;
margin-top:20px;

}


}


@media (max-width: 500px) {
.indexfcpic {
width:95%;

}


}


/*底部样式*/

#footbg {
width:100%;
text-align:center;
background-color:#1b1b1b;
}

#footlx {
width:380px;
height:320px;
float:left;
position:relative;
}



#footlxbg {
position:absolute;
width:380px;
left:0px;
bottom:0px;
height:345px;
background-color:#0097d7;
}

#foolxgsnm {
clear:both;
padding-top:30px;
color:#fff;
font-size:21px;
font-weight:bold;
padding-left:20px;
line-height:70px;
}

#footlxline {
clear:both;
margin-left:20px;
width:106px;
height:1px;
background:#FFFFFF;
line-height:0px;
overflow:hidden;
}

#footlxwz {
clear:both;
padding-top:40px;
padding-left:20px;
color:#fff;
line-height:33px;
}

#footright {
float:right;
width: -moz-calc(100% - 380px);
width: -webkit-calc(100% - 380px);
width: calc(100% - 380px);
max-width:756px;
}

#footmenu {
clear:both;
height:66px;
overflow:hidden;
width:100%;
display:table;
}

#footmenu ul {
display:table-row;
}

#footmenu li {
display:table-cell;
text-align:center;
vertical-align:middle;
height:66px;
color:#fff;
}
#footmenu a {
color:#fff;
}

#footpic {
clear:both;
height:188px;
border-top:#eeeeee 1px solid;
border-bottom:#eeeeee 1px solid;
}

#footlogo {
float:left;
}

.footpicimg {
height:188px;
display:table-cell;
vertical-align:middle;
}

#footwrm {
float:right;
}

#footend {
clear:both;
}

#footbq {
float:left;
line-height:60px;
color:#fff;
text-indent:10px;
}

#footnomob {
float:right;
color:#fff;
line-height:60px;
}
#footnomob a {
color:#fff;
}


@media (max-width: 950px) {
#footlx {
display:none;
}

#footright {
clear:both;
width:100%;
}
}


@media (max-width: 640px) {

#footbq {
clear:both;
text-align:center;
width:100%;
}
#footnomob {
display:none;
}
}

@media (max-width: 450px) {
#footmenu {
display:none;
}

#footpic {
display:none;
}

.indexbtwz {
font-size:25px;
}

.indexprdname {
line-height:30px;
font-size:15px;
}

.advan_hd_cont_nr  {
line-height:18px;
padding-right:10px;
}

}


/*浮动在线客服样式*/

.diyos {
	position: fixed;
	width: 54px;
	right: 0;
	top: 50%;
	z-index: 100;
}
.diyos ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.diyos ul li {
	width: 54px;
	height: 54px;
	background: #0097d7;
	float: left;
	position: relative;
	margin: 1px 0 0 0;
}
.diyos ul li:hover{ background:#05709d;}
.diyos ul li .kfy {
	position: absolute;
	width: 54px;
	height: 54px;
	top: 0;
	right: 0;
	color: #fff;
	font: 14px/54px "Microsoft Yahei";
	overflow: hidden;
}
.diyos ul li .sidetop {
	width: 54px;
	height: 54px;
	line-height: 54px;
	display: inline-block;
}
.diyos ul li.sideewm {
	width: 54px;
	height: 54px;
	line-height: 54px;
	display: inline-block;
}
.diyos ul li .sideewmshow{
	width: 150px;
	position:absolute; top:0; left:-151px; z-index:120; display:none;
}
.diyos ul li.sideewm:hover .sideewmshow{ display:block;}
.diyos ul li img {
	float: left;
}




/*内页样式*/

#abban {
width:100%;
text-align:center;
height:350px;
clear:both;
}

.abbtwz {
font-size:32px;
font-weight:bold;
line-height:35px;
text-align:center;
padding-top:45px;
padding-bottom:30px;
clear:both;
}

.abline {
line-height:5px;
border-top:#0082b2 2px solid;
clear:both;
width:50px;
height:5px;
margin:0px auto;

}
@media (max-width: 450px) {
.abbtwz {
padding-top:25px;
padding-bottom:10px;
font-size:25px;

}
#abban {
height:150px;
}

.tdbg_leftall {	
width:95%;
	
}
.feds font {
font-size:0px;
}

}

.feds {
width:100%;
max-width:700px;
margin:0px auto;
}


.feds  td {
padding:4px;
}


.tdbg_leftall {	
	padding:1px;
	font-family: "微软雅黑";
	color: #737373;
	text-decoration: none;
	border: 1px solid #999999;
	font-size:14px;
	
}


.tdbgbut {	
	padding:1px;
	font-family: "微软雅黑";
	color: #737373;
	width:80px;
	border: 1px solid #999999;
	font-size:14px;
	
}


.prdlist {
float:left;
width:25%;
text-align:center;
line-height:50px;
text-align:center;
padding-bottom:10px;

}
.prdlist .imgzoom {
width:90%;
border:#eee 1px solid;
margin:0px auto;
}

.prdname {
clear:both;
text-align:center;
line-height:50px;
}

@media (max-width: 1000px) {
.prdlist {
width:33.33%;
}
}

@media (max-width: 660px) {
.prdlist {
width:50%;
}
}





/*手机端样式*/

#topmob {
float:right;
width:13%;
display:none;
}


#topmob img {
width:95%;
margin-right:5%;

margin-top:30px;
}


#dropmenu {
position:absolute;
top:70px;
background-color:#ffffff;
left:0px;
display:none;
z-index:1000;
width:100%;
border-bottom-width:0px;
overflow:hidden;
z-index:1200;
}



.drops {
text-align:center;
height:45px;
text-indent:25px;
width:100%;

}

.drops a {
display:block;
width:90%;
line-height:45px;
border-bottom:#eaeaea 1px solid;
text-align:10px;
text-align:left;
margin:0px auto;
}

@media (max-width: 900px) {
#topmob {
display:block;
}
.nav-container {
display:none;
}
}

@media (max-width: 900px) {
#toplogo {
width:85%;
}
#topmenu {
display:none;
}
}



@media (max-width: 500px) {
.diyos {
display:none;
}

.prdname {
line-height:35px;
height:35px;
font-size:13px;
overflow:hidden;
}
}

#banimg {
height:100%!important;
}