/*通用样式*/
* {
	margin: 0px;
	padding: 0px;
	outline:none;
}
ul {
list-style-type:none;
}
li {
list-style-type:none;
text-align:left;
}

div {
	font:14px/1.8em 微软雅黑;
	color: #373737;
	letter-spacing: 1px;
	text-align:left;
}

a{ blr:expression(this.onFocus=this.blur());outline:none;}
a:focus{ -moz-outline-style: none;} 
input,textarea {outline:none;}


LI {
	color: #373737;
}

td {

	font:14px/1.8em 微软雅黑;
	color: #373737;
	letter-spacing: 1px;


}
body {
	margin: 0px;
	font:14px/1.8em 微软雅黑;
	color: #373737;
	padding:0px;
	text-align:center;


}



a {
	text-decoration: none;
	color: #373737;

}

a:hover {
	text-decoration:none;

}

.tdbg_leftall {
border:#373737 2px solid;

font-weight:13px;
font-weight: 600;
line-height: 17px;
padding:15px;
margin-top:5px;
color:#373737;
width:60%
	
}

.tdbg_leftalls {
border:#373737 2px solid;

font-weight:13px;
font-weight: 600;
line-height: 17px;
padding:15px;
margin-top:5px;
color:#373737;
width:63%
	
}


.fedbut {

border:#373737 2px solid;
height:35px;
padding:0px 23px;
letter-spacing:1px;
text-transform: uppercase;
line-height:36px;
cursor:pointer;
font-size:13px;
}

.contact-form p {
padding-top:10px;
text-align:center;
}



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;
}


.gmap {
width:600px;
height:450px;
max-width:100%;
}


@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;
clear:both;
line-height:30px;
}


.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;
}

.sticky {
	 position: fixed; 
	 box-shadow: 0px 8px 6px -6px #eee; 
	 -webkit-box-shadow: 0 8px 6px -6px #eee; 
	 -moz-box-shadow: 0 8px 6px -6px #eee;
	 background-color:#FFFFFF;
	 text-align:center;
	 width:100%;
	 clear:both;
	 z-index:1000;
	 top:0px;
	 border-bottom:#ccc 1px solid;
}


/*顶部样式*/
.abtopbg {
height:70px;
width:100%;
height:170px;
background:#FFFFFF;
clear:both;
}
.nav-container {
top:70px;
left:0px;
position:absolute;
text-align:center;
width:100%;
z-index:100;
}

.nav-container nav {
text-align:center;
width:100%;
}

#toplogo {
float:left;
}

#toplogos {
float:left;
display:none;
}

.topmenu , .topm {
float:left;
padding-top:18px;
padding-left:15px;
}

.topmenu ul li, .topm ul li {
float:left;
padding:0px 20px;
}

.topmenu a {
display:block;
color:#fafafa;
line-height:30px;

}

.topm a {
display:block;
color: #373737;
line-height:30px;

}


.topmenu a:hover {
font-weight:bold;
border-bottom:#fff 3px solid;
}

.topm a:hover {
font-weight:bold;
border-bottom:#1b207f 3px solid;
color: #1b207f;
}

.topmenucur a {
display:block;
color:#fafafa;
line-height:30px;
font-weight:bold;
border-bottom:#fff 3px solid;
}

.topmcur a {
display:block;
color: #1b207f;
line-height:30px;
font-weight:bold;
border-bottom:#1b207f 3px solid;
}

.topcnen {
float:right;
color:#fff;
padding-top:18px;
}
.topcnen a {
color:#fff;
}
.sticky #toplogo{
display:none;
}

.sticky  #toplogos {
display:block;
}
.sticky #toplogos a:hover {
border-bottom-width:0px;
}
.sticky div , .sticky a{
color: #373737;
}
.topcnenab {
float:right;
color:#fff;
padding-top:18px;
}
.topcnenab , .topcnenab a{
color: #373737;
}

.sticky .topcnenab a:hover {
border-bottom-width:0px;
}
.sticky a:hover {
color: #1b207f;
border-bottom:#1b207f 3px solid;
}

.sticky .topcnen a:hover {
border-bottom-width:0px;
}

.sticky .topmenucur a {
border-bottom:#1b207f 3px solid;
color: #1b207f;
}
.sticky .topmcur a {

color: #1b207f;
}

/*首页主体样式*/
.indexbaibg {
width:100%;
background:#ffffff;
text-align:center;
position:relative;
z-index:1;
}

