
/*product*/
.product-nav{height:auto;line-height:60px;text-align:center;background-color:#f5f5f5}
.product-nav .tit{float:left;width:160px;height:60px;font-size:16px;color:#fff;background-color:#00aaed}
.product-nav li{float:left;margin-left:35px;line-height:58px}
.product-nav li.on{border-bottom:2px solid #fead00;}
.product-nav li.on a{color: #00aaed;}
.product-nav li:hover a{color: #00aaed;}
.product-nav .readmore{float:right;margin-right:10px;color:#999;font-weight:lighter}
@media only screen and (max-width:680px){
	.product-nav .tit{width: auto;padding: 0 3%;font-size: 14px;}
	.product-nav li{margin-left:25px}
}
@media only screen and (max-width:480px){
	.product-nav{height: 50px;line-height: 50px;}
	.product-nav .tit{height: 50px;}
	.product-nav li{line-height: 48px;}
	.product-nav .readmore{width: 100%;text-align: right;font-size: 13px; display:none;}
}
/*
.prodict-list ul {width:1220px;padding-top:15px}
.prodict-list ul li{margin-top:28px;margin-right:28px;float:left;width:277px;}
.prodict-list ul li a{display: block;width:100%;}
.prodict-list ul li .pic{width:277px;margin:auto}
.prodict-list ul li .pic img{width:275px;transition: transform 0.5s; border:1px solid #ddd;}
.prodict-list ul li:hover .pic img{transform: scale(1.1);}
.prodict-list ul li .txt{width:100%;height:49px;line-height:49px;text-align:center;overflow: hidden}
.prodict-list ul li .txt span{display: inline-block;position:relative;padding-right:30px;font-size:15px;}
.prodict-list ul li .txt span:after{content:'';position: absolute;right:0;top:50%;margin-top:-11px;width:20px;height:20px;background: url(../images/1-00.png) no-repeat 0 0}
.prodict-list ul li:hover .txt span{color:#00aaed}
.prodict-list ul li:hover .txt span:after{background-position: -20px 0}*/

/* 产品中心 */
.team-list{overflow:hidden; position:relative;width:1200px; padding-top:2.3%;}
.team-list ul{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.team-list ul li{ width:18%;margin-right:2.5%;overflow:hidden; text-align:center; margin-bottom:30px; border:1px solid #ddd;box-sizing: border-box;}
.team-list ul li:nth-child(5n){margin-right: 0;}
.team-list ul li a{display:block;color:#666;}
.team-list ul li .pic{width:100%;text-align:center; overflow:hidden}
.team-list ul li .pic img{width:100%;}
.team-list ul li .title{height:40px; line-height:40px;font-size:16px; color:#666;}
.team-list ul li:hover{background:#00aaed;}
.team-list ul li:hover .title{color:#fff;background:#00aaed;}
.team-list ul li .pic img{-webkit-transform: scaleY(1);-moz-transform: scaleY(1);-o-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}
.team-list   ul li:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}
@media only screen and (max-width:768px){
	.team-list{padding-top: 30px;}
	.team-list ul{justify-content: space-between;}
	.team-list ul:after{content:"";width: 31.5%;}
	.team-list ul li{margin-right: 0;width: 31.5%;}
	.team-list ul li:nth-last-child(1){display: none;}
}
@media only screen and (max-width:480px){
	.team-list{padding-top: 0;}
	.team-list ul{border-bottom: 1px solid #e5e5e5;}
	.team-list ul:after{content:"";width: 49%;}
	.team-list ul li{width: 49%;}
	.team-list ul li .title{font-size: 14px;line-height: 24px;height: auto;}
	.team-list ul li:nth-last-child(1){display: block;}
}

/*领域*/
.ly{background:url(../images/ly.jpg) no-repeat center left/cover; height:auto; overflow: hidden; margin-bottom: 5px; padding: 30px 0 30px;margin-top: 40px;}
.ly .flx_w{}
.ly_l{background:url(../images/ly.png) no-repeat center; width: 510px; height: 492px; margin-top: 40px;color: #fff;background-size: 510px auto;}
.ly_l h3{ padding-top: 111px; line-height: 100%; font-size: 30px; text-align: center; padding-bottom: 9px;font-weight: bold;}
.ly_l h3 span{ display: block; font-size: 42px; line-height: 100%; padding: 0 0  9px 0;}
.ly_l p{ text-align: center; font-size: 20px; line-height: 28px; padding-top:11px; height: 100px;}
.ly_l p span{ display: block;}
.ly_l h4{ font-size: 16px; color: #fff; font-weight: normal; padding-bottom: 18px;text-align: center;}
.ly_l h4 i{ background: url(../images/tel2.png) ; display:inline-block; height: 21px;width: 20px;margin: 0 5px 0 0;vertical-align: middle;}
.ly_l h4 span:nth-child(2){font-size: 18px;font-weight: normal;}
.ly_l h4 span{ font-family: Arial; font-size: 24px; font-weight: bold;vertical-align: middle;}
.ly_l em{ display: block; width: 95px; height: 36px; margin: 0 auto;background:url(../images/ly_btn.png) no-repeat; line-height: 36px;}
.ly_l em a{ display: block; color: #fff; font-size: 18px; font-weight: bold; padding-left: 10px;line-height: 30px;}
.ly_r{ position: relative; width: 689px;box-sizing: border-box;}
.ly_r .ly1{ position: absolute; left: 98px; top: 80px;}
.ly_r .ly2{ position: absolute; left:296px; top: 80px;}
.ly_r .ly3{ position: absolute; left:495px; top: 80px;}
.ly_r .ly4{ position: absolute; left:0; top:251px;}
.ly_r .ly5{ position: absolute; left:198px; top: 251px;}
.ly_r .ly6{ position: absolute; left:396px; top: 251px;}
@media only screen and (max-width:1360px){
	.ly_l{background: none;width: 49%;}
	.ly_r{width: 51%;}
	.ly_r .ly1,.ly_r .ly2,.ly_r .ly3,.ly_r .ly4,.ly_r .ly5,.ly_r .ly6{ position: initial;}
}
@media only screen and (max-width:1100px){
		.ly .flx_w{flex-flow: column-reverse;}
		.ly_l{width: 100%;height: auto;}
		.ly_l h3{padding-top: 0;}
		.ly_r{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
		.ly_r .ly1,.ly_r .ly2,.ly_r .ly3,.ly_r .ly4,.ly_r .ly5,.ly_r .ly6{display: inline-block;width: 33.3%;}
		.ly_r > span img{display: block;margin: 0 auto;}
}
@media only screen and (max-width:768px){
	.ly_l h3{font-size: 24px;}
	.ly_l h3 span{font-size: 30px;}
	.ly_l p{font-size: 18px;padding: 10px 0;height: auto;}
}
@media only screen and (max-width:480px){
	.ly{display: none;}
}

/* 新闻 */
.index-box .news {position:relative;}
.index-box .news .read-more {position:absolute;top:30px;right:15px;}
.overimg {position:relative;display:block;overflow:hidden;box-shadow:0 0 10px #FFF;}
.light {cursor:pointer;position:absolute;left:-400px;top:0;width:368px;height:277px;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);}
.overimg:hover .light {left:400px;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s;}
.index-box .news .news-list ul {padding:8px 0 62px 0;width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.index-box .news .news-list ul:after{content:"";width: 23.5%;}
.index-box .news .news-list ul li {width:23.5%;}
.index-box .news .news-list ul li img {width:100%;}
.index-box .news .news-list .div {margin-top:26px;}
.index-box .news .news-list .div .left {float:left;width:62px;border-right:1px solid #e3e3e3;}
.index-box .news .news-list .div .left .d p{font-size: 36px;color: #969696;}
.index-box .news .news-list .div .left .ym span{font-size: 14px;color: #c2c1c9;}
.index-box .news .news-list .div .left .summary p{font-size: 14px;color: #666;;}
.index-box .news .news-list .div .right {float: right;width: 204px;line-height: 24px;/* padding: 0 0 0 10px; */height: 72px;overflow: hidden;}
.index-box .news .news-list .div .right .title,.index-box .news .news-list .div .right.summary {overflow:hidden;text-overflow:ellipsis;}
.index-box .news .news-list .div .right .title p{font-size: 16px;color: #373c41;}
@media only screen and (max-width:1300px){
	.index-box .news .news-list .div{margin-top: 0;}
	.index-box .news .news-list .div .left{width: 100%;border-right: 0;}
	.index-box .news .news-list .div .right{margin-top: 5px;width: 100%;height: auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.index-box .news .news-list .div .left > div{display: inline-block;}
	.index-box .news .news-list .div .left .d p{display: none;}
	.index-box .news .news-list .div .left .ym span{font-size: 14px;}
}
@media only screen and (max-width:680px){
	.index-box .news .news-list ul{padding: 0 0 30px 0;}
	.index-box .news .news-list ul:after{content:"";width: 48.5%;}
	.index-box .news .news-list ul li{margin-bottom: 2%;width: 48.5%;}
}
/*index end******/



.g_zj{background: #02a9ed;}
.g_zj .layout{padding: 0 0 0 18%;box-sizing: border-box;transition: all .3s;}
.g_zj .layout .flx_w{}
.g_zj h2{height: auto; font-size: 50px;font-weight: normal;color: #fff;line-height: normal;}
.g_zj h2 em{display: block;font-size: 23px;color: #fff;}
.g_zj h2 i{font-style: normal;padding: 0 9px;}
.g_zj h2 a{color: #fff;}
.g_zj p{margin: 5% 0 16%;font-size: 14px;line-height: 30px;color: #eee;height: auto;overflow: hidden; text-align:justify;}
.g_zj .lf_part{padding: 4% 0;width: 36%;}
.g_zj .lf_part .line{margin: 12px 0 10px;width: 55px;height: 3px;background: #fff;}
.g_zj .img{width: 60.5%;}
.g_zj .img img{width: 100%;}
@media only screen and (max-width:1400px){
	.g_zj .layout{padding: 0 0 0 7%;}
}
@media only screen and (max-width:1200px){
	.g_zj .layout{padding: 0 0 0 5%;}
	.g_zj .lf_part{width: 46%;}
	.g_zj h2{font-size: 36px;}
	.g_zj .img{width: 50%;}
}
@media only screen and (max-width:768px){
	.g_zj .layout{padding: 0 5%;}
	.g_zj .lf_part{width: 100%;}
	.g_zj h2{font-size: 30px;}
	.g_zj p{margin: 5% 0 10%;line-height: 24px;}
	.g_zj .more{width: 130px;display: inline-block;}
	.g_zj .img{width: 100%;}
}
@media only screen and (max-width:480px){
	
	.g_zj .layout{padding: 10px 3% 30px;}
	.g_zj h2{font-size: 26px;}
	.g_zj h2 em{font-size: 16px;}
}


/*工厂实景*/
.hz_bg{padding: 55px 0 50px;}
.hz_t{height: 90px;text-align: center;}
.hz_t a{font-size: 26px;color: #666;font-weight: normal;}
.hz{ padding-bottom:50px; overflow:hidden;}
.hz .div2 ul{width: 1200px;display: block;margin:0 auto;}
.hz .div2 ul li{width: 277px; float: left; margin-right:28px;}
.hz .div2 ul li img{width: 100%; display:block;}
.hz .div2 ul li .txt{width: 100%; text-align:center; line-height:45px;}
.factory_sence .img img{width: 100%;}
.factory_sence .swiper-pagination{margin-top: 10px;width: 100%;position: initial;}
.factory_sence .swiper-pagination-clickable .swiper-pagination-bullet{margin: 0 6px;width: 10px;height: 10px;;}
.factory_sence .swiper-pagination-bullet-active{background: #ff0000;}
.factory_sence .txt{text-align: center;line-height: 45px;}
@media only screen and (max-width:768px){
	.hz_bg{padding: 0 0 30px;}
}

.synews_gan{ text-align:center; }
.synews_gan li{ display:inline-block; margin:0 10px; width:11px; height:11px; overflow:hidden; text-indent:-999px; background:url(../images/synew_an.png) no-repeat; cursor:pointer;}
.synews_gan li.on{ background:url(../images/synew_anb.png) no-repeat;}
/*
.hz ul{width: 1155px;height: 230px;display: block;margin:0 auto;border-top: #e5e5e5 1px solid;border-left: #e5e5e5 1px solid;}
.hz ul li{width: 230px;height: 115px;float: left;border-bottom: #e5e5e5 1px solid;border-right: #e5e5e5 1px solid;display: inline-flex;align-items: center;box-sizing: border-box;}
.hz ul li img{width: 180px;height: ;margin-left: 25px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.hz ul li a:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}*/

