/** reset **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0;font-size: 100%;}
body,button, input, select, textarea{font-size: 14px;line-height: 1.5;font-family: Arial, 'Microsoft Yahei';}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
em{font-style:normal;}
ul, ol{list-style: none;}
input,button{background: none;border: none;outline: none;-webkit-appearance: none;}
textarea{resize: none;}
a{text-decoration: none;color:#333;}
a:hover{text-decoration: none;
		color:#008ccb;
		-moz-transition: all 0.3s ease-in;
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
}
img{border:0px;  outline-width:0px;  vertical-align:top;}
.clearfix { *zoom: 1; } 
.clearfix:before, .clearfix:after {  display: table; line-height: 0; content: ""; } 
.clearfix:after { clear: both; } 
.fl { float:left;}
.fr { float:right;}
.hide { display:none;}


.wp{width: 1200px;margin: 0 auto;position: relative;}
#main{position: relative;}




/*资讯中心*/
.index-news{padding-top: 30px;padding-bottom: 48px;}
.index-news .new-tit{background: #f8f8f8;border-bottom: 1px solid #fafafa;padding: 25px 0 48px;}
.index-news .tit-inner{padding-bottom: 13px;position: relative;text-align: center;}
.index-news .tit-inner:after{display: block;content: "";width: 48px;height: 3px;background: #e60101;position: absolute;left: 50%;margin-left: -24px;bottom: 0;}
.index-news .tit-inner h2{font-size: 36px;line-height: 48px;color: #008ccb;}
.index-news .tit-inner h5{font-size: 18px;line-height: 28px;}
.index-news .item-con{border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;}
.index-news ul{border-left: 1px solid #ececec;}
.index-news ul li{float: left;border-right: 1px solid #ececec;width: 398px;height: 252px;}
.index-news .list-wp{padding: 45px 20px 0;}
.index-news .list-wp .date{float: left;width: 82px;color: #9f9f9f;}
.index-news .list-wp .date h2{line-height: 48px;font-size: 48px;margin-bottom: 8px;}
.index-news .list-wp .date h5{text-align: center;font-size: 12px;line-height: 18px;}
.index-news .list-wp .text{float: right;width: 270px;}
.index-news .list-wp .text h4{font-size: 12px;line-height: 18px;height: 36px;margin-bottom: 10px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;}
.index-news .list-wp .text p{padding-top: 6px;position: relative;font-size: 12px;line-height: 18px;color: #bfbebe;height: 36px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;}
.index-news .list-wp .text p:after{display: block;content: "";width: 16px;height: 1px;background: #bfbebe;position: absolute;top: 0;left: 0;}
.index-news .list-wp .text .more{display: block;width: 72px;height: 24px;border: 1px solid #bfbebe;border-radius: 3px;line-height: 24px;text-align: center;font-size: 12px;color: #7b7b7b;margin-top: 40px;}
.index-news .list-wp .text .more span{font-family: "microsoft yahei";}

.index-news ul li.on{background: #008ccb;color: #fff;transition: 0.4s;}
.index-news ul li.on .date,
.index-news ul li.on .text h4 a,
.index-news ul li.on .text p,
.index-news ul li.on .list-wp .text .more{color: #fff;}
.index-news ul li.on .list-wp .text .more{border-color: #fff;}
.index-news ul li.on .text p:after{background: #fff;}




/*资讯中心*/
.news{padding-bottom: 27px;}
.news-wp{background: #fff;padding: 24px 32px 0;}
.news .top-bar{padding-top: 9px;height: 51px;border-bottom: 1px solid #e0e0e0;background: #fff;}
.news .top-bar .news-menu{float: left;}
.news .top-bar .news-menu a{float: left;line-height: 50px;padding: 0 18px;font-size: 18px;margin-right: 10px;}
.news .top-bar .news-menu a.on{border-bottom: 2px solid #008dcb;color: #008dcb;transition: none;}
.news .top-bar .crumbs{float: right;line-height: 51px;padding-left: 20px;position: relative;margin-right: 24px;}
.news .top-bar .crumbs:before{display: block;content: "";width: 13px;height: 13px;background: url(http://hxsonic.com/images/icons.png) no-repeat 0 -185px;position: absolute;left: 0;top: 50%;margin-top: -6.5px;}
.news .top-bar .crumbs span{color: #008dcb;}
.news .hotnews{background: #f7f7f7;margin-bottom: 20px;}
.news .hotnews .img{width: 538px;}
.news .hotnews .infos{width: 538px;padding-top: 30px;margin-right: 30px;}
.news .hotnews .infos .date{border: 2px solid #008dcb;padding: 24px 5px 0;position: relative;text-align: center;}
.news .hotnews .infos .date h5{line-height: 26px;font-size: 18px;color: #666;}
.news .hotnews .infos .date h2{line-height: 50px;position: absolute;width: 100%;left: 0;top: -24px;font-size: 48px;color: #e60101;}
.news .hotnews .infos h4{font-size: 18px;line-height: 30px;margin: 13px 0;}
.news .hotnews .infos p{line-height: 24px;color: #666;}
.news .hotnews .infos .more{line-height: 22px;display: block;margin-top: 40px;}
.news .hotnews .infos .more:before{display: inline-block;content: "";vertical-align: top;width: 52px;height: 8px;background: #bec7f3;margin: 7px 10px 0 0;}
.news .news-list{border-top: 1px solid #d7d7d7;padding-bottom: 12px;}
.news .news-list li{float: left;width: 538px;margin: 22px 30px 22px 0;height: 118px;}
.news .news-list li{display: block;}
.news .news-list .img{float: left;width: 280px;height: 118px;overflow: hidden;}
.news .news-list .img img{width: 100%;transition: 0.6s;}
.news .news-list li:hover .img img{transition: 0.6s;transform: scale(1.1);}
.news .news-list .text{float: right;width: 238px;}
.news .news-list .text h4{line-height: 18px;margin-bottom: 4px;height: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .news-list .text p{line-height: 24px;font-size: 12px;color: #666;height: 96px;overflow: hidden;}
.news .news-list .text p:after{display: inline-block;content: "";vertical-align: top;width: 26px;height: 4px;background: #bec7f3;margin: 12px 0 0 6px;}
.news .pagenum{margin-top: 13px;}

#sectOne{padding:0px 0;width:100%;height:auto;position:relative;background:#ffffff}
#sectFive .sectFive,#sectFour .sectFour,#sectOne .sectOne,#sectThree .sectThree{width:1172px;height:auto;padding:0 15px;box-sizing:border-box;margin:0 auto}
.sectFive>h3,.sectFour h3,.sectOne>h3,.sectThree>h3,.sectTwo>h3{font-size:30px;font-weight:400;text-align:center;line-height:42px}
.sectFive>.intro,.sectFour>.intro,.sectOne>.intro,.sectThree>.intro,.sectTwo>.intro{font-size:14px;color:#666;line-height:28px;max-height:48px;overflow:hidden;text-align:center}

#sectTwo .swiper-pagination{bottom:30px}
#sectTwo .swiper-pagination-bullet{width:20px;height:6px;border-radius:5px;background:#fff;opacity:1}
#sectTwo .swiper-pagination-bullet-active{background:#e51c60; width: 50px;}

#sectFive .swiper-pagination{bottom:70px}
#sectFive .swiper-pagination-bullet{width:20px;height:6px;border-radius:5px;background:rgb(163, 158, 158);opacity:1}
#sectFive .swiper-pagination-bullet-active{background:#e51c60; width: 50px;}

.swiper-option2{ position: relative; width: 1400px; margin: 0 auto;}
#sectTwo .swiper-button-prev, #sectTwo  .swiper-button-next{ display: block;}


@media screen and (max-width:1290px){#sectFive .sectFive,#sectFour .sectFour,#sectOne .sectOne,#sectThree .sectThree{width:100%}
}
.sectOne>ul{padding-top:52px;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;text-align:center}
.sectOne>ul>li{margin-bottom:50px}
.sectOne>ul>li>a{display:block;width:258px;height:auto;transition:all .4s ease}
.sectOne>ul .fake{ width: 258px; height: 1px; line-height: 0; overflow: hidden; background: none;}
.sectOne>ul>li>a .img{width:100%;height:220px;line-height:220px;overflow:hidden;border-bottom: 1px solid #eee;}
.sectOne>ul>li>a .img img{display:inline-block;vertical-align:middle;width:100%;height:auto}
.sectOne>ul>li>a p{line-height:50px;height:50px;background:#f5f5f5;font-size:18px;overflow:hidden;box-sizing:  border-box;padding: 0 10px;}
.sectOne>ul>li>a:hover{transition:all .4s ease;transform:translateY(-10px);box-shadow:0 10px 20px #e5e5e5}
.sectOne>ul>li>a:hover p{color:#e51c60}
#more{width:156px;height:48px;line-height:48px;font-size:18px;text-align:center;margin:0 auto;display:block;border-radius:7px}
.sectOne #more{background:#f5f5f5;color:#888;margin-top:10px;transition:all .4s ease}
.sectOne #more:hover{color:#f5f5f5;background:#e51c60;box-shadow:0 5px 10px #ccc}
@media screen and (max-width:1290px){.sectOne>ul{justify-content:space-between;}
.sectOne>ul>li{margin:0 0px 50px 0px}
}
@media screen and (max-width:768px){
.sectOne>ul{justify-content:space-between;padding-top:24px}
.sectOne>ul>li{margin:0;margin-bottom:15px;width:48%;overflow:hidden}
.sectOne>ul>li>a .img{width:100%;height:130px;line-height:1}
.sectOne>ul>li>a .img img{width:100%;height:auto}
.sectOne>ul>li>a{width:100%;height:auto}
.sectOne>ul>li>a p{font-size:14px;height:30px;line-height:30px}
#more{width:100px;height:40px;line-height:40px;font-size:14px}
    #banner .swiper-pagination{ display: none;}

    .sectOne>ul .fake{ width: 48%;}

}