.aboutbg {
width:100%;
background:#f1f1f1;
text-align:center;
position:relative;
z-index:1;
padding:50px 0px;
}

#indexaboutbt {
text-align:center;
font-size:36px;
line-height:120px;
color:#373737;
padding-top:40px;
}

#indexabwz {
text-align:center;
text-transform:uppercase;
}

#indexabwz p {
line-height:30px;
padding:15px 0px;
font-size:20px;
}

.prdlist {
float:left;
width:25%;
position:relative;
text-align:center;
margin-bottom:50px;
cursor:pointer;
}

.prdlist img {
width:92%;
margin:0px auto;

}

.prdlist div {
width:92%;
height:100%;
background:rgba(104,108,167,0.64);
position:absolute;
left:4%;
top:0px;
transition:0.3s linear; 
-webkit-transition: all .3s linear; 
-mos-transition: all .3s linear; 
-mz-transition: all .3s linear; 
-o-transition: all .3s linear;
opacity: 0;
}

.prdlist div p {
text-align:center;
color:#fff;
transition:0.3s linear; 
-webkit-transition: all .3s linear; 
-mos-transition: all .3s linear; 
-mz-transition: all .3s linear; 
-o-transition: all .3s linear;
}
.prdlist div p a {
line-height:30px;
border-bottom:#fff 2px solid;
color:#fff;

}

.prdlist:hover div {
opacity: 1;
}

.prdlist:hover p {
padding-top:33%;
}


@media (max-width: 900px) {
.prdlist {
width:33.33%;
}
}

@media (max-width: 600px) {
.prdlist {
width:50%;
}
}

/*底部样式*/

#footsps {
height:197px;
clear:both;
width:100%;

}

#footmain {
width:100%;
text-align:center;
padding-top:40px;
padding-bottom:30px;
background-color:#1b207f;
}

#footleft {
float:left;
padding-left:25px;
}

#footmenu {
clear:both;
line-height:30px;
}

#footmenu ul li {
float:left;
padding-right:40px;
}

#footmenu a {
color:#fafafa;
}

#footmenu a:hover {
font-weight:bold;
}

#footlx {
clear:both;
padding-top:10px;
line-height:25px;
color:#fefbfb;
font-size:12px;
padding-bottom:15px;
}

#footbq {
clear:both;
color:#fefbfb;
font-size:12px;
}

#footbq a {
color:#fefbfb;
}

#footshare {
float:right;
padding-top:40px;
}

#footshare img {
margin:0px 2px ;
}

@media (max-width: 880px) {
#footshare {
display:none;
}

}

@media (min-width: 680px) {
footer.uncover {
	transition:left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); left: 0px; bottom: 0px; position: fixed; z-index: 99; -webkit-transition: left .33s cubic-bezier(.694, .0482, .335, 1); -moz-transition: left .33s cubic-bezier(.694, .0482, .335, 1); -o-transition: left .33s cubic-bezier(.694, .0482, .335, 1); -webkit-backface-visibility: hidden;
	z-index:0;
	width:100%;
	text-align:center;
}

}

@media (max-width: 680px) {
#footmenu {
display:none;
}
#footleft {
clear:both;
width:100%;
padding-left:0px;
}
#footlx {
display:none;
}

#footbq {
text-align:center;
width:100%;
}
#footbq span {
display:none;
}
#footsps {
display:none;
}

#footmain {
padding-top:15px;
padding-bottom:15px;
}
}



/*内页样式*/

#abheight {
height:800px;
clear:both;
}

.abbt {
clear:both;
line-height:35px;
font-size:35px;


}

#rev_slider_2_1 {
	position: relative;
	z-index:25;
	background-color:#FFFFFF;
	width:100%;
	overflow:hidden;
	display: none;
}
#rev_slider_3_1 {
	position: relative;
	z-index:25;
	background-color:#FFFFFF;
	width:100%;
	overflow:hidden;
	display: none;
}
 .tp-bullets {
 position:absolute;
 display:block;
 z-index:1000;
 }
.tp-bullet {
background-color:#e5e5e5;
color:#202020;
cursor:pointer;
border-radius: 50%;
width:13px;
height:13px;
position:absolute;
-webkit-font-smoothing: antialiased;
line-height:26px;

}

 .tp-bullet.selected {
 background-color:#FFFFFF;
 }

.tp-bullet-title {
display:none;
}

