/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"microsoft yahei"; font-size:16px; cursor:default; color:black;}
table{border-collapse:collapse;border-spacing:0; border:none;}
/*tr,td{border:none;}*/
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color: black;}
a:hover{ text-decoration:none; color: #1b7ae4;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
i{font-style:normal}


.fl{ float: left;}
.fr{ float: right;}
.clear { clear: both;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.w1200 { width: 1200px; margin: 0 auto;}


/* top */
.top { height: 30px; background: #083c75;}
.top .fl { color: #fff; line-height: 30px; font-size: 12px;}
.top .login { float: left; width: 30px; height: 30px; background: url(icon_user.png) no-repeat 50% 50%;}

.top .search { float: right; position: relative;}
.top .search-toggle { display: block; width: 30px; height: 30px; background: url(icon_search.png) no-repeat 50% 50%; cursor: pointer;}

/* header */
.header { height: 80px; background: #1b7ae4;}
.header .logo { float: left; padding-top: 17px;}
.header .nav { float: right;}
.header .nav li { float: left;}
.header .nav li a { display: block; height: 100%; padding: 0 20px; line-height: 80px; color: #fff;}
.header .nav li.on,.header .nav li a:hover { background: #0f5cb3;}

/* footer */
.footer { background: #363c41;}
.footer * { color:#d7d8d9;}
.footer .f-t { border-bottom: 1px solid #676b6f; line-height: 20px; padding: 25px 0; overflow: hidden;}
.footer .f-t p,.footer .f-t a { float: left; font-size: 14px; color: #d7d8d9; margin-right: 15px;}
.footer .f-t a:hover { text-decoration: underline;}
.footer .f-b { padding: 40px 0;}
.footer .f-b  p { font-size: 14px; line-height: 30px; color: #d7d8d9;}

.container { padding: 30px 0; overflow: hidden;}
/* banner */
.swiper-pagination-bullet { width: 24px; height: 2px; border-radius: 0;}
.swiper-pagination-bullet-active { background: #fff;}
.swiper-slide { display: flex; justify-content: center;}

/* 产品中心 */
.product { border-left: 1px solid #e5e5e5; overflow: hidden;}
.product a { float: left; border: 1px solid #e5e5e5; border-left: 0; width: 239px; height: 163px; text-align: center;}
.product a:first-child { width: 238px;}
.product h5 { font-size: 18px; line-height: 30px; font-weight: normal; padding-top: 10px;}
.product i { display: block; border: 2px solid #1b7ae4; border-radius: 50%; width: 64px; height: 64px; background: #fff no-repeat 50% 50%; margin: 10px auto;}
.product i.cpzx { background-image: url(icon_cpzx.png);}
.product i.ywhz { background-image: url(icon_ywhz.png);}
.product i.gswh { background-image: url(icon_gswh.png);}
.product i.hyzx { background-image: url(icon_hyzx.png);}
.product i.fwzc { background-image: url(icon_fwzc.png);}
.product p { font-size: 14px; color: #666;}
.product a:hover { background: #1b7ae4;}
.product a:hover h5,.product a:hover p { color: #fff;}

/* 典型案例 */
.dxal{ padding: 30px 0;}
.dxal h3 { font-size: 36px; text-align: center; color: #1b7ae4; font-weight: normal;}
.dxal h3 span { display: block; font-size: 16px; color: #666;}
.dxal .more { position: relative; text-align: center;}
.dxal .more:after { display: block; position: absolute; left: 0; right: 0; top: 50%; content: ""; height: 1px; background: #e5e5e5;}
.dxal .more a { position: relative; z-index: 9; display: inline-block; border-radius: 20px; background: #fff; color: #999; font-size: 14px; text-align: center; border: 1px solid #e5e5e5; width: 102px; height: 38px; text-align: center; line-height: 38px;}
.dxal .more a:hover { border-color: #1b7ae4; color: #1b7ae4}
.dxal-list { padding: 30px 0; overflow: hidden;}
.dxal-list li { float: left; width: 285px; margin-left: 20px;}
.dxal-list li:first-child { margin-left: 0;}
.dxal-list li .pic { width: 100%; height: 214px; overflow: hidden;}
.dxal-list li .pic img { display: block; width: 100%; height: 100%; transform: scale(1); transition: all .5s;}
.dxal-list li .pic:hover img { transform: scale(1.1);}
.dxal-list li .text { line-height: 20px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 10px;}
.dxal-list li .text a { color: #666;}
.dxal-list li .text a:hover { color: #1b7ae4}

/* 企业概况 */
.w570 { width: 570px; overflow: hidden;}
.w570 .head { float: left; width: 160px; height: 70px; text-align: center; padding-top: 130px; background: #f0f0f0 no-repeat center top 30px;}
.w570 .head h5 { font-size: 24px; line-height: 1; font-weight: normal;}
.w570 .head span { font-size: 14px; color: #999; line-height: 1;}
.w570 .main { margin-left: 180px;}

.qygk .head { background-image: url(icon_qygk.png);}
.qygk .summary { line-height: 28px; text-indent: 2em; text-align: justify;}
.qygk .summary a { color: #1b7ae4; font-size: 14px;}

.gsxw .head { background-image: url(icon_gsxw.png);}
.gsxw .list li { background: url(index_dot.png) no-repeat left center; padding-left: 15px; line-height: 33px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* 列表页 */
.dqwz { background: #f0f0f0;}
.dqwz div { background: url(icon_dqwz.png) no-repeat left center; padding: 15px 0 15px 30px; color: #666; font-size: 14px; line-height: 20px;}
.dqwz a { color: #666;}
.dqwz a:hover { color: #1b7ae4;}

.column-left { float: left; width: 890px; overflow: hidden;}
.column-left .title { border-top: 1px solid #e5e5e5; height: 59px;}
.column-left .title h3 { float: left; border-top: 2px solid #1b7ae4; height: 58px; padding: 0 15px; font-size: 24px; color: #1b7ae4; line-height: 58px; margin-top: -1px;}
.column-left .list li { position: relative; background: url(column_dot.png) no-repeat left center; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 15px; padding-right: 100px;}
.column-left .list li span { position: absolute; right: 0; font-size: 14px; color: #999;}
.column-left .list li:nth-child(6),.column-left .list li:nth-child(12) { border-bottom: 1px dashed #e5e5e5; padding-bottom: 10px; margin-bottom: 10px;}

.pages { font-size: 0; text-align: center; line-height: 35px; margin-top: 20px;}
.pages a,.pages span { display: inline-block; font-size: 14px; margin: 0 5px;}
.pages a { border: 1px solid #e1e1e1; padding: 0 13px;}
.pages .active { background: #1b7ae4; color: #fff;}

.column-right { float: right; width: 278px; border: 1px solid #e5e5e5; overflow: hidden;}
.column-right .title { height: 59px; background: #f0f0f0; border-bottom: 1px solid #e5e5e5; line-height: 59px;}
.column-right .title h3 { float: left; border-top: 2px solid #1b7ae4; border-right: 1px solid #e5e5e5; height: 59px; background: #fff; padding: 0 15px; color: #1b7ae4; margin-top: -1px;}
.column-right .title .more { float: right; background: url(column_more.png) no-repeat right center; padding-right: 15px; font-size: 14px; color: #666; margin-right: 20px;}
.column-right .list { padding: 0 19px;}
.column-right .list>li{ position: relative; background: url(column_dot.png) no-repeat left center; border-bottom: 1px solid #e5e5e5; line-height: 47px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 25px;}
.column-right .list>li span { position: absolute; left: 0; top: 50%; border-radius: 2px; width: 16px; height: 16px; font-size: 12px; color: #fff; text-align: center; line-height: 16px; background: #b6b6b6; margin-top: -8px;}
.column-right .list>li:last-child { border-bottom: 0;}
.column-right .list>li:nth-child(1) span,.column-right .list>li:nth-child(2) span,.column-right .list>li:nth-child(3) span { background: #c31313;}


/* 文章页 */
.details { float: left; width: 890px;}
.details-tit { font-size: 36px; line-height: 40px;}
.details-info { margin-top: 20px; overflow: hidden;}
.details-info p { font-size: 14px; line-height: 20px; color: #666;}
.details-info p a { color: #1b7ae4;}
.details-main { margin-left: 160px; margin-top: 20px;}
.details-main,.details-main * { font-size: 16px; line-height: 30px; text-align: justify;}
.details-bottom { text-align: right; font-size: 14px; color: #666; margin-top: 20px;}
.bdsharebuttonbox { float: left; width: 120px; margin-top: 20px;}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { display: block; height: 52px !important; float: none !important; width: 100% !important; border-bottom: 1px solid #e5e5e5; padding: 0 !important; margin: 0 !important; line-height: 52px !important; text-indent: 52px; font-size: 14px !important; color: #666;}
.bdshare-button-style0-16 .bds_weixin { background: url(share_wx.png) no-repeat left center !important;}
.bdshare-button-style0-16 .bds_qzone { background: url(share_kj.png) no-repeat left center !important;}
.bdshare-button-style0-16 .bds_tsina { background: url(share_wb.png) no-repeat left center !important;}