@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,blockquote,p{padding:0; margin:0; font-size:100%; background:transparent; outline:0; border:0;}
li{list-style-type:none;}img{border:0; margin:0; overflow:hidden}ol,ul {list-style:none; margin:0px; padding:0px}   
.left{float:left;}.right{float:right;}
.cb{ clear:both;}.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
a{color: #4b4c4c; text-decoration: none; outline:none;}a:hover {color: #f60; text-decoration: underline}
h3 {color:#ffffff; font-size:18px; padding-left:5px}
h2{color:#000000; font-size:18px; padding-left:5px; border-bottom:1px solid #cccccc}
body {background:#fff;font-size:14px;color: #4b4c4c;line-height:28px;font-family: Arial, Helvetica, sans-serif; -webkit-text-size-adjust:none;}

.left_pro a{
	color:#000;
	font-weight:bold
}
.left_pro td{
	border-bottom:1px dashed #CCC;
	padding-left:10px
}
.left_products td{
	border-bottom:1px solid #CCC;
	padding-left:10px
}
.mainbody,.syabout { width:1087px; margin:0 auto;}
.main { width:900px; margin:0 auto; padding:10px; border:#ddd 1px solid;}

.t_top { width:100%; height:25px; line-height:25px; border-bottom:#d2d2d2 1px dashed; overflow:hidden; color:#aaa; font-size:12px;}
.t_top .t_left { height:25px; float:left; font-family:simsun;}
.t_top .t_right { height:25px; float:right; text-align:right; font-family:simsun;}
.t_top .t_right a { padding:0 8px; color:#aaa;}

.head { clear:both; width:1170px; height:117px; margin:0 auto;}
.head .logo { height:82px; float:left; margin-top:17px;}
.head .ew { float:right; height:87px; margin-top:15px; margin-right:20px;}
.head .ew img{ height:87px;}
.head .tel { float:right; height:77px; margin-top:40px; margin-right:5px;}

.nav_main{ height:50px; clear:both; width:100%; font-size:16px;  background:#004750;}

#nav {
  line-height: 50px;  list-style-type: none; overflow:hidden; height:50px;font-size:16px; margin:0px auto; width:1200px }

#nav a {
 display: block;  text-align:center; height:50px; color:#fff; text-decoration:none
}

#nav a:hover  {
 color:#ffffff;text-decoration:none;
}
#nav li {
 float: left; width:154px; overflow:hidden; display:block;
}

#current a{background:#fed201; color:#222222}

#nav li a:hover{
 background:#fed201;
}
#nav li ul {
  list-style-type: none;text-align:left;
 left: -999em; width: 145px; position: absolute; margin:0px; z-index:1000; padding:0px;
}
#nav li ul li{
 float: left; width: 158px;
 background: #356a94;
 border-bottom:1px #FFFFFF solid;
 font-size:12px;
 margin-left:0px
}


#nav li ul a{
 display: block; width: 175px;w\idth: 175px;text-align:left;padding-left:10px;font-weight:normal;line-height: 30px; height:30px
}

#nav li ul a:link  {
 color:#FFF; text-decoration:none;
}
#nav li ul a:visited  {
 color:#FFF;text-decoration:none;
}
#nav li ul a:hover  {
 color:#F3F3F3;text-decoration:none;font-weight: bold;
 background:#17c1ff;
}

#nav li:hover ul, #nav li ul li:hover ul {
 left: auto;
}
#nav li.sfhover ul, #nav li ul li.sfhover ul {
 left: auto;
}


/*新加*/
#nav li ul ul { /* third-and-above-level lists */
	margin: -2.5em 0 0 13.2em; 
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}


#kinMaxShow {
	visibility:hidden; width:100%; min-width:1140px; height:430px; overflow:hidden; clear:both
}


