@charset "utf-8";
/* CSS Document */
body{font-size:12px;font-family:"微软雅黑";margin:0px auto;padding:0px;color:#1a1a1a;overflow-x:hidden;}
img{border:none;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{color:#1a1a1a;font-size:12px;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
a:hover{color:#89b938;text-decoration:none;}
.clearfix{zoom: 1; }
.clearfix:after{display: block; clear: both; visibility: hidden; height:0; overflow: hidden; content: "."; }
.center{margin:auto;}
.sbj{margin-top:30px;}
.sbj1{margin-top:50px;}
.sbj2{margin-top: 30px;margin-bottom: 30px;}
.fl {float: left;}
.fr {float: right;}
.top{width:100%;border-bottom:1px solid #e5e5e5;height:36px;line-height:36px;font-size:14px;color:#333;background-color: #e7e7e7;}
.top span{float:right;}
.top span a{font-size:13px;color:#333;padding:0px 5px;}
.top span a:hover{color:#89b938;}
.logo_c{float: left;color:#1a1a1a;font-size:31px;height:65px;margin:25px 0px;font-weight: bold;}
.logo_c p{font-size: 14px;font-weight: normal;color: #777;margin-top: 4px;text-transform: uppercase;}
.logo_r {float: right;background: url(../images/tel.jpg) no-repeat left center;padding-left:35px;margin-top:15px;}
.logo_r dl {font-size: 14px;color:#1a1a1a;}
.logo_r dt {font-size:26px;color:#89b938;font-weight: 700;}
#nav{width: 100%;background-color:#89B938;height:60px;line-height:60px;}
#nav li{float:left;text-align:center;}
#nav li a{line-height:60px;display:block;height:60px;text-align:center;font-size:16px;color: #fff;}
#nav li:hover{text-decoration:none; height:60px;background-color:#fbb216;}
#nav li dl{background-color:#fbb216;list-style-type:none;text-align:left;left:-999em;position:absolute;z-index:99999;float:left;}
#nav li dl dt{height:46px;line-height:46px;border-bottom:1px solid #fff;}
#nav li dl dt a{font-size:14px;height:46px;line-height:46px;}
#nav li dl dt a:hover{ background:none;font-size:16px;font-weight:bold;}
#nav li:hover dl{left:auto;}
#curr{background-color: #fbb216;}
#ss{width: 100%;height:60px;border-bottom: 1px solid #dedede;}
.rmss{float: left;line-height:60px;font-size: 14px;color: #1a1a1a;width: 600px;}
.rmss span{color: #7EB02B;}
.rmss a{font-size: 14px;padding: 0px 5px;}
.rmss a:hover{color: #7EB02B;font-weight: bold;}
.search{float: right;width: 375px;margin-top: 10px;}
.search input#sinput{text-indent:35px;color:#999;font-size:12px;width:303px;border:1px solid #dfdfdf;border-right:none;background: url(../images/s.png) no-repeat 10px;height: 37px;line-height: 37px;}
.search input{outline: none;line-height: 41px;height: 41px;}
.search input#s_btn{width:67px;text-align:center;color:#fff;border:none;cursor:pointer;background:#7EB02B;font-size:16px;margin-left: -5px;}
.gs{display: flex;justify-content: space-between;flex-wrap: wrap;}
.gsimg{width: 49%;}
.gsimg img{width: 100%;height: auto;border-top-right-radius: 26px;border-bottom-left-radius: 26px;}
.gsabout{width:50.5%;margin-top: 20px;}
.gsabout ul{background-color: #89b938;color: #fff;padding: 35px 20px;}
.gsabout ul li{font-size: 13px;text-transform: uppercase;}
.gsabout ul p{font-weight: bold;font-size:24px;margin-bottom: 20px;}
.gsabout ul ol{text-indent: 2em;line-height: 26px;font-size: 14px;}
.gsabout ul span{width: 105px;height: 33px;line-height: 33px;text-align: center;background-color: #333333;display: inline-block;margin-top: 15px;}
.gsabout ul span a{color: #fff;}
.gsabout dl{box-shadow:1px 1px 6px #ccc;}
.gsabout dl{width: 100%;padding:20px 0px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.gsabout dl dt{width:25%;text-align: center;}
.gsabout dl dt li span{color: #89b938;font-size:30px;font-weight: bold;margin: 0px 5px;}
.gsabout dl dt p{color: #3d3d3d;font-size: 15px;}
#cp{width: 100%;background: url(../images/cp.jpg) no-repeat center center;padding: 60px 0px;}
.icpfl{flex-wrap: wrap;display: flex;justify-content: space-between;}
.icpfl li{width:13%;height:46px;line-height:46px;text-align:center;background-color: #7EB02B;}
.icpfl li a{color: #fff;font-size: 16px;}
.icpfl li:hover{background-color: #FBB216;}
.icpfl li:hover a{color: #fff;font-weight: bold;}
.cpzs{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap}
.cpzs div{width:24%;}
.cpzs div li{width:clac(100% - 2px);border:1px solid #dbdbdb;}
.cpzs div li a{width:100%;height:auto;overflow: hidden;display: inline-table;}
.cpzs div li a img{width:100%;transition: all 0.6s;}
.cpzs div:hover li a img{transition: all 0.6s;transform: scale(1.3);}
.cpzs div p{height: 58px;line-height: 58px;text-align: center;overflow: hidden;}
.cpzs div p a{font-size:15px;}
.cpzs div:hover p a{color: #7EB02B;font-weight: bold;}
.ron-cfn ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ron-cfn ul li{width:24%;cursor: pointer;transition: all .5s ease;text-align: center;background-color: #F8F8F8;padding:20px 0px;}
.ron-cfn ul li .img1{width:30px;height: 30px;display: inline-block;}
.ron-cfn ul li .img3{display: none;}
.ron-cfn ul li.cur .img2{display: none;}
.ron-cfn ul li.cur .img3{display: inline-block;}
.ron-cfn ul li ol{text-align: left;font-size: 22px;color: #333;font-weight:500;display: inline-block;margin-left: 5px;}
.ron-cfn ul li ol span{display: block;font-size: 13px;opacity:0.5;text-transform:uppercase;font-weight:500;font-family: Arial;color: #333;padding-top: 3px;}
.ron-cfn ul li.cur{background-color:#7EB02B;}
.ron-cfn ul li.cur ol{color: #fff;}
.ron-cfn ul li.cur ol span{color: #fff;}
.ron-con{display:none;background-color: #fff;box-shadow:1px 1px 6px #ccc;margin-top: 45px;padding:2%;}
.ron-img{float:left;width:46%;overflow: hidden;}
.ron-img img{width:100%;height:100%;transition:all 0.6s;}
.ron-img img:hover{transform: scale(1.3);}
.ron-exp{float: left;width: 46%;margin-left:4%;}
.ron-exp li{font-size:24px;color: #333333;position: relative;font-weight: bold;}
.ron-exp li::after{position:absolute;content:'';height:3px;width:56px;background-color:#7EB02B;left:0;bottom:-20px;}
.ron-exp li span{margin-bottom:5px;display:block;font-size:18px;color: #777;font-weight: normal;}
.ron-exp .con{font-size: 15px;color: #777777;line-height:36px;margin-top:50px;}
.ron-exp .con p{background: url(../images/ty.png) no-repeat left 17px;padding-left: 13px;}
.ron-exp ol{width: 230px;height: 45px;line-height: 45px;background-image:linear-gradient(to right,#FBB216,#FBB216);border-radius: 5px;text-align: center;margin-top: 10px;}
.ron-exp ol a{color: #fff;font-size: 14px;}
.ron-exp ol a:hover{color: #fff;font-size: 15px;}
.hf{width: 100%;background: url(../images/hf.jpg) no-repeat center center;height: 198px;text-align: center;padding: 60px 0px;color: #fff;}
.hf li{font-weight: bold;font-size: 36px;}
.hf ol{font-size:20px;margin-top:20px;}
.hf p{width: 345px;background-color: #FBB216;height: 45px;line-height: 45px;border-radius: 22px;font-size:18px;margin:40px auto 0px auto;}
.hf p img{margin-right: 5px;}
#xwzx{width: 100%;background-color: #F8F8F8;padding: 80px 0px;}
.title{text-align: center;}
.title li{font-size: 28px;font-weight: bold;margin-bottom: 8px;}
.title ol{width: 40px;height: 3px;background-color: #7EB02B;margin:8px auto;}
.title p{color: #777;font-size: 16px;}
.xin-le{width:400px;background-color: #fff;}
.xin-le li{width:100%;overflow: hidden;display: inline-table;}
.xin-le li img{width:100%;height:auto;transition: all 0.6s;}
.xin-le ol{color: #000;font-size: 16px;font-weight: bold;margin-top:25px;line-height: 22px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.xin-le p{color: #787878;font-size: 14px;line-height: 25px;margin-top:15px;padding: 0 5px 15px 5px;}
.xin-ri{overflow: hidden;}
.xin-ri li{float: left;width:48%;border-bottom: 1px solid #ccc;margin-bottom:15px;padding-bottom: 15px;}
.xin-ri li:nth-child(2n){float: right;}
.xin-ri li ol{color:#000;font-size:16px;font-weight:bold;line-height:36px;transition:all 0.6s;height:36px;overflow:hidden;}
.xin-ri li p{color:#787878;font-size:14px;line-height:25px;margin-top:13px;height:50px;overflow:hidden;}
.xin-ri li span{color:#787878;font-size:12px;}
.xin-ri li:hover ol{margin-left: 10px;color: #7EB02B;}
.foot{width: 100%;background-color: #313131;padding:50px 0px;color: #fff;}
.footnav a{color:#fff;font-size: 14px;}
.footnav a:hover{color: #7EB02B;}
.footnav dl{width:260px;float:left;padding-right:50px;height:280px;}
.footnav dl dt{font-size:20px;color:#fff;margin-bottom:15px;border-bottom:1px solid #464646;padding-bottom:10px;}
.footnav dl dt span{border-bottom:2px solid #7EB02B;padding-bottom:9px;}
.footnav dl dt b{font-weight:normal;font-size:13px;text-transform:uppercase;margin-left:5px;color:rgba(255,255,255,0.5);}
.footnav dl dd{line-height:32px;}
.footnav dl dd a{font-size:15px;color:rgba(255,255,255,0.5);}
.footnav ul{width:300px;float:left;}
.footnav ul dt{font-size:20px;color: #fff;margin-bottom:15px;border-bottom: 1px solid #464646;padding-bottom: 10px;}
.footnav ul dt span{border-bottom: 2px solid #7EB02B;padding-bottom:9px;}
.footnav ul dt b{font-weight: normal;font-size: 13px;text-transform: uppercase;margin-left: 5px;color: rgba(255,255,255,0.5);}
.footnav ul p{line-height: 32px;font-size: 15px;color:rgba(255,255,255,0.5);}
.footnav li{width:200px;float: right;text-align: center;font-size: 14px;}
.footnav li ol{font-size:20px;color: #fff;margin-bottom:15px;border-bottom: 1px solid #464646;padding-bottom: 10px;text-align: left;}
.footnav li ol span{border-bottom: 2px solid #7EB02B;padding-bottom:9px;}
.footnav li ol b{font-weight: normal;font-size: 13px;text-transform: uppercase;margin-left: 5px;color: rgba(255,255,255,0.5);}
.footnav li img{width: 200px;height: 200px;margin-bottom: 5px;}
.copyright{text-align: center;font-size: 14px;line-height:28px;color:rgba(255,255,255,0.5);padding-top: 20px;}
.copyright a{color:rgba(255,255,255,0.5);}
.copyright a:hover{color: #7eb02b;}
.yqlj{width:100%;line-height:30px;color: #fff;font-size: 14px;text-align: center;background-color:#7eb02b;}
.yqlj a{color: #fff;padding-right: 5px;font-size: 14px;}
.yqlj a:hover{color: #7eb02b;}
/*内页样式*/
#left{ width:230px; float:left; margin-right:20px; margin-top:30px;margin-bottom: 20px;}
#right{width:950px; float:right; margin-top:30px;margin-bottom: 20px;}
.title3{text-align: center;font-size: 36px;font-weight: bold;border-bottom: 1px solid #ccc;color: #303030;padding-bottom: 10px;}
.title3 span{color: #222;}
.title3 li{width:40px;height: 3px;background-color: #89b938;margin:8px auto 0px auto;}
.mup1{height:26px; line-height:26px; border-bottom:#ccc 1px solid; margin-bottom:10px; background:url(../images/new_jt.jpg) no-repeat 10px center; padding-left:20px; font-size:14px; color:#000;margin-top: 10px;}
.mup{width: 100%;background-color: #EFEFEF;border-bottom: 1px solid #DFDEDE;border-top: 1px solid #DFDEDE;height: 42px;line-height: 42px;font-size: 14px;}
.mup img{margin-right: 5px;}
.mup span{float: right;}
.mup span a{font-size: 16px;}
.hg{line-height:30px;}
.tittle{text-align: center;font-size:24px;font-weight: bold;margin-bottom: 10px;}
.lb{text-align: left;}
.lb a{ color:#333;}
.lb a:hover{color: #89b938;}
.nyxw2{width:48%;float: left;text-align: left;height:40px;line-height:40px;border-bottom: 1px #D5D5D5 dotted;margin-right:4%; background:url(../images/cion01.gif) no-repeat left center;color:#333;}
.nyxw2 a{ padding-left:20px; color:#333;}
.nyxw2 span{float: right;height:40px;line-height:40px}
.nyxw2:nth-child(2n){margin-right: 0px;}
.nyxw2 a:hover{color: #89b938;}
.page{text-align: center;margin: 10px auto 10px auto;}
.page li{display: inline-block;line-height: 40px;border: 1px solid #cccccc;padding: 0 18px;margin: 0px 3px;border-radius: 3px;}
.page li a{color: #999999;font-size: 14px;}
.page li:hover{background-color: #89b938;border: 1px solid #89b938;}
.page li:hover a{color: #fff;}
.current{background-color: #89b938!important;border: 1px solid #89b938!important;}
.current a{color: #fff!important;}
.inews ul{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.inews ul li{background:url(../images/cion01.gif) no-repeat left center;line-height: 32px;height: 32px;}
.inews ul li a{ padding-left:20px;font-size:16px;}
.inews ul li a:hover{color: #89b938;margin-left: 5px;}
.inews ul li span{float:right;}
.inews ul p{color:#999;}
/*内页样式*/
.nr{line-height:36px;font-size:14px;margin-bottom:20px;}
.pubdate{text-align: center;font-size:16px;}
.nr a{font-size: 14px;}
.info{margin-bottom: 20px;}
.left{width:240px;float: left;margin-right: 20px;}
.right{float: left;}
.cpfl{width: 240px;float: left;margin-right:20px;background-color: #f3f3f3;}
.cpfl ul{color: #fff;font-size: 22px;text-align: center;background-color: #89b938;height: 50px;padding:20px 0px;}
.cpfl ul p{font-size: 15px;text-transform: uppercase;}
.cpfl li{height:56px;line-height:56px;transition:all .2s ease;border-bottom: 1px solid #fff;text-indent:20px;}
.cpfl li a{font-size:16px;}
.cpfl li:hover{transition:all .2s ease; text-indent:30px;background-color:#FBB216;}
.cpfl li:hover a{color:#fff;}
.cpfl dl{background-color: #89b938;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 14px;font-weight: bold;}
.cpfl dt{padding: 0px 5px;line-height:36px;font-size: 14px;}
.nlx{ margin-top: 15px; }
.nlxt{ height: 42px; line-height: 42px; background: #89b938; font-size: 16px; color: #fff; padding-left: 20px;}
.nlxb{ padding:0px 0px 0px 5px; line-height:38px; font-size: 14px; border: 1px solid #CCCCCC;}
.info img{max-width:940px;height: auto;}
table{border-collapse: collapse;}
.cp_l{ width:420px; margin-right:30px;}
.cp_r dl{border-bottom:1px solid #EEEEEE;font-size: 22px;font-weight: bold;background-color: #FAFAFA;line-height: 40px;height: 40px;border-left: 2px solid #89b938;padding-left: 10px;}
.cp_r ul{background-color: #FDFDFD;padding: 10px;margin-bottom:5px;}
.cp_r ul li{color: #89b938;font-size: 16px;}
.cp_r ul ol img{float: left;width: 130px;margin-right: 10px;}
.cp_r ul ol p{line-height: 26px;font-size: 13px;text-indent: 2em;}
.cp_r dd{font-size: 14px;line-height: 26px;}
.cp_r dt{margin-top:10px;padding: 15px 20px;font-size: 14px;color: #666;background-color: #efefef;border-radius: 15px;overflow: hidden;line-height:31px;}
#preview{ float:none; margin:0px auto; text-align:center; width:420px;}
.jqzoom{width:410px;height:410px;position:relative; border: 1px solid #DDDDDD;display: table-cell; vertical-align: middle; padding: 4px;}
.zoomdiv{ left:859px; height:300px; width:300px;}
.list-h li{ float:left;}
#spec-n5{width:420px;height:56px; padding-top:6px; overflow:hidden;}
#spec-left{width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{float:left; overflow:hidden; margin-left:5px;display:inline;position:relative; width:390px; margin-right:5px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:65px;}
#spec-list ul li img{padding:2px;border:1px solid #ccc; width:50px; height:50px;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:430px;height:430px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list div{ margin-top:0;margin-left:0px; width: 100% !important;}
.nyxx{background: #fafafa;color: #444;line-height: 36px;font-weight: bold;font-size: 15px;border-radius: 5px;margin: 10px 0px;}
.nyxx i{background: #89b938;width: 2px;height: 20px;display: block;float: left;margin: 8px 10px 0px 0px;}
@media screen and (min-width:1400px){
.moddle{ width:1400px;}	
#nav li{width:233px;}	
#nav li dl{width:233px;}
.cpzs div li{height:250px;}
.cpzs div li a img{height:250px;}	
.picScroll-left .bd ul li {width:330px;margin: 0 10px;}
.picScroll-left .bd ul li img {width:330px;height:240px;}
.picScroll-left a.next{top:100px;}
.picScroll-left a.prev{top:100px;}
.xin-ri{width:960px;}	
/*内页*/
.prolist {width: 100%;overflow: hidden;}
.prolist dl {float: left;width:272px;height: auto;line-height: 0px;margin-right: 10px;}
.prolist dl:nth-child(5n){margin-right: 0px;}	
.prolist dt {width:270px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.prolist dt a {width: 100%;}
.prolist dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.pro_list_img {width:270px;height:270px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.prolist dt .pro_list_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.prolist dl dd a {color: #333;}
.prolist dt:hover .pro_list_img img{transform:scale(1.3);}
.prolist dl:hover dd a{color: #89b938;}
.right{width:1140px;}
.product {width: 100%;overflow: hidden;}
.product dl {float: left;width:276px;height: auto;line-height: 0px;margin-right: 12px;}
.product dl:nth-child(4n){margin-right: 0px;}	
.product dt {width:274px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.product dt a {width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {width:274px;height:274px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #89b938;}
.cp_r{ width:690px;}
}
@media screen and (max-width:1399px){
.moddle{ width:1200px;}
#nav li{width:200px;}	
#nav li dl{width:200px;}
.cpzs div li{height: 220px;}
.cpzs div li a img{height: 220px;}
.picScroll-left .bd ul li {width:280px;margin: 0 10px;}
.picScroll-left .bd ul li img {width:280px;height:210px;}
.picScroll-left a.next{top:85px;}
.picScroll-left a.prev{top:85px;}	
.xin-ri{width: 760px;}	
/*内页*/
.prolist {width: 100%;overflow: hidden;}
.prolist dl {float: left;width:232px;height: auto;line-height: 0px;margin-right: 10px;}
.prolist dl:nth-child(5n){margin-right: 0px;}	
.prolist dt {width:230px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.prolist dt a {width: 100%;}
.prolist dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.pro_list_img {width:230px;height:230px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.prolist dt .pro_list_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.prolist dl dd a {color: #333;}
.prolist dt:hover .pro_list_img img{transform:scale(1.3);}
.prolist dl:hover dd a{color: #89b938;}
.right{width:940px;}
.product {width: 100%;overflow: hidden;}
.product dl {float: left;width:226px;height: auto;line-height: 0px;margin-right: 12px;}
.product dl:nth-child(4n){margin-right: 0px;}	
.product dt {width:224px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.product dt a {width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {width:224px;height:224px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #89b938;}
.cp_r{ width:490px;}
}
#toolbar {position: fixed;z-index: 9999;right: 17px;bottom: 10%;}
#toolbar .online-one li {margin-bottom:3px;font-size:0;width:70px;height:50px;right:0;position: relative;}
#toolbar .online-one li:hover a{-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);}
#toolbar .online-one li a {display: block;position: absolute;z-index: 9;right: 0;top: 0;width: 70px;height:50px;-webkit-transition: all .5s ease;transition: all .5s ease;font-size: 0;border-radius:4px;padding:10px 0;overflow: hidden;}
.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 .online-one li .icon-font{display:block;height:28px;width:100%;}
#toolbar .online-one li .icon-font:after{background-image: url(../images/kf.png);}
#toolbar .online-one li .icon-qq:after{background-position: -30px -240px;}
#toolbar .online-one li .icon-phone:after{background-position: -30px -208px;}
#toolbar .online-one li .icon-message:after{background-position: -30px -170px;}
#toolbar .online-one li .icon-ewm:after {background-position: 0px -25px;}
#toolbar .online-one li .icon-top:after {background-image: url(../images/icon_spirit.png);background-position: -30px -60px;}
#toolbar .online-one li .icon-wangwang:after {background-image: url(../images/icon_spirit.png);background-position: -30px 0;}
#toolbar .online-one li .wz {font-size: 12px;color: #fff;text-align: center;display: block;margin-top: 5px;height: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#toolbar .online-one li.phone {border-radius: 4px;padding: 10px 0;}
#toolbar .online-one li.ewm1 {background: #00c184;border-radius: 4px;padding: 10px 0;}
#toolbar .online-one li.phone .tel-phone {position: absolute;z-index: 1;padding: 5px;width: 160px;right: calc(100% + 5px);top: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .7s;transition: all .7s;-webkit-box-shadow: 0 4px 20px 4px rgb(0 20 60 / 20%);box-shadow: 0 4px 20px 4px rgb(0 20 60 / 20%);color: #fff;font-size:20px;height: 60px;line-height: 60px;border-radius: 10px;text-align: center;}
#toolbar .online-one li.ewm1 .ewm-box {position: absolute;z-index: 1;padding: 5px;background: #fff;width: 110px;right:calc(100% + 5px);bottom: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .7s;transition: all .7s;-webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);}
#toolbar .online-one li.ewm1 .ewm-box img {max-width: 100%;}
#toolbar .online-one li.ewm1 .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 #fff;border-right: none;}
#toolbar .online-one li.ewm1:hover .ewm-box {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
#toolbar .online-one li.phone:hover .tel-phone {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
/*城市分站*/
.fz_gs{ padding: 50px 0px}
.fz_gsb{ line-height: 30px; font-size: 16px; text-align: center}
.fz_gsb p{ text-indent: 2em;}
.fz_cp{ padding: 50px 0px}
.fz_cp_t{ line-height: 50px; font-size: 20px; font-weight: bold; border-bottom: 1px solid #EEEEEE; margin-bottom: 30px; margin-top: 20px}
.fz_gjc{ padding: 50px 0px}
.fz_gjcb{ display: flex; justify-content: left; flex-wrap: wrap;}
.fz_gjcb li{ background: #F7F7F7; padding: 0px 20px; font-size: 16px; border-radius: 10px; line-height: 50px; margin: 10px}
.fh{ position: absolute; top: 10px; right: 360px;}
.fh a{ font-size: 16px;}