@charset "utf-8";
/* CSS Document */

body{ MARGIN:0PX 0PX; PADDING:0PX 0PX;FONT-SIZE:12PX; font-family:'微软雅黑',Arial, Helvetica, sans-serif; background:#ffffff;margin-top: 141px;}

a{ color:#555555; text-decoration:none; outline-style:none; outline-color:invert; outline-width:medium}

a:link{ text-decoration:none;}

a:hover{ color:#009688}

a img{ border:0;}

h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{ margin:0px; padding:0px;}

ul,li{ padding:0px; margin:0px; list-style:none;}

a img{ border:none;}


.clear{ clear:both; height:0; overflow:hidden; display:block;}

.green{ color:#009688; }

.float_left{ float:left;}

.float_right{ float:right;}

.container{ min-width:1300px; width:1300px; margin:0px auto; padding:0px; text-align:left; }

.top_set{ background:#009688; height:29px; line-height:29px; color:#FFFFFF;}
.top_set a{ color:#FFFFFF; margin:0px 10px;}
.top_set_l{ float:left;}
.top_set_r{ float:right;}
.top_set_r img{ vertical-align:middle; margin-right:3px;}

.top_bg{  z-index:40;
	-moz-box-shadow:0px 3px 10px rgba(0,0,0,0.3);             /* For Firefox3.6+ */
	-webkit-box-shadow:0px 3px 10px rgba(0,0,0,0.3);          /* For Chrome5+, Safari5+ */
	box-shadow:0px 3px 10px rgba(0,0,0,0.3);                  /* For Latest Opera */
	position:fixed !important; width:100%;  top:0; left:0;  _position: absolute; _bottom: auto; _top: expression( eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + this.offsetHeight -24  : document.body.scrollTop +  this.offsetHeight -24);
	background:#FFFFFF;
}

#top{position:relative; width:1300px; height:112px;　 }

.logo{ float:left;}
.logo a{float: left;}
.logo .lss{float: left;margin:33px 0;}
.lss1{font-size: 22px;color: #009688;font-weight: bold;}
.lss2{font-size: 13px;color: #7f7e7e;}

.top_copy{ position:absolute ; right:0px; top:37px; }
.top_copy a{ margin:0px 10px; }
.top_copy img,.top_copy select{ vertical-align:middle; margin-right:5px;}

.menu_er_bg{ box-shadow: 0 3px 4px rgba(0,0,0,0.3); position:fixed !important;  top:0; left:0;  _position: absolute; _bottom: auto; _top: expression( eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + this.offsetHeight -24  : document.body.scrollTop +  this.offsetHeight -24); top:136px; left:0;  width:100%; height:340px; display:none; background:#FFFFFF; z-index:40;}
.menu_er_bg2{ box-shadow: 0 3px 4px rgba(0,0,0,0.3); position:fixed !important;  top:0; left:0;  _position: absolute; _bottom: auto; _top: expression( eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + this.offsetHeight -24  : document.body.scrollTop +  this.offsetHeight -24); top:136px; left:0;  width:100%; height:130px; display:none; background:#FFFFFF; z-index:40;}

#menu{ float:left; height:107px;  display:inline; }

#menu ul li{ float:left;  width:110px;  text-align:center;  font-size:16px;
    position: relative;}

#menu ul li a{display:block; height:103px; line-height:103px; }

#menu ul li a:hover{ color:#009688; }
#menu ul li a.hover{ color:#009688; }
#menu ul li:after{
    content: "";
    width: 0;
    height: 4px;
    background: #009688;;
    position: absolute;
    top: 100%;
    left: 50%;
    transition: all .8s;
}
#menu ul li:hover:after{
  color:#009688;
   left: 0%;
   width: 100%;
}
#menu ul .er_div{ position:absolute; display:none; left:-760px; top:107px; z-index:999; padding:0px; margin:0px; width:1650px; z-index:5; padding-bottom:20px; background:url(../images/top_menu_zs1.jpg) no-repeat 107px 20px; min-height:265px; height:auto;_ height:265px;} 
#menu ul .er_div_con{ display: inline-block;  padding-top:40px;}
#menu ul .er_div .e_type{ padding:0 30px; float:left; text-align:left;height:150px;}
#menu ul .er_div .e_type .title{ font-size:15px; color:#009688; padding:8px 0;}
#menu ul .er_div .e_type a:hover{ border:none; text-decoration:underline;}
#menu ul .er_div .e_type .title a{color:#009688;   height:26px; line-height:26px; font-weight: 100 !important;}
#menu ul .er_div .e_type .e_type_div{ height:26px; line-height:26px; clear:both; overflow:hidden;font-weight: 100 !important;}
#menu ul .er_div .e_type .e_type_div a{ height:26px; font-size:12px; line-height:26px; display:block;color: #555;font-weight: 100 !important;}


.top_search_bg{ width:100%; position:absolute; left:0; top:136px; display:none; border-top:solid 1px #eaeaea; background:#FFF; z-index:50; text-align:center; padding:37px 0; height:38px;}
.top_search_bg form{width: 500px;margin:0 auto;}
.top_search_bg .search_k{ border:solid 1px #c8c8c8; width:435px; cursor:text; color:#999; height:36px; line-height:36px; padding-left:10px; border-right:none; background:none;}
.top_search_bg input{ vertical-align:middle;   padding:0;
   
     margin-right: 0; }


/*Top*/

.index_banner{  min-width:1300px; }

.yin_home{  height:950px; position:absolute; left:0; top:0; z-index:-1; width:100%; overflow:hidden; }
.yin_home .banner_list{transform: scale(1, 1); animation: bannerbig 20s linear infinite;}
.yin_top{ height:81px; margin-top: 15px;  background:url(../images/yin_tm.png) repeat-x center bottom;}
.yin_top_l{ float:left;}
.yin_top_r{ float:right; padding-top:32px;}
.yin_top_r a{ margin:0 10px;}
.yin_top_r img{ vertical-align:middle;}
.yin_con{ height:800px; position:relative;}
.yin_con .fu_div{ position:absolute; top:290px; right:20px;}
.yin_con .fu_div .lis{ position:relative; float:left; font-size:18px; color:#FFFFFF; cursor:pointer; text-align:center;} 
.yin_con .fu_div .lis a{ color:#FFFFFF;}
.yin_con .fu_div .lis img{ margin-top:10px; margin-bottom:10px;}
.yin_con .fu_div .lis_line{ float:left; margin:0px 20px; padding-top:25px;}
.yin_con .fu_div .lis .show_div{ position:absolute; right:25px; top:160px; width:90px; color:#FFFFFF; font-size:20px;font-weight: 600; line-height:24px; text-align:center; display:none;}
.yin_con .yin_font{ position:absolute; top:313px; left:0; color:#fff; z-index:30; font-size:45px; font-weight:bold; line-height:40px;}
.yin_con .yin_font .en_font{ text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:17px; padding-top:8px; }

@keyframes bannerbig {
  0% {
     -webkit-transform: scale(1.0,1.0); transform: scale(1.0,1.0);
  }
  6.5% {
    -webkit-transform: scale(1.02,1.02); transform: scale(1.02,1.02);
  }
  25% {
    -webkit-transform: scale(1.04,1.04); transform: scale(1.04,1.04); 
  }
  37.5% {
    -webkit-transform: scale(1.06,1.06); transform: scale(1.06,1.06); 
  }
  50% {
    -webkit-transform: scale(1.08,1.08); transform: scale(1.08,1.08); 
  }
  62.5% {
    -webkit-transform: scale(1.06,1.06); transform: scale(1.06,1.06); 
  }
  75% {
   -webkit-transform: scale(1.04,1.04); transform: scale(1.04,1.04); 
  }
  87.5% {
     -webkit-transform: scale(1.02,1.02); transform: scale(1.02,1.02);
  }
  100% {
    -webkit-transform: scale(1,1); transform: scale(1,1);
  }
}

 
/*Inside End*/


/*Bottom*/
 
.last_dh{ min-height:111px; height:auto; _height:111px; padding:30px 0px; background:#4b4c53; color:#FFF; min-width:1300px;  }
.last_dh a{color:#FFF; }
.last_dh .last_contact_font{ float:left; }
.last_dh .last_contact{ width:780px; float:left; padding-left:40px; display:inline; line-height:35px;}
.last_dh .last_contact img{ vertical-align:middle; margin-right:8px;}
.last_dh .guanzhu{ float:right; width:130px;}
.last_dh .guanzhu .title{ font-size:16px; padding-bottom:15px;}
.last_dh .guanzhu a{ margin:0px 5px;}

.last_menu{clear:both; color:#7a7a7a;text-align:center;border-top: 1px #e5e5e5 solid;}
.last_menu img{ vertical-align:middle;height: 35px;}
.last_menu a{ color:#7a7a7a;}
.last_menu_l{display:flex;justify-content: center;align-items: center;padding:25px 0;font-size: 13px;}
.last_menu_l a{ margin:0px 10px;}
.last_menu_r{ float:right; padding-right:10px; text-align:right;}

.yin_last {
    background: url(../images/yin_tm.png) repeat-x center top;
    clear: both;
    height: 49px;
    line-height: 49px;
    text-align: center;
    color: #FFFFFF;
}
.yin_last a {
    color: #FFFFFF;
}









@media all and (max-width:1300px) {
	#home .container{ min-width:auto; width:100%;}
}