* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family: "microsoft yahei",'Microsoft JhengHei',arial;
	font-size: 16px;
	color: #555;
	background-color: #f8f8f8;
}
ul, li, dl, dd, dt {
	list-style: none;
}
fieldset, img {
	border: 0
}
em, i {
	font-style: normal;
}
/* font */
.fB {
	font-weight: bold
}
.txtLft {
	text-align: left
}
.txtCtr {
	text-align: center
}
.txtRgt {
	text-align: right
}
/* margin */
.lf {
	float: left;
	display: inline
}
.fr {
	float: right;
	display: inline
}
.pr{ position:relative;}
.pa{position:absolute;}
.clear {
	clear: both;
	display: block
}
/* link & action */
a:link, a:visited, a:active {
	color: #666;
	text-decoration: none
}
a:hover {
	color: #172e7a;
}
/* Clear Fix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.clearfix {
	display: inline-block;
*height:0;
	_overflow: hidden
}
.hidden{ overflow:hidden;}
h2,h3{font-family: 'Bebas Neue',Helvetica,'Helvetica Neue',Arial,sans-serif;font-weight:lighter;}
.container {
	width: 1260px;
	margin: 0 auto;
}
.container-fluid {
	width: 93%;
	margin: 0 auto;
}
/*头部*/
.head_top{ width: 100%; height: 35px; line-height: 35px; background: #000; }
.head_top p{float: right; color: #fff; margin-right: 47px; font-size: 14px;}
.head_top .login{ float: right; padding: 0 47px; background: #414141;}
.head_top a{ color: #fff; font-size: 15px;}
#header { width: 100%; height: 80px; padding: 0 35px; background: #fff; transition: all 1s ease-in-out; z-index: 9999999;}

.head{ box-shadow: 0 0 50px rgba(0,0,0,0.1); transition: all 1s ease-in-out; animation: 1s dong; height: 80px;z-index: 9999999;}

#header .logo{float:left; height:80px; }
#header .logo img{float: left; height:60px; margin: 10px 0; }
#header .logo .text{ float: left; padding: 15px 10px;}
#header .logo .text h3{ font-size: 22px; font-weight: 400; color: #172e7a;}

#header .nav{ float:right; }
#header .nav li { float:left; line-height:80px;text-align:center; margin-left:40px;position:relative;}
#header .nav li a { display: block; color:#333; font-size:16px; }
#header .nav li a:hover, #header .nav .active { color:#172e7a; }

.subnav {position: absolute;width:200px; padding:20px 0; background:#fff;box-shadow:0 0 10px 3px rgba(0,0,0,0.05);height: auto;z-index:199;top:80px;left:-70px;overflow: hidden;opacity: 0;visibility: hidden;transition: all .36s ease;}
#header .nav li .subnav a { display:block; width:100%;font-weight:500;color:#232230; margin:0;padding:10px 0;line-height:22px; transition: all .2s ease-in-out;font-size: 14px;}
#header .nav li:hover .subnav{opacity:1;visibility: visible; }
#header .nav li .subnav  a:hover{ color:#172e7a; background:none;}



.header_right{ float:right; margin:0 0 0 40px; height:100%;display:flex;}
.header_right .h_lang{ position:relative;}
.header_right .h_lang > a {height:80px; line-height:80px;display: flex;align-items: center;}
.header_right .h_lang i { display:block;  line-height:90px; color: #333; font-size: 26px; transition: all 0.4s ease 0s;}
.header_right .h_dw{ display:none; position:absolute;top: 70px;left:-60px;background-color: rgb(255, 255, 255);box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 6px -15px inset;border-radius: 0px 0px 5px 5px;overflow: hidden; z-index: 99999999;}
.header_right .h_dw img{ width:100px; height:100px;}
.header_right .h_dw>a {display: block; width:100px;padding: 10px 0;border-bottom: 1px solid #d9d9d9;color: #333;text-align: center;font-size: 13px;}
.header_right .h_dw>a:hover { background:#f7f7f7; color:#F00;}
.header_right .h_lang:hover .h_dw{ display:block;}

.header_tel{ float:right; margin: 18px 0; height: 44px; line-height: 44px; border-radius: 44px; padding: 0 25px; background: #172e7a; color: #fff; }



.h_search{ height: 100%; height:80px; line-height:80px;display:flex;align-items:center;margin-left:30px; font-size:16px; font-weight:lighter;cursor:pointer;position:relative;}
.h_search .search{ display:none; position:absolute; top:60px; right:0; width:142px;}
.h_search:hover .search{ display:block; width:194px;}
.search input{ float:left; border:none;}
.search .text{float:left; width:150px; height:40px; border:1px solid #f5f5f5; text-indent:10px;}
.search .btn{ float:left;background:#172e7a; cursor:pointer; height:42px;width:42px; color:#fff; display:inline-block; }



/*焦点图*/
.fullSlide {position: relative;width:100%;height:750px; overflow:hidden;}
.fullSlide .bd {position: relative;z-index: 0;height:750px}
.fullSlide .bd li {width: 100%;vertical-align: top;height: 750px; position: relative;}
/*.fullSlide .bd li::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.38;}*/
.fullSlide .bd li img{ width: 100%; height: 100%; object-fit:cover;}
.fullSlide .bd li .text {position: absolute;padding: 20px 0 40px;top: 15%; width: 100%; color: #FFFFFF;  z-index: 100;}
.fullSlide .bd li .text .t1{font-size: 66px;font-weight: lighter;}
.fullSlide .bd li .text .t2 { margin: 10px 0; font-size: 68px;font-weight: bold;}
.fullSlide .bd li .text .t3 {font-size: 42px;font-weight: lighter;}
.fullSlide .bd li .text .t4{font-size: 32px;font-weight: lighter;}
.fullSlide .bd li .text .btn {position: absolute;width: 100%;bottom: -20%;color: #fff;}
.fullSlide .bd li .text .btn>a {padding: 17px 84px;background: #172e7a;color: #fff;font-size: 18px;border-radius: 30px;}
.fullSlide .bd li .text .btn>a:hover {border: #EEE;background-color: #fff;color: #172e7a;}

.fullSlide .hd{position:absolute;bottom:40px;z-index:99;left: 50%;transform: translate(-50%);}
.fullSlide .hd li{float:left;width:15px;height:15px;margin:0 5px;border-radius: 50%; background: #fff;}
.fullSlide .hd li.on {background:#172e7a;}
.fullSlide .prev, .fullSlide .next {position: absolute;z-index: 99;width: 51px;height: 115px}
.fullSlide .prev {left: 15px;top: 40%;background: url(../images/left.png) no-repeat;}
.fullSlide .next {right: 15px;top: 40%;background: url(../images/right.png) no-repeat;}

/**/

.main-container{ width:100%; display: inline-block;}

.index_title{ width:100%; overflow:hidden; text-align: center; position:relative;}
.index_title h2{ font-size:42px;  color:#000; line-height:50px;text-transform: uppercase;}
.index_title p{ font-size:16px; color:#172e7a; line-height:35px; text-transform: uppercase;}

.index_product{ width:100%; padding: 0 45px; margin: 70px 0; display: inline-block;}
.index_cp{ width: 100%; margin-top: 50px; display: inline-block;}
.index_cp li{ float: left; width: 50%; padding: 0 15px; text-align: center; position: relative; transition-duration: .5s; box-sizing: border-box;}


.index_cp li .pic{ width: 100%; height: 400px; overflow: hidden; position: relative;}
.index_cp li .pic img{ width: 100%; height: 100%; object-fit:cover; transition-duration: .5s; overflow: hidden;}
.index_cp li:hover .pic img{ transform: scale(1.1); }
.index_cp li .pic:after {content: "";position: absolute;width: 0;height: 4px;background: #172e7a;left: 50%;transform: translate(-50%);transition-duration: .5s;bottom: 0;}
.index_cp li .pic:hover:after{ width:100%;}
.index_cp li .text{ position: absolute; top: 50%;right: 50%;transform: translate(50%,-50%);text-align: center; }
.index_cp li .text h2{ color: #fff; font-weight: 400; margin-bottom: 20px;  }
.index_cp li .text p{display: inline-block; background: #292929; color: #fff;font-size: 16px;line-height: 40px;padding: 0 27px;transition-duration: .5s;}
.index_cp li:hover .text p{ background: #172e7a; color: #fff;}

.picScroll-gd { width:100%; padding: 40px 15px; position: relative;}
.picScroll-gd .hd2 { font-size:42px;}
.picScroll-gd .hd2 .next {position: absolute;top:35%;right:-15px;overflow: hidden;cursor: pointer;}
.picScroll-gd .hd2 .prev {position: absolute;top:35%;left:-15px;overflow: hidden;cursor: pointer;}
.picScroll-gd .bd2 { margin:0;}
.picScroll-gd .tempWrap{ width: 100% !important; }
.picScroll-gd .bd2 ul { width:100%;overflow: hidden;zoom: 1;}
.picScroll-gd .bd2 ul li {float: left;_display: inline; width:calc(25% - 22.5px); margin-right: 30px; text-align: center; overflow: hidden;}

.picScroll-gd .bd2 ul li a{ display: block; width: 100%; background: #fff; }
.picScroll-gd .bd2 ul li .pic {text-align: center; width:100%; overflow:hidden;}
.picScroll-gd .bd2 ul li .pic img {width:100%;height:100%;object-fit:cover; transition: all 0.6s;}
.picScroll-gd .bd2 ul li:hover img{ transform: scale(1.1);}
.picScroll-gd .bd2 ul li p{ padding:20px 0 30px 0; font-size:18px; color:#333; }
.picScroll-gd .bd2 ul li p span{ display: block; padding-top: 10px; font-size: 15px; color:#555; font-weight: lighter;}


.a_more{ margin:60px auto 20px auto; width:200px; height:54px; line-height:52px; text-align:center; overflow:hidden;}
.a_more a{ display:block;  border:1px solid #172e7a; background: #172e7a; font-size:16px; color:#fff; transition-duration: .5s;}
.a_more a:hover{ background:#333; border:1px solid #333; color:#fff;}

.index_about{height: 400px;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;display: flex;align-items: center;}
.index_about .aboutBox{ width: 100%; padding: 0 60px; }
.index_about .aboutBox .about_left{ float: left; width: 50%; overflow: hidden;}
.index_about .aboutBox .about_left h1{ width: 80%; margin-bottom: 30px; color: #fff; }
.index_about .aboutBox .about_left a{ display: inline-block; padding: 8px 30px; background: #fff; font-size: 15px; color: #333; transition-duration: .5s;}
.index_about .aboutBox .about_left a:hover{ background: #172e7a; color: #fff;}

.gui-sz{ box-sizing: border-box; overflow: hidden;}
.gui-sz ul li{float:left; width: 33.333%; height:83px; box-sizing: border-box;}
.gui-sz ul li span{display: block;text-align: center;height:56px;}
.gui-sz ul li span em{display: inline-block; height:56px; line-height: 56px;font-size: 2em; color:#fff; font-weight: bold;}
.gui-sz ul li span i{display: inline-block; width:17px; height: 17px; background:#003171;border-radius: 50%; text-align: center; line-height: 17px;font-size: 13px;color:#fff; vertical-align: bottom;margin:0 0 5px -8px;}
.gui-sz ul li p{height:27px;font-size: 14px; line-height: 27px; color:#fff;text-align: center;}
.gui-sz ul li:last-child{border-right:0;}



.index_news{ width:100%; padding: 0 35px; margin: 70px 0; }
.newsBox{ width:100%; margin-top: 50px; display: inline-block; }
.newsBox ul{ width: 100%; display: inline-block; }
.newsBox ul li{ float: left; padding: 15px; width: 33.3333%; transition-duration: .5s;}
.newsBox ul li a{ display: block; width: 100%; background: #fff; color: #fff; position: relative;}
.newsBox ul li.news01{ width: 66.6666%;}
.newsBox ul li.news01 .pic{ width: 100%; height: 300px; overflow: hidden;}
.newsBox ul li.news01 .pic img{ width:100%;height:100%;object-fit:cover; transition: all 0.6s;}
.newsBox ul li.news01 .text{ position: absolute; bottom:50px; left:30px;}
.newsBox ul li p{font-size: 14px;line-height: 17px;}
.newsBox ul li h3{ margin-top: 10px; margin-bottom:10px; font-size: 18px; font-weight: bold; line-height: 30px;}
.newsBox ul li span{ display: inline-block; width: 30px; height: 30px; line-height: 30px; background: #fff; border-radius: 30px; text-align: center; color: #333; transition-duration: .5s;}
.newsBox ul li:hover span{ background: #172e7a; color: #fff;}
.newsBox ul li.news02 a{ padding: 40px; height: 300px; color: #333;}
.newsBox ul li.news02 p{ color: #666;}
.newsBox ul li.news02 h3{ margin-top: 15px; font-weight: 400; font-size: 20px; }
.newsBox ul li.news02 span{ position: absolute; left:30px; bottom:50px; border: 1px solid #eee;}




/*页脚*/
.footer { width:100%; padding-top: 50px; line-height:30px; background: #1b1b1b; color:rgba(255, 255, 255, 0.7);}
.footer a{ color:rgba(255, 255, 255, 0.7);}
.footer a:hover{ color:#172e7a;}
.footer .footer_bottom{ margin:50px 0; overflow:hidden; position:relative;}
.footer .footer_bottom dl{ float:left; width:17%;}
.footer .footer_bottom dl p{ font-size: 20px; font-weight: 400; color: #fff;}
.footer .footer_bottom dl dt{ margin-bottom: 10px; font-size:18px; color:#fff; font-weight: 400; }
.footer .footer_bottom dl dd{ font-size: 15px; font-weight: lighter; color:rgba(255, 255, 255, 0.7); margin-bottom: 5px;}
.footer .footer_bottom dl dd b{ font-size: 24px;font-weight: bold; color: #333;}
.footer .footer_bottom dl dd span{ font-size: 18px; color: #333;}
.footer .footer_bottom dl:nth-child(4){ width: 30%;}
.footer .footer_bottom dl.er{ float: right; width: 220px;}
.footer .footer_bottom dl.er dt{ margin-left: 10px;}
.footer .footer_bottom dl.er dd{ float: left; width: 100px; margin-left: 10px;}
.footer .footer_bottom dl dd img{ width: 100px; height:100px;}

.copy{ padding:20px 0; border-top: 1px solid rgba(255, 255, 255, .1); overflow:hidden;}
.copy p{ font-size: 15px; font-weight: lighter;}




.banner{ width:100%; height:300px; overflow: hidden; position: relative;}
.banner img{ width: 100%;}
.banner .B_box{ position: absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.banner .B_box h2{ font-weight: 700; font-size: 42px; color: #fff;}
.home{ padding: 20px 0; border-bottom: #eee solid 1px; overflow: hidden;}
.home a{ color:#333;}
.about_text{ width: 100%; margin: 70px 0; overflow: hidden;}
.about_text .about_title{ margin-bottom: 30px; font-size: 32px; font-weight: bold; color: #000;}
.about_text p{font-size: 18px;color: #000;line-height: 35px;}

.contact-title{ overflow: hidden;}
.contact-title b{ font-weight: bold; font-size: 30px; color: #000;}
.contact{ float: left; width: 50%; margin: 50px 0; }
.contact h2{margin: 20px 0;font-size:24px; color:#333;}
.contact p{ color: #000; font-size:18px; line-height: 35px;}
.map{ float: left; width: 50%; margin: 50px 0;}

/*新闻中心*/
.newslist{ padding: 70px 0; overflow:hidden;}
.newslist li{ width:100%; padding-bottom: 40px; margin: 40px 0; overflow:hidden;}
.newslist li a{display: block; }
.newslist li .pic { float: left; width: 250px; height: 180px; margin-right: 40px; overflow: hidden;}
.newslist li .pic img {width:100%;height:100%;object-fit:cover; transition: all 0.6s;}
.newslist li:hover img{ transform: scale(1.1);}
.newslist li .text{ float:right; width: 970px; overflow:hidden;}
.newslist li .text span{ color: #000; font-weight: bold;}
.newslist li .text h2{ margin: 10px 0; font-size: 24px; font-weight:bold; }
.newslist li .text h2 a{ color:#000; }
.newslist li p{ margin: 15px 0; line-height:25px; font-size: 15px; color: #000;}
.newslist li .more{ display: inline-block; padding-bottom: 6px;font-size:15px; color: #172e7a; position: relative;}
.newslist li .more a{ color: #172e7a;}
.newslist li .more::after {content: "";height: 0;position: absolute;bottom: 0;left: 0;width: 100%;border-bottom: 1px solid #172e7a;}
.newsbox{ padding: 70px 0; overflow: hidden;}
.newsTitle {width: 100%;padding-bottom: 30px;text-align: center;overflow: hidden;}
.newsTitle h2{ margin-bottom: 20px; font-size: 36px; font-weight: bold; color: #000;}
.newsTitle p{ font-weight: 400;}
.news_text{ width: 100%; margin: 20px 0; overflow: hidden;}
.news_text p{ color: #000; line-height: 30px;}




/*产品中心*/
.productBox{ padding: 70px 0; overflow: hidden;}
.product_nav{ float: left; width: 260px; background: #fff; overflow: hidden;}
.product_nav h3{ margin-bottom: 5px; width: 100%; height: 50px; line-height: 50px; background: #172e7a;}
.product_nav h3 a{ display: block; padding-left: 20px; font-weight: bold; color: #fff;}
.product_nav h3.active,.product_nav h3:hover{ background: #cc0000;}
.product_nav ul{ padding: 10px 0;}
.product_nav ul li{ line-height: 40px;}
.product_nav ul li a{ padding-left: 20px; color: #333;}
.product_nav ul li a.active,.product_nav ul li a:hover{ color: #172e7a;}

.productlist{ float: right; width:979px; display: inline-block;}
.productlist ul{ width: 100%; margin-bottom: 30px; overflow: hidden;}
.productlist ul li{ float: left; width: 313px; margin: 0 20px 20px 0; background: #fff;}
.productlist ul li:nth-child(3n){ margin-right: 0;}
.productlist ul li a{ display: inline-block; padding: 10px; width: 100%; }
.productlist ul li .pic{ width: 100%; height: 250px; overflow: hidden;}
.productlist ul li .pic img {width:100%;height:100%;object-fit:contain; transition: all 0.6s;}
.productlist ul li:hover img{ transform: scale(1.1);}
.productlist ul li h3{ margin: 10px 0; height: 50px; line-height: 25px; text-align: center; color: #000; overflow: hidden;}
.productlist ul li a:hover{ background: #172e7a; }
.productlist ul li a:hover h3{ color: #fff;}
.product_pic{ width: 100%; overflow: hidden; box-sizing: border-box;}
.product_pic .pic{ float: left; width: 500px; overflow: hidden;}
.product_pic .pic img{ width: 100%; height: 100%; object-fit: cover;}
.product_pic .text{ float: right; width: 410px; padding: 30px 0; overflow: hidden; box-sizing: border-box;}
.product_pic .text h2{ padding-bottom: 20px; font-size: 32px; font-weight: bold; color: #001e50; border-bottom: 1px solid #001e50;}
.product_pic .text p{ margin:30px 0 50px 0;}
.product_pic .text a{ display: inline-block; width: 200px; height: 50px; line-height: 50px; background:#001e50; color: #fff; text-align: center;}
.product_pic .text a.a1{ background: #172e7a;}
.product_text{ width: 100%; margin-top: 30px; overflow: hidden; }
.product_text p{ line-height: 30px;}
.product_text img{ max-width: 100%;}


.caseUL{ width: 100%; margin-top: 70px; }
.caseUL ul{ width: 100%; display: inline-block;}
.caseUL li{ float: left; width: calc(100% / 4 - 28.4px); margin-right: 34px; padding-bottom: 20px; text-align: center; } 
.caseUL li:nth-child(4n) { margin-right: 0;}
.caseUL li a{ display: block;}
.caseUL li .pic { width: 100%; padding-top: 130%; position: relative; border: 2px solid #172e7a; transition: all 0.36s; box-sizing: border-box;}
.caseUL li .pic img {max-width: 90%;max-height: 90%;display: block;object-fit: contain;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all 0.6s;}
.caseUL li h2 {font-size: 16px;font-weight: bold;line-height: 1.4em;color: #333333;letter-spacing: 0.2em;padding: 14px 0 10px;transition: all 0.36s;}
.caseUL li:hover .pic {box-shadow: 0px 1px 27px 5px rgba(0, 158, 146, 0.15);}
.caseUL li:hover .pic img{ transform: translate(-50%, -50%) scale(1.06);}



/*图片小图预览列表*/
.spec-preview{ padding:5px;width:540px;height:540px;}
.spec-preview img{width:100%; height:100%; object-fit:contain;}
.spec-scroll{clear:both; padding:15px 0;width:540px;border-top: 1px solid #d9d9d9;overflow:hidden;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:22px;height:32px; margin:12px; cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:445px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.product_top .productR{ float:right; width:668px; overflow:hidden;}
.productR .title{ padding: 30px 0; border-bottom: 1px solid #d9d9d9;}
.productR .title h1{font-size: 24px; color:#333;}
.productR .desc{ margin-top: 40px; line-height:25px; color:#333;}
.productR .link{ margin-top:100px;}
.productR .link>div{ float:left;width: 205px;height: 52px;background: #df002c;border-radius: 5px; margin-right: 15px;}
.productR .link .link_r{ background:#172e7a;}
.productR .link a{height: 100%;display: flex;justify-content: center; align-items: center; color:#fff; font-size:16px;}
.productR .link i{ padding-right:5px;}
.product_info{ margin-top: 100px;}
.product_info_l{ float:left; width:930px; overflow:hidden;}
.product_info_l .title h1{width: 200px;height: 56px;line-height: 56px;text-align: center;font-size: 20px;border-radius: 5px 5px 0 0; background: #172e7a; color:#fff;overflow:hidden;}
.product_info_l .title span{ display:block; width:100%; height:2px;background: #172e7a;}
.product_info_l .details{ margin:30px 0; line-height:30px;}
.product_info_l .details img{ max-width:100%;}
.product_info_r{ float:right; width:280px; background:#f3f3f3; overflow:hidden;}
.product_info_r .product_nav{ padding:50px 20px;}
.product_info_r .product_nav li{ padding:25px 0; font-size:18px; border-bottom: 1px solid #ccc;position:relative;}
.product_info_r .product_nav li a{font-weight:lighter; color:#000;}
.product_info_r .product_nav li i{ position:absolute; top:24px; right:0; font-weight:bold;}
.product_info_r .product_nav li a:hover{color: #172e7a;}
.product_info_r .product_nav li.act a{color: #172e7a;}
.product_info_r .product_nav li.er{ padding-left:30px; border:none;}
.product_info_r .product_nav li.er a{ font-size:18px;}






/* 通用分页样式 */
.page{ width: 100%; margin-top: 30px; padding-top: 15px; border-top: 1px solid #ddd; overflow: hidden;}
.page p{ font-size: 15px; color: #333;}
.page p a{ color: #333;}
.pages {height: 26px;padding: 5px 0;margin-top: 30px;clear: both;text-align: center;}
.pages a { margin: 0 2px; padding: 5px 15px;border: 1px solid #e1e1e1;height: 24px;line-height: 24px;color: #666;}
.pages a:hover {border: 1px solid #172e7a;background: #172e7a;color: #fff;text-decoration: none;}




/*右侧浮动*/
.sidebar{ display: none;position: fixed;top: 50%;padding: 20px 0 25px;right: 10px;width: 80px;z-index: 905;-webkit-transform: translateY(-50%);transform: translateY(-50%);border-radius: 40px;background: #fff;box-shadow: 0 0 10px rgba(152, 164, 211, .2);}
.sidebar li{ margin-bottom: 20px;position: relative;}
.sidebar li:last-child{ margin-bottom: 0;}
.sidebar a{ display: block;text-align: center;color: #fff;transition: .5s;}
.sidebar .sidebar_ico{ display: flex;align-items: center;justify-content: center;margin: 0 auto 5px;width: 50px;height: 50px;border-radius: 50%;box-shadow: 0 0 10px rgba(152, 164, 211, .2);transition: .5s;}
.sidebar .sidebar_ico img { height: 20px;}
.sidebar .sidebar_ico img:nth-child(2){ display: none;}
.sidebar a:hover .sidebar_ico{ background: #c7000b;}
.sidebar a:hover .sidebar_ico img:nth-child(1){ display: none;}
.sidebar a:hover .sidebar_ico  img:nth-child(2){ display: inline-block;}
.sidebar .sidebar_txt{ font-size: 14px;line-height: 24px;color: #666;}
.sidebar .sidebar_wx{ position: absolute;top: 0;right: 90px;margin-top: 0;display: flex;text-align: center;padding: 0 20px;align-items: center;justify-content: center;width: 80px;height: 80px;color: #fff;background: #ffffff;box-shadow: 0 0 10px rgba(152, 164, 211, .2);white-space: nowrap;font-weight: bold;font-size: 20px;visibility: hidden;opacity: 0;transition: .5s;}
.sidebar a:hover .sidebar_wx{ visibility: visible;opacity: 1;}
.sidebar .sidebar_wx img{ width: 70px;}
.sidebar .sidebar_phone{ position: absolute;top: 0;right: 90px;margin-top: 0;display: flex;padding: 0 20px;align-items: center;justify-content: center;width: 200px;height: 50px;color: #fff;border-radius: 26px;background: #c7000b;box-shadow: 0 0 10px rgba(152, 164, 211, .2);white-space: nowrap;font-weight: bold;font-size: 20px;visibility: hidden;opacity: 0;transition: .5s;}
.sidebar a:hover .sidebar_phone{ visibility: visible;opacity: 1;}