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

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	}
body {
	font-family: "Microsoft YaHei","微软雅黑";
	font-size: 13px;
	line-height: 26px;
	color: #333;
	background-color: #fff;
	overflow-x: hidden;
	margin: 0 auto;
	padding: 0;

}

div,p,span,em,dl,dd,dt{margin:0;padding:0; font-size:100%; font-family:inherit; list-style:none;}
h1,h2,h3,h4,h5,ul,li{list-style-type:none; margin: 0; padding: 0;}

input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select {margin:0; padding:0;}

a {color: #333;text-decoration: none;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a:hover {color: #ff3300; text-decoration: none;}
a:active,a:focus {outline: 0;color: #ff3300; text-decoration: none;}
img {border:0; vertical-align: middle;}


.fl{ float:left;}
.fr{ float: right;}

.clear{clear: both;}
.clearfix::after{
   content:"";
　　height:0;
　　line-height:0;
　　display:block;
　　visibility:hidden;
　　clear:both;
}

.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}


/*以上是公共样式*/
.container{ width: 1180px; margin: 0 auto; overflow: hidden;}
.welcome{ height: 34px; line-height: 34px; background: #f5f5f5;color: #555555;}
.welcome h1{ float: left; font-weight: normal;  font-size: 13px;}
.welcome p{ float: right;color: #555555;}
.welcome p span{color: #ff3300;}


.head{height: 140px;}
.head .logo{float: left; padding-top:22px;}
.head .logo img{float: left;}
.head .logo span{font-size: 30px; float: left; padding-top: 12px; padding-left: 20px; font-weight: bold; }
.head .logo span small{font-size: 22px; display: block;padding-top:12px;font-weight: normal; }
.head .logo span small b{  font-weight: normal;}

.head .tel{float: right;}
.head .tel span{ font-size: 15px;display: block; float: right; padding: 41px 0 0 15px; color: #666;}
.head .tel span b{font-size: 28px; color: #333; font-family: impact,"微软雅黑";}
.head .tel img{width: 66px; padding-top: 36px;}

/*导航栏目*/
.navbg{ background: #3883ff;}
.nav{width:100%;height: 60px;line-height: 60px;}
.nav li{ float: left; width: 131px; text-align: center;font-size: 16px;} 
.nav li>a{color: #FFF; display: block;} 
.nav li:hover,.nav li.active{color: #FFF; background: #f1c332;} 


/*banner开始*/
.pz_slides_3{ float:left; width:1920px; height:100%; overflow:hidden; position:relative;  }
.pz_slides_3 ._btn{overflow:hidden; position:absolute; bottom:77px; z-index:2; }
.pz_slides_3 ._btn ul{ overflow:hidden; zoom:1; float:left;  }
.pz_slides_3 ._btn ul li{float:left;width:60px; height:9px; background:url(../images/banner_btn.png) no-repeat left center; margin:0 10px;cursor:pointer;}
.pz_slides_3 ._btn ul li.on{ background:url(../images/banner_btn1.png) no-repeat right center;}
.pz_slides_3 ._pic{ position:relative; height:100%; z-index:0; height: 600px;}
.pz_slides_3 ._pic li{ zoom:1; vertical-align:middle;position:relative;}
.pz_slides_3 ._pic li img{ width:1920px; display:block;}


/* 下面是前/后按钮代码，如果不需要删除即可 */
.w_1200_banner{ width:1400px; position:absolute; left:50%; top:40%; height:0; margin-left:-700px;}
.pz_slides_3 .prev,
.pz_slides_3 .next{ float:left; margin-top:0px; display:block; width:70px; height:140px; background:url(../images/banner_left.png) no-repeat left top;}
.pz_slides_3 .next{ float:right; background:url(../images/banner_left.png) no-repeat right top;}
.pz_slides_3 .prev:hover{ background:url(../images/banner_right.png) no-repeat left top;}
.pz_slides_3 .next:hover{ background:url(../images/banner_right.png) no-repeat right top;}



.sub01_banner{ background: url(../images/sub01.jpg) no-repeat center; height: 312px;}
.sub02_banner{ background: url(../images/sub02.jpg) no-repeat center; height: 312px;}
.sub03_banner{ background: url(../images/sub03.jpg) no-repeat center; height: 312px;}
.sub04_banner{ background: url(../images/sub04.jpg) no-repeat center; height: 312px;}
.sub05_banner{ background: url(../images/sub05.jpg) no-repeat center; height: 312px;}

.home-bt{ overflow: hidden; text-align: center; padding: 50px 0;}
.home-bt span{display: block; background: url(../images/fg.jpg) no-repeat center bottom; font-family: impact,"Microsoft YaHei"; text-transform: uppercase; font-size: 28px; padding-bottom: 15px; margin-bottom: 15px;}
.home-bt small{display: block; color: #3883ff; font-size: 26px; font-weight: bold;}

.home-hezuo-tj{ overflow: hidden; background: url(../images/hezuo01.jpg) no-repeat center; margin-top: 30px; height: 57px;}
.home-hezuo-tj dt{  text-align: center; color: #FFF; font-size: 22px; font-weight: bold; padding-top: 10px;}
.home-hezuo-nr {  width: 100%;}
.home-hezuo-nr ul{margin: 0; overflow: hidden;}
.home-hezuo-nr ul li{ float:left;text-align:center; width: 180px; padding: 0 15px;}
.home-hezuo-nr ul li .list-img{position: relative;height: 90px; overflow: hidden; background: #FFF; border: 1px solid #e7e7e7;}
.home-hezuo-nr ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.6s;}
.home-hezuo-nr ul li .list-img img:hover{transform:scale(1.2);}
.home-hezuo-nr ul li h2{ text-align:center; overflow:hidden; clear:both; font-size: 14px; font-weight: normal; height: 34px; line-height: 34px; color: #666;}

/*图片左右滚动*/
#demo3 {overflow: hidden;width: 1178px; margin: 0 auto;border: 1px solid #ccc; border-top: 0; padding: 15px 0;}
#indemo1 {float: left;width: 800%;}
#demo4 {float: left;}
#demo5 {float: left;}

#demo7 {overflow: hidden;width: 1180px; margin: 0 auto;}
#indemo2 {float: left;width: 800%;}
#demo8 {float: left;}
#demo9 {float: left;}

/*首页公司概况*/
.home-aboutbg{ background: #f3f3f3; overflow: hidden;}
.home-about{ background: url(../images/about.png) no-repeat center; height: 347px; margin-bottom: 50px;}
.home-about span{display: block; padding: 30px 50px 0 548px; height: 250px; font-size: 15px; line-height: 28px;text-indent: 2em; color: #666;}
.home-about a{background: #3883ff; padding: 10px 60px; color: #FFF; margin-left: 548px; font-size: 18px; border-radius: 30px;}


/*首页产品推荐*/
.home-product_tj{overflow: hidden;}
.home-product_tj ul{margin: 0;}
.home-product_tj ul li{ float:left;text-align:center; width: 283px;margin-right: 30px;}
.home-product_tj ul li:nth-of-type(3n+0){ margin-right: 0;}
.home-product_tj ul li .list-img{position: relative;height: 280px;border: 1px solid #E7E7E7; overflow: hidden;}
.home-product_tj ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0;transition: all 0.6s;}
.home-product_tj ul li .list-img img:hover{transform:scale(1.2);}
.home-product_tj ul li h2{padding: 10px 0; text-align:center; overflow:hidden; clear:both; font-size: 15px; font-weight: normal; height: 34px; line-height: 34px; }

/*首页产品头条*/
.home-pro_tj{overflow: hidden;}
.home-pro_tj ul{margin: 0;}
.home-pro_tj ul li{ float:left;text-align:center; width: 271px;margin-right: 30px;margin-bottom: 30px;}
.home-pro_tj ul li .list-img{position: relative;height: 314px;border: 1px solid #E7E7E7; overflow: hidden;}
.home-pro_tj ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0;}
.home-pro_tj ul li h2{padding: 10px 0; text-align:center; overflow:hidden; clear:both; font-size: 15px; font-weight: normal; height: 34px; line-height: 34px; }


/*首页产品展示*/
.home-product{overflow: hidden;}
.home-product ul{margin: 0;}
.home-product ul li{ float:left;text-align:center; width: 283px; background: #f5f5f5; margin-right: 30px; margin-bottom: 30px;}
.home-product ul li:nth-of-type(3n+0){ margin-right: 0;}
.home-product ul li .list-img{position: relative;height: 250px; margin: 10px; overflow: hidden;}
.home-product ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition:all 0.6s;}
.home-product ul li .list-img img:hover{transform:scale(1.2);}
.home-product ul li h2{ text-align:center; overflow:hidden; clear:both; font-size: 15px; font-weight: normal; height: 34px; line-height: 34px; margin-top:10px;}
.home-product ul li h2 b{font-weight: normal;}
.home-product ul li .name{overflow: hidden;}
.home-product ul li .name dl{margin: 0; width: 100%;}
.home-product ul li .name dl dd{float: left; background: #3883ff; width: 35%;margin: 15px 20px;}
.home-product ul li .name dl dd:last-child{background: #f1c332;}
.home-product ul li .name dl dd a{color: #FFF; display: block; padding: 5px 15px;}

/*首页优势*/
.youshi{ overflow: hidden; background: url(../images/youshi.jpg) no-repeat top center; height: 1167px;}
.youshi h1{ float: right; color: #FFF;padding:42px 290px 0 0 ;  font-size: 28px;}
.youshi dt{color: #a4adb7; font-size: 30px; padding-top: 140px; line-height: 60px; text-align: right;}
.youshi dl{margin:20px 0; overflow: hidden;}
.youshi dl dd{float: left;}
.youshi dl dd:first-child{width: 625px;}

.ys01{ overflow: hidden;}
.ys01.pl{padding-left: 625px;}
.ys01.pt{padding-top: 60px;}
.ys01 span{font-size: 32px; font-weight: bold;}
.ys01 span i{padding: 0 10px;}
.ys01 ul{margin: 0;}
.ys01 ul li{line-height: 30px; font-size: 16px; color: #666; padding-left: 73px;}
.ys01 ul li em{font-style: normal; color: #0f9d16; font-size: 18px;}

.ad{overflow: hidden; background: url(../images/ad.jpg) no-repeat center; height: 305px;}
.ad ul{margin: 0;}
.ad ul li{float: left; color: #FFF; text-align: center; width: 196px; padding: 0 20px; margin-top: 200px;}
.ad ul li span{ font-size: 20px;}
.ad ul li span small{display: block; font-size: 14px; }

/*首页工程案例*/
.home-case-bt{ overflow: hidden; text-align: center; padding: 50px 0; color: #FFF;}
.home-case-bt span{display: block; background: url(../images/fg.jpg) no-repeat center bottom; font-family: impact,"Microsoft YaHei"; text-transform: uppercase; font-size: 28px; padding-bottom: 15px; margin-bottom: 15px;}
.home-case-bt small{display: block; color: #0f9d16; font-size: 26px; font-weight: bold;}
.home-case-bt em{display: block; color: #FFF; font-size: 20px; font-style: normal; padding-top: 15px;}

.home-case{overflow: hidden; background: url(../images/casebg.jpg)  repeat-y center;}
.home-case ul{margin: 0; overflow: hidden; padding-bottom: 50px;}
.home-case ul li{ float:left;text-align:center; width: 366px; padding-right:41px;}
.home-case ul li:last-child{padding-right:0px;}
.home-case ul li .list-img{border:1px solid #e7e7e7; position: relative;height: 225px; overflow: hidden; background: #FFF;box-shadow:0px 2px 10px #e7e7e7;}
.home-case ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.6s;}
.home-case ul li .list-img img:hover{transform:scale(1.2);}
.home-case ul li .list-img h2 {
	position: absolute;
	text-align: center;
	overflow: hidden;
	clear: both;
	font-size: 15px;
	font-weight: normal;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	width: 100%;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
}
.home-case ul li em{ background: #FFF; font-style: normal; color: #666; display: block;padding: 15px; text-align: left; font-size: 15px; }

/*首页合作伙伴*/

.home-hezuo{overflow: hidden; /*background:url(../images/hezuo.jpg) no-repeat center; */padding-bottom: 40px;}
.home-hezuo ul{margin: 0; overflow: hidden;}
.home-hezuo ul li{ float:left;text-align:center; width: 220px; padding-right:20px; margin-bottom: 20px;}
.home-hezuo ul li:nth-of-type(5n+0){padding-right:0px;}
.home-hezuo ul li .list-img{position: relative;height: 105px; overflow: hidden; background: #FFF; border: 1px solid #E7E7E7; }
.home-hezuo ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.6s;}
.home-hezuo ul li .list-img img:hover{transform:scale(1.2);}
.home-hezuo ul li h2{ text-align:center; overflow:hidden; clear:both; font-size: 15px; font-weight: normal; height: 34px; line-height: 34px; margin:10px 0;}

/*首页新闻*/
.home-newsbg{overflow: hidden; padding: 50px 0; /*background: #ebebeb;*/}
#tabbox{overflow:hidden; width:820px; }
.tab_con {padding:12px; background: #FFF; border: 1px solid #E7E7E7; border-top: 0;}

.tabs{height: 52px;width: 100%;}
.tabs li{height:52px;line-height:52px;width: 50%; float:left;background: #f1c332;overflow: hidden;position: relative;}
.tabs li a {display: block;color: #FFF; font-size: 18px; padding-left: 30px;}
.tabs li a:hover {background: #f08302;}	
.tabs .thistab,.tabs .thistab a:hover{background: #3883ff;}

.home-news dl{margin: 0;}
.home-news dl dd{line-height: 34px; border-bottom:1px dashed #EEEEEE;}
.home-news dl dd span{ float: right; color: #999;}
.home-news dl dd span i{color: #ed7417; padding-right: 5px;}

.news-tj{width: 100%;overflow: hidden;padding: 10px 0;}
.news-tj img{ float: left; width: 200px;height: 140px; padding-right: 15px;}
.news-tj .news-tj-r{ margin: 0;}
.news-tj .news-tj-r span{font-size: 24px;}
.news-tj .news-tj-r time{color: #999; display: block;}
.news-tj .news-tj-r p{line-height: 26px;}


.home-faq{overflow: hidden; width: 320px; margin-left: 40px;}
.home-faq dt{ background: #3883ff; color: #FFF;display: block;font-size: 18px; padding-left: 30px;height:52px;line-height:52px;}
.home-faq ul{overflow: hidden; background: #FFF; padding: 12px;}
.home-faq ul li{float: left;width: 100%; line-height: 34px; height: 34px; border-bottom: 1px solid #E7E7E7;}
.home-faq ul li span{ float: right; color: #999; padding-right: 8px;}


/*内页荣誉*/
.honor{overflow: hidden; padding-top: 30px;}
.honor ul{margin: 0;}
.honor ul li{ float:left;text-align:center; width: 261px; padding-right: 45px;}
.honor ul li:nth-of-type(4n+0){padding-right:0;}
.honor ul li .list-img{ position: relative; border:1px solid #e7e7e7;height: 366px; overflow: hidden;}
.honor ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.6s;}
.honor ul li .list-img img:hover{transform:scale(1.2);}
.honor ul li h2{ text-align:center; overflow:hidden; clear:both; font-size: 13px; font-weight: normal; height: 34px; line-height: 34px; margin:10px 0;}



/*工程案例*/
.case{overflow: hidden; padding-top: 30px;}
.case ul{margin: 0;}
.case ul li{ float:left;text-align:center; width: 261px; padding-right: 45px;}
.case ul li:nth-of-type(4n+0){padding-right:0;}
.case ul li .list-img{ position: relative; border:1px solid #e7e7e7;height: 161px; overflow: hidden;}
.case ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.6s;}
.case ul li .list-img img:hover{transform:scale(1.2);}
.case ul li h2{ text-align:center; overflow:hidden; clear:both; font-size: 13px; height: 34px; line-height: 34px; margin:10px 0;}


/*内页合作伙伴*/
.hezuo{overflow: hidden; padding-top: 30px;}
.hezuo ul{margin: 0;}
.hezuo ul li{ float:left;text-align:center; width: 205px; padding-right: 38px; margin-bottom: 20px;}
.hezuo ul li:nth-of-type(5n+0){padding-right:0;}
.hezuo ul li .list-img{ position: relative; border:1px solid #e7e7e7;height: 120px; overflow: hidden;}
.hezuo ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.6s;}
.hezuo ul li .list-img img:hover{transform:scale(1.2);}

.navlist{overflow: hidden; background: #f4f4f4;}
.navlist ul{margin: 0;}
.navlist ul li{float: left; font-size: 16px; width: 196px; text-align: center; height: 50px; line-height: 50px;}
.navlist ul li a{display: block; color: #333;}
.navlist ul li a:hover{display: block; color: #FFF; background: #0c2a72; background: url(../images/jt.png) no-repeat center bottom;}
.navlist ul li a.thisclass{display: block; color: #FFF; background: #0c2a72;background: url(../images/jt.png) no-repeat center bottom;}


/*内页左侧*/
.web-Left{width: 240px;background:#f3f3f3;}
.web-Left .top{ background:url(../images/left01.jpg) no-repeat; color: #FFF; height: 80px;}
.web-Left .top dt{float: left;padding: 15px;}
.web-Left .top span{font-size: 26px; display: block;padding-top: 13px;}
.web-Left .top span em{display: block; text-transform: uppercase;font-style: normal; font-size: 15px; line-height: 30px;}
.web-Left dl{ margin: 0;}
.web-Left dl dd{ height: 50px; line-height: 50px; border-bottom: 1px solid #ccc;}
.web-Left dl dd a{display: block; color: #333; font-size: 16px; padding-left: 20px;}
.web-Left dl dd a:hover{display: block;color: #FFF; font-size: 16px; padding-left: 20px; background: #3883ff;}
.web-Left dl dd a.thisclass{display: block;color: #FFF; font-size: 16px; padding-left: 20px; background: #3883ff;}

.left_contact {overflow: hidden;}
.left_contact .left_contact_top{background: #f1c332; color:#FFF; overflow: hidden;}
.left_contact .left_contact_top img{float: left; width: 60px; padding:12px;}
.left_contact .left_contact_top span{float: left;font-size: 18px; padding-top: 10px;}
.left_contact .left_contact_top span em{display: block; font-style: normal; font-size: 15px; text-transform: uppercase;}
.left_contact p{background: #3883ff; line-height: 26px; padding:20px 10px; color: #FFF;}



.danye{ float: right; padding-left: 30px; width: 910px;}
.danye .here {overflow: hidden;height: 40px; border-bottom: 1px solid #dfdfdf; margin-bottom: 15px;}
.danye .here h3{ color: #333; float: left; font-size: 18px; border-bottom: 3px solid #3883ff; line-height: 38px;}
.danye .here span{float: right; padding-right: 15px;line-height: 38px; font-size: 16px;}
.danye .danye-line { padding: 15px 0; line-height: 25px; overflow: hidden;}
.danye .danye-line img{ max-width: 100%; }

.about_here {overflow: hidden;height: 40px; border-bottom: 1px dashed #dfdfdf; margin: 15px 0;}
.about_here i{float: left;padding: 5px 5px 0 0;}
.about_here span{float: left; line-height: 38px; font-size: 16px;}

.news{overflow: hidden;}
.news ul{margin: 0;}
.news ul li{ height: 34px; line-height: 34px; border-bottom: 1px dashed #E7E7E7;}
.news ul li span{ float: right;}
.news ul li b{ font-weight: normal;}

/*新闻详情页一行两列展示*/
.News-list{overflow: hidden;}
.News-list ul{ width:100%;}
.News-list ul li{float: left; border-bottom:1px dashed #ccc; line-height:32px; width: 440px; margin-right: 30px;}
.News-list ul li time{ float:right;}
.News-list ul li:nth-of-type(2n+0){ margin-right: 0;}



/*详情页*/
.Details{overflow: hidden; }
.Details h1{ text-align: center; padding: 15px 0;}
.Details h5{display: block; text-align: center; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; display: block; line-height: 40px; font-weight: normal;}
.Details h5 small{padding: 0 10px; font-weight: bold;}
.Details-conent{ line-height: 28px; padding: 15px 0; clear: both;}
.Details-conent img{max-width: 100%; padding: 15px 0;}
.Details-conent li{ height: 40px; line-height: 40px;}

/*产品详情*/
.Details_pro{overflow: hidden;padding: 30px 0;}
.Details-l{float: left; width: 358px; border: 1px  solid #E7E7E7; padding: 20px;}
.Details-l img{max-width: 100%;}
.Details-r{float: left; width: 480px; padding-left: 30px;}
.Details-r span{display: block; font-size: 24px; font-weight: bold; color: #222;padding-bottom: 20px;}
.Details-r p{font-size: 15px; line-height: 28px; border-top: 1px solid #E7E7E7;border-bottom: 1px solid #E7E7E7; padding: 15px 0; color: #666;}
.Details-r .tel{overflow: hidden; padding-top: 15px;}
.Details-r .tel i{ float: left;}
.Details-r .tel dt{ float: left; font-size: 24px; line-height: 38px; padding-left: 15px;}

.details-ys{overflow: hidden;}
.details-ys ul{margin: 0;}
.details-ys ul li{float: left; width: 455px; min-height: 275px; padding-bottom: 30px;}
.details-ys ul li img{max-width: 100%;}
.details-font{overflow: hidden; padding-left: 50px; }
.pl{padding-left: 0; padding-right: 50px;}
.details-font h5{font-size: 30px; font-weight: bold; border-bottom: 1px dashed #E7E7E7;margin-bottom: 20px;color: #3883ff;}
.details-font h5 i{overflow: hidden;}
.details-font p{font-size: 15px; line-height: 28px; color: #666; padding-bottom: 10px;}
.details-font p em{font-size: 20px;font-style: normal; color: #0f9d16;}


/*详情页热门产品每行显示4个图片*/
.product-click{overflow: hidden; }
.product-click .bt{ border-bottom: 1px solid #E7E7E7; height: 38px;}
.product-click .bt span{ font-size: 16px;border-bottom: 2px solid #3883ff; line-height: 38px; display: inline-block;}
.product-click ul{padding: 15px 0; overflow: hidden;}
.product-click ul li{float: left; width: 216px; padding-right: 15px;}
.product-click ul li:nth-of-type(4n+0){ padding-right:0;}
.product-click ul li .list-img{border:1px solid #e7e7e7;  padding: 5px;position: relative; height: 200px; background: #FFF;}
.product-click ul li .list-img:hover{border:1px solid #3883ff;}
.product-click ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0;}
.product-click ul li h2{ text-align: center; display: block; font-size: 14px; font-weight: normal; line-height: 34px;}

.product-click ul li .list-img:hover .bottom{ height: 40px;}
.product-click ul li .list-img .bottom{height: 0;overflow: hidden;background: #3883ff;display: -webkit-flex;display: flex;justify-content: space-around;align-items: center;position: absolute;bottom: 0;left: 0;width: 100%;transition: all .2s; }
.product-click ul li .list-img .bottom a{ color: #FFF; font-size: 14px;}
.product-click ul li .list-img .bottom a i{padding: 0 5px;}

.contact{overflow: hidden; width: 100%; padding: 20px 0;}
.contact dt{ text-align: center; color: #3883ff; font-size: 28px; padding: 30px 0; font-weight: bold;}
.contact ul{margin: 0;}
.contact ul li{ float: left; width: 50%; border-bottom: 1px solid #E7E7E7; font-size: 16px; line-height: 60px; height: 60px;}
.contact ul li i{color: #f1c332; float: left; font-size: 38px; padding: 10px 0 0 0; width: 80px; text-align: center;}



/*友情链接*/
.link{overflow: hidden;background: #1e1e1e;padding-bottom: 15px; text-align: center;}
.link ul {display: inline-block;}
.link ul li{float: left; color: #FFF; line-height: 34px;}
.link ul li a{color: #FFF;}
.link ul li i{padding: 0 8px;}

/*底部信息*/
footer{background: #1e1e1e; overflow: hidden;padding: 50px 0 20px 0;}
.footmenu{overflow: hidden; border-right: 1px solid #353535;border-left: 1px solid #353535; width: 498px; padding-left: 50px;}
.footmenu ul{margin: 0;}
.footmenu ul li{float: left;width: 166px;}
.footmenu ul li span{display: block; font-size: 18px; color: #FFF;padding-bottom: 15px;}
.footmenu ul li a{display: block; color: #FFF; }
.footmenu ul li a:hover{color: #f1c332;}

.foot-l{overflow: hidden; width: 250px; margin-bottom: 15px;}
.foot-l dt{ color: #FFF; font-size: 15px; padding: 10px 0;}
.foot-l dt em{display: block;font-style: normal; font-size: 28px;}
.foot-l span{ background: #FFF; color: #333; border-radius: 20px; padding: 6px 50px; font-size: 16px; display: inline-block;}
.foot-l ul{margin: 0;}
.foot-l ul li{ float: left; width: 50px; margin: 10px 5px; text-align: center; }
.foot-l ul li i{color: #FFF; font-size: 12px; font-style: normal;}
.foot-l ul li a{display: block; width: 32px; height: 32px; background: #FFF; border-radius: 50%; padding: 8px; margin: 0 auto;}
.foot-l ul li img{max-width: 100%;}


.foot-r{ overflow: hidden; width: 350px; padding-left: 30px; padding-bottom: 20px;}
.foot-r dt{float: left;display: block; width: 120px; padding: 10px 0;}
.foot-r dt img{max-width: 100%;}
.foot-r dt em{display: block; text-align: center;color: #FFF;font-style: normal;}
.foot-r ul{margin: 0;}
.foot-r ul li{display: block; color: #FFF;}
.foot-r ul li:first-child{font-size: 22px;padding-bottom: 10px;}
.foot-r ul li i{ padding-right: 10px;}

.copy{ overflow: hidden; clear: both; border-top: 1px solid #353535; padding-top: 20px;}
.copy p{ text-align: center; color: #FFF;}
.copy p a{color: #FFF;}