﻿/* CSS Document */

body{overflow-x:hidden;}
/*header*/

.home_onerelist li div span{ display:block;text-align: justify;}
.bawenzi{    position: absolute; bottom:15%; right:0%; font-size:40px; color:#fff; background:none; text-align:left;width:42%;}
.bawenzi strong{ display:block;text-shadow: 4px 0px 15px #000;}



.head_right .phone-nav{display:none;}
.phone-nav{ right:10px;top:7px;position:absolute;width:35px;height:35px;display:none;background:url(../images/menu.png) no-repeat center;margin:0 0 0 5px;z-index:999}

.phone-subnav{width:100%;position:fixed;left:0;height:100%;top:0;background:rgba(255,255,255,.98);z-index:999999;margin:0 auto;display:none}
.phone-subnav .close{padding:20px 40px;display:block}
.phone-subnav .close img{max-height:40px}
.phone-subnav ul{height:90%;overflow-y:scroll;margin:25px 30px}
.phone-subnav ul li{position:relative;border-top:1px solid #dadada; overflow:hidden; text-align:left;}
.phone-subnav ul li i{position:absolute;right:10px;top:5px;text-align:center;line-height:30px;display:block;border-radius:100%;font-style:inherit;cursor:pointer}
.phone-subnav ul li i:after{content:"+";color:#666;font-size:24px;cursor:pointer;text-align:center}
.phone-subnav ul li .menu{color:#333;font-size:16px;line-height:40px;overflow:hidden;padding:0 40px 0 20px;display:block;cursor:pointer;text-align:left;position:relative;border-bottom:1px solid rgba(255,255,255,.05)}
.phone-subnav ul li .menu>a{display:block;color:#333}
.phone-subnav ul li .menu02>a{color:#1b8fe2}
.phone-subnav ul li .menu03{display:block;padding:10px 0}
.phone-subnav ul li .menu03 a{color:#888;font-size:13px;line-height:20px;padding-top:0}
.phone-subnav ul li div{display:none;padding-bottom:15px}
.phone-subnav ul li div a{color:#666;line-height:20px;padding:5px 10px 5px 20px;display:block;height:auto;font-weight:100;position:relative}
.phone-subnav ul li div em{display:block;font-style:inherit}
.phone-subnav ul li div em>a{color:#666;font-size:12px;display:block;padding:5px 5px 5px 48px;line-height:18px}
.phone-subnav ul .active i:after{content:"-"}


.home-banner{overflow:hidden;width:100%;position:relative;z-index:1}

.home-banner img{ width:100%;}


.home-banner .home-banner-slick .slick-list{overflow:hidden}
.home-banner .home-banner-slick .slick-slide{position:relative;overflow:hidden}
.home-banner .home-banner-slick .item{position:relative;text-align:center}
.home-banner .home-banner-slick .slick-dots{z-index:10;bottom:34px;line-height:0;text-align:center}
.home-banner .home-banner-slick .slick-dots li{margin:0 3px;padding:2px;width:14px;height:14px;z-index:2;background:0;border-radius:50%; border:1px solid #fff;}
.home-banner .home-banner-slick .slick-dots li button{width:10px;height:10px;padding:0;display:block;border-radius:50%;}
.home-banner .home-banner-slick .slick-dots li button:before{content:""}
.home-banner .home-banner-slick .slick-dots .slick-active{background:#fff;}
.home-banner .home-banner-slick .slick-dots .slick-active button{background:#fff}
.home-banner .home-banner-slick .slick-dots .slick-active button:before{color:transparent}
.home-banner .home-banner-slick-phone{overflow:hidden;display:none}
.home-banner .home-banner-slick-phone .slick-slide{position:relative;overflow:hidden}
.home-banner .home-banner-slick-phone .slick-slide img{-webkit-animation:1s bmove1 alternate linear;animation:1s bmove1 alternate linear}
.home-banner .home-banner-slick-phone .slick-dots{z-index:10;bottom:10px;line-height:0;text-align:center}
.home-banner .home-banner-slick-phone .slick-dots li{margin:0 3px;padding:1px;width:12px;height:12px;z-index:2;background:0;border-radius:50%}
.home-banner .home-banner-slick-phone .slick-dots li button{width:11px;height:11px;padding:0;display:block;border-radius:50%; border:1px solid #fff;}
.home-banner .home-banner-slick-phone .slick-dots li button:before{content:""}
.home-banner .home-banner-slick-phone .slick-dots .slick-active{background:#fff}
.home-banner .home-banner-slick-phone .slick-dots .slick-active button{/*background:#1d2088;*/ }
.home-banner .home-banner-slick-phone .slick-dots .slick-active button:before{color:transparent}

/*home-one*/
.home_title{ text-align:center; padding-top:85px;}
.home_title h3{ font-size:36px; color:#000;}
.home_title p{ font-size:24px; color:#595959;cursor:pointer; -webkit-transition:all .5s;transition:all .5s; margin-top:3px; height:36px;}
.home_title p:hover{ font-size:26px; color:#000; }

.home_onelist{ padding-top:78px;}
.home_onelist li { width:49%; float: left; margin-right:2%;}
.home_onelist li:last-child{ margin-right:0px;}
.home_onelist .box {
  display: block;
  position: relative;
  background: #566270;
}
.home_onelist .pic {
  transition: all .5s; padding-top:73%; display:block; position:relative;
}
.home_onelist .pic img{ width:100%;-webkit-transition:all .5s;transition:all .5s; display:block;}
.home_onelist li:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
/*.home_onelist .line {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding: 15px;
  display: none \9;
  opacity: 0;
  transition: all .5s;
}
.home_onelist .line span {
  border: 1px #fff solid;
  display: block;
  opacity: 0.3;
  position: relative;
  height: 100%;
  transition: all .5s;
}*/
.home_onelist .text {
  display: block;
  color: #fff;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  display: none \9;
  padding: 0 30px;
}
.home_onelist .text .bt-01 {
  font-size: 50px;
  font-weight: 700;
  display: block;
  height: 66px;

  overflow: hidden;
  transition: all .5s;text-align:center; margin-top:35%;
  opacity: 0;
}

/*.home_onelist .box:hover .pic {
  opacity: 0.2;
}
.home_onelist .box:hover .line {
  display: block \9;
  opacity: 1;
}
*/.home_onelist .box:hover .text {
  background: #1c5c49 \9;
  display: block;
}

.home_onelist .box:hover .text .bt-01 {
  opacity: 1;
}

.home_onerelist{ margin-top:100px;}
.home_onerelist li{min-height:310px; width:23.3%; float:left; background:#fff;padding:35px 26px 10px 26px;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;margin-right:20px; -webkit-box-shadow: 0 0 15px 5px #f3f3f3;-moz-box-shadow: 0 0 15px 5px #f3f3f3;box-shadow: 0 0 15px 5px #f3f3f3;}
.home_onerelist li img{ display:block;width:65px; height:65px;margin:0 auto;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.home_onerelist li.cur{transform: translateY(-3px);-webkit-transform: translateY(-3px);-ms-transform: translateY(-3px);-moz-transform: translateY(-3px);}
.home_onerelist li.cur img{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);}
.home_onerelist li:last-child{ margin-right:0px;}


.home_onerelist li div{ margin-top:26px;}
.home_onerelist li p{ font-size:18px; height:28px;color:#000;-webkit-transition:all .5s;transition:all .5s;text-align:center; margin-bottom:18px;}
.home_onerelist li:hover p{ font-weight:bold; font-size:20px;}
/*home-two*/
.home_twolist .home_title p{ font-size:20px; height:60px;}
.home_twolist .home_title p:hover{ font-size:22px;}
.hometwo_zuhe{ margin-top:72px;}
.hometwo_zuhe .hm_zuheleft{ width:50%; float:left;}
.hometwo_zuhe .hm_zuheleft img{ display:block; width:100%;}
.hometwo_zuhe .hm_zuheright{ width:45.5%; float:right;}
.hometwo_zuhe .hm_zuheright li{ margin-bottom:45px;}
.hometwo_zuhe .hm_zuheright li:last-child{ margin-bottom:0px;}
.hometwo_zuhe .hm_zuheright li p{ font-size:20px; color:#000; margin-bottom:18px;}

.hometwo_zuhe .hm_zuheright li p a{ display:block; margin-top:26px;}

.hometwo_zuhe .hm_zuheright li span{ display:block; color:#595959; font-size:14px; margin-bottom:26px; text-align:justify;}
a.more{ display:block; width:150px; height:35px; line-height:33px; overflow:hidden; font-size:16px; color:#566270; border:1px solid #566270; text-align:center;-webkit-transition:all .5s;transition:all .5s;}
.hone_yingyong li:hover .yy_text .more,.hometwo_zuhe .hm_zuheright li:hover a,a.more:hover{ background:#566170; color:#fff;}

.home_three{ background:#f2f2f2; margin-top:130px; padding-bottom:130px; overflow:hidden;}
.home_three .home_title{ padding-top:76px; padding-bottom:50px;}
.home_product{ }
.home_product div.slick-slide{ margin-right:20px;padding-bottom:20px; overflow:hidden;}
.home_product div.slick-slide:last-child{ margin-right:0px;}
.home_product div a img{ display:block; width:100%;-webkit-transition:all .5s;transition:all .5s;}
.home_product div a:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.home_product div p{ font-size:18px; color:#000;}
.home_product div a:hover p{ font-size:20px; font-weight:bold;}
.home_product div a { text-align:center; display:block; }

.home_product div a p{-webkit-transition:all .5s;transition:all .5s; margin-bottom:4px; height:28px;}
.home_product div span{ display:block; font-size:14px; color:#595959;text-align:justify;}
.home_product div .text{ background:#fff;width:100%;-webkit-box-shadow: 0 0 15px 5px #ececec;-moz-box-shadow: 0 0 15px 5px #ececec;box-shadow: 0 0 15px 5px #ececec; padding:13px 10px 10px 10px;}
.home_product .slick-next{ background:url(../images/right.jpg) no-repeat; color:inherit; width:35px; height:35px;right:38px;}
.home_product .slick-prev{ background:url(../images/left.jpg) no-repeat; color:inherit; width:35px; height:35px;left:91%;}
.home_product .slick-next::after,.home_product .slick-prev::after{   content: '';}
.home_product .slick-next,.home_product .slick-prev{top:109%; color:inherit !important}
.home_product .slick-dots{bottom:-42px;}
.home_product .slick-dots li{width:12px; height:12px; border:1px solid #566270;border-radius:50%}
.home_product .slick-dots li button{width:12px; height:12px;}
.home_product .slick-dots li.slick-active{ background:#566270;}

.hone_yingyong{ padding:120px 0 137px 0; overflow:hidden;}
.hone_yingyong li{width:48.8%; float:left; position:relative; cursor:pointer; margin-left:20px; }
.hone_yingyong li img{ display:block; width:100%;-webkit-transition:all .5s;transition:all .5s;}
.hone_yingyong li:first-child{ margin-left:0px;}
.hone_yingyong li .yy_text{ position:absolute; max-height:250px;width:80%;left:10%;background:#fff; bottom:-105px; padding:35px 60px 39px 65px;box-shadow:0px 15px 10px -10px #e9e9e9;-webkit-box-shadow:0px 15px 10px -10px #e9e9e9; -moz-box-shadow:0px 15px 10px -10px #e9e9e9;}
.hone_yingyong li .yy_text h3{ text-align:center; font-weight:normal; font-size:20px; color:#000; margin-bottom:16px;}
.hone_yingyong li .yy_text p{ font-size:14px; color:#595959; margin-bottom:32px; height:63px; overflow:hidden; text-align:justify;}
.hone_yingyong li .yy_text .more{ margin:0 auto;}
/*.hone_yingyong li:hover .yy_text {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0px 6px 6px #e9e9e9;
 -moz-box-shadow:0px 6px 6px #e9e9e9;
 box-shadow:0px 6px 6px #e9e9e9;}*/

/*home-news*/
.home_news{ background:url(../images/home_newsbj.jpg); margin-top:100px; overflow:hidden; padding-bottom:118px;}
.hnews_left{ width:53%;margin-top:156px; float:left;}
.hnews_left img{ display:block; width:100%;}
.hnews_right{width:43%; float:right;padding-top:95px; position:relative;}
.hnews_right li{ border-bottom:1px solid #000; min-height:120px;-webkit-transition:all .5s;transition:all .5s; margin-bottom:20px; padding-bottom:8px;}
.hnews_right li a{ display:block; font-size:20px; color:#000; margin-bottom:14px;}
.hnews_right li p{ font-size:14px; color:#595959; text-align:justify;}
.hnews_date{ padding-top:5px;}
.hnews_date .read i{ font-style:normal; padding-left:6px; }
.hnews_date{font-size:14px; color:#000; float:right;}
.hnews_date .date{ padding-right:20px;}
.hnews_right li:first-child{ border-bottom:none; background:#fff; position:absolute;left:-120px; padding:40px 30px 30px 147px;}
.hnews_right li:nth-child(2){ padding-top:230px; overflow:hidden;}
.hnews_right li:first-child .phone_date{background:#566270; font-size:14px;width:62px;text-align:center; color:#fff; padding:40px 0; margin-top:-89px; margin-left:-103px; float:left;}
.hnews_right li:first-child .phone_date p{ color:#fff;}
.hnews_right li:first-child .phone_date p.one{margin-bottom:14px; }
.hnews_right li:first-child .phone_date p.two{margin-top:14px;}
.hnews_right li:first-child .phone_date i{ font-style:normal; font-size:20px; padding-right:5px;}
.hnews_right li:hover a{ color:#566270;}
.hnews_right .more{ float:right;}
.hnews_right li:first-child .phone_date p{text-align:inherit;}
/*foot*/
/*ch-change-2022/11/30*/
/*.float-closed{display: none;}*/
/*.float-closed.active{display:block;}*/

.foot_menu{ background:#404852; overflow:hidden; padding:83px 0 30px;}
.foot_left{ width:100%;}
.foot_left>ul { display: flex; justify-content: space-between;}
.foot_left li{ width:16.666%; float:left; overflow:hidden;}
.foot_left li.contact {width: 30%;}
.foot_left li h3{ font-size:16px; color:#cccccc; margin-bottom:12px;}
.foot_left li a{ display:block; font-size:14px; color:#cccccc; margin-bottom:3px;}
.foot_left li div a:hover{ color:#fff;}
.foot_left li{width: 0;flex: 1;}
.foot_left li.contact a.down{ background:#8a8d93;width:100px; height:35px; line-height:35px; text-align:center; color:#fff; margin-top:24px;}

.foot_right{ width:23%; float:right;color:#cccccc; font-size:14px; text-align:center;}
.foot_right div.wx{ float:left}
.foot_right div.gw{ float:right}

.foot_db{ background:#36393c; overflow:hidden;}
.db_left{ font-size:14px; color:#ccc; float:left;width:70%;line-height:67px; padding-right:30px;}
.db_left a{color:#ccc;text-decoration: none;}

.db_right{ float:right;width:30%; text-align:right;}
.db_right div{ float:left;font-size:14px; color:#ccc; padding-right:38px;line-height:40px;}
.db_right div a{color:#fff;display:inline-block;margin-right:8px;}

.db_right a{ padding-top:17px; display:inline-block; float:left;}

/*about*/
.ny-banner img{ display:block; width:100%;}
.nyab_csr li { width:49%; float:left; margin-left:2%; overflow:hidden; margin-bottom:100px;}
.nyab_csr li:first-child{ margin-left:0;} 
.nyab_csr li div span{ display:block; font-size:14px; color:#595959; text-align:justify;}
.nyab_csr li div{ margin-top:17px; padding:0 100px;}
.nyab_csr li div p{ text-align:center; margin-bottom:24px;}
.nyab_csr strong{ display:block; font-size:27px;}
.nyab_csr i{ display:block; font-style:normal; font-size:16px; color:#000;}
.nyab_csr li img{ display:block; width:100%;}
.nydaohang{ color:#576270; font-size:16px; margin:28px 0 13px 0;}
.nydaohang a{ color:#000;}
.nydaohang a:hover{ color:#576270;}
.nyab_one{ margin-bottom:70px; overflow:hidden;}
.ny_title{ font-size:36px; color:#000; text-align:center; margin-bottom:70px;}
.nyab_two{ margin-bottom:80px;}
.nyab_two img{ display:block; width:100%;margin-bottom:25px;}
.ab_first .first_one{ width:50%; float:left;}
.ab_first .first_one img{ display:block; width:100%;}
.ab_first .first_two{ width:50%; float:right; padding:0 3% 0 6%;}
.ab_first .first_two p{ color:#595959; font-size:14px; margin-bottom:30px; text-align:justify;}

.ab_title { text-align:center; margin-bottom:58px;}
.ab_title h3{ font-size:27px; color:#000; margin-bottom:21px;}
.ab_title i{ display:block;width:50px; height:5px; margin:0 auto; background:#576270;}

/*公司理念*/
.nyln_one img{ display:block; width:100%;}
.nyln_two{ overflow:hidden; margin-top:42px; margin-bottom:83px;}
.nyln_two li{ float:left; width:23.5%; margin-right:2%;}
.nyln_two li:last-child{ margin-right:0;} 
.nyln_two li strong{ display:block; text-align:center; font-size:26px; color:#000; margin-bottom:23px;}
.nyln_two li  p{line-height:28px; text-align:justify;}
.nyln_three{ overflow:hidden; margin-bottom:83px;}
.nyln_three .ln_left{ float:left;width:51%;}
.nyln_three .ln_left img{ display:block; width:100%;}
.nyln_three .ln_right{ float:right;width:43%; padding-top:13%;}
.nyln_three .ln_right p{ line-height:28px; margin-top:45px; padding-right:52px;text-align:justify;}

/*人才培养*/
.rcpy_public { max-width:1200px; margin:0 auto;position:relative;}
.rcpy_public img{ display:block; width:100%;}
.wz{  width:54%;background:#f7f7f7; position:absolute; left:-40px; top:24%; padding:60px 60px 65px 50px}
.wz p{ text-align:justify;}
.biaoti{ display:block; font-size:20px; color:#000; font-weight:bold; margin-bottom:17px;}
.rcpy_two{ margin-top:80px; margin-bottom:80px;}
.rcpy_two .wz{ position:absolute; right:-40px; left:inherit;}
.nyjob_right{background:#f7f7f7; padding:57px 0 45px 0; overflow:hidden;}
.nyjob_right li{ width:48%; float:left; margin-right:2%;}
.nyjob_right li:last-child{ margin-right:0px;}
.nyjob_right li div{ margin-top:26px;} 
.nyjob_right li div p{ text-align:justify;}
.nyjob_right li img{ display:block; width:100%;} 

.nyjob_three{ margin-top:44px;}
.nyjob_three .biaoti{ text-align:center; margin-bottom:40px;}
.nyjob_three li { padding:0 10px;float:left;width:20%;text-align: center;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear; cursor:pointer;}
.nyjob_three li img{display: block;margin: 0 auto;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;} 
.nyjob_three li.cur{transform: translateY(-3px);-webkit-transform: translateY(-3px);-ms-transform: translateY(-3px);-moz-transform: translateY(-3px);}
.nyjob_three li.cur img{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);}
.nyjob_three li p{ margin-top:20px;}

/*研发与质量*/
.yanfa_two,.yanfa_three,.yanfa_one{ position:relative;}
.yf_wz strong{ display:block; font-size:27px; color:#000; margin-bottom:30px;}
.yf_wz{ position:absolute;bottom:-175px; left:6%; width:88%;background:#fff; padding:50px 50px 90px 50px;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;box-shadow:0px 15px 10px -10px #e1e1e1;-webkit-box-shadow:0px 15px 10px -10px #e1e1e1; -moz-box-shadow:0px 15px 10px -10px #e1e1e1;}
/*.yf_wz:hover{-webkit-box-shadow:0px 6px 6px #e1e1e1;
 -moz-box-shadow:0px 6px 6px #e1e1e1;
 box-shadow:0px 6px 6px #e1e1e1;}*/
 .yf_wz p{ text-align:justify;}
.yanfa_public{ margin-bottom:250px;}
.yanfa_two .yf_wz{bottom:-217px;}
.yanfa_three .yf_wz{bottom:-300px;}
.yanfa_two{ margin-bottom:292px;}
.yanfa_three{ margin-bottom:385px;}
.yanfa_public img{ display:block; width:100%;}

/*行业应用*/
.nyhyyy_one p{ font-size:16px;text-align:center; line-height:28px;width: 53%;margin: 0 auto 35px;}
.nyhyyy_one .ny_title{ margin-bottom:16px;}
.yy_list{ margin-top:35px; overflow:hidden; margin:0 -1% 0 -1%;} 
.yy_list li{ width:24%; float:left; margin:0 0.5% 1% 0.5%;position:relative; overflow:hidden;}
.yy_list li img{ display:block; width:100%;-webkit-transition:all .5s;transition:all .5s;}
.yy_list li:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.yy_list li .hover{position:absolute;bottom:-100%;left:0;width:100%;height:100%;background:rgba(29,32,34,.5);transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.yy_list li .hover .info{position:absolute;top:50%;color:#fff;left:0;width:100%;text-align:center;margin-top:-19px;}
.yy_list li .hover .info .bt{font-size:36px;font-weight:700;padding:0 5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.yy_list li:hover .hover{ bottom:0px;}
.nyhyyy_two{ margin-top:52px; margin-bottom:90px; overflow:hidden;}
.nyhyyy_two .ny_title{ margin-bottom:46px;}
.nyhyyy_two p{ font-size:16px;text-align:center; line-height:28px;width: 53%;margin: 0 auto 35px;}

/*行业应用详细*/
.nyhyyyxx_one{ padding-top:13px; overflow:hidden; margin-bottom:50px; }
.nyhyyyxx_one img{ display:block;margin:0 auto;}
.nyhyyyxx_one h3{ text-align:center; font-size:20px; color:#000; margin-top:23px;} 
.nyhyxx_list h3{ font-size:20px; color:#000; font-style:italic;}
.nyhyxx_list{ background:#fafafa; padding-top:28px;padding-bottom:88px;}
.hyxxzy { margin:30px -10px 0 -1px ; }
.hyxxzy div{ margin:0 10px 0 1px;position:relative; overflow:hidden;}
.hyxxzy img{ display:block; width:100%;}
.hyxxzy .slick-next{ background:url(../images/right.jpg) no-repeat; color:inherit; width:35px; height:35px;right:19px;}
.hyxxzy .slick-prev{ background:url(../images/left.jpg) no-repeat; color:inherit; width:35px; height:35px;left:92%;}
.hyxxzy .slick-next::after,.hyxxzy .slick-prev::after{   content: '';}
.hyxxzy .slick-next,.hyxxzy .slick-prev{top:124%; color:inherit !important}
.hyxxzy .slick-dots{bottom:-42px;}
.hyxxzy .slick-dots li{width:12px; height:12px; border:1px solid #566270;border-radius:50%}
.hyxxzy .slick-dots li button{width:12px; height:12px;}
.hyxxzy .slick-dots li.slick-active{ background:#566270;}
.hyxxzy div .hover{position:absolute;bottom:-100%;left:0;width:100%;height:100%;background:rgba(29,32,34,.5);transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.hyxxzy div .hover .info{position:absolute;top:50%;color:#fff;left:0;width:100%;text-align:center;margin-top:-19px;}
.hyxxzy div .hover .info .bt{font-size:36px;font-weight:700;padding:0 5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.hyxxzy div a:hover .hover{ bottom:0px;}

/*联系我们*/
.nylxwm_one .ny_title{ margin-bottom:30px;}
.lx_top{ text-align:center;}
.lx_top p{ font-size:16px; margin-bottom:3px;}
.lx_top span{ display:block; font-size:30px; color:#000;}
.nylxwm_one ul{ margin:59px 68px 80px 68px; overflow:hidden;}
.nylxwm_one li{ width:30%; float:left; border:1px solid #a6a6a6; padding:25px 14px 25px 33px; min-height:124px; margin-right:37px;}
.nylxwm_one li:last-child{ margin-right:0px; padding-right:0;}
.nylxwm_one li img{ display:block; float:left; padding-right:25px;}
.nylxwm_one li div{ overflow:hidden;}
.nylxwm_one li div p{ text-align:justify;}
.nylxwm_one li span{ display:block; font-size:20px;}
.nylxwm_one li:nth-child(2) p,.nylxwm_one li:nth-child(3) p{ margin-top:11px;}
.lxwm_list { background:#ebebeb;font-size:16px; color:#000; padding:64px 0 80px 0; overflow:hidden;}
.lxwm_list h3{ text-align:center; font-weight:normal; margin-bottom:59px;}
.lxwm_list ul{ margin:0 68px; overflow:hidden;}
.lxwm_list ul li{ width:48%; float:left; margin-right:27px; margin-bottom:22px;}
.lxwm_list ul li:nth-child(even){ margin-right:0px;}
.lxwm_list ul li p{ margin-bottom:13px; padding-left:14px;}
.lxwm_list ul li p i{ font-style:normal; padding-left:5px;}
.lxwm_list ul li:last-child{ width:98.5%;}
.lxwm_list ul li input{ border-radius:8px;outline:0;border:none;width:100%;line-height:45px;padding:0 10px;font-size:14px;color:#808080;transition:.5s;position:relative;background:#fff}
.lxwm_list textarea{ border-radius:8px;outline:0;border:none;width:100%;min-height:100px;line-height:24px;padding-left:10px;padding-top:10px;font-size:14px;color:#808080;position:relative;transition:.5s;background:#fff}
.lxwm_list input:focus,.lxwm_list textarea:focus{transition:border linear .2s,box-shadow linear .5s;-moz-transition:border linear .2s,-moz-box-shadow linear .5s;-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;outline:0;background:#f1f1f1}

.lxxuan{ float:right;width:45%; overflow:hidden; margin-bottom:35px;}
.lxxuan input[type="checkbox"]{width:13px; height:13px; border:1px solid #a6a6a6; background:#fff; float:left; margin-top:6px;}
.lxxuan p{ float:left;}
.lxxuan p i{ font-style:normal; text-decoration:underline;}
.fasong{ text-align:center;} 
.fasong input{width:150px; height:35px; line-height:35px; margin:0 auto; background:#566170; color:#fff; text-align:center;border:0px; cursor:pointer;transition:0.5s;}
.fasong input:hover{background:#000;}
.screen-reader-response p,
.wpcf7-response-output{text-align: center;}

/*新闻中心*/
.nynews_list li{ border-top:1px solid #e0e0e0; overflow:hidden; padding:48px 40px 48px 37px;}
.nynews_list li div{ width:56%; float:left;}
.nynews_list li div i{ display:block; font-style:normal; color:#909090; font-size:16px; margin-bottom:9px;}
.nynews_list li div a { font-size:20px; color:#000; font-weight:bold; margin-bottom:17px; display:block;}
.nynews_list li div p{ line-height:28px; text-align:justify;}
.nynews_list li .xw_tp{ display:block; float:right;-webkit-transition:all .5s;transition:all .5s;}
.nynews_list li:hover div a{ color:#404852;}
.nynews_list li:hover .xw_tp{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.nynews_list li:last-child {border-bottom:1px solid #e0e0e0;}

.page{ margin-bottom:68px; overflow:hidden; margin-top:38px; text-align:center;}
.page .yema{display:inline-block;}
.page a{ border:1px solid #a6a6a6; color:#a6a6a6;width:32px; height:34px; line-height:32px; display:block; margin:0 10px; float:left;}
.page a:first-child,
.page a:last-child{height:34px;width:34px;}
/*.page a:first-child:hover{ background:url(../images/zb_img1hover.jpg) no-repeat;}*/
/*.page a:last-child:hover{ background:url(../images/zb_img2hover.jpg) no-repeat;}*/
.page a:hover{ color:#fff; background:#576270;}

.page a.page-num-current{ color:#fff; background:#576270;}


/*技术资讯*/
.nyziliao_one{ margin-bottom:50px; overflow:hidden;}
.nyziliao_one .insider-job .tit{ padding-left:50px;}
.nyziliao_one .tit img{ display:block; float:left; margin-top:12px;}
.nyziliao_one .tit .zl_wz{ display:block; float:left; padding-left:16px;}
.nyziliao_one .txt{ color:#595959;}

/*资料下载*/
.nydown_one { padding-bottom:100px; overflow:hidden;}
.nydown_one .ny_title{ margin-bottom:50px;} 
.down_list li{ overflow:hidden; line-height:66px; border-bottom:1px solid #808080; padding:0 50px;}
.down_list li .down_left{ width:70%; float:left;}
.down_list li .down_left img{ display:block; float:left; margin-top:16px;}
.down_list li .down_left strong{ display:block; float:left; font-size:16px; color:#000; padding-left:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.down_list li .down_right{ width:110px; float:right;}
.down_list li .down_right img{ display:block; margin-top:24px;float:left;}
.down_list li .down_right  span{ display:block; float:left;font-size:16px; color:#000; padding-left:14px;}
.down_list li:hover .down_right span{ color:#404852;}

/*产品中心*/
.nyproduct_one .ny_title{ margin-bottom:27px;}
.nytit_wz{ font-size:20px; text-align:center; margin-bottom:45px;}
.product_list { margin-bottom:70px; overflow:hidden;}
.product_list li{ width:49%; float:left; margin-right:2%; }
.product_list li:nth-child(even){ margin-right:0px;}
.product_list li div{ padding:25px 50px 0 50px; overflow:hidden;}
.product_list li strong{ display:block; font-size:20px; color:#000; margin-bottom:20px;}
.product_list li p span{ display:block; font-size:14px; color:#595959; margin-bottom:4px; text-align:justify;}
.product_list li img{ display:block; width:100%;}


/*高温产品列表*/
.nygwpro_zhuye{ background:#f2f2f2; overflow:hidden; padding-bottom:70px;}
.gwpro_left{ width:25.5%; float:left; background:#fff;-webkit-box-shadow: 0 0 15px 5px #e1e1e1;-moz-box-shadow: 0 0 15px 5px #e1e1e1;box-shadow: 0 0 15px 5px #e1e1e1; padding:33px; margin-right:2%;}
.gwpro_left a{ display:block; color:#000; font-size:16px; margin-bottom:10px;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.gwpro_left a:hover{ font-weight:bold;}
.gwpro_left a i{ padding-left:5px; display:none;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.gwpro_left a:hover i{ display:inline-block;}
.gwpro_left a.car{font-weight:bold;}
.gwpro_left a.car i{display:inline-block;}
.gwpro_right{ float:right; width:72.5%; background:#fff;-webkit-box-shadow: 0 0 15px 5px #e1e1e1;-moz-box-shadow: 0 0 15px 5px #e1e1e1;box-shadow: 0 0 15px 5px #e1e1e1; padding:37px 37px;}
.gwpro_right h3{ font-size:20px; color:#000; margin-bottom:20px;}
.gwpro_right p{ color:#000; line-height:28px; text-align:justify;}

.gwpro_list{ overflow:hidden; margin-top:36px;}
.gwpro_list li{ width:32%; margin-right:1.3%; float:left; overflow:hidden; margin-bottom:40px; cursor:pointer;}
.gwpro_list li .tp img{ display:block; width:100%;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.gwpro_list li div{ padding:0 5px;}
.gwpro_list li div strong{ display:block; font-size:16px; color:#000;margin-top:13px; margin-bottom:9px;}
.gwpro_list li div p{ font-size:14px; color:#000; line-height:inherit; text-align:justify;min-height:106px;overflow:hidden;}
.gwpro_list li div .pro_more{ display:block; border:1px solid #566270; width:148px; height:33px; line-height:33px; text-align:center; color:#566270; font-size:16px; margin-top:36px;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.gwpro_list li:hover div .pro_more{ color:#fff; background:#566270;}
.gwpro_list li:hover .tp img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}

/*产品性能*/
.nyproxnone h3{ margin-bottom:36px;}
.nyproxnone .nyxntit_wz{ text-align:center; width:61%; margin:0 auto;}
.nyproxnlist{ overflow:hidden; margin-top:40px;}
.nyproxnlist li{ margin-bottom:10px; overflow:hidden;}
.nyproxnlist li .xmtp{ width:53%; float:left;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;-webkit-box-shadow: 0 0 15px 5px #e0e0e0;-moz-box-shadow: 0 0 15px 5px #e0e0e0;box-shadow: 0 0 15px 5px #e0e0e0; margin:15px;}
.nyproxnlist li img{ display:block; width:100%;}
.nyproxnlist li .xnwz{ width:42%; float:right; padding-top:70px;}
.xnwz strong{ display:block; font-size:20px; color:#000;}
.wenzi p{ line-height:28px; margin-bottom:20px; text-align:justify;}
.nyproxnlist li:nth-child(2) .xnwz strong{ margin-bottom:15px;}
.nyproxnlist li:nth-child(3) .xnwz{padding-top:15%;}
.nyproxntwo .ny_title{ margin-bottom:55px; margin-top:24px;}
.xncplist {overflow:hidden; margin-bottom:67px;}
.xncplist li{ float:left; width:49%; overflow:hidden; margin-right:2%;}
.xncplist li:nth-child(even){ margin-right:0px;}
.xncplist li img{ display:block; width:100%;}
.xncplist li div{ margin-top:30px;}
.xncplist li strong{ display:block; font-size:20px; color:#000; text-align:center; margin-bottom:20px;}
.xncplist li p{ margin-bottom:8px; text-align:justify;}

.nyproxntwo{ margin-bottom:48px;}
.nyproxnthree .ny_title{ margin-bottom:53px;}

.nyproxntwo .ny_biaoge{background:#fff; padding:15px;box-shadow: darkgrey 0px 0px 16px 5px #e0e0e0;-webkit-box-shadow:0px 0px 16px 5px #e0e0e0;
 -moz-box-shadow:0px 0px 16px 5px #e0e0e0;}
.nyproxntwo table{ border:none;}
  .nyproxntwo tr{ margin:15px;}
  .nyproxntwo th{ font-size:16px; color:#000; font-weight:bold; text-align:left; padding:15px; padding-left:30px;}
 .nyproxntwo tr td{ padding:15px; border:none; font-size:14px; color:#000; line-height:24px; text-align:justify;}
 .nyproxntwo tr td:nth-child(odd){ border-right:solid 18px #fff;}
 .nyproxntwo tr td:nth-child(even){ }
 .nyproxntwo tr:nth-child(even) td{background:#f5f7f9;  overflow:hidden;}


/*高温产品详细*/

/*************** SIMPLE INNER SCROLLBAR ***************/
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
 .scroll-wrapper > .scroll-content::-webkit-scrollbar {
 height: 0;
 width: 0;
}
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,  .scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
.scroll-element .scroll-bar,  .scroll-element .scroll-arrow {
    cursor: default;
}
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
 .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
 height: 0;
 width: 0;
}

.scrollbar-inner > .scroll-element,  .scrollbar-inner > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top:0;
    width:4px;
}
.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: #ededed;width:2px;margin-left:1px;
}
.scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #bfbfbf;width:5px; 
}
.scrollbar-inner > .scroll-element:hover .scroll-bar {
    background-color: #bfbfbf;width:5px;
}
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #bfbfbf;width:5px;
}
/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px;
}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px;
}
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px;
}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px;
}

.gwproxx_one{ overflow:hidden; margin-top:20px; margin-bottom:40px;}
.gwproxx_one h3{ font-size:20px; color:#000; margin-bottom:28px;}
.gwproxx_one .div1 { font-size:16px; line-height:28px; padding-right:30px;}
.proxx_oneleft{ max-width:820px;float:left;/*width:80%;*/}
.proxx_oneleft .demo >div{ max-height:200px;overflow: auto;}
.proxx_oneright{ float:right;width:28%;}
.proxx_oneright img{ display:block; width:100%;}


.proxxgw_menu { overflow:hidden; margin-bottom:40px;}
.proxxgw_menu li{float:left;width:21.8%; height:74px; line-height:74px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; border:1px solid #000; text-align:center; margin-right:1.7%;}
.proxxgw_menu li a{ display:block; font-size:20px; color:#000;}
.proxxgw_menu li:hover a, .proxxgw_menu li.car a{ background:#000; color:#fff;} 
.proxxgw_menu li:last-child{ width:6%; margin-right:0px;} 

.proxx_con{ overflow:hidden; margin-bottom:47px; padding-top:50px;}
.xxcon_left{ width:50%; float:left; font-size:16px; line-height:28px; } 
.xxcon_left strong{ display:block; font-size:20px; color:#000; margin-bottom:11px;}
.xxcon_left span{ display:block; color:#000; margin-top:20px; margin-bottom:3px;}
.xxcon_right{ float:right; width:44%;}
.xxcon_right img{ display:block; width:100%;}
.xxcon_left p{ text-align:justify;}
/*新闻详细*/
 .nynews_xx{ padding-bottom:65px; overflow:hidden;}
 .xwxx_left{ width:60%; float:left;}
 .xwxx_left h3{ font-size:20px; color:#000; margin-top:8px; margin-bottom:10px;}
 .xwxx_main p{ color:#000; line-height:28px; text-align:justify;}
 .xwxx_main p span{font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 107%;}

 .xwxx_main img{ display:block; width:100%; margin-top:32px; margin-bottom:22px;}
 .xwxx_right{ width:28%; float:right; background:#e9e9e9;}
 .xwxx_right .scrollbox{ padding:56px 30px 0 30px; overflow:hidden;}
 .ccr_wz{ position:relative;}
 .ccr_wz img{ display:block; width:100%;}
 .ccr_wz div { background:#fff; padding:18px 14px 20px 18px;}
 .ccr_wz div p{ color:#404040; font-size:13px; text-align:justify;}
 .ccr_wz div .xxwz{ display:block; font-size:20px; color:#000; margin-bottom:14px;}
 .ccr_wz div .xxmore{ color:#576270; font-size:16px; margin-top:12px; display:block;}
 .ccr_wz .date{ background:#576270; font-size:18px; color:#fff; font-weight:bold; line-height:50px; height:50px; overflow:hidden; padding:0px 40px; max-width:193px; position:absolute; top:-7px;}
 
 .scroltit {
    background: #f5f5f5;
    text-align: center;
    padding: 19px 0px 18px 0px;
}
#but_up {
    display: inline-block;
}
#scrollDiv{height:780px; overflow-y:hidden}
#scrollDiv li{ margin-bottom:38px;}
#scrollDiv li:hover .xxwz{ color:#576270;}
#scrollDiv li:hover .xxmore{ color:#000;}

/*导航*/
  .headtel{ width:75px; float:right;}
  .topsearch{position:relative; margin-top:45px;}

.search{position:relative;height:15px;border:1px solid red;padding:0 20px}
.topsearch a{width:15px;height:15px;display:inline-block}


.searmain{width:300px;  position:absolute;right:0;top:60px;display:block;z-index:22;background:#fff; padding:26px; border:1px solid #e1e1e1;}

.topsear{width:85%;height:39.3px; border:0px; text-indent:7px; float:left; background:#f8f8f8;}

.topsub{ width:15%; height:39px;background:url(../images/searbtn.jpg) no-repeat center;border:none;float:left;}
.topsear:focus{border:1px solid #b20000;border-right:0}


.topEN{ float:right;width:36px; margin-top:41px; }


.xz-language{ position:relative;}
.xz-language a{color:#595959;z-index:2;display:block;position:relative; font-size:14px;}

.xz-language a img{ padding-left:5px; }
.lz-select{z-index:999;width:200%;opacity:1; overflow:hidden;text-align:center;background:#fff; color:#000;position:absolute;line-height:35px;top:20px; padding-top:44px; font-size:13px; left:-25%; display:none; }
.lz-select a{background:#fff}

@media (max-width:1400px){
	
	.lz-select{ left:-75%;}
	
	}


.lz-select a:hover{ background:#404852; color:#fff;}

.header-top{ z-index:666;width:100%; height:100px;}
.header-top .logo{  float:left; margin-top:28px; max-width:250px; width:100%;}
.header-top .head-right{float:right; color:#595959; width:67%;}


.head-nav{ float:left; width:90%; }
.head-nav ul >li{ width:12.5%; float:left; position:relative;}
.head-nav ul >li:nth-child(1),.head-nav ul >li:nth-child(7){ width:9%;}
.head-nav ul >li:nth-child(4),.head-nav ul >li:nth-child(5){width:15%;}
.head-nav li.cx>a{ color:#000; text-align:center; display:block; line-height:100px; padding-bottom:5px;}
.head-nav li>a:hover{ font-weight:bold;}
/*.head-nav li.car a,*/.head-nav li a:hover{ border-bottom:5px solid #000; padding-bottom:inherit;}
.head-nav li.car a{font-weight:bold;}

.head-nav li:nth-child(4) .nav_wn{  left:-585px !important}


.head-nav li.fdc .nav_wn{ width:1080px; left:-700px; padding-top:30px; }


.head-nav li.fdc .nav_wn ul li{ float:left; width:33%; min-height:150px;}
.head-nav li.fdc .nav_wn ul li>a{ color:#000; font-size:16px; font-weight:bold; text-align:left; padding-bottom:15px; display:block;}

.head-nav li.fdc .nav_wn div{ text-align:left;	}
.head-nav li.fdc .nav_wn div a{ float:left; width:33.3%; text-align:left; }
.head-nav li.fdc .nav_wn div a:hover{ color:#000;}


.bsfd{ position:absolute; width:100%; height:600px; background:#fff; left:0px; top:105px; z-index:998; display:none;box-shadow: 0px 8px 13px #6c6c6c;}


.head-nav li .nav_wn{ position:absolute; z-index:999; top:105px;display:none; background:#fff; width:100%;}
.head-nav li .fdbj{background:#fff;position:absolute;top:58px;display:none;}
.head-nav li .nav_wn{ text-align:center;width:160px;left:-32px; padding:0 0 10px 0;}
.head-nav li .nav_wn ul{padding-top:0px;}
.head-nav li .nav_wn ul li{ float:none;display:inline-block;width:100%;}
.head-nav li .nav_wn ul li a{ display:block; margin:0px 10px; color:#595959; line-height:23px;border-bottom:none;}

.phone-nav{ right:10px;top:7px;position:absolute;width:35px;height:35px;display:none;background:url(../images/menu.png) no-repeat center;margin:0 0 0 5px;z-index:999}

.phone-subnav{width:100%;position:fixed;left:0;height:100%;top:0;background:rgba(255,255,255,.98);z-index:999999;margin:0 auto;display:none}
.phone-subnav .close{padding:20px 40px;display:block}
.phone-subnav .close img{max-height:40px}
.phone-subnav ul{height:90%;overflow-y:scroll;margin:25px 30px}
.phone-subnav ul li{position:relative;border-top:1px solid #dadada; overflow:hidden; text-align:left;}
.phone-subnav ul li i{position:absolute;right:10px;top:5px;text-align:center;line-height:30px;display:block;border-radius:100%;font-style:inherit;cursor:pointer}
.phone-subnav ul li i:after{content:"+";color:#666;font-size:24px;cursor:pointer;text-align:center}
.phone-subnav ul li .menu{color:#333;font-size:16px;line-height:40px;overflow:hidden;padding:0 40px 0 20px;display:block;cursor:pointer;text-align:left;position:relative;border-bottom:1px solid rgba(255,255,255,.05)}
.phone-subnav ul li .menu>a{display:block;color:#333}
.phone-subnav ul li .menu02>a{color:#1b8fe2}
.phone-subnav ul li .menu03{display:block;padding:10px 0}
.phone-subnav ul li .menu03 a{color:#888;font-size:13px;line-height:20px;padding-top:0}
.phone-subnav ul li div{display:none;padding-bottom:15px}
.phone-subnav ul li div a{color:#666;line-height:20px;padding:5px 10px 5px 20px;display:block;height:auto;font-weight:100;position:relative}
.phone-subnav ul li div em{display:block;font-style:inherit}
.phone-subnav ul li div em>a{color:#666;font-size:12px;display:block;padding:5px 5px 5px 48px;line-height:18px}
.phone-subnav ul .active i:after{content:"-"}
.phone-subnav .search2{border-radius:28px;-webkit-transition:all .5s;transition:all .5s;position:relative;padding:10px}
.phone-subnav .search2 input{border:1px #efeff0 solid;border-radius:28px;line-height:28px;height:30px;position:relative;width:100%;padding:0 40px 0 10px;font-size:14px;vertical-align:top;-webkit-transition:all .5s;transition:all .5s}
.phone-subnav .search2 input:focus{border-color:#000;}


.phone-subnav ul li div li{ }
.phone-subnav ul li div ul{ margin:0px 10px}
.phone-subnav ul li div ul span{ padding-left:10px;}

.phone-subnav ul li div ul a{ padding-left:0px;}


.phone-subnav ul li div .subnav a{ padding-left:30px;}


.canshu{ margin-top:15px;}
.canshu tr{border:1px solid #d9d9d9;}
.canshu tr td{border:1px solid #d9d9d9; padding:5px 8px; text-align:justify;}
.canshu tr td:nth-child(odd){ color:#000;}

.yy_wenzi{ padding-top:10px;}
.yy_wenzi p{ font-size:15px; line-height:28px; text-align:justify;}


.top_yuyan{ background:#f8f8f8; width:100%; display:none;}
.top_yuyan ul{margin:0 auto;width:48px;display: flex;}
.top_yuyan ul li{float:left;line-height:30px; text-align:center; }
.top_yuyan ul li:nth-child(2){ margin:0 5px;}
.top_yuyan ul li a{ display:block;}
.top_yuyan ul li:hover a{ color:#595959;}

@media (max-width:1200px){

.hometwo_zuhe .hm_zuheright li{ margin-bottom:18px;}	
.hometwo_zuhe .hm_zuheright li p{ margin-bottom:5px;}	
.hometwo_zuhe .hm_zuheright li span{ margin-bottom:15px;}
.hnews_right li:first-child{padding: 20px 30px 20px 147px;}
.hnews_right li:nth-child(2){padding-top: 170px;}
.hnews_right li a{ font-size:16px; margin-bottom:4px;}
.hnews_right li{ margin-bottom:8px; padding-bottom:4px;}
.home_news{ padding-bottom:40px;}
.foot_menu{padding:30px 0;}
.foot_right{ display:none;}
.foot_left{ width:100%;}
.foot_db{ padding:17px 0;}
.db_left{ width:60%; line-height:inherit; padding-right:0px;}
.db_right{ width:36%; }
.db_right div{line-height:inherit;}
.db_right a{ padding-top:inherit;}

.ab_first .first_two p{ margin-bottom:13px;}

.nylxwm_one .ny_title{ margin-bottom:4px;}
.lx_top p{ font-size:14px;}
.lx_top span{ font-size:16px; font-weight:bold;}
.nylxwm_one ul{ margin:20px 0px;}
.lxwm_list{ padding:30px 0;}
.lxwm_list h3{ margin-bottom:20px; font-size:15px;}
.lxwm_list ul{ margin:0px;}
.lxwm_list ul li p{ font-size:14px; margin-bottom:6px;}
.lxxuan{ font-size:14px; margin-bottom:20px;}
.nylxwm_one li span{ font-size:16px;}
.nylxwm_one li p{ font-size:14px;}

.nyproxnlist li .xnwz{ padding-top:36px;}
.wenzi p{ margin-bottom:7px;}
.proxx_oneleft{ max-width:710px;}
.header-top .head-right{width:75%;}
.head-nav{width:88%;}
}

@media (max-width:1024px){.home-banner .home-banner-slick{display:none}
.home-banner .home-banner-slick-phone{display:block}

.bawenzi{top:58%; font-size:32px;right: 17%;}
.home_title{ padding-top:20px;}
.home_title h3{ font-size:20px;}
.home_title p{ font-size:15px;}
.home_title p:hover{ font-size:17px;}
.home_onelist{ padding-top:20px;}
.home_onerelist{ margin-top:20px;}
.home_onerelist li{padding: 35px 26px 10px 26px;width:22.8%; margin-bottom:10px;}
.home_onerelist li p{ font-size:15px; margin-bottom:6px; line-height:inherit; height:inherit;}
.home_onerelist li:hover p{ font-size:17px;}
.home_onerelist li div{ margin-top:13px;}
.home_onerelist li div span{ font-size:13px;}
.home_twolist .home_title p{ font-size:12px; height:40px;}
.home_twolist .home_title p:hover{ font-size:14px;}
.hometwo_zuhe{ margin-top:20px;}
.hometwo_zuhe .hm_zuheleft{ margin-top:5%}
.hometwo_zuhe .hm_zuheright li p{ font-size:16px;}
.home_three{ margin-top:20px; padding-bottom:0px;}
.home_three .home_title{ padding:20px 0;}
.home_product div{ padding-bottom:16px;}
.home_product .slick-dots {bottom: 12px;}
.hone_yingyong li{width:48.5%;}
.hone_yingyong{padding: 22px 0 137px 0;}
.hone_yingyong li .yy_text{padding: 35px 30px 39px 30px;}
.home_news{ margin-top:0px;}
.hnews_left{width:100%; float:none; margin-top:20px;}
.hnews_right{width:100%; float:none; overflow:hidden;}
.hnews_right li:first-child{ position:relative; left:0;padding: 20px 30px 46px 147px;}
.hnews_right li:nth-child(2),.hnews_right li:nth-child(3){ padding-top:10px; overflow:hidden;}
.db_left{ width:100%; margin-bottom:10px;}
.db_right{ width:100%;}
.db_right a{ float:left;}
.foot_left li{ margin-bottom:20px;}
.foot_left li{ width:25%;}

.ny_title{ font-size:18px; margin-bottom:15px;}
.nyab_one{ margin-bottom:20px;}
.ab_first .first_one{ width:100%; float:none;}
.ab_first .first_two{ width:100%; float:none;padding: 2% 0 0 0;}
.nyab_two{ margin-bottom:25px;}


.ab_title{ margin-bottom:20px;}
.ab_title h3{ font-size:18px; margin-bottom:8px;}
.nyab_csr li div p{ margin-bottom:10px;}
.nyab_csr strong{ font-size:18px;}
.nyab_csr i{ font-size:15px;}
.nyab_csr li div{ margin-top:10px; padding:0;}
.nyab_csr li { margin-bottom:40px;}
.rcpy_public{ position:inherit; margin-bottom:10px;}
.biaoti{ margin-bottom:7px; font-size:16px;}
.wz{ width:100%; position:inherit; padding:20px 20px;}
.rcpy_two{ margin-top:20px; margin-bottom:30px;}
.rcpy_two .wz{ position:inherit; right:inherit; left:inherit;}

.hyxxzy div .hover .info .bt,.yy_list li .hover .info .bt{ font-size:17px;}
.nyhyyy_two,.nyhyyy_two .ny_title{ margin-bottom:16px;}
.nyhyyy_two{ margin-bottom:25px;}
.nylxwm_one li{ padding:15px; min-height:98px;margin-right:1%; width:32%;}
.nylxwm_one li img{padding-right:10px;}
.lxxuan{width:100%; float:none;}
.lxxuan p{ width:90%;}
.nynews_list li{ padding:20px 0;}
.nynews_list li div i{ font-size:14px; margin-bottom:5px;}
.nynews_list li div a{ font-size:16px; margin-bottom:5px;}
.nynews_list li div p{ line-height:25px; text-align:justify;}
.page{ margin:30px 0;}
.nyproxnlist li .xmtp{ width:95%; float:none; margin:2.5%}
.nyproxnlist li .xnwz{ width:100%; float:none; padding:0 2.5% 0 2.5%;}
.xncplist li strong,.xnwz strong{ font-size:17px;}
.nyproxnlist li:nth-child(3) .xnwz{ padding-top:0px;}
.xncplist li div{ margin-top:13px;}
.xncplist li strong{ margin-bottom:10px;}
.xncplist{ margin-bottom:26px;}
.gwproxx_one{ margin-bottom:20px;}
.proxx_oneleft{ max-width:980px; overflow:hidden; margin-bottom:20px; float:none;}
.proxx_oneright{ width:100%; float:none;}
.proxxgw_menu li { height:45px; line-height:45px;}
.proxxgw_menu li a{ font-size:15px;}
.xxcon_left strong{ font-size:16px;}
.xxcon_left,.xxcon_left span{ font-size:14px; line-height:inherit;}
.proxxgw_menu{ margin-bottom:20px;}
.xxcon_left strong{ margin-bottom:4px;}
.xxcon_left span{ margin-top:12px; margin-bottom:6px;}
.proxx_con{ margin-bottom:26px; padding-top:20px;}
.xwxx_right{ width:35%;}
.header-top{ height:75px;}
.header-top .head-right{ width:auto;}
.header-top .logo{margin-top:16px;}
.phone-nav{ display:block; top:48px;}
.head-nav{ display:none;}
.headtel{ margin-right:55px;}
.topEN{ margin-top:26px;}
.topsearch{ margin-top:30px;}
.searmain{top:45px;}
.lz-select{top:49px;}
.nyproxnone .nyxntit_wz{ text-align:left;width:100%; margin:inherit;}
.nyproxntwo{ margin-bottom:24px;}
.nyproxnthree .ny_title{ margin-bottom:20px;}
.yy_wenzi p{ font-size:14px; line-height:23px;}
}
@media (max-width:980px){

	
	.hometwo_zuhe .hm_zuheleft{ float:none; width:100%;}
.hometwo_zuhe .hm_zuheright{width:100%;}
.top_yuyan ul{display: flex;overflow: unset;width: 70px;justify-content: center;}
.hone_yingyong li .yy_text{width:100%; left:0; padding:25px 30px 30px 30px;}
.hone_yingyong li .yy_text h3{ margin-bottom:6px;}
.hone_yingyong li .yy_text p{ margin-bottom:17px;}
/*ch-change-2022/11/24*/
.foot_left>ul{display: grid; grid-template-columns: repeat(2,50%);}
.foot_left li:nth-child(1), .foot_left li:nth-child(3), .foot_left li:nth-child(4){width: 100%}
/*.foot_left li:nth-child(1),.foot_left li:nth-child(3),.foot_left li:nth-child(4),*/
.foot_left li:nth-child(2){ width:100%;}
.foot_left li:last-child{ width:100%;}
.foot_left li:nth-child(3),.foot_left li:nth-child(4){ min-height:100px;}

.nyln_two li{ width:48%; margin:0 2% 20px 0; min-height:157px;}
.nyln_two { margin-top:15px; margin-bottom:25px;}
.nyln_two li strong{ font-size:17px; margin-bottom:4px;}
.nyln_two li p{ line-height:25px;}
.nyln_three .ln_right{ padding-top:10%;}
.nyln_three .ln_right p{ margin-top:20px; padding-right:0;}
.nyln_three{ margin-bottom:30px;}
.nyln_two{ margin-top:5px;}
.yanfa_two, .yanfa_three, .yanfa_one{ position:inherit;}
.yf_wz{ position:inherit; width:100%; left:inherit; bottom:opx; padding:20px 20px 30px 20px;}
.yf_wz strong{ font-size:16px; margin-bottom:8px;}
.yanfa_public{ margin-bottom:30px;}
.yy_list li{ width:32.33%;}
.nyhyyyxx_one{ padding-top:6px; margin-bottom:20px;}
.nyhyyyxx_one h3{ margin-top:16px; font-size:17px;}
.nyhyxx_list{ padding-top:14px; padding-bottom:70px;}
.hyxxzy{ margin-top:16px;}
.nylxwm_one li{width:49%; margin-bottom:10px;}
.nynews_list li div{ width:48%;}
.down_list li{ padding:0 10px;}
.down_list li .down_right span,.down_list li .down_left strong{ font-size:14px;}
.nydown_one .ny_title{ margin-bottom:20px;} 
.nydown_one { padding-bottom:35px;}

.product_list li div{ padding:15px 10px 0 10px; }
.product_list li strong{ font-size:16px; margin-bottom:8px;}
.nytit_wz{ font-size:15px; margin-bottom:16px;}
.nyproduct_one .ny_title{ margin-bottom:6px;}
.product_list{ margin-bottom:35px;}

.gwpro_left{ display:none;}
.gwpro_right{ width:100%; padding:20px 20px;}
.gwpro_right h3{ font-size:16px; margin-bottom:4px;}
.gwpro_list{ margin-top:20px;}
.gwpro_list li div strong{ font-size:14px; margin-bottom:5px;}
.gwpro_list li div p{ font-size:12px;min-height:auto;}
.gwpro_list li div .pro_more{ margin-top:16px;}
.gwpro_list li{ margin-bottom:20px;}
.nygwpro_zhuye{ padding-bottom:30px;}
.xncplist li { width:100%; float:none; margin-bottom:15px;}
.xxcon_left{ width:100%; float:none; margin-bottom:20px;}
.hnews_right li p{ max-height:68px; overflow:hidden;}
.xxcon_right{ width:100%; float:none;}
.hnews_right li:nth-child(2){ max-height:130px;}
.topEN{ display:none;}
.headtel{width:19px; margin-right:48px;}
.home_onelist{ padding-top:0px;}
.home_onerelist li{ padding:16px;}
.nyhyyy_one p{width:100%; margin-bottom:20px; font-size:14px; line-height:23px; text-align:left;}
.top_yuyan{ display:block;}


}

.dtime{display:none;}

@media (max-width:767px){

.header-top .logo img{max-width:180px;margin-top:8px;}

.home_onelist .text .bt-01{ font-size:28px;}
.home_onerelist li{width:46.5%; margin-right:40px; min-height:270px;}
.home_onerelist li:nth-child(2),.home_onerelist li:nth-child(4){ margin-right:0px;}
.hone_yingyong li{width:100%; margin-left:0px; position:inherit;}
.hone_yingyong li .yy_text{ position:inherit;}
.hone_yingyong{ padding:30px 0;}
.nyln_three .ln_left{ width:100%;}
.nyln_two{ margin-bottom:0px;}
.nyln_three .ln_right{ width:100%; float:none;overflow:hidden; padding-top:3%;}
.nyln_three .ln_right p{ margin-top:5px;}
.nyln_two li{ min-height:180px;}
.nyjob_right{ padding:30px 0 10px 0;}
.nyjob_right li{ WIDTH:100%; float:none; margin-bottom:20px;}
.nyjob_right li div{ margin-top:10px;}
.nyjob_three .biaoti{ margin-bottom:20px;}
.nyjob_three{ margin-top:28px;}
.yy_list li{ width:49%;}
.lxwm_list ul li{ margin-right:2%;}

.nynews_list li div{width:100%; margin-bottom:15px;}
.nynews_list li .xw_tp{ width:100%;overflow:hidden;}
.nynews_list li .xw_tp img{ display:block; width:100%;}
.product_list li{ width:100%; float:none; margin-right:0px; margin-bottom:20px;}
.product_list li:nth-child(even){ margin-right:0px;}
.gwpro_list li{ width:48%; margin:0 1% 20px 1%;}
.down_list li .down_left{ width:65%;}
.nyhyyy_two{ margin-top:20px;}
.nyproxnone h3{ margin-bottom:15px;}
.nyproxnlist { margin-top:20px;}
.nyproxntwo .ny_title {    margin-bottom: 13px;    margin-top: 1px;}
.xwxx_left h3{ margin-top:0px; font-size:18px;}
.xwxx_left{width:100%; float:none; overflow:hidden; margin-bottom:20px;}
.xwxx_main img{ margin-top:13px; margin-bottom:13px;}
.xwxx_right{ width:100%; float:none;}
.ccr_wz div .xxwz{ font-size:15px; font-weight:bold; margin-bottom:6px;}
.ccr_wz div p{ font-size:12px;}
.ccr_wz div .xxmore{ font-size:15px; font-weight:bold; margin-top:5px;}
#scrollDiv li{ margin-bottom:25px;}
.ccr_wz .date{ font-size:16px;display:none}

.dtime{display:block;padding-top:3px;}


.xwxx_right .scrollbox{ padding:15px}
.bawenzi{top:31%; font-size:24px;right:6%;}
.nyhyyy_one .ny_title{ margin-bottom:8px;}

.lxwm_list h3{ text-align:left;}
.nyhyxx_list h3{font-size:18px;}
.searmain{ width:220px; padding:15px;}
.topsear{width:75%;}
.topsub{width:24%;}
.bawenzi{top:53%; font-size:28px;right:6%;}

.phone-nav{top:50px;}
}

@media (max-width:600px){
.home_onerelist li{width:46%; margin-right:27px;min-height:290px;}
.hnews_right li a{ font-size:15px; font-weight:bold;}	
.nyab_csr li{ width:100%; float:none; margin-left:0;}	
.nydaohang{ margin:13px 0; font-size:13px;}
.nyln_two li{ width:100%;min-height:100px; border:1px solid #eeebeb; border-radius:8px; padding:10px;}
.nylxwm_one li{width:100%; min-height:inherit; margin-right:inherit;}
.gwpro_list li{ width:100%;}
.bawenzi{right:6%;top:auto;bottom:17%;width:200px; font-size:16px;}

.hnews_right li{}

}
	@media (max-width:320px){
		#zxfw .cpgn{ padding:20px 5px;}

	}
	
	
	
	
	
	/*job*/
	 .insider-job{ margin-top:75px; overflow:hidden;}
.insider-job .biaoti{ text-align:center; margin-bottom:30px;}

.insider-job .ny_title{margin: 16px 0 30px 0;}
.insider-job {
	margin-top:50px;
	margin-bottom:50px
}

.insider-job .box {
	font-size:16px
}
.insider-job .box a {
	color:#fff;
	padding:0 10px
}
.insider-job .box a:hover {
	text-decoration:underline
}
.insider-job li:first-child {
	color:#000;
	font-size:16px;
	background:#e6e6e6; overflow:hidden; border-bottom:none;
}
.insider-job li:first-child span:first-child {
	border:0
}
@media (max-width:1000px) {
	.insider-job li:first-child span:first-child {
	padding-left:25px
}
}
@media (max-width:480px) {
	.insider-job li:first-child span:first-child {
	padding-left:0;
	text-align:center
}
}
.insider-job li:first-child:before {
	display:none
}
.insider-job li,.insider-job .tit {
	cursor:pointer;
	text-align:left;
	position:relative;
	border-bottom:1px solid #808080; overflow:hidden;
}
.insider-job .tit{ color:#000; font-size:16px;}


.insider-job li:before,.insider-job .tit:before {
	width:13px;
	height:13px;
	right:50px;
	top:22px;
	content:"";
	position:absolute;
	background:url(../images/job-icon.png) no-repeat
}
@media (max-width:1000px) {
/*	.insider-job li:before,.insider-job .tit:before {
	display:none
}*/
}
.insider-job li span,.insider-job .tit span {
	width:22%;
	float:left;
	height:48px;
	line-height:48px;
	padding-left:50px;
	overflow:hidden
}
@media (max-width:767px) {
	.insider-job li span,.insider-job .tit span {
	padding-left:10px
}
.insider-job li:before, .insider-job .tit:before{    right: 5PX;    top: 15px;}

}

.insider-job li span img,.insider-job .tit span img {
	vertical-align:top;
	margin-right:5px;
	margin-top:15px
}
@media (max-width:580px) {
	.insider-job li span,.insider-job .tit span {
	font-size:12px;
	height:40px;
	line-height:39px
}
.insider-job li span img,.insider-job .tit span img {
	display:none
}
}
.insider-job li span:first-child,.insider-job .tit span:first-child {
	text-align:left
}
@media (max-width:1000px) {
	.insider-job li span:first-child,.insider-job .tit span:first-child {
	padding-left:10px
}
}
.insider-job .txt {
	padding:20px 50px 20px 50px;
	text-align:left;
	display:none;
	color:#000; font-size:14px;line-height:28px; text-align:justify;
}
.insider-job .txt p{ text-align:justify;}
@media (max-width:1199px) {
	.insider-job .txt {
	margin:0;
	font-size:14px;
	line-height:24px;
	padding:20px 10px
}
.nyziliao_one .insider-job .tit{ padding-left:10px;}
.nyziliao_one{ margin-bottom:0px;}
}

@media (max-width:767px) {
	.insider-job .font16 {
	padding-top:20px;



 

}
.insider-job .txt{ font-size:12px;}
.insider-job .ny_title{margin: 16px 0 13px 0;}
.insider-job{ margin-top:30px;}
.insider-job .biaoti{ margin-bottom:20px;}
.insider-job li:first-child{ font-size:15px;}
.insider-job .tit{ font-size:15px;}
}
.insider-job .active {
	background:#fff
}
.insider-job .active:before {
	background:url(../images/job-icon2.png) no-repeat
}




.yy_list .fwz{display:none;}
.yd{display:none;}

@media (max-width:640px) {

.pc{display:none;}

.yd{display:block;}


.insider-job li span {
width:25%	
}

.insider-job {
	margin-top:16px
}
.nyziliao_one .tit img{ margin-top:7px;}

.yy_list .fwz{display:block;margin-bottom:10px;padding-top:5px;text-align:center;}

.yy_list li{min-height:162px;}
.nyhyyy_two p{width:100%;}


.hnews_right li:first-child .phone_date{margin-left:-70px;display:none;}

.hnews_right li:first-child{padding-left:10px;}

}





/*浮动客服*/
.floatBar {
  display: none;
  width: 34px;
  height: 113px;
  position: fixed;
  right: 0;
  top: 50%;
  overflow: hidden;
  cursor: pointer;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 999;
  background-position: center;
  background-repeat: no-repeat;
}
.floatBar:hover {
  background-color: #ff7d34;
}
.float {
  position: fixed;
  bottom: 80px;
  right: 20px;
  z-index: 999;
  font-size: 14px;
  line-height: 28px;
}
.float .float-closed {
  right: 0;
  top: -18px;
  width: 18px;
  height: 18px;
  line-height: 16px;
  cursor: pointer;
  font-weight: 100;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  text-align: center;
  position: absolute;
  background-color: #232323;
}
.float .float-closed{display: none;}
.float .float-closed.active{display: block;}
.float .return-top {
  width: 50px;
  height: 50px;
  display: none;
  cursor: pointer; margin-top:7px;
  background: url(../images/up_jt1.svg) no-repeat center #fafafa
}
.float .return-top:hover {
  background-color: #fafafa;
}
.float .float-box li {
  width: 50px;
  height: 50px;
  margin-top: 7px;
  cursor: pointer;
  position: relative;
  background-repeat: no-repeat;
  background-position: center 0;
  background-color: #fafafa; line-height:28px; padding-top:10px;
  transition: All 0.2s ease-in-out;
  -webkit-transition: All 0.2s ease-in-out;
  -moz-transition: All 0.2s ease-in-out;
  -o-transition: All 0.2s ease-in-out;
}
.float .float-box li:nth-child(1){background: url(../images/444.svg) no-repeat center #fafafa; background-size:60%;}
.float .float-box li:nth-child(2) a{ display:block;}
.float .float-box li:nth-child(2) a img{ max-width:30px !important;}

.float .float-box li .dltp img{ display:block; margin:0 auto; padding-top:3px;}
.float .float-box li .item {
  bottom: 0;
  right: 107%;
  width: 150px;
  color: #7f7f7f;
  display: none;
  text-align: center;
  position: absolute;
  padding: 10px;
  background-color: #4c4c4c;
  padding-top: 20px;
}
.float .float-box li .item:before {
  content: "";
  right: -10px;
  bottom: 20px;
  position: absolute;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #4c4c4c;
  border-width: 5px;
  width: 0;
  height: 0;
}
.float .float-box li .item .btn-warning {
  padding-top: 5px;
  padding-bottom: 5px;
}
.float .float-box li .item .p-1 {
  font-size: 12px;
}
.float .float-box li .item .p-2 {
  font-size: 17px;
  font-family: 'century gothic';
  color: #dcdcdc;
}
.float .float-box li > a {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height:none;
}
.float .float-box li:hover {
  background-color: #fafafa;
}
.float .float-box li .qq {
  line-height: 30px;
}
.float .float-box li .qq p {
  font-size: 16px;
  color: #a8a8a8;
  margin-bottom: 15px;
}
.float .float-box li .qq a {
  display: block;
  margin-bottom: 15px;
}
.float .float-box li .qq span {
  color: #fff;
  font-size: 12px;
}
.float .float-box li .qq img {
  vertical-align: middle;
  background: #8e8e8e;
  border-radius: 50%;
  display: block;
  height: 50px;
  width: 50px;
  margin-left: auto;
  margin-right: auto;
}
.float .float-box li .item-message {
  width: 200px;
  color: #ffffff;
}
.float .float-box li:nth-child(2) a{ display:block;}

 



 

 @keyframes myfirst
{
from { display:none; transform:scale(0);}
to {display:block;transform:scale(1.9);}
}