.bot_pro{
	margin:0px auto
}
h1 { width:85%; text-align:center; font-size:20px; font-weight:bold; line-height:30px; color:#333; padding-bottom:10px; margin:0 auto;}

.sousou { clear:both; width:1170px; margin:0 auto;  background-color:#b0d0ff; height:80px}
.sousou .ss1 {  float:left; color:#848383;font-family:Microsoft YaHei; height:35px; overflow:hidden; margin:30px 0 0 10px}
.sousou .ss1 span { color:#1c8dee; font-size:15px;}
.sousou .ss1 a {white-space:nowrap;}
.ss { width:406px; float:left; height:33px; border:#004750 1px solid; overflow:hidden; margin-bottom:20px }
.sousou .tel { float:right; height:36px; margin-top:29px;}

.tit { width:100%;height:28px;  overflow:hidden;}
.tit h3 {color:#004750; font-size:18px;}
.tit h3 span { color:#ec8c13; font-size:12px; text-transform:uppercase; padding-left:8px; font-family:Verdana;}
.lis { border-bottom:#ddd 1px dashed;}

.footer2 { clear:both; width:100%; padding:20px 0; height:160px; color:#424242;overflow:hidden; font-family:Microsoft YaHei;}
.footer2 span.zzb07tail a,.footer2 a{ color:#424242;}
.bottom2 { width:1170px; margin:0 auto; height:160px;}
.bottom2 .foot2 { width:1000px; float:left; border-right:#dcdcdc 1px dashed; margin-top:20px; padding-right:10px; font-size:15px;}
.bottom2 .foot2 .tt { width:100%; line-height:30px; padding-bottom:10px; overflow:hidden;}
.bottom2 .foot2 .tt  { float:left; padding-left:5px;}
.bottom2 .foot2 .tt .s1 {width:610px; font-size:16px; background:url(../images/ensky39.jpg) no-repeat left center; float:left}
.bottom2 .foot2 .tt .s2 {width:350px; font-size:16px; background:url(../images/ensky42.jpg) no-repeat left center; float:right;}
.bottom2 .foot2 .tt .s2 img{margin-top:5px}
.bottom2 .foot2 .ftbq { width:100%; padding-top:15px; color:#666; height:35px; line-height:35px; border-top:#e3e3e3 1px solid; overflow:hidden;}
.bottom2 .foot2 .ftbq a { padding:0 17px; color:#666;}
.bottom2 .ftew { width:90px; float:right; padding-top:10px; padding-right:35px; text-align:center;}
.bottom2 .ftew img { width:114px; display:block;}

.footer3 { clear:both; width:100%; text-align:center; height:100px;  color:#93c3f2;overflow:hidden; font-family:Microsoft YaHei; background:#004750; padding:2px}
.footer3 span.zzb07tail a,.footer3 a{ color:#93c3f2;}

.blank40{
	width:1087px; margin:0px auto
}

.full-length ul{margin: 0 -1.5%; margin:0px; }
.full-length li{float: left; width: 31%; margin: 10px 1%; list-style: none;}

h3{font-size: 20px; margin: 5px 0 10px;}
.btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border: 2px solid #4d92d9; background-color: #4d92d9; text-decoration: none; transition: 0.4s;}
.btn:hover{background-color: transparent; color: #4d92d9; transition: 0.4s;}
.text-desc{position: absolute; left: 0; top: 0; background-color: #fff; height: 100%; opacity: 0; width: 100%; padding: 20px; box-sizing: border-box;}
/*= Reset CSS End
================= *

/* effect-1 css */
.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9);}
.port-1 .text-desc{opacity: 0.9; top: -100%; transition: 0.5s; color: #000; padding: 45px 10px 10px;}
.port-1 img{transition: 0.5s;}
.port-1:hover img{transform: scale(1.2);}

.port-1.effect-1:hover .text-desc{top: 0;}

.port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
.port-1.effect-2:hover .text-desc{bottom: 0;}

.port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;}
.port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%; padding: 45px 10px 10px;}
/* effect-1 css end */
.container{margin: 0 auto; max-width: 1060px;}



.full-length{width: 100%; clear:both; overflow:hidden}