/*样式初始化*/
* {margin: 0px;padding: 0px;}
body{margin:0; padding:0; font-family:"微软雅黑"; overflow-x: hidden;font-size:14px;}
a{color:#666; text-decoration:none;}
a:hover{color:#00a0e9; text-decoration:none;}
div {margin: 0px;padding: 0px;margin: 0px; box-sizing:border-box;}
span,p {margin: 0px;padding: 0px;}
h1,h2,h3,h4,h5,h6,b {margin: 0px;padding: 0px;}
dl,dt,dd,ol,ul,li{margin: 0px;padding: 0px;list-style: none;}
img {border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;margin: 0px;padding: 0px;}
from,input,select {margin: 0px;padding: 0px;}
input,button,select,textarea {outline: none}
i{ font-style:inherit;}
.fl{ float:left;}
.fr{ float:right;}
.pr{position: relative;}
.pa{position: absolute;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mt70{ margin-top:70px;}
.mt80{ margin-top:80px;}
.mt90{ margin-top:90px;}
.mt100{ margin-top:100px;}
.mb10{ margin-bottom:10px;}
.mb30{ margin-bottom:30px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}
.pt70{ padding-top:70px;}
.pt80{ padding-top:80px;}
.pt90{ padding-top:90px;}
.pt100{ padding-top:100px;}
.w1400{width:1400px;margin:0 auto; min-width:1400px;}
.oh{ overflow:hidden;}
.clb{ clear:both;}
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}
li, p, i, b, em, dt, dd, td, a, ul, td, input, textarea, span {
    box-sizing: border-box;
}








/*抬头*/
.x_top{min-width: 1400px; height:61px; background:url(/images/s1bg.png) no-repeat center; line-height:56px; padding:0px 2% 0px 2%; background-size:100% 100%;}
.twtp{    position: relative;    right: 2%;    top: 15px;}
.x_top p.fl{ font-size:18px; color:#ffffff; letter-spacing: 2px; margin-top:2px;}
.x_top ul li{ float:left; height:22px; padding:0px 18px; line-height:22px; border-left:1px dotted #a9a9a9;font-size:14px; font-weight:lighter; color:#666;margin-top: 20px;}
.x_top ul li a{ font-size:14px; font-weight:lighter; color:#666;}
.x_top ul li a:hover{ color:#fff; text-decoration:underline;}
.x_top ul li span{ font-size:20px; font-weight:bold; color:#222;}
.x_top ul li a,.x_top ul li p{ padding-left:26px; display:block;}
.x_top ul li:nth-child(1){ border-left:none; }
.x_top ul li:nth-child(2) a{ background:url(../images/sc.png) no-repeat left top;}
.x_top ul li:nth-child(3) a{ background:url(../images/lx.png) no-repeat left top;}
.x_top ul li:nth-child(4) p{ background:url(../images/dh.png) no-repeat left top;}
.hsecond{ height:120px; padding:0px 1% 0px 1%;min-width: 1500px;}
.hlogo{ height:100%; padding:26px 0px 0px 0px;}
.hmean{    padding-top: 32px;    padding-left: 22px;}
.hmean p:nth-child(1){ font-size:26px; color:#333; font-weight:500;margin-bottom: 8px;}
.hmean p:nth-child(2){ text-transform: uppercase; font-size:13px; letter-spacing:0.1px;}
.nav ul li{ float:left; line-height:120px; position:relative;}
.nav ul li>a{ font-size:16px; color:#484848; padding:0px 20px; display:block;}
.nav ul li.cur:after,.nav ul li:hover:after{ width:100%;}
.nav ul li+li{ margin-left:5px;}
.nav ul li.cur>a,.nav ul li:hover>a{ color:#009c4d; font-weight:bold;}
.nav ul li:after{ content:''; position:absolute; display:block; margin:0 auto; left:0px; right:0px; bottom:0px; height:3px; background:#009c4d; transition:all 0.5s ease; width:0px;}
.dropmenu{ position:absolute; right:0px; top:118px; background:#fff; width:500px; height:0px; z-index:9999; overflow:hidden; transition:all 0.5s ease;}
.nav ul li:hover .dropmenu{ padding:20px;}
.nav ul li:hover .dropmenu1{ height:300px;}
.nav ul li:hover .dropmenu2{ height:370px;}
.nav ul li:hover .dropmenu3{ height:440px;width:500px;}
.nav ul li:hover .dropmenu4{ height: 440px;width: 500px;}
.nav ul li:hover .dropmenu5{ height: 370px;width: 340px;}
.ds_a{ width:100%;  background:#f5f5f5; margin-bottom:20px;min-width: 1400px;}
.dropa a{ display:inline-block; width:140px; height:50px; border:1px solid #d9d9d9; line-height:48px; text-align:center; font-size:14px; color:#484848; transition:all 0.5s ease;}
.dropa a+a{ margin-left:20px;}
.dropa1 a{ width:215px;}
.dropa2 a{ width:215px;}
.dropa dl+dl{ margin-top:20px;}
.dropa a:hover{ background:#009c4d; border-color:#009c4d; color:#fff;}
/*幻灯片*/
.new-banner { position: relative; }
.new-banner a { display: block; }
.new-banner .slick-dots { position: absolute; left: 0; right: 0; text-align: center; bottom: 28px; font-size: 0; z-index: 9; }
.new-banner .slick-dots li { display: inline-block; vertical-align: middle; width: 14px; height: 14px; border-radius: 50%; margin: 0 10px; cursor: pointer; position: relative; background:#fff; }
.new-banner .slick-dots li:first-child:before { display: none; }
.new-banner .slick-dots li:last-child:after { display: none; }
.new-banner .slick-dots li:after { left: 0px; }
.new-banner .slick-dots li:before { right: 0px; }
.new-banner .slick-dots li button { display: none; }
.new-banner .slick-dots li.slick-active { background: #009c4d; width:56px; height:14px; border-radius:14px; }
/*搜索*/
.search{ height:67px; border-bottom:1px solid #ebebeb;}
.keywords{ line-height:66px;}
.keywords a{ font-size:13px; color:#888888; font-weight:lighter; padding:0px 15px;}
.keywords a+a{ border-left:1px dotted #a4a4a4}
.keywords span{ font-size:14px; color:#222222; background:url(/images/re.png) no-repeat left; padding-left:18px;}
.keywords a:hover{ color:#009c4d; text-decoration:underline;}
#search_bg{ height:66px; width:320px; border-left:1px solid #ebebeb;}
#search_bg input{ float:left; height:66px;}
#sso{ background:#009c4d;}
#key{ width:253px; padding-left:20px;}
/*底部*/
.cop_bc{width: 100%;background: #1b2529;position: relative; color:#666;}
.cop_bc a:link,.cop_bc a:visited,.cop_bc a:hover{ color:#666;}

.cop_c{display: flex;align-items: center;justify-content: space-between;}
.cop_lc{width: 800px;padding-top: 90px; padding-bottom:90px;}
.copp{display: flex;justify-content: space-around;}
.copp ul li a{font-size: 14px;padding-bottom: 11px;display: block;text-align:center;}
.copp ul li:first-child a{font-size: 18px;color: #fff;padding-bottom: 30px;}

.cop_rc{width: 600px;display: flex;justify-content: space-around;position: relative;margin-top:-80px;}
.dy_c>div{padding-top: 22px;text-align: center;}
.dy_c img{width: 170px;}
.dy_c>div p{font-size: 14px;}
.lx_c>p{font-size: 18px;color: #fff;padding-top:10px;}
.lx_c>div{font-size: 16px;line-height: 36px;margin:30px 0 52px;}
.bq_ewm{display: flex;}
.bq_ewm li{position: relative;}
.bq_ewm li span{width: 36px;height: 36px;border: 2px solid #666;border-radius: 100%; transition: all .5s; display:flex; justify-content:center; align-items:center; text-align:center;}
.bq_ewm li+li{margin-left: 12px;}
.foot_bc{border-top:1px solid rgba(255,255,255,0.14);}
.foot_c{display: flex;justify-content: space-between;height: 73px;align-items: center;}
.foot_c a,.foot_c div{font-size: 14px;}
.ewm_cc{display: none;position: absolute;
    top: -155px;
    left:calc(50% - 75px);}
.ewm_cc img {
    width: 150px!important;
}

.linkTagcs{width:100%!important;}
.bq_ewm li:hover span {
    background: #009c4d;
    border: 2px solid #009c4d;
    color: #fff;
}
.dy_c>p {
    background: #fff;
    padding: 13px;
    border-radius: 6px;
}
/*在线客服*/
.icon-font {
  position: relative;
}

.icon-font:after {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(/images/icon_spirit.png);
  background-repeat: no-repeat;
  position: absolute;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
}
#toolbar {
  position: fixed;
  z-index: 9999;
  right: 17px;
  bottom: 10%;
}

#toolbar li {
  margin-bottom: 3px;
  font-size: 0;
  width: 57px;
  height: 57px;
  right: 0;
  position: relative;
}

#toolbar li a {
  display: block;
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  width: 57px;
  height: 57px;
  overflow: hidden;
  background: #3a4246;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  white-space: nowrap;
  font-size: 0;
}

#toolbar li .icon-font {
  display: inline-block;
  vertical-align: middle;
  width: 57px;
  height: 57px;
  background-color: #d9d9d9;
}

#toolbar li .icon-qq:after {
  background-position: 0 -150px;
}

#toolbar li .icon-phone:after {
  background-position: 0 -90px;
}

#toolbar li .icon-ewm:after {
  background-position: 0 -30px;
}

#toolbar li .icon-message:after {
  background-position: 0 -120px;
}

#toolbar li .icon-top:after {
  background-position: 0 -60px;
}

#toolbar li .icon-wangwang:after {
  background-position: 0 0;
}

#toolbar li .wz {
  display: inline-block;
  line-height: 57px;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  padding-left: 10px;
}

#toolbar li.ewm .ewm-box {
  position: absolute;
  z-index: 1;
  padding: 5px;
  background: #3a4246;
  width: 110px;
  right: 120%;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all .7s;
  transition: all .7s;
}

#toolbar li.ewm .ewm-box p {
  margin-bottom: 0;
}

#toolbar li.ewm .ewm-box img {
  max-width: 100%;
}

#toolbar li.ewm .ewm-box:after {
  content: '';
  position: absolute;
  right: -5px;
  bottom: 20px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 5px;
  cursor: pointer;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #3a4246;
  border-right: none;
}

#toolbar li.ewm:hover .icon {
  background-position: -57px -180px;
}

#toolbar li.ewm:hover .ewm-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#toolbar li.backtop {
  cursor: pointer;
}

#toolbar li.backtop .iconfont {
  color: #fff;
  background-color: #3a4246;
}

#toolbar li:hover a {
  width: 200px;
}

#toolbar li:hover .icon-font {
  background-color: #3a4246;
}

#toolbar li:hover .icon-qq:after {
  background-position: -30px -150px;
}

#toolbar li:hover .icon-phone:after {
  background-position: -30px -90px;
}

#toolbar li:hover .icon-ewm:after {
  background-position: -30px -30px;
}

#toolbar li:hover .icon-message:after {
  background-position: -30px -120px;
}

#toolbar li:hover .icon-wangwang:after {
  background-position: -30px 0;
}

#toolbar li:hover .icon-top:after {
  background-position: -30px -60px;
}


/*new-links h*/
.new-links { background: #009c4d; font-size: 14px; padding: 1em 0; color: #ffffff; line-height: 1.7; }
.new-links a { color: #ffffff; margin: 0 5px; }
.new-links a:hover { text-decoration: underline; }


/*荣誉资质*/
.pre_banner_3d a{
    text-decoration: none;border:none;
}
.pre_banner_3d{
    margin:auto;
    width:1400px;
    height:440px;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.contrves{
    width:100%;height:auto;position:absolute;
}
.nav_banners{
    width:100%;
    height:auto;
    border-bottom: 1px solid #f2f2f2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between;
}
.nav_banners>li{
    display:inline-block;padding:0px;margin:0px;border-radius: 5px;font-size:14px;cursor: pointer;
}
.blue_nav{
    background:#009c4d;color:#fff;
}
.banner_tree{
    width:100%;height:380px;position:absolute;bottom:0;overflow: hidden;
}

.color_font{
    background:#009c4d;color:#fff;width: 45px;height: 45px;font-size:24px;
    text-align: center;line-height: 43px;border-radius: 25px;font-weight: 25px;
    position:absolute;top:0;bottom:0;margin:auto;z-index: 50;cursor: pointer;
}
.color_font:hover {
	background: #dedede;
}
.left_btn{
    left:0;
}
.right_btn{
    right:0;
}
.img_phone{
    width:100%;height:100%;
}
.show_s_ui{
    width:100%;height:100%;position:relative;
}
.show_s_ui>li{
    width:380px;height:380px;position:absolute;top:0;bottom:0;margin:auto;z-index: 30;cursor: pointer;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);opacity: 0;display:flex !important; justify-content:center !important; align-items:center !important;
}
.show_s_ui>li>div{
    position: absolute;bottom:0;width:100%;height:auto;line-height:20px;padding-top:10px;padding-bottom:10px;background:#000000;color:#ffffff;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    opacity: 0.9;display:none;font-size:14px;text-align:center;display:block;
}
.show_s_ui>li a {
	color:#ffffff;
}
.show_s_ui>li a:hover {
	color:#ffffff;
}
.show_s_ui>li>img{
    max-width:100%;max-height:380px;
}
#middel_shows{
    width:380px;height:380px;left:37.5%;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity:1;
}
#left_shows{
    left:5%;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;
}
#right_shows{
    left:70%;opacity: 0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
#small_left,#small_right{
    width:154px;height:249px;opacity: 0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
#small_left{
    left:-15%;
}
#small_right{
    left:102.5%;
}