.tp-leftarrow {
background:url(../image/leftarrow.png) no-repeat;
width:26px;
height:28px;
position:absolute;
display:block;
z-index:1000;
cursor:pointer;
}

.tp-rightarrow {
background:url(../image/rightarrow.png) no-repeat;
width:26px;
height:28px;
position:absolute;
display:block;
z-index:1000;
cursor:pointer;
}

#prdsm {
text-align:center;
padding:120px 0px;
}

#prdsmbt {
clear:both;
text-align:center;
color:#1b207e;
font-size:46px;
font-weight:400;
letter-spacing:1px;
line-height:56px;
}

#prdsmwz {
clear:both;
text-align:center;
line-height:50px;
font-weight:400;
padding-top:50px;
font-size:18px;
}

#prdsort {
clear:both;
padding-bottom:40px;
text-align:center;
color:#dedede;
}




#prdsort a {
font-size:18px;
font-weight:600;
color:#202020;
}


#prdbigimg {
clear:both;
padding-top:50px;
text-align:center;
padding-bottom:50px;
}


#prdbigimg img {
max-width:100%;
}

#prinfoname {
float:left;
}

#prnamewz {
clear:both;
font-size:36px;
line-height:42px;
font-weight:400;

}

#pnamesy {
clear:both;
font-size:24px;
font-weight:400;
line-height:62px;
}

#prdrightsort {
float:right;
}

#prdsortwz {
clear:both;
font-size:13px;
line-height:20px;
font-weight:600;
}

#prdstys {
clear:both;
font-size:14px;
line-height:26px;
font-weight:600;
}

#prdnextbut {
clear:both;
height:108px;
border-top:#e0e0e0 1px solid;
border-bottom:#e0e0e0 1px solid;
}

#prdnextleft {
float:left;
background:url(../image/prdleft.gif) no-repeat left center;
height:108px;
}

#prdnextright {
background:url(../image/rightarrow.gif) no-repeat right center;
height:108px;
height:108px;
}
#prdnextright a {
display:block;
float:right;
width:30px;
height:108px;
}
#prdnextleft a {
display:block;
float:left;
width:30px;
height:108px;
}
#pysleft {
float:left;
}
#pysright {
float:right;
}

.prdnextwz {
clear:both;
color:#1b207e;
font-size:12px;
font-weight:400;
padding-top:35px;
}
.prdnextname {
clear:both;
font-size:15px;
font-weight:600;
line-height:24px;
}

#prdtailssm {
clear:both;
padding:25px 0px;
}

#prdxg {
clear:both;
padding:40px 0px;
}

#prdxgbt {
clear:both;
text-align:center;
font-size:19px;
font-weight:400;
padding-bottom:30px;
}

#prdxgpic {
clear:both;
}



/*手机版菜单*/

#topmobmenu {
clear:both;
height:100px;
background:#FFFFFF;
display:none;

}

#topmoblogo {
width:85%;
text-align:center;
float:left;
}

#topmoblogo img {
max-height:95%;
max-width:95%;
margin-top:5%;
}

#topmob {
float:right;
width:15%;
}


#topmob img {
width:95%;
margin-right:5%;

margin-top:30px;
}
#dropmenu {
position:absolute;
top:100px;
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: 930px) {

#topmobmenu {
display:block;

}

.nav-container {
display:none;
height:0px;
}
.abtopbg {
display:none;
}
}

@media (max-width: 500px) {

.tdbg_leftall {
;
width:80%
	
}

.tdbg_leftalls {
border:#373737 2px solid;

font-weight:13px;
font-weight: 600;
line-height: 17px;
padding:15px;
margin-top:5px;
color:#373737;
width:90%;
}

#indexaboutbt {

font-size:25px;
line-height:50px;

padding-top:40px;
}
	
.abbt {
clear:both;
line-height:30px;
font-size:30px;
text-align:center;

}

#prdsmbt {

color:#1b207e;
font-size:35px;
font-weight:400;
letter-spacing:1px;
line-height:45px;
}

#prdsort a {
font-size:14px;

}

#prnamewz {

font-size:30px;
line-height:35px;
}

#pnamesy {

font-size:20px;
line-height:30px;
}

}

/*浮动在线客服样式*/

.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: #1590f9;
	float: left;
	position: relative;
	margin: 1px 0 0 0;
}
.diyos ul li:hover{ background:#093f6d;}
.diyos ul li .sidebox {
	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;
}

@media (max-width: 500px) {
.diyos {
display:none;
}
}
