body{padding:0px;margin:0px}
ol, ul { list-style: none; }
li { list-style-type: none; }


address, cite, code, em, th, i { font-weight: normal; font-style: normal; }
.clear { clear: both; *zoom:1;
}
.clear:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
a { text-decoration: none; cursor:pointer; color:#666; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

.w1600 { width: 1600px; margin: 0 auto; }
@media screen and (max-width:1600px) and (min-width:1200px) {
.w1600 { width: 95%; }
}
@media screen and (max-width:1199px) and (min-width:1080px) {
.w1600 { width: 95%; }
}
@media screen and (max-width:1079px) and (min-width:768px) {
.w1600 { width: 95%; }
}
@media screen and (max-width:767px) {
.w1600 { width: 95%; }
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {width:2px;}/* 滚动槽宽度 */
::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0px;}
::-webkit-scrollbar-thumb { background-color:#2463b2;} /* 滚动条滑块默认状态 */
::-webkit-scrollbar-thumb:window-inactive { background-color:#2463b2;} /* 滚动条滑块点击状态 */

/*========== New 首页样式 begin ==========*/


/*首页推荐产品 开始*/
.ab_idxProTj { width: 100%; background: #f7f7f7; overflow: hidden; padding: 60px 0 80px;  }
.idxProtj_main { width:100%; position: relative; padding: 70px 0; background:url(../img/pro_bg.png) no-repeat center bottom; background-size: 100%; min-height:300px; }
.idxProtj_main ul li { float: left; width: 25%; background: #fff; padding: 20px 3%; border-right: 1px solid #f1f1f1; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.idxProtj_main ul li:nth-child(4n) { margin-right: 0; }
.idxProtj_main ul li:hover { box-shadow: 3px 3px 10px rgba(0,0,0,.1); z-index: 99999; }
.idxProtj_main ul li .indpro_img { width: 100%; height: 290px; }
.idxProtj_main ul li .indpro_img a { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }
.idxProtj_main ul li .indpro_img a img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.idxProtj_main ul li:hover .indpro_img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.idxProtj_main ul li .indpro_name { display: block; font-size: 20px; color: #333; text-align: center; height: 40px; line-height: 40px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
.idxProtj_main ul li:hover .indpro_name { color: #2463b2; }
.idxProtj_main ul li span { color: #777; display: block; line-height: 30px; height: 30px; overflow: hidden; display: -webkit-Box; -webkit-Box-orIEnt: vertical; -webkit-line-clamp: 2; font-size: 16px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:20px; }
.idxProtj_main ul li .indpro_more { display: block; width: 150px; height: 45px; line-height: 45px; text-align: center; color: #67686c; margin: 15px auto; border-radius: 50px; font-size: 16px; overflow: hidden; position: relative; border: 1px solid #d5d8d7; }
.idxProtj_main ul li .indpro_more a { color: #67686c; }
.idxProtj_main ul li .indpro_more a i { color: #d0d0d0; }
.idxProtj_main ul li:hover .indpro_more { background: #2463b2;border: 1px solid #2463b2;  }
.idxProtj_main ul li:hover .indpro_more a { color: #fff; }
.idxProtj_main ul li:hover .indpro_more a i { color: #fff; }
.idxProtj_main .swiper-container2 { overflow: hidden; position: relative; }
.idxProtj_main .swiper-button-prev, .idxProtj_main .swiper-button-next { width: 55px!important; height: 55px!important; top: 50%!important; margin: 0!important; border-radius: 50%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.idxProtj_main .swiper-button-prev { background: url(../img/pre01.png) center center no-repeat; background-size: 55px 55px; left: 50px; }
.idxProtj_main .swiper-button-next { background: url(../img/next01.png) center center no-repeat; background-size: 55px 55px; right: 50px; }
@media screen and (max-width:1599px) and (min-width:1080px) {
.idxProtj_main .swiper-button-prev, .idxProtj_main .swiper-button-next { display: none; }
.idxProtj_main { padding-top: 20px; }
}
@media screen and (max-width:1079px) and (min-width:1024px) {
.idxProtj_main { padding-top: 10px; }
.idxProtj_main .swiper-button-prev, .idxProtj_main .swiper-button-next { display: none; }
}
@media screen and (max-width:1023px) and (min-width:768px) {
.ab_idxProTj { padding: 40px 0; }
.idxProtj_main { padding-top: 0; }
.idxProtj_main .swiper-button-prev, .idxProtj_main .swiper-button-next { display: none; }
}
@media (max-width: 767px) {
.ab_idxProTj { padding: 40px 0; }
.idxProtj_main { padding-top: 0; }
.idxProtj_main .swiper-button-prev, .idxProtj_main .swiper-button-next { display: none; }
}
/*首页推荐产品 结束*/


/*idx_Products 开始*/
.idx_Products { width: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0 0 0; position: relative; }
.idx_Products .idxPro_main { width: 100%; max-width: 1600px; height: auto; margin: 0 auto; padding: 0; position: relative; }
.tabOther { display: none; }
.idxPro_main .idxPro_tit { width: 100%; overflow: hidden; color: #333; font-size: 24px; margin: 0 0 20px 0; padding: 0; }
.idxPro_tit p {font-size: 48px;background: linear-gradient(to top, #fff, #363636);display: inline-block;-webkit-background-clip: text;color: transparent;opacity: 0.3;text-transform: uppercase;margin-top: 30px;}
.idxPro_tit b { font-size: 40px; display: block; color: #333; margin-top: -10px; }
.idx_Products .idxPro_menu {width: 62.5%;overflow: hidden;margin: 0;padding: 30px 20px 20px 50px;background-color: #2463b2;position: absolute;top: 8%;right: 0;z-index: 2;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;max-height:120px;overflow:hidden; min-height:100px;}
.idx_Products .idxPro_menu p{ max-height:50px; overflow:hidden;}
.idxPro_menu a { display: block; width: 31.333%; height: 42px; overflow: hidden; line-height: 42px; color: #fff; font-size: 18px; text-align: center; white-space: nowrap; text-overflow: ellipsis; margin: 0 1% 10px 0; padding: 0 1%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.idxPro_menu a:last-child{ margin-right:0;}
.idxPro_menu a:hover, .idxPro_menu a.idxProMenu_on { color: #fff; font-weight: bold; border: 1px solid #fff; border-radius: 50px; }
.idx_Products .idxPro_list {width: 100%;height: auto;padding: 40px 0 0px;background: #f2f2f2;position: relative;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; min-height:300px;}
.idxPro_list ul { width: 100%; max-width: 1600px; height: auto; margin: 0 auto; padding: 0; position: relative; min-height:300px; }
.idxPro_list ul li { width: 23%; height: auto; margin: 0 2.666666% 40px 0; padding: 15px; background-color: #fff;float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 5px; }

.idxPro_list ul li .idxPro_con { width: 100%; height: 390px; overflow: hidden; margin: 0 auto; padding: 1px; border: 1px solid #ededed; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.idxPro_list ul li .idxPro_con .idxPro_img { width: 100%; height: 290px; overflow: hidden; margin: 0 auto 20px; padding: 0; }
.idxPro_list ul li .idxPro_con .idxPro_img a { display: block; width: 100%; height: 100%; overflow: hidden; margin: 0 auto; padding: 0; position: relative; }
.idxPro_list ul li .idxPro_con .idxPro_img a img { display: block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.idxPro_list ul li:hover .idxPro_con .idxPro_img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.idxPro_list ul li .idxPro_con .idxPro_name { width: 100%; height: auto; overflow: hidden; margin: 0 auto 0; padding: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.idxPro_list ul li .idxPro_con .idxPro_name a { display: block; width: 100%; height: 50px; overflow: hidden; line-height: 50px; color: #333; font-size: 18px; text-align: center; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; padding: 0 3%; box-sizing: border-box; }
.idxPro_list ul li .idxPro_con .idxPro_name a i { display: none; }
.idxPro_list ul li .idxPro_con .idxPro_name em { display: block; width: 30px; height: 3px; overflow: hidden; background-color: #0d5198; margin: 0 auto 8px; padding: 0; }
.idxPro_list ul li:hover .idxPro_con { padding: 10px; }
.idxPro_list ul li:hover .idxPro_con .idxPro_name { height: 100%; padding: 120px 10px 10px; position: absolute; left: 0; top: 0; background-color: rgba(36,99,178,0.8); }
.idxPro_list ul li:hover .idxPro_con .idxPro_name a { height: auto; color: #fff; }
.idxPro_list ul li:hover .idxPro_con .idxPro_name a i { display: block; width: 66px; height: 66px; overflow: hidden; margin: 0 auto 10px; padding: 0; background: url(../img/pro_hover.png) center center no-repeat; background-size: 66px 66px; }
.idxPro_list ul li:hover .idxPro_con .idxPro_name em { background-color: #fff; margin-top: 10px; }
 @media screen and (width:1600px) {
.idx_Products .idxPro_main { width: 94%; max-width: inherit; padding: 0 3%; }
.idx_Products .idxPro_menu { width: 70%; }
.idxPro_list ul { max-width: inherit; }
.idx_Products .idxPro_list { padding: 80px 40px 40px; }
}
@media screen and (min-width:1440px) and (max-width:1599px) {
.idx_Products .idxPro_main { width: 94%; max-width: inherit; padding: 0 3%; }
.idx_Products .idxPro_menu { width: 70%; }
.idxPro_menu a { font-size: 15px; }
.idxPro_list ul { max-width: inherit; }
.idx_Products .idxPro_list { padding: 80px 40px 40px; }
.idxProFir_con .idxProTit_text .idxProTit_name a { font-size: 19px; }
.idxPro_list ul li .idxPro_con .idxPro_name a { font-size: 15px; }
}
@media screen and (min-width:1360px) and (max-width:1439px) {
.idx_Products .idxPro_main { width: 94%; max-width: inherit; padding: 0 3%; }
.idxProFir_con .idxPro_more { left: 19px; bottom: 19px; }
.idx_Products .idxPro_menu { width: 70%; }
.idxPro_menu a { font-size: 15px; }
.idxPro_list ul { max-width: inherit; }
.idx_Products .idxPro_list { padding: 80px 40px 40px; }
.idxPro_list ul li { width: 23.5%; margin: 0 2% 30px 0; }
.idxPro_list ul li:nth-child(4n+4) { margin: 0 0 30px; }
.idxPro_list ul li.idxPro_first .idxProFir_con { height: 240px; padding: 19px; }
.idxProFir_con .idxProTit_text .idxProTit_name a { font-size: 19px; }
.idxPro_list ul li .idxPro_con .idxPro_name a { font-size: 15px; }
.idxPro_list ul li .idxPro_con { height: 290px; }
.idxPro_list ul li .idxPro_con .idxPro_img { height: 180px; }
.idxPro_list ul li:hover .idxPro_con .idxPro_name { padding: 50px 10px 10px; }
}
@media screen and (min-width:1280px) and (max-width:1359px) {
.idx_Products .idxPro_main { width: 94%; max-width: inherit; padding: 0 3%; }
.idx_Products .idxPro_menu { padding: 15px 60px 10px 20px; }
.idxPro_menu a { font-size: 15px; width:18%; height:40px; line-height:40px; margin-bottom:5px; }
.idxPro_list ul { max-width: inherit; }
.idx_Products .idxPro_list { padding: 80px 40px 15px; }
.idxPro_list ul li { width: 23.5%; margin: 0 2% 25px 0; }
.idxPro_list ul li:nth-child(4n+4) { margin: 0 0 25px; }
.idxPro_list ul li.idxPro_first .idxProFir_con { height: 240px; padding: 19px; }
.idxPro_list ul li .idxPro_con .idxPro_name a { font-size: 15px; }
.idxPro_list ul li .idxPro_con { height: 290px; }
.idxPro_list ul li .idxPro_con .idxPro_img { height: 180px; }
.idxPro_list ul li:hover .idxPro_con .idxPro_name { padding: 60px 10px 10px; }
.idxPro_list ul li:hover .idxPro_con .idxPro_name a i { margin: 0 auto 20px; }
}
@media screen and (min-width:1080px) and (max-width:1279px) {
.idx_Products .idxPro_main { width: 94%; max-width: inherit; padding: 0 3%; }
.idxPro_tit p { font-size: 40px; }
.idx_Products .idxPro_menu { width: 100%; padding: 30px 40px 20px; position: inherit; top: inherit; right: inherit; }
.idxPro_menu a { height: 40px; line-height: 40px; font-size: 15px;margin-bottom:5px; }
.idxPro_list ul { max-width: inherit; }
.idx_Products .idxPro_list { padding: 60px 40px 15px; margin:0 auto; }
.idxPro_list ul li { width: 23.5%; margin: 0 2% 25px 0; }
.idxPro_list ul li:nth-child(4n+4) { margin: 0 0 25px; }
.idxPro_list ul li .idxPro_con .idxPro_name a { font-size: 15px; }
.idxPro_list ul li .idxPro_con { height: 280px; }
.idxPro_list ul li .idxPro_con .idxPro_img { height: 180px; }
.idxPro_list ul li:hover .idxPro_con .idxPro_name { padding: 60px 10px 10px; }
.idxPro_list ul li:hover .idxPro_con .idxPro_name a i { margin: 0 auto 20px; }
}
@media screen and (min-width:1024px) and (max-width:1079px) {
.idx_Products .idxPro_main { width: 94%; max-width: inherit; padding: 0 3%; }
.idxPro_tit p { font-size: 40px; margin-top: 30px; }
.idx_Products .idxPro_menu { width: 100%; padding: 30px 40px 20px; position: inherit; top: inherit; right: inherit; }
.idxPro_menu a { height: 40px; line-height: 40px; font-size: 15px;margin-bottom:5px; }
.idxPro_list ul { max-width: inherit; }
.idx_Products .idxPro_list { margin: 0 auto; padding: 40px 40px 10px; }
.idxPro_list ul li { width: 48%; margin: 0 4% 30px 0; }
.idxPro_list ul li:nth-child(4n+4) { margin: 0 4% 30px 0; }
.idxPro_list ul li:nth-child(2n+2) { margin: 0 0 30px; }
.idxPro_list ul li.idxPro_first .idxProFir_con { height: 260px; padding: 19px; }
.idxPro_list ul li .idxPro_con .idxPro_name a { font-size: 15px; }
.idxPro_list ul li .idxPro_con { height: 290px; }
.idxPro_list ul li .idxPro_con .idxPro_img { height: 200px; }
.idxPro_list ul li:hover .idxPro_con .idxPro_name { padding: 60px 10px 10px; }
.idxPro_list ul li:hover .idxPro_con .idxPro_name a i { margin: 0 auto 20px; }
}
@media screen and (max-width:1023px) and (min-width:768px) {
.idx_Products .idxPro_main { width: 94%; max-width: inherit; padding: 0 3%; }
.idxPro_tit p { font-size: 40px; margin-top: 30px; }
.idx_Products .idxPro_menu { width: 100%; padding: 25px 40px 10px; position: inherit; top: inherit; right: inherit; }
.idxPro_menu a { height: 40px; line-height: 40px; font-size: 15px; }
.idxPro_list ul { max-width: inherit; }
.idx_Products .idxPro_list { margin: 0 auto; padding: 40px 40px 10px; }
.idxPro_list ul li { width: 48%; margin: 0 4% 30px 0; }
.idxPro_list ul li:nth-child(4n+4) { margin: 0 4% 30px 0; }
.idxPro_list ul li:nth-child(2n+2) { margin: 0 0 30px; }
.idxPro_list ul li.idxPro_first .idxProFir_con { height: 260px; padding: 19px; }
.idxPro_list ul li .idxPro_con .idxPro_name a { font-size: 15px; }
.idxPro_list ul li .idxPro_con { height: 290px; }
.idxPro_list ul li .idxPro_con .idxPro_img { height: 200px; }
.idxPro_list ul li:hover .idxPro_con .idxPro_name { padding: 60px 10px 10px; }
.idxPro_list ul li:hover .idxPro_con .idxPro_name a i { margin: 0 auto 20px; }
.idx_Products .idxPro_menu{ max-height:inherit;}
.idx_Products .idxPro_menu p{ max-height:inherit;}
}
@media (max-width: 767px) {
.idx_Products .idxPro_main { width: 94%; max-width: inherit; padding: 0 3%; }
.idx_Products .idxPro_menu { width: 100%; padding: 20px; position: inherit; top: inherit; right: inherit; min-height:inherit; }
.idxPro_tit p { font-size: 30px; margin-top: 25px; }
.idxPro_tit b { font-size: 30px; }
.idxPro_menu a {height: 40px; line-height: 40px; color: #fff; font-size: 15px; margin-bottom:5px; width:100%; }
.idxPro_menu a:hover, .idxPro_menu a.idxProMenu_on { color: #fff; font-weight: bold; border-radius: 24px; }
.idxPro_list ul { max-width: inherit; }
.idx_Products .idxPro_list { margin: 0 auto; padding: 20px 20px 0; }
.idxPro_list ul li { width: 100%; margin: 0 auto 20px; }
.idxPro_list ul li:nth-child(4n+4) { margin: 0 auto 20px; }
.idxPro_list ul li:nth-child(2n+2) { margin: 0 auto 20px; }
.idxPro_list ul li.idxPro_first .idxProFir_con { height: auto; padding: 19px 19px 89px; }
.idxPro_list ul li .idxPro_con .idxPro_name a { font-size: 15px; }
.idxPro_list ul li .idxPro_con { height: 290px; }
.idxPro_list ul li .idxPro_con .idxPro_img { height: 200px; }
.idxPro_list ul li:hover .idxPro_con .idxPro_name { padding: 80px 10px 10px; }
.idxPro_list ul li:hover .idxPro_con .idxPro_name a i { margin: 0 auto 20px; }
.idx_Products .idxPro_menu{ max-height:inherit;}
.idx_Products .idxPro_menu p{ max-height:inherit;}
}
@media (max-width: 375px) {
.idxPro_tit span { font-size: 28px; }
}
@media (max-width: 320px) {
.idxPro_main .idxPro_tit { font-size: 18px; }
.idxPro_tit span { font-size: 24px; }
.idxPro_menu a { font-size: 14px; padding: 0 16px; }
.idxPro_list ul li .idxPro_con { height: 270px; }
.idxPro_list ul li .idxPro_con .idxPro_img { height: 180px; }
.idxPro_list ul li:hover .idxPro_con .idxPro_name { padding: 60px 10px 10px; }
.idxPro_list ul li .idxPro_con .idxPro_name a { font-size: 14px; }
}
/*idx_Products 结束*